@charset "UTF-8";
/* CSS Document */

body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	line-height:1.5;
	background:#FFF;
	-webkit-font-smoothing:subpixel-antialiased;
}


.fl{float:left;}
.fr{float:right;}


/* scrolltopcontrol アイコン */
#topcontrol:hover{
}


hr{
	height:0px;
	border:none;
	border-top:2px solid #000;
	margin:0 0 5px 0;
	width: 18px;
	text-align:left;
}
hr.white{
	border-top:2px solid #FFF;
}


br.res{ display:none;}

/* -----------------------------------------
                   Header 
   ----------------------------------------- */


header{width:100%;}

.mainimg{
	white:100%;
	position:relative;
	z-index:1;
}

.mbview{ display:none;}

header h1{
	position:absolute;
	z-index:10;
	top:44%;
	width:30%;
	left:6%;
}
header .logo{
	position:absolute;
	top:20px;
	left:20px;
	z-index:10;
	width:12%;
}


header .maincopy{
	background:#F5F5F5;
	padding:20px 0;
	font-size:1.15em;
	line-height:1.7;
}
header .maincopy h3{
	padding:4px 0;
}
header .maincopyIn{
	width:100%;
	text-align:center;
	margin:0 auto;
}




@media only screen and (max-width: 869px) {
header{}
br.res{ display:block;}
header .maincopyIn{
	width:88%;
	text-align:left;
}
header .maincopyIn br{ display:none;}
}

@media only screen and (max-width: 580px) {
.mbview{ display:block;}
.pcview{ display:none;}
header .logo{
	position:absolute;
	top:26%;
	left:0%;
	right:0;
	width:20%;
	margin:0 auto;
}
header .logo img{ width:100%;}
header h1{
	top:40%;
	width:20%;
	right:0;
	left:0;
	margin:0 auto;
}
header .maincopy{font-size:1.1em;}
}




/* -----------------------------------------
                   INSPRATION01 
   ----------------------------------------- */

section.category{
	width:100%;
	margin:40px 0 40px 0;
}
section.category .inner{ width:100%;}


section.categorysub{
	width:100%;
	margin:30px 0 20px 0;
}

.category h2{
	font-size:2.5em;
	margin-bottom:0.3em;
}
.category h3,
.categorysub h3{
	font-size:2.0em;
	margin-bottom:0.3em;
}

h6{
	width:100%;
}
h6 span{
	font-size:0.8em;
	border:1px solid #555;
	display:inline;
	line-height:1;
	padding:1px;
}

.category .cate_copy{
	font-size:1.1em;
	line-height:1.7;
}

.category .ctae_icon{
	margin-top:1.5em;
}


.mid_img{
	margin-top:40px;
	padding-bottom:20px;
}


section.itemall{width:100%;}
section.itemall .inner{
	width:96%;
	max-width:1020px;
	margin:0 auto;
	text-align:left;
}
.itemall h2{
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:2.0em;
	line-height:1.2;
}
.itemall h3{ font-size:0.9em;}
.itemall .itemleft{
	width:50%;
	padding-right:0%;
	float:left;
}
.itemall .itemleft .fade{
	background:url(../../images/dot_tate.gif) top right repeat-y;
	padding-right:5%;
}
.itemall .itemleft.only .fade{
	background:none;
}
.itemall .itemright{
	width:47%;
	float:right;
}
.itemall .item1{
	width:100%;
	position:relative;
	margin-top:15px;
}
.item1 .itemspec{
	width:23%;
	position:absolute;
	bottom:0;
	right:0;
}
.itemall .item1 .img{
	width:75%;
	text-align:center;
}
.itemall .itemleft .item2,
.itemall .itemright .item2{
	width:50%;
	position:relative;
	margin-top:15px;
}
.itemall .item2 .img{
	width:50%;
	text-align:center;
}
.item2 .itemspec{
	width:46%;
	position:absolute;
	bottom:0;
	right:0;
}
.itemspec h4{
	height:30px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:1.5em;
	line-height:1;
}
.itemspec p{line-height:1.4;}
.itemspec .buy a{
	width:100%;
	display:block;
	background:#000;
	font-size:1.0em;
	letter-spacing:0.1em;
	text-align:center;
	line-height:1;
	padding:8px 0;
	color:#FFF;
	margin-top:5px;
}


.insp01{
	margin-bottom:100px;
}
.air{
	padding-bottom:30px;
}

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

.category h2{
	font-size:2.2em;
}
.category h3,
.categorysub h3{
	font-size:1.8em;
}
.category .cate_copy,
.categorysub .cate_copy{
	width:90%;
	margin:0 auto;
	text-align:left;
}
.category .cate_copy br,
.categorysub .cate_copy br{
	display:none;
}
section.itemall .inner{
	width:95%;
}

.itemall h2{ width:100%; text-align:center;}
.itemall h3{ width:100%; text-align:center;}


h6{
	width:100%;
	text-align:center;
}
h6 span{
	font-size:0.8em;
	border:1px solid #555;
	display:inline;
	line-height:1;
	padding:1px;
}

.itemall .itemleft{
	width:100%;
	float:none;
}
.itemall .itemleft .fade{
	background:url(../../images/dot_yoko.gif) bottom left repeat-x;
	padding-right:0;
	padding-bottom:30px;
	margin-bottom:30px;
}
.itemall .itemright{
	width:100%;
	float:none;
}
.itemspec .buy a{
	max-width:130px;
}
.insp01 .inner,
.air .inner{
	width:85% !important;
	margin:0 auto;
}

.gaiters .img img{ margin:0 auto;}
.insp01{ margin-bottom:50px;}
.insp01 .inner{
	border-bottom:1px solid #CCC;
	padding-bottom:50px;
}
.air{
	padding-bottom:10px;
}





}

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

.category h3,
.categorysub h3{
	font-size:1.6em;
}

.itemall .itemleft .item2,
.itemall .itemright .item2{
	width:50%;
	position:relative;
	margin-top:15px;
}
.itemall .item2 .img{
	width:100%;
	text-align:center;
}
.item2 .itemspec,
.item1 .itemspec{
	width:100%;
	max-width:130px;
	margin:0 auto;
	margin-top:10px;
	position:static;
}
.item2 .itemspec p,
.item1 .itemspec p{
	text-align:center;
}
.itemall .item1 .img{ width:100%;}
.itemall .item1 img{ margin:0 auto;}

}





/* -----------------------------------------
                Under
   ----------------------------------------- */

.under{
	padding-top:0px;
}

.underIn{
	border-bottom:1px solid #CCC;
	position:relative;
	padding:40px 0 20px 0;
}

.underIn .textarea{
	float:left;
	width:37%;
}
.underIn h5{
	font-size:1.6em;
	margin-bottom:15px;
	width:100%;
}
.underIn h2{ font-size:1.8em;}
.underIn .undername{
	width:100%;
}
.underIn .img{
	float:left;
	width:48%;
}

.underIn .itemspec{
	width:12%;
	position:absolute;
	bottom:20px;
	right:0;
}

@media only screen and (max-width:880px) {
.underIn h5{font-size:1.5em;}
}


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

.underIn .textarea{
	width:100%;
}
.underIn h5{
	font-size:1.6em;
	margin-bottom:10px;
}
.underIn h5 br{
	display:none;
}
.underIn .undername{
	float:none;
	width:100%;
	margin-bottom:10px;
}
.underIn .undername h2{ text-align:left;}
.underIn .undername h3{ text-align:left;}
.underIn .undername br{
	display:none;
}
.underIn .img{ width:80%;}
.underIn .img img{ width:80%; margin:0 auto;}
.underIn .itemspec{ width:16%;}

}




@media only screen and (max-width: 756px) {
.underIn .img{ width:80%;}
.underIn .img img{ width:90%; }
}

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

.underIn h5{
	font-size:1.5em;
	width:94%;
	margin:0 auto;
	text-align:center;
	padding-bottom:2%;
}
.underIn h5 br{
	display:block;
}
.underIn .undername h2,
.underIn .undername h3{ text-align:center;}
.underIn .img{width:57%;}
.underIn .img img{ width:150px; margin:0 auto;}
.underIn .itemspec{ width:43%;}


.underIn{ border:none;}

.res_socks_color{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}
.res_socks_color img{
	width:85%;
	margin:0 auto;
}
}






/* -----------------------------------------
                Socks
   ----------------------------------------- */

.socks{
}

.sockssub{
	border-bottom:1px solid #CCC;
	position:relative;
	padding:35px 0 30px 0;
}
.sockssub h5{
	font-size:1.7em;
	margin-bottom:30px;
}
.sockssub h5 br{
	display:none;
}
.sockssub h2{ font-size:1.8em;}
.sockssub .subsocksname{
	float:left;
	width:28%;
}
.sockssub .img{
	float:left;
	width:57%;
}
.sockssub .itemspec{
	width:12%;
	position:absolute;
	bottom:20px;
	right:0;
}
.noline{
	border-bottom:none !important;
}

.res_socks_color{
	display:none;
}





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

.cate_socks{
	margin-bottom:20px !important;
}

.socksmain h3{
	margin-bottom:15px;
}
.socksmain .itemspec{
	width:16%;
	position:absolute;
	bottom:20px;
	right:0;
}
.socksmain .img{ width:81%;}
.sockssub h5{
	font-size:1.6em;
	margin-bottom:10px;
}
.sockssub .subsocksname{
	float:none;
	width:100%;
	margin-bottom:10px;
}
.sockssub .subsocksname h2{ text-align:left;}
.sockssub .subsocksname h3{ text-align:left;}
.sockssub .subsocksname br{
	display:none;
}
.sockssub .img{ width:81%;}
.sockssub .itemspec{ width:16%;}
.sockssub .noline{
	padding-top:10px !important;
}
}


@media only screen and (max-width: 580px) {
.socksmain .img{width:57%;}
.socksmain .img img{ width:150px; margin:0 auto;}
.socksmain .itemspec{ width:43%;}
.sockssub h5{
	font-size:1.5em;
	width:94%;
	margin:0 auto;
	text-align:center;
	padding-bottom:2%;
}
.sockssub h5 br{
	display:block;
}
.sockssub .subsocksname h2,
.sockssub .subsocksname h3{ text-align:center;}
.sockssub .img{width:57%;}
.sockssub .img img{ width:150px; margin:0 auto;}
.sockssub .itemspec{ width:43%;}


.sockssub{ border:none;}
.socksmain{ border:none;}

.res_socks_color{
	display:block;
	width:100%;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
}
.res_socks_color img{
	width:85%;
	margin:0 auto;
}
}




/* -----------------------------------------
                   Apparel 
   ----------------------------------------- */

.apparel{
	margin-top:60px;
}

.apparel h5{
	font-size:1.8em;
	width:96%;
	max-width:1020px;
	margin:0 auto;
	text-align:left;
	padding-bottom:30px;
}

.apparel .inner{
	border-bottom:1px solid #CCC;
	padding-bottom:60px;	
}

.apparel .img{
	width:55% !important;
}
.apparel .img img{
	width:100%;
}

.apparel .itemspec{
	width:40%;
}

.ap_image01{
	width:100%;
	margin-top:40px;
}
.ap_image01 .img_left{
	width:49.9%;
	float:left;
}
.ap_image01 .img_right{
	width:49.9%;
	float:right;
}





@media only screen and (max-width: 869px) {
.apparel h5{
	text-align:center;
	width:85%;
}
.apparel .inner{ width:85% !important; margin:0 auto;}
.apparel .img{
	width:55% !important;
}
.apparel .img img{
	width:80%;
	margin:0 auto;
}

.apparel .itemspec{
	width:45%;
}
}


@media only screen and (max-width: 580px) {
.ap_image01{
	width:100%;
	margin-top:40px;
}
.ap_image01 .img_left{
	width:100%;
	float:none;
	padding-bottom:2px;
}
.ap_image01 .img_right{
	width:100%;
	float:none;
}
.apparel h5{
	font-size:1.5em;
	margin-bottom:20px;
	padding-bottom:0px;
}
.apparel{
	margin-top:40px;
}
.apparel .inner{
	padding-bottom:40px;	
}

.apparel .itemspec{
	width:100%;
	max-width:130px;
	margin:0 auto;
	margin-top:10px;
	position:static;
}
.apparel .itemspec p{
	text-align:center;
}
.apparel .img{
	width:100% !important;
}
.apparel .img img{
	width:75%;
	margin:0 auto;
}

}









.buy a{
	transition: background-color 0.15s linear;
	-webkit-transition: background-color 0.15s linear;
}
.men a:hover{ background-color: #555;}
.women a:hover{ background-color: #F27076;}
.unisex a:hover{ background-color:#B3B3B3;}



/* -----------------------------------------
                   Clearfix 
   ----------------------------------------- */

.inner:after,
.itemall .itemleft .fade:after,
.fusion .fade:after,
.socksmain:after,
.sockssub:after,
.underIn:after,
.apparel:after,
.ap_item:after,
.ap_image01:after,
ul:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}