@charset "UTF-8";

header {
	margin-top: 20px;
}
footer {
	margin-bottom: 20px;
}

/* トップページ */
.main-wrapper {
	width: 1000px;
	margin: 0 auto;
}

.main-wrapper .r-leftnav {
	-webkit-flex-basis: 200px;
	-ms-flex-basis: 200px;
	flex-basis: 200px;
	margin-right: 20px;
	margin-left: 0;
}
.main-wrapper .r-topcontent {
	-webkit-flex-basis: 770px;
	-ms-flex-basis: 770px;
	flex-basis: 770px;
}
.r-leftnav .full-width.heading:first-child {
	margin-top: 0;
}

/* トップページフッター */
.r-footer .footer-content {
	margin: 5px auto 25px;
}
.r-footer .footer-content .title {
	font-size: 20px;
	border-bottom: 1px solid #dddddd;
	text-align: center;
	color: #333745;
}
.footer-content .container-flex {
	-webkit-justify-content: start;
	-ms-justify-content: start;
	justify-content: start;
}
.footer-content .container-flex div.s-items div:first-child {
	font-weight: bold;
	font-size: 16px;
	margin-top: 10px;
	color: #666666;
}
.footer-content .container-flex .s-items p {
	margin-top: 10px;
}
.footer-content .container-flex div.creditcard {
	-ms-flex-basis: 270px;
	-webkit-flex-basis: 270px;
	flex-basis: 270px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
.footer-content .container-flex div.cashondelivery {
	-ms-flex-basis: 280px;
	-webkit-flex-basis: 280px;
	flex-basis: 280px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
.footer-content .container-flex div.convenience {
	-ms-flex-basis: 320px;
	-webkit-flex-basis: 320px;
	flex-basis: 320px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
.footer-content .container-flex div.delivery {
	-ms-flex-basis: 460px;
	-webkit-flex-basis: 460px;
	flex-basis: 460px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}
.footer-content .container-flex div.career {
	-ms-flex-basis: 460px;
	-webkit-flex-basis: 460px;
	flex-basis: 460px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 30px;
	overflow: hidden;
}

/* wowma専用 */
.wowma .footer-content .container-flex div.creditcard {
	-ms-flex-basis: calc(50% - 40px);
	-webkit-flex-basis: calc(50% - 40px);
	flex-basis: calc(50% - 40px);
}
.wowma .footer-content .container-flex div.cashondelivery {
	-ms-flex-basis: calc(50% - 40px);
	-webkit-flex-basis: calc(50% - 40px);
	flex-basis: calc(50% - 40px);
}
.wowma .footer-content .container-flex div.convenience {
	-ms-flex-basis: calc(50% - 40px);
	-webkit-flex-basis: calc(50% - 40px);
	flex-basis: calc(50% - 40px);
}
.wowma .footer-content .container-flex div.career {
	-ms-flex-basis: calc(50% - 40px);
	-webkit-flex-basis: calc(50% - 40px);
	flex-basis: calc(50% - 40px);
}

.footer-content .container-flex div.timeaccuracy {
	-ms-flex-basis: 460px;
	-webkit-flex-basis: 460px;
	flex-basis: 460px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	overflow: hidden;
}
.footer-content .container-flex div.asuraku {
	-ms-flex-basis: 960px;
	-webkit-flex-basis: 960px;
	flex-basis: 960px;
	margin-left: 20px;
	margin-right: 20px;
	overflow: hidden;
}
.footer-content .container-flex div.shippingfee {
	-ms-flex-basis: 960px;
	-webkit-flex-basis: 960px;
	flex-basis: 960px;
	margin-left: 20px;
	margin-right: 20px;
	overflow: hidden;
}

/* ヘッダーバナー */
.container-flex.flex-start {
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
}
.flex_items-half {
	-ms-flex-basis: calc(50% - 6px);
	-webkit-flex-basis: calc(50% - 6px);
	flex-basis: calc(50% - 6px);
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 6px;
	overflow: hidden;
	display: block;
}
.flex_items-half img {
	width: 100%;
	height: auto;
}
