@charset "UTF-8";

html{
	font-size:62.5%;
}

p, a, ul li, .name{
	font-family: 'Noto Sans JP', sans-serif;
}

p{
	font-size:1.3rem;
	color:#000;
}

.mid-wrapper{
	padding:40px 0;
}

.top-caption{
	width:600px;
	margin:40px auto;
}

.middle-container h1{
	font-family: 'Alfa Slab One', cursive;
	font-size:4rem;
	letter-spacing:2px;
	color:#fff;
}

.brown, .beige{
	box-sizing: border-box;
	padding:50px 0;
}

.brown{
	background-color:#998675;
}

.beige{
	background-color:#a63337;
}

.beige p, .beige li, .beige a{
	color:#fff!important;
}

.middle-container{
	width:800px;
	margin:50px auto;
	padding-bottom:60px;
}

.middle-container:last-of-type{
	padding-bottom:0;
}

.main-image{
	width:100%;
	margin:10px 0;
}

.small-image{
	width:60%;
	margin:10px auto;
}

.caption{
	box-sizing: border-box;
	padding:20px 20px 30px;
}

.buy-box{
	padding:10px 0;
}

.new-item-list li{
	text-align: center;
}

.main-image-flex{
	width:100%;
	margin:10px 0;
	display:flex;
	height:auto;
	justify-content:space-between;
	align-items: flex-start;
}

.flex-img{
	width:49%;
}

.name h5{
	color:#c7b299;
}

.jiko_soto{
	width:100%;
	margin:40px auto;
	padding:50px;
}

.jikoshoukai{
	padding:40px 30px;
}



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

	.middle-container{
		width:600px;
	}
	
	.name{
		padding-bottom:30px;
	}

}

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

	.mid-wrapper{
		padding:30px 0;
	}

	.top-caption{
		width:280px;
	}
	
	.middle-container{
		width:350px;
		margin:30px auto;
	}
	
	.middle-container h1{
		font-size:3rem;
		text-align: center;
	}
	
	.small-image{
		width:100%;
	}
	
	.jiko_soto{
		width:100%;
		padding:0;
		margin:0;
	}
	
	.jikoshoukai{
		width:100%;
	}
	
	.jikoshoukai div{
		width:320px!important;
		margin:0 auto;
	}
	
	.name{
		padding:20px 0;
	}
}

/* CSS Document */