html { font-size: 62.5%;}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.0rem;
	color: #000000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


/**************************************
input
**************************************/
select{
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	line-height: 14px;
	font-size: 14px;
	padding: 4px 15px 4px 5px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border-radius: 0;
	background-image: url(../img/common/icon_select.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 4px) center;
	background-size: 6px auto;
}

#select_prefectures,#select_city{
	line-height:16px;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="email"]{
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	line-height: 14px;
	font-size: 14px;
	padding: 4px 10px 4px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
textarea{
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	line-height: 14px;
	font-size: 14px;
	padding: 4px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	vertical-align: middle;
	cursor: pointer;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2) inset;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


:placeholder-shown { color: #b7b7b7; }
::-webkit-input-placeholder { color: #b7b7b7; }
:-moz-placeholder { color: #b7b7b7; opacity: 1; }
::-moz-placeholder { color: #b7b7b7; opacity: 1; }
:-ms-input-placeholder { color: #b7b7b7; }

input[type="radio"],
input[type="checkbox"]{vertical-align: middle;}

input[type="text"].zipCode,
input[type="tel"].zipCode,
input[type="number"].zipCode,
div.zipCode
{
	max-width: 190px;
}

select.pref,
div.pref{
	max-width: 190px;
}

input[type="tel"],
input[type="email"]{
	max-width: 460px;
}


input[type="text"].card,
input[type="tel"].card,
input[type="number"].card,
input[type="password"].card,
input[type="email"].card,
select.card,
div.card > div.field-wrapper > input[type="text"],
div.card > div.field-wrapper > input[type="tel"],
div.card > div.field-wrapper > input[type="number"],
div.card > div.field-wrapper > input[type="password"],
div.card > div.field-wrapper > input[type="email"],
div.card > div.field-wrapper > select
{
	width: 460px;
}
input[type="text"].cvn,
input[type="tel"].cvn,
input[type="number"].cvn,
input[type="password"].cvn,
input[type="email"].cvn,
select.cvn,
div.cvn > div.field-wrapper > input[type="text"],
div.cvn > div.field-wrapper > input[type="tel"],
div.cvn > div.field-wrapper > input[type="number"],
div.cvn > div.field-wrapper > input[type="password"],
div.cvn > div.field-wrapper > input[type="email"],
div.cvn > div.field-wrapper > select
{
	width: 120px;
}

input[type="text"].err,
input[type="tel"].err,
input[type="number"].err,
input[type="password"].err,
input[type="email"].err,
select.err,
option.err,
textarea.err{
	background-color:#ffe7e7;
}

input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
select:disabled,
option:disabled,
textarea:disabled{
	background: #efefef;
	color: #999999;
}


/**************************************
btn
**************************************/
/*** Contact ***********/
.btnContact > a{
	display: block;
	width: 100%; height: 40px;
	background: #cc2424;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnContact > a::before{
	content: '';
	display: inline-block;
	width: 20px; height: 40px;
	vertical-align: middle;
	background: url(../img/common/icon_contact.svg) 0 12px no-repeat;
	background-size:auto 14px;
}

.btnContact > a > span{
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
	text-align: center;
}

.btnContact > a:hover{opacity: .6;}


/*** btnHelp ***********/
.btnHelp > div > a{
	display: block;
	width: 100%; height: 40px;
	background: #cc2424;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

.btnHelp > div > a::before{
	content: '';
	display: inline-block;
	width: 18px; height: 40px;
	vertical-align: middle;
	background: url(../img/common/icon_help.svg) 0 10px no-repeat;
	background-size:auto 18px;
}


.btnHelp > div > a > span{
	display: inline-block;
	padding-left: 8px;
	vertical-align: middle;
	text-align: center;
}

.btnHelp > div > a:hover{opacity: .6;}


/*** btnGreen ***********/
.btnGreen > a,
.btnGreen > button{
	display: block;
	width: 100%; height: 60px;
	padding: 23px 0;
	background: #cc2424;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

.btnGreen > a.rakuten,
.btnGreen > button.rakuten{
	display: block;
	width: 100%; height: 40px;
	padding: 0;
	background: #ffffff;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

.btnGreen > a:hover,
.btnGreen > button:hover{opacity: .6;}


.btnGreen > button:disabled{
	display: block;
	width: 100%; height: 60px;
	padding: 23px 0;
	background: #999999;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}
.btnGreen > button:disabled:hover{opacity: 1;}

/*** btnInCart ***********/
.btnInCart > a,
.btnInCart > button{
	display: block;
	width: 100%; height: 60px;
	line-height: 60px;
	background: #cc2424;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

.btnInCart > a:hover,
.btnInCart > button:hover{opacity: .6;}

.btnInCart > a::before,
.btnInCart > button::before{
	content: '';
	display: inline-block;
	width: 30px;  height: 60px;
	vertical-align: middle;
	background: url(../img/common/icon_cart_white.svg) 0 center no-repeat;
	background-size:auto 24px;
}

.btnInCart > a > span,
.btnInCart > button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.btnInCart > button:disabled,
.btnInCartDisabled > button:disabled
{
	display: block;
	width: 100%; height: 60px;
	background: #999999;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}
.btnInCart > button:disabled:hover,
.btnInCartDisabled > button:disabled:hover
{opacity: 1;}


/*** btnInEdit ***********/
.btnInEdit > a,
.btnInEdit > button{
	display: block;
	width: 100%; height: 60px;
	line-height: 60px;
	background: #cc2424;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

.btnInEdit > a:hover,
.btnInEdit > button:hover{opacity: .6;}

.btnInEdit > a::before,
.btnInEdit > button::before{
	content: '';
	display: inline-block;
	width: 30px;  height: 60px;
	vertical-align: middle;
	background: url(../img/common/icon_edit_white.svg) 0 center no-repeat;
	background-size:auto 24px;
}

.btnInEdit > a > span,
.btnInEdit > button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

.btnInEdit > button:disabled{
	display: block;
	width: 100%; height: 60px;
	background: #999999;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}
.btnInEdit > button:disabled:hover{opacity: 1;}


/*** arrowLink ***********/
.arrowLink > a{
	font-size: 12px;
    color: #000000;
    text-decoration: none;
    padding-left: 12px;
    background: url(../img/common/icon_arrow_green.svg) 0 5px no-repeat;
    background-size: auto 8px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.arrowLink > a:hover{opacity: .6; text-decoration: underline;}


/*** btnDelete ***********/
.btnDelete > a,
.btnDelete > button,
.btnDelete > form > fieldset > button
{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnDelete > a::before,
.btnDelete > button::before,
.btnDelete > form > fieldset > button::before
{
	content: '';
	display: block;
	width: 12px; height: 38px;
	background: url(../img/common/icon_close.svg) 0 center no-repeat;
	background-size:12px auto;
	position: absolute;
	left: 10px;
	top: 0;
}

.btnDelete > a:hover,
.btnDelete > button:hover{opacity: .6;}

/*** btnEdit ***********/
.btnEdit > a,
.btnEdit > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnEdit > a::before,
.btnEdit > button::before{
	content: '';
	display: block;
	width: 16px; height: 38px;
	background: url(../img/common/icon_edit.svg) 0 10px no-repeat;
	background-size:16px auto;
	position: absolute;
	left: 10px;
	top: 1px;
}

.btnEdit > a:hover,
.btnEdit > button:hover{opacity: .6;}

/*** FujiFilm V5 Custom start ****/
/*** 画面制御 ****/
/*** btnAddnumber ***********/
.btnAddnumber > a,
.btnAddnumber > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 15px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnAddnumber > a::before,
.btnAddnumber> button::before{
	content: '';
	display: block;
	width: 16px; height: 38px;
	background-size:16px auto;
	position: absolute;
	left: 10px;
	top: 1px;
}
.btnAddnumber > a:hover,
.btnAddnumber > button:hover{opacity: .6;}
/*** FujiFilm V5 Custom end ****/

/*** btnFavorite ***********/
.btnFavorite > a,
.btnFavorite > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnFavorite > a::before,
.btnFavorite > button::before{
	content: '';
	display: block;
	width: 16px; height: 38px;
	background: url(../img/common/icon_favorit.svg) 0 10px no-repeat;
	background-size:16px auto;
	position: absolute;
	left: 10px;
	top: 1px;
}

.btnFavorite > a:hover,
.btnFavorite > button:hover{opacity: .6;}

/*** btnMoreDetail ***********/
.btnMoreDetail > a,
.btnMoreDetail > button{
	display: block;
	width: 100%; height: 60px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 60px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnMoreDetail > a::after,
.btnMoreDetail > button::after{
	content: '';
	display: block;
	width: 16px; height: 58px;
	background: url(../img/common/icon_arrow_green.svg) 0 center no-repeat;
	background-size:10px auto;
	position: absolute;
	right: 10px;
	top: 0;
}

.btnMoreDetail > a:hover,
.btnMoreDetail > button:hover{opacity: .6;}


/*** btnBack ***********/
.btnBack > a,
.btnBack > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnBack > a::before,
.btnBack > button::before{
	content: '';
	display: block;
	width: 16px; height: 38px;
	background: url(../img/common/icon_arrow_back.svg) 0 center no-repeat;
	background-size:10px auto;
	position: absolute;
	left: 10px;
	top: 0;
}

.btnBack > a:hover,
.btnBack > button:hover{opacity: .6;}


/*** btnReset ***********/
.btnReset > a,
.btnReset > button{
	display: block;
	width: 100%; height: 30px;
	padding: 0 15px 0 30px;
	background: #efefef;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnReset > a::before,
.btnReset > button::before{
	content: '';
	display: block;
	width: 12px; height: 28px;
	background: url(../img/common/icon_close.svg) 0 center no-repeat;
	background-size:12px auto;
	position: absolute;
	left: 10px;
	top: 0;
}

.btnReset > a:hover,
.btnReset > button:hover{opacity: .6;}

/*** btnAdd ***********/
.btnAdd > a,
.btnAdd > button{
	display: block;
	width: 100%; height: 50px;
	line-height: 48px;
	background: #cc2424;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

.btnAdd > a:hover,
.btnAdd > button:hover{opacity: .6;}

.btnAdd > a::before,
.btnAdd > button::before{
	content: '';
	display: inline-block;
	width: 30px;  height: 48px;
	vertical-align: middle;
	background: url(../img/common/icon_plus_white.svg) 0 center no-repeat;
	background-size:auto 14px;
}

.btnAdd > a > span,
.btnAdd > button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}






/**************************************
wrap
**************************************/
#wrapper{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}
#wrapper.lock{
	position: fixed;
	overflow: hidden;
	top: 0;
}

#wrapper.comparisonOpen{
	padding-bottom: 80px;
}

/**************************************
#header
**************************************/
#header{
	width: 100%;
	/*
	height: 150px;
	*/
	margin: 0 auto;
	padding-top: 80px;
	background: #FFFFFF;
	border-bottom: 1px solid #dbdbdb;
}

#header.orderContents{
	height: 80px;
	border-bottom: none;
}

/** .headTop ***********************/
#header .headTop{
	display: block;
	width: 100%; height: 80px;
	padding: 0 10px;
	border-bottom: 1px solid #dbdbdb;
	background: #FFFFFF;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
}
#header .headTop > .inner{
	max-width: 1120px; height: 80px;
	margin: 0 auto;
}

#header .headTop .headLogo{
	display: block;
	width: 390px;
	float: left;
}
#header .headTop .headLogo a{
	display: block;
	margin: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#header .headTop .headLogo a:hover{opacity: .6;}

#header .headTop .headLogo a > .pc{
	display: table;
}
#header .headTop .headLogo a > .pc > span{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#header .headTop .headLogo a > .pc > span:nth-child(1){width: 813px; height: 80px;}
#header .headTop .headLogo a img{display: block; width: auto; height: 90%;}

#header .headTop .headLogo a > .sp{display: none;}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#header .headTop .headLogo{ width: calc(390 * (100vw / 1120)); min-width: 310px;}
	#header .headTop .headLogo a > .pc > span:nth-child(1){width: 35%;}
}


/** #headUtility ***********************/
#headUtility{
	display: block;
	width: 416px;
	padding: 14px 0;
	float: right;
}

#headUtility > ul{
	display: table;
	margin: 0 0 0 auto;
	height: 52px;
}

#headUtility > ul > li{
	display: table-cell;
	width: 101px;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #dbdbdb;
	position: relative;
}
#headUtility > ul > li:nth-last-of-type(1){
	width: 102px;
	border-right: 1px solid #dbdbdb;
}

#headUtility > ul > li > a{
	display: block;
	width: 100%;
	height: 52px;
	padding-top: 36px;
	text-align: center;
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center 1px;
	background-size: auto 28px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#headUtility > ul > li:hover > a{ opacity: .6;}

#headUtility > ul > li.edit > a{background-image: url(../img/common/icon_header_edit.svg);}
#headUtility > ul > li.login > a{background-image: url(../img/common/icon_header_login.svg);}
#headUtility > ul > li.logout > a{background-image: url(../img/common/icon_header_logout.svg);}
#headUtility > ul > li.entry > a{background-image: url(../img/common/icon_header_entry.svg);}
#headUtility > ul > li.mypage > a{background-image: url(../img/common/icon_header_mypage.svg);}
#headUtility > ul > li.mypage > a > span{padding-left: 0.25em;}

#headUtility > ul > li#mini-cart > a{background-image: url(../img/common/icon_header_cart.svg);}

#headUtility > ul > li#mini-cart > a > span{
	display: block;
	width: 26px; height: 26px;
	border:2px solid #FFFFFF;
	border-radius: 13px;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	line-height: 22px;
	background: #cc2424;
	position: absolute;
	right: 15px;
	top: -7px;
}


/*** cart popup *****************************/
#headUtility > ul > li#mini-cart #cartInner{
	display: none;
	width: 412px;
	padding: 30px 0 30px 30px;
	background: #FFFFFF;
	border: 1px solid #dbdbdb;
	position: absolute;
	top: 65px;
	right: -1px;
}


#headUtility > ul > li#mini-cart #cartInner::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 24px;
	top: -24px;
	background: url(../img/common/bg_fukidashi_head.svg) calc(100% - 69px) bottom no-repeat;
	background-size: 19px 13px;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem{
	display: block;
	max-height: 328px;
	padding-right: 14px;
	overflow-y: auto;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.moreItem{display: none;}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a{
	display: block;
	width: 100%; min-height: 72px;
	border: 1px solid #d2d2d2;
	text-decoration: none;
	color: #000000;
	padding:15px 50px 15px 70px;
	background: url(../img/common/icon_arrow_green.svg) calc(100% - 18px) center no-repeat;
	background-size: auto 11px;
	position: relative;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a:hover{opacity: .6;}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .img{
	display: block;
	width: 70px;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	overflow: hidden;
}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .img > img{
	display: block;
    width: auto;
    height: 100%;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .text{
	display: inline-block;
	width: 100%;
	word-break: break-all;
	vertical-align: middle;
	text-align: left;
	padding-left: 15px;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .text > .name{
	font-size: 14px;
	color: #000000;
	line-height: 1.4;
}#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a:hover > .text > .name{
	text-decoration: underline;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .text > .info{padding-top: 5px;}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .text > .info > .price{
	font-size: 16px;
	font-weight: 700;
}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .text > .info > .price > span{font-size: 14px; font-weight: 500; padding-left: 2px;}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li > a > .text > .info > .quantity{font-size: 14px; padding-left: 5px;}


/** btnMoreItem **********/

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.btnMoreItem{
	display: block;
	width: 60px;
	width: 100%;
	font-size: 14px;
	border: 1px solid #d2d2d2;
	line-height: 58px;
	cursor: pointer;
}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.btnMoreItem:hover{
	opacity: .6;
}


#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.btnMoreItem > span{
	display: inline-block;
	margin: 0 auto;
	padding-right: 19px;
	position: relative;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.btnMoreItem > span::after{
	content: '';
	display: block;
	width: 11px; height: 10px;
	background: url(../img/common/icon_toparrow_green.svg) 0 0 no-repeat;
	background-size: 11px auto;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
	transform:rotate( 180deg);
}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.btnMoreItem > span > span:first-child{display: inline-block;}
#headUtility > ul > li#mini-cart #cartInner .cartinItem > li.btnMoreItem > span > span:last-child{display: none;}


#headUtility > ul > li#mini-cart #cartInner .cartinItem.all > li.btnMoreItem > span::after{ transform: rotate(0); margin-top: -3px;}
#headUtility > ul > li#mini-cart #cartInner .cartinItem.all > li.btnMoreItem > span > span:first-child{display: none;}
#headUtility > ul > li#mini-cart #cartInner .cartinItem.all > li.btnMoreItem > span > span:last-child{display: inline-block;}
#headUtility > ul > li#mini-cart #cartInner .cartinItem.all > li.moreItem{display: block;}



/** cartInner btnarea ************************************/
#headUtility > ul > li#mini-cart #cartInner .btnArea{
	display: block;
	margin-top: 20px;
	margin-right: 30px;
	padding-top: 10px;
	border-top: 1px solid #d2d2d2;
}

#headUtility > ul > li#mini-cart #cartInner .btnArea > li{
	margin-top: 10px;
}

#headUtility > ul > li#mini-cart #cartInner .btnClose{display: none;}


/** #glnav ************************************/
#header #glnav{
	display: block;
	width: 100%;
	height: 69px;
	position: relative;
	padding: 0 10px;
}
#header .headTop #glnav .openBtn{display: none;}


#header #glnav > .glnavInner{
	max-width: 1120px;
	margin: 0 auto;
}

#header #glnav > .glnavInner > .btnClose{display: none;}

/*** searchContact ***********/
#header #glnav ul.searchContact{
	display: table;
	float: right;
}

#header #glnav ul.searchContact > li{
	display: table-cell;
	height: 69px;
	vertical-align: middle;
	text-align: right;
}
#header #glnav ul.searchContact > #headSearch{
	width: 360px;
	position: relative;
}
#header #glnav ul.searchContact > #headHelp{
	width: 120px;
	padding-left: 15px;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul.searchContact > #headSearch{ width: calc(360 * (100vw / 1120));}
	#header #glnav ul.searchContact > #headHelp{ width: calc(120 * (100vw / 1120)); padding-left:  calc(15 * (100vw / 1120));}
}


/*** search ***********/
#header #glnav ul.searchContact > #headSearch fieldset{
	display: block;
	width: 100%; height: 40px;
	margin: 0;
	padding: 0;
}

#header #glnav ul.searchContact > #headSearch fieldset > input[type="text"],
#header #glnav ul.searchContact > #headSearch fieldset > button{
	display: block;
	vertical-align: middle;
	text-align: left;
}
#header #glnav ul.searchContact > #headSearch fieldset > input[type="text"]{
	display: block;
	width: calc(100% - 40px);
	border-right: none;
	float: left;
}


#header #glnav ul.searchContact > #headSearch fieldset > button{
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	background: #cc2424;
	float: right;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#header #glnav ul.searchContact > #headSearch fieldset > button:hover{opacity: .6;}

#header #glnav ul.searchContact > #headSearch fieldset > button > img{
	display: block;
	width: 20px; height: auto;
	margin: 0 auto;
}


/*** searchSuggestions ***********/
#searchSuggestions{
	display: none;
	width: 450px;
	padding: 30px;
	background: #FFFFFF;
	border: 1px solid #dbdbdb;
	position: absolute;
	top: 69px;
	right: -175px;
	z-index: 10000;
}
@media screen and (min-width:769px) and ( max-width:1120px) {
	#searchSuggestions{ right: calc(-175 * (100vw / 1120));}
}


#headSearch.open #searchSuggestions{
	display: block;
	z-index: 100;
}

#searchSuggestions::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 24px;
	top: -24px;
	background: url(../img/common/bg_fukidashi_head.svg) calc(100% - 215px) bottom no-repeat;
	background-size: 19px 13px;
}


/*** searchPhrase ***********/
 #searchSuggestions .searchPhrase{
	display: table;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	text-align: left;
	 line-height: 1.4;
}

 #searchSuggestions .searchPhrase > dt{
	display: table-cell;
	width: 150px;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	vertical-align: top;
}

#searchSuggestions .searchPhrase > dd{
	display: table-cell;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

#searchSuggestions .searchPhrase > dd > ul{display: block;}
#searchSuggestions .searchPhrase > dd > ul > li{display: inline-block; float: left;}
#searchSuggestions .searchPhrase > dd > ul > li::before{ content: '\”';}
#searchSuggestions .searchPhrase > dd > ul > li::after{ content: '\”、';}
#searchSuggestions .searchPhrase > dd > ul > li:nth-last-of-type(1)::after{ content: '\”';}


#searchSuggestions .searchPhrase > dd > ul > li > a{
	padding: 0 2px;
	text-decoration: none;
	color: #cc2424;
}
#searchSuggestions .searchPhrase > dd > ul > li > a:hover{text-decoration: underline;}

/*** inner ***********/
#searchSuggestions .inner{
	display: table;
	width: 100%;
	text-align: left;
}

#searchSuggestions .inner .suggestTitle{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}


/*** phraseSuggest ***********/
#searchSuggestions .inner .phraseSuggest{
/*	display: table-cell; */
	display: none;
	width: 260px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #d2d2d2;
	padding-right: 20px;
}

#searchSuggestions .inner .phraseSuggest > ul{
	display: block;
	margin-bottom: 20px;
}

#searchSuggestions .inner .phraseSuggest > ul > li{
	display: inline-block;
	float: left;
	margin: 0 5px 5px 0;
}
#searchSuggestions .inner .phraseSuggest > ul > li > a{
	display: inline-block;
	height: 30px;
	padding:  0 10px;
	background: #cc2424;
	border-radius: 30px;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	line-height: 30px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#searchSuggestions .inner .phraseSuggest > ul > li > a:hover{opacity: .6;}


#searchSuggestions .inner .phraseSuggest > dl{
	display: table;
	width: 100%;
	text-align: left;
	line-height: 1.4;
}

#searchSuggestions .inner .phraseSuggest > dl > dt{
	display: table-cell;
	width: 70px;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	vertical-align: top;
}

#searchSuggestions .inner .phraseSuggest > dl > dd{
	display: table-cell;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}

#searchSuggestions .inner .phraseSuggest > dl > dd > ul{display: block;}
#searchSuggestions .inner .phraseSuggest > dl > dd > ul > li{display: block; margin-bottom: 5px;}

#searchSuggestions .inner .phraseSuggest > dl > dd > ul > li > a{
	text-decoration: none;
	color: #000000;
}
#searchSuggestions .inner .phraseSuggest > dl > dd > ul > li > a:hover{text-decoration: underline;}


/*** phraseSuggest ***********/
#searchSuggestions .inner .productSuggest{
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}

#searchSuggestions .inner .productSuggest > ul{display: block;}

#searchSuggestions .inner .productSuggest > ul > li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#searchSuggestions .inner .productSuggest > ul > li:nth-last-of-type(1){margin-bottom: 0;}


#searchSuggestions .inner .productSuggest > ul > li > a{
	display: block;
	width: 100%; min-height: 72px;
	border: 1px solid #d2d2d2;
	text-decoration: none;
	color: #000000;
	padding:15px 50px 15px 70px;
	background: url(../img/common/icon_arrow_green.svg) calc(100% - 18px) center no-repeat;
	background-size: auto 11px;
	position: relative;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#searchSuggestions .inner .productSuggest > ul > li > a:hover{opacity: .6;}

#searchSuggestions .inner .productSuggest > ul > li > a > .img{
	display: block;
	width: 70px;
	height: 100%;
	position: absolute;
	left: 0; top: 0;
	overflow: hidden;
}
#searchSuggestions .inner .productSuggest > ul > li > a > .img > img{
	display: block;
    width: auto;
    height: 100%;
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

#searchSuggestions .inner .productSuggest > ul > li > a > .text{
	display: inline-block;
	width: 100%;
	word-break: break-all;
	vertical-align: middle;
	text-align: left;
	padding-left: 15px;
}

#searchSuggestions .inner .productSuggest > ul > li > a > .text > .name{
	font-size: 14px;
	color: #000000;
	line-height: 1.4;
}
#searchSuggestions .inner .productSuggest > ul > li > a:hover > .text > .name{text-decoration: underline;}

#searchSuggestions .inner .productSuggest > ul > li > a > .text > .info{padding-top: 5px;}
#searchSuggestions .inner .productSuggest > ul > li > a > .text > .info > .price{
	font-size: 16px;
	font-weight: 700;
}
#searchSuggestions .inner .productSuggest > ul > li > a > .text > .info > .price > span{font-size: 14px; font-weight: 500; padding-left: 2px;}

/** btnClose  ***/
#searchSuggestions .btnClose{display: none;}


/*** headHelp ***********/
#headHelp{position: relative;}
#headHelp .headHelpList{
	display: none;
	width: 300px;
    padding: 30px 30px;
    background: #FFFFFF;
    border: 1px solid #dbdbdb;
    position: absolute;
    top: 69px;
    right: -1px;
}

#headHelp:hover .headHelpList{
	display: block;
	z-index: 1000;
}

#headHelp .headHelpList::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 24px;
	top: -24px;
	background: url(../img/common/bg_fukidashi_head.svg) calc(100% - 100px) bottom no-repeat;
	background-size: 19px 13px;
}
@media screen and (min-width:769px) and ( max-width:1120px) {
	#headHelp .headHelpList::before{
		background: url(../img/common/bg_fukidashi_head.svg) calc( 100% - 100 * (100vw / 1120)) bottom no-repeat;
		background-size: 19px 13px;
	}
}

#headHelp .headHelpList > ul{
	display: block;
	text-align: left;
}

#headHelp .headHelpList > ul > li{
	display: block;
    margin-bottom: 10px;
    line-height: 1.4;
	text-align: left;
}
#headHelp .headHelpList > ul > li:nth-last-of-type(1){margin-bottom: 0;}

#headHelp .headHelpList > ul > li > a{
    display: inline-block;
    font-size: 14px;
    color: #000000;
    text-decoration: none;
    padding-left: 14px;
    background: url(../img/common/icon_arrow_green.svg) 0 4px no-repeat;
    background-size: auto 11px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#headHelp .headHelpList > ul > li > a:hover{opacity: .6;}


/*** categoryNav ***********/

#header #glnav ul#headCategoryNav{
	display: block;
	width: 560px;
	float: left;
}

#header #glnav ul#headCategoryNav > li{
	display: block;
	height: 69px;
	padding-left: 18px;
	float: left;
	overflow: hidden;
}
#header #glnav ul#headCategoryNav > li:hover{overflow: inherit;}

#header #glnav ul#headCategoryNav > li:nth-child(1){width: 120px; padding-left: 0;}
#header #glnav ul#headCategoryNav > li:nth-child(2){width: 199px;}
#header #glnav ul#headCategoryNav > li:nth-child(3){width: 103px;}
#header #glnav ul#headCategoryNav > li:nth-child(4){width: 135px;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul#headCategoryNav{ width: calc(560 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li:nth-child(1){width: calc(120 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li:nth-child(2){width: calc(199 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li:nth-child(3){width: calc(103 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li:nth-child(4){width: calc(135 * (100vw / 1120));}
}


#header #glnav ul#headCategoryNav > li > a{
	display: inline-block;
	height: 69px;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
	padding: 28px 0 24px 0;
	white-space: nowrap;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color  0.2s ease;
}
#header #glnav ul#headCategoryNav > li:nth-of-type(1) > a{padding-left: 0;}
#header #glnav ul#headCategoryNav > li.currentCategory > a{
	border-bottom: 3px solid #cc2424;
}

#header #glnav ul#headCategoryNav > li:hover > a{
	color: #cc2424;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul#headCategoryNav > li { padding-left: calc(18 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li > a{ font-size: calc(16 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li:nth-of-type(1) > a{padding-left: 0;}
}

/*** subCategory ***********/
#header #glnav ul#headCategoryNav > li > .level-2{
	display: none;
	width: 100%;
	padding: 20px calc(50% - 570px) 20px calc(50% - 570px);
	box-shadow: 2px 2px 2px rgba(0,0,0,0.15);
	background: #FFFFFF;
	border-top: 1px solid #dbdbdb;
	position: absolute;
	top: 69px;
	left: 0;
}
@media screen and (min-width:769px) and ( max-width:1156px) {
	#header #glnav ul#headCategoryNav > li > .level-2{padding: 20px calc( 50% - 560 * (100vw / 1120));}
}

#header #glnav ul#headCategoryNav > li:hover > .level-2 {
	display: block;
	z-index: 100;
}

#header #glnav ul#headCategoryNav > li:hover > .level-2::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

#header #glnav ul#headCategoryNav > li > .level-2::before {
	content: ' ';
	display: block;
	position: absolute;
	width: 100%;
	height: 23px;
	top: -23px;
	left: 0;
	background-image: url(../img/common/bg_fukidashi_head.svg);
	background-size: 19px 13px;
	background-repeat: no-repeat;
}

#header #glnav ul#headCategoryNav > li:nth-child(1) > .level-2::before{ background-position: calc(50% - 25px - 560px + 70px) bottom;}
#header #glnav ul#headCategoryNav > li:nth-child(2) > .level-2::before{ background-position: calc(50% - 25px - 560px + 138px + 55px) bottom;}
#header #glnav ul#headCategoryNav > li:nth-child(3) > .level-2::before{ background-position: calc(50% - 25px - 560px + 138px + 103px + 102px) bottom;}
#header #glnav ul#headCategoryNav > li:nth-child(4) > .level-2::before{ background-position: calc(50% - 25px - 560px + 138px + 103px + 199px + 70px) bottom;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul#headCategoryNav > li:nth-child(1) > .level-2::before{ background-position: calc(50% - 25 * (100vw / 1120) - 560 * (100vw / 1120) + 90 * (100vw / 1120)) bottom;}
	#header #glnav ul#headCategoryNav > li:nth-child(2) > .level-2::before{ background-position: calc(50% - 25px - 560 * (100vw / 1120) + 218 * (100vw / 1120)) bottom;}
	#header #glnav ul#headCategoryNav > li:nth-child(3) > .level-2::before{ background-position: calc(50% - 25px - 560 * (100vw / 1120) + 373 * (100vw / 1120)) bottom;}
	#header #glnav ul#headCategoryNav > li:nth-child(4) > .level-2::before{ background-position: calc(50% - 25px - 560 * (100vw / 1120) + 535 * (100vw / 1120)) bottom;}
}

#header #glnav ul#headCategoryNav > li > .level-2 > ul{
	display: table;
	max-width: 100%;
	padding-left: 10px;
	float: left;
}

#header #glnav ul#headCategoryNav > li > .level-2 > ul > li{
	/*display: table-cell; */
	width: 250px;
	text-align: left;
	vertical-align: top;
    border-top: 1px solid #d2d2d2;
    padding: 5px 0;

	/*border-left: 1px solid #d2d2d2;*/
}

#header #glnav ul#headCategoryNav > li > .level-2 > ul > li:first-child{
	border: none;
}
#header #glnav ul#headCategoryNav > li > .level-2 > ul > li:last-child{/*border-right: 1px solid #d2d2d2;*/}

#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > a{
	display: inline-block;
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 8px;
	margin-top: 8px;
}
#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > a:hover{text-decoration: underline;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul#headCategoryNav > li > .level-2 > ul > li{ padding: 0 calc( 15 * (100vw / 1120)) 0 calc( 15 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li > .level-2 > ul > li:first-child{padding-right: calc( 15 * (100vw / 1120));}
	#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > a{font-size: calc( 14 * (100vw / 1120));}
}


#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > ul.level-3{display: block;}

#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > ul.level-3 > li{
	display: block;
	margin-bottom: 5px;
	line-height: 1.4;
}

#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > ul.level-3 > li:nth-last-of-type(1){margin-bottom: 0;}

#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > ul.level-3 > li > a{
	display: inline-block;
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	padding-left: 14px;
	background: url(../img/common/icon_arrow_green.svg) 0 4px no-repeat;
	background-size: auto 11px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > ul.level-3 > li > a:hover{opacity: .6;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul#headCategoryNav > li > .level-2 > ul > li > ul.level-3 > li > a{
		font-size: calc( 14 * (100vw / 1120));
		padding-left:calc( 14 * (100vw / 1120));
		background-size: auto calc( 11 * (100vw / 1120));
	}
}


#header #glnav ul#headCategoryNav > li > .level-2 > .banner{
	display: block;
	width: 75%;
	padding:0 0 0 20px;
	float: left;
}
#header #glnav ul#headCategoryNav > li > .level-2 > .banner > a{display: block;}
#header #glnav ul#headCategoryNav > li > .level-2 > .banner img{display: block; width: 100%; height: auto;}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#header #glnav ul#headCategoryNav > li > .level-2 > .banner{padding-left: calc( 20 * (100vw / 1120));max-width: 65%;}
}


/*** subCategory ***********/
#header #spDirectCategoryNav{display: none;}


/*** paymentHeadSP ***********/
#paymentHeadNav{display: none;}



/**************************************
#footer
**************************************/
#footer{
	width: 100%;
	position: relative;
}

/*** footCategoryNav  **************/
#footer #footCategoryNav{
	display: block;
	max-width: 1120px;
	margin: 0 auto;
	border-top: 1px solid #dbdbdb;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#footer #footCategoryNav{margin: 0 10px;}
}

#footer #footCategoryNav > dl{
	display: table;
	width: 100%;
	padding: 16px 0 6px;
	border-bottom: 1px solid #dbdbdb;
}

#footer #footCategoryNav > dl > dt{
	display: table-cell;
	width: 160px;
	vertical-align: top;
	text-align: left;
}

#footer #footCategoryNav > dl > dt > a{
	font-size: 14px;
	color: #cc2424;
	font-weight: 700;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#footer #footCategoryNav > dl > dt > a:hover{opacity: .6;}

#footer #footCategoryNav > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
}

#footer #footCategoryNav > dl > dd > ul{
	display: block;
}

#footer #footCategoryNav > dl > dd > ul > li{
	display: inline-block;
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #000000;
}
#footer #footCategoryNav > dl > dd > ul > li:nth-last-of-type(1){margin-right: 0; padding-right: 0; border:none;}


#footer #footCategoryNav > dl > dd > ul > li > a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#footer #footCategoryNav > dl > dd > ul > li > a:hover{text-decoration: underline;}


/*** footUtility  **************/
#footer #footUtility{
	display: block;
	max-width: 1120px;
	margin: 0 auto;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#footer #footUtility{margin: 0 10px;}
}

#footer #footUtility > dl{
	display: table;
	width: 100%;
	padding: 16px 0 6px;
	border-bottom: 1px solid #dbdbdb;
}

#footer #footUtility > dl > dt{
	display: table-cell;
	width: 160px;
	font-size: 14px;
	color: #cc2424;
	font-weight: 700;
	vertical-align: top;
	text-align: left;
}

#footer #footUtility > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
}

#footer #footUtility > dl > dd > ul{
	display: block;
}

#footer #footUtility > dl > dd > ul > li{
	display: inline-block;
	float: left;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #000000;
}
#footer #footUtility > dl > dd > ul > li:nth-last-of-type(1){margin-right: 0; padding-right: 0; border:none;}


#footer #footUtility > dl > dd > ul > li > a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
#footer #footUtility > dl > dd > ul > li > a:hover{text-decoration: underline;}


/*** footBottom  **************/
#footer .footBottom{
	display: block;
	width: 100%;
	padding: 20px 0 20px;
	border-top: 1px solid #dbdbdb;
}

#footer nav + .footBottom{
	padding: 50px 0 20px;
	border: none;
}

#footer .footBottom > .inner{
	display: block;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px 0;
}

#footer .footBottom > .inner > nav{
	display: table;
	float: left;
}

#footer .footBottom > .inner > nav > .footLogo{
	display: table-cell;
	width: 240px;
	padding-right: 40px;
	vertical-align: middle;
	text-align: left;
}
#footer .footBottom > .inner > nav > .footLogo > a{
	display: block;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#footer .footBottom > .inner > nav > .footLogo > a:hover{opacity: .6;}

#footer .footBottom > .inner> nav > .footLogo > a > img{display: block; width: 100%; height: auto;}

#footer .footBottom > .inner > nav > .btnArea{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#footer .footBottom > .inner > nav > .btnArea > ul{
	display: table;
	vertical-align: middle;
}

#footer .footBottom > .inner > nav > .btnArea > ul > li.tokusho{
	display: table-cell;
	width: 180px;
	vertical-align: middle;
}
#footer .footBottom > .inner > nav > .btnArea > ul > li.tokusho > a{
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-left: 12px;
	background: url(../img/common/icon_arrow_green.svg) 0 center no-repeat;
	background-size: auto 8px;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity  0.2s ease;
}
#footer .footBottom > .inner > nav > .btnArea > ul > li.tokusho > a:hover{opacity: .6;}


#footer .footBottom > .inner > nav > .btnArea > ul > li.shopSearch{
	display: table-cell;
	width: 220px;
	vertical-align: middle;
}
#footer .footBottom > .inner > nav > .btnArea > ul > li.shopSearch > a{
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	line-height: 30px;
	background: #cc2424;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#footer .footBottom > .inner > nav > .btnArea > ul > li.shopSearch > a:hover{opacity: .6;}


#footer .footBottom > .inner .btnPageTop{
	display: inline-block;
	float: right;
}

#footer .footBottom > .inner .btnPageTop > a{
	font-size: 12px;
	line-height: 30px;
	color: #000000;
	text-decoration: none;
	padding-left: 14px;
	background: url(../img/common/icon_toparrow_green.svg) 0 center no-repeat;
    background-size: 8px auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#footer .footBottom > .inner .btnPageTop > a:hover{opacity: .6;}


/*** footerCopyArea  **************/
#footer .footerCopyArea{
	display: block;
	width: 100%;
	background: #cc2424;
	padding: 14px 10px;
}

#footer .footerCopyArea > nav{
	display: block;
	max-width: 1120px;
	margin: 0 auto;
}

#footer .footerCopyArea > nav > ul{
	display: table;
	float: left;
}

#footer .footerCopyArea > nav > ul > li{
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	padding-right: 12px;
}

#footer .footerCopyArea > nav > ul > li > a{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	background: url(../img/common/icon_arrow_white.svg) 0 center no-repeat;
	background-size: auto 9px;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity  0.2s ease;
}
#footer .footerCopyArea > nav > ul > li > a:hover{opacity: .6;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#footer .footerCopyArea > nav > ul > li > a{ font-size: calc( 12 * (100vw / 1120));}
}

#footer .footerCopyArea > nav > p{
	display: block;
	float: right;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 12px;
	text-align: right;
}



/**************************************
main
**************************************/
#main{
	padding: 20px 0 0;
}

#mainWrap .oneSection{
	display: block;
	width: 100%;
	padding-bottom: 60px;
}


#mainWrap .oneSection > .inner{
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 10px;
}

#mainWrap .ttl{
	display: block;
	text-align: center;
	margin: 0 auto 25px auto;
	font-size: 22px;
	color: #000000;
	font-weight: 700;
}
#mainWrap .ttl > span{
	display: block;
	font-size: 16px;
	padding-top: 10px;
	color: #999999;
	font-weight: 400;
}

#mainWrap .ttlHome{
	display: block;
	text-align: center;
	margin: 0 auto 25px auto;
	font-size: 22px;
	color: #000000;
	font-weight: 700;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#mainWrap .ttlHome > span{
	display: block;
	font-size: 16px;
	padding-top: 10px;
	color: #999999;
	font-weight: 400;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#mainWrap .ttlMain{
	display: block;
	text-align: left;
	margin: 0 auto 25px auto;
	font-size: 28px;
	color: #000000;
	font-weight: 700;
}

#mainWrap .ttlLeft{
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	margin-bottom: 20px;
	color: #000000;
	overflow: inherit;
}
#mainWrap .ttlLeft.required::after{
	content: '\※必須';
	display: inline-block;
	padding-left: 30px;
	font-size: 14px;
	color: #e7002e;
	font-weight: 400;
	overflow: inherit;
}

#mainWrap .subttl{
	margin-bottom: 20px;
	overflow: inherit;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	color: #000000;
}

#main .requiredMsg,
#dialog-container .requiredMsg
{
	font-size: 14px;
	margin-bottom: 20px;
	color: #000000;
}

#main .requiredMsg > .fcred,
#dialog-container .requiredMsg > .fcred
{
	color: #e7002e;
}

.mini-cart-content .errMsg,
#main .errMsg,
#main .error-message,
.field-wrapper input + span.error{
	display: block;
	font-size: 14px;
	color: #e7002e;
	line-height: 1.2;
	margin-right: 20px;
	margin-bottom: 10px;
}
#main .guideMsg,
#dialog-container .guideMsg
{
	display: block;
	font-size: 14px;
	color: #000000;
	line-height: 1.2;
}
#main .success{
	display: block;
	font-size: 14px;
	line-height: 1.2;
}

#main .showBtnAreaErrMsg{
	display: block;
	font-size: 14px;
	font-weight: normal;
	color: #e7002e;
	line-height: 1.2;
	margin-right: 20px;
	margin-bottom: 10px;
	white-space: normal;
}


/**************************************
breadcrumbs
**************************************/
#main .breadcrumbs{
    max-width: 1140px;
	padding: 20px 10px 20px;
	margin: 0 auto;
}

#main .breadcrumbs > ul{display: block;}

#main .breadcrumbs > ul > li{
	display: inline-block;
    height: 22px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 22px;
    margin-right: 8px;
}
#main .breadcrumbs > ul > li::after{
    content: '\＞';
    font-size: 14px;
    padding-left: 10px;
	vertical-align: top;
}
#main .breadcrumbs > ul > li:nth-last-of-type(1)::after{display: none;}


#main .breadcrumbs > ul > li > a{
	color: #000000;
	text-decoration: none;
}
#main .breadcrumbs > ul > li > a:hover{text-decoration: underline;}

/**************************************
formArea
**************************************/
#main .formArea,
#dialog-container .formArea
{display: block;}

#main .formArea > dl,
#dialog-container .formArea > dl
{
	display: block;
	margin-bottom: 30px;
	text-align: left;
}
#main .formArea > dl > dt,
#dialog-container .formArea > dl > dt
{
	display: block;
	font-size: 14px;
	color: #333333;
	text-align: left;
	margin-bottom: 10px;
}
#orderSection .apAddressBilling > p
{
	display: block;
	font-size: 14px;
	color: #333333;
	text-align: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
#main .formArea > dl.required > dt::after,
#dialog-container .formArea > dl.required > dt::after
{
	content: '\※';
	display: inline-block;
	padding-left: 10px;
	color: #e7002e;
	font-weight: 400;
}

#main .formArea > dl > dd,
#dialog-container .formArea > dl > dd
{display: block;}

#main .formArea dd .errMsg,
#dialog-container .formArea dd .errMsg
{
	padding-top: 10px;
}

#main .formArea dd .guideMsg,
#dialog-container .formArea dd .guideMsg
{
	padding-top: 10px;
}

/*** nameInput ******************/
#main .formArea .nameInput,
#dialog-container .formArea .nameInput
{
	display: block;
	margin-bottom: 30px;
}

#main .formArea .nameInput > .inner,
#dialog-container .formArea .nameInput > .inner
{
	display: table;
	width: 460px;
	margin: 0 auto 0 0;
}

#main .formArea .nameInput > .inner > dl,
#dialog-container .formArea .nameInput > .inner > dl
{
	display: table-cell;
	width: 50%;
	vertical-align: top;
	text-align: left;
}

#main .formArea .nameInput > .inner > dl > dt,
#dialog-container .formArea .nameInput > .inner > dl > dt
{
	display: block;
	font-size: 14px;
	color: #333333;
	text-align: left;
	margin-bottom: 10px;
}
#main .formArea .nameInput > .inner > dl.required > dt::after,
#dialog-container .formArea .nameInput > .inner > dl.required > dt::after
{
	content: '\※';
	display: inline-block;
	padding-left: 10px;
	color: #e7002e;
	font-weight: 400;
}

#main .formArea .nameInput > .inner > dl:first-child,
#main #addressInput > div.nameInput > .inner > dl,
#dialog-container .formArea .nameInput > .inner > dl:first-child
{padding-right: 10px;}
#dialog-container .formArea .nameInput > .inner > dl:first-child
{padding-right: 10px;}
#main .formArea .nameInput > .inner > dl:last-child
#dialog-container .formArea .nameInput > .inner > dl:last-child
{padding-left: 10px;}

#main .formArea .nameInput .errMsg,
#dialog-container .formArea .nameInput .errMsg,
{
	padding-top: 10px;
}

#main .formArea .nameInput .guideMsg,
#dialog-container .formArea .nameInput .guideMsg,
{
	padding-top: 10px;
}

#dialog-container .formArea .nameInput .receiptFormInput
{
    font-size: 14px;
    margin-bottom: 10px;
}

#dialog-container .formArea .nameInput .receiptFormInput > dt
{
    margin-bottom: 20px;
}

/*** cardLimit ******************/
#main .cardLimit,
#dialog-container .cardLimit
{display: block;}

#main .cardLimit > ul,
#dialog-container .cardLimit > ul
{
	display: table;
	width: 240px;
}

#main .cardLimit > ul > li,
#dialog-container .cardLimit > ul > li
{
	display: table-cell;
	width: 120px;
}
#main .cardLimit > ul > li:first-child,
#dialog-container .cardLimit > ul > li:first-child
{padding-right: 10px;}
#main .cardLimit > ul > li:last-child,
#dialog-container .cardLimit > ul > li:last-child
{padding-left: 10px;}

/*** security ******************/
#main .security{display: block;}

#main .security > ul{
	display: table;
}

#main .security > ul > li{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#main .security > ul > li:first-child{
	width: 140px;
}

#main .security > ul > li.textLink{
	display: table-cell;
	padding:0 0 0 20px;
	margin: 0;
}


/*** checkBoxArea ******************/
#main .formArea > .checkBoxArea{
	display: block;
	margin-bottom: 30px;
	text-align: left;
}

#main .formArea > .checkBoxArea > li{
	display: block;
	margin-bottom: 20px;
}
#main .formArea > .checkBoxArea > li:nth-last-of-type(1){margin-bottom: 0;}

#main .formArea > .checkBoxArea label{
	display: inline-block;
	padding-left: 28px;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	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;
}
#main .formArea > .checkBoxArea label::before{
	content: '';
	display: block;
	width: 18px; height: 18px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	position: absolute;
	left: 0;
	top: 0;
}
#main .formArea > .checkBoxArea label:hover{opacity: .6;}

#main .formArea > .checkBoxArea label > input[type=checkbox]{display: none;}

#main .formArea > .checkBoxArea label > input[type=checkbox] + span{
	display: inline-block;
}
#main .formArea > .checkBoxArea label > input[type=checkbox] + span::after{
	content: '';
	display: block;
	width: 18px; height: 18px;
	background: url(../img/common/icon_checked.svg) center center no-repeat #cc2424;
	background-size: 12px auto;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease, transform  0.2s ease;
    -moz-transition: opacity 0.2s ease, transform  0.2s ease;
    -o-transition: opacity 0.2s ease, transform  0.2s ease;
    transition: opacity  0.2s ease, transform  0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#main .formArea > .checkBoxArea label > input[type=checkbox]:checked + span::after{
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*** textLink ******************/
#main .formArea .textLink{display: block; margin-bottom: 30px;}
#main .formArea .textLink.allText{
	color: #000000;
	font-size: 14px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#main .formArea .textLink > a{
	color: #000000;
	text-decoration: underline;
	font-size: 14px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#main .formArea .textLink > a:hover{opacity: .6;}

/*** #couponInput ******************/
#main .couponInput{
	display: block;
	padding: 40px 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 40px;
}

#main .couponInput .couponInputArea{
	display: table;
}

#main .couponInput .couponInputArea label{
	display: table-cell;
	width: 410px;
}

#main .couponInput .couponInputArea label > input[type="text"] {
    display: block;
    width: calc(100% - 75px);
    float: left;
}

#main .couponInput .couponInputArea label > button{
    display: block;
    width: 60px;
    height: 40px;
    text-align: center;
    background: #cc2424;
	color: #FFFFFF;
	font-size: 14px;
    float: right;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#main .couponInput .couponInputArea label > button:disabled{
	background: #999999;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}

#main .couponInput .couponInputArea label > button:hover{opacity: .6;}


#main .couponInput .couponInputArea .textLink{
	display: table-cell;
	padding:0 0 0 20px;
	margin: 0;
	vertical-align: middle;
	text-align: left;
}

#main .couponInput .errMsg{
	padding-top: 10px;
}

#main .deletecoupons{
	width: 60%;
}

#main .deletecoupon dt{
	margin: 3px;
    float: left;
}

#main .deletecoupon dd{
	margin: 3px;
    text-align: right;
    float: right;
    font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding-left: 12px;
	background: url(../img/common/icon_arrow_green.svg) 0 center no-repeat;
	background-size: auto 8px;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity  0.2s ease;
}

#main .couponInput .clearfix:after{
	content: "";
    clear: both;
    display: block;
}


/*** deliverySelect ******************/

#main .deliverySelect{
	display: block;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #d2d2d2;
}

#main .deliverySelect > .errMsg{padding-bottom: 10px;}

#main .deliverySelect > ul{display: block;}

#main .deliverySelect > ul > li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
}

#main .deliverySelect > ul > li label{
	display: block;
	width: 100%;
	padding: 14px 14px 14px 44px;
	position: relative;
	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;
}
#main .deliverySelect > ul > li label::before{
	content: '';
	display: block;
	width: 22px; height: 22px;
	background: #FFFFFF;
	border-radius: 11px;
	border: 1px solid #d2d2d2;
	position: absolute;
	left: 14px;
	top: 50%;
	margin-top: -11px;
}
#main .deliverySelect > ul > li label:hover{opacity: .6;}


#main .deliverySelect > ul > li label > input[type=radio]{display: none;}

#main .deliverySelect > ul > li label > .selectDetail{
	display: table;
	width: 100%;
}

#main .deliverySelect > ul > li label > .selectDetail > .img{
	display: table-cell;
	width: 72px;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;
}
#main .deliverySelect > ul > li label > .selectDetail > .img > img{display: block; width: 100%; height: auto;}

#main .deliverySelect > ul > li label > .selectDetail > .text{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#main .deliverySelect > ul > li label > .selectDetail > .text > .inner{
	display: table;
	width: 100%;
}

#main .deliverySelect > ul > li label > .selectDetail > .text > .inner > dl{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#main .deliverySelect > ul > li label > .selectDetail > .text > .inner > dl > dt{
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;
}
#main .deliverySelect > ul > li label > .selectDetail > .text > .inner > dl > dd{
	font-size: 14px;
}

#main .deliverySelect > ul > li label > .selectDetail > .text > .inner > .price{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	font-size: 14px;
}

#main .deliverySelect > ul > li label > input[type=radio] + .selectDetail::after{
	content: '';
	display: block;
	width: 12px; height: 12px;
	background:  #cc2424;
	border-radius: 6px;
	position: absolute;
	left: 19px;
	top: 50%;
	margin-top: -6px;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease, transform  0.2s ease;
    -moz-transition: opacity 0.2s ease, transform  0.2s ease;
    -o-transition: opacity 0.2s ease, transform  0.2s ease;
    transition: opacity  0.2s ease, transform  0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#main .deliverySelect > ul > li label > input[type=radio]:checked + .selectDetail::after{
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*** addressSelect ******************/

#main .addressSelect{
	display: block;
	margin-bottom: 20px;
}

#main .form-indent > .addressSelect{
	margin-bottom: 0;
}

#main .addressSelect > .errMsg{padding-bottom: 10px;}

#main .addressSelect > ul{display: block;}

#main .addressSelect > ul > li{
	display: block;
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	position: relative;
}

#main .addressSelect > ul > li .changeLink{
	display: block;
	width: 85px;
	margin: 0;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}
#main .addressSelect > ul > li .changeLink > a,
#main .addressSelect > ul > li .changeLink > button{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	text-decoration: none;
	background: #efefef;
	text-align: center;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#main .addressSelect > ul > li .changeLink > a:hover,
#main .addressSelect > ul > li .changeLink > button:hover{
	opacity: .6;
	text-decoration: underline;
}

#main .addressSelect > ul > li label{
	display: block;
	width: 100%;
	padding: 14px 14px 14px 44px;
	position: relative;
	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;
}
#main .addressSelect > ul > li label::before{
	content: '';
	display: block;
	width: 22px; height: 22px;
	background: #FFFFFF;
	border-radius: 11px;
	border: 1px solid #d2d2d2;
	position: absolute;
	left: 14px;
	top: 14px;
}
#main .addressSelect > ul > li label:hover{opacity: .6;}


#main .addressSelect > ul > li label > input[type=radio]{display: none;}

#main .addressSelect > ul > li label > .selectDetail{
	display: block;
	width: 100%;
	padding-left: 10px;
	min-height: 22px;
}

#main .addressSelect > ul > li label > .selectDetail > .text{
	display: block;
	text-align: left;
}

#main .addressSelect > ul > li label > .selectDetail > p.text{
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
}

#main .addressSelect > ul > li label > .selectDetail > .text > dl{
	display: block;
	width: calc(100% - 85px);
}

#main .addressSelect > ul > li label > .selectDetail > .text > dl > dt{
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	margin-bottom: 5px;
}
#main .addressSelect > ul > li label > .selectDetail > .text > dl > dd{
	font-size: 14px;
	line-height: 1.4;
}


#main .addressSelect > ul > li label > input[type=radio] + .selectDetail::after{
	content: '';
	display: block;
	width: 12px; height: 12px;
	background:  #cc2424;
	border-radius: 6px;
	position: absolute;
	left: 19px;
	top: 19px;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease, transform  0.2s ease;
    -moz-transition: opacity 0.2s ease, transform  0.2s ease;
    -o-transition: opacity 0.2s ease, transform  0.2s ease;
    transition: opacity  0.2s ease, transform  0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#main .addressSelect > ul > li label > input[type=radio]:checked + .selectDetail::after{
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*** paymentSelect ******************/
#main .paymentSelect{
	display: block;
	margin-bottom: 20px;
}

#main .paymentSelect > .errMsg{padding-bottom: 10px;}

#main .paymentSelect > ul{display: block;}

#main .paymentSelect > ul > li{
	display: block;
	width: 460px;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	position: relative;
}

#main .paymentSelect > ul > li label{
	display: block;
	width: 100%;
	padding: 14px 14px 14px 44px;
	position: relative;
	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;
}
#main .paymentSelect > ul > li label::before{
	content: '';
	display: block;
	width: 22px; height: 22px;
	background: #FFFFFF;
	border-radius: 11px;
	border: 1px solid #d2d2d2;
	position: absolute;
	left: 14px;
	top: 50%;
	margin-top: -11px;
}

#main .paymentSelect > ul > li label:hover{opacity: .6;}


#main .paymentSelect > ul > li label > input[type=radio]{display: none;}

#main .paymentSelect > ul > li label > .selectDetail{
	display: table;
	width: 100%;
	padding-left: 10px;
	min-height: 22px;
}

#main .paymentSelect > ul > li label > .selectDetail > .text{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#main .paymentSelect > ul > li label > .selectDetail > .text > p{
	font-size: 14px;
}

#main .paymentSelect > ul > li label > .selectDetail > .img{
	display: table-cell;
	width: 220px;
	text-align: left;
	vertical-align: middle;
}

#main .paymentSelect > ul > li label > .selectDetail > .img > img{display: block; width: 100%; height: auto; margin: 0 0 0 auto;}

#main .paymentSelect > ul > li label > .selectDetailDesc{font-size: 12px;margin-top: 6px;}

#main .paymentSelect > ul > li label > input[type=radio] + .selectDetail::after{
	content: '';
	display: block;
	width: 12px; height: 12px;
	background:  #cc2424;
	border-radius: 6px;
	position: absolute;
	left: 19px;
	top: 50%;
	margin-top: -6px;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease, transform  0.2s ease;
    -moz-transition: opacity 0.2s ease, transform  0.2s ease;
    -o-transition: opacity 0.2s ease, transform  0.2s ease;
    transition: opacity  0.2s ease, transform  0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#main .paymentSelect > ul > li label > input[type=radio]:checked + .selectDetail::after{
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


/*** btnArea ******************/

#main .formArea .btnArea{
	padding-right: 110px;
}
@media screen and (min-width:769px) and ( max-width:1120px) {
	#main .formArea .btnArea{padding-right: calc( 110 * (100vw / 1140));}
}

#main .formArea .btnArea > ul,
#dialog-container .formArea .btnArea > ul
{display: block;}
#main .formArea .btnArea > ul > li,
#dialog-container .formArea .btnArea > ul > li
{
	margin-bottom: 10px;
}
#main .formArea .btnArea > ul > li:nth-last-of-type(1),
#dialog-container .formArea .btnArea > ul > li:nth-last-of-type(1)
{margin-bottom: 0;}

/* #28791 注文ごとにDM希望か否かを確認したい start */
/*** dmSelect ******************/

#main .dmSelect{
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 30px;
    color: #000000;
    overflow: inherit;
}

#main .dmSelect p{
    line-height: 1.4;
    margin-bottom: 20px;
}

#main .dmSelect label{
	width: 100%;
	padding: 0px 0px 0px 27px;
	position: relative;
	cursor: pointer;
	margin-left:17px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#main .dmSelect label::before{
	content: '';
	display: block;
	width: 22px; height: 22px;
	background: #FFFFFF;
	border-radius: 11px;
	border: 1px solid #d2d2d2;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -12px;
}

#main .dmSelect label > input[type=radio]{display: none;}

#main .dmSelect label > input[type=radio] + .selectDetail::after{
	content: '';
	display: block;
	width: 12px; height: 12px;
	background:  #cc2424;
	border-radius: 6px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -7px;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease, transform  0.2s ease;
    -moz-transition: opacity 0.2s ease, transform  0.2s ease;
    -o-transition: opacity 0.2s ease, transform  0.2s ease;
    transition: opacity  0.2s ease, transform  0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#main .dmSelect label > input[type=radio]:checked + .selectDetail::after{
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* #28791 注文ごとにDM希望か否かを確認したい end */
/**************************************
errList
**************************************/
.errList{
	display: block;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto 30px;
	padding: 0;
}
.errList > ul{
	display: block;
	width: 100%;
	border: 4px solid #e7002e;
	background: #FFFFFF;
	padding: 10px 20px 20px;
}
.errList > ul > li{
	margin-top: 10px;
}

.errList > ul > li > a{
	display: block;
	font-size: 14px;
    color: #000000;
    text-decoration: none;
    padding-left: 14px;
	line-height: 1.4;
    background: url(../img/common/icon_downarrow_green.svg) 0 6px no-repeat;
    background-size: 8px auto;
    pointer-events: none;
}
.errList > ul > li > a:hover{
    text-decoration: underline;
}


/**************************************
HOME
**************************************/
/* #mainPanel*************************/
#mainPanel {
	width: 100%;
	padding-bottom: 30px;
	position: relative;
}
#mainPanel img {
	display: block;
	width: 640px;
	height: 430px;
}

#mainPanel .swiper-container {
	width: 100%;
	height: 430px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 1;
}

#mainPanel .swiper-wrapper {
	position: relative;
	width: 640px;
	height: 100%;
	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-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-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);
}

#mainPanel .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
#mainPanel .swiper-slide 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;
}
#mainPanel .swiper-slide a:hover {
	opacity: 0.6;
}

#mainPanel .mainPanelPagination {
	height: 14px;
	margin-top: 18px;
	text-align: center;
	line-height: 1;
}

#mainPanel .mainPanelPagination .swiper-pagination-bullet {
	margin: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
}
#mainPanel .mainPanelPagination .swiper-pagination-bullet:last-child {
	margin: 0;
}

#mainPanel .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #b2b2b2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#mainPanel .swiper-pagination-bullet:hover{opacity: .6;}
#mainPanel .swiper-pagination-bullet-active {
	opacity: 1;
	width: 12px;
	height: 12px;
	background: #cc2424;
}
#mainPanel .swiper-pagination-bullet-active:hover{opacity: 1;}


#mainPanel .mainPanelPrev, #mainPanel .mainPanelNext{
	display: block;
	width: 50px; height: 50px;
	background-color: #cc2424;
	background-size: 12px 19px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
#mainPanel .mainPanelNext{
	background-image:url(../img/top/icon_arrow_menuslide_next.svg);
	background-position: center center;
	right: 0;
}
#mainPanel .mainPanelPrev{
	background-image:url(../img/top/icon_arrow_menuslide_prev.svg);
	background-position: center center;
	left: 0;
}

#mainPanel .mainPanelPrev:hover, #mainPanel .mainPanelNext:hover{opacity: .6;}

/* infoArea*************************/
#mainWrap .infoArea{
	display: block;
	width: 100%;
	max-width: 1140px;
	padding: 0 10px;
	margin: 0 auto;
}

#mainWrap .infoArea > .inner{
	display: table;
	width: 100%;
	margin: 0 auto 60px;
	border-top: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 15px 0;
}

#mainWrap .infoArea .infoTtl,
#mainWrap .infoArea .infoTtl > span:nth-child(2){
	display: table-cell;
	width: 140px;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
	color: #cc2424;
	border-right: 1px solid #dbdbdb;
}

#mainWrap .infoArea .infoTtl > span{
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	padding-bottom: 4px;
}

#mainWrap .infoArea  .infoList{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 30px;
}

#mainWrap .infoArea  .infoList > li{
	display: block;
	border-bottom: 1px dotted #dbdbdb;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#mainWrap .infoArea  .infoList > li:nth-last-of-type(1){margin-bottom: 0; padding-bottom: 0;  border:none;}

#mainWrap .infoArea  .infoList > li > a{
	display: table;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	line-height: 1.4;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#mainWrap .infoArea  .infoList > li > a > time{
	display: table-cell;
	width: 140px;
	vertical-align: top;
	text-align: left;
}
#mainWrap .infoArea  .infoList > li > a > span{
	display: table-cell;
	vertical-align: top;
	text-align: left;
	background: url(../img/common/icon_arrow_green.svg) 0 5px no-repeat;
    background-size: auto 8px;
	padding-left: 14px;
}

#mainWrap .infoArea  .infoList > li > a:hover{opacity: .6;}


/* pickupListHome *************************/
#mainWrap .pickupListHome{
	display: block;
	max-width: 1140px;
	padding: 0 10px;
	margin: 0 auto;
}

#mainWrap .pickupListHome > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#mainWrap .pickupListHome > ul > li{
	display: block;
	width: 49.10714285714286%;
	margin-right: 1.78571428571429%;
	margin-top: 20px;
}
#mainWrap .pickupListHome > ul > li:nth-child(1),
#mainWrap .pickupListHome > ul > li:nth-child(2){margin-top: 0;}
#mainWrap .pickupListHome > ul > li:nth-child(2n){margin-right: 0;}


#mainWrap .pickupListHome > ul > li > a{
	display: block;
	width: 100%; height: 100%;
	border: 1px solid #dbdbdb;
	position: relative;
	text-decoration: none;
	color: #000000;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#mainWrap .pickupListHome > ul > li > a:hover{opacity: .6;}

#mainWrap .pickupListHome > ul > li > a .img{
	width: 100%;
	position: relative;
}
#mainWrap .pickupListHome > ul > li > a .img > img{
	display: block; width: 100%; height: auto;
}

#mainWrap .pickupListHome > ul > li > a .text{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 268px);
	min-height: 100px;
	padding: 15px 25px;
}

#mainWrap .pickupListHome > ul > li > a .text > .inner{display: block; text-align: center;}

#mainWrap .pickupListHome > ul > li > a .text .catch{
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 3px;
}
#mainWrap .pickupListHome > ul > li > a .text .name{
	font-size: 24px;
	font-weight: 700;
	color: #cc2424;
	line-height: 1.4;
}
#mainWrap .pickupListHome > ul > li > a .text .name > span{font-weight: 400; font-size: 18px;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#mainWrap .pickupListHome > ul > li > a .text{ padding: calc( 15 * (100vw / 1120)) calc( 25 * (100vw / 1120));  min-height: calc( 100 * (100vw / 1120));}
	#mainWrap .pickupListHome > ul > li > a .text .catch{font-size: calc( 16 * (100vw / 1120));}
	#mainWrap .pickupListHome > ul > li > a .text .name{font-size: calc( 24 * (100vw / 1120));}
}



/* productsListHome *************************/
#mainWrap .productsListHome{
	display: block;
	max-width: 1140px;
	padding: 0 10px;
	margin: 0 auto;
}

#mainWrap .productsListHome > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#mainWrap .productsListHome > ul > li{
	display: block;
	width: 23.66071428571429%;
	border: 1px solid #dbdbdb;
	margin-top: 20px;
	margin-right: 1.78571428571429%;
	position: relative;
}
#mainWrap .productsListHome > ul > li:nth-of-type(1),
#mainWrap .productsListHome > ul > li:nth-of-type(2),
#mainWrap .productsListHome > ul > li:nth-of-type(3),
#mainWrap .productsListHome > ul > li:nth-of-type(4){margin-top: 0;}
#mainWrap .productsListHome > ul > li:nth-of-type(4n){margin-right: 0;}


#mainWrap .productsListHome > ul > li .img{
	width: 100%;
	height: 175px;
	overflow: hidden;
}
#mainWrap .productsListHome > ul > li .img > img{display: block; width: auto; height: 100%;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#mainWrap .productsListHome > ul > li .img{height: calc( 175 * (100vw / 1120));}
}


#mainWrap .productsListHome > ul > li .text{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 175px);
	min-height: 85px;
	padding: 15px 25px;
}

#mainWrap .productsListHome > ul > li .text > .inner{display: block; text-align: center;}

#mainWrap .productsListHome > ul > li .text .catch{
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 3px;
}
#mainWrap .productsListHome > ul > li .text .name{
	font-size: 16px;
	font-weight: 700;
	color: #cc2424;
	line-height: 1.4;
}
#mainWrap .productsListHome > ul > li .text .name > span{font-weight: 400; font-size: 18px;}

#mainWrap .productsListHome > ul > li.otherSite  .text .name::after{
	content: ' ';
	display: inline-block;
	width: 12px; height: 12px;
	background: url(../img/common/icon_arrow_othersite.svg) 0 center no-repeat;
	background-size: 12px auto;
	margin-left: 5px;
}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#mainWrap .productsListHome > ul > li .text{
		height: calc( 100% - 175 * (100vw / 1120));
		min-height: calc( 85 * (100vw / 1120));
		padding: calc( 15 * (100vw / 1120)) calc( 25 * (100vw / 1120));
	}
	#mainWrap .productsListHome > ul > li .text .catch{font-size: calc( 14 * (100vw / 1120));}
	#mainWrap .productsListHome > ul > li .text .name{font-size: calc( 16 * (100vw / 1120));}
	#mainWrap .productsListHome > ul > li .text .name > span{font-size: calc( 18 * (100vw / 1120));}
}


/** overView  **/
#mainWrap .productsListHome > ul > li .overView{
	display: block;
	width: 100%;
	height: 175px;
	padding: 15px 18px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #FFFFFF;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
	opacity: 0;
}
#mainWrap .productsListHome > ul > li:hover .overView,
#mainWrap .productsListHome > ul > li.open .overView{opacity: 1;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#mainWrap .productsListHome > ul > li .overView{
		height: calc( 175 * (100vw / 1120));
		padding: calc( 15 * (100vw / 1120)) calc( 18 * (100vw / 1120));
	}
}

#mainWrap .productsListHome > ul > li .overView .img{display: none;}
#mainWrap .productsListHome > ul > li .overView .name{display: none;}
#mainWrap .productsListHome > ul > li .overView .name{display: none;}
#mainWrap .productsListHome > ul > li .overView .btnCloseIcon{display: none;}
#mainWrap .productsListHome > ul > li .overView .btnClose{display: none;}
#mainWrap .productsListHome > ul > li .btnClose{display: none;}

#mainWrap .productsListHome > ul > li .overView .detail{
	height: 120px;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: -0.05em;
	word-break: break-all;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#mainWrap .productsListHome > ul > li .overView .detail{
		height: calc( 120 * (100vw / 1120));
		font-size: calc( 14 * (100vw / 1120));
	}
}

#mainWrap .productsListHome > ul > li .overView .btnArea{
	display: table;
	width: 190px;
	margin: 0 auto;
}
#mainWrap .productsListHome > ul > li .overView .btnArea > li{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	text-align: center;
}
#mainWrap .productsListHome > ul > li .overView .btnArea > li.btnMore{ padding-right: 5px;}
#mainWrap .productsListHome > ul > li .overView .btnArea > li.btnGoCart{ padding-left: 5px;}

#mainWrap .productsListHome > ul > li .overView .btnArea > li.btnMore > a{
    display: block;
	width: 100%; height: 30px;
	border:1px solid #cc2424;
	background: #FFFFFF;
	color: #cc2424;
	font-size: 14px;
	text-decoration: none;
	line-height: 28px;
	letter-spacing: -0.05em;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#mainWrap .productsListHome > ul > li .overView .btnArea > li.btnGoCart > a{
    display: block;
	width: 100%; height: 30px;
	background: #cc2424;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
	line-height: 30px;
	letter-spacing: -0.05em;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#mainWrap .productsListHome > ul > li .overView .btnArea > li > a:hover{opacity: .6;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#mainWrap .productsListHome > ul > li .overView .btnArea{ width: calc( 190 * (100vw / 1120));}
	#mainWrap .productsListHome > ul > li .overView .btnArea > li.btnGoCart > a {
		font-size: calc( 14 * (100vw / 1120));
		height: calc( 28 * (100vw / 1120));
		line-height: calc( 29 * (100vw / 1120));
	}
	#mainWrap .productsListHome > ul > li .overView .btnArea > li.btnMore > a {
		font-size: calc( 14 * (100vw / 1120));
		height: calc( 30 * (100vw / 1120));
		line-height: calc( 30 * (100vw / 1120));
	}
}



/* infoAreaSP *************************/
#mainWrap .infoAreaSP{display: none;}


/* columnArea *************************/
#mainWrap .columnArea{
	display: block;
	max-width: 1140px;
	margin: 0 auto;
	padding:0 10px 60px;
}

#mainWrap .columnArea .ttl{
	display: block;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	text-align: left;
}

#mainWrap .columnArea .ttl > .fcRed{
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	color: #e80024;
	padding-left: 20px;
}


#mainWrap .columnList{display: block;}
#mainWrap .columnList > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
}

#mainWrap .columnList > ul > li{
	display: block;
	width: 20.53571428571429%;
	margin-right: 1.78571428571429%;
	margin-bottom: 20px;
}
#mainWrap .columnList > ul > li:nth-child(4n){margin-right: 0;}

#mainWrap .columnList > ul > li > a{
	display: block;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#mainWrap .columnList > ul > li > a:hover{opacity: .6;}

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



/* relationSiteArea *************************/
#mainWrap .relationSiteArea{
	display: block;
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 10px 60px;
}

#mainWrap .relationSiteArea .ttlArea{
	display: table;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbdbdb;
}

#mainWrap .relationSiteArea .ttl{
	display: table-cell;
	width: 45%;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	vertical-align: middle;
	text-align: left;
}

#mainWrap .relationSiteArea .ttlArea > p{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

#mainWrap .relationSiteArea .ttlArea > p >  a{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
    background: url(../img/common/icon_arrow_green.svg) 0 3px no-repeat;
    background-size: auto 11px;
	padding-left: 12px;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#mainWrap .relationSiteArea .ttlArea > p >  a:hover{opacity: .6;}


#mainWrap .relationSiteList{display: block;}
#mainWrap .relationSiteList > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
}

#mainWrap .relationSiteList > ul > li{
	display: block;
	width: 145px;
	margin: 0 20px 20px 0;
}
#mainWrap .relationSiteList > ul > li:nth-child(6n){margin-right: 0;}

#mainWrap .relationSiteList > ul > li > a{
	display: block;
	text-decoration: none;
	color: #000000;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#mainWrap .relationSiteList > ul > li > a:hover{opacity: .6;}

#mainWrap .relationSiteList > ul > li > a > .img{
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#mainWrap .relationSiteList > ul > li > a > .img > img{display: block; width: 100%; height: auto;}

#mainWrap .relationSiteList > ul > li > a > .text{
	display: block;
	font-size: 12px;
	line-height: 1.4;
}

/**************************************
loginSection
**************************************/
#loginSection{
	max-width: 1140px;
	padding: 0 10px 100px;
	margin: 0 auto;
}

#loginSection > .inner{}
#loginSection > .inner .subttl{font-size: 18px;}

#loginSection > .inner > .loginArea{
	display: block;
	width: 50%;
	border: 1px solid #d2d2d2;
	padding: 20px 20px 30px;
	float: left;
}

#loginSection > .inner > .loginArea .formArea > dl > dd{
}
#loginSection > .inner > .loginArea .formArea > dl > dd input{
	width: calc(100% - 110px);
}

#loginSection > .inner > .entryArea{
	display: block;
	width: 45%;
	border: 1px solid #d2d2d2;
	padding: 20px;
	text-align: center;
	float: right;
}

#loginSection > .inner > .entryArea .smallView{display: none;}

#loginSection > .inner > .entryArea  .subttl{text-align: center;}

#loginSection > .inner > .entryArea  .btnGreen{width: calc(100% - 110px); margin: 0 auto;}
#loginSection > .inner > .entryArea  .btnGreen{margin-bottom: 20px;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#loginSection > .inner > .loginArea .formArea > dl > dd input{width: calc(100% - 110 * (100vw / 1140));}
	#loginSection > .inner > .loginArea{padding-right: calc( 40 * (100vw / 1140));}
	#loginSection > .inner > .entryArea{padding-left: calc( 40 * (100vw / 1140));}
	#loginSection > .inner > .entryArea  .btnGreen{width: calc(100% - 110 * (100vw / 1140));}
}
@media screen and (min-width:769px) and ( max-width:960px){
	#loginSection > .inner > .entryArea .smallView{display: block;}
}


#loginSection > .inner > .entryArea  .orMsg{display: none;}


#loginSection > .inner > .entryArea .lede{
	font-size: 14px;
	line-height: 1.8;
	margin-bottom: 15px;
}

#loginSection > .inner > .entryArea .lede > .fcRed{
	color: #e7002e;
	font-weight: 700;
}

#loginSection > .inner > .entryArea .lede > .marker{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	font-weight: 700;
}

#loginSection > .inner > .entryArea .yjapan{
	display: table;
	margin: 0 auto 15px;
	padding: 10px;
	border: 1px dotted #d2d2d2;
}

#loginSection > .inner > .entryArea .yjapan > dt{
	display: table-cell;
	vertical-align: middle;
	width: 55px;
	padding: 0 15px 0 0;
}
#loginSection > .inner > .entryArea .yjapan > dd{
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	white-space: nowrap;
}

#loginSection > .inner > .entryArea .yjapan > dt > img{display: block; width: 100%; height: auto;}

@media screen and (min-width:769px) and ( max-width:840px) {
	#loginSection > .inner > .entryArea .yjapan > dd{ font-size: calc( 14 * (100vw / 840));}
}


/**************************************
stepFlow
**************************************/
.stepFlow{
	max-width: 1140px;
	margin: 0 auto;
	padding: 20px 10px 0;
}

.stepFlow ol {
	display: table;
	width: 100%;
	height: 60px;
	border: 1px solid #dbdbdb;
	overflow: hidden;
}
.stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 58px;
	background: #ffffff;
	font-size: 15px;
	text-align: center;
	padding: 0 0 0 15px;
	position: relative;
	vertical-align: middle;
}
.stepFlow ol li::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 15px solid transparent;
	border-left: 15px solid #ffffff;
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.stepFlow ol li::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-right: 15px solid transparent;
	border-left: 15px solid #dbdbdb;
	position: absolute;
	right: -31px;
	top: -1px;
	z-index: 1;
}
.stepFlow ol li:last-child::before, .stepFlow ol li:last-child::after { display: none;}

.stepFlow ol li.current {
	background: #cc2424;
	color: #FFFFFF;
}
.stepFlow ol li.current::after {
	border-left-color: #cc2424;
}

/**************************************
orderSection
**************************************/
#orderSection{
	max-width: 1140px;
	padding: 0 10px 100px;
	margin: 0 auto;
}

#orderSection > .inner{}

/**************************************
orderArea
**************************************/

#orderSection > .inner > .orderArea{
	display: block;
	width: 70%;
	padding-right: 70px;
	float: left;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#orderSection > .inner > .orderArea{padding-right: calc( 70 * (100vw / 1140));}
}

#orderSection > .inner > .orderArea .btnArea{
	padding-top: 25px;
	width: 350px;
}

#orderSection > .inner > .underBtnArea{
	padding-top: 25px;
	width: 350px;
	float: left;
}

#orderSection > .inner > .underBtnArea > ul{display: block;}
#orderSection > .inner > .underBtnArea > ul > li{
	margin-bottom: 10px;
}
#orderSection > .inner > .underBtnArea > ul > li:nth-last-of-type(1){margin-bottom: 0;}


/**************************************
asidetArea
**************************************/
#orderSection > .inner > .asidetArea{
	display: block;
	width: 30%;
	float: right;
}

/**** supportBox ***********************/
#orderSection > .inner > .asidetArea .supportBox{
	border: 1px solid #d2d2d2;
	padding: 25px 20px;
	margin-bottom: 30px;
	text-align: left;
}
#orderSection > .inner > .asidetArea .supportBox > .subttl{margin-bottom: 15px;}
#orderSection > .inner > .asidetArea .supportBox > p{font-size: 14px; margin-bottom: 15px; line-height: 1.4;}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#orderSection > .inner > .asidetArea .supportBox{ padding: calc(25 * (100vw / 1120)) calc(20 * (100vw / 1120));}
	#orderSection > .inner > .asidetArea .btnGreen > a{font-size: calc(14 * (100vw / 1120));}
}


/**************************************
#sideCart
**************************************/
#sideCart{
	border: 1px solid #d2d2d2;
	padding: 25px 20px;
	margin-bottom: 30px;
	text-align: left;
}

#sideCart > .inner{}

#sideCart > .inner > .subttl > a{
	display: inline-block;
	color: #000000;
	text-decoration: underline;
	font-weight: 400;
	line-height: 14px;
	float: right;
}
#sideCart > .inner > .subttl > a:hover{opacity: .6;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#sideCart{ padding: calc(25 * (100vw / 1120)) calc(20 * (100vw / 1120));}
	#sideCart > .inner > .subttl > a > .pcView{ display: none;}
}


/*** sideCartList  *****************/
#sideCart > .inner ul.sideCartList{ display: block;}

#sideCart > .inner ul.sideCartList > li{
	display: block;
	padding: 15px 0;
	border-top: 1px solid #d2d2d2;
}

#sideCart > .inner ul.sideCartList > li > a{
	display: block;
	width: 100%;
	min-height: 72px;
	text-decoration: none;
	color: #000000;
	position: relative;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#sideCart > .inner ul.sideCartList > li > a:hover{opacity: .6;}

#sideCart > .inner ul.sideCartList > li > a > .img{
	display: block;
	width: 72px;
	height: 72px;
	position: absolute;
	left: 0; top: 0;
	overflow: hidden;
}
#sideCart > .inner ul.sideCartList > li > a > .img > img{ display: block; width: 100%; height: auto;}

#sideCart > .inner ul.sideCartList > li > a > .text{
	display: inline-block;
	width: 100%;
	word-break: break-all;
	vertical-align: middle;
	text-align: left;
	padding-left: 87px;
}

#sideCart > .inner ul.sideCartList > li > a > .text > .name{
	font-size: 14px;
	color: #000000;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px;
}
#sideCart > .inner ul.sideCartList > li > a:hover > .text > .name{
	text-decoration: underline;
}

#sideCart > .inner ul.sideCartList > li > a > .text > ul.skuInfo{ display: block;}
#sideCart > .inner ul.sideCartList > li > a > .text > ul.skuInfo > li{
	display: table;
	padding-bottom: 2px;
	line-height: 1.4;
	font-size: 14px;
	text-align: left;
}
#sideCart > .inner ul.sideCartList > li > a > .text > ul.skuInfo > li > span{
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#sideCart > .inner ul.sideCartList > li > a > .text > ul.skuInfo > li > span:first-child{ white-space: nowrap;}
#sideCart > .inner ul.sideCartList > li > a > .text > ul.skuInfo > li > span:first-child::after{
	content: '\：';
	display: inline-block;
}

#sideCart > .inner ul.sideCartList > li > a > .text > .price{display: block; padding-bottom: 2px;}

#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl{display: table;}
#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dt,
#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dd{
	display: table-cell;
	float: left;
	line-height: 1.4;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}
#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dt::after{
	content: '\：';
	display: inline-block;
}
#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dd > span{
	display: block;
}
#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dd > span.salePrice{ color: #e7002e;}
#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dd > span.originalPrice{ text-decoration: line-through;}


#sideCart > .inner ul.sideCartList > li > a > .text > .quantity{display: block;}

#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl{display: table;}
#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl > dt,
#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl > dd{
	display: table-cell;
	line-height: 1.4;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
}
#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl > dt{ white-space: nowrap;}
#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl > dt::after{
	content: '\：';
	display: inline-block;
}


#sideCart > .inner ul.sideCartList > li > a > .total{ padding-top: 5px;}
#sideCart > .inner ul.sideCartList > li > a > .total > dl{
	display: table;
	margin: 0 0 0 auto;
}
#sideCart > .inner ul.sideCartList > li > a > .total > dl > dt,
#sideCart > .inner ul.sideCartList > li > a > .total > dl > dd{
	display: table-cell;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-align: right;
	vertical-align: bottom;
}
#sideCart > .inner ul.sideCartList > li > a > .total > dl > dt::after{
	content: '\：';
	display: inline-block;
}
#sideCart > .inner ul.sideCartList > li > a > .total > dl.optionPrice{padding-top: 5px;}

#sideCart > .inner ul.sideCartList > li > a > .total > dl > dd{min-width: 5em; white-space: nowrap;}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#sideCart > .inner ul.sideCartList > li > a > .text > ul.skuInfo > li > span{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dt,
	#sideCart > .inner ul.sideCartList > li > a > .text > .price > dl > dd{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl > dt,
	#sideCart > .inner ul.sideCartList > li > a > .text > .quantity > dl > dd{font-size: calc(14 * (100vw / 1120));}
}

/*** subtotal  *****************/
#sideCart > .inner > .subtotal{
	display: table;
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #d2d2d2;
	font-size: 14px;
}

#sideCart > .inner > .subtotal > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
}
#sideCart > .inner > .subtotal > dd{
	display: table-cell;
	text-align: right;
}

/*** otherPrice  *****************/
#sideCart > .inner > .otherPrice{
	display: table;
	width: 100%;
	padding: 15px 0;
	border-top: 1px solid #d2d2d2;
	font-size: 14px;
}

#sideCart > .inner > .otherPrice > dl.coupon{
	display: table;
	width: 100%;
	font-size: 14px;
	margin-bottom: 15px;
}
#sideCart > .inner > .otherPrice > dl.coupon > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
}
#sideCart > .inner > .otherPrice > dl.coupon > dt > span{
	font-weight: 400;
	font-size: 12px;
}

#sideCart > .inner > .otherPrice > dl.coupon > dd{
	display: table-cell;
	text-align: right;
	color: #e7002e;
	white-space: nowrap;
	vertical-align: bottom;
}

#sideCart > .inner > .otherPrice > dl.delive{
	display: block;
	margin-bottom: 15px;
}

#sideCart > .inner > .otherPrice > dl.delive > dt{
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
}

#sideCart > .inner > .otherPrice > dl.delive > dd{
	display: table;
	width: 100%;
	padding-top: 10px;
}
#sideCart > .inner > .otherPrice > dl.delive > dd > span{
	display: table-cell;
	vertical-align: middle;
}
#sideCart > .inner > .otherPrice > dl.delive > dd > span:first-child{
	text-align: left;
}
#sideCart > .inner > .otherPrice > dl.delive > dd > span.orderQuickMsg{
	text-align: left !important;
}
#sideCart > .inner > .otherPrice > dl.delive > dd > span > a{
	display: inline-block;
	color: #000000;
	text-decoration: none;
}
#sideCart > .inner > .otherPrice > dl.delive > dd > span > a > span{color: #000000; text-decoration: underline; padding-left: 5px;}

#sideCart > .inner > .otherPrice > dl.delive > dd > span > a:hover{text-decoration: underline; opacity: .6;}

#sideCart > .inner > .otherPrice > dl.delive > dd > span:last-child{
	text-align: right;
}


#sideCart > .inner > .otherPrice > dl.tax{
	display: table;
	width: 100%;
	font-size: 14px;
}

#sideCart > .inner > .otherPrice > dl.tax > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
}
#sideCart > .inner > .otherPrice > dl.tax > dd{
	display: table-cell;
	text-align: right;
}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#sideCart > .inner > .otherPrice > dl.coupon > dt{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.coupon > dt > span{font-size: calc(12 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.coupon > dd{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.delive{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.delive > dt > span{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.delive > dd{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.tax{font-size: calc(14 * (100vw / 1120));}
	#sideCart > .inner > .otherPrice > dl.tax > dd{font-size: calc(14 * (100vw / 1120));}
}


/*** total  *****************/
#sideCart > .inner > .total{
	display: table;
	width: 100%;
	padding: 15px 0 0;
	border-top: 1px solid #d2d2d2;
	font-size: 18px;
	font-weight: 700;
}

#sideCart > .inner > .total > dt{
	display: table-cell;
	text-align: left;
}
#sideCart > .inner > .total > dd{
	display: table-cell;
	text-align: right;
}


/*** asideCartCloseBtn  *****************/
#sideCart #asideCartCloseBtn{display: none;}



/**************************************
shopSearchArea
**************************************/
#shopSearchArea{
	display: block;
	width: 540px;
	max-height: 80vh;
	padding: 30px 0;
	border-radius: 8px;
	background: #ffffff;
	position: fixed;
	left: 50%;
	top: 10vh;
	margin-left: -270px;
	z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(0,200vh);
    -moz-transform: translate(0,200vh);
    -o-transform: translate(0,200vh);
    transform: translate(0,200vh);
	overflow: hidden;
}

#shopSearchArea.open{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
	opacity: 1;
}

#shopSearchArea > .btnCloseIcon{
	display: block;
	width: 20px; height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
#shopSearchArea > .btnCloseIcon img{display: block; width: 100%; height: auto;}

#shopSearchClose.btnClose{display: none;}


/*** shopSearchHead ********************/
#shopSearchArea .shopSearchHead{
	min-height: 40px;
	padding: 0 30px 19px;
	border-bottom: 1px solid #dbdbdb;
}

#shopSearchArea .shopSearchHead  > h3{
	font-size: 18px;
	font-weight: 700;
	color: #cc2424;
}

#shopSearchArea .searchConditions{
	display: none;
	margin-top: 12px;
	height: 30px;
}
#shopSearchArea .searchConditions.open{display: block;}

#shopSearchArea .searchConditions > dl{
	display: table;
}
#shopSearchArea .searchConditions > dl > dt{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	font-weight: 700;
}
#shopSearchArea .searchConditions > dl > dt::after{
	content: '\：';
}

#shopSearchArea .searchConditions > dl > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
	padding-left: 10px;
}

#shopSearchArea .searchConditions > dl > dd > ol{}
#shopSearchArea .searchConditions > dl > dd > ol > li{
	display: inline-block;
}
#shopSearchArea .searchConditions > dl > dd > ol > li:nth-child(1)::after{
	content: '\＞';
	padding-left: 5px;
}


#shopSearchArea .searchConditions > dl > dd#shopSearchReset{
	padding-left: 10px;
	width: 120px;
}
#shopSearchArea .searchConditions > dl > dd#shopSearchReset > span{
	display: block;
	width: 100%;
	line-height: 30px;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	background: #efefef;
	border-radius: 4px;
	cursor: pointer;
}
#shopSearchArea .searchConditions > dl > dd#shopSearchReset > span:hover{
	text-decoration: underline;
}

/*** shopSearchFirst ********************/
#shopSearchFirst {
	display: block;
	width: 100%;
	max-height: calc(80vh - 70px);
	padding: 20px 30px;
	overflow-y: auto;
}

#shopSearchFirst.lock{overflow: hidden;}

#shopSearchFirst .btnGreen{width: 320px;}

#shopSearchFirst .areaSearch{
	margin-bottom: 30px;
}

#shopSearchFirst > .orMsg{
	display: block;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	line-height: 14px;
	text-align: center;
	margin-bottom: 30px;
}

#shopSearchFirst > .orMsg::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px dotted #d2d2d2;
	position: absolute;
	top: 6px;
}

#shopSearchFirst > .orMsg > span{
	background: #FFFFFF;
	padding: 0 10px;
	position: relative;
	z-index: 1;
}

/*** shopSearchFirst ********************/
#shopSearchSecond {
	display: block;
	width: 100%;
	position: absolute;
	top: 110px;
	left: 0;
	background: #FFFFFF;
	height: calc(100% - 110px);
	padding: 0 30px;
	z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(0,200vh);
    -moz-transform: translate(0,200vh);
    -o-transform: translate(0,200vh);
    transform: translate(0,200vh);
	overflow-y: auto;
}
#shopSearchSecond.open{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
	opacity: 1;
}

#shopSearchSecond .shopSearchResult{
	padding: 20px 0;
}

#shopSearchSecond .shopSearchResult > ul{display: block;}

#shopSearchSecond .shopSearchResult > .quickMessage > p{
	font-size: 14px;
	margin-bottom: 5px;
	word-wrap: break-word;
}

#shopSearchSecond .shopSearchResult > .quickMessage > p:first-child {
    color: #000000;
    text-decoration: none;
    padding-top: 10px;
    padding-left: 45px;
    background: url(../img/common/icon_quick.png) 0 center no-repeat;
    background-size: auto;
}

#shopSearchSecond .shopSearchResult > ul > li{
	display: block;
	padding: 20px;
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}

#shopSearchSecond .shopSearchResult > ul > li > .icon_quick{
	background-size: auto;
    background: url(../img/common/icon_quick.png) 0 center no-repeat;
    width: 45px;
    height:22px;
    position: absolute;
}

#shopSearchSecond .shopSearchResult > ul > li > div{margin-left: 45px}

#shopSearchSecond .shopSearchResult > ul > li > div > .name{
	font-size: 18px;
	color: #cc2424;
	margin-bottom: 15px;
	word-wrap: break-word;
}

#shopSearchSecond .shopSearchResult > ul > li  > div > dl{
	display: table;
	margin-bottom: 8px;
}
#shopSearchSecond .shopSearchResult > ul > li> div  > dl > dt,
#shopSearchSecond .shopSearchResult > ul > li> div  > dl > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 14px;
}

#shopSearchSecond .shopSearchResult > ul > li > div > dl > dt::after{
	content: '\：';
}

#shopSearchSecond .shopSearchResult > ul > li > div > .address{
	font-size: 14px;
	margin-bottom: 8px;
}

#shopSearchSecond .shopSearchResult > ul > li > div > .btnGreen{
	padding-top: 10px;
	width: 130px;
}

#shopSearchSecond .shopSearchResult > ul > li > div > .btnGreen > button {
    display: block;
    width: 100%;
    height: 40px;
    padding: 13px 0;
    background: #cc2424;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
}

#shopSearchSecond .shopSearchResult > ul > li > div > .storeStatus{
	font-size: 14px;
	margin-bottom: 8px;
	font-weight: 700;
}

/**************************************
addressType
**************************************/
#main #addressType{}

#addressType > #deliveNoSelect{
	display: none;
	width: 100%;
	border: 4px solid #d2d2d2;
	text-align: center;
	padding: 30px;
	font-size: 18px;
}
#addressType > #deliveNoSelect{display: none;}
#addressType > #deliveNoSelect.open{display: block;}

#addressType > #addressSelectType{display: none;}
#addressType > #addressSelectType.open{display: block;}
#addressType > .addressSelectTypeClass{display: none;}
#addressType > .addressSelectTypeClass.open{display: block;}

#main #addressInput{display: none;}
#main #addressInput.open{display: block;}

#addressType > #shopSelectType{display: none;}
#addressType > #shopSelectType.open{display: block;}
#addressType > .shopSelectTypeClass{display: none;}
#addressType > .shopSelectTypeClass.open{display: block;}

#addressType > #sevenSelectType{display: none;}
#addressType > #sevenSelectType.open{display: block;}
#addressType > .sevenSelectTypeClass{display: none;}
#addressType > .sevenSelectTypeClass.open{display: block;}

/*** FujiFilm V5 Custom start ****/
/*** #9553課題支払方法表示対応※支払い方法表示ルール ****/
#addressType > #postatlabSelectType{display: none;}
#addressType > #postatlabSelectType.open{display: block;}
#addressType > .postatlabSelectTypeClass{display: none;}
#addressType > .postatlabSelectTypeClass.open{display: block;}
/*** FujiFilm V5 Custom end ****/

#main #cardInfoInput{display: none;}
#main #cardInfoInput.open{display: block;}


#addressType .shopSelectArea{
	margin-bottom: 25px;
}

#addressType .shopSelectArea .errMsg{padding-top: 10px;}

#addressType .shopSelectBox{}

#addressType .shopSelectBox > dt{
	font-size: 14px;
	margin-bottom: 10px;
	font-weight: 700;
}

#addressType .shopSelectBox > dd{
	display: table;
}

#addressType .shopSelectBox > dd > p{
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
}
#addressType .shopSelectBox > dd > button.sevenShopSearchOpen,
#addressType .shopSelectBox > dd > p.shopSearchOpen{
	width: 80px;
}
#addressType .shopSelectBox > dd > button.sevenShopSearchOpen > span,
#addressType .shopSelectBox > dd > p.shopSearchOpen > span{
	display: block;
    width: 100%;
    height: 40px;
	line-height: 40px;
    background: #cc2424;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    -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;
}
#addressType .shopSelectBox > dd > button.sevenShopSearchOpen> span:hover{opacity: .6;}
#addressType .shopSelectBox > dd > p.shopSearchOpen > span:hover{opacity: .6;}
#addressType .shopSelectBox > dd > p.selectShopName{
	padding-left: 20px;
}

/**************************************
orderConfirm
**************************************/

#orderConfirm{
	display: block;
	width: 100%;
	padding-bottom: 60px;
}

#orderConfirm > .inner{
	display: block;
	width: 100%;
	max-width: 1140px;
	padding: 0 10px;
	margin: 0 auto;
}

/*** topBtnArea ***************/
#orderConfirm .topBtnArea{
	width: 100%;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 40px;
}

#orderConfirm .topBtnArea > p{
	font-size: 18px;
	color: #ff0033;
	padding-bottom: 40px;
}

#orderConfirm .topBtnArea > p.attention{
	font-weight:bold;
}

#orderConfirm .topBtnArea > p.attention > .attentionText{
	display:inline-block;
	text-align:left;
}

#orderConfirm .topBtnArea > .btnGreen{
	width: 345px;
	margin: 0 auto 20px;
}

/*** bottomBtnArea ***************/
#orderConfirm .bottomBtnArea > p{
    font-size: 18px;
    color: #ff0033;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
}

/*** cautionBox ***************/
#orderConfirm .cautionBox{
	width: 100%;
	padding: 30px;
	margin: 0 auto;
	background: #efefef;
	text-align: left;
}

#orderConfirm .btnArea + .cautionBox{margin-top: 20px;}

#orderConfirm .cautionBox > dl{
	display: block;
}

#orderConfirm .cautionBox > dl > dt{
	font-size: 14px;
	line-height: 1.4;
	margin: 20px 0 0 0;
	font-weight: 500;
}
#orderConfirm .cautionBox > dl > dt:first-child{margin-top: 0;}

#orderConfirm .cautionBox > dl > dd{
	display: block;
	font-size: 14px;
	line-height: 1.4;
	margin: 10px 0 0 0;
	padding-left: 1em;
	text-indent: -1em;
}
#orderConfirm .cautionBox > dl > dd::before{
	content: '\・';

}


/*** totalPrice ***************/
#orderConfirm .orderInfoList{}

#orderConfirm .orderInfoList > dl{
	display: block;
	margin-bottom: 30px;
	width: 50%;
}

#orderConfirm .orderInfoList > dl > dt{
	display: block;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}

#orderConfirm .orderInfoList > dl > dt > a{
	display: inline-block;
	float: right;
	color: #000000;
	font-weight: 400;
	text-decoration: underline;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#orderConfirm .orderInfoList > dl > dt > a:hover{opacity: .6;}

#orderConfirm .orderInfoList > dl > dd:first-of-type{
	border-top: 1px solid #d2d2d2;
}

#orderConfirm .orderInfoList > dl > dd{
	padding: 20px;
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 1.6;
}
#orderConfirm .orderInfoList > dl > dd:last-child{
	border-bottom: 1px solid #d2d2d2;
}

/*** btnArea ***************/
#orderConfirm .btnArea{
	width: 345px;
	padding: 10px 0 0;
	margin: 0 auto;
}

/*** btnArea(for Rakuten) ***************/
#orderConfirm div.rakuten{
	width: 240px;
	padding: 0;
	margin: 0 auto;
}

/*** sideCart ***************/
#orderConfirm + #sideCart{display: none;}


/**************************************
Complete
**************************************/
#orderSection .orderArea .ttlComplete{
    font-size: 26px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 30px;
    color: #cc2424;
}

#orderSection .orderArea .ledeComplete > p{
	font-size: 14px;
	margin-bottom: 20px;
	line-height: 1.4;
}

/****orderNum  ***********/
#orderSection .orderArea .orderNum{
	margin-bottom: 30px;
}
#orderSection .orderArea .orderNum > dt{
	font-size: 14px;
	margin-bottom: 10px;
}

#orderSection .orderArea .orderNum > dd{
	font-size: 26px;
	color: #009966;
}

/****contactInfo  ***********/
#orderSection .orderArea .contactInfo{
	border: 1px solid #d2d2d2;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 30px;
}

#orderSection .orderArea .contactInfo > dt{
	margin-bottom: 20px;
}
#orderSection .orderArea .contactInfo > dd{margin-top: 10px;}


/****spCautionBox  ***********/
#orderSection .orderArea .spCautionBox{display: none;}

/**************************************
#sideEntry
**************************************/
#sideEntry{
	border: 1px solid #d2d2d2;
	padding: 25px 20px;
	margin-bottom: 30px;
	text-align: left;
}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#sideEntry{padding: calc(25 * (100vw / 1120)) calc(20 * (100vw / 1120));}
}

#sideEntry .subttl{
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 20px;
}

#sideEntry .lede{
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 20px;
}

#main #sideEntry .formArea{}

#main #sideEntry .formArea > dl > dt > span{
	font-size: 12px;
}

#main #sideEntry .formArea .nameInput > .inner{
	width: 100%;
}

#main #sideEntry .formArea .nameInput > .inner> dl:first-child { padding-right: 5px;}
#main #sideEntry .formArea .nameInput > .inner> dl:last-child { padding-left: 5px;}

#main #sideEntry .formArea .nameInput > .inner > dl > dt > span{
    font-size: 12px;
}

#sideEntry .cautionLink{
	display: block;
	padding: 0 0 25px 0;
}

#sideEntry .cautionLink > li{
	display: inline-block;
	float: left;
}
#sideEntry .cautionLink > li:first-child{margin-right: 15px;}

#sideEntry .cautionLink > li > a{
	font-size: 14px;
	color: #cc2424;
	text-decoration: none;
	padding-left: 20px;
	line-height: 20px;
	background: url(../img/common/icon_blank_link.svg) 0 center no-repeat;
	background-size: 14px auto;
}
#sideEntry .cautionLink > li > a:hover{text-decoration: underline;}



/**************************************
#cartSection
**************************************/
#cartSection{
	display: block;
	max-width: 1140px;
	padding: 15px 10px 40px;
	margin: 0 auto;
}


/*** toatalPriceView ***************/
#cartSection .toatalPriceView{
	padding: 10px 0;
	margin-bottom: 20px;
}

#cartSection .toatalPriceView > dl{
	display: table;
}
#cartSection .toatalPriceView > dl > dt,
#cartSection .toatalPriceView > dl > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#cartSection .toatalPriceView > dl > dt,
#cartSection .toatalPriceView > dl > dd.price{
	padding-right: 20px;
	font-size: 20px;
	font-weight: 700;
}

#cartSection .toatalPriceView > dl > dd.btn{}

#cartSection .toatalPriceView > dl > dd.btn > a{
	display: block;
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	color: #000000;
	background: url(../img/common/icon_downarrow_green.svg) 10px center no-repeat;
	background-size: 10px auto;
	border: 1px solid #dbdbdb;
	border-radius: 4px;

    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#cartSection .toatalPriceView > dl > dd.btn > a:hover{opacity: .6;}

/*** cartClear ***************/
#cartSection .cartClear{
	padding: 10px 0;
	margin-bottom: 00px;
}

#cartSection .cartClear > dl{
	display: table;
}
#cartSection .cartClear > dl > dt,
#cartSection .cartClear > dl > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#cartSection .cartClear > dl > dt,
#cartSection .cartClear > dl > dd.price{
	padding-right: 20px;
	font-size: 20px;
	font-weight: 700;
}

#cartSection .cartClear > dl > dd.btn{}

#cartSection .cartClear > dl > dd.btn > button{
	display: block;
	padding: 10px 20px 10px 30px;
	font-size: 14px;
	text-decoration: none;
	font-weight: 400;
	color: #000000;
	background: url(../img/common/icon_close.svg) 10px center no-repeat;
	background-size: 10px auto;
	border: 1px solid #dbdbdb;
	border-radius: 4px;

    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#cartSection .cartClear > dl > dd.btn > button:hover{opacity: .6;}



/*** toatalPriceView ***************/
#cartSection .accountSelect{
	display: block;
	width: 100%;
	padding: 30px 30px;
	margin-bottom: 40px;
	border: 1px solid #dbdbdb;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#cartSection .accountSelect{padding: calc(30 * (100vw / 1120)) calc(30 * (100vw / 1120));}
}


#cartSection .accountSelect > dl{
	display: table;
	width: 100%;
}

#cartSection .accountSelect > dl > dt,
#loginSection > div > div > div.amazonPayMsg{
	display: table-cell;
	width: 60%;
	font-size: 15px;
	vertical-align: middle;
	text-align: left;
	padding-left: 20px;
	line-height: 1.4;
	font-weight: 700;
}
#cartSection .accountSelect > dl > dt > span,
#loginSection > div > div > div.amazonPayMsg > span{
	display: block;
	width: 100%;
	font-size: 14px;
	padding-top: 5px;
	font-weight: 400;
}

#cartSection .accountSelect > dl > dd{
	display: table-cell;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: middle;
}
#cartSection .accountSelect > dl > dd > .btnAmazon{}
#cartSection .accountSelect > dl > dd > .btnAmazon img{display: block; width: 100%; height:auto;}

#cartSection .accountSelect > dl > dd > .errMsg{padding-bottom: 10px;}


#cartSection .accountSelect > .orMsg {
    display: block;
    position: relative;
    font-size: 14px;
    line-height:14px;
    text-align: center;
	padding: 20px 0;
}
#cartSection .accountSelect > .orMsg::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dotted #d2d2d2;
    position: absolute;
    top: 27px;
}
#cartSection .accountSelect > .orMsg > span{
	display: inline-block;
	background: #FFFFFF;
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
	z-index: 1;
}

#cartSection .btnBack{width: 400px; margin: 0 auto 0 0;}

/**************************************
.cartItemTable
**************************************/
#main .cartItemTable{
	display: block;
}

#main .cartItemTable .cartItemTableHead{
	display: table;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
}

#main .cartItemTable .cartItemTableHead > li{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 700;
}

#main .cartItemTable .cartItemTableHead > li > a{
	display: inline-block;
	padding-left: 20px;
	text-decoration: underline;
	color: #000000;
	font-weight: 400;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#main .cartItemTable .cartItemTableHead > li > a:hover{
	opacity: .6;
}

#main .cartItemTable .cartItemTableHead > li:nth-child(1){ width: 55%;}
#main .cartItemTable .cartItemTableHead > li:nth-child(2){ width: 10%; text-align: center; }
#main .cartItemTable .cartItemTableHead > li:nth-child(3){ width: 15%; text-align: center; }
#main .cartItemTable .cartItemTableHead > li:nth-child(4){ width: 20%; text-align: right; padding-right: 30px; }


/*** itemList ***************/
#main .cartItemTable .itemList{
	display: block;
}

#main .cartItemTable .itemList > li{
	display: block;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
	padding: 20px 0;
}

#main .cartItemTable .itemList > li > .inner{
	display: table;
	width: 100%;
}

#main .cartItemTable .itemList > li .img{
	display: table-cell;
	width:20%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
	vertical-align: top;
}
#main .cartItemTable .itemList > li .img > img{display: block; width: 100%; height: auto;}

#main .cartItemTable .itemList > li .img > .previewOpen{
	display: block;
	width: 100%;
	height: 100%;
	height: auto;
	position: relative;
	cursor: pointer;
}
#main .cartItemTable .itemList > li .img > .previewOpen::before{
	content: '';
	width: 40px; height: 40px;
	background: url(../img/common/icon_preview.svg) center center no-repeat rgba(255,255,255,.8);
	background-size: 24px auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
#main .cartItemTable .itemList > li .img > .previewOpen::after{
	content: '\プレビュー';
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%; height: 100%;
	text-align: center;
	background: rgba(0,0,0,.6);
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

#main .cartItemTable .itemList > li .img > .previewOpen:hover::after{
	opacity: 1;
}

#main .cartItemTable .itemList > li .img > .previewOpen > img{display: block; width: 100%; height: auto;}

#main .cartItemTable .itemList > li .img .previewSectionArea{}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewSection {
    display: block;
    width: calc(100% - 20px);
    max-width: 1140px;
    max-height: 80vh;
    padding: 40px 0;
    border-radius: 8px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 10vh;
    z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(-50%,200vh);
    -moz-transform: translate(-50%,200vh);
    -o-transform: translate(-50%,200vh);
    transform: translate(-50%,200vh);
    overflow: hidden;
    backface-visibility: hidden;
}

#main .cartItemTable .itemList > li .img .previewSectionArea.open .previewSection {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
	opacity: 1;
}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewSection .previewHead{
	height: 40px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #dbdbdb;
}
#main .cartItemTable .itemList > li .img .previewSection .previewHead > p{
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewSection .previewHead > .btnCloseIcon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#main .cartItemTable .itemList > li .img .previewSectionArea .previewSection .previewHead > .btnCloseIcon img {
    display: block;
    width: 100%;
    height: auto;
}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewImageList{
    display: block;
    width: 100%;
    max-height: calc(80vh - 120px);
    padding: 30px 30px 30px;
    overflow-y: auto;
}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewImageList > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewImageList > ul > li{
	width: 19.2%;
	margin-right: 1%;
	margin-bottom: 10px;
}
#main .cartItemTable .itemList > li .img .previewSectionArea .previewImageList > ul > li:nth-of-type(5n){margin-right: 0;}

#main .cartItemTable .itemList > li .img .previewSectionArea .previewImageList > ul > li > img{display: block; width: 100%; height: auto;}

#main .cartItemTable .itemList > li .img .previewSectionArea .btnClose{display: none;}

#main .cartItemTable .itemList > li .itemInfo{
	display: table-cell;
	width: 35%;
	text-align: left;
	vertical-align: middle;
}
#main .cartItemTable .itemList > li .itemInfo > dl{display: block;}

#main .cartItemTable .itemList > li .itemInfo > dl > dt{
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.4;
}
#main .cartItemTable .itemList > li .itemInfo > dl > dt > a{
	color: #000000;
	text-decoration: none;
}
#main .cartItemTable .itemList > li .itemInfo > dl > dt > a:hover{text-decoration: underline;}

#main .cartItemTable .itemList > li .itemInfo > dl > dd.skuInfo{ display: block;}

#main .cartItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul{display: block;}
#main .cartItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li{
	display: table;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}

#main .cartItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li > span{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#main .cartItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li > span:nth-of-type(1)::after{
	content:'\：';
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}


/*** price ****/
#main .cartItemTable .itemList > li .price{
	display: table-cell;
	width: 10%;
	text-align: center;
	vertical-align: middle;
}
#main .cartItemTable .itemList > li .price > dl{display: block; margin: 0 auto;}
#main .cartItemTable .itemList > li .price > dl > dt{display: none;}
#main .cartItemTable .itemList > li .price > dl > dd{ display: block; font-size: 14px;}
#main .cartItemTable .itemList > li .price > dl > dd > span{
	display: block;
	text-align: center;
}
#main .cartItemTable .itemList > li .price > dl > dd > span.salePrice{ color: #e7002e;}
#main .cartItemTable .itemList > li .price > dl > dd > span.originalPrice{ text-decoration: line-through; padding-top: 10px;}


/*** quantit ****/
#main .cartItemTable .itemList > li .quantity{
	display: table-cell;
	width: 15%;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

#main .cartItemTable .itemList > li .quantity > dl{display: block; margin: 0 auto;}
#main .cartItemTable .itemList > li .quantity > dl > dt{display: none;}
#main .cartItemTable .itemList > li .quantity > dl > dd{ display: block; font-size: 14px;}

#main .cartItemTable .itemList > li .quantity > dl > dd > select{
	max-width: 4em;
	padding-left: 5px;
	padding-right: 5px;
}

#main .cartItemTable .itemList > li .quantity > dl > dd > .stock{
	padding-top: 10px;
}
#main .cartItemTable .itemList > li .quantity > dl > dd > .stock > span{
	display: inline-block;
}
#main .cartItemTable .itemList > li .quantity > dl > dd > .stock > span.stockNum{
	font-weight: 700;
	padding-left: 5px;
}


#main .cartItemTable .itemList > li .quantity > dl > dd > .errMsg{
	padding-top: 10px;
	font-size: 14px;
	margin-bottom: -85px;
	text-align: left;
}
@media screen and (min-width:769px) and ( max-width:1120px) {
	#main .cartItemTable .itemList > li .quantity > dl > dd > .errMsg{
		font-size: calc(14 * (100vw / 1120));
		margin-bottom: calc(-85 * (100vw / 1120));
	}
}

/*** total ****/

#main .cartItemTable .itemList > li .total{
	display: table-cell;
	width:20%;
	text-align: right;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	padding: 0 20px 0 0;
}

#main .cartItemTable .itemList > li .total > dl{
	display: table;
	margin: 0 0 0 auto;
}
#main .cartItemTable .itemList > li .total > dl > dt,
#main .cartItemTable .itemList > li .total > dl > dd{
	display: table-cell;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
}
#main .cartItemTable .itemList > li .total > dl > dt{display: none;}

#main .cartItemTable .itemList > li .total > dl.optionPrice{padding-top: 10px;}
#main .cartItemTable .itemList > li .total > dl.optionPrice > dt{
	display: table-cell;
	font-weight: 400;
	font-size: 14px;
	vertical-align: middle;
	white-space: nowrap;
}
#main .cartItemTable .itemList > li .total > dl.optionPrice > dt::after{
	content: '\：';
	display: inline-block;
}
@media screen and (min-width:769px) and ( max-width:1120px) {
	#main .cartItemTable .itemList > li .total > dl.optionPrice > dt{font-size: calc(14 * (100vw / 1120));}
}

#main .cartItemTable .itemList > li .total > dl.optionPrice > dd{
	display: table-cell;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
	vertical-align: middle;
}

/** btn  *****/
#main .cartItemTable .itemList > li > .cartEditBtnArea{
	display: table;
	width: 100%;
	height: 40px;
	margin-top: 5px;
}

#main .cartItemTable .itemList > li > .cartEditBtnArea > .btnDelete{
	display: table-cell;
	width: 20%;
	height: 40px;
	vertical-align: middle;
	padding: 0 20px;

}

#main .cartItemTable .itemList > li > .cartEditBtnArea > .control{
	display: table-cell;
	height: 40px;
	vertical-align: middle;
}

#main .cartItemTable .itemList > li > .cartEditBtnArea > .control > ul{
	display: table;
}
#main .cartItemTable .itemList > li > .cartEditBtnArea > .control > ul > li{
	display: table-cell;
	vertical-align: middle;
}
#main .cartItemTable .itemList > li > .cartEditBtnArea > .control > ul > li + li:last-child{ padding-left: 10px;}

@media screen and (min-width:769px) and ( max-width:800px) {
	#main .cartItemTable .itemList > li > .cartEditBtnArea > .control > ul > li + li span{display: none;}
}


/*** itemListUnder ***************/
#cartSection .itemListUnder{
	display: table;
	width: 100%;
	padding: 20px 0;
}

#cartSection .itemListUnder > .couponInput{
	display: table-cell;
	width: 55%;
	padding: 0 20px;
	border: none;
	vertical-align: middle;
	text-align: left;
}

#cartSection .itemListUnder > .couponInput .couponInputArea{
	width: 90%;
}
#cartSection .itemListUnder > .couponInput .couponInputArea > label{
	width: calc(90% - 6em);
}


/*** totalPrice ***************/
#main .cartItemTable > .totalPrice{
	padding-left: 55%;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 40px;
}

#orderConfirm .orderItemTable .totalPrice > .subtotal{
	display: table;
	width: 100%;
	padding: 0 20px 20px 20px;
	font-size: 14px;
}


#main .cartItemTable .totalPrice > .subtotal{
	display: table;
	width: 100%;
	padding: 0 20px 20px 20px;
	font-size: 14px;
}

#main .cartItemTable .totalPrice > .subtotal > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
}
#main .cartItemTable .totalPrice > .subtotal > dd{
	display: table-cell;
	text-align: right;
}

#main .cartItemTable .totalPrice > .otherPrice{
	display: block;
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #d2d2d2;
	font-size: 14px;
}

#main .cartItemTable .totalPrice > .otherPrice > dl.coupon{
	display: table;
	width: 100%;
	font-size: 14px;
	padding: 0 20px;
	margin-bottom: 15px;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.coupon > dt{
	display: table-cell;
	text-align: left;
	vertical-align: bottom;
	font-weight: 700;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.coupon > dt > span{
	font-weight: 400;
	font-size: 12px;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.coupon > dd{
	display: table-cell;
	text-align: right;
	vertical-align: bottom;
	color: #e7002e;
	white-space: nowrap;
}

#main .cartItemTable .totalPrice > .otherPrice > dl.tax{
	display: table;
	width: 100%;
	font-size: 14px;
	padding: 0 20px;
}


#main .cartItemTable .totalPrice > .otherPrice > dl.delive{
	display: block;
	padding:0  20px;
	margin-bottom: 15px;
}

#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dt{
	display: block;
	margin-bottom: 5px;
	font-weight: 700;
}

#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd{
	display: table;
	width: 100%;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span{
	display: table-cell;
	vertical-align: middle;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span:first-child{
	text-align: left;
	font-size: 14px;
}

#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span > a{
	display: inline-block;
	color: #000000;
	text-decoration: none;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span > a > span{color: #000000; text-decoration: underline; padding-left: 5px;}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span:first-child{font-size: calc(14 * (100vw / 1120));}
}

#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span > a:hover{text-decoration: underline; opacity: .6;}

#main .cartItemTable .totalPrice > .otherPrice > dl.delive > dd > span:last-child{
	text-align: right;
}

#main .cartItemTable .totalPrice > .otherPrice > dl.tax > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
}
#main .cartItemTable .totalPrice > .otherPrice > dl.tax > dd{
	display: table-cell;
	text-align: right;
}

#main .cartItemTable .totalPrice > .total{
	display: table;
	width: 100%;
	padding: 20px 20px 0;
	border-top: 1px solid #d2d2d2;
	font-size: 18px;
	font-weight: 700;
}

#main .cartItemTable .totalPrice > .total > dt{
	display: table-cell;
	text-align: left;
}
#main .cartItemTable .totalPrice > .total > dd{
	display: table-cell;
	text-align: right;
}


/**************************************
recommendItem
**************************************/
#recommendItem,
#reviewItem
{
	font-size: 14px;
	display: block;
	width: 100%;
	max-width: 1140px;
	padding: 0 10px 40px;
	margin: 0 auto;
}

#recommendItem > .inner,
#reviewItem > .inner
{
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #d2d2d2;
	margin:0 auto;
	position: relative;
}


#recommendItem .recommendItemList{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 25px;
	position: relative;
}
#recommendItem .recommendItemList::before{
	content: '';
	display: block;
	width: 25px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#recommendItem .recommendItemList::after{
	content: '';
	display: block;
	width: 25px;
	height: 100%;
	background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}


#recommendItem .recommendItemList > ul.recommendWrap{
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-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);
	width: 100%;
}

#recommendItem .recommendItemList > ul > li.recommendSlide{
	display: block;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 23.66071428571429%;
	position: relative;
}

#recommendItem .recommendItemList > ul > li > a{
	display: block;
	height: 100%;
	border: 1px solid #dbdbdb;
	position: relative;
	text-decoration: none;
	color: #000000;
	padding: 10px;
	box-sizing: border-box;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#recommendItem .recommendItemList > ul > li > a:hover{opacity: .6;}

#recommendItem .recommendItemList > ul > li > a .img{
	width: 100%;
	position: relative;
}
#recommendItem .recommendItemList > ul > li > a .img > img{
	display: block; width: 100%; height: auto;
}

#recommendItem .recommendItemList > ul > li > a .text{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 261px);
	min-height: 100px;
}

#recommendItem .recommendItemList > ul > li > a .text > dl{
	display: block;
	text-align: center;
}

#recommendItem .recommendItemList > ul > li > a .text dt{
	display: block;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 5px;
	font-weight: 700;
}
#recommendItem .recommendItemList > ul > li > a .text .price,
#recommendItem .recommendItemList > ul > li > a .text .promo{
	display: block;
	font-size: 16px;
	line-height: 1.4;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#recommendItem .recommendItemList > ul > li > a{padding: calc( 10 * (100vw / 1120)) }
	#recommendItem .recommendItemList > ul > li > a .text{
		min-height: calc(100 * (100vw / 1120));
		height:  calc(100% - 261 * (100vw / 1120));
	}
	#recommendItem .recommendItemList > ul > li > a .text dt{font-size: calc( 16 * (100vw / 1120));}
	#recommendItem .recommendItemList > ul > li > a .text .price{font-size: calc( 16 * (100vw / 1120));}
}


#recommendItem .recommendPagination {
	height: 14px;
	margin-top: 18px;
	text-align: center;
	line-height: 1;
}

#recommendItem .recommendPagination .swiper-pagination-bullet {
	margin: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
}
#recommendItem .recommendPagination .swiper-pagination-bullet:last-child {
	margin: 0;
}

#recommendItem .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #b2b2b2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#recommendItem .swiper-pagination-bullet:hover{opacity: .6;}
#recommendItem .swiper-pagination-bullet-active {
	opacity: 1;
	width: 12px;
	height: 12px;
	background: #cc2424;
}
#recommendItem .swiper-pagination-bullet-active:hover{opacity: 1;}


#recommendItem .recommendPrev, #recommendItem .recommendNext{
	display: block;
	width: 50px; height: 50px;
	background-color: #cc2424;
	background-size: 12px 19px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
#recommendItem .recommendNext{
	background-image:url(../img/top/icon_arrow_menuslide_next.svg);
	background-position: center center;
	right: 0;
}
#recommendItem .recommendPrev{
	background-image:url(../img/top/icon_arrow_menuslide_prev.svg);
	background-position: center center;
	left: 0;
}

#recommendItem .recommendPrev:hover, #recommendItem .recommendNext:hover{opacity: .6;}

#recommendItem .recommendPrev.swiper-button-disabled,
#recommendItem .recommendNext.swiper-button-disabled{
	background-color: rgba(204,204,204,.8);
	cursor: default;
}
#recommendItem .recommendPrev.swiper-button-disabled:hover,
#recommendItem .recommendNext.swiper-button-disabled:hover{opacity: 1;}

/**************************************
recentlyViewed
**************************************/
#recentlyViewed{
	display: block;
	width: 100%;
	max-width: 1140px;
	padding: 0 10px 40px;
	margin: 0 auto;
}

#recentlyViewed > .inner{
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #d2d2d2;
	margin:0 auto;
	position: relative;
	z-index: 1;
}


#recentlyViewed .recommendItemList{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 25px;
	position: relative;
}
#recentlyViewed .recommendItemList::before{
	content: '';
	display: block;
	width: 25px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#recentlyViewed .recommendItemList::after{
	content: '';
	display: block;
	width: 25px;
	height: 100%;
	background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}


#recentlyViewed .recommendItemList > ul.recommendWrap{
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-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);
	width: 100%;
}

#recentlyViewed .recommendItemList > ul > li.recommendSlide{
	display: block;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 23.66071428571429%;
	position: relative;
}

#recentlyViewed .recommendItemList > ul > li > a{
	display: block;
	height: 100%;
	border: 1px solid #dbdbdb;
	position: relative;
	text-decoration: none;
	color: #000000;
	padding: 10px;
	box-sizing: border-box;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#recentlyViewed .recommendItemList > ul > li > a:hover{opacity: .6;}

#recentlyViewed .recommendItemList > ul > li > a .img{
	width: 100%;
	position: relative;
}
#recentlyViewed .recommendItemList > ul > li > a .img > img{
	display: block; width: 100%; height: auto;
}

#recentlyViewed .recommendItemList > ul > li > a .text{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 261px);
	min-height: 100px;
}

#recentlyViewed .recommendItemList > ul > li > a .text > dl{
	display: block;
	text-align: center;
}

#recentlyViewed .recommendItemList > ul > li > a .text dt{
	display: block;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 5px;
	font-weight: 700;
}
#recentlyViewed .recommendItemList > ul > li > a .text .price,
#recentlyViewed .recommendItemList > ul > li > a .text .promo{
	display: block;
	font-size: 16px;
	line-height: 1.4;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#recentlyViewed .recommendItemList > ul > li > a{padding: calc( 10 * (100vw / 1120)) }
	#recentlyViewed .recommendItemList > ul > li > a .text{
		min-height: calc(100 * (100vw / 1120));
		height:  calc(100% - 261 * (100vw / 1120));
	}
	#recentlyViewed .recommendItemList > ul > li > a .text dt{font-size: calc( 16 * (100vw / 1120));}
	#recentlyViewed .recommendItemList > ul > li > a .text .price{font-size: calc( 16 * (100vw / 1120));}
}


#recentlyViewed .recommendPagination {
	height: 14px;
	margin-top: 18px;
	text-align: center;
	line-height: 1;
}

#recentlyViewed .recommendPagination .swiper-pagination-bullet {
	margin: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
}
#recentlyViewed .recommendPagination .swiper-pagination-bullet:last-child {
	margin: 0;
}

#recentlyViewed .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #b2b2b2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#recentlyViewed .swiper-pagination-bullet:hover{opacity: .6;}
#recentlyViewed .swiper-pagination-bullet-active {
	opacity: 1;
	width: 12px;
	height: 12px;
	background: #cc2424;
}
#recentlyViewed .swiper-pagination-bullet-active:hover{opacity: 1;}


#recentlyViewed .recommendPrev, #recentlyViewed .recommendNext{
	display: block;
	width: 50px; height: 50px;
	background-color: #cc2424;
	background-size: 12px 19px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
#recentlyViewed .recommendNext{
	background-image:url(../img/top/icon_arrow_menuslide_next.svg);
	background-position: center center;
	right: 0;
}
#recentlyViewed .recommendPrev{
	background-image:url(../img/top/icon_arrow_menuslide_prev.svg);
	background-position: center center;
	left: 0;
}

#recentlyViewed .recommendPrev:hover, #recentlyViewed .recommendNext:hover{opacity: .6;}
#recentlyViewed .recommendPrev.swiper-button-disabled,
#recentlyViewed .recommendNext.swiper-button-disabled{
	background-color: rgba(204,204,204,.8);
	cursor: default;
}
#recentlyViewed .recommendPrev.swiper-button-disabled:hover,
#recentlyViewed .recommendNext.swiper-button-disabled:hover{opacity: 1;}

/**************************************
recommendCart
**************************************/
#recommendCart{
	display: block;
	width: 100%;
	max-width: 1140px;
	padding: 0 10px 40px;
	margin: 0 auto;
}

#recommendCart > .inner{
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #d2d2d2;
	margin:0 auto;
	position: relative;
	z-index: 1;
}


#recommendCart .recommendItemList{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 25px;
	position: relative;
}
#recommendCart .recommendItemList::before{
	content: '';
	display: block;
	width: 25px;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#recommendCart .recommendItemList::after{
	content: '';
	display: block;
	width: 25px;
	height: 100%;
	background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}


#recommendCart .recommendItemList > ul.recommendWrap{
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-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);
	width: 100%;
}

#recommendCart .recommendItemList > ul > li.recommendSlide{
	display: block;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 23.66071428571429%;
	position: relative;
}

#recommendCart .recommendItemList > ul > li > a{
	display: block;
	height: 100%;
	border: 1px solid #dbdbdb;
	position: relative;
	text-decoration: none;
	color: #000000;
	padding: 10px;
	box-sizing: border-box;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

#recommendCart .recommendItemList > ul > li > a:hover{opacity: .6;}

#recommendCart .recommendItemList > ul > li > a .img{
	width: 100%;
	position: relative;
}
#recommendCart .recommendItemList > ul > li > a .img > img{
	display: block; width: 100%; height: auto;
}

#recommendCart .recommendItemList > ul > li > a .text{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: calc(100% - 261px);
	min-height: 100px;
}

#recommendCart .recommendItemList > ul > li > a .text > dl{
	display: block;
	text-align: center;
}

#recommendCart .recommendItemList > ul > li > a .text dt{
	display: block;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 5px;
	font-weight: 700;
}
#recommendCart .recommendItemList > ul > li > a .text .price,
#recommendCart .recommendItemList > ul > li > a .text .promo{
	display: block;
	font-size: 16px;
	line-height: 1.4;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#recommendCart .recommendItemList > ul > li > a{padding: calc( 10 * (100vw / 1120)) }
	#recommendCart .recommendItemList > ul > li > a .text{
		min-height: calc(100 * (100vw / 1120));
		height:  calc(100% - 261 * (100vw / 1120));
	}
	#recommendCart .recommendItemList > ul > li > a .text dt{font-size: calc( 16 * (100vw / 1120));}
	#recommendCart .recommendItemList > ul > li > a .text .price{font-size: calc( 16 * (100vw / 1120));}
}


#recommendCart .recommendPagination {
	height: 14px;
	margin-top: 18px;
	text-align: center;
	line-height: 1;
}

#recommendCart .recommendPagination .swiper-pagination-bullet {
	margin: 0 10px 0 0;
	cursor: pointer;
	vertical-align: middle;
}
#recommendCart .recommendPagination .swiper-pagination-bullet:last-child {
	margin: 0;
}

#recommendCart .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	display: inline-block;
	border-radius: 100%;
	background: #b2b2b2;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#recommendCart .swiper-pagination-bullet:hover{opacity: .6;}
#recommendCart .swiper-pagination-bullet-active {
	opacity: 1;
	width: 12px;
	height: 12px;
	background: #cc2424;
}
#recommendCart .swiper-pagination-bullet-active:hover{opacity: 1;}


#recommendCart .recommendPrev, #recommendCart .recommendNext{
	display: block;
	width: 50px; height: 50px;
	background-color: #cc2424;
	background-size: 12px 19px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	cursor: pointer;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index: 1;
}
#recommendCart .recommendNext{
	background-image:url(../img/top/icon_arrow_menuslide_next.svg);
	background-position: center center;
	right: 0;
}
#recommendCart .recommendPrev{
	background-image:url(../img/top/icon_arrow_menuslide_prev.svg);
	background-position: center center;
	left: 0;
}

#recommendCart .recommendPrev:hover, #recommendCart .recommendNext:hover{opacity: .6;}

#recommendCart .recommendPrev.swiper-button-disabled,
#recommendCart .recommendNext.swiper-button-disabled{
	background-color: rgba(204,204,204,.8);
	cursor: default;
}
#recommendCart .recommendPrev.swiper-button-disabled:hover,
#recommendCart .recommendNext.swiper-button-disabled:hover{opacity: 1;}


/**************************************
#productSection
**************************************/
#productSection{
	display: block;
	width: 100%;
	max-width: 1140px;
	padding: 0 10px 40px;
	margin: 0 auto;
}
#productSection .searchResultWrap{display: block; width: 100%;}

/**************************************
#searchResultSection
**************************************/
#searchResultAside{
	display: block;
	width: 30%;
	float: left;
}

#searchResultAside .viewCount{
	font-size: 14px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 20px;
}


/**************************************
#sideCartegory
**************************************/
#sideCartegory{
	margin-bottom: 30px;
}

#sideCartegory .ttlSideCartegory{
	font-size: 20px;
	text-align: left;
	font-weight: 700;
	line-height: 1.4;
}

#sideCartegory #btnSideCategoryOpen{display: none;}

#sideCartegory  #sideCartegoryList{
	display: block;
	border-bottom: 1px solid #d2d2d2;
}

#sideCartegory  #sideCartegoryList .sideCartListTTL{display: none;}

#sideCartegory  #sideCartegoryList > .level-2{}

#sideCartegory  #sideCartegoryList > .level-2 > ul{}

#sideCartegory  #sideCartegoryList > .level-2 > ul > li{
	border-top: 1px solid #d2d2d2;
	padding: 10px 0;
}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li > .btnPlus{display: none;}


#sideCartegory  #sideCartegoryList > .level-2 > ul > li > a{
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	padding: 10px 5px 10px;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li > a:hover{
	text-decoration: underline;
	opacity: .6;
}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li.current > a{display: block; color: #cc2424; }

#sideCartegory  #sideCartegoryList > .level-2 > ul > li  .level-3{display: block;}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li  .level-3 > li{}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li > .level-3 > li > a{
    display: inline-block;
	padding: 5px 10px 5px 24px;
    font-size: 14px;
	line-height: 1.4;
    color: #000000;
    text-decoration: none;
    background: url(../img/common/icon_arrow_green.svg) 10px 8px no-repeat;
    background-size: auto 11px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li > .level-3 > li > .level-3 > li > a{
    display: inline-block;
	padding: 5px 10px 5px 24px;
	margin-left: 10px;
    font-size: 12px;
	line-height: 1.4;
    color: #000000;
    text-decoration: none;
    background: url(../img/common/icon_arrow_green.svg) 10px 8px no-repeat;
    background-size: auto 11px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li  .level-3 > li > a:hover{
	text-decoration: underline;
	opacity: .6;
}
#sideCartegory  #sideCartegoryList > .level-2 > ul > li  .level-3 > li.current > a{
	display: block;
	color: #000000;
	font-weight: 700;
	background-color: #effcf9;
	border-top: 2px solid #FFFFFF;
}


#sideCartegory #sideCategoryClose{display: none;}

/**************************************
#searchResultRefinement
**************************************/
#searchResultRefinement{}

/**************************************
#checkedCondition
**************************************/
#searchResultRefinement #checkedCondition{
	display: block;
}

#searchResultRefinement #checkedCondition > .inner{
	display: none;
	padding: 20px; border-bottom: 1px solid #d2d2d2;
}

#searchResultRefinement #checkedCondition > .inner > h2{
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #000000;
	padding-bottom: 10px;
}

#searchResultRefinement #checkedCondition > .inner > dl{
	display: none;
}
#searchResultRefinement #checkedCondition > .inner > dl.refine{display: block;}

#searchResultRefinement #checkedCondition > .inner > dl > dt{
	display: block;
	width: 100%;
	padding: 10px 0;
	text-align: left;
	font-size: 14px;
	position: relative;
}
#searchResultRefinement #checkedCondition > .inner > dl > dt::after{
	content: '';
	display: block;
	height: 1px; width: 100%;
	border-top: 1px dotted #d2d2d2;
	position: absolute;
	top: 17px;
}
#searchResultRefinement #checkedCondition > .inner > dl > dt > span{
	display: inline-block;
	background: #FFFFFF;
	padding-right: 10px;
	position: relative;
	z-index: 1;
}

#searchResultRefinement #checkedCondition > .inner > dl.color > dd{
	display: block;
	margin-right: -5px;
}
#searchResultRefinement #checkedCondition > .inner > dl.color > dd > span{
	display: inline-block;
	padding: 5px 20px 5px 5px;
	font-size: 14px;
	border-radius: 4px;
	float: left;
	margin: 0 5px 5px 0;
	background: url(../img/common/icon_close.svg) calc(100% - 5px) center no-repeat #efefef;
	background-size: 8px auto;
	cursor: pointer;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#searchResultRefinement #checkedCondition > .inner > dl.color > dd > span:hover{opacity: .6; text-decoration: underline;}


#searchResultRefinement #checkedCondition > .inner > dl.price > dd{ display: block;}
#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.min,
#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.max{
	display: none;
	padding: 5px 20px 5px 5px;
	font-size: 14px;
	border-radius: 4px;
	float: left;
	margin: 0;
	background: url(../img/common/icon_close.svg) calc(100% - 5px) center no-repeat #efefef;
	background-size: 8px auto;
	cursor: pointer;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.min:hover,
#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.max:hover{opacity: .6; text-decoration: underline;}

#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.min.notEmpty,
#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.max.notEmpty{
	display: inline-block;
}


#searchResultRefinement #checkedCondition > .inner > dl.price > dd > span.tilde{
	display: inline-block;
	font-size: 14px;
	padding: 5px 5px 5px 5px;
	float: left;
}

#searchResultRefinement #checkedCondition > .btnArea{display: none;}
#searchResultRefinement #checkedCondition > .btnArea > li:nth-of-type(1){display: block;}
#searchResultRefinement #checkedCondition > .btnArea > li:nth-of-type(2){display: none;}

#searchResultRefinement #checkedCondition.refine > .btnArea > li:nth-of-type(1){display: none;}
#searchResultRefinement #checkedCondition.refine > .btnArea > li:nth-of-type(2){display: block;}

#searchResultRefinement #checkedCondition > .btnArea > li > span{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}
#searchResultRefinement #checkedCondition > .btnArea > li > span::before{
	content: '';
	display: inline-block;
	vertical-align: bottom;
	width: 18px; height: 40px;
	background: url(../img/common/icon_plus.svg) 0 center no-repeat;
	background-size: 12px auto;
}


/**************************************
#refineCondition
**************************************/
#searchResultRefinement #refineCondition{
	display: block;
	border: 1px solid #d2d2d2;
	padding: 10px 20px 20px;
	position: relative;
}
#searchResultRefinement #refineCondition .ttlRefiner{
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #000000;
	line-height: 40px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
}

#searchResultRefinement #refineCondition > .btnReset{
	display: none;
	position: absolute;
	right: 20px;
	top: 15px;
}
#searchResultRefinement #refineCondition > .btnReset.open{display: block;}

@media screen and (min-width:769px) and ( max-width:920px) {
	#searchResultRefinement #refineCondition .ttlRefiner{font-size: calc( 16 * (100vw / 920));}
	#searchResultRefinement #refineCondition .ttlRefiner > span{display: none;}
}

/** .inner *****************/
#searchResultRefinement #refineCondition > .inner{}

/** .color *****************/
#searchResultRefinement #refineCondition > .inner .color{
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #d2d2d2;
}

#searchResultRefinement #refineCondition > .inner .color > dl{}
#searchResultRefinement #refineCondition > .inner .color > dl > dt{
	line-height: 30px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
}

#searchResultRefinement #refineCondition > .inner .color > .btnReset{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
#searchResultRefinement #refineCondition > .inner .color > .btnReset.open{display: block;}

#searchResultRefinement #refineCondition > .inner .color > dl > dd{ display: block;}
#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li{
	display: block;
	width: 18.4%;
	margin-right: 2%;
	margin-bottom: 10px;
}

#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li:nth-of-type(5n){margin-right: 0;}

#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > input[type="checkbox"]{display: none;}
#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > label{
	display: block;
	width: 100%;
	height: 52px;
	border: 2px solid #efefef;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease, border 0.3s ease;
	-moz-transition: opacity 0.2s ease, border 0.3s ease;
	-o-transition: opacity 0.2s ease, border 0.3s ease;
	transition: opacity 0.2s ease, border 0.3s ease;
}
#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > label:hover{opacity: .6;}

#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > input[type="checkbox"]:checked + label{
	border-color: #00d18b;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > label{height: calc( 52 * (100vw / 1120));}
}

#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > label > div{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 2px solid #FFFFFF;
	text-align: center;
	overflow: hidden;
}
#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > label > div > span{ display: none;}
#searchResultRefinement #refineCondition > .inner .color > dl > dd > ul > li > label > div.paleColor > span{color: #000000;}


/** .price *****************/

#searchResultRefinement #refineCondition > .inner .price{
	position: relative;
	margin-bottom: 20px;
}

#searchResultRefinement #refineCondition > .inner .price > dl{}
#searchResultRefinement #refineCondition > .inner .price > dl > dt{
	line-height: 30px;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 20px;
}

#searchResultRefinement #refineCondition > .inner .price > .btnReset{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}
#searchResultRefinement #refineCondition > .inner .price > .btnReset.open{display: block;}

#searchResultRefinement #refineCondition > .inner .price > dl > dd{}

#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider{}

#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum{
	display: table;
	width: 100%;
	margin-top: 20px;
}
#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum > li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum > li:nth-child(1),
#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum > li:nth-child(3){
	width: 45%;
}
#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum > li input[type="number"]::-webkit-outer-spin-button,
#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum > li input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
#searchResultRefinement #refineCondition > .inner .price > dl > dd #priceRangeSlider .priceNum > li input[type="number"]{-moz-appearance:textfield;}


/** noUiSlider **********/
#searchResultRefinement .noUi-target,
#searchResultRefinement .noUi-target * {
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-select: none;
	-ms-touch-action: none;
	touch-action: none;
	-ms-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	direction: ltr;
}
#searchResultRefinement .noUi-base,
#searchResultRefinement .noUi-connects {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

#searchResultRefinement .noUi-connects {
	overflow: hidden;
	z-index: 0;
	border-radius: 2px;
}
#searchResultRefinement .noUi-connect,
#searchResultRefinement .noUi-origin {
	will-change: transform;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
#searchResultRefinement .noUi-horizontal .noUi-origin {
	height: 0;
	left: auto;
	right: 0;
}
#searchResultRefinement .noUi-handle {position: absolute;}
#searchResultRefinement .noUi-state-tap .noUi-connect,
#searchResultRefinement .noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
#searchResultRefinement .noUi-state-drag * {
  cursor: inherit !important;
}

#searchResultRefinement .noUi-horizontal {height: 4px;}
#searchResultRefinement .noUi-horizontal .noUi-handle {
	width: 20px;
	height: 20px;
	border-radius: 10px;
	right: -10px;
	left: auto;
	top: -10px;
	background: #00d18b;
	cursor: pointer;
}
#searchResultRefinement .noUi-horizontal .noUi-handle:focus{ outline: none;}
#searchResultRefinement .noUi-horizontal .noUi-handle.noUi-active{
	background: #f85b8f;
	-webkit-transition: background 0.2s ease;
	-moz-transition: background 0.2s ease;
	-o-transition: background 0.2s ease;
	transition: background 0.2s ease;
}

#searchResultRefinement .noUi-target{
  background: #FAFAFA;
  border-radius: 2px;
  border: 1px solid #D3D3D3;
}

#searchResultRefinement .noUi-connect {
  background: #cccccc;
}


/* Disabled state;
 */
#searchResultRefinement [disabled] .noUi-connect {
  background: #cccccc;
}
#searchResultRefinement [disabled].noUi-target,
#searchResultRefinement [disabled].noUi-handle,
#searchResultRefinement [disabled] .noUi-handle {
  cursor: not-allowed;
}

/**** btn  *******************/
#refinementSelectClose{display: none;}


/**************************************
#searchResultMainArea
**************************************/
#searchResultMainArea{
	display: block;
	width: 67%;
	float: right;
}

/**************************************
#searchListControlBox
**************************************/
#searchListControlBox{
	display: table;
	width: 100%;
	margin: 0 auto 20px;
}


/*** listSort *****************/
#searchListControlBox > .listSort{
	display: table-cell;
	width:  calc(100% - 120px);
	text-align: right;
}

#searchListControlBox > .listSort dl{
	display: table;
	float: left;
	margin-right: 20px;
}
#searchListControlBox > .listSort dt{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 14px;
	padding-right: 10px;
}
#searchListControlBox > .listSort dl > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#searchListControlBox > .listSort dl > dd > select{
	width: auto;
	text-align: left;
}


/*** listMode *****************/
#searchListControlBox > .listMode{
	display: table-cell;
	width: 90px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
}

#searchListControlBox > .listMode > ul{
	display: table;
	margin: 0 0 0 auto;
}
#searchListControlBox > .listMode > ul > li{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	height: 40px;
}
#searchListControlBox > .listMode > ul > li:first-child{padding-right: 10px;}

#searchListControlBox > .listMode > ul > li > span{
	display: block;
	width: 40px; height: 40px;
	background: #7c7c7c;
	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;
}
#searchListControlBox > .listMode > ul > li > span:hover{opacity: .6;}
#searchListControlBox > .listMode > ul > li.current > span{
	background: #cc2424;
	cursor: default;
}
#searchListControlBox > .listMode > ul > li.current > span:hover{opacity: 1;}

#searchListControlBox > .listMode > ul > li > span > img{display: block; width: 100%; height: auto;}



/**************************************
.searchResultList
**************************************/
#searchResultMainArea .searchResultList{
	padding: 0 0 20px;
}

#searchResultMainArea .searchResultList > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#searchResultMainArea .searchResultList > ul > li{
	display: block;
	width: 32%;
	margin-right: 2%;
	margin-top: 30px;
	padding-bottom: 55px;
	position: relative;
}
#searchResultMainArea .searchResultList > ul > li:nth-child(1),
#searchResultMainArea .searchResultList > ul > li:nth-child(2),
#searchResultMainArea .searchResultList > ul > li:nth-child(3){margin-top: 0;}
#searchResultMainArea .searchResultList > ul > li:nth-child(3n){margin-right: 0;}

/**** comparison *******/
#searchResultMainArea .searchResultList > ul > li > .comparison{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 10px 5px;
	border-top: 1px dotted #d2d2d2;
}
#searchResultMainArea .searchResultList > ul > li > .comparison > label{
	display: block;
	width: 100%;
	padding-left: 28px;
	position: relative;
	font-size: 14px;
	line-height: 18px;
	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;
}
#searchResultMainArea .searchResultList > ul > li > .comparison > label::before{
	content: '';
	display: block;
	width: 18px; height: 18px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	position: absolute;
	left: 0;
	top: 0;
}
#searchResultMainArea .searchResultList > ul > li > .comparison > label:hover{opacity: .6;}
#searchResultMainArea .searchResultList > ul > li > .comparison > label.disabled{ opacity: .4; cursor: default;}
#searchResultMainArea .searchResultList > ul > li > .comparison > label.disabled:hover{opacity: .4;}


#searchResultMainArea .searchResultList > ul > li > .comparison > label > input[type=checkbox]{display: none;}
#searchResultMainArea .searchResultList > ul > li > .comparison > label > input[type=checkbox] + span{
	display: inline-block;
}
#searchResultMainArea .searchResultList > ul > li > .comparison > label > input[type=checkbox] + span::after{
	content: '';
	display: block;
	width: 18px; height: 18px;
	background: url(../img/common/icon_checked.svg) center center no-repeat #cc2424;
	background-size: 12px auto;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease, transform  0.2s ease;
    -moz-transition: opacity 0.2s ease, transform  0.2s ease;
    -o-transition: opacity 0.2s ease, transform  0.2s ease;
    transition: opacity  0.2s ease, transform  0.2s ease;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

#searchResultMainArea .searchResultList > ul > li > .comparison > label > input[type=checkbox]:checked + span::after{
	opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}



/***  inner *********************************/

#searchResultMainArea .searchResultList > ul > li > .inner{}

#searchResultMainArea .searchResultList > ul > li > .inner > a{
	display: block; width: 100%; height: auto;
	text-decoration: none;
	color: #000000;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#searchResultMainArea .searchResultList > ul > li > .inner > a:hover{opacity: .6;}

#searchResultMainArea .searchResultList > ul > li > .inner > a > .img{
	display: block;
	margin-bottom: 10px;
}
#searchResultMainArea .searchResultList > ul > li > .inner > a > .img > img{display: block; width: 100%; height: auto;}

#searchResultMainArea .searchResultList > ul > li > .inner > a > .text{
	display: block;padding: 0 5px;
}
#searchResultMainArea .searchResultList > ul > li > .inner > a > .text .name{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
}
#searchResultMainArea .searchResultList > ul > li > .inner > a:hover > .text .name{text-decoration: underline;}


#searchResultMainArea .searchResultList > ul > li > .inner > a > .text .price,
#searchResultMainArea .searchResultList > ul > li > .inner > a > .text .promo
{
	font-size: 18px;
	font-weight: 700;
	padding-top: 10px;
}

/****btnQuickView*******/
#searchResultMainArea .searchResultList > ul > li > .inner > .btnQuickView{
	display: none;
	width: 120px; height: 40px;
	background: #FFFFFF;
	position: absolute;
	top: 120px;
	left: 120px;
	margin-top: -20px;
	margin-left: -60px;
}
#searchResultMainArea .searchResultList > ul > li > .inner:hover > .btnQuickView{display: block;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#searchResultMainArea .searchResultList > ul > li > .inner > .btnQuickView{
		top: calc( 120 * (100vw / 1120));
		left: calc( 120 * (100vw / 1120));
	}
}

#searchResultMainArea .searchResultList > ul > li > .inner > .btnQuickView > span{
	display: block;
	width: 100%; height: 100%;
	line-height: 40px;
	color: #FFFFFF;
	background: #cc2424;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	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;
}
#searchResultMainArea .searchResultList > ul > li > .inner > .btnQuickView > span:hover{opacity: .6;}



/**************************************
.searchResultList.ListMode
**************************************/
#searchResultMainArea .searchResultList.ListMode > ul{
	display: block;
	width: 100%;
	border-bottom: 1px dotted #d2d2d2;
}

#searchResultMainArea .searchResultList.ListMode > ul > li{
	display: block;
	width: 100%;
	margin: 0 auto 0;
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 0;
	border-top: 1px dotted #d2d2d2;
	position: relative;
}
#searchResultMainArea .searchResultList.ListMode > ul > li:nth-child(1){margin-top: 0;}
#searchResultMainArea .searchResultList.ListMode > ul > li:nth-child(2),
#searchResultMainArea .searchResultList.ListMode > ul > li:nth-child(3){margin-top: 0;}

/**** comparison *******/
#searchResultMainArea .searchResultList.ListMode > ul > li > .comparison{
	display: block;
	width: calc(100% - 140px);
	position: absolute;
	margin-top: 10px;
	padding: 0;
	left: 120px;
	bottom: 20px;
	border: none;
	z-index: 1;
}
#searchResultMainArea .searchResultList.ListMode > ul > li > .comparison > label{
	display: inline-block;
	width: auto;
}

/***  inner *********************************/
#searchResultMainArea .searchResultList.ListMode > ul > li > .inner{padding-bottom: 20px; position: relative;}

#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > a{
	display: table;
	width: 100%; height: auto;
	padding-right: 20px;
	text-decoration: none;
	color: #000000;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
	background: url(../img/common/icon_arrow_green.svg) right center no-repeat;
	background-size: 8px auto;
}
#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > a:hover{opacity: .6;}

#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > a > .img{
	display: table-cell;
	width: 100px; height: 100px;
	margin-bottom: 0;
}
#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > a > .img > img{display: block; width: 100%; height: auto;}

#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > a > .text{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-left: 20px;
}
#searchResultMainArea .searchResultList.ListMode > ul > li > .comparison + .inner .text{ padding-bottom: 30px;}

/****btnQuickView*******/
#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > .btnQuickView{
	display: none;
	width: 90px; height: 40px;
	background: #FFFFFF;
	position: absolute;
	top: 50px;
	left: 50px;
	margin-top: -20px;
	margin-left: -45px;
}
#searchResultMainArea .searchResultList.ListMode > ul > li > .inner:hover > .btnQuickView{display: block;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > .btnQuickView{
		top: 50px;
		left: 50px;
	}
}

#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > .btnQuickView > span{
	display: block;
	width: 100%; height: 100%;
	line-height: 40px;
	color: #FFFFFF;
	background: #cc2424;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	cursor: pointer;
	letter-spacing: -0.05em;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#searchResultMainArea .searchResultList.ListMode > ul > li > .inner > .btnQuickView > span:hover{opacity: .6;}

/**************************************
searchResultPager
**************************************/

#searchResultMainArea .searchResultPager{
	display: block;
	padding-top: 20px;
	margin: 0 auto;
}

/*** .pageNumList  *****************************/
#searchResultMainArea .searchResultPager > .pageNumList{
	display: table;
	float: left;
}

#searchResultMainArea .searchResultPager > .pageNumList > li{
	display: table-cell;
	height: 40px;
	width: 45px;
	padding: 0 5px 0 0;
	vertical-align: middle;
	text-align: center;
}

#searchResultMainArea .searchResultPager > .pageNumList > li > a{
	display: block;
	line-height: 38px;
	font-size: 12px;
	border: 1px solid #d2d2d2;
	color: #000000;
	text-decoration: none;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

#searchResultMainArea .searchResultPager > .pageNumList > li a:hover{
	opacity: .6;
	text-decoration: underline;
}


#searchResultMainArea .searchResultPager > .pageNumList > li > span{
	display: block;
	line-height: 38px;
	font-size: 12px;
	color: #000000;
	font-weight: 700;
	background: #efefef;
}

#searchResultMainArea .searchResultPager > .pageNumList > li.prev,
#searchResultMainArea .searchResultPager > .pageNumList > li.next{
	width: 65px;
}
#searchResultMainArea .searchResultPager > .pageNumList > li.prev{}
#searchResultMainArea .searchResultPager > .pageNumList > li.next{width: 60px; padding-right: 0;}

#searchResultMainArea .searchResultPager > .pageNumList > li.prev > a{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 38px;
	border: 1px solid #d2d2d2;
	padding-left: 12px;
	color: #000000;
	text-decoration: none;
	background: url(../img/common/icon_arrow_back.svg) 5px center no-repeat;
	background-size: 8px auto;
}

#searchResultMainArea .searchResultPager > .pageNumList > li.next > a{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 38px;
	border: 1px solid #d2d2d2;
	padding-right: 12px;
	color: #000000;
	text-decoration: none;
	background: url(../img/common/icon_arrow_green.svg) calc(100% - 5px) center no-repeat;
	background-size: 8px auto;
}


/*** .pageDirectJump  *****************************/

#searchResultMainArea .searchResultPager > .pageDirectJump{
	display: table;
	float: right;
}

#searchResultMainArea .searchResultPager > .pageDirectJump > li{
	display: table-cell;
	height: 40px;
	vertical-align: middle;
	text-align: center;
}

#searchResultMainArea .searchResultPager > .pageDirectJump > li.prev,
#searchResultMainArea .searchResultPager > .pageDirectJump > li.next{
	display: none;
}

#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage{}
#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage > label{
	display: table;
}
#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage > label select,
#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage > label span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage > label select{
	width: 60px;
	padding-right: 10px;
}

#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage > label span{
	width: 50px;
	font-size: 12px;
}
#searchResultMainArea .searchResultPager > .pageDirectJump > li.selectPage > label span::before{
	content: '\／';
	padding: 0 10px;
	vertical-align: top;
}


#searchResultMainArea .searchResultPager > .pageDirectJump > li.btnJump{
	display: none;
	width: 100px;
	padding-left: 10px;
}

#searchResultMainArea .searchResultPager > .pageDirectJump > li.btnJump > a,
#searchResultMainArea .searchResultPager > .pageDirectJump > li.btnJump > button{
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 40px;
	border: 1px solid #d2d2d2;
	padding-right: 12px;
	color: #000000;
	text-decoration: none;
	background: url(../img/common/icon_arrow_green.svg) calc(100% - 5px) center no-repeat;
	background-size: 8px auto;
}


/**************************************
comparisonListSection
**************************************/
#comparisonListSection{
	display: block;
	width: 100%;
	position: fixed;
    bottom: 0;
	height: 80px;
	padding: 10px 10px;
	background: rgba(0,0,0,.8);
	z-index: 100;
	opacity: 0;
	webkit-transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
    transition: transform 0.3s ease 0.2s, opacity 0.3s ease 0.2s;
    -webkit-transform: translate(0,200vh);
    -moz-transform: translate(0,200vh);
    -o-transform: translate(0,200vh);
    transform: translate(0,200vh);
}

#comparisonListSection.open{
	opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

#comparisonListSection .inner{
	display: table;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

#comparisonListSection .inner > .comparisonListTTL{
	display: table-cell;
	color: #ffffff;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	max-width: 33%;
	padding-right: 3%;
	background: url(../img/common/icon_arrow_white.svg) calc(100% - 20px) center no-repeat;
	background-size: 7.5px 10px;

}
#comparisonListSection .inner > .comparisonListTTL > span{display: block; padding-top: 5px; font-weight: 400; font-size: 14px;}


@media screen and (min-width:769px) and ( max-width:880px) {
	#comparisonListSection .inner > .comparisonListTTL{
		display: block;
		position: absolute;
		color: #ffffff;
		font-size: 16px;
		text-align: center;
		vertical-align: middle;
		height: 30px;
		width: 30%;
		max-width: 336px;
		padding-right: 0;
		line-height: 30px;
		top: -30px;
		background: rgba(0,0,0,.8);
		border-radius: 4px 4px 0 0;
	}
	#comparisonListSection .inner > .comparisonListTTL > span{ display: inline-block; font-weight: 400; font-size: 12px;}
}

#comparisonListSection .inner > .comparisonItemList{
	display: table-cell;
	vertical-align: middle;
	width: 400px;
}

#comparisonListSection .inner > .comparisonItemList > ul{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
#comparisonListSection .inner > .comparisonItemList > ul > li{
	display: block;
	width: 60px;
	margin-right: 5px;
	position: relative;
	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;
}
#comparisonListSection .inner > .comparisonItemList > ul > li:nth-of-type(6){margin-right: 0;}
#comparisonListSection .inner > .comparisonItemList > ul > li:hover{opacity: .6;}


#comparisonListSection .inner > .comparisonItemList > ul > li > img{
	display: block;
	width: 100%; height: auto;
}
#comparisonListSection .inner > .comparisonItemList > ul > li::before{
	content: '';
	display: block;
	width: 20px; height: 20px;
	background-color: rgba(0,0,0,.6);
	background-image: url(../img/common/icon_close_white.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 12px auto;
	position: absolute;
	top: 2px;
	right: 2px;
}


#comparisonListSection .inner > .btnArea{
	display: table-cell;
	min-width: 260px;
}

#comparisonListSection .inner > .btnArea > li.btnClear{
	display: inline-block;
	width: 120px;
	float: left;
}
#comparisonListSection .inner > .btnArea > li.btnClear > button{
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 14px;
	color: #ffffff;
	padding-left: 14px;
	background-color: rgba(255,255,255, .4);
	border-radius: 4px;
	position: relative;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
}
#comparisonListSection .inner > .btnArea > li.btnClear > button::before{
	content: '';
    display: block;
    width: 12px;
    height: 58px;
    background: url(../img/common/icon_close_white.svg) 0 center no-repeat;
    background-size: 12px auto;
    position: absolute;
    left: 10px;
    top: 0;
}

#comparisonListSection .inner > .btnArea > li.btnClear > button:hover{
	background-color: rgba(0,0,0, .4);
}


#comparisonListSection .inner > .btnArea > li.btnGreen{
	display: inline-block;
	width: calc(100% - 130px);
	background: #FFFFFF;
	float: right;
}

/**************************************
quickViewSection
**************************************/
#quickViewSection{
    display: block;
    width: calc(100% - 20px);
	max-width: 1140px;
    max-height: 80vh;
    padding: 40px 0;
    border-radius: 8px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 10vh;
    z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(-50%,200vh);
    -moz-transform: translate(-50%,200vh);
    -o-transform: translate(-50%,200vh);
    transform: translate(-50%,200vh);
    overflow: hidden;
	backface-visibility: hidden
}

#quickViewSection.open {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
	opacity: 1;
}

#quickViewSection .btnCloseIcon{
	display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#quickViewSection .btnCloseIcon img{display: block; width: 100%; height: auto;}


/**************************************
productDetail
**************************************/

#productSection .productDetail{
	display: block;
	margin-bottom: 40px;
}

#productSection .productDetail + .productDetail{
	padding-top: 40px;
	border-top: 1px dotted #d2d2d2;
}


#productSection .productDetail > .inner{
	display: block;
	position: relative;
	margin-bottom: 40px;
}

#productSection .productDetail > .inner .name{
	display: block;
	width: 53%;
	font-size: 18px;
	font-weight: 700;
	float: right;
	margin-bottom: 20px;
	line-height: 1.4;
}

#productSection #quickViewSection .productDetail > .inner{
     display: block;
    width: 100%;
    max-height: calc(80vh - 80px);
	margin-bottom: 0;
	padding: 0 30px;
    overflow-y: auto;
}

/****  imgArea ************************/
#productSection .productDetail > .inner .imgArea{
	display: block;
	width: 42%;
	float: left;
}

#productSection .productDetail > .inner .imgArea > img{display: block; width: 100%; height: auto;}

#productSection .productDetail > .inner .imgArea > .procutBigImg{
	display: block;
    width: 100%;
    margin: 0 auto 20px;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#productSection .productDetail > .inner .imgArea > .procutBigImg .zoomIcon{display: none;}

#productSection .productDetail > .inner .imgArea > .procutBigImg .bigImgWrap{
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -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);
    width: 100%;
}
#productSection .productDetail > .inner .imgArea > .procutBigImg .bigImgWrap > .bigImgSlide{
	display: block;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

#productSection .productDetail > .inner .imgArea > .procutBigImg .bigImgWrap > .bigImgSlide > img{display: block; width: 100%; height: auto; cursor: pointer;}

#productSection .productDetail > .inner .imgArea > .procutBigImgThums{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
}

#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li{
	display: block;
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 2.5%;
	cursor: pointer;
	float: left;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li:nth-of-type(5n){margin-right: 0;}
#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li.current{border: 2px solid #cc2424;}
#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li:hover{opacity: .6;}
#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li.current:hover{opacity: 1;}

#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li > img{
	display: block; width: 100%; height: auto;
}
#productSection .productDetail > .inner .imgArea > .procutBigImgThums > li.current > img{
	border: 2px solid #ffffff;
}

#productSection .productDetail > .inner .imgArea .procutBigImgPrev,
#productSection .productDetail > .inner .imgArea .procutBigImgNext{display: none;}

/****  pswp = photoswipe  ************************/
.pswp{display: none;}

/****  textArea ************************/
#productSection .productDetail > .inner .textArea{
	display: block;
	width: 53%;
	float: right;
}

/****  photoEnlargeTarget ************************/
#productSection .productDetail .photoEnlargeTarget{}

@keyframes drift-fadeZoomIn {
  0% { transform: scale(1.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes drift-fadeZoomOut {
  0% { transform: scale(1); opacity: 1; }
  15% { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(0.5); opacity: 0; }
}
@keyframes drift-loader-rotate {
  0% { transform: translate(-50%, -50%) rotate(0); }
  50% { transform: translate(-50%, -50%) rotate(-180deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg); }
}
@keyframes drift-loader-before {
  0% { transform: scale(1); }
  10% { transform: scale(1.2) translateX(6px); }
  25% { transform: scale(1.3) translateX(8px); }
  40% { transform: scale(1.2) translateX(6px); }
  50% { transform: scale(1); }
  60% { transform: scale(0.8) translateX(6px); }
  75% { transform: scale(0.7) translateX(8px); }
  90% { transform: scale(0.8) translateX(6px); }
  100% { transform: scale(1); }
}
@keyframes drift-loader-after {
  0% { transform: scale(1); }
  10% { transform: scale(1.2) translateX(-6px); }
  25% { transform: scale(1.3) translateX(-8px); }
  40% { transform: scale(1.2) translateX(-6px); }
  50% { transform: scale(1); }
  60% { transform: scale(0.8) translateX(-6px); }
  75% { transform: scale(0.7) translateX(-8px); }
  90% { transform: scale(0.8) translateX(-6px); }
  100% { transform: scale(1); }
}
@-webkit-keyframes drift-fadeZoomIn {
  0% { -webkit-transform: scale(1.5); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-webkit-keyframes drift-fadeZoomOut {
  0% { -webkit-transform: scale(1); opacity: 1; }
  15% { -webkit-transform: scale(1.1); opacity: 1; }
  100% { -webkit-transform: scale(0.5); opacity: 0; }
}
@-webkit-keyframes drift-loader-rotate {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0); }
  50% { -webkit-transform: translate(-50%, -50%) rotate(-180deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(-360deg); }
}
@-webkit-keyframes drift-loader-before {
  0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(1.2) translateX(6px); }
  25% { -webkit-transform: scale(1.3) translateX(8px); }
  40% { -webkit-transform: scale(1.2) translateX(6px); }
  50% { -webkit-transform: scale(1); }
  60% { -webkit-transform: scale(0.8) translateX(6px); }
  75% { -webkit-transform: scale(0.7) translateX(8px); }
  90% { -webkit-transform: scale(0.8) translateX(6px); }
  100% { -webkit-transform: scale(1); }
}
@-webkit-keyframes drift-loader-after {
  0% { -webkit-transform: scale(1); }
  10% { -webkit-transform: scale(1.2) translateX(-6px); }
  25% { -webkit-transform: scale(1.3) translateX(-8px); }
  40% { -webkit-transform: scale(1.2) translateX(-6px); }
  50% { -webkit-transform: scale(1); }
  60% { -webkit-transform: scale(0.8) translateX(-6px); }
  75% { -webkit-transform: scale(0.7) translateX(-8px); }
  90% { -webkit-transform: scale(0.8) translateX(-6px); }
  100% { -webkit-transform: scale(1); }
}
@keyframes noop {
  0% { zoom: 1; }
}

@-webkit-keyframes noop {
  0% { zoom: 1; }
}
.drift-zoom-pane {
	display: none;
	position: absolute;
	overflow: hidden;
	width: 53%;
	height: 100%;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.5);
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	right: 0;
	top: 0;
}
.drift-zoom-pane.drift-open { display: block;}
.drift-zoom-pane.drift-opening, .drift-zoom-pane.drift-closing {
  animation: noop 1ms;
  -webkit-animation: noop 1ms;
}
.drift-zoom-pane.drift-opening {
  animation: drift-fadeZoomIn 180ms ease-out;
  -webkit-animation: drift-fadeZoomIn 180ms ease-out;
}
.drift-zoom-pane.drift-closing {
  animation: drift-fadeZoomOut 210ms ease-in;
  -webkit-animation: drift-fadeZoomOut 210ms ease-in;
}
.drift-zoom-pane-loader {
  display: none;
}
.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: drift-loader-rotate 1800ms infinite linear;
  -webkit-animation: drift-loader-rotate 1800ms infinite linear;
}
.drift-zoom-pane-loader:before, .drift-zoom-pane-loader:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9);
}

.drift-zoom-pane-loader:before {
  left: 0;
  animation: drift-loader-before 1800ms infinite linear;
  -webkit-animation: drift-loader-before 1800ms infinite linear;
}

.drift-zoom-pane-loader:after {
  right: 0;
  animation: drift-loader-after 1800ms infinite linear;
  -webkit-animation: drift-loader-after 1800ms infinite linear;
  animation-delay: -900ms;
  -webkit-animation-delay: -900ms;
}

.drift-bounding-box {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	pointer-events: none;
}

/** lede *******/
#productSection .productDetail > .inner .textArea .lede{
	font-size: 14px;
	text-align: left;
	line-height: 1.4;
	margin-bottom: 15px;
}

/** code *******/
#productSection .productDetail > .inner .textArea .productCode{
	display: table;
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 15px;
}
#productSection .productDetail > .inner .textArea .productCode dt,
#productSection .productDetail > .inner .textArea .productCode dd{
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#productSection .productDetail > .inner .textArea .productCode dt{
	white-space: nowrap;
}
#productSection .productDetail > .inner .textArea .productCode dt::after{
	content: '\：';
}

/** price *******/
#productSection .productDetail > .inner .textArea .price,
#productSection .productDetail > .inner .textArea .promo
{
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 15px;
}

#productSection .productDetail > .inner .textArea .price > li.salePrice,
#recommendItem .price > li.salePrice,
#recentlyViewed .price > li.salePrice,
#recommendCart .price > li.salePrice,
#search-result-items > .grid-tile > .inner .price > li.salePrice{color: #e7002e;}

#productSection .productDetail > .inner .textArea .price > li.originalPrice,
#recommendItem .price > li.originalPrice,
#recentlyViewed .price > li.originalPrice,
#recommendCart .price > li.originalPrice,
#search-result-items > .grid-tile > .inner .price > li.originalPrice{color: #000000;}


#productSection .productDetail > .inner .textArea .price > li.salePrice + li.originalPrice,
#recommendItem .price > li.salePrice + li.originalPrice,
#recentlyViewed .price > li.salePrice + li.originalPrice,
#recommendCart .price > li.salePrice + li.originalPrice,
#search-result-items > .grid-tile > .inner .price >  li.salePrice + li.originalPrice
{
	padding-top: 8px;
	text-decoration: line-through;
}


/** skuSelect *******/
#productSection .productDetail > .inner .skuSelect{
	display: block;
	font-size: 14px;
	line-height: 1.4;
	border-bottom: 1px dotted #d2d2d2;
	padding-bottom: 5px;
}

#productSection .productDetail > .inner .skuSelect .errMsg{padding-top: 10px;}

/** option ***/
#productSection .productDetail > .inner .skuSelect > .option{
	border-top: 1px dotted #d2d2d2;
	padding: 10px 0;
}

#productSection .productDetail > .inner .skuSelect > .option > dl{
	display: table;
	margin-bottom: 10px;
}

#productSection .productDetail > .inner .skuSelect > .option > dl > dt,
#productSection .productDetail > .inner .skuSelect > .option > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#productSection .productDetail > .inner .skuSelect > .option > dl > dt{
	white-space: nowrap;
	padding-right: 10px;
}
#productSection .productDetail > .inner .skuSelect > .option > dl > dt::after{
	content: '\：';
	vertical-align: top;
}

/** variation ***/
#productSection .productDetail > .inner .skuSelect > .variation{
	border-top: 1px dotted #d2d2d2;
	padding: 10px 0;
}

#productSection .productDetail > .inner .skuSelect > .variation > dl{display: table;}

#productSection .productDetail > .inner .skuSelect > .variation > dl > dt,
#productSection .productDetail > .inner .skuSelect > .variation > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#productSection .productDetail > .inner .skuSelect > .variation > dl > dt{
	white-space: nowrap;
	padding-right: 10px;
	position: relative;
}
#productSection .productDetail > .inner .skuSelect > .variation > dl > dt::after{
	content: '\：';
	vertical-align: top;
}


/** color ***/
#productSection .productDetail > .inner .skuSelect > .color{
	border-top: 1px dotted #d2d2d2;
	padding: 20px 0;
}

#productSection .productDetail > .inner .skuSelect > .color > dl{display: block;}
#productSection .productDetail > .inner .skuSelect > .color > dl > dt{
	font-size: 14px;
	margin-bottom: 10px;
}

#productSection .productDetail > .inner .skuSelect > .color > dl > dd{ display: block;}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li{
	display: block;
	width: 10.75%;
	margin-right: 2%;
	margin-bottom: 10px;
}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li:nth-of-type(8n){margin-right: 0;}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > input[type="radio"]{display: none;}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > label{
	display: block;
	width: 100%;
	height: 58px;
	border: 2px solid #efefef;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease, border 0.3s ease;
	-moz-transition: opacity 0.2s ease, border 0.3s ease;
	-o-transition: opacity 0.2s ease, border 0.3s ease;
	transition: opacity 0.2s ease, border 0.3s ease;
}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > label:hover{opacity: .6;}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > input[type="radio"]:checked + label{ border-color: #00d18b;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > label{height: calc( 58 * (100vw / 1120));}
}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > label > div{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border: 2px solid #FFFFFF;
	text-align: center;
	overflow: hidden;
}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > label > div > span{ display: none;}
#productSection .productDetail > .inner .skuSelect > .color > dl > dd > ul > li > label > div.paleColor > span{color: #000000;}


/** quantity ***/
#productSection .productDetail > .inner .skuSelect > .quantity{
	border-top: 1px dotted #d2d2d2;
	padding: 10px 0;
}

#productSection .productDetail > .inner .skuSelect > .quantity > dl{display: table;}

#productSection .productDetail > .inner .skuSelect > .quantity > dl > dt,
#productSection .productDetail > .inner .skuSelect > .quantity > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: top;
}

#productSection .productDetail > .inner .skuSelect > .quantity > dl > dt{
	white-space: nowrap;
	padding-right: 10px;
	position: relative;
	padding-top: 11px;
}
#productSection .productDetail > .inner .skuSelect > .quantity > dl > dt::after{
	content: '\：';
	padding-top: 11px;
	vertical-align: top;
}

#productSection .productDetail > .inner .skuSelect > .quantity > dl > dd > select{ width: inherit; min-width: 80px;}

#productSection .productDetail > .inner .skuSelect > .quantity > dl > dd > .stock{
	display: inline-block;
	padding-left: 10px;
}

#productSection .productDetail > .inner .skuSelect > .quantity > dl > dd > .stock > span.stockNum{
	font-weight: 700;
	padding-left: 2px;
}

/** btnArea ***/
#productSection .productDetail > .inner .btnArea{
	display: block;
	padding-top: 20px;
}

#productSection .productDetail > .inner .btnArea > li{
	display: block;
	max-width: 360px;
	margin-bottom: 10px;
}

/** sharerBtnArea ***/
#productSection .sharerBtnArea{
	display: block;
	padding: 20px 0 0 0;
	margin: 0 0 0 auto;
}
#productSection .sharerBtnArea > dl{
	display: table;
}
#productSection .sharerBtnArea > dl > dt,
#productSection .sharerBtnArea > dl > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

#productSection .sharerBtnArea > dl > dt{font-size: 16px; padding-right: 10px;}

#productSection .sharerBtnArea > dl > dd{padding-right: 10px; width: 36px;}
#productSection .sharerBtnArea > dl > dd > a{
	display: block;
	-webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
#productSection .sharerBtnArea > dl > dd > a:hover{opacity: .6;}

#productSection .sharerBtnArea > dl > dd > a > img{ width: 100%; height: auto;}

/** freeArea ***/
#productSection .freeArea{
	width: 100%;
	margin:0 auto 30px;
	font-size: 14px;
	line-height: 1.4;
}


/**************************************
setProducts
**************************************/
#productSection .setProducts .setSubttl{
	padding: 20px 0 20px;
	font-size: 20px;
	font-weight: 700;
	border-top: 1px solid #d2d2d2;
}


#productSection .setProducts .productDetail{
	border: 1px solid #d2d2d2;
	padding: 20px;
	margin-bottom: 20px;
}

#productSection .setProducts .productDetail > .inner{padding-bottom: 0; margin-bottom: 0;}

#productSection .setProducts .productDetail > .inner .name{
	font-size: 16px;
	margin-bottom: 15px;
}


#productSection .setProducts .productDetail > .inner .skuSelect{
	border-bottom: none;
}

/**** setProductsBottom ******************/
#productSection .setProductsBottom{padding-top: 20px;}

#productSection .setProductsBottom > .setPrice{
	margin-bottom: 20px;
}
#productSection .setProductsBottom > .setPrice dl{display: table; margin: 0 auto;}
#productSection .setProductsBottom > .setPrice dl > dt,
#productSection .setProductsBottom > .setPrice dl > dd,
#productSection #product-content .setProductsBottom > .setPrice dl > dd > ul.price{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:24px;
	font-weight: 700;
}
#productSection #product-set-list h1.name > a.item-name {color: #2ac19c;}

#productSection .setProductsBottom > .setPrice dl > dt{padding-right: 20px;}
#productSection .setProductsBottom > .setPrice dl > dd{color: #000000;}


#productSection .setProductsBottom > .bundlePrice{
	margin-bottom: 20px;
}
#productSection .setProductsBottom > .bundlePrice dl.originalPrice{display: table; margin: 0 auto;}
#productSection .setProductsBottom > .bundlePrice dl.originalPrice > dt,
#productSection .setProductsBottom > .bundlePrice dl.originalPrice > dd{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size:16px;
	font-weight: 700;
}
#productSection .setProductsBottom > .bundlePrice dl.originalPrice > dt{padding-right: 20px;}
#productSection .setProductsBottom > .bundlePrice dl.originalPrice > dd{text-decoration: line-through;}


#productSection .setProductsBottom > .bundlePrice dl.setPrice{display: block; margin: 0 auto; padding-top: 20px;}
#productSection .setProductsBottom > .bundlePrice dl.setPrice > dt,
#productSection .setProductsBottom > .bundlePrice dl.setPrice > dd{
	display: block;
	text-align: center;
	font-weight: 700;
	margin-bottom: 10px;
}
#productSection .setProductsBottom > .bundlePrice dl.setPrice > dt{font-size: 18px;}
#productSection .setProductsBottom > .bundlePrice dl.setPrice > dd{font-size: 24px; color: #e7002e;}
#productSection .setProductsBottom > .bundlePrice dl > dd > .discount{font-size: 14px; color: #e7002e;}

#productSection .setProductsBottom .btnArea{
	max-width: 480px;
	margin: 0 auto;
}

#productSection .setProductsBottom .btnArea > li{margin-bottom: 10px;}

#productSection .setProductsBottom .sharerBtnArea > dl{margin: 0 auto;}

/**************************************
comparisonSection
**************************************/
#comparisonSection{
	width: 100%;
	max-width: 1140px;
	padding: 10px 10px 40px;
	margin: 0 auto;
}

#comparisonSection .errMsg{
	padding-top: 10px;
	line-height: 1.4;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .errMsg{
		font-size: calc(14 * (100vw / 1120));
		padding-top:  calc(10 * (100vw / 1120));
	}
}

#comparisonSection .ttlMain{margin-bottom: 0;}

#comparisonSection > div {
	font-size: 14px;
}
#comparisonSection .comparisonTableArea{
	width: 100%;
	margin: 0 auto;
}


#comparisonSection .comparisonTableArea .btnBack{
	display: block;
	width: 100%;
	max-width: 200px;
	padding: 20px 0;
	margin: 0 auto 0 0;
}

#comparisonSection .comparisonTableArea > .comparisonTable{
	width: 100%;
	padding: 0 0 0;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table{
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	border: 1px solid #009966;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table th{
	width: 92px;
	vertical-align: middle;
	text-align: center;
	padding: 20px 10px;
	color: #009966;
	font-size: 14px;
	border: 1px solid #009966;
	line-height: 1.4;
}
#comparisonSection .comparisonTableArea > .comparisonTable > table td{
	max-width: 129px;
	padding: 20px;
	border: 1px solid #009966;
}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table th{
		width: calc(92 * (100vw / 1120));
		padding: calc(20 * (100vw / 1120));
		font-size: calc(14 * (100vw / 1120));
	}
	#comparisonSection .comparisonTableArea > .comparisonTable > table td{
		max-width: calc(129 * (100vw / 1120));
		padding: calc(20 * (100vw / 1120));
	}
}

/*** deleteBtn  *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td{
	padding: 10px 0;
}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete{margin: 0 auto;}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete a,
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete button{
	width: 80px;
	background-color: #efefef;
	border: none;
	margin: 0 auto;
}


@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete a,
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete button{
		width: calc(80 * (100vw / 1120));
		font-size: calc(14 * (100vw / 1120));
	    padding: 0 calc(15 * (100vw / 1120)) 0 calc(30 * (100vw / 1120));
	}
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete a::before,
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.deleteBtn > td .btnDelete button::before {
		width: calc(12 * (100vw / 1120));
		background-size: calc(12 * (100vw / 1120)) auto;
		left: calc(10 * (100vw / 1120)) auto;
	}
}


/*** itemImg  *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemImg{}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemImg td img{display: block; width: 129px; height: auto; margin: 0 auto;}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemImg td img{ width: calc(128 * (100vw / 1120));}
}



/*** itemName  *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemName{}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemName td{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	word-break: break-all;
	vertical-align: top;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemName td{ font-size: calc(16 * (100vw / 1120));}
}

/*** itemCode  *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemCode{}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemCode td{
	font-size: 14px;
	line-height: 1.4;
	word-break: break-all;
	text-align: center;
	vertical-align: middle;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemCode td{ font-size: calc(14 * (100vw / 1120));}
}


/*** itemPrice  *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemPrice{}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemPrice td{
	font-size: 16px;
	font-weight: 700;
	vertical-align: middle;
	text-align: center;
	word-break: break-all;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemPrice > td > ul > li.salePrice{color: #e7002e;}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemPrice > td > ul > li.originalPrice{color: #000000;}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemPrice > td > ul > li.salePrice + li.originalPrice{
	padding-top: 8px;
	text-decoration: line-through;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.itemPrice td{ font-size: calc(16 * (100vw / 1120));}
}


/*** inCart  *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart{}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td{
	font-size: 14px;
	line-height: 1.4;
	vertical-align: top;
	text-align: left;
	border-bottom: none;
	padding-bottom: 0;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl{
	display: block;
	margin-bottom: 20px;
}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl > dt{
	margin-bottom: 5px;
}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl > dd{}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl > dd > select{max-width: 129px;}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl > dd > .stock{display: block; padding-top: 5px;}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl > dd > .stock > .stockNum{
	font-weight: 700;
    padding-left: 2px;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td{font-size: calc(14 * (100vw / 1120));}
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCart td dl > dd > select{ max-widthe: calc(129 * (100vw / 1120));}
}

/*** inCartBtn *************/
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn{border-top: none;}
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td{
	padding-top: 0;
	vertical-align: bottom;
	text-align: left;
	border-top: none;
	white-space: nowrap;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul{}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInCart{
	margin: 0 auto 10px;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInEdit{
	margin: 0 auto 10px;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInCart > a,
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInCart > button{
	font-size: 14px;
	letter-spacing: -0.05em;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInEdit > a,
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInEdit > button{
	font-size: 14px;
	letter-spacing: -0.05em;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInCart > a::before,
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInCart > button::before{
    width: 20px;
    background-size: auto 16px;
}

#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInEdit > a::before,
#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInEdit > button::before{
    width: 20px;
    background-size: auto 16px;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnInCart .pcView{display: none;}
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnFavorite .pcView{display: none;}
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnFavorite a,
	#comparisonSection .comparisonTableArea > .comparisonTable > table tr.inCartBtn td ul > li.btnFavorite button{font-size:calc(14 * (100vw / 1120)); }
}

/**************************************
errSection
**************************************/
#errSection{
    max-width: 1140px;
    padding: 20px 10px 50px;
    margin: 0 auto;
}

#errSection > .inner{
    display: block;
    width: 70%;
    padding-right: 70px;
}

#errSection .ttlErr{
	font-size: 24px;
	font-weight: 700;
	color: #e62661;
	text-align: left;
    margin-bottom: 30px;
}

#errSection .ledeErr{
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1.4;
}
#errSection .ledeErr > p{margin-bottom: 10px;}


#errSection .contactInfo{
	border: 1px solid #d2d2d2;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 30px;
}

#errSection .contactInfo > dt{
	margin-bottom: 20px;
}
#errSection .contactInfo > dd{margin-top: 10px;}

#errSection .underBtnArea{
    width: 350px;
	margin: 0 auto 0 0;
}

/**************************************
sitemapSection
**************************************/
#sitemapSection{
    max-width: 1140px;
    padding: 20px 10px 50px;
    margin: 0 auto;
}

#sitemapSection .sitemapList{
	padding-top: 20px;
}


#sitemapSection .sitemapList > dl{
	margin-bottom: 40px;
}

#sitemapSection .sitemapList > dl > dt{
	font-size: 18px;
	font-weight: 700;
	padding-bottom: 20px;
}

#sitemapSection .sitemapList > dl > dt > a{
	color: #000000;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#sitemapSection .sitemapList > dl > dt > a:hover{opacity: .6; text-decoration: underline;}


#sitemapSection .sitemapList > dl > dd{
	border: 1px solid #d2d2d2;
	padding: 0 20px;
}
#sitemapSection .sitemapList > dl > dd > dl{
	display: table;
	width: 100%;
	padding: 20px 0 0;
	border-bottom: 1px dotted #dbdbdb;
}
#sitemapSection .sitemapList > dl > dd > dl:nth-last-of-type(1){border-bottom: none;}

#sitemapSection .sitemapList > dl > dd > dl > dt{
	display: table-cell;
	width: 240px;
	vertical-align: top;
	text-align: left;
	font-size: 16px;
	font-weight: 700;
}

#sitemapSection .sitemapList > dl > dd > dl > dt > a{
	color: #cc2424;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#sitemapSection .sitemapList > dl > dd > dl > dt > a:hover{opacity: .6;}

#sitemapSection .sitemapList > dl > dd > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-top: 2px;
}

#sitemapSection .sitemapList > dl > dd > dl > dd > ul{
	display: block;
}

#sitemapSection .sitemapList > dl > dd > dl > dd > ul > li{
	display: inline-block;
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-right: 1px solid #CCCCCC;
}
#sitemapSection .sitemapList > dl > dd > dl > dd > ul > li:nth-last-of-type(1){margin-right: 0; padding-right: 0; border:none;}


#sitemapSection .sitemapList > dl > dd > dl > dd > ul > li > a{
	font-size: 16px;
	color: #000000;
	text-decoration: none;
}
#sitemapSection .sitemapList > dl > dd > dl > dd > ul > li > a:hover{text-decoration: underline;}


/**************************************
mypageSection
**************************************/
#mypageSection{
    max-width: 1140px;
    padding: 0 10px 50px;
    margin: 0 auto;
}

#mypageSection .backArea{display: none;}

#mypageSection > .ttlArea{
	position: relative;
}

#mypageSection .btnLogout{display: none;}

#mypageSection .userName{
	width: 20%;
	font-size: 16px;
	text-align: left;
	background: #efefef;
	padding: 10px;
	margin-bottom: 15px;
	line-height: 1.4;
	float: left;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
#mypageSection .userName > span{font-weight: 700;}

@media screen and (min-width:769px) and ( max-width:1140px) {
	#mypageSection .userName{font-size:calc(16 * (100vw / 1140)); }
}


/****************************
mypageNav
****************************/
#mypageSection #mypageNavArea{
	display: block;
	width: 20%;
	float: left;
}

/**sp ***************/
#mypageSection #mypageNavArea #mypageNavOpen{display: none;}


/**#mypageNav ***************/
#mypageSection #mypageNavArea #mypageNav .mypageNavTTL{display: none;}

#mypageSection #mypageNavArea #mypageNav > ul{display: block; border-top: 1px solid #d2d2d2;}
#mypageSection #mypageNavArea #mypageNav > ul > li{
	border-bottom: 1px solid #d2d2d2;
}

#mypageSection #mypageNavArea #mypageNav > ul > li > a{
    display: block;
	padding: 20px 0 20px 38px;
    font-size: 14px;
	line-height: 1.4;
    color: #000000;
    text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px 20px;
    background-size: 20px auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

@media screen and (min-width:769px) and ( max-width:940px) {
	#mypageSection #mypageNavArea #mypageNav > ul > li > a{ font-size:calc(14 * (100vw / 940));}
}

#mypageSection #mypageNavArea #mypageNav > ul > li.mypagehome > a{background-image: url(../img/mypage/icon_mypage_home.svg);}
#mypageSection #mypageNavArea #mypageNav > ul > li.history > a{background-image: url(../img/mypage/icon_mypage_history.svg);}
#mypageSection #mypageNavArea #mypageNav > ul > li.favorite > a{background-image: url(../img/mypage/icon_mypage_favorite.svg);}
#mypageSection #mypageNavArea #mypageNav > ul > li.edit > a{background-image: url(../img/mypage/icon_mypage_edit.svg);}
#mypageSection #mypageNavArea #mypageNav > ul > li.account > a {background-image: url(../img/mypage/icon_mypage_account.svg);}
#mypageSection #mypageNavArea #mypageNav > ul > li.payment > a{background-image: url(../img/mypage/icon_mypage_payment.svg);}
#mypageSection #mypageNavArea #mypageNav > ul > li.review > a{background-image: url(../img/mypage/icon_mypage_review.svg);}

#mypageSection #mypageNavArea #mypageNav > ul > li > a:hover{
	text-decoration: underline;
	opacity: .6;
}
#mypageSection #mypageNavArea #mypageNav > ul > li.current > a{
	color: #cc2424;
	font-weight: 700;
}

#mypageSection #mypageNavArea #mypageNavClose{display: none;}


/****************************
mypageMainArea
****************************/
#mypageSection .mypageMainArea{
	display: block;
	width: 75%;
	min-height: 500px;
	float: right;
}

#mypageSection .mypageMainArea .subttl{font-size: 18px;}

/****************************
mypageHomeMenu
****************************/
#mypageSection .mypageHomeMenu{display: block;}

#mypageSection .mypageHomeMenu > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#mypageSection .mypageHomeMenu > ul > li{
	display: block;
	width: 49.10714285714286%;
	margin-right: 1.78571428571429%;
	margin-top: 20px;
}
#mypageSection .mypageHomeMenu > ul > li:nth-child(1),
#mypageSection .mypageHomeMenu > ul > li:nth-child(2){margin-top: 0;}
#mypageSection .mypageHomeMenu > ul > li:nth-child(2n){margin-right: 0;}


#mypageSection .mypageHomeMenu > ul > li > a{
	display: table;
	width: 100%;
	height: 100%;
	padding-right: 40px;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 1.4;
	color: #000000;
	text-decoration: none;
    background: url(../img/common/icon_arrow_green.svg) calc(100% - 10px) center no-repeat;
    background-size: auto 11px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#mypageSection .mypageHomeMenu > ul > li > a:hover{opacity: .6;}

#mypageSection .mypageHomeMenu > ul > li > a > dl{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding:20px 0 20px 80px;
	background-repeat: no-repeat;
	background-position: 17px center;
	background-size: 46px auto;
}

#mypageSection .mypageHomeMenu > ul > li.history > a > dl{background-image: url(../img/mypage/icon_mypage_history.svg);}
#mypageSection .mypageHomeMenu > ul > li.favorite > a > dl{background-image: url(../img/mypage/icon_mypage_favorite.svg);}
#mypageSection .mypageHomeMenu > ul > li.edit > a > dl{background-image: url(../img/mypage/icon_mypage_edit.svg);}
#mypageSection .mypageHomeMenu > ul > li.account > a > dl{background-image: url(../img/mypage/icon_mypage_account.svg);}
#mypageSection .mypageHomeMenu > ul > li.payment > a > dl{background-image: url(../img/mypage/icon_mypage_payment.svg);}
#mypageSection .mypageHomeMenu > ul > li.review > a > dl{background-image: url(../img/mypage/icon_mypage_review.svg);}

#mypageSection .mypageHomeMenu > ul > li > a > dl > dt{
	font-weight: 700;
	margin-bottom: 5px;
}


/**************************************
mypageHistoryTabel
**************************************/
#mypageSection .mypageHistoryTabel{
	display: block;
}


#mypageSection .mypageHistoryTabel > .historyOneBox{
	display: block;
	border: 1px solid #d2d2d2;
	margin-bottom: 20px;
}

/** historyHead ***************/
#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead{
	display: table;
	width: 100%;
	padding: 20px 20px;
	background: #f4f4f4;
}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > dl{
	display: table-cell;
	width: 20%;
	padding: 0;
	font-size: 14px;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
}


#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > dl > dt{
	display: block;
	margin-bottom: 8px;
	font-weight: 700;
}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > dl > dd{}


#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail{
	display: table-cell;
	min-width: 95px;
	padding: 0 0 0 10px;
	text-align: center;
	vertical-align: middle;
}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail > a,
#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 0 0 0;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
	background: url(../img/common/icon_arrow_green.svg) calc(100% - 5px) center no-repeat #FFFFFF;
	background-size:8px auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail > a:hover,
#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail > button:hover{opacity: .6;}

@media screen and (min-width:769px) and ( max-width:860px) {
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead{padding: calc(20 * (100vw / 860));}
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > dl{font-size: calc(14 * (100vw / 860));}
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail{padding-left: calc(10 * (100vw / 860));}
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail > a > span,
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyHead > .btnHistoryDetail > button > span{display: none;}
}

/*** FujiFilm V5 Custom start ****/
/*** 注文機能 ****/
/*** 注文履歴_キャンセル対応 ***********/
/**************************************
mypageordercancelarea
**************************************/
.orderCancelConfArea{
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #e7002e;
	padding-bottom: 10px;
}

#mypageSection .orderCancelArea {
	display: table;
	width: 100%; height: 93px;
	border: 1px solid #d2d2d2;
	text-align: right;
	margin-bottom: 20px;
	padding: 20px 20px;
}

#mypageSection .orderCancelArea > .orderCancelText{
	display: table-cell;
	padding: 0 25px;
	font-size: 14px;
	color: #e7002e;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;

}

#mypageSection .orderCancelArea > .btnOrderCancel{
	width: 25%;
	padding: 0 1px;
	text-align: right;
	display: table-cell;
}
#mypageSection .btnOrderCancel > a,
#mypageSection .btnOrderCancel > button{
	display: block;
	width: 100%;
	height: 50px;
	background: #00a273;
	padding: 0 25px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#mypageSection .btnOrderCancel > a:hover,
#mypageSection .btnOrderCancel > button:hover{opacity: .6;}

#mypageSection .btnOrderCancel > a > span,
#mypageSection .btnOrderCancel> button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
#mypageSection .btnOrderCancel > a:disabled,
#mypageSection .btnOrderCancel> button:disabled{
	display: block;
	width: 100%; height: 50px;
	background: #999999;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}

#mypageSection .btnOrderCancel > button:disabled:hover{opacity: 1;}



/*** 注文履歴_領収書ダウンロード対応 ***********/
#mypageSection .orderCancelArea > .btnOrderReceipt{
	width: 25%;
	padding: 0 1px;
	text-align: right;
	display: table-cell;
}

#mypageSection .btnOrderReceipt > a,
#mypageSection .btnOrderReceipt > button{
	display: block;
	width: 100%;
	height: 50px;
	background: #00a273;
	padding: 0 25px;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#mypageSection .btnOrderReceipt > a:hover,
#mypageSection .btnOrderReceipt > button:hover{opacity: .6;}

#mypageSection .btnOrderReceipt > a > span,
#mypageSection .btnOrderReceipt> button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
#mypageSection .btnOrderReceipt > a:disabled,
#mypageSection .btnOrderReceipt> button:disabled{
	display: block;
	width: 100%; height: 50px;
	background: #999999;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}

#mypageSection .btnOrderReceipt > button:disabled:hover{opacity: 1;}

/*** FujiFilm V5 Custom end ****/


/** historyBody ***************/
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody{
	display: block;
	padding: 0 20px;
}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline{
	display: table;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dotted #d2d2d2;
}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline:nth-last-child(1){border-bottom: none;}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl{
	display: table-cell;
	padding: 0;
	font-size: 14px;
	line-height: 1.2;
	text-align: left;
	vertical-align: top;
}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl.addrName{width: 20%;}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl.orderProdcuts{width: 40%;}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl.contactNum{width: 40%;}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dt{
	display: block;
	margin-bottom: 8px;
	font-weight: 700;
}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd{padding-right: 20px;}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl.contactNum dd{padding-right: 0;}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd > ul{display: block;}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd > ul > li{
	display: block;
	margin-bottom: 8px;
}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd > ul > li:nth-last-of-type(1){margin-bottom: 0;}

#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd > ul > li > a{
	display: inline-block;
	text-decoration: underline;
	color: #000000;
	padding-left: 14px;
	background: url(../img/common/icon_arrow_gray.svg) 4px 4px no-repeat;
	background-size: 6px auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd > ul > li > a:hover{opacity: .6;}



@media screen and (min-width:769px) and ( max-width:860px) {
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody{padding: 0 calc(20 * (100vw / 860));}
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline{padding: calc(20 * (100vw / 860)) 0;}
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl{font-size: calc(14 * (100vw / 860));}
	#mypageSection .mypageHistoryTabel > .historyOneBox .historyBody .addrOneline > dl > dd > ul > li > a{
		padding-left: calc(14 * (100vw / 860));
		background: url(../img/common/icon_arrow_gray.svg) calc(4 * (100vw / 860)) calc(4 * (100vw / 860)) no-repeat;
		background-size: calc(6 * (100vw / 860)) auto;
	}
}

/**************************************
mypageHistoryDetail
**************************************/
#mypageSection .mypageHistoryDetail{}


#mypageSection .mypageHistoryDetail .historyHead{
	display: table;
	width: 100%;
	padding: 20px 20px;
	margin-bottom: 20px;
	background: #f4f4f4;
}

#mypageSection .mypageHistoryDetail .historyHead > dl{
	display: table;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px;
}
#mypageSection .mypageHistoryDetail .historyHead > dl:nth-last-of-type(1){margin-bottom: 0;}

#mypageSection .mypageHistoryDetail .historyHead > dl > dt{
	display: table-cell;
	width: 5em;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
}
#mypageSection .mypageHistoryDetail .historyHead > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: top;
}
#mypageSection .mypageHistoryDetail .historyHead > dl > dd::before{
	content: '\：';
	vertical-align: top;
	padding-right: 1em;
}

/*** historyPaymentArea ********************/
#mypageSection .mypageHistoryDetail .historyPaymentArea{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
	margin-bottom: 30px;
}
#mypageSection .mypageHistoryDetail .historyPaymentArea .subttl{margin-bottom: 15px;}

/*** totalPrice***********/
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice{
	display: block;
	width: 48%;
	margin-right: 5%;
	float: left;
	border-bottom: 1px solid #d2d2d2;
}

#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl{
	display: table;
	width: 100%;
	padding: 10px 0;
	font-size: 14px;
}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl > dt > span{font-weight: 400;}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl.delive > dt > span{padding-left: 2.2em;}

#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl > dd{
	display: table-cell;
	text-align: right;
}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl.coupon > dd{color: #e7002e;}


#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice .subtotal{
	padding: 20px 0;
	border-top: 1px solid #d2d2d2;
}

#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice .otherPrice{
	display: block;
	width: 100%;
	padding:10px 0;
	border-top: 1px solid #d2d2d2;
	font-size: 14px;
}

#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice .total{
	display: table;
	width: 100%;
	padding: 20px 0 20px;
	border-top: 1px solid #d2d2d2;
	font-weight: 700;
	font-size: 18px;
}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice .total > dt{
	display: table-cell;
	text-align: left;
}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice .total > dd{
	display: table-cell;
	text-align: right;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice dl{font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageHistoryDetail .historyPaymentArea > .totalPrice .total{font-size: calc(18 * (100vw / 1000));}
}


/*** paymentAddr ***********/
#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr{
	display: block;
	width: 47%;
	float: left;
	border-bottom: 1px solid #d2d2d2;
}

#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.payment{padding-bottom: 30px;}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.payment > dt{}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.payment > dd{
	font-size: 14px;
	padding: 20px 0;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.billingAddr > dl{}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.billingAddr > dt{}
#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.billingAddr > dd{
	font-size: 14px;
	line-height: 1.6;
	padding: 20px 0;
	border-top: 1px solid #d2d2d2;
}


@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.payment > dd{font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageHistoryDetail .historyPaymentArea > .paymentAddr > dl.billingAddr > dd{font-size: calc(14 * (100vw / 1000));}
}

/**************************************
historyByAddr
**************************************/
#mypageSection .mypageHistoryDetail .historyByAddr{
	display: block;
	border: 1px solid #d2d2d2;
	margin-bottom: 20px;
}

#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead{
	height: 60px;
	padding: 0 20px;
	position: relative;
	background: #efefef;
}
#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead .historyByAddrTTL{
	font-size: 16px;
	font-weight: 700;
	line-height: 60px;
}

#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead .btnDeliveryConfirm{
	display: block;
	width: 200px;
	position: absolute;
	right: 10px;
	top: 10px;
}

#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead .btnDeliveryConfirm > a,
#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead .btnDeliveryConfirm > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 0 0 25px;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
	background: url(../img/common/icon_blank_link.svg) 15px center no-repeat #FFFFFF;
	background-size:16px auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead .btnDeliveryConfirm > a:hover,
#mypageSection .mypageHistoryDetail .historyByAddr .historyByAddrHead .btnDeliveryConfirm > button:hover{opacity: .6;}


/*** deliveryStatusArea ***********/
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
	padding: 20px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #d2d2d2;
}

#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus{
	display: block;
	width: 60%;
	padding-right: 20px;
	float: left;
}

#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl{
	display: table;
	width: 100%;
	padding: 20px 0;
	font-size: 14px;
	border-bottom: 1px dotted #d2d2d2;
}
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl:nth-last-of-type(1){border-bottom: none;}

#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dt{
	display: table-cell;
	text-align: left;
	font-weight: 700;
	width: 126px;
	white-space: nowrap;
}
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dd{
	display: table-cell;
	text-align: left;
}

#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dd.delivered{
	display: flex;
	padding-bottom: 10px;
}
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dd.deliveredNote{
	display: flex;
	flex-direction: column;
	font-size: 12px;
	white-space: normal;
}
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dd.deliveredNote > p{
	padding-bottom: 10px;
}

#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryAddr{
	width: 40%;
	padding: 10px 0 10px 20px;
	border-left: 1px solid #d2d2d2;
}

#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryAddr dl{font-size: 14px;}
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryAddr dl > dt{
	font-weight: 700;
	margin-bottom: 10px;
}
#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryAddr dl > dd{line-height: 1.6;}


@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryAddr dl > dd{font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dt{font-size: calc(14 * (100vw / 1000)); width: calc(126 * (100vw / 1000));}
	#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dd{font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageHistoryDetail .historyByAddr .deliveryStatusArea > .deliveryStatus dl > dd.deliveredNote{font-size: calc(12 * (100vw / 1000));}
}
#mypageSection .mypageHistoryDetail .reorderLimtMsg{font-size: 14px;}

/**************************************
.mypageItemTable
**************************************/
#mypageSection .mypageItemTable{
	display: block;
}

#mypageSection .mypageHistoryDetail .mypageItemTable{padding: 0 20px;}

#mypageSection .mypageItemTable .mypageItemTableHead{
	display: table;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
}

#mypageSection .mypageItemTable .mypageItemTableHead > li{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
	padding-bottom: 20px;
	font-weight: 700;
}

#mypageSection .mypageItemTable .mypageItemTableHead > li.itemInfo{ width: 50%;}
#mypageSection .mypageItemTable .mypageItemTableHead > li.itemInfo.editItem{ width: 35%;}
#mypageSection .mypageItemTable .mypageItemTableHead > li.quantity{ width: 15%; text-align: center; }
#mypageSection .mypageItemTable .mypageItemTableHead > li.quantity.noInput{ width: 5%; text-align: center; }
#mypageSection .mypageItemTable .mypageItemTableHead > li.price{ width: 15%; text-align: center; }
#mypageSection .mypageItemTable .mypageItemTableHead > li.total{ width: 15%; text-align: center; }
#mypageSection .mypageItemTable .mypageItemTableHead > li.btn{ width: 20%; text-align: center; padding-left: 10px;}
#mypageSection .mypageItemTable .mypageItemTableHead > li.btn.wide{width: 30%;}


#mypageSection .mypageItemTable .mypageItemTableHead > li.saveDate{width: 17.5%; text-align: center;}
#mypageSection .mypageItemTable .mypageItemTableHead > li.saveLimit{width: 17.5%; text-align: center;}



@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .mypageItemTableHead > li{font-size: calc(16 * (100vw / 1000));}
}


/*** itemList ***************/
#mypageSection .mypageItemTable .itemList{
	display: block;
	border-bottom: 1px solid #d2d2d2;
}
#mypageSection .mypageHistoryDetail .mypageItemTable .itemList{border-bottom: none;}

#mypageSection .mypageItemTable .itemList > li{
	display: block;
	width: 100%;
	border-bottom: 1px solid #d2d2d2;
	position: relative;
	padding: 20px 0;
}
#mypageSection .mypageItemTable .itemList > li:nth-last-of-type(1){border-bottom: none;}

#mypageSection .mypageItemTable .itemList > li .saveName{font-size: 20px;}

#mypageSection .mypageItemTable .itemList > li > .inner{
	display: table;
	width: 100%;
}

#mypageSection .mypageItemTable .itemList > li .img{
	display: table-cell;
	width:15%;
	padding-right: 15px;
	text-align: center;
	vertical-align: top;
}
#mypageSection .mypageItemTable .itemList > li .img > img{display: block; width: 100%; height: auto;}

#mypageSection .mypageItemTable .itemList > li .img > .previewOpen{
	display: block;
	width: 100%;
	height: 100%;
	height: auto;
	position: relative;
	cursor: pointer;
}
#mypageSection .mypageItemTable .itemList > li .img > .previewOpen::before{
	content: '';
	width: 30px; height: 30px;
	background: url(../img/common/icon_preview.svg) center center no-repeat rgba(255,255,255,.8);
	background-size: 20px auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .img > .previewOpen::before{
		content: '';
		width:  calc(30 * (100vw / 1000)); height:  calc(30 * (100vw / 1000));
		background: url(../img/common/icon_preview.svg) center center no-repeat rgba(255,255,255,.8);
		background-size:  calc(20 * (100vw / 1000)) auto;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}
}


#mypageSection .mypageItemTable .itemList > li .img > .previewOpen::after{
	content: '\プレビュー';
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%; height: 100%;
	text-align: center;
	background: rgba(0,0,0,.6);
	font-size: 14px;
	color: #FFFFFF;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

#mypageSection .mypageItemTable .itemList > li .img > .previewOpen:hover::after{
	opacity: 1;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .img > .previewOpen::after{ font-size: calc(14 * (100vw / 1000));}
}

#mypageSection .mypageItemTable .itemList > li .img > .previewOpen > img{display: block; width: 100%; height: auto;}


#mypageSection .mypageItemTable .itemList > li .img.vaMiddle{vertical-align: middle;}


#mypageSection .mypageItemTable .itemList > li .itemInfo{
	display: table-cell;
	width: 35%;
	text-align: left;
	vertical-align: middle;
	padding-right: 20px;
}

#mypageSection .mypageItemTable .itemList > li .itemInfo.editItem{width: 20%;}

#mypageSection .mypageItemTable .itemList > li .itemInfo > p{
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

#mypageSection .mypageItemTable .itemList > li .itemInfo > dl{display: block;}

#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dt{
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 15px;
	line-height: 1.4;
}
#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dt > a{
	color: #000000;
	text-decoration: none;
}
#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dt > a:hover{text-decoration: underline;}

#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo{ display: block;}

#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul{display: block;}
#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li{
	display: table;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}

#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li > span{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li > span:nth-of-type(1){white-space: nowrap;}
#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li > span:nth-of-type(1)::after{
	content:'\：';
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .itemInfo > dl > dd.skuInfo > ul > li{font-size: calc(14 * (100vw / 1000));}
}


/*** price ****/
#mypageSection .mypageItemTable .itemList > li .price{
	display: table-cell;
	width: 20%;
	text-align: center;
	vertical-align: middle;
}
#mypageSection .mypageItemTable .itemList > li .price > dl{display: block; margin: 0 auto;}
#mypageSection .mypageItemTable .itemList > li .price > dl > dt{display: none;}
#mypageSection .mypageItemTable .itemList > li .price > dl > dd{ display: block; font-size: 14px;}
#mypageSection .mypageItemTable .itemList > li .price > dl > dd > span{
	display: block;
	text-align: center;
}
#mypageSection .mypageItemTable .itemList > li .price > dl > dd > span.salePrice{ color: #e7002e;}
#mypageSection .mypageItemTable .itemList > li .price > dl > dd > span.originalPrice{ color: #000000;}
#mypageSection .mypageItemTable .itemList > li .price > dl > dd > span.salePrice + span.originalPrice{ text-decoration: line-through; padding-top: 10px;}


/*** quantit ****/
#mypageSection .mypageItemTable .itemList > li .quantity{
	display: table-cell;
	width: 15%;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
#mypageSection .mypageItemTable .itemList > li .quantity.noInput{width: 5%;}


#mypageSection .mypageItemTable .itemList > li .quantity > dl{display: block; margin: 0 auto;}
#mypageSection .mypageItemTable .itemList > li .quantity > dl > dt{display: none;}
#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd{ display: block; font-size: 14px;}

#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd > select{
	max-width: 4em;
	padding-left: 5px;
	padding-right: 5px;
}

#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd > .stock{
	padding-top: 10px;
}
#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd > .stock > span{
	display: inline-block;
}
#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd > .stock > span.stockNum{
	font-weight: 700;
	padding-left: 5px;
}

#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd > .errMsg{
	padding-top: 10px;
	font-size: 14px;
	margin-bottom: -85px;
	text-align: left;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd{font-size: calc(14 * (100vw / 1000));}
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	#mypageSection .mypageItemTable .itemList > li .quantity > dl > dd > .errMsg{
		font-size: calc(14 * (100vw / 1120));
		margin-bottom: calc(-85 * (100vw / 1120));
	}
}

/*** total ****/

#mypageSection .mypageItemTable .itemList > li .total{
	display: table-cell;
	width:15%;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 700;
	padding: 0 0 0 0;
}

#mypageSection .mypageItemTable .itemList > li .total > dl{
	display: block;
}
#mypageSection .mypageItemTable .itemList > li .total > dl > dt,
#mypageSection .mypageItemTable .itemList > li .total > dl > dd{
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}
#mypageSection .mypageItemTable .itemList > li .total > dl > dt{display: none;}

#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice{padding-top: 10px;}
#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dt{
	display: block;
	font-weight: 400;
	font-size: 14px;
	margin-bottom: 5px;
	text-align: center;
}
#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dt::before{
	content: '\[ ';
	display: inline-block;
}
#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dt::after{
	content: '\ ]';
	display: inline-block;
}
@media screen and (min-width:769px) and ( max-width:1120px) {
	#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dt{font-size: calc(14 * (100vw / 1120));}
}

#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dd{
	display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .total > dl > dt,
	#mypageSection .mypageItemTable .itemList > li .total > dl > dd{font-size: calc(14 * (100vw / 1120));}
	#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dt{font-size: calc(14 * (100vw / 1120));}
	#mypageSection .mypageItemTable .itemList > li .total > dl.optionPrice > dd{font-size: calc(14 * (100vw / 1120));}
}

/*** saveDate ****/

#mypageSection .mypageItemTable .itemList > li .saveDate,
#mypageSection .mypageItemTable .itemList > li .saveLimit{
	display: table-cell;
	width:17.5%;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	font-weight: 400;
	padding: 0 0 0 0;
}
#mypageSection .mypageItemTable .itemList > li .saveDate > dl,
#mypageSection .mypageItemTable .itemList > li .saveLimit > dl{
	display: block;
}

#mypageSection .mypageItemTable .itemList > li .saveDate > dl > dt,
#mypageSection .mypageItemTable .itemList > li .saveLimit > dl > dt{display: none;}

#mypageSection .mypageItemTable .itemList > li .saveDate > dl > dd,
#mypageSection .mypageItemTable .itemList > li .saveLimit > dl > dd{
	display: block;
	font-weight: 700;
}
#mypageSection .mypageItemTable .itemList > li .saveDate > dl > dd > span,
#mypageSection .mypageItemTable .itemList > li .saveLimit > dl > dd > span{
	display: block;
	padding-top: 5px;
	font-weight: normal;
}
@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .saveDate,
	#mypageSection .mypageItemTable .itemList > li .saveLimit{font-size: calc(14 * (100vw / 1000));}
}

/** btnArea  *****/
#mypageSection .mypageItemTable .itemList > li .btnArea{
	display: table-cell;
	width:20%;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	padding-left: 10px;
}

#mypageSection .mypageItemTable .itemList > li .btnArea.wide{width: 30%;}

#mypageSection .mypageItemTable .itemList > li .btnArea > ul{}

#mypageSection .mypageItemTable .itemList > li .btnArea > ul > li{
	margin-top: 10px;
}
#mypageSection .mypageItemTable .itemList > li .btnArea > ul > li:nth-of-type(1){margin-top: 0;}

#mypageSection .mypageItemTable .itemList > li .btnArea > ul > li.canNotOrder{
	border: 2px solid #e7002e;
	color: #e7002e;
	font-size: 14px;
	line-height: 1.4;
	padding: 10px 0;
	text-align: center;
}
@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageItemTable .itemList > li .btnArea > ul > li.canNotOrder{font-size: calc(14 * (100vw / 1000));}
}

/*** btnMypageCart ***********/
#mypageSection .btnMypageCart > a,
#mypageSection .btnMypageCart > button{
	display: block;
	width: 100%; height: 50px;
	line-height: 48px;
	background: #cc2424;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#mypageSection .btnMypageCart > a:hover,
#mypageSection .btnMypageCart > button:hover{opacity: .6;}

#mypageSection .btnMypageCart > a::before,
#mypageSection .btnMypageCart > button::before{
	content: '';
	display: inline-block;
	width: 30px;  height: 48px;
	vertical-align: middle;
	background: url(../img/common/icon_cart_white.svg) 0 center no-repeat;
	background-size:auto 20px;
}

#mypageSection .btnMypageCart > a > span,
#mypageSection .btnMypageCart > button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#mypageSection .btnMypageCart > button:disabled{
	display: block;
	width: 100%; height: 50px;
	background: #999999;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}
#mypageSection .btnMypageCart > button:disabled:hover{opacity: 1;}


/*** btnMypageEdit ***********/
#mypageSection .btnMypageEdit > a,
#mypageSection .btnMypageEdit > button{
	display: block;
	width: 100%; height: 50px;
	line-height: 48px;
	background: #cc2424;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}

#mypageSection .btnMypageEdit > a:hover,
#mypageSection .btnMypageEdit > button:hover{opacity: .6;}

#mypageSection .btnMypageEdit > a::before,
#mypageSection .btnMypageEdit > button::before{
	content: '';
	display: inline-block;
	width: 30px;  height: 48px;
	vertical-align: middle;
	background: url(../img/common/icon_edit_white.svg) 0 center no-repeat;
	background-size:auto 20px;
}

#mypageSection .btnMypageEdit > a > span,
#mypageSection .btnMypageEdit > button > span{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}

#mypageSection .btnMypageEdit > button:disabled{
	display: block;
	width: 100%; height: 50px;
	background: #999999;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	cursor: not-allowed;
    pointer-events: none;
}
#mypageSection .btnMypageEdit > button:disabled:hover{opacity: 1;}



/*** btnPreview ***********/
#mypageSection .btnPreview > a,
#mypageSection .btnPreview > button{
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 0 0 25px;
    border: 1px solid #d2d2d2;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #000000;
    text-decoration: none;
    position: relative;
    border-radius: 4px;
    background: url(../img/common/icon_edit.svg) 15px center no-repeat #FFFFFF;
    background-size: 18px auto;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
#mypageSection .btnPreview > a:hover,
#mypageSection .btnPreview > button:hover{opacity: .6;}


/**************************************
.previewSection
**************************************/
#mypageSection .previewSectionArea{}

#mypageSection .previewSectionArea .previewSection {
    display: block;
    width: calc(100% - 20px);
    max-width: 1140px;
    max-height: 80vh;
    padding: 40px 0;
    border-radius: 8px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 10vh;
    z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(-50%,200vh);
    -moz-transform: translate(-50%,200vh);
    -o-transform: translate(-50%,200vh);
    transform: translate(-50%,200vh);
    overflow: hidden;
    backface-visibility: hidden;
}

#mypageSection .previewSectionArea.open .previewSection {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
	opacity: 1;
}

#mypageSection .previewSectionArea .previewSection .previewHead{
	height: 40px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #dbdbdb;
}
#mypageSection .previewSection .previewHead > p{
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}

#mypageSection .previewSectionArea .previewSection .previewHead > .btnCloseIcon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#mypageSection .previewSectionArea .previewSection .previewHead > .btnCloseIcon img {
    display: block;
    width: 100%;
    height: auto;
}

#mypageSection .previewSectionArea .previewImageList{
    display: block;
    width: 100%;
    max-height: calc(80vh - 120px);
    padding: 30px 30px 30px;
    overflow-y: auto;
}

#mypageSection .previewSectionArea .previewImageList > ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
	align-items: stretch;
	-webkit-justify-content: left;
	justify-content: left;
	width: 100%;
}

#mypageSection .previewSectionArea .previewImageList > ul > li{
	width: 19.2%;
	margin-right: 1%;
	margin-bottom: 10px;
}
#mypageSection .previewSectionArea .previewImageList > ul > li:nth-of-type(5n){margin-right: 0;}

#mypageSection .previewSectionArea .previewImageList > ul > li > img{display: block; width: 100%; height: auto;}

#mypageSection .previewSectionArea .btnClose{display: none;}


/**************************************
mypagePaymentConfig
**************************************/
#mypageSection .mypagePaymentConfig{}

#mypageSection .mypagePaymentConfig .paymentCardList{
	display: block;
	padding-bottom: 40px;
}

#mypageSection .mypagePaymentConfig .paymentCardList > dl{
	display: table;
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #d2d2d2;
	font-size: 16px;
	line-height: 1.4;
}
#mypageSection .mypagePaymentConfig .paymentCardList > dl:nth-last-of-type(1){margin-bottom: 0;}

#mypageSection .mypagePaymentConfig .paymentCardList > dl > dt,
#mypageSection .mypagePaymentConfig .paymentCardList > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#mypageSection .mypagePaymentConfig .paymentCardList > dl > dt{
	font-weight: 700;
	width: 30%;
	border-right: 1px solid #d2d2d2;
}
#mypageSection .mypagePaymentConfig .paymentCardList > dl > dd.cardInfo{
	padding-left: 20px;
	border-right: 1px solid #d2d2d2;
}
#mypageSection .mypagePaymentConfig .paymentCardList > dl > dd.cardInfo > .name{padding-bottom: 5px;}

#mypageSection .mypagePaymentConfig .paymentCardList > dl > dd.btnDelete{
	width: 100px;
	padding-left: 20px;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypagePaymentConfig .paymentCardList > dl{font-size: calc(16 * (100vw / 1000));}
}

#mypageSection .mypagePaymentConfig .btnAdd{
	width: 468px;
}

/** err Page****/
#mypageSection .mypagePaymentConfig .cardRegistErr{
	padding-top: 30px;
}
#mypageSection .mypagePaymentConfig .cardRegistErr .btnArea{
	width: 468px;
	padding-right: 0;
}

/**************************************
popUpFormArea
**************************************/
#dialog-container .popUpFormArea{}

#dialog-container .popUpFormArea .popUpForm {
    display: block;
    width: 540px;
    max-height: 80vh;
    padding: 30px 0;
    border-radius: 8px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 10vh;
    margin-left: -270px;
    z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(0,200vh);
    -moz-transform: translate(0,200vh);
    -o-transform: translate(0,200vh);
    transform: translate(0,200vh);
    overflow: hidden;
    backface-visibility: hidden;
}

#dialog-container .popUpFormArea.open .popUpForm{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
	opacity: 1;
}

#dialog-container .popUpFormArea .popUpForm .popUpFormHead{
	height: 60px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #dbdbdb;
}
#dialog-container .popUpFormArea .popUpForm .miniHead{
	height: 50px;
}
#dialog-container .popUpFormArea .popUpForm .popUpFormHead > .popUpFormTTL{
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}
#dialog-container .popUpFormArea .popUpForm .popUpFormHead > .requiredMsg{
	padding-top: 10px;
}

#dialog-container .popUpFormArea .popUpForm .popUpFormHead > .btnCloseIcon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#dialog-container .popUpFormArea .popUpForm .popUpFormHead > .btnCloseIcon img {
    display: block;
    width: 100%;
    height: auto;
}

#dialog-container .popUpFormArea .popUpForm .popUpFormInner{
    display: block;
    width: 100%;
    max-height: calc(80vh - 140px);
    padding: 30px 30px 30px;
    overflow-y: auto;
}

#dialog-container .popUpFormArea .popUpForm .popUpFormInner .formArea .btnArea{
	padding: 0;
}

#dialog-container .popUpFormArea .btnClose{display: none;}


/**************************************
mypageEditSection
**************************************/
#mypageSection .mypageEditList{}

#mypageSection .mypageEditList .ledeArea{
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 30px;
}

#mypageSection .mypageEditList .mypageEditCaution{
	margin-top: 30px;
	padding: 30px;
	background: #efefef;
	font-size: 14px;
	line-height: 1.4;
}


/**************************************
.mypageFavoriteList
**************************************/
#mypageSection .mypageFavoriteList{
	display: block;
}

#mypageSection .mypageFavoriteList > ul{}


/*** itemList ***************/
#mypageSection .mypageFavoriteList > ul > li{
	display: block;
	width: 100%;
	position: relative;
	padding: 0;
	border: 1px solid #d2d2d2;
	margin-bottom: 20px;
}

#mypageSection .mypageFavoriteList > ul > li > .inDate{
	display: block;
	padding: 15px 10px;
	font-size: 14px;
	background: #f4f4f4;
}
#mypageSection .mypageFavoriteList > ul > li > .inDate > dl{ display: table;}
#mypageSection .mypageFavoriteList > ul > li > .inDate > dl > dt,
#mypageSection .mypageFavoriteList > ul > li > .inDate > dl > dd{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#mypageSection .mypageFavoriteList > ul > li > .inDate > dl > dt::after{
	content: '\：';
	padding: 0 0.5em;
	vertical-align: middle;
}

/*** itemList ***************/
#mypageSection .mypageFavoriteList > ul > li .inner{
	display: table;
	width: 100%;
	padding: 10px;
}

#mypageSection .mypageFavoriteList > ul > li .img{
	display: table-cell;
	width:20%;
	padding-right: 15px;
	text-align: center;
	vertical-align: top;
}
#mypageSection .mypageFavoriteList > ul > li .img > img{display: block; width: 100%; height: auto;}

#mypageSection .mypageFavoriteList > ul > li .itemInfo{
	display: table-cell;
	width: 30%;
	text-align: left;
	vertical-align: middle;
	padding-right: 15px;
	border-right: 1px solid #d2d2d2;
}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > p{
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl{display: block;}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dt,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .name
{
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.4;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dt > a,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .name > a
{
	color: #000000;
	text-decoration: none;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dt > a:hover{text-decoration: underline;}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo{ display: block;}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo > ul{display: block;}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo > ul > li,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .sku,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .attribute
{
	display: table;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 1.2;
}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo > ul > li > span,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .sku > span,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .attribute > span
{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo > ul > li > span:nth-of-type(1),
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .sku > span:nth-of-type(1),
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .attribute > span:nth-of-type(1)
{
	white-space: nowrap;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo > ul > li > span:nth-of-type(1)::after{
	content:'\：';
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageFavoriteList > ul > li .itemInfo > dl > dd.skuInfo > ul > li{font-size: calc(14 * (100vw / 1000));}
}


/*** price ****/
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price
{
	display: block;
	border-top: 1px dotted #d2d2d2;
	padding-top: 10px;
	margin-top: 10px;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > span{
	display: table;
	margin: 0;
	font-size: 14px;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dt,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > span{
	display: table-cell;
	white-space: nowrap;
	vertical-align: top;
	text-align: left;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dt::after,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > span.label::after{
	content:'\：';
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd{
	display: table-cell;
	vertical-align: top;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span{
	display: block;
	text-align: left;
}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > ul{
	display: block;
	text-align: left;
}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span.salePrice,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span.price-sales,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > span.value > span.price-sales,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > ul > li.salePrice,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > ul > li.value > li.price-sales
{ color: #e7002e;}
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span.originalPrice,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span.price-standard,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > span.value > span.price-standard,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > ul > li.originalPrice,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > ul > li.value > li.price-standard
{color: #000000;}

#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span.salePrice + span.originalPrice,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > span.price-sales + span.price-standard,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > span.value > span.price-sales + span.price-standard,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd > ul > li.salePrice + li.originalPrice,
#mypageSection .mypageFavoriteList > ul > li .itemInfo > .product-list-item > .price > ul > li.value > li.price-sales + li.originalPrice
{ text-decoration: line-through; padding-top: 5px;}


@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dt {font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageFavoriteList > ul > li .itemInfo > .price > dl > dd {font-size: calc(14 * (100vw / 1000));}
}

/*** quantit ****/
#mypageSection .mypageFavoriteList > ul > li .quantity{
	display: table-cell;
	width: 20%;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

#mypageSection .mypageFavoriteList > ul > li .quantity > dl{
	display: block;
	margin: 0 auto;
	position: relative;
}
#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dt{
	display: block;
	width: 4em;
	position: absolute;
	font-size: 14px;
	top: 13.5px;
	right: 50%;
	margin-left: -4em;
}
#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dt::after {
    content: '\：';
    display: inline-block;
    vertical-align: top;
}

#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd{ display: block; font-size: 14px;}

#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd > select{
	width: 4em;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 4em;
}

#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd > .stock{
	padding-top: 10px;
}
#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd > .stock > span{
	display: inline-block;
}
#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd > .stock > span.stockNum{
	font-weight: 700;
	padding-left: 5px;
}

#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd > .errMsg{
	padding-top: 10px;
	font-size: 14px;
	text-align: left;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd{font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageFavoriteList > ul > li .quantity > dl > dd > .errMsg{font-size: calc(14 * (100vw / 1000));}
}

/*** canNotOrderArea ****/
#mypageSection .mypageFavoriteList > ul > li .canNotOrderArea{
	display: table-cell;
	width: 20%;
	padding: 0 10px;
	text-align: left;
	vertical-align: middle;
	position: relative;
}

#mypageSection .mypageFavoriteList > ul > li .canNotOrderArea .canNotOrder{
	color: #e7002e;
	font-size: 14px;
	line-height: 1.4;
}

@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageFavoriteList > ul > li .canNotOrderArea .canNotOrder{font-size: calc(14 * (100vw / 1000));}
}

/** btnArea  *****/
#mypageSection .mypageFavoriteList > ul > li .btnArea{
	display: table-cell;
	width:30%;
	text-align: center;
	vertical-align: middle;
	font-weight: 700;
	padding-left: 10px;
}

#mypageSection .mypageFavoriteList > ul > li .btnArea > ul{}

#mypageSection .mypageFavoriteList > ul > li .btnArea > ul > li{
	margin-top: 10px;
}
#mypageSection .mypageFavoriteList > ul > li .btnArea > ul > li:nth-of-type(1){margin-top: 0;}

#mypageSection .mypageFavoriteList > ul > li .btnArea > ul > li.canNotOrder{
	border: 2px solid #e7002e;
	color: #e7002e;
	font-size: 14px;
	line-height: 1.4;
	padding: 10px 0;
	text-align: center;
}
@media screen and (min-width:769px) and ( max-width:1000px) {
	#mypageSection .mypageFavoriteList > ul > li .btnArea > ul > li.canNotOrder{font-size: calc(14 * (100vw / 1000));}
	#mypageSection .mypageFavoriteList > ul > li .btnArea .btnMypageCart > button > span > span,
	#mypageSection .mypageFavoriteList > ul > li .btnArea .btnMypageCart > a > span > span{display: none;}
}



/**************************************
mypageAccountConfig
**************************************/
#mypageSection .mypageAccountConfig{
	margin-bottom: 50px;
}

#mypageSection .mypageAccountConfig .mypageAccountConfigBox{
	display: block;
	padding: 20px;
	text-align: center;
	border: 1px solid #d2d2d2;
}

#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner{
	display: table;
	width: 100%;
}

#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner > .text{
	display: table-cell;
	width: 60%;
	text-align: left;
	vertical-align: middle;
	padding-right: 20px;
}
#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner > .text > p{
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner > .text > p.caution{
	font-weight: 400;
	margin-bottom: 0;
}

#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner > .btnGreen{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner > .btnGreen > button,
#mypageSection .mypageAccountConfig .mypageAccountConfigBox > .inner > .btnGreen > a{
	height: 45px;
	padding: 16px 0;
}


/**************************************
mypageAddrConfig
**************************************/
#mypageSection .mypageAddrConfig{}

#mypageSection .mypageAddrConfig .mypageAddrConfigBox{
	display: block;
	padding: 20px;
	text-align: center;
	border: 1px solid #d2d2d2;
	margin-bottom: 30px;
}

#mypageSection .mypageAddrConfig .mypageAddrConfigBox > .inner{
	display: table;
	width: 100%;
}

#mypageSection .mypageAddrConfig .mypageAddrConfigBox > .inner > .text{
	display: table-cell;
	width: 60%;
	text-align: left;
	vertical-align: middle;
	padding-right: 20px;
}
#mypageSection .mypageAddrConfig .mypageAddrConfigBox > .inner > .text > p{
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 10px;
}
#mypageSection .mypageAddrConfig .mypageAddrConfigBox > .inner > .text > p.caution{
	margin-bottom: 0;
	font-weight: 400;
}

#mypageSection .mypageAddrConfig .mypageAddrConfigBox > .inner > .btnAdd{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#mypageSection .mypageAddrConfig .subsubttl{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
	padding: 10px;
	background: #f2f2f2;
}

/*** mainAddr  **************************/
#mypageSection .mypageAddrConfig .mainAddrCaution{
	font-size: 14px;
	color: #e7002e;
	margin-bottom: 10px;
	font-weight: 400;
	padding-left: 1em;
	text-indent: -1em;
}

#mypageSection .mypageAddrConfig .mainAddr{
	margin-bottom: 30px;
}

#mypageSection .mypageAddrConfig .mainAddr > .inner{
	display: table;
	width: 100%;
	border: 1px solid #d2d2d2;
	padding: 10px;
}

#mypageSection .mypageAddrConfig .mainAddr > .inner dl{
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}

#mypageSection .mypageAddrConfig .mainAddr > .inner dl > dt{
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 10px;
	line-height: 1.4;
}
#mypageSection .mypageAddrConfig .mainAddr > .inner dl > dd{
	font-size: 14px;
	line-height: 1.6;
}

#mypageSection .mypageAddrConfig .mainAddr > .inner .btnArea{
	display: table-cell;
	width: 150px;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #d2d2e2;
}
#mypageSection .mypageAddrConfig .mainAddr > .inner .btnArea ul{padding: 0 10px 0 20px;}

#mypageSection .mypageAddrConfig .mainAddr > .inner .btnArea ul li{
	display: block;
	margin-bottom: 10px;
}

/*** addAddrList  **************************/
#mypageSection .mypageAddrConfig .addAddrList{}

#mypageSection .mypageAddrConfig .addAddrList > ul{
	width: 100%;
}

#mypageSection .mypageAddrConfig .addAddrList > ul > li{
	display: block;
	margin-bottom: 10px;
	border: 1px solid #d2d2d2;
	padding: 10px;
}
#mypageSection .mypageAddrConfig .addAddrList > ul > li:nth-of-type(2n){margin-right: 0;}

#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner{
	display: table;
	width: 100%;
}
#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner dl{
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
	text-align: left;
}

#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner dl > dt{
	display: block;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 10px;
}
#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner dl > dd{
	font-size: 14px;
	line-height: 1.6;
}

#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner .btnArea{
	display: table-cell;
	width: 150px;
	vertical-align: middle;
	text-align: center;
	border-left: 1px solid #d2d2e2;
}
#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner .btnArea ul{padding: 0 10px 0 20px;}

#mypageSection .mypageAddrConfig .addAddrList > ul > li > .inner .btnArea ul li{
	display: block;
	margin-bottom: 10px;
}


/*** btnChange ***********/
.btnChange > a,
.btnChange > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 38px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnChange > a::before,
.btnChange > button::before{
	content: '';
	display: block;
	width: 18px; height: 38px;
	background: url(../img/mypage/icon_mypage_account.svg) 0 9px no-repeat;
	background-size:18px auto;
	position: absolute;
	left: 8px;
	top: 1px;
}

.btnChange > a:hover,
.btnChange > button:hover{opacity: .6;}

/*** btnReload ***********/
.btnReload > a,
.btnReload > button{
	display: block;
	width: 100%; height: 40px;
	padding: 0 15px 0 30px;
	background: #FFFFFF;
	border: 1px solid #d2d2d2;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	position: relative;
	border-radius: 4px;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity  0.2s ease;
}
.btnReload > a::before,
.btnReload > button::before{
	content: '';
	display: block;
	width: 18px; height: 38px;
	background: url(../img/common/icon_reload.svg) 0 10px no-repeat;
	background-size:18px auto;
	position: absolute;
	left: 8px;
	top: 1px;
}

.btnReload > a:hover,
.btnReload > button:hover{opacity: .6;}




/**************************************
deleteDialogArea
**************************************/
#main .deleteDialogArea{}

#main .deleteDialogArea .deleteDialog{
    display: block;
    width: 540px;
    max-height: 80vh;
    padding: 30px 0;
    border-radius: 8px;
    background: #ffffff;
    position: fixed;
    left: 50%;
    top: 10vh;
    margin-left: -270px;
    z-index: 2001;
	opacity: 0;
    webkit-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -moz-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -o-transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    transition: transform 0.3s ease 0.2s, opacity 0.2s ease 0.1s;
    -webkit-transform: translate(0,200vh);
    -moz-transform: translate(0,200vh);
    -o-transform: translate(0,200vh);
    transform: translate(0,200vh);
    overflow: hidden;
    backface-visibility: hidden;
}

#main .deleteDialogArea.open .deleteDialog{
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
	opacity: 1;
}

#main .deleteDialogArea .deleteDialog .deleteDialogHead{
	height: 40px;
    padding: 0 30px 20px;
    border-bottom: 1px solid #dbdbdb;
}
#main .deleteDialogArea .deleteDialog .deleteDialogHead > .deleteDialogTTL{
    font-size: 20px;
    font-weight: 700;
    color: #000000;
}
#main .deleteDialogArea .deleteDialog .deleteDialogHead > .btnCloseIcon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
#main .deleteDialogArea .deleteDialog .deleteDialogHead > .btnCloseIcon img {
    display: block;
    width: 100%;
    height: auto;
}

#main .deleteDialogArea .deleteDialog .deleteDialogInner{
    display: block;
    width: 100%;
    max-height: calc(80vh - 140px);
    padding: 30px 30px 30px;
    overflow-y: auto;
}

#main .deleteDialogArea .deleteDialog .deleteDialogInner .lede{
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	color: #e7002e;
	margin-bottom: 40px;
	line-height: 1.6;
}
#main .deleteDialogArea .deleteDialog .deleteDialogInner .lede span{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #000000;
	margin-bottom: 5px;
}

#main .deleteDialogArea .deleteDialog .deleteDialogInner .btnArea{
	padding: 0;
}

#main .deleteDialogArea .deleteDialog .deleteDialogInner .btnArea > ul{}
#main .deleteDialogArea .deleteDialog .deleteDialogInner .btnArea > ul > li{margin-bottom: 20px;}
#main .deleteDialogArea .deleteDialog .deleteDialogInner .btnArea > ul > li:nth-last-of-type(1){margin-bottom: 0;}
#main .deleteDialogArea .deleteDialog .deleteDialogInner .btnArea > ul > li.btnDelete:nth-of-type(1) > button{background: #efefef;}

#main .deleteDialogArea .deleteDialogBg{
	display: none;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}
#main .deleteDialogArea.open .deleteDialogBg{
	display: block;
}

/**************************************
searcNohit
**************************************/
#searchResultMainArea .searchResultList .searcNohit{
	background: #f2f2f2;
	padding: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}

/**************************************
staticSection
**************************************/

#commonSectionArea{
	width: 100%;
	max-width: 1140px;
	padding: 0 10px;
	margin: 0 auto;
	line-height: 1.4;
}

.commonSection{
	font-size: 14px;
	margin-bottom: 40px;
}

.numList{
	display: block;
	padding-left: 1.5em;
	list-style-type: decimal;
	list-style-position:outside;
}
.numList > li{
	margin-bottom: 10px;
}

.circleList{
	display: block;
	list-style-type: disc;
	list-style-position:outside;
	padding-left: 1.5em;
}
.circleList > li{
	margin-bottom: 10px;
}

.numList .circleList,
.circleList .numList{padding-top: 20px;}

.borderBox{
	display: block;
	padding: 20px;
	border: 1px solid #d2d2d2;
}

.borderBox.half{
	max-width: 520px;
}

.contctAddr{
	margin-bottom: 10px;
}

.contctAddr > dt{
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.contctAddr > dd{margin-bottom: 10px;}

.waitText{
	font-weight: 700;
}

.contctAddr + .waitText{
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px dotted #d2d2d2;
}

.updateCopy{
	text-align: right;
	padding: 20px 0 40px;
	font-size: 14px;
	line-height: 1.6;
}

/**************************************
.btnTextBoxList
**************************************/
.btnTextBoxList{
	display: block;
	width: 100%;
	padding: 0 30px;
	border: 1px solid #dbdbdb;
	margin-bottom: 40px;
}

@media screen and (min-width:769px) and ( max-width:1120px) {
	.btnTextBoxList{padding:0 calc(30 * (100vw / 1120));}
}

.btnTextBoxList > dl{
	display: table;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px dotted #d2d2d2;
}
.btnTextBoxList > dl:nth-last-of-type(1){border-bottom: none;}


.btnTextBoxList > dl > dt{
	display: table-cell;
	width: 60%;
	font-size: 14px;
	vertical-align: middle;
	text-align: left;
	padding-left: 20px;
	line-height: 1.4;
}
.btnTextBoxList > dl > dt > span{
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 10px;
}

.btnTextBoxList > dl > dd{
	display: table-cell;
	padding-right: 20px;
	padding-left: 20px;
	vertical-align: middle;
}

/**************************************
overRayBg
**************************************/
#overRayBg{
	display: none;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
}
#overRayBg.open{
	display: block;
}


/**************************************
overRide
**************************************/
.mb10{margin-bottom: 10px!important;}

/**************************************
SPitem
**************************************/
.spView{display: none!important;}

#headPopUpCloseBtn{display: none;}


/**************************************
AP Customize(inherit style.css)
**************************************/
.js .simple-submit {
    display: none;
}

.infinite-scroll .search-result-content .infinite-scroll-loading {
  text-align: center;
  background: url("../images/infinite-loading-indicator.gif") center no-repeat;
  height: 35px;
  width: 100%;
}

.disable-infinite-scroll .search-result-content .page-element {
  display: none;
}

.search-result-content {
  clear: both; }
  .search-result-content .product-price .price-standard {
    color: #999;
    font-weight: 100;
    text-decoration: line-through; }


.js .loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.js .loader-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.7; }

.js .loader-indicator {
  z-index: 100;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  height: 64px;
  background: url("../images/loading-small.gif") no-repeat; }

  .ListMode .product-tile {
    height: auto !important;
}

.ui-widget-overlay {
  background: url("../images/interface/ui-overlay-shadow.svg") repeat scroll 50% 50% #333;
  opacity: 0.4;
}

#mypageSection .mypageMainArea .mypage-no-data{
	background: #f2f2f2;
	padding: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	text-align: left;
}
/* Custom CSS for SearchRefineBar*/
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 30px;
    padding-top: 2px;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background: #FFFFFF;
	border: 1px solid #d2d2d2;
    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;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	border: 1px solid #eee;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #cc2424;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#main .breadcrumb-category > li{
    font-size: 12px !important;
}
#main .breadcrumb-item{
}
#main .breadcrumb-item > li{
    font-size: 12px !important;
    margin-left: 20px;
    display: list-item !important;
}

#main .breadcrumb-item> li::after{
	display: none;
}

.breadcrumb-relax{
	display: inline-block;
	padding: 0px 1px 0px 2px;
}

.breadcrumb-refinement-value-close{
	content: '';
	cursor: pointer;
	display: inline-block;
	width: 8px;
	height: 8px;
	background: url(../img/common/icon_close.svg) 0 center no-repeat;
	background-size: 8px 8px;
}
#main .formArea > .checkBoxArea .hide{
  display: none; }

/* CVN Tooltip */
.form-field-tooltip {
  float: left;
  margin-left: 3%;
  padding-top: .75em;
  width: 20%; }
.tooltip {
  cursor: help;
  position: relative;
  text-decoration: underline;
  color: #000000;
  }
  .tooltip.product-tile {
    cursor: pointer; }

.tooltip-content {
  display: none;
    font-size: 1.2em;
    font-weight: bold;
}

.ui-tooltip.ui-widget-content {
  background: #333;
  border-radius: 3px;
  box-shadow: 2px 3px 3px 0 #999;
  color: #fff; }

.ui-tooltip-content {
  padding: 0.3em; }
.ui-tooltip-content .recommendation-tooltip-header {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.5em; }
.ui-tooltip-content .recommendation-tooltip-header .product-price {
	font-weight: 400; }
.ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
	color: #999;
	text-decoration: line-through; }
.ui-tooltip-content .recommendation-tooltip-description,
.ui-tooltip-content .recommendation-tooltip-attributes {
    padding: 0.8em; }
.ui-tooltip-content .shipping-method-cost,
.ui-tooltip-content .surcharge-product,
.ui-tooltip-content .promo {
    text-align: right;
    padding-bottom: .3rem; }
.ui-tooltip-content .shippingtotal {
    clear: right;
    text-align: right;
    margin-top: .3rem; }
.ui-tooltip-content .shippingtotal .value {
      border-top: 1px solid #424242;
      padding-top: .3rem; }

/* PaymentMethod　DispControl */

.payment-method {
  clear: both;
  display: none; }

.payment-method-expanded {
  display: block; }


/**************************************
browser-compatibility-alert
**************************************/
.browser-compatibility-alert{
    max-width: 1140px;
	padding: 20px 10px 20px;
	margin: 0 auto;
}
.browser-compatibility-alert p{
	padding-top: 5px;
}

/**************************************
header-banner
**************************************/
#header .header-promotion {
    text-align: center;
    background: #444;
    min-height: 10px;
    font-size:14px;
	color: #fff!important;
	padding-top: 5px;
	padding-bottom: 5px;
}

/**************************************
cart-shipping-schedule-link
**************************************/
.cart-shipping-schedule-link > a {
	text-decoration:underline;
	color:#cc2424;
}


/**************************************
Billing zerobalance Message
**************************************/
.gift-cert-used,.form-indent {
    font-size: 1.4rem;
}

/**************************************
Phone Link Control
**************************************/
a[href^="tel:"] {
	pointer-events: none;
	color: inherit;
	text-decoration: inherit;
}

/**************************************
iPhone Dialog Scroll Lock Control
**************************************/
#addAddrFormArea,
.ui-dialog
{
	position: fixed;
}

/**************************************
#19171
**************************************/
/* キタムラ追記 */
#header #glnav ul#headCategoryNav {display: none!important;}
#footer #footCategoryNav > dl {display: none!important;}

/*** updateShippingDate ***************/
#orderConfirm .updateShippingDate{
    padding: 20px;
}

.updateShippingDate {
    font-size: 25px;
    color: #ff0033;
    padding-bottom: 20px;
}

.updateShippingDate dd{
    text-align: center;
}

.updateShippingDateDialog{
    font-size: 30px;
    color: #ff0033;
    padding: 30px;
    font-weight: 700;
    text-align: center;
}

.summaryDialogBtnArea .submit-button {
    margin-bottom: 20px;
    display: block;
    width: 100%;
    height: 60px;
    padding: 20px 0;
    background: #00a273;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.summaryDialogBtnArea .coShippingStartButton {
    display: block;
    width: 100%;
    height: 60px;
    padding: 20px 0;
    background: #00a273;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

/**************************************
popUpBox
**************************************/
.popUpBox{
    display: block;
    width: 100%;
    background: rgba(0,0,0,.3);
    overflow: auto;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    webkit-transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transform: translate(-200vw, 0);
    -moz-transform: translate(-200vw, 0);
    -o-transform: translate(-200vw, 0);
    transform: translate(-200vw, 0);
}
.popUpBox.open{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    z-index: 1000;
}

.popUpBox.lock{
    overflow: hidden;
}

.popUpBox .popUpBg{
    content: '';
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.popUpBox .popUpInner{
    width: 540px;
    padding: 20px 40px;
    margin: 0 auto;
    background: #FFFFFF;
    position: relative;
    z-index: 2;
}

.popUpBox .popUpInner > .btnCloseIcon {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.popUpBox .popUpInner > .btnCloseIcon img {
    display: block;
    width: 100%;
    height: auto;
}