@charset "utf-8";
/* - すべて - */
*{
	box-sizing: border-box;
	scroll-behavior: smooth;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
}
.summercraft-wrapper {
	background: #faf6ee;
	color: #655633;
	margin: 0;
	padding: 0;
}
.summercraft-wrapper h2 {
	border-bottom: none;
}
/* - トップ - */
.summercraft-top-block {
	background: #faf6ee;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0 auto;
	padding: 0 50px;
	max-width: 100%;
	width: 1200px;
	height: auto;
	top: 100px;
}
.summercraft-top-img {
	background-repeat: no-repeat;
	background-image: url("../../../sj/pg/summercraft-parent/img/crafting-green-parts-round.webp");
	background-position: right;
	background-size: contain;
	width: 800px;
	height: 440px;
	margin-left: auto;
}
.summercraft-top-text {
	text-shadow: 0 0 7px #fff;
	margin: 17% -20em;
	width: 600px;
}
.summercraft-top-text .big-title h1 {
	font-weight: bold;
	font-size: 80px;
	margin: 0;
	width: 700px;
	padding-bottom: 0;
}
.summercraft-top-text h1 {
	margin: 0 40px 0 0;
	color: #655633;
	font-weight: bold;
	font-size: 40px;
	width: 700px;
	padding-left: 0;
	text-align: left;
}
.summercraft-top-text h2 {
	margin-top: 0;
	color: #655633;
	font-weight: bold;
	padding: 0;
	font-size: 30px;
	width: 700px;
}
/* - メイン１ - */
.summercraft-1-pc {
	display: block;
}
.summercraft-1-sp {
	display: none;
}
.summercraft-block-1 {
	background: #faf6ee;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
}
.background-wave1 {
	background-image: url("../../../sj/pg/summercraft-parent/img/wave-1.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	width: 100%;
	height: 630px;
}
.summercraft-title-1 {
	text-align: center;
}
.summercraft-title-1 h2 {
	margin-top: 0;
	padding-top: 100px; 
	color: #655633;
	font-weight: bold;
}
.summercraft-item-1 {
	display: flex;
	justify-content: center;
	margin: 50px 30px;
}
section.summercraft-content-1 {
	width: 30%;
	height: auto;
	text-align: center;
	margin-right: 10px;
}
.summercraft-content-1 img {
	max-width: 100%;
	height: auto;
	width: 80%;
}
.summercraft-content-1 h4 {
	color: #655633;
}
.summercraft-content-1 figcaption {
	text-align: left;
	width: 300px;
	margin-left: 20px;
}

/* - メイン2 - */
.summercraft-2-pc {
	display: block;
}
.summercraft-2-sp {
	display: none;
}
.summercraft-block-2 {
	background: #f5ecdd;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
	padding-bottom: 50px;
	text-align: center;
}
.summercraft-title-2 {
	text-align: center;
}
.summercraft-title-2 h2 {
	margin-top: 0;
	padding-top: 100px;
	color: #655633;
	font-weight: bold;
}
.summercraft-item-2 {
	text-align: center;
	margin: 0 30px;
}
.pc-text-2 {
	display: flex;
	width: 89%;
	justify-content: center;
	align-items: flex-end;
	margin: 0 auto;
	gap: 0.5em;
}
.pc-text-2 div {
	width: 100%;
	margin: 0 auto;
}
.pc-text-2 h3 {
	color: #655633;
	margin: 0 auto;
}
.pc-cap-2 {
	display: flex;
	width: 89%;
	justify-content: center;
	margin: 0 auto;
	gap: 3px;
}
.sp-cap-2 figure {
	width: 50%;
	margin: 0 auto;
}
section.summercraft-content-2 {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.sp-text-2-h3 {
	width: 240px;
	background-color: #fff;
	border-radius: 8px;
}
.summercraft-content-2 h3 {
	width: 100%;
	padding: 10px 5px;
	margin-top: 15px;
}
.summercraft-content-2 figure {
	margin: 10px;
	text-align: left;
	width: 240px;
}
.summercraft-content-2 figure .detail {
	background-color: #fff;
	border-radius: 8px;
	padding: 10px 20px;
	margin: 0 auto;
}
.summercraft-content-2 img {
	max-width: 100%;
	height: auto;
	width: 40%;
	margin-top: 20px;
	align-items: flex-start;
}
.summercraft-content-2 figcaption {
	text-align: left;
}
ul.ecbn-selection-snap {
	max-width: 100% !important;
	width: 90% !important;
	margin: 0 auto !important;
}
.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item {
	margin: 0 auto !important;
}
div.ecbn-selection-page-wrapper .ecbn-selection-footer2 {
	margin: 0 60px 0 0;
}
a.brown-btn {
	max-width: 100%;
	cursor: pointer;
	display: inline-block;
	background: #655633;
	color: #fff;
	text-decoration: none;
	padding: 10px 30px;
	line-height: 1.4;
	transition: 0.3s;
	transition: background 0.3s,color 0.3s;
	border: 2px solid transparent;
	font-weight: bold;
	font-size: 20px;
	margin-top: 2em;
	letter-spacing: 1px;
}
.brown-btn:hover {
	background: #fff;
	color: #655633;
	border-color: #655633;
}
/* - メイン3 - */
.summercraft-3-pc {
	display: block;
}
.summercraft-3-sp {
	display: none;
}
.background-wave2 {
	background-image: url("../../../sj/pg/summercraft-parent/img/wave-2.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	width: 100%;
	height: 830px;
}
.summercraft-block-3 {
	background: #f5ecdd;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
}
.summercraft-title-3 {
	text-align: center;
	margin: 0 50px;
}
.summercraft-title-3 h2 {
	margin-top: 0;
	padding-top: 40px;
	color: #655633;
	font-weight: bold;
}
.summercraft-item-3 {
	display: flex;
	justify-content: center;
}
section.summercraft-content-3 {
	width: 30%;
	height: auto;
	text-align: center;
}
section.summercraft-content-3 div {
	display: flex;
	align-items: flex-end;
	width: 100%;
	margin-left: 35px;
	margin-bottom: 10px;
}
section.summercraft-content-3 div img {
	max-width: 100%;
	height: auto;
	width: 30%;
	margin: 20px 10px 0 0;
	align-items: flex-start;
	text-align: left;
}
.summercraft-content-3 img {
	max-width: 100%;
	height: auto;
	width: 80%;
}
.summercraft-content-3 figcaption {
	text-align: left;
	width: 280px;
	margin: 20px auto;
}
.summercraft-content-3 h4 {
	color: #655633;
	padding-bottom: 5px;
}

/* - メイン4 - */
.summercraft-4-pc {
	display: block;
}
.summercraft-4-sp {
	display: none;
}
.summercraft-block-4 {
	background: #faf6ee;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
}
.summercraft-title-4 {
	text-align: center;
}
.summercraft-title-4 h2 {
	margin-top: 0;
	padding: 30px 0 10px 0;
	color: #655633;
	font-weight: bold;
	margin-bottom: 0;
}
.summercraft-title-4 p {
	margin-bottom: 30px;
}
.summercraft-item-4 {
	display: flex;
	justify-content: center;
}
section.summercraft-content-4 {
	width: 30%;
	height: auto;
	text-align: center;
}
.summercraft-content-4 img {
	max-width: 100%;
	height: auto;
	width: 80%;
}
.summercraft-content-4 figcaption {
	text-align: left;
	width: 280px;
	margin: 0 auto;
}
.summercraft-content-4 h4 {
	color: #655633;
}

/* - メイン5 - */
.summercraft-5-pc {
	display: block;
}
.summercraft-5-sp {
	display: none;
}
.background-wave3 {
	background-image: url("../../../sj/pg/summercraft-parent/img/wave-3.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom center;
	height: 830px;
}
.summercraft-block-5 {
	background: #faf6ee;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
}
.summercraft-title-5 {
	text-align: center;
}
.summercraft-title-5 h2 {
	margin-top: 0;
	padding-top: 70px;
	color: #655633;
	font-weight: bold;
}
.summercraft-title-5 h5 {
	font-size: 16px;
	margin-top: 30px;
}
.summercraft-item-5 {
	display: flex;
	justify-content: center;
}
section.summercraft-content-5 {
	width: 30%;
	height: auto;
	text-align: center;
}
.summercraft-content-5 img {
	max-width: 100%;
	height: auto;
	width: 80%;
}
.summercraft-content-5 h4 {
	color: #655633;
}
.summercraft-content-5 figure h4 {
	width: 280px;
	margin: 0 auto;
}
.summercraft-content-5 figure .big-site h4 {
	text-align: left;
}
.summercraft-content-5 figcaption {
	text-align: left;
	margin: 0 auto;
	width: 280px;
}

/* - メイン6 - */
.summercraft-6-pc {
	display: block;
}
.summercraft-6-sp {
	display: none;
}
.summercraft-block-6 {
	background: #f5ecdd;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
	padding-bottom: 50px;
	text-align: center;
}
.summercraft-title-6 {
	text-align: center;
}
.summercraft-title-6 h2 {
	margin: 0;
	padding-top: 0;
	color: #655633;
	font-weight: bold;
}
.summercraft-item-6 {
	text-align: center;
	margin: 0 30px;
}
.pc-text-6 {
	display: flex;
	width: 89%;
	justify-content: center;
	align-items: flex-end;
	margin: 0 auto;
	gap: 0.5em;
}
.pc-text-6 div {
	width: 100%;
	margin: 0 auto;
}
.pc-text-6 h3 {
	color: #655633;
	margin: 0 auto;
}
.pc-cap-6 {
	display: flex;
	width: 89%;
	justify-content: center;
	margin: 0 auto;
	gap: 3px;
}
.sp-cap-6 figure {
	width: 50%;
	margin: 0 auto;
}
section.summercraft-content-6 {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.sp-text-6-h3 {
	background-color: #fff;
	width: 240px;
	border-radius: 8px;
}
.summercraft-content-6 h3 {
	width: 100%;
	padding: 10px 5px;
}
.summercraft-content-6 figure {
	margin: 10px;
	text-align: left;
	width: 240px;
}
.summercraft-content-6 figure .detail {
	background-color: #fff;
	border-radius: 8px;
	padding: 10px 10px 5px;
	margin: 0 auto;
	height: 230px;
}
a.text-link {
	color: #655633;
	text-decoration: none;
}
.text-link:hover {
	color: #B2AA97;
}
.detail-btn1 {
	display: flex;
	align-items: flex-end;
	height: 93px;
}
.detail-btn2 {
	display: flex;
	align-items: flex-end;
	height: 135px;
}
.detail-btn3 {
	display: flex;
	align-items: flex-end;
	height: 155px;
}
.detail-btn4 {
	display: flex;
	align-items: flex-end;
	height: 155px;
}
figure .detail .orange-btn span.tsukimoto {
	font-size: 12px;
	letter-spacing: 0.5em;
} 
.summercraft-content-6 img {
	max-width: 100%;
	height: auto;
	width: 40%;
	margin-top: 20px;
	align-items: flex-start;
}
.summercraft-content-6 figcaption {
	text-align: left;
}
a.orange-btn {
	max-width: 100%;
	width: 100%;
	height: 70px;
	cursor: pointer;
	display: inline-block;
	background: #ff6d00;
	color: #fff;
	align-items: center;
	text-align: center;
	text-decoration: none;
	padding: 10px 10px 10px;
	line-height: 1.4;
	transition: 0.3s;
	transition: background 0.3s,color 0.3s;
	border: 2px solid transparent; 
	font-weight: bold;
	font-size: 16px;
}
.orange-btn:hover {
	background: #fff;
	color: #ff6d00;
	border-color: #ff6d00;
}
.summercraft-content-6 img {
	max-width: 100%;
	height: auto;
	width: 60%;
}
.detail-btn4 .orange-btn {
	padding: 0;
}
/* - フッター - */
.summercraft-footer-pc {
	display: block;
}
.summercraft-footer-sp {
	display: none;
}
.background-wave4 {
	background-image: url("../../../sj/pg/summercraft-parent/img/wave-4.webp");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top center; 
}
.summercraft-footer-block {
	background: #faf6ee;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 0 auto;
	max-width: 100%;
	width: 1200px;
	height: auto;
	top: 100px;
}
.summercraft-footer-img {
	background-repeat: no-repeat;
	background-image: url("../../../sj/pg/summercraft-parent/img/crafting-round.webp");
	background-position: left;
	background-size: contain;
	width: 800px;
	height: 440px;
	margin-right: auto;
}
.summercraft-footer-text {
	text-shadow: 0 0 5px #fff;
	text-align: left;
	padding-top: 57px;
	width: 600px;
	margin-left: 670px;
}
.summercraft-footer-text h1 {
	margin: 0 40px 0 0;
	color: #655633;
	font-weight: bold;
	font-size: 30px;
	width: 450px;
}
.summercraft-footer-text h2 {
	margin-top: 0;
	color: #655633;
	font-weight: bold;
	padding: 0;
	font-size: 20px;
	width: 610px;
	margin-bottom: 50px;
}
.fotter-btn-box {
	display: flex;
	justify-content: flex-end;
	margin-right: -380px;
	margin-top: -10px;
}
a.fotter-btn {
  	max-width: 100%;
	cursor: pointer;
	display: inline-block;
	background: #84785c;
	color: #fff;
	align-items: center;
	text-align: center;
	text-decoration: none;
	padding: 10px 20px;
	line-height: 1.4;
	transition: 0.3s;
	transition: background 0.3s,color 0.3s;
	border: 2px solid transparent;
	border-radius: 25px;
	margin-left: 0.5em;
	font-weight: bold;
}
.fotter-btn:hover {
	background: #fff;
	color: #84785c;
	border-color: #84785c;
}
@media (max-width: 1200px) {
	.summercraft-top-block {
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
	.summercraft-top-img {
		background-position: right top;
		width: 100%;
	}
	.summercraft-top-text {
		max-width: 100%;
		width: 100%;
		margin: 11% 0 0 5px;
	}
	.summercraft-top-text h1 {
		padding-left: 0;
		width: 100%;
		text-align: left;
	}
	a.orange-btn {
		height: auto;
	}
	.summercraft-footer-block {
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
	.summercraft-footer-img {
		background-position: left bottom;
		width: 100%;
	}
	.summercraft-footer-text {
		max-width: 100%;
		width: 100%;
		margin: 0 5px 0 0;
	}
	.fotter-btn-box {
		max-width: 100%;
		width: 100%;
	}
	.summercraft-footer-text div {
		width: 100%;
		text-align: right;
	}
	.summercraft-footer-text h1 {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
		text-align: right;
	}
	.summercraft-footer-text h2 {
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (max-width: 886px) {
	/* - トップ - */
	.summercraft-top-block {
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
	.summercraft-top-img {
		background-position: right top;
		width: 100%;
		height: auto;
		margin-bottom: 10%;
	}
	.summercraft-top-text {
		max-width: 100%;
		width: 98%;
		margin: 17% 0 0 5px;
	}
	.summercraft-top-text .big-title h1 {
		width: 100%;
		text-align: left;
	}
	.summercraft-top-text h1 {
		width: 100%;
		text-align: left;
		padding-right: 0;
		margin-right: 0;
	}
	.summercraft-top-text h2 {
		width: 100%;
		text-align: left;
	}
	/* - メイン1 - */
	.summercraft-1-pc {
		display: none;
	}
	.summercraft-1-sp {
		display: block;
	}
	.summercraft-title-1 h2 {
		margin-bottom: 10px;
		padding-top: 0;
	}
	.summercraft-content-1 {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
	} 
	.summercraft-content-1 figure {
		max-width: 100%;
		width: 280px;
		height: auto;
		margin: 0 auto;
	}
	.summercraft-content-1 figcaption {
		width: 100%;
		margin-left: 0;
	}
	.summercraft-item-1 {
		height: 350px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto 5px auto;
		text-align: center;
	}
	/* - メイン2 - */
	.summercraft-2-pc {
		display: none;
	}
	.summercraft-2-sp {
		display: block;
	}
	.sp-text-2 {
		display: flex;
		gap: 2%;
		justify-content: center;
		align-items: flex-end;
		max-width: 100%;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	.sp-text-2 div.sp-text-2-h3 {
		width: 50%;
		background-color: #fff;
	}
	.sp-text-2 div {
		width: 50%;
	}
	.sp-cap-2 {
		display: flex;
		justify-content: center;
		align-items: flex-end;
		gap: 2%;
	}
	.summercraft-content-2 figure {
		margin: 0;
	}
	.summercraft-content-2 figure .detail {
		padding: 10px 5px;
	}
	.sp-text-2 div.sp-text-2-h3 {
		width: 100%;
	}
	.summercraft-content-2 h3 {
		width: fit-content;
		color: #655633;
		border-bottom: none;
		margin: 0 auto;
		text-align: center;
	}
	ul.ecbn-selection-snap {
		max-width: 100% !important;
		width: 90% !important;
		margin: 0 auto !important;
		text-align: center !important;
	}
	.vsm-tile .ecbn-selection-page-wrapper li.ecbn-selection-item {
		margin: 0 auto !important;
		width: 50% !important;
		max-width: 80% !important;
	}
	div.ecbn-selection-page-wrapper .ecbn-selection-footer2 {
		margin: 0 60px 0 0;
	}
	.summercraft-content-2 img {
		margin-top: 0;
	}
	.summercraft-content-2 .sp-cap-2 img {
		margin: 10px 0 5px;
	}
	/* - メイン3 - */
	.summercraft-3-pc {
		display: none;
	}
	.summercraft-3-sp {
		display: block;
	}
	.summercraft-content-3 {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.summercraft-title-3 {
		margin: 0 30px; 
	}
	.summercraft-title-3 h2 {
		padding: 60px 0 0 0; 
		width: 100%;
	}
	.summercraft-content-3 h4 {
		font-size: 15px;
	}
	section.summercraft-content-3 div {
		max-width: 100%;
		width: 280px;
		height: auto;
		margin-left: 0;
		margin: 0 auto;
	}
	.summercraft-content-3 figure {
		max-width: 100%;
		width: 280px;
		height: auto;
		margin: 0 auto;
	}
	.summercraft-content-3 figcaption {
		width: 100%;
		margin-left: 0;
	}
	.summercraft-item-3 {
		height: auto;
		width: 100%;
		overflow: hidden;
		margin: 0 auto 5px auto;
		text-align: center;
	}
	section.summercraft-content-3 div img {
		margin-bottom: 5px;
	}
	
	/* - メイン4 - */
	.summercraft-4-pc {
		display: none;
	}
	.summercraft-4-sp {
		display: block;
	}
	.summercraft-title-4 p {
		margin-bottom: 55px;
	}
	.summercraft-content-4 {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
	} 
	.summercraft-content-4 figure {
		max-width: 100%;
		width: 280px;
		height: auto;
		margin: 0 auto;
	}
	.summercraft-content-4 figcaption {
		width: 100%;
		margin-left: 0;
	}
	.summercraft-item-4 {
		height: auto;
		width: 100%;
		overflow: hidden;
		margin: 0 auto 5px auto;
		text-align: center;
	}
	/* - メイン5 - */
	.summercraft-5-pc {
		display: none;
	}
	.summercraft-5-sp {
		display: block;
	}
	.summercraft-title-5 h2 {
		padding-top: 160px;
	}
	.summercraft-content-5 {
		flex: 0 0 100%;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	.summercraft-content-5 figure {
		max-width: 100%;
		width: 280px;
		height: auto;
		margin: 0 auto;
	}
	.summercraft-content-5 figcaption {
		width: 100%;
		margin-left: 0;
	}
	.summercraft-item-5 {
		height: auto;
		width: 100%;
		overflow: hidden;
		margin: 0 auto 5px auto;
		text-align: center;
	}
	.summercraft-title-5 h5 {
		margin-top: 60px;
	}
	.summercraft-content-5 figure h4 {
		text-align: left;
	}
	
	/* - メイン6 - */
	.summercraft-6-pc {
		display: none;
	}
	.summercraft-6-sp {
		display: block;
	}
	.summercraft-item-6 {
		margin: 0 30px;
	}
	.sp-text-6 {
		display: flex;
		gap: 2%;
		justify-content: center;
		max-width: 100%;
		width: 100%;
		height: auto;
		margin: 30px auto 0 auto;
	}
	.sp-text-6 div {
		width: 50%;
	}
	.sp-cap-6 {
		display: flex;
		justify-content: center;
		gap: 2%;
	}
	.summercraft-footer-text h1 {
		font-size: 24px;
	}
	.summercraft-footer-text h2 {
		font-size: 18px;
	}
	section.summercraft-content-6 {
		margin-top: 20px;
	}
	.summercraft-content-6 figure {
		margin: 0 0 13% 0;
	}
	.summercraft-content-6 figure .detail {
		max-height: 230px;
		padding: 10px 5px;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.summercraft-content-6 h3 {
		width: fit-content;
		color: #655633;
		border-bottom: none;
		margin: 0 auto;
		text-align: center;
	}
	.sp-text-6 div.sp-text-6-h3 {
		width: 100%;
	}
	.summercraft-footer-img {
		height: auto;
	}
	a.orange-btn {
		height: auto;
		font-size: clamp(13px,2vw,16px);
	}
	img.ecbn-visumo-logo {
		margin-top: 0;
	}
	/* - カルーセル - */
	.carousel-sp {
		max-width: 100%;
		width: 600px;
		height: 450px;
		margin: 0 auto;
	}
	.ul-1 {
		height: 100%;
		display: flex;
		transition-duration: 0.4s;
		will-change: transform;
	}
	.ul-1.no-transition {
		transition: none;
	}
	.button-box {
		text-align: center;
	}
	button {
		margin-top: 5px;
		margin-bottom: -40px;
		border: none;
		padding: 5px 5px;
		font-size: 30px;
		cursor: pointer;
		background-color: #655633;
		color: #fff;
	}
	.nav-sp {
		left: 0;
		right: 0;
		text-align: center;
		margin-top: -35px;
	}
	.nav-sp button {
		width: 20px;
		height: 20px;
		background-color: #fff;
		border-radius: 50%;
	}
	.nav-sp button + button {
		margin-left: 8px;
	}
	.nav-sp button.current {
		background-color: #655633;
	}
	.button-box .prev-sp {
		margin-right: 50%;
	}
	/* - フッダー - */
	.summercraft-footer-sp {
	 display: block;
    }
    .summercraft-footer-pc {
	display: none;
    }
	.summercraft-footer-block {
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
	.summercraft-footer-block .summercraft-footer-img {
		background-position: left bottom;
		width: 100%;
	}
	.summercraft-footer-block .summercraft-footer-text {
		max-width: 100%;
		width: 100%;
		margin: 0;
		padding-right: 10px;
	}
	.fotter-btn-box {
		max-width: 100%;
		width: 100%;
		padding-bottom: 10px;
		padding-right: 10px;
	}
	.summercraft-footer-text {
		padding-top: 10%;
	}
	.summercraft-footer-text div {
		width: 100%;
		text-align: right;
	}
	.summercraft-footer-text h1 {
		width: 100%;
		padding: 0;
		margin-bottom: 10px;
		text-align: right;
	}
	.summercraft-footer-text h2 {
		width: 100%;
		margin-bottom: 30px;
	}
}
@media (max-width: 630px) {
	.summercraft-top-text .big-title h1 {
		font-size: 50px;
	}
	.summercraft-top-text h1 {
		font-size: 30px;
		padding-bottom: 0;
	}
	.summercraft-top-text h2 {
		font-size: 20px;
	}
}
@media (max-width: 475px) {
	.summercraft-top-text {
		30% 0 0 5px;
	}
	.summercraft-top-text .big-title h1 {
		font-size: 30px;
		margin: 0;
	}
	.summercraft-top-text h1 {
		font-size: 21px;
	}
	.summercraft-top-text h2 {
		font-size: 16px;
	}
	
	.summercraft-item-2 {
		margin: 0 15px;
	}
	
	.summercraft-footer-text {
		padding-top: 5%;
		padding-left: 10px;
	}
	.summercraft-footer-text h1 {
		font-size: 21px;
		text-align: left;
	}
	.summercraft-footer-text h2 {
		font-size: 16px;
		text-align: left;
	}
	.summercraft-item-6 {
		margin: 0 15px;
	}
	.fotter-btn-box {
		padding-bottom: 10px;
	}
}