@charset "UTF-8";
body { background-color:rgb(255,255,255); color:rgb(30,30,30); font-family:"Noto Serif JP","Noto Serif SC","Noto Serif TC","Noto Serif KR", "IBM Plex Serif", serif; font-weight: 400;}.font-latin { font-family:"IBM Plex Serif","Noto Serif JP","Noto Serif SC","Noto Serif TC","Noto Serif KR", "IBM Plex Serif", serif;}.hr-main { border-color: rgb(30,30,30)!important;}::-webkit-scrollbar { width: 1vw; height: 1vw;}::-webkit-scrollbar-track { background: rgba(30,30,30, .1); box-shadow: none;}::-webkit-scrollbar-thumb { background: rgba(82,121,89,.6); border-radius: 1vw;}
.bg-main a.text-mainbg { color: rgb(255,255,255)!important; }
.bg-maintext { background-color: rgb(30,30,30)!important; }
.bg-body { background-color:rgb(255,255,255); }
#top-slide-wrap li > div > div { background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.7) 70%, rgba(255,255,255,0) 100%);}#top-slide-wrap li > div { color:rgb(30,30,30);}.yt-wrap img, #delivery-list #post a { box-shadow: 1px 1px 3px rgba(30,30,30,.05), -1px 1px 3px rgba(30,30,30,.05), 1px -1px 3px rgba(30,30,30,.05), -1px -1px 3px rgba(30,30,30,.05);}.nav-text { color: rgb(30,30,30)!important;}#header #main-nav .nav-text span.nav-en { font-weight: 600;}.main-text { color: rgb(30,30,30) !important;}
.bg-main { background-color: rgba(255,255,255,.9); border: solid 2px rgb(255,255,255); color: rgb(30,30,30)!important;}.bg-main-alpha { background-color: rgba(255,255,255,.8); color: rgb(30,30,30)!important;}a.bg-main { box-shadow: 2px 2px .7vw rgba(30,30,30,.4), -2px 2px .7vw rgba(30,30,30,.4), 2px -2px .7vw rgba(30,30,30,.4), -2px -2px .7vw rgba(30,30,30,.4);}.bnr-wrap .bg-main { background-color: rgba(255,255,255,.9); border-radius: .5vw;}.bg-main a { color: rgb(30,30,30)!important;}.border-color { border-color:rgb(30,30,30)!important;}.border-color { border-color:rgb(30,30,30)!important;}.border-color.border-alpha { border-color:rgba(30,30,30,.2)!important;}.detail h3, .detail h4 { border-color: rgb(30,30,30);}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(82,121,89)!important;}.disabled .hover:hover,.disabled .hover.active { color: rgb(82,121,89)!important; opacity: 1 !important;}.border-hover:hover,.border-hover.active,#notice,.sub-border { border-color: rgb(82,121,89)!important;}.sub-border2 { border-color: rgb(255,255,255)!important;}.sub-bg, .bg-main a.sub-bg { background-color: rgb(82,121,89)!important; color: rgb(255,255,255)!important;}.btn-bg { background-color: rgb(82,121,89)!important; color: rgb(255,255,255,1)!important;}.sub-bg-alpha { color: rgba(255,255,255,.8)!important;}.btn-lang { background-color: rgb(82,121,89); color: rgb(255,255,255) !important; border: solid 1px rgba(255,255,255,.7);}#form-wrap { background-color: rgba(255,255,255,.9);}#form-wrap select { background-color: rgb(82,121,89)!important; border-color: rgb(82,121,89)!important; color: rgb(255,255,255);}#form-wrap select.selected { background-color: rgb(255,255,255)!important; color: rgb(82,121,89);}.btn-order a { background-color: rgba(82,121,89,.6);}.btn-order a:hover { background-color: rgba(82,121,89,.4);}#Pagetop { color: rgb(82,121,89);}
@media (max-width: 767px){ #top-slide-wrap .slide-text { background: linear-gradient(to top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,.7) 50%, rgba(255,255,255,0) 100%); } #btn-header a { color: rgb(30,30,30); } #main-nav #sp-nav li .nav-text { background-color: rgba(82,121,89,.8); color: rgb(255,255,255) !important; border: solid 1px rgba(255,255,255,.7); } #sp-nav { bottom: 3vw; } }