@charset "UTF-8";

body{
	display: none;
}

#overlay{
	background: #fff;
	position: fixed;
	width: 100%;
	height: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 9998;
}

#preloadicon{
	position: fixed;
	background: url(../img/preload.gif) no-repeat center center;
	background-size: contain;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -20px;
	z-index: 9999;
}


#shopContents{
    width:96%;
    margin-left:2%;
    font-size:95%;
}

#shopContents a{
    text-decoration: underline;
}

a{
	color:#a70068;
}

td{
	vertical-align: middle;
}


h3{
width:100%;
border-top:2px solid #a70068;
	text-align: center;
	font-size: 133%;
	padding:1em 0 1.5em;
}

.tabs-nav{
    border-bottom:2px solid #fff !important;
}

.tabs-nav li{
    text-align: center;
    background-color: #a70068 !important;
    letter-spacing: -0.05em;
    color:#fff;
    font-weight: bold;
    line-height:1.6em;
    margin-right:0.025%!important;
	padding:2% 2%!important;
	width:26%;
}



.tabs-nav li.selected{
    background-color: #fff!important;
    border: 2px solid #ffffff !important;
    border-bottom:#fff 2px solid !important;
    margin-bottom:-2.5px !important;
    color:#a70068;
    font-weight: bold;
    top:-2px!important;
}

.tabs-panel{
    background-color: #fff!important;
    border-top: none !important;
}

.tabs-panel selectbox{
	width:100%;
	font-size:100%;
	color:#fff;
    background-color: #000;
}



.category select{
    outline:none;
    text-indent: 3%;
    text-overflow: '';
    background-color: #ffffff;
    vertical-align: middle;
    font-size: 120%;
    -webkit-appearance: button;
    -moz-appearance: button;	
    appearance: button;
	line-height:2em;
	border: 1px solid #a70068;
	letter-spacing: -0.025em;
	padding-right:10%;
	width:99%;
}



.category select option{
  background-color: #fff;
  color: #000;
}

.category{
	position:relative;
	margin:1em 0 0 1%;
}

.category:before{
    font-size: 140%;
    position: absolute;
    right: 4%;
    top: 15%;
    content: "▼";
    color:#a70068;
    pointer-events: none;
}

.brandac {text-align: left;}
.brandac .inner {display: none;}
.brandac p{cursor: pointer; padding: 10px;
background: #fff2f5;padding-left:1em;
position:relative;
border-bottom: 10px solid #fff;}
.brandac p:after{
	   content: "";
   position: absolute;
	background-image: url(../img/icon_ac1.png);
	background-size: cover;
   width: 20px;
   right: 10px;
   height: 20px;
}

.brandac p.ac:after{
	   content: "";
   position: absolute;
	background-image: url(../img/icon_ac2.png);
	background-size: cover;
   width: 20px;
   right: 10px;
   height: 20px;
}

.brandac ul.inner {
	padding:0 0 3em 0;
}
.brandac .inner li{padding: 2em 0 0 1em;}


.tabs-panel table.list{
font-size:80%;
line-height: 1.2em;
margin: 2em 0;
width:100%;
border:none;
}


.tabs-panel table.list th{
background-color: #a70068;
color:#fff;
text-align: center;
vertical-align: middle;
border:0.25em #fff solid;
padding:1em;
}
.tabs-panel table.list tbody{
background-color: #fff2f5;
}
.tabs-panel table.list tr:nth-child(2n){
background-color:#ffffff;
}


.tabs-panel table.list td{
border:0.25em #fff solid;
padding:0.5em 0.2em;
}


.tabs-panel table.list tbody td:nth-child(3){
    vertical-align: middle;
}



ul.pageNav{
text-align: center;
font-size:120%;
color:#a70068;
}
.pageNav li{
margin:10px;
display: inline;
}

.pageNav li a{
color:#a70068;
}

.pageNav li a.nl{
text-decoration: none!important;
}


ul.bNav{
margin:1em 0 2em 0;
}
.bNav li{
margin:1em;
display: inline;
color:#a70068;
}



a.back {
margin:2em 1em;
display: inline-block;
color:#a70068;
line-height: 1.6em;
padding-left:1.5em;
background:url(../img/products_l_icon.gif) no-repeat left;
background-size:1em;
	text-decoration: underline;
}


a.bback{
display: inline-block;
color:#a70068;
line-height: 1.6em;
padding-left:1.5em;
background:url(../img/products_l_icon.gif) no-repeat left;
background-size:1em;
	text-decoration: underline;

}


.searchWORDS{
    text-align: center;
    margin:2em 0;
}

.searchWORDS p{
	font-size: 70%;
	margin-bottom: 1em;
}

#input03{
    width:80%;
    padding:0.8em;
    border:#a70068 0.2em solid;
    border-radius: 0;
	margin-bottom: 0.5em;
}

#input04{
    width:30%;
    padding:0.65em;
    border: none;
    color:#fff;
    background-color: #a70068;
    border-radius: 0;
    font-weight:bold;
    font-size:120%;
}

.searchJAN{
    text-align: center;
    margin:2em 0;
}


#input01{
    width:80%;
    padding:0.8em;
    border:#a70068 0.2em solid;
    border-radius: 0;
	margin-bottom: 1em;
}

#input02{
    width:30%;
    padding:0.65em;
    border: none;
    color:#fff;
    background-color: #a70068;
    border-radius: 0;
    font-weight:bold;
    font-size:120%;
}

p.error{
    color:#e11a74;
    font-weight: bold;
    text-align: center;
}

/*	Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
div#header_area {
	background-color:#FFF;
	width:100%;
}

div#header_inner {
	width:960px;
	margin:0 auto;
}

#title {
	color: #333;
	margin: 0 auto;
	padding: 15px 0;
	position: relative;
	width: 960px;
}

#title h1 {
	font-size: 166%;
	line-height: 1.2;
	width:960px;
	margin:0 auto;
}

div.group h1.inline {
	display: inline;
	margin: 0;
	padding: 0 20px 0 0;
}