table.tbl_calendar {
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
}
table.tbl_calendar caption{
  font-weight: bold;
  margin: 10px auto;
}

      .product__fav-item {
          margin-top: 10px;
        }

        .product__fav-item button {
          padding: 0;
          cursor: pointer;
          transition: .2s;
          color: #999;
          border: 0;
          outline: none;
          background: transparent;
        }

        .product__fav-item .fav-items {
          color: #ff7373;
        }

        .product__fav-item svg {
          width: 20px;
          height: 20px;
          vertical-align: -.35em;
          fill: currentColor;
        }


.fav-item{
  position: absolute;
  right: 25px;
  top: 10px;
}
@media (max-width: 767px) {
  .fav-item{
    position: absolute;
    right: 15px;
    top: 10px;
  }
  .itemList-sp--3 .fav-item {
    right: 10px;
    top: 5px;
  }
}
.fav-item button {
    animation: none;
    border: none;
    background: none;
    padding: 0;
    color: rgba(0,0,0, 0.5);
   cursor: pointer;
}
.fav-item button.is-added {
    color: rgba(255, 115, 115, 0.5);
}

h1#logo_i img {
    max-width: 100%;
}

#validation_select_yes a, #validation_select_no a {
    font-size: 12px;
    padding: 12px 25px;
}

#validation_select_yes, #validation_select_no{
  margin:0;
}

#main_i,#header_i,#footer_i{
  margin:0;
  font-size:14px;
}

.validation_txt {
    font-size: 14px;
}
#main_i {
    padding: 20px;
}
.footstamp {
    margin-top: 15px;
}


/* ===== Kotobuki LP ===== */
#sec-kotobuki{ 
  margin: 24px 0;
               }
#sec-kotobuki *{ 
  box-sizing: border-box;
}
#sec-kotobuki img{ width:100%; height:auto; display:block; }
#sec-kotobuki{ color:#5c2522; line-height:1.7; font-size:14px; }

#sec-kotobuki .koto-lead{
  text-align:center;
  max-width:820px;
  margin:0 auto 0;
  font-weight: 500;
  font-size:15px;
  line-height:1;
}

.kotobuki-mv{
  background: #faf0e6;
}

#sec-kotobuki .koto-seicho{
  text-align:center;
  max-width:820px;
  margin:-20px auto 0;
  font-weight: 500;
  font-size:15px;
  line-height:2;
}
.koto-fv__fvimg{
  margin-top: -2em;
}

.seicho{
  background-color: #f2e8ea;
  margin-top: -11em;
}

.kodawari{
  background-color:#e7dadb;
  margin-top: -7em;
  text-align: center;
}

#sec-kotobuki .koto-pillTitle{
  display: inline-block;
  background: #D01D20;
  color: #fff;
  font-weight: 900;
  padding: 12px 26px;
  border-radius: 999px;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: .14em;
}

.kotobuki-plan-sec{
 margin-top: -7em;
}

#sec-kotobuki .kotobuki-plan{
  display:flex;
  justify-content:center;
  gap:20px;
  margin:80px auto;
  max-width:1200px;
}


#sec-kotobuki .kotobuki-plan__item{
  width: 290px;
  height: 290px;
  border-radius:50%;
  background:#f3eadf;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color: #5c2522;
  line-height: 1rem;
}


#sec-kotobuki .kotobuki-plan__icon{
  font-size:44px;
  font-weight:700;
  margin-top: 15px;
}

.kotobuki-icon{
  width: 40px !important;
}



#sec-kotobuki .kotobuki-plan__text{
  font-size:14px;
  line-height:1.8;
}


#sec-kotobuki .kotobuki-plan__btn{
  background:#fff;
  padding: 10px 20px;
  border-radius:999px;
  font-size:13px;
  font-weight:700;
}


#sec-kotobuki .kotobuki-plan__arrow{
  margin-top: -15px;
  width:32px;
  height:32px;
  background:#c94b4b;
  border-radius:50%;
  position:relative;
}
#sec-kotobuki .kotobuki-plan__arrow::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-30%);
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:8px solid #fff;
}

#sec-kotobuki p{
  margin: 0px;
}

.kotobuki-voice{
  background-color: #faf0e6;
  margin-top: -7em;
}

.kotobuki-message{
  margin-top: -4em;
}

#sec-kotobuki .koto-heading{
  text-align:center;
}

#sec-kotobuki .koto-heading__title{
  margin:0;
  color:#d94956;             
  letter-spacing:.08em;
  line-height: 0.8;
  margin-top: -2em;
}

#sec-kotobuki .koto-heading__titleTop{
  display:block;
  font-size:34px;
  font-weight:800;
}

#sec-kotobuki .koto-heading__titleBottom{
  display:block;
  font-size:30px;
  font-weight:800;
}

/* ===== Greeting section ===== */
#sec-kotobuki.koto-greeting{
  padding: 64px 0;
  color:#5c2522;
}

.koto-greeting{
  background-color: #e7dadb;
  margin-top: -9em;
}

#sec-kotobuki .koto-greeting__inner{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

#sec-kotobuki .koto-greeting__head{
  text-align:center;
  line-height: 1.5em;
}

#sec-kotobuki .koto-greeting__title{
  margin: 0;
  font-size: 40px;
  font-weight: 800;
  letter-spacing: .08em;
}

#sec-kotobuki .koto-greeting__bar{
  display:inline-block;
  width: 34px;
  height: 6px;
  background:#b01b1b;
  border-radius:999px;
  margin-top: 10px;
}


#sec-kotobuki .koto-greeting__row{
  display:flex !important;
  gap: 56px;
  align-items:flex-start;
  justify-content:center;
}


#sec-kotobuki .koto-greeting__photo{
  margin: 0;
  flex: 0 0 420px;          
  max-width: 420px;
  border-radius: 18px;
  overflow:hidden;
}

#sec-kotobuki .koto-greeting__photo img{
  display:block;
  width:100%;
  height:auto;
}


#sec-kotobuki .koto-greeting__text{
  flex: 1 1 auto;
  min-width: 0;            
  font-size: 16px;
  line-height: 2.1;
  letter-spacing: .06em;
}

#sec-kotobuki .koto-greeting__text p{
  margin: 0 0;
  line-height: 2.2em;
}

#sec-kotobuki .koto-greeting__sign{
  text-align:right;
  line-height: 1em;
}

#sec-kotobuki .koto-greeting__role{
  font-size: 13px;
  letter-spacing: .08em;
}

#sec-kotobuki .koto-greeting__name{
  margin-top: 6px;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: .12em;
}

@media (max-width: 900px){
  #sec-kotobuki.koto-greeting{ padding: 48px 0; }

  #sec-kotobuki .koto-greeting__title{ font-size: 32px; }

  #sec-kotobuki .koto-greeting__row{
    flex-direction: column !important;
    gap: 0;
    align-items: center;
  }

  #sec-kotobuki .koto-greeting__photo{
    flex: none;
    width: min(520px, 100%);
    max-width: 520px;
  }

  #sec-kotobuki .koto-greeting__text{
    width: 100%;
    font-size: 15px;
    line-height: 2.0;
     margin-top: -3em;
  }
}
/* ===== Voice Section ===== */
.voiceSec{
  background:#faf0e6;
}

.voiceSec p{
  padding: 0px 15px;
  margin: -30px 0 0 0 !important;
}


.voiceSec__inner{
  max-width: 1100px;
  margin: -30px auto;
  padding: 0 24px;
}


.voiceGrid{
  display:flex !important;
  flex-wrap: wrap !important;
  gap: 13px;
  align-items: stretch;
  justify-content: center;
}


.voiceCard{
  width: 300px;
  background:#fff;
  border-radius: 22px;
  box-shadow: 0 10px 20px rgba(0,0,0,.04);
  box-sizing: border-box;
  display:flex;
  flex-direction: column;
  min-height: 360px;
  line-height: 0.7em;
  margin-top: 2em;
}

.voiceCard__top{
  display:flex !important;
  align-items: flex-start;
}

.voiceCard__img{
  margin-top: -19px;
  flex: 1 1 auto;
  border-radius: 16px;
  overflow:hidden;
}

.voiceCard__img img{
  display:block;
  width:100%;
  height:auto;
}

.voiceCard__label{  
  padding: 0px 20px 0 10px;
  display:flex;
  flex-direction: column;
  align-items:center;
  justify-content: space-between;
}


.voiceCard__no{
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-weight: 800;
  letter-spacing: .08em;
  color:#d0904a;
  font-size: 25px;
  font-family: "Josefin Sans", sans-serif;
}

.voiceCard__catch{
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-weight: 900;
  letter-spacing: .12em;
  color:#5c2522;
  font-size: 20px;
  border-left: 10px solid #e7dadb;
  margin: 20px 0 0 15px;
}


.voiceCard__text{
  font-size: 15px;
  line-height: 1.9;
  color:#5c2522;
}


.voiceCard__meta{
  text-align:right;
  font-weight:700;
  font-size: 13px;
  letter-spacing:.08em;
  color:#5c2522;
  padding: 0 15px 15px;
}

.altColor{
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-family: "Josefin Sans", sans-serif;
  font-weight: 700;
  letter-spacing: .08em;
}


@media screen and (min-width: 769px) {
  .sp-only {
    display: none;
  }
}


@media screen and (max-width: 768px) {
  .pc-only {
    display: none;
  }
}


.altColor span:nth-child(odd){  color:#f1904f; } 
.altColor span:nth-child(even){ color:#f0b77b; } 


@media (max-width: 767px){
  #sec-kotobuki .koto-lead{ 
    text-align: center;
    max-width: 820px;
    margin: 0 auto 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.5; 
    padding: 0 10px;
  } 

  #sec-kotobuki .koto-seicho{
    text-align: left;
    padding: 0 10px;
  }

  #sec-kotobuki .koto-pillTitle{
    font-size: 20px;
  }

  #sec-kotobuki .koto-greeting__text p {
    margin: 0 0;
    line-height: 1.5em;
    font-size: 18px;
  }

  #sec-kotobuki p {
    font-size: 16px;
}
#sec-kotobuki .koto-heading__titleTop {
    font-size: 25px;
}

  #sec-kotobuki .kotobuki-plan{
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap:0px !important;
    justify-items:center !important;
    align-items:start !important;
  }


  #sec-kotobuki .kotobuki-plan__item{
    width:44vw !important;
    height:44vw !important;
  }

  #sec-kotobuki .kotobuki-plan__item:nth-child(3){
    grid-column:1 / -1 !important;
    justify-self:center !important;
  }
  
  .kotobuki-icon {
    width: 20px !important;
}

#sec-kotobuki .kotobuki-plan__icon {
    font-size: 30px;
    margin-top: 5px;
}

#sec-kotobuki .kotobuki-plan__text {
    font-size: 14px;
    line-height: 1;
}

#sec-kotobuki .kotobuki-plan__arrow {
    width: 15px;
    height: 15px;
}

#sec-kotobuki .kotobuki-plan{
  margin: 0 2em;
}
#sec-kotobuki .koto-greeting__head {
    line-height: 1.0em;
    margin: -10px 0 -80px 0;
}
#sec-kotobuki .koto-heading {
    line-height: 0.5em;
}
.kotobuki-plan-end{
  margin-top: -4em;
}
#sec-kotobuki .kotobuki-plan__arrow::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #fff;ff;
}
}
/* ===== ReadMore ===== */

.voiceCard__readmore{
  position: relative;
  padding: 0 15px 15px;
  text-align: center;
}
}

.voiceCard__readmore input{
  display:none;
}

.voiceCard__text{
  margin-top: -3em;
  max-height: 135px;
  overflow: hidden;
  line-height:1.9;
  font-size:15px;
  color:#5c2522;
  text-align: left;
}

.voiceCard__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 18px;
  background: transparent;
  color: #5c2522;
  padding: 0;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  border: none;
  line-height: 1;
}

.voiceCard__btn::before{
  content: "全文を表示";
}

.voiceCard__btn::after{
  content: url('https://img21.shop-pro.jp/PA01498/561/etc_base64/a290b2J1a2lfdm9pY2Vfc2hpdGE.png?cmsp_timestamp=20260317164344');
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  transform: translateY(-1px);
}

.voiceCard__readmore input:checked ~ .voiceCard__btn::before{
  content: "閉じる";
}

.voiceCard__readmore input:checked ~ .voiceCard__btn::after{
  content: url('https://img21.shop-pro.jp/PA01498/561/etc_base64/a290b2J1a2lfdm9pY2VfdWU.png?cmsp_timestamp=20260317164344');
}

.voiceCard__readmore input:checked ~ .voiceCard__text{
  max-height:1000px;
}
  
.voiceCard__readmore input.voiceCard__check{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
  
