html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* ============================
	common css
============================ */

/*  General
=============================================== */

body { background: rgb(32,126,199); background: linear-gradient(90deg, rgba(32,126,199,1) 0%, rgba(117,188,237,1) 50%, rgba(32,126,199,1) 100%); }

#con-body { font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#333; }

@font-face {
  font-family: 'Poppins';
  src: url('/um/library/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
	   font-weight:normal;
}


.cover { background:url(/img/cover.gif); display:block; width:100%; height:100%; }

.lazy { display:block; position:relative; }

#container a { color:#7da92b; }

/* font style
-------------------------------- */

.txts { font-size:80%; }
.txtb { font-size:120%; }
.txt-center { text-align:center; }
.bold { font-weight:bold; }
.blue { color:#081f62; }

/* br point
-------------------------------- */

.br-pc { display:block; }
.br-smp { display:none; }

@media all and (max-width: 767px) {

.br-pc { display:none; }
.br-smp { display:block; }

}

/* word br
-------------------------------- */

.wbr { display:inline-block; }



/*  Header
=============================================== */
#header { width:980px; margin:30px auto; }
#logo { position:relative; width:100%; height:0; padding-top:70.748299319%; }
#logo a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/common/header_kv.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; box-shadow:0px 3px 10px rgba(0,0,0,0.1); /* for animation */ opacity:0; animation: fadeIn 2s forwards; }
@keyframes fadeIn { 0% { opacity:0; filter: blur(1.5rem); } 100% { opacity:1; filter: blur(0); } }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#header { width:auto; margin:0; }
#logo a { box-shadow:none; }

}

#gnav-area { margin-bottom:30px; background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,0.1); text-align:center; }
#gnav { width:980px; margin:auto; /* for space */ font-size:0; }
#gnav li { width:25%; display:inline-block; vertical-align:middle; padding:1.0em 0.5em; box-sizing:border-box; /* for space */ font-size:1rem; }
#gnav li:nth-child(1) { width:18%; }
#gnav li:nth-child(2) { width:35%; }
#gnav li:nth-child(3) { width:20%; }
#gnav li:nth-child(4) { width:26%; }


#gnav li a { font-size:180%; display:block; width:100%; height:100%; padding:1.0em 0; box-sizing:border-box; border-radius:2.0em; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; text-decoration:none; color:#081f62; /* hover fade */ transition: 0.5s ease-out; }
@media (hover: hover) { #gnav li a:hover { color:#f5efd3; background-color:#081f62; } }
#top #gnav li:nth-child(1) a,
#cast #gnav li:nth-child(2) a,
#backnumber #gnav li:nth-child(4) a { color:#f5efd3; background-color:#081f62; }
/* coming */
#gnav li span { font-size:180%; display:block; width:100%; height:100%; padding:1.0em 0; box-sizing:border-box; border-radius:2.0em; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; text-decoration:none; color:#081f62; opacity:0.5; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#gnav-area { margin-bottom:5.0vw; }
#gnav { width:96%; margin:0 2%; }
#gnav li { padding:0.5em 0; }
#gnav li a { font-size:3.6vw; border-radius:1.0em; }
/* coming */
#gnav li span {  font-size:3.6vw; border-radius:1.0em; }

}


/*  Main
=============================================== */

#main { width:980px; margin:0 auto; }
#main .box { margin-bottom:30px; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#main { width:90%; margin:0 5%; }
#main .box { margin-bottom:5.0vw; }

}

.mainttl { margin-bottom:30px; text-align:center; color:#081f62; }
.mainttl-j { font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-size:300%; font-feature-settings:"palt"; margin-bottom:0.2em; text-shadow:0 0 10px #fff,0 0 10px #fff, 0 0 10px #fff; }
.mainttl-e { font-family:'Poppins', sans-serif; font-size:80%; letter-spacing:0.5em; text-indent:0.5em; text-shadow:0 0 10px #fff,0 0 10px #fff, 0 0 10px #fff; }
.box-body { padding:40px; background-color:#fff; box-shadow:0px 3px 10px rgba(0,0,0,0.1); }
.box-body .subttl { padding-bottom:0.5em; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; font-size:180%; line-height:160%; color:#081f62; text-align:center; }
/*.box-body .subttl > span { display:inline-block; }*/
.box-body .txt { line-height:180%; padding-bottom:0.8em; }
.box-body .part-box { padding-top:20px; }
.box-body .sbox { margin-bottom:30px; }
.box-body .sttl { background-color:#081f62; margin-bottom:1.0em; padding:0.5em; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; font-size:130%; line-height:140%; color:#f5efd3; }
.box-body .sttl2 { padding-bottom:0.5em; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; font-size:140%; line-height:160%; color:#081f62; text-align:center; }
.box-body .sbox .txt { margin:0 1%; }
.box-body .pic-box ul { text-align:center; /* for space */ font-size:0; }
.box-body .pic-box ul li { display:inline-block; vertical-align:top; /* for space */ font-size:1rem; }
.box-body .pic-box ul li .pic { position:relative; width:100%; height:0; padding-top:56.25%; background-color:#efefef; }
.box-body .pic-box ul li .pic span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.box-body .pic-box ul li .cap { padding-top:7px; font-size:85%; }

.box-body .column { border:#333 1px solid; margin-bottom:1.0em; padding:1.0em; }

.mov_yt { width:800px; margin:0 auto 20px auto; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

.modal-gallery { padding-bottom:20px; text-align:center; /* for space */ font-size:0; }
.modal-gallery li { display:inline-block; width:19%; margin:0 0.5% 10px 0.5%; vertical-align:middle; /* for space */ font-size:1rem; }
.modal-gallery li span { display:block; position:relative; width:100%; height:0; padding-top:100%; background-color:#333; }
.modal-gallery li span a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position: center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.modal-gallery-item .pic-box ul li { width:100%; margin:0 0 20px 0; }
.modal-gallery-item.modal-gallery-item-tate .pic-box ul li { width:66.66%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.mainttl { margin-bottom:5.0vw; }
.mainttl-j { font-size:200%; }
.mainttl-e { font-size:70%; }
.box-body { padding:4.0vw; }
.box-body .subttl { font-size:130%; }
.box-body .txt { font-size:90%; line-height:170%; }
.box-body .sbox { margin-bottom:5.0vw; }
.box-body .sttl { margin-bottom:0.7em; padding:0.5em; font-size:110%; }
.box-body .sttl2 { font-size:110%; }

.modal-gallery { padding-bottom:10px; }
.modal-gallery li { display:inline-block; width:32%; margin:0 0.666% 1.6vw 0.666%; }


}

@media all and (max-width: 500px) {

.box-body .pic-box ul li { /*width:80%!important; margin:0 10% 2.5vw 10%;*/ }

.modal-gallery-item .pic-box ul li { width:100%!important; margin:0 0 2.5vw 0!important; }

}

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.mov_yt { width:auto; }

}


#top-tw { width:80%; margin:0 10%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#top-tw { width:100%; margin:0; }

}


/*  Footer
=============================================== */

#f-bn1, #f-bn2 { text-align:center; margin-bottom:20px; }

#footer-area { padding:15px; text-align:center; background-color:#fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1); }
#footer-area a:hover { text-decoration:none; }
#f-copy { font-size:85%; line-height:140%; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#f-copy { font-size:75%; }

}


/* pagetop
-------------------------------- */

#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:3.0em; height:3.0em; border-radius:3.0em; background:url(../img/common/pagetop.png) center center no-repeat; background-size:cover; box-shadow:1px 1px 4px rgba(0,0,0,0.2); text-indent:-9999px; outline:none; }


/* ============================
	top css
============================ */

#pic-top-3s ul li { width:70%; margin:0 15% 20px 15%; }
#pic-top-3s .pic { padding-top:66.66%; }
#pic-top-3s p span { background-image:url(../img/top/pic_top_3s.jpg); }

#pic-top-ai ul li { width:70%; margin:0 15% 20px 15%; }
#pic-top-ai .pic { padding-top:60.111%; }
#pic-top-ai p span { background-image:url(../img/top/pic_top_ai.jpg); }

#pic-top-gold ul li { width:70%; margin:0 15% 20px 15%; }
#pic-top-gold .pic { padding-top:56.22%; }
#pic-top-gold p span { background-image:url(../img/top/pic_top_gold.jpg); }

.pic-top-cmt { padding-bottom:40px; }
.pic-top-cmt:after {content:"";clear:both;display:block;}
.pic-top-cmt-l { float:left; width:700px; }
#pic-top-cmt-chou .pic-top-cmt-l { width:100%; }
.pic-top-cmt-l .ttl { margin-bottom:15px; padding-bottom:15px; border-bottom:#ccc 1px solid; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; font-size:120%; line-height:120%; color:#081f62; }
.pic-top-cmt-r { float:right; width:180px; }
.pic-top-cmt-r .pic { position:relative; width:100%; height:0; padding-top:150%; background-color:#efefef; }
.pic-top-cmt-r .pic span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#pic-top-cmt-zenba .pic-top-cmt-r .pic span { background-image:url(../img/top/pic_top_cmt_zenba.jpg); }
#pic-top-cmt-nakata .pic-top-cmt-r .pic span { background-image:url(../img/top/pic_top_cmt_nakata.jpg); }
#pic-top-cmt-inoue .pic-top-cmt-r .pic span { background-image:url(../img/top/pic_top_cmt_inoue.jpg); }
#pic-top-cmt-chou .pic-top-cmt-r .pic span { background-image:url(../img/top/pic_top_cmt_chou.jpg); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#pic-top-3s ul li { width:100%; margin:0 0 20px 0; }

#pic-top-ai ul li { width:100%; margin:0 0 20px 0; }

.pic-top-cmt-l { float:none; width:auto; }
.pic-top-cmt-r { float:none; width:50%; margin:0 25%; }

}


/* ============================
	Cast css
============================ */

.cast-box { margin-top:30px; text-align:center; }

.cast-subttl { margin-bottom:15px; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-size:200%; color:#081f62; }
.cast-sttl { margin-bottom:10px; font-size:110%; color:#081f62; }
.cast-tbl { width:100%; text-align:center; }
.cast-tbl table { margin:auto; width:100%; }
.cast-tbl table th, .cast-tbl table td.name { padding:0.3em 0; font-size:110%; line-height:140%; }
.cast-tbl table th { width:45%; color:#081f62; text-align:right; vertical-align:top; }
.cast-tbl table td.name { width:55%; text-align:left; vertical-align:bottom; }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

.cast-subttl { font-size:170%; }
.cast-sttl { font-size:100%; }
.cast-tbl { text-align:left; }
.cast-tbl table { margin:0; }
.cast-tbl table th, .cast-tbl table td.name { width:100%; font-size:95%; clear:both; display:block; }
.cast-tbl table th { padding:0.2em 0 float:left; text-align:left; }
.cast-tbl table td.name { padding:0.2em 0 0.8em 0; }

}


/* ============================
	Backnumber css
============================ */

#bknm-link ul { text-align:center; /* for space */ font-size:0; }
#bknm-link ul li { display:inline-block; margin:1.0em 0.5em; vertical-align:middle; /* for space */ font-size:1rem; }
#bknm-link ul li a { display:inline-block; background-color:#081f62; color:#fff; padding:1.0em 1.5em; border-radius:2.0em; font-family:kinto-sans, sans-serif; font-weight:900; font-style:normal; font-feature-settings:"palt"; font-size:170%; text-decoration:none; /* hover fade */ transition: 0.5s ease-out; }
@media (hover: hover) { #bknm-link ul li a:hover { background-color:#f5efd3; color:#081f62; } }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {
#bknm-link ul { margin:0 -4.0vw; }
#bknm-link ul li { margin:0.5em 0.5em; }
#bknm-link ul li a { font-size:3.6vw; }

}


/*eof*/