@charset "UTF-8";

/* ==================================================================
CSS information
style info :「story」 用
================================================================== */



#contents { background: url(../_img/storychara/bg_r.png) top center repeat-x;}

/* --------------------------------------------------------
#subnavi {}
-------------------------------------------------------- */
#subnavi { background: url(../_img/storychara/subnavi_bg.png) top center repeat-x;}


/* --------------------------------------------------------
#ttl-block
-------------------------------------------------------- */
#ttl-block { background: url(../_img/storychara/ttl_bg.png) top center repeat-x; }
#ttl-block .inner-cont { padding-bottom: 10px; }


#ttl-block #tf { top: -8px; left: 50%; margin-left: -215px; }
#ttl-block #category { margin-bottom: 49px;}
#ttl-block #ttl { margin-bottom: 0px;}




/* --------------------------------------------------------
#c1
-------------------------------------------------------- */
#c1 { margin-bottom: 14px; }
#c1 .inner-cont { }

#c1 .pic_list { position: relative; width: 100%; }
#c1 .pic_list li { position: absolute; }
#c1 .pic_list li img { width: 100%; height: auto; position: relative;}
#c1 .pic_list li .thumb { position: absolute; top: 0; left: 0; z-index:2;}
#c1 .pic_list .p1 { top: 0; left: 27.4218%; width: 45.46875%; height: auto; position: relative; z-index: 5;}
/* 1280px */
#c1 .pic_list .p2 { top: -1.9881%; left: 7.8125%; width: 25%; height: auto; z-index: 4;}
#c1 .pic_list .p3 { top: 2.9821%; left: 61.4843%; width: 25%; height: auto; z-index: 3;}
#c1 .pic_list .p4 { top: 58.6481%; left: 3.5156%; width: 25%; height: auto; z-index: 2;}
#c1 .pic_list .p5 { top: 53.2803%; left: 71.875%; width: 25%; height: auto; z-index: 1;}


@media screen and (min-width: 1281px) {
#c1 .pic_list { width: 1280px; margin: 0 auto; }
}

.flash-box { position: relative; padding-bottom: 60.0%; height: 100%; overflow: hidden;}
.flash-box #story_a object, .flash-box #story_a embed , 
.flash-box #story_b object, .flash-box #story_b embed , 
.flash-box #story_c object, .flash-box #story_c embed , 
.flash-box #story_d object, .flash-box #story_d embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}