/* ////////////////////////////////
* ◇ fontSize
* ///////////////////////////// */
/**/
@media screen and (min-width: 320px) and (max-width : 362px) {
  html {
    font-size: calc(100vw / 30);
  }
}
/**/
@media screen and (min-width: 362px) and (max-width : 404px) {
  html {
    font-size: calc(100vw / 28);
  }
}
/**/
@media screen and (min-width: 405px) and (max-width : 489px) {
  html {
    font-size: calc(100vw / 45);
  }
}
/**/
@media screen and (min-width: 490px) and (max-width : 575px) {
  html {
    font-size: calc(100vw / 50);
  }
}
/*sm*/
@media screen and (min-width: 576px) and (max-width : 671px) {
  html {
    font-size: calc(100vw / 55);
  }
}
/**/
@media screen and (min-width: 672px) and (max-width : 767px) {
  html {
    font-size: calc(100vw / 60);
  }
}
/*md*/
@media screen and (min-width: 768px) and (max-width : 877px) {
  html {
    font-size: calc(100vw / 65);
  }
}
/**/
@media screen and (min-width: 878px) and (max-width : 991px) {
  html {
    font-size: calc(100vw / 75);
  }
}
/*lg*/
@media screen and (min-width: 992px) and (max-width : 1199px) {
  html {
    font-size: calc(100vw / 85);
  }
}
/**/
@media screen and (min-width: 1200px) and (max-width : 1499px) {
  html {
    font-size: calc(100vw / 95);
  }
}
/*xl*/
@media screen and (min-width: 1500px) and (max-width : 1699px) {
  html {
    font-size: calc(100vw / 110);
  }
}
/*xl*/
@media screen and (min-width: 1700px) and (max-width : 1920px) {
  html {
    font-size: calc(100vw / 115);
  }
}
/**/
@media screen and (min-width : 1921px) {
  html {
    font-size: calc(100vw / 120);
  }
}


/* Xmas ///////////////////////////////////////////////////////////// */

body {
  background-color: #fff !important;
}
a:hover {
  cursor: pointer;
}
main p {
  color: #fff;
}
/* Xmas top ///////////////////////////////////////////////////////////// */
.topBg {
  background-color: #fff;
}
.topBg01 {
  margin-top: 16vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.txtCe {
  color: #000;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
p {
  color: #000;
}
/* masCakes ///////////////////////////////////////////////////////////// */
#XmasCakes {
  background: url("/images/2025/Xmas/mainBg.jpg") repeat;
}
#XmasCakes h2,
#xmasCakeSize h2,
#collaboration h2 {
  color: #007d2d!important;
  font-weight: bold;
  text-align: center;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(bottom, #007d2d, #07a03a);
  background: linear-gradient(to bottom, #007d2d, #07a03a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#XmasCakes .txtCol {
  color: #007d2d !important;
}
#XmasCakes .border-bottom {
  border-image: linear-gradient(to right, #007d2d, #23e262) 1;
}

#XmasCakes .btn {
  color: #fff;
  background-color: rgba(21, 114, 91, .8);
}



/* collaboration ///////////////////////////////////////////////////////////// */
/* masCakesSize ///////////////////////////////////////////////////////////// */
#xmasCakeSize {
  background-color: #fff;
}
/* XmasCakeInfo ///////////////////////////////////////////////////////////// */
#XmasCakeInfo {
  background-color: #f4f0e3;
}
#XmasCakeInfo h2 {
  text-shadow:2px 2px 3px #fff;
}
#XmasCakeInfo p {
  color: #000;
}
.hcol01 {
  color: #663300;
}
.dotBorder {
  border-bottom: 5px dotted #663300;
}
.solBorder01 {
  border: 1px solid #663300;
}
.solBorder {
  border: 1px solid #996633;
}
#XmasCakeInfo ul {
  padding-left: 1rem;
}
#XmasCakeInfo li {
  padding: .2rem 0;
  list-style: disc;
}
.dotBorderD {
  border: 3px dotted #663300;
}
.yoyaku {
  color: #fff;
  background-color: #000;
}
.present {
  /*background-color: #fffbc6;*/
  font-feature-settings: "palt" 1;
}
/* raitenInfo ///////////////////////////////////////////////////////////// */
#raitenInfo p {
  text-align: center;
  font-weight: bold;
  color: #fff;
}
#raitenInfo .borDas {
  background-color: rgb(230, 31, 32, .7);
  border: dotted .34rem #fff;
}



/* ////////////////////////////////
 * ■ Xmas
 * ///////////////////////////// */
.infoArrow {
  background-image: url(/images/common/arrow/arrowA.png);
  background-position: 95% center;
  background-repeat: no-repeat;
}
/* ////////////////////////////////
 * ■ Header
 * ///////////////////////////// */
/*#xmasHeader p {
  font-weight: bold;
  text-shadow:3px 3px 2px #ffffff;
  letter-spacing: 0.1em;
}*/
/* ////////////////////////////////
 * ■ footr
 * ///////////////////////////// */
#homeShop {
  background-color: #fff;
}
#footerbody {
  background-color: #fff;
}
/* ////////////////////////////////
 * ■ ケーキ案内
 * ///////////////////////////// */
#cake1 h2,#cake1 p,#cake2 h2,#cake2 p {
  color: #fff;
}
#cake2 a {
  color: #693905;
}
.btn {
  color: #fff;
}
.bg-img {
  background: url("/images/2025/Xmas/mainBg.jpg") repeat;
  /*background-image: linear-gradient(180deg, rgba(144, 245, 154, .1), rgba(21, 114, 91, .8) 60%);*/
  /*background-color: #1a254e !important;*/
  /*background-image: url(../../../images/2020/Xmas/BG_cake1.jpg);*/
  /*background-attachment: fixed;*/
  /*background-repeat: no-repeat;*/
  background-position: top center;
}
.bg-img2 {
  background-image: url(/images/2025/Xmas/BG_cake2.jpg);
  /*background-attachment: fixed;*/
  background-repeat: no-repeat;
  background-position: bottom center;
}
.bgTxt-img {
  background-image: linear-gradient(180deg, rgba(255,255,255, .1), rgba(255,355,255, .96) 60%);
  background-position: top center;
}
.bgTxt-img .border {
  border: rgba(0, 125, 45, .5) 1px solid!important;
}
/* ////////////////////////////////
 * ■ ケーキ案内 ポップアップ
 * ///////////////////////////// */
.kanbai {
  color: #000;
  font-size: 1.5rem;
  border:1px solid #e71a27;
  background-image: linear-gradient(328deg, #ff9500, #feb701, #fad704, #f3f70b)
}
.bg-pop-img {
  /*background-image: url(../../../images/2020/Xmas/bg-popup.jpg);*/
  /*background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top center;*/
}
.modal-header {
  border: 0px;
  border-radius: 0%;
}
.bg-white-pop {
  background-color: #ffe21c;
	border-radius: 50%;
}
#XmasCake p {
  color: #693905;
}
.waku {
  /*border: .2rem solid #007d2d;*/
}
.colred {
  /*background-color: #007d2d;*/
  background-image: linear-gradient(135deg, rgba(0, 125, 45, 1), rgba(23, 170, 72, 1) 75%, rgba(35, 226, 98, 1));
  cursor: pointer;
}
.price {
  font-size: 1.6rem;
  font-style: italic;
  color: #909090;
  margin-right: 1rem;
  margin-bottom: .1rem;
}
.priceP {
  color: #693905;
}
.priceS {
  font-size: 1rem;
  /*font-style: italic;*/
  color: #909090;
}
.pnc {
  color: #bfa473;
  font-size: 1rem;
  margin-right: .1rem;
}
.pnc02 {
  color: #bfa473;
  font-style: italic;
  margin-bottom: .1rem;
}
.pnc1 {
  margin-right: .5rem;
}
.priceLine {
  border-bottom: 1px solid #bfa473;
}
.priceLine1 {
  border-bottom: 1px solid #bfa473;
}
.bgInfo {
  background-image: url(/images/2025/Xmas/BG_cake2.jpg);
  background-repeat: repeat;
  background-position: bottom center;
}
.bgInfo p {
  color: #fff!important;
  font-size: .8rem;
  text-shadow: 2px 3px 3px rgba(0, 0, 0,.6);
}
/* ////////////////////////////////
 * ■ gift
 * ///////////////////////////// */
.gift_top {
  color: #fff;
  background-color: #000;
}
.gift_main {
  background-color: #fffac6;
}
.giftRed {
  color: #c30d22;
  font-size: 2rem;
}
.giftRed1 {
  color: #fff;
    line-height: 3rem;
  background-color: #c30d22;
  padding: .2rem;
  padding-right: .5rem;
}
/* ////////////////////////////////
 * ■ X'masCakeInfo
 * ///////////////////////////// */


/* ////////////////////////////////
 * ■ 予約案内
 * ///////////////////////////// */
#ReservationInfo {
  background-color: #f4f0e3;
}
.InfoBorder {
  border-bottom: 1px solid #bfa473;
}
.reInfo {
  background-color: #fff;
}
#ReservationInfo h5 {
  color: #bfa473;
}
#ReservationInfo h5 small {
  font-size: .96rem;
}
#ReservationInfo p {
  margin: 0rem;
}
ul.mark1 {
  list-style-type: none;
  margin-left: 1rem;/* マーカーを1文字寄せた分、ULにマージンを設定*/
}
ul.mark1 li:before {
  content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
  margin-left: -1rem; /* 1文字分、左に寄せる */
}
#ReservationInfo .btn a {
  font-size: 1rem;
  color: #fff;
  padding: .4rem .5rem .4rem .8rem;
  background-color: #bfa473;
  /*border: solid 1px #bfa473;*/
  border-radius: 2rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .6s;
}
#ReservationInfo .btn a:hover {
  background-color: rgba(191, 164, 115, .6);
  cursor: pointer;
}
#ReservationInfo .infoArrow {
  background-image: url(../../images/common/arrow/arrowA-white.png);
  padding: 0 0 0 .4rem;
  background-position: right center;
  background-repeat: no-repeat;
}

.infoline01 {
  background-image: url(../../images/2025/Xmas/XmasCakeInfo_line1.png);
  padding: 0;
  background-position: center;
  background-repeat: repeat-x;
}
.infoline02 {
  background-image: url(../../images/2025/Xmas/XmasCakeInfo_line2.png);
  padding: 0;
  background-position: center;
  background-repeat: repeat-x;
}