@charset "utf-8";
/*****スクロール*0509*****/
html{
    scroll-behavior: smooth;
}
img{
    max-width: 100%;
    height:auto;
}
/* CSS Document */
h1{
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;/*Medium*/
    font-size:40px;
}
h2{
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;/*Medium*/
    font-size:30px;
}
h3{
    font-family: "M PLUS 1p", sans-serif;
    font-weight: 500;/*Medium*/
    font-size:20px;
}
p{
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-size:15px;
    color: #3f2a0a;
}

/**********ヘッダー*ひな形*********/
header{
    /*****浮かすプロパティ*****/
    position:fixed;
    top:0;left:auto;
    z-index: 20;

    width:100%;
    display:flex;
    background-color:#fff;
    padding:2% 10% .3% 10%;
    /*border:1px solid #000;*/

    div{
        margin-right:5%;
    }
    nav{
        width:75%;
        display:flex;
        p{
            margin:5%;
            font-family: "Noto Sans JP", sans-serif;
            font-weight:500;
            font-size:13px;
        }
    }
}
.logo{
    display:none;
}
/*ハンバーガーメニュー*/
.hamburger{
    display:none;
}
/* スライダー */
/* 全体設定  */
.y_carousel-slider4 {
    width: 100%;
    height: 70%;
    overflow: hidden;
    position: relative;
    background-color: #c0ffff;
}
.y_carousel-slider4 img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* スライド設定  */
.y_carousel-slider4 .y_slide-wrap {
    width: 400%;
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    z-index: 0;
    animation: y_carousel-slider4 30s infinite;
    animation-delay: 2s;
}
.y_carousel-slider4 .y_slide-wrap-main {
    width: 100%;
    z-index: 1;
    animation: y_carousel-slider-main4 30s infinite;
    animation-delay: 2s;
}
.y_carousel-slider4 .y_slide {
    width: 100%;
}

/* スライダーアニメーションの設定  */
@keyframes y_carousel-slider4 {
    0% { transform: translateX(0); }

    20% { transform: translateX(calc(1 / 4 * -100%)); }
    25% { transform: translateX(calc(1 / 4 * -100%)); }

    45% { transform: translateX(calc(2 / 4 * -100%)); }
    50% { transform: translateX(calc(2 / 4 * -100%)); }

    70% { transform: translateX(calc(3 / 4 * -100%)); }
    75% { transform: translateX(calc(3 / 4 * -100%)); }

    95% { transform: translateX(calc(4 / 4 * -100%)); }
    100% { transform: translateX(calc(4 / 4 * -100%)); }
}

@keyframes y_carousel-slider-main4 {
    0% { transform: translateX(100%); }
    75% { transform: translateX(100%); }
    95% { transform: translateX(0%);}
}

/* フローティングスケジュール */
.y_nav2{
    margin-left: 70%;
}

/* こだわり */
.y_wrap{
    max-width: 1360px;
    margin: 0 auto;
}
.y_codawari{
    width: 100%;
    margin: 0 auto;
    background: linear-gradient(#c0ffff, #f0ffff);
    padding: 1px 1%;
}
.y_cdwr01{
   display: flex;
   margin: 0 auto;
   justify-content: center;
   margin: 10% 0;
   color: #eebe64;
}
.y_cdwr02 h3{
    display: flex;
    justify-content: center;
    line-height: 200%;
    margin-bottom: 4%;
    color: #3f2a0a;
}
.y_cdwr03{
    display: flex;
    justify-content: center;
    line-height: 200%;
    margin-bottom: 5%;
    margin-left: 4%;
}

/* ボタン */
.y_btn {
    display: inline-block;
    background: #8de9bd ; /* 背景色 */
    color: #fff; /* 文字色 */
    padding: 16px 40px; /* 上下の余白、左右の余白 */
    text-decoration: none; /* デフォルトで入るリンクの下線を消す */
    border-radius: 30px; /* 角を丸くする */
    width: 200px;
    display: flex; 
    justify-content: center;
    margin: 0 auto; 
    margin-bottom: 100px;
    cursor: pointer;
    font-size: 15px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
  }

  /* 仕切りライン */
  .y_line{
    border: 1.5px solid #c9c9c9;
    width: 67%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 5%;
  }
   
/* 旬カレンダー */
.y_calendar{
    width: 100%;
    margin: 0 auto;
    background-color: #f0ffff;
    padding: 1%;
}
.y_cale01 {
    display: flex;
    justify-content: center;
    margin: 5% 0 10% 0;
    color: #eebe64;
}
.y_cale02{
    display: flex;
    justify-content: center;
    margin-bottom: 10%;
img{
    width: 70%;
    height: auto;
}
}

/* おすすめ */
.y_osusume{
    width: 100%;
    margin: 0 auto;
    padding: 1%;
    background-color: #f0ffff;
    position: relative;
    z-index: 1;
}
.y_ossm01{
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin: 5% 0 10% 0;
    color: #eebe64;
}
.y_ossm02{
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 50px;
}
.y_ospoto{
    margin: 0 3% 0 1%;
    img{
        width: 100%;
        height: auto;
    }
}
.y_ossm03{
    color: #3f2a0a;
    margin: 0 3% 0 1%;
}
.y_ossm03 h3{
    margin: 10px 0 20px 0;
}
.y_ossm03 p{
    line-height: 170%;
}
.y_osusume .y_ossm02:nth-of-type(4){
    display: flex;
    flex-direction: row-reverse;
}

/* アクセス */
.y_access{
    width: 100%;
    margin: 0 auto;
    padding: 1px 1%;
    background-color: #f0ffff;
}
.y_acce01{
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin: 5% 0 10% 0;
    color: #eebe64;
}
.y_map{  
    display: flex;
    justify-content: center;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 50px;
    height: 35vw;
}
.y_acce02{
    display: flex;
    margin: 0 auto;
    justify-content: center; 
    padding-bottom: 100px;    
}
.y_acdocu01{
    margin-right: 3%;    
}
.y_acdocu02{
    margin-left: 3%;
    line-height: 150%;
}

/* kodawariトップビジュアル */
.y_skyphoto{
    max-width: 100%;
    /* height: 50vw; */
    margin: 0 auto; 
    background-image: url(../img/y_images/sky_02.png) ;
    margin-top: 3%;
    padding: 13% 0; 
    background-size: cover;
    background-position: center;
}
.y_skydocu01{
    width: 67%;
    background-color: #fff;
    border-radius: 5px;
    color: #eebe64;
    margin: 0 auto;
    padding: 6% 0;
    font-size:clamp(20px,3.5vw,40px);
}
.y_skydocu01 h1{
    display: flex;
    justify-content: center;  
}

/* こだわり文章 */
.y_kdwr{
    background-color: #f0ffff;
    max-width: 1360px;
    margin: 0 auto;
    padding: 1%;
}
.y_kdwr h3{
    color: #3f2a0a;
    display: flex;
    justify-content: center;
    line-height: 170%;
    margin-top: 10%;   
}

/* スライダー */
.y_loop-slide {
    overflow: hidden;
    background-color: #f0ffff;
    max-width: 1360px;
    margin: 0 auto;
    padding: 10% 0 7% 0;
}
.y_loop-slide > div {
    display: flex;
    animation: slide-to-left 35s linear infinite reverse;
}
.y_loop-slide > div > * {
    min-width: calc(100% / 2 - 3%);
}
@keyframes slide-to-left {
    100% { transform: translateX(calc(-100% * (4 / 2))) }
}
.y_loop-slide img{
    margin-left: 3%;
} 

/* こだわりコンテンツ */
.y_kdwrcontent{
    max-width: 100%;
    background-color: #f0ffff;
    margin: 0 auto;
    padding: 5%;
}
.y_kdwrcon{
    display: flex;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 8%;
}
.y_kdwrdocu{    
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
    line-height: 220%;
h3{
    margin: 0 auto;
    color: #3f2a0a;
    margin-bottom: 20%;
}
}
.y_kdwrpoto{
    height: auto;
    width: 60%;
img{
    max-width: 100%;
    height: auto;
}
}
.y_kdwrcontent .y_kdwrcon:nth-of-type(2){
    display: flex;
    flex-direction: row-reverse;
}

/**********フッター*ひな形**********/
footer{
    display:flex;
    background-color:#8de9bd;
    padding:1.08%;
    position: relative;
    z-index: 1;
    .top-wrapper{
        width:30%;
        padding-left:10%;
        margin-right:10%;
    }
    .top{
        margin:-30% 0 26% 0;
    }
    .f-btn{
        display:flex;
        padding-bottom:150px;
        p{
            margin:5%;
            font-family: "Noto Sans JP", sans-serif;
            font-weight:500;
            font-size:15px;
        }
    }
    .sns-wrapper{
        padding-top:60px;
        .sns{
            display:flex;
            margin-bottom:60px;
            img{
                margin-right:10%;
            }
        }
    }
}
/**********イベント*メイン**********/
.ivent{
    max-width:1360px;
    margin:10% auto 0 auto;
    padding:1px;
    background-color:#f0ffff;
    .top{
        margin:0 auto 100px auto;  
        p{
            height:20px;
            background-color:#eebe64;
        }
        div{
            margin:-10% 10%;
        }
    }
    .welcome{
        text-align: center;
        margin-bottom:200px;
        position:relative;
        img{
            margin-left:40%;
        }
        p:nth-of-type(1){
        margin:60px 0;
        }
    }
    .acc{
        margin-bottom:100px;
        position:relative;
        .border{
            text-align: center;
            width:66.2%;
            height:60px;
            margin:60px auto;
            margin-bottom:60px;
            border-bottom:1.5px solid #eebe64;
        }
        h2{
            color:#eebe64;            
        }
        .wrapper{
            width:90%;
            margin:0 auto;
            display:flex;
            .tex{
                margin:0 auto;
                width:50%;
                padding:10% 0;
                line-height:2em;
                p:nth-of-type(1){
                    margin-bottom:20px;
                }
                p:nth-of-type(3){
                    width:12em;
                    border-bottom:1px dashed #eebe64;
                }
            }
            div:nth-of-type(1){
                margin-right:5%;
            }
            .googlemap{
                border-radius:5px;
                overflow: hidden;
                margin-top:5%;
                width:50%;
                height:250px;
            }
        }
    }
    .map{
        margin-bottom:100px;
        position:relative;
        .border{
            text-align: center;
            width:66.2%;
            height:60px;
            margin:0 auto;
            margin-bottom:60px;
            border-bottom:1.5px solid #eebe64;
        }
        h2{
            color:#eebe64;            
        }
        .wrapper{
            margin:0 auto;
            display:flex;
            .img_map{
                margin:0 7% 0 15.3%;
            }
            .wrap{
                padding:60px 0;
                .tex{
                    margin-top:60px;
                    display:flex;
                }
            }
        }
    }
    @media only screen and (max-width:700px){
        .map .wrapper{
            display:block;
            .wrap{
                display:flex;
                justify-content:center;
                padding:20px 0;
            }
        }
    }
    .dance{
        margin-bottom:200px;
        .border{
            text-align: center;
            width:66.2%;
            height:60px;
            margin:0 auto;
            margin-bottom:60px;
            border-bottom:1.5px solid #eebe64;
        }
        h2{
            color:#eebe64;            
        }
        .img_d{
            max-width:60%;
            margin:0 auto;
        }
        .tex{
            width:60%;
            text-align: center;
            margin:0 auto;
            padding:60px 0;
            p:nth-of-type(1){
                font-weight:500;
                font-size: 20px;
            }
            p:nth-of-type(2){
                line-height: 40px;
                padding:30px 0;
            }
        }
        .day{
            display:flex;
            justify-content: center;
            flex-wrap:wrap;
            gap:2%;
        }
    }
    .sr{
        margin-bottom:100px;
        position:relative;
        .border{
            text-align: center;
            width:66.2%;
            margin:0 0 60px 15%;
            border-bottom:1.5px solid #eebe64;
        }
        .k_slider{
            margin:0 auto;
            display:flex;
            width:100%;
            height:auto;
            overflow: hidden;
        }
    }
    .shop{
        margin-bottom:200px;
        .border{
            text-align: center;
            width:66.2%;
            height:60px;
            margin:0 auto;
            margin-bottom:60px;
            border-bottom:1.5px solid #eebe64;
        }
        h2{
            font-size:clamp(20px,4vw,30px);        
            color:#eebe64;            
        }
        article{
            position:relative;
            h3{
                font-size:30px;
                color:#eebe64;
                margin:50px 0;
            }

            section{
                display:flex;
                width:60.3%;
                padding:1.5%;
                margin:0 auto;
                margin-bottom:10px;
                background-color:#fff;
                border-radius:5px;

                div{
                    width:50%;
                    padding-left:2vw;
                    h3{
                        font-size:clamp(20px,4vw,30px);
                    }    
                }
                div:has(img){
                    display:inline-block;
                    width:fit-content;
                }
                img{
                    min-width:200px;
                }
            }

            section:nth-of-type(2n){
                flex-direction:row-reverse;
            }
        }
    }
    @media only screen and (max-width:700px){
        .shop article section{
            display:block;
            div{
                width:100%;
            }
            p{
                margin-bottom:20px;
            }
        }
    }
}
/**********雲アニメーション**********/
.fwfw{
    width:30.6%;
    position:absolute;
    top:320px;left:0;
    z-index: 10;
    animation: fwfw 1.8s infinite ease-in-out;
}
.fwfw2{
    width:30.6%;
    position:absolute;
    top:-200px;left:67%;
    z-index: 10;
    animation: fwfw 1.8s infinite ease-in-out;
}
.fwfw3{
    width:30.6%;
    position:absolute;
    top:-150px;left:3%;
    z-index: 10;
    animation: fwfw 1.8s infinite ease-in-out;
}
.fwfw4{
    position:absolute;
    top:-150px;left:67%;
    z-index: 10;
    animation: fwfw 1.8s infinite ease-in-out;
}
.fwfw5{
    width:30.6%;
    position:absolute;
    top:350px;left:3%;
    z-index: 10;
    animation: fwfw 1.8s infinite ease-in-out;
}
@keyframes fwfw{
    0% {
      transform: translateY(0);
    }
    50% {
        transform: translateY(-10%);
      }  
    100% {
      transform: translateY(0);
    }
}
/**********news*list**********/
.newslist{
    max-width: 1360px;
    margin:100px auto 0 auto;
    background-color: #f0ffff;
    .title{
        color:#eebe64;
        text-align: center;
        padding:150px 0 60px 0;
    }
    article .wrapper{
        display:flex;
        gap:3.8%;
        margin:0 auto;
        margin-bottom:65px;
        width:75%;
        h3{
            line-height: 2em;
            font-size:15px;
            padding-top:20px;
        }
    }
    .btn{
        display:flex;
        justify-content:center;
        gap:10px;
        padding-bottom:100px;
    }    
}
/**********news*下層ページ共通**********/
.news_ver{
    max-width: 1360px;
    padding:100px 0;
    margin:0 auto;
    background-color: #f0ffff;
    h1{
        margin-bottom:100px;
    }
    article .title{
        text-align: center;
    }
    article .text{
        width:58.8%;
        margin:0 auto;
        padding:60px;
    }
    article .pic{
        width:58.8%;
        margin:0 auto;
    }
    h3{
        margin:60px auto;
        padding-top:60px;
        border-top: 1px solid #3f2a0a;
        width:66.2%;
        text-align: center;

    }
    .other{
        display:flex;
        justify-content: center;
        gap:2.2%;
        p{
            padding-top:30px;
        }
    }
}
/**********blog＜4月、5月共通＞**********/
.i_blog{
    margin: 150px auto 0 auto;
    max-width: 1360px;
    background-color: #f0ffff;

    .i_blog_img{
        width: 100%;
        height: 300px;
        background-image: url(../img/i_img/blog/fresh-fruits-2305192_1920.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 30%;
        background-attachment: fixed;
    }
    .i_blog_content{
        display: flex;
        justify-content: space-between;
    
        .i_blog_profile_g{
            margin-top: 15%;
            text-align: center;
            margin-left: 5%;
            
            img{
                margin-bottom: 10%;
            }
        }
        .i_blog_profile_o{
            margin-top: 15%;
            text-align: center;
            margin-right: 5%;
            
            img{
                margin-bottom: 10%;
            }
        }
        .i_blog_detail{
            margin-top: 5%;
            text-align: center;

            img{
                margin-bottom: 10%;
            }
            .i_blog_profile_sp{
                display: none;
            }
            h3{
                color: #3f2a0a;
                margin-bottom: 3%;
            }
            .i_blog_date{
                font-weight: 600;
            }
            p{
                line-height:160%;
                letter-spacing:0.1em;    
                margin-bottom: 10%;
            }
        }
    }
    .i_blog_btn00{
        text-align: center;
        padding: 5% 10% 10% 10%;
    }
    .i_blog_btn00_sp{
        display: none;
    }
    .i_blog_btn01{
        width: 200px;
        height: 40px;
        background-color: #8de9bd;
        border-radius: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight:500;
        font-size:15px;
        color: #ffffff;
        text-align: center;
        padding-right: 5%;
        margin-right: 10%;
    }
    .i_blog_btn02{
        width: 200px;
        height: 40px;
        background-color: #eebe64;
        border-radius: 20px;
        font-family: "Noto Sans JP", sans-serif;
        font-weight:500;
        font-size:15px;
        color: #ffffff;
        text-align: center;
        padding-left: 5%;
    }
    
    .i_blog_archive{
        text-align: center;
        font-family: "Noto Sans JP", sans-serif;
        font-weight:500;
        font-size:15px;
        color: #3f2a0a;    
        line-height:160%;
        letter-spacing:0.1em;    
        padding-bottom: 10%;
        margin-left: 37%;
        p{
            width: 40%;
            border-bottom: 2px solid #eebe64;
            padding: 0 20% 0.5% 0;
            margin-bottom: 1%;
        }
        li{
            width: 40%;
        }
    }
}
.i_blog_suika{
    margin-bottom: 10%;
}
.i_blog_suika_loader{
    margin: auto;
    width: 80px;
    height: 40px;
    border-radius: 0 0 100px 100px;
    border: 5px solid #538a2d;
    border-top: 0;
    box-sizing: border-box;
    background:
    radial-gradient(farthest-side at top,#0000 calc(100% - 5px),#e7ef9d calc(100% - 4px)), 
    radial-gradient(2px 3px,#5c4037 89%,#0000) 0 0/17px 12px,
    #ff1643;
    --c:radial-gradient(farthest-side,#000 94%,#0000);
    -webkit-mask:
    linear-gradient(#0000 0 0),
    var(--c) 12px -8px,
    var(--c) 29px -8px,
    var(--c) 45px -6px,
    var(--c) 22px -2px,
    var(--c) 34px  6px, 
    var(--c) 21px  6px,
    linear-gradient(#000 0 0);
    mask:
    linear-gradient(#000 0 0),
    var(--c) 12px -8px,
    var(--c) 29px -8px,
    var(--c) 45px -6px,
    var(--c) 22px -2px,
    var(--c) 34px  6px, 
    var(--c) 21px  6px,
    linear-gradient(#0000 0 0);
    -webkit-mask-composite:destination-out;
    mask-composite:exclude,add,add,add,add,add,add;
    -webkit-mask-repeat: no-repeat;
    animation: l8 3s infinite;
}
@keyframes l8 {
0%   {-webkit-mask-size: auto,0 0,0 0,0 0,0 0,0 0,0 0}
15%  {-webkit-mask-size: auto,20px 20px,0 0,0 0,0 0,0 0,0 0}
30%  {-webkit-mask-size: auto,20px 20px,20px 20px,0 0,0 0,0 0,0 0}
45%  {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,0 0,0 0,0 0}
60%  {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,0 0,0 0}
75%  {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,0 0}
90%,
100% {-webkit-mask-size: auto,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px,20px 20px}
}
/**********お問い合わせ**********/
.i_faq{
    margin: 150px auto 0 auto;
    max-width: 1360px;

    .i_faq_title{
        text-align: center;
        padding: 7%;
    }
    .i_faq_text{
        text-align: center;
        margin-bottom: 100px;
        padding: 0 5%;

        p{
            line-height:160%;
            letter-spacing:0.1em;
            text-align: left;
            display: inline-block;
        }
    }
    .i_faq_info{
        text-align: center;
        margin-bottom: 100px;

        h1{
            color: #eebe64;
            margin: 10px auto;
            font-weight: 900;/*black*/
        }
        p{
            line-height:160%;
            letter-spacing:0.1em;
        }
    }
/* 入力フォーム */
    .i_faq_form{
        margin-left: 33%;

        form{
            margin-bottom: 4%;

            label{
                display: block;
                margin-bottom: 10px;
                font-family: "Noto Sans JP", sans-serif;
                font-weight: 500;
                font-size:15px;
                color: #3f2a0a;
                line-height:160%;
                letter-spacing:0.1em;
                margin-left: 0.5%;
            }
            input,textarea{
                border: 1px solid #3f2a0a;
                padding: 7px;
                width: 450px;
                margin-bottom: 40px;
                font-family: "Noto Sans JP", sans-serif;
                font-weight: 500;
                font-size:14px;
                color: #3f2a0a;
                line-height:160%;
                letter-spacing:0.1em;
            }
            ::placeholder{
                color: #c9c9c9;
            }
        .i_faq_naiyou{
                resize: none;
                width:450px;
                height:200px;
            }
        }
        .i_send{
            margin: 5% 0 10% 15%;
            width: 200px;
            height: 40px;
            background-color: #8de9bd;
            border-radius: 20px;
            font-family: "Noto Sans JP", sans-serif;
            font-weight:500;
            font-size:15px;
            color: #ffffff;
            text-align: center;
            border: none;
            display: block;
        }
    }
}
/**********プライバシーポリシー**********/

.i_pp{
    margin: 150px auto 0 auto;
    max-width: 1360px;
    background-color: #f0ffff;
    overflow: hidden;    
    
    .i_pp_detail{
        width: 80%;
        margin: 10% auto 10% auto;
        background-color: #ffffff;
        padding: 7%;

        .i_pp_title{
            margin-bottom: 4%;
            color: #3f2a0a;
        }
        p{
            margin-bottom: 10px;
            line-height:160%;
            letter-spacing:0.1em;
        }
        h3{
            margin: 20px 1% 10px 0;
            color: #3f2a0a;
        }
        .i_pp_title01{
            display: flex;

            .i_pp_title01_sq{
                color: #c0ffff;
            }
        }
        .i_list01{
            list-style-type: decimal;
            margin-left: 6%;
            margin-bottom: 10px;
        }
        .i_list02{
            list-style-type: lower-alpha;
            margin-left: 3%;
            margin-top: 10px;
        }
        .i_list03{
            list-style-type: disc;
            margin-left: 3%;
            margin-top: 10px;
        }
        li{
            color: #3f2a0a;
            font-family: "Noto Sans JP", sans-serif;
            font-weight: 500;
            font-size:15px;
            line-height:160%;
            letter-spacing:0.1em;
            margin-bottom: 1.2%;
        }
        .i_info{
            margin-top: 20px;
        }
        .i_last{
            text-align: end;
            margin-top: 20px;
        }
    }    
}
/**********会社概要**********/
.i_about{
    margin: 150px auto 0 auto;
    max-width: 1360px;
    background-image: url(../img/i_img/about/vegetables-1363033_1280.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    
    .i_about_alpha{
        background-color: rgba(255, 255, 255, 0.7);
        padding: 10%;
    
        .i_about_title{
            width: 83%;
            height: auto;
            background-color: #8de9bd;
            margin: auto;
            padding: 3%;
            border-radius: 20px 20px 0 0;

            h2{
                color: #fff;
                text-align: center;
            }
        }
        .i_about_detail{
            width: 83%;
            height: auto;
            background-color: #ffffff;
            margin: auto;
            padding: 7%;
            border-radius: 0 0 20px 20px;
            
            .i_text01{
                margin-bottom: 5%;
            }
            h3{
                margin-left: 12%;
                margin-right: 10%;
                color: #3f2a0a;
                line-height:160%;
            }
            p{
                font-family: "M PLUS 1p", sans-serif;
                font-weight: 500;/*Medium*/
                font-size:20px;
                color: #3f2a0a;
                line-height:160%;
            }
            section{
                display: flex;
            }
        }
    }
}
/********************スマホサイズ********************/
@media only screen and (max-width:500px){
    /*****ヘッダー*****/
    header{
        position:fixed;
        top:initial;bottom:0;left:0;
        height:10%;
        img{
            display:none;
        }
        nav{
            display:none;
        }
    }
    .logo{
        display:block;
        position:fixed;
        top:0;left:auto;
        z-index: 15;

        background-color:rgba(255, 255, 255, 0.8);
        border-radius:0 0 5px 0;
        padding:5%;
    }

    /*ここまでヘッダーコピペ*/
    /*****フッター*****/
    footer{
        display:block;
        .top-wrapper{
            width:100%;
            padding:3%;
            position:relative;
            .top{
                position:absolute;
                top:100%;left:10%;
                width:30%;
            }
        }
        .f-btn{
            display:block;
            padding:0;
            margin:0 auto;
            p:nth-of-type(1){
                line-height:30px;
                width:4em;
                margin:0 auto;
            }
            p:nth-of-type(2){
                width:10.5em;
                margin:0 auto;
            }
        }
        .sns-wrapper{
            padding-top:0;
            padding-bottom:0;
            .sns{
                width:200px;
                margin:0 auto;
                margin-bottom:20px;
                img{
                    margin-right:30px;
                }
            }
        }
        .copylight{
            text-align: center;
            margin-bottom:25vw;
        }
    }
    /*ここまでフッターコピペ*/

    /* yamazaki */
       /* topページ */
       .y_cdwr02{
        margin: 0 8% 8% 8%;
        line-height: 170%;
         h3{
            font-size:clamp(13px,3.5vw,20px);
        }
    }
    .y_cdwr03{
        margin-left: -1%;
    }
    .y_osusume .y_ossm02:nth-of-type(4){
        display: flex;
        flex-direction: column;
    }
    .y_ossm02{
        display: flex;
        flex-direction: column;
    }
    .y_ospoto{
        width: 70%;
        height: auto;
        margin: 0 auto 2% auto;
    }
    .y_ossm03{
        margin: 0 auto;
        padding: 0 10%;
    }
    .y_acce02{
        display: flex;
        flex-direction: column;
    }
    .y_acdocu01{
        margin: 20px auto;
    }
    .y_acdocu02{
        margin: 0 auto;
    }

    /* kodawari */
    .y_skyphoto{
        margin-top: -5%;
    }
    .y_skydocu01{
        border-radius: 3px;
        h1{
            font-size:clamp(20px,3.5vw,40px);
        }
    }
    .y_kdwr{
        h3{
            font-size:clamp(13px,3.5vw,20px);
            margin: 10% 8% 3% 8%;
            line-height: 170%;
        }
    }
    .y_kdwrcon{
        display: flex;
        flex-direction: column;
    }
    .y_kdwrcontent .y_kdwrcon:nth-of-type(2){
        display: flex;
        flex-direction: column;
    }
    .y_kdwrcontent{
        padding-bottom: 8%;
    }
    .y_kdwrpoto{
        margin: 8% auto;
    }
    .y_kdwrdocu h3{
        margin-bottom: 10%;
    }
    .y_kdwrdocu p{
        margin-bottom: 15%;
        line-height: 200%;
        font-weight: 400;
    }


/* ハンバーガーメニュー */    
ol,
ul {
    list-style: none;
    list-style-type: none;
}

.y_nav{
    text-decoration: none;
    color: #3f2a0a;
    font-size: 20px;
    letter-spacing: 0.1em;
}

.hamburger {
    /* margin: 20px auto 0; */
    width: 100%;
    max-width: 900px;
    display: flex;
    justify-content: space-between;

}

.hamburger .btn-gNav {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 30px;
    height: 24px;
    z-index: 1130;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.hamburger .btn-gNav span {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #8de9bd;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.hamburger .btn-gNav span:nth-child(1) {
    top: 0;
}

.hamburger .btn-gNav span:nth-child(2) {
    top: 10px;
}

.hamburger .btn-gNav span:nth-child(3) {
    top: 20px;
}

.hamburger .btn-gNav.open span:nth-child(1) {
    background: #ffffff;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger .btn-gNav.open span:nth-child(2),
.hamburger .btn-gNav.open span:nth-child(3) {
    top: 6px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.btn-gNav {
    display: none;
}

.gNav .gNav-menu {
    display: flex;
    justify-content: space-between;
}

.gNav .gNav-menu li {
    margin: 0 auto;
    padding: 0 5px;
}

@media screen and (max-width: 500px) {
    .btn-gNav {
        display: block;
    }

    .gNav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: #f0ffff;
        font-size: 16px;
        box-sizing: border-box;
        z-index: 1;
        padding-top: 50px;
        transition: .3s;
    }

    .gNav.open {
        right: 0;
    }

    .gNav .gNav-menu {
        padding: 0;
        width: 100%;
        height: 100%;
        display: block;
        flex-direction: column;
        text-align: center;
        /*justify-content: center;*/
    }

    .gNav .gNav-menu li {
        width: 86%;
        padding: 15px;
        border-bottom: #c9c9c9 1.5px solid;
    }
}
        /**********イベント*甲斐*********/
        .ivent{
            margin:0;
        }
        .ivent .welcome{
            padding:0 10%;
        }
        .ivent .welcome img{
            margin-bottom:20px;
        }
        .ivent .acc{
            margin-bottom:100px;
            .border{
                margin-bottom:0;
            }
            .wrapper{
                display:block;
                padding:0 10%;
                .tex{
                    margin-bottom:10px;
                    margin:0 auto;
                    width:90%;
                }
                .googlemap{
                    margin:0 auto;
                    overflow: hidden;
                    height:50vw;
                    width:100%;
                }
            }
        }
        .ivent .map{
            .border h2{
                font-size:clamp(30px,3.5vw,40px);
            }
            .wrapper{
                display:block;
                .img_map{
                    padding:0;
                }
                .wrap{
                    display:flex;
                    justify-content: center;
                    margin:20px auto;
                    padding:0;
                    .tex{
                        margin-top:20px;
                    }
                }
            }
        }
        .ivent .dance{
            padding:0 10%;
            margin-bottom:20px;
            .border h2{
                font-size:clamp(25px,3.5vw,40px);
            }
            .day{
                max-width:306px;
                flex-direction: column;
                gap:20px;
                margin:0 auto;
                img{
                    width:100%;
                    height:auto;
                }
            }
            .tex{
                text-align: center;
            }
        }
        .sr{
            .border{
                padding-bottom:0;
            }
            .y_loop-slide{
                padding:0;
            }
        }
        .ivent .shop article section:nth-of-type(2n-1){
            display:block;
            div{
                width:100%;
                img{
                    width:95%;
                    margin-bottom:20px;
                }
                h3{
                    margin:20px auto;
                }
                p{
                    line-height:2em;
                    margin-bottom:20px;
                }    
            }
        }
        .ivent .shop article section:nth-of-type(2n){
            flex-direction:column;
            padding-bottom:20px;
            div{
                width:100%;
                img{
                    width:95%;
                    margin-bottom:20px;
                }
                h3{
                    margin:20px auto;
                }
                p{
                    line-height:2em;;
                    margin-bottom:20px;
                }    
            }
        }
        /**********雲アニメーション**********/
        .fwfw{
            top:450px;left:0;
        }
        .fwfw2{
            top:-90px;left:67%;
        }
        .fwfw3{
            top:-820px;left:3%;
        }
        .fwfw4{
            top:-300px;left:67%;
        }
        .fwfw5{
            top:300px;left:3%;
        }
    /**********news*list*甲斐*********/
    .newslist{
        margin-top:0;
        .title{
            padding-top:24%;
        }
        article .wrapper{
            flex-direction:column;
            align-items:center;
            margin-bottom:65px;
            width:60%;
            section div:nth-of-type(2){
                max-width:300px;
                border-bottom: 1px solid #3f2a0a;
                margin-bottom:60px;
            }
            h3{
                padding-bottom:20px;
            }
        }
    }
    /**********news*下層ページ共通**********/
    .news_ver{
        padding-top:0;
        margin-bottom:0;
        article .title h2{
            font-size:20px;
        }
        article .text{
            width:90%;

        }
        .other{
            flex-direction:column;
            margin:0 auto;
            align-items:center;
            margin-bottom:65px;
            width:60%;
            section div:nth-of-type(2){
                max-width:300px;
                border-bottom: 1px solid #3f2a0a;
                padding-bottom:30px;
                margin-bottom:30px;
            }
        }
    }
/**********blog＜4月、5月共通＞（礒貝）**********/
.i_blog{
    margin: 0 auto;

    .i_blog_img{
        height: 150px;
        background-position: 50% 0;
    }
    .i_blog_content{
    
        .i_blog_profile_g{
            display: none;
        }
        .i_blog_profile_o{
            display: none;
        }
        .i_blog_detail{
            .i_blog_profile_sp{
                display: initial;
                width: 30%;
            }
            .i_blog_date{
                font-weight: 500;
            }
            p{
                font-weight: 400;
                padding: 0 10%;
            }
        }
    }
    .i_blog_btn00{
        display: none;
    }
    .i_blog_btn00_sp{
        display: flex;
        justify-content: center;
        padding: 5% 5% 5% 5%;
        margin-bottom: 10%;

        .i_blog_btn01{
            width: 130px;
            height: 40px;
            background-color: #8de9bd;
            border-radius: 20px;
            font-family: "Noto Sans JP", sans-serif;
            font-weight:500;
            font-size:15px;
            color: #ffffff;
            text-align: center;
        }
        .i_blog_btn02{
            width: 130px;
            height: 40px;
            background-color: #eebe64;
            border-radius: 20px;
            font-family: "Noto Sans JP", sans-serif;
            font-weight:500;
            font-size:15px;
            color: #ffffff;
            text-align: center;
            margin-bottom: 3%;
            margin-left: 10%;
        }
    }
    .i_blog_archive{
        font-weight:400;
        padding-bottom: 20%;
        text-align: left;
        margin-left: 20%;
        p{
            width: 80%;
            font-weight: 400;
        }
        li{
            width: 80%;
            margin-left: 25%;
        }
    }
}
    /**********お問い合わせ(礒貝)**********/
    .i_faq{
        margin-top:15%;
        .i_faq_text{
            p{
                font-weight: 400;
                font-size: 13px;
            }
        }
        .i_faq_info{
            p{
                font-weight: 400;
            }
        }
    /* 入力フォーム */
        .i_faq_form{
            margin-left: 13%;

            form{
                margin-bottom: 4%;

                label{
                    font-weight: 400;
                }
                input,textarea{
                    width: 85%;
                    font-weight: 400;
                }
                .i_faq_naiyou{
                    resize: none;
                    width:85%;
                    height:100px;
                }
            }
            .i_send{
                margin: 3% 0 20% 13%;
            }
        }
    }
    /**********プライバシーポリシー（礒貝）**********/

    .i_pp{
        padding-top:25%;
        margin:0 auto;
        .i_pp_title{
            font-size:clamp(23px,4.3vw,30px);
        }
        .i_pp_detail{  
            p{
                font-weight: 400;
            }
            li{
                font-weight: 400;
            }    
        }
    }
    /**********会社概要（礒貝）**********/
    .i_about{
        margin: 0 auto;
        .i_about_alpha{   
            padding: 25% 5% 15% 5%;
             
            h2{
                font-weight: 400;
                font-size: 20px;
            }
            .i_about_detail{
                
                .i_text01{
                    margin-bottom: 0;
                }    
                .i_text02{
                    margin-bottom: 7%;
                }    
                h3{
                    margin: 0 0 2% 0;
                    color: #3f2a0a;
                    font-weight: 400;
                    font-size:15px;
                    text-align: center;
                }
                p{
                    margin: 0 0 7% 0;
                    color: #3f2a0a;
                    font-weight: 400;
                    font-size:15px;
                    text-align: center;
                }
                section{
                    display: block
                }
            }
        }
    }

}