@charset "UTF-8";

/* meniyasashii-colorcontact
------------------------------------ */

/*メイン画像
------------------------------------ */
#meniyasashii-colorcontact * {
	-webkit-box-sizing: border-box;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	box-sizing: border-box;
	color: #22313f;
	line-height: 2;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	letter-spacing: 0.1em;
	text-decoration: none;
}

#meniyasashii-colorcontact * .roboto {
	font-family: "Roboto";
}

#meniyasashii-colorcontact * .main_visual {
	width: 100%;
}

#meniyasashii-colorcontact * .main_bg {
	position: relative;
	background: #f1f9f7;
}

#meniyasashii-colorcontact * .main_bg::after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 285px;
	background: #d3eae3;
	content: "";
}

#meniyasashii-colorcontact * .main_wrap {
	position: relative;
	padding: 65px 0 0;
}

#meniyasashii-colorcontact * .main_title {
	color: #26b8b4;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
}

#meniyasashii-colorcontact * .main_subtitle {
	margin-top: 8px;
	font-weight: 700;
	font-size: 3.2rem;
	text-align: center;
}

#meniyasashii-colorcontact * .main_img {
	z-index: 3;
	position: relative;
	width: 640px;
	margin: 33px auto 0;
}

#meniyasashii-colorcontact * .main_catch {
	width: 640px;
	margin: 62px auto 0;
	font-weight: 500;
	font-size: 1.6rem;
	line-height: 2.4;
}


/*目次*/
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
	padding: 3% 3% 5%;
	border:solid 2px #26b8b4;
	font-size: 3vw;
    letter-spacing: 1.5px;
    line-height: 2.4;
	margin:10px 0;
	font-weight: bold;
	max-width: 640px;
	width: 90%;
	margin: 3% auto 3%;
}
@media screen and (min-width:755px) {
	.cp_box {
		font-size: 15px;
	}
}
.cp_title {
	color:#26b8b4;
	font-weight:600;
	border-bottom:solid 2px #26b8b4;
	margin-bottom:10px;
	text-align:center;
}
.cp_box label {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 86px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%,rgba(250, 252, 252, 0.95) 40%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.8rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	content:' 続きをよむ';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #26b8b4;
	border-radius: 20px;
	border:solid 2px #26b8b4;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 200px; /* 開く前に見えている部分の高さ */
	transition: all 0.5s;
}
.cp_box .cp_container ul {
	padding:10px 15px 0;
	color:#26b8b4;
}
.cp_box .cp_container ul li.sub_link {
	padding-left: 15px;
}
.cp_box .cp_container ul li a {
	color:#26b8b4;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	content:' 閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 30px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/*feature anc
------------------------------------ */
#meniyasashii-colorcontact .feature {
	position: relative;
	margin-top: 82px;
	padding-bottom: 64px;
	background: #ebf6f3;
}

#meniyasashii-colorcontact .feature::before {
	position: absolute;
	top: -25px;
	right: 0;
	left: 0;
	width: 52px;
	height: 52px;
	margin: 0 auto;
	/* background: url(..../img/1.png) no-repeat center center; */
	content: "";
}

#meniyasashii-colorcontact .cont_title {
	padding-top: 35px;
	color: #26b8b4;
	font-weight: 700;
	font-size: 2.1rem;
	letter-spacing: 0.1em;
	text-align: center;
}

#meniyasashii-colorcontact .cont_subtitle {
	padding-top: 0;
	font-weight: 700;
	font-size: 2.6rem;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}

#meniyasashii-colorcontact .anc {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 844px;
	margin: 58px auto 0;
}

#meniyasashii-colorcontact .anc_box {
	display: block;
	z-index: 1;
	position: relative;
	width: 260px;
}

#meniyasashii-colorcontact .anc_box:before {
	z-index: -1;
	position: absolute;
	top: 10px;
	left: 7px;
	width: 260px;
	height: 253px;
	background: #d2dedd;
	content: "";
}

#meniyasashii-colorcontact .anc_box:after {
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-transform: translateY(0);
	position: absolute;
	top: 80%;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	transform: translateY(0);
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #26b8b4 transparent transparent transparent;
	content: "";
	transition: all 0.3s ease-in-out;
}

#meniyasashii-colorcontact .anc_box:hover:after {
	-webkit-transform: translateY(10px);
	position: absolute;
	top: 83%;
	right: 0;
	left: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	transform: translateY(10px);
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #26b8b4 transparent transparent transparent;
	content: "";
}

#meniyasashii-colorcontact .anc_title {
	margin-top: 0;
	padding: 10px 0;
	background: #26b8b4;
	color: #fff;
	font-weight: 700;
	font-size: 2rem;
	text-align: center;
}

#meniyasashii-colorcontact .anc_img {
	padding: 43px 0 80px;
	background: #fff;
}

#meniyasashii-colorcontact .anc_img img {
	display: block;
	margin: 0 auto;
}

/*feature contents
------------------------------------ */
#meniyasashii-colorcontact .feature_cont {
	width: 840px;
	margin: 64px auto 0;
	padding: 0 0 64px;
	background: #fff;
}

#meniyasashii-colorcontact .feature_title {
	margin-top: 0;
	padding: 50px 0 0;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
}

#meniyasashii-colorcontact .feature_img {
	margin-top: 55px;
}

#meniyasashii-colorcontact .feature_img img {
	display: block;
	margin: 0 auto;
}

#meniyasashii-colorcontact .feature_text {
	width: 640px;
	margin: 54px auto 0;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2.2;
}

/*feature table
------------------------------------ */
#meniyasashii-colorcontact .spec_table {
	width: 640px;
	margin: 54px auto 0;
	border-top: solid 2px #26b8b4;
	border-left: solid 2px #26b8b4;
	font-weight: 500;
	font-size: 1.4rem;
}

#meniyasashii-colorcontact .spec_table th {
	padding: 10px 0 10px 20px;
	border-right: solid 2px #26b8b4;
	border-bottom: solid 2px #26b8b4;
	background: #f4fbfb;
	font-weight: 500;
}

#meniyasashii-colorcontact .spec_table td {
	padding: 10px 0 10px 20px;
	border-right: solid 2px #26b8b4;
	border-bottom: solid 2px #26b8b4;
}

#meniyasashii-colorcontact .spec_table td span {
	margin-right: 8px;
}

/*compare
------------------------------------ */
#meniyasashii-colorcontact .compare {
	position: relative;
	margin-top: 102px;
	padding-bottom: 64px;
}

#meniyasashii-colorcontact .compare::before {
	position: absolute;
	top: -25px;
	right: 0;
	left: 0;
	width: 52px;
	height: 52px;
	margin: 0 auto;
	/* background: url(../img/2.png) no-repeat center center; */
	content: "";
}

#meniyasashii-colorcontact .compare_anc {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	width: 840px;
	margin: 64px auto 0;
	padding: 0;
}

#meniyasashii-colorcontact .compare_anc a {
	display: block;
	position: relative;
	width: 192px;
	margin-top: 0;
	padding: 10px 0;
	background: #26b8b4;
	color: #fff;
	font-weight: 700;
	font-size: 1.8rem;
	text-align: center;
}

#meniyasashii-colorcontact .compare_anc a:before {
	-webkit-transition: all 0.3s ease-in-out;
	z-index: -1;
	position: absolute;
	top: 4px;
	left: 7px;
	width: 192px;
	height: 60px;
	background: #d2dedd;
	content: "";
	transition: all 0.3s ease-in-out;
}

#meniyasashii-colorcontact .compare_anc a:hover:before {
	top: 0;
	left: 0;
	content: "";
}

#meniyasashii-colorcontact .compare_anc a:after {
	position: absolute;
	top: 39%;
	right: 12%;
	/* left: 0; */
	width: 0;
	height: 0;
	margin: 0 auto;
	transform: translateY(0);
	border-width: 8px 6px 0 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	content: "";
	transition: all 0.3s ease-in-out;
}

#meniyasashii-colorcontact .compare_cont {
	width: 840px;
	margin: 64px auto 0;
	border: solid 2px #22313f;
}

#meniyasashii-colorcontact .compare_box {
	padding: 48px 100px 64px;
}

#meniyasashii-colorcontact .compare_title {
	margin-top: 0;
	padding: 15px 0;
	background: #22313f;
	color: #fff;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
}

#meniyasashii-colorcontact .compare_inner+.compare_inner {
	margin-top: 30px;
}

#meniyasashii-colorcontact .compare_in_title {
	color: #26b8b4;
	font-size: 1.7rem;
}

#meniyasashii-colorcontact .compare_text {
	font-weight: 500;
	font-size: 1.5rem;
}

#meniyasashii-colorcontact .compare_table01 {
	width: 640px;
	margin: 54px auto 0;
	border-top: solid 2px #26b8b4;
	border-left: solid 2px #26b8b4;
	font-weight: 500;
	font-size: 1.4rem;
}

#meniyasashii-colorcontact .compare_table01 th {
	width: 33%;
	padding: 13px 0 13px 20px;
	border-right: solid 2px #26b8b4;
	border-bottom: solid 2px #26b8b4;
	background: #f4fbfb;
	font-weight: 500;
}

#meniyasashii-colorcontact .compare_table01 td {
	width: 33%;
	padding: 13px 0 13px;
	border-right: solid 2px #26b8b4;
	border-bottom: solid 2px #26b8b4;
	text-align: center;
}

#meniyasashii-colorcontact .compare_table01 .bg {
	background: #f4fbfb;
}

#meniyasashii-colorcontact .compare_table02 {
	width: 640px;
	margin: 54px auto 0;
	border-top: solid 2px #26b8b4;
	border-left: solid 2px #26b8b4;
	font-weight: 500;
	font-size: 1.4rem;
}

#meniyasashii-colorcontact .compare_table02 th {
	width: 30%;
	padding: 10px 0 10px 20px;
	border-right: solid 2px #26b8b4;
	border-bottom: solid 2px #26b8b4;
	background: #f4fbfb;
	font-weight: 500;
}

#meniyasashii-colorcontact .compare_table02 th.title {
	width: 100%;
	background: #26b8b4;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
}

#meniyasashii-colorcontact .compare_table02 td {
	padding: 10px 0 10px 20px;
	border-right: solid 2px #26b8b4;
	border-bottom: solid 2px #26b8b4;
}

/*conclusion
------------------------------------ */
#meniyasashii-colorcontact .conclusion {
	position: relative;
	margin-top: 82px;
	padding-bottom: 64px;
	background: #ebf6f3;
}

#meniyasashii-colorcontact .conclusion::before {
	position: absolute;
	top: -25px;
	right: 0;
	left: 0;
	width: 52px;
	height: 52px;
	margin: 0 auto;
	background: url(../img/3.png) no-repeat center center;
	content: "";
}

#meniyasashii-colorcontact .conclusion_inner {
	width: 840px;
	margin: 64px auto 0;
}

#meniyasashii-colorcontact .conclusion_cont {
	margin: 64px auto 0;
	padding-bottom: 64px;
	background: #fff;
}

#meniyasashii-colorcontact .conclusion_title {
	margin-top: 0;
	padding: 50px 0 0;
	font-weight: 700;
	font-size: 2.4rem;
	text-align: center;
}

#meniyasashii-colorcontact .conclusion_img {
	margin-top: 35px;
}

#meniyasashii-colorcontact .conclusion_img a {
	display: block;
	transition: all 0.3s ease-in-out;
}

#meniyasashii-colorcontact .conclusion_img a:hover {
	opacity: .6;
}

#meniyasashii-colorcontact .conclusion_img img {
	display: block;
	margin: 0 auto;

}

#meniyasashii-colorcontact .conclusion_wrap {
	margin-top: 30px;
	text-align: center;
}

#meniyasashii-colorcontact .item_rate{
	width: 200px;
	margin: 0 auto;
}

#meniyasashii-colorcontact .conclusion_star {
	text-align: center;
	margin: 15px 0 0;
}

#meniyasashii-colorcontact .conclusion_review {
	display: inline-block;
	font-size: 0.95rem;
	margin: 10px 0 0;
	border-bottom: solid 1px #000;
	line-height: 1.2;
}

#meniyasashii-colorcontact .conclusion_text {
	width: 640px;
	margin: 20px auto 0;
	font-weight: 500;
	font-size: 1.4rem;
	line-height: 2.2;
}

#meniyasashii-colorcontact .conclusion_link {
	-webkit-transition: all 0.3s ease-in-out;
	display: block;
	position: relative;
	width: 300px;
	margin: 30px auto 0;
	padding: 12px 0;
	background: #26b8b4;
	color: #fff;
	font-weight: 700;
	font-size: 1.8rem;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

#meniyasashii-colorcontact .conclusion_link:hover {
	opacity: 0.6;
}

#meniyasashii-colorcontact .conclusion_link:after {
	-webkit-transform: translateY(0) rotate(45deg);
	position: absolute;
	top: 40%;
	right: 10%;
	width: 0;
	height: 0;
	margin: 0 auto;
	transform: translateY(0) rotate(45deg);
	border-width: 12px 0 13px 12px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	content: "";
}

@media screen and (max-width: 959px) {
	#meniyasashii-colorcontact * .roboto {
		font-family: "Roboto";
	}

	#meniyasashii-colorcontact .main_visual {
		width: 100%;
	}

	#meniyasashii-colorcontact .main_bg {
		position: relative;
		background: #f1f9f7;
	}

	#meniyasashii-colorcontact .main_wrap {
		position: relative;
		padding: 0;
	}

	#meniyasashii-colorcontact .main_title {
		color: #26b8b4;
		font-weight: 700;
		font-size: 1.5rem;
		text-align: center;
	}

	#meniyasashii-colorcontact .main_subtitle {
		margin-top: 8px;
		font-weight: 700;
		font-size: 2rem;
		text-align: center;
	}

	#meniyasashii-colorcontact .main_img {
		position: relative;
		width: auto;
		margin: 0 auto;
	}

	#meniyasashii-colorcontact .main_img img {
		display: block;
		width: auto;
		max-width: 100%;
		margin: 0 auto;
	}

	#meniyasashii-colorcontact .main_catch {
		width: 90%;
		margin: 7% auto 0;
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 2.4;
	}

	/*feature anc
	------------------------------------ */
	#meniyasashii-colorcontact .feature {
		position: relative;
		margin-top: 10%;
		padding-bottom: 5%;
		background: #ebf6f3;
	}

	#meniyasashii-colorcontact .feature::before {
		position: absolute;
		top: -20px;
		right: 0;
		left: 0;
		width: 35px;
		height: 35px;
		margin: 0 auto;
		background: url(../img/sp_1.png) no-repeat center center;
		background-size: contain;
		content: "";
	}

	#meniyasashii-colorcontact .cont_subtitle {
		padding-top: 0;
		font-weight: 700;
		font-size: 2.2rem;
		line-height: 1.4;
		letter-spacing: 0.1em;
		text-align: center;
	}

	#meniyasashii-colorcontact .anc {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: space-between;
		width: 90%;
		margin: 5% auto 0;
	}

	#meniyasashii-colorcontact .anc_box {
		display: block;
		position: relative;
		width: 31%;
	}

	#meniyasashii-colorcontact .anc_box:before {
		z-index: -1;
		position: absolute;
		top: 7px;
		left: 5px;
		width: 100%;
		height: 98%;
		background: #d2dedd;
		content: "";
	}

	#meniyasashii-colorcontact .anc_box:after {
		position: absolute;
		top: 80%;
		right: 0;
		left: 0;
		width: 0;
		height: 0;
		margin: 0 auto;
		border-width: 7px 5px 0 5px;
		border-style: solid;
		border-color: #26b8b4 transparent transparent transparent;
		content: "";
	}

	#meniyasashii-colorcontact .anc_box:hover:after {
		position: absolute;
		top: 83%;
		right: 0;
		left: 0;
		width: 0;
		height: 0;
		margin: 0 auto;
		border-width: 7px 5px 0 5px;
		border-style: solid;
		border-color: #26b8b4 transparent transparent transparent;
		content: "";
	}

	#meniyasashii-colorcontact .anc_title {
		margin-top: 0;
		padding: 5% 0;
		background: #26b8b4;
		color: #fff;
		font-weight: 700;
		font-size: 1.2rem;
		text-align: center;
	}

	#meniyasashii-colorcontact .anc_img {
		padding: 10% 0 37%;
		background: #fff;
	}

	#meniyasashii-colorcontact .anc_img img {
		display: block;
		width: 80%;
		margin: 0 auto;
	}

	/*feature contents
	------------------------------------ */
	#meniyasashii-colorcontact .feature_cont {
		width: 90%;
		margin: 6% auto 0;
		padding: 0 0 5%;
		background: #fff;
	}

	#meniyasashii-colorcontact .feature_title {
		margin-top: 0;
		padding: 10% 0 0;
		font-weight: 700;
		font-size: 2.2rem;
		line-height: 1.3;
		text-align: center;
	}

	#meniyasashii-colorcontact .feature_img {
		width: 54%;
		margin: 7% auto 0;
	}

	#meniyasashii-colorcontact .feature_img img {
		display: block;
		margin: 0 auto;
	}

	#meniyasashii-colorcontact .feature_text {
		width: 90%;
		margin: 8% auto 0;
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 2;
	}

	/*feature table
	------------------------------------ */
	#meniyasashii-colorcontact .spec_table {
		width: 90%;
		margin: 8% auto 0;
		border-top: solid 2px #26b8b4;
		border-left: solid 2px #26b8b4;
		font-weight: 500;
		font-size: 1.2rem;
	}

	#meniyasashii-colorcontact .spec_table th {
		padding: 1%;
		border-right: solid 2px #26b8b4;
		border-bottom: solid 2px #26b8b4;
		background: #f4fbfb;
		font-weight: 500;
	}

	#meniyasashii-colorcontact .spec_table td {
		padding: 10px 0 10px 20px;
		border-right: solid 2px #26b8b4;
		border-bottom: solid 2px #26b8b4;
	}

	/*compare
	------------------------------------ */
	#meniyasashii-colorcontact .compare {
		position: relative;
		margin-top: 20%;
		padding-bottom: 5%;
	}

	#meniyasashii-colorcontact .compare::before {
		position: absolute;
		top: -25px;
		right: 0;
		left: 0;
		width: 40px;
		height: 40px;
		margin: 0 auto;
		background: url(../img/sp_2.png) no-repeat center center;
		background-size: contain;
		content: "";
	}

	#meniyasashii-colorcontact .cont_title {
		margin-top: 0;
		padding: 7% 0 0;
		font-weight: 700;
		font-size: 2.2rem;
		letter-spacing: 0.05em;
		line-height: 1.3;
		text-align: center;
		color: #26b8b4;
	}

	#meniyasashii-colorcontact .compare_anc {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-ms-flex-wrap: wrap;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 90%;
		margin: 0 auto;
		padding: 0;
	}

	#meniyasashii-colorcontact .compare_anc a {
		display: block;
		position: relative;
		width: 47%;
		margin-top: 5%;
		padding: 5px 0;
		background: #26b8b4;
		color: #fff;
		font-weight: 700;
		font-size: 1.4rem;
		text-align: center;
	}

	#meniyasashii-colorcontact .compare_anc a::after {
		position: absolute;
		top: 44%;
		right: 9%;
		width: 0;
		height: 0;
		margin: 0 auto;
		transform: translateY(0);
		border-width: 6px 5px 0 5px;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		content: "";
		transition: all 0.3s ease-in-out;
	}

	#meniyasashii-colorcontact .compare_anc a:before {
		-webkit-transition: all 0.3s ease-in-out;
		z-index: -1;
		position: absolute;
		top: 5px;
		left: 4px;
		width: 100%;
		height: 100%;
		background: #d2dedd;
		content: "";
		transition: all 0.3s ease-in-out;
	}

	#meniyasashii-colorcontact .compare_anc a:hover:before {
		top: 0;
		left: 0;
		content: "";
	}

	#meniyasashii-colorcontact .compare_cont {
		width: 90%;
		margin: 10% auto 0;
		border: solid 2px #22313f;
	}

	#meniyasashii-colorcontact .compare_cont+.compare_cont {
		width: 90%;
		margin: 5% auto 0;
		border: solid 2px #22313f;
	}

	#meniyasashii-colorcontact .compare_box {
		padding: 5% 5%;
	}

	#meniyasashii-colorcontact .compare_title {
		margin-top: 0;
		padding: 2% 0;
		background: #22313f;
		color: #fff;
		font-weight: 700;
		font-size: 2.2rem;
		text-align: center;
	}

	#meniyasashii-colorcontact .compare_inner+.compare_inner {
		margin-top: 30px;
	}

	#meniyasashii-colorcontact .compare_in_title {
		color: #26b8b4;
		font-size: 1.6rem;
	}

	#meniyasashii-colorcontact .compare_text {
		font-weight: 500;
		font-size: 1.2rem;
	}

	#meniyasashii-colorcontact .compare_table01 {
		width: 100%;
		margin: 5% auto 0;
		border-top: solid 2px #26b8b4;
		border-left: solid 2px #26b8b4;
		font-weight: 500;
		font-size: 1.2rem;
	}

	#meniyasashii-colorcontact .compare_table01 th {
		width: 33%;
		padding: 3% 0;
		border-right: solid 2px #26b8b4;
		border-bottom: solid 2px #26b8b4;
		background: #f4fbfb;
		font-weight: 500;
	}

	#meniyasashii-colorcontact .compare_table01 td {
		width: 33%;
		padding: 3% 0;
		border-right: solid 2px #26b8b4;
		border-bottom: solid 2px #26b8b4;
		text-align: center;
	}

	#meniyasashii-colorcontact .compare_table01 .bg {
		background: #f4fbfb;
	}

	#meniyasashii-colorcontact .compare_table02 {
		width: 100%;
		margin: 5% auto 0;
		border-top: solid 2px #26b8b4;
		border-left: solid 2px #26b8b4;
		font-weight: 500;
		font-size: 1.2rem;
	}

	#meniyasashii-colorcontact .compare_table02 th {
		width: 33%;
		padding: 3%;
		border-right: solid 2px #26b8b4;
		border-bottom: solid 2px #26b8b4;
		background: #f4fbfb;
		font-weight: 500;
		text-align: left;
	}

	#meniyasashii-colorcontact .compare_table02 th.title {
		width: 100%;
		background: #26b8b4;
		color: #fff;
		font-size: 1.6rem;
		text-align: center;
	}

	#meniyasashii-colorcontact .compare_table02 td {
		padding: 3%;
		border-right: solid 2px #26b8b4;
		border-bottom: solid 2px #26b8b4;
	}

	/*conclusion
	------------------------------------ */
	#meniyasashii-colorcontact .conclusion {
		position: relative;
		margin-top: 10%;
		padding-bottom: 5%;
		background: #ebf6f3;
	}

	#meniyasashii-colorcontact .conclusion::before {
		position: absolute;
		top: -20px;
		right: 0;
		left: 0;
		width: 40px;
		height: 40px;
		margin: 0 auto;
		background: url(../img/sp_3.png) no-repeat center center;
		background-size: contain;
		content: "";
	}

	#meniyasashii-colorcontact .conclusion_inner {
		width: auto;
		margin: 64px auto 0;
	}

	#meniyasashii-colorcontact .conclusion_cont {
		width: 90%;
		margin: 6% auto 0;
		padding-bottom: 8%;
		background: #fff;
	}

	#meniyasashii-colorcontact .conclusion_title {
		margin-top: 0;
		padding: 7% 0 0;
		font-weight: 700;
		font-size: 1.8rem;
		text-align: center;
		line-height: 1.5;
	}

	#meniyasashii-colorcontact .conclusion_img {
		width: 60%;
		margin: 0 auto;
		margin-top: 7%;
	}

	#meniyasashii-colorcontact .conclusion_img img {
		display: block;
		margin: 0 auto;
	}

	#meniyasashii-colorcontact .conclusion_wrap {
		text-align: center;
	}

	#meniyasashii-colorcontact .conclusion_text {
		width: 90%;
		margin: 5% auto 0;
		font-weight: 500;
		font-size: 1.2rem;
		line-height: 2.2;
	}

	#meniyasashii-colorcontact .conclusion_link {
		-webkit-transition: all 0.3s ease-in-out;
		display: block;
		position: relative;
		width: 60%;
		margin: 5% auto 0;
		padding: 3% 0;
		background: #26b8b4;
		color: #fff;
		font-weight: 700;
		font-size: 1.2rem;
		text-align: center;
		transition: all 0.3s ease-in-out;
	}

	#meniyasashii-colorcontact .conclusion_link:hover {
		opacity: 0.6;
	}

	#meniyasashii-colorcontact .conclusion_link:after {
		-webkit-transform: translateY(0) rotate(45deg);
		position: absolute;
		top: 40%;
		right: 10%;
		width: 0;
		height: 0;
		margin: 0 auto;
		transform: translateY(0) rotate(45deg);
		border-width: 7px 0 8px 7px;
		border-style: solid;
		border-color: #fff transparent transparent transparent;
		content: "";
	}

}

/* 20240410 追加
------------------------------------ */
#meniyasashii-colorcontact .main_img {
	width: 100%;
	margin: 0 auto;
}
#meniyasashii-colorcontact .main_bg::after {
	display: none;
}
#meniyasashii-colorcontact .main_title {
	padding: 3%;
	padding-top: clamp(15px, 5vw, 40px);
	padding-bottom: 50px;
}
#meniyasashii-colorcontact .main_img img {
	display: block;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
#meniyasashii-colorcontact .main_catch {
	margin: 3.5% auto;
}
#meniyasashii-colorcontact .title_top {
	color: #26b8b4;
	font-weight: 700;
	font-size: 2.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	@media screen and (max-width: 959px){
		font-size: 1.5rem;
	}}
#meniyasashii-colorcontact .title_other {
	margin-top: 0;
	font-weight: 700;
	font-size: 3.2rem;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	@media screen and (max-width: 959px){
		font-size: 2rem;
	}
}
#meniyasashii-colorcontact .ctn {
	font-weight: 500;
	font-size: clamp(11px, calc(12px + 3px), 15px);
	line-height: 2.2;
}
#meniyasashii-colorcontact .ctn .imgBox {
	line-height: 0;
}
#meniyasashii-colorcontact .ctn .cont_subtitle {
	padding-top: clamp(20px, 5vw, 60px);
	padding-bottom: clamp(20px, 5vw, 60px);
	padding-left: clamp(35px, 5vw, 60px);
	padding-right: clamp(35px, 5vw, 60px);
	/* margin-bottom: clamp(-20px, 5vw, -60px); */
}
#meniyasashii-colorcontact .ctn .in_heading {
	margin: 0 0 clamp(10px, 5vw, 15px);
	font-size: clamp(12px, calc(12px + 4px), 16px);
	color: #26b8b4;
	line-height: 1.6;
}
#meniyasashii-colorcontact .ctn .item_wrap {
	padding: 3%;
	border: 3px solid #ebf6f3;
}
#meniyasashii-colorcontact .ctn .item_wrap {
	padding: 2% 3%;
    margin: 3% auto;
	border: 3px solid #ebf6f3;
	position: relative;
	background: #fff;
}
#meniyasashii-colorcontact .ctn .item_wrap > .item {
    margin: 13px 0;
    line-height: 1.6;
}
#meniyasashii-colorcontact .ctn .item_wrap > .item a {
	color: #26b8b4;
}

#meniyasashii-colorcontact .ctn > .inner > .ctn_text p {
	margin: 4% 0;
}
#meniyasashii-colorcontact .ctn > .inner > .ctn_text p {
	margin: 4% 0;
}
:where( #meniyasashii-colorcontact .ctn .ctn_text:has( ~ .in_heading ):first-of-type p:not(:has(~ p)) ) {
	text-align: center;
}
#meniyasashii-colorcontact .ctn .in_heading ~ .ctn_text:first-of-type p {
	text-align: left;
}
#meniyasashii-colorcontact .ctn > .inner > .child_wrap p {
	margin: 4% 0;
}

/* 偶数 */
#meniyasashii-colorcontact .ctn:nth-child(odd) {
	padding-left: 0;
	padding-right: 0;
	background: #ebf6f3;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) .cont_subtitle {
	padding-left: 5%;
	padding-right: 5%;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) > .inner {
	padding: 0;
	overflow-y: hidden;
	background: none;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading {
	padding: 2% 5%;
	margin: 5% 0 0;
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
	background: #22313f;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ div {
	padding: 20px 100px 26px;
	margin: 0 0 0;
	border: 2px solid #22313f;
	text-align: left;
	background: #fff;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ .child_wrap {
	margin: -3% auto 0;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: none;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ .child_wrap:last-child {
	border-bottom: 2px solid #22313f;
}

#meniyasashii-colorcontact .ctn .bousen {
	padding: 0 0 4px;
	margin: clamp(20px, 5vw, 30px) 0 clamp(10px, 5vw, 13px);
	border-bottom: solid 1px #000;
	line-height: 1.6;
}
#meniyasashii-colorcontact .ctn_link {
	-webkit-transition: all 0.3s ease-in-out;
	display: block;
	position: relative;
	width: 100%;
	max-width: 320px;
	margin: 0 auto;
	padding: clamp(10px, 5vw, 13px) 0;
	background: #26b8b4;
	color: #fff;
	font-weight: 700;
	font-size: clamp(11px, calc(11px + 3px), 14px);
	text-align: center;
	transition: all 0.3s ease-in-out;
}
#meniyasashii-colorcontact .ctn_link:hover {
	opacity: 0.6;
	@media screen and (max-width: 959px) {
	opacity: 1;
	}
}
#meniyasashii-colorcontact .ctn_link:after {
	-webkit-transform: translateY(0) rotate(45deg);
	position: absolute;
	top: 36%;
	right: 4%;
	width: 0;
	height: 0;
	margin: 0 auto;
	transform: translateY(0) rotate(45deg);
	border-width: 12px 0 13px 12px;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	content: "";
}
#meniyasashii-colorcontact .ctn_link._type01 {
	margin-bottom: 3%;
}

#meniyasashii-colorcontact .ctn_txtLink {
	color: #26b8b4;
	display: inline;
}

/* review */
#meniyasashii-colorcontact .review_cnt {
	padding: 1px 0;
	margin: 2% 0 1%;
}
#meniyasashii-colorcontact .review_cnt .reviewer {
	display: flex;
	align-items: center;
}
#meniyasashii-colorcontact .review_cnt .reviewer .imgBox {
	width: 60px;
	padding: 1%;
	padding-right: 12px;
}
#meniyasashii-colorcontact .review_cnt .reviewer b {
	display: flex;
	align-items: center;
}
#meniyasashii-colorcontact .review_cnt .c {
	margin: 1% 0 1%;
	padding: 0 3% 0;
	display: block;
}
	#meniyasashii-colorcontact .review_cnt .c p {
		color: #22313f;
	}

/* anc_list */
#meniyasashii-colorcontact .ctn .anc_list {
	display: flex;
	flex-wrap: wrap;
	margin: 5% auto 6%;
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link {
	width: 30%;
	padding: 0 0 0;
	margin: 0 auto 5%;
	display: block;
	text-align: center;
	position: relative;
	border: 2px solid #26b8b4;
	background: #fff;
	/* background: #f4fffc; */
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .pdtName {
	padding: 8px 30px 8px 15px;
	color: #26b8b4;
	font-size: 1.2rem;
	display: block;
	position: relative;
	font-size: clamp(10px, calc(10px + 2px), 12px);
	line-height: 1.5;
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .pdtName::before {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	width: 8px;
	height: 8px;
	margin: 0.5% 0 0;
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
	border-top: 2px solid #26b8b4;
	border-right: 2px solid #26b8b4;
	content: "";
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .pdtName:hover::before {
	-webkit-transform: translateX(5px rotate(45deg));
			transform: translateX(5px rotate(45deg));
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .pdtPrice {
	display: block;
	padding: 0px 0 15px;
	font-weight: 700;
	color: #d91e1e;
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .shouhin_img {
	line-height: 0;
	padding: 3%;
	background: #fff;
}
#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .shouhin_img img {
	width: 80%;
	display: block;
	margin: auto;
	line-height: 0;
}
/* productItem */
#meniyasashii-colorcontact .ctn .in_heading:has( + .productItem ) {
	color: #fff;
	text-align: center;
	padding: 3% 1%;
	background: #26b8b4;
}
#meniyasashii-colorcontact .ctn .productItem {
	padding: 0 5% 0;
	margin-top: 0;
	margin: 0 0 5%;
	border: none;
	text-align: left;
	background: #fff;
}
/* 偶数 */
#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ .productItem {
	padding: 20px 100px 26px;
	border: 2px solid #26b8b4;
}
#meniyasashii-colorcontact .ctn:nth-child(odd) .productItem .anc_list {
	margin-bottom: 0;
}

/* graph_chart_wrapper */
#meniyasashii-colorcontact .graph_chart_wrapper {
	width: 100%;
}
#meniyasashii-colorcontact .df {
	width: 100%;
	margin: 0 auto;
	background: #fff;
}
#meniyasashii-colorcontact .df th {
	text-align: center;
	line-height: 1.5;
}
#meniyasashii-colorcontact .df td {
	line-height: 1.5;
}
#meniyasashii-colorcontact .long_width_column { /* long_width_column */
	margin: 0 auto;
}
#meniyasashii-colorcontact .long_width_column .inner {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	overflow-x: scroll;
}
#meniyasashii-colorcontact .long_width_column .inner th {
	width: 130px;
	min-width: 130px;
	padding-right: 10px;
	text-align: center;
}
#meniyasashii-colorcontact .long_width_column .inner td {
	width: 150px;
	min-width: 150px;
	padding-right: 8px;
}

#meniyasashii-colorcontact .setumei {
	position: relative;
	padding-bottom: 0;
	/*
	margin-top: 46px;
	padding-top   : clamp(20px, 5vw, 60px);
	padding-left  : clamp(35px, 5vw, 60px);
	padding-right : clamp(35px, 5vw, 60px); */
	font-weight: 500;
	line-height: 2;
	font-size: clamp(12px, calc(12px + 4px), 16px);
	letter-spacing: 0.2vw;
	background: #ebf6f3;
}
#meniyasashii-colorcontact .setumei > .inner {
	max-width: 840px;
	width: 90%;
	margin: 0 auto 0;
	padding: 20px 100px;
	font-size: 1.4rem;
	background: #FFF;
}

#meniyasashii-colorcontact .matome_wrapper,
#meniyasashii-colorcontact .ctn:nth-child(odd) .matome_wrapper {
	margin: 0 auto 0;
	padding: 0 0 5%;

	padding: 20px 100px 26px;
	background: #fff;
}

@media screen and (max-width: 959px) {
	#meniyasashii-colorcontact .main_title {
		padding: 5% 1%;
	}
	#meniyasashii-colorcontact .ctn {
		position: relative;
	}
	#meniyasashii-colorcontact .ctn > .inner {
		position: relative;
		padding: 5% 5%;
		font-size: 1.2rem;
	}
	#meniyasashii-colorcontact .matome_wrapper {
		padding: 5% 5%;
	}

	/* 偶数 */
	#meniyasashii-colorcontact .ctn:nth-child(odd) .cont_subtitle {
		padding-left: 5%;
		padding-right: 5%;
	}
	#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading {
		padding: 3% 5%;
		text-align: left;
		font-size: 1.4rem;
	}
	#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ div {
		padding: 0 5% 1%;
		margin: 0 0 5%;
	}
	#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ .child_wrap {
		padding: 1px 5%;
		margin: -5.5% auto 0;
	}
	#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ p {
		padding: 0 5%;
		margin: 0 0 5%;
	}
	#meniyasashii-colorcontact .ctn .anc_list {
		margin: 8% -5% 3%;
	}
	#meniyasashii-colorcontact .ctn .anc_list .shouhin_link {
		width: 48%;
		margin: 0 auto 1.8%;
		border: 2px solid #bde5e4;
	}
	#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .pdtName {
		padding: 8px 20px 8px 8px;
		line-height: 1.5;
	}
	#meniyasashii-colorcontact .ctn .anc_list .shouhin_link .pdtName::before {
		width: 6px;
		height: 6px;
		top: 50%;
		right: 8px;
	}
	/* productItem */
	#meniyasashii-colorcontact .ctn .productItem {
		padding: 2% 0 0;
	}
	#meniyasashii-colorcontact .ctn .in_heading:has( + .productItem ) {
		margin: 5% 0 0;
	}
	/* 偶数 */
	#meniyasashii-colorcontact .ctn:nth-child(odd) .in_heading ~ .productItem {
		padding: 0 5%;
	}
	#meniyasashii-colorcontact .ctn:nth-child(odd) .productItem .anc_list {
		margin-bottom: 3%;
	}
	#meniyasashii-colorcontact .ctn:nth-child(odd) .matome_wrapper {
		padding: 3% 5%;
	}
}

#meniyasashii-colorcontact .qa_conts {
	max-width: 840px;
	margin: 30px auto 0;
	box-sizing: border-box;
	width: 90%;
    padding: 2% 6% 6%;
	font-weight: 500;
    font-size: 3.4vw;
    line-height: 2;
    letter-spacing: 0.2vw;
	font-weight: 500;
	background: #fff;
}

@media screen and (min-width: 755px) {
    #meniyasashii-colorcontact .qa_conts {
        max-width: 840px;
        padding: 2% 6% 2%;
        width: auto;
		font-size: 15px;
        letter-spacing: 1.8px;
    }
}

#meniyasashii-colorcontact .qa_conts .q_title {
	color: #26b8b4;
	margin-bottom: 20px;
}

#meniyasashii-colorcontact .qa_conts p {
	margin-bottom: 10px;
}

#meniyasashii-colorcontact .qa_conts .line {
	text-decoration: underline;
}