﻿.min{font-family:"游明朝","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Noto Serif JP","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:400}.main{padding-top:0}.main .container.news,.main .container.kusudo{background-color:#f4f0e7;padding-bottom:90px}.main .container.news,.main .container.pickles,.main .container.instagram{margin-top:0}.main .h1{margin-top:10px}.main h2{font-family:"游明朝","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Noto Serif JP","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:400;font-size:2.1rem;font-weight:600;letter-spacing:0.13em;text-align:center}.main h2 span{display:inline-block;font-size:1.6rem;padding-top:4px;vertical-align:top}.main .read{letter-spacing:0.1em;margin-top:0}.main .comment p:not(.catch){font-size:1.6rem}.main .images{margin-top:90px}.main .button{margin-top:60px}.main .button a{background-color:transparent;font-size:1.4rem}.main .button a:hover{background-color:#000;border-color:transparent;color:#fff}.main .button a>span{padding-right:15px;position:relative}.main .button a>span>span{display:inline-block;font-size:1.1rem;padding-top:1px;padding-right:0.5em;vertical-align:top}.main .button a>span:after{border-top:#000 solid 1px;border-right:#000 solid 1px;content:"";height:10px;position:absolute;top:50%;right:0;transform:translateY(-50%) rotate(45deg);transition:border-color 0.2s ease-out;width:10px;z-index:1}.main .button a:hover>span:after{border-color:#fff}.main .mainimage ul{height:100vh;overflow:hidden;position:relative}.main .mainimage li{animation:mainanime 12s ease-in-out forwards;background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;opacity:0;position:absolute;left:0;top:0;width:100%;z-index:1}.main .mainimage li:nth-of-type(2){animation:mainanime2 12s ease-in-out 4s infinite;width:105%}.main .mainimage li:nth-of-type(3){animation:mainanime3 12s ease-in-out 8s infinite;height:110%}@keyframes mainanime{0%{opacity:0}16%{opacity:1}33%{opacity:1}50%{opacity:1;transform:scale(1.1)}100%{opacity:1;transform:scale(1.1)}}@keyframes mainanime2{0%{opacity:0}16%{opacity:1}33%{opacity:1}50%{opacity:0;transform:translateX(-5%);z-index:1}100%{opacity:0}}@keyframes mainanime3{0%{opacity:0}16%{opacity:1}33%{opacity:1}50%{opacity:0;transform:translateY(-10%);z-index:1}100%{opacity:0}}.main .mainimage .onlinebut{height:64px;position:absolute;top:6px;right:59px;width:64px;z-index:110}.main .mainimage .onlinebut a{background-color:#000;border:#000 solid 1px;border-radius:50%;color:#fff;display:block;transition:0.2s ease-out;transition-property:background-color, color}.main .mainimage .onlinebut a:hover{background-color:#fff;color:#000;opacity:1}.main .container.line{margin-top:0;padding-bottom:90px;text-align:center}.main .line .wrapper{display:inline-block;text-align:left}.main .line .contents{margin-top:60px}.main .line .contents:first-of-type{margin-top:0}.main .line .reserve{display:flex;justify-content:space-between}.main .line .text{margin-top:15px;width:calc(100% - 104px)}.main .line .linetxt{font-family:"游明朝","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Noto Serif JP","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:400;color:#838383;font-size:1.6rem;font-weight:600;line-height:1.4}.main .line .linetxt a{color:#2bac38}.main .line .comment{font-size:1.4rem;line-height:1.4;margin-top:10px}.main .line .linebut{width:84px}.main .line .linebut a{background-color:#2bac38;border-radius:50%;color:#fff;display:block;font-size:1.1rem;height:84px;margin:0 auto;padding-top:17px;text-align:center;text-decoration:none;width:84px}.main .line .linebut img{display:block;height:auto;margin:0 auto 5px;width:34px}.main .line .linebut span{display:inline-block;transform:scale(0.8)}.main .newslist>li{margin-top:60px}.main .newslist>li:first-child{margin-top:20px}.main .newslist>li:nth-child(4){display:none}.main .newslist .title{font-family:"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","Noto Sans JP","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:400;font-size:1.4rem}.YuGO .main .newslist .title{font-weight:500}.main .pickles .read{color:#b5b5b5;font-weight:600}.main .onlineshop .wrapper{max-width:570px}.main .onlineshop li{position:relative;transition:transform 1s ease-out;transform:scale(0.8)}.main .onlineshop li.swiper-slide-active,.main .onlineshop li.swiper-slide-duplicate-active{transform:scale(1)}.main .onlineshop .background{background-color:#b4b4b4;height:64px;mix-blend-mode:multiply;position:absolute;bottom:0;left:0;width:100%}.main .onlineshop .text{font-family:"游明朝","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Noto Serif JP","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:400;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;height:64px;padding:0 12px 9px;position:absolute;bottom:0;left:0;width:100%}.main .onlineshop .itemname{font-size:1.6rem;line-height:1.4}.main .onlineshop .arrow{display:inline-block;font-size:1.4rem;padding-right:40px;padding-bottom:3px;position:relative}.main .onlineshop .arrow:before{background-color:#fff;content:"";height:1px;position:absolute;top:6px;left:105px;transition:width 0.2s ease-out;width:30px}.main .onlineshop .arrow:after{border-top:#fff solid 1px;border-right:#fff solid 1px;content:"";height:7px;position:absolute;top:3px;left:129px;transform:rotate(45deg);transition:left 0.2s ease-out;width:7px}.main .onlineshop a:hover .arrow:before{width:35px}.main .onlineshop a:hover .arrow:after{left:134px}.main .onlineshop .images{margin-right:auto;margin-left:auto;width:83%;max-width:690px}.main .onlineshop li{transform:scale(1) !important}.main .about .catch{font-family:"游明朝","游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Noto Serif JP","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;font-weight:400;letter-spacing:0.05em;text-align:center}.main .about .button a{display:inline-block;padding:0 2em;max-width:none}.main .about.hashimaya .button a{padding:0 1em}.main .about .button a>span{display:flex;align-items:center;justify-content:center;height:100%}.main .thumbnail{margin-top:14px}.main .thumbnail ul{display:flex;flex-wrap:wrap}.main .thumbnail li{cursor:pointer;margin-top:7px;margin-right:7px;width:calc((100% - 21px) / 4)}.main .thumbnail li:nth-child(4n){margin-right:0}.main .thumbnail li img{opacity:0.6;transition:opacity 0.2s ease-out}.main .thumbnail li:hover img,.main .thumbnail li.active img{opacity:1}.main .instagram .h1 a{color:#000;text-decoration:none}.main .instagram .contents{margin-top:60px}#sb_instagram .sbi_photo_wrap{overflow:hidden}@media (min-width: 531px){.main .newslist>li:nth-child(2){margin-top:20px}.main .newslist>li:nth-child(4){display:block}}@media (min-width: 769px){.main .line .wrapper{width:auto}.main .line .reserve{align-items:center}.main .line .text{margin-top:0}.main .line br.sp{display:none}.main .line .comment{white-space:nowrap}.main .newslist>li:nth-child(3){margin-top:20px}.main .newslist>li:nth-child(4){display:none}.main .pickles .flex{display:flex;align-items:center;justify-content:space-between}.main .pickles .read{line-height:2;text-align:left}.main .pickles .comment{margin-top:0;width:58%}.main .pickles .images{display:flex}.main .onlineshop li{transform:scale(0.72)}.main .onlineshop .background{height:74px}.main .onlineshop .text{padding:0 25px 14px;height:74px}.main .onlineshop .arrow{padding-right:70px}.main .onlineshop .arrow:before{width:60px}.main .onlineshop .arrow:after{left:159px}.main .onlineshop a:hover .arrow:before{width:70px}.main .onlineshop a:hover .arrow:after{left:169px}.main .about .contents{display:flex;flex-direction:row-reverse}.main .about .text{padding-left:40px;width:50%}.main .about .catch{text-align:left}.main .about .images{margin-top:65px;width:50%}.main .about .button a{margin-left:0}}@media (min-width: 1025px){.main .container.news,.main .container.kusudo{padding-top:90px;padding-bottom:90px}.main .images{margin-top:90px}.main .button{margin-top:60px}.main .mainimage .onlinebut{height:80px;top:12px;right:88px;width:80px}.main .container.line{padding-bottom:90px}.main .line .contents{margin-top:60px}.main .newslist>li{margin-top:60px}.main .newslist>li:first-child{margin-top:20px}.main .newslist>li:nth-child(2){margin-top:20px}.main .newslist>li:nth-child(3){display:block;margin-top:20px}.main .about .text{padding-left:70px}.main .about.hashimaya .button a{padding:0 2em}.main .instagram .contents{margin-top:60px}}
