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

body { background:url(../img/bg.png) top center repeat-y #020238; }

#con-body { background:none; text-align: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; }


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

header { height:580px; background:url(../img/header.png) top center no-repeat; }
#header-area { position:relative; width:980px; height:580px; margin:auto; text-align:left; }
#logo, #oa-time { position:absolute; width:980px; height:580px; }
#logo { z-index:2; text-indent:-9999px; }
#logo a { display:block; width:980px; height:580px; }
#oa-time { z-index:1; }


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

#pagebody { z-index:10; width:980px; margin:-27px auto 20px auto; background-image:url(../img/main_bg1.png); border-radius:30px; }
#pagebody-inner { padding:30px; background-image:url(../img/main_bg2.png); border-radius:30px; text-align:left; }
#pagebody:after { content:""; clear:both; display:block; }

#pbhr { position:relative; text-align:center; width:100%; }
#pbhr:before { content:""; position:absolute; left:50%; top:-26px; margin-left:-95px; display:block; width:191px; height:52px; background:url(../img/main_parts1.png) -325px 0 no-repeat;  }
#pbhr hr { display:none; }

main { float:left; width:590px; margin-top:-30px; }

/* ----- box ----- */

.box { margin-top:60px; position:relative; }
.box h2 { position:absolute; top:-30px; left:-24px; display:block; width:315px; height:85px; background-image:url(../img/main_parts1.png); text-indent:-9999px; }
#top-next h2 { background-position:0 0; }
#top-news h2 { background-position:0 -95px; }
#top-boshu h2 { background-position:0 -190px; }
#top-about h2 { background-position:0 -285px; }

#top-next { background:url(../img/box_bg1.png); }
#top-news { background:url(../img/box_bg2.png); }
#top-boshu { background:url(../img/box_bg3.png); }
#top-about { background:url(../img/box_bg4.png); }

.box-body { padding:0 30px; background-position:-600px 0; }
.box-body:before, .box-body:after { content:""; display:block; width:590px; height:23px; font-size:1%; text-indent:-9999px; }
.box-body:before { margin:0 -30px 30px -30px; background-position:0 0; }
.box-body:after { margin:10px -30px 0 -30px; background-position:-1200px 0; }

#top-next .box-body,
#top-next .box-body:before,
#top-next .box-body:after { background-image: url(../img/box_frame1.png); }
#top-news .box-body,
#top-news .box-body:before,
#top-news .box-body:after { background-image: url(../img/box_frame2.png); }
#top-boshu .box-body,
#top-boshu .box-body:before,
#top-boshu .box-body:after { background-image: url(../img/box_frame3.png); }
#top-about .box-body,
#top-about .box-body:before,
#top-about .box-body:after { background-image: url(../img/box_frame4.png); }

.box-btn { text-align:center; width:100%; margin-top:10px; }
.box-btn a { display:block; width:60%; box-sizing:border-box; margin:auto; padding:0.7em 1.3em; background-image:url(../img/btn2.png), url(../img/btn1.png); background-position:bottom left, top right; color:#fff; font-size:110%; line-height:120%; font-weight:bold; text-shadow:2px 2px 0 #8f6bce; text-decoration:none; border-radius:7px; }

/* ----- next ----- */

.nt-t { display:block; width:100%; margin-top:15px; padding:0.5em; box-sizing:border-box; border-radius:0.7em; text-align:center; line-height:120%; background-color:#626ba6; color:#fff; }

.dtl-yt { width:100%; text-align:center; }
.dtl-yt iframe { margin:auto; display:block; }

/* flowplayer */
#mov { position:relative; height:0; padding-top:56.25%; }
#mov .tbs-player, #str-mov video, #str-mov object { height:100%; position:absolute; left:0; top:0; width:100%; }

/* ----- news ----- */

.nw-t { line-height:160%; }

/* ----- boshu ----- */

.bs-t { padding-bottom:20px; }
.bs-t:last-child { padding-bottom:10px; }
.bs-t h3 { font-size:110%; line-height:120%; color:#c66b00; padding-bottom:5px; margin-bottom:7px; border-bottom:#c66b00 2px dotted; }
.bs-t p { line-height:160%; }

/* ----- about ----- */

#ab-txt { font-size:110%; line-height:160%; text-align:center; font-weight:bold; padding-bottom:15px; }
#ab-txt strong { color:#c6003c; }

#ab-cast dl { margin:auto; background:url(../img/about_cast.png) 0 0 no-repeat; background-size:cover; width:530px; height:316px; text-indent:-9999px; }

/* ----- old ----- */

#old { clear:both; padding-top:50px; text-align:center; }
#old-t { margin:0 auto 10px auto; display:block; width:372px; height:112px; background:url(../img/old.png) 0 0 no-repeat; text-indent:-9999px; }
#old-btn a { margin:auto; display:block; width:109px; height:130px; background:url(../img/old.png) -136px -128px no-repeat; outline:none; text-indent:-9999px; }
#old-t, #old-btn a { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; }

/* modal */

.modal-content { position:fixed; display:none; z-index:2; width:20.0em; /*min-height:18.0em;*/ margin:0; padding:1.5em; background:#fff; border-radius:20px; }
.modal-overlay { z-index:1; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75); }
.modal-open { color:#00f; text-decoration:underline; }
.modal-open:hover { cursor:pointer; color:#f00; }
.modal-close a { cursor:pointer; display:block; width:4.0em; margin:auto; padding:0.6em; border-radius:1.1em; text-align:center; color:#333; font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:85%; line-height:100%; text-decoration:none; background-color:#dcdddd; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
.modal-close a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#modal-yoyaku-box { position:relative; width:100%; min-height:14.0em; }

#modal-yoyaku h2 { margin-bottom:10px; line-height:120%; text-align:center; }

#modal-yoyaku-form { position:absolute; width:100%; min-height:14.0em; }
#modal-yoyaku-form table { border-collapse:collapse; width:100%; box-sizing:border-box; margin-bottom:10px; }
#modal-yoyaku-form table th, #modal-yoyaku-form table td { border:#c7c7c7 1px solid; padding:0.3em; line-height:100%; text-align:center; box-sizing:border-box; }
#modal-yoyaku-form table th { background-color:#efefef; }

#modal-yoyaku-end { display:none; position:absolute; width:100%; text-align:center; }
#modal-yoyaku-end-t { padding:4.0em 0; }
#yyk-r { display:none; color:red; font-size:85%; padding-bottom:0.5em; }

/* ----- end ----- */

.end-box { margin-top:30px; }
.end-box .box-body:before { height:14px; }

#end-nw-t { text-align:center; font-weight:bold; font-size:110%; padding-bottom:10px; }
#end-nw-t2 { padding-top:13px; text-align:center; font-weight:bold; font-size:110%; padding-bottom:10px; }
#end-grave { width:100%; text-align:center; }
#end-grave span { display:block; width:162px; height:192px; margin:auto; background:url(../img/end_grave.png) center center no-repeat; background-size:cover; }
#end-grave span:hover { cursor:pointer; }
#end-p { width:100%; text-align:center; margin-top:-10px; }
#end-p li { width:255px; }
#end-p li span { display:block; width:255px; height:143px; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:5px; }
#end-p1 { margin:0 auto 10px auto; }
#end-p2 { float:left; margin:0 10px 10px 5px; }
#end-p3 { float:left; }
#end-p1 span { background-image:url(../img/end_p1.jpg); }
#end-p2 span { background-image:url(../img/end_p2.jpg); }
#end-p3 span { background-image:url(../img/end_p3.jpg); }

#end-t { line-height:160%; }
#end-t strong { color:#ca7009; }


/* 0 - Side
=================================== */

#side { float:right; width:300px; }

#bn-rectangle, #s-tw { margin-bottom:10px; }

#s-sns:after { content:""; clear:both; display:block; }
#s-sns-tw { float:left; margin-right:10px; }
#s-sns-fb { float:left; }
#btn-yoyaku { float:right; }

#btn-yoyaku a { display:block; width:104px; height:59px; background:url(../img/main_parts1.png) -325px -62px no-repeat; text-indent:-9999px; outline:none; }


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

footer { height:260px; }
#f-copy { position:relative; color:#fff; font-size:90%; line-height:120%; z-index:30; }
#f-copy a { color:#fffe8e; }

#pagetop { position:fixed; z-index:40; bottom:-200px; right:20px; }
#pagetop a { display:block; width:93px; height:97px; background:url(../img/f_parts.png) -1245px -10px no-repeat; text-indent:-9999px; outline:none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-iteration-count: 5; animation-iteration-count: 5; }

#fm ul { position:fixed; bottom:-470px; z-index:20; width:100%; height:335px; background:url(../img/f_bg.png) bottom center no-repeat; }
#fm ul li { position:absolute; text-align:left; text-indent:-9999px; background-image:url(../img/f_parts.png); background-repeat:no-repeat; }
#fm1 { bottom:131px; left:-15px; width:239px; height:328px; background-position:0 -10px; }
#fm2 { bottom:-116px; left:150px; width:252px; height:280px; background-position:-250px -305px; }
#fm3 { bottom:31px; left:429px; width:134px; height:201px; background-position:-529px -237px; }
#fm4 { bottom:24px; right:448px; width:158px; height:188px; background-position:-675px -257px; }
#fm5 { bottom:-33px; right:250px; width:147px; height:248px; background-position:-837px -254px; }
#fm6 { bottom:-39px; right:5px; width:238px; height:462px; background-position:-987px -46px; }


/*	Media Queries
=================================== */

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

/* ----- Footer ----- */

#fm1 { left:-15px; }
#fm2 { left:70px; }
#fm3 { left:330px; }
#fm4 { right:320px; }
#fm5 { right:180px; }
#fm6 { right:-50px; }

}

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

/* ----- Header ----- */

header { width:auto; position:relative; height:0; padding-top:52.5%; }
#header-area { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/header_smp.png); background-size:cover; }
#logo, #oa-time { width:auto; height:auto; }

/* ----- Main ----- */

#pagebody { width:auto; margin:0; background-image:url(../img/main_bg1.png); border-radius:0; background-size:490px; }
#pagebody-inner { padding:15px 10px 10px 10px; border-radius:0; }
#pbhr:before { top:-17px; margin-left:-64px; display:block; width:128px; height:35px; background:url(../img/main_parts1.png) -217px 0 no-repeat; background-size:344px; }

main { float:none; width:auto; margin:0 0 10px 0; }

.box { margin-top:30px; }
.box h2 { position:absolute; top:-20px; left:-8px; display:block; width:210px; height:57px; background-size:344px; }
#top-next h2 { background-position:0 0; }
#top-news h2 { background-position:0 -64px; }
#top-boshu h2 { background-position:0 -127px; }
#top-about h2 { background-position:0 -190px; }

.box-body:before, .box-body:after { display:none; }
.box-body { padding:30px 20px 20px 20px; background-image:none!important; box-sizing:border-box; font-size:90%; }
#top-next .box-body { box-shadow: 0 0 0 3px #7b80a9 inset, 0 0 0 5px #b3c0df inset, 0 0 0 7px #7b80a9 inset, 0 0 0 9px #b3c0df inset, 0 0 0 12px #7b80a9 inset; }
#top-news .box-body { box-shadow: 0 0 0 3px #665db3 inset, 0 0 0 5px #7cff89 inset, 0 0 0 7px #665db3 inset, 0 0 0 9px #7cff89 inset, 0 0 0 12px #665db3 inset; }
#top-boshu .box-body { box-shadow: 0 0 0 3px #ed951f inset, 0 0 0 5px #ffc653 inset, 0 0 0 7px #ed951f inset, 0 0 0 9px #ffc653 inset, 0 0 0 12px #ed951f inset; }
#top-about .box-body { box-shadow: 0 0 0 3px #c75c89 inset, 0 0 0 5px #ff748f inset, 0 0 0 7px #c75c89 inset, 0 0 0 9px #ff748f inset, 0 0 0 12px #c75c89 inset; }

.box-btn a { width:80%; }

#mov { margin-top:5px; }
.nt-t { margin-top:10px; }

.dtl-yt { display:block; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; }
.dtl-yt iframe { position: absolute; top:0; left:0; width:100%; height:100%; }

#ab-txt { padding-bottom:10px; }
#ab-cast { width:auto; position:relative; height:0; padding-top:59.62%; }
#ab-cast dl { position:absolute; left:0; top:0; width:100%; height:100%; }

#old { padding-top:25px; }
#old-t { width:248px; height:75px; background-size:248px; }
#old-btn a { width:73px; height:87px; background:url(../img/old.png) -91px -86px no-repeat; background-size:248px; }

.end-box { margin-top:20px; }
#end-p { margin-top:0; }
#end-p2, #end-p3 { float:none; margin:0 auto 10px auto; }

/* modal */

.modal-content { width:80%; padding:1.0em; }

#modal-yoyaku-box, #modal-yoyaku-form { min-height:18.0em; }
#modal-yoyaku-end-t { padding:100px 0; }

#modal-yoyaku-form table th, #modal-yoyaku-form table td { display:block; float:left; clear:both; width:100%; font-size:16px; border-top:#c7c7c7 1px solid; border-left:#c7c7c7 1px solid; border-right:#c7c7c7 1px solid; border-bottom:none; }
#modal-yoyaku-form table tr:last-child { border-bottom:#c7c7c7 1px solid; }
#modal-yoyaku-form table select, #modal-yoyaku-form table input { font-size:16px; }

/* ----- Side ----- */

#side { float:none; margin:auto; }

#btn-yoyaku a { width:70px; height:40px; background:url(../img/main_parts1.png) -217px -42px no-repeat; background-size:344px; }

/* ----- Footer ----- */

footer { height:auto; background:url(../img/bg_smp.png); }

#f-copy { padding:10px; }

#fm { width:auto; position:relative; height:0; padding-top:32.27%; }
#fm ul { position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../img/footer_smp.png); background-size:cover; }
#fm ul li { display:none; }

#pagetop a { width:62px; height:65px; background:url(../img/f_parts.png) -830px -7px no-repeat; background-size:899px; }

}

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

#ab-cast { padding-top:243.35%; }
#ab-cast dl {  background-image:url(../img/about_cast_smp.png); }

#end-grave span { width:130px; height:154px; }
#end-p li { width:200px; }
#end-p li span { width:200px; height:112px; }

}

/*eof*/