@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :INDEX—p
================================================================== */


#container { background: #e6e6e6;}
#mainvisual img { width: 100%;}
#mainvisual { position: relative; width: 100%; height: auto; background: #000; margin-bottom: -12%;}
#mainvisual:before { content: ""; display: block; padding-top: 114.5%; }
#mainvisual .inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.copytext { position: absolute; bottom: 7.0%; left: 0; width: 100%; height: auto;}
.copytext img { position: relative;}

.btn_products { position: absolute; bottom: 31.0%; right: 1.875%; width: 26.71875%; height: auto;}
.btn_products img { position: relative;}

.cero { position: absolute; bottom: 12%; left: 2.975%; width: 40px; height: auto;}
.cero a { position: relative;}
/*
.cero { position: absolute; top: 20px; left: 2.975%; width: 48px; height: auto;}
.cero a { position: relative;}
*/


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { min-width: 640px; }


#content-Area { margin-top: 0%; position:relative; }

/*.copytext { position: absolute; top: 638px;}*/

.btn_movie-Box { text-align: center; padding: 0 10px 20px;}

.btn_blog-Box { text-align: center; padding: 0 10px 20px; position: relative; max-width: 620px; margin: 0 auto;}
.btn_blog-Box .updata-Box { position: absolute; bottom: 0px; right: 0px; text-align: right; padding: 20px 20px 25px; color: #000; font-size: 93%; line-height: 1.11; }
.btn_blog-Box .updata-Box strong { color: #f70000; display: block;}


.btn_fetw-Box { text-align: center; padding: 0 10px 10px;}

.basicinfo-Box { text-align: center; padding: 0 10px 10px;}

.guidebook-Box { text-align: center; padding: 0 10px 20px;}
.avex-Box { text-align: center; padding: 0 10px 20px;}


#staff { text-align: center;}



/* #mainlogo
-------------------------------------------------------- */
#mainlogo_anim { z-index:10; position: absolute; top: 0; left: 0; width: 100%; }
#mainlogo_anim img { width: 54%; height: auto;}

.canimate_preloader { position: absolute;}

#mainlogo_anim .canimation { left: -14px; padding-top: 43px; position: relative; z-index:1000;}

#mainlogo_anim .ds { display: none; left: -14px; padding-top: 43px; position: relative; z-index:1000;}




#information { text-align: left; padding:0 20px 110px; position: relative; max-width: 640px; margin: 0 auto -70px; background: url(../_img/index/information_btm.png) center bottom no-repeat; }
#information #information-box { background: #1e1e1e; padding: 0 20px; }
#information #information-box li { padding-bottom: 15px;}
#information #information-box li:last-child { padding-bottom: 0px;}
#information #information-box .date { color: #f70000; display: inline-block; }
#information #information-box .hl { color: #fff; display: block; background: #1e1e1e; }
#information #information-box .ar { color: #9dff29; margin-right: 0.5em;}
#information #information-box .ar img { margin-bottom: 5px;}
#information #information-box a { text-decoration: none;}