@charset "utf-8";

/* ============================================================
	imini "ログイン後ページ 上書き用" Layout CSS
	Last UPDATA: 2023/2/20
============================================================ */
/* reset */
.wrapper {
	padding-top: 0;
}
@media screen and (min-width: 769px){
	input[type="text"].pc-search-keyword {
		padding: 0;
	}
	input[type="text"].pc-search-keyword:hover {
		border: none;
	}
	input[type="text"].pc-search-keyword::placeholder {
		font-size: 0;
	}
}

.page-method,
.page-estimate {
	width: 100%;
	margin: 0 auto;
}

.pane-contents {
	min-height: auto;
}

@media screen and (min-width: 769px){
	.pane-order-contents {
		border: none;
		min-height: auto;
	}
}

.container {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}

h2 {
	padding: 0;
	background-color: inherit;
}

.nav-content-main-label {
	padding-left: calc(75 / 750 * 100vw);
}

/* ========================================
	method
======================================== */
#body .block-order-method {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-order-method {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

.block-order-method h1 {
	margin: 0;
	padding: calc(10 / 750 * 100vw) 0 0;
	font-size: 16px;
	text-align: center;
}

@media screen and (min-width: 769px){
	.block-order-method--contents {
		width: calc(100% - 295px);
		margin-bottom: 40px;
	}
}

.block-order-method--orderer {
	margin: calc(46 / 750 * 100vw) 0 0;
}

.block-order-method--dest,
.block-order-method--goods,
#method_date.block-order-method--delivery-datetime,
.block-order-method--payment {
	margin: calc(56 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-order-method--dest,
	.block-order-method--goods,
	#method_date.block-order-method--spec,
	.block-order-method--payment {
		margin: 35px 0 0;
	}
}

.block-order-method--orderer-detail,
.block-order-method--dest-content,
.block-order-method--goods-content,
.block-order-method--delivery-datetime-content,
.block-order-method--payment-content {
	border: 1px solid #e5e5e5;
	margin: 8px 0 0;
}

@media screen and (min-width: 769px){
	.block-order-method--spec-content, .block-order-method--payment-content, .block-order-method--regular-content, #method_date.block-order-method--spec-content, .block-order-method--goods-content, .block-order-method--dest-content, .block-order-method--host-content, .block-order-method--host-confirmation {
		border: 1px solid #e5e5e5;
		padding: 20px;
		margin: 15px 0 0;
	}
	.block-order-method--host-confirmation {
		margin: 0;
	}
}

/* お客様情報 */
.block-order-method--orderer-detail {
	padding: 10px 15px;
}

.block-order-method--orderer-name {
	padding: 0;
	font-weight: normal;
}

.block-order-method h2 {
	margin: 0;
	font-size: 16px;
}
@media screen and (min-width: 769px){
	.block-order-method h2 {
		margin: 0;
		color: #000000;
		font-size: 20px;
	}
	
	.block-order-method h3 {
		margin: 0;
		color: #000000;
		font-size: 16px;
	}
}

@media screen and (min-width: 769px){
	.block-order-method--host-title-confirmation p,
	.block-order-method--host-title-confirmation address {
		margin: 0;
		font-size: 14px;
		line-height: 1.72;
	}
	.block-order-method--host-title-confirmation .block-order-method--host-item-name {
		margin: 5px 0 0;
		font-weight: normal;
	}
}

.block-order-method--dest-item-title {
	padding-bottom: 0;
}

/* お届け先 */
.block-order-method input[type="radio"] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 10px;
}

.block-order-method input[type="radio"] + label {
	vertical-align: middle;
}

.block-order-method--dest-item-nickname {
	font-weight: bold;
	vertical-align: middle;
}
@media screen and (min-width: 769px){
	.block-order-method--dest-item-nickname {
		font-size: 16px;
	}
}

.block-order-method--dest-item-title + address {
	padding-left: 30px;
}
@media screen and (min-width: 769px){
	.block-order-method--dest-item-title + address {
		margin: 0;
		font-size: 14px;
		line-height: 1.72;
		float: none;
	}
}

.block-order-method--dest-item, .block-order-method--dest-add {
	background: #ffffff;
	border: none;
	border-top: solid 1px #e5e5e5;
	margin: 0 15px 10px;
	padding: 10px 0 0;
}
.block-order-method--dest-item:first-child {
	border-top: none;
}
@media screen and (min-width: 769px){
	.block-order-method--dest-item, .block-order-method--dest-add {
		margin: 0 0 15px;
		padding: 20px 0 0;
	}
	.block-order-method--dest-item:first-child {
		padding-top: 0;
	}
}

.block-order-method--dest-edit {
	margin: 15px 0 5px;
}

.block-order-method--dest-add {
	border-bottom: none;
	margin: 0 15px 15px;
	padding: 15px 0 0;
}
@media screen and (min-width: 769px){
	.block-order-method--dest-add {
		margin: 0 0 5px;
		padding: 15px 0 0;
	}
}

.page-method .btn {
	width: auto;
	height: 33px;
	color: #000000;
	border: 1px solid #333333;
	border-radius: 33px;
	background-color: #ffffff;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 4px 20px;
}
.page-method .btn-default:hover {
	color: #ffffff;
	border: 1px solid #333333;
	background-color: #333333;
}
@media screen and (min-width: 769px){
	.page-method .btn {
		width: auto;
		height: 35px;
		border-radius: 35px;
		font-size: 14px;
		padding: 4px 20px;
	}
}

/* ご注文商品 */
.block-order-method--goods-list li {
	border: none;
	border-top: solid 1px #e5e5e5;
	margin: 0 15px 15px;
	padding: 15px 0 0;
}
@media screen and (min-width: 769px){
	.block-order-method--goods-list li {
		margin: 0 0 15px;
		padding: 15px 0 0;
	}
}

.block-order-method--goods-list li:first-child {
	border-top: none;
}
@media screen and (min-width: 769px){
	.block-order-method--goods-list li:first-child {
		padding: 0;
	}
	.block-order-method--goods-list li:last-child {
		margin: 0;
	}
}

.block-order-method--goods-item-image {
	width: calc(240 / 750 * 100vw);
	display: table-cell;
	vertical-align: top;
}
@media screen and (min-width: 769px){
	.block-order-method--goods-item-image {
		width: 200px;
		height: 200px;
		background: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 15px 0 0;
	}
}

.block-order-method--goods-item-image figure {
	width: 100%;
	height: auto;
	background: #ffffff;
}

.block-order-method--goods-info {
	padding-left: 15px;
}

@media screen and (min-width: 769px){
	.block-order-method .block-icon {
		margin: -6px 0 0;
	}
}

.page-method .block-icon span {
	height: calc(35 / 750 * 100vw);
	max-height: 20px;
	margin: 6px 6px 0 0;
}
@media screen and (min-width: 769px){
	.page-method .block-order-method .block-icon span {
		height: 17px;
		margin: 6px 6px 0 0;
	}
}

.page-method .block-icon img {
	width: auto;
	height: calc(35 / 750 * 100vw);
	max-height: 20px;
}

.block-order-method--goods-name {
	margin-top: calc(12 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-order-method--goods-item-name, .block-order-method--goods-item-set-name {
		margin-top: 12px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}
}

/* お届け日時指定 */
.block-order-method--date-spec, .block-order-method--time-spec {
	background: #ffffff;
	border-bottom: solid 1px #e5e5e5;
	margin: 10px 15px 0;
	padding: 0 0 10px;
}
@media screen and (min-width: 769px){
	.block-order-method--spec-content .block-order-method--date-spec,
	.block-order-method--spec-content .block-order-method--time-spec {
		border-bottom: none;
		margin: 0;
		padding: 0;
	}
	.block-order-method--spec-content .block-order-method--time-spec {
		margin: 15px 0 0;
	}
}

.block-order-method--time-spec {
	border-bottom: none;
}

.block-order-method--date-spec-content, .block-order-method--time-spec-content {
	margin: 5px 0;
}

.block-order-method--date-spec-content select,
.block-order-method--time-spec-content select {
	width: 100%;
	height: 40px;
	border: 1px solid #e5e5e5;
	-webkit-appearance: none;
	appearance: none;
	background: url(/component/common/img/arrow_select.png) no-repeat;
	background-position: right 9px center;
	background-size: 13px 8px;
	padding: 4px 10px;
}

.block-order-method--time-spec-content select {
	width: 71.186%;
}

@media screen and (min-width: 769px){
	.block-order-method dt {
		font-weight: normal;
		margin-top: 7px;
	}

	.block-order-method--spec-content dl dd {
		margin-left: 9.5em;
	}

	.block-order-method--spec-content dl select {
		width: 100%;
		height: 35px;
		border: 1px solid #e5e5e5;
		-webkit-appearance: none;
		appearance: none;
		background: url(/component/common/img/arrow_select.png) no-repeat;
		background-position: right 13px center;
		background-size: 13px 8px;
		padding: 4px 10px;
	}

	.block-order-method--spec-content .block-order-method--date-spec select {
		width: 220px;
	}

	.block-order-method--spec-content .block-order-method--time-spec select {
		width: 180px;
	}
}

/* お支払い情報 */
.block-order-method--promotion, .block-order-method--point-use, .block-order-method--payment-method, .block-order-method--coupon {
	border-bottom: solid 1px #e5e5e5;
	margin: 10px 15px 0;
	padding: 0 0 15px;
}
.block-order-method--payment-method:is(:last-child) {
	border-bottom: none;
}
@media screen and (min-width: 769px){
	.block-order-method--promotion, .block-order-method--point-use, .block-order-method--payment-method, .block-order-method--coupon {
		border-bottom: none;
		margin: 20px 0 0;
		padding: 0;
	}
	.block-order-method--payment-content > div:first-child {
		margin: 0;
	}
}

.block-order-method--promotion-content {
	margin-top: 3px;
}
@media screen and (min-width: 769px){
	.block-order-method--promotion-content {
		margin-top: 15px;
	}
}

#body .block-order-method--promotion-content input {
	margin-top: 5px;
	padding: 4px 10px;
	width: 100%;
	height: 40px;
	border: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	#body .block-order-method--promotion-content input {
		margin: 0 0 0 0.8em;
		width: 240px;
		height: 35px;
	}
}

.block-order-method--payment-method-content {
	margin-top: -5px;
}
@media screen and (min-width: 769px){
	.block-order-method--payment-method-content {
		margin-top: -10px;
	}
}

.block-order-method--payment-content-comment {
	margin-top: 10px;
}
@media screen and (min-width: 769px){
	.block-order-method--payment-content-comment {
		margin-top: 10px;
	}
}

.block-order-method--payment-method-select li, .block-order-method--point-use-select li {
	margin: 13px 0 0;
}
@media screen and (min-width: 769px){
	.block-order-method--payment-method-select li, .block-order-method--point-use-select li {
		margin: 20px 0 0;
	}

	.block-order-method--payment-content-comment {
		margin-top: 20px;
	}
}

/* 次に進むボタン */
.block-order-method--procedure {
	background: rgba(229, 229, 229, 0.6);
	border-top: none;
	padding: 15px;
}

.page-method .btn.block-order-method--next-btn {
	width: calc(500 / 750 * 100vw);
	height: 45px;
	color: #ffffff;
	border: 1px solid #333333;
	border-radius: 45px;
	background-color: #333333;
	font-size: 15px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.page-method .block-order-method--next-btn:hover {
	color: #333333;
	background-color: transparent;
}

@media screen and (min-width: 769px){
	.block-order-method--side-area {
		width: 295px;
	}

	.block-order-method--side-contents {
		width: calc(100% - 25px);
		margin: 0 0 0 25px;
	}

	.block-order-method--procedure {
		background: #f6f3e7;
		border: none;
		padding: 20px 18px;
	}

	.block-order-method--procedure-container {
		background: transparent;
		padding: 0;
	}

	.page-method .btn.block-order-method--next-btn {
		width: 100%;
		height: 50px;
		border-radius: 50px;
	}
}

/* 定期お届け */
.block-order-method--goods-list li + h3 {
	margin: 0 15px;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-order-method--goods-list li + h3 {
		margin: 0;
	}
}

.block-regular-cycle--cycle-type {
	margin: 12px 15px 0;
}
@media screen and (min-width: 769px){
	.block-regular-cycle--cycle-type {
		margin: 12px 0 0;
	}
}
.block-regular-cycle--cycle-type select {
	width: 71.186%;
	height: 40px;
	border: 1px solid #e5e5e5;
	-webkit-appearance: none;
	appearance: none;
	background: url(/component/common/img/arrow_select.png) no-repeat;
	background-position: right 9px center;
	background-size: 13px 8px;
	padding: 4px 10px;
}
@media screen and (min-width: 769px){
	.block-regular-cycle--cycle-type select {
		width: 180px;
		height: 35px;
		border: 1px solid #e5e5e5;
		-webkit-appearance: none;
		appearance: none;
		background: url(/component/common/img/arrow_select.png) no-repeat;
		background-position: right 13px center;
		background-size: 13px 8px;
		padding: 4px 10px;
	}
}

.block-regular-cycle--cycle-sub-type {
	margin: 0 15px;
	padding: 15px;
	background: #f9f9f9;
	border: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-regular-cycle--cycle-sub-type {
		margin: 0;
	}
}

.block-regular-cycle--cycle-sub-type h3 {
	padding: 0;
	font-size: 14px;
}
@media screen and (min-width: 769px){
	.block-regular-cycle--cycle-sub-type h3 {
		font-size: 16px;
	}
}

.block-regular-cycle--cycle-timing-m > div {
	margin-top: 10px;
}

.block-regular-cycle--cycle-timing-m > div.block-regular-cycle--select-bm,
.block-regular-cycle--cycle-timing-m > div.block-regular-cycle--select-dm
.block-regular-cycle--cycle-timing-m > div.block-regular-cycle--select-wm {
	margin-top: 0;
}

.block-regular-cycle--cycle-timing-m input {
	position: relative;
	top: -1px;
}

.block-regular-cycle--cycle-timing-m select {
	width: 60px;
	height: 40px;
	border: 1px solid #e5e5e5;
	-webkit-appearance: none;
	appearance: none;
	background: #ffffff url(/component/common/img/arrow_select.png) no-repeat;
	background-position: right 9px center;
	background-size: 13px 8px;
	padding: 4px 10px;
}
@media screen and (min-width: 769px){
	.block-regular-cycle--cycle-timing-m select {
		width: 80px;
		height: 35px;
		border: 1px solid #e5e5e5;
		-webkit-appearance: none;
		appearance: none;
		background: #ffffff url(/component/common/img/arrow_select.png) no-repeat;
		background-position: right 13px center;
		background-size: 13px 8px;
		padding: 4px 10px;
	}
}

.block-order-method--regular-content, .block-regular-cycle--deliv_date {
	width: auto;
	margin: 15px;
	padding: 0;
	border-bottom: none;
}
@media screen and (min-width: 769px){
	.block-order-method--regular-content, .block-regular-cycle--deliv_date {
		width: 100%;
		margin: 20px 0;
		padding: 0;
		border-bottom: none;
	}
}

.block-regular-cycle--deliv_date--next-expected-dt {
	border: 1px dotted #e5e5e5;
}

.block-regular-cycle--deliv_date--next-expected-dt-title {
	padding: 5px 15px;
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	background-color: #f9f9f9;
	border-bottom: 1px dotted #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-order-method .block-regular-cycle--deliv_date--next-expected-dt-title {
		margin: 0;
		padding: 10px 15px;
		font-weight: bold;
	}
}

.block-regular-cycle--deliv_date--next-expected-dt-date {
	padding: 5px 15px;
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}
@media screen and (min-width: 769px){
	.block-regular-cycle--deliv_date--next-expected-dt-date {
		padding: 10px 15px;
	}
}

/* ========================================
	estimate
======================================== */
#body .block-order-estimate {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-order-estimate {
		margin: 0 auto 30px;
		width: 100%;
		max-width: 980px;
	}
}

.block-order-estimate h1 {
	margin: 0;
	padding: calc(10 / 750 * 100vw) 0 0;
	font-size: 16px;
	text-align: center;
}

@media screen and (min-width: 769px){
	.block-order-estimate--content {
		width: calc(100% - 295px);
		margin-bottom: 40px;
	}
}

.block-order-estimate .attention {
	margin-top: calc(24 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-order-estimate .attention {
		margin-top: 0;
	}
}

@media screen and (min-width: 769px){
	.attention + .order-estimate {
		margin-top: 24px;
	}
}

.block-order-estimate--orderer {
	margin: calc(46 / 750 * 100vw) 0 0;
}

.block-order-estimate--novelty,
.block-order-estimate--method-pay,
.block-order-estimate--date-spec-confirmation,
.block-order-estimate--goods {
	margin: calc(56 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 769px){
	.block-order-estimate--novelty,
	.block-order-estimate--confirmation,
	.block-order-estimate--date-spec-confirmation,
	.block-order-estimate--goods {
		margin: 25px 0 0;
	}
}

.block-order-estimate--novelty-content,
.block-order-estimate--summary-content,
.block-order-estimate--method-pay-content,
.block-order-estimate--date-spec-content,
.block-order-estimate--goods-content {
	border: 1px solid #e5e5e5;
	margin: 8px 0 0;
}

@media screen and (min-width: 769px){
	.block-order-estimate--method-pay-content, .block-order-estimate--regular-content, .block-order-estimate--spec-content, .block-order-estimate--goods-content, .block-order-estimate--novelty-content, .block-order-estimate--host-content, .block-order-estimate--host-confirmation {
		border: none;
		padding: 0;
		margin: 0;
	}
	.block-order-estimate--goods-content {
		border: 1px solid #e5e5e5;
		padding: 20px;
		margin: 15px 0 0;
	}
}

.page-estimate .btn {
	width: auto;
	height: 30px;
	color: #000000;
	border: 1px solid #333333;
	border-radius: 30px;
	background-color: #ffffff;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 6px 20px;
}
.page-estimate .btn-default:hover {
	color: #ffffff;
	border: 1px solid #333333;
	background-color: #333333;
}
@media screen and (min-width: 769px){
	.page-estimate .btn {
		width: auto;
		height: 25px;
		border-radius: 25px;
		font-size: 12px;
		padding: 3px 20px;
		margin-left: 15px;
	}
}

.block-order-estimate--orderer-content .block-order-estimate--change-btn,
.block-order-estimate--method-pay-content .block-order-estimate--change-btn,
.block-order-estimate--discount-info .block-order-estimate--point .block-order-estimate--change-btn,
.block-order-estimate--discount-info .block-order-estimate--coupon .block-order-estimate--change-btn,
.block-order-estimate--date-spec .block-order-estimate--change-btn,
.block-order-estimate--time-spec .block-order-estimate--change-btn,
.block-order-estimate--sales-append .block-order-estimate--change-btn {
	right: 15px;
	top: 15px;
}
.block-order-estimate--date-spec .block-order-estimate--change-btn,
.block-order-estimate--time-spec .block-order-estimate--change-btn,
.block-order-estimate--discount-info .block-order-estimate--promotion-code .block-order-estimate--change-btn {
	right: 0;
	top: 15px;
}
.block-order-estimate--regular-cycle-confirmation .block-order-estimate--change-btn {
	right: 0;
	top: 0;
}

.block-order-estimate h3 {
	font-size: 14px;
}

/* ノベルティ */
@media screen and (min-width: 769px){
	.block-order-estimate--novelty {
		margin: 0;
		border: 1px solid #e5e5e5;
		padding: 25px;
	}
}

.block-order-estimate--promotion-novelty-content {
	border: 1px solid #ff0137;
	padding: 10px 0;
	margin: 20px 0;
	font-size: 12px;
}

.block-order-estimate--novelty-content {
	padding: 15px;
}
@media screen and (min-width: 769px){
	.block-order-estimate--novelty-content {
		padding: 0;
	}
}

@media screen and (min-width: 769px){
	ul.block-order-estimate--novelty-list {
		margin-top: 10px;
		padding: 0;
	}
}

.block-order-estimate--novelty-list li:not(:first-child) {
	margin-top: 10px;
}
@media screen and (min-width: 769px){
	.block-order-estimate--novelty-list li:not(:first-child) {
		margin-top: 0;
	}
	.block-order-estimate--novelty-list li:nth-child(n+4) {
		margin-top: 10px;
	}
}

.block-order-estimate--novelty-item {
	margin-bottom: 0;
}

.block-order-estimate--novelty-item-goods {
	padding-left: 15px;
}

/* ご注文内容 */
.block-order-estimate h2 {
	margin: 0;
	padding: 0;
	font-size: 16px;
}
@media screen and (min-width: 769px){
	.block-order-estimate h2 {
		margin: 0;
		color: #000000;
		font-size: 20px;
	}
	
	.block-order-estimate h3 {
		margin: 0;
		color: #000000;
		font-size: 16px;
	}
}

.block-order-estimate .block-order-estimate--summary-title {
	margin: calc(56 / 750 * 100vw) 0 0;
}

.block-order-estimate--summary-content {
	padding: 10px 15px;
}

.block-order-estimate--delivery-summary {
	padding: 0 0 10px;
}

.block-order-estimate--price-items {
	border-top: 1px dashed #e5e5e5;
	padding: 10px 0 0;
}

.block-order-estimate--price-items dt,
.block-order-estimate--price-items dd {
	padding: 0;
	font-size: 14px;
	line-height: 1.64;
}

.block-order-estimate--price-items .block-order-estimate--total {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e5e5e5;
}

.block-order-estimate--total dt,
.block-order-estimate--total dd {
	border: none;
}

.block-order-estimate--total-price.price {
	color: #ff0137;
	font-size: 16px;
}

@media screen and (min-width: 769px){
	.block-order-estimate--confirmation-list {
		width: calc(50% - 12.5px);
		padding-right: 25px;
	}
}

/* お支払い情報 */
.block-order-estimate--method-pay-content {
	padding: 10px 15px 15px;
	border-bottom: none;
}

.block-order-estimate--pay-input {
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	margin: calc(20 / 750 * 100vw) 0 0;
	padding: 10px 15px;
}
@media screen and (min-width: 769px){
	#body .fieldset.block-order-estimate--pay-input {
		margin: 10px 0 0;
		padding: 0;
	}
	
	.block-order-estimate--pay-header {
		padding: 10px 25px;
		margin: 0;
		font-size: 16px;
	}
}

#body .block-order-estimate--pay-detail {
	background-color: #f9f9f9;
	border: none;
	margin: 0;
}

#body .block-order-estimate--pay-input .fieldset-vertical .form-group {
	border: none;
	border-top: 1px solid #e5e5e5;
	margin: 0;
	padding: 10px 0;
}
@media screen and (min-width: 769px){
	.page-estimate #body .fieldset .form-label {
		width: 22.2%;
		margin: 0;
		padding: 25px 0 25px 25px;
	}

	.page-estimate #body .fieldset .form-control {
		padding: 15px 0 15px 20px;
		gap: 0 10px;
	}

	#body .fieldset .form-group.block-order-estimate--pay-selectcard {
		padding: 0;
	}

	#body .fieldset .block-order-estimate--pay-selectcard .form-control {
		gap: 0;
		padding-left: 25px;
	}

	#body .fieldset .block-order-estimate--pay-selectcard label + input {
		margin-left: 25px;
	}

	.page-estimate .help-block {
		width: 100%;
	}
}

#body .block-order-estimate--pay-input .fieldset-vertical .form-group:first-of-type {
	border-top: none;
	padding: 0;
}

.block-order-estimate--pay-selectcard .form-control {
	padding: 5px 0 15px;
}

.block-order-estimate--pay-selectcard-keep {
	margin-bottom: 10px;
}

#body .block-order-estimate--pay-input .fieldset-vertical .form-label {
	margin: 2px 0 0;
	padding: 0;
}

#body .block-order-estimate--pay-input .fieldset-vertical .form-label label {
	font-size: 14px;
	font-weight: bold;
}

.block-order-estimate--pay-card .form-control,
.block-order-estimate--pay-security-code .form-control,
.block-order-estimate--pay-expire .form-control,
.block-order-estimate--pay-card-method .form-control,
.block-order-estimate--pay-savecard .form-control {
	padding: 5px 0;
}

#body .block-order-estimate--pay-card .form-control input {
	height: 40px;
}
#body .block-order-estimate--pay-card .form-control input[type="radio"] {
	height: 20px;
}
@media screen and (min-width: 769px){
	#body .block-order-estimate--pay-card .form-control input {
		width: 250px;
		height: 35px;
	}
	#body .block-order-estimate--pay-card .form-control input[type="radio"] {
		width: 20px;
		height: 20px;
	}
}

#body .block-order-estimate--pay-security-code .form-control input {
	width: 100px;
	height: 40px;
}
@media screen and (min-width: 769px){
	#body .block-order-estimate--pay-security-code .form-control input {
		width: 80px;
		height: 35px;
	}
}

#body .block-order-estimate--pay-expire select,
#body .block-order-estimate--pay-card-method select {
	height: 40px;
	border: 1px solid #e5e5e5;
	-webkit-appearance: none;
	appearance: none;
	background: #ffffff url(/component/common/img/arrow_select.png) no-repeat;
	background-position: right 9px center;
	background-size: 13px 8px;
	padding: 4px 10px;
}
@media screen and (min-width: 769px){
	#body .block-order-estimate--pay-expire select,
	#body .block-order-estimate--pay-card-method select {
		height: 35px;
		border: 1px solid #e5e5e5;
		-webkit-appearance: none;
		appearance: none;
		background: #ffffff url(/component/common/img/arrow_select.png) no-repeat;
		background-position: right 13px center;
		background-size: 13px 8px;
		padding: 4px 10px;
	}
}

#body .block-order-estimate--pay-expire select,
#body .block-order-estimate--pay-card-method select {
	width: 75px;
}
@media screen and (min-width: 769px){
	#body .block-order-estimate--pay-expire select,
	#body .block-order-estimate--pay-card-method select {
		width: 100px;
	}
}

#body .block-order-estimate--pay-expire select ~ select {
	width: 100px;
}
@media screen and (min-width: 769px){
	#body .block-order-estimate--pay-expire select ~ select {
		width: 125px;
	}
}

#body .block-order-estimate--pay-expire .form-control {
 	align-items: center;
}

#body .fieldset-vertical input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 0;
}

#body .fieldset-vertical label.checkbox {
	margin: 0;
	width: calc(100% - (20px + (20 / 750 * 100vw)));
}
@media screen and (min-width: 769px){
	#body .fieldset .form-group.block-order-estimate--pay-savecard {
		padding: 0;
	}

	#body .fieldset .block-order-estimate--pay-savecard .form-control {
		gap: 0;
		padding-left: 25px
	}

	#body .fieldset.block-order-estimate--pay-input .form-group:last-of-type {
		border-bottom: none;
	}
}

.block-order-estimate--pay-input .block-common-alert-list {
	margin: 0 0 5px;

}
@media screen and (min-width: 769px){
	.block-order-estimate--pay-input .block-common-alert-list {
		width: calc(100% - 25px);
		margin: 0 auto 15px;
	}
}

/* 広告コード */
.block-order-estimate--discount-info {
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 0 15px 10px;
}

.block-order-estimate--discount-info .block-order-estimate--point, .block-order-estimate--discount-info .block-order-estimate--promotion-code, .block-order-estimate--discount-info .block-order-estimate--coupon, .block-order-estimate--discount-info .block-order-estimate--promotion {
	border-top: 1px solid #e5e5e5;
	padding: 10px 0;
	position: relative;
}

.block-order-estimate--discount-info .block-order-estimate--promotion-code, .block-order-estimate--discount-info .block-order-estimate--promotion {
	border-top: none;
}

/* お届け日時指定 */
#method_date {
	margin: 8px 0 0;
	padding-top: 0;
}

.block-order-estimate--date-spec, .block-order-estimate--time-spec {
	background: #ffffff;
	border: none;
	margin: 0 15px 10px;
	padding: 10px 0 0;
}
@media screen and (min-width: 769px){
	.block-order-estimate--confirmation-list .block-order-estimate--date-spec,
	.block-order-estimate--confirmation-list .block-order-estimate--time-spec {
		border: none;
		margin: 0;
		padding: 0;
	}
	.block-order-estimate--confirmation-list .block-order-estimate--time-spec {
		margin: 0;
	}
}

/* ご注文商品 */
.block-order-estimate--goods-list li {
	border-top: solid 1px #e5e5e5;
	border-bottom: none;
	margin: 0 15px 15px;
	padding: 15px 0 0;
}
@media screen and (min-width: 769px){
	.block-order-estimate--goods-list li {
		margin: 0 0 15px;
		padding: 15px 0 0;
	}
	.block-order-estimate--goods-list li:first-child {
		padding: 0;
	}
	.block-order-estimate--goods-list li:last-child {
		margin: 0;
	}
}

.block-order-estimate--goods-list li:first-child {
	border-top: none;
}

.block-order-estimate--goods-item-image {
	width: calc(240 / 750 * 100vw);
	display: table-cell;
	vertical-align: top;
}
@media screen and (min-width: 769px){
	.block-order-estimate--goods-item-image {
		width: 200px;
		height: 200px;
		background: #ffffff;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 15px 0 0;
	}
}

.block-order-estimate--goods-item-image figure {
	width: 100%;
	height: auto;
	background: #ffffff;
}

.block-order-estimate--goods-info {
	padding-left: 15px;
}

@media screen and (min-width: 769px){
	.block-order-estimate .block-icon {
		margin: -6px 0 0;
	}
}

.page-estimate .block-icon span {
	height: calc(35 / 750 * 100vw);
	max-height: 20px;
	margin: 6px 6px 0 0;
}
@media screen and (min-width: 769px){
	.page-estimate .block-order-estimate .block-icon span {
		height: 17px;
		margin: 6px 6px 0 0;
	}
}

.page-estimate .block-icon img {
	width: auto;
	height: calc(35 / 750 * 100vw);
	max-height: 20px;
}

.block-order-estimate--goods-name {
	margin-top: calc(12 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	.block-order-estimate--goods-item-name, .block-order-estimate--goods-item-set-name {
		margin-top: 12px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5;
	}
}

@media screen and (min-width: 769px){
	.block-order-estimate--goods-price-items {
		margin-top: 12px;
		font-size: 16px;
		font-weight: bold;
	}

	.block-order-estimate--goods-price-items .block-order-estimate--amt {
		margin: 0;
		color: #000000;
	}
}


/* 注文を確定するボタン */
.block-order-estimate--commit > span {
	display: block;
	margin-top: 5px;
}

.block-order-estimate--order-terms-link:hover {
	text-decoration: none;
}

.page-estimate .btn.block-order-estimate--commit-btn {
	width: calc(500 / 750 * 100vw);
	height: 45px;
	color: #ffffff;
	border: 1px solid #333333;
	border-radius: 45px;
	background-color: #333333;
	font-size: 15px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}
.page-estimate .block-order-estimate--commit-btn:hover {
	color: #333333;
	background-color: transparent;
}

.block-order-estimate--commit-ft .span {
	padding-bottom: 0;
}

@media screen and (min-width: 769px){
	.block-order-estimate--side-area {
		width: 295px;
	}

	.block-order-estimate--side-contents {
		width: calc(100% - 25px);
		margin: 0 0 0 25px;
	}

	.page-estimate #body .alert {
		margin: 0 0 15px;
	}

	.block-order-estimate--promotion-novelty-helper {
		border: 1px solid #ff0137;
		background: #ffffff;
		text-align: center;
		padding: 10px 0;
		margin: 0;
		cursor: pointer;
	}

	.block-order-estimate--promotion-novelty-content {
		border: none;
		padding: 0;
		margin: 0;
		font-size: 12px;
	}

	.block-order-estimate--procedure {
		background: #f6f3e7;
		border: none;
		margin: 15px 0 0;
		padding: 20px 18px 14px;
	}

	.block-order-estimate--procedure-container {
		background: transparent;
		padding: 0;
	}

	.page-estimate .btn.block-order-estimate--commit-btn {
		width: 100%;
		height: 50px;
		border-radius: 50px;
		margin: 0 0 10px;
	}

	.block-order-estimate--price-items {
		border-top: 1px solid #333333;
		color: #000000;
		margin: 15px 0 0;
		padding: 10px 0 0;
	}

	.block-order-estimate--price-items dt,
	.block-order-estimate--price-items dd {
		margin: 0;
		padding: 0;
		font-size: 14px;
		line-height: 2;
	}
}

/* 定期お届け */
.block-order-estimate--regular-cycle-confirmation {
	background: #ffffff;
	border: none;
	margin: 0 15px 10px;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-order-estimate--regular-cycle-confirmation {
		margin: 0;
	}
}

.block-order-estimate--regular-cycle-content {
	border: none;
	margin: 0;
	padding: 0;
}

.block-order-estimate--regular-cycle {
	margin-top: 10px;
}

.block-order-estimate--goods-list .block-order-estimate--regular-cycle li {
	border: none;
	margin: 0;
	padding: 10px 0 0;
	font-size: 14px;
}
@media screen and (min-width: 769px){
	.block-order-estimate--goods-list .block-order-estimate--regular-cycle li {
		padding: 0;
	}
}

@media screen and (min-width: 769px){
	.block-order-estimate--regular-cycle-detail,
	.block-order-estimate--regular-cycle th,
	.block-order-estimate--regular-cycle td {
		border-color: #e5e5e5;
	}

	.block-order-estimate--regular-cycle th {
		width: 36%;
		background-color: #f9f9f9;
		color: #000000;
		font-weight: normal;
	}
}

.block-order-estimate--prev-expected-dt, .block-order-estimate--next-expected-dt {
	padding: 15px 0 0;
}

.block-order-estimate--prev-expected-dt > span, .block-order-estimate--next-expected-dt > span {
	font-size: 14px;
}

.block-order-regular-add-confirm--regular-cycle-info {
	font-size: 11px;
	margin-top: 5px;
	color: #737373;
	text-align: left;
}

/* ========================================
	complete
======================================== */
#body .block-order-complete {
	margin: calc(40 / 750 * 100vw) calc(46 / 750 * 100vw) calc(100 / 750 * 100vw);
}
@media screen and (min-width: 769px){
	#body .block-order-complete {
		margin: 50px auto 80px;
		width: 100%;
		max-width: 980px;
	}
}

.block-order-complete--body {
	padding: 0;
}

.block-order-complete h1 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.block-order-complete--wrapper {
	margin: 10px 0 0;
	padding: 0;
}
@media screen and (min-width: 769px){
	.block-order-complete--wrapper {
		margin: 40px 0 0;
	}
}

.block-order-complete--message {
	margin: 0;
}

.block-order-complete--message p {
	padding: 0;
	text-align: left;
}
@media screen and (min-width: 769px){
	.block-order-complete--message p {
		line-height: 1.72;
	}
}

.block-order-complete--orderid {
	margin: 20px 0 0;
	border: 1px solid #e5e5e5;
}
@media screen and (min-width: 769px){
	.block-order-complete--orderid {
		margin: 45px 0 0;
	}
}

.block-order-complete .block-order-complete--orderid th,
.block-order-complete .block-order-complete--orderid td {
	display: block;
	width: 100%;
	border: none;
	padding: 5px 15px;
	text-align: left;
}
@media screen and (min-width: 769px){
	.block-order-complete .block-order-complete--orderid th,
	.block-order-complete .block-order-complete--orderid td {
		display: table-cell;
		height: 60px;
		padding: 5px 25px;
		vertical-align: middle;
	}
	.block-order-complete .block-order-complete--orderid th {
		width: 260px;
	}
	.block-order-complete .block-order-complete--orderid td {
		width: calc(100% - 260px);
	}
	.block-order-complete--orderid td a {
		text-decoration: underline;
	}
	.block-order-complete--orderid td a:hover {
		text-decoration: none;
	}
}

.block-order-complete--home {
	margin: 0;
	padding: 0;
}

.block-order-complete--home a {
	width: calc(500 / 750 * 100vw);
	height: 45px;
	margin: calc(60 / 750 * 100vw) auto 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #333333;
	border: 1px solid #333333;
	border-radius: 45px;
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 0.05em;
	line-height: 1;
}
.block-order-complete--home a:hover {
	background-color: transparent;
	border: 1px solid #333333;
	color: #333333;
}
@media screen and (min-width: 769px){
	.block-order-complete--home a {
		margin: 50px auto 0;
		max-width: 250px;
	}
}