body {  }
body > .wrap {  }






#headerLAYOUT { position: fixed; top: 0px; left: 0px; z-index: 4; }
#headerLAYOUT > .wrap {  }






#footerLAYOUT { position: fixed; bottom: 72px; right: 0px; z-index: 4; }
#footerLAYOUT .wrap {  }






#contentLAYOUT {  }
#contentLAYOUT > .wrap {  }




#contentLAYOUT section.logo { position:fixed; top:0; left:0; width:100%; height:100%; color: #000000; }
#contentLAYOUT section.logo > .wrap { position:absolute; top:50%; width:100%; text-align:center; margin-top: -5%; }
#contentLAYOUT section.logo img { width: 40%; display: none; }



#contentLAYOUT section.covers { position: fixed; bottom: -8px; left: 0px; }
#contentLAYOUT section.covers > .wrap {  }
#contentLAYOUT section.covers ul { font-size: 0px; letter-spacing: 0px; white-space: nowrap; }
#contentLAYOUT section.covers ul li { display: inline-block; vertical-align: bottom; }
#contentLAYOUT section.covers ul li img {position: relative; width: 100%; background: #CCCCCC; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); box-shadow: 0px 0px 4px 0px rgba(0,0,0,.5); }
#contentLAYOUT section.covers ul li.width_1 { width: 64px; }
#contentLAYOUT section.covers ul li.width_2 { width: 72px; }
#contentLAYOUT section.covers ul li.width_3 { width: 80px; }
#contentLAYOUT section.covers ul li.width_4 { width: 64px; }
#contentLAYOUT section.covers ul li.width_5 { width: 72px; }
#contentLAYOUT section.covers ul li.width_6 { width: 80px; }
#contentLAYOUT section.covers ul li.zindex_1 img { z-index: 1; }
#contentLAYOUT section.covers ul li.zindex_2 img { z-index: 2; }
#contentLAYOUT section.covers ul li.zindex_3 img { z-index: 3; }
#contentLAYOUT section.covers ul li.zindex_4 img { z-index: 1; }
#contentLAYOUT section.covers ul li.zindex_5 img { z-index: 2; }
#contentLAYOUT section.covers ul li.zindex_6 img { z-index: 3; }
#contentLAYOUT section.covers ul li.margin_1 { margin-left: -4px; }
#contentLAYOUT section.covers ul li.margin_2 { margin-left: -8px; }
#contentLAYOUT section.covers ul li.margin_3 { margin-left: -12px; }
#contentLAYOUT section.covers ul li.margin_4 { margin-left: -4px; }
#contentLAYOUT section.covers ul li.margin_5 { margin-left: -8px; }
#contentLAYOUT section.covers ul li.margin_6 { margin-left: -12px; }

#contentLAYOUT section.covers ul li:hover img { z-index: 4 !important; padding-bottom: 8px; }











@media screen and (max-width: 1023px) /*1024*/ {

}

@media screen and (max-width: 767px) /*768*/ {


}

@media screen and (max-width: 666px) /*667*/ {


			#contentLAYOUT section.logo img { width: 88%; }

}

@media screen and (max-width: 374px) /*375*/ {



}