@charset "EUC-JP";
h1{
font-size:5rem;
}

h2{
font-size:2.4rem;
}

h3{
font-size:1.5rem;
}

.container-size{

}

.header-container{
	height:150px;
}

.header-wapper{
	width:81%;
	margin:0 auto;
	
}
.header-icon{
  max-height: 100px;    /* 親要素の高さ制限 */
  padding-left:0px;
}


#insta-header-logo{
	top:8px;
	left:250px;
}

#navwrap{
	position:absolute;
	padding-left:250px;
	top:80px;
	
}



.product-main-container{
	padding: 2rem 0;
  background-color: #FAF6EB;
  background-image: radial-gradient(circle, #E3DFD4 1px, transparent 1px);
  background-position: 0 0;
  background-size: 14px 14px;
  

 }
.product-main-image{
	width:81%;
	margin:0 auto;
}

.product-concept-container{
	padding: 2rem 0;
	width:81%;
	margin:0 auto;

}

.bottom-border{
	max-width:20rem;
	border-bottom:solid 2px gray;
}


#item{
	background-color:#F9F9F9;
}

.product-item-container{
	width:81%;
	margin:0 auto;
	padding: 2rem 0;

}

.product-item-wapper{
	padding:2px 2px 20px 2px;
	margin:16px;
		border-radius: 8% ;
	background:#fff;

}
.product-item-wapper img{
	border-radius: 8% 8% 0 0 ;
	transition: .3s;
	opacity: 1;
}

.product-item-wapper img:hover{
	opacity: 0.5;
	cursor: pointer;

}

.product-item-color-container{
	margin-left:4%;
}
.product-item-color{
margin-top:2%;
width:20px;
height:20px;
background:red;
border-radius: 50%;
display: inline-block; 

}


/* レスポンシブ対応 */

@media (min-width: 0px) and (max-width: 767px) {
	h1{
	font-size:3rem;
	}

	#navwrap{
		padding-left:80px;
		top:100px;
	}
	.header-container{
		height:100px;
	}
	.header-icon{
	  max-height: 70px;    /* 親要素の高さ制限 */
	  	  left:6%;
	}
	.container-size{
		margin-top:100px;
	}
	.product-item-wapper{
		padding:10px;

	}
}
@media (min-width: 768px) and (max-width: 991px) {

	h1{
	font-size:4rem;
	}

	#navwrap{
		padding-left:80px;
		top:100px;
	}
	.header-container{
		height:100px;
	}
	.header-icon{
	  max-height: 70px;    /* 親要素の高さ制限 */
	  	  left:6%;


	}
	.container-size{
		margin-top:80px;
	}
	.product-item-wapper{
		padding:10px;

	}
}
@media (min-width: 992px) and (max-width: 1199px) {



}
@media (min-width: 1200px) and (max-width: 1400px){

}