@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/
body {
	color: #000;
	font-size: 15px;
	line-height: 36px;
	background: #fff;
	overflow-x:hidden;
	font-family: 'M PLUS 1p', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
img{
	max-width: 100%;
	height: auto;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	opacity: 0.7;
}
a:hover img {
	opacity: 0.5;
}
.contentIn {
	width: 100%;
	position: relative;
}
.mw1411{
	max-width: 1411px;
}
section:after,
ul:after,
.clearfix:after,
.contentIn:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pcOnly{display: block !important;}
br.pcOnly{display: inline !important;}
.spOnly{display: none !important;}

@media screen and (max-width:768px) {
body {
	font-size: 14px;
	line-height: 1.6;
}
	.contentIn {
		padding: 0 3%;
	}
	.contentIn.mw1411{
		padding: 0;
		text-align: center;
	}
	.spOnly{display: block !important;}
	.pcOnly,br.pcOnly{display: none !important;}

}

.Column {
	overflow: hidden;
	position: relative;
}
.Column:before,
.Column:after {
    content: "";
    display: table;
}
.Column:after {
    clear: both;
}
.Column {
    zoom: 1;
}

.layout_end {
	clear: both;
	float: none;
}




/* ----------------------------------------------------------------------------------------------------
*  バックグラウンドが入るDIVなどの設定
* --------------------------------------------------------------------------------------------------*/

.top-slider {
	height: 605px;
	width: 100%;
	background-image: url(../../images/luce-top/photo001.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.slider-title01 {
	max-width: 550px;
	margin-right: auto;
	margin-left: 100px;
	padding-top: 390px;
}
.slider-title02 {
	width: 550px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	font-size: 40px;
	border-bottom: 2px solid #fff;
}
.slider-title02 p {
	font-size: 40px;
	color: #fff;
	font-family: FW-マティスCID-DB;
	margin-bottom: 20px;
}
.slider-title03 {
	max-width: 550px;
	margin-right: auto;
	margin-left: auto;
}
.slider-title03 p {
	font-size: 16px;
	color: #fff;
	font-family: M+ 1p;
	line-height: 1.5;
}
.kinobi01 {
    height: 6px;
    background-image: url("../../images/luce-top/kinobi01-pc.jpg");
    background-repeat: repeat-x;
}
.topscrollbt {
    position: absolute;
    display: inline-block;
    left: 0;
    right: 0;
    margin: auto;
    color: #FFF;
    padding-top: 35px;
}
.topscrollbt span {
    position: absolute;
    top: -10px;
    left: 50%;
    width: 20px;
    height: 35px;
    margin-left: -10px;
    border: 2px solid #fff;
    border-radius: 50px;
    box-sizing: border-box;
}
.topscrollbt {
    color: #FFF;
}
.indextop01 {
    text-align: center;
}

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

.slider-title01 {
	margin: 0 auto;
	margin-top: 477px;
}
.slider-title02 {
	border-bottom: none;
	width: 550px;
	margin: 0 auto;
}
.slider-title02 p {
	font-size: 40px;
	margin-bottom: 24px;
}
#topimg001 {
	height: 100vh;
	width: 100%;
	background-image: url(../../images/luce-top/photo001_sp.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.topimg01 {
	padding-top: 400px;
	width: 100%;
	}
.topimg01 p {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 22px;
	font-size: 20px;
	color: #fff;
	font-family: FW-マティスCID-DB;
	text-align: center;
	}
}


/* ----------------------------------------------------------------------- 

 クーポン30％OFF / LUCE TOP

----------------------------------------------------------------------- */
#coupon30 {
    margin: 4% auto;
    max-width: 860px;
    text-align: center;
}
.coupon30-01 {
	margin: 0 25px;
	line-height: 180%;
}
.coupon30-01 img {
    width: 100%;
}

@media screen and (max-width: 768px) {
#coupon30 {
    margin: 0% auto;
}
.coupon30-01 {
	margin-top: 20%;
	margin-bottom: 10%;
}
}

/* ----------------------------------------------------------------------- 

 korona / LUCE TOP

----------------------------------------------------------------------- */

#korona {
	width: 1024px;
	margin: 0 auto;
	padding: 0 25px;
	padding-bottom: 120px;
}
.korona01 {
	text-align: center;
	font-family: さわらび明朝;
}
.korona01 p {
	font-size: 24px;
	line-height: 2.5;
}
.korona01 .korona01-01 {
	font-size: 38px;
}
.korona01-02 {
	padding-top: 4%;
}
@media screen and (max-width: 768px) {
		#korona {
			width: 100%;
			padding-bottom: 16%;
		}
		.korona01 p {
			font-size: 115%;
			line-height: 2.6;
			text-align: left;
		}
		.korona01 .korona01-01 {
			font-size: 130%;
		}
}
/* ----------------------------------------------------------------------- 

 index(concept) / LUCE TOP

----------------------------------------------------------------------- */
.kinobi02 {
	height: 13px;
    background-image: url("../../images/luce-top/kinobi02_pc.jpg");
    background-repeat: no-repeat;
	margin-top: 0;
	background-size: cover;
}
#index01 {
	background-image: url("../../images/luce-top/index-09_pc.jpg");
	background-repeat: no-repeat;
	margin-top: 0;
	padding-top: 90px;
	padding-bottom: 90px;
}
.index01-01 {
	max-width: 1250px;
	padding: 0 25px;
	display: flex;
	margin: 0 auto;
}
.index01-01-img {
	margin: 0 auto;
	line-height: 0;
	max-width: 520px;
}
.index01-01-img img {
	width: 100%;
}
.index01-02 {
	width: 40%;
	margin: 0 auto;
	padding-left: 20px;
}
.index01-03 {
	font-size: 48px;
	font-family: さわらび明朝;
	margin-bottom: 48px;
}
.index01-04 {
	font-size: 19px;
	font-family: さわらび明朝;
	line-height: 2;
	padding-bottom: 13%;
}

@media screen and (max-width: 768px) {
#index01 {
	background-image: url("../../images/luce-top/index-09_sp.jpg");
	background-position: bottom;
	background-size: cover;
	padding-top: 10%;
	padding-bottom: 10%;
}
.kinobi02 {
	width: 100%;
	height: 7px;
	
}
.index01-01 {
	display: block;
	padding: 0 20px;
	margin: 0 auto;
	max-width: 686px;
}
.index01-01-img {
	width: 100%;
	height: auto;
	padding-bottom: 6%;
}
.index01-02 {
	width: 100%;
	padding-left: 0;
}
.index01-03 {
	font-size: 30px;
	margin-bottom: 0;
	padding-bottom: 4%;
}
.index01-04 {
	font-size: 14px;
	padding-bottom: 4%;
	line-height: 1.7;
}
}
/* ----------------------------------------------------------------------- 

 index(facial,body) / LUCE TOP

----------------------------------------------------------------------- */
.index03 {
	display: flex;
	margin: 0 auto;
	max-width: 1020px;
	padding: 0 25px;
	padding-bottom: 115px;
	padding-top: 80px;
	font-family: さわらび明朝;
}

.index02-02-img {
	max-width: 490px;
	height: auto;
	margin: 0 auto;
}
.index02-02-img img {
	width: 100%;
}
.index02-02 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.index02-03 {
	max-width: 275px;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 10px;
}
.index02-04_bttype {
	width: 80%;
	margin: 0 auto;
}
#index02 {
	margin-right: 45px;
}
.index02-end {
	margin-right: 0;
}
@media screen and (max-width: 768px) {
		.index03 {
			display: block;
			padding: 0;
		}
		.index02-02-img img {
			max-width: 100%;
		}
		.index02-02 {
			margin-bottom: 0;
			padding-bottom: 6%;
		}
		.index02-03 {
			padding-bottom: 4%;
			padding-top: 4%;
		}
		#index02 {
			margin-right: 0;
			padding-bottom: 10%;
		}
}

/* ----------------------------------------------------------------------- 

 カレンダー / LUCE TOP

----------------------------------------------------------------------- */

.gc_wrapper {
	max-width: 1014px;
	min-width: 300px;
	margin: 2.0833% auto;
}
.responsive-iframe-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 768px) {
		.small-container {
			padding-bottom: 200%;   /* 高さ */
		}
}


.calendar01 {
	margin: 80px auto 200px auto;
	max-width: 1064px;
	padding-right: 25px;
	padding-left: 25px;
}

@media screen and (max-width: 768px) {
		.calendar01 {
			margin: 30px auto 100px auto;
			padding-right: 6%;
			padding-left: 6%;
		}
}

.calendar01-01 {
	font-family: さわらび明朝;
	text-align: center;
	font-size: 36px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #e4807b;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
		.calendar01-01 {
			font-size: 200%;
			border-bottom-width: 2px;
			padding-bottom: 1%;
			margin-bottom: 3%;
		}
}

/* ----------------------------------------------------------------------- 

 page-title / LUCE

----------------------------------------------------------------------- */
#page-title01 {
    background-color: #dc7470;
    margin-bottom: 120px;
    background-image: url(../../images/luce-base/title-kage.jpg);
    background-repeat: repeat-x;
	background-position: bottom center;
}
.page-title01-01 {
	max-width: 1200px;
	margin: 0 auto;
}
.page-title01-02 {
	max-width: 300px;
	padding-left: 100px;
	padding-top: 60px;
	padding-bottom: 70px;
}
.page-title01-03 {
	color: #fff;
	font-size: 40px;
	border-bottom: 1px solid #fff;
	line-height: 2;
}
.page-title01-04 {
	color: #fff;
	font-size: 16px;
	line-height: 2.5;
}
.page-title02 {
	border-bottom: 2px solid #e7807c;
	font-size: 30px;
	padding-bottom: 4%;
	margin-bottom: 2%;
}
@media screen and (max-width: 768px) {
		.page-title01-02 {
			text-align: center;
			padding: 0;
			padding-top: 60px;
			padding-bottom: 25px;
			margin: 0 auto;
			width: 60%;
		}
		#page-title01 {
			margin-bottom: 10%;
		}
		.page-title01-03 {
			font-size: 35px;
		}
		.page-title01-04 {
			font-size: 12px;
		}
		.page-title02 {
			font-size: 150%;
		}
}
/* ----------------------------------------------------------------------- 

 section / LUCE concept

----------------------------------------------------------------------- */
#concept-01 {
	margin-bottom: 110px;
	padding: 0 25px;
}
.concept-logo {
	text-align: center;
	max-width: 310px;
	margin: 0 auto;
	padding-bottom: 70px;
}
.concept-logo01 {
	max-width: 100%;
}
.concept-01-01 {
	text-align: center;
	font-family: さわらび明朝;
	font-size: 22px;
	line-height: 2;
}
.concept-01-02,.concept-01-03,.concept-01-04 {
	padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
		#concept-01 {
			padding: 0 6% 6% 6%;
			margin-bottom: 0;
		}
		.concept-logo {
			max-width: 50%;
			padding-bottom: 6%;
		}
		.concept-01-01 {
			font-size: 115%;
			text-align: left;
		}
		.concept-01-02,.concept-01-03,.concept-01-04 {
			padding-bottom: 6%;
		}
}

#concept-02 {
height: 650px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
background-image: url(../../images/luce-concept/concept01_pc.jpg);
margin-bottom: 85px;
}
@media screen and (max-width: 768px) {
		#concept-02 {
			height: 400px;
			background-attachment: scroll;
			background-image: url(../../images/luce-concept/concept01_sp.jpg);
			margin-bottom: 6%;
		}
}

#concept-03 {
padding: 0 25px;
padding-bottom: 100px;
font-family: さわらび明朝;
}
.concept-03-01 {
text-align: center;
font-family: さわらび明朝;
padding-bottom: 73px;
}
.concept-03-02 {
font-size: 32px;
padding-bottom: 35px;
}
.concept-03-03 {
font-size: 22px;
line-height: 2.7;
}
.concept-03-04 {
margin: 0 auto;
max-width: 1024px;
}
.concept-03-05 {
background-image: url(../../images/luce-concept/concept02_pc.jpg);
background-repeat: no-repeat;
width: 100%;
padding-bottom: 20%;
}
@media screen and (max-width: 768px) {
		#concept-03 {
			padding-bottom: 6%;
		}
		.concept-03-01 {
			text-align: left;
			padding-bottom: 6%;
		}
		.concept-03-02 {
			font-size: 18px;
			line-height: 1.5;
			padding-bottom: 3%;
		}
		.concept-03-03 {
			font-size: 14px;
			line-height: 2;
		}
}

/* ----------------------------------------------------------------------- 

 section / LUCE facial

----------------------------------------------------------------------- */
#facial-01 {
padding: 0 25px;
}
.facial-01-01 {
margin: 0 auto;
max-width: 1024px;
margin-top: -3%;
font-family: さわらび明朝;
}
.facial-01-02 {
font-size: 30px;
border-bottom: 2px solid #e7807c;
padding-bottom: 1%;
}
#facial-01 .facial-01-02 {
color: #d47978;
}
.facial-01-02span1 {
padding-left: 25px;
padding-right: 20px;
font-size: 24px;
color: black;
}
.facial-01-02span2 {
font-size: 16px;
color: black;
}
.facial-01-03 {
font-size: 16px;
line-height: 2.5;
padding-top: 1%;
padding-bottom: 2%;
}
.facial-01-04 {
font-size: 18px;
border-bottom: 1px solid #e7807c;
}
.facial-01-04span {
color: #e7807c;
padding-right: 5px;
}
.facial-01-05 {
padding-top: 2%;
}
@media screen and (max-width: 768px) {
		.facial-01-02 {
			font-size: 22px;
			padding-bottom: 2%;
		}
		.facial-01-02span1 {
			padding-left: 0;
			padding-right: 10px;
			font-size: 16px;
		}
		.facial-01-03 {
			padding-top: 2%;
			padding-bottom: 6%;
			font-size: 14px;
		}
		.facial-01-03 {
			font-size: 15px;
			line-height: 1.5;
		}
		.facial-01-04 {
			padding-bottom: 2%;	
		}
		.facial-01-05 {
			padding-top: 3%;
		}
	}

#facial-02 {
padding-top: 8%;
padding-left: 25px;
padding-right: 25px;
}
#facial-02 .facial-01-02 {
color: #ce9699;
}
@media screen and (max-width: 768px) {
		#facial-02 {
			padding-top: 10%;
		}
}

#facial-03 {
padding-top: 8%;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 4%;
}
#facial-03 .facial-01-02 {
color: #da9f83;
}
.facial-01-07 {
display: flex;
justify-content: space-between;
}
.facial-01-06 img {
padding-left: 4%;
padding-top: 4%;
}
@media screen and (max-width: 768px) {
		#facial-03 {
			padding-top: 10%;
			padding-bottom: 10%;
		}
		.facial-01-07 {
			display: block;
		}
		.facial-01-06 img {
			padding-left: 0;
			padding-top: 4%;
		}
}

/* ----------------------------------------------------------------------- 

 section / LUCE body

----------------------------------------------------------------------- */
.body-01 {
	display: flex;
}
.body-01 .facial-01-06 img {
	padding-top: 0;
	width: 100%;
}
.body-01 .facial-01-06 {
    padding-top: 2%;
	text-align: right;
	max-width: 100%;
}
.body-01 {
	max-width: 150%;
}
@media screen and (max-width: 768px) {
		.body-01 {
			display: block;
		}
}

/* ----------------------------------------------------------------------- 

 section / LUCE information

----------------------------------------------------------------------- */
#information01 {
	width: 1024px;
	margin: 0 auto;
	padding: 0 25px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:4%;
	padding-bottom: 10%;
	font-family: さわらび明朝;
}
#information02 {
	margin: 0 auto;
}
.information02-01 {
	padding-bottom: 10%;
}

.information02-04 {
	border-bottom: 1px solid #f5cccb;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 6fr;
	gap:4%;
	padding: 3% 0 1% 0;
	font-size: 16px;
}
.information02-07 img {
	width: 100%;
}
.information03-01 {
	font-size: 16px;
}
.information03-02 {
	padding-top: 3%;
	padding-bottom: 3%;
}
.information03-01 .information03-04span　{
	color: #e7807c;
}
.information03-03 {
	padding-bottom: 10%;
}
.information03-04 {
	font-size: 18px;
	border-bottom: 1px solid #f5cccb;
	margin-bottom: 2%;
}
#information04 {
	width: 1024px;
	margin: 0 auto;
	padding: 0 25px;
	font-family: さわらび明朝;
}
.information04-02 {
	margin: 0 auto;
	max-width: 800px;
	padding-bottom: 10%;
	padding-top: 4%;
}

.information04-01 img {
	max-width: 90%;
}

@media screen and (max-width: 768px) {
		#information01 {
			display: flex;
			flex-direction: column;
			max-width: 100%;
		}
		.information02-04 {
			font-size: 100%;
		}
		.information02-04 {
			grid-template-columns: 1fr 3fr;
			gap:4%;
		}
		#information02,#information03 {
			padding-bottom: 10%;
		}
		#information04 {
			width: 100%;
			padding-bottom: 10%;
		}
		.information04-02 {
			padding-left: 10%;
		}
		.information04-01 img {
			max-width: 100%;
		}
}

/* ----------------------------------------------------------------------- 

 section / LUCE news

----------------------------------------------------------------------- */
.news01 {
	margin-right: auto;
	margin-left: auto;
	max-width: 1064px;
	padding-right: 25px;
	padding-left: 25px;
	margin-bottom: 90px;
}
.news01_01 {
	font-size: 22px;
	line-height: 1.9;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c3c3c3;
	margin-bottom: 15px;
	padding-bottom: 5px;
}


@media screen and (max-width: 768px) {
.news01 {
	padding-right: 6%;
	padding-left: 6%;
	margin-bottom: 6%;
}
.news01_01 {
	font-size: 16px;
	line-height: 1.6;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #c3c3c3;
	margin-bottom: 3%;
	padding-bottom: 3%;
}
}

.news02_01 {
	width: 100%;
	overflow: hidden;
	line-height: 1.9;
	margin-bottom: 15px;
}
.news02_01:before,
.news02_01:after {
    content: "";
    display: table;
}
.news02_01:after {
    clear: both;
}
.news02_01 {
    zoom: 1;
}


@media screen and (max-width: 768px) {
.news02_01 {
	line-height: 1.6;
	margin-bottom: 3%;
	font-size: 90%;
}
}

.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}

.news01_03 {
	font-family: さわらび明朝;
	float: left;
	max-width: 500px;
	width: 50%;
}
.news01_04 {
	font-family: さわらび明朝;
	float: right;
	max-width: 480px;
	width: 45%;
}

@media screen and (max-width: 768px) {
.news01_03 {
	float: none;
	max-width: 500px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.news01_04 {
	float: none;
	max-width: 100%;
	width: 100%;
	margin-top: 6%;
	margin-right: auto;
margin-left: auto;
}
}

.news03 {
	width: 660px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	line-height: 1.9;
	padding-bottom: 80px;
}
.news03:before,
.news03:after {
    content: "";
    display: table;
}
.news03:after {
    clear: both;
}
.news03 {
    zoom: 1;
}
.news03_01 {
	margin-right: 20px;
}
.news01_05 {
	font-size: 85%;
	margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
.news03 {
	width: 100%;
	margin-top: 0px;
	padding-top: 0%;
	padding-right: 6%;
	padding-bottom: 6%;
	padding-left: 6%;
}
.news03_01 {
	margin-right: auto;
}
.news01_05 {
	margin-bottom: 6%;
}
}


.new21lu01 {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 160%;
	text-align: center;
	line-height: 280%;
	margin-top: 120px;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
.new21lu01 {
	font-size: 115%;
	text-align: center;
	line-height: 230%;
	margin-top: 16%;
	letter-spacing: 0.15em;
}
}

.hotpepper01 {
	margin-bottom: 12%;
}