@charset "Shift_JIS";
/* ==================================================================
CSS information
style info :Topページ用
================================================================== */


/* --------------------------------------------------------
#contents
-------------------------------------------------------- */
#contents { position:relative; height:100%; background:#000; }
#mainbox { height:100%; }


#bgflash { z-index:10; position:fixed; width:100%; height:100%; }
#bgflash object { vertical-align: middle; width:100%; height:100%;}
#bgflash embed { vertical-align: middle; width:100%; height:100%;}

#bgflash img { width:100%; height:auto; }
#bgflash img.bg2 { display:none; }
#bgflash img.bg3 { display:none; }
#bgflash img.bg4 { display:none; }
#bgflash img.bg5 { display:none; }

#mainLogo { z-index:40; position:absolute; left:-2.8%; top:15%; width:49.14%; display:none;}
#mainLogo img { max-width:100%; height:auto;}

#spec { z-index:30; position:absolute; left:45px; bottom:104px; text-align:left; width:338px; /*max-width:24.142%;*/}
#spec .inner { width:100%; max-width:1720px; letter-spacing:-.45em; position:relative; }

#spec { vertical-align:top; }
#spec img { vertical-align:top; max-width:100%; width:100%; height:auto;}
#spec p { display:inline-block; letter-spacing:normal; vertical-align:top;}
#spec div { display:inline-block; letter-spacing:normal;}

#spec .info {  }
#spec .btn { }
#spec .nn { }
#spec .cero {}

#spec .info { width:338px; height:auto; }
#spec .btn { width:334px; height:auto; display:block; margin-left:4px; }
#spec .nn { width:36px; height:auto; position:absolute; top:5px; right:39px; }
#spec .cero { width:34px; height:auto; position:absolute; top:5px; right:0px;  }

#spec .btn .btn_detail { width:174px; display:block; float:left;}
#spec .btn .btn_guidebook { width:151px; display:block; float:left; margin-left:9px;}

#bnr_apparent { z-index:1000; position:absolute; top:40px; right:0;}

#infoBlock { z-index:40; position:absolute; right:0px; bottom:99px; width:294px;}
#infoBlock .plusBox { margin-bottom:10px;}
#infoBlock .blogBox { background:url(../_img/pc/index/bg_blog_btm.png) no-repeat left bottom; width:294px; }
#infoBlock .blogBox .inner { }
#infoBlock .blogBox .ti { }
#infoBlock .blogBox dl { position:relative; margin-left:15px; padding-top:5px; font-size:93%;}
#infoBlock .blogBox dt { color:#0086c5; }
#infoBlock .blogBox dd { padding-top:5px; }
#infoBlock .blogBox dd a { color:#FFF; background:url(../_img/pc/index/blog_icon.png) no-repeat center right; padding-right:15px; }

@media screen and (max-width: 1300px) { /* 1300px以下の記述 */
#bnr_apparent { width:22.6%; top:30px;}
#bnr_apparent img { max-width:100%; width:100%; height:auto;}

#infoBlock { width:22.6%;}
#infoBlock img { max-width:100%; width:100%; height:auto;}
#infoBlock .blogBox { width:100%; }
}


@media screen and (max-width: 980px) { /* 980px以下の記述 */
#bnr_apparent { top:25px;}
#infoBlock { bottom:89px; }
}