@charset "utf-8";

/*------------------------------------------------------*/
/*content*/
/*------------------------------------------------------*/

html {
	font-size: 0.9765625vw; /* 10/1024 ≈ 0.9765625 */
}

.container img, img.image {
	max-width: 100% !important;
}

picture {
	display: block;
	line-height: 0;
}

.container h2 {
	font-size: 100%;
	line-height: 1.6;
	height: auto;
}

a:hover {
	opacity: 0.7;
}

div.container {
	margin: auto;
	padding: 0;
	font-family: "Noto Sans JP", 'HelveticaNeue', 'Helvetica', 'HiraginoKakuGothicProN', YuGothic, 'YuGothicMedium', Meiryo, sans-serif;
	text-align: center;
	max-width: 1024px;
	font-size: 2vw;
	color: #000000;
	line-height: 1.6;
}

div.container p {
	font-family: "Noto Sans JP", 'HelveticaNeue', 'Helvetica', 'HiraginoKakuGothicProN', YuGothic, 'YuGothicMedium', Meiryo, sans-serif;

}

.image {
	width: 100%;
	height: auto;
}

.section_inner {

	margin: 0 auto;
}

.mainvisual {
	text-align: center;
	line-height: 0;
	margin: 0 auto;
}

.mainvisual .mainvisual_image {
	position: relative;
	height: 145.51cqw;
	background-size: contain;
}

.btn_buy-now {
	display: block;
	width: 56.64%;
	margin: auto;
}


/*------------------------------------------------------*/
/* reason_area */
/*------------------------------------------------------*/

.reason_area {
	margin: 0 auto;
	padding: 0;
	background-image: url(/ec/images/category/2025spare_megane/bg-stripe.jpg);
	background-size: cover;
	text-align: left;
	padding-bottom: 9.77%;
}

.reason_area .reason_title {
	padding-top: 12.11%;
	margin-bottom: 7.81%;
}

.reason_area .reason_title_image {
	display: block;
	width: 58%;
	margin: auto;
}

.reason_area .reason_body {
	width: 93.75%;
	text-align: left;
	margin: auto;
}

.reason_area h3 {
	text-align: left;
	border-left: 8px solid #000;
	border-bottom: none;
	padding-left: 4.1%;
	margin-bottom: 15px;
	color: #000;
	font-size: 20px;
	width: auto;
	line-height: 1.4;
}

.reason_area .reason_body {
	font-size: 12px;
}

.reason_area .reason_body p {
	margin-bottom: 9.77%;
	line-height: 2;
}

.reason_area .reason_body p.reason_body_illust {
	margin-bottom: 0;
}


/*------------------------------------------------------*/
/* howto_area */
/*------------------------------------------------------*/
.howto_area {
	background-color: #fff49b;
}

.howto_area .howto_title {
	margin-bottom: 6.25%;
}

.howto_area .howto_body {
	width: 93.75%;
	text-align: left;
	margin: auto;
}

.howto_area h3 {
	display: flex;
	align-items: end;
	text-align: left;
	border-bottom: none;
	margin-bottom: 15px;
	padding-bottom: 0;
	color: #000;
	font-size: 20px;
	width: auto;
}

.howto_area h3 picture {
	display: inline-block;
	width: 26px;
	margin-right: 7px;
}

.howto_area h3 p.howto_title_text {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 20px;
}

.howto_area .howto_body {
	font-size: 12px;
}

.howto_area .howto_body p {
	margin-bottom: 9.77%;
	text-align: left;
	line-height: 2;
}

.howto_area .howto_body .howto_inexpensive {
	margin-bottom: 0;
}


/*------------------------------------------------------*/
/* featured_items_area */
/*------------------------------------------------------*/

.featured_items_body {

}

.featured_items_area .featured_item_number {
    font-size: 25px;
    letter-spacing: 0.1953cqw;
    font-weight: bold;
    line-height: 1;
		margin-bottom: 7px;
}

.featured_items_area .featured_item_price {
    font-size: 18px;
    margin-bottom: 8cqw;
    letter-spacing: 0.1953cqw;
    font-weight: bold;
}

.featured_items_area .featured_item {
	margin-bottom: 16.60%;
}

.featured_items_area .featured_item:last-child {
	margin-bottom: 0;
}

.bnr-bottom-link {
	padding: 9% 5% 5%;
}
.bnr-bottom-link a {
	display: block;
	margin-bottom: 2%;
}

.bnr-bottom-link a.bnr-frequency {
	margin-bottom: 15%;
}

div.container {
	container-type: inline-size;
}

@media screen and (min-width: 1025px) {
	div.container {
		width: 600px;
	}

	.reason_area h3 {
		font-size: 31.5px;
		margin-bottom: 22px;
	}

	.reason_area .reason_title_image {
		width: 58%;
	}

	.reason_area .reason_body p {
		font-size: 20px;
		line-height: 2;
	}

	.howto_area h3 {
		margin-bottom: 22px;
	}

	.howto_area h3 picture {
		margin-right: 12px;
	}

	.howto_area h3 p.howto_title_text {
		font-size: 31.5px;
		margin-bottom: 5px;
		line-height: 31.5px;
	}

	.howto_area .howto_body p {
		font-size: 20px;
	}

	.howto_area h3 picture {
		display: inline-block;
		width: 41px;
	}

		.featured_items_area .featured_item_number {
			font-size: 41px;
	}

	.featured_items_area .featured_item_price {
			font-size: 28px;
	}
}