@charset "utf-8";

/* =========================================================
◆Top Page Style
========================================================= */

/* opening
----------------------------*/
#MainSection,
#Wrap .pagetop,
#Foot { display: none; }
#Loading { position:fixed; top:0; right:0; bottom:0; left:0; background:#ddd; z-index:100; }
#Loading .loadingIn { display: none; width:407px; height:348px; position:fixed; top:50%; left:50%; background:#fff; margin:-201px 0 0 -203px; }
#Loading img { position:relative; z-index:10; }
#Loading .bg { position:absolute; top:0; bottom:0; left:0; background: #011f8d; z-index:5; }
#Loading .border { position:absolute; z-index:11; background:#011f8d; }

@-webkit-keyframes top {
0% { width:0; }
100% { width:100%; }
}
@keyframes top {
0% { width:0; }
100% { width:100%; }
}

@-webkit-keyframes right {
0% { height:0; }
100% { height:100%; }
}
@keyframes right {
0% { height:0; }
100% { height:100%; }
}

@-webkit-keyframes bottom {
0% { width:0; }
100% { width:100%; }
}
@keyframes bottom {
0% { width:0; }
100% { width:100%; }
}

@-webkit-keyframes left {
0% { height:0; }
100% { height:100%; }
}
@keyframes left {
0% { height:0; }
100% { height:100%; }
}

@-webkit-keyframes bg {
0% { width:0; }
100% { width:100%; }
}
@keyframes bg {
0% { width:0; }
100% { width:100%; }
}

#Loading.on .b_top {
	width:0px; height:5px; left:0; top:0;
	animation:top 1s ease-Out 0.5s 1 forwards ;
	-webkit-animation:top 1s ease-Out 0.5s 1 forwards ;
}
#Loading.on .b_right {
	width:5px; height:0px; right:0; top:0;
	animation:right 1s ease-Out 1.5s 1 forwards ;
	-webkit-animation:right 1s ease-Out 1.5s 1 forwards ;
}
#Loading.on .b_bottom {
	width:0px; height:5px; right:0; bottom:0;
	animation:bottom 1s ease-Out 0.5s 1 forwards ;
	-webkit-animation:bottom 1s ease-Out 0.5s 1 forwards ;
}
#Loading.on .b_left {
	width:5px; height:0px; left:0; bottom:0;
	animation:left 1s ease-Out 1.5s 1 forwards ;
	-webkit-animation:left 1s ease-Out 1.5s 1 forwards ;
}
#Loading.on .bg {
	animation:bg 1s ease-Out 2.5s 1 forwards ;
	-webkit-animation:bg 1s ease-Out 2.5s 1 forwards ;
}


/* Head
----------------------------*/
#Head { position:fixed; top:0; left:0; z-index:10; }
#Head.active { background:#fff; }

/* Gnav
----------------------------*/
#Gnav { position:absolute; bottom:0; left:0; z-index:10; }
#Gnav.active { position:fixed; bottom:inherit; top:66px; }

/* Mainvis
----------------------------*/
#Mainvis { position:relative; }
#Mainvis .inner { width:980px; padding-bottom:100px; margin:0 auto; }
#Mainvis .label_theme { width:407px; position:absolute; top:50%; margin-top:-174px; left:50%; margin-left:-203px; }
#Mainvis .sell_bnrbox { width:980px; margin:0 auto;  }
#Mainvis .sell_bnrbox .sell_bnr { width:980px; bottom:10px; position:absolute; }
#Mainvis .sell_bnrbox .sell_bnr a { width:272px;  float:right; }

#Mainvis .scroll_btn { width:68px; position:absolute; bottom:0; left:50%; margin-left:-34px; }
#Mainvis .scroll_btn a { display: block; }
@-webkit-keyframes bg-color {
  0% { bottom:0px; }
  100% { bottom:15px; }
}
@keyframes bg-color {
  0% { bottom:0px; }
  100% { bottom:15px; }
}
#Mainvis .scroll_btn {
	animation:bg-color 0.5s ease-Out 0s infinite alternate;
	-webkit-animation:bg-color 0.5s ease-Out 0s infinite alternate;
}

/* Main-Section
----------------------------*/
#MainSection { padding-top:115px; }
#MainSection h2 { width:980px; text-align: center; margin:0 auto 62px; }
#MainSection h2 img { display:inline; }
#MainSection .areaNav { width:980px; margin:0 auto 50px; }
#MainSection .areaNav ul li { background: #242323; margin-bottom:30px; }
#MainSection .areaNav ul li a { display: block; position:relative; }
#MainSection .areaNav ul li a:before { display:block; content:""; width:18px; height:18px; position:absolute; bottom:10px; right:10px; background:url(../images/icon_arrow_01.png) no-repeat right bottom; }
#MainSection .areaNav ul li a .eyecatch { width:491px; float:left; }
#MainSection .areaNav ul li a .navCont { width:489px; float:right; }
#MainSection .areaNav ul li a .navCont h3 { margin-bottom:4px; }
#MainSection .areaNav ul li a .navCont p { font-size:13px; color:#fff; line-height:23px; padding:0 35px 0 21px; }
.areaNav ul li:last-child{overflow: hidden}

/* -> Carousel */
#MainSection .carousel { width:100%; min-width:980px; }
#MainSection .carousel li { width:auto; float:left; }
#MainSection .carousel li a { display: block; position: relative; }
#MainSection .carousel li a img { width:100%; }
/*#MainSection .carousel li.slick-center a img:not(.rollover2) { opacity:1 !important; }*/