@charset "utf-8";
/* CSS Document */

/*ページトップボタン*/
.c-pageTopBtn {bottom: 26%;}
.c-pageTopBtn a{ background: #4C7022;}

/*ヘッダ社名ロゴ*/
body .l-header__logo {
  height: 55px;
  max-height: inherit;
  padding: 10px;
	background: #fff;
	text-align: center;
}
body .l-header__logo img {
  max-width: none;
  height: 100%;
  width: auto;
}

body{padding-top: 0; font-weight: ; cursor: auto !important; }
p{ font-size:min(3.7333333333vw, 16px);}

.wrapper{ margin-bottom: 5em; }
.wrp_30 p,.wrp_33 p{ margin: revert;}

/*定期注釈*/
.wrapper_about_teiki{margin-bottom: margin-bottom: 10em; padding: 1.5em;
scroll-behavior: smooth;}
.term > p{ font-size:1.2em; font-weight: bold; margin: 5px 3% 20px 0;}
.term ul{ list-style: disc;}
.term ul li{ padding-bottom: 0.5em; font-size: 1rem;}
.term a {text-decoration: underline;}

/*入力フォーム*/
#form1{min-height: 700px; overflow: visible;}
.p-cartSettings__head{ margin-bottom: 0;}
.l-inner{ margin: 30px auto;}
.l-inner-wide{ max-width: 100%;}

/*ログインブロック*/
.p-loginWrap { padding: 5%;}

/*フォーム内サムネ*/
.p-cartItemInfo__itemInfo__image{flex-basis:17.796610170%;}

/*フォントサイズ指定*/
#entryform form, #entryform div { font-size: min(3.7333333333vw, 16px);}
p,label, .c-boxTitle{font-size: clamp(16px, 3.7333333333vw, 20px);}
.c-formBlock__input-textarea span{font-size: 0.875em;}
.p-cartItemInfo__itemInfo__spec{ font-size: 0.9rem;}

/*エラーテキストの上部の余白調整のためブロック指定*/
input[type=text], input[type=tel], input[type=email], input[type=number], input[type=password], select{  display: block;}
label.error{ margin-top:1em; display: block;}



/*見出し関連*/
.c-boxTitle:nth-child(1) { margin: min(10.6666666667vw, 60px) 0 min(5.3333333333vw, 1em)!important;}
.l-inner .c-pageLead{margin: min(10.6666666667vw, 60px) 0 min(5.3333333333vw, 1em);}

.formWrap.oneStepOrderCheckTrigger{ margin: min(10.6666666667vw, 60px) 0 min(5.3333333333vw, 40px);}


/*非活性フォーム幅*/
.c-formBlock__valueBox{ max-width: 100%;}
/*新規入力フォーム*/
.p-loginBlock__notes{ padding-bottom: 10em;}

/*お届け先選択*/
.p-cartSettingsDelivery p + p {
    margin-top: min(0.2em, 1em);
}



.p-cartSettings .p-cartSettings__item + .p-cartSettings__item {margin-top: min(10.6666666667vw, 1px);}

/*利用規約*/
#divAgreement.c-formBlock__input-textarea textarea{height: min(50vh,500px);line-height: 2;}
.lp-1step-confirm-container .l-inner .c-cartInfoBox__inner{
margin-top: calc(1em + 60px);
}
.c-formBlock__input-textarea textarea{ font-size: 0.9rem; }

#entryform div.c-formBlock__item__note,
.c-formBlock__input-textarea span{
margin-top: 1em;
}

.p-cartPaymentTable__label {
    flex-basis: 8em;   /* ← 幅を少し狭くする */
    flex-shrink: 0;
}
.p-cartSettings__group .c-cartPriceBlock .c-cartInfoBox__inner{
margin-top: calc(2em + 60px);
}

	

.c-formBlock__item__text{font-size: min(0.9285714286em, 18px);}
.c-formBlock__item-row {display: block;}/*姓名の横並び解除*/
.c-formBlock__item-postalcode .c-formBlock__item-row{ display: flex;}/*郵便番号の横並び指定*/
.c-formBlock__input-text + .c-formBlock__input-text{ margin: 10px 0; }
.c-formBlock__input-select + .c-formBlock__input-select{ margin: 10px 0; }
		

.btn_prev  button { display: initial;}
.c-button-green{ margin: 0 auto;  }
.c-button.c-button-beige.c-button-back{margin: 50px auto; }
.p-loginBlock-left{ border-bottom: 1px solid #000;}
.p-loginWrap {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        -ms-grid-rows: auto  auto;
        grid-template-rows: auto auto;
        gap: inherit;
    }
/*ログインはこちら*/	
	.c-cartInfoBox.p-cartSettings__item.p-cartSettings-receipt{ 
	background: #EAE5DC;       
	font-size: min(3.7333333333vw, 16px);
    width: 100%;
    margin: auto;
	padding: 30px;
}


/*確認画面*/
.lp-1step-confirm-container .has-red-color{ font-weight: bold;}

.l-inner .c-cartInfoBox__inner,.c-formConfirm .c-formList{ padding: 1.4em;}
.p-cartItemInfo__message .c-notes { font-size: 1rem;}
#btnOrderArea.c-buttonWrap.is-align-center.has-recap{ display:block;}
#btnOrderArea.c-buttonWrap.is-align-center.is-vertical has-no-mt{gap:0;}

/*フッタ*/
.footer_1,.footer_2{ width: 100%; text-align: center;}
.footer_1{ background: #f0eee7; }
.footer_2{ background: #1E7923;}
.footer_1 img{ max-width: 888px;}
.footer_2 img{ max-width: 888px;}
body .l-footer__security__text{ color: inherit;}
body .footer_wrapper { background: #Eae5dc; text-align: center; padding-top: 80px;}
body .l-footer__security{ background: inherit;}


body .footer_wrapper ul li{ border-top: 1px solid #ddd5c6; padding: min(1em, 20px) 0;}
body .footer_wrapper ul{border-bottom: 1px solid #ddd5c6;}
body .l-footer__copyright p{  font-size: inherit;}
body .c-contactBlock-telBox__number { font-size: min(5em, 30px);}
body .l-footer__security{ margin: 80px auto 30px auto;}
@media screen and (min-width: 960px) {
	
body .footer_wrapper ul{ display: flex;justify-content:center; }
body .footer_wrapper ul li+li{ border-left: 1px solid #263238;}
body .footer_wrapper ul li{ border-top: none; padding: 0 2em;}
body .footer_wrapper ul{border-bottom: none;}
}

.c-contactBlock-telBox__time,.footer_wrapper ul{ font-size: min(2em, 12px);}
/*アップセルボタンエリア*/
.wrapper_button{
	width: 100%;
    max-width: 480px;
	margin: auto;
	text-align: center;
}

.wrapper_button .c-button{
	margin: auto;
	}

.wrapper_button .c-button__link{
	display: block;		
}
.wrapper_button .g-recaptcha.c-button__link{
	margin-bottom: 30px;
	height: auto;
}

/*アップセル定期規約*/
.wrapper_upsell.wrapper_about_teiki{
	max-width: 768px;
	
}

@media screen and (min-width: 960px) {
.p-loginWrap{display: block;}
.p-loginWrap {
    background: none;
	padding: 30px 0;
}
/*フォントサイズ指定*/	
p, label, .c-boxTitle {
    font-size: min(3.7333333333vw, 14px);
}
	
.c-formBlock__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2%;
}
	
/*input横並び*/	
	.c-formBlock__input-text + .c-formBlock__input-text	{ margin-top: 0;}

	
/*ログインはこちら*/	
	.c-cartInfoBox.p-cartSettings__item.p-cartSettings-receipt{ 

    width: fit-content;

}
	

	
	
}
	