/*** The new CSS reset - version 1.11.1 (last updated 24.10.2023) ***
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg*,symbol*)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}
a,button{cursor:revert}
ol,ul,menu,summary{list-style:none}
img{max-inline-size:100%;max-block-size:100%}
table{border-collapse:collapse}
input,textarea{-webkit-user-select:auto}
textarea{white-space:revert}
meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable="true"]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}
**/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video ,button{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


span{
    display:inline;
}
a{
    display:block;
    text-decoration: none;

}
a:link {
      text-decoration: none;
}

a:visited {
      text-decoration: none;
}

a:hover {
      text-decoration: none;
}

a,a:link,a:hover,a:visited{
    color: inherit;
}

a img {
      border-width: 0px;
      border-style: none;
      background: transparent;
}

html {
  font-size:16px;
   overflow-x: hidden;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   }
  
  body{
  font-family: 'Noto Serif JP','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','游明朝体+36ポかな','YuMincho +36p Kana',sans-serif;
  
  /*
  font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','游明朝体+36ポかな','YuMincho +36p Kana',sans-serif;
  */
    /*スマホのスクロールをスムーズにするらしい*/
    -webkit-overflow-scrolling: touch;
  }
  
  @media(max-width:500px){
    html{
    font-size:3.5vw;
    }
  }

img{
  width:100%;
	max-width: 100%;
	height: auto;
  align-self: flex-start;/*追加safari対策*/
}


    html ,
    body {
        margin:0;
        padding:0;
    }

    #wrapper{
        margin:0;
        padding:0;
    }
    
    #wrapper:after {
        content:'';
        width:100%;
        height:100vh;/*100vh*/
        display:block;
        background-repeat: no-repeat;
        background-size:cover;
        position:fixed;
        top:0;
        left:0;
        z-index:-1;
    }

/*
    #wrapper:before {
        content:'';
        width:51px;
        height:16px;
        display:block;
        background-repeat: no-repeat;
        background-size:cover;
        position:fixed;
        bottom:20px;
        left:auto;
        right: auto;
        background-image:url('./image/epi-scrollicon.png');
        background-repeat: no-repeat;
        background-size:cover;
        z-index:3;
    }
        
*/

    #wrapper .apple{
        
    }

    #wrapper.apple:before {
        position: fixed;
        content:'';
        width:calc(251vw / 12) ;
        height:calc(427vw / 12) ;/*306vw / 12*/
        max-width: 251px;
        max-height: 427px;/*306px*/
        inset: 0;
        margin:auto auto;/*22% auto auto auto*/
        background-image:url('../image/epi-logo2.png');/*epi-logo*/
        background-repeat: no-repeat;
        background-size:cover;
    }

    #wrapper.apple:after {
        /*固定*/
        /*background-image:url('./image/epi-bg1.png'),url('./image/epi-bg2.png'),url('./image/epi-bg3.png');*/
        background-image:url('../image/epi-bg1.png');

        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
        /*animation-name: image_anime;
        animation-fill-mode:both;
        animation-duration:12s;
        animation-iteration-count:infinite;
        animation-timing-function:ease;
        animation-delay: 0s;
        animation-direction:normal;*/
    }

h1,h2{
    font-weight: normal;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
  }

@media (max-aspect-ratio: 2/1) {
    #wrapper.apple:after {
        /*固定*/
        /*background-image:url('./image/epi-bg1.png'),url('./image/epi-bg2.png'),url('./image/epi-bg3.png');*/
        background-image:url('../image/epi-bg1.png');

        background-position: center;
        background-repeat: no-repeat;
        background-size:auto 100%;
    }
}

    @keyframes image_anime {
    0% {
    background-image: url('../image/epi-bg1.png');    
    }
    33.3% {
    /* 切り替え後の画像 */
    background-image: url('../image/epi-bg2.png'); 
    }
    66.6% {
    /* 切り替え後の画像 */
    background-image: url('../image/epi-bg3.png'); 
    }
    100% {
    /* 切り替え後の画像 */
    background-image: url('../image/epi-bg1.png'); 
    }
    }

@media(max-width:550px){

    #wrapper.apple:before {
        width:calc(271vw / 5) ;
        height:calc(324vw / 5) ;
        max-width: initial;
        max-height: initial;
        margin:auto auto;/*22% auto auto auto*/
        background-image:url('../image/epi-logo_sp.png');/*epi-logo2*/
    }

    /*SP 固定*/
    #wrapper.apple:after {
        /*background-image:url('./image/epi-bg1_sp.png'),url('./image/epi-bg2_sp.png'),url('./image/epi-bg3_sp.png');*/
        background-image:url('../image/epi-bg1_sp.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}


/*************************************************************/


    #green_box {
        position: relative;
        z-index: 2;
        background-color:rgba(255,255,240,1);
        margin:0;/*100vh 0 0 0;*/
        width: 100%;
        height:auto;
        /*min-height: 100vh;*/

        padding: 0 0 10% 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

#green_box2{
    position: relative;
    z-index: 2;
    background-color:rgba(255,255,240,1);
    margin:0;/*100vh 0 0 0;*/
    width: 100%;
    height:auto;
    /*min-height: 100vh;*/

    padding: 0 0 10% 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.epi-logotop{
   width: 100%;
   aspect-ratio:2 / 1 ;

    display: flex;
    justify-content: center;
    align-items: center;

    background-image:url('../image/epi-logotopbg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*
@media (max-aspect-ratio: 2/1) {
    .epi-logotop{
        background-size:auto 100%;
    }
}*/

.epi-mainlogo {
        width:calc(251vw / 12) ;
        height:calc(306vw / 12) ;/*306vw / 12*/
        max-width: 251px;
        max-height: 306px;/*306px*/
    }



    /*floorlady*/
    .epi-floorlady{
        margin:0;
        padding: 5% 0 5% 0;
        width: 100%;
        background-image:url('../image/epi-floorbg.png');
        background-position: center;
        background-repeat: repeat;
        background-size: 34px 34px;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;

        text-align: center;
        color: #fff;
        font-size: 1.3rem;
        letter-spacing: 2px;
        line-height: 1.4;
        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    }

    .epi-floorladyttl{
        margin: 0 auto 0 auto;
        width: 441px;
        height: 41px;
    }

    .epi-floortxt1{
        margin: 12px 0 0 0;
    }

    .epi-floorladybtn{
        margin: 28px auto 0 auto;
        width:calc(222vw / 12) ;
        height:calc(51vw / 12) ;
        max-width: 222px;
        max-height: 51px;

        display: flex;
        justify-content: center;
        align-items: center;

        background:linear-gradient(to right, #C3AD51 0%,#D8CA8C 100%);

        border-radius: 4px;
        font-size: min(4vw,1.3rem);
        color: #fff;
        text-shadow: 0px 0px 10px rgba(195, 173, 82, 1);
        font-weight: 400;
        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    }

    /*concept*/
    #concept{
        margin-top:-10px;
        padding: 10px;
    }

    .epi-concept-ttl{
        margin: 80px auto 40px auto;
        width:calc(250vw / 12) ;
        height:calc(55vw / 12) ;
        max-width: 260px;
        max-height: 55px;
    }

    .epi-concept{
        width: 100%;
        max-width: 1200px;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;

    }

    .epi-concept-img{
        padding: 0 0 0 0;
        width: 531px;
        height: 281px;
    }

    .epi-concept-txt{
        padding: 10px 0 30px 26px;
        color: #5F3C13;
        font-size: 1.1rem;
        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
        line-height: 1.6;
    }

    .epi-concept-txt0{
        margin: 16px 0 0 0;
    }

    .epi-concept-txt1{
        margin: 14px 0 0 0;
        display: block;
        font-size: 1.3rem;
        color: #B78921;
        line-height: 1.4;
        letter-spacing: 2px;
    }

    .epi-concept-txt1_sp{
        display: none;
    }

    .epi-concept-txt3{
        margin: 16px 0 0 0;
        letter-spacing: 1px;
        color: #B78921;;
        font-size: 0.9rem;
    }

    .sec1{
        width: 100%;
        height: auto;
    }

    .visible_pc{
        display: block;
    }
    .visible_sp{
        display: none;
    }

 /*SP*/   
@media(max-width:550px){
.epi-logotop{
   width: 100%;
   aspect-ratio:50 / 33 ;

    display: flex;
    justify-content: center;
    align-items: center;

    background-image:url('../image/epi-logotopbg_sp.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .epi-mainlogo {
        width:calc(150vw / 5) ;/*150 vw 271vw*/
        height:calc(170vw / 5) ;/*170 324vw*/
        max-width: initial;
        max-height: initial;
    }

    .epi-floorlady{
        margin: 0;
        padding:11vw 0 11vw 0;/*5% 0 5% 0*/
        width: 100vw;

        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;

        font-size: 1.7rem;
        letter-spacing: 2px;
        line-height: 1.4;
    }

    .epi-floorladyttl{
        margin: 0 auto 0 auto;
        width: calc(392vw / 5);
        height: calc(52vw / 5);
    }

    .epi-floortxt1{
        margin: 1.5vw 0 0 0;
    }

    .epi-floorladybtn{
        margin: 6vw auto 0 auto;
        width:calc(351vw / 5) ;
        height:calc(91vw / 5) ;
        max-width: initial;
        max-height: initial;

        font-size: 1.7rem;
    }

    
    #concept{
        margin-top:-1vw;
        padding: 1vw;
    }

    .epi-concept-ttl{
        margin: 8vw auto 4vw auto;
        width:calc(301vw / 5) ;
        height:calc(70vw / 5) ;
        max-width: initial;
        max-height: initial;
    }

    .epi-concept{
        width: 100vw;
        max-width: initial;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;

    }

    .epi-concept-img{
        padding: 0 0 0 0;
        width: calc(451vw / 5);
        height: calc(239vw / 5);
    }

    .epi-concept-txt{
        padding: 2vw 4vw 5vw 4vw;
        color: #5F3C13;
        font-size: 1.05rem;
        line-height: 1.6;
    }

    .epi-concept-txt1{
        display: none;
    }

    .epi-concept-txt1_sp{
        display: block;
        margin: 0 4vw 3vw 4vw;
        font-size: 1.35rem;
        color: #B78921;
        line-height: 1.6;
        letter-spacing:0;
    }

    .epi-concept-txt0{
        margin:1vw 0 0 0;
    }

    .epi-concept-txt3{
        margin: 3vw 0 0 0;
        letter-spacing: 1px;
        color: #B78921;;
        font-size: 0.95rem;
    }

    .visible_pc{
        display: none;
    }
    .visible_sp{
        display: block;
    }
}


/****************************************************************/
/*固定背景*/
    #wrapper.melon:after {
        background-image:url('../image/epi-bg2.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }


    #wrapper.banana:after {
        background-image:url('../image/epi-bg3.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
  
    #wrapper.tomato:after {
        /*background-image:url('./image/epi-bg4.png');*/
        background-color: #B78921;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

@media (max-aspect-ratio: 2/1) {
        #wrapper.melon:after {
        background-image:url('../image/epi-bg2.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size:auto 100%;
    }


    #wrapper.banana:after {
        background-image:url('../image/epi-bg3.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size:auto 100%;
    }
  
    #wrapper.tomato:after {
        /*background-image:url('./image/epi-bg4.png');*/
        background-color: #B78921;
        background-position: center;
        background-repeat: no-repeat;
        background-size:auto 100%;
    }
}    


@media(max-width:550px){
   /*SP 固定背景*/
   #wrapper.melon:after {
        background-image:url('../image/epi-bg2_sp.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }


    #wrapper.banana:after {
        background-image:url('../image/epi-bg3_sp.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
  
    #wrapper.tomato:after {
        /*background-image:url('./image/epi-bg4.png');*/
        background-color: #B78921;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    } 
}

/*******************************************************************/
/*SNS Other Access*/
#red_box {
        position: relative;
        z-index: 2;
        background-color:rgba(255,255,240,1);
        margin:100vh 0 0 0;
        height:auto;/*180vh*/
        min-height: 100vh;

        padding: 5% 0 5% 0;
        display: flex;
        flex-direction: column;
        justify-content:space-around;/*space-btween*/
        align-items: center;
    }

    #sns{
        width: 0;
        height: 0;
        margin-top:-40px;
        padding: 40px;
    }

   .epi-snsttl{
        margin: 80px auto 0 auto;/*60px */
        width: 157px;
        height: 33px;
    }

    .epi-snsout{
        margin: 60px auto 0 auto;/*40px*/
        padding: 0;
        width: 100%;
        max-width: 1000px;/*1000px*/
        height: auto;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-snsflx{
        margin: 0;
        padding: 0;
        width: 550px;/*550px -> 325px * 2 = 650*/
        height: auto;
        display: flex;
        justify-content:flex-start;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-snsitem{
        width:173px;
        height:173px;
        margin: 5px 5px;
    }

    .epi-snsbtnflm{
        margin: 0 30px 0 60px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .epi-snsbtn{
        margin:0;
        padding:0;
        width:289px;
        height:61px;
        display: flex;
        align-items: center;
        justify-content:center;
        background-color: #B78921;
        border-radius: 3px;

        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
        color: #fff;
        font-size: 1.2rem;
    }

    .epi-snsbtn:nth-of-type(2){
        margin: 50px 0 0 0;
    }

    .epi-btnmark{
        margin: 0 28px 0 12px;
        width: 30px;
        height: 30px;
    }

    .epi-btnmark2{
        margin: 0 28px 0 12px;
        width: 26px;
        height: 26px;
    }
    
    .white{
        color:#fff;
    }

    #other{
        width: 0;
        height: 0;
        margin-top:-10px;
        padding: 10px;
    }

    .epi-otherttl{
        margin: 80px auto 0 auto;
        width:calc(419vw / 12) ;
        height:calc(54vw / 12) ;
        max-width: 419px;
        max-height: 54px;
    }

    .epi-otherout{
        margin: 40px auto 0 auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;/*1000px*/
        height: auto;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-otherout2{
        margin: 65px auto 0 auto;
    }

    .epi-otherimg{
        width:631px;
        height:334px;
        margin: 0;
    }

    .epi-otherinfo{
        width: 300px;
        height: auto;
        padding: 5px 0 5px 30px;

        color: #BD9A28;
        font-size: 0.8rem;
        letter-spacing:1px;
        line-height: 1.3;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

.epi-other12{
    margin: 0;
}

.epi-other12:nth-of-type(2){
    margin: 42px 0 0 0;/**/
}

    .epi-othertxt0{
        margin: 8px 0 0 0;
    }

    .epi-othertxt1{
        margin: 0;
        color: #5F3C13;
        font-size: 1.4rem;
        line-height: 1;
        line-height: 1.4;
        letter-spacing: 2px;
    }

    .epi-otherbtn{
        margin: 16px 0 0 0;
        padding: 0 18px;
        width: 181px;
        height: 43px;

        background-color: #B78921;
        border-radius: 3px;
        color: #fff;
        font-size: 1.1rem;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #access{
        width: 0;
        height: 0;
        margin-top:-10px;
        padding: 10px;
    }

    .epi-accessttl{
        margin: 80px auto 0 auto;
        width: 242px;
        height: 54px;
    }

    .epi-accessout{
        margin: 40px auto 0 auto;
        padding: 0;
        width: 100%;
        max-width: 1000px;/*1000px*/
        height: auto;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-map{
        width: 536px;
        height: 294px;
    }

    .epi-map iframe{
        width: 100%;
        height: 100%;
    }

    .epi-locateinfo{
    width: 438px;
    height: auto;
    margin: 0;
    padding: 10px 0 10px 26px;

    color: #BD9A28;
    font-size: 0.8rem;
    letter-spacing:1px;
    line-height: 1.3;
    }

    .epi-locatetxt0{
        margin: 12px 0 0 0;
    }

    .epi-locatetxt1{
        margin: 0;
        color: #5F3C13;
        font-size: 1.4rem;
        line-height: 1;
        letter-spacing: 2px;
    }

    .epi-locatetxt2{
        margin:20px 0 0 0;
        color: #5F3C13;
        font-size: 1rem;
        line-height: 1.2;
        letter-spacing: 2px;
    }

    .epi-locatetxt3{
        margin:4px 0 0 0;

        text-indent: -1.5em;
        padding-left: 1.5em;
        color: #5F3C13;
        font-size: 0.75rem;
        line-height: 1.6;
        letter-spacing: 1px;
    }

    .epi-locatetxt4{
        margin:0 4px 0 4px;
        color: #BD9A28;;
    }

/**************************************************************/
/*SP SNS Other Access*/
@media(max-width:550px){

    #red_box {
        padding:9vw 0 19vw 0;
    }

    #sns{
        width: 0;
        height: 0;
        margin-top:-1vw;
        padding: 1vw;
    }

   .epi-snsttl{
        margin:18vw auto 0 auto;
        width:calc(170vw / 5);
        height:calc(55vw / 5);
    }

    .epi-snsout{
        margin:8vw auto 0 auto;
        padding: 0;
        width:100vw;
        max-width: initial;
        height: auto;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-snsflx{
        margin: 0;
        padding: 0;
        width:calc(470vw / 5);/* 100vw;*/
        height: auto;
        display: flex;
        justify-content:center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-snsitem{
        width:calc(150vw / 5);
        height:calc(150vw / 5);
        margin: 0.5vw 0.5vw;
    }

    .epi-snsbtnflm{
        margin: 6vw auto 0 auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .epi-snsbtn{
        justify-content:flex-start;
        padding:0 0 0 10vw;
        margin: 0 0 0 0;
        width:calc(321vw / 5);
        height:calc(68vw / 5);
    }

    .epi-btnmark{
        /*margin: 0 4vw 0 1vw;*/
        margin: 0 3vw 0 0;
        width:calc(30vw / 5);
        height:calc(30vw / 5);
    }

    .epi-btnmark2{
        /*margin: 0 9vw 0 1vw;*/
        margin: 0 4vw 0 0;
        width:calc(26vw / 5);
        height:calc(26vw / 5);
    }

    .epi-snsbtn:nth-of-type(2){
        margin: 5vw 0 10vw 0;
    }

/*SP Other*/
#other{
        width: 0;
        height: 0;
        margin-top:-1vw;
        padding: 1vw;
    }

    .epi-otherttl{
        margin: 12vw auto 0 auto;
        width:calc(439vw / 5) ;
        height:calc(77vw / 5) ;
        max-width: initial;
        max-height: initial;
    }

    .epi-otherout{
        margin: 6vw auto 0 auto;
        padding: 0;
        width: 100%;
        max-width: initial;
        height: auto;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-otherout2{
        margin: 18vw auto 0 auto;
    }

    .epi-otherimg{
        width:calc(401vw / 5);
        height:calc(213vw / 5);
        margin: 0;
    }

    .epi-otherinfo{
        width:calc(401vw / 5);
        height: auto;
        padding: 0 0 1vw 0;/*4vw 0 1vw 0*/

        color: #BD9A28;
        font-size: 1rem;
        letter-spacing:1px;
        line-height: 1.3;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

    .epi-other12{
        margin: 0;
    }

    .epi-other12:nth-of-type(2){
        margin: 4vw 0 0 0;
    }

    .epi-othertxt0{
        margin: 1.5vw 0 0 0;
    }

    .epi-othertxt1{
        margin:4vw 0 0 0;/*0*/
        color: #5F3C13;
        font-size: 1.4rem;
        line-height: 1.4;
        letter-spacing: 2px;
    }

    .epi-otherbtn{
        margin: 3vw 0 0 0;
        width: calc(251vw / 5);
        height:calc(59vw / 5);
    }

/*SP Access*/
#access{
        width: 0;
        height: 0;
        margin-top:-1vw;
        padding: 1vw;
    }

    .epi-accessttl{
        margin: 18vw auto 0 auto;
        width:calc(259vw / 5);
        height:calc(76vw / 5);
    }

    .epi-accessout{
        margin: 8vw auto 0 auto;
        padding: 0;
        width: 100vw;
        max-width: initial;
        height: auto;

        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .epi-map{
        width:calc(451vw / 5);
        height:calc(247vw / 5);
    }

    .epi-map iframe{
        width: 100%;
        height: 100%;
    }

    .epi-locateinfo{
    width: calc(462vw / 5);
    height: auto;
    margin: 0;
    padding: 0 0 0 0;

    color: #BD9A28;
    font-size: 1rem;
    letter-spacing:1px;
    line-height: 1.3;
    }

    .epi-locatetxt1{
        margin:4vw 0 0 0;
        color: #5F3C13;
        font-size: 1.4rem;
        line-height: 1;
        letter-spacing: 2px;
    }

    .epi-locatetxt2{
        margin:2vw 0 0 0;
        color: #5F3C13;
        font-size: 1.2rem;
        line-height: 1.4;
        letter-spacing: 2px;
    }

    .epi-locatetxt3{
        margin:1vw 0 0 0;
        color: #5F3C13;
        font-size: 0.9rem;
        line-height: 1.6;
        letter-spacing: 1px;
    }

    .epi-locatetxt4{
        margin:0 3px 0 3px;
        color: #BD9A28;;
    }

}

/***********************************************/
/*System*/
/***********************************************/

#yellow_box {
        position: relative;
        z-index: 2;
        background-color:rgba(255,255,240,1);
        margin:100vh 0;
        width: 100%;
        height:auto;/*180vh*/
        min-height: 100vh;

        padding: 8% 0 10% 0;/*5% 0 15% 0*/
        display: flex;
        flex-direction: column;
        justify-content: space-around;/*between*/
        align-items: center;
    }


/*@media (max-aspect-ratio: 1/1){
    #yellow_box {
        margin:100vh 0;
        width: 100%;
        height:auto;
        min-height: initial;
        max-height: 100vh;
    }
}*/

/*System*/
    #system{
        width: 0;
        height: 0;
        margin-top:-10px;
        padding: 10px;
    }

    .epi-systtl{
        margin:20px auto 0 auto;/*120px auto*/
        width: 245px;
        height: 56px;
    }

    .epi-sysflx{
        width: 100%;
        max-width: 1000px;
        margin: 32px auto 0 auto;/**/
        padding: 0;/*0 10px*/
        display: flex;
        justify-content: center;/*space-between*/
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .epi-syscolum{
        margin: 7px 7px;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .epi-sysrowth{
        width: 230px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border:#BD9A28 1px solid;
        background-color: #BD9A28;
    }

    .epi-sysrow{
        color: #5F3C13;
        font-size: 0.9rem;
        width: 230px;
        height: 40px;
        border: #BD9A28 solid;
        border-width: 0 1px 1px 1px;

        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .epi-sysrowtd1{
        width: 140px;
        height: 100%;

        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 0.8rem;
    }

    .epi-sysrowtd2{
        width: 90px;
        height: 100%;

        border: #BD9A28 solid;
        border-width: 0 0 0 1px;
        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 1rem;
    }

    .epi-sysrowtd3{
        width: 230px;
        height: 100%;
    }

    .epi-naname{
        width:100%;
        height:100%;
        background: linear-gradient(-9.865deg,transparent 0%,transparent 49.5%,#BD9A28 49.5%,#BD9A28 50.5%,transparent 50.5%,transparent 100%);
    }

/*SP System*/
    @media(max-width:550px){

        #yellow_box {
        padding: 8vw 0 8vw 0;
    }
    
        #system{
        width: 0;
        height: 0;
        margin-top:-1vw;
        padding: 1vw;
    }

    .epi-systtl{
        margin:12vw auto 0 auto;/*3vw */
        width:calc(275vw / 5);
        height:calc(70vw / 5);
    }

    .epi-sysflx{
        width: 100vw;
        max-width: initial;
        margin: 6vw auto 0 auto;
        padding: 0;/*0 10px*/
        display: flex;
        justify-content: center;/*space-between*/
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .epi-syscolum{
        margin: 2vw 0;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .epi-sysrowth{
        width: calc(400vw / 5);
        height:calc(65vw / 5);
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 1.4rem;
        background-color: #BD9A28;
    }

    .epi-sysrow{
        color: #5F3C13;
        font-size: 1.1rem;
        width: calc(400vw / 5);
        height:calc(65vw / 5);
        border: #BD9A28 solid;
        border-width: 0 1px 1px 1px;

        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .epi-sysrowtd1{
        width: calc(220vw / 5);
        height: 100%;

        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 1.2rem;
    }

    .epi-sysrowtd2{
        width: calc(180vw / 5);
        height: 100%;

        border: #BD9A28 solid;
        border-width: 0 0 0 1px;
        display: flex;
        justify-content: center;
        align-items: center;

        font-size: 1.3rem;
    }

    .epi-sysrowtd3{
        width: calc(400vw / 5);
        height: 100%;
    }

    .epi-naname{
        width:100%;
        height:100%;
        background: linear-gradient(-9.2367deg,transparent 0%,transparent 49.5%,#BD9A28 49.5%,#BD9A28 50.5%,transparent 50.5%,transparent 100%);
    }

    }


/*Event*/
    #event{
        width: 0;
        height: 0;
        margin-top:-10px;
        padding: 10px;
    }

    .epi-eventttl{
        margin: 80px auto 0 auto;/*40px*/
        width:calc(544vw / 12) ;
        height:calc(55vw / 12) ;
        max-width: 544px;
        max-height: 54px;
    }

    .epi-eventflm{
        margin:40px auto 0 auto;/*40px */
        padding: 12px 12px;
        width:calc(700vw / 10);
        max-width: 700px;
        height: 70px;

        border: #BD9A28 solid 1px;

        color: #5F3C13;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .epi-eventdate{
        width: 13%;
        height: 100%;

        font-size: 0.9rem;
        display: flex;
        justify-content: center;
        align-items:  center;
    }

    .epi-eventleft{
        width: 87%;
        height: 100%;
        padding: 0 0 0 12px;
        border: #B78921 solid;
        border-width: 0 0 0 1px;

        display: flex;
        justify-content: space-between;
        align-items: center;

        font-size: 1.1rem;
    }

    .epi-eventmore{
        width: 151px;
        height: 43px;

        display: flex;
        justify-content: center;
        align-items: center;

        background-color: #B78921;
        border-radius: 3px;

        font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
        color: #fff;
        font-size: 1.1rem;
        letter-spacing: 0;
    }

    .epi-r_arre{
        display: flex;
        justify-content: center;
        align-items: center;
        /*margin: 0 0 6px 3px;*/
        width: 38px;
        height: 5px;
    }

    .epi-r_arr{
        display: flex;
        justify-content: center;
        align-items: center;
        /*margin: 0 0 6px 3px;*/
        width: 38px;
        height: 5px;
    }

/*SP event*/
@media(max-width:550px){
    #event{
        width: 0;
        height: 0;
        margin-top:-1vw;
        padding: 1vw;
    }

    .epi-eventttl{
        margin: 8vw auto 0 auto;
        width:calc(440vw / 5) ;
        height:calc(121vw / 5) ;
        max-width: initial;
        max-height:initial;
    }

    .epi-eventflm{
        margin:8vw auto 0 auto;
        padding: 1vw 1vw;
        width:calc(393vw / 5);
        max-width:initial;
        height: calc(90vw / 5);

        border: #BD9A28 solid 1px;

        color: #5F3C13;

        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .epi-eventdate{
        width: 23%;
        height: 100%;

        font-size: 0.9rem;
        display: flex;
        justify-content: center;
        align-items:  center;
    }

    .epi-eventleft{
        width: 77%;
        height: 100%;
        padding: 0 0 0 1vw;
        border: #B78921 solid;
        border-width: 0 0 0 1px;

        display: flex;
        justify-content: space-between;
        align-items: center;

        font-size: 1.1rem;
    }

    .epi-eventmore{
        width:calc(72vw / 5);
        height:calc(72vw / 5);
    
        line-height: 1.2;
    }

    .epi-eventmore p{
        margin: 3px 0 0 0;

    }

    .epi-r_arre{
        display:none;
        width:0;
        height:0;
    }

    .epi-r_arr{
        margin: 0 0 0 0.5vw;
        width: 38px;
        height: 5px;
    }
}



/************************************************/

/*Header & footer*/
#header{
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 50px;
 background-color:rgba(64,20,0,0.8);/* rgba(84,31,130,0.3);*/

 display: flex;
 justify-content: center;
 align-items: center;

 color: #fff;
 z-index: 11 !important;
}

.header_in{
width: 100%;
max-width: 1200px;

padding:0 min(5%,20px);
 display: flex;
 justify-content:space-between;
 align-items: center;
}

.head_menu{
    display: flex;
    

    width: fit-content;
    height: auto;
}

.bargermenu{
    display: none;
    width: 0;
    height: 0;
}

.link{
    margin: 0 10px;
    color: #fff;
    font-size: 0.8rem;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}

.head_icon{
    width: 165px;
    height: 33px;
}


#footer{
    margin: 0;
    padding:0;
    width: 100%;
    height: 30px;

    background-color: #B78921;
    display: flex;
    justify-content: center;
    align-items: center;
}

.epi-footerin{
    color: #fff;
    font-size: 0.8rem;
    letter-spacing: 1px;
}

/*SP head & footer*/
@media(max-width:550px){
    /*Header & footer*/
#header{
 width: 100%;
 height: calc(50vw / 5);
}

.header_in{
width: 100%;
max-width: initial;
padding:0 2vw;
}

.head_menu{
    width: 0;
    display: none;
    height: 0;
}

.bargermenu{
    display:block;
    width: calc(36vw / 5);
    height: calc(36vw / 5);
    border: #fff solid 2px;
    border-radius: 3px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    padding:calc(8vw / 5) calc(6vw / 5);
}

.bargermenu span{
    width: 100%;
    height: 2px;
    background-color: #fff;
}


.head_icon{
    width: 165px;
    height: 33px;
}

}

/************************************************/
/*--anime CSS--*/
.anime{
    opacity: 0;
}

.action{
    opacity: 0;
    transform: scale(1)!important;
    transform: translateX(0)!important;
    transform: translateY(0)!important;
    -webkit-animation-name: action;
    animation-name: action;
    animation-duration: 0.5s;/*1.5s*/
    animation-fill-mode: both;
    animation-delay : 0s;/*0.3s*/
    animation-timing-function:linear;
}

@keyframes action {
    from {
      opacity: 0;
    }

    to {
        opacity: 1;
    }
  }



/*********************************************/
/*modal window*/
/* モーダルを開くボタン */
.modal-open{
 /* position: fixed;
  top: 50%;
  left: 50%;
  font-size: 16px;
  font-weight: bold;
  width: 300px;
  height: 60px;
  color: #fff;
  background: #000;
  border: none;
  cursor: pointer;
  translate: -50% -50%;

margin: 0 0 0 0;
width: 321px;
height:68px;
*/
}

/* モーダルと背景の指定 */
.modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;/*100%*/
  height: 100vh;/*100%*/
  text-align: center;
  background-color: #401400;
  background-color:rgba(64,20,0,0.8);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
  z-index: 12 !important;
}

/* モーダルの擬似要素の指定 */
.modal:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

/* クラスが追加された時の指定 */
.modal.is-active{
  opacity: 1;
  visibility: visible;
}

/* モーダル内側の指定 */
.modal-container{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width:1000px;/* 600px;*/
  width:calc(1000vw / 12);/* 90%;*/
}

/* モーダルを閉じるボタンの指定 */
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 330px;/*-20px*/
  right: 0;/*-20px*/
  width: 40px;
  height: 40px;
  font-size: 1.6rem;
  color: #fff;
  background:transparent;/* #000;*/
  border:#fff solid 1px;
  border-radius: 50%;
  cursor: pointer;
}

/* モーダルのコンテンツ部分の指定 */
.modal-content{
  background:transparent;/* #fff;*/
  text-align: left;
  line-height: 1.8;
  padding: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
}

.epi-modallogo{
    width: 336px;
    height: 337px;
}

.epi-modalimg{
    margin: 40px 0 0 0;
    width: 701px;
    height:842px;
}

/* モーダルのコンテンツ部分のテキストの指定 */
.modal-content p{
  margin: 1em 0;
}

@media(max-width:550px){

/* モーダルと背景の指定 */
.modal{
  padding:0 2vw 2vw 2vw;
}


/* モーダルを閉じるボタンの指定 */
.modal-close{
font-size: 1.4rem;
  top:38vw;/*58vw*/
  right: 0;/*-20px*/
  width:8vw;
  height:8vw;
}

/* モーダルのコンテンツ部分の指定 */
.modal-content{
  background:transparent;/* #fff;*/
  text-align: left;
  line-height: 1.8;
  padding:0 4vw 3vw 4vw;

    display: flex;
    flex-direction: column;
    align-items: center;
}
    .epi-modallogo{
    width:40vw;/*60vw*/
    height:40vw;/*60vw*/
}

.epi-modalimg{
    margin:8vw 0 0 0;
    width:90vw;
    height:108vw;
}
}
/*********************************************/



/************************************************************/
/* Menu Button & Menu Contents */
/************************************************************/
/*ボタン以外の部分をクリックするとメニューが閉じる*/
#fadeLayer {
    position:absolute;
    top:0px;
    left:0px;

    width:100%;
    /*height:100%;*/
    /*height: 1000vh;*/

    /*height: calc(100% * 1);*/
    height: 100%;

    background-color:#000000;
    opacity:0.5;
    visibility:hidden;
    z-index:8;
  }

  .container-click #fadeLayer {
    visibility:visible;
  }

/*input　#menu-btn-chekuを非表示*/
#menu-btn-check{
    width: 0;
    height: 0;
    display: none !important;
}

/*メニューボタン　PC非表示*/
.menu-btn{
    width: 0;
    height: 0;
    display: none;
}

@media(max-width:550px){
  /*メニューボタン　SP 表示*/
  .menu-btn {
      display: flex;
      position: fixed;
      top:1vw;/**8px*/
      right:1.5vw;/* 8px;*/
      z-index: 13 !important;
      height: calc(36vw / 5);
      width: calc(36vw / 5);
      justify-content: center;
      align-items: center;
      background-color:transparent;
      border: 2px #fff solid;
      border-radius: 3px;
  }
}

/*バーガーメニュー*/
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 2px;
    width: calc(25vw / 5);/*25px;*/
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    transition-duration: 0.5s;
}

.menu-btn span:before {
    bottom: 1.5vw;/*12px;*/
}
.menu-btn span:after {
    top: 1.5vw;/*12px;*/
}

/*メニュー内コンテンツ*/
.menu-content{
  width:100vw;
  height: 100vh;
  position: fixed;
  top:0;
  left: 100%;
  z-index: 12;/**/
  padding:12vw 0 0 0;
  background-color :rgba(64,20,0,0.8);/*rgba(84,31,130,0.6);*/
  color:#fff;
  transition-duration: 0.5s;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.menusp-item1{
  margin: 4vw 0 0 0;
  width: 70vw;
  height: auto;
}

.menusp-item3{
  margin: 2vw 0 2vw 0;
  padding: 1vw 0 2vw 0;
  width: 80vw;
  height: 10vw;

  color:#fff;
  letter-spacing: 2px;
  font-size: 1.5rem;
}

.menusp-foot{
  margin: 10vw 0 0 0;
  width: 70vw;

  color:#fff;
  line-height: 1.8;
}


@media(max-width:550px){
    /*メニュー内コンテンツ*/
    .menu-content {

    }
  }

/***************
menu-btn action
****************/

#menu-btn-check:checked ~ .menu-btn {
  transition-duration: 0.5s;
  background-color:transparent;
  border: 2px #fff solid;
}

#menu-btn-check:checked ~ .menu-btn span {
    transition-duration: 0.5s;
    background-color:transparent;
}
#menu-btn-check:checked ~ .menu-btn span:before {
    transition-duration: 0.5s;
    bottom: 0;
    transform: rotate(45deg);
    background-color:#fff;
}
#menu-btn-check:checked ~ .menu-btn span:after {
    transition-duration: 0.5s;
    top: 0;
    transform: rotate(-45deg);
    background-color:#fff;
}

#menu-btn-check:checked ~ .menu-content {
	/*メニューを画面内へ*/
    /*left: 80%;left:1050px;*/
    transition-duration: 0.5s;
    left:calc(100% - 100vw);/*left:calc(100% - 300px);*/
}

.menu-content .menuclose{
    transition-duration: 0.5s;
    left:100%;/*メニューを画面外へ*/
}