@charset "UTF-8";

/* cookie */
.cakeAboutArea .cookieBoxOuter{width: 700px; margin: 10px auto 20px;}
.cakeAboutArea .cookieBox{/*background-color: #FAF5E9; padding: 10px 0;*/}
.cakeAboutArea .cookieBox ul{width: 50%; margin: 0 auto;}
.cakeAboutArea .cookieBox li{width: 90%; font-size: 1rem; font-weight: bold;}
.cakeAboutArea .cookieBox li:first-child{margin-bottom: 10px;}
.cakeAboutArea .cakeInfo ul li:first-child{border: none;}
.cakeAboutArea .cakeInfo ul li:nth-child(2) dd{line-height: 2.5rem;}
.cakeAboutArea .cakeInfo ul li:nth-child(2) .pinkTxt{line-height: 1.4rem;}
.cakeAboutArea ul{width: 700px; margin: 40px auto;}
.cakeAboutArea li {width: 100%; margin: 0 auto; text-align: center;}
.cookieBox p.attention {font-size: 0.7rem; color: #000; text-align: center; margin: 0}

#formInputSec .cakeInfo {width: 100%; margin: 0 auto;}
#formInputSec .cakeInfo p{font-size: 0.8rem;}


/* 期間限定対応 */
.cakeAboutArea .cookieBox ul.limitUl{ width: 100%; margin: 0 auto;}
.cakeAboutArea .cookieBox ul.limitUl:first-child li{ margin-bottom: 20px;}


/*confirm*/
#confirmArea #orderConfirme .oderCakeContent{float: none;}
#confirmArea #orderConfirme .oderCakeName{float: none; width: 100%; text-align: center;}
#confirmArea #orderConfirme dl{width: 100%;}
#confirmArea #orderConfirme dl dt{width: 180px;}



/* オリジナルクッキー */
#sideMenu {
	z-index: 999;
	width: 100px;
	height: 305px;
	position: fixed;
	right: 0;
	top: 300px;
}
.originalCookieBnrSP{ width:94%; margin:0 auto;}
.originalCookieBnrPC{ margin:1.5em auto 2.8em;}


@media only screen and (max-width: 979px){
	.cakeAboutArea ul{width: 100%;}
	.cakeAboutArea .cookieBox{width: 100%;}
	.cakeAboutArea .cookieBox li{font-size: 0.8rem;}
	#formInputSec .cakeInfo ul li dt,
	#confirmArea #orderConfirme dl dt{width: 35%;}
	#formInputSec .cakeInfo ul li dd{width: 62%;}

	.cakeAboutArea .cookieBox ul{ width: 100%; margin: 10px auto;}
	.cakeAboutArea .cookieBox ul:first-child{ margin-top: 0;}

}