@charset "UTF-8";
/* CSS Document */

html{
	font-size: 62.5%; /*16px×62.5%=10px*/
	overflow-x: hidden;
}

body{
	font-family: "Hind", "Noto Sans JP", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #ffffff;
	font-size: 1.6rem;
	text-transform: uppercase;
	overflow: hidden;
	background: #000;
}

a{
	color:#ffffff;
	text-decoration: none;
	cursor: pointer;
}

ul{
	list-style: none;
}

img{
	max-width: 100%;
	height: auto;
	flex-shrink: 0
}


/*共通*/

.sp-br{
	display: none;
}

.pc-br{
	display: block;
}

.sp-il{
	display: none;
}

.pc-il{
	display: inline;
}

.icon{
	width: 70px;
	margin: 0 auto;
}

.main-title{
	display: flex;
	margin-bottom: 72px;
	justify-content: center;
}

.main-title img{
	width: 92px;
}

.title-list h2{
	font-size: 3.2rem;
}

.title-list{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.main-title.contents-title{
	margin-bottom: 17px;
}

.main-title.contents-title h2{
	font-size: 1.3rem;
}

.main-title.contents-title img{
	width: 39px;
}

.contents-text{
	font-size: 3.1rem;
	margin-bottom: 77px;
}

.flex{
	display: flex;
}

.sp-img{
	display: none;
}

.text-center{
	text-align: center;
}

.wrapper{
	max-width: 1000px;
    width: 100%;
    margin: 0 auto;	
}

/*トップ動画*/
.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}


#loading {
	height: 100vh;
	background-color: #000;
	z-index: 9999;
	position: relative;
}

#movie{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.skip-btn{
	position: absolute;
    right: 50px;
    bottom: 50px;
    display: inline-block;
    text-align: center;
    border: 2px solid #FFF;
    text-decoration: none;
    font-weight: 500;
    padding: 20px 48px;
    background: transparent;
    font-size: 2.6rem;
    text-transform: uppercase;
    font-family: 'hind';
    letter-spacing: 0.065em;
	color: #fff;
	cursor: pointer;
}

#top-dot-base {
	position: absolute;
    left: 50%;
	transform: translateX(-50%);
    bottom: 70px;
	width: 150px;
	height: 10px;
	text-align: center;
}

#top-dot-base img {
	padding: 5px 15px;
}

#top-dot-base a {
	opacity: 0.5;
}

#top-dot-base a:hover {
	opacity: 1.0;
}

/*背景動画*/

.video-container{
  	position: fixed;
  	top: 0;
  	left: 50%;
	transform: translateX(-50%);
 	z-index: -9999;
	text-align: center;
}

.bg-movie{
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
}

/*ナビゲーション*/

.movie-btn.sp-btn{
	display: none;
}

.btn-trigger{
	display: none;
}

.header{
	background: #000;
	z-index: 9999999;
	width: 100%;
}

.is-fixed{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99999999999999;
    }



.logo-pc{
	width: 6%;
}

.nav-wrapper{
	-ms-display: flex;
	display: flex;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	max-width: 1000px;
	margin: 0 auto;
	z-index: 9999999;
	padding: 20px 50px;
	align-items: baseline;
}

.site-navigation{
	display: flex;
	align-items: baseline;
}


.nav-list{
	display: flex;
	font-size: 1.3rem;
	align-items: baseline;
}

.nav-list li{
	margin-right: 37px;
}

.movie-btn{
	display: inline-block;
  	max-width: 69px;
  	text-align: left;
  	border: 1px solid #FFF;
  	text-decoration: none;
  	font-weight: bold;
  	padding: 8px 28px 8px 10px;
	position: relative;
}

.movie-btn p::before{
	display: block;
    content: "";
    position: absolute;
    top: 49%;
    right: 5px;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border-radius: 50%;
    background: #fff;
}

.movie-btn p::after{
	display: block;
    content: "";
    position: absolute;
    top: 49%;
    right: 3px;
    width: 0;
    height: 0;
    margin-top: -5px;
    border: 5px solid transparent;        /*top right bottom を透明化 */
    border-left: 8px solid #000;

}

.only-list{
	display: flex;
	font-size: 1rem;
	color: #969696;
}

.only-list li a{
	color: #969696;
}

.only-list li:not(:last-of-type){
	margin-right: 10px;
}


/* TOPバナー */
.top-banner-wrapper{
	width: 50%;
	background: #000;
	margin-left: auto;
	position: relative;
}

.top-banner-inner{
	padding: 0;
	padding-bottom: 2em;
}

.top-banner-slider {
	width: 100%;
	max-width: 700px;
	margin: 0 auto;
}

.top-banner-image {
	text-align: center;
	margin-bottom: 1em;
}

.top-banner-image img {
	margin: 0 auto;
}

.top-banner-copy {
	text-align: center;
	font-size: 1.6rem;
	line-height: 120%;
	margin-bottom: 0.5em;
}

.top-banner-date {
	text-align: center;
	font-size: 1.6rem;
	line-height: 120%;
	margin-bottom: 1em;
}

.slick-dots li button:before {
	color: #fff;
}

.slick-dots li.slick-active button:before {
	color: #fff;
}


/* beauty channel */

.bc-wrapper{
	width: 50%;
	background: #fff;
	margin-right: auto;
	position: relative;
}

.bc-inner{
	padding: 2em;
	text-align: center;
}


/*アイテム*/

.item-wrapper{
	width: 50%;
	margin-right: auto;
	background: #d2a9d6;
	position: relative;
	height: 100vh;
}

.item-inner{
	width: 90%;
}

.item-inner .title-list{
	width: 90%;
}

.main-title.item-title img{
	background: #fff;
}

.main-title.item-title h2{
	font-size: 2.3rem;
	background: #fff;
	color: #66cccc;
}

.svg{
	fill:green;
}

.main-title.item-title img{
	width: 61px;
	fill: #66cccc;
}

.top-item-title {
	text-align: center;
	margin-bottom: 2em;
}

.top-item-title img{
	max-width: 80%;
}

.top-item-list{
	text-align: center;
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.item-list{
	display: flex;
	align-items: baseline;
	margin-bottom: 46px;
}

.item-list li:not(:last-of-type){
	margin-right: 5px;
}

.item-text-list{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: center;
	position: relative;
}

.item-text-list li:not(:last-of-type){
	margin-right: 56px;
}

.item-text-list li:not(:last-of-type)::after{
	position: absolute;
	content: "";
	display: inline-block;
    width: 60px;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.item-text-list li a{
	font-weight: 500;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.8);
}

.item-text-list.first{
	margin-bottom: 60px;
}

.item-type{
	font-size: 1.7rem;
}

.item-type.purple{
	background: linear-gradient(transparent 77%, #c389b8 77%);
}

.item-type.green{
	background: linear-gradient(transparent 77%, #7bb7b6 77%);
}

.item-type.blue{
	background: linear-gradient(transparent 77%, #7f8fc7 77%);
}

.item-type.yellow{
	background: linear-gradient(transparent 77%, #e6c56d 77%);
}

.item-type.red{
	background: linear-gradient(transparent 77%, #dd536b 77%);
}

.item-type.gray{
	background: linear-gradient(transparent 77%, #999999 77%);
}


/*マガジン*/

.magazine-wrapper{
	display: flex;
}

.magazine-title{
	width: 50%;
	background: #000;
	position: relative;
	height: 100vh;
}

.magazine-title .title-list {
	width: 90%;
	margin: 0 auto;
}

.magazine-title div.sub-title {
	background-color: #000000;
	color: #ffffff;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 1em;
	padding: 2px;
}

.magazine-title div.sub-title img {
	margin: 0 auto;
}


.top-magazine-title {
	text-align: center;
	margin-bottom: 3em;
}

.top-magazine-title img {
	width: 400px;
	max-width: 80%;
}

.top-magazine-title-sp {
	display: none;
	text-align: center;
	margin-bottom: 1em;
}

.top-magazine-title-sp img {
	width: 400px;
	max-width: 80%;
}

.top-magazine-check {
	text-align: center;
	margin-bottom: 1em;
}

.top-magazine-check img{
	width: 200px;
	max-width: 90%;
}

.magazine-title .comming {
	font-size: 3rem;
	text-align: center;
}

.magazine-content{
	background: #fff;
	width: 50%;
	color: #000;
	position: relative;
	height: 100vh;
}

.magazine-content .article-main-list {
	width: 100%;
}

.magazine-post-base {
	width: 420px;
	max-width: 80%;
	margin: 0 auto;
}

.magazine-post-box {
	padding: 2em 0;
	clear: both;
}

.magazine-post-new {
	font-size: 1.8rem;
	line-height: 100%;
}

.magazine-post-title1 {
	margin-top: 0.3em;
	font-size: 3rem;
	line-height: 100%;
}

.magazine-post-title2 {
	font-size: 1.6rem;
	line-height: 100%;
	margin-bottom: 0.3em;
}

.magazine-post-date {
	font-size: 1.6rem;
	line-height: 100%;
	margin-bottom: 0.5em;
}

.magazine-post-check {
	text-align: center;
	max-width: 40%;
	margin: 0 auto;
}

.magazine-list{
	display: flex;
	align-items: flex-start;
}

.magazine-img{
	width: 103px;
}

.check-btn{
	color: #000;
	font-size: 1.3rem;
	display: inline-block;
  	max-width: 69px;
  	text-align: left;
  	border: 1px solid #000;
  	text-decoration: none;
  	padding: 14px 26px;
	margin-top: 10px;
}

.article-title{
	font-size: 1.7rem;
	line-height: 1.2;
}

.article-list{
	margin-left: 20px;
	margin-bottom: 16px;
}

.line{
	display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #000;
    margin-bottom: 25px;
}

.article-main-list{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

/*スタイルブック*/

.stylebook-wrapper{
	width: 50%;
	background: #e3e3fa;
	margin-left: auto;
	position: relative;
    height: 0;
    padding-top: 67.842%;
    background-position: top left;
}

.stylebook-inner{
	width: 1000px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.top-stylebook-title {
	text-align: center;
	margin-bottom: 3em;
}

.top-stylebook-title img{
	width: 400px;
	max-width: 80%;
}

.top-stylebook-check {
	text-align: center;
	margin-bottom: 1em;
}

.top-stylebook-check img{
	width: 200px;
	max-width: 90%;
}

#stylebook-head {
	padding: 100px 50px;
	text-align: center;
}

#stylebook-bg {
	padding: 100px 0;
	background-color: #fafaff;
}

#stylebook-base {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.stylebook-contents {
	max-width: 40%;
	margin: 3%;
}

.stylebook-contents div.style-name {
	text-transform: none;
	font-family: Futura, 'Century Gothic';
	font-style: italic;
	padding-bottom: 5px;
}

.stylebook-contents img {
}


/*サーチ*/

.search-wrapper{
	width: 50%;
	background: #ffcc00;
	margin-right: auto;
	position: relative;
	background-image: url("../images/bg-search.png");
    background-size: cover;
    height: 0;
    padding-top: 67.842%;
    background-position: top left;
}

.search-inner{
	width: 1000px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.top-search-title {
	text-align: center;
	margin-bottom: 3em;
}

.top-search-title img{
	width: 400px;
	max-width: 80%;
}

.top-search-check {
	text-align: center;
	margin-bottom: 1em;
}

.top-search-check img{
	width: 200px;
	max-width: 90%;
}

.top-search-title-text {
	text-align: center;
	font-size: 4rem;
	margin-bottom: 2em;
}

.search-inner .comming {
	font-size: 3rem;
	text-align: center;
}

.fas.fa-map-marker-alt{
	padding-right: 3px;
	background: #fff;
	color: #ffcc00;
	padding: 1px;
}

.fas.fa-search{
		opacity: 0;
	}

.main-title.contents-title.search img{
	background: #fff;
	padding: 1px;
}

.main-title.contents-title.search h2{
	background: #fff;
	color: #ffcc00;
	padding: 1px;
	padding-top: 4px;
}

/*ストーリー*/

.story-wrapper{
	width: 50%;
	margin-right: auto;
	position: relative;
	background-image: url("../images/bg-story.png");
    background-size: cover;
    height: 0;
    padding-top: 67.842%;
    background-position: right;
}

.story-main-list{
	width: 90%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.top-story1 {
	max-width: 80%;
	margin: 0 auto;
	margin-bottom: 0.5em;
	text-align: center;
	font-size: 1.4rem;
	line-height: 150%;
}

.top-story-btn1 {
	max-width: 50%;
	margin: 0 auto;
	margin-bottom: 7em;
	text-align: center;
}

.top-story-box {
	display: flex;
	width: 100%;
	margin: 0 auto;
}

.top-story2 {
	width: 80%;
	text-align: center;
	line-height: 150%;
}

.top-story-text2 {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 0.5em;
	font-size: 1.4rem;
	line-height: 150%;
}

.top-story3 {
	width: 80%;
	text-align: center;
	line-height: 150%;
}

.top-story-text3 {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 0.5em;
	font-size: 1.4rem;
	line-height: 150%;
}

.story-title{
	margin-bottom: 154px;
	font-size: 2.8rem;
	font-weight: 500;
	display: inline-block;
	border-bottom: solid 2px #fff;
}

.fa-angle-right{
	margin-right: 10px;
}

.story-title-text{
	font-size: 2.3rem;
	color: #000;
	background: #fff;
	display: inline-block;
	margin-bottom: 5px;
}

.foryou{
	font-size: 1.4rem;
}

.brand{
	font-size: 1.7rem;
}

.item-type-list{
	display: flex;
	justify-content: space-between;
}

.type-list{
	display: flex;
	margin-bottom: 52px;
}

.type-list.last{
	margin-right: -50px;
}

.type-title{
	background: #000;
	padding: 0 10px;
	display: inline-block;
	line-height: 1.2;
	text-align: center;
	margin-top: -30px;
    margin-left: -60px;
}

.type-title span{
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.025em;
}

.white-line{
	background: linear-gradient(transparent 0, #FFF 0);
}

.white-line.strong{
	font-size: 1.5rem;
}

.type-text{
	z-index: 100;
	line-height: 1.3;
	color: #000;
	margin-left: -50px;
	font-size: 1rem;
}

.slash{
    display: inline-block;
	margin-left: -40px;
    width: 60px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(-75deg);
    transform: rotate(-75deg);
}

.all-item-list{
	display: flex;
	align-items: center;
}

.all-item-list p{
	font-size: 1.8rem;
	color: #000;
	background: #fff;
	display: inline-block;
	margin-right: 10px;
}

.all-item-list p span{
	font-size: 1.4rem;
}

.all-item-title{
	font-size: 2.5rem;
	letter-spacing: 0.025em;
	font-weight: 500;
	display: inline-block;
	border-bottom: solid 2px #fff;
}

/*クエスチョン*/

.question-wrapper{
	width: 50%;
	background: #6666cc;
	margin-left: auto;
	position: relative;
	height: 100vh;
}

.question-inner{
	max-width: 1000px;
}

.main-title.contents-title.question img{
	background: #f0f0fa;
	padding: 1px;
}

.main-title.contents-title.question h2{
	background: #f0f0fa;
	color: #6666cc;
	padding: 1px;
}

/*トピックス*/

.topics-wrapper{
	width: 50%;
	background: #cc99cc;
	margin-left: auto;
	position: relative;
	height: 100vh;
}

.topics-inner{
	width: 1000px;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.top-topics-title {
	text-align: center;
	margin-bottom: 3em;
}

.top-topics-title img{
	width: 400px;
	max-width: 80%;
}

.top-topics-check {
	text-align: center;
	margin-bottom: 1em;
}

.top-topics-check img{
	width: 200px;
	max-width: 90%;
}




.topics-wrapper .comming {
	font-size: 3rem;
	text-align: center;
}

.main-title.contents-title.topics img{
	background: #ff3366;
	padding: 1px;
}

.main-title.contents-title.topics h2{
	background: #ff3366;
	color: #fff;
	padding: 1px;
}



/*フッター*/

.footer{
	height: 281px;
	background: #000;
	padding: 30px 0 83px;
	font-size: 0.9rem;
	text-align: center;
}

.footer-list{
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}

.footer-list li:not(:last-of-type){
	margin-right: 30px;
}

.small{
	font-size: 0.8rem;
	color: #fff;
}

/*オリジナルフィルター*/

.filter-wrapper{
	display: none;
}

/* アイテムページ */
.item-name-box {
	width: 480px;
	max-width: 90%;
	margin: 3em auto;
}

.price-text{
	text-transform: none;
	font-size: 1.6rem;
}

.yashirushi-img{
	width: 25px;
}

.yashirushi-list{
	display: flex;
	justify-content: space-evenly;
	margin: 70px auto;
	max-width: 1000px;
    width: 100%;
}


/*アイテム-シャイニーオイル*/

.bg-item{
	background-image: url("../images/movie/shiny.gif");
	position: relative;
	margin-top: 0;
	background-size: cover;
	height: auto;
	padding: 50px 0;
}

.item-body{
	background: #fff;
	color: #000;
}

/*タイトル部分*/

.shiny-fade-title{
	margin: 140px 0 40px;
	font-size: 1.7rem;
	text-align: center;
}

.shiny-fade-title h1{
	font-size: 5.4rem;
	font-weight: 500;
    letter-spacing: 0.04em;
	margin-bottom: 30px;
}

.shiny-fade-title h1 span{
	display: inline-block;
	font-weight: 500;
	border-bottom: solid 4px #000;
}


.shiny-fade-inner{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}

.shiny-fade-img{
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
	padding: 40px 0;
}

.item-copy{
	font-size: 2.8rem;
	letter-spacing: 0.1em;
}

.item-copy span{
	font-size: 1.9rem;
}

.fade-title-text{
	font-size: 6rem;
	font-weight: 500;
	letter-spacing: 0.04em;
}
.fade-title-text span{
	font-size: 1.2rem;
	letter-spacing: 0;
}

.fade-hero-img{
	background-image: url("../images/shiny-oil/pc-shinyoil.png");
	position: relative;
    margin-top: 0;
    background-size: cover;
    height: 0;
    padding-top: 47.1%;
    background-position: center top;
}

.fade-text-list{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10%;
	color: #fff;
}

/*商品詳細*/

.detail-wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 75px auto 80px;
}

.detail-list{
	display: flex;
	justify-content: center;
	align-items: start;
	padding-bottom: 46px;
}

.item-line{
	width: 750px;
	margin: 0 auto 31px;
}

.detail-list h2{
	color: #7bc0bf;
	font-size: 1.8rem;
	line-height: 1.1;
	letter-spacing: 0.05em;
	margin-bottom: 25px;
}

.howto-list{
	display: flex;
	width: 30%;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-left: 25px;
	padding: 20px;
    font-weight: bold;
    background-image: url("../images/shiny-oil/frame.svg");
	background-repeat: no-repeat;
}

.howto-list.shiny-oil p{
	margin-right: 20px;
}


.howto-img{
	width: 65px;
}

.detail-text-list{
	display: flex;
	font-size: 1.2rem;
	line-height: 1.2;
	text-transform: none;
}

.balloon{
	position: relative;
  	display: inline-block;
  	padding: 7px 10px;
  	min-width: 53px;
  	max-width: 100%;
  	background: #7bc0bf;
	color: #fff;
	font-size: 1.3rem;
	margin-right: 20px;
}

.balloon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
    margin-top: -5px;
    border: 5px solid transparent;
    border-left: 9px solid #7bc0bf;
}

.balloon-list{
	align-items: center;
}

.balloon-list.last{
	margin: 5px 10px 15px 0;
}

.balloon.first{
	padding: 7px 4px;
}

.length-list{
	line-height: 1.5;
}

.star-img{
	width: 128px;
}

.cream-img{
	width: 164px;
}


.shiny-oil-text{
	display: inline-block;
	font-size: 0.9rem;
}

.fade-veil-text{
	display: inline-block;
	font-size: 0.9rem;
}


/*フレグランス＆動画*/

.fragrance-wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 27px auto 80px;
}

.flex.fragrance-flex{
	margin-left: 12.4%;
}

.fragrance-first{
	margin-right: 40px;
}

.fragrance-title{
	font-size: 1.8rem;
	margin-bottom: 21px;
	margin-left: 12.4%;
}

.fragrance-title span{
	text-transform: none;
}

.fragrance-list{
	margin-right: 10px;
}

.fragrance-list li:first-of-type{
	font-size: 1rem;
}

.fragrance-list li:nth-of-type(2){
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 14px;
}

.fragrance-list li:nth-of-type(3){
	font-size: 1.1rem;
}

.fragrance-img{
	width: 100px;
}

/*アイテムページフッター*/

.footer.item-footer{
	background: #fff;
}

.footer-list.item-footer a{
	color: #000;
}

.small.item-footer{
	color: #000;
}


/*アイテム-シャイニージェル*/

.detail-list.blue h2{
	color: #7f8ac2;
}


.fade-hero-img.shiny-gel{
	background-image: url("../images/shiny-gel/pc-shinygel.png");
}


.howto-list.shiny-gel{
	flex-direction: column;
	background-image: url("../images/shiny-gel/frame.svg");
	padding: 19px 28px 19px 20px;
    width: 349px;
    height: 243px;
	font-feature-settings: "palt";
	margin-left: 50px;
}

.howto-list.shiny-gel p{
	white-space: nowrap;
}

.howto-img.shiny-gel{
	width: 228px;
	margin: 26px auto 0;
}

.cream-img.shiny-gel{
	width: 87px;
	margin: 26px auto 0;
}


.balloon.blue{
  	background: #7f8ac2;
}

.balloon.blue::before {
    border-left: 9px solid #7f8ac2;
}

/*アイテム-シャイニースフレ*/

.fade-hero-img.shiny-souffle{
	background-image: url("../images/shiny-souffle/pc-shinysouffle.png");
}

.howto-list.shiny-souffle{
	background-image: url("../images/shiny-souffle/frame.svg");
	padding: 10px 30px;
}

.detail-list.purple h2{
	color: #c389b8;
}

.balloon.purple{
	background: #c389b8; 
}

.balloon.purple::before {
    border-left: 9px solid #c389b8;
}

.howto-img.shiny-souffle{
	width: 297px;
    margin: 0px auto 0;
}

/*アイテム-フェードクリーム*/

.bg-fade{
	background: #000;
	color: #fff;
	padding-top: 140px;
}

.shiny-fade-title.fade{
	margin-top: 0;
}

.yashirushi-list.fade{
	display: flex;
	justify-content: space-evenly;
	margin: 60px auto;
	max-width: 1000px;
    width: 100%;
}

.bg-item.fade{
	background-image: url("../images/movie/fade.gif");
}

.shiny-fade-img.fade{
    max-width: 70%;
    margin: 0 auto;
    width: 100%;
	padding: 40px 0;
}

.detail-list.beige h2{
	color: #e1c06d;
}


.fade-hero-img.fade-cream{
	background-image: url("../images/fade-cream/pc-fadecream.png");
}

.howto-img.fade-cream{
	width: 271px;
	margin-top: 0px;
}


.howto-list.fade-cream{
	background-image: url("../images/fade-cream/frame.svg");
	padding: 20px 40px;
}

.balloon.beige{
	background: #e1c06d;
}

.balloon.beige::before {
    border-left: 9px solid #e1c06d;
}

/*アイテム-フェードワックス*/

.fade-hero-img.fade-wax{
	background-image: url("../images/fade-wax/pc-fadewax.png");
}

.detail-list.red h2{
	color: #d8536b;
}


.balloon.red{
	background: #d8536b;
}

.balloon.red::before {
    border-left: 9px solid #d8536b;
}

.howto-list.fade-wax{
	background-image: url("../images/fade-wax/frame.svg");
	width: 374px;
    padding: 10px 20px;
}

.howto-list.fade-wax p{
	margin: 0 auto;
}

.howto-img.fade-wax{
	width: 295px;
	margin-top: 5px;
}

/*アイテム-フェードヴェイル*/

.fade-hero-img.fade-veil{
	background-image: url("../images/fade-veil/pc-fadeveil.png");
}

.fade-hero-img.fade-veil p.item-copy{
	color: #000000;
}

.detail-list.pink h2{
	color: #edbbd6;
}

.balloon.pink{
	width: 65px;
	text-align: center;
	background: #edbbd6;
}

.balloon.pink:before {
    border-left: 9px solid #edbbd6;
}

.howto-list.fade-veil{
	background-image: url("../images/fade-veil/frame.png");
	background-size: contain;
	padding: 20px 25px;
	height: 300px;
}

.howto-img.fade-veil{
	width: 300px;
	margin-top: 10px;
}

.howto-list.fade-veil p{
	padding: 20px 15px;
}

/*アイテム-フェードヴェイル＋*/

.fade-hero-img.fade-veilplus{
	background-image: url("../images/fade-veilplus/pc-fadeveilplus.png");
}

.fade-hero-img.fade-veilplus p.item-copy{
	color: #000000;
}

.detail-list.pink2 h2{
	color: #e84386;
}

.balloon.pink2{
	width: 65px;
	text-align: center;
	background: #e84386;
}

.balloon.pink2:before {
    border-left: 9px solid #e84386;
}

.howto-list.fade-veilplus{
	background-image: url("../images/fade-veilplus/frame.png");
	background-size: contain;
	padding: 20px 25px;
	height: 280px;
}

.howto-img.fade-veilplus{
	width: 300px;
	margin-top: 10px;
}

.howto-list.fade-veilplus p{
	padding: 20px 15px;
}

/*ストーリーページ*/

.bg-story{
	background-image: url("../images/pc-story.png");
	position: relative;
    margin-top: 0;
    background-size: cover;
    height: 0;
    padding-top: 135%;
    background-position: center top;
}

.door-story-inner{
	width: 774px;
	background: rgba(255,255,255,.7);
	padding-top: 54px;
	margin: 0 auto;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.story-logo{
	width: 208px;
	margin: 0 auto;
	padding-bottom: 80px;
}

.story-text{
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 0.1em;
}

.story-text.lead{
	padding-bottom: 80px;
	font-size: 1.7rem;
}

.story-text.second{
	padding-bottom: 75px;
}

.story-text.last{
	padding-bottom: 32px;
}

.story-text.first{
	padding-bottom: 55px;
}


.story-all-item{
	font-size: 2.65rem;
    letter-spacing: 0.025em;
    font-weight: 500;
	text-align: center;
	padding: 50px 0;
	position: relative;
	z-index: 9999;
}

.story-all-item a{
	color: #000;
}

.item-cat-wrapper{
	width: 100%;
	max-width: 1000px;
	padding: 98px 0;
	margin: 0 auto;
	position: static;
	z-index: 999;
}

.item-list.story{
	max-width: 35%;
	width: 100%;
	margin: 0 auto 36px;
}

.item-text-list.story li a{
	font-size: 2.5rem;
	color: #000;
	text-shadow: none;
	letter-spacing: 0.025em;
}


.item-type.story{
	font-size: 3.2rem;
	font-weight: bold;
}

.item-text-list.story li:not(:last-of-type)::after{
	background: #000;
	width: 70px;
}

.item-text-list.story li:not(:last-of-type){
	margin-right: 65px;
}

/*アイテムページ*/

.item-page-wrapper{
	max-width: 1000px;
	width: 100%;
	margin: 122px auto 102px;
	position: relative;
}

.item-page-title{
	font-size: 3.9rem;
	line-height: 1.3;
	margin-left: 100px;
}

.item-page-title span{
    display: inline-block;
    border-bottom: solid 2px #000;
	line-height: 1;
}

.item-img{
	max-width: 63.371%;
	width: 100%;
	margin: 0 auto
}


.what-is-title{
	font-size: 3.6rem;
	letter-spacing: 0.025em;
	margin-bottom: 59px;
	text-align: center;
}

.what-is-title span{
	font-weight: bold;
	font-size: 5rem;
}

.item-page-wrapper.detail{
	margin: 0 auto 107px;
}

.detail-list.item-page{
	padding-bottom: 0;
	align-items: center;
}

.item-detail{
	width: 327px;
	padding: 38px;
	background: #dce1ef;
	color: #7f8ac2;
	margin-right: 13px;
}

.item-detail li:first-of-type{
	font-size: 2rem;
	margin-bottom: 13px;
}

.item-detail li:nth-of-type(2){
	margin-bottom: 30px;
	line-height: 1.5;
}

.item-detail li:last-of-type{
	font-size: 0.9rem;
}

.detail-img{
	width: 388px;
}

.item-detail-text{
	padding-top: 25px;
	line-height: 1.5;
}

.shiny-item-title{
	font-size: 2.7rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	color: #fff;
}

.shiny-item-title span{
	background: linear-gradient(transparent 0, #000 0);
}

.item-link-img{
	background-image: url(../images/shiny-item/bg-souffle.png);
    background-size: contain;
    background-repeat: no-repeat;
	width: 243px;
	height: 130px;
	position: relative;
}

.item-link-img p{
	font-size: 2.2rem;
	color: #fff;
	letter-spacing: 0.05em;
}

.item-link-img.souffle{
	margin-top: 30px;
	margin-right: 23px;
}


.item-link-img.souffle p{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-55%,-80%);
    white-space: nowrap;
}


.item-link-img.oil{
	background-image: url("../images/shiny-item/bg-oil.png");
	margin-right: 23px;
	height: 164px;
}


.item-link-img.oil p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-65%);
}

.item-link-img.gel{
	background-image: url("../images/shiny-item/bg-gel.png");
	height: 167px;
}


.item-link-img.gel p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-65%);
}


.item-link-list{
	margin: 47px auto 30px;
	justify-content: center;
	align-items: baseline;
}

/*フェイドアイテムページ*/

.item-img.fade{
	max-width: 80%;
	margin-top: 23px;
}

.item-detail.fade{
	width: 350px;
	padding: 36px 30px;
	white-space: nowrap;
	background: #f9e5e9;
	color: #d8536b;
	margin-right: 30px;
}


.item-link-img.fade-cream{
	background-image: url("../images/fade-item/bg-cream.png");
	width: 200px;
}


.item-link-img.fade-cream p{
	position: absolute;
	font-size: 120%;
	top: 50%;
	left: 10%;
    white-space: nowrap;
}

.item-link-img.fade-wax{
	background-image: url("../images/fade-item/bg-wax.png");
	width: 200px;
}


.item-link-img.fade-wax p{
	position: absolute;
	font-size: 120%;
	top: 50%;
	left: 10%;
    white-space: nowrap;
}

.item-link-img.fade-veil{
	background-image: url("../images/fade-item/bg-veil.png");
	width: 200px;
}


.item-link-img.fade-veil p{
	position: absolute;
	font-size: 120%;
	top: 50%;
	left: 14%;
    white-space: nowrap;
}

.item-link-img.fade-veilplus{
	background-image: url("../images/fade-item/bg-veilplus.png");
	width: 200px;
}


.item-link-img.fade-veilplus p{
	position: absolute;
	font-size: 120%;
	top: 50%;
	left: 12%;
    white-space: nowrap;
}

.item-page-title a {
	color: #000000;
}

.item-page-title a:hover {
	color: #999999;
}

.shiny-fade-title a {
	color: #000000;
}

.shiny-fade-title a:hover {
	color: #999999;
}

.bg-fade .shiny-fade-title a {
	color: #ffffff;
}

.bg-fade .shiny-fade-title a:hover {
	color: #999999;
}

.bg-fade .shiny-fade-title h1 span{
	border-bottom: solid 4px #fff;
}



/*サロンサーチページ*/

.pc-map{
	display: block;
}

.sp-map{
	display: none;
}

.map-img{
	width: 100%;
}

.salon-bg-green{
	background: #edf8cc;
}

.area-search-title{
	color: #ffcc00;
	font-size: 2rem;
	position: absolute;
	top: 41.340%;
	left: 20.412%;
	background: linear-gradient(transparent 77%, #fff 77%);
}

.salon-search-wrapper{
	background: #ffcc00;
	padding: 35px 0 19px;
	color: #fff;
}

.salon-search-title-link{
	margin-bottom: 20px;
	margin-left: 80px;
}

.salon-search-title-link a{
	font-size: 1.6rem;
	background-color: #ffffcc;
	color: #ffcc00;
	margin: 0;
	padding: 0 10px;
}

.salon-search-title{
	font-size: 4rem;
	margin-bottom: 10px;
	margin-left: 80px;
}

.fas.fa-search.area-search{
	opacity: inherit;
}

.fas.fa-map-marker-alt.area{
    background: transparent;
    color: #fff;
}


.salon-search-text{
	font-size: 1.4rem;
	margin-left: 80px;
}

.salon-search-text .fas.fa-search{
	opacity: inherit;
}


.wrapper.prefecture{
	margin: 132px auto 223px;
	color: #d7cc00;
	width: 700px;
}

.prefecture-search-title{
	font-size: 2rem;
	margin-bottom: 70px;
}

.prefecture-search-title span{
	display: inline-block;
	background: linear-gradient(transparent 77%, #edf8cc 77%);
}

.prefecture-search-title .fas.fa-search{
	opacity: inherit;
	font-size: 2.2rem;
	margin-right: 10px;
}


.flex.prefecture{
	margin-bottom: 27px;
	flex-wrap: wrap;
}

.prefecture-list{
	flex-wrap: wrap;
	font-size: 1.4rem;
	letter-spacing: 0.2em;
}

.prefecture-list li{
	display: inline-block;
    list-style-type: none;
    margin-left: 10px;
	margin-bottom: 10px;
    padding-right: 10px;
    border-right: 2px solid #d7cc00;
	padding-top: 2px;
}

.prefecture-list li a{
	color: #d7cc00;
}

.prefecture-list li:last-child{
	border-right: none;
}

.prefecture-area{
	margin-right: 38px;
	font-size: 1.2rem;
	padding-top: 2px;
	white-space: nowrap;
}

.prefecture-name{
}

.flex.prefecture{
	flex-wrap: nowrap;
}

/*DOORアイテムページ*/

.door-item-logo{
	width: 179px;
	margin-right: -20px;
}

.shiny-fade-title.door-item h1{
	margin-bottom: 62px;
}

.shiny-fade-title.door-item h1 span{
	font-size: 6.1rem;
	border-bottom: none;
}

.door-item-text{
	font-size: 1.8rem;
	line-height: 2.1;
}

.bg-door-item{
	background-image: url("../images/door-item.jpg");
	margin-top: 0;
	background-size: cover;
	padding-top: 72.581%;
	position: relative;
}

.cover{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg,rgba(0,0,0,0.7),rgba(0,0,0,0.01),transparent,transparent);
}

.door-item-wrapper{
	margin: 0 auto;
	padding-top: 60px;
	text-align: center;
	max-width: 1000px;
	width: 100%;
	justify-content: center;
}

.door-btn{
	padding-top: 10px;
}

.door-item-btn{
	color: #fff;
	font-size: 1.8rem;
	display: inline-block;
  	max-width: 122px;
  	text-align: left;
  	border: 1px solid #fff;
  	text-decoration: none;
  	padding: 5px 32px 2px;
}

.door-list{
	margin-right: 47px;
	width: 180px;
	position: relative;
}

.door-list2{
	margin-right: 47px;
	width: 170px;
	position: relative;
}

.door-list::after{
	position: absolute;
	content: "";
	display: inline-block;
	width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(-83deg);
    transform: rotate(-83deg);
	top: 50%;
    left: 60%;
}

.door-list.last::after{
	display: none;
}

.door-list.last{
	margin-right: 0;
}

.door-list2::after{
	position: absolute;
	content: "";
	display: inline-block;
	width: 100%;
    height: 1px;
    background-color: #fff;
    -webkit-transform: rotate(-83deg);
    transform: rotate(-83deg);
	top: 50%;
    left: 60%;
}

.door-list2.last::after{
	display: none;
}

.door-list2.last{
	margin-right: 0;
}

.door-item-list li:last-of-type{
	font-size: 1.1rem;
	margin: 5px 0;
	margin-top: 0;
	text-align: left;
	line-height: 1.5;
	color: #fff;
}

.door-item-list li{
	clear: both;
	font-size: 1.1rem;
	margin: 0;
	text-align: left;
	line-height: 1.5;
}

.door-item-list li:first-of-type{
	text-align: left;
	font-size: 2rem;
    letter-spacing: 0.025em;
	font-weight: 500;
}

.door-item-list li.copy{
	margin-bottom: 10px;
}

.door-item-list li.setpower img{
	width: 90px;
}

.door-item-list li.hairstyle{
	font-size: 10px;
	line-height: 100%;
	margin-bottom: 10px;
}

.door-item-list li span{
	display: block;
	padding: 2px;
	margin: 2px;
	float: left;
	font-size: 10px;
	width: 70px;
	line-height: 120%;
	text-align: center;
	transform: scale(0.8);
}

.door-item-list li.price{
	text-transform: none;
}

.door-item-list.first{
	margin-bottom: 20px;
}

.color-purple{
	color: #ba84af;
}

.color-green{
	color: #77bcbb;
}

.color-blue{
	color: #7b89bd;
}

.color-yellow{
	color: #debf6c;
}

.color-red{
	color: #dd536b;
}

.color-pink{
	color: #edbbd6;
}

.color-pink2{
	color: #e84386;
}

.bg-purple{
	background-color: #ba84af;
}

.bg-green{
	background-color: #77bcbb;
}

.bg-blue{
	background-color: #7b89bd;
}

.bg-yellow{
	background-color: #debf6c;
}

.bg-red{
	background-color: #dd536b;
}

.bg-pink{
	background-color: #edbbd6;
}

.bg-pink2{
	background-color: #e84386;
}

.bg-black{
	background: #000;
	color: #fff;
}


@media screen and (max-width:1240px){
	.item-cat-wrapper{
		margin-top: 10%;
	}
}

@media screen and (max-width:980px){
	.item-cat-wrapper{
		margin-top: 25%;
	}
}

@media screen and (max-width: 768px){
	.sp-br {
		display: block;
	}
	.pc-br {
		display: none;
	}
	
	.sp-il {
		display: inline;
	}
	.pc-il {
		display: none;
	}
	
/*ナビゲーション*/
	
	.skip-btn{
		right: 13px;
		bottom: 20.9111%;
		display: inline-block;
		/* max-width: 69px; */
		padding: 10px 20px;
		font-size: 1.5rem;
	}
	
	.btn-trigger{
		display: block;
		appearance:none;
		-webkit-appearance: none;
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		left: 85%;
		z-index: 999;
		width: 40px;
		height: 20px;
		border: none;
		background-color: transparent;
		cursor: pointer;
	}
	
	.hamburger__line{
		position: absolute;
		display: block;
		width: 28px;
		height: 3px;
		background-color: #fff;
		transition: all 0.5s;
	}

	.hamburger__line--1{
		top:0;
	}


	.hamburger__line--2{
		top:9px;

	}
	.hamburger__line--3{
		bottom:0;
	}

	.nav-open .hamburger__line--1{
		transform: rotate(45deg);
		top: 9px;
	}

	.nav-open .hamburger__line--2{
		opacity: 0;
	}
	.nav-open .hamburger__line--3{
		transform: rotate(-45deg);
		bottom: 8.5px;
	}
	
	
	.logo-sp{
		display: flex;
		width: inherit;
		align-items: center;
	}
	
	.logo-sp a{
		width: 55px;
		margin-right: 10px;
	}
	
	.movie-btn{
		display: none;
	}
	
	.movie-btn.sp-btn{
		display: block;
		width: 47px;
	}
	
	/*表示された時*/
	.nav-open .site-navigation{
		right: 0;
		transition: all .6s;
	}
	
	.site-navigation{
		position: fixed;
		top: 0;
		right: -1000px;
		z-index: 200;
		width: 100%;
		height: 120%;
		background-color: rgba(255,255,255,0.9);
		display: initial;
		padding-top: 60px;
		transition: all .6s;
	}

	.nav-wrapper{
		display: inherit;
		align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		position: relative;
		top: 0;
		z-index: 100;
		width: 100%;
		padding: 15px 10px 15px;
		margin: 0;
		background-color: #000;
	}
	
	.nav-list{
		text-align: center;
		width: 100%;
		height: 100%;
		z-index: 200;
		display: initial;    
		margin-top: 55px;
		font-size: 1.8rem;
	}
	
	.nav-list li{
		margin-right: 0;
		margin-bottom: 30px;
}
	
	.nav-list li a{
		color: #000;
	}
	
	.only-list{
		justify-content: center;
	}

/* TOPバナー */
	.top-banner-wrapper{
		width: 100%;
		margin: 0;
	}
	
	.top-banner-inner{
		padding: 2em 0;
	}

/*beauty channel*/
	
	.bc-wrapper{
		width: 100%;
		margin: 0;
	}
	
	.bc-inner{
		padding: 2em;
	}

/*トップページ-アイテム*/
	
	.item-wrapper{
		width: 80%;
		height: auto;
		margin: 30px auto;
	}
	
	.item-inner{
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 50px 20px;
		text-align: center;
	}

	.item-inner .title-list {
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		transform: none;
	}

	.main-title.item-title img{
		width: 37px;
	}
	
	.main-title.item-title h2{
		font-size: 1.8rem;
		padding-top: 5px;
		padding-left: 2px;
	}

	.top-item-title {
		text-align: center;
		margin-bottom: 2em;
	}

	.top-item-list {
	}
	.top-item-list img{
		max-width: 90%;
	}
	
	.top-item-text-list.first li{
		width: 38px;
	}

	.top-item-text-list li a{
		white-space: nowrap;
		font-size: 1.1rem;
	}
	
	.top-item-text-list li:not(:last-of-type){
		margin-right: 0px;
	}
	
	.item-type{
		font-size: 1.3rem;
	}
	
/*トップページ-マガジン*/
	
	.magazine-wrapper{
		display: inherit;
	}
	
	.magazine-title{
		width: 80%;
   		margin: 0 auto 0px;
		height: 150px;
		background: #fff;
		color: #000;

	}

	.top-magazine-title {
		display: none;
	}

	.top-magazine-title-sp {
		display: block;
	}




	.magazine-title .title-list {
		width: 100%;
	}

	.magazine-title div.sub-title {
		width: 250px;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.magazine-title div.main-title {
		margin-bottom: 2em;
		color: #000000;
	}

	.magazine-content{
		width: 80%;
		height: auto;
		padding: 0;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.magazine-content .article-main-list{
		position: static;
		transform: translate(0,0);
		padding: 0;
		margin: 0;
	}

	.magazine-post-base {
	}

	.magazine-post-box {
		padding-top: 0;
	}

	.magazine-post-title1 {
		margin-top: 0.3em;
		font-size: 2.8rem;
		line-height: 100%;
	}

	.magazine-post-title2 {
		font-size: 1rem;
		line-height: 100%;
		margin-bottom: 0.3em;
	}

	.magazine-post-date {
		font-size: 1.2rem;
	}

	.magazine-post-check {
		text-align: center;
		max-width: 60%;
		margin: 0 auto;
	}


	.main-title.article{
		display: flex;
		margin-bottom: 36px;
		font-size: 1.5rem;
	}
	
	.main-title.article h2{
		color: #000;
		background: #fff;
		
	}

	.main-title.article img{
		width: 31px;
		background: #fff;
	}

	.line{
		background: #fff;
	}
	
	.article-title{
		font-size: 1.5rem;
		white-space: nowrap;
	}
	
	.check-btn{
		color: #fff;
		font-size: 1.3rem;
		border: 1px solid #fff;
	}
	
	.date{
		font-size: 0.8rem;
	}

/*トップページ-スタイルブック*/
	
	.stylebook-wrapper{
		position: relative;
		width: 80%;
		height: 230px;
   		margin: 30px auto 30px;
		padding: 0;
	}

	.stylebook-inner {
		padding: 0;
	}

	.top-stylebook-title{
		margin-bottom: 1em;
	}

	.top-stylebook-title img {
		margin: 0;
	}

	.top-stylebook-check{
		margin: 0;
	}

	#stylebook-head {
		padding: 50px 30px;
		text-align: center;
	}

	#stylebook-bg {
		padding: 30px 0;
	}

	.stylebook-contents {
		max-width: 90%;
		margin: 0;
		margin-bottom: 20px;

	}



/*トップページ-サロンサーチ*/
	
	.search-wrapper{
		position: relative;
		width: 80%;
		height: 230px;
   		margin: 30px auto 30px;
		background-image: url("../images/sp-bg-search.png");
		background-position: right;
		padding: 0;
	}

	.search-inner {
		padding: 0;
	}
	
	.top-search-title{
		margin-bottom: 1em;
	}

	.top-search-title img {
		margin: 0;
	}

	.top-search-check{
		margin: 0;
	}

	.search-inner .comming {
	}

	.title-list.search{
		width: 100%;
	}
		
	.search-wrapper .icon{
		position: absolute;
		right: 20px;
		bottom: 0px;
	}

/*トップページ-ストーリー*/
	.story-wrapper{
		width: 100%;
    	margin: 0 auto;
		height: 700px;
		background-image: url("../images/sp-bg-story.png");
		padding-top: 65%;
	}

	.story-main-list{

	}
	
	.top-story1 {
		margin: 0 auto;
		margin-top: 5em;
		font-size: 1.4rem;
		line-height: 150%;
		margin-bottom: 0.5em;
	}

	.top-story-btn1 {
		max-width: 50%;
		margin: 0 auto;
		margin-bottom: 5em;
		text-align: center;
	}

	.top-story-box {
		width: 100%;
		margin-bottom: 5em;
	}

	.top-story2 {
		padding: 0.5em;
	}

	.top-story-text2 {
		width: 90%;
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 150%;
		margin-bottom: 0.5em;
	}

	.top-story3 {
		padding: 0.5em;
	}

	.top-story-text3 {
		width: 90%;
		margin: 0 auto;
		font-size: 1.4rem;
		line-height: 150%;
		margin-bottom: 0.5em;
	}

	.story-title{
		margin-left: 90px;
		margin-bottom: 80px;
	}
	
	.story-title-text{
		opacity: 0.4;
	}
	
	.item-type-list{
		display: inherit;
		margin-left: 43%;
	}
	
	.type-text{
		opacity: 0.4;
	}
	
	.type-title.last{
		padding: 0 15px;
	}
	
	.all-item-list{
		flex-direction: column-reverse;
		margin-left: 30%;
	}

	.all-item-list p{
		margin-left: 10px;
	}
	
	.all-item-list p{
		margin-top: 10px;
		opacity: 0.4;
	}
	
	.slash{
		display: none;
	}

	
/*トップページ-クエスチョン*/
	
	.question-wrapper{
		width: 80%;
    	margin: 0 auto;
		height: 141px;
		background: rgba(102,102,204,0.75);
	}
	
	.main-title.contents-title h2{
		font-size: 1.2rem;
	}
	
	.contents-text{
		font-size: 2.4rem;
    	margin-bottom: 0;
		text-align: center;
	}
	
	.question-wrapper .icon{
		margin: 0;
		margin-left: 200px;
		width: 52px;
		margin-top: -30px;
	}
	
	
/*トップページ-トピックス*/
	
	.topics-wrapper{
		width: 80%;
		height: 230px;
   		margin: 30px auto 30px;
		background: rgba(204,153,204,1);
		padding: 0;
	}

	.topics-inner{
		padding: 0;
	}

	.top-topics-title{
		margin-bottom: 1em;
	}

	.top-topics-title img {
		margin: 0;
	}

	.top-topics-check{
		margin: 0;
	}
	
/*トップページ-フッター*/
	
	.footer{
		height: 90px;
		font-size: 0.8rem;
		padding: 45px 0 25px;
	}


	.footer-list li:not(:last-of-type){
		margin-right: 10px;
	}

	.small{
		font-size: 0.7rem;
	}

/*オリジナルフィルター*/

	.filter-wrapper{
		position: relative;
		display: block;
		width: 80%;
    	margin: 44px auto;
		height: 103px;		
		background: #833ab4;  /* fallback for old browsers */
		background: -webkit-linear-gradient(to right, #fd1d1d, #fcb045, #833ab4);  /* Chrome 10-25, Safari 5.1-6 */
		background: linear-gradient(to right, #fd1d1d, #fcb045, #833ab4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	}
	
	.filter-title{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		font-size: 2.6rem;
		font-weight: 500;
		letter-spacing: 0.045em;
		text-align: center;
		white-space: nowrap;
		text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
	}
	
	.fab.fa-instagram{
		margin-left: 10px;
	}
	
/*アイテムページ*/
	.item-name-box {
		width: 70%;
		max-width: 70%;
		margin: 2em auto;
	}

	.price-text{
		font-size: 1.4rem;
	}

	.yashirushi-img{
		width: 20px;
	}

	.yashirushi-list{
		display: flex;
		justify-content: space-evenly;
		margin: 40px auto;
		max-width: 1000px;
		width: 100%;
	}

	.yashirushi-img.fade{
		width: 20px;
	}

	.yashirushi-list.fade{
		display: flex;
		justify-content: space-evenly;
		margin: 40px auto;
		max-width: 1000px;
		width: 100%;
	}

	.bg-door-item{
		background-image: url("../images/door-item-sp.jpg");
	}

/*アイテムページ-商品*/
	
	.shiny-fade-title{
		font-size: 1.1rem;
		background: #000;
		margin: 0 auto;
		padding: 25px 0;
		color: #fff;
	}
	
	.shiny-fade-title h1{
		font-size: 2.7rem;
		margin-bottom: 11px;
	}
	.shiny-fade-title h1 span{
		border-bottom: solid 4px #fff;
	}
	
	.shiny-fade-img{
		max-width: 60%;
	}
	
	.bg-item{
		padding: 0;
		height: 400px;
	}
	
	.fade-hero-img{
		background-image: url("../images/shiny-oil/sp-shinyoil.png");
		padding-top: 100%;
		background-position: bottom;
	}
	
	.fade-text-list{
		top: 20px;
		left: 20px;
		color: #fff;
	}

	.fade-text-list.shiny-oil{
		left: 5px;
	}
	
	.item-copy{
		font-size: 2rem;
		margin-top: 2em;
		margin-bottom: 0px;
		padding-top: 0;
	}

	.item-copy span{
		font-size: 1.5rem;
	}
	
	.fade-title-text{
		font-size: 3.5rem;
		margin-bottom: 0.2em;
	}
	
	.fade-title-text span{
		font-size: 1.2rem;
	}
	
	
/*アイテム-ページ-商品詳細*/
	
	.detail-wrapper{
		margin: 30px auto 33px;
	}

	
	.detail-list h2{
		font-size: 1.5rem;
	}
	
	.detail-list{
		flex-direction: column;
		margin: 0 20px;
		padding-bottom: 0;
	}
	
	
	.howto-list{
		width: 274px;
		margin: 28px auto 33px;
		height: 150px;
		font-size: 1.1rem;
	}
	
	.item-line{
		width: 80%;
	}
	
	.shiny-oil-text{
		display: inline-block;
		font-size: 0.7rem;
	}

	.star-img{
		width: 109px;
	}
	
	.cream-img{
		width: 125px;
	}

	.howto-img{
		width: 56px;
	}
	
	.length-list{
		font-size: 1rem;
		white-space: nowrap;
	}
	
	.balloon{
		font-size: 1.1rem;
	}
		
/*アイテムページ-フレグランス*/
	.fragrance-wrapper{
		width: 100%;
	}
	
	.fragrance-title{
		font-size: 2rem;
		text-align: center;
    	margin-left: 0;
	}
	
	.flex.fragrance-flex{
		flex-direction: column;
		margin-left: 0;
	}
	
	.flex.fragrance-last{
		justify-content: center;
	}
	
	.fragrance-first{
		margin-right:0;
		justify-content: center;
		margin-bottom: 10px;
	}
	
	.fragrance-img.lemon{
		margin-left: 10px;
	}
	
/*アイテム-シャイニージェル*/
	
	.fade-hero-img.shiny-gel{
		background-image: url("../images/shiny-gel/sp-shinygel.png");
	}
	
	.detail-list.blue h2{
		margin-left: 20px;
	}
	
	.detail-text-list.shiny-gel{
		align-items: center;
		justify-content: space-evenly;
	}
	
	.howto-list.shiny-gel{
		padding: 23px 20px 23px 20px;
		width: 315px;
		height: 224px;
		white-space: initial;
		word-wrap: break-word;
		margin-right: auto;
    	margin-left: auto;
	}

	.howto-list.shiny-gel p{
		word-wrap: break-word;
		white-space: normal;
		word-break: break-all;
	}

	.howto-list.shiny-gel.shiny-oil.shiny-gel-only{
		padding: 10px;
	}

	.howto-list.shiny-gel.shiny-oil.shiny-gel-only img {
		margin-top: -10px;
		width: 90%;
	}
	
	.howto-img.shiny-gel{
		margin-top: 15px;
	}
	
	.cream-img.shiny-gel{
		margin: 0;
		width: 60px;
		margin-right: -50px;
	}
	   
/*アイテム-シャイニースフレ*/
	
	.pc-img{
		display: none;
	}
	
	.sp-img{
		display: block;
	}
		
	.fade-hero-img.shiny-souffle{
		background-image: url("../images/shiny-souffle/sp-shinysouffle.png");
	}
	.howto-img.shiny-souffle{
		width: 220px;
	}
	
	.cream-img.shiny-souffle{
		margin-right: -30px;
	}
	
	.howto-list.shiny-souffle{
		background-image: url("../images/shiny-souffle/sp-frame.svg");
		width: 270px;
		height: 270px
	}

/*アイテム-フェードクリーム*/
	
	.bg-fade{
		padding-top: 0;
	}
	
	.shiny-fade-img.fade{
		max-width: 60%;
	}

	
	.fade-hero-img.fade-cream{
		background-image: url("../images/fade-cream/sp-fadecream.png");
	}
	
	.howto-list.shiny-gel p{
		margin: 0 auto;
	}

	.fade-cream .item-copy {
		font-size: 95%;
	}

	.howto-list.fade-cream{
		padding: 10px 30px !important;
	}

/*アイテム-フェードワックス*/
	
	.fade-hero-img.fade-wax{
		background-image: url("../images/fade-wax/sp-fadewax.png");
	}
	
	.howto-img.fade-wax{
		width: 241px;
	}
	
	.howto-list.fade-wax{
		background-image: url("../images/fade-wax/sp-frame.svg");
	}

/*アイテム-フェードヴェイル*/
	
	.fade-hero-img.fade-veil{
		background-image: url("../images/fade-veil/sp-fadeveil.png");
	}
	
	.howto-img.fade-veil{
		width: 250px;
		margin-top: -10px;
	}

	.howto-list.shiny-gel.fade-veil {
		height: 250px;
	}

	.fade-veil-text{
		display: inline-block;
		font-size: 0.7rem;
	}

/*アイテム-フェードヴェイル＋*/
	
	.fade-hero-img.fade-veilplus{
		background-image: url("../images/fade-veilplus/sp-fadeveilplus.png");
	}
	
	.howto-img.fade-veilplus{
		width: 250px;
		margin-top: -10px;
	}

	.howto-list.shiny-gel.fade-veilplus {
		height: 250px;
	}

	
/*ドアーアイテムページ*/
	.door-item-wrapper{
		flex-direction: column;
		width: 90%;
		padding-top: 0;
	}
	
	.door-item-logo{
		width: 75px;
		margin-right: -10px;
		vertical-align: middle;
	}
	
	.shiny-fade-title.door-item h1{
		margin-bottom: 32px;
	}
	
	.shiny-fade-title.door-item h1 span{
		font-size: 3rem;
	}

	.door-item-text{
		font-size: 1.2rem;
		line-height: 1.7;
	}
	
	.door-list{
		display: flex;
		margin-right: 0px;
    	width: 100%;
		align-items: center;
		margin-bottom: 50px;
	}
	
	.door-list::after{
		transform: rotate(-0deg);
		bottom: -10px;
		top: inherit;
   		left: inherit;
	}


	.door-list.last::after{
		display: block;
	}

	.door-list2{
		display: flex;
		margin-right: 0px;
    	width: 100%;
		align-items: center;
		margin-bottom: 50px;
	}
	
	.door-list2::after{
		transform: rotate(-0deg);
		bottom: -10px;
		top: inherit;
   		left: inherit;
	}
	
	.door-btn{
		padding: 0px;
	}

	.door-item-btn{
		padding: 35px;
		font-size: 1.5rem;
	}
	
	.door-item-list{
		width: 240px;
		padding-left: 0;
	}
	
	.door-item-list li:last-of-type{
		margin-right: 23px;
		font-feature-settings: "palt";
	}
	
	.door-item-list.first{
		margin-bottom: 0;
	}
	
	.door-item-list.shiny-gel li:last-of-type{
		margin-right: 20px;
	}
	
	.door-item-list.fade-wax li:last-of-type{
		margin-right: 45px;
	}

	.door-item-list li span{
		width: 70px;
	}

	
/*フェードアイテムページ*/
	
	.item-detail{
		text-align: center;
		margin-right: 0;
		position: relative;
	}
	
	.item-detail li:first-of-type{
		margin-bottom: 10px;
		font-size: 1.5rem;
		text-align: center;
	}
	
	.item-detail li:first-of-type p::after{
		position: absolute;
		content: "";
		display: inline-block;
		width: 80%;
		height: 1px;
		background-color: #7f8ac2;
		top: 55px;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 5px;
	}

	.item-detail.fade li:first-of-type p::after{
		background-color: #dd536b;
	}
	
	.item-detail li:nth-of-type(2){
		font-size: 1.2rem;
		margin-bottom: 10px;
		text-align: left;
		display: inline-block;
	}
	
	.item-detail li:last-of-type{
		font-size: 0.7rem;
		text-align: left;
		padding-left: 10px;
	}
	
	.item-detail-text{
		font-size: 1.2rem;
		text-align: center;
	}
	
	.item-detail.fade{
		margin-right: 0;
	}
	
	.detail-img{
		width: 292px;
		margin: 21px auto 0;
	}
	
	
	.item-page-wrapper.detail{
		margin: 0 auto 56px;
	}
	
	.what-is-title{
		margin-bottom: 10px;
		font-size: 2rem;
	}
	
	.what-is-title span{
		font-size: 4.1rem
	}
	
	.item-link-list{
		flex-direction: column;
		display: grid;
		margin: 16px auto 35px;
	}
	
	.item-link-img.fade-cream p{
		font-size: 2rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	
	.item-link-img.fade-wax p{
		font-size: 2rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	
	.item-link-img.fade-veil p{
		font-size: 2rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	
	.item-link-img.fade-veilplus p{
		font-size: 2rem;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	
	.item-link-img.fade-cream{
		background-image: url(../images/fade-item/sp-bg-cream.png);
    	height: 54px;
		margin-right: 0;
		width: 308px;
		margin-bottom: 10px;
	}
	
	.item-link-img.fade-wax{
		background-image: url("../images/fade-item/sp-bg-wax.png");
    	height: 54px;
		width: 308px;
		margin-bottom: 10px;
	}

	.item-link-img.fade-veil{
		background-image: url("../images/fade-item/sp-bg-veil.png");
    	height: 54px;
		width: 308px;
		margin-bottom: 10px;
	}

	.item-link-img.fade-veilplus{
		background-image: url("../images/fade-item/sp-bg-veilplus.png");
    	height: 54px;
		width: 308px;
		margin-bottom: 10px;
	}
	
	.item-page-title{
		text-align: center;
		margin-left: 0;
		font-size: 2.7rem;
		margin-bottom: 76px;
	}

	.item-img.fade{
		max-width: 80%;
		margin-top: 0px;
	}
	
	.item-page-wrapper{
		margin: 31px auto 40px;
	}
	
/*シャイニーアイテムページ*/
	
	.shiny-item-title{
		font-size: 1.7rem;
	}
	
	.item-link-img.souffle{
		background-image: url("../images/shiny-item/sp-bg-souffle.png");
    	height: 54px;
		width: 308px;
		margin: 0 auto 10px;
	}
	
	.item-link-img.oil{
		background-image: url("../images/shiny-item/sp-bg-oil.png");
    	height: 54px;
		width: 308px;
		margin: 0 auto 10px;
	}
	
	.item-link-img.gel{
		background-image: url("../images/shiny-item/sp-bg-gel.png");
    	height: 54px;
		width: 308px;
		margin: 0 auto;
	}
	
	.item-link-img.souffle p{
		font-size: 2rem;
		transform: translate(-50%,-50%);
	}
	
	.item-link-img.oil p{
		font-size: 2rem;
		transform: translate(-50%,-50%);
	}
	
	.item-link-img.gel p{
		font-size: 2rem;
		transform: translate(-50%,-50%);
	}
	
/*ストーリーページ*/
	.door-story-inner{
		padding-top: 43px;
		width: 302px;
		top: 35%;
		left: 50%;
		transform: translateX(-50%);
	}
	
	.bg-story{
		padding-top: 185%;
	}
	
	.story-logo{
		width: 150px;
	}
	
	.story-text{
		font-size: 1.1rem;
		line-height: 1.6;
		letter-spacing: inherit;
	}
	
	.story-text.lead{
		padding-bottom: 45px;
		font-size: 1.3rem;
	}
	
	.story-text.first{
		padding-bottom: 31px;
	}
	
	.story-text.second{
		padding-bottom: 45px;
	}
	
	.story-text.last{
		padding-bottom: 24px;
	}
	
	.story-all-item{
		font-size: 2.2rem;
	}
	
	.item-list.story{
		margin-top: 50px;
		max-width: 100%;
		width: 46.4%;
	}
	
	.item-cat-wrapper{
		clear: both;
		padding: 100px 0 60px;
	}
	
	.item-text-list.story li a{
		font-size: 1.5rem;
	}
	
	.item-type.story{
		font-size: 2rem;
	}
	
	.item-text-list.story li:not(:last-of-type)::after{
		background: #000;
		width: 48px;
		margin-left: 10px;
	}
	
/*サロンサーチページ*/
	.pc-map{
		display: none;
	}

	.sp-map{
		display: block;
	}
	
	.salon-search-wrapper{
		padding: 20px 0 12px;
	}

	.salon-search-title-link{
		margin-left: 10px;
	}

	.salon-search-title-link a{
		font-size: 1.4rem;
	}

	.salon-search-title{
		font-size: 2.2rem;
		text-align: center;
		margin: 0;
	}
	
	.salon-search-text{
		display: none;
	}
		
	.area-search-title{
		font-size: 1.2rem;
		top: 19.588%;
		left: 8%;
		background: linear-gradient(transparent 77%, #ffffcc 77%);
	}
	
	.prefecture-search-title .fas.fa-search{
		margin-right: 0;
		padding-left: 0;
		font-size: 1.2rem;
	}
	
	
	.wrapper.prefecture{
		margin: 0 auto 118px;
		width: 88%;
	}
	
	.prefecture-list{
		flex-wrap: wrap;
	}
		
	.prefecture-area{
		margin-right: 18px;
		white-space: nowrap;
	}
	
	.flex.prefecture{
		flex-wrap: nowrap;
	}
	
	.br_::after{
		content: "";
		margin-right: 10px
	}
	
	.prefecture-search-title{
		margin-top: 50px;
		margin-bottom: 33px;
		font-size: 1.2rem;
	}
	
}