@charset "utf-8";.overlay{display:none;width:100%;height:100%;background:rgba(0,0,0,.6);position:fixed;z-index:999}.btn_area{width:400px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;text-align:center;z-index:999}.btn_area .ttl{font-weight:700}.btn_area p{padding:15px}.btn_area button,.no{display:block;margin:0 auto;background:#333;color:#fff;padding:20px 40px;border:none;width:150px}.btn_area button:hover{background:#777}button{cursor:pointer}body{background:#f3f3f3 url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/bg_washi.png);background-size:48px 48px;font-family:'Noto Serif JP',serif;letter-spacing:.1em;color:#333;font-size:1rem;line-height:1.85;z-index:-999;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word}*{box-sizing:border-box}ul{margin:0;padding:0;list-style:none}a{color:#333;text-decoration:none;outline:none}img{max-width:100%;height:auto}#container{position:relative;overflow-x:hidden}#header{position:fixed;top:0;left:0;width:230px;height:100vh;background:#fdfdfd;padding:20px 0 0}#content-area{width:100%;padding:0 0 0 230px}@media screen and (max-width:990px){#header{position:relative;width:100%;height:auto;padding:0}#content-area{padding:0}}.heading-block{display:flex;justify-content:center}#events h2,#sake h2,#access h2{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.2em;font-size:1.5rem;margin:100px 0}#slider-area{position:relative}#slider-area .scrolldown1{top:inherit;bottom:0;z-index:1}#header{display:flex;justify-content:center}.header-area{width:100px;height:500px}.header-area-single{width:100px;height:500px}#header h1{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-orientation:upright;display:inline-block;font-size:rem;letter-spacing:.5em;line-height:1.3;color:#c9b285;padding:100px 0 20px}#header p{-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.1em}#header .sns-link{position:absolute;left:45px;bottom:50px}@media screen and (max-width:990px){#header{position:absolute;z-index:2;background:0 0;color:#fff;height:90vh;text-align:initial}.header-area{width:auto;height:auto}#header h1{writing-mode:vertical-rl;text-orientation:upright;font-size:1.5rem;letter-spacing:1em;line-height:1.3;color:#fff;padding:20px 0 0;margin:100px 0;text-align:initial;display:none}#header h1 span{color:#fff;width:200px;height:400px;text-align:initial;display:none}#header h1 span img{display:none}#header p{display:none}#header .sns-link{left:10px;bottom:20px}}.sns-link li{display:inline-block;margin:0 10px}.sns-link li img{width:20px}#main-nav{display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center}#g-nav ul{display:flex}#g-nav ul li a{display:block;padding:34px 25px;position:relative;transition:all .3s}#g-nav ul li.current a:before,#g-nav ul li a:hover:before{content:"";position:absolute;top:0;left:50%;width:1px;height:20px;background:#000;animation:gnavipathmove 2.4s ease-in-out infinite;opacity:0;color:#c9b285}@media screen and (max-width:990px){#g-nav ul{display:block;text-align:center}#g-nav ul li a{padding:15px;color:#fff}#g-nav ul li.current a:before,#g-nav ul li a:hover:before{animation:none;left:0;top:48%;width:10px;height:1px;background:#fff;opacity:1}}@keyframes gnavipathmove{0%{height:0;top:0;opacity:0}30%{height:20px;opacity:1}100%{height:0;top:30px;opacity:0}}#main-nav dl{background:#c9b285;color:#fff;padding:5px 20px;text-align:center}#main-nav dl dt{font-size:.8rem}#main-nav dl a{color:#fff;font-size:1.5vw}@media screen and (max-width:990px){#main-nav dl{display:none;transition:all .5s;opacity:0;padding:5px 0}#main-nav dl a{font-size:1.2rem}#main-nav dl.telactive{display:block;position:fixed;z-index:1;bottom:30px;left:20%;width:60%;border:1px solid rgba(255,255,255,.8);animation:UpAnime 1s forwards}}@media screen and (max-width:420px){#main-nav dl.telactive{width:90%;left:5%}}#lead{position:relative;display:flex;justify-content:center;height:60vh;padding:10vh 0 0}#lead .lead-area{display:flex;flex-direction:row-reverse;flex-wrap:wrap}#lead .svganimeblock{width:30%;position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);z-index:-1}#lead .lead-heading{width:30%}#lead h2{font-size:1rem;letter-spacing:.1em;line-height:2.2;padding:0 0 0 30px;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#lead .lead-desc{width:70%;display:flex;flex-direction:row-reverse;height:16em}#lead .lead-desc p{width:12em;letter-spacing:.1em;line-height:3;margin:0 0 0 30px;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#lead .btnarrow5{padding:20px 15px 40px;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#lead .btnarrow5:before{top:90%;right:50%;width:1px;height:40px}#lead .btnarrow5:after{top:105%;right:60%}_:-ms-lang(x),#lead .btnarrow5:after{right:70%}#lead .lead-desc p{font-size:.9em}@media screen and (max-width:1020px){#lead h2{line-height:1.8;padding:0 0 50px;display:inline-block;text-align:left;font-size:1rem;letter-spacing:.4em}#lead .lead-desc p{line-height:2.5}}@media screen and (max-width:920px){#lead{height:auto;padding:100px 0}#lead .lead-heading{width:100%;text-align:center}#lead .lead-desc{width:100%;padding:0 30px;display:block;height:auto}#lead .lead-desc p{width:auto;margin:0 0 30px;-ms-writing-mode:lr-tb;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}#lead .btnarrow5{display:block;padding:8px 30px;width:250px;margin:0 auto;-ms-writing-mode:lr-tb;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb}#lead .btnarrow5:after{top:152%;right:52%}}#sake{position:relative;margin:0 0 100px}#sake .sake-bg{position:relative;background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/omusubi_logo.png) no-repeat center;background-size:cover;background-attachment:fixed;width:100%;height:50vh}#sake section{display:flex;justify-content:space-between;flex-wrap:wrap}#sake section:nth-of-type(2n){flex-direction:row-reverse}#sake .sake-img{width:50%;height:40vh}#sake .sake-img-detail{height:40vh}#sake .sake-box{animation-delay:.5s}#sake .sake-content{width:50%;display:flex;justify-content:center;align-items:center;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-orientation:upright}#sake section:nth-of-type(1) .sake-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/omusubi_bottle_fes.jpg) no-repeat center;background-size:cover}#sake section:nth-of-type(2) .sake-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/soil.png) no-repeat center;background-size:cover}#sake section:nth-of-type(3) .sake-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/kawaba_water.jpg) no-repeat center;background-size:cover}#sake section:nth-of-type(4) .sake-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/nihonshu_1.jpg) no-repeat center;background-size:cover}#sake .sake-content h3{font-size:1.2rem;margin:0 0 0 1em}#sake .sake-content p{height:19em;line-height:2}@media screen and (max-width:768px){#sake .sake-bg{background-attachment:inherit}}@media screen and (max-width:560px){#sake .sake-img,#sake .sake-content{width:100%;margin:0 0 50px}}#events{position:relative;margin:0 0 100px}#events .events-bg{position:relative;background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/yuishimasama_logo.png) no-repeat center;background-size:cover;background-attachment:fixed;width:100%;height:50vh}#events section{display:flex;justify-content:space-between;flex-wrap:wrap}#events section:nth-of-type(2n){flex-direction:row-reverse}#events .events-img{width:50%;height:40vh}#events .events-img-detail{height:40vh}#events .events-box{animation-delay:.5s}#events .events-content{width:50%;display:flex;justify-content:center;align-items:center;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;text-orientation:upright}#events section:nth-of-type(1) .events-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/nihonshu.jpg) no-repeat center;background-size:cover}#events section:nth-of-type(2) .events-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/vegetables.jpg) no-repeat center;background-size:cover}#events section:nth-of-type(3) .events-img-detail{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/dinner_party.jpg) no-repeat center;background-size:cover}#events .events-content h3{font-size:1.2rem;margin:0 0 0 1em}#events .events-content p{height:13em;line-height:2.5}@media screen and (max-width:768px){#events .events-bg{background-attachment:inherit}}@media screen and (max-width:560px){#events .events-img,#events .events-content{width:100%;margin:0 0 50px}}#access{position:relative}#access .access-bg{background:url(//yuishima.co.jp/wp-content/themes/yuishima.co.jp/css/../img/bg_02.jpg) no-repeat center;background-size:cover;background-attachment:fixed;width:100%;height:50vh}#access .access-area{display:flex;justify-content:space-between;flex-wrap:wrap;background:#fff;box-shadow:0 4px 4px #ccc;width:90%;margin:0 auto 100px auto}#access .access-area .access-block{width:50%;display:flex;justify-content:center;align-items:center;text-align:center}#access .access-area .access-block h3{font-size:1.2rem;margin:0 0 20px}#access .access-area .access-block p{margin:0 0 20px}#access .access-map{width:50%}#access .iframe-wrap{position:relative;padding-bottom:51.65%;padding-top:30px;height:0;overflow:hidden;z-index:2}#access .iframe-wrap iframe,#access .iframe-wrap object,#access .iframe-wrap embed{position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:1040px){#access .access-area .access-block,#access .access-map{width:100%}#access .access-area .access-block{padding:40px 20px}}@media screen and (max-width:768px){#access .access-bg{background-attachment:inherit}}#reserve{position:relative;display:flex;justify-content:center;align-items:center;width:90%;margin:0 auto 100px auto;padding:100px 30px;text-align:center}#reserve .scrolldown1{top:-10vh}#reserve h2{font-size:1.2rem}#reserve .tel{font-size:2vw;margin:0 0 20px}#reserve p br{display:none}@media screen and (max-width:990px){#reserve h2{font-size:1rem}#reserve .tel{font-size:1.5rem}}@media screen and (max-width:540px){#reserve p br{display:block}}#footer{padding:40px;color:#fff;background:#c9b285}#footer .footer-area{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#footer .footer-logo{letter-spacing:1em;margin:0 0 20px}#footer .footer-logo span{font-size:1.6rem;display:block}#footer .footer-link{display:flex;justify-content:space-between;flex-wrap:wrap}#footer .footer-link ul{font-size:.9rem;margin:0 2vw 0 0}#footer .footer-link ul li{display:inline-block;margin:0 10px}#footer .footer-link a{color:#fff}#footer small{color:#fff}#footer #page-top span{position:relative;top:-10px}#footer #page-top span:before{content:'';position:absolute;left:50%;top:-3px;background:#6c6c6c;width:1px;height:30px}#footer #page-top span:after{content:'';position:absolute;left:6px;top:-7px;background:#6c6c6c;width:1px;height:20px;transform:rotate(-45deg)}@media screen and (min-width:769px){#footer #page-top a:hover span:before,#footer #page-top a:hover span:after{background:#fff}}@media screen and (max-width:768px){#footer .footer-info{width:100%;text-align:center}#footer .footer-logo{margin:0}#footer .footer-link{width:100%;display:block}#footer .footer-link ul{text-align:center;margin:50px 0;line-height:3}#footer small{display:block;text-align:center}}#news{position:relative;padding:0 0 100px}@media screen and (max-width:840px){#news{margin:0;padding:0}}#news:after{position:absolute;z-index:-1;content:'';top:-100px;width:100%;height:1000px;margin:0 0 100px}#news .news-area{background:#fff;padding:40px;box-shadow:10px 10px 0 rgba(0,0,0,.5);width:70%;margin:0 auto}#news h2{color:#333;width:175px;position:auto;margin:70px auto 30px auto;text-shadow:0 0 1em #fff;font-size:1.3rem}#news li a{transition:all .3s}#news li a:hover{color:#666}#news article{display:flex;flex-wrap:wrap;margin:0 0 20px;padding:0 0 20px;border-bottom:1px solid #333}#news article time{padding:0 2em 0 0;color:#666;font-size:.8rem}#news article h3{font-size:1rem}@media screen and (max-width:840px){#news .news-area{width:90%}#news article time,#news article h3{width:100%}}#news .icon-01,#news .icon-01 canvas{position:absolute;bottom:-50px;right:50px;width:100px}#news .icon-02,#news .icon-02 canvas{position:absolute;top:-60px;right:88px;width:80px}#news .icon-03,#news .icon-03 canvas{position:absolute;bottom:-130px;left:80px;width:200px}#news .icon-04,#news .icon-04 canvas{position:absolute;top:10px;left:50px;width:100px}#article-area{margin:50px}#article-area h1{margin:10px}#article-area li{margin:10px}#article-area p{margin:50px 10px}#article-area img{margin:10px}#article-area post-link{margin:10px}#age-verification-modal{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;box-sizing:border-box}#age-verification-modal img{max-width:200px;margin-bottom:32px;width:100%;height:auto}#age-verification-modal .age-message{color:#fff;font-size:1.5rem;margin-bottom:24px;text-align:center;line-height:1.6;max-width:500px}#age-verification-modal .age-buttons{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}#age-verification-modal button{padding:12px 32px;font-size:1.2rem;background:#fff;color:#000;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;min-width:120px}#age-verification-modal button:hover{background:#f0f0f0;transform:translateY(-2px)}@media screen and (max-width:768px){#age-verification-modal .age-message{font-size:1.3rem;margin-bottom:20px}#age-verification-modal button{padding:10px 24px;font-size:1.1rem;min-width:100px}#age-verification-modal img{max-width:150px;margin-bottom:24px}}@media screen and (max-width:480px){#age-verification-modal{padding:15px}#age-verification-modal .age-message{font-size:1.1rem;margin-bottom:16px;line-height:1.5}#age-verification-modal button{padding:8px 20px;font-size:1rem;min-width:80px}#age-verification-modal img{max-width:120px;margin-bottom:20px}#age-verification-modal .age-buttons{gap:16px;flex-direction:column;align-items:center}#age-verification-modal .age-buttons button{width:200px;max-width:100%}}@media screen and (max-width:320px){#age-verification-modal .age-message{font-size:1rem}#age-verification-modal button{padding:6px 16px;font-size:.9rem}#age-verification-modal img{max-width:100px}}