@charset "UTF-8";
body { background-color:rgb(255,255,255); color:rgb(0,156,171); 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(0,156,171)!important;}#main-nav { /*background-color:rgba(255,255,255,1);*/ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 100%);}.nav-text { color: rgb(26,98,105)!important;}.main-text { color: rgb(0,156,171) !important;}#lang-box { background-color: rgba(26,98,105,0.95); color: rgb(255,255,255);}#lang-box a { color: rgb(255,255,255);}.bg-main { background-color: rgba(255,255,255,0.95); border: solid 2px rgb(255,255,255); color: rgb(0,156,171)!important;}a.bg-main { box-shadow: 2px 2px .7vw rgba(0,156,171,.4), -2px 2px .7vw rgba(0,156,171,.4), 2px -2px .7vw rgba(0,156,171,.4), -2px -2px .7vw rgba(0,156,171,.4);}/*.bnr-wrap .bg-main { background-color: rgba(255,255,255,1); border-radius: .5vw;
}*/
.bg-main a { color: rgb(0,156,171)!important;}.bg-main .border-color { border-color:rgb(0,156,171)!important;}.bg-main .border-color.border-alpha { border-color:rgba(0,156,171,.5)!important;}.detail h3, .detail h4 { border-color: rgb(0,156,171);}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(255,165,0)!important;}.disabled .hover:hover,.disabled .hover.active { color: rgb(255,255,255)!important; opacity: 1 !important;}.top-deliv, .bnr-wrap .bg-main { background-color: rgba(255,255,255,1.15)!important; border: solid 2px rgb(255,255,255)!important; color: rgb(0,156,171)!important; border-radius: .5vw;}.top-deliv:hover, .bnr-wrap .bg-main:hover { border-color: rgb(255,165,0)!important;}a.top-deliv:hover dt.hover { color: rgb(255,165,0)!important;}.border-hover:hover,.border-hover.active,#notice { border-color: rgb(255,165,0)!important;}.sub-bg-alpha { color: rgba(255,165,0,.8)!important;}.btn-lang { background-color: rgb(26,98,105);}.btn-lang .goog-te-gadget { color: rgb(255,255,255) !important;}#form select { background-color: rgba(0,156,171,.9)!important; color: rgb(255,255,255);}#btn-order a { background-color: rgba(255,165,0,.6);}#btn-order a:hover { background-color: rgba(255,165,0,.4);}#Pagetop { text-shadow: 1px 1px 1px rgb(255,255,255), -1px 1px 1px rgb(255,255,255), 1px -1px 1px rgb(255,255,255), -1px -1px 1px rgb(255,255,255);}@media (min-width: 768px){ .nav-text { text-shadow: 1px 1px 1px rgba(255,255,255,.2), -1px 1px 1px rgba(255,255,255,.2), 1px -1px 1px rgba(255,255,255,.2), -1px -1px 1px rgba(255,255,255,.2); } #btn-header a { background-color: rgba(255,255,255,1); color: rgb(26,98,105); }}@media (max-width: 767px){ #main-nav .nav-text { background-color: rgba(0,156,171,0.9); border: solid 1px rgba(255,255,255,.5); } .nav-text { color: rgb(255,255,255)!important; } .nav-text.sub-text { color: rgb(255,165,0)!important; } #btn-header a { color: rgb(26,98,105); } #lang-box, #form, #btn-header { background-color: rgba(0,156,171,0.9); color: rgb(255,255,255); } #lang-box a, #form a { color: rgb(255,255,255) !important; border-color: rgb(255,255,255) !important; } .bnr-wrap .bg-main, .top-deliv { border-radius: 2vw; } #sp-nav { bottom: 2vw; } }