@charset "UTF-8";.quatro{line-height:100%;letter-spacing:.1em;color:#444;background:#fff;font-family:a-otf-ud-shin-go-pr6n,\30d2\30e9\30ae\30ce\89d2\30b4  Pro W3,\30d2\30e9\30ae\30ce\89d2\30b4  W3,Hiragino Kaku Gothic Pro,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33  \ff30\30b4\30b7\30c3\30af,Osaka,MS PGothic,Arial,Helvetica,Verdana,sans-serif;word-wrap:break-word;-webkit-text-size-adjust:100%}.quatro ul{list-style:none}.quatro ul li:before{display:none}.quatro p{font-size:15px}.quatro img{max-width:100%;width:auto;height:auto;max-height:unset}.quatro .en{font-family:Helvetica}@media screen and (max-width:640px){.quatro p{font-size:14px}}@media screen and (max-width:480px){.quatro p{font-size:13px}}.fade-anim,.fade-list li{opacity:0;transform:translateY(30px)}.fade-anim.init,.fade-list li.init{opacity:1;transform:translateY(0);transition:all 1s cubic-bezier(.19,1,.22,1)}@-webkit-keyframes wipebar{0%{left:0;right:100%}50%{left:0;right:0}to{left:100%;right:0}}@keyframes wipebar{0%{left:0;right:100%}50%{left:0;right:0}to{left:100%;right:0}}@-webkit-keyframes wipeimg{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}@keyframes wipeimg{0%{opacity:0}50%{opacity:0}51%{opacity:1}to{opacity:1}}.image-anim{position:relative;overflow:hidden}.image-anim:after{display:block;content:"";height:100%;background:#f6f6f6;position:absolute;top:0}.image-anim img{transform:translate(5%)}.image-anim.init:after{animation:wipebar 1s cubic-bezier(.19,1,.22,1) both}.image-anim>*{opacity:0}.image-anim.init>*{animation:wipeimg 1s cubic-bezier(.19,1,.22,1) both;transform:translate(0);transition:transform 1s cubic-bezier(.19,1,.22,1) .5s}.quatro .main h1,.quatro .main h2,.quatro .main h3,.quatro .main h4{line-height:120%}.quatro .main p,.quatro .main li,.quatro .main dt,.quatro .main dd{line-height:200%}@media screen and (max-width:768px){.quatro .main p,.quatro .main li,.quatro .main dt,.quatro .main dd{line-height:170%}}.column02 img{width:100%}.quatro h2{border:none;padding-left:0;margin:0}.ttl .jp{display:block;margin:0 0 20px;font-size:36px;line-height:120%}.ttl .jp span{display:block;margin:0 0 5px;font-size:18px;line-height:122%}.ttl .en{display:block;margin:0 0 30px;color:#a5a5a5;font-size:16px}@media screen and (max-width:1500px){.ttl .jp{font-size:2.4vw}}@media screen and (max-width:1200px){.ttl .jp{font-size:30px}}@media screen and (max-width:640px){.ttl .jp{margin:0 0 10px;font-size:24px}.ttl .jp span{font-size:16px}.ttl .en{margin:0 0 30px;font-size:15px}}@media screen and (max-width:480px){.ttl .jp{font-size:20px}.ttl .jp span{font-size:15px}.ttl .en{font-size:13px}}.btn-base{overflow:hidden;position:relative;display:block;width:265px;height:45px;line-height:45px;padding:0 30px;color:#7f451a;font-family:EB Garamond,serif;font-size:14px;border:1px solid #7f451a;background:#fff;border-radius:30px;box-sizing:border-box;transition:all .3s}.btn-base:before{position:absolute;content:"";background:#7f451a;width:0;height:100%;top:0;left:0;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;transition:all .5s ease}.btn-base span{position:relative;z-index:10}.btn-base:after{display:block;position:absolute;top:50%;right:20px;width:49px;height:9px;content:"";background:url(../img/icn_arrow.png) no-repeat 0 0;background-size:contain;-webkit-transform:translate(0,-50%);transform:translateY(-50%);transition:all .3s}.sp-base .btn-base:hover{background:#00572b}.sp-base .btn-base:before{display:none}.sp-base .btn-base:hover:after{right:20px;background:url(../img/icn_arrow.png) no-repeat 0 0;background-size:contain}@media(min-width:769px)and (max-width:9999px){.btn-base:hover{color:#fff}.btn-base:hover:before{width:100%}.btn-base:hover:after{right:10px;background:url(../img/icn_arrow_wt.png) no-repeat 0 0;background-size:contain}}.section-shop{max-width:1240px;width:90%;margin:0 auto 155px}.section-shop h2{margin:0 0 30px;text-align:center}.section-shop .txt-read{margin:0 0 50px;text-align:center}.section-shop ul{display:flex;flex:flex-wrap;margin:0 0 140px}.section-shop li:first-child{margin-right:1.2%}.section-shop li figcaption{padding-top:20px}.section-shop li a{color:#0091e8;text-decoration:underline}@media screen and (max-width:960px){.section-shop .txt-read{text-align:left}}@media screen and (max-width:640px){.section-shop{margin-bottom:20%}.section-shop ul{display:block;margin:0 0 20%;flex:1}.section-shop li{margin:0 0 30px}.section-shop li:first-child{margin-right:0}.section-shop li figcaption{padding-top:10px}}.section-shop .btn-onlineshop{text-align:center}.section-shop .btn-onlineshop a{display:block}.section-shop .btn-onlineshop p{display:inline-block;vertical-align:middle}.section-shop .btn-onlineshop .logo{padding-right:25px}.section-shop .btn-onlineshop .logo img{vertical-align:middle}.section-shop .btn-onlineshop .txt{position:relative;padding:0 75px 0 0;text-align:left;box-sizing:border-box}.section-shop .btn-onlineshop .txt .jp{display:block;font-size:24px}.section-shop .btn-onlineshop .txt .en{font-size:16px;color:#a5a5a5}.section-shop .btn-onlineshop .txt .icn{display:block;position:absolute;top:0;right:0;width:50px;height:50px;content:"";border:2px solid #707070;border-radius:50%;transition:all .3s}.section-shop .btn-onlineshop .txt .icn:after{content:"";display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -12px;border-top:1px solid #3f3a39;border-right:1px solid #3f3a39;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .3s}.section-shop .btn-onlineshop a:hover .txt .icn{background:#707070}.section-shop .btn-onlineshop a:hover .txt .icn:after{border-top-color:#fff;border-right-color:#fff}@media screen and (max-width:640px){.section-shop .btn-onlineshop p{display:block;max-width:300px;width:90%;margin:0 auto}.section-shop .btn-onlineshop .logo{max-width:195px;width:40%;margin-bottom:20px}.section-shop .btn-onlineshop .txt .jp{font-size:18px}.section-shop .btn-onlineshop .txt .en{font-size:13px}.section-shop .btn-onlineshop .txt .icn{width:36px;height:36px}.section-shop .btn-onlineshop .txt .icn:after{width:8px;height:8px;margin:-4px 0 0 -8px}}.clearfix:after{content:"";display:block;clear:both;height:0;visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/24/assets/quatro_base.css.map */