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:url(../img/common/footer_bg.jpg) center top; }

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

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

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

a { color:#eb6c1c; }

.txtss { font-size:70%; }
.txts { font-size:80%; }
.txtb { font-size:120%; }

.br-nb { display:none; }

/* text-color */
.blue { color:#00b7d2; }
.green { color:#63a41f; }
.orange { color:#eb6c1c; }
.pink { color:#fc4c92; }
.purple {color:#a757a8; }
.yellow {color:#fbc300; }
.brown { color:#994500; }
.gold { color:#e4ad07; }
.red { color:#ab2b17; }
.gray { color:#888; }

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

@font-face {
  font-family: 'Poppins-Regular-Subset';
  src: url('../img/common/Poppins-Regular-Subset.ttf') format('truetype');
	   font-weight:normal;
}

.heysay { font-family:'Poppins-Regular-Subset', 'Artbank Gothic', 'Century Gothic', 'Futura', 'STSong', sans-serif; }

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

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

.br-nb { display:inline-block; }

}

/*media print*/
@media print {
.noprint {display:none !important;}
}

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

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

}



/* Header
================================================= */

#logo-area { background:url(../img/common/header_bg.png) center top repeat-x; background-size:contain; }
#logo-box { width:980px; margin:auto; }
#logo { position:relative; width:100%; height:0; padding-top:20.4%; }
#logo a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/common/logo2.png); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) {
  #logo a:hover { filter: blur(2px); animation-name:gnav-blur; animation-duration:0.5s; animation-timing-function:ease; animation-fill-mode:backwards; }
  @keyframes gnav-blur { 0% { filter: blur(0); } 100% { filter: blur(2px); } }
}

#gnav-area { background-color:#fedf32; }
#gnav { width:980px; margin:auto; }
#gnav ul { text-align:center; /* for space */ font-size:0; }
#gnav ul li { position:relative; height:110px; display:inline-block; /* for space */ font-size:1rem; }
#gnav ul li:nth-child(1) { width:111px; }
#gnav ul li:nth-child(2) { width:101px; }
#gnav ul li:nth-child(3) { width:93px; }
#gnav ul li:nth-child(4) { width:104px; }
#gnav ul li:nth-child(5) { width:172px; }
#gnav ul li:nth-child(6) { width:136px; }
#gnav ul li:nth-child(7) { width:137px; }
#gnav ul li:nth-child(8) { width:126px; }

#gnav ul li .gd { font-size:90%; position:absolute; top:-0.5em; width:100%; box-sizing:border-box; text-align:center; }
#gnav ul li .gd span { display:inline-block; padding:0.4em 0.5em 0.2em 0.5em; border-radius:0.8em; background-color:#ff0000; color:#ffe200; font-family:'Poppins', sans-serif; }
#gnav ul li:nth-child(1) .gd { padding-left:15px; }
#gnav ul li:nth-child(8) .gd { padding-right:10px; }
#gnav ul li .gc { width:100%; height:100%; }
#gnav ul li .gc a { display:block; width:100%; height:100%; background-image:url(../img/common/gnav.png); background-position:center center; background-repeat:no-repeat; background-size:auto 110px; text-indent:-9999px; outline:none; }
@media (hover: hover) {
  #gnav ul li .gc:hover { filter: blur(2px); animation-name:gnav-blur; animation-duration:0.5s; animation-timing-function:ease; animation-fill-mode:backwards; }
  @keyframes gnav-blur { 0% { filter: blur(0); } 100% { filter: blur(2px); } }
}
#gnav ul li:nth-child(1) .gc a { background-position:-0px 0; }
#gnav ul li:nth-child(2) .gc a { background-position:-111px 0; }
#gnav ul li:nth-child(3) .gc a { background-position:-212px 0; }
#gnav ul li:nth-child(4) .gc a { background-position:-305px 0; }
#gnav ul li:nth-child(5) .gc a { background-position:-409px 0; }
#gnav ul li:nth-child(6) .gc a { background-position:-581px 0; }
#gnav ul li:nth-child(7) .gc a { background-position:-717px 0; }
#gnav ul li:nth-child(8) .gc a { background-position:-854px 0; }


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

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

#logo-area { background:none; }
#logo-box { width:auto; }
#logo { padding-top:50%; }
#logo a { background-image:url(../img/common/logo2_smp.jpg); }


#gnav { width:auto; }
#gnav ul li { height:auto; }
#gnav ul li:nth-child(1) { width:18.4444444444444%; }
#gnav ul li:nth-child(2) { width:19.7777777777778%; }
#gnav ul li:nth-child(3) { width:18.2222222222222%; }
#gnav ul li:nth-child(4) { width:20%; }
#gnav ul li:nth-child(5) { width:31.7777777777778%; }
#gnav ul li:nth-child(6) { width:23.7777777777778%; }
#gnav ul li:nth-child(7) { width:23.8888888888889%; }
#gnav ul li:nth-child(8) { width:20.5555555555556%; }
#gnav ul li .gd { font-size:2.5vw; top:-0.8em; }
#gnav ul li:nth-child(1) .gd { padding-left:0; }
#gnav ul li:nth-child(8) .gd { padding-right:0; }
#gnav ul li .gc { position:relative; width:100%; height:0; }
#gnav ul li .gc a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center!important; background-repeat:no-repeat; background-size:cover;  text-indent:-9999px; outline:none; }
#gnav ul li:nth-child(1) .gc { padding-top:97.8915662650602%; }
#gnav ul li:nth-child(2) .gc { padding-top:91.2921348314607%; }
#gnav ul li:nth-child(3) .gc { padding-top:99.0853658536585%; }
#gnav ul li:nth-child(4) .gc { padding-top:90.2777777777778%; }
#gnav ul li:nth-child(5) .gc { padding-top:56.8181818181818%; }
#gnav ul li:nth-child(6) .gc { padding-top:75.9345794392523%; }
#gnav ul li:nth-child(7) .gc { padding-top:75.5813953488372%; }
#gnav ul li:nth-child(8) .gc { padding-top:87.8378378378378%; }
#gnav ul li:nth-child(1) .gc a { background-image:url(../img/common/gnav_smp1.png); }
#gnav ul li:nth-child(2) .gc a { background-image:url(../img/common/gnav_smp2.png); }
#gnav ul li:nth-child(3) .gc a { background-image:url(../img/common/gnav_smp3.png); }
#gnav ul li:nth-child(4) .gc a { background-image:url(../img/common/gnav_smp4.png); }
#gnav ul li:nth-child(5) .gc a { background-image:url(../img/common/gnav_smp5.png); }
#gnav ul li:nth-child(6) .gc a { background-image:url(../img/common/gnav_smp6.png); }
#gnav ul li:nth-child(7) .gc a { background-image:url(../img/common/gnav_smp7.png); }
#gnav ul li:nth-child(8) .gc a { background-image:url(../img/common/gnav_smp8.png); }
#gnav ul li:nth-child(5),
#gnav ul li:nth-child(6),
#gnav ul li:nth-child(7),
#gnav ul li:nth-child(8) { border-top:#e5cb00 1px solid; }

}



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

#container { background:url(../img/common/bg.png) center top; }
#pagebody { width:980px; margin:auto; background:url(../img/common/main_bg.jpg) center top no-repeat #fff; }
#mainttl { height:110px; background-position:center top; background-repeat:no-repeat; background-size:auto 110px; text-indent:-9999px; }
#main { padding:0 80px 80px 80px; }

.mov-box { width:640px; margin:auto; }
.mov-inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov-inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }

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

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

#pagebody { width:auto; background-size:100% auto; }
#mainttl { height:70px; background-size:auto 70px; }
#main { padding:0 15px 15px 15px; }

.mov-box { width:auto; }

}



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

/* -------------------- bottom area -------------------- */

#bottom-area { width:700px; margin:auto; padding:30px 0; }
#bottom-area:after {content:"";clear:both;display:block;}

#bottom-box-l { float:left; width:400px; padding-top:40px; text-align:center; }

#f-sns-link { /* for space */ font-size:0; }
#f-sns-link h2 { display:inline-block; vertical-align:top; margin:0 auto 10px auto; width:209px; height:62px; background:url(../img/common/sns_ttl.png) no-repeat; background-size:cover; text-align:left; text-indent:-9999px; }
#f-sns-link ul { display:inline-block; }
#f-sns-link ul li { display:inline-block; width:78px; margin-right:10px; vertical-align:top; /* for space */ font-size:1rem; }
#f-sns-link ul li:last-child { margin-right:0; }
#f-sns-link ul li a { display:block; width:78px; height:78px; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; box-shadow:1px 1px 2px rgba(0,0,0,0.2); text-indent:-9999px; }
#f-sns-link-tw a { background-image:url(../img/common/sns_btn_tw.png); }
#f-sns-link-insta a { background-image:url(../img/common/sns_btn_insta.png); }
#f-sns-link-line a { background-image:url(../img/common/sns_btn_line.png); }

#bn-rectangle { float:right; width:300px; }

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

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

#bottom-area { width:auto; padding:20px 0; }

#bottom-box-l { float:none; width:auto; padding-top:0; }

#f-sns-link { padding-bottom:20px; }
#f-sns-link h2 { display:block; }
#f-sns-link ul li { width:70px; }
#f-sns-link ul li a { width:70px; height:70px; }

#bn-rectangle { float:none; margin:0 auto; }

}

/* -------------------- footer area -------------------- */

#footer-area { padding:15px; font-size:90%; line-height:120%; text-align:center; color:#fff; }
#footer-area a:hover { text-decoration:none; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; }
#f-sns-tw { position:relative; top:3px; }

#pagetop { position:fixed; z-index:100; bottom:-300px; right:10px; padding-bottom:10px; }
#pagetop a { display:block; width:121px; height:217px; background:url(../img/common/pagetop.png) center center no-repeat; background-size:cover; text-indent:-9999px; outline:none; }


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

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

#footer-area { font-size:80%; }

#pagetop { right:5px; padding-bottom:5px; }
#pagetop a { width:60px; height:108px; }


}


/* Top
================================================= */

/* ------------ top-main ------------ */

#top-main-pic { width:980px; margin:0 auto 10px auto; animation: top-fadein 5s ease 0s 1 normal; }
@keyframes top-fadein { 0% {opacity: 0} 100% {opacity: 1} }
#top-main-pic h1 { position:relative; width:100%; height:0; padding-top:70.71425714%; }
#top-main-pic h1 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; }
#top-main-pic h1 span { background-image:url(../img/top/main/top_main_dvd.jpg); }


#top-cd-no { height:20px; }
#top-cd-no hr { display:none; }

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

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

#top-main-pic { width:auto; }

#top-cd-no { height:15px; }

}

/* ------------ top-countdown ------------ */

#top-cd { margin-bottom:10px; text-align:center; }
#countdown-unit { width:717px; margin:auto; /* for space */ font-size:0; }
#countdown-unit div img { position:absolute; top:0; left:0;}

.cd-t { display:inline-block; position:relative; vertical-align:middle;  /* for space */ font-size:1rem; }
.cd-t .cdtw1 { position:relative; display:block; width:100%; height:0; }
.cd-t .cdtw2 { 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; }

#cd-t-start { width:32.3570432357043%; }
#cd-t-day { width:4.18410041841004%; }
#cd-t-hour { width:9.06555090655509%; }
#cd-t-min { width:4.88145048814505%; }
#cd-t-sec { width:4.88145048814505%; }
#cd-t-start .cdtw1 { padding-top:32.3275862068966%; }
#cd-t-day .cdtw1 { padding-top:250%; }
#cd-t-hour .cdtw1 { padding-top:115.384615384615%; }
#cd-t-min .cdtw1 { padding-top:214.285714285714%; }
#cd-t-sec .cdtw1 { padding-top:214.285714285714%; }
#cd-t-start .cdtw2 { background-image:url(../img/top/cd/cd_t1.png); }
#cd-t-day .cdtw2 { background-image:url(../img/top/cd/cd_t2.png); }
#cd-t-hour .cdtw2 { background-image:url(../img/top/cd/cd_t3.png); }
#cd-t-min .cdtw2 { background-image:url(../img/top/cd/cd_t4.png); }
#cd-t-sec .cdtw2 { background-image:url(../img/top/cd/cd_t5.png); }

.cd-num-box { width:11.1576011157601%; font-size:0; line-height:0; background:url(../img/top/cd/cd_numbox.png) no-repeat; background-size:cover; }
.cd-num { display:inline-block; vertical-align:middle; position:relative; width:37.5%; overflow:hidden; }
.cd-num-box .cd-num:nth-child(1) { margin:14% 0 14% 12.5%; }
.cd-num-box .cd-num:nth-child(2) { margin:14% 10% 14% 2.5%; }
.cd-num .cdtw1 { position:relative; display:block; width:100%; height:0; padding-top:187.5%; }
.cd-num .cdtw2 { position:absolute; display:block; left:0; top:0; width:100%; height:1000%; background:url(../img/top/cd/cd_n.png) left top no-repeat; background-size:cover; text-indent:-9999px; }

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

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

#top-cd { margin-bottom:15px; }
#countdown-unit { width:94%; margin:0 3%; }
#top-cd::after { height:4px; }

}

/* ------------ top-box1 ------------ */

#top-box1 { width:980px; margin:0 auto; }
#top-box1:after {content:"";clear:both;display:block;}

#top-story { float:left; width:550px; }
#top-str-ttl a { display:block; height:102px; background:url(../img/top/story/story_ttl.png) center center no-repeat; background-size:auto 102px; text-indent:-9999px; }

.top-str-mov-box { position:relative; width:100%; height:0; padding-top:56.25%; }
.top-str-mov-box a, .top-str-mov-box 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; }
@media (hover: hover) { .top-str-mov-box a:hover { opacity:0.7; } }
#top-str-mov-v6.top-str-mov-box a { background-image:url(../img/top/story/top_story_mov_v6.jpg); }
#top-str-mov-v7.top-str-mov-box span { background-image:url(../img/top/story/top_story_mov_v7.jpg); }


#top-str-body { background-color:#fff; padding-top:1px; }
#top-str-date { margin:15px 0; text-align:center; font-family:'Poppins', sans-serif; font-size:180%; color:#000; }
#top-str-txt { padding:0 15px 15px 15px; }
#top-str-txt p { font-size:90%; line-height:150%; }
#top-str-btn-box { text-align:center; padding-bottom:15px; font-size:95%; }
#top-str-btn { width:12.0em; margin:auto; }
#top-str-btn a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#fedf32; outline:none; color:#000; text-decoration:none; font-weight:bold; }
#top-str-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { #top-str-btn a:hover { opacity:0.7; } }

#top-box1-r { float:right; width:410px; }

#top-sns-link { padding:16px 0; /* for space */ font-size:0; }
#top-sns-link h2 { display:inline-block; vertical-align:top; margin:10px 10px 10px 0; width:167px; height:50px; background:url(../img/common/sns_ttl.png) no-repeat; background-size:cover; text-align:left; text-indent:-9999px; }
#top-sns-link ul { display:inline-block; }
#top-sns-link ul li { display:inline-block; width:70px; margin-right:10px; vertical-align:top; /* for space */ font-size:1rem; }
#top-sns-link ul li:last-child { margin-right:0; }
#top-sns-link ul li a { display:block; width:70px; height:70px; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; box-shadow:1px 1px 2px rgba(0,0,0,0.2); text-indent:-9999px; }
#top-sns-link-tw a { background-image:url(../img/common/sns_btn_tw.png); }
#top-sns-link-insta a { background-image:url(../img/common/sns_btn_insta.png); }
#top-sns-link-line a { background-image:url(../img/common/sns_btn_line.png); }

#top #f-sns-link { display:none; }

#top-mov-ttl { background-color:#fedf32; }
#top-mov-ttl h2 { display:block; height:56px; background-image:url(../img/top/movie/movie_ttl1.png), url(../img/top/movie/movie_ttl2.png); background-position:center left, center right; background-repeat:no-repeat, no-repeat; background-size:auto 56px, auto 56px; text-indent:-9999px; }
#top-mov-list { position:relative; padding-bottom:40px; background-color:#fff; }
#top-mov-list ul { height:440px; overflow:hidden; }
#top-mov-list li { border-bottom:#ddd 1px solid; height:110px; box-sizing:border-box; }
#top-mov-list li a { clear:both; display:block; padding:10px; min-height:90px; text-decoration:none; }
@media (hover: hover) { #top-mov-list li a:hover { opacity:0.7; } }
#top-mov-list li a dt { float:left; width:160px; background-color:#efefef; }
#top-mov-list li a dt .tmb { display:block; width:160px; height:90px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#top-mov-list li a dd { padding-left:170px; }
#top-mov-list li a dd .date { display:inline-block; margin-bottom:3px; padding:4px 4px 2px 4px; background-color:#000; color:#fedf32; font-family:'Poppins', sans-serif; font-size:12px; }
#top-mov-list li a dd .txt { display:inline-block; color:#000; font-size:14px; line-height:17px; }
#top-mov-list .slick-arrow { position:absolute; bottom:6px; width:30px; height:30px; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; /* reset */ background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; appearance:none; text-indent: -9999px;  }
#top-mov-list .slick-prev { right:45px; z-index:12; background-image:url(../img/top/ar_mov_2.png); }
#top-mov-list .slick-next { right:10px; z-index:13; background-image:url(../img/top/ar_mov_1.png); }
@media (hover: hover) { #top-mov-list .slick-arrow:hover { opacity:0.5; } }


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

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

#top-box1 { width:auto; margin:0; }

#top-story { float:none; width:auto; }
#top-str-ttl a { height:80px; background-size:auto 80px; }

#top-box1-r { float:none; width:auto; }

#top-str-date { margin:10px 0; font-size:140%; }

#top-str-btn-box { font-size:85%; }
#top-str-btn { width:70%; margin:0 15%; }

#top-sns-link { display:none; }
#top #f-sns-link { display:block; margin:15px auto 0 auto; width:300px; background-color:#fff; border-radius:20px; text-align:center; padding-top:15px; }
#top #f-sns-link h2 { margin:0 auto 10px auto; width:167px; height:50px; }
#top #f-sns-link ul li { width:70px; }
#top #f-sns-link ul li a { width:70px; height:70px; }

#top-mov-list ul { height:330px; }
#top-mov-list li a dd .txt { -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-size:13px; }
}

/* ------------ top-topics ------------ */

#top-topics { width:888px; margin:0 auto 30px auto; text-align:center; }

#top-topics-ttl h2 { display:block; height:135px; background:url(../img/top/topics/topics_ttl.png) center center no-repeat; background-size:auto 135px; text-indent:-9999px; }

#top-topics-list { position:relative; }
#top-topics-list ul { overflow:hidden; text-align:center; /* for space */ font-size:0; }
#top-topics-list ul li { display:inline-block; width:280px; margin:0 12px; vertical-align:top; background-color:#fff; /* for space */ font-size:1rem; }
#top-topics-list ul li a { display:block; width:100%; height:100%; text-align:left; text-decoration:none; }
@media (hover: hover) { #top-topics-list ul li a:hover { opacity:0.7; } }
#top-topics-list ul li a dt .tmb { display:block; width:280px; height:158px; background-color:#efefef; }
#top-topics-list ul li a dt .tmb img { width:100%; height:100%; border:0; margin:0; padding:0; }
#top-topics-list ul li a dd { background-color:#fff; padding:10px; }
#top-topics-list ul li a dd .date { display:inline-block; margin-bottom:0.2em; padding:0.25em 0.3em 0.15em 0.3em; background-color:#000; color:#fedf32; font-family:'Poppins', sans-serif; font-size:90%; }
#top-topics-list ul li a dd .txt { display:block; color:#000; font-size:90%; line-height:140%; }

#top-topics-list .slick-arrow { position:absolute; top:0; width:46px; height:100%; background-position:center center; background-repeat:no-repeat; background-size:50% auto; text-indent:-9999px; /* reset */ background-color:transparent; border:none; cursor:pointer; outline:none; padding:0; appearance:none; text-indent: -9999px;  }
#top-topics-list .slick-prev { left:-46px; z-index:12; background-image:url(../img/top/ar_l.png); }
#top-topics-list .slick-next { right:-46px; z-index:13; background-image:url(../img/top/ar_r.png); }
@media (hover: hover) { #top-topics-list .slick-arrow:hover { opacity:0.5; } }


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

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

#top-topics { width:100%; margin-bottom:20px; }
#top-topics-ttl h2 { height:100px; background-size:auto 100px; }

#top-topics-list ul li { width:200px; margin:0 7px; }
#top-topics-list ul li a dt .tmb { width:200px; height:113px; }
#top-topics-list ul li a dd .date { font-size:80%; }
#top-topics-list ul li a dd .txt { font-size:80%; }

#top-topics-list .slick-arrow { width:40px; background-color:rgba(255,255,255,0.5); }
#top-topics-list .slick-prev { left:0; }
#top-topics-list .slick-next { right:0; }
}

/* ------------ top-sns-area ------------ */

#top-sns-area { width:980px; margin:0 auto 30px auto; }
#top-sns-area:after {content:"";clear:both;display:block;}
#top-sns-tw { float:left; width:620px; }
#top-sns-tw-ttl { width:620px; height:68px; }
#top-sns-tw-ttl a { display:block; width:100%; height:100%; background:url(../img/top/sns/sns_ttl_tw.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #top-sns-tw-ttl a:hover { opacity:0.7; } }
#top-sns-r { float:right; width:340px; }
#top-sns-insta,
#top-sns-line { width:340px; height:145px; background-color:#efefef; }
#top-sns-insta { margin-bottom:20px; }
#top-sns-insta a,
#top-sns-line a { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; outline:none; }
@media (hover: hover) { #top-sns-insta a:hover, #top-sns-line a:hover { opacity:0.7; } }

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

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

#top-sns-area { display:none; }

}

/* ------------ top-banner ------------ */

#top-banner { width:980px; margin:0 auto -25px auto; }
#top-banner ul { text-align:center; /* for space */ font-size:0; }
#top-banner ul li { display:inline-block; width:310px; margin:0 25px 25px 0; vertical-align:middle; background-color:#efefef; /* for space */ font-size:1rem; }
#top-banner ul li:nth-child(3n) { margin:0 0 25px 0; }
#top-banner ul li p { position:relative; width:100%; height:0; padding-top:41.93548387%; }
#top-banner ul li p 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; outline:none; }
#top-banner ul li p a .date { position:absolute; display:block; z-index:10; bottom:0.6em;bottom:-0.3em; right:0.6em; width:5.0em; text-align:center; padding:0.4em 0.5em 0.2em 0.5em; border-radius:0.8em; background-color:#ff0000; color:#ffe200; font-family:'Poppins', sans-serif;text-indent:0; }
@media (hover: hover) { #top-banner ul li p a:hover { opacity:0.7; } }

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

@media all and (min-width: 768px) {
#top-banner ul li:last-child { margin-left:25px; }
}

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

#top-banner { width:95%; margin:0 2.5% 15px 2.5%; }
#top-banner ul li,
#top-banner ul li:nth-child(3n) { width:48.75%; margin:0 2.5% 2.2vw 0; }
#top-banner ul li:nth-child(2n) { margin:0 0 2.2vw 0; }

/* #top-banner ul li.mshindan { margin-left:23.125%;margin-right:23.125%; }
#top-banner ul li.mshindan p a .date { bottom:-0.2em; right:0.6em; }

#top-banner ul li.mparavi { margin-right:2.5%; } */
#top-banner ul li:last-child { margin-right:0; }

#top-banner ul li p a .date { font-size:2.7vw; }

}

/* ------------ top-bottom ------------ */

#top #bottom-area { width:850px; }
#top-footer-logo { float:left; width:498px; height:210px; background:url(../img/top/top_footer_logo.png) no-repeat; }

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

#top #bn-rectangle { margin:auto; }

#top-banner2 { width:96%; margin:0 2% 15px 2%; }
#top-banner2 ul li { width:48%; }

}

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

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

#top #bottom-area { width:auto; padding-top:0; }
#top-footer-logo { display:none; }

}

/*media print*/
@media print {
#top-main, #top-movie, #top-topics, #top-banner {display:none !important;}
}


@media all and (min-width: 768px) {
#top-movie div.top-mov-end {
width:410px;
height:476px;
background-image:url(../img/top/movie/top_mov_end_pc.png);
background-repeat:no-repeat;
background-position:center top;
background-color:#fff;
}
}
@media all and (max-width: 767px) {
#top-movie {
display:none !important;
}
}


/* Intro
================================================= */

#intro #mainttl { background-image:url(../img/intro/main_ttl.png); }

.intro-box { margin-bottom:30px; padding-bottom:30px; border-bottom:#ddd 1px solid; text-align:center; }
#intro-chpt4.intro-box { margin-bottom:0; padding-bottom:30px; border-bottom:none; }

.intro-copy { margin:0 auto 20px auto; font-size:130%; line-height:160%; font-weight:bold; }
.intro-b { font-size:130%; }
.br-pc { display:inline-block; }
.br-sp { display:none; }

.intro-pic-box { margin-bottom:20px; }
.intro-pic { margin:auto; background-color:#efefef; }
.intro-pic p { position:relative; width:100%; height:0; border:#fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 6px rgba(0,0,0,0.2); }
.intro-pic p 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; }

#intro-pic1 .intro-pic { width:700px; }
#intro-pic1 .intro-pic p { padding-top:calc( 637% / 820 * 100 ); }
#intro-pic2 .intro-pic { width:700px; }
#intro-pic2 .intro-pic p { padding-top:calc( 546% / 820 * 100 ); }
#intro-pic3 .intro-pic { width:700px; }
#intro-pic3 .intro-pic p { padding-top:calc( 547% / 820 * 100 ); }
#intro-pic4 .intro-pic { width:350px; }
#intro-pic4 .intro-pic p { padding-top:calc( 751% / 500 * 100 ); }

.intro-txt { text-align:left; font-size:90%; line-height:180%; }

#intro-btn-box { text-align:center; font-size:130%; }
#intro-btn { width:15.0em; margin:auto; }
#intro-btn a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#fedf32; outline:none; color:#000; text-decoration:none; font-weight:bold; }
#intro-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { #intro-btn a:hover { opacity:0.7; } }
.intro-btn-cmt #intro-btn a::before { transform: rotate(180deg); }

.intro-cmt-box { margin-bottom:30px; padding:20px 25px; border:#fedf32 5px solid; }
.intro-cmt-name { margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd 1px solid; font-size:140%; line-height:140%; }

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

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

.intro-box { margin-bottom:15px; padding-bottom:15px; }
#intro-chpt4.intro-box { margin-bottom:0; padding-bottom:15px; border-bottom:none; }

.intro-copy { margin:0 auto 10px auto; font-size:110%; }
.br-pc { display:none; }
.br-sp { display:inline-block; }

#intro-pic1 .intro-pic,
#intro-pic2 .intro-pic,
#intro-pic3 .intro-pic{ width:90%; margin:0 5%; }
#intro-pic4 .intro-pic { width:50%; margin:0 25%; }

.intro-txt { font-size:80%; line-height:160%; }

#intro-btn-box { font-size:100%; }
#intro-btn { width:70%; margin:0 15%; }

.intro-cmt-box { margin-bottom:15px; padding:10px; border:#fedf32 3px solid; }
.intro-cmt-name { margin-bottom:7px; padding-bottom:7px; font-size:110%; }

}


/* Story
================================================= */

#story #mainttl { background-image:url(../img/story/main_ttl.png); }

#str-date { margin:20px 0; text-align:center; font-family:'Poppins', sans-serif; font-size:250%; color:#000; }
.vol { display:inline-block; margin-right:0.3em; padding:0.25em 0.3em 0.15em 0.3em; background-color:#000; font-size:80%; color:#fedf32; vertical-align:bottom; }
.vol .hash { font-size:60%; }

.str-mov { margin-bottom:20px; }
.str-txt { margin-bottom:20px; font-size:95%; line-height:180%; }

.str-pic-box { margin-bottom:40px; /* for space */ font-size:0; }
.str-pic-box li { display:inline-block; width:48%; margin:0 4% 0 0; vertical-align:middle; background-color:#efefef; /* for space */ font-size:1rem; }
.str-pic-box li:last-child { margin:0; }
.str-pic-box li p { position:relative; width:100%; height:0; padding-top:66.666%; }
.str-pic-box li p 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; }

#str-bknm h2 { margin-bottom:20px; padding:0.5em; background-color:#fedf32; font-size:140%; font-family:'Poppins', sans-serif; color:#000; }

#str-bknm ul { /* for space */ font-size:0; }
#str-bknm ul li { display:inline-block; width:32%; margin-right:2%; margin-bottom:2%;vertical-align:top; /* for space */ font-size:1rem; }
@media (hover: hover) { #str-bknm ul li:hover { opacity:0.7; } }
#str-bknm ul li:nth-child(3n) { margin-right:0; }
#str-bknm ul li p { position:relative; width:100%; height:0; padding-top:66.666%; background-color:#efefef; }
#str-bknm ul li p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; }
#str-bknm ul li p .vol { position:absolute; z-index:2; font-size:130%; font-family:'Poppins', sans-serif; }
#str-bknm ul li p .pic { position:absolute; z-index:1; display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }


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

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

#str-date { margin:15px 0; font-size:180%; }

.str-mov { margin-bottom:15px; }
.str-txt { margin-bottom:15px; font-size:85%; }

.str-pic-box { margin-bottom:10px; }
.str-pic-box li,
.str-pic-box li:last-child { width:80%; margin:0 10% 4.0vw 10%; }

#str-bknm h2 { margin-bottom:10px; font-size:110%; }
#str-bknm ul li p .vol { font-size:3.3vw; }

}


/*media print*/
@media print {
#str-bknm ul li {display:none !important;}
}


/* News
================================================= */

#news #mainttl { background-image:url(../img/news/main_ttl.png); }

.nw-box { margin-bottom:30px; }
.nw-hd { margin-bottom:20px; padding:15px; border-radius:10px; background-color:#fedf32; }
.nw-date { margin-bottom:5px; font-family:'Poppins', sans-serif; }
.nw-ttl { font-size:120%; line-height:140%; }

.nw-txt { font-size:90%; line-height:160%; margin-bottom:20px; }
.nw-txt-s { font-size:80%; line-height:160%; margin-bottom:20px; }
.nw-copy { font-size:120%; line-height:160%; margin-bottom:20px; font-weight:bold; text-align:center; }

.nw-column { padding:20px 20px 0 20px; border:#efefef 5px solid; }

.nw-column2 { margin-bottom:20px; padding:20px 20px 20px 20px; background-color:#efefef; }

.nw-list1,
.nw-list2 { padding-left:1.0em; font-size:90%; line-height:140%; }
.nw-list1 li,
.nw-list2 li { padding-bottom:0.3em; text-indent:-1.0em; }
.nw-list1 { margin:-10px 0 0 0; }
.nw-list2 { margin:-10px 0 20px 0; }

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

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

.nw-hd { padding:10px; border-radius:10px; }
.nw-date { margin-bottom:3px; font-size:80%; }
.nw-ttl { font-size:90%; }

.nw-txt { font-size:80%; line-height:150%; margin-bottom:10px; }
.nw-txt-s { font-size:70%; line-height:150%; margin-bottom:10px; }
.nw-copy { font-size:90%; line-height:150%; margin-bottom:10px; }

.nw-column { padding:10px 10px 0 10px; border:#efefef 3px solid; }

.nw-goods-col { margin-bottom:10px; }
.nw-goods-name { font-size:90%; line-height:150%; }

.nw-column2 { margin-bottom:10px; padding:10px; }

.nw-list1,
.nw-list2 { font-size:80%; }
.nw-list1 { margin:0; }
.nw-list2 { margin:0 0 10px 0; }

}

/* 20200821 */

.nw-goods-col { margin-bottom:20px; border-bottom:#ddd 1px solid; }
.nw-goods-name { font-size:110%; line-height:160%; margin-bottom:10px; font-weight:bold; text-align:center; }

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

.nw-goods-col { margin-bottom:10px; }
.nw-goods-name { font-size:90%; line-height:150%; }

}

/* 20200826 */

.nw-table1 { margin:-20px 0 20px 0; font-size:90%; line-height:140%; }
.nw-table1 td { padding:0.3em 0.5em; vertical-align:top; }

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

.nw-table1 { margin:-10px 0 10px 0; font-size:80%; }

}

/* 20200910 */

#nw-paravi-btn { margin-bottom:20px; text-align:center; }
#nw-paravi-btn ul { margin-top:-10px; /* for space */ font-size:0; }
#nw-paravi-btn ul li { display:inline-block; margin:0 5px 10px 5px; width:12.0em; vertical-align:middle; /* for space */ font-size:1rem; }
#nw-paravi-btn ul li a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#fedf32; outline:none; color:#000; text-decoration:none; font-weight:bold; font-size:90%; }
#nw-paravi-btn ul li a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { #nw-paravi-btn ul li a:hover { opacity:0.7; } }

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

#nw-paravi-btn ul { margin-top:0px; }
#nw-paravi-btn ul li { width:48%; margin:0 1% 2.0vw 1%; }
#nw-paravi-btn ul li a { font-size:80%; }

}

/* Bansen
================================================= */

.nw-bansen { line-height:160%; margin-bottom:10px; }
.bnsn-time { font-size:90%; font-weight:bold; }
.bnsn-title { font-size:110%; font-weight:bold; }
.bnsn-time { color:#eb6c1c; }
.bnsn-title { color:#63a41f; }
.bnsn-txt { font-size:90%; }
#bnsn-notice { font-size:80%; line-height:140%; }

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

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

.nw-bansen { line-height:140%; }
.bnsn-time { font-size:80%; }
.bnsn-title { font-size:100%; }
.bnsn-txt { font-size:80%; }
#bnsn-notice { font-size:70%; }

}



/* Button
================================================= */

.nw-btn-box { margin-bottom:20px; text-align:center; font-size:130%; }
.nw-btn { margin:auto; }
.nw-btn a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#fedf32; outline:none; color:#000; text-decoration:none; font-weight:bold; }
.nw-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { .nw-btn a:hover { opacity:0.7; } }

#nw-btn-20200821 { margin-bottom:10px; }
#nw-btn-20200821 .nw-btn { width:15.0em; }

#nw-btn-20201016a { margin-bottom:10px; }
#nw-btn-20201016a .nw-btn { width:15.0em; }

#nw-btn-20201016b { margin-bottom:10px; }
#nw-btn-20201016b .nw-btn { width:15.0em; }

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

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

.nw-btn-box { font-size:100%; }

#nw-btn-20200821 .nw-btn { width:70%; margin:0 15%; }

}


/* Picture
================================================= */

.nw-pic-box { margin-bottom:20px; }
.nw-pic { background-color:#efefef; }
.nw-pic p { position:relative; width:100%; height:0; }
.nw-pic p 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; }
.nw-pic-cap { margin-top:7px; text-align:center; font-size:80%; line-height:140%; }

.nw-pic-sbs { width:94%; margin:0 3%; }
.nw-pic-sbs:after {content:"";clear:both;display:block;}
.nw-pic-sbs .nw-pic-box { float:left; }

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

.nw-pic-cap { font-size:70%; }

}

/* 20200817 */

#nw-pic-20200817 .nw-pic { width:70%; margin:0 15%; }
#nw-pic-20200817 .nw-pic p { padding-top:70.666%; }

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

#nw-pic-20200817 .nw-pic { width:94%; margin:0 3%; }

}

/* 20200821 */

#nw-pic-20200821-1 .nw-pic { width:60%; margin:0 20%; }
#nw-pic-20200821-1 .nw-pic p { padding-top:100%; }
#nw-pic-20200821-2 .nw-pic { width:80%; margin:0 10%; }
#nw-pic-20200821-2 .nw-pic p { padding-top:75%; }
#nw-pic-20200821-3 .nw-pic { width:80%; margin:0 10%; }
#nw-pic-20200821-3 .nw-pic p { padding-top:93.75%; }

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

#nw-pic-20200821-1 .nw-pic { width:74%; margin:0 13%; }
#nw-pic-20200821-2 .nw-pic { width:90%; margin:0 5%; }
#nw-pic-20200821-3 .nw-pic { width:90%; margin:0 5%; }

}

/* 20200826 */

#nw-pic-20200826 .nw-pic { width:70%; margin:0 15%; }
#nw-pic-20200826 .nw-pic p { padding-top:56.25%; }

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

#nw-pic-20200826 .nw-pic { width:94%; margin:0 3%; }

}

/* 20200903 */

#nw-pic-20200903 .nw-pic { width:100%; margin:0 0; }
#nw-pic-20200903 .nw-pic p { padding-top:39.66666%; }

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

#nw-pic-20200903 .nw-pic { width:100%; margin:0 0; }

}

/* 20200904 */

#nw-pic-20200904-1 .nw-pic { width:25%; margin:0 37.5%; }
#nw-pic-20200904-1 .nw-pic p { padding-top:100%; }
#nw-pic-20200904-2,
#nw-pic-20200904-3 { width:48%; margin:0 1%; }
#nw-pic-20200904-2 .nw-pic,
#nw-pic-20200904-3 .nw-pic { width:100%; margin:0 0; }
#nw-pic-20200904-2 .nw-pic p,
#nw-pic-20200904-3 .nw-pic p { padding-top:138.18%; }

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

#nw-pic-20200904-1 .nw-pic { width:20%; margin:0 40%; }
#nw-pic-20200904-2,
#nw-pic-20200904-3 { width:90%; margin:0 5% 10px 5%; }
#nw-pic-20200904-2 .nw-pic,
#nw-pic-20200904-3 .nw-pic { width:100%; margin:0 0; }

}

/* 20200907 */

#nw-pic-20200907 .nw-pic { width:100%; margin:0 0; }
#nw-pic-20200907 .nw-pic p { padding-top:34.777777777%; }

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

#nw-pic-20200907 .nw-pic { width:100%; margin:0 0; }

}

/* 20200910 */

#nw-pic-20200910 .nw-pic { width:70%; margin:0 15%; }
#nw-pic-20200910 .nw-pic p { padding-top:70.666%; }

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

#nw-pic-20200910 .nw-pic { width:94%; margin:0 3%; }

}

/* 20200917 */

#nw-pic-20200917 .nw-pic { width:80%; margin:0 10%; }
#nw-pic-20200917 .nw-pic p { padding-top:41.1602209944751%; }

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

#nw-pic-20200917 .nw-pic { width:94%; margin:0 3%; }

}

/* 20200925 */

#nw-pic-20200925a .nw-pic { width:70%; margin:0 15%; }
#nw-pic-20200925a .nw-pic p { padding-top:70.666%; }

#nw-pic-20200925 .nw-pic { width:100%; margin:0 0; }
#nw-pic-20200925 .nw-pic p { padding-top:39.66666%; }

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

#nw-pic-20200925a .nw-pic { width:94%; margin:0 3%; }
#nw-pic-20200925 .nw-pic { width:100%; margin:0 0; }

}

/* 20201001 */

#nw-pic-20201001 .nw-pic { width:70%; margin:0 15%; }
#nw-pic-20201001 .nw-pic p { padding-top:70.666%; }

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

#nw-pic-20201001 .nw-pic { width:94%; margin:0 3%; }

}

/* 20201002 */

#nw-pic-20201002 .nw-pic { width:70%; margin:0 15%; }
#nw-pic-20201002 .nw-pic p { padding-top:66.666666666666667%; }

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

#nw-pic-20201002 .nw-pic { width:94%; margin:0 3%; }

}

/* 20201002a */

#nw-pic-20201002a .nw-pic { width:60%; margin:0 20%;
webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
box-shadow: 1px 1px 3px rgba(0,0,0,0.15);
}
#nw-pic-20201002a .nw-pic p { padding-top:98.8888888888889%; }

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

#nw-pic-20201002a .nw-pic { width:70%; margin:0 15%; }

}


/* 20201009 */

#nw-pic-20201009 .nw-pic { width:90%; margin:0 5%; }
#nw-pic-20201009 .nw-pic p { padding-top:67.1666666666667%; }

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

#nw-pic-20201009 .nw-pic { width:94%; margin:0 3%; }

}


/* 20201016 */

#nw-pic-20201016 .nw-pic { width:90%; margin:0 5%; }
#nw-pic-20201016 .nw-pic p { padding-top:67.1666666666667%; }

section.items {
background-color:#fff5c2;
}
section.items h3 {
line-height:1.5;
margin-bottom:0.5em;
}
section.items table th, section.items table td {
line-height:1.5;
vertical-align:top;
text-align:left;
}
@media all and (min-width: 768px) {
section.items {
padding:24px;
margin-bottom:12px;
}
section.items table th, section.items table td {
font-size:87.5%;
}
}
@media all and (max-width: 767px) {
#nw-pic-20201016 .nw-pic { width:94%; margin:0 3%; }
section.items {
padding:12px;
margin-bottom:6px;
}
section.items h3 {
font-size:87.5%;
}
section.items table th, section.items table td {
font-size:83%;
}
}

/*eof*/

/* Chart
================================================= */

#chart #mainttl { background-image:url(../img/chart/main_ttl.png); }

#chart #main { padding:0 40px 40px 40px; }

.diagram { position:relative; width:900px; height:1110px; background:url(../img/chart/chart_dgm3.jpg) left top no-repeat; }

.diagram ul { list-style-type:none; }
.diagram ul li { position:absolute; }
.diagram ul li a { display:block; border-radius:5px; }
.diagram ul li a:hover { display:block; background-color:rgba(255,255,255,0.3); }

.diagram ul li#cht-kanzaki { top:270px; left:360px; }
.diagram ul li#cht-kuroki { top:270px; left:640px; }
.diagram ul li#cht-woman { top:180px; left:60px; }
.diagram ul li#cht-morohoshi { top:570px; left:670px; }
.diagram ul li#cht-ishidate { top:570px; left:80px; }
.diagram ul li#cht-kimura { top:570px; left:460px; }
.diagram ul li#cht-suenaga { top:570px; left:270px; }
.diagram ul li#cht-kenzo { top:30px; left:520px; }
.diagram ul li#cht-sawanobori { top:830px; left:670px; }

.diagram ul li#cht-kanzaki a,
.diagram ul li#cht-kuroki a { width:190px; height:270px; }
.diagram ul li#cht-woman a,
.diagram ul li#cht-morohoshi a,
.diagram ul li#cht-ishidate a,
.diagram ul li#cht-kimura a,
.diagram ul li#cht-suenaga a,
.diagram ul li#cht-kenzo a,
.diagram ul li#cht-sawanobori a { width:160px; height:220px; }

.cht-box { position:absolute; left:50%; z-index:10000!important; width:650px; box-sizing:border-box; margin-left:-325px; padding:10px; background-color:rgba(254,223,55,0.8); }
.cht-box-inner { position:relative; padding:20px; box-sizing:border-box; background-color:#fedf32; }
.cht-box-inner:after {content:"";clear:both;display:block;}

.cht-box-pic { float:left; width:200px; height:260px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }
.cht-box-pic p { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.cht-box-r { float:right; width:370px; }
.cht-box-name { margin-bottom:15px; background-color:#000; font-weight:bold; padding:10px; }
.cht-box-name:after {content:"";clear:both;display:block;}
.nm-role { display:inline-block; font-size:150%; vertical-align:top; color:#fff; }
.nm-age { font-size:60%; }
.nm-real { float:right; display:inline-block; font-size:120%; line-height:150%; color:#fedf32; }

.cht-box-txt { line-height:160%; }

.cht-btn-close { position:absolute; bottom:20px; right:20px; width:82px; height:19px; }
.cht-btn-close a { display:block; width:82px; height:19px; background:url(../img/chart/chart_close.png) no-repeat; background-size:cover; }

#cht-p-kanzaki .cht-box-pic p { background-image:url(../img/chart/chart_pic_kanzaki.jpg); }
#cht-p-kuroki .cht-box-pic p { background-image:url(../img/chart/chart_pic_kuroki.jpg); }
#cht-p-woman .cht-box-pic p { background-image:url(../img/chart/chart_pic_ujihara.jpg); }
#cht-p-morohoshi .cht-box-pic p { background-image:url(../img/chart/chart_pic_morohoshi.jpg); }
#cht-p-ishidate .cht-box-pic p { background-image:url(../img/chart/chart_pic_ishidate.jpg); }
#cht-p-kimura .cht-box-pic p { background-image:url(../img/chart/chart_pic_kimura.jpg); }
#cht-p-suenaga .cht-box-pic p { background-image:url(../img/chart/chart_pic_suenaga.jpg); }
#cht-p-kenzo .cht-box-pic p { background-image:url(../img/chart/chart_pic_kenzo.jpg); }
#cht-p-sawanobori .cht-box-pic p { background-image:url(../img/chart/chart_pic_sawanobori.jpg); }

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

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

#chart #main { padding:0 5px 5px 5px; }

.diagram { background-size:cover; width:auto; height:0; padding-top:123.33333%; }
.diagram div.diagram-inner { position: absolute; left:0; top:0; width:100%; height:100%; }

.cht-box { width:auto; height:auto; left:auto; margin:4.0vw 5%; padding:5px; }
.cht-box-inner { padding:10px; }

.cht-box-pic { float:none; margin:0 auto 15px auto; }
.cht-box-r { float:none; width:auto; }

.cht-box-name { margin-bottom:10px; padding:7px; font-size:85%; }

.cht-box-txt { font-size:85%; }

.cht-btn-close { position:relative; margin:10px 0 0 0; bottom:0; right:0; width:auto; height:auto; text-align:center; }
.cht-btn-close a { margin:auto; }

}


/*media print*/
@media print {
#chart .diagram,
.cht-box-pic {display:none !important;}
}


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

#cast #mainttl { background-image:url(../img/cast/main_ttl.png); }

.cst-box { margin-top:40px; }

.cst-subttl { margin-bottom:20px; padding-bottom:10px; border-bottom:#ddd 2px solid; }
.cst-subttl h2 { text-align:center; font-family:'Poppins', sans-serif; font-size:250%; color:#eb6c1c; font-weight:normal; }

.cst-tbl { width:100%; text-align:center; }
.cst-tbl table { margin:auto; }
.cst-tbl table th, .cst-tbl table td { padding:0.3em 0; font-size:110%; line-height:140%; }
.cst-tbl table th { color:#eb6c1c; text-align:right; vertical-align:top; }
#cst-cst .cst-tbl table td.tbl-dtln { padding:0.5em 0.3em 0.1em 0.3em; color:#eb6c1c; }
#cst-stf .cst-tbl table td.tbl-dtln { padding:0.3em 0.3em; color:#eb6c1c; vertical-align:top; }
.cst-tbl table td.tbl-nm { padding:0.3em 0 0.3em 0; text-align:left; vertical-align:bottom; }
.cst-tbl table th.tbl-guest { text-align:center; padding-top:0.8em; }
.cst-tbl table th, .cst-tbl table td.tbl-nm { min-width:9.0em; }

#cst-cst table th,
#cst-cst table td.tbl-nm { width:17em; }
#cst-stf table td.tbl-nm { width:31em; }

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

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

.cst-box { margin-top:20px; }

#cst-stf .cst-tbl,
#cst-sv .cst-tbl { text-align:left; }
#cst-stf .cst-tbl table,
#cst-sv .cst-tbl table { margin:0; }
.cst-tbl table th, .cst-tbl table td { font-size:95%; }
#cst-stf table th,
#cst-sv table th { clear:both; display:block; float:left; padding:0 0 0.2em 0; text-align:left; min-width:2.0em; }
#cst-stf table td.tbl-dtln,
#cst-sv table td.tbl-dtln { display:block; float:left; padding:0 0 0.2em 0.2em; }
#cst-stf table td.tbl-nm,
#cst-sv table td.tbl-nm { clear:both; display:block; padding:0 0 0.6em 1em; width:auto; }

.cst-subttl { margin-bottom:10px; padding-bottom:5px; }
.cst-subttl h2 { font-size:150%;; }

}


/* Original
================================================= */

#original #mainttl { background-image:url(../img/original/main_ttl.png); }

#org-pic { width:60%; margin:0 20% 20px 20%; }
#org-pic p { position:relative; width:100%; height:0; padding-top:138.63%; }
#org-pic p 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; }

#org-str { margin:0 30px 30px 30px; }
#org-str-ttl { margin-bottom:10px; text-align:center; font-family:'Poppins', sans-serif; font-size:250%; color:#f1114c; font-weight:normal; }
#org-str-txt { line-height:170%; }

#org-cmt { border:#efefef 10px solid; padding:20px; }
#org-cmt-ttl { margin-bottom:15px; padding-bottom:10px; border-bottom:#efefef 1px solid; text-align:center; font-size:140%; color:#f1114c; }
#org-cmt-txt { line-height:170%; }

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

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

#org-str { margin:0 10px 10px 10px; }
#org-str-ttl { margin-bottom:5px; font-size:150%;; }
#org-str-txt { font-size:85%; line-height:160%; }

#org-cmt { border:#efefef 5px solid; padding:10px; }
#org-cmt-ttl { margin-bottom:10px; padding-bottom:7px; font-size:110%; }
#org-cmt-txt { font-size:85%; line-height:160%; }

}


/* BBS
=================================== */

#bbs #mainttl { background-image:url(../img/bbs/main_ttl.png); }

#bbs-ent-ttl { text-align:center; margin-bottom:1.0em; padding:0.5em 0; border-top:#eb6c1c 2px dotted; border-bottom:#eb6c1c 2px dotted; }
#bbs-ent-ttl h2 { color:#eb6c1c; font-size:120%; line-height:140%; }

#bbs-ent-list ul { margin-bottom:20px; padding-left:1.0em; }
#bbs-ent-list ul li { font-size:95%; line-height:140%; padding-bottom:0.8em; list-style-type:disc; }

#bbs-ent-notice { border-radius:15px; border:#efefef 5px solid; margin-bottom:20px; padding:20px; font-size:95%; line-height:150%; }

#bbs-end { margin-bottom:15px; font-size:95%; line-height:160%; color:#297fb5; text-align:center; }

.bbs-btn-box { margin-bottom:20px; text-align:center; font-size:130%; }
.bbs-btn { margin:auto; }
.bbs-btn a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#fedf32; outline:none; color:#000; text-decoration:none; font-weight:bold; }
.bbs-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { .bbs-btn a:hover { opacity:0.7; } }
#bbs-btn1 { margin-bottom:20px; }
#bbs-btn1 .bbs-btn { width:15.0em; }
#bbs-btn2 { margin-bottom:20px; }
#bbs-btn2 .bbs-btn { width:18.0em; }
#bbs-btn3 .bbs-btn { width:13.0em; }
#bbs-btn3 .bbs-btn a::before { transform: rotate(180deg); }

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

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

#bbs-ent-ttl h2 { font-size:110%; }

#bbs-ent-list ul { margin-bottom:10px; }
#bbs-ent-list ul li { font-size:80%; }
#bbs-ent-notice { margin-bottom:10px; padding:10px; font-size:80%; }

#bbs-end { font-size:80%; }

.bbs-btn-box { font-size:100%; }
#bbs-btn1 .bbs-btn { width:70%; margin:0 15%; }
#bbs-btn2 { margin-bottom:10px; }
#bbs-btn2 .bbs-btn { width:70%; margin:0 15%; }
#bbs-btn3 .bbs-btn { width:60%; margin:0 20%; }

}

.msgbox p {
line-height:1.5;
}
@media all and (min-width: 768px) {
.msgbox {
padding:20px;
margin-bottom:40px;
border:4px solid #ccc;
}
.msgbox p {
text-align:center;
font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.msgbox {
padding:12px;
margin-bottom:20px;
border:2px solid #ccc;
}
.msgbox p {
font-size:83%;
}
}


/* Report
================================================= */

#report #mainttl { background-image:url(../img/report/main_ttl.png); }

#report #main:after {content:"";clear:both;display:block;}

#rp-main { float:left; width:600px; padding:20px; box-sizing:border-box; border:#fedf32 2px solid; border-radius:20px; }

#rp-hd { margin-bottom:20px; padding:15px; border-radius:10px; background-color:#fedf32; }
#rp-date { margin-bottom:5px; font-family:'Poppins', sans-serif; }
#rp-ttl { font-size:130%; line-height:140%; }

.rp-box { margin-bottom:20px; }

.rp-txt { font-size:90%; line-height:160%; margin-bottom:20px; }

.rp-p { text-align:center; }
.rp-p p { margin:auto; background-color:#fff; border:#fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 6px rgba(0,0,0,0.2); }
.rp-p p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.rp-p-yoko p { width:480px; height:320px; }
.rp-p-tate p { width:320px; height:480px; }
.rp-cap { margin-top:10px; text-align:center; }
.rp-cap p { display:inline-block; padding:0 0.5em; font-size:90%; line-height:160%; background-color:#fff9d6; }

#rp-bknm { float:right; width:200px; padding:20px; box-sizing:border-box; border:#fedf32 2px solid; border-radius:20px; }
#rp-bknm h2 { margin-bottom:0.8em; font-size:120%; font-family:'Poppins', sans-serif; font-weight:normal; letter-spacing:0.01em; }
#rp-bknm ul li { margin-bottom:0.5em; padding-bottom:0.5em; border-bottom:#ccc 1px dotted; font-size:90%; line-height:140%; }
#rp-bknm ul li:last-child { margin-bottom:0; border-bottom:none; }
#rp-bknm ul li a { text-decoration:none; color:#333; }
#rp-bknm ul li a:hover { text-decoration:underline; }
#rp-bknm ul li dl dt { font-size:90%; font-family:'Poppins', sans-serif; }


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

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

#rp-main { float:none; width:auto; padding:0; border:none; }

#rp-hd { padding:10px; border-radius:10px; }
#rp-date { margin-bottom:3px; font-size:90%; }
#rp-ttl { font-size:120%; }

.rp-box { margin-bottom:10px; }

.rp-txt { font-size:80%; line-height:150%; margin-bottom:10px; }

#rp-bknm { float:none; width:auto; padding:10px; border-radius:7px; }
#rp-bknm h2 { margin-bottom:0.4em; font-size:100%; }
#rp-bknm ul li { font-size:80%; }

.rp-cap p { font-size:80%; line-height:140%; }

}

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

.rp-p-yoko p { position:relative; width:100%!important; height:0!important; padding-top:66.66%; }
.rp-p-yoko p span { position:absolute; left:0; top:0; width:100%; height:100%; }

}

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

.rp-p-tate p { position:relative; width:100%!important; height:0!important; padding-top:150%; }
.rp-p-tate p span { position:absolute; left:0; top:0; width:100%; height:100%; }

}

@media print {
.rp-p {
	display:none;
}
}


/* Interview
================================================= */

.intv-ttl { position:relative; width:100%; height:0; padding-top:38.97959%; }
.intv-ttl h1 { 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; }

.intv-q { margin-bottom:10px; padding:10px; background-color:#fedf32; line-height:140%; font-weight:bold; }
.intv-a { margin-bottom:30px; font-size:90%; line-height:160%; }

.intv-p { margin-bottom:30px; text-align:center; }
.intv-p p { margin:auto; background-color:#efefef; border:#fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 6px rgba(0,0,0,0.2); }
.intv-p p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#intv-bknm { padding:20px; border:#efefef 5px solid; }
#intv-bknm h2 { margin-bottom:0.8em; font-size:140%; color:#333; font-family:'Poppins', sans-serif; font-weight:normal; letter-spacing:0.01em; }
#intv-bknm ul { text-align:center; /* for space */ font-size:0; }
#intv-bknm ul li { position:relative; display:inline-block; width:15.333%; margin-right:1.6%; vertical-align:middle; /* for space */ font-size:1rem; }
#intv-bknm ul li:nth-child(6n) { margin-right:0; }
#intv-bknm ul li a { display:block; position:relative; width:100%; height:100%; padding-top:100%; }
#intv-bknm ul li a span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:0.1em 0.1em 0.15em rgba(0,0,0,0.2); }
.itbn-nm { display:block; position:absolute; width:100%; bottom:5%; z-index:10; text-align:center; }
.itbn-nm p { display:inline; padding:0.3em 0.6em; border-radius:1.0em; background-color:#fedf32; font-size:75%; font-weight:bold; box-shadow:0.1em 0.1em 0.15em rgba(0,0,0,0.2); -moz-font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";}


/* ----- Media Queries ----- */
@media all and (min-width: 768px) {
#intv-bknm ul {
width:90%;
margin:0 auto;
}
#intv-bknm ul li { width:130px; margin-right:10px; }
#intv-bknm ul li:nth-child(6n) { margin-right:10px; }
}

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

.intv-ttl { position:relative; width:100%; height:0; padding-top:53%; }

.intv-q { font-size:90%; }
.intv-a { margin-bottom:20px; font-size:80%; line-height:140%; }

.intv-p p { position:relative; width:100%!important; height:0!important; }
.intv-p p span { position:absolute; left:0; top:0; width:100%; height:100%; }

#intv-bknm { padding:0.8em 0.8em 0 0.8em; }
#intv-bknm h2 { margin-bottom:0.6em; font-size:110%; }
#intv-bknm ul li { width:23.5%; margin-right:2%; margin-bottom:0.8em; }
#intv-bknm ul li:nth-child(4n) { margin-right:0; }
#intv-bknm ul li:nth-child(3n) { margin-right:2%; }
.itbn-nm p { font-size:2.3vw; }

}

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

.intv-p { width:100%; }

#intv-bknm ul { text-align:center; }
#intv-bknm ul li { width:31.33%; margin-right:3%; }
#intv-bknm ul li:nth-child(3n) { margin-right:0; }
#intv-bknm ul li:nth-child(4n) { margin-right:3%; }
#intv-bknm ul li:last-child { margin-right:0; }

}

/*media print*/
@media print {
.intv-ttl, .intv-p, #intv-bknm {display:none !important;}
}


/* Gallery
================================================= */

#gallery #mainttl { background-image:url(../img/gallery/main_ttl.png); }

.lightbox-gallery { padding-bottom:20px; text-align:center; /* for space */ font-size:0; }
.lightbox-gallery li { display:inline-block; width:19%; margin:0 0.5% 10px 0.5%; vertical-align:middle; /* for space */ font-size:1rem; }
.lightbox-gallery li span { display:block; position:relative; width:100%; height:0; padding-top:66.666%; background-color:#efefef; }
.lightbox-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; }

#gr-bknm { padding-bottom:15px; text-align:center; /* for space */ font-size:0; }
#gr-bknm li { display:inline-block; margin:0 7px; /* for space */ font-size:1rem; }
#gr-bknm li a { display:block; width:2.4em; padding:0.7em 0; box-sizing:border-box; border-radius:1.2em; font-family:'Poppins', sans-serif; font-size:110%; background-color:#fedf32; color:#000; text-align:center; text-decoration:none; }
#gr-bknm li a:hover { opacity:0.7; }

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

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

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

#gr-bknm { padding-bottom:5px; }
#gr-bknm li { margin:0 3px 5px 3px; }
#gr-bknm li a { font-size:100%; }

}

/*media print*/
@media print {
#gr-bknm {display:none !important;}
}


/* Episode
================================================= */

#ep-mainttl { position:relative; width:100%; height:0; padding-top:25.51%; }
#ep-mainttl h1 { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/episode/main_ttl.jpg); text-indent:-9999px; }

#episode #main { padding:20px 80px; }

#ep-copy { position:relative; width:100%; height:0; margin-bottom:40px; padding-top:18.78%; }
#ep-copy p { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/episode/ep_copy.png); text-indent:-9999px; }

#ep-lead { margin-bottom:40px; font-size:110%; line-height:160%; }
#ep-lead .marker { background:linear-gradient(transparent 70%, #feef98 30%); }

/* .ep-btn-box { margin-bottom:20px; text-align:center; font-size:130%; }
.ep-btn { margin:auto; }
.ep-btn a { display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#fedf32; outline:none; color:#000; text-decoration:none; font-weight:bold; }
.ep-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { .ep-btn a:hover { opacity:0.7; } }
#ep-btn-enter { margin-bottom:20px; }
#ep-btn-enter .ep-btn { width:15.0em; } */


.ep-btn-box { margin-bottom:20px; text-align:center; font-size:130%; }
.ep-btn { margin:auto; }
.ep-btn a { cursor:default; display:block; position:relative; width:100%; padding:1.0em; box-sizing:border-box; border-radius:1.5em; background-color:#ededed; outline:none; color:#999; text-decoration:none; font-weight:bold; }
.ep-btn a::before { position:absolute; content:""; display:block; width:0.5em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
#ep-btn-enter { margin-bottom:20px; }
#ep-btn-enter .ep-btn { width:15.0em; }


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

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

#ep-mainttl { position:relative; width:100%; height:0; padding-top:35.71%; }
#ep-mainttl h1 { background-image:url(../img/episode/main_ttl_smp.jpg); }

#episode #main { padding:10px; }

#ep-copy { margin-bottom:20px; padding-top:48.75%; }
#ep-copy p { background-image:url(../img/episode/ep_copy_smp.png); }

#ep-lead { margin-bottom:20px; font-size:90%; }

.ep-btn-box { font-size:100%; }
#ep-btn-enter .ep-btn { width:70%; margin:0 15%; }

}

p.p-ep-end {
text-align:center;
margin-bottom:1.5em;
line-height:1.5;
color:#c00;
}
@media all and (max-width: 767px) {
p.p-ep-end {
font-size:83%;
}
}


div.bbs-loop {
	border:#fedf32 5px solid !important;
}
div.bbs-loop p.bbs-post {
	color:#fedf32 !important;
}


/* Hajime
================================================= */

#hajime-mainttl { position:relative; width:100%; height:0; padding-top:20.48163265%; }
#hajime-mainttl h1 { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/hajime/main_ttl.jpg); text-indent:-9999px; }

#hajime #main { padding:20px 0 40px 0; background-image:url(../img/hajime/bg2.png), url(../img/hajime/bg1.png); background-position:center top,center top; background-size:100% auto, auto auto; }

#hajime-vol { width:5.5em; margin:0 auto 20px auto; padding:0.3em 0.2em 0.5em 0; box-sizing:border-box; border-radius:1.0em; font-size:200%; text-align:center; font-family:'Corben', sans-serif; background-color:#fff; color:#24930e; }
#hajime-vol h2:before { content:""; display:inline-block; position:relative; top:0.05em; vertical-align:top; width:1.0em; height:1.0em; margin-right:0.3em; background:url(../img/hajime/vol_icon.png) no-repeat; background-size:cover; }

.hajime-txt { width:600px; margin:0 auto 20px auto; padding:0 0.25em; box-sizing:border-box; background: linear-gradient(#ccc 1px, transparent 1px); background-size:auto 2.5em; line-height:2.5em; border-bottom: 1px solid #ccc;　overflow: hidden; }

.hajime-p { text-align:center; margin-bottom:20px; }
.hajime-p ul { /* for space */ font-size:0; }
.hajime-p ul li { margin:0 auto 10px auto; box-sizing:border-box; display:inline-block; margin-right:5px; vertical-align:top; /* for space */ font-size:1rem; }
.hajime-p ul li p { position:relative; width:100%; height:0; background-color:#fff; }
.hajime-p ul li p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border:#fff 5px solid; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0,0,0,0.2); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }


#hajime-bknm { width:600px; margin:0 auto; padding:1.0em 0; background-color:#fff; text-align:center; border-radius:2.0em; }
#hajime-bknm h2 { display:inline-block; vertical-align:middle; font-family:'Corben', sans-serif; font-weight:normal; font-size:150%; line-height:180%; color:#24930e; }
#hajime-bknm ul { display:inline-block; vertical-align:middle; /* for space */ font-size:0; }
#hajime-bknm li { display:inline-block; margin:0 4px; vertical-align:middle; /* for space */ font-size:1rem; }
#hajime-bknm li a { display:block; width:2.4em; padding:0.7em 0; box-sizing:border-box; border-radius:1.2em; font-family:'Corben', sans-serif; font-size:110%; background-color:#e8551e; color:#fff; text-align:center; text-decoration:none; }
#hajime-bknm li a:hover { opacity:0.7; }


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

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

#hajime-mainttl { position:relative; width:100%; height:0; padding-top:27.77777%; }
#hajime-mainttl h1 { background-image:url(../img/hajime/main_ttl_smp.jpg); }

#hajime #main { padding:20px 0 20px 0; }

#hajime-vol { font-size:160%; }

.hajime-txt { width:80%; font-size:90%; }

#hajime-bknm { width:80%; margin:0 10%; padding:0.5em 0 0.8em 0; }
#hajime-bknm h2 { display:block; margin-bottom:7px; font-size:140%; line-height:100%; }


}


/* Set
================================================= */

#set-mainttl { position:relative; width:100%; height:0; padding-top:17.142857142%; }
#set-mainttl h1 { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/set/main_ttl.jpg); text-indent:-9999px; }

#set #main { padding:20px 50px 40px 50px; background:url(../img/set/set_bg.jpg); }

#set-subttl-box { margin-bottom:20px; border:#2c9120 5px solid; padding:10px; background:url(../img/set/set_subttl_bg.png) #2c9120; }
#set-subttl { font-size:170%; line-height:140%; color:#fff; }
#set-subttl-vol { display:inline-block; position:relative; top:-0.2em; padding:0.2em 0.2em 0.15em 0.2em; margin-right:0.5em; background-color:#fedf32; color:#2c9120; font-size:80%; line-height:100%; font-family:'Poppins', sans-serif; }

.set-txt-intro { margin-bottom:20px; font-size:120%; line-height:180%; font-weight:bold; color:#2c9120; text-align:center; }
.set-txt { margin-bottom:20px; font-size:120%; line-height:180%; text-align:center; }
.set-txt .marker { background:linear-gradient(transparent 70%, #fedf32 30%); }

.set-p { text-align:center; margin-bottom:5px; }
.set-p ul { /* for space */ font-size:0; }
.set-p ul li { margin:0 auto 10px auto; padding:0 7px; box-sizing:border-box; display:inline-block; margin-right:5px; vertical-align:top; /* for space */ font-size:1rem; }
.set-p ul li p { position:relative; width:100%; height:0; background-color:#fff; }
.set-p ul li p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border:#fff 5px solid; box-sizing:border-box; box-shadow:2px 2px 4px rgba(0,0,0,0.2); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#set-bknm { text-align:center; margin-top:10px; padding:10px; border:#ddd 5px solid; }
#set-bknm h2 { display:inline-block; vertical-align:middle; font-family:'Poppins', sans-serif; font-weight:normal; font-size:130%; }
#set-bknm ul { display:inline-block; vertical-align:middle; /* for space */ font-size:0; }
#set-bknm ul li { display:inline-block; width:4.5em; margin:5px; vertical-align:middle; /* for space */ font-size:1rem; }
#set-bknm ul li a { display:block; width:100%; padding:0.6em 0em 0.4em 0em; box-sizing:border-box; border-radius:1.0em; background-color:#3a9e2e; color:#fede32; text-decoration:none; font-family:'Poppins', sans-serif; font-size:110%; }
@media (hover: hover) { #set-bknm ul li a:hover { opacity:0.7; } }

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

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

#set-mainttl { position:relative; width:100%; height:0; padding-top:22.7%; }
#set-mainttl h1 { background-image:url(../img/set/main_ttl_smp.jpg); }

#set #main { padding:10px; }

#set-subttl { font-size:110%; }

.set-txt-intro { margin-bottom:10px; font-size:100%; line-height:140%; }
.set-txt { margin-bottom:10px; font-size:100%; line-height:140%; }

.set-p { margin-bottom:0; }

#set-bknm { padding:7px 3px; }
#set-bknm h2 {font-size:110%; margin-bottom:5px; display:block; }
#set-bknm ul li { margin:3px; }
#set-bknm ul li a { font-size:90%; }

}


/* Shindan
================================================= */

#shindan #main { margin-top:10px; padding:0; background:none; }
#sd-idx { position:relative; width:100%; height:0; padding-top:66.326530612%; }
#sd-idx-inner { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; background-image:url(../img/shindan/enter.jpg); }

#sb-idx-ttl, #sd-lead { display:none; }

#sd-btn-enter-box { position:absolute; top:80%; width:100%; text-align:center; font-size:200%; }
#sd-btn-enter { margin:auto; width:10.0em; }
#sd-btn-enter a { display:block; position:relative; width:100%; padding:0.5em 0.7em; box-sizing:border-box; border-radius:1.0em; background-color:#fedf32; box-shadow:-4px -4px 4px rgba(0,0,0,0.1) inset; outline:none; color:#000; text-decoration:none; font-family:'Poppins', sans-serif; }
#sd-btn-enter a::before { position:absolute; content:""; display:block; width:0.4em; height:1.0em; background:url(../img/common/arrow.png) center center no-repeat; background-size:contain; }
@media (hover: hover) { #sd-btn-enter a:hover { opacity:0.7; } }

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

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

#sd-idx { padding-top:83.33333%; }
#sd-idx-inner { background-image:url(../img/shindan/enter_smp.jpg); }

#sd-btn-enter-box { font-size:6.0vw; }

}

/* -------------------- popup -------------------- */

.sd-box { position:absolute; left:50%; z-index:10000!important; box-sizing:border-box; }
.sd-box#sd-q { width:540px; margin-left:-270px; }
.sd-box#sd-result { width:640px; margin-left:-320px; }
#sd-box-inner { text-align:center; background-image:url(../img/shindan/result_bg1.png), url(../img/shindan/result_bg2.png), url(../img/shindan/result_bg0.png); background-position:left top, right bottom, center center; background-repeat:no-repeat, no-repeat, no-repeat; background-size:auto, auto, 100% 100%; }
#sd-q #sd-box-inner { /*width:540px;*/ padding:30px; box-sizing:border-box; }
#sd-result #sd-box-inner { position:relative; }
#sd-box-inner:after {content:"";clear:both;display:block;}

/* q */

#sd-q-ttl { margin-bottom:20px; font-size:300%; font-family:'Poppins', sans-serif; }
#sd-q-txt { margin-bottom:20px; font-size:180%; line-height:130%; height:4.0em; display:flex; justify-content:center; align-items:center; }
#sd-q-txt p { font-weight:bold; }

#sd-q-btn-box { margin-bottom:20px; font-size:160%; }
#sd-q-btn-y, #sd-q-btn-n { width:6.0em; display:inline-block; margin:0 0.2em; }
#sd-q-btn-y a, #sd-q-btn-n a { display:block; position:relative; width:100%; padding:0.6em 0.7em 0.4em 0.7em; box-sizing:border-box; border-radius:1.0em; box-shadow:-4px -4px 4px rgba(0,0,0,0.1) inset; outline:none; color:#fff; text-decoration:none; font-family:'Poppins', sans-serif; }
#sd-q-btn-y a { background-color:#006ab4; }
#sd-q-btn-n a { background-color:#d5081d; }
@media (hover: hover) { #sd-q-btn-y a:hover, #sd-q-btn-n a:hover { opacity:0.7; } }

/* result */

#sd-box-l { float:left; width:290px; height:350px; margin-right:10px; }
.sd-result-pic { width:290px; height:350px; }
.sd-result-pic p { width:100%; height:100%; }
.sd-result-pic p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:auto 100%; text-indent:-9999px; }
#sd-result-pic-kanzaki p span { background-image:url(../img/shindan/p_kanzaki.png); }
#sd-result-pic-kuroki p span { background-image:url(../img/shindan/p_kuroki.png); }
#sd-result-pic-morohoshi p span { background-image:url(../img/shindan/p_morohoshi.png); }
#sd-result-pic-kimura p span { background-image:url(../img/shindan/p_kimura.png); }
#sd-result-pic-suenaga p span { background-image:url(../img/shindan/p_suenaga.png); }
#sd-result-pic-ishidate p span { background-image:url(../img/shindan/p_ishidate.png); }

#sd-box-r { float:left; width:340px; box-sizing:border-box; padding:20px 30px 10px 0; text-align:left; }
#sd-result-name-box { margin-bottom:10px; }
#sd-result-lead { padding:7px; background-color:#fff; font-size:110%; line-height:120%; font-weight:bold; }
#sd-result-lead .nm-you { display:block; font-size:80%; }
#sd-result-name { padding:7px; background:url(../img/shindan/name_bg.png); font-size:170%; line-height:120%; color:#fedf32; font-weight:bold; }
#sd-result-name .type { font-size:70%; }
#sd-result-txt { line-height:140%; }

.sd-btn-close { position:absolute; bottom:20px; right:20px; width:82px; height:19px; }
.sd-btn-close a { display:block; width:82px; height:19px; background:url(../img/chart/chart_close.png) no-repeat; background-size:cover; }
#sd-result .sd-btn-close { position:relative; bottom:0; right:0; margin-top:10px; width:100%; height:19px; text-align:right; }
#sd-result .sd-btn-close a { margin:0 0 0 auto; }

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

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

.sd-box { height:auto; left:auto; }
.sd-box#sd-q,
.sd-box#sd-result { width:100%; margin:0; padding:4.0vw 7%; box-sizing:border-box; }
#sd-box-inner { background-size:130%, 130%, 100% 100%; }
#sd-q #sd-box-inner { padding:10px; box-sizing:border-box; }

/* q */

#sd-q-ttl { font-size:200%; }
#sd-q-txt { font-size:140%; height:auto; padding:0 2.0em; }
#sd-q-btn-box { font-size:120%; }

/* result */

#sd-result #sd-box-inner { background-image:none; background-color:#fedf32; }

#sd-box-l { float:none; width:auto; height:auto; margin:0; background-image:url(../img/shindan/result_bg1.png), url(../img/shindan/result_bg2.png), url(../img/shindan/result_bg0.png); background-position:left top, right bottom, center center; background-repeat:no-repeat, no-repeat, no-repeat; background-size:auto, auto, 100% 100%; }
.sd-result-pic { width:auto; height:302px; margin:0 auto; }

#sd-box-r { float:none; width:auto; padding:0 0 10px 0; }
#sd-result-lead { font-size:100%; }
#sd-result-name { font-size:140%; }
#sd-result-txt { padding:0 10px; font-size:85%; }

.sd-btn-close { position:relative; margin:10px 0 0 0; bottom:0; right:0; width:auto; height:auto; text-align:center; }
.sd-btn-close a { margin:auto; }

}


/*media print*/
@media print {
#sd-idx,
.sd-box {display:none !important;}
}


/*eof*/