/* ALL CONTENTS -------------------------------------------------------------------------*/

/* layout */
#contents {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main {
	width: 76%;
	order: 1;
}
#sidebar {
	width: 20%;
}
/* mimg */
#sub_mimg {
	height: 430px;
	position: relative;
}
#sub_mimg.item {
	background: url('../images/common/mimg_item.jpg') no-repeat center center;
	background-size: cover;
}
#sub_mimg.reason {
	background: url('../images/common/mimg_reason.jpg') no-repeat center center;
	background-size: cover;
}
#sub_mimg.guide {
	background: url('../images/common/mimg_guide.jpg') no-repeat center center;
	background-size: cover;
}

#sub_mimg.payment {
	background: url('../images/common/mimg_payment.jpg') no-repeat center center;
	background-size: cover;
}
#sub_mimg.faq {
	background: url('../images/common/mimg_faq.jpg') no-repeat center center;
	background-size: cover;
}

#sub_mimg .ttl {
	position: absolute;
	left: 50%;
	top: 52%;
	width: 100%;
	font-size: 56px;
	font-weight: 500;
	line-height: 1;
	color: #fff;
	text-align: center;
	text-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#sub_mimg .ttl span {
	display: block;
	font-size: 29px;
	margin-bottom: 15px;
}
/* breadcrumb */
#breadcrumb {
	color: #000;
	padding: 15px 0;
	width: 100%;
}
#breadcrumb a {
	color: #515F4D;
}
#breadcrumb a:after {
	content: "＞";
	font-size: 12px;
	margin: 0 5px;
}
.ec-pageHeader #breadcrumb {
	margin-bottom: 60px;
}
/* tab */
.tab_content {
	display: none;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	/* layout */
	#main {
		width: 100%;
		margin-bottom: 40px;
		order: 0;
	}
	#sidebar {
		width: 100%;
	}
	/* mimg */
	#sub_mimg {
		height: 150px;
	}
	#sub_mimg .ttl {
		font-size: 28px;
padding-bottom: 50px;
width: 80%;
	}
	#sub_mimg .ttl span {
		font-size: 18px;
		margin-bottom: 10px;
	}
	/* breadcrumb */
	#breadcrumb {
		font-size: 13px;
		padding: 10px 0;
	}
	#breadcrumb a:after {
		font-size: 10px;
		margin: 0 3px;
	}
	.ec-pageHeader #breadcrumb {
		margin-bottom: 40px;
	}
}

/* SIDEBAR -------------------------------------------------------------------------*/

.side_title {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
	text-align: center;
	padding: 15px 20px;
	background: #515F4D;
}
.side_menu li {
	margin-top: 3px;
}
.side_menu li a {
	display: block;
	font-weight: 500;
	color: #000;
	padding: 15px 20px;
	background: rgba(160,153,114,0.12) url('../images/common/arrow_03.png') no-repeat right 15px center;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.side_title {
		font-size: 15px;
	}
}

/* REASON -------------------------------------------------------------------------*/

.reason_list li {
	padding: 50px;
	background: #fff;
	border: 3px solid #CFCBC6;
	border-radius: 10px;
	position: relative;
}
.reason_list li:nth-child(n+2) {
	margin-top: 40px;
}
.reason_list li:after {
	display: block;
	position: absolute;
	left: 12px;
	top: 12px;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(150,138,118,0.15);
	border-radius: 10px;
	z-index: -1;
}
.reason_list li .title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
.reason_list li .title .number {
	width: 100px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-right: 3%;
	padding: 5px 0;
	position: relative;
}
.reason_list li .title .number:before,
.reason_list li .title .number:after {
	display: block;
	position: absolute;
	left: 0;
	width: 6px;
	height: 50%;
	content: "";
}
.reason_list li .title .number:before {
	top: 0;
	background: #605543;
}
.reason_list li .title .number:after {
	top: 50%;
	background: #DED170;
}
.reason_list li .title .number span {
	display: block;
	font-size: 49px;
	line-height: 1;
}
.reason_list li .title .ttl {
	font-size: 30px;
	line-height: 1.5;
	color: #515F4D;
}
.reason_list li .box {
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	margin: 0 auto;
}
.reason_list li .box .inner {
	display: flex;
	justify-content: space-between;
	width: 48%;
	margin-right: 4%;
}
.reason_list li .box .inner.max {
	width: 100%;
	margin-right: 0;
}
.reason_list li .box .inner:nth-child(even) {
	margin-right: 0;
}
.reason_list li .box .inner:nth-child(n+3) {
	margin-top: 30px;
}
.reason_list li .box .inner .image {
	width: 25%;
}
.reason_list li .box .inner.max .image {
	width: 12%;
}
.reason_list li .box .inner .txt {
	width: 70%;
}
.reason_list li .box .inner.max .txt {
	width: 85.5%;
}
.reason_list li .box .inner .ttl {
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 5px;
}
.reason_list li .box .inner .ttl span {
}
.support_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 850px;
	margin: 0 auto;
}
.support_list li {
	width: 46%;
	padding-top: 40px;
	position: relative;
}
.support_list li:nth-child(n+3) {
	margin-top: 30px;
}
.support_list li .number {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	font-size: 14px;
	font-weight: 500;
	color: #515F4D;
	text-align: center;
	z-index: 1;
}
.support_list li .number span {
	display: block;
	font-size: 49px;
	line-height: 1;
}
.support_list li .inner {
	padding: 20px;
}
.support_list li .inner .ttl {
	font-size: 22px;
	color: #515F4D;
	margin-bottom: 10px;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.reason_list li {
		padding: 20px;
		border-width: 2px;
	}
	.reason_list li:nth-child(n+2) {
		margin-top: 25px;
	}
	.reason_list li .title .number {
		width: 80px;
		font-size: 12px;
		margin-right: 0;
	}
	.reason_list li .title .number span {
		font-size: 33px;
	}
	.reason_list li .title .ttl {
		width: calc(100% - 70px);
		font-size: 20px;
		line-height: 1.4;
	}
	.reason_list li .box {
		width: 100%;
	}
	.reason_list li .box .inner {
		flex-wrap: wrap;
		width: 100%;
		margin-right: 0;
	}
	.reason_list li .box .inner:nth-child(n+2) {
		margin-top: 20px;
	}
	.reason_list li .box .inner.max .image {
		width: 25%;
	}
	.reason_list li .box .inner.max .txt {
		width: 70%;
	}
	.reason_list li .box .inner .ttl {
		font-size: 16px;
		line-height: 1.4;
	}
	.support_list li {
		width: 100%;
		padding-top: 30px;
	}
	.support_list li:nth-child(n+2) {
		margin-top: 20px;
	}
	.support_list li .number {
		width: 70px;
		font-size: 12px;
	}
	.support_list li .number span {
		font-size: 33px;
	}
	.support_list li .inner {
		padding: 15px;
	}
	.support_list li .inner .ttl {
		font-size: 19px;
		margin-bottom: 5px;
	}
}

/* LIST -------------------------------------------------------------------------*/

.list_tab {
	display: flex;
	margin-bottom: 20px;
}
.list_tab li {
	position: relative;
}
.list_tab li:after {
	display: block;
	position: absolute;
	left: calc(50% - 4px);
	top: 100%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 4px 0 4px;
	border-color: #605543 transparent transparent transparent;
}
.list_tab li.active:after {
	border-color: #FF9E3C transparent transparent transparent;
}
.list_tab li a {
	display: block;
	font-weight: 700;
	color: #605543;
	padding: .3rem 1rem;
	border: 1px solid #605543;
}
.list_tab li:nth-child(n+2) a {
	border-left: none;
}
.list_tab li.active a {
	color: #fff;
	background: #FF9E3C;
	border-color: #FF9E3C;
}
.list_content {
	margin-bottom: 40px;
}
.list_txt {
	text-align: center;
}
.set_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	color: #000;
}
.set_box .slider {
	width: 48%;
}
.set_box .slider .set_slider {
	margin-bottom: 15px;
	border: 1px solid #B3B3B3;
}
.set_box .slider .set_thumb li {
	padding: 0 1%;
}
.set_box .slider .set_thumb li img {
	border: 1px solid #B3B3B3;
}
.set_box .inner {
	width: 48%;
}
.set_box .inner .title {
	font-size: 16px;
	margin-bottom: 10px;
}
.set_box .inner .title span {
	display: inline-block;
	width: 100px;
	font-weight: 600;
	padding-left: 13px;
	position: relative;
}
.set_box .inner .title span:before {
	display: block;
	position: absolute;
	left: 0;
	top: 18%;
	content: "";
	width: 3px;
	height: 64%;
	background: #FBB03B;
}
.set_box .inner .number {
	margin-bottom: 20px;
}
.set_box .inner .size li {
	padding-left: 1rem;
	position: relative;
}
.set_box .inner .size li:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "▼";
}
.set_box .inner .txt {
	margin-bottom: 20px;
}
.set_box .inner .select {
	margin: 40px 0 20px;
}
.set_box .inner .select .ttl {
	font-size: 16px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	padding: 15px;
	background: #515F4D;
}
.set_box .inner .select .price {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px;
	background: rgba(160,153,114,0.12);
}
.set_box .inner .select .price p {
	font-size: 19px;
	font-weight: 600;
	margin-right: 3%;
}
.set_box .inner .select .choice select {
	width: 180px;
	font-size: 16px;
	padding: 15px;
	background: #fff;
	border: none;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}
.set_box .inner .select .choice select::-ms-expand {
	display: none;
}
.set_box .inner .attn {
	font-size: 14px;
}
hr.bd {
	margin: 40px 0;
	border-color: #B3B3B3;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.set_box .slider {
		width: 100%;
		margin-bottom: 30px;
	}
	.set_box .inner {
		width: 100%;
	}
	.set_box .inner .title {
		font-size: 15px;
	}
	.set_box .inner .select {
		margin: 30px 0 15px;
	}
	.set_box .inner .select .ttl {
		font-size: 15px;
	}
	.set_box .inner .select .price {
		padding: 15px;
	}
	.set_box .inner .select .price p {
		font-size: 15px;
	}
	.set_box .inner .select .choice select {
		width: 150px;
		font-size: 14px;
		padding: 15px 10px;
	}
	.set_box .inner .attn {
		font-size: 13px;
	}
	hr.bd {
		margin: 30px 0;
	}
}

/* DETAIL -------------------------------------------------------------------------*/

.set_list {
	display: flex;
	flex-wrap: wrap;
}
.set_list .box {
	width: 31%;
	margin-right: 3.5%;
}
.set_list .box:nth-child(3n) {
	margin-right: 0;
}
.set_list .box:nth-child(n+4) {
	margin-top: 30px;
}
.set_list .box a {
	display: block;
	color: #000;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
	overflow: hidden;
}
.set_list .box a:hover {
	opacity: 0.7;
}
.set_list .box .inner {
	padding: 20px;
}
.set_list .box .inner .txt {
	font-size: 16px;
	margin-bottom: 10px;
}
.set_list .box .inner .price {
	font-size: 13px;
	color: #808080;
	text-align: right;
}
.set_list .box .inner .price span {
	font-size: 16px;
	font-weight: 600;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.set_list .box {
		width: 48%;
		margin-right: 4%;
	}
	.set_list .box:nth-child(3n) {
		margin-right: 4%;
	}
	.set_list .box:nth-child(even) {
		margin-right: 0;
	}
	.set_list .box:nth-child(n+3) {
		margin-top: 20px;
	}
	.set_list .box a {
		box-shadow: 0 0 6px rgba(0,0,0,0.1);
	}
	.set_list .box .inner {
		padding: 10px;
	}
	.set_list .box .inner .txt {
		font-size: 14px;
		margin-bottom: 5px;
	}
	.set_list .box .inner .price {
		font-size: 11px;
	}
	.set_list .box .inner .price span {
		font-size: 14px;
	}
}



/* GUIDE -------------------------------------------------------------------------*/

.guide_list li {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 40px 50px;
	background: #fff;
	border: 3px solid #CFCBC6;
	border-radius: 10px;
	position: relative;
}
.guide_list li:nth-child(n+2) {
	margin-top: 40px;
}
.guide_list li:after {
	display: block;
	position: absolute;
	left: 12px;
	top: 12px;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(150,138,118,0.15);
	border-radius: 10px;
	z-index: -1;
}
.guide_list li .number {
	width: 10%;
	min-width: 100px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding: 5px 0;
	position: relative;
}
.guide_list li .number:before,
.guide_list li .number:after {
	display: block;
	position: absolute;
	left: 0;
	width: 6px;
	height: 50%;
	content: "";
}
.guide_list li .number:before {
	top: 0;
	background: #605543;
}
.guide_list li .number:after {
	top: 50%;
	background: #DED170;
}
.guide_list li .number span {
	display: block;
	font-size: 49px;
	line-height: 1;
}
.guide_list li .image {
	width: 8%;
	margin-top: 10px;
}
.guide_list li .inner {
	width: 77%;
	margin-top: 10px;
}
.guide_list li .inner .ttl {
	font-size: 30px;
	line-height: 1.5;
	color: #515F4D;
	margin-bottom: 15px;
}
.guide_list li .inner .btn {
	text-align: right;
	margin-top: 10px;
}
.guide_list li .inner .btn a {
	color: #515F4D;
	padding: 5px 15px 5px 0;
	background: url('../images/common/arrow_01_gn.png') no-repeat right 60%;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.guide_list li {
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		padding: 20px;
	}
	.guide_list li:nth-child(n+2) {
		margin-top: 30px;
	}
	.guide_list li .number {
		width: 70px;
		min-width: 70px;
		font-size: 12px;
		margin-right: 0;
	}
	.guide_list li .number span {
		font-size: 33px;
	}
	.guide_list li .image {
		width: 15%;
		margin-top: 0;
	}
	.guide_list li .inner {
		width: 100%;
		margin-top: 20px;
	}
	.guide_list li .inner .ttl {
		font-size: 20px;
		line-height: 1.4;
	}
}

/* PAYMENT -------------------------------------------------------------------------*/

.payment_title {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.payment_title .number {
	width: 100px;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	margin-right: 3%;
	padding: 5px 0;
	position: relative;
}
.payment_title .number:before,
.payment_title .number:after {
	display: block;
	position: absolute;
	left: 0;
	width: 6px;
	height: 50%;
	content: "";
}
.payment_title .number:before {
	top: 0;
	background: #605543;
}
.payment_title .number:after {
	top: 50%;
	background: #DED170;
}
.payment_title .number span {
	display: block;
	font-size: 49px;
	line-height: 1;
}
.payment_title .ttl {
	font-size: 30px;
	line-height: 1.5;
	color: #515F4D;
}
.postage_box {
	margin-left: 50px;
}
.postage_box .ttl {
	font-size: 23px;
	font-weight: 600;
	margin-bottom: 20px;
}
.area_list {
	margin-left: 50px;
}
.area_list li:nth-child(n+2) {
	margin-top: 25px;
}
.area_list li .ttl {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
}
.payment_box {
	margin-left: 50px;
}
.payment_box .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.payment_box .box .inner {
	width: 48%;
}
.payment_box .box .inner h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}
.payment_box .box .inner h4:before,
.payment_box .box .inner h4:after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	height: 2px;
}
.payment_box .box .inner h4:before {
	width: 100%;
	background: #DED170;
}
.payment_box .box .inner h4:after {
	width: 30px;
	background: #605543;
}
.payment_box .box .inner .image {
	max-width: 350px;
	margin-bottom: 15px;
}
.payment_box .box .inner .bank {
	font-size: 18px;
	font-weight: 600;
	margin: 15px 0;
	padding: 10px 25px;
	background: rgba(81,95,77,0.1);
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.payment_title {
		margin-bottom: 20px;
	}
	.payment_title .number {
		width: 80px;
		font-size: 12px;
		margin-right: 0;
	}
	.payment_title .number span {
		font-size: 33px;
	}
	.payment_title .ttl {
		width: calc(100% - 80px);
		font-size: 20px;
		line-height: 1.4;
	}
	.postage_box {
		margin-left: 0;
	}
	.postage_box .ttl {
		font-size: 18px;
		margin-bottom: 15px;
	}
	.area_list {
		margin-left: 0;
	}
	.area_list li:nth-child(n+2) {
		margin-top: 20px;
	}
	.payment_box {
		margin-left: 0;
	}
	.payment_box .box .inner {
		width: 100%;
	}
	.payment_box .box .inner:nth-child(n+2) {
		margin-top: 30px;
	}
	.payment_box .box .inner .bank {
		font-size: 16px;
		padding: 10px 20px;
	}
}

/* FAQ -------------------------------------------------------------------------*/

.faq_list li {
	padding: 30px 50px;
	background: #fff;
	border: 3px solid #CFCBC6;
	border-radius: 10px;
	position: relative;
}
.faq_list li:nth-child(n+2) {
	margin-top: 40px;
}
.faq_list li:after {
	display: block;
	position: absolute;
	left: 12px;
	top: 12px;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(150,138,118,0.15);
	border-radius: 10px;
	z-index: -1;
}
.faq_list li .q {
	font-size: 23px;
	font-weight: 600;
	line-height: 1.5;
	color: #515F4D;
	margin-bottom: 20px;
	padding-left: 55px;
	position: relative;
}
.faq_list li .q span {
	position: absolute;
	left: 0;
	top: 0;
	width: 40px;
	color: #fff;
	text-align: center;
	padding: 2px 0;
	background: #515F4D;
}
.faq_list li .a {
	margin-left: 55px;
	padding-left: 30px;
	position: relative;
}
.faq_list li .a span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 17px;
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	.faq_list li {
		padding: 20px;
	}
	.faq_list li:nth-child(n+2) {
		margin-top: 30px;
	}
	.faq_list li .q {
		font-size: 18px;
		margin-bottom: 15px;
		padding-left: 40px;
	}
	.faq_list li .q span {
		width: 30px;
	}
	.faq_list li .a {
		margin-left: 15px;
		padding-left: 25px;
	}
	.faq_list li .a span {
		font-size: 16px;
	}
}

/* NEWS -------------------------------------------------------------------------*/

.news_list {
	padding: 8px 0;
	border-bottom: 3px solid #CFCBC6;
}
.news_list .news_date {
	margin-right: 16px;
}
.news_list .news_title {
	font-weight: 700;
}
.news_detail_date {
	text-align: right;
}
.news_detail_title {
	padding: 10px;
	border-bottom: 3px solid #CFCBC6;
}

/* CART -------------------------------------------------------------------------*/
#cart {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 300px;
	background: #fff;
	box-shadow: 0 0 4px #ccc;
	z-index: 999;
}
#cart .ttl {
	font-size: 17px;
	color: #fff;
	text-align: center;
	padding: 1rem 2rem 1rem .5rem;
	background: #4D4D4D;
	position: relative;
	cursor: pointer;
}
#cart .ttl:after {
	position: absolute;
	right: 1rem;
	top: calc(50% - 55%);
	content: "-";
	font-size: 30px;
	transition: 0.5s;
}
#cart .ttl.active:after {
	top: calc(50% - 38%);
	content: "+";
	font-size: 24px;
}
#cart .inner {
	padding: 1.5rem;
}
#cart .inner .total {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}
#cart .inner .total span {
	display: inline-block;
	min-width: 100px;
	font-size: 26px;
	line-height: 1;
}
#cart .inner .price {
	font-size: 14px;
	color: #4D4D4D;
	text-align: center;
}
#cart .inner .price span {
	display: inline-block;
	min-width: 100px;
	margin-left: 55px;
}
#cart .inner .btn_cart {
	margin: .8rem 0;
}
#cart .inner .btn_cart a {
	display: block;
	font-size: 14px;
	color: #fff;
	text-align: center;
	padding: 1rem .5rem;
	background: #FFAA65;
}
#cart .inner .btn_cart a:hover {
	background: #E66700;
}
#cart .inner .btn_cart a:before {
	display: inline-block;
	width: 17px;
	height: 19px;
	content: "";
	vertical-align: middle;
	margin-right: .5rem;
	background: url('../images/common/cart_wh.png') no-repeat center top;
	background-size: 100% auto;
}
#cart .inner .attn {
	font-size: 14px;
	color: #4D4D4D;
}

/* カート -------------------------------------------------------------------------*/
.shipping_title{
    margin: 10px;
    top: 10px;
    display: inline-block;
}

.ec-cartRole .ec-cartRole__cart{
    margin: 10px 0px;
}


/* ご利用規約 -------------------------------------------------------------------------*/

.M004 h3 {
    margin: 20px 0 10px;
    text-align: center;
    font-size: 138.5%
}

.M004 .ruleCheck {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: 1pc
}

.M004 .M004Inner {
    overflow-y: scroll;
    width: auto;
    height: 300px;
    border: 1px solid #d3ccc3;
    margin: 0 auto;
    background-color: #fff
}

.M004 .M004Inner .rule {
    padding: 20px;
    line-height: 1.35
}

.M004 .M004Inner .rule dt {
    margin-top: 15px
}

.M004 .M004Inner .rule dt:first-child {
    margin-top: 0
}

.M004 .M004Inner .rule dd {
    margin-top: 5px;
    margin-left: .7em
}

.M004 .M004Inner .rule dd ol, .M004 .M004Inner .rule dd ul {
    position: relative;
    padding-left: 2.5em;
    margin-top: 5px
}

.M004 .M004Inner .rule dd ol li:before, .M004 .M004Inner .rule dd ul li:before {
    position: absolute;
    left: 0
}

.M004 .M004Inner .rule dd > ol > li {
    margin-bottom: 5px;
    list-style-type: none;
    list-style-position: inside;
    counter-increment: a
}

.M004 .M004Inner .rule dd > ol > li:before {
    display: marker;
    content: "（" counter(a) "）"
}

.M004 .M004Inner .rule dd > ol > li > ol {
    padding-left: 1.5em
}

.M004 .M004Inner .rule dd ul {
    padding-left: 1em
}

.M004 .M004Inner .rule dd ul > li:before {
    content: "・"
}

.M004 .M004Inner .rule dd > ol > li > ol > li {
    list-style-type: none;
    list-style-position: inside;
    counter-increment: b
}

.M004 .M004Inner .rule dd > ol > li > ol > li:before {
    display: marker;
    content: counter(b) "."
}

@media screen and (min-width: 767px) {

	/* ご注文手続き -------------------------------------------------------------------------*/

	.M004 .contactInner dl, .M005 .contactInner dl, .N001 .contactInner dl, .P001 .contactInner dl, .Q001 .contactInner dl {
		overflow: hidden;
		padding: 13px 0
	}

	.M004 .contactInner dl dd, .M004 .contactInner dl dt, .M005 .contactInner dl dd, .M005 .contactInner dl dt, .N001 .contactInner dl dd, .N001 .contactInner dl dt, .P001 .contactInner dl dd, .P001 .contactInner dl dt, .Q001 .contactInner dl dd, .Q001 .contactInner dl dt {
		display: inline-block;
		float: left
	}

	.M004 .contactInner dl dt .required, .M005 .contactInner dl dt .required, .N001 .contactInner dl dt .required, .P001 .contactInner dl dt .required, .Q001 .contactInner dl dt .required {
		display: inline-block;
		margin: 0 0 0 10px;
		font-size: 70%;
		width: 2pc;
		height: 18px;
		color: #fff;
		text-align: center;
		line-height: 18px;
		background: #cf0707;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px
	}

	.M004 .contactInner dl dd + dd, .M005 .contactInner dl dd + dd, .N001 .contactInner dl dd + dd, .P001 .contactInner dl dd + dd, .Q001 .contactInner dl dd + dd {
		margin-top: 25px
	}

	.M004 .contactInner dl dd + dd.noMargin, .M005 .contactInner dl dd + dd.noMargin {
		margin-top: 0
	}

	.M004 .contactInner dl dd + dd p, .M005 .contactInner dl dd + dd p, .N001 .contactInner dl dd + dd p, .P001 .contactInner dl dd + dd p, .Q001 .contactInner dl dd + dd p {
		margin-bottom: 5px;
		font-size: 108%;
		line-height: 1.857;
		color: #565656
	}

	.M004 dd input[type="number"], .M004 dd input[type="password"], .M004 dd input[type="text"], .M004 dd input[type="tel"], .M005 dd input[type="number"], .M005 dd input[type="password"], .M005 dd input[type="text"] {
		padding: 9pt 5px;
		border: 1px solid #dcdcdc;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px
	}

	.M004 dd input[readonly] {
		background-color: #eeeeee;
		opacity: 1;
	}

	.M004 dd a.btnZip, .M004 dd input[type="button"], .M005 dd a.btnZip, .M005 dd input[type="button"] {
		padding: 9pt 34px 9pt 54px;
		margin-left: 15px;
		background: #ffaa65 url(../img/cart/arrow001.html) no-repeat 35px center;
		background-size: 8px 13px;
		border: 0;
		font-size: 116%;
		color: #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px
	}

	.M004 dd a.btnZip, .M005 dd a.btnZip {
		display: inline-block
	}

	.M004 dd input[type="button"]:hover, .M005 dd input[type="button"]:hover {
		cursor: pointer
	}

	.M004 dd input[type="password"], .M004 dd input[type="text"], .M005 dd input[type="password"], .M005 dd input[type="text"] {
		width: 447px
	}

	.M004 dd input[type="number"], .M004 dd input[type="text"].w248px, .M005 dd input[type="number"], .M005 dd input[type="text"].w248px {
		width: 248px
	}

	.M004 dd input[type="text"].w100, .M004 dd textarea.w100 .M005 dd input[type="text"].w100, .M005 dd textarea.w100 {
		width: 98.5%
	}

	.M004 dd input.w124px, .M005 dd input.w124px {
		width: 93pt
	}

	.M004 dd input[type="text"].datepicker, .M005 dd input[type="text"].datepicker {
		background: #fff url(../img/cart/datepicker.html) no-repeat 95% center;
		padding-right: 35px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}

	.M004 dd .blockInline, .M005 dd .blockInline {
		display: inline-block;
		padding-right: 5px
	}

	.M004 .contactInner dl dt, .M005 .contactInner dl dt {
		width: 250px;
		color: #3c1f09;
		line-height: 1.625;
		font-size: 123.1%;
		vertical-align: top;
		margin: 8px 0;
		padding-right: 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box
	}

	.M004 .contactInner dl dd, .M005 .contactInner dl dd {
		width: 830px;
		position: relative;
		margin-bottom: 8px;
	}

	.M004 .contactInner dl dd + dd, .M005 .contactInner dl dd + dd {
		/*float: right*/
	}

	.M004 .contactInner dl dd.defo, .M004 .contactInner dl dd.middle, .M005 .contactInner dl dd.defo, .M005 .contactInner dl dd.middle {
		font-size: 138.5%;
		color: #3c1f09;
		line-height: 26px;
		margin: 8px 0
	}

	.M004 .contactInner dl dd label, .M005 .contactInner dl dd label {
		font-size: 85%;
		margin-right: 15px
	}

	.M004 .contactInner dl dd.middle label, .M005 .contactInner dl dd.middle label {
		line-height: 52px
	}

	.M004 .contactInner dl dd.payment, .M005 .contactInner dl dd.payment {
		margin: 15px 0
	}

	.M004 .contactInner dl dd.payment label, .M005 .contactInner dl dd.payment label {
		display: block;
		margin-bottom: 10px;
		color: #3c1f09;
		font-size: 138.5%;
		line-height: 1.444
	}

	.M004 .contactInner dl dd.payment > dl, .M005 .contactInner dl dd.payment > dl {
		border: 1px solid #dcdcdc;
		margin-top: 10px;
		padding: 20px
	}

	.M004 .contactInner dl dd.payment > dl dd, .M004 .contactInner dl dd.payment > dl dt, .M005 .contactInner dl dd.payment > dl dd, .M005 .contactInner dl dd.payment > dl dt {
		margin: 0;
		padding: 0;
		font-size: 108%;
		color: #565656;
		line-height: 1.857
	}

	.M004 .contactInner dl dd.middle label input, .M005 .contactInner dl dd.middle label input {
		margin-bottom: 3px
	}

	.M004 .prefecture, .M005 .prefecture {
padding: 3px;
    margin: 5px;
    font-size: 138.5%;
    color: #3c1f09;
    line-height: 1.444;
	}

	.M004 .contactInner dl dd .prefecture + p, .M005 .contactInner dl dd .prefecture + p {
		margin-bottom: 5px;
		font-size: 108%;
		line-height: 1.857;
		color: #565656
	}

	.M004 .contactInner dl dd .prefecture + p.ec-errorMessage {
		color: #DE5D50;
	}

	.error p.ec-errorMessage {
		color: #DE5D50;
	}

	.error input {
		background: #FDF1F0;
	}

	/* 商品一覧 -------------------------------------------------------------------------*/


    .T001 .blogBox.sp {
        display: none
    }

    .T001 .blogBox {
        margin-bottom: 20px;
        background: #fff;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        box-sizing: border-box
    }

    .T001 .blogBox.noPosts {
        padding: 50px 0;
        text-align: center
    }

    .T001 .blogBox a {
        overflow: hidden;
        display: block;
        padding: 25px 30px
    }

    .T001 .blogBox a:hover {
        filter: alpha(opacity=70);
        opacity: .7;
        -ms-filter: "alpha(opacity=70)";
        -moz-opacity: .7;
        -khtml-opacity: .7
    }

    .T001 .blogBox img {
        float: left;
        margin-right: 30px
    }

    .T001 .blogBox h3 {
        font-size: 153.9%;
        color: #ffaa65;
        line-height: 1.6
    }

    .T001 .blogBox p {
        font-size: 108%;
        color: #565656;
        line-height: 1.714;
        overflow: hidden
    }

    .T001 .blogBox a span {
        display: inline-block;
        color: #e87d3b;
        line-height: 1.2;
        border-bottom: 1px solid #e87d3b
    }

    .T001 .blogBox a:hover span {
        border-bottom: 0
    }

	.rental_products_box {
		margin-bottom: 40px;
	}
	.orange_ttl {
		font-size: 24px;
		margin-bottom: 20px;
		padding: 10px 30px;
	}
	.T001.list {
		display: flex;
		flex-wrap: wrap;
	}
	.T001.list .blogBox time {
		display: block;
		margin-bottom: 10px;
	}
	.T001.list .blogBox {
		width: 32%;
		margin-right: 1%;
		background: #f7f7f7;
		border: 1px solid #eeeeee;
		border-radius: 4%;
	}
	.T001.list .blogBox a {
		height: 100%;
		box-sizing: border-box;
		padding: 8px;
	}
	.T001.list .blogBox:nth-child(3n) {
		margin-right: 0;
	}
	.T001.list .blogBox h3 {
		margin-bottom: 15px;
		font-size: 14px;
	}
	.T001.list .blogBox img {
		width: 100%;
		display: block;
		margin-right: 0;
		float: none;
		margin-bottom: 15px;
	}
	.T001.list .more_link {
		background: #ffaa65;
		text-align: center;
		color: #fff !important;
		border-radius: 50px;
		padding: 5px;
	}
	.T001.list .blogBox .price {
		text-align: right;
	}
}

/* ***** スマホ **** */
@media only screen and ( max-width : 768px ) {
	.T001 .blogBox.pc {
			display: none
	}

	.T001 .blogBox {
			overflow: hidden;
			border-bottom: 1px solid #ffaa65;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			-ms-box-sizing: border-box;
			-o-box-sizing: border-box;
			box-sizing: border-box
	}

	.T001 .blogBox a.first {
			padding: 0 40px 25px 20px
	}

	.T001 .blogBox a {
			overflow: hidden;
			display: block;
			padding: 25px 50px 25px 20px;
			background: url(../images/common/green_arrow.png)no-repeat right 20px center;
			background-size: 9px 15px
	}

	.T001 .blogBox a .autoImageHoverWrap {
			display: inline!important;
			float: none!important
	}

	.T001 .blogBox img {
			width: 35%;
			float: left;
			margin-right: 15px
	}

	.T001 .blogBox h3 {
			font-size: 100%;
			color: #3c1f09;
			line-height: 1.3
	}

	/* ***** スマホ追加 **** */

	.orange_ttl {
		font-size: 18px;
		margin-bottom: 20px;
		padding: 10px 20px;
	}
	.T001.list .more_link {
		display: none;
	}
	.T001.list .blogBox a {
		position: relative;
		min-height: 80px;
	}
	.T001.list .blogBox time,.T001.list .blogBox h3,.T001.list .blogBox .price {
		display: block;
		padding-left: 100px;
	}
	.T001.list .blogBox time {
		margin-bottom: 5px;
	}
	.T001.list .blogBox img {
		position: absolute;
		left: 25px;
		top: 25px;
		width: 80px;
	}
	.T001.list .blogBox .price {
		margin-top: 10px;
		color: #111;
	}
}

/* ***** スマホ **** */
@media only screen and (max-width: 767px) {
	/* cart */
	#cart {
		right: 0;
		top: auto;
		bottom: 0;
		width: 100%;
		box-shadow: none;
	}
	#cart .ttl {
		font-size: calc(100vw / 24);
	}
	#cart .inner .total {
		font-size: calc(100vw / 27);
	}
	#cart .inner .total span {
		min-width: 40%;
		font-size: calc(100vw / 16);
	}
	#cart .inner .price {
		font-size: calc(100vw / 30);
	}
	#cart .inner .price span {
		min-width: 40%;
		margin-left: 14%;
	}
	#cart .inner .btn a {
		font-size: calc(100vw / 30);
	}
}


	/* 特定商取引法 -------------------------------------------------------------------------*/

.conteMain {
        width: 100%;
    float: left;
}

.guide_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}
.guide_box .inner {

}
.O001 dl {
    border-top: 1px solid #d3ccc3;
    padding: 35px 0;
    width: 100%;
}


.O001 dl dt {
    width: 270px;
    font-size: 108%;
    font-weight: 700;
    color: #3c1f09;
    line-height: 1.857;
}

.O001 dl dd {
 /*    width: 520px; */
}

@media screen and (min-width: 767px) {
	.O001 dl dd, .O001 dl dt {
			display: inline-block;
			float: left;
	}
	.O001 dl dd {
			font-size: 108%;
			color: #565656;
			line-height: 1.714;
	}
.O001 dl dd{
    width: 100%;
}

}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.clearfix {
    display: block;
}

.clearfix {
    display: inline-block;
    min-height: 1%;
}