@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');

body, html{
	margin:0 auto;
	padding:0;
	width:100%;
	overflow-x:hidden;
	-webkit-text-size-adjust: none;
	-webkit-text-size-adjust:100%;
	font-family: 'Roboto', 'M PLUS 1p', sans-serif;
	font-size:16px;
}
img.fit{ width:100%; margin:0 0 30px 0; }
a {   text-decoration: none; }

/* *****************************************************************
 *clearfix
***************************************************************** */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

a{
	color:black;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a img{
	border:0; 
}
a:hover{
	color:#48658d;
}
a:hover img{
		-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.8;

}
.noscroll { overflow: hidden;}

/*IE回避用*/
img { -ms-interpolation-mode: bicubic; }

div.block div.text{ margin:0 20px; }
div.block div.center{ text-align:center; }

	/*-------------------------
	COMMON
	--------------------------*/
	div.with-border{ border:1px solid #ddd; border-top:0; margin:0; }
	div h4.headline{ font-size:15px; font-weight:bolder; letter-spacing:1px; margin:0; padding:0; padding:8px 0; text-align:center; background-color:#ef7786;  color:white;}
	div h4.headline-no-border{ font-size:15px; font-weight:bolder; letter-spacing:1px; margin:0; padding:0; padding:8px 0; text-align:center; }
	div h4.headline-full-border{ font-size:15px; font-weight:bolder; letter-spacing:1px; margin:0; padding:0; padding:8px 0; text-align:center; border:1px solid #dddddd;border-bottom:3px solid black; }
	div.block{ margin-bottom:2em; }
	div.block-no-margin{ margin-bottom:0; }
	div h2{
    font-size:large;
    color:#;
    text-align:center;
    padding:0;
    
}
.pc{ display:block; }
.smp{ display:none; }

.link{
    margin-top:-70px;
    padding-top:70px;
}
.section_line{
    background-image:url(../images/section_line.png);
    background-repeat:repeat-x;
    height:35px;
    position:absolute; 
    bottom:0;
    width:100%;     
}

.section_title{
padding-top:30px;   
}

.logo{
	margin:0;
	padding:0;
	background-color:#ffffff;
	text-align:center;
	padding:30px 0 30px;
}

.logo img{
	width:40%;
	max-width:280px;
    min-width:150px;

}
div.autoheight{
	margin-bottom:100px !important;
}


aside.visualbox{
	position:relative;
}
aside.visualbox div.utility{
	position:absolute;
	width:100%;
	height:auto;
	z-index:100000;
	top:0;
	left:0;
}
aside.visualbox div.utility div.select{
	position:absolute;
	left:20px;
	top:35px;
	background-color:rgba(255,255,255,0.8);
	border-radius:5px;
	width:190px;
}
aside.visualbox div.utility div.select:before{
	font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Lucida Grande', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	content:"Select Brand";
	display:block;
	position:absolute;
	top:-20px;
	left:0;
	font-size:12px;
}
aside.visualbox div.utility div.select h1{
	margin:0;
	padding:0;
	display:block;
	text-align:center;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
aside.visualbox div.utility div.select h1:after{
	content:"";
	display:block;
	width:10px;
	height:5px;
	position:absolute;
	background-image:url(../images/icon-bottom.png);
	background-repeat:no-repeat;
	background-position:center center;
	right:10px;
	top: 50%;
	transform: translateY(-50%);
}
aside.visualbox div.utility div.select img{
	display:block;
	height:43px;
	margin:5px auto;
}
aside.visualbox div.utility div.select ul{
	margin:0;
	border-top:1px solid #bab6b4;
	padding:0;
	display:none;
}
aside.visualbox div.utility div.select ul li{
	overflow:hidden;
}
aside.visualbox div.utility div.select ul li a{
	display:block;
	margin:0;
	padding:0;
	overflow:hidden;
}
#brandselect.float{
	position:fixed !important;
	top:auto;
	bottom:25px;
}

aside.visualbox nav.shortcut{
	position:absolute;
	top:30px;
	right:20px;
	z-index:100000;
}
aside.visualbox nav.shortcut ul{
	margin:0;
	padding:0;
	list-style-type:none;
	height:36px;
}
aside.visualbox nav.shortcut ul li{
	float:left;
	margin-right:11px;
	height:100%;
}
aside.visualbox nav.shortcut ul li:last-child{
	margin-right:0;
}
aside.visualbox nav.shortcut ul li a{
	display:block;
	background-color:rgba(255,255,255,0.3);
	border-radius:5px;
	height:100%;
}
aside.visualbox nav.shortcut ul li a img{
	display:block;
	height:100%;
	width:auto;
}
aside.visualbox nav.shortcut.float{
	position:fixed !important;
	top:auto;
	bottom:35px;
}


/* Header */
header .sp-menu{
    	display:none;
}
header nav{
	overflow:hidden;
	height:60px;
}
header nav h1{
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:170px;
	padding-right:20px;
	height:100%;
	line-height:60px;
	overflow:hidden;
	text-indent:-10000px;
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
#joywalker header nav h1{
	background-image:url(../images/joywalker-logo-s.jpg);
	background-size:120px;
}
#plus header nav h1{
	background-image:url(../images/plus-logo.png);
	background-size:50px;
}
header nav h1:after{
	content:"";
	display:block;
	width:20px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background-image:url(../images/icon-rightarrow.jpg);
	background-repeat:no-repeat;
	background-position:left center;
}
header nav div.container{
	width:1050px;
	margin:0 auto;
}
header nav ul{
	float:left;
	overflow:hidden;
	margin:0;
	padding:0;
	height:60px;
	margin-left:40px;
}
header nav ul li{
	display:block;
	float:left;
	margin-right:50px;
	margin-right:40px;
	font-weight:bolder;
}
header nav ul li:last-child{
	margin-right:0;
}
header nav ul li a{
	display:block;
	padding:0;
	line-height:60px;
}
header nav ul li a:hover{
}

/* Main */
main{
	position:relative;
	z-index:10000;;
	margin:0 auto;
	width:100%;
}
#menu-box{
	position:relative;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:0 0 10px 0 auto;
	width:100%;
	background-color:#ffffff;
	z-index:10001;
	  
}
div.menu{

}
div.menu table{
	width:80%;
	margin:0 auto;
	padding:0;
}
div.menu table td{
	padding:0 3px;
	width:9%;
	text-align:center;
}
div.menu table td a{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	display:block;
	/* height:50px; */
	/* line-height:50px; */
	line-height:1.2em;
	font-size:13px;
    	font-weight:bold;
	text-decoration:none;
	color:#333333;
	border-bottom:4px solid white;
	padding:10px 0;
	overflow:hidden;

}
div.menu table td a:hover{
	border-bottom:4px solid green;
    	color:green;
}
div.menu table td a img{
	vertical-align:middle;
}

header .pc-menu{
	text-align:center;
    
}


/*-------------------------
concept
--------------------------*/
#concept{
	display:block;
	position: relative;
	text-align: center;
	margin:0 0 50px 0;
	padding:0px;
	height:100%;
	min-height:100%;
	margin-top:50px;
	overflow:hidden;
}
#concept table{
	vertical-align:middle;  
}
#concept .half{
	float: left;
	text-align:center;
}
#concept .half:first-child{
	width:37%;
}
#concept .half:last-child{	
	width:63%;
}
#concept .half img{
	margin:0 auto;
}
#concept{
	margin-top:0;
	padding:50px 0;
	max-width:1050px;
	margin:0 auto;
}
#concept h1{
	margin:13px 0;
	padding:0;
}
#concept .half:first-child img{
	width:200px;
}
#concept div.c-right{
    float: left;
    width: 51%;
}
#concept div .waku{
    padding:10px;
    border:1px solid #eeeeee;
    background-color:#fff;  

}

#concept .concept-caption p{
    color:#643919;
    line-height:150%;
	font-size:medium;
}
#headImage {
   width:100%;
   overflow:hidden;
   position:relative;
   list-style:none;
	border:3px solid white;
	display:block;
}

/*-------------------------
Tab Conrol
--------------------------*/
div.tabmenu{
	max-width:1050px;
	overflow:hidden;
	margin:0 auto;
	border-bottom:2px solid #000000;
}
div.tabmenu ul{
	margin:0 1%;
	padding:0;
	display:flex;
	justify-content: space-between;
}
div.tabmenu ul li{
	display:block;
	margin:0 1%;
	text-align:center;
	background-color:#efefef;
	padding:10px 0;
	border-radius:8px 8px 0 0;
	cursor:pointer;
	font-size:14px;
	font-size:9px;
	flex-grow: 0;
	flex-shrink: 0;
	width: 230px;

	background-repeat:no-repeat;
	background-position:center 60%;
	background-size:120px;

	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
	padding-top:45px;
}

div.tabmenu ul li.all{
	margin-right: auto;
	background-image:url(../images/label-all.png?v1);
	width: 100px;
}
div.tabmenu ul li.all.active{
	background-image:url(../images/label-all-w.png?v1);
}

div.tabmenu ul li.shoes{
	background-image:url(../images/label-shoes.png?v1);
}
div.tabmenu ul li.shoes.active{
	background-image:url(../images/label-shoes-w.png?v1);
}
div.tabmenu ul li.sandal{
	background-image:url(../images/label-sandal.png?v1);
}
div.tabmenu ul li.sandal.active{
	background-image:url(../images/label-sandal-w.png?v1);
}
div.tabmenu ul li.slipon{
	background-image:url(../images/label-slipon.png?v1);
}
div.tabmenu ul li.slipon.active{
	background-image:url(../images/label-slipon-w.png?v1);
}
div.tabmenu ul li.boots{
	background-image:url(../images/label-boots.png?v1);
}
div.tabmenu ul li.boots.active{
	background-image:url(../images/label-boots-w.png?v1);
}


div.tabmenu ul li:hover{
	opacity:0.8;
}
div.tabmenu ul li.active{
	background-color:#000000;
	color:white;
}

div.tab-content{
	display:none;
	box-sizing:border-box;
	margin-bottom:80px;
	margin-top:40px;
}
div.tab-content .product{
	background-color:white;
	padding:0;
	box-sizing:border-box;
	margin:0 auto;
	width:1050px;
}


div.tab-content .product .item{
	display:block;
	float:left;
	margin:0;
	padding:5px 0;
	width:25%;
	font-size:12px;
	box-sizing:border-box;
	-ms-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	position:relative;
	border-right:1px solid #f4f4f4;
	border-bottom:1px solid #f4f4f4;
}
div.tab-content .product .item.deliveryOct:after{
	content:"10月中旬入荷予定";
	border:1px solid #333;
	font-family:Century Gothic;
	font-size:11px;
	font-weight:bolder;
	display:inline-block;
	position:absolute;
	padding:5px 9px;
	background-color:white;
	left:10px;
	top:10px;
	z-index:10000;
}
div.tab-content .product .item.deliveryOctJyojun:after{
	content:"10月上旬入荷予定";
	border:1px solid #333;
	font-family:Century Gothic;
	font-size:11px;
	font-weight:bolder;
	display:inline-block;
	position:absolute;
	padding:5px 9px;
	background-color:white;
	left:10px;
	top:10px;
	z-index:10000;
}

div.tab-content .product .item.new:after{
	content:"NEW";
	border:1px solid #333;
	font-family:Century Gothic;
	font-size:11px;
	font-weight:bolder;
	display:inline-block;
	position:absolute;
	padding:5px 9px;
	left:10px;
	top:10px;
	z-index:10000;
	background-color:white;
}
div.tab-content .product .item.newcolor:after{
	content:"NEW COLOR";
	border:1px solid #333;
	font-family:Century Gothic;
	font-size:11px;
	font-weight:bolder;
	display:inline-block;
	position:absolute;
	padding:5px 9px;
	left:10px;
	top:10px;
	z-index:10000;
	background-color:white;
}
div.tab-content .product .item.new.on:after,
div.tab-content .product .item.newcolor.on:after{
	left:20px;
	top:25px;
	background-color:rgba(255,255,255,0.7);
}

div.tab-content .product .item:nth-of-type(4n){
	margin-right:0;
	border-right:0;
}
div.tab-content .product .item:nth-of-type(4n+1){
	clear:both;
}
div.tab-content .product .item a img{
	display:block;
	width:100%;
	opacity:1;
}
div.tab-content .product .item b{
	display:block;
	font-size:20px;
	font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', 'Lucida Grande', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight:normal;
	font-feature-settings : "palt";
	margin-bottom:5px;
}
div.tab-content .product .on b{
	font-size:22px;
}
div.tab-content .product .item .first{
	height:240px;
	padding:10px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	margin-bottom:10px;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
div.tab-content .product .item .first img{
	position:absolute;
	display:block;
	width:100%;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
div.tab-content .product .item .detail{
	height:240px;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	overflow:hidden;
	position:relative;
	position:absolute;
	top:0;
	opacity:0;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
div.tab-content .product .item .detail a{
	display:block;
	height:100%;
	width:100%;
	overflow:hidden;
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
}
div.tab-content .product .item .detail a.colored{
	/* background-size:contain !important; */
	background-size:120%;
	
}
div.tab-content .product .item .colors-icon{
	margin:10px 0;
	padding:0;
	display:inline-block;
	
}
div.tab-content .product .item .colors-icon li{
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin:0 5px;
}
div.tab-content .product .item .colors{
	overflow:hidden;
	display:none;
	padding: 10px;
}
div.tab-content .product .item .colors a{
	display:block;
	width:32%;
	float:left;
	margin-right:2%;
	position:relative;
}
div.tab-content .product .item .colors a.new:after{
	content:"NEW";
	position:absolute;
	display:inline-block;
	top:0;
	background-color:#000000;
	right:0;
	color:white;
	font-family:Century Gothic;
	font-size:8px;
	padding:2px 3px;
	border-radius:4px;
}
div.tab-content .product .item .colors a img{
	display:block;
	width:100%;
}
div.tab-content .product .item .colors a:nth-child(3n){
	margin-right:0;
}
div.tab-content .product .on .popup{
	position:absolute;
	z-index:100;
	background-color:white;
	border:1px solid #ddd;
	box-shadow:0px 0px 15px rgba(10,10,10,0.2);
	border-radius:10px;
	overflow:hidden;
}
div.tab-content .product .on .first{
	opacity:0;
}
div.tab-content .product .on .detail{
	opacity:1;
}
div.tab-content .product .on .colors{
	display:block;
}
div.tab-content .product .on .colors-icon{
	display:none;
}

/*-------------------------
sole
--------------------------*/
div.sole{
	max-width:1050px;
	margin:0 auto;
	margin-bottom:40px;
}
.section_title{
	text-align:center;
	padding:30px 0;
}
.section_title img{
	display:inline-block;
	margin-bottom:30px;
}
div.sole ul{
	margin:20px 0;
	padding:0;
}
div.sole ul li{
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:24%;
	margin-right:1.333333333333333%;
	margin-bottom:20px;
}
div.sole ul li:nth-child(4n){
	margin-right:0;
}
div.sole ul li b{
	display:block;
	color:#333;
	text-align:center;
	margin:0 1rem;
	margin-bottom:18px;
	padding:8px 0;
	word-wrap: break-word;
}
div.sole ul li a{
	display:block;
	width:100%;
}
div.sole ul li a img{
	display:block;
	width:100%;
	margin-bottom:0.5rem;
}
/*-------------------------
gallery
--------------------------*/
div.gallery{
	max-width:1050px;
	margin:0 auto;
}
div.gallery .section_title{
	text-align:center;
}
div.gallery .section_title img{
	display:block;
	margin:0 auto;
}
div.gallery .photolist{
	overflow:hidden;
	padding:35px;
	box-sizing:border-box;
	width:1050px;
}
div.gallery .photolist ul{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
}
div.gallery .photolist ul li{
	display:block;
	float:left;
	width:215px;
	margin-right:40px;
}
div.gallery .photolist ul li:nth-child(4n){
	margin-right:0;
}
div.gallery .photolist ul li:nth-child(4n+1){
	clear:both;
}
div.gallery .photolist ul li a{
	overflow:hidden;
	background-color:white;
	display:block;
	text-align:center;
	margin-bottom:30px;
	padding:10px;
	box-shadow:0px 0px 2px rgba(10,10,10,0.2);
}
div.gallery .photolist ul li a img{
	display:block;
	margin:0 auto;
	width:100%;
}
div.gallery .photolist ul li b{
	font-weight:normal;
	text-align:center;
	font-size:11px;
}

/*-------------------------
feature
--------------------------*/
#feature{
    background-image:url();
    position: relative;
    text-align: center;
    margin:0 0 50px 0;
    padding:0px;
    height:100%;
    min-height:100%;

}

#feature .feature-img img{
    padding:20px 0 20px 0;
    margin:0 auto;
    width:90%;
    display:block;
}

/*-------------------------
instagram
--------------------------*/


.insta-jwp div.thumbnail{
	overflow:hidden;
}
.insta-jwp div.thumbnail ul{
	margin:40px 0;
	padding:0;
	overflow:hidden;
	list-style-type:none;
}
.insta-jwp div.thumbnail ul li{
	float:left;
	display:blcok;
	width:22%;
	margin-right:4%;
	margin-bottom:35px;
	background-color:white;
	padding:6px;
	/* padding-bottom:50px; */
	box-shadow:1px 1px 2px rgba(10,10,10,0.2);
	box-sizing:border-box;
	border-radius:5px;
}
.insta-jwp div.thumbnail ul li a{
	display:block;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:left top;
	box-sizing:border-box;
}
.insta-jwp div.thumbnail ul li img{
	display:block;
	width:100%;
}
.insta-jwp div.thumbnail ul li:nth-child(4n){
	margin-right:0;
}
.insta-jwp div.thumbnail ul li:nth-child(4n+1){
	clear:both;
}
@media screen and (max-width: 736px) {
	main{
		margin:0 10px;
		width: auto;
	}
	.insta-jwp div.thumbnail ul{
		margin:0 ;
	}
	.insta-jwp div.thumbnail ul li{
		width:48%;
		margin-right:4%;
		padding:4px;
		margin-bottom:10px;
		display:none;
	}
	.insta-jwp div.thumbnail ul li:nth-child(4n){
		margin-right:4%;
	}
	.insta-jwp div.thumbnail ul li:nth-child(4n+1){
		clear:none;
	}
	.insta-jwp div.thumbnail ul li:nth-child(2n){
		margin-right:0;
	}
	.insta-jwp div.thumbnail ul li:nth-child(2n+1){
		clear:both;
	}
	.insta-jwp div.thumbnail ul li:nth-child(1),
	.insta-jwp div.thumbnail ul li:nth-child(2),
	.insta-jwp div.thumbnail ul li:nth-child(3),
	.insta-jwp div.thumbnail ul li:nth-child(4){
		display:block;
	}	
}



#instagram{
    background-image:url();
    position: relative;
    text-align: center;
    margin:0 0 50px 0;
    padding:0px;
    height:100%;
    min-height:100%;
}
#instagram .ribbon{
	padding:0;
}
#instagram iframe{
	display:block;
	width:100%;
	height:920px;
}


div.insta-jwp{
	max-width:1050px;
	margin:0 auto !important;
	margin-bottom:40px;
}
div.insta-jwp .section_title{
	text-align:center;
}
div.insta-jwp .section_title .cpt{
	font-family: "Zen Maru Gothic", serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 100%;
    display: inline-block;
    border-bottom: 2px solid #333;
    padding-bottom: 7px;
}
div.insta-jwp iframe{
	margin:0 auto;
	height:900px !important;
}
@media screen and (max-width: 736px) {
	div.insta-jwp iframe{
		height:360px !important;
	}
	div.insta-jwp .section_title img {
		margin-bottom:20px !important;
	}
	div.insta-jwp .section_title p{
		margin-bottom:20px;
	}
}

div.voices div.ban{
	text-align: center;
}

/*-------------------------
shoplist
--------------------------*/
#shoplist{
    background-image:url();
    position: relative;
    text-align: center;
    margin:0 0 50px 0;
    padding:0px;
    height:100%;
    min-height:100%;

}

#shoplist .waku-img img{
    padding:0;
    margin:0 auto;
    width:90%;
    display:block;
}


.shop-list{
    width:90%;
    margin:0 auto;
    background-color:#ffffff;
	box-shadow:0px 0px 2px rgba(10,10,10,0.2);
    margin-top:20px;
}
#plus .shop-list{
	border:0;
	box-shadow:none;
}

.tape-left{
 position: relative;
 float:left;  
}

.tape-right{
 position: relative;
 float:right;
    
}

.shop-list2 {
	margin:0 auto;
    width:95%;
    padding-top:20px;
	-webkit-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	transform: rotate(0.028deg);
}
.shop-list2 h3 {
	font-weight:normal;
	text-align: center;
	padding:20px 0 10px 0;	
	border-bottom:solid 1px #030;
}
.shop-list2 h3 span{
	font-size:21px;
}
.store_list dd .store_tel{
	padding-top:-3px;
	margin-bottom: 63px;
	text-align: center;
}


.store_area {
	margin-bottom: 30px;
	text-align: center;
}
.store_list_area {
	padding-bottom:10px;
/*	font-family: novecento_sans_widenormal;*/
	font-size:120%;
	display: inline-table;
	zoom:1;
    margin:0 auto;
}
/* hides from ie mac \*/
* html .store_list_area { height: 1%; }
.store_list_area {
	display: block;
	margin:0 30px;
}
/* end hide from ie mac */
.store_list {
	width: 31%;
	padding: 0 0 30px;
	margin-right:3.5%;
	float: left;
	box-sizing:border-box;
}
.store_list:nth-child(3n) {
	margin-right:0;
}
.store_list:nth-child(3n+1) {
	clear:both;
}
.store_list dt {
	min-height: 27px;
	margin-bottom:10px;
	padding-bottom:7px;
	letter-spacing: 0.05em;
	line-height: 1.4em;
	border-bottom: solid 1px #9c9d9d;
}
.b {
	letter-spacing: 00em;
}

.store_list dd {
	line-height: 1.8em;
	font-size: 0.8em;
}
.store_list dd:last-child {
	margin-top: 4px;
}

.store_name {
		font-weight:800;
}


	/*-------------------------
	product
	--------------------------*/
.product{
	position: relative;
	text-align: center;
	margin:0 0 20px 0;
	padding:0px;
	height:100%;
	min-height:100%;
	position:relative;
}
.product .list{
	transform: rotate(1deg);
	max-width:900px;
	width:90%;
	margin:0 auto;
	background-color:white;
	box-shadow:3px 3px 3px rgba(10,10,10,0.6);
	position:relative;
	margin-top:35px;
}
.product .list .ribbon{
	overflow:hidden;
	padding-bottom:20px;
	padding-top:40px;
	margin:10px;
}
.product .list .ribbon:before{
	content:"";
	background-image:url(../images/tape_left.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:175px;
	height:90px;
	position:absolute;
	top:-40px;
	left:-50px;
}
.product .list .ribbon:after{
	content:"";
	background-image:url(../images/tape_right.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:175px;
	height:90px;
	position:absolute;
	top:-40px;
	right:-50px;
}
.product .list a{
	display:block;
	width:25%;
	float:left;
	position:relative;
}
.product .list a.new:after{
	content:"NEW";
	display:block;
	border:1px solid #0066b6;
	color:#0066b6;
	left:5px;
	top:5px;
	padding:1px 5px;
	font-size:10px;
	position:absolute;
}
.product .list a img{
	display:block;
	width:100%;
}
.product .list a b{
	display:block;
	font-weight:normal;
	font-size:10px;
	color:gray;
}
.product .list div.unit{
	overflow:hidden;
}
.product .list div.unit.style-2018{
	box-sizing:border-box;
	text-align:right;
	padding-left:50%;
	background-image:url(../images/label-2018newmodel.png);
	background-repeat:no-repeat;
	background-size:contain;
	border-bottom:1px solid #ddd;	
	margin-bottom:20px;
}
.product .list div.unit.style-2018 a{
	width:50%;
}

#product-plus{
	margin:0 50px;
}
#product-plus img{
	display:block;
	width:100%;
}

.product .productlist a:hover{
	background-color: rgba(255, 255, 255, 0.3);
	border:0; 
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0.8;
}

/*-------------------------
PLUS
--------------------------*/
#plus{
	background-image:none;
}
#plus #menu-container{
	height:auto;
}





#plus #feature{
	margin-top:50px;
}
#plus #feature img.fit{
	display:block;
	max-width:940px;
	width:100%;
	margin:0 auto;
}

#plus div.thumbnail ul{
	margin:40px 0;
}

#plus .product{
	position:relative;
}
#plus .product div.section_title{
	margin:13px 0;
	padding:0;
}
#plus .product div.productlist{
	position:relative;
	max-width:940px;
	margin:0 auto;
	margin-bottom:20px;
}
#plus .product div.productlist img{
	display:block;
	width:100%;
}
#plus .product div.productlist a.bo105wht{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
#plus .product div.productlist a.bo105blk{
	display:block;
	width:22%;
	position:absolute;
	left:39%;
	top:57%;
	height:43%;
}


#plus .product div.productlist a.b101{
	display:block;
	width:49%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
#plus .product div.productlist a.b102{
	display:block;
	width:49%;
	position:absolute;
	right:0;
	top:0;
	height:100%;
}
#plus .product div.productlist a.ca202{
	display:block;
	width:49%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
#plus .product div.productlist a.ba103{
	display:block;
	width:49%;
	position:absolute;
	right:0;
	top:0;
	height:100%;
}


#plus .product div.productlist a.cs102{
	display:block;
	width:49%;
	position:absolute;
	right:0;
	top:0;
	height:100%;
}
#plus .product div.productlist a.cs101{
	display:block;
	width:49%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}
#plus .product div.productlist a.ca201{
	display:block;
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:100%;
}


#plus .product div.productlist div.b101-inner-link{
	position:absolute;
	display:block;
	width:22%;
	height:63%;
	top:21%;
	left:13.5%;
}
#plus .product div.productlist div.b102-inner-link{
	position:absolute;
	display:block;
	width:22%;
	height:63%;
	top:21%;
	right:13.5%;
}
#plus .product div.productlist div.ca202-inner-link{
	position:absolute;
	display:block;
	width:22%;
	height:57%;
	top:24%;
	left:13.5%;
}
#plus .product div.productlist div.ba103-inner-link{
	position:absolute;
	display:block;
	width:22%;
	height:57%;
	top:24%;
	right:13.5%;
}
#plus .product div.productlist div.ca201-inner-link{
	position:absolute;
	display:block;
	width:21%;
	height:100%;
	top:0;
	right:39.5%;
}


#plus .product div.productlist div.b101-inner-link a,
#plus .product div.productlist div.b102-inner-link a,
#plus .product div.productlist div.ba103-inner-link a,
#plus .product div.productlist div.ca202-inner-link a,
#plus .product div.productlist div.ca201-inner-link a{
	display:block;
	position:absolute;
	width:100%;
}
#plus .product div.productlist div.b101-inner-link a.white{ top:0; left:0; height:33%; }
#plus .product div.productlist div.b101-inner-link a.beige{ top:33%; left:0; height:33%; }
#plus .product div.productlist div.b101-inner-link a.black{ top:66%; left:0; height:33%; }
#plus .product div.productlist div.b102-inner-link a.white{ top:0; left:0; height:33%; }
#plus .product div.productlist div.b102-inner-link a.beige{ top:33%; left:0; height:33%; }
#plus .product div.productlist div.b102-inner-link a.black{ top:66%; left:0; height:33%; }

#plus .product div.productlist div.ca202-inner-link a.white{ top:0; left:0; height:40%;}
#plus .product div.productlist div.ca202-inner-link a.beige{ top:40%; left:0; height:30%;}
#plus .product div.productlist div.ca202-inner-link a.black{ top:70%; left:0; height:30%;}
#plus .product div.productlist div.ba103-inner-link a.white{ top:0; left:0; height:40%;}
#plus .product div.productlist div.ba103-inner-link a.beige{ top:40%; left:0; height:30%;}
#plus .product div.productlist div.ba103-inner-link a.black{ top:70%; left:0; height:30%;}
#plus .product div.productlist div.ca201-inner-link a.beige{ top:0; left:0; height:60%;}
#plus .product div.productlist div.ca201-inner-link a.black{ top:60%; left:0; height:40%;}

#plus #contact{
	margin-bottom: 50px !important;
}
#plus #contact div.contactlist{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	max-width:940px;
	margin:0 auto;
	background-color:white;
}
#plus #contact div.contactlist img{
	display:block;
	width:100%;
}
#plus #contact div.contactlist a.kojin{
	display:block;
	position:absolute;
	width:60%;
	height:10%;
	top:31%;
	left:20%;
}
#plus #contact div.contactlist a.houjin{
	display:block;
	position:absolute;
	width:60%;
	height:10%;
	top:52%;
	left:20%;
}
#plus .store_list_area{
	margin:0;
}
#plus .shop-list2 h3{
	background-color:#efefef;
	border:0;
	padding:1rem 0;
}
#plus .shop-list2 a{
	line-height:120%;
	display:block;
	color:#333;
	font-weight:normal;
	padding:0.5rem;
	font-size:0.95rem;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	font-weight:bolder;
}
#plus .shop-list2 a:hover{
	color:#48658d;
}
#plus .store_list dt{
	padding:0;
	border:0;
	border-bottom:0;
	margin:0;
	margin-bottom:20px;
}

#plus .store_list dd{
	line-height:180%;
	font-size:0.8rem;
}

/*-------------------------
CONTACT
--------------------------*/
/*#contact{

    text-align:center;
    margin:0;
    margin:0 0 30px 0;
    height:100%;
    min-height:100%;
    
}*/
#contact{
    position: relative;
    text-align: center;
    margin:0 0 10px 0;
    padding:0px;

}

#contact .contact-img img{
    margin:0 auto;
    padding:0px;
    width:90%;
    display:block;
    

    
}


#contact .contact-add{
    background-image:url(../images/contact-bg.png);
    background-repeat:no-repeat;
    background-size:100%; 
    width:70%;
    font-size:medium;
    text-align:center;
    margin:0 auto;
    padding-top:100px;
    height:400px;
    
}

#contact .contact-add p{
    font-size:medium;
     
    
}

#contact .contact-add a{
    font-size:large; 
    
}


/*-------------------------
kiyaku
--------------------------*/
#kiyaku{

    margin:0 auto;
	max-width:800px;
    background-color:#ffffff;
    padding:50px;
        
    
}

#kiyaku .logo{
    text-align:center;
}

#kiyaku .logo img{
    width:30%;
    min-width:200px;
}


/*-------------------------
footer
--------------------------*/

div#footer{
	position:relative;
	z-index:10000;
	text-align:center;
	width:100%;
	background-image:url(../images/bottom.jpg);
}
#plus div#footer{
	background-image:none;
	background-color:#f6f6f6;
	overflow:hidden;
}
@media screen and (max-width: 736px) {
	div#footer{
		height:100px;
		text-align:center;
	}
	#plus div#footer{
		height:auto;
	}
}

div#footer .footerbox{
	position:relative;
	width:90%;
	margin:0 auto;
}

div#footer a{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


div#footer .footerbox div.menu{
	padding:10px 0;
	text-align:center;
}

div#footer .footerbox .txt-float{
	margin:0;
	float:right;
	text-align:right;
	font-size:10px;
	font-family:Century Gothic;
	letter-spacing:0;
	padding:10px 0;
    color:#000000;
}


/* *****************************************************************
 *13.スマホメニュー
***************************************************************** */
	#side-menu{
		display:none;
    }
	.pc-menu{
		display:block;
    }


	div.sidr-class-group, div.group{
		background-color:#000000;
		line-height:32px;
		color:#ffffff;
		height:32px;
		text-align:center;
		
	}
	div.sidr-class-group span{
		font-size:12px;
		padding: 0 15px;
	}

	div.sidr-class-cate{
		font-weight:bold;
		font-size:12px;
		padding-left:0.5em;
		margin:0 0.5em;
	}

	li.sidr-class-all, li.all{
		background-image:url('/images/whitealpha-50.png');
    
	}
	li.sidr-class-all b{
		display:inline;
		border-left:2px solid tomato;
		font-weight:normal;
		font-size:12px;
		padding-left:0.5em;
        margin-left:0.5em;
    	color:330000;
	}
	.sidr ul li a{
		line-height:40px !important;
		text-align:center;
	}
	.sidr ul li a, .sidr ul li span{
		font-size:14px !important;
	}
	.sidr-class-midashi{
		background-image:url('/images/blackalpha-30.png');
		line-height:32px;
		color:white;
		height:32px;
		font-weight:bolder;
		text-align:center;
	}
	.sidr-class-block_body{
		padding:5px 0;
	}
	#sidr-id-categorytree ul{
		border-bottom:2px solid #663a3a !important;
	}
	#sidr-id-categorytree ul li p{
		margin:0;
		padding:0;
	}
	#sidr-id-categorytree ul li a{
		padding:10px;
		line-height:1.2em !important;
	}
	.sidr-class-brand a{
		margin:0 !important;
		padding:5px 0 !important;
		text-align:center;
	}
	.sidr-class-brand img{
		width:95%;
	}
	#sidr-id-calender_area{
		display:none;
	}





/*------------------------------------------------------------------------------------
SMART PHONE (Smaller than 640px of Screen)
------------------------------------------------------------------------------------*/
@media screen and (max-width: 920px){

	html{
		font-size:14px;
	}
	body{
	}
	header .sp-menu{
    	display:block;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		/* background-image:url(../images/joywalker-logo.jpg); */
		background-size:100px;
		background-repeat:no-repeat;
		background-position:10px center;
	}
    #showmenu{
		font-size:x-large;
		font-weight:bold;
		padding:5px 10px;
		float:right;
	}
	.pc-menu{
		display:none;
    }

	.pc{ display:none; }
	.smp{ display:block; }


	.main_container{
	    margin:0 auto;
	    width:100%;
	}

	#concept{
	    margin:0 auto;
	}

	div.button-container{
		position:relative;
		top:0;
		left:0;
		width:100%;
		height:35px;
		overflow:visible;
		background-color:rgba(255,255,255,0.8);
	}
	aside.visualbox nav.shortcut{
		position:relative;
	}
	aside.visualbox div.utility{
		position:relative;
		float:left;
		width:30%;
		height:100%;
		border-right:1px solid #666;
		overflow:visible;
		background-color:transparent;
	}
	aside.visualbox div.utility div.select{
		position:relative !important;
		left:auto;
		top:auto;
		width:100% !important;
		background-color:rgba(255,255,255,0.8);
	}
	aside.visualbox div.select{
		border-radius:0 !important;

		width:100px !important;
	}
	aside.visualbox div.utility div.select ul{
		height:35px;
	}
	aside.visualbox div.utility div.select h1{
		height:35px;
		position:relative;
		box-sizing: border-box;
	}
	aside.visualbox div.utility div.select img{
		
		height:26px;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		position: absolute;
		margin: 0;
		padding: 0;
	}
	aside.visualbox div.utility div.select ul li{
		height:100%;
		width:100%;
		position:relative;
	}
	aside.visualbox div.utility div.select ul li a{
		height:100%;
		width:100%;
	}
	aside.visualbox nav.shortcut.float{
		bottom:20px;
		right:20px;
		border: 1px solid #666;
		border-right:0;
	}
	aside.visualbox div.utility div.select::before{
		display:none;
		border-right: 1px solid #666;
	}
	#brandselect.float{
		left:20px;
		bottom:0;
		position: fixed !important;
		top: auto;
		bottom:20px;
		width: 130px !important;
	}
	#brandselect.float h1{
			border: 1px solid #666;
	}
	#brandselect.float h1 img{
		margin:0 !important;
	}
	aside.visualbox nav.shortcut{
		position:relative;
		float:right;
		top:0;
		right:0;
	}
	aside.visualbox nav.shortcut ul{
		width:100%;
		height:33px;
	}
	aside.visualbox nav.shortcut ul li{
		margin-right:0;
		border-right:1px solid #666;
	}
	aside.visualbox nav.shortcut ul li a{
		border-radius:0;
	}

	#concept .half{
	    width: 90%;
	    margin:0 auto;
	    float:none;   
	}
	#concept .half:first-child img{
		width:110px;
		
	}
	#concept .half:first-child{
		width:90%;
	}
	#concept .half:last-child{
		width:90%;
	}
	#concept .half img{
		width:100%;
	}
	#concept .half h1 img{
		width:50%;
		
	}

	.product .list a.new:after{
		padding: 0px 2px;
		font-size: 6px;
	}


	#joywalker .logo{
		padding-bottom:20px;
	}
	#joywalker #feature{
		margin-bottom:20px !important;
	}
	#joywalker .product-plus{
		margin-bottom:20px !important;
	}
	#joywalker #concept{
		margin-bottom:20px !important;
	}
	#joywalker #shoplist{
		margin-bottom:20px !important;
	}
	#joywalker #contact{
		margin-bottom:20px !important;
	}

	#joywalker .product .list .ribbon{
		overflow:hidden;
		padding-bottom:10px;
		padding-top:20px;
		margin:10px;
	}
	#joywalker .product .list .ribbon:before{
		content:"";
		background-image:url(../images/tape_left.png);
		background-position:left top;
		background-repeat:no-repeat;
		background-size:contain;
		width:65px;
		height:35px;
		position:absolute;
		top:-10px;
		left:-25px;
	}
	#joywalker .product .list .ribbon:after{
		content:"";
		background-image:url(../images/tape_right.png);
		background-position:left top;
		background-repeat:no-repeat;
		background-size:contain;
		width:65px;
		height:35px;
		position:absolute;
		top:-10px;
		right:-25px;
	}
	.product{
		margin-bottom:30px;
	}
	#product-plus{
		margin:0 10px;
		margin-bottom:20px;
	}
	#instagram div.section_title img{
		height:20px;
	}
	#instagram .list{
		margin-top:0px;
	}
	#instagram iframe{
		height:350px;
	}
	#instagram div.thumbnail ul{
		margin:5px;
	}
	

	#plus  h1.logo{
		padding-bottom:10px;
	}
	#plus #concept{
		margin-bottom:20px;
		padding:20px 0;
	}
	#plus #concept div.c-left{
		width:auto;
		margin-bottom:20px;
	}
	#plus #concept div.c-right{
		float:none !important;
		width:90%;
	}
	#plus #concept div.c-left div.frame{
		width:100%;
	}
	#plus #concept .c-left img{
		width:auto;
		margin-right:0;
		margin:0 auto;
		width:85px;
		display:block;
	}
	#plus #concept .c-right img{
		margin:0;
	}
	
	#plus #feature{
		margin:25px auto;
	}
	#plus #feature div.section_title{
		padding:0;
	}
	#plus #feature img.fit{
		width:90%;
	}
	
	#plus #itemlist{
		margin-bottom: 80px;
	}
	#plus .tab-content{
		margin-top: 10px;
		margin-bottom: 0;
	}
	#plus .tabmenu li{
		background-size:80px;
		background-position:center center;
		padding-top:25px;
		width: 80px;
	}
	#plus .tabmenu li.all{
		width: 50px;
	}

	
	#plus .product{
		padding:0;
		margin-bottom:0;
		width:auto;
	}
	
	#plus .product div.section_title img{
		width:150px;
	}

	#plus div.voices div.ban{
		text-align: center;
		margin: 0 10px;
	}
	#plus div.voices div.ban img{
		display: block;
		width: 100%;
	}
	

	div.tab-content .product{
		box-shadow:none;
	}
	div.tab-content .product a {
		width:32%;
		margin-right:2%;
		margin-bottom:10px;
		font-size:10px;
	}
	div.tab-content .product a:nth-child(3n) {
		margin-right:0;
	}
	div.tab-content .product{
		margin-bottom:10px;
	}
	div.tab-content .product > strong{
		font-size:15px;
		margin-bottom:10px;
		padding:5px 0;
	}
	div.tab-content .product .item{
		width:50%;
		margin-right:0;
	}
	div.tab-content .product .item:nth-of-type(3n){
		margin-right:0;
	}
	div.tab-content .product a img{
		display:block;
		width:100%;
		margin-bottom:5px;
	}
	div.tab-content .product a:nth-child(4n){
		margin-right:0;
		border-right:1px solid #f4f4f4;
	}
	div.tab-content .product a:nth-child(4n+1){
		clear:both;
	}
	div.tab-content .product .item:nth-of-type(2n){
		margin:0;
		border-right:0;
	}
	div.tab-content .product .item:nth-of-type(2n+1){
		clear:both;
	}
	div.tab-content .product .item .first{
		height:140px;
		padding:0;
		margin-bottom:0;
	}
	div.tab-content .product .item .detail{
		height:140px;
		padding:0;
	}
	div.tab-content .product .item b{
		margin-bottom:0;
		font-size: 14px;
		margin-bottom: 0;
		line-height: 100%;
	}
	div.tab-content .product .item{
		font-size:10px;
	}
	div.tab-content .product .item.new:after,
	div.tab-content .product .item.newcolor:after{
		font-size:8px;
		padding:2px 5px;
		left:10px;
		top:10px;
	}
	div.tab-content .product .item .detail a{
		margin-bottom:5px;
	}
	div.tab-content .product .item .colors-icon li{
		margin:0 2px;
	}
	div.tab-content .product .item .colors-icon{
		margin:5px 0;
	}
	div.tab-content .product .item .price{
		font-size:12px;
	}
	
	
	#plus #contact{
		margin-bottom:25px !important;
	}
	#plus #contact div.section_title{
		padding:0;
		margin-bottom:15px;
	}
	#plus #contact{
		padding:15px 0 0 0;
	}
	#plus #contact div.contactlist{
		background-color:transparent;
	}
	#plus #contact div.contactlist img{
		width:90%;
		margin:0 auto;
	}
	.section_title{
		padding:15px 0;
	}
	.section_title img{
		display:block;
		height:20px;
		margin:0 auto !important;
		width:auto;
	}
	.section_title p{
		font-size:0.8rem;
		display:block;
		margin:0 10px;
		text-align:left;
	}

	#plus div.sole{
		margin-bottom:20px;
	}
	#plus div.sole .section_title img{
		display:block;
		margin-bottom:20px !important;
	}
	#plus div.sole ul{
		margin:0 10px;
	}
	#plus div.sole ul li{
		width:49%;
		margin-right:2%;
		float:left;
		margin-bottom:15px;
	}
	#plus div.sole ul li:nth-child(2n){
		margin-right:0;
	}
	#plus div.sole ul li b{
		font-size:10px;
		padding:4px 0;
		margin-bottom:5px;
	}

	div.gallery .photolist{
		padding:5px;
		width:auto;
	}
	div.gallery .photolist ul li{
		width:49%;
		margin-right:2%;
	}
	div.gallery .photolist ul li:nth-child(2n){
		margin-right:0;
	}
	div.gallery .photolist ul li a{
		padding:5px;
		margin-bottom:10px;
	}
	div.gallery .photolist ul li a img{
		display:block;
		width:100%;
	}


	.store_list_area dd{
		font-size:7px;
	}
	.store_list dt {
	    border-bottom: 1px solid #9c9d9d;
	    letter-spacing: 0.05em;
	    line-height: 1.7em;
	    margin: 0 5px;
	    min-height: 27px;
	    padding-bottom: 3px;
	}
	.store_list {
		float: left;
		padding:0;
		width: 49%;
		margin-right:2%;
		margin-bottom:10px;
	}
	.store_list:nth-child(3n){
		margin-right:2%;
	}
	.store_list:nth-child(3n+1){
		clear:none;
	}
	.store_list:nth-child(2n){
		margin-right:0;
	}   
	.store_list:nth-child(2n+1){
		clear:both;
	}
	.store_name a{
		font-weight:bold;
	    font-size:10px;
	}
	.store_name{
		font-weight:bold;
	    font-size:10px;
	}
	.store_list dd.store_tel{
		font-size:8px;
	    -webkit-text-size-adjust:100%;
	}
	#shoplist {
		margin-bottom:20px !important;
	}
	#plus .shop-list{
		width:auto;
		margin:0;
	}
	#plus .shop-list2{
		padding-top:10px;
	}
	#plus .shop-list2 h3 {
		padding:10px 0;
		margin-bottom:10px;
	}
	.shop-list2 h3{
		padding:5px 0;
	}	
	.shop-list2 h3 span{
		font-size:16px;
	}
	.store_list_area{
		margin:0;
	}
	.store_list dt{
		margin-bottom:5px;
		line-height:1.4em;
	}
	.store_list{
		margin-bottom:10px;
	}



    
    
}