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


/*
.content-title{
	max-width:500px;
	width:100%;
	margin:40px auto;
	text-align:center;
	font-size:2.5rem;
	font-weight:normal;
	color: #552D40;
	letter-spacing: 0.2em;
}

.hakamaInfo__wrapper{
	max-width:950px;
	width:100%;
	text-align:center;
	margin:25px auto;
}

.hakamaInfo{

}
.hakamaInfo-mainImage {

}
.hakamaInfo-mainImage img {
	width: 100%;
	max-width: 640px;
}
.hakamaInfo-text__wrapper {
	line-height:2.0em;
}
.hakamaInfo-text{
	font-size:2.0rem;
	color:#552d40;
	letter-spacing: 0.1em;
}
*/
.hakamacCategory__wrapper{
	max-width:950px;
	width:100%;
	text-align:center;
	margin:25px auto;
}
.hakamacCategory{
	margin-top:100px;
}


.hakamaTitle img{
	text-align: center;
	margin: 3rem auto;
	max-width: 90%;
}


.hakamacCategory-text__wrapper {
	line-height:2.0em;
	padding: 10px 0;
}
.hakamacCategory-text {
	font-size:2.0rem;
	/*color:#552d40; */
	letter-spacing: 0.1em;
}
.hakamacCategory-images{
	max-width:820px;
	width: 100%;
	margin:auto;
}

.hakamacCategory-images > li{
	width:30%;
	display:inline-block;
	padding:5px;
}

.hakamacCategory-images > li > img{
	width:100%;
}
.catalog-button__wrapper {
	margin: 60px 0;
}
.catalog-button {
}
.catalog-button img  {
	border:0;
	max-width: 440px;
	width: 100%;
}
@media(max-width:640px) {
	.hakamacCategory-images{
		width: auto;
		margin:15px;
	}
	.hakamaInfo-text {
		font-size:1.3rem;
		letter-spacing: inherit;
	}
	.hakamacCategory-text {
		font-size:1.3rem;
		letter-spacing: inherit;
	}
	.hakamacCategory-images > li{
		width:47%;
		display:inline-block;
		padding:0;
	}
	.hakamacCategory-images > li:nth-child(odd) {
		padding-right: 10px;
	}
	.catalog-button__wrapper {
		margin: 60px 30px;
	}
}



.hakamaInfo-areaBtn__wrapper {
	margin-bottom: 60px;
}
.hakamaInfo-areaBtn{
	max-width: 640px;
	width:96%;
	margin:auto;
	display: -webkit-flex;
   display: flex;
	position: relative;
   flex-wrap: wrap;
	-webkit-justify-content: space-between;
    justify-content:space-between;
	align-content:space-around;
}




.hakamaInfo-areaBtn li{
	background-color:#afcfca;
	padding:3rem;
	margin:1.6rem;
	text-align:center;
	font-size:2rem;
	width:35%;

	
}


@media(max-width:640px) {
	
	.hakamaInfo-areaBtn li{
		background-color:##afcfca;
		padding:1.6rem;
		margin-top:0.6rem;
		text-align:center;
		font-size:1.6rem;
		width:100%;


	}


}


.h3_hakama {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho","serif";
	font-size: 3rem;
	width: 80%;
	text-align:center;
	margin:25px auto;
  padding: 1rem 2rem;
  border-bottom: 6px double #000;
  background: #f4f4f4;
	
	
}