@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Oswald:wght@400;500;700&display=swap");:root{--stationColor: #206ed7;--gashaponColor: #206ed7;--premiumColor: #ac7808;--flatColor: #009f3c;--otherColor: #e50012;--allColor: #404248;--infoColor: #e50012;--itemColor: #ed5f00;--eventColor: #009f3c;--campaignColor: #206ed7;--blogColor: #9c53bc;--releaseColor: #f02e93}main{background:#f5f5f5}img{width:100%}.popup-content,.popup-iframe,.popup-video,body{background:transparent}.flip{display:block;position:relative;width:100%;margin:0 auto;overflow:hidden}.flip img{display:block;width:100%}.flip>div{position:absolute;top:-200%;left:0;width:100%;height:400%;overflow:hidden;pointer-events:none}.flip>div:before{content:'';position:absolute;top:0;left:0;width:100%;height:75%}.mv{position:relative}.mv h1{position:absolute;top:0;left:0;right:0;max-width:300px;margin:0px auto;-webkit-animation:scale 1s ease-in-out 0s infinite alternate;animation:scale 1s ease-in-out 0s infinite alternate}@media only screen and (min-width: 769px){.mv h1{padding-top:170px}}@media only screen and (max-width: 768px){.mv h1{width:50vw;padding-top:34vw}}.mv img{width:100%}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(1.08);transform:scale(1.08)}}@-webkit-keyframes translateY{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20vw);transform:translateY(20vw)}}@keyframes translateY{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(20vw);transform:translateY(20vw)}}#news{position:relative;z-index:10}@media only screen and (min-width: 769px){#news{margin-top:-80px}}@media only screen and (max-width: 768px){#news{margin-top:-10vw}}#news h2{position:absolute;top:-70px;right:3%;max-width:220px;z-index:10}@media only screen and (max-width: 768px){#news h2{top:-14vw;width:48vw}}#news h2 img{width:100%}#news .slideBnr{position:relative}#news .flip{position:absolute;pointer-events:none;z-index:5}#news .flip.active>div#front,#news .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#news .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#news .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#news .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#news .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#news .flip>div#front:before{background:url(../images/top/img_huta_news.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#news .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#news .flip>div#back:before{background:url(../images/top/img_huta_news_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#news .js-slider{position:relative;overflow:hidden;width:100%;margin:auto}#news .js-slider .slick-list{background:#fff}#news .js-slider .slick-list.draggable{overflow:hidden;width:84%}@media only screen and (min-width: 769px){#news .js-slider .slick-list.draggable{margin:45px auto}}@media only screen and (max-width: 768px){#news .js-slider .slick-list.draggable{margin:8.5vw auto}}#news .js-slider .slick-list li a,#news .js-slider .slick-list li .slideInner{display:block;width:87.5%;margin:auto;text-align:left}@media only screen and (min-width: 769px){#news .js-slider .slick-list li a,#news .js-slider .slick-list li .slideInner{padding:20px}}@media only screen and (max-width: 768px){#news .js-slider .slick-list li a,#news .js-slider .slick-list li .slideInner{padding:3vw}}@media only screen and (min-width: 769px){#news .js-slider .slick-list li a .thum,#news .js-slider .slick-list li .slideInner .thum{margin-bottom:10px}}@media only screen and (max-width: 768px){#news .js-slider .slick-list li a .thum,#news .js-slider .slick-list li .slideInner .thum{margin-bottom:2vw}}#news .js-slider .slick-list li a .info,#news .js-slider .slick-list li .slideInner .info{border-top:1px dashed #333}@media only screen and (min-width: 769px){#news .js-slider .slick-list li a .info,#news .js-slider .slick-list li .slideInner .info{padding-top:10px}}@media only screen and (max-width: 768px){#news .js-slider .slick-list li a .info,#news .js-slider .slick-list li .slideInner .info{padding-top:2vw;font-size:2.7vw}}#news .js-slider .slick-dots{position:absolute;left:0;right:0;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;gap:5px}@media only screen and (min-width: 769px){#news .js-slider .slick-dots{bottom:15px}}@media only screen and (max-width: 768px){#news .js-slider .slick-dots{bottom:2vw}}#news .js-slider .slick-dots li{position:relative;width:20px;height:20px}#news .js-slider .slick-dots li.slick-active:after,#news .js-slider .slick-dots li:hover:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;border:1px solid #fff;width:100%;height:100%;margin:auto;border-radius:50%;z-index:10}#news .js-slider .slick-dots li button{text-indent:-9999px;color:#fff}#news .js-slider .slick-dots li button:before{content:"";display:-webkit-flex;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;background:#fff;width:60%;height:60%;margin:auto;border-radius:50%;z-index:10}#news .newsList{background:#fff;position:relative;overflow:hidden;width:100%;margin:auto}@media only screen and (min-width: 769px){#news .newsList{height:320px;padding:60px 100px 0}}@media only screen and (max-width: 768px){#news .newsList{height:60vw;padding:12vw 16vw 0}}#news .newsList li{text-align:left;border-bottom:1px dashed #222}@media only screen and (min-width: 769px){#news .newsList li{padding:10px 0}}@media only screen and (max-width: 768px){#news .newsList li{padding-top:2vw 0}}#news .newsList li .date{color:#fa5051}#message .flip{z-index:5}#message .flip.active>div#front,#message .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#message .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}#message .flip.active>div#back:before{-webkit-transform:rotate(0deg);transform:rotate(0deg)}#message .flip .huta{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#message .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#message .flip>div#front:before{background:url(../images/top/bg_noperiperi_nolife_huta.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#message .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#message .flip>div#back:before{background:url(../images/top/bg_noperiperi_nolife_huta_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg);transform:rotate(40deg);transition:1s}@media only screen and (min-width: 769px){#action{padding-bottom:100px}}@media only screen and (max-width: 768px){#action{padding-bottom:26vw}}#action h2{max-width:260px;margin:0 auto 3% 3%;z-index:3}@media only screen and (max-width: 768px){#action h2{width:54vw}}#action h2 img{width:100%}#action article{text-align:left}#action article h3{font-weight:bold;text-indent:-1.5em;padding-left:1.5em;line-height:1.3}@media only screen and (min-width: 769px){#action article h3{margin-bottom:10px;font-size:20px}}@media only screen and (max-width: 768px){#action article h3{margin-bottom:2vw;font-size:4.5vw}}#action article h3 .actionNum{font-family:'Gabarito', sans-serif;font-weight:normal}@media only screen and (min-width: 769px){#action article h3 .actionNum{font-size:24px}}@media only screen and (max-width: 768px){#action article h3 .actionNum{font-size:4.8vw}}#action #action01{max-width:400px;margin:0 0 0 auto}@media only screen and (max-width: 768px){#action #action01{width:70vw}}#action #action01 .flip.active>div#front,#action #action01 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action01 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action01 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action01 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action01 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action01 .flip>div#front:before{background:url(../images/top/img_huta_action_01.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action01 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action01 .flip>div#back:before{background:url(../images/top/img_huta_action_01_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action02{position:relative}@media only screen and (min-width: 769px){#action #action02{margin:50px auto 0 3%}}@media only screen and (max-width: 768px){#action #action02{margin:6vw auto 0 3vw}}#action #action02:before{content:"";position:absolute;right:0;background:url(../images/top/img_deco_peri_01.png) no-repeat;background-size:100%}@media only screen and (min-width: 769px){#action #action02:before{top:-30px;width:12%;height:170px}}@media only screen and (max-width: 768px){#action #action02:before{top:-2vw;width:12%;height:37vw}}#action #action02:after{content:"";position:absolute;background:url(../images/top/img_deco_peri_02.png) no-repeat;background-size:100%}@media only screen and (min-width: 769px){#action #action02:after{bottom:-136px;width:68%;height:30px}}@media only screen and (max-width: 768px){#action #action02:after{bottom:-25vw;width:80vw;height:4.5vw}}#action #action02 h3{max-width:340px}@media only screen and (max-width: 768px){#action #action02 h3{width:62vw}}#action #action02 .actionThum{position:relative;-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media only screen and (min-width: 769px){#action #action02 .actionThum{left:-86px;max-width:520px;margin-top:100px}}@media only screen and (max-width: 768px){#action #action02 .actionThum{left:-18vw;margin-top:20vw;width:96vw}}#action #action02 .flip.active>div#front,#action #action02 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action02 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action02 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action02 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action02 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action02 .flip>div#front:before{background:url(../images/top/img_huta_action_02.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action02 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action02 .flip>div#back:before{background:url(../images/top/img_huta_action_02_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action03{position:relative;display:-webkit-flex;display:flex}@media only screen and (min-width: 769px){#action #action03 .actionInner{margin:50px auto 0 3%}}@media only screen and (max-width: 768px){#action #action03 .actionInner{margin:6vw auto 0 3vw}}#action #action03 h3{max-width:320px}@media only screen and (min-width: 769px){#action #action03 h3{margin-top:130px}}@media only screen and (max-width: 768px){#action #action03 h3{width:50vw;margin-top:25vw}}#action #action03 .actionThum{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media only screen and (min-width: 769px){#action #action03 .actionThum{position:absolute;top:-50px;right:-60px;max-width:330px}}@media only screen and (max-width: 768px){#action #action03 .actionThum{position:absolute;top:4vw;right:-12vw;width:66vw}}#action #action03 .flip.active>div#front,#action #action03 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action03 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action03 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action03 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action03 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action03 .flip>div#front:before{background:url(../images/top/img_huta_action_03.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action03 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action03 .flip>div#back:before{background:url(../images/top/img_huta_action_03_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action04{position:relative;z-index:1}#action #action04 .actionInner{max-width:360px}@media only screen and (min-width: 769px){#action #action04 .actionInner{margin:50px 10% 0 auto}}@media only screen and (max-width: 768px){#action #action04 .actionInner{width:65vw;margin:6vw 10vw 0 auto}}#action #action04:after{content:"";position:absolute;background:url(../images/top/img_deco_peri_03.png) no-repeat;background-size:100%;width:38%;z-index:-1}@media only screen and (min-width: 769px){#action #action04:after{bottom:-30px;right:20px;height:40px}}@media only screen and (max-width: 768px){#action #action04:after{bottom:-6vw;right:3vw;height:8vw}}#action #action04 .flip.active>div#front,#action #action04 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action04 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action04 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action04 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action04 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action04 .flip>div#front:before{background:url(../images/top/img_huta_action_04.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action04 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action04 .flip>div#back:before{background:url(../images/top/img_huta_action_04_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action05{position:relative}#action #action05 .actionInner{max-width:360px}@media only screen and (min-width: 769px){#action #action05 .actionInner{margin:30px auto 0 5%}}@media only screen and (max-width: 768px){#action #action05 .actionInner{width:65vw;margin:6vw auto 0 5vw}}#action #action05 .flip.active>div#front,#action #action05 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action05 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action05 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action05 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action05 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action05 .flip>div#front:before{background:url(../images/top/img_huta_action_05.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action05 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action05 .flip>div#back:before{background:url(../images/top/img_huta_action_05_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action06{position:relative}#action #action06 .actionInner{max-width:470px}@media only screen and (min-width: 769px){#action #action06 .actionInner{margin:30px 0 0 auto}}@media only screen and (max-width: 768px){#action #action06 .actionInner{width:80vw;margin:6vw 0 0 auto}}#action #action06:before{content:"";position:absolute;left:0;background:url(../images/top/img_deco_peri_04.png) no-repeat;background-size:100%;width:9%}@media only screen and (min-width: 769px){#action #action06:before{top:10px;height:350px}}@media only screen and (max-width: 768px){#action #action06:before{top:1vw;height:64vw}}#action #action06 .flip.active>div#front,#action #action06 .flip.active>div#back{-webkit-transform:rotate(40deg);transform:rotate(40deg)}#action #action06 .flip.active>div#front:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}@media only screen and (min-width: 769px){#action #action06 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(-120px)}}@media only screen and (max-width: 768px){#action #action06 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(-20vw);transform:rotate(0deg) translateY(-20vw)}}#action #action06 .flip>div#front{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action06 .flip>div#front:before{background:url(../images/top/img_huta_action_06.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action06 .flip>div#back{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action06 .flip>div#back:before{background:url(../images/top/img_huta_action_06_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-40deg) translateY(0);transform:rotate(-40deg) translateY(0);transition:1s}#action #action07{position:relative;z-index:1}#action #action07 .actionInner{max-width:360px}@media only screen and (min-width: 769px){#action #action07 .actionInner{margin:50px 10% 0 auto}}@media only screen and (max-width: 768px){#action #action07 .actionInner{width:65vw;margin:6vw 10vw 0 auto}}#action #action07:after{content:"";position:absolute;background:url(../images/top/img_deco_peri_03.png) no-repeat;background-size:100%;width:38%;z-index:-1}@media only screen and (min-width: 769px){#action #action07:after{bottom:-30px;right:20px;height:40px}}@media only screen and (max-width: 768px){#action #action07:after{bottom:-6vw;right:3vw;height:8vw}}#action #action07 .flip.active>div#front,#action #action07 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action07 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action07 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action07 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action07 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action07 .flip>div#front:before{background:url(../images/top/img_huta_action_07.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action07 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action07 .flip>div#back:before{background:url(../images/top/img_huta_action_07_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action08{position:relative}#action #action08 .actionInner{max-width:360px}@media only screen and (min-width: 769px){#action #action08 .actionInner{margin:30px auto 0 5%}}@media only screen and (max-width: 768px){#action #action08 .actionInner{width:65vw;margin:6vw auto 0 5vw}}#action #action08 .flip.active>div#front,#action #action08 .flip.active>div#back{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}#action #action08 .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#action #action08 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#action #action08 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#action #action08 .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action08 .flip>div#front:before{background:url(../images/top/img_huta_action_08.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action08 .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action08 .flip>div#back:before{background:url(../images/top/img_huta_action_08_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(40deg) translateY(0);transform:rotate(40deg) translateY(0);transition:1s}#action #action09{position:relative}#action #action09 .actionInner{max-width:470px}@media only screen and (min-width: 769px){#action #action09 .actionInner{margin:30px auto 0}}@media only screen and (max-width: 768px){#action #action09 .actionInner{width:80vw;margin:6vw auto 0}}#action #action09:before{content:"";position:absolute;right:0;background:url(../images/top/img_deco_peri_01.png) no-repeat;background-size:100%;width:10%}@media only screen and (min-width: 769px){#action #action09:before{top:20px;height:350px}}@media only screen and (max-width: 768px){#action #action09:before{top:2vw;height:64vw}}#action #action09 .flip.active>div#front,#action #action09 .flip.active>div#back{-webkit-transform:rotate(40deg);transform:rotate(40deg)}#action #action09 .flip.active>div#front:before{-webkit-transform:rotate(-40deg);transform:rotate(-40deg)}@media only screen and (min-width: 769px){#action #action09 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(-120px);transform:rotate(0deg) translateY(-120px)}}@media only screen and (max-width: 768px){#action #action09 .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(-20vw);transform:rotate(0deg) translateY(-20vw)}}#action #action09 .flip>div#front{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action09 .flip>div#front:before{background:url(../images/top/img_huta_action_09.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action09 .flip>div#back{-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#action #action09 .flip>div#back:before{background:url(../images/top/img_huta_action_09_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top right;transform-origin:top right;-webkit-transform:rotate(-40deg) translateY(0);transform:rotate(-40deg) translateY(0);transition:1s}#history{position:relative}@media only screen and (min-width: 769px){#history{padding-top:100px}}@media only screen and (max-width: 768px){#history{padding-top:12vw}}#history h2{position:absolute;right:0;max-width:260px;z-index:3}@media only screen and (min-width: 769px){#history h2{top:50px}}@media only screen and (max-width: 768px){#history h2{top:4vw;width:46vw}}#history #sousetsu{position:relative;padding:calc(538 / 1999 * 100%) 0 calc(638 / 1999 * 100%);z-index:2;overflow:hidden}#history #sousetsu .flip{position:absolute;top:calc(720 / 1988 * 100%);left:calc(724 / 550 * -100%);-webkit-transform:rotate(90deg);transform:rotate(90deg);width:calc(2726 / 750 * 100%)}#history #sousetsu .flip.active>div#front,#history #sousetsu .flip.active>div#back{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}#history #sousetsu .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#history #sousetsu .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#history #sousetsu .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#history #sousetsu .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #sousetsu .flip>div#front:before{background:url(../images/top/img_huta_history_sousetsu.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #sousetsu .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #sousetsu .flip>div#back:before{background:url(../images/top/img_huta_history_sousetsu_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(50deg) translateY(0);transform:rotate(50deg) translateY(0);transition:1s}#history #henkaku{position:relative;padding:calc(750 / 2347 * 100%) 0 calc(680 / 2347 * 100%);z-index:2;overflow:hidden}#history #henkaku .flip{position:absolute;top:calc(897 / 2347 * 100%);left:calc(899 / 550 * -100%);-webkit-transform:rotate(90deg);transform:rotate(90deg);width:calc(3200 / 750 * 100%)}#history #henkaku .flip.active>div#front,#history #henkaku .flip.active>div#back{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}#history #henkaku .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#history #henkaku .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#history #henkaku .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#history #henkaku .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #henkaku .flip>div#front:before{background:url(../images/top/img_huta_history_henkaku.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #henkaku .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #henkaku .flip>div#back:before{background:url(../images/top/img_huta_history_henkaku_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(50deg) translateY(0);transform:rotate(50deg) translateY(0);transition:1s}#history #hiyaku{position:relative;padding:calc(700 / 2347 * 100%) 0 calc(700 / 2347 * 100%);z-index:2;overflow:hidden}#history #hiyaku .flip{position:absolute;top:calc(905 / 2347 * 100%);left:calc(1026 / 550 * -100%);-webkit-transform:rotate(90deg);transform:rotate(90deg);width:calc(3549 / 750 * 100%)}#history #hiyaku .flip.active>div#front,#history #hiyaku .flip.active>div#back{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}#history #hiyaku .flip.active>div#front:before{-webkit-transform:rotate(40deg);transform:rotate(40deg)}@media only screen and (min-width: 769px){#history #hiyaku .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(120px);transform:rotate(0deg) translateY(120px)}}@media only screen and (max-width: 768px){#history #hiyaku .flip.active>div#back:before{-webkit-transform:rotate(0deg) translateY(20vw);transform:rotate(0deg) translateY(20vw)}}#history #hiyaku .flip>div#front{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #hiyaku .flip>div#front:before{background:url(../images/top/img_huta_history_hiyaku.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #hiyaku .flip>div#back{-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:1s}#history #hiyaku .flip>div#back:before{background:url(../images/top/img_huta_history_hiyaku_2.png) bottom left no-repeat;background-size:100% auto;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transform:rotate(50deg) translateY(0);transform:rotate(50deg) translateY(0);transition:1s}#history .kujiFrame{position:absolute;top:0;left:0;right:0;margin:auto}#history .kujiFrame .bg{position:absolute;top:0;left:0;right:0;z-index:-1}#history .caution{position:absolute;z-index:2}@media only screen and (min-width: 769px){#history .caution{bottom:30px}}@media only screen and (max-width: 768px){#history .caution{bottom:4vw}}#links{position:relative}@media only screen and (min-width: 769px){#links{padding-top:50px}}@media only screen and (max-width: 768px){#links{padding-top:6vw}}#links h2{max-width:180px;z-index:3}@media only screen and (min-width: 769px){#links h2{margin-left:5%}}@media only screen and (max-width: 768px){#links h2{width:30vw;margin-left:1.5vw}}@media only screen and (min-width: 769px){#links .pglink{padding-top:20px}}@media only screen and (max-width: 768px){#links .pglink{padding-top:3vw}}#links .pglink ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (min-width: 769px){#links .pglink ul{gap:40px}}@media only screen and (max-width: 768px){#links .pglink ul{gap:5vw}}#links .pglink ul li:first-child{width:100%;margin:auto}#links .pglink ul li:first-child a{width:20%;margin:auto}#links .pglink ul li a{display:block;max-width:203px}@media only screen and (max-width: 768px){#links .pglink ul li a{width:36vw}}@media only screen and (min-width: 769px){#links .sns{padding-top:100px}}@media only screen and (max-width: 768px){#links .sns{padding-top:13vw}}#links .sns h3{width:60%;margin:auto}#links .sns ul{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;max-width:340px;margin:auto}@media only screen and (min-width: 769px){#links .sns ul{gap:50px;margin-top:40px}}@media only screen and (max-width: 768px){#links .sns ul{gap:6vw;width:80%;margin-top:5vw}}#links .sns ul li{max-width:80px}@media only screen and (max-width: 768px){#links .sns ul li{width:18vw}}@media only screen and (min-width: 769px){#links .contact{padding-bottom:60px}}@media only screen and (max-width: 768px){#links .contact{padding-bottom:10vw}}#links .contact a{display:block;max-width:180px;margin:auto}@media only screen and (min-width: 769px){#links .contact a{margin-top:80px}}@media only screen and (max-width: 768px){#links .contact a{margin-top:10vw;width:40%}}.popup{position:fixed;top:0;left:0;background:rgba(0,0,0,0.4);width:100%;height:100vh;pointer-events:none;z-index:999;opacity:0;transition:opacity .5s}.popup.view{opacity:1;pointer-events:inherit}.closeArea{position:absolute;top:0;left:0;width:100%;height:100vh}.popupWrap{position:absolute;top:0;bottom:0;left:0;right:0;max-width:450px;height:100vh;max-height:800px;overflow-y:scroll;margin:auto;box-sizing:border-box}@media only screen and (min-width: 769px){.popupWrap{width:100%}}@media only screen and (max-width: 768px){.popupWrap{width:80vw}}.popupWrap::-webkit-scrollbar{display:none}.popupWrap .popupInner{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background:url(../images/top/bg_popup.png) center no-repeat;background-size:100%;height:800px}.popupWrap .popup-navigation .popup-button{position:absolute}@media only screen and (min-width: 769px){.popupWrap .popup-navigation .popup-button{width:74px;padding:10px}}@media screen and (min-width: 671px) and (max-width: 768px){.popupWrap .popup-navigation .popup-button{width:60px}}@media screen and (max-width: 670px){.popupWrap .popup-navigation .popup-button{width:10vw}}.popupWrap .popup-navigation .popup-button.disabled{pointer-events:none;opacity:.5}.popupWrap .popup-navigation .popup-button--arrow_left{left:0;right:0;margin:auto}@media only screen and (min-width: 769px){.popupWrap .popup-navigation .popup-button--arrow_left{top:-100px}}@media screen and (min-width: 671px) and (max-width: 768px){.popupWrap .popup-navigation .popup-button--arrow_left{top:-15%}}@media screen and (max-width: 670px){.popupWrap .popup-navigation .popup-button--arrow_left{top:clamp(-80px, -20vw, -50px)}}.popupWrap .popup-navigation .popup-button--arrow_right{left:0;right:0;margin:auto;-webkit-transform:rotate(180deg);transform:rotate(180deg)}@media only screen and (min-width: 769px){.popupWrap .popup-navigation .popup-button--arrow_right{top:655px}}@media screen and (min-width: 671px) and (max-width: 768px){.popupWrap .popup-navigation .popup-button--arrow_right{top:105%}}@media screen and (max-width: 670px){.popupWrap .popup-navigation .popup-button--arrow_right{top:clamp(430px , 115vw , 680px)}}img{width:100%}.popupDetail{position:relative}@media only screen and (min-width: 769px){.popupDetail{width:75%;margin-top:50px}}@media only screen and (max-width: 768px){.popupDetail{width:70%;margin-top:8vw}}.popupDetail .closeBtn{position:relative;left:0;right:0;margin:auto;cursor:pointer}@media screen and (min-width: 671px){.popupDetail .closeBtn{width:50px;margin-top:20px}}@media screen and (max-width: 670px){.popupDetail .closeBtn{width:8vw;margin-top:3vw}}.popupDetail .info{position:absolute;top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:top left;transform-origin:top left;line-height:0}@media screen and (min-width: 671px){.popupDetail .info{left:105%;gap:10px;width:150px}}@media screen and (max-width: 670px){.popupDetail .info{left:clamp(225px , 61vw , 480px);gap:2vw;width:36vw}}.popupDetail .info .num{font-family:'Gabarito', sans-serif;font-weight:normal}@media screen and (min-width: 671px){.popupDetail .info .num{font-size:28px}}@media screen and (max-width: 670px){.popupDetail .info .num{font-size:7vw}}.popupDetail .info .date{-webkit-transform:skew(-10deg);transform:skew(-10deg);text-decoration:underline}.popupDetail .contents{overflow:auto}@media screen and (min-width: 671px){.popupDetail .contents{height:570px}}@media screen and (max-width: 670px){.popupDetail .contents{height:min(98vw , 600px)}}@media only screen and (min-width: 769px){.popupDetail .contents .thum{margin-bottom:20px}}@media only screen and (max-width: 768px){.popupDetail .contents .thum{margin-bottom:3vw}}.popupDetail .contents .tit{font-weight:bold}@media screen and (min-width: 671px){.popupDetail .contents .tit{margin-bottom:20px;font-size:26px}}@media screen and (max-width: 670px){.popupDetail .contents .tit{margin-bottom:3vw;font-size:5.5vw}}.popupDetail .contents .txt a{transition:color .5s;text-decoration:underline}.popupDetail .contents .txt a:hover{color:#fa5051}.copy{padding:0 30px;font-size:14px}@media screen and (max-width: 670px){.copy{padding:0 4vw;font-size:3vw}}

/*# sourceMappingURL=maps/top.css.map */