@charset "UTF-8";
/* CSS Document */
.pc{display:none;}
/*sp*/
.screen{position:static!important;}
.screen nav.main-nav.toggled {position:fixed!important;}

.screen header a.target-burger{position: fixed!important;}

.res-img {width: 100%;height: auto;}

/*top*/
.main_rty_top {position: relative;}

.copy {
position: absolute;
margin: 0 0;
bottom:-11%;
right: 6%;
width: 70%;}

h1.title{filter: drop-shadow(1px 1px 2px white);}

.catch {
position: absolute;
bottom: -10em;
right: 7%;
text-align: center;
width: 87%;}

.catch h1 {
font-family: 'Noto Serif JP', serif;
font-weight: 300;
margin-bottom: .5em;
font-size: 1.2rem;
letter-spacing: 2px;
/* color: #c59d62; */}

.catch h2 {
font-family: 'Noto Serif JP', serif;
font-weight: 300;
font-size: .8em;
letter-spacing: 1px;
line-height: 1.7;
/* color: #c59d62; */}



/*concept*/

.image_point{margin-top:10em;}

.concept_text{
width: 45%;
position: relative;
bottom: 10em;
left: .8em;}

.concept_flower{
width: 18%;
right: -13em;
position: relative;
bottom: 12em;}

.concept_rouge{
width: 90%;
margin: -11em auto;
display: block;
position:relative;}

.concept_rouge_text{
font-family: 'Noto Serif JP', serif;
font-weight: 300;
position: absolute;
top: 34%;
left: 13%;
font-size: .75rem;}


/*technic*/
.technic_title{width: 54%;margin: 14em auto 3em;}
.technic1{background-color:#fbecf2;}

.technic1 .sp{position:relative;}
.technic1 .text {
width: 46%;
margin: .5em 3em;
position: absolute;
top: 49%;
font-size: .6rem;}

.technic2 .sp{position:relative;}
.technic2 .text {
width: 46%;
margin: .5em 3em;
position: absolute;
top: 55%;
font-size: .6rem;}

.technic3 .sp{position:relative;}
.technic3 .text {
width: 46%;
margin: .5em 3em;
position: absolute;
top: 57%;
font-size: .6rem;}

.technic4 .sp{position:relative;}
.technic4 .text {
width: 46%;
margin: .5em 3em;
position: absolute;
top: 57%;
font-size: .6rem;}



.technic ul{
display: flex;
/* flex-wrap: wrap; */
justify-content: space-between;
margin: 1.5em 1em 1.5em;
width:50%;}

.technic4{background-color:#fff8f3;}

/*feature*/
.feature_title2{width: 35%;margin: 4em auto 2em;}


/*product*/
/*.product{position:relative;}*/
.product_title{
width: 33%;
margin: auto;
display: block;
margin-top: 4em;}

.product_contents{margin-top:4em;position:relative;}
.product_image ul{display:flex;}
.product_left{width:53%;margin-left:-2em;}
.product_right{width:44%;margin:2em 1em;}
.color_variations{margin:1.5em;}
.tint_and_melty{margin:4em;}

.rouge_image{position:absolute;bottom:12.2em;right:1em;width:31%;}

.melty_pattern{background-color:#fff8fa;padding:1em;}
.melty_pattern p{font-family: 'Noto Serif JP', serif;text-align:center;font-size: 1.1rem;margin-bottom: 1.5em;}


/*feature*/
.feature_title h2{margin-top:2em;font-family: 'Noto Serif JP', serif;font-weight:500;text-align:center;font-size: 1.1rem;letter-spacing: 1px;}
.feature_box{display:flex;margin:2.5em;}
.feature_box li:last-child{margin:.5em 1em 0;}
.feature_box p{font-size:.7em;}

.rty_feature .minirip{margin-bottom:4em;}
.rty_feature .maskok{margin-bottom:4em;}

.minirip p{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
font-size: .7em;
text-align:center;}

.maskok p{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 300;
font-size: .7em;
text-align:center;}

/*rouge_detail*/
.rty_rouge_lineup li{margin:0 1em 1em;position:relative;}
.rty_rouge_lineup p.detail{position: absolute;bottom: 3em;left: 2em;font-family: 'Noto Serif JP', serif;font-size: 1.1em;}


/*gallery*/
.gallery{background-color:#fbecf2;padding:.5em;}
.gallery_title{
width: 33%;
margin: auto;
display: block;
margin-top: 4em;
margin-bottom: 3em;}

.eui-widget-title.eapps-instagram-feed-title{display:none!important;}
.eapps-instagram-feed-container.eapps-link{display:none!important;}
.eapps-instagram-feed-container.eapps-link{background: none!important;color: #fbecf2!important;background-color: #fbecf2!important;}


/*news*/
.news_title{
width: 31%;
display: block;
margin: 4em auto 3em;}

/*.news_list{margin: 3em 1em 4em;}*/
.news_list_wrap{margin: 0 5%;}
.newslist-item img{width:100%;}
.news .text-box{margin: 1em 1em 3em;}

.news .more-btn {
display: block;
display: flex;
width: 200px;
height: 50px;
margin: 0em auto 3em;
text-decoration: none;
background-color: #fff;
justify-content: center;
align-items: center;}

.box1 p{
margin: .5em 3.5em;
text-align: center;
color: #afafaf;
font-family: 'Noto Serif JP', serif;
font-size: .8em;}

.box1{border: 1px solid #afafaf;}


.text-box h3{font-family: 'Noto Serif JP', serif;}


/*shopping*/
.shopping{background-image: url(../images/list_background.jpg);background-repeat: no-repeat;}
ul.shop_list{display:flex;}
.shop_list li{margin:1em;}
.shop_list img{opacity: 0.8;}

img.pc{display:none;}


/*footer*/
.dn{padding:2em 1em;}

.logo{width: 33%;margin: auto;display: block;}
.footer_menubox{
width: 72%;
margin: auto;
display: block;}

.footer_menu{display:flex;margin-top:1em;flex-wrap: wrap;width:100%;}
.footer_menu a{color:#c2986d;}
dl.footer-sns{margin: 1em 9.5em 0;}
.footer-sns dd{width:70%;margin:auto;}
.copyr{text-align: center;font-size: .8rem;}

.container.logo{margin: auto 2em;display: block;}

	
	
a{color:#000000;}


/*@media only screen and (min-width:420px) and (max-width:767px){
dl.footer-sns {margin: 1em 18.5em 0;}
}*/

/*ipad*/
@media screen and (min-width: 768px) {
	
.catch {
position: absolute;
bottom: -17em;
right: 7%;
text-align: center;
width: 87%;}	
	
.catch h1 {
font-family: 'Noto Serif JP', serif;
font-weight: 300;
margin-bottom: .5em;
font-size: 1.8rem;
/* color: #c59d62; */}
	
.catch h2 {
font-family: 'Noto Serif JP', serif;
font-weight: 300;
font-size: 1.2em;
/* color: #c59d62; */}
	

.image_point {margin-top: 18em;}
	
	
/*concept*/
.copy {
position: absolute;
margin: 0 0;
bottom: -7%;
right: 6%;
width: 61%;}	
	
.concept_flower {
width: 18%;
right: -31em;
position: relative;
bottom: 21em;}	
	
.concept_text {
width: 37%;
position: relative;
bottom: 19em;
left: 1.8em;}

.concept_rouge {
width: 77%;
margin: -17em auto;
display: block;
position:relative;}
	
.concept_rouge_text{
font-family: 'Noto Serif JP', serif;
font-weight: 300;
position: absolute;
top: 36%;
left: 11%;
font-size: 1.2rem;
margin: 1em;}
	
	
	
/*technic*/
.technic_title {width: 34%;margin: 29em auto 6em;}

.technic1 .text{
width: 43%;
margin: 1em 2.5em;
position: absolute;
top: 49%;
font-size: 1.15rem;}
	
.technic2 .text{
width: 43%;
margin: 1em 2.5em;
position: absolute;
top: 55%;
font-size: 1.15rem;}
	
.technic3 .text{
width: 43%;
margin: 1em 2.5em;
position: absolute;
top: 57%;
font-size: 1.15rem;}
	
.technic4 .text{
width: 43%;
margin: 1em 2.5em;
position: absolute;
top: 57%;
font-size: 1.15rem;}

	
/*feature*/
.technic_title2 {
width: 16%;
margin: auto;
display: block;
margin-top: 11em;}	
.feature_title{font-size: 1.8rem;}
.feature_list {margin: 0 4em 3em;display: flex;}	
.feature_box {display: flex;margin: 2em;}

.feature_title h2 {font-size: 1.8rem;letter-spacing: 1px;}	
	
/*rouge_detail*/
ul.rty_rouge_lineup {display:flex;margin: 0 2em;}
.rty_rouge_lineup li{margin:0 1em 1em;position:relative;}
.rty_rouge_lineup p.detail{position: absolute;bottom: 3em;left: 2em;font-family: 'Noto Serif JP', serif;font-size: 1.1em;}	
	
/*product*/
.product_title {
width: 23%;
margin: auto;
display: block;
margin-top: 11em;}
	
.product_right {width: 36%;margin: 5em 2em;}
.color_variations {margin: 2em 7.5em;}
.tint_and_melty {margin: 8em;}
.rouge_image {
position: absolute;
bottom: 17.2em;
right: 1em;
width: 22%;}
	
.melty_pattern p{font-size: 1.8rem;}	
	

	
/*gallery*/
.gallery_title {width: 21%;}
.gallery {padding: .5em .5em 3em;}
	
/*news*/
.news_title {
width: 25%;
margin:4em auto;
display: block;}

.news_list {margin: 3em 7em 4em;}
.news_list_wrap{margin: 0 7%;}
	
.news .more-btn {width: 240px;height: 80px;}
	
.news .more-btn {margin: -3em auto 3em;}
	
/*shop*/
.shop_list{margin: 0 4em;}	
	
/*footer*/
.logo{width: 18%;margin: auto;display: block;}
.footer-sns dd{width: 11%;margin: auto;}
.footer_menubox{margin: auto;display: block;width: 34%;}
	
	
	
}





/*pc*/
@media screen and (min-width: 1024px) {
.sp{display:none;}
.pc{display:contents}
	
/*top*/	
.copy {
position: absolute;
margin: 0 0;
bottom: -11%;
right: 6%;
width: 42%;}	
	
.image_point img{width:60%;}
	
.catch{
position: absolute;
bottom: 9em;
right: 5%;
text-align: center;
width: 42%;}

.catch h1{font-family: 'Noto Serif JP', serif;font-weight:300;margin-bottom: .5em;font-size: 1.5em;/*color:#c59d62;*/}
.catch h2{font-family: 'Noto Serif JP', serif;font-weight:300;font-size: 1em;/*color:#c59d62;*/}	
	
/*concept*/
.image_point {margin-top: 2em;}	
	
.concept{margin-bottom:-39em;}	
	
.concept_text {
width: 22%;
position: relative;
bottom: 16em;
left: .8em;}
	
.concept_flower {
width: 10%;
right: -24em;
position: relative;
bottom: 17em;}
	
/*.concept_rouge {
width: 41%;
margin: -8em 59%;
display: flex;
top: -38em;
left: 0em;
position: relative;}*/
.concept_rouge {
width: 100%;
height: auto;
/* margin: -8em 0%; */
padding-left: 60%;
display: flex;
top: -35em;
left: 0em;
position: relative;}
	
.concept_rouge_text{
position: absolute;
top: 11em;
margin: 1em;
right: 17%;
left:65%;
font-size: .8rem;
line-height: 2;
font-family: 'Noto Serif JP', serif;
font-weight:300;}
	
	
	
/*technic*/
.technic_title {width: 26%;margin: 0em auto 4em;}

.technic1 {background-color: #fff;position:relative;}
.technic1 .pc{background-image: url("../images/technic1_pc3.jpg");background-size: 100% auto;height: auto;}
.technic1 p.text {
font-family: 'Source Sans Pro', sans-serif;
position: absolute;
width: 25%;
top: 41%;
margin: 1em;
left: 13vw;
font-size: .8rem;
line-height:1.8;}	
	
.technic2{position:relative;}
.technic2 p.text2 {
font-family: 'Source Sans Pro', sans-serif;
position: absolute;
width: 25%;
top: 44%;
margin: 1em;
right: 11vw;
font-size: .8rem;
line-height: 1.8;}
	
.technic3{position:relative;}
.technic3 p.text {
font-family: 'Source Sans Pro', sans-serif;
position: absolute;
width: 25%;
top: 40%;
margin: 1em;
left: 11vw;
font-size: .8rem;
line-height:1.8;}		
	
.technic4 {background-color: #fff;position:relative;}
.technic4 p.text2 {
font-family: 'Source Sans Pro', sans-serif;
position: absolute;
width: 25%;
top: 44%;
margin: 1em;
right: 8vw;
font-size: .8rem;
line-height: 1.8;}

	
/*feature*/
.feature_title2 {
width: 16%;
display: block;
margin-top: 11em;}	
	
.feature_title h2 {font-size:2.1rem;}
.feature_list_box{margin:auto;display:block;}
.feature_list{
display: flex;
margin: 2em 10em;
width: 84%;}
	
/*product*/
.product_title {
width: 15%;
margin: 10em auto;
display: block;}
	
.product_right{width: 32%;margin: 6em 4em;}
p.product_right_text{margin-top: 2em;font-size: .8rem;font-family: 'Source Sans Pro', sans-serif;}
p.product_right_text2{font-size: .8rem;font-family: 'Source Sans Pro', sans-serif;}
	
	
.color_variations {
margin: 1em;
position: absolute;
right: 6em;
top: 25em;
width: 35%;}

.tint_and_melty {margin: 7em 4em;}
.rouge_image {
position: absolute;
bottom: 16em;
right: 2em;
width: 18%;}	
	
.melty_pattern {padding: 2em 16em;}
.melty_pattern p {font-size:2.1rem}
	

	
/*gallery*/
.gallery_title {width: 15%;}
.gallery_list{margin-bottom:1em;}
	

/*rouge_detail*/
.rty_rouge_lineup {display:flex;margin: 0 2em;}
.rty_rouge_lineup li{margin:0 1em 1em;position:relative;}
.rty_rouge_lineup p.detail{position: absolute;bottom: 3em;left: 2em;font-family: 'Noto Serif JP', serif;font-size: 1.1em;}
	
	
/*news*/
.news_title {width: 12%;margin-top:10em;}
	
.news_list {
margin: 3em 1em 4em;
display: flex;
width: 96%;}
	
.news_list a{margin: 0 2em;}
.news_list_wrap{display:flex;margin:2em;justify-content:center;}
.newslist-item{width: 30%;
    margin: 1%;}
.news .more-btn {width: 300px;height: 80px;margin: -3em auto 12em;}
	

/*shop*/
ul.shop_list {display: flex;margin: 0 12em;}
.shopping{background-image: url(../images/list_background_pc.jpg);background-repeat: no-repeat;}

/*footer*/
.logo {width: 14%;margin: auto;display: block;}
.footer_menubox{margin: auto;display: block;width: 25%;}
.footer_menu{display:flex;margin-top:1em;}
.footer-sns dd{width: 7%;margin: auto;}
.copyr{text-align: center;font-size: .8rem;}
	
.scroll-top {
position: fixed;
z-index: 100;
right: /*-110px*/0px;
bottom: 0;
display: inline-block;
width: 110px;
height: 110px;
transition: 1s;}	
	
.scroll-top.show {right: 0;}	
	
}

@media screen and (min-width: 1440px) {
	
.technic_title {width: 26%;margin: -33em auto 4em;}	
	
.catch {
position: absolute;
bottom: 13em;
right: 5%;
text-align: center;
width: 42%;}	
	
.catch h1 {
font-family: 'Noto Serif JP', serif;
font-weight: 300;
margin-bottom: .5em;
font-size: 2em;
/* color: #c59d62; */}
	
.catch h2 {
font-family: 'Noto Serif JP', serif;
font-weight: 300;
font-size: 1.5em;
/* color: #c59d62; */}
	
/*concept*/	
.concept_rouge_text {
position: absolute;
top: 11em;
margin: .5em;
/*right: 15em;*/
left:65%;
right:16%;
font-size: 1.2rem;
line-height: 1.8;
font-family: 'Noto Serif JP', serif;
font-weight: 300;}	
	
/*technic*/
.technic1 p.text {
position: absolute;
width: 26%;
top: 42%;
margin: 1em;
left: 13vw;
font-size: 1.1rem;
line-height: 2;}
	
.technic2 p.text2 {
position: absolute;
width: 26%;
top: 44%;
margin: 1em;
right: 10vw;
font-size: 1.1rem;
line-height: 2;}
	
.technic3 p.text {
position: absolute;
width: 26%;
top: 40%;
margin: 1em;
left: 11vw;
font-size: 1.1rem;
line-height: 2;}	
	
.technic4 p.text2 {
position: absolute;
width: 26%;
top: 40%;
margin: 1em;
right: 7vw;
font-size: 1.1rem;
line-height: 2;}
	
/*concept*/	
.concept {margin-bottom: -55em;}	
	
.concept_text {
width: 22%;
position: relative;
bottom: 21em;
left: 1.8em;}	
	
.concept_flower {
width: 10%;
right: -31em;
position: relative;
bottom: 25em;}
	
.concept_rouge {top: -55em;}
		
	
/*product*/
.product_right {width: 25%;margin: 6em 9em;}
p.product_right_text {margin-top: 3em;font-size: 1rem;}
p.product_right_text2 {font-size: 1rem;}
	
.color_variations {
margin: 1em;
position: absolute;
right: 7em;
top: 30em;
width: 35%;}	
	
	
.tint_and_melty {margin: 7em 10em;}
	
.melty_pattern p {font-size: 2.8rem;}	
	
.rouge_image {
position: absolute;
bottom: 30em;
right: 2em;
width: 18%;}	
	
/*feature*/
.feature_list_box{margin: 0px 18%;}
.feature_list {
display: flex;
margin: 2em 4em;
width: 86%;}
	
	
/*rouge_detail*/
ul.rty_rouge_lineup {display: flex;margin: 4em 13em;}	

/*news*/
.news_list_wrap{display:flex;margin: 4em 8em 1em 8em;}
	
	
/*shop*/
ul.shop_list {display: flex;margin: 0px 25em;}
	
/*footer*/
.footer_menubox {
margin: auto;
display: block;
width: 11%;}

.logo {
width: 11%;
margin: auto;
display: block;}
	
.footer-sns dd {width: 4%;margin: auto;}
		
}
@media screen and (min-width: 2560px) {
/*concept*/
.concept_rouge img{width:1000px;}	
.concept_rouge {
width: 100%;
padding-left: 60%;
display: flex;
top: -87em;
left: 0em;
position: relative;}	
	
.concept_rouge_text {
position: absolute;
top: 11em;
margin: .5em;
font-size: 2rem;
line-height: 2;
font-family: 'Noto Serif JP', serif;
font-weight: 300;}
	
.concept_flower {
width: 10%;
left: 35%;
position: relative;
bottom: 39em;}
	
/*technic*/
.technic1 p.text {
position: absolute;
width: 24%;
top: 42%;
margin: 1em;
left: 13vw;
font-size: 1.8rem;
line-height: 2;}

.technic2 p.text2 {
position: absolute;
width: 26%;
top: 44%;
margin: 1em;
right: 13vw;
font-size: 1.8rem;
line-height: 2;}
	
.technic3 p.text {
position: absolute;
width: 24%;
top: 40%;
margin: 1em;
left: 13vw;
font-size: 1.8rem;
line-height: 2;}
	
.technic4 p.text2 {
position: absolute;
width: 26%;
top: 44%;
margin: 1em;
right: 7vw;
font-size: 1.8rem;
line-height: 2;}
	
/*product*/
.product_right {width: 26%;margin: 15em 9em;}
p.product_right_text {margin-top: 3em;font-size: 1.5rem;}
p.product_right_text2 {font-size: 1.5rem;}
.color_variations {
margin: 1em;
position: absolute;
right: 22em;
top: 51em;
width: 29%;}
	
.rty_rouge_lineup li {
margin: 4em 6em 4em;
position: relative;
width: 50%;}
	
.rty_rouge_lineup p.detail {
position: absolute;
bottom: 2em;
left: 2em;
font-family: 'Noto Serif JP', serif;
font-size: 2.5em;}
	
ul.rty_rouge_lineup {display: flex;margin: 11em 13em 15em 13em;}	

/*news*/
.newslist-item {width: 45%;margin: 3%;}
.text-box h3{font-family: 'Noto Serif JP', serif;font-size: 2rem;}	
time{font-size:1.5rem;}
.news .more-btn {width: 400px;height: 80px;}
	
}