html, body{overflow:visible;font-size: 11px;}
/*----------------------------------------------------------------------------
***	�w�b�_�[
----------------------------------------------------------------------------*/
.header{position:-webkit-sticky;position:sticky;top:0;background: #fff;z-index: 1;}
.header .headerBox{border-bottom: 10px solid #a38255;padding: 0 0em;}
.header .headerInner{margin: 0 auto 0;padding: 10px 0 0;background: #fff;}
.headerTopBox {display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;margin-bottom: 1em;padding: 0 0.6em;}
.headerTopBox .navMenu .listBox {display:-webkit-box;display:-ms-flexbox;display:flex; }
.headerTopBox .logoBox{width: 15%; max-width: 118px;}
.headerTopBox .userBox{ padding: 0.3em 0 0.3em 1em; margin: 0 0 0 2em; border-left: 0.5em solid #a38255; width: 53%;}
.headerTopBox .userBox p{padding:0;line-height: 1;}
.headerTopBox .userBox .orderNumber{color: #a38255; margin-bottom: 0.5em;}
.headerTopBox .userBox .userName{}
.headerTopBox .paymentBox{margin: 0 0 0 auto;}
.headerTopBox .paymentBox p{margin:0; padding:0;}
.headerTopBox .paymentBox p a{background: center right 1em/0.7em auto #ed1e79;color: #fff;padding:0.5em 2.5em 0.5em 1em;margin: 0;line-height: 1;border-radius: 5px;text-align: center;}
.headerTopBox .paymentBox p a .icoArrow{margin:0 0 0 2em;}

.headerBottomBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.headerBottomBox .navMenu{padding: 0; width: 90%;}
.headerBottomBox .navMenu .listBox{display:-webkit-box;display:-ms-flexbox;display:flex;}
.headerBottomBox .navMenu .listBox li{border:none;padding: 0;margin:0;float: none;width: 28%;}
.headerBottomBox .navMenu .listBox li:not(:last-child){padding-right:0.2em;}
.headerBottomBox .navMenu .listBox .newMessage{background:#ed1e79;color:#fff;padding:0;margin: 0 0 0 auto;display:block;width: 1.5em;height: 1.5em;border-radius:50%;text-align: center;}
.headerBottomBox .navMenu .listBox a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid #a38255;border-bottom: 0px solid #a38255;color:#a38255;max-width:192px;width: 100%;height: 3em;margin: 0 0 0 0;padding: 0.5em 0.5em 0em 0.5em;border-radius: 7px 7px 0px 0px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 95%;}
.headerBottomBox .navMenu .listBox a.open{display:-webkit-box; display:-ms-flexbox; display:flex; background:#a38255; color:#fff; }/*�lj��C��2020/09/08*/
.headerBottomBox .navMenu .listBox .onImg{display:none;margin:0 0.5em 0 0;height: 1.1em;}
.headerBottomBox .navMenu .listBox .offImg{display:inline-block;margin:0 0.5em 0 0;height: 1.1em;}
.headerBottomBox .navMenu .listBox .open .onImg{display:inline-block;}
.headerBottomBox .navMenu .listBox .open .offImg{display:none;}
.headerBottomBox .navMenu .listBox a:hover{background:#a38255;color:#fff;}
.headerBottomBox .navMenu .listBox a:hover .onImg{display:inline-block;}
.headerBottomBox .navMenu .listBox a:hover .offImg{display:none;}

.headerBottomBox .addImg{width: 7%;margin-right: 1%; min-width: 50px;}
.headerBottomBox .addImg p{ padding: 2px 4px 1px;}
.headerBottomBox .addImg p a{display:block; padding:0.3em;}


.header .statusBox{ margin:1.5em auto 0.5em;}
.header .statusBox dt{ width:17%;}
.header .statusBox dd{ width:25%}
.header .statusBox .admin-status dt:last-child{ width:15%;}
.header .statusBox .admin-status dd:last-child{ width:40%}

.header .statusBox dd select{ -moz-appearance:menulist; -webkit-appearance:menulist; width: 80%;}


/*----------------------------------------------------------------------------
***   �t�b�^�[
----------------------------------------------------------------------------*/
footer .footerText {background: #a38255;}


/*----------------------------------------------------------------------------
***   �R���e���c���ʃX�^�C��   contents-style
----------------------------------------------------------------------------*/
.contents-style{width:100%;}
.contents-style .top-image{background:#d3c3b2; padding: 1em 0 1em;}
.contents-style .top-image .intro{background:none;padding: 0 1em 0 2em;max-width: 930px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.contents-style .intro .ttl{font-size:1.35rem;text-align: left;}
.contents-style .intro .edit{padding:0; margin:0; font-size:112.5%;}
.contents-style .intro .edit a{background:#3fa9f5;color:#fff;padding: 0.4em 2em;margin: 0;line-height: 1;border-radius: 5px;}

.contents-style input,
.contents-style textarea{ font-size:16px;}

/*----------------------------------------------------------------------------
***   �|�b�v�A�b�v���ʃX�^�C��   popup-box
----------------------------------------------------------------------------*/
.popup-box{display:none; width:100%; height:100%; position:fixed; top:0; left:0; bottom:0; right:0; z-index:9; text-align:center; background:rgba(0,0,0,0.85); z-index: 1000;}
.popup-box p{padding:0; }
.popup-box button{padding:0; margin:0; outline:none; border:none; display:block; cursor:pointer;}
.popup-box .btnClose{width:3em; max-width:42px; height:auto; display:block; position:absolute; top:1em; right:1em; z-index:9; }
.popup-box .popup-in-box{max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; text-align:left; }
.popup-box .addImgInBox{width:100%; padding:10% 15%; overflow-x:auto; }
.popup-box .addImgListBox{display:block; }
.popup-box .addImgListBox li{ max-width:360px; width:100%; margin:0 auto 10%;}
.popup-box .addImgListBox li:nth-last-child(-n+2){margin-bottom:10%; }
.popup-box .addImgListBox li:last-child{margin-bottom:0; }
.popup-box .imgTtl{color:#fff; text-align:center; font-size:130%; margin-bottom:0.5em; }
.popup-box .imgBox{margin-bottom:1em; position:relative; }
.popup-box .imgBox .addImgTxt{width:100%; max-height:4em; min-height:4em; position:absolute; bottom:0; left:0; resize:none; font-size:16px;}
.popup-box .imgTxt{color:#fff; font-size:120%; }
.popup-box .addBtnBox{text-align:center; }
.popup-box .addBtnBox .addImgSubmit{background:#ed1e79; color:#fff; font-size:85%; padding:0.8em 3em; margin:0; line-height:1; border-radius:5px; outline:none; border:none; margin:0 auto; }



.popup-box .addImgListBox::-webkit-scrollbar {
	display:none;
}

.popup-box .btnStretch {
	width: 3em;
	bottom: 3.5em;
	right: 2em;
}
.popup-box .btnStretch .popup-btn-Stretch{
	display: block;
	cursor: pointer;
	background-image:url(../../images/order/up_img.png);
	background-size: cover;
	width: 3em;
	height: 3em;
}


/* 表示領域、表示方法変更 */
#addImgBox.show-half  .btnStretch {
	bottom: 1em;
	right: 1em;
}


#addImgBox.show-half ul.addImgListBox{
	display: flex;
}

#addImgBox.show-half ul.addImgListBox li p.imgBox{
	height: calc(100% - 40px);
}

@media only screen and (max-width: 750px){

	#addImgBox.show-half ul.addImgListBox li{
		width: 30%;
		min-width: 30%;
	}
	#addImgBox.show-half ul.addImgListBox li p.updatetime{
		font-size: 90%;
	}
	#addImgBox.show-half ul.addImgListBox li p.imgBox{
		height: calc(100% - 15px);
	}
}

@media only screen and (max-width: 500px){
}

@media only screen and (max-width: 400px){
	#addImgBox.show-half ul.addImgListBox li{
		width: 40%;
		min-width: 40%;
	}
}



/*----------------------------------------------------------------------------
***   �������e�F���z����E�x�������   orderSheetArea
----------------------------------------------------------------------------*/
#orderView{ padding:8rem 0 0;}
.orderSheetArea .order-sheet .orderBox{ width:86%; margin:0 auto; padding:2em;}
.orderSheetArea .order-sheet .breakdown-info,
.orderSheetArea .order-sheet .paymentBox{ padding:1em 0;}
.orderSheetArea .order-sheet .breakdown-info,
.orderSheetArea .order-sheet .paymentBox{ width:100%;}
.orderSheetArea .order-sheet .breakdown-info{ border-right:none; border-bottom:1px dashed #a38255;}
.orderSheetArea .order-sheet .breakdown-info dt{ font-size:150%;}
.orderSheetArea .order-sheet .breakdown-info dd li dd{ font-size:175%;}
.orderSheetArea .order-sheet .selectBox .input-item dt{ width:40%; line-height:1.5em; padding:0.5em 0.5em 0 0; font-size:100%;}
.orderSheetArea .order-sheet .selectBox .input-item dd{ width:60%;}
.orderSheetArea .payment-info p a{ width:60%; margin:1em auto;}
#btn_order_fixed{ margin:1em auto 0;}


/*----------------------------------------------------------------------------
***   ���ω��   contents-payment
----------------------------------------------------------------------------*/
.contents-payment .selectBox{ width:90%;}
.contents-payment .selectBox h3{ font-size:125%; padding:0.5rem 0 0.4rem;}
.contents-payment .cardInfoSec .corres-card dt{ width:100%; font-size:112.5%;}
.contents-payment .selectBox .input-item dt,
.contents-payment .selectBox .input-item dd{ width:100%; font-size:112.5%; margin:0;}
.contents-payment .selectBox .input-item dd .attention{ line-height:1.2em; margin:0.5em 0;}
.contents-payment .paymentSec li{ font-size:125%;}
.contents-payment .cardInfoSec .corres-card dd li{ width:calc(100% / 4 - 1em);}
.contents-payment .cardInfoSec input[type="text"]{ margin:0 0.5em 0.5em; width:80%;}
.contents-payment .cardInfoSec .receipt_box label{ display:block; line-height:1.5em;}
.contents-payment .nextPage{ width:80%; margin:2em auto 6em;}




/*----------------------------------------------------------------------------
***   �������   contents-thanks
----------------------------------------------------------------------------*/
.contents-thanks .txtBox{ width:90%; margin:0 auto;}
.contents-thanks .txtBox p{ text-align:center; font-size:125%; padding:0; margin:1em auto;}



.cardMsg{
	font-size: 100%;
}