/* =================================
	99.9 lower CSS
================================= */

/*	header
============================== */
header.cmn {
	background-image:url(../img/bg_cmnheader.png);
	background-position:center top;
	background-repeat:repeat-x;
}
header.cmn div.header {
	background-image:url(../img/cmn_header.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
div.header p.logo {
	float:left;
}
div.header p.logo a {
	display:block;
	background-image:url(../img/cmn_header.png);
	background-position:left top;
	background-repeat:no-repeat;
}
div.header p.date {
	float:right;
	background-image:url(../img/cmn_header.png);
	background-repeat:no-repeat;
}
@media all and (min-width: 768px) {
header.cmn div.header {
	width:980px;
	height:160px;
	background-position:0 -160px;
	margin:0 auto;
}
div.header p.logo a {
	width:240px;
	height:160px;
}
div.header p.date {
	width:380px;
	height:160px;
	background-position:-600px -320px;
}
}
@media all and (max-width: 767px) {
header.cmn {
	background-size:20px 80px;
}
header.cmn div.header {
	background-size:490px 240px;
	background-position:right -80px;
	padding-left:9px;
	height:80px;
}
div.header p.logo a {
	width:120px;
	height:80px;
	background-size:490px 240px;
}
div.header p.date {
	width:190px;
	height:80px;
	background-size:490px 240px;
	background-position:-300px -160px;
}
}


/*	menu
============================== */

header.cmn nav {
	background-color:#225486;
	background-image: linear-gradient(#183760 0%, transparent 75%);
}
div.menu {
	position:relative;
}
div.menu div.ovrflw {
	overflow:hidden;
	margin:0 26px;
}
div.menu div.ovrflw ul {
	display:block;
	-webkit-transform: translateZ(0);
	list-style-type:none;
}
div.menu div.ovrflw ul li {
	background-image:url(../img/cmn_menu_line.png);
	background-repeat:no-repeat;
	padding-right:2px;
	float:left;
}
div.menu div.ovrflw ul li:last-child {
	background-image:none;
	padding-right:0;
}
div.menu div.ovrflw ul li a, div.menu div.ovrflw ul li span {
	display:block;
	background-image:url(../img/cmn_menu.png);
	background-repeat:no-repeat;
}
div.menu div.ovrflw ul li a, div.menu div.ovrflw ul li span, div.menu ul.ctrl li a {
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
div.menu div.ovrflw ul li span {
	opacity:0.3;
}
.news li.mnews a, .intro li.mintro a, .cast li.mcast a, .staff li.mstaff a, .story li.mstory a, .chart li.mchart a, .bbs li.mbbs a, .report li.mrepo a, .interview li.minter a, .update li.mupdate a, .present li.mpres a, .app li.mapp a, .gallery li.mgallery a {
	background-color:#ff4e17;
}
div.menu ul.ctrl {
	list-style-type:none;
}
div.menu ul.ctrl li {
	position:absolute;
	top:0;
}
div.menu ul.ctrl li a {
	display:block;
	width:26px;
	background-image:url(../img/cmn_menu_ctrl.svg);
	background-repeat:no-repeat;
}
div.menu ul.ctrl li.ctrl-lef {
	left:0;
}
div.menu ul.ctrl li.ctrl-rig {
	right:0;
}
@media all and (min-width: 768px) {
div.menu {
	width:980px;
	margin:0 auto;
}
div.menu div.ovrflw ul li {
	background-position:right top;
}
div.menu div.ovrflw, header.cmn nav, div.menu div.ovrflw ul li a, div.menu div.ovrflw ul li span, div.menu ul.ctrl li a {
	height:60px;
}
div.menu div.ovrflw ul li a:hover {
	background-color:#ffae90;
}
div.menu div.ovrflw ul li.mhome a {width:84px;background-position:-26px 0;}
div.menu div.ovrflw ul li.mnews a {width:103px;background-position:-112px 0;}
div.menu div.ovrflw ul li.mintro a {width:200px;background-position:-217px 0;}
div.menu div.ovrflw ul li.mcast a {width:93px;background-position:-419px 0;}
div.menu div.ovrflw ul li.mstaff a {width:101px;background-position:-514px 0;}
div.menu div.ovrflw ul li.mstory a {width:107px;background-position:-617px 0;}
div.menu div.ovrflw ul li.mchart a, div.menu div.ovrflw ul li.mchart span {width:108px;background-position:-726px 0;}
div.menu div.ovrflw ul li.mbbs a {width:118px;background-position:-836px 0;}
div.menu div.ovrflw ul li.mrepo a {width:122px;background-position:-956px 0;}
div.menu div.ovrflw ul li.minter a {width:159px;background-position:-1080px 0;}
div.menu div.ovrflw ul li.mupdate a {width:121px;background-position:-1241px 0;}
div.menu div.ovrflw ul li.mpres a {width:136px;background-position:-1364px 0;}
div.menu div.ovrflw ul li.mapp a {width:122px;background-position:-1502px 0;}
div.menu div.ovrflw ul li.mgallery a {width:132px;background-position:-1626px 0;}
div.menu ul.ctrl li.ctrl-lef a {
	background-position:0 -83px;
}
div.menu ul.ctrl li.ctrl-rig a {
	background-position:0 17px;
}
}
@media all and (max-width: 767px) {
div.menu div.ovrflw ul li {
	background-position:right bottom;
}
div.menu div.ovrflw, header.cmn nav, div.menu div.ovrflw ul li a, div.menu div.ovrflw ul li span, div.menu ul.ctrl li a {
	height:46px;
}
div.menu div.ovrflw ul li a, div.menu div.ovrflw ul li span {
	background-size:1380px 46px;
}
div.menu div.ovrflw ul li.mhome a {width:64px;background-position:-20px 0;}
div.menu div.ovrflw ul li.mnews a {width:79px;background-position:-86px 0;}
div.menu div.ovrflw ul li.mintro a {width:152px;background-position:-166px 0;}
div.menu div.ovrflw ul li.mcast a {width:71px;background-position:-322px 0;}
div.menu div.ovrflw ul li.mstaff a {width:77px;background-position:-394px 0;}
div.menu div.ovrflw ul li.mstory a {width:82px;background-position:-473px 0;}
div.menu div.ovrflw ul li.mchart a, div.menu div.ovrflw ul li.mchart span {width:82px;background-position:-557px 0;}
div.menu div.ovrflw ul li.mbbs a {width:90px;background-position:-641px 0;}
div.menu div.ovrflw ul li.mrepo a {width:93px;background-position:-733px 0;}
div.menu div.ovrflw ul li.minter a {width:122px;background-position:-828px 0;}
div.menu div.ovrflw ul li.mupdate a {width:92px;background-position:-952px 0;}
div.menu div.ovrflw ul li.mpres a {width:104px;background-position:-1046px 0;}
div.menu div.ovrflw ul li.mapp a {width:93px;background-position:-1152px 0;}
div.menu div.ovrflw ul li.mgallery a {width:100px;background-position:-1247px 0;}

div.menu ul.ctrl li.ctrl-lef a {
	background-position:0 -90px;
}
div.menu ul.ctrl li.ctrl-rig a {
	background-position:0 10px;
}
}



/*	layout
============================== */

div.wrap {
	position:relative;
}
div.column-l main div.cmn-brd > h1 span, div.column-one main div.cmn-brd > p.tit span,
div.column-l main div.cmn-brd > p.tit span {
	display:block;
	background-image:url(../img/cmn_h1.png);
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
@media all and (min-width: 768px) {
div.wrap {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(254,254,254,0)));
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
}
div.column-w, div.column-one {
	width:980px;
	margin:0 auto;
}
div.column-w {
	padding:25px 0 30px;
}
div.column-one {
	padding:25px 0 80px;
}
div.column-one main{
	padding-bottom:30px;
}
div.column-l {
	width:655px;
	float:left;
}
div.column-r {
	width:300px;
	float:right;
	padding-bottom:50px;
}
div.column-l main div.cmn-brd, div.column-one main div.cmn-brd {
	background-position:center top;
	background-repeat:repeat-y;
}
div.column-l main div.cmn-brd {
	background-image:url(../img/cmn_brd.png);
}
div.column-one main div.cmn-brd {
	background-image:url(../img/cmn_brd_one.png);
}
div.column-l main div.cmn-brd > h1, div.column-one main div.cmn-brd > p.tit,
div.column-l main div.cmn-brd > p.tit {
	background-position:left top;
	background-repeat:no-repeat;
	margin-bottom:16px;
}
div.column-l main div.cmn-brd > h1, div.column-l main div.cmn-brd > p.tit {
	background-image:url(../img/cmn_brd.png);
}
div.column-one main div.cmn-brd > p.tit {
	background-image:url(../img/cmn_brd_one.png);
}
div.column-l main div.cmn-brd > h1 span, div.column-one main div.cmn-brd > p.tit span,
div.column-l main div.cmn-brd > p.tit span {
	width:480px;
	height:80px;
	margin-bottom:16px;
}
div.column-l main div.cmn-brd div.cmn-brd-inner, div.column-one main div.cmn-brd div.cmn-brd-inner {
	background-position:right bottom;
	background-repeat:no-repeat;
}
div.column-l main div.cmn-brd div.cmn-brd-inner {
	padding:0 29px 29px 40px;
}
div.column-one main div.cmn-brd div.cmn-brd-inner {
	padding:0 34px 29px 40px;
}
div.column-l main div.cmn-brd div.cmn-brd-inner {
	background-image:url(../img/cmn_brd.png);
}
div.column-one main div.cmn-brd div.cmn-brd-inner {
	background-image:url(../img/cmn_brd_one.png);
}

.news h1 span {background-position:left top;}
.intro h1 span {background-position:0 -80px;}
.cast h1 span {background-position:0 -160px;}
.staff h1 span {background-position:0 -240px;}
.story h1 span {background-position:0 -320px;}
.chart h1 span {background-position:0 -400px;}
.bbs h1 span {background-position:0 -480px;}
.report h1 span {background-position:0 -560px;}
.interview h1 span {background-position:0 -640px;}
.update h1 span {background-position:0 -720px;}
.present h1 span {background-position:0 -800px;}
.gallery h1 span {background-position:0 -880px;}
.app h1 span {background-position:0 -960px;}
.special p.tit span {background-position:0 -1040px;}
.trailer h1 span {background-position:0 -1120px;}
}
@media all and (max-width: 767px) {
div.column-one {
	padding-bottom:60px;
}

div.column-l, div.column-one {
	background-image:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(254,254,254,0)));
	background-image: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	/* border-bottom:6px solid #225486; */
}
div.column-l main div.cmn-brd, div.column-one main div.cmn-brd {
	background-image:url(../img/cmn_line_v.png);
	background-position:4px 0;
	background-repeat:repeat-y;
}
div.column-l main div.cmn-brd > h1, div.column-one main div.cmn-brd > p.tit,
div.column-l main div.cmn-brd > p.tit {
	background-image:url(../img/cmn_line_h.png);
	background-position:left top;
	background-repeat:repeat-x;
}
div.column-l main div.cmn-brd > h1 span, div.column-one main div.cmn-brd > p.tit span,
div.column-l main div.cmn-brd > p.tit span {
	background-size:320px 810px;
	width:320px;
	height:54px;
	margin-bottom:10px;
}

div.column-l main div.cmn-brd div.cmn-brd-inner, div.column-one main div.cmn-brd div.cmn-brd-inner {
	padding:0 10px 20px 26px;
}
.news h1 span {background-position:0 0;}
.intro h1 span {background-position:0 -54px;}
.cast h1 span {background-position:0 -108px;}
.staff h1 span {background-position:0 -162px;}
.story h1 span {background-position:0 -216px;}
.chart h1 span {background-position:0 -270px;}
.bbs h1 span {background-position:0 -324px;}
.report h1 span {background-position:0 -378px;}
.interview h1 span {background-position:0 -432px;}
.update h1 span {background-position:0 -486px;}
.present h1 span {background-position:0 -540px;}
.gallery h1 span {background-position:0 -594px;}
.app h1 span {background-position:0 -648px;}
.special p.tit span {background-position:0 -702px;}
.trailer h1 span {background-position:0 -756px;}

div.column-r {
	background-color:#fff;
	padding-bottom:60px;
}

}


/*	rectangle
============================== */
div.column-r div.recta div {
	width:300px;
	height:250px;
	overflow:hidden;
}
@media all and (min-width: 768px) {
	div.column-r div.recta {
		padding-bottom:20px;
	}
}
@media all and (max-width: 767px) {
	div.column-r div.recta {
		background-color:#d6e0ea;
		padding:10px 0;
	}
	div.column-r div.recta div {
		margin:0 auto;
	}
}


/*	SNS (button and timeline)
============================== */

/* buttons */
div.column-r div.sns-btns div.tw {
	float:left;
}
div.column-r div.sns-btns div.fb {
	float:right;
}
/* timeline */
div.column-r div.sns-timeline {
	background-color:#225486;
	background-image:url(../img/cmn_tw_timeline.png);
	background-repeat:no-repeat;
	background-position:center top;
	padding:0 0 10px;
}
div.column-r div.sns-timeline p.btn-tw a {
	display:block;
	height:42px;
}
div.column-r div.sns-timeline div.inner {
	height:440px;
	background-color:#fff;
	margin:0 auto;
}
@media all and (min-width: 768px) {
	div.column-r div.sns-timeline div.inner {
		width:280px;
	}
	/* buttons */
	div.column-r div.sns-btns {
		padding:15px 0;
	}
	div.column-r div.sns-btns div.tw {
		padding-left:10px;
	}
	div.column-r div.sns-btns div.fb {
		padding-right:0;
	}
}
@media all and (max-width: 767px) {
	div.column-r div.sns-timeline div.inner {
		width:260px;
	}
	/* buttons */
	div.column-r div.sns-btns {
		padding:12px 0 10px;
	}
	div.column-r div.sns-btns div.tw {
		padding-left:12%;
	}
	div.column-r div.sns-btns div.fb {
		padding-right:5%;
	}
}


/*	text
============================== */
div.cmn-brd-inner p.txt {
	line-height:1.6;
	margin-bottom:1.5em;
}
div.cmn-brd-inner p.txt:last-child {
	margin-bottom:0;
}
div.cmn-brd-inner p span.castname {
	color:#ff4e7b;
}
div.cmn-brd-inner cite {
	color:#204070;
	font-style:normal;
	font-weight:bold;
}
div.cmn-brd-inner p.lines {
	background-position:left bottom;
	background-repeat:repeat;
}
@media all and (min-width: 768px) {
	div.cmn-brd-inner p.txt, div.cmn-brd-inner p.lines {
		font-size:87.5%;
	}
	div.cmn-brd-inner p.lines {
		background-image:url(../img/line30.png);
		padding: 0 10px;
		line-height:30px;
		margin-bottom:30px;
	}
}
@media all and (max-width: 767px) {
	div.cmn-brd-inner p.txt, div.cmn-brd-inner p.lines {
		font-size:83%;
	}
	div.cmn-brd-inner p.lines {
		background-image:url(../img/line27.png);
		line-height:27px;
		padding: 0 5px;
		margin-bottom:27px;
	}
}


/*	intro
============================== */
p.intro-copy {
	background-image:url(../img/intro_copy.png);
	background-position:center top;
	background-repeat:no-repeat;
}
.intro div.pics {
	margin:0 auto;
}
.intro div.pics span {
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
@media all and (min-width: 640px) {
p.intro-copy {
	height:430px;
	margin-bottom:15px;
}
.intro div.pics {
	margin-bottom:20px;
}
.intro div.pics, .intro div.pics span, .intro div.pics span img {
	width:260px;
}
.intro div.pics span img {
	height:260px;
}
}
@media all and (min-width: 450px) and (max-width: 639px) {
p.intro-copy {
	width:420px;
	height:308px;
	background-size:420px 308px;
	margin:0 auto 15px;
}
.intro div.pics {
	margin-bottom:15px;
}
.intro div.pics, .intro div.pics span, .intro div.pics span img {
	width:180px;
}
.intro div.pics span img {
	height:180px;
}
}
@media all and (max-width: 449px) {
p.intro-copy {
	width:284px;
	height:230px;
	background-size:296px 217px;
	margin:0 auto 5px;
}
.intro div.pics {
	margin-bottom:15px;
}
.intro div.pics, .intro div.pics span, .intro div.pics span img {
	width:140px;
}
.intro div.pics span img {
	height:140px;
}
}


/*	table
============================== */

table {
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}
table th, table td {
	font-size:87.5%;
	vertical-align:top;
	line-height:1.75;
	text-align:left;
	padding-bottom:0.5em;
}
.cast table th, .cast table td {
	vertical-align:bottom;
}
table th {
	text-align:right;
	font-weight:normal;
	color:#235486;
	white-space: nowrap;
}
table td.naka {
	font-family: sans-serif;
	color:#997017;
	text-align:center;
	width:2em;
}
@media all and (min-width: 768px) {
table th, table td {
	font-size:87.5%;
}
.staff table {
	margin:50px 0;
}
.cast table th {
	width:277px;
}
.staff table th, .staff table td {
	line-height:2.5;
}
.staff table th {
	width:277px;
}
}
@media all and (max-width: 767px) {
table {
	margin:0 auto;
}
table th, table td {
	font-size:83%;
}
.cast table th {
}
.staff table th {

}
}



/*	update
============================== */

.update main ul li {
	border-bottom:1px dashed #b2cce0;
}
.update main ul li:last-child {
	border-bottom:none;
}
.update main ul li a {
	display:block;
	text-decoration:none;
}
.update main ul li dl dt, .update main ul li dl dd {
	line-height:1.75;
}
.update main ul li dl dt {
	color:#4e7bb2;
}
@media all and (min-width: 768px) {
.update main ul li {
	padding:15px 0;
}
.update main ul li:before {
	content:"";
	display:block;
	float:left;
	width:84px;
	height:25px;
	background-image:url(../img/update_icon.png);
	background-repeat:no-repeat;
}
.update main ul li.ico-news:before {background-position:left top;}
.update main ul li.ico-intro:before {background-position:0 -50px;}
.update main ul li.ico-cast:before {background-position:0 -100px;}
.update main ul li.ico-staff:before {background-position:0 -150px;}
.update main ul li.ico-story:before {background-position:0 -200px;}
.update main ul li.ico-chart:before {background-position:0 -250px;}
.update main ul li.ico-repo:before {background-position:0 -300px;}
.update main ul li.ico-pres:before {background-position:0 -350px;}
.update main ul li.ico-trail:before {background-position:0 -400px;}
.update main ul li.ico-special:before {background-position:0 -450px;}
.update main ul li.ico-bbs:before {background-position:0 -500px;}
.update main ul li.ico-inter:before {background-position:0 -550px;}
.update main ul li.ico-gallery:before {background-position:0 -600px;}
.update main ul li a:hover dl dd {
	text-decoration:underline;
}
.update main ul li dl {
	padding-left:99px;
}
.update main ul li dl:after {
	content:"";
	clear:both;
	display:block;
}
.update main ul li dl dt {
	float:left;
}
.update main ul li dl dt, .update main ul li dl dd {
	font-size:87.5%;
}
.update main ul li dl dd {
	padding-left:100px;
}
}
@media all and (max-width: 767px) {
.update main ul li a {
	border-left:5px solid #3f6993;
	padding:10px 0 10px 10px;
	background-color:rgba(255,255,255,0.5);
}
.update main ul li:nth-child(even) a {
	background-color:rgba(220,229,238,0.5);
}
.update main ul li dl dt, .update main ul li dl dd {
	font-size:83%;
}
}



/*	interview
============================== */

@media print {
.interview main h2.tit {
	display:none;
}
}
.interview main h2.tit {
	background-color:#225486;
	background-repeat:no-repeat;
	background-position:center top;
}
.interview main section.unit h3 {
	color:#fff;
	text-shadow:0 2px 2px #000;
	background-color:#225486;
	line-height:1.5;
	margin-bottom:0.75em;
}
@media all and (min-width: 768px) {
.interview main h2.tit {
	height:320px;
	margin-bottom:20px;
}
.interview main h2.tit img {
	width:586px;
	height:320px;
}
.interview main section.unit {
	margin-bottom:20px;
}
.interview main section.unit h3 {
	font-size:87.5%;
	padding:10px;
}
}
@media all and (max-width: 767px) {
.interview main h2.tit {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:54.6%;
	margin-bottom:12px;
}
.interview main h2.tit img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.interview main section.unit {
	margin-bottom:12px;
}
.interview main section.unit h3 {
	font-size:83%;
	padding:5px;
}
}


/*	picture
============================== */

div.pic-basic p {
	background-color:#fff;
	border:1px solid #ccd6e0;
}
div.pic-basic p span {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#225486;
}
@media all and (min-width: 768px) {
div.pic-basic {
	padding:0 73px;
}
.news div.pic-basic {
	padding:0 55px;
}
div.pic-basic p {
	padding:9px;
	box-shadow:0 6px rgba(34,84,134, .1);
	margin-bottom:30px;
}
div.pic-basic p span, div.pic-basic p img {
	width:420px;
	height:280px;
}
}
@media all and (max-width: 767px) {
div.pic-basic p {
	box-sizing:border-box;
	padding:3px;
	box-shadow:0 4px rgba(34,84,134, .1);
	width:284px;
	margin:0 auto 20px;
}
div.pic-basic p span, div.pic-basic p img {
	width:276px;
	height:184px;
}
.news div.pic-basic p {
	width:254px;
}
.news div.pic-basic p span, .news div.pic-basic p img {
	width:246px;
	height:164px;
}
}


/*	picture (Main)
============================== */
@media print {
div.pic-main {
	display:none;
}
}
div.pic-main span {
	display:block;
	background-color:#225486;
	background-repeat:no-repeat;
	background-position:center top;
}
@media all and (min-width: 768px) {
div.pic-main {
	box-shadow:0 10px rgba(34,84,134, .1);
	margin-bottom:30px;
}
div.pic-main span {
	height:320px;
}
div.pic-main span img {
	width:586px;
	height:320px;
}
}
@media all and (max-width: 767px) {
div.pic-main {
	box-shadow:0 5px rgba(34,84,134, .1);
	margin-bottom:15px;
}
div.pic-main span {
	background-size:cover;
	position:relative;
	height:0;
	padding-top:54.6%;
}
div.pic-main span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}



/*	bbs
============================== */
.bbs div.cmn-brd-inner iframe#iframe {
	width:100%;
}
.bbs div.cmn-brd-inner p.p-copy {
	line-height:1.5;
}
.bbs div.cmn-brd-inner nav#prevnext p {
	text-align:center;
	font-size:83%;
	line-height:1.5;
	margin-bottom:1em;
}
.bbs nav#prevnext ul li {
	position:relative;
}
.bbs nav#prevnext ul li#prev {
	float:left;
}
.bbs nav#prevnext ul li#next {
	float:right;
}
.bbs nav#prevnext ul li a, .bbs nav#prevnext ul li span {
	display:block;
	text-decoration:none;
	line-height:1.5;
	font-weight:bold;
	color: #fff;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
}
.bbs nav#prevnext ul li a {
	text-shadow:0 2px 2px #cc3e12;
	background-color:#ff7145;
	background-image:-moz-linear-gradient(transparent 50%, #ff4e17 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#ff4e17),to(#ff4e17));
	background-image:-ms-linear-gradient(transparent 50%, #ff4e17 50%);
	background-image:linear-gradient(transparent 50%, #ff4e17 50%);
}
.bbs nav#prevnext ul li span {
	background-color:#ccd6e0;
}
.bbs nav#prevnext ul li a:before, .bbs nav#prevnext ul li span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	background-image:url(../img/form_btn.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:32px;
	height:32px;
	margin-top:-16px;
}
.bbs nav#prevnext ul li a:hover {
	background-color:#cc3e12;
	background-image: none;
}
@media all and (min-width: 768px)  {
.bbs div.cmn-brd-inner p.p-copy {
	font-size:87.5%;
	text-align:center;
	margin-bottom:1.5em;
}
.bbs nav#prevnext {
	margin-bottom:20px;
}
.bbs nav#prevnext ul li a, .bbs nav#prevnext ul li span {
	font-size: 87.5%;
	padding:12px 15px 12px 32px;
}
}
@media all and (max-width: 767px)  {
.bbs div.cmn-brd-inner p.p-copy {
	font-size:83%;
	margin-bottom:1em;
}
.bbs nav#prevnext {
	margin-bottom:15px;
}
.bbs nav#prevnext ul li a, .bbs nav#prevnext ul li span {
	font-size: 83%;
	padding:10px 12px 10px 32px;
}
}



/*	bbs notice
============================== */
main#notice h2 {
	font-weight:bold;
	line-height:1.5;
	color:#c00;
	text-align:center;
	letter-spacing:0.1em;
	margin-bottom:1em;
}
main#notice ol {
	list-style-type:decimal;
	margin:0 0 20px 30px;
}
main#notice ol li {
	line-height:1.5;
	padding-bottom:0.5em;
}
main#notice p.agree {
	color:#c00;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.1em;
	margin-bottom:2.5em;
}
main#notice p.cap {
	font-size:87.5%;
	line-height:1.25;
	text-align:center;
	letter-spacing:0.2em;
	padding-bottom:30px;
}
main#notice p.cap a {
	padding:0.25em 2em;
}
@media all and (min-width: 768px)  {
main#notice ol li {
	font-size:87.5%;
}
main#notice p.agree {
	font-size:87.5%;
}
main#notice p.cap a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#cc3e12;
}
}
@media all and (max-width: 767px)  {
main#notice h2 {
	font-size:83%;
}
main#notice ol li {
	font-size:75%;
}
main#notice p.agree {
	font-size:83%;
}
}



/*	buttons
============================== */
p.btn-basic {
	position:relative;
}
p.btn-basic a, p.btn-basic span {
	display:block;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:0 2px 2px #cc3e12;
	color: #fff;
	background-color:#ff7145;
	background-image:-moz-linear-gradient(transparent 50%, #ff4e17 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#ff4e17),to(#ff4e17));
	background-image:-ms-linear-gradient(transparent 50%, #ff4e17 50%);
	background-image:linear-gradient(transparent 50%, #ff4e17 50%);
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
}
p.btn-basic span {
	color: #fff;
	text-shadow:0 2px 2px #999;
	background-color:#ccc;
	background-image:none;
}
.news p.btn-basic a, .app p.btn-basic a, .news p.btn-basic span {
	font-size: 100%;
}
p.btn-basic a:before, p.btn-basic span:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:50%;
	background-image:url(../img/form_btn.svg);
	background-repeat:no-repeat;
	background-position:0 -60px;
	width:32px;
	height:32px;
	margin-top:-16px;
}
@media all and (min-width: 768px)  {
p.btn-basic {
	margin:0 80px 20px;
}
div.column-r p.btn-basic {
	margin:0 0 10px;
}
p.btn-basic a, p.btn-basic span {
	font-size: 87.5%;
	padding:12px 24px 12px 32px;
}
p.btn-basic a:hover {
	background-color:#cc3e12;
	background-image:none;
}
}
@media all and (max-width: 767px)  {
p.btn-basic {
	margin:0 30px 15px;
}
div.column-r p.btn-basic {
	margin:0 15px 5px;
}
p.btn-basic a, p.btn-basic span {
	font-size: 83%;
	padding:10px 16px 10px 24px;
}
}


.player-outer {
	border:2px solid #225486;
	position: relative;
	height: 0;	
	padding-top: 56.25%;
	margin-bottom:20px;
}
.player-outer .tbs-player, .player-outer video, .player-outer object {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}


/*	app
============================== */

div.pic-app-img span {
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:45.4285714%;
}
div.pic-app-img span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
p.app-copy {
	color:#c00;
	text-shadow:2px 2px 0 #fff;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	background-color:#fff4ae;
	background-image:url(../img/line_w.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0.75em 0;
}
div.app-nuri {
	background-color:#fff4ae;
}
div.app-nuri h2 {
	color:#c22047;
	padding:0.4em 1em;
	background-color:#fff;
	margin-bottom:0.75em;
	line-height:1.25;
}
div.app-nuri h3 {
	color:#c22047;
	border-left:6px solid #c22047;
	padding:0.4em 1em;
	margin-bottom:0.75em;
	line-height:1.25;
}
div.app-nuri p {
	line-height:1.5;
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
p.app-copy {
	font-size:100%;
	margin-bottom:20px;
}
div.pic-app-img {
	margin-bottom:30px;
}
div.app-nuri {
	padding:15px;
}
div.app-nuri section {
	margin-bottom:20px;
}
div.app-nuri h2, div.app-nuri h3 {
	font-size:87.5%;
}
div.app-nuri p {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
p.app-copy {
	font-size:83%;
	margin-bottom:10px;
}
div.pic-app-img {
	margin-bottom:15px;
}
div.app-nuri {
	padding:10px;
}
div.app-nuri section {
	margin-bottom:10px;
}
div.app-nuri h2, div.app-nuri h3 {
	font-size:83%;
	}
div.app-nuri p {
	font-size:75%;
}
}


/*	kome
============================== */

main ul.kome li, main ul.kome2 li {
	color:#7b7b7b;
	line-height:1.5;
	margin-bottom:0.2em;
}
main div.nuri ul.kome li {
	color:#000;
}
main ul.kome li:before, main ul.kome2 li:before {
	display:block;
	float:left;
}
main ul.kome li:before {
	content:"※";
}
main ul.kome2 li:nth-child(1):before {
	content:"※1";
}
main ul.kome2 li:nth-child(2):before {
	content:"※2";
}
main ul.kome li span, main ul.kome2 li span {
	display:block;
}
main ul.kome li span {
	padding-left:1.5em;
}
main ul.kome2 li span {
	padding-left:2.5em;
}
@media all and (min-width: 768px) {
main ul.kome2 {
	margin-bottom:20px;
}
main ul.kome li, main ul.kome2 li {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
main ul.kome2 {
	margin-bottom:12px;
}
main ul.kome li, main ul.kome2 li {
	font-size:75%;
}
}


/*	unit (h2、ul)
============================== */

section.unit h2 {
	background-image:url(../img/line_w.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:400px 210px;
	color:#f3f5f9;
	line-height:1.5;
	background-color:#235486;
	margin-bottom:0.75em;
}
.story section.unit h3, .gallery section.unit h3 {
	line-height:1.25;
	margin-bottom:0.75em;
}
section.unit ul.basic li {
	position:relative;
	border-bottom:2px solid #d6e0ea;
}
section.unit ul.basic li a {
	display:block;
	text-decoration:none;
	cursor:pointer;
	line-height:1.5;
	padding:11px 7px;
}
section.unit ul.basic li a {
	background-color:rgba(255,255,255,0.5);
}
section.unit ul.basic li:nth-child(even) a {
	background-color:rgba(220,229,238,0.5);
}
section.unit ul.basic li a:before {
	position:absolute;
	content:"";
	display:block;
	width:22px;
	height:22px;
	right:10px;
	top:50%;
	background-image:url(../img/accordion.svg);
	background-repeat:no-repeat;
	background-position:0 -100px;
	margin-top:-10px;
}
@media all and (min-width: 768px) {
section.unit h2 {
	font-size:87.5%;
	padding:7px 15px 10px;
}
section.unit ul.basic li a {
	font-size:87.5%;
	border-left:8px solid #235486;
}
section.unit ul.basic li a:hover {
	background-color:#fff5d6;
}
.story section.unit h3, .gallery section.unit h3 {
	font-size:87.5%;
	padding: 0 10px;
}
}
@media all and (max-width: 767px) {
section.unit h2 {
	font-size:83%;
	padding:5px 10px 7px;
}
section.unit ul.basic li a {
	font-size:83%;
	border-left:5px solid #235486;
}
.story section.unit h3, .gallery section.unit h3 {
	font-size:83%;
	padding: 0 5px;
}
}


/*	trailer
============================== */

ul.bn-pics li {
	border-bottom:1px dashed #b2c2d6;
}
ul.bn-pics li a {
	display:block;
	text-decoration:none;
}
ul.bn-pics li:after {
	content:"";
	display:block;
	clear:both;
}
ul.bn-pics li a:before {
	content:"";
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	float:left;
	margin-right:10px;
}
.trailer ul.bn-pics li.spot00 a:before {background-image:url(../img/top_pickup_spot00.jpg);}
.trailer ul.bn-pics li.spot01 a:before {background-image:url(../img/top_pickup_spot01.jpg);}
.trailer ul.bn-pics li.spot01a a:before {background-image:url(../img/top_pickup_spot01a.jpg);}
.trailer ul.bn-pics li.spot01b a:before {background-image:url(../img/top_pickup_spot01b.jpg);}
.trailer ul.bn-pics li.spot01c a:before {background-image:url(../img/top_pickup_spot01c.jpg);}
.trailer ul.bn-pics li.spot01d a:before {background-image:url(../img/top_pickup_spot01d.jpg);}
.trailer ul.bn-pics li.spot01e a:before {background-image:url(../img/top_pickup_spot01e.jpg);}
.trailer ul.bn-pics li.spot01f a:before {background-image:url(../img/top_pickup_spot01f.jpg);}
.trailer ul.bn-pics li.spot01g a:before {background-image:url(../img/top_pickup_spot01g.jpg);}
.trailer ul.bn-pics li.spot02 a:before {background-image:url(../img/top_pickup_spot02.jpg);}
.trailer ul.bn-pics li.spot03 a:before {background-image:url(../img/top_pickup_spot03.jpg);}
.trailer ul.bn-pics li.spot04 a:before {background-image:url(../img/top_pickup_spot04.jpg);}
.trailer ul.bn-pics li.spot05 a:before {background-image:url(../img/top_pickup_spot05.jpg);}
.trailer ul.bn-pics li.spot06 a:before {background-image:url(../img/top_pickup_spot06a.jpg);}
.trailer ul.bn-pics li.spot07 a:before {background-image:url(../img/top_pickup_spot07a.jpg);}
.trailer ul.bn-pics li.spot08 a:before {background-image:url(../img/top_pickup_spot08.jpg);}
.trailer ul.bn-pics li.spot09 a:before {background-image:url(../img/top_pickup_spot09a.jpg);}
.trailer ul.bn-pics li.spot10 a:before {background-image:url(../img/top_pickup_spot10a.jpg);}
.interview ul.bn-pics li.num01 a:before {background-image:url(../img/inter_thumb01.jpg);}
.interview ul.bn-pics li.num02 a:before {background-image:url(../img/inter_thumb02.jpg);}
.interview ul.bn-pics li.num03 a:before {background-image:url(../img/inter_thumb03.jpg);}
.interview ul.bn-pics li.num04 a:before {background-image:url(../img/inter_thumb04.jpg);}
.interview ul.bn-pics li.num05 a:before {background-image:url(../img/inter_thumb05.jpg);}
@media all and (min-width: 768px) {
ul.bn-pics li {
	padding-bottom:10px;
	margin-bottom:10px;
}
ul.bn-pics li a {
	font-size:87.5%;
	line-height:64px;
	height:64px;
}
ul.bn-pics li a:before {
	width:114px;
	height:64px;
}
}
@media all and (max-width: 767px) {
ul.bn-pics li {
	padding-bottom:6px;
	margin-bottom:6px;
}
ul.bn-pics li a {
	font-size:83%;
	line-height:36px;
	height:36px;
}
ul.bn-pics li a:before {
	width:64px;
	height:36px;
}
}



/*	responsive image
============================== */

div.pic-res-img span {
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	height:0;
}
div.pres-mag span {
	padding-top:54.60750853%;
}
div.pres-file span {
	padding-top:46.0750853%;
}
div.pic-res-img span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.pic-res-img {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.pic-res-img {
	margin-bottom:15px;
}
}

/*	present quiz
============================== */
.present p.p-copy {
	font-weight:bold;
	line-height:1.5;
	margin-bottom:1em;
}
section.quiz h2 {
	margin-bottom:0;
}
section.quiz p {
	line-height:1.5;
	border-left:2px solid #ccc;
	border-right:2px solid #ccc;
	border-bottom:2px solid #ccc;
	background-color:#fff;
}
.present dl.bn dt, .present dl.bn dd {
	line-height:1.5;
}
.present dl.bn dt.q, .present dl.bn dd.q {
	color:#4e7299;
}
.present dl.bn dt.a, .present dl.bn dd.a {
	color:#c00;
}
.present dl.bn dd.a {
	font-weight:bold;
}
.present dl.bn dt {
	float:left;
}
.present dl.bn dd {
	padding-left:2.5em;
}
.present dl.bn dt.a, .present dl.bn dd.a {
	margin-bottom:0.5em;
}
@media all and (min-width: 768px) {
.present p.p-copy {
	font-size:100%;
	text-align:center;
}
section.quiz p {
	padding:20px;
	font-size:87.5%;
	margin-bottom:20px;
}
.present ul.kome {
	margin-bottom:25px;
}
.present dl.bn dt, .present dl.bn dd {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.present p.p-copy {
	font-size:83%;
}
section.quiz p {
	font-size:83%;
	padding:15px;
	margin-bottom:10px;
}
.present ul.kome {
	margin-bottom:15px;
}
.present dl.bn dt, .present dl.bn dd {
	line-height:1.5;
}
.present dl.bn dt, .present dl.bn dd {
	font-size:83%;
}
}


/*	QQ.Q
============================== */
.qqq h1 {
	background-image:url(../img/qqq_h1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:30.71672%;
	margin-bottom:15px;
}
.qqq h1 span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
section.profile {
	background-color:#e1e6dc;
}
.qqq h2 {
	color:#fff;
	padding:0.75em;
	white-space:nowrap;
	line-height:1.5;
	background-color:#334e17;
	background-image:-moz-linear-gradient(right, transparent 95%, #225486 95%);
	background-image:-webkit-gradient(linear, left top, right top, from(transparent),color-stop(0.95,transparent),color-stop(0.95,#225486),to(#225486));
	background-image:-ms-linear-gradient(right, transparent 95%, #225486 95%);
	background-image:linear-gradient(to left, transparent 95%, #225486 95%);
	margin-bottom:1.25em;
}
section.profile div.pics, section.profile div.pics span {
	width:220px;
	height:340px;
}
section.profile div.pics span {
	background-repeat:no-repeat;
	background-size:cover;
}
@media all and (min-width: 768px) {
.qqq h1 {
	border-bottom:10px solid #e5e5e5;
}
section.profile {
	padding:20px;
}
section.profile:after {
	content:"";
	display:block;
	clear:both;
}
.qqq h2 {
	font-size:87.5%;
}
section.profile div.pics {
	float:left;
}
section.profile p.lines {
	padding-left:235px;
}
}
@media all and (max-width: 767px) {
.qqq h1 {
	border-bottom:6px solid #e5e5e5;
}
section.profile {
	padding:10px;
}
.qqq h2 {
	font-size:83%;
}
section.profile div.pics {
	margin:0 auto 15px;
}
}