/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
body { font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif; -webkit-text-size-adjust: 100%; line-height: 1;}
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
h1,h2,h3,h4,h5,p {background-color:rgba(255,255,255,.01);}
img,iframe { border:none;}
ol,ul { list-style:none; list-style-type: none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;} /* = 10px */
body { font-size: 1.6rem; } /* = 16px */
h1 { font-size: 3.2rem; }
h2 { font-size: 2.3rem; }
h3 { font-size: 2.1rem; }
h4 { font-size: 2.0rem; }
p { font-size: 1.6rem; }
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f95 { font-size:95%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
.f80 { line-height:normal; font-size:80% !important}
.styel{color:#fff06d;}
.stred{color:#e60012;}
.stblu{color:#014099;}
.skybl{color:#5ac9fa;}
.stpnk{color:#ff63a2;}
.stpk2{color:#fc85b5;}
.stor{color:#fea634;}
.stbg{color:#51dac9;}
/*link*/
a { text-decoration:none; color:#1d1d1d;}
a:hover { text-decoration:none; color:#1d1d1d;}
#menu li a,#gotop a,header #logo a,#bknm li a,.bn_tw a,a.btn_prev,a.btn_ap,a.btn_s,a.btn_i,#btnBn a,#prevnext ul li a,.sns img,.update li a,#cts a,.bn_story a,.bn_pre a,#minfo ul li a,#fukui .fukuicom a,#fukuicts a,.bnarea ul li a{text-decoration:none;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
#menu li a:hover,#gotop a:hover,header #logo a:hover,#form #agree a:hover,#msg #writeBtn a:hover,#bknm li a:hover,a.btn_ap:hover,a.btn_i:hover,#btnBn a:hover,.sns img:hover,#cts a:hover,.bn_story a:hover,.bn_pre a:hover,#minfo ul li a:hover,#fukui .fukuicom a:hover,#fukuicts a:hover,.bnarea ul li a:hover{text-decoration:none;
filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.no-link{ pointer-events: none; cursor: default; text-decoration:none; /*filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;*/}
.no-link2{ pointer-events: none; cursor: default; text-decoration:none; filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60;}
.fade {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.fade:hover {
    opacity: 0.5;
    filter: alpha(opacity=60);
}


/*media print*/
@media print {
#top h1,
.bn_story a,
#intro .main,
#chart .diagram{display:none !important;}
}


/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
html, body, div#con-body {background:#f7fbfd url(../img/bg.png); color:#111;}
#con-body {background-color:transparent;}
#container { max-height: 100%;}
#top header{width:980px; margin:0 auto; position: relative;}
#top h1{width:980px; height:720px; background: url(../img/top/main.jpg?1) no-repeat 0 0; margin:0 auto; position: relative;}
#top header .sns{position:absolute; right:10px; bottom:10px; text-align:right;}
#top header .sns img{width:70px; height:70px; margin:0 .05em 0;}
#top header .sns span{color:#fff; font-size:70%; line-height:0; color:#014099; display:block; padding:.8em .5em .5em;}

#update {width:980px; height:56px; margin:.5em auto 1.5em; background-color:#fff; border-radius:8px; position: relative;}
#update span.updttl{background:#e60012 url(../img/top/update.png) no-repeat left 5px center; height:56px; border-radius: 8px 0 0 8px; display: inline-block; vertical-align:top; position: relative; padding:0; width:16%;}
#update span.updttl:after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 20px transparent;
    border-bottom: solid 56px white;
    z-index: 1;
    transition: .4s;
}
#update span.ymd{margin:0 .5em 0 0; color:#e60012;}
#update ul {height:56px; line-height: 56px; overflow: hidden; color:#014099; text-align:left; display: inline-block; width:82%;}
#update li a{color:#014099; font-size:95%;}
#update li a:hover{text-decoration:underline;}

.bn_pre a{width:330px; height:65px; display:block; background: url(../img/top/bn_ssc.png) no-repeat 0 0; position: absolute; right:0; top:0; margin:-.5em 0 0;}

#ponpon {margin:0 auto;}
#ponpon ul {width:980px; margin:0 auto; text-align:center;}
#ponpon li {display:inline-block;}
#ponpon li a { height:148px; display: block; text-indent: 100%; white-space: nowrap; text-decoration:none; overflow: hidden;
width:154px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#ponpon li.pitr a{background-image:url(../img/top/p_intro.png);}
#ponpon li.pnews a{background-image:url(../img/top/p_news.png);}
#ponpon li.pcast a{background-image:url(../img/top/p_cast.png);}
#ponpon li.pstaff a{background-image:url(../img/top/p_staff.png);}
#ponpon li.porg a{background-image:url(../img/top/p_org.png);}
#ponpon li.pfm a{background-image:url(../img/top/p_fm.png);}
#ponpon li:hover {
    animation: shake 0.4s linear/* infinite*/;
    -webkit-animation: shake 0.4s linear/* infinite*/;
}
@keyframes shake {
    0% { transform: translate(4px, 2px) rotate(0deg); }
    30% { transform: translate(-4px, 0px) rotate(-1deg); }
    40% { transform: translate(2px, -2px) rotate(0deg); }
    70% { transform: translate(4px, 2px) rotate(-1deg); }
}

#top #spmov{text-align:center; margin:0 auto 1em; }
#top #spmov h2{background-color:#e60012; color:#fff; font-size:110%; padding:.5em 0;}
#top #spmov .spmv {width:600px; margin:0 .2em; display: inline-block;}

#mov{width:970px; margin:1em auto 1.5em;}
.spot{width:530px; display:inline-block; position: relative;}
.spot h2{width:520px; height:38px; background:url(../img/top/next.png) no-repeat 0 0; margin:0 0 0 4px;}
.spot #trailer {width:530px; margin:0 auto; background-color:#e60012; border-radius:8px; box-shadow:2px 2px #e60012; border:3px solid #e60012; height:297px; background:url(../img/top/spotend.jpg) no-repeat 0 0;}
#spotR{width:416px; display: inline-block; vertical-align:top;}
#spotR h2{width:412px; height:38px; background:url(../img/top/story.png) no-repeat 0 0; margin:0 0 0 1px;}
.bn_story{width:416px; height:297px; margin:0 0 0; border-radius:8px; box-shadow:2px 2px #014099; border:3px solid #014099; background-color:#014099;}
.bn_story a{display: block; width:100%; height:100%; background:url(../img/top/ph_oa.jpg?10) no-repeat center bottom;}

#mov ul#movlist{ text-align:center; position:absolute;top:5px; right:10px;}
#mov ul#movlist li{display:inline-block; width:78px; margin:0 .28em; text-align:center; font-size:100%; border-radius:6px 6px 0 0; line-height: 35px; font-weight:bold;}
#mov ul#movlist li span{padding:0 1.1em 0 0;}
#mov ul#movlist li a{background-color:#e60012; display:block; width:100%; border-radius:6px 6px 0 0; color:#fff; position: relative; padding:0 0 0 .5em;}
#mov ul#movlist li a:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right:5px;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	border-radius: 50%;
	background:#fff;
}
#mov ul#movlist li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right:4px;
	width: 0;
	height: 0;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #e60012;
}

/*cts*/
#cts{width:970px; margin:0 auto 2.5em; vertical-align:top;}
.bn_ch{display:inline-block; width:416px; height:200px; background-color:#e60012; border-radius:8px; box-shadow:2px 4px #e60012; border:3px solid #e60012; margin:0 1.3em 0 0;}
.bn_ch a{display: block; width:100%; height:100%; background-repeat: no-repeat; background-position: center center; position: relative; background-image: url(../img/top/chart.png?1); border-radius:8px;}
.bn_repo{width:305px; height:200px; margin:0 14px 0 0; border-radius:8px; box-shadow:2px 4px #014099; border:3px solid #014099; display: inline-block; background-color:#014099; position: relative;}
.bn_repo a {display: block; width:100%; height:100%; border-radius:8px; background:#014099 url(../img/top/repo.png) no-repeat 0 bottom; }
.bn_repo span.rpup {color:#e60012; position: absolute; top: -15px; right:20px; padding:16px 0 0; display:block; width:87px; height:72px; text-align:center; line-height:1; font-size:120%; background: url(../img/top/fuki.png) no-repeat 0 0; background-size: 100%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
.bn_dam{width:204px; height:206px;display:inline-block; vertical-align:top;}
.bn_dam a {display:block; width:100%; height:100%; background: url(../img/top/music.png?1) no-repeat center center;}

#fukuicts{background-color:rgba(255,239,56,0.8); text-align:center; padding:1.5em 0 1.5em;}
#fukuicts h3{height:88px; margin:-2.5em auto .5em; width:980px; background: url(../img/top/fukui.png) no-repeat 0 0; text-align:right;}
#fukuicts h3 span.cpr{padding:0 0 0; display:inline-block; margin:3.5em 1em 0;}
#fukuicts .fukui1,#fukuicts .fukui2{display:inline-block; width:473px; height:254px; position: relative; }
#fukuicts .fukui1 a,#fukuicts .fukui2 a,#fukuicts .fukui3 a{display: block; width:100%; height:100%; background-repeat: no-repeat; background-position: center center; background-image:url(../img/top/location.png);}
#fukuicts .fukui2 a{background-image:url(../img/top/meisan.png);}
#fukuicts .fukui2 span.upd {color:#7f7150; position: absolute; top:4px; right:30px; padding:20px 0; display:block; width:80px; text-align:center; line-height:1; font-size:120%; background: url(../img/fukui/meisan/bg.jpg); background-size: 100%; border-radius:50%; box-shadow:2px 4px 10px rgba(10,10,10,0.1); font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
#fukuicts .fukui3{margin:1em auto 0; display:inline-block; width:500px; height:150px; box-shadow:2px 4px rgba(1,64,153,0.2); border:5px solid #fff;}
#fukuicts .fukui3 a{background-image:url(../img/top/bn_fukuiny.png);}

.bn_itv,.bn_mem{display:inline-block; width:470px; height:160px; background-color:#e60012; box-shadow:2px 4px #e60012; margin:1em 1.3em 0 0; border-radius:8px;}
.bn_itv a,.bn_mem a{display: block; width:100%; height:100%; background-image: url(../img/top/itv.png?5); background-repeat: no-repeat; background-position:center center; border-radius:8px;}
.bn_mem{ margin:1em 0 0; box-shadow:2px 4px #014099; position: relative;}
.bn_mem a{background-image: url(../img/top/member.png); background-position:center center;}
.bn_mem span.upd {color:#fff; position: absolute; top:-8px; right:10px; padding:2px 8px; text-align:center; line-height:1; font-size:120%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; background-color:#014099; z-index:11;
	-webkit-transform: rotate(2deg);
	-ms-transform: rotate(2deg);
	transform: rotate(2deg);}

.bn_mov,.bn_gl,.bn_quiz{display:inline-block; width:310px; height:200px; background-color:#e60012; box-shadow:2px 4px #014099; border-radius:8px; margin:1em 0 0;}
.bn_mov a,.bn_gl a,.bn_quiz a{display: block; width:100%; height:100%; background-image: url(../img/top/mov_s.png?1); background-repeat: no-repeat; background-position:center center; border-radius:8px;}
.bn_gl{box-shadow:2px 4px #ffef38; background-color:#014099; }
.bn_gl a{background-image: url(../img/top/gallery.png);}
.bn_quiz{margin:0 .8em 0; box-shadow:2px 4px #e60012; background-color:#014099; }
.bn_quiz a{background-image: url(../img/top/quiz.png);}

.bnarea{text-align:center; margin:2em auto; width:980px;}
.bnarea ul{width:670px;}
.bnarea ul li{width:320px; height:120px; display: inline-block; margin:0 0 10px 7px; background-color:#014099;}
.bnarea ul li a{display: block; width:100%; height:100%;}
.ishop2 a {background:url(../img/top/bn_ishop.png) no-repeat right center;}
.bn_ex a {background:url(../img/top/bn_ex.png) no-repeat center center;}
.bn_ex a {background:url(../img/top/bn_dvd.jpg) no-repeat center center;}
.bn_paravi a {background:url(../img/top/paravi.png?1) no-repeat center center;}
.bn_free a {background:url(../img/top/free.png) no-repeat center center;}
#top #rect {width:300px; height: 250px; background:#fff; margin:0;}

#snsarea{background-color:rgba(230,0,18,0.9); padding:1.5em 0; text-align:center; vertical-align:top;}
#twTL {background-color:#fff; width:330px; border:3px solid #55acee; border-radius:8px; box-shadow:2px 4px #55acee; display:inline-block; margin:0 1.5em 0 0;}
#twTL .tline{height:300px; overflow:hidden;}
#twTL h3{width:202px; height:58px; background:url(../img/top/twt.png) no-repeat center 0; margin:-.6em 0 0 -.5em;}

#line {background-color:#fff; width:195px; height:350px; border:3px solid #00b800; border-radius:8px; box-shadow:2px 4px #00b800; display:inline-block; margin:0 0 0 1.5em; vertical-align:top; text-align:center; color:#00b800;}
#line h3{width:163px; height:54px; background:url(../img/top/line.png) no-repeat center 0; margin:-.6em 0 0 -.5em;}
.outg{font-size:1.1rem;}
#line .friend{padding:1em 0; font-size:95%;}
#line .lid{background-color:#00b800; padding:.6em 0; margin:1.2em 0 0;}
#line .lid span{font-weight:bold; font-size:128%; font-family:avenir,impact; color:#fff;}
#line .lid a{color:#fff;}
#line img{width:130px;}

/* insta */
#insta {width:380px; height:350px; background-color:#fff; border:3px solid #dc2e7a; border-radius:8px; box-shadow:2px 4px #dc2e7a; display:inline-block; vertical-align:top;}
#insta h3{width:229px; height:54px; background:url(../img/top/insta.png) no-repeat center 0; margin:-.6em 0 0 -.5em;}
div.insta {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}
div.insta ul{margin:10px 0 0 10px;}
div.insta ul li {float:left; margin:6px 0 0 6px;}
div.insta ul li a, div.insta ul li a img {
	display:block;
	background-position:center center;
	background-repeat:no-repeat;
	width:82px;
	height:82px;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
div.insta ul li a {background-size:cover;}
div.insta ul li a:hover img {filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; background-color:rgba(230,0,18,0.4);}
div.insta ul li a img {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.insta ul li a img.icon-video {background-image:url(/um/img/play.png);}


/*footer*/
#rect {width:300px; height: 250px; background:#fff; margin:1em auto;}
footer .sns img{width:70px; height:70px; margin:0 .2em .2em 0;}
footer .sns span{font-size:70%; line-height:0; color:#fff;}
footer .copy p {padding:.8em 0; font-size:80%; color:#fff;}
footer .copy a{color:#fff;}

/*------------------　2nd　------------------ */
header{background-image:url(../img/sky2.jpg); margin:0 0 2em; background-size: cover; background-position:center 0;}
#top header {background-image:none;}

#contents{width:980px; background-color:#014099; margin:3em auto; padding:0 0 2em;  margin:0 auto; background-repeat: no-repeat; background-position:0 0;}
#contents .inner{width:95%; margin:1em auto 0; padding:1em 0 2em; border:3px solid #e60012; background:#fff url(../img/note.png); background-color:#fff;}

#contents p {padding:1em 3em .5em; line-height:1.6;}
#contents h1{height:290px;}
#contents.intro{background-image:url(../img/intro/ttl.jpg);}
#contents.cmnt{background-image:url(../img/intro/ttl_cm.jpg);}
#contents.story{background-image:url(../img/story/ttl.jpg);}
#contents.info{background-image:url(../img/news/ttl.jpg);}
#contents.music{background-image:url(../img/news/ttl_dm.jpg);}
#contents.ssc{background-image:url(../img/ttl_ssc.jpg);}
#contents.original{background-image:url(../img/original/ttl.jpg);}
#contents.cast{background-image:url(../img/ttl_cast.jpg);}
#contents.staff{background-image:url(../img/ttl_staff.jpg);}
#contents.repo{background-image:url(../img/repo/ttl.jpg);}
#contents.fmsg{background-image:url(../img/ttl_bbs.jpg);}
#contents.chart{background-image:url(../img/chart/ttl.jpg);}
#contents.quiz{background-image:url(../img/ttl_quiz.jpg?1);}
#contents.movie{background-image:url(../img/ttl_mov.jpg);}
#contents.gallery{background-image:url(../img/gallery/ttl.jpg);}
#contents.member{background-image:url(../img/member/ttl.jpg);}
#contents.itv1{background-image:url(../img/itv/vol1.jpg);}
#contents.itv2{background-image:url(../img/itv/vol2.jpg);}
#contents.itv3{background-image:url(../img/itv/vol3.jpg);}
#contents.itv4{background-image:url(../img/itv/vol4.jpg);}
#contents.itv5{background-image:url(../img/itv/vol5.jpg);}
#contents.itv6{background-image:url(../img/itv/vol6.jpg);}
#contents.itv7{background-image:url(../img/itv/vol7.jpg);}

.ph_cut {width:600px; height:400px; margin:1em auto; background-size: cover; background-repeat: no-repeat; background-position: center center; border:3px solid #014099;}
.ph_cut_l {width:400px; height:600px; margin:1em auto; background-size: cover; background-repeat: no-repeat; background-position: center top; border:3px solid #014099;}
.lazy {position:relative; display: block; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.lazy img {position:absolute;left:0;top:0; width:100%; height:100%;}
.line1 {background: linear-gradient(transparent 60%, rgba(255,245,106,0.8) 60%);}
.line2 {background: linear-gradient(transparent 60%, rgba(230,0,18,0.4) 60%);}

/*intro*/
#intro h2.hdl{width:100%; height:270px; background: url(../img/intro/h2.png) no-repeat center center; margin:1.1em auto 1.1em;}
#intro h3{padding:1em 0; text-align:center; font-weight:bold; line-height:1.4; font-size:140%;}
#intro .main {background-image:url(../img/intro/ph1.jpg);}
#intro .main2 {background-image:url(../img/intro/ph2.jpg);}
#intro #contents p {line-height:1.9;}
#intro h2.cname{background-color:#e60012; color:#fff; display:inline-block; padding:0 .5em; line-height:35px;}
#intro h2.cname span.post{display:inline-block; margin:0 .8em 0 0; font-size:1.6rem; background-color:#fff; color:#e60012; padding:.1em .1em 0; line-height:1;}
.bdr{border:1px solid #e60012; padding:.8em 0; margin:1em auto 1.5em; width:90%; background-color:rgba(255,255,255,0.5); box-shadow:5px 5px rgba(1,64,153,0.1);}
.bdr p{padding:.5em 1.5em !important; font-size:95%;}

/*story*/
#story #mov{width:100%; text-align:center; margin:.5em 0;}
#story #trailer,.emb{width:600px; height:338px; margin:0 auto; box-shadow:5px 5px #e60012;}
#story #trailer {margin:.8em auto 0;}
#story #mov .ph_cut{box-shadow:5px 5px #e60012; border:none;}
#story h2{font-weight:bold; color:#fff; padding:0; text-align:center; color:#e60012;}
#story h2 span.num {font-size:120%;}
#story #contents p {line-height:1.7;}
#story .ph_area{margin:1em auto 0; width:92%;}
#story .ph_s{width:49%; padding:32.6666% 0 0; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display:inline-block; margin:0 .3% 0;}
#story .ph_s img {position:absolute;left:0;top:0; width:100%; height:100%;}
#story #bknm,#itv #bknm,#gallery #bknm{width:95%; margin:1.4em auto 0; padding:1em 0; background: url(../img/bgrs.png);}
#story #bknm ul,#itv #bknm ul{width:95%; margin:.8em auto 0;}
#story #bknm li,#itv #bknm li{display:inline-block; width:150px; margin:0 0 1.2em 1em; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; position:relative;}
#story #bknm li a,#itv #bknm li a {color:#fff; display:block; width:100%; height:150px; position:relative; background-size: cover; border-radius:50%; box-shadow:5px 5px rgba(1,64,153,0.1);}
#story #bknm li span {width:30%; padding:.2em; font-size:120%; display:inline-block; font-weight:bold; color:#fff;background-color:#014099; position: absolute; bottom:-10px; left:0; right:0; margin:0 auto;
	-webkit-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);}
#story #bknm h4,#quiz #bknm h4,#gallery #bknm h3,#itv #bknm h4{padding:.5em 0; text-align:center; color:#fff; letter-spacing:.1em; font-size:150%; font-weight:bold; margin:0 auto 1em; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; border-top:2px solid #fff; width:95%; margin:0 auto; border-bottom:2px solid #fff; width:95%; margin:0 auto;}

/*news*/
#promo {width:92%; padding:0 0 .5em; margin:0 auto 1em;}
#promo h2{text-align:center; border-right:1px solid #fff; border-bottom:1px solid #fff; margin:0 auto .8em; padding:.5em 0; color:#fff; font-size:140%; background-color:#014099; box-shadow:3px 4px #e60012;}
#promo h3{font-size:120%; padding:.5em 0 0;}
#promo li {padding:0; border-bottom: solid 1px #e60012; margin:0 0 .5em; color:#014099;}
#promo p.txt{padding:.2em 0 .5em; font-size:95%; color:#e60012;}
#promo p.add {font-size:1.2rem !important;  border:none !important; padding:.8em .5em;}
#promo .pdate{ padding:.1em .4em; font-size:95%; background-color: rgba(230,235,238,0.7);}
#info span.date {color:#e60012; padding:2px 3px; display:inline-block; font-size:100%; margin:0 0 .2em;}
#info article {padding:1em 0; margin:0 auto 2em; width:92%;}
#info article:last-child{margin:0 auto 1em;}
#info article h2{color:#fff; margin:0 0 1em; width:100％; line-height:1.3;
	position: relative;
	padding: .4em 1em;
	background-color:#e60012; border-radius: 30px;
}
#info article h2::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-top: 12px solid #e60012;
}
#info article h3{font-size:110%; line-height:1.4;}
#info article h3.bd{text-align:center; color:#c44a8f; border-top:1px solid #c44a8f; margin:.5em auto .5em; border-bottom:1px solid #c44a8f; padding:.4em 0; width:600px;}
#info article p {padding:1em 0;}
#info .emb {margin:1em auto 1.5em;}
.bdr2{border:1px solid #e60012; padding:.8em !important; margin:1em auto 1.5em; width:100%; background-color:rgba(255,255,255,0.5); box-shadow:5px 5px rgba(1,64,153,0.1); border-radius:6px; font-size:95%; }

/*gallery*/
#gallery h2{background:#e60012; padding:.1em 0 .3em; font-weight:bold; color:#fff; font-size:180%; width:130px; text-align:center; margin:-1em 0 .4em -5px; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; box-shadow:5px 4px rgba(1,64,153,1);
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#gallery ul#show{font-size:0; width:98%; margin:0 auto;}
#gallery ul#show li{ display:inline-block; margin:5px 0 5px 10px;}
#gallery ul#show li span {background-size: cover; background-repeat: no-repeat; background-position: center top;}
#gallery ul#show li span.lazy {position:relative; display:block;}
#gallery ul#show li span a {width:210px; height:140px; display:block; border:2px solid #014099; transition: 0.3s;}
#gallery ul#show li span a:hover{border:2px solid #e60012;}
#gallery .lbg-pics{background-color:none !important; box-shadow:none !important;}
#gallery #bknm ul {width:95%; margin:1em auto 0;}
#gallery #bknm li{display:inline-block; width:18.5%; margin:0 0 1.5% .8%; text-align:center; position:relative; box-shadow:5px 5px rgba(1,64,153,0.1);}
#gallery #bknm li a {color:#fff; display:block; width:100%; height:0; padding:66.6666% 0 0; background-size: cover; background-repeat: no-repeat; background-position: center top;}
.triangle::before {
    content: "";
    top: 0;
    right: 0;
    border-bottom: 3.5em solid transparent;
    border-right: 3.5em solid #014099;
    position: absolute;
    z-index: 100;
}
.triangle::after {
    display: block;
    transform: rotate(45deg);
}
.triangle span.volnum{color: #fff; position: absolute; right:1px; top:7px;  z-index:101; transform: rotate(45deg); font-size:98%; font-weight:bold;
font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
#gallery #bknm li.bk1 a {background-image:url(../img/gallery/ep1/ep1_1.jpg);}
#gallery #bknm li.bk2 a {background-image:url(../img/gallery/ep2/ep2_1.jpg);}
#gallery #bknm li.bk3 a {background-image:url(../img/gallery/ep3/ep3_1.jpg);}
#gallery #bknm li.bk4 a {background-image:url(../img/gallery/ep4/ep4_1.jpg);}
#gallery #bknm li.bk5 a {background-image:url(../img/gallery/ep5/ep5_1.jpg);}
#gallery #bknm li.bk6 a {background-image:url(../img/gallery/ep6/ep6_1.jpg);}
#gallery #bknm li.bk7 a {background-image:url(../img/gallery/ep7/ep7_1.jpg);}
#gallery #bknm li.bk8 a {background-image:url(../img/gallery/ep8/ep8_1.jpg);}
#gallery #bknm li.bk9 a {background-image:url(../img/gallery/ep9/ep9_1.jpg);}
#gallery #bknm li.bk10 a {background-image:url(../img/gallery/ep10/ep10_1.jpg);}

/*original*/
#original .main {background-image:url(../img/original/main.jpg); margin:1em auto .5em;}
#original .jkt {background-image:url(../img/original/jkt.jpg); margin:1em auto .5em; border:none; width:400px; height:282px;}
p.cap{padding:0 !important;}

/*caststaff*/
#staff h2{margin:1.5em auto .8em; font-weight:bold;}
.ribbon1 {
    display:block;
    position: relative;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    background: #e60012;
    color: #fff;
    box-sizing: border-box;
}
.ribbon1:before, .ribbon1:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}
.ribbon1:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}
.ribbon1:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
#staff .credit{text-align:center; width:60%; margin:0 auto 2em; font-size:130%; line-height:1.5;}

#cast table{width:80%; margin:2em auto 3em; font-size:145%; /*color:#fff;text-shadow:0px 0px 2px #59a434,0px 0px 8px #59a434,0px 0px 12px #59a434;*/}
#cast table td{text-align:center; padding:.4em 0;}
#cast table td.cname{text-align:left;width:45%; vertical-align:bottom;}
#cast table td.chara{text-align:right;width:45%; color:#e60012;}
#cast table td.naka{padding:.4em .8em 0; font-size:80%; letter-spacing:0; vertical-align:middle;}
#cast table td.maru{padding:0 !important;}

/*quiz*/
#contents.quiz h1{height:330px;}
#quiz h3.que{font-weight:bold; text-align:center; font-size:140%;}
#quiz h3.que:first-letter {color:#e60012; font-size: 150%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
#quiz span.epnum {background-color:#e60012; color:#fff; font-size:160%; position: relative; text-align:center; width:20%; border-radius:30px; padding:.3em 0; margin:.6em auto .5em; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif; display:block;}
#quiz span.epnum::after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-top: 10px solid #e60012;
}
ul#ans{text-align:center;}
ul#ans 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; line-height:130%;}
ul#ans li span,#quiz p.aft span{border-radius:50%; padding:.5% 2.6%; color:#fff; margin:0 .3em 0 0; background-color: #e60012; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
ul#ans li.aswb{color:#014099; border:2px solid #014099;}
ul#ans li.aswb span{background-color:#014099;}
#quiz p.aft{padding:1em 0 0; font-size:200%; color:#e60012; font-weight:bold;}
#quiz p.aft span{padding:0 .25em; margin:0 .2em 0; background-color:#e60012; background-color:#014099;}
ul#pastq{width:94%; margin:4em auto 1em; font-size:95%;}
ul#pastq li{border-bottom:2px dashed #e60012; padding:0 .5em .8em; margin:1.2em 0 .5em;}
ul#pastq li span.vnm{display:block; color:#fff; padding:.2em; margin:0 0 .4em; font-size:110%; background-color:#e60012; width:10%; text-align:center;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
ul#pastq li span.asw{display:inline-block; background-color:#e60012; color:#fff; padding:.1em .2em; margin:.4em .3em 0 0;}

/*mov*/
#movie #contents.movie .inner{padding:0 0 2em;}
#movie h2{color:#fff; margin:0 auto .3em; width:600px; position: relative; padding: .4em 1em; text-align:center; color:#fff; border:1px solid #fff; background-color:#e60012; font-size:140%; line-height:120%;}
#movie .mainmov{padding:1.5em 0 2em; background-color:rgba(255,245,106,0.3);
background-image:url(../img/cn4.png),url(../img/cn3.png);
background-repeat:no-repeat,no-repeat;
background-position:left top,right bottom;
background-size:10%,10%;}
#movie #pastmov ul {width:95%; margin:2em auto 0;}
#movie #pastmov ul li {width:270px; margin:0 0 1.2em 1em; background-size: contain; text-align:center; background-repeat: no-repeat; background-position: 0 0; position: relative; display: inline-block;}
#movie #pastmov ul li a img {width:100%; height:auto; transition: 0.5s;}
#movie #pastmov ul li a:hover img {box-shadow:3px 4px #e60012;}
#movie #pastmov ul li span.new {position: absolute; top: 5px; left: 0; background:#e60012; padding:0 .3em; color:#fff; font-size:100%; font-family: 'Arial Rounded MT Bold','Arial Black',sans-serif;}
#movie #pastmov ul li span.ttl { display: inline-block; background:rgba(1,64,153,0.1); text-align:center; padding:.2em .5em;}
#movie #pastmov ul li span.ttl2 { display: inline-block; background:#e60012; text-align:center; padding:.2em .5em; margin:0 auto; color:#fff; position: absolute; bottom:-.5em; left:.5em;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);}

/*chart*/
#chart .diagram{ position:relative; margin:1em auto 2em; background-size: cover;}
#chart #part1.diagram{background: url(../img/chart/dia.png) no-repeat 0 0;}
#chart #part2.diagram{background: url(../img/chart/dia2.png?2) no-repeat 0 0;}
#chart #part3.diagram{background: url(../img/chart/dia3.png) no-repeat 0 0;}
#chart #part4.diagram{background: url(../img/chart/dia4.png) no-repeat 0 0;}
#chart .diagram ul,#chart .diagram ul li {position: absolute;}
#chart .diagram ul li a{ display: block; background-color:rgba(230,0,18,0.3); text-decoration: none; overflow: hidden; text-indent: 100%; white-space: nowrap;}
#chart .diagram ul li a.jlnk{background-color:rgba(255,255,255,0.1); border-radius:50%;}
#chart .diagram ul li a img {display:block;}
#chart .diagram ul li.sz-l a img {width:175px; height:230px;}
#chart .diagram ul li.sz-m a img {width:145px; height:200px;}
#chart .diagram ul li.sz-s a img {width:120px; height:175px;}
#chart .diagram ul li.sz-ss a img {width:95px; height:145px;}
#chart .diagram ul li.sz-j a img {width:125px; height:125px;}
#chart .diagram ul li a {
filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;}
#chart .diagram ul li a:hover { filter: alpha(opacity=100); -moz-opacity:100; opacity:100;}
#chart ul li.wakaba {left:423px; top:26px;}
#chart ul li.taro {left:187px; top:26px;}
#chart ul li.kyoko {left:34px; top:90px;}
#chart ul li.aoi {left:644px; top:0;}
#chart ul li.hikari {left:619px; top:268px;}
#chart ul li.tsukiko {left:779px; top:314px;}
#chart ul li.jets {left:760px; top:175px;}
#chart ul li.komako {left:11px; top:290px;}
#chart ul li.shinsuke {left:11px; top:525px;}
#chart ul li.shiori {left:197px; top:323px;}
#chart ul li.koto {left:197px; top:514px;}
#chart ul li.sakura {left:245px; top:706px;}
#chart ul li.kanna {left:359px; top:706px;}
#chart ul li.mami {left:465px; top:706px;}
#chart ul li.yumi {left:358px; top:864px;}
#chart ul li.mako {left:465px; top:864px;}
#chart ul li.mina {left:358px; top:324px;}
#chart ul li.nozomi {left:467px; top:324px;}
#chart ul li.eri {left:465px; top:483px;}
#chart ul li.kaori {left:359px; top:483px;}
#chart ul li.yuki {left:607px; top:557px;}
#chart ul li.asako {left:726px; top:527px;}
#chart ul li.haruma {left:601px; top:755px;}
#chart ul li.taeko {left:601px; top:945px;}
#chart ul li.nagisa {left:736px; top:945px;}
#chart ul li.honoka {left:52px; top:945px;}
#chart ul li.maki {left:187px; top:945px;}
/*----------2話---------*/
#chart ul#dia2 li.wakaba {left:398px; top:54px;}
#chart ul#dia2 li.taro {left:192px; top:56px;}
#chart ul#dia2 li.kyoko {left:41px; top:120px;}
#chart ul#dia2 li.aoi {left:624px; top:30px;}
#chart ul#dia2 li.katsuya {left:783px; top:10px;}
#chart ul#dia2 li.fusako {left:783px; top:167px;}
#chart ul#dia2 li.hikari {left:625px; top:308px;}
#chart ul#dia2 li.tsukiko {left:783px; top:440px;}
#chart ul#dia2 li.jets {left:780px; top:335px;}
#chart ul#dia2 li.komako {left:11px; top:340px;}
#chart ul#dia2 li.shinsuke {left:11px; top:575px;}
#chart ul#dia2 li.asako {left:187px; top:323px;}
#chart ul#dia2 li.shiori {left:319px; top:323px;}
#chart ul#dia2 li.taeko {left:187px; top:517px;}
#chart ul#dia2 li.nagisa {left:319px; top:517px;}
#chart ul#dia2 li.maki {left:451px; top:517px;}
#chart ul#dia2 li.koto {left:187px; top:710px;}
#chart ul#dia2 li.honoka {left:319px; top:710px;}
#chart ul#dia2 li.kanna {left:57px; top:919px;}
#chart ul#dia2 li.mami {left:163px; top:919px;}
#chart ul#dia2 li.yumi {left:57px; top:1077px;}
#chart ul#dia2 li.mako {left:163px; top:1077px;}
#chart ul#dia2 li.kaori {left:275px; top:1058px;}
#chart ul#dia2 li.eri {left:382px; top:1058px;}
#chart ul#dia2 li.mina {left:490px; top:1058px;}
#chart ul#dia2 li.sakura {left:597px; top:1058px;}
#chart ul#dia2 li.nozomi {left:706px; top:1058px;}
#chart ul#dia2 li.yuki {left:644px; top:547px;}
#chart ul#dia2 li.haruma {left:626px; top:710px;}
/*----------3話〜---------*/
#chart ul#dia3 li.wakaba {left:398px; top:54px;}
#chart ul#dia3 li.taro {left:192px; top:56px;}
#chart ul#dia3 li.kyoko {left:41px; top:120px;}
#chart ul#dia3 li.aoi {left:624px; top:30px;}
#chart ul#dia3 li.katsuya {left:783px; top:10px;}
#chart ul#dia3 li.fusako {left:783px; top:167px;}
#chart ul#dia3 li.hikari {left:625px; top:308px;}
#chart ul#dia3 li.tsukiko {left:783px; top:440px;}
#chart ul#dia3 li.jets {left:780px; top:335px;}
#chart ul#dia3 li.komako {left:11px; top:340px;}
#chart ul#dia3 li.shinsuke {left:11px; top:575px;}
#chart ul#dia3 li.asako {left:187px; top:323px;}
#chart ul#dia3 li.shiori {left:319px; top:323px;}
#chart ul#dia3 li.taeko {left:187px; top:517px;}
#chart ul#dia3 li.nagisa {left:319px; top:517px;}
#chart ul#dia3 li.maki {left:451px; top:517px;}
#chart ul#dia3 li.koto {left:187px; top:710px;}
#chart ul#dia3 li.honoka {left:319px; top:710px;}
#chart ul#dia3 li.kanna {left:212px; top:901px;}
#chart ul#dia3 li.mami {left:319px; top:901px;}
#chart ul#dia3 li.yumi {left:57px; top:1088px;}
#chart ul#dia3 li.mako {left:165px; top:1088px;}
#chart ul#dia3 li.kaori {left:273px; top:1088px;}
#chart ul#dia3 li.eri {left:381px; top:1088px;}
#chart ul#dia3 li.mina {left:490px; top:1088px;}
#chart ul#dia3 li.sakura {left:597px; top:1088px;}
#chart ul#dia3 li.nozomi {left:705px; top:1088px;}
#chart ul#dia3 li.yuki {left:644px; top:547px;}
#chart ul#dia3 li.haruma {left:626px; top:710px;}
/*----------5話〜---------*/
#chart ul#dia4 li.wakaba {left:398px; top:54px;}
#chart ul#dia4 li.taro {left:192px; top:56px;}
#chart ul#dia4 li.kyoko {left:41px; top:120px;}
#chart ul#dia4 li.aoi {left:624px; top:30px;}
#chart ul#dia4 li.katsuya {left:783px; top:10px;}
#chart ul#dia4 li.fusako {left:783px; top:167px;}
#chart ul#dia4 li.hikari {left:625px; top:308px;}
#chart ul#dia4 li.tsukiko {left:783px; top:440px;}
#chart ul#dia4 li.jets {left:780px; top:335px;}
#chart ul#dia4 li.komako {left:11px; top:340px;}
#chart ul#dia4 li.shinsuke {left:11px; top:575px;}
#chart ul#dia4 li.asako {left:187px; top:323px;}
#chart ul#dia4 li.shiori {left:319px; top:323px;}
#chart ul#dia4 li.taeko {left:187px; top:517px;}
#chart ul#dia4 li.nagisa {left:319px; top:517px;}
#chart ul#dia4 li.maki {left:451px; top:517px;}
#chart ul#dia4 li.koto {left:187px; top:710px;}
#chart ul#dia4 li.honoka {left:319px; top:710px;}
#chart ul#dia4 li.kanna {left:187px; top:903px;}
#chart ul#dia4 li.mami {left:294px; top:903px;}
#chart ul#dia4 li.yumi {left:187px; top:1066px;}
#chart ul#dia4 li.mako {left:294px; top:1066px;}
#chart ul#dia4 li.kaori {left:402px; top:1066px;}
#chart ul#dia4 li.eri {left:510px; top:1066px;}
#chart ul#dia4 li.mina {left:618px; top:1066px;}
#chart ul#dia4 li.sakura {left:402px; top:903px;}
#chart ul#dia4 li.nozomi {left:510px; top:903px;}
#chart ul#dia4 li.yuki {left:644px; top:547px;}
#chart ul#dia4 li.haruma {left:626px; top:710px;}


/*report*/
#report .ph_cut,#report .ph_cut_l{margin:.5em auto; border:none; box-shadow:3px 3px #e60012;}
#report #entry{float:left; width:620px;}
#report #bknm{float:right; width:270px; margin:0 1em 0 0;}
#report article {width:96%; margin:0 0 0 3%; padding:.5em 1.2em 1em; }
#report article h2{border-bottom:4px double #e60012; color:#e60012; padding:.2em;}
#report article p{padding:1em .1em; line-height:1.5; font-size:95%;}
#report article a {color:#e60012; text-decoration:underline;}
#report article a:hover{background-color: rgba(255,245,106,0.3);}

#report #bknm ul{margin:.6em 0 0;}
#report #bknm li{width:100%; line-height: 1.4em; margin:.5em 0 .1em 0;  font-size:90%;}
#report #bknm li a {display:block; background-color:#014099; color:#fff; border-left:5px solid #e60012;  padding:.5em;}
#report span.date {padding:.3em .4em .3em .3em; background-color:#e60012; display:inline-block; color:#fff; font-size:90%; margin:0 0 .2em;}
#report #bknm li a span.date{padding:0 .3em 0 .2em;}
#report #bknm h3{color: #fff; background-color:#e60012; display:inline-block; padding:.2em; font-size:160%; font-family:Futura,impact; letter-spacing:.05em;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
#prevnext { width:100%; padding:0; margin:2em auto .5em;}
#prevnext ul li {text-align:center; width:50px; height:50px; font-size:2.5rem; font-weight:bold; font-family:arial black,Verdana; background-color: rgba(2,2,2,0.05); color:#fff; line-height:50px; text-align:center; border-radius:50%;}
#prevnext ul li a {color:#fff; background:#e60012; display:block; width:50px; height:50px; border-radius:50%;}
#prevnext ul li a:hover{color:#fff; background:#014099;}
#prevnext ul li.prev { float:left; }
#prevnext ul li.next { float:right; }


/*msg*/
iframe#iframe {width:100%; border:none; padding:0; margin:0;}
#msg h2{color:#e60012; margin:.5em auto 1em; font-weight:bold; border-top:1px solid #e60012; border-bottom:1px solid #e60012; padding:.6em 0; width:90%;}
#msg .inner ul#notice {width:90%; margin:0 auto;}
#msg .inner ul#notice li{margin:0 0 .7em 1em; font-size:95%; text-indent: -1em; line-height:1.4;}
#msg .inner ul#notice li:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 4px;
    margin-left: 4px;
    border: transparent solid 5px;
    border-left-color: #e60012;}
#msg p.att{font-size:120%; padding:.5em 0 0;}
#msg p.pinfo{width:90%; background-color:rgba(255,245,106,0.3); margin:1em auto 1em; padding:1em; font-size:90%; line-height:1.5;}
#msg p.pinfo a{text-decoration:underline;}
#msg p.notice{text-align:center; padding:1em 0 1.5em;}

/*btn*/
a.btn_prev {font-size:150%; color:#fff; display:block; font-weight:bold; box-shadow:0 0 10px rgba(1,1,1,0.2); text-align:center; width:50%; padding:.8em; margin:1em auto 1.5em; background-color:#fc85b5; border-radius:5px; border:1px solid #fff; text-shadow:0 0 8px rgba(157,47,109,0.8);
background-image:linear-gradient(to top,rgba(255,255,255,0.4),rgba(255,255,255,0));}
a.btn_df,a.btn_ap{font-size:150%; color:#fff; display:block; font-weight:bold; text-align:center; width:40%; padding:1em; margin:1.5em auto; border-radius:8px; position: relative; border:1px solid #fff; background-color:#014099; letter-spacing:.2em; box-shadow:2px 5px #e60012;}
a.btn_ap{background:none; letter-spacing:.08em; border:2px solid #e60012; color:#e60012; box-shadow:none; margin:1em auto;}
a.btn_ap::after {
 position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
content: '';
border: 1px solid #e60012;
border-radius:8px;
}
a.btn_s {background:#e60012; padding:.5em; color:#fff; display:block; font-weight:bold; margin:.5em auto; border-radius:30px; text-align:center; width:30%; letter-spacing:.2em; font-size:120%;} 
a.btn_i {color:#c44a8f; padding:.6em 2em; border:1px solid #c44a8f; margin:.2em 0 0; display:inline-block; font-size:110%;
text-shadow:1px 1px 0 #fff; box-shadow:2px 2px 0 #c44a8f; letter-spacing:0.05em; border-radius:4px;
background:-webkit-gradient(linear,left bottom,left center,from(rgba(196,74,143,0.1)),to(rgba(196,74,143,0)));}
#msg .inner a.btn_ap {margin:1.5em auto .5em;}
#form #agree a:hover,#msg #writeBtn a:hover,#intro #commeBtn a:hover {color:#fff;}
.checkm{
	position:relative;
}
.checkm:after, .checkm:before{
	content:''; 
	height:18px; 
	width:4px; 
	display:block; 
	background:#fc85b5; 
	position:absolute; 
	top:8px; 
	left:15px; 
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
}
.checkm:before{
	height:10px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); 
	top:16px; 
	left:7px
}


/*//////pc//////*/
@media all and (min-width: 768px) {

#top #container{background-image:url(../img/star.png),url(../img/star.png);
background-repeat:no-repeat,no-repeat;
background-position:left -200px top 450px,right -450px bottom 600px;
background-size:60%,60%;}

header #logo{width:980px; margin:0 auto; position: relative; height:225px;}
header #logo a {width:739px; height:220px; margin:0 0 0 auto; background: url(../img/logo.png) no-repeat center bottom; display:block; padding:0; position:absolute; right:0; bottom:-.6em;}
#menu {margin:0 auto; padding:.9em 0; border-bottom:5px solid #e60012; background-image:url(../img/bg_menu.png);}
#menu ul {width:980px; background: url(../img/menu.png) no-repeat center 0; margin:0 auto; font-size:0;}
#menu li { height:40px; display:inline-block; padding:0;}
#menu li a { height:40px; display: block; text-indent: 100%; white-space: nowrap; text-decoration:none; overflow: hidden;
width:124px; margin:0 28px 0 0;}
#menu li.btn4 a{/*background-color:rgba(252,50,20,0.5);*/ width:120px;}
#menu li.btn5 a{width:122px;}
#menu li.btn6 a{width:224px; margin:0;}
#menu li a:hover{background-color:rgba(1,71,163,0.5);}

.bn_pre_sp{display:none;}
#fukuicts .fukuin,#snsarea .snsin{width:980px; margin:0 auto;}

footer {margin:5em 0 0; padding:0 0 0; background:rgba(1,64,153,1);}
#top footer {background:rgba(1,64,153,0.9); padding:3em 0; text-align:center; margin:2em 0 0;}
footer .inner {width:950px; margin:0 auto; position: relative; padding:3em 0;}
footer .sns{padding:0 0 1em;}
#rect.sec2 {position:absolute; right:0; top:-2em; margin:0;}
#gotop {position: fixed; bottom:35px; right: 10px; z-index:10;}
#gotop span { display:none;}
#gotop a {display:block; width:137px; height:131px; background:url(../img/gotop.png) no-repeat 0 0; background-size:100%;}

#story h2 span.epno {padding:0 .7em .2em; color:#fff; background-color:#e60012; display: inline-block;
	-webkit-transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	transform: rotate(-2deg);}

#chart #part1.diagram{ width:896px; height:1206px;}
#chart #part2.diagram{ width:889px; height:1296px;}
#chart #part3.diagram{ width:889px; height:1306px;}
#chart #part4.diagram{ width:889px; height:1290px;}

#report .ph_cut{width:450px; height:300px;}
#report .ph_cut_l{width:300px; height:450px;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.3rem;}
h1 { font-size: 2.6rem;}
h2 { font-size: 2rem; line-height:1.5em;}
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
.f90 { font-size: 1.2rem;}
.hidtxt{visibility:visible;}
.hid_sp{display:none;}
.inner  {width:90%;}
.ph_cut img,.ph_cut_l img,.ph_main img,#top header h1 img{position:absolute;left:0;top:0; width:100%; height:100%;}

#top header{width:100%; }
#top h1{width:100%; height:0; padding:73.4693% 0 0; background-size:cover;}
#top header .sns{right:0.8%; bottom:1.2%;}
#top header .sns img{width:11%; height:auto; margin:0;}
#top header .sns span{font-size:1rem; letter-spacing:-.05em; text-align:right;
display:block;
font-size:8px;
padding:.6em .2em .2em 0;
  display: block;
  font-size: 9px;
  transform: scale(0.75);
  transform-origin: right top;
}

#update{width:100%; padding:0; margin:0 0 0; height:35px; border-radius:0;}
#update ul {height:35px; line-height:35px; overflow: hidden; font-size:90%; width:73%;}
#update ul li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; width:99%;}
#update span.updttl{height:35px; width:25%; background-size:78%; border-radius:0;}
#update span.updttl:after{border-left: solid 15px transparent; border-bottom: solid 35px white;}
.bn_pre{display:none;}
.bn_pre_sp a{width:100%; height:0; padding:17% 0 0; background: url(../img/top/bn_ssc_sp.png?1) no-repeat 0 0; margin:0; background-size:cover; display:block;}

#ponpon{
background-image:url(../img/cn4.png),url(../img/cn3.png);
background-repeat:no-repeat,no-repeat;
background-position:left top,right bottom;
background-size:15%,15%;}
#ponpon ul{width:100%; font-size:0; margin:0 auto; padding:2% 0 0;}
#ponpon li{width:29%;}
#ponpon li a {height:0; width:100%; padding:96% 0 0; background-size:contain;}
#ponpon li.pstaff a{background-image:url(../img/top/p_staff_sp.png);}
#ponpon li.porg a{background-image:url(../img/top/p_org_sp.png);}
#ponpon li.pfm a{background-image:url(../img/top/p_fm_sp.png);}

#top #spmov{margin:.5em auto;}
#top #spmov h2{font-size:3.8vw; padding:.2em 0;}
#top #spmov .spmv {width:100%; margin:.5% 0;}
#top #spmov .spmv div{width:100%; margin:0; position:relative; padding:56.25% 0 0; height: 0; overflow: hidden;}

#mov{width:100%; margin:5% auto 1em;}
.spot{float:none; width:100%; margin:0 auto; padding:.8% 0; float:none; background-color:#e60012; display:none;}
.spot h2{height:0; padding:8% 0 0; width:100%; background-size:contain; margin:-5% 0 0 0; background-position:6px 0;}
.spot #trailer {width:98%; position:relative; padding:54% 0 0; height: 0; overflow: hidden; margin:0 auto; border-radius:0;}
#trailer iframe,.emb iframe,#top #spmov .spmv iframe{ position:absolute; top: 0; left:0; width:100% !important; height: 100% !important;}
#spotR{width:100%; margin:0 auto; float:none; background-color:#014099;}
#spotR h2{height:0; padding:8% 0 0; width:100%; background-size:contain; margin:-4% 0 0 0; background-position:6px  0;}
.bn_story{width:98%; margin:0 auto 1%; height:auto; border-radius:0; box-shadow:none;}
.bn_story a{height:0; padding:52% 0 0; background-image:url(../img/top/ph_oa_sp.jpg?10); background-size:cover;}

#mov ul#movlist{position:static; padding:.2em 0;}
#mov ul#movlist li{border-radius:6px; line-height:100%; font-size:3.6vw; width:22%; margin:0 .35em;}
#mov ul#movlist li a{background-color:#fff; border-radius:6px; color:#e60012; padding:.5em 0 .4em .5em;}
#mov ul#movlist li a:before{background:#e60012; right:6%;}
#mov ul#movlist li a:after{border: 5px solid transparent; border-left: 5px solid #fff; right:5.5%;}

#cts {width:96%; margin:0 auto .5em;}
.bn_repo{width:60%; margin:0 auto; height:auto; border:2px solid #014099;}
.bn_repo a{height:0; padding:56% 0 0; background-size: cover;}
.bn_repo span.rpup {top:-10px; right:2%; padding:5.5% 0 15%; display:block; width:28%; height:auto; text-align:center; background-size:100%; font-size:3.4vw;}
.bn_ch{width:99%; height:auto; border:2px solid #e60012; margin:0 0 1.3em;}
.bn_ch a{height:0; padding:35.5% 0 0; background-image: url(../img/top/chart_sp.png); background-position: bottom center; background-size: cover;}
.bn_dam{width:36%; height:auto; margin:-.5% 0 0 2.8%;}
.bn_dam a{height:0; padding:100% 0 0; background-size:contain;}

#fukuicts{padding:1em 0 1em; margin:1em 0 1em;}
#fukuicts h3{width:98%; padding:2.4% 0 0; height:auto; background-size:contain; margin:-1.7em auto .5em; background-position:0 0;}
#fukuicts .fukui1,#fukuicts .fukui2,#fukuicts .fukui3{width:95%; height:auto; font-size:0;}
#fukuicts .fukui1 a,#fukuicts .fukui2 a{height:0; padding:35.6% 0 0; background-size:cover;}
#fukuicts .fukui2 span.upd {top:2px; right:3%; width:15%; font-size:3.4vw; padding:4% 0;}
#fukuicts .fukui1 a{background-image:url(../img/top/location_sp.png);}
#fukuicts .fukui2 a{background-image:url(../img/top/meisan_sp.png);}
#fukuicts .fukui3{border:4px solid #fff; width:94%; margin:2% 0 .8%;}
#fukuicts .fukui3 a{height:0; padding:27% 0 0; background-size:cover;}

.bn_itv,.bn_mov,.bn_mem{width:99%; height:auto; margin:0;}
.bn_itv a,.bn_mov a,.bn_mem a{height:0; padding:30% 0 0; background-size:cover; background-position:center center;}
.bn_mem{margin:.5% auto 0;}
.bn_mov a{background:url(../img/top/movie.png) no-repeat center center; background-size:cover;}
.bn_itv a{background:url(../img/top/itv_sp.png?5) no-repeat center center; background-size:cover;}
.bn_mem span.upd{top:-5px; right:8px;font-size:3.4vw;}
.coming{display:none;}
.bn_gl,.bn_quiz{width:48.4%; margin:0; height:auto;}
.bn_gl a,.bn_quiz a{height:0; padding:64.516% 0 0; background-size:cover;}
.bn_quiz{margin:0 0 0 1.8%;}
.bn_mov{display:none;}

.bnarea{width:100%;margin:.5em 0 0;}
.bnarea ul{width:100%; float:none; font-size:0;}
.bnarea ul li{width:48%; height:auto; margin:.6%;}
.bnarea ul li a{background-size:cover; height:0; padding:37.5% 0 0;}
#top #rect {float:none; margin:1.2em auto 0;}

#twTL{margin:.5em auto 1em; width:300px;}
#twTL h3{width:60%; height:0; padding:17.2% 0 0; background-size:cover;}
#insta{margin:1.5em auto 1em; width:300px; height:410px;}
#insta h3{width:68%; height:0; padding:16% 0 0; background-size:cover;}
div.insta{height:350px;}
div.insta ul{margin:2px 0 0 10px;}
#line{height:auto; margin:.5em auto .5em; padding:0; width:294px; height:auto; background-color:#00b800; border:none; box-shadow:none; border-radius:6px; background:#00b800 url(../img/top/lineid.png) no-repeat center center; background-size:72%;}
#line h3{width:50%; height:0; padding:16% 0 0; background-size:cover; display:none;}
#line .friend{padding:.6em 0; display:none;}
#line .lid{padding:0; margin:0; background:none;}
#line .lid span{visibility:hidden;}
#line .lid a{display:block; width:100%; height:0; padding:20% 0 0;}
#line img{width:50%; margin:0 0 2%; display:none;}
.outg{font-size:1rem; display:none;}

footer {padding:0; text-align:center; background:none;}
footer .inner{width:100%; padding:0;}
footer .copy {width:100%; padding:2em 0 4em; margin:1.5em 0 0; background-color:rgba(1,64,153,0.9);}
footer .copy p{padding:.8em;}
footer .sns{margin:1.5em auto 0;}
footer .sns span{font-size:70%; line-height:0; color:#014099;}
#rect {margin:1em auto 0; border:none; width:300px; height:250px;}
#gotop {position: fixed; bottom: 0; left:0; width:100%; text-align:center; letter-spacing:.4em; z-index:10;}
#gotop span{font-size:120%; padding:1% 0 0; vertical-align: middle; display:inline-block;}
#gotop a {width:100%; display:block; font-weight:bold; padding:.7em 0; color:#fff;
background-color:rgba(230,0,18,0.9);}

/*------------------　2nd　------------------ */
header{margin:0;}
header #logo{width:100%;}
header #logo a {width:82%; height:0; padding:27% 0 0; background:url(../img/logo.png) no-repeat right bottom; display:block; background-size:100%; margin:0 2% 0 auto;}
#menu{margin:2% 0 0; padding:0 0 .2em; border-bottom:3px solid #e60012; border-top:3px solid #e60012; background-image:url(../img/bg_menu.png); }
#menu ul {width:100%; text-align:center; font-size:0;}
#menu li {display:inline-block; font-size:13px; font-size:3.5vw; line-height:1.25; font-weight:bold; border-bottom:1px solid #e60012; text-shadow:2px 2px #083386;}
#menu li span.eng{display:block;color:#e60012; font-size:88%; letter-spacing: .1em; font-family: 'Avenir','Roboto',sans-serif; font-size:2vw;}
#menu ul li {width : 33.33333%;
width: -webkit-calc(100% / 3) ;
width: calc(100% / 3) ;}
#menu li a {height:auto; display: block; width:100%; margin:0; padding:.8em 0; color:#fff; 
/*background-color:rgba(1,71,163,0.5);*/
/*background-image:linear-gradient(to top,rgba(255,255,255,0.5),rgba(255,255,255,0));*/
background:-webkit-gradient(linear,left bottom,left center,from(rgba(0,92,213,0.7)),to(rgba(0,92,213,0)));}
/*#menu li.btn2 a{color:#fea634;}
#menu li.btn3 a{color:#fc85b5;}
#menu li.btn4 a{color:#7e9aea;}
#menu li.btn5 a{color:#7fde47;}
#menu li.btn6 a{color:#c981ee;}*/
#menu li span.lss2 {letter-spacing: .2em;}
#menu li.btn2,#menu li.btn5{border-left:1px solid #e60012; border-right:1px solid #e60012;}

#contents{width:100%; margin:0em auto; padding:0 0 2em; border:none; border-radius:0; background-size:100%;}
#contents .inner{border:2px solid #e60012;}
#contents h1{width:100%; height:0; padding:28% 0 0;}
#contents p {padding:.5em 1.5em 1em; line-height:1.5; font-size:96%;}
.ph_cut {width:96%; height:0; padding:64% 0 0; position: relative; margin:1em auto .5em; border:2px solid #014099;}
.ph_cut_l {width:60%; height:0; padding:90.225% 0 0; position: relative; margin:1em auto .5em; border:2px solid #014099;}

#bknm{width:100%; margin:2em auto 1em;}

/*intro*/
#intro h2.hdl{width:80%; height:0; padding:43% 0 0; margin:1% auto; background-size:contain;}
#intro #contents p {line-height:1.8;}
#intro h3{font-size:3.8vw; padding:.5em 0;}
#intro h2.cname{font-size:1.75rem;}
#intro h2.cname span.post{font-size:1.35rem; padding:0 .2em !important;}

/*story*/
#story #contents .inner{padding:0 0 1em;}
#story .ph_cut {width:90%; height:0; padding:60% 0 0; margin:.5em auto 1em;}
#story #mov{margin:0 0 .5em;}
#story #mov ul#movlist{padding:1em 0;}
#story #mov ul#movlist li{width:45%; margin:0 .5%; font-size:110%; font-weight:bold;}
#story #mov ul#movlist li a{height:60px; line-height:60px;}
#story .ph_area{margin:0 auto; width:94%; text-align:center;}
#story .ph_s{width:90%; padding:60% 0 0; margin:0 auto 2%;}
#story h2{font-size:4vw; background-color:#e60012; color:#fff; margin:0; padding:.2em 0;}
#story h2 span.epno {padding:0 .2em; display: inline-block;}
#story #trailer,.emb {width:100%; position: relative; padding:56% 0 0; height: 0; overflow: hidden; height:auto; box-shadow:none; margin:0 auto; border-bottom:2px solid #e60012; background-color:#e60012;}
#story #trailer iframe,.emb iframe{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#story #mov .ph_cut{width:100%; box-shadow:none; border:none; border-bottom:2px solid #e60012; margin:0;}

#story #bknm,#itv #bknm,#gallery #bknm,#itv #bknm{padding:.5em 0 1em;}
#story #bknm h4,#quiz #bknm h4,#gallery #bknm h3,#itv #bknm h4{font-size:4vw;}
#story #bknm li,#itv #bknm li{width:30%; margin:0 0 4% 2%;}
#story #bknm li a,#itv #bknm li a{height:0; padding:100% 0 0; position: relative;}
#story #bknm li a img,#itv #bknm li a img {position:absolute;left:0;top:0; width:100%; height:100%;}
#story #bknm li span{width:35%;font-size:3.4vw;}

/*news*/
#promo{width:90%;}
#promo li{font-size:95%;}
#promo p.add {font-size:1rem !important; padding:.2em 0 0;}
#promo .pdate{font-size:90%;}
#info article{padding:.8em 0; margin:0 auto 1em; width:90%;}
#info article:last-child{margin:0 auto .5em;}
#info article.theme{padding:1.2em 1.5em;}
#promo h2,#info article h2{font-size:4vw;}
#promo h2{font-weight:bold; padding:.4em 0; margin:0 auto 1em;}
#promo h3{font-size:3.4vw; line-height:1.35;}
#info article h2{border-radius:8px; line-height:1.4; padding: .4em .8em;}
#info article h2::after{
left:45%;
}
#info article h3{font-size:3.5vw;}
#info article h3.bd{width:100%;}
#info article p {padding:.5em 0; font-size:96%;}
#info .emb {margin:1em auto .5em;}
/*#info .emb {width:100%; position: relative; padding: 56.25% 0 0; height: 0; overflow: hidden; margin:0 auto 1em;}*/

/*gallery*/
#gallery #contents .inner{margin:.5em auto 0;}
#gallery h2{font-size:4vw; width:30%; padding:0 0 .2em; margin:-.8em 0 0 -5px;}
#gallery ul#show{width:96%;}
#gallery ul#show li {margin:3px 0 3px 8px; border:2px solid #014099;
width:30%;
width: -webkit-calc(100% / 3 - 10px) ;
width: calc(100% / 3 - 10px);}
#gallery ul#show li span a {width:100%; height:0; padding:66.5% 0 0; border:none;}
#gallery ul#show li span a:hover{border:none;}
#gallery ul#show li:hover{border:2px solid #e60012;}
#gallery #bknm li{width: 30%; margin:0 .6% 1.5%;
/*width: -webkit-calc(100% / 4) ;
width: calc(100% / 4) ;*/}

/*original*/
#original .jkt{width:80%; height:0; padding:56.4% 0 0; margin:.5em auto;}

/*caststaff*/
#cast h2{font-size:1.6rem; font-size:4vw;}
#cast table{width:100%; margin:.5em auto .5em;}
#cast table td{padding:.3em 0;}
#cast table td.cname{font-size:1.35rem; font-size:3.6vw; width:44%;}
#cast table td.chara{font-size:1.35rem; font-size:3.6vw; width:46%; }
#cast table td.naka{padding:1em .1em 0; font-size:1.5rem; font-size:3vw;}
#staff h2{font-size:4vw; margin:1.2em auto .5em; width:80%;}
#staff h2:first-of-type{margin:.5em auto .5em;}
#staff .credit{width:95%; font-size:3.6vw;}
.ribbon1{
    height:30px;
    line-height:30px;
}
.ribbon1:before{
    border-width: 15px 0px 15px 10px;
}
.ribbon1:after{
    border-width: 15px 10px 15px 0px;
}

/*quiz*/
#contents.quiz h1{width:100%; height:0; padding:32% 0 0;}
#quiz h3.que{font-size:125%; font-size:4.15vw; padding:0 1em; line-height:140%;}
#quiz span.epnum{width:30%; font-size:4vw;}
#quiz span.epnum::after{left:45%;}
ul#ans{margin:.5em 0 2em;}
ul#ans li{width:58%; font-size:4vw; padding:3% 0; margin:.6em .5% 0; border-radius:10px;}
ul#ans li span{padding:1% 3.2%;}
#quiz p.aft{padding:0; font-size:6vw}
#quiz p.aft span{padding:0 1.5%;}
ul#pastq{width:92%; margin:2.5em auto .5em;}
ul#pastq li{border-bottom:1px dashed #e60012; padding:0 0 .8em;}
ul#pastq li span.vnm{width:15%;}

/*mov*/
#movie .mainmov{padding:1em 0 .1em;}
#movie h2{width:90%; margin:0 auto; padding:.4em .5em; font-size:3.5vw;}
#movie #pastmov ul {margin:1.5em auto 0;}
#movie #pastmov ul li {width:47%; height:auto; margin:0 0 2.5% 1.8%;}
#movie #pastmov ul li img{position: absolute; top: 0; left: 0;}
#movie #pastmov ul li a{display:block; width:100%; padding:56.25% 0 0;}
/*#movie #pastmov ul li:nth-child(even) {margin:0;}*/
#movie #pastmov ul li span.ttl { padding:.1em .5em; font-size:90%; margin:.2em 0 0;}
#movie #pastmov ul li span.ttl2{font-size:85%; font-size:2.8vw;}
#movie #pastmov ul li span.new{z-index:1;}
#movie .emb {width:90%; position: relative; padding: 50.7% 0 0; height: 0; overflow: hidden; margin:.5em auto 2em; border:none;}

/*chart*/
#chart .diagram{margin:.5em auto 1.5em; overflow:hidden;}
#chart #part1.diagram{width:94%; height:0; padding:126.5223% 0 0; background-size: cover;}
#chart #part2.diagram{width:94%; height:0; padding:137.0348% 0 0; background-size: cover;}
#chart #part3.diagram{width:94%; height:0; padding:138.092% 0 0; background-size: cover;}
#chart #part4.diagram{width:94%; height:0; padding:136.400% 0 0; background-size: cover;}
#chart .diagram ul {position: absolute; left:0; top:0; width:100%; height:100%;}

.ph_cut {width:90%; height:0; padding:60% 0 0;}
#report #entry{float:none; width:100%;}
#report article{box-shadow:none; padding:.5em 1em 1em; margin:0 auto;}
#report article p{padding:.6em 0;}
#report article h2{font-size:1.65rem; font-size:4vw;}
#report article p.cap span { font-size:1.2rem;}
#report #bknm{width:100%; float:none; margin:1em auto 0;}
#report #bknm ul{margin:.6em 0 0;}
#report #bknm li{width:90%; line-height: 1.4em; margin:0 auto .5em;}
#report #bknm h3{font-size:5vw; padding:.2em .4em;margin:0 0 0 -.2em;}

#msg #contents{position:relative;}
#msg h1 a{width:48%; height:0; margin:15% 0 0; padding:8.5% 0 0; background-size: 95%; position: absolute; right:0; top:0;}
#msg h2{font-size:125%; font-size:4vw;}
#msg .inner ul#notice li:before{margin:0;}
#prevnext ul li {font-size:2rem; width:40px; height:40px; line-height:40px;}
#prevnext ul li a{width:40px; height:40px;}
#msg p.att{font-size:105%; padding:0 0 .4em;}
#msg p.notice{text-align:left; padding:.5em 1.2em 1em;}

a.btn_prev,a.btn_ap {margin:.5em auto 1.5em; width:62%; font-size:1.5rem; font-size:4vw;}
a.btn_df{width:70%; margin:.5em auto 1.5em; font-size:130%;}
a.btn_s{width:50%;}
a.btn_i {margin:.5em 0 .2em; padding:.5em 2em;}
#msg .inner a.btn_ap {margin:.5em auto .5em;}
}

@media all and (max-width: 320px) {
body,p { font-size: 1.3rem;}
a.btn_ap {width:70%;}
/*.bn_rp span.upd {font-size:1.4rem; width:40px; height:30px; padding:12px 0 0;}*/
#gallery #bknm li{width : 22.5%;}
}
.md-inner {box-shadow:none !important;}