#info h3.sub{margin:1.2em 0 .1em; font-weight:bold; color:#e60012; font-size:115%; text-align:left;}
#info h3.subssc{margin:1em 0 0 -.5em; font-weight:bold; color:#fff; font-size:120%; text-align:center; background-color:#e60012;
display:inline-block; padding:.2em .5em;
transform: rotate(-2deg);}
#info h3.pastoa{margin:2em 0 .5em; font-weight:bold; color:#e60012; font-size:150%; text-align:center; border-top:2px dotted #e60012; border-bottom:2px dotted #e60012; padding:.3em 0 .2em;}

#info .tsjk {background-image:url(../img/news/tsjk.jpg);}
#info .sambo {background-image:url(../img/news/news0621.jpg);}
#info .ssc1,#info .ssc2,#info .ssc3,#info .ssc4,#info .ssc5{border:none; box-shadow:none;}

.bdr2{border:1px solid #e60012; padding:.65em 1em !important; border-radius:8px; margin:.5em auto .8em;}
.bdr3{border:1px dashed rgba(1,64,153,0.8); padding:.65em 1em !important; margin:.5em auto 1.5em;}

.bdr4{border:3px solid #e60012; padding:0 1em !important; margin:2.5em auto 3em; border-radius:10px;}
.bdr4:last-child{margin:2.5em auto 0;}
#info h4.que{font-weight:bold; text-align:center; font-size:140%;}
#info h4.que:first-letter {color:#e60012; font-size: 150%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
#info span.qttl {background-color:#e60012; color:#fff; font-size:150%; position: relative; text-align:center; width:25%; border-radius:30px; padding:.3em 0; margin:-.8em auto .5em; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; display:block;}
#info span.qttl::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 10px solid #e60012;
}
ul#sscq{text-align:center;}
ul#sscq li{display: inline-block; width:35%; font-size:160%; padding:.7em 0; margin:1em 1% 0; color:#e60012; font-weight:bold;
border:2px solid #e60012; border-radius:12px;}
ul#sscq li span,#sscq p.aft span{border-radius:50%; padding:.5% 3%; color:#fff; margin:0 .3em 0 0; background-color: #e60012; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
ul#sscq li.aswb{color:#014099; border:2px solid #014099;}
ul#sscq li.aswb span{background-color:#014099;}
#info p.aft{padding:.6em 0; font-size:180%; font-weight:bold;}
#info p.aft span{padding:0 .3em; margin:0 .2em 0; background-color:#e60012; color:#fff; border-radius:50%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
#info p.aft span.ansb{background-color:#014099;}

/*.bdr3{border:1px solid #2d2a1d; padding:.5em; overflow-y: auto; height:200px; }
.bdr3::-webkit-scrollbar{width: 5px; background: none;}
.bdr3::-webkit-scrollbar-thumb{background: #2d2a1d;}
.bdr3 p{padding:0 0 .6em 1em !important; text-indent: -1em; font-size:90%;}*/

a.btn_info{font-size:150%; color:#fea634; display:block; font-weight:bold; text-align:center; width:40%; padding:1em; margin:1em auto; border-radius:14px; box-shadow:2px 2px #fea634; border:2px solid #fea634;
font-family:Avenir,"Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;}
.cap{font-size:14px; padding:0 0 1.8em !important;}

#contents.music .inner{margin:1em auto 0; padding:0 0 1em;}
#info h2.themeh2{width:100%; height:251px; background: url(../img/news/ts_h2.png) no-repeat center center; background-size: cover; margin:0;}
.hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
#info #contents.music input:checked ~ .hidden_show {
    padding:.5em 0 0;
    height: auto;
    opacity: 1;
}
#info #contents.music label {font-size:150%; color:#fff; display:block; font-weight:bold; text-align:center; width:50%; padding:1em 0; margin:1em auto 1em; border-radius:8px; border:1px solid #fff; background-color:#014099; letter-spacing:.15em; box-shadow:2px 5px #e60012; cursor :pointer;}
#info #contents.music input {display: none;}
#info h3.minfo{width:100%; height:201px; background: url(../img/news/music.png) no-repeat center center; margin:0 auto 1em;}
#info span.epnum {background-color:#014099; color:#fff; font-size:140%; position: relative; text-align:center; width:15%; padding:.3em 0; margin:1.5em 0 0; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; display:block; box-shadow:4px 4px rgba(1,64,153,0.1);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#info span.epnum:first-of-type{margin:0;}
#info h4.scene{color:#014099; margin:.5em 0 .5em; padding:.35em 0 .5em; border-top:4px double #e60012; border-bottom:4px double #e60012;}
#info h4.scene:first-letter {color:#e60012; font-size:120%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; padding:0 .2em 0 0;}
.bdb{border-bottom:1px dashed rgba(1,64,153,0.5); padding:.5em 1em; margin:0 auto .5em; font-size:95%; line-height:150%;}
li.bdb:last-child{border:none;}
#info a.btn_s{letter-spacing:.1em; box-shadow:1px 3px #014099; position: relative; padding:.5em 0 .5em 1em; width:26%;}
#info a.btn_s:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left:12%;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	border-radius: 50%;
	background:#fff;
}
#info a.btn_s:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left:14.5%;
	width: 0;
	height: 0;
	margin-top: -6px;
	border: 6px solid transparent;
	border-left: 6px solid #e60012;
}
#info a.btn_s:hover{background-color:#014099; box-shadow:1px 3px #e60012;}

#about {background:none; border:none;}
#about {position:absolute;left:50%; z-index:5800 !important;}
#about #mainbox {border:3px solid #e60012; background:url(../img/note.png); padding:0 1.8em; margin:0 auto; border-radius:14px;}
#about p{padding:0 0 1.5em; line-height:150%;}
#about h1{text-align:center; color:#e60012; font-weight:bold; border-top:2px solid #e60012; border-bottom:2px solid #e60012; padding:.5em 0; margin:.5em auto; font-size:140%;}
#about h2{padding:.5em 0; color:#e60012; font-size:120%;}
#about .btn-w-close a{display:block; width:139px; height:42px; background:url(../img/news/close.png) no-repeat; margin:1em auto; background-size: contain;}
#about .btn-w-close a{cursor:pointer;}

#info article ul li a{color:#e60012; text-decoration:underline;}


@media all and (min-width: 768px) {
#info h3{text-align:center;}
#info #promo h3{text-align:left;}
#info article p.npad {padding:.5em 0 0 !important;}
#info .ph_cut{width:540px; height:360px; margin:1em auto .5em; order:3px solid #fff;}
#info .ph_cut_l{width:360px; height:540px; margin:1.5em auto .5em;}
#info .tsjk{width:450px; height:450px; margin:-1em auto .5em;}
#info .sambo{width:600px; height:400px;}
#info .cast11{height:340px;}
#info .novel{height:557px; margin:.5em auto .5em;}
#info .novel{height:547px; margin:.5em auto .5em;}
#info .wego{width:400px; height:710px; margin:.5em auto .5em; border:none;}
#info .nd1,#info .nd2,#info .nd3{width:300px; height:300px; margin:-.5em auto 0; border:none; box-shadow:3px 3px rgba(1,64,153,0.1);}
#info .ssc1{width:600px; height:214px; margin:0 0 .2em;}
#info .ssc2,#info .ssc3{width:750px; height:214px; margin:0 0 .2em;}
#info .ssc4{height:480px; margin:.8em auto .2em;}
#info .ssc5{width:622px; height:500px; margin:.5em auto .5em;}
#info .news0810_1,#info .news0810_2{width:600px; height:424px; margin:0 auto 1em;}
#info .ost{width:450px; height:450px; margin:0 auto 1.5em;}
#info .dvdbox{width:500px; height:400px; margin:0 auto; border:none;}

#about {width:600px; height:auto; margin-left:-300px;}
#about #mainbox{height:650px; overflow-y:scroll;}
}
@media all and (max-width: 767px) {
#info h3.sub{margin:.5em 0 .2em; line-height:1.4;}
#info h3.subssc{margin:.5em 0 0 -.4em; font-size:110%;}
#info h3.pastoa{margin:.8em 0; font-size:4.3vw;}
#info article p.f90 {font-size:90%;}
.cap{font-size:1rem !important;}
#info .ph_cut{width:95%; height:0; padding:63.3333% 0 0; margin:.5em auto;}

#contents.ssc .inner{padding:0 !important;}
.bdr4{border:2px solid #e60012; margin:1.5em auto 2em;}
.bdr4:last-child{margin:1.5em auto 1em;}
#info h4.que{font-size:125%; font-size:4.15vw; padding:0 1em; line-height:140%;}
#info span.qttl{width:45%; font-size:4.1vw; font-weight:bold;}
#info span.qttl::after{left:45%;}
ul#sscq{margin:.5em 0 1.5em;}
ul#sscq li{width:56%; font-size:4vw; padding:4% 0; margin:.6em .5% 0; border-radius:10px;}
ul#sscq li span{padding:1.5% 4%;}
#info p.aft{padding:0 0 4%; font-size:5vw}
#info p.aft span{padding:0 1.8%;}

#info .tsjk{width:70%; height:0; padding:70% 0 0; margin:-.8em auto 1em;}
#info .wego{width:80%; padding:142.2% 0 0; margin:.5em auto 1em; border:none;}
#info .nd1,#info .nd2,#info .nd3{width:50%; padding:50% 0 0; margin:0 auto .1em; border:none; box-shadow:3px 3px rgba(1,64,153,0.1);}
#info .news0810_1,#info .news0810_2{width:90%; padding:63.6% 0 0;}
#info .ost{width:80%; height:0; padding:65% 0 0; margin:.1em auto 1em;}
#info .dvdbox{width:80%; height:0; padding:64% 0 0; margin:0 auto; border:none;}

#info .ssc1{width:80%; padding:28.5% 0 0; margin:0 0 1%;}
#info .ssc2,#info .ssc3{width:100%; padding:28.5% 0 0; margin:0 0 1%;}
#info .ssc4{width:60%; padding:79.95% 0 0; margin:.2em auto 1%;}
#info .ssc5{width:90%; padding:72.347% 0 0; margin:.5em auto .5em;}

#info h2.themeh2{height:0; padding:28% 0 0; background-size:cover;}
#info #contents.music label{width:70%; margin:.5em auto; font-size:130%;}
a.btn_info{width:70%;font-size:120%; margin:1em auto .5em; border:1px solid #fea634;box-shadow:2px 2px #fea634;border-radius:10px;}
#info h3.minfo{height:0; padding:25% 0 0; background-size:cover; margin:5% auto 2.5%;}
#info span.epnum{width:22%; font-size:4vw;}
#info h4.scene{font-weight:bold; line-height:140%; font-size:3.5vw; margin:.5em 0 .1em;}
.bdb{padding:.5em 0;}
#info a.btn_s{letter-spacing:.1em; font-size:2.8vw; width:35%; padding:.6em 0 .6em 1.8em;}
#info a.btn_s:before {
	left:15px;
	width:13px;
	height:13px;
	margin-top: -6px;
}
#info a.btn_s:after {
	left:19px;
	margin-top: -4px;
	border: 5px solid transparent;
	border-left: 5px solid #e60012;
}

#about{width:100%; margin-left:-50%;}
#about #mainbox{width:90%; padding:0 1.5em 1em; border:2px solid #e60012;}
#about h2{font-size:120%; padding:0;}
#about #mainbox p {font-size:96%; line-height:1.55; padding:0 0 1em;}
#about .btn-w-close a{width:111px; height:34px;  margin:3% auto 0;}
}