@charset "utf-8";
/* CSS Document */
body{margin:0;}
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-table;min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}.clearfix{display:block;}
/* End hide from IE-mac */
a.hov_color {
	text-decoration:none;
	cursor:pointer;
	color:#fff;
}

a.hov_color:hover{
	opacity:0.8;
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}

li{text-decoration:none;}

ul{list-style:none;padding:0;}

img.pc {display: block !important;}

img.sp {display: none !important;}

#wrapper__fbody{
	margin-top: 80px;
}

.wrapper__fbody{
	width:100%;
}

.article__fspe{
	max-width:1200px;
	margin:100px auto 100px;
}
.set_texttext{
	font-size: 15px;
	margin-top: 10px;
	line-height: 27px;
	text-align: left;
}
.haoritext{
	font-size: 16px;
	margin-top: 10px;
	line-height: 27px;
	margin-bottom: 30px !important;
	text-align: center;
}
.coupon__f10{
	border:1px solid #ce131c;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	margin-bottom:90px;
	box-sizing:border-box;
}

.in_text__f10{display:flex;justify-content:space-between;flex-wrap:wrap;margin:33px;}
.text__f10{width:32%;}
p.cord_cc{font-size: 40px !important;font-weight: bold;}
.coupon__f10 p.title__f10{background:#ce131c;color:#fff;font-size:32px;padding:10px;text-align:center;margin:0 0 20px 0;border-top-left-radius:10px;border-top-right-radius:10px;}
.coupon__f10 p{font-size:16px;margin-bottom:10px;line-height: 26px;}
ul.set{text-align:center;margin:90px 0;}

ul.set li{
	display:inline-block;
	vertical-align:top;
	padding:10px;
	width: 33%;
	box-sizing:border-box;
}
ul.set li a{display:block;}
ul.category{text-align:center;margin:40px 0;}
ul.category li{display:inline-block;text-align:center;margin:0 10px;}
ul.category li a,a.list_botton{display:block;padding:12px 30px;border:1px solid #ce131c;}
a.list_botton{display:table;margin:0 auto;}
a.hov_color:hover,ul.category li a.hov_color:hover{background:#ce131c;color:#fff !important;}
ul.all_set{margin:50px 0 80px 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
ul.all_set li{width:16.22%;}
ul.all_set li img{width:100%;margin-bottom:10px;}
p.description{font-size:16px;}
p.price{color:red;}
p.price span{font-size:12px;}

.articleBox{
	padding-bottom: 80px;
}

.articleBox img{
	margin-bottom: 30px;
}

.couponarea{
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	line-height:1.5rem;
}
.text_yokosmall{
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.coupon_code{
	text-align: center;
	font-size: 60px !important;
	color: #ac854f;
	letter-spacing: 10px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.bbbarticleBox{
	padding: 80px 0 20px;
    width: 70%;
    margin: 0 auto;
	border-top:1px dotted #ddd;
}
.corwrapper{
	display: flex;
	padding-bottom:60px;
}
.refine-search-form2{
	width: 100%;
}
.search-details2{
	width: 31%;
	margin: 0 auto;
}

.colorselect_name {
    padding-top: 19px;
}
.colorwrapper{
	width: 100%;
}
.color_chipselect {
    padding: 19px 0;
    margin-bottom: 10px;
}
label.colorchiplabel {
    display: inline-block;
    position: relative;
    width: 15.6666%;
	padding-bottom:10px;
}

label.colorchiplabel img{
	width:90%;
}

.location_checkbox {
    position: absolute;
    display: none;
}
.takewrapper{
	width: 100%;
	display: flex;
	padding-bottom:1px dotted #ddd;
	padding-bottom:80px;
}
.haorisearch-details-box{
	width: 32%;
	margin: 0 auto;
}
.haorisearch-details-box {

    margin: 0 auto;
}
.haoriselect-wrapper {
    width: 97%;
    margin: 5px auto;
    border: solid 2px #ddd;
    border-radius: 3px;
    transition: .4s;
}

.haoriselect-wrapper:first-child {
    border: none !important;
}
.haoriselect-wrapper:last-child {
    border: none !important;
}

.haoriselect-wrapper input{
	width:55%;
	float:right;
}

.haoriselect-box select {
    width: 100%;
    display: block;
    border: none;
    background: none;
    padding: 7px 45px 7px 8px;
    height: 45px;
    line-height: 14px;
    font-size: 14px;
}

.limit{
	padding-top: 20px;
    display: block;
    color: #ac854f;
    line-height: 1.5rem;
}

h1.product-btn {
	width: 100%;
    display: block;
    position: relative !important;
    margin: 0;
    padding: 1em 1em 1em 1em;
    font-size: 18px;
    color: #fff;
    background: #b43414;
    cursor: pointer;
	
	margin-bottom: 5px;
}
h1.product-btn a{
	width: 100%;
    display: block;
}

@media(max-width:1080px){
#wrapper__fbody{margin-top: 134px;}
}

@media(max-width:768px){
	img.pc {display: none !important;}
    img.sp {display: block !important;}
	
.article__fspe{
    width:95%;
	margin:50px auto 100px;
}
	.articleBox{
		padding-bottom:40px;
		border-bottom:1px dotted #ddd;
	}
	
	ul.set li{
		margin: 0 0px 50px;
		width: 100%;
	}
	
	ul.category li{margin:5px auto;width:100%;}
	ul.all_set{margin-bottom:20px;}
	ul.all_set li{width:30%;margin-bottom:30px;}
	p.description{font-size:0.8rem;}
	p.price span{font-size:0.6rem;}
.in_text__f10 {
    margin: 5px;
}
	.coupon__f10 p.title__f10 {
    font-size: 20px;
}
	.coupon__f10 {
    margin-bottom: 50px;
}
.coupon__f10 p {
    margin: 5px;
    margin-bottom: 20px !important;
    text-align: left;
}
.couponarea {
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    line-height:1.5rem;
	text-align:center;
}
.coupon_code {
    text-align: center;
    font-size: 34px !important;
    letter-spacing: 0px;
    margin-top: 25px;
    margin-bottom: 25px;
}
	

.articleBox img {
    margin-bottom: 0px;
}
.bbbarticleBox {
    width: 70%;
    padding: 0 0 20px 0;
	border:0;
}
.corwrapper {
    flex-direction: column;
	padding-botttom:0;
}
.search-details2 {
    width: 95%;
    margin: 0 auto;
}
label.colorchiplabel {
    width: 13.6666%;
	padding-bottom:5px;
}
	
	label.colorchiplabel img{
		width:90%;
	}
.takewrapper {
    flex-direction: column;
	padding-bottom:0;
}
.haorisearch-details-box {
    width: 90%;
    margin: 10px auto 50px;
	border-bottom: 1px dotted #ddd;
    padding-bottom: 40px;
}

	p.cord_cctitle{
	font-weight: bold;
	text-align: center;
	}
	p.cord_cc{
	text-align: center;
	margin-bottom: 20px;
	}
	ul.set {
    margin: 50px 0 0;
}
	ul.category li a, a.list_botton {
    display: block;
    padding: 20px 5px;
    border: 1px solid #ce131c;
    text-align: center;
}
	
	.color_chipselect {
	text-align:center;
	margin-bottom:50px;
	border:1px solid #f5f5f5;
}
	
	.colorselect_name{
		font-size:18px;
		color:#333;
		font-weight:bold;
		padding:15px 0;
		text-align:center;
		background-color: #f5f5f5;
	}
	
	.set_texttext{
		font-size:14px;
		text-align:center;
	}
	
	.haoriselect-wrapper input{
	width:70%;
	margin:10px 15%;
}
}