@charset "utf-8";


/* season style */
#header {background-color:#fff; box-shadow:0 0 15px rgba(0,0,0,0.7);}
#header .logo svg {fill:#0f8da0;}
#header .season {color:#0f8da0;}
#header .season svg {fill:#0f8da0;}
#header .season a {color:#0f8da0;}
#header .nav ul > li > a {color:#0f8da0;}
#header .nav .language {color:#0f8da0;}
#header .nav .language svg {fill:#0f8da0;}
#header .nav .language a {color:#0f8da0;}
#header .search-btn svg {fill:#0f8da0;}
#header .cart-btn svg {fill:#0f8da0;}
#header .nav-btn label > span {background-color:rgba(15,141,160,1);}
#header .nav-btn label > span::before, 
#header .nav-btn label > span::after {background-color:rgba(15,141,160,1);}
#header .close > span {background-color:rgba(15,141,160,0);}
#header .close > span::before, 
#header .close > span::after {background-color:rgba(15,141,160,1);}
@media screen and (max-width:1200px){
	#header .search form button svg {fill:#008393;}
	#header .search.on form button svg {fill:#008393;}
}

body.top #header {background:-webkit-linear-gradient(top, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 100%);}
body.top #container {padding-top:130px;}
.top-mv {background-image:url(../img/mv.jpg);}
.top-mv .catch {color:#fff; text-shadow:4px 2px 8px rgba(0,0,0,0.83);}
.top-news::before {background-color:#000; background-image:url(/assets2026/img/top/bg_01w.png);}
.top-news::after {background-image:url(/assets2026/img/top/bg_02w.png);}
.top-news .btn .btn-02 {color:#000; background-color:#0f8da0; border-color:#0f8da0;}
.top-news .btn .btn-02:hover {color:#000; background-color:#fff; border-color:#0f8da0;}

.attentionTxt h2 {color:#008fa2; padding:0; background:none;}
.attentionTxt h3 {color:#008fa2; padding:0; background:none;}
.attentionTxt th,
.attentionTxt td {color:#000; border:solid 2px #008fa2;}
.attentionTxt th {font-weight:700; color:#fff; background:#008fa2; position:relative;}
.attentionTxt tr th::before {content:''; width:2px; height:100%; margin:0 0 0 -1px; background-color:rgba(255,255,255,0.7); display:block; position:absolute; top:0; left:0;}
.attentionTxt tr th::after {content:''; width:100%; height:2px; margin:-1px 0 0 0; background-color:rgba(255,255,255,0.7); display:block; position:absolute; top:0; left:0;}
.attentionTxt tr th:first-of-type::before {display:none;}
.attentionTxt tr:first-of-type th::after {display:none;}

@media screen and (max-width:767px){
	body.top #container {padding-top:45px;}
}