@charset "UTF-8";
/* CSS Document */

/*ハンバーガーの枠*/
.overlayMenuBtn{
	top: 30px;
}
.sp-nav{
	max-width: 500px;
	margin: 0 auto;
}
.overlayMenu{
	background-color: rgba(255,255,255,0.95);
	backdrop-filter: blur(50px);
}

/* Section Separator---------------------------------------------------------

　

----------------------------------------------------------------------------*/

body{
	font-size: 1.4rem;
	line-height: 1.4;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.header{
	background: #FFF;/*#F4F4F4*/
	border-bottom: 5px solid #F7ECB4;
}
.header-obi{
	background: #E97022;
	color: #FFF;
	
	font-size: 1.3rem;
}
.obi-inner{
	max-width: 1200px;
	padding: 5px 20px;
	margin: 0 auto;
}

.header .inner{
	height: 80px;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.header .site-id{
	width: 140px;
	position: absolute;
	top: 50%;
	transform: translate( 0 , -50%);
}


.bimi-wrap{
	padding: 20px;
	margin: 0 auto;
}
@media (min-width:1000px){
	.bimi-wrap{
		display: flex;
		width: 100%;
		flex-direction: row-reverse;
		padding: 0;
	}
	.section_bimi-form{
		width: 54%;
		background:rgba(255,255,255,0.38);
	}
	.section_bimi-text{
		width: 46%;
		background-image: url("../image/bimi/bg.jpg");
	}
	.bimi-text_inner{
		max-width: 550px;
		padding: 38px;
	}
	
	.bimi-form_inner{
		max-width: 660px;
		padding: 38px;
		margin: 0 0 0 auto;
	}
}

/* Section Separator---------------------------------------------------------

　テキストエリア

----------------------------------------------------------------------------*/
.section_bimi-text{
	font-size: 1.4rem;
}
/*注意書き*/
.entry .bt-caution{
	border: solid 2px #DDDDDD;
	padding: 15px;
	line-height: 1.5;
	border-radius: 5px;
	background: #FFF;
}

ul.bt-list01{
	margin: 20px 0;
}
ul.bt-list01 li{
	font-feature-settings: "palt" 1;
	list-style-type: disc;
	margin: 0.5em 0 0.5em 1.5em;
}
@media (min-width:1000px){
	.bimi-text_inner{
		position: sticky;
		top: 20px;
	}
}
/* Section Separator---------------------------------------------------------

　

----------------------------------------------------------------------------*/

.bimi-form-pagetitle{
	font-size: 2.2rem;
	text-align: center;
	font-feature-settings: "palt" 1;
	font-weight: 500;
	margin: 50px 0 40px;
}
 
.bimi-form-pagetitle span{
	position: relative;
	display: inline-block;
	padding: 0 10px;
	padding-bottom:0.5em;
	border-bottom: 1px solid gray;
}
.bimi-form-pagetitle span::before,
.bimi-form-pagetitle span::after {
	position: absolute;
	top: 100%;
	left:50%;
	transform:translateX(-50%);
	content: '';
	border: 10px solid transparent;
}
 
.bimi-form-pagetitle span::before {
	border-top: 10px solid gray;
}
 
.bimi-form-pagetitle span::after {
	margin-top: -1px;
	border-top: 10px solid white;
}
@media (min-width:768px){
	.bimi-form-pagetitle{
		margin: 10px 0 40px;
	}
	.bimi-form-pagetitle span{
		width: 80%;
	}
}


form{
	font-size: 1.4rem;
}

/*フローティングラベル実装*/
/*label要素*/
.inp {
	position: relative;
	border: 1px solid #dad9d9;
	 background: #FFF;
	padding: 0;
	border-radius: 5px;
	overflow: hidden;
	margin: 15px 0;
	display: block;
}
/* span class="label"（擬似プレースホルダー）*/
.inp .label {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 1.2rem;
	color: #1168CC; /*プレースホルダー色・グレー*/
	font-weight: 600;
	transform-origin: 0 0;
	transition: all 0.2s ease;
	pointer-events: none;
}


/* インプット要素 */
.inp input{
  -webkit-appearance: none;
  width: 100%;
  border: 0;
	
  padding: 25px 12px 6px;
  /*height: 48px;*/
  font-size: 16px;
  font-weight: 500;
	
  background: #FFF;
  border-radius: 6px;
  color: #223254;
  transition: all 0.15s ease;
}

.inp textarea{
	width: 100%;
	border: 0;
	padding: 22px 12px 4px;
	background: #FFF;
	font-size: 16px;
}

/* インプット要素ホバー時の背景色*/
.inp input:hover,
.inp textarea:hover{
  /*background: rgba(34,50,84,0.03);*/
}
/* インプット要素フォーカス時背景色消す*/
.inp input:focus,
.inp textarea:focus{
	/*background: none;
	outline: none;*/
}



/*プレースホルダーが消えた時（フォーカス時）spannを移動したまま
.inp input:not(:placeholder-shown) + .label{
	color: #5a667f;
	transform: translate( 12px , -18px ) scale(0.75);
}
*/





.radiobox{
	border: 1px solid #dad9d9;
	border-radius: 5px;
	overflow: hidden;
}
.radiobox label{
	cursor: pointer;
}

.addr-group{
	display: flex;
	column-gap: 10px;
	font-feature-settings: "palt" 1;
}
.addr-group .inp{
	margin: 15px 0 0;
}

.radiobox > .radio:not(:last-child){
	border-bottom: 1px solid #dad9d9;
}

.radiobox > .radio{
	display: block;
	padding: 12px;
}
input[type=radio]{
	margin: 0 0.3em 0 0;
	vertical-align: middle;
}

/*デフォのスタイルをリセット*/
.radio .wpcf7-list-item{
	margin-left: 0!important;
}


.branch-orderer:not(:checked) + .branch-spot{
	display: none;
}

/*--------------------------------------
ご注文者様情報ボックス
--------------------------------------*/

.orderer-box{
	border: 1px solid #CACACA;
	background-color: #FCFBF6;
	padding: 5px 20px;
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 50px;
}
.orderer-box .inp{
	border-color: #CACACA;
}
/*郵便番号・都道府県の横フレックスの上マージン調整*/
.addr-group.orderer{
	margin-top: -15px;
}
.bimi-hissu{
	font-size: 1.2rem;
	margin: 10px 0 -5px;
}

.inp textarea[name=your-message]{
	min-height: 8em;
}

.invoice-block{
	position: relative;
	border: 1px solid #dad9d9;
	background: #FFF;
	border-radius: 5px;
	margin: 15px 0;
	padding: 30px 10px 15px;
}

.invoice-block .label {
	position: absolute;
	top: 6px;
	left: 8px;
	font-size: 1.2rem;
	color: #1168CC; /*プレースホルダー色・グレー*/
	font-weight: 600;
	transform-origin: 0 0;
	transition: all 0.2s ease;
	pointer-events: none;
}

.invoice-block label{
	margin-right: 1em;
}





/*--------------------------------------
お届け先（Destiny）ボックス
--------------------------------------*/
.dest-box{
	margin: 15px 0 30px;
}
.dest-box_inner{
	background: #F4F4F4;
	padding: 5px 20px;
}
/*時間帯指定の箱==================*/
.des-time{
	display: flex;
	flex-wrap: wrap;
	background: #FFF;
	border: 1px solid #dad9d9;
	border-radius: 5px;
	padding: 12px;
	margin: 15px 0;
}
.des-time .radio{
	display: block;
	padding: 6px 0;
}
.des-time label{
	flex-basis: 50%;
}
@media (min-width:1000px){
	.des-time label{
		flex-basis: 33.33%;
	}
}
.des-time label.radio100per{
	flex-basis: 100%!important;
}
/*熨斗（その他の設定／他は時間帯と共通）==================*/
.other{
	font-feature-settings: "palt" 1;
}
.sonota-txt{
	display: inline-block!important;
	background: #F4F4F4;
	padding: 5px;
	margin: 0 3px;
	width: 13em;
}



/*--------------------------------------
お届け先 住所エリア表示・非表示の切り替えjsのイニシャル設定
--------------------------------------*/
#branch-spot{
	transition-duration: .3s;
	display: none;
}

/*--------------------------------------
共通見出し
--------------------------------------*/
.title-form{
	color: #3C3C3C;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 1rem 0 15px ;
	position: relative;
	padding-left: 1em;
}
.title-form::before{
	content: '';
	display: block;
	width: 12px;
	aspect-ratio: 1 / 1;
	border-radius: 20px;
	background: #B28160;/*#E97023;*/
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translate( 0 , -50% );
	
}

.title-categorize{
	font-size: 1.4rem;
	font-weight: 600;
	margin: 15px 0;
}

/*--------------------------------------
お届け先追加の見出し（アコーディオンjs）
--------------------------------------*/
.acd-h{
	border-top: 1px solid #dad9d9;
	padding: 20px 0;
	font-weight: 300;
	transition-duration: .3s;
}
.acd-h.on{
	font-weight: 600;
}


/*--------------------------------------
フォームフッター周り
--------------------------------------*/
.form-footer{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
/*アクセプト*/
.wpcf7-acceptance{
	display: block;
	border: 1px solid #A7A7A7;
	border-radius: 3px;
	margin: 30px auto;
	width: 100%;
	font-size: 1.3rem;
	font-feature-settings: "palt" 1;
}
.wpcf7-acceptance label{
	padding: 15px 0;
	display: block;
	cursor: pointer;
}
@media (min-width:768px){
	.wpcf7-acceptance{
		font-size: 1.4rem;
		width: fit-content;
	}
	.wpcf7-acceptance label{
		padding: 15px 25px;
	}
}

.bimi-btns-wrap{

}
.bimi-submit{
	width: 100%;
	padding: 18px;
	color: #FFF;
	margin: 0;
	border-radius: 5px!important;
	background: #1168CC;
}
.bimi-submit:hover{
	opacity: 0.7;
}
/*アクセプトしてないボタン色*/
.bimi-submit[disabled]{
	background: #9A9A9A;
}

.wpcf7 form .wpcf7-response-output{
	margin-top: 0!important;
}

.copyright{
	font-size: 1.2rem;
	text-align: center;
	margin: 25px 0 15px;
}

/* Section Separator---------------------------------------------------------

　

----------------------------------------------------------------------------*/

.form-footer{
	text-align: center;
}

.consent{
	font-size: 1.2rem;
	margin-bottom: 40px;
}

.consent label{
	border: 1px solid #534741;
	padding: 15px;
	display: block;
	width: fit-content;
	margin: 0 auto;
	cursor: pointer;
}
.consent label:hover{
	background: #EEEEEE;
}

.consent input{
	margin-right: 5px;
}

.concent-note{
	margin: 25px 0;
}
.concent-note .material-icons{
	font-size: 1.5rem;
}
/*プライバシーポリシーへのリンク*/
.concent-note a{
	text-decoration: underline;
	color: #0000ee!important;
}



.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 10px!important;
font-weight: normal;
display: block;
margin: 0 0 10px 10px;
}