@charset "utf-8";
.pages{

  /* ---------------------
      pageTtl 
--------------------- */
  h2.pageTtl{   
    position: relative;
    width: min(100%, 1600px);
    margin: 0 auto 2em;
    padding: 0;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(1.6rem, 0.933rem + 2.22vw, 2.6rem);
    letter-spacing: 0.16em;
    @media (max-width: 980px) {
      letter-spacing: 0.14em;     
    }
    @media (max-width: 768px) {
      margin: 0 auto 2.5em;
      height: 6em;
    }   
    & > span{
      padding-left: 1.5em;
      position: relative;
      padding-right: calc(180px + 1em);
      &::before{
        content: "";
        width: 180px;
        height: 150px;
        background-image: url(../img/info/ttl_img.png);
        background-repeat: no-repeat;
        background-position: left center;
        background-size: contain;
        position: absolute;
        top: 50%;
        bottom: 50%;
        right: 0;
        transform: translateY(-55%);
      }
      span{
        font-size: 0.8em;
        letter-spacing: 0.05em;
      }
      @media (max-width: 768px) {
        line-height: 1.6;  
        padding: 6.3em 0 0 0;
        &::before{
          width: 6em;
          height: 6em;
          background-position: center center;
          top: 0;
          bottom: auto;
          left: 50%;
          right: 50%;
          transform: translateX(-50%);
        }
      }
    }
    
  }

/* ========================
          MAIN  
======================== */
main{
  width: 100%;
  padding: 0;
  margin: 0 auto;
  padding: 0 6em;
  @media (max-width: 1480px) {
    padding: 0 4em;
  }
  @media (max-width: 1240px) {
    padding: 0 3em;
  }
  @media (max-width: 980px) {
    padding: 0 5vw;
  }
  @media (max-width: 580px) {
    padding: 0 3vw;
  }

  & > div, 
  & > section{
    width: min(100%,1800px);
    background: rgba(255, 255, 255, 0.8);
    border-radius: 10px;
    margin: 0 auto 30px;
    padding: 2em 3em;
    @media (max-width: 768px) {
      padding: 1.5em 2em;
    }
    @media (max-width: 480px) {
      padding: 1em 1.5em;
    }
  }
  
  /* h2 */
  h2{
    position: relative;
    /* font-size: 2.8rem; */
    font-size: clamp(1.6rem, 0.8rem + 2.67vw, 2.8rem);
    padding-left: 1.8em;
    margin-bottom: 1em;
    &::before{
      content: "";
      width: 1em;
      height: 2px;
      border-radius: 3px;
      background: #C68337;
      position: absolute;
      left: 0;
      top: 0.8em;
    }
    span{
      font-size: 0.8em;
    }
  }/* //h2 */

  /* wrapContent */
  .wrapContent{
    width: min(100%,1400px);
    margin: 0 auto 40px;
    @media (max-width: 768px) {
      margin: 0 auto 1.5em;
    }
    @media (max-width: 480px) {
      margin: 0 auto 1em;
    }
  }/* //wrapContent */

  /* .wrapNote,.wrapImages */
  .wrapRemarks,
  .wrapImages{
    width: 100%;
    margin: 0 auto 40px;
    @media (max-width: 768px) {
      margin: 0 auto 2em;
    }
    @media (max-width: 480px) {
      margin: 0 auto 1.5em;
    }
  }/* //.wrapRemarks,.wrapImages */

/* wrapImages */
.wrapImages{
  display: flex;
  gap: 3em;
  @media (max-width: 1240px) {
    gap: 1.5em;
  }
  @media (max-width: 980px) {
    gap: 1em;
  }
  @media (max-width: 768px) {
    gap: 0.8em;
  }
  @media (max-width: 480px) {
    gap: 0.5em;
  }
}/* //.wrapRemarks,.wrapImages */

/* linkContact */
.linkContact{
  background: none;
  margin: 3em auto 0;
  padding: 2em 3em 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3em;
  @media (max-width: 1240px) {
    flex-direction: column-reverse;
    gap: 2em 0;
    padding: 1em 1em 0;
  }
  @media (max-width: 980px) {
    margin: 2em auto 0;
    padding: 1em 5vw 0;
  }
  @media (max-width: 580px) {
    margin: 0 auto;
    padding: 1em 3vw 0;
  }
  @media (max-width: 480px) {
    padding: 0 3vw 0;
    gap: 1.5em 0;
    div{
      br{
        display: none;
      }
    }
  }
  
  .btnLink{
    a{
      min-width: 10em;
      font-size: 2.4rem;
      font-size: clamp(1.4rem, 1.182rem + 1.09vw, 2rem);
      font-weight: 400;
      border-radius: 50px;
      padding: 0.5em 1.5em;
    }
    @media (max-width: 580px) {
      width: 80%;
      a{
        width: 100%;
      }
    }
  }

}/* //.linkContact */



  /* ==============================
      pages 共通テキストスタイル
  ============================== */

  /* テキストエディタでグループ化した時 */
  .wp-block-group{
    .wp-block-group__inner-container{
      &>p,&>div,&>ul{
        margin-bottom: 2em;
        &:last-child{
          margin-bottom: 0; 
        }
        p{
          margin-bottom: 1.5em;
          &:last-of-type{
            margin-bottom: 0;
          }
        }
      &.pickup01{
      padding: 1.5em;
      background: #FAFAFA;
      }
      &.pickup02{
        padding: 1.5em;
        background: #FAFAFA;
        border: 2px solid var(--color-lb);
        border-radius: 3px;
      }
      }
    }
  }


  /* txtBlock */
  .txtBlock{
    margin-bottom: 50px;
    &:last-of-type{
      margin-bottom: 0;
    }
    p{
      margin-bottom: 30px;
      &:last-of-type{
        margin-bottom: 0;
      }
    }
    &.pickup01{
      padding: 1.5em;
      padding: 1.5em 1.5em 0.5em;
      background: rgba(198, 131, 55, 0.1);
    }
    &.pickup02{
      padding: 1.5em 1.5em 0.5em;
      margin-bottom: 2em;
      background: #FAFAFA;
      border: 2px solid rgba(198, 131, 55, 0.3);
      border-radius: 3px;
      
    }
    @media (max-width: 768px) {
      margin-bottom: 40px;
    }
    @media (max-width: 580px) {
      margin-bottom: 30px;
    }
    @media (max-width: 480px) {
      margin-bottom: 20px;
    }
  }

  /* wrapImg */
.wrapImg,
  figure{
    margin-bottom: 40px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2em;
    img{
      width: min(80%,680px);
    }
    @media (max-width: 768px) {
      img{
        width: min(90%,580px);
      }
    }
    @media (max-width: 480px) {
      margin-bottom: 30px;
      img{
        width: min(100%,580px);
      }
    }
  }

  /* wp-block-media-text メディアとテキスト */
  .wp-block-media-text figure{
    &:last-of-type{
      margin-bottom: 0;
    }
    img{
      width: 100%;
    }
  }

  /* wrap_flex テキストと画像２カラム */
  .wrap_flex{
    display: flex;
    gap: 3em;
      @media (max-width: 1480px) {
        flex-direction: column;
        gap: 2em;
      }
      @media (max-width: 980px) {
        
      }
      .txtBlock{
        margin-bottom: 0;
      }
      .wrapImg{
        img{
          width: min(100%,680px);
        }
        @media (max-width: 980px) {
          img{
            width: min(80%,680px);
          }
        }
        @media (max-width: 768px) {
          img{
            width: min(90%,580px);
          }
        }
        @media (max-width: 480px) {
          img{
            width: min(100%,580px);
          }
        }
      }
  }
  
  
} /* //main */


/* ======================
  #about
======================= */
&#about{
  .pageTtl{    
    span::before{
      background-image: url(../img/about/ttl_img.png);
      @media (max-width: 768px) {
        background-size: 80%;
      }
    }
  }
  .wrapContent{
    dl{
      div{
        display: flex;
        gap: 1em;
        align-items: flex-start;
        margin-bottom: 2em;
        dt{
          background: #EDEDED;
          width: 12em;
          font-weight: 400;
          text-align: center;
          padding: 0.3em 0.2em;
        }
        @media (max-width: 860px) {
          flex-direction: column;
          margin-bottom: 1.5em;
        }
      }
    }
    
    .list_about{
      column-count: 2;
      background: #FFF;
      border: 1px solid #999999;
      padding: 1.6em;
      margin-top: 40px;
      li{
        position: relative;
        padding-left: 1.3em;
        margin-bottom: 1em;
        &::before{
          content: "";
          width: 0.6em;
          height: 2px;
          border-radius: 3px;
          background: #C68337;
          position: absolute;
          left: 0;
          top: 0.75em;
        }
        span{
          font-size: 0.8em;
        }
      }
      @media (max-width: 1240px) {
        column-count: 1;
        li{
          &:last-of-type{
            margin-bottom: 0;
          }
        }
      }
      @media (max-width: 768px) {
        margin-top: 2em;
      }
      @media (max-width: 480px) {
        padding: 1em;
      }
    }
    .info_txt{
      display: block;
      /* font-size: 1.3rem; */
      font-size: clamp(1rem, 0.8rem + 0.67vw, 1.3rem);
      margin-top: 0.5em;
    }

    h3.sttl{
      padding-bottom: 1.5em;
      margin-bottom: 1.7em;
      font-weight: 500;
      border-bottom: 1px solid #462E2E;
      /* font-size: 2.0rem; */
      font-size: clamp(1.4rem, 1rem + 1.33vw, 2rem);
      @media (max-width: 980px) {
        padding-bottom: 1.2em;
        margin-bottom: 1.7em;
      }
    }
    .flexBox{
      display: flex;
      gap: 3em;
      .wrapImg{
        width: min(45%,480px);
      }
      .txtBlock{
        flex: 1;
      }
      @media (max-width: 980px) {
        flex-direction: column-reverse;
        gap: 2em;
        .wrapImg{
          width: min(80%,420px);
          align-self: center;
        }
      }
      @media (max-width: 768px) {
        gap: 1.5em;
      }
      @media (max-width: 480px) {
        .wrapImg{
          width: 90%;
        }
      }
    }
  }/* //wrapContent */

  .wrapImages{
    display: flex;
    flex-wrap: wrap;
    gap: 3em;
    @media (max-width: 1240px) {
      gap: 1.5em;
    }
    @media (max-width: 980px) {
      gap: 1em;
    }
    @media (max-width: 768px) {
      flex-wrap: wrap;
      gap: 0.8em;
    }
    @media (max-width: 480px) {
      gap: 0.5em;
      justify-content: center;
    }
    &.rows2{
      img{
        width: calc((100% - 3em) / 2) ;
        @media (max-width: 1240px) {
          width: calc((100% - 1.5em) / 2) ;
        }
        @media (max-width: 980px) {
          width: calc((100% - 1em) / 2) ;
        }
        @media (max-width: 768px) {
          width: calc((100% - 0.8em) / 2) ;
        }
        @media (max-width: 480px) {
          width: 90%;
        }
      }
    }
    &.rows3{
      img{
        width: calc((100% - 6em) / 3) ;
        @media (max-width: 1240px) {
          width: calc((100% - 3em) / 3) ;
        }
        @media (max-width: 980px) {
          width: calc((100% - 2em) / 3) ;
        }
        @media (max-width: 768px) {
          width: calc((100% - 0.8em) / 2) ;
        }
        @media (max-width: 480px) {
          width: 90%;
        }
      }
    }
    &.rows4{
      img{
        width: calc((100% - 9em) / 4) ;
        @media (max-width: 1240px) {
          width: calc((100% - 4.5em) / 4) ;
        }
        @media (max-width: 980px) {
          width: calc((100% - 3em) / 4) ;
        }
        @media (max-width: 768px) {
          width: calc((100% - 0.8em) / 2) ;
        }
        @media (max-width: 480px) {
          width: 90%;
        }
      }
    }
  }

  .wrapRemarks{
    background: #EEEAE6;
    padding: 2em 3em;
    h3{
      font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
      margin-bottom: 1em;
      font-weight: 500; 
    }
    p{
      margin-bottom: 2em;
    }
    .btnLink{
      justify-content: flex-end;
    }
    @media (max-width: 768px) {
      padding: 1.5em 2em;
      h3{
        margin-bottom: 0.8em;
      }
      p{
        margin-bottom: 1em;
      }
      .btnLink{
        justify-content: center;
      }
    }
    @media (max-width: 380px) {
      padding: 1.5em 1.5em;
    }
  }


  

  
  
}/*//#about */

/* ======================
  #kuyo
======================= */
&#kuyo{
  header{
    @media (max-width: 768px) {
      margin: 1.5em 0 0;
      gap: 4em;
    }
  }
  .pageTtl{    
    span::before{
      background-image: url(../img/kuyo/ttl_img.png);
    }
    @media (max-width: 768px) {
      margin-bottom: 1em;
      span::before{
        background-size: 80%;
      }
    }
  }
  .ttl_info{
    width: 100%;
    text-align: center;
    margin: -1em auto 3em;
    @media (max-width: 980px) {
      margin: -6em auto 3em;
    }
    @media (max-width: 764px) {
      margin: -3em auto 3em;
      padding: 0 5vw;
      br{
        display: none;
      }
    }
    @media (max-width: 580px) {
      margin: -3.4em auto 2em;
      padding: 0 3vw;
    }
  }
  .wrapContent{
    .wrapImg{
      margin: 0 auto 4em;
      width: min(80%,600px);
      @media (max-width: 768px) {
        margin: 0 auto 3em;
      }
      @media (max-width: 480px) {
        margin: 0 auto 2em;
      }
    }
  }
  .wrapRemarks{
    background: #EEEAE6;
    padding: 2em 3em;
    margin-bottom: 1.5em;
    p{
      margin-bottom: 2em;
    }
    dl{
      background: #FFF;
      padding: 2em 3em;
      div{
        margin-bottom: 1em;
        &:last-of-type{
          margin-bottom: 0;
        }
        dt{
          margin-bottom: 0.5em;
        }
        dd{
          ul{
            display: flex;
            flex-direction: column;
            gap: 0.3em 0;
            margin-bottom: 0.5em;
          }
        }
      }
    }
    @media (max-width: 768px) {
      padding: 1.5em 2em;
      p{
        margin-bottom: 1em;
      }
      dl{
        padding: 1em 1.5em;
      }    
    }
    @media (max-width: 480px) {
      padding: 1.2em 1.5em;
      dl{
        padding: 1em 1em;
      }    
    }
    @media (max-width: 380px) {
      padding: 1em 1.5em;
    }
  }
  
}/*//#kuyo */

/* ======================
  #nokotsudo
======================= */
&#nokotsudo{
  .pageTtl{    
    span::before{
      background-image: url(../img/nokotsudo/ttl_img.png);
      background-size: 90%;
    }
  }
  .wrapContent{
    .wrapImg{
      margin: 0 auto 4em;
      width: min(80%,600px);
      @media (max-width: 768px) {
        margin: 0 auto 3em;
      }
      @media (max-width: 480px) {
        margin: 0 auto 2em;
      }
    }
  }
  .wrapRemarks{
    background: #EEEAE6;
    padding: 2em 3em;
    margin-bottom: 1.5em;
    p{
      margin-bottom: 2em;
    }
    dl{
      background: #FFF;
      padding: 2em 3em;
      div{
        margin-bottom: 1em;
        &:last-of-type{
          margin-bottom: 0;
        }
        dt{
          margin-bottom: 0.5em;
        }
        dd{
          ul{
            display: flex;
            flex-direction: column;
            gap: 0.3em 0;
            margin-bottom: 0.5em;
          }
        }
      }
    }
    @media (max-width: 768px) {
      padding: 1.5em 2em;
      p{
        margin-bottom: 1em;
      }
      dl{
        padding: 1em 1.5em;
      }    
    }
    @media (max-width: 480px) {
      padding: 1.2em 1.5em;
      dl{
        padding: 1em 1em;
      }    
    }
    @media (max-width: 380px) {
      padding: 1em 1.5em;
    }
  }
  
}/*//#nokotsudo */

/* ======================
  #zazen
======================= */
&#zazen{
  .pageTtl{ 
    &> span{
      text-align: center;
      &::before{
        background-image: url(../img/zazen/ttl_img.png);
      }
    }
    @media (max-width: 768px) {
      height: 8em;
      &> span{
        &::before{
          height: 5em;
          top: 0.6em;
        }
      }
    }
  }
  section:nth-of-type(1){
    .blockEx{
      margin-bottom: 3em;
      .checkbox{
        display: none;
      }
      .checkbox:checked ~ dl dt label::after{
        clip-path: polygon(0 100%, 50% 0, 100% 100%);
      }
      .checkbox:checked ~ dl dt{
        border: none;
      }
      .checkbox:checked ~ dl dd{
        height: auto;
        padding: 2em;
        @media (max-width: 768px) {
          padding: 2em 2em;
        }
        @media (max-width: 480px) {
          padding: 2em 1.5em;
        }
      }
      dl{
        dt{          
          font-weight: 400;
          display: block;
          text-align: center;
          margin: 0 auto; 
          border-bottom: 2px solid #EDEDED;            
          label{
            width: 10em;
            padding: 0.2em 2em;
            border: 1px solid #462E2E;
            position: relative;
            display: block;
            cursor: pointer;
            margin: 0 auto;
            &::before,&::after{
              content: "";
              position: absolute;
            }
            &::before{
              width: calc(100% + 2px);
              height: 2px;
              border-radius: 3px;
              background: #C68337;
              bottom: -5px;
              left: 50%;
              right: 50%;
              transform: translateX(-50%);
            }
            &::after{
              width: 12px;
              height: 8px;
              background: #C68337;
              bottom: -13px;
              clip-path: polygon(0 0, 100% 0%, 50% 100%);
              left: 50%;
              right: 50%;
              transform: translateX(-50%);
            }
          }
          
        }
        dd{
          background: #F5F5F5;
          width: calc(100% + 6em);
          margin-left: -3em;
          height: 0;
          padding: 0 2em;
          transition:.4s;
          overflow: hidden;
          @media (max-width: 768px) {
            width: calc(100% + 4em);
            margin-left: -2em;
            padding: 0 2em;
          }
          @media (max-width: 480px) {
            width: calc(100% + 3em);
            margin-left: -1.5em;
            padding: 0 1.5em;
          }
          .txtBlock{
            width: min(100%,1200px);
            margin: 0 auto;
          }
        }
      }
    }
  }

  .event_summary{
    width: min(80%,900px);
    margin: 0 auto ;
    margin-bottom: 3em;
    @media (max-width: 1240px) {
      width: 90%;
    }
    @media (max-width: 768px) {
      width: 100%;
      margin-bottom: 2em;
    }
    h3{
      text-align: center;
      font-size: clamp(1.4rem, 0.867rem + 1.78vw, 2.2rem);
      margin-bottom: 1.2em;
      span{
        font-size: 0.8em;
      }
    }
    dl{
      border-top: 1px solid #707070;
      div{
        display: flex;
        border-bottom: 1px solid #707070;
        dt,dd{
          padding: 1em 1.5em;
        }
        dt{
          font-weight: 400;
          width: 10em;
        }
        dd{
          flex: 1;
        }
        @media (max-width: 768px) {
          flex-direction: column;
          dt,dd{
            padding: 0.6em 1em;
          }
          dt{
            background: #EFEFEF;
            width: 100%;
          }
        }
      }
    }
    .btnLink{
      margin-top: 2em;
      @media (max-width: 380px) {
        a{
          font-size: 1.2rem;
        }
      }
    }
  }

  .wrapContent{
    .wrapImages{
      margin: 0 auto 2em;
      width: min(80%,1240px);
      @media (max-width: 768px) {
        width: 90%;
      }
      @media (max-width: 580px) {
        margin: 0 auto 1em;
        flex-direction: column;
      }
    }
  }
  .wrapRemarks{
    border: 1px solid #DDD;
    padding: 1.5em 2em;
    background: #FFF;
    h3{
      font-weight: 600;
      margin-bottom: 0.5em;
    }
  }
  
}/*//#zazen */

/* ======================
  #schedule
======================= */
&#schedule{
  .pageTtl{    
    &>span::before{
      background-image: url(../img/schedule/ttl_img.png);
    }
    @media (max-width: 768px) {
      &> span{
        &::before{
          height: 5em;
          top: 0.6em;
        }
      }
    }
  }
  .wrapContent{
    dl.block_timeline{
      &> div{
        display: flex;
        flex-direction: row-reverse;
        gap: 3em;
        margin-bottom: 3em;
        @media (max-width: 1240px) {
          flex-direction: column-reverse;
          align-items: center;
          gap: 1em;
        }
        dt{
          width: 380px;
          height: 380px;
          border-radius: 100%;
          padding: 3em;
          display: flex;
          justify-content: center;
          align-items: center;
          overflow: hidden;
          position: relative;
          &::after{
            content: "";
            background: rgba(255, 255, 255, 0.8);
            width: 100%;
            height: 100%;
            border-radius: 100%;
            position: absolute;
            z-index: -1;
            top: 50%;
            bottom: 50%;
            left: 50%;
            right: 50%;
            transform: translate(-51%,-50%);
          }
          img{
            width: 280px;
            height: 280px;
            object-fit: contain;
            
          }
          @media (max-width: 1480px) {
            width: 20em;
            height: 20em;
            img{
              width: 16em;
              height: 16em;
            }
          }
          @media (max-width: 768px) {

          }
        }
        dd{
          flex: 1;
          @media (max-width: 1240px) {
            width: 90%;
          }
          @media (max-width: 980px) {
            width: 100%;
          }
          .wrapSttl{
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 2em;
            margin-bottom: 3em;
            @media (max-width: 768px) {
              flex-direction: column;
              margin-bottom: 2em;
              gap: 1.5em;
            }
            h3{
              display: flex;
              align-items: center;
              gap: 1em;
              position: relative;
              z-index: 200;
              font-size: clamp(1.5rem, 1.26rem + 0.8vw, 2rem);
              font-size: clamp(1.5rem, 1.308rem + 0.64vw, 1.9rem);
              @media (max-width: 768px) {
                flex-direction: column;
                gap: 1.2em;
              }
              @media (max-width: 480px) {
                gap: 1em;
              }
              span{
                color: #462E2E;
                text-indent: 0.05em;
                letter-spacing: 0.02em;
                white-space: nowrap;
                border-radius: 100%;
                position: relative;
                &::after{
                  content: "";
                  border: 1px solid #462E2E;
                  /* background: #FFF; */
                  background: #f3f0ed;
                  width: 2.7em;
                  height: 2.7em;
                  border-radius: 100%;
                  position: absolute;
                  z-index: -1;
                  top: 50%;
                  bottom: 50%;
                  left: 50%;
                  right: 50%;
                  transform: translate(-51%,-50%);
                }
                &.multiple{
                  width: 8em;
                  text-align: center;
                  &::after{
                    width: 8em;
                    height: 2.5em;
                    border-radius: 30px;
                  }
                }
                @media (max-width: 768px) { 
                  &::after{
                    border: none;
                    background: #e7e2dd;
                  }
                }
              }
              em{
                font-weight: 600;
              }
            }
            .time{
              font-size: clamp(1.5rem, 1.404rem + 0.32vw, 1.7rem);
              border-top: 1px solid #462E2E;
              border-bottom: 1px solid #462E2E;
              line-height: 1.0;
              padding: 0.8em 0.5em;
              align-self: flex-end;
              @media (max-width: 768px) {
                align-self: center;
              }
            }
          }
          
        }
      }
    }
    ul.otherEvent{
      li{
        position: relative;
        padding-left: 1.5em;
        margin-bottom: 0.5em;
        &::before{
          content: "";
          width: 9px;
          height: 9px;
          border-radius: 100%;
          background: #462E2E;
          position: absolute;
          top: 0.75em;
          left: 0;
        }
        em{
          font-weight: 600;
        }
        dl{
          margin-bottom: 1.5em;
          dt{
            margin-bottom: 0.5em;
          }
          dd{
            p{
              margin-bottom: 0.8em;
            }
            .btnLink{
              justify-content: flex-start;
            }
          }
        }
      }
    }
  }
/* linkContact */
.linkContact{
  margin-bottom: 5em;
  @media (max-width: 980px) {
    margin-bottom: 3em;
  }
}
/* secInfo */
.secInfo{
  background: none;
  position: relative;
  width: min(100%,1400px);
  display: flex;
  gap: 4em;
  margin: 0 auto;
  padding: 0;
  @media (max-width: 1240px) { 
    flex-direction: column;
    gap: 1em;
  }
  .blockL{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 25%;
    @media (max-width: 1240px) and (min-width: 981px){
      width: 80%;
      margin: 0 auto;
    }
    @media (max-width: 980px) { 
      width: 100%;
    }
  }
  .sttl{
    display: flex;
    justify-content: center;
    font-size: 2.6rem;
    letter-spacing: 0.12em;
    text-align: center;
    position: relative;
    margin-bottom: 1.5em;
    @media (max-width: 1240px) {
      font-size: 2.4rem;
      margin-bottom: 0;
      border-top: 1px solid rgba(70, 46, 46, 0.15);
      padding-top: 2em;
    }
    @media (max-width: 980px) {
      font-size: 2.2rem;
    }
    @media (max-width: 768px) {
      font-size: 2.0rem;
    }
  }
  .btnMore_arrow{
    a{
      font-size: 1.5rem;
    }
    @media (max-width: 768px) {
      padding: 0;
    }
    @media (max-width: 580px) {
      a{
        font-size: 1.4rem;
      }
    }
  }
  .blockR{
    flex: 1;
    ul{
      width: 100%;
      display: flex;
      flex-direction: column;
      gap: 1em;
      margin: 0 auto 30px;
      @media (max-width: 980px) {
        margin-bottom: 20px;
      }
      @media (max-width: 980px) {
        margin-bottom: 10px;
      }
      li a{
        background: #FFF;
        border-radius: 16px;
        padding: 20px;
        display: flex;
        align-items: center;
        gap: 1em 1.5em;
        transition: background-color 0.5s;
        &:hover{
          transition: background-color 0.5s;
          background: #FAFAFA;
        }
        p{
          flex: 1;
        }
        time{
          font-size: 1.3rem;
        }
        @media (max-width: 1240px) {
          border-radius: 10px;
        }
        @media (max-width: 980px) {
          border-radius: 7px;
          gap: 1em;
          padding: 1em 1.5em;
        }
        @media (max-width: 580px) {
          border-radius: 5px;
          flex-direction: column;
          gap: 0.5em;
          align-items: flex-start;
        }
      }
    }
    @media (max-width: 1240px) {
      margin: 0 auto;
    }
    @media (max-width: 1240px) and (min-width: 981px){
      width: 80%;
    }
  }
  .txtBlock{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1em;
    @media (max-width: 1480px) {
      gap: 0.8em;  
      justify-content: center;    
    }
  }
}
  
}/*//#schedule */

/* ======================
  #osonaehana
======================= */
&#osonaehana{
  background: linear-gradient(rgba(230, 213, 255, 0.4),rgba(238, 234, 230, 0.4));
  header{
    @media (max-width: 768px) {
      margin: 1.5em 0 0;
      gap: 2em;
    }
    .pageTtl{  
      margin: 0.4em auto 1.5em;
      img{
        width: 440px;
      } 
      span::before{
        display: none;
      }
      @media (max-width: 768px) {
        margin-bottom: 1em;
        img{
          width: min(70vw,300px);
        }
      }
    }
    .ttl_info{
      width: 100%;
      text-align: center;
      margin: -1em auto 4em;
      @media (max-width: 980px) {
        margin: -6em auto 4em;
      }
      @media (max-width: 764px) {
        margin: -3em auto 3em;
        padding: 0 5vw;
        br{
          display: none;
        }
      }
      @media (max-width: 580px) {
        margin: -3.4em auto 2em;
        padding: 0 3vw;
      }
    }
  }
  main{
    section{
      width: 100%;
      .sttl{
        text-align: center;
        padding: 0;
        &::before{
          display: none;
        }
      }
      .wrapContent{
        dl{
          width: min(100%,1000px);
          margin: 0 auto;
          div{
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 2em;
            dt{
              /* background: linear-gradient(to right,rgba(230, 213, 255, 0.4),rgba(238, 234, 230, 0.4)); */
              width: 100%;
              padding: 0.4em 0;
              margin-bottom: 0.6em;
              border-bottom: 1px solid rgba(70, 46, 46, 0.4);
              font-size: clamp(1.5rem, 1.356rem + 0.48vw, 1.8rem);
              font-weight: 400;
              display: flex;
              align-items: center;
              justify-content: flex-start;
              gap: 0.5em;
              @media (max-width: 580px) {
                flex-direction: column;
              }
              .number{
                background: rgba(230, 213, 255, 0.6);
                width: 2em;
                height:2em;
                border-radius: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: clamp(1.5rem, 1.26rem + 0.8vw, 2rem);
              }
              em{
                flex: 1;
                font-size: clamp(1.5rem, 1.356rem + 0.48vw, 1.8rem);
                padding: 0.2em;
                font-weight: 500;
                display: flex;
                flex-wrap: wrap;
                align-items: center;
                gap: 0 0.7em;
                span{
                  font-size: clamp(1.2rem, 1.056rem + 0.48vw, 1.5rem);
                }
                @media (max-width: 580px) {
                  justify-content: center;
                }
              }
              
            }
            dd{
              width: 100%;
              padding: 1.5em;
              background: rgba(230, 213, 255, 0.2);
              a{
                text-decoration: underline;
                &:hover{
                  text-decoration: none;
                }
              }
              @media (max-width: 580px) {
                padding: 0.8em 1.2em;
              }
            }
          }
        }
      }
      .linkBlock{
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.2em;
        margin-bottom: 2em;
        .btnLink{
          a{
            display: flex;
            align-items: center;
            gap: 0.8em;
            i.icon_ig{
              background: url(/assets/img/home/icon_ig.svg) 0 0 no-repeat;
              
              width: 1.5em;
              height: 1.5em;
            }
          }
        }
      }
      .wrap_ig{        
        width: min(100%, 1000px); 
        margin: 0 auto;        
      }
      #sb_instagram #sbi_load{
        margin-top: 1em;
        .sbi_load_btn{
          border-radius: 30px;
          border: 1px solid #462E2E;
          &:hover{
            color: #462E2E;
          }
        }
      }
      .wrapImg{
        width: min(100%,1000px);
        margin: 0 auto 2em;
        display: flex;
        justify-content: center;
        flex-direction: row;
        gap: 3em;
        img{
          width: calc((100% - 6em) / 3);
          height: 300px;
          object-fit: cover;
        }
        @media (max-width: 1240px) {
          gap: 2em;
          img{
            width: calc((100% - 4em) / 3);
            height: 25vw;
          }
        }
        @media (max-width: 980px) {
          gap: 1.5em;
          img{
            width: calc((100% - 3em) / 3);
            height: 20vw;
          }
        }
        @media (max-width: 580px) {
          flex-direction: column;
          img{
            width: 60vw;
            height: auto;
          }
        }
        @media (max-width: 480px) {
          img{
            width: 65vw;
          }
        }
      }
    }
    .linkContact{
      width: min(100%,1000px);
      /* background: #FFF;
      padding-bottom: 2em;
      margin: 0 auto; */
      @media (max-width: 1240px) {
        /* padding: 2em; */
        gap: 1em 0;
      }
      @media (max-width: 580px) {
        /* padding: 1.5em; */
      }
    }
  }
}/*//#osonaehana */

/* ======================
  #privacy-policy
======================= */
&#privacy-policy{
  main{
    section{
      width: 100%;
      .wrapContent{
        width: min(100%,1000px);
        margin: 0 auto;
        padding: 3em 0;
        h3{
            font-size: clamp(1.4rem, 1.182rem + 1.09vw, 2rem);
            margin-bottom: 0.8em;
            padding-bottom: 0.5em;
            position: relative;
            @media (max-width: 580px) {
              margin-bottom: 0.5em;
            }
            &::before,
            &::after{
              content: "";
              height: 2px;
              position: absolute;
              left: 0;
              bottom: 0;
            }
            &::before{
              width: 100%;
              background: #EFEFEF;
            }
            &::after{        
              width: 1em;
              background: #C68337;
            }
          }
        .txtBlock{
          ul{
            padding: 1em;
            li{
              padding-left: 1.2em;
              position: relative;
              &::after{
                content: "";
                width: 0.4em;
                height: 0.4em;
                background: rgba(198, 131, 55, 0.6);
                border-radius: 100%;
                position: absolute;
                top: 1.2em;
                transform: translateY(-0.4em);
                left: 0;
              }
            }
          }
        }
        .about_recaptcha{
          font-size:0.9rem; 
          text-align: center;
          color: rgba(70, 46, 47, 0.7);
          margin-top: 3em;
        }
      }
      
    }
  }
}
/*//#privacy-policy */

&#sitemap{
  main{
    section{
      padding-top: 3em;
      width: 100%;
      @media (max-width: 768px) {
        padding-top: 1.5em;
      }
      @media (max-width: 480px) {
        padding-top: 1em;
      }
      dl{
        display: flex;
        flex-wrap: wrap;
        gap: 1.5em;
        div{
          width: calc((100% - 1.5em) / 2);
          /* border: 1px solid #462E2E; */
          background: rgba(70, 46, 46, 0.05);
          padding: 1.5em 2em;
          @media (max-width: 768px) {
            width: 100%;
          }
          dt{
            margin-bottom: 1em;
            padding-bottom: 1em;
            border-bottom: 1px solid rgba(70, 46, 46, 0.4);
          }
          dd{
            ul{
              padding: 0 0.5em;
              li{
                padding-left: 1.2em;
                position: relative;
                a{
                  text-decoration: underline;
                  &:hover{
                    text-decoration: none;
                  }
                }
                &::after{
                  content: "";
                  width: 0.4em;
                  height: 0.4em;
                  background: rgba(198, 131, 55, 0.6);
                  border-radius: 100%;
                  position: absolute;
                  top: 1.2em;
                  transform: translateY(-0.4em);
                  left: 0;
                }
              }
            }
          }
        }
      }
    }
  }
}
/*//#sitemap */

} /* //.page */