html {
	font-size: 62.5%;
}

body {
	font-family: "Noto SansCJK JP", "Noto Sans JP", sans-serif;
	font-size: 1.2rem;
	color: #333333;
}

@font-face {
	font-family: "iconFont";
	src: url("/assets/fonts/icomoon.eot?ecvby3");
	src: url("/assets/fonts/icomoon.eot?ecvby3#iefix") format("embedded-opentype"),
		url("/assets/fonts/icomoon.ttf") format("truetype"),
		url("/assets/fonts/icomoon.woff") format("woff"),
		url("/assets/fonts/icomoon.svg?ecvby3#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Noto Sans JP";
	src: url("/assets/fonts/NotoSansJP-VariableFont_wght.ttf")
		format("truetype-variations");
	font-weight: 100 900;
}
/**************************************
 wrap
 **************************************/
#wrap {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	background: url(../img/bg_body_circle.gif) center -80px repeat-y;
	background-size: calc(1500 * (100vw / 1520)) auto;
}

@media (max-width: 1499px) {
	#wrap {
		background-size: 1500px auto;
	}
}

/**************************************
 Animation
 **************************************/
@-webkit-keyframes showAnimation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes showAnimation {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/**************************************
 Btn
 **************************************/
button {
	outline: none;
}

/** cart ******************************/
.cartBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 0 0 0 36px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 36px;
	letter-spacing: -0.05em;
}
.cartBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 36px;
	height: 26px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_head_cart.png) center center no-repeat;
	background-size: 22px auto;
	left: 0;
	top: 5px;
}

.cartBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** estimatetBtn ******************************/
.estimatetBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 0 0 0 36px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 36px;
}
.estimatetBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 36px;
	height: 26px;
	border-right: 1px solid #bd7200;
	background: url(../img/icon_estimate.png) center center no-repeat;
	background-size: 12px auto;
	left: 0;
	top: 5px;
}

.estimatetBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** draftBtn ******************************/
.draftBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	padding: 0 0 0 36px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 36px;
}
.draftBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 36px;
	height: 26px;
	border-right: 1px solid #bd7200;
	background: url(../img/icon_draft.png) center center no-repeat;
	background-size: 20px auto;
	left: 0;
	top: 5px;
}

.draftBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** normal_deli_qty ******************************/
.estimate_cart_count #normal_deli_qty {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	font-size: 1rem;
	line-height: 18px;
	text-align: center;
	padding: 0;
	background: #ff9900;
	color: #ffffff;
	margin: 14px -10px 0 -176px;
	position: absolute;
}

.cart_count #normal_deli_qty {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	font-size: 1rem;
	line-height: 18px;
	text-align: center;
	padding: 0;
	background: #cc0000;
	color: #ffffff;
	margin: 14px -10px 0 -176px;
	position: absolute;
}

.original_order_count #normal_deli_qty {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	font-size: 1rem;
	line-height: 18px;
	text-align: center;
	padding: 0;
	background: #ff9900;
	color: #ffffff;
	margin: 14px -10px 0 -176px;
	position: absolute;
}

/** cartIn ******************************/
.cartInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 40px;
}
.cartInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_cart_in.png) center center no-repeat;
	background-size: 30px 30px;
	left: 5px;
	top: 5px;
}

.cartInBtn button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** cartIn[disabled] ******************************/
.cartInBtn button[disabled] {
	background: #cccccc;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	cursor: default;
}
.cartInBtn button[disabled]::before {
	border-right: 1px solid #999999;
}

.cartInBtn button[disabled]:hover {
	opacity: 1;
}

/** estimateIn ******************************/
.estimateInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}
.estimateInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_estimate.png) center center no-repeat;
	background-size: 30px 30px;
	left: 5px;
	top: 5px;
}

.estimateInBtn button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** contact ******************************/
.contactBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 60px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}
.contactBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 50px;
	border-right: 1px solid #cc6600;
	background: url(/assets/img/icon_contact.png) center center no-repeat;
	background-size: 26px 26px;
	left: 0;
	top: 5px;
}

.contactBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.8;
}

/** historyBack ******************************/
.historyBackBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 22px;
	padding: 0 0 0 16px;
	border-radius: 4px;
	background: #999999;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 22px;
}
.historyBackBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 22px;
	height: 16px;
	border-right: 1px solid #ffffff;
	background: url(/assets/img/icon_historyback.gif) center center no-repeat;
	background-size: 16px 16px;
	left: 0;
	top: 3px;
}

.historyBackBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.8;
}

/** arrowGrayBtn******************************/
.arrowGrayBtn button,
.arrowGrayBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
}

.arrowGrayBtn button::before,
.arrowGrayBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	background: url(/assets/img/icon_arrow_gray.png) center center no-repeat;
	background-size: 18px 18px;
	left: 0;
	top: 5px;
}

.arrowGrayBtn button:hover,
.arrowGrayBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

.printEstimate {
	margin-left: 10px;
	padding: 10px 0;
}
.printEstimate a {
	width: 200px;
}

.printReceipt {
	margin-left: 10px;
	padding: 10px 0;
}
.printReceipt a {
	width: 200px;
}

.printInvoice {
	margin-left: 10px;
	padding: 10px 0;
}
.printInvoice a {
	width: 200px;
}

/** arrowOrangeBtn******************************/
.arrowOrangeBtn button,
.arrowOrangeBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	/*width: 100%;*/
	width: 230px;
	/*height: 40px;*/
	height: 50px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 0.6);
	line-height: 50px;
}

.arrowOrangeBtn button::before,
.arrowOrangeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 40px;
	border-right: 1px solid #ac6700;
	background: url(/assets/img/icon_arrow_white.png) center center no-repeat;
	background-size: 10px auto;
	left: 0;
	top: 5px;
}

.arrowOrangeBtn button:hover,
.arrowOrangeBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** moreServiceBtn******************************/
.moreServiceBtn button,
.moreServiceBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 50px;
	padding: 0;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	background: #ffffff;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	line-height: 48px;
}

.moreServiceBtn button::before,
.moreServiceBtn a::before {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -5px;
	right: 10px;
}

.moreServiceBtn button:hover,
.moreServiceBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** contact_table *********************/
.contact_table {
	width: 910px;
	margin: 0px auto;
}
.contact_table th {
	width: 300px;
	height: 9px;
	vertical-align: text-top;
	padding: 10px;
	background-color: #eeeeee;
}
.contact_table td {
	height: 9px;
	padding: 10px 10px 10px 15px;
}
.contact_img {
	padding: 20px 0px 0px 30px;
}
/** resetBtn******************************/
.resetBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	padding: 0 0 0 22px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.6);
	line-height: 18px;
}

.resetBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 22px;
	height: 12px;
	border-right: 1px solid #999999;
	background: url(/assets/img/icon_close.png) center center no-repeat;
	background-size: 8px 8px;
	left: 0;
	top: 3px;
}

.resetBtn button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.8;
}

/** backBtn******************************/
.backBtn button,
.backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
}

.backBtn button::before,
.backBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	background: url(/assets/img/icon_return.png) center center no-repeat;
	background-size: 30px 30px;
	left: 0;
	top: 5px;
}

.backBtn button:hover,
.backBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** nextBtn******************************/
.nextBtn button,
.nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}
.nextBtn button::before,
.nextBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_arrow_white.png) center no-repeat;
	background-size: 12px auto;
	left: 5px;
	top: 5px;
}

.nextBtn button:hover,
.nextBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
/** closeBtn******************************/
.closeBtn button,
.closeBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
}

.closeBtn button::before,
.closeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	left: 0;
	top: 5px;
}
.closeBtn button::after,
.closeBtn a::after {
	content: "\ea1c";
	display: block;
	position: absolute;
	width: 14px;
	height: 14px;
	font-family: iconFont;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	text-align: center;
	font-size: 1.4rem;
	color: #333333;
	font-weight: 500;
	left: 0;
	top: 11px;
	z-index: 1;
}

.closeBtn button:hover,
.closeBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** underBtnArea *********************/
.underBtnArea {
	width: 610px;
	margin: 40px auto 40px auto;
}
.underBtnArea ul {
}
.underBtnArea ul li.nextBtn,
.underBtnArea ul li.topBtn,
.underBtnArea ul li.arrowOrangeBtn {
	float: right;
	width: 360px;
}
.underBtnArea ul li.backBtn {
	float: left;
	width: 200px;
	padding: 10px 0;
}

.underBtnArea ul li.closeBtn {
	float: left;
	width: 200px;
	padding: 0;
}

.underBtnArea.single {
	width: 360px;
}

.underBtnArea.single ul li.nextBtn,
.underBtnArea.single ul li.backBtn,
.underBtnArea.single ul li.arrowOrangeBtn,
.underBtnArea.single ul li.closeBtn {
	float: none;
	margin: 0 auto;
}

/** historyUpperBtnArea *********************/
.historyUpperBtnArea {
	width: 90%;
	margin: auto 1%;
}

.historyUpperBtnArea ul {
	display: flex;
	width: 100%;
}

.historyUpperBtnArea ul li {
	margin-left: 10px;
	width: 25%;
}

/** historyUnderBtnArea *********************/
.historyUnderBtnArea {
	width: 90%;
	margin: auto 5%;
}

.historyUnderBtnArea ul {
	display: flex;
	width: 100%;
	justify-content: center;
}
.historyUnderBtnArea ul li {
	padding: 10px 0;
	margin-left: 10px;
	width: 25%;
}

.historyUnderBtnArea .nextBtn button,
.historyUnderBtnArea .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: initial;
}
.historyUnderBtnArea .nextBtn button::before,
.historyUnderBtnArea .nextBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 35px;
	height: 33px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_arrow_white.png) center no-repeat;
	background-size: 12px auto;
	left: 5px;
	top: 5px;
}

.historyUnderBtnArea .nextBtn button:hover,
.historyUnderBtnArea .nextBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

.historyUnderBtnArea .approvalBtn button,
.historyUnderBtnArea .approvalBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	border-radius: 4px;
	background: #84af2d;
	border-color: #84af2d;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
}

.historyUnderBtnArea .approvalBtn button:hover,
.historyUnderBtnArea .approvalBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

.historyUnderBtnArea .cancelBtn button,
.historyUnderBtnArea .cancelBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
}

.historyUnderBtnArea .cancelBtn button:hover,
.historyUnderBtnArea .cancelBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** texticon******************************/
a.iconArrow {
	color: #008ad2;
}
a.iconArrow::before {
	content: "\ea1c";
	font-family: iconFont;
	display: inline-block;
	font-size: 1rem;
	text-decoration: none;
	padding-right: 2px;
}
a.iconArrow:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/**************************************
 input
 **************************************/

select {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.2rem;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: middle;
	cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="number"],
input[type="password"] {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.2rem;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: middle;
	cursor: pointer;
}
textarea {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.2rem;
	padding: 4px;
	background: #ffffff;
	border: 1px solid #999999;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
		Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	vertical-align: middle;
	cursor: pointer;
}

input::-webkit-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
input:-ms-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
input::-moz-placeholder {
	color: #ccc;
	font-weight: normal;
}
textarea::-webkit-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
textarea:-ms-input-placeholder {
	color: #ccc;
	font-weight: normal;
}
textarea::-moz-placeholder {
	color: #ccc;
	font-weight: normal;
}

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

/**************************************
 formTable
 **************************************/
#mainContents .formTable {
	display: block;
	width: 100%;
	margin: 20px auto 0;
}

#mainContents .formTable > .ttl {
	margin-top: 30px;
}

#mainContents .formTable > dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 10px auto 10px auto;
}
#mainContents .formTable > dl:last-child {
	margin-bottom: 0;
}

#mainContents .formTable > dl > dt {
	display: table-cell;
	width: 300px;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
#mainContents .formTable > dl.required > dt::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
}

#mainContents .formTable > dl > dd {
	display: table-cell;
	padding: 20px 0 20px 20px;
	text-align: left;
	vertical-align: top;
}

#mainContents .formTable > dl > dd > span.shipping_cost_non_fix {
	color: #d21300;
}

#mainContents .formTable .confirm_tb > dl > dd {
	left: 10px;
	border: solid 1px #cccccc;
}

#mainContents .formTable > dl > dd select,
#mainContents .formTable > dl > dd input[type="text"],
#mainContents .formTable > dl > dd input[type="tel"],
#mainContents .formTable > dl > dd input[type="number"],
#mainContents .formTable > dl > dd input[type="password"] {
	height: 50px;
	padding: 15px 15px;
}
#mainContents .formTable > dl > dd textarea {
	padding: 15px;
}

#mainContents .formTable > dl > dd input[type="tel"] {
	width: 50%;
}

#mainContents .formTable > dl.required > dd select,
#mainContents .formTable > dl.required > dd input[type="text"],
#mainContents .formTable > dl.required > dd input[type="tel"],
#mainContents .formTable > dl.required > dd input[type="number"],
#mainContents .formTable > dl.required > dd input[type="password"],
#mainContents .formTable > dl.required > dd textarea {
	border-color: #cccccc;
	/* background: #fffff2; */
}

/*post prefectures*/
#mainContents .formTable > dl > dd select.prefectures {
	width: 200px;
	padding-right: 0;
}

/*post num*/
#mainContents .formTable > dl > dd > ul.postNum {
	display: table;
}
#mainContents .formTable > dl > dd > ul.postNum li {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#mainContents .formTable > dl > dd > ul.postNum li:nth-of-type(1) {
	width: 200px;
}
#mainContents .formTable > dl > dd > ul.postNum li:nth-of-type(2) {
	width: 180px;
	padding: 0 20px;
}
#mainContents .formTable > dl > dd > ul.postNum li.arrowGrayBtn > a {
	font-weight: 300;
	font-size: 1.2rem;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
}
#mainContents .formTable > dl > dd > ul.postNum li.arrowGrayBtn > a::before {
	height: 20px;
	width: 30px;
}

#mainContents .formTable > dl > dd > ul.postNum li.arrowGrayBtn > input {
	font-weight: 300;
	font-size: 1.2rem;
	height: 28px;
	line-height: 28px;
	padding-left: 30px;
	position: relative;
	box-sizing: border-box;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	color: #000000;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 0.6);
	background-image: url(/assets/img/icon_arrow_gray.png);
	background-repeat: no-repeat;
	background-position: 0;
}

/*usser name*/
#mainContents .formTable > dl > dd > ul.userName {
	display: table;
}
#mainContents .formTable > dl > dd > ul.userName li {
	display: table-cell;
	text-align: left;
}
#mainContents .formTable > dl > dd > ul.userName li > label {
	display: table;
}
#mainContents .formTable > dl > dd > ul.userName li > label > span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(1) {
	width: 35px;
	font-size: 1.4rem;
	font-weight: 700;
}
#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(2) {
	padding-right: 30px;
}

/**************************************
 confirmTable
 **************************************/
#mainContents .confirmTable {
	display: block;
	width: 100%;
	margin: 20px auto 0;
}

#mainContents .confirmTable > .ttl {
	margin-top: 30px;
}

#mainContents .confirmTable > dl {
	display: table;
	width: 100%;
	margin: 10px auto 10px auto;
}
#mainContents .confirmTable > dl:last-child {
	margin-bottom: 0;
}

#mainContents .confirmTable > dl > dt {
	display: table-cell;
	width: 300px;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
#mainContents .confirmTable > dl.required > dt::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
}

#mainContents .confirmTable > dl > dd {
	display: table-cell;
	padding: 20px 0 20px 20px;
	text-align: left;
	vertical-align: top;
	position: relative;
	left: 10px;
	border: solid 1px #cccccc;
}

.showAddress {
	border: none;
	color: white;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	background-color: #ffa500;
}

/*radioList*/
#mainContents .formTable > dl > dd > .radioList {
	margin-bottom: -10px;
}
#mainContents .formTable > dl > dd > .radioList > li {
	display: block;
	width: 300px;
	margin: 0 20px 10px 0;
	float: left;
}
#mainContents .formTable > dl > dd > .radioList > li:nth-of-type(2n-1) {
	clear: both;
}
#mainContents .formTable > dl > dd > .radioList > li > label {
	display: table;
	width: 100%;
	height: 46px;
	font-size: 1.4rem;
	background: #9abed2;
}
#mainContents .formTable > dl > dd > .radioList > li:not(.current) > label {
	cursor: pointer;
}
#mainContents .formTable > dl > dd > .radioList > li.current > label {
	background: #008ad2;
	color: #ffffff;
	font-weight: 700;
}
#mainContents .formTable > dl > dd > .radioList > li > label > span {
	display: table-cell;
	vertical-align: middle;
}
#mainContents
	.formTable
	> dl
	> dd
	> .radioList
	> li
	> label
	> span:nth-child(1) {
	width: 34px;
	padding: 0 10px;
}
#mainContents
	.formTable
	> dl
	> dd
	> .radioList
	> li:not(.current)
	> label:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/*caution texr*/
#mainContents .formTable > dl > dd .caution {
	font-size: 1rem;
	line-height: 1.4;
	margin-top: 5px;
	padding-left: 2px;
}

#mainContents .formTable > dl > dd .mailConfirm {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 15px 0 5px 0;
	padding-left: 2px;
}

#mainContents .formTable > dl > dd .passConfirm {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 15px 0 5px 0;
	padding-left: 2px;
}

/*privacyBox*/
#mainContents .formTable > dl > dd .privacyBox {
}
#mainContents .formTable > dl > dd .privacyBox .privacyCaution {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 0 0 10px 0;
	padding-left: 2px;
}

#mainContents .formTable > dl > dd .privacyBox .privacyText {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 200px;
	padding: 10px;
	margin-bottom: 20px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
	background: #fffff2;
}

#mainContents .formTable > dl > dd .privacyBox .privacyAgree {
	padding: 14px;
	background: #fffff2;
}
#mainContents .formTable > dl > dd .privacyBox .privacyAgree label {
	display: table;
	font-size: 1.4rem;
	cursor: pointer;
}
#mainContents .formTable > dl > dd .privacyBox .privacyAgree label span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#mainContents
	.formTable
	> dl
	> dd
	.privacyBox
	.privacyAgree
	label
	span:first-child {
	width: 20px;
}
#mainContents .formTable > dl > dd .privacyBox .privacyAgree label span input {
	vertical-align: top;
}

#mainContents .formTable > dl > dd .purchaseCaution {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 10px 0 0 0;
	padding-left: 1em;
	text-indent: -1em;
}

#mainContents .formTable > dl > dd .indentCaution {
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 10px 0 0 0;
	padding-left: 1em;
	text-indent: -1em;
}

#mainContents .formTable > dl > dd .question {
	margin: 0 0 10px 0;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 700;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

/* portia *********************************/
#mainContents .formTable > dl > dd .portiaCheck {
}
#mainContents .formTable > dl > dd .portiaCheck ul {
}

#mainContents .formTable > dl > dd .portiaCheck ul > li {
	display: block;
	width: 320px;
	margin: 0 20px 10px 0;
	float: left;
}
#mainContents .formTable > dl > dd .portiaCheck ul > li:nth-of-type(2n) {
	margin-right: 0;
}

#mainContents .formTable > dl > dd .portiaCheck ul > li:nth-of-type(2n-1) {
	clear: both;
}
#mainContents .formTable > dl > dd .portiaCheck ul > li > label {
	display: table;
	width: 100%;
	height: 46px;
	font-size: 1.4rem;
	background: #9abed2;
}
#mainContents .formTable > dl > dd .portiaCheck ul > li:not(.current) > label {
	cursor: pointer;
}
#mainContents .formTable > dl > dd .portiaCheck ul > li.current > label {
	background: #008ad2;
	color: #ffffff;
	font-weight: 700;
}
#mainContents .formTable > dl > dd .portiaCheck ul > li > label > span {
	display: table-cell;
	vertical-align: middle;
}
#mainContents
	.formTable
	> dl
	> dd
	.portiaCheck
	ul
	> li
	> label
	> span:nth-child(1) {
	width: 34px;
	padding: 0 10px;
}
#mainContents
	.formTable
	> dl
	> dd
	.portiaCheck
	ul
	> li:not(.current)
	> label:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/**********************************************
	businessTypeCheck
*********************************************/

#mainContents .formTable > dl > dd .businessTypeCheck {
}
#mainContents .formTable > dl > dd .businessTypeCheckk ul {
}

#mainContents .formTable > dl > dd .businessTypeCheck ul > li {
	display: block;
	width: 320px;
	margin: 0 20px 10px 0;
	float: left;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li:nth-of-type(2n) {
	margin-right: 0;
}

#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li:nth-of-type(2n-1) {
	clear: both;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li > label {
	display: table;
	width: 100%;
	height: 46px;
	font-size: 1.4rem;
	background: #9abed2;
}
#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li:not(.current)
	> label {
	cursor: pointer;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li.current > label {
	background: #008ad2;
	color: #ffffff;
	font-weight: 700;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li > label > span {
	display: table-cell;
	vertical-align: middle;
}
#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li
	> label
	> span:nth-child(1) {
	width: 34px;
	padding: 0 10px;
}
#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li:not(.current)
	> label:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .formTable > dl > dd .portiaAlreadyCheck {
	display: none;
	background: #9abed2;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck.open {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck.current {
	background: #008ad2;
	color: #ffffff;
	font-weight: 700;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck.open:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .formTable > dl > dd .portiaAlreadyCheck label {
	display: table;
	width: 100%;
	padding: 14px;
	font-size: 1.4rem;
	cursor: pointer;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck label span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck label span:first-child {
	width: 20px;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck label span input {
	vertical-align: top;
}

#mainContents .formTable > dl > dd .portiaCaution {
	display: none;
	margin-top: 20px;
}
#mainContents .formTable > dl > dd .portiaCaution.open {
	display: table;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}
#mainContents .formTable > dl > dd .portiaCaution dl {
}
#mainContents .formTable > dl > dd .portiaCaution dl dt {
	font-size: 1.4rem;
	font-weight: 700;
	padding-left: 2px;
	padding-bottom: 5px;
}
#mainContents .formTable > dl > dd .portiaCaution dl dd {
	display: block;
	margin-top: 5px;
	padding-left: calc(1em + 2px);
	text-indent: -1em;
	font-size: 1.2rem;
	line-height: 1.4;
}

#mainContents .formTable > dl > dd .portiaCaution dl dd.arrowGrayBtn,
#mainContents .formTable > dl.portiaAlreadyNotCheck > dd .arrowGrayBtn {
	text-indent: 0;
	padding: 0;
	width: 200px;
	margin-top: 10px;
}
#mainContents .formTable > dl > dd .portiaCaution dl dd.arrowGrayBtn > a,
#mainContents .formTable > dl.portiaAlreadyNotCheck > dd .arrowGrayBtn a {
	font-weight: 300;
	font-size: 1.2rem;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
}
#mainContents
	.formTable
	> dl
	> dd
	.portiaCaution
	dl
	dd.arrowGrayBtn
	> a::before,
#mainContents
	.formTable
	> dl.portiaAlreadyNotCheck
	> dd
	.arrowGrayBtn
	a::before {
	height: 20px;
	width: 30px;
}
#mainContents .formTable > dl.portiaAlreadyNotCheck > dd .arrowGrayBtn {
	margin-top: 5px;
}

#mainContents .formTable > dl > dd .portiaCaution dl dd.aboutPortia {
	text-indent: 0;
	padding: 0;
}

#mainContents .formTable > dl > dd > ul.corpNum {
	display: table;
}
#mainContents .formTable > dl > dd > ul.corpNum li {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#mainContents .formTable > dl > dd > ul.corpNum li:nth-of-type(1) {
	width: 200px;
}
#mainContents .formTable > dl > dd > ul.corpNum li:nth-of-type(2) {
	width: 220px;
	padding: 0 20px;
}
#mainContents .formTable > dl > dd > ul.corpNum li.arrowGrayBtn > a {
	font-weight: 300;
	font-size: 1.2rem;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
}
#mainContents .formTable > dl > dd > ul.corpNum li.arrowGrayBtn > a::before {
	height: 20px;
	width: 30px;
}

#mainContents .formTable > dl.portiaAlready,
#mainContents .formTable > dl.portiaPrivateType,
#mainContents .formTable > dl.portiaAlreadyNot,
#mainContents .formTable > dl.portiaAll {
	display: none;
}

#mainContents .formTable > dl.portiaAlready.open,
#mainContents .formTable > dl.portiaPrivateType.open,
#mainContents .formTable > dl.portiaAlreadyNot.open,
#mainContents .formTable > dl.portiaAll.open {
	display: table;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}
/**************************************
 stepFlow
 **************************************/

.stepFlow {
}
.stepFlow ol {
	display: table;
	width: 100%;
	height: 30px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}
.stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: #9abed2;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
}
.stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid #9abed2;
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.stepFlow ol li::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid #ffffff;
	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: #008ad2;
	color: #ffffff;
}
.stepFlow ol li.current::after {
	border-left-color: #008ad2;
}

/**************************************
 errorMsg
 **************************************/
.errorMsg {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	margin: 0 auto 40px auto;
	background: #fffff2;
	border: 2px solid #ff0000;
	line-height: 1.4;
}
.errorMsg .alertMsg {
}
.errorMsg .alertMsg ul {
}
.errorMsg .alertMsg ul li {
	font-size: 1.6rem;
	font-weight: 700;
	color: #ff0000;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}
.errorMsg .alertMsg ul li:last-child {
	margin-bottom: 0;
}

/**************************************
 normalMsg
 **************************************/
.normalMsg {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	margin: 0 auto 40px auto;
	background: #fffff2;
	border: 2px solid #008ad2;
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}

/**************************************
 header
 **************************************/
#header {
	display: block;
	width: 100%;
	height: 140px;
	padding-top: 35px;
	box-sizing: border-box;
	position: relative;
}

#header.paymentMode {
	height: 80px;
	padding: 0;
}

/** .headMain ***********************/
#header .headMain {
	width: 980px;
	height: 65px;
	margin: 0 auto;
}

#header .headMain .logoArea {
	display: table;
	height: 65px;
	margin: 0;
	float: left;
}

#header .headMain .logoArea .logo {
	display: table-cell;
	width: 181px;
	text-align: left;
	vertical-align: middle;
}
#header .headMain .logoArea .logo img {
	display: block;
	width: 100%;
	height: auto;
}

#header .headMain .headRight {
	display: table;
	width: 580px;
	height: 65px;
	margin: 0;
	float: right;
}

#header .headMain .headRight .headUserName {
	display: table-cell;
	text-align: right;
	font-size: 1rem;
	vertical-align: middle;
}

#header .headMain .headRight .headDraft {
	display: table-cell;
	width: 190px;
	padding-left: 20px;
	vertical-align: middle;
}

#header .headMain .headRight .headCart {
	display: table-cell;
	width: 180px;
	padding-left: 10px;
	vertical-align: middle;
}

/** #headNav ***********************/
#headNav {
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#headNav .openBtn {
	display: none;
}

/** glnav *****/
#headNav > ul#glnav {
	display: table;
	width: 980px;
	height: 40px;
	margin: 0 auto;
}

#headNav ul#glnav > li {
	display: table-cell;
	width: 122.5px;
	vertical-align: middle;
	text-align: center;
	border-left: 2px solid #000000;
}
#headNav ul#glnav > li:last-child {
	width: 124.5px;
	border-right: 2px solid #000000;
}

#headNav ul#glnav > li > a {
	display: table;
	height: 40px;
	width: 100%;
	box-sizing: border-box;
	color: #000000;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	position: relative;
}

#headNav ul#glnav > li > a > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.2;
}

#headNav ul#glnav > li:hover > a,
#headNav ul#glnav > li.current > a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #ff9900;
}
#headNav ul#glnav > li.openNav:hover > a::after {
	content: "\▲";
	display: block;
	width: 12px;
	height: 12px;
	color: #ececec;
	position: absolute;
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	opacity: 1;
	z-index: 11;
}
#headNav ul#glnav > li > a > span > .userBoxNum {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 18px;
	font-size: 1rem;
	line-height: 18px;
	text-align: center;
	padding: 0;
	background: #cc0000;
	color: #ffffff;
	position: absolute;
	right: 4px;
	top: -1px;
}
#headNav ul#glnav > li > a:hover > .userBoxNum {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#headNav ul#glnav > li > .subNav {
	display: none;
	box-sizing: border-box;
	width: 100%;
	padding: 15px 5px 15px 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 44px;
	left: 0;
	background: #ececec;
}
#headNav ul#glnav > li.openNav:hover > .subNav {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
	z-index: 10;
}
#headNav ul#glnav > li.openNav:hover > .subNav::before {
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	height: 5px;
	top: -5px;
	left: 0;
}

#headNav ul#glnav > li.openNav > .subNav > ul {
	-js-display: flex;
	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;
	width: 960px;
	margin: 0 auto;
}

#headNav ul#glnav > li.openNav > .subNav > ul > li {
	width: 192px;
	box-sizing: border-box;
	padding: 5px;
	float: left;
}

#headNav ul#glnav > li.openNav > .subNav > ul > li a {
	display: table;
	width: 100%;
	font-size: 1.2rem;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
}
#headNav ul#glnav > li.openNav > .subNav > ul > li a span {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#headNav ul#glnav > li.openNav > .subNav > ul > li a span:first-child {
	width: 35px;
	height: 30px;
	padding-right: 5px;
}
#headNav ul#glnav > li.openNav > .subNav > ul > li a span:first-child img {
	display: block;
	width: 100%;
	height: 100%;
}

#headNav ul#glnav > li.openNav > .subNav > ul > li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #ff9900;
}
#headNav ul#glnav > li.openNav > .subNav > ul > li a:hover img {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** headUtility *****/
#headNav #headUtility {
	display: block;
	width: 100%;
	height: 35px;
	min-width: 980px;
	overflow: hidden;
	background: #000000;
	font-size: 1rem;
	position: absolute;
	top: -100px;
	left: 0;
}
#headNav #headUtility > .inner {
	display: block;
	max-width: 980px;
	margin: 0 auto;
}

#headNav #headUtility ul {
	display: table;
	margin: 0 0 0 auto;
}

#headNav #headUtility ul li {
	display: table-cell;
	height: 35px;
	padding: 0 0 0 20px;
	vertical-align: middle;
}

#headNav #headUtility ul li a {
	color: #ffffff;
	text-decoration: none;
}
#headNav #headUtility ul li a::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	margin-right: 3px;
	color: #ffffff;
}
#headNav #headUtility ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#headNav #headUtility ul li.headCallcenter {
	padding-left: 40px;
	color: #ffffff;
}
#headNav #headUtility ul li.headCallcenter address {
	display: table;
}
#headNav #headUtility ul li.headCallcenter address > p {
	display: table-cell;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: 700;
	text-align: left;
	padding-bottom: 2px;
}
#headNav #headUtility ul li.headCallcenter address > p > span {
	display: block;
	margin-top: 2px;
	font-weight: normal;
}
#headNav #headUtility ul li.headCallcenter address > p.telNum {
	width: 140px;
	text-align: right;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 0;
}
#headNav #headUtility ul li.headCallcenter address > p.telNum a {
	color: #ffffff;
	text-decoration: none;
}
#headNav #headUtility ul li.headCallcenter address > p.telNum ::before {
	display: none;
}

#headNav #headUtility ul li.headNitto {
	width: 150px;
	padding: 5px 0 5px 30px;
}
#headNav #headUtility ul li.headNitto > a {
	display: block;
	width: 100%;
	background: #cccccc;
	padding: 5px 0;
	border-radius: 25px;
	text-align: center;
}
#headNav #headUtility ul li.headNitto > a::before {
	display: none;
}

#headNav #headUtility ul li.headNitto > a > img {
	display: block;
	margin: 0 auto;
}

/** #headNav ***********************/
#headNavSp {
	display: none;
}

/**************************************
 footer
 **************************************/
#footer {
	width: 100%;
	margin: 0 auto;
	background: #000000;
	color: #000000;
}

#footer > .inner {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

/** footUtility *************/
#footer .footUtility {
	padding: 30px 0;
}
#footer .footUtility ul {
	display: table;
}
#footer.paymentMode > .inner > .footUtility ul {
	margin: 0 0 0 auto;
}

#footer .footUtility ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding-right: 24px;
	font-size: 1.4rem;
}
#footer .footUtility ul li:last-child {
	padding-right: 0;
}

#footer .footUtility ul li a {
	color: #ffffff;
	text-decoration: none;
}
#footer .footUtility ul li a::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	color: #ffffff;
	padding-right: 5px;
}
#footer .footUtility ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** footCategory *************/
#footer .footCategory {
}

#footer .footCategory .footCategoryList {
	display: table;
	width: 100%;
}

#footer .footCategory .footCategoryList > ul {
	display: table-cell;
	width: 25%;
}

#footer .footCategory .footCategoryList > ul > li {
	display: block;
	padding: 10px 0 10px 0;
}
#footer .footCategory .footCategoryList > ul > li:last-child {
	margin-bottom: 0;
}

#footer .footCategory .footCategoryList > ul > li a {
	color: #ffffff;
	text-decoration: none;
}
#footer .footCategory .footCategoryList > ul > li a::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 500;
	padding-right: 5px;
}
#footer .footCategory .footCategoryList > ul > li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#footer .footCategory .footCategoryList > ul > li > a {
	display: block;
	font-size: 1.4rem;
	line-height: 14px;
}

#footer .footCategory .footCategoryList > ul > li > ul {
	padding: 10px 0 0 12px;
}
#footer .footCategory .footCategoryList > ul > li > ul li {
	display: block;
	margin-bottom: 8px;
}

/** footCopy*************/
#footer .footCopyArea {
	display: block;
	width: 100%;
	padding: 40px 0 0 0;
	margin: 0 auto;
}

#footer .footCopy {
	display: table;
	width: 100%;
}
#footer .footCopy a {
	display: block;
}
#footer .footCopy img {
	display: block;
	width: 100%;
	height: auto;
}

#footer .footCopy .sp {
	display: none;
}

#footer .footCopy .logo {
	display: table-cell;
	width: 190px;
	margin: 0;
	text-align: left;
}
#footer .footCopy .copy {
	display: table-cell;
	font-size: 1.2rem;
	color: #ffffff;
	text-align: right;
	vertical-align: bottom;
}

/**************************************
 breadcrumbs
 **************************************/
.breadcrumbs {
	width: 980px;
	margin: 16px auto 0 auto;
}

.breadcrumbs > .historyBackBtn {
	display: block;
	width: 140px;
	float: left;
	margin-right: 20px;
}

.breadcrumbs > ul {
	display: block;
	float: left;
	text-align: left;
}
.breadcrumbs > ul li {
	display: inline-block;
	height: 22px;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: 700;
	line-height: 22px;
	margin-right: 8px;
}
.breadcrumbs > ul li::after {
	content: "＞";
	font-size: 1rem;
	padding-left: 10px;
	vertical-align: top;
}
.breadcrumbs > ul li:last-child::after {
	display: none;
}
.breadcrumbs > ul li a {
	font-weight: 700;
	color: #000000;
	text-decoration: none;
}
.breadcrumbs > ul li:first-child a {
	background: url(/assets/img/icon_bread_home.png) 0 0 no-repeat;
	background-size: 22px 16px;
	padding-left: 25px;
}
.breadcrumbs > ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/**************************************
 anchorNav
 **************************************/
.anchorNav {
	display: block;
	width: 100%;
	max-width: 980px;
	margin: 0 auto 10px auto;
}

.anchorNav ul {
	display: block;
	margin: 0 -20px 0 0;
}

.anchorNav ul li {
	display: block;
	width: 240px;
	height: 40px;
	float: left;
	margin: 0 20px 10px 0;
}

.anchorNav ul li a {
	display: block;
}

.anchorNav ul li a {
	display: block;
	box-sizing: border-box;
	height: 40px;
	padding: 0 30px 0 10px;
	font-size: 1.4rem;
	font-weight: 300;
	background: #9abed2;
	color: #333333;
	text-align: left;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	line-height: 40px;
}

.anchorNav ul li a::after {
	content: "\f0d7";
	font-family: iconFont;
	display: block;
	width: 40px;
	height: 20px;
	overflow: hidden;
	border-left: 1px dotted #008ad2;
	color: #008ad2;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	position: absolute;
	top: 10px;
	right: 0;
}

.anchorNav ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/**************************************
 layout
 **************************************/
#mainWrap {
	display: block;
	width: 980px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}

#mainWrap #sidebar {
	display: block;
	width: 200px;
	float: left;
}

#mainWrap #sidebar #mainContents {
	width: 980px;
	margin: 0 auto;
}

#mainWrap #sidebar + #mainContents {
	display: block;
	width: 760px;
	float: right;
}

#mainWrap .ttlMain {
	width: 100%;
	margin: 0 auto 15px auto;
	padding: 10px 0;
	background: #ececec;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 40px;
	color: #000000;
}
#mainWrap .ttlMain::before {
	content: "";
	display: inline-block;
	width: 6px;
	height: 40px;
	margin-right: 10px;
	background: #008ad2;
	vertical-align: top;
}

#mainWrap.cf > .ttlMain {
	width: 760px;
	float: right;
}

#mainWrap .period,
#mainWrap .pdf {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 5px;
}

#mainWrap .h-tab {
	display: flex;
	flex-wrap: wrap;
	gap: 0 8px;
}

#mainWrap .h-tab > label {
	flex: 1 1;
	order: -1;
	min-width: 70px;
	padding: 0.6em 1em;
	border-radius: 5px 5px 0 0;
	background-color: #008ad2;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
	cursor: pointer;
}

#mainWrap .h-tab > .select {
	background-color: #ffffff;
	border: 3px solid;
	border-bottom: transparent;
	border-color: #008ad2;
	color: #000000;
}

#mainWrap .h-tab input {
	display: none;
}

#mainWrap .h-tab > div {
	display: none;
	width: 100%;
	padding: 1.5em 1em;
	background-color: #fff;
}

#mainWrap .h-tab label {
	display: block;
	opacity: 1;
	font-size: 140%;
	font-weight: bold;
}

#mainWrap .h-tab label a {
	display: block;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#mainWrap .h-tab label + div {
	display: block;
}

#mainWrap .searchForm {
	width: 60%;
	margin: auto;
}

#mainWrap .searchForm .searchText {
	width: 60%;
	font-size: 16px;
	border-radius: 5px;
	margin-right: 10px;
}

#mainWrap .searchForm .searchBtn {
	border: none;
	border-radius: 6px;
	position: absolute;
	color: white;
	padding: 7px 40px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	background-color: #0085d0;
}

#mainWrap .filtering {
	margin-top: 5px;
}

/**************************************
 sidebar
 **************************************/
#sidebar {
}

#sidebar .ttlSidebar {
	margin-bottom: 10px;
	padding-left: 6px;
	border-left: 4px solid #008ad2;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 24px;
	color: #333333;
}

#sidebar .sideInner {
	display: block;
	padding: 10px;
	background: #9abed2;
	border-radius: 4px;
}

/** searchKeyWord *************/

#sidebar .searchKeyWord {
	margin-bottom: 20px;
}
#sidebar .searchKeyWord .inputOuter {
	display: table;
	width: 100%;
}

#sidebar .searchKeyWord .inputOuter input[type="text"] {
	display: table-cell;
	box-sizing: border-box;
	height: 30px;
	padding: 5px;
	width: 150px;
	font-size: 1.2rem;
	border: 1px solid #999999;
	border-right: none;
	background: #ffffff;
	vertical-align: middle;
}

#sidebar .searchKeyWord .inputOuter button {
	display: table-cell;
	width: 30px;
	height: 30px;
	background: #ffffff;
	border: 1px solid #999999;
	border-left: none;
	vertical-align: middle;
	text-align: center;
}
#sidebar .searchKeyWord .inputOuter button img {
	display: block;
	margin: 0 auto;
}

/** searchCategory *************/
#sidebar .searchCategory {
}

#sidebar .searchCategory .sideInner > ul {
}
#sidebar .searchCategory .sideInner > ul > li {
	margin-bottom: 8px;
}
#sidebar .searchCategory .sideInner > ul > li:last-child {
	margin-bottom: 0;
}

#sidebar .searchCategory .sideInner > ul > li .openBtn {
	display: block;
	box-sizing: border-box;
	height: 30px;
	padding: 9px;
	margin-bottom: 4px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	background: #008ad2;
	text-align: left;
	position: relative;
	cursor: pointer;
}

#sidebar .searchCategory .sideInner > ul > li .openBtn::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 12px;
	height: 12px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	position: absolute;
	top: 9px;
	right: 9px;
}
#sidebar .searchCategory .sideInner > ul > li.open .openBtn::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#sidebar .searchCategory .sideInner > ul > li .openBtn:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.9;
}

#sidebar .searchCategory .sideInner > ul > li > ul {
	display: none;
}
#sidebar .searchCategory .sideInner > ul > li.open > ul {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#sidebar .searchCategory .sideInner > ul > li > ul > li {
	display: block;
	width: 100%;
	height: 30px;
	position: relative;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li > a {
	display: block;
	padding: 9px;
	font-size: 1.2rem;
	font-weight: 700;
	text-decoration: none;
	color: #333333;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li > a::after {
	content: "\f105";
	font-family: iconFont;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 9px;
	right: 8px;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li:hover > a {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	color: #ff0000;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li:hover > a::after {
	color: #ff0000;
}

#sidebar .searchCategory .sideInner > ul > li > ul > li > .moreCategory {
	display: none;
	box-sizing: border-box;
	width: 490px;
	padding: 20px 30px;
	border: 1px solid #9abed2;
	background: #ffffff;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	right: -490px;
	z-index: 10;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li.upper > .moreCategory {
	bottom: 0;
	top: inherit;
}

#sidebar .searchCategory .sideInner > ul > li > ul > li:hover > .moreCategory {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> .hoverCover {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: -90px;
	top: 0;
	z-index: -1;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> p:first-child {
	display: block;
	box-sizing: border-box;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 700;
}

#sidebar .searchCategory .sideInner > ul > li > ul > li > .moreCategory > ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
	padding: 0;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li {
	width: 50%;
	margin-top: 20px;
	float: left;
}
#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a {
	display: table;
	font-size: 1.2rem;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
}
#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a
	span {
	display: table-cell;
	vertical-align: middle;
}
#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a
	span:first-child {
	width: 35px;
	padding-right: 5px;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a
	span:first-child
	img {
	display: block;
	width: 100%;
	height: auto;
}
/** refineSearch *************/
#sidebar .refineSearch {
}
#sidebar .refineSearch > .overlayClose {
	display: none;
}

#sidebar .refineSearch .resetBtn {
	height: 1px;
	width: 80px;
	margin: 0 0 0 auto;
	border-radius: 4px;
	background: #ffffff;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#sidebar .refineSearch .resetBtn button {
	cursor: default;
}

#sidebar .refineSearch .resetBtn.current {
	height: 20px;
	opacity: 1;
}
#sidebar .refineSearch .resetBtn.current button {
	cursor: pointer;
}

#sidebar .refineSearch .resetBtn.all.bottom {
	display: none;
}

#sidebar .refineSearch .refineOneBox {
	display: block;
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffffff;
}
#sidebar .refineSearch .refineOneBox:nth-last-of-type(1) {
	border-bottom: none;
	padding-bottom: 0;
}

#sidebar .refineSearch .refineOneBox .refineSubttl {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 5px;
}

#sidebar .refineSearch .refineOneBox .inner {
	margin-bottom: 10px;
}

#sidebar .refineSearch .refineOneBox .inner .scroll {
	padding: 8px;
	background: #ffffff;
	max-height: 150px;
	overflow-y: auto;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#sidebar .refineSearch .refineOneBox .inner.open .scroll {
}

#sidebar .refineSearch .refineOneBox .inner ul {
}
#sidebar .refineSearch .refineOneBox .inner ul li {
	display: block;
	padding: 4px 0;
}
#sidebar .refineSearch .refineOneBox .inner ul li:hover {
	background: #efefef;
}

#sidebar .refineSearch .refineOneBox .inner ul li:last-child {
	margin-bottom: 0;
}
#sidebar .refineSearch .refineOneBox .inner ul li > label {
	display: table;
	width: 100%;
	cursor: pointer;
}
#sidebar .refineSearch .refineOneBox .inner ul li > label span {
	display: table-cell;
	vertical-align: top;
}
#sidebar .refineSearch .refineOneBox .inner ul li > label span:first-child {
	width: 16px;
}
#sidebar .refineSearch .refineOneBox .inner ul li > label:hover {
}

#sidebar .refineSearch .refineOneBox .inner ul li > label input {
	vertical-align: top;
}

#sidebar .refineSearch .refineOneBox .inner .refineListOpen {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	background: #008ad2;
	text-align: left;
	position: relative;
	cursor: pointer;
}

#sidebar .refineSearch .refineOneBox .inner .refineListOpen::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 12px;
	height: 12px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: -6px;
}
#sidebar .refineSearch .refineOneBox .inner.open .refineListOpen::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
#sidebar .refineSearch .refineOneBox .inner .refineListOpen:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** refineScene *************/

#sidebar .refineSearch .refineSceneOneBox {
	display: block;
	margin-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ffffff;
}
#sidebar .refineSearch .refineSceneOneBox:nth-last-of-type(1) {
	border-bottom: none;
	padding-bottom: 0;
}

#sidebar .refineSearch .refineSceneOneBox .refineSubttl {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 5px;
}

#sidebar .refineSearch .refineSceneOneBox .inner {
	margin-bottom: 10px;
}

#sidebar .refineSearch .refineSceneOneBox .inner .refineSceneOpenBtn {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 40px;
	color: #ffffff;
	background: #008ad2;
	text-align: center;
	position: relative;
	cursor: pointer;
}

#sidebar .refineSearch .refineSceneOneBox .inner .refineSceneOpenBtn::after {
	content: "\f0da";
	font-family: iconFont;
	display: block;
	width: 14px;
	height: 14px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	font-weight: 500;
	position: absolute;
	line-height: 12px;
	top: 14px;
	right: 5px;
}
#sidebar .refineSearch .refineSceneOneBox .inner .refineSceneOpenBtn:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#sidebar .refineSearch .refineSceneOneBox .inner .scroll {
	display: none;
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1000;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#sidebar .refineSearch .refineSceneOneBox .inner.open .scroll {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#sidebar .refineSearch .refineSceneOneBox .inner .scroll > .overlayBg {
	display: block;
	position: fixed;
	box-sizing: border-box;
	background: rgba(0, 0, 0, 0.8);
	width: calc(100% - 16px);
	height: 100%;
	top: 0;
	left: 0;
}

#sidebar .refineSearch .refineSceneOneBox .inner .scroll .refineSceneOpeninner {
	display: block;
	width: 900px;
	box-sizing: border-box;
	margin: 80px auto 80px;
	padding: 15px 25px 20px;
	background: #ffffff;
	border-radius: 8px;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -450px;
	z-index: 1050;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea {
	display: block;
	margin: 0 auto 20px auto;
	position: relative;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea
	> .ttl {
	font-size: 1.6rem;
	font-weight: 700;
	padding-left: 10px;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea
	> .ttl
	> span {
	font-size: 1.2rem;
	padding-left: 40px;
	font-weight: normal;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea
	> .closeBtn {
	width: 80px;
	position: absolute;
	right: 0;
	top: 0;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea
	> .closeBtn
	p {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 20px;
	padding: 0 0 0 22px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.6);
	line-height: 18px;
	cursor: pointer;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea
	> .closeBtn
	p::before {
	content: "";
	display: block;
	position: absolute;
	width: 22px;
	height: 12px;
	border-right: 1px solid #999999;
	background: url(/assets/img/icon_close.png) center center no-repeat;
	background-size: 8px 8px;
	left: 0;
	top: 3px;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.ttlArea
	> .closeBtn
	p:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.8;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.refineSceneBtn {
	width: 200px;
	margin: 10px auto 0;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.refineSceneBtn
	p {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 40px;
	cursor: pointer;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.refineSceneBtn
	p::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 34px;
	border-right: 1px solid #cc6600;
	background: url(/assets/img/icon_arrow_white.png) center center no-repeat;
	background-size: 8px auto;
	left: 0;
	top: 3px;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.refineSceneBtn
	p:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.8;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
	padding: 0;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li {
	width: 205px;
	margin: 0 10px 10px 0;
	float: left;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li:nth-child(4n) {
	margin-right: 0;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label {
	display: table;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	font-size: 1.2rem;
	font-weight: 700;
	color: #333333;
	background: #ececec;
	text-decoration: none;
	padding: 2px;
	border: 2px solid #ececec;
	cursor: pointer;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label.checked {
	border-color: #008ad2;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label
	> span {
	display: table-cell;
	vertical-align: middle;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label
	> span:nth-child(1) {
	width: 30px;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label
	> span:nth-child(2) {
	width: 10px;
	overflow: hidden;
	position: relative;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label
	> span
	> img {
	display: block;
	width: 30px;
	height: 30px;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	> ul
	li
	> label
	input[type="checkbox"] {
	display: block;
	position: absolute;
	left: -30px;
	top: 0;
}

#sidebar .refineSearch .refineSceneOneBox .inner .refineListOpen {
	display: none;
}

#sidebar .refineSearch .refineSceneOneBox .inner .refineSceneChecedList {
	display: none;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#sidebar .refineSearch .refineSceneOneBox .inner .refineSceneChecedList.open {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#sidebar .refineSearch .refineSceneOneBox .inner .refineSceneChecedList > dl {
	display: block;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.refineSceneChecedList
	> dl
	dt {
	font-size: 1.2rem;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.refineSceneChecedList
	> dl
	dd {
	display: table;
	font-size: 1.2rem;
	margin-top: 10px;
	cursor: pointer;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.refineSceneChecedList
	> dl
	dd
	> span {
	display: table-cell;
	vertical-align: middle;
	padding: 1px 0;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.refineSceneChecedList
	> dl
	dd
	> span:first-child {
	width: 14px;
	background: url(/assets/img/leftnav/icon_checked.gif) left center no-repeat;
}

/**************************************
 #mainContents
 **************************************/
#mainContents {
}

#mainContents .ttl {
	margin-bottom: 16px;
	padding-left: 12px;
	background: #ececec;
	border-left: 4px solid #008ad2;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 42px;
	color: #000000;
}

#mainContents .ttlBgWhite {
	margin-bottom: 30px;
	padding-left: 12px;
	border-left: 4px solid #008ad2;
	font-size: 2rem;
	font-weight: 700;
	line-height: 42px;
	color: #000000;
}

#mainContents .ttlCenter {
	margin-bottom: 40px;
	font-size: 2.4rem;
	text-align: center;
	font-weight: 700;
	line-height: 1.4;
	color: #000000;
}

#mainContents .lede {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 20px;
}

#mainContents .oneSection {
	padding-bottom: 40px;
}

#mainContents .oneSectionCenter {
	width: 760px;
	margin: 0 auto;
	padding-bottom: 80px;
}

#mainContents .oneSectionCenter .lede {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 40px;
}

#mainContents .oneSection .historyBackBtnGroup {
	padding: 20px;
}

#mainContents .oneSection .historyBackBtnGroup .historyBackBtn {
	width: 80px;
	float: left;
	margin-left: 20px;
}

#mainContents .subttl {
	margin-bottom: 16px;
	padding-left: 8px;
	border-left: 2px solid #008ad2;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 20px;
	color: #000000;
}

/** ttlOpenList *****************************/
#mainContents .ttlOpenList {
	margin-bottom: 16px;
	padding-left: 12px;
	background: #ececec;
	border-left: 4px solid #008ad2;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 42px;
	color: #000000;
}

/** contactSection *****************************/
#mainContents .contactSection {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 40px auto;
	padding: 40px 40px;
	background: #9abed2;
}

#mainWrap.cf #mainContents .contactSection {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	padding: 20px 20px;
	background: #9abed2;
}

#mainContents .contactSection .ttlcontact {
	max-width: 910px;
	margin: 0 auto 20px;
	font-size: 2.4rem;
	font-weight: 700;
	text-align: center;
	color: #000000;
}

#mainWrap.cf #mainContents .contactSection .ttlcontact {
	max-width: 910px;
	margin: 0 auto 15px;
	padding-left: 8px;
	border-left: 4px solid #008ad2;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 20px;
	text-align: left;
	color: #000000;
}

#mainContents .contactSection p {
	max-width: 910px;
	line-height: 1.4;
	font-size: 1.6rem;
	color: #000000;
	margin: 0 auto;
}

#mainContents .contactSection p.contactImg {
	width: 100%;
	max-width: 720px;
	margin: 15px auto 0;
}
#mainContents .contactSection p.contactImg img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .contactSection .contactAdder {
	display: table;
	width: 100%;
	max-width: 720px;
	margin: 15px auto 0 auto;
}

#mainContents .contactSection .contactAdder .contactBtn {
	display: table-cell;
	width: 300px;
	vertical-align: middle;
}

#mainContents .contactSection .contactAdder .tel {
	display: table-cell;
	padding-left: 50px;
	vertical-align: middle;
}

#mainContents .contactSection .contactAdder .tel dt {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 8px;
}
#mainContents .contactSection .contactAdder .tel dd {
	display: table;
}
#mainContents .contactSection .contactAdder .tel dd a {
	display: table-cell;
	height: 32px;
	padding-left: 42px;
	background: url(/assets/img/icon_tel.png) 0 0 no-repeat;
	background-size: 32px 32px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	letter-spacing: 0.18rem;
	cursor: default;
}

#mainContents .contactSection .contactAdder .tel dd span {
	display: table-cell;
	vertical-align: middle;
	font-size: 1rem;
	padding-left: 15px;
}

/** serviceNavTwoLine *****************************/
#mainContents .serviceNavTwoLine {
	width: 760px;
	margin: 0 auto;
}

#mainContents .serviceNavTwoLine > ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
}

#mainContents .serviceNavTwoLine > ul > li {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 370px;
	float: left;
	margin: 20px 20px 0 0;
}

#mainContents .serviceNavTwoLine > ul > li:nth-child(1),
#mainContents .serviceNavTwoLine > ul > li:nth-child(2) {
	margin-top: 0;
}
#mainContents .serviceNavTwoLine > ul > li:nth-child(2n) {
	margin-right: 0;
}

#mainContents .serviceNavTwoLine > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 30px 30px 30px 20px;
	font-size: 2rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border: 1px solid #9a9a9a;
	border-radius: 8px;
	background: #ffffff;
}
#mainContents .serviceNavTwoLine > ul > li > a::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}
#mainContents .serviceNavTwoLine > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .serviceNavTwoLine > ul > li > a > span {
	display: block;
}
#mainContents .serviceNavTwoLine > ul > li > a > span.cap {
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	margin-bottom: 10px;
}

#mainContents .serviceNavTwoLine > ul > li > a > span.lede {
	display: block;
	font-size: 1.6rem;
	font-weight: normal;
	margin: 15px auto 0;
}

/** serviceNavFourLine *****************************/
#mainContents .serviceNavFourLine {
	width: 980px;
	margin: 0 auto;
}

#mainContents .serviceNavFourLine > ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
}

#mainContents .serviceNavFourLine > ul > li {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 230px;
	float: left;
	margin: 20px 20px 0 0;
}

#mainContents .serviceNavFourLine > ul > li:nth-child(1),
#mainContents .serviceNavFourLine > ul > li:nth-child(2),
#mainContents .serviceNavFourLine > ul > li:nth-child(3),
#mainContents .serviceNavFourLine > ul > li:nth-child(4) {
	margin-top: 0;
}
#mainContents .serviceNavFourLine > ul > li:nth-child(4n) {
	margin-right: 0;
}

#mainContents .serviceNavFourLine > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 17px 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	background: #ffffff;
}
#mainContents .serviceNavFourLine > ul > li > a::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}
#mainContents .serviceNavFourLine > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .serviceNavFourLine > ul > li.current > a {
	color: #999999;
	border-color: #cdcdcd;
}
#mainContents .serviceNavFourLine > ul > li.current > a::after {
	color: #999999;
}
#mainContents .serviceNavFourLine > ul > li.current > a:hover {
	opacity: 1;
}

#mainContents .serviceNavFourLine > ul > li.listSearchBox {
	width: 480px;
	margin-right: 0;
	text-align: right;
}

#mainContents .serviceNavFourLine > ul > li.listSearchBox > form {
	width: 100%;
}

#mainContents .serviceNavFourLine > ul > li.listSearchBox label {
	display: table;
	margin: 0 0 0 auto;
}

#mainContents .serviceNavFourLine > ul > li.listSearchBox label > span {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	text-align: right;
	padding-right: 25px;
	background: #ffffff;
}

#mainContents
	.serviceNavFourLine
	> ul
	> li.listSearchBox
	label
	> input[type="text"] {
	display: table-cell;
	box-sizing: border-box;
	height: 50px;
	width: 190px;
	padding: 5px;
	font-size: 1.2rem;
	border: 10px solid #9abed2;
	border-radius: 4px 0 0 4px;
	border-right: none;
	background: #ffffff;
	vertical-align: middle;
}

#mainContents .serviceNavFourLine > ul > li.listSearchBox label > button {
	display: table-cell;
	width: 40px;
	height: 50px;
	padding-right: 10px;
	background: #ffffff;
	border: 10px solid #9abed2;
	border-radius: 0 4px 4px 0;
	border-left: none;
	vertical-align: middle;
	text-align: center;
}
#mainContents .serviceNavFourLine > ul > li.listSearchBox label > button img {
	display: block;
	margin: 0 auto;
}

/**figureTextBox*****************************/

#mainContents .figureTextBox {
	display: table;
	width: 980px;
	margin: 0 auto;
}

#mainContents .figureTextBox > figure {
	display: block;
	width: 360px;
	float: left;
}
#mainContents .figureTextBox > figure > img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .figureTextBox > .text {
	display: block;
	width: 590px;
	float: right;
}
#mainContents .figureTextBox > .text p {
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
}

#mainContents .figureTextBox.figR > figure {
	float: right;
}
#mainContents .figureTextBox.figR > .text {
	float: left;
}

#mainContents .moreServiceBtn {
	width: 540px;
	margin: 40px auto 0;
}

#mainContents .figureTextBox .moreServiceBtn {
	margin: 20px auto 0 0;
}

/** pickupItemList *****************************/
#mainContents .pickupItemList {
	display: block;
}

#mainContents .pickupItemList ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

#mainContents .pickupItemList ul li {
	display: block;
	width: 230px;
	margin: 0 20px 20px 0;
}
/* #mainContents .pickupItemList ul li:nth-child(4n) {
	margin-right: 0;
} */

#mainContents .pickupItemList ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	/* 一旦コメントアウト */
	/* background: #efefef; */
	color: #000000;
	padding: 20px 10px 20px;
	position: relative;
}
#mainContents .pickupItemList ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
#mainContents .pickupItemList ul li a .img {
	display: block;
	width: 160px;
	margin: 0 auto 15px;
}
#mainContents .pickupItemList ul li a .img > img {
	display: block;
	width: 100%;
}

#mainContents .pickupItemList ul li a .text {
	padding: 0;
	font-size: 1.6rem;
	line-height: 1.6;
}
#mainContents .pickupItemList ul li a .pickUpBtn {
	display: block;
	width: 210px;
	height: 35px;
	position: absolute;
	bottom: 10px;
	left: 10px;
}
#mainContents .pickupItemList ul li a .pickUpBtn span {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 35px;
	padding: 0 0 0 35px;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.6rem;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	line-height: 35px;
}
#mainContents .pickupItemList ul li a .pickUpBtn span::before {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
}

/** topSpecialList*****************************/
#mainContents .specialList {
	width: 980px;
	margin: 0 auto;
}

#mainContents .specialList ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
}

#mainContents .specialList ul > li {
	display: block;
	box-sizing: border-box;
	float: left;
	width: 480px;
	margin: 20px 20px 0 0;
}

#mainContents .specialList ul > li:nth-child(1),
#mainContents .specialList ul > li:nth-child(2) {
	margin-top: 0;
}
#mainContents .specialList ul > li:nth-child(2n) {
	margin-right: 0;
}

#mainContents .specialList ul > li a {
	display: table;
	width: 100%;
	padding: 15px;
	color: #333333;
	background: #ffffff;
	text-decoration: none;
	border: 1px solid #999999;
	border-radius: 8px;
	position: relative;
}
#mainContents .specialList ul > li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
#mainContents .specialList ul > li a::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -5px;
	right: 10px;
}

#mainContents .specialList ul > li a > .img,
#mainContents .specialList ul > li a > .text {
	display: table-cell;
	vertical-align: middle;
}

#mainContents .specialList ul > li a > .img {
	box-sizing: border-box;
	width: 70px;
	padding-right: 10px;
}
#mainContents .specialList ul > li a > .img img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .specialList ul > li a > .text {
	width: 370px;
}
#mainContents .specialList ul > li a > .text h3 {
	width: 370px;
	margin-bottom: 5px;
	font-weight: 700;
	font-size: 1.6rem;
	padding-right: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

#mainContents .specialList ul > li a > .text p {
	width: 370px;
	padding-right: 10px;
	height: 38px;
	line-height: 1.4;
	font-size: 1.4rem;
	overflow: hidden;
	position: relative;
}

#mainContents .specialList ul > li a > .text p::before {
	content: "…";
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 32px;
	background: #ffffff;
}
#mainContents .specialList ul > li a > .text p::after {
	content: "";
	position: relative;
	right: 0;
	float: right;
	width: 32px;
	height: 100%;
	background-color: #ffffff;
}

/**************************************
 TOP
 **************************************/

/**mainPanel*****************************/

#mainPanel {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
	position: relative;
}
#mainPanel img {
	display: block;
	width: 100%;
	height: auto;
}

#mainPanel .swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

#mainPanel .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	-js-display: flex;
	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;
}
#mainPanel .swiper-slide a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.8;
}

#mainPanel .swiper-pagination {
	height: 14px;
	margin-top: 8px;
	text-align: center;
	line-height: 1;
}

#mainPanel
	.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 5px 0 0;
	cursor: pointer;
	vertical-align: middle;
}
#mainPanel
	.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet:last-child {
	margin: 0;
}

#mainPanel .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #000000;
}

#mainPanel .swiper-pagination-bullet-active {
	opacity: 1;
	width: 10px;
	height: 10px;
	background: #008ad2;
}

#mainPanel .mainPrev,
#mainPanel .mainNext {
	display: none;
}

#mainPanel .swiper-slide .text {
	display: none;
}

/** searchKeyWordSPtop *************************/

#topPage .searchKeyWordSPtop {
	display: none;
}

/** aboutHARUKOBO *************************/
#topPage .aboutHARUKOBO {
	-js-display: flex;
	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;
	box-sizing: border-box;
}

#topPage .aboutHARUKOBO > dl {
	display: block;
	width: 314px;
	padding: 20px;
	float: left;
	margin: 0 18px 0 0;
	background: #ffffff;
	border: 2px solid #ff740c;
	border-radius: 16px;
}
#topPage .aboutHARUKOBO > dl:nth-child(3) {
	margin-right: 0;
}

#topPage .aboutHARUKOBO > dl > dt {
	display: block;
	font-size: 2rem;
	margin-bottom: 15px;
	font-weight: 700;
	text-align: center;
}
#topPage .aboutHARUKOBO > dl > dd {
	display: table;
	width: 100%;
}

#topPage .aboutHARUKOBO > dl > dd > .img {
	display: table-cell;
	width: 80px;
	text-align: center;
	vertical-align: top;
}
#topPage .aboutHARUKOBO > dl > dd > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#topPage .aboutHARUKOBO > dl > dd > .text {
	display: table-cell;
	text-align: left;
	padding-left: 15px;
	vertical-align: top;
	font-size: 1.6rem;
	line-height: 1.4;
}

/** ttlHARUKOBO *************************/
#topPage .ttlHARUKOBO {
	display: block;
	width: 980px;
	text-align: center;
	margin: 0 auto 100px;
}

#topPage .ttlHARUKOBO > span {
	display: block;
}
#topPage .ttlHARUKOBO > span.head {
	margin-bottom: 40px;
	font-size: 24px;
	font-weight: 700;
	color: #000000;
}

#topPage .ttlHARUKOBO > span.main {
	width: 200px;
	margin: 0 auto;
	font-size: 36px;
	font-weight: 800;
	color: #000000;
	position: relative;
}
#topPage .ttlHARUKOBO > span.main > span {
	font-size: 24px;
	font-weight: 700;
}
#topPage .ttlHARUKOBO > span.main > span.cap {
	font-size: 16px;
	display: block;
	position: absolute;
	letter-spacing: 1em;
	font-weight: 700;
	top: -18px;
	left: 15px;
	color: #ff6c00;
}

/** "topInfoList*****************************/
#topPage .topInfoList {
	width: 760px;
	margin: 0 auto;
}

#topPage .topInfoList ul {
}

#topPage .topInfoList ul li {
	display: block;
	margin-bottom: 15px;
}
#topPage .topInfoList ul li:last-child {
	margin-bottom: 0;
}

#topPage .topInfoList ul li a {
	display: table;
	width: 100%;
	color: #333333;
	text-decoration: none;
	font-size: 1.6rem;
}
#topPage .topInfoList ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#topPage .topInfoList ul li a time,
#topPage .topInfoList ul li a p {
	display: table-cell;
	vertical-align: middle;
}

#topPage .topInfoList ul li a time {
	width: 180px;
	padding-left: 16px;
	position: relative;
}
#topPage .topInfoList ul li a time::before {
	content: "\ea1c";
	position: absolute;
	width: 10px;
	height: 10px;
	font-family: iconFont;
	display: block;
	color: #008ad2;
	font-size: 1rem;
	text-decoration: none;
	left: 0;
	top: 1px;
}
#topPage .topInfoList ul li a p {
	width: 580px;
}
#topPage .topInfoList ul li a p span {
	display: block;
	width: 580px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/**************************************
 #searchCase
 **************************************/
#searchCase {
}

/** お悩み、シーンリスト  **********************************/
#searchCase .caseOpenBox {
}

#searchCase .caseList {
}
#searchCase .caseList > ul {
}
#searchCase .caseList > ul > li {
	display: block;
	margin: 0 auto 20px auto;
}

#searchCase .caseList > ul > li > a {
	display: table;
	width: 100%;
	position: relative;
	text-decoration: none;
	color: #333333;
}
#searchCase .caseList > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#searchCase .caseList > ul > li > a > .img,
#searchCase .caseList > ul > li > a > .text {
	display: table-cell;
	vertical-align: top;
}

#searchCase .caseList > ul > li > a > .img {
	width: 240px;
}
#searchCase .caseList > ul > li > a > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#searchCase .caseList > ul > li > a > .text {
	padding-left: 20px;
}

#searchCase .caseList > ul > li > a > .text > dl {
	padding-top: 4px;
}
#searchCase .caseList > ul > li > a > .text > dl dt {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}
#searchCase .caseList > ul > li > a > .text > dl dt::before {
	content: "\ea1c";
	font-family: iconFont;
	display: inline;
	overflow: hidden;
	font-size: 12px;
	margin-right: 2px;
	color: #008ad2;
	font-weight: 500;
}
#searchCase .caseList > ul > li > a > .text > dl dd:not(.btn) {
	font-size: 1.2rem;
	line-height: 1.6;
	padding-bottom: 40px;
}

#searchCase .caseList > ul > li > a > .text > dl dd.btn {
	display: block;
	width: 160px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#searchCase .caseList > ul > li > a > .text > dl dd.btn .arrowGrayBtn > button {
	font-weight: 300;
	font-size: 1.2rem;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
}
#searchCase
	.caseList
	> ul
	> li
	> a
	> .text
	> dl
	dd.btn
	.arrowGrayBtn
	> button::before {
	height: 20px;
	width: 30px;
}

/** 機能リスト  **********************************/
#searchCase .fanctionList {
}

#searchCase .fanctionList {
}
#searchCase .fanctionList > ul {
}
#searchCase .fanctionList > ul > li {
	display: block;
	margin: 0 auto 20px auto;
}

#searchCase .fanctionList > ul > li > a {
	display: table;
	width: 100%;
	position: relative;
	text-decoration: none;
	color: #333333;
}
#searchCase .fanctionList > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#searchCase .fanctionList > ul > li > a > .img,
#searchCase .fanctionList > ul > li > a > .text {
	display: table-cell;
	vertical-align: top;
}

#searchCase .fanctionList > ul > li > a > .img {
	width: 78px;
}
#searchCase .fanctionList > ul > li > a > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#searchCase .fanctionList > ul > li > a > .text {
	padding-left: 20px;
}

#searchCase .fanctionList > ul > li > a > .text > dl {
	padding-top: 4px;
}
#searchCase .fanctionList > ul > li > a > .text > dl dt {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}
#searchCase .fanctionList > ul > li > a > .text > dl dt::before {
	content: "\ea1c";
	font-family: iconFont;
	display: inline;
	overflow: hidden;
	font-size: 12px;
	margin-right: 2px;
	color: #008ad2;
	font-weight: 500;
}
#searchCase .fanctionList > ul > li > a > .text > dl dd:not(.btn) {
	font-size: 1.2rem;
	line-height: 1.6;
	padding-bottom: 40px;
}

#searchCase .fanctionList > ul > li > a > .text > dl dd.btn {
	display: block;
	width: 160px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#searchCase
	.fanctionList
	> ul
	> li
	> a
	> .text
	> dl
	dd.btn
	.arrowGrayBtn
	> button {
	font-weight: 300;
	font-size: 1.2rem;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
}
#searchCase
	.fanctionList
	> ul
	> li
	> a
	> .text
	> dl
	dd.btn
	.arrowGrayBtn
	> button::before {
	height: 20px;
	width: 30px;
}

/** カテゴリリスト  **********************************/
#searchCase .cateList > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#searchCase .cateList > ul > li {
	width: 49%;
	margin-bottom: 1em;
	list-style: none;
}
#searchCase .cateList > ul > li > a {
	position: relative;
	display: block;
	border: 1px solid #ececec;
	padding: 24px 16px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
#searchCase .cateList > ul > li a:before {
	position: absolute;
	right: 12px;
	top: 50%;
	display: inline-block;
	content: "\ea1c ";
	font-family: iconFont;
	font-size: 12px;
	text-rendering: auto;
	margin-top: -0.5em;
	color: #008ad2;
}
#searchCase .cateList > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
#searchCase .cateList > ul > li > a:after {
	content: "";
	display: block;
	clear: both;
}
#searchCase .cateList > ul > li .thumb {
	width: 82px;
	float: left;
	margin-right: 1em;
}
#searchCase .cateList > ul > li .txt {
	overflow: hidden;
	margin-top: 0.5em;
	padding-right: 1em;
	line-height: 1.4;
	font-weight: normal;
	font-size: 12px;
	color: #484848;
}

/**************************************
 #searchResult
 **************************************/
#searchResult {
}

/*  pager ************************************************/
#searchResult .pager {
	display: table;
	width: 100%;
}
#searchResult .pagerR {
	display: table;
	width: 100%;
	padding-bottom: 5px;
}
#searchResult .pagerSP {
	display: none;
}

#searchResult .pager p {
	display: table-cell;
	width: 360px;
	vertical-align: middle;
}
#searchResult .pager p .allNum {
	font-size: 1.8rem;
	font-weight: 700;
	color: #cc0000;
}
#searchResult .pager p .currentNum {
	font-size: 1rem;
}

#searchResult .pager .pagenation {
	vertical-align: middle;
}
#searchResult .pager .pagenation ul {
	display: table;
	margin: 0 0 0 auto;
}
#searchResult .pager .pagenation ul li {
	display: table-cell;
	box-sizing: border-box;
	width: 33px;
	height: 30px;
	vertical-align: middle;
	padding-left: 3px;
	text-align: center;
}
#searchResult .pager .pagenation ul li.prev,
#searchResult .pager .pagenation ul li.next {
	width: 65px;
}

#searchResult .pager .pagenation ul li a,
#searchResult .pager .pagenation ul li span {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 1.2rem;
	color: #333333;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
	background: #9abed2;
}

#searchResult .pager .pagenation ul li.prev a {
	padding-left: 14px;
	position: relative;
}
#searchResult .pager .pagenation ul li.prev a::before {
	content: "<<";
	display: block;
	width: 24px;
	height: 12px;
	position: absolute;
	top: -1px;
	left: 0;
}
#searchResult .pager .pagenation ul li.next a {
	padding-right: 13px;
	position: relative;
}
#searchResult .pager .pagenation ul li.next a::after {
	content: ">>";
	display: block;
	width: 24px;
	height: 12px;
	position: absolute;
	top: -1px;
	right: 0;
}
#searchResult .pager .pagenation ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#searchResult .pager .pagenation ul li.current span {
	background: #008ad2;
	font-weight: 700;
	color: #ffffff;
}

#searchResult .pagerR .perpagelabel {
	width: 100%;
	text-align: right;
}

#searchResult .pagerR .perpage {
	vertical-align: middle;
	float: right;
	width: 60px;
	padding-right: 10px;
}

#searchResult .pagerR p {
	display: table-cell;
	width: 360px;
	vertical-align: middle;
}

/* itemSort************************************************/
#searchResult .itemSort {
	padding: 20px 0 0 0;
}

#searchResult .itemSort dl {
	display: table;
	margin: 0;
}

#searchResult .itemSort dl dt,
#searchResult .itemSort dl dd {
	display: table-cell;
	vertical-align: middle;
}

#searchResult .itemSort dl dt {
	font-size: 1.2rem;
}

#searchResult .itemSort dl dd {
	padding-left: 10px;
}
#searchResult .itemSort dl dd:not(.resetBtn) > button {
	width: 100px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	background: #ececec;
}

#searchResult .itemSort dl dd.shape > button {
	color: #ff9900;
}
#searchResult .itemSort dl dd.material > button {
	color: #ff99cc;
}
#searchResult .itemSort dl dd.power > button {
	color: #996699;
}
#searchResult .itemSort dl dd.feature > button {
	color: #66cc33;
}
#searchResult .itemSort dl dd.usefulness > button {
	color: #0099cc;
}

#searchResult .itemSort dl dd.shape > button.current {
	color: #ffffff;
	background: #ff9900;
}
#searchResult .itemSort dl dd.material > button.current {
	color: #ffffff;
	background: #ff99cc;
}
#searchResult .itemSort dl dd.power > button.current {
	color: #ffffff;
	background: #996699;
}
#searchResult .itemSort dl dd.feature > button.current {
	color: #ffffff;
	background: #66cc33;
}
#searchResult .itemSort dl dd.usefulness > button.current {
	color: #ffffff;
	background: #0099cc;
}

#searchResult .itemSort dl dd.resetBtn {
	width: 95px;
	padding-left: 10px;
}

#searchResult .itemSort dl dd:not(.resetBtn) > button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/*  refineSearchCall ************************************************/
#searchResult .refineSearchCall {
	display: none;
}

/*  searchItemList ************************************************/

#searchResult .searchItemList {
	display: block;
	padding: 20px 0;
}

#searchResult .searchItemList > ul {
	display: block;
	width: 100%;
}
#searchResult .searchItemList > ul > li {
	display: block;
	box-sizing: border-box;
	width: 100%;
	min-height: 182px;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}

#searchResult .searchItemList > ul > li > .itemData {
	display: block;
	margin: 0 auto;
}
#searchResult .searchItemList > ul > li > .itemData a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 180px;
	padding: 10px;
	position: relative;
	text-decoration: none;
	background: #ffffff;
}
#searchResult .searchItemList a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#searchResult .searchItemList > ul > li > .itemData dl {
	padding-left: 178px;
}
#searchResult .searchItemList > ul > li > .itemData dl .name {
	display: block;
	width: 100%;
	padding-right: 40px;
	color: #3f8cd9;
	position: relative;
}

#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.name
	> span:not(.directSend) {
	display: block;
	width: 512px;
	height: 44px;
	font-size: 1.6rem;
	line-height: 1.4;
	position: relative;
	overflow: hidden;
}

#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.name
	> span:not(.directSend)::before {
	content: "…";
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	width: 16px;
	background: #ffffff;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.name
	> span:not(.directSend):after {
	content: "";
	position: relative;
	right: 0;
	float: right;
	width: 16px;
	height: 100%;
	background-color: #ffffff;
}

#searchResult .searchItemList > ul > li > .itemData dl .name > span.directSend {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.name
	> span.directSend
	> img {
	display: block;
	width: 100%;
	height: auto;
}

#searchResult .searchItemList > ul > li > .itemData dl .caption {
	display: block;
	width: 552px;
	height: 48px;
	margin: 0 auto 0 0;
	font-size: 1.2rem;
	color: #333333;
	line-height: 1.4;
	overflow: hidden;
	position: relative;
}
#searchResult .searchItemList > ul > li > .itemData dl .caption::before {
	content: "…";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	background: #ffffff;
}
#searchResult .searchItemList > ul > li > .itemData dl .caption:after {
	content: "";
	position: relative;
	right: 0;
	float: right;
	width: 12px;
	height: 100%;
	background-color: #ffffff;
}

#searchResult .searchItemList > ul > li > .itemData dl .img {
	display: block;
	width: 160px;
	height: 160px;
	overflow: hidden;
	position: absolute;
	top: 10px;
	left: 10px;
}
#searchResult .searchItemList > ul > li > .itemData dl .img img {
	display: block;
	width: 100%;
	height: auto;
}

#searchResult .searchItemList > ul > li > .itemData dl .wappen {
	display: block;
	padding: 15px 0;
}
#searchResult .searchItemList > ul > li > .itemData dl .wappen ul {
	display: table;
	width: 560px;
	margin: 0;
}
#searchResult .searchItemList > ul > li > .itemData dl .wappen ul li {
	display: table-cell;
	height: 30px;
	width: 114px;
	padding-right: 10px;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li:last-child {
	width: 104px;
	padding: 0;
}

#searchResult .searchItemList > ul > li > .itemData dl .wappen ul li > span {
	display: block;
	width: 100%;
	height: 30px;
	background: #ececec;
	color: #ffffff;
	font-size: 1rem;
	text-align: center;
	line-height: 30px;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li:nth-child(1)
	> span {
	background: #ff9900;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li:nth-child(2)
	> span {
	background: #ff99cc;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li:nth-child(5)
	> span {
	background: #996699;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li:nth-child(3)
	> span {
	background: #66cc33;
}
#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li:nth-child(4)
	> span {
	background: #0099cc;
}

#searchResult
	.searchItemList
	> ul
	> li
	> .itemData
	dl
	.wappen
	ul
	li.notMatch
	> span {
	background: #ececec;
	color: #999999;
}

/*** orderPrintGuide ************************/

#searchResult .searchItemList .orderPrintGuide {
	padding: 10px 0 0 0;
}

#searchResult .searchItemList .orderPrintGuide .inner {
	display: table;
	width: 100%;
}

#searchResult .searchItemList .orderPrintGuide .inner > .guideimg {
	display: table-cell;
	width: 100px;
	position: relative;
	top: inherit;
	left: inherit;
	vertical-align: middle;
}
#searchResult .searchItemList .orderPrintGuide .inner > .guideimg > img {
	display: block;
	width: 100%;
	height: auto;
}

/** orderPrintStepMini ***********************/
#guidePage .orderPrintStepMini,
#searchResult .searchItemList .orderPrintGuide .inner > .orderPrintStepMini {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}
#guidePage .orderPrintStepMini {
	display: block;
	max-width: 450px;
	margin-bottom: 20px;
	padding-left: 0;
}

#guidePage .orderPrintStepMini > p,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	> p {
	text-align: left;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
	color: #333333;
}

#guidePage .orderPrintStepMini ol,
#searchResult .searchItemList .orderPrintGuide .inner > .orderPrintStepMini ol {
	display: table;
	width: 100%;
	height: 40px;
	border: 1px solid #ff9901;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#guidePage .orderPrintStepMini ol li,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li {
	display: table-cell;
	width: 20%;
	height: 40px;
	background: #ff9900;
	font-size: 11px;
	line-height: 1.6;
	font-weight: 700;
	text-align: left;
	position: relative;
	vertical-align: middle;
	color: #ffffff;
}
#guidePage .orderPrintStepMini ol li::after,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 21px solid transparent;
	border-left: 21px solid #ff9900;
	position: absolute;
	right: -40px;
	top: -1px;
	z-index: 2;
}
#guidePage .orderPrintStepMini ol li:nth-child(1),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(1) {
	width: 22%;
	padding-left: 10px;
}
#guidePage .orderPrintStepMini ol li:nth-child(2),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(2) {
	width: 19%;
	padding-left: 15px;
	text-align: center;
}
#guidePage .orderPrintStepMini ol li:nth-child(3),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(3) {
	width: 15%;
	padding-left: 15px;
	text-align: center;
}
#guidePage .orderPrintStepMini ol li:nth-child(4),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(4) {
	width: 16%;
	padding-left: 15px;
	text-align: center;
}
#guidePage .orderPrintStepMini ol li:nth-child(5),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(5) {
	width: 28%;
	padding-left: 22px;
}

#guidePage .orderPrintStepMini ol li:nth-child(2n),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(2n) {
	background: #ffffff;
	color: #333333;
}
#guidePage .orderPrintStepMini ol li:nth-child(2n)::after,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(2n)::after {
	border-left: 21px solid #ffffff;
}

#guidePage .orderPrintStepMini ol li:last-child::before,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:last-child::before,
.orderPrintStep ol li:last-child::after {
	display: none;
}

#guidePage .orderPrintStepMini ol li.current,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li.current {
	background: #008ad2;
	color: #ffffff;
}
#guidePage .orderPrintStepMini ol li.current::after,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li.current::after {
	border-left-color: #008ad2;
}

/**************************************
 #productsDetail
 **************************************/
#productsDetail {
}

#productsDetail #mainContents .lede {
	font-size: 1.2rem;
}

/*** productsDetailWappen *************/
#productsDetail .productsDetailWappen {
	display: block;
	padding: 0 0 15px;
}
#productsDetail .productsDetailWappen ul {
	display: table;
	margin: 0;
}
#productsDetail .productsDetailWappen ul li {
	display: table-cell;
	height: 30px;
	width: 114px;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#productsDetail .productsDetailWappen ul li > span {
	display: block;
	width: 100%;
	height: 30px;
	background: #ececec;
	color: #ffffff;
	font-size: 1rem;
	text-align: center;
	line-height: 30px;
}
#productsDetail .productsDetailWappen li:nth-child(1) > span {
	background: #ff9900;
}
#productsDetail .productsDetailWappen li:nth-child(2) > span {
	background: #ff99cc;
}
#productsDetail .productsDetailWappen li:nth-child(5) > span {
	background: #996699;
}
#productsDetail .productsDetailWappen li:nth-child(3) > span {
	background: #66cc33;
}
#productsDetail .productsDetailWappen li:nth-child(4) > span {
	background: #0099cc;
}
#productsDetail .productsDetailWappen li.notMatch > span {
	background: #ececec;
	color: #999999;
}

#productsDetail .productsDetailWappen li.directSend {
	width: 30px;
	height: 30px;
	padding: 0;
}
#productsDetail .productsDetailWappen li.directSend > img {
	display: block;
	width: 100%;
	height: auto;
}

/*** productsDetailBox **********************************/
#productsDetail .productsDetailBox {
	width: 100%;
	margin: 0 auto;
	padding-bottom: 40px;
	position: relative;
}

/*** imgArea ********************/
#productsDetail .productsDetailBox .detailImgArea {
	/*width: 500px;*/ /* [標準パッケージ準備(第2標準)] */
	width: 300px;
	position: relative;
	float: left;
}

#productsDetail .productsDetailBox .detailImgArea .bigImg {
	display: block;
	width: 300px;
	height: 300px;
	float: left;
	position: relative;
	box-sizing: border-box;
	overflow: hidden;
}

#productsDetail .productsDetailBox .detailImgArea .bigImg .swiper-wrapper {
	position: relative;
	width: 100%;
	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);
}

#productsDetail .productsDetailBox .detailImgArea .bigImg .photo {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 300px;
	height: 300px;
	margin: 0;
	position: relative;
	opacity: 0;
}

#productsDetail
	.productsDetailBox
	.detailImgArea
	.bigImg
	.photo.swiper-slide-active {
	opacity: 1;
}
#productsDetail .productsDetailBox .detailImgArea .bigImg li img {
	display: block;
	width: 100%;
	height: auto;
}

#productsDetail .productsDetailBox .detailImgArea .bigImg .photoPager {
	display: none;
}

#productsDetail .productsDetailBox .detailImgArea .thumImgBox {
	display: block;
	width: 170px;
	/*float: right;*/ /* [標準パッケージ準備(第2標準)] */
	float: left;
}

#productsDetail .productsDetailBox .detailImgArea .thumImg {
	display: block;
	width: 170px;
}

#productsDetail .productsDetailBox .detailImgArea .thumImg li {
	width: 50px;
	height: 50px;
	margin: 0 10px 10px 0;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: #333333;
}
#productsDetail .productsDetailBox .detailImgArea .thumImg li:nth-child(3n) {
	margin-right: 0;
}
#productsDetail .productsDetailBox .detailImgArea .thumImg li img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.4;
}
#productsDetail
	.productsDetailBox
	.detailImgArea
	.thumImg
	li.swiper-pagination-bullet-active
	img {
	opacity: 1;
}

#productsDetail .productsDetailBox .detailImgArea .imgCaption {
	display: block;
	width: 170px;
	padding-top: 5px;
	text-align: left;
	font-size: 1rem;
	line-height: 1.4;
}

#productsDetail .productsDetailBox .detailImgArea .imgZoomBtnArea {
	display: none;
}
/*** imgArea(第2標準) ********************/
#productsDetail .productsDetailBox .detailImgArea .arrowGrayBtn {
	width: 200px;
	margin: 0 auto 0 0;
}
#productsDetail .productsDetailBox .detailImgArea .favoritePostedBtn {
	width: 200px;
	margin: 0 auto 0 0;
}
#productsDetail .productsDetailBox .detailImgArea .favoritePostedBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #999999;
	text-decoration: none;
	line-height: 40px;
}
#productsDetail .productsDetailBox .detailImgArea .favoritePostedBtn a::before {
	content: "済";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #999999;
	left: 0;
	top: 5px;
}
#productsDetail .productsDetailBox .detailImgArea .favoritePostedBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
#productsDetail .productsDetailBox .detailImgArea .favoriteBtnArea {
	float: left;
	padding-top: 20px;
}

#productsDetail .productsDetailBox .favoriteBtnAreaSp {
	display: none;
}

/*** detailSpecArea ********************/

#productsDetail .detailSpecArea {
	display: block;
	/*width: 230px;*/ /* [標準パッケージ準備(第2標準)] */
	width: 430px;
	background: rgba(255, 255, 255, 0.6);
	float: right;
}

#productsDetail .detailSpecArea .selectSpecArea {
	/* [標準パッケージ準備(第2標準)] */
	margin: 0 0 0 auto;
	width: 80%;
}

#productsDetail .detailSpecArea .ttlSpec {
	display: block;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #008ad2;
	border-bottom: 1px solid #008ad2;
	font-size: 1.6rem;
	font-weight: 700;
}

#productsDetail .selectList > dl,
#productsDetail .specList > dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}
#productsDetail .selectList > dl dt,
#productsDetail .specList > dl dt {
	display: table-cell;
	width: 80px;
	padding: 15px 0;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: bold;
}
#productsDetail .selectList > dl dd,
#productsDetail .specList > dl dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding: 15px 0 15px 10px;
}

#productsDetail .detailSpecArea .supplierSpec {
	display: block;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #008ad2;
	border-bottom: 1px solid #008ad2;
	font-size: 1.2rem;
	font-weight: 700;
}

#productsDetail .selectList > dl,
#productsDetail .supplierList > dl {
	display: table;
	width: 100%;
}
#productsDetail .selectList > dl dt,
#productsDetail .supplierList > dl dt {
	display: table-cell;
	width: 100px;
	padding: 5px 0 5px 5px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: bold;
}
#productsDetail .selectList > dl dd,
#productsDetail .supplierList > dl dd {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding: 5px 0 5px 5px;
}
#productsDetail .supplierList > dl dd.price {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding: 5px 0 5px 5px;
	text-align: right;
	font-size: 1.6rem;
	color: #cc0101;
	font-weight: 700;
}
#productsDetail .supplierList > dl dd input[type="text"] {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.4;
	padding: 5px 0 5px 5px;
	width: 35%;
	font-size: 1.4rem;
	font-weight: 700;
}

/*** listVariationSelectArea(第2標準) ********************/
#productsDetail .detailSpecArea .listVariationSelectArea {
	padding-top: 20px;
}
#productsDetail .detailSpecArea .listVariationSelectArea table {
	width: 90%;
	margin: 0 0 0 auto;
}
#productsDetail .detailSpecArea .listVariationSelectArea .variationArea td {
	border: 1px solid #000;
}
#productsDetail
	.detailSpecArea
	.listVariationSelectArea
	.variationArea
	td:first-child {
	background: #dce6f2;
}
/*** listVariationSelectArea(第2標準) ********************/
#productsDetail .detailSpecArea .listDetailQtyArea {
	padding-top: 50px;
	width: 80%;
	margin: 0 0 0 auto;
}

#productsDetail .detailSpecArea .listDetailQtyArea table {
	width: 90%;
	margin: 0 0 0 auto;
}

#productsDetail .detailSpecArea .listDetailQtyArea table thead tr th,
#productsDetail .detailSpecArea .listDetailQtyArea table tfoot tr th {
	width: 33%;
	height: 30px;
	text-align: center;
	border: 1px solid #000;
	background: #dce6f2;
}

#productsDetail .detailSpecArea .listDetailQtyArea table tbody tr td {
	border: 1px solid #000;
	height: 30px;
}

#productsDetail
	.detailSpecArea
	.listDetailQtyArea
	table
	tbody
	tr.supplierNotStock {
	background: #bbb;
}
/*** cartInBtnArea(第2標準) ********************/
#productsDetail .cartInBtnArea {
	margin-top: 20px;
}

#productsDetail .cartInBtnArea .cartInBtn button {
	margin: 0 0 0 auto;
	width: 300px !important;
}

/*** sizeSelect *****/
#productsDetail .sizeSelect {
	margin-bottom: 20px;
}

#productsDetail .selectList .skuSelectBox {
	margin-bottom: 20px;
}
#productsDetail .selectList .skuSelectBox:last-child {
	margin-bottom: 0;
}

#productsDetail .selectList .skuSelectBox label {
	display: table;
	cursor: pointer;
}
#productsDetail .selectList .skuSelectBox label span {
	display: table-cell;
	vertical-align: middle;
}
#productsDetail .selectList .skuSelectBox label span input[type="radio"] {
	vertical-align: middle;
}

#productsDetail .selectList > dl.skuSelect > dt {
	display: none;
}

#productsDetail .selectList > dl.skuSelect > dd {
	padding: 15px 0 15px 10px;
}

#productsDetail .selectList > dl.skuSelect dd > .skuSelectBox .selectThickness,
#productsDetail .selectList > dl.skuSelect dd > .skuSelectBox .selectWidth,
#productsDetail .selectList > dl.skuSelect dd > .skuSelectBox .selectLength,
#productsDetail .selectList > dl.skuSelect dd > .skuSelectBox .selectColor {
	/* display: none; */
	width: 100%;
	margin-top: 10px;
}
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox.current
	.selectThickness,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox.current
	.selectWidth,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox.current
	.selectLength,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox.current
	.selectColor {
	display: table;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectThickness
	.ttlSelectThickness,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectWidth
	.ttlSelectWidth,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectLength
	.ttlSelectLength,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectColor
	.ttlSelectColor,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectThickness
	.select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectWidth
	.select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectLength
	.select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectColor
	.select {
	display: table-cell;
	vertical-align: middle;
}
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectThickness
	.ttlSelectThickness,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectWidth
	.ttlSelectWidth,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectLength
	.ttlSelectLength,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectColor
	.ttlSelectColor {
	width: 80px;
	padding-right: 10px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
}
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectThickness
	.select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectWidth
	.select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectLength
	.select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectColor
	.select {
	padding-left: 10px;
}
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectThickness
	.select
	select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectWidth
	.select
	select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectLength
	.select
	select,
#productsDetail
	.selectList
	> dl.skuSelect
	dd
	> .skuSelectBox
	.selectColor
	.select
	select {
	margin: 0;
}

/*** priceArea *****/
#productsDetail .priceArea {
	margin-top: 10px;
	padding: 10px 5px;
	border: 1px solid #cc0101;
	color: #ffffff;
	margin: 10px 0 0 auto; /* [標準パッケージ準備(第2標準)] */
	width: 80%; /* [標準パッケージ準備(第2標準)] */
}
#productsDetail .priceArea > dl {
	display: block;
}
#productsDetail .priceArea > dl > dt {
	text-align: center;
	font-size: 1.6rem;
	color: #cc0101;
	font-weight: 700;
	margin-bottom: 10px;
	width: 30%;
}

#productsDetail .priceArea > dl > dd.exTax {
	text-align: right;
	font-size: 1.6rem;
	color: #cc0101;
	font-weight: 700;
	margin-bottom: 5px;
}
#productsDetail .priceArea > dl > dd.inTax {
	text-align: right;
	font-size: 1.2rem;
	color: #000000;
}

/*** currentSpec *****/
#productsDetail .currentSpec {
}
#productsDetail .currentSpec .specList > dl dd {
	font-weight: 700;
	color: #cc0000;
	text-align: center;
}

/*** cartInArea **************************************/
#productsDetail .cartInArea {
	clear: both;
	padding-top: 20px;
	display: none; /*[標準パッケージ準備(第2標準)]*/
}

#productsDetail .cartInArea > .caution {
	margin-bottom: 10px;
	padding: 20px;
	font-size: 1.6rem;
	text-align: center;
	font-weight: 700;
	color: #cc0000;
	border: 1px solid #cc0000;
}

#productsDetail .cartInArea .cartInBtnArea {
	display: table;
	width: 100%;
	margin: 0 auto;
}

#productsDetail .cartInArea .favoriteBtnArea {
	display: table-cell;
}

/*** cartInBtn*****/
#productsDetail .cartInArea .cartInBtn {
	display: table-cell;
	width: 300px;
	margin: 0;
}

#productsDetail .cartInArea .cartInBtn > p {
	/*  font-size: large;*/
	font-size: small;
	font-weight: 700;
}

/*** arrowGrayBtn*****/
#productsDetail .cartInArea .arrowGrayBtn {
	width: 200px;
	margin: 0 auto 0 0;
}

#productsDetail .cartInArea .favoritePostedBtn {
	width: 200px;
	margin: 0 auto 0 0;
}

#productsDetail .cartInArea .favoritePostedBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #999999;
	text-decoration: none;
	line-height: 40px;
}
#productsDetail .cartInArea .favoritePostedBtn a::before {
	content: "済";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #999999;
	left: 0;
	top: 5px;
}
#productsDetail .cartInArea .favoritePostedBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#favorite_msg {
	font-size: 12px;
	font-weight: 700;
}

/*** quantity*****/
#productsDetail .cartInArea .quantity {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding: 0 0 0 60px;
	margin: 0 0 0 auto;
}

#productsDetail .cartInArea.open .quantity dl {
	display: table;
	margin: 0 0 0 auto;
}
#productsDetail .cartInArea.open .quantity dl dt {
	display: table-cell;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
	font-size: 1.4rem;
}
#productsDetail .cartInArea.open .quantity dl dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4rem;
	width: 70px;
}

#productsDetail .cartInArea.open .quantity dl dd.unit {
	width: 70px;
	padding-left: 10px;
	text-align: left;
}

#productsDetail .cartInArea.open .quantity dl dd input[type="text"],
#productsDetail .cartInArea.open .quantity dl dd select {
	text-align: right;
	padding: 0 5px;
	height: 50px;
	font-size: 1.4rem;
	ime-mode: disabled;
	vertical-align: middle;
}

#productsDetail .cartInArea.open .quantity dl dd .quantitySelectArea {
	position: relative;
}

#productsDetail
	.cartInArea.open
	.quantity
	dl
	dd
	.quantitySelectArea
	.quantitySelect {
	display: none;
	width: 100%;
	position: absolute;
	top: 42px;
	left: 0;
	border: 1px solid #cccccc;
	background: #ffffff;
}

#productsDetail
	.cartInArea.open
	.quantity
	dl
	dd
	.quantitySelectArea
	.quantitySelect
	> li {
	display: block;
	width: 100%;
	padding: 5px 10px;
	border-bottom: 1px solid #cccccc;
	text-align: right;
	cursor: pointer;
}
#productsDetail
	.cartInArea.open
	.quantity
	dl
	dd
	.quantitySelectArea
	.quantitySelect
	> li:last-child {
	border-bottom: none;
}
#productsDetail
	.cartInArea.open
	.quantity
	dl
	dd
	.quantitySelectArea
	.quantitySelect
	> li:hover {
	background: #efefef;
}

/*** orderPrintGuide ************************/

#productsDetail .orderPrintGuide {
	padding: 30px 0;
	clear: both;
}

#productsDetail .orderPrintGuide .inner {
	display: block;
	width: 100%;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .img {
	display: block;
	width: 200px;
	float: left;
}
#productsDetail .orderPrintGuide .inner .imgTextArea > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .text {
	display: block;
	width: 550px;
	margin-bottom: 15px;
	float: right;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .text h3 {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 15px;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .text .lede {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 0;
}

/*** arrowGrayBtn*****/
#productsDetail .orderPrintGuide .arrowGrayBtn {
	width: 200px;
	margin: 20px 0 0 auto;
}

#productsDetail .orderPrintGuide .favoritePostedBtn {
	display: none;
	width: 200px;
	margin: 20px 0 0 auto;
}

#productsDetail .orderPrintGuide .favoritePostedBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #999999;
	text-decoration: none;
	line-height: 40px;
}
#productsDetail .orderPrintGuide .favoritePostedBtn a::before {
	content: "済";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #999999;
	left: 0;
	top: 5px;
}
#productsDetail .cartInArea .favoritePostedBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** stepArea ***********************/

#productsDetail .orderPrintGuide .inner .stepArea {
	display: block;
	width: 550px;
	float: right;
}

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini {
	margin-bottom: 15px;
}

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini > p {
	text-align: left;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini ol {
	display: table;
	width: 100%;
	height: 50px;
	border: 1px solid #ff9901;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini ol li {
	display: table-cell;
	width: 20%;
	height: 50px;
	background: #ff9900;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: left;
	position: relative;
	vertical-align: middle;
	color: #ffffff;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 26px solid transparent;
	border-left: 26px solid #ff9900;
	position: absolute;
	right: -50px;
	top: -1px;
	z-index: 2;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(1) {
	width: 22%;
	padding-left: 10px;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(2) {
	width: 19%;
	padding-left: 25px;
	text-align: center;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(3) {
	width: 15%;
	padding-left: 20px;
	text-align: center;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(4) {
	width: 16%;
	padding-left: 20px;
	text-align: center;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(5) {
	width: 28%;
	padding-left: 35px;
}

#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(2n) {
	background: #ffffff;
	color: #333333;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:nth-child(2n)::after {
	border-left: 26px solid #ffffff;
}

#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li:last-child::before,
.orderPrintStep ol li:last-child::after {
	display: none;
}

#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li.current {
	background: #008ad2;
	color: #ffffff;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li.current::after {
	border-left-color: #008ad2;
}

/**** orderPrintCart *****************/
#productsDetail .orderPrintGuide .inner .stepArea > h3 {
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintCart {
	display: table;
	width: 100%;
	background: #ececec;
}

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintCart > .agreeArea {
	display: table-cell;
	text-align: left;
	padding: 15px 10px;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> label {
	display: inline-block;
	cursor: pointer;
	margin-bottom: 5px;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> label
	> input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	border-radius: 0;
	background-color: #ffffff;
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: normal;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> label
	> span {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 20px;
	color: #cc0000;
	padding-left: 5px;
}

#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> .kiyakuLink {
	font-size: 1.2rem;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> .kiyakuLink
	> a {
	color: #0066cc;
	text-decoration: none;
}

/**** goSimulator *****************/

#productsDetail .orderPrintGuide .goSimulator {
	display: table-cell;
	vertical-align: middle;
	width: 360px;
	padding: 15px 10px;
}

#productsDetail .orderPrintGuide .goSimulator > a,
#productsDetail .orderPrintGuide .goSimulator > button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 40px;
}

#productsDetail .orderPrintGuide .goSimulator > a::before,
#productsDetail .orderPrintGuide .goSimulator > button::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border-right: 1px solid #8e0000;
	background: url(../img/icon_draft.png) center center no-repeat;
	background-size: auto 25px;
	left: 5px;
	top: 5px;
}

#productsDetail .orderPrintGuide .goSimulator > a:hover,
#productsDetail .orderPrintGuide .goSimulator > button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#productsDetail .orderPrintGuide .goSimulator > p {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 5px 0 0 50px;
	border-radius: 4px;
	background: #999999;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
}
#productsDetail .orderPrintGuide .goSimulator > p > span {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 2px;
}

#productsDetail .orderPrintGuide .goSimulator > p::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border-right: 1px solid #666666;
	background: url(../img/icon_draft.png) center center no-repeat;
	background-size: auto 25px;
	left: 5px;
	top: 5px;
}

/*** detailCaptionArea-********************/

#productsDetail .productsDetailBox .detailCaptionAreaPC {
	padding: 20px 0 0 0;
	width: 400px;
	position: relative;
	float: left;
	font-size: 1.2rem;
	line-height: 1.6;
}

#productsDetail .productsDetailBox .detailCaptionArea {
	display: none;
}

/** stepArea ***********************/
#productsDetail .priceTable {
	width: 100%;
	overflow: hidden;
}

#productsDetail .priceTable > table {
	width: calc(100% + 20px);
	border-collapse: separate;
	border-spacing: 10px;
	margin: 0 -10px 0 -10px;
}

#productsDetail .priceTable > table thead th {
	color: #ffffff;
	background: #ff9900;
	font-weight: 700;
	font-size: 1.4rem;
	text-align: center;
	vertical-align: middle;
	padding: 8px 0;
	border: none;
}

#productsDetail .priceTable > table tbody td {
	word-break: break-all;
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
	padding: 10px 8px;
	background: #9abed2;
}
#productsDetail .priceTable > table tbody tr:nth-of-type(2n) td {
	background: #efefef;
}
#productsDetail .priceTable > table tbody td.price {
	text-align: right;
}

#productsDetail .priceTable > table .id {
	width: 16%;
}
#productsDetail .priceTable > table .size {
	width: 70%;
}
#productsDetail .priceTable > table .price {
	width: 14%;
}

/*** moreDetailList-********************/
#productsDetail .moreDetailList dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #cccccc;
}
#productsDetail .moreDetailList dl:first-child {
	border-top: 1px solid #cccccc;
}

#productsDetail .moreDetailList dl dt {
	display: table-cell;
	width: 160px;
	padding: 15px 0;
	background: #fcfcfc;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
}
#productsDetail .moreDetailList dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 0 15px 10px;
	font-size: 1.2rem;
	line-height: 1.6;
}

#productsDetail .moreDetailCaution {
}
#productsDetail .moreDetailCaution ul {
	display: block;
	margin-top: 10px;
}
#productsDetail .moreDetailCaution ul li {
	display: block;
	font-size: 1rem;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
}

#productsDetail .sampleStock {
	width: 200px;
	margin: 10px 0 0 auto;
}

/**************************************
 #shoppingCart
 **************************************/
#shoppingCart {
}

/** cartInList *********************/

#shoppingCart .cartInList {
	margin-bottom: 20px;
}

/** cartInList .cartInListOneLine *****/
#shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ff9900;
}

#shoppingCart .cartInList .cartInListOneLine:nth-last-of-type(1) {
	border-bottom: none;
	padding-bottom: 0;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo {
	display: block;
	width: 100%;
	margin: 0 auto;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .imgArea {
	display: block;
	width: 100px;
	float: left;
}
#shoppingCart .cartInList .cartInListOneLine .itemInfo .imgArea > img {
	display: block;
	width: 100%;
	height: auto;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl {
	display: table;
	/* width: 870px; */
	width: 800px;
	float: right;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dt,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dt,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dd,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dd {
	display: table-cell;
	font-size: 1.4rem;
	vertical-align: middle;
	word-break: break-all;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.4;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dt,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dt {
	width: 120px;
	font-weight: 700;
	text-align: center;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dd,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dd {
	text-align: left;
	padding: 10px 10px;
}

/** textArea ****/
#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dt {
	padding-top: 5px;
}
#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dd {
	padding-top: 5px;
}

/** id ****/
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl.id dt {
	background: #efefef;
	color: #000000;
}
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl.id dd {
	background: #f8f8f8;
	color: #000000;
}

/** size ****/
#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.itemInfoMore
	dl.size
	dt {
	background: #ff9900;
	color: #ffffff;
}
#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.itemInfoMore
	dl.size
	dd {
	background: #9abed2;
	color: #000000;
}

/** memo ****/
#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.itemInfoMore
	dl.memo
	dt {
}
#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.itemInfoMore
	dl.memo
	dd {
}

/** subtotalArea ****/
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	display: table;
	width: 100%;
	margin-top: 15px;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/** deleteBtn ****/
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.deleteBtn {
	width: 130px;
}

#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn
	button,
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.deleteBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	color: #000000;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
}

#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn
	button::before,
#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn
	a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	background: url(../img/icon_delete.png) center center no-repeat;
	background-size: 18px auto;
	left: 0;
	top: 5px;
}

/** quantitySelectArea ****/
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity {
	width: 600px;
}

#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label {
	display: table;
	margin: 0 0 0 auto;
	font-size: 1.4rem;
	font-weight: 700;
}

#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	select {
	display: table-cell;
	height: 50px;
	width: 80px;
	font-size: 1.4rem;
	line-height: 16px;
	border-color: #cccccc;
	background-color: #fffff2;
	text-align: center;
	vertical-align: middle;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity .unit {
	display: table-cell;
	min-width: 65px;
	padding: 0 5px 0 5px;
	font-size: 1.4rem;
	text-align: left;
	vertical-align: middle;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity dl {
	display: table;
	width: 100%;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity dl dt {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 700;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity dl dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 700;
}

/** price ****/
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price {
	padding: 0 20px;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price dl {
	display: table;
	width: 100%;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price dl dt {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 700;
	width: 50%;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price dl dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 700;
	color: #d21300;
}

/** .salePrice *****************/

#shoppingCart .cartInList .cartInListOneLine .salePrice {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 10px;
}
#shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	display: table;
	width: 300px;
	background: #f8f8f8;
	margin: 5px 0 0 auto;
}

#shoppingCart .cartInList .cartInListOneLine .salePrice > dl > dt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 10px 5px 10px 10px;
	font-size: 1.4rem;
}
#shoppingCart .cartInList .cartInListOneLine .salePrice > dl > dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding: 10px 10px 10px 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: #cc0000;
}

/** cartInList .totalArea *****/
#shoppingCart .totalArea {
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	background: #ececec;
}

#shoppingCart .totalArea .inner {
	display: table;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-left: 650px;
}

#shoppingCart .totalArea .totalQuantity,
#shoppingCart .totalArea .totalPrice {
	display: table-cell;
	padding: 20px 0 10px 0;
	vertical-align: middle;
	text-align: right;
}

#shoppingCart .totalArea .totalQuantity {
	width: 80px;
}
#shoppingCart .totalArea .totalPrice {
	padding-right: 20px;
}

#shoppingCart .totalArea .totalQuantity dt,
#shoppingCart .totalArea .totalPrice dt {
	margin-bottom: 15px;
	text-align: right;
	font-weight: 700;
	font-size: 1.4rem;
	width: 65%;
}
#shoppingCart .totalArea .totalQuantity dd,
#shoppingCart .totalArea .totalPrice dd {
	font-size: 1.4rem;
	font-weight: 700;
	color: #cc0000;
	text-align: right;
}

#shoppingCart .totalAreaResult {
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	background: #ececec;
}

#shoppingCart .totalAreaResult .inner {
	display: table;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-left: 375px;
}

#shoppingCart .totalAreaResult .totalQuantity,
#shoppingCart .totalAreaResult .totalPrice {
	display: table-cell;
	padding: 20px 0 10px 0;
	vertical-align: middle;
	text-align: right;
}

#shoppingCart .totalAreaResult .totalQuantity {
	width: 80px;
}
#shoppingCart .totalAreaResult .totalPrice {
	padding-right: 20px;
}

#shoppingCart .totalAreaResult .totalQuantity dt,
#shoppingCart .totalAreaResult .totalPrice dt {
	margin-bottom: 15px;
	text-align: right;
	font-weight: 700;
	font-size: 1.4rem;
	width: 65%;
}
#shoppingCart .totalAreaResult .totalQuantity dd,
#shoppingCart .totalAreaResult .totalPrice dd {
	font-size: 1.4rem;
	font-weight: 700;
	color: #cc0000;
	text-align: right;
}

#shoppingCart .totalArea .salePrice {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 10px;
}
#shoppingCart .totalArea .salePrice > dl {
	display: table;
	width: 230px;
	background: #f8f8f8;
	margin: 5px 0 0 auto;
}

#shoppingCart .totalArea .salePrice > dl > dt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 10px 5px 10px 10px;
	font-size: 1.4rem;
}
#shoppingCart .totalArea .salePrice > dl > dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding: 10px 10px 10px 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: #cc0000;
}

#shoppingCart .estimateTotalArea {
	display: block;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	background: #ececec;
}

#shoppingCart .estimateTotalArea .inner {
	display: table;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-left: 600px;
}

#shoppingCart .estimateTotalArea .totalQuantity,
#shoppingCart .estimateTotalArea .totalPrice {
	display: table-cell;
	padding: 20px 0 10px 0;
	vertical-align: middle;
	text-align: right;
}

#shoppingCart .estimateTotalArea .totalQuantity {
	width: 100px;
}

#shoppingCart .estimateTotalArea .totalPrice {
	padding-right: 20px;
}

#shoppingCart .estimateTotalArea .totalQuantity dt,
#shoppingCart .estimateTotalArea .totalPrice dt {
	margin-bottom: 15px;
	text-align: right;
	font-weight: 700;
	font-size: 1.4rem;
}

#shoppingCart .estimateTotalArea .totalQuantity dd,
#shoppingCart .estimateTotalArea .totalPrice dd {
	font-size: 1.4rem;
	font-weight: 700;
	color: #cc0000;
}

#shoppingCart .estimateTotalArea .salePrice {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0 10px;
}
#shoppingCart .estimateTotalArea .salePrice > dl {
	display: table;
	width: 230px;
	background: #f8f8f8;
	margin: 5px 0 0 auto;
}

#shoppingCart .estimateTotalArea .salePrice > dl > dt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 10px 5px 10px 10px;
	font-size: 1.4rem;
}
#shoppingCart .estimateTotalArea .salePrice > dl > dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding: 10px 10px 10px 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: #cc0000;
}

/**************************************
 #shoppingPayment
 **************************************/
#shoppingPayment {
}
#shoppingPayment #mainWrap {
	padding-top: 0;
}

#shoppingPayment .currentAddress {
	display: block;
	width: 100%;
	margin: 0 auto 20px auto;
}

#shoppingPayment .currentAddress ul {
	border-top: 1px solid #cfcfcf;
}
#shoppingPayment .currentAddress ul li {
	padding: 20px 0;
	border-bottom: 1px solid #cfcfcf;
	position: relative;
	padding-right: 160px;
}
#shoppingPayment .currentAddress ul li.current {
	background: #9abed2;
}

#shoppingPayment .currentAddress ul li label {
	display: table;
	width: 100%;
	cursor: pointer;
}
#shoppingPayment .currentAddress ul li label .inputArea {
	display: table-cell;
	width: 80px;
	vertical-align: middle;
	text-align: center;
}
#shoppingPayment .currentAddress ul li label .address {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#shoppingPayment .currentAddress ul li label .address p {
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: left;
}

#shoppingPayment .currentAddress ul li .changeBtn {
	display: block;
	width: 140px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#shoppingPayment .currentAddress .changeBtn .arrowGrayBtn a {
	font-weight: 300;
	font-size: 1.2rem;
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
}
#shoppingPayment .currentAddress .changeBtn .arrowGrayBtn a::before {
	height: 20px;
	width: 30px;
}

/** payment addAddress *********************/
#shoppingPayment .addAddress {
}
#shoppingPayment .addAddress .addOpenBtn {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 12px 0 0 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	background: #008ad2;
	text-align: center;
	position: relative;
	cursor: pointer;
}
#shoppingPayment .addAddress .addOpenBtn::after {
	content: "\ea1c";
	font-family: iconFont;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	overflow: hidden;
	text-align: center;
	font-size: 1.4rem;
	color: #ffffff;
	font-weight: 500;
	vertical-align: top;
	padding: 0 0 0 10px;
	margin-top: -5px;
}
#shoppingPayment .addAddress.open .addOpenBtn::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	margin-top: 5px;
}
#shoppingPayment .addAddress .addOpenBtn:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#shoppingPayment .addAddress > .formTable {
	display: none;
}
#shoppingPayment .addAddress.open > .formTable {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

/** paymentSelectArea *********************/

#shoppingPayment .paymentSelectArea {
}

#shoppingPayment .paymentSelectArea > dl {
	display: table;
	width: 100%;
}
#shoppingPayment .paymentSelectArea > dl > dt {
	display: table-cell;
	width: 300px;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
#shoppingPayment .paymentSelectArea > dl > dt::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
}

#shoppingPayment .paymentSelectArea > dl > dd {
	display: table-cell;
	padding: 0 0 0 20px;
	text-align: left;
	vertical-align: top;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul {
	margin-bottom: -10px;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li {
	display: block;
	width: 300px;
	margin: 0 20px 10px 0;
	float: left;
}
#shoppingPayment .paymentSelectArea > dl > dd > ul > li:nth-of-type(2n-1) {
	clear: both;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li > label {
	display: table;
	width: 100%;
	height: 46px;
	font-size: 1.4rem;
	background: #9abed2;
}
#shoppingPayment .paymentSelectArea > dl > dd > ul > li:not(.current) > label {
	cursor: pointer;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li.current > label {
	background: #008ad2;
	color: #ffffff;
	font-weight: 700;
}
#shoppingPayment .paymentSelectArea > dl > dd > ul > li > label > span {
	display: table-cell;
	vertical-align: middle;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	> label
	> span:nth-child(1) {
	width: 34px;
	padding: 0 10px;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li:not(.current)
	> label:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li .openForm {
	display: none;
	margin-left: -320px;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li:nth-of-type(2n-1)
	.openForm {
	margin-right: -320px;
	margin-left: 0;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li.current .openForm {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li .openForm > .inner {
	padding: 10px;
	background: #008ad2;
	margin-top: 10px;
	position: relative;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner::before {
	content: "";
	display: block;
	width: 300px;
	height: 10px;
	background: #008ad2;
	position: absolute;
	top: -10px;
	right: 0;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li:nth-of-type(2n-1)
	.openForm
	> .inner::before {
	left: 0;
	right: inherit;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl {
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	background: #008ad2;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dt {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 10px;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dd {
	color: #ffffff;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dd
	.caution {
	font-size: 1.2rem;
	margin-bottom: 10px;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dd
	> dl {
	display: table;
	width: 100%;
	margin-top: 10px;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dt {
	display: table-cell;
	width: 25%;
	padding: 5px 10px;
	font-size: 1.2rem;
	font-weight: 700;
	vertical-align: middle;
	background: #ececec;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dd {
	display: table-cell;
	width: 65%;
	padding: 5px 10px;
	vertical-align: middle;
	background: #ffffff;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.cardNum
	> dd
	span {
	display: block;
	width: 92px;
	margin-right: 10px;
	position: relative;
	float: left;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.cardNum
	> dd
	span::after {
	content: "\-";
	display: block;
	position: absolute;
	right: -7px;
	top: 10px;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.cardNum
	> dd
	span:last-child {
	margin-right: 0;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.cardNum
	> dd
	span:last-child::after {
	display: none;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dd
	select,
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dd
	input {
	border-color: #cccccc;
	background: #fffff2;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dd
	select {
	width: inherit;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.limit
	> dd
	select {
	width: 25%;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.code
	> dd
	input {
	width: 30%;
}

/**************************************
 #contactForm
 **************************************/
#contactForm {
}

/**************************************
 #loginForm
 **************************************/
#loginForm {
}

#loginForm .loginWrap {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 40px 0;
}

/**  loginArea  ******/
#loginForm .loginWrap > .loginArea {
	width: 460px;
	float: left;
}

#loginForm .loginWrap > .loginArea .formTable {
}
#loginForm .loginWrap > .loginArea .formTable dl {
}
#loginForm .loginWrap > .loginArea .formTable dl dt {
	padding: 25px 60px 25px 15px;
	width: 249px;
	vertical-align: middle;
}
#loginForm .loginWrap > .loginArea .formTable dl dd {
	vertical-align: middle;
	padding: 0 0 0 20px;
}

#loginForm .loginWrap > .loginArea .loginBtnArea {
	display: table;
	width: 100%;
	margin: 20px auto 0;
}
#loginForm .loginWrap > .loginArea .loginBtnArea > .reminder {
	display: table-cell;
	width: 250px;
	vertical-align: top;
}
#loginForm .loginWrap > .loginArea .loginBtnArea > .reminder a {
	text-decoration: none;
}
#loginForm .loginWrap > .loginArea .loginBtnArea > .arrowOrangeBtn {
	display: table-cell;
	vertical-align: top;
}

/** entryArea ******/
#loginForm .loginWrap > .entryArea {
	width: 460px;
	float: right;
}

#loginForm .loginWrap > .entryArea .arrowOrangeBtn {
	width: 210px;
	margin: 20px auto 0;
}

/**************************************
 #entryForm
 **************************************/
#entryForm {
}

#entryForm .stepFlow ol li {
	background-color: #cccccc;
}
#entryForm .stepFlow ol li::after {
	border-left-color: #cccccc;
}

#entryForm .stepFlow ol li.current {
	background-color: #666666;
	color: #ffffff;
}
#entryForm .stepFlow ol li.current::after {
	border-left-color: #666666;
}

/**************************************
#guidePage
**************************************/
#guidePage {
}
#guidePage .heroimage img {
	display: block;
	margin: 10px auto 0;
}
#guidePage .heroimage {
	margin: 24px 0;
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	letter-spacing: 8px;
	color: #000;
}
#guidePage .oneSection p {
	font-size: 1.6rem;
	line-height: 1.4;
}
#guidePage .subttl {
	padding: 8px;
	border-width: 4px;
	font-size: 1.6rem;
}
/** guideNav *************************/
#guidePage .guideNav {
	padding-bottom: 40px;
}

#guidePage .guideNav > dl {
	display: table;
	width: 100%;
	padding-left: 10px;
	margin-bottom: 10px;
}
#guidePage .guideNav > dl > dt {
	display: table-cell;
	vertical-align: middle;
	width: 140px;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
#guidePage .guideNav > dl > dd {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
#guidePage .guideNav > dl > dd > ul {
	display: table;
}
#guidePage .guideNav > dl > dd > ul > li {
	display: table-cell;
	width: 200px;
	vertical-align: middle;
	padding-right: 10px;
}

/*
#guidePage .guideNav > dl > dd > ul > li > a{
	color: #333333;
	text-decoration: none;
	font-size: 1.4rem;
}

#guidePage .guideNav > dl > dd > ul > li > a::after {
    content: '\f0d7';
    font-family: iconFont;
    display: inline-block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color:#008ad2;
    font-weight: 500;
	padding-left: 10px;
}
#guidePage .guideNav > dl > dd > ul > li > a:hover{color: #ff0000;}
*/
#guidePage .guideNav > dl > dd > ul > li > a {
	display: block;
	box-sizing: border-box;
	height: 30px;
	padding: 0 10px 0 10px;
	font-size: 1.4rem;
	font-weight: 300;
	background: #9abed2;
	color: #333333;
	text-align: left;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	line-height: 30px;
}
#guidePage .guideNav > dl > dd > ul > li > a::after {
	content: "\f0d7";
	font-family: iconFont;
	display: block;
	width: 30px;
	height: 20px;
	overflow: hidden;
	border-left: 1px dotted #008ad2;
	color: #008ad2;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	position: absolute;
	top: 5px;
	right: 0;
}

#guidePage .guideNav > dl > dd > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/** guide oneSection *************************/

#guidePage .oneSection .guideInner {
	padding: 0 0 0 10px;
	font-size: 1.4rem;
	line-height: 1.6;
}

#guidePage .oneSection .guideSection {
	padding: 30px 0 0 0;
	text-align: left;
}
#guidePage .oneSection .guideSection:nth-child(1) {
	padding-top: 0;
}

#guidePage .oneSection .guideSection .guidettl {
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}

/** .capImg*************************/

#guidePage .oneSection .guideSection .capImg {
	display: block;
}
#guidePage .oneSection .guideSection .capImg .left {
	width: 330px;
	float: left;
}
#guidePage .oneSection .guideSection .capImg .right {
	width: 330px;
	float: right;
}
#guidePage .oneSection .guideSection .capImg p {
	padding-top: 5px;
	font-size: 1.2rem;
	text-align: left;
}
#guidePage .oneSection .guideSection .capImg img {
	display: block;
}

#guidePage .oneSection .guideSection p + .capImg {
	padding-top: 20px;
}
#guidePage .oneSection .guideSection .capImg + p {
	padding-top: 20px;
}

#guidePage .oneSection .guideSection strong {
	color: #ff0000;
	font-weight: 700;
}

/** .indentList*************************/
#guidePage .oneSection .guideSection .indentList {
	display: block;
	padding: 10px 0;
}
#guidePage .oneSection .guideSection .indentList > li {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 2px;
}
#guidePage .oneSection .guideSection .indentList > li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/** .cautionList*************************/
#guidePage .oneSection .guideSection .cautionList {
	display: block;
}
#guidePage .oneSection .guideSection .cautionList > li {
	padding-left: 1em;
	text-indent: -1em;
}
#guidePage .oneSection .guideSection .cautionList.small {
	font-size: 1rem;
	padding-top: 15px;
}

/** .caution*************************/
#guidePage .oneSection .guideSection .caution {
	padding-left: 1em;
	text-indent: -1em;
}

/** .cautionList*************************/
#guidePage .oneSection .numList {
	display: block;
	padding: 15px 0;
}
#guidePage .oneSection .numList > li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}

/** flowStep *************************/
#guidePage .oneSection .guideSection .flowStep {
	-js-display: flex;
	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;
	padding-top: 15px;
}
#guidePage .oneSection .guideSection .flowStep.num6 > li::after {
	background-size: 11px;
	right: -24px;
	top: 19px;
}
#guidePage .oneSection .guideSection .flowStep.num6 > li {
	width: 106px;
	margin-right: 22.5px;
	font-size: 1.3rem;
}
#guidePage .oneSection .guideSection .flowStep > li {
	display: table;
	width: 120px;
	height: 60px;
	margin-right: 37.5px;
	border: 1px solid #cccccc;
	text-align: center;
	position: relative;
}
#guidePage .oneSection .guideSection .flowStep > li::after {
	content: "";
	display: block;
	width: 16px;
	height: 32px;
	background: url(../img/guide/icon_step_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: -28px;
	top: 12px;
}
#guidePage .oneSection .guideSection .flowStep > li:last-child {
	margin-right: 0;
}
#guidePage .oneSection .guideSection .flowStep > li:last-child::after {
	display: none;
}
#guidePage .oneSection .guideSection .flowStep > li > span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.4;
}

#guidePage .oneSection .guideSection .sodanStep {
	padding-top: 10px;
	text-align: center;
}

/** postageTable *************************/

#guidePage .oneSection .postageTable {
	display: block;
}

#guidePage .oneSection .postageTable .Nitto {
	width: 370px;
	float: left;
}
#guidePage .oneSection .postageTable .shop {
	width: 370px;
	float: right;
}

#guidePage .oneSection .postageTable table {
	width: 100%;
	font-size: 1.4rem;
}
#guidePage .oneSection .postageTable table th,
#guidePage .oneSection .postageTable table td {
	padding: 2px 0 2px;
	text-align: left;
}

/*　referenceLink　*/

#guidePage .oneSection a {
	text-decoration: none;
	color: #000000;
}

#guidePage .oneSection a.referenceLink::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	color: #008ad2;
	padding-right: 3px;
}
#guidePage .oneSection a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#guidePage .oneSection .arrowGrayBtn {
	width: 320px;
}
#guidePage .oneSection .arrowGrayBtn > a {
	font-weight: 300;
}

/** faqSection *************************/
#guidePage .oneSection .faqSection {
	margin-bottom: 40px;
}
#guidePage .oneSection .faqSection .faqttl {
	display: block;
	padding-left: 30px;
	margin-bottom: 5px;
	position: relative;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
}
#guidePage .oneSection .faqSection .faqttl::before {
	content: "Q.";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	color: #000000;
	font-weight: 700;
	font-size: 1.4rem;
	left: 0;
	top: 0;
}

#guidePage .oneSection .faqSection .answerBox {
	display: block;
	padding-left: 30px;
	margin-bottom: 5px;
	position: relative;
	font-size: 1.4rem;
	color: #000000;
}
#guidePage .oneSection .faqSection .answerBox::before {
	content: "A.";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	color: #000000;
	font-size: 1.4rem;
	left: 1px;
	top: 0;
}

#guidePage .oneSection .faqSection > .arrowGrayBtn {
	padding: 10px 0 0 30px;
	width: 360px;
}

/** .faqContactBox ****/
#guidePage .oneSection .faqSection .faqContactBox {
	display: block;
	width: calc(100% - 30px);
	margin: 5px 0 0 auto;
	border: 1px solid #cccccc;
	padding: 15px 20px 15px;
}
#guidePage .oneSection .faqSection .faqContactBox > h4 {
	font-size: 1.4rem;
	font-weight: 700;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
}

#guidePage .oneSection .faqSection .contactAdder {
	display: table;
	width: 100%;
	max-width: 720px;
	margin: 10px auto 0 auto;
}

#guidePage .oneSection .faqSection .contactAdder .tel {
	display: table-cell;
	padding-right: 20px;
	vertical-align: middle;
}

#guidePage .oneSection .faqSection .contactAdder .tel dt {
	display: block;
	font-size: 1.4rem;
	margin-bottom: 10px;
}
#guidePage .oneSection .faqSection .contactAdder .tel dd {
	display: table;
}
#guidePage .oneSection .faqSection .contactAdder .tel dd a {
	display: table-cell;
	height: 32px;
	padding-left: 42px;
	background: url(../img/icon_tel.png) 0 0 no-repeat;
	background-size: 32px 32px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;
	letter-spacing: 0.18rem;
	cursor: default;
}

#guidePage .oneSection .faqSection .contactAdder .tel dd span {
	display: table-cell;
	vertical-align: middle;
	font-size: 1rem;
	padding-left: 15px;
}

#guidePage .oneSection .faqSection .contactAdder .mail {
	display: table-cell;
	width: 300px;
	vertical-align: middle;
}

#guidePage .oneSection .faqSection .contactAdder .mail dt {
	margin-bottom: 10px;
}

#guidePage .oneSection .faqSection .contactAdder .contactBtn {
	color: #ffffff;
}
#guidePage .oneSection .faqSection .contactAdder .contactBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #ff9900;
	color: #ffffff;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 40px;
}
#guidePage .oneSection .faqSection .contactAdder .contactBtn a::before {
	height: 30px;
	top: 5px;
}

/**************************************
 override
 **************************************/
.mb0 {
	margin-bottom: 0px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}

.alignCenter {
	text-align: center !important;
}
.alignLeft {
	text-align: left !important;
}
.alignRight {
	text-align: right !important;
}

.spOnly {
	display: none !important;
}

/***会員管理***/
.memberList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2.5;
}
/* Zebra striping */
.memberList tr:nth-of-type(odd) {
	background: #eee;
}
.memberList th {
	/*background: #778899;*/
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.memberList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2.5;
}

.addr_Button {
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	background-color: #555555;
}

.member_searchBtnArea {
	width: 100%;
	text-align: center;
}

.member_searchBtn {
	border: none;
	color: white;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	background-color: #0085d0;
}

#rowBox {
	background: #fafafa;
	padding: 20px;
	overflow: hidden;
}

.page_nav01 {
	clear: both;
	list-style-type: none;
	float: left;
}

.page_nav02 {
	float: left;
	list-style-type: none;
	margin-left: 50px;
}

.page_nav02 li {
	float: left;
	line-height: 1;
	font-weight: 900;
	margin-left: -60px;
}

.page_nav03 {
	float: right;
}
/*
 気に入り一覧
 */
.fav_deleteBtn {
	border: none;
	color: white;
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	background-color: #cc0000;
	margin: 21px 30px 60px;
	float: right;
}

/***Coupon List***/
.couponList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2.5;
}
/* Zebra striping */
.couponList tr:nth-of-type(odd) {
	background: #eee;
}
.couponList th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.couponList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

/****ご購入履歴****/
.orderList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.orderList tr:nth-of-type(odd) {
	background: #eeeeee;
}

.orderList th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.orderList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

.historyList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.historyList tr:nth-of-type(odd) {
	background: #eeeeee;
}

.historyList th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.historyList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

.detail_Btn {
	border: none;
	border-radius: 6px;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	background-color: #b0e0e6;
	width: 100px;
	height: 30px;
}

.cancel_Btn {
	border: none;
	border-radius: 6px;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	background-color: #9acd32;
	width: 100px;
	height: 30px;
}

.cartIn_Btn {
	border: none;
	border-radius: 6px;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	background-color: #cc0000;
	width: 100px;
	height: 30px;
}

.approval_Btn {
	border: solid;
	border-color: #008ad2;
	border-radius: 6px;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	background-color: #ffffff;
	width: 100px;
	height: 30px;
}

.print_Btn {
	border: solid;
	border-color: #9acd32;
	border-radius: 6px;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	cursor: pointer;
	background-color: #ffffff;
	width: 100px;
	height: 30px;
}

.btnSpace table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.btnSpace tr:nth-of-type(odd) {
	background: initial;
}

.btnSpace tr {
	background: initial;
}
.btnSpace td,
th {
	padding: 6px;
	border: 0;
	text-align: left;
	line-height: 2;
}

.orderProductList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.orderProductList tr:nth-of-type(odd) {
	background: #eeeeee;
}

.orderProductList th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.orderProductList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

/****見積リスト*****/
.estimateList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.estimateList tr:nth-of-type(odd) {
	background: #eeeeee;
}

.estimateList th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.estimateList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

.btnSpace table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.btnSpace tr:nth-of-type(odd) {
	background: initial;
}

.btnSpace tr {
	background: initial;
}
.btnSpace td,
th {
	padding: 6px;
	border: 0;
	text-align: left;
	line-height: 2;
}

/*
 order_detail
 */
#confirm_tb {
	width: 100%;
	margin: 15px 0 15px 1px;
	font-size: 1.4rem;
}

#confirm_tb th {
	width: 250px;
	padding: 10px;
	vertical-align: top;
	background-color: #eeeeee;
	border: solid 1px #cccccc;
}

#confirm_tb td {
	width: 600px;
	padding: 10px;
	background: #ffffff;
	border: solid 1px #cccccc;
}
.subTitle {
	font-size: 14px;
	line-height: 120%;
	margin: 0px;
	padding: 12px 0px 0px 35px;
	color: #ffffff;
	font-weight: normal;
}
.cart {
	color: #fff;
	background: #cc0000;
	padding: 10px 30px;
	margin-left: 840px;
	border: none;
	cursor: pointer;
	font-weight: 900;
}

.order_detail_List table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.order_detail_List tr:nth-of-type(odd) {
	background: #eeeeee;
}

.order_detail_List th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.order_detail_List td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

/*change address*/
.changeAddress table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2.5;
}
/* Zebra striping */
.changeAddress tr:nth-of-type(odd) {
	background: #eee;
}
.changeAddress th {
	background: #ffa500;
	color: white;
	font-weight: bold;
}
.changeAddress td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2.5;
}

.changeAddress2 table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2.5;
}
/* Zebra striping */
.changeAddress2 tr:nth-of-type(odd) {
	background: #eee;
}
.changeAddress2 th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.changeAddress2 td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2.5;
}

.crud_button {
	border: none;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	margin: 4px 10px;
	cursor: pointer;
	background-color: #b0e0e6;
	width: 100px;
	height: 35px;
}

.userList table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2.5;
}
.userList tr:nth-of-type(odd) {
	background: #eee;
}
.userList th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.userList td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2.5;
}

.btn_member {
	display: inline-block;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	transition: 0.5s;
}
.btn_member:hover {
	color: #27acd9;
	background: #fff;
}

.disabled {
	pointer-events: none;
	opacity: 0.6;
}

.btn_add_member {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 980px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #008ad2;
	background: #008ad2;
	color: #fff;
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-toggle {
	background-color: #f9f9f9;
	color: black;
	padding: 16px;
	font-size: 16px;
	border: 1px solid #000000;
	cursor: pointer;
}

.dropdown-menu {
	display: none;
	position: absolute;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
}

.dropdown-menu li {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

.dropdown-menu li:hover {
	background-color: #f1f1f1;
}

.pagination a,
.pagination span,
.pagination em {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 3px;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.15);
}

.pagination .previous_page,
.pagination .next_page {
	text-decoration: none;
	color: #007bff;
}

.pagination .disabled {
	color: #6c757d;
	border-color: #6c757d;
	box-shadow: none;
}

.pagination .current {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}

.no-underline {
	text-decoration: none;
}

/****クーポン詳細 ****/
.couponDetail table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.couponDetail tr:nth-of-type(odd) {
	background: #ffffff;
}

.couponDetail th {
	background: #008ad2;
	color: white;
	font-weight: bold;
}
.couponDetail td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}
/*
 見積確認
 */
.estimateConfirm table {
	width: 100%;
	border-collapse: collapse;
	line-height: 2;
}

.estimateConfirm tr:nth-of-type(odd) {
	background: #ffffff;
}

.estimateConfirm th {
	background: #ececec;
	color: black;
	font-weight: bold;
}
.estimateConfirm td,
th {
	padding: 6px;
	border: 1px solid #ccc;
	text-align: left;
	line-height: 2;
}

/***************
 top_button
 **************/
.topBtn button,
.topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	/*width: 100%;*/
	width: 330px;
	height: 60px;
	margin: 0 0 0 160px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}

.topBtn button::before,
.topBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/top_page_arrow.gif) center no-repeat;
	/*background-size: 12px auto;*/
	background-size: 15px auto;
	left: 5px;
	top: 5px;
}

.topBtn button:hover,
.topBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

.to_page_top {
	margin-top: 10px;
	float: right;
	font-size: 11px;
	font-weight: 900;
	color: #1e90ff;
}

/**************************************
 lawTable
 **************************************/
#mainContents .lawTable {
	display: block;
	width: 100%;
	margin: 20px auto 0;
}

#mainContents .lawTable > .ttl {
	margin-top: 30px;
}

#mainContents .lawTable > dl {
	display: table;
	width: 100%;
	margin: 10px auto 10px auto;
}
#mainContents .lawTable > dl:last-child {
	margin-bottom: 0;
}

#mainContents .lawTable > dl > dt {
	display: table-cell;
	width: 300px;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
#mainContents .lawTable > dl.required > dt::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
}

#mainContents .lawTable > dl > dd {
	display: table-cell;
	padding: 20px 0 20px 20px;
	text-align: left;
	vertical-align: top;
	position: relative;
	left: 10px;
	border: solid 1px #cccccc;
	line-height: 2;
}

/*
	For Question&Answer
*/
.faq_question_answer {
	padding: 5px;
	line-height: 2;
}

.scrollableUl {
	height: 100px;
	overflow: auto;
}

/**************************
 Haruichi Portia Pay
 **********************/
#mainPortia {
	display: block;
	width: 1200px;
	margin: 0 auto;
	padding: 20px 0 30px 0;
}
.portiaImgArea {
	width: 1000px;
	margin: 0 0 0 100px;
}

.subPortia {
	margin-top: 60px;
}

/**********************************
 Portai Pay
 **********************************/
.portiaPay1 {
	margin: 23px 0 0 170px;
	width: 100%;
	font-size: 23px;
}

.portiaPay2 {
	margin-left: 200px;
	font-size: 26px;
}

#payList {
	margin: 60px 0 0 60px;
}
#payList dl {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#payList dt {
	float: left;
	width: 10%;
	padding: 0;
	margin: 0;
}
#payList dd {
	float: left;
	/*width: 90%;*/
	padding: 10px 0 0 270px;
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
}

#payList img {
	margin: 10px 0 0 130px;
}

#payList span {
	margin-left: 50px;
	font-size: 13px;
}

/************************
 Portia Service
 ************************/
#portiaService {
	margin: 60px 0 0 150px;
}

#portiaService dl {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#portiaService dt {
	float: left;
	width: 10%;
	padding-bottom: 35px;
	margin: 0;
}

#portiaService dd {
	float: left;
	padding: 28px 0 0 20px;
	margin: 0;
	font-size: 20px;
	line-height: 1.5;
}

/***********************
 Q&A
 ***********************/
.circleSize {
	width: 100px;
	height: 100px;
}

#quiz {
	margin: 25px 0 0 140px;
}
#quiz dl {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
#quiz dt {
	float: left;
	width: 10%;
	padding: 0;
	margin: 0;
}
#quiz dd {
	float: left;
	padding: 35px 0 0 0;
	font-size: 18px;
	line-height: 1.5;
}

.border_bottom {
	border-bottom: thick dotted #c0c0c0;
	width: 900px;
}
.p03 {
	width: 900px;
	margin: 40px 0 0 140px;
}

/**************************************
oyakudachi
**************************************/
#oyakudachi {
}
#oyakudachi .oneSection > div {
	margin-bottom: 30px;
}
#oyakudachi > div p {
	line-height: 1.5;
}
#oyakudachi .imgbox {
	margin: 16px;
}
#oyakudachi .grayBox {
	background-color: #ececec;
	padding: 16px;
	margin: 16px 0;
}
#oyakudachi .grayBox::after {
	content: "";
	display: block;
	clear: both;
}
#oyakudachi .grayBox .imgLeft {
	float: left;
	margin-right: 16px;
}
#oyakudachi .grayBox .imgLeft img {
	border: 4px solid #fff;
}
#oyakudachi .grayBox .txt {
	overflow: hidden;
	font-size: 12px;
	line-height: 1.5;
}
#oyakudachi .grayBox .ttl2 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 8px;
}
#oyakudachi .grayBox .subttl2 {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 8px;
}
#oyakudachi .grayBox2 {
	padding: 16px;
	background: #ccc url(/assets/img/oyakudachi/gray-back.png) repeat;
}
#oyakudachi .grayBox2 .ttl2 {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 8px;
}
#oyakudachi .grayBox2 ol {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
}
#oyakudachi .grayBox2 .indent-2 li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
#oyakudachi .grayBox3 {
	border: 10px solid #ececec;
	padding: 16px;
	margin: 16px 0;
	text-align: center;
}
#oyakudachi .grayBox3 .ttl2 {
	font-size: 16px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 8px;
}
#oyakudachi .grayBox3 a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
#oyakudachi .grayBox3 a:hover,
#oyakudachi .subLinks a:hover {
	opacity: 0.6;
}
#oyakudachi .icon-arrow {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
	margin-bottom: 0.5em;
}
#oyakudachi .icon-arrow::before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.8em;
	content: "\ea1c";
	font-family: iconFont;
	display: inline;
	overflow: hidden;
	font-size: 12px;
	margin-right: 2px;
	color: #008ad2;
	font-weight: 500;
}
#oyakudachi .subLinks li {
	line-height: 1.5;
}
#oyakudachi .subLinks li a {
	text-decoration: none;
	color: #333;
}

/**************************************
userBox
**************************************/
#userBox {
}

/*** pager **************/
#userBox .userBoxPager {
	display: table;
	width: 100%;
	margin: 20px auto;
}
#userBox .userBoxPagerSP {
	display: none;
}

#userBox .userBoxPager p {
	display: table-cell;
	width: 340px;
	vertical-align: middle;
}
#userBox .userBoxPager p .allNum {
	font-size: 1.8rem;
	font-weight: 700;
	color: #cc0000;
}
#userBox .userBoxPager p .currentNum {
	font-size: 1rem;
}

#userBox .userBoxPager .sortBox {
	display: table-cell;
	width: 230px;
	padding-right: 30px;
	vertical-align: middle;
	text-align: right;
}
#userBox .userBoxPager .sortBox select {
	height: 40px;
	font-size: 1.6rem;
	line-height: 16px;
	border-color: #cccccc;
	color: 000000;
}

#userBox .userBoxPager .pagenation {
	vertical-align: middle;
}
#userBox .userBoxPager .pagenation ul {
	display: table;
	margin: 5px 0 0 auto;
}
#userBox .userBoxPager .pagenation ul li {
	display: table-cell;
	box-sizing: border-box;
	width: 33px;
	height: 30px;
	vertical-align: middle;
	padding-left: 3px;
	text-align: center;
}
#userBox .userBoxPager .pagenation ul li.prev,
#userBox .userBoxPager .pagenation ul li.next {
	width: 65px;
}

#userBox .userBoxPager .pagenation ul li a,
#userBox .userBoxPager .pagenation ul li span {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 1.2rem;
	color: #333333;
	font-weight: 500;
	text-decoration: none;
	vertical-align: middle;
	background: #9abed2;
}

#userBox .userBoxPager .pagenation ul li.prev a {
	padding-left: 14px;
	position: relative;
}
#userBox .userBoxPager .pagenation ul li.prev a::before {
	content: "<<";
	display: block;
	width: 24px;
	height: 12px;
	position: absolute;
	top: -1px;
	left: 0;
}
#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: 13px;
	position: relative;
}
#userBox .userBoxPager .pagenation ul li.next a::after {
	content: ">>";
	display: block;
	width: 24px;
	height: 12px;
	position: absolute;
	top: -1px;
	right: 0;
}
#userBox .userBoxPager .pagenation ul li a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#userBox .userBoxPager .pagenation ul li.current span {
	background: #008ad2;
	font-weight: 700;
	color: #ffffff;
}

/*** boxInList **************/
#userBox .boxInList {
	display: block;
	margin: 0 auto;
}

#userBox .boxInList .boxInListOneLine {
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ff9900;
}
#userBox .boxInList .boxInListOneLine:nth-last-child(1) {
	border-bottom: none;
}

#userBox .boxInList .boxInListOneLine > .inner {
	display: table;
	width: 100%;
	margin: 0 auto;
}

#userBox .boxInList .boxInListOneLine > .inner > .idNum {
	display: table-cell;
	width: 45px;
	padding: 10px 0;
	font-size: 1.2rem;
	text-align: center;
	vertical-align: top;
	background: #ececec;
}

/*** itemData *************/

#userBox .boxInList .boxInListOneLine > .inner > .itemData {
	display: table-cell;
	width: 935px;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
}

/*** itemData imgText*************/

#userBox .boxInList .boxInListOneLine > .inner > .itemData .imgText {
	display: table;
	width: 100%;
}

/*** itemData img*************/

#userBox .boxInList .boxInListOneLine > .inner > .itemData .imgText .img {
	display: table-cell;
	width: 100px;
	vertical-align: top;
	text-align: center;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	> .thum {
	width: 100px;
	height: 100px;
	position: relative;
	cursor: pointer;
	float: left;
	padding-left: 10px;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	> .thum:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#userBox .boxInList .boxInListOneLine > .inner > .itemData .imgText .img img {
	display: block;
	width: 100%;
	height: auto;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	.enlargeBtn {
	display: block;
	width: 26px;
	height: 24px;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	.bigImg {
	display: none;
}

/*** itemData nameArea*************/

#userBox .boxInList .boxInListOneLine > .inner > .itemData .imgText .nameArea {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 20px;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName {
	display: table;
	width: 100%;
	margin-bottom: 15px;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 170px;
	font-size: 1.4rem;
	font-weight: 700;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dd {
	display: table-cell;
	width: 740px;
	vertical-align: middle;
	text-align: left;
	font-size: 1.6rem;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dd
	span.ellipsis {
	display: block;
	width: 740px;
	overflow: hidden;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dd
	span.ellipsis
	span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*** itemData designName*************/

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName {
	display: table;
	width: 100%;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dt {
	display: table-cell;
	vertical-align: top;
	text-align: left;
	width: 110px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 46px;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd {
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd.name {
	padding-right: 20px;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd.name
	input[type="text"] {
	height: 48px;
	vertical-align: top;
	line-height: 46px;
	border-color: #cccccc;
	padding: 0 10px;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd.arrowGrayBtn {
	width: 160px;
	padding-top: 4px;
	padding-right: 40px;
}

/*** boxInListWappen *************/
#userBox .boxInListWappen {
	display: block;
	padding: 0 0 15px;
}
#userBox .boxInListWappen ul {
	display: table;
	margin: 0;
	width: 100%;
}
#userBox .boxInListWappen ul li {
	display: table-cell;
	height: 30px;
	width: 114px;
	padding: 0 10px 0 0;
	vertical-align: middle;
}

#userBox .boxInListWappen ul li > span {
	display: block;
	width: 100%;
	height: 30px;
	background: #ececec;
	color: #ffffff;
	font-size: 1rem;
	text-align: center;
	line-height: 30px;
}
#userBox .boxInListWappen li:nth-child(1) > span {
	background: #ff9900;
}
#userBox .boxInListWappen li:nth-child(2) > span {
	background: #ff99cc;
}
#userBox .boxInListWappen li:nth-child(3) > span {
	background: #996699;
}
#userBox .boxInListWappen li:nth-child(4) > span {
	background: #66cc33;
}
#userBox .boxInListWappen li:nth-child(5) > span {
	background: #0099cc;
}
#userBox .boxInListWappen li.notMatch > span {
	background: #ececec;
	color: #999999;
}

#userBox .boxInListWappen li.directSend {
	height: 30px;
	padding: 0;
}
#userBox .boxInListWappen li.directSend > img {
	display: block;
	width: 30px;
	height: auto;
	margin: 0 0 0 auto;
}

/*** itemData itemInfo*************/
#userBox .itemInfo,
#userBox .itemInfoMore {
	padding: 20px 0 0;
}

#userBox .itemInfo dl,
#userBox .itemInfoMore dl {
	display: table;
	width: 100%;
	margin: 0;
}

#userBox .itemInfo dl dt,
#userBox .itemInfo dl dd,
#userBox .itemInfoMore dl dt,
#userBox .itemInfoMore dl dd {
	display: table-cell;
	font-size: 1.4rem;
	vertical-align: middle;
	word-break: break-all;
	padding-top: 10px;
	padding-bottom: 10px;
}

/** date ***************/
#userBox .itemInfo dl.date dt {
	width: 120px;
	background: #ff9900;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}
#userBox .itemInfo dl.date dd {
	width: 150px;
	background: #9abed2;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	padding-left: 10px;
}
#userBox .itemInfo dl.date dd:nth-last-of-type(1) {
	width: 150px;
}

/** id ***************/
#userBox .itemInfo dl.id dt {
	width: 120px;
	background: #efefef;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
}
#userBox .itemInfo dl.id dd {
	width: 420px;
	background: #f8f8f8;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	padding-left: 10px;
}
#userBox .itemInfo dl.id dd:nth-last-of-type(1) {
	width: 150px;
}

#userBox .itemInfo dl.id.noDesign dd {
	width: 800px;
}

/** size ***************/
#userBox .itemInfo dl.size dt {
	width: 120px;
	background: #ff9900;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}
#userBox .itemInfo dl.size dd {
	width: 800px;
	background: #9abed2;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	padding-left: 10px;
}

/** statusList ***************/
#userBox .itemInfoMore dl.statusList {
	margin-bottom: 10px;
}

#userBox .itemInfoMore dl.statusList dt {
	width: 120px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
}

#userBox .itemInfoMore dl.statusList dd {
	width: 380px;
	font-size: 1.4rem;
	color: #cc0101;
	font-weight: 700;
	text-align: left;
}

#userBox .itemInfoMore dl.statusList dd.status {
	width: 270px;
	font-size: 1.4rem;
	color: #cc0101;
	text-align: center;
	border: 1px solid #cc0101;
}
#userBox .itemInfoMore dl.statusList dd.status.active {
	color: #ffffff;
	font-size: 1.6rem;
	background: #cc0101;
	text-align: center;
	border: 1px solid #cc0101;
}

/** spec ***************/
#userBox .itemInfoMore dl.spec dt {
	width: 120px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
	vertical-align: text-top;
}

#userBox .itemInfoMore dl.spec dd {
	width: 800px;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	line-height: 1.4;
	vertical-align: text-top;
}

/** memo ***************/
#userBox .itemInfoMore dl.memo dt {
	width: 120px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
	vertical-align: top;
	line-height: 80px;
}

#userBox .itemInfoMore dl.memo dd {
	width: 640px;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	line-height: 1.4;
	padding-right: 20px;
}

#userBox .itemInfoMore dl.memo dd textarea {
	height: 80px;
	border-color: #cccccc;
}

#userBox .itemInfoMore dl.memo dd.arrowGrayBtn {
	width: 160px;
	padding-top: 30px;
	padding-right: 40px;
	vertical-align: top;
}

/** btnArea ***************/
#userBox .btnArea {
	padding: 10px 0 0;
}

#userBox .btnArea ul {
	display: table;
	width: 100%;
}

#userBox .btnArea ul li {
	display: table-cell;
	vertical-align: middle;
}

#userBox .btnArea ul li.cartInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}
#userBox .btnArea ul li.cartInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-right: 1px solid #8e0000;
	background: url(../img/icon_cart_in.png) center center no-repeat;
	background-size: 30px 30px;
	left: 5px;
	top: 5px;
}

#userBox .btnArea ul li.cartInBtn button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#userBox .btnArea ul li.cartInBtn button[disabled] {
	background: #cccccc;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	cursor: default;
}
#userBox .btnArea ul li.cartInBtn button[disabled]::before {
	border-right: 1px solid #ffffff;
}
#userBox .btnArea ul li.cartInBtn button[disabled]:hover {
	opacity: 1;
}

#userBox .btnArea ul li.draftInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 50px;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}
#userBox .btnArea ul li.draftInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_arrow_white.png) center no-repeat;
	background-size: 12px auto;
	left: 5px;
	top: 5px;
}

#userBox .btnArea ul li.draftInBtn button:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#userBox .btnArea .deleteBtn {
	width: 130px;
	padding-right: 10px;
}
#userBox .btnArea .copyBtn {
	width: 210px;
	padding-right: 10px;
}
#userBox .btnArea .editBtn {
	width: 235px;
	padding-right: 35px;
}

#userBox .btnArea .deleteBtn + .cartInBtn {
	padding-left: 435px;
}

#userBox .btnArea .deleteBtn button,
#userBox .btnArea .deleteBtn a,
#userBox .btnArea .copyBtn button,
#userBox .btnArea .copyBtn a,
#userBox .btnArea .editBtn button,
#userBox .btnArea .editBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
}

#userBox .btnArea .deleteBtn button::before,
#userBox .btnArea .deleteBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	background: url(../img/icon_delete.png) center center no-repeat;
	background-size: 18px auto;
	left: 0;
	top: 5px;
}

#userBox .btnArea .copyBtn button::before,
#userBox .btnArea .copyBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	background: url(../img/icon_cut.png) center center no-repeat;
	background-size: 18px auto;
	left: 0;
	top: 5px;
}

#userBox .btnArea .editBtn button::before,
#userBox .btnArea .editBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #999999;
	background: url(../img/icon_edit.png) center center no-repeat;
	background-size: 18px auto;
	left: 0;
	top: 5px;
}

#userBox .btnArea .deleteBtn button:hover,
#userBox .btnArea .deleteBtn a:hover,
#userBox .btnArea .copyBtn button:hover,
#userBox .btnArea .copyBtn a:hover,
#userBox .btnArea .editBtn button:hover,
#userBox .btnArea .editBtn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/**** resultMsg *********************/
#userBox .boxInList .boxInListOneLine > .inner .resultMsg {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 20px;
	margin: 10px 0 0 auto;
	background: #fffff2;
	border: 2px solid #008ad2;
	line-height: 1.4;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
}

#userBox .boxInList .boxInListOneLine > .inner .resultMsg::before {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 16px;
	height: 16px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: -14px;
	left: 50%;
	margin-left: -8px;
}

/**************************************
 orderPrintStep
 **************************************/

.orderPrintStep {
}

.orderPrintStep > p {
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 15px;
}

.orderPrintStep ol {
	display: table;
	width: 100%;
	height: 50px;
	border: 1px solid #ff9901;
	margin: 0 auto 20px auto;
	overflow: hidden;
}
.orderPrintStep ol li {
	display: table-cell;
	width: 20%;
	height: 50px;
	background: #9abed2;
	font-size: 1.4rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	padding: 0 0 0 13px;
	position: relative;
	vertical-align: middle;
}
.orderPrintStep ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 26px solid transparent;
	border-left: 26px solid #9abed2;
	position: absolute;
	right: -50px;
	top: -1px;
	z-index: 2;
}

.orderPrintStep ol li:nth-child(2n) {
	background: #ffffff;
}
.orderPrintStep ol li:nth-child(2n)::after {
	border-left: 26px solid #ffffff;
}

.orderPrintStep ol li:last-child::before,
.orderPrintStep ol li:last-child::after {
	display: none;
}

.orderPrintStep ol li.current {
	background: #008ad2;
	color: #ffffff;
}
.orderPrintStep ol li.current::after {
	border-left-color: #008ad2;
}

/**************************************
 readingContents
 **************************************/
#readingContents {
}

/*** titlePanel  *****************/
#readingContents .titlePanel {
	display: table;
	width: 980px;
	height: 200px;
	margin: 0 auto 25px;
}
#readingContents .titlePanel > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0 20px 0;
	font-size: 3.6rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
}

/* haruMade */
#readingContents .titlePanel.haruMade {
	background: url(../img/orderprint/bg_ttl_special_orderprint.jpg) center center
		no-repeat;
	background-size: cover;
}
#readingContents .titlePanel.haruMade > span {
	color: #000000;
}

/* industryBread */
#readingContents .titlePanel.industryBread {
	background: url(../img/industry/bread/bg_ttl_special_industry_bread.jpg) center
		center no-repeat;
	background-size: cover;
}

/* industryMailorder */
#readingContents .titlePanel.industryMailorder {
	background: url(../img/industry/mailorder/bg_ttl_special_industry_mailorder.jpg)
		center center no-repeat;
	background-size: cover;
}

/* industryLease */
#readingContents .titlePanel.industryLease {
	background: url(../img/industry/lease/bg_ttl_special_industry_lease.jpg) center
		center no-repeat;
	background-size: cover;
}

/* industryEducation */
#readingContents .titlePanel.industryEducation {
	background: url(../img/industry/education/bg_ttl_special_industry_education.jpg)
		center center no-repeat;
	background-size: cover;
}

/* industryEvent */
#readingContents .titlePanel.industryEvent {
	background: url(../img/industry/event/bg_ttl_special_industry_event.png) center
		center no-repeat;
	background-size: cover;
}

/* industryCar */
#readingContents .titlePanel.industryCar {
	background: url(../img/industry/car/bg_ttl_special_industry_car.png) center
		center no-repeat;
	background-size: cover;
}

/* industryPain */
#readingContents .titlePanel.industryPain {
	background: url(../img/industry/pain/bg_ttl_special_industry_pain.jpg) center
		center no-repeat;
	background-size: cover;
}

/* orderSize */
#readingContents .titlePanel.orderSize {
	background: url(../img/ordersize/bg_ttl_special_ordersize.jpg) center center
		no-repeat;
	background-size: cover;
}
#readingContents .titlePanel.orderSize > span {
	color: #000000;
	font-size: 3.2rem;
	line-height: 1.6;
}

/*** bigText  *****************/

#readingContents .bigText {
	padding: 30px 0;
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.4;
}

/*** dotList  *****************/
#readingContents .dotList {
	display: block;
}
#readingContents .dotList ul {
}
#readingContents .dotList ul li {
	display: block;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
}

/*** ledeBox  *****************/
#readingContents .ledeBox {
	display: block;
	width: 980px;
	margin: 0 auto;
}

#readingContents .ledeBox > p {
	font-size: 1.6rem;
	line-height: 1.6;
}
#readingContents .ledeBox > p.caution {
	padding-top: 10px;
	font-size: 1rem;
	padding-left: 1em;
	text-indent: -1em;
}

/*** pickUpFigureTextBox  *****************/

#readingContents .pickUpFigureTextBox {
	display: block;
	width: 980px;
	min-height: 200px;
	margin: 60px auto 0;
	position: relative;
}
#readingContents .pickUpFigureTextBox:nth-of-type(1) {
	margin-top: 0;
}

#readingContents .pickUpFigureTextBox .subttl {
	display: block;
	width: 760px;
	padding: 0;
	margin: 0 0 20px 0;
	border: none;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: left;
	float: right;
}

#readingContents .pickUpFigureTextBox > figure {
	display: block;
	width: 200px;
	float: left;
}
#readingContents .pickUpFigureTextBox > figure > img {
	display: block;
	width: 100%;
	height: auto;
}

#readingContents .pickUpFigureTextBox > .text {
	display: block;
	width: 760px;
	float: right;
}
#readingContents .pickUpFigureTextBox > .text p {
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
}

#readingContents .pickUpFigureTextBox > .btn {
	display: block;
	width: 760px;
	padding-top: 30px;
	float: right;
}

#readingContents .pickUpFigureTextBox > .btn a {
	display: table;
	width: 540px;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 17px 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border: 1px solid #9a9a9a;
	border-radius: 4px;
	background: #ffffff;
}
#readingContents .pickUpFigureTextBox > .btn a::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}

#readingContents .pickUpFigureTextBox > .btn a + a {
	margin-top: 20px;
}

#readingContents .pickUpFigureTextBox > .btn a > span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

#readingContents .pickUpFigureTextBox > .btn a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#readingContents .pickUpFigureTextBox.figR .subttl {
	float: left;
}
#readingContents .pickUpFigureTextBox.figR > figure {
	float: right;
}
#readingContents .pickUpFigureTextBox.figR > .text {
	float: left;
}
#readingContents .pickUpFigureTextBox.figR > .btn {
	float: left;
}

/**************************************
 orderStepGuide
 **************************************/
#readingContents .orderStepGuide {
	display: block;
}
#readingContents .orderStepGuide > ol {
	display: block;
}

#readingContents .orderStepGuide > ol li {
	display: table;
	width: 100%;
	margin-top: 30px;
}

#readingContents .orderStepGuide > ol li > figure {
	display: table-cell;
	width: 200px;
	vertical-align: top;
}
#readingContents .orderStepGuide > ol li > figure > img {
	display: block;
	width: 100%;
	height: auto;
}

#readingContents .orderStepGuide > ol li > .text {
	display: table-cell;
	padding-left: 30px;
	vertical-align: middle;
	text-align: left;
}

#readingContents .orderStepGuide > ol li > .text .subttl {
	display: table;
	padding: 0;
	margin: 0 0 20px 0;
	border: none;
	font-size: 1.8rem;
	font-weight: 700;
}

#readingContents .orderStepGuide > ol li > .text .subttl > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#readingContents .orderStepGuide > ol li > .text .subttl > span:nth-child(2) {
	padding-left: 20px;
}

#readingContents .orderStepGuide > ol li > .text > p {
	font-size: 1.6rem;
	line-height: 1.6;
	text-align: left;
}

/*** btn *************/
#readingContents .goOrderPrintArea {
	padding: 40px 0 0;
}
#readingContents .goOrderPrintArea > ul {
	display: table;
	width: 840px;
	margin: 0 auto;
}

#readingContents .goOrderPrintArea > ul li {
	display: table-cell;
	width: 420px;
}

#readingContents .goOrderPrintArea > ul li:nth-child(1) {
	padding-right: 10px;
}
#readingContents .goOrderPrintArea > ul li:nth-child(2) {
	padding-left: 10px;
}

#readingContents .goOrderPrintArea > ul li > a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 60px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 60px;
}

#readingContents .goOrderPrintArea > ul li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#readingContents .goOrderPrintArea > ul li.draftOrangeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 50px;
	border-right: 1px solid #bd7200;
	background: url(../img/icon_draft.png) center center no-repeat;
	background-size: 30px auto;
	left: 0;
	top: 5px;
}

#readingContents .goOrderPrintArea > ul li.searchOrangeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 60px;
	height: 50px;
	border-right: 1px solid #bd7200;
	background: url(../img/icon_search_white.png) center center no-repeat;
	background-size: 30px auto;
	left: 0;
	top: 5px;
}

/**************************************
 committedCateList
 **************************************/

#mainContents .committedCateList {
	width: 980px;
	margin: 0 auto 60px;
}

#mainContents .committedCateList > ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
}

#mainContents .committedCateList > ul > li {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 480px;
	float: left;
	margin: 20px 20px 0 0;
}

#mainContents .committedCateList > ul > li:nth-child(1),
#mainContents .committedCateList > ul > li:nth-child(2) {
	margin-top: 0;
}
#mainContents .committedCateList > ul > li:nth-child(2n) {
	margin-right: 0;
}

#mainContents .committedCateList > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 15px 20px 15px;
	color: #000000;
	text-decoration: none;
	background: url(../img/bg_line.png) 0 0 repeat;
}

#mainContents .committedCateList > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .committedCateList > ul > li > a > dl {
	display: block;
}

#mainContents .committedCateList > ul > li > a > dl > dt {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

#mainContents .committedCateList > ul > li > a > dl > dd.img {
	display: block;
	width: 200px;
	float: left;
}
#mainContents .committedCateList > ul > li > a > dl > dd.img > img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .committedCateList > ul > li > a > dl > dd.text {
	display: block;
	width: 210px;
	float: right;
	font-size: 1.6rem;
	line-height: 1.6;
}

#mainContents .committedCateList > ul > li > a > dl > dd.btn {
	display: table;
	width: 100%;
	padding-top: 20px;
	clear: both;
}

#mainContents .committedCateList > ul > li > a > dl > dd.btn > span {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 17px 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border-radius: 4px;
	background: #ffffff;
}
#mainContents .committedCateList > ul > li > a > dl > dd.btn > span::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}

/**************************************
 industryCateList
 **************************************/

#mainContents .industryCateList {
	width: 980px;
	margin: 0 auto 60px;
}

#mainContents .industryCateList > ul {
	display: block;
}

#mainContents .industryCateList > ul > li {
	display: block;
	margin-top: 20px;
}

#mainContents .industryCateList > ul > li:nth-child(1) {
	margin-top: 0;
}

#mainContents .industryCateList > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 20px;
	color: #000000;
	text-decoration: none;
	background: url(../img/bg_line.png) 0 0 repeat;
}

#mainContents .industryCateList > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .industryCateList > ul > li > a > dl {
	display: block;
}

#mainContents .industryCateList > ul > li > a > dl > dt {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 2rem;
	font-weight: 700;
	margin-bottom: 20px;
}

#mainContents .industryCateList > ul > li > a > dl > dd.img {
	display: block;
	width: 200px;
	float: left;
}
#mainContents .industryCateList > ul > li > a > dl > dd.img > img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .industryCateList > ul > li > a > dl > dd.text {
	display: block;
	width: 710px;
	height: 100px;
	float: right;
	font-size: 1.6rem;
	line-height: 1.6;
}

#mainContents .industryCateList > ul > li > a > dl > dd.btn {
	display: table;
	width: 710px;
	float: right;
}

#mainContents .industryCateList > ul > li > a > dl > dd.btn > span {
	display: table-cell;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 17px 0;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border-radius: 4px;
	background: #ffffff;
}
#mainContents .industryCateList > ul > li > a > dl > dd.btn > span::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}

/** industryRecoCate *****************************/
#mainContents .industryRecoCate {
	width: 980px;
	margin: 0 auto;
}

#mainContents .industryRecoCate > ul {
	-js-display: flex;
	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;
	box-sizing: border-box;
}

#mainContents .industryRecoCate > ul > li {
	display: block;
	width: 480px;
	float: left;
	margin: 20px 20px 0 0;
}

#mainContents .industryRecoCate > ul > li:nth-child(1),
#mainContents .industryRecoCate > ul > li:nth-child(2) {
	margin-top: 0;
}
#mainContents .industryRecoCate > ul > li:nth-child(2n) {
	margin-right: 0;
}

#mainContents .industryRecoCate > ul > li > a {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 15px 30px 15px 15px;
	font-size: 2rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border: 1px solid #9a9a9a;
	border-radius: 8px;
	background: #ffffff;
}
#mainContents .industryRecoCate > ul > li > a::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	font-size: 12px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -6px;
	right: 10px;
}
#mainContents .industryRecoCate > ul > li > a:hover {
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

#mainContents .industryRecoCate > ul > li > a > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#mainContents .industryRecoCate > ul > li > a > span:nth-child(1) {
	width: 120px;
}
#mainContents .industryRecoCate > ul > li > a > span > img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .industryRecoCate > ul > li > a > span:nth-child(2) {
	padding-left: 30px;
}

/**************************************
shoppingAgreeArea
**************************************/

.shoppingAgreeArea {
	width: 100%;
	margin: 0 auto;
	padding: 15px;
	background: #ececec;
	margin-top: 30px;
}

.shoppingAgreeArea .agreeTitle {
	font-size: 1.6rem;
	font-weight: 700;
	text-align: left;
	margin-bottom: 10px;
}

.shoppingAgreeArea .inner {
	display: table;
	margin: 0 auto 0 0;
}

.shoppingAgreeArea .inner > label,
.shoppingAgreeArea .inner > .kiyakuLink {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.shoppingAgreeArea .inner > label {
	cursor: pointer;
}

.shoppingAgreeArea .inner > label > input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border: 1px solid #000000;
	border-radius: 0;
	background-color: #ffffff;
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: normal;
}

.shoppingAgreeArea .inner > label > span {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 20px;
	color: #cc0000;
	padding-left: 5px;
}

.shoppingAgreeArea .inner .kiyakuLink {
	font-size: 1.2rem;
	padding-left: 20px;
}
.shoppingAgreeArea .inner .kiyakuLink > a {
	color: #0066cc;
	text-decoration: none;
}

.nextBtn .noAgree {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 14px 0 0 50px;
	border-radius: 4px;
	background: #999999;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
}

.nextBtn .noAgree::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 50px;
	border-right: 1px solid #666666;
	background: url(/assets/img/icon_arrow_white.png) center no-repeat;
	background-size: 12px auto;
	left: 5px;
	top: 5px;
}

.nextBtn .noAgree > .caption {
	display: block;
	text-align: center;
	font-size: 1.2rem;
	margin-bottom: 5px;
}

/**************************************
industry-iziModal 20181017追加
**************************************/
.modalCase {
	clear: both;
	padding: 20px;
}
.ttlModalCase {
	margin: 0 0 10px 10px;
	font-size: 18px;
	font-weight: bold;
}
.modalCaseList {
	max-width: 612px;
	margin-bottom: 30px;
}
.modalCaseList li {
	float: left;
	margin: 0 10px 20px;
}
.modalCaseList li img {
	border: 1px solid #9a9a9a;
}
.modalCaseList li figcaption {
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
}

/**************************************
ordesSize 20190201
**************************************/
.orderSizeTable {
	width: 100%;
	margin: 10px auto 0;
}
.orderSizeTable th,
.orderSizeTable td {
	padding: 6px 10px;
	border: 1px solid #9a9a9a;
	font-size: 1.6rem;
	line-height: 1.4;
}
.orderSizeTable th {
	background-color: #f90;
	color: #fff;
	font-weight: bold;
}
.orderSizeTable tr td:first-child {
	width: 200px;
}
.orderSizeTable td a {
	text-decoration: none;
}
.orderSizeTable td a:hover {
	transition: all 0.2s ease;
	opacity: 0.6;
}
.orderSizeTable td a::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	font-size: 14px;
	color: #008ad2;
	padding-right: 5px;
}

/**************************************
harumadeTemplateDownload 20190201
**************************************/
.orderPrintTemplates {
	margin: 15px 0 0;
}
.orderPrintTemplates h3 {
	font-weight: bold;
	font-size: 15px;
}
.orderPrintTemplates table {
	margin: 10px auto 0;
	width: 100%;
}
.orderPrintTemplates table th,
.orderPrintTemplates table td {
	padding: 7px 10px;
	text-align: center;
	border: 1px solid #c3c3c3;
	border-left: none;
	border-right: none;
}
.orderPrintTemplates table th {
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px;
}
.orderPrintTemplates table td:first-child {
	width: 130px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.orderPrintTemplates table td a {
	display: block;
}
.orderPrintTemplates table td a:hover {
	transition: all 0.2s ease;
	opacity: 0.6;
}
.orderPrintTemplates table td a img {
	width: 30px;
}

/**************************************
error message
**************************************/
.error_msg {
	color: #ff0000;
}

/**************************************
file_uploard_button
**************************************/
.file_upload_btn {
	background-color: #093d86;
	border: none;
	color: white;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
}

/**************************************
override
**************************************/
.mb0 {
	margin-bottom: 0px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}

.alignCenter {
	text-align: center !important;
}
.alignLeft {
	text-align: left !important;
}
.alignRight {
	text-align: right !important;
}

.spOnly {
	display: none !important;
}

#userBox #mainWrap #mainContents .userBoxPager .pagenation li::marker {
	content: "";
}
#count_per_page_form {
	display: block;
	float: right;
	.display_count {
		display: inline-block;
		margin-top: 10px;
		text-align: center;
	}
	#per_page {
		float: right;
		width: auto;
	}
	#datetime_range {
		float: right;
		width: auto;
	}
}

#mainWrap #mainContents .shop_point_ol {
	border: 2px solid skyblue;
	width: 70%;
	margin: 0 auto;
	border-radius: 10px;
	.shop_point_li {
		border-bottom: #000 1px solid;
		padding: 10px;
		box-sizing: border-box;
		.main {
			display: flex;
			width: 100%;
			.main_li {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 1.8rem;
				font-weight: bold;
			}
			.showBtn {
				margin-left: auto;
				display: block;
				position: relative;
				box-sizing: border-box;
				width: 15%;
				height: 30px;
				border-radius: 4px;
				background: #999999;
				text-align: center;
				font-size: 1rem;
				font-weight: 700;
				color: #ffffff;
				text-decoration: none;
				line-height: 30px;
			}
			.showBtn a {
				background-color: #008ad2;
				color: #fff;
				border-radius: 4px;
			}
		}
		.sub {
			display: flex;
			width: 100%;
			margin-top: 5px;
			font-weight: bold;
			.sub_title {
				margin: 0px 5px;
				text-align: right;
			}
		}
	}
	.terminable_date_li {
		font-weight: bold;
		font-size: 1.3rem;
		padding: 10px 10px;
		border-bottom: ipx solid #000;
	}
}
#mainWrap #mainContents .shop_point_message {
	line-height: 1.7;
	text-align: right;
	width: 70%;
	margin: 0 auto;
}
#mainWrap #mainContents .pagination {
	.shop_table {
		margin-left: auto;
		margin-right: 0;
	}
}

.shop_point_table table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.shop_point_table th {
	background-color: #008ad2;
	border: 1px solid #ddd;
	color: white;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}
.shop_point_table td {
	border: 1px solid #ddd;
	padding: 5px;
	text-align: center;
}

/**************************************
information
**************************************/
.md_news_text img {
	max-width: 100%;
	height: auto;
	margin: 20px auto;
	display: block;
}
.md_news_text {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
p.button-large2 {
	margin-bottom: 2rem;
}
.button-large2 a {
	display: inline-block;
	background: #093d86;
	color: #ffffff;
	border-radius: 4px;
	padding: 8px 14px;
	cursor: pointer;
}

.coupon_use_title {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.coupon_use_text {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 20px;
	border: 1px solid #000000;
}

.boxInOutProductsList {
	display: block;
	margin: 0 auto;
}

.boxInListOneLine {
	margin: 0 auto 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ff9900;
}

.inner {
	display: table;
	width: 100%;
	margin: 0 auto;
}

.itemData {
	display: table-cell;
	width: 935px;
	padding-left: 15px;
	text-align: left;
	vertical-align: top;
}

.imgText {
	display: table;
	width: 100%;
	.img {
		display: table-cell;
		width: 100px;
		vertical-align: top;
		text-align: center;
		.thum {
			width: 100px;
			height: 100px;
			position: relative;
			cursor: pointer;
			float: left;
			padding-left: 10px;
		}
		.enlargeBtn {
			display: none;
			width: 26px;
			height: 24px;
			position: absolute;
			right: 5px;
			bottom: 5px;
		}
		.bigImg {
			display: none;
		}
	}
}

.nameArea {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding-left: 70px;
	.itemName {
		display: table;
		width: 100%;
		margin-bottom: 15px;
	}
}

dt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	width: 170px;
	font-size: 1.4rem;
	font-weight: 700;
}
dd {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	text-align: left;
	font-size: 1.6rem;
}

.couponCartBtn {
	padding-left: 40px;
}

.productFaqSection {
	margin-bottom: 40px;
}

.productFaqttl {
	display: block;
	padding-left: 30px;
	margin-bottom: 30px;
	position: relative;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
}

.productFaqttl::before {
	content: "Q.";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	color: #000000;
	font-weight: 700;
	font-size: 1.4rem;
	left: 0;
	top: 0;
}

.productAnswerBox {
	display: block;
	padding-left: 30px;
	margin-bottom: 5px;
	position: relative;
	font-size: 1.4rem;
	color: #000000;
}

.productAnswerBox::before {
	content: "A.";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	color: #000000;
	font-size: 1.4rem;
	left: 1px;
	top: 0;
}

.productAnswerBox p {
	font-size: 1.6rem;
	line-height: 1.6;
}

.card-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}

.card {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 8px;
	margin-bottom: 16px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	flex: 0 0 calc(25% - 16px);
	margin: 8px;
}
.card-img-top {
	width: 70%;
	height: auto;
}

.product-container {
	display: flex;
	flex-direction: column;
}

.product {
	display: flex;
	align-items: flex-start;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 16px;
	margin-bottom: 16px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
	font-size: 15px;
}

.product-image {
	flex: 0 0 auto;
	margin-right: 16px;
}

.product-info {
	flex: 1 1 auto;
}

.favoriteProductBtn button {
	width: 90%;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 60px;
}

.couponProductSkuStock {
	width: 100px;
	text-align: left;
}

.hidden {
	display: none;
}

.conponbtn {
	text-decoration: none;
}

.couponShowButton {
	display: block;
	margin: auto;
	width: 90%;
	color: #ffffff;
	background-color: #99aeeb;
	text-decoration: none;
}

/* ショッピングカート */
.cart_item_product_components .product-container .product .product-image img {
	width: 80px;
	height: 80px;
}

.underBtnArea.single.signup {
	width: 800px;
}
.underBtnArea.single.signup ul {
	display: flex;
	justify-content: space-between;
}

/* autocomplete */
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.ui-menu .ui-menu-item:hover {
	background: #eeeeee;
}

/*--------------- リニューアル用style *---------------*/

:root {
	/* グレー系 */
	--gray-50: #f9f9f9; /* ほぼ白に近いグレー */
	--gray-100: #f8f8f8; /* かなり明るいグレー */
	--gray-200: #f0f0f0; /* 明るめのグレー */
	--gray-150: #ededed; /* さらに明るいグレー */
	--gray-400: #a09998; /* やや暗めのグレー */
	--gray-500: #a29c9c; /* 中間的なグレー */
	--gray-600: #707070; /* しっかりとしたグレー */
	--white: #ffffff; /* 純白 */
	--gray-shadow: #00000029; /* シャドー用グレー */

	/* 青系 */
	--blue-light-border: #aabad6; /* ボーダー用の薄い青 */
	--blue-light: #f4fdff; /* ほんのり青みのある白 */
	--navy-dark: #032667; /* 深いネイビー */

	/* 緑系 */
	--green-dark: #689f68; /* 落ち着いたグリーン */
	--green-primary: #85b086; /* 標準的な緑 */
	--green-light: #90c8b3; /* 柔らかい緑 */
	--green-bright: #01a062; /* 鮮やかなグリーン */

	/* 赤系 */
	--red: #dd4033; /* 鮮やかな赤（アクセント） */

	/* 黄色系 */
	--yellow: #ebfd0f; /* 鮮やかな黄色 */

	/* オレンジ系 */
	--orange: #faa155; /* 柔らかいオレンジ */

	/* 紫系 */
	--purple: #f6f5fd; /* ほぼ白に近い淡い紫 */

	/* 黒系 */
	--black: #333333; /* ほぼ黒 */
}

/* --------------------
スタイル共通化 
-------------------- */
/* パンくずリスト */
.breadcrumbs {
	/* 一時的にコメントアウト */
	/* max-width: 1400px; */
	margin-inline: auto;
	padding: 0 20px;
	width: 100%;
	padding-inline: 24px;
	margin-top: 25px;
}

.breadcrumbs ul {
	margin-left: 25px;
}
.breadcrumbs ul li {
	font-size: 1.4rem;
	font-weight: 400;
	height: 31px;
	line-height: 31px;
}
.breadcrumbs > ul li:first-child a {
	background: transparent;
	padding: 0;
}
.breadcrumbs ul li a {
	font-weight: 400;
	color: var(--black);
}

/* 前のページに戻るボタン */
.breadcrumbs .historyBackBtn {
	width: 174px;
	margin-right: initial;
}

.breadcrumbs .historyBackBtn a {
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
	height: 31px;
	padding: initial;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding: 5px 13px 6px 24px;
	font-weight: 400;
}

.breadcrumbs .historyBackBtn a::before {
	background: none;
	background-color: var(--black);
	width: 9px;
	height: 11px;
	clip-path: polygon(0% 50%, 9px 0%, 9px 11px);
	border-right: none;
	left: 6%;
	top: 50%;
	right: initial;
	translate: 0 -50%;
}

/* 見出し_h1.ttlMain */
#mainWrap .ttlMain {
	margin: initial;
	margin-top: 20px;
	margin-bottom: 20px;
	background: var(--gray-200);
	line-height: calc(35 / 24);
	color: var(--black);
	box-shadow: 0 3px 0 var(--navy-dark);
	padding: 20px 0 18px 31px;
	font-size: 2.4rem;
	font-weight: 700;
}

#mainWrap .ttlMain::before {
	content: none;
}

/* 見出し_h1.ttlMain（商品一覧ページ） */
.fc-0020_0010 + h1 {
	margin: initial;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background: var(--gray-200);
	line-height: calc(35 / 24);
	color: var(--black);
	box-shadow: 0 3px 0 var(--navy-dark);
	padding: 21px 0 18px 31px;
	font-size: 2.4rem;
	font-weight: 700;
}

.fc-0020_0010 + h1::before {
	content: none;
}

/* 見出し_h2.ttlCenter */
#mainContents h2.ttlCenter {
	color: var(--black);
	font-size: 2.4rem;
	position: relative;
	width: fit-content;
	text-align: center;
	display: block;
	margin: 0 auto 35px;
}
#mainContents h2.ttlCenter::after {
	content: "";
	position: absolute;
	bottom: -1rem;
	width: calc(100% + 4rem);
	height: 3px;
	background-color: var(--navy-dark);
	left: 50%;
	transform: translateX(-50%);
}

/* 在庫状況ラベル */
#mainContents .leadTimeMessage span,
#mainContents .lead_time_message span {
	background: rgb(246 245 253 / 0.7);
	padding: 3px 6px;
}

#mainContents .leadTimeMessage span strong,
#mainContents .lead_time_message span strong {
	font-weight: 400;
}

.lead_time_message span > span,
.leadTimeMessage span > span {
	display: none;
}

#mainContents .arrival_message,
#mainContents .same_day_shipping,
#mainContents .not_stock_check,
#mainContents .shipping_business_day {
	color: var(--navy-dark);
}

#mainContents .stockout_name {
	color: var(--red);
}

/* バリデーション類のエラーメッセージ */
:is(
		.fd-0050_0010,
		.fd-0050_0020,
		.fd-0040_0020,
		.fd-0020_0030,
		.fd-0110_0010,
		.fd-0030_0010,
		.fa-0020_0010,
		.fa-0030_0010,
		.fa-0030_0020
	)
	.errorMsg:not(:has(ul)),
.fc-0040_0020 #shipping_address_error_messages.errorMsg:empty {
	/* エラーが出てない場合は非表示 */
	display: none;
}

:is(
		.fd-0050_0010,
		.fd-0050_0020,
		.fd-0040_0020,
		.fd-0020_0030,
		.fd-0110_0010,
		.fd-0030_0010,
		.fa-0020_0010,
		.fa-0030_0010,
		.fa-0030_0020
	)
	.errorMsg
	p {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.fc-0040_0020 #shipping_address_error_messages.errorMsg {
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 10px;
	color: var(--red);
}

/* FZ-0010_0080_よくある質問 */
.fz-0010_0080 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fz-0010_0080 .anchorNav {
	margin: 0 auto 15px 0;
}

.fz-0010_0080 .anchorNav ul li a {
	height: 44px;
	padding: 10px 30px;
	font-size: 1.6rem;
	font-weight: 700;
	background: #679f68;
	color: var(--white);
	text-align: center;
	text-decoration: none;
	line-height: calc(24 / 16);
	border-radius: 4px;
}

.fz-0010_0080 .anchorNav ul li a::after {
	content: none;
}

.fz-0010_0080 #mainContents .ttlOpenList {
	background: var(--gray-200);
	border-left: none;
	box-shadow: 0 3px 0 var(--navy-dark);
	color: var(--black);
	padding-left: 16px;
	padding-block: 18px 17px;
	line-height: calc(24 / 16);
}

.fz-0010_0080#guidePage .oneSection .faqSection > .arrowGrayBtn {
	width: 277px;
}

.fz-0010_0080#guidePage .oneSection .arrowGrayBtn > a {
	font-weight: 700;
	color: var(--black);
}

.fz-0010_0080 .arrowGrayBtn a {
	height: 60px;
	line-height: calc(24 / 16);
	padding: 18px 0 18px;
	border: none;
	border-radius: 4px;
	background: var(--gray-50);
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: auto;
}

.fz-0010_0080 .arrowGrayBtn a::before {
	content: none;
}

.fz-0010_0080#guidePage .oneSection .faqSection .contactAdder .contactBtn a {
	width: 220px;
	height: 43px;
	padding: 9px 0 10px 0;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	border-radius: 4px;
}

.fz-0010_0080#guidePage
	.oneSection
	.faqSection
	.contactAdder
	.contactBtn
	a::before,
.fz-0010_0080#guidePage
	.oneSection
	.faqSection
	.contactAdder
	.contactBtn
	a::after {
	content: none;
}

.fz-0010_0080 .underBtnArea {
	width: 277px;
}

.fz-0010_0080 .topBtn a {
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: 100%;
	margin: initial;
}

.fz-0010_0080 .topBtn a::before {
	content: none;
}

/* FZ-0010_0060_ご利用ガイド */
.fz-0010_0060 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fz-0010_0060 #mainContents .subttl,
.fz-0010_0060 #mainContents .ttlOpenList {
	background: var(--gray-200);
	border-left: none;
	box-shadow: 0 3px 0 var(--navy-dark);
	color: var(--black);
	padding-left: 16px;
	padding-block: 18px 17px;
	line-height: calc(24 / 16);
}

.fz-0010_0060#guidePage .guideNav > dl > dd > ul > li > a {
	height: 33px;
	padding: 6px 0 6px 14px;
	font-size: 1.5rem;
	font-weight: 700;
	background: #679f68;
	color: var(--white);
	position: relative;
	line-height: calc(21 / 15);
	border-radius: 4px;
}

.fz-0010_0060#guidePage .guideNav > dl > dd > ul > li > a::after {
	content: none;
}

#guidePage.fz-0010_0060 .arrowGrayBtn a {
	height: 60px;
	line-height: calc(24 / 16);
	padding: 18px 0 18px;
	border: none;
	border-radius: 4px;
	background: var(--gray-50);
	font-size: 1.6rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: auto;
}

.fz-0010_0060 .arrowGrayBtn a::before {
	content: none;
}

#guidePage.fz-0010_0060 .underBtnArea {
	width: 277px;
}
#guidePage.fz-0010_0060 .topBtn a {
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: 100%;
	margin: initial;
}

/* FZ-0010_0020_セキュリティポリシー */
.fz-0010_0020#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fz-0010_0020 .underBtnArea {
	width: 277px;
}

.fz-0010_0020 .topBtn a {
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: 100%;
	margin: initial;
}

.fz-0010_0020 .topBtn a::before {
	content: none;
}

/* FZ-0010_0030_プライバシーポリシー(個人情報保護方針) */
.fz-0010_0030#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fz-0010_0030 .underBtnArea {
	width: 277px;
}

.fz-0010_0030 .topBtn a {
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: 100%;
	margin: initial;
}

.fz-0010_0030 .topBtn a::before {
	content: none;
}

/* FZ-0010_0070_ご利用規約 */
.fz-0010_0070#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fz-0010_0070#mainWrap dd {
	width: 100%;
}

.fz-0010_0070 .underBtnArea {
	width: 277px;
}

.fz-0010_0070 .topBtn a {
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: 100%;
	margin: initial;
}

.fz-0010_0070 .topBtn a::before {
	content: none;
}

/* FF-0010_0020_お知らせ詳細 */
.ff-0010_0020#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.ff-0010_0020 .underBtnArea {
	width: 277px;
}

.ff-0010_0020 .topBtn a {
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	width: 100%;
	margin: initial;
}

.ff-0010_0020 .topBtn a::before {
	content: none;
}

/* FE-0010_0020_お問合せ内容の確認 */
.fe-0010_0020#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fe-0010_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 3);
}

.fe-0010_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fe-0010_0020 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fe-0010_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fe-0010_0020 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fe-0010_0020 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fe-0010_0020 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fe-0010_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fe-0010_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fe-0010_0020 .backBtn a::before {
	content: none;
}

.fe-0010_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fe-0010_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fe-0010_0020 .nextBtn button::before {
	content: none;
}

/* FD-0050_0030_配送先情報の登録内容の確認 */
.fd-0050_0030#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0050_0030 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0050_0030 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0050_0030 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0050_0030 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0050_0030 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0050_0030 .backBtn a::before {
	content: none;
}

.fd-0050_0030 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0050_0030 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0050_0030 .nextBtn button::before {
	content: none;
}

/* FD-0050_0030_e_配送先情報の登録内容の確認(編集時の場合) */
.fd-0050_0030_e#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0050_0030_e #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0050_0030_e #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0050_0030_e .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0050_0030_e .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0050_0030_e .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0050_0030_e .backBtn a::before {
	content: none;
}

.fd-0050_0030_e .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0050_0030_e .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0050_0030_e .nextBtn button::before {
	content: none;
}

/* FD-0040_0030_会員追加・変更・削除内容確認（追加） */
.fd-0040_0030#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0040_0030 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0040_0030 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0040_0030 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0040_0030 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0040_0030 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0040_0030 .backBtn a::before {
	content: none;
}

.fd-0040_0030 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0040_0030 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0040_0030 .nextBtn button::before {
	content: none;
}

/* FD-0040_0031_会員追加・変更・削除内容確認（変更） */
.fd-0040_0031#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0040_0031 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0040_0031 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0040_0031 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0040_0031 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0040_0031 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0040_0031 .backBtn a::before {
	content: none;
}

.fd-0040_0031 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0040_0031 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0040_0031 .nextBtn button::before {
	content: none;
}

/* FD-0040_0032_会員追加・変更・削除内容確認（削除） */
.fd-0040_0032#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0040_0032 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0040_0032 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0040_0032 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0040_0032 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0040_0032 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0040_0032 .backBtn a::before {
	content: none;
}

.fd-0040_0032 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0040_0032 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0040_0032 .nextBtn button::before {
	content: none;
}

/* FD-0030_0020_退会内容の確認 */
.fd-0030_0020 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0030_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 3);
}

.fd-0030_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fd-0030_0020 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fd-0030_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0030_0020 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0030_0020 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0030_0020 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0030_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0030_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0030_0020 .backBtn a::before {
	content: none;
}

.fd-0030_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0030_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0030_0020 .nextBtn button::before {
	content: none;
}

/* FD-0020_0020_会員情報変更の確認 */
.fd-0020_0020#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0020_0020 .inner_text {
	padding-block: 5px;
	padding-inline: initial;
	font-size: 1.6rem;
	line-height: 1.4;
}

.fd-0020_0020 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0020_0020 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fd-0020_0020 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0020_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0020_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0020_0020 .backBtn a::before {
	content: none;
}

.fd-0020_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0020_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0020_0020 .nextBtn button::before {
	content: none;
}

/* FB-0010_0030_入力内容の確認 */
.fb-0010_0030#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fb-0010_0030 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 3);
}

.fb-0010_0030 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fb-0010_0030 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fb-0010_0030 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fb-0010_0030 #mainContents .confirmTable > dl > dt {
	width: 288px;
	padding: 21px 0 20px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fb-0010_0030 #mainContents .confirmTable > dl > dd {
	border: none;
	width: calc(100% - 288px);
	padding-left: 32px;
}

.fb-0010_0030 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fb-0010_0030 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fb-0010_0030 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fb-0010_0030 .backBtn a::before {
	content: none;
}

.fb-0010_0030 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fb-0010_0030 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fb-0010_0030 .nextBtn button::before {
	content: none;
}

/* FB-0010_0020_法人会員登録 */
.fb-0010_0020 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fb-0010_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 3);
}

.fb-0010_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fb-0010_0020 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fb-0010_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fb-0010_0020 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fb-0010_0020 #mainContents .formTable > dl > dt {
	width: 303px;
	padding: 41px 0 41px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fb-0010_0020 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fb-0010_0020 #mainContents .formTable > dl > dd {
	width: calc(100% - 303px);
	padding-left: 42px;
}

.fb-0010_0020 #mainContents .formTable > dl > dd > ul.userName {
	display: flex;
	gap: 30px;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(2) {
	padding-right: initial;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li.arrowGrayBtn
	> a {
	font-weight: 700;
	height: 44px;
	line-height: 24px;
	padding-left: initial;
	background: var(--gray-200);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
	border: none;
	font-size: 1.6rem;
	padding-block: 10px;
}

.fb-0010_0020 #mainContents a.iconArrow.caution {
	position: relative;
	padding-left: 15px;
	color: var(--black);
}

.fb-0010_0020 a.iconArrow::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 13px;
	background-color: var(--black);
	clip-path: polygon(11px 50%, 0% 0%, 0% 13px);
	top: 50%;
	left: 0;
	translate: 0 -50%;
}

.fb-0010_0020 #mainContents .formTable > dl.required > dd input[type="text"],
.fb-0010_0020 #mainContents .formTable > dl.required > dd select,
.fb-0010_0020 #mainContents .formTable > dl > dd input[type="text"] {
	border-color: var(--gray-600);
	background: var(--blue-light);
}
.fb-0010_0020 #mainContents .formTable > dl > dd select {
	border-color: var(--gray-600);
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl.required
	> dd
	select[name="shop[address_1]"],
.fb-0010_0020
	#mainContents
	.formTable
	> dl.required
	> dd
	input[name="shop[tel_num]"],
.fb-0010_0020 #mainContents .formTable > dl > dd input[name="shop[fax_num]"],
.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	select[name="user_profile[pc_mail_magazine_send_div]"] {
	width: 200px;
}

.fb-0010_0020 .underBtnArea.single.signup {
	width: 100%;
}

.fb-0010_0020 .underBtnArea.single.signup ul {
	display: flex;
	justify-content: center;
	gap: 43px;
}

.fb-0010_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
	margin: initial;
}

.fb-0010_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fb-0010_0020 .backBtn a::before {
	content: none;
}

.fb-0010_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
	margin: initial;
}

.fb-0010_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fb-0010_0020 .nextBtn button::before {
	content: none;
}

/* FD-0050_0020_配送先変更 */
.fd-0050_0020#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0050_0020 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fd-0050_0020 #mainContents .formTable > dl > dt {
	width: 303px;
	padding: 41px 0 41px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0050_0020 #mainContents .formTable > dl > dd {
	width: calc(100% - 303px);
	padding-left: 42px;
}

.fd-0050_0020 #mainContents .formTable > dl > dd > ul.userName {
	display: flex;
	gap: 30px;
}

.fd-0050_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(2) {
	padding-right: initial;
}

.fd-0050_0020 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fd-0050_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li.arrowGrayBtn
	> a {
	font-weight: 700;
	height: 44px;
	line-height: 24px;
	padding-left: initial;
	background: var(--gray-200);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
	border: none;
	font-size: 1.6rem;
	padding-block: 10px;
}

.fd-0050_0020 #mainContents a.iconArrow.caution {
	position: relative;
	padding-left: 15px;
	color: var(--black);
}

.fd-0050_0020 a.iconArrow::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 13px;
	background-color: var(--black);
	clip-path: polygon(11px 50%, 0% 0%, 0% 13px);
	top: 50%;
	left: 0;
	translate: 0 -50%;
}

.fd-0050_0020 #mainContents .formTable > dl.required > dd input[type="text"],
.fd-0050_0020 #mainContents .formTable > dl > dd input[type="text"] {
	border-color: var(--gray-600);
	background: var(--blue-light);
}
.fd-0050_0020 #mainContents .formTable > dl.required > dd select,
.fd-0050_0020 #mainContents .formTable > dl > dd select {
	border-color: var(--gray-600);
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}

.fd-0050_0020
	#mainContents
	.formTable
	> dl.required
	> dd
	select[name="shop_address[address_1]"],
.fd-0050_0020
	#mainContents
	.formTable
	> dl.required
	> dd
	input[name="user_address[tel_num]"] {
	width: 200px;
}

.fd-0050_0020 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0050_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0050_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0050_0020 .backBtn a::before {
	content: none;
}

.fd-0050_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0050_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0050_0020 .nextBtn button::before {
	content: none;
}

/* FE-0010_0010_お問合せ */
.fe-0010_0010 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fe-0010_0010 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 3);
}

.fe-0010_0010 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fe-0010_0010 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fe-0010_0010 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fe-0010_0010 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fe-0010_0010 #mainContents .formTable > dl > dt {
	width: 303px;
	padding: 41px 0 41px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fe-0010_0010 #mainContents .formTable > dl > dd {
	width: calc(100% - 303px);
	padding-left: 42px;
}

.fe-0010_0010 #mainContents .formTable > dl > dd > ul.userName {
	display: flex;
	gap: 30px;
}

.fe-0010_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(2) {
	padding-right: initial;
}

.fe-0010_0010 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fe-0010_0010 #mainContents .formTable > dl.required > dd input[type="text"],
.fe-0010_0010 #mainContents .formTable > dl > dd input[type="text"],
.fe-0010_0010 #mainContents .formTable > dl.required > dd textarea,
.fe-0010_0010 #mainContents .formTable > dl > dd input[type="tel"] {
	border-color: var(--gray-600);
	background: var(--blue-light);
}
.fe-0010_0010 #mainContents .formTable > dl.required > dd select,
.fe-0010_0010 #mainContents .formTable > dl > dd select {
	border-color: var(--gray-600);
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}

.fe-0010_0010 #mainContents .formTable > dl > dd .privacyBox .privacyText {
	border-color: var(--gray-600);
	background: var(--blue-light);
}

.fe-0010_0010 #mainContents .formTable > dl > dd .privacyBox .privacyAgree {
	background: var(--blue-light);
}

.fe-0010_0010 .underBtnArea.single {
	width: 277px;
}

.fe-0010_0010 .underBtnArea ul li.nextBtn {
	width: 277px;
	margin: initial;
}

.fe-0010_0010 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fe-0010_0010 .nextBtn button::before {
	content: none;
}

/* FD-0020_0030_パスワードの変更 */
.fd-0020_0030#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0020_0030 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fd-0020_0030 #mainContents .formTable > dl > dt {
	width: 303px;
	padding: 41px 0 41px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0020_0030 #mainContents .formTable > dl > dd {
	width: calc(100% - 303px);
	padding-left: 42px;
}

.fd-0020_0030 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fd-0020_0030
	#mainContents
	.formTable
	> dl.required
	> dd
	input[type="password"] {
	border-color: var(--gray-600);
	background: var(--blue-light);
}

.fd-0020_0030 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}
.fd-0020_0030 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0020_0030 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0020_0030 .backBtn a::before {
	content: none;
}

.fd-0020_0030 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0020_0030 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0020_0030 .nextBtn button::before {
	content: none;
}

/* FD-0030_0010_退会申請 */
.fd-0030_0010 #mainWrap {
	width: 100%;
	padding-inline: 24px;
	padding-top: 0;
}

.fd-0030_0010 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 3);
}

.fd-0030_0010 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fd-0030_0010 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fd-0030_0010 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0030_0010 .inner_text {
	padding-block: 5px;
	padding-inline: initial;
	font-size: 1.6rem;
	line-height: 1.4;
}

.fd-0030_0010 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fd-0030_0010 #mainContents .formTable > dl > dt {
	width: 303px;
	padding: 41px 0 41px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0030_0010 #mainContents .formTable > dl > dd {
	width: calc(100% - 303px);
	padding-left: 42px;
}

.fd-0030_0010 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fd-0030_0010 #mainContents .formTable > dl.required > dd select {
	border-color: var(--gray-600);
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}

.fd-0030_0010 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0030_0010 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0030_0010 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0030_0010 .backBtn a::before {
	content: none;
}

.fd-0030_0010 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0030_0010 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0030_0010 .nextBtn button::before {
	content: none;
}

/* FD-0080_0010_見積履歴一覧 */
.fd-0080_0010 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0080_0010 #mainContents .simple_message .inner_text {
	font-size: 1.6rem;
	line-height: 1.5;
}

.fd-0080_0010 #mainContents .simple_message .page_nav03 {
	float: initial;
	margin-top: 19px;
}

.fd-0080_0010 #mainContents .simple_message .page_nav03 tbody {
	display: flex;
	gap: 22px;
}

.fd-0080_0010
	#mainContents
	.simple_message
	.page_nav03
	tbody
	tr
	td:first-of-type {
	padding-right: 13px;
}
.fd-0080_0010 #mainContents .simple_message .page_nav03 tbody tr td select {
	/* background: var(--blue-light); */
	background-color: var(--blue-light);

	width: 163px;
}

.fd-0080_0010#userBox .userBoxPager p .allNum {
	color: var(--black);
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li.current span {
	background: var(--green-dark);
	border-radius: 4px;
	border: none;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin: initial;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li a,
#userBox .userBoxPager .pagenation ul li span {
	width: 100%;
	height: 100%;
	line-height: 37px;
	font-size: 1.2rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li.prev,
#userBox .userBoxPager .pagenation ul li.next {
	width: 58px;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li.next a::after {
	content: none;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
}

.fd-0080_0010 .estimateList th {
	background: var(--green-dark);
	border: none;
	padding: 12px 10px;
}

.fd-0080_0010 .estimateList thead tr {
	border: 3px solid var(--green-dark);
}

.fd-0080_0010 .estimateList tbody {
	border: 3px solid var(--green-light);
}

.fd-0080_0010 .estimateList td {
	border: 1px solid var(--green-light);
	border-inline: none;
}

.fd-0080_0010 .estimateList > table > tbody > tr > td {
	padding: 12px 10px;
}

/* 見積書ボタン */
.fd-0080_0010 .estimateList td a {
	color: var(--black);
	height: auto;
	padding-bottom: 1px;
	/* line-height: 26px; */
}

.fd-0080_0010 .estimateList tr:nth-of-type(odd) {
	background: none;
}

.fd-0080_0010 .estimateList tbody .btnSpace tbody {
	border: none;
}

.fd-0080_0010 .estimateList tbody .btnSpace td {
	border: none;
}

.fd-0080_0010 .estimateList tbody .btnSpace tr:nth-child(2):has(.print_Btn) {
	border-top: var(--gray-200) 1px solid;
	padding-top: 10px;
}

.fd-0080_0010 .cartIn_Btn {
	border-radius: 4px;
	color: var(--white);
	font-size: 14px;
	font-weight: bold;
	/* line-height: 23.5px; */
	border: var(--red) 2px solid;
	background-color: var(--red);
	height: auto;
	padding-top: 1px;
	padding-bottom: 2px;
}

.fd-0080_0010 .cancel_Btn {
	border-radius: 4px;
	color: var(--black);
	font-size: 14px;
	background-color: var(--gray-200);
	font-weight: bold;
	height: auto;
	padding-top: 1px;
	padding-bottom: 2px;
	border: var(--gray-200) 2px solid;
	/* line-height: 23px; */
}

.fd-0080_0010 .print_Btn {
	border-color: #669f68;
	border-radius: 4px;
	font-size: 1.4rem;
	/* line-height: 23.5px; */
	border-width: 3px;
	height: 30px;
}

.fd-0080_0010 .underBtnArea {
	width: 277px;
}

.fd-0080_0010 .underBtnArea ul li.backBtn {
	padding: initial;
	width: 100%;
	margin: initial;
}

.fd-0080_0010 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	background: var(--gray-200);
	border-radius: 4px;
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 16px;
	font-weight: bold;
}

.fd-0080_0010 .backBtn a::before {
	content: none;
}

/* FD-0070_0030_商品別購入履歴 */
.fd-0070_0030 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0070_0030 #mainWrap .h-tab {
	margin-top: 37px;
	gap: 0 12px;
}

.fd-0070_0030 #mainWrap .h-tab > label {
	padding: 19px 1em 16px;
	border-radius: 4px 4px 0 0;
	background-color: var(--green-dark);
	color: var(--white);
}

.fd-0070_0030 #mainWrap .h-tab label {
	font-size: 18px;
	line-height: 25px;
}

.fd-0070_0030 #mainWrap .h-tab > .select {
	background-color: var(--white);
	border: 3px solid;
	border-bottom: transparent;
	border-color: var(--green-dark);
	color: var(--black);
}

.fd-0070_0030 .inner_text {
	font-size: 1.6rem;
}

.fd-0070_0030 .page_nav03 {
	float: none;
	margin-block: 18px;
}

.fd-0070_0030 .page_nav03 tbody tr:first-of-type td:first-of-type {
	width: 80px;
	vertical-align: top;
}

.fd-0070_0030 .page_nav03 tbody tr:first-of-type td:first-of-type label {
	font-size: 1.6rem;
	font-weight: bold;
}

.fd-0070_0030 .order_search_condition {
	font-weight: 400;
	font-size: 1.6rem;
}

.fd-0070_0030 #mainWrap .searchForm {
	width: 60%;
	margin: initial;
	margin-top: 18px;
}

.fd-0070_0030 #mainWrap .searchForm .searchText {
	border-radius: 0;
	margin-right: 8px;
	background: var(--blue-light);
	height: 45px;
}

.fd-0070_0030 #mainWrap .searchForm .searchBtn {
	border: 1px solid var(--gray-600);
	border-radius: 4px;
	position: absolute;
	color: var(--black);
	padding: 11px 29px 10px 30px;
	background-color: var(--gray-200);
	font-weight: bold;
	line-height: calc(24 / 16);
}

.fd-0070_0030#userBox .userBoxPager p .allNum {
	color: var(--black);
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.current span {
	background: var(--green-dark);
	border-radius: 4px;
	border: none;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin: initial;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li a,
#userBox .userBoxPager .pagenation ul li span {
	width: 100%;
	height: 100%;
	line-height: 37px;
	font-size: 1.2rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.prev,
.fd-0070_0030#userBox .userBoxPager .pagenation ul li.next {
	width: 58px;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.prev a {
	padding-left: inherit;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.next a::after {
	content: none;
}
.fd-0070_0030#userBox .userBoxPager .pagenation ul li.prev a::before {
	content: none;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
}

.fd-0070_0030 .orderProductList th {
	background: var(--green-dark);
	border: none;
	font-size: 1.6rem;
	padding: 12px 10px;
}

.fd-0070_0030 .orderProductList thead tr {
	border: 3px solid var(--green-dark);
}

.fd-0070_0030 .orderProductList tbody {
	border: 3px solid var(--green-light);
}

.fd-0070_0030 .orderProductList td {
	border: 1px solid #90c8b3;
	border-inline: none;
	font-size: 1.4rem;
	vertical-align: middle;
	padding: 12px 10px;
}

.fd-0070_0030 .orderProductList td a {
	color: var(--black);
	font-size: 1.6rem;
}

.fd-0070_0030 .orderProductList td a img {
	width: 74px;
	height: 74px;
}

.fd-0070_0030 .orderProductList tr:nth-of-type(odd) {
	background: none;
}

.fd-0070_0030 .orderProductList tbody .btnSpace tbody {
	border: none;
}

.fd-0070_0030 .cartIn_Btn {
	border-radius: 4px;
	color: var(--white);
	font-size: 14px;
	font-weight: bold;
	width: 143px;
	height: 41px;
}

.fd-0070_0030 .underBtnArea {
	width: 277px;
}

.fd-0070_0030 .underBtnArea ul li.backBtn {
	padding: initial;
	width: 100%;
	margin: initial;
}

.fd-0070_0030 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	background: var(--gray-200);
	border-radius: 4px;
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 16px;
	font-weight: bold;
}

.fd-0070_0030 .backBtn a::before {
	content: none;
}

/* Ruby調整版 */
.fd-0070_0030 .page_nav03 > div {
	display: flex;
	gap: 24px;
	margin-top: 19px;
	align-items: center;
}

.fd-0070_0030 .page_nav03 div div div:first-child {
	float: left;
	height: 44px;
	line-height: 44px;
	font-size: 1.6rem;
	margin-right: 13px;
}

.fd-0070_0030 .page_nav03 div div div:nth-child(2) {
	float: right;
}

.fd-0070_0030 .page_nav03 div div div:nth-child(2) select {
	/* background: var(--blue-light); */
	background-color: var(--blue-light);

	width: 163px;
}

/* FD-0070_0010_注文別購入履歴 */
.fd-0070_0010 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0070_0010 #mainWrap .h-tab {
	margin-top: 37px;
	gap: 0 12px;
}

.fd-0070_0010 #mainWrap .h-tab > label {
	padding: 19px 1em 16px;
	border-radius: 4px 4px 0 0;
	background-color: var(--green-dark);
	color: var(--white);
}

.fd-0070_0010 #mainWrap .h-tab label {
	font-size: 18px;
	line-height: 25px;
}

.fd-0070_0010 #mainWrap .h-tab > .select {
	background-color: var(--white);
	border: 3px solid;
	border-bottom: transparent;
	border-color: var(--green-dark);
	color: var(--black);
}

.fd-0070_0010 .inner_text {
	font-size: 1.6rem;
}

.fd-0070_0010 .page_nav03 {
	float: none;
	margin-block: 19px;
}

.fd-0070_0010 .page_nav03 tbody tr:first-of-type td:first-of-type {
	width: 80px;
	vertical-align: top;
}

.fd-0070_0010 .page_nav03 tbody tr:first-of-type td:first-of-type label {
	font-size: 1.6rem;
	font-weight: bold;
}

.fd-0070_0010 .order_search_condition {
	font-weight: 400;
	font-size: 1.6rem;
}

.fd-0070_0010 #mainWrap .searchForm {
	width: 60%;
	margin: initial;
	margin-top: 18px;
}

.fd-0070_0010 #mainWrap .searchForm .searchText {
	border-radius: 0;
	margin-right: 8px;
	background: var(--blue-light);
	height: 45px;
}

.fd-0070_0010 #mainWrap .searchForm .searchBtn {
	border: 1px solid var(--gray-600);
	border-radius: 4px;
	position: absolute;
	color: var(--black);
	padding: 11px 29px 10px 30px;
	background-color: var(--gray-200);
	font-weight: bold;
	line-height: calc(24 / 16);
}

.fd-0070_0010#userBox .userBoxPager p .allNum {
	color: var(--black);
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.current span {
	background: var(--green-dark);
	border-radius: 4px;
	border: none;
	color: var(--white);
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin: initial;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li a,
.fd-0070_0010#userBox .userBoxPager .pagenation ul li span {
	width: 100%;
	height: 100%;
	line-height: 37px;
	font-size: 1.2rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.prev a {
	padding-left: inherit;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.prev a::before {
	content: none;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.prev,
.fd-0070_0010#userBox .userBoxPager .pagenation ul li.next {
	width: 58px;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.next a::after {
	content: none;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
}

.fd-0070_0010 .orderList th {
	background: var(--green-dark);
	border: none;
	font-size: 1.6rem;
	padding: 12px 10px;
}

.fd-0070_0010 .orderList thead tr {
	border: 3px solid var(--green-dark);
}

.fd-0070_0010 .orderList tbody {
	border: 3px solid var(--green-light);
}

/* テーブルで両端のかけたボーダーを設定 */
.fd-0070_0010 .orderList > table > tbody,
.fd-0070_0030 .orderProductList > table > tbody,
.fd-0080_0010 .estimateList > table > tbody,
.fd-0060_0010 .quickorder > table > tbody {
	position: relative;
}
:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010, .fd-0060_0010)
	:is(.orderList, .orderProductList, .estimateList, .quickorder)
	> table
	> tbody::before,
:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010, .fd-0060_0010)
	:is(.orderList, .orderProductList, .estimateList, .quickorder)
	> table
	> tbody::after {
	content: "";
	width: 15px;
	height: 100%;
	background: var(--white);
	display: block;
	position: absolute;
	top: 0;
}
:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010, .fd-0060_0010)
	:is(.orderList, .orderProductList, .estimateList, .quickorder)
	> table
	> tbody::before {
	left: -2px;
}
:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010, .fd-0060_0010)
	:is(.orderList, .orderProductList, .estimateList, .quickorder)
	> table
	> tbody::after {
	right: -1px;
}

.fd-0070_0010 .orderList td {
	border: 1px solid #90c8b3;
	border-inline: none;
	font-size: 1.4rem;
}
.fd-0070_0010 .orderList > table > tbody > tr > td {
	padding: 12px 10px;
}
:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010)
	:is(.orderList, .orderProductList, .estimateList)
	tr:last-child
	td {
	border: none;
}
.fd-0070_0010 .orderList td:nth-child(1) {
	font-size: 1.5rem;
}

:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010)
	:is(.orderList, .orderProductList, .estimateList)
	> table
	> tbody
	> tr
	> td:nth-child(1) {
	padding-left: 15px;
}
:is(.fd-0070_0010, .fd-0070_0030, .fd-0080_0010)
	:is(.orderList, .orderProductList, .estimateList)
	> table
	> tbody
	> tr
	> td:last-child {
	padding-right: 20px;
}

.fd-0070_0010 .orderList td a {
	color: var(--black);
	height: auto;
	padding-top: 0.25rem;
	padding-bottom: 0.2rem;
	min-height: 4rem;
}

.fd-0070_0010 .orderList tr:nth-of-type(odd) {
	background: none;
}

.fd-0070_0010 .orderList tbody .btnSpace tbody {
	border: none;
}

.fd-0070_0010 .orderList tbody .btnSpace td {
	border: none;
	padding-bottom: 1rem;
}
.fd-0070_0010 .orderList tbody .btnSpace tr:nth-child(2):has(form),
.fd-0070_0010 .orderList tbody .btnSpace tr:nth-child(2):has(.print_Btn) {
	border: none;
	border-top: var(--gray-200) 1px solid;
}

.fd-0070_0010 .cartIn_Btn {
	border-radius: 4px;
	color: var(--white);
	font-size: 1.4rem;
	font-weight: bold;
	width: 143px;
	height: auto;
	min-height: 4.1rem;
}

.fd-0070_0010 .cancel_Btn {
	border-radius: 4px;
	color: var(--black);
	font-size: 14px;
	background-color: var(--gray-200);
	font-weight: bold;
	width: 143px;
	height: auto;
	min-height: 4.1rem;
}

/* 請求書ボタン類 */
.fd-0070_0010 .print_Btn {
	border-color: var(--green-dark);
	width: 143px;
	height: 41px;
	font-weight: bold;
	font-size: 1.4rem;
	border-width: 3px;
}

/* 承認ボタン */
.fd-0070_0010 .approval_Btn {
	border-color: var(--navy-dark);
	width: 143px;
	height: 41px;
	font-weight: bold;
	font-size: 1.4rem;
	border-width: 3px;
}

.fd-0070_0010 .underBtnArea {
	width: 277px;
}

.fd-0070_0010 .underBtnArea ul li.backBtn {
	padding: initial;
	width: 100%;
	margin: initial;
}

.fd-0070_0010 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	background: var(--gray-200);
	border-radius: 4px;
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 16px;
	font-weight: bold;
}

.fd-0070_0010 .backBtn a::before {
	content: none;
}

/* Ruby調整版 */
.fd-0070_0010 .page_nav03 > div {
	display: flex;
	gap: 24px;
	margin-top: 19px;
	align-items: center;
}

.fd-0070_0010 .page_nav03 div div div:first-child {
	float: left;
	height: 44px;
	line-height: 44px;
	font-size: 1.6rem;
	margin-right: 13px;
}

.fd-0070_0010 .page_nav03 div div div:nth-child(2) {
	float: right;
}

.fd-0070_0010 .page_nav03 div div div:nth-child(2) select {
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	width: 163px;
}

/* FC-0040_0020_支払・配送情報入力 */
.fc-0040_0020 #mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fc-0040_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 4);
}

.fc-0040_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fc-0040_0020 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fc-0040_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fc-0040_0020 #mainContents .ttl {
	background: var(--gray-200);
	border-left: none;
	box-shadow: 0 3px 0 var(--navy-dark);
	color: var(--black);
	padding-left: 16px;
	padding-block: 18px 17px;
	line-height: calc(24 / 16);
}

.fc-0040_0020 #mainContents h3.ttl {
	box-shadow: initial;
	padding-left: 25px;
}

.fc-0040_0020 #mainContents h3.ttl:nth-of-type(2) {
	margin-top: 32px;
}

.fc-0040_0020#shoppingPayment .currentAddress ul li {
	border: 1px solid var(--gray-600);
}

.fc-0040_0020#shoppingPayment .currentAddress ul li.current {
	background: var(--green-light);
}

.fc-0040_0020#shoppingPayment .currentAddress div {
	display: flex;
	gap: 32px;
	align-items: center;
	padding-block: 28px 12px;
}

.fc-0040_0020#shoppingPayment .currentAddress div p:nth-of-type(1) {
	order: 2;
	font-size: 1.6rem;
}

.fc-0040_0020#shoppingPayment .currentAddress div .historyBackBtn {
	order: 1;
}

.fc-0040_0020 .historyBackBtn a {
	width: 174px;
	height: 34px;
	background: var(--gray-200);
	padding: 5px 0;
	font-size: 1.6rem;
	color: var(--black);
	line-height: 24px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}

.fc-0040_0020#shoppingPayment .addAddress .addOpenBtn {
	height: 52px;
	padding: 14px 0;
	font-size: 1.6rem;
	color: var(--white);
	background: var(--green-dark);
	line-height: calc(24 / 16);
}

.fc-0040_0020#shoppingPayment .addAddress .addOpenBtn::after {
	content: "▼";
	transform: initial;
	-webkit-transform: initial;
	-ms-transform: initial;
	margin: initial;
}

.fc-0040_0020 #mainContents .formTable > dl > dt {
	width: 300px;
	padding: 18px 0px 17px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	padding: 41px 0 41px 29px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd {
	width: calc(100% - 300px);
	padding: 0 0 0 20px;
	vertical-align: middle;
}

.fc-0040_0020 #mainContents .formTable > dl > dd:has(textarea),
.fc-0040_0020 #mainContents .formTable > dl > dd:has(input) {
	/* padding-left: 22px; */
}

.fc-0040_0020 #mainContents .formTable > dl > dd:has(.couponButtonArea) {
	padding-top: 14px;
	padding-bottom: 14px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd select {
	width: 170px;
	height: 54px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	padding: 15px 20px;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	border: 1px solid var(--gray-600);
}

.fc-0040_0020 #payment_order_shipping .oneSection p.horiday {
	margin-top: 18px;
}

.fc-0040_0020 #mainContents .oneSection {
	padding-bottom: 32px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd textarea {
	width: 676px;
	height: 130px;
	background: var(--blue-light);
	padding: 15px;
	border: 1px solid var(--gray-600);
}

.fc-0040_0020 #mainContents .formTable > dl > dd input {
	width: 639px;
	background: var(--blue-light);
}

.fc-0040_0020 #mainContents .formTable.displayTitle > dl > dd input {
	width: 85px;
	background: var(--blue-light);
	height: 29px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd.usePoint {
	padding-top: 10px;
	padding-bottom: 10px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd .purchaseCaution {
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	margin: 8px 0 0 0;
}

.fc-0040_0020 #mainContents .formTable > dl > dd :is(.caution, .example_Msg) {
	font-size: 1rem;
}

.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	.couponButtonArea
	.purchaseCaution {
	font-size: 1.2rem;
}

.fc-0040_0020 #mainContents .couponButtonArea {
	margin-top: 32px;
	display: flex;
}
.fc-0040_0020 #mainContents .buttonArea {
	margin-right: 14px;
	display: flex;
	gap: 32px;
}

.fc-0040_0020 .historyBackBtn a::before {
	content: none;
}

.fc-0040_0020#shoppingPayment .paymentSelectArea > dl > dd {
	padding: 0 0 0 34px;
	width: calc(100% - 300px);
}

.fc-0040_0020#shoppingPayment .paymentSelectArea > dl > dd > ul > li > label {
	height: 58px;
	font-size: 1.4rem;
	background: var(--green-light);
	color: var(--black);
}

.fc-0040_0020#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	> label {
	color: var(--black);
	font-weight: 400;
}

.fc-0040_0020#shoppingPayment .paymentSelectArea > dl > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fc-0040_0020#shoppingPayment .paymentSelectArea > dl > dd > ul {
	margin-bottom: -10px;
	max-width: 320px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.fc-0040_0020 #mainContents .formTable.displayTitle dl:nth-child(4) dd {
	position: relative;
}

.fc-0040_0020
	#mainContents
	.formTable.displayTitle
	dl:nth-child(4)
	dd
	p:nth-of-type(4) {
	font-size: 1.2rem;
}
.fc-0040_0020
	#mainContents
	.formTable.displayTitle
	dl:nth-child(4)
	dd
	p:nth-of-type(5) {
	position: absolute;
	top: 38px;
	left: 275px;
}

.fc-0040_0020 .totalPrice {
	font-size: 2.6rem;
}

.fc-0040_0020 .last-button {
	flex-direction: row-reverse;
	justify-content: center;
}

.fc-0040_0020 .last-button p:nth-of-type(1) {
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	margin-left: 130px;
	font-weight: bold;
}

.fc-0040_0020 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fc-0040_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fc-0040_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fc-0040_0020 .backBtn a::before {
	content: none;
}

.fc-0040_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fc-0040_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fc-0040_0020 .nextBtn button::before {
	content: none;
}

/* 新しいお届け先 */
.fc-0040_0020 #mainContents .formTable > dl.required > dt {
	/* padding: 41px 0 41px 29px; */
}

.fc-0040_0020 #mainContents .formTable > dl > dd {
	padding-left: 42px;
}

.fc-0040_0020 .underBtnArea ul li.closeBtn {
	width: 277px;
	padding: initial;
}

.fc-0040_0020 .closeBtn button {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fc-0040_0020 .closeBtn button::after,
.fc-0040_0020 .closeBtn button::before {
	content: none;
}

.fc-0040_0020 .underBtnArea ul li.arrowOrangeBtn {
	width: 277px;
}

.fc-0040_0020 .arrowOrangeBtn a {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
	height: 60px;
	line-height: 60px;
	font-size: 1.6rem;
}

.fc-0040_0020 .arrowOrangeBtn a::before {
	content: none;
}

.fc-0040_0020 #mainContents a.iconArrow {
	position: relative;
	padding-left: 15px;
	color: var(--black);
	font-size: 1rem;
}

/* ゲスト用 */
.fc-0040_0020 #mainContents .formTable > dl > dd input[type="text"] {
	border-color: var(--gray-600);
	background: var(--blue-light);
}

.fc-0040_0020 #mainContents .formTable > dl > dd > ul.userName {
	display: flex;
	gap: 30px;
}

.fc-0040_0020 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fc-0040_0020 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd input {
	width: 100%;
}

.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li.arrowGrayBtn
	> a {
	font-weight: 700;
	height: 44px;
	line-height: 24px;
	padding-left: initial;
	background: var(--gray-200);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
	border: none;
	font-size: 1.6rem;
	padding-block: 10px;
}

.fc-0040_0020 #mainContents a.iconArrow.caution {
	position: relative;
	padding-left: 15px;
	color: var(--black);
}

.fc-0040_0020 a.iconArrow::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 13px;
	background-color: var(--black);
	clip-path: polygon(11px 50%, 0% 0%, 0% 13px);
	top: 50%;
	left: 0;
	translate: 0 -50%;
}

.fc-0040_0020 #mainContents .formTable > dl > dd select {
	width: 200px;
	font-size: 1.2rem;
}
.fc-0040_0020 #mainContents .pointArea {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 30px 0;
}

.fc-0040_0020 #mainContents .formTable > dl.guestCheckBox {
	/* 注文者に同じのチェックボックス */
	font-weight: bold;
	display: flex;
	align-items: center;
}

.fc-0040_0020 #mainContents .formTable > dl.guestCheckBox input {
	/* 注文者に同じのチェックボックス */
	width: fit-content;
	margin-bottom: 4px;
	/* margin-left: 20px; */
}

/* .fc-0040_0020 #mainContents .formTable > dl.guestFax > dd {
	padding-left: 43px;
	padding-top: 15px;
	padding-bottom: 10px;
} */

.fc-0040_0020 #mainContents .formTable.selectDateTime > dl > dt,
.fc-0040_0020 #mainContents .formTable.displayTitle > dl > dt {
	padding: 18px 0px 17px 29px;
}

/* FD-0020_0010_会員情報変更・確認 */
.fd-0020_0010#mainWrap {
	width: 100%;
	padding-inline: 24px;
}

.fd-0020_0010 .inner_text {
	font-size: 1.6rem;
}

.fd-0020_0010 #mainContents .formTable > dl {
	width: 100%;
	margin: 10px auto 10px 0;
	max-width: 1036px;
}

.fd-0020_0010 #mainContents .formTable > dl > dt {
	width: 303px;
	padding: 41px 0 41px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0020_0010 #mainContents .formTable > dl.required > dt::after {
	background: var(--red);
	top: 50%;
	translate: 0 -50%;
	height: 27px;
	line-height: 27px;
}

.fd-0020_0010 #mainContents .formTable > dl > dd {
	width: calc(100% - 303px);
	padding-left: 42px;
	vertical-align: middle;
	line-height: 1.4;
}

.fd-0020_0010 #mainContents .formTable > dl > dd > ul.userName {
	display: flex;
	gap: 30px;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(2) {
	padding-right: initial;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li.arrowGrayBtn
	> a {
	font-weight: 700;
	height: 44px;
	line-height: 24px;
	padding-left: initial;
	background: var(--gray-200);
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
	border: none;
	font-size: 1.6rem;
	padding-block: 10px;
}

.fd-0020_0010 #mainContents a.iconArrow {
	position: relative;
	padding-left: 15px;
	color: var(--black);
	font-size: 1rem;
}

.fd-0020_0010 a.iconArrow::before {
	content: "";
	position: absolute;
	width: 11px;
	height: 13px;
	background-color: var(--black);
	clip-path: polygon(11px 50%, 0% 0%, 0% 13px);
	top: 50%;
	left: 0;
	translate: 0 -50%;
}

.fd-0020_0010 #mainContents .formTable > dl.required > dd input[type="text"],
.fd-0020_0010 #mainContents .formTable > dl.required > dd select,
.fd-0020_0010 #mainContents .formTable > dl > dd input[type="text"] {
	border-color: var(--gray-600);
	background: var(--blue-light);
}
.fd-0020_0010 #mainContents .formTable > dl > dd select {
	border-color: var(--gray-600);
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	select[name="shop[address_1]"],
.fd-0020_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	input[name="shop[tel_num]"],
.fd-0020_0010 #mainContents .formTable > dl > dd input[name="shop[fax_num]"],
.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	select[name="user_profile[pc_mail_magazine_send_div]"] {
	width: 200px;
}

.fd-0020_0010 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0020_0010 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0020_0010 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0020_0010 .backBtn a::before {
	content: none;
}

.fd-0020_0010 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0020_0010 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0020_0010 .nextBtn button::before {
	content: none;
}

/* FD-0080_0040_見積カート */

.fd-0080_0040 .cartIconWrap {
	width: 64px;
	height: 64px;
	border: var(--green-dark) solid 1px;
	border-radius: 4px;
	background-color: var(--green-dark);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 13px;
}

.fd-0080_0040 .cartMainTitle img.icon-image {
	width: 37px;
	height: 37px;
	margin: 0px;
}

.fd-0080_0040 .cartRightGroup:has(label) {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--gray-400);
	border-radius: 4px;
}

.fd-0080_0040 .cartRightGroup label.carttimeInfomation,
.fd-0080_0040 .cartRightGroup label.carttime {
	border: none;
}

.fd-0080_0040 .carttimeInfomation {
	display: inline-block;
	font-size: 15px;
	padding: 10px 5px 10px 30px;
}

.fd-0080_0040 .carttime {
	color: red;
	display: inline-block;
	font-size: 15px;
	padding: 10px 30px 10px 5px;
	vertical-align: middle;
}

.fd-0080_0040 #mainWrap .orderTtlMain {
	margin-bottom: initial;
}

.fd-0080_0040 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 4);
}

.fd-0080_0040 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fd-0080_0040 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fd-0080_0040 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0080_0040 #mainContents .ttl {
	background: var(--gray-200);
	border-left: none;
	box-shadow: 0 3px 0 var(--navy-dark);
	color: var(--black);
	padding-left: 16px;
	padding-block: 18px 17px;
	line-height: calc(24 / 16);
}

.fd-0080_0040 #mainContents h3.ttl {
	box-shadow: initial;
	padding-left: 25px;
}

.fd-0080_0040#shoppingPayment .currentAddress {
	width: initial;
	margin: 0 25px 0 16px;
}

.fd-0080_0040#shoppingPayment .currentAddress ul li {
	padding-left: 18px;
	border-bottom: 1px solid var(--gray-600);
}

.fd-0080_0040#shoppingPayment .currentAddress ul {
	border-top: 1px solid var(--gray-600);
}

.fd-0080_0040 #mainContents .oneSection {
	padding-bottom: 31px;
}

.fd-0080_0040 #mainContents .formTable.selectDateTime {
	margin-left: 50px;
}

.fd-0080_0040 #mainContents .formTable > dl > dt {
	width: 300px;
	padding: 18px 0px 17px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	line-height: calc(24 / 16);
}

.fd-0080_0040 #mainContents .formTable > dl > dd {
	width: calc(100% - 300px);
	padding: 0 0 0 20px;
	vertical-align: middle;
}

.fd-0080_0040 #mainContents .formTable > dl > dd select {
	width: 170px;
	height: 54px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	padding: 15px 20px;
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	border: 1px solid var(--gray-600);
}

.fd-0080_0040 #payment_order_shipping .oneSection p.horiday {
	margin-top: 18px;
	margin-bottom: 18px;
}

.fd-0080_0040 #mainContents .formTable > dl > dd:has(textarea),
.fd-0080_0040 #mainContents .formTable > dl > dd:has(input) {
	padding-left: 34px;
}

.fd-0080_0040 #mainContents .formTable > dl > dd textarea {
	width: 676px;
	height: 130px;
	background: var(--blue-light);
	padding: 15px;
	border: 1px solid var(--gray-600);
}

.fd-0080_0040 #mainContents .formTable.displayTitle dl:nth-child(4) dd {
	position: relative;
}

.fd-0080_0040 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}

.fd-0080_0040 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}

.fd-0080_0040 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}

.fd-0080_0040 #mainContents .formTable > dl > dd.usePoint {
	padding-top: 10px;
	padding-bottom: 10px;
}
.fd-0080_0040 #mainContents .formTable > dl > dd.usePoint .purchaseCaution {
	font-size: 1.4rem;
}
.fd-0080_0040
	#mainContents
	.formTable
	> dl
	> dd.usePoint
	p.purchaseCaution:last-of-type {
	font-size: 1.2rem;
}

.fd-0080_0040 #mainContents .pointArea {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 24px;
}

.fd-0080_0040 #mainContents .historyBackBtn a::before {
	background: none;
	border-right: none;
}

.fd-0080_0040 .totalPrice {
	font-size: 2.6rem;
}
.fd-0080_0040 .backBtn a::before {
	content: none;
}

.fd-0080_0040 .underBtnArea ul li.nextBtn {
	width: 277px;
}

.fd-0080_0040 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}

.fd-0080_0040 .nextBtn button::before {
	content: none;
}

/* タグ修正 */
.fd-0080_0040 #mainContents .formTable.displayTitle dl:nth-child(5) dd {
	position: relative;
	padding: 20px;
}

.fd-0080_0040
	#mainContents
	.formTable.displayTitle
	dl:nth-child(5)
	dd
	p:nth-of-type(2) {
	margin-top: 48px;
}

.fd-0080_0040
	#mainContents
	.formTable.displayTitle
	dl:nth-child(5)
	dd
	p:nth-of-type(2)
	span {
	font-size: 1.2rem;
}

.fd-0080_0040 #mainContents .formTable.displayTitle > dl > dd input {
	width: 85px;
	background: var(--blue-light);
}

.fd-0080_0040 #mainContents .formTable.displayTitle > dl > dd input {
	height: 29px;
}

.fd-0080_0040 .historyBackBtn a {
	width: 174px;
	height: 34px;
	background: var(--gray-200);
	padding: 5px 0;
	font-size: 1.6rem;
	color: var(--black);
	line-height: 24px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}

/* FD-0080_0030_見積変更履歴詳細 */

.fd-0080_0030 #mainContents .ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	background: var(--gray-200);
	border-left: none;
	color: var(--black);
	line-height: 56px;
	padding-left: 12px;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl {
	max-width: 800px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-left: 20px;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dt {
	max-width: 120px;
	width: 100%;
	font-weight: 700;
	text-align: unset;
}
.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto;
	padding-bottom: 0;
	border-bottom: none;
}
.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	width: 100%;
	margin-top: 15px;
	padding: 20px;
	background: var(--gray-200);
	display: flex;
	align-items: center;
	justify-content: end;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label {
	font-size: 1.6rem;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price {
	padding: 0 20px;
	/* width: auto; */
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity {
	display: flex;
	align-items: center;
	width: auto;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label.quantityCount {
	font-size: 2rem;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dt {
	padding-right: 20px;
	white-space: nowrap;
	font-size: 1.6rem;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	color: var(--red);
	max-width: 140px;
	width: auto;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine .salePrice {
	padding: 0px;
}

.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	width: auto;
	min-width: 280px;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dt {
	width: auto;
	font-size: 1.4rem;
	padding: 10px 5px 10px 40px;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dd {
	width: auto;
	font-size: 1.4rem;
	padding: 10px 40px 10px 0;
}
.fd-0080_0030 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0080_0030 #mainContents .cartInList .formTable {
	margin: 0 0 50px;
	border-bottom: 2px solid var(--gray-600);
}
.fd-0080_0030 .backBtn button,
.fd-0080_0030 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
	margin-top: 0;
}
.fd-0080_0030 .backBtn button::before,
.fd-0080_0030 .backBtn a::before {
	content: none;
}
.fd-0080_0030 .historyUnderBtnArea .nextBtn button,
.fd-0080_0030 .historyUnderBtnArea .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	width: 100%;
	height: 48px;
	padding: 0;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
}
.fd-0080_0030 .historyUnderBtnArea .nextBtn button::before,
.fd-0080_0030 .historyUnderBtnArea .nextBtn a::before {
	content: none;
}
.fd-0080_0030 .historyUnderBtnArea .nextBtn,
.fd-0080_0030 .historyUnderBtnArea ul li {
	padding: 10px 0;
	margin-left: 10px;
	width: 30%;
}
.fd-0080_0030 .historyUnderBtnArea .cancelBtn button,
.fd-0080_0030 .historyUnderBtnArea .cancelBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
	margin-top: 0;
}
.fd-0080_0030 .historyUnderBtnArea {
	width: 90%;
	margin: 0 auto;
	padding: 50px 0;
}

/* FA-0020_0010_フロントログイン */
.fa-0020_0010 #mainContents .ttl {
	background: var(--gray-200);
	border-left: none;
	border-bottom: 3px solid var(--navy-dark);
	color: var(--black);
	line-height: 56px;
}
.fa-0020_0010 #mainContents .formTable > dl > dt {
	display: table-cell;
	width: 400px;
	position: relative;
	padding: 25px 60px 25px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
}
.fa-0020_0010 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%); 
}
.fa-0020_0010 #mainContents .formTable > dl.required > dd input[type="text"],
.fa-0020_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	input[type="password"] {
	border-color: #ccc;
	background: var(--blue-light);
	height: 50px;
	padding: 15px 15px;
}
.fa-0020_0010 .arrowOrangeBtn button,
.fa-0020_0010 .arrowOrangeBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 230px;
	height: 50px;
	padding: 0;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 50px;
}
.fa-0020_0010 .arrowOrangeBtn button::before,
.fa-0020_0010 .arrowOrangeBtn a::before {
	content: none;
	display: none;
}
.fa-0020_0010#loginForm .loginWrap .loginArea {
	width: calc(50% - 25px);
	float: left;
}
.fa-0020_0010#loginForm .loginWrap > .entryArea {
	width: calc(50% - 25px);
	float: right;
}
.fa-0020_0010#loginForm .loginWrap > .loginArea .loginBtnArea > .reminder {
	display: table-cell;
	width: 250px;
	vertical-align: top;
	padding-right: 10px;
	line-height: 1.4;
}

/* FA-0030_0010_パスワードの再登録 */
.fa-0030_0010 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fa-0030_0010 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 23px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: auto;
	bottom: 36%;
	right: 15px;
}
.fa-0030_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	input[type="password"] {
	border-color: #ccc;
	background: var(--blue-light);
}
.fa-0030_0010 .underBtnArea {
	width: 760px;
	margin: 40px auto 40px auto;
}
.fa-0030_0010 .underBtnArea ul li.backBtn {
	float: left;
	width: 360px;
	padding: 10px 0;
}
.fa-0030_0010 .backBtn button,
.fa-0030_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fa-0030_0010 .backBtn button::before,
.fa-0030_0010 .backBtn a::before {
	content: none;
}
.fa-0030_0010 .underBtnArea ul li.nextBtn {
	float: right;
	width: 360px;
}
.fa-0030_0010 .nextBtn button,
.fa-0030_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fa-0030_0010 .nextBtn button::before,
.fa-0030_0010 .nextBtn a::before {
	content: none;
}

/* FA-0030_0040_パスワードリマインドメール完了 */
.fa-0030_0040 .inner_text {
	font-size: 1.6rem;
	line-height: 1.4;
}
.fa-0030_0040 .underBtnArea {
	width: 610px;
	margin: 40px auto 40px auto;
}
.fa-0030_0040 .underBtnArea ul li.backBtn {
	float: none;
	margin: 0 auto;
	width: fit-content;
}
.fa-0030_0040 .backBtn button,
.fa-0030_0040 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fa-0030_0040 .backBtn button::before,
.fa-0030_0040 .backBtn a::before {
	content: none;
}

/* FA-0030_0020_パスワードリマインド */
.fa-0030_0020 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fa-0030_0020 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: auto;
	bottom: 40%;
	right: 15px;
}
.fa-0030_0020 #mainContents .formTable > dl.required > dd input[type="text"] {
	border-color: #ccc;
	background: var(--blue-light);
}
.fa-0030_0020 .arrowOrangeBtn button,
.fa-0030_0020 .arrowOrangeBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fa-0030_0020 .arrowOrangeBtn button::before,
.fa-0030_0020 .arrowOrangeBtn a::before {
	content: none;
}

.fa-0030_0020 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}
.fa-0030_0020 .underBtnArea ul li.nextBtn {
	width: 277px;
}
.fa-0030_0020 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}
.fa-0030_0020 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}
.fa-0030_0020 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}
.fa-0030_0020 .backBtn button::before,
.fa-0030_0020 .backBtn a::before,
.fa-0030_0020 .nextBtn button::before,
.fa-0030_0020 .nextBtn a::before {
	content: none;
}
.fa-0030_0020
	#mainContents
	.formTable
	> dl.required
	> dd
	input[type="password"] {
	background: var(--blue-light);
}

/* FD-0110_0010_一括注文アップロード */
.fd-0110_0010 .inner_text {
	font-size: 1.6rem;
	line-height: 1.4;
}
.fd-0110_0010 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0110_0010 .underBtnArea {
	width: 760px;
	margin: 40px auto 40px auto;
}
.fd-0110_0010 .backBtn button,
.fd-0110_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fd-0110_0010 .backBtn button::before,
.fd-0110_0010 .backBtn a::before {
	content: none;
}
.fd-0110_0010 .underBtnArea ul li.backBtn {
	float: left;
	width: 360px;
	padding: 10px 0;
}
.fd-0110_0010 .underBtnArea ul li.btn-up {
	float: right;
	width: 360px;
	padding: 10px 0;
}
.fd-0110_0010 .listorder #file_upload::file-selector-button {
	cursor: pointer;
}
.fd-0110_0010 .file_upload_btn {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: initial;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fd-0110_0010 .file_upload_btn:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

/* FC-0040_0040_注文完了画面 */
.fc-0040_0040 #confirm_tb {
	width: 100%;
	margin: 15px 0 15px 1px;
	font-size: 1.6rem;
	line-height: 1.4;
}
.fc-0040_0040 .backBtn button,
.fc-0040_0040 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fc-0040_0040 .backBtn button::before,
.fc-0040_0040 .backBtn a::before {
	content: none;
}
.fc-0040_0040 .stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: var(--green-light);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fc-0040_0040 .stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.fc-0040_0040 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fc-0040_0040 .stepFlow ol li.current::after {
	border-left: 16px solid var(--green-dark);
}

/* FD-0080_0060_見積購入完了 */
.fd-0080_0060 #confirm_tb {
	width: 100%;
	margin: 15px 0 15px 1px;
	font-size: 1.6rem;
	line-height: 1.4;
}
.fd-0080_0060 .stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: var(--green-light);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fd-0080_0060 .stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.fd-0080_0060 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fd-0080_0060 .stepFlow ol li.current::after {
	border-left: 16px solid var(--green-dark);
}
.fd-0080_0060 .backBtn button,
.fd-0080_0060 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0080_0060 .backBtn button::before,
.fd-0080_0060 .backBtn a::before {
	content: none;
}
.fd-0080_0060 .underBtnArea ul li.backBtn {
	width: auto;
	padding: 10px 0;
	display: flex;
	justify-content: center;
	align-items: baseline;
}

/* FB-0010_0040_会員情報登録完了 */
.fb-0010_0040#mainWrap {
	font-size: 1.6rem;
	line-height: 1.4;
}
.fb-0010_0040 .stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: var(--green-light);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fb-0010_0040 .stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.fb-0010_0040 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fb-0010_0040 .stepFlow ol li.current::after {
	border-left: 16px solid var(--green-dark);
}
.fb-0010_0040 .topBtn button,
.fb-0010_0040 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin: 0;
}
.fb-0010_0040 .topBtn button::before,
.fb-0010_0040 .topBtn a::before {
	content: none;
}
.fb-0010_0040 .topBtn {
	display: flex;
	justify-content: center;
}

/* FE-0010_0030_お問い合わせ完了 */
.fe-0010_0030#mainWrap {
	font-size: 1.6rem;
	line-height: 1.4;
}
.fe-0010_0030 .stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: var(--green-light);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fe-0010_0030 .stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.fe-0010_0030 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fe-0010_0030 .stepFlow ol li.current::after {
	border-left: 16px solid var(--green-dark);
}
.fe-0010_0030 .topBtn button,
.fe-0010_0030 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fe-0010_0030 .topBtn button::before,
.fe-0010_0030 .topBtn a::before {
	content: none;
}
.fe-0010_0030 .topBtn {
	display: flex;
	justify-content: center;
}

/* FC-0040_0050_ご購入時エラー */
.fc-0040_0050#mainWrap {
	font-size: 1.6rem;
	line-height: 1.4;
}
.fc-0040_0050 .topBtn button,
.fc-0040_0050 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fc-0040_0050 .topBtn button::before,
.fc-0040_0050 .topBtn a::before {
	content: none;
}
.fc-0040_0050 .topBtn {
	display: flex;
	justify-content: center;
}

/* FD-0030_0030_退会申請完了 */
.fd-0030_0030 .stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: var(--green-light);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fd-0030_0030 .stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.fd-0030_0030 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fd-0030_0030 .stepFlow ol li.current::after {
	border-left: 16px solid var(--green-dark);
}
.fd-0030_0030 .backBtn button,
.fd-0030_0030 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0030_0030 .backBtn button::before,
.fd-0030_0030 .backBtn a::before {
	content: none;
}
.fd-0030_0030 .underBtnArea ul li.backBtn {
	float: none;
	margin: 0 auto;
	padding: 10px 0;
	width: fit-content;
}

/* FA-0030_0020_2_期限切れパスワード変更 */
.fa-0030_0020_2 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fa-0030_0020_2 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: auto;
	bottom: 40%;
	right: 15px;
}
.fa-0030_0020_2 #mainContents .formTable > dl.required > dd input[type="text"] {
	border-color: #ccc;
	background: var(--blue-light);
}
.fa-0030_0020_2 .arrowOrangeBtn button,
.fa-0030_0020_2 .arrowOrangeBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fa-0030_0020_2 .arrowOrangeBtn button::before,
.fa-0030_0020_2 .arrowOrangeBtn a::before {
	content: none;
}

/* FD-0040_0020_会員追加・変更・削除_会員変更画面 */
.fd-0040_0020 .userList th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
}
.fd-0040_0020 .userList thead {
	border: solid 2px var(--green-dark);
}
.fd-0040_0020 .userList td,
.fd-0040_0020 th {
	padding: 6px;
	border: none;
	text-align: left;
	line-height: 2.5;
	padding-left: 20px;
}
.fd-0040_0020 .userList td:last-of-type,
.fd-0040_0020 th:last-of-type {
	text-align: center;
}
.fd-0040_0020 .userList tr {
	background: #fff;
	border-bottom: 1px solid var(--gray-200);
}
.fd-0040_0020 .userList tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0040_0020 .crud_button {
	display: inline-block;
	padding: 0px 5px;
	margin: 4px 10px 4px 0px;
	width: 143px;
	height: 41px;
	background: var(--gray-200);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	line-height: 41px;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	cursor: pointer;
}
.fd-0040_0020 .crud_button:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.current span {
	display: inline-block;
	background: var(--green-dark);
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	border: none;
	width: 36px;
}
.fd-0040_0020 .btn_add_member {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	margin-bottom: 30px;
	border: none;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0040_0020 .btn_add_member:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
.fd-0040_0020 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0040_0020 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: auto;
	bottom: 40%;
	right: 15px;
}
.fd-0040_0020 #mainContents .formTable > dl.required > dd input[type="text"] {
	border-color: #ccc;
	background: var(--blue-light);
}

.fd-0040_0020 .backBtn button,
.fd-0040_0020 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fd-0040_0020 .backBtn button::before,
.fd-0040_0020 .backBtn a::before {
	content: none;
}
.fd-0040_0020 .underBtnArea ul li.backBtn {
	float: left;
	width: 360px;
	padding: 10px 0;
}
.fd-0040_0020 .nextBtn button,
.fd-0040_0020 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: initial;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fd-0040_0020 .nextBtn button [type="submit"] {
	cursor: pointer;
}
.fd-0040_0020 .nextBtn button::before,
.fd-0040_0020 .nextBtn a::before {
	content: none;
}
.fd-0040_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 360px;
	padding: 10px 0;
}
.fd-0040_0020 .underBtnArea {
	width: 760px;
	margin: 40px auto 40px auto;
}

/* pager */
.fd-0040_0020#userBox .userBoxPager {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	position: relative;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li i,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li b,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li a {
	width: 36px;
	height: 36px;
	line-height: 37px;
	font-size: 1.1rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
	display: block;
	text-decoration: none;
	text-align: center;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li b {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
	border: none;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.current b,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.last b {
	border: none;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.prev,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.next {
	width: 100%;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.prev a::before {
	content: "";
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.prev a,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
	padding-left: initial;
	width: 58px;
}
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.prev:has(i:empty),
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.next:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.next i::after {
	content: none;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.next i {
	padding-right: initial;
	/* 右端で固定する */
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li a::after {
	content: "";
}

/* FD-0050_0010_配送先追加・変更 */
.fd-0050_0010 .changeAddress th,
.fd-0050_0010 .changeAddress2 th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
}
.fd-0050_0010 .changeAddress2 table.changeAddress2table:not(:has(td)) {
	/* ECタグで出力したレコード(trタグ)がない場合は非表示にする */
	display: none;
}
.fd-0050_0010 .changeAddress thead th:first-of-type,
.fd-0050_0010 .changeAddress2 thead th:first-of-type {
	width: 21%;
}
.fd-0050_0010 .changeAddress thead th:nth-child(2),
.fd-0050_0010 .changeAddress2 thead th:nth-child(2) {
	width: 35%;
}
.fd-0050_0010 .changeAddress td,
.fd-0050_0010 .changeAddress2 td {
	padding: 6px;
	border: 0;
	text-align: left;
	line-height: 2.5;
}
.fd-0050_0010 .changeAddress tr,
.fd-0050_0010 .changeAddress2 tr {
	background: #fff;
	border-bottom: 1px solid var(--gray-200);
}
.fd-0050_0010 .changeAddress thead,
.fd-0050_0010 .changeAddress2 thead {
	border: solid 2px var(--green-dark);
}
.fd-0050_0010 .changeAddress tbody,
.fd-0050_0010 .changeAddress2 tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0050_0010 .edit_info,
.fd-0050_0010 .crud_button {
	display: inline-block;
	padding: 0px 5px;
	margin: 4px 10px 4px 0px;
	width: 143px;
	height: 41px;
	background: var(--gray-200);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	line-height: 41px;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	cursor: pointer;
}
.fd-0050_0010 .edit_info:hover,
.fd-0050_0010 .crud_button:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
.fd-0050_0010 .changeAddress2 th:nth-of-type(5),
.fd-0050_0010 .changeAddress2 th:nth-of-type(6) {
	width: 15%;
}
.fd-0050_0010 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: auto;
	bottom: 40%;
	right: 15px;
}
.fd-0050_0010 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0050_0010 #mainContents .formTable > dl.required > dd input[type="text"] {
	border-color: #ccc;
	background: var(--blue-light);
}
.fd-0050_0010 #mainContents .formTable > dl.required > dd select {
	border-color: #ccc;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}
.fd-0050_0010 #mainContents .formTable > dl.required > dd select {
	width: 200px;
	font-size: 1.2rem;
}
.fd-0050_0010 .backBtn button,
.fd-0050_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fd-0050_0010 .backBtn button::before,
.fd-0050_0010 .backBtn a::before {
	content: none;
}
.fd-0050_0010 .nextBtn button,
.fd-0050_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: initial;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fd-0050_0010 .nextBtn button::before,
.fd-0050_0010 .nextBtn a::before {
	content: none;
}
.fd-0050_0010 .underBtnArea ul li.backBtn {
	float: left;
	width: 360px;
	padding: 0;
}
.fd-0050_0010 .underBtnArea ul li.nextBtn {
	float: right;
	width: 360px;
	cursor: pointer;
}
.fd-0050_0010 .underBtnArea ul li.nextBtn [type="submit"] {
	cursor: pointer;
}
.fd-0050_0010 .underBtnArea {
	width: 760px;
	margin: 40px auto 40px auto;
}
.fd-0050_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li.arrowGrayBtn
	> a {
	font-weight: 700;
	font-size: 1.2rem;
	height: 44px;
	line-height: 44px;
	padding-left: 0;
	border: none;
}
.fd-0050_0010 .arrowGrayBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 164px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0050_0010 a.iconArrow {
	color: var(--black);
	font-weight: 700;
}

/* FD-0040_0010_店舗変更 */
.fd-0040_0010 .changeAddress th,
.fd-0040_0010 .changeAddress2 th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
	padding-left: 20px;
}
.fd-0040_0010 .changeAddress td,
.fd-0040_0010 .changeAddress2 td {
	padding: 10px 0 10px 20px;
	border: 0;
	text-align: left;
	line-height: 2.5;
}
.fd-0040_0010 .changeAddress tr,
.fd-0040_0010 .changeAddress2 tr {
	background: #fff;
	border-bottom: 1px solid var(--gray-200);
}
.fd-0040_0010 .changeAddress thead,
.fd-0040_0010 .changeAddress2 thead {
	border: solid 2px var(--green-dark);
}
.fd-0040_0010 .changeAddress tbody,
.fd-0040_0010 .changeAddress2 tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0040_0010 .edit_info,
.fd-0040_0010 .crud_button {
	display: inline-block;
	padding: 0px 5px;
	margin: 4px 10px 4px 0px;
	width: 143px;
	height: 41px;
	background: var(--gray-200);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	line-height: 41px;
	border: none;
	border-radius: 4px;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	cursor: pointer;
}
.fd-0040_0010 .edit_info:hover,
.fd-0040_0010 .crud_button:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
.fd-0040_0010 .changeAddress2 th:nth-of-type(5),
.fd-0040_0010 .changeAddress2 th:nth-of-type(6) {
	width: 15%;
}
.fd-0040_0010 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: auto;
	bottom: 40%;
	right: 15px;
}
.fd-0040_0010 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0040_0010 #mainContents .formTable > dl.required > dd input[type="text"] {
	border-color: #ccc;
	background: var(--blue-light);
}
.fd-0040_0010 #mainContents .formTable > dl.required > dd select {
	border-color: #ccc;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
}
.fd-0040_0010 .backBtn button,
.fd-0040_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fd-0040_0010 .backBtn button::before,
.fd-0040_0010 .backBtn a::before {
	content: none;
}
.fd-0040_0010 .nextBtn button,
.fd-0040_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: initial;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fd-0040_0010 .nextBtn button::before,
.fd-0040_0010 .nextBtn a::before {
	content: none;
}
.fd-0040_0010 .underBtnArea ul li.backBtn {
	float: left;
	width: 360px;
	padding: 0;
}
.fd-0040_0010 .underBtnArea ul li.nextBtn {
	float: right;
	width: 360px;
	cursor: pointer;
}
.fd-0040_0010 .underBtnArea ul li.nextBtn [type="submit"] {
	cursor: pointer;
}
.fd-0040_0010 .underBtnArea {
	width: 760px;
	margin: 40px auto 40px auto;
}
.fd-0040_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li.arrowGrayBtn
	> a {
	font-weight: 700;
	font-size: 1.2rem;
	height: 44px;
	line-height: 44px;
	padding-left: 0;
	border: none;
}
.fd-0040_0010 .arrowGrayBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 164px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0040_0010 a.iconArrow {
	color: var(--black);
	font-weight: 700;
}

/* FC-0040_0041_見積完了画面 */
.fc-0040_0041 .stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: var(--green-light);
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fc-0040_0041 .stepFlow ol li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.fc-0040_0041 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fc-0040_0041 .stepFlow ol li:last-of-type:after {
	border-left: 16px solid var(--green-dark);
}

.fc-0040_0041 .backBtn button,
.fc-0040_0041 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin: 0 0 0 160px;
}
.fc-0040_0041 .backBtn button::before,
.fc-0040_0041 .backBtn a::before {
	content: none;
}

/* FZ-0010_0010_会社概要 */
.fz-0010_0010 .topBtn button,
.fz-0010_0010 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 46px;
	margin: 0 auto;
}
.fz-0010_0010 .topBtn button::before,
.fz-0010_0010 .topBtn a::before {
	content: none;
}
.fz-0010_0010 #productsDetail .moreDetailList dl:first-child {
	border: none;
	margin: 15px auto;
}
.fz-0010_0010 #productsDetail .moreDetailList dl {
	border-bottom: none;
	display: table;
	width: 100%;
	margin-bottom: 15px;
}
.fz-0010_0010 #productsDetail .moreDetailList dl dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}

/* FZ-0010_0040_特定商取引法に基づく表記 */
.fz-0010_0040 #productsDetail .moreDetailList dl:first-child {
	border: none;
	margin: 15px auto;
}
.fz-0010_0040 #productsDetail .moreDetailList dl {
	display: table;
	width: 100%;
	border-bottom: none;
	margin-bottom: 15px;
}
.fz-0010_0040 #productsDetail .moreDetailList dl dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}

.fz-0010_0040 .topBtn button,
.fz-0010_0040 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 46px;
	margin: 0 auto;
}
.fz-0010_0040 .topBtn button::before,
.fz-0010_0040 .topBtn a::before {
	content: none;
}
.fz-0010_0040 table {
	margin: 10px;
	min-width: 200px;
	border: 1px #eeeeee solid;
	width: 80%;
}
.fz-0010_0040 table tr td {
	padding: 5px;
}
.fz-0010_0040 table tr:first-of-type td {
	padding: 10px;
}

/* FD-0090_0010_ポイント一覧 */
.fd-0090_0010 #mainWrap {
	font-size: 1.4rem;
	line-height: 1.4;
}
.fd-0090_0010 #mainWrap #mainContents .shop_point_ol {
	border: 4px solid var(--gray-200);
	max-width: 660px;
	width: 100%;
	padding: 3%;
	margin: 30px auto;
	border-radius: 0;
}
.fd-0090_0010 .main_li {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 15px 0;
	background: var(--gray-200);
}
.fd-0090_0010 #mainWrap .sub {
	display: flex;
	width: 100%;
	margin: 5px auto 15px;
	font-weight: bold;
}
.fd-0090_0010 #mainWrap .sub_title {
	margin: 0px 5px;
	width: 50%;
	display: flex;
	justify-content: center;
}
.fd-0090_0010 #mainWrap li.sub_title div {
	text-align: left;
}
.fd-0090_0010 #mainWrap .sub li:last-of-type {
	width: 50%;
	text-align: left;
	display: flex;
	flex-direction: column;
}
.fd-0090_0010 #mainWrap .sub li div {
	padding-bottom: 8px;
}
.fd-0090_0010 #mainWrap .main {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.fd-0090_0010 #mainWrap .shop_point_li {
	border-bottom: 1px solid var(--gray-400) !important;
	padding: 10px;
	box-sizing: border-box;
}
.fd-0090_0010 #mainWrap #mainContents .shop_point_ol .terminable_date_li {
	font-weight: bold;
	font-size: 1.3rem;
	padding: 20px 0;
	text-align: center;
}
.fd-0090_0010 .showBtn {
	margin-left: auto;
	display: block;
	position: relative;
	top: 40px;
	box-sizing: border-box;
	width: 15%;
	height: 30px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0090_0010 .showBtn a {
	background-color: var(--green-dark) !important;
	color: #fff;
	border-radius: 4px;
	font-size: 1.4rem;
}
.fd-0090_0010 .showBtn:hover,
.fd-0090_0010 .showBtn a:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
.fd-0090_0010 #mainWrap #mainContents .shop_point_message {
	line-height: 1.7;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

/* FF-0010_0010_お知らせ一覧 */
.ff-0010_0010#topPage .topInfoList {
	width: auto;
	max-width: 1400px;
	padding: 20px;
}
.ff-0010_0010#topPage .topInfoList ul li a time {
	max-width: 200px;
	width: 30%;
	padding: 0 16px;
	position: relative;
}
.ff-0010_0010#topPage .topInfoList ul li a time::before {
	content: none;
}
.ff-0010_0010#topPage .topInfoList ul li a p {
	max-width: 580px;
	width: 60%;
}
.ff-0010_0010#topPage .topInfoList ul li {
	display: block;
	margin-bottom: 15px;
	border-bottom: 1px solid var(--gray-200);
}
.ff-0010_0010#topPage .topInfoList ul li a {
	padding: 20px;
}
.ff-0010_0010 .topBtn button,
.ff-0010_0010 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 46px;
	margin: 0 auto;
}
.ff-0010_0010 .topBtn button::before,
.ff-0010_0010 .topBtn a::before {
	content: none;
}
.fz-0010_0050 p {
	font-size: 1.6rem;
	line-height: 1.4;
}
.fz-0010_0050 .inner_text p {
	padding: 20px;
	border-bottom: 1px solid var(--gray-200);
	width: 100%;
	display: block;
}
.fz-0010_0050 .inner_text {
	margin-bottom: 50px;
}

/* FZ-0010_0050_サプライヤー一覧 */
.fz-0010_0050 .topBtn button,
.fz-0010_0050 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 46px;
	margin: 0 auto;
}
.fz-0010_0050 .topBtn button::before,
.fz-0010_0050 .topBtn a::before {
	content: none;
}

/* FD-0100_0010_クーポン一覧 */
.fd-0100_0010 #rowBox {
	background: #fff;
	padding: 20px;
	overflow: hidden;
}
.fd-0100_0010 .couponList th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
}
.fd-0100_0010 .couponList td,
.fd-0100_0010 th {
	padding: 6px;
	border: 0;
	text-align: left;
	line-height: 2.5;
	background-color: #fff;
}
.fd-0100_0010 .couponList tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0100_0010 .couponList thead {
	border: 2px solid var(--green-dark);
}
.fd-0100_0010 .couponShowButton {
	display: block;
	margin: auto;
	text-decoration: none;
	background-color: var(--green-dark) !important;
	color: #fff;
	border-radius: 4px;
	width: 90%;
}
.fd-0100_0010 .couponShowButton:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}
/* pager */
.fd-0100_0010#searchResult .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0100_0010#searchResult .pagenation > ul {
	width: 100%;
}
.fd-0100_0010#searchResult .pagenation ul {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin: initial;
	width: 100%;
	position: relative;
}

.fd-0100_0010#searchResult .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0100_0010#searchResult .pagenation ul li i,
.fd-0100_0010#searchResult .pagenation ul li b,
.fd-0100_0010#searchResult .pagenation ul li a {
	width: 36px;
	height: 36px;
	line-height: 37px;
	font-size: 1.1rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
	display: block;
	text-decoration: none;
	text-align: center;
}

.fd-0100_0010#searchResult .pagenation ul li b {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
	border: none;
}

.fd-0100_0010#searchResult .pagenation ul li.current b,
.fd-0100_0010#searchResult .pagenation ul li.last b {
	border: none;
}

.fd-0100_0010#searchResult .pagenation ul li.prev:has(i:empty),
.fd-0100_0010#searchResult .pagenation ul li.next:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.fd-0100_0010#searchResult .pagenation ul li.next a::after {
	content: none;
}

.fd-0100_0010#searchResult .pagenation ul li.next a {
	padding-right: initial;
}

.fd-0100_0010#searchResult .pagenation ul li.prev a,
.fd-0100_0010#searchResult .pagenation ul li.next a {
	width: 58px;
	padding-left: inherit;
}

.fd-0100_0010#searchResult .pagenation ul li.prev a::before {
	content: "";
}

.fd-0100_0010 .coupon_use_text {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 20px;
	border: none;
}

.fd-0100_0010 .coupon_use_text p {
	padding: 20px 10px 5px 10px;
}
.fd-0100_0010 .coupon_use_text p:last-of-type {
	padding: 0 10px 10px 10px;
}
.fd-0100_0010 span.number {
	background: var(--green-dark);
	font-weight: 700;
	color: #fff;
	border-radius: 50%;
	margin-right: 15px;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.fd-0100_0010 .coupon_use_title {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	background: var(--gray-200);
	border-left: none;
	border-bottom: 3px solid var(--navy-dark);
	color: var(--black);
	line-height: 56px;
	padding-left: 12px;
}
.fd-0100_0010 .normalMsg {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
	margin: 0 auto 40px auto;
	background: #fff;
	border: none;
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}

/* FD-0090_0020_ポイント詳細 */
/* pager */
.fd-0090_0020#userBox .userBoxPager {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	position: relative;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li i,
.fd-0090_0020#userBox .userBoxPager .pagenation ul li b,
.fd-0090_0020#userBox .userBoxPager .pagenation ul li a {
	width: 36px;
	height: 36px;
	line-height: 37px;
	font-size: 1.1rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
	display: block;
	text-decoration: none;
	text-align: center;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li b {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li.current b,
.fd-0090_0020#userBox .userBoxPager .pagenation ul li.last b {
	border: none;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li.prev,
.fd-0090_0020#userBox .userBoxPager .pagenation ul li.next {
	width: 100%;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li.prev a::before {
	content: "";
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li.prev a,
.fd-0090_0020#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
	padding-left: initial;
	width: 58px;
}
.fd-0090_0020#userBox .userBoxPager .pagenation ul li.prev:has(i:empty),
.fd-0090_0020#userBox .userBoxPager .pagenation ul li.next:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li.next i::after {
	content: none;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li.next i {
	padding-right: initial;
	/* 右端で固定する */
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li a::after {
	content: "";
}

.fd-0090_0020 .backBtn button,
.fd-0090_0020 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 330px;
	height: 60px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	line-height: 60px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0090_0020 .backBtn button::before,
.fd-0090_0020 .backBtn a::before {
	content: none;
}
.fd-0090_0020 .underBtnArea ul li.backBtn {
	width: auto;
	padding: 10px 0;
}
.fd-0090_0020 .shop_point_table th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 2px var(--green-dark);
	text-align: left;
	padding: 20px;
}
.fd-0090_0020 .shop_point_table tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0090_0020 .shop_point_table tr {
	background: #fff;
	border-bottom: 1px solid var(--gray-200);
}
.fd-0090_0020 .shop_point_table td {
	padding: 20px 15px;
	border: 0;
	text-align: left;
	line-height: 2.5;
	background-color: #fff;
}
.fd-0090_0020#userBox .userBoxPager .pagenation ul .last {
	display: inline-block;
	background: var(--red);
	font-weight: 700;
	color: #fff;
	border-radius: 5px;
	border: none;
	width: 36px;
	height: 36px;
	line-height: 36px;
	padding: 0;
}
.fd-0090_0020 #count_per_page_form {
	display: block;
	float: right;
	padding-bottom: 5px;
}
.fd-0090_0020 .spOnly {
	display: none;
}

/* FD-0070_0020_購入履歴詳細 */
.fd-0070_0020 #mainContents .ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	background: var(--gray-200);
	border-left: none;
	color: var(--black);
	line-height: 56px;
	padding-left: 12px;
}
.fd-0070_0020 .backBtn button,
.fd-0070_0020 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
	margin-top: 0;
}
.fd-0070_0020 .backBtn button::before,
.fd-0070_0020 .backBtn a::before {
	content: none;
}
.fd-0070_0020 .historyUnderBtnArea .nextBtn button,
.fd-0070_0020 .historyUnderBtnArea .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	width: 100%;
	height: 48px;
	padding: 0;
	border-radius: 4px;
	background: var(--red);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
}
.fd-0070_0020 .historyUnderBtnArea .nextBtn button::before,
.fd-0070_0020 .historyUnderBtnArea .nextBtn a::before {
	content: none;
}
.fd-0070_0020 .historyUnderBtnArea .nextBtn,
.fd-0070_0020 .historyUnderBtnArea ul li {
	padding: 10px 0;
	/* margin-left: 10px; */
	width: 30%;
}
.fd-0070_0020 .historyUnderBtnArea .cancelBtn button,
.fd-0070_0020 .historyUnderBtnArea .cancelBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
	margin-top: 0;
}
.fd-0070_0020 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto;
	padding-bottom: 0;
	border-bottom: none;
}
.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	width: 100%;
	margin-top: 15px;
	padding: 20px;
	background: var(--gray-200);
	display: flex;
	align-items: center;
	justify-content: end;
}
.fd-0070_0020 #shoppingCart .cartInList {
	margin: 0 0 50px;
	border-bottom: 2px solid var(--gray-600);
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl {
	max-width: 800px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-left: 20px;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dt {
	max-width: 120px;
	width: 100%;
	font-weight: 700;
	text-align: unset;
}
.fd-0070_0020 #mainContents {
	margin-bottom: 50px;
}

.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity {
	width: auto;
	display: flex;
	align-items: center;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label {
	font-size: 1.6rem;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label.quantityCount {
	font-size: 2rem;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label.cancelCount {
	font-size: 1.4rem;
}

.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	color: var(--red);
	max-width: 140px;
	width: auto;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price {
	padding: 0 20px;
	width: auto;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dt {
	padding-right: 10px;
	white-space: nowrap;
	width: auto;
	font-size: 1.6rem;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}

.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine .salePrice {
	padding: 0px;
}
.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	width: auto;
	min-width: 280px;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dt {
	width: auto;
	font-size: 1.4rem;
	padding: 10px 5px 10px 40px;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dd {
	width: auto;
	font-size: 1.4rem;
	padding: 10px 40px 10px 0;
}
.fd-0070_0020 .historyList tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0070_0020 .historyList th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
}
.fd-0070_0020 .historyList tr:nth-of-type(odd) {
	/* 奇数行の色を上書き */
	background-color: var(--white);
}
.fd-0070_0020 .historyList td {
	padding: 10px;
	border: 0;
	text-align: left;
	line-height: 2.5;
	background-color: var(--white);
}
.fd-0070_0020 .historyList td:last-of-type {
	display: flex;
	justify-content: flex-end;
	margin-right: 30px;
}
.fd-0070_0020 .detail_Btn {
	margin-left: auto;
	display: block;
	box-sizing: border-box;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin: 0;
	cursor: pointer;
}
.fd-0070_0020 .approveAndCancel:has(*) {
	/* 承認ボタンとキャンセルボタンがある場合に枠をつける */
	border: 2px solid var(--gray-400);
	margin-bottom: 30px;
	border-radius: 4px;
}
.fd-0070_0020 .approveAndCancel form {
	/* 承認ボタンとキャンセルボタン */
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fd-0070_0020 .historyUnderBtnArea .approvalBtn button,
.historyUnderBtnArea .approvalBtn a {
	max-width: 353px;
	height: 48px;
	text-decoration: none;
	box-shadow: none;
}
.fd-0070_0020 .nextAndBack {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
/* FD-0080_0020_見積履歴詳細 */
.fd-0080_0020#mainWrap {
	margin-bottom: 50px;
}
.fd-0080_0020 #mainContents .ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	background: var(--gray-200);
	border-left: none;
	color: var(--black);
	line-height: 56px;
	padding-left: 12px;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl {
	max-width: 800px;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	margin-left: 20px;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dt {
	max-width: 120px;
	width: 100%;
	font-weight: 700;
	text-align: unset;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto;
	padding-bottom: 0;
	border-bottom: none;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	width: 100%;
	margin-top: 15px;
	padding: 20px;
	background: var(--gray-200);
	display: flex;
	align-items: center;
	justify-content: end;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label {
	font-size: 1.6rem;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity {
	display: flex;
	align-items: center;
	width: auto;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	> label.quantityCount {
	font-size: 2rem;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price {
	padding: 0 20px;
	/* width: 100%; */
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dt {
	padding-right: 20px;
	white-space: nowrap;
	font-size: 1.6rem;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dd {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	color: var(--red);
	max-width: 140px;
	width: auto;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine .salePrice {
	padding: 0px;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	width: auto;
	min-width: 280px;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dt {
	width: auto;
	font-size: 1.4rem;
	padding: 10px 5px 10px 40px;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dd {
	width: auto;
	font-size: 1.4rem;
	padding: 10px 40px 10px 0;
}
.fd-0080_0020 #mainContents .formTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0080_0020 #mainContents .cartInList .formTable {
	margin: 0 0 50px;
	border-bottom: 2px solid var(--gray-600);
}
.fd-0080_0020 .backBtn button,
.fd-0080_0020 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
	margin-top: 0;
}
.fd-0080_0020 .backBtn button::before,
.fd-0080_0020 .backBtn a::before {
	content: none;
}
.fd-0080_0020 .historyUnderBtnArea .nextBtn button,
.fd-0080_0020 .historyUnderBtnArea .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	width: 100%;
	height: 48px;
	padding: 0;
	border-radius: 4px;
	background: var(--red);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
}
.fd-0080_0020 .historyUnderBtnArea .nextBtn button::before,
.fd-0080_0020 .historyUnderBtnArea .nextBtn a::before {
	content: none;
}
.fd-0080_0020 .historyUnderBtnArea .nextBtn,
.fd-0080_0020 .historyUnderBtnArea ul li,
.fd-0080_0020 .backBtn {
	padding: 10px 0;
	/* margin-left: 10px; */
	width: 30%;
}
.fd-0080_0020 .historyUnderBtnArea .cancelBtn button,
.fd-0080_0020 .historyUnderBtnArea .cancelBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 48px;
	margin-top: 0;
}
.fd-0080_0020 .historyUnderBtnArea ul {
	display: flex;
	width: 100%;
	justify-content: center;
	margin: 30px auto;
}
.fd-0080_0020 .historyUpperBtnArea ul {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	padding: 20px 0;
}

.fd-0080_0020 .historyList th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
}
.fd-0080_0020 .historyList td {
	padding: 10px;
	border: 0;
	text-align: left;
	line-height: 2.5;
	background-color: var(--white);
}
.fd-0080_0020 .historyList td:last-of-type {
	display: flex;
	justify-content: flex-end;
	margin-right: 30px;
}
.fd-0080_0020 .historyList tbody {
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0080_0020 .historyList thead {
	border: solid 2px var(--green-dark);
}
.fd-0080_0020 .historyList tr:nth-of-type(odd) {
	background-color: #fff;
}
.fd-0080_0020 .detail_Btn {
	margin-left: auto;
	display: block;
	box-sizing: border-box;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin: 0;
	cursor: pointer;
}
.fd-0080_0020 .detail_Btn:hover {
	-webkit-transition: all 0.2sease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}

.fd-0080_0020 .historyUnderBtnArea {
	margin-top: 40px;
}

.fd-0080_0020 .approveAndCancel:has(*) {
	border: 2px solid var(--gray-400);
	margin-bottom: 30px;
	border-radius: 4px;
}
.fd-0080_0020 .approveAndCancel form {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.fd-0080_0020 .nextAndBack {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 30px;
}

/* FD-0100_0020_クーポン詳細 */
.fd-0100_0020#userBox {
	font-size: 1.4rem;
	line-height: 1.4;
}
.fd-0100_0020 #mainContents .confirmTable > dl > dt {
	display: table-cell;
	max-width: 300px;
	width: 30%;
	position: relative;
	padding: 25px 60px 20px 15px;
	background: var(--gray-200);
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
}
.fd-0100_0020 #mainContents .confirmTable > dl > dd {
	display: table-cell;
	padding: 20px 0 20px 20px;
	text-align: left;
	vertical-align: top;
	position: relative;
	left: 10px;
	border: none;
}
.fd-0100_0020 #mainContents .ttl {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 10px;
	background: var(--gray-200);
	box-shadow: 0 3px 0 var(--navy-dark);
	border-left: none;
	color: var(--black);
	line-height: 56px;
	padding-left: 12px;
}

.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText {
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-items: stretch;
}
.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img {
	display: block;
	width: 200px;
	vertical-align: top;
	text-align: center;
}
.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	> .thum {
	width: 200px;
	height: auto;
	position: relative;
	cursor: pointer;
	float: left;
	padding-left: 10px;
}
.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dt {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	min-width: 170px;
	font-size: 1.4rem;
	font-weight: 700;
}
.fd-0100_0020 input[type="text"] {
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.2rem;
	padding: 4px;
	background: var(--blue-light);
	border: 1px solid var(--gray-200);
	vertical-align: middle;
	cursor: pointer;
}
.fd-0100_0020#userBox .boxInList .boxInListOneLine {
	margin: 0;
	padding: 30px 0;
	border: solid 2px var(--green-light);
	border-top: none;
}
.fd-0100_0020#userBox .boxInList .boxInListOneLine:first-of-type {
	border-top: solid 2px var(--green-light);
}
.fd-0100_0020 .backBtn button,
.fd-0100_0020 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fd-0100_0020 .backBtn a::before {
	border-right: none;
	background: none;
}
.fd-0100_0020#userBox .btnArea ul li.cartInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: initial;
	border-radius: 4px;
	background: var(--red);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fd-0100_0020#userBox .btnArea ul li.cartInBtn button::before {
	content: none;
}
.fd-0100_0020 .backBtn {
	float: left;
	width: 360px;
	padding: 10px 0;
}
.fd-0100_0020 .cartInBtn {
	float: right;
	width: 360px;
	padding: 10px 0;
}
.fd-0100_0020#userBox .btnArea {
	padding: 10px 0 0;
	width: 760px;
	margin: 40px auto 40px auto;
}
.fd-0100_0020 .cartInMessageArea {
	text-align: center;
	font-size: 1.6rem;
	margin-top: 30px;
}

/* FB-0010_0010_ご利用規約への同意 */
.fb-0010_0010 .backBtn button,
.fb-0010_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
	border: none;
}
.fb-0010_0010 .nextBtn button,
.fb-0010_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0;
	margin: initial;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 60px;
}
.fb-0010_0010 .nextBtn a::before,
.fb-0010_0010 .backBtn a::before {
	content: none;
}
.fb-0010_0010 .underBtnArea ul li.backBtn {
	float: left;
	width: 360px;
	padding: 10px 0;
}
.fb-0010_0010 .underBtnArea ul li.nextBtn {
	float: right;
	width: 360px;
	padding: 10px 0;
}
.fb-0010_0010 .underBtnArea {
	padding: 10px 0 0;
	width: 760px;
	margin: 40px auto 40px auto;
}
.fb-0010_0010 div#scroll {
	width: 95%;
	height: 400px;
	overflow: auto;
	padding: 16px;
	border: none;
	background: var(--gray-200);
	margin: 20px auto 0;
}

/* FD-0010_0010_マイページ */
/* ※envファイルでCOLUMN_SIZE= 13を設定すること */
#mainWrap.fd-0010_0010 {
	max-width: none;
}
.fd-0010_0010 .mypage_tb {
	/* テーブル本体を中央に寄せる */
	width: 100%;
	display: grid;
	justify-items: center;
	align-items: center;
}
.fd-0010_0010 .mypage_tb > tbody {
	width: auto;
}
.fd-0010_0010 .mypage_tb > tbody > tr {
	/* テーブルのtr要素配下を１行にして折り返す */
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
}
.fd-0010_0010 .member_tb {
	width: 302px;
	min-height: 260px;
	border: 4px solid var(--gray-200);
	margin: 10px;
	border-radius: 8px;
}
.fd-0010_0010 .member_tb:hover {
	background: var(--gray-100);
}

.fd-0010_0010 .member_tb img {
	width: 100px;
	height: auto;
}
.fd-0010_0010 .member_tb tbody tr {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 30px;
}
.fd-0010_0010 .member_tb tbody {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: stretch;
	flex-wrap: nowrap;
	min-height: 274px;
}
.fd-0010_0010 .mypage_content_head {
	width: auto;
	height: auto;
	font-size: 1.5rem;
	letter-spacing: 3px;
	padding: 10px 0;
	/* background: #ffffff; */
	border-bottom: none;
	font-weight: 700;
}
.fd-0010_0010 .mypage_content_head a {
	text-decoration: none;
	color: var(--black);
}
.fd-0010_0010 .member_tb .guidText p {
	padding: 10px;
	line-height: 1.4;
}

/* --------------------
全体 
-------------------- */
#wrap {
	min-width: auto;
	overflow-x: clip;
}

#mainWrap:has(aside) {
	width: auto;
	max-width: 1400px;
	display: flex;
	padding-left: 20px;
	padding-right: 20px;
}

#headNav > ul#glnav {
	max-width: 980px;
	width: 100%;
}

#mainWrap {
	width: auto;
	max-width: 1400px;
	padding-left: 20px;
	padding-right: 20px;
}

#mainWrap #sidebar + #mainContents {
	width: auto;
	float: none;
	width: 100%;
}

#mainContents .oneSectionCenter {
	width: auto;
}

/* --------------------
ヘッダー 
-------------------- */
#header {
	padding-top: 13px;
	padding: 10px 24px 8px 24px;
	height: 100% !important;
	box-shadow: 0px 0px 6px #000000a5;
}

#header .headerFirstRow {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: auto;
	align-items: center;
	gap: 9px;
	margin-bottom: 8px;
}

/* ロゴ */
#header .headerFirstRow .logo a img {
	width: 207px;
}

#header .leftArea {
	display: flex;
}

/* ユーザー情報 */
#header .userNameArea {
	display: flex;
	align-items: center;
	height: 39px;
	width: 480px;
	padding-left: 12px;
	padding-right: 20px;
	border-radius: 4px;
	justify-content: space-between;
	width: fit-content;
}

#header .userShopName {
	padding-right: 20px;
}
#header .userInfo {
	padding-right: 20px;
	font-size: 1.4rem;
	font-weight: bold;
}
#header .userInfo:has(span.guestName) {
	padding-right: 20px;
}

#header .usersPoint {
	font-size: 1.4rem;
}
#header .usersPoint span.pointText {
	font-size: 1.2rem;
}

#header .rightArea {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex: 2;
}
#header .switchAndLang {
	display: flex;
	align-items: center;
}

/* 言語切り替え */
#header .languageArea {
	display: flex;
	align-items: center;
}

#header .languageArea img {
	margin-right: 7px;
	width: 20px;
	height: 20px;
}

#header .languageArea a {
	/* margin-right: 7px; */
	text-decoration: none;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
}

.rightArea:has(div.languageAreaNotLogin) {
	/* 未ログイン時はフレックス変更 */
	flex: none !important;
}

/* カートボタン */
#header .cartButtonArea {
	height: 100%;
	display: flex;
	align-items: center;
	border: var(--red) solid 1px;
	border-radius: 4px;
	position: relative;
	white-space: nowrap;
}

#header a.cartButton {
	font-size: 1.6rem;
	font-weight: bold;
	padding-top: 1.3rem;
	padding-left: 15px;
	color: var(--white);
	background-color: var(--red);
	text-decoration: none;
	height: 100%;
	width: 114px;
}

a.cartButton::after {
	content: "";
	position: absolute;
	width: 36px;
	height: 26px;
	background: url(/assets/img/cart.png) center center no-repeat;
	background-size: 22px auto;
	right: 10px;
	margin-top: 4px;
	top: 5px;
}

#header .cartButtonArea .cart_count #normal_deli_qty {
	/* カート数 */
	margin: 0px;
	right: 0px;
	top: -7px;
	width: 22px;
	height: 22px;
	font-size: 1.4rem;
	line-height: 19px;
	background-color: var(--black);
}

#header .switchButtonArea a {
	font-weight: bold;
}

#header .rightArea button {
	background-color: var(--white);
	color: var(--black);
	font-size: 1.5rem;
	width: 96px;
	height: 35px;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 7px;
	font-weight: bold;
}

/* 簡易表示・詳細表示切り替えボタン */
#header .rightArea button.simple_display_button.display_button-selected,
#header .rightArea button.simple_display_button:not(.display_button-selected),
#header .rightArea button.detailed_display_button.display_button-selected,
#header
	.rightArea
	button.detailed_display_button:not(.display_button-selected) {
	width: 106px;
	height: 31px;
	font-size: 1.2rem;
}

#header .rightArea button.detailed_display_button.display_button-selected {
	/* 詳細モードボタン(簡易表示&選択済み) */
	background: var(--red);
	display: none;
}

#header .rightArea button.simple_display_button:not(.display_button-selected) {
	/* 詳細モードボタン(簡易表示) */
	color: var(--white);
	background: var(--green-primary);
	border-color: var(--green-primary);
	text-align: left;
	padding-left: 1.2rem;
	font-weight: 400;
	position: relative;
	border-radius: 4px;
	box-shadow: 2px 3px 0px var(--gray-shadow);
}
#header
	.rightArea
	button.simple_display_button:not(.display_button-selected)::after {
	/* アイコン */
	content: "";
	position: absolute;
	top: 5px;
	right: 12px;
	width: 24px;
	height: 18px;
	background: url(/assets/img/icon_detailmode_active.png) center center no-repeat;
	background-size: contain;
	display: block;
}

#header .rightArea button.simple_display_button.display_button-selected {
	/* 詳細モード（簡易ボタン&選択済み） */
	background-color: red;
	display: none;
}

#header
	.rightArea
	button.detailed_display_button:not(.display_button-selected) {
	/* 詳細モードボタン(簡易表示) */
	color: var(--black);
	background: var(--white);
	border-color: var(--black);
	text-align: left;
	padding-left: 1.2rem;
	font-weight: bold;
	position: relative;
	border-radius: 4px;
	box-shadow: 2px 3px 0px var(--gray-shadow);
}

#header
	.rightArea
	button.detailed_display_button:not(.display_button-selected)::after {
	/* アイコン */
	content: "";
	position: absolute;
	top: 5px;
	right: 12px;
	width: 24px;
	height: 18px;
	background: url(/assets/img/icon_detailmode.png) center center no-repeat;
	background-size: contain;
	display: block;
}

.simple_display_button:hover,
.detailed_display_button:hover {
	/* 上書き */
	transform: scale(1);
}
#header
	.rightArea
	button.detailed_display_button:not(.display_button-selected):hover,
#header
	.rightArea
	button.simple_display_button:not(.display_button-selected):hover {
	transform: translate(1px, 1px);
	box-shadow: none;
	box-shadow: 2px 1px 0px var(--gray-shadow);
}

/* ヘッダー２列目 */
#header .headerSecondRow {
	display: flex;
	width: 100%;
	height: 47px;
	align-items: center;
	justify-content: space-between;
	gap: 9px;
}

/* クイックオーダー */
#header .quickOrder {
	background-color: var(--green-dark);
	color: var(--white);
	text-decoration: none; /* 下線を消す */
	padding: 11px;
	border-radius: 4px;
	box-shadow: 0px 3px 0px var(--gray-shadow);
	font-weight: bold;
	font-size: 1.5rem;
	white-space: nowrap;
	line-height: 19px;
}
#header .serchItemsWrap {
	display: flex;
	width: fit-content;
	align-items: center;
	height: 100%;
	gap: 6px;
	flex: 1 1 auto;
}

#header .menuitemWrap {
	display: flex;
	width: fit-content;
	align-items: center;
	height: 100%;
	justify-content: space-around;
	gap: 8px;
}

/* カテゴリーから探す */
#header .searchByCategorButton {
	padding: 10px;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.5rem;
	font-weight: bold;
	color: inherit;
	white-space: nowrap;
}

#header a.searchByCategorButton::after {
	/* 矢印 */
	content: "\ea1c";
	height: 1rem;
	width: 1rem;
	padding-right: 1.7rem;
	padding-bottom: 2px;
	font-family: iconFont;
	text-rendering: auto;
	text-decoration: none;
	font-size: 1.4rem;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	line-height: 0.9rem;
	vertical-align: middle;
	transform: rotate(90deg); /* 90度回転させて下向きにする */
}

#header .searchByCategoryArea {
	position: relative;
}

/* カテゴリーから探す */
#header .categoryPanelArea {
	position: absolute;
	z-index: 10;
	width: 100%;
	background-color: var(--white);
}

#header .categoryPanelInner {
	display: flex;
	background-color: var(--white);
	padding-top: 15px;
	padding-left: 17px;
	min-width: 600px;
	padding-bottom: 15px;
	box-shadow: 0px 3px 6px #00000029;
	width: fit-content;
}

#header .categoryPanelInner .categoryChild .categoryList-head,
#header .categoryPanelInner .categoryParent [class^="category-sub"] {
	display: none;
}

#header .categoryParent div.categoryList-head {
	padding: 11px 0px 7px 9px;
	position: relative;
}
#header .categoryParent div.categoryList-head > li {
	padding-right: 30px;
}

#header .categoryParent .categoryList-head a {
	font-size: 1.6rem;
	text-decoration: none;
	color: var(--black);
	white-space: wrap;
}

#header .categoryParent div.categoryList-head::after {
	/* 矢印 */
	content: "\ea1c";
	height: 1rem;
	width: 1rem;
	padding-right: 1.7rem;
	padding-bottom: 2px;
	right: 20px;
	top: 1.7rem;
	font-family: iconFont;
	text-rendering: auto;
	text-decoration: none;
	font-size: 1.4rem;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	line-height: 0.9rem;
	vertical-align: middle;
	position: absolute;
}

#header .categoryParent div.categoryList-head {
	border-bottom: var(--blue-light-border) solid 1px;
	min-width: 176px;
	width: auto;
	background-color: var(--gray-50);
}

#header .categoryChild {
	display: flex;
	width: 100%;
	padding: 11px 0px 0px 11px;
	max-width: calc(100vw - 360px);
	overflow-x: auto;
}

#header .categoryChild [class^="category-sub"] a {
	font-size: 1.6rem;
	text-decoration: none;
	color: var(--black);
	white-space: nowrap;
	position: relative;
}

#header .categoryChild [class^="category-sub"] a::after {
	content: "";
	position: absolute;
	top: 55%;
	right: -1rem;
	width: 0.7rem;
	height: 0.7rem;
	margin-left: 10px;
	border-top: 2px solid var(--black);
	border-right: 2px solid var(--black);
	transform: translateY(-50%) rotate(45deg);
}

/* ヘッダーのカテゴリ */

#header [class^="category-sub"] ~ ul {
	/* 子孫のカテゴリーを隠すためategory-subクラスど同じ階層のulを非表示 */
	display: none;
}

#header .categoryChild [data-processed="true"] [class^="category-sub"] a {
	/* ホバー済みの項目 */
	color: var(--red);
}

#header .categoryChild div[class^="category-sub"] {
	margin-bottom: 16px;
	padding-left: 9px;
}

#header [class^="category-sub"] li {
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 30px;
}

#header [class^="clonedContainer"] {
	/* 子孫カテゴリーの線 */
	border-left: var(--gray-400) 1px solid;
}
#header [class^="clonedContainer"] > ul {
	/* ホバーの誤動作を防ぐため長さを項目に合わせる */
	width: fit-content;
}

#header [class^="clonedContainer"]:first-of-type {
	/* 最初の子孫カテゴリの線を上書き */
	border-left: none;
}

/* 検索バー */
#header .searchBarAreaWrap {
	height: 94%;
	flex: 1 1 auto;
}

#header .searchBarAreaWrap form {
	height: 100%;
}

#header .searchBarArea {
	display: flex;
	width: 100%;
	height: 100%;
	border: var(--black) solid 1px;
	border-radius: 4px;
}

#header .searchBar {
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
	position: relative;
	white-space: nowrap; /* 文字を折り返さない */
}

#header .searchBar input {
	border: none;
	outline: none;
}

#header div.serchForm {
	background-color: var(--blue-light);
	display: flex;
	align-items: center;
}

#header .serchForm select {
	line-height: normal;
	background-color: var(--blue-light);
	background-color: transparent;
	width: fit-content;
	border-radius: 4px 0 0 4px;
	font-size: 1.3rem;
	font-weight: bold;
	text-align: center;
	appearance: none; /* デフォルトの矢印を消す */
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
	padding-right: 30px; /* 矢印のためのスペース */
	border: none;
	outline: none;
}

#header .searchBar input[type="text"] {
	height: 100%;
}

#header .searchButton {
	height: 100%;
}

#header .searchButton button {
	border-left: var(--black) solid 1px;
	height: 100%;
	width: 43px;
}
#header .searchButton img {
	width: 20px;
	height: 16px;
}

#header .searchBar .detailSearchOptionButton {
	border: var(--black) solid 1px;
	border-radius: 8px;
	text-wrap: no-wrap;
	background-color: #fafbff;
	display: inline-block;
	width: 100px;
	padding: 5px 10px;
	margin-right: 13px;
}

#header .searchBar .detailSearchOptionButton a {
	font-size: 1.4rem;
	display: inline-block;
	width: fit-content;
}

/* Myメニュー */
#header .myMenuButton {
	padding: 10px;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
	color: inherit;
	white-space: nowrap;
}
#header .loginButton a {
	padding: 13px 50px 13px 20px;
	text-align: left;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
	color: inherit;
	white-space: nowrap;
	position: relative;
	display: block;
	width: 134px;
	text-decoration: none;
}

#header .loginButton::after {
	content: "";
	position: absolute;
	top: 13px;
	right: 24px;
	width: 19px;
	height: 19px;
	background: url(/assets/img/icon_login.png) center center no-repeat;
	background-size: contain;
	display: block;
}

#header a.myMenuButton::after {
	/* 矢印 */
	content: "\ea1c";
	height: 1rem;
	width: 1rem;
	padding-right: 1.7rem;
	padding-bottom: 2px;
	font-family: iconFont;
	text-rendering: auto;
	text-decoration: none;
	font-size: 1.4rem;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	line-height: 0.9rem;
	vertical-align: middle;
	transform: rotate(90deg); /* 90度回転させて下向きにする */
}

#header .myMenuArea {
	position: relative;
}

#header .myMenuPanelArea {
	top: 30px;
	right: 0px;
	position: absolute;
	z-index: 900;
	width: 485px;
	height: 566px;
	height: auto;
	display: flex;
	justify-content: center;
	background-color: var(--white);
	box-shadow: 0px 3px 6px #00000029;
}

#header .removePanel {
	display: none;
}

#header .myMenuPanelInner {
	width: 100%;
	padding: 45px 15px 27px 20px;
}

#header table.myMenuTable {
	width: 100%;
}

#header table.myMenuTable td {
	padding-bottom: 12px;
}

#header table.myMenuTable a {
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
	position: relative;
}

#header table.myMenuTable a::after {
	content: "";
	position: absolute;
	top: 55%;
	right: -1rem;
	width: 0.7rem;
	height: 0.7rem;
	margin-left: 10px;
	border-top: 2px solid var(--black);
	border-right: 2px solid var(--black);
	transform: translateY(-50%) rotate(45deg);
}

/* ec.my_page_listの部分 */
#header table.member_tb img,
#header table.member_tb .guidText,
#header .member_tb > tbody > tr > td:has(a > img) {
	display: none;
}

#header .mypage_tb tr {
	display: flex;
	flex-wrap: wrap;
}

#header .member_tb tbody {
	white-space: nowrap;
}

#header .mypage_tb td {
	width: 45%;
	padding-bottom: 7px;
}

#header .mypage_tb td:nth-child(even) {
	padding-left: 30px;
}

#header .mypage_tb a {
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	color: inherit;
	position: relative;
}

#header .mypage_tb a:not(:has(img)):after {
	content: "";
	position: absolute;
	top: 55%;
	right: -1rem;
	width: 0.7rem;
	height: 0.7rem;
	margin-left: 10px;
	border-top: 2px solid var(--black);
	border-right: 2px solid var(--black);
	transform: translateY(-50%) rotate(45deg);
}

/* 購入履歴 */
#header .orderInfoArea {
	text-align: center;
	font-size: 1.4rem;
}

#header .orderInfo {
	width: 100%;
}

#header .orderinfoTitle {
	padding-top: 8px;
	padding-bottom: 8px;
}

#header .orderInfoRow1,
#header .orderInfoRow2 {
	display: flex;
	width: 100%;
	border: var(--black) solid 1px;
}

#header .orderInfoRow1 {
	border-bottom: none;
}

#header .orderInfoRow1 {
	border-radius: 4px 4px 0 0;
}

#header .orderInfoRow2 {
	border-radius: 0 0 4px 4px;
}

#header .orderInfoCol1 {
	width: 155px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 16px;
	text-align: left;
}

#header .orderInfoCol2 {
	width: 54px;
	border-left: var(--black) solid 1px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-right: 17px;
	text-align: right;
}

#header .orderInfoCol2 a {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: inherit;
}

#header .orderInfoCol3 {
	width: 100px;
	text-align: left;
	border-left: var(--black) solid 1px;
	border-right: var(--black) solid 1px;
	padding-top: 13px;
	padding-bottom: 12px;
	padding-left: 5px;
}

#header .orderInfoCol4 {
	width: auto;
	padding-top: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
	display: flex;
	justify-content: center;
}

#header .orgerHistoryButton {
	border: var(--black) solid 1px;
	border-radius: 12px;
	font-weight: bold;
	text-align: center;
	width: 118px;
	padding-top: 2px;
	padding-right: 1px;
	padding-bottom: 3px;
}

#header .orgerHistoryButton a {
	text-decoration: none;
	font-weight: bold;
	color: var(--black);
}

#header .checkDeliveryButtonWrap {
	width: 100%;
	display: flex;
	justify-content: center;
}

#header .checkDeliveryButton {
	margin-top: 10px;
	text-decoration: none;
	background-color: #679f68;
	border-radius: 10px;
	width: 255px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 8px;
}

#header .checkDeliveryButton a {
	text-decoration: none;
	font-weight: bold;
	color: var(--white);
}

/* ログイン */
#header .myMenuloginArea {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 36px;
}

#header .myMenyLogout,
#header .myMenyLogin {
	width: fit-content;
	padding: 7px 22px 7px 22px;
	border: var(--black) solid 1px;
	border-radius: 4px;
}

#header .myMenyLogout a,
#header .myMenyLogin a {
	text-decoration: none;
	color: var(--black);
	text-align: center;
	font-weight: bold;
}

/* 閉じるボタン */
#header .myMenuCloseButton {
	right: 53px;
	top: 13px;
	font-weight: bold;
	position: absolute;
	font-size: 1.6rem;
}

#header .myMenuCloseButton::after {
	content: "\00d7";
	position: absolute;
	top: 0.9rem;
	left: 6rem;
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-weight: 200;
	color: var(--black);
	line-height: 1;
}

/* 詳細検索 */
#header .detailSearchPanelArea {
	position: absolute;
	top: 47px;
	width: 541px;
	background-color: var(--white);
	z-index: 200;
	right: -2px;
	box-shadow: 0px 3px 6px #00000064;
	border-radius: 4px;
}

#header .detail {
	display: flex;
	justify-content: center;
	width: 100%;
	padding-top: 44px;
	padding-left: 37px;
	padding-right: 60px;
	height: 200px;
}

#header .panelTitle {
	position: absolute;
	left: 46px;
	top: 18px;
	font-size: 1.5rem;
	font-weight: bold;
}

#header .checkNewItem {
	height: 20px;
}

#header td.checkBoxNewItem {
	display: flex;
	align-items: center;
	padding-top: 6px;
}

#header .searchOptionTable select {
	appearance: none;
	border: var(--black) solid 1px;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position-x: 100%;
	background-position-y: 50%;
}

#header td.checkBoxNewItem input {
	padding-top: 2px;
}
#header .checkNewItem {
	height: 20px;
}

#header .detailSearchOptionCloseButton {
	position: absolute;
	right: 0px;
	top: 17px;
}

#header .detailSearchOptionCloseButton::before {
	content: "\00d7";
	position: absolute;
	top: 1.3rem;
	right: 0px;
	transform: translate(-50%, -50%);
	font-size: 40px;
	font-weight: 200;
	color: var(--black);
	line-height: 1;
}

#header .searchOptionTable .titelOption {
	font-size: 1.6rem;
}
#header .searchOptionTable .inputOption {
	width: 325px;
}

#header .searchOptionTable .inputOption #condition_keyword {
	border: var(--black) solid 1px;
	width: 325px;
}

#header .searchOptionTable {
	width: 100%;
}

#header .searchOptionTable tr {
	gap: 11px; /* テーブル間のスペースを50pxに */
}

#header .detailSearchbuttonWrap {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
	margin-top: 41px;
}

#header .detailSearchbutton {
	background-color: var(--white);
	text-align: center;
	width: 160px;
	padding-top: 7px;
	padding-bottom: 9px;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
}

#header .inquiryButton {
	padding: 10px;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

#header .historyButton {
	padding: 10px;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
	color: inherit;
	text-decoration: none;
	white-space: nowrap;
}

#header .itemTopArea .favoriteBtnArea a[target="_blank"] {
	display: none;
}

#mainContents .pickupItemList .itemTopArea .favoriteBtnArea {
	background-color: #007bff;
}

#mainContents .pickupItemList ul li .favoriteBtnArea + a[target="_blank"] {
	display: none;
}

#header table.myMenuTable a.inActiveTag {
	color: var(--gray-600);
	pointer-events: none;
}
#header table.myMenuTable a.inActiveTag::after {
	border-top: 2px solid var(--gray-600);
	border-right: 2px solid var(--gray-600);
}

#headNavSP {
	display: none;
}

#header .categoryChild > ul:first-child {
	display: grid;
	grid-template-columns: auto auto;
}

#header .searchByCategorButton.active,
#header .myMenuButton.active {
	background: var(--green-dark);
	color: var(--white);
	border-color: var(--green-dark);
}

#header .serchItemsWrap:not(:root) {
	gap: 8px;
}

#header .historyButton:not(:root),
#header a.cartButton:not(:root),
#header .myMenuButton:not(:root),
#header .inquiryButton:not(:root),
#header .searchByCategorButton:not(:root),
#header .quickOrder:not(:root),
#header .searchBarArea:not(:root),
#header .loginButton {
	height: 45px;
	display: block;
}
#header .historyButton:not(:root),
#header .myMenuButton:not(:root),
#header .inquiryButton:not(:root),
#header .searchByCategorButton:not(:root),
#header .quickOrder:not(:root) {
	padding: 13px 10px;
}

#header .cartButtonArea:not(:root) {
	border: none;
}
#header a.cartButton:not(:root) {
	border: var(--red) solid 1px;
	border-radius: 4px;
}
#header a.cartButton::after {
	top: 6px;
}

#header .serchForm select:not(:root) {
	background-position-x: 96%;
	padding-right: 25px;
	padding-left: 10px;
	text-align: left;
	max-width: 130px;
}

#header .categoryParent div.categoryList-head.active {
	background: var(--white);
}

@media not all and (min-width: 1160px) {
	#header .serchItemsWrap:not(:root) {
		margin-left: 0;
	}
	#header .rightArea:not(:root) {
		margin-left: 0;
	}
	#header .switchButtonArea:not(:root) {
		margin-right: 10px;
	}
}

@media (max-width: 1130px) and (min-width: 930px) {
	#header .serchForm select:not(:root) {
		width: 9ch;
		white-space: nowrap;
		overflow: hidden !important;
		text-overflow: ellipsis;
		display: inline-block;
	}
}

@media not all and (min-width: 1130px) {
	#header .hidden-xs {
		display: none;
	}
	#header a.cartButton:not(:root) {
		width: 55px;
	}
	#header a.cartButton::after {
		right: 11px;
	}
}

@media not all and (min-width: 980px) {
	#header .headerSecondRow *:not(:root) {
		font-size: 1.4rem;
	}
	#header .historyButton:not(:root),
	#header .myMenuButton:not(:root),
	#header .inquiryButton:not(:root),
	#header .searchByCategorButton:not(:root),
	#header .quickOrder:not(:root) {
		padding: 14px 10px;
	}
	#header .cartButtonArea:not(:root),
	#header .searchBarAreaWrap:not(:root) {
		height: auto;
	}
	#header a.cartButton:not(:root) {
		width: 50px;
	}
	#header a.cartButton::after {
		width: 28px;
		height: 20px;
		right: 11px;
		top: 8px;
	}
	#header .searchBar .detailSearchOptionButton:not(:root) {
		font-size: 1.2rem;
		margin-right: 5px;
	}
}

@media not all and (max-width: 930px) {
	#header div.serchForm:not(:root) {
		height: 100%;
		background: #fafbff;
		border-right: 1px solid var(--black);
		border-radius: 4px 0 0 4px;
	}
}

@media not all and (min-width: 930px) {
	#header .headerFirstRow:not(:root),
	#header .headerSecondRow:not(:root) {
		/* PC非表示 */
		display: none;
	}
	#headNavSP:not(:root) {
		display: block;
	}
	/* ヘッダー */
	#header:not(:root) {
		box-shadow: none;
		padding: 0;
	}
	main#userBox.topPage.fc-0010_0010:not(:root) {
		margin-top: 0;
	}
	#header .headerFirstRow,
	#header .headerSecondRow {
		/* PC非表示 */
		display: none;
	}

	#header .headerFirstRowSP {
		display: flex;
		justify-content: flex-end;
		position: relative;
		width: 100%;
		height: 100%;
		gap: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		align-items: center;
	}

	#header .headerSecondRowSP {
		display: flex;
		justify-content: space-between;
		padding-left: 16px;
		padding-right: 16px;
		height: 100%;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 10px;
		margin-bottom: 10px;
	}

	main#userBox.topPage.fc-0010_0010 {
		/* FVを下げる */
		margin-top: 50px;
	}

	#header .logoSP {
		position: absolute;
		left: 20px;
	}
	#header .logoSP img {
		width: 143px;
		height: auto;
	}

	/* アイコン */
	#header .logoSearchSP,
	#header .logoCartSP,
	#header .logoMymenueSP {
		width: 48px;
		height: 46px;
		background-color: var(--green-dark);
		border-radius: 4px;
		display: flex;
		align-items: center;
		justify-content: center; /* 水平方向の中央寄せ */
	}
	#header .logoMymenueSP {
		margin-right: 17px;
	}

	/* ロゴ */
	#header .logoSearchSP img {
		width: 27x;
		height: 21px;
		margin: 0 auto;
	}

	/* カート */
	#header .logoCartSP img {
		width: 27x;
		height: 25px;
		margin: 8px auto 0px auto;
		position: relative;
	}

	#header .logoCartSP .cart_count #normal_deli_qty {
		/* カート数 */
		margin: 0px;
		right: -7px;
		top: -20px;
		width: 16px;
		height: 16px;
		font-size: 1rem;
		line-height: 19px;
		background-color: var(--white);
		border-radius: 16px;
		font-weight: bold;
		line-height: 18px;
		text-align: center;
		padding: 0;
		position: absolute;
	}

	/* Myメニュー */
	#header .logoMymenueSP img {
		width: 23x;
		height: 26px;
		margin: 0 auto;
	}

	/* クイックオーダー */
	#header .headerSecondRowSP .quickOrder {
		background-color: var(--green-dark);
		border-radius: 8px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	#header .headerSecondRowSP .quickOrder a {
		text-decoration: none;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.5rem;
		color: var(--white);
	}

	#header .headerSecondRowSP .quickOrder a br,
	#header .headerSecondRowSP .searchByCategory br,
	#header .headerSecondRowSP .inquiry br {
		display: none;
	}

	/* カテゴリーで探す */
	#header .headerSecondRowSP .searchByCategory {
		border-radius: 8px;
		border: var(--black) solid 1px;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	#header .headerSecondRowSP .searchByCategory a {
		text-decoration: none;
		font-size: 1.3rem;
		font-weight: bold;
		color: var(--black);
		display: inline-block;
		line-height: 1.5rem;
	}

	/* 注文履歴 */
	#header .headerSecondRowSP .orderHistory {
		border-radius: 8px;
		border: var(--black) solid 1px;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#header .headerSecondRowSP .orderHistory a {
		text-decoration: none;
		font-size: 1.3rem;
		font-weight: bold;
		color: var(--black);
	}

	/* お問い合わせ */
	#header .headerSecondRowSP .inquiry {
		border-radius: 8px;
		border: var(--black) solid 1px;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
	}

	#header .headerSecondRowSP .inquiry a {
		text-decoration: none;
		font-size: 1.3rem;
		font-weight: bold;
		color: var(--black);
		line-height: 1.5rem;
	}

	/* 検索パネル */
	#header .searchPanel {
		position: fixed;
		width: 100%;
		z-index: 900;
		top: 0;
		left: 0;
		background-color: var(--green-bright);
		height: 100vh;
	}

	#header .searchBarArea:not(:root) {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 63px;
		display: block;
		border: none;
		border-radius: 0;
	}

	#header .searchBar:not(:root) {
		display: block;
		white-space: normal;
		border-radius: 0;
	}

	#header div.serchForm:not(:root) {
		display: block;
	}

	.searchOptionTable {
		width: 100%;
		border-collapse: separate;
		border-spacing: 0px 10px;
	}
	.searchOptionTable tr {
		margin-top: 10px;
	}

	.detailOptionOpenSP {
		background-color: var(--white);
		font-size: 1.6rem;
		color: var(--black);
		text-align: center;
		width: 100%;
		border-radius: 4px;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 10px;
	}

	.panelTitleArea {
		display: flex;
		justify-content: space-between;
		font-size: 1.5rem;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 12px;
	}

	#header .panelTitle {
		padding-left: 2px;
		position: unset;
		font-weight: 400;
		font-size: 100%;
	}

	#header .detailSearchOptionCloseButton {
		display: none;
	}

	#header .searchOptionTable .inputOption #condition_keyword {
		width: 100%;
	}

	.closeDetailOption {
		padding-right: 1px;
	}

	#header .detailOption select {
		height: 38px;
		padding-left: 13px;
		font-size: 1.5rem;
		border: none;
		border: var(--black) solid 1px;
		background: none;
		appearance: auto;
	}

	#header .detailSearchOptionCloseButtonSP::before {
		content: "\00d7";
		position: absolute;
		top: 2.3rem;
		right: 0px;
		transform: translate(-50%, -50%);
		font-size: 30px;
		font-weight: 200;
		color: var(--white);
		line-height: 1;
	}

	#header div.serchForm {
		border-radius: 4px;
	}

	#header .serchForm select:not(:root) {
		line-height: normal;
		background-color: var(--white);
		color: var(--gray-600);
		padding-left: 13px;
		height: 38px;
		border-radius: 4px;
		font-size: 1.5rem;
		font-weight: bold;
		appearance: none; /* デフォルトの矢印を消す */
		-webkit-appearance: none;
		-moz-appearance: none;
		background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
		background-repeat: no-repeat;
		background-position-x: 100%;
		background-position-y: 50%;
		padding-right: 30px; /* 矢印のためのスペース */
		border: none;
		outline: none;
		text-align: left;
		width: 100%;
	}

	.keywordArea {
		margin-top: 5px;
		display: flex;
		gap: 4px;
	}
	#header .searchBar input[type="text"]:not(:root) {
		height: 38px;
	}
	.keywordArea input:not(:root) {
		height: 38px;
		padding-left: 13px;
		height: 38px;
		font-size: 1.5rem;
		border: none;
	}

	.keywordArea button {
		height: 39px;
		height: 38px;
		background-color: var(--white);
	}

	.keywordArea img {
		height: 24px;
		height: 19px;
		padding-left: 7px;
		padding-right: 7px;
		margin-left: 2px;
	}

	#header .detailSearchPanelArea {
		background-color: var(--white);
		padding-top: 9px;
		margin-top: 11px;
		position: unset;
		width: auto;
		box-shadow: none;
		border-radius: 0;
	}

	.detailOption {
		display: flex;
		justify-content: center;
		padding-left: 10px;
		padding-right: 10px;
	}

	.detailOption input {
		height: 38px;
		padding-left: 13px;
		font-size: 1.5rem;
		border: none;
	}

	.detailOption select {
		height: 38px;
		padding-left: 13px;
		font-size: 1.5rem;
		border: none;
		border: var(--black) solid 1px;
	}

	#header .searchOptionTable .inputOption input {
		border: var(--black) solid 1px;
	}

	.checkNewItem {
		display: flex;
		align-items: center;
		font-size: 1.6rem;
		margin-top: 0px;
	}

	.checkNewItem input {
		padding-bottom: 3px;
	}

	#header .detailSearchbuttonWrap {
		width: 100%;
		display: flex;
		justify-content: center;
		padding-bottom: 50px;
		margin-top: 41px;
	}

	#header .detailSearchbutton {
		background-color: var(--white);
		text-align: center;
		width: 160px;
		/* height: 35px; */
		padding-top: 7px;
		padding-bottom: 9px;
		border-radius: 4px;
		border: var(--black) solid 1px;
		font-size: 1.6rem;
		font-weight: bold;
	}

	/* Myメニューパネル */
	#header .myMenuArea:not(:root) {
		position: fixed;
		width: 100%;
		z-index: 900;
		top: 0;
		background-color: var(--green-bright);
		height: 100vh;
	}

	#header .myMenuPanelArea:not(:root) {
		display: flex;
		justify-content: center;
		position: unset;
		width: auto;
		background: transparent;
		box-shadow: none;
	}

	#header table.myMenuTable {
		width: 100%;
		border-collapse: separate;
		border-spacing: 10px 18px;
	}

	#header .myMenuPanelInner {
		width: 100%;
		margin-top: 70px;
		margin-left: 21px;
		margin-right: 21px;
		background-color: var(--white);
	}

	#header table.myMenuTable a {
		font-size: 1.4rem;
		font-weight: bold;
		text-decoration: none;
		color: inherit;
		position: relative;
	}

	#header table.orderInfoTable:not(:root) {
		border-collapse: collapse;
		/* width: 318px; */
		width: 90%;
		margin: 10px;
		margin-inline: auto;
	}

	#header table.orderInfoTable tr {
		height: 50px;
	}

	#header table.orderInfoTable td {
		border: 1px solid var(--black);
		padding-left: 8px;
		text-align: left;
	}

	#header .orderInfoCol1 {
		width: 142px;
	}

	#header .orderInfoCol2 {
		text-align: right;
		width: 44px;
	}

	#header td.orderInfoCol2 a {
		pointer-events: none;
		cursor: default;
		text-decoration: none;
		color: inherit;
	}

	#header .orderInfoCol3 {
		width: 79px;
		text-align: right;
	}

	#header table.orderInfoTable td.orderInfoCol4:not(:root) {
		width: 49px;
		padding: 0;
		padding-left: 6px;
		display: table-cell;
	}

	#header .orgerHistoryButton:not(:root) {
		border: var(--black) solid 1px;
		border-radius: 12px;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 3px;
		width: 38px;
	}

	#header .orgerHistoryButton a {
		text-decoration: none;
		color: var(--black);
		font-size: 1.2rem;
	}

	#header .checkDeliveryButtonWrap {
		width: 100%;
		display: flex;
		justify-content: center;
	}

	#header .checkDeliveryButton {
		margin-top: 14px;
		text-decoration: none;
		background-color: #679f68;
		border-radius: 4px;
		width: 250px;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
	}

	#header .checkDeliveryButton a {
		text-decoration: none;
		font-weight: bold;
		font-size: 1.4rem;
		color: var(--white);
	}

	/* ログイン */
	#header .myMenuloginArea {
		width: 100%;
		display: flex;
		justify-content: center;
		margin-top: 36px;
		margin-bottom: 19px;
	}

	#header .myMenyLogout,
	#header .myMenyLogin {
		width: fit-content;
		padding: 9px 18px 9px 18px;
		border: var(--black) solid 1px;
		border-radius: 4px;
	}

	#header .myMenyLogout a,
	#header .myMenyLogin a {
		text-decoration: none;
		color: var(--black);
		text-align: center;
		font-weight: bold;
		font-size: 1.4rem;
	}

	/* 購入履歴 */
	#header .orderInfoArea {
		text-align: center;
		font-size: 1.4rem;
	}

	/* ユーザー情報 */
	#header .userNameArea:not(:root) {
		font-size: 1.4rem;
		border: #aabbd7 solid 1px;
		border-radius: 4px;
		padding-top: 7px;
		padding-bottom: 8px;
		padding-left: 12px;
		margin: 19px 10px 15px 10px;
		display: block;
		height: auto;
		width: auto;
	}

	#header .userShop,
	#header .userName,
	#header .usersPoint {
		font-weight: bold;
	}
	#header .userShop {
		margin-bottom: 9px;
	}

	#header .usersPoint {
		margin-left: 19px;
	}

	#header .pointText {
		font-size: 12px;
		font-weight: 500;
	}

	#header .mypage {
		padding-left: 8px;
	}

	#header table.myMenuTable td {
		padding-bottom: 0px;
	}

	#header .switchAndLang:not(:root) {
		/* display: block; */
		display: flex;
		flex-direction: column;
	}

	#header .switchButtonArea:not(:root) {
		display: flex;
		align-items: center;
		margin-bottom: 17px;
		font-weight: bold;
	}
	#header .switchButtonArea a {
		font-size: 1.2rem;
		margin-left: 10px;
	}

	#header .switchButtonArea img:not(:root) {
		margin-right: 9px;
		margin-left: 1px;
		width: 22px;
		height: 22px;
	}

	#header .switchButtonArea button {
		background-color: var(--white);
		color: var(--black);
		font-size: 1.2rem !important; /* 既存のスタイルを上書き */
		width: 69px;
		height: 25px;
		padding: 0px;
		margin-left: 5px;
		margin-right: 5px;
		border-radius: 7px;
		font-weight: bold;
		margin-top: 6px;
	}

	/* 画像切り替えボタン */
	#header .switchButtonArea button.simple_display_button.display_button-selected,
	#header
		.switchButtonArea
		button.detailed_display_button.display_button-selected {
		/* 選択されてるとき */
		color: #b1b1b1;
		background: #cdcdd0 0% 0% no-repeat padding-box;
	}

	#header
		.switchButtonArea
		button.simple_display_button:not(.display_button-selected),
	#header
		.switchButtonArea
		button.detailed_display_button:not(.display_button-selected) {
		/* 選択されてないとき */
		box-shadow: inset 0px -2px 0px #00000029;
	}

	#header .switchButtonArea {
		align-items: center;
		margin-bottom: 17px;
		font-weight: bold;
	}
	#header .switchButtonArea a {
		font-size: 1.2rem;
		margin-left: 10px;
	}

	#header .switchButtonArea img {
		margin-right: 9px;
		margin-left: 1px;
		width: 22px;
		height: 22px;
	}

	#header .switchButtonArea button {
		font-size: 1.2rem !important; /* 既存のスタイルを上書き */
		width: 75px;
		height: 31px;
		padding: 0px 0px 1px 9px;
		margin-left: 5px;
		margin-right: 5px;
		border-radius: 4px;
		font-weight: bold;
		margin-top: 6px;
		text-align: left;
		position: relative;
	}

	/* 画像切り替えボタン */
	#header .switchButtonArea button.simple_display_button.display_button-selected,
	#header
		.switchButtonArea
		button.detailed_display_button.display_button-selected {
		/* 選択されてるとき */
		color: var(--white);
		background: var(--green-primary);
		border: var(--green-primary) 1px solid;
		box-shadow: none;
		font-weight: 400;
	}
	#header
		.switchButtonArea
		button.detailed_display_button.display_button-selected::after {
		/* アイコン詳細選択時 */
		content: "";
		position: absolute;
		top: 6px;
		right: 10px;
		width: 24px;
		height: 18px;
		background: url(/assets/img/icon_detailmode_active.png) center center
			no-repeat;
		background-size: contain;
		display: block;
	}

	#header
		.switchButtonArea
		button.simple_display_button.display_button-selected::after {
		/* アイコン簡易選択時 */
		content: "";
		position: absolute;
		top: 9px;
		right: 16px;
		width: 13px;
		height: 12px;
		background: url(/assets/img/icon_simplemode_active.png) center center
			no-repeat;
		background-size: contain;
		display: block;
	}

	#header
		.switchButtonArea
		button.simple_display_button:not(.display_button-selected),
	#header
		.switchButtonArea
		button.detailed_display_button:not(.display_button-selected) {
		/* 選択されてないとき */
		color: var(--black);
		background: var(--white);
		box-shadow: 2px 3px 0px var(--gray-shadow);
	}

	#header
		.switchButtonArea
		button.simple_display_button:not(.display_button-selected)::after {
		/* アイコン簡易未選択時 */
		content: "";
		position: absolute;
		top: 9px;
		right: 16px;
		width: 13px;
		height: 12px;
		background: url(/assets/img/icon_simplemode.png) center center no-repeat;
		background-size: contain;
		display: block;
	}

	#header
		.switchButtonArea
		button.detailed_display_button:not(.display_button-selected)::after {
		/* アイコン簡易選択時 */
		content: "";
		position: absolute;
		top: 5px;
		right: 10px;
		width: 24px;
		height: 18px;
		background: url(/assets/img/icon_detailmode.png) center center no-repeat;
		background-size: contain;
		display: block;
	}

	#header .languageArea img:not(:root) {
		height: 22px;
		width: 22px;
		margin-right: 4px;
		margin-left: 10px;
	}

	/* 言語切り替え */
	#header .languageArea:not(:root) {
		display: flex;
		align-items: center;
		margin-bottom: 18px;
	}

	.areaTitle {
		font-weight: bold;
		margin-right: 17px;
	}

	#header .languageArea a:not(:root) {
		text-decoration: none;
		color: inherit;
		padding-left: 5px;
		padding-right: 5px;
	}

	#header .myMenuCloseButtonSP::before {
		content: "\00d7";
		position: absolute;
		top: 2.3rem;
		right: 0;
		transform: translate(-50%, -50%);
		font-size: 30px;
		font-weight: 200;
		color: var(--white);
		line-height: 1;
	}

	#header table.myMenuTable a.inActiveTag {
		color: var(--gray-600);
		pointer-events: none;
	}
	#header table.myMenuTable a.inActiveTag::after {
		border-top: 2px solid var(--gray-600);
		border-right: 2px solid var(--gray-600);
	}

	.categoryAreaSP {
		position: relative;
	}

	.categoryPanel {
		position: absolute;
		z-index: 200;
		background-color: var(--white);
		width: 100%;
		margin-left: 15px;
		margin-right: 15px;
	}

	#header .removePanel {
		/* パネル等に使用する非表示用のクラス */
		display: none;
	}

	.categoryPanel:not(:root) {
		padding: 10px 15px;
		margin: 0;
	}
	.categoryPanel > ul {
		border-left: 1px solid var(--gray-600);
		border-right: 1px solid var(--gray-600);
		border-top: 1px solid var(--gray-600);
		font-size: 1.6rem;
	}
	.categoryPanel > ul:last-of-type {
		border-bottom: 1px solid var(--gray-600);
	}
	.categoryPanel .categoryList-head {
		padding: 12px 10px;
	}
	.categoryPanel > ul a {
		color: inherit;
		text-decoration: none;
	}
	.categoryPanel .categoryList-head a {
		position: relative;
		display: inline-block;
	}
	.categoryPanel .categoryList-head a::before {
		content: "\ea1c";
		font-family: iconFont;
		font-size: 90%;
		top: 50%;
		translate: 0 -50%;
		right: -30px;
		position: absolute;
		rotate: 90deg;
	}
	.categoryPanel > ul .category-sub1 li {
		border-top: 1px solid var(--gray-600);
	}
	.categoryPanel > ul .category-sub1 a {
		padding: 10px 10px 10px 1.5em;
		display: inline-block;
		position: relative;
	}
	.categoryPanel > ul .category-sub1 a::before {
		content: "";
		position: absolute;
		top: 50%;
		right: -1rem;
		width: 0.7rem;
		height: 0.7rem;
		border-top: 2px solid var(--black);
		border-right: 2px solid var(--black);
		transform: translateY(-50%) rotate(45deg);
	}

	.fc-0030_0010 #mainWrap #sidebar {
		display: none;
	}
}

/* --------------------
サイドメニュー 
-------------------- */
#mainWrap #sidebar {
	width: 210px;
	flex-shrink: 0;
	margin-right: 50px;
}

#sidebar .ttlSidebar {
	font-size: 18px;
	border: none;
	padding: 0;
	line-height: 1.4;
	margin-bottom: 5px;
}

#sidebar .refineSearch .refineOneBox {
	margin-top: 0;
}

#sidebar .sideInner {
	background: var(--white);
	padding: 0;
}
#sidebar .categoryList {
	margin-left: 1.5em;
}
#sidebar .refineSearch .refineOneBox .inner.open .scroll {
	padding: 0;
}
#sidebar .categoryList ul:not([class]) div {
	border-bottom: var(--blue-light-border) 1px solid;
	padding: 0.6em 0 0.6em 0.6em;
	position: relative;
	transition: 0.2s;
}
#sidebar .categoryList ul:not([class]) div:hover {
	background: var(--gray-50);
}

#sidebar .refineSearch .refineOneBox .inner ul li:hover {
	background: transparent;
}

#sidebar .categoryList ul a {
	color: inherit;
	text-decoration: none;
	font-size: 16px;
	max-width: 90%;
}

#sidebar .categoryList ul ul a {
	display: block;
	padding: 0.1em 0 0.1em 0.6em;
}

/* カテゴリ */
.sideInner .categoryList-head li {
	position: relative;
}

#sidebar .refineSearch .refineOneBox .inner .categoryList-head ul li {
	/* 上書き */
	/* 折り返し対策 */
	padding-right: 10px;
}
#sidebar .refineSearch .refineOneBox .inner ul li {
	/* 上書き */
	/* 折り返し対策 */
	padding-right: 5px;
}

.sideInner .categoryList-head > li::before {
	content: "\ea1c";
	font-family: iconFont;
	font-size: 90%;
	top: 50%;
	translate: 0 -50%;
	right: 13px;
	position: absolute;
	rotate: 90deg;
	/* クリックで遷移しないようにする */
	pointer-events: none;
}

.sideInner ul [class^="category-sub"] a {
	padding: 10px 10px 10px 1.5em;
	display: inline-block;
	position: relative;
	color: #0085d0;
}

.sideInner [class^="category-sub"]:has(+ ul) > li > a {
	/* 子供カテゴリーのあるものを上書き */
	/* padding: 10px 10px 10px 1.5em; */
	display: inline-block;
	position: relative;
	width: fit-content;
	max-width: 80%;
	/* color: red; */
}
.sideInner [class^="category-sub"]:has(+ ul) > li::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 1.4rem;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 2px solid var(--black);
	border-right: 2px solid var(--black);
	transform: translateY(-50%) rotate(135deg);
}
.sideInner [class^="category-sub"]:has(+ ul) > li > a::before {
	/* 子供カテゴリーのあるものを上書き */
	content: "";
	position: absolute;
	top: 50%;
	right: -2rem;
	width: 0.7rem;
	height: 0.7rem;
	border-top: 2px solid var(--black);
	border-right: 2px solid var(--black);
	transform: translateY(-50%) rotate(135deg);
	/* クリックで遷移しないようにする */
	pointer-events: none;
	display: none;
}

.sideCalendar {
	background: var(--gray-50);
	padding: 15px 10px;
	margin-top: 45px;
}
#sidebar .sideCalendar .ttlSidebar {
	font-size: 15px;
	text-align: center;
	margin-bottom: 8px;
}
#sidebar .sideCalendar .calendar-wrap {
	padding: 0;
	background: var(--gray-50);
}
#sidebar .sideCalendar .calendar-wrap:not(:last-of-type) {
	margin-bottom: 15px;
}
#sidebar .sideCalendar :is(.title-current, .title-next) {
	background: var(--green-dark);
	color: var(--white);
	font-size: 15px;
	text-align: center;
	padding: 4px;
}
#sidebar .sideCalendar .calendar-wrap :is(th, td) {
	background: transparent;
	border: none;
	padding: 5px 0;
	font-weight: 400;
}

/* --------------------
FC-0010_0010_トップページ 
-------------------- */
.fc-0010_0010 #mainPanel img {
	height: 100%;
	box-shadow: 0 2px 8px #bcbcbc;
}

.fc-0010_0010 #mainPanel .bannerSPOnly img {
	/* SP用のバナーを非表示 */
	display: none;
}

.fc-0010_0010 .middleBannerArea ul {
	/* ログイン前のバナーエリア */
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	width: 100%;
}

.fc-0010_0010 .middleBannerArea li {
	width: 50%;
	padding: 14px;
}
.fc-0010_0010 .middleBannerArea li:nth-child(3),
.fc-0010_0010 .middleBannerArea li:nth-child(4) {
	/* ３、４番目のみ高さを追加 */
	padding-top: 17px;
}

.fc-0010_0010 .middleBannerArea img {
	width: 100%;
	height: auto;
}

/* お知らせ一覧 */
.fc-0010_0010 div.newsListArea {
	padding: 10px 0px 0px 0px;
	margin-bottom: 0.5em;
}

.fc-0010_0010 .newsListArea h2 {
	/* お知らせタイトル */
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 4px;
}

/* お知らせボタン */
.fc-0010_0010 .newsListArea div.moreInfoButtonArea {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 14px;
	margin-bottom: 6px;
}

.fc-0010_0010 .newsListArea div.moreInfoButtonArea a {
	color: inherit; /* 親要素の色を継承 */
	position: relative;
	border: var(--black) 1px solid;
	border-radius: 4px;
	padding: 3px 13px 3px 6px;
	text-decoration: none;
	font-weight: bold;
}

.fc-0010_0010 .newsListArea a.moreInfoButton::after {
	/* 矢印 */
	content: "\ea1c";
	height: 0.8rem;
	width: 0.8rem;
	padding-left: 0.5rem;
	font-family: iconFont;
	text-rendering: auto;
	text-decoration: none;
	font-size: 1.2rem;
	color: inherit;
	text-decoration: none;
	display: inline-block;
}

.fc-0010_0010 .newsList {
	display: flex;
	justify-content: center;
}

.fc-0010_0010 .newsList li {
	padding-bottom: 22px;
}

.fc-0010_0010 .newsList li:hover,
.fc-0010_0010 .newsListArea div.moreInfoButtonArea a:hover {
	transition: all 0.2s ease;
	opacity: 0.6;
}

.fc-0010_0010 .newsList a {
	font-size: 1.6rem;
	width: fit-content;
	color: inherit; /* 親要素の色を継承 */
	text-decoration: none; /* 下線を消す */
}

.fc-0010_0010 .moreBtnArea {
	/* もっと見るボタン */
	display: flex;
	justify-content: center;
}
.fc-0010_0010 .moreBtnArea .moreBtnWrap {
	padding-top: 7px;
	padding-bottom: 8px;
	border-radius: 4px;
	border: var(--gray-600) solid 1px;
	width: 256px;
	text-align: center;
}

.fc-0010_0010 .moreBtnArea .moreBtnWrap:hover {
	transition: all 0.2s ease;
	opacity: 0.6;
}
.fc-0010_0010 .moreBtnArea a {
	text-align: center;
	font-size: 1.7rem;
	font-weight: bold;
	color: inherit; /* 親要素の色を継承 */
	text-decoration: none; /* 下線を消す */
}

.fc-0010_0010 .moreBtnArea a.moreInfoButton::after {
	/* 矢印 */
	content: "\ea1c";
	height: 1rem;
	width: 1rem;
	padding-left: 0.7rem;
	font-family: iconFont;
	text-rendering: auto;
	text-decoration: none;
	font-size: 1.6rem;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	line-height: 0.9rem;
	vertical-align: middle;
}

.fc-0010_0010 #mainWrap {
	width: auto;
	/* max-width: 1400px; */
	max-width: 100%;
	padding: 0 20px;
}

.fc-0010_0010 a:hover,
.fc-0010_0010 label:hover {
	transition: all 0.2s ease;
	opacity: 0.6;
}

.fc-0010_0010 #mainContents .oneSectionCenter {
	width: auto;
	padding-bottom: 25px;
}

.fc-0010_0010 .middleBannerArea {
	width: 1028px;
	margin: 0px auto 80px auto;
}

/* トップカルーセル */
.fc-0010_0010 #mainPanel {
	background: #f2f2f2;
	padding: 10px 0 0;
	box-shadow: inset 0px 8px 10px -8px #ccc;
	margin-bottom: 0;
	margin-top: 0;
}
.fc-0010_0010
	#mainPanel
	.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	/* バレット */
	margin: 0 7.5px;
}
.fc-0010_0010 #mainPanel .swiper-pagination {
	margin-top: 15px;
}
.fc-0010_0010 #mainPanel .swiper-container {
	overflow-x: hidden;
	padding-bottom: 15px;
}

.fc-0010_0010 #mainPanel .swiper-pagination-bullet {
	background: var(--gray-400);
}
.fc-0010_0010 #mainPanel .swiper-pagination-bullet-active {
	background: var(--gray-600);
}

/* クイックオーダー・お問い合わせボタン */
.fc-0010_0010 .topButtonList {
	margin-top: 22px;
	background: var(--gray-50);
	padding: 30px;
}
.fc-0010_0010 .topButtonListInner {
	display: grid;
	justify-content: space-evenly;
	grid-template-columns: auto auto;
	max-width: 1000px;
	margin-inline: auto;
}
.fc-0010_0010 .topButtonListInner .text {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 16px;
}
.fc-0010_0010 .topButtonListInner .text strong {
	font-size: 120%;
	margin: 0 2px;
}
.fc-0010_0010 .topButtonListInner a {
	background: var(--green-dark);
	color: var(--white);
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	width: 240px;
	height: 50px;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	gap: 20px;
	margin-inline: auto;
	border-radius: 4px;
	box-shadow: 0 2px #ccc;
}
.fc-0010_0010 .lead-txt .arrow,
.fc-0010_0010 .topButtonListInner .arrow,
.fc-0010_0010 .guideWrapper input + label .arrow,
.fc-0010_0010 .toGuidePage-button .arrow,
.fc-0010_0010 .aboutInquiry-description .address .arrow {
	position: relative;
}
.fc-0010_0010 .lead-txt .arrow::before,
.fc-0010_0010 .topButtonListInner .arrow::before,
.fc-0010_0010 .descriptionBox-label .arrow::before,
.fc-0010_0010 .toGuidePage-button .arrow::before,
.fc-0010_0010 .aboutInquiry-description .address .arrow::before {
	content: "\ea1c";
	font-family: iconFont;
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}
.fc-0010_0010 .topButtonListInner .arrow::before {
	translate: 0 -45%;
}
.fc-0010_0010 .topButtonListInner .item.inquiry a {
	background: var(--white);
	color: var(--black);
}

.fc-0010_0010 .pickupItemList {
	margin-top: 35px;
}

/* ご利用ガイド案内 */
.fc-0010_0010 .guideWrapper {
	display: flex;
	justify-content: center;
	gap: max(15px, min(3vw, 40px));
	line-height: 1.5;
	align-items: flex-start;
	margin-top: 35px;
}
.fc-0010_0010 .guideWrapper .item {
	background: var(--gray-50);
	padding: 20px max(20px, min(2.5vw, 25px));
	max-width: 340px;
	width: 33%;
	display: grid;
	min-height: 240px;
	box-shadow: 0 2px 6px #d9d9d9;
}
.fc-0010_0010 .guideWrapper input {
	display: none;
}

.fc-0010_0010 .guideWrapper .descriptionBox {
	display: flex;
	flex-flow: column;
	align-items: end;
	justify-content: end;
	margin-top: 20px;
}

.fc-0010_0010 .guideWrapper h3 {
	font-size: 23px;
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	margin-bottom: 15px;
}

.fc-0010_0010 .guideWrapper h3 img[src*="aboutReturn"] {
	width: 30px;
}

.fc-0010_0010 .guideWrapper h3 img[src*="aboutPostage"] {
	width: 31px;
}

.fc-0010_0010 .guideWrapper h3 img[src*="aboutDelivery"] {
	width: 31px;
}

.fc-0010_0010 .guideWrapper .lead-txt {
	font-size: max(16px, min(2vw, 19px));
	text-align: center;
}

.fc-0010_0010 .guideWrapper .lead-txt .arrow {
	margin: 0 24px 0 10px;
	top: 2px;
}

.fc-0010_0010 .guideWrapper .detil-txt {
	font-size: 16px;
	margin-top: 0.4em;
	display: grid;
	justify-content: center;
}

.fc-0010_0010 .guideWrapper .detil-txt small {
	font-size: 10px;
}
.fc-0010_0010 .guideWrapper .detil-txt:has(small) {
	line-height: 1.2;
}

/* 初期状態で詳細ボックスを非表示 */
.fc-0010_0010 .guideWrapper .descriptionBox-inner {
	height: 0;
	overflow-y: hidden;
	transition: 0.8s;
	opacity: 0;
}

.fc-0010_0010 .guideWrapper input + label {
	background: var(--green-dark);
	color: var(--white);
	width: 70px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
}
.fc-0010_0010 .descriptionBox-label .arrow::before {
	rotate: 90deg;
	position: relative;
	font-size: 70%;
	display: inline-block;
	translate: 0;
	right: -4px;
}

/* 「詳細」ボタンを押したら詳細ボックスが開く */
.fc-0010_0010 .guideWrapper .descriptionBox:has(input:checked) {
	flex-direction: column-reverse;
}

.fc-0010_0010 .guideWrapper > .item:has(input:checked) {
	min-height: 376px;
}

.fc-0010_0010
	.guideWrapper
	.descriptionBox-label:has(input:checked)
	~ .descriptionBox-inner {
	height: auto;
	opacity: 1;
	overflow: visible;
	margin-inline: auto;
}

.fc-0010_0010 .guideWrapper .descriptionBox-inner:has(input:checked) {
	height: 0;
	opacity: 0;
	overflow-y: hidden;
	transition: 0.8s;
}

.fc-0010_0010 .descriptionBox-inner .descriptionBox-text p {
	text-indent: -1em;
	margin-left: 1em;
}
.fc-0010_0010 .descriptionBox-inner .descriptionBox-text p:not(:last-of-type) {
	margin-bottom: 0.5em;
}

.fc-0010_0010 .descriptionBox-button {
	margin: 20px auto;
}
.fc-0010_0010 .descriptionBox-button a {
	width: 115px;
	height: 35px;
	background: var(--green-dark);
	color: var(--white);
	display: block;
	font-size: 14px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	margin-inline: auto;
}

.fc-0010_0010 .guideWrapper input:checked + label {
	background: transparent;
	border: 1px solid var(--black);
	color: var(--black);
}

.fc-0010_0010 .guideWrapper input:checked + label span:not([class]) {
	display: none;
}
.fc-0010_0010 .guideWrapper input:checked + label[data-label]::after {
	content: attr(data-label);
}

.fc-0010_0010 .toGuidePage {
	margin-top: 55px;
	text-align: center;
}
.fc-0010_0010 .toGuidePage-head {
	position: relative;
	border-top: 1px solid;
	max-width: 650px;
	margin-inline: auto;
	margin-bottom: 6px;
}
.fc-0010_0010 .toGuidePage-head span {
	background: var(--white);
	transform: translate(0%, -50%);
	padding: 0 20px;
	text-align: center;
	font-size: 16px;
	line-height: 1.4;
	display: inline-block;
}
.fc-0010_0010 .toGuidePage-button {
	margin-bottom: 60px;
}
.fc-0010_0010 .toGuidePage-button a {
	background: var(--gray-50);
	color: var(--black);
	text-decoration: none;
	font-size: 18px;
	width: 240px;
	height: 50px;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	gap: 8px;
	margin-inline: auto;
	border-radius: 4px;
	box-shadow: 0 2px #ccc;
}

.fc-0010_0010 .toGuidePage-button .arrow::before {
	position: relative;
	left: 3px;
}

/* 閲覧した商品一覧 */
.fc-0010_0010 .checkItemList-wrapper,
.fc-0020_0010 .checkItemList-wrapper {
	position: relative;
	margin-top: 35px;
}
.fc-0010_0010 .checkItemList-container {
	overflow: hidden;
	/* max-width: 86%; */
	max-width: calc(100vw - 250px);
	margin-inline: auto;
}

.fc-0010_0010 .checkItemList .card-container {
	flex-wrap: nowrap;
}
.fc-0010_0010 .checkItemList .card,
.fc-0010_0010 #mainContents .pickupItemList ul li,
.fc-0020_0010 .checkItemList-wrapper .card {
	margin: 0;
	padding: 0;
	box-shadow: none;
	background: var(--gray-50);
	border: none;
	flex: 0 0 auto !important;
	max-width: 185px;
	min-width: 185px;
}
.fc-0010_0010 .checkItemList .card a,
.fc-0020_0010 .checkItemList-wrapper a {
	color: inherit;
}
.fc-0010_0010 .checkItemList .card span,
.fc-0020_0010 .checkItemList-wrapper .card span {
	margin: 0 !important;
	background: var(--white);
	display: block;
}
.fc-0010_0010 .checkItemList .card span img,
.fc-0010_0010 .pickupItemList .swiper-wrapper .img img,
.fc-0020_0010 .detailedElement img {
	max-width: 100% !important;
	max-height: none !important;
	height: 185px !important;
	object-fit: cover;
}
.fc-0010_0010 .checkItemList .card a dd,
.fc-0020_0010 .checkItemList-wrapper .card a dd {
	width: auto !important;
	height: auto !important;
	line-height: 1.4;
	display: block;
}
.fc-0010_0010 .checkItemList .card .text.item,
.fc-0020_0010 .text.item,
.fc-0010_0010 #mainContents .pickupItemList li .text.item {
	padding: 20px 10px;
	height: 100% !important;
}

.fc-0010_0010 #mainContents .pickupItemList li .text.item dd {
	width: auto;
}

.fc-0010_0010 .text.item .price {
	text-align: right;
	padding-top: 10px;
	margin-top: auto;
	align-self: end;
}

.fc-0010_0010 [class*="swiper-button"],
.fc-0020_0010 [class*="swiper-button"] {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}
.fc-0010_0010 .swiper-button-prev,
.fc-0010_0010 .swiper-button-left,
.fc-0010_0010 .swiper-button-past,
.fc-0020_0010 .swiper-button-left,
.fc-0020_0010 .swiper-button-prev,
.fc-0020_0010 .swiper-button-past,
.fc-0030_0010 .swiper-button-past {
	left: 0;
}
.fc-0010_0010 .swiper-button-next,
.fc-0010_0010 .swiper-button-right,
.fc-0010_0010 .swiper-button-future,
.fc-0020_0010 .swiper-button-right,
.fc-0020_0010 .swiper-button-next,
.fc-0020_0010 .swiper-button-future,
.fc-0030_0010 .swiper-button-future {
	right: 0;
}

.swiper-button-disabled {
	display: none !important;
}

/* おすすめ商品一覧 */
.fc-0010_0010 #mainContents .pickupItemList-container,
.fc-0020_0010 #mainContents #pickupItemList-searhList-container,
.fc-0020_0010 #mainContents .orderedItemList-wrapper {
	position: relative;
}

.fc-0020_0010 .checkItemList-container {
	overflow: hidden;
	margin-inline: auto;
	margin-left: 80px;
	margin-right: 80px;
}

.fc-0010_0010 #mainContents .pickupItemList {
	margin-bottom: 30px;
	/* max-width: 86%; */
	max-width: calc(100vw - 250px);
	margin-inline: auto;
	overflow: hidden;
}

.fc-0020_0010 #mainContents .pickupItemList-searhList,
.fc-0020_0010 #mainContents .orderedItemList-container {
	margin-bottom: 30px;
	margin-inline: auto;
	overflow: hidden;
	margin-right: 80px;
	margin-left: 80px;
}

.fc-0010_0010 #mainContents .pickupItemList .itemBoxWrap,
.fc-0020_0010 #mainContents .orderedItemList-container .itemBoxWrap,
.fc-0020_0010 #mainContents #pickupItemList-searhList-container .itemBoxWrap,
.fc-0020_0010 #mainContents #tile-view li {
	display: flex;
	flex-direction: column;
	height: 100%;
	line-height: 1.4;
}

.fc-0020_0010 #mainContents .itemBoxWrap .text.item,
.fc-0020_0010 #mainContents .itemBoxWrap .favoriteBtnAreaWrap + a {
	height: auto;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
}

.fc-0020_0010 #mainContents .itemBoxWrap > a:has(.detailedElement.hidden) {
	height: 30px;
}

.fc-0010_0010 #mainContents .pickupItemList ul.swiper-wrapper,
.fc-0020_0010 #mainContents ul.swiper-wrapper {
	flex-wrap: nowrap;
}
.fc-0020_0010 #mainContents ul.swiper-wrapper {
	display: flex;
}

.fc-0010_0010 #mainContents .pickupItemList ul li,
.fc-0020_0010 #mainContents .pickupItemList-searhList ul li,
.fc-0020_0010 #mainContents .orderedItemList-container ul li {
	background: transparent;
	max-width: 190px;
	min-width: 190px;
}

.fc-0010_0010 #mainContents .pickupItemList ul li a,
.fc-0020_0010 #mainContents .pickupItemList-searhList ul li a,
.fc-0020_0010 #mainContents .orderedItemList-container ul li .text.item a {
	padding: 0;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	height: 100%;
}
.fc-0020_0010 #mainContents .pickupItemList-searhList ul li > a,
.fc-0020_0010 #mainContents .orderedItemList-container ul li > a {
	height: 100%;
}

.fc-0020_0010 dd {
	width: auto;
}
.fc-0020_0010 dd.detailedElement {
	display: grid;
	justify-content: center;
	background: var(--white);
}
.fc-0020_0010 .price {
	margin: 0;
	margin-top: auto;
	font-weight: 400;
	font-size: 1.8rem;
}

.fc-0010_0010 a:has(dd.detailedElement) > div.lead_time_message:not(:root),
.fc-0020_0010 a .lead_time_message:not(:root) {
	top: 0;
	background: transparent !important;
	font-size: 1.4rem;
	width: fit-content;
	z-index: 100;

}
.fc-0010_0010
	a:has(dd.detailedElement)
	> div.lead_time_message:not(:root)
	> span,
.fc-0020_0010 a .lead_time_message:not(:root) > span {
	display: inline-block;
}

.fc-0010_0010 #mainContents .pickupItemList ul li a .img,
.fc-0020_0010 #mainContents .pickupItemList-searhList ul li a .img,
.fc-0020_0010 #mainContents .orderedItemList-container ul li a .img {
	margin: 0;
	padding-right: 0;
}

.fc-0010_0010 a:has(dd.detailedElement) ~ div.btn_area2:not(:root),
.fc-0020_0010 a:has(dd.detailedElement) ~ div.btn_area2:not(:root) {
	background: transparent;
	right: 5px;
}

.fc-0010_0010 a:has(dd.detailedElement) ~ div.btn_area2 img,
.fc-0020_0010 a:has(dd.detailedElement) ~ div.btn_area2 img {
	width: 22px;
	display: block;
	margin-inline: auto;
}

.fc-0010_0010 #mainContents .pickupItemList .favoriteBtnArea a,
.fc-0020_0010
	#mainContents
	.swiper-wrapper
	.swiper-slide
	.itemBoxWrap
	.favoriteBtnArea
	a,
.fc-0020_0010 #mainContents .favoritePostedBtn a {
	line-height: 1;
	border: none;
	background: transparent;
	display: grid !important;
	place-items: center;
	padding: 0;
	height: 100%;
}
.fc-0020_0010 #mainContents .favoriteBtnAreaWrap {
	right: 5px;
	background: transparent;
}
.fc-0010_0010 #mainContents .pickupItemList .favoriteBtnArea > div,
.fc-0020_0010 #mainContents .favoriteBtnArea > div {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	cursor: pointer;
}
#mainContents .pickupItemList .favoriteBtnArea .favoritePostedBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .favoritePostedBtn {
	background: var(--orange);
}
#mainContents .pickupItemList .favoriteBtnArea .arrowGrayBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .arrowGrayBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .favoritePostBtn:has(.default) {
	background: #aeaeac;
	text-align: center;
}
#mainContents .pickupItemList .favoriteBtnArea .arrowGrayBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .arrowGrayBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .favoritePostBtn:has(.default) {
	padding-top: 4px;
}
.fc-0010_0010 .favoritePostedBtn a:not(:root)::before,
.fc-0020_0010 .favoritePostedBtn a:not(:root)::before {
	content: none;
}
.fc-0010_0010 .arrowGrayBtn button::before,
.arrowGrayBtn a::before,
.fc-0020_0010 .arrowGrayBtn button::before,
.arrowGrayBtn a::before {
	content: none;
}

:is(.fc-0010_0010, .fc-0020_0010, .fc-0030_0010)
	#mainContents
	.favoriteBtnArea:hover
	.arrowGrayBtn
	img {
	filter: brightness(0) saturate(100%) invert(89%) sepia(48%) saturate(790%)
		hue-rotate(6deg) brightness(98%) contrast(108%);
}

.fc-0010_0010 #mainContents .pickupItemList li .btn_area,
.fc-0010_0010
	#mainContents
	.orderdItemList-container
	li
	.itemBoxWrap
	dd
	> .arrowGrayBtn,
.fc-0020_0010 #mainContents li .btn_area {
	padding: 0 10px;
	margin-top: auto;
}
.fc-0010_0010 .cartInBtn button,
.fc-0020_0010 .cartInBtn button {
	padding: 0;
	font-size: 1.6rem;
	font-weight: 700;
	box-shadow: none;
	background: var(--red);
	margin-inline: auto;
}
.fc-0010_0010 .cartInBtn button::before,
.fc-0020_0010 .cartInBtn button::before {
	content: none;
}
.fc-0010_0010 .cartInBtn button[disabled],
.fc-0020_0010 .cartInBtn button[disabled] {
	background: var(--gray-500);
}

.fc-0010_0010 .btn_area .arrowGrayBtn button,
.fc-0010_0010 .itemBoxWrap .arrowGrayBtn button,
.fc-0020_0010 .arrowGrayBtn button {
	border: 2px solid var(--red);
	color: var(--red);
	padding: 0;
	font-size: max(1.1rem, min(1.5vw, 1.6rem));
	box-shadow: none;
	line-height: 37px;
	background: var(--white);
}

:is(.fc-0010_0010, .fc-0020_0010, .fc-0030_0010) .stockout_msg_display {
	background: var(--gray-500);
	color: var(--white);
	border-radius: 4px;
	line-height: 40px;
	font-size: 1.6rem;
	text-align: center;
	width: 100%;
}

/* 購入済み一覧 */
.fc-0010_0010 #mainContents .productList {
	position: relative;
	margin-top: 35px;
}

.fc-0010_0010 #mainContents .productList a {
	color: inherit;
}

.fc-0010_0010 #mainContents .orderdItemList-container {
	margin-bottom: 30px;
	/* max-width: 86%; */
	max-width: calc(100vw - 250px);

	margin-inline: auto;
	overflow: hidden;
}

.fc-0010_0010 #mainContents .orderdItemList-container ul {
	flex-wrap: nowrap;
	display: flex;
}
.fc-0010_0010 #mainContents .orderdItemList-container ul li {
	flex: 0 0 auto !important;
	max-width: 190px;
	min-width: 190px;
}

.fc-0010_0010 #mainContents .productList .itemBoxWrap {
	height: 100%;
	position: relative;
	line-height: 1.4;
	display: flex;
	flex-direction: column;
}

.fc-0010_0010
	#mainContents
	.itemBoxWrap:has(dt.hidden, dd.detailedElement.hidden),
.fc-0020_0010 #mainContents .itemBoxWrap:has(.detailedElement.hidden),
.fc-0020_0010 #mainContents .tileView > ul:has(dd.detailedElement.hidden) {
	transition: 0.2s;
	padding: 5px;
	/* border: 1px solid transparent; */
}
.fc-0010_0010
	#mainContents
	.itemBoxWrap:has(dt.hidden, dd.detailedElement.hidden):hover,
.fc-0020_0010 #mainContents .itemBoxWrap:has(.detailedElement.hidden):hover,
.fc-0020_0010
	#mainContents
	.tileView
	> ul:has(dd.detailedElement.hidden):hover {
	background: var(--gray-100);
	/* border: 1px solid #ddd; */
}
.fc-0010_0010
	#mainContents
	.itemBoxWrap:has(dt.hidden, dd.detailedElement.hidden):hover
	*:not(.favoriteBtnArea a, #cart_in_button, .arrowGrayBtn > button),
.fc-0020_0010
	#mainContents
	.itemBoxWrap:has(.detailedElement.hidden):hover
	*:not(.favoriteBtnArea a, #cart_in_button, .arrowGrayBtn > button),
.fc-0020_0010
	#mainContents
	.tileView
	> ul:has(dd.detailedElement.hidden):hover
	*:not(.favoriteBtnArea a, #cart_in_button, .arrowGrayBtn > button) {
	opacity: 1;
}

.fc-0010_0010 #mainContents .productList .itemBoxWrap > a {
	position: absolute;
}

.fc-0010_0010 #mainContents .productList .itemBoxWrap:has(dt.hidden) > a,
.fc-0010_0010
	#mainContents
	.productList
	.itemBoxWrap:has(dt.hidden)
	.sub_letter_size_usual_product {
	position: relative;
}

.fc-0010_0010
	#mainContents
	.productList
	.itemBoxWrap
	.sub_letter_size_usual_product {
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	background: rgb(246 245 253 / 0.7);
	padding: 4px 6px;
	width: fit-content;
	white-space: nowrap;
}

.fc-0010_0010
	#mainContents
	.productList
	.itemBoxWrap
	.sub_letter_size_usual_product
	span
	> span {
	display: none;
}

.fc-0010_0010 #mainContents .productList .itemBoxWrap .detailedElement a > img {
	max-width: 100% !important;
	max-height: none !important;
	height: 185px !important;
	object-fit: cover;
}

.fc-0010_0010 #mainContents .productList dt {
	width: auto;
	height: fit-content;
}
.fc-0010_0010 #mainContents .productList dd {
	width: auto;
}
.fc-0010_0010 #mainContents .productList .favoriteBtnArea + dd {
	height: 100%;
}

.fc-0010_0010 #mainContents .productList dd > a {
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: inherit;
	height: 100%;
}
.fc-0010_0010 #mainContents .productList dd > a > div > div {
	text-align: right;
	margin-top: 10px;
}

.fc-0010_0010 #mainContents .productList .favoriteBtnArea,
.fc-0020_0010 #mainContents .productList .favoriteBtnArea {
	position: absolute;
	background: transparent;
	right: 5px;
	top: 150px;
}
.fc-0010_0010
	#mainContents
	.productList
	.itemBoxWrap:has(dt.hidden)
	.favoriteBtnArea {
	/* top: 0; */
}
.fc-0010_0010
	#mainContents
	.itemBoxWrap:has(dt.hidden, dd.detailedElement.hidden)
	.favoriteBtnArea,
.fc-0020_0010
	#mainContents
	div:not(#tile-view)
	.itemBoxWrap:has(dt.hidden, dd.detailedElement.hidden)
	.favoriteBtnAreaWrap {
	top: 5px;
}
.fc-0020_0010
	#mainContents
	div:not(#tile-view)
	.itemBoxWrap:has(dt.hidden, dd.detailedElement.hidden)
	.favoriteBtnAreaWrap {
	right: 5px;
}
.fc-0010_0010
	#mainContents
	.pickupItemList
	.itemBoxWrap:has(dd.detailedElement.hidden)
	.favoriteBtnArea,
.fc-0020_0010
	#mainContents
	.itemBoxWrap:has(dd.detailedElement.hidden)
	.favoriteBtnAreaWrap {
	position: absolute;
	right: 0;
}
.fc-0010_0010
	#mainContents
	.productList
	.favoriteBtnArea
	:is(.favoritePostBtn, .favoritePostedBtn) {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	cursor: pointer;
	background: var(--orange);
	text-align: center;
	padding-top: 4px;
}
.fc-0010_0010 #mainContents .productList .favoriteBtnArea .favoritePostedBtn a {
	background: transparent;
	border: none;
	height: auto;
	line-height: 1;
	padding: 0;
}
.fc-0010_0010 #mainContents .productList .favoriteBtnArea .arrowGrayBtn {
	background: #aeaeac;
}
.fc-0010_0010
	#mainContents
	.productList
	.itemBoxWrap
	.favoriteBtnArea
	> div
	img,
.fc-0020_0010 #mainContents .favoriteBtnArea img {
	width: 22px;
	height: auto !important;
}

.fc-0010_0010 #mainContents .productList dd:has(.usual_product_cart_btn) {
	padding: 0 10px;
	margin-top: auto;
}

/* カレンダー */
.fc-0010_0010 .calendarWapper {
	background: var(--gray-50);
	padding: 20px;
	max-width: 600px;
	margin-inline: auto;
}
.fc-0010_0010 .calendarWapper .calendar-head {
	font-size: 23px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.fc-0010_0010 .calendarBox {
	display: flex;
	justify-content: space-around;
}
.fc-0010_0010 .calendarBox .calendar-wrap {
	margin: 0;
	background: transparent;
	padding: 0;
	width: 210px;
}
.fc-0010_0010 .calendarBox :is(.title-current, .title-next) {
	background: var(--green-dark);
	color: var(--white);
	text-align: center;
	padding: 5px;
	font-size: 15px;
}
.fc-0010_0010 .calendarBox :is(th, td) {
	background: transparent;
	border: none;
	font-size: 15px;
	padding: 5px 0;
	font-weight: 400;
}

/* お問い合わせについて */
.fc-0010_0010 .aboutInquiry {
	background: var(--gray-50);
	padding: 25px 15px;
	max-width: 1115px;
	margin-inline: auto;
	margin-top: 35px;
	line-height: 1.5;
}
.fc-0010_0010 .aboutInquiry-container {
	display: grid;
	margin-inline: auto;
	font-size: 16px;
	text-align: center;
	gap: 50px;
}

@media not all and (max-width: 900px) {
	.fc-0010_0010 .aboutInquiry-container {
		grid-template-columns: 0.6fr 1fr;
		gap: 0;
	}
	.fc-0010_0010 .aboutInquiry-container > .item:not(:last-of-type) {
		border-right: 1px solid var(--gray-600);
	}
}

.fc-0010_0010 .aboutInquiry-container .aboutInquiry-head {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 15px;
}

.fc-0010_0010 .aboutInquiry-description .item:first-of-type {
	margin-bottom: 20px;
}
.fc-0010_0010 .aboutInquiry-description p b {
	font-weight: 700;
}
.fc-0010_0010 .aboutInquiry-description p small {
	font-size: 14px;
}
.fc-0010_0010 .aboutInquiry-description p.size20 {
	font-size: 20px;
}
.fc-0010_0010 .aboutInquiry-description p.size18 {
	font-size: 18px;
}
.fc-0010_0010 .aboutInquiry-description .tel-txt {
	font-size: 28px;
}
.fc-0010_0010 .aboutInquiry-description.mail .item:last-of-type {
	display: grid;
	grid-template-columns: 60% 30%;
	align-items: center;
}
.fc-0010_0010 .aboutInquiry-description .address a {
	background: var(--green-dark);
	color: var(--white);
	text-decoration: none;
	font-size: 16px;
	width: 220px;
	height: 40px;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-inline: auto;
	border-radius: 4px;
	margin-top: 5px;
}
.fc-0010_0010 .aboutInquiry-description .address a .arrow::before {
	font-size: 1.4rem;
	left: -5px;
	translate: 0 -44%;
}

/* --------------------
商品一覧 
-------------------- */
/* カテゴリ説明 */
.fc-0020_0010 #mainContents .category {
	border: 2px solid var(--black);
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	line-height: 1.4;
	margin: 0 auto 25px;
	gap: 40px;
	padding: 10px 20px;
}
.fc-0020_0010 #mainContents .category img {
	margin: 0;
}
.fc-0020_0010 #mainContents .category .text-container {
	width: auto;
}
.fc-0020_0010 #mainContents .category_name {
	font-size: 2.4rem;
	margin-bottom: 5px;
}
.fc-0020_0010 #mainContents .category_description {
	font-size: 1.6rem;
}

/* スワイパー */
.fc-0020_0010 #tile-view {
	display: flex !important;
	/* max-width: 86%; */
	margin-inline: auto;
	gap: 20px 10px;
	flex-wrap: wrap;
	margin-right: 80px;
	margin-left: 80px;
}
.fc-0020_0010 #mainContents .tileView > ul {
	float: none;
	margin: 0;
	display: block;
	/* width: 19% !important; */
	width: 185px !important;
}
.fc-0020_0010 #mainContents .tileView > ul > li {
	position: relative;
}
.fc-0020_0010 #mainContents .tileView > ul > li > dl:last-of-type {
	padding: 0 10px;
	margin-top: auto;
}

.fc-0020_0010 #mainContents #tile-view .itemBoxWrap {
	display: contents;
}
.fc-0020_0010 #mainContents #tile-view .itemBoxWrap > a {
	display: block !important;
	text-decoration: none;
}
.fc-0020_0010 #mainContents .cartInBtnArea {
	background-color: none;
}

.fc-0020_0010 #mainContents #tile-view .itemBoxWrap .text.item a {
	color: inherit;
	height: 100% !important;
	background: transparent;
	border: none;
	display: flex;
	flex-direction: column;
	padding: 0;
}
.fc-0020_0010 #mainContents #tile-view .itemBoxWrap .text.item a:hover {
	box-shadow: none;
}

.fc-0020_0010 #mainContents a:hover {
	transition: all 0.2s ease;
	opacity: 0.6;
}

.fc-0020_0010
	#mainContents
	a:has(.detailedElement.hidden):not(:has(.lead_time_message))
	~ .text.item {
	margin-top: 10px;
}

.fc-0020_0010 .name {
	font-size: 1.5rem;
}

.fc-0020_0010 .swiper-slide {
	width: 185px !important;
	flex: 0 0 auto;
}

.fc-0020_0010 #mainContents .tileView .favoritePostedBtn a {
	height: 99%;
}

/* 商品カルーセルの最大幅を固定 */
.fc-0020_0010 #mainContents .oneSectionCenter {
	width: auto;
	max-width: 1130px;
	max-width: calc(100vw - 315px);
	margin: 0;
}

/* pager */
.fc-0020_0010#searchResult .pagination-totalCount {
	font-size: 1.6rem;
	grid-row: 1 / 1;
	width: auto;
}
.fc-0020_0010 .sidebar_allNum {
	font-size: 2rem;
	font-weight: 700;
}

.fc-0020_0010#searchResult .pager {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	margin: 25px 0 30px;
	justify-content: space-between;
	gap: 25px 0;
}
.fc-0020_0010#searchResult .pager.bottom {
	display: block;
	margin-bottom: 0;
}

.fc-0020_0010#searchResult .pagerR {
	margin: 0;
	font-size: 1.6rem;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	grid-row: 2 / 2;
}
.fc-0020_0010#searchResult .pagerR .perpagelabel {
	font-weight: 700;
}
.fc-0020_0010#searchResult .pagerR .perpage {
	width: auto;
}
.fc-0020_0010#searchResult .pagerR select {
	border-color: var(--black);
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	height: 44px;
	width: 160px !important;
	padding: 0 10px;
}

.fc-0020_0010#searchResult .pager .pagenation {
	grid-row: 2/3;
}

.fc-0020_0010#searchResult .pager .pagenation ul li {
	height: auto;
	width: auto;
	padding-left: 0;
}
.fc-0020_0010#searchResult .pager .pagenation ul li:not(:last-of-type) {
	padding-right: 7px;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.current span,
.fc-0020_0010#searchResult .pager .pagenation ul li a {
	border-radius: 4px;
	height: 37px;
	width: 35px;
	font-size: 1.4rem;
	line-height: 35px;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.current span {
	background: var(--green-dark);
	font-weight: 400;
}
.fc-0020_0010#searchResult .pager .pagenation ul li a {
	background: transparent;
	border: 1px solid var(--black);
}
.fc-0020_0010#searchResult .pager .pagenation ul li a::after,
.fc-0020_0010#searchResult .pager .pagenation ul li a::before {
	content: none;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.next {
	padding: 0;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.next a,
.fc-0020_0010#searchResult .pager .pagenation ul li.prev a {
	padding: 0;
	width: 58px;
}

.fc-0020_0010 .normalMsg {
	margin: 0 auto;
}

/* --------------------
商品詳細 
-------------------- */

#productsDetail.fc-0030_0010 .detailSpecArea .selectSpecArea {
	width: auto;
	padding-left: 8%;
	max-width: calc(100vw - 315px);
}

#productsDetail.fc-0030_0010 .detailSpecArea .listDetailQtyArea {
	width: auto;
	padding-left: 10%;
}

.fc-0030_0010 #mainContents .oneSectionCenter {
	margin-left: 0px;
	margin-right: 0px;
	max-width: calc(100vw - 215px);
}

/* スワイパー */
.fc-0030_0010 .pickupItemList-container {
	position: relative;
	margin-top: 35px;
	margin-inline: auto;
	margin-left: 0px;
	margin-right: 0px;
	max-width: calc(100vw - 377px);
}
.fc-0030_0010 .pickupItemList-container .pickupItemList {
	margin-bottom: 30px;
	margin-inline: auto;
	margin-left: 70px;
	overflow: hidden;
}
.fc-0030_0010 #mainContents .pickupItemList-container .pickupItemList > ul {
	flex-wrap: nowrap;
}
.fc-0030_0010 #mainContents .pickupItemList-container .pickupItemList ul > li {
	width: 190px !important;
	flex: 0 0 auto;
	padding: 0;
	margin: 0;
}
.fc-0030_0010
	#mainContents
	.pickupItemList-container
	.pickupItemList
	ul
	li
	.itemBoxWrap {
	display: flex;
	flex-direction: column;
	height: 100%;
	line-height: 1.4;
}
.fc-0030_0010
	#mainContents
	.pickupItemList-container
	.pickupItemList
	ul
	li
	.itemBoxWrap
	> a {
	padding: 0;
	position: absolute;
	height: auto;
	text-decoration: none;
	color: inherit;
	height: auto;
}
.fc-0030_0010
	#mainContents
	.pickupItemList-container
	.pickupItemList
	.lead_time_message {
	top: 0;
	background: transparent !important;
	font-size: 1.4rem;
	width: fit-content;
	position: absolute;
}
.fc-0030_0010
	#mainContents
	.pickupItemList-container
	.pickupItemList
	.lead_time_message
	> span {
	display: inline-block;
}
.fc-0030_0010 dd {
	width: auto;
}
.fc-0030_0010 dd.detailedElement {
	display: grid;
	justify-content: center;
	background: var(--white);
}
.fc-0030_0010 #mainContents dd.detailedElement a {
	padding: 0;
	position: unset;
}
.fc-0030_0010 dd.detailedElement img {
	max-width: 100%;
	max-height: none;
	height: 185px !important;
	object-fit: cover;
}
.fc-0030_0010 #mainContents .favoriteBtnAreaWrap {
	right: 5px;
	background: transparent;
	position: absolute;
	top: 150px;
}
.fc-0030_0010 #mainContents .favoriteBtnAreaWrap .favoritePostedBtn,
.fc-0030_0010 #mainContents .favoriteBtnAreaWrap .arrowGrayBtn {
	background: var(--orange);
	width: 30px;
	height: 30px;
	border-radius: 4px;
	cursor: pointer;
}
.fc-0030_0010
	#mainContents
	.favoriteBtnAreaWrap
	.favoriteBtnArea
	.arrowGrayBtn {
	background: #aeaeac;
	text-align: center;
	padding-top: 4px;
}
.fc-0030_0010 #mainContents .favoriteBtnAreaWrap .favoritePostedBtn a {
	line-height: 1;
	border: none;
	background: transparent;
	display: grid !important;
	place-items: center;
	padding: 0;
	height: 100%;
}
.fc-0030_0010 #mainContents .favoriteBtnAreaWrap img {
	width: 22px;
	height: auto;
}

.fc-0030_0010 #mainContents .itemBoxWrap .text.item {
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.fc-0030_0010 #mainContents .itemBoxWrap .text.item a {
	padding: 0;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	color: inherit;
	height: 100%;
}
.fc-0030_0010 #mainContents .itemBoxWrap .text.item a dd {
	width: auto;
	font-size: 1.5rem;
}
.fc-0030_0010 .price {
	margin-top: auto;
	font-weight: 400;
	font-size: 1.8rem;
}

.fc-0030_0010 .swiper-wrapper .swiper-slide .itemBoxWrap .cartInBtn button,
.fc-0030_0010 .swiper-wrapper .swiper-slide .itemBoxWrap .stockout_msg_display,
.fc-0030_0010 .itemBoxWrap .arrowGrayBtn button {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-weight: 400;
}
.fc-0030_0010 .itemBoxWrap .arrowGrayBtn button {
	border: 2px solid var(--red);
	color: var(--red);
	padding: 0;
	font-size: max(1.1rem, min(1.5vw, 1.6rem));
	box-shadow: none;
	background: transparent;
	line-height: 37px;
	font-weight: 600;
}
.fc-0030_0010 .itemBoxWrap .arrowGrayBtn button::before {
	content: none;
}
.fc-0030_0010 [class*="swiper-button"] {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}
.fc-0030_0010 .swiper-button-right {
	right: 0;
}

/* 閲覧した商品 */
.fc-0030_0010 #showChekedItem-container {
	margin-top: 35px;
	max-width: calc(100vw - 285px);
}
.fc-0030_0010 .checkItemList-wrapper {
	position: relative;
	margin-inline: auto;
	margin-right: 34px;
}

.fc-0030_0010 .checkItemList-container {
	max-width: calc(100% - 135px);
	margin-inline: auto;
	overflow: hidden;
}
.fc-0030_0010 .checkItemList-container .card-container {
	justify-content: left;
	flex-wrap: nowrap;
	display: flex;
}
.fc-0030_0010 .checkItemList-container .card-container .card {
	margin: 0;
	padding: 0;
	box-shadow: none;
	background: var(--gray-50);
	border: none;
	flex: 0 0 auto !important;
	max-width: 185px;
	min-width: 185px;
}
.fc-0030_0010 .checkItemList-container .card-container .card a {
	color: inherit;
	text-decoration: none;
}
.fc-0030_0010 .checkItemList-container .card-container .card a:hover {
	opacity: 0.7;
	transition: 0.2s;
}
.fc-0030_0010
	.checkItemList-container
	.card-container
	.card
	a
	.detailedElement {
	display: grid;
	justify-content: center;
	background: var(--white);
}
.fc-0030_0010
	.checkItemList-container
	.card-container
	.card
	a
	.detailedElement
	span {
	margin: 0;
	background: var(--white);
	display: block;
}
.fc-0030_0010
	.checkItemList-container
	.card-container
	.card
	a
	.detailedElement
	img {
	max-width: 100% !important;
	max-height: none !important;
	height: 185px !important;
	object-fit: cover;
}
.fc-0030_0010 .checkItemList-container .card-container .card a .text.item {
	padding: 20px 10px;
	height: 100%;
}
.fc-0030_0010
	.checkItemList-container
	.card-container
	.card
	a
	.text.item
	.name {
	font-size: 1.5rem;
	width: auto;
	height: auto;
	line-height: 1.4;
}
.fc-0030_0010 [class*="swiper-button"] {
	position: absolute;
	top: 50%;
	translate: 0 -50%;
}
.fc-0030_0010 .swiper-button-prev {
	left: 0;
}
.fc-0030_0010 .swiper-button-next {
	right: -70px;
}

.fc-0030_0010 .product-container .product-image img[src*="no_image"] {
	max-width: 100px;
}

a:has(dd.detailedElement) ~ div.btn_area2 {
	/* 必須 */
	background-color: green;
	position: absolute;
	right: 0;
	top: 150px;
	z-index: 200;
}
a:has(dd.detailedElement.hidden) ~ div.btn_area2 {
	/* 必須 */
	background-color: red;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200;
}

a:has(dd.detailedElement) ~ div.favoriteBtnAreaWrap {
	/* 商品ボックスの詳細表示の時、お気に入りボタンの位置を設定 */
	background-color: blue;
	position: absolute;
	right: 0;
	top: 150px;
	z-index: 200;
}
a:has(dd.detailedElement.hidden) ~ div.favoriteBtnAreaWrap {
	/* 商品ボックスの簡易表示の時、お気に入りボタンの位置を設定 */
	background-color: green;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 200;
}

a:has(dd.detailedElement) > div.lead_time_message {
	/* 商品ボックスの詳細表示の時、在庫情報の位置を設定 */
	position: absolute;
	top: 45px;
	background-color: #01a062;
}

a:has(dd.detailedElement.hidden) > div.lead_time_message {
	/* 商品ボックスの詳細表示の時、在庫情報の位置を設定 */
	background-color: red;
	position: relative;
	top: auto;
}

.itemBoxWrap {
	/* 必須 */
	position: relative;
}

.itemBoxWrap {
	/* 必須 */
	position: relative;
}

/* FC-0030_0010_商品詳細 */
main.fc-0030_0010 {
	padding-top: 7px;
}

.fc-0030_0010#productsDetail .detailSpecArea {
	float: none;
}

.fc-0030_0010 .productsDetailBox {
	display: flex;
	justify-content: space-between;
}

/* 商品サムネイル */
.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .bigImg {
	background-color: #f1f1f10f;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .bigImg li img {
	margin: 0 auto;
	max-width: 328px !important;
	max-height: 328px !important;
}

/* 商品のサムネイル(ページャー) */
.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .thumImg li {
	/* 上書き */
	width: 78px;
	height: 78px;
	margin: 0px;
}

.fc-0030_0010 .flexible-img-product-show-thumbnail {
	/* 上書き */
	display: block !important;
	margin: auto !important;
	max-width: 78px !important;
	max-height: 78px !important;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .thumImg li img {
	/* 上書き */
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .thumImgBox {
	/* 上書き */
	width: 100%;
	/* 溢れたらスクロールバーでスクロールさせる */
	overflow-x: auto;
}
.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea ul.thumImg {
	/* 上書き */
	width: fit-content;
	display: flex;
	overflow-x: auto;
	white-space: nowrap;
	gap: 5px;
}

.fc-0030_0010 .detailSpecArea {
	flex: 1 1 auto;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailCaptionAreaPC {
	display: block;
	font-size: 1.6rem;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .bigImg {
	float: none;
	/* floatを上書き */
}

.fc-0030_0010 .detailImgArea {
	display: block;
}

.fc-0030_0010#productsDetail .detailSpecArea .supplierSpec {
	padding-left: 0px;
	border-top: none;
	/* borderを上書き */
	border-bottom: var(--gray-400) 1px solid;
}

.fc-0030_0010#productsDetail .priceAreaWholesale {
	/* borderを上書き */
	border: none;
	display: flex;
	align-items: baseline;
	padding-top: 0px;
	padding-bottom: 20px;
	gap: 3px;
}

.fc-0030_0010#productsDetail .priceLabel {
	padding: 0px;
	margin-bottom: 0px;
}

.fc-0030_0010 .supplierSpecWrap {
	display: flex;
	font-weight: 400;
}

.fc-0030_0010 .supplierInfo {
	text-align: left;
	padding-left: 33px;
	font-size: 1.6rem;
}

.fc-0030_0010 #mainWrap,
#mainWrap:has(aside) {
	max-width: none;
}

.fc-0030_0010#productsDetail .productCode,
.fc-0030_0010#productsDetail .productFreeArea2 {
	font-size: 1.9rem;
}

.fc-0030_0010#productsDetail .productRecommendation {
	font-size: 1.6rem;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .supplierList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.fc-0030_0010#productsDetail .productSkuProductName1 {
	font-size: 2.5rem;
	padding-bottom: 10px;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .productRecommendation2 {
	font-size: 1.6rem;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .productSkuProductName2 {
	padding: 0px 0px 10px 0px;
}

.fc-0030_0010#productsDetail .selectList > dl,
#productsDetail .specList > dl {
	border-bottom: var(--gray-600) solid 1px;
}

.fc-0030_0010 dl.specNameAndCodeArea {
	border-bottom: var(--gray-600) solid 1px;
}

.fc-0030_0010 .specInfoArea {
	padding-top: 10px;
	padding-bottom: 28px;
	line-height: 2rem;
	font-weight: 400;
}

.fc-0030_0010 .specInfoArea .card-container {
	display: flex;
	align-items: center;
	margin-top: 20px;
	font-size: 1.6rem;
}

.fc-0030_0010 .specInfoArea .card-container select {
	width: fit-content;
	margin-left: 10px;
	min-width: 230px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	font-size: 1.6rem;
	line-height: 24px;
	height: 36px;
}

.fc-0030_0010#productsDetail .productOutline {
	font-size: 1.6rem;
	font-weight: 400;
	padding-bottom: 0px;
}

.fc-0030_0010#productsDetail .stockLabel {
	font-size: 1.9rem;
}

.fc-0030_0010#productsDetail .productSkuStockStockDisplay {
	font-size: 1.9rem;
}

.fc-0030_0010#productsDetail .cartShelfNo {
	font-size: 1.9rem;
	padding-right: 10px;
}

.fc-0030_0010 .supplierStock {
	padding-top: 3px;
	padding-bottom: 9px;
	width: 100%;
	padding-left: 20px;
}

.fc-0030_0010#productsDetail .shippingOrderAmountLeadTime {
	padding-bottom: 26px;
	padding-top: 8px;
	justify-content: start; /* spase-btweenを上書き */
}

.fc-0030_0010#productsDetail .cartFreeShippingAmountInfomation {
	margin-right: 28px;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .productSkuQtyAttentionMessage {
	padding-bottom: 12px;
}

.fc-0030_0010#productsDetail .priceAreaWholesale {
	font-size: 1.6rem;
}

.fc-0030_0010#productsDetail .price {
	font-size: 2.5rem;
	line-height: 19px;
}

.fc-0030_0010#productsDetail .detailSpecArea .supplierSpec .tooltip {
	padding: 0px 0px 19px 0px;
	font-size: 1.2rem;
	font-weight: 400;
}

.fc-0030_0010 .favoritePostedBtn a::before {
	/* 上書き用 */
	content: "";
	border-right: none;
}

.fc-0030_0010 .favoritePostedBtn a {
	/* 上書き用 */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 212px;
	height: 48px;
	padding: 0 0 0 0;
	border: none;
	border-radius: 4px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 46px;
	box-shadow: none;
}

.fc-0030_0010 .cartInBtn button::before {
	/* 上書き用 */
	content: "";
	border-right: none;
	background: none;
	background-size: 30px 30px;
}

.fc-0030_0010#productsDetail .cartInBtnAreaWholesale .cartInBtn button {
	/* 上書き用 */
	width: 212px !important;
}

.fc-0030_0010 .cartInBtn button {
	/* 上書き用 */
	height: 48px;
	padding: 0 0 0 0;
	background: var(--red);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--white);
	box-shadow: none;
}

.fc-0030_0010 .arrowGrayBtn button,
.arrowGrayBtn a {
	/* 上書き用 */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 212px;
	height: 48px;
	padding: 0 0 0 0;
	border: none;
	border-radius: 4px;
	background: var(--gray-50);
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0px 3px 0px #00000029;
	line-height: 46px;
}
.fc-0030_0010 .arrowGrayBtn button::before {
	content: none;
}

.fc-0030_0010#productsDetail .select_qty_cartInBtn {
	width: fit-content;
}

.fc-0030_0010 .select_qty_cartInBtn input[type="text"] {
	width: 59px !important;
	height: 35px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.6rem;
	padding: 4px;
	background: var(--blue-light);
	border: 1px solid var(--black);
	font-family: inherit;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
}

/* 在庫情報 */
.fc-0030_0010 .leadTimeMessage .same_day_shipping,
.fc-0030_0010 .leadTimeMessage .arrival_message,
.fc-0030_0010 .leadTimeMessage .shipping_business_day,
.fc-0030_0010 .leadTimeMessage .stockout_name {
	font-size: 1.6rem;
	width: fit-content;
	white-space: nowrap;
}

.fc-0030_0010 .product-info table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0px 10px;
}
.fc-0030_0010 .product-info table td {
	vertical-align: top;
	text-align: left;
}

.fc-0030_0010 .product-info table .infoTitle {
	width: 80px;
}

.fc-0030_0010 .product-container {
	margin-top: 24px;
	width: auto;
	max-width: 86%;
	max-width: calc(100vw - 315px);
}

/* --------------------
フッター 
-------------------- */
#footer {
	background: var(--green-dark);
}
#footer > .inner {
	max-width: 1400px;
	width: auto;
	padding: 0 20px 30px;
}
#footer .footUtility ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 28px;
}
#footer .footUtility ul li {
	display: inline-block;
	padding: 0;
}

#footer .footTelArea {
	color: var(--white);
	display: grid;
	justify-content: end;
	align-items: end;
	gap: 4px;
}
#footer .footTelArea .footTelHead {
	font-size: 18px;
}

#footer .footTelDetail {
	display: flex;
	justify-content: end;
	align-items: end;
	gap: 10px;
}
#footer .footTelDetail .footTelNum {
	font-size: 32px;
}
#footer .footTelDetail .footTelReception {
	font-size: 15px;
}

#footer .footCopyArea {
	padding: 30px 0 0 0;
}
#footer .footCopy .copy {
	text-align: center;
}

/* FD-0060_0010_クイックオーダー */

.fd-0060_0010 #mainWrap {
	max-width: none;
}

/* ページャー類 */
.fd-0060_0010#userBox .userBoxPager.upper {
	display: flex;
	width: 100%;
	justify-content: flex-start;
	margin-top: 32px;
	margin-bottom: 35px;
	font-size: 1.6rem;
}
.fd-0060_0010#userBox .userBoxPager.upper .registedText {
	font-size: 1.6rem;
	color: var(--black);
	padding-right: 8px;
}
.fd-0060_0010#userBox .userBoxPager.upper .allNum {
	font-size: 2.4rem;
	color: var(--red);
}
.fd-0060_0010#userBox .userBoxPager.upper .currentNum {
	font-size: 1.6rem;
}

.fd-0060_0010#userBox .userBoxPager.upper #count_per_page_form .display_count {
	margin-top: 6px;
}

/* テーブル部分 */
.fd-0060_0010 .quickorder {
	border: var(--gray-200) 2px solid;
}
.fd-0060_0010 .quickorderTable {
	width: 100%;
	border-collapse: collapse;
	border: var(--gray-200) 2px solid;
}
.fd-0060_0010 .flexible {
	width: auto;
}

.fd-0060_0010 .quickorderTable th {
	background: var(--gray-200);
	border: none;
	padding: 12px 10px 12px 30px;
	font-size: 1.6rem;
	text-align: left;
	font-weight: bold;
	color: var(--black);
}

.fd-0060_0010 .quickorderTable th.titleSuplier {
	padding-left: 0px;
}
.fd-0060_0010 .quickorderTable .fixed {
	/* ボタンの列の長さを固定 */
	width: 70px;
}
.fd-0060_0010 .quickorderTable tbody tr {
	border-bottom: var(--gray-600) 1px solid;
}
.fd-0060_0010 .quickorderTable tbody td {
	vertical-align: top;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 1.6rem;
}
.fd-0060_0010 .quickorderTable tbody td:has(.orderCount) {
	/* サプライヤ */
	padding-top: 14px;
}
.fd-0060_0010 .quickorderTable tbody td.butonColumn {
	/* 削除ボタン */
	padding-top: 8px;
}

.fd-0060_0010 .quickorderTable tr:last-of-type {
	/* 最終行の下線を消す */
	border-bottom: none;
}

.fd-0060_0010 #mainWrap .itemInfo {
	display: flex;
	padding-left: 20px;
}
.fd-0060_0010 .quickorderTable .productNamesArea {
	display: block;
	padding-left: 15px;
}

.fd-0060_0010 .quickorderTable .productName {
	font-weight: 500;
	margin-bottom: 5px;
	max-width: 450px;
}

.fd-0060_0010 .quickorderTable .productVariation {
	font-weight: 500;
	margin-bottom: 15px;
}

.fd-0060_0010 .quickorderTable .titleText {
	font-weight: bold;
	font-size: 1.4rem;
	margin-bottom: 3px;
}
.fd-0060_0010 .quickorderTable .sukCode {
	font-size: 1.5rem;
	margin-bottom: 4px;
}
.fd-0060_0010 .quickorderTable .productExplain {
	font-size: 1.5rem;
	max-width: 400px;
	padding-bottom: 16px;
}
.fd-0060_0010 .quickorderTable .priceInfo p {
	margin-bottom: 10px;
}
.fd-0060_0010 .quickorderTable .priceInfo span {
	font-weight: bold;
	font-size: 1.4rem;
}

.fd-0060_0010 .quickorderTable .itemInfo .thum img {
	width: 97px;
	height: 97px;
	object-fit: cover;
}

.fd-0060_0010 .orderCount {
	font-size: 1.4rem;
	display: flex;
	align-items: center;
}

.fd-0060_0010 .orderCount input[type="text"] {
	background-color: var(--blue-light);
	text-align: center;
}
.fd-0060_0010 .orderCount .selectCartQty {
	width: 40px !important;
}
.fd-0060_0010 .btnSpace {
	margin-right: 15px;
}
.fd-0060_0010 .deleteBtn {
	background-color: var(--gray-200);
	border-radius: 4px;
	font-weight: bold;
	padding: 7px 11px;
	text-align: center;
	font-size: 1.4rem;
}

.fd-0060_0010 .thumnailArea {
	height: 100%;
}

.fd-0060_0010 .orderCount span {
	padding-right: 10px;
}

.fd-0060_0010 .orderCount input[type="text"] {
	background-color: var(--blue-light);
}
.fd-0060_0010 .quickorderTable td.butonColumn {
	vertical-align: middle;
}

.fd-0060_0010 .spOnly {
	display: none;
}

.fd-0060_0010 .bulkCartButtonArea {
	text-align: center;
	margin: 0 auto;
	width: 350px;
}

.fd-0060_0010 .bulkCartButtonArea p {
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fd-0060_0010 .cartInBtn button {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 0;
	border-radius: 4px;
	background: var(--red);
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: var(--white);
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217, 217, 217, 1);
	line-height: 40px;
}

.fd-0060_0010 .cartInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border-right: none;
	background: none;
	background-size: 30px 30px;
	left: 5px;
	top: 5px;
}

.fd-0060_0010 .leadTimeMessage {
	font-size: 1.4rem;
	white-space: nowrap;
	font-weight: 400;
}

.fd-0060_0010 .normalMsg {
	margin-bottom: 350px;
}

/* pager */
.fd-0060_0010#userBox .userBoxPager {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	position: relative;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li i,
.fd-0060_0010#userBox .userBoxPager .pagenation ul li b,
.fd-0060_0010#userBox .userBoxPager .pagenation ul li a {
	width: 36px;
	height: 36px;
	line-height: 37px;
	font-size: 1.1rem;
	color: var(--black);
	background: none;
	border: 1px solid var(--black);
	border-radius: 4px;
	display: block;
	text-decoration: none;
	text-align: center;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li b {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
	border: none;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li.current b,
.fd-0060_0010#userBox .userBoxPager .pagenation ul li.last b {
	border: none;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li.prev,
.fd-0060_0010#userBox .userBoxPager .pagenation ul li.next {
	width: 100%;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li.prev a::before {
	content: "";
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li.prev a,
.fd-0060_0010#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
	padding-left: initial;
	width: 58px;
}
.fd-0060_0010#userBox .userBoxPager .pagenation ul li.prev:has(i:empty),
.fd-0060_0010#userBox .userBoxPager .pagenation ul li.next:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li.next i::after {
	content: none;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li.next i {
	padding-right: initial;
	/* 右端で固定する */
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul li a::after {
	content: "";
}

/* FC-0040_0010_カート内容 */
.fc-0040_0010 .cartIconWrap {
	width: 64px;
	height: 64px;
	border: var(--green-dark) solid 1px;
	border-radius: 4px;
	background-color: var(--green-dark);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 13px;
}

.fc-0040_0010 .cartMainTitle img.icon-image {
	width: 37px;
	height: 37px;
	margin: 0px;
}

.fc-0040_0010 .cartRightGroup:has(label) {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--gray-400);
	border-radius: 4px;
}

.fc-0040_0010 .cartRightGroup label.carttimeInfomation,
.fc-0040_0010 .cartRightGroup label.carttime {
	border: none;
}

.fc-0040_0010 .carttimeInfomation {
	display: inline-block;
	font-size: 15px;
	padding: 10px 5px 10px 30px;
}

.fc-0040_0010 .carttime {
	color: red;
	display: inline-block;
	font-size: 15px;
	padding: 10px 30px 10px 5px;
	vertical-align: middle;
}

.fc-0040_0010 .cartFreeShippingAmountInfomation {
	font-size: 1.4rem;
	margin-left: 10px;
}

.fc-0040_0010 .cartInList h2 {
	font-size: 2.5rem;
	margin-top: 26px;
}
.fc-0040_0010 .supplierName {
	margin-bottom: 19px;
}

.fc-0040_0010#shoppingCart .cartInList table.cartList {
	width: 100%;
	table-layout: auto;
}

.fc-0040_0010 table.cartList tbody {
	border: 3px solid var(--gray-200);
	background-color: rgba(237, 237, 237, 0.1);
}

.fc-0040_0010 table.cartList th {
	border: none;
	background-color: var(--gray-200);
	border: var(--gray-200) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
}

.fc-0040_0010 table.cartList th:first-child {
	width: 150px;
}

.fc-0040_0010 table.cartList td {
	vertical-align: top;
	padding-top: 25px;
	padding-bottom: 12px;
	padding-right: 10px;
	padding-left: 10px;
}
.fc-0040_0010 table.cartList td.itemCount {
	padding-top: 18px;
}

.fc-0040_0010 table.cartList tdeleteButtonCol {
	text-align: left;
}

.fc-0040_0010 .flexible {
	width: auto;
}
.fc-0040_0010 .flexible.productCode {
	max-width: 10%;
}

.fc-0040_0010 .orderCount {
	text-align: left;
}

.fc-0040_0010#shoppingCart .cartInList table.cartList td.flexible,
.fc-0040_0010#shoppingCart .cartInList table.cartList th.flexible {
	text-align: left;
}

.fc-0040_0010 .fixed {
	width: 10%;
}

.fc-0040_0010 table.cartList .cartItemImage img {
	width: 97px;
	height: 97px;
	object-fit: cover;
}

.fc-0040_0010 table.cartList .productName,
.fc-0040_0010 table.cartList .productCode,
.fc-0040_0010 table.cartList .itemCount,
.fc-0040_0010 table.cartList .productPrice {
	font-size: 1.6rem;
}
.fc-0040_0010 table.cartList .productName {
	width: 30%;
}
.fc-0040_0010#shoppingCart
	.cartInList
	table.cartList
	td.productName
	label:not(:empty)
	~ span.leadTimeMessage {
	line-height: 32px;
}

.fc-0040_0010 table.cartList .productCode {
	font-size: 1.5rem;
}
.fc-0040_0010 table.cartList td.productCode {
	padding-left: 6px;
}

.fc-0040_0010 .btnSpace a {
	text-decoration: none;
	font-size: 1.6rem;
	border: var(--gray-600) 1px solid;
	color: VAR(--black);
	border-radius: 4px;
	padding: 6px 19px;
	white-space: nowrap;
}

.fc-0040_0010 input[type="text"].selectCartQty {
	width: 58px !important;
	text-align: center;
	margin-left: 20px;
}

.fc-0040_0010 .same_day_shipping,
.fc-0040_0010 .arrival_message,
.fc-0040_0010 .shipping_business_day,
.fc-0040_0010 .stockout_name {
	font-size: 1.4rem;
	white-space: nowrap;
	font-weight: 400;
}

.fc-0040_0010 .totalPriceWholesale p {
	margin-top: 12px;
	font-size: 1.4rem;
	text-align: right;
}

.fc-0040_0010#shoppingCart .totalAreaWholesale .inner {
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	justify-content: flex-end;
	gap: 21px;
	margin-top: 14px;
	padding-left: 0;
}

.fc-0040_0010#shoppingCart .totalAreaWholesale .totalPriceWholesale dt {
	font-weight: bold;
	font-size: 1.8rem;
	width: fit-content;
}

.fc-0040_0010#shoppingCart .historyBackBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	height: 34px;
	padding: 5px 63px;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	box-shadow: 0 3px 0 var(--gray-shadow);
	color: var(--black);
	text-decoration: none;
	line-height: 22px;
	margin-left: 21px;
}

.fc-0040_0010 .historyBackBtn a::before {
	/* 上書き */
	content: "";
	display: block;
	border-right: none;
	background: none;
}

.fc-0040_0010#shoppingCart .totalAreaResult .inner {
	display: flex;
	justify-content: flex-end;
	padding-left: 0px;
	gap: 77px;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity,
.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice {
	display: flex;
	align-items: center;
	gap: 6px;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity dt {
	width: auto;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice dt {
	width: auto;
	margin-right: 11px;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity {
	width: auto;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity dt,
.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice dt {
	margin-bottom: 0px;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity dt,
.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice dt {
	font-size: 1.8rem;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity dd,
.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice dd {
	width: auto;
	font-size: 2.6rem;
	color: var(--red);
}

.fc-0040_0010#shoppingCart .totalAreaWholesale {
	padding-bottom: 36px;
	border-bottom: var(--black) solid 1px;
}

.fc-0040_0010 .underBtnArea ul {
	display: flex;
	gap: 43px;
}

.fc-0040_0010 .underBtnArea ul li.backBtn {
	float: none;
	width: 277px;
	height: 60px;
	padding: 10px 0;
}

.fc-0040_0010 .backBtn button,
.fc-0040_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 9px 0px 0px 0px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 40px;
}

.fc-0040_0010 .underBtnArea ul li.nextBtn {
	float: none;
	width: 306px;
	height: 60px;
	padding: 10px 0px;
}

.fc-0040_0010 .underBtnArea {
	width: 100%;
	margin: 51px auto 51px auto;
	display: flex;
	justify-content: center;
}

.fc-0040_0010 .backBtn button::before,
.fc-0040_0010 .backBtn a::before,
.fc-0040_0010 .nextBtn button::before,
.fc-0040_0010 .nextBtn a::before {
	/* 上書き */
	border-right: none;
	background: none;
}

.fc-0040_0010 .nextBtn button,
.fc-0040_0010 .nextBtn a {
	/* 上書き */
	padding: 0;
	background: var(--green-dark);
}

.fc-0040_0010 .spOnly {
	display: none;
}

.fc-0040_0010 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 4);
}

.fc-0040_0010 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fc-0040_0010 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fc-0040_0010 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

/* カートがない場合のトップボタン */
.fc-0040_0010 .underBtnArea .topBtn button,
.fc-0040_0010 .topBtn a {
	/* 上書き */
	width: 330px;
	height: 60px;
	margin: 0px;
	padding: 0px;
	border-radius: 4px;
	background: var(--green-dark);
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--white);
	text-decoration: none;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
}

.fc-0040_0010 .underBtnArea .topBtn button::before,
.topBtn a::before {
	content: "";
	border-right: none;
	background: none;
	background-size: 15px auto;
	left: 5px;
	top: 5px;
}

/* ポップアップ */
.fc-0040_0010 #popup {
	display: none;
	border: solid 1px gray;
	width: 980px;
	margin: 0px auto;
	z-index: 10000;
	position: absolute;
	left: 0;
	right: 0;
	top: 25%;
	background: white;
}
.fc-0040_0010 #overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}

.fc-0040_0010 #mainWrap + #popup {
	max-width: 700px;
	width: 95%;
	border-radius: 25px;
}
.fc-0040_0010 #mainWrap + #popup .close_button {
	line-height: 25px;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea {
	display: block;
	padding: 0 30px;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea h2 {
	font-size: 1.6rem;
	min-width: 50px;
	text-align: right;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea a {
	width: 300px;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea > div {
	display: grid;
	grid-template-columns: 120px auto;
	justify-content: center;
	gap: 30px;
	align-items: center;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea .signUpBox {
	position: relative;
	margin-top: 50px;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea .signUpBox::before {
	content: "";
	width: 440px;
	height: 1px;
	background: var(--gray-150);
	display: block;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea .guestBox {
	margin-top: 30px;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea .guestBox a {
	margin-inline: auto;
	background: var(--gray-50);
	color: var(--black);
}

/* FC-0040_0030_注文内容の確認 */
.fc-0040_0030 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 4);
}

.fc-0040_0030 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fc-0040_0030 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fc-0040_0030 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fc-0040_0030 #mainContents .ttl {
	/* 上書き */
	margin-bottom: 16px;
	padding-left: 12px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 58px;
	color: var(--black);
	height: 60px;
	margin-bottom: 0px;
	box-shadow: 0px 3px 0px var(--navy-dark);
}

.fc-0040_0030 #mainContents #shoppingPayment h3.ttl,
.fc-0040_0030 #mainContents h3.ttl {
	/* 上書き */
	margin-bottom: 16px;
	padding-left: 25px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 47px;
	color: var(--black);
	height: 47px;
	margin-bottom: 0px;
	box-shadow: none; /* 修正が必要 */
}

.fc-0040_0030 .supplierName {
	margin-top: 31px;
}

.fc-0040_0030#shoppingCart .cartInList table.cartList {
	width: 100%;
	table-layout: fixed;
}

.fc-0040_0030 table.cartList tbody {
	border: 3px solid var(--gray-200);
	background-color: rgba(237, 237, 237, 0.1);
}

.fc-0040_0030 table.cartList th {
	border: none;
	background-color: var(--gray-200);
	border: var(--gray-200) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
}

.fc-0040_0030 table.cartList td {
	vertical-align: top;
	padding-top: 25px;
	padding-bottom: 12px;
}

.fc-0040_0030 table.cartList tdeleteButtonCol {
	text-align: left;
}

.fc-0040_0030 .flexible {
	width: auto;
}

.fc-0040_0030 .flexible.productCode {
	max-width: 10%;
}

.fc-0040_0030 .orderCount {
	text-align: left;
}

.fc-0040_0030#shoppingCart .cartInList table.cartList td.flexible,
.fc-0040_0030#shoppingCart .cartInList table.cartList th.flexible {
	text-align: left;
}

.fc-0040_0030 .fixed {
	width: 10%;
}

.fc-0040_0030 table.cartList .cartItemImage img {
	width: 100%;
	height: 97px;
	max-width: 97px;
	object-fit: cover;
}

.fc-0040_0030 table.cartList .productName,
.fc-0040_0030 table.cartList .productCode,
.fc-0040_0030 table.cartList .itemCount,
.fc-0040_0030 table.cartList .productPrice {
	font-size: 1.6rem;
}
.fc-0040_0030 table.cartList .productName {
	line-height: 22px;
}

.fc-0040_0030 table.cartList .productCode {
	font-size: 1.5rem;
}
.fc-0040_0030 table.cartList td.productCode {
	padding-left: 6px;
}

.fc-0040_0030 table.cartList input[type="text"] {
	/* 上書き */
	border: none;
}

.fc-0040_0030 .same_day_shipping,
.fc-0040_0030 .arrival_message,
.fc-0040_0030 .shipping_business_day,
.fc-0040_0030 .stockout_name {
	font-size: 1.4rem;
	white-space: nowrap;
	font-weight: 400;
}

.fc-0040_0030#shoppingCart .totalAreaWholesale .inner {
	/* 上書き */
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	justify-content: flex-end;
	gap: 21px;
	padding-left: 0px;
}

.fc-0040_0030#shoppingCart .totalAreaWholesale .totalPriceWholesale dd {
	/* 上書き */
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--black);
	width: auto;
	padding-left: 35px;
	padding-right: calc(min(24vw, 351px));
}

.fc-0040_0030#shoppingCart .totalAreaWholesale .totalPriceWholesale dt {
	/* 上書き */
	font-weight: bold;
	font-size: 1.6rem;
	width: fit-content;
}

.fc-0040_0030#shoppingCart .totalAreaWholesale {
	/* 上書き */
	margin-top: 10px;
	background-color: var(--gray-200);
	padding-top: 11px;
	padding-bottom: 13px;
}

.fc-0040_0030 #mainContents .formTable > dl > dt {
	/* 上書き */
	width: 300px;
	height: 46px;
	padding: 11px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 26px;
}

.fc-0040_0030 #mainContents .formTable > dl {
	/* 上書き */
	display: flex;
	width: 100%;
	align-items: center;
}

.fc-0040_0030 #mainContents .formTable > dl > dd {
	/* 上書き */
	padding: 11px 0px 11px 22px;
}

.fc-0040_0030 #shoppingPayment {
	margin-top: 43px;
}
.fc-0040_0030 #shoppingPayment .currentAddress {
	/* 上書き */
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 18px 25px 13px 25px;
	font-size: 1.6rem;
}

.fc-0040_0030 #shoppingPayment .currentAddress ul li .changeBtn {
	/* 上書き */
	display: flex;
	width: 100%;
	position: relative;
	justify-content: center;
	right: 0px;
	bottom: 0px;
}

.fc-0040_0030 #shoppingPayment .currentAddress ul {
	/* 上書き */
	border-top: none;
}

.fc-0040_0030 #shoppingPayment .currentAddress ul li {
	/* 上書き */
	padding: 16px 0;
	border-top: 1px solid var(--gray-600);
	border-bottom: 1px solid var(--gray-600);
	position: relative;
	padding-right: 0px;
}

.fc-0040_0030 #shoppingPayment .currentAddress ul li label .address p {
	font-size: 1.6rem;
}

.fc-0040_0030 #shoppingPayment .currentAddress .changeBtn .arrowGrayBtn a {
	/* 上書き */
	font-weight: bold;
	font-size: 1.4rem;
	height: 37px;
	width: 164px;
	line-height: 36px;
	padding-left: 0px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
}

.fc-0040_0030 #mainContents .formTable {
	border-bottom: 1px solid var(--black);
	padding-bottom: 13px;
}

.fc-0040_0030 .totalPrice {
	/* 上書き */
	font-size: 2.6rem;
}

.fc-0040_0030 .underBtnArea {
	width: auto;
	margin: 51px auto 51px auto;
	display: flex;
	gap: 41px;
	justify-content: center;
}

.fc-0040_0030 .backBtn {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.fc-0040_0030 .backBtn a {
	width: 277px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 58px;
}

.fc-0040_0030 .nextBtn button {
	width: 277px;
	height: 60px;
	padding: 0px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--white);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 60px;
}

.fc-0040_0030 .nextBtn button#submit_btn {
	background: var(--red);
}

.fc-0040_0030 .backBtn a::before,
.fc-0040_0030 .nextBtn button::before,
.fc-0040_0030 .nextBtn a::before {
	content: "";
	width: 50px;
	height: 50px;
	border-right: none;
	background: none;
	background-size: 12px auto;
	left: 5px;
	top: 5px;
}

.fc-0040_0030 .nextBtn .link_button {
	/* 見積もりボタンのみmargin調整 */
	margin-top: 15px;
	padding: 0;
	background: var(--green-dark);
}

/* FD-0080_0050_見積内容の確認 */
.fd-0080_0050 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
	width: calc(100% / 4);
}

.fd-0080_0050 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

.fd-0080_0050 .stepFlow ol li.current {
	background: var(--green-dark);
}

.fd-0080_0050 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0080_0050 #mainContents .ttl {
	/* 上書き */
	margin-bottom: 16px;
	padding-left: 12px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 58px;
	color: var(--black);
	height: 60px;
	margin-bottom: 0px;
	box-shadow: 0px 3px 0px var(--navy-dark);
}

.fd-0080_0050 #mainContents #shoppingPayment h3.ttl,
.fd-0080_0050 #mainContents h3.ttl {
	/* 上書き */
	margin-bottom: 16px;
	padding-left: 25px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 47px;
	color: var(--black);
	height: 47px;
	margin-bottom: 0px;
	box-shadow: none; /* 修正が必要 */
}

.fd-0080_0050 .supplierName {
	margin-top: 31px;
}

.fd-0080_0050#shoppingCart .cartInList table.cartList {
	width: 100%;
	table-layout: fixed;
}

.fd-0080_0050 table.cartList tbody {
	border: 3px solid var(--gray-200);
	background-color: rgba(237, 237, 237, 0.1);
}

.fd-0080_0050 table.cartList th {
	border: none;
	background-color: var(--gray-200);
	border: var(--gray-200) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
}

.fd-0080_0050 table.cartList td {
	vertical-align: top;
	padding-top: 25px;
	padding-bottom: 12px;
}

.fd-0080_0050 table.cartList tdeleteButtonCol {
	text-align: left;
}

.fd-0080_0050 .flexible {
	width: auto;
}

.fd-0080_0050 .flexible.productCode {
	max-width: 10%;
}

.fd-0080_0050 .orderCount {
	text-align: left;
}

.fd-0080_0050#shoppingCart .cartInList table.cartList td.flexible,
.fd-0080_0050#shoppingCart .cartInList table.cartList th.flexible {
	text-align: left;
}

.fd-0080_0050 .fixed {
	width: 10%;
}

.fd-0080_0050 table.cartList .cartItemImage img {
	width: 97px;
	height: 97px;
}

.fd-0080_0050 table.cartList .productName,
.fd-0080_0050 table.cartList .productCode,
.fd-0080_0050 table.cartList .itemCount,
.fd-0080_0050 table.cartList .productPrice {
	font-size: 1.6rem;
}

.fd-0080_0050#shoppingCart
	.cartInList
	table.cartList
	td.productName
	label:not(:empty)
	~ span.leadTimeMessage {
	line-height: 32px;
}

.fd-0080_0050 table.cartList .productCode {
	font-size: 1.5rem;
}
.fd-0080_0050 table.cartList td.productCode {
	padding-left: 6px;
}

.fd-0080_0050 table.cartList input[type="text"] {
	/* 上書き */
	border: none;
}

.fd-0080_0050 .same_day_shipping,
.fd-0080_0050 .arrival_message,
.fd-0080_0050 .shipping_business_day,
.fd-0080_0050 .stockout_name {
	font-size: 1.4rem;
	white-space: nowrap;
	font-weight: 400;
}

.fd-0080_0050#shoppingCart .totalAreaWholesale .inner {
	/* 上書き */
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	justify-content: flex-end;
	gap: 21px;
	padding-left: 0px;
}

.fd-0080_0050#shoppingCart .totalAreaWholesale .totalPriceWholesale dd {
	/* 上書き */
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--black);
	width: auto;
	padding-left: 35px;
	padding-right: calc(min(24vw, 351px));
}

.fd-0080_0050#shoppingCart .totalAreaWholesale .totalPriceWholesale dt {
	/* 上書き */
	font-weight: bold;
	font-size: 1.6rem;
	width: fit-content;
}

.fd-0080_0050#shoppingCart .totalAreaWholesale {
	/* 上書き */
	margin-top: 10px;
	background-color: var(--gray-200);
	padding-top: 11px;
	padding-bottom: 13px;
}

.fd-0080_0050 #mainContents .formTable > dl > dt {
	/* 上書き */
	width: 300px;
	height: 46px;
	padding: 11px 29px;
	background: var(--gray-200);
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 26px;
}

.fd-0080_0050 #mainContents .formTable > dl {
	/* 上書き */
	display: flex;
	width: 100%;
	align-items: center;
}

.fd-0080_0050 #mainContents .formTable > dl > dd {
	/* 上書き */
	padding: 11px 0px 11px 22px;
}

.fd-0080_0050 #shoppingPayment {
	margin-top: 43px;
}
.fd-0080_0050 #shoppingPayment .currentAddress {
	/* 上書き */
	display: block;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 18px 25px 13px 25px;
	font-size: 1.6rem;
}

.fd-0080_0050 #shoppingPayment .currentAddress ul li .changeBtn {
	/* 上書き */
	display: flex;
	width: 100%;
	position: relative;
	justify-content: center;
	right: 0px;
	bottom: 0px;
}

.fd-0080_0050 #shoppingPayment .currentAddress ul {
	/* 上書き */
	border-top: none;
}

.fd-0080_0050 #shoppingPayment .currentAddress ul li {
	/* 上書き */
	padding: 16px 0;
	border-top: 1px solid var(--gray-600);
	border-bottom: 1px solid var(--gray-600);
	position: relative;
	padding-right: 0px;
}

.fd-0080_0050 #shoppingPayment .currentAddress ul li label .address p {
	font-size: 1.6rem;
}

.fd-0080_0050 #shoppingPayment .currentAddress .changeBtn .arrowGrayBtn a {
	/* 上書き */
	font-weight: bold;
	font-size: 1.4rem;
	height: 37px;
	width: 164px;
	line-height: 36px;
	padding-left: 0px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
}

.fd-0080_0050 #mainContents .formTable {
	border-bottom: 1px solid var(--black);
	padding-bottom: 13px;
}

.fd-0080_0050 .totalPrice {
	/* 上書き */
	font-size: 2.6rem;
}

.fd-0080_0050 .underBtnArea {
	width: auto;
	margin: 51px auto 51px auto;
	display: flex;
	gap: 41px;
	justify-content: center;
}

.fd-0080_0050 .backBtn {
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.fd-0080_0050 .backBtn a {
	width: 277px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 58px;
}

.fd-0080_0050 .backBtn a::before {
	background: none;
	border-right: none;
}

.fd-0080_0050 .nextBtn button {
	width: 277px;
	height: 60px;
	padding: 0px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--white);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 60px;
}

.fd-0080_0050 .nextBtn button#submit_btn {
	background: var(--green-dark);
}

.fd-0080_0050 .nextBtn button::before,
.fd-0040_0010 .nextBtn a::before {
	content: "";
	width: 50px;
	height: 50px;
	border-right: none;
	background: none;
	background-size: 12px auto;
	left: 5px;
	top: 5px;
}

/* FA-0030_0010_仮パスワード変更 */
.fa0030_0010 .underBtnArea {
	width: 597px;
	margin: 51px auto;
}
.fa0030_0010 .underBtnArea ul li.nextBtn {
	width: 277px;
}
.fa0030_0010 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
}
.fa0030_0010 .underBtnArea ul li.backBtn {
	width: 277px;
	padding: initial;
}
.fa0030_0010 .backBtn a {
	border: none;
	height: 60px;
	line-height: 60px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	font-size: 1.6rem;
}
.fa0030_0010 .backBtn button::before,
.fa0030_0010 .backBtn a::before,
.fa0030_0010 .nextBtn button::before,
.fa0030_0010 .nextBtn a::before {
	content: none;
}
.fa0030_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	input[type="password"] {
	background: var(--blue-light);
}

.fa0030_0010 #mainContents .formTable > dl.required > dt::after {
	content: attr(data-required);
	display: block;
	width: 50px;
	height: 25px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: auto;
	bottom: 40%;
	right: 15px;
}

/* 上書き */
select {
	appearance: none;
	-webkit-appearance: none;
	background-color: inherit;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='gray'><path d='M7 10l5 5 5-5'/></svg>");
	background-repeat: no-repeat;
	background-repeat: no-repeat;
	background-position: right 0px center;
	min-width: 50px;
}