@charset "UTF-8";

.red-bold{
	font-size:1.5rem;
	font-weight:bold;
	color:#FF0000;
}

.mens{
	color:#00a0e9;
}

.womens{
	color:#e4007f;
}

.bag-brand{
	color:#6fba2c;
}

.first-wrapper{
	background-color:#fff;
	padding:80px 0 60px;
}

.second-wrapper{
	background-color:#eff6e1;
	padding:80px 0;
}

h2{
	font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight:bold;
}

.style-caption h2{
	font-size:1.9rem;
}

.item-box h2{
	font-size:1.6rem;
}

.style-caption p, .item-box p{
	font-size:1.4rem;
	padding:15px 0 10px;
}

.size{
	font-size:1.2rem!important;
	margin-bottom:15px;
}

.flex-container, .item-flex-wrapper{
	width:900px;
	margin:30px auto;
	display:flex;
	height:auto;
	justify-content:space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.flex-container{
	align-items:center;
	padding:40px 0;
}

.flex-container:first-of-type{
	padding-top:20px;
}

.style-img{
	width:55%;
}

.style-caption{
	width:40%;
}

.title img{
	width:500px!important;
}

.reverse{
	flex-flow: row-reverse;
}

.item-flex-wrapper{
	gap:50px 20px;
}

.item-box{
	width:calc((100% - 20px * 2) / 2);
}

.comment-box{
	box-sizing: border-box;
	padding:15px;
}

.yomo-title{
	width:45%;
}

.yomo-img{
	width:40%;
	margin:15px auto;
}

.jan_yomoyama_box{
	padding:70px 0;
}

.pre-text dl dd:first-of-type{
	line-height:2;
}

/*タブレット用*/
@media screen and (max-width:820px){

	.flex-container, .item-flex-wrapper{
		width:720px;
	}
	
	.jan_yomoyama_box{
		padding:40px 0 50px;
	}

}

/*スマホ用*/
@media screen and (max-width:640px){

	.title{
		width:320px;
		margin:0 auto;
	}
	
	.flex-container, .item-flex-wrapper{
		display:block;
		width:320px;
		box-sizing: border-box;
		padding:0 10px;
	}
	
	.first-wrapper{
		padding:40px 0;
	}
	
	.second-wrapper{
		padding-bottom:30px;
	}
	
	.flex-container{
		padding:40px 0;
	}

	.flex-container:first-of-type{
		padding-top:0!important;
	}
	
	.style-img, .style-caption, .item-box{
		width:100%;
	}
	
	.style-caption{
		margin-top:15px;
		box-sizing: border-box;
		padding:10px;
	}

	.style-caption h2{
		text-align: center;
		line-height:2;
	}
	
	.sp-block{
		display:block;
	}
	
	.item-box{
		margin-bottom:70px;
	}
	
	.comment-box{
		margin-top:15px;
		padding:10px;
	}
	
	.yomo-title, .yomo-img{
		width:80%;
	}
	
	.yomo-img{
		padding:10px 0 15px;
	}


}

/* CSS Document */