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

	body{
		margin: 0;
	}

	.content{
		width: 100%;
		background-color: #B7B7B7;
	}

	.warpper{
		max-width: 1000px;
		width: 100%;
		margin: 0 auto 5%;
		background-color: #B7B7B7;
		padding: 5% 0;
	}

	.warpper img{
		display: block;
		line-height: 0;
	}

	.warpper h1{
		font-family: "trade-gothic-next-compressed", sans-serif;
		font-weight: 700;
		font-style: normal;
		text-align: center;
		font-size: 50px;
		margin: 3% auto;
		letter-spacing: 1px;
	}

	.warpper p{
		text-align: center;
		font-size: 13px;
		line-height: 1.7;
		margin: 5% auto 5%;
	}

	.box{
		margin: 10% auto 15%;
	}

	 .box h2 {
		width: 100%;
		margin: 0 auto 5%;
		display: flex;
		align-items: center;
		font-family: "trade-gothic-next-compressed", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 40px;
	}

	.box h2:before,
	.box h2:after {
		border-top: 1px solid;
		content: "";
		flex-grow: 1;
	}

	.box h2:before {
		margin-right: 1rem;
	}

	.box h2:after {
		margin-left: 1rem;
	}	

	.slider-group::-webkit-scrollbar {
		display: none;
	}

	.slider-group {
		position: relative;
		width: 100%;
		margin: 5% auto;
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
	}

	.slider-box {
		flex: 0 0 auto;
		width: 75%;
		margin-right: 2%;
		position: relative;
		background-color: #fff;
		box-sizing:border-box;
		border: solid 1px #000;
	}

	.slider-box:first-child {
		margin-left: 12.5%;
	}

	.slider-box:last-child {
		margin-right: 12.5%;
	}

	.slider-box img {
		width: 100%;
		object-fit: cover;
	}

.kumiaese{
	display: flex;
	column-gap: 10px;
	justify-content: center;
	width: 90%;
	margin: 3% auto;
}

.k_box{
	background-color: #fff;
	box-sizing: border-box;
	border: solid 1px #000;
	width: 50%;
	position: relative;
}

.k_box p{
	font-size: 12px;
	line-height: 1.8;
	margin: 3% auto;
	width: 90%;
}

.change{
	position: absolute;
	width: 40%;
	top: -9%;
	left: -25%;
}

.warpper .shop p{
	font-size: 16px;
	line-height: 1.8;
}

.shop_title{
	font-size: 18px;
	display: inline-block;
	margin-bottom: 1%;
}

.kome{
	font-size: 11px;
}

	
	@media(min-width:750px){

	.warpper h1{
		font-size: 60px;
	}

	.warpper p{
		font-size: 15px;
		line-height: 2;
	}

	.mainImg{
		width: 70%;
		margin: 0 auto;
	}
		
	.br_s{
		display: none;
	}
		
	.slider-group::-webkit-scrollbar {
		display: none;
	}

	.slider-group {
		position: relative;
		width: 100%;
		margin: 5% auto;
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		overflow-x: auto;
		column-gap: 20px;
	}

	.slider-box {
		flex: 0 0 auto;
		width: calc(33% - 10px);
		margin-right: 0%;
		position: relative;
	}

	.slider-box:first-child {
		margin-left: 0%;
	}

	.slider-box:last-child {
		margin-right: 0%;
	}

	.slider-box img {
		width: 100%;
		object-fit: cover;
	}
		
	.slider-box p {
		width: 90%;
		margin: 3% auto;
		font-size: 13px;
		line-height: 1.8;
	}
		
	.kumiaese{
		column-gap: 30px;
	}
		
	.change{
		width: 33%;
		top: -7%;
		left: -20%;
	}

	}