@charset "UTF-8";
/* @font-face {
    font-family: フォント名;
    src: url(font/フォント名.ttf) format(”truetype”);
    } */

/* font-family: wanpaku-ruika, sans-serif;
font-weight: 100;
font-style: normal;

font-family: corporate-logo-ver2, sans-serif;
font-weight: 700;
font-style: normal; */

.dela-gothic-one-regular {
        font-family: "Dela Gothic One", sans-serif;
        font-weight: 400;
        font-style: normal;
}
.rocknroll-one-regular {
    font-family: "RocknRoll One", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.protest-guerrilla-regular {
    font-family: "Protest Guerrilla", system-ui;
    font-weight: 400;
    font-style: normal;
}
.mochiy-pop-one-regular {
    font-family: "Mochiy Pop One", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
          
      
.anton-regular {
    font-family: "Anton", system-ui;
    font-weight: 400;
    font-style: normal;
}

                        
/* －－－－－－－－初期設定－－－－－－－ */
html{
    /* font-size: 16px; */
    font-size: 14px;
}
.container{
    /* max-width: 1250px; */
    margin: auto;
}
.container2{
    max-width: 1500px;
    margin: auto;
    padding: 100px 15px;
    background-image: url(images/bg_woody01.jpg);
    background-repeat: repeat;
    margin-bottom: 30px;
}
li{
    list-style: none;
}
/* －－－－－－－－ヘッダー－－－－－－－ */
/* 余白の初期化 */
header, header *{
    margin: 0;
    padding: 0;
}

/* 内部コンテナ */
header .container00{
    width: 100%;
    /* max-width: 1080px; */
    max-width: 1500px;
    height: 100vh;
    margin: auto;
    /* 余白が広がるのを回避 */
    @media(max-width: 950px){
        height: 50%;
    }
}
/* スライド画像とナビゲーションメニューの親要素 */
#slide_nav{
    display: flex;
    width: 100%;
    height: 100%;
}

/* スライド画像 */
#slide_nav img{
    height: 100%;
}

/* ナビゲーションメニュー */
#slide_nav nav{
    width: 100%;
}
#slide_nav nav ul{
    display: grid;
    height: 100%;
    grid-template-columns: 1fr 1fr;
    place-items: center;
    mix-blend-mode: overlay;  /* 色のブレンド */
    background-color: blueviolet;  /* 色のブレンド色１ */
}
#slide_nav nav ul li{
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
}
#slide_nav nav ul li a{
    text-decoration: none;
    display: flex;  /* 上下中央揃えのための方策 */
    align-items: center;  /* 上下中央揃えのための方策 */
    justify-content: center;  /* 左右中央揃えのための方策 */
    width: 100%;
    height: 100%;
    color: white;
    font-size: 20px;
    font-weight: bold;
    @media(max-width: 1180px){
        font-size: 1rem;
    }
    @media(max-width: 1130px){
        font-size: 0.8rem;
    }
}
#slide_nav nav ul li a:hover{
    background-color: gold;
    color: brown;
}

/* 色のブレンド色２（個別） */
#slide_nav nav ul li:nth-child(1){ background-color: rgba(189, 53, 53, 1.0);}
#slide_nav nav ul li:nth-child(2){ background-color: rgba(189, 53, 53, 0.8);}
#slide_nav nav ul li:nth-child(3){ background-color: rgba(189, 53, 53, 0.6);}
#slide_nav nav ul li:nth-child(4){ background-color: rgba(189, 53, 53, 0.4);}
#slide_nav nav ul li:nth-child(5){ background-color: rgba(189, 53, 53, 0.2);}
#slide_nav nav ul li:nth-child(6){ background-color: rgba(189, 53, 53, 0.1);}

/* メニューボタン */
#bt_menu{
    position: fixed;
    /* top: 20px;
    right: 20px; */
    top: 10px;
    left: 10px;
    display: none;
    width: 50px;
    height: 50px;
    background-color: blueviolet;
    border-radius: 50%;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    /* 重なり調整 */
    z-index: 996;
}
/* メニューボタンの3本線 */
#bt_menu div{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 55%;
    height: 4px;
    background-color: white;
    border-radius: 4px;
    transform-origin: center center;
    transition: 0.3s ease;
}
/* 三本線個別設定 */
#bt_menu div:nth-child(1){ top:27%; }
#bt_menu div:nth-child(2){ top:50%; }
#bt_menu div:nth-child(3){ top:72%; }
/* 三本線の「×」バージョン */
.bt_close div{ top: 50% !important; }
.bt_close div:nth-child(1){ transform: translate(-50%, -50%) rotate(45deg) !important; }
.bt_close div:nth-child(2){ left: 200% !important; }
.bt_close div:nth-child(3){ transform: translate(-50%, -50%) rotate(-45deg) !important; }

/* 幅によってGrid列数変更 */
/* @media (max-width: 960px){ */
@media (max-width: 1100px){
    #slide_nav nav ul{
        grid-template-columns: 1fr;
    }
}

/* 限界幅でメニューを隠して「≡」ボタンを表示 */
/* @media (max-width: 840px){ */
@media (max-width: 950px){
    #slide_nav{
        display: block;     /* トップ画像の縦横比固定に必要 */
    }
    #slide_nav img{
        width: 100%;
        height: auto;   /* トップ画像の縦横比固定 */
    }
    #bt_menu{ display: block;}  /* メニューボタン出現 */
    
    /* メニューの位置 */
    #slide_nav nav{
        position: fixed;
        top: 0px;
        left: 0px;
        /* 重なり調整 */
        z-index: 995;
    }

    /* メニュー設定と、初期状態は隠す */
    #slide_nav nav ul li{
        height: 0px;
        transition: 0.3s ease;
        overflow: hidden;
    }
    /* メニューオープン状態 */
    #slide_nav nav ul.open li{
        height: 60px;
    }
}
/* －－－－－－－－フッター－－－－－－－ */
.footer{
    margin: auto;
}
.copyright{
    text-align: center;
    font-weight: bold;
    margin: auto;
}
.icon{
    display: flex;
    justify-content: center;
}
.icon img{
    margin: 30px 20px;
    margin-bottom: 100px;
}
.icon img:hover{
    animation: top 0.3s;
}
.catch_copy{
    display: block;
    margin: auto;
    width: 65%;
    height: auto;
}

/* －－－－－－－－－－－－トップ以外共通－－－－－－－－－－－－－ */
.dogs img{
    border: solid 3px white;
    border-radius: 30px;
    margin: auto;
    width: 15%;
    height: auto;
    /* －－レスポンシブ設定 ～幅400px－－ */ 
    @media screen and (max-width: 630px){
        border-radius: 10px;
    } 
}
.dogs{
    text-align: center;
}
.other{
    background-color: rgba(255, 255, 255, 0.598);
    border: solid 3px white;
    border-radius: 1rem;
    font-size: 2rem;
    color: rgb(45, 32, 32);
    margin: auto;
    margin-bottom: 130px;
    margin-top: 100px;
    padding: 45px;
    line-height: 3rem;
    font-family: "wanpaku-rera", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.other h2{
    /* font-family: corporate-logo-ver2, sans-serif;
    font-weight: 700;
    font-style: normal; */
    font-family: wanpaku-ruika, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 5rem;
    color: green;
    text-shadow: 
     1.5px 1.5px 0 yellow,
     -1.5px -1.5px 0 white,
     -1.5px -1.5px 0 white,
     1.5px -1.5px 0 white;
     margin-bottom: 50px;
     /* －－レスポンシブ設定－－ */
     @media(max-width: 600px){
        font-size: clamp(2.5rem,5vw,4.5rem); 
    } 
}
.other h3{
    color: orangered;
    margin-bottom: 50px;
    /* text-align: center; */
    font-size: 2rem;
    @media(max-width: 519px){
        /* font-size: clamp(1.3rem,5vw,1.5rem);  */
        font-size: 1.9rem;
    } 
    @media(max-width: 498px){
        /* font-size: clamp(1.3rem,5vw,1.5rem);  */
        font-size: 1.8rem;
    } 
    @media(max-width: 477px){
        /* font-size: clamp(1.3rem,5vw,1.5rem);  */
        font-size: 1.7rem;
    } 
    @media(max-width: 456px){
        /* font-size: clamp(1.3rem,5vw,1.5rem);  */
        font-size: 1.6rem;
    } 
    /* －－レスポンシブ設定－－ */
    @media(max-width: 446px){
        /* font-size: clamp(1.3rem,5vw,1.5rem);  */
        font-size: 1.55rem;
    } 
    /* @media screen and (min-width: 460px) and (max-width: 470px){
        font-size: 1.5rem;
    }  */
    @media(max-width: 414px){
        /* font-size: clamp(1.3rem,5vw,1.5rem);  */
        font-size: 1.5rem;
    } 
}
.other p{
    font-size: 1.7rem;
    line-height: 2rem;
    /* margin-top: 20px; */
    /* －－レスポンシブ設定－－ */
    @media(max-width: 600px){
        font-size: clamp(1.3rem,5vw,1.5rem); 
    } 
}
.big{
    font-size: 3rem;
    color: green;
    text-shadow: 
     1.5px 1.5px 0 black,
     -1.5px -1.5px 0 black,
     -1.5px -1.5px 0 black,
     1.5px -1.5px 0 black;
}
.strong{
    font-size: 2.5rem;
    color: green;
    text-shadow: 
     1.0px 1.0px 0 yellow,
     -1.0px -1.0px 0 yellow,
     -1.0px -1.0px 0 yellow,
     1.0px -1.0px 0 yellow;
      /* －－レスポンシブ設定－－ */
      @media(max-width: 600px){
        font-size: clamp(1.5rem,5vw,1.9rem); 
    } 
}

/* －－－－－－－－告知用ピン止めメモ部分－－－－－－－ */
.title{
    /* background: url(images/sheet_with_pins.png) no-repeat top center ; */
    /* －－文字はあふれないけどピンが消える－－ */
    /* background-size:  auto 100%; */
    /* －－ピンは消えないけど文字があふれる、一番上と同じ－－ */
    /* background-size:  100% auto; */

    /* －－背景色を紙の代わりに配置。追従OK－－ */
    background-color: rgba(255, 255, 255, 0.598);
    text-align: center;
    padding: 50px 200px;
    margin-bottom: 50px;
    margin: auto;
    @media(max-width: 700px){
        padding: 50px 80px;
    }
}
.title img{
    margin: auto;
    width: 100%;
    height: auto;
}
 
.title img:hover{
    animation: top 0.3s;
}

.new_board{
    /* －－背景色を紙の代わりに配置。追従OK－－ */
    background-color: rgba(255, 255, 255, 0.598);
    text-align: center;
    padding: 50px;
    margin-bottom: 50px;
}
.new{
    display: inline-block;
    margin: auto;
    font-weight: 800;
    font-style: normal;
    color: red;
    text-shadow: 
     1.5px 1.5px 0 orange,
     -1.5px -1.5px 0 orange,
     -1.5px -1.5px 0 orange,
     1.5px -1.5px 0 orange;
     font-size: 6rem;
      /* animation: new 0.8s infinite; */
    animation: top 1s infinite;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 1450px){
        font-size: 5rem;
    }
} 
@keyframes new {
    0%,100% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
  }
.new_lead{
    text-align: left;
    margin-top: 20px;
}
.new_lead p{
    font-family: "wanpaku-rera", sans-serif;
    font-weight: 600;
    font-style: normal;
    color: black;
    font-size: 2rem;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 1450px){
        font-size: clamp(1.2rem,5vw,2rem);
    }
}
.flyer_icon img{
    width: 250px;
    height: auto;
}
.flyer_icon img:hover{
    animation: top 0.3s;
}

/* new部分　色分け */
.pink a{
    color: rgb(255, 91, 181);
    text-decoration: none;
}
.pink a:hover{
    display: inline-block;
    transition: 0.6s;
    animation: top 0.3s;
}
.navy a{
    color: navy;
    text-decoration: none;
}
.navy a:hover{
    display: inline-block;
    transition: 0.6s;
    animation: top 0.3s;
}
.lavender a{
    color: rgb(172, 172, 250);
    text-decoration: none;
}
.lavender a:hover{
    display: inline-block;
    transition: 0.6s;
    animation: top 0.3s;
}
.new_link{
    font-size: 4rem;
    color: black;
    font-family: "wanpaku-rera", sans-serif;
    font-weight: 600;
    font-style: normal;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 1450px){
        font-size: clamp(1rem,5vw,4rem);
    }
    
}
.new_link a{
    text-decoration: none;
    color: orangered;
}
.new_link a:hover{
    display: inline-block;
    color: pink;
    transition: 0.6s;
    animation: top 0.3s;
}
.title_ivent a:hover{
    display: inline-block;
    color: black;
    transition: 0.6s;
    animation: top 0.3s;
}
.pad_and_board{
    display: flex;
    margin-bottom: 50px;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 1100px){
        display: block; 
        width: 100%;
        height: auto; 
    }
}

.pad01,.pad02{
    width: 18%;
    height: 18%;
    /*  レスポンシブ設定 */
    @media(max-width: 1200px){
        height: 0vh;
    }
}
.pad01{
    margin-top: 80px;
    /*  レスポンシブ設定 */
    @media(max-width: 1200px){
        margin-top: 0;
    }
}
.pad02{
    margin-top: 280px;
    /*  レスポンシブ設定 */
    @media(max-width: 1200px){
        margin-top: 0;
    }
}

/* －－－－－－－－メモエリア－－－－－－－ */
.main_memo{
    margin-top: 50px;
    /* width: 250px; */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 800px){
        display: block; 
    }
}

.main_memo a{
    text-decoration: none;
    color: rgb(31, 29, 29);
}

/* －－－－－－－－各メモとテキスト統合－－－－－－－ */

.memo01,.memo02,.memo03,.memo04{
    /* background-size: auto 100%;　　　－－－－－－－－マステは切れるけど追従できる－－－－－－－ */
    /* background-size: 100% auto;         －－－－－－－－マステはキープできるけど追従できない－－－－－－－－ */
    background-size: 100%;
    font-family: "Mochiy Pop One", sans-serif;
    margin: auto;
    font-size: 1.5rem;
}
/* 緑マステ */
.memo01{
    background-image: url(images/memo_bovi_green.png);
    opacity: 0.85;
    @media(min-width: 1000.1px){
        padding: 80px 50px 120px;
        font-size: clamp(1rem,5vw,1.5rem);
        max-width: 600px;
    }
    @media screen and (min-width:950.1px) and (max-width: 1000px) {
        padding: 40px 40px 90px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:800.1px) and (max-width: 950px) {
        padding: 30px 50px 50px 20px;
        max-width: 450px;
        font-size: clamp(0.9rem,5vw,1.2rem);
    }
    @media screen and (min-width:700.1px) and (max-width: 800px) {
        padding: 50px 50px 50px 60px;
        max-width: 450px;
        font-size: 1.5rem;
    }
    @media screen and (min-width:600.1px) and (max-width: 700px) {
        padding: 50px 50px 80px 60px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:500.1px) and (max-width: 600px) {
        padding: 60px 50px 100px 30px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:400.1px) and (max-width: 500px) {
        padding: 60px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.95rem,5vw,1rem);
    }
    @media(max-width:400px){
        padding: 80px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.8rem,5vw,0.9rem);
    }
}
/* ピンクマステ */
.memo02{
    background-image: url(images/memo_bovi_pink.png);
    opacity: 0.85;
    @media(min-width: 1000.1px){
        padding: 80px 50px 120px;
    }
    @media screen and (min-width:950.1px) and (max-width: 1000px) {
        padding: 40px 40px 90px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:800.1px) and (max-width: 950px) {
        padding: 50px 30px 80px 20px;
        max-width: 450px;
        font-size: clamp(0.9rem,5vw,1.2rem);
    }
    @media screen and (min-width:700.1px) and (max-width: 800px) {
        padding: 50px 30px 80px 30px;
        max-width: 450px;
        font-size: 1.5rem;
    }
    @media screen and (min-width:600.1px) and (max-width: 700px) {
        padding: 50px 40px 80px 30px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:500.1px) and (max-width: 600px) {
        padding: 60px 40px 50px 30px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:400.1px) and (max-width: 500px) {
        padding: 70px 50px 80px 40px;
        max-width: 350px;
        font-size: clamp(0.95rem,5vw,1rem);
    }
    @media(max-width:400px){
        padding: 80px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.8rem,5vw,0.9rem);
    }
}
/* 紫マステ */
.memo03{
    background-image: url(images/memo_bovi_purple.png);
    opacity: 0.85;
    @media(min-width: 1000.1px){
        padding: 80px 50px 150px;
    }
    @media screen and (min-width:950.1px) and (max-width: 1000px) {
        padding: 90px 25px 100px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:800.1px) and (max-width: 950px) {
        padding: 50px 25px 60px 35px;
        max-width: 450px;
        font-size: clamp(0.9rem,5vw,1.2rem);
    }
    @media screen and (min-width:700.1px) and (max-width: 800px) {
        padding: 70px 30px 50px 60px;
        max-width: 450px;
        font-size: 1.5rem;
    }
    @media screen and (min-width:600.1px) and (max-width: 700px) {
        padding: 80px 40px 80px 50px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:500.1px) and (max-width: 600px) {
        padding: 80px 50px 100px 40px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:400.1px) and (max-width: 500px) {
        padding: 80px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.95rem,5vw,1rem);
    }
    @media(max-width:400px){
        padding: 80px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.8rem,5vw,0.9rem);
    }
}
/* 青マステ */
.memo04{
    background-image: url(images/memo_bovi_blue.png);
    opacity: 0.85;
    @media(min-width: 1000.1px){
        padding: 140px 60px 150px;
    }
    @media screen and (min-width:950.1px) and (max-width: 1000px) {
        padding: 120px 50px 100px 80px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:800.1px) and (max-width: 950px) {
        padding: 120px 50px 100px 80px;
        max-width: 450px;
        font-size: clamp(0.9rem,5vw,1.2rem);
    }
    @media screen and (min-width:700.1px) and (max-width: 800px) {
        padding: 120px 50px 100px 80px;
        max-width: 450px;
        font-size: 1.5rem;
    }
    @media screen and (min-width:600.1px) and (max-width: 700px) {
        padding: 120px 50px 100px 80px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:500.1px) and (max-width: 600px) {
        padding: 120px 50px 100px 80px;
        max-width: 450px;
        font-size: clamp(1rem,5vw,1.5rem);
    }
    @media screen and (min-width:400.1px) and (max-width: 500px) {
        padding: 120px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.95rem,5vw,1rem);
    }
    @media(max-width:400px){
        padding: 120px 50px 100px 60px;
        max-width: 350px;
        font-size: clamp(0.8rem,5vw,0.9rem);
    }
}

/* .memo02,.memo03{
    padding: 100px 40px 80px;
} */



/* －－－各メモのマウスオン時挙動－－－ */
.memo01:hover,.memo02:hover,.memo03:hover,.memo04:hover{
    animation: memo 0.3s;
    /* rotate: -5deg; */
}
@keyframes memo{
    0%{ transform: rotateZ(0deg);}
    30%{ transform: rotateZ(5deg);}
    70%{ transform: rotateZ(-5deg);}
    100%{ transform: rotateZ(0deg);}
}

/* －－－イベントページ－－－ */
.ivent{
    font-family: "wanpaku-rera", sans-serif;
    font-weight: 100;
    font-style: normal;
    margin-top: 80px;
}
/* .ivent_text{
    margin: auto;
} */
.bold_and_big{
    font-size: 4rem;
    font-weight: bold;
}
.ivent img{
    width: 50%;
    /* min-width: 85px; */
}
.ivent_item{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin-top: 100px;
}
.ivent_item h4{
    font-family: wanpaku-ruika, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 3.5rem;
    text-align: left;
    color: navy;
    text-shadow: 1px 1px white;
  /* レスポンシブ設定 */
  @media(max-width: 1130px){
    font-size: clamp(0.8rem,5vw,2.5rem);
}   
  @media(max-width: 690px){
    font-size: clamp(1.5rem,5vw,3.5rem);
}   
  /* @media(max-width: 400px){
    font-size: clamp(1rem,5vw,1.5rem);
}    */
}
.ivent_item p{
    font-family: wanpaku-ruika, sans-serif;
    font-weight: 100;
    font-style: normal;
    color: orangered;
    font-size: 2rem;
    text-shadow: 
     1.0px 1.0px 0 yellow,
     -1.0px -1.0px 0 yellow,
     -1.0px -1.0px 0 yellow,
     1.0px -1.0px 0 yellow;
     /* レスポンシブ設定 */
    @media(max-width: 500px){
        font-size: 1.4rem;
    }
}
.other .text{
    font-size: 1.5rem;
    /* レスポンシブ設定 */
    @media(max-width: 500px){
        font-size: 1.2rem;
    }

}
.bone{
    width: 5%;
    min-width: 50px;
}
.tent{
    width: 10%;
    min-width: 50px;
 }
.ticket{
    margin-top: 250px;
    text-align: center;
    @media(max-width: 1040px) {
        margin-top: 50px;
    }
}
.ticket img{
    /* width: 150%; */
    @media(max-width: 1240px){
        width: clamp(400px,400px,450px)
    }  
    @media(max-width: 1110px) {
        width: clamp(300px,350px,400px)
    }
    @media(max-width: 1060px) {
        width: clamp(280px,300px,350px)
    }
    @media(max-width: 1040px) {
        width: 65%;
    }
    
}
.time_schedule{
    display: flex;
    @media(max-width: 1040px) {
        display: block;
    }
}
.time_schedule ul li{
    @media(max-width: 710px){
        font-size: 1.8rem;
    }
    @media(max-width: 650px){
        font-size: 1.6rem;
    }
    @media(max-width: 600px){
        font-size: 1.5rem;
    }
    @media(max-width: 570px){
        font-size: 1.3rem;
    }
    @media(max-width: 510px){
        font-size: 1.2rem;
    }
    @media(max-width: 405px){
        font-size: 1rem;
    }
}
@media(max-width: 485px){
    .blue{
        color: blue;
    }
}
@media(max-width: 480px){
    .s_size{
        font-size: 0.9rem;
    }
    .s_size02{
        font-size: 0.85rem;
    }
}
.kitchen{
    font-family: "dela-gothic-one", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    color: navy;
    text-shadow: 1px 1px white;
    font-size: 1.8rem;
    margin-top: 30px;
}
.kitchen_car{
    display: flex;
    gap:50px;
    /* レスポンシブ設定 */
    @media(max-width: 600px){
        display: block;
    }
}
.kitchen_cars{
    margin-bottom: 50px;
}
.kitchen_cars_image{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 600px;
    padding-top: 80px;
    /* min-width: 150px; */
    /* レスポンシブ設定 */
    @media(max-width: 1050px){
        grid-template-columns: 1fr 1fr;
    }
    @media(max-width: 600px){
        display: none;
    }
}
.kitchen_cars_image img{
    width: 100%;
}


.p_left{
    rotate: -5deg;
}
.p_right{
    rotate: 5deg;
}
.p_center{
    rotate: -8deg;
}
h6{
    font-size: 3rem;
    font-weight: 800;
    margin-bottom:40px;
    margin-top: 40px;
    color: rgb(4, 169, 235);
    text-shadow: 1px 1px 1px white;
      /* レスポンシブ設定 */
  @media(max-width: 1040px){
    font-size: clamp(2rem,5vw,3rem);
}   
}
#p_small01,#p_small02{
    @media(max-width: 500px){
        font-size: 1.35rem;
    }
}
/* －－－実行委員－－－ */
.boovy{
    text-align: center;
}
.boovy img{
    width: 80%;
    height: auto;
    min-width: 150px;
} 

/* －－gridは少し見づらかった－－ */
/* .stuff_all{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
} */
/* .stuff_all img{
    margin-top: 10px;
} */
.stuff_item{
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
    margin-bottom: 20px;
     /* －－レスポンシブ設定－－ */
     @media(max-width: 800px){
        display: block; 
        margin-left: 10px;
        margin-right: 10px;
    }    
}
.stuff_item p{
    margin-top: 10px;
    margin-bottom: 20px;
    /* width: 810px;    */
     /* －－レスポンシブ設定－－ */
     @media(max-width: 800px){
        font-size: clamp(0.8rem,5vw,1.7rem); 
        /* width: fit-content; */
    } 
}
.stuff_item a{
    text-decoration: none;
    color: darkolivegreen;
}
.stuff_item a:hover{
    color: whitesmoke
}
.line{
    /*－－レスポンシブ設定－－ */
     @media(min-width: 800px){
        opacity: 0;
    } 
   text-align: center;
}
.line img{
    width: 80%;
}
.stuff_item img{
    width: 45%;
    height: auto;
    min-width: 125px;
}
.stuff_item02{
    text-align: center;
    @media(max-width: 800px){
            display: flex;
            align-items: center;
}
}
/* .stuff_item02 h3{
    width: fit-content;

} */
hr{
    margin-top: 30px;
    margin-bottom: 30px;
}
/* －－－会場案内－－－ */
.cap{
    font-weight: 600;
    font-size: 3rem;
    padding-bottom: 50px;
}
.access h2{
    font-size: 3rem;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 750px){
       font-size: 2rem;
    }
}
.location img{
    margin-top: 30px;
    display: block;
    margin: auto;
    margin-bottom: 30px;
    width: 95%;
    height: auto;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 800px){
        min-width: 280px;
    }
}
.location h3{
    font-family: wanpaku-ruika, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 4rem;
    font-weight: bold;
    text-shadow: 1px 1px 1px black;
    /* －－レスポンシブ設定－－ */
    @media(max-width: 480px){
       font-size: 1.8rem;
    }
}
.location h4{
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 3rem;
     /* －－レスポンシブ設定－－ */
     @media(max-width: 730px){
        font-size: 2rem;
     }
     @media(max-width: 535px){
        font-size: 1.6rem;
        margin-top: 10px;
        margin-bottom: 10px;
     }
}
.map {
    width: 100%;
    position: relative;
    padding-top: 56.25%;
    margin-bottom: 50px;
  }
  
  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .city{
    color: rgb(90, 98, 57);
  }

.access_item p{
    font-family: "wanpaku-rera", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.orange02{
    font-family: wanpaku-ruika, sans-serif;
    font-weight: 100;
    font-style: normal;
}


.green,.orange{
    font-family: "Protest Guerrilla", sans-serif;
    font-size: 1.7rem;
    margin: auto;
    /* －－レスポンシブ設定～幅400px－－ */
    @media screen and (max-width: 400px){
        font-size: clamp(0.5rem,5vw,0.6rem);
        line-height: 1.2rem;
        } 
        /* －－レスポンシブ設定 幅401px～630px－－ */
        @media screen and (min-width: 400.1px) and (max-width: 630px) {
            font-size: 0.8rem;
            line-height: 1.7rem;
        }
        /* －－レスポンシブ設定 幅631px～800px－－ */  
        @media screen and (min-width: 630.1px) and (max-width: 800px) {
            font-size: 1.7rem;
            line-height: 2.2rem;
        }
        /* －－レスポンシブ設定 幅801px～－－ */ 
        @media screen and (min-width: 800.1px){
            font-size: 2rem; 
            line-height: 4rem;
        }  
}
.green{
    color: green;
}
.orange,.orange01,.orange02{
    color: orangered;
}

/* －－－－－－－スポンサー－－－－－－－ */
.midium{
    font-size: 2.5rem;
    margin-bottom: 15px;
    line-height: 1.2rem;
}
.s_cap{
    font-family: "Anton", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 2rem;
    margin-top: 40px;
    margin-bottom: 60px;
}
h5{
    text-align: center;
    margin-bottom: 30px;
    /* 書体試行錯誤中 */
    font-family: "Mochiy Pop One", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 2rem;
}
.sponsor_grid{
    /* display: flex;
    gap: 40px;
    flex-wrap: wrap;
    justify-content: space-around; */
    display: grid; 
    grid-template-columns: repeat(3, 1fr);
    @media(max-width: 1000px){
        grid-template-columns: repeat(2,1fr);
    }
   margin-top: 20px;
   margin-bottom: 50px;
}
.sponsor_item{
    text-align: center;
}
/* 書体試行錯誤中 */
.sponsor_item a{
    text-decoration: none;
    font-family: "Mochiy Pop One", sans-serif;
    color: black;
    display: inline-block;
}
.sponsor_item a:hover{
    animation: top 0.3s;
    color: gray;
    transition: 0.6s;

}
@media(max-width: 780px){
    .sponsor_item img{
        width: 150px;
        height: auto;
    }
    .sponsor_item h5{
        font-size: 1.2rem;
    }
    .midium{
        font-size: 1.3rem;
    }
}
@media(max-width: 525px){
    .sponsor_item img{
        width: 120px;
        height: auto;
    }
    .sponsor_item h5{
        font-size: clamp(0.9rem,5vw,1rem); 
    }
    .midium{
        font-size: 1.1rem;
    }
}
@media(max-width: 460px){
    .sponsor_item h5{
        font-size: clamp(0.8rem,5vw,0.9rem); 
        line-height: 1.2rem;
    }
    .midium{
        font-size: 1.1rem;
    }
}
.sponsor_item .toyoken{
    border-top: 10px;
    border-bottom: 10px;
    border-color: white;
}

/* －－－－－－－フライヤー－－－－－－－ */
.flyer{
    width: 100%;
    height: auto;
    padding: 20px;
    margin-bottom: 50px;
}
/* －－－－－－－プライバシーポリシー－－－－－－－ */
.policy a{
    color: red;
    text-decoration: none;
    display: inline-block;
}
.policy a:hover{
    animation: top 0.3s;
}

/* －－－－－－－トップへ戻るボタン－－－－－－－ */
@keyframes top{
    0%{ transform: rotateZ(0deg);}
    30%{ transform: rotateZ(5deg);}
    70%{ transform: rotateZ(-5deg);}
    100%{ transform: rotateZ(0deg);}
}

.for_top img{
    position: fixed;
    right: 50px;
    bottom: 30px;
    @media(max-width: 550px){
        width: 110px;
        height: auto;
    } 
}
.for_top img:hover{
    animation: top 0.3s;
}
.for_top p{
    font-family: "dela-gothic-one", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem;
    text-shadow: 
     1.5px 1.5px 0 white,
     -1.5px -1.5px 0 white,
     -1.5px -1.5px 0 white,
     1.5px -1.5px 0 white;
    position: fixed;
    right:50px;
    bottom: 25px;
    color: rgb(100, 22, 173);
    @media(max-width: 550px){
        font-size: 0.8rem;
    } 
}
.for_top p:hover{
    color:orangered;
    transition: 0.6s;
}

.for_top{
    z-index: 998;
}