@charset "UTF-8";
/*化粧品*/


.button5 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 64px;
	outline: none;
	box-sizing: border-box;
	font-size: 24px;
	font-weight: bold;
	margin-top: 20px;
	padding: 10px 30px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
.button5::before, .button5::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button5, .button5::before, .button5::after, {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.button5 {
	color: #fff !important;
	border: 2px solid #4f77e1;
	box-sizing: border-box;
	background-color: #4f77e1;
}
.button5:hover {
	background-color: #fff;
	text-decoration: none;
	color: #4f77e1 !important;
	border: 2px solid #4f77e1;
	box-sizing: border-box
}
.button6 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 38px;
	outline: none;
	box-sizing: border-box;
	font-size: 18px;
	margin-top: 30px;
	padding: 10px 30px;
}
.button6::before, .button6::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button6, .button6::before, .button6::after, {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.button6 {
	color: #fff !important;
	border: 2px solid #4f77e1;
	background-color: #4f77e1;
	box-sizing: border-box
}
.button6:hover {
	background-color: #fff;
	text-decoration: none;
	color: #4f77e1 !important;
	border: 2px solid #4f77e1;
	box-sizing: border-box
}
.cos1 p {
	font-size: 20px;
	line-height: 2.2
}
.cos1 section {
	border: solid 5px #efdebd;
	padding: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.cos_ti1 {
	margin-top: 70px;
	font-size: 30px;
	line-height: 1.9;
	margin-bottom: 15px;
	color: #9d0000;
}
.cos_ti1 span {
	background-color: rgba(255,252,0,1.00);
}
.cos_L1 {
	float: left;
	width: 220px;
	margin-top: 50px;
	text-align: right;
	padding-right: 50px;
	margin-bottom: 60px;
}
.cos_R1 {
	float: left;
	width: 700px;
}
.arrow_box {
	margin-top: 20px;
	position: relative;
	background: #eaf6fe;
	border: 1px solid #eaf6fe;
	font-size: 20px;
	z-index: 9;
	line-height: 38px;
	padding: 30px 30px 15px;
	border-radius: 10px;
	/* box-shadow */
	box-shadow: 3px 4px 5px -3px rgba(68,68,68,0.33);
	-moz-box-shadow: 3px 4px 5px -3px rgba(68,68,68,0.33);
	-webkit-box-shadow: 3px 4px 5px -3px rgba(68,68,68,0.33);
}
.arrow_box:after, .arrow_box:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box:after {
	border-color: rgba(254, 234, 234, 0);
	border-right-color: #eaf6fe;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box h4, .arrow_box2 h4 {
	font-size: 33px;
	color: #02275a;
	line-height: 58px;
	font-weight: bold
}
.arrow_box h4 span, .arrow_box2 h4 span {
	font-size: 44px;
}
.cat3 {
	width: 33.3%;
	float: left;
}
.cat3 img {
	width: 100%;
	height: auto;
}
.cos_midashi1 {
	background-image: url(../cosme/images/tibg1.jpg);
	background-repeat: repeat-y;
	background-size: 100% 100%;
	font-size: 35px;
	color: #fff;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 25px;
	margin-top: 70px;
	width: 100%;
	line-height: 45px;
}
.cos_midashi1 span {
	font-size: 44px;
	font-weight: bold;
}
.cos_midashi2 {
	background-color: #fff0f4;
	border-top: 5px solid #ca2e5a;
	font-size: 50px;
	color: #ca2e5a;
	padding: 40px 0px 35px 0px;
	margin-top: 80px;
	margin-bottom: 25px;
}
.com_box {
	border: solid 8px #f590ab;
	width: 1000px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.com_box h4 {
	background-color: #f6537f;
	padding: 10px;
	margin-bottom: 20px;
}
.com_box_in {
	padding: 20px 30px 40px 30px;
	margin-bottom: 30px;
}
.com_box_L {
	float: left;
	width: 250px;
	text-align: center;
}
.com_box_R {
	float: left;
	width: 660px;
	text-align: center;
	text-align: left;
}
.com_box_R p {
	font-size: 16px;
	line-height: 2
}
.com_box_R h5 {
	font-size: 24px;
	color: #ca2e5a;
	line-height: 33px;
}
/*メガネシミュレーター*/
.lp_num1 {
	background-image: url(../images/common/lp_ic1.gif);
	background-repeat: no-repeat;
	height: 97px;
	margin-bottom: 20px;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 110px;
	padding-top: 30px;
	box-sizing: border-box;
}
.lp_num2 {
	background-image: url(../images/common/lp_ic2.gif);
	background-repeat: no-repeat;
	height: 97px;
	margin-bottom: 20px;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 110px;
	padding-top: 30px;
	box-sizing: border-box;
}
.lp_num3 {
	background-image: url(../images/common/lp_ic3.gif);
	background-repeat: no-repeat;
	height: 97px;
	margin-bottom: 20px;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 110px;
	padding-top: 30px;
	box-sizing: border-box;
}
.lp_num4 {
	background-image: url(../images/common/lp_ic4.gif);
	background-repeat: no-repeat;
	height: 97px;
	margin-bottom: 20px;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 110px;
	padding-top: 30px;
	box-sizing: border-box;
}
.lp_num5 {
	background-image: url(../images/common/lp_ic5.gif);
	background-repeat: no-repeat;
	height: 97px;
	margin-bottom: 20px;
	font-size: 38px;
	line-height: 42px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 110px;
	padding-top: 30px;
	box-sizing: border-box;
}
.pd15 {
	padding-top: 7px !important;
}
.gla_ti1 {
	margin-top: 70px;
	font-size: 52px;
	line-height: 1.4;
	margin-bottom: 15px;
	color: #0c356c;
}
.gla_ti1 span {
	font-weight: bold;
	font-size: 67px;
}
.gla_L2 {
	float: left;
	width: 680px;
	padding-left: 10px;
	font-size: 20px;
}
.gla_R2 {
	float: left;
	width: 300px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}
.gla_cp1 {
	font-size: 40px;
	line-height: 46px;
	color: #1e5aac;
	margin-top: 0px;
	text-align: center;
	margin-bottom: 0px;
	background-image: url(../images/common/arrow_11.gif);
	background-position: center bottom;
	padding-bottom: 50px;
	background-repeat: no-repeat;
}
.arrow_box2 {
	margin-top: 20px;
	position: relative;
	background: #eaf6fe;
	border: 1px solid #eaf6fe;
	font-size: 20px;
	line-height: 38px;
	padding: 30px 30px 10px;
	border-radius: 10px;
	/* box-shadow */
	box-shadow: 3px 4px 5px -3px rgba(68,68,68,0.33);
	-moz-box-shadow: 3px 4px 5px -3px rgba(68,68,68,0.33);
	-webkit-box-shadow: 3px 4px 5px -3px rgba(68,68,68,0.33);
}
.arrow_box2:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.arrow_box2:after {
	border-color: rgba(254, 234, 234, 0);
	border-left-color: #eaf6fe;
	border-width: 20px;
	margin-top: -20px;
}
.arrow_box2:before {
	border-color: rgba(254, 234, 234, 0);
	border-left-color: #eaf6fe;
	border-width: 21px;
	margin-top: -21px;
}
.gla_midashi1 {
	background-color: #1e5aac;
	font-size: 35px;
	color: #fff;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 25px;
	margin-top: 70px;
	line-height: 47px;
	width: 100%;
}
.gla_midashi1 span {
	font-size: 44px;
	font-weight: bold;
}
.gla_midashi2 {
	background-color: #e5f0ff;
	border-top: 5px solid #1e5aac;
	font-size: 50px;
	color: #1e5aac;
	padding: 40px 0px 35px 0px;
	margin-top: 80px;
	margin-bottom: 25px;
}
.gla1 p {
	font-size: 20px;
	line-height: 2.2
}
.gla1 section {
	border: solid 5px #efdebd;
	padding: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.gla_L1 {
	float: left;
	width: 420px;
	text-align: right;
	padding-right: 50px;
	margin-bottom: 60px;
}
.gla_R1 {
	float: left;
	width: 530px;
}
.glm_ti {
	background-image: url(../images/common/good_ic.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	line-height: 82px;
	padding-left: 100px !important;
	font-size: 32px;
	color: #fff;
}
.tx12 {
	font-size: 29px;
}
.glm_box {
	border: solid 8px #90cbf5;
	width: 1000px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.glm_box h6 {
	text-align: center;
	font-size: 20px;
	background-color: #f7f7f7;
	padding: 10px;
	margin-bottom: 20px;
}
.glm_box h4 {
	background-color: #53b7f6;
	padding: 10px;
	margin-bottom: 0px;
	text-align: left;
}
.glm_box_in {
	padding: 20px 30px 40px 30px;
	margin-bottom: 30px;
}
.glm_box_L {
	float: left;
	width: 250px;
	text-align: center;
}
.glm_box_R {
	float: left;
	width: 660px;
	text-align: center;
	text-align: left;
}
.glm_box_R p {
	font-size: 16px;
	line-height: 2
}
.glm_box_R h5 {
	font-size: 24px;
	color: #154a92;
	line-height: 33px;
}
.box1000 {
	width: 1000px;
	margin: auto;
}
/*まつげエクステ*/


.eye1 p {
	font-size: 16px;
	line-height: 2.2
}
.eye1 section {
	border: solid 5px #efdebd;
	padding: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.eye_ti1 {
	margin-top: 70px;
	font-size: 30px;
	line-height: 1.9;
	margin-bottom: 15px;
	color: #9d0000;
}
.eye_ti1 span {
	background-color: rgba(255,252,0,1.00);
}
.cat3 {
	width: 33.3%;
	float: left;
}
.cat3 img {
	width: 100%;
	height: auto;
}
.eye_midashi1 {
	background-image: url(../cosme/images/tibg1.jpg);
	background-repeat: repeat-y;
	background-size: 100% 100%;
	font-size: 35px;
	color: #fff;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-bottom: 25px;
	margin-top: 70px;
	width: 100%;
	line-height: 45px;
}
.eye_midashi1 span {
	font-size: 44px;
	font-weight: bold;
}
.eye_midashi2 {
	background-color: #f8e9f9;
	border-top: 5px solid #aa50b2;
	font-size: 50px;
	color: #aa50b2;
	padding: 40px 0px 35px 0px;
	margin-top: 80px;
	margin-bottom: 25px;
}
.eye_box {
	border: solid 8px #ec8cee;
	width: 1000px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.eye_box h4 {
	background-color: #d655d8;
	padding: 10px;
	margin-bottom: 20px;
}
.com_box_in {
	padding: 20px 30px 40px 30px;
	margin-bottom: 30px;
}
.eye_box_R {
	float: left;
	width: 660px;
	text-align: center;
	text-align: left;
}
.eye_box_R p {
	font-size: 16px;
	line-height: 2
}
.eye_box_R h5 {
	font-size: 24px;
	color: #78107a;
	line-height: 33px;
}

@media screen and ( max-width: 767px ) {
.gla_ti1 {
	margin-top: 22px;
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 15px;
	color: #0c356c;
}
.gla_ti1 span {
	font-weight: bold;
	font-size: 24px;
}
.cos1 p {
	font-size: 14px;
	line-height: 1.6
}
.cos1 section {
	border: solid 5px #efdebd;
	padding: 20px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.cos_ti1 {
	margin-top: 50px;
	font-size: 30px;
	line-height: 1.9;
	margin-bottom: 15px;
	color: #9d0000;
}
.cos_ti1 span {
	background-color: rgba(255,252,0,1.00);
}
.cos_L1 {
	float: none;
	width: 100%;
	margin-top: 20px;
	text-align: center;
	padding-right: 0px;
	margin-bottom: 20px;
}
.cos_R1 {
	float: none;
	width: 100%;
}
.arrow_box, .arrow_box2 {
	margin-top: 20px;
	position: relative;
	background: #eaf6fe;
	border: 1px solid #eaf6fe;
	font-size: 16px;
	z-index: 9;
	line-height: 28px;
	padding: 20px 0px 0px;
	margin-bottom: 25px;
	box-sizing: border-box;
	border-radius: 5px;
	/* box-shadow */
	box-shadow: 0px 0px 0px -0px rgba(68,68,68,0.33);
	-moz-box-shadow: 0px 0px 0px -0px rgba(68,68,68,0.33);
	-webkit-box-shadow: 0px 0px 0px -0px rgba(68,68,68,0.33);
}
.arrow_box:after, .arrow_box:before, .arrow_box2:after, .arrow_box2:before {
	right: 0%;
	top: 0%;
	border: none transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.gla_L2 {
	width: 100%;
	float: none;
	padding-left: 0px;
}
.arrow_box:after, .arrow_box2:after {
	border-color: rgba(254, 234, 234, 0);
	border-right-color: #eaf6fe;
	border-width: 0px;
	margin-top: 0px;
}
.arrow_box h4, .arrow_box2 h4 {
	font-size: 22px;
	color: #02275a;
	line-height: 28px;
	font-weight: bold
}
.arrow_box h4 span, .arrow_box2 h4 span {
	font-size: 22px;
}
.cat3 {
	width: 100%;
	float: none;
	overflow: hidden;
	height: 160px;/* トリミングしたい枠の高さ */
	position: relative;
	margin-bottom: 15px;
}
.cat3 img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 70%;
	height: auto;
}
.gla_cp1 {
	font-size: 22px;
	line-height: 32px;
	color: #1e5aac;
	margin-top: 0px;
	text-align: center;
	margin-bottom: 0px;
	background-image: url(../images/common/arrow_11.gif);
	background-position: center bottom;
	padding-bottom: 50px;
	background-repeat: no-repeat;
}
.box1000 {
	width: 100%;
	margin: auto;
}
.gla_midashi1 {
	background-color: #1e5aac;
	font-size: 23px;
	color: #fff;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	margin-top: 70px;
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	line-height: 32px;
	width: 100%;
}
.gla_midashi1 span {
	font-size: 23px;
	font-weight: bold;
}
.gla_midashi2 {
	background-color: #e5f0ff;
	border-top: 5px solid #1e5aac;
	font-size: 22px;
	color: #1e5aac;
	padding: 17px 0px 17px 0px;
	margin-top: 80px;
	margin-bottom: 25px;
}
.gla1 p {
	font-size: 18px;
	line-height: 2.2
}
.gla1 section {
	border: solid 3px #efdebd;
	padding: 10px;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.gla_L1 {
	float: none;
	width: 100%;
	text-align: right;
	padding-right: 0px;
	margin-bottom: 20px;
}
.gla_R1 {
	float: none;
	width: 100%;
}
.lp_num1 {
	background-image: url(../images/common/lp_ic1.gif);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	height: auto;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-top: 7px;
	box-sizing: border-box;
}
.lp_num2 {
	background-image: url(../images/common/lp_ic2.gif);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	height: auto;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-top: 7px;
	box-sizing: border-box;
}
.lp_num3 {
	background-image: url(../images/common/lp_ic3.gif);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	height: auto;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-top: 7px;
	box-sizing: border-box;
}
.lp_num4 {
	background-image: url(../images/common/lp_ic4.gif);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	height: auto;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-top: 7px;
	box-sizing: border-box;
}
.lp_num5 {
	background-image: url(../images/common/lp_ic5.gif);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	height: auto;
	margin-bottom: 20px;
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	color: #1e5aac;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-top: 7px;
	box-sizing: border-box;
}
.fl_R, .fl_L {
	float: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.button5 {
	width: 100%;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 28px;
	outline: none;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: bold;
	margin-top: 20px;
	padding: 14px 10px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}
.button5::before, .button5::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button5, .button5::before, .button5::after, {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.button5 {
	color: #fff !important;
	border: 2px solid #4f77e1;
	box-sizing: border-box;
	background-color: #4f77e1;
}
.button5:hover {
	background-color: #fff;
	text-decoration: none;
	color: #4f77e1 !important;
	border: 2px solid #4f77e1;
	box-sizing: border-box
}
.button6 {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	line-height: 24px;
	outline: none;
	box-sizing: border-box;
	font-size: 18px;
	margin-top: 20px;
	padding: 10px 20px;
}
.button6::before, .button6::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button6, .button6::before, .button6::after, {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-transition: all .3s;
 transition: all .3s;
}
.button6 {
	color: #fff !important;
	border: 2px solid #4f77e1;
	background-color: #4f77e1;
	box-sizing: border-box
}
.button6:hover {
	background-color: #fff;
	text-decoration: none;
	color: #4f77e1 !important;
	border: 2px solid #4f77e1;
	box-sizing: border-box
}
main {
	padding-left: 2%;
	padding-right: 2%;
	box-sizing: border-box;
}
.gla_L1 {
	float: none;
	width: 100%;
	text-align: center;
	padding-right: 0px;
	margin-bottom: 60px;
}
.gla_R1 {
	float: none;
	width: 100%;
}
.glm_ti {
	background-image: url(../images/common/good_ic.png);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	line-height: 28px;
	padding-left: 48px !important;
	font-size: 20px;
	color: #fff;
}
.glm_box {
	border: solid 4px #90cbf5;
	width: 100%;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.glm_box h6 {
	text-align: center;
	font-size: 16px;
	background-color: #f7f7f7;
	padding: 10px;
	margin-bottom: 20px;
}
.glm_box h4 {
	background-color: #53b7f6;
	padding: 10px;
	margin-bottom: 0px;
	text-align: left;
}
.glm_box_in, .com_box_in {
	padding: 20px 20px 10px 20px;
	margin-bottom: 30px;
}
.glm_box_L {
	float: none;
	width: 100%;
	text-align: center;
}
.glm_box_R {
	float: none;
	width: 100%;
	text-align: center;
	text-align: left;
}
.glm_box_R p {
	font-size: 14px;
	line-height: 2
}
.glm_box_R h5 {
	font-size: 20px;
	color: #154a92;
	line-height: 33px;
}
.com_box_L {
	float: none;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
}
.com_box_R {
	float: none;
	width: 100%;
	text-align: center;
	text-align: left;
}
.com_box_R p {
	font-size: 16px;
	line-height: 2
}
.pd15 {
	padding-top: 0px !important;
}
.mpd0 {
	padding-top: 0px !important;
}
.com_box_R h5 {
	font-size: 20px;
	color: #ca2e5a;
	line-height: 33px;
}
}