@charset "UTF-8";abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
nav ul{list-style:none}
ul{list-style:none}
ol{margin-left:24px}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;font-size:2.4vw}
body{-webkit-overflow-scrolling:touch;background-color:transparent;color:#000;font-family:noto-sans-cjk-jp,YuGothic,"游ゴシック","游ゴシック体",sans-serif;font-weight:400;font-style:normal;font-size:1.4rem;line-height:1.6;min-width:320px;overflow-x:hidden;overflow-y:auto;position:relative;width:100%}
a{color:#000;text-decoration:none}
a.underline{text-decoration:underline}
a.bold{font-weight:700}
img{height:auto;max-height:100%;max-width:100%;vertical-align:top;width:auto}
header{width:100%;position:fixed;z-index:100}
header.nav-black .logo.black{display:none}
header .container{display:none}
header .container .hnav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-family:athelas,noto-sans-cjk-jp,serif;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;letter-spacing:.04em}
header .container .hnav li{display:block;margin-left:1.5em;line-height:2}
header .container .hnav li a{color:#fff}
header.spnav-open{background-color:#37a9cc;text-align:center;display:block;width:100%;height:100vh;padding-top:1.5em;}
header.spnav-open .container{display:block}
header.spnav-open .logo{margin:24vw auto 12vw}
header.spnav-open .hnav{display:block;margin:0 auto;font-size:2rem}
header.spnav-open .hnav li{margin:0 auto;width:80%;line-height:2.4}
header.spnav-open .hnav li a{display:block}
.menu-trigger,.menu-trigger span{display:inline-block;-webkit-transition:all .4s;transition:all .4s;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:101}
.menu-trigger{position:absolute;width:50px;height:44px;margin:20px;top:0;left:0}
.menu-trigger span{position:absolute;left:0;width:100%;height:4px;background-color:#fff;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.2);box-shadow:0 1px 6px rgba(0,0,0,.2)}
.menu-trigger span:nth-of-type(1){top:0}
.menu-trigger span:nth-of-type(2){top:20px}
.menu-trigger span:nth-of-type(3){bottom:0}
.menu-trigger span:nth-of-type(1){-webkit-animation:menu-bar01 .75s forwards;animation:menu-bar01 .75s forwards}
@-webkit-keyframes menu-bar01{0%{-webkit-transform:translateY(20px) rotate(45deg)}
50%{-webkit-transform:translateY(20px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0)}
}
@keyframes menu-bar01{0%{-webkit-transform:translateY(20px) rotate(45deg);transform:translateY(20px) rotate(45deg)}
50%{-webkit-transform:translateY(20px) rotate(0);transform:translateY(20px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
.menu-trigger span:nth-of-type(2){-webkit-transition:all .25s .25s;transition:all .25s .25s;opacity:1}
.menu-trigger span:nth-of-type(3){-webkit-animation:menu-bar02 .75s forwards;animation:menu-bar02 .75s forwards}
@-webkit-keyframes menu-bar02{0%{-webkit-transform:translateY(-20px) rotate(-45deg)}
50%{-webkit-transform:translateY(-20px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0)}
}
@keyframes menu-bar02{0%{-webkit-transform:translateY(-20px) rotate(-45deg);transform:translateY(-20px) rotate(-45deg)}
50%{-webkit-transform:translateY(-20px) rotate(0);transform:translateY(-20px) rotate(0)}
100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
}
.menu-trigger.active span:nth-of-type(1){-webkit-animation:active-menu-bar01 .75s forwards;animation:active-menu-bar01 .75s forwards}
@-webkit-keyframes active-menu-bar01{0%{-webkit-transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(20px) rotate(0)}
100%{-webkit-transform:translateY(20px) rotate(45deg)}
}
@keyframes active-menu-bar01{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(20px) rotate(0);transform:translateY(20px) rotate(0)}
100%{-webkit-transform:translateY(20px) rotate(45deg);transform:translateY(20px) rotate(45deg)}
}
.menu-trigger.active span:nth-of-type(2){opacity:0}
.menu-trigger.active span:nth-of-type(3){-webkit-animation:active-menu-bar03 .75s forwards;animation:active-menu-bar03 .75s forwards}
@-webkit-keyframes active-menu-bar03{0%{-webkit-transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-20px) rotate(0)}
100%{-webkit-transform:translateY(-20px) rotate(-45deg)}
}
@keyframes active-menu-bar03{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-20px) rotate(0);transform:translateY(-20px) rotate(0)}
100%{-webkit-transform:translateY(-20px) rotate(-45deg);transform:translateY(-20px) rotate(-45deg)}
}
footer{width:100%}
footer .sns{position:relative;border-bottom:1px solid #ddd}
footer .sns .ls-sns{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:4.27vw 0;width:100%}
footer .sns .ls-sns a{padding:1.5rem}
footer .sns .gototop{position:absolute;top:0;right:0;height:100%;background:rgba(0,0,0,.25);max-width:80px;width:20%}
footer .sns .gototop a{display:block;height:100%}
footer .sns .gototop:before{border-left:.27vw solid #fff;border-top:.27vw solid #fff;content:" ";display:block;height:3.2vw;left:50%;position:absolute;top:60%;-webkit-transform:rotate(45deg) translate(-50%,-50%);transform:rotate(45deg) translate(-50%,-50%);-webkit-transform-origin:top;transform-origin:top;width:3.2vw}
footer .footer-main{font-size:1rem;line-height:1.7;text-align:center}
footer .footer-main .container{padding:2.8rem 0}
footer .footer-main .copyright{margin-right:auto}
footer .footer-main .attentionmark img{width:20vw;max-width:112px}
main{background-color:#fff;overflow-x:hidden}
.container{width:90vw;max-width:1200px;margin:0 auto}
.posrel{position:relative}
.section-ttl{text-align:center;font-family:athelas,noto-sans-cjk-jp,serif;font-weight:400;letter-spacing:.02em;font-size:3.5rem;margin-bottom:1em}
.section-ttl span{display:block;font-size:1.5rem;font-weight:400;letter-spacing:.05em;}
.maincopy{background:url(../img/main-bg.jpg) bottom center no-repeat;background-size:cover}
.maincopy .copy{padding-top:14.93vw;margin-bottom:25.6vw;z-index:2}
.maincopy .copy img{display:block;margin:0 auto}
.maincopy .copy .logo{width:55.89vw;margin-bottom:6.4vw}
.maincopy .copy .leadtxt{width:94.93vw}
.maincopy .badge{position:absolute;right:-6.4vw;top:74.67vw;width:32vw;z-index:1}
.maincopy .ls-chuhai{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:2;padding-bottom:6.4vw;max-width:1500px;margin-left:auto;margin-right:auto}
.maincopy .ls-chuhai img{width:203px}
#about{background-image:url(../img/about_bg_l.jpg),url(../img/about_bg_r.jpg);background-position:top 0 left -21vh,top right -35vh;background-repeat:no-repeat,no-repeat;background-size:auto 100%,auto 100%;padding:21.33vw 0;text-align:center;font-size:1.5rem}
#about .description{line-height:3;margin-top:36px}
.pointbox{background:#fff;padding:10.67vw 6.4vw;font-size:1.5rem;width:100%;max-width:480px}
.pointbox .ttl{color:#006343;font-family:athelas,noto-sans-cjk-jp,serif;font-weight:600;letter-spacing:.06em;line-height:1}
.pointbox .ttl span{font-size:1.8em;vertical-align:sub}
.pointbox .ttl:after{content:'';display:block;margin:20px 0 32px;width:22px;height:1px;background:#006343}
.pointbox h3{color:#006343;font-size:2.13em;margin-bottom:24px;letter-spacing:.16em;line-height:1}
.pointbox .desc{line-height:2}
#point1{background:url(../img/point01_bg.jpg) bottom left 75% no-repeat;background-size:cover;padding:32vw 0 32vw}
#point2{background:url(../img/point02_bg.jpg) center center no-repeat;background-size:cover;padding:32vw 0 32vw}
#point2 .pointbox{margin-left:auto}
#point3{background:url(../img/point03_bg.jpg) top right 30% no-repeat;background-size:cover;padding:32vw 0 32vw}
#news{background-color:#EFF6F9}
#news .container .ls-news{text-align:left}
#news .container .ls-news dt{-webkit-box-flex:0;-ms-flex:0 0 15%;flex:0 0 15%;margin-top:2em}
#news .container .ls-news dd{-webkit-box-flex:1;-ms-flex:1 1 80%;flex:1 1 80%;max-width:100%}

#news .btnarea{text-align:center;margin:5em}
#product{padding:21.33vw 0}
#product .lineup{font-size:1.5rem;margin-bottom:6.4rem}
#product .lineup.lineup-left .img{margin-left:26%;margin-right:-26%}
#product .lineup .img{overflow:hidden;margin-left:-26%;width:100%}
#product .lineup .detail{text-align:center}
#product .lineup .detail .new{color:#e1b700;font-family:athelas,noto-sans-cjk-jp,serif}
#product .lineup .detail .ttl{font-size:3.1rem;line-height:1.3;margin-bottom:.8em}
#product .lineup .detail .desc{line-height:2;margin-bottom:2.4em}
#product .lineup.lemon .ttl{color:#2B287F}
#product .lineup.shikuwasa .ttl{color:#008073}
#product .lineup.ainan .ttl{color:#d6aa3f}
#product .lineup.peach .ttl{color:#f7487d}
#product .lineup.mikan .ttl{color:#f37d01}
#product .lineup.sumomo .ttl{color:#910773}
#product .lineup.hassaku .ttl{color:#039dda}
#product .lineup.yamabudo .ttl{color:#a5221e}
#movie{padding:1vw 0;background-color:#EFF6F9}
#campaign{padding:1vw 0;background-color:#fff}

#gallery{padding:21.33vw 0;}
#gallery .ls-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
#gallery .ls-gallery li{margin:10px}

#onlineshop .description{font-weight:400;margin-top:2em}
#onlineshop .ls-bnr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}
#onlineshop .ls-bnr li{margin:2rem;-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}
#onlineshop .ls-bnr li:first-child{margin:2rem auto;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}
#contact{padding:21.33vw 0;;background-color:#fff}
#contact dl{max-width:800px;margin:0 auto}
#contact dl dt{font-weight:400}
#contact .req{font-size:.65em;font-weight:400;display:inline-block;color:#fff;background-color:#c00;padding:.1em .4em;letter-spacing:.1em;vertical-align:middle}
#contact .btnarea{text-align:center}
#contact .btnarea input[type=checkbox]{margin:1em 0}
#contact .btnarea label{font-size:1.2rem;font-weight:400}
#contact .btnarea label a{border-bottom:1px solid}
#overlay-bg{display:none;background:rgba(0,0,0,.8);height:100vh;position:fixed;top:0;left:0;width:100%;z-index:999}
.modal{display:none;height:100vh;position:fixed;top:0;width:100%;z-index:1000;overflow-y:scroll;padding:2.13vw 1.07vw}
.modal .modal-content{background-color:#fff;background-image:url(../img/modal_bg_t.jpg),url(../img/modal_bg_b.jpg);background-position:top right,bottom left;background-repeat:no-repeat,no-repeat;padding:6.4vw;margin:0 auto 2.13vw;position:relative;width:100%;max-width:900px}
.modal .modal-content .product-detail{font-size:1.5rem;position:relative}
.modal .modal-content .product-detail .img{width:100%;text-align:right}
.modal .modal-content .product-detail .img img{height:auto;max-height:none}
.modal .modal-content .product-detail .detail{text-align:center}
.modal .modal-content .product-detail .detail hr{margin:2.4rem 0}
.modal .modal-content .product-detail .detail .new{color:#e1b700;font-family:athelas,noto-sans-cjk-jp,serif}
.modal .modal-content .product-detail .detail .ttl{font-size:3.1rem;line-height:1.3;margin-bottom:.4em}
.modal .modal-content .product-detail .detail .desc{line-height:2;margin-bottom:2.4em}
.modal .modal-content .product-detail .detail .info{font-size:1.2rem}
.modal .modal-content .story{padding:4.27vw;line-height:1.7}
.modal .modal-content .story img{float:right;margin:0 0 2.4rem 2.4rem}
.modal .modal-content .story h3{font-size:1.13em;margin:.8em 0}
.modal .modal-content.lemon .ttl{color:#2B287F}
.modal .modal-content.lemon .story{background-color:#eff4f6}
.modal .modal-content.shikuwasa .ttl{color:#008073}
.modal .modal-content.shikuwasa .story{background-color:#eff7f6}
.modal .modal-content.ainan .ttl{color:#d6aa3f}
.modal .modal-content.ainan .story{background-color:#f7faf0}
.modal .modal-content.peach .ttl{color:#f7487d}
.modal .modal-content.peach .story{background-color:#fef6f8}
.modal .modal-content.sumomo .ttl{color:#910773}
.modal .modal-content.sumomo .story{background-color:#fef6f8}
.modal .modal-content.hassaku .ttl{color:#039dda}
.modal .modal-content.hassaku .story{background-color:#fef6f8}
.modal .modal-content.yamabudo .ttl{color:#a5221e}
.modal .modal-content.yamabudo .story{background-color:#fef6f8}

.modal .modal-close{width:50%;max-width:160px;display:block;border:1px solid;color:#fff;padding:.8em;font-size:1.6rem;font-weight:400;text-align:center;margin:0 auto}
.modal .modal-close:hover{background:#fff;color:#333;opacity:1}
.contents{margin:0 auto;max-width:1040px;padding:16vw 6.4vw 17.07vw;position:relative}
.contents.c-article p{margin-bottom:1em}
.bnrs{background-color:#fff;border-top:.27vw solid #000;padding:2.13vw 6.4vw 6.4vw}
.bnrs>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:0 auto;max-width:1000px}
.bnrs>ul>li{margin-top:4.27vw;width:calc(50% - 2.13vw)}
.bnrs>ul>li>a{display:block;width:100%}
.bnrs>ul>li>a>img{display:block}
.btn{width:100%;max-width:224px;display:inline-block;border:1px solid;padding:.8em;font-size:1.6rem;font-weight:400;text-align:center;position:relative}
.btn:before{content:'';width:10px;height:10px;display:block;border-top:solid 1px;border-right:solid 1px;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);-webkit-transition:all ease .1s;transition:all ease .1s;-webkit-transform-origin:center;transform-origin:center;position:absolute;top:50%;right:1em}
.btn:hover{background:#333;color:#fff;opacity:1}
.mfp_element_button{width:100%;max-width:224px;display:inline-block;border:1px solid;padding:.8em;font-size:1.6rem;font-weight:400;text-align:center;position:relative;margin:1em}
.mfp_element_button:before{content:'';width:10px;height:10px;display:block;border-top:solid 1px;border-right:solid 1px;-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%);-webkit-transition:all ease .1s;transition:all ease .1s;-webkit-transform-origin:top;transform-origin:top;position:absolute;top:50%;right:1em}
.mfp_element_button#mfp_button_cancel:before{left:1em;-webkit-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}
.mfp_element_button:hover{background:#333;color:#fff;opacity:1}
button,input,select,textarea{border-radius:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}
button{background-color:transparent;border:none;cursor:pointer;outline:0;padding:0}
button:disabled{background-color:#f5f5f5;color:#bbb;cursor:default}
[type=date],[type=datetime],[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],textarea{background-color:#fff;padding:2.13vw;border:none;width:98%;font-size:1.6rem}
[type=date]::-webkit-input-placeholder,[type=datetime]::-webkit-input-placeholder,[type=email]::-webkit-input-placeholder,[type=number]::-webkit-input-placeholder,[type=password]::-webkit-input-placeholder,[type=search]::-webkit-input-placeholder,[type=tel]::-webkit-input-placeholder,[type=text]::-webkit-input-placeholder,[type=url]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#bbb}
[type=date]::-moz-placeholder,[type=datetime]::-moz-placeholder,[type=email]::-moz-placeholder,[type=number]::-moz-placeholder,[type=password]::-moz-placeholder,[type=search]::-moz-placeholder,[type=tel]::-moz-placeholder,[type=text]::-moz-placeholder,[type=url]::-moz-placeholder,textarea::-moz-placeholder{color:#bbb}
[type=date]:-ms-input-placeholder,[type=datetime]:-ms-input-placeholder,[type=email]:-ms-input-placeholder,[type=number]:-ms-input-placeholder,[type=password]:-ms-input-placeholder,[type=search]:-ms-input-placeholder,[type=tel]:-ms-input-placeholder,[type=text]:-ms-input-placeholder,[type=url]:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#bbb}
[type=date]::-ms-input-placeholder,[type=datetime]::-ms-input-placeholder,[type=email]::-ms-input-placeholder,[type=number]::-ms-input-placeholder,[type=password]::-ms-input-placeholder,[type=search]::-ms-input-placeholder,[type=tel]::-ms-input-placeholder,[type=text]::-ms-input-placeholder,[type=url]::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#bbb}
[type=date]::placeholder,[type=datetime]::placeholder,[type=email]::placeholder,[type=number]::placeholder,[type=password]::placeholder,[type=search]::placeholder,[type=tel]::placeholder,[type=text]::placeholder,[type=url]::placeholder,textarea::placeholder{color:#bbb}
[type=date]:focus::-webkit-input-placeholder,[type=datetime]:focus::-webkit-input-placeholder,[type=email]:focus::-webkit-input-placeholder,[type=number]:focus::-webkit-input-placeholder,[type=password]:focus::-webkit-input-placeholder,[type=search]:focus::-webkit-input-placeholder,[type=tel]:focus::-webkit-input-placeholder,[type=text]:focus::-webkit-input-placeholder,[type=url]:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}
[type=date]:focus::-moz-placeholder,[type=datetime]:focus::-moz-placeholder,[type=email]:focus::-moz-placeholder,[type=number]:focus::-moz-placeholder,[type=password]:focus::-moz-placeholder,[type=search]:focus::-moz-placeholder,[type=tel]:focus::-moz-placeholder,[type=text]:focus::-moz-placeholder,[type=url]:focus::-moz-placeholder,textarea:focus::-moz-placeholder{color:transparent}
[type=date]:focus:-ms-input-placeholder,[type=datetime]:focus:-ms-input-placeholder,[type=email]:focus:-ms-input-placeholder,[type=number]:focus:-ms-input-placeholder,[type=password]:focus:-ms-input-placeholder,[type=search]:focus:-ms-input-placeholder,[type=tel]:focus:-ms-input-placeholder,[type=text]:focus:-ms-input-placeholder,[type=url]:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{color:transparent}
[type=date]:focus::-ms-input-placeholder,[type=datetime]:focus::-ms-input-placeholder,[type=email]:focus::-ms-input-placeholder,[type=number]:focus::-ms-input-placeholder,[type=password]:focus::-ms-input-placeholder,[type=search]:focus::-ms-input-placeholder,[type=tel]:focus::-ms-input-placeholder,[type=text]:focus::-ms-input-placeholder,[type=url]:focus::-ms-input-placeholder,textarea:focus::-ms-input-placeholder{color:transparent}
[type=date]:focus::placeholder,[type=datetime]:focus::placeholder,[type=email]:focus::placeholder,[type=number]:focus::placeholder,[type=password]:focus::placeholder,[type=search]:focus::placeholder,[type=tel]:focus::placeholder,[type=text]:focus::placeholder,[type=url]:focus::placeholder,textarea:focus::placeholder{color:transparent}
[type=date]:disabled,[type=datetime]:disabled,[type=email]:disabled,[type=number]:disabled,[type=password]:disabled,[type=search]:disabled,[type=tel]:disabled,[type=text]:disabled,[type=url]:disabled,textarea:disabled{background-color:#f5f5f5;color:#999}
[type=date].per50,[type=datetime].per50,[type=email].per50,[type=number].per50,[type=password].per50,[type=search].per50,[type=tel].per50,[type=text].per50,[type=url].per50,textarea.per50{width:100%}
[type=date].per100,[type=datetime].per100,[type=email].per100,[type=number].per100,[type=password].per100,[type=search].per100,[type=tel].per100,[type=text].per100,[type=url].per100,textarea.per100{width:100%}
textarea{display:block}
.btnarea input[type=checkbox]{display:none}
.btnarea input[type=checkbox]~label{display:inline-block;position:relative;padding-left:35px;margin:2em 0;cursor:pointer;line-height:1.6}
.btnarea input[type=checkbox]~label:last-child{margin-bottom:0}
.btnarea input[type=checkbox]~label:before{content:'';display:block;width:20px;height:20px;border:1px solid;position:absolute;left:0;top:0;opacity:.6;-webkit-transition:all .12s,border-color .08s;transition:all .12s,border-color .08s}
.btnarea input[type=checkbox]:checked~label:before{width:10px;top:-5px;left:5px;border-radius:0;opacity:1;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.btnarea div.mfp_err{text-align:center}
input[type=radio]{display:none}
input[type=radio]+span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#555;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}
input[type=radio]+span:before{background-color:#fff;border:.27vw solid #bbb;border-radius:50%;content:" ";display:block;height:4.8vw;margin-right:1.07vw;width:4.8vw}
input[type=radio]:checked+span:before{background-color:#006343;border-color:#006343}
input[type=radio]:checked+span:after{background-color:#fff;border-radius:50%;content:" ";height:2.13vw;left:1.6vw;position:absolute;top:1.6vw;width:2.13vw}
input[type=radio]:disabled+span{color:#bbb}
input[type=radio]:disabled+span:before{border-color:#e5e5e5}
input[type=radio]:disabled:checked+span:before{background-color:#e5e5e5}
.mt16{margin-top:4.27vw}
.mt40{margin-top:10.67vw}
.no-data{margin-top:4.27vw}
.sp-none{display:none}
.inline-block70 {
    display: inline-block;        /* インラインブロック要素にする */
    width:100%;
}
.inline-block30 {
    display: inline-block;        /* インラインブロック要素にする */
    width:100%;
}


@media screen and (min-width:561px){html{font-size:62.5%}
header .container .logo{margin:10px 0}
.maincopy .copy{padding-top:128px;margin-bottom:40px}
.maincopy .copy .logo{width:262px;margin-bottom:32px}
.maincopy .copy .leadtxt{width:600px}
.maincopy .badge{width:181px;right:-6%;top:300px}
.maincopy .ls-chuhai{padding-bottom:30px}
#about{background-position:top 0 left -45vw,top right -32vw;padding:180px 0;font-size:1.8rem}
#point1{background-position:center center;padding:80px 0}
#point2{padding:80px 0}
#point3{background-position:center center;padding:80px 0}
#news{padding:90px 0 60px}
#news .container{display:-webkit-box;display:-ms-flexbox;display:flex}
/*
#news .container h2{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:56px}
#news .container>div{padding-left:56px;margin-bottom:20px;-webkit-box-flex:1;-ms-flex:1 0 70%;flex:1 0 70%;border-left:1px solid}
*/
#product{padding:90px 0 60px}
#product .lineup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#product .lineup.lineup-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
#product .lineup.lineup-left .img{margin-left:0;margin-right:-8%}
#product .lineup .img{-webkit-box-flex:1;-ms-flex:1 0 39%;flex:1 0 39%;margin-left:-8%}
#product .lineup .detail{text-align:left;-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;padding-left:2%}
#gallery{padding:90px 0 60px}
#onlineshop{padding:90px 0 100px;background-size:400px auto,400px auto,cover}
#contact{padding:90px 0 60px}
.modal .modal-content{padding:50px}
.modal .modal-content .product-detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.modal .modal-content .product-detail .img{-webkit-box-flex:1;-ms-flex:1 0 39%;flex:1 0 39%;margin-left:-8%}
.modal .modal-content .product-detail .detail{text-align:left;-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;padding-left:2%}
.pctab-none{display:none}
.inline-block70 {
    display: inline-block;        /* インラインブロック要素にする */
    width:70%;
}
.inline-block30 {
    display: inline-block;        /* インラインブロック要素にする */
    width:30%;
}

}
@media screen and (min-width:769px){body{font-size:1.5rem}
a:hover{opacity:.75}
footer .sns .ls-sns{padding:24px 0}
footer .sns .gototop:before{border-width:2px;height:17px;width:17px}
.contents{padding:80px 24px}
.bnrs{border-width:2px;padding:48px 32px 64px}
.bnrs>ul{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.bnrs>ul>li{margin-top:24px;width:calc(33.3% - 24px)}
button:hover{opacity:.75}
button:disabled:hover{opacity:1}
[type=date],[type=datetime],[type=email],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=url],textarea{border-width:1px;line-height:1.4;padding:8px}
input[type=radio]+span:before{border-width:1px;height:18px;margin-right:4px;width:18px}
input[type=radio]:checked+span:after{height:8px;left:6px;top:6px;width:8px}
.mt16{margin-top:16px}
.mt40{margin-top:40px}
.no-data{margin-top:24px}
.sp-none{display:block}
}
@media screen and (min-width:1000px){header{position:absolute}
header.nav-black .logo.white{display:none}
header.nav-black .logo.black{display:block}
header.nav-black .container .hnav li a{color:#333}
header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px}
header .container .logo{margin:0}
header .container .hnav{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.menu-trigger,.menu-trigger span{display:none}
footer .footer-main .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left}
footer .footer-main .copyright{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
footer .footer-main .attentionmark{margin-left:2.1rem}
.maincopy .badge{right:-24px}
.maincopy .ls-chuhai{padding-bottom:0}
#about{background-position:top left,top right}
.pointbox{padding:20px 20px}
#news .container .ls-news{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
#news .container .ls-news dd,#news .container .ls-news dt{margin-top:1.8em}
#product .lineup .img{-webkit-box-flex:1;-ms-flex:1 0 390px;flex:1 0 390px}
#product .lineup .detail{-webkit-box-flex:1;-ms-flex:1 0 608px;flex:1 0 608px;padding-left:36px}
#product .lineup .detail .ttl{font-size:3.6rem}
.modal{padding:24px 0 32px}
.modal .modal-content .product-detail{height:416px}
.modal .modal-content .product-detail .img{-webkit-box-flex:1;-ms-flex:1 0 450px;flex:1 0 450px;margin-left:-24%}
.modal .modal-content .product-detail .detail{-webkit-box-flex:1;-ms-flex:1 0 480px;flex:1 0 480px;padding-left:36px}
.modal .modal-content .product-detail .detail .ttl{font-size:3.6rem}
.modal .modal-content .story{padding:36px}
.pc-none{display:none}
}
@media screen and (min-width:1080px){[type=date].per50,[type=datetime].per50,[type=email].per50,[type=number].per50,[type=password].per50,[type=search].per50,[type=tel].per50,[type=text].per50,[type=url].per50,textarea.per50{width:50%}
}
@media screen and (min-width:1120px){.contents{padding:80px 0}
.bnrs{padding:56px 0 80px}
}

/* 以下追加 */
.instagram-center {
	margin:0 auto;
	max-width: 400px;
}