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/bg.jpg) center top; }
#con-body { background:url(../img/common/bg.jpg) center top; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#333; }

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

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

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

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

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

.txt70,
.txt80,
.txt120,
.txt140,
.txt160 { display:inline-block; }

.txt70 { font-size:70%; line-height:126%; }
.txt80 { font-size:80%; line-height:144%; }
.txt120 { font-size:120%; line-height:160%; }
.txt140 { font-size:140%; line-height:150%; }

.t-center { display:inline-block; width:100%; text-align:center; }

.fadein { opacity:0; transform:translate(0, 30px); transition:all 0.5s; }
.fadein.scrollin { opacity:1; transform:translate(0, 0); }

.nobr { display:none; }

a { color:#f17800; }

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

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

.txt70 { font-size:60%; }
.txt80 { font-size:70%;  }
.txt120 { font-size:110%; }
.txt140 { font-size:120%; }

.nobr { display:block; }

}

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

#logo-area { background-color:#ffeea0; }
#logo { width:980px; height:150px; margin:auto; }
#logo a { display:block; width:100%; height:100%; background:url(../img/common/logo3.jpg) center center no-repeat; text-indent:-9999px; }
#gnav { height:88px; background:url(../img/common/gnav_bg.jpg) center center repeat-x; }
#gnav ul { width:980px; margin:auto; /* for space */ font-size:0; }
#gnav ul li { height:88px; display:inline-block; vertical-align:middle; /* for space */ font-size:1rem; }
#gnav ul li:nth-child(1) { width:137px; }
#gnav ul li:nth-child(2) { width:123px; }
#gnav ul li:nth-child(3) { width:108px; }
#gnav ul li:nth-child(4) { width:131px; }
#gnav ul li:nth-child(5) { width:128px; }
#gnav ul li:nth-child(6) { width:105px; }
#gnav ul li:nth-child(7) { width:143px; }
#gnav ul li:nth-child(8) { width:105px; }
#gnav ul li .gc { display:block; width:100%; height:100%; }
#gnav ul li .gb { display:block; width:100%; height:100%; background-image:url(../img/common/gnav.png); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
@media (hover: hover) { #gnav ul li a:hover { opacity:0.7; } }
#gnav ul li:nth-child(1) .gb { background-position:-0px 0; }
#gnav ul li:nth-child(2) .gb { background-position:-137px 0; }
#gnav ul li:nth-child(3) .gb { background-position:-260px 0; }
#gnav ul li:nth-child(4) .gb { background-position:-368px 0; }
#gnav ul li:nth-child(5) .gb { background-position:-499px 0; }
#gnav ul li:nth-child(6) .gb { background-position:-627px 0; }
#gnav ul li:nth-child(7) .gb { background-position:-732px 0; }
#gnav ul li:nth-child(8) .gb { background-position:-875px 0; }
#header::after { display:block; content:""; height:8px; font-size:0; background:url(../img/common/gnav_btm.png) center center repeat-x; }
/* coming */
#gnav ul li.coming .gc { opacity:0.5; }

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

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

#logo { position:relative; width:100%; height:0; padding-top:40%; }
#logo a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/common/logo_smp3.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
#gnav { height:auto; background:url(../img/common/gnav_smp_bg.jpg) top center; }
#gnav ul { width:auto; box-shadow:0px 0px 15px rgba(0,0,0,0.4) inset; }
#gnav ul li { height:auto; width:50%!important; }
#gnav ul li .gc { position:relative; width:100%; height:0; padding-top:21.333%!important; }
#gnav ul li .gb { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-position:center center!important; background-repeat:no-repeat; background-size:contain; text-indent:-9999px; }

#gnav ul li:nth-child(1) .gb { background-image:url(../img/common/gnav_smp_1.png); }
#gnav ul li:nth-child(2) .gb { background-image:url(../img/common/gnav_smp_2.png); }
#gnav ul li:nth-child(3) .gb { background-image:url(../img/common/gnav_smp_3.png); }
#gnav ul li:nth-child(4) .gb { background-image:url(../img/common/gnav_smp_4.png); }
#gnav ul li:nth-child(5) .gb { background-image:url(../img/common/gnav_smp_5.png); }
#gnav ul li:nth-child(6) .gb { background-image:url(../img/common/gnav_smp_6.png); }
#gnav ul li:nth-child(7) .gb { background-image:url(../img/common/gnav_smp_7.png); }
#gnav ul li:nth-child(8) .gb { background-image:url(../img/common/gnav_smp_8.png); }

}


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

#main { width:980px; margin:0 auto 30px auto; box-sizing:border-box; border-radius:0 0 50px 50px; background-position:center top; background-repeat:no-repeat; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.05); }
#main-ttl { height:120px; text-indent:-9999px; }
#main-body { padding:0 50px 50px 50px; }

#main-body .txt { font-size:95%; line-height:180%; padding-bottom:0.8em; }
#main-body .box { padding-bottom:20px; }
#main-body .box:last-child { padding-bottom:0; }

.mov_yt { margin: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%; }

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

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

#main { width:auto; margin:0 0 15px 0; border-radius:0; background-position:center top; background-repeat:no-repeat; background-size:787px auto; background-color:#fff;*/ }
#main-ttl { width:auto; height:100px; background-position:center center; background-size:auto 100px; }
#main-body { padding:0 10px 15px 10px; }

#main-body .txt { font-size:85%; line-height:160%; }
#main-body .box { padding-bottom:10px; }
}


/* ------------ share ------------ */

.share-area:after {content:"";clear:both;display:block;}
.share { float:right; width:371px; margin:0 -25px -25px 0; padding:10px 10px 10px 20px; box-sizing:border-box; border-radius:35px; background-color:#efefef; text-align:center; /* for space */ font-size:0; }
.share .ttl { display:inline-block; vertical-align:middle; width:165px; height:17px; margin-right:10px; background:url(../img/common/share_ttl.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
.share-btn { display:inline-block; }
.share-btn li { display:inline-block; margin-right:8px; vertical-align:middle; }
.share-btn li:last-child { margin-right:0; }
.share-btn li a { display:block; width:50px; height:50px; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { .share-btn li a:hover { opacity:0.7; } }
.share-btn-tw a { background-image:url(../img/common/share_btn_tw.png); }
.share-btn-fb a { background-image:url(../img/common/share_btn_fb.png); }
.share-btn-line a { background-image:url(../img/common/share_btn_line.png); }

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

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

.share { width:180px; float:none; margin:0 auto; padding:10px; border-radius:25px; }
.share .ttl { width:140px; height:14px; margin:5px auto 7px auto; }
.share-btn li a { width:40px; height:40px; }

}


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

#footer-area { width:880px; margin:0 auto 20px auto; }
#footer-area:after {content:"";clear:both;display:block;}

#footer-box-l { float:left; width:580px; padding-top:40px; text-align:center; }
#f-sns-link { padding-bottom:20px; /* for space */ font-size:0; }
#f-sns-link h2 { display:inline-block; vertical-align:top; margin-right:15px; width:231px; 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); }

#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-copy { font-size:90%; line-height:140%; font-family:'Mada', sans-serif; }
#f-sns { padding-top:10px; font-size:0; }
#f-sns-tw { margin-right:5px; }

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

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

#pagetop { position:fixed; z-index:10; bottom:-200px; right:10px; padding-bottom:10px; }
#pagetop a { display:block; width:50px; height:50px; 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 { width:auto; }
#footer-box-l { float:none; width:auto; padding-top:0; }
#f-sns-link { padding-bottom:10px; }
#f-sns-link h2 { display:block; margin:0 auto 10px auto; width:193px; height:52px; }
#f-sns-link ul li { width:70px; }
#f-sns-link ul li a { width:70px; height:70px; }
#f-copy { font-size:75%; padding:0 10px; }
#bn-rectangle { float:none; margin:0 auto 10px auto; }

}


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

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

#top-main { margin-bottom:20px; background:url(../img/top/top_main_bg.png) center center; background-size:contain; }

#top-main-pic { width:980px; margin: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:68.57%; }
#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_end.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:20px; background:url(../img/common/gnav_bg.jpg) top center; text-align:center; }
#countdown-unit { width:750px; 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:33.73%; }
#cd-t-day { width:3.6%; }
#cd-t-hour { width:9.73%; }
#cd-t-min { width:4.93%; }
#cd-t-sec { width:5.33%; }
#cd-t-start .cdtw1 { padding-top:34.7826%; }
#cd-t-day .cdtw1 { padding-top:325.92%; }
#cd-t-hour .cdtw1 { padding-top:120%; }
#cd-t-min .cdtw1 { padding-top:237.83%; }
#cd-t-sec .cdtw1 { padding-top:220%; }
#cd-t-start .cdtw2 { background-image:url(../img/top/cd/cd_t1_v10.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 { display:inline-block; vertical-align:middle; position:relative; width:5.2%; overflow:hidden; }
.cd-num .cdtw1 { position:relative; display:block; width:100%; height:0; padding-top:220%; }
.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; }

#top-cd::after { display:block; content:""; height:8px; font-size:0; background:url(../img/common/gnav_btm.png) center center repeat-x; }

/* ----- 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-2col ------------ */

#top-2col { width:980px; margin:auto; }
#top-2col:after {content:"";clear:both;display:block;}
#top-2col-l { float:left; width:480px; margin-right:20px; }
#top-2col-r { float:left; width:480px; text-align:center; }
#top-story-smp-ttl { display:none; }
#top-story { margin-bottom:20px; }
#top-story a { display:block; width:480px; height:169px; border-radius:20px; background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #top-story a:hover { opacity:0.7; } }
#top-story-smp { display:none; }

#top #f-sns-link h2 { margin-top:10px; width:200px; height:54px; }

#top-mov-end { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../img/top/top_mov_end.jpg) center center no-repeat; background-size:contain; text-indent:-9999px; }

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

#top-2col { width:94%; margin:0 3% 2vw 3%; }
#top-2col-l { float:none; width:auto; margin:0; }
#top-2col-r { float:left; width:100%; }
#top-story-smp-ttl { display:block; }
#top-story-smp-ttl a { display:block; height:48px; background-position:center center; background-repeat:no-repeat; background-size:auto 48px; background-color:#fff; border-radius:10px 10px 0 0; text-align:left; text-indent:-9999px; }
#top-story { display:none; }
#top-story-smp { display:block; margin-bottom:15px; background-color:#fff; padding:10px; border-radius:0 0 10px 10px; }
#top-story-more { display:none; }
#top-story-btn-more { position:relative; }
#top-story-btn-more a { position:relative; display:inline-block; width:10em; margin:auto; padding:0.7em 1.8em 0.7em 0.7em; box-sizing:border-box; border-radius:1.2em; background-color:#ff5900; color:#fff; text-decoration:none; font-weight:bold; font-size:85%; }
#top-story-btn-more a.open::after,
#top-story-btn-more a.close::after { position:absolute; top:0.9em; right:1.0em; display:block; content:""; width:0.6em; height:0.6em; vertical-align:top; background-image:url(../img/common/arrow.png); background-position:center; background-repeat:no-repeat; background-size:auto 0.7em; }
#top-story-btn-more a.open::after { transform:rotate(180deg); }

#top-story-more .txt { padding:10px 0; font-size:85%; line-height:160%; text-align:left; }
#top-story-btn-link a { position:relative; display:inline-block; margin:auto; padding:0.8em 1.2em 0.8em 0.2em; box-sizing:border-box; border-radius:1.3em; width:10em; color:#fff; background-color:#58aee6; text-decoration:none; font-weight:bold; font-size:85%; }
#top-story-btn-link a::after { position:absolute; top:0.95em; right:1.0em; display:block; content:""; width:0.6em; height:0.6em; vertical-align:top; background-image:url(../img/common/arrow.png); background-position:center; background-repeat:no-repeat; background-size:auto 0.7em; transform:rotate(90deg); }

#top #f-sns-link h2 { margin-top:0; }

}

#top-story a { background-image:url(../img/top/story/top_story_v10.jpg); }
#top-story-smp-ttl a { background-image:url(../img/top/story/top_story_smp_v10.png); }



/* ------------ top-info ------------ */

#top-info { width:980px; margin:0 auto 20px auto; padding-bottom:1px; background-color:#fff; border-radius:15px; }
#top-info-ttl { padding:10px; background:url(../img/top/info_bg.jpg); border-radius:15px 15px 0 0; }
#top-info-ttl .ttl { float:left; width:86px; height:21px; }
#top-info-ttl .ttl a { display:block; width:86px; height:21px; background:url(../img/top/info_ttl.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
.top-info-list { margin:10px; }
.top-info-list li { font-size:90%; line-height:140%; padding:0.4em 0; border-top:#ddd 1px solid; }
.top-info-list li:first-child { border-top:none; padding:0 0 0.4em 0; }
.top-info-list li:last-child { padding:0.4em 0 0 0; border-bottom:none; }
.top-info-list li a { text-decoration:none; }
.top-info-list li a dl dt { display:inline; color:#90410f; margin-right:0.5em; font-size:115%; font-family:'Mada', sans-serif; font-weight:bold; }
.top-info-list li a dl dd { display:inline; color:#333; }
@media (hover: hover) { .top-info-list li a:hover { opacity:0.7; } }

#top-info-ttl:after {content:"";clear:both;display:block;}
#top-info-btn-more { float:right; }
#top-info-btn-more a { position:relative; padding-right:1.0em; color:#fff; text-decoration:none; font-size:85%; font-weight:bold; }
#top-info-btn-more a.open::after,
#top-info-btn-more a.close::after { position:absolute; top:0.2em; right:0.1em; display:block; content:""; width:0.6em; height:1.0em; vertical-align:top; background-image:url(../img/common/arrow.png); background-position:center; background-repeat:no-repeat; background-size:auto 0.7em; }
#top-info-btn-more a.open::after { transform:rotate(180deg); }
#top-info-more { display:none; padding-top:0.4em; border-top:#ddd 1px solid; }

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

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

#top-info { width:94%; margin:0 3% 4vw 3%; border-radius:10px; }
#top-info-ttl { border-radius:10px 10px 0 0; }

#top-info-btn-more a.open::after,
#top-info-btn-more a.close::after { top:0.3em; }

}


/* ------------ top-gnav ------------ */

#top-gnav { width:980px; margin:0 auto 15px auto; }

#top-gnav ul { /* for space */ font-size:0; }
#top-gnav ul li { display:inline-block; width:24.3%; margin:0 0.93% 0.93% 0; vertical-align:middle; /* for space */ font-size:1rem; }
#top-gnav ul li:nth-child(4n) { margin-right:0; }
#top-gnav ul li .gc { display:block; position:relative; width:100%; height:0; padding-top:62.1%; }
#top-gnav ul li .gb { 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-gnav ul li a:hover { opacity:0.7; } }
#top-gnav ul li:nth-child(1) .gb { background-image:url(../img/top/gnav/top_gnav_intro.png); }
#top-gnav ul li:nth-child(2) .gb { background-image:url(../img/top/gnav/top_gnav_original.png); }
#top-gnav ul li:nth-child(3) .gb { background-image:url(../img/top/gnav/top_gnav_cast.png); }
#top-gnav ul li:nth-child(4) .gb { background-image:url(../img/top/gnav/top_gnav_chart.png); }
#top-gnav ul li:nth-child(6) .gb { background-image:url(../img/top/gnav/top_gnav_bbs.png); }
#top-gnav ul li:nth-child(7) .gb { background-image:url(../img/top/gnav/top_gnav_paravi2.png); }
#top-gnav ul li:nth-child(8) .gb { background-image:url(../img/top/gnav/top_gnav_minogashi.png); }

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

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

#top-gnav { width:94%; margin:0 3% 1vw 3%; }
#top-gnav ul li { width:49%; margin:0 2% 2vw 0; }
#top-gnav ul li:nth-child(2n) { margin-right:0; }

#top-gnav ul li:nth-child(1) .gb { background-image:url(../img/top/gnav/top_gnav_smp_intro.png); }
#top-gnav ul li:nth-child(2) .gb { background-image:url(../img/top/gnav/top_gnav_smp_original.png); }
#top-gnav ul li:nth-child(3) .gb { background-image:url(../img/top/gnav/top_gnav_smp_cast.png); }
#top-gnav ul li:nth-child(4) .gb { background-image:url(../img/top/gnav/top_gnav_smp_chart.png); }
#top-gnav ul li:nth-child(6) .gb { background-image:url(../img/top/gnav/top_gnav_smp_bbs.png); }
#top-gnav ul li:nth-child(7) .gb { background-image:url(../img/top/gnav/top_gnav_paravi2.png); }
#top-gnav ul li:nth-child(8) .gb { background-image:url(../img/top/gnav/top_gnav_smp_minogashi.png); }

}

/* ----- guest ----- */
#top-gnav ul li:nth-child(5) .gb { background-image:url(../img/top/gnav/top_gnav_guest_v10.png); }
@media all and (max-width: 767px) {
#top-gnav ul li:nth-child(5) .gb { background-image:url(../img/top/gnav/top_gnav_smp_guest_v10.png); }
}



/* ------------ top-nav2 ------------ */

#top-nav2 { width:940px; margin:0 auto; }
#top-nav2 ul { /* for space */ font-size:0; }
#top-nav2 ul li { display:inline-block; width:32%; margin:0 2% 2.127% 0; vertical-align:top; /* for space */ font-size:1rem; }
#top-nav2 ul li:nth-child(3n) { margin:0 0 2.127% 0; }
#top-nav2 ul li .nav2c { display:block; position:relative; width:100%; height:0; padding-top:50%; }
#top-nav2 ul li .nav2b { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:15px; background-color:#fff; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #top-nav2 ul li a:hover { opacity:0.7; } }

#top-nav2-report { position:relative; }
#top-nav2-report .nav2b { background-image:url(../img/top/top_report.jpg); }
#rp-top-date-box { position:absolute; top:66%; left:0; text-indent:0; text-align:center; width:42%; }
#rp-top-date { display:inline-block; width:4.5em; margin:auto; padding:0.4em; box-sizing:border-box; border-radius:0.9em; background-color:#cd4800; color:#ffd600; font-weight:bold; font-family:'Mada', sans-serif; }
#rp-pic-top { position:absolute; top:13%; right:4%; width:54%; height:74%; box-shadow:2px 2px 3px rgba(0,0,0,0.15); }
#rp-pic-top p { width:100%; height:100%; }
#rp-pic-top p a { display:block; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; }

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

#top-nav2 { width:94%; margin:0 3% 1vw 3%; }
#top-nav2 ul li { width:49%; margin:0 2% 2vw 0; }
#top-nav2 ul li:nth-child(3n) { margin:0 2% 2vw 0; }
#top-nav2 ul li:nth-child(2n) { margin-right:0; }
#rp-top-date-box { font-size:3.0vw; }

#top-nav2 ul li .nav2b { border-radius:4vw; }

}

/* ------------ top-3col ------------ */

#top-3col { width:940px; margin:0 auto 20px auto; }
#top-3col:after {content:"";clear:both;display:block;}

/* left */

#top-3col-l { float:left; width:300px; margin-right:20px; }

#top-maxim { margin-bottom:15px; border-radius:10px; background:url(../img/top/maxim/top_maxim_bg.jpg) center center no-repeat; background-size:cover; }
#top-maxim-txt { position:relative; width:100%; height:0; padding-top:50%; }
#top-maxim-txt 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-bn { margin-bottom:5%; }
.top-bn a { display:block; position:relative; width:100%; height:0; padding-top:36.66666%; }
.top-bn a span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { .top-bn a:hover { opacity:0.7; } }

#top-bn-goods a span { background-image:url(../img/top/top_bn_goods2.jpg); }
#top-bn-extra a span { background-image:url(../img/top/top_bn_extra.jpg); }

.top-bn#top-bn-goods a { padding-top:53.33333%; }
.top-bn#top-bn-goods a span { border-radius:0; }

/* center */

#top-3col-c { float:left; width:300px; margin-right:20px; }

#top-bn-paravi a { padding-top:53.33333%; }
#top-bn-paravi a span { background-image:url(../img/top/top_bn_paravi2.jpg); }
#top-bn-free a span { background-image:url(../img/top/top_bn_free.jpg); }

#top-bn-line { width:300px; height:150px; margin:0 0 15px 0; }
#top-bn-line a { display:block; width:100%; height:100%; border-radius:10px; background:url(../img/top/top_bn_line.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #top-bn-line a:hover { opacity:0.7; } }

/* right */

#top-3col-r { float:left; width:300px; }

#top-tw .ttl { padding:7px; background:url(../img/top/t_tw_ttl_bg.jpg); border-radius:10px 10px 0 0; }
#top-tw .ttl a { display:block; width:105px; height:19px; background:url(../img/top/t_tw_ttl.png) center center no-repeat; background-size:cover; text-indent:-9999px; }


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

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

#top-3col { width:94%; margin:0 3% 4vw 3%; text-align:center; }
#top-3col-l,
#top-3col-c,
#top-3col-r { float:none; width:auto; margin:0 auto 2vw auto; /* for space */ font-size:0; }

#top-maxim { width:90%; margin:0 5% 2vw 5%; border-radius:4vw; }

#top-bn-line { margin:0 auto 2vw auto; }

.top-bn { width:49%; margin:0; display:inline-block; }
#top-bn-goods { margin:0 auto 0 auto; }
#top-bn-extra { margin:0 0 0 0; }
#top-bn-paravi { margin:0 auto 2vw auto; }
#top-bn-free { margin:0 0 2vw 0; }

}


/* ------------ top-footer ------------ */

#top-rectangle { width:300px; margin:0 auto; }

#top .share { background-color:#fff; float:none; margin:0 auto 30px auto; }

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

#top .share {  margin:0 auto 10px auto; }

}


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

#intro #main { background-image:url(../img/intro/intro_ttl.jpg); }

#intro-txt { width:840px; margin:0 auto 20px auto; }
#intro-txt p span { display:block; width:840px; height:271px; background:url(../img/intro/intro_txt.png) center center no-repeat; text-indent:-9999px; }

#intro-pic1 { width:483px; margin:0 auto 20px auto; }
#intro-pic1 figure { position:relative; width:100%; height:0; padding-top:100.62%; }
#intro-pic1 figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:80px; background:url(../img/intro/intro_pic1.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#intro-pic2 { width:700px; margin:0 auto 20px auto; }
#intro-pic2 figure { position:relative; width:100%; height:0; padding-top:37.5%; }
#intro-pic2 figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:50px; background:url(../img/intro/intro_pic2.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#intro-btn-cmt { margin-bottom:20px; text-align:center; }
#intro-btn-cmt p { width:418px; margin:auto; }
#intro-btn-cmt p a { display:block; width:418px; height:101px; background:url(../img/intro/intro_btn_cmt.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

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

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

#intro #main { background-image:url(../img/intro/intro_ttl_smp.jpg); }

#intro-txt { width:90%; margin:0 5% 15px 5%; }
#intro-txt p { position:relative; width:100%; height:0; padding-top:88.51%; }
#intro-txt p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/intro/intro_txt_smp.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#intro-pic1 { width:90%; margin:0 5% 15px 5%; }
#intro-pic1 figure span { border-radius:7vw; }
#intro-pic2 { width:100%; margin:0 0 15px 0; }
#intro-pic2 figure span { border-radius:7vw; }

#intro-btn-cmt p { width:300px; }
#intro-btn-cmt p a { width:300px; height:72px; }

}

/* ------------ comment ------------ */

#comment #main { background-image:url(../img/intro/cmt_ttl.jpg); }

.cmt-name { margin-bottom:20px; padding-bottom:10px; border-bottom:#00b7d2 2px solid; }
.cmt-name h2 { height:32px; background-position:center center; background-repeat:no-repeat; background-size:auto 32px; text-indent:-9999px; }
#cmt-ito .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_ito.png); }
#cmt-nakatani .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_nakatani.png); }
#cmt-muro .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_muro.png); }
#cmt-matsumoto .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_matsumoto.png); }
#cmt-katayori .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_katayori.png); }
#cmt-horiuchi .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_horiuchi.png); }
#cmt-hagiwara .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_hagiwara.png); }
#cmt-yo .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_yo.png); }
#cmt-tougeda .cmt-name h2 { background-image:url(../img/intro/intro_cmt_name_tougeda.png); height:57px; background-size:auto 57px; }

#intro-cmt-pic1 { width:300px; margin:0 auto 20px auto; }
#intro-cmt-pic1 figure { position:relative; width:100%; height:0; padding-top:150%; }
#intro-cmt-pic1 figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:30px; background:url(../img/intro/intro_cmt_pic1.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#intro-cmt-pic2 { width:450px; margin:0 auto 20px auto; }
#intro-cmt-pic2 figure { position:relative; width:100%; height:0; padding-top:66.66%; }
#intro-cmt-pic2 figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:30px; background:url(../img/intro/intro_cmt_pic2.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

.cmt-q { font-size:110%!important; font-weight:bold; color:#f17800; margin-bottom:0.5em; padding-bottom:0.3em!important; border-bottom:#ddd 1px solid; }

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

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

#comment #main { background-image:url(../img/intro/cmt_ttl_smp.jpg); }

#intro-cmt-pic1 { width:70%; margin:0 15% 15px 15%; }
#intro-cmt-pic1 figure span { border-radius:15px; }
#intro-cmt-pic2 { width:100%; margin:0 0 15px 0; }
#intro-cmt-pic2 figure span { border-radius:15px; }

.cmt-name { margin-bottom:10px; padding-bottom:7px; }
.cmt-name h2 { height:21px; background-size:auto 21px; }
#cmt-tougeda .cmt-name h2 { height:37px; background-size:auto 37px; }

.cmt-q { font-size:90%!important; }

}


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

#story #main { background-image:url(../img/story/story_ttl.jpg); }

#story-main { padding-bottom:20px; }

#story-date { width:171px; height:80px; margin:0 auto 15px auto; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.str-v1 { background-image:url(../img/story/story_date_v1.png); }
.str-v2 { background-image:url(../img/story/story_date_v2.png); }
.str-v3 { background-image:url(../img/story/story_date_v3.png); }
.str-v4 { background-image:url(../img/story/story_date_v4.png); }
.str-v5 { background-image:url(../img/story/story_date_v5.png); }
.str-v6 { background-image:url(../img/story/story_date_v6.png); }
.str-v7 { background-image:url(../img/story/story_date_v7.png); }
.str-v8 { background-image:url(../img/story/story_date_v8.png); }
.str-v9 { background-image:url(../img/story/story_date_v9.png); }
.str-v10 { background-image:url(../img/story/story_date_v10.png); }

#str-bknm-v1 a span  { background-image:url(../img/story/story_bknm_v1.jpg); }
#str-bknm-v2 a span  { background-image:url(../img/story/story_bknm_v2.jpg); }
#str-bknm-v3 a span  { background-image:url(../img/story/story_bknm_v3.jpg); }
#str-bknm-v4 a span  { background-image:url(../img/story/story_bknm_v4.jpg); }
#str-bknm-v5 a span  { background-image:url(../img/story/story_bknm_v5.jpg); }
#str-bknm-v6 a span  { background-image:url(../img/story/story_bknm_v6.jpg); }
#str-bknm-v7 a span  { background-image:url(../img/story/story_bknm_v7.jpg); }
#str-bknm-v8 a span  { background-image:url(../img/story/story_bknm_v8.jpg); }
#str-bknm-v9 a span  { background-image:url(../img/story/story_bknm_v9.jpg); }
#str-bknm-v10 a span  { background-image:url(../img/story/story_bknm_v10.jpg); }


.str-mov { width:80%; margin:0 auto 15px auto; }

#story .txt a { color:#e4ad07; font-weight:bold; }

.str-pic { width:400px; margin:0 auto 15px auto; }
.str-pic p { position:relative; width:100%; height:0; padding-top:66.66%; }
.str-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-color:#f0f3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }

#str-mov-btn { text-align:center; /* for space */ font-size:0; }
#str-mov-btn li { display:inline-block; margin:0 0.25em 0.5em 0.25em; width:9.0em; vertical-align:middle; /* for space */ font-size:1rem; }
#str-mov-btn li a { display:block; width:100%; padding:0.5em 0; border-radius:1.0em; background-color:#00b7d2; color:#fff; text-decoration:none; font-weight:bold; }

#guest .subttl { margin-bottom:40px; padding-bottom:10px; border-bottom:#00b7d2 2px solid; }
#guest .subttl h2 { height:32px; background:url(../img/story/story_subttl_guest.png) center center no-repeat; background-size:auto 32px; text-indent:-9999px; }
.guest-box { margin:0 40px; box-sizing:border-box; text-align:center; /* for space */ font-size:0; }
.guest-box li { display:inline-block; vertical-align:top; width:28%; margin:0 2.6% 20px 2.6%; /* for space */ font-size:1rem; }
.guest-p { margin-bottom:10px; }
.guest-p p { position:relative; width:100%; height:0; padding-top:100%; }
.guest-p p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:15px; background-color:#f0f3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.guest-name dl { font-size:110%; line-height:120%; }
.guest-name dt { color:#994500; padding-bottom:0.2em; font-weight:bold; }

.guest-3col .guest-p p { padding-top:125%; }
.guest-name-notice { display:block; padding-top:0.2em; font-size:60%; line-height:120%; }
.guest-btmline { margin:0 40px 20px 40px; border-bottom:#ddd 1px solid; }

#str-bknm { margin-bottom:20px; padding:20px; border:#00b7d2 2px solid; border-radius:10px; }
#str-bknm h2 { margin-bottom:0.8em; font-size:140%; color:#333; font-family:'Mada', sans-serif; font-weight:normal; letter-spacing:0.05em; }
#str-bknm ul { text-align:center; /* for space */ font-size:0; }
#str-bknm ul li { position:relative; display:inline-block; width:18.4%; margin-right:2%; margin-bottom:0.9em; vertical-align:middle; /* for space */ font-size:1rem; }
#str-bknm ul li:nth-child(5n),
#str-bknm ul li:last-child { margin-right:0; }
#str-bknm ul li a { display:block; position:relative; width:100%; height:100%; padding-top:66.239%; margin-bottom:0.6em; }
#str-bknm ul li a span { display:block; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:0.5em; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:0 0.1em 0.15em rgba(0,0,0,0.1); }
.str-nm { color:#00b7d2; font-weight:bold; font-size:95%; letter-spacing:0.1em; }
@media (hover: hover) { #str-bknm ul li a:hover { opacity:0.7; } }

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

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

#story #main { background-image:url(../img/story/story_ttl_smp.jpg); }

#story-main { padding-bottom:10px; }

#story-date { width:142px; height:66px; }

.str-mov { width:80%; margin:0 10% 15px 10%; }

.str-pic { width:80%; margin:0 10% 15px 10%; }

#str-mov-btn li { font-size:0.9rem; }

#guest .subttl { margin-bottom:20px; padding-bottom:7px; }
#guest .subttl h2 { height:21px; background-size:auto 21px; }

.guest-box { margin: 0 5%; }
.guest-box li { width:40%; margin:0 5% 20px 5%; }
.guest-p { margin-bottom:7px; }
.guest-p p span { border-radius:10px; }
.guest-name dl { font-size:90%; line-height:120%; }

.guest-3col .guest-box { margin:0 0 20px 0; }
.guest-3col .guest-box li { width:30%; margin:0 1.66% 20px 1.66%; }
.guest-btmline { margin:0 5% 20px 5%; border-bottom:#ddd 1px solid; }

#str-bknm { padding:10px; }
#str-bknm h2 { margin-bottom:0.6em; font-size:110%; }
#str-bknm ul li { width:23.5%; margin-right:2%; }
#str-bknm ul li:nth-child(5n) { margin-right:2%; }
#str-bknm ul li:nth-child(4n),
#str-bknm ul li:last-child { margin-right:0; }
.str-nm p { font-size:90%; }

}

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

#str-bknm ul li { width:31.333%; margin-right:3%; }
#str-bknm ul li:nth-child(5n),
#str-bknm ul li:nth-child(4n) { margin-right:3%; }
#str-bknm ul li:nth-child(3n),
#str-bknm ul li:last-child { margin-right:0; }
.str-nm p { font-size:80%; }
}


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

#org #main { background-image:url(../img/original/org_ttl.jpg); }

#org-book-name { width:559px; margin:0 auto 25px auto; }
#org-book-name p { position:relative; width:100%; height:0; padding-top:18.9624%; }
#org-book-name p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/original/org_book_name2.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

#org-book { width:290px; margin:0 auto 25px auto; }
#org-book figure { position:relative; width:100%; height:0; padding-top:140%; }
#org-book figure span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/original/org_book.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; box-shadow:2px 2px 4px rgba(0,0,0,0.2); }

#org-book-dtl { width:80%; margin:0 10% 30px 10%; padding:0.8em 0.8em 0 0.8em; box-sizing:border-box; border:#efefef 5px solid; border-radius:15px; }

#cmt-koyasu .cmt-name h2 { background-image:url(../img/original/org_cmt_name_koyasu.png); }

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

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

#org #main { background-image:url(../img/original/org_ttl_smp.jpg); }

#org-book-name { width:100%; margin:0 0 20px 0; }

#org-book { width:50%; margin:0 2% 20px 25%; }

#org-book-dtl { width:96%; margin:0 2% 20px 2%; border:#efefef 4px solid; }


}


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

#cast #main { background-image:url(../img/cast/cast_ttl.jpg); }

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

.cst-subttl { margin-bottom:20px; padding-bottom:10px; border-bottom:#00b7d2 2px solid; }
.cst-subttl h2 { height:32px; background-position:center center; background-repeat:no-repeat; background-size:auto 32px; text-indent:-9999px; }
#cst-cst .cst-subttl h2 { background-image:url(../img/cast/subttl_cast.png); }
#cst-stf .cst-subttl h2 { background-image:url(../img/cast/subttl_staff.png); }
#cst-sv .cst-subttl h2 { background-image:url(../img/cast/subttl_sv.png); }

.cst-tbl { width:100%; text-align:center; }
.cst-tbl table { margin:auto; }
.cst-tbl table th, .cst-tbl table td { vertical-align:top; padding:0.3em 0; font-size:110%; line-height:140%; }
.cst-tbl table th { color:#994500; text-align:right; }
#cst-cst .cst-tbl table td.tbl-dtln { padding:0.5em 0.3em 0.1em 0.3em; color:#994500; }
#cst-stf .cst-tbl table td.tbl-dtln,
#cst-sv .cst-tbl table td.tbl-dtln { padding:0.3em 0.3em; color:#994500; }
.cst-tbl table td.tbl-nm { padding:0.45em 0 0.3em 0; text-align:left; }
.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) {

#cast #main { background-image:url(../img/cast/cast_ttl_smp.jpg); }

#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:7px; }
.cst-subttl h2 { height:21px; background-size:auto 21px; }

.cst-t1 { display:block; }

}


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

#chart #main { background-image:url(../img/chart/chart_ttl.jpg); }

.diagram { position:relative; width:880px; height:1195px; margin-bottom:20px; border-radius:20px; background:url(../img/chart/chart_diagram2.jpg) left top no-repeat; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
.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-matsumoto { top:190px; left:405px; }
.diagram ul li#cht-matsumoto2 { top:1000px; left:185px; }
.diagram ul li#cht-hamada { top:190px; left:660px; }
.diagram ul li#cht-kojima { top:500px; left:393px; }
.diagram ul li#cht-tanaka { top:540px; left:190px; }
.diagram ul li#cht-yoshida { top:160px; left:60px; }
.diagram ul li#cht-nagami { top:340px; left:60px; }
.diagram ul li#cht-horiguchi { top:520px; left:60px; }
.diagram ul li#cht-aya { top:790px; left:260px; }
.diagram ul li#cht-segawa { top:415px; left:685px; }
.diagram ul li#cht-aida { top:673px; left:670px; }
.diagram ul li#cht-obachan { top:975px; left:455px; }
.diagram ul li#cht-shibusawa { top:975px; left:670px; }
.diagram ul li#cht-kenji { top:790px; left:110px; }
.diagram ul li#cht-tamai { top:340px; left:190px; }
.diagram ul li#cht-miyake { top:110px; left:190px; }

.diagram ul li#cht-matsumoto a { width:190px; height:250px; }
.diagram ul li#cht-hamada a,
.diagram ul li#cht-kojima a,
.diagram ul li#cht-miyake a { width:160px; height:210px; }
.diagram ul li#cht-tanaka a,
.diagram ul li#cht-aida a,
.diagram ul li#cht-obachan a,
.diagram ul li#cht-shibusawa a,
.diagram ul li#cht-tamai a { width:140px; height:180px; }
.diagram ul li#cht-matsumoto2 a,
.diagram ul li#cht-yoshida a,
.diagram ul li#cht-nagami a,
.diagram ul li#cht-horiguchi a,
.diagram ul li#cht-aya a,
.diagram ul li#cht-segawa a,
.diagram ul li#cht-kenji a { width:110px; height:160px; }

.cht-box { position:absolute; left:50%; z-index:10000!important; width:500px; box-sizing:border-box; margin-left:-250px; padding:10px; }
.cht-box-inner { border-radius:20px; padding:20px; box-sizing:border-box; background-color:#fff; }

.cht-box-pic { width:60%; margin:0 20% 15px 20%; }
.cht-box-pic p { position:relative; width:100%; height:0; padding-top:85%; }
.cht-box-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:20px; background-position:center top; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#cht-p-matsumoto .cht-box-pic p span { background-image:url(../img/chart/chart_pic_matsumoto.jpg); }
#cht-p-hamada .cht-box-pic p span { background-image:url(../img/chart/chart_pic_hamada.jpg); }
#cht-p-kojima .cht-box-pic p span { background-image:url(../img/chart/chart_pic_kojima2.jpg); }
#cht-p-tanaka .cht-box-pic p span { background-image:url(../img/chart/chart_pic_tanaka.jpg); }
#cht-p-yoshida .cht-box-pic p span { background-image:url(../img/chart/chart_pic_yoshida.jpg); }
#cht-p-nagami .cht-box-pic p span { background-image:url(../img/chart/chart_pic_nagami.jpg); }
#cht-p-horiguchi .cht-box-pic p span { background-image:url(../img/chart/chart_pic_horiguchi.jpg); }
#cht-p-aya .cht-box-pic p span { background-image:url(../img/chart/chart_pic_aya.jpg); }
#cht-p-segawa .cht-box-pic p span { background-image:url(../img/chart/chart_pic_segawa.jpg); }
#cht-p-aida .cht-box-pic p span { background-image:url(../img/chart/chart_pic_aida.jpg); }
#cht-p-obachan .cht-box-pic p span { background-image:url(../img/chart/chart_pic_obachan.jpg); }
#cht-p-shibusawa .cht-box-pic p span { background-image:url(../img/chart/chart_pic_shibusawa.jpg); }
#cht-p-kenji .cht-box-pic p span { background-image:url(../img/chart/chart_pic_kenji.jpg); }
#cht-p-tamai .cht-box-pic p span { background-image:url(../img/chart/chart_pic_tamai.jpg); }
#cht-p-miyake .cht-box-pic p span { background-image:url(../img/chart/chart_pic_miyake.jpg); }

#cht-p-matsumoto .cht-box-name p span { background-image:url(../img/chart/chart_name_matsumoto.png); }
#cht-p-hamada .cht-box-name p span { background-image:url(../img/chart/chart_name_hamada.png); }
#cht-p-kojima .cht-box-name p span { background-image:url(../img/chart/chart_name_kojima2.png); }
#cht-p-tanaka .cht-box-name p span { background-image:url(../img/chart/chart_name_tanaka.png); }
#cht-p-yoshida .cht-box-name p span { background-image:url(../img/chart/chart_name_yoshida.png); }
#cht-p-nagami .cht-box-name p span { background-image:url(../img/chart/chart_name_nagami.png); }
#cht-p-horiguchi .cht-box-name p span { background-image:url(../img/chart/chart_name_horiguchi.png); }
#cht-p-aya .cht-box-name p span { background-image:url(../img/chart/chart_name_aya.png); }
#cht-p-segawa .cht-box-name p span { background-image:url(../img/chart/chart_name_segawa.png); }
#cht-p-aida .cht-box-name p span { background-image:url(../img/chart/chart_name_aida.png); }
#cht-p-obachan .cht-box-name p span { background-image:url(../img/chart/chart_name_obachan.png); }
#cht-p-shibusawa .cht-box-name p span { background-image:url(../img/chart/chart_name_shibusawa.png); }
#cht-p-kenji .cht-box-name p span { background-image:url(../img/chart/chart_name_kenji.png); }
#cht-p-tamai .cht-box-name p span { background-image:url(../img/chart/chart_name_tamai.png); }
#cht-p-miyake .cht-box-name p span { background-image:url(../img/chart/chart_name_miyake.png); }

.cht-box-name { width:80%; margin:0 10% 10px 10%; }
.cht-box-name p { position:relative; width:100%; height:0; padding-top:29.33333%; }
.cht-box-name 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; }

#cht-p-aya .cht-box-name p,
#cht-p-kenji .cht-box-name p { padding-top:21.555555%; }

.cht-box-txt { padding:10px 0 20px 0; border-top:#ddd 1px solid; font-size:85%; line-height:160%; color:#333; }
.cht-btn-close { width:75px; height:21px; margin:auto; }
.cht-btn-close a { display:block; width:100%; height:100%; background:url(../img/chart/chart_pop_close.png); background-size:cover; }

/* matsumoto */
.cht-p-matsumoto-child { width:50%; margin:-7px 25% 15px 25%; }
.cht-p-matsumoto-child p { position:relative; width:100%; height:0; padding-top:51.7241%; }
.cht-p-matsumoto-child p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; border-radius:20px; background:url(../img/chart/chart_pic_matsumoto_child.jpg) center top no-repeat; background-size:cover; text-indent:-9999px; }


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

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

#chart #main { background-image:url(../img/chart/chart_ttl_smp.jpg); }

.diagram { background-size:cover; width:auto; height:0; padding-top:135.795454%; border-radius:4.5vw; }
.diagram div.diagram-inner { position: absolute; left:0; top:0; width:100%; height:100%; }

.cht-box { width:auto; height:auto; left:auto; margin-left:0; }
.cht-box-inner { border-radius:15px; padding:15px; }

.cht-box-pic p span { border-radius:4.5vw; }

}

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

.cht-box-pic { width:70%; margin:0 15% 15px 15%; }
.cht-box-name { width:90%; margin:0 5% 10px 5%; }

}


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

#bbs #main { background-image:url(../img/bbs/bbs_ttl.jpg); }

#bbs-ent-ttl { text-align:center; margin-bottom:1.0em; padding:0.5em 0; border-top:#994500 2px dotted; border-bottom:#994500 2px dotted; }
#bbs-ent-ttl h2 { color:#994500; 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-btn1,
#bbs-btn2,
#bbs-btn3 { margin-bottom:20px; text-align:center; }
#bbs-btn1 p { width:367px; margin:auto; }
#bbs-btn2 p { width:428px; margin:auto; }
#bbs-btn3 p { width:313px; margin:auto; }
#bbs-btn1 p a,
#bbs-btn2 p a,
#bbs-btn3 p a { display:block; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#bbs-btn1 p a { width:367px; height:101px; background-image:url(../img/bbs/bbs_btn1.png); }
#bbs-btn2 p a { width:428px; height:100px; background-image:url(../img/bbs/bbs_btn2.png); }
#bbs-btn3 p a { width:313px; height:95px; background-image:url(../img/bbs/bbs_btn3.png); }
@media (hover: hover) { #bbs-btn1 p a:hover, #bbs-btn2 p a:hover, #bbs-btn3 p a:hover { opacity:0.7; } }

#bbs-holiday { padding:1.0em; border:#efefef 3px solid; margin-bottom:30px; font-size:95%; line-height:160%; text-align:center; }
#bbs-holiday strong { color:#f17800; }

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

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

#bbs #main { background-image:url(../img/bbs/bbs_ttl_smp.jpg); }

#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-btn1,
#bbs-btn2,
#bbs-btn3 { margin-bottom:10px; }
#bbs-btn1 p { width:244px; }
#bbs-btn1 p a { width:244px; height:67px; }
#bbs-btn2 p { width:285px; }
#bbs-btn2 p a { width:285px; height:67px; }
#bbs-btn3 p { width:208px; }
#bbs-btn3 p a { width:208px; height:63px; }

#bbs-holiday { margin-bottom:20px; font-size:80%; }

}


/* Info
=================================== */

#info #main { background-image:url(../img/info/info_ttl.jpg); }

.info-box { margin-bottom:25px; padding-bottom:25px; }
.info-box:last-child { margin-bottom:0; padding-bottom:0; }

.info-ttl { padding:17px; margin-bottom:20px; border:#994500 2px solid; border-radius:10px; }
.info-ttl h2 { font-size:130%; line-height:140%; padding-bottom:0.4em; }
.info-date { font-size:95%; font-family:'Mada', sans-serif; color:#f17800; }

.info-mov { width:600px; margin:0 auto 15px auto; }

.info-pic-area { margin:0 auto 15px auto; text-align:center; }
.info-pic { margin:auto; }
.info-pic p { position:relative; width:100%; height:0; }
.info-pic p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-color:#f0f3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#info .share { margin:0 0 -25px 0; }
#info .share .ttl { background:url(../img/common/share_ttl_info.png) center center no-repeat; background-size:cover; }

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

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

#info #main { background-image:url(../img/info/info_ttl_smp.jpg); }

.info-box { margin-bottom:20px; padding-bottom:0; }

.info-ttl { padding:10px; margin-bottom:10px; }
.info-ttl h2 { font-size:95%; padding-bottom:0.2em; }
.info-date { font-size:80%; }

.info-mov { width:100%; margin:0 0% 15px 0%; }

.info-pic-area { width:100%; margin:0 0% 15px 0%; }
.info-pic { width:auto!important; height:auto!important; }

#info .share { margin:0 auto; }

}


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

#report #main { background-image:url(../img/report/report_ttl.jpg); }

#rp-main { margin-bottom:40px; }

.rp-ttl { padding:17px; margin-bottom:20px; border:#994500 2px solid; border-radius:10px; }
.rp-ttl h2 { font-size:130%; line-height:140%; padding-bottom:0.4em; }
.rp-date { font-size:95%; font-family:'Mada', sans-serif; color:#f17800; }

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

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

.rp-p { text-align:center; }
.rp-p p { margin:auto; background-color:#fffeea0; }
.rp-p p span { display:block; width:100%; height:100%; background-color:#f0f3f7; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.rp-p-yoko p { width:600px; height:400px; }
.rp-p-tate p { width:400px; height:600px; }
.rp-cap { padding-top:10px; font-size:90%; line-height:160%; text-align:center; color:#994500; }

#rp-bknm { margin-bottom:20px; padding:20px; border:#f17800 2px solid; border-radius:10px; }
#rp-bknm h2 { margin-bottom:0.8em; font-size:140%; color:#333; font-family:'Mada', sans-serif; font-weight:normal; letter-spacing:0.05em; }
#rp-bknm ul { display:flex; flex-wrap:wrap; width:100%; }
#rp-bknm ul li { width:50%; flex-wrap:nowrap; padding-bottom:1.0em; padding-right:20px; box-sizing:border-box; font-size:90%; line-height:140%; }
#rp-bknm ul li:last-child { padding-bottom:0; }
#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 { float:left; clear:both; vertical-align:top; position:relative; top:-0.1em; width:6.0em; margin-right:0.5em; padding:0.1em 0; border-radius:0.8em; color:#fff; background-color:#f17800; font-family:'Mada', sans-serif; text-align:center; }
#rp-bknm ul li dl dd { padding-left:6.5em; }

#rp-bknm-btn-more { text-align:right; }
#rp-bknm-btn-more a { position:relative; width:8em; padding:0.4em 1.0em 0.4em 0.7em; box-sizing:border-box; border-radius:1.2em; color:#f17800; text-decoration:none; font-weight:bold; font-size:90%; }
#rp-bknm-btn-more a.open::after,
#rp-bknm-btn-more a.close::after { position:absolute; top:0.6em; right:0; display:block; content:""; width:0.6em; height:1.0em; vertical-align:top; background-image:url(../img/report/rp_bknm_arrow.png); background-position:center; background-repeat:no-repeat; background-size:auto 0.7em; }
#rp-bknm-btn-more a.open::after { transform:rotate(180deg); }
#rp-bknm-more { display:none; }
#rp-bknm-more ul { padding-top:1.0em; }

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

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

#report #main { background-image:url(../img/report/report_ttl_smp.jpg); }

#rp-main { margin-bottom:20px; }

.rp-ttl { padding:10px; margin-bottom:10px; }
.rp-ttl h2 { font-size:95%; padding-bottom:0.2em; }
.rp-date { font-size:80%; }

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

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

.rp-cap { font-size:80%; }

#rp-bknm { padding:10px; }
#rp-bknm h2 { margin-bottom:0.6em; font-size:110%; }
#rp-bknm ul { display:block; }
#rp-bknm ul li { width:auto; font-size:80%; line-height:160%; }
.rp-bn-date { line-height:140%; }

#rp-bknm-btn-more { padding-top:0.4em; }

}

@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%; }

}


/* Intv
=================================== */

#intv #main { background-image:url(../img/intv/intv_ttl.jpg); }

#intv-ttl { margin-bottom:30px; }
#intv-ttl h2 { display:block; width:880px; height:260px; border-radius:20px; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
.intv-v1 #intv-ttl h2 { background-image:url(../img/intv/intv_v1_ttl.jpg); }
.intv-v2 #intv-ttl h2 { background-image:url(../img/intv/intv_v2_ttl.jpg); }
.intv-v3 #intv-ttl h2 { background-image:url(../img/intv/intv_v3_ttl.jpg); }

.intv-box { padding-bottom:20px; }
.intv-box:after {content:"";clear:both;display:block;}
.intv-box:last-child { padding-bottom:0; }
.intv-t1 { font-size:110%; line-height:170%; color:#00b7d2; font-weight:bold; padding-bottom:0.5em; margin-bottom:0.7em; border-bottom:#00b7d2 2px dotted; }
.intv-t2 { font-size:95%; line-height:170%; margin-bottom:15px; }
.intv-t2-2 { font-size:95%; line-height:170%; margin-bottom:15px; }
.intv-p-no .intv-t2 { width:100%; }
.intv-p { width:344px; margin-top:0.25em; }
.intv-p-l .intv-p { float:left; margin-right:20px; }
.intv-p-r .intv-p { float:right; margin-left:10px; }
.intv-p p { margin:auto; background-color:#f2f8fc; width:344px; height:229px; border:#fff 4px solid; box-sizing:border-box; box-shadow:0px 2px 4px 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 { margin-bottom:20px; padding:20px; border:#00b7d2 2px solid; border-radius:10px; }
#intv-bknm h2 { margin-bottom:0.8em; font-size:140%; color:#333; font-family:'Mada', sans-serif; font-weight:normal; letter-spacing:0.05em; }
#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:9%; z-index:10; text-align:center; }
.itbn-nm p { display:inline; padding:0.3em 0.6em; border-radius:1.0em; background-color:#00b7d2; color:#fff; font-size:85%; font-weight:bold; box-shadow:0.1em 0.1em 0.15em rgba(0,0,0,0.2); }
#intv-bknm-v1 a span  { background-image:url(../img/intv/intv_bknm_v1.jpg); }
#intv-bknm-v2 a span  { background-image:url(../img/intv/intv_bknm_v2.jpg); }
#intv-bknm-v3 a span  { background-image:url(../img/intv/intv_bknm_v3.jpg); }

#intv-coming { font-size:95%; line-height:170%; padding:15px; border:#9cc9ed 5px solid; margin-bottom:20px; text-align:center; }


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

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

#intv #main { background-image:url(../img/intv/intv_ttl_smp.jpg); }

#intv-ttl { position:relative; width:100%; height:0; margin-bottom:15px; padding-top:34.666%; }
#intv-ttl h2 { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-size:cover; }
.intv-v1 #intv-ttl h2 { background-image:url(../img/intv/intv_v1_ttl_smp.jpg); }
.intv-v2 #intv-ttl h2 { background-image:url(../img/intv/intv_v2_ttl_smp.jpg); }
.intv-v3 #intv-ttl h2 { background-image:url(../img/intv/intv_v3_ttl_smp.jpg); }

.intv-box { padding-bottom:20px; }
.intv-box:last-child { padding-bottom:10px; }
.intv-t1 { font-size:90%; }
.intv-t2,
.intv-t2-2 { float:none!important; width:auto; font-size:80%; margin-bottom:10px; padding:0 0; }
.intv-p { float:none!important; margin:0 auto 10px auto!important; }
.intv-p p { position:relative; width:100%!important; height:0!important; padding-top:66.66%; }
.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:2vw; }

}

@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; }
.itbn-nm p { font-size:3vw; }

}


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

#gallery #main { background-image:url(../img/gallery/gallery_ttl.jpg); }

.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:'Mada', sans-serif; font-size:110%; background-color:#e4ad07; color:#fff; text-align:center; text-decoration:none; }
#gr-bknm li a:hover { opacity:0.7; }

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

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

#gallery #main { background-image:url(../img/gallery/gallery_ttl_smp.jpg); }

.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%; }

}


/* present
=================================== */

#present #main { background-image:url(../img/present/present_ttl.jpg); }

#present-txt { margin:10px auto; width:652px; }
#present-txt p { position:relative; width:100%; height:0; padding-top:106.288343558%; }
#present-txt p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/present/present_txt2.png); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#present-notice { margin-bottom:15px; }
#present-notice li { text-indent:-1.0em; padding:0 0 0.3em 1.0em; font-size:90%; line-height:140%; text-align:center; }

#quiz { margin-bottom:20px; padding:20px; background-color:#f8f5e2; border-radius:30px; text-align:center; }
.quiz-ttl { width:4.0em; margin:0 auto 10px auto; padding:0.5em; background-color:#18980a; border-radius:1.0em; font-size:130%; color:#fede00; }
.quiz-t { margin-bottom:10px; padding:1.0em 1.0em 0.5em 1.0em; background-color:#fff; border-radius:1.0em; }
.quiz-t p { padding-bottom:0.5em; font-size:130%; line-height:140%; font-weight:bold; }
.quiz-q, .quiz-a { display:inline-block; margin-right:0.25em; width:1.4em; border-radius:0.7em; box-sizing:border-box; font-family:'Mada', sans-serif; color:#fff; text-align:center; }
.quiz-q { background-color:#18980a; }
.quiz-a { background-color:#fe9500; }
#quiz-btn p { width:240px; margin:0 auto 10px auto; }
#quiz-btn p a { width:240px; height:85px; display:block; background:url(../img/present/present_btn.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #quiz-btn p a:hover { opacity:0.7; } }
#quiz-time { color:#e95800; font-weight:bold; }
#quiz-end { padding:10px 0; line-height:140%; }

#pr-bknm { margin-bottom:20px; padding:20px; border:#18980a 2px solid; border-radius:10px; }
#pr-bknm h2 { margin-bottom:0.8em; font-size:140%; color:#333; font-family:'Mada', sans-serif; font-weight:normal; letter-spacing:0.05em; }
#pr-bknm-item li { margin-bottom:10px; padding-bottom:10px; border-bottom:#ddd 1px solid; }
#pr-bknm-item li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
#pr-bknm .quiz-ttl { margin:0 0 10px 0; padding:0.5em; font-size:100%; text-align:center; }
#pr-bknm .quiz-t { margin-bottom:0; padding:0; }
#pr-bknm .quiz-t p { font-size:100%; }

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

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

#present #main { background-image:url(../img/present/present_ttl_smp.jpg); }

#present-txt { margin:5px 0 15px 0; width:100%; }

#present-notice li { font-size:75%; text-align:left; }

#quiz { margin-bottom:15px; padding:10px; border-radius:15px; }
.quiz-ttl { font-size:110%; }
.quiz-t p { font-size:110%; }

#quiz-btn p { width:200px; }
#quiz-btn p a { width:200px; height:71px; }
#quiz-time { font-size:90%; }
#quiz-end { padding:5px 0; font-size:90%; }

#pr-bknm { padding:10px; }
#pr-bknm h2 { margin-bottom:0.6em; font-size:110%; }
#pr-bknm .quiz-ttl { font-size:85%; }
#pr-bknm .quiz-t p { font-size:85%; }

}


/* QA
=================================== */

#qa #main { background-image:url(../img/qa/qa_ttl.jpg); }

#qa-txt { margin:40px auto 20px; width:840px; }
#qa-txt p { position:relative; width:100%; height:0; padding-top:21.42857%; }
#qa-txt p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/qa/qa_txt.png); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#qa-prof { border:#00b7d2 2px solid; margin-bottom:20px; padding:20px 20px 10px 20px;border-radius:20px; }
#qa-prof:after {content:"";clear:both;display:block;}
#qa-prof h2 { margin-bottom:10px; font-size:120%; line-height:140%; color:#00b7d2; }
#qa-prof-pic { float:right; width:200px; height:200px; border-radius:30px; background:url(../img/qa/qa_prof.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
#qa-prof-txt { float:left; width:610px; }
#qa-prof-txt p { margin-bottom:10px; font-size:90%; line-height:160%; }

#qa-btn p { width:357px; margin:0 auto 10px auto; }
#qa-btn p a { width:357px; height:101px; display:block; background:url(../img/qa/qa_btn.png) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #qa-btn p a:hover { opacity:0.7; } }
#qa-btn-notice { margin-bottom:20px; text-align:center; font-size:80%; line-height:140%; }

/* QA */

.qa-chapter { margin-bottom:1.4em; font-size:90%; }

.qa-box { position:relative; overflow:hidden; padding:1.2em; }
.qa-box:after { clear:both; content:""; display:table; }
.qa-box:before { content:""; display:table; }

.qa-q { padding-left:6.0em; background:url(../img/qa/qa_bg_q.jpg); border-radius:1.2em 1.2em 0 0; }
.qa-a { padding-right:6.0em; background:url(../img/qa/qa_bg_a.jpg); border-radius:0 0 1.2em 1.2em; }
.qa-q::before,
.qa-a::before { position:absolute; display:block; content:""; width:3.4em; height:3.4em; border-radius:1.7em; background-image:url(../img/qa/qa_icon_q1.png); background-repeat:no-repeat; background-size:cover; box-shadow:1px 1px 2px rgba(0,0,0,0.1); }
.qa-q::before { left:1.2em; }
.qa-q1::before { background-image:url(../img/qa/qa_icon_q1.png); }
.qa-q2::before { background-image:url(../img/qa/qa_icon_q2.png); }
.qa-a::before { right:1.2em; background-image:url(../img/qa/qa_icon_a.jpg); }

.qa-box-inner { position:relative; padding:0.8em; background-color:#fff; border-radius:1em; line-height:180%; box-shadow:1px 1px 4px rgba(0,0,0,0.1); width:100%; box-sizing:border-box; }
.qa-box-inner:after,
.qa-box-inner:before { content:" "; width:0.8em; height:1.6em; pointer-events:none; position:absolute; top:2.3em; }
.qa-box-inner:before { background:#fff; box-shadow:0px 2px 0px rgba(0,0,0,0.1); }

.qa-q .qa-box-inner { float:left; }
.qa-a .qa-box-inner { float:right; }
.qa-q .qa-box-inner:after,
.qa-q .qa-box-inner:before { border-radius:1.6em 0 0 1.6em; right:100%; }
.qa-q .qa-box-inner:after { margin:-2.1em -1px 0 0; background:url(../img/qa/qa_bg_q.jpg); }

.qa-q .qa-box-inner:before { margin:-1.6em -1px 0 0; }
.qa-a .qa-box-inner:after,
.qa-a .qa-box-inner:before { border-radius:0 1.6em 1.6em 0; left:100%; margin:-1.8em 0 0 -1px; }
.qa-a .qa-box-inner:after { margin:-2.1em 0 0 -1px; background:url(../img/qa/qa_bg_a.jpg); }
.qa-a .qa-box-inner:before { margin:-1.6em 0 0 -1px; }

.qa-btn-more { font-weight:bold; }
.qa-btn-more a { display:inline-block; text-decoration:none; width:100%; }
.qa-btn-more a::after { display:inline-block; content:""; width:0.6em; height:1.8em; vertical-align:top; background-image:url(../img/report/rp_bknm_arrow.png); background-position:center; background-repeat:no-repeat; background-size:auto 0.7em; }
.qa-btn-more a.open::after { transform:rotate(180deg); }
.qa-btn-more a.close::after { transform:rotate(0deg); }
.qa-more { display:none; }


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

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

#qa #main { background-image:url(../img/qa/qa_ttl_smp.jpg); }

#qa-txt { margin:45px 0 15px 0; width:100%; }
#qa-txt p { position:relative; width:100%; height:0; padding-top:59.61%; }
#qa-txt p span { background-image:url(../img/qa/qa_txt_smp.png); }

#qa-prof { margin-bottom:15px; padding:10px 10px 3px 10px;border-radius:10px; }
#qa-prof h2 { margin-bottom:7px; font-size:110%; line-height:130%; text-align:center; }
#qa-prof-pic { float:none; margin:0 auto 10px auto; width:130px; height:130px; border-radius:20px; }
#qa-prof-txt { float:none; width:auto; }
#qa-prof-txt p { margin-bottom:7px; font-size:80%; }

#qa-btn p { width:250px; }
#qa-btn p a { width:250px; height:71px; }

.qa-chapter { font-size:80%; }

}


/* Firstaid
=================================== */

#firstaid #main { background-image:url(../img/firstaid/firstaid_ttl.jpg); }

#fa-txt { margin:20px auto; width:716px; }
#fa-txt p { position:relative; width:100%; height:0; padding-top:29.6%; }
#fa-txt p span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/firstaid/fa_txt.png); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.fa-p-l { float:left; margin:0 10px 0 0; }
.fa-p-c { margin:auto; }
.fa-p-r { float:right; margin: 0 0 0 10px; }
.fa-p-l p,
.fa-p-c p,
.fa-p-r p { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#fa-ttl { text-align:center; }
#fa-nm { display:block; margin:0 auto 7px auto; width:142px; height:72px; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#fa-ttl-txt { font-size:160%; line-height:140%; color:#3d71b0; }

.fa-box { margin-bottom:15px; }
.fa-box:after {content:"";clear:both;display:block;}
.fa-q { padding-bottom:7px; margin-bottom:7px; font-size:100%; line-height:140%; border-bottom:#3d71b0 1px solid; }
.fa-q .nm { display:inline-block; margin-right:0.25em; width:1.4em; background-color:#3d71b0; border-radius:0.7em; box-sizing:border-box; font-family:'Mada', sans-serif; color:#fff; text-align:center; }

#fa-prof { border:#3d71b0 2px solid; margin-bottom:20px; padding:20px;border-radius:20px; }
#fa-prof:after {content:"";clear:both;display:block;}
#fa-prof-ttl { margin-bottom:10px; font-size:120%; line-height:140%; color:#3d71b0; }
#fa-prof-name { margin-bottom:10px; font-size:110%; line-height:140%; font-weight:bold; }
#fa-prof-txt { float:left; width:610px; }
#fa-prof-txt .txt { padding-bottom:0; }
#fa-prof-pic { float:right; width:200px; height:200px; border-radius:30px; background:url(../img/firstaid/fa_prof_v1.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

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

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

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

#firstaid #main { background-image:url(../img/firstaid/firstaid_ttl_smp.jpg); }

#fa-txt { margin:15px 0; width:100%; }
#fa-txt p { position:relative; width:100%; height:0; padding-top:70.596393%; }
#fa-txt p span { background-image:url(../img/firstaid/fa_txt_smp.png); }

#fa-nm { width:95px; height:48px; }
#fa-ttl-txt { font-size:110%; }

.fa-p-l,
.fa-p-c,
.fa-p-r { float:none; margin: 0 auto 10px auto; }

#fa-prof { margin-bottom:15px; padding:10px; border-radius:10px; }
#fa-prof-ttl { margin-bottom:7px; font-size:100%; line-height:130%; text-align:center; }
#fa-prof-name { margin-bottom:7px; font-size:90%; line-height:130%; }
#fa-prof-txt { float:none; width:auto; }
#fa-prof-pic { float:none; margin:0 auto 10px auto; width:130px; height:130px; border-radius:20px; }

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

}

/* v1 */

.fa-nm-v1 { background-image:url(../img/firstaid/fa_nm_v1.png); }

#fa-p-v1-bed { width:300px; height:300px; }
#fa-p-v1-bed p { background-image:url(../img/firstaid/fa_p_v1_bed.png); }
#fa-p-v1-taionkei { width:120px; height:120px; }
#fa-p-v1-taionkei p { background-image:url(../img/firstaid/fa_p_v1_taionkei.png); }
#fa-p-v1-virus1 { width:200px; height:160px; }
#fa-p-v1-virus1 p { background-image:url(../img/firstaid/fa_p_v1_virus1.png); }
#fa-p-v1-medecine { width:150px; height:100px; }
#fa-p-v1-medecine p { background-image:url(../img/firstaid/fa_p_v1_medecine.png); }
#fa-p-v1-tearai { width:200px; height:200px; }
#fa-p-v1-tearai p { background-image:url(../img/firstaid/fa_p_v1_tearai.png); }
#fa-p-v1-virus2 { width:200px; height:160px; }
#fa-p-v1-virus2 p { background-image:url(../img/firstaid/fa_p_v1_virus2.png); }


/* v2 */

.fa-nm-v2 { background-image:url(../img/firstaid/fa_nm_v2.png); }

#fa-p-v2-burn1 { width:300px; height:360px; }
#fa-p-v2-burn1 p { background-image:url(../img/firstaid/fa_p_v2_burn1.png); }
#fa-p-v2-dgm { width:500px; height:309px; }
#fa-p-v2-dgm p { background-image:url(../img/firstaid/fa_p_v2_dgm2.png); }
#fa-p-v2-burn2 { width:180px; height:270px; }
#fa-p-v2-burn2 p { background-image:url(../img/firstaid/fa_p_v2_burn2.png); }
#fa-p-v2-burn3 { width:200px; height:200px; }
#fa-p-v2-burn3 p { background-image:url(../img/firstaid/fa_p_v2_burn3.png); }

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

#fa-p-v2-burn1 { width:200px; height:240px; }
#fa-p-v2-dgm { width:300px; height:185px; }

}

/* v3 */

.fa-nm-v3 { background-image:url(../img/firstaid/fa_nm_v3.png); }

#fa-p-v3-1 { width:300px; height:300px; }
#fa-p-v3-1 p { background-image:url(../img/firstaid/fa_p_v3_1.png); }
#fa-p-v3-2 { width:225px; height:150px; }
#fa-p-v3-2 p { background-image:url(../img/firstaid/fa_p_v3_2.png); }
#fa-p-v3-3 { width:180px; height:240px; }
#fa-p-v3-3 p { background-image:url(../img/firstaid/fa_p_v3_3.png); }
#fa-p-v3-4 { width:300px; height:250px; }
#fa-p-v3-4 p { background-image:url(../img/firstaid/fa_p_v3_4.png); }

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

#fa-p-v3-1 { width:200px; height:200px; }

}

/* v4 */

.fa-nm-v4 { background-image:url(../img/firstaid/fa_nm_v4.png); }

#fa-p-v4-1 { width:300px; height:300px; }
#fa-p-v4-1 p { background-image:url(../img/firstaid/fa_p_v4_1.png); }
#fa-p-v4-2 { width:450px; height:321px; }
#fa-p-v4-2 p { background-image:url(../img/firstaid/fa_p_v4_2.png); }
#fa-p-v4-3 { width:180px; height:240px; }
#fa-p-v4-3 p { background-image:url(../img/firstaid/fa_p_v4_3.png); }
#fa-p-v4-4 { width:300px; height:200px; }
#fa-p-v4-4 p { background-image:url(../img/firstaid/fa_p_v4_4.png); }

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

#fa-p-v4-1 { width:200px; height:200px; }
#fa-p-v4-2 { width:300px; height:214px; }
#fa-p-v4-3 { width:150px; height:200px; }

}

/* v5 */

.fa-nm-v5 { background-image:url(../img/firstaid/fa_nm_v5.png); }

#fa-p-v5-1 { width:300px; height:175px; }
#fa-p-v5-1 p { background-image:url(../img/firstaid/fa_p_v5_1.png); }
#fa-p-v5-2 { width:450px; height:369px; }
#fa-p-v5-2 p { background-image:url(../img/firstaid/fa_p_v5_2.png); }
#fa-p-v5-3 { width:250px; height:250px; }
#fa-p-v5-3 p { background-image:url(../img/firstaid/fa_p_v5_3.png); }
#fa-p-v5-4 { width:250px; height:200px; }
#fa-p-v5-4 p { background-image:url(../img/firstaid/fa_p_v5_4.png); }

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

#fa-p-v5-2 { width:300px; height:246px; }

}


/* v6 */

.fa-nm-v6 { background-image:url(../img/firstaid/fa_nm_v6.png); }

#fa-p-v6-1 { width:300px; height:278px; }
#fa-p-v6-1 p { background-image:url(../img/firstaid/fa_p_v6_1.png); }
#fa-p-v6-2 { width:200px; height:240px; }
#fa-p-v6-2 p { background-image:url(../img/firstaid/fa_p_v6_2.png); }
#fa-p-v6-3 { width:200px; height:192px; }
#fa-p-v6-3 p { background-image:url(../img/firstaid/fa_p_v6_3.png); }
#fa-p-v6-4 { width:400px; height:200px; }
#fa-p-v6-4 p { background-image:url(../img/firstaid/fa_p_v6_4.png); }
#fa-p-v6-5 { width:250px; height:150px; }
#fa-p-v6-5 p { background-image:url(../img/firstaid/fa_p_v6_5.png); }

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

#fa-p-v6-4 { width:300px; height:150px; }

}

/* v7 */

.fa-nm-v7 { background-image:url(../img/firstaid/fa_nm_v7.png); }

#fa-p-v7-1 { width:300px; height:255px; }
#fa-p-v7-1 p { background-image:url(../img/firstaid/fa_p_v7_1.png); }
#fa-p-v7-2 { width:200px; height:120px; }
#fa-p-v7-2 p { background-image:url(../img/firstaid/fa_p_v7_2.png); }
#fa-p-v7-3 { width:160px; height:213px; }
#fa-p-v7-3 p { background-image:url(../img/firstaid/fa_p_v7_3.png); }
#fa-p-v7-4 { width:200px; height:218px; }
#fa-p-v7-4 p { background-image:url(../img/firstaid/fa_p_v7_4.png); }
#fa-p-v7-5 { width:150px; height:214px; }
#fa-p-v7-5 p { background-image:url(../img/firstaid/fa_p_v7_5.png); }

/* v8 */

.fa-nm-v8 { background-image:url(../img/firstaid/fa_nm_v8.png); }

#fa-p-v8-1 { width:220px; height:330px; }
#fa-p-v8-1 p { background-image:url(../img/firstaid/fa_p_v8_1.png); }
#fa-p-v8-2 { width:250px; height:256px; }
#fa-p-v8-2 p { background-image:url(../img/firstaid/fa_p_v8_2.png); }
#fa-p-v8-3 { width:200px; height:215px; }
#fa-p-v8-3 p { background-image:url(../img/firstaid/fa_p_v8_3.png); }
#fa-p-v8-4 { width:300px; height:195px; }
#fa-p-v8-4 p { background-image:url(../img/firstaid/fa_p_v8_4.png); }

/* v9 */

.fa-nm-v9 { background-image:url(../img/firstaid/fa_nm_v9.png); }

#fa-p-v9-1 { width:300px; height:300px; }
#fa-p-v9-1 p { background-image:url(../img/firstaid/fa_p_v9_1.png); }
#fa-p-v9-2 { width:200px; height:290px; }
#fa-p-v9-2 p { background-image:url(../img/firstaid/fa_p_v9_2.png); }
#fa-p-v9-3 { width:150px; height:184px; }
#fa-p-v9-3 p { background-image:url(../img/firstaid/fa_p_v9_3.png); }



/*eof*/