@media screen and (min-width: 841px) {	
	
	#main a:hover img{
		opacity: 0.7;
	}
	#main {
	    margin-top: 140px;
	    width: 100%;
	    height: 100%;
	}

	/*---------------------------------------
	 * Collection  list
	---------------------------------------*/ 
	.cart{
		max-width: 860px;
		width: 100%;
		height: 30px;
		margin: auto;
		padding: 0 0 35px;
		position:relative;
	}

	.cart .cartBtn{
		position:absolute;
		top:0;
		right:0;
		width:29px;
		height:24px;
	}
	.cart .cartBtn img{
		width: 29px;
		height: 24px;
	}
    .cart .cat-list{
    	padding: 0 40px;
  		display:flex;
  		 justify-content:center;
   		 flex-wrap:wrap;
  }
  .cart .cat-list li{
  	padding: 0 20px;
    margin-bottom:10px;
  }
  .cart .cat-list li a{
  	font-size: 15px;
  }
  .cart .cat-list li a:hover{
    padding-bottom: 5px;
  	border-bottom: 2px solid #000000;
  }
	.collection #main .collectionshoes{
		position: relative;
		width: 100%;
		max-width: 918px;
		margin: 0 auto;
	}
	
	
	.collection #main .collectionshoes::after{
		content: "";
		display: block;
		clear: both;
	}
	.collection #main .collectionshoes .swap{
		width: 545px;
		height: auto;
		margin: auto;
		
	}
	
	.collection #main .collectionshoes .swap p img{
		width: 545px;
		height: auto;
		max-height: 400px;
		margin: auto;
	}
		
	.collection #main .collectionshoes .swap ul {
		width: 545px;
		height: 80px;
	}
	.collection #main .collectionshoes .swap ul:after{
		content: "";
		display: block;
		clear: both;
	}
	.collection #main .collectionshoes .swap ul li{
		width: 20%;
		height: 82px;
		overflow: hidden;
		padding:8px 4px 0;
		box-sizing: border-box;
		float: left;
	}

	.collection #main .collectionshoes .swap ul li.first{
		padding-left:0px !important;
	}

	.collection #main .collectionshoes .swap ul li.last{
		padding-right:0px !important;
	}

	.collection #main .collectionshoes .swap ul li img{
		display: block;
		width: 100%;
		height: 100%;
	}

	
	.collection #main .collectionshoes #productDetailBox{
		width: 545px;
		position: relative;
		margin: 50px auto;
		padding-left: 5px;
	}
	
	.collection #main .collectionshoes #productDetailBox .bottoms{
		padding-top: 40px;
		text-align: center;
	}
	
	.collection #main .collectionshoes #productDetailBox h2{
      text-align:center;
		font-size: 26px;
		line-height: 1.25em;
		font-weight: normal;
		font-family: 'Crimson Text', "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro", "ÞâÌÀÄ«ÂÎ", "Yu Mincho", YuMincho, "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", serif;
      margin-bottom: 60px;
	}
	.collection #main .collectionshoes #productDetailBox h2 span{
		font-size: 16px !important;
	}

	#model{
		font-sizes:11px;
		margin-top:5px;
	}
	
	.collection #main .collectionshoes #productDetailBox .subtitle{
		/*margin-top: 8px;*/
		font-size: 13px;
		
	}
	
	.collection #main .collectionshoes #productDetailBox dl{
		margin: 15px 0 0;
		font-size: 12px;
		line-height: 1.5;
		width: 50%;
		position: relative;
		top: 0;
		left: 0;
		}
	
	.collection #main .collectionshoes #productDetailBox dt{
		float: left;
		clear: left;
		width: 50px;
		height: 30px;
	}
	
	.collection #main .collectionshoes #productDetailBox dd{
		padding-left: 65px;	
		height: 30px;	
	}
  .collection #main .collectionshoes #productDetailBox dd .item-color{
  		font-style:normal;
  }
	.collection #main .collectionshoes #productDetailBox dt:nth-child(1){
		margin-bottom: 5px;	
	}
	.collection #main .collectionshoes #productDetailBox dd:nth-child(2){
		margin-bottom: 5px;	
	}
	.collection #main .collectionshoes #productDetailBox dt:nth-child(9){
		margin-top: 15px;	
	}
	.collection #main .collectionshoes #productDetailBox dd:nth-child(10){
		margin-top: 15px;	
	}
	.select_box{
		position: relative;
	}
	.inquery_btn{
		width: 50%;
		position: absolute;
		bottom: 10px;
		left: 50%;	
	}
	.cart_in {
		width: 220px;
		height: 42px;
		text-align: center;
	}
	.cart_in input[type="image"]{
		line-height: 40px;
		width: 220px;
		height: 42px;
	}

	.inquery {
		width: 220px;
		height: 21px;
		margin-top: 14px;
		text-align: center;
	}
	.inquery img{
		line-height: 25px;
		width: 220px;
		height: 21px;
	}
  #explain {
    padding: 80px 0 80px 0;
    margin: 0;
    text-align: center;
  }
  #explain .item-color{
  display:none;
  }


	/*
	.collection #main .collectionshoes #productDetailBox dd+dd{
		clear: left;
		float: left;
		margin-left: 50px;
	}
	*/
	.collection #main .collectionshoes #productDetailBox dd span{
		padding-left: 20px;
		text-align: right;
	}
	
	.collection #main .collectionshoes #productDetailBox .design{
		clear: both;
		font-size: 11px;
		padding-top: 12px;
	}
	
	.collection #main .collectionshoes #productDetailBox .oxfordbottom .design{
		padding-top: 60px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder{
		margin-top: 26px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder p{
		font-size: 10px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul{
		
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul li{
		font-size: 13px;
		width: 132px;
		height: 21px;
		text-align: center;
		border: solid 1px #000;
		margin-bottom: 8px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul li.last{
		margin-bottom: 0;
	}
	


	.collection #main .closeBtn{
		width: 20px;
		height: 20px;
		position:absolute;
		top:63px;
		right:5px;
		z-index:10;
   		 padding: 0;
	}
	.collection #main .closeBtn img{
  		width: 20px;
  		height: auto;	
	}
	
	.collection #main .closeBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}

  .pagetop{
  position:fixed;
    bottom:20px;
    right:20px;
    z-index:10;
    width:60px;
    height:60px;
  }
  .pagetop a{
    width:100%;
    height:100%;
    display:block;
    background:#F0F0F0;
	
}
}
@media screen and (min-width: 541px) and (max-width: 840px){

	#main a:hover img{
		opacity: 0.7;
	}
	#main {
	    margin-top: 180px;
	    width: 100%;
	    height: 100%;
	}
	

	/*---------------------------------------
	 * Collection  list
	---------------------------------------*/ 
	.cart{
		max-width: 545px;
		width: 100%;
		height: 60px;
		margin: 65px auto 0;
		padding: 0;
		position:relative;
	}
	.cart .cartBtn{
		width:24px;
		position:absolute;
		top:0;
		right:0;
	}
	.cart img{
		width: 24px;
		height: auto;
	}
  
    .cart .cat-list{
    	padding: 0 40px;
  		display:flex;
  		 justify-content:center;
   		 flex-wrap:wrap;
  }
  .cart .cat-list li{
  	padding: 0 10px;
    margin-bottom:10px;
  }
  .cart .cat-list li a{
  	font-size: 15px;
  }
  .cart .cat-list li a:hover{
    padding-bottom: 5px;
  	border-bottom: 2px solid #000000;
  }
  
  
  
	.collection #main .collectionshoes{
		position: relative;
		width: 100%;
		max-width: 918px;
		margin: 0 auto;
	}
	
	
	.collection #main .collectionshoes::after{
		content: "";
		display: block;
		clear: both;
	}
	
	.collection #main .collectionshoes .swap{
		max-width: 545px;
		width: 100%;
		height: auto;
		margin: auto;
		padding-top: 30px;
	}
	
	.collection #main .collectionshoes .swap p img{
		max-width: 545px;
		width: 100%;
		height: auto;
		margin: auto;
	}
		
	.collection #main .collectionshoes .swap ul {
		max-width: 545px;
		width: 100%;
		height: 80px;
	}
	.collection #main .collectionshoes .swap ul:after{
		content: "";
		display: block;
		clear: both;
	}
	.collection #main .collectionshoes .swap ul li{
		max-width: 109px;
		width: 20%;
		padding:8px 4px 0;
		height:82px;
		overflow:hidden;
		box-sizing: border-box;
		float: left;
	}
	.collection #main .collectionshoes .swap ul li.first{
		padding-left:0 !important;
	}
	.collection #main .collectionshoes .swap ul li.last{
		padding-right:0 !important;
	}
	.collection #main .collectionshoes .swap ul li img{
		width: 100%;
		height: 100%;
	}
	.collection #main .collectionshoes #productDetailBox{
		max-width: 545px;
		width: 100%;
		position: relative;
		margin: 50px auto;
		padding-left: 5px;
	}
	
	.collection #main .collectionshoes #productDetailBox .bottoms{
		padding-top: 40px;
		text-align: center;
	}
	
	.collection #main .collectionshoes #productDetailBox h2{
		font-size: 24px;
		line-height: 1.25em;
		margin-top: 10px;
		font-weight: normal;
		font-family: 'Crimson Text', "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro", "ÞâÌÀÄ«ÂÎ", "Yu Mincho", YuMincho, "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", serif;	
       margin-bottom: 60px;
	}
	.collection #main .collectionshoes #productDetailBox h2 span{
		font-size:15px !important;	
	}
	
	.collection #main .collectionshoes #productDetailBox .subtitle{
		/*margin-top: 8px;*/
		font-size: 13px;
		
	}
	
	.collection #main .collectionshoes #productDetailBox dl{
		margin: 15px 0 0;
		font-size: 12px;
		line-height: 1.5;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		
		}
	
	.collection #main .collectionshoes #productDetailBox dt{
		float: left;
		clear: left;
		width: 50px;
		height: 30px;
	}
	
	.collection #main .collectionshoes #productDetailBox dd{
		padding-left: 65px;	
		height: 30px;	
	}
   .collection #main .collectionshoes #productDetailBox dd .item-color{
  		font-style:normal;
 	 }
	.collection #main .collectionshoes #productDetailBox dt:nth-child(1){
		margin-bottom: 15px;	
	}
	.collection #main .collectionshoes #productDetailBox dd:nth-child(2){
		margin-bottom: 15px;	
	}
	.collection #main .collectionshoes #productDetailBox dt:nth-child(9){
		margin-top: 15px;	
	}
	.collection #main .collectionshoes #productDetailBox dd:nth-child(10){
		margin-top: 15px;	
	}
	.select_box{
		position: relative;
	}
	.inquery_btn{
		width: 50%;
		position: absolute;
		left: 50%;
		bottom: 0;
	}
	.cart_in {
		width: 220px;
		height: 42px;
		text-align: center;
	}
	.cart_in input[type="image"]{
		line-height: 40px;
		width: 220px;
		height: 42px;
	}
	.inquery {
		width: 220px;
		height: 25px;
		margin-top: 14px;
		text-align: center;
	}
	.inquery img{
		line-height: 25px;
		width: 220px;
		height: 25px;
	}
  
  #explain {
    padding: 35px 0 0 0;
    margin: 0;
    text-align: center;
  }
#explain .item-color{
  display:none;
  }

	/*
	.collection #main .collectionshoes #productDetailBox dd+dd{
		clear: left;
		float: left;
		margin-left: 50px;
	}
	*/
	.collection #main .collectionshoes #productDetailBox dd span{
		padding-left: 20px;
		text-align: right;
	}
	
	.collection #main .collectionshoes #productDetailBox .design{
		clear: both;
		font-size: 11px;
		padding-top: 12px;
	}
	
	.collection #main .collectionshoes #productDetailBox .oxfordbottom .design{
		padding-top: 60px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder{
		margin-top: 26px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder p{
		font-size: 10px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul{
		
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul li{
		font-size: 13px;
		width: 132px;
		height: 21px;
		text-align: center;
		border: solid 1px #000;
		margin-bottom: 8px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul li.last{
		margin-bottom: 0;
	}
	

	.collection #main .closeBtn{
		width: 17px;
		height: 17px;
		position:absolute;
		bottom:0;
		right:5px;
	}

	.collection #main .closeBtn img{
  	width: 17px;
  	height: auto;
	}
	
	.collection #main .closeBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}
	
   .pagetop{
  position:fixed;
    bottom:20px;
    right:20px;
    z-index:10;
    width:60px;
    height:60px;
  }
  .pagetop a{
    width:100%;
    height:100%;
    display:block;
    background:#F0F0F0;
	
}

}
@media screen and (max-width: 540px){

	#main a:hover img{
		opacity: 0.7;
	}
	#main {
	    margin-top: 100px;
	    width: 100%;
	    height: 100%;
	}
	/*---------------------------------------
	 * Collection  list
	---------------------------------------*/ 
	.cart{
		width: 95%;
		height: 60px;
		margin:  35px auto 0;
		position:relative;
	}
	.cart .cartBtn{
		width:22px;
		height:auto;
		position:absolute;
		top:0;
		right:5px;
	}
	.cart img{
		width: 22px;
		height: auto;
	}
     .cart .cat-list{
    	padding: 0 40px;
  		display:flex;
  		 justify-content:center;
   		 flex-wrap:wrap;
  }
   .cart .cat-list li{
  	padding: 0 10px;
    margin-bottom:10px;
  }
  .cart .cat-list li a{
  	font-size: 13px;
  }
  .cart .cat-list li a:hover{
    padding-bottom: 5px;
  	border-bottom: 2px solid #000000;
  }
	.collection #main .collectionshoes{
		position: relative;
		width: 96%;
		max-width: 918px;
		margin: 0 auto;
	}
	
	
	.collection #main .collectionshoes::after{
		content: "";
		display: block;
		clear: both;
	}
	
	
	.collection #main .collectionshoes .swap{
		max-width: 545px;
		width: 95%;
		height: auto;
		margin: auto;
		padding-top: 20px;
	}
	
	.collection #main .collectionshoes .swap p img{
		max-width: 545px;
		width: 100%;
		height: auto;
		margin: auto;
	}
		
	.collection #main .collectionshoes .swap ul {
		max-width: 545px;
		width: 100%;
	}
	.collection #main .collectionshoes .swap ul:after{
		content: "";
		display: block;
		clear: both;
	}
	.collection #main .collectionshoes .swap ul li{
		max-width: 109px;
		width: 20%;
		padding:8px 4px 0;
		box-sizing: border-box;
		float: left;
	}

	.collection #main .collectionshoes .swap ul li.first{
		padding-left:0 !important;
	}
	.collection #main .collectionshoes .swap ul li.last{
		padding-right:0 !important;
	}
	.collection #main .collectionshoes .swap ul li img{
		width: 100%;
		height: 100%;
	}
	
	.collection #main .collectionshoes #productDetailBox{
		max-width: 545px;
		width: 90%;
		position: relative;
		margin: 30px auto;
	}
	
	.collection #main .collectionshoes #productDetailBox .bottoms{
		padding-top: 40px;
		text-align: center;
	}
	
	.collection #main .collectionshoes #productDetailBox h2{
      	text-align:center;
		font-size: 24px;
		line-height: 1.25em;
		margin-top: 10px;
		font-weight: normal;
		font-family: 'Crimson Text', "¥Ò¥é¥®¥ÎÌÀÄ« Pro W3", "Hiragino Mincho Pro", "ÞâÌÀÄ«ÂÎ", "Yu Mincho", YuMincho, "HGÌÀÄ«E", "£Í£Ó £ÐÌÀÄ«", "MS PMincho", serif;
       margin-bottom: 30px;
	}

	.collection #main .collectionshoes #productDetailBox h2 span{
		font-size: 15px !important;
	}
	#model{
		font-size: 11px !important;
		margin-top: 5px;
	}	

	.collection #main .collectionshoes #productDetailBox .subtitle{
		/*margin-top: 8px;*/
		font-size: 13px;
		
	}
	
	.collection #main .collectionshoes #productDetailBox dl{
		margin: 15px 0 0;
		font-size: 12px;
		line-height: 1.5;
		width: 100%;
		position: relative;
		top: 0;
		left: 0;
		
		}
	
	.collection #main .collectionshoes #productDetailBox dt{
		float: left;
		clear: left;
		width: 50px;
		/*height: 30px;*/
		height:auto;
		margin-bottom: 5px;
	}
	
	.collection #main .collectionshoes #productDetailBox dd{
		padding-left: 65px;	
		/*height: 30px;*/
		height:auto;
		margin-bottom: 5px;
	}
   .collection #main .collectionshoes #productDetailBox dd .item-color{
  		font-style:normal;
  	}
  /*
	.collection #main .collectionshoes #productDetailBox dt:nth-child(1){
		margin-bottom: 5px;	
	}
	.collection #main .collectionshoes #productDetailBox dd:nth-child(2){
		margin-bottom: 5px;	
	}
	.collection #main .collectionshoes #productDetailBox dt:nth-child(9){
		margin-top: 15px;	
	}
	.collection #main .collectionshoes #productDetailBox dd:nth-child(10){
		margin-top: 15px;	
	}
  */
	.select_box{
		position: relative;
	}
	.inquery_btn{
		width: 100%;
		position: relative;
		margin-top: 20px;
	}
	.cart_in {
		width: 100%;
		height: 42px;
		text-align: center;
	}
	.cart_in input[type="image"]{
		line-height: 40px;
		width: 220px;
		height: 42px;
	}
	.inquery {
		width: 100%;
		height: 21px;
		margin-top: 14px;
		text-align: center;
	}
	.inquery img{
		line-height: 21px;
		width: 220px;
		height: 21px;
	}
	#explain {
		padding: 60px 0 60px 0;
		margin: 0;
		text-align: center;
	}
    #explain .item-color{
  display:none;
  }

	.hideLine{
		display: block;
		width: 100%;
		height: 4px;
		background: #FFFFFF;
		position: relative;
		top: -4px;
		left: 0;
	}


	/*
	.collection #main .collectionshoes #productDetailBox dd+dd{
		clear: left;
		float: left;
		margin-left: 50px;
	}
	*/
	.collection #main .collectionshoes #productDetailBox dd span{
		padding-left: 20px;
		text-align: right;
	}
	
	.collection #main .collectionshoes #productDetailBox .design{
		clear: both;
		font-size: 11px;
		padding-top: 12px;
	}
	
	.collection #main .collectionshoes #productDetailBox .oxfordbottom .design{
		padding-top: 60px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder{
		margin-top: 26px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder p{
		font-size: 10px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul{
		
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul li{
		font-size: 13px;
		width: 132px;
		height: 21px;
		text-align: center;
		border: solid 1px #000;
		margin-bottom: 8px;
	}
	
	.collection #main .collectionshoes #productDetailBox .toorder ul li.last{
		margin-bottom: 0;
	}
	
	.collection #main .closeBtn{
		width:18px;
		height:18px;
		position:absolute;
		bottom:0;
		right:5px;
	}
	.collection #main .closeBtn img{
		width: 15px;
		height: auto;
	}
	
	.collection #main .closeBtn a{
		display: block;
		width: 100%;
		height: 100%;
	}
  
     .pagetop{
  position:fixed;
    bottom:10px;
    right:10px;
    z-index:10;
    width:40px;
    height:40px;
  }
  .pagetop a{
    width:100%;
    height:100%;
    display:block;
	
}
	
}

.collection #main .collectionshoes #productDetailBox dd select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-left: 5px;
	border-radius: 0px;
	width: 150px;	
	height: 25px;
	border:1px solid black;
	background: url("https://img21.shop-pro.jp/PA01336/533/etc/select.png?cmsp_timestamp=2132") 135px center no-repeat;
}
input[type="text"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 50px;
	height: 20px;
	border: 1px solid black;
	padding: 0 0 0 10px;
}
input[type="image"]:hover{
	cursor: pointer;
	opacity: 0.7;
}