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

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

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

@font-face {
  font-family: 'Montserrat';
  src: url('/um/library/fonts/Montserrat/Montserrat-Regular.eot'); /* IE9 Compat Modes */
  src: url('/um/library/fonts/Montserrat/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
       url('/um/library/fonts/Montserrat/Montserrat-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	   font-weight:normal;
}

@font-face {
  font-family: 'Montserrat';
  src: url('/um/library/fonts/Montserrat/Montserrat-Regular.eot'); /* IE9 Compat Modes */
  src: url('/um/library/fonts/Montserrat/Montserrat-Regular.woff') format('woff'), /* Modern Browsers */
       url('/um/library/fonts/Montserrat/Montserrat-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
	   font-weight:bold;
}

body { background-color:#b2f8fe; }

#con-body { background:url(../img/bg2020.jpg) center center; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

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

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


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

@media all and (max-width: 767px) {
#con-body { background-size:90% auto; }
}


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

#header-area { background:url(../img/header2020_bg.jpg) center top repeat-x; }
#header-area header { width:980px; height:260px; margin:auto; background:url(../img/header202010.jpg) center top no-repeat; }
#logo { float:left; width:680px; }
#logo a, #logo span { display:block; width:980px; height:260px; text-indent:-9999px; outline:none; }

#gnav { background:url(../img/gnav2020.png) center -220px; box-shadow:0px 0px 5px rgba(0,0,0,0.1); }
#gnav ul { width:980px; height:110px; margin:auto; }
#gnav ul:after {content:"";clear:both;display:block;}
#gnav ul li { float:left; }
#gnav ul li:nth-child(1) { width:252px; }
#gnav ul li:nth-child(2) { width:221px; }
#gnav ul li:nth-child(3) { width:180px; }
#gnav ul li:nth-child(4) { width:177px; }
#gnav ul li:nth-child(5) { width:150px; }
#gnav ul li a { display:block; width:100%; height:110px; background-image:url(../img/gnav2020.png); background-repeat:no-repeat; outline:none; text-indent:-9999px; }
#gnav ul li:nth-child(1) a { background-position:-0px 0; }
#gnav ul li:nth-child(2) a { background-position:-252px 0; }
#gnav ul li:nth-child(3) a { background-position:-473px 0; }
#gnav ul li:nth-child(4) a { background-position:-653px 0; }
#gnav ul li:nth-child(5) a { background-position:-830px 0; }
#gnav ul li:nth-child(1) a:hover { background-position:-0px -110px; }
#gnav ul li:nth-child(2) a:hover { background-position:-252px -110px; }
#gnav ul li:nth-child(3) a:hover { background-position:-473px -110px; }
#gnav ul li:nth-child(4) a:hover { background-position:-653px -110px; }
#gnav ul li:nth-child(5) a:hover { background-position:-830px -110px; }


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

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

#header-area { background:none; background-color:#000; }
#header-area header { width:auto; height:auto; }
#logo { float:none; position:relative; width:100%; height:0; padding-top:37.7777%; }
#logo a, #logo span { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/header202010_smp.jpg) center top no-repeat; background-size:cover; text-indent:-9999px; }
#hd-bn { float:none; margin:auto; padding:0 0 10px 0; }

#gnav { background:url(../img/gnav2020_smp.png) center center no-repeat; background-size:cover; }
#gnav ul { width:auto; height:auto; }
#gnav ul li { position:relative; height:0; }
#gnav ul li a,
#gnav ul li span { background:none; position:absolute; display:block; left:0; top:0; width:100%; height:100%; }
#gnav ul li:nth-child(1) { width:50%; padding-top:18.8888888888889%; }
#gnav ul li:nth-child(2) { width:50%; padding-top:18.8888888888889%; }
#gnav ul li:nth-child(3) { width:36.6%; padding-top:18.8545454545455%; }
#gnav ul li:nth-child(4) { width:33.3%; padding-top:18.87%; }
#gnav ul li:nth-child(5) { width:30.1%; padding-top:18.9518518518519%; }

}

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

#gnav ul li a { padding:1.4em 0.2em; font-size:85%; }
/* coming */
#gnav ul li:nth-child(2) span {padding:1.4em 0.2em; font-size:85%; }

}


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

#pagebody { padding:0 0 20px 0; }
main { width:960px; margin:auto; background-color:#fff; border:#c1c0c0 5px solid; padding:30px; box-sizing:border-box; }
main:after {content:"";clear:both;display:block;}

#page-ttl { display:block; width:960px; height:110px; margin:auto; background-position:0 0; text-indent:-9999px; }

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

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

#pagebody { background-image:none; padding:0; }
main { width:auto!important; border:none; padding:10px; }

#page-ttl { width:auto; height:auto; margin:auto; padding:0.7em; text-indent:0; text-align:center; font-size:140%; color:#fff; text-shadow:2px 2px 4px rgba(0,0,0,0.2); background-image:none!important; background-color:#335cc8; box-shadow:0px 0px 7px rgba(0,0,0,0.2) inset; }

}


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

footer { margin-top:0!important; padding:1.0em; text-align:center; }

#f-box { width:940px; margin:auto; }
#f-box:after {content:"";clear:both;display:block;}
#f-box-l { float:left; width:640px; }
#f-box-r { float:left; width:300px; }

#f-copy { color:#333; font-family:"Montserrat"; text-align:center; font-size:0.8rem; line-height:140%; padding:0 1.0em; }
#f-copy a { color:#a577ff; }
#pagetop { position:fixed; z-index:10; bottom:-200px; right:20px; padding-bottom:20px; }
#pagetop a { display:block; width:110px; height:110px; background:url(../img/pagetop.png) 0 0 no-repeat; text-indent:-9999px; outline:none; }
#pagetop a:hover { background-position:0 -110px; }

#f-sns-link { width:100%; margin:0; padding:10px 0; font-size:90%; display:block; text-align:center; }
#f-sns-link ul { width:100%; margin-bottom:10px; }
#f-sns-link ul li { display:inline-block; width:130px; }
#f-sns-link ul li:nth-child(1) { margin-right:20px; }
#f-sns-link ul li a { display:block; width:130px; height:130px; border-radius:10px; background-position:center center; background-repeat:no-repeat; background-size:40%; text-indent:-9999px; outline:none; }
#f-sns-link ul li:nth-child(1) a { background-image:url(../img/icon_fb_smp.png); background-color:#39579a; }
#f-sns-link ul li:nth-child(2) a { background-image:url(../img/icon_tw_smp.png); background-color:#059ff5; }
#f-sns-link p { font-size:90%; color:#325bc8; font-weight:bold; }

#sns-box { display:inline-block; font-size:1%; position:relative; bottom:-5px; }
.sns-t { display:inline-block; }
.sns-t:first-child { padding-right:10px; }

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

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

footer { margin-top:0!important; padding:1.0em 0 3.8em 0; }
#pagetop { width:100%; padding-bottom:0; right:0; z-index:100; }
#pagetop a { display:block; width:100%; height:auto; padding:0.7em 0; background-image:none; text-indent:0px; text-align:center; text-decoration:none; font-family:"Montserrat"; font-size:0.9rem; line-height:100%; font-weight:bold; color:#fff;
background: -moz-linear-gradient(top,  #578cf5 0%, #3060d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #578cf5 0%,#3060d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #578cf5 0%,#3060d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#pagetop a:before { content:"▲ "; font-size:70%; position:relative; bottom:0.1em; }
#pagetop a:hover { background-position:0 0; }

#f-sns-link ul li { width:90px; }
#f-sns-link ul li:nth-child(1) { margin-right:10px; }
#f-sns-link ul li a { border-radius:65px; width:90px; height:90px; }
#f-sns-link p { font-size:80%; }

#f-box { width:auto; }
#f-box-l { float:none; width:auto; margin-bottom:30px; }
#f-box-r { float:none; margin:auto; }

}


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

#top main { width:980px; background-color:transparent; border:none; padding:30px 0 0 0; }

.top-ttl {
padding:4px;
background: -moz-linear-gradient(top,  #349ae8 0%, #2960f8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #349ae8 0%,#2960f8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #349ae8 0%,#2960f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.top-ttl h2 a,
.top-ttl h2 span { display:block; height:52px; box-shadow:0px 0px 10px rgba(0,0,0,0.3) inset; text-indent:-9999px; background-position:left center, right center; background-repeat:no-repeat, no-repeat; background-size:auto 52px; }
#top-next .top-ttl h2 span { background-image:url(../img/top2020_ttl_next.png), url(../img/top2020_ttl_bg.png); }

/* top-box1 */

#top-box1 { float:left; width:640px; margin-right:40px; }

#top-next { margin-bottom:30px; }
#top-next .top-ttl h2 span { background-image:url(../img/top2020_ttl_next.png), url(../img/top2020_ttl_bg.png); }
#top-next .box { padding:10px 10px 0 10px; box-sizing:border-box; line-height:160%; background:url(../img/top2020_next_bg.png); background-size:100% auto; }
#top-next .box h3 { font-size:140%; line-height:160%; color:#7146d1; }
.top-next-txt { padding-bottom:10px; }
.top-next-pic { text-align:center; padding-bottom:10px; }
.top-next-pic p { margin:auto; }
.top-next-pic p span { display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }

#top-game .top-ttl h2 a { background-image:url(../img/top2020_ttl_game.png), url(../img/top2020_ttl_bg.png); }
#top-game .box { overflow:auto; }

/* top-box2 */

#top-box2 { float:left; width:300px; }

#bn-yt { width:300px; height:130px; margin:0 auto 30px auto; }
#bn-yt a { display:block; width:100%; height:100%; background:url(../img/bn_yt.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #bn-yt a:hover { opacity:0.7; } }

#bn-insta { width:300px; height:130px; margin-bottom:15px; }
#bn-insta a { display:block; width:100%; height:100%; background:url(../img/bn_insta.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media (hover: hover) { #bn-insta a:hover { opacity:0.7; } }
/* coming */
#bn-insta span#bn-insta-coming { display:block; width:100%; height:100%; background:url(../img/bn_insta_coming.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

#top-sns { width:300px; margin:0 auto 30px auto; }
#top-sns .top-ttl { margin-bottom:10px; }
#top-sns .top-ttl h2 span { background-image:url(../img/top2020_ttl_sns.png), url(../img/top2020_ttl_bg.png); }
.top-ttl-sns { height:48px; }
.top-ttl-sns a { display:block; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }

#top-tw { width:300px; margin-bottom:10px; }
#top-tw .top-ttl-sns a { background-image:url(../img/top2020_ttl_tw.jpg); }
#top-tw iframe { width:300px!important; }

#top-fb { width:300px; }
#top-fb .top-ttl-sns a { background-image:url(../img/top2020_ttl_fb.jpg); }

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

/* bn-graduate */
#bn-graduate { margin:0 0 30px 0; }
#bn-graduate p { position:relative; width:100%; height:0; padding-top:20.3125%; }
#bn-graduate p a { position:absolute; display:block; left:0; top:0; width:100%; height:100%; background:url(../img/bn_graduate.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }

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

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

#top #header-area { background-image:none; }

#top header, #top #logo span { height:auto; }

#top main { padding:0; }

.top-ttl h2 a,
.top-ttl h2 span { height:42px; background-size:auto 42px; }

/* top-box1 */

#top-box1 { float:none; width:auto; margin:0 0 20px 0; }

#top-next { float:none; width:auto; margin:0; }
#top-next .box { height:auto; font-size:85%; }

#top-game { float:none; width:auto; margin:0; }

/* top-box2 */

#top-box2 { float:none; width:auto; margin:0 0 0 0; padding-bottom:20px; }

#bn-yt { margin:0 auto 20px auto; }

#top-sns { margin:0 auto 20px auto; }

#top footer { padding-top:10px; }
#top #f-sns-link p { font-size:105%; }

/* bn-graduate */
#bn-graduate { margin:10px; }

}

/* ------------ top next pic ------------ */

/* 20200628 */


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


} 



/* 1 - Addtime
=================================== */

#addtime #page-ttl { background-image:url(../img/addtime_ttl.png); }

#add-mov { margin-bottom:30px; text-align:center; }
#add-mov .mov { width:640px; height:363px; margin:auto; }

.add-mov-ttl { width:640px; margin:0 auto 10px auto; text-align:left; }
.add-mov-ttl:after {content:"";clear:both;display:block;}
.add-mov-ttl h2 { float:left; }
.add-num { vertical-align:middle; width:2.5em; background-color:#794cd0; color:#fff; margin-right:0.5em; padding:0.2em 0.6em; text-align:center; font-family:"Montserrat"; font-weight:bold; }
.add-ttl { vertical-align:middle; font-size:140%; line-height:150%; }
.add-date { float:right; text-align:right; font-family:"Montserrat"; line-height:220%; font-weight:bold; }

#add-bknm h2 { margin-bottom:15px; padding:0.5em; color:#fff; font-size:120%; font-family:"Montserrat";
background: -moz-linear-gradient(top,  #7f4cd2 0%, #6540b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7f4cd2 0%,#6540b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7f4cd2 0%,#6540b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

#add-bknm ul { display:flex; flex-wrap:wrap; margin:0 0 -15px 0; }
#add-bknm ul li { width:18.8%; margin:0 1.5% 15px 0; }
#add-bknm ul li:nth-child(5n) { margin:0 0 15px 0; }
.add-bn-p { position:relative; height:0; padding-top:56.25%; background-color:#efefef; margin-bottom:7px; }
.add-bn-p a { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
#add-bknm .add-num { margin-right:0.4em; padding:0.07em 0.4em; text-align:center; font-size:75%; }
#add-bknm .add-ttl { font-size:90%; font-weight:bold; }

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

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

#add-mov { margin-bottom:15px; }

.add-mov-ttl { width:auto; }
.add-mov-ttl h2 { float:none; text-align:center; }
.add-num { font-size:90%; }
.add-ttl { font-size:110%; }
.add-date { float:none; font-size:90%; line-height:140%; text-align:center; }
#add-mov .mov { width:auto; height:auto; }

#add-bknm h2 { margin-bottom:10px; padding:0.5em; font-size:100%; }

#add-bknm ul li,
#add-bknm ul li:nth-child(5n) { width:23.5%; margin:0 2.0% 15px 0; }
#add-bknm ul li:nth-child(4n) { margin:0 0 15px 0; }

.add-bn-t .add-ttl { line-height:130%; }

}

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

#add-bknm ul li,
#add-bknm ul li:nth-child(5n),
#add-bknm ul li:nth-child(4n) { width:31.33%; margin:0 3.0% 10px 0; }
#add-bknm ul li:nth-child(3n) { margin:0 0 10px 0; }
.add-bn-t { font-size:95%; }

}


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

#cast #page-ttl { background-image:url(../img/cast2020_ttl.png); }

.cs-box { margin-bottom:30px; padding-bottom:30px; border-bottom:#dcdddd 1px solid; }
.cs-box:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }
.cs-box:after {content:""; clear:both; display:block; }

.cs-l { float:left; width:280px; margin-right:20px; }
.cs-p { width:280px; height:280px; border:#dcdddd 5px solid; box-sizing:border-box; background-repeat:0 0; background-repeat:no-repeat; background-size:cover; }
.cs-r { float:left; width:590px; }
.cs-name { width:330px; height:38px; margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }
.cs-t1 { border:#e5e5e5 5px solid; margin-bottom:10px; padding:0.8em 0.2em 0 0.8em; font-size:90%; line-height:140%; }
.cs-t1 li { padding:0 1.0em 0.6em 0; }
.cs-t1 li:nth-child(2), .cs-t1 li:nth-child(3), .cs-t1 li:nth-child(4) { display:inline-block; }
.cs-t1 li:before { content:"■ "; color:#9e68f0; }
.cs-t2 { font-size:90%; line-height:160%; }

#cs-box1 .cs-p { background-image:url(../img/cast_p1.jpg); }
#cs-box2 .cs-p { background-image:url(../img/cast_p2.jpg); }
#cs-box3 .cs-p { background-image:url(../img/cast_p3.jpg); }
#cs-box4 .cs-p { background-image:url(../img/cast_p4.jpg); }
#cs-box5 .cs-p { background-image:url(../img/cast_p5.jpg?20191018); }
#cs-box6 .cs-p { background-image:url(../img/cast_p6.jpg); }
#cs-box1 .cs-name { background-image:url(../img/cast_name1.png); }
#cs-box2 .cs-name { background-image:url(../img/cast_name2.png); }
#cs-box3 .cs-name { background-image:url(../img/cast_name3.png); }
#cs-box4 .cs-name { background-image:url(../img/cast_name4.png); }
#cs-box5 .cs-name { background-image:url(../img/cast_name5.png); }
#cs-box6 .cs-name { background-image:url(../img/cast_name6.png); }

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

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

.cs-box { margin-bottom:20px; padding-bottom:20px; }
.cs-l { float:none; width:100%; margin-right:0; margin-bottom:10px; text-align:center; }
.cs-p { margin:auto; }
.cs-r { float:none; width:100%; }
.cs-name { width:auto; height:auto; background-image:none!important; text-align:center; color:#200eb3; font-size:140%; text-indent:0; }

}


/* Present
=================================== */

#present #page-ttl { background-image:url(../img/present2020_ttl.png); }

#pr-list { display:flex; flex-wrap:wrap; margin:0 0 -15px 0; }
#pr-list li { width:23.875%; margin:0 1.5% 15px 0; }
#pr-list li:nth-child(4n) { margin:0 0 15px 0; }
.pr-itm { padding-bottom:10px; box-shadow:0px 1px 4px rgba(0,0,0,0.2); }
.pr-date { background-color:#794cd0; color:#fff; padding:0.5em; margin-bottom:10px; font-size:80%; font-weight:bold; }
.pr-webonly { float:right; background-color:#f00; margin:-0.2em -0.2em -0.2em 0; padding:0.2em; font-size:90%; color:#fff; }
.pr-p { width:100%; text-align:center; }
.pr-p span { display:block; width:185px; height:128px; margin:auto; border:#dcdddd 3px solid; }
.pr-btn { width:100%; text-align:center; padding:0.6em; box-sizing:border-box; }
.pr-btn a { display:block; width:8.0em; margin:auto; padding:0.6em; color:#fff; font-weight:bold; font-size:90%; border-radius:1.2em; text-indent:0; text-decoration:none;
background: -moz-linear-gradient(top,  #7f4cd2 0%, #6540b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7f4cd2 0%,#6540b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7f4cd2 0%,#6540b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
.pr-btn-end { display:block; width:8.0em; margin:auto; padding:0.6em; color:#666; font-weight:bold; font-size:90%; border-radius:1.2em; background-color:#dcdddd; text-indent:0; text-decoration:none; }

.pr-ttl,
.pr-t1,
.pr-t2 { font-size:85%; line-height:140%; }
.pr-ttl { margin:0 10px 10px 10px; padding-bottom:7px; margin-bottom:7px; border-bottom:#ccc 1px solid; }
.pr-t1 { margin:0 10px 10px 10px; }
.pr-t2 { margin:0 10px; text-align:center; border:#dcdddd 3px solid; padding:5px; }
.pr-ppl { font-size:110%; font-weight:bold; }
.pr-dl { font-size:90%; color:#c7000b; font-weight:bold; }

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

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

#pr-list li,
#pr-list li:nth-child(4n) { width:49%; margin:0 2.0% 15px 0; }
#pr-list li:nth-child(2n) { margin:0 0 15px 0; }

}

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

#pr-list li,
#pr-list li:nth-child(2n) { width:100%; margin:0 0 15px 0; }

}


/* game
=================================== */

#game #page-ttl { background-image:url(../img/game2020_ttl.png); }


/* Diary
=================================== */

#diary #page-ttl { background-image:url(../img/diary2020_ttl.png); }

#dr-ttl { margin-bottom:7px; padding:0.5em; color:#fff; font-size:120%; line-height:140%; text-shadow:1px 1px 2px rgba(0,0,0,0.2);
background: -moz-linear-gradient(top,  #578cf5 0%, #3060d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #578cf5 0%,#3060d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #578cf5 0%,#3060d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

#dr-ttl-vol { display:inline-block; position:relative; top:-0.125em; margin-right:0.25em; padding:0.25em 0.5em; border-radius:1.0em; background-color:#fff; color:#3060d1; font-size:80%; line-height:100%; font-family:"Montserrat"; text-shadow:none; box-shadow:1px 1px 2px rgba(0,0,0,0.2); }
#dr-date { margin-bottom:15px; text-align:right; font-size:90%; line-height:140%; color:#7f46d6; font-weight:bold; }

.dr-txt { font-size:95%; line-height:160%; padding-bottom:10px; }
.dr-pic { text-align:center; padding-bottom:10px; }
.dr-pic p { margin:auto; background-color:#efefef; }
.dr-pic p span { display:block; width:100%; height:100%; background-size:cover; background-repeat:no-repeat; }
.dr-pic-cap { font-size:80%; line-height:140%; padding-bottom:10px; text-align:center; }

#dr-bknm { margin-top:10px; border:#ddd 3px solid; padding:10px; }
#dr-bknm-ttl { margin-bottom:7px; font-size:120%; font-family:"Montserrat"; color:#3060d1; }
#dr-bknm ul li { padding:7px 0; border-bottom:#efefef 1px solid; font-size:90%; line-height:120%; }
#dr-bknm ul li:first-child { border-top:#efefef 1px solid; }
#dr-bknm ul li a { text-decoration:none; color:#000; }
#dr-bknm ul li a:hover { text-decoration:underline; }
.dr-bknm-vol { display:inline-block; position:relative; top:-0.125em; margin-right:0.25em; padding:0.25em 0.5em; border-radius:1.0em; background-color:#3060d1; color:#fff; font-size:80%; line-height:100%; font-family:"Montserrat"; }
#dr-bknm-btn { text-align:right; padding-top:7px; font-size:90%; }
#dr-bknm-btn a { font-weight:bold; color:#3060d1; }
#dr-bknm-btn a:hover { text-decoration:none; }

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

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

#dr-ttl { font-size:100%; }
#dr-date { font-size:80%; }
.dr-txt { font-size:85%; line-height:140%; }
.dr-pic-cap { font-size:70%; }

#dr-bknm-ttl { font-size:100%; }
#dr-bknm ul li { font-size:80%; }

}


#top-v17_1 p { width:360px; height:640px; }
#top-v16_1 p { width:640px; height:360px; }
#top-v16_2 p { width:640px; height:360px; }
#top-v15_1 p { width:640px; height:100px; }
#top-v15_2 p { width:560px; height:400px; }
#top-v15_3 p { width:640px; height:360px; }
#top-v14_1 p { width:360px; height:640px; }
#top-v14_2 p { width:600px; height:600px; }
#top-v13_1 p { width:600px; height:600px; }
#top-v13_2 p { width:600px; height:400px; }
#top-v12_1 p { width:640px; height:360px; }
#top-v12_2 p { width:640px; height:360px; }
#top-v11_1 p { width:450px; height:640px; }
#top-v11_2 p { width:640px; height:450px; }
#top-v10_1 p { width:640px; height:360px; }
#top-v10_2 p { width:460px; height:640px; }
#top-v9_1 p { width:460px; height:640px; }
#top-v9_2 p { width:640px; height:360px; }
#top-v9_3 p { width:500px; height:640px; }
#top-v8_1 p { width:640px; height:360px; }
#top-v8_2 p { width:640px; height:360px; }
#top-v7_1 p { width:640px; height:360px; }
#top-v7_2 p { width:640px; height:360px; }
#top-v7_3 p { width:640px; height:360px; }
#top-v7_4 p { width:640px; height:360px; }
#top-v7_5 p { width:640px; height:360px; }
#top-v7_6 p { width:360px; height:640px; }
#top-v6_1 p { width:640px; height:360px; }
#top-v6_2 p { width:640px; height:360px; }
#top-v6_3 p { width:640px; height:360px; }
#top-v5_1 p { width:640px; height:360px; }
#top-v5_2 p { width:640px; height:360px; }
#top-v5_3 p { width:640px; height:360px; }
#top-v5_4 p { width:640px; height:360px; }
#top-v5_5 p { width:640px; height:360px; }
#top-v5_6 p { width:640px; height:360px; }
#top-v5_7 p { width:640px; height:360px; }
#top-v5_8 p { width:640px; height:360px; }
#top-v5_9 p { width:640px; height:360px; }
#top-v5_10 p { width:640px; height:360px; }
#top-v4_1 p { width:640px; height:360px; }
#top-v4_2 p { width:360px; height:640px; }
#top-v4_3 p { width:640px; height:360px; }
#top-v4_4 p { width:640px; height:360px; }
#top-v3_1 p { width:640px; height:360px; }
#top-v3_2 p { width:640px; height:360px; }
#top-v3_3 p { width:640px; height:360px; }
#top-v2_1 p { width:640px; height:360px; }
#top-v2_2 p { width:640px; height:360px; }
#top-v1_1 p { width:630px; height:473px; }
#top-v1_2 p { width:630px; height:354px; }
#top-v1_3 p { width:630px; height:472px; }

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

#top-v17_1 p { width:300px; height:-webkit-calc( 640px / 360 * 300 ); height:calc( 640px / 360 * 300 ); }
#top-v16_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v16_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v15_1 p { width:300px; height:-webkit-calc( 100px / 640 * 300 ); height:calc( 100px / 640 * 300 ); }
#top-v15_2 p { width:300px; height:-webkit-calc( 400px / 560 * 300 ); height:calc( 400px / 560 * 300 ); }
#top-v15_3 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v14_1 p { width:300px; height:-webkit-calc( 640px / 360 * 300 ); height:calc( 640px / 360 * 300 ); }
#top-v14_2 p { width:300px; height:-webkit-calc( 600px / 600 * 300 ); height:calc( 600px / 600 * 300 ); }
#top-v13_1 p { width:300px; height:-webkit-calc( 600px / 600 * 300 ); height:calc( 600px / 600 * 300 ); }
#top-v13_2 p { width:300px; height:-webkit-calc( 400px / 600 * 300 ); height:calc( 400px / 600 * 300 ); }
#top-v12_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v12_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v11_1 p { width:300px; height:-webkit-calc( 640px / 450 * 300 ); height:calc( 640px / 450 * 300 ); }
#top-v11_2 p { width:300px; height:-webkit-calc( 450px / 640 * 300 ); height:calc( 450px / 640 * 300 ); }
#top-v10_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v10_2 p { width:300px; height:-webkit-calc( 640px / 460 * 300 ); height:calc( 640px / 460 * 300 ); }
#top-v9_1 p { width:300px; height:-webkit-calc( 640px / 460 * 300 ); height:calc( 640px / 460 * 300 ); }
#top-v9_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v9_3 p { width:300px; height:-webkit-calc( 640px / 500 * 300 ); height:calc( 640px / 500 * 300 ); }
#top-v8_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v8_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v7_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v7_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v7_3 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v7_4 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v7_5 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v7_6 p { width:300px; height:-webkit-calc( 640px / 360 * 300 ); height:calc( 640px / 360 * 300 ); }
#top-v6_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v6_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v6_3 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_3 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_4 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_5 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_6 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_7 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_8 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_9 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v5_10 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v4_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v4_2 p { width:300px; height:-webkit-calc( 640px / 360 * 300 ); height:calc( 640px / 360 * 300 ); }
#top-v4_3 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v4_4 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v3_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v3_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v3_3 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v2_1 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v2_2 p { width:300px; height:-webkit-calc( 360px / 640 * 300 ); height:calc( 360px / 640 * 300 ); }
#top-v1_1 p { width:300px; height:-webkit-calc( 473px / 630 * 300 ); height:calc( 473px / 630 * 300 ); }
#top-v1_2 p { width:300px; height:-webkit-calc( 354px / 630 * 300 ); height:calc( 354px / 630 * 300 ); }
#top-v1_3 p { width:300px; height:-webkit-calc( 472px / 630 * 300 ); height:calc( 472px / 630 * 300 ); }

} 


/*eof*/