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%;
	margin: 0 auto;
}

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

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

/**************************************
 Btn
 **************************************/

/** 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;
}
.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;
}

/** estimatetBtn ******************************/
.estimatetBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	padding: 0 0 0 36px;
	border-radius: 4px;
	background: #008ad2;
	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(/assets/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: #008ad2;
	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: 12px auto;
	left: 0;
	top: 5px;
}

/** cartIn ******************************/
.cartInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	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;
}
.cartInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_cart_in.png) center center no-repeat;
	background-size: 20px 20px;
	left: 5px;
	top: 5px;
}

button#cart_in_button {
	font-size: 1.5rem;
}

/** 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;
}

/** estimateIn ******************************/
.estimateInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #008ad2;
	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;
}
.estimateInBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_estimate.png) center center no-repeat;
	background-size: 20px 20px;
	left: 5px;
	top: 5px;
}

/** contact ******************************/
.contactBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #008ad2;
	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;
}
.contactBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #cc6600;
	background: url(/assets/img/icon_contact.png) center center no-repeat;
	background-size: 26px 26px;
	left: 0;
	top: 5px;
}

/** 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;
}

/** 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.4rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 1px 1px 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;
}

.printEstimate {
	padding: 10px 0;
}
.printEstimate a {
	width: 100%;
}

.printReceipt {
	padding: 10px 0;
}
.printReceipt a {
	width: 100%;
}

.printInvoice {
	padding: 10px 0;
}
.printInvoice a {
	width: 100%;
}

.estimateBtn {
	width: 96%;
	box-sizing: border-box;
	margin: 6% auto 6% auto;
}

/** moreServiceBtn******************************/
.moreServiceBtn button,
.moreServiceBtn 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;
}

.moreServiceBtn button::before,
.moreServiceBtn 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;
}

/** arrowOrangeBtn ******************************/
.arrowOrangeBtn a,
.arrowOrangeBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #008ad2;
	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;
}
.arrowOrangeBtn a::before,
.arrowOrangeBtn button::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #cc6600;
	background: url(/assets/img/icon_arrow_white.png) center center no-repeat;
	background-size: 10px auto;
	left: 0;
	top: 5px;
}

/** 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: 30px;
	padding: 0 0 0 24px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	box-shadow: 0 1px 0 rgba(217, 217, 217, 1);
	line-height: 28px;
}

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

/** 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;
	margin-top: 6px;
}

.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;
}

/** nextBtn******************************/
.nextBtn button,
.nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 30px;
	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;
}
.nextBtn button::before,
.nextBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/icon_arrow_white.png) center no-repeat;
	background-size: 8px auto;
	left: 4px;
	top: 5px;
}

/** closeBtn******************************/
.closeBtn button,
.closeBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 0 0 0 30px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #fcfcfc;
	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: 30px;
}

.closeBtn button::before,
.closeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 30px;
	height: 26px;
	border-right: 1px solid #999999;
	left: 0;
	top: 2px;
}
.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: 1rem;
	color: #333333;
	font-weight: 500;
	left: 3px;
	top: 7px;
	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: 96%;
	box-sizing: border-box;
	margin: 6% auto 6% auto;
}
.underBtnArea ul {
}
.underBtnArea ul li.nextBtn {
	width: 100%;
}
.underBtnArea ul li.topBtn {
	width: 100%;
}
.underBtnArea ul li.arrowGrayBtn {
	margin-top: 20px;
}
.underBtnArea.single ul li.arrowOrangeBtn {
	width: 80%;
	margin: 0 auto;
}
.underBtnArea ul li.closeBtn {
	width: 60%;
	margin: 10px auto 0;
}

.underBtnArea ul li.backBtn {
	/*display: none;*/
	display: inline;
}

/** historyUpperBtnArea *********************/
.historyUpperBtnArea {
	width: 96%;
	box-sizing: border-box;
	margin: 6% auto 6% auto;
}

/** historyUnderBtnArea *********************/
.historyUnderBtnArea {
	width: 96%;
	box-sizing: border-box;
	margin: 6% auto 6% auto;
}
.historyUnderBtnArea ul {
}
.historyUnderBtnArea ul li.nextBtn {
	width: 100%;
}
.historyUnderBtnArea ul li.topBtn {
	width: 100%;
}
.underBthistoryUnderBtnAreanArea ul li.arrowGrayBtn {
	margin-top: 20px;
}
.historyUnderBtnArea.single ul li.arrowOrangeBtn {
	width: 80%;
	margin: 0 auto;
}
.historyUnderBtnArea ul li.closeBtn {
	width: 60%;
	margin: 10px auto 0;
}

.historyUnderBtnArea ul li.backBtn {
	/*display: none;*/
	display: inline;
}
.historyUnderBtnArea .cancelBtn button,
.historyUnderBtnArea .cancelBtn 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;
	margin-top: 6px;
}
.historyUnderBtnArea .approvalBtn button,
.historyUnderBtnArea .approvalBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	background: #84af2d;
	border-color: #84af2d;
	color: #ffffff;
	border-radius: 4px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
	box-shadow: 1px 1px 0 rgba(217, 217, 217, 0.6);
	line-height: 40px;
	margin-top: 6px;
}

/** 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;
}

/**************************************
 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: 100px;
	box-sizing: border-box;
	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;
}

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

::-webkit-input-placeholder {
	padding-top: 4px;
}

input[type="radio"],
input[type="checkbox"] {
	vertical-align: middle;
	background: #ffffff;
	overflow: hidden;
	border: 1px solid #999999;
}
input[type="radio"] {
	border-radius: 8px;
}

/**************************************
 formTable
 **************************************/
#mainContents .formTable {
	display: block;
	width: 100%;
	padding: 0 1.25%;
	margin: 3% auto 0;
}

#mainContents .formTable > .ttl {
	margin-top: 6%;
}

#mainContents .formTable > dl {
	display: block;
	width: 100%;
	margin: 3% auto 3% auto;
}
#mainContents .formTable > dl:last-child {
	margin-bottom: 0;
}

#mainContents .formTable > dl > dt {
	display: none;
}

#mainContents .selectDateTime > dl > dt {
	display: block;
	background: #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 5px;
}

#mainContents .displayTitle > dl > dt {
	display: block;
	background: #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 5px;
}

#mainContents .formTable > dl > dd {
	display: block;
	text-align: left;
}

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

#mainContents .displayTitle > 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;
}
/** input 背景***/
#mainContents .formTable > dl > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border: 1px solid #cccccc;
	background: #ffffff;
	position: relative;
}
#mainContents .formTable > dl > dd label::after {
	content: "\任意";
	display: block;
	width: 40px;
	height: 20px;
	background: #999999;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 7px;
	right: 10px;
}

.inquiry .formTable > dl > dd label::after {
	top: 12px !important;
}

.no-after::after {
	content: "" !important;
	background: transparent !important;
}

label.no-after p {
	padding: 2px 2px;
}

#mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border: 1px solid #cccccc;
	background: #fffff2;
	position: relative;
}
#mainContents .formTable > dl.required > dd label::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 11px;
	right: 10px;
}

#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"] {
	width: 100%;
	height: 45px;
	font-size: 1.2rem;
	padding: 0 0 0 10px;
	border: none;
	background-color: transparent;
	position: relative;
	line-height: 1;
}

#mainContents .displayTitle > dl > dd input[type="text"] {
	width: 100%;
	height: 45px;
	font-size: 1.2rem;
	padding: 0 0 0 10px;
	border: 1px solid #cccccc;
	background-color: transparent;
	position: relative;
	line-height: 1;
}

#mainContents .formTable > dl > dd select {
	width: 100%;
	height: 45px;
	font-size: 1.2rem;
	padding: 0 0 0 10px;
	border: none;
	background-color: transparent;
	position: relative;
	line-height: 1;
}

#mainContents .selectDateTime > dl > dd select {
	width: 300px;
	height: 50px;
	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;
}

#mainContents .formTable > dl > dd select {
	-webkit-appearance: none;
	background: url(../img/icon_select.png) calc(100% - 8px) 17px no-repeat
		transparent;
}

#mainContents .formTable > dl > dd textarea {
	width: 100%;
	height: 100px;
	padding: 12px 0 0 10px;
	border: none;
	background-color: transparent;
}

/*post num*/
#mainContents .formTable > dl > dd > ul.postNum {
	display: block;
}
#mainContents .formTable > dl > dd > ul.postNum li {
	display: block;
}
#mainContents .formTable > dl > dd > ul.postNum li:nth-of-type(2) {
	display: none;
}
#mainContents .formTable > dl > dd > ul.postNum li:nth-of-type(3) {
	display: none;
}

/*usser name*/
#mainContents .formTable > dl > dd > ul.userName {
	display: table;
}
#mainContents .formTable > dl > dd > ul.userName li {
	display: table-cell;
	width: 48%;
	text-align: left;
}
#mainContents .formTable > dl > dd > ul.userName li:nth-of-type(1) {
	padding-right: 1%;
}
#mainContents .formTable > dl > dd > ul.userName li:nth-of-type(2) {
	padding-left: 1%;
}
#mainContents .formTable > dl > dd > ul.userName li > label {
	display: block;
}
#mainContents .formTable > dl > dd > ul.userName li > label > span {
}
#mainContents
	.formTable
	> dl
	> dd
	> ul.userName
	li
	> label
	> span:nth-of-type(1) {
	display: none;
}

/**************************************
 confirmTable
 **************************************/
#mainContents .confirmTable {
	display: block;
	width: 100%;
	padding: 0 1.25%;
	margin: 3% auto 0;
}

#mainContents .confirmTable > .ttl {
	margin-top: 6%;
}

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

#mainContents .confirmTable > dl > dt {
	/* display: none; */
	background: #ececec;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 5px;
}

#mainContents .confirmTable > dl > dd {
	display: block;
	padding: 5px;
	text-align: center;
	/*text-align: left;*/
}

/***質問と答え***/
#mainContents .formTable > dl > dd > p.secret > span:nth-of-type(1) {
	display: none;
}
#mainContents .formTable > dl > dd > p.changeAddr > span:nth-of-type(1) {
	display: none;
}

/*change address*/
.changeAddress table,
.changeAddress thead,
.changeAddress tbody,
.changeAddress th,
.changeAddress td,
.changeAddress tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.changeAddress thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.changeAddress tr {
	border: 1px solid #ccc;
}

.changeAddress td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.changeAddress td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
 Label the data
 */
.changeAddress td:nth-of-type(1):before {
	content: "会社名 (もしくは)店舗名";
}
.changeAddress td:nth-of-type(2):before {
	content: "住所";
}
.changeAddress td:nth-of-type(3):before {
	content: "電話番号";
}
.changeAddress td:nth-of-type(4):before {
	content: "担当者名";
}

.changeAddress td:nth-of-type(5):before {
	content: "";
}
.changeAddress td:nth-of-type(6):before {
	content: "";
}

.changeAddress2 table {
	border-collapse: collapse;
	width: 98%;
	margin: 4px;
}

.changeAddress2 table th {
	background-color: #008ad2;
	color: #ffffff;
	font-weight: bold;
	border: 1px solid #ccc;
	width: 16%;
	text-align: center;
}

.changeAddress2 table td {
	border: 1px solid #ccc;
	padding: 5px;
}

.changeAddress2 .edit_info {
	margin: 5px;
	width: 40px;
}

.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;
}

/*caution text*/
#mainContents .formTable > dl > dd .caution {
	display: none;
}
#mainContents .formTable > dl > dd .mailConfirm {
	display: none;
}
#mainContents .formTable > dl > dd .mailConfirm + p {
	margin-top: 3%;
}

#mainContents .formTable > dl > dd .mailConfirm {
	display: none;
}
#mainContents .formTable > dl > dd .mailConfirm + p {
	margin-top: 3%;
}

#mainContents .formTable > dl > dd .passConfirm {
	display: none;
}
#mainContents .formTable > dl > dd .passConfirm + p {
	margin-top: 3%;
}

/*privacyBox*/
#mainContents .formTable > dl.privacyArea > dt {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 6% 0 10px 0;
	padding-left: 1.25%;
}

#mainContents .formTable > dl.privacyArea {
	position: relative;
}

#mainContents .formTable > dl > dd .privacyBox {
}
#mainContents .formTable > dl > dd .privacyBox .privacyCaution {
	display: none;
}

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

#mainContents .formTable > dl.required > dd .privacyBox .privacyText::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 35px;
	right: 10px;
}

#mainContents .formTable > dl > dd .privacyBox .privacyAgree {
	padding: 14px;
	background: #fffff2;
}
#mainContents .formTable > dl > dd .privacyBox .privacyAgree label {
	display: table;
	font-size: 1.4rem;
	padding: 0;
	border: none;
	background-color: transparent;
}
#mainContents .formTable > dl > dd .privacyBox .privacyAgree label::after {
	display: none;
}

#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;
	text-align: center;
}
#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: 3% 0 0 0;
	padding-left: 1em;
	text-indent: -1em;
}

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

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

/* portia *********************************/
#mainContents .formTable > dl.portiaCheckArea {
}
#mainContents .formTable > dl.portiaCheckArea > dt {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin: 6% 0 10px 0;
	padding-left: 1.25%;
	position: relative;
	text-align: center;
}

#mainContents .formTable > dl.portiaCheckArea > dt::after {
	/* content: "\必須"; */
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: #ff0000;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -10px;
}

#mainContents .formTable > dl > dd .portiaCheck {
}
#mainContents .formTable > dl > dd .portiaCheck ul {
	display: table;
	width: 100%;
}

#mainContents .formTable > dl > dd .portiaCheck ul > li {
	display: table-cell;
	width: 48%;
	margin: 0 0 1.5% 0;
}

#mainContents .formTable > dl > dd .portiaCheck ul > li > label {
	display: table;
	width: 99%;
	height: 46px;
	font-size: 1.2rem;
	background: #9abed2;
	border: none;
	padding-right: 0;
	margin: 0 1% 0 0;
}
#mainContents .formTable > dl > dd .portiaCheck ul > li:nth-child(2n) > label {
	margin: 0 0 0 1%;
}

#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 > label::after {
	display: none;
}

/**************************************************************
	BusinessTypeCheck
**********************************************************/
#mainContents .formTable > dl > dd .businessTypeCheck {
}
#mainContents .formTable > dl > dd .businessTypeCheck ul {
	display: table;
	width: 100%;
}

#mainContents .formTable > dl > dd .businessTypeCheck ul > li {
	display: table-cell;
	width: 48%;
	margin: 0 0 1.5% 0;
}

#mainContents .formTable > dl > dd .businessTypeCheck ul > li > label {
	display: table;
	width: 99%;
	height: 46px;
	font-size: 1.2rem;
	background: #9abed2;
	border: none;
	padding-right: 0;
	margin: 0 1% 0 0;
}
#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li:nth-child(2n)
	> label {
	margin: 0 0 0 1%;
}

#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li:not(.current)
	> label {
	cursor: pointer;
	background: #9abed2;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li.current > label {
	background: #008ad2;
	color: #ffffff;
	font-weight: 700;
	height: 43px;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li > label > span {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
#mainContents
	.formTable
	> dl
	> dd
	.businessTypeCheck
	ul
	> li
	> label
	> span:nth-child(1) {
	width: 34px;
	padding: 0 10px;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li > label::after {
	display: none;
}

#mainContents .formTable > dl > dd .portiaAlreadyCheck {
	display: none;
	background: #9abed2;
	margin-top: 3%;
}
#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 label {
	display: table;
	width: 100%;
	padding: 14px;
	font-size: 1.2rem;
	background-color: transparent;
}
#mainContents .formTable > dl > dd .portiaAlreadyCheck label::after {
	display: none;
}
#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: 6%;
}
#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 {
	padding: 0 1.5%;
}
#mainContents .formTable > dl > dd .portiaCaution dl dt {
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0;
	padding-bottom: 5px;
	text-align: center;
}
#mainContents .formTable > dl > dd .portiaCaution dl dd {
	display: block;
	margin-top: 5px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2rem;
	line-height: 1.4;
}

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

#mainContents .formTable > dl > dd > ul.corpNum {
	display: block;
}
#mainContents .formTable > dl > dd > ul.corpNum li {
	display: block;
}
#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 > dd > ul.corpNum li.arrowGrayBtn {
	text-indent: 0;
	padding: 0;
	width: 50%;
	margin-top: 5px;
}
#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 > dd > ul.corpNum li.arrowGrayBtn {
	margin-top: 5px;
}

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

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

.heightAdjustment {
	padding: 14px;
}

/**************************************
 stepFlow
 **************************************/

.stepFlow {
	padding: 0 1.25%;
}
.stepFlow ol {
	display: table;
	width: 100%;
	height: 30px;
	margin: 0 auto 3% 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 0 0 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: 97.5%;
	padding: 3%;
	margin: 0 1.25% 3% 1.25%;
	background: #fffff2;
	border: 2px solid #ff0000;
	line-height: 1.4;
}
.errorMsg .alertMsg {
}
.errorMsg .alertMsg ul {
}
.errorMsg .alertMsg ul li {
	font-size: 1.4rem;
	font-weight: 700;
	color: #ff0000;
	margin-bottom: 3%;
	padding-left: 1em;
	text-indent: -1em;
}
.errorMsg .alertMsg ul li:last-child {
	margin-bottom: 0;
}

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

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

/** .headMain ***********************/
#header .headMain {
	width: 100%;
	height: 60px;
	padding: 5px 10px 5px;
	margin: 0 auto;
}

#header .headMain .logoArea {
	display: block;
	height: 50px;
	padding: 8px 0;
	margin: 0;
	float: left;
}

#header .headMain .logoArea .logo {
	display: block;
	width: 140px;
	height: 33px;
	text-align: left;
}
#header .headMain .logoArea .logo > a {
	display: block;
	width: 100%;
	height: 100%;
}
#header .headMain .logoArea .logo img {
	display: block;
	width: 100%;
	height: auto;
}

#header .headMain .headRight .headUserName {
	display: none;
}

#header .headMain .headRight {
	display: table;
	height: 45px;
	float: right;
	padding: 0 45px 0 0;
}

#header .headMain .headRight .headCart,
#header .headMain .headRight .headDraft {
	display: table-cell;
	width: 45px;
	vertical-align: middle;
}
#header .headMain .headRight .headCart .cartBtn {
}
#header .headMain .headRight .headCart .cartBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 34px 0 0 0;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	font-size: 1rem;
	color: #000000;
	overflow: hidden;
	background: url(../img/btn_head_cart_sp.png) center 3px no-repeat;
	background-size: auto 28px;
	box-shadow: none;
}
#header .headMain .headRight .headCart .cartBtn a::before {
	display: none;
}
#header .headMain .headRight .headCart .cartBtn a > span {
	display: none;
}

#header .headMain .headRight .headDraft .draftBtn {
}
#header .headMain .headRight .headDraft .draftBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 45px;
	padding: 34px 0 0 0;
	border-radius: 4px;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	line-height: 1;
	font-size: 1rem;
	color: #000000;
	overflow: hidden;
	background: url(../img/icon_draft_sp.png) center 3px no-repeat;
	background-size: auto 28px;
	box-shadow: none;
}
#header .headMain .headRight .headDraft .draftBtn a::before {
	display: none;
}
#header .headMain .headRight .headDraft .draftBtn a > span {
	display: none;
}

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

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

#headNavSp .openBtn {
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 4px;
	position: absolute;
	top: 5px;
	right: 5px;
	background: url(../img/icon_sp_nav.png) center 7px no-repeat #008ad2;
	background-size: 26px 20px;
}
#headNavSp .openBtn::after {
	content: "メニュー";
	width: 100%;
	font-size: 1rem;
	letter-spacing: -0.1em;
	color: #ffffff;
	text-align: center;
	position: absolute;
	bottom: 3px;
}

#headNavSp #glnavSP {
	display: block;
	overflow: hidden;
}

#headNavSp #glnavSP .glnavBg {
	display: none;
	position: fixed;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1050;
	overflow: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background: url(../img/icon_close_white.png) 4px 10px no-repeat,
		rgba(0, 0, 0, 0.8);
	background-size: 12px auto, auto;
}

#headNavSp #glnavSP.open .glnavBg {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#headNavSp #glnavSP > dl {
	display: block;
	width: calc(100% - 20px);
	height: 100%;
	position: fixed;
	background: #666666;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1500;
	top: 0;
	right: 0;
	-webkit-transition: all 0.5s ease 0.2s;
	-moz-transition: all 0.5s ease 0.2s;
	-o-transition: all 0.5s ease 0.2s;
	transition: all 0.5s ease 0.2s;
	-webkit-transform: translate(200%, 0);
	-moz-transform: translate(200%, 0);
	-o-transform: translate(200%, 0);
	transform: translate(200%, 0);
}
#headNavSp #glnavSP.open > dl {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
}

#headNavSp #glnavSP dl > dt {
	width: 80%;
	padding: 10px 15px 0;
	text-align: center;
	margin: 0 auto;
}
#headNavSp #glnavSP dl > dt > img {
	display: block;
	width: 100%;
	height: auto;
}

#headNavSp #glnavSP dl > dd.searchKeyWord {
	width: 100%;
	padding: 10px 15px;
}
#headNavSp #glnavSP dl > dd.searchKeyWord .inputOuter {
	display: table;
	width: 100%;
}

#headNavSp #glnavSP dl > dd.searchKeyWord .inputOuter input[type="text"] {
	display: table-cell;
	box-sizing: border-box;
	height: 35px;
	padding: 5px;
	width: calc(100% - 35px);
	font-size: 1.4rem;
	border-radius: 4px 0 0 4px;
	background: #ffffff;
	vertical-align: middle;
	border: none;
}

#headNavSp #glnavSP dl > dd.searchKeyWord .inputOuter button {
	display: table-cell;
	width: 35px;
	height: 35px;
	background: #ffffff;
	vertical-align: middle;
	text-align: center;
	border-radius: 0 4px 4px 0;
}
#headNavSp #glnavSP dl > dd.searchKeyWord .inputOuter button img {
	display: block;
	margin: 0 auto;
}

#headNavSp #glnavSP dl > dd.loginBtn {
	width: 100%;
	padding: 10px 15px;
}
#headNavSp #glnavSP dl > dd.loginBtn p {
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 5px;
}
#headNavSp #glnavSP dl > dd.loginBtn > a {
	display: block;
	width: 100%;
	padding: 18px 0;
	background: #ffffff;
	border-radius: 4px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	text-decoration: none;
}

#headNavSp #glnavSP dl > dd.linkList {
	margin-top: 10px;
}
#headNavSp #glnavSP dl > dd.linkList ul {
	border-top: 1px solid #000000;
}
#headNavSp #glnavSP dl > dd.linkList ul li {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #000000;
}
#headNavSp #glnavSP dl > dd.linkList ul li a {
	display: block;
	width: 100%;
	padding: 18px 15px;
	color: #ffffff;
	text-decoration: none;
	position: relative;
	font-size: 1.4rem;
	font-weight: 700;
}
#headNavSp #glnavSP dl > dd.linkList ul li a::after {
	content: "\ea1c";
	display: block;
	width: 14px;
	height: 14px;
	font-size: 1.2rem;
	font-family: iconFont;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 51%;
	margin-top: -7px;
	font-weight: normal;
}

#headNavSp #glnavSP dl > dd.navClose {
	border-top: 1px solid #999999;
	width: 100%;
}
#headNavSp #glnavSP dl > dd.navClose button {
	width: 100%;
	padding: 18px 40px 18px 15px;
	color: #ffffff;
	text-align: right;
	position: relative;
	font-size: 1.4rem;
	font-weight: 700;
}
#headNavSp #glnavSP dl > dd.navClose button::after {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/icon_close_white.png) 0 0 no-repeat;
	background-size: 12px auto;
	overflow: hidden;
	position: absolute;
	right: 15px;
	top: 51%;
	margin-top: -7px;
}

.cart_count {
	position: relative;
}

#header .headMain .headRight .cart_count #normal_deli_qty {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 12px;
	margin-left: -30px;
	margin-top: -30px;
	padding: 1px 3px;
	border-radius: 5px;
	color: white;
	background-color: #3f9cff;
}

/**************************************
 footer
 **************************************/
#footer {
	width: 100%;
	margin: 0 auto;
}
#footer > .inner {
}

#footer .ttlFooter {
}

/** footUtility *************/
#footer .footUtility {
	padding: 0;
}
#footer .footUtility ul {
	display: block;
	border-top: 1px solid #999999;
}
#footer .footUtility ul li {
	display: block;
	text-align: left;
	font-size: 1.4rem;
	border-bottom: 1px solid #999999;
}

#footer .footUtility ul li a {
	display: block;
	color: #333333;
	padding: 8px 1.25%;
	text-decoration: none;
	position: relative;
}
#footer .footUtility ul li a::before {
	content: "\ea1c ";
	display: block;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	color: #008ad2;
	top: 10px;
	right: 4px;
	font-size: 1.1rem;
}

/** pageText *************/
#footer .pageText {
	display: none;
}

/** footCategory *************/
#footer .footCategory {
	display: none;
}

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

#footer .footCopy {
	display: block;
	text-align: right;
	vertical-align: top;
	padding: 6% 3%;
}
#footer .footCopy a {
	display: block;
}
#footer .footCopy img {
	display: block;
	width: 100%;
	height: auto;
}

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

#footer .footCopy .sp {
	display: table;
	width: 100%;
	margin: 0 auto 3%;
}

#footer .footCopy .sp .logo,
#footer .footCopy .sp .logoNitto {
	display: table-cell;
	width: 50%;
	vertical-align: bottom;
}

#footer .footCopy .sp .logo {
	text-align: left;
	padding-bottom: 1%;
}
#footer .footCopy .sp .logo a {
	display: block;
	width: 90%;
	margin: 0 auto 0 0;
}

#footer .footCopy .sp .logoNitto {
	text-align: left;
}
#footer .footCopy .sp .logoNitto a {
	display: block;
	width: 50%;
	margin: 0 0 0 auto;
}

#footer .footCopy .copy {
	text-align: right;
	font-size: 1rem;
}

/**************************************
 breadcrumbs
 **************************************/
.breadcrumbs {
	width: 100%;
	background: #9abed2;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 0 1.25%;
}

.breadcrumbs > .historyBackBtn {
	display: none;
}

.breadcrumbs > ul {
	display: table;
	max-width: 100%;
}

.breadcrumbs > ul li {
	display: table-cell;
	height: 20px;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: 700;
	line-height: 20px;
	padding-right: 5px;
	white-space: nowrap;
}
.breadcrumbs > ul li::after {
	content: "＞";
	font-size: 1rem;
	padding-left: 5px;
	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(../img/icon_bread_home.png) 0 center no-repeat;
	background-size: 18px auto;
	padding-left: 21px;
}

/**************************************
 anchorNav
 **************************************/
.anchorNav {
	display: none;
}

/**************************************
 layout
 **************************************/
#mainWrap {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 6%;
}

#mainWrap .img img {
	width: 100%;
	height: auto;
}

#mainWrap #sidebar {
	display: block;
	width: 100%;
}

#mainWrap #sidebar #mainContents {
	width: 100%;
	margin: 0 auto;
}

#mainWrap .ttlMain {
	width: 100%;
	margin: 0 auto 3% auto;
	padding: 20px 0 20px 20px;
	background: #ececec;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
	color: #000000;
	position: relative;
}

#mainWrap .ttlMain::before {
	content: "";
	display: block;
	position: absolute;
	width: 6px;
	height: calc(100% - 20px);
	background: #008ad2;
	top: 10px;
	left: 1.25%;
}

#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;
}

/**************************************
 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 {
}

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

#sidebar .searchKeyWord {
	display: block;
	background: #9abed2;
	padding: 1.5% 3%;
	margin-bottom: 3%;
}
#sidebar .searchKeyWord .ttlSidebar {
	display: none;
}

#sidebar .searchKeyWord .inputOuter {
	display: table;
	width: 100%;
	border: 1px solid #cccccc;
}

#sidebar .searchKeyWord .inputOuter input[type="text"] {
	display: table-cell;
	box-sizing: border-box;
	height: 35px;
	padding: 5px;
	width: calc(100% - 35px);
	font-size: 1.4rem;
	border: none;
	border-right: none;
	background: #ffffff;
	vertical-align: middle;
}

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

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

#sidebar .searchCategory .ttlSidebar {
	margin-bottom: 1.5%;
	padding-left: 3%;
	border: none;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: inherit;
	color: #333333;
}

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

#sidebar .searchCategory .sideInner > ul > li .openBtn {
	display: block;
	box-sizing: border-box;
	height: 35px;
	padding: 9px 0 0 3%;
	border: 1px solid #9abed2;
	font-size: 1.4rem;
	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: 10px;
	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 > 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;
	float: left;
	width: 50%;
	position: relative;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li:nth-child(2n + 1) {
	clear: both;
}

#sidebar .searchCategory .sideInner > ul > li > ul > li > a {
	display: block;
	width: 100%;
	height: 35px;
	padding: 8px 0 0 0;
	font-size: 1.2rem;
	font-weight: 700;
	text-decoration: none;
	text-align: center;
	color: #333333;
	background: #9abed2;
	position: relative;
	border-left: 1px solid #008ad2;
	border-right: 1px solid #008ad2;
	border-bottom: 1px solid #008ad2;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li:nth-child(1) > a,
#sidebar .searchCategory .sideInner > ul > li > ul > li:nth-child(2) > a {
	border-top: 1px solid #008ad2;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li:nth-child(2n) > a {
	border-left: none;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li > a.only {
	padding: 11px 0 0 0;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li > a::after {
	content: "\f0d7";
	font-family: iconFont;
	display: block;
	width: 12px;
	height: 12px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -6px;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li > a.only::after {
	display: none;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li > a.only::before {
	content: "\f0d7";
	font-family: iconFont;
	display: block;
	width: 12px;
	height: 12px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li.open > 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: #ffffff;
	background: #008ad2;
}
#sidebar .searchCategory .sideInner > ul > li > ul > li.open > a::after {
	color: #ffffff;
}

#sidebar .searchCategory .sideInner > ul > li > ul > li > .moreCategory {
	display: none;
	width: 200%;
	margin-right: -100%;
	padding: 6% 6% 3% 6%;
	border-bottom: 1px solid #008ad2;
}
#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li:nth-child(2n)
	> .moreCategory {
	margin-left: -100%;
}

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

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> p:first-child {
	display: none;
}

#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;
	width: 100%;
	box-sizing: border-box;
	padding: 0;
	background: #ffffff;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li {
	width: 47%;
	margin: 0 6% 3% 0;
}
#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li:nth-child(2n) {
	margin-right: 0;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a {
	display: table;
	width: 100%;
	min-height: 40px;
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	background: #008ad2;
	line-height: 1.4;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a
	span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
	position: relative;
}
#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a
	span:first-child {
	display: none;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> ul
	li
	> a
	span::after {
	content: "\f0d7";
	font-family: iconFont;
	display: block;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -5px;
}

#sidebar
	.searchCategory
	.sideInner
	> ul
	> li
	> ul
	> li
	> .moreCategory
	> .hoverCover {
	display: none;
}

/** refineSearch *************/
#sidebar .refineSearch {
	/*display: none;*/
	/*position: fixed;*/
	box-sizing: border-box;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow-y: scroll;
	background: rgba(255, 255, 255, 0.6);
	padding-bottom: 50px;
	z-index: 100;
}

#sidebar .refineSearch.open {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#sidebar .refineSearch.open > .overlayClose {
	display: block;
	box-sizing: border-box;
	width: 100vw;
	height: 50px;
	padding: 18px 0 0 0;
	position: fixed;
	background: url(/assets/img/icon_close.png) calc(50vw - 3em) 21px no-repeat
		#f1f1f1;
	background-size: 8px 8px;
	border-top: 2px solid #b4b6b7;
	font-size: 1.4rem;
	font-weight: 700;
	text-align: center;
	z-index: 1000;
	bottom: 0;
	left: 0;
}

#sidebar .refineSearch .ttlSidebar {
	margin-bottom: 0;
	padding-left: 0;
	border-left: none;
	font-size: 2rem;
	font-weight: 700;
	color: #333333;
}

#sidebar .refineSearch .sideInner {
	display: block;
	background-color: inherit;
	padding: 3%;
}

#sidebar .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 .resetBtn.current {
	height: 30px;
	opacity: 1;
}

#sidebar .resetBtn.all.top {
	display: none;
}
#sidebar .resetBtn.all.bottom {
	width: 100%;
	margin: 3% auto;
	padding: 0;
}
#sidebar .resetBtn.all.bottom.current {
	height: 40px;
}

#sidebar .resetBtn.all.bottom button {
	height: 40px;
	font-size: 1.4rem;
}

#sidebar .resetBtn.all.bottom button::before {
	width: 34px;
	height: 34px;
}

#sidebar .refineOneBox,
#sidebar .refineSceneOneBox {
	display: block;
	margin-top: 3%;
	border: 1px solid #d3d3d3;
	border-radius: 8px;
	background: #ffffff;
	overflow: hidden;
	position: relative;
}
#sidebar .refineOneBox:last-child,
#sidebar .refineSceneOneBox:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
#sidebar .refineOneBox .resetBtn,
#sidebar .refineSceneOneBox .resetBtn {
	position: absolute;
	top: 6px;
	right: 5px;
}

#sidebar .refineOneBox .refineSubttl,
#sidebar .refineSceneOneBox .refineSubttl {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 5px;
	background: #f9f9f9;
	padding: 15px 10px;
	border-bottom: 1px solid #d3d3d3;
}

#sidebar .refineOneBox .inner,
#sidebar .refineSceneOneBox .inner {
}

#sidebar .refineOneBox .inner .scroll,
#sidebar .refineSceneOneBox .inner .scroll {
	padding: 0;
	background: #ffffff;
	max-height: 160px;
	overflow-y: hidden;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#sidebar .refineSceneOneBox .inner .scroll {
	max-height: 100px;
}
#sidebar .refineOneBox .inner.open .scroll {
}

#sidebar .refineOneBox .inner ul,
#sidebar .refineSceneOneBox .inner ul {
}
#sidebar .refineOneBox .inner ul li,
#sidebar .refineSceneOneBox .inner ul li {
	display: block;
	padding: 8px;
	line-height: 1.4;
	border-bottom: 1px solid #d3d3d3;
}
#sidebar .refineOneBox .inner ul li:last-child,
#sidebar .refineSceneOneBox ul li:last-child {
	margin-bottom: 0;
}
#sidebar .refineOneBox .inner ul li > label,
#sidebar .refineSceneOneBox ul li > label {
	display: table;
	width: 100%;
	cursor: pointer;
}
#sidebar .refineOneBox .inner ul li > label span,
#sidebar .refineSceneOneBox ul li > label span {
	display: table-cell;
	vertical-align: text-top;
}
#sidebar .refineOneBox .inner ul li > label span:first-child,
#sidebar .refineSceneOneBox .inner ul li > label span:nth-child(2) {
	width: 20px;
}
#sidebar .refineSceneOneBox .inner ul li > label span:first-child {
	display: none;
}

#sidebar .refineOneBox .inner .refineListOpen,
#sidebar .refineSceneOneBox .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 .refineOneBox .inner .refineListOpen::after,
#sidebar .refineSceneOneBox .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 .refineOneBox .inner.open .refineListOpen::after,
#sidebar .refineSceneOneBox .inner.open .refineListOpen::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#sidebar .refineSceneOneBox .refineSceneOpenBtn {
	display: none;
}
#sidebar .refineSceneOneBox .ttlArea {
	display: none;
}
#sidebar .refineSceneOneBox .refineSceneChecedList {
	display: none;
}
#sidebar
	.refineSearch
	.refineSceneOneBox
	.inner
	.scroll
	.refineSceneOpeninner
	.refineSceneBtn {
	display: none;
}

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

#mainContents .ttl {
	margin-bottom: 4.5%;
	padding: 14px 0 12px 12px;
	background: #ececec;
	border-left: 4px solid #008ad2;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}

#mainContents .ttlBgWhite {
	margin: 0 1.5% 4%;
	padding: 12px 0 10px 12px;
	border-left: 4px solid #008ad2;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000000;
}

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

#mainContents .ttlCenter.spNormal {
	margin: 0 1.5% 4.5%;
	padding: 12px 0 10px 12px;
	background: #ececec;
	border-left: 4px solid #008ad2;
	text-align: left;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000000;
}

#mainContents .lede {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

#mainContents .oneSection {
	padding: 0 1.25% 6%;
}

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

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

#mainContents .oneSectionCenter {
	padding: 0 0 10%;
}

#mainContents .oneSectionCenter .lede {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
}

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

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

#mainContents .contactSection p {
	line-height: 1.4;
	font-size: 1.2rem;
	color: #000000;
}

#mainContents .contactSection p.contactImg {
	display: none;
}

#mainContents .contactSection .contactAdder {
	display: block;
	width: 100%;
	margin: 3% auto 0 auto;
}

#mainContents .contactSection .contactAdder .contactBtn {
	display: block;
	width: 100%;
	margin: 0 auto 6% auto;
}

#mainContents .contactSection .contactAdder .tel {
	display: block;
	text-align: center;
}

#mainContents .contactSection .contactAdder .tel dt {
	display: block;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 1.5%;
}
#mainContents .contactSection .contactAdder .tel dd {
	display: block;
}

#mainContents .contactSection .contactAdder .tel dd 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;
	line-height: 38px;
}

#mainContents .contactSection .contactAdder .tel dd a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 28px;
	border-right: 1px solid #999999;
	background: url(/assets/img/icon_tel.png) center center no-repeat;
	background-size: 28px 28px;
	left: 0;
	top: 4px;
}

#mainContents .contactSection .contactAdder .tel dd span {
	display: block;
	text-align: center;
	font-size: 1rem;
	padding-top: 1.5%;
}

/** serviceNavTwoLine *****************************/
#mainContents .serviceNavTwoLine {
	width: 100%;
	margin: 0 auto;
	padding: 0 3%;
}

#mainContents .serviceNavTwoLine > ul {
	display: block;
}

#mainContents .serviceNavTwoLine > ul > li {
	display: table;
	width: 100%;
	margin: 3% auto 0;
}

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

#mainContents .serviceNavTwoLine > ul > li > a {
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border: 2px solid #008ad2;
	background: #ffffff;
}

#mainContents .serviceNavTwoLine > ul > li > a > span.cap {
	display: none;
}
#mainContents .serviceNavTwoLine > ul > li > a > span.lede {
	display: none;
}

/** serviceNavFourLine *****************************/
#mainContents .serviceNavFourLine {
	width: 100%;
	margin: 0 auto;
	padding: 0 3%;
}

#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: 48.5%;
	float: left;
	margin: 3% 3% 0 0;
}

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

#mainContents .serviceNavFourLine > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 10px 0;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000000;
	text-decoration: none;
	border: 2px solid #008ad2;
	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: 10px;
	line-height: 1;
	color: #008ad2;
	top: 50%;
	margin-top: -4px;
	right: 0;
}

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

#mainContents .serviceNavFourLine > ul > li.listSearchBox {
	display: none;
}

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

#mainContents .figureTextBox {
	display: block;
	width: 100%;
	padding: 0 3%;
}

#mainContents .figureTextBox > figure {
	display: block;
	width: 100%;
	margin-bottom: 3%;
}
#mainContents .figureTextBox > figure > img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .figureTextBox > .text {
	display: block;
}
#mainContents .figureTextBox > .text p {
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
}

#mainContents .moreServiceBtn {
	width: 94%;
	margin: 6% auto 0;
}

#mainContents .figureTextBox .moreServiceBtn {
	width: 100%;
	margin: 6% auto 0 0;
}

/** topItemList *****************************/
#mainContents .pickupItemList {
	display: block;
	padding-left: 40px;
	padding-right: 40px;
}

#mainContents .pickupItemList ul {
	display: block;
}

#mainContents .pickupItemList ul li {
	display: block;
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	border-bottom: 1px solid #999999;
}

#mainContents .pickupItemList ul li a {
	display: table;
	width: 100%;
	text-decoration: none;
	color: #333333;
	position: relative;
}

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

#mainContents .pickupItemList ul li a .img {
	width: 130px;
	padding-right: 10px;
}
#mainContents .pickupItemList ul li a .img img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .pickupItemList ul li a .text {
	font-size: 1.2rem;
	line-height: 1.4;
	padding-right: 6%;
}
#mainContents .pickupItemList ul li a .text::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}

#mainContents .pickupItemList ul li a .pickUpBtn {
	display: none;
}

/** topSpecialList*****************************/
#mainContents .specialList {
	padding: 0 3%;
}

#mainContents .specialList ul {
	display: block;
}

#mainContents .specialList ul li {
	display: block;
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	border-bottom: 1px solid #999999;
}

#mainContents .specialList ul li a {
	display: table;
	text-decoration: none;
	color: #333333;
	position: relative;
}

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

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

#mainContents .specialList ul li a .text {
	font-size: 1.2rem;
	line-height: 1.4;
	padding-right: 6%;
}
#mainContents .specialList ul li a .text::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}

#mainContents .specialList ul li a .text > p {
	display: none;
}

/**************************************
 TOP
 **************************************/
#topPage {
}
#topPage .lede {
	display: none;
}

#topPage #mainWrap {
	padding-top: 0;
}

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

#topPage .searchKeyWordSPtop {
	display: block;
	background: #008ad2;
	padding: 1.5% 3%;
	margin-bottom: 3%;
}

#topPage .searchKeyWordSPtop .inputOuter {
	display: table;
	width: 100%;
}

#topPage .searchKeyWordSPtop .inputOuter input[type="text"] {
	display: table-cell;
	box-sizing: border-box;
	height: 35px;
	padding: 5px;
	width: calc(100% - 35px);
	font-size: 1.4rem;
	border: none;
	border-right: none;
	border-radius: 4px 0 0 4px;
	background: #ffffff;
	vertical-align: middle;
}

#topPage .searchKeyWordSPtop .inputOuter button {
	display: table-cell;
	width: 35px;
	height: 35px;
	background: #ffffff;
	border: none;
	border-radius: 0 4px 4px 0;
	vertical-align: middle;
	text-align: center;
}
#topPage .searchKeyWordSPtop .inputOuter button img {
	display: block;
	margin: 0 auto;
}

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

#mainPanel {
	width: 100%;
	margin: 0 0 6%;
	padding: 0 3%;
	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-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

#mainPanel .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	background: #666666;
	position: relative;
}
#mainPanel .swiper-slide a {
	display: block;
	text-decoration: none;
}

#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: #999999;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

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

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

#mainPanel .swiper-slide .text {
	display: block;
	padding: 6% 3% 3%;
	color: #ffffff;
	padding-bottom: 60px;
}

#mainPanel .swiper-slide .text dt {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 3%;
}

#mainPanel .swiper-slide .text dd {
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 700;
}

#mainPanel .swiper-slide .text dd.arrowGrayBtn {
	position: absolute;
	width: 50%;
	right: 3%;
	bottom: 3%;
}

#mainPanel .swiper-slide .text dd.arrowGrayBtn a {
	height: 30px;
	line-height: 28px;
	padding-left: 30px;
	font-size: 1.2rem;
}
#mainPanel .swiper-slide .text dd.arrowGrayBtn a::before {
	width: 30px;
	height: 20px;
	left: 0;
	top: 5px;
}

#mainPanel .mainPrev,
#mainPanel .mainNext {
	display: none;
	width: 14px;
	height: 14px;
	font-size: 1.4rem;
	color: #008ad2;
	position: absolute;
	bottom: -1px;
	z-index: 1;
}
#mainPanel .mainPrev {
	left: 3%;
}
#mainPanel .mainNext {
	right: 3%;
}

#mainPanel .mainPrev.swiper-button-disabled,
#mainPanel .mainNext.swiper-button-disabled {
	opacity: 0.4;
}

/** aboutHARUKOBO *************************/
#topPage .aboutHARUKOBO {
	display: block;
	padding: 0 3%;
}

#topPage .aboutHARUKOBO > dl {
	display: block;
	min-height: 80px;
	margin: 0 0 3% 0;
	padding-left: 90px;
	position: relative;
}

#topPage .aboutHARUKOBO > dl > dt {
	display: block;
	font-size: 1.6rem;
	margin-bottom: 3%;
	padding-top: 3%;
	font-weight: 700;
	text-align: left;
}
#topPage .aboutHARUKOBO > dl > dd {
	display: block;
}

#topPage .aboutHARUKOBO > dl > dd > .img {
	display: block;
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
#topPage .aboutHARUKOBO > dl > dd > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#topPage .aboutHARUKOBO > dl > dd > .text {
	display: block;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
}

/** ttlHARUKOBO *************************/
#topPage .ttlHARUKOBO {
	display: block;
	text-align: center;
	margin: 0 0 10%;
	font-size: calc(16 * (100vw / 320));
	line-height: calc(32 * (100vw / 320));
	font-weight: 700;
	color: #000000;
	position: relative;
}

#topPage .ttlHARUKOBO > span.main {
	margin-left: -0.2em;
}

#topPage .ttlHARUKOBO > span.main > span.cap {
	font-size: calc(10 * (100vw / 320));
	display: block;
	position: absolute;
	letter-spacing: 0.4em;
	color: #ff6c00;
	left: calc(172 * (100vw / 320));
	bottom: calc(14 * (100vw / 320));
}

/** "topInfoList*****************************/
#topPage .topInfoList {
	padding: 0 3%;
}

#topPage .topInfoList ul {
}

#topPage .topInfoList ul li {
	display: block;
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	border-bottom: 1px solid #999999;
}
#topPage .topInfoList ul li:last-child {
	margin-bottom: 0;
}

#topPage .topInfoList ul li a {
	display: block;
	width: 100%;
	color: #333333;
	text-decoration: none;
	font-size: 1.2rem;
	padding-right: 6%;
	position: relative;
}
#topPage .topInfoList ul li a::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-align: center;
	font-size: 10px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}

#topPage .topInfoList ul li a time,
#topPage .topInfoList ul li a p {
	display: block;
	font-size: 1.2rem;
	line-height: 1.4;
}

#topPage .topInfoList ul li a time {
	margin-bottom: 1.25%;
}

#topPage .topInfoList ul li a p {
}

#topPage .topInfoList .infoMore {
	margin-top: 3%;
	padding: 3%;
}

#topPage .topInfoList .infoMore 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: 38px;
}

#topPage .topInfoList .infoMore 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;
}

/**************************************
 #searchCase
 **************************************/
#searchCase {
}
#searchCase #sidebar {
	display: none;
}
#searchCase .lede {
	display: none;
}

/** お悩み、シーンリスト  **********************************/

/** 開閉あり ***/
#searchCase .oneSection.caseOpenBox {
	margin-bottom: 1px;
	padding: 0 1.25%;
}
#searchCase .oneSection.caseOpenBox + .contactSection {
	margin-top: 6%;
}

#searchCase .oneSection.caseOpenBox > .caseList {
	display: none;
}
#searchCase .oneSection.caseOpenBox.open > .caseList {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#mainContents .caseOpenBox .ttlOpenList {
	display: block;
	box-sizing: border-box;
	height: 34px;
	padding: 10px 3%;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	background: #008ad2;
	text-align: left;
	position: relative;
	cursor: pointer;
}
#searchCase .oneSection.caseOpenBox.open .ttlOpenList {
	margin-bottom: 3%;
}

#mainContents .caseOpenBox .ttlOpenList::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);
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	position: absolute;
	top: 9px;
	right: 9px;
}
#mainContents .caseOpenBox.open .ttlOpenList::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/** 共通リスト ***/
#searchCase .caseList {
}
#searchCase .caseList > ul {
}
#searchCase .caseList > ul > li {
	display: block;
	margin: 0 auto 6% auto;
	padding: 0 1.25% 6% 1.25%;
	border-bottom: 1px solid #999999;
}

#searchCase .caseList > ul > li > a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #333333;
}

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

#searchCase .caseList > ul > li > a > .text {
	padding: 1.25% 0 0 0;
}

#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: 1.5% 0 1.5%;
}
#searchCase .caseList > ul > li > a > .text > dl dd:not(.btn) {
	font-size: 1.2rem;
	line-height: 1.6;
	padding-right: 20px;
	position: relative;
}

#searchCase .caseList > ul > li > a > .text > dl dd:not(.btn)::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 14px;
	height: 14px;
	font-size: 12px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
}

#searchCase .caseList > ul > li > a > .text > dl dd.btn {
	display: none;
}

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

#searchCase .fanctionList {
}
#searchCase .fanctionList > ul {
}
#searchCase .fanctionList > ul > li {
	display: block;
	margin: 0 auto 6% auto;
	padding: 0 1.25% 6% 1.25%;
	border-bottom: 1px solid #999999;
}

#searchCase .fanctionList > ul > li > a {
	display: block;
	width: 100%;
	padding-right: 20px;
	position: relative;
	text-decoration: none;
	color: #333333;
}

#searchCase .fanctionList > ul > li > a::after {
	content: "\ea1c";
	font-family: iconFont;
	display: block;
	width: 14px;
	height: 14px;
	font-size: 12px;
	color: #008ad2;
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -7px;
}

#searchCase .fanctionList > ul > li > a > .img {
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
#searchCase .fanctionList > ul > li > a > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#searchCase .fanctionList > ul > li > a > .text {
}
#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: 3%;
	padding-left: 45px;
	line-height: 40px;
}

#searchCase .fanctionList > ul > li > a > .text > dl dd:not(.btn) {
	font-size: 1.2rem;
	line-height: 1.6;
}

#searchCase .fanctionList > ul > li > a > .text > dl dd.btn {
	display: none;
}

/** カテゴリリスト  **********************************/
#searchCase .cateList > ul {
}
#searchCase .cateList > ul > li {
	margin-bottom: 1em;
	list-style: none;
}
#searchCase .cateList > ul > li > a {
	position: relative;
	display: block;
	border: 1px solid #ececec;
	padding: 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: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 {
}

#searchResult .lede {
	display: none;
}

/*  pager ************************************************/
#searchResult .pagerSP {
	display: table;
	width: 100%;
	text-align: center;
}
#searchResult .pager {
	display: none;
}

#searchResult .pagerSP p {
	display: block;
}

#searchResult .pagerR {
	display: none;
}

#searchResult .pagerSP p .allNum {
	font-size: 1.2rem;
}
#searchResult .pagerSP p .currentNum {
	font-size: 1.2rem;
}

#searchResult .pagerSP .pagenation {
	display: block;
}

#searchResult .pagerSP .pagenation ul {
	display: block;
	height: 30px;
	padding: 0 1.25%;
	margin: 3% auto 0 auto;
}

#searchResult .pagerSP .pagenation ul li.prev,
#searchResult .pagerSP .pagenation ul li.next {
	display: block;
	box-sizing: border-box;
	width: 49%;
	height: 30px;
	text-align: center;
	float: right;
}

#searchResult .pagerSP .pagenation ul li.prev {
	float: left;
}

#searchResult .pagerSP .pagenation ul li a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 0;
	border: 1px solid #cccccc;
	border-radius: 2px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	color: #000000;
	text-decoration: none;
	box-shadow: 0 1px 0 rgba(217, 217, 217, 1);
	line-height: 30px;
}

#searchResult .pagerSP .pagenation ul li.prev a::before {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/assets/img/icon_arrow_gray.png) center center no-repeat;
	transform: rotate(180deg);
	background-size: 18px 18px;
	left: 4px;
	top: 6px;
}

#searchResult .pagerSP .pagenation ul li.next a::after {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/assets/img/icon_arrow_gray.png) center center no-repeat;
	background-size: 18px 18px;
	right: 4px;
	top: 6px;
}

#searchResult .pagerSP .pagenation ul li.disabled {
	opacity: 0.4;
}

#searchResult .pagerSP .perpagelabel {
	width: 100%;
}

#searchResult .pagerSP .perpage {
	width: 100%;
	padding-bottom: 10px;
}

#searchResult .pagerSP .perpage dl {
	display: table;
	margin: 0 0 0 auto;
}

#searchResult .pagerSP .perpage dl dt {
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}

#searchResult .pagerSP .perpage dl dd {
	display: table-cell;
	vertical-align: middle;
	padding-right: 5px;
}

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

/*  refineSearchCall ************************************************/
#searchResult .refineSearchCall {
	display: table;
	width: 100%;
	margin-bottom: 3%;
}
#searchResult .refineSearchCall p {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 15px;
}

#searchResult .refineSearchCall p.allNum {
	background: #9abed2;
	color: #cc0000;
	text-align: right;
}

#searchResult .refineSearchCall p.refineSearchCallBtn {
	width: 65%;
	background: #008ad2;
	color: #ffffff;
	text-align: left;
	position: relative;
}
#searchResult .refineSearchCall p.refineSearchCallBtn::after {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: url(/assets/img/icon_plus_sp.png) 0 0 no-repeat;
	background-size: 25px 25px;
	position: absolute;
	top: 9px;
	right: 8px;
}

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

#searchResult .searchItemList {
	display: block;
	padding: 3% 1.25%;
}

#searchResult .searchItemList > ul {
	display: block;
	box-sizing: border-box;
	width: 100%;
}
#searchResult .searchItemList > ul > li {
	display: block;
	box-sizing: border-box;
	padding: 0 0 6% 0;
	margin-bottom: 6%;
	border-bottom: 1px solid #cccccc;
}

#searchResult .searchItemList > ul > li > .itemData {
	display: block;
	width: 100%;
	min-height: 120px;
	margin: 0 auto;
}
#searchResult .searchItemList > ul > li > .itemData a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
}
#searchResult .searchItemList > ul > li > .itemData a::after {
	content: "\ea1c";
	display: block;
	height: 12px;
	width: 12px;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	color: #008ad2;
	top: 48px;
	right: 4px;
}

#searchResult .searchItemList > ul > li > .itemData dl {
}
#searchResult .searchItemList > ul > li > .itemData dl .name {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 5.5em 0 130px;
	color: #3f8cd9;
	position: relative;
}

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

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

#searchResult .searchItemList > ul > li > .itemData dl .name > span.directSend {
	display: block;
	width: 3em;
	position: absolute;
	right: 2em;
	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: 100%;
	height: 48px;
	padding: 0 3em 0 130px;
	margin-top: 10px;
	font-size: 1rem;
	color: #333333;
	line-height: 1.2;
	position: relative;
	overflow: hidden;
}
#searchResult .searchItemList > ul > li > .itemData dl .caption::before {
	content: "…";
	position: absolute;
	right: 3.5em;
	bottom: 0;
	display: block;
	width: 2.1em;
	text-align: center;
	background: #ffffff;
}
#searchResult .searchItemList > ul > li > .itemData dl .caption:after {
	content: "";
	position: relative;
	right: 0;
	float: right;
	width: 2.1em;
	height: 100%;
	background-color: #ffffff;
}

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

#searchResult .searchItemList > ul > li > .itemData dl .wappen {
	display: none;
}

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

#searchResult .searchItemList .orderPrintGuide {
	padding: 4% 0 0 0;
}

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

#searchResult .searchItemList .orderPrintGuide .inner > .guideimg {
	display: table-cell;
	width: 60px;
	position: relative;
	top: inherit;
	left: inherit;
	vertical-align: bottom;
}
#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: 2%;
	vertical-align: bottom;
}
#guidePage .orderPrintStepMini {
	display: block;
	padding-left: 0;
	margin-bottom: 10px;
}

#guidePage .orderPrintStepMini > p,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	> p {
	text-align: left;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 3%;
	color: #333333;
}
#guidePage .orderPrintStepMini > p > span,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	> p
	> span {
	display: none;
}

#guidePage .orderPrintStepMini ol,
#searchResult .searchItemList .orderPrintGuide .inner > .orderPrintStepMini ol {
	display: table;
	width: 100%;
	height: 30px;
	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: 30px;
	background: #008ad2;
	font-size: 10px;
	font-weight: 700;
	text-align: center;
	position: relative;
	vertical-align: middle;
	padding-left: 12px;
	color: #ffffff;
}
#guidePage .orderPrintStepMini ol li::after,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid #008ad2;
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
#guidePage .orderPrintStepMini ol li:nth-child(1),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(1) {
	width: 24%;
	padding-left: 5px;
}
#guidePage .orderPrintStepMini ol li:nth-child(2),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(2) {
	width: 19%;
}
#guidePage .orderPrintStepMini ol li:nth-child(3),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(3) {
	width: 19%;
}
#guidePage .orderPrintStepMini ol li:nth-child(4),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(4) {
	width: 19%;
}
#guidePage .orderPrintStepMini ol li:nth-child(5),
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li:nth-child(5) {
	width: 19%;
}

#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: 16px 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;
}

#guidePage .orderPrintStepMini ol li > span,
#searchResult
	.searchItemList
	.orderPrintGuide
	.inner
	> .orderPrintStepMini
	ol
	li
	> span {
	display: none;
}

/**************************************
 #productsDetail
 **************************************/
#productsDetail {
}
#productsDetail .lede {
	/*	display: none; */
}
#productsDetail #sidebar {
	display: none;
}

/*** productsDetailWappen *************/
#productsDetail .productsDetailWappen {
	display: block;
	padding: 0 0 1%;
	margin-top: -1%;
}
#productsDetail .productsDetailWappen ul {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	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;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
#productsDetail .productsDetailWappen ul li {
	display: block;
	height: 30px;
	width: 32%;
	padding: 0 1% 0;
	margin-bottom: 1%;
}

#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: #008ad2;
}
#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: calc(30px + 1%);
	height: 30px;
	padding: 0 0 0 1%;
}
#productsDetail .productsDetailWappen li.directSend > img {
	display: block;
	width: 100%;
	height: auto;
}

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

/*** imgArea ********************/
#productsDetail .productsDetailBox .detailImgArea {
	width: 100%;
	overflow: hidden;
	position: relative;
}

#productsDetail .productsDetailBox .detailImgArea .bigImg {
	display: block;
	width: 100%;
	max-width: 380px;
	margin: 0 auto;
	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: 100%;
	margin: 0;
	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: block;
}
#productsDetail .productsDetailBox .detailImgArea .bigImg .photoPager > p {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	z-index: 100;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
#productsDetail
	.productsDetailBox
	.detailImgArea
	.bigImg
	.photoPager
	> p.photoNext {
	right: 1.25%;
}
#productsDetail
	.productsDetailBox
	.detailImgArea
	.bigImg
	.photoPager
	> p.photoPrev {
	left: 1.25%;
}
#productsDetail .productsDetailBox .detailImgArea .bigImg .photoPager > p img {
	display: block;
	width: 100%;
	height: auto;
}

#productsDetail
	.productsDetailBox
	.detailImgArea
	.bigImg
	.photoPager
	> p.swiper-button-disabled {
	opacity: 0;
}

#productsDetail .productsDetailBox .detailImgArea .thumImgBox {
	background: #ececec;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 5px 0;
}

#productsDetail .productsDetailBox .detailImgArea .thumImgBox .thumImg {
	display: table;
	border-spacing: 5px 0;
	max-width: 100%;
}

#productsDetail .productsDetailBox .detailImgArea .thumImg li {
	display: table-cell;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	overflow: hidden;
	-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 img {
	display: block;
	width: 50px;
	height: auto;
	-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: none;
}

/*** imgArea(第2標準) ********************/
#productsDetail .productsDetailBox .detailImgArea .favoriteBtnArea {
	display: none;
}

#productsDetail .productsDetailBox .favoriteBtnAreaSp {
	padding-bottom: 10px;
}

/*** arrowGrayBtn*****/
#productsDetail .productsDetailBox .favoriteBtnAreaSp .arrowGrayBtn {
	width: 94%;
	margin: 3% auto 0 auto;
}

#productsDetail .productsDetailBox .favoriteBtnAreaSp .favoritePostedBtn {
	width: 94%;
	margin: 3% auto 0 auto;
}

#productsDetail .productsDetailBox .favoriteBtnAreaSp .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
	.favoriteBtnAreaSp
	.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
	.favoriteBtnAreaSp
	.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;
}

.hidden {
	display: none;
}

/*  zoomBtn */
#productsDetail .productsDetailBox .detailImgArea .imgZoomBtnArea {
	display: block;
}
#productsDetail .productsDetailBox .detailImgArea .imgZoomBtnArea button {
	display: block;
	width: 40px;
	height: 40px;
	padding: 10px;
	margin: 0 0 0 auto;
}
#productsDetail .productsDetailBox .detailImgArea .imgZoomBtnArea button img {
	display: block;
	width: 100%;
	height: auto;
}

/*** detailCartArea ********************/

#productsDetail .detailSpecArea {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 3% 1.25% 0;
}

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

#productsDetail .selectList > dl,
#productsDetail .specList > dl {
	display: block;
	width: 100%;
	margin-bottom: 3%;
}
#productsDetail .selectList > dl dt,
#productsDetail .specList > dl dt {
	display: block;
	width: 100%;
	padding: 8px 0;
	background: #9abed2;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
}
#productsDetail .selectList > dl dd,
#productsDetail .specList > dl dd {
	display: block;
	padding: 3% 1.25% 3% 1.25%;
	vertical-align: middle;
	text-align: center;
}

#productsDetail .detailSpecArea .supplierSpec {
	display: block;
	padding: 8px 0;
	text-align: center;
	border-top: 1px solid #008ad2;
	border-bottom: 1px solid #008ad2;
	font-size: 1.3rem;
	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;
	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: 100%;
}
#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;
}

#productsDetail .detailSpecArea .listDetailQtyArea table {
	width: 100%;
}

#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 {
	width: 96%;
	margin: 3% auto 0 auto;
}

/*** sizeSelect *****/
#productsDetail .sizeSelect {
	margin-bottom: 6%;
}

#productsDetail .selectList .skuSelectBox {
	margin-bottom: 3%;
}
#productsDetail .selectList .skuSelectBox:last-child {
	margin-bottom: 0;
}

#productsDetail .selectList .skuSelectBox .selectThickness,
#productsDetail .selectList .skuSelectBox .selectWidth,
#productsDetail .selectList .skuSelectBox .selectLength,
#productsDetail .selectList .skuSelectBox .selectColor {
}
#productsDetail .selectList .skuSelectBox .selectThickness .ttlSelectThickness,
#productsDetail .selectList .skuSelectBox .selectWidth .ttlSelectWidth,
#productsDetail .selectList .skuSelectBox .selectLength .ttlSelectLength,
#productsDetail .selectList .skuSelectBox .selectColor .ttlSelectColor {
	display: none;
}

#productsDetail .selectList .skuSelectBox label {
	display: table;
	width: 100%;
	background: #9abed2;
	border: 1px solid #008ad2;
}
#productsDetail .selectList .skuSelectBox.current label {
	background: #008ad2;
	color: #ffffff;
}

#productsDetail .selectList .skuSelectBox label span {
	display: table-cell;
	padding: 8px 0;
	font-weight: 700;
	vertical-align: middle;
}
#productsDetail .selectList .skuSelectBox label span:nth-child(1) {
	text-align: right;
	width: 30px;
}
#productsDetail .selectList .skuSelectBox label span input[type="radio"] {
	vertical-align: middle;
}
#productsDetail .selectList .skuSelectBox label span:nth-child(2) {
	text-align: left;
}

#productsDetail .selectList .skuSelectBox select {
	display: none;
	margin-top: 10px;
}

#productsDetail .selectList .skuSelectBox.current select {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

/*** currentSpec *****/
#productsDetail .detailSpecArea .currentSpec {
	margin-bottom: 3%;
}

#productsDetail .detailSpecArea .currentSpec .specList > dl dt {
	background: #cccccc;
}
#productsDetail .detailSpecArea .currentSpec .specList > dl dd {
	font-weight: 700;
	color: #cc0000;
}

/*** priceArea *****/
#productsDetail .priceArea {
	width: 100%;
	margin-top: 3%;
	margin-bottom: 6%;
	padding: 3% 1.5%;
	border: 1px solid #cc0101;
	color: #ffffff;
}
#productsDetail .priceArea > dl {
	display: block;
}
#productsDetail .priceArea > dl > dt {
	text-align: center;
	font-size: 1.4rem;
	color: #cc0101;
	font-weight: 700;
	margin-bottom: 3%;
}

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

/*** cartInArea **************************************/
#productsDetail .cartInArea {
}

#productsDetail .cartInArea .caution {
	padding: 6%;
	margin: 0 1.25% 6%;
	font-size: 1.4rem;
	text-align: center;
	font-weight: 700;
	color: #cc0000;
	border: 1px solid #cc0000;
}
/*#productsDetail .cartInArea.open .caution{display: none;}*/

/*** noRegistAleart *****/
#productsDetail .cartInArea .noRegistAleart {
	width: 94%;
	font-weight: 700;
	color: #cc0000;
	margin: 0 auto 3% auto;
	line-height: 1.4;
}

/*** cartInBtn*****/
#productsDetail .cartInArea .cartInBtn {
	width: 96%;
	margin: 3% auto 0 auto;
}

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

/*** cartInBtn*****/
#productsDetail .cartInArea .estimateInBtn {
	width: 96%;
	margin: 0 auto 0 auto;
}

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

#favorite_msg {
	/* font-size: large;*/
	/* font-size: smaller;*/
	font-size: 12px;
	font-weight: 700;
}

/*** arrowGrayBtn*****/
#productsDetail .cartInArea .arrowGrayBtn {
	width: 94%;
	margin: 3% auto 0 auto;
}

#productsDetail .cartInArea .favoritePostedBtn {
	width: 94%;
	margin: 3% auto 0 auto;
}

#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;
}

/*** quantity*****/
#productsDetail .cartInArea .quantity {
	display: block;
	text-align: right;
	vertical-align: middle;
	padding: 0 3%;
	margin: 6% 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: inherit;
	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: 40px;
	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: 6% 2%;
}

#productsDetail .orderPrintGuide .ttlBgWhite {
}
#productsDetail .orderPrintGuide .ttlBgWhite > span {
	display: none;
}

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

#productsDetail .orderPrintGuide .inner .imgTextArea {
	display: table;
	width: 100%;
	margin-bottom: 6%;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .img {
	display: table-cell;
	width: 100px;
}
#productsDetail .orderPrintGuide .inner .imgTextArea > .img > img {
	display: block;
	width: 100%;
	height: auto;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .text {
	display: table-cell;
	padding-left: 1.5%;
	vertical-align: middle;
	text-align: left;
}

#productsDetail .orderPrintGuide .inner .imgTextArea > .text h3 {
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 3%;
}

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

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

#productsDetail .orderPrintGuide .inner .stepArea {
	display: block;
}

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini {
	margin-bottom: 6%;
}

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

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini ol {
	display: table;
	width: 100%;
	height: 30px;
	border: 1px solid #ff9901;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini ol li {
	display: table-cell;
	width: 20%;
	height: 30px;
	background: #008ad2;
	color: #ffffff;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	position: relative;
	vertical-align: middle;
	padding-left: 8px;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid #008ad2;
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}

#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: 16px 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;
}

#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintStepMini
	ol
	li
	> span {
	display: none;
}

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

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

#productsDetail .orderPrintGuide .inner .stepArea .orderPrintCart > .agreeArea {
	display: table;
	text-align: left;
	margin-bottom: 3%;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> label {
	display: table-cell;
	cursor: pointer;
	margin-bottom: 5px;
	text-align: left;
	vertical-align: middle;
}
#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 {
	display: table-cell;
	font-size: 1.2rem;
	text-align: left;
	vertical-align: middle;
	padding-left: 15px;
}
#productsDetail
	.orderPrintGuide
	.inner
	.stepArea
	.orderPrintCart
	> .agreeArea
	> .kiyakuLink
	> a {
	color: #0066cc;
	text-decoration: none;
}

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

#productsDetail .orderPrintGuide .goSimulator {
	width: 100%;
	margin: 0 auto;
}

#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 > 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;
}

/*** arrowGrayBtn*****/
#productsDetail .orderPrintGuide .arrowGrayBtn {
	width: 94%;
	margin: 3% auto 0 auto;
}

#productsDetail .orderPrintGuide .favoritePostedBtn {
	width: 94%;
	margin: 3% auto 0 auto;
	display: none;
}

#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;
}

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

#productsDetail .productsDetailBox .detailCaptionAreaPC {
	/*	display: none; */
	padding: 20px 0 0 0;
	position: relative;
	float: left;
	font-size: 1.2rem;
	line-height: 1.6;
	margin-left: 5px;
}

#productsDetail .productsDetailBox .detailCaptionArea {
	width: 100%;
	padding: 3% 1.25%;
	font-size: 1.2rem;
	line-height: 1.4;
}

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

#productsDetail .priceTable > table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

#productsDetail .priceTable > table thead th {
	color: #ffffff;
	background: #008ad2;
	font-weight: 700;
	font-size: 1.2rem;
	text-align: center;
	vertical-align: middle;
	padding: 3% 0;
	border: none;
}

#productsDetail .priceTable > table tbody td {
	word-break: break-all;
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
	padding: 3% 2%;
	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: 31%;
}
#productsDetail .priceTable > table .size {
	width: 40%;
}
#productsDetail .priceTable > table .price {
	width: 29%;
}

/*** moreDetailList-********************/
#productsDetail .moreDetailList dl {
	display: block;
	width: 100%;
}

#productsDetail .moreDetailList dl dt {
	display: block;
	width: 100%;
	padding: 8px 0;
	background: #cccccc;
	vertical-align: middle;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
}
#productsDetail .moreDetailList dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 3% 0 3%;
	font-size: 1.2rem;
	line-height: 1.4;
}

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

#productsDetail .sampleStock {
	width: 94%;
	margin: 6% auto 0 auto;
}

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

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

#shoppingCart .cartInList {
	margin-bottom: 6%;
}

/** cartInList .cartInListOneLine *****/
#shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto 6%;
	padding: 0 1.5% 6%;
	border-bottom: 1px solid #008ad2;
}

#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: 120px;
	margin-bottom: 1.5%;
	float: left;
}
#shoppingCart .cartInList .cartInListOneLine .itemInfo .imgArea > img {
	display: block;
	width: 100%;
	height: auto;
}

/** textArea ****/
#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl {
	display: block;
	width: calc(100% - 120px);
	padding-left: 3%;
	margin-bottom: 3%;
	float: right;
	width: 100%;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dt {
	display: block;
	font-weight: 700;
	float: left;
	padding-top: 5px;
	margin-right: 10px;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .textArea dl dd {
	display: block;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.4;
	word-break: break-all;
	width: 100%;
}
#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl.designName
	dd {
	font-weight: 700;
}

/** itemInfoMore ****/
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore {
	padding-top: 3%;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl {
	-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: 100%;
	margin: 0 auto;
	float: none;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dt,
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dd {
	display: block;
	float: left;
	font-size: 1.4rem;
	vertical-align: middle;
	word-break: break-all;
	margin: 0 auto 1%;
	padding-top: 3%;
	padding-bottom: 3%;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dt {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 120px;
	font-weight: 700;
}

#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl dd {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: left;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
	width: calc(100% - 120px);
	padding-left: 3%;
	padding-right: 3%;
}

#cart_total_price_field {
	margin: 0 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: #008ad2;
	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: 3%;
}

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

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

#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;
	font-weight: 700;
	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;
}

#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn
	button
	> span,
#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn
	a
	> span {
	display: none;
}

/** quantitySelectArea ****/
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity {
	width: 90px;
	padding-left: 20px;
	padding-right: 10px;
}

#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	select {
	height: 40px;
	width: 60px;
	font-size: 1rem;
	line-height: 16px;
	border-color: #cccccc;
	background-color: #fffff2;
	text-align: center;
	vertical-align: middle;
	margin: 0;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity .unit {
	display: none;
}

/** price ****/
#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price {
	margin-top: 3%;
	padding: 0 3% 0 0;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price dl {
	display: block;
	width: 100%;
	padding-bottom: 10px;
}

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.price dl dt {
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
}

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

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

#shoppingCart .cartInList .cartInListOneLine .salePrice {
	display: block;
	margin: 0;
	padding: 0;
}
#shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	display: table;
	width: 100%;
	background: #f8f8f8;
	margin: 1.5% 0 0 0;
}

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

/** cartInList .totalArea *****/
#shoppingCart .totalArea {
	display: table;
	width: 97%;
	margin: 3% auto 0 auto;
	background: #ececec;
	padding: 3% 0;
}

#shoppingCart .totalArea .inner {
	display: table;
	width: 100%;
	margin: 0 auto 3% auto;
}

#shoppingCart .totalArea .estimate,
#shoppingCart .totalArea .totalQuantity,
#shoppingCart .totalArea .totalPrice {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}

#shoppingCart .totalArea .totalQuantity {
	width: 190px;
	padding-left: 120px;
	padding-right: 10px;
}

#shoppingCart .totalArea .totalPrice {
	padding: 0 3% 0 0;
}

#shoppingCart .totalArea .totalQuantity dt,
#shoppingCart .totalArea .totalPrice dt {
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
}
#shoppingCart .totalArea .totalQuantity dd,
#shoppingCart .totalArea .totalPrice dd {
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 1.2rem;
	font-weight: 700;
	color: #d21300;
}

#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;
}

#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: 40px;
}

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

#shoppingCart .totalArea .salePrice {
	display: block;
	margin: 0 auto;
	padding: 0;
}
#shoppingCart .totalArea .salePrice > dl {
	display: table;
	width: 97%;
	background: #f8f8f8;
	margin: 1.5% auto 0 auto;
}

#shoppingCart .totalArea .salePrice > dl > dt {
	display: table-cell;
	width: 190px;
	text-align: right;
	vertical-align: middle;
	padding: 3% 10px 3% 0;
	font-size: 1.2rem;
}
#shoppingCart .totalArea .salePrice > dl > dd {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding: 3% 3% 3% 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 3% auto;
}

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

#shoppingPayment .currentAddress ul li label {
	display: table;
	width: 100%;
}
#shoppingPayment .currentAddress ul li label .inputArea {
	display: table-cell;
	width: 40px;
	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: 40%;
	margin: 3% 3% 0 auto;
}
#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 12px;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	background: #008ad2;
	text-align: left;
	position: relative;
	cursor: pointer;
}
#shoppingPayment .addAddress .addOpenBtn::after {
	content: "\ea1c";
	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;
	-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;
	position: absolute;
	top: 12px;
	right: 12px;
}
#shoppingPayment .addAddress.open .addOpenBtn::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#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: block;
	width: 100%;
}
#shoppingPayment .paymentSelectArea > dl > dt {
	display: none;
}

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

#shoppingPayment .paymentSelectArea > dl > dd > ul {
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li {
	display: block;
	width: 100%;
	margin: 0 0 3% 0;
}
#shoppingPayment .paymentSelectArea > dl > dd > ul > li:last-child {
	margin-bottom: 0;
}

#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.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 .openForm {
	display: none;
}

#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: 3%;
	background: #008ad2;
	position: relative;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl {
	width: 100%;
	box-sizing: border-box;
	padding: 3%;
	background: #9abed2;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dt {
	display: none;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dd {
}
#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: block;
	width: 100%;
	margin-top: 10px;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dt {
	display: none;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl
	> dd {
	display: block;
	width: 100%;
	vertical-align: middle;
}

#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.cardNum
	> dd
	span {
	display: block;
	width: 25%;
	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: 48%;
	margin-right: 2%;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.limit
	> dd
	select:last-child {
	margin-right: 0;
}
#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	.openForm
	> .inner
	> dl
	> dd
	> dl.code
	> dd
	input {
	width: 60%;
}

/* member/point */
.shop_point_ol {
	border: 2px solid skyblue;
	width: 97%;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 10px;
	border-radius: 8px;
}

.shop_point_ol .main_li {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.shop_point_ol .showBtn {
	text-align: center;
}

.shop_point_ol .button-text {
	display: block;
}

.shop_point_ol .showBtn a {
	background-color: #003eff;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	width: 28%;
	padding: 10px 10px;
	margin-bottom: 5px;
}

.shop_point_ol .sub {
	line-height: 15px;
	font-weight: bold;
}

.shop_point_ol .terminable_date_li {
	font-weight: bold;
	padding-top: 5px;
}

.shop_point_ol .sub > li:nth-of-type(2) {
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}

.shop_point_message p {
	padding: 5px;
	margin-left: 2px;
}

/* member/point/show */
.shop_table {
	margin-left: 5px;
}

form#count_per_page_form {
	padding: 5px 0;
}

.shop_point_table {
	display: block;
	margin: 5px;
	width: 97%;
	border-collapse: collapse;
	overflow-x: auto;
}

.shop_point_table thead {
	display: block;
	overflow-x: auto;
	white-space: nowrap;
}

.shop_point_table th {
	background-color: blue;
	border: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.shop_point_table td {
	border: 1px solid #ddd;
	padding: 5px;
	white-space: normal;
	word-wrap: break-word;
	overflow: hidden;
}

.shop_point_table th:nth-of-type(1),
.shop_point_table td:nth-of-type(1) {
	width: 10%;
}

.shop_point_table th:nth-of-type(2),
.shop_point_table td:nth-of-type(2) {
	width: 20%;
}

.shop_point_table th:nth-of-type(3),
.shop_point_table td:nth-of-type(3) {
	width: 20%;
}

.shop_point_table th:nth-of-type(4),
.shop_point_table td:nth-of-type(4) {
	width: 10%;
}

.shop_point_table th:nth-of-type(5),
.shop_point_table td:nth-of-type(5) {
	width: 15%;
}

.shop_point_table th:nth-of-type(6),
.shop_point_table td:nth-of-type(6) {
	width: 25%;
}

/* listorder */
.listorder #file_upload {
	padding: 8px;
}

.listorder .underBtnArea ul.cf {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
}

.listorder .underBtnArea ul.cf .backBtn {
	width: 100%;
}

.listorder .underBtnArea {
	width: 96%;
	box-sizing: border-box;
	margin: 0 auto 6% auto;
}

.listorder .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;
}

/**************************************
 #contactForm
 **************************************/
#contactForm .lede {
	display: none;
}

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

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

/**  loginArea  ******/
#loginForm .loginWrap > .loginArea {
	margin-bottom: 9%;
}
#loginForm .loginWrap > .loginArea .ttl,
#loginForm .loginWrap > .loginArea .lede {
	display: none;
}

#loginForm .loginWrap > .loginArea .loginBtnArea {
	margin: 0 1.25%;
}
#loginForm .loginWrap > .loginArea .loginBtnArea > .reminder {
	display: block;
	text-align: left;
	font-size: 1.4rem;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	margin: 6% auto;
}

#loginForm .loginWrap > .loginArea .loginBtnArea > .reminder a.iconArrow {
	display: block;
	color: #333333;
	padding: 8px 1.25%;
	text-decoration: none;
	position: relative;
}
#loginForm
	.loginWrap
	> .loginArea
	.loginBtnArea
	> .reminder
	a.iconArrow::before {
	display: none;
}
#loginForm
	.loginWrap
	> .loginArea
	.loginBtnArea
	> .reminder
	a.iconArrow::after {
	content: "\ea1c ";
	display: block;
	position: absolute;
	font-family: iconFont;
	text-rendering: auto;
	color: #008ad2;
	top: 10px;
	right: 4px;
	font-size: 1.1rem;
}

#loginForm .loginWrap > .loginArea .loginBtnArea > .arrowOrangeBtn {
	width: 96%;
	margin: 0 auto;
}

/** entryArea ******/
#loginForm .loginWrap > .entryArea {
	padding: 0 1.25%;
}

#loginForm .loginWrap > .entryArea .lede {
	width: 96%;
	margin: 0 auto;
}

#loginForm .loginWrap > .entryArea .arrowOrangeBtn {
	width: 96%;
	margin: 6% auto 0;
}

/**************************************
 #entryForm
 **************************************/
#entryForm .lede {
	display: none;
}

#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 #sidebar {
	display: none;
}

#guidePage .lede {
	display: none;
}
#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;
}

/** guideNav *************************/
#guidePage .guideNav {
	display: none;
}

/** guideOpen *************************/
#guidePage .oneSection.guideOpenBox {
	margin-bottom: 1px;
	padding: 0 1.25%;
}
#guidePage .oneSection.guideOpenBox + .contactSection {
	margin-top: 6%;
}

#guidePage .oneSection.guideOpenBox > .guideInner {
	display: none;
	padding: 0 1.25% 6%;
	font-size: 1.2rem;
	line-height: 1.6;
}
#guidePage .oneSection.guideOpenBox.open > .guideInner {
	display: block;
	-webkit-animation: showAnimation 0.2s linear 0s;
	animation: showAnimation 0.2s linear 0s;
}

#guidePage .oneSection.guideOpenBox .ttlOpenList {
	display: block;
	box-sizing: border-box;
	height: 34px;
	padding: 10px 3%;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	background: #008ad2;
	text-align: left;
	position: relative;
	cursor: pointer;
}
#guidePage .oneSection.guideOpenBox.open .ttlOpenList {
	margin-bottom: 3%;
}

#guidePage .oneSection.guideOpenBox .ttlOpenList::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);
	text-align: center;
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	position: absolute;
	top: 9px;
	right: 9px;
}
#guidePage .oneSection.guideOpenBox.open .ttlOpenList::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/** guide oneSection *************************/
#guidePage .oneSection .guideSection {
	padding: 6% 0 0 0;
	text-align: left;
}
#guidePage .oneSection .guideSection:nth-child(1) {
	padding-top: 0;
}

#guidePage .oneSection .guideSection .guidettl {
	font-weight: 700;
	color: #000000;
	margin-bottom: 1.5%;
}

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

#guidePage .oneSection .guideSection .capImg {
	display: none;
}
#guidePage .oneSection .guideSection .capImg .left {
	width: 100%;
	margin-bottom: 3%;
}
#guidePage .oneSection .guideSection .capImg .right {
	width: 100%;
	margin-bottom: 3%;
}
#guidePage .oneSection .guideSection .capImg p {
	padding-top: 1.5%;
	font-size: 1rem;
	text-align: left;
}
#guidePage .oneSection .guideSection .capImg img {
	display: block;
	width: 100%;
	height: auto;
}

#guidePage .oneSection .guideSection p + .capImg {
	padding-top: 3%;
}
#guidePage .oneSection .guideSection .capImg + p {
	padding-top: 3%;
}

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

/** .indentList*************************/
#guidePage .oneSection .guideSection .indentList {
	display: block;
	padding: 3% 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: 3%;
}

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

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

/** flowStep *************************/
#guidePage .oneSection .guideSection .flowStep {
	display: block;
	padding-top: 3%;
}
#guidePage .oneSection .guideSection .flowStep > li {
	display: table;
	width: 80%;
	height: 40px;
	border: 1px solid #cccccc;
	text-align: center;
	position: relative;
	margin: 0 auto 20px;
}
#guidePage .oneSection .guideSection .flowStep > li::after {
	content: "";
	display: block;
	width: 16px;
	height: 8px;
	background: url(../img/guide/icon_step_arrow_sp.png) 0 0 no-repeat;
	background-size: 16px 8px;
	position: absolute;
	left: 50%;
	bottom: -15px;
}
#guidePage .oneSection .guideSection .flowStep > li:last-child {
	margin-bottom: 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.2;
}

#guidePage .oneSection .guideSection .sodanStep {
	padding-top: 3%;
	text-align: center;
}
#guidePage .oneSection .guideSection .sodanStep img {
	display: block;
	width: 100%;
	height: auto;
}

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

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

#guidePage .oneSection .postageTable .Nitto {
	width: 100%;
	margin: 0 auto 3%;
}
#guidePage .oneSection .postageTable .shop {
	width: 100%;
	margin: 0 auto;
}

#guidePage .oneSection .postageTable table {
	width: 100%;
	font-size: 1.2rem;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #cccccc;
}
#guidePage .oneSection .postageTable table thead,
#guidePage .oneSection .postageTable table th {
	border-bottom: 1px solid #cccccc;
}

#guidePage .oneSection .postageTable table thead th {
	font-weight: 700;
}

#guidePage .oneSection .postageTable table th,
#guidePage .oneSection .postageTable table td {
	padding: 4px 0 4px 5px;
	text-align: left;
}

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

/*　referenceLink　*/
#guidePage .oneSection a.referenceLink::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	color: #88b04b;
	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 > a {
	font-size: 1.2rem;
	font-weight: 300;
}

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

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

#guidePage .oneSection .faqSection > .arrowGrayBtn {
	padding: 3% 0 0 20px;
}

/** .faqContactBox ****/
#guidePage .oneSection .faqSection .faqContactBox {
	display: none;
}

/**************************************
 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;
}

.pcOnly {
	display: none !important;
}

/***会員管理***/

.memberList table,
.memberList thead,
.memberList tbody,
.memberList th,
.memberList td,
.memberList tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.memberList thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.memberList tr {
	border: 1px solid #ccc;
}

.memberList td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.memberList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
 Label the data
 */
.memberList td:nth-of-type(1):before {
	content: "No";
}
.memberList td:nth-of-type(2):before {
	content: "氏名";
}
.memberList td:nth-of-type(3):before {
	content: "メールアドレス";
}
.memberList td:nth-of-type(4):before {
	content: "権限";
}
.memberList td:nth-of-type(5) {
	/*display: none;*/
	content: "";
}
.memberList td:nth-of-type(6) {
	/*display: none;*/
	content: "";
}

.member_searchBtn {
	border: none;
	color: white;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	/*margin: 4px 2px;*/
	margin: 4px 130px;
	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;
}

.page_nav03 {
	float: right;
}

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

#userBox .userList .crud_button {
	padding-top: 15px;
	margin: 10px 10px;
}

.changeAddress2 .crud_button {
	margin: 5px;
	width: 40px;
}

/*
 Favourite List
 */

.fav_deleteBtn {
	border: none;
	color: white;
	padding: 13px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	cursor: pointer;
	background-color: #cc0000;
	/*margin: 0px 30px 30px;*/
	margin: 0px 20px 5px;
	float: right;
}

.favoriteProductBtn {
	margin-left: 10px;
	width: 30%;
	border-radius: 4px;
	background: #cc0000;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 40px;
}

/***Coupon List***/

.couponList table,
.couponList thead,
.couponList tbody,
.couponList th,
.couponList td,
.couponList tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.couponList thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.couponList tr {
	border: 2px solid #ccc;
	border-radius: 8px;
	margin: 0 10px 10px 10px;
}

.couponList td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.couponList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
	Label the data
 */
.couponList td.couponName:before,
.couponList td.couponType:before,
.couponList td.couponNumber:before,
.couponList td.couponLimit:before,
.couponList td.couponLimitCount:before,
.couponList td.couponUsedCount:before {
	content: attr(data-label) !important;
}

.couponShowButton {
	border-style: none;
	color: #ffffff;
	background-color: #99aeeb;
	padding: 2px 8px;
}

#couponUsage {
	margin: 0 10px;
	border: 1px solid #000000;
	padding: 10px;
}

#couponDetailList .boxInListOneLine {
	border-bottom: 1px solid #ff9900;
	padding-bottom: 10px;
}

#couponDetailList .boxInListOneLine:last-of-type {
	border: none;
}

.scroll > div:first-of-type {
	margin: 0 7px;
}

#couponBackBtn .link_button {
	padding-left: 50px;
	padding-right: 10px;
	margin-left: 10px;
}

.cartInBtn.couponCartBtn {
	margin: 0 10px;
}

/****ご購入履歴****/
.orderList table,
.orderList thead,
.orderList tbody,
.orderList th,
.orderList td,
.orderList tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.orderList thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.orderList tr {
	border: 0 solid #ccc;
}

.orderList td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.orderList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
	Label the data
 */
.orderList td.orderNum:before,
.orderList td.orderDate:before,
.orderList td.orderer:before,
.orderList td.orderItem:before,
.orderList td.orderStatus:before,
.orderList td.orderPrice:before {
	content: attr(data-label) !important;
}

.historyList table,
.historyList thead,
.historyList tbody,
.historyList th,
.historyList td,
.historyList tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.historyList thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.historyList tr {
	border: 0 solid #ccc;
}

.historyList td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.historyList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
	Label the data
 */
.historyList td.orderHistoryChangeLogNo:before,
.historyList td.orderHistoryChangeLogPeriodFrom:before,
.historyList td.orderHistoryChangeLogPeriodTo:before,
.historyList td.orderHistoryChangeLogTotalPrice:before,
.historyList td.estimateHistoryChangeLogNo:before,
.historyList td.estimateHistoryChangeLogPeriodFrom:before,
.historyList td.estimateHistoryChangeLogPeriodTo:before,
.historyList td.estimateHistoryChangeLogTotalPrice:before {
	content: attr(data-label) !important;
}

.detail_Btn {
	border: none;
	color: black;
	padding: 0px 5px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
	/*margin: 4px 25px;*/
	/*margin: 3px 0 0 -150px;*/
	cursor: pointer;
	background-color: #b0e0e6;
	/*width: 90px;*/
	height: 30px;
	width: calc(100% - 20px);
	margin: 3px 10px 3px 0px;
}

.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: 4px 25px;*/
	/*margin: -30px 0 0 -50px;*/
	cursor: pointer;
	/*background-color: #ffff00;*/
	background-color: #9acd32;
	/*width: 90px;*/
	height: 30px;
	width: calc(100% - 20px);
	margin: 3px 10px 3px 0px;
}

.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: 4px 25px;*/
	/*margin: -30px 0 0 50px;*/
	cursor: pointer;
	background-color: #cc0000;
	/*width: 90px;*/
	height: 30px;
	width: calc(100% - 20px);
	margin: 3px 10px 3px 0px;
}

.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: calc(100% - 20px);
	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: calc(100% - 20px);
	height: 30px;
}

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

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

.btnSpace tr {
	background: initial;
	border: 0;
}
.btnSpace td,
th {
	padding: 6px;
	text-align: left;
	line-height: 2;
}
.btnSpace td:nth-of-type(1):before {
	content: "";
}
.btnSpace td:nth-of-type(2):before {
	content: "";
}
.btnSpace td:nth-of-type(3):before {
	content: "";
}
.btnSpace td:nth-of-type(4):before {
	content: "";
}
.btnSpace td:nth-of-type(5):before {
	content: "";
}

/*******注文商品リスト******/
.orderProductList table,
.orderProductList thead,
.orderProductList tbody,
.orderProductList th,
.orderProductList td,
.orderProductList tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.orderProductList thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.orderProductList tr {
	border: 0 solid #ccc;
}

.orderProductList td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.orderProductList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

.orderProductList td:nth-of-type(1):before {
	content: "注文日";
}
.orderProductList td:nth-of-type(2):before {
	content: "注文ステータス";
}
.orderProductList td:nth-of-type(3):before {
	content: "商品画像";
}
.orderProductList td:nth-of-type(4):before {
	content: "商品名";
}
.orderProductList td:nth-of-type(5):before {
	content: "サプライヤー";
}
.orderProductList td:nth-of-type(6):before {
	content: "数量";
}
.orderProductList td:nth-of-type(7):before {
	content: "価格(税抜き)";
}
.orderProductList td:nth-of-type(8) {
	/*display: none;*/
	content: "";
	padding-left: 0px;
}

/*******見積リスト******/
.estimateList table,
.estimateList thead,
.estimateList tbody,
.estimateList th,
.estimateList td,
.estimateList tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.estimateList thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.estimateList tr {
	border: 0 solid #ccc;
}

.estimateList td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.estimateList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
 Label the data
 */
.estimateList td.estimateNum::before,
.estimateList td.estimateDate::before,
.estimateList td.requester::before,
.estimateList td.estimateItem::before,
.estimateList td.estimatePrice::before,
.estimateList td.estimateStatus::before {
	content: attr(data-label) !important;
}

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

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

.btnSpace tr {
	background: initial;
	border: 0;
}
.btnSpace td,
th {
	padding: 6px;
	text-align: left;
	line-height: 2;
}
.btnSpace td:nth-of-type(1):before {
	content: "";
}
.btnSpace td:nth-of-type(2):before {
	content: "";
}
.btnSpace td:nth-of-type(3):before {
	content: "";
}
.btnSpace td:nth-of-type(4):before {
	content: "";
}

/*
 Confirm Table
 */
#confirm_tb th tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 100%;
}

#confirm_tb tr {
	border: 1px solid #ccc;
}

#confirm_tb td {
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
	margin: -20px 0 0 70px;
	width: 100%;
}

#confirm_tb td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/** topBtn******************************/
.topBtn button,
.topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 30px;
	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;
}
.topBtn button::before,
.topBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 30px;
	border-right: 1px solid #8e0000;
	background: url(/assets/img/top_page_arrow.gif) center no-repeat;
	/*background-size: 8px auto;*/
	background-size: 14px auto;
	left: 4px;
	top: 5px;
}

.freepage_contents {
	padding: 5px;
}
#commonTitleBar {
	padding: 5px;
}

.inner_text {
	padding: 5px;
}

#privacyPolicyPageAdjustment,
#servicePageAdjustment {
	padding: 5px 20px 0 20px;
	line-height: 1.5;
}

.cart {
	color: #fff;
	background: #cc0000;
	padding: 10px 30px;
	margin-left: 840px;
	border: none;
	cursor: pointer;
	font-weight: 900;
}

.guide_content {
	padding: 5px;
	font-size: 10px;
}

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

.sp_onlyEstimate {
	margin-left: 1px;
}

#sp_orderdetail {
	line-height: 40px;
	margin-left: -60px;
}

/*******************************
 クーポン詳細
 ********************************/
.couponDetail table,
.couponDetail thead,
.couponDetail tbody,
.couponDetail th,
.couponDetail td,
.couponDetail tr {
	display: block;
	margin: 2px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.couponDetail thead tr {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.couponDetail tr {
	border: 1px solid #ccc;
}

.couponDetail td {
	/* Behave  like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
}

.couponDetail td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

/*
 Label the data
 */
.couponDetail td:nth-of-type(1):before {
	content: "製品写真";
}
.couponDetail td:nth-of-type(2):before {
	content: "品番";
}
.couponDetail td:nth-of-type(3):before {
	content: "製品名";
}

/**************************************
 lawTable
 **************************************/
#mainContents .lawTable {
	display: block;
	width: 100%;
	padding: 0 1.25%;
	margin: 3% auto 0;
}

#mainContents .lawTable > .ttl {
	margin-top: 6%;
}

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

#mainContents .lawTable > dl > dd {
	display: block;
	padding: 5px;
	/*	text-align: center;*/
	text-align: left;
	line-height: 2;
}
.service_content {
	padding: 5px;
}

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

#mainContents .lawTable > dl > dt {
	/* display: none; */
	background: #ececec;
	text-align: center;
	/*text-align: left;*/
	font-size: 1.4rem;
	font-weight: 700;
	padding: 5px;
}

.sp_centerAlign {
	text-align: center;
}

.scrollableUl {
	height: 100px;
	overflow: auto;
}
/***************************
 Haruichi Portia Pay
 *****************************/
#mainPortia {
	width: 100%;
	font-size: 13px;
}
#mainPortia img {
	max-width: 100%;
	max-height: 100%;
}

.subPortia {
	margin-top: 40px;
}
.p03 {
	margin-left: 1px;
}

/*************************
 Pay List
 ***************************/
#payList {
	text-align: center;
}

#payList img {
	max-width: 100%;
	height: auto;
	width: auto;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#payList dd {
	margin: 5px 0 0 0;
}

/******************
 Portia Service
 **********************/
#portiaService {
	text-align: center;
}
#portiaService img {
	max-width: 100%;
	height: auto;
	width: auto;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
#portiaService dd {
	margin: 10px 0 0 0;
}

/***********************
 Q&A
 ***********************/
#quiz {
	width: 100%;
	height: 0;
	padding-top: 4%;
	position: relative;
}
#quiz dl {
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

#quiz dt {
	display: inline-block;
	width: 30%;
	text-align: right;
}

#quiz dd {
	width: 50%;
	display: inline-block;
	padding-bottom: 30px;
}

.circleSize {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 100%;
	vertical-align: middle;
}

.border_bottom {
	border-bottom: thick dotted #c0c0c0;
	width: 100%;
}

/**************************************
oyakudachi
**************************************/
#oyakudachi {
}
#oyakudachi img {
	max-width: 100%;
	height: auto;
}
#oyakudachi #sidebar {
	display: none;
}
#oyakudachi .oneSection > div {
	margin-bottom: 30px;
}
#oyakudachi > div p {
	line-height: 1.5;
	padding: 0 8px;
}
#oyakudachi .imgbox {
	margin: 16px 0;
}
#oyakudachi .grayBox {
	background-color: #ececec;
	padding: 16px;
	margin: 16px 0;
}
#oyakudachi .grayBox p {
	padding: 0;
}
#oyakudachi .grayBox::after {
	content: "";
	display: block;
	clear: both;
}
#oyakudachi .grayBox .imgLeft {
	text-align: center;
	margin-bottom: 1em;
}
#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 {
	line-height: 1.3;
	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 .subttl {
	margin-bottom: 16px;
	padding-left: 8px;
	border-left: 2px solid #008ad2;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 20px;
	color: #000000;
}
#oyakudachi .subLinks ul {
	margin: 0 8px;
}
#oyakudachi .subLinks li {
	line-height: 1.5;
}
#oyakudachi .subLinks li a {
	text-decoration: none;
	color: #333;
}

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

/*** sort **************/
#userBox .userBoxPager {
	display: table;
	width: 100%;
	margin-bottom: 6%;
}
#userBox .userBoxPager > p,
#userBox .userBoxPager > .sortBox {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4rem;
	font-weight: 700;
	padding: 15px;
}

#userBox .userBoxPager > p.hitNum {
	background: #ececec;
	color: #cc0000;
	text-align: right;
}

#userBox .userBoxPager > p.hitNum .currentNum {
	display: none;
}

#userBox .userBoxPager > .sortBox {
	width: 70%;
	background: #008ad2;
	color: #ffffff;
	text-align: left;
	position: relative;
}

#userBox .userBoxPager > .sortBox select {
	border-color: #ffffff;
	color: #333333;
	-webkit-appearance: none;
	background: url(../img/icon_select.png) calc(100% - 8px) 10px no-repeat #ffffff;
}

/*** pager **************/
#userBox .userBoxPager .pagenation,
#userBox .userBoxPager.under {
	/* display: none; */
}

#userBox .userBoxPagerSP {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 6%;
}
#userBox .userBoxPagerSP p {
	display: block;
}
#userBox .userBoxPagerSP p .allNum {
	font-size: 1.2rem;
}
#userBox .userBoxPagerSP p .currentNum {
	font-size: 1.2rem;
}

#userBox .userBoxPagerSP .pagenation {
	display: block;
}

#userBox .userBoxPagerSP .pagenation ul {
	display: block;
	height: 30px;
	padding: 0 1.25%;
	margin: 3% auto 0 auto;
}

#userBox .userBoxPagerSP .pagenation ul li.prev,
#userBox .userBoxPagerSP .pagenation ul li.next {
	display: block;
	box-sizing: border-box;
	width: 49%;
	height: 30px;
	text-align: center;
	float: right;
}

#userBox .userBoxPagerSP .pagenation ul li.prev {
	float: left;
}

#userBox .userBoxPagerSP .pagenation ul li a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	padding: 0;
	border: 1px solid #cccccc;
	border-radius: 2px;
	background: #fcfcfc;
	text-align: center;
	font-size: 1.4rem;
	color: #000000;
	text-decoration: none;
	box-shadow: 0 1px 0 rgba(217, 217, 217, 1);
	line-height: 30px;
}

#userBox .userBoxPagerSP .pagenation ul li.prev a::before {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/assets/img/icon_arrow_gray.png) center center no-repeat;
	transform: rotate(180deg);
	background-size: 18px 18px;
	left: 4px;
	top: 6px;
}

#userBox .userBoxPagerSP .pagenation ul li.next a::after {
	content: "";
	display: block;
	position: absolute;
	width: 18px;
	height: 18px;
	background: url(/assets/img/icon_arrow_gray.png) center center no-repeat;
	background-size: 18px 18px;
	right: 4px;
	top: 6px;
}

#userBox .userBoxPagerSP .pagenation ul li.disabled {
	opacity: 0.4;
}

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

#userBox .boxInList .boxInListOneLine {
	margin: 0 auto 8%;
}

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

#userBox .boxInList .boxInListOneLine > .inner > .idNum {
	display: block;
	width: 100%;
	padding: 3%;
	font-size: 1.4rem;
	text-align: left;
	background: #ececec;
	margin-bottom: 3%;
}

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

#userBox .boxInList .boxInListOneLine > .inner > .itemData {
	display: block;
	padding: 0 1.5%;
}

/*** 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: 120px;
	vertical-align: top;
	text-align: center;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	> .thum {
	width: 120px;
	height: 120px;
	position: relative;
}

#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: 10px;
	bottom: 10px;
}

#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: top;
	padding-left: 3%;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName {
	width: 100%;
	margin-bottom: 6%;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dt {
	display: none;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dd {
	display: block;
	text-align: left;
	font-size: 1.4rem;
	line-height: 1.2;
	line-height: 1.4;
	word-break: break-all;
}

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

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName {
	width: 100%;
	margin-bottom: 3%;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dt {
	display: none;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd {
	display: block;
	text-align: left;
	line-height: 1.4;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd.name {
	margin-bottom: 3%;
}
#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd.name
	input[type="text"] {
	height: 48px;
	vertical-align: middle;
	line-height: 46px;
	border-color: #cccccc;
	padding: 0 1.5%;
}

#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.designName
	dd.arrowGrayBtn {
	width: 130px;
	margin: 1.5% 0 0 auto;
}

/*** productsDetailWappen *************/
#userBox .boxInListWappen {
	display: none;
}

/*** itemData itemInfo*************/
#userBox .itemInfo,
#userBox .itemInfoMore {
	padding: 3% 0 0;
}

#userBox .itemInfo dl,
#userBox .itemInfoMore dl {
	-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: 100%;
	margin: 0 auto;
}

#userBox .itemInfo dl dt,
#userBox .itemInfo dl dd,
#userBox .itemInfoMore dl dt,
#userBox .itemInfoMore dl dd {
	display: block;
	float: left;
	margin: 0 0 1.5% 0;
	font-size: 1.4rem;
	vertical-align: middle;
	word-break: break-all;
	padding-top: 3%;
	padding-bottom: 3%;
}

#userBox .itemInfo dl dt,
#userBox .itemInfoMore dl dt {
	width: 120px;
}
#userBox .itemInfo dl dd,
#userBox .itemInfoMore dl dd {
	width: calc(100% - 120px);
}

#userBox .itemInfo dl dt {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#userBox .itemInfo dl dd {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: left;
	-webkit-box-pack: left;
	-webkit-justify-content: left;
	justify-content: left;
}

/** date ***************/
#userBox .itemInfo dl.date dt {
	background: #008ad2;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}
#userBox .itemInfo dl.date dd {
	background: #9abed2;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	padding-left: 3%;
	padding-right: 3%;
}

/** id ***************/
#userBox .itemInfo dl.id dt {
	background: #efefef;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
}
#userBox .itemInfo dl.id dd {
	background: #f8f8f8;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	padding-left: 3%;
	padding-right: 3%;
}

/** size ***************/
#userBox .itemInfo dl.size dt {
	background: #008ad2;
	font-size: 1.4rem;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
}
#userBox .itemInfo dl.size dd {
	background: #9abed2;
	font-size: 1.4rem;
	line-height: 1.4;
	color: #000000;
	text-align: left;
	padding-left: 3%;
	padding-right: 3%;
}

/** statusList ***************/
#userBox .itemInfoMore dl.statusList {
}

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

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

#userBox .itemInfoMore dl.statusList dd.status {
	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 {
	display: block;
	margin: 3% auto 3%;
}

#userBox .itemInfoMore dl.spec dt {
	width: 100%;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
	margin-bottom: 3%;
	float: none;
}

#userBox .itemInfoMore dl.spec dd {
	width: 100%;
	padding-left: 5px;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	line-height: 1.4;
	float: none;
}

/** memo ***************/
#userBox .itemInfoMore dl.memo {
	display: block;
	padding-top: 3%;
	margin-bottom: 3%;
}

#userBox .itemInfoMore dl.memo dt {
	width: 100%;
	font-size: 1.4rem;
	font-weight: 700;
	color: #000000;
	text-align: center;
	margin-bottom: 3%;
	padding: 0;
	float: none;
}

#userBox .itemInfoMore dl.memo dd {
	width: 100%;
	font-size: 1.4rem;
	color: #000000;
	text-align: left;
	line-height: 1.4;
	margin-bottom: 3%;
	padding: 0;
	float: none;
}

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

#userBox .itemInfoMore dl.memo dd.arrowGrayBtn {
	width: 130px;
	margin: 0 0 0 auto;
	float: none;
}

/** btnArea ***************/
#userBox .btnArea {
	padding: 3% 0 0;
}

#userBox .btnArea 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: 100%;
	margin: 0 auto;
}

#userBox .btnArea ul li {
	display: block;
	float: left;
}

#userBox .btnArea ul li.cartInBtn {
	width: 100%;
	margin-top: 3%;
}

#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[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.draftInBtn {
	width: 100%;
	margin-top: 3%;
}

#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 .deleteBtn {
	width: 33%;
	margin: 0 0.5% 0 0;
}
#userBox .btnArea .copyBtn {
	width: 33%;
	padding: 0;
}
#userBox .btnArea .editBtn {
	width: 33%;
	padding: 0 0 0 0.5%;
}

#userBox .btnArea .deleteBtn + .cartInBtn {
}

#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 > span,
#userBox .btnArea .deleteBtn a > span,
#userBox .btnArea .copyBtn button > span,
#userBox .btnArea .copyBtn a > span,
#userBox .btnArea .editBtn button > span,
#userBox .btnArea .editBtn a > span {
	display: none;
}

/**** resultMsg *********************/
#userBox .boxInList .boxInListOneLine > .inner .resultMsg {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 3%;
	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;
}

#userBox .userList table {
	border-collapse: collapse;
	width: 95%;
	margin: 10px;
}

#userBox .page_nav03 table {
	margin: 10px 10px 0 0;
}

#userBox .userList table th,
#userBox .userList table td {
	border: 1px solid #ccc;
	text-align: center;
}

#userBox .userList table th {
	width: 25%;
}

#userBox .userList table th {
	background: #008ad2;
	color: white;
	font-weight: bold;
	text-align: center;
}

.btn_add_member {
	margin-left: 5px;
}

.roleSection label {
	padding: 10px;
}

/**************************************
 orderPrintStep
 **************************************/
.orderPrintStep {
	padding: 3% 1.5%;
}

.orderPrintStep > p {
	display: block;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 3%;
}

.orderPrintStep ol {
	display: table;
	width: 100%;
	height: 30px;
	border: 1px solid #ff9901;
	margin: 0 auto 0 auto;
	overflow: hidden;
}
.orderPrintStep ol li {
	display: table-cell;
	width: 20%;
	height: 30px;
	background: #9abed2;
	font-size: 1.2rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	position: relative;
	vertical-align: middle;
	padding-left: 8px;
}
.orderPrintStep 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;
}

.orderPrintStep ol li > span {
	display: none;
}

.orderPrintStep ol li:nth-child(2n) {
	background: #ffffff;
}
.orderPrintStep ol li:nth-child(2n)::after {
	border-left: 16px 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: 100%;
	height: 100px;
	margin: 0 auto 6%;
}
#readingContents .titlePanel > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 0 3% 0;
	font-size: 2rem;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.2;
}

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

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

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

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

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

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

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

/* industryPain */
#readingContents .titlePanel.industryPain {
	background: url(../img/industry/pain/bg_ttl_special_industry_pain.jpg);
	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: 1.8rem;
	line-height: 1.6;
	letter-spacing: -0.05em;
}

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

#readingContents .bigText {
	padding: 3%;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
}

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

#readingContents .pickUpFigureTextBox .dotList {
	padding: 0;
}

/*** ledeBox  *****************/
#readingContents .ledeBox {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0 3%;
}

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

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

#readingContents .pickUpFigureTextBox {
	display: block;
	margin: 8% auto 0;
	padding: 0 3%;
}
#readingContents .pickUpFigureTextBox:nth-of-type(1) {
	margin-top: 0;
}

#readingContents .pickUpFigureTextBox .subttl {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 3% 0;
	border: none;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: left;
}

#readingContents .pickUpFigureTextBox > figure {
	display: block;
	width: 100%;
	margin-bottom: 3%;
}
#readingContents .pickUpFigureTextBox > figure > img {
	display: block;
	width: 100%;
	height: auto;
}

#readingContents .pickUpFigureTextBox > .text {
	display: block;
	width: 100%;
}
#readingContents .pickUpFigureTextBox > .text p {
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: left;
}

#readingContents .pickUpFigureTextBox > .btn {
	display: block;
	margin-top: 3%;
}

#readingContents .pickUpFigureTextBox > .btn a {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
	padding: 17px 0;
	font-size: 1.4rem;
	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: 3%;
}

#readingContents .pickUpFigureTextBox > .btn a > span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

/**************************************
 orderStepGuide
 **************************************/
#readingContents .orderStepGuide {
	display: block;
}
#readingContents .orderStepGuide > ol {
	display: block;
	padding: 0 3%;
}

#readingContents .orderStepGuide > ol li {
	display: table;
	width: 100%;
	margin-top: 8%;
	padding-top: 50px;
	position: relative;
}
#readingContents .orderStepGuide > ol li:nth-of-type(1) {
	margin-top: 0;
}

#readingContents .orderStepGuide > ol li > figure {
	display: table-cell;
	width: 80px;
	vertical-align: top;
	overflow: hidden;
}
#readingContents .orderStepGuide > ol li > figure > img {
	display: block;
	width: 100%;
	height: auto;
}

#readingContents .orderStepGuide > ol li > .text {
	display: table-cell;
	padding-left: 15px;
	vertical-align: middle;
	text-align: left;
}

#readingContents .orderStepGuide > ol li > .text .subttl {
	display: block;
	padding: 0;
	margin: 0 0 3% 0;
	border: none;
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 700;
}

#readingContents .orderStepGuide > ol li > .text .subttl > span {
}
#readingContents .orderStepGuide > ol li > .text .subttl > span:nth-child(1) {
	display: block;
	position: absolute;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 1.4rem;
	font-weight: normal;
	border-top: 1px solid #ff9901;
	border-bottom: 1px solid #ff9901;
	color: #ff9901;
	top: 0;
	left: 0;
	text-align: center;
}

#readingContents .orderStepGuide > ol li > .text .subttl > span:nth-child(2) {
}

#readingContents .orderStepGuide > ol li > .text > p {
	font-size: 1.2rem;
	line-height: 1.4;
	text-align: left;
}

/*** btn *************/
#readingContents .goOrderPrintArea {
	padding: 6% 0 0;
}
#readingContents .goOrderPrintArea > ul {
	display: block;
	padding: 0 3%;
	margin: 0 auto;
}

#readingContents .goOrderPrintArea > ul li {
	display: block;
	margin-bottom: 3%;
}

#readingContents .goOrderPrintArea > ul li:nth-last-of-type(1) {
	margin: 0;
}

#readingContents .goOrderPrintArea > ul li > a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 0 0 0 40px;
	border-radius: 4px;
	background: #008ad2;
	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;
}

#readingContents .goOrderPrintArea > ul li.draftOrangeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border-right: 1px solid #bd7200;
	background: url(../img/icon_draft.png) center center no-repeat;
	background-size: 24px auto;
	left: 0;
	top: 5px;
}

#readingContents .goOrderPrintArea > ul li.searchOrangeBtn a::before {
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 30px;
	border-right: 1px solid #bd7200;
	background: url(../img/icon_search_white.png) center center no-repeat;
	background-size: 24px auto;
	left: 0;
	top: 5px;
}

/**************************************
 committedCateList
 **************************************/

#mainContents .committedCateList {
	width: 100%;
	margin: 0 auto 8%;
	padding: 0 3%;
}

#mainContents .committedCateList > ul {
	display: block;
}

#mainContents .committedCateList > ul > li {
	display: block;
	margin-bottom: 3%;
}

#mainContents .committedCateList > ul > li:nth-last-child(1) {
	margin-bottom: 0;
}

#mainContents .committedCateList > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 85px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 5px 20px 5px 120px;
	color: #000000;
	text-decoration: none;
	background: url(../img/bg_line.png) 0 0 repeat;
}
#mainContents .committedCateList > 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: 5px;
}

#mainContents .committedCateList > ul > li > a > dl {
	display: block;
}

#mainContents .committedCateList > ul > li > a > dl > dt {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 3%;
	line-height: 1.4;
}

#mainContents .committedCateList > ul > li > a > dl > dd.img {
	display: block;
	width: 100px;
	height: calc(100% - 10px);
	overflow: hidden;
	position: absolute;
	left: 5px;
	top: 5px;
}
#mainContents .committedCateList > ul > li > a > dl > dd.img > img {
	display: block;
	width: auto;
	height: 100%;
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
}

#mainContents .committedCateList > ul > li > a > dl > dd.text {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6;
}

#mainContents .committedCateList > ul > li > a > dl > dd.btn {
	display: none;
}

/**************************************
 industryCateList
 **************************************/

#mainContents .industryCateList {
	width: 100%;
	margin: 0 auto 8%;
	padding: 0 3%;
}

#mainContents .industryCateList > ul {
	display: block;
}

#mainContents .industryCateList > ul > li {
	display: block;
	margin-bottom: 3%;
}

#mainContents .industryCateList > ul > li:nth-last-child(1) {
	margin-bottom: 0;
}

#mainContents .industryCateList > ul > li > a {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 85px;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 5px 20px 5px 120px;
	color: #000000;
	text-decoration: none;
	background: url(../img/bg_line.png) 0 0 repeat;
}
#mainContents .industryCateList > 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: 5px;
}

#mainContents .industryCateList > ul > li > a > dl {
	display: block;
}

#mainContents .industryCateList > ul > li > a > dl > dt {
	display: block;
	width: 100%;
	text-align: left;
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 3%;
	line-height: 1.4;
}

#mainContents .industryCateList > ul > li > a > dl > dd.img {
	display: block;
	width: 100px;
	height: calc(100% - 10px);
	overflow: hidden;
	position: absolute;
	left: 5px;
	top: 5px;
}
#mainContents .industryCateList > ul > li > a > dl > dd.img > img {
	display: block;
	width: auto;
	height: 100%;
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	margin: auto;
}

#mainContents .industryCateList > ul > li > a > dl > dd.text {
	display: block;
	font-size: 1.2rem;
	line-height: 1.6;
}

#mainContents .industryCateList > ul > li > a > dl > dd.btn {
	display: none;
}

/** industryRecoCate *****************************/
#mainContents .industryRecoCate {
	display: block;
	padding: 0 3%;
}

#mainContents .industryRecoCate > ul {
	display: block;
}

#mainContents .industryRecoCate > ul > li {
	display: block;
	margin: 3% 0 0 0;
}

#mainContents .industryRecoCate > ul > li:nth-child(1) {
	margin-top: 0;
}

#mainContents .industryRecoCate > ul > li > a {
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 3% 6% 3% 3%;
	font-size: 1.6rem;
	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 > span {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#mainContents .industryRecoCate > ul > li > a > span:nth-child(1) {
	width: 60px;
}
#mainContents .industryRecoCate > ul > li > a > span > img {
	display: block;
	width: 100%;
	height: auto;
}

#mainContents .industryRecoCate > ul > li > a > span:nth-child(2) {
	padding-left: 3%;
}

/**************************************
shoppingAgreeArea
**************************************/

.shoppingAgreeArea {
	width: 97%;
	margin: 0 auto;
	padding: 3%;
	background: #ececec;
	margin-top: 30px;
}

.shoppingAgreeArea .agreeTitle {
	font-size: 1.4rem;
	font-weight: 700;
	text-align: left;
	margin-bottom: 10px;
	line-height: 1.4;
}

.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;
}

/**************************************
Information start
**************************************/

.md_news_text {
	margin: 0 10px;
	line-height: 1.5;
}

/**************************************
Information end
**************************************/

.nextBtn .noAgree {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 6px 0 0 30px;
	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: 40px;
	height: 30px;
	border-right: 1px solid #666666;
	background: url(/assets/img/icon_arrow_white.png) center no-repeat;
	background-size: 8px auto;
	left: 4px;
	top: 5px;
}

.nextBtn .noAgree > .caption {
	display: block;
	text-align: center;
	font-size: 1rem;
	margin-bottom: 2px;
}

/**************************************
industry-iziModal 20181017
**************************************/
.modalCase {
	clear: both;
	padding: 20px 2%;
}
.ttlModalCase {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: bold;
}
.modalCaseList {
	max-width: 612px;
	margin-bottom: 30px;
}
.modalCaseList li {
	max-width: 284px;
	margin: 0 auto 20px;
}
.modalCaseList li img {
	max-width: 100%;
	border: 1px solid #9a9a9a;
}
.modalCaseList li figcaption {
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
}

/**************************************
ordesSize 20190201
**************************************/
.orderSizeTable {
	width: 100%;
}
.orderSizeTable td {
	display: block;
}
.orderSizeTable tr td:first-child {
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.orderSizeTable td:nth-child(2) {
	margin-bottom: 20px;
	padding-left: 1em;
	font-size: 1.4rem;
	line-height: 1.4;
}
.orderSizeTable td a {
	text-decoration: none;
}
.orderSizeTable td a::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	color: #008ad2;
	padding-right: 5px;
	font-size: 12px;
}
/**************************************
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;
}

.alert_msg,
.alert_message {
	margin-left: 5px;
}

/**************************************
override
**************************************/
.mb0 {
	margin-bottom: 0px !important;
}
.mb20 {
	margin-bottom: 6% !important;
}
.mb30 {
	margin-bottom: 6% !important;
}
.mb40 {
	margin-bottom: 6% !important;
}
.mb80 {
	margin-bottom: 8% !important;
}

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

.pcOnly {
	display: none !important;
}

/**************************************
 mypage button to vertical
**************************************/
.mypage_tb table,
.mypage_tb thead,
.mypage_tb tbody,
.mypage_tb tr,
.mypage_tb th,
.mypage_tb td {
	display: block;
	margin: 2px;
}

.mypage_tb td.guidText {
	margin-bottom: 30px;
}

.mypage_tb .mypage_content_head a {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.mypage_tb .mypage_content_head a::before {
	content: " - ";
}

.mypage_tb .mypage_content_head a::after {
	content: " - ";
}

/*--------------- リニューアル用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 {
	background: initial;
	margin: 15px 20px 0;
	background: transparent;
	width: auto;
	padding: 0;
}

.breadcrumbs > ul li {
	height: 17px;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 17px;
	padding-right: 10px;
}

.breadcrumbs > ul li a {
	font-weight: 400;
	color: var(--black);
	padding: 0;
}

.breadcrumbs > ul li:first-child a {
	padding-left: initial;
	background: transparent;
}

.breadcrumbs > ul li::after {
	padding-left: 6px;
}

/* 見出し_h1.ttlMain */
#mainWrap .ttlMain {
	color: var(--black);
	box-shadow: 0 3px 0 var(--navy-dark);
	background: var(--gray-200);
	width: initial;
	padding: 11px 0 6px 18px;
	font-size: 1.8rem;
	line-height: calc(26 / 18);
}

#mainWrap .ttlMain::before {
	content: none;
}

.fc-0020_0010 + .ttlMain {
	color: var(--black);
	box-shadow: 0 3px 0 var(--navy-dark);
	background: var(--gray-200);
	width: initial;
	padding: 10px 0 10px 18px;
	font-size: 1.8rem;
	line-height: calc(26 / 18);
	font-weight: 700;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 14px;
}
.fc-0020_0010 + .ttlMain::before {
	content: none;
}

/* 見出し_h2.ttlCenter */
#mainContents h2.ttlCenter:not(:root) {
	/* h2タグ 文字数に合わせて中央よせ*/
	color: var(--black);
	font-size: 1.6rem;
	position: relative;
	display: inline-block;
	width: fit-content;
	text-align: center;
	display: block;
	margin: 0 auto;
	/* 上書き */
	background: none;
	border-left: none;
	padding-left: 0px;
	padding-right: 0px;
}

#mainContents h2.ttlCenter:not(:root)::after {
	/* 下線部分 */
	content: "";
	position: absolute;
	left: 0;
	top: 3.5rem; /* 下線の位置調整 */
	width: calc(100% + 4rem); /* 文字数＋両脇に2rem */
	height: 2px;
	background-color: var(--navy-dark);
	left: 50%;
	transform: translateX(-50%); /* 中央配置 */
}
.fc-0030_0010 #mainContents h2.ttlCenter:not(:root)::after {
	top: 2.4rem; /* 下線の位置調整 */
}

/* 在庫状況ラベル */
#mainContents .leadTimeMessage > span,
#mainContents .lead_time_message > span,
#mainContents .leadTimeMessage > label > span,
#mainContents .lead_time_message > label > span {
	background: rgb(246 245 253 / 0.7);
	padding: 3px 6px;
	width: fit-content;
	display: block;
}

#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 {
	/* 上書き */
	margin-bottom: 10%;
}

: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.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.fc-0040_0020 #shipping_address_error_messages.errorMsg {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 0px;
	color: var(--red);
	padding: 5px;
}

: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
	ul
	li {
	/* white-space: nowrap; */
	padding-left: 0px;
	text-indent: 0px;
}

/* FZ-0010_0080_よくある質問 */
.fz-0010_0080 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fz-0010_0080#guidePage .oneSection.guideOpenBox {
	margin-bottom: 11px;
	padding: initial;
}

.fz-0010_0080#guidePage .oneSection.guideOpenBox .ttlOpenList {
	height: 38px;
	padding: 10px 0 11px 0;
	font-size: 1.2rem;
	background: #679f68;
	border-radius: 4px;
	text-align: center;
	line-height: calc(17 / 12);
}

.fz-0010_0080#guidePage .oneSection.guideOpenBox .ttlOpenList::after {
	content: none;
}

.fz-0010_0080 .underBtnArea {
	width: 100%;
}

.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: 277px;
	margin-inline: auto;
	height: 46px;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding-block: 13px 12px;
}

.fz-0010_0080 .topBtn a::before {
	content: none;
}

#guidePage.fz-0010_0080 .arrowGrayBtn a {
	font-weight: 700;
}

/* FZ-0010_0060_ご利用ガイド */
.fz-0010_0060 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fz-0010_0060#guidePage .oneSection.guideOpenBox {
	margin-bottom: 11px;
	padding: initial;
}

.fz-0010_0060#guidePage .oneSection.guideOpenBox .ttlOpenList {
	height: 38px;
	padding: 10px 0 11px 0;
	font-size: 1.2rem;
	background: #679f68;
	border-radius: 4px;
	text-align: center;
	line-height: calc(17 / 12);
}

.fz-0010_0060#guidePage .oneSection.guideOpenBox .ttlOpenList::after {
	content: none;
}

.fz-0010_0060#guidePage .oneSection .arrowGrayBtn > a {
	font-weight: 700;
}

#guidePage.fz-0010_0060 .underBtnArea {
	width: 100%;
}
#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: 277px;
	margin-inline: auto;
	height: 46px;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding-block: 13px 12px;
}

/* FZ-0010_0020_セキュリティポリシー */
.fz-0010_0020#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fz-0010_0020 .underBtnArea {
	width: 100%;
}

.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: 277px;
	margin-inline: auto;
	height: 46px;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding-block: 13px 12px;
}

.fz-0010_0020 .topBtn a::before {
	content: none;
}

/* FZ-0010_0030_プライバシーポリシー(個人情報保護方針) */
.fz-0010_0030#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fz-0010_0030 .underBtnArea {
	width: 100%;
}

.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: 277px;
	margin-inline: auto;
	height: 46px;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding-block: 13px 12px;
}

.fz-0010_0030 .topBtn a::before {
	content: none;
}

/* FZ-0010_0070_ご利用規約 */
.fz-0010_0070#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fz-0010_0070 .underBtnArea {
	width: 100%;
}

.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: 277px;
	margin-inline: auto;
	height: 46px;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding-block: 13px 12px;
}

.fz-0010_0070 .topBtn a::before {
	content: none;
}

/* FF-0010_0020_お知らせ詳細 */
.ff-0010_0020#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.ff-0010_0020 .md_news_image img {
	width: 100%;
}

.ff-0010_0020 .underBtnArea {
	width: 100%;
}

.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: 277px;
	margin-inline: auto;
	height: 46px;
	font-size: 1.4rem;
	line-height: calc(20 / 14);
	padding-block: 13px 12px;
}

.ff-0010_0020 .topBtn a::before {
	content: none;
}

/* FE-0010_0020_お問合せ内容の確認 */
.fe-0010_0020#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fe-0010_0020 .stepFlow {
	padding: initial;
}

.fe-0010_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fe-0010_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fe-0010_0020 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fe-0010_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fe-0010_0020 #mainContents .confirmTable {
	padding: initial;
}

.fe-0010_0020 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fe-0010_0020 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fe-0010_0020 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fe-0010_0020 .underBtnArea {
	width: 100%;
}

.fe-0010_0020 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fe-0010_0020 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fe-0010_0020 .backBtn a::before {
	content: none;
}

.fe-0010_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fe-0010_0020 .nextBtn button::before {
	content: none;
}

/* FD-0050_0030_配送先情報の登録内容の確認 */
.fd-0050_0030#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0050_0030 #mainContents .confirmTable {
	padding: 0 initial;
}

.fd-0050_0030 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0050_0030 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0050_0030 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0050_0030 .underBtnArea {
	width: 100%;
}

.fd-0050_0030 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0050_0030 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0050_0030 .backBtn a::before {
	content: none;
}

.fd-0050_0030 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0050_0030 .nextBtn button::before {
	content: none;
}

/* FD-0050_0030_e_配送先情報の登録内容の確認(編集時の場合) */
.fd-0050_0030_e#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0050_0030_e #mainContents .confirmTable {
	padding: 0 initial;
}

.fd-0050_0030_e #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0050_0030_e #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0050_0030_e #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0050_0030_e .underBtnArea {
	width: 100%;
}

.fd-0050_0030_e .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0050_0030_e .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0050_0030_e .backBtn a::before {
	content: none;
}

.fd-0050_0030_e .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0050_0030_e .nextBtn button::before {
	content: none;
}

/* FD-0040_0030_会員追加・変更・削除内容確認（追加） */
.fd-0040_0030#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0040_0030 #mainContents .confirmTable {
	padding: initial;
}

.fd-0040_0030 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0040_0030 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0040_0030 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0040_0030 .underBtnArea {
	width: 100%;
}

.fd-0040_0030 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0040_0030 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0040_0030 .backBtn a::before {
	content: none;
}

.fd-0040_0030 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0040_0030 .nextBtn button::before {
	content: none;
}
/* FD-0040_0031_会員追加・変更・削除内容確認（変更） */
.fd-0040_0031#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0040_0031 #mainContents .confirmTable {
	padding: initial;
}

.fd-0040_0031 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0040_0031 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0040_0031 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0040_0031 .underBtnArea {
	width: 100%;
}

.fd-0040_0031 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0040_0031 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0040_0031 .backBtn a::before {
	content: none;
}

.fd-0040_0031 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0040_0031 .nextBtn button::before {
	content: none;
}

/* FD-0040_0032_会員追加・変更・削除内容確認（削除） */
.fd-0040_0032#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0040_0032 #mainContents .confirmTable {
	padding: initial;
}

.fd-0040_0032 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0040_0032 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0040_0032 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0040_0032 .underBtnArea {
	width: 100%;
}

.fd-0040_0032 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0040_0032 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0040_0032 .backBtn a::before {
	content: none;
}

.fd-0040_0032 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0040_0032 .nextBtn button::before {
	content: none;
}

/* FD-0030_0020_退会内容の確認 */
.fd-0030_0020 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0030_0020 .stepFlow {
	padding: initial;
}

.fd-0030_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fd-0030_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fd-0030_0020 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fd-0030_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0030_0020 #mainContents .lede {
	padding-inline: initial;
}

.fd-0030_0020 #mainContents .confirmTable {
	padding: initial;
}

.fd-0030_0020 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0030_0020 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0030_0020 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0030_0020 .underBtnArea {
	width: 100%;
}

.fd-0030_0020 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0030_0020 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0030_0020 .backBtn a::before {
	content: none;
}

.fd-0030_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0030_0020 .nextBtn button::before {
	content: none;
}

/* FD-0020_0020_会員情報変更の確認 */
.fd-0020_0020#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0020_0020 .inner_text {
	padding-block: 5px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.fd-0020_0020 #mainContents .confirmTable {
	padding: initial;
}

.fd-0020_0020 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fd-0020_0020 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0020_0020 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fd-0020_0020 .underBtnArea {
	width: 100%;
}

.fd-0020_0020 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0020_0020 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0020_0020 .backBtn a::before {
	content: none;
}

.fd-0020_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0020_0020 .nextBtn button::before {
	content: none;
}

/* FB-0010_0030_入力内容の確認 */
.fb-0010_0030#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fb-0010_0030 .stepFlow {
	padding: initial;
}

.fb-0010_0030 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fb-0010_0030 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fb-0010_0030 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fb-0010_0030 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fb-0010_0030 #mainContents .lede {
	padding-inline: initial;
}

.fb-0010_0030 #mainContents .confirmTable {
	padding: initial;
}

.fb-0010_0030 #mainContents .confirmTable > dl {
	margin: 4% auto 4% auto;
}

.fb-0010_0030 #mainContents .confirmTable > dl > dt {
	background: var(--gray-200);
	text-align: left;
	padding: 10px 16px 8px;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fb-0010_0030 #mainContents .confirmTable > dl > dd {
	padding: 9px 20px 0;
	text-align: left;
	font-size: 1.5rem;
	line-height: calc(21 / 15);
}

.fb-0010_0030 .underBtnArea {
	width: 100%;
}

.fb-0010_0030 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fb-0010_0030 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fb-0010_0030 .backBtn a::before {
	content: none;
}

.fb-0010_0030 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fb-0010_0030 .nextBtn button::before {
	content: none;
}

/* FB-0010_0020_法人会員登録 */
.fb-0010_0020 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fb-0010_0020 .stepFlow {
	padding: initial;
}

.fb-0010_0020 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fb-0010_0020 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fb-0010_0020 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fb-0010_0020 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fb-0010_0020 #mainContents .formTable {
	padding: initial;
	position: relative;
}

.fb-0010_0020 #mainContents .formTable > dl:first-of-type {
	margin-bottom: 16px;
}

.fb-0010_0020 #mainContents .formTable > dl > dt {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.fb-0010_0020 #mainContents .formTable .requiredText {
	position: absolute;
	top: 0;
	right: 6px;
	font-size: 1rem;
	font-weight: bold;
}

.fb-0010_0020 #mainContents .formTable > dl > dd > ul.postNum {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(1) {
	/* ボタンと横並びになる */
	width: calc(100vw - 175px);
}

.fb-0010_0020 #mainContents .formTable > dl > dd > ul.postNum .zipButtonSP {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3) {
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: auto;
}
.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3)
	a.caution {
	display: block;
	color: var(--black);
	text-decoration: underline;
}

.fb-0010_0020 .postNum .arrowGrayBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	height: 40px;
	padding: 0 8px 0 8px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 40px;
}

.fb-0010_0020 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	font-size: 1.2rem;
	top: 14px;
	right: 4px;
}

.fb-0010_0020 #mainContents .formTable > dl > dd label::after {
	content: none;
	right: 0px;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	label:has(select#user_profile_pc_mail_magazine_send_div)::after {
	content: "▼";
	color: #8d8d8d;
	background: none;
	top: 25%;
}

.fb-0010_0020 #mainContents .formTable > dl:last-child {
	margin-top: 31px;
}

.fb-0010_0020 .holiday_table {
	width: 100%;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	.holiday_table
	> tbody
	> tr
	> td
	> label {
	background: initial;
	width: initial;
	display: initial;
	padding-right: 5px;
	border: none;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	.holiday_table
	> tbody
	> tr
	> td
	> select {
	border: 1px solid var(--gray-600);
	height: 38px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	position: relative;
	appearance: auto;
}

.fb-0010_0020
	#mainContents
	.formTable
	> dl
	> dd
	.holiday_table
	> tbody
	> tr
	> td:has(select) {
	padding: 16px 10px;
}

.fb-0010_0020 #mainContents .formTable > dl.required > dd label,
.fb-0010_0020 #mainContents .formTable > dl > dd label {
	background: var(--blue-light);
}

.fb-0010_0020 .underBtnArea {
	width: 100%;
}

.fb-0010_0020 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fb-0010_0020 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fb-0010_0020 .backBtn a::before {
	content: none;
}

.fb-0010_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fb-0010_0020 .nextBtn button::before {
	content: none;
}

/* FD-0050_0020_配送先変更 */
.fd-0050_0020#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0050_0020 #mainContents .lede {
	padding-inline: initial;
}

.fd-0050_0020 #mainContents .formTable {
	padding: initial;
	position: relative;
}

.fd-0050_0020 #mainContents .formTable > dl:first-of-type {
	margin-bottom: 16px;
}

.fd-0050_0020 #mainContents .formTable > dl > dt {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.fd-0050_0020 #mainContents .formTable .requiredText {
	position: absolute;
	top: 0;
	right: 5px;
	font-weight: bold;
}

.fd-0050_0020 #mainContents .formTable > dl.required > dd label {
	background: var(--blue-light);
}

.fd-0050_0020 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	font-size: 1.2rem;
	right: 6px;
	top: 13px;
	line-height: 19px;
}

.fd-0050_0020 #mainContents .formTable > dl > dd > ul.postNum {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.fd-0050_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(1) {
	/* ボタンと横並びになる */
	width: calc(100vw - 175px);
}

.fd-0050_0020 #mainContents .formTable > dl > dd > ul.postNum .zipButtonSP {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

.fd-0050_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3) {
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: auto;
}
.fd-0050_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3)
	a.caution {
	display: block;
	color: var(--black);
	text-decoration: underline;
}

.fd-0050_0020 .postNum .arrowGrayBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	height: 40px;
	padding: 0 8px 0 8px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 40px;
}

.fd-0050_0020 .underBtnArea {
	width: 100%;
}

.fd-0050_0020 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0050_0020 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0050_0020 .backBtn a::before {
	content: none;
}

.fd-0050_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0050_0020 .nextBtn button::before {
	content: none;
}

/* FE-0010_0010_お問合せ */
.fe-0010_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fe-0010_0010 .stepFlow {
	padding: initial;
}

.fe-0010_0010 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fe-0010_0010 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fe-0010_0010 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fe-0010_0010 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fe-0010_0010 #mainContents .lede {
	display: block;
	padding-inline: initial;
}

.fe-0010_0010 #mainContents .formTable {
	padding: initial;
	position: relative;
}

.fe-0010_0010 #mainContents .formTable > dl:first-of-type {
	margin-bottom: 16px;
}

.fe-0010_0010 #mainContents .formTable > dl > dt {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.fe-0010_0010 #mainContents .formTable .requiredText {
	position: absolute;
	top: 0;
	right: 6px;
	font-weight: bold;
}

.fe-0010_0010 #mainContents .formTable > dl.required > dd label,
.fe-0010_0010 #mainContents .formTable > dl > dd label,
.fe-0010_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	.privacyBox
	.privacyText,
.fe-0010_0010 #mainContents .formTable > dl > dd .privacyBox .privacyAgree {
	background: var(--blue-light);
}

.fe-0010_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	right: 6px;
	top: 13px;
	font-size: 1.2rem;
	line-height: 19px;
}

.fe-0010_0010 #mainContents .formTable > dl > dd label::after {
	content: none;
}

.fe-0010_0010 .underBtnArea {
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
}

.fe-0010_0010 .nextBtn button::before {
	content: none;
}

/* FD-0020_0030_パスワードの変更 */
.fd-0020_0030#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0020_0030 #mainContents .lede {
	padding-inline: initial;
}

.fd-0020_0030 #mainContents .formTable {
	padding: initial;
	position: relative;
	margin-top: 25px;
}

.fd-0020_0030 #mainContents .formTable .requiredText {
	position: absolute;
	top: -20px;
	right: 11px;
	font-weight: bold;
}

.fd-0020_0030 #mainContents .formTable > dl.required > dd label {
	background: var(--blue-light);
}

.fd-0020_0030 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	right: 6px;
	top: 13px;
	font-size: 1.2rem;
	line-height: 19px;
}

.fd-0020_0030 .underBtnArea {
	width: 100%;
}

.fd-0020_0030 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0020_0030 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0020_0030 .backBtn a::before {
	content: none;
}

.fd-0020_0030 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0020_0030 .nextBtn button::before {
	content: none;
}

/* FD-0030_0010_退会申請 */
.fd-0030_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0030_0010 .stepFlow {
	padding: initial;
}

.fd-0030_0010 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fd-0030_0010 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fd-0030_0010 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fd-0030_0010 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0030_0010 .inner_text {
	padding-block: 5px;
	font-size: 1.4rem;
	line-height: 1.4;
}

.fd-0030_0010 #mainContents .formTable {
	padding: initial;
	position: relative;
}

.fd-0030_0010 #mainContents .formTable .requiredText {
	position: absolute;
	top: -20px;
	right: 4px;
	font-weight: bold;
}

.fd-0030_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	font-size: 1.2rem;
	right: 6px;
	top: 13px;
	line-height: 19px;
}

.fd-0030_0010 #mainContents .formTable > dl > dd label::after {
	content: none;
}

.fd-0030_0010 #mainContents .formTable > dl.required > dd label {
	background: var(--blue-light);
}

.fd-0030_0010 #mainContents .formTable > dl > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	/* 上書き */
	padding-right: 0px;
	border: 1px solid #cccccc;
	background: #ffffff;
	position: relative;
}

.fd-0030_0010 .underBtnArea {
	width: 100%;
}

.fd-0030_0010 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0030_0010 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0030_0010 .backBtn a::before {
	content: none;
}

.fd-0030_0010 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0030_0010 .nextBtn button::before {
	content: none;
}

/* FD-0080_0010_見積履歴一覧 */
.fd-0080_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0080_0010 .inner_text {
	padding-block: 5px;
	padding-inline: initial;
	font-size: 1.4rem;
	line-height: 1.4;
}

.fd-0080_0010 #mainContents .page_nav03 {
	float: initial;
	margin-top: 27px;
}

.fd-0080_0010#userBox .page_nav03 table {
	margin: initial;
	border-collapse: separate;
	border-spacing: 0px 10px;
}

.fd-0080_0010#userBox .page_nav03 table td {
	text-align: left;
}

.fd-0080_0010 #mainContents .simple_message .page_nav03 tbody tr td select {
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	width: 129px;
}

.fd-0080_0010#userBox .userBoxPager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 15px;
	padding-left: initial;
}

.fd-0080_0010#userBox .userBoxPager > p span {
	font-size: 21px;
}

.fd-0080_0010#userBox .userBoxPager .pagenation,
.fd-0080_0010#userBox .userBoxPager.under {
	display: block;
}

.fd-0080_0010#userBox .userBoxPager {
	display: grid;
}

.fd-0080_0010#userBox .userBoxPager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 30px 15px 5px 15px;
	padding-left: initial;
	white-space: nowrap;
	margin-bottom: 10px;
}

.fd-0080_0010#userBox .userBoxPager > p span {
	font-size: 21px;
}

/* pager */
.fd-0080_0010#userBox .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li.current span {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
}

.fd-0080_0010#userBox .userBoxPager .pagenation > ul {
	width: 100%;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	width: 100%;
	position: relative;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li a,
.fd-0080_0010#userBox .userBoxPager .pagenation ul li span {
	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-0080_0010#userBox .userBoxPager .pagenation ul li.current span {
	border: none;
}

.fd-0080_0010#userBox .userBoxPager .pagenation ul li.prev,
.fd-0080_0010#userBox .userBoxPager .pagenation ul li.next {
	width: 100%;
}
.fd-0080_0010#userBox .userBoxPager .pagenation ul li.prev:has(i:empty),
.fd-0080_0010#userBox .userBoxPager .pagenation ul li.next:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.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;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}

.fd-0080_0010 .estimateList tbody {
	margin: initial;
}

.fd-0080_0010 .estimateList tr {
	border: 3px solid var(--green-light);
	margin: initial;
	margin-bottom: 14px;
}

.fd-0080_0010 .estimateList tr td:first-of-type {
	background: var(--green-dark);
	margin: initial;
	color: var(--white);
}

.fd-0080_0010 .estimateList tr td:first-of-type a {
	color: var(--white);
	font-weight: bold;
}

.fd-0080_0010 .estimateList td {
	padding-block: 10px;
	border-bottom: 1px solid var(--gray-600);
	margin-inline: 3px 9px;
}

.fd-0080_0010 .btnSpace td:nth-of-type(2):before {
	content: "";
}

.fd-0080_0010 .estimateList td:has(.btnSpace) {
	border-bottom: none;
}

.fd-0080_0010 .estimateList td:before {
	top: 11px;
}

.fd-0080_0010 .estimateList tbody .btnSpace tbody tr {
	border: none;
	display: flex;
	justify-content: center;
	gap: 21px;
}

.fd-0080_0010 .estimateList tbody .btnSpace tbody tr td {
	background: none;
	border-bottom: none;
	width: 50%;
	padding: 0;
	margin: 0;
}

.fd-0080_0010 .estimateList tbody .btnSpace tr {
	margin-bottom: 7px;
}

.fd-0080_0010 .estimateList tbody .btnSpace tr:nth-child(2):has(.print_Btn) {
	border: none;
	border-top: var(--gray-200) 1px solid;
	padding-top: 10px;
}

.fd-0080_0010 .cartIn_Btn {
	width: 100%;
	background: var(--red);
	font-size: 14px;
	color: var(--white);
	font-weight: bold;
	border-radius: 4px;
	padding-bottom: 2px;
}

.fd-0080_0010 .cancel_Btn {
	border-radius: 4px;
	color: var(--black);
	font-size: 14px;
	background-color: var(--gray-200);
	width: 100%;
	font-weight: bold;
	padding-bottom: 2px;
}

.fd-0080_0010 .estimateList tr td .btnSpace a {
	color: var(--black);
	height: 30px;
}

.fd-0080_0010 .print_Btn {
	border-color: #669f68;
	border-radius: 4px;
	color: var(--black);
	font-size: 14px;
	width: 100%;
	line-height: 22px;
	border-width: 3px;
}

.fd-0080_0010 .underBtnArea {
	width: 277px;
}

.fd-0080_0010 .underBtnArea ul li.backBtn {
	display: block;
	float: none;
	width: 277px;
}

.fd-0080_0010 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0080_0010 .backBtn a::before {
	content: none;
}

/* FD-0070_0030_商品別購入履歴 */
.fd-0070_0030 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0070_0030 #mainWrap .h-tab {
	margin-top: 21px;
	gap: 0 7px;
}

.fd-0070_0030 #mainWrap .h-tab > label {
	padding: 13px 12px 10px 7px;
	border-radius: 4px 4px 0 0;
	background-color: var(--green-dark);
	color: var(--white);
}

.fd-0070_0030 #mainWrap .h-tab > label span.spOnly a::after {
	/* SP版では改行する */
	content: "\A（領収書発行はこちら）";
	white-space: pre;
}

.fd-0070_0030 #mainWrap .h-tab label {
	font-size: 13px;
	line-height: 20px;
}

.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);
	line-height: 34px;
}

.fd-0070_0030 .inner_text {
	font-size: 1.2rem;
}

.fd-0070_0030 .userBoxPager {
	margin-bottom: 0px;
}

.fd-0070_0030#userBox .userBoxPager .pagenation,
.fd-0070_0030#userBox .userBoxPager.under {
	display: block;
}

.fd-0070_0030#userBox .userBoxPager {
	display: grid;
}

.fd-0070_0030#userBox .userBoxPager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 30px 15px 5px 15px;
	padding-left: initial;
	white-space: nowrap;
	margin-bottom: 10px;
}

.fd-0070_0030#userBox .userBoxPager > p span {
	font-size: 21px;
}

/* pager */
.fd-0070_0030#userBox .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.current span {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
}

.fd-0070_0030#userBox .userBoxPager .pagenation > ul {
	width: 100%;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	width: 100%;
	position: relative;
}

.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,
.fd-0070_0030#userBox .userBoxPager .pagenation ul li span {
	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-0070_0030#userBox .userBoxPager .pagenation ul li.current span {
	border: none;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.prev,
.fd-0070_0030#userBox .userBoxPager .pagenation ul li.next {
	width: 100%;
}
.fd-0070_0030#userBox .userBoxPager .pagenation ul li.prev:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.next a::after {
	content: none;
}

.fd-0070_0030#userBox .userBoxPager .pagenation ul li.next a {
	padding-right: initial;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}

.fd-0070_0030 .page_nav03 {
	float: none;
	max-width: 305px;
	width: 100%;
}

.fd-0070_0030#userBox .page_nav03 table {
	margin: 21px 0 0 0;
}

.fd-0070_0030 .page_nav03 tbody tr:first-of-type td:first-of-type {
	width: 70px;
	vertical-align: top;
}

.fd-0070_0030 .page_nav03 tbody tr:first-of-type td:first-of-type label {
	font-size: 1.4rem;
	font-weight: bold;
}

.fd-0070_0030 .order_search_condition {
	font-weight: 400;
	font-size: 1.4rem;
}

.fd-0070_0030#userBox .page_nav03 table tr:not(:first-of-type) td {
	text-align: right;
}

.fd-0070_0030 #mainContents .simple_message .page_nav03 tbody tr td select {
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	width: 129px;
}

.fd-0070_0030#userBox
	.page_nav03
	table
	tr:not(:first-of-type)
	td:first-of-type {
	width: 168px;
}

.fd-0070_0030 #mainWrap .searchForm {
	width: 85%;
	margin: initial;
	margin-top: 14px;
}

.fd-0070_0030 #mainWrap .searchForm .searchText {
	width: 60%;
	border-radius: 0;
	margin-right: 8px;
	background: var(--blue-light);
	height: 34px;
}

.fd-0070_0030 #mainWrap .searchForm .searchBtn {
	border: 1px solid var(--gray-600);
	border-radius: 4px;
	position: absolute;
	color: var(--black);
	padding: 7px 19px 7px 16px;
	background-color: var(--gray-200);
	font-weight: bold;
	line-height: calc(20 / 14);
	margin-left: 0;
	font-weight: bold;
}

.fd-0070_0030#userBox .userBoxPager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 30px 15px 5px 15px;
	padding-left: initial;
}

.fd-0070_0030#userBox .userBoxPager > p span {
	font-size: 21px;
}

.fd-0070_0030 .orderProductList tbody {
	margin: initial;
}

.fd-0070_0030 .orderProductList tr {
	border: 3px solid var(--green-light);
	margin: initial;
	margin-bottom: 14px;
}

.fd-0070_0030 .orderProductList tbody tr {
	position: relative;
}

.fd-0070_0030 .orderProductList tr td:first-of-type {
	background: var(--green-dark);
	margin: initial;
	color: var(--white);
	padding-block: 8px 12px;
	font-size: 14px;
}

.fd-0070_0030 .orderProductList tr td:first-of-type a {
	color: var(--white);
	font-weight: bold;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(2) {
	margin-top: 9px;
	padding-left: 67%;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(3) {
	position: absolute;
	top: 92px;
	left: 7px;
	padding-left: initial;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(3) a {
	display: block;
	width: 103px;
	height: 103px;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(3) a img {
	width: 100px;
	height: 100px;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(4) {
	padding-left: 36%;
	margin-top: 8px;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(5) {
	margin-top: 14px;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(6) {
	margin-top: 9px;
	padding-left: 48%;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(7) {
	margin-top: 13px;
	padding-left: 57%;
	font-size: 1.6rem;
}

.fd-0070_0030 .orderProductList tr td:nth-of-type(8) {
	width: 143px;
	margin-inline: auto;
	padding-left: initial;
	margin-top: 16px;
}

.fd-0070_0030 .cartIn_Btn {
	width: 143px;
	background: var(--red);
	font-size: 14px;
	color: var(--white);
	font-weight: bold;
	border-radius: 4px;
	margin: initial;
	margin-bottom: 12px;
	padding-bottom: 2px;
}

.fd-0070_0030 .orderProductList td {
	border: none;
	padding-left: 37%;
	padding-bottom: initial;
	margin: initial;
}

.fd-0070_0030 .orderProductList td:not(:first-of-type) {
	padding-left: 63%;
	font-size: 12px;
}

.fd-0070_0030 .orderProductList td::before {
	top: 50%;
	translate: 0 -50%;
	width: initial;
	padding-right: initial;
}

.fd-0070_0030 .orderProductList td:not(:first-of-type)::before {
	left: 37%;
}

/*
	Label the data
 */
.orderProductList td.orderDayNum::before{
	content: attr(data-label) !important;
	white-space: pre;
	font-size: 14px;
}
.orderProductList td.orderStatus::before,
.orderProductList td.orderQty::before {
	content: attr(data-label) !important;
}
.orderProductList td.orderProductImage::before,
.orderProductList td.orderProductName::before {
	content: none !important;
}
.orderProductList td.orderSupplier::before,
.orderProductList td.orderPrice::before {
	content: attr(data-label) !important;
	top: 1.2rem;
}


/* .fd-0070_0030 .orderProductList td:nth-of-type(1):before {
	content: "注文日\A注文番号";
	white-space: pre;
	font-size: 14px;
}
.fd-0070_0030 .orderProductList td:nth-of-type(2):before {
	content: "注文ステータス：";
}
.fd-0070_0030 .orderProductList td:nth-of-type(3):before {
	content: none;
}
.fd-0070_0030 .orderProductList td:nth-of-type(4):before {
	content: none;
}
.fd-0070_0030 .orderProductList td:nth-of-type(5):before {
	content: "サプライヤー：";
	top: 1.2rem;
}
.fd-0070_0030 .orderProductList td:nth-of-type(6):before {
	content: "数量：";
}
.fd-0070_0030 .orderProductList td:nth-of-type(7):before {
	content: "価格(税抜)";
	font-size: 1.2rem;
} */

.fd-0070_0030 .underBtnArea {
	width: 277px;
}

.fd-0070_0030 .underBtnArea ul li.backBtn {
	display: block;
	float: none;
	width: 277px;
}

.fd-0070_0030 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0070_0030 .backBtn a::before {
	content: none;
}

/* Ruby調整版 */
.fd-0070_0030 .page_nav03 > div {
	margin-top: 19px;
	display: grid;
	gap: 14px;
}

.fd-0070_0030 .page_nav03 div div div:first-child {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}

.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: 129px;
}

.fd-0070_0030 .page_nav03 div div:nth-child(1) div:first-child {
	font-weight: 900;
}
.fd-0070_0030 .page_nav03 div div:nth-child(2) div:first-child {
	font-weight: 900;
}

.fd-0070_0030 .page_nav03 div div:nth-child(3) div:first-child {
	font-weight: 900;
}

/* FD-0070_0010_注文別購入履歴 */
.fd-0070_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0070_0010 .inner_text {
	padding-block: 5px;
	padding-inline: initial;
	font-size: 1.2rem;
	line-height: 1.4;
}

.fd-0070_0010 #mainWrap .h-tab {
	margin-top: 21px;
	gap: 0 7px;
}

.fd-0070_0010 #mainWrap .h-tab > label {
	padding: 6px 0px;
	border-radius: 4px 4px 0 0;
	background-color: var(--green-dark);
	color: var(--white);
}

.fd-0070_0010 #mainWrap .h-tab label {
	font-size: 13px;
	line-height: 48px;
}

.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);
	line-height: 23px;
}

.fd-0070_0010 .page_nav03 {
	float: none;
	max-width: 305px;
	width: 100%;
}

.fd-0070_0010#userBox .page_nav03 table {
	margin: 21px 0 0 0;
}

.fd-0070_0010 .page_nav03 tbody tr:first-of-type td:first-of-type {
	width: 70px;
	vertical-align: top;
}

.fd-0070_0010 .page_nav03 tbody tr:first-of-type td:first-of-type label {
	font-size: 1.4rem;
	font-weight: bold;
}

.fd-0070_0010 .order_search_condition {
	font-weight: 400;
	font-size: 1.4rem;
}

.fd-0070_0010#userBox .page_nav03 table tr:not(:first-of-type) td {
	text-align: right;
}

.fd-0070_0010 #mainContents .simple_message .page_nav03 tbody tr td select {
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	width: 129px;
}

.fd-0070_0010#userBox
	.page_nav03
	table
	tr:not(:first-of-type)
	td:first-of-type {
	width: 168px;
}

.fd-0070_0010 #mainWrap .searchForm {
	width: 85%;
	margin: initial;
	margin-top: 14px;
}

.fd-0070_0010 #mainWrap .searchForm .searchText {
	width: 60%;
	border-radius: 0;
	margin-right: 8px;
	background: var(--blue-light);
	height: 34px;
}

.fd-0070_0010 #mainWrap .searchForm .searchBtn {
	border: 1px solid var(--gray-600);
	border-radius: 4px;
	position: absolute;
	color: var(--black);
	padding: 7px 19px 7px 16px;
	background-color: var(--gray-200);
	font-weight: bold;
	line-height: calc(20 / 14);
	margin-left: 0;
	font-weight: bold;
}

.fd-0070_0010#userBox .userBoxPager .pagenation,
.fd-0070_0010#userBox .userBoxPager.under {
	display: block;
}

.fd-0070_0010#userBox .userBoxPager {
	display: grid;
}

.fd-0070_0010#userBox .userBoxPager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 30px 15px 5px 15px;
	padding-left: initial;
	white-space: nowrap;
	margin-bottom: 10px;
}

.fd-0070_0010#userBox .userBoxPager > p span {
	font-size: 21px;
}

/* pager */
.fd-0070_0010#userBox .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.current span {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
}

.fd-0070_0010#userBox .userBoxPager .pagenation > ul {
	width: 100%;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	width: 100%;
	position: relative;
}

.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: 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-0070_0010#userBox .userBoxPager .pagenation ul li.current span {
	border: none;
}

.fd-0070_0010#userBox .userBoxPager .pagenation ul li.prev,
.fd-0070_0010#userBox .userBoxPager .pagenation ul li.next {
	width: 100%;
}
.fd-0070_0010#userBox .userBoxPager .pagenation ul li.prev:has(i:empty) {
	/* 空欄（）の時は非表示にする */
	display: none;
}

.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;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}

.fd-0070_0010 .orderList tr {
	border: 3px solid var(--green-light);
	margin: initial;
	margin-bottom: 14px;
}

.fd-0070_0010 .orderList tr td:first-of-type {
	background: var(--green-dark);
	margin: initial;
	color: var(--white);
}

.fd-0070_0010 .orderList tr td:first-of-type a {
	color: var(--white);
	font-weight: bold;
	font-size: 1.4rem;
}
.fd-0070_0010 .orderList .btnSpace tr td a {
	font-weight: 400;
}

.fd-0070_0010 .orderList td {
	padding-block: 10px;
	border-bottom: 1px solid var(--gray-600);
	margin-inline: 3px 9px;
}

.fd-0070_0010 .orderList td:has(.btnSpace) {
	border-bottom: none;
	padding-left: 0;
}

.fd-0070_0010 .orderList td:nth-of-type(1):before {
	left: 9px;
	font-size: 1.6rem;
	top: 10px;
}

.fd-0070_0010 .orderList tbody .btnSpace tbody tr {
	border: none;
	display: flex;
	justify-content: center;
	gap: 21px;
	margin-bottom: 0px;
}

.fd-0070_0010 .orderList tbody .btnSpace tbody tr td {
	background: none;
	border-bottom: none;
	width: 50%;
	margin: 0px;
}

.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 {
	width: 100%;
	background: var(--red);
	font-size: 14px;
	color: var(--white);
	font-weight: bold;
	border-radius: 4px;
	height: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	border: var(--red) 2px solid;
}

.fd-0070_0010 .cancel_Btn {
	border-radius: 4px;
	color: var(--black);
	font-size: 14px;
	background-color: var(--gray-200);
	width: 100%;
	font-weight: bold;
	height: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	border: var(--gray-200) 2px solid;
}

.fd-0070_0010 .orderList tr td .btnSpace a {
	color: var(--black);
	height: auto;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* 領収書ボタン */
.fd-0070_0010 .print_Btn {
	border-color: #669f68;
	border-radius: 4px;
	color: var(--black);
	font-size: 1.4rem;
	width: 100%;
	/* line-height: 23px; */
	border-width: 3px;
}

/* 承認ボタン */
.fd-0070_0010 .approval_Btn {
	border-color: var(--navy-dark);
	width: 100%;
	font-size: 1.4rem;
	border-width: 3px;
	height: auto;
	padding-top: 1px;
	padding-bottom: 1px;
}

.fd-0070_0010 .orderList td:before {
	/* Now like a table header */
	position: absolute;
	/* Top/left values mimic padding */
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}

.fd-0070_0010 .orderList td:nth-of-type(6) {
	padding-left: 50%;
	font-size: 1.6rem;
}

.fd-0070_0010 .orderList td:nth-of-type(4):before {
	content: "購入商品";
}

.fd-0070_0010 .orderList td:nth-of-type(5):before {
	content: "ステータス※";
}

.fd-0070_0010 .orderList td:nth-of-type(6):before {
	content: "注文金額(税込)";
	font-size: 1.2rem;
	line-height: 38px;
}

.fd-0070_0010 .underBtnArea {
	width: 277px;
}

.fd-0070_0010 .underBtnArea ul li.backBtn {
	display: block;
	float: none;
	width: 277px;
}

.fd-0070_0010 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0070_0010 .backBtn a::before {
	content: none;
}

/* Ruby調整版 */
.fd-0070_0010 .page_nav03 > div {
	margin-top: 19px;
	display: grid;
	gap: 14px;
}

.fd-0070_0010 .page_nav03 div div div:first-child {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 1.4rem;
}

.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: 129px;
}

.fd-0070_0010 #userBox .userBoxPager {
	margin-bottom: 0px;
}

/* FC-0040_0020_支払・配送情報入力 */
.fc-0040_0020 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fc-0040_0020 .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 0 0 0;
	position: relative;
	vertical-align: middle;
	color: #fff;
}
.fc-0040_0020 .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_0020 .stepFlow ol li.current {
	background: var(--green-dark);
	color: #ffffff;
}
.fc-0040_0020 .stepFlow ol li.current::after {
	border-left: 16px solid var(--green-dark);
}

.fc-0040_0020 #mainContents .oneSection {
	padding: 0 0 6%;
}

.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: 12px;
	padding-block: 11px 9px;
	line-height: calc(24 / 16);
	margin-bottom: 10px;
}

.fc-0040_0020 #mainContents #payment_order_shipping h2.ttl {
	box-shadow: initial;
	padding-left: 14px;
}

.fc-0040_0020 #mainContents h3.ttl {
	box-shadow: initial;
	padding-left: 14px;
	margin-bottom: initial;
}

.fc-0040_0020#shoppingPayment .currentAddress ul {
	border: 1px solid var(--gray-600);
}

.fc-0040_0020#shoppingPayment .currentAddress ul li {
	margin-inline: 12px 18px;
}

.fc-0040_0020#shoppingPayment .currentAddress ul li:first-child {
	border-bottom: 1px solid var(--gray-600);
}

.fc-0040_0020#shoppingPayment .currentAddress ul li.current {
	background: initial;
}

.fc-0040_0020 .historyBackBtn a {
	width: 110px;
	height: 31px;
	background: var(--gray-200);
	padding: 7px 0;
	font-size: 1.2rem;
	color: var(--black);
	line-height: 17px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-inline: auto 0;
	/* margin-top: 9px; */
}

.fc-0040_0020 .historyBackBtn a::before {
	content: none;
}

.fc-0040_0020 p.historyBackBtn.attentionCalculation {
	margin-top: 10px;
}

.fc-0040_0020#shoppingPayment .addAddress .addOpenBtn {
	background: var(--green-dark);
	text-align: center;
	margin-top: 20px;
}

.fc-0040_0020#shoppingPayment .addAddress .addOpenBtn::after {
	content: "";
}

.fc-0040_0020 .underBtnArea ul li.closeBtn {
	display: block;
	float: none;
	width: 100%;
	margin: initial;
	margin-top: 20px;
}

.fc-0040_0020 .closeBtn button {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
	font-size: 1.4rem;
}

.fc-0040_0020 .closeBtn button::before,
.fc-0040_0020 .closeBtn button::after {
	content: none;
}

.fc-0040_0020 .underBtnArea ul li.arrowOrangeBtn {
	float: none;
	width: 100%;
}

.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: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fc-0040_0020 .arrowOrangeBtn a::before {
	content: none;
}

.fc-0040_0020 #mainContents .formTable > dl {
	display: table;
}

.fc-0040_0020 #mainContents .selectDateTime > dl > dt {
	display: table-cell;
	width: 110px;
	background: var(--gray-200);
	padding: 7px 0 8px 14px;
	font-size: 1.2rem;
}

.fc-0040_0020 #mainContents .selectDateTime > dl > dd {
	width: calc(100% - 110px);
	padding: 0 0 0 7px;
	vertical-align: middle;
}

.fc-0040_0020 #mainContents .selectDateTime > dl > dd select {
	width: 101px;
	height: 27px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	border: 1px solid var(--gray-600);
}

.fc-0040_0020 #mainContents .formTable {
	margin: 0 auto;
	border: 2px solid #e4e4e4;
	padding-bottom: 22px;
	padding-left: 12px;
	margin-bottom: 20px;
	position: relative;
}

.fc-0040_0020 #mainContents .oneSection:nth-of-type(2) .formTable,
.fc-0040_0020 #payment_coupon_form .formTable,
.fc-0040_0020 #payment_amount_details .formTable {
	padding-left: 20px;
	border: none;
}

.fc-0040_0020 #mainContents h3.ttl span {
	font-size: 1rem;
	line-height: calc(15 / 10);
	font-weight: 400;
}

.fc-0040_0020 #mainContents .formTable > dl > dd label {
	border: 1px solid var(--gray-600);
	background: var(--blue-light);
}

.fc-0040_0020 #mainContents .formTable > dl > dd label::after {
	content: none;
}

.fc-0040_0020 #mainContents .formTable > dl > dd .purchaseCaution {
	margin-top: 5px;
}

.fc-0040_0020 #mainContents .formTable > dl > dd > ul.postNum {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(1) {
	/* ボタンと横並びになる */
	width: calc(100% - 135px);
}

.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(2) {
	display: block;
}

.fc-0040_0020 #mainContents .formTable > dl > dd > ul.postNum .zipButtonSP {
	margin-bottom: 5px;
	margin-left: 5px;
}

.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3) {
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: auto;
}
.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3)
	a {
	color: var(--black);
	text-decoration: underline;
}
.fc-0040_0020
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3)
	a.caution {
	display: block;
}

.fc-0040_0020 .postNum .arrowGrayBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	height: 40px;
	padding: 0 8px 0 8px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 40px;
}

.fc-0040_0020 #mainContents .couponButtonArea {
	margin-top: 17px;
}

.fc-0040_0020 #mainContents .buttonArea {
	display: flex;
	justify-content: space-evenly;
	/* gap: 32px; */
}

.fc-0040_0020 #mainContents .couponButtonArea .purchaseCaution {
	text-align: right;
	margin-left: 30px;
}

.fc-0040_0020#shoppingPayment .paymentSelectArea {
	margin-top: 9px;
	/* padding-left: 16px; */
}

.fc-0040_0020#shoppingPayment
	.paymentSelectArea
	> dl
	> dd
	> ul
	> li.current
	> label {
	background: initial;
	color: var(--black);
	font-weight: 400;
}

.fc-0040_0020#shoppingPayment .paymentSelectArea > dl > dd > ul > li > label {
	background: initial;
	border: 1px solid var(--gray-600);
}

.fc-0040_0020 #mainContents .displayTitle > dl > dt {
	display: table-cell;
	width: 143px;
	background: var(--gray-200);
	padding: 7px 0 8px 14px;
	font-size: 1.2rem;
	line-height: calc(17 / 12);
}

.fc-0040_0020 #mainContents .displayTitle > dl > dd {
	width: calc(100% - 143px);
	padding: 0 0 0 10px;
	vertical-align: middle;
}

.fc-0040_0020 #mainContents .displayTitle > dl > dt span {
	font-size: 9px;
}

.fc-0040_0020 #mainContents .displayTitle > dl.verticalView,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dt,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dt,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd {
	display: block;
}

.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dt,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dt,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd {
	width: 100%;
}

.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd,
.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd {
	border-inline: 2px solid #e4e4e4;
	padding-block: 18px 21px;
	padding-left: 11px;
	border-bottom: 2px solid #e4e4e4;
}

.fc-0040_0020 #mainContents .displayTitle > dl.verticalView dd {
	position: relative;
}

.fc-0040_0020
	#mainContents
	.displayTitle
	> dl.verticalView
	dd:has(.totalPrice) {
	font-weight: bold;
	font-size: 1.6rem;
	text-align: right;
	padding-right: 1.5rem;
}

.fc-0040_0020
	#mainContents
	.displayTitle
	> dl:nth-child(4)
	dd
	input[type="text"] {
	height: 25px;
	width: 56px;
	background: var(--blue-light);
}

.fc-0040_0020
	#mainContents
	.displayTitle
	> dl:nth-child(4)
	dd
	p:nth-of-type(5) {
	position: absolute;
	top: 42px;
	right: 40px;
}

.fc-0040_0020
	#mainContents
	.displayTitle
	> dl:nth-child(4)
	dd
	p:nth-of-type(5)
	a {
	width: 113px;
}

.fc-0040_0020 #mainContents .formTable > dl:nth-child(4) dd p:nth-of-type(3) {
	margin-top: 26px;
}

.fc-0040_0020 #mainContents .displayTitle > dl:nth-child(5) dd {
	padding-block: 12px 11px;
	padding-right: 15px;
}

.fc-0040_0020 #mainContents .displayTitle > dl:nth-child(5) dd p {
	font-size: 1.2rem;
	line-height: calc(24 / 16);
	font-weight: 400;
	color: var(--black);
	text-align: left;
}

.fc-0040_0020 #mainContents .pointArea {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 17px;
	margin-bottom: 20px;
}

.fc-0040_0020
	#mainContents
	.displayTitle
	> dl
	> dd
	.pointArea
	input[type="text"] {
	width: 56px;
	height: 25px;
}

.fc-0040_0020 .last-button {
	display: flex;
	flex-direction: column-reverse;
}

.fc-0040_0020 .last-button .historyBackBtn {
	width: initial;
	float: initial;
	margin-inline: auto;
}

.fc-0040_0020 .last-button .last-button_text {
	margin-block: 9px 40px;
	font-size: 1.2rem;
	font-weight: bold;
	white-space: nowrap;
}

.fc-0040_0020 .underBtnArea {
	width: 100%;
}

.fc-0040_0020 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fc-0040_0020 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fc-0040_0020 .backBtn a::before {
	content: none;
}

.fc-0040_0020 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fc-0040_0020 .nextBtn button::before {
	content: none;
}

/* ゲスト用 */
.fc-0040_0020 #mainContents .formTable:nth-of-type(1),
.fc-0040_0020 #mainContents .formTable#shipping_address_area {
	/* border: none; */
	/* position: relative; */
}

.fc-0040_0020 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	font-size: 1.2rem;
	right: 6px;
	top: 13px;
	line-height: 19px;
}

.fc-0040_0020 #mainContents .formTable > dl.required > dt.spOnly,
.fc-0040_0020 #mainContents .formTable > dl.required:first-of-type > dt {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}

.fc-0040_0020 #mainContents .formTable .requiredText {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: bold;
}

.fc-0040_0020 #mainContents .formTable > dl > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	/* 上書き */
	padding-right: 0px;
	border: 1px solid #cccccc;
	background: #ffffff;
	position: relative;
}

/* FD-0020_0010_会員情報変更・確認 */
.fd-0020_0010#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0020_0010 .inner_text {
	padding: initial;
}

.fd-0020_0010 #mainContents .formTable {
	padding: initial;
	position: relative;
}

.fd-0020_0010 #mainContents .formTable > dl:first-of-type {
	margin-bottom: 16px;
}

.fd-0020_0010 #mainContents .formTable > dl > dt {
	display: block;
	font-size: 1.6rem;
	font-weight: 700;
	margin-bottom: 5px;
}
.fd-0020_0010 #mainContents .formTable > dl:not(:first-of-type) > dt {
	margin-top: 25px;
}

.fd-0020_0010 #mainContents .formTable .requiredText {
	position: absolute;
	top: 0;
	right: 6px;
	font-weight: bold;
}

.fd-0020_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	background: var(--red);
	color: var(--white);
	right: 6px;
	top: 13px;
	line-height: 19px;
	font-size: 1.2rem;
}

.fd-0020_0010 #mainContents .formTable > dl > dd label::after {
	content: none;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	label:has(select#signup_form_user_pc_mail_magazine_send_div)::after {
	content: "▼";
	color: #8d8d8d;
	background: none;
}

.fd-0020_0010 #mainContents .formTable > dl:last-of-type {
	margin-top: 31px;
}

.fd-0020_0010 .holiday_table {
	width: 100%;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	.holiday_table
	> tbody
	> tr
	> td
	> label {
	background: initial;
	width: initial;
	display: initial;
	padding-right: 5px;
	border: none;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	.holiday_table
	> tbody
	> tr
	> td
	> select {
	border: 1px solid var(--gray-600);
	height: 38px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	position: relative;
	appearance: auto;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	.holiday_table
	> tbody
	> tr
	> td:has(select) {
	padding: 16px 10px;
}

.fd-0020_0010 #mainContents .formTable > dl.required > dd label,
.fd-0020_0010 #mainContents .formTable > dl > dd label {
	background: var(--blue-light);
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	label:not(:has(input, select)):not(:root) {
	background: transparent;
	border: none;
	line-height: 1.4;
}

.fd-0020_0010 #mainContents .formTable > dl > dd.address_tb {
	line-height: 1.4;
}
.fd-0020_0010
	#mainContents
	.formTable
	> dl.required
	> dd
	label:not(:has(input))::after {
	content: none;
}

/* 住所の入力 */
.fd-0020_0010 #mainContents .formTable > dl > dd > ul.postNum {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(1) {
	/* ボタンと横並びになる */
	width: calc(100vw - 175px);
}

.fd-0020_0010 #mainContents .formTable > dl > dd > ul.postNum .zipButtonSP {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3) {
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: auto;
}
.fd-0020_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3)
	a {
	color: var(--black);
	text-decoration: underline;
}

.fd-0020_0010 .postNum .arrowGrayBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	height: 40px;
	padding: 0 8px 0 8px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 40px;
}

.fd-0020_0010 .underBtnArea {
	width: 100%;
}

.fd-0020_0010 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0020_0010 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0020_0010 .backBtn a::before {
	content: none;
}

.fd-0020_0010 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0020_0010 .nextBtn button::before {
	content: none;
}

/* FD-0080_0040_見積カート */

.fd-0080_0040 .cartIconWrap {
	width: 48px;
	height: 48px;
	border: var(--green-dark) solid 1px;
	border-radius: 4px;
	background-color: var(--green-dark);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	margin-left: 10px;
}

.fd-0080_0040 .cartMainTitle img.icon-image {
	width: 27px;
	height: 27px;
	margin: 0px;
}

.fd-0080_0040 #mainWrap .cartMainTitle {
	/* ご注文締め切り時間がある場合、順番を入れ替えて折り返して縦に並べる */
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

.fd-0080_0040 .cartRightGroup:has(label) {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--gray-400);
	border-radius: 4px;
	width: 100%;
	max-width: 300px;
	height: 35px;
	margin-bottom: 15px;
}

.fd-0080_0040 .cartLeftGroup {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 100%;
}

.fd-0080_0040 .cartRightGroup label.carttimeInfomation,
.fd-0080_0040 .cartRightGroup label.carttime {
	border: none;
}

.fd-0080_0040 .carttimeInfomation {
	display: inline-block;
	font-size: 14px;
	padding: 5px;
}

.fd-0080_0040 .carttime {
	/* border: 1px solid #000; */
	color: red;
	display: inline-block;
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
}

.fd-0080_0040 #mainWrap {
	padding-inline: 20px;
}

.fd-0080_0040 #mainWrap .orderTtlMain {
	margin-bottom: initial;
	font-size: 1.8rem;
}

.fd-0080_0040 .stepFlow {
	padding: initial;
}

.fd-0080_0040 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fd-0080_0040 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fd-0080_0040 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.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;
	color: var(--black);
	padding-left: 12px;
	padding-block: 11px 9px;
	line-height: calc(24 / 16);
	margin-bottom: 10px;
}

.fd-0080_0040 #mainContents h3.ttl {
	padding-left: 14px;
	font-size: 1.4rem;
	margin-bottom: initial;
}

.fd-0080_0040 #mainContents h3.ttl span {
	font-size: 1rem;
	line-height: calc(15 / 10);
	font-weight: 400;
}

.fd-0080_0040#shoppingPayment .currentAddress {
	width: initial;
	margin: 0 18px 0 12px;
}

.fd-0080_0040#shoppingPayment .currentAddress ul {
	border-top: 1px solid var(--gray-600);
}

.fd-0080_0040#shoppingPayment .currentAddress ul li {
	padding-left: 17px;
	border-bottom: 1px solid var(--gray-600);
}

.fd-0080_0040 #mainContents .oneSection {
	padding: 0 0 6%;
}

.fd-0080_0040 #mainContents .formTable {
	padding: 0 0;
}

.fd-0080_0040 #mainContents .formTable {
	margin: 0px auto 20px auto;
	border: 2px solid #e4e4e4;
	padding-bottom: 22px;
	padding-left: 12px;
}

.fd-0080_0040 #mainContents .formTable > dl {
	display: table;
}

.fd-0080_0040 #mainContents .selectDateTime > dl > dt {
	display: table-cell;
	width: 99px;
	background: var(--gray-200);
	padding: 7px 0 8px 14px;
	font-size: 1.2rem;
}

.fd-0080_0040 #mainContents .selectDateTime > dl > dd {
	width: calc(100% - 99px);
	padding: 0 0 0 7px;
	vertical-align: middle;
}

.fd-0080_0040 #mainContents .selectDateTime > dl > dd select {
	width: 101px;
	height: 27px;
	/* background: var(--blue-light); */
	background-color: var(--blue-light);
	border: 1px solid var(--gray-600);
}

.fd-0080_0040 #mainContents .oneSection:nth-of-type(2) .formTable,
.fd-0080_0040 #mainContents .oneSection:nth-of-type(3) .formTable,
.fd-0080_0040 #payment_amount_details .formTable {
	padding-left: 20px;
	border: none;
}

.fd-0080_0040 #mainContents .formTable > dl > dd label {
	border: 1px solid var(--gray-600);
	background: var(--blue-light);
	/* 上書き */
	padding-right: 0px;
}

.fd-0080_0040 #mainContents .formTable > dl > dd label::after {
	content: none;
}

.fd-0080_0040 #mainContents .displayTitle > dl > dt {
	display: table-cell;
	width: 143px;
	background: var(--gray-200);
	padding: 7px 0 8px 14px;
	font-size: 1.2rem;
	line-height: calc(17 / 12);
}

.fd-0080_0040 #mainContents .displayTitle > dl > dd {
	width: calc(100% - 143px);
	padding: 0 0 0 10px;
	vertical-align: middle;
}

.fd-0080_0040 #mainContents .displayTitle > dl > dt span {
	font-size: 9px;
}

.fd-0080_0040 .historyBackBtn a {
	width: 110px;
	height: 31px;
	background: var(--gray-200);
	padding: 7px 0;
	font-size: 1.2rem;
	color: var(--black);
	line-height: 17px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-inline: auto 0;
}

.fd-0080_0040 .historyBackBtn a::before {
	content: none;
}

.fd-0080_0040 #mainContents .displayTitle > dl.verticalView,
.fd-0080_0040 #mainContents .displayTitle > dl.verticalView dt,
.fd-0080_0040 #mainContents .displayTitle > dl.verticalView dd {
	display: block;
}

.fd-0080_0040 #mainContents .displayTitle > dl.verticalView dt,
.fd-0080_0040 #mainContents .displayTitle > dl.verticalView dd {
	width: 100%;
}

.fd-0080_0040 #mainContents .displayTitle > dl.verticalView dd {
	border-inline: 2px solid #e4e4e4;
	padding-block: 18px 21px;
	padding-left: 11px;
	border-bottom: 2px solid #e4e4e4;
}

.fd-0080_0040 #mainContents .displayTitle > dl.verticalView dd {
	padding-block: 12px 11px;
	padding-right: 15px;
}

.fd-0080_0040
	#mainContents
	.displayTitle
	> dl.verticalView
	dd:has(.totalPrice) {
	font-size: 1.6rem;
	line-height: calc(24 / 16);
	font-weight: bold;
	color: var(--black);
	text-align: right;
}

.fd-0080_0040 #mainContents .displayTitle > dl > dt span {
	font-size: 9px;
}

.fd-0080_0040 #mainContents .pointArea {
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 17px;
	margin-bottom: 20px;
}

.fd-0080_0040
	#mainContents
	.displayTitle
	> dl
	> dd
	.pointArea
	input[type="text"] {
	width: 56px;
	height: 25px;
}

.fd-0080_0040 #mainContents .formTable > dl > dd .purchaseCaution {
	margin-top: 0px;
}

.fd-0080_0040 .underBtnArea {
	width: 100%;
}

.fd-0080_0040 .underBtnArea ul li.backBtn {
	display: block;
	float: left;
	width: 165px;
}

.fd-0080_0040 .backBtn a {
	border: none;
	height: 48px;
	line-height: 48px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
}

.fd-0080_0040 .backBtn a::before {
	content: none;
}

.fd-0080_0040 .underBtnArea ul li.nextBtn {
	float: right;
	width: 170px;
}

.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);
	height: 48px;
	line-height: 48px;
	font-size: 1.4rem;
}

.fd-0080_0040 .nextBtn button::before {
	content: none;
}

.fd-0080_0040
	#mainContents
	.displayTitle
	> dl:nth-child(5)
	dd
	input[type="text"] {
	height: 25px;
	width: 56px;
	background: var(--blue-light);
}

.fd-0080_0040
	#mainContents
	.displayTitle
	> dl:nth-child(5)
	dd
	p:nth-of-type(2) {
	margin-top: 28px;
}

.fd-0080_0040
	#mainContents
	.displayTitle
	> dl:nth-child(5)
	dd
	p:nth-of-type(3)
	a {
	width: 113px;
}

/* FD-0080_0030_見積変更履歴詳細 */
.fd-0080_0030#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fd-0080_0030 #mainContents .ttl {
	margin: 4.5% auto 0;
	padding: 14px 0 12px 12px;
	background: #ececec;
	border-left: none;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}
.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine .itemInfo {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	padding: 3% 0 0;
	font-size: 1.4rem;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dt {
	display: block;
	font-weight: 700;
	float: left;
	margin: 0 auto;
	padding: initial;
	padding-bottom: 2px;
	width: 100%;
}
.fd-0080_0030 .textArea {
	width: 100%;
}
.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	display: flex;
	width: 100%;
	margin-top: 3%;
	padding: 20px 10px;
	background: var(--gray-200);
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	font-size: 1.4rem;
}

.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	width: auto;
	min-width: 185px;
	justify-content: end;
	margin-left: auto;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dt {
	width: auto;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 10px 5px 10px 10px;
	text-align: left;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dd {
	width: auto;
	font-size: 1.2rem;
	padding: 10px 10px 10px 0;
	text-align: right;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn {
	width: auto;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity {
	width: 100%;
	padding: 0;
	text-align: right;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: end;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	.quantityCount {
	font-size: 2rem;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price {
	padding: 0;
	margin: 0;
	width: 100%;
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl {
	display: flex;
	width: 100%;
	padding-bottom: 0;
	justify-content: flex-end;
	align-items: center;
}

.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dd {
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	color: var(--red);
}
.fd-0080_0030
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dt {
	display: unset;
	text-align: center;
	vertical-align: middle;
	font-size: initial;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 1.4rem;
}
.fd-0080_0030 #shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto 6%;
	padding: 0 0 6% 0;
	border-bottom: 2px solid var(--gray-600);
}
.fd-0080_0030 #mainContents .displayTitle > dl > dt {
	display: block;
	width: 100%;
	padding: 0 20px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
}

.fd-0080_0030 #mainContents .formTable > dl > dt {
	display: block;
	width: 141px;
	padding: 0 10px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
}
.fd-0080_0030 #mainContents .formTable > dl > dd {
	padding: 10px 0 10px 20px;
}

.fd-0080_0030 #mainContents .formTable dl {
	display: flex;
}

.fd-0080_0030 #mainContents .formTable .tax {
	font-size: 1rem;
}

.fd-0080_0030 #mainContents .formTable dl {
	display: flex;
	margin: 10px auto 2px auto;
	align-items: center;
}

.fd-0080_0030 #mainContents .formTable .tax {
	font-size: 1rem;
}

.fd-0080_0030 .nextBtn button,
.fd-0080_0030 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	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;
	margin: 10px auto;
}
.fd-0080_0030 .historyUnderBtnArea ul li.nextBtn {
	width: calc(50% - 5px);
	margin-left: auto;
	display: block;
}
.fd-0080_0030 .nextBtn button::before,
.fd-0080_0030 .nextBtn a::before {
	content: none;
}
.fd-0080_0030 .backBtn button,
.fd-0080_0030 .backBtn a,
.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 ul {
	width: 100%;
	display: block;
}
.fd-0080_0030 .historyUnderBtnArea ul li.backBtn,
.fd-0080_0030 .historyUnderBtnArea ul li.cancelBtn {
	display: block;
	width: calc(50% - 5px);
	margin-inline: auto;
}
.fd-0080_0030 li.cancelBtn {
	float: right;
}
.fd-0080_0030 .historyUnderBtnArea ul li.backBtn:hover,
.fd-0080_0030 .historyUnderBtnArea ul li.cancelBtn:hover,
.fd-0080_0030 .historyUnderBtnArea .nextBtn: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;
}

/* FA-0020_0010_フロントログイン */
.fa-0020_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fa-0020_0010 form {
	position: relative;
	margin-top: 30px;
}

.fa-0020_0010 #mainContents .ttl {
	color: var(--black);
	border-left: none;
	border-bottom: 3px solid var(--navy-dark);
	background: var(--gray-200);
	width: 100%;
	height: auto;
	margin: 0 auto 3% auto;
	padding: 0 0 0 20px;
	font-size: 2rem;
	line-height: 44px;
	font-weight: 700;
	position: relative;
}

.fa-0020_0010 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border: 1px solid #ccc;
	background: var(--blue-light);
	position: relative;
	align-items: center;
	height: 100%;
}
.fa-0020_0010 .arrowOrangeBtn a,
.fa-0020_0010 .arrowOrangeBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	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: 46px;
	margin: 0 auto;
}
.fa-0020_0010 .arrowOrangeBtn a:hover,
.fa-0020_0010 .arrowOrangeBtn 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;
}
.fa-0020_0010 .arrowOrangeBtn a::before,
.fa-0020_0010 .arrowOrangeBtn button::before {
	content: none;
	display: none;
}
.fa-0020_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	color: var(--white);
	position: absolute;
	top: 50%;
	right: 6px;
  transform: translateY(-50%); /* 縦中央揃えの調整 */
}

.recaptcha-label {
	display: block !important;
	box-sizing: border-box !important;
	width: 375px !important;
	padding-right: 60px !important;
	border: none !important;
	background: var(--white) !important;
	position: relative !important;
	align-items: center !important;
	height: 78px;
}
.recaptcha-label::after {
  content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	color: var(--white);
	position: absolute;
	top: 50%;
	right: 6px;
  transform: translateY(-50%); /* 縦中央揃えの調整 */
}

/* FA-0030_0010_パスワードの再登録 */
.fa-0030_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}

.fa-0030_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	color: #fff;
	position: absolute;
	top: 13px;
	right: 10px;
}
.fa-0030_0010 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border: 1px solid #cccccc;
	background: var(--blue-light);
	position: relative;
}
.fa-0030_0010 .backBtn button,
.fa-0030_0010 .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;
}
.fa-0030_0010 .backBtn button:hover,
.fa-0030_0010 .backBtn 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;
}
.fa-0030_0010 .backBtn button::before,
.fa-0030_0010 .backBtn a::before {
	content: none;
}
.fa-0030_0010 .nextBtn button,
.fa-0030_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	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;
}
.fa-0030_0010 .nextBtn button:hover,
.fa-0030_0010 .nextBtn 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;
}
.fa-0030_0010 .nextBtn button::before,
.fa-0030_0010 .nextBtn a::before {
	content: none;
}
.fa-0030_0010 .underBtnArea ul li.backBtn,
.fa-0030_0010 .underBtnArea ul li.nextBtn {
	display: inline-block;
	width: 50%;
}
.fa-0030_0010 .underBtnArea ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 8px;
}
.fa-0030_0010 .underBtnArea {
	width: 100%;
}

/* FA-0030_0040_パスワードリマインドメール完了 */
.fa-0030_0040#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fa-0030_0040 .inner_text {
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 0 5px;
}

.fa-0030_0040 .backBtn button,
.fa-0030_0040 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	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: 46px;
	margin: 0 auto;
}
.fa-0030_0040 .backBtn button:hover,
.fa-0030_0040 .backBtn 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;
}
.fa-0030_0040 .backBtn button::before,
.fa-0030_0040 .backBtn a::before {
	content: none;
}

/* FA-0030_0020_パスワードリマインド */
main.fa-0030_0020 {
	padding-top: 14px;
	padding-inline: 20px;
}

.fa-0030_0020 #mainContents .formTable > dl > dd {
	position: relative;
}

.fa-0030_0020 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border-color: #ccc;
	background: var(--blue-light);
	position: relative;
}
.fa-0030_0020 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: var(--white);
	position: absolute;
	top: 14px;
	right: 6px;
}
.fa-0030_0020 .arrowOrangeBtn a,
.fa-0030_0020 .arrowOrangeBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	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: 40px;
}
.fa-0030_0020 .arrowOrangeBtn a:hover,
.fa-0030_0020 .arrowOrangeBtn 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;
}
.fa-0030_0020 .arrowOrangeBtn a::before,
.fa-0030_0020 .arrowOrangeBtn button::before {
	content: none;
}

.fa-0030_0020 .cf:after {
	content: none;
}
.fa-0030_0020 .underBtnArea ul {
	gap: 20px;
	margin-inline: auto;
	justify-content: center;
	display: flex;
}
.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);
	height: 46px;
	line-height: 46px;
	font-size: 1.4rem;
}
.fa-0030_0020 .underBtnArea ul li.backBtn,
.fa-0030_0020 .underBtnArea ul li.nextBtn {
	display: block;
	width: 170px;
	max-width: 100%;
}
.fa-0030_0020 .backBtn a {
	border: none;
	height: 46px;
	line-height: 46px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
	font-size: 1.4rem;
}
.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;
}

/* FD-0110_0010_一括注文アップロード */
.fd-0110_0010#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0110_0010 .inner_text {
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 0 5px;
}
.fd-0110_0010 .listorder #file_upload {
	padding: 8px;
	width: 100%;
}
.fd-0110_0010 .listorder #file_upload::file-selector-button {
	padding: 10px;
	width: 40%;
	cursor: pointer;
}
.fd-0110_0010 #mainContents .formTable > dl > dd label::after {
	content: none;
}
.fd-0110_0010 .listorder .file_upload_btn {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	width: 100%;
	height: 48px;
	padding: 0;
	margin: 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-0110_0010 .listorder .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;
}
.fd-0110_0010 .underBtnArea ul li.btn-up {
	width: 100%;
}
.fd-0110_0010 .backBtn button,
.fd-0110_0010 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	width: 100%;
	height: 48px;
	padding: 0;
	margin: 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;
}
.fd-0110_0010 .backBtn button:hover,
.fd-0110_0010 .backBtn 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-0110_0010 .backBtn button::before,
.fd-0110_0010 .backBtn a::before {
	content: none;
}
.fd-0110_0010 .listorder .underBtnArea ul.cf {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 6% auto;
	gap: 8px;
}
.fd-0110_0010 .listorder .underBtnArea {
	width: 100%;
}

/* FC-0040_0040_注文完了画面 */
.fc-0040_0040 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fc-0040_0040 #confirm_tb {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 15px;
	padding: 0 5px;
}
.fc-0040_0040 .backBtn button,
.fc-0040_0040 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fc-0040_0040 .backBtn button:hover,
.fc-0040_0040 .backBtn 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;
}
.fc-0040_0040 .backBtn button::before,
.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 0 0 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 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0080_0060 #confirm_tb {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 15px;
	padding: 0 5px;
}
.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 0 0 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;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fd-0080_0060 .backBtn button:hover,
.fd-0080_0060 .backBtn 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;
}

/* FB-0010_0040_会員情報登録完了 */
.fb-0010_0040#mainWrap {
	font-size: 1.4rem;
	line-height: 1.4;
	padding-top: 14px;
	padding-inline: 20px;
}
.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 0 0 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;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fb-0010_0040 .topBtn button::before,
.fb-0010_0040 .topBtn a::before {
	content: none;
}
.fb-0010_0040 .topBtn button:hover,
.fb-0010_0040 .topBtn 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;
}

/* FE-0010_0030_お問い合わせ完了 */
.fe-0010_0030#mainWrap {
	font-size: 1.4rem;
	line-height: 1.4;
	padding-top: 14px;
	padding-inline: 20px;
}
.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 0 0 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;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fe-0010_0030 .topBtn button:hover,
.fe-0010_0030 .topBtn 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;
}
.fe-0010_0030 .topBtn button::before,
.fe-0010_0030 .topBtn a::before {
	content: none;
}

/* FC-0040_0050_ご購入時エラー */
.fc-0040_0050#mainWrap {
	font-size: 1.4rem;
	line-height: 1.4;
	padding-top: 14px;
	padding-inline: 20px;
}
.fc-0040_0050 .topBtn button,
.fc-0040_0050 .topBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fc-0040_0050 .topBtn button:hover,
.fc-0040_0050 .topBtn 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;
}
.fc-0040_0050 .topBtn button::before,
.fc-0040_0050 .topBtn a::before {
	content: none;
}

/* FD-0030_0030_退会申請完了 */
.fd-0030_0030 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.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 0 0 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;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fd-0030_0030 .backBtn button:hover,
.fd-0030_0030 .backBtn 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;
}

/* FA-0030_0020_2_期限切れパスワード変更 */
.fa-0030_0020_2 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fa-0030_0020_2 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border-color: #ccc;
	background: var(--blue-light);
	position: relative;
}
.fa-0030_0020_2 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 11px;
	right: 10px;
}
.fa-0030_0020_2 .arrowOrangeBtn a,
.fa-0030_0020_2 .arrowOrangeBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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: 46px;
	margin: 0 auto;
}
.fa-0030_0020_2 .arrowOrangeBtn a:hover,
.fa-0030_0020_2 .arrowOrangeBtn 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;
}
.fa-0030_0020_2 .arrowOrangeBtn a::before,
.fa-0030_0020_2 .arrowOrangeBtn button::before {
	content: none;
}

/* FD-0040_0020_会員追加・変更・削除_会員変更画面 */
.fd-0040_0020#userBox {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0040_0020#userBox .userList table th {
	width: 100%;
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	text-align: center;
	border: solid 1px var(--green-dark);
}
.fd-0040_0020#userBox .userList table td {
	border: none;
	text-align: center;
}

.fd-0040_0020#userBox .userList table tr {
	border-bottom: 1px solid var(--gray-200);
	display: flex;
	flex-direction: column;
}
.fd-0040_0020 .userList tbody {
	border: solid 2px var(--green-light);
	border-top: none;
	display: flex;
	flex-direction: column;
}
.fd-0040_0020#userBox .userList tbody td {
	display: block;
}
.fd-0040_0020 .pcOnly {
	display: none;
}
.fd-0040_0020#userBox .userList .crud_button {
	max-width: 150px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	padding: 0;
	margin: 4px;
	background: var(--gray-200);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	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#userBox .userList .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 .userList td:last-of-type {
	margin-bottom: 10px;
}
.fd-0040_0020#userBox .userList td:nth-of-type(1) {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.4rem;
}
.userList td:nth-of-type(2) {
	margin-bottom: 20px;
}
.fd-0040_0020 .btn_add_member {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	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: 46px;
	margin: 0 auto 40px;
}
.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#userBox .userBoxPager {
	display: table;
	width: 100%;
	margin-bottom: 0;
}
.fd-0040_0020 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border-color: #ccc;
	background: var(--blue-light);
	position: relative;
}
.fd-0040_0020 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	color: var(--white);
	position: absolute;
	top: 13px;
	right: 3px;
}

.fd-0040_0020 #mainContents .formTable > dl > dd label::after {
	content: "";
	background: none;
}

.fd-0040_0020 #mainContents .formTable {
	position: relative;
}

.fd-0040_0020 .nextBtn button,
.fd-0040_0020 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	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-0040_0020 .nextBtn button:hover,
.fd-0040_0020 .nextBtn 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-0040_0020 .nextBtn button::before,
.fd-0040_0020 .nextBtn a::before {
	content: none;
}
.fd-0040_0020 .nextBtn button [type="submit"] {
	cursor: pointer;
}
.fd-0040_0020 .backBtn button,
.fd-0040_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-0040_0020 .backBtn button:hover,
.fd-0040_0020 .backBtn 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-0040_0020 #mainContents .formTable > dl > dd > ul.userName {
	display: table;
	width: 100%;
}
.fd-0040_0020 .underBtnArea ul {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.fd-0040_0020 .underBtnArea ul li.backBtn,
.fd-0040_0020 .underBtnArea ul li.nextBtn {
	display: inline-block;
	width: 50%;
}
.fd-0040_0020 .underBtnArea ul li.nextBtn {
	margin-left: 16px;
}

/* pager */
.fd-0040_0020#userBox .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	width: 100%;
	position: relative;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li {
	padding-left: initial;
	width: 36px;
	height: 37px;
	line-height: 37px;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li i,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li span,
.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.next a {
	position: absolute;
	right: 0px;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li span {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
	border: none;
}

.fd-0040_0020#userBox .userBoxPager .pagenation ul li.current span,
.fd-0040_0020#userBox .userBoxPager .pagenation ul li.last span {
	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: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;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}

/* FD-0050_0010_配送先追加・変更 */
.fd-0050_0010#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
	line-height: 1.4;
}

.fd-0050_0010 .changeAddress2 table.changeAddress2table:not(:has(td)) {
	/* ECタグで出力したレコード(trタグ)がない場合は非表示にする */
	display: none;
}
.fd-0050_0010 .changeAddress2 table th {
	width: 100%;
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	text-align: center;
	border: solid 1px var(--green-dark);
}
.fd-0050_0010 .changeAddress2 table tr {
	border-bottom: 1px solid var(--gray-200);
	display: flex;
	flex-direction: column;
}
.fd-0050_0010 .changeAddress2 table td {
	display: block;
	border: none;
	padding: 5px;
	text-align: center;
}
.fd-0050_0010 .changeAddress2 table td:nth-of-type(1) {
	font-size: 1.7rem;
	font-weight: 700;
	padding-top: 15px;
}
.fd-0050_0010 .changeAddress2 tbody {
	border: solid 2px var(--green-light);
	border-top: none;
	display: flex;
	flex-direction: column;
}
.fd-0050_0010 .changeAddress2 #shipping_for_edit_form,
.fd-0050_0010 .changeAddress2 #shipping_for_destroy_form {
	max-width: 150px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0;
	margin: 4px;
	background: var(--gray-200);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	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 .changeAddress2 #shipping_for_edit_form:hover,
.fd-0050_0010 .changeAddress2 #shipping_for_destroy_form: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 .edit_info,
.fd-0050_0010 .changeAddress2 .crud_button {
	margin: 0;
	width: auto;
	background: var(--gray-200);
}

.fd-0050_0010 .changeAddress2 td:last-of-type {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.fd-0050_0010 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border-color: #ccc;
	background: var(--blue-light);
	position: relative;
}

.fd-0050_0010 #mainContents .formTable {
	position: relative;
	margin-top: 30px;
}

.fd-0050_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 19px;
	text-align: center;
	color: var(--white);
	position: absolute;
	top: 13px;
	right: 6px;
}

.fd-0050_0010 #mainContents .formTable > dl > dd > ul.postNum {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.fd-0050_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(1) {
	/* ボタンと横並びになる */
	width: calc(100% - 135px);
}

.fd-0050_0010 #mainContents .formTable > dl > dd > ul.postNum .zipButtonSP {
	display: block;
	margin-bottom: 5px;
	margin-left: 5px;
}

.fd-0050_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3) {
	display: block;
	text-align: center;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 6px;
	margin-left: auto;
}
.fd-0050_0010
	#mainContents
	.formTable
	> dl
	> dd
	> ul.postNum
	li:nth-of-type(3)
	a.caution {
	display: block;
	color: var(--black);
	text-decoration: underline;
}

.fd-0050_0010 .postNum .arrowGrayBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: fit-content;
	height: 40px;
	padding: 0 8px 0 8px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	line-height: 40px;
}

.fd-0050_0010 .nextBtn button,
.fd-0050_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	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-0050_0010 .nextBtn button:hover,
.fd-0050_0010 .nextBtn 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-0050_0010 .nextBtn button::before,
.fd-0050_0010 .nextBtn a::before {
	content: none;
}
.fd-0050_0010 .backBtn button,
.fd-0050_0010 .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-0050_0010 .backBtn button:hover,
.fd-0050_0010 .backBtn 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-0050_0010 .underBtnArea ul li.nextBtn,
.fd-0050_0010 .underBtnArea ul li.backBtn {
	display: inline-block;
	width: 50%;
}
.fd-0050_0010 .underBtnArea ul li.nextBtn {
	margin-left: 16px;
}
.fd-0050_0010 .underBtnArea ul li.nextBtn [type="submit"] {
	cursor: pointer;
}
.fd-0050_0010 .underBtnArea ul {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.fd-0050_0010 .changeAddress td {
	border: none;
	border-bottom: 1px solid var(--gray-200);
	position: relative;
	padding: 10px;
	padding-left: 50%;
	line-height: 200%;
}
.fd-0050_0010 .changeAddress td:last-of-type {
	border-bottom: none;
}
.fd-0050_0010 .changeAddress tr {
	border: 4px solid var(--gray-200);
	border-radius: 8px;
}
.fd-0050_0010 .changeAddress td:before {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	font-weight: 900;
}
.fd-0050_0010 .changeAddress td:nth-of-type(1):before {
	content: "会社名";
}

/* FD-0040_0010_店舗変更 */
.fd-0040_0010#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0040_0010 .changeAddress2 table th {
	width: 100%;
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	text-align: center;
	border: solid 1px var(--green-dark);
}
.fd-0040_0010 .changeAddress2 table tr {
	border-bottom: 1px solid var(--gray-200);
	display: flex;
	flex-direction: column;
}
.fd-0040_0010 .changeAddress2 table td {
	display: block;
	border: none;
	padding: 5px;
	text-align: center;
}
.fd-0040_0010 .changeAddress2 table td:nth-of-type(1) {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 10px 0;
}
.fd-0040_0010 .changeAddress2 tbody {
	border: solid 2px var(--green-light);
	border-top: none;
	display: flex;
	flex-direction: column;
}
.fd-0040_0010 .changeAddress2 #shipping_for_edit_form,
.fd-0040_0010 .changeAddress2 #shipping_for_destroy_form {
	max-width: 150px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: block;
	padding: 0;
	margin: 4px;
	background: var(--gray-200);
	color: var(--black);
	font-size: 12px;
	font-weight: 700;
	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 .changeAddress2 #shipping_for_edit_form:hover,
.fd-0040_0010 .changeAddress2 #shipping_for_destroy_form: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 .edit_info,
.fd-0040_0010 .changeAddress2 .crud_button {
	margin: 0;
	width: auto;
	background: var(--gray-200);
}

.fd-0040_0010 .changeAddress2 td:last-of-type {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.fd-0040_0010 #mainContents .formTable > dl.required > dd label {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding-right: 60px;
	border-color: #ccc;
	background: var(--blue-light);
	position: relative;
}
.fd-0040_0010 #mainContents .formTable > dl.required > dd label::after {
	content: attr(data-required);
	display: block;
	width: 40px;
	height: 20px;
	background: var(--red);
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	color: #ffffff;
	position: absolute;
	top: 11px;
	right: 10px;
}
.fd-0040_0010 .nextBtn button,
.fd-0040_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	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-0040_0010 .nextBtn button:hover,
.fd-0040_0010 .nextBtn 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-0040_0010 .nextBtn button::before,
.fd-0040_0010 .nextBtn a::before {
	content: none;
}
.fd-0040_0010 .backBtn button,
.fd-0040_0010 .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-0040_0010 .backBtn button:hover,
.fd-0040_0010 .backBtn 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-0040_0010 .underBtnArea ul li.nextBtn,
.fd-0040_0010 .underBtnArea ul li.backBtn {
	display: inline-block;
	width: 50%;
}
.fd-0040_0010 .underBtnArea ul li.nextBtn {
	margin-left: 16px;
}
.fd-0040_0010 .underBtnArea ul li.nextBtn [type="submit"] {
	cursor: pointer;
}
.fd-0040_0010 .underBtnArea ul {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.fd-0040_0010 .changeAddress td {
	border: none;
	position: unset;
	padding: 0;
	line-height: 200%;
}
.fd-0040_0010 .changeAddress td:nth-of-type(1):before,
.fd-0040_0010 .changeAddress td:nth-of-type(2):before {
	content: none;
}
.fd-0040_0010 .changeAddress thead tr {
	position: unset;
	border: none;
	margin: 0;
	display: flex;
}
.fd-0040_0010 .changeAddress th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	border: solid 1px var(--green-dark);
	margin: 0;
}
.fd-0040_0010 .changeAddress th:first-of-type {
	padding-left: 10px;
	width: 20%;
}
.fd-0040_0010 .changeAddress th:nth-of-type(2) {
	width: 80%;
}
.fd-0040_0010 .changeAddress thead {
	border: solid 2px var(--green-dark);
	margin: 0;
}
.fd-0040_0010 .changeAddress tbody {
	margin: 0;
}
.fd-0040_0010 .changeAddress tbody tr {
	border: solid 2px var(--green-light);
	border-top: none;
	display: flex;
	margin: 0;
	padding: 20px 10px;
}
.fd-0040_0010 .changeAddress td:first-of-type {
	width: 20%;
}

/* FC-0040_0041_見積完了画面 */
.fc-0040_0041 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.fc-0040_0041 .stepFlow {
	padding: 0;
}
.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 0 0 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;
	max-width: 277px;
	height: 46px;
	padding: 0;
	border: 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;
}
.fc-0040_0041 .backBtn button:hover,
.fc-0040_0041 .backBtn 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;
}

/* FZ-0010_0010_会社概要 */
.fz-0010_0010#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fz-0010_0010 #productsDetail .moreDetailList dl dt {
	display: block;
	width: 100%;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
}
.fz-0010_0010 #productsDetail .moreDetailList dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 20px;
	font-size: 1.2rem;
	line-height: 1.4;
}
.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 .topBtn button:hover,
.fz-0010_0010 .topBtn 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;
}

/* FZ-0010_0040_特定商取引法に基づく表記 */
.fz-0010_0040#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fz-0010_0040 #productsDetail .moreDetailList dl dt {
	display: block;
	width: 100%;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
}
.fz-0010_0040 #productsDetail .moreDetailList dl dd {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 20px;
	font-size: 1.2rem;
	line-height: 1.4;
}
.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:hover,
.fz-0010_0040 .topBtn 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;
}
.fz-0010_0040 .topBtn button::before,
.fz-0010_0040 .topBtn a::before {
	content: none;
}
.fz-0010_0040 table {
	margin: 10px 0;
	min-width: 200px;
	border: 1px #eeeeee solid;
	width: 100%;
}
.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 {
	padding-top: 14px;
	padding-inline: 20px;
	font-size: 1.4rem;
	line-height: 1.2;
}
.fd-0090_0010 .shop_point_ol {
	border: 4px solid var(--gray-200);
	width: 100%;
	margin: 20px 0;
	padding: 30px 10px;
	border-radius: 8px;
}
.fd-0090_0010 .shop_point_ol .main_li {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.8rem;
	font-weight: bold;
	padding: 15px;
	background: var(--gray-200);
}
.fd-0090_0010 .showBtn a {
	margin-left: auto;
	display: block;
	position: relative;
	top: 15px;
	box-sizing: border-box;
	max-width: 150px;
	width: 25%;
	height: 20px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 20px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.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 .sub {
	display: flex;
	width: 75%;
	margin-top: 5px;
	font-weight: bold;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	bottom: 30px;
}
.fd-0090_0010 .shop_point_ol .sub > li:nth-of-type(2) {
	border-bottom: none;
	padding-bottom: 5px;
}
.fd-0090_0010 #mainWrap .sub li div {
	padding-bottom: 8px;
}
.fd-0090_0010 .sub_title {
	width: 25%;
	text-align: right;
}
.fd-0090_0010 #mainWrap .sub li:last-of-type {
	width: 100%;
	text-align: center;
}
.fd-0090_0010 #mainWrap .shop_point_li {
	border-bottom: 1px solid var(--gray-400) !important;
}
.fd-0090_0010 #mainWrap #mainContents .shop_point_ol .terminable_date_li {
	font-weight: bold;
	font-size: 1.3rem;
	padding: 20px 0 0;
	text-align: center;
}
.fd-0090_0010 .shop_point_ol .showBtn {
	text-align: center;
	margin-top: 20px;
}

/* FF-0010_0010_お知らせ一覧 */
.ff-0010_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 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;
}
.ff-0010_0010 .topBtn button:hover,
.ff-0010_0010 .topBtn 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;
}
.ff-0010_0010#topPage .topInfoList ul li {
	display: block;
	width: 100%;
	padding: 3% 0;
	border-bottom: 1px solid var(--gray-200);
}
.ff-0010_0010#topPage .topInfoList ul li 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;
}
.ff-0010_0010#topPage .topInfoList ul li {
	display: block;
	width: 100%;
	margin: 0 0 3% 0;
	padding: 0 0 3% 0;
	border-bottom: 1px solid var(--gray-200);
}
.ff-0010_0010#topPage .topInfoList ul li a::after {
	content: none;
}

/* FZ-0010_0050_サプライヤー一覧 */
.fz-0010_0050#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.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:hover,
.fz-0010_0050 .topBtn 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;
}
.fz-0010_0050 .topBtn button::before,
.fz-0010_0050 .topBtn a::before {
	content: none;
}
.fz-0010_0050 p {
	font-size: 1.4rem;
	line-height: 1.4;
}
.fz-0010_0050 .inner_text p {
	padding: 15px;
	border-bottom: 1px solid var(--gray-200);
	width: 100%;
	display: block;
}
.fz-0010_0050 .inner_text {
	margin-bottom: 20px;
}

/* FD-0100_0010_クーポン一覧 */
.fd-0100_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0100_0010 .page_nav03 {
	float: none;
}

.fd-0100_0010#searchResult .pager {
	display: block;
}
.fd-0100_0010#searchResult .pagerSP {
	margin-top: 20px;
}

.fd-0100_0010#searchResult .useroxPager .pagenation,
.fd-0100_0010#searchResult .pager.under {
	display: block;
}

.fd-0100_0010#searchResult .pager {
	display: grid;
}

.fd-0100_0010#searchResult .pager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 30px 15px 5px 15px;
	padding-left: initial;
	white-space: nowrap;
	margin-bottom: 10px;
}

.fd-0100_0010#searchResult .pager > p span {
	font-size: 21px;
}

/* 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-start;
	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,
.fd-0100_0010 .pagenation ul li.next {
	width: 100%;
}
.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;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}
.fd-0100_0010 #rowBox {
	background: var(--white);
	padding: 0px;
	overflow: hidden;
}
.fd-0100_0010 .couponList tr {
	border: 4px solid var(--gray-200);
	width: 100%;
	margin: 20px 0;
	padding: 30px 10px;
	border-radius: 8px;
}
.fd-0100_0010 .couponList td {
	border: none;
	border-bottom: 1px solid var(--gray-200);
	position: relative;
	padding-left: 50%;
	line-height: 200%;
	padding-bottom: 10px;
	padding-top: 6px;
}
.fd-0100_0010 .couponList td:last-of-type {
	border-bottom: none;
	margin-top: 20px;
}
.fd-0100_0010 .couponList td:nth-last-of-type(2) {
	border-bottom: none;
}
.fd-0100_0010 .couponShowButton {
	display: block;
	box-sizing: border-box;
	max-width: 150px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-size: 1.2rem;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin: 0 0 0 auto;
	padding: 0;
}
.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;
}
.fd-0100_0010 a.conponbtn {
	text-decoration: none;
}
.fd-0100_0010 #couponUsage {
	font-size: 1.4rem;
	line-height: 1.4;
	margin: 0 0 20px 0;
	border: none;
	padding: 0;
}
.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: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
.fd-0100_0010 .coupon_use_title {
	font-size: 2rem;
	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.4rem;
	font-weight: 700;
	color: #000000;
}

/* FD-0090_0020_ポイント詳細 */
.fd-0090_0020 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0090_0020 .backBtn button,
.fd-0090_0020 .backBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 277px;
	height: 46px;
	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: 46px;
	margin: 0 auto;
}
.fd-0090_0020 .backBtn button:hover,
.fd-0090_0020 .backBtn 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_0020 .shop_table tbody {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: flex-end;
	margin-right: 20px;
}
.fd-0090_0020 .shop_table tbody p {
	padding-bottom: 5px;
}
.fd-0090_0020 table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
.fd-0090_0020 .shop_point_table th {
	background: var(--green-dark);
	color: white;
	font-weight: bold;
	text-align: center;
	border: none;
}
.fd-0090_0020 .shop_point_table th:nth-of-type(6) {
	/* ポイント有効期限のみ非表示 */
	display: none;
}
.fd-0090_0020 .shop_point_table thead {
	width: 100%;
	border: solid 2px var(--green-dark);
	background: var(--green-dark);
	text-align: center;
	display: flex;
	justify-content: center;
}
.fd-0090_0020 .shop_point_table td {
	border: none;
	padding: 5px 20px;
	white-space: normal;
	word-wrap: break-word;
	overflow: hidden;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(6) {
	padding: 5px 20px 0px 5px;
}
.fd-0090_0020 .shop_point_table tbody {
	border: solid 2px var(--green-light);
	border-top: none;
	display: block;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(1),
.fd-0090_0020 .shop_point_table td:nth-of-type(2),
.fd-0090_0020 .shop_point_table td:nth-of-type(3),
.fd-0090_0020 .shop_point_table td:nth-of-type(4),
.fd-0090_0020 .shop_point_table td:nth-of-type(5),
.fd-0090_0020 .shop_point_table td:nth-of-type(6) {
	width: auto;
	vertical-align: baseline;
}
.fd-0090_0020 .shop_point_table tbody tr {
	width: 100%;
	display: flex;
	border-bottom: 2px solid var(--green-light);
	flex-direction: column;
}
.fd-0090_0020 .shop_point_table tbody tr:last-of-type {
	border-bottom: none;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(1) {
	margin-top: 10px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(6) {
	margin-top: 0px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(4),
.fd-0090_0020 .shop_point_table td:nth-of-type(5) {
	display: flex;
	justify-content: space-between;
	font-size: 1.8rem;
	font-weight: 700;
	max-width: 200px;
	width: 100%;
	align-items: baseline;
	margin: 0 auto;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(1)::before {
	content: "日時:";
	font-size: 1.2rem;
	font-weight: normal;
	margin-top: 20px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(2)::before {
	content: "利用者:";
	font-size: 1.2rem;
	font-weight: normal;
	margin-top: 20px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(3)::before {
	content: "注文番号:";
	font-size: 1.2rem;
	font-weight: normal;
	margin-top: 20px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(4)::before {
	content: "発行ポイント　";
	font-size: 1.6rem;
	font-weight: normal;
	margin-top: 20px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(5)::before {
	content: "利用ポイント　";
	font-size: 1.6rem;
	font-weight: normal;
	padding-bottom: 20px;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(6)::before {
	content: "発行ポイント有効期限:";
	font-size: 1.2rem;
	font-weight: normal;
}
.fd-0090_0020 .shop_point_table td:nth-of-type(6) {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 20px;
}
.fd-0090_0020 .pcOnly {
	display: none;
}
.fd-0090_0020 .spOnly {
	display: block;
}

.fd-0090_0020#userBox .userBoxPager .pagenation,
.fd-0090_0020#userBox .userBoxPager.under {
	display: block;
}

.fd-0090_0020#userBox .userBoxPager {
	display: grid;
}

.fd-0090_0020#userBox .userBoxPager > p {
	font-size: 1.4rem;
	font-weight: 700;
	padding: 30px 15px 5px 15px;
	padding-left: initial;
	white-space: nowrap;
	margin-bottom: 10px;
}

.fd-0090_0020#userBox .userBoxPager > p span {
	font-size: 21px;
}

/* pager */
.fd-0090_0020#userBox .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	width: 100%;
	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.next a {
	position: absolute;
	right: 0px;
}

.fd-0090_0020#userBox .userBoxPager .pagenation ul li b {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
	border: none;
}

.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: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;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}

/* FD-0070_0020_購入履歴詳細 */
.fd-0070_0020 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0070_0020 #mainContents .ttl {
	margin: 4.5% auto 0;
	padding: 14px 0 12px 12px;
	background: #ececec;
	border-left: none;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
	line-height: 22px;
}
.fd-0070_0020 .historyUpperBtnArea > ul {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine .itemInfo {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dt {
	display: block;
	font-weight: 700;
	float: left;
	margin: 0 auto;
	padding: initial;
	padding-bottom: 2px;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dd {
	padding: 0;
}
.fd-0070_0020 #userBox .itemInfo dl dt {
	max-width: 120px;
	width: 100%;
}
.fd-0070_0020 .textArea {
	width: 100%;
}
.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	display: flex;
	width: 100%;
	margin-top: 3%;
	padding: 20px 10px;
	background: var(--gray-200);
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	font-size: 1.4rem;
	white-space: nowrap;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	.quantityCount {
	font-size: 1.7rem;
}

.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	.cancelCount {
	padding-left: 0px;

	font-size: 1.2rem;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price {
	padding: 0;
	margin: 0;
	width: 100%;
	width: auto;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity {
	width: 100%;
	padding: 0;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: end;
	font-weight: bold;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn {
	width: 100%;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl {
	display: flex;
	width: 100%;
	padding-bottom: 0;
	justify-content: flex-end;
	align-items: center;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn {
	width: auto;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dt {
	display: unset;
	text-align: center;
	vertical-align: middle;
	font-size: initial;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 1.4rem;
	padding-left: 10px;
}

.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	width: auto;
	min-width: 185px;

	justify-content: end;
	margin-left: auto;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dt {
	width: auto;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 10px 5px 10px 10px;
	text-align: left;
}
.fd-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dd {
	width: auto;
	font-size: 1.2rem;
	padding: 10px 10px 10px 0;
	text-align: right;
}
.fd-0070_0020 #shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto 6%;
	padding: 0 0 6% 0;
	border-bottom: 2px solid var(--gray-600);
}
.fd-0070_0020 #mainContents .formTable dl {
	display: flex;
	margin: 10px auto 2px auto;
	align-items: center;
}

.fd-0070_0020 #mainContents .formTable .tax {
	font-size: 1rem;
}

.fd-0070_0020 .nextBtn button,
.fd-0070_0020 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	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;
	margin: 10px auto;
}
.fd-0070_0020 .historyUnderBtnArea ul li.nextBtn {
	width: calc(50% - 5px);
	margin-left: auto;
	display: block;
}
.fd-0070_0020 .nextBtn button::before,
.fd-0070_0020 .nextBtn a::before {
	content: none;
}
.fd-0070_0020 .backBtn button,
.fd-0070_0020 .backBtn a,
.fd-0070_0020 .historyUnderBtnArea .cancelBtn button,
.fd-0070_0020 .historyUnderBtnArea .cancelBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 230px;
	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: 0px;
}
.fd-0070_0020 .historyUnderBtnArea ul {
	width: 100%;
	display: block;
}
.fd-0070_0020 .historyUnderBtnArea ul li.backBtn,
.fd-0070_0020 .historyUnderBtnArea ul li.cancelBtn {
	display: inline-block;
	width: calc(50% - 5px);
}
.fd-0070_0020 li.cancelBtn {
	float: right;
}
.fd-0070_0020 .historyUnderBtnArea ul li.backBtn:hover,
.fd-0070_0020 .historyUnderBtnArea ul li.cancelBtn:hover,
.fd-0070_0020 .historyUnderBtnArea .nextBtn: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-0070_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dd {
	display: block;
	text-align: center;
	/* vertical-align: middle; */
	font-size: 1.6rem;
	font-weight: bold;
	color: var(--red);
}
.fd-0070_0020 .detail_Btn {
	margin-left: auto;
	margin-top: 10px;
	display: block;
	box-sizing: border-box;
	max-width: 150px;
	width: 100%;
	height: 30px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0070_0020 #mainContents .displayTitle > dl > dt {
	display: block;
	width: 100%;
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
}
.fd-0070_0020 .historyList td {
	border: none;
	border-bottom: 1px solid var(--gray-200);
	position: relative;
	line-height: 200%;
	padding: 10px;
	padding-left: 50%;
	margin: 0;
	border-left: 2px solid var(--green-light);
	border-right: 2px solid var(--green-light);
}
.fd-0070_0020 .historyList tbody {
	display: block;
	width: 100%;
	margin: 20px 0;
	border-radius: 8px;
}
.fd-0070_0020 .historyList td:first-of-type {
	background-color: var(--green-dark);
	color: #fff;
	font-weight: 700;
	padding-left: 15px;
	border: none;
}
.fd-0070_0020 .historyList td:last-of-type {
	border-bottom: 2px solid var(--green-light);
	margin-bottom: 20px;
}
.fd-0070_0020 .historyList td:nth-of-type(1):before {
	content: "No.";
	position: unset;
	padding: 0;
	font-weight: 700;
	position: relative;
	top: -1px;
	left: 0;
}
.fd-0070_0020 .historyList td:nth-of-type(2):before,
.fd-0070_0020 .historyList td:nth-of-type(3):before,
.fd-0070_0020 .historyList td:nth-of-type(4):before {
	padding-left: 20px;
	margin-top: 2px;
	font-size: 1.3rem;
}
.fd-0070_0020 .historyList tr {
	border: none;
	margin: 0;
}
.fd-0070_0020 #mainContents .formTable > dl > dt {
	display: block;
	width: 141px;
	padding: 0 10px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
}
.fd-0070_0020 #mainContents .formTable > dl > dd {
	padding: 10px 0 10px 20px;
}
.fd-0070_0020 .approveAndCancel:has(*) {
	/* 承認ボタンとキャンセルボタンがある場合に枠をつける */
	border: 2px solid var(--gray-400);
	margin-bottom: 30px;
	border-radius: 4px;
}
.fd-0070_0020 .cancel_Btn {
	margin: 0px;
}
.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: 230px;
	height: 48px;
	font-size: 1.6rem;
	padding-left: 0px;
}
.fd-0070_0020 .nextAndBack {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.fd-0070_0020 .nextAndBack a,
.fd-0070_0020 .nextAndBack button {
	width: 146px;
}

/* FD-0080_0020_見積履歴詳細 */
#mainWrap.fd-0080_0020 {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0080_0020 #mainContents .ttl {
	margin: 4.5% auto 0;
	padding: 14px 0 12px 12px;
	background: #ececec;
	border-left: none;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine .itemInfo {
	display: flex;
	width: 100%;
	margin: 0 auto;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
	justify-content: flex-start;
	padding: 3% 0 0;
	font-size: 1.4rem;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.itemInfo
	.textArea
	dl
	dt {
	display: block;
	font-weight: 700;
	float: left;
	margin: 0 auto;
	padding: initial;
	padding-bottom: 2px;
	width: 100%;
}
.fd-0080_0020 .textArea {
	width: 100%;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine ul.subtotalArea {
	display: flex;
	width: 100%;
	margin-top: 3%;
	padding: 20px 10px;
	background: var(--gray-200);
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	align-content: center;
	font-size: 1.4rem;
}
.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
	dt {
	padding-right: 0px;
	white-space: nowrap;
}

.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine .salePrice > dl {
	width: auto;
	min-width: 185px;
	justify-content: end;
	margin-left: auto;
}

.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dt {
	width: auto;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 10px 5px 10px 10px;
	text-align: left;
}

.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	.salePrice
	> dl
	> dd {
	width: auto;
	font-size: 1.2rem;
	padding: 10px 10px 10px 0;
	text-align: right;
}

.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.deleteBtn {
	width: auto;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity {
	width: 100%;
	padding: 0;
	text-align: right;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: end;
}

.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price {
	padding: 0;
	margin: 0;
	width: 100%;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl {
	display: flex;
	width: 100%;
	padding-bottom: 0;
	justify-content: flex-end;
	align-items: center;
	white-space: nowrap;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dd {
	display: block;
	text-align: center;
	vertical-align: middle;
	font-size: 2rem;
	font-weight: bold;
	color: var(--red);
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.price
	dl
	dt {
	display: unset;
	text-align: center;
	vertical-align: middle;
	font-size: initial;
	font-weight: 700;
	margin-bottom: 0;
	font-size: 1.4rem;
}
.fd-0080_0020 #shoppingCart .cartInList .cartInListOneLine {
	display: block;
	margin: 0 auto 6%;
	padding: 0 0 6% 0;
	border-bottom: 2px solid var(--gray-600);
}
.fd-0080_0020 #mainContents .displayTitle > dl > dt {
	display: block;
	width: 141px;
	padding: 0 10px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.2rem;
	font-weight: bold;
}
.fd-0080_0020
	#shoppingCart
	.cartInList
	.cartInListOneLine
	ul.subtotalArea
	li.quantity
	.quantityCount {
	font-size: 1.7rem;
}

.fd-0080_0020 #mainContents .formTable > dl > dd {
	padding: 10px 0 10px 20px;
}

.fd-0080_0020 #mainContents .formTable dl {
	display: flex;
}

.fd-0080_0020 #mainContents .formTable .tax {
	font-size: 1rem;
}

.fd-0080_0020 #mainContents .formTable dl {
	display: flex;
	margin: 10px auto 2px auto;
	align-items: center;
}

.fd-0080_0020 #mainContents .formTable .tax {
	font-size: 1rem;
}
.fd-0080_0020 .nextBtn button,
.fd-0080_0020 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	height: 48px;
	padding: 0;
	border: none;
	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;
	margin: 10px auto;
}

.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 .historyUnderBtnArea .approveAndCancel form .cancel_Btn {
	max-width: 230px;
}
.fd-0080_0020 .nextAndBack {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	max-width: 600px;
	margin-inline: auto;
	align-items: center;
	gap: 15px;
}

.fd-0080_0020 .historyUnderBtnArea ul li.nextBtn {
	width: calc(50% - 5px);
	display: block;
	margin-left: auto;
}
.fd-0080_0020 .nextBtn button::before,
.fd-0080_0020 .nextBtn a::before,
.fd-0080_0020 .backBtn::before {
	content: none;
}
.fd-0080_0020 .backBtn button,
.fd-0080_0020 .backBtn a,
.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 {
	width: 100%;
	display: block;
}
.fd-0080_0020 .historyUnderBtnArea ul li.backBtn,
.fd-0080_0020 .historyUnderBtnArea ul li.cancelBtn {
	display: inline-block;
	width: calc(50% - 5px);
}
.fd-0080_0020 li.cancelBtn {
	float: right;
}
.fd-0080_0020 .historyUnderBtnArea ul li.backBtn:hover,
.fd-0080_0020 .historyUnderBtnArea ul li.cancelBtn:hover,
.fd-0080_0020 .historyUnderBtnArea .nextBtn: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 .estimateBtn {
	width: 100%;
	box-sizing: border-box;
	margin: 6% auto 6% auto;
	display: flex;
	justify-content: center;
}
.fd-0080_0020 .estimateBtn:hover,
.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 .detail_Btn {
	margin-left: auto;
	margin-top: 10px;
	display: block;
	box-sizing: border-box;
	max-width: 150px;
	width: 100%;
	height: 30px;
	border-radius: 4px;
	background-color: var(--green-dark);
	text-align: center;
	font-weight: 700;
	color: #ffffff;
	text-decoration: none;
	line-height: 30px;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
}
.fd-0080_0020 .historyList td {
	border: none;
	border-bottom: 1px solid var(--gray-200);
	position: relative;
	line-height: 200%;
	padding: 10px;
	padding-left: 50%;
	margin: 0;
	border-left: 2px solid var(--green-light);
	border-right: 2px solid var(--green-light);
}
.fd-0080_0020 .historyList tbody {
	display: block;
	width: 100%;
	margin: 20px 0;
	border-radius: 8px;
}
.fd-0080_0020 .historyList td:first-of-type {
	background-color: var(--green-dark);
	color: #fff;
	font-weight: 700;
	padding-left: 15px;
	border: none;
}
.fd-0080_0020 .historyList td:last-of-type {
	border-bottom: 2px solid var(--green-light);
	margin-bottom: 20px;
}
.fd-0080_0020 .historyList td:nth-of-type(1):before {
	content: "No.";
	position: unset;
	padding: 0;
	font-weight: 700;
	position: relative;
	top: -1px;
	left: 0;
}
.fd-0080_0020 .historyList td:nth-of-type(2):before,
.fd-0080_0020 .historyList td:nth-of-type(3):before,
.fd-0080_0020 .historyList td:nth-of-type(4):before {
	padding-left: 20px;
	margin-top: 2px;
	font-size: 1.3rem;
}
.fd-0080_0020 .historyList tr {
	border: none;
	margin: 0;
}

.fd-0080_0020 .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;
}

/* FD-0100_0020_クーポン詳細 */
.fd-0100_0020 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.fd-0100_0020 #mainContents .confirmTable > dl > dt {
	display: block;
	width: 100%;
	padding: 0 20px;
	line-height: 40px;
	background: var(--gray-200);
	vertical-align: middle;
	text-align: left;
	font-size: 1.4rem;
	font-weight: bold;
}
.fd-0100_0020 #mainContents .confirmTable > dl > dd {
	display: table-cell;
	padding: 20px 0 20px 20px;
	text-align: left;
	vertical-align: top;
}
.fd-0100_0020 #mainContents .ttl {
	margin: 4.5% auto 3.3% auto;
	padding: 14px 0 12px 12px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.6rem;
	font-weight: 700;
	color: #000000;
}
.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea
	.itemName
	dt {
	display: block;
	padding-bottom: 2px;
	font-size: 1.2rem;
}

.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.nameArea {
	display: table-cell;
	text-align: left;
	vertical-align: top;
	padding-left: 20px;
}
.fd-0100_0020#userBox .boxInList {
	display: block;
	margin: 0 auto;
	border: solid 2px var(--green-light);
	border-bottom: none;
}
.fd-0100_0020 #couponDetailList .boxInListOneLine {
	border-bottom: solid 2px var(--green-light);
	padding: 30px 5px;
}
.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img
	> .thum {
	width: 103px;
	height: auto;
	position: relative;
}
.fd-0100_0020#userBox
	.boxInList
	.boxInListOneLine
	> .inner
	> .itemData
	.imgText
	.img {
	display: table-cell;
	width: 103px;
	vertical-align: top;
	text-align: center;
}
.fd-0100_0020#userBox .boxInList .boxInListOneLine {
	margin: 0;
}
.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-400);
	vertical-align: middle;
	cursor: pointer;
}
.fd-0100_0020 input[type="text"].selectCartQty {
	/* 上書き */
	width: 50px !important;
}
.fd-0100_0020 dd.productName a {
	font-size: 1.6rem;
}
.fd-0100_0020 dl.couponEffect {
	font-weight: bold;
}

.fd-0100_0020 #couponBackBtn .link_button {
	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-0100_0020#userBox .btnArea ul li.cartInBtn button {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	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-0100_0020#userBox .btnArea ul li.cartInBtn button::before {
	content: none;
}
.fd-0100_0020#userBox .btnArea ul li,
.fd-0100_0020#userBox .btnArea ul li.cartInBtn {
	display: inline-block;
	width: 50%;
	margin-top: 0;
}
.fd-0100_0020#userBox .btnArea {
	width: 100%;
	padding-top: 30px;
}
.fd-0100_0020#userBox .btnArea ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: unset;
}
.fd-0100_0020 #couponBackBtn .link_button:hover,
.fd-0100_0020#userBox .btnArea ul li.cartInBtn 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-0100_0020 .cartInMessageArea {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 20px;
}

/* FB-0010_0010_ご利用規約への同意 */
.fb-0010_0010 #mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
	font-size: 1.4rem;
	line-height: 1.4;
}
.fb-0010_0010 .nextBtn button,
.fb-0010_0010 .nextBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	max-width: 353px;
	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;
}
.fb-0010_0010 .backBtn button,
.fb-0010_0010 .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;
}
.fb-0010_0010 .nextBtn a::before {
	content: none;
}
.fb-0010_0010 .nextBtn button:hover,
.fb-0010_0010 .nextBtn a:hover,
.fb-0010_0010 .backBtn button:hover,
.fb-0010_0010 .backBtn 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;
}
.fb-0010_0010 .underBtnArea ul li.nextBtn,
.fb-0010_0010 .underBtnArea ul li.backBtn {
	display: inline-block;
	width: 50%;
	margin-top: 0;
}
.fb-0010_0010 .underBtnArea ul {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	gap: 8px;
}
.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_マイページ */
.fd-0010_0010#mainWrap {
	padding-top: 14px;
	padding-inline: 20px;
}
.fd-0010_0010 .member_tb {
	height: auto;
	border: 4px solid var(--gray-200);
	margin: 10px 0px 10px 0px;
	min-height: 100px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-direction: row;
	position: relative;
	padding-top: 13px;
}
.fd-0010_0010 .member_tb:first-of-type {
	margin-top: 0px;
}
.fd-0010_0010 .mypage_tb {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.fd-0010_0010 .mypage_tb tbody {
	width: 100%;
}
.fd-0010_0010 .member_tb tbody {
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: left;
	align-items: stretch;
	flex-wrap: nowrap;
	/* width: 100%; */
	padding-left: 70px;
	/* text-align: left; */
}
.fd-0010_0010 .member_tb tbody tr {
	display: flex;
	flex-direction: column;
	/* align-items: center; */
	text-align: left;
}
.fd-0010_0010 .mypage_tb .mypage_content_head a {
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.fd-0010_0010 .mypage_tb .mypage_content_head a::before,
.fd-0010_0010 .mypage_tb .mypage_content_head a::after {
	content: none;
}
.fd-0010_0010 .mypage_tb a img {
	width: 60px;
	position: absolute;
	left: 8px;
	top: 14px;
}
.fd-0010_0010 .mypage_tb td.guidText {
	margin-bottom: 0;
	font-size: 1.3rem;
	padding-bottom: 10px;
}
.fd-0010_0010 .mypage_tb td.guidText p {
	padding-right: 10px;
}

/* --------------------
全体
-------------------- */

#mainWrap #sidebar {
	display: none;
}

/* --------------------
ヘッダー 
-------------------- */
#header {
	height: auto;
}

.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;
	margin-top: -1px;
}

.categoryPanel > ul:last-of-type:not(.open) {
	/* 開いてない場合の親カテゴリーのul */
	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 > 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 {
	position: absolute;
	z-index: 200;
	background-color: var(--white);
	width: 100%;
	margin-left: 15px;
	margin-right: 15px;
}

.categoryPanel .categoryList-head li {
	position: relative;
}

.categoryPanel .categoryList-head > li::before {
	/* 親カテゴリー下矢印 */
	content: "\ea1c";
	font-family: iconFont;
	font-size: 90%;
	top: 50%;
	translate: 0 -50%;
	right: 0px;
	position: absolute;
	rotate: 90deg;
	/* クリックで遷移しないようにする */
	pointer-events: none;
}

.categoryPanel ul [class^="category-sub"] a {
	/* aタグ前半の設定 */
	padding: 10px 0px 10px 1.5em;
	display: inline-block;
	position: relative;
	/* color: #0085d0; */
}

.categoryPanel ul [class^="category-sub"] li {
	/* 子孫を持つカテゴリー */
	border-bottom: var(--gray-600) 1px solid;
	margin-top: -1px;
	position: relative;
	padding-right: 20px;
}

.categoryPanel ul [class^="category-sub"]:not(:has(+ ul)):last-child li {
	/* 子孫のないカテゴリー */
	border-bottom: none;
}
.categoryPanel
	ul
	[class^="category-sub"]:not(:has(+ ul)):last-child
	li:last-child {
	/* 子孫のないカテゴリーで最後の行のもの */
	border-bottom: var(--gray-600) 1px solid;
}

.categoryPanel [class^="category-sub"]:has(+ ul) > li > a {
	/* 子供カテゴリーのあるものを上書き */
	display: inline-block;
	position: relative;
	max-width: 95%;
	/* color: red; */
}
.categoryPanel [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);
}

/* ヘッダー */
#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: 18px;
	margin-bottom: 12px;
	align-items: center;
}

#header .headerSecondRowSP {
	display: flex;
	justify-content: space-between;
	padding-left: 16px;
	padding-right: 16px;
	height: 100%;
}

main#userBox.topPage.fc-0010_0010 {
	/* FVを下げる */
	margin-top: 3px;
}

#mainPanel .swiper-slide {
	background: transparent;
}

#mainPanel .swiper-slide a.bannerSPOnly {
	padding: 10px;
}

#mainPanel img {
	box-shadow: 0 2px 8px #bcbcbc;
}

#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: 20px;
}

/* ロゴ */
#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;
}

/* Maメニュー */
#header .logoMymenueSP img {
	width: 23x;
	height: 26px;
	margin: 0 auto;
}

/* クイックオーダー */
#header .headerSecondRowSP .quickOrder {
	background-color: var(--green-dark);
	border-radius: 8px;
	padding-top: 11px;
	padding-bottom: 9px;
	width: 80px;
	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 .searchByCategory {
	border-radius: 8px;
	border: var(--black) solid 1px;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 9px;
	width: 81px;
	display: flex;
	justify-content: 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: 17px;
	padding-bottom: 13px;
	width: 81px;
}

#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: 9px;
	padding-bottom: 9px;
	width: 81px;
}

#header .headerSecondRowSP .inquiry a {
	text-decoration: none;
	font-size: 1.3rem;
	font-weight: bold;
	color: var(--black);
	line-height: 1.5rem;
}

/* 検索パネル */
.searchPanel {
	position: fixed;
	width: 100%;
	z-index: 900;
	top: 0;
	background-color: var(--green-bright);
	height: 100vh;
}

.searchBarArea {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 63px;
}

.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;
}

.panelTitle {
	padding-left: 2px;
}

.closeDetailOption {
	padding-right: 1px;
}

#header .detailSearchOptionCloseButtonSP::before {
	content: "\00d7";
	position: absolute;
	top: 2.3rem;
	right: 10px;
	transform: translate(-50%, -50%);
	font-size: 40px;
	font-weight: 200;
	color: var(--white);
	line-height: 1;
}

#header .serchForm select {
	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;
}

.keywordArea {
	margin-top: 5px;
	display: flex;
	gap: 4px;
}

.keywordArea input {
	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;
}

.detailSearchPanelArea {
	background-color: var(--white);
	padding-top: 9px;
	margin-top: 11px;
}

.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;
	padding-top: 7px;
	padding-bottom: 9px;
	border-radius: 4px;
	border: var(--black) solid 1px;
	font-size: 1.6rem;
	font-weight: bold;
}

/* Myメニューパネル */
.myMenuArea {
	position: fixed;
	width: 100%;
	z-index: 900;
	top: 0;
	background-color: var(--green-bright);
	height: 100vh;
	overflow-y: scroll;
}

#header .myMenuPanelArea {
	display: flex;
	justify-content: center;
}

#header table.myMenuTable {
	width: 100%;
	border-collapse: separate;
	border-spacing: 14px 7px;
	margin-top: 13px;
}

#header .myMenuPanelInner {
	width: 100%;
	margin-top: 52px;
	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;
}

/* 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 > tbody > tr {
	display: flex;
	flex-wrap: wrap;
	width: 353px;
}
#header .mypage_tb > tbody > tr .mypage_content_head {
	width: fit-content;
}

#header .member_tb tbody {
	white-space: nowrap;
}
#header .member_tb tbody tr {
	display: flex;
}

#header .mypage_tb td {
	width: 171px;
	padding-bottom: 2px;
	box-sizing: border-box;
}

#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);
}

.mypage_tb .mypage_content_head a::before,
.mypage_tb .mypage_content_head a::after {
	display: none;
}

#header table.orderInfoTable {
	border-collapse: collapse;
	width: 94%;
	margin: 10px;
}

#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 {
	padding-left: 6px;
	width: 49px;
}

#header .orgerHistoryButton {
	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 .myMenuBeforeLogin {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 76px;
	margin-bottom: 36px;
}
#header .myMenuBeforeLogin {
	width: fit-content;
	padding: 9px 18px 9px 18px;
	border-radius: 4px;
	background-color: var(--green-primary);
	min-width: 162px;
	min-height: 38px;
}
#header .myMenuBeforeLogin a {
	text-decoration: none;
	color: var(--white);
	text-align: center;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 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 {
	font-size: 1.4rem;
	border: #aabbd7 solid 1px;
	border-radius: 4px;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-left: 12px;
	margin: 19px 10px 5px 10px;
}

#header .userShop,
#header .userName,
#header .usersPoint {
	font-weight: bold;
}
#header .userShop {
	margin-bottom: 9px;
}
#header .userShop:has(.guestName) {
	padding-top: 9px;
}

#header .usersPoint {
	margin-left: 19px;
}

#header .pointText {
	font-size: 12px;
	font-weight: 500;
}

#header .switchAndLang {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
#header .switchAndLang p {
	font-size: 1.2rem;
	font-weight: bold;
	padding-bottom: 3px;
}

#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 {
	height: 22px;
	width: 22px;
	margin-right: 4px;
	margin-left: 10px;
}

/* 言語切り替え */
#header .languageArea {
	display: flex;
	align-items: center;
	margin-top: 18px;
	padding-left: 3px;
}

#header .languageArea.notLogin {
	margin-top: 10px;
}

.areaTitle {
	font-weight: bold;
	margin-right: 17px;
}

#header .languageArea a {
	text-decoration: none;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
}

#header .myMenuCloseButtonSP::before {
	content: "\00d7";
	position: absolute;
	top: 2.3rem;
	right: 10px;
	transform: translate(-50%, -50%);
	font-size: 40px;
	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;
}

#header .removePanel {
	/* パネル等に使用する非表示用のクラス */
	display: none;
}

/* --------------------
トップページ 
-------------------- */

.fc-0010_0010 #mainWrap {
	padding: 0 20px;
}

@media (hover: hover) {
	.fc-0010_0010 a:hover,
	.fc-0010_0010 label:hover {
		transition: all 0.2s ease;
		opacity: 0.6;
	}
}

.fc-0010_0010 .middleBannerArea {
	margin-bottom: 10%;
}

/* トップカルーセル */
.fc-0010_0010
	#mainPanel
	.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	/* バレット */
	margin: 0 7.5px;
}
.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: 40px;
	background: var(--gray-50);
	padding: 30px;
}
.fc-0010_0010 .topButtonListInner {
	display: grid;
	grid-template-columns: auto;
	gap: 35px;
	max-width: 1000px;
	margin-inline: auto;
	justify-content: center;
}
.fc-0010_0010 .topButtonListInner .text {
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	line-height: 1.4;
}
.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: 260px;
	height: 50px;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-inline: auto;
	border-radius: 4px;
	box-shadow: 0 2px #ccc;
	position: relative;
}
.fc-0010_0010 .topButtonListInner .item.inquiry a {
	background: var(--white);
	color: var(--black);
}
.fc-0010_0010 .guideWrapper .lead-txt .arrow {
	margin: 0 5px 0 10px;
}
.fc-0010_0010 .lead-txt .arrow::before,
.fc-0010_0010 .topButtonListInner a .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;
	font-size: 90%;
	top: 50%;
	translate: 0 -50%;
	right: 30px;
	position: absolute;
}
.fc-0010_0010 .topButtonListInner a .arrow::before {
	position: absolute;
}
.fc-0010_0010 .guideWrapper .lead-txt .arrow::before {
	content: "\ea1c";
	font-family: iconFont;
	font-size: 90%;
	top: 0;
	translate: 0;
	right: 0;
	position: absolute;
	position: relative;
}

/* ご利用ガイド案内 */
.fc-0010_0010 .guideWrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
	line-height: 1.5;
	align-items: flex-start;
	margin-top: 15px;
}
.fc-0010_0010 .guideWrapper .item {
	background: var(--gray-50);
	padding: 20px 25px;
	width: 100%;
	display: grid;
}
.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 .descriptionBox label .arrow::before {
	font-size: 70%;
	top: 0;
	right: -5px;
	position: relative;
	rotate: 90deg;
	display: inline-block;
	translate: none;
}

.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 {
	width: 30px;
}

.fc-0010_0010 .guideWrapper .lead-txt {
	font-size: 19px;
	text-align: center;
}
.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;
	position: relative;
}

/* 「詳細」ボタンを押したら詳細ボックスが開く */
.fc-0010_0010 .guideWrapper .descriptionBox:has(input:checked) {
	flex-direction: column-reverse;
}

.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;
	position: relative;
}

.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: 40px;
	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: #fff;
	transform: translate(0%, -50%);
	padding: 0 10px;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	display: inline-block;
}
.fc-0010_0010 .toGuidePage-button a {
	background: var(--gray-50);
	color: var(--black);
	text-decoration: none;
	font-size: 16px;
	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;
	position: relative;
}

/* 閲覧した商品 */
.fc-0010_0010 .checkItemList-wrapper {
	position: relative;
	margin-top: 15px;
}
.fc-0010_0010 .checkItemList-container {
	overflow: hidden;
	padding-bottom: 0 !important;
}
.fc-0010_0010 .checkItemList .checkItemList,
.fc-0010_0010 .pickupItemList .pickupItemList {
	overflow: hidden;
	padding-bottom: 0 !important;
}
.fc-0010_0010 .checkItemList .card-container {
	flex-wrap: wrap;
	display: flex;
}
.fc-0010_0010 .center-content {
	justify-content: center;
}
.fc-0010_0010 .checkItemList .card,
.fc-0010_0010 .orderdItemList-container li,
.fc-0010_0010 #mainContents .pickupItemList ul li,
.fc-0020_0010 .checkItemList-container .card,
.fc-0020_0010 .pickupItemList-searhList li {
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: none;
	flex: 0 0 auto;
	line-height: 1.4;
}
:is(.fc-0020_0010, .fc-0010_0010, .fc-0030_0010) .center-content li {
	max-width: 47%;
}
.fc-0010_0010 .checkItemList .card:has(.hidden),
.fc-0020_0010 .checkItemList-container .card:has(.hidden),
.fc-0030_0010 .checkItemList-container .card:has(.hidden) {
	background: var(--gray-50);
	align-items: center;
	display: grid;
	padding: 0 15px;
}

.fc-0010_0010 .checkItemList .card a {
	color: inherit;
}
.fc-0010_0010 .checkItemList .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 {
	height: 160px !important;
	object-fit: cover;
	width: 100% !important;
}
.fc-0010_0010 .checkItemList .card a dd {
	width: auto !important;
	height: auto !important;
	line-height: 1.4;
	font-size: 1.4rem;
}
.fc-0010_0010 .checkItemList .card .text.item,
.fc-0010_0010 #mainContents .pickupItemList li .text.item {
	height: auto !important;
	padding: 15px 0px;
}
.fc-0010_0010 .text.item .price {
	text-align: right;
	padding-top: 10px;
	font-weight: 400;
	font-size: 1.6rem;
}

.fc-0010_0010 [class*="swiper-button"],
.fc-0020_0010 [class*="swiper-button"] {
	position: absolute;
	top: 50%;
	translate: 0 -83%;
	width: 35px;
	display: none !important;
}
.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 {
	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 {
	right: 0;
}

:is(.fc-0010_0010, .fc-0020_0010) .swiper-wrapper ~ .swiper-scrollbar {
	background: var(--gray-200);
	height: 10px;
	display: block !important;
	margin-top: 15px;
}
:is(.fc-0010_0010, .fc-0020_0010)
	.swiper-wrapper
	~ .swiper-scrollbar
	.swiper-scrollbar-drag {
	background: var(--gray-500);
	height: 10px;
	border-radius: 10px;
}

/* おすすめ商品 */
.fc-0010_0010 #mainContents .pickupItemList,
.fc-0020_0010
	#mainContents
	.pickupItemList-searhList
	.fc-0020_0010
	#mainContents
	.orderedItemList-container {
	margin-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
	overflow: hidden;
}
.fc-0010_0010 #mainContents .pickupItemList-container,
.fc-0020_0010 #mainContents #pickupItemList-searhList-container,
.fc-0020_0010 #mainContents .orderedItemList-wrapper,
.fc-0020_0010 #mainContents .checkItemList-wrapper {
	margin-top: 20px;
	position: relative;
}

.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 {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

.fc-0010_0010 #mainContents .pickupItemList ul.swiper-wrapper,
.fc-0020_0010 #mainContents ul.swiper-wrapper {
	flex-wrap: wrap;
	display: flex;
	gap: 25px 0;
}

.fc-0020_0010 #mainContents ul.swiper-wrapper {
	display: flex;
	line-height: 1.4;
}

.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;
}

.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;
	color: inherit;
	text-decoration: none;
	font-size: 14px;
}

.fc-0020_0010 #mainContents ul.swiper-wrapper a {
	color: inherit;
}

.fc-0010_0010 a:has(dd.detailedElement) > div.lead_time_message:not(:root),
.fc-0020_0010 a .lead_time_message:not(:root) {
	top: 0;
	font-size: 1rem;
	position: absolute;
}
.fc-0010_0010 .pickupItemList .lead_time_message:not(:root) {
	top: 2px;
}
.fc-0010_0010
	a:has(dd.detailedElement)
	> div.lead_time_message:not(:root):has(~ .hidden),
.fc-0020_0010
	a:has(dd.detailedElement)
	> div.lead_time_message:not(:root):has(~ .hidden) {
	position: relative;
	width: fit-content;
	top: 0;
}
.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) {
	background: transparent;
	position: absolute;
	right: 5px;
	top: 125px;
}
.fc-0010_0010 .pickupItemList a:has(.hidden) ~ .btn_area2:not(:root) {
	top: 0;
}

.fc-0010_0010 a:has(dd.detailedElement) ~ div.btn_area2 img,
.fc-0020_0010 .pickupItemList-searhList .favoriteBtnAreaWrap img {
	width: 22px;
	display: block;
	margin-inline: auto;
}

.fc-0020_0010 .pickupItemList-searhList .favoriteBtnAreaWrap {
	right: 5px;
	background: transparent;
	position: absolute;
	top: 125px;
	z-index: 200;
}
.fc-0010_0010 #mainContents .pickupItemList .favoriteBtnArea a,
.fc-0020_0010
	#mainContents
	.swiper-wrapper
	.swiper-slide
	.itemBoxWrap
	.favoriteBtnArea
	a,
.fc-0020_0010 #mainContents .favoritePostedBtn a {
	height: auto;
	line-height: 1;
	border: none;
	background: transparent;
	display: grid;
	place-items: center;
	height: 100%;
}
.fc-0010_0010 #mainContents .pickupItemList .favoriteBtnArea > div,
.fc-0020_0010 #mainContents .favoriteBtnArea > div {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	cursor: pointer;
}
.fc-0010_0010 #mainContents .pickupItemList .favoriteBtnArea .favoritePostedBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .favoritePostedBtn {
	background: var(--orange);
}
.fc-0010_0010 #mainContents .pickupItemList .favoriteBtnArea .arrowGrayBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .arrowGrayBtn,
.fc-0020_0010 #mainContents .favoriteBtnArea .favoritePostBtn:has(.default) {
	background: #aeaeac;
}
.fc-0010_0010 #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) .stockout_msg_display {
	background: var(--gray-500);
	color: var(--white);
	border-radius: 4px;
	text-align: center;
	font-size: 1.2rem;
	line-height: 40px;
	width: 100%;
	font-weight: 400;
}

.fc-0020_0010 .pickupItemList-searhList .text.item,
.fc-0020_0010 .text.item {
	padding: 15px 0;
	height: 100%;
}

.fc-0020_0010 .price {
	margin: 0;
	margin-top: 15px;
	font-weight: 400;
}

.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.2rem !important;
	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,
:is(.fc-0010_0010, .fc-0020_0010) .itemBoxWrap .arrowGrayBtn button,
.fc-0010_0010 .btn_area .arrowGrayBtn button,
.fc-0020_0010 .arrowGrayBtn button {
	border: 2px solid var(--red);
	color: var(--red);
	padding: 0;
	font-size: 1.2rem;
	box-shadow: none;
	line-height: 37px;
}

.fc-0010_0010 .pickupItemList [class*="swiper-button"],
.fc-0020_0010 [class*="swiper-button"] {
	translate: 0 -125%;
	display: none !important;
}

/* 購入済み */
.fc-0010_0010 #mainContents .productList {
	position: relative;
	margin-top: 15px;
}

.fc-0010_0010 #mainContents .productList a {
	color: inherit;
}

.fc-0010_0010 #mainContents .orderdItemList-container {
	margin-bottom: 30px;
	margin-inline: auto;
	overflow: hidden;
}

.fc-0010_0010 #mainContents .orderdItemList-container ul {
	flex-wrap: wrap;
	display: flex;
	gap: 25px 0;
}

.fc-0010_0010 #mainContents .productList .itemBoxWrap {
	height: 100%;
	position: relative;
	line-height: 1.4;
	display: flex;
	flex-direction: column;
}

.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: 1rem;
	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 {
	height: 160px !important;
	object-fit: cover;
	width: 100% !important;
}

.fc-0010_0010 #mainContents .productList dt {
	width: auto;
}
.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%;
	font-size: 1.4rem;
}
.fc-0010_0010 #mainContents .productList dd > a > div > div {
	text-align: right;
	margin-top: 10px;
	font-size: 1.6rem;
}

.fc-0010_0010 #mainContents .productList .favoriteBtnArea {
	position: absolute;
	background: transparent;
	right: 5px;
	top: 125px;
}
.fc-0010_0010
	#mainContents
	.productList
	.itemBoxWrap:has(dt.hidden)
	.favoriteBtnArea {
	top: 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 {
	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 15px;
	max-width: 600px;
	margin-inline: auto;
}
.fc-0010_0010 .calendarWapper .calendar-head {
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 20px;
}
.fc-0010_0010 .calendarBox {
	display: grid;
	justify-content: center;
	gap: 20px;
}
.fc-0010_0010 .calendarBox .calendar-wrap {
	margin: 0;
	background: transparent;
	padding: 0;
	width: 100%;
}
.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 .calendarBox th.sat {
	color: inherit;
}

/* お問い合わせについて */
.fc-0010_0010 .aboutInquiry {
	background: var(--gray-50);
	padding: 25px 15px;
	max-width: 1115px;
	margin-inline: auto;
	margin-top: 15px;
	line-height: 1.5;
}
.fc-0010_0010 .aboutInquiry-container {
	display: grid;
	grid-template-columns: auto;
	margin-inline: auto;
	font-size: 16px;
	text-align: center;
	gap: 40px;
}
.fc-0010_0010 .aboutInquiry-container .aboutInquiry-head {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}
.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: 18px;
}
.fc-0010_0010 .aboutInquiry-description p.size18 {
	font-size: 16px;
}
.fc-0010_0010 .aboutInquiry-description .tel-txt {
	font-size: 25px;
}
.fc-0010_0010 .aboutInquiry-description.mail .item:last-of-type {
	display: grid;
	grid-template-columns: auto;
	align-items: center;
	gap: 20px;
}
.fc-0010_0010 .aboutInquiry-description .address a {
	background: var(--green-dark);
	color: var(--white);
	text-decoration: none;
	font-size: 18px;
	width: 240px;
	height: 50px;
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	gap: 15px;
	margin-inline: auto;
	border-radius: 4px;
	margin-top: 5px;
	position: relative;
}
.fc-0010_0010 .aboutInquiry-description .address a .arrow::before {
	right: 20px;
}

/* FC-0010_0010_トップページ */
.fc-0010_0010 #mainPanel .bannerPCOnly img {
	/* PC用のバナーを非表示 */
	display: none;
}

.fc-0010_0010 .middleBannerArea li {
	/* 幅を100%にして縦に並べる */
	width: 100%;
	padding: 0px 0px 8px 0px;
}
.fc-0010_0010 .middleBannerArea img {
	width: 100%;
	height: auto;
}

/* お知らせ一覧 */

.fc-0010_0010 .newsListArea h2 {
	/* お知らせタイトル */
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
}

/* お知らせボタン */
.fc-0010_0010 .newsListArea div.moreInfoButtonArea {
	text-align: center;
	font-size: 1.4rem;
	margin-top: 12px;
	margin-bottom: 13px;
}

.fc-0010_0010 .newsListArea div.moreInfoButtonArea a {
	color: inherit; /* 親要素の色を継承 */
	position: relative;
	border: var(--black) 1px solid;
	border-radius: 4px;
	padding: 3px 13px 3px 9px;
	text-decoration: none;
}

.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;
	padding-top: 6px;
}
.fc-0010_0010 .newsList li {
	padding-bottom: 14px;
}

.fc-0010_0010 .newsList a {
	font-size: 1.4rem;
	width: fit-content;
	color: inherit; /* 親要素の色を継承 */
	text-decoration: none; /* 下線を消す */
}

.fc-0010_0010 .moreBtnArea {
	/* もっと見るボタン */
	display: flex;
	justify-content: center;
	margin-top: 15px;
}

.fc-0010_0010 .moreBtnArea .moreBtnWrap {
	padding-top: 6px;
	padding-bottom: 6px;
	border-radius: 4px;
	border: var(--gray-600) solid 1px;
	width: 196px;
	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.4rem;
	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.4rem;
	color: inherit;
	text-decoration: none;
	display: inline-block;
	line-height: 0.9rem;
	vertical-align: middle;
}

/* --------------------
商品一覧 
-------------------- */
main.fc-0020_0010 {
	margin: 0 20px;
	width: auto;
	padding: 0;
}

.fc-0020_0010 #mainContents .category {
	border: 1px solid var(--black);
	box-shadow: none;
	border-radius: 0;
	background: transparent;
	line-height: 1.4;
	margin: 20px auto;
	gap: 20px;
	padding: 10px 20px;
}
.fc-0020_0010#searchResult .category img {
	width: 135px;
	margin: 0;
}
.fc-0020_0010 #mainContents .category_name {
	font-size: 1.4rem;
	margin-bottom: 2px;
}
.fc-0020_0010 #mainContents .category_description {
	font-size: 1rem;
}

main.fc-0020_0010 #mainContents > .normalMsg,
main.fd-0060_0010 #mainWrap > .normalMsg {
	margin-top: 30px;
}

main.fc-0020_0010:has(#mainContents > .normalMsg) ~ #footer,
main.fd-0060_0010:has(#mainWrap > .normalMsg) ~ #footer {
	position: fixed;
	bottom: 0;
}

/* スワイパー */
.fc-0020_0010 #tile-view {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	margin-inline: auto;
	gap: 25px 10px;
}
.fc-0020_0010 #mainContents .tileView > ul {
	float: none;
	margin: 0;
	display: block;
}
.fc-0020_0010 #mainContents .tileView > ul > li {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	line-height: 1.4;
}
.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 .itemBoxWrap:has(.detailedElement.hidden) > a,
.fc-0030_0010 #mainContents .itemBoxWrap:has(.detailedElement.hidden) > a {
	height: 35px;
}

.fc-0020_0010 #mainContents #tile-view .itemBoxWrap .text.item a {
	color: inherit;
	height: 100% !important;
	background: transparent;
	border: none;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.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 .favoriteBtnAreaWrap {
	right: 5px;
	background: transparent;
	position: absolute;
	top: 125px;
	z-index: 200;
}
.fc-0020_0010 #mainContents a:has(.hidden) + .favoriteBtnAreaWrap,
.fc-0030_0010 #mainContents a + dd.hidden + .favoriteBtnAreaWrap {
	top: 0;
}

.fc-0020_0010 .favoriteBtnAreaWrap a {
	padding: 0;
}
.fc-0020_0010 .favoriteBtnAreaWrap img {
	width: 22px;
	display: block;
	margin-inline: auto;
}

.fc-0020_0010 .name {
	font-size: 1.4rem;
}

.fc-0020_0010 .checkItemList-container .name {
	margin-bottom: 0;
}

.fc-0020_0010
	:is(
		.pickupItemList-searhList,
		.orderedItemList-container,
		.checkItemList-container
	) {
	margin-inline: auto;
	overflow: hidden;
}

.fc-0020_0010 #mainContents #tile-view .lead_time_message {
	top: 0;
}

.fc-0020_0010 #mainContents .checkItemList-container .swiper-wrapper {
	gap: 0;
}
.fc-0020_0010 .checkItemList-container li {
	display: grid;
}
.fc-0020_0010 .checkItemList-container li:has(.detailedElement.hidden) {
	padding: 0 15px;
	align-items: center;
}

/* pager */
.fc-0020_0010#searchResult .pager {
	margin: 25px 0 30px;
	width: 100%;
	display: grid;
	grid-template-columns: auto auto;
	grid-template-rows: auto auto;
	align-items: center;
	justify-content: space-between;
	gap: 15px 0;
}
.fc-0020_0010#searchResult .pager.bottom {
	margin-bottom: 0;
	margin-top: 30px;
	grid-template-columns: auto;
	grid-template-rows: auto;
	gap: 0;
}

.fc-0020_0010#searchResult .pager .pagination-totalCount {
	grid-column: 1; /* 1列目 */
	grid-row: 1; /* 1行目 */
	font-size: 1.2rem;
}
.fc-0020_0010#searchResult .pager .sidebar_allNum {
	font-size: 1.6rem;
	font-weight: 700;
}

.fc-0020_0010#searchResult .pagerR {
	margin: 0;
	font-size: 1.2rem;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 12px;
	grid-column: 2; /* 2列目 */
	grid-row: 1; /* 1行目 */
}
.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);
	height: 24px;
	width: 72px;
	padding: 0 10px;
}

.fc-0020_0010#searchResult .pager .pagenation {
	grid-column: 1 / span 2; /* 1行全体を占める */
	grid-row: 2; /* 2行目 */
	width: 100%; /* 横幅いっぱいに */
}

.fc-0020_0010#searchResult .pager .pagenation ul {
	display: flex;
}

.fc-0020_0010#searchResult .pager .pagenation ul li {
	height: auto;
	width: auto;
	padding-left: 0;
}
.fc-0020_0010 .pager .pagenation ul li:not(:last-of-type) {
	padding-right: 7px;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.prev + li {
	padding-left: 0;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.current span,
.fc-0020_0010#searchResult .pager .pagenation ul li a {
	border-radius: 4px;
	height: 26px;
	width: 25px;
	font-size: 1.4rem;
	line-height: 26px;
	display: block;
	text-align: center;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.current span {
	background: var(--green-dark);
	font-weight: 400;
	color: var(--white);
	font-size: 11px;
}
.fc-0020_0010#searchResult .pager .pagenation ul li a {
	background: transparent;
	border: 1px solid var(--black);
	color: inherit;
	text-decoration: none;
	font-size: 11px;
}
.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;
	margin-left: auto;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.prev:not(:has(a)) {
	padding-left: 0;
	margin-left: -7px;
}
.fc-0020_0010#searchResult .pager .pagenation ul li.next a,
.fc-0020_0010#searchResult .pager .pagenation ul li.prev a {
	padding: 0;
	width: 40px;
}

/* --------------------
商品詳細 
-------------------- */
/* おすすめ商品一覧 */
.fc-0030_0010 .pickupItemList-container {
	margin-top: 20px;
	position: relative;
}
.fc-0030_0010 #mainContents .pickupItemList {
	margin-inline: auto;
	overflow: hidden;
	padding: 0;
}
.fc-0030_0010 #mainContents .pickupItemList .swiper-wrapper {
	display: flex;
	line-height: 1.4;
	flex-wrap: wrap;
	gap: 25px 0;
}
.fc-0030_0010 #mainContents .pickupItemList .swiper-wrapper > li {
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: none;
	flex: 0 0 auto;
	line-height: 1.4;
}
.fc-0030_0010 .pickupItemList .swiper-wrapper .itemBoxWrap {
	height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}
.fc-0030_0010 #mainContents .pickupItemList .swiper-wrapper a {
	width: 100%;
	text-decoration: none;
	color: var(--black);
	position: relative;
}
.fc-0030_0010
	.pickupItemList
	.swiper-wrapper
	.itemBoxWrap
	a
	.lead_time_message {
	font-size: 1rem;
	position: absolute;
	top: 0;
	z-index: 2;
}
.fc-0030_0010
	.pickupItemList
	.swiper-wrapper
	.itemBoxWrap
	.detailedElement
	img {
	height: 160px !important;
	object-fit: cover;
	width: 100% !important;
}
.fc-0030_0010 .favoriteBtnAreaWrap {
	right: 5px;
	background: transparent;
	position: absolute;
	top: 125px;
	z-index: 200;
}
.fc-0030_0010 .favoriteBtnAreaWrap .favoritePostedBtn,
.fc-0030_0010 .favoriteBtnAreaWrap .favoritePostBtn {
	width: 30px;
	height: 30px;
	border-radius: 4px;
	cursor: pointer;
	background: var(--orange);
}
.fc-0030_0010 .favoriteBtnAreaWrap .arrowGrayBtn.favoritePostBtn {
	background: #aeaeac;
	padding-top: 4px;
}
.fc-0030_0010 #mainContents .favoriteBtnAreaWrap .favoritePostedBtn a {
	line-height: 1;
	border: none;
	background: transparent;
	display: grid;
	place-items: center;
	height: 100%;
}
.fc-0030_0010
	.favoriteBtnAreaWrap
	:is(.favoritePostedBtn, .favoritePostBtn)
	img {
	width: 22px;
	display: block;
	margin-inline: auto;
}
.fc-0030_0010 .pickupItemList .swiper-wrapper .itemBoxWrap .text.item {
	padding: 15px 0;
	height: 100%;
}
.fc-0030_0010
	#mainContents
	.pickupItemList
	.swiper-wrapper
	.itemBoxWrap
	.text.item
	a {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.fc-0030_0010 .text.item .name {
	font-size: 1.4rem;
}
.fc-0030_0010 #mainContents .text.item .price {
	margin: 0;
	margin-top: 15px;
	font-weight: 400;
	font-size: 1.6rem;
	text-align: right;
}

.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 {
	height: 40px;
	line-height: 40px;
}

.fc-0030_0010
	#mainContents
	.swiper-wrapper
	.swiper-slide
	.itemBoxWrap
	.cartInBtn
	button {
	font-size: 1.2rem;
}
.fc-0030_0010 .btn_area .arrowGrayBtn button {
	border: 2px solid var(--red);
	color: var(--red);
	padding: 0;
	font-size: 1.2rem;
	box-shadow: none;
	line-height: 37px;
	width: 100%;
	font-weight: 700;
}
.fc-0030_0010 .btn_area .arrowGrayBtn button::before {
	content: none;
}
.fc-0030_0010 [class*="swiper-button"] {
	display: none !important;
}

/* 閲覧した商品 */
.fc-0030_0010 .checkItemList-wrapper {
	margin-top: 20px;
	position: relative;
}
.fc-0030_0010 .checkItemList-container {
	margin-inline: auto;
	overflow: hidden;
}
.fc-0030_0010 .checkItemList-container .card-container {
	display: flex;
	line-height: 1.4;
	gap: 0;
	flex-wrap: wrap;
}
.fc-0030_0010 .checkItemList-container .card-container li {
	/* background: var(--gray-50); */
	display: grid;
}
.fc-0030_0010 .checkItemList-container .card-container li a {
	color: inherit;
	text-decoration: none;
}
.fc-0030_0010 .checkItemList-container .card-container li a img {
	height: 160px !important;
	object-fit: cover;
	width: 100% !important;
	max-width: 100% !important;
}
.fc-0030_0010 .checkItemList-container .card-container li .text.item {
	padding: 15px 0;
	height: 100%;
	font-size: 1.4rem;
}
.fc-0030_0010 .swiper-scrollbar {
	background: var(--gray-200);
	height: 10px;
	display: block !important;
	margin-top: 15px;
}
.fc-0030_0010 .swiper-scrollbar .swiper-scrollbar-drag {
	background: var(--gray-500);
	height: 10px;
	border-radius: 10px;
}
.fc-0030_0010 .favoritePostedBtn a::before {
	content: none;
}

/* FC-0030_0010_商品詳細 */
main.fc-0030_0010 {
	padding: 10px 20px;
}

.fc-0030_0010#productsDetail .detailSpecArea {
	margin-top: 26px;
	padding-top: 0px;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea {
	width: 100%;
	overflow: auto;
	position: relative;
}

/* 商品サムネイル */
.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .bigImg {
	background-color: #f1f1f10f;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .bigImg li img {
	margin: 0 auto;
	max-width: 350px !important;
	max-height: 280px !important;
	height: 100% !important;
}

/* 商品のサムネイル(ページャー) */
.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .thumImg li {
	/* 上書き */
	width: 78px;
	height: 78px;
}

.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;
	display: block;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailImgArea .thumImgBox {
	/* 上書き */
	background: none;
	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;
	max-width: none;
}

.fc-0030_0010 .detailSpecArea {
	flex: 1 1 auto;
}

.fc-0030_0010#productsDetail .productsDetailBox .detailCaptionAreaPC {
	float: none;
	display: block;
	margin-top: 10px;
	font-size: 1.2rem;
}

.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;
	padding-top: 28px;
	border-top: none;
	border-top: var(--gray-600) solid 1px;
	border-bottom: var(--gray-600) solid 1px;
}

#productsDetail .productSkuSupplierName {
	font-size: 2.2rem;
	margin-right: auto;
}

.fc-0030_0010#productsDetail .priceAreaWholesale {
	/* borderを上書き */
	font-size: 1.4rem;
	border: none;
	display: flex;
	align-items: baseline;
	padding-top: 0px;
	padding-bottom: 16px;
	gap: 3px;
}

.fc-0030_0010#productsDetail .priceLabel {
	padding: 0px;
}

.fc-0030_0010 .supplierSpecWrap {
	display: block;
	font-weight: 400;
	text-align: left;
}

.fc-0030_0010 .supplierInfo {
	text-align: left;
	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.6rem;
	padding-bottom: 0px;
}

.fc-0030_0010#productsDetail .productRecommendation {
	font-size: 1.4rem;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .productSkuProductName1 {
	font-size: 2.1rem;
	padding-bottom: 10px;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .productRecommendation2 {
	font-size: 1.2rem;
	font-weight: 400;
}

.fc-0030_0010#productsDetail .productSkuProductName2 {
	padding: 0px 0px 10px 0px;
}

.fc-0030_0010#productsDetail .selectList > dl,
#productsDetail .specList > dl {
	border-bottom: none;
	padding-bottom: 0px;
}

.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: 20px;
	height: 32px;
}

.fc-0030_0010#productsDetail .productOutline {
	font-size: 1.6rem;
	font-weight: 400;
	padding-bottom: 0px;
}

.fc-0030_0010 .supplierStock {
	padding-top: 14px;
	padding-bottom: 9px;
	font-size: 1.6rem;
}

.fc-0030_0010#productsDetail .cartShelfNo {
	font-size: 1.9rem;
	padding-right: 11px;
}

.fc-0030_0010#productsDetail .shippingOrderAmountLeadTime {
	padding-bottom: 26px;
	padding-top: 8px;
	display: block;
	font-size: 1.6rem;
}

.fc-0030_0010#productsDetail .cartFreeShippingAmountInfomation {
	margin-right: 28px;
	font-weight: 400;
	padding-bottom: 4px;
}

.fc-0030_0010#productsDetail .productSkuQtyAttentionMessage {
	padding-bottom: 18px;
	font-size: 1.2rem;
}

.fc-0030_0010#productsDetail .price {
	font-size: 2.1rem;
}

.fc-0030_0010#productsDetail .detailSpecArea .supplierSpec .tooltip {
	padding: 0px 0px 26px 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: 35px !important;
	height: 35px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.3rem;
	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.2rem;
	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;
}

.fc-0030_0010 .product-container .product {
	border: var(--black) 1px solid;
	border-radius: 4px;
	padding: 5px;
}

.fc-0030_0010 .product-container .product-image img[src*="no_image"] {
	max-width: 100px;
}

/* --------------------
フッター 
-------------------- */
#footer {
	background: var(--green-dark);
}
#footer > .inner {
	max-width: 1400px;
	width: auto;
	padding: 20px 20px 30px;
}
#footer .footUtility ul {
	display: grid;
	grid-template-columns: auto auto;
	gap: 5px 15px;
	border: none;
}
#footer .footUtility ul li {
	display: inline-block;
	padding: 0;
	font-size: 12px;
	border: none;
}
#footer .footUtility ul li a {
	color: var(--white);
	padding-left: 0;
	padding-right: 0;
	display: flex;
	align-items: center;
}
#footer .footUtility ul li a::before {
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	color: #ffffff;
	padding-right: 5px;
	position: relative;
	right: auto;
	top: 0;
}

#footer .footTelArea {
	color: var(--white);
	justify-content: center;
	text-align: center;
	margin-top: 20px;
	gap: 10px;
	display: grid;
}
#footer .footTelArea .footTelHead {
	font-size: 18px;
}

#footer .footTelDetail {
	display: block;
}
#footer .footTelDetail .footTelNum {
	font-size: 32px;
	margin-bottom: 5px;
}
#footer .footTelDetail .footTelReception {
	font-size: 15px;
}

#footer .footCopyArea {
	padding: 30px 0 0 0;
	color: var(--white);
}
#footer .footCopy {
	padding: 0;
}
#footer .footCopy .copy {
	text-align: center;
}

/* FD-0060_0010_クイックオーダー*/
main.fd-0060_0010 {
	padding: 10px 20px;
}

.fd-0060_0010#userBox .userBoxPager.upper {
	display: flex;
	text-align: left;
	align-items: center;
	margin-bottom: 10px;
	margin-top: 20px;
}

.fd-0060_0010#userBox .userBoxPager.upper > p.hitNum {
	background: none;
	color: var(--black);
	padding: 0px;
	white-space: nowrap;
}

.fd-0060_0010#userBox .userBoxPager.upper select {
	width: 50px;
}
.fd-0060_0010#userBox .userBoxPager.upper form {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

/* テーブル部分 */
.fd-0060_0010 .quickorder {
	margin-bottom: 20px;
}
.fd-0060_0010 .quickorderTable {
	width: 100%;
}
.fd-0060_0010 .quickorderTable tr {
	/* 縦に並べる */
	display: flex;
	flex-direction: column;
}
.fd-0060_0010 .quickorderTable tr td {
	margin-bottom: 4px;
}

.fd-0060_0010 #mainWrap .itemInfo {
	display: flex;
}

.fd-0060_0010 .quickorderTable .itemInfo .thum img {
	width: 97px;
	height: 97px;
	object-fit: cover;
}
.fd-0060_0010 .quickorderTable .itemInfo .productNamesArea {
	padding-left: 10px;
}
.fd-0060_0010 .quickorderTable td:not(.itemInfo) {
	padding-left: 107px;
}

.fd-0060_0010
	.quickorderTable
	td.itemInfo:has(.detailedElement.hidden)
	~ td:not(.itemInfo) {
	/* 簡易表示に変更した時に商品情報以外のpaddingを0にする */
	padding-left: 10px;
}

.fd-0060_0010 .quickorderTable .productName {
	font-weight: 500;
	margin-bottom: 5px;
}
.fd-0060_0010 .quickorderTable .codeArea {
	display: flex;

	margin-bottom: 5px;
}
.fd-0060_0010 .quickorderTable .sukCode {
	padding-left: 10px;
}

.fd-0060_0010 .quickorderTable .productVariation {
	font-weight: 500;
	margin-bottom: 10px;
}

.fd-0060_0010 .quickorderTable .itemInfo {
	font-size: 1.4rem;
}
.fd-0060_0010 .quickorderTable .titleText {
	font-size: 1.2rem;
	font-weight: bold;
	padding-right: 10px;
}
.fd-0060_0010 .quickorderTable .sukCode,
.fd-0060_0010 .quickorderTable .productExplain {
	font-size: 1.2rem;
}

.fd-0060_0010 .quickorderTable .productExplain {
	margin-top: 4px;
}
.fd-0060_0010 .quickorderTable .supplierColumn a {
	font-weight: bold;
}

.fd-0060_0010 .quickorderTable .priceInfo p {
	margin-bottom: 4px;
}
.fd-0060_0010 .quickorderTable .stockInfo {
	display: flex;
	align-items: center;
	font-size: 1.4rem;
}
.fd-0060_0010 .quickorderTable .orderCount {
	display: flex;
	align-items: center;
}

.fd-0060_0010 .quickorderTable .orderCount .selectCartQty {
	width: 32px !important;
	height: 22px;
	text-align: center;
}

.fd-0060_0010 .orderCount span {
	padding-right: 5px;
}
.fd-0060_0010 .orderColumn {
	padding-top: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.fd-0060_0010 .orderColumn .deleteBtnSP {
	padding: 6px 10px;
	font-size: 1rem;
	font-weight: bold;
	border: var(--black) 1px solid;
	border-radius: 4px;
}
.fd-0060_0010 .butonColumn {
	border-bottom: var(--black) 1px solid;
	padding-top: 16px;
}

.fd-0060_0010 .pcOnly {
	display: none;
}

/* 一括購入ボタンのエリア */
.fd-0060_0010 .bulkCartButtonArea {
	text-align: center;
	margin: 0 auto;
	width: 350px;
	margin-top: 30px;
}

.fd-0060_0010 .bulkCartButtonArea p {
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

.fd-0060_0010 .cartInBtn.spOnly {
	display: flex;
	justify-content: center;
}

.fd-0060_0010 .cartInBtn button {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 200px;
	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;
	margin: 0 auto;
}

.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: 0.9rem;
	white-space: nowrap;
	font-weight: 400;
}

/* pager */
.fd-0060_0010#userBox .pagenation {
	grid-column: 1 / span 2;
	grid-row: 2;
	width: 100%;
}

.fd-0060_0010#userBox .userBoxPager .pagenation ul {
	display: flex;
	justify-content: flex-start;
	gap: 10px;
	margin: initial;
	width: 100%;
	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.next a {
	position: absolute;
	right: 0px;
}

.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: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;
	/* 右端で固定する */
	position: absolute;
	right: 0px;
}

/* FC-0040_0010_カート内容 */
.fc-0040_0010 .cartIconWrap {
	width: 48px;
	height: 48px;
	border: var(--green-dark) solid 1px;
	border-radius: 4px;
	background-color: var(--green-dark);
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	margin-left: 10px;
}

.fc-0040_0010 .cartMainTitle img.icon-image {
	width: 27px;
	height: 27px;
	margin: 0px;
}

.fc-0040_0010 #mainWrap .cartMainTitle {
	/* ご注文締め切り時間がある場合、順番を入れ替えて折り返して縦に並べる */
	flex-wrap: wrap;
	flex-direction: column-reverse;
}

.fc-0040_0010 .cartRightGroup:has(label) {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid var(--gray-400);
	border-radius: 4px;
	width: 100%;
	max-width: 300px;
	height: 35px;
	margin-bottom: 15px;
}
.fc-0040_0010 .cartLeftGroup {
	display: flex;
	align-items: center;
	justify-content: start;
	width: 100%;
}

.fc-0040_0010 .cartRightGroup label.carttimeInfomation,
.fc-0040_0010 .cartRightGroup label.carttime {
	border: none;
}

.fc-0040_0010 .carttimeInfomation {
	display: inline-block;
	font-size: 14px;
	padding: 5px;
}

.fc-0040_0010 .carttime {
	/* border: 1px solid #000; */
	color: red;
	display: inline-block;
	font-size: 14px;
	padding: 5px;
	vertical-align: middle;
}

.fc-0040_0010 #mainWrap h1,
.fc-0040_0010 #mainWrap h2 {
	font-size: 1.8rem;
}

.fc-0040_0010 .supplierName {
	background-color: var(--gray-200);
}

.fc-0040_0010 .cartFreeShippingAmountInfomation {
	font-weight: 400;
}

.fc-0040_0010 table.cartList {
	width: 100%;
	border-collapse: separate;
}
.fc-0040_0010 .cartList tbody {
	width: 100%;
}
.fc-0040_0010 .cartList thead {
	display: none;
}

.fc-0040_0010 .cartList tr.cartItemRow {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.fc-0040_0010 .cartList tr.cartItemRow:not(:first-child) {
	/* 2行目以降のtrタグ */
	margin-top: 20px;
}

.fc-0040_0010 .cartList td.cartItemImage {
	position: absolute;
}

.fc-0040_0010 table.cartList .cartItemImage img {
	width: 97px;
	height: 97px;
}

.fc-0040_0010 .cartList td:not(.cartItemImage) {
	/* 商品画像以外のtdタグ */
	padding-left: 110px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-0040_0010 .productName {
	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
}

.fc-0040_0010 .productCode,
.fc-0040_0010 .leadTimeMessage {
	/* tdタグの順番を先頭に持ってくる */
	order: -1;
}

.fc-0040_0010 .buttonArea {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.fc-0040_0010 .buttonArea .price {
	font-size: 1.6rem;
}

.fc-0040_0010 .buttonArea input[type="text"] {
	width: 22px;
	height: 22px;
	box-sizing: border-box;
	line-height: 12px;
	font-size: 1.2rem;
	padding: 1px;
	background: var(--blue-light);
	border: 1px solid var(--black);
	vertical-align: middle;
	text-align: center;
}

.fc-0040_0010 .priceAndQty {
	display: flex;
	align-items: center;
}

.fc-0040_0010 .btnSpace a {
	text-decoration: none;
	font-size: 1rem;
	border: var(--gray-600) 1px solid;
	color: VAR(--black);
	border-radius: 4px;
	padding: 6px 10px;
}

.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.2rem;
	white-space: nowrap;
	font-weight: 400;
}

.fc-0040_0010 .totalPriceWholesale p {
	margin-top: 12px;
	margin-bottom: 9px;
	font-size: 1.4rem;
}

.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: 0px !important;
	padding-right: 10px;
}

.fc-0040_0010#shoppingCart .totalAreaWholesale .totalPriceWholesale dt {
	font-weight: bold;
	font-size: 1.4rem;
	width: fit-content;
	text-align: right;
	display: flex;
	justify-content: right;
}

.fc-0040_0010#shoppingCart .historyBackBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 112px;
	height: 24px;
	padding: 2px 0px 0px 0px;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.2rem;
	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: 28px;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity,
.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 12px 0px 2px 0px;
}

.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;
	font-size: 1.4rem;
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity dd,
.fc-0040_0010#shoppingCart .totalAreaResult .totalPrice dd {
	width: auto;
	font-size: 1.6rem;
	color: var(--red);
}

.fc-0040_0010#shoppingCart .totalAreaResult .totalQuantity dd {
	padding-right: 0px;
}

.fc-0040_0010#shoppingCart .totalAreaWholesale {
	padding-bottom: 20px;
}

.fc-0040_0010#shoppingCart .totalAreaWholesale {
	border-bottom: var(--black) solid 1px;
	margin-bottom: 26px;
}

.fc-0040_0010 .underBtnArea ul {
	/* 上書き */
	display: flex;
	gap: 18px;
}

.fc-0040_0010 .underBtnArea ul li.backBtn {
	/* 上書き */
	float: none;
	width: 165px;
	height: 48px;
	padding: 10px 0;
}

.fc-0040_0010 .backBtn button,
.backBtn a {
	/* 上書き */
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	padding: 3px 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: 43px;
	margin-top: 0px;
}

.fc-0040_0010 .underBtnArea ul li.nextBtn {
	/* 上書き */
	float: none;
	width: 170px;
	height: 48px;
	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);
	height: 48px;
	line-height: 48px;
}

.fc-0040_0010 .cf:after {
	display: none;
}

.fc-0040_0010 .stepFlow {
	padding: initial;
}

.fc-0040_0010 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fc-0040_0010 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fc-0040_0010 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.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: 250px;
	height: 39px;
	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_カート内容＞ログインせずに購入時のポップアップ */
.fc-0040_0010 #mainWrap + #popup {
	max-width: 400px;
	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;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea a {
	font-size: 1.4rem;
}
.fc-0040_0010 #mainWrap + #popup .underBtnArea > div {
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center;
	gap: 15px;
	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: 300px;
	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 {
	background: var(--gray-50);
	color: var(--black);
}

/* FC-0040_0030_注文内容の確認 */
.fc-0040_0030#shoppingCart {
	padding-right: 20px;
	padding-left: 20px;
}

.fc-0040_0030 #mainContents .ttl {
	/* 上書き */
	padding-left: 12px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 21px;
	color: var(--black);
	height: 46px;
}

.fc-0040_0030 #mainContents #shoppingPayment h3.ttl,
.fc-0040_0030 #mainContents h3.ttl {
	/* 上書き */
	margin-bottom: 16px;
	padding-left: 14px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 15px;
	color: var(--black);
	height: 40px;
	box-shadow: none;
}

.fd-0040_0030 .stepFlow {
	padding: 0px !important;
}

.fc-0040_0030 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fc-0040_0030 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fc-0040_0030 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fc-0040_0030 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fc-0040_0030 table.cartList {
	width: 100%;
	border-collapse: separate;
}

.fc-0040_0030 .cartList tbody {
	width: 100%;
}

.fc-0040_0030 .cartList thead {
	display: none;
}

.fc-0040_0030 .cartList tr.cartItemRow {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.fc-0040_0030 .cartList tr.cartItemRow:not(:first-child) {
	/* 2行目以降のtrタグ */
	margin-top: 20px;
}

.fc-0040_0030 .cartList td.cartItemImage {
	position: absolute;
}

.fc-0040_0030 table.cartList .cartItemImage img {
	width: 97px;
	height: 97px;
}

.fc-0040_0030 .cartList td:not(.cartItemImage) {
	/* 商品画像以外のtdタグ */
	padding-left: 110px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.fc-0040_0030 .productName {
	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
	line-height: normal;
}

.fc-0040_0030 .productCode,
.fc-0040_0030 .leadTimeMessage {
	/* tdタグの順番を先頭に持ってくる */
	order: -1;
}

.fc-0040_0030 .priceAndQty {
	display: flex;
	align-items: baseline;
}

.fc-0040_0030 .selectCartQty {
	width: fit-content !important;
}

.fc-0040_0030 .productPrice {
	display: flex;
	align-items: center;
}

.fc-0040_0030 .productPrice .price {
	font-size: 1.6rem;
}

.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.2rem;
	white-space: nowrap;
	font-weight: 400;
}

.fc-0040_0030 .totalPriceWholesale p {
	margin-top: 12px;
	margin-bottom: 9px;
	font-size: 1.4rem;
}

.fc-0040_0030 #shoppingCart .totalAreaWholesale {
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
}

.fc-0040_0030#shoppingCart .totalAreaWholesale .inner {
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	justify-content: flex-end;
	padding-left: 0px !important;
}

.fc-0040_0030#shoppingCart .totalAreaWholesale .totalPriceWholesale {
	margin-bottom: 0px;
	display: flex;
}

.fc-0040_0030#shoppingCart .totalAreaWholesale .totalPriceWholesale dd {
	text-wrap: nowrap;
	padding-left: 6px;
	display: flex;
	color: var(--black);
}

.fc-0040_0030 #mainContents .formTable dl {
	display: flex;
}

.fc-0040_0030 #mainContents .formTable dt.title {
	width: 118px;
	padding: 7px auto 7px 14px;
}

.fc-0040_0030 #mainContents .formTable dl dt {
	display: block;
}

.fc-0040_0030 #shoppingPayment .currentAddress ul li label {
	padding-left: 10px;
}

.fc-0040_0030 #shoppingPayment .currentAddress ul li .changeBtn {
	/* 上書き */
	display: flex;
	width: 100%;
	position: relative;
	justify-content: flex-end;
	right: 0px;
	bottom: 0px;
}

.fc-0040_0030 #shoppingPayment .currentAddress .changeBtn .arrowGrayBtn a {
	/* 上書き */
	font-weight: bold;
	font-size: 1.2rem;
	height: 29px;
	width: 87px;
	line-height: 30px;
	padding-left: 0px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
}

.fc-0040_0030 #mainContents.totalPriceArea .formTable > dl > dt {
	/* 上書き */
	width: 140px;
	height: 32px;
	padding: 0px 0px 0px 14px;
	margin-left: 10px;
	background: var(--gray-200);
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 30px;
}

.fc-0040_0030 #mainContents .formTable > dl {
	/* 上書き */
	display: flex;
	width: 100%;
	align-items: center;
}
.fc-0040_0030 #mainContents .formTable > dl > dd {
	/* 上書き */
	margin-left: 10px;
}

.fc-0040_0030 #mainContents .formTable > dl .tax {
	/* 上書き */
	font-size: 0.9rem;
}

.fc-0040_0030 .underBtnArea {
	width: auto;
	margin: 51px auto 51px auto;
	display: flex;
	gap: 18px;
	justify-content: center;
}

.fc-0040_0030 .backBtn {
	/* 上書き */
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.fc-0040_0030 .backBtn a {
	/* 上書き */
	width: 165px;
	height: 48px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 50px;
}

.fc-0040_0030 .nextBtn button {
	/* 上書き */
	width: 170px;
	height: 48px;
	padding: 0px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--white);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 50px;
}

.fc-0040_0030 .nextBtn button#submit_btn {
	/* 上書き */
	background: var(--red);
}

.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-top: 15px;
	font-size: 1.4rem;
	padding: 0px;
	background: var(--green-dark);
	height: 48px;
	line-height: 48px;
}

.fc-0040_0030 .totalPrice {
	/* 上書き */
	font-size: 1.6rem;
}

/* FD-0080_0050_見積内容の確認 */
.fd-0080_0050 .stepFlow {
	padding: initial;
}

.fd-0080_0050 .stepFlow ol li {
	background: var(--green-light);
	color: var(--white);
}

.fd-0080_0050 .stepFlow ol li:nth-child(2) {
	padding-left: 10px;
}

.fd-0080_0050 .stepFlow ol li::after {
	border-left: 16px solid var(--green-light);
}

.fd-0080_0050 .stepFlow ol li.current {
	background: var(--green-dark);
	padding-left: 10px;
}

.fd-0080_0050 .stepFlow ol li.current::after {
	border-left-color: var(--green-dark);
}

.fd-0080_0050 #mainContents .ttl {
	/* 上書き */
	padding-left: 12px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 21px;
	color: var(--black);
	height: 46px;
}

.fd-0080_0050 #mainContents #shoppingPayment h3.ttl,
.fd-0080_0050 #mainContents h3.ttl {
	/* 上書き */
	margin-bottom: 16px;
	padding-left: 14px;
	background: var(--gray-200);
	border-left: none;
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 15px;
	color: var(--black);
	height: 40px;
	box-shadow: none;
}

.fd-0080_0050 #shoppingPayment {
	margin-top: 18px;
}

.fd-0080_0050#shoppingCart {
	padding-right: 20px;
	padding-left: 20px;
}

.fd-0080_0050 .supplierName,
.fd-0080_0050 #mainContents .supplierLabel {
	background-color: var(--gray-200);
}

.fd-0080_0050 .supplierName {
	font-size: 2.4rem;
	display: flex;
	flex-direction: column;
	height: fit-content;
}

.fd-0080_0050 #mainContents h3.supplierLabel {
	margin-bottom: 0px;
	padding-left: 9px;
	padding-top: 3px;
}

.fd-0080_0050 .supplierName label {
	font-size: 1.2rem;
	padding-left: 12px;
	padding-bottom: 12px;
}

.fd-0080_0050 .cartListWrap {
	border: 2px solid var(--gray-200);
	margin-bottom: 22px;
	background-color: rgba(237, 237, 237, 0.1);
}

.fd-0080_0050 #mainContents .cartListWrap .formTable {
	padding-bottom: 17px;
	padding-left: 14px;
}

.fd-0080_0050 table.cartList {
	width: 100%;
	border-collapse: separate;
}
.fd-0080_0050 .cartList tbody {
	width: 100%;
}
.fd-0080_0050 .cartList thead {
	display: none;
}

.fd-0080_0050 .cartList tr.cartItemRow {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.fd-0080_0050 .cartList tr.cartItemRow:not(:first-child) {
	/* 2行目以降のtrタグ */
	margin-top: 20px;
}

.fd-0080_0050 .cartList td.cartItemImage {
	position: absolute;
}

.fd-0080_0050 table.cartList .cartItemImage img {
	width: 97px;
	height: 97px;
}

.fd-0080_0050 .cartList td:not(.cartItemImage) {
	/* 商品画像以外のtdタグ */
	padding-left: 110px;
	text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
}

.fd-0080_0050 .productName {
	display: flex;
	flex-direction: column;
	font-size: 1.4rem;
	line-height: normal;
}

.fd-0080_0050 .productCode,
.fd-0080_0050 .leadTimeMessage {
	/* tdタグの順番を先頭に持ってくる */
	order: -1;
}

.fd-0080_0050 .priceAndQty {
	display: flex;
	align-items: baseline;
}

.fd-0080_0050 .selectCartQty {
	width: fit-content !important;
}

.fd-0080_0050 .productPrice {
	display: flex;
	align-items: center;
}

.fd-0080_0050 .productPrice .price {
	font-size: 1.6rem;
}

.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.2rem;
	white-space: nowrap;
	font-weight: 400;
}

.fd-0080_0050 .totalPriceWholesale p {
	margin-top: 12px;
	margin-bottom: 9px;
	font-size: 1.4rem;
}

.fc-0040_0030 #shoppingCart .totalAreaWholesale {
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
}

.fd-0080_0050#shoppingCart .totalAreaWholesale .inner {
	display: flex;
	width: 100%;
	margin: 0 auto 0 auto;
	justify-content: flex-end;
	/* gap: 21px; */
	padding-left: 0px !important;
}

.fd-0080_0050#shoppingCart .totalAreaWholesale .totalPriceWholesale {
	margin-bottom: 0px;
	display: flex;
}

.fd-0080_0050#shoppingCart .totalAreaWholesale .totalPriceWholesale dd {
	text-wrap: nowrap;
	padding-left: 6px;
	display: flex;
	color: var(--black);
}

.fd-0080_0050 #mainContents .formTable dl {
	display: flex;
}

.fd-0080_0050 #mainContents .formTable dt.title {
	width: 118px;
	padding: 7px auto 7px 14px;
}

.fd-0080_0050 #mainContents .formTable dl dt {
	display: block;
}

.fd-0080_0050 #shoppingPayment .currentAddress ul li label {
	padding-left: 10px;
}

.fd-0080_0050 #shoppingPayment .currentAddress ul li .changeBtn {
	/* 上書き */
	display: flex;
	width: 100%;
	position: relative;
	justify-content: flex-end;
	right: 0px;
	bottom: 0px;
}

.fd-0080_0050 #shoppingPayment .currentAddress .changeBtn .arrowGrayBtn a {
	/* 上書き */
	font-weight: bold;
	font-size: 1.2rem;
	height: 29px;
	width: 87px;
	line-height: 30px;
	padding-left: 0px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16);
}

.fd-0080_0050 #mainContents.totalPriceArea .formTable > dl > dt {
	/* 上書き */
	width: 140px;
	height: 32px;
	padding: 0px 0px 0px 14px;
	margin-left: 10px;
	background: var(--gray-200);
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 30px;
}

.fd-0080_0050 #mainContents .formTable > dl {
	/* 上書き */
	display: flex;
	width: 100%;
	align-items: center;
}
.fd-0080_0050 #mainContents .formTable > dl > dd {
	/* 上書き */
	margin-left: 10px;
}

.fd-0080_0050 #mainContents .formTable > dl .tax {
	/* 上書き */
	font-size: 0.9rem;
}

.fd-0080_0050 .underBtnArea {
	width: auto;
	margin: 51px auto 51px auto;
	display: flex;
	gap: 18px;
	justify-content: center;
}

.fd-0080_0050 .backBtn {
	/* 上書き */
	display: flex;
	flex-direction: column;
	justify-content: end;
}

.fd-0080_0050 .backBtn a {
	/* 上書き */
	width: 165px;
	height: 48px;
	padding: 0px 0px 0px 0px;
	border: none;
	border-radius: 4px;
	background: var(--gray-200);
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--black);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 50px;
}

.fd-0080_0050 .nextBtn button {
	/* 上書き */
	width: 170px;
	height: 48px;
	padding: 0px;
	border-radius: 4px;
	text-align: center;
	font-size: 1.4rem;
	font-weight: bold;
	color: var(--white);
	text-decoration: none;
	box-shadow: 0 3px 0 var(--gray-shadow);
	line-height: 50px;
}

.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;
}

.fd-0080_0050 .link_button {
	/* 上書き */
	font-size: 1.4rem;
}

.fd-0080_0050 .totalPrice {
	/* 上書き */
	font-size: 1.6rem;
}

/* FA-0030_0010_仮パスワード変更 */
.fa0030_0010 #mainWrap {
	padding-inline: 20px;
	padding-top: 14px;
}
.fa0030_0010 .cf:after {
	content: none;
}
.fa0030_0010 .underBtnArea ul {
	gap: 20px;
	margin-inline: auto;
	justify-content: center;
	display: flex;
}
.fa0030_0010 .nextBtn button {
	background: var(--green-dark);
	padding: initial;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	color: var(--white);
	height: 46px;
	line-height: 46px;
	font-size: 1.4rem;
}
.fa0030_0010 .underBtnArea ul li.backBtn,
.fa0030_0010 .underBtnArea ul li.nextBtn {
	display: block;
	width: 170px;
	max-width: 100%;
}
.fa0030_0010 .backBtn a {
	border: none;
	height: 46px;
	line-height: 46px;
	padding: initial;
	border-radius: 4px;
	background: var(--gray-200);
	color: var(--black);
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16);
	margin-top: initial;
	font-size: 1.4rem;
}
.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 label {
	background: var(--blue-light);
}

/* 上書き */
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;
}