@charset "UTF-8";

/**********************************************************
*                              order/css/order.css 上書き
**********************************************************/

.cakeAboutArea p{ margin:12px auto; padding:0; font-weight:500; line-height:1.2em;}
.cakeAboutArea .cakeInfo ul li{ padding:0.4em 0.2em 0.5em; border-top:1px dashed #ccc;}
.cakeAboutArea p.aboutTxt span{ display:block; color:#ED1E79;}


#formInputSec h2{ width:100%; text-align:center;}
#formInputSec .aboutTxt,
#formInputSec .requiredDays{ width:100%; text-align:center;}

#formBox .cakeAboutArea .cakeInfo ul{ width:600px;}
#formBox #formInputSec .cakeInfo{ padding:0;}
#formBox #formInputSec .cakeInfo dl{ align-items: center; padding: 0 1em;}
#formBox #formInputSec .cakeInfo dt{ color: #000; width: 85%;}
#formBox #formInputSec .cakeInfo dd{ width: 15%; text-align: right;}

#formBox #formInputSec dl{ padding:0;}
#formBox #formInputSec dt{ width:25%;}
#formBox #formInputSec dd{ width:75%;}
#formBox #formInputSec select{ margin:0 1em 0 0;}



/**********************************************************
*
**********************************************************/



.topBox {
    margin-bottom: 15px;
    margin-top: 15px;
}


#formBox #formInputSec .cakeInfo select{ margin: 0.2em 0;}

#formBox #formInputSec .cakeInfo .souryoSizeTxt{ margin: 5px 0;}
#formBox #formInputSec .cakeInfo .pinkTxt{ margin-top: 10px;}

#erroerBox{ margin: 1em auto; padding: 1em; border: #ef7c7c 4px double; width: 70%;}

.commodityName{ width: calc(100% - 190px);}


.priceBox{ margin-left: 20px; }


.dispNone{ display: none;}

.pcNone680{ display: none;}


@media only screen and (max-width: 979px){
	#erroerBox { width: 95%; font-size: 95%;}

	#formBox #formInputSec .cakeInfo dl{ padding: none;}
	#formBox #formInputSec .cakeInfo select{ width: unset;}


	#formBox #formInputSec dt{ width:33%; font-size: 13px;}
	#formBox #formInputSec dd{ width:67%;}
	#formBox #formInputSec .cakeInfo ul { margin: 10px auto; width: 100%;}
	#formBox #formInputSec .cakeInfo .cookie_name{ font-size: 120%;}

	#formBox #formInputSec .cakeInfo .souryoSizeTxt,
	#formBox #formInputSec .cakeInfo .pinkTxt{ font-size: unset;}

	#formBox #receiptName,
	#formBox #receiptTxt{ width: 78%;}
}

@media only screen and (max-width: 680px){
	.pcNone680{ display: block;}
	.priceBox{ margin-left: 0px;}
	#formBox #formInputSec .cakeInfo dt{ display: block;}
}
@media only screen and (max-width: 450px){
	#formBox #formInputSec .cakeInfo dt{ width: 75%;}
	#formBox #formInputSec .cakeInfo dd{ width: 25%;}
}