/* ==========================================================================
   initialize
   ========================================================================== */
#header.m #topimage {
  /*
    .vertical {
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 2rem;
      line-height: 2;
      writing-mode: vertical-rl;
      white-space: nowrap;
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      z-index: 1;
      margin-bottom: 0;
      padding-top: 70px;//global_nav.height
    }
*/ }
  #header.m #topimage .vertical-container {
    position: absolute;
    padding-top: 70px;
    z-index: 1;
    height: 100%;
    width: 28%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #header.m #topimage .vertical-container .vertical {
      font-family: 'Noto Serif JP', sans-serif;
      font-size: 2rem;
      line-height: 2;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      white-space: nowrap;
      margin-bottom: 0;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      margin-left: auto; }

#memorial_service_01 h1.c {
  line-height: 1;
  text-align: center;
  margin-bottom: 1.5rem;
  /*
    b {
      font-weight: inherit;
      font-size: 1.4rem;
      span {
        color: gray;
      }
    }
*/ }
  #memorial_service_01 h1.c em,
  #memorial_service_01 h1.c ruby,
  #memorial_service_01 h1.c b {
    display: block; }
  #memorial_service_01 h1.c em {
    font-style: normal;
    font-size: 1.125rem; }
  #memorial_service_01 h1.c ruby {
    font-size: 5.625rem;
    line-height: 1.3;
    margin-bottom: .125em; }
    #memorial_service_01 h1.c ruby:before {
      font-size: 12px; }
  #memorial_service_01 h1.c .lo-price .exc {
    font-size: 1.5rem; }

.service-list li.c10 {
  -webkit-box-ordinal-group: 7;
  -ms-flex-order: 7;
  order: 7; }

.service-list li.c11 {
  -webkit-box-ordinal-group: 8;
  -ms-flex-order: 8;
  order: 8; }

.service-list li.c12 {
  -webkit-box-ordinal-group: 9;
  -ms-flex-order: 9;
  order: 9; }

.service-list li.c13 {
  -webkit-box-ordinal-group: 10;
  -ms-flex-order: 10;
  order: 10; }

.service-list li.c14 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 3;
  order: 3; }

.service-list li.c15 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 4;
  order: 4; }

.service-list li.c16 {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  order: 1; }

.service-list li.c21 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  order: 2; }

.service-list li.c22 {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 11;
  order: 11; }

.service-list li.c23 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 5;
  order: 5; }

.service-list li.c24 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 6;
  order: 6; }

.service-list li.c10:before {
  background-image: url(../img/celebrate/10.jpg?ut=1559209122);
  background-position: 0 5%; }

.service-list li.c11:before {
  background-image: url(../img/celebrate/11.jpg); }

.service-list li.c12:before {
  background-image: url(../img/celebrate/12.jpg); }

.service-list li.c13:before {
  background-image: url(../img/celebrate/13.jpg); }

.service-list li.c14:before {
  background-image: url(../img/celebrate/14.jpg?20250401); }

.service-list li.c15:before {
  background-image: url(../img/celebrate/15.jpg); }

.service-list li.c16:before {
  background-image: url(../img/celebrate/16.jpg); }

.service-list li.c21:before {
  background-image: url(../img/celebrate/21.jpg); }

.service-list li.c22:before {
  background-image: url(../img/celebrate/22.jpg); }

.service-list li.c23:before {
  background-image: url(../img/celebrate/23.jpg); }

.service-list li.c24:before {
  background-image: url(../img/celebrate/24.jpg); }

.service-list:before,
.service-list:after {
    content: "";
    display: block;
    width: calc((100 / 4 * 1%) - (3 / 4 * 1rem));
    max-width:300px;
    height: 0;
    -webkit-box-ordinal-group: 99;
    -ms-flex-order: 99;
    order: 99; }
}

.present-title{
    text-align:center;}
  .present-title h2{
    font-size:2rem;}
  .present-title p{
    font-size:1.5rem;}

.present-body{
      display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify;display:flex; justify-content:space-between;}

  .present-body .present-box{
      width:49%; 
      border:1px solid #FF3069;
      border-radius:10px;
      margin-bottom:20px;
      padding:10px 15px;
      display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify;display:flex; justify-content:space-between; align-items:center;}
    
    .present-body .present-box .present-image{
       width:48%;}
     
      .present-body .present-box .present-image img{
       width:100%;}
     
    .present-body .present-box .present-text{
       width:48%;}
     
    .present-body .present-box .present-text h3{
       font-size:1.5rem; line-height:1.5;}
     
    .present-body .present-box .present-text p{
       font-size:1.2rem; line-height:1.4; margin:0;}
    
.text-pink{
    color:#FF3069;
}

@media screen and (max-width: 767px) {
  .present-title h2{
    font-size:1.5rem;}
  .present-title p{
    font-size:0.9rem;}


  .present-body .present-box{
      width:100%;}

    .present-body .present-box .present-image{
       width:40%;}
     
    .present-body .present-box .present-text{
       width:58%;}

    .present-body .present-box .present-text h3{
       font-size:1.2rem; line-height:1.2;}
     
    .present-body .present-box .present-text p{
       font-size:1.0rem; line-height:1.0;}
}


#memorial_service_01 .lo-special-price strong{
    font-size:1.4rem;
    letter-spacing:-0.05em;
}

#memorial_service_01 .lo-special-price small{
    font-size:14px;
}

#memorial_service_01 .lo-special-price .text-red{
    color:#F00;
    font-weight:bold;
}

#memorial_service_01 .lo-special-price .text-gray{
    color:#666
}
@media screen and (max-width: 767px) {
#memorial_service_01 .lo-special-price strong{
    font-size:1.2rem;
}
}

.shichigosan .catchcopy{
  font-size:clamp(1.2rem , 3vw ,2.4rem);
  color:#EC586E;}

.shichigosan .tel {
  font-size:clamp(1.2rem , 3vw ,2.4rem);}

.shichigosan .title {
  font-size:clamp(1.2rem , 2.2vw ,1.7rem);
  color:#EC586E;
  font-weight: 700;}

.shichigosan.info img {
  width: 100%;
  margin-bottom: 10px;
}
.shichigosan.party {
  padding: 1.5rem;
  border: 2px solid #EC586E;
  border-radius: 5px;
}
.shichigosan.party h2.title {
  line-height: 1.5;
  margin-bottom: 0.5em;
}
.shichigosan ul.d-flex {
  gap: 1em;
}
.shichigosan .reserve p {
  margin-bottom: 0;
}
.shichigosan .handtowel {
  display: inline-block;
  color: #FFF;
  background: #EC586E;
  border-radius: 8px;
}
.shichigosan .col-md-8 {
  margin: 0 auto;
}

#special{
  max-width:1000px;
  border-bottom:1px dotted #CCC;
  padding-top:60px;
  padding-bottom:15px;
}
.special h2{
  width:100%;
  font-weight:700;
  color:#FFF;
  background-color:#FF4588;
  text-align:center;
  padding:0 2.5em;
}

.special p{
  font-size:1.6rem;
  font-weight:700;
  color:#FF4588;
}

@media screen and (min-width: 768px) {
  .special h2{
    max-width:7em;
  }
  
  .special p{
    font-size:2.0rem;
  }
}
.oiwaikaisyoku-title {
  font-size: 2rem;
}
.oiwaikaisyoku > div > p:nth-child(1),
.oiwaikaisyoku > div > p:nth-child(2) {
  font-size: 1.2rem;
}
.oiwaikaisyoku ul li {
  color:#BBA657;
  font-size: 1.05rem;
}
.oiwaikaisyoku ul li + li::before {
  content:"／";
}
@media screen and (min-width: 768px) {
  .oiwaikaisyoku {
    padding-left: 15px;
    padding-right: 15px;
  }
  .oiwaikaisyoku-title {
    font-size: 3rem;
  }
  .oiwaikaisyoku > div > p:nth-child(1),
  .oiwaikaisyoku > div > p:nth-child(2),
  .oiwaikaisyoku ul li {
    font-size: 1.5rem;
  }
}