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%;
	min-width: 980px;
	margin: 0 auto;
	background: url(../img/bg_body_circle.gif)  center -80px repeat-y;
	background-size: calc(1500 * (100vw/1520)) auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/** historyBack ******************************/
.historyBackBtn a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 22px;
	padding: 0 0 0 16px;
	border-radius: 4px;
	background: #999999;
	text-align: center;
	font-size: 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;
}

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

.underBtnArea.single {
	width: 360px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

.stepFlow {
}
.stepFlow ol {
	display: table;
	width: 100%;
	height: 30px;
	margin: 0 auto 20px auto;
	overflow: hidden;
}
.stepFlow ol li {
	display: table-cell;
	width: 25%;
	height: 30px;
	background: #9abed2;
	font-size: 1.2rem;
	font-weight: 700;
	text-align: center;
	padding: 0;
	position: relative;
	vertical-align: middle;
}
.stepFlow ol li::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid #9abed2;
	position: absolute;
	right: -30px;
	top: -1px;
	z-index: 2;
}
.stepFlow ol li::before {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 16px solid transparent;
	border-left: 16px solid #FFFFFF;
	position: absolute;
	right: -31px;
	top: -1px;
	z-index: 1;
}
.stepFlow ol li:last-child::before, .stepFlow ol li:last-child::after {
	display: none;
}

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

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

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



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

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

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

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

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

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

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

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

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

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

#headNav .openBtn {
	display: none;
}

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

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

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

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

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

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

#headNav  ul#glnav > li.openNav > .subNav > ul {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	width: 960px;
	margin: 0 auto;
}

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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


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

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

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


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


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

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

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



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

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

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

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

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

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

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

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

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

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

.anchorNav ul li a {
	display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#sidebar .searchCategory .sideInner > ul > li > ul > li > .moreCategory > ul {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
	padding: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#sidebar .refineSearch .refineSceneOneBox .inner .scroll .refineSceneOpeninner > ul {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
	padding: 0;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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


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

#mainContents .serviceNavTwoLine > ul{
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
}

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

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

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

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

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

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

#mainContents .serviceNavFourLine > ul{
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
}

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

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

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

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


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

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

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

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


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

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


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

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

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

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

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


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

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

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

#mainContents .pickupItemList ul {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}

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

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

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


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

#mainContents .specialList ul {
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
	width: 980px;
	margin: 0 auto;
}

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

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

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

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

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

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

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

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


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

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

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

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

#mainPanel .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	-js-display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#mainPanel .swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}
#mainPanel .swiper-slide a {
	display: block;
	text-decoration: none;
}
#mainPanel .swiper-slide a:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity: 0.8;
}

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

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

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

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

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

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


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

#topPage .searchKeyWordSPtop{display: none;}


/** aboutHARUKOBO *************************/
#topPage .aboutHARUKOBO{
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
}

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

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

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

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



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

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

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




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

#topPage .topInfoList ul {
}

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

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

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

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




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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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


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

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

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



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

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

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

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

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

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

/*** imgArea ********************/
#productsDetail .productsDetailBox .detailImgArea {
	width: 500px;
	position: relative;
	float: left;
}

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

#productsDetail .productsDetailBox .detailImgArea .bigImg .swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

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

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

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

#productsDetail .productsDetailBox .detailImgArea .thumImgBox {
	display: block;
	width: 170px;
	float: right;
}

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

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

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

#productsDetail .productsDetailBox .detailImgArea .imgZoomBtnArea {
	display: none;
}

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

#productsDetail .detailSpecArea {
	display: block;
	width: 230px;
	background: rgba(255,255,255,.6);
	float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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


/*** cartInArea **************************************/
#productsDetail .cartInArea {
	clear: both;
	padding-top: 20px;
}

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


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

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


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

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

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

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

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

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


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

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

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

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


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

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

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


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

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

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

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

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

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

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


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

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

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



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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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


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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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

#shoppingCart .cartInList .cartInListOneLine ul.subtotalArea li.quantity > label{
	display: table;
	margin: 0 0 0 auto;
}

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

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


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


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

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

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

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

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

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



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

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

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

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

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


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

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




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

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

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

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

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

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

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

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

#shoppingPayment .paymentSelectArea {
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

/*　referenceLink　*/

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

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


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



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

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

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

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

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


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

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

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


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

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

#guidePage .oneSection .faqSection .contactAdder .contactBtn{

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

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

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

.spOnly {
	display: none !important;
}

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

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

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

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

}

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

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

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

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

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

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

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

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

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

.detail_Btn {
	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: 100px;
	height: 30px;
}

.cancel_Btn {
	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: #ffff00;*/
	background-color: #9acd32;
	width: 100px;
	height: 30px;
}

.cartIn_Btn {
	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: #cc0000;
	width: 100px;
	height: 30px;
}

/*
 order_detail
 */
#confirm_tb {
	width: 100%;
	margin: 15px 0 15px 1px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.subPortia {
	margin-top: 60px;
}

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

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

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

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

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

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

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

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


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

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

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


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

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

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

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


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

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

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


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


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

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

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

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

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


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


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

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

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

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

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

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


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

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

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

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

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


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

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


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

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

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


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

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


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

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


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

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

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

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

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

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

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




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

.orderPrintStep {}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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


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

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

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


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

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


#readingContents .pickUpFigureTextBox .subttl{
	display: block;
	width: 760px;
	padding: 0;
	margin: 0 0 20px 0;
	border: none;
	font-size: 1.8rem;
	font-weight: 700;
	text-align: left;
	float: right;
}

#readingContents .pickUpFigureTextBox > figure{
	display: block;
	width: 200px;
	float: left;
}
#readingContents .pickUpFigureTextBox > figure > img{display: block; width: 100%; height: auto;}

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

#readingContents .pickUpFigureTextBox > .btn{
	display: block;
	width: 760px;
	padding-top: 30px;
	float: right;
}

#readingContents .pickUpFigureTextBox > .btn a{
    display: table;
    width: 540px;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 17px 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    border: 1px solid #9a9a9a;
    border-radius: 4px;
    background: #FFFFFF;
}
#readingContents .pickUpFigureTextBox > .btn a::after{
    content: "\ea1c";
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    font-family: iconFont;
    text-rendering: auto;
    font-size: 12px;
    line-height: 1;
    color: #008ad2;
    top: 50%;
    margin-top: -6px;
    right: 10px;
}

#readingContents .pickUpFigureTextBox > .btn a + a{
	margin-top: 20px;
}

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

#readingContents .pickUpFigureTextBox > .btn a:hover{
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	opacity: 0.6;
}


#readingContents .pickUpFigureTextBox.figR .subttl{float: left;}
#readingContents .pickUpFigureTextBox.figR > figure{float: right;}
#readingContents .pickUpFigureTextBox.figR > .text{float: left;}
#readingContents .pickUpFigureTextBox.figR > .btn{float: left;}


/**************************************
 orderStepGuide
 **************************************/
#readingContents .orderStepGuide{display: block;}
#readingContents .orderStepGuide > ol{display: block;}


#readingContents .orderStepGuide > ol li{
	display: table;
	width: 100%;
	margin-top: 30px;
}

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

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

#readingContents .orderStepGuide > ol li > .text .subttl{
	display: table;
    padding: 0;
    margin: 0 0 20px 0;
    border: none;
    font-size: 1.8rem;
    font-weight: 700;
}

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

#readingContents .orderStepGuide > ol li > .text .subttl > span:nth-child(2){
	padding-left: 20px;
}

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

/*** btn *************/
#readingContents .goOrderPrintArea{padding: 40px 0 0;}
#readingContents .goOrderPrintArea > ul{
	display: table;
	width: 840px;
	margin: 0 auto;
}

#readingContents .goOrderPrintArea > ul li{
	display: table-cell;
	width: 420px;
}

#readingContents .goOrderPrintArea > ul li:nth-child(1){padding-right: 10px;}
#readingContents .goOrderPrintArea > ul li:nth-child(2){padding-left: 10px;}

#readingContents .goOrderPrintArea > ul li > a{
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 60px;
	padding: 0 0 0 60px;
	border-radius: 4px;
	background: #ff9900;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
	box-shadow: 2px 2px 0 rgba(217,217,217,1);
	line-height: 60px;
}

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

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

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


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

#mainContents .committedCateList{
	width: 980px;
	margin: 0 auto 60px;
}

#mainContents .committedCateList > ul{
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
}

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

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

#mainContents .committedCateList > ul > li > a{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: left;
	vertical-align: middle;
	padding: 15px 20px 15px;
	color: #000000;
	text-decoration: none;
	background: url(../img/bg_line.png) 0 0 repeat;
}

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

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

#mainContents .committedCateList > ul > li > a > dl > dt{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	margin-bottom: 20px;
}

#mainContents .committedCateList > ul > li > a > dl > dd.img{
	display: block;
	width: 200px;
	float: left;
}
#mainContents .committedCateList > ul > li > a > dl > dd.img > img{display: block; width: 100%; height: auto;}

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

#mainContents .committedCateList > ul > li > a > dl > dd.btn{
	display: table;
	width: 100%;
	padding-top: 20px;
	clear: both;
}

#mainContents .committedCateList > ul > li > a > dl > dd.btn > span{
	display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 17px 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    border-radius: 4px;
    background: #FFFFFF;
}
#mainContents .committedCateList > ul > li > a > dl > dd.btn > span::after {
    content: "\ea1c";
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    font-family: iconFont;
    text-rendering: auto;
    font-size: 12px;
    line-height: 1;
    color: #008ad2;
    top: 50%;
    margin-top: -6px;
    right: 10px;
}

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

#mainContents .industryCateList{
	width: 980px;
	margin: 0 auto 60px;
}

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

#mainContents .industryCateList > ul > li{
	display: block;
	margin-top: 20px;
}

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

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

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

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

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

#mainContents .industryCateList > ul > li > a > dl > dd.img{
	display: block;
	width: 200px;
	float: left;
}
#mainContents .industryCateList > ul > li > a > dl > dd.img > img{display: block; width: 100%; height: auto;}

#mainContents .industryCateList > ul > li > a > dl > dd.text{
	display: block;
	width: 710px;
	height: 100px;
	float: right;
	font-size: 1.6rem;
	line-height: 1.6;
}

#mainContents .industryCateList > ul > li > a > dl > dd.btn{
	display: table;
	width: 710px;
	float: right;
}

#mainContents .industryCateList > ul > li > a > dl > dd.btn > span{
	display: table-cell;
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 17px 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #000000;
    text-decoration: none;
    border-radius: 4px;
    background: #FFFFFF;
}
#mainContents .industryCateList > ul > li > a > dl > dd.btn > span::after {
    content: "\ea1c";
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    font-family: iconFont;
    text-rendering: auto;
    font-size: 12px;
    line-height: 1;
    color: #008ad2;
    top: 50%;
    margin-top: -6px;
    right: 10px;
}


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

#mainContents .industryRecoCate > ul{
	-js-display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
	box-sizing: border-box;
}

#mainContents .industryRecoCate > ul > li{
	display: block;
	width: 480px;
	float: left;
	margin: 20px 20px 0 0;
}

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

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

#mainContents .industryRecoCate > ul > li > a > span{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

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

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


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

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

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

.shoppingAgreeArea .inner{
	display: table;
	margin: 0 auto 0 0;
}

.shoppingAgreeArea .inner > label,
.shoppingAgreeArea .inner > .kiyakuLink{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.shoppingAgreeArea .inner > label{cursor: pointer;}

.shoppingAgreeArea .inner > label > input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #000000;
    border-radius: 0;
    background-color: #FFFFFF;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: normal;
}

.shoppingAgreeArea .inner > label >span{
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 20px;
    color: #cc0000;
    padding-left: 5px;
}

.shoppingAgreeArea .inner .kiyakuLink {
    font-size: 1.2rem;
	padding-left: 20px;
}
.shoppingAgreeArea .inner .kiyakuLink > a{
    color: #0066cc;
    text-decoration: none;

}


.nextBtn .noAgree{
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    padding: 14px 0 0 50px;
    border-radius: 4px;
    background: #999999;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: 2px 2px 0 rgba(217,217,217,1);
}

.nextBtn .noAgree::before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    border-right: 1px solid #666666;
    background: url(/assets/img/icon_arrow_white.png) center no-repeat;
    background-size: 12px auto;
    left: 5px;
    top: 5px;
}

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

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

/**************************************
ordesSize 20190201
**************************************/
.orderSizeTable{
	width: 100%;
	margin: 10px auto 0;
}
.orderSizeTable th,
.orderSizeTable td{
	padding: 6px 10px;
	border: 1px solid #9a9a9a;
	font-size: 1.6rem;
	line-height: 1.4;
}
.orderSizeTable th{
	background-color: #f90;
	color: #fff;
	font-weight: bold;
}
.orderSizeTable tr td:first-child{
	width: 200px;
}
.orderSizeTable td a{
	text-decoration: none;
}
.orderSizeTable td a:hover{
	transition: all 0.2s ease;
	opacity: 0.6;
}
.orderSizeTable td a::before{
	content: "\ea1c ";
	font-family: iconFont;
	text-rendering: auto;
	font-size: 14px;
	color: #008ad2;
	padding-right: 5px;
}

/**************************************
harumadeTemplateDownload 20190201
**************************************/
.orderPrintTemplates{
	margin: 15px 0 0;
}
.orderPrintTemplates h3{
	font-weight: bold;
	font-size: 15px;
}
.orderPrintTemplates table{
	margin: 10px auto 0;
	width: 100%;
}
.orderPrintTemplates table th,
.orderPrintTemplates table td{
	padding: 7px 10px;
	text-align: center;
	border: 1px solid #c3c3c3;
	border-left: none;
	border-right: none;
}
.orderPrintTemplates table th{
	font-size: 15px;
	font-weight: bold;
	padding: 5px 10px;
}
.orderPrintTemplates table td:first-child{
	width: 130px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}
.orderPrintTemplates table td a{
	display: block;
}
.orderPrintTemplates table td a:hover{
	transition: all 0.2s ease;
	opacity: 0.6;
}
.orderPrintTemplates table td a img{
	width: 30px;
}

/**************************************
error message
**************************************/
.error_msg {
	color: #ff0000;
}

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

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

.spOnly{display: none!important;}