@charset "UTF-8";

/* #oneday */

img {
  height: auto;
  max-width: 100%;
  width: auto;
}

#oneday .breadcrumbs {
  margin: 70px 0 0 0;
}

#oneday #breadcrumb {
  padding: 30px 0;
}

#oneday .l-main {
  background: url(../images/oneday/colk_bg.jpg);
}

#oneday .top_wrap {
  background: url(../images/oneday/person_bg.webp) no-repeat center top;
  padding: 70px 0;
}

#oneday .top_container {
  background: #fff;
  border-radius: 10px;
  max-width: 720px;
  margin: 0 auto;
  padding: 15px;
}

#oneday .top_container .top_block {
  border: 1px solid #34a4a8;
  border-radius: 10px;  
  padding: 40px;
}

#oneday .top_container h2 {
  margin: 0 auto;
  max-width: 329px;
}

#oneday .top_container h3 {
  color: #34a4a8;
  font-size: 165%;
  margin: 30px 0;
}

#oneday .top_container p {
  color: #243763;
}

#oneday .top_container .attention {
  font-size: 85%;
  padding: 15px 0 0 10px;
  text-indent:-1em;
}


#oneday .exp_container {
  background-image: url(../images/course-bg.gif);
}

#oneday .exp_container .exp_block {
  max-width: 990px;
  margin: 0 auto;
  padding: 40px 0;

}

#oneday .exp_container .exp_block h4 {
  color: #e83060;
  font-size: 190%;
  text-align: center;
}

#oneday .exp_container .exp_block .sbttl {
  color: #e83060;
  font-size: 130%;
  text-align: center;  
}

#oneday .exp_container .exp_block .detail_box {
  display: flex;
  flex-wrap: wrap;
  margin: 30px 0;
}

#oneday .exp_container .exp_block .left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 67%;
  flex: 0 0 67%;
  margin: 0 1% 0 0;
  max-width: 67%;
}

#oneday .exp_container .exp_block .right{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

#oneday .article_footer {
  margin: 60px auto 120px;
  max-width: 990px;
}

@media screen and (max-width:1020px) {
	
img {
  width: 100%;
}


#oneday .top_container {
  width: 80%;
}

#oneday .exp_container .exp_block {
  padding: 40px 20px;
}

#oneday .article_footer {
  margin: 60px 15px 120px;
}

}

@media screen and (max-width:576px) {

#oneday .top_wrap {
  background: url(../images/oneday/sp_bg01.webp) no-repeat center top;
  background-size: 100%;
  padding: 25% 0 0 0;
}

#oneday .sp_top_wrap {
  background: url(../images/oneday/sp_bg02.webp) no-repeat center bottom;
  background-size: 100%;
  padding: 0 0 27% 0;

}

#oneday .top_container {
  margin: 10px auto 0;
  width: 90%;
}

#oneday .top_container .top_block {
  padding: 40px 20px;
}


#oneday .top_container h3 {
  font-size: 150%;
}

#oneday .exp_container .exp_block .left,
#oneday .exp_container .exp_block .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

#oneday .exp_container .exp_block .right {
  text-align: center;
  padding: 20px 0 0 0;
}

#oneday .exp_container .exp_block .right img {
  max-width: 295px;
}

}

      #oneday .one-day_experience {
        max-width: 990px;
        margin: 0 auto;
        padding: 40px 0;
      }

      #oneday .one-day_experience h4 {
      font-size: 2.0rem;
      text-align: center;
      margin-bottom: 30px;
      }

      #oneday .one-day_experience-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
      }

      #oneday .one-day_experience dl {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
        background: #f3f5f1;
        padding: 30px;
        width: calc((100% / 2) - 10px);
        margin: 0 5px 10px;
        box-sizing: border-box;
      }

      #oneday .one-day_experience dt{
        width: 40%;
      }
      #oneday .one-day_experience dd {
        width: 60%;
        padding: 0 0 0 30px;
        box-sizing:border-box;
      }

      @media screen and (max-width:1020px) {
        #oneday .one-day_experience dl {
        display: block;
        }
        #oneday .one-day_experience dt,
        #oneday .one-day_experience dd {
        width: 100%;
        padding: 0;
        }
        #oneday .one-day_experience dd {
          padding-top: 1em;
        }
      }


      #oneday .freevisit-box {
        border: solid 1px #926d2e;
        background-color: rgba(255, 255, 255, 0.9);
        background-image: url(../images/freevisit-bg.png);
        background-repeat: no-repeat;
        background-position: right bottom;
        padding: 20px 80px 40px;
      }

      #oneday .freevisit-ttl {
        color: #8c6932;
      }

      #oneday .freevisit-ttl:before {
        background-size: auto;
        width: 86px;
        height: 77px;
        margin-right: 20px;
        content: "";
        background-image: url(../images/freevisit-ttl.png);
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
      }

      #oneday .freevisit-btn {
        margin-top: 10px;
      }

      #oneday .btn a,
      #oneday .btn_r a {
        display: inline-block;
      }

      @media (max-width: 768px) {
        #oneday .freevisit-box {
          padding: 20px 20px 40px;
        }

        #oneday .freevisit-ttl:before {
          background-size: 100%;
          width: 66px;
          height: 57px;
          margin-right: 10px;
        }
      }

.oneday-freevisit-space{
    margin-bottom:50px;
}

/*=========================
  H1（１日体験コース）
=========================*/

.oneday-h1{
    position: relative;
    margin: 28px 0 35px;
    padding: 0 0 18px 22px;

    font-size: 26px;
    line-height: 1.6;
    font-weight: 500;
    letter-spacing: .05em;
    color: #333;

    border-bottom: 2px solid #d9d9d9;
}

/* 左のアクセントライン */
.oneday-h1::before{
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 6px;
    height: calc(100% - 22px);

    background: linear-gradient(
        to bottom,
        #8ccf5d 0%,
        #71ad46 50%,
        #5b9139 100%
    );

    border-radius: 3px;
}

/* 下線アクセント */
.oneday-h1::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;

    width: 180px;
    height: 4px;

    background: #71ad46;
    border-radius: 2px;
}

/* コース名だけ強調 */
.oneday-h1 span{
    display: block;
    margin-top: 6px;

    font-size: 38px;
    line-height: 1.3;
    font-weight: 700;
    color: #1f2b38;

    letter-spacing: .03em;
}

/* スマホ */

@media screen and (max-width:768px){

.oneday-h1{
    font-size:18px;
    padding-left:16px;
    margin:20px 0 28px;
}

.oneday-h1 span{
    font-size:28px;
}

.oneday-h1::after{
    width:120px;
}

}


/*=============================
  1日体験専用
=============================*/

.oneday-experience-info{
    width:100%;
    margin:35px 0;
    padding:25px;
    background:#fffaf7;
    border:1px solid #ead8cf;
    border-radius:18px;
    box-sizing:border-box;
}

.oneday-experience-info *,
.oneday-experience-info *:before,
.oneday-experience-info *:after{
    box-sizing:border-box;
}

.oneday-experience-card{
    background:#fff;
    border:1px solid #f0ded6;
    border-radius:14px;
    padding:22px;
    margin-bottom:20px;
}

.oneday-experience-card:last-child{
    margin-bottom:0;
}

.oneday-experience-title{
    margin:0 0 18px;
    padding-bottom:10px;
    border-bottom:2px solid #ead8cf;
    color:#9b6848;
    font-size:22px;
    font-weight:bold;
}

.oneday-experience-row{
    display:flex;
    align-items:center;
    gap:15px;
    padding:12px 0;
    border-bottom:1px dashed #e6d8d1;
}

.oneday-experience-label{
    min-width:90px;
    font-weight:bold;
    color:#6a5348;
}

.oneday-experience-row strong{
    font-size:24px;
    color:#d86b6b;
}

.oneday-experience-row em{
    font-style:normal;
    color:#777;
}

.oneday-experience-price-box{
    background:#fff8f4;
    border-left:6px solid #cfa183;
    border-radius:12px;
    padding:18px;
    margin-bottom:15px;
}

.oneday-experience-accent{
    background:#fff3f7;
    border-left-color:#df739b;
}

.oneday-experience-course-name{
    margin:0;
    font-size:18px;
    font-weight:bold;
}

.oneday-experience-course-detail{
    margin:6px 0;
    color:#777;
    font-size:14px;
}

.oneday-experience-price{
    margin:8px 0 0;
    font-size:30px;
    color:#c55353;
    font-weight:bold;
}

.oneday-experience-price span{
    font-size:16px;
    color:#555;
}

.oneday-experience-note{
    margin-top:15px;
    color:#777;
    font-size:13px;
    line-height:1.8;
}

.oneday-experience-list{
    margin:0;
    padding-left:22px;
}

.oneday-experience-list li{
    margin-bottom:10px;
    line-height:1.8;
}

/****************************
 スマホ
****************************/
/****************************
 スマホ
****************************/

@media only screen and (max-width:767px){
    .oneday-experience-info{
        padding:16px;
        margin:28px auto;
        border-radius:18px;
    }

    .oneday-experience-card{
        padding:18px 16px;
        border-radius:14px;
    }

    .oneday-experience-row{
        display:block;
    }

    .oneday-experience-row strong{
        display:block;
        margin-top:6px;
        font-size:22px;
    }

    .oneday-experience-row em{
        display:block;
        margin-top:3px;
    }

    .oneday-experience-price{
        font-size:26px;
    }
}

/*=============================
  開催時間・料金・ご案内
  中央配置と高級感のあるカード
=============================*/

#oneday .exp_container .exp_block > .left{
    display:block;
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
    float:none;
    flex:0 0 100%;
    box-sizing:border-box;
}

#oneday .oneday-experience-info{
    width:calc(100% - 40px);
    max-width:920px;
    margin:42px auto 0;
    padding:32px;
    background:linear-gradient(145deg, rgba(255,255,255,.98), rgba(255,248,244,.98));
    border:1px solid rgba(190,145,118,.32);
    border-radius:24px;
    box-shadow:
        0 18px 45px rgba(79,55,43,.10),
        0 3px 10px rgba(79,55,43,.05),
        inset 0 1px 0 rgba(255,255,255,.9);
    box-sizing:border-box;
}

#oneday .oneday-experience-card{
    position:relative;
    width:100%;
    margin:0 0 24px;
    padding:28px 32px;
    background:rgba(255,255,255,.96);
    border:1px solid rgba(197,158,133,.28);
    border-radius:18px;
    box-shadow:0 8px 24px rgba(91,60,45,.07);
    overflow:hidden;
    box-sizing:border-box;
}

#oneday .oneday-experience-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:5px;
    height:100%;
    background:linear-gradient(to bottom,#c9a27f,#9d7354);
}

#oneday .oneday-experience-card:last-child{
    margin-bottom:0;
}

#oneday .oneday-experience-title{
    margin:0 0 20px;
    padding:0 0 13px;
    color:#775039;
    font-size:24px;
    line-height:1.4;
    font-weight:700;
    letter-spacing:.08em;
    text-align:center;
    border-bottom:1px solid rgba(177,133,105,.35);
}

#oneday .oneday-experience-row{
    justify-content:center;
    text-align:center;
}

#oneday .oneday-experience-price-box{
    max-width:760px;
    margin:0 auto 16px;
    text-align:center;
    border-left:0;
    border-top:4px solid #cfa183;
    box-shadow:0 5px 16px rgba(104,70,52,.06);
}

#oneday .oneday-experience-accent{
    border-top-color:#cf7896;
}

#oneday .oneday-experience-note{
    text-align:center;
}

#oneday .oneday-experience-list{
    max-width:780px;
    margin:0 auto;
    padding-left:1.4em;
}

#oneday .exp_container .exp_block > .right{
    display:block;
    width:100%;
    max-width:none;
    margin:38px auto 0;
    padding:0;
    float:none;
    flex:0 0 100%;
    text-align:center;
    box-sizing:border-box;
}

#oneday .exp_container .exp_block > .right img{
    display:block;
    width:auto;
    max-width:100%;
    height:auto;
    margin:0 auto;
}

/*=============================
  体験材料見本レイアウト
=============================*/

.ring-price-list {
  display:flex;
  flex-wrap:wrap;
  gap:24px;
  margin:35px 0;
}

.ring-card {
  width:calc(25% - 18px);
  background:#fff;
  border:1px solid #ead8cf;
  border-radius:16px;
  padding:18px;
  box-shadow:0 8px 22px rgba(120,80,60,.08);
  text-align:center;
  box-sizing:border-box;
}

.ring-card img {
  width:100%;
  height:auto;
  border-radius:12px;
  margin-bottom:15px;
}

.ring-info {
  background:#fffaf7;
  border-radius:12px;
  padding:14px 10px;
}

.ring-info p {
  margin:0 0 8px;
  font-size:14px;
  line-height:1.6;
  color:#4a3a34;
}

.ring-info p:last-child {
  margin-bottom:0;
}

.ring-price {
  font-weight:bold;
  color:#c55353 !important;
  font-size:16px !important;
}

.oneday-price-banner{
    display:block;
    width:250px;
    max-width:100%;
    height:auto;
    margin:-20px auto 8px;
}

.oneday-title{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    width:100%;
    height:100%;
    text-align:center;
    line-height:1.4;
}

/* タブレット */
@media screen and (min-width:768px) and (max-width:1020px){
    #oneday .oneday-experience-info{
        width:calc(100% - 32px);
        max-width:860px;
        padding:26px;
    }

    #oneday .oneday-experience-card{
        padding:24px 26px;
    }

    .ring-card{
        width:calc(50% - 12px);
    }
}

/* スマホ */
@media screen and (max-width:767px){
    #oneday .oneday-experience-info{
        width:100%;
        max-width:none;
        padding:14px;
        margin:30px auto 0;
        border-radius:18px;
    }

    #oneday .oneday-experience-card{
        padding:20px 17px;
        margin-bottom:16px;
        border-radius:14px;
    }

    #oneday .oneday-experience-card::before{
        width:4px;
    }

    #oneday .oneday-experience-title{
        font-size:21px;
        margin-bottom:16px;
    }

    #oneday .oneday-experience-row{
        display:block;
        padding:14px 0;
    }

    #oneday .oneday-experience-label{
        display:block;
        min-width:0;
        margin-bottom:5px;
    }

    #oneday .oneday-experience-price-box{
        padding:16px 12px;
    }

    #oneday .oneday-experience-list{
        padding-left:1.2em;
    }

    #oneday .exp_container .exp_block > .right{
        margin-top:28px;
    }

    .ring-price-list{
        display:block;
    }

    .ring-card{
        width:100%;
        margin-bottom:24px;
    }
}