@charset "utf-8";
/* lower for SP */

@media screen and (max-width: 812px){

.lower {
	background: #f5f5f0;
}
.lower .changeBg {
	background: #d7ebf0;
}
.changeBg-container {
	padding: 35px 6.666666% 30px;
}

/* --- bodyhd --- */
.bodyhd {
	padding-top: 30px;
	margin-bottom: 28px;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	-webkit-flex-direction: column;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
}
.bodyhd h2 {
	font-size: 1.5rem;
	border-bottom: 2px dotted #585857;
	padding:0 0.5em 7.5px;
	margin-bottom: 8px;
}
.lead {
	text-align: center;
	line-height: 1.4615;
}
.news .bodyhd {
	padding: 30px 6.666666% 0;
	-webkit-justify-content:space-between;
	-webkit-align-items:baseline;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	justify-content:space-between;
	align-items:baseline;
	flex-direction: row;
	flex-wrap: wrap;
}
.news .bodyhd .cat {
	width: 100%;
	margin-bottom: 5px;
}
.news .bodyhd h2 {
	padding: 0;
	border: none;
	line-height: 1.4;
}

/* --- part styles --- */
.align-center {
	text-align: center;
}

/* hd style */
.style-round {
	height: 35px;
	background: #1e90ba;
	border-radius: 17.5px;
	margin: 0 auto 16px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 500;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.style-balloon {
	height: 35px;
	background: #fff;
	border-radius: 10px;
	font-size: 1.3rem;
	letter-spacing: normal;
	margin-bottom: 27.5px;
	position: relative;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.style-balloon:after {
	content: "";
	position: absolute;
	bottom: -28px;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: 0 auto;
	border-top: 14px solid #fff;
	border-bottom: 14px solid transparent;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
}
.style-tab {
	height: 46px;
	background: #1e90ba;
	border-radius: 10px 10px 0 0;
	color: #fff;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.style-tab:before {
	content: "";
	display: block;
	width: 22px;
	height: 17px;
	background: url("../../about/img/icon_kind.png") 0 0 no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}

/* list flow */
.flow {
	width: 100%;
	margin: 0 auto;
}
.flow li {
	background: #fff;
	border-radius: 10px;
	min-height: 75px;
	margin-bottom: 35px;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.333333;
	text-align: center;
	position: relative;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	-webkit-flex-direction: column;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
}
.flow li > * {
	z-index: 1;
}
.flow li:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 13px solid #1e90ba;
	border-bottom: 13px solid transparent;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -37px;
	z-index: 0;
}
.flow li:last-child {
	margin-bottom: 0;
}
.flow li:last-child:after {
	display: none;
}
.flow li .note {
	box-sizing: border-box;
	width: 100%;
	font-size: 1.2rem;
	font-weight: normal;
}
.flow li.hasimg:before {
	content: "";
	position: absolute;
	width: 58px;
	height: 64px;
	background: url("../../beginners/img/flow_img_1.png") 0 0 no-repeat;
	background-size: 100% auto;
	z-index: 0;
}
.flow li.img1:before {
	top: 6px;
	right: 20px;
}
.flow li.img2:before {
	top: 7px;
	left: 8%;
	width: 59.5px;
	height: 60px;
	background-image: url("../../beginners/img/flow_img_2.png");
}
.flow li.img3:before {
	top: 6.5px;
	right: 8%;
	width: 57px;
	height: 63px;
	background-image: url("../../beginners/img/flow_img_3.png");
}

/* list hasmarker */
.hasmarker li {
	font-size: 1.2rem;
	line-height: 1.41;

	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:flex-start;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
}
.hasmarker li:before {
	content: "●";
	display: inline-block;
	margin-right: 0.3em;
}
.hasmarker li + li {
	margin-top: 0.25em;
}

/* === news === */
.newsbody {
	padding: 0 6.666666%;
	line-height: 1.42;
}
.newsbody .subcontent {
	margin-top: 2em;
}
.newsbody .image + .caption {
	margin-top: 1em;
}

/* === beginners === */
.beginners aside,
.beginners section p {
	line-height: 1.4;
}
.definition .note {
	text-align: center;
}
.definition em {
	display: block;
	background: #fff;
	width: 100%;
	height: 43px;
	border-radius: 10px;
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 15px;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.beginners aside {
	padding: 30px 30px 0;
}
.beginners aside.privacy h2 {
	margin-top: 20px;
}

/* === about === */
.merit {
	padding: 0 0 0;

}
.merit li {
	position: relative;
	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
	-webkit-flex-direction: column;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction: column;
}
.merit li + li {
	margin-top: 20px;
}
.merit li:before {
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	border-radius: 100%;
	background: #fff url("../../about/img/img_merit_1.png") 50% 50% no-repeat;
	background-size: 66.666666% auto;
	margin: 0 auto 0;
}
.merit li.m2:before {
	background-image: url("../../about/img/img_merit_2.png");
}
.merit li.m3:before {
	background-image: url("../../about/img/img_merit_3.png");
}
.merit li.m4:before {
	background-image: url("../../about/img/img_merit_4.png");
}
.merit li.m5:before {
	background-image: url("../../about/img/img_merit_5.png");
}
.merit li div {
	line-height: 1.41;
	font-weight: normal;
	text-align: center;
	margin-top: 6px;
}
.merit li span {
	display: block;
	width: 30px;
	height: 30px;
	background: #1e90ba;
	border-radius: 100%;
	color: #fff;
	font-size: 1.4rem;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	position: absolute;
	top: 10px;
	left: calc(50% - 110px);
}

/* difference */
.difference .container {
	padding: 0 0 0;

}
.difference dl {
	display:-webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:center;
	-webkit-flex-wrap: wrap;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap: wrap;
}
.difference dl + dl {
	margin-top: 35px;
}

.difference dt {
	width: 50%;
	padding-bottom: 10px;
	border-bottom: 2px dotted #666a6b;
	font-weight: 1.4rem;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.15em;
}
.difference dd {
	width: 100%;
	margin-top: 15px;
}
.difference dd.image {
	width: 44.615384%;
	margin-top: 0;
}

/* kind */
.kind {
	padding: 30px 6.666666% 0;
}
.kind .container {
	background: #fff;
	border-radius: 0 0 10px 10px;
	padding: 25px 17px 25px;
}
.kind dl.hardlens {
	border-top: 2px dotted #666a6b;
	padding-top: 25px;
	margin-top: 25px;

}
.kind dt {
	height: 33px;
	background: #efefea;
	border-radius: 10px;
	font-weight: 500;
	margin-bottom: 10px;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.kind dd {
	box-sizing: border-box;
	padding-left: 20px;
	line-height: 1.75;
}
.kind .hardlens dd {
	padding: 0;
}
.kind dd img {
	display: block;
	width: auto;
	margin: 13px auto 0;
}
.kind li {
	text-indent: -0.75em;
}
.kind li:before {
	content: "●";
	display: inline-block;
	color: #1e90ba;
	font-size: 1.2rem;
	margin-right: 0.5em;
}
.kind li em{
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1;
}
.kind li div {
	text-indent: 0;
	margin-top: 0.45em;
}
.kind li + li {
	margin-top: 24px;
}

.linkto {
	margin-top: 23px;
}
.linkto a {
	display: block;
	box-sizing: border-box;
	height: 35px;
	border: 2px solid #1e90ba;
	border-radius: 17.5px;
	color: #1e90ba;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	margin: 0 auto;
	position: relative;
	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.linkto a:after {
	content: "";
	position: absolute;
	right: 10px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid #1e90ba;
	border-right: 7px solid transparent;
}

/* === products === */
.products .changeBg-container {
	padding: 35px 10px;
}
.localnav {
	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
	-webkit-flex-wrap: wrap;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap: wrap;
}
.localnav li {
	width: 49%;
	height: 35px;
}
.localnav li + li {
	margin-left: 2%;
}
.localnav li:nth-child(2n + 1) {
	margin-left: 0;
}
.localnav li:nth-child(n + 3) {
	margin-top: 0.454125rem;
}
.localnav li a {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-left: 35px;
	background: #fff;
	border-radius: 7.5px;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.2;
	position: relative;
	overflow: hidden;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.localnav li a:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 2px;
	width: 32px;
	height: 26px;
	background: url("../../products/img/lnav_icons.png") 3px 0 no-repeat;
	background-size: 186px auto;
	border-right: 1px solid #1e90ba;
}
.localnav li.i2 a:before {
	background-position: -23px 0;
}
.localnav li.i3 a:before {
	background-position: -49px 0;
}
.localnav li.i4 a:before {
	background-position: -77px 0;
}
.localnav li.i5 a:before {
	background-position: -104px 0;
}
.localnav li.i6 a:before {
	background-position: -131px 0;
}
.localnav li.i7 a:before {
	background-position: -157px 0;
}

/* notemels */
.notemels {
	position: relative;
  height: 3em;
}
.notemels p {
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: normal;
	
	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.notemels img {
	width: 24px;
	margin-right: 0.3em;
}

.products section {
	padding: 35px 6.666666% 0;
}
.products section#sec1 {
	padding: 0 6.666666% 0;
}

/* image sizes */
.productlist .mp img {
	width: 24px;
}
.productlist .logo img,
.productlist .pimg img {
	width: 70%;
}
.productlist .logo img[src*="_menikon"] {
	width: 40.00%;
}
.productlist .logo img[src*="_jj"] {
	width: 55.00%;
}
.productlist .logo img[src*="_alcon"] {
	width: 41.00%;
}
.productlist .logo img[src*="_cv"] {
	width: 58.00%;
}
.productlist .logo img[src*="_seed"] {
	width: 27.00%;
}
.productlist .logo img[src*="_bl"] {
	width: 60.75%;
}
.productlist .logo img[src*="_rohto"] {
	width: 30.00%;
}

.productlist .pimg img[src*="p_premio_2w"],
.productlist .pimg img[src*="p_premio_tic_2w"] {
	margin-top: 10px;
}
.productlist .pimg img[src*="p_menicon"],
.productlist .pimg img.p_menicon{
	width: 55%;
}
.productlist .pimg img[src*="p_eyecoffret"] {
	width: 60%;
	margin-top: 8px;
}
.productlist .pimg img[src*="p_js"] {
	width: 58%;
	margin: 8px auto;
}
.productlist .pimg img[src*="p_starry"] {
	width: 46%;
	margin-top: 7px;
}
.productlist .pimg img[src*="p_fvcolor"] {
	width: 80%;
	margin: 10px auto 6px;
}
.productlist .pimg img.size50 {
	width: 50%;
}
.products section#sec9 .productlist .pimg img {
	width: auto;
	height: 23.2vw;
}

.products section h3 {
	font-weight: 500;
	letter-spacing: 0.15em;
	margin-bottom: 15px;

	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
.products section h3:before {
	content: "";
	display: block;
	box-sizing: border-box;
	width: 46px;
	height: 46px;
	border: 1px solid #1e90ba;
	border-radius: 6px;
	background:#efefea url("../../products/img/section_icons.png") 3px 50% no-repeat;
	background-size: 267px auto;
	margin-right: 0.8em;
}
.products section h3.i2:before {
	background-position: -35px 50%;
}
.products section h3.i3:before {
	background-position: -73px 50%;
}
.products section h3.i4:before {
	background-position: -112px 50%;
}
.products section h3.i5:before {
	background-position: -150px 50%;
}
.products section h3.i6:before {
	background-position: -188px 50%;
}
.products section h3.i7:before {
	background-position: -227px 50%;
}

/* productlist */
.productlist {
	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:stretch;
	-webkit-flex-wrap: wrap;
	display:flex;
	justify-content:flex-start;
	align-items:stretch;
	flex-wrap: wrap;
}
.productlist li {
	box-sizing: border-box;
	width: 49%;
	padding: 20px 0 15px;
	background: #fff;
	border-radius: 10px;
	position: relative;
}
.productlist li + li {
	margin-left: 2%;
}
.productlist li:nth-child(2n + 1) {
	margin-left: 0;
}
.productlist li:nth-child(n + 3) {
	margin-top: 0.75rem;
}
.productlist .mp {
	position: absolute;
	left: 8px;
}
.productlist .caption,
.productlist .pimg,
.productlist .logo {
	height: 24px;
	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.productlist .pimg {
	box-sizing: border-box;
	min-height: 85px;
	height: auto;
}
/*
.productlist .midbtm2,
.productlist .midbtm1,
.productlist .btm {
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.productlist .midbtm1 {
	padding-bottom: 10px;
}
#sec8 .productlist .midbtm1 {
	padding-bottom: 0;
}
.productlist .midbtm2 {
	padding-bottom: 20px;
}
*/
.productlist .caption {
	min-height: 25px;
	height: auto;
	margin: auto auto 0;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	-webkit-align-items:flex-end;
	align-items:flex-end;
}
.products section.note {
	margin-top: 30px;
	text-align: center;
	line-height: 1.5;
	padding: 0;
}

/* === plan === */
.plan .changeBg .bodyhd {
	box-sizing: border-box;
	border: 2px solid #56abc9;
	border-radius: 10px;
	height: 120px;
	width: 100%;
  margin-bottom: 4em;
	padding:0 0 0 38.00%;
	background: url("../../plan/img/img_kappa.png") 4.5% 50% no-repeat;
	background-size: 35.38% auto;
	text-align: center;
	letter-spacing: normal;
	position: relative;
}
.plan .changeBg .bodyhd:after {
	content: "メニコン公式キャラクター\A「メル助」";
	position: absolute;
	bottom: -4em;
	left: 0;
	font-size: 1.0rem;
  line-height: 1.6;
  white-space: pre;
}
.plan .changeBg .bodyhd h3 {
	color: #1e90ba;
	line-height: 1.285;
	margin-bottom: 9px;
}
.plan .changeBg .bodyhd p {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.3;
}

.plan .picup {
	background: #fff;
	border-radius: 10px;
	padding: 35px 0 20px;
}
.plan .picup p {
	color: #808080;
	font-size: 1.2rem;
	line-height: 1.4166;
	margin-top: -0.6em;
	text-align: center;
}
.plan .picup ul {
	width: 60%;
	margin: 5px auto 0;
}
.plan .picup li {
	text-align: center;
	padding: 15px 0;
}
.plan .picup li + li {
	border-top: 2px dotted #1e90ba;
}
.plan .picup li:last-child img {
	margin-left: 7px;
}
.plan .picup ul li:first-child img {
	margin-left: -21px;
}
.plan .mutan {
	margin-top: 20px;
}
.plan .summary .note {
	margin: 20px auto 0;
	font-size: 1.2rem;
	line-height: 1.5454;
}

.plan .flow li.img1:before {
	width: 47px;
	height: 40px;
	background-image: url("../../plan/img/flow_img_1.png");
	top: 20px;
	right: 12.3%;
}
.plan .flow li.img2:before {
	width: 36.5px;

	height: 45.5px;
	background-image: url("../../plan/img/flow_img_2.png");
	top: 15px;
	left: 5%;
}
.plan .flow li.img3:before {
	width: 50.5px;
	height: 47.5px;
	background-image: url("../../plan/img/flow_img_3.png");
	top: 15px;
	right: 1%;
}
.plan .flow li.img4:before {
	width: 26.5px;
	height: 28px;
	background-image: url("../../plan/img/flow_img_4.png");
	top: 28.5px;
	left: 5.69%;
}
.plan .flow li.img4:after {
	content: "";
	display: block !important;
	position: absolute;
	top: 28.5px;
	right: 5.69%;
	bottom: auto;
	width: 26.5px;
	height: 28px;
	border: none;
	background: url("../../plan/img/flow_img_4.png") 0 0 no-repeat;
	background-size: 100% auto;
	transform: scale(-1, 1);
	z-index: 0;
}
.plan .flow li.img3 .note {
	padding-right: 20px;
}
.plan section.note {
	text-align: center;
	line-height: 1.5454;
}
.plan section.lineup {
	padding: 35px 6.666666% 0;
}
.plan section.lineup section + section {
	margin-top: 30px;
}
.plan .lineup h3 {
	margin-bottom: 30px;
}
.plan .lineup h4 {
	font-size: 1.5rem;
	width: 75%;
	margin: 0 auto 15px;
}
.plan .lineup .notice {
	color: #000;
	font-size: 1.2rem;
	margin-top: 1.5em;
	text-align: center;
}

/* planlist */
.planlist {
	display:-webkit-flex;
	-webkit-justify-content:flex-start;
	-webkit-align-items:center;
	-webkit-flex-direction: column;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	flex-direction: column;
}
.planlist dl {
	box-sizing: border-box;
	width: 80%;
	padding: 12px 0 25px;
	background: #fff;
	border-radius: 20px;
}
.planlist dl + dl {
	margin-top: 25px;
}
.planlist .benefits,
.planlist .image,
.planlist dt {
	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.planlist dt {
	height: 50px;
	width: 80%;
	margin: 0 auto;
	border-bottom: 1px solid #4d4d4d;
	font-weight: 500;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.3;
}
.planlist .image {
	box-sizing: border-box;
	min-height: 235px;
	padding: 20px 0;
	width: 90%;
	margin: 0 auto;
}
.planlist .image img {
	width: 100%;
}
.planlist .benefits {
	height: 42px;
	width: 83.6956%;
	margin: 0 auto;
	background: #1e90ba;
	border-radius: 10px;
	color: #fff;
	letter-spacing: 0.15em;
	line-height: 1.35;
	text-align: center;
}
.planlist .prices {
	width: 83.6956%;
	margin: 11px auto 0;
}
.planlist .prices ul {
	border: 2px solid #1e90ba;
	border-radius: 10px;
}
.planlist .prices li {
	box-sizing: border-box;
	height: 42px;
	color: #1e90ba;
	font-size: 1.7rem;
	font-weight: 700;
	letter-spacing: normal;
	display:-webkit-flex;
	-webkit-justify-content:space-between;
	-webkit-align-items:center;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.planlist .prices li + li {
	border-top: 2px solid #1e90ba;
}
.planlist .prices .hd,
.planlist .prices .price {
	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	-webkit-flex-direction: column;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
}
.planlist .prices .hd {
	width: 31%;
	min-height: 42px;
	border-right: 2px solid #1e90ba;
	font-size: 1.2rem;
	font-weight: normal;
}
.planlist .prices .note {
	display: block;
	width: 100%;
	text-align: center;
	line-height: 1.0 !important;
	margin-top: 0.2em;
}
.planlist .prices .price {
	width: 69%;
	letter-spacing: 0.15em;
}
.planlist .prices .taxin {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.2rem;
	margin-top: 0.2em;
}

.plan aside {
	min-height: 93px;
	background: #fff;
	border-radius: 10px;
	border: 1px solid #4d4d4d;
	font-weight: 700;
	line-height: 1.6666;
	text-align: center;
	letter-spacing: normal;
	margin: 35px 6.666666% 0;

	display:-webkit-flex;
	-webkit-justify-content:center;
	-webkit-align-items:center;
	-webkit-flex-direction: column;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;
}

} /* @media */

@media screen and (min-width: 320px) and (max-width: 812px) {
.products .changeBg-container {
	padding: 35px 10px;
}
.products section {
	padding: 35px 10px 0;
}
} /* @media */

@media screen and (min-width: 360px) and (max-width: 812px) {
.products .changeBg-container {
	padding: 35px 15px;
}
.products section {
	padding: 35px 15px 0;
}
} /* @media */

@media screen and (min-width: 375px) and (max-width: 812px) {
.products .changeBg-container {
	padding: 35px 25px;
}
.products section {
	padding: 35px 25px 0;
}
} /* @media */

@media screen and (min-width: 411px) and (max-width: 812px) {

} /* @media */