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
============================ */

/* 0 - General
=================================== */

@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;
}
body { background-color:#9cc9ed; }

#con-body { background-image:url(../img/bg1.png), url(../img/bg2.png); background-position:center top, center bottom; background-repeat:repeat-x, repeat-x; background-attachment:fixed, scroll; background-color:#e6f2fa; 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; }

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

a { color:#2e80b3; }
a:hover { text-decoration:none; }

.nobr { display:none; }

/* text-color */
.blue { color:#2e80b3; }
.green { color:#63a41f; }
.orange { color:#ee7000; }
.pink { color:#fc4c92; }
.purple {color:#a757a8; }
.yellow {color:#fbc300; }
.brown {color:#ce853d; }


/* 0 - Header
=================================== */

#header { width:980px; margin:0 auto 20px auto; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }
#logo { width:980px; height:140px; }
#logo a { display:block; width:100%; height:100%; background:url(../img/header.jpg) center center no-repeat; text-indent:-9999px; }
.header0624 #logo a { background:url(../img/header_pre2.jpg) center center no-repeat!important; }
.header0625 #logo a { background:url(../img/header_pre3.jpg) center center no-repeat!important; }
#hd-oatime { display:none; }

#gnav { width:980px; height:80px; }
#gnav ul { width:100%; }
#gnav ul:after {content:"";clear:both;display:block;}
#gnav ul li { float:left; width:150px; height:80px; }
#gnav ul li a { display:block; width:100%; height:100%; border-right:#e0eef9 1px solid; box-sizing:border-box; background-image:url(../img/gnav.png); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
#gnav ul li:nth-child(6) { width:230px; }
#gnav ul li:nth-child(6) a { border-right:none; }
#gnav ul li:nth-child(1) a { background-position:0 0; }
#gnav ul li:nth-child(2) a { background-position:-150px 0; }
#gnav ul li:nth-child(3) a { background-position:-300px 0; }
#gnav ul li:nth-child(4) a { background-position:-450px 0; }
#gnav ul li:nth-child(5) a { background-position:-600px 0; }
#gnav ul li:nth-child(6) a { background-position:-750px 0; }
#news #gnav ul li:nth-child(1) a, #gnav ul li:nth-child(1) a:hover { background-position:0 -80px; }
#story #gnav ul li:nth-child(2) a, #gnav ul li:nth-child(2) a:hover { background-position:-150px -80px; }
#cast #gnav ul li:nth-child(3) a, #gnav ul li:nth-child(3) a:hover { background-position:-300px -80px; }
#staff #gnav ul li:nth-child(4) a, #gnav ul li:nth-child(4) a:hover { background-position:-450px -80px; }
#chart #gnav ul li:nth-child(5) a, #gnav ul li:nth-child(5) a:hover { background-position:-600px -80px; }
#bbs #gnav ul li:nth-child(6) a, #gnav ul li:nth-child(6) a:hover { background-position:-750px -80px; }

/* coming */
#gnav ul li:nth-child(5) span.btn-coming { display:block; width:100%; height:100%; box-sizing:border-box; background-image:url(../img/gnav.png); background-position:center center; background-repeat:no-repeat; background-position:-600px 0; text-indent:-9999px; opacity:0.5; }
#gnav ul li:nth-child(5) { background-color:#e6f2fa; }



/* 0 - Main
=================================== */

#main { width:980px; margin:0 auto 40px auto; background-image:url(../img/main_bg1.png), url(../img/main_bg2.png); background-position:left top, right top; background-repeat:no-repeat, no-repeat; background-color:#fff; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }

#main-ttl { padding:50px 0 40px 0; }
#main-ttl h1 { margin:auto; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#main-body { padding:0 60px 60px 60px; }


/* 0 - Footer
=================================== */

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

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

#f-box1 { width:680px; float:left; }
#f-box1:after {content:"";clear:both;display:block;}

#f-logo { float:left; margin:0 0 15px 50px; display:block; width:160px; height:175px; background:url(../img/footer_logo.png) no-repeat; text-indent:-9999px; }

#f-sns-link { float:left; margin:0 0 15px 118px; padding-top:10px; width:254px; text-align:center; }
#f-sns-link h2 { margin:0 auto 15px auto; width:185px; height:57px; background:url(../img/footer_sns_ttl.png) no-repeat; background-size:cover; text-align:left; text-indent:-9999px; }
#f-sns-link ul { display:inline-block; /* for space */ font-size:0; }
#f-sns-link ul li { display:inline-block; width:78px; margin-right:10px; vertical-align:middle; /* 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:39px; 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/sns_tw.jpg); }
#f-sns-link-insta a { background-image:url(../img/sns_insta.jpg); }
#f-sns-link-line a { background-image:url(../img/sns_line.jpg); }

#f-box2 { clear:both; text-align:center; }
#f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; margin-bottom:10px; }
#f-sns-tw { position:relative; top:3px; }
#f-copy { font-size:85%; line-height:130%; font-family:'Mada', sans-serif; }


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

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



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

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


/* 0 - General
=================================== */

#con-body { background-image:none; }

.nobr { display:block; }

/* 0 - Header
=================================== */

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

#logo { position:relative; width:100%; height:0; padding-top:50%; }
#logo a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/header_smp.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
.header0624 #logo a { background:url(../img/header_pre2_smp.jpg) center center no-repeat!important; background-size:cover!important; }
.header0625 #logo a { background:url(../img/header_pre3_smp.jpg) center center no-repeat!important; background-size:cover!important; }

#gnav { width:auto; height:auto; }
#gnav ul li { float:left; width:50%!important; height:40px; background-color:#fff; }
#gnav ul li a { background-image:url(../img/gnav_smp.png); background-size:150px auto; }
#gnav ul li:nth-child(1) a,
#gnav ul li:nth-child(1) a:hover { background-position:center 0!important; }
#gnav ul li:nth-child(2) a,
#gnav ul li:nth-child(2) a:hover { background-position:center -40px!important; }
#gnav ul li:nth-child(3) a,
#gnav ul li:nth-child(3) a:hover { background-position:center -80px!important; }
#gnav ul li:nth-child(4) a,
#gnav ul li:nth-child(4) a:hover { background-position:center -120px!important; }
#gnav ul li:nth-child(5) a,
#gnav ul li:nth-child(5) a:hover { background-position:center -160px!important; }
#gnav ul li:nth-child(6) a,
#gnav ul li:nth-child(6) a:hover { background-position:center -200px!important; }
#gnav ul li:nth-child(1) a,
#gnav ul li:nth-child(3) a,
#gnav ul li:nth-child(5) a { border-right:#e0eef9 1px solid; border-bottom:#e0eef9 1px solid; }
#gnav ul li:nth-child(2) a,
#gnav ul li:nth-child(4) a { border-right:none; border-bottom:#e0eef9 1px solid; }
#gnav ul li:nth-child(6) a { border-bottom:#e0eef9 1px solid; }
/* coming */
#gnav ul li:nth-child(5) span.btn-coming { background-image:url(../img/gnav_smp.png); background-size:150px auto; background-color:#fff; background-position:center -160px!important; border-right:#e0eef9 1px solid; border-bottom:#e0eef9 1px solid; }
#gnav ul li:nth-child(5) { background-color:#fff; }

/* 0 - Main
=================================== */

#main { width:auto; margin:0; background-size:160px auto, 160px auto; box-shadow:none; }

#main-ttl { padding:25px 0 20px 0; }

#main-body { padding:0 10px 10px 10px; }

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

/* 0 - Footer
=================================== */

#footer-area { width:auto; padding:20px 10px; box-sizing:border-box; background:url(../img/footer_bg_smp.png) center bottom no-repeat; background-color:#e6f2fa; background-size:cover; }
#f-box1 { width:auto; float:none; }

#f-logo { display:none; }

#f-sns-link { float:none; margin:0 0 15px 0; padding-top:0; width:auto; }

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

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


}


/* 0 - Top
=================================== */

#top-main { width:980px; margin:0 auto 20px auto; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }
#top-main-pic { position:relative; width:100%; height:0; padding-top:69.38%; }
#top-main-pic h1 { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background-image:url(../img/top/top_main.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.top-main0624 #top-main-pic h1 { background-image:url(../img/top/top_main_pre2.jpg); }
.top-main0625 #top-main-pic h1 { background-image:url(../img/top/top_main_pre3.jpg); }
.top-main0715 #top-main-pic h1 { background-image:url(../img/top/top_main_0715.jpg); }
.top-main0722 #top-main-pic h1 { background-image:url(../img/top/top_main_0722.jpg); }
.top-main0729 #top-main-pic h1 { background-image:url(../img/top/top_main_0729.jpg); }
.top-main0805 #top-main-pic h1 { background-image:url(../img/top/top_main_0805.jpg); }
.top-main0812 #top-main-pic h1 { background-image:url(../img/top/top_main_0812.jpg); }
.top-main0819 #top-main-pic h1 { background-image:url(../img/top/top_main_0819.jpg); }
.top-main0902 #top-main-pic h1 { background-image:url(../img/top/top_main_0902.jpg); }
.top-main0909 #top-main-pic h1 { background-image:url(../img/top/top_main_0909.jpg); }
#top-main-oatime { display:none; }

#top #gnav { margin:0 auto 20px auto; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }

#top-update { width:980px; margin:0 auto 20px auto; box-shadow:0px 0px 10px rgba(185,215,240,0.4); display:flex; }
#top-update h2 { width:130px; min-height:60px; background:url(../img/top/top_update_ttl.png) center center no-repeat #ffef00; background-size:auto 60px; text-indent:-9999px; }
#top-update-t { width:850px; min-height:60px; padding:20px 15px; box-sizing:border-box; background-color:#fff; }
#top-update-t ul { width:100%; }
#top-update-t ul li { display:none; font-size:16px; line-height:140%; }
#top-update-t ul li:first-child { display:block; }
#top-update-t ul li a { color:#333; text-decoration:none; }
#top-update-t ul li a:hover { color:#333; text-decoration:underline; }
.upd-date { font-weight:bold; }
#top #f-logo { margin:0 0 15px 260px; }

#top-box1 { width:980px; margin:0 auto 20px auto; }
#top-box1:after {content:"";clear:both;display:block;}
#top-box1-l { width:480px; float:left; margin-right:20px; }
#top-box1-r { width:480px; float:left; }
#top-story { position:relative; width:100%; height:0; padding-top:37.5%; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }
#top-story a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/top/top_story_v9.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#top-sns { height:180px; padding:10px 10px 15px 10px; box-sizing:border-box; background:url(../img/top/top_sns_bg_smp.jpg) center top no-repeat #fff; background-size:cover; box-shadow:0px 3px 5px rgba(185,215,240,0.2); text-align:center; }
#top-sns h2 { display:block; vertical-align:middle; width:185px; height:57px; margin:0 auto 10px auto; background:url(../img/top/top_sns_ttl.png) no-repeat; background-size:cover; text-align:left; text-indent:-9999px; }
#top-sns ul { display:inline-block; vertical-align:middle; /* for space */ font-size:0; }
#top-sns ul li { display:inline-block; vertical-align:middle; width:78px; margin-right:10px; vertical-align:middle; /* for space */ font-size:1rem; }
#top-sns ul li:last-child { margin-right:0; }
#top-sns ul li a { display:block; width:78px; height:78px; border-radius:39px; 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/sns_tw.jpg); }
#top-sns-link-insta a { background-image:url(../img/sns_insta.jpg); }
#top-sns-link-line a { background-image:url(../img/sns_line.jpg); }

#top-box2 { width:980px; margin:0 auto 40px auto; }
#top-box2:after {content:"";clear:both;display:block;}
#top-box2-bn { float:left; width:290px; }
#bn-kosei a { display:block; width:290px; height:100px; margin-bottom:20px; background-image:url(../img/top/bn_kosei.jpg); background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
#top-tw { width:290px; float:left; margin-right:20px; }
#top-tw h2 { width:290px; height:43px; }
#top-tw h2 a { display:block; width:290px; height:43px; background:url(../img/top/top_tw_ttl.png) center center no-repeat #55acee; background-size:auto 43px; text-indent:-9999px; }
#top-box2-r { width:670px; float:right; }
#top-nav ul:after {content:"";clear:both;display:block;}
#top-nav ul li { float:left; width:210px; height:130px; margin:0 20px 20px 0; }
#top-nav ul li:nth-child(3n) { margin:0 0 20px 0; }
#top-nav ul li a { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:0px 0px 10px rgba(185,215,240,0.6); }
#top-nav ul li:nth-child(1) a { background-image:url(../img/top/top_nav_intro.jpg); }
#top-nav ul li:nth-child(2) a { background-image:url(../img/top/top_nav_original.jpg); }
#top-nav ul li:nth-child(3) a { background-image:url(../img/top/top_nav_chart.jpg); }
#top-nav ul li:nth-child(4) a { background-image:url(../img/top/top_nav_intv_v6.jpg);
 }
#top-nav ul li:nth-child(5) a { background-image:url(../img/top/top_nav_report.jpg); }
#top-nav ul li:nth-child(6) a { background-image:url(../img/top/top_nav_gallery.jpg); }
#top-nav ul li:nth-child(7) a { background-image:url(../img/top/top_nav_note.jpg); }
#top-nav ul li:nth-child(8) a { background-image:url(../img/top/top_nav_present.jpg); }
#top-nav ul li:nth-child(9) a { background-image:url(../img/top/top_nav_goods.jpg); }
#top-nav ul li:nth-child(10) a { background-image:url(../img/top/top_nav_dvd.jpg); }
#top-nav ul li:nth-child(11) span { opacity:0.5; background-image:url(../img/top/top_nav_paravi2.jpg); display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; box-shadow:0px 0px 10px rgba(185,215,240,0.6); }
#top-nav ul li:nth-child(12) a { background-image:url(../img/top/top_nav_free.jpg); }
#free-end { display:block; width:100%; height:100%; background:url(../img/top/top_nav_free_end.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

.rp-menu { display:block; position:relative; width:100%; height:100%; text-align:center; }
.rp-menu-p { display:block; position:absolute; width:100%; height:100%; }
.rp-menu-date { position:absolute; left:0; bottom:15%; width:100%; text-align:center; }
.rp-menu-date-t { display:block; margin:0 auto; width:6.0em; background-color:#ffef00; padding:0.5em 0; border-radius:1.0em; text-indent:0; font-family:'Mada', sans-serif; color:#333; }
.note-menu { display:block; position:relative; width:100%; height:100%; }
.note-menu-p { display:block; position:absolute; width:100%; height:100%; }
.note-menu-date { position:absolute; left:5.5%; bottom:7%; }
.note-menu-date-t { display:block; margin:0 auto; width:2.4em; text-align:center; background-color:#ffef00; padding:0.6em 0; border-radius:1.2em; text-indent:0; font-family:'Mada', sans-serif; letter-spacing:0.05em; color:#333; box-shadow:0px 0px 4px rgba(185,215,240,0.8); }
#top-insta:after {content:"";clear:both;display:block;}
#top-insta h2 { float:left; width:94px; }
#top-insta h2 a { display:block; width:94px; height:96px; background:url(../img/top/top_insta_ttl.png) no-repeat; text-indent:-9999px; }
div.insta { float:left; background-size:cover; width:576px; }
div.insta ul:after {content:"";clear:both;display:block;}
div.insta ul li { float:left; margin:0 0 0 0; }
div.insta ul li a, div.insta ul li a img { display:block; background-position:center center; background-repeat:no-repeat; width:96px; height:96px; }
div.insta ul li a { background-size:cover; }
div.insta ul li a img { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
div.insta ul li a img.icon-video { background-image:url(/um/img/play.png); }

.ribbon-box{ position:relative; }
.ribbon-new-area { position:absolute; top:-0.33em; right:-0.33em; width:5em; height:5em; overflow:hidden; z-index:10; font-size:16px; }
.ribbon-new { display:inline-block; position:absolute; padding:0.33em 0; left:-1.27em; top:1.22em; width:8.88em; text-align:center; background:#ffa520; color: #fff; letter-spacing: 0.05em; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0.11em 0.27em rgba(0, 0, 0, 0.2); font-family:'Mada', sans-serif;
}
.ribbon-new:before,.ribbon-new:after{ position: absolute; content: ""; border-top: 0.22em solid #b2751b; border-left: 0.22em solid transparent; border-right: 0.22em solid transparent; bottom:-0.22em; }
.ribbon-new:before{ left:0.78em; }
.ribbon-new:after{ right:1.0em; }

#top-donate { width:980px; margin:0 auto 20px auto; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }
#top-donate a { display:block; padding:1.0em; box-sizing:border-box; background-color:#fff; text-decoration:none; text-align:center; font-weight:bold; font-size:120%; color:#333; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
#top-donate a span { display:inline-block; font-size:60%; position:relative; bottom:0.2em; }

#top-postpone { width:980px; margin:0 auto 10px auto; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }
#top-postpone a { display:block; padding:1.0em; box-sizing:border-box; background-color:#fff; text-decoration:none; text-align:center; font-weight:bold; font-size:120%; color:#333; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
#top-postpone a span { display:inline-block; font-size:60%; position:relative; bottom:0.2em; }

.top-main0812 { margin:0 auto 5px auto!important; }
#top-notice0812 { width:980px; margin:0 auto 20px auto; padding:1.0em; box-sizing:border-box; background-color:#fff; text-align:center; font-weight:bold; color:#ff2c86; box-shadow:0px 0px 10px rgba(185,215,240,0.4); }

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

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

#top-main { width:auto; margin:0; box-shadow:none; border-bottom:#e0eef9 1px solid; }

#top #gnav { margin:0 0 10px 0; box-shadow:none; }

#top-update { width:auto; padding:0 10px 20px 10px; margin:0; display:block; box-shadow:none; }
#top-update h2 { width:auto; height:40px; min-height:0; background-size:auto 50px; }
#top-update-t { width:auto; min-height:0; padding:12px 12px; box-shadow:0px 3px 5px rgba(185,215,240,0.2); }
#top-update-t ul li { font-size:80%; }

#top-box1 { width:auto; padding:0 10px 0 10px; }
#top-mov { width:auto; float:none; margin:0; padding:0 0 20px 0; box-sizing:border-box; text-align:center; }
#top-mov h2 { float:none; margin:0 auto 5px auto; width:84px; height:20px; }
#top-mov-date { float:none; margin:0 0 10px 0; text-align:center; font-size:90%; }
#top-box1-l { width:auto; float:none; margin:0 0 20px 0; }
#top-box1-r { width:auto; float:none; margin:0; }

#top-box2 { width:auto; margin:0; padding:0 0 0 0; }
#top-box2-bn { float:none; width:auto; margin:0 10px 20px 10px; }
#bn-kosei { position:relative; width:100%; height:0; padding-top:27.5862%; }
#bn-kosei a { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/top/bn_kosei_smp.jpg); }
#top-tw { width:auto; float:none; margin:0; padding:0 3%; box-sizing:border-box; }
#top-tw h2,
#top-tw h2 a { width:auto; }
#tw-tl { padding:3vw; box-sizing:border-box; background-color:#fff; }
#top-box2-r { width:auto; float:none; padding:0 3%; box-sizing:border-box; }
#top-nav ul li { float:left; position:relative; width:48.5%; height:0; margin:0 3% 3% 0!important; padding-top:30.1767%; }
#top-nav ul li:nth-child(even) { margin:0 0 3% 0!important; }
#top-nav ul li a { position:absolute; display:block; left:0; top:0; }
#free-end { position:absolute; display:block; left:0; top:0; }

.rp-menu-date-t { font-size:3.8vw; }
.note-menu-date-t { font-size:3.8vw; }
#top-insta { margin-bottom:20px; }
#top-insta h2 { float:none; width:auto; }
#top-insta h2 a { width:auto; height:43px; background:url(../img/top/top_insta_ttl_smp.png) center center no-repeat #f9a0c6; background-size:auto 43px; }
div.insta { float:none; width:auto; }
div.insta ul li { position:relative; width:16.667%; height:0; padding-top:16.667%; }
div.insta ul li a { position:absolute; left:0; top:0; width:100%; height:100%; }
div.insta ul li a img { width:100%; height:100%; }

.ribbon-new-area { font-size:3.0vw; }

#top-donate { width:auto; margin:0 0 10px 0; padding:0 10px; box-sizing:border-box; }
#top-donate a { padding:0.7em; font-size:85%; line-height:120%; }

#top-postpone { width:auto; margin:0 0 5px 0; padding:0 10px; box-sizing:border-box; }
#top-postpone a { padding:0.7em; font-size:85%; line-height:120%; }

.top-main0812 { margin:0!important; }
#top-notice0812 { width:auto; margin:0 auto 1px auto; padding:0.5em; font-size:78%; line-height:120%; box-shadow:none; }

}

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

div.insta ul li { position:relative; width:33.333%; height:0; padding-top:33.333%; }

}

/* 1-1 - News
=================================== */

#news #main-ttl h1 { width:171px; height:39px; background-image:url(../img/news/news_ttl.png); }

#news #main-body { padding:0 60px 30px 60px; }

.nw-box { margin-bottom:20px; box-sizing:border-box;  }

.nw-ttl { padding:17px; background-color:#e5f8cd; }
.nw-ttl h2 { font-size:110%; line-height:140%; padding-bottom:0.4em; color:#266904; }
.nw-date { font-size:95%; font-family:'Mada', sans-serif; color:#266904; }

.nw-body { padding:20px 20px 0 20px; }

.nw-sbox { padding-bottom:20px; }

.nw-subttl { color:#63a41f; padding-bottom:0.5em; line-height:130%; margin-bottom:13px; border-bottom:#9bc570 1px solid; }
.nw-txt { font-size:95%; line-height:180%; }

.nw-name { color:#63a41f; }

.nw-p { text-align:center; }
.nw-p p { margin:auto; background-color:#f7faf4; }
.nw-p p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

.nw-p-box { text-align:center; /* for space */ font-size:0; }
.nw-p-box .nw-p { display:inline-block; vertical-align:middle; /* for space */ font-size:1rem; }

.bansen-txt { font-size:95%; line-height:170%; padding-bottom:1.0em; }
.bansen-date { color:#63a41f; font-weight:bold; }
.bansen-ttl { color:#ee7000; font-weight:bold; font-size:110%; }
.bansen-notice { font-size:80%; line-height:160%; }

.nw-notice { background-color:#fff799; }

#n20180505_1_p1 p { width:600px; height:400px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180505_1_p2 p { width:600px; height:375px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180602_p1 p { width:600px; height:424px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180704_p1 p { width:600px; height:400px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }

#n20180711_p1 p { width:150px; height:150px; margin-bottom:20px; }
#n20180711_p2 p { width:400px; height:267px; margin-bottom:20px; margin-right:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180711_p3 p { width:400px; height:267px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180711_p4 p { width:350px; height:50px; margin-bottom:20px; }
#n20180711_p5 p { width:255px; height:360px; margin-bottom:20px; margin-right:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180711_p6 p { width:360px; height:360px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180718_p1 p { width:400px; height:267px; margin-bottom:20px; margin-right:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }
#n20180718_p2 p { width:400px; height:267px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }

#n20180804_p1 p { width:600px; height:424px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }

#n20180808_p1 p { width:600px; height:420px; margin-bottom:20px; }
#n20180808-p-box { padding-top:20px; text-align:center; /* for space */ font-size:0; }
#n20180808-p-box .nw-p { width:50%; display:inline-block; vertical-align:bottom; /* for space */ font-size:1rem; }
#n20180808_p2 .nw-pic { width:402px; height:343px; margin-bottom:10px; margin-right:20px; }
#n20180808_p3 .nw-pic { width:372px; height:264px; margin-bottom:10px; }
#n20180808_p4 .nw-pic { width:372px; height:263px; margin-bottom:10px; margin-right:20px;  }
#n20180808_p5 .nw-pic { width:270px; height:323px; margin-bottom:10px; }
.nw-p p.nw-cap { background:none; font-size:90%; margin-bottom:20px; }
#n20180808_t1 { font-size:150%; color:#00acca; text-align:center; font-weight:bold; margin-bottom:20px; }
#n20180808_t2 { display:block; text-align:center; }
#n20180808_t3 { display:block; font-size:150%; color:#63a41f; text-align:center; font-weight:bold; margin-bottom:20px; }
#n20180808_notice { padding:1.0em 0; font-size:85%; line-height:140%; }

#n20180810_p1 p { width:373px; height:500px; margin-bottom:20px; border:#efefef 1px solid; box-shadow:0px 2px 3px rgba(0,0,0,0.1); }

#n20180812_p1 p { width:600px; height:424px; margin-bottom:20px; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 3px rgba(0,0,0,0.2); }

#n20180916_p1 p { width:600px; height:483px; margin:5px auto 0 auto; border: #fff 5px solid; box-sizing:border-box; }

#nw-present-btn { text-align:center; margin:15px 0 10px 0; }
#nw-present-btn p { width:17.0em; margin:auto; font-size:120%; }
#nw-present-btn p a { display:block; width:100%; padding:1.3em 0; box-sizing:border-box; border-radius:1.8em; background-color:#63a41f; color:#fff; font-weight:bold; text-decoration:none; box-shadow:0px 0px 5px rgba(77,37,100,0.5) inset; text-shadow:0px 0px 5px rgba(77,37,100,0.5); }
#nw-present-t { font-size:95%; text-align:center; }

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

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

#news #main-ttl h1 { width:114px; height:26px; }

#news #main-body { padding:0 10px 1px 10px; }

.nw-box { margin-bottom:15px; }

.nw-ttl { padding:10px; }
.nw-ttl h2 { font-size:85%; padding-bottom:0.2em; }
.nw-date { font-size:80%; }

.nw-subttl { font-size:90%; margin-bottom:10px; }
.nw-txt { font-size:80%; line-height:160%; }

.nw-body { padding:15px 0 5px 0; border:none; }

.nw-sbox { padding-bottom:10px; }

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

.bansen-txt { font-size:80%; }

#n20180505_1_p1 p { padding-top:66.66%; margin-bottom:15px; }
#n20180505_1_p2 p { padding-top:62.5%; margin-bottom:15px; }
#n20180602_p1 p { padding-top:70.66%; margin-bottom:15px; }
#n20180704_p1 p { padding-top:66.66%; margin-bottom:15px; }
#n20180804_p1 p { padding-top:66.66%; margin-bottom:15px; }
#n20180812_p1 p { padding-top:66.66%; margin-bottom:15px; }

#n20180711_p2,
#n20180711_p3,
#n20180711_p5,
#n20180711_p6 { display:block; padding:0 5%; }
#n20180711_p1 p { width:100px!important; height:100px!important; margin-bottom:15px; }
#n20180711_p2 p,
#n20180711_p3 p { display:block; padding-top:66.75%; margin-bottom:15px; }
#n20180711_p4 p { width:250px!important; height:36px!important; margin-bottom:15px; }
#n20180711_p5 p { padding-top:141.34%; margin-bottom:15px; }
#n20180711_p6 p { padding-top:100%; }
#n20180718_p1,
#n20180718_p2 { width:100%; height:auto; }
#n20180718_p1 p,
#n20180718_p2 p { padding-top:66.66%; margin-bottom:15px; }

#n20180808_p1 p { padding-top:70%; margin-bottom:15px; }
#n20180808-p-box { padding-top:10px; }
#n20180808-p-box .nw-p { width:100%; }
#n20180808_p2,
#n20180808_p3,
#n20180808_p4,
#n20180808_p5 { margin-bottom:20px; }
#n20180808_p2 .nw-pic { width:300px!important; height:256px!important; margin:0 auto 10px auto; }
#n20180808_p3 .nw-pic { width:260px!important; height:185px!important; margin:0 auto 10px auto; }
#n20180808_p4 .nw-pic { width:260px!important; height:184px!important; margin:0 auto 10px auto; }
#n20180808_p5 .nw-pic { width:240px!important; height:287px!important; margin:0 auto 10px auto; }
.nw-cap { font-size:90%; }
#n20180808_t1 { font-size:110%; margin-bottom:10px; }
#n20180808_t3 { font-size:130%; margin-bottom:10px; }
#n20180808_notice { font-size:70%; }

#n20180810_p1 p { width:373px!important; height:500px!important; margin-bottom:15px; }

#n20180916_p1 p { padding-top:80.5%; }

#nw-present-btn { margin:10px 0 10px 0; }
#nw-present-btn p { width:15.0em; font-size:4.2vw; }
#nw-present-t { font-size:80%; }
	
}

@media all and (max-width: 400px) {
#n20180810_p1 { margin:0 5%; }
#n20180810_p1 p { position:relative; width:100%!important; height:0!important; padding-top:133.928%; }
}

/* 1-2 - Story
=================================== */

#story #main-ttl { padding:50px 0 20px 0; }
#story #main-ttl h1 { width:154px; height:39px; background-image:url(../img/story/story_ttl.png); }

#str-box { margin-bottom:30px; }

#str-ttl { display:block; width:100%; height:75px; margin-bottom:25px; background-position:center center; background-repeat:no-repeat; background-size:auto 75px; text-indent:-9999px; }

#str-mov1 { width:640px; margin:0 auto 20px auto; background-color:#e6f2fa; }
#str-mov1 .mov_yt { background-color:#f3f9fd; }

#str-p1 { text-align:center; margin-bottom:20px; }
#str-p1 p { width:640px; height:425px; margin:auto; border:#fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 4px rgba(0,0,0,0.2); }
#str-p1 p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#str-txt p { font-size:95%; line-height:180%; padding-bottom:0.7em; }

#str-mov-box { margin-bottom:-30px; }
#str-mov-box:after {content:"";clear:both;display:block;}
#str-mov-box-ttl { margin-bottom:15px; font-size:120%; }
#str-mov-box li { float:left; width:415px; margin:0 0 30px 0; }
#str-mov-box li .mov_yt { background-color:#f3f9fd; }
#str-mov-box li:nth-child(odd) { margin:0 30px 30px 0; }
.str-mov-cap { font-size:95%; padding-top:0.7em; }

#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:#297fb5; font-weight:bold; font-size:95%; letter-spacing:0.1em; }

.str-v1 #str-ttl { background-image:url(../img/story/story_v1_ttl.png); }
.str-v1 #str-p1 p span { background-image:url(../img/story/story_v1_p1.jpg); }
#str-bknm-v1 a span  { background-image:url(../img/story/story_bknm_v1.jpg); }
.str-v2 #str-ttl { background-image:url(../img/story/story_v2_ttl.png); }
.str-v2 #str-p1 p span { background-image:url(../img/story/story_v2_p1.jpg); }
#str-bknm-v2 a span  { background-image:url(../img/story/story_bknm_v2.jpg); }
.str-v3 #str-ttl { background-image:url(../img/story/story_v3_ttl.png); }
.str-v3 #str-p1 p span { background-image:url(../img/story/story_v3_p1.jpg); }
#str-bknm-v3 a span  { background-image:url(../img/story/story_bknm_v3.jpg); }
.str-v4 #str-ttl { background-image:url(../img/story/story_v4_ttl.png); }
.str-v4 #str-p1 p span { background-image:url(../img/story/story_v4_p1.jpg); }
#str-bknm-v4 a span  { background-image:url(../img/story/story_bknm_v4.jpg); }
.str-v5 #str-ttl { background-image:url(../img/story/story_v5_ttl.png); }
.str-v5 #str-p1 p span { background-image:url(../img/story/story_v5_p1.jpg); }
#str-bknm-v5 a span  { background-image:url(../img/story/story_bknm_v5.jpg); }
.str-v6 #str-ttl { background-image:url(../img/story/story_v6_ttl.png); }
.str-v6 #str-p1 p span { background-image:url(../img/story/story_v6_p1.jpg); }
#str-bknm-v6 a span  { background-image:url(../img/story/story_bknm_v6.jpg); }
.str-v7 #str-ttl { background-image:url(../img/story/story_v7_ttl.png); }
.str-v7 #str-p1 p span { background-image:url(../img/story/story_v7_p1.jpg); }
#str-bknm-v7 a span  { background-image:url(../img/story/story_bknm_v7.jpg); }
.str-v8 #str-ttl { background-image:url(../img/story/story_v8_ttl.png); }
.str-v8 #str-p1 p span { background-image:url(../img/story/story_v8_p1.jpg); }
#str-bknm-v8 a span  { background-image:url(../img/story/story_bknm_v8.jpg); }
.str-v9 #str-ttl { background-image:url(../img/story/story_v9_ttl.png); }
.str-v9 #str-p1 p span { background-image:url(../img/story/story_v9_p1.jpg); }
#str-bknm-v9 a span  { background-image:url(../img/story/story_bknm_v9.jpg); }


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

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

#story #main-ttl { padding:25px 0 15px 0; }
#story #main-ttl h1 { width:103px; height:26px; }

#str-box { margin-bottom:25px; }

#str-ttl { height:50px; margin-bottom:20px; background-size:auto 50px; }

#str-mov1 { width:auto; margin:0 auto 15px auto; }

#str-p1 p { position:relative; width:100%; height:0; margin:0 auto 15px auto; padding-top:66.46%; }
#str-p1 p span { position:absolute; left:0; top:0; width:100%; height:100%; }

#str-txt p { font-size:80%; }

#str-mov-box { margin-bottom:0; padding-bottom:1px; }
#str-mov-box-ttl { margin-bottom:10px; font-size:100%; text-align:center; }
#str-mov-box li { width:49%; margin:0 0 4% 0; }
#str-mov-box li:nth-child(odd) { margin:0 2% 4% 0; }
.str-mov-cap { font-size:85%; text-align:center; }

#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; }

}

/* 1-3/4 - Cast / Staff
=================================== */

#cast #main-ttl h1 { width:132px; height:39px; background-image:url(../img/cast/cast_ttl.png); }
#staff #main-ttl h1 { width:158px; height:39px; background-image:url(../img/staff/staff_ttl.png); }

#cst-tbl { width:100%; text-align:center; background:url(../img/cast/cast_bg.png) bottom right 50px no-repeat; }
#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 tr.tbl-mgnbtm th, #cst-tbl table tr.tbl-mgnbtm td { padding:0.3em 0 0.8em 0; }
#cst-tbl table tr.tbl-mgnbtm2 th, #cst-tbl table tr.tbl-mgnbtm2 td { padding:0.3em 0 1.2em 0; }
#cst-tbl table th { color:#2e80b3; text-align:right; min-width:9.0em; }
#cst-tbl table td.tbl-dtln { padding:0.3em 0.3em; }
#cst-tbl table td.tbl-nm { text-align:left; min-width:9.0em; }

#staff #cst-tbl { padding:1.0em 0 3.0em 0; background:url(../img/staff/staff_bg.png) bottom right no-repeat; }
#staff #cst-tbl table th, #staff #cst-tbl table td { padding:0.3em 0 1.0em 0; }
#staff #cst-tbl table th { min-width:11.0em; }

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

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

#cast #main-ttl h1 { width:88px; height:26px; }
#staff #main-ttl h1 { width:105px; height:26px; }

#cst-tbl { width:100%; text-align:center; background:none!important; padding-bottom:10px; }
#cst-tbl table th, #cst-tbl table td { font-size:100%; }

#staff #cst-tbl { padding:0; }
#staff #cst-tbl table th, #staff #cst-tbl table td { display:block; text-align:center; }
#staff #cst-tbl table th { padding:0.3em 0 0 0; }
#staff #cst-tbl table td { padding:0.3em 0 1.0em 0; }
#staff #cst-tbl table td.tbl-dtln { display:none; }

}

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

#cst-tbl table th, #cst-tbl table td { font-size:90%; }
#staff #cst-tbl table th, #staff #cst-tbl table td { font-size:100%; }

}

/* 1-5 - Chart
=================================== */

#chart #main-ttl h1 { width:134px; height:39px; background-image:url(../img/chart/chart_ttl.png); }

.diagram { position:relative; width:860px; height:1110px; background:url(../img/chart/chart_dgm.jpg) left top no-repeat; }
.diagram ul { list-style-type:none; }
.diagram ul li { position:absolute; }
.diagram ul li a { display:block; }
.diagram ul li a:hover { display:block; background-color:rgba(255,255,255,0.3); }

.diagram ul li#cht-suzu { top:269px; left:505px; }
.diagram ul li#cht-suzu2 { top:369px; left:725px; }
.diagram ul li#cht-shusaku { top:269px; left:220px; }
.diagram ul li#cht-tetsu { top:29px; left:670px; }
.diagram ul li#cht-sachiko { top:766px; left:262px; }
.diagram ul li#cht-shino { top:906px; left:262px; }
.diagram ul li#cht-juro { top:734px; left:480px; }
.diagram ul li#cht-sumi { top:524px; left:725px; }
.diagram ul li#cht-harumi { top:509px; left:60px; }
.diagram ul li#cht-rin { top:29px; left:460px; }
.diagram ul li#cht-kayo { top:909px; left:485px; }
.diagram ul li#cht-kousuke { top:939px; left:672px; }
.diagram ul li#cht-keiko { top:269px; left:30px; }
.diagram ul li#cht-taki { top:766px; left:142px; }
.diagram ul li#cht-yasujiro { top:906px; left:142px; }
.diagram ul li#cht-entaro { top:29px; left:30px; }
.diagram ul li#cht-kiseno { top:524px; left:450px; }
.diagram ul li#cht-san { top:29px; left:250px; }
.diagram ul li#cht-ito { top:524px; left:220px; }
.diagram ul li#cht-youichi { top:684px; left:725px; }

.diagram ul li#cht-suzu a,
.diagram ul li#cht-shusaku a { width:220px; height:220px; }
.diagram ul li#cht-tetsu a,
.diagram ul li#cht-rin a,
.diagram ul li#cht-kayo a,
.diagram ul li#cht-keiko a,
.diagram ul li#cht-entaro a,
.diagram ul li#cht-kiseno a,
.diagram ul li#cht-san a,
.diagram ul li#cht-ito a { width:160px; height:180px; }
.diagram ul li#cht-suzu2 a,
.diagram ul li#cht-sachiko a,
.diagram ul li#cht-shino a,
.diagram ul li#cht-juro a,
.diagram ul li#cht-sumi a,
.diagram ul li#cht-harumi a,
.diagram ul li#cht-kousuke a,
.diagram ul li#cht-taki a,
.diagram ul li#cht-yasujiro a,
.diagram ul li#cht-youichi a { width:100px; height:120px; }

.cht-box { position:absolute; left:50%; z-index:10000!important; width:670px; box-sizing:border-box; border-radius:5px; margin-left:-345px; padding:25px; background:url(../img/chart/chart_pop_bg.jpg) left bottom no-repeat; background-color:#fff; background-size:contain; }
.cht-box-inner { position:relative; }
.cht-box-l { float:left; width:300px; }
.cht-box-name { width:300px; height:65px; margin-bottom:15px; background-position:0 0; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.cht-box-txt { font-size:85%; line-height:160%; border-top:rgba(23,136,206,0.5) 1px solid; padding-top:15px; }
.cht-btn-close { position:absolute; bottom:5px; }
.cht-btn-close a { display:block; width:82px; height:20px; background:url(../img/chart/chart_pop_close.png); background-size:cover; }
.cht-box-pic { float:right; width:300px; height:300px; box-sizing:border-box; border:5px #fff solid; box-shadow:2px 2px 5px rgba(0,0,0,0.2); background-position:0 0; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#cht-p-suzu .cht-box-name { background-image:url(../img/chart/chart_name1.png); }
#cht-p-shusaku .cht-box-name { background-image:url(../img/chart/chart_name2.png); }
#cht-p-tetsu .cht-box-name { background-image:url(../img/chart/chart_name3.png); }
#cht-p-sachiko .cht-box-name { background-image:url(../img/chart/chart_name4.png); }
#cht-p-shino .cht-box-name { background-image:url(../img/chart/chart_name5.png); }
#cht-p-juro .cht-box-name { background-image:url(../img/chart/chart_name6.png); }
#cht-p-sumi .cht-box-name { background-image:url(../img/chart/chart_name7.png); }
#cht-p-harumi .cht-box-name { background-image:url(../img/chart/chart_name8.png); }
#cht-p-rin .cht-box-name { background-image:url(../img/chart/chart_name9.png); }
#cht-p-kayo .cht-box-name { background-image:url(../img/chart/chart_name10.png); }
#cht-p-kousuke .cht-box-name { background-image:url(../img/chart/chart_name11.png); }
#cht-p-keiko .cht-box-name { background-image:url(../img/chart/chart_name12.png); }
#cht-p-taki .cht-box-name { background-image:url(../img/chart/chart_name13.png); }
#cht-p-yasujiro .cht-box-name { background-image:url(../img/chart/chart_name14.png); }
#cht-p-entaro .cht-box-name { background-image:url(../img/chart/chart_name15.png); }
#cht-p-kiseno .cht-box-name { background-image:url(../img/chart/chart_name16.png); }
#cht-p-san .cht-box-name { background-image:url(../img/chart/chart_name17.png); }
#cht-p-ito .cht-box-name { background-image:url(../img/chart/chart_name18.png); }
#cht-p-youichi .cht-box-name { background-image:url(../img/chart/chart_name19.png); }

#cht-p-suzu .cht-box-pic { background-image:url(../img/chart/chart_pic1.jpg); }
#cht-p-shusaku .cht-box-pic { background-image:url(../img/chart/chart_pic2.jpg); }
#cht-p-tetsu .cht-box-pic { background-image:url(../img/chart/chart_pic3.jpg); }
#cht-p-sachiko .cht-box-pic { background-image:url(../img/chart/chart_pic4.jpg); }
#cht-p-shino .cht-box-pic { background-image:url(../img/chart/chart_pic5.jpg); }
#cht-p-juro .cht-box-pic { background-image:url(../img/chart/chart_pic6.jpg); }
#cht-p-sumi .cht-box-pic { background-image:url(../img/chart/chart_pic7.jpg); }
#cht-p-harumi .cht-box-pic { background-image:url(../img/chart/chart_pic8.jpg); }
#cht-p-rin .cht-box-pic { background-image:url(../img/chart/chart_pic9.jpg); }
#cht-p-kayo .cht-box-pic { background-image:url(../img/chart/chart_pic10.jpg); }
#cht-p-kousuke .cht-box-pic { background-image:url(../img/chart/chart_pic11.jpg); }
#cht-p-keiko .cht-box-pic { background-image:url(../img/chart/chart_pic12.jpg); }
#cht-p-taki .cht-box-pic { background-image:url(../img/chart/chart_pic13.jpg); }
#cht-p-yasujiro .cht-box-pic { background-image:url(../img/chart/chart_pic14.jpg); }
#cht-p-entaro .cht-box-pic { background-image:url(../img/chart/chart_pic15.jpg); }
#cht-p-kiseno .cht-box-pic { background-image:url(../img/chart/chart_pic16.jpg); }
#cht-p-san .cht-box-pic { background-image:url(../img/chart/chart_pic17.jpg); }
#cht-p-ito .cht-box-pic { background-image:url(../img/chart/chart_pic18.jpg); }
#cht-p-youichi .cht-box-pic { background-image:url(../img/chart/chart_pic19.jpg); }

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

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

#chart #main-ttl h1 { width:89px; height:26px; }

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

.cht-box { width:94%; height:auto; left:auto; margin:3vw 3% 0 3%; padding:22px; text-align:center; background-size:150% auto; }
.cht-box-l { float:none; width:auto; }
.cht-box-name { width:248px; height:49px; margin:0 auto 10px auto; }
.cht-box-txt { margin-bottom:10px; font-size:80%; line-height:150%; text-align:left; padding-top:7px; }
.cht-btn-close { position:static; width:57px; margin:auto; }
.cht-btn-close a { display:block; width:57px; height:14px; }
.cht-box-pic { float:none; width:220px; height:220px; margin:0 auto 10px auto; }

#cht-p-suzu .cht-box-name { background-image:url(../img/chart/chart_name_smp1.png); }
#cht-p-shusaku .cht-box-name { background-image:url(../img/chart/chart_name_smp2.png); }
#cht-p-tetsu .cht-box-name { background-image:url(../img/chart/chart_name_smp3.png); }
#cht-p-sachiko .cht-box-name { background-image:url(../img/chart/chart_name_smp4.png); }
#cht-p-shino .cht-box-name { background-image:url(../img/chart/chart_name_smp5.png); }
#cht-p-juro .cht-box-name { background-image:url(../img/chart/chart_name_smp6.png); }
#cht-p-sumi .cht-box-name { background-image:url(../img/chart/chart_name_smp7.png); }
#cht-p-harumi .cht-box-name { background-image:url(../img/chart/chart_name_smp8.png); }
#cht-p-rin .cht-box-name { background-image:url(../img/chart/chart_name_smp9.png); }
#cht-p-kayo .cht-box-name { background-image:url(../img/chart/chart_name_smp10.png); }
#cht-p-kousuke .cht-box-name { background-image:url(../img/chart/chart_name_smp11.png); }
#cht-p-keiko .cht-box-name { background-image:url(../img/chart/chart_name_smp12.png); }
#cht-p-taki .cht-box-name { background-image:url(../img/chart/chart_name_smp13.png); }
#cht-p-yasujiro .cht-box-name { background-image:url(../img/chart/chart_name_smp14.png); }
#cht-p-entaro .cht-box-name { background-image:url(../img/chart/chart_name_smp15.png); }
#cht-p-kiseno .cht-box-name { background-image:url(../img/chart/chart_name_smp16.png); }
#cht-p-san .cht-box-name { background-image:url(../img/chart/chart_name_smp17.png); }
#cht-p-ito .cht-box-name { background-image:url(../img/chart/chart_name_smp18.png); }
#cht-p-youichi .cht-box-name { background-image:url(../img/chart/chart_name_smp19.png); }

}

@media all and (max-width: 500px) {
.cht-box { background-size:240% auto; }
}

/* 1-6 - BBS
=================================== */

#bbs #main-ttl h1 { width:320px; height:39px; background-image:url(../img/bbs/bbs_ttl.png); }

#bbs-ent-ttl { text-align:center; margin-bottom:1.0em; padding:0.5em 0; border-top:#54ace2 2px dotted; border-bottom:#54ace2 2px dotted; }
#bbs-ent-ttl h2 { color:#54ace2; 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 { background-color:#e6f2fa; margin-bottom:20px; padding:20px; font-size:95%; line-height:150%; }

#bbs-ent-btn1 { text-align:center; margin-bottom:1.0em; }
#bbs-ent-btn2 { text-align:center; }
#bbs-ent-btn1 p { width:17.0em; margin:auto; font-size:120%; }
#bbs-ent-btn2 p { width:10.0em; margin:auto; font-size:100%; }
#bbs-ent-btn1 p a,
#bbs-ent-btn2 p a { display:block; width:100%; padding:1.3em 0; box-sizing:border-box; border-radius:1.8em; background-color:#54ace2; color:#fff; font-weight:bold; text-decoration:none; box-shadow:0px 0px 5px rgba(28,116,200,0.8) inset; text-shadow:0px 0px 5px rgba(28,116,200,1.0); }

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

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

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

#bbs #main-ttl h1 { width:213px; height:26px; }

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

}


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

#bbs-ent-btn1 { margin-bottom:0.7em; }
#bbs-ent-btn1 p { width:15.0em; font-size:4.2vw; }
#bbs-ent-btn2 p { font-size:4.0vw; }

}


/* 2-1 - Intro
=================================== */

#intro #main-ttl h1 { width:164px; height:39px; background-image:url(../img/intro/intro_ttl.png); }

#itr-t { margin:0 auto 30px auto; width:728px; height:163px; background-image:url(../img/intro/intro_t0.png); background-position:center center; background-repeat:no-repeat; }
#itr-lead, #itr-t h2 { display:none; }

#itr-p1 { text-align:center; }
#itr-p1 p { width:640px; height:425px; margin:0 auto 30px auto; border: #fff 5px solid; box-sizing:border-box; box-shadow:0px 2px 4px rgba(151,196,233,0.4); }
#itr-p1 p span { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; background-image:url(../img/intro/intro_p1.jpg); }

#itr-txt { font-size:95%; line-height:180%; }

#intro-cmt-btn { text-align:center; margin-top:1.0em; }
#intro-cmt-btn p { width:17.0em; margin:auto; font-size:120%; }
#intro-cmt-btn p a { display:block; width:100%; padding:1.3em 0; box-sizing:border-box; border-radius:1.8em; background-color:#54ace2; color:#fff; font-weight:bold; text-decoration:none; box-shadow:0px 0px 5px rgba(28,116,200,0.8) inset; text-shadow:0px 0px 5px rgba(28,116,200,1.0); }

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

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

#intro #main-ttl h1 { width:109px; height:26px; }

#itr-txt { font-size:80%; }

#itr-t { margin:0 auto 20px auto; width:auto!important; height:auto!important; background-image:none!important; text-align:center; }
#itr-lead { display:block; color:#2e80b3; font-size:120%; line-height:140%; font-weight:bold; margin-bottom:10px; }
#itr-t h2 { display:block; color:#2e80b3; font-size:100%; line-height:140%; }

#itr-p1 p { position:relative; width:100%; height:0; margin:0 auto 15px auto; padding-top:66.46%; }
#itr-p1 p span { position:absolute; left:0; top:0; width:100%; height:100%; }

#intro-cmt-btn { margin-bottom:0.7em; }
#intro-cmt-btn p { width:15.0em; font-size:4.2vw; }

}

/* 2-2 - Original
=================================== */

#original #main-ttl h1 { width:182px; height:39px; background-image:url(../img/original/original_ttl.png); }

#org-ttl { display:block; width:100%; height:105px; margin-bottom:25px; background:url(../img/original/original_name.png) center center no-repeat; background-size:auto 105px; text-indent:-9999px; }

#org-book { width:100%; /* for space */ font-size:0; }
#org-book li { display:inline-block; width:28%; margin:0 2.66%; vertical-align:middle; /* for space */ font-size:1rem; }
#org-book li dl dt { position:relative; width:100%; height:0; margin-bottom:15px; padding-top:140.97%; }
#org-book li dl dt p { 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-book1 dl dt p { background-image:url(../img/original/original_book1.jpg); }
#org-book2 dl dt p { background-image:url(../img/original/original_book2.jpg); }
#org-book3 dl dt p { background-image:url(../img/original/original_book3.jpg); }
#org-book li dl dd { text-align:center; }
#org-book li dl dd h3 { color:#607dce; font-size:110%; line-height:150%; }
#org-book li dl dd p { font-size:95%; line-height:150%; }

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

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

#original #main-ttl h1 { width:121px; height:26px; }

#org-book li dl dd h3 { font-size:100%; }
#org-book li dl dd p { font-size:80%; }

}

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

#org-ttl { height:79px; margin-bottom:20px; background-size:auto 79px; }

#org-book li { width:80%; margin:0 10% 20px 10%; }
#org-book li dl dt { margin-bottom:10px; }
}

/* 2-4 - Comment
=================================== */

#comment #main-ttl h1 { width:298px; height:39px; background-image:url(../img/comment/comment_ttl.png); }

.cmt-box { margin-bottom:25px; padding-bottom:25px; border-bottom:#d0eafb 1px solid; }

.cmt-t { margin:0 auto 20px auto; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }
#cmt-t1 .cmt-t { width:860px; height:30px; background-image:url(../img/comment/comment_t1.png); }
#cmt-t2 .cmt-t { width:860px; height:30px; background-image:url(../img/comment/comment_t2.png); }
#cmt-t3 .cmt-t { width:860px; height:30px; background-image:url(../img/comment/comment_t3.png); }
#cmt-t4 .cmt-t { width:860px; height:30px; background-image:url(../img/comment/comment_t4.png); }

.cmt-txt { font-size:95%; line-height:180%; }

#cmt-t4.cmt-box { margin-bottom:0; padding-bottom:0; border-bottom:none; }

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

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

#comment #main-ttl h1 { width:198px; height:26px; }

.cmt-box { margin-bottom:15px; padding-bottom:15px; }

.cmt-t { margin:0 auto 10px auto; width:auto!important; height:auto!important; background-image:none!important; text-align:center; text-indent:0; }
.cmt-t h2 { display:block; color:#2e80b3; font-size:110%; line-height:140%; }

.cmt-txt { font-size:80%; }


#cmt-t4.itr-box { padding-bottom:5px; }

}

/* 2-4 - Interview
=================================== */

#intv #main-ttl h1 { width:242px; height:39px; background-image:url(../img/intv/intv_ttl.png); }

#intv-ttl { margin-bottom:30px; }
#intv-ttl h2 { display:block; width:860px; height:278px; 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-v4 #intv-ttl h2 { background-image:url(../img/intv/intv_v4_ttl.jpg); }
.intv-v5 #intv-ttl h2 { background-image:url(../img/intv/intv_v5_ttl.jpg); }
.intv-v6 #intv-ttl h2 { background-image:url(../img/intv/intv_v6_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:#2e80b3; font-weight:bold; padding-bottom:0.5em; margin-bottom:0.7em; border-bottom:#9cc9ed 2px dotted; }
.intv-q { display:inline-block; width:1.7em; margin-right:0.3em; vertical-align:top; border-radius:0.85em; background-color:#2e80b3; font-family:'Mada', sans-serif; color:#fff; text-align:center; }
.intv-t2 { width:496px; font-size:95%; line-height:170%; margin-bottom:15px; }
.intv-t2-2 { font-size:95%; line-height:170%; margin-bottom:15px; }
.intv-p-l .intv-t2 { float:right; }
.intv-p-r .intv-t2 { float:left; }
.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 { padding:20px; border:#ffef00 2px solid; }
#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:18.4%; margin-right:2%;*/ width:15.333%; margin-right:1.6%; vertical-align:middle; /* for space */ font-size:1rem; }
/*#intv-bknm ul li:nth-child(5n) { margin-right:0; }*/
#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:#ffef00; color:#333; 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-bknm-v4 a span  { background-image:url(../img/intv/intv_bknm_v4.jpg); }
#intv-bknm-v5 a span  { background-image:url(../img/intv/intv_bknm_v5.jpg); }
#intv-bknm-v6 a span  { background-image:url(../img/intv/intv_bknm_v6.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-ttl h1 { width:161px; height:26px; }

#intv-ttl { position:relative; width:100%; height:0; margin-bottom:15px; padding-top:46.4%; }
#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-v4 #intv-ttl h2 { background-image:url(../img/intv/intv_v4_ttl_smp.jpg); }
.intv-v5 #intv-ttl h2 { background-image:url(../img/intv/intv_v5_ttl_smp.jpg); }
.intv-v6 #intv-ttl h2 { background-image:url(../img/intv/intv_v6_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!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; }

#intv-coming { font-size:80%; }

}

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

}

/* 2-5 - Report
=================================== */

#report #main-ttl h1 { width:249px; height:39px; background-image:url(../img/report/report_ttl.png); }

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

.rp-ttl { padding:17px; margin-bottom:20px; background-color:#ffef00; }
.rp-ttl h2 { font-size:110%; line-height:140%; padding-bottom:0.4em; }
.rp-date { font-size:95%; font-family:'Mada', sans-serif; }

.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:#f2f8fc; }
.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:600px; height:400px; }
.rp-p-tate p { width:400px; height:600px; }

#rp-bknm { padding:20px; border:#ffef00 2px solid; }
#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:#333; background-color:#ffef00; font-family:'Mada', sans-serif; text-align:center; }
#rp-bknm ul li dl dd { padding-left:6.5em; }


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

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

#report #main-ttl h1 { width:166px; height:26px; }

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

.rp-ttl { padding:10px; margin-bottom:10px; }
.rp-ttl h2 { font-size:85%; 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-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%; }
}

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

}

/* 2-6 - Gallery
=================================== */

#gallery #main-ttl { padding:50px 0 20px 0; }
#gallery #main-ttl h1 { width:314px; height:39px; background-image:url(../img/gallery/gallery_ttl.png); }

#gl-ttl { display:block; width:100%; height:75px; margin-bottom:25px; background-position:center center; background-repeat:no-repeat; background-size:auto 75px; text-indent:-9999px; }

.lightbox-gallery { padding-bottom:15px; text-align:center; /* for space */ font-size:0; }
.lightbox-gallery li { display:inline-block; width:15.66%; margin-right:1.0%; margin-bottom:10px; vertical-align:middle; /* for space */ font-size:1rem; }
.lightbox-gallery li:nth-child(6n),
.lightbox-gallery li:last-child { margin-right:0; }
.lightbox-gallery li span { display:block; position:relative; width:100%; height:0; padding-top:66.42%; }
.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-left:0.5em; text-align:center; /* for space */ font-size:0; }
#gr-bknm li { display:inline-block; margin-right:0.5em; /* 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:#e6f2fa; color:#0a74be; text-align:center; text-decoration:none; }
#gr-bknm li a:hover { opacity:0.7; }

.gl-v1 #gl-ttl { background-image:url(../img/story/story_v1_ttl.png); }
.gl-v2 #gl-ttl { background-image:url(../img/story/story_v2_ttl.png); }
.gl-v3 #gl-ttl { background-image:url(../img/story/story_v3_ttl.png); }
.gl-v4 #gl-ttl { background-image:url(../img/story/story_v4_ttl.png); }
.gl-v5 #gl-ttl { background-image:url(../img/story/story_v5_ttl.png); }
.gl-v6 #gl-ttl { background-image:url(../img/story/story_v6_ttl.png); }
.gl-v7 #gl-ttl { background-image:url(../img/story/story_v7_ttl.png); }
.gl-v8 #gl-ttl { background-image:url(../img/story/story_v8_ttl.png); }
.gl-v9 #gl-ttl { background-image:url(../img/story/story_v9_ttl.png); }

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

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

#gallery #main-ttl { padding:25px 0 15px 0; }
#gallery #main-ttl h1 { width:209px; height:26px; }

#gl-ttl { height:50px; margin-bottom:20px; background-size:auto 50px; }

.lightbox-gallery li { margin-bottom:1vw; }

#gr-bknm li { padding-bottom:0.5em; }
#gr-bknm li a { font-size:100%; }

}

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

.lightbox-gallery li { display:inline-block; width:32%; margin-right:2.0%; margin-bottom:2vw; }
.lightbox-gallery li:nth-child(6n) { margin-bottom:2vw; }
.lightbox-gallery li:nth-child(3n) { margin-right:0; }

}

/* 2-7 - Present
=================================== */

#present #main-ttl { padding:50px 0 20px 0; }
#present #main-ttl h1 { width:318px; height:74px; background-image:url(../img/present/present_ttl.png); }

#prs-main { margin-bottom:20px; }
#prs-main p { display:block; width:860px; height:330px; background:url(../img/present/present_main.jpg) center center no-repeat; text-indent:-9999px; }


#prs-quiz { border:#3e96d8 5px double; text-align:center; margin-bottom:20px; }
#prs-quiz h2 { padding:15px; color:#3e96d8; font-size:130%; letter-spacing:0.1em; }
.prs-quiz-t { margin-bottom:15px; padding:10px; background-color:#e9f2fa; border-radius:7px; line-height:170%; }
.prs-quiz-t span { display:inline-block; width:1.7em; margin-right:0.3em; vertical-align:top; border-radius:0.85em; background-color:#3e96d8; font-family:'Mada', sans-serif; color:#fff; text-align:center; }
#prs-q { padding:0 15px 15px 15px; }
#prs-a { padding:0 15px 1px 15px; }
#prs-quiz-btn { margin-top:15px; }
#prs-quiz-btn p { width:10.0em; margin:auto; font-size:110%; }
#prs-quiz-btn p a { display:block; width:100%; padding:0.8em 0; box-sizing:border-box; border-radius:1.8em; background-color:#54ace2; color:#fff; font-weight:bold; text-decoration:none; box-shadow:0px 0px 5px rgba(28,116,200,0.8) inset; text-shadow:0px 0px 5px rgba(28,116,200,1.0); }
#prs-quiz-end { color:#4b9acb; font-size:90%; line-height:140%; }

#prs-notice li { font-size:85%; line-height:140%; text-indent:-1.0em; padding-left:1.0em; padding-top:0.3em; }
#prs-notice li::before { content:"※"; }

#prs-bknm { padding-top:20px; }
#prs-bknm h2 { background-color:#3e96d8; color:#fff; margin-bottom:15px; padding:10px; }
.prs-bknm-q { padding:0 10px; line-height:170%; }
.prs-bknm-a { line-height:170%; padding:0 10px 0.3em 10px; margin-bottom:0.3em; border-bottom:#ccc 1px dotted; color:#3e96d8; font-weight:bold; }

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

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

#present #main-ttl { padding:25px 0 15px 0; }
#present #main-ttl h1 { width:212px; height:49px; }

#prs-main { position:relative; width:100%; height:0; margin-bottom:10px; padding-top:55%; }
#prs-main p { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/present/present_main_smp.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#prs-quiz { border:#3e96d8 3px double; margin-bottom:10px; }
#prs-quiz h2 { padding:10px; font-size:100%; }
.prs-quiz-t { margin-bottom:10px; border-radius:7px; font-size:85%; line-height:150%; }
.prs-quiz-t span { width:1.5em; }
#prs-q { padding:0 10px 10px 10px; }
#prs-a { padding:0 10px 1px 10px; }
#prs-quiz-btn { margin-top:10px; }
#prs-quiz-btn p { font-size:100%; }
#prs-quiz-end { color:#4b9acb; font-size:85%; }

#prs-notice li { font-size:75%; }

#prs-bknm h2 { margin-bottom:7px; padding:8px; }
.prs-bknm-q { font-size:85%; line-height:150%; }
.prs-bknm-a { font-size:85%; line-height:150%; padding-bottom:0.5em; }

}

/* 2-8 - Note
=================================== */

#note-ttl h1 { display:block; width:980px; height:236px; background-image:url(../img/note/note_ttl.jpg); background-position:center center; background-repeat:no-repeat; text-indent:-9999px; }

#note #main-body { background:url(../img/note/note_bg.jpg); box-shadow:0px 0px 20px rgba(0,0,0,0.05) inset; }

#note-subttl { padding:30px 0 20px 0; text-align:center; font-size:160%; font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
#note-num { font-size:120%; font-family:'Unna', serif; font-weight:normal; }
.note-sttl { margin:40px 0 20px 0; }

#note-main { padding:30px 20px 20px 20px; margin-bottom:20px; background-image:url(../img/note/note_line1_1.png), url(../img/note/note_line1_2.png); background-position:top left, bottom left; background-repeat:repeat-x, repeat-x; }

.note-txt { margin-bottom:20px; font-size:90%; line-height:32px; background-image:url(../img/note/note_line2.png), url(../img/note/note_line2.png); background-position:left -31px, top left; background-repeat:repeat-x, repeat; }

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

#note-bknm { padding-left:0.5em; text-align:center; /* for space */ font-size:0; }
#note-bknm li { display:inline-block; margin-right:0.5em; /* for space */ font-size:1rem; }
#note-bknm li a { display:block; width:2.4em; padding:0.7em 0; box-sizing:border-box; border-radius:1.2em; font-family:'Unna', serif; font-size:110%; background-color:#444; color:#fff; text-align:center; text-decoration:none; }
#note-bknm li a:hover { opacity:0.7; }

#note-p-v5-9.note-p p { width:400px; height:600px; }

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

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

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

#note-subttl { padding:15px 0 10px 0; font-size:110%; }
.note-sttl { font-size:90%; margin:30px 0 15px 0; }

#note-main { margin-bottom:20px; padding:25px 5px 15px 5px; margin-bottom:10px; }

.note-txt { font-size:80%; line-height:28px; background-image:url(../img/note/note_line2_smp.png), url(../img/note/note_line2_smp.png); background-position:left -27px, top left; background-repeat:repeat-x, repeat; }

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

#note-bknm li { padding-bottom:0.5em; }
#note-bknm li a { font-size:100%; }

#note-p-v5-9.note-p { width:70%; margin:0 auto 20px auto; }
#note-p-v5-9.note-p p { padding-top:150%; }

}


/*eof*/