@charset "utf-8";
@import url("basic.css");
html,body,a,p,h1,h2,h3,h4,h5,h6,ol,ul,li,dl,dt,dd,div,img,span,strong,em,small,b,i,ruby,rt,rp,sub,sup,address,abbr,pre,blockquote,q,ins,del,cite,dfn,code,kbd,samp,var,iframe,table,caption,colgroup,col,tbody,thead,tfoot,tr,td,th,form,fieldset,legend,label,input,button,select,optgroup,option,textarea,article,aside,figcaption,figure,footer,header,main,mark,nav,section,time{font-size:100%;}
#nav,h2,#footer{position:static;left:auto;top:auto;}
/*font*/
body{font-family:"Noto Serif JP",serif;font-weight:200;}
th,h1,h2,h3,h4,h5,h6{font-weight:200;}
#pt2,#pt2 #nav [lang="en"]{font-family:"Noto Sans JP",sans-serif;font-weight:400;}
#pt2 h3{font-weight:400;}
strong,b,.b,#pt2 .twobox>li>dl>dt{font-weight:700;}
#pt1 [lang="en"]{font-family:"Cormorant Garamond",serif;font-weight:400;}
#pt2 [lang="en"]{font-family:"Playwrite NL",cursive;letter-spacing:normal;}
#pt1 [lang="en"],#pt3 [lang="en"],#pt2 .a_card dt{text-transform:uppercase;letter-spacing:.1em;}
#main,#nav,#sns{font-size:14px;font-size:4vw;line-height:0;}
#main{line-height:1.875;}
h2 [lang="en"]{font-size:7.4vw;}
#pt3 h2 [lang="en"]{font-size:9.367vw;}
h2+p,.a_card dt{font-size:1.125em;}
#nav{font-size:1.125rem;}
.sns>li{font-size:1.5em;}
/*color*/
a,body{color:#474747;}
#pt2 a,#pt2{color:#111;}
#pt3 a,#pt3{color:#4d4d4d;}
#pt1 #future,#pt1 #contact,#pt1 #nav a,#pt3 #copyright,#pt3 #footer h3,#pt3 #footer h3 a,#pt3 #gallery h2,#pt3 [class*="a-btn"]::before{color:#fff;}
#pt1 #gallery .a_card{color:#999;}
#pt1 h2,#pt1 h2+p,#pt1 .a_card dt,#pt1 #copyright,#pt1 #footer h3,#pt1 #footer h3 a{color:#888;}
#pt3 h2,#pt3 h3,#pt3 .a_card dt,#pt3 .twobox>li>dl>dt{color:#ba9c80;}
#pt3 #nav a{color:#666;}
#contact{background:#222;}
#pt1 #future,#gallery,#pt1 #footer{background:#333;}
#paging li{background:#666;}
#pt1 #contact [type="submit"]{background:#747474;}
#pt1 #staff{background:#eaeaea;}
#paging li.active,#navigation+label::before,#navigation+label::after,#navigation+label span{background:#111;}
#view li,#pt1 #navigation:checked+label::before,#pt1 #navigation:checked+label::after,#pt3 #news ul,#pt3 form,#pt3 #future,#pt3 #contact,#pt2 .twobox>li>dl>dt>span::after,#pt3 #staff .a_card li,#pt3 #about .content{background:#fff;}
#pt1 #entry [type="text"],#pt1 #entry textarea,#pt3 #footer{background:#f0f0f0;}
#pt3 #navigation+label::before,#pt3 #navigation+label::after,#pt3 #navigation+label span{background:#666;}
#pt2 #gallery{background:#f9f5ec;}
#pt2 #entry [type="text"],#pt2 #entry textarea{background:#f4f4f4;}
#pt2 #staff{background:linear-gradient(51deg,#f9f5ec,#ecf9f2);}
#pt2 #contact{background:linear-gradient(51deg,#fff2d5,#f4f4f4);}
#pt2 .twobox>li::after{background:linear-gradient(51deg,#e8fcf1,#fff2d5);}
#pt2 .twobox>li:nth-of-type(odd)::after{background:linear-gradient(51deg,#fff2d5,#e8fcf1);}
#pt3,#pt3 .twobox>li>dl>dt{background:#faf7f8;}
#pt3 #gallery{background:#ddd0c4;}
#pt3 [type="text"],#pt3 textarea{background:#f7f5f4;}
#pt3 #footer{background:#beafa0;}
#pnav a{background:#474747 url("../images/top.png") center center no-repeat;background-size:contain;height:60px;border-radius:50%;}
#pt2 #pnav a{background-color:#111;}
#pt3 #pnav a{background-color:#af6d68;}
/*custom*/
[type="text"],select,textarea{color:#666;line-height:1.5em;min-height:2.7em;padding:.6em .5em;width:100%;max-width:100%;border-radius:2px;}textarea{min-height:9em;}
button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"]{background:#333;border:1px solid #333;width:90%;max-width:15.625em;color:#fff;margin:0 auto;line-height:1;padding:.812em 0;}
[type="text"],textarea{border-color:#dfdfdf;}
[type="submit"],[class*="a-btn"]{padding:1.313em 0;}
#pt1 [type="text"],#pt1 textarea{border:none;border-radius:0;}
#pt2 button,#pt2 [type="button"],#pt2 [type="reset"],#pt2 [type="submit"],#pt2 [class*="a-btn"]{background:#111;border-color:#111;color:#fff;}
#pt3 button,#pt3 [type="button"],#pt3 [type="reset"],#pt3 [type="submit"],#pt3 [class*="a-btn"]{background:#af6d68;border-color:#af6d68;border-radius:3em;color:#fff;}
[type="text"]:focus,[type="text"]:hover,textarea:focus,textarea:hover,select:focus,.select:hover{box-shadow:0 2px 2px rgba(0,0,0,.05) inset;}
#nav a,#pnav a{text-decoration:none;}img{margin:auto;}
form dt>span,.twobox>li>dl>dt span{display:inline-block;}
p,table,dl,ul,ol{margin-bottom:1.875em;}
#staff ul,#shoplist ul{overflow:hidden;margin:0 auto;}
/*layout*/
#header{display:table;table-layout:fixed;width:100%;height:120px;}
h1{display:table-cell;vertical-align:bottom;font-size:12px;font-size:5vw;line-height:1.25;margin:0;position:relative;padding:50px 10px 10px 10px;}
#pt2 h1,#pt3 h1,h3,.table>dl>dt,.table>dl>dd,#pt2 #point h2,#pt3 #point h2{text-align:left;}
h1 img{max-height:60px;}
h2,h2+p,.content{margin:0 auto;overflow:hidden;position:relative;z-index:1;width:100%;max-width:1040px;padding:0 20px;}
#navigation,#navigation+label,#navigation~ul{position:fixed;right:0;top:0;z-index:-1;display:block;overflow:hidden;}
#navigation{opacity:0;}#navigation+label{z-index:20;width:57px;height:57px;cursor:pointer;}
#navigation+label::before,#navigation+label::after{content:"";position:absolute;left:16px;top:20px;width:25px;height:1px;}
#navigation+label::after{top:auto;bottom:20px;}
#navigation+label span{display:block;width:25px;margin:28px auto 0 auto;height:1px;}
#navigation:checked+label::before{top:5px;width:27px;-webkit-transform:translateY(23px) rotate(-45deg);transform:translateY(23px) rotate(-45deg);}
#navigation:checked+label::after{bottom:5px;width:27px;-webkit-transform:translateY(-23px) rotate(45deg);transform:translateY(-23px) rotate(45deg);}
#navigation:checked+label span{height:0;}
#navigation~ul{z-index:12;margin-right:-100%;margin-bottom:0;width:100%;max-height:100%;padding:70px 10px;background:#fff;background:rgba(255,255,255,.88);overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#pt1 #navigation~ul{background:#222;background:rgba(34,34,34,.88);}
#navigation:checked~ul{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}
#nav li{width:100%;}
#nav a{display:block;width:100%;padding:12px 0;line-height:1.25;position:relative;}
#footer{clear:both;padding:40px 0;}
[class*="a-btn"],.window{display:inline-block;text-decoration:none;}
[class*="a-btn"].big{font-size:1.25em;padding:1.45em 1.25em 1.45em .5em;max-width:16em;}
[class*="a-btn"]::before{margin:-.5em 0 0 0;right:.5em;}
#pnav,#navigation+label::before,#navigation+label::after,#navigation~ul{-webkit-transition:.2s;transition:.2s;}
[class*="btn_"]{background:#64b6e6;border:1px solid #64b6e6;border-radius:3px;color:#fff;display:inline-block;line-height:1.2;min-width:inherit;padding:.6em 16px .4em 16px;text-align:center;vertical-align:middle;-webkit-transition:.2s;transition:.2s;text-decoration:none;}
[class*="btn_status"]{display:inline-block;font-size:12px;line-height:1;letter-spacing:.1em;border:0;background:#999;padding:6px 10px;}.btn_status_open{background:#e56c63;}
[class*="btn_"]:hover{box-shadow:0 0 2px rgba(0,0,0,.25);}[class*="btn_status"]:hover{box-shadow:none;}
[class*="btn_"][class$="_w"]{background:#fff;color:#64b6e6;}[class*="btn_"][class$="_g_w"]{border-color:#ccc;color:#666;}
[class*="btn_back"]{border:0;border-radius:0 3px 3px 0;display:inline-block;font-size:11px;padding-left:0;padding-right:8px;margin-left:1.2em;}
[class*="btn_back"]::before,[class*="btn_back"]::after{content:"";background:#fff;position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;border:1px solid #ccc;border-width:1px 1px 1px 0;border-radius:0 3px 3px 0;}
[class*="btn_back"]::after{border-width:0 0 1px 1px;left:-1.2em;top:50%;z-index:-2;margin:-2em 0 0 .8em;width:4em;height:4em;border-radius:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
/*main*/
#mv,#view,#view li,#mv .photo{height:60vw;max-height:600px;}
#mv .photo::before{padding-top:60%;}
#mv{position:relative;overflow:hidden;text-align:center;width:100%;marign:0 auto;}
#view{overflow:hidden;position:relative;width:10000px;margin:0 auto;left:-1400px;}
#mv img,#mv p{margin:auto;}
.fade #view,.wide #view,#n #view{left:auto;}.wide #view{max-width:100%;}
#view li{width:1400px;float:left;clear:none;position:relative;overflow:hidden;margin:0 auto;}
.wide #view li,#n #view li{width:100%;}#n #view li:not(:first-child){position:absolute;left:0;top:0;z-index:0;}#view img{max-width:none;width:100%;}
#mv_prev,#mv_next,#paging{display:block;overflow:hidden;position:absolute;top:100%;left:0;z-index:1;}#mv_next{left:auto;right:0;}
#paging{line-height:0;margin:0;width:100%;top:auto;bottom:6%;}
#paging li{display:inline-block;width:15px;height:15px;border-radius:15px;margin:0 10px;cursor:pointer;}
video{width:100%;margin:0 auto;text-align:center;}
h2{line-height:1.25;letter-spacing:.05em;margin-bottom:10px;padding:1em 0;font-size:1.875em;position:relative;text-align:center;}
#pt2 h2{font-size:3em/*48px*/;padding:.6em 0;overflow:visible;}
#pt2 h2 [lang="en"]{border-bottom:6px solid #111;display:inline-block;padding:.25em 0;}
#pt3 h2{font-size:3.375em/*54px*/;padding:.4em 0 .2em 0;}
article{padding:50px 0;}
h2+p{font-size:1.125em;margin-bottom:10px;text-align:center;display:block;}
h3{font-size:1.5em;position:relative;border-bottom:1px solid #111;padding:.5em;margin:0 auto .8em auto;}
#pt3 h3{border-color:#ba9c80;}
#pt1 h3{padding:1em 0 1em 2.5em;margin:0 auto;border:none;}
#pt1 h3::after{content:"";position:absolute;left:0;top:50%;width:1.25em;border-top-width:1px;border-style:solid;}
#pt1 #footer h3::after{content:none;}
.photo{margin:0 auto;height:auto;max-height:420px;}
.photo::before{content:"";display:block;padding-top:65.625%;}
#about .photo,.twobox .photo{max-width:640px;}
#gallery .photo{max-width:154px;max-height:205px;}
#gallery .photo::before{padding-top:133.1168831168831%;}
#point .photo{max-width:275px;max-height:275px;}
#staff .photo{max-width:230px;max-height:230px;}
#pt3 .photo,#pt3 #staff .a_card li{border-radius:5px;}
#point .photo::before,#staff .photo::before{padding-top:100%;}
.a_card .photo+p,.a_card dd{margin:0;text-align:left;padding:1.5em 0;font-size:.875em;line-height:1.5;}
.a_card dt{padding:.75em 0 0 0;}.a_card dd{padding:1em 0 2em 0;}
.lin,.lim,#point dl,#point ul,#staff ul,#gallery ul,#gallery p{margin:0 auto;}
.lim>li+li{margin-top:1em;}.lin>li{display:inline-block;vertical-align:middle;padding-right:1em;}
.table,#about .content{max-width:800px;margin:0 auto;}
#about .table{width:calc(100% - 40px);margin:4em auto 1.25em auto;}
#pt3 #about .table{margin-bottom:4.4em;}
.table>dl{padding:1em 5px .9em 5px;margin:0 auto;}
.table>dl:first-child,form dl:first-of-type{background-position:0 0,0 bottom;}
.table>dl>dt,.table>dl>dd,form dt,form dd{padding:1.25em;position:relative;}
.table>dl>dt::after,.table>dl>dd::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;border-top:1px solid #474747;}
#pt2 .table>dl>dt::after{border-color:#111;}
#pt3 .table>dl>dt::after{border-color:#af6d68;}
.table>dl>dd::after{border-color:#dbdbdb;}
form{max-width:800px;text-align:left;margin:0 auto;}
form dl{margin-bottom:0;padding:8px 0;overflow:hidden;}
form dt,form dd{padding:.15em 0;}form p{text-align:center;padding:5px;}
form dl+p{margin:0;padding:50px 0;}
/*about*/
#pt2 #about h2{padding:0;}
#about .content p{text-align:left;}
#about .photo{text-align:center;margin:1em auto 2.5em auto;padding:0;}
#about .photo,#pt3 #about .content{width:90%;margin-left:auto;margin-right:auto;}
#pt3 #about .content{padding:20px;border-radius:5px;}
#map{max-height:250px;margin-bottom:20px;overflow:hidden;}
#map iframe{height:100%;height:50vw;max-height:250px;}#map+p{margin-bottom:40px;}
/*news*/
#news ul{margin:0 auto 7px auto;}#pt2 #news ul{margin:0 auto 40px auto;}
#pt3 #news{padding:20px 0;}#pt3 #news ul{padding:.5em 2.8%;}
#news li{padding:.8em 0;text-align:left;overflow:hidden;}#pt3 #news li{padding:1.3em 0;}
#pt2 #news li{border-bottom:1px solid #ded6d3;}#pt3 #news li+li{border-top:1px dashed #d8d8d8;}
#news p{margin:0;overflow:hidden;}#news p+p{margin-top:.5em;}
/*calendar*/
#calendar.content{max-width:620px;max-height:620px;margin:50px auto;}
#calendar iframe{height:100%;height:80vw;max-height:600px;}
/*future*/
#future h2{margin-bottom:20px;}
#future .content{max-width:none;padding:0;}
#pt3 #future h2{padding:1em 0;margin-bottom:0;}
/*point*/
#point h2{margin-bottom:2px;}
#pt2 #point h2{padding:.3em 20px;}
#pt3 #point h2{padding:.6em 20px;}
.twobox>li>section{text-align:left;}
/*staff*/
#staff h2{margin-bottom:20px;}
#staff .content{max-width:1152px;}
#staff .typebox2{max-width:720px;}
#staff [class*="typebox"]>li{padding:0 10px;}
#staff .photo+dl,#staff .photo+p{text-align:center;padding:8px 0;margin:0 auto;}
#staff .photo+ul{margin:8px auto;}
#staff .a_card p{margin-bottom:0;}
#staff .a_card p+p{margin-top:.25em;}
.staff_name,.staff_type{margin-bottom:4px;}
.staff_type{font-size:.875em;}
#staff .sns>li{padding:0 2px;}
#pt2 #staff h2{padding:.1em 0 2em 0;}
#pt2 #staff .photo{border-radius:50%;}
#pt3 #staff h2{padding:0 0 .8em 0;}
#pt3 #staff .content{padding:0 20px;max-width:none;}
#pt3 #staff .a_card li{padding:28px 2% 0 2%;max-width:302px;margin:0 auto 20px auto;}
/*entry*/
#entry h2{padding:1em 0 0 0;}
#entry h2+p{margin-bottom:3.5em;}
#entry form dl+p+p{margin:20px 0 0 0;}#entry form+p{margin:50px 0 0 0;}
#pt2 #entry h2{padding:.9em 0 1.4em 0;}
#pt2 #entry h2+p,#pt3 #entry h2+p{margin-bottom:2em;}
#pt3 #entry h2{padding-top:0;}
#pt3 #entry form{max-width:1000px;margin:0 auto 80px auto;padding:40px 4% 0 4%;}
#pt3 #entry form>dl{max-width:800px;}
/*gallery*/
#gallery h2{margin-bottom:14px;}
#gallery .content{max-width:1090px;}
#gallery li{margin:0 auto 24px auto;padding:0 20px;width:50%;max-width:210px;display:inline-block;vertical-align:top;}
#pt2 #gallery,#pt3 #gallery{padding:0;}
#pt2 #gallery h2,#pt3 #gallery h2{padding:1.5em 0 1em 0;}
#gallery .a_card{display:flex;flex-wrap:wrap;justify-content:center;}
/*recruit*/
#recruit h2,#contact h2{padding-bottom:0;}
#pt3 #recruit h2{padding:1em 0 .2em 0;}
#recruit h2+p,#recruit .table,#contact h2+p{margin-bottom:2.5em;}
#recruit .table:last-child{margin-bottom:6em;}
#pt2 #recruit .table:last-child,#pt3 #recruit .table:last-child{margin-bottom:4em;}
#pt2 #entry h2 [lang="en"],#pt2 #gallery h2 [lang="en"],#pt2 #contact h2 [lang="en"]{padding-bottom:.1em;}
/*shoplist*/
#shoplist ul{display:flex;flex-wrap:wrap;justify-content:center;}
#shoplist li{flex:0 1 260px;margin-bottom:20px;padding:0 10px;}
#shoplist li>a{display:block;text-decoration:none;text-align:center;}
#shoplist .photo{max-height:160px;}
#shoplist .photo+p{text-align:center;padding:.8em;font-size:1.2em;line-height:1.25;}
#shoplist .photo+p>span:last-child{text-decoration:underline;font-size:.8em;}
#mv.sizefree,#mv.sizefree #view,#mv.sizefree #view li,#mv.sizefree .photo{height:auto;max-height:none;}
#mv.sizefree .photo::before{content:none;}
#mv.sizefree .photo img{position:relative;left:auto;top:auto;-webkit-transform:none;transform:none;width:100%;min-height:inherit;}
[class|="lin"]{margin-bottom:0;}[class|="lin"]>li{display:inline-block;vertical-align:middle;}
.sns{display:flex;flex-wrap:nowrap;justify-content:center;}
.twobox{margin:0 auto 35px auto;overflow:hidden;}
.twobox>li{max-width:1440px;margin:0 auto;padding:25px 0;}
.twobox>li>dl{margin:0;}
.twobox>li>dl>dt,.twobox>li>dl>dd{max-width:640px;margin:0 auto;text-align:left;padding:1.75em 20px 0 20px;}
.twobox>li>dl>dt{font-size:1.875em;line-height:1.25;position:relative;padding:.5em 20px 1em 20px;}
.twobox>li>dl>dt::after{content:"";position:absolute;left:calc(50% - 60px);bottom:0;width:calc(134.375% + 60px);border-top:1px solid #888;transform:translateX(-50%);z-index:2;}
.twobox>li:nth-of-type(even)>dl>dt::after{left:calc(50% + 60px);}
#pt2 .twobox>li{position:relative;}
#pt2 .twobox>li>dl>dt{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;}
#pt2 .twobox>li:nth-of-type(odd)>dl>dt{text-align:right;flex-direction:row-reverse;}
#pt2 .twobox>li>dl>dt::after{border-color:#111;position:relative;left:auto;bottom:auto;top:auto;transform:none;width:auto;flex-grow:1;flex-shrink:1;display:flex;margin:auto -20px auto 1em;}
#pt2 .twobox>li>dl>dt>span{max-width:7em;}
#pt2 .twobox>li:nth-of-type(odd)>dl>dt::after{margin:auto 1em auto -20px;}
#pt2 #future .twobox>li::after{content:"";position:absolute;left:0;top:40px;width:100%;max-width:605px;height:65.625vw;max-height:405px;z-index:-1;}
#pt2 #future .twobox>li>p,#pt3 #future .twobox>li>p{width:90%;margin:0 auto 40px 0;}
#pt2 #future .twobox>li:nth-of-type(odd)>p{margin:0 0 40px auto;}
#pt3 #future .twobox>li>p{margin:0 auto 40px auto;}
#pt3 .twobox>li>dl>dt{padding:.25em 20px;}
#pt3 .twobox>li>dl>dt::after{content:none;}
#pt3 .twobox>li>dl>dd{padding:1em 20px 0 20px;}
/*footer*/
#sns{position:absolute;right:64px;top:14px;display:flex;justify-content:flex-end;margin:0;z-index:9;}
#sns>li{display:table-cell;text-align:center;vertical-align:middle;padding:0 4px;}
#copyright small,#footer h3,#footer h3 a{background:none;border:0;font-size:.75rem;line-height:1.46;padding:0;text-transform:uppercase;}
#copyright,#footer h3{padding:4px;margin:0;text-align:center;}
#pnav{position:fixed;right:10px;bottom:-70px;z-index:9;overflow:hidden;width:60px;}#pnav.on{bottom:10px;}
#cmsplus{padding:20px 10px;text-align:center;position:fixed;left:0;bottom:0;background:rgba(0,0,0,.5);z-index:5;width:100%;}
#cmsplus+div{height:124px;}
@media(min-width:30em){
#main,#sns{font-size:16px;font-size:1rem;}
h1{padding:10px;}h1 img{max-height:60px;}#pt3 h1 img{max-height:90px;}
.table>dl,form dl{display:table;table-layout:fixed;width:100%;margin:0 auto;padding:0;}
.table>dl>dt,.table>dl>dd,form dt,form dd{display:table-cell;}
.table>dl>dt::after,.table>dl>dd::after{top:auto;bottom:0;}
#pt1 .table>dl>dt::after{width:calc(100% - 15px);}
.table>dl+dl{margin-top:-1px;}
.table>dl>dt{width:24.5%;}
#recruit .table>dl>dt{width:30.75%;}
form dl,#pt2 form dl,#pt2 .table>dl{padding:0;}form dt{vertical-align:middle;width:26%;}
form dd{padding:10px 0;}
form [type="text"]{max-width:320px;}
#about .content p{text-align:center;}
#news time{float:left;margin-right:5%;}
.twobox>li{display:flex;flex-wrap:nowrap;justify-content:center;}
.twobox>li:nth-of-type(even){flex-direction:row-reverse;}
.twobox>li>p{width:44.44444444444444%;max-width:640px;}
.twobox>li>dl{width:55.55555555555556%;max-width:800px;align-content:center;}
#pt2 #future .twobox>li>dl>dt{padding:1em 20px;}
#pt2 #future .twobox>li>dl>dd{padding:0 20px;}
#pt2 #future .twobox>li{margin:0 auto 10px auto;}
#pt2 #future .twobox>li>p,#pt2 #future .twobox>li:nth-of-type(odd)>p,#pt3 #future .twobox>li>p{width:calc(44.44444444444444% - 20px);margin:0 auto 0 0;}
#pt2 #future .twobox>li:nth-of-type(odd)>p,#pt3 #future .twobox>li:nth-of-type(odd)>p{margin:0 0 0 auto;}
#pt2 #future .twobox>li::after{top:58px;width:42.01388888888889vw;height:65.625vw;}
#pt2 #future .twobox>li:nth-of-type(even)::after{left:auto;right:0;}
#point .twobox>li{flex-direction:row-reverse;}
#point .twobox>li>p{width:27.5%;max-width:275px;}
#point .twobox>li>section{width:100%;}
#point .twobox>li>p+section{width:72.5%;padding-right:7.5%;}
#pt1 #point .twobox>li>p+section{padding-right:2em;}
#point .twobox>li>section>div{max-width:940px;padding:0;margin:0 auto;}
#point .twobox>li>p+section>div{max-width:586px;}
#pt1 #point .twobox>li>section>div{max-width:none;padding:0 0 0 4em;margin:0 auto 0 0;}
#pt1 #point .twobox>li>p+section>div{max-width:640px;}
#point .twobox>li>section h3{padding:.5em;margin-bottom:1em;}
#pt1 #point .twobox>li>section h3{padding:0 0 0 2.5em;}
#shoplist li{max-width:48%;}
}
@media(min-width:40em){
#staff .a_card dl{max-width:230px;}
#pt3 #staff .a_card dl{max-width:none;}
#pt3 #staff .a_card.typebox2{max-width:651px;}
#pt3 #staff .a_card.typebox2 li{width:46.39016897081413%;margin-left:7.21966205837174%;}
#pt3 #staff .a_card.typebox3{max-width:1000px;}
#pt3 #staff .a_card.typebox3 li{width:30.2%;margin-left:4.7%;}
#pt3 #staff .a_card.typebox4{max-width:1349px;}
#pt3 #staff .a_card.typebox4 li{width:22.38695329873981%;margin-left:3.48406226834692%;}
#pt3 #staff .a_card.typebox2 li:nth-child(2n+1),#pt3 #staff .a_card.typebox3 li:nth-child(3n+1),#pt3 #staff .a_card.typebox4 li:nth-child(4n+1){margin-left:0;}
}
@media(min-width:48em){
#main{font-size:16px;font-size:1rem;}
#nav{font-size:1.6vw;}
#header{height:auto;}
h1{padding:32px 10px;vertical-align:top;font-size:30px;}
#pt2 h1{padding:30px 8px 4px 25px;}#pt3 h1{padding:22px 8px 12px 25px;}
#pt1 #nav a{color:#474747;}
#pt1 #navigation~ul{background:none;}
#pt1 #navigation+label{right:16px;top:16px;}
.n #nav li{width:auto;display:table-cell;vertical-align:middle;}
.n #nav a{padding:1em .25em 1.25em .25em;}
#pt3.n #nav a{padding:1em 1em 1.25em 1em;}
.n #navigation,.n #navigation+label{margin-right:-200px;}
.n #navigation~ul{position:relative;right:auto;top:auto;background:none;width:auto;display:table;table-layout:fixed;padding:0;margin:0 auto;min-width:760px;max-width:100%;}
.n #navigation:checked~ul{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
#sns{right:12px;}#sns>li{padding:0 .3333333333333333em;}#pnav.on{bottom:10%;}
#pt2 #mv{width:calc(100% - 50px);margin:0 auto;}
#mv,#view,#view li,#mv .photo{height:41.66666666666667vw;}
#mv .photo::before{padding-top:41.66666666666667%;}
/*about*/
#pt2 #about,#pt3 #about{width:calc(100% - 50px);max-width:1390px;margin:0 auto;padding-top:9.02777777777778vw;}
#pt3 #about{padding-top:7.63888888888889vw;max-width:1360px;overflow:visible;}
#pt2 #about>h2,#pt2 #about .content,#pt3 #about>h2,#pt3 #about .content{padding-left:0;text-align:left;width:auto;}
#pt2 #about .photo,#pt3 #about .photo{position:absolute;right:0;top:9.72222222222222vw;width:46.0431654676259%;margin:0;z-index:2;}
#pt3 #about .photo{top:7.63888888888889vw;width:47.05882352941176%;}
#pt2 #about>h2,#pt2 #about>.photo+.content,#pt3 #about>h2,#pt3 #about>.photo+.content{padding-right:47%;margin:0 auto .8em auto;max-width:1162px;}
#pt2 #about .content p,#pt3 #about .content p{text-align:left;}
#pt3 #about>h2,#pt3 #about .content{overflow:visible;background:none;}
#pt3 #about>h2{margin:23px auto 0 auto;padding:.6em 0;border-radius:5px 5px 0 0;}
#pt3 #about>h2::after,#pt3 #about .content::after{content:"";position:absolute;left:-8%;top:0;width:66%;height:100%;background:#fff;z-index:-1;border-radius:0 0 5px 5px;}
#pt3 #about>h2::after{border-radius:5px 5px 0 0;}
/*future*/
#pt2 .twobox>li>dl>dt>span{max-width:none;}
#gallery .a_card{flex-wrap:nowrap;}
#gallery li{width:20%;padding:0 10px;}
}
@media(min-width:60em){
#nav{font-size:16px;font-size:1rem;}
h2 [lang="en"]{font-size:72px;font-size:4.5rem;}
#pt3 h2 [lang="en"]{font-size:90px;font-size:5.625rem;}
#pt2 #future .twobox>li>p,#pt2 #future .twobox>li:nth-of-type(odd)>p,#pt3 #future .twobox>li>p,#pt3 #future .twobox>li:nth-of-type(odd)>p{width:calc(44.44444444444444% - 40px);}
#pt2 .twobox>li>dl>dt::after{margin:auto -20px auto 2em;}
#pt2 .twobox>li:nth-of-type(odd)>dl>dt::after{margin:auto 2em auto -20px;}
}
@media(min-width:91em){/*1440*/
#mv{width:100%;margin:0 auto;}#paging{bottom:39px;}
#pt2 #about{padding-top:130px;}#pt2 #about .photo{top:140px;}
#pt3 #about{padding-top:110px;}#pt3 #about .photo{top:110px;}
}