@charset "UTF-8";

/* 定期 */
/* 商品詳細 */
.item_regular{
	margin: 16px 0;
	padding: 0;
	line-height: 1.8;
	color: #333;
	background: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	list-style: none;
}

.item_regular_flg{
	font-weight: bold;
}

.regular_period_area{
	margin: 10px 10px;
	padding: 10px;
	font-weight: bold;
	color: #555;
	background: #f4f5f6;
	border: 1px solid #e7e8e9;
}

.regular_interval_area {
  margin: 5px 0;
}

.regular_next_price_list{
	display: block;
	margin: 0 0;
	padding: 0 10px;
	list-style: none;
}

.regular_next_price_list > li{
	display: block;
	margin: 10px;
	padding: 0;
}

.regular_explain{
	margin: 10px;
}

.regular_cycle_explain{
	font-weight: normal;
}

.regular_month_select_check label{
	display: inline-block;
}

/*.regular_month_select_area{ //未使用
	display:inline-block;
	vertical-align:middle;
}*/

.regular_interval_select{
	margin: 1em 20px;
	padding: 0;
	list-style: none;
}

.regular_interval_select .label{
	margin-right: 1em;
	min-width: 5em;
	vertical-align: middle;
}

.regular_select_area{
	display: inline-block;
	vertical-align: middle;
}

.regular_select_area select{
	vertical-align: middle;
}

.label.regular_radio{
	display: block;
	margin: 0;
	padding: 15px 10px;
}

.item_regular > li:not(:last-child){
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #cdcdcd;
}

.regular_form_area.member .regular_month_select_check_area{
	width: 400px;
}

/* 商品詳細、カート等 */
.regular_period{
	margin: 10px 10px;
	padding: 0 0 0 30px;
	list-style-type: disc;
	line-height: 1;
	color: #248458;
}

.regular_period > li{
	margin: 10px 0;
}

.regular_edit:after{
	content: attr(title);
}

.regular_edit_link{
	font-size: 0.9rem;
}

.regular_period_cart:before,
.regular_interval_cart:before{
	content: '[';
}

.regular_period_cart:after,
.regular_interval_cart:after{
	content: ']';
}

.buy_regular_title,
.buy_regular_next,
.buy_regular_trans{
	color: #EA1313;
}

.buy_regular_title:before{
	content: "(";
}

.buy_regular_title:after{
	content: ")";
}

.regular_ttl{
	margin-right: 7px;
}

.regular_period_price{
	margin-bottom: 1ex;
}

.regular_option_text{
	color: #EA1313;
}

/* マイページ 定期一覧 */
.member_regular_edit_val form{
	display: inline-block;
}

.regular_period_last{
	white-space: nowrap;
}

/* マイページ　定期商品数量変更ダイアログ */
.item_change_dlg .buy_item_price_val,
.item_change_dlg .buy_item_total_price_val{
	text-align: right;
}

@media screen and (max-width: 700px){
	.item_change_dlg,
	.send_edit_dlg{
		width: 95vw;
	}
	
	.item_change_dlg .ems_dlg_con,
	.send_edit_dlg .ems_dlg_con{
		margin: 0;
		width: 100%;
	}
	
	.send_edit_dlg .memo{
		display: block;
	}
	
	.item_change_dlg table,
	.item_change_dlg tbody,
	.item_change_dlg tr,
	.item_change_dlg td{
		display: block;
		width: 100%;
	}
	
	.item_change_dlg .buy_item_price_val{
		text-align: left;
	}
}

/* 注文と同時に会員登録するダイアログ */
.regular_order_requires_membership{
	text-align:center;
}

/*.regular_caution{ //未使用
	width:400px;
	margin:0 auto;
}*/

/* 定期購入一覧(一時停止中) */
.reg_pause: after{
	content: attr(title);
}
.reg_pause{
	display: inline-block;
	padding: 6px;
	min-width: 66px;
	line-height: 1;
	font-size: 11px;
	text-align: center;
	white-space: nowrap;
	color: #fff;
	background: #ff0000;
	border-radius: 4px;
	border: 1px solid;
	margin-bottom: 0.5em;
}

/* 定期購入一覧(商品変更ダイアログ内の追加ボタン) */
.plus_item_btn_area{
	display: flex;
	justify-content: flex-end;
	flex-direction: row;
}

@media screen and (max-width: 700px){
	.plus_item_btn_area{
		flex-direction: column;
	}
}

.reg_item_plus_btn:after{
	content: attr(title);
	display: inline-block;
	vertical-align: middle;
}

.cart_button.regular_item_add,
.cart_button.regular_various_select{
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    letter-spacing: 0.1ex;
    position: relative;
    display: inline-block;
    margin: 10px 0px;
    padding: 13px;
    width: 100%;
    max-width: 500px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #D82B2B;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    -webkit-transition: all 0ms;
    transition: all 0ms;
}

.cart_button_regular_item_add_value:after,
.cart_button_regular_various_select_value:after{
	content: attr(title);
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 700px) {
	.item_change_dlg{
		width: 95vw !important;
	}
}

.regular_icon_area{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.regular_postage_caution_text{
	text-align:right;
}