@charset "UTF-8";

html{
	font-size:62.5%;
}

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

.style-container h1{
	font-family: 'Rock Salt', cursive;
	text-align: center;
	font-size:4.5rem;
	line-height:1.5;
	color:#053d38;
}

.top-caption p, .style-container p, .jiko_text p{
	font-size:1.4rem;
}

.number, .name{
	font-family: 'Bebas Neue', cursive!important;
}

.name{
	font-size:3rem!important;
	color:#34675c;
}

.number{
	font-size:7rem;
}

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

.top-caption{
	width:700px;
	margin:30px auto;
}

.style-container{
	width:800px;
	margin:40px auto;
}

.style-container h2{
	text-align: center;
	color:#fff;
	font-size:1.9rem;
	margin:40px 0 20px;
	padding:0 0 20px;
}

.title-bg{
	background-color:#f26800;
}

.style-img, .buy-box{
	width:600px;
	margin:20px auto;
}

.bg{
	box-sizing: border-box;
	padding:40px 0;
}

.bg, .jiko_soto{
	background-color:#bbd0be;
}

.bg:nth-of-type(even){
	background-color:#fff!important;
}

.jiko_soto{
	margin:30px auto;
	padding:30px;
}

/*タブレット用*/
@media screen and (max-width: 820px){
	
	.top-caption{
		width:600px;
	}
	
	.style-container{
		width:700px;
	}
}

/*スマホ用*/
@media screen and (max-width:640px){
	
	.top-caption{
		width:300px;
		box-sizing: border-box;
		padding:15px;
	}
	
	.style-container, .style-img, .buy-box{
		width:320px;
	}
	
	.style-container h1{
		font-size:3rem;
	}
	
	.number{
		font-size:6rem;
	}
	
	.style-container h2{
		font-size:1.4rem;
	}
	
	.jiko_soto{
		margin:0 auto;
		padding:40px 0!important;
	}
	
	.jikoshoukai{
		padding:0!important;
	}
}

/* CSS Document */