.pc-nav {
width:100%;
height:50px;
display:block;
position: fixed;
top:85px;
right:0;
z-index:17550;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.pc-nav ul {
width:72%;
height:50px;
display:flex;
margin-left:16%;
}
.pc-nav ul li {
width:20%;
height:50px;
display: block;
text-align: center;
float: left;
font-size:12px!important;
font-weight: 700;
line-height: 50px;
color:var(--color-black);
}
.pc-nav ul li a span {
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.pc-nav ul li a.active span {
font-weight: 700;
color:var(--color-white)!important;
padding-right: 0px;
background-image: none;
background-size:100% 3px;
}
.pc-nav ul li a {
width:100%;
height:50px;
display:block;
text-align:center;
text-decoration:none;
font-size:12px;
font-weight: 700;
line-height: 50px;
letter-spacing: -1.5px;
color:var(--color-black);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
overflow: hidden;
}







.pc-nav ul li a .nav_ws {
  width:100%;
height:50px;
display:block;
background-image: url(../img/header/ic-ar_vt_c.png);
background-repeat: no-repeat;
background-position: center bottom;
background-size: auto 10px;
}
.pc-nav ul li a:hover {
color:var(--color-white)!important;
background-color: var(--color-1st);
}
.pc-nav ul li .Wrap {
width: 100%!important;
height: auto;
position: absolute;
top: 50px;
left: 0;
z-index: 100;
overflow: hidden;
display: none;
background-color: var(--color-1st);
border-top:3px solid var(--color-1st);
box-shadow:0px 10px 10px rgba(0,0,0,0.4);
}
.Wrap .wrapInner {
width: 100%;
height: auto;
display:block;
padding:20px 5%;
}
.pc-nav ul li .Wrap .wrapInner ul {
width:100%!important;
max-width:1400px;
height:auto;
display:flex;
flex-wrap: wrap;
margin:0 auto 0 auto!important;
}

.active {
color:var(--color-white)!important;
background-color: var(--color-1st);
}

.pc-nav ul li .Wrap .wrapInner ul li {
width:24%;
height: auto;
display: block;
margin:0 0.5% 10px;
}
.pc-nav ul li .Wrap .wrapInner ul li a {
width:100%;
height: auto;
display: block;
text-decoration: none;
text-align: left;
padding:10px 5% 10px;
color:var(--color-white);
background-color: var(--color-black);
background-image: url(../img/header/ic-ar_h_c.png);
background-repeat: no-repeat;
background-position: 97% center;
background-size: auto 20%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;

letter-spacing: 0px;
}
.pc-nav ul li .Wrap .wrapInner ul li a:hover {
background-position: 98% center;
background-color: var(--color-2nd);
}
.pc-nav ul li .Wrap .wrapInner ul li a img {
width:60%;
height: auto;
display: block;
margin:0 auto;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pc-nav ul li .Wrap .wrapInner ul li a:hover img {
opacity: 0.6;
}
.pc-nav ul li .Wrap .wrapInner ul li a .pcnwi {
width:100%;
height: auto;
display: block;
padding:20px 10px;
}
.pc-nav ul li .Wrap .wrapInner ul li a h3 {
width:100%;
height: auto;
display: block;
margin-bottom: 10px;
}
.pc-nav ul li .Wrap .wrapInner ul li a h3 img {
width:100%;
}
.pc-nav ul li .Wrap .wrapInner ul li a p.pcnwi_com {
font-size:12px;
font-weight: 300;
line-height: 2em;
color:var(--color-black);
text-shadow: 0px 0px 0px rgba(0,0,0,0);
margin-bottom: 15px;
}
.pc-nav ul li .Wrap .wrapInner ul li a .pcnwi_2row {
width:100%;
height: auto;
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.pc-nav ul li .Wrap .wrapInner ul li a .pcnwi_2row div:first-child {
width:48%;
}
.pc-nav ul li .Wrap .wrapInner ul li a .pcnwi_2row div:last-child {
width:48%;
}
.pc-nav ul li .Wrap .wrapInner ul li a .pcnwi_2row h4 {
width:100%;
height: auto;
display: block;
text-align: center;
padding:3px 8px 5px;
color:var(--color-white);
font-size:0.8em;
font-weight: 700;
line-height: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 3px;
}
.pc-nav ul li .Wrap .wrapInner ul li a .pcnwi_2row h4 span {
font-size:16px;
font-weight: 700;
font-family: 'Saira', sans-serif;
line-height: 20px;
letter-spacing: 0px;
display: block;
}
.pcnwbg2 {background-color:var(--color-active2);}
.pcnwbg3 {background-color:var(--color-active3);}

.pc-nav ul li .Wrap .wrapInner ul li a p.pcnwi_price {
font-size:14px;
font-weight: 700;
line-height: 2em;
text-align: center;
color:var(--color-black);
text-shadow: 0px 0px 0px rgba(0,0,0,0);
margin-bottom: 0px;
color:var(--color-black);
}
.pc-nav ul li .Wrap .wrapInner ul li a p.pcnwi_price strong {
font-size:16px;
letter-spacing: 0px;
}
.pc-nav ul li .Wrap .wrapInner ul li a p.pcnwi_bn {
width:150px;
height: 25px;
display: block;
margin:0 auto!important;
padding:0;
font-size:12px;
line-height: 25px;
color:var(--color-white);
text-align: center;
background-color: var(--color-4th);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.pc-nav ul li .Wrap .wrapInner ul li a:hover p.pcnwi_bn {
background-color:var(--color-3rd);
}


/*----------------------------*/
* {
border:none;
margin:0;
padding:0;
}


/* PC menu (Active) */

.pc-nav.pcn_active {
top:0px;
}
.pc-nav.pcn_active ul {
  width:80%;
height:70px;
}
.pc-nav.pcn_active ul li {
height:70px;
line-height: 70px;
}
.pc-nav.pcn_active ul li a {
height:70px;
line-height: 70px;
}
.pc-nav.pcn_active ul li a .nav_ws {
height:70px;
background-position: center 90%;
}
.pc-nav.pcn_active ul li .Wrap {
top: 70px;
}


@media screen and (max-width: 1200px) {


.pc-nav ul li.officialshop-menu a{
	font-size: 10px;

}


}