@charset "UTF-8";
body { background-color:rgb(250,252,232); color:rgb(33,33,33); font-family:"Noto Sans JP","Noto Sans SC","Noto Sans TC","Noto Sans KR", "Roboto", sans-serif; font-weight: 400;}.font-latin { font-family:"Comfortaa","Noto Sans JP","Noto Sans SC","Noto Sans TC","Noto Sans KR", "Roboto", sans-serif;}.hr-main { border-color: rgb(33,33,33)!important;}::-webkit-scrollbar { width: 1vw; height: 1vw;}::-webkit-scrollbar-track { background: rgba(33,33,33, .1); box-shadow: none;}::-webkit-scrollbar-thumb { background: rgba(77,127,36,.6); border-radius: 1vw;}
.bg-main a.text-mainbg { color: rgb(250,252,232)!important; }
.bg-maintext { background-color: rgb(33,33,33)!important; }
.bg-body { background-color:rgb(250,252,232); }
#top-slide-wrap li > div > div { background: linear-gradient(to right, rgba(250,252,232,1) 0%, rgba(250,252,232,.7) 70%, rgba(250,252,232,0) 100%);}#top-slide-wrap li > div { color:rgb(33,33,33);}.yt-wrap img, #delivery-list #post a { box-shadow: 1px 1px 3px rgba(33,33,33,.05), -1px 1px 3px rgba(33,33,33,.05), 1px -1px 3px rgba(33,33,33,.05), -1px -1px 3px rgba(33,33,33,.05);}.nav-text { color: rgb(33,33,33)!important;}.main-text { color: rgb(33,33,33) !important;}
.bg-main { background-color: rgba(250,252,232,.9); border: solid 2px rgb(250,252,232); color: rgb(33,33,33)!important;}.bg-main-alpha { background-color: rgba(250,252,232,.8); color: rgb(33,33,33)!important;}a.bg-main { box-shadow: 2px 2px .7vw rgba(33,33,33,.4), -2px 2px .7vw rgba(33,33,33,.4), 2px -2px .7vw rgba(33,33,33,.4), -2px -2px .7vw rgba(33,33,33,.4);}.bnr-wrap .bg-main { background-color: rgba(250,252,232,.9); border-radius: .5vw;}.bg-main a { color: rgb(33,33,33)!important;}.border-color { border-color:rgb(33,33,33)!important;}.border-color { border-color:rgb(33,33,33)!important;}.border-color.border-alpha { border-color:rgba(33,33,33,.2)!important;}.detail h3, .detail h4 { border-color: rgb(33,33,33);}a:hover.hover,a:hover .hover,a.hover:hover,a.hover.active,.hover:hover,.hover.active,.sub-text,#main-nav .nav-text.active { color: rgb(77,127,36)!important;}.disabled .hover:hover,.disabled .hover.active { color: rgb(77,127,36)!important; opacity: 1 !important;}.border-hover:hover,.border-hover.active,#notice,.sub-border { border-color: rgb(77,127,36)!important;}.sub-border2 { border-color: rgb(244,244,215)!important;}.sub-bg, .bg-main a.sub-bg { background-color: rgb(77,127,36)!important; color: rgb(244,244,215)!important;}.btn-bg { background-color: rgb(51,87,25)!important; color: rgb(234,239,196,1)!important;}.sub-bg-alpha { color: rgba(244,244,215,.8)!important;}.btn-lang { background-color: rgb(51,87,25); color: rgb(234,239,196) !important; border: solid 1px rgba(234,239,196,.7);}#form-wrap { background-color: rgba(250,252,232,.9);}#form-wrap select { background-color: rgb(77,127,36)!important; border-color: rgb(77,127,36)!important; color: rgb(244,244,215);}#form-wrap select.selected { background-color: rgb(244,244,215)!important; color: rgb(77,127,36);}.btn-order a { background-color: rgba(77,127,36,.6);}.btn-order a:hover { background-color: rgba(77,127,36,.4);}#Pagetop { color: rgb(77,127,36);}
@media (max-width: 767px){ #top-slide-wrap .slide-text { background: linear-gradient(to top, rgba(250,252,232,1) 0%, rgba(250,252,232,1) 5%, rgba(250,252,232,.7) 50%, rgba(250,252,232,0) 100%); } #btn-header a { color: rgb(33,33,33); } #main-nav #sp-nav li .nav-text { background-color: rgba(51,87,25,.8); color: rgb(234,239,196) !important; border: solid 1px rgba(234,239,196,.7); } #sp-nav { bottom: 3vw; } }