div#AllBox {}

div#Contents {
  padding: 47px 0 0 0;
  background: url(/sp/images/christmas2025/bg_order.jpg) no-repeat center bottom / 100% auto;
}

#Main {
	font-family: YakuHanJP_Noto,'Noto Sans JP', sans-serif;
	font-weight: 400;
}
#Main img{
	width:100%;
	height:auto;
	vertical-align: top;
}
.cake_nav_area {
	background:#ffffff;
    position: fixed;
    top: 8px;
    z-index: 50;
	right:15px;
	}
/*　予約スタートしたら表示*/
div#HeaderBox .header_in{
	border-bottom:none;
	}

#Main .disno{
	font-size: 0;
	height:0;
}

/*NAVI*/
div#HeaderBox .cake_nav {
  clear: both;
  overflow: hidden;
}
div#HeaderBox .cake_nav li {
  float: left;
}
div#HeaderBox .cake_nav li a {
	display: block;
	width: 100%;
  font-family: YakuHanJP_Noto,dnp-shuei-mgothic-std, sans-serif;
  font-weight: 600;
  position: relative;
	height: 20px;
  font-size: 10px;
  padding-top: 5px;
  text-decoration: none;
	/* text-indent: -9990px; */
}
div#HeaderBox .cake_nav li a{
  color: #e60012;
}
#Main .cake_nav li a:hover,
#Main .cake_nav li a:active {
  text-decoration: none;
}
div#HeaderBox .cake_nav li a.here::before {
  content: "";
  display: block;
  width: 6px;
  height: 5px;
  background:url(/sp/images/christmas2025/tri_hover.png) no-repeat 0 0 /cover;
  position: absolute;
  transform: translateX(-50%);
  left: calc(50% - 1rem);
  top: 0;
}
div#HeaderBox .cake_nav .n01 {
	/* width: 102px; */
  position: relative;
}
div#HeaderBox .cake_nav .n01::after {
  content: "";
  width:1px;
  height: 15px;
  background: rgba(0, 0, 0, 0.12);
  position: absolute;
  right: 0;
  bottom: 0;
}
div#HeaderBox .cake_nav .n01 a {
  padding-right: 1rem;
}

div#HeaderBox .cake_nav .n02 a {
  padding-left: 1rem;
}


/* Campaign Area */
#Main .cam_area .rouge {
	position: relative;
  background: url(/sp/images/christmas2025/bg_rouge.jpg) no-repeat center bottom / cover;
  	padding: 45px 20px 0;
}
#Main .cam_area .rouge .campaign{
  padding-bottom: 30px;
}
#Main .cam_area .rouge .campaign_lead {
	padding: 0 20px 40px;
    box-sizing: border-box;
}
#Main .cam_area .rouge h3 {
	color: #ffffff;
	text-align: center;
	position: relative;
	font-size: 18px;
	letter-spacing: 0.08em;
}
#Main .cam_area .rouge h3::before,
#Main .cam_area .rouge h3::after {
	content: "";
	display: block;
	width: calc(50% - 3rem);
	height: 2px;
	background-color: #ffffff;
	position: absolute;
	top: calc(50% + 1px);
}
#Main .cam_area .rouge h3::before{
  left: 0;
}
#Main .cam_area .rouge h3::after{
  right: 0;
}
#Main .cam_area .rouge h3 span {
	padding: 0 15px;
	display: inline-block;
	position: relative;
}

#Main .cam_area .rouge h4{
  color: #fff;
  margin: 20px auto 5px;
  width: fit-content;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  border: 1px solid;
  padding: 6px 10px 8px;
}

#Main .cam_area .rouge .campaigntxt {
	color: #ffffff;
	font-size: 10px;
	line-height: 1.5;
	text-align: center;
	margin: 10px 0 20px;
}

#Main .cam_area .rouge .shop {
	padding: 35px 0 35px;
}
#Main .cam_area .rouge .shop dl {
	padding: 15px 10px;
	border-bottom: 1px solid #e6f3f5;
}
#Main .cam_area .rouge .shop dl:last-of-type{
	border-bottom: none;
}
#Main .cam_area .rouge .shop dl dt ,
#Main .cam_area .rouge .shop dl dd {
	line-height: 1.5;
	font-weight: 400;
	color: #ffffff;
  padding-left: 16px;
}
#Main .cam_area .rouge .shop dl dt {
	background:url(../images/christmas2025/icon_star.png) no-repeat left 4px;
	background-size: 11px 11px;
	font-size: 14px;
  color: #fffbcd;
}
#Main .cam_area .rouge .shop dl dd {
  font-size: 12px;
}
#Main .cam_area .rouge .shop dl dd a {
	color: #ffffff;
	text-decoration: none;
}
#Main .cam_area .rouge .shop dl dd.gray {
	font-size: 10px;
	margin: 8px 0 0 1em;
	text-indent: -1em;
  color: #fff300;
}
@media (max-width: 340px) {
	#Main .cam_area .rouge .shop dl dd.gray br.kai {
		display: none;
	}
}

#Main .cam_area .rouge .shop p {
	margin: 15px 16px 0;
}

#Main .cam_area .rouge .web {
	padding: 0;
}
#Main .cam_area .rouge .web p {
  padding-top: 30px;
}
#Main .cam_area .rouge .contact .delivery_note{}
#Main .cam_area .rouge .contact h3{
  font-size: 20px;
  padding-block: 24px 20px;
}
#Main .cam_area .rouge .contact h3::before,
#Main .cam_area .rouge .contact h3::after{
  display: none;
}
#Main .cam_area .rouge .contact h3 img{
  position: absolute;
  width: 50px;
  top: 0;
  right: 0;
}
/* Campaign Area */




/* Links */
.contentWrap{
	display:none;
	margin: 0 20px;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0 20px;
	color: #FFFFFF;
}
#Main .materials .btn_open{
	display:none;
}
#Main .open .btn_close{
	display:none;
}
#Main .open .btn_open{
	display:block;
}

#Main .start{
	margin:0 15px 16px;
}
#Main .period{
  margin:25px 10px 29px;
}
#Main .app_box li{
	width:50%;
	float:left;
}



#Main .cake_area{
  background-color: #c2353b;
  background-image: linear-gradient(90deg, rgba(140,31, 53, 1), rgba(194, 53, 59, 1) 65%);
  z-index: 1;
}


/* Area_common */
#Main .c-area{
	position:relative;
	margin-bottom: 30px;
}
#Main .c-area .main_inner {
  position: relative;
  border-bottom: #fff 1px solid;
}

#Main .c-area .c01,
#Main .c-area .c02,
#Main .c-area .txt01 {
	position: absolute;
	margin: 0 4.5vw;
}
#Main .c-area p{
	line-height: 1.5;
	/*font-size: 13px;*/
	font-size: 3.47vw;
	color: #fffbda;
}
#Main .c-area .kome{
  /* font-size: 12px; */
  padding-top: 1.2rem;
  line-height: 1.7;
  font-size: 3.27vw;
  
}

#Main .c-area ul.yoyakubtn{
	margin: 0 6vw;
	padding: 25px 16px 50px;
	border-bottom: #fff 1px solid;
}
#Main .c-area  ul.yoyakubtn li:not(:last-child) {
	margin-bottom: 18px;
}

/* AreaNew */
/* #Main .areaNew {
	background: url(../images/christmas2023/bg_cake_sp.jpg)no-repeat center center/cover;
	padding: 45px 0;
}
#Main .areaNew .c01 {
	top: 199vw;
} */

/* Area01 */
#Main .area01 {
	padding-top: 50px;
}
#Main .area01 .c01 {
	top: 150vw;
}

/* Area02 */
#Main .area02 .c01 {
	top: 120vw;
}

/* Area03 */
#Main .area03 .c01 {
	top: 153vw;
}

/* Area04 */
#Main .area04 .c01 {
	top: 141vw;
}

/* Area05 */
#Main .area05 .c01 {
	top: 142vw;
}

/* Area06 */
#Main .area06 .c01 {
	top: 150vw;
}

/* Area07 */
#Main .area07 .c01 {
	top: 128vw;
}

/* Area08 */
#Main .area08 {}
#Main .area08 .c01 {
	top: 120vw;
}

/* Area09 */
#Main .area09 .c01 {
  top: 127vw;
}

/* Area10 */
#Main .area10 {}
#Main .area10 h3 {
}
#Main .area10 .c01 {
  top: 113vw;
}

/* Area11 */
#Main .area11 p.ttl_icecake {
	padding: 25px 20px;
}

#Main .area11 .c01 {
	top: 198vw;
}

/* Area12 */
#Main .area12 .c01 {
	top: 142vw;
}

/* Area13 */
#Main .area13 {
  margin-bottom: 0;
}
#Main .area13 .c01 {
	top: 129vw;
}
#Main .area13 ul.yoyakubtn {
	border-bottom: unset;	
}


#Main .other_area{
  background-color: #548d50;
  background-image: linear-gradient(90deg, rgba(17,70, 44, 1), rgba(84, 141, 80, 1) 65%);
}


/* sweets */
#Main .other_sweets {}
#Main .other_sweets .c01 {
	position: relative;
  
}
#Main .other_sweets .c01 p {
  position: absolute;
  width: 100%;

}

/* Area14 */
#Main .area14 {
  padding-top: 30px;
}
#Main .area14 h3 {
  /* width: 310px; */
  width: 83vw;
  margin: 0 auto 43px;
}
#Main .area14 .c01 p {
  top: 23vw;
}

/* Area15 */
#Main .area15 .c01 h4{
  margin: 0 0 0 calc(50% - 50vw);
}
#Main .area15 .c01 p {
  top: 29vw;
}
#Main .area15 ul.yoyakubtn{
}

/* Area16 */
#Main .area16 {}
#Main .area16 h3 {
  /* width: 245px; */
  width: 66vw;
  margin: 0 auto 30px;
}
#Main .area16 .c01 p {
  top: 92vw;
}

/* Area17・Area18 */
#Main .area17 .c01 p,
#Main .area18 .c01 p {
  position: unset;
  padding-top: 15px;
}
#Main .area18{
}
#Main .area18 ul.yoyakubtn{
}
/* Area19 */
#Main .area19 {
  margin-bottom: 0;
}
#Main .area19 h3 {
  /* width: 245px; */
  width: 66vw;
  margin: 0 auto 30px;
}
#Main .area19 ul.yoyakubtn{
  border-bottom: unset;
}
/* How to Order */
#Order{
	padding-top:48px;
}
#Order h2 {
  text-align: center;
  font-size: 23px;
  font-size: 6.1vw;
  line-height: 1.4;
  font-family: YakuHanJP_Noto,'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #59493f;
  padding: 10px 0 30px;
}



#Main .howto_area {
	padding: 27px 18px 37px;
	background-color: #faf1d3;
	margin: 0 20px;
	position: relative;
}

#Main .howto_area h3 {
	font-size: 3.7vw;
	line-height: 1;
	text-align: center;
	font-family: YakuHanJP_Noto,'Zen Kaku Gothic New', sans-serif;
	font-weight: 500;
	padding: 7px 8px 6px;
	color: #59493f;
	background-color: #ffffff;
	width: 42.8%;
	margin: 0 auto 14px;
  
}
#Main .howto_area p.uke1 {
	margin: 0 2px 20px 6px;
}
#Main .howto_area p.uke2 {
	margin: 35px 19px 27px 19px;
}



/* OrderBox */
#Main .orderbox {
  	padding: 50px 20px 68px;
	position: relative;
	overflow: hidden;
}
#Main .orderbox h3 {
	font-size: 20px;
	letter-spacing: 0.07em;
	text-align: center;
	color: #ffffff;
	font-family: YakuHanJP_Noto,'Zen Kaku Gothic New', sans-serif;
	font-weight: 700;
	margin-bottom: 17px;
  /* filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); */
}
#Main .contact{
  padding-bottom: 20px;
}

#Main .contact p span{
  display: block;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  padding-bottom: 5px;
  /* filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); */
  display: none;
}
#Main .contact p span::before{
  content: "";
  background:url(../images/christmas2025/icon_contact_star.png) no-repeat left center / 100% auto;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 0.3em;
  vertical-align: -3px;
}





#Main .contact p.tel {
  margin: 0 40px 0 31px;
}
#Main .contact p.tel a{
  /* filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.3)); */
}
#Main .contact p.mail {
	margin: 19px 26px 26px;
}

#Main .orderbox .shop h3 {
	margin-bottom: 2px;
}
#Main .orderbox .shop dl{
	padding: 12px 0 10px 32px;
	border-bottom: 1px solid #e6f3f5;
}
#Main .orderbox .shop dl:last-of-type{
	border-bottom: none;
}
#Main .orderbox .shop dl dt,
#Main .orderbox .shop dl dd {
	font-size: 12px;
	line-height: 1.5;
	font-weight: 400;
	color: #fff;
  padding-left: 16px;
}
#Main .orderbox .shop dl dt{
	background: url(../images/christmas2022/icon_star.png) no-repeat left 4px;
	background-size: 11px 11px;
	font-size: 14px;
}
#Main .orderbox .shop dl dd a {
	color: #fff;
	text-decoration: none;
}
#Main .orderbox .shop dl dd.gray {
	font-size: 10px;
	margin: 2px 0 0 1em;
	text-indent: -1em;
}
@media (max-width: 360px) {
	#Main .orderbox .shop dl dd.gray br.kai {
		display: none;
	}
}


.btn_yoyaku {
	display: none !important;
    width: 81px;
    position: fixed;
    top: 44px;
    right:7px;
}
.btn_yoyaku img{
	width:100%;
	height:auto;
}


/* Sold Out */
#Main .c-area p.soldout {
	display: none;
	color: #dc0225;
	font-size: 3vw;
	line-height: 1.2;
}