@charset "utf-8";
/* CSS Document */
/*文字サイズ指定*/
/*body中央寄せ配置*/
body{ 
font-size: 1.5rem;
width:100%;
min-width: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
/*block配置*/
.center_b{
width: 100%;
min-width: 100%;
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
text-align:center;
overflow: hidden;
}
ul {
	list-style: none;
	padding: 0px;
}
/* nav-global */
.clear {
	overflow: hidden;
	zoom: 1;
}
.wrapper-nav-global.fixed {
	width: 100%;
	margin-top: 0;
}

.nav-global li {
	float: left;
}
.nav_cate{
	position: relative;
	width: 20%;
	margin: 0;
	padding: 0;
	float: left;
	margin:0;
}
.nav_cate img{
	width: 100%;
}
.col1{
	margin:0px 0px 25px 0px;
	width:49%;
	float:left;
	}
.col2{
	width:49%;
	margin:0px 0px 25px 0px;
	float:right;
	}
.col3{
	margin:0px 0px 25px 0px;
	width:49%;
	float:left;
	}
.col4{
	width:49%;
	margin:0px 0px 25px 0px;
	float:right;
	}
.sp_cb{
	/*for sp page*/
	clear:both;margin-bottom:25px;
	}
.bunner_l{
	width:49%;/**/
	float:left;
	border:none;
	}
.bunner_r{
	width:49%;/**/
	float: right;
	border:none;
	}
.cap1{
	 width:100%;
	margin: 10px 0px 30px 0px;
	}	

.cap2{
	width:25%;
	max-width: 250px;
	float: left;
	}	
	
.tn{
	width:100%;/**/
	border:none
	}


/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.menu_td_m{
	width:15%;/**/
	height:60px;
	text-align:center;
	background-color:#9FE8E8;
	font-size:2rem;
	}
.menu_td_w{
	width:15%;/**/
	height:60px;
	text-align:center;
	background-color:#CC6666;
	font-size:2.8rem;
	}
.m_and_w img {
	width: 50%;
	padding-bottom: 0;
	float: left;
}

.m_and_w hr {
	position: relative;
	margin-top: 0%;
	width:100%; 
	color:#333;
	height:1px;
}

.m_and_w {
	position: relative;
	width: 100%;
	margin: 60px 0 0px 0;
}
.men {
	position: relative;
}
.men .active {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
  transition: 0s;
}
.men:active .active {
  opacity: 1;
}
.women {
	position: relative;
}
.women .active {
	position: absolute;
	left: 50%;
	top: 0;
	opacity: 0;
  transition: 0s;
}
.women:active .active {
  opacity: 1;
}
.coupon {
	margin-top: 5px;
}
.fixed{
	position: fixed;
}
.wrapper-nav-global .fixed{
	width: 100%;
}
.nav-global {
	margin-top: 0;
}

@media screen and (max-width:768px) {
	.m_and_w {
		margin: 0px;
	}
}