@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body {
	font-family: 'Open Sans', "Noto Sans Japanese";
}
.t_spring {
	color:#006C6C;
}
.t_winter {
	color:#D96C00;
}
@media screen and (max-width:1199px) {
	body {
		width:1200px;
	}
}
.fade_fast {
	opacity:0;
}
.fade_slow {
	opacity:0;
}
em {
	font-style:normal;
	font-size:60%;
	padding:0 6px;
}
/*------------------------
　For Screen View
------------------------*/
@media screen and (min-width:641px) {
	.pc_none {
		display:none;
	}
	.sp_none {
		display:block;
	}
	.conts {
		width:1200px;
		margin:0 auto;
	}
	.f_conts {
		width:1200px;
		margin:0 auto;
	}
	.sub_conts {
		width:1000px;
		margin:0 auto;
	}
	.tm {
		font-size:60%;
		vertical-align:5px;
	}
	.t_new {
		color:#F00;
		font-size:80%;
		margin-left:8px;
	}
	.t_update {
		color:#F90;
		font-size:80%;
		margin-left:8px;
	}
	header {
		background:#E6E6E6;
		line-height:0;
	}
	header .kenkosya_logo {
		text-align:right;
		padding-top:10px;
		padding-bottom:10px;
	}
	header .logo_area conts .kenkosya_logo {
		padding-top:0;
		padding-bottom:0;
	}
	.breadcrumb {
		color:#333;
		list-style:none;
		padding:10px 0 30px;
		font-size:12px;
	}
	.breadcrumb li .tm {
		font-size:0%;
	}
	.breadcrumb li {
		float:left;
	}
	.breadcrumb li a {
		color:#333;
		text-decoration:underline;
		display:block;
		position:relative;
		margin-right:30px;
	}
	.breadcrumb li a::after{
		content:"";
		display: block;
		width:4px;
		height:4px;
		border-top:2px solid #333;
		border-right:2px solid #333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right:-16px;
		top:50%;
		margin-top:-4px;
	}
	.breadcrumb li a:hover {
		color:#777;
	}
	#main {
		background:#222;
	}
	nav {
		background:#00AAEA;
	}
	nav ul.gnav {
		display: flex;
		flex-direction: row;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	nav ul.gnav li a {
		display:table-cell;
		width:150px;
		height:52px;
		color:#FFF;
		vertical-align:middle;
		text-align:center;
		text-decoration:none;
		font-size:12px;
		line-height:1.4;
		text-shadow:1px 1px 3px #999;
	}
	nav ul.gnav li:first-child a {
		width:150px;
	}
	nav ul.gnav li a:hover {
		background:#28C4FF;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	nav .gnav_left {
		width:590px;
		float:left;
		padding-bottom:30px;
	}
	nav .gnav_right {
		width:590px;
		float:right;
		padding-bottom:30px;
	}
	nav .gnav_left li a,
	nav .gnav_right li a {
		display:block;
		color:#FFF;
		text-decoration:none;
		padding:20px 0 20px 20px;
		border:1px solid #FFF;
		margin:10px auto;
	}
	nav .gnav_left li a:before {
		margin-right: 20px;
		content: " \f054";
		font-family: FontAwesome;
		color: #FFC926;
	}
	nav .gnav_right li a:before {
		margin-right: 20px;
		content: " \f054";
		font-family: FontAwesome;
		color: #004D91;
	}
	nav .gnav_left li a:hover,
	nav .gnav_right li a:hover {
		color:#FFF;
		text-shadow: 0px 0px 1px #F7F7F7,
		0px 0px 2px #F7F7F7,
		0px 0px 3px #F7F7F7/*,
		0px 0px 4px #F7F7F7,
		0px 0px 5px #F7F7F7,
		0px 0px 6px #F7F7F7*/;
		border:1px solid #F7F7F7;
		-webkit-box-shadow: 0 0 10px 0 #F7F7F7;
		-moz-box-shadow: 0 0 10px 0 #F7F7F7;
		box-shadow: 0 0 10px 0 #F7F7F7;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	nav .gnav_left li a:hover:before,
	nav .gnav_right li a:hover:before {
		color:#FFC926;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	nav .gnav_caption {
		padding:30px 0 20px;
		font-size:16px;
		color:#FFF;
		letter-spacing:0.1em;
		text-align:center;
	}
	.topics h2 {
		margin-bottom:20px;
		padding-top:40px;
		text-align:center;
		color:#00AAEA;
		font-weight:bold;
		font-size:20px;
		letter-spacing:0.08em;
	}
	#contents {
		width:1140px;
		padding:10px 30px 30px;
	}
	#f_navi {
		background-color:#E6E6E6;
	}
	#f_navi .f_navi_conts {
		width:850px;
		margin-left:auto;
		margin-right:auto;
	}
	#f_navi ul {
		margin-right:30px;
		padding:30px;
		float:left;
	}
	#f_navi ul.f_navi_home li {
		background-image: url(/xeroshoes/images/icon01.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 24px;
	}
	#f_navi ul.f_navi_other li {
		background-image: url(/xeroshoes/images/icon02.png);
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 16px;
	}
	#f_navi ul li {
		margin-bottom:10px;
		list-style-type:none;
	}
	#f_navi ul li a {
		font-size:0.84em;
		color:#4D4D4D;
		text-decoration:none;
	}
	#f_navi ul li a:hover {
		color:#808080;
	}
	#f_main {
		border-top:2px solid #EEE;
		height:130px;
		overflow:hidden;
		background-image:linear-gradient(
			-45deg,
			#FFF 25%,
			#00AAEA 25%,
			#00AAEA 50%,
			#FFF 50%,
			#FFF 75%,
			#00AAEA 75%,
			#00AAEA
		);
		background-size:4px 4px;
		opacity:0.8;
		line-height:0.6;
	}
	#f_main img {
		margin-top:-110px;
	}
	footer {
		background-color:#00AAEA;
	}
	footer address {
		color:#FFF;
		font-style:normal;
		font-size:0.84em;
		text-align:center;
		padding:15px;
	}
	.top_product_box {
		width:360px;
		float:left;
		margin-left:10px;
		margin-right:10px;
	}
	.top_product_box a {
		width:360px;
		height:360px;
		overflow:hidden;
		padding:0;
		border:1px solid #EEE;
		display:block;
		margin-bottom:10px;
	}
	.top_product_box img {
		display:table-cell;
		vertical-align:middle;
		width:360px;
	}
	.product_box {
		width:270px;
		float:left;
		margin-left:7px;
		margin-right:8px;
	}
	.top_product_box p,
	.product_box p {
		padding:6px 0;
		color:#4D4D4D;
	}
	.product_box a {
		width:250px;
		height:250px;
		overflow:hidden;
		padding:0;
		border:1px solid #EEE;
		display:block;
		margin-bottom:10px;
	}
	.product_box img {
		display:table-cell;
		vertical-align:middle;
		width:250px;
	}
	.top_product_box a img:hover,
	.product_box a img:hover {
		opacity: 0.8;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	.top_product_box .code,
	.product_box .code {
		font-size:0.84em;
		padding:6px 10px;
		margin-bottom:3px;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		background:#999;
		display:inline-block;
		letter-spacing:0.08em;
	}
	.top_product_box p.p_name,
	.product_box p.p_name {
		font-weight:bold;
		color:#00AAEA;
	}
	.top_product_box p.p_name span,
	.product_box p.p_name span {
		font-size:60%;
		vertical-align:5px;
	}
	/*----------------------------------
			Product-list
	----------------------------------*/
	.item-area {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.item-area > a {
		display: block;
		width: 250px;
		margin: 0 17px 40px 18px;
		text-decoration: none;
		transition: .3s ease-in-out;
	}
	.item-area > a:hover {
		opacity: 0.7;
	}
	.item-area > a > img {
		display: block;
		width: 100%;
		margin: 0 auto 10px;
		border:1px solid #DDD;
	}
	.item-area > a > p.p-name {
		margin: 0 auto 8px;
		font-weight:bold;
		color:#00AAEA;
	}
	.item-area > a > p.p-price {
		color:#222;
	}
	.item-area > a > p.p-name > span.p-code {
		display:inline-block;
		padding:3px 8px;
		vertical-align: bottom;
		margin:0 0.6em 0 0;
		background:#999;
		font-size:0.64em;
		font-weight: normal;
		color:#FFF;
		letter-spacing:0.08em;
	}
	#top_left {
		float:left;
		width:640px;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
	#top_left h2 {
		background-color:#00AAEA;
		color:#FFF;
		text-shadow:1px 1px 3px #666;
		letter-spacing:0.08em;
		text-align:left;
		padding:10px;
		font-weight:normal;
		font-size:1.14em;
		margin: 0 auto 12px;
	}
	#top_left h2.i_instagram {
		position:relative;
	}
	#top_left h2.i_instagram a {
		display:block;
		position:absolute;
		right:6px;
		top:25%;
		color:#00AAEA;
		text-decoration:none;
		text-shadow:none;
		background:#FFF;
		border-radius:4px;
		padding:4px 10px;
		font-size:12px;
	}
	#top_left h2.i_instagram a:hover {
		background:#EEE;
		transition:.3s;
	}
	#top_left h2.i_instagram:before,
	#top_left .i_follow a:before {
		font-family:"FontAwesome";
		content:"\f16d";
		margin-right:0.6em;
	}
	a.instagram {
		display:block;
		background-color:#00AAEA;
		color: #FFF;
		text-shadow: 1px 1px 3px #666;
		letter-spacing: 0.08em;
		text-align: center;
		text-decoration:none;
		padding: 10px;
		font-weight: normal;
		font-size: 0.96em;
		margin-bottom: 10px;
		transition:.3s;
	}
	a.instagram:hover {
		opacity:0.8;
	}
	a.instagram:before {
		font-family:"FontAwesome";
		content:"\f16d";
		margin-right:0.6em;
	}
	#top_left .instagram_area {
		display: flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-flex-wrap: wrap;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#top_left .instagram_area li {
		list-style-type:none;
		width:140px;
		height:140px;
		overflow:hidden;
		margin-bottom:10px;
	}
/*
	#top_left .instagram_area li:nth-child(3n) {
		margin-right:0;
		width:200px;
	}
*/
	#top_left .instagram_area li:nth-child(n+17) {
		display:none;
	}
	#top_left .instagram_area li a:hover {	}
	#top_left .instagram_area li a img {
		transition:.3s;
	}
	#top_left .instagram_area li a img:hover {
		transform: scale(1.2);
	}
	#top_left .i_follow a {
		text-align:center;
		display:inline-block;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		letter-spacing:0.04em;
		background: #bd3381;
		background: -moz-linear-gradient(left, #bd3381 0%, #ee583f 100%);
		background: -webkit-linear-gradient(left, #bd3381 0%,#ee583f 100%);
		background: linear-gradient(to right, #bd3381 0%,#ee583f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd3381', endColorstr='#ee583f',GradientType=1 );
		padding:10px 20px;
		border-radius:4px;
		text-decoration:none;
		margin:12px auto 0;
	}
	#top_left .i_follow a:hover {
		opacity:0.7;
		-webkit-transition:all .5s ease-in-out;
		-moz-transition:all .5s ease-in-out;
		transition:all .5s ease-in-out;
	}
	#top_right {
		float:right;
	}
	#top_right .link_digitalbook_area {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction:         row;
		-webkit-flex-wrap: wrap;
		margin-bottom:30px;
	}
	#top_right a.link_digitalbook {
		display:block;
		border:5px solid #CCC;
		width:140px;
		padding:10px 10px 10px 80px;
		font-size:14px;
		line-height:1.6;
		background:#F6F6F6;
		background-image: url(/xeroshoes/images/xe_logo60.png);
		background-repeat: no-repeat;
		background-position: 6px center;
	}
	#top_right a.link_digitalbook:first-child {
		margin-right:4px;
	}
	#top_right a.link_digitalbook:hover {
		opacity: 0.8;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	#top_right dl {
		padding:20px;
		width:438px;
		margin-bottom:30px;
		line-height:1.8em;
		color:#4D4D4D;
	}
	#top_right dl dt {
		padding:10px 0 10px 80px;
		margin-bottom:10px;
	}
	#top_right dl dd {
		font-size:0.72em;
		font-weight:normal;
	}
	#top_right a {
		color:#4D4D4D;
		text-decoration:none;
		font-size:1.24em;
		font-weight:bold;
		letter-spacing:0.06em;
	}
	#top_right .shoplist:hover,#top_right .toContact:hover {
		text-decoration:none;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	#top_right dl.shoplist {
		border-top: solid 1px #00AAEA;
		border-left: solid 1px #00AAEA;
		border-bottom: solid 3px #00AAEA;
		border-right: solid 3px #00AAEA;
		background-image: url(/xeroshoes/images/shop_list_bg.png);
		background-repeat: no-repeat;
		background-position: 278px 30px;
	}
	#top_right dl.shoplist dt {
		background-image: url(/xeroshoes/images/xe_60.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	#top_right dl.shoplist dd {	}
	#top_right dl.toContact {
		border-top:solid 1px #B3B3B3;
		border-left:solid 1px #B3B3B3;
		border-bottom:solid 3px #B3B3B3;
		border-right:solid 3px #B3B3B3;
	}
	#top_right dl.toContact dt {
		background-image: url(/xeroshoes/images/icon_mail.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	#top_right dl.toContact dd {	}

	.digitalCatarogArea {
		margin: 0 auto 30px;
		display: flex;
		justify-content: space-between;
	}
	.digitalCatarogArea > div {
		width: 48%;
	}
	.digitalCatarogArea a {
		display: block;
		padding:20px;
		box-sizing: border-box;
		border-top: solid 1px #00AAEA;
		border-left: solid 1px #00AAEA;
		border-bottom: solid 3px #00AAEA;
		border-right: solid 3px #00AAEA;
		color: #222;
		text-decoration: none;
		text-align: center;
		transition: ease .5s;
	}
	.digitalCatarogArea a:hover {
		color: #00AAEA;
	}
	.contactArea  {
		margin: 0 auto 30px;
		display: flex;
		justify-content: space-between;
	}
	.contactArea > div {
		width: 48%;
	}
	.contactArea a {
		display: block;
		color: #222;
		font-weight: bold;
 		letter-spacing: 0.06em;
		text-decoration: none;
		transition: ease .5s;
	}
	.contactArea a:hover {
		opacity: .7;
	}
	.contactArea a dl {
		min-height: 160px;
		border-top: solid 1px #B3B3B3;
		border-left: solid 1px #B3B3B3;
		border-bottom: solid 3px #B3B3B3;
		border-right: solid 3px #B3B3B3;
		line-height: 1.8em;
		color: #4D4D4D;
	}
	.contactArea a dl.shoplist {
		background-image: url(/xeroshoes/images/shop_list_bg.png);
		background-repeat: no-repeat;
		background-position: right 15px center;
		background-size: 163px;
	}
	.contactArea a dl.shoplist dt {
		padding: 10px 0 10px 80px;
		margin-bottom: 10px;
		background-image: url(/xeroshoes/images/xe_60.png);
		background-repeat: no-repeat;
		background-position: 12px center;
	}
	.contactArea a dl.shoplist dd {
		padding: 0 0 10px 40px;
		font-size: 0.96em;
		font-weight: normal;
	}
	.contactArea a dl.toContact { }
	.contactArea a dl.toContact dt {
		padding: 20px 0 20px 20px;
	}
	.contactArea a dl.toContact dd {
		padding: 0 0 0 20px;
		line-height: 2.2;
		font-size: 0.96em;
		font-weight: normal;
	}
	.snsArea {
		margin: 0 auto 30px;
	}
	.snsArea > div { }
	.snsArea a {
		display: block;
		border:3px solid #B3B3B3;
		color: #222;
		letter-spacing: 0.08em;
		text-align: center;
		text-decoration: none;
		padding: 20px;
 		font-weight: normal;
		font-size: 0.96em;
		transition: .3s;
	}
	.snsArea a::before {
		font-family: "FontAwesome";
		content: "\f16d";
		margin-right: 0.6em;
	}
	.snsArea a:hover {
		background-color: #00AAEA;
		border:3px solid #00AAEA;
		color: #FFF;
 		text-shadow: 1px 1px 3px #666;
	}
	



	/*------------------------
	 UnderLayer
	------------------------*/
	#inner_main {
		background-image: url(/xeroshoes/images/inner_main.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		width:1200px;
		height:350px;
		position:relative;
	}
	#inner_main a {
		position:absolute;
		display:block;
		top:27px;
		left:30px;
	}
	#inner_main a img:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	.inner {	}
	.inner h2 {
		border-bottom:2px solid #939498;
		font-size:20px;
		letter-spacing:0.14em;
		color:#4F4F51;
		margin-bottom:30px;
		padding-bottom:8px;
		padding:30px 12px 10px;
		font-weight:normal;
	}
	.inner h2.product_h2 {
		padding-left:50px;
		background-image: url(/xeroshoes/images/xe_40.png);
		background-repeat: no-repeat;
		background-size:32px;
		background-position: left 6px bottom 6px;
	}
	.inner h3 {
		margin:0 7px 12px 8px;
		font-size:1.14em;
		color:#4F4F51;
	}
	.inner h3.cl01 {
		border-bottom:2px solid #BFC74E;
	}
	.inner h3.cl02 {
		border-bottom:2px solid #2855A6;
	}
	.inner h3.cl03 {
		border-bottom:2px solid #E75E27;
	}
	.inner h3.cl04 {
		border-bottom:2px solid #F1A433;
	}
	.inner h3 span.code {
		font-size:0.72em;
		padding:4px 10px 4px;
		margin-bottom:3px;
		margin-right:12px;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		background:#999;
		display:inline-block;
		font-weight:normal;
		vertical-align:middle;
	}
	.inner h4 {
		border-bottom:1px solid #7F8084;
		color:#666666;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	.inner h5 {
		color:#333333;
		margin-bottom:3px;
		font-weight:normal;
		font-size:0.84em;
	}
	.inner h4 span {
		font-size:0.82em;
		font-weight:normal;
	}
	.inner_box div {
		float:left;
		margin-left:8px;
		margin-right:7px;
	}
	.inner_box .p_mainimg {
		width:290px;
	}
	.inner_box .p_detail {
		width:310px;
	}
	.inner_box .p_products {
		width:500px;
		margin-bottom:60px;
	}
	.inner_box .p_cad {
		width:230px;
	}
	.inner_box .p_subimg {
		width:230px;
	}
	.inner_box img {
		display:block;
		border:1px solid #CCC;
		margin-bottom:10px;
	}
	.inner_box .p_mainimg img {
		width:268px;
		padding:10px;
	}
	.youtube_link {
		color: #4D4D4D;
		font-size: 0.84em;
		font-weight:bold;
		padding-left: 48px;
		text-decoration: none;
		background-image: url(/xeroshoes/images/YouTube-icon-mini.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.youtube_link:hover {
		color:#999;
	}
	.inner_box .p_subimg img, .inner_box .p_cad img {
		width:228px;
	}
	.inner_box .p_detail {	}
	.inner_box .p_detail table ,
	.inner_box .p_products table {
		width:100%;
		color:#111;
		margin-bottom:16px;
		font-size:0.88em;
		line-height:1.6;
	}	
	.inner_box .p_detail table tr:not(:last-child) ,
	.inner_box .p_products table tr:not(:last-child) {	}
	.inner_box .p_detail table tr:nth-child(odd),
	.inner_box .p_products table tr:nth-child(odd) {
		background: #fAfAfA;
	}
	.inner_box .p_detail table tr:nth-child(even),
	.inner_box .p_products table tr:nth-child(even) {
		background: #fDfDfD;
	}
	.inner_box .p_detail table th ,
	.inner_box .p_products table th {
		width:36%;
		padding:10px 2%;
		text-align:left;
		font-weight:bold;
	}
	.inner_box .p_detail table td ,
	.inner_box .p_products table td {
		width:54%;
		padding:10px 2% 10px 4%;
	}
	#inner_contact {
		margin:0 15px 30px;
	}
	.p_products > div.toShop {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.p_products > div.toShop > a {
		display: inline-block;
		margin:0 auto;
		padding: 1.2em 4.2em;
		background: #CC0000;
		letter-spacing: 0.1em;
		color: #FFF;
		text-decoration: none;
		transition: ease .3s;
	}
	.p_products > div.toShop > a:hover {
		background: #930000;
	}
	.p_products > div.toShop > a::before {
		font-family: "FontAwesome";
		content: "\f07a";
		margin-right: 0.6em;
	}
	#inner_contact dl {
		float:left;
		width:470px;
		padding:20px;
		line-height:1.8em;
		color:#4D4D4D;
	}
	#inner_contact a:first-child dl {
		margin:0 0 0 8px;
	}
	#inner_contact a:last-child dl {
		margin:0 0 0 70px;
	}
	#inner_contact dl dt {
		padding:10px 0 10px 80px;
		margin-bottom:10px;
	}
	#inner_contact dd {
		font-weight:normal;
		font-size:0.64em;
	}
	#inner_contact a {
		color:#4D4D4D;
		text-decoration:none;
		font-size:1.24em;
		font-weight:bold;
		letter-spacing:0.06em;
	}
	#inner_contact .shoplist:hover,
	#inner_contact .shoplist_mtnglo:hover,
	#inner_contact .toContact:hover {
		text-decoration:none;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	#inner_contact .shoplist {
		border-top: solid 1px #00AAEA;
		border-left: solid 1px #00AAEA;
		border-bottom: solid 3px #00AAEA;
		border-right: solid 3px #00AAEA;
		background-image: url(/xeroshoes/images/shop_list_bg.png);
		background-repeat: no-repeat;
		background-position: 278px 12px;
	}
	#inner_contact .shoplist dt {
		background-image: url(/xeroshoes/images/xe_60.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	#inner_contact .shoplist_mtnglo {
		border-top: solid 1px #BFC74E;
		border-left: solid 1px #BFC74E;
		border-bottom: solid 3px #BFC74E;
		border-right: solid 3px #BFC74E;
		background-repeat: no-repeat;
		background-position: 278px 12px;
	}
	#inner_contact .shoplist_mtnglo dt {
		background-image: url(/xeroshoes/images/baxmtngro_logo.png);
		background-repeat: no-repeat;
		background-position: 0px center;
		padding-left:120px;
	}
	#inner_contact .shoplist_mtnglo dt strong {
		color:#BFC74E;
	}
	#inner_contact dl.toContact {
		border-top:solid 1px #B3B3B3;
		border-left:solid 1px #B3B3B3;
		border-bottom:solid 3px #B3B3B3;
		border-right:solid 3px #B3B3B3;
	}
	#inner_contact dl.toContact dt {
		background-image: url(/xeroshoes/images/icon_mail.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	.products_img {
		float:left;
		width:546px;
	}
	.products_img .main {
		position: relative;
		display: table-cell;
		vertical-align: middle;
		height: 600px;
		text-align: center;
	}
	.products_img .main .color_variation_text {
		position: absolute;
		top: auto;
		right: 0;
		bottom: 72px;
		left: 0;
		font-weight: 700;
		font-size: 14px;
	}
	.products_img .main img {
		max-width: 546px;
	}
	.products_img .sub {
		float:left;
	}
	.products_img .sub img {
		width:125px;
		padding:2px;
		border:1px solid #DDD;
		margin-right:5px;
	}
	.products_detail {
		float:right;
		width:534px;
	}
	.products_detail p {
		margin:0 0 12px 12px;
		line-height:24px;
	}
	.faq {
		width:540px;
		float:right;
	}
	.faq dl {	}
	.faq dt {
		background-color:#DDD;
		font-weight:bold;
		padding:6px;
		margin-bottom:12px;
		line-height:22px;
		font-size:14px;
	}
	.faq dd {
		line-height:22px;
		padding:6px;
		margin-bottom:12px;
		font-size:14px;
	}
	.products_detail ul li {
		list-style:none;
		float:left;
	}
	.products_detail ul li a {	}
	.products_detail ul li img {
		display:block;
		width:29px;
		margin:0 6px;
	}
	.products_detail ul li img:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	/*-----------------------------
			Product-detail
	-----------------------------*/
	.products_detail ul li img.thumb {
		display:block;
		width:80px;
		margin:0 0;
	}
	.detail_img_area {
		width:504px;
		margin:0 auto 20px;
	}
	.detail_img_area ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
	}
	.detail_img_area ul li {
		width:76px;
		height:76px;
		border:1px solid #AAA;
		overflow:hidden;
		position:relative;
		margin:3px;
		cursor:pointer;
		transition: .3s;
	}
	.detail_img_area ul li img {
		position: absolute;
		top: 50%;
		left: 50%;
		width:78px;
		margin:0 0;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.detail_img_area ul li:hover {
		opacity:0.7;
	}
	.detail_img_area ul li.youtube,
	.detail_img_area ul li.vimeo {
		position:relative;
	}
	.detail_img_area ul li.youtube a::before {
		position: absolute;
		content: "\f16a";
		font-family: FontAwesome;
		color: #E42B26;
		text-align: center;
		font-size: 42px;
		line-height: 80px;
		background: #FFF;
		opacity: 0.6;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		transition: all 0.3s;
		cursor:pointer;
	}
	.detail_img_area ul li.vimeo a::before {
		position: absolute;
		content: "\f03d";
		font-family: FontAwesome;
		color: rgb(15, 174, 241);
		text-align: center;
		font-size: 42px;
		line-height: 120px;
		background: #FFF;
		opacity: 0.6;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		transition: all 0.3s;
		cursor:pointer;
	}
	.detail_img_area ul li.youtube img,
	.detail_img_area ul li.vimeo img {
		width:210px;
		opacity:0.7;
	}
	.detail_img_area ul li.invisible {
		display: none;
	}
	.detail_img_area ul li.visible {
		display: block;
	}
	.color_variation_navi {
		width: 504px;
		margin: 0 auto 20px;
	}
	.color_variation_navi > ul {
		display:flex;
		flex-direction:row;
		flex-wrap: nowrap;
		justify-content:flex-start;
	}
	.color_variation_navi > ul > li {
		width: 90px;
		padding: 4px 4px;
		border: 1px solid #DDD;
		/*border-radius: 4px;*/
		cursor: pointer;
		list-style-type: none;
		text-align: center;
		line-height: 1.6;
		font-size: 72%;
		letter-spacing:-0.14em;
	}
	.color_variation_navi > ul > li.on {
		background: #00AAEA;
		color: #FFF;

	}
	.color_variation_navi > ul > li > span {
		display: inline-block;
		letter-spacing:0em;
	}
	.color_variation_navi > ul > li:hover {
		background: #00AAEA;
		color: #FFF;
		transition: .3s ease-in-out;
	}
	/*------------------------
	 Search
	------------------------*/
	.search_area {
		width:950px;
		margin:30px auto 30px;
		background-image: linear-gradient(
			-45deg,
			#FFF 25%,
			#DDD 25%,
			#DDD 50%,
			#FFF 50%,
			#FFF 75%,
			#DDD 75%,
			#DDD
		);
		background-size: 4px 4px;
		text-align:center;
		padding:20px 0 10px;
	}
	.search_area #srchInput {
		padding:0 0 0 3px;
		width:587px;
		height:40px;
		border:1px solid #B7B7B7;
		font-size:18px;
		background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
	}
	.search_area #srchBtn {
		color:#FFF;
		font-size:18px;
		letter-spacing:0.08em;
		background:#3F4F69;
		font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		width:72px;
		height:38px;
		border:0;
		margin-left:16px;
		cursor:pointer;
	}
	.search_area #srchBtn:hover {
		opacity:0.6;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	.product_box_r {
		width:175px;
		float:left;
		margin-left:7px;
		margin-right:8px;
	}
	.product_box_r p {
		padding:6px 0;
		color:#4D4D4D;
	}
	.product_box_r a {
		width:160px;
		height:160px;
		padding:0;
		border:1px solid #EEE;
		display:block;
		margin-bottom:10px;
	}
	.product_box_r img {
		display:table-cell;
		vertical-align:middle;
		width:160px;
	}
	.product_box_r a img:hover {
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	.product_box_r .code {
		font-size:0.84em;
		padding:6px 10px;
		margin-bottom:3px;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		background:#999;
		display:inline-block;
		font-size:12px;
	}
	.product_box_r p {
		font-size:12px;
	}
	.product_box_r p.p_name {
		font-weight:bold;
	}
	.product_box_r p.p_name span {
		font-size:60%;
		vertical-align:5px;
	}
	.main_area {
		max-height:562px;
		overflow:hidden;
		height:100%;
	}
	.main_area .logo_area {
		position:relative;
	}
	.main_area .logo_area .kenkosya_logo {
		position:absolute;
		right:10px;
		top:10px;
		z-index:10000;
	}
	.main_area .logo_area h1 {
		position:absolute;
		left:25px;
		top:18px;
		z-index:10000;
	}
	.main_area .logo_area h2 a {	}
	.main_area .logo_area h1 a:hover,
	.main_area .logo_area h2 a:hover {
		opacity:0.8;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	#catchcopy_area {
		text-align:center;
		padding:12px 0 40px;
		background:#F7F7F7 url("/xeroshoes/images/catchcopy_area_bg.jpg");
		background-repeat:no-repeat;
		background-position: 50% 50%;
	}
	#catchcopy_area dt {
		padding-top:20px;
		text-align:center;
		color:#00AAEA;
		font-weight:bold;
		margin-bottom:20px;
		font-size:20px;
	}
	#catchcopy_area h2 {
		padding-top:20px;
		text-align:center;
		color:#00AAEA;
		font-weight:bold;
		margin-bottom:20px;
		font-size:20px;
		letter-spacing:0.08em;
	}
	#catchcopy_area h3 {
		letter-spacing:0.04em;
		color:#FFF;
		line-height:28px;
		font-size:32px;
		font-weight:bold;
		margin:0 auto 20px;
		padding:36px 0 0;
	}
	#catchcopy_area dd {
		color: #221815;
		font-size: 14px;
		line-height: 28px;
	}
	#catchcopy_area p {
		color: #221815;
		font-size: 14px;
		line-height: 28px;
	}
	/*-----------------------
	 About Xeroshoes
	------------------------*/
	.page-about {	}
	.page-about section {
		margin:0 auto 80px;
	}
	.page-about section h2 {	}
	.page-about section h3 {
		text-align:center;
		font-weight:500;
		color:#2aace3;
		letter-spacing:0.04em;
		font-size:22px;
		line-height:30px;
		margin:0 auto 0.6em;
	}
	.page-about section p {
		line-height:30px;
		padding:0 1.2em;
	}
	.page-about section p strong,
	.page-about section p i {
		font-size:120%;
	}
	.page-about section p i {
		color:#900;
	}
	.page-about section div.burden img {
		width:270px;
	}
	.page-about .introduction {
		display: flex;
		/*flex-wrap: wrap-reverse;*/
		justify-content:space-between;
	}
	.page-about .introduction > .introduction-image {
		margin: 0 20px 0 0;
	}
	.page-about .video-area {
		display: flex;
		/*flex-wrap: wrap-reverse;*/
		justify-content:space-between;
		width: 840px;
		margin: 0 auto;
		padding: 30px 0 0 0;
	}
	/*-----------------------
	 Sizing Xeroshoes
	------------------------*/
	.page-sizing {	}
	.page-sizing section {
		margin:0 auto 80px;
	}
	.page-sizing section h2 {	}
	.page-sizing section h3 {
		text-align:center;
		font-weight:500;
		color:#2aace3;
		letter-spacing:0.04em;
		font-size:22px;
		line-height:30px;
		margin:0 auto 0.6em;
	}
	.page-sizing section p {
		line-height:30px;
		padding:0 1.2em;
	}
	.page-sizing section p strong,
	.page-sizing section p i {
		font-size:120%;
	}
	.page-sizing section p strong.howto {
		font-size:90%;
	}
	.page-sizing section p strong.sizeCheckTemplete {
		font-size:22px;
		letter-spacing: 0.04em;
	}
	.page-sizing section p i {
		color:#900;
	}
	.page-sizing .introduction {  }
	.page-sizing .sizingTable {
		width: 100%;
		margin:0 auto;
	}
	.page-sizing .sizingTable tr:nth-child(odd){
		background: #DDD;
	}
	.page-sizing .sizingTable tr th,
	.page-sizing .sizingTable tr td {
		padding: 10px;
	}
	.page-sizing .sizingTable tr th {
		vertical-align: middle;
		color: #FFF;
	}
	.page-sizing .sizingTable tr th.mens {
		background: rgba(0,176,240,1);
	}
	.page-sizing .sizingTable tr th.ladies {
		background: rgba(253,114,166,1);
	}
	.page-sizing .sizeDownloadTable {
		width: 540px;
		margin:0 auto;
	}
	.page-sizing .sizeDownloadTable tr th,
	.page-sizing .sizeDownloadTable tr td {
		padding: 15px;
		border-bottom: 1px solid #EEE;
		text-align: center;
	}
	.page-sizing .sizeDownloadTable tr th {
		background: #DDD;
	}
	.page-sizing .sizeDownloadTable tr td a {
		display: inline-block;
		padding: 10px 18px;
		border: 1px solid rgba(0,176,240,1);
		border-radius: 4px;
		letter-spacing: 0.14em;
		color:  rgba(0,176,240,1);
		text-decoration: none;
	}
	.page-sizing .sizeDownloadTable tr td a:hover {
		background: rgba(0,176,240,1);
		color: #FFF;
		transition: .5s;
	}
	.sizingBtn {
		display: inline-block;
		padding: 6px 36px;
		background: rgba(0,176,240,1);
		border-radius: 2px;
		color: #FFF;
		text-decoration: none;
		line-height: 1.6;
		letter-spacing: 0.08em;
		transition: .5s;
	}
	.sizingBtn.deepcolor {
		background: #004D91;
	}
	.sizingBtn span,
	.sizingBtn.deepcolor span {
		font-weight: bold;
		font-size: 120%;
	}
	.sizingBtn:hover {
		background: #006f95;
	}
	.sizingBtn.deepcolor:hover {
		background: #003362;
	}
}
/*-----------------------
　For Mobile View
------------------------*/
@media screen and (max-width:641px) {
	.pc_none {
		display:block;
	}
	.sp_none {
		display:none;
	}
	body {
		width:100%;
	}
	img {
		width:100%;
	}
	.conts {
		width:98%;
		padding:0 1%;
		margin:0 auto;
	}
	.f_conts {
		width:100%;
		padding:0;
		margin:0 auto;
	}
	.sub_conts {
		width:100%;
		margin:0 auto;
	}
	.tm {
		font-size:60%;
		vertical-align:5px;
	}
	.t_new {
		color:#F00;
		font-size:80%;
		margin-left:8px;
	}
	.t_update {
		color:#F90;
		font-size:80%;
		margin-left:8px;
	}
	header {
		background:#E6E6E6;
		line-height:0;
	}
	header .kenkosya_logo {	}
	header .logo_area conts .kenkosya_logo {
		text-align:right;
		padding-top:0;
		padding-bottom:0;
	}
	header .inner_logo {	}
	header .inner_logo a {
		display:block;
		padding:1%;
		text-align:right;
	}
	header .inner_logo a img {
		width:20%;
	}
	header .logo_area {	}
	.breadcrumb {
		color:#333;
		list-style:none;
		padding:10px 10px 10px;
		line-height:1.8em;
		font-size:12px;
	}
	.breadcrumb li .tm {
		font-size:0%;
	}
	.breadcrumb li {
		float:left;
		font-size:0.72em;
	}
	.breadcrumb li a {
		color:#333;
		text-decoration:underline;
		display:block;
		position:relative;
		margin-right:30px;
	}
	.breadcrumb li a::after{
		content:"";
		display: block;
		width:4px;
		height:4px;
		border-top:2px solid #333;
		border-right:2px solid #333;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		right:-16px;
		top:50%;
		margin-top:-4px;
	}
	#main {
		background:#000;
	}
	nav {
		background:#00AAEA;
	}
	nav ul.gnav {
		padding-left:9px;
	}
	nav ul.gnav li {
		float:left;
	}
	nav ul.gnav li a {
		display:block;
	}
	nav .gnav_left {
		display:none;
	}
	nav .gnav_right {
		display:none;
		padding-bottom:10px;
	}
	nav .gnav_left li,
	nav .gnav_right li {	}
	nav .gnav_left li a,
	nav .gnav_right li a {
		display:block;
		color:#FFF;
		text-decoration:none;
		padding:20px 0 20px 20px;
		border:1px solid #FFF;
		margin:6px auto;
		font-size:0.84em;
	}
	nav .gnav_left li a:before {
		content: " \f054";
		font-family: FontAwesome;
		color: #FFC926;
		margin-right: 20px;
	}
	nav .gnav_right li a:before {
		content: " \f054";
		font-family: FontAwesome;
		color: #004D91;
		margin-right: 20px;
	}
	nav .gnav_caption {
		font-size:16px;
		color:#FFF;
		letter-spacing:0.1em;
		text-align:center;
		padding:10px 0 10px;
		margin: 0 auto;
		width:50%;
		display:block;
	}
	nav .gnav_caption li {
		padding:20px 0;
		border: 2px solid #FFF;
		border-radius: 4px;
		display:block;
	}
	nav .gnav_caption li:after {
		content: " \f0c9";
		font-family: FontAwesome;
		color: #FFF;
		margin-left: 12px;
		font-size: 18px;
	}
	nav .nav_on li:after {
		content: " \f00d";
		font-family: FontAwesome;
		color: #FFF;
		margin-left: 12px;
		font-size: 18px;
	}
	.topics h2 {
		padding-top:20px;
		text-align:center;
		color:#00AAEA;
		font-weight:bold;
		margin-bottom:20px;
		font-size:20px;
		letter-spacing:0.08em;
	}
	#contents {	}
	#f_navi {
		background-color:#E6E6E6;
		padding:10px 0;
		border-top: 3px solid #DDD;
	}
	#f_navi .f_navi_conts {
		margin-left:auto;
		margin-right:auto;
	}
	#f_navi ul {	}
	#f_navi ul.f_navi_home li {
		background-image: url(/xeroshoes/images/icon01.png);
		background-repeat: no-repeat;
		background-position: 10px center;
	}
	#f_navi ul.f_navi_other li {
		background-image: url(/xeroshoes/images/icon02.png);
		background-repeat: no-repeat;
		background-position: 16px center;
	}
	#f_navi ul li {
		list-style-type:none;
	}
	#f_navi ul li a {
		display:block;
		font-size:16px;
		padding:16px 0 16px 34px;
		color:#111;
		text-decoration:none;
		border-bottom:1px solid #CCC;
	}
	#f_main {
		background-image:linear-gradient(
			-45deg,
			#FFF 25%,
			#00AAEA 25%,
			#00AAEA 50%,
			#FFF 50%,
			#FFF 75%,
			#00AAEA 75%,
			#00AAEA
		);
		background-size:4px 4px;
		opacity:0.8;
		line-height:0.6;
	}
	#f_navi ul li a[href="/"] {
		border-bottom:none;
	}
	footer {
		background-color:#00AAEA;
	}
	footer address {
		color:#FFF;
		font-style:normal;
		font-size:0.84em;
		text-align:center;
		padding:15px;
	}
	.top_product_box,
	.product_box {
		width:100%;
	}
	.top_product_box p,
	.product_box p {
		padding:6px 0;
		color:#4D4D4D;
	}
	.top_product_box a,
	.product_box a {
		overflow:hidden;
		border:1px solid #CCC;
		display:block;
		margin-bottom:10px;
		position:relative;
	}
	.top_product_box img,
	.product_box img {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	.top_product_box .code,
	.product_box .code {
		font-size:0.84em;
		padding:6px 10px;
		margin-bottom:3px;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		background:#999;
		display:inline-block;
		letter-spacing:0.08em;
	}
	.top_product_box p.p_name,
	.product_box p.p_name {
		color:#00AAEA;
	}
	.top_product_box p.p_name span,
	.product_box p.p_name span {
		font-size:60%;
		vertical-align:5px;
	}
	/*----------------------------------
			Product-list
	----------------------------------*/
	.item-area {
		padding: 0 2%;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.item-area > a {
		display: block;
		width: 46%;
		margin: 0 2% 40px 2%;
		text-decoration: none;
	}
	.item-area > a > img {
		display: block;
		width: 100%;
		margin: 0 auto 10px;
		border:1px solid #DDD;
	}
	.item-area > a > p.p-name {
		margin: 0 auto 8px;
		font-weight:bold;
		line-height: 1.8;
		color:#00AAEA;
	}
	.item-area > a > p.p-price {
		color:#222;
	}
	.item-area > a > p.p-name > span.p-code {
		display:inline-block;
		padding:3px 8px;
		vertical-align: bottom;
		margin:0 0.6em 0 0;
		background:#999;
		font-size:0.64em;
		font-weight: normal;
		color:#FFF;
		letter-spacing:0.08em;
	}

	#top_left {
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:12px;
	}
	#top_left h2 {
		background-color:#00AAEA;
		color:#FFF;
		text-shadow:1px 1px 3px #666;
		letter-spacing:0.04em;
		text-align:left;
		padding:10px 10px 10px 4px;
		font-weight:normal;
		font-size:0.92em;
		margin-bottom:10px;
	}
	#top_left h2.i_instagram {
		position:relative;
	}
	#top_left h2.i_instagram a {
		display:block;
		position:absolute;
		right:6px;
		top:25%;
		color:#00AAEA;
		text-decoration:none;
		text-shadow:none;
		background:#FFF;
		border-radius:4px;
		padding:4px 10px;
		font-size:12px;
	}
	#top_left h2.i_instagram:before,
	#top_left .i_follow a:before {
		font-family:"FontAwesome";
		content:"\f16d";
		margin-right:0.4em;
	}
	a.instagram {
		display:block;
		background-color: #00AAEA;
		color: #FFF;
		text-shadow: 1px 1px 3px #666;
		letter-spacing: 0.08em;
		text-align: center;
		text-decoration:none;
		padding: 10px;
		font-weight: normal;
		font-size: 0.96em;
		margin-bottom: 10px;
	}
	a.instagram:before {
		font-family:"FontAwesome";
		content:"\f16d";
		margin-right:0.6em;
	}
	#top_left .instagram_area {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction:row;
		flex-direction:row;
		-webkit-flex-wrap: wrap;
		flex-wrap:wrap;
		justify-content:left;
	}
	#top_left .instagram_area li {
		list-style-type:none;
		width:33%;
		height:33%;
		overflow:hidden;
		margin-right:1%;
		margin-bottom:1%;
	}
	#top_left .instagram_area li:nth-child(3n) {
		width:32%;
		margin-right:0;
	}
	#top_left .i_follow a {
		text-align:center;
		display:inline-block;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		letter-spacing:0.04em;
		background: #bd3381;
		background: -moz-linear-gradient(left, #bd3381 0%, #ee583f 100%);
		background: -webkit-linear-gradient(left, #bd3381 0%,#ee583f 100%);
		background: linear-gradient(to right, #bd3381 0%,#ee583f 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd3381', endColorstr='#ee583f',GradientType=1 );
		padding:10px 20px;
		border-radius:4px;
		text-decoration:none;
		margin:10px auto 20px;
	}
	#top_right {	}
	#top_right .link_digitalbook_area {	}
	#top_right a.link_digitalbook:first-child {	}
	#top_right a.link_digitalbook {
		display:block;
		margin-bottom:12px;
		border:5px solid #CCC;
		line-height:1.6;
		font-size:14px;
		padding:10px 10px 10px 80px;
		background:#F6F6F6;
		background-image: url(/xeroshoes/images/xe_logo60.png);
		background-repeat: no-repeat;
		background-position: 6px center;
	}
	#top_right dl {
		padding:10px;
		margin-bottom:12px;
		line-height:1.8em;
		color:#4D4D4D;
	}
	#top_right dl dt {
		padding:10px 0 10px 80px;
		margin-bottom:10px;
		font-size:0.96em;
	}
	#top_right dl dd {
		font-size:0.84em;
		font-weight:normal;
	}
	#top_right a {
		color:#4D4D4D;
		text-decoration:none;
		font-size:0.96em;
		font-weight:bold;
		letter-spacing:0.06em;
	}
	#top_right dl.shoplist {
		border-top: solid 1px #00AAEA;
		border-left: solid 1px #00AAEA;
		border-bottom: solid 3px #00AAEA;
		border-right: solid 3px #00AAEA;
		background-image: url(/xeroshoes/images/shop_list_bg.png);
		background-repeat: no-repeat;
		background-position:right 30%;
		background-size:30% 60%;
	}
	#top_right dl.shoplist dt {
		background-image: url(/xeroshoes/images/xe_60.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	#top_right dl.shoplist dd {	}
	#top_right dl.toContact {
		border-top:solid 1px #B3B3B3;
		border-left:solid 1px #B3B3B3;
		border-bottom:solid 3px #B3B3B3;
		border-right:solid 3px #B3B3B3;
	}
	#top_right dl.toContact dt {
		background-image: url(/xeroshoes/images/icon_mail.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	#top_right dl.toContact dd {
		font-size:0.72em;
	}

	.digitalCatarogArea {
		margin: 0 auto 30px;
	}
	.digitalCatarogArea > div {
		width: 96%;
		margin: 0 auto 20px;
	}
	.digitalCatarogArea a {
		display: block;
		padding:20px;
		box-sizing: border-box;
		border-top: solid 1px #00AAEA;
		border-left: solid 1px #00AAEA;
		border-bottom: solid 3px #00AAEA;
		border-right: solid 3px #00AAEA;
		color: #222;
		text-decoration: none;
		text-align: center;
		transition: ease .5s;
	}
	.contactArea  {
		margin: 0 auto 30px;
	}
	.contactArea > div {
		width: 96%;
		margin: 0 auto 20px;
	}
	.contactArea a {
		display: block;
		color: #222;
		font-weight: bold;
 		letter-spacing: 0.06em;
		text-decoration: none;
		transition: ease .5s;
	}
	.contactArea a dl {
		min-height: 160px;
		border-top: solid 1px #B3B3B3;
		border-left: solid 1px #B3B3B3;
		border-bottom: solid 3px #B3B3B3;
		border-right: solid 3px #B3B3B3;
		line-height: 1.8em;
		color: #4D4D4D;
	}
	.contactArea a dl.shoplist {
		background-image: url(/xeroshoes/images/shop_list_bg.png);
		background-repeat: no-repeat;
		background-position: right 15px center;
		background-size: 163px;
	}
	.contactArea a dl.shoplist dt {
		padding: 10px 0 10px 80px;
		margin-bottom: 10px;
		background-image: url(/xeroshoes/images/xe_60.png);
		background-repeat: no-repeat;
		background-position: 12px center;
		font-size: 86%;
	}
	.contactArea a dl.shoplist dd {
		padding: 0 0 10px 24px;
		font-size: 0.86em;
		font-weight: normal;
	}
	.contactArea a dl.toContact { }
	.contactArea a dl.toContact dt {
		padding: 20px 0 10px 20px;
	}
	.contactArea a dl.toContact dd {
		padding: 0 20px 0 20px;
		line-height: 1.8;
		font-size: 0.86em;
		font-weight: normal;
	}
	.snsArea {
		width: 96%;
		margin: 0 auto 30px;
	}
	.snsArea > div { }
	.snsArea a {
		display: block;
		border:3px solid #B3B3B3;
		color: #222;
		letter-spacing: 0.08em;
		text-align: center;
		text-decoration: none;
		padding: 20px;
 		font-weight: normal;
		font-size: 0.96em;
		transition: .3s;
	}
	.snsArea a::before {
		font-family: "FontAwesome";
		content: "\f16d";
		margin-right: 0.6em;
	}
	/*-----------------------
	 UnderLayer
	-----------------------*/
	#inner_main {
		background-image: url(/xeroshoes/images/inner_main.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size:100% auto;
		position:relative;
		padding-bottom:19%;
	}
	#inner_main a {
		right:1%;
		top:2%;
		z-index:10000;
	}
	#inner_main a img {
		width:33%;
	}
	.inner {	}
	.inner h2 {
		margin-bottom:30px;
		padding:1.2em 0.4em 0.4em;
		border-bottom:2px solid #939498;
		font-size:1.04em;
		font-weight:normal;
		color:#4F4F51;
		font-weight:normal;
	}
	.inner h2.product_h2 {
		padding-left:40px;
		background-image: url(/xeroshoes/images/xe_40.png);
		background-repeat: no-repeat;
		background-position:left 6px bottom 6px;
		background-size:24px;
		letter-spacing:0.04em;
	}
	.inner h3 {
		font-size:1.14em;
		color:#4F4F51;
		margin-left:8px;
		margin-right:7px;
		margin-bottom:12px;
		clear:both;
		font-weight:normal;
	}
	.inner h3.cl01 {
		border-bottom:2px solid #BFC74E;
	}
	.inner h3.cl02 {
		border-bottom:2px solid #2855A6;
	}
	.inner h3.cl03 {
		border-bottom:2px solid #E75E27;
	}
	.inner h3.cl04 {
		border-bottom:2px solid #F1A433;
	}
	.inner h3 span.code {
		font-size:0.72em;
		padding:4px 10px 4px;
		margin-bottom:3px;
		margin-right:12px;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		background:#999;
		display:inline-block;
		font-weight:normal;
		vertical-align:middle;
	}
	.inner h4 {
		border-bottom:1px solid #7F8084;
		color:#666666;
		margin-bottom:10px;
		padding-bottom:10px;
	}
	.inner h5 {
		color:#333333;
		margin-bottom:3px;
		font-weight:normal;
		font-size:0.84em;
	}
	.inner h4 span {
		font-size:0.82em;
		font-weight:normal;
	}
	.inner_box div {
		float:left;
		margin-left:8px;
		margin-right:7px;
	}
	.inner_box img {
		display:block;
		border:1px solid #CCC;
		margin-bottom:10px;
	}
	.inner_box .p_mainimg img {
		padding:10px;
	}
	.youtube_link {
		color: #4D4D4D;
		font-size: 0.84em;
		font-weight:bold;
		padding-left: 48px;
		text-decoration: none;
		background-image: url(/xeroshoes/images/YouTube-icon-mini.png);
		background-repeat: no-repeat;
		background-position: left center;
	}
	.youtube_link:hover {
		color:#999;
	}
	.inner_box .p_detail table , .inner_box .p_products table {
		width:100%;
		color:#111;
		margin-bottom:1em;
		font-size:0.88em;
		line-height:1.6;
	}	
	.inner_box .p_detail table th,
	.inner_box .p_products table th {
		font-weight:normal;
		width:30%;
		text-align:left;
		padding:10px;
	}
	.inner_box .p_detail table td ,
	.inner_box .p_products table td {
		width:66%;
		padding:10px;
	}
	.inner_box .p_detail table tr:nth-child(odd),
	.inner_box .p_products table tr:nth-child(odd) {
		background: #fAfAfA;
	}
	.inner_box .p_detail table tr:nth-child(even),
	.inner_box .p_products table tr:nth-child(even) {
		background: #fDfDfD;
	}
	#inner_contact {
		margin:0 auto 20px;
	}
	#inner_contact dl {
		padding:10px;
		line-height:1.8em;
		color:#4D4D4D;
		margin-bottom:12px;
	}
	#inner_contact dl dt {
		padding:10px 0 10px 80px;
		margin-bottom:10px;
	}
	#inner_contact dd {
		font-weight:normal;
		font-size:0.64em;
	}
	#inner_contact a {
		color:#4D4D4D;
		text-decoration:none;
		font-size:0.96em;
		font-weight:bold;
		letter-spacing:0.06em;
	}
	#inner_contact .shoplist:hover,
	#inner_contact .shoplist_mtnglo:hover,
	#inner_contact .toContact:hover {
		text-decoration:none;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha( opacity=80 )";
	}
	#inner_contact .shoplist {
		border-top: solid 1px #00AAEA;
		border-left: solid 1px #00AAEA;
		border-bottom: solid 3px #00AAEA;
		border-right: solid 3px #00AAEA;
		background-image: url(/xeroshoes/images/shop_list_bg.png);
		background-position:right 30%;
		background-repeat: no-repeat;
		background-size: 30% 60%;
	}
	#inner_contact .shoplist dt {
		background-image: url(/xeroshoes/images/xe_60.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	#inner_contact .shoplist_mtnglo {
		border-top: solid 1px #BFC74E;
		border-left: solid 1px #BFC74E;
		border-bottom: solid 3px #BFC74E;
		border-right: solid 3px #BFC74E;
		background-repeat: no-repeat;
		background-position: 278px 12px;
	}
	#inner_contact .shoplist_mtnglo dt {
		background-image: url(/xeroshoes/images/baxmtngro_logo.png);
		background-repeat: no-repeat;
		background-position: 0px center;
		padding-left:120px;
	}
	#inner_contact .shoplist_mtnglo dt strong {
		color:#BFC74E;
	}
	#inner_contact .toContact {	}
	#inner_contact dl.toContact {
		border-top:solid 1px #B3B3B3;
		border-left:solid 1px #B3B3B3;
		border-bottom:solid 3px #B3B3B3;
		border-right:solid 3px #B3B3B3;
	}
	#inner_contact dl.toContact dt {
		background-image: url(/xeroshoes/images/icon_mail.png);
		background-repeat: no-repeat;
		background-position: 0px center;
	}
	.products_img {
		margin-bottom:40px;
	}
	.products_img .main {
		position: relative;
		margin:20px auto;
		text-align:center;
	}
	.products_img .main .color_variation_text {
		position: absolute;
		top:auto;
		right: 0;
		bottom: 1.2em;
		left: 0;
		font-weight: 700;
		font-size: 0.72em;
	}
	.products_img .main img {
		text-align:center;
		transition: all 0.3s;
	}
	.products_img .main img[src$="cad.jpg"] {
		width:50%;
	}
	.products_img .sub {
		float:left;
		width:29%;
		padding:2%;
	}
	.products_img .sub img {
		border:1px solid #DDD;
		margin-right:1%;
	}
	.products_detail {	}
	.products_detail p {
		padding:0 10px 10px 10px;
		line-height:24px;
	}
	.faq {	}
	.faq dl {	}
	.faq dt {
		background-color:#DDD;
		font-weight:bold;
		padding:6px;
		margin-bottom:12px;
		line-height:22px;
		font-size:14px;
	}
	.faq dd {
		line-height:22px;
		padding:6px;
		margin-bottom:12px;
		font-size:14px;
	}
	.products_detail ul li {
		list-style:none;
		float:left;
	}
	.products_detail ul li a {	}
	.products_detail ul li img {
		display:block;
		width:29px;
		margin:0 6px;
	}
	.products_detail ul li img.thumb {
		display:block;
		width:80px;
		margin:0 0;
	}
	.detail_img_area {
		margin:0 auto 1.2rem;
	}
	.detail_img_area ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.detail_img_area ul li {
		position:relative;
		width:18%;
		min-height:76px;
		min-width: 76px;
		/*margin-bottom:5px;
		margin-left:0.5%;*/
		border:1px solid #FFF;
		overflow:hidden;
		cursor:pointer;
	}
	.detail_img_area ul li img {
		display: block;;
		position: absolute;
		top: 50%;
		left: 50%;
		width:74px;
		margin:0 0;
		border:1px solid #AAA;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.detail_img_area ul li.youtube.
	.detail_img_area ul li.vimeo {
		position:relative;
	}
	.detail_img_area ul li.youtube a::before {
		position: absolute;
		content: "\f16a";
		font-family: FontAwesome;
		color: #E42B26;
		text-align: center;
		font-size: 42px;
		line-height: 120px;
		background: #FFF;
		opacity: 0.6;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		transition: all 0.3s;
	}
	.detail_img_area ul li.vimeo a::before {
		position: absolute;
		content: "\f03d";
		font-family: FontAwesome;
		color: rgb(15, 174, 241);
		text-align: center;
		font-size: 42px;
		line-height: 120px;
		background: #FFF;
		opacity: 0.6;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10;
		transition: all 0.3s;
	}
	.detail_img_area ul li.youtube img,
	.detail_img_area ul li.vimeo img {
		width:210px;
		opacity:0.7;
	}
	.detail_img_area ul li.invisible {
		display: none;
	}
	.detail_img_area ul li.visible {
		display: block;
	}
	.p_products > div.toShop {
		width: 100%;
		margin: 0 auto 20px;
		text-align: center;
	}
	.p_products > div.toShop > a {
		display: inline-block;
		margin:0 auto;
		padding: 1.2em 4.2em;
		background: #CC0000;
		letter-spacing: 0.1em;
		color: #FFF;
		text-decoration: none;
		transition: ease .3s;
	}
	.p_products > div.toShop > a::before {
		font-family: "FontAwesome";
		content: "\f07a";
		margin-right: 0.6em;
	}
	.color_variation_navi {
		margin: 0 auto 1.8em;
	}
	.color_variation_navi > ul {
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:flex-start;
	}
	.color_variation_navi > ul > li {
		width: 19%;
		padding: 4px 0;
		border: 1px solid #DDD;
		/*border-radius: 4px;*/
		list-style-type: none;
		text-align: center;
		line-height: 1.4;
		font-size: 72%;
		letter-spacing:-0.14em;
	}
	.color_variation_navi > ul > li.on {
		background: #00AAEA;
		color: #FFF;

	}
	.color_variation_navi > ul > li > span {
		display: inline-block;
		letter-spacing:0em
	}
	/*------------------------
	 Search
	------------------------*/
	.search_area {
		margin:30px auto 30px;
		background-image: linear-gradient(
			-45deg,
			#FFF 25%,
			#DDD 25%,
			#DDD 50%,
			#FFF 50%,
			#FFF 75%,
			#DDD 75%,
			#DDD
		);
		background-size: 4px 4px;
		text-align:center;
		padding:20px 0 10px;
	}
	.search_area #srchInput {
		padding:0 0 0 3px;
		width:70%;
		height:40px;
		border:1px solid #B7B7B7;
		font-size:18px;
		background: #fff url(https://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
	}
	.search_area #srchBtn {
		color:#FFF;
		font-size:18px;
		letter-spacing:0.08em;
		background:#3F4F69;
		font-family:"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		width:72px;
		height:38px;
		border:0;
		margin-left:16px;
		cursor:pointer;
	}
	.search_area img {
		width:1px;
	}
	.product_box_r {
		padding:0 10px;
	}
	.product_box_r p {
		padding:6px 0;
		color:#4D4D4D;
	}
	.product_box_r a {
		/*width:160px;
		height:160px;*/
		overflow:hidden;
		padding:0;
		border:1px solid #CCC;
		display:block;
		margin:0 0 10px;
	}
	.product_box_r img {
		display:table-cell;
		vertical-align:middle;
		min-width:120px;
	}
	.product_box_r .code {
		font-size:0.84em;
		padding:6px 10px;
		margin-bottom:3px;
		color:#FFF;
		text-shadow:1px 1px 3px #333;
		background:#999;
		display:inline-block;
		font-size:12px;
	}
	.product_box_r p {
		font-size:12px;
	}
	.product_box_r p.p_name {
		font-weight:bold;
	}
	.product_box_r p.p_name span {
		font-size:60%;
		vertical-align:5px;
	}
	.main_area {
		overflow:hidden;
		height:100%;
	}
	.main_area .logo_area {
		position:relative;
	}
	.main_area .logo_area .kenkosya_logo {
		text-align:right;
		position:absolute;
		right:1%;
		top:2%;
		z-index:10000;
	}
	.main_area .logo_area h1 {
		position:absolute;
		left:2%;
		top:3%;
		z-index:10000;
	}
	.main_area .logo_area .kenkosya_logo a img {
		width:40%;
	}
	.main_area .logo_area h1 a img {
		width:50%;
	}
	#catchcopy_area {
		padding:1em 0 2em;
		background: #F7F7F7;
		background:#F7F7F7 url("/xeroshoes/images/catchcopy_area_bg.jpg");
		background-repeat:no-repeat;
		background-position: 50% 50%;
		background-size:contain;
		background-attachment:fixed;
	}
	#catchcopy_area dt {
		text-align:center;
		color:#00AAEA;
		font-weight:bold;
		margin-bottom:20px;
		font-size:1.2em;
	}
	#catchcopy_area h2 {
		text-align:center;
		color:#00AAEA;
		font-weight:bold;
		margin-bottom:20px;
		font-size:1.2em;
	}
	#catchcopy_area h3 {
		text-align:center;
		letter-spacing:0.04em;
		color:#FFF;
		line-height:1.8em;
		font-size:1.4em;
		font-weight:bold;
		margin:0 auto 12px;
		padding:1.8em 0 0;
	}
	#catchcopy_area dd {
		color: #221815;
		font-size: 0.72em;
		line-height: 2.0em;
		padding:0 0.8em;
	}
	#catchcopy_area p {
		color: #221815;
		font-size: 0.72em;
		line-height: 2.0em;
		padding:0 0.8em;
	}
	/*-----------------------
	 About Xeroshoes
	------------------------*/
	.page-about {	}
	.page-about section {
		margin:0 auto 80px;
	}
	.page-about section h2 {	}
	.page-about section h3 {
		text-align:center;
		font-weight:500;
		color:#2aace3;
		letter-spacing:0.04em;
		font-size:22px;
		line-height:30px;
		margin:0 auto 0.6em;
	}
	.page-about section p {
		line-height:30px;
		padding:0 0.6em;
	}
	.page-about section p strong,
	.page-about section p i {
		font-size:120%;
	}
	.page-about section p i {
		color:#900;
	}
	.page-about section div.burden {
		padding:0 20%;
	}
	.movie {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.movie iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.page-about .video-area {
		padding: 20px 0 0;
	}
	.page-about .video-area .movie {
		margin: 20px auto;
	}
	/*-----------------------
	 Sizing Xeroshoes
	------------------------*/
	.page-sizing {	}
	.page-sizing section {
		margin:0 auto 80px;
	}
	.page-sizing section h2 {	}
	.page-sizing section h3 {
		text-align:center;
		font-weight:500;
		color:#2aace3;
		letter-spacing:0.04em;
		font-size:22px;
		line-height:30px;
		margin:0 auto 0.6em;
	}
	.page-sizing section p {
		line-height:30px;
		padding:0 0.6em;
	}
	.page-sizing section p strong,
	.page-sizing section p i {
		font-size:120%;
	}
	.page-sizing section p strong.howto {
		font-size:90%;
	}
	.page-sizing section p strong.sizeCheckTemplete {
		font-size:144%;
		letter-spacing: 0.04em;
	}
	.page-sizing section p i {
		color:#900;
	}
	.page-sizing section div.burden {
		padding:0 20%;
	}
	.movie {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	.movie iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
	.page-sizing .video-area {
		padding: 20px 0 0;
	}
	.page-sizing .video-area .movie {
		margin: 20px auto;
	}
	.tableScroll {
		overflow: auto;
		white-space: nowrap;
	}
	.tableScroll::-webkit-scrollbar {
 		height: 5px;
	}
	.tableScroll::-webkit-scrollbar-track {
 		background: #F1F1F1;
	}
	.tableScroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}
	.page-sizing .sizingTable {
		width: 100%;
		margin:0 auto;
	}
	.page-sizing .sizingTable tr:nth-child(odd){
		background: #DDD;
	}
	.page-sizing .sizingTable tr th,
	.page-sizing .sizingTable tr td {
		padding: 10px;
	}
	.page-sizing .sizingTable tr th {
		vertical-align: middle;
		color: #FFF;
	}
	.page-sizing .sizingTable tr th.mens {
		background: rgba(0,176,240,1);
	}
	.page-sizing .sizingTable tr th.ladies {
		background: rgba(253,114,166,1);
	}
	.page-sizing .sizeDownloadTable {
		width: 100%;
		margin:0 auto;
	}
	.page-sizing .sizeDownloadTable tr th,
	.page-sizing .sizeDownloadTable tr td {
		padding: 15px;
		border-bottom: 1px solid #EEE;
		text-align: center;
	}
	.page-sizing .sizeDownloadTable tr th {
		background: #DDD;
	}
	.page-sizing .sizeDownloadTable tr td a {
		display: inline-block;
		padding: 10px 18px;
		border: 1px solid rgba(0,176,240,1);
		border-radius: 4px;
		letter-spacing: 0.14em;
		color:  rgba(0,176,240,1);
		text-decoration: none;
	}
	.sizingBtn {
		display: inline-block;
		width: 96%;
		margin: 0 2%;
		padding: 6px 0;
		background: rgba(0,176,240,1);
		border-radius: 2px;
		color: #FFF;
		text-decoration: none;
		line-height: 1.6;
		letter-spacing: 0.08em;
		transition: .5s;
	}
	.sizingBtn.deepcolor {
		background: #004D91;
	}
	.sizingBtn span,
	.sizingBtn.deepcolor span {
		font-weight: bold;
		font-size: 120%;
	}
}