html {
	font-size: 62.5%;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", 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;
}

/**************************************
 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: #303030;
	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: #303030;
	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!important;
}

/** 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: #303030;
	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: #303030;
	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: 1.0rem;
	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: 38px;
}

.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: 38px;
}

.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: #303030;
	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: 1.0rem;
	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: 1.0rem;
	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: #303030;
}
a.iconArrow::before {
	content: '\ea1c';
	font-family: iconFont;
	display: inline-block;
	font-size: 1.0rem;
	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: '\必須';
	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: #303030;
    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: '\必須';
	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: '\必須';
	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: #ececec;
	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: #303030;
	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: #ececec;
	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: #ececec;
}
#mainContents .formTable > dl > dd .businessTypeCheck ul > li.current > label {
	background: #303030;
	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: #ececec;
	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: #303030;
	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: #ececec;
	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 #ececec;
	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: #303030;
	color: #FFFFFF;
}
.stepFlow ol li.current::after {
	border-left-color: #303030;
}

/**************************************
 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 #303030;
	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: table;
	height: 50px;
	padding: 8px 0;
	margin: 0;
	float: left;
}

#header .headMain .logoArea .logo {
	display: table-cell;
	max-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%;
	max-height: 40px;
}

#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: 1.0rem;
	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: 1.0rem;
	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 #303030;
	background-size: 26px 20px;
}
#headNavSp .openBtn::after {
	content: 'メニュー';
	width: 100%;
	font-size: 1.0rem;
	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: #303030;
	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: 1.0rem;
}

/**************************************
 breadcrumbs
 **************************************/
.breadcrumbs {
	width: 100%;
	background: #ececec;
	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: 1.0rem;
	font-weight: 700;
	line-height: 20px;
	padding-right: 5px;
	white-space: nowrap;
}
.breadcrumbs > ul li::after {
	content: '＞';
	font-size: 1.0rem;
	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: 2.0rem;
	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: #303030;
	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: .6em 1em;
    border-radius: 5px 5px 0 0;
    background-color: #303030;
    color: #fff;
    font-size: .9em;
    text-align: center;
    cursor: pointer;
}

#mainWrap .h-tab > .select{
    background-color: #ffffff;
	border: 3px solid;
	border-bottom: transparent;
	border-color:#303030;
	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 #303030;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 24px;
	color: #333333;
}

#sidebar .sideInner {
}

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

#sidebar .searchKeyWord {
	display: block;
	background: #ececec;
	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 #ececec;
	font-size: 1.4rem;
	font-weight: 700;
	color: #FFFFFF;
	background: #303030;
	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: #ececec;
	position: relative;
	border-left: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
}
#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 #303030;
}
#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: #303030;
	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: #303030;
	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: #303030;
}
#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 #303030;
}
#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: #303030;
	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: 2.0rem;
	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: #303030;
	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 #303030;
	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 #303030;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.4;
	color: #000000;
}

#mainContents .ttlCenter{
	margin-bottom: 6%;
	font-size: 2.0rem;
	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 #303030;
	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: #ececec;
}

#mainContents .contactSection .ttlcontact {
	margin-bottom: 10px;
	padding-left: 8px;
	border-left: 4px solid #303030;
	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: 1.0rem;
	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 #303030;
	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 #303030;
	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: #303030;
	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: 0 3%;
}

#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;
	font-size: 90%;
}

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

#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: #303030;
	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: #303030;
	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: #303030;
	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: #303030;
	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: #303030;
	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: -.5em;
	color: #303030;
}
#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: .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: #ececec;
	color: #cc0000;
	text-align: right;
}

#searchResult .refineSearchCall p.refineSearchCallBtn {
	width: 65%;
	background: #303030;
	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: #303030;
	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: 1.0rem;
	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: #303030;
	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 #303030;
	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: #303030;
	color: #FFFFFF;
}
#guidePage .orderPrintStepMini ol li.current::after,
#searchResult .searchItemList .orderPrintGuide .inner > .orderPrintStepMini ol li.current::after {
	border-left-color: #303030;
}

#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: 1.0rem;
	text-align: center;
	line-height: 30px;
}
#productsDetail .productsDetailWappen li:nth-child(1) > span {
	background: #303030;
}
#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 #303030;
	border-bottom: 1px solid #303030;
	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: #ececec;
	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 #303030;
	border-bottom: 1px solid #303030;
	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: #ececec;
	border: 1px solid #303030;
}
#productsDetail .selectList .skuSelectBox.current label {
	background: #303030;
	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: #303030;
	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 #303030;
	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: #303030;
	color: #FFFFFF;
}
#productsDetail .orderPrintGuide .inner .stepArea .orderPrintStepMini ol li.current::after {
	border-left-color: #303030;
}

#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: #303030;
	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: #ececec;
}
#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: 1.0rem;
	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 #303030;
}

#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: #303030;
	color: #ffffff;
}
#shoppingCart .cartInList .cartInListOneLine .itemInfo .itemInfoMore dl.size dd{
	background: #ececec;
	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: 1.0rem;
    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: #ececec;
}

#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: #303030;
	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: #ececec;
}

#shoppingPayment .paymentSelectArea > dl > dd > ul > li.current > label {
	background: #303030;
	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: #303030;
	position: relative;
}

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

#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: #303030;
	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: #303030;
	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: 1.0rem; 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: 1.0rem; 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:nth-of-type(1):before {
	content: "クーポン名";
}
.couponList td:nth-of-type(2):before {
	content: "利用可能期限";
}
.couponList td:nth-of-type(3):before {
	content: "クーポン番号";
}
.couponList td:nth-of-type(4):before {
	content: "上限回数";
}
.couponList td:nth-of-type(5):before {
	content: "利用回数";
}
.couponList td:nth-of-type(6) {
	/*display: none;*/
	content: "";
}

.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:nth-of-type(1):before {
	content: "注文番号";
}
.orderList td:nth-of-type(2):before {
	content: "注文日";
}
.orderList td:nth-of-type(3):before {
	content: "注文者";
}
.orderList td:nth-of-type(4):before {
	content: "製品";
}
.orderList td:nth-of-type(5):before {
	content: "注文金額計";
}
.orderList td:nth-of-type(6) {
	/*display: none;*/
	content: "";
    padding-left: 0px;
}


.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:nth-of-type(1):before {
	content: "No";
}
.historyList td:nth-of-type(2):before {
	content: "更新日時";
}
.historyList td:nth-of-type(3):before {
	content: "有効期限";
}
.historyList td:nth-of-type(4):before {
	content: "総合計金額(税込)";
}
.historyList td:nth-of-type(5) {
	/*display: none;*/
	content: "";
    padding-left: 0px;
}

.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: #303030;
	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;
}

.estimateList td:nth-of-type(1):before {
	content: "見積番号";
}
.estimateList td:nth-of-type(2):before {
	content: "見積依頼日<br>見積有効期限";
}
.estimateList td:nth-of-type(3):before {
	content: "依頼者";
}
.estimateList td:nth-of-type(4):before {
	content: "見積商品";
}
.estimateList td:nth-of-type(5):before {
	content: "見積金額(税抜)";
}
.estimateList td:nth-of-type(6):before {
	content: "見積ステータス";
}
.estimateList td:nth-of-type(7) {
	/*display: none;*/
	content: "";
	padding-left: 0px;
}

.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: .5em;
}
#oyakudachi .icon-arrow::before{
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.8em;
	content: '\ea1c';
	font-family: iconFont;
	display: inline;
	overflow: hidden;
	font-size: 12px;
	margin-right: 2px;
	color: #303030;
	font-weight: 500;
}
#oyakudachi .subLinks .subttl{
	margin-bottom: 16px;
	padding-left: 8px;
	border-left: 2px solid #303030;
	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: #303030;
	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: #303030;
	font-size: 1.4rem;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
}
#userBox .itemInfo dl.date dd{
	background: #ececec;
	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: #303030;
	font-size: 1.4rem;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
}
#userBox .itemInfo dl.size dd{
	background: #ececec;
	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 #303030;
    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: #303030;
    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: #303030;
    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: #ececec;
	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 #ececec;
	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: #303030;
	color: #FFFFFF;
}
.orderPrintStep ol li.current::after {
	border-left-color: #303030;
}



/**************************************
 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: 2.0rem;
	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: 1.0rem;
	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: #303030;
    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: #303030;
	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: #303030;
    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: #303030;
    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: #303030;
	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: 1.0rem;
    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: #303030;
	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: ' - ';
}

/* トップページ ToDoリスト */

.toDoList {
  font-size: 1.6rem;
  margin: 50px auto;
	width: 80%;
	border-collapse: collapse;
}

.toDoList td, .toDoList th {
  padding: 10px;
	border: 1px solid;
	border-color: gray;
}

/* トップページ ブランド */

#mainContents .brandSectionCenter {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* スペースを均等に分ける */
}

#mainContents .brandSectionCenter a {
  width: 100%; /* 2列にするために幅を調整 */
  margin-bottom: 5px; /* 下にマージンを追加 */
  box-sizing: border-box; /* パディングやボーダーを含めて幅を計算 */
}

#mainContents .brandSectionCenter a img {
  width: 100%; /* 画像を親要素の幅に合わせてリサイズ */
  height: auto; /* アスペクト比を維持 */
}


/* search_list_spの内容 反映されなかったため、common_sp.cssに書いている */

.hidden {
  display: none;
}

.favoritePostedBtn {
	width: auto;
	margin: 0 auto 0 0;
	height: 40px;
}

.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: 100%;
	font-weight: 700;
	color: #999999;
	text-decoration: none;
	line-height: 40px;
}

.arrowGrayBtn a::before {
	width: 20% !important;
}

.favoritePostedBtn a::before {
	content: '済';
	display: block;
	position: absolute;
	width: 20%;
	height: 30px;
	font-size: 1.2rem;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #999999;
	left: 0;
	top: 5px;
}

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

/* リスト表示のスタイル */
#mainContents #list-view {
	display: none;
}

/* タイル表示のスタイル */
#mainContents #tile-view {
	display: none;
}

.current-view {
	display: block !important;
}

.view_mode_button {
	box-sizing: border-box;
	width: 100%;
	height: 40px;
	padding: 5px;
	border: 1px solid #999999;
	border-radius: 4px;
	background: #ececec;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 700;
	color: #333333;
	text-decoration: none;
	line-height: 40px;
}

.favoriteBtn {
	padding: 0 0 0 40px !important;
}

.stockout_msg_display {
  height: 40px;
  text-align: center;
  font-size: 1.6rem;
  color: #cc0000;
  line-height: 50px;
}

.listViewStockoutMsg {
  text-align: left !important;
}

.pickupItemList > ul > li > a > dl > dt {
  display: flex;
  vertical-align: middle;
  text-align: left;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 700;
}

.pickupItemList > ul > li > a > dl > dd {
  display: flex;
  width: 100%;
  vertical-align: middle;
  text-align: left;
  font-size: 1.6rem;
}

.pickupItemList > ul {
	margin-bottom: 10px !important;
}

#mainContents .titleView ul li a {
	font-size: 90% !important;
}

#mainContents .titleView .arrowGrayBtn button, #mainContents .titleView .arrowGrayBtn a {
	font-size: 90% !important;
}

.pickupItemList {
	margin: 10px 0;
}

.price {
	margin: 5px;
}

.name{
	margin: 0 0 10px 0;
}

#mainContents .tileView > ul {
	display: flex;
    width: 45%;
    margin: 0 5px;
	float: left;
}

#mainContents .tileView > ul > li > a {
	display: flex;
    height: 100%;
    text-decoration: none;
    background: #efefef;
    color: #000000;
    padding: 20px 10px;
    position: relative;
	font-size: 90% !important;
	align-items: center;
}

#mainContents .tileView > ul > li > a > dl > dt {
	display: flex;
	vertical-align: middle;
	text-align: left;
	width: 100%;
	font-size: 1.4rem;
	font-weight: 700;
  }
  
  #mainContents .tileView > ul > li > a > dl > dd {
	display: flex;
	width: 100%;
	vertical-align: middle;
	text-align: left;
	font-size: 1.6rem;
  }
  
  #mainContents .tileView .favoritePostedBtn a {
	font-size: 90% !important;
  }
  .cartInBtnArea {
	position: relative;
    background-color: white;
  }

  #tileView .favoritePostedBtn a::before {
	content: '済';
	display: block;
	position: absolute;
	width: 20%;
	height: 30px;
	font-size: 90%;
	text-align: center;
	line-height: 30px;
	border-right: 1px solid #999999;
	left: 0;
	top: 5px;
}

#mainContents .pickupItemList ul li a .img {
    padding-right: 10px;
    display: block;
    width: 160px;
    margin: 0 auto 15px;
}

#mainContents .pickupItemList ul li a .sp-img{
	display: table-cell;
	width: 100%;
	height: auto;
}