@charset "utf-8";

ul#main_slider{
	margin-bottom: 50px;
}
ul#main_slider li img{
	min-width: 1024px;
}
ul#main_slider li span{
	color: white;
	margin-top: -30px;
	width:100%;
	display:block;
	position:absolute;
	top:50%;
	font-size:45px;
	font-weight:bold;
	line-height: 1;
	letter-spacing:0.11em;
	text-align:center;
}
.okmobile{
display:block;
}
.okmobile1{
	display:none;

	}

#mbox .bx-wrapper .bx-pager,
#mbox .bx-wrapper .bx-controls-auto{
	top: 50%;
}
#mbox .bx-wrapper .bx-pager .bx-pager-item:last-child{
	margin-bottom: 0;
}

@media screen and (max-width:640px) {

	ul#main_slider li{
		height: auto;
	}
	ul#main_slider li img{
		min-width: auto;
		margin-left:100%;

	}
	.okmobile{
	display:none;

	}
	.okmobile1{
	display:block;
	}
	
	ul#main_slider li span{
		width:100%;
		display:block;
		position:absolute;
		top:50%;
		font-size:22px;
		font-weight:bold;
		line-height:1.5;
		letter-spacing:0.11em;
		text-align:center;
	}

}

section.sec{
	margin:0 auto;
	width:1024px;
}





/*big_pickup
------------------------------------------*/

section#big_pickup{
}

section#big_pickup #list01{
	margin-bottom:50px;
}

section#big_pickup #list01 li{
	margin-right:20px;
	margin-bottom:20px;
	width:328px;
	background-color:#FFF;
	float:left;
	position:relative;
}

section#big_pickup #list01 li:nth-child(3),
section#big_pickup #list01 li:nth-child(6),
section#big_pickup #list01 li:nth-child(9),
section#big_pickup #list01 li:nth-child(12)
{
	margin-right:0!important;
}

section#big_pickup #list01 li a{
	padding-bottom: 90px;
	display: block;
	position: relative;
}
section#big_pickup #list01 li a:hover{
	text-decoration: none;
}
section#big_pickup #list01 li .plus{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
}

section#big_pickup #list01 li h2{
	margin-top:50px;
	margin-bottom:30px;
	padding:0 25px 0 20px;
	font-size:23px;
	font-weight:normal;
	line-height:1.5;
}

section#big_pickup #list01 li p{
	margin-top:0;
	padding:0 25px;
	font-size:16px;
}





/*#push_content
------------------------------------------*/


section#push_content #list02{
	margin-bottom:55px;
}

section#push_content #list02 li{
	margin-right:0;
	margin-bottom:20px;
	padding-bottom:0;
	width:256px;
	height:344px;
	background-color:transparent;
	float:left;
	position:relative;
}


section#push_content #list02 li:last-child{
	margin-right:0!important;
}




section#push_content #list02 li h2{
	padding-left:30px;
	width:100%;
	height:99px;
	background-color: rgba(000,000,000,0.7);
	position:absolute;
	bottom:0;
	z-index:999;
}

section#push_content #list02 li a:hover{
	text-decoration: none;
}
section#push_content #list02 li a:hover h2{
	background-color: rgba(000,000,000,0.3);
}


section#push_content #list02 li h2 span{
	height:99px;
	opacity:1;
	position: relative;
	top: 40%;	
	color:#e4e4e4;
	font-size:22px;
	font-weight:normal;
	line-height:1;
	text-align:left;
	cursor: pointer;
}
section#push_content #list02 li h2 span{
	text-decoration: none;
}

section#push_content #list02 li h2 span.cot02{
	height:99px;
	opacity:1;
	position: relative;
	top: 30%;	
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	line-height:1;
	text-align:left;
}

.thumb-item-nav{
	width: 100%;
	position: relative;
	top:-10px;
	z-index: 3000;
}
.thumb-item-nav .slick-track{
	width: 100% !important;
}

.thumb-item-nav li:first-child:nth-last-child(1),
.thumb-item-nav li:first-child:nth-last-child(1) ~ li{ width: 100% !important; }

.thumb-item-nav li:first-child:nth-last-child(2),
.thumb-item-nav li:first-child:nth-last-child(2) ~ li{ width: 50% !important; }

.thumb-item-nav li:first-child:nth-last-child(3),
.thumb-item-nav li:first-child:nth-last-child(3) ~ li{ width: 33.33% !important; }

.thumb-item-nav li:first-child:nth-last-child(4),
.thumb-item-nav li:first-child:nth-last-child(4) ~ li{ width: 25% !important; }

.thumb-item-nav li:first-child:nth-last-child(5),
.thumb-item-nav li:first-child:nth-last-child(5) ~ li{ width: 20% !important; }

.thumb-item-nav li:first-child:nth-last-child(6),
.thumb-item-nav li:first-child:nth-last-child(6) ~ li{ width: 16.66% !important; }

.thumb-item-nav li:first-child:nth-last-child(7),
.thumb-item-nav li:first-child:nth-last-child(7) ~ li{ width: 14.28% !important; }

.thumb-item-nav li:first-child:nth-last-child(8),
.thumb-item-nav li:first-child:nth-last-child(8) ~ li{ width: 12.5% !important; }

.thumb-item-nav li:first-child:nth-last-child(9),
.thumb-item-nav li:first-child:nth-last-child(9) ~ li{ width: 11.11% !important; }

.thumb-item-nav li:first-child:nth-last-child(10),
.thumb-item-nav li:first-child:nth-last-child(10) ~ li{ width: 10% !important; }

.thumb-item-nav li{
	padding-top: 10px;
	height:87px;
	display:block;
	position: relative;
	font-size:15px;
	font-weight:bold;
	line-height: 1.6;
	text-align:center;
	cursor: pointer;
}

.thumb-item-nav li span{
	box-sizing: border-box;
	padding: 12px 0 0 0;
	height: 77px;
	background: white;
	border-top:4px solid #3252a3;
	display: block;
    position: relative;
	color: #3d3d3d;
	text-align: center;
    -webkit-transition: 0.3s ease-out;
    -moz-transition:	0.3s ease-out;
    -ms-transition:		0.3s ease-out;
    -o-transition:		0.3s ease-out;
    transition:			0.3s ease-out;
}
.thumb-item-nav li:hover span,
.thumb-item-nav li.slick-current span{
	background: #3252a3;
	color: white;
}
.thumb-item-nav li.slick-current:before{
	margin-left: -10px;
	width:0;
	border-top: 14px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 14px solid #3253a4;
	border-left: 10px solid transparent;
	display:block;
	position:absolute;
	top:-18px;
	left:50%;
	z-index: 3000;
	content:"";
}

.thumb-item{
	position:relative;
}

.thumb-item h2{
	width: 350px;
	position: absolute;
	top: 130px;
	left: 73px;
	z-index: 100;
	color: #212121;
	font-size: 32px;
	font-weight: 700;
	line-height: 42px;
}
.thumb-item p{
	width: 350px;
	position: absolute;
	top: 224px;
	left: 73px;
	color: #212121;
	font-size: 16px;
	line-height: 1.6;
}

.thumb-item a.bt_lc{
	position:absolute;
	bottom:85px;
	left:73px;
}

@media screen and (max-width:640px) {
	section#push_content #list02 li h2 span,
	section#push_content #list02 li h2 span.cot02{
		font-size:16px;
	}
}

#recommend_area .bx-wrapper{display:none!important;}
#mbox{position:relative; margin-left:auto;}

@media screen and (max-width:640px) {
	#mbox .bx-pager{height: 18px;}
	#mbox .bx-controls-direction{margin-top: -18px;	position: relative;	}
}

#mus{margin-left: -14.5px;display: none;position:fixed;bottom:30px;left:50%;z-index:99999;}


@media screen and (max-width:640px) {
#recommend_area .bx-wrapper{
	display:block!important;
}
#recommend_area .title{
	padding: 15px 30px;
	background: #3253a4;
	position: relative;
	color: white;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
}
#recommend_area .title:after{
	width:0;
	border-top: 16px solid #3253a4;
	border-right: 10px solid transparent;
	border-bottom: 16px solid transparent;
	border-left: 10px solid transparent;
	display:block;
	position:absolute;
	bottom:-32px;
	left:25%;
	z-index: 1000;
	content:"";
}

#mbox{
position:relative;	
}

#mus{
	display:none;
}
}


#mbox .bx-wrapper{ margin-bottom:18px; }
@media screen and (max-width:640px) {
	#mbox .bx-wrapper{ margin-bottom: 88px; }
}



/*#recommend_area
------------------------------------------*/

#recommend_area{
	margin-bottom:52px;
	padding-bottom:0;
	overflow: hidden;
}

@media screen and (max-width:640px) {
#recommend_area{
	margin-bottom:52px;
	padding-bottom: 80px;
	background:#FFF;
}
}


/*#about_area
------------------------------------------*/

#about_area{
	margin-bottom:52px;
	height:398px;
	position:relative;
}

#about_area a{
	width: 100%;
	height: 398px;
	background-image:url(/static/style/bg_about_area_pc.png);
	background-repeat:no-repeat;
	display: block;
	-webkit-transition: 0.5s ease-out;
	-moz-transition:	0.5s ease-out;
	-ms-transition:		0.5s ease-out;
	-o-transition:		0.5s ease-out;
	transition:			0.5s ease-out;
}
#about_area a:hover{
	opacity: 0.6;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
}

#about_area h2{
	position:absolute;
	top:82px;
	left:137px;
	color:#acacac;
	font-size:16px;
}

#about_area p#txt01{
	position:absolute;
	top:125px;
	left:137px;
	color:#353535;
	font-size:22px;
	font-weight:600;
	line-height:1.2;
}

#about_area p#txt02{
	position:absolute;
	top:193px;
	left:137px;
	color:#acacac;
	font-size:22px;
	font-weight:600;
	line-height:1.2;
}


#about_area p#bt_more02{
	width:170px;
	height:58px;
	position:absolute;
	top:296px;
	left:714px;
	z-index: 10;
	color:#acacac;
}


@media screen and (max-width:640px) {

section.sec{
	width:100%;
	margin:0 auto;
}

/*big_pickup
------------------------------------------*/

section#big_pickup{
}

section#big_pickup #list01{
	margin-bottom:0;
	padding:0 5% 0;
}

section#big_pickup #list01 li{
	width:100%;
	float:left;
	background-color:#FFF;
	margin-right:18px;
	position:relative;
	margin-bottom:15%;
}

section#big_pickup #list01 li img{
	max-width:100%;
	width:100%;
	margin:0;
	padding:0;
}


section#big_pickup #list01 li:nth-child(3),
section#big_pickup #list01 li:nth-child(6),
section#big_pickup #list01 li:nth-child(9),
section#big_pickup #list01 li:nth-child(12)
{
	margin-right:0!important;
}

section#big_pickup #list01 li h2{
	margin-top:50px;
	margin-bottom:30px;
	padding:0 25px;
	font-size:23px;
	font-weight:bold;
	line-height:1.5;
}

section#big_pickup #list01 li p{
	margin-top:0;
	padding:0 25px;
}

section#big_pickup #list01 li a:hover h2,
section#big_pickup #list01 li a:hover p{
	color: #367eb3;
}

section#big_pickup #list01 li .plus{
	position:absolute;
	bottom:0;
	right:0;
	width:60px;
}




/*#push_content
------------------------------------------*/

section#push_content{
	padding: 0 5%;
}
section#push_content #list02{
	margin-bottom:15%;
}

section#push_content #list02 li{
	width:50%;
	height: auto;
	float:left;
	background-color:transparent;
	margin-right:0;
	margin-bottom:0;
	padding-bottom:0;
	position:relative;
	font-size: 14px;
	color: #acacac;
}

section#push_content #list02 li img{
	width: 100%;
}


section#push_content #list02 li:last-child{
	margin-right:0!important;
}




section#push_content #list02 li h2{
	position:absolute;
	bottom:0;
	background:#000;
	opacity:0.7;
	height:66px;
	z-index:999;
	width:100%;
	padding-left:10%;
}


section#push_content #list02 li h2 span{
	opacity:1;
	height:99px;	
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	position: relative;
	top: 35%;
	-webkit-transform: translateY(-40%); /* Safari用 */
	transform: translateY(-40%);
	text-align:left;
}

section#push_content #list02 li h2 span.cot02{
	opacity:1;
	height:99px;	
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	position: relative;
	top: 20%;
	-webkit-transform: translateY(-30%); /* Safari用 */
	transform: translateY(-30%);
	text-align:left;
}

#about_area{
	margin-bottom:52px;
	position:relative;
}

#about_area a{
	background-image:url(/static/style/bg_about_area_sp.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center top;
	height:398px;
	display: block;
	padding:10% 8%;
}
#about_area a:hover{
	text-decoration: none;
}

#about_area h2{
	position:relative;
	top:0;
	left: inherit;
	font-size:14px;
	color:#acacac;
	width:100%;
	margin-bottom: 25px;
	font-weight: 700;
}

#about_area p#txt01{
	position:relative;
	top:0;
	left: inherit;
	font-size:16px;
	color:#353535;
	line-height:1.5;
	font-weight:600;
	width:100%;
}

#about_area p#txt02{
	position:relative;
	top:0;
	left: inherit;
	font-size:16px;
	color:#acacac;
	line-height:1.5;
	font-weight:600;
	width:100%;
}


#about_area p#bt_more02{
	text-align: right;
	margin-top: 30px;
	width:auto;
	height:auto;
	position:relative;
	top:auto;
	left:auto;
	right: 0;
	bottom: 0;
	color:#acacac;
	height: 58px;
}
#about_area p#bt_more02 img{
	position: absolute;
	right: 0;
	bottom: 0;
}

#recommend_slider{
	margin-bottom: 50px;
}
#recommend_slider h2{
	font-size:24px;
	padding:10% 5% 0;
	line-height:1.5;
}

#recommend_slider p{
	font-size:16px;
	padding:5% 5% 10%;
	line-height:1.6;
}


#recommend_area #recommend_slider .bx-wrapper .bx-controls-direction a{
	bottom:-13%!important;
}

.pc{
	display:block!important;
}

.sp{
	display:none!important;
}


}

/*#anniversary100
------------------------------------------*/
#anniversary100{
	margin-bottom: 90px;
}
@media screen and (max-width:640px) {
	#anniversary100{
		margin-bottom: 52px;
	}
	#anniversary100 img{
		width: 100%;
	}
}

/*#cp_area
------------------------------------------*/
#cp_area{
	margin-bottom: 90px;
}
@media screen and (max-width:640px) {
	#cp_area{
		margin-bottom: 52px;
	}
	#cp_area img{
		width: 100%;
	}
}

/*#ecshop
------------------------------------------*/
#ecshop{
	margin-bottom: 90px;    position: relative;
}
.tmall,.jd{    position: absolute;width: 14.5%;height: 30%;top: 40%;background-image:url(/static/style/blank_test.png);}
.tmall{ 
	left: 55%; 
}
.jd{
	left:70.5%;
}
@media screen and (max-width:640px) {
	#ecshop{
		margin-bottom: 52px;
	}
	#ecshop img{
		width: 100%;
	}
	.tmall,.jd{top: 25%;width: 22.5%;height: 50%;);}
	.tmall{ 
		left: 52%; 
	}
	.jd{
		left:75.5%;
	}
}