/**************************************
#productsSection
**************************************/
#productsSection{
    padding: 0 0 80px;
}


#productsSection .righttext{
	text-align: right;
	font-size: 1.4rem;
	padding-top: 20px;
}

/**************************************
detailTTLArea
**************************************/
#detailTTLArea{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 100px auto 20px;
}

#quickViewBox #detailTTLArea{ margin: 0 auto 40px;}

#detailTTLArea .productsTTL{
	display: block;
	text-align: left;
	font-size: 2.8rem;
	line-height: 1.3;
	font-weight: 700;
}

#detailTTLArea .productsTTL > span{
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}


#detailTTLArea .selName{
	font-size: 1.2rem;
	padding-top: 15px;
}

#detailTTLArea .label{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	padding-top: 15px;
}

#detailTTLArea .label > li{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	height: 22px;
	padding: 0 10px;
	margin-right: 10px;
	background: #eeeeee;
	text-align: center;
	font-size: 12px;
}

#detailTTLArea .label > li.quasidrug{
	background: initial;
}
#detailTTLArea .label > li.new{
    color: #FFFFFF;
    background: #E35555;
}
#detailTTLArea .label > li.white{
    border: 1px solid #333333;
    color: #333333;
    background: #FFFFFF;
}
#detailTTLArea .label > li.text01{
    border: 1px solid #E35555;
    color: #E35555;
    background: #FFFFFF;
}

#detailTTLArea span.typename {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 10px;
}

#detailTTLArea span.quasidrug,
.reviewItemBox span.quasidrug {
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    margin-top: 10px;
}

#detailTTLArea .label > li:nth-last-of-type(1){margin-right: 0;}


#detailTTLArea .catch{
	display: block;
	padding-top: 40px;
	font-size: 2.0rem;
	line-height: 1.2;
	font-weight: 700;
	text-align: left;
}



/**************************************
prodcutsDetail
**************************************/
#prodcutsDetail{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}


/**** #detailImgArea  *********************/
#prodcutsDetail #detailImgArea{
	width: 45.83333333333333%;
}

#quickViewBox #prodcutsDetail #detailImgArea{
	width: 26.25%;
}

#detailMainImg{
	width: 100%;
	overflow: hidden;
	position: relative;
}

#detailMainImg img{
	display: block;
	width: 100%; height: auto;
}

#detailMainImg .container{
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

#detailMainImg .wrapper {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#detailMainImg .slider {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	position: relative;
    pointer-events: none;
}
#detailMainImg .slider.swiper-slide-active{
    pointer-events: auto;
}

#detailMainImg .slider a {
	display: block;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#detailMainImg .slider a:hover {
	opacity: 0.6;
}

#detailMainImg .pagerArea{
	display: none;
	padding-top: 30px;
	margin: 0 auto;
}


#detailMainImg .pagination {
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	padding: 0 5px;
}

#detailMainImg .swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	border-radius: 50%;
	background: #dddddd;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    cursor: pointer;
}
#detailMainImg .swiper-pagination-bullet:hover{opacity: .6;}
#detailMainImg .swiper-pagination-bullet-active {
	opacity: 1;
	background: #333333;
}
#detailMainImg .swiper-pagination-bullet-active:hover{opacity: 1;}


#detailMainImg .prev,
#detailMainImg .next{
	display: table-cell;
	width: 20px;
    height: 20px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
	cursor: pointer;
}
#detailMainImg .prev{
	background: url("../img/common/icon_arrow_narrow_left_black.svg") center center no-repeat;
	background-size: 9px auto;
}

#detailMainImg .next{
	background: url("../img/common/icon_arrow_narrow_right_black.svg") center center no-repeat;
	background-size: 9px auto;
}


#detailMainImg .prev.swiper-button-disabled,
#detailMainImg .next.swiper-button-disabled{
	opacity: 0;
	cursor: default;
}

/**** thumbs ***************/
#detailImgArea .detailMainImgController{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	width: 100%;
	padding: 25px 0 0;
}

#detailImgArea .detailMainImgController > li{
	width: calc((100% - 100px) / 6);
	margin-right: 20px;
    border: 1px solid #FFFFFF;
	cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#detailImgArea .detailMainImgController > li.current{border: 1px solid #d7063b;}

#detailImgArea .detailMainImgController > li:nth-of-type(6n){margin-right: 0;}
#detailImgArea .detailMainImgController > li > img{display: block; width: 100%; height: auto;}

#detailImgArea .detailMainImgController > li:hover{opacity: .6;}

/** quickView **********/
#quickViewBox #detailImgArea .detailMainImgController{
	padding: 0 20px 0;
}

#quickViewBox #detailImgArea .detailMainImgController > li{
	width: calc(50% - 10px);
	margin-top: 20px;
	margin-right: 10px;
}
#quickViewBox #detailImgArea .detailMainImgController > li:nth-of-type(2n){margin-right: 0;}

/**** #detailTextArea  *********************/

#prodcutsDetail #detailTextArea{
	width: 45.83333333333333%;
}

#quickViewBox #prodcutsDetail #detailTextArea{
	width: 68.75%;
}

/**** importantInfo  ****/
#prodcutsDetail .annouceUnder{
	margin-top: 20px;
}

#prodcutsDetail .importantInfo{
	display: block;
	padding: 15px 20px;
	margin-bottom: 40px;
	background: #fbe6e6;
}

#prodcutsDetail .importantInfo > dl{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
#prodcutsDetail  .importantInfo > dl > dt{
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
	color: #e35555;
}
#prodcutsDetail .importantInfo > dl > dd{
	text-align: left;
	font-size: 1.4rem;
	padding-left: 20px;
}

#prodcutsDetail .importantInfo > .banner{
	display: block;
	margin-top: 20px;
}

#prodcutsDetail .importantInfo .precautionsBox {
    display: block;
    margin: 0;
}

#prodcutsDetail .importantInfo .precautionsBox > dt {
    padding: 0;
    background: #fbe6e6;
}

#prodcutsDetail .importantInfo .precautionsBox > dt::before{
	right: 0px;
}

#prodcutsDetail .importantInfo .precautionsBox > dt::after{
	right: 0px;
}

#prodcutsDetail .importantInfo .precautionsBox > dd {
	padding-left: 0px;
}


/**** productsSelect  ****/
#prodcutsDetail .productsSelect{
	display: block;
	margin-bottom: 40px;
}

#prodcutsDetail .productsSelect > dl{}
#prodcutsDetail .productsSelect > dl > dt{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}

#prodcutsDetail .productsSelect > dl > dd{}
#prodcutsDetail .productsSelect > dl > dd > ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#prodcutsDetail .productsSelect > dl > dd > ul > li{
	display: block;
	width: calc(50% - 10px);
	margin-right: 20px;
}
#prodcutsDetail .productsSelect > dl > dd > ul > li:nth-of-type(2n){margin-right: 0;}
#prodcutsDetail .productsSelect > dl > dd > ul > li:nth-of-type(n + 3){margin-top: 20px;}

#prodcutsDetail .productsSelect > dl > dd > ul > li > label{
	display: block;
	cursor: pointer;
}
#prodcutsDetail .productsSelect > dl > dd > ul > li > label > input{display: none;}

#prodcutsDetail .productsSelect > dl > dd > ul > li > label > .product{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	border: 1px solid #CCCCCC;
	padding: 1px;
}
#prodcutsDetail .productsSelect > dl > dd > ul > li > label > .product > figure{
	display: block;
	width: 97px;
	padding: 0 10px 0 9px;
}
#prodcutsDetail .productsSelect > dl > dd > ul > li > label > .product > figure > img{display: block; width: 100%; height: auto;}
#prodcutsDetail .productsSelect > dl > dd > ul > li > label > .product > .namePrice{
	display: block;
	width: calc(100% - 96px);
	font-size: 1.6rem;
	line-height: 1.625;
	text-align: left;
}
#prodcutsDetail .productsSelect > dl > dd > ul > li > label > .product > .namePrice > dd > span{
	font-size: 1.2rem;
}


#prodcutsDetail .productsSelect > dl > dd > ul > li > label > input:checked + .product{
	border: 2px solid #e35555;
	padding: 0;
}
#prodcutsDetail .productsSelect > dl > dd > ul > li > label > input:checked + .product > dl{font-weight: 700;}


/**** colorSelect  ****/
#prodcutsDetail .colorSelect{
	display: block;
	margin-bottom: 40px;
}

#prodcutsDetail .colorSelect > dl{}
#prodcutsDetail .colorSelect > dl > dt{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}

#prodcutsDetail .colorSelect > dl > dd{}
#prodcutsDetail .colorSelect > dl > dd > ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: stretch;
	align-items: stretch;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

#prodcutsDetail .colorSelect > dl > dd > ul > li{
	display: block;
	width: calc(50% - 10px);
	margin-right: 20px;
}
#prodcutsDetail .colorSelect > dl > dd > ul > li:nth-of-type(2n){margin-right: 0;}
#prodcutsDetail .colorSelect > dl > dd > ul > li:nth-of-type(n + 3){margin-top: 20px;}

#prodcutsDetail .colorSelect > dl > dd > ul > li > label{
	display: block;
	cursor: pointer;
}
#prodcutsDetail .colorSelect > dl > dd > ul > li > label > input{display: none;}

#prodcutsDetail .colorSelect > dl > dd > ul > li > label > .color{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	border: 1px solid #CCCCCC;
	padding: 15px;
}
#prodcutsDetail .colorSelect > dl > dd > ul > li > label > .color > figure{
	display: block;
	width: 40px;
	padding: 0 10px 0 0;
}
#prodcutsDetail .colorSelect > dl > dd > ul > li > label > .color > figure > img{display: block; width: 100%; height: auto;}
#prodcutsDetail .colorSelect > dl > dd > ul > li > label > .color > dl.colorName{
	width: calc(100% - 40px);
	font-size: 1.6rem;
	line-height: 1.625;
	text-align: left;
}

#prodcutsDetail .colorSelect > dl > dd > ul > li > label > .color > dl.colorName > dt,
#prodcutsDetail .colorSelect > dl > dd > ul > li > label > .color > dl.colorName > dd{
	display: inline-block;
}


#prodcutsDetail .colorSelect > dl > dd > ul > li > label > input:checked + .color{
	border: 2px solid #e35555;
	padding: 14px;
}
#prodcutsDetail .colorSelect > dl > dd > ul > li > label > input:checked + .color > dl.colorName{ font-weight: 700;}


#prodcutsDetail .colorSelect .colorVariGuide{
	text-align: right;
	padding-top: 24px;
}

#prodcutsDetail .colorSelect .colorVariGuide .openModal{
	display: inline-block;
	padding-left: 20px;
	margin: 0 0 0 auto;
	text-decoration: underline;
	background: url("../img/common/icon_open_modal.svg") 0 center no-repeat;
	background-size: 10px auto;
	font-size: 1.4rem;
	cursor: pointer;
}
#prodcutsDetail .colorSelect .colorVariGuide .openModal:hover{text-decoration: none;}

#prodcutsDetail .colorSelect .colorVariGuide .modalBox{text-align: left;}

#prodcutsDetail .modalBox .variationGuide{}

#prodcutsDetail .modalBox .variationGuide > dl > dt{
	display: block;
	text-align: left;
	font-size: 2.2rem;
	line-height: 1.7;
	font-weight: 700;
	margin-bottom: 40px;
}
#prodcutsDetail .modalBox .variationGuide > dl > dd{
	display: block;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align: left;
	margin-bottom: 40px;
}

#prodcutsDetail .modalBox .variationGuide > dl > dd > figure{
	padding: 20px 0;
}

/**** purchaseFormSelect  ****/
#prodcutsDetail #purchaseFormSelect{
	display: block;
	margin-bottom: 40px;
}

#prodcutsDetail #purchaseFormSelect > dl > dt{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 20px;
}
#prodcutsDetail #purchaseFormSelect > dl > dt > a{
	display: inline-block;
	font-weight: normal;
	text-align: right;
	float: right;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	width: 100%;
	padding-bottom: 70px;
	position: relative;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li{
	display: block;
	width: calc(50% - 10px);
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li > label{
	display: block;
	width: 100%;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li > label > input{display: none;}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li > label > span{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	width: 100%;
	height: 80px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 1.6rem;
	color: #333333;
	cursor: pointer;
    -webkit-transition: border 0.2s ease;
    -moz-transition: border 0.2s ease;
    -o-transition: border 0.2s ease;
    transition: border 0.2s ease;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li > label > input:checked + span{
	border: 2px solid #e35555;
	font-weight: 700;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetail{display: none;}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetail > dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetail > dl > dt{
	font-size: 1.6rem;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetail > dl > dt::after{
	content: '：';
	padding: 0 5px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText{display: none;}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	width: 100%;
	height: 55px;
	background: #fbe6e6;
	padding: 10px 0;
	position: absolute;
	bottom: 0;
	left: 0;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #fbe6e6 transparent;
	position: absolute;
	left: calc(25% - 20px);
	top: -14px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl > dt{
	font-size: 1.6rem;
	font-weight: 700;
	color: #e35555;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl > dd{
	padding-left: 20px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl > dd > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl > dd > ul > li{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	height: 28px;
	background: #e35555;
	padding: 0 8px;
	margin-right: 10px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .recommendedText dl > dd > ul > li:nth-last-of-type(1){margin-right: 0;}



/**** colorSelect  ****/
#prodcutsDetail .priceArea{
	display: block;
	margin-bottom: 30px;
}

#prodcutsDetail .priceArea p{
	font-size: 2.8rem;
	font-weight: 700;
}
#prodcutsDetail .priceArea p > span{}
#prodcutsDetail .priceArea p > span > span{
	font-size: 2.0rem;
}

#prodcutsDetail .priceArea p > span.slashPrice + span{
	color: #e35555;
}
/* no6対応 税込み価格 Start*/
#prodcutsDetail .priceArea p > span.slashPrice{
	/* text-decoration:line-through; */
	font-size: 2.4rem;
}

#prodcutsDetail .priceArea p > span.slashPrice .priceBody{
	text-decoration:line-through;
	font-size: 2.4rem;
}

#prodcutsDetail .priceArea p > span.slashPrice .taxline{
	text-decoration:line-through;
}

#prodcutsDetail .priceArea p > span.slashPrice > span{
	font-size: 1.4rem;
}

#prodcutsDetail .priceArea p > span.price-sales > span{font-size: 1.6rem;}

#prodcutsDetail .priceArea p > span.slashPriceLarge{
	text-decoration:line-through;
	font-size: 2.8rem;
}
#prodcutsDetail .priceArea p > span.slashPriceLarge > span{font-size: 1.6rem;}

#prodcutsDetail .priceArea p > span.slashPriceLarge + span{
	color: #e35555;
}

#prodcutsDetail .priceArea .salePriceArea{
	color: #e35555;
	font-size: 2.4rem;	
}

#prodcutsDetail .priceArea p > span.salePriceArea > span{font-size: 1.4rem;}
#prodcutsDetail .priceArea p > .tax{font-size: 1.6rem;}
#prodcutsDetail .priceArea p > span.slashPrice .taxmini{font-size: 1.4rem;}

#prodcutsDetail .priceArea .salePriceAreaLarge{
	color: #e35555;
	font-size: 2.8rem;	
}

#prodcutsDetail .priceArea .salePriceAreaLarge > span{font-size: 1.6rem;}

#prodcutsDetail .priceArea p > span.slashPrice + span::before{
	content: '\2192';
	margin-right: 5px;
	font-size: 1.6rem;
	color: #333333;
}

#prodcutsDetail .priceArea p > span.slashPriceLarge + span::before{
	content: '\2192';
	margin-right: 5px;
	font-size: 2.0rem;
}
/* no6対応 税込み価格　End */

#prodcutsDetail .priceArea > ul.campList,
#searchResultListSection .priceArea > ul.campList{
	display: block; padding-top: 20px;
	list-style-position: inside;
/* 	list-style-image: url(../img/common/icon_arrow_narrow_left_black.svg); */
}
#prodcutsDetail .priceArea > ul.campList > li,
#searchResultListSection .priceArea > ul.campList > li,
#cartSection .cartTable .totalArea > ul.promotionText > li{
	font-size: 1.4rem;
	line-height: 1.625;
	color: #e35555;
	font-weight: 700;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom: 5px;

}
#prodcutsDetail .priceArea > ul.campList > li::before,
#searchResultListSection .priceArea > ul.campList > li::before,
#cartSection .cartTable .totalArea > ul.promotionText > li::before{
	content: '・';
}
#prodcutsDetail .priceArea > ul.campList > li > ul{text-indent: initial;}
#searchResultListSection .priceArea > ul.campList > li > ul{text-indent: initial;}
#cartSection .cartTable .totalArea > ul.promotionText > li > ul{text-indent: initial;}

#searchResultListSection .priceArea > ul.campList > li{
	font-size: 1.2rem;
}

/**** quantitySelect  ****/
#prodcutsDetail dl.quantitySelect{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	margin-bottom: 30px;
	font-size: 1.6rem;
}
#prodcutsDetail dl.quantitySelect > dt::after{content: '：';}

#prodcutsDetail dl.quantitySelect > dd{}


/**** cartinBtnArea  ****/
#prodcutsDetail #cartinBtnArea{
	position: relative;
}


#prodcutsDetail #inCartMsg{
	display: none;
	width: 100vw;
	background: rgba(51,51,51,.9);
	color: #FFFFFF;
	font-size: 2.0rem;
	font-weight: 700;
	text-align: center;
	position: fixed;
	left: 0px;
	top: calc(50vh - 100px);
	z-index: 100;
}
#prodcutsDetail #inCartMsg > p{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	height: 100px;
}


@media screen and ( max-width:1000px) {
	#prodcutsDetail #inCartMsg{
		width: 1000px;
		right: 0;
	}
}


/**** cautionList  ****/
#detailTextArea .cautionList{padding-top: 20px; margin-bottom: 0;}
#detailTextArea .cautionList li{margin-bottom: 5px;}



/**** cartNote  ****/
#prodcutsDetail .cartNote{
	display: block;
	width: 100%;
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #CCCCCC;
	font-size: 1.2rem;
	line-height: 1.7;
}




/**************************************
productsCampArea
**************************************/

.productsCampArea{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0;
}

.productsCampArea .campBoxTwoC{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 60px;
}
.productsCampArea .campBoxTwoC:nth-last-of-type(1){margin-bottom: 0;}


.productsCampArea .campBoxTwoC > figure{
	display: block;
	width: 48.125%;
	margin-right: 3.75%;
	font-size: 1.4rem;
	line-height: 1.7;
}
.productsCampArea .campBoxTwoC > figure img{display: block; width: 100%; height: auto;}

.productsCampArea .campBoxTwoC > .text{
	display: block;
	width: 48.125%;
	font-size: 1.4rem;
	line-height: 1.7;
}

.productsCampArea .campBoxTwoC > .text > p{margin-bottom: 14px;}
.productsCampArea .campBoxTwoC > .text > p:nth-last-of-type(1){margin-bottom: 0;}

.productsCampArea .campBoxTwoC > .text a.arrowLink{font-weight: 700;}


/*campBanner*/
.productsCampArea .campBanner{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 60px;
}
.productsCampArea .campBanner:nth-last-of-type(1){margin-bottom: 0;}


.productsCampArea .campBanner > a{
	display: block;
	width: 66.59166666666667%;
	margin: 0 auto;
}

.productsCampArea .campBanner img{display: block; width: 100%; height: auto;}


/*campBanner*/
.productsCampArea .campBannerTwoC{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 60px;
}
.productsCampArea .campBannerTwoC:nth-last-of-type(1){margin-bottom: 0;}

.productsCampArea .campBannerTwoC > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.productsCampArea .campBannerTwoC > ul > li{
	display: block;
	width: 48.125%;
	margin-right: 3.75%;
	font-size: 1.4rem;
	line-height: 1.7;
}
.productsCampArea .campBannerTwoC > ul > li:nth-of-type(2n){margin-right: 0;}
.productsCampArea .campBannerTwoC > ul > li:nth-of-type(n + 3){margin-top: 50px;}

.productsCampArea .campBannerTwoC > ul > li > a{display: block;}
.productsCampArea .campBannerTwoC > ul > li img{display: block; width: 100%; height: auto;}



/**************************************
anchorListBox
**************************************/
.anchorListBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	background: #eeeeee;
}

.anchorListBox > ul{
    display: -webkit- inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.anchorListBox > ul > li{
	font-weight: 700;
	margin-right: 40px;
}


/**************************************
halfHiddenBox
**************************************/
#productsSection .halfHiddenBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#productsSection .halfHiddenBox .halfHiddenBoxOuter{
	max-height: 120px;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
	webkit-transition: max-height 0.4s ease;
    -moz-transition: max-height 0.4s ease;
    -o-transition: max-height 0.4s ease;
    transition: max-height 0.4s ease;
}


#productsSection .halfHiddenBox .halfHiddenBoxOuter::after{
	content: '';
	display: block;
	width: 100%;
	height: 80px;
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	position: absolute;
	bottom: 0;
	left: 0;
	webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

#productsSection .halfHiddenBox.open .halfHiddenBoxOuter{
	max-height: 2000px;
}
#productsSection .halfHiddenBox.open .halfHiddenBoxOuter::after{
	opacity: 0;
	visibility: hidden;
}


#productsSection .halfHiddenBoxOuter .halfHiddenBoxInner{
	display: block;
	padding-bottom: 40px;
}

#productsSection .halfHiddenBox > .boxBtn{
	text-align: center;
}

#productsSection .halfHiddenBox > .boxBtn > span{
	display: inline-block;
	padding: 0 15px;
	position: relative;
	font-size: 1.4rem;
	cursor: pointer;
}

#productsSection .halfHiddenBox > .boxBtn > span::before,
#productsSection .halfHiddenBox > .boxBtn > span::after{
	content: '';
	display: block;
	width: 10px; height: 2px;
	background: #333333;
	position: absolute;
	webkit-transition: transform 0.2s ease,opacity 0.5s ease;
    -moz-transition: transform 0.2s ease,opacity 0.5s ease;
    -o-transition: transform 0.2s ease,opacity 0.5s ease;
    transition: transform 0.2s ease,opacity 0.5s ease;
}
#productsSection .halfHiddenBox > .boxBtn > span::before{
	top: calc(50% - 2px);
	right: 0;
}
#productsSection .halfHiddenBox > .boxBtn > span::after{
	transform: rotate(90deg);
	top: calc(50% - 2px);
	right: 0;
}
#productsSection .halfHiddenBox.open > .boxBtn > span::after{
    opacity: 0;
	transform: rotate(0);
}


/**************************************
features
**************************************/
#productsSection #features{ display: block;}

#productsSection  .featureBoxTwoC,
#productsSection .featureBox{
	margin-bottom: 40px;
}
#productsSection  .featureBoxTwoC:nth-last-child(1),
#productsSection .featureBox:nth-last-child(1){margin-bottom: 0;}


#productsSection  .featureBoxTwoC{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items:flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#productsSection  .featureBoxTwoC > .text{
	width: calc(100% - 410px);
}

#productsSection  .featureBoxTwoC > .text > dt,
#productsSection .featureBox > .text > dt{
	margin-bottom: 15px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.5;
}

#productsSection  .featureBoxTwoC > .text > dd,
#productsSection .featureBox > .text > dd{
	margin-bottom: 15px;
	font-size: 1.4rem;
	line-height: 1.7;
}
#productsSection  .featureBoxTwoC > .text > dd:nth-last-of-type(1),
#productsSection .featureBox > .text > dd:nth-last-of-type(1){margin-bottom: 0;}

#productsSection  .featureBoxTwoC > .text > dd.note,
#productsSection .featureBox > .text > dd.note{font-size: 1.2rem;}

#productsSection  .featureBoxTwoC > .text > dd.note > ul,
#productsSection .featureBox > .text > dd.note > ul{display: block;}

#productsSection  .featureBoxTwoC > .text > dd.note > ul > li,
#productsSection .featureBox > .text > dd.note > ul > li{display: inline; margin-right: 10px;}

#productsSection  .featureBoxTwoC > .text > dd.note > ul > li:nth-last-of-type(1),
#productsSection .featureBox > .text > dd.note > ul > li:nth-last-of-type(1){margin-right: 0;}


#productsSection  .featureBoxTwoC > figure{
	display: block;
	width: 370px;
}
#productsSection  .featureBoxTwoC > figure img{display: block; width: 100%; height: auto;}



/*featureImg   */
#productsSection .featureImg,
#productsSection .featureImgTwoC{
	display: block;
	width: 100%;
	margin: 0 auto 50px;
}
#productsSection .featureImg:nth-last-child(1),
#productsSection .featureImgTwoC:nth-last-child(1){margin-bottom: 0;}

#productsSection .featureImg img{
	display: block;
	margin: 0 auto 0 0;
	max-width: 100%;
}

#productsSection .featureImgTwoC > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection .featureImgTwoC > ul > li{
	display: block;
	width: 48.125%;
	margin-right: 3.75%;
	font-size: 1.4rem;
	line-height: 1.7;
}
#productsSection .featureImgTwoC > ul > li:nth-of-type(2n){margin-right: 0;}
#productsSection .featureImgTwoC > ul > li:nth-of-type(n + 3){margin-top: 50px;}

#productsSection .featureImgTwoC > ul > li > a{display: block;}
#productsSection .featureImgTwoC > ul > li img{display: block; width: 100%; height: auto;}

/*btnWhite   */
#productsSection #features .btnWhite{width: 400px; margin: 0 auto;}


/**************************************
componentTable
**************************************/
#productsSection .componentTable{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	border-top: 1px solid #cccccc;
}

#productsSection .componentTable dl{
	display: table;
	table-layout: fixed;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}

#productsSection .componentTable dl > dt{
	display: table-cell;
	width: 22.5%;
	padding: 30px;
	background: #eeeeee;
	font-size: 1.4rem;
	line-height: 1.7;
	vertical-align: top;
	text-align: left;
	position: relative;
}

#productsSection .componentTable dl > dd{
	display: table-cell;
	width: 77.5%;
	box-sizing: border-box;
	padding: 30px 30px 30px 29px;
	vertical-align: middle;
	background: #FFFFFF;
	border-left:1px solid #FFFFFF;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align: left;
}

#productsSection .componentTable dl > dd ul.componentList{
	display: block;
	margin-bottom: 15px;
}
#productsSection .componentTable dl > dd ul.componentList:nth-last-child(1){margin-bottom: 0;}

#productsSection .componentTable dl > dd ul.componentList > li{
	display: inline;
	margin-right: 10px;
}
#productsSection .componentTable dl > dd ul.componentList > li:nth-last-of-type(1){margin-right: 0;}

#productsSection .componentTable dl > dd ul.noteList{
	display: block;
	font-size: 1.2rem;
}


/**************************************
componentTable
**************************************/
#productsSection .howtoList{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#productsSection .howtoList > dl{
	display: block;
	margin-bottom: 80px;
}

#productsSection .howtoList > dl > dt{
	display: block;
	font-size: 2.2rem;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 40px;
}

#productsSection .howtoList > dl > dd{
	display: block;
	font-size: 1.4rem;
	line-height: 1.7;
}


#productsSection .howtoList > dl > dd > .usage{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection .howtoList > dl > dd > .usage > figure{
	display: block;
	width: 30.83333333333333%;
	margin-right: 3.75%;
}

#productsSection .howtoList > dl > dd > .usage > .text{
	width: 65.41666666666667%;
}



#productsSection .howtoList > dl > dd > .howtoStepThreeC,
#productsSection .howtoList > dl > dd > .howtoStepFourC{
	display: block;
	margin-bottom: 40px;
}
#productsSection .howtoList > dl > dd > .howtoStepThreeC:nth-last-child(1),
#productsSection .howtoList > dl > dd > .howtoStepFourC:nth-last-child(1){margin-bottom: 0;}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li{
	display: block;
	width: 30.83333333333333%;
	margin-right: 3.75%;
}
#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li:nth-of-type(3n){margin-right: 0;}
#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li:nth-of-type(n + 4){margin-top: 20px;}

#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li{
	display: block;
	width: 22.1875%;
	margin-right: 3.75%;
}
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li:nth-of-type(4n){margin-right: 0;}
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li:nth-of-type(n + 5){margin-top: 20px;}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li > figure,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li > figure{
	display: block;
	width: 100%;
	margin-bottom: 15px;
	position: relative;
}
#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li > figure img,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li > figure img{display: block; width: 100%; height: auto;}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li > figure figcaption,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li > figure figcaption{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 22px;
	line-height: 1;
	position: absolute;
	left: 10px;
	top: 10px;
}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li > .point,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li > .point{
	display: block;
	width: 100%;
	margin-top: 15px;
}

#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li > .point > dt,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li > .point > dt{
	display: inline-block;
	vertical-align: middle;
	height: 22px;
	padding: 0 10px;
	background: #eeeeee;
}
#productsSection .howtoList > dl > dd > .howtoStepThreeC > ol > li > .point > dd,
#productsSection .howtoList > dl > dd > .howtoStepFourC > ol > li > .point > dd{
	display: inline;
}



/*** movie ****************/
#productsSection .howtoList .movieOuter{
	max-width: 890px;
}

#productsSection .howtoList .movieOuter > .movieBox{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

#productsSection .howtoList .movieOuter > .movieBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


/*** precautions ****************/

#productsSection .howtoList dl.precautions{
	display: block;
}

#productsSection .howtoList dl.precautions > dt{
	display: block;
	padding: 20px 30px 20px 30px;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
	background: #eeeeee;
	position: relative;
	cursor: pointer;
}
#productsSection .howtoList dl.precautions > dt::before,
#productsSection .howtoList dl.precautions > dt::after{
	content: '';
	display: block;
	width: 16px; height: 2px;
	background: #333333;
	position: absolute;
	webkit-transition: transform 0.2s ease,opacity 0.5s ease;
    -moz-transition: transform 0.2s ease,opacity 0.5s ease;
    -o-transition: transform 0.2s ease,opacity 0.5s ease;
    transition: transform 0.2s ease,opacity 0.5s ease;
}
#productsSection .howtoList dl.precautions > dt::before{
	top: 50%;
	right: 30px;
}
#productsSection .howtoList dl.precautions > dt::after{
	transform: rotate(90deg);
	top: 50%;
	right: 30px;
}
#productsSection .howtoList dl.precautions.open > dt::after{
    opacity: 0;
	transform: rotate(0);
}


#productsSection .howtoList dl.precautions > dd{
	display: none;
	padding: 30px;
	font-size: 1.2rem;
	line-height: 1.8;
}



/*btnWhite   */
#productsSection #howto .btnWhite{width: 400px; margin: 0 auto;}





/**************************************
componentTable
**************************************/
#productsSection .voiceCnt{
	display: block;
	max-width: 1200px;
	margin: 0 auto 30px;
	font-size: 1.4rem;
	text-align: left;
}

#productsSection .userVoiceList{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#productsSection .userVoiceList > ul{border-top: 1px solid #CCCCCC;}

#productsSection .userVoiceList > ul > li{
	display: block;
	padding: 30px 0;
	border-bottom: 1px solid #CCCCCC;
}


#productsSection .userVoiceList > ul > li > .userInfo{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	margin-bottom: 15px;
}
/**【FFHC v1.0】【クチコミデザイン調整】 #6514 Start.*/
#productsSection .userVoiceList > ul > li > .userInfo > dl > dd > ul.star{
    display: table;
	margin-right: 20px;
}
#productsSection .userVoiceList > ul > li > .userInfo > dl > dd > ul.star > li{
	display: table-cell;
	font-size: 1.4rem;
	color: #ffc835;
}
#productsSection .userVoiceList > ul > li > .userInfo > dl > dd > ul.star > li.gray{color: #cccccc;}

#productsSection .userVoiceList > ul > li > .userInfo > dl.starBox{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	margin-right: 15px;
}
#productsSection .userVoiceList > ul > li > .userInfo > dl.starBox > dt{font-size: 1.2rem;}
#productsSection .userVoiceList > ul > li > .userInfo > dl.starBox > dt::after{content: '：';}

#productsSection .userVoiceList > ul > li > .userInfo > .repeatIcon{
	display: block;
	margin-right: 10px;
}
#productsSection .userVoiceList > ul > li > .userInfo > .repeatIcon > span{
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 22px;
    padding: 0 10px;
	margin-right: 10px;
    background: #eeeeee;
    text-align: center;
    font-size: 12px;
}
#productsSection .userVoiceList > ul > li > .userInfo > .repeatIcon > span.repeat{background: #1ba330; color: #FFFFFF;}
#productsSection .userVoiceList > ul > li > .userInfo > .repeatIcon > span.first{background: #db2050; color: #FFFFFF;}
/**【FFHC v1.0】【クチコミデザイン調整】 #6514 End.*/

#productsSection .userVoiceList > ul > li > .voice{}

#productsSection .userVoiceList > ul > li > .voice > dl{}
#productsSection .userVoiceList > ul > li > .voice > dl > dt{
	font-size: 1.6rem;
	text-align: left;
	font-weight: 700;
	line-height: 1.5;
	margin-bottom: 15px;
}

#productsSection .userVoiceList > ul > li > .voice > dl > dd{
	font-size: 1.4rem;
	line-height: 1.7;
	text-align: left;
}

#productsSection .userVoiceList > ul > li > .question{
	display: block;
	padding-top: 20px;
	font-size: 1.4rem;
	text-align: right;
}

#productsSection .userVoiceList > ul > li > .question > dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

#productsSection .userVoiceList > ul > li > .question > dl > dt{padding-right: 20px;}
#productsSection .userVoiceList > ul > li > .question > dl > dd{padding-right: 20px;}
#productsSection .userVoiceList > ul > li > .question > dl > dd:nth-last-of-type(1){padding-right: 0;}

#productsSection .userVoiceList > ul > li > .question > dl > dd > button{
	display: inline-block;
	text-decoration: underline;
}
#productsSection .userVoiceList > ul > li > .question > dl > dd > button:hover{
	text-decoration: none;
	box-shadow: none;
}

#productsSection .userVoiceList > ul > li > .question > dl > dd > button.disabled,
#productsSection .userVoiceList > ul > li > .question > dl > dd > a.disabled{
	display: inline-block;
	padding: 5px;
	opacity: .8;
	background: #CCCCCC;
	text-decoration: none;
	pointer-events: none;
}

#productsSection .userVoiceList > ul > li > .userPostInfo{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	padding-top: 20px;
}

#productsSection .userVoiceList > ul > li > .userPostInfo > dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	text-align: left;
	font-size: 1.2rem;
	margin-right: 15px;
}
#productsSection .userVoiceList > ul > li > .userPostInfo > dl > dt{}
#productsSection .userVoiceList > ul > li > .userPostInfo > dl > dt::after{content: '：';}



#productsSection .userVoiceList > ul > li > .userPostInfo > .userName{
	text-align: left;
	font-size: 1.2rem;
}
#productsSection .userVoiceList > ul > li > .userPostInfo > .userName > span{padding-right: 5px;}

#productsSection .voicePost{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 50px auto 0;
	padding: 30px;
	background: #eeeeee;
	text-align: center;
}

#productsSection .voicePost > dl{}
#productsSection .voicePost > dl > dt{
	display: block;
	margin-bottom: 20px;
	font-size: 1.6rem;
	font-weight: 700;
}

#productsSection .voicePost > dl > dd.btnWhite{
	display: block;
	width: 400px;
	margin: 0 auto;
}

#productsSection .voicePost > dl > dd.note{
	display: block;
	margin-top: 20px;
	font-size: 1.2rem;
}


/**************************************
recommendList
**************************************/

#recommendList{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 50px;
	overflow: hidden;
	position: relative;
}

#recommendList img {
	display: block;
	width: 100%;
	height: auto;
}

#recommendList .container{
	width: 100%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

#recommendList .wrapper {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#recommendList .slider {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 16.66666666666667%;
	margin-right: 4.16666666666667%;
	position: relative;
	font-size: 1.4rem;
	line-height: 1.7;
}

#recommendList .slider figure{
	display: block;
	margin-bottom: 12px;
}

#recommendList .slider a {
	display: block;
	text-decoration: none;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#recommendList .slider a:hover{
	opacity: 0.6;
}

#recommendList .slider dl > dt{font-weight: 700;}
#recommendList .slider a dl > dd{
	text-decoration: underline;
}
#recommendList .slider a:hover dl > dd{text-decoration: none;}


#recommendList .pagerArea{
	display: table;
	padding-top: 30px;
	margin: 0 auto;
}


#recommendList .pagination {
	display: table-cell;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	padding: 0 5px;
}

#recommendList .swiper-pagination-bullet {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	border-radius: 50%;
	background: #dddddd;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    cursor: pointer;
}
#recommendList .swiper-pagination-bullet:hover{opacity: .6;}
#recommendList .swiper-pagination-bullet-active {
	opacity: 1;
	background: #333333;
}
#recommendList .swiper-pagination-bullet-active:hover{opacity: 1;}


#recommendList .prev,
#recommendList .next{
	display: table-cell;
	width: 20px;
    height: 20px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
	cursor: pointer;
}
#recommendList .prev{
	background: url("../img/common/icon_arrow_narrow_left_black.svg") center center no-repeat;
	background-size: 9px auto;
}

#recommendList .next{
	background: url("../img/common/icon_arrow_narrow_right_black.svg") center center no-repeat;
	background-size: 9px auto;
}


#recommendList .prev.swiper-button-disabled,
#recommendList .next.swiper-button-disabled{
	opacity: 0;
	cursor: default;
}


/**************************************
relatedInfoSection
**************************************/
#productsSection .relatedInfoSection{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#productsSection .relatedInfoList{
	display: block;
	width: 100%;
	margin: 0 auto;
}

#productsSection .relatedInfoList > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection .relatedInfoList > ul > li{
	display: block;
	width: 48.125%;
	margin-right: 3.75%;
	font-size: 1.4rem;
	line-height: 1.7;
}

#productsSection .relatedInfoList > ul > li:nth-of-type(2n){margin-right: 0;}
#productsSection .relatedInfoList > ul > li:nth-of-type(n + 3){margin-top: 50px;}

#productsSection .relatedInfoList > ul > li > a{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection .relatedInfoList > ul > li figure{
	display: block;
	width:  calc(50% - 10px);
	margin-right: 20px;
}
#productsSection .relatedInfoList > ul > li figure img{display: block; width: 100%; height: auto;}

#productsSection .relatedInfoList > ul > li .text{
	display: block;
	width:  calc(50% - 10px);
}




/**************************************
relatedInfoSection
**************************************/
#productsSection  .productLineupSection{
    display: block;
    width: 100%;
    margin: 100px auto 0;
    padding: 0 0 100px;
    background: #f7f7f7;
}

#productsSection  .productLineupSection .lineupItemList{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#productsSection  .productLineupSection .lineupItemList > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection  .productLineupSection .lineupItemList > ul > li{
	display: block;
    width: 22.1875%;
    margin-right: 3.75%;
}
#productsSection  .productLineupSection .lineupItemList > ul > li:nth-of-type(4n){margin-right: 0;}
#productsSection  .productLineupSection .lineupItemList > ul > li:nth-of-type(n + 5){margin-top: 50px;}


#productsSection  .productLineupSection .lineupItemList > ul > li > a{
	display: block;
	text-decoration: none;
}
#productsSection  .productLineupSection .lineupItemList > ul > li > a:hover{text-decoration: underline;}

#productsSection  .productLineupSection .lineupItemList > ul > li figure{
	display: block;
	margin-bottom: 20px;
}
#productsSection  .productLineupSection .lineupItemList > ul > li figure > img{display: block; width: 100%; height: auto;}

#productsSection  .productLineupSection .lineupItemList > ul > li dl{display: block;}
#productsSection  .productLineupSection .lineupItemList > ul > li dl > dt{font-weight: 700; margin-bottom: 15px;}
#productsSection  .productLineupSection .lineupItemList > ul > li dl > dd{
	font-size: 1.4rem;
	line-height: 1.7;
}

#productsSection  .productLineupSection .lineupItemList > ul > li dl > dd > sup{
	font-size: 1.0rem;
	line-height: 1;
}

#productsSection  .productLineupSection .lineupItemList .arrowLink{font-weight: 700;}
#productsSection  .productLineupSection .lineupItemList a:hover .arrowLink{text-decoration: underline;}


#productsSection .productLineupSection .btnWhite{display: none;}


/**************************************
guideLinkList
**************************************/
#productsSection .guideLinkList{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 80px auto 30px;
	padding: 19px;
	border: 1px solid #cccccc;
	background: #FFFFFF;
}

#productsSection .guideLinkList > dl{}
#productsSection .guideLinkList > dl > dt{
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
}

#productsSection .guideLinkList ul.dottedList{
    display: -webkit- inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSection .guideLinkList  ul.dottedList > li{
	margin-right: 30px;
	font-size: 1.4rem;
	line-height: 1.7;
	margin-top: 15px;
}
#productsSection .guideLinkList  ul.dottedList > li::before{
	content: '・';
}



/**************************************
productsSearchSection
**************************************/
#productsSearchSection{padding: 0 0 80px;}

#productsSearchSection .searchBrandList{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#productsSearchSection .searchBrandList > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#productsSearchSection .searchBrandList > ul > li{
	display: block;
    width: 30.83333333333333%;
    margin-right: 3.75%;
}
#productsSearchSection .searchBrandList > ul > li:nth-of-type(3n){margin-right: 0;}
#productsSearchSection .searchBrandList > ul > li:nth-of-type(n + 4){margin-top: 50px;}

#productsSearchSection .searchBrandList > ul > li > a{
	display: block;
	text-decoration: none;
}
#productsSearchSection .searchBrandList > ul > li > a:hover{text-decoration: underline;}

#productsSearchSection .searchBrandList > ul > li figure{
	display: block;
	margin-bottom: 20px;
}
#productsSearchSection .searchBrandList > ul > li figure > img{display: block; width: 100%; height: auto;}

#productsSearchSection .searchBrandList > ul > li .arrowLink{font-weight: 700;}
#productsSearchSection .searchBrandList > ul > li a:hover .arrowLink{text-decoration: underline;}



#productsSearchSection #searcProductshKeyword > dl{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 30px;
	padding: 30px;
	background: #eeeeee;
}
#productsSearchSection #searcProductshKeyword > dl > dt{
	font-size: 1.4rem;
	margin-bottom: 20px;
}
#productsSearchSection #searcProductshKeyword > dl > dd{max-width: 750px;}




/**************************************
refineSearchBox
**************************************/
#refineSearchBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px;
	background: #eeeeee;
}

#refineSearchBox > dl{
	display: block;
	margin-bottom: 40px;
}
#refineSearchBox > dl:nth-last-child(1){margin-bottom: 0;}

#refineSearchBox > dl > dt{
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 20px;
}

#refineSearchBox > dl > dd.contetsInnerSearchBox{max-width: 750px;}

#refineSearchBox > dl.refineCategoryList{margin-bottom: 0;}
#refineSearchBox > dl.refineCategoryList > dt{margin-bottom: 10px;}
#refineSearchBox > dl.refineCategoryList > dd{}
#refineSearchBox > dl.refineCategoryList > dd > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#refineSearchBox > dl.refineCategoryList > dd > ul > li{
	display: block;
	margin: 10px 20px 0 0;
}

#refineSearchBox > dl.refineCategoryList > dd > ul > li > label{display: block;}
#refineSearchBox > dl.refineCategoryList > dd > ul > li > label > input{display: none;}

#refineSearchBox > dl.refineCategoryList > dd > ul > li > label > span{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 40px;
	padding:  0 40px;
    font-size: 1.4rem;
	border: 1px solid #CCCCCC;
    color: #333333;
    background: #FFFFFF;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

#refineSearchBox > dl.refineCategoryList > dd > ul > li > label > input:checked + span{
	border: 2px solid #e35555;
	padding:  0 39px;
}

#refineSearchBox .refineMore{
	display: none;
	padding-top: 30px;
}

#refineSearchBox .refineMore > dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#refineSearchBox .refineMore > dl > dt{
	font-size: 1.6rem;
	font-weight: 700;
	margin: 0;
}
#refineSearchBox .refineMore > dl > dt::after{content: '：';}


/**************************************
searchResultListSection
**************************************/
#searchResultListSection .sortBox{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 50px;
	padding: 30px;
	background: #eeeeee;
}

#searchResultListSection .sortBox > dl{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#searchResultListSection .sortBox > dl > dt{
	font-size: 1.6rem;
	margin: 0;
	margin-right: 10px;
}
#searchResultListSection .sortBox > dl > dt::after{content: '：';}

#searchResultListSection .sortBox > dl > dd{}
#searchResultListSection .sortBox > dl > dd > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#searchResultListSection .sortBox > dl > dd > ul > li{margin-right: 30px;}

#searchResultListSection .resultCnt{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 30px;
	font-size: 1.4rem;
	text-align: left;
}

/*** searchResultList ******************/

#searchResultListSection .searchResultList{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 50px;
}

#searchResultListSection .searchResultList > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#searchResultListSection .searchResultList > ul > li{
    display: block;
    width: 30.83333333333333%;
    margin-right: 3.75%;
	border-bottom: 1px solid #CCCCCC;
	position: relative;
}

#searchResultListSection .searchResultList > ul > li:nth-child(1),
#searchResultListSection .searchResultList > ul > li:nth-child(2),
#searchResultListSection .searchResultList > ul > li:nth-child(3){border-top: 1px solid #CCCCCC;}
#searchResultListSection .searchResultList > ul > li:nth-of-type(3n){margin-right: 0;}


#searchResultListSection .searchResultList > ul > li > a,
#searchResultListSection .searchResultList > ul > li > div > a
{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	padding: 30px 0;
	text-decoration: none;
}

#searchResultListSection .searchResultList > ul > li figure{
	display: block;
	width: 150px;
	padding-bottom: 40px;
}
#searchResultListSection .searchResultList > ul > li figure img{display: block; width: 100%; height: auto;}

#searchResultListSection .searchResultList > ul > li dl.itemInfo{
	display: block;
	width: calc(100% - 180px);
}

#searchResultListSection .searchResultList > ul > li dl.itemInfo > dt{
	display: block;
	margin-bottom: 10px;
}

#searchResultListSection .searchResultList > ul > li dl.itemInfo > dt > span{display: block;}

#searchResultListSection .searchResultList > ul > li dl.itemInfo > dt > span.cate{
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}

#searchResultListSection .searchResultList > ul > li > a > dl.itemInfo > dt > span.name,
#searchResultListSection .searchResultList > ul > li > div > a > dl.itemInfo > dt > span.name{
	font-size: 1.6rem;
	line-height: 1.75;
	font-weight: 700;
	text-decoration: underline;
}
#searchResultListSection .searchResultList > ul > li > a:hover > dl.itemInfo > dt > span.name{text-decoration: none;}
#searchResultListSection .searchResultList > ul > li > div > a:hover > dl.itemInfo > dt > span.name{text-decoration: none;}


#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.productName{
	display: block;
	margin-bottom: 10px;
	font-size: 1.2rem;
	line-height: 2;
}

#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.label{
	display: block;
	margin-bottom: 10px;
}

#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.label > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.label > ul > li{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	height: 22px;
	padding: 0 10px;
	margin: 0 10px 10px 0;
	font-size: 1.2rem;
	background: #eeeeee;
}

#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.price{
	font-size: 1.4rem;
}
#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.price span.product-standard-price{
	font-size: 1.2rem;
	text-decoration: line-through;
}
#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.price span.product-standard-price + span{
	display: block;
	color: #e35555;
	font-weight: 700;
}
#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.price span.product-sales-price{
	font-weight: 700;
}
#searchResultListSection .searchResultList > ul > li dl.itemInfo > dd.price span.product-standard-price + span::before{}

#searchResultListSection .searchResultList > ul > li .btnQuickView{
	display: block;
	width: 150px;
	position: absolute;
	left: 0;
	top: 190px;
}

#searchResultListSection .searchResultList > ul > li .btnQuickView > span{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 30px;
	padding-left: 26px;
    font-size: 1.4rem;
	border: 1px solid #333333;
	border-radius: 4px;
    color: #333333;
    background: url("../img/common/icon_open_modal.svg") 12px center no-repeat #FFFFFF;
	background-size: 14px auto;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	box-shadow: 2px 2px 0 rgba(187,187,187,1);
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    -moz-transition: background 0.2s ease, color 0.2s ease;
    -o-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}

#searchResultListSection .searchResultList > ul > li .btnQuickView > span:hover{
	background-color: #e7e7e7;
}

/*** listPager ******************/

#searchResultListSection dl.listPager{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

#searchResultListSection dl.listPager > dt{
	display: block;
	margin-bottom: 20px;
	text-align: center;
	font-size: 1.4rem;
}
#searchResultListSection dl.listPager > dd{display: block;}

#searchResultListSection dl.listPager > dd > ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#searchResultListSection dl.listPager > dd > ul > li{
	display: block;
	width: 40px;
	margin: 0 6px;
}

#searchResultListSection dl.listPager > dd > ul > li > a{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-size: 1.6rem;
	font-weight: 700;
	border: 1px solid #333333;
	border-radius: 4px;
	background: #FFFFFF;
    color: #333333;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	box-shadow: 2px 2px 0 rgba(187,187,187,1);
    -webkit-transition: background 0.2s ease, color 0.2s ease;
    -moz-transition: background 0.2s ease, color 0.2s ease;
    -o-transition: background 0.2s ease, color 0.2s ease;
    transition: background 0.2s ease, color 0.2s ease;
}

#searchResultListSection dl.listPager > dd > ul > li > a:hover{
	background-color: #e7e7e7;
}

#searchResultListSection dl.listPager > dd > ul > li > span{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-size: 1.6rem;
	font-weight: 700;
	background: #e35555;
	border: 1px solid #e35555;
	border-radius: 4px;
    color: #FFFFFF;
	background-size: 14px auto;
    text-align: center;
    text-decoration: none;
}


#searchResultListSection dl.listPager > dd > ul > li > a > span{
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}


#searchResultListSection dl.listPager > dd > ul > li.prev{
	width: 100px;
	margin-left: 0;
	margin-right: 50px;
}
#searchResultListSection dl.listPager > dd > ul > li.prev a > span{padding-right: 12px;}

#searchResultListSection dl.listPager > dd > ul > li.prev a > span::before{
	content: '';
	display: inline-block;
	height: 40px;
	width: 24px;
	background: url("../img/common/icon_arrow_narrow_left_black.svg") center center no-repeat;
	background-size: 7px auto;
}

#searchResultListSection dl.listPager > dd > ul > li.next{
	width: 100px;
	margin-right: 0;
	margin-left: 50px;
}

#searchResultListSection dl.listPager > dd > ul > li.next a > span{padding-left: 12px;}

#searchResultListSection dl.listPager > dd > ul > li.next a > span::after{
	content: '';
	display: inline-block;
	height: 40px;
	width: 24px;
	background: url("../img/common/icon_arrow_narrow_right_black.svg") center center no-repeat;
	background-size: 7px auto;
}


/**************************************
searchResultListSection
**************************************/
#relatedArticleSection{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 100px;
}

#relatedArticleSection .relatedArticleCnt{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 30px;
	font-size: 1.4rem;
	text-align: left;
}

#relatedArticleSection .relatedArticleList{}

#relatedArticleSection .relatedArticleList > ul{
	display: block;
}


#relatedArticleSection .relatedArticleList > ul > li{
	border-top: 1px solid #CCCCCC;
}

#relatedArticleSection .relatedArticleList > ul > li:nth-of-type(n + 6){display: none;}

#relatedArticleSection .relatedArticleList > ul > li > a{
	display: block;
	padding: 30px;
	text-decoration: none;
	background: #FFFFFF;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
#relatedArticleSection .relatedArticleList > ul > li > a:hover{background: #f7f7f7;}

#relatedArticleSection .relatedArticleList > ul > li > a > dl{display: block;}

#relatedArticleSection .relatedArticleList > ul > li > a > dl > dt{
	display: block;
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.625;
	text-align: left;
	text-decoration: underline;
}
#relatedArticleSection .relatedArticleList > ul > li > a:hover > dl > dt{text-decoration: none;}

#relatedArticleSection .relatedArticleList > ul > li > a > dl > dd{
	display: block;
	font-size: 1.4rem;
	line-height: 1.7;
	text-align: left;
}

/**************************************
faqBoxLink
**************************************/
.faqBoxLink{
	display: block;
	width: 100%;
	padding: 100px 0;
	background: #f7f7f7;
}
.faqBoxLink:nth-last-child(1){margin-bottom: -80px;}

.faqBoxLink > dl{
	display: block;
	width: 580px;
	margin: 0 auto;
	text-align: center;
}

.faqBoxLink > dl > dt{
	display: block;
	padding: 20px 0;
	background: #333333;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: 700;
}
.faqBoxLink > dl > dd{
	display: block;
	padding: 20px;
	border: 1px solid #CCCCCC;
	border-top: none;
	background: #FFFFFF;
}
.faqBoxLink > dl > dd > p{
	font-size: 1.4rem;
	line-height: 1.7;
	margin-bottom: 20px;
}

.faqBoxLink > dl > dd > .arrowLink{font-weight: 700;}


/**************************************
PreOrder Message
**************************************/
.availability-msg {
	padding: 0 0 0 1em;
	font-size: 1.6rem;
}

.availability-msg > .preorder-msg, .in-stock-date-msg{
	color: #e35555;
	margin-bottom: 5px;
}

/***************
2.3.6. 通常ログインと代理ログインとの機能差(4)
****************/
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetailBh{display: none;}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetailBh > dl{
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	width: -webkit-fit-content;
	width: fit-content;
    height: 280px;
}
#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .selectDetailBh > dl > dt{
	font-size: 1.6rem;
	font-weight: 700;
	padding-top: 30px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd > ul > li .changeList{
	margin-top: 30px;
	padding: 20px 9px 20px 9px;
	border: 1px solid #333333;
}

/** changeItemList  *****/
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li{
	display: block;
	width: 50%;
	padding: 20px 20px 20px 0;
	border-right: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li:nth-of-type(2n){
	padding-left: 20px;
	padding-right: 0;
	border-right: none;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li:nth-of-type(2n + 1):nth-last-of-type(2),
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li:nth-last-of-type(1){
	border-bottom: none;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	height: 100%;
	cursor: pointer;
}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label> input{display: none;}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	padding-left: 40px;
    position: relative;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item > figure{
	display: block;
	width: 90px;
	margin-right: 20px;
}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item > figure img{display: block; width: 100%; height: auto;}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item > .text{
	display: block;
	width: calc(100% - 110px);
	line-height: 1.4;
}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item > .text > p{margin-bottom: 0;}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item > .text .price{font-weight: 700; padding-top: 5px;}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item::before{
	content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
	border-radius: 50%;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
    vertical-align: middle;
    text-align: center;
    position: absolute;
	left: 0;
	top: calc(50%  - 12px);
	z-index: 2;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label > .item::after{
    content: ' ';
    display: block;
    width: 12px;
    height: 12px;
	border-radius: 50%;
	background: #e35555;
    position: absolute;
    left: 6px;
	top: calc(50%  - 6px);
    z-index: 2;
    opacity: 0;
    transform: scale(0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all  0.2s ease;
}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList > ul.changeItemList > li > label  > input:checked + .item::after{
    opacity: 1;
    transform: scale(1);
}

/** nextShippingSelect  **/
#prodcutsDetail #purchaseFormSelect > dl > dd .nextShippingSelect{}

#prodcutsDetail #purchaseFormSelect > dl > dd .nextShippingSelect .helpBox{
	text-align: left;
	margin-top: 20px;
}

/** intervalChange  **/
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange{
	display: block;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li{
	margin-bottom: 30px;
}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li:nth-last-of-type(1){margin-bottom: 0;}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li > .intervalParent{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li > .intervalParent > .radioBox{
	width: 160px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li > .intervalParent > .intervalDetail{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	width: calc(100% - 160px);
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li > .intervalParent > .intervalDetail > .selectBox{
	width: 140px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild{
	display: block;
	width: 100%;
	background: #f7f7f7;
	padding: 15px;
	margin-top: 20px;
	font-size: 1.4rem;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild > li{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	margin-bottom: 10px;
}
#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild > li:nth-last-of-type(1){
	margin-bottom: 0;
	white-space: nowrap;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild > li > .radioBox{
	width: 145px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild > li > .selectBox{
	width: 140px;
	margin-right: 10px;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild > li > .selectWeekDay{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

#prodcutsDetail #purchaseFormSelect > dl > dd .changeList ul.intervalChange > li >  ul.intervalChild > li > .selectWeekDay > .selectBox{
	width: 140px;
	margin-right: 10px;
}

/** Product Detal Subsc Option Msg  **/
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-height: 45px;
  min-width: 180px;
  max-width: 100%;
  color: #e35555;
  font-size: 1.4rem;
  font-weight: 700;
  background: #fbe6e6;
  align-items: center;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 55%;
  left: -15px;
  margin-top: -20px;
  height: 10px;
  border: 10px solid transparent;
  border-left: 0px;
  border-right: 15px solid #fbe6e6;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

.balloon1-left p > span{
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 5px 7px 5px 7px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 24px;
    width: 60px;
    background: #e35555;
    margin-right: 10px;
    margin-left: 5px;
    border-radius: 12px;
    color: #FFFFFF;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}

/*no165*/
#prodcutsDetail .regularPrice{
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.7;

}