@charset "shift_jis";
/*--------------------------
	body & base setting
--------------------------*/
#shoes body{
	color:#333;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.4;
}

#shoes h2{
	margin:0 0 30px 0 !important;
	font-size:36px;
	font-weight:bold;
	text-align:center;
}


#shoes h2 span{
  display: table;
  text-align: center;
  white-space: nowrap;
  
  	width: 30%;
	margin:0 auto;
	font-size:17px;
	font-family: 'Space Mono', monospace;
	font-weight:normal;
}

#shoes h2 span:after, h2 span:before {
  content: '';
  display: table-cell;
  width: 30%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
#shoes h2 span:after {
  border-left: 1em solid transparent;
}
#shoes h2 span:before {
  border-right: 1em solid transparent;
}

#shoes .mb10{margin:0 0 10px 0;}
#shoes .mb20{margin:0 0 20px 0;}
#shoes .mb30{margin:0 0 30px 0;}
#shoes .mb40{margin:0 0 40px 0;}
#shoes .mb50{margin:0 0 50px 0;}
#shoes .mb60{margin:0 0 60px 0;}
#shoes .mb70{margin:0 0 70px 0;}
#shoes .mb80{margin:0 0 80px 0;}
#shoes .mb90{margin:0 0 90px 0;}
#shoes .mb100{margin:0 0 100px 0;}

#shoes a:hover img{
	opacity:0.8;
}


/*--------------------------
	page_top
--------------------------*/
#shoes .page_top{
	margin:10px 0 0 0;
	text-align:right;
}

#shoes .page_top a,
#shoes .page_top a:visited{
	text-decoration:none;
	color:#333 !important;
	border-bottom:1px solid #333;
}

#shoes .page_top a:hover{
	color:#ADADAD;
	border-bottom:1px solid #ADADAD;
}

 /*--------------------------
	btn
--------------------------*/
#shoes p.btn_01{
	width:45%;
	margin:20px auto;
}

#shoes p.btn_02{
	width:88%;
	margin:20px auto;
}

#shoes li.btn_03{
	width:60%;
	margin: 10px auto;
}

#shoes p.btn_01 a,
#shoes p.btn_02 a,
#shoes li.btn_03 a{
	 display:block;
	 padding:10px 0;
	 color:#fff;
	 font-size:18px;
	 text-align:center;
	 text-decoration:none;
	 background:url(../images/arrow_01.png) #163d64;
	 background-position: 96% center;
	 background-repeat:no-repeat;
}

#shoes p.btn_01 a:hover,
#shoes p.btn_02 a:hover,
#shoes li.btn_03 a:hover{
	background:url(../images/arrow_01.png) #195ea2;
	background-position: 96% center;
	background-repeat:no-repeat;
}

#shoes p.btn_01 a span,
#shoes p.btn_02 a span{
	font-weight:bold;
}

#shoes p.btn_04{
	width:60%;
	margin:20px auto;
}

#shoes p.btn_04 a{
	 display:block;
	 padding:10px 0;
	 color:#fff;
	 font-size:20px;
	 text-align:center;
	 text-decoration:none;
	 background:url(../images/arrow_01.png) #ffb7b3;
	 background-position: 96% center;
	 background-repeat:no-repeat;
}

#shoes p.btn_04 a:hover{
	background:url(../images/arrow_01.png) #FFD7D5;
	background-position: 96% center;
	background-repeat:no-repeat;
}

#shoes p.btn_04 a span{
	font-weight:bold;
}

/*--------------------------
	popularity_shoes
--------------------------*/
#shoes .popularity_shoes{
	width:950px;
	margin:0 auto;
}

#shoes dl.main_title{
	margin:0 0 35px 0;
	text-align:center;
	font-size:15px;
}

#shoes dl.main_title dt{
	margin:0 0 10px 0;
}

/*--------------------------
	nav
--------------------------*/
#shoes #nav{
	margin:0 0 30px 0;
}

#shoes #nav ul{
	overflow:hidden;
}

#shoes #nav ul li{
	float:left;
}

#shoes #nav ul li a:hover img{
	opacity:0.7;
}

/*--------------------------
	brand
--------------------------*/
#shoes #brand{
	padding:20px 0 40px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
 
#shoes #brand ul.two_box{
	overflow:hidden;
}

#shoes #brand ul.two_box li{
	float:left;
}

#shoes .two_box{
	overflow:hidden;
}

#shoes .two_box .cont_01,
#shoes .two_box .cont_02{
	float:left;
	width:475px;
}

/*--------------------------
	function,design
--------------------------*/
#shoes #function{
	padding:20px 0 40px;
	border-bottom:1px solid #CCCCCC;
}

#shoes #design{
	padding:20px 0 40px;
}


#shoes #design h2{
	margin:0 0 20px !important;
}

#shoes #design .two_box{
	margin:0 0 40px 0;
}

/*--------------------------
	shoes_cate
--------------------------*/
#shoes #shoes_cate{
    overflow: hidden;
    background-color: #eee;
    padding: 30px 30px 20px;
    margin: 0 0 50px 0;
}

#shoes #shoes_cate ul{
	float: left;
	width: 283px;
	margin:0 20px 0 0;
}

#shoes #shoes_cate ul:last-child{
	margin:0;
}

#shoes #shoes_cate ul li.line {
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
    color: #736357;
    font-size: 16px;
    font-weight: bold;
}

#shoes #shoes_cate ul li a{
	position:relative;
	display:block;
	padding:8px 0 8px 16px;
	color:#736357;
	font-size:13px;
	text-decoration:none;
}

#shoes #shoes_cate ul li a::before{
	position:absolute;
	top:0;
	bottom:0;
	left:3px;
	width:4px;
	height:4px;
	margin:auto;
	content:"";
	border-top:2px solid #b3b3b3;
	border-right:2px solid #b3b3b3;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

#shoes #shoes_cate ul li a:hover{
	text-decoration:underline;
}

/*--------------------------
	sns
--------------------------*/
#shoes ul.sns{
	overflow:hidden;
	width: 224px;
    margin: 0 auto;
}

#shoes ul.sns li{
	float:left;
	width:50px;
	margin:0 8px 0 0;
}

#shoes ul.sns li:last-child{
	margin:0;
}