@charset "UTF-8";

/*remodal内カスタム用*/
.remodal .cart_cnt_bx{
	padding-top:0;
	text-align:left;
	border:none;
}
.remodal .cart_camp_txt{
	margin-bottom: 20px;
}

/*定期お届け*/
.remodal .cart_reg_srvc{
	margin-bottom: 20px;
	text-align:left;
}
.remodal .cart_reg_srvc .reg_srvc_note{
	padding-left: 0;
}
.remodal .cart_reg_srvc .reg_srvc_wrap .reg_srvc_bx{
	width:auto;
}
.remodal .cart_reg_srvc .reg_srvc_cycle .left{
	width:30%;
	min-height:240px;
	margin-bottom: 20px;
	padding:20px;
	text-align:left;
	background-color:#f4f4f4;
}
.remodal .cart_reg_srvc .reg_srvc_day .left{
	min-height:130px;
	margin-bottom:0;
}

.remodal .cart_reg_srvc .reg_srvc_time .left{
	min-height:400px;
	margin-bottom:0;
}

.remodal .cart_reg_srvc .reg_srvc_cycle .right{
	width:68%;
}
.remodal .cart_reg_delivery{
	margin-bottom: 40px;
	font-size:18px;
	text-align:center;
	padding-left:280px;
}
.remodal .cart_reg_delivery ul li{
	margin-bottom: 10px;
}
.remodal .cart_reg_delivery ul li p{
	float:left;
	width:auto;
	margin-right: 20px;
	text-align:left;
}
.remodal .cart_reg_delivery ul li p:last-child{
	margin-right:0;
}
.remodal .cart_reg_srvc select{
	width:100px;
}
.remodal .cart_reg_srvc .del_time_bx{
	margin-bottom: 10px;
	padding: 10px 20px;
}

/*キャンペーン*/
/*全体の横幅変更*/
#add_camp_modal-area,
#add_camp_modal2-area{
	max-width:1165px;
}
.remodal .cart_campaign .cart_camp_wrap{
	margin-bottom: 20px;
}
.remodal .cart_campaign .cart_camp_bx_wrap{
	float:left;
	width:360px;
	padding:0 10px;
	margin-bottom: 20px;
}
.remodal .cart_campaign .cart_camp_bx_wrap:last-child{
	margin-bottom: 0;
}
.remodal .cart_campaign .cart_camp_bx_wrap p.cart_camp_cap{
}
.remodal .cart_campaign .cart_camp_wrap div.cart_camp_bx{
	width:auto;
}
.remodal .cart_campaign .cart_camp_wrap div.cart_camp_bx:last-child{
	width:360px;
	height:auto;
}
.remodal .cart_campaign .cart_camp_wrap div.cart_camp_bx:last-child ul li:nth-child(2){
	width:80%;

}

/*ポイント・クーポンを変更する*/
.remodal .cart_pnt_cpn{
	margin-bottom: 20px;
}
.remodal .cart_pnt_cpn h5{
	margin-bottom: 10px;
}
.remodal .cart_pnt_cpn .cpn_bn_wrap{
	margin-bottom: 20px;
}
.remodal .pnt_cpn_bx.cpn_bn_bx ul li{
	height:190px;
}
.remodal .cart_pnt_cpn .pnt_cpn_bx_auto{
	width:auto;
}

/*お届け時間・日を変更する*/
.remodal .cart_conf_date_timetxt{
	margin-bottom: 20px;
	text-align:left;
}
.remodal .cart_bill_adrs .bill_adrs_select, .cart_del_tad .del_date_select{
	width:500px;
}

/*お届け先変更*/
.remodal .cart_bill_adrs h5{
	text-align:left;
}
.remodal .adrsee_othr_rq .cart_delibx_bx{
	width:100%;
}

/*お支払い方法*/
.remodal .cart_payment_txt{
	margin-bottom: 10px;
	text-align:left;
}
.remodal .payment_bx{
	padding:20px 10px;
	text-align:left;
}
.remodal #odr_new_crec{
	margin-top:0;
}
.remodal .OrdrHwToPy{
	padding-top:0;
}
.remodal .sec_furikomi,
.remodal .sec_daibiki{
	text-align:left;
}
.remodal .sec_daibiki{
	margin-bottom: 40px;
}

/*地域コード*/
.remodal .add_area_txt{
	text-align:left;
}
.remodal .cart_area_code .area_code_bx{
	text-align:left;
}
.remodal .area_code_wrap{
	margin-bottom: 20px;
}
.remodal .area_code_wrap li{
	float:left;
	text-align:left;
}
.remodal .area_code_wrap li:first-child{width:85%;}
.remodal .area_code_wrap li:last-child{width:15%;}

/*========================================
Re:vite
Date : 20230106-modal
Style : each contents CSS "sp-index"
Filename : rv_contents_sp.css
========================================*/
.remodal .area_code_wrap li:first-child {
	width: 62%;
	margin-right: 30px;
}

.remodal .area_code_wrap li:first-child .rv_speech_bubble {
	position: relative;
	margin-bottom: 12px;
	padding: 16px;
	border: 2px solid #000;
}

.remodal .area_code_wrap li:first-child .rv_speech_bubble>span.arrow {
	position: absolute;
	right: -2.5px;
	top: 50%;
	width: 3px;
	height: 15px;
	transform: translateY(-50%);
	background-color: #fff;
}

.remodal .area_code_wrap li:first-child .rv_speech_bubble>span.arrow::before,
.remodal .area_code_wrap li:first-child .rv_speech_bubble>span.arrow::after {
	content: "";
	display: block;
	width: 15px;
	height: 2px;
	background: #333;
	position: absolute;
	top: calc(50% - 3.5px);
	right: -11px;
	border-radius: 100px;
	transform: rotate(32deg);
	transform-origin: calc(100% - 5px) 50%;
}

.remodal .area_code_wrap li:first-child .rv_speech_bubble>span.arrow::after {
	top: calc(50% + 1.5px);
	transform: rotate(-32deg);
}

.remodal .area_code_wrap li:last-child {
	width: 32%;
}

.remodal .area_code_wrap li>p {
	font-size: 12px;
}

.remodal .area_code_wrap li:last-child img {
	width: 100%;
}

.fs-12 {
	font-size: 12px;
}

.td-udl {
	text-decoration: underline;
}

.fw-600 {
	font-weight: 600;
}