@charset "UTF-8";
body { background-color:rgb(34,34,34); color:rgb(255,255,255); 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(255,255,255)!important;}::-webkit-scrollbar { width: 1vw; height: 1vw;}::-webkit-scrollbar-track { background: rgba(255,255,255, .1); box-shadow: none;}::-webkit-scrollbar-thumb { background: rgba(175,5,50,.6); border-radius: 1vw;}
.text-invert { filter: invert(100%) grayscale(100%) contrast(1000%); }
a.text-mainbg { color: rgb(34,34,34)!important; }
.bg-maintext { background-color: rgb(255,255,255)!important; }
.bg-body { background-color:rgb(34,34,34); }
#top-slide-wrap li > div > div { background: linear-gradient(to right, rgba(34,34,34,1) 0%, rgba(34,34,34,.7) 50%, rgba(34,34,34,0) 100%);}#top-slide-wrap li > div { color:rgb(255,255,255);}.yt-wrap img, #delivery-list #post a { box-shadow: 1px 1px 3px rgba(255,255,255,.05), -1px 1px 3px rgba(255,255,255,.05), 1px -1px 3px rgba(255,255,255,.05), -1px -1px 3px rgba(255,255,255,.05);}.nav-text { color: rgb(255,255,255)!important;}
.main-text { color: rgb(255,255,255) !important;}
.bg-main { background-color: rgba(34,34,34,.9); border: solid 2px rgb(34,34,34); color: rgb(255,255,255)!important;}.bg-main-alpha { background-color: rgba(34,34,34,.8); color: rgb(255,255,255)!important;}a.bg-main { box-shadow: 2px 2px .7vw rgba(255,255,255,.4), -2px 2px .7vw rgba(255,255,255,.4), 2px -2px .7vw rgba(255,255,255,.4), -2px -2px .7vw rgba(255,255,255,.4);}.bnr-wrap .bg-main { background-color: rgba(34,34,34,.9); border-radius: .5vw;}.bg-main a { color: rgb(255,255,255)!important;}.border-color { border-color:rgb(255,255,255)!important;}.border-color.border-alpha { border-color:rgba(255,255,255,.2)!important;}.detail h3, .detail h4 { border-color: rgb(255,255,255);}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(175,5,50)!important;}.disabled .hover:hover,.disabled .hover.active { color: rgb(175,5,50)!important; opacity: 1 !important;}.border-hover:hover,.border-hover.active,#notice { border-color: rgb(175,5,50)!important;}.sub-bg, .bg-main a.sub-bg { background-color: rgb(175,5,50)!important; color: rgb(255,255,255,1)!important;}.btn-bg { background-color: rgb(175,5,50)!important; color: rgb(255,255,255,1)!important;}.sub-bg-alpha { background-color: rgba(175,5,50, .9)!important; color: rgba(255,255,255,.9)!important;}.btn-lang { background-color: rgb(175,5,50); color: rgb(255,255,255) !important; border: solid 1px rgba(255,255,255,.7);}#form-wrap { background-color: rgba(34,34,34,.9);}#form-wrap select { background-color: rgb(175,5,50)!important; border-color: rgb(175,5,50)!important; color: rgb(255,255,255);}#form-wrap select.selected { background-color: rgb(255,255,255)!important; color: rgb(175,5,50);}.btn-order a { background-color: rgba(175,5,50,.6);}.btn-order a:hover { background-color: rgba(175,5,50,.4);}#Pagetop { color: rgb(175,5,50);}
@media (max-width: 767px){ #main-nav #nav-delivery a.nav-text { color: rgb(255,255,255)!important; background-color: rgba(175,5,50,.8)!important; border-color: rgba(255,255,255,.7)!important; } #top-slide-wrap .slide-text { background: linear-gradient(to top, rgba(34,34,34,1) 0%, rgba(34,34,34,1) 5%, rgba(34,34,34,.7) 50%, rgba(34,34,34,0) 100%); } #btn-header a { color: rgb(255,255,255); } /*#main-nav #header-nav li .nav-text { background-color: rgba(175,5,50,.8); color: rgb(255,255,255) !important; border: solid 1px rgba(255,255,255,.7); }*/}