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




/******************/
/*****　HOME　*****/
/*****************/


/*****　タイトル　*****/

/*　スライド　*/

section.home-slide {
    position: relative;
    top: 70px;
    background-image: url("../contents/home/slide_back.jpg");
    background-color:rgba(255,255,255,0.5);
    background-blend-mode:lighten;
    background-size: 52%;
    background-repeat: no-repeat;
    background-position: top -25% left 35%;
    padding: 15% 0 5%;
    margin: 0 0 70px;
   /* border: solid 2px #f00;*/
    }
section.home-slide ul {
    padding: 0;
    margin: 0;
    }
section.home-slide li {
    padding: 0;
    margin: 0 0px;
    }
section.home-slide li img {
    display: block;
    width: 84%;
    border-radius: 40px;
    padding: 0;
    margin: 0 auto;
    }


/*　キャンペーン用　*/

/*section.camp-title {
	position: relative;
	position: sticky;
	padding: 70px 0 0;
	margin: 0;
	}
section.camp-title img.title-img {
	display: block;
	margin: auto;
	}
section.camp-title a span {
	display: block;
	border: solid 1px #999;
	width: 250px;
	text-align: center;
	font-size: 17px;
	background-image: url("../contents/images/arrow_black.png");
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 24px;
	padding: 5px 0;
	margin: 20px auto;
	}
img.camp-corner01,
img.camp-corner02 {
	display: block;
	position: absolute;
	top: 0;
	transform: rotateX( 180deg );
	width: 430px;
	z-index: -1;
	}
img.camp-corner02 {right: 0;}*/


/*　メッセージ　*/

section.message {
    background-color: #c7dce9;
    position: relative;
    padding-top:  calc( 26% - 70px );
	margin: 0 0;
    z-index: 50;
    }

img.message-title,
.message-text,
img.message-pattern01,
img.message-pattern02,
img.message-pattern03,
img.message-pattern04,
img.message-pattern05,
img.instagram {
    display: block;
    position: absolute;
    border-radius: 50%;
    }
img.message-title {
    top: 22%;
	left: 18%;
    width: 280px;
    border-radius: 0%;
    }
img.instagram {
    top: calc(22% + 26px);
    left: calc(18% + 280px + 30px);
    width: 150px;
    border-radius: 0%;
    }
.message-text {
    top: 48%;
    left: 18%;
    border-radius: 0%;
    width: 70%;
	/*background-color: rgba(0,0,0,0.02);*/
    }
.message-text p {
    font-size: 14px;
    line-height: 240%;
    letter-spacing: 1px;
    margin: 0;
    }
 
img.message-pattern01 {
    top: 6%;
    left: 3%;
    width: 10%;
    } 
img.message-pattern02 {
    top: 55%;
    left: 9%;
    width: 6%;
    }
img.message-pattern03 {
    top: 15%;
    right: 10%;
    width: 10%;
    } 
img.message-pattern04 {
    bottom: -3%;
    right: 3%;
    width: 10%;
    z-index: 100
    }
img.message-pattern05 {
    bottom: -5%;
    right: 30%;
    width: 8%;
    z-index: 100
    }

/*　イラスト　*/

.slide-illust {
    position: relative;
    /*border: solid;*/
    }
.slide-illust img.woman-left,
.slide-illust img.woman-right{
    position: absolute;
    top: 0;
    z-index: 100;
    display: block;
    }
.slide-illust img.woman-left{
    top: 10%;
    left: 10%;
    width: 24%;
    }
.slide-illust img.woman-right{
    top: 16%;
    left: 60%;
    width: calc(24% * 0.78);
    }

/*　ロゴ　*/

.title-logo {
    position: absolute;
    top: 70px;
    right: 0;
    width: 18%;
    height: 62%;
    background-color: rgba(255,255,255,0.70);
    }
.title-logo img {
    position: absolute;
    top: 49%;
    bottom: 50%;
    left: 10%;
    width: 80%;
    margin: auto;
    }


/*****　メニュー　*****/

.item-menu .contents {
    display: flex;
    flex-wrap: wrap;
    gap: 160px 0;
    margin-top: 80px;
    margin-bottom: 100px;
    }
.item-category {width: 100%;}

/*　タイトル　*/

.item-menu h3 {
    position: relative;
    height: 45px;
    padding: 90px 0 0;
    margin: -90px 0 90px;
    /*background-color: #eee;*/
    }
.item-menu h3 img {
    height: 45px;
    margin: 0;
    }
.item-menu h3 span {
    position: absolute;
    top: 23px;
    color: #a4a171;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
    padding-top: 90px;
    margin: 0 0 0 20px;
    }

/*　カラーバリエーション　*/

.item-lineup {
    display: flex;
    flex-wrap: wrap;
    gap: 120px 40px;
    width: 100%;
    /*background-color: #ffc;*/
    }
.item-lineup.mobilecloset,
.item-lineup.diary {gap: 100px 40px;}

.item-earch {
    width: calc(100% / 4 - 120px / 4);
    border-radius: 10px;
    position: relative;
    }
.item-earch a {
    position: absolute;
    width: 100%;
    z-index: 100;
    padding-top: 100%;
    /*background-color: rgba(255,0,4,0.20);*/
    }
.item-earch ul {
    border: solid 1px #bbb;
    border-radius: 10px;
    padding: 0px;
    margin: 0 0 15px!important;
    }
.item-earch ul li {
    border-radius: 10px;
    padding: 0;
    margin: 0;
    }
.item-earch ul img {
    /*border: solid 1px #333;*/
    border-radius: 10px;
    padding: 0px;
    margin: 0;
    }

.item-earch p {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 180%;
    padding: 0;
    margin: 0;
    }
.item-earch p span {
    display: block;
    }

/*　カラーバリエーション　ドット　*/

.item-lineup ul.slick-dots {
    bottom: -160px;
	height: 80px;
    width: 100%;
    padding: 0;
	margin: 0;
    border: initial;
    /*border: solid 1px #eee;*/
	}
.item-lineup .slick-dots li {
    width: 26px!important;
    height: 26px!important;
    border-radius: 20px;
    background-color: #ccc;
    border: solid 1px #ccc;
    vertical-align: middle;
	padding: 0px;
	margin: 10px 6px 0!important;
	}
.item-lineup .slick-dots li img {display: none;}

.slick-dots li:nth-child(1)  { background-color: #594a47; border-color: #594a47;}
.slick-dots li:nth-child(2)  { background-color: #111941; border-color: #111941;}
.slick-dots li:nth-child(3)  { background-color: #c8dfde; border-color: #c8dfde;}
.slick-dots li:nth-child(4)  { background-color: #d7e4ca; border-color: #d7e4ca;}
.slick-dots li:nth-child(5)  { background-color: #f4f3ee; border-color: #ccc;}

.mobilecloset .slick-dots li:nth-child(1) { background-color: #594a47; border-color: #594a47;}
.mobilecloset .slick-dots li:nth-child(2) { background-color: #111941; border-color: #111941;}
.mobilecloset .slick-dots li:nth-child(3) { background-color: #d7e4ca; border-color: #d7e4ca;}

.mobilecloset .item-old .slick-dots li:nth-child(1) { background-color: #645f61; border-color: #645f61;}
.mobilecloset .item-old .slick-dots li:nth-child(2) { background-color: #b0b9cb; border-color: #b0b9cb;}
.mobilecloset .item-old .slick-dots li:nth-child(3) { background-color: #c8a9ac; border-color: #c8a9ac;}

.slick-dots li.slick-active {
    background-image: url("../contents/home/colors_active.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    }
.slick-dots li:nth-child(5).slick-active {background-image: url("../contents/home/colors_active_black.png");}
/*.slick-dots li:nth-child(5).slick-active {background-image: url("../contents/home/colors_active_black.png");}
.mobilecloset .slick-dots li:nth-child(3).slick-active {background-image: url("../contents/home/colors_active_black.png");}
.mobilecloset .type01 .slick-dots li:nth-child(2).slick-active {background-image: url("../contents/home/colors_active_black.png");}
.mobilecloset .type01 .slick-dots li:nth-child(3).slick-active,
.mobilecloset .type02 .slick-dots li:nth-child(3).slick-active,
.diary .slick-dots li:nth-child(5).slick-active {background-image: url("../contents/home/colors_active.png");}*/

.slick-dots li button:before {display: none;/*defoult.cssを打ち消し*/}

/*.item-lineup .slick-dots li:nth-child(5).slick-active {
    border-color: #ccc;
    }*/

/* Arrows */
/*.item-lineup .slick-prev,
.item-lineup .slick-next {
    top: 45%;
    width: 20px;
    height: 60px;
    padding: 0!important;
	margin: 0!important;
	background-size: 20px;
	background-color: rgba(0,0,0,0);
	opacity: 1;
	}
.item-lineup .slick-prev{
    webkit-border-radius: 50% 0 0 50%;
	-moz-border-radius: 50% 0 0 50%;
	border-radius: 50% 0 0 50%;
	background-image: url("../contents/home/arrow_left.png");
	}
.item-lineup .slick-next{
    webkit-border-radius: 0 50% 50% 0;
	-moz-border-radius: 0 50% 50% 0;
	border-radius: 0 50% 50% 0;
	background-image: url("../contents/home/arrow_right.png");
	}

.item-lineup .slick-prev{left: 0px;}
[dir='rtl'] .slick-prev{right: 0px;}

.item-lineup .slick-next{right: 0px;}
[dir='rtl'] .slick-next{left: 0px;}*/


/********************/
/*****　フッター　*****/
/********************/


footer {
    position: relative;
    z-index: 50;
    }





/***************************************************************************　1400　**/

@media (min-width: 1400px) {


/*****　タイトル　*****/

/*　ロゴ　*/

.title-logo {height: 64%;}



}


/***************************************************************************　1280　**/

@media (min-width: 1800px) {


/*****　タイトル　*****/




}


/***************************************************************************　1118　**/

@media (max-width: 1118px) {


/******************/
/*****　HOME　*****/
/*****************/


/*****　タイトル　*****/

/*　キャンペーン用　*/

/*img.camp-corner01,
img.camp-corner02 {width: 38%;}*/

/*　メッセージ　*/

section.message {padding-top:  calc( 32% - 70px );}

img.message-title {
    top: 20%;
    width: 220px;
    }
img.instagram {
    top: calc(20% + 14px);
    left: calc(18% + 220px + 30px);
    }
.message-text {
    top: 40%;
    width: 75%;
    }

/*　イラスト　*/

.slide-illust img.woman-left{
    top: 12%;
    width: 23%;
    }
.slide-illust img.woman-right{
    top: 19%;
    width: calc(23% * 0.78);}


/*****　メニュー　*****/

/*　タイトル　*/

.item-menu h3 {height: 38px;}
.item-menu h3 img {height: 38px;}
.item-menu h3 span {top: 18px;}

/*　カラーバリエーション　*/

.item-lineup {gap: 120px 30px!important;}
.item-earch {width: calc(100% / 4 - 90px / 4);}

/*　カラーバリエーション　ドット　*/

.item-lineup ul.slick-dots {bottom: -180px;}
.item-lineup.mobilecloset ul.slick-dots,
.item-lineup.diary ul.slick-dots {bottom: -160px;}

/*.item-lineup .slick-dots li {margin: 70px 4px 0!important;}*/
/*.mobilecloset .slick-dots li,
.diary .slick-dots li {margin: 10px 4px 0!important;}*/

    
}


/***************************************************************************　1024　**/

@media (max-width: 1024px) {


/******************/
/*****　HOME　*****/
/*****************/


/*****　タイトル　*****/


/*****　メニュー　*****/

/*.item-lineup h2 img {width: 300px;}
.item-lineup h3 img {height: 18px;}
.item-lineup-list img {width: 75%;}*/


/*　カラーバリエーション　*/

.item-lineup {gap: 120px 30px;}
.item-earch {width: calc(100% / 3 - 60px / 3);}





}



/***************************************************************************　840　**/

@media (max-width: 840px) {


/******************/
/*****　HOME　*****/
/*****************/



/*****　タイトル　*****/

/*　キャンペーン用　*/

/*section.camp-title a span {
	width: 200px;
	font-size: 16px;
	background-position: center right 5px;
	background-size: 22px;
	}*/



/*　メッセージ　*/

section.message {padding-top:  calc( 50% - 70px );}

img.message-title {
    top: 22%;
	left: 8%;
    width: 200px;
    }
img.instagram {
    top: calc(22% + 10px);
    left: calc(8% + 200px + 30px);
    }
.message-text {
    top: 38%;
    left: 8%;
    width: 86%;
    }
 
img.message-pattern01 {
    top: -5%;
    left: 3%;
    width: 12%;
    } 
img.message-pattern02 {
    top: auto;
    bottom: 3%;
    left: 15%;
    width: 6%;
    }
img.message-pattern03 {
    top: 15%;
    right: 10%;
    width: 10%;
    } 
img.message-pattern04 {
    bottom: -3%;
    right: 8%;
    width: 12%;
    }
img.message-pattern05 {
    bottom: 1%;
    right: 38%;
    width: 10%;
    }

/*　ロゴ　*/

.title-logo {height: 48%;}


/*****　メニュー　*****/

/*　タイトル　*/

.item-menu h3 {
    height: 35px;
    margin-bottom: 70px;
    }
.item-menu h3 img {height: 35px;}
.item-menu h3 span {top: 16px;}


/* Arrows */
/*.item-lineup .slick-prev,
.item-lineup .slick-next {
    width: 20px;
	background-size: 15px;
	}*/

}


/***************************************************************************　700　**/

@media (max-width: 700px) {

/*　メッセージ　*/

section.message {padding-top:  calc( 62% - 70px );}

img.message-title {
    top: 24%;
    width: 180px;
    }
img.instagram {
    top: calc(24% + 8px);
    left: calc(8% + 180px + 30px);
    }
.message-text {top: 40%;}
 
img.message-pattern02 {
    top: auto;
    bottom: 4%;
    left: 15%;
    width: 6%;
    }
img.message-pattern05 {
    bottom: -1%;
    right: 40%;
    width: 10%;
    }


/*****　メニュー　*****/

/*　カラーバリエーション　*/

.item-lineup {gap: 120px 30px;}
.item-earch {width: calc(100% / 2 - 30px / 2);}


}


/***************************************************************************　600　**/

@media (max-width: 600px) {



/******************/
/*****　HOME　*****/
/*****************/

/*****　タイトル　*****/

/*　スライド　*/

section.home-slide {
    background-size: 78%;
    background-position: top 18% right 0%;
    padding: 60% 0 10%;
    }
section.home-slide li img {
    width: 90%;
    padding: 0;
    margin: 0 auto;
    }

/*　キャンペーン用　*/

/*section.camp-title {padding: 40px 0 0;}
img.camp-corner01,
img.camp-corner02 {width: 40%;}*/


/*　メッセージ　*/

section.message {padding-top:  calc( 75% - 70px );}

img.message-title {
    top: 18%;
    width: 150px;
    }
img.instagram {
    top: calc(18% + 3px);
    left: calc(8% + 150px + 30px);
    }
.message-text {top: 30%;}
 
 img.message-pattern02 {
    top: auto;
    bottom: 3%;
    left: 20%;
    width: 6%;
    }
img.message-pattern03 {top: 20%;} 
img.message-pattern04 {
    bottom: -0.5%;
    width: 14%;
    } 
img.message-pattern05 {bottom: 2.5%;} 


/*　イラスト　*/

.slide-illust img.woman-left{width: 36%;}
.slide-illust img.woman-right{width: calc(36% * 0.78);}
.slide-illust img.woman-left{
    top: 8%;
    left: 5%;
    }
.slide-illust img.woman-right{
    top: 36.5%;
    left: 65%;
    }

/*　ロゴ　*/

.title-logo {
    width: 25%;
    height: 100%;
    background-color: rgba(255,255,255,0.0);
    }
.title-logo img {
    top: 3%;
    bottom: auto;
    left: 0;
    width: 80%;
    }


/*****　メニュー　*****/

.item-menu .contents {
    margin-top: 60px;
    margin-bottom: 40px;
    }

/*　タイトル　*/

.item-menu h3 {
    height: auto;
    margin-bottom: 25px;
    }
.item-menu h3 span {
    position:relative;
    display: block;
    top: auto;
    padding: 0;
    margin: 10px 0 0px;
    }

/*　カラーバリエーション　*/

.item-lineup {gap: 100px 20px!important;}
.item-earch {width: calc(100% / 2 - 20px / 2);}

/*　カラーバリエーション　ドット　*/

.item-lineup .slick-dots li {
    width: 24px!important;
    height: 24px!important;
	/*margin: 65px 4px 0!important;*/
	}
/*.mobilecloset .slick-dots li,
.diary .slick-dots li  {margin: 42px 4px 0!important;}*/

.item-lineup .slick-dots li.slick-active {background-size: 14px;}


/* Arrows */
/*.item-lineup .slick-prev,
.item-lineup .slick-next {
	top: 108%;
    width: 60px;
    height: 26px;
	background-size: 14px;
	}

.item-lineup .slick-prev,
.item-lineup .slick-next{
	border-radius: 0!important;
	border: solid 1px #888;
	}

.item-lineup .slick-prev{left: 30%;}
[dir='rtl'] .slick-prev{right: 0px;}

.item-lineup .slick-next{right: 30%;}
[dir='rtl'] .slick-next{left: 0px;}*/

}


/***************************************************************************　478　**/

@media (max-width : 478px ){


/********************/
/*****　HOME　*****/
/********************/

/*****　タイトル　*****/

/*　スライド　*/

section.home-slide {
    background-size: 78%;
    background-position: top 22% right 0%;
    padding: 65% 0 15%;
    }


/*　キャンペーン用　*/

/*img.camp-corner01,
img.camp-corner02 {width: 48%;}  */


/*　メッセージ　*/

section.message {padding-top:  calc( 100% - 55px ); }

img.message-title {
    top: 22%;
    width: 130px;
    }
img.instagram {
    top: calc(22% + 2px);
    left: calc(8% + 130px + 20px);
    width: 130px
    }
.message-text {
    top: 36%;
    width: 84%;
    }

img.message-pattern01 {
    top: -6%;
    left: 3%;
    width: 20%;
    } 
 
 img.message-pattern02 {
    bottom: 2%;
    width: 10%;
    }
img.message-pattern03 {
    top: 25%;
    right: 5%;
    width: 12%;
    }
img.message-pattern04 {
    bottom: -2%;
    right: 8%;
    width: 18%;
    }
img.message-pattern05 {
    bottom: -1%;
    right: 38%;
    width: 14%;
    }


/*　イラスト　*/

.slide-illust img.woman-left{width: 40%;}
.slide-illust img.woman-right{width: calc(40% * 0.78);}
.slide-illust img.woman-left{top: 7%;}
.slide-illust img.woman-right{top: 36%;}

/*　ロゴ　*/

.title-logo {
    top: 55px;
    width: 28%;
    }
.title-logo img {
    top: 3%;
    width: 82%;
    }



/*****　メニュー　*****/

.item-menu .contents {gap: 140px 0;}

/*　タイトル　*/

.item-menu h3 img {height: 32px;}

.item-menu h3 span {font-size: 14px}

/*　カラーバリエーション　*/

.item-lineup {gap: 80px 12px!important;}
.item-earch {width: calc(100% / 2 - 12px / 2);}

/*　カラーバリエーション　ドット　*/

.item-lineup .slick-dots li {
    width: 22px!important;
    height: 22px!important;
	margin: 5px 4px 0!important;
	}
/*.mobilecloset .slick-dots li,
.diary .slick-dots li  {margin: 62px 2px 0!important;}*/

.item-lineup .slick-dots li.slick-active {background-size: 12px;}

.item-lineup ul.slick-dots {bottom: -175px;}
.item-lineup.mobilecloset ul.slick-dots,
.item-lineup.diary ul.slick-dots {bottom: -155px;}

}





/***************************************************************************　414　**/

@media (max-width : 414px ){


/******************/
/*****　HOME　*****/
/*****************/

/*　メッセージ　*/

section.message {padding-top:  calc( 130% - 55px ); z-index: 100;}

img.message-title {
    top: 18%;
    width: 130px;
    }
img.instagram {
    top: 28%;
    left: 8%;
    width: 130px
    }
.message-text {top: 38%;}

img.message-pattern01 {
    top: -4%;
    left: 5%;
    width: 22%;
    } 
 
 img.message-pattern02 {
    bottom: 2%;
    left: 14%;
    width: 10%;
    }
img.message-pattern03 {
    top: 18%;
    right: 22%;
    width: 18%;
    }
img.message-pattern04 {
    bottom: -2%;
    right: 8%;
    width: 18%;
    }
img.message-pattern05 {
    bottom: -1%;
    right: 38%;
    width: 14%;
    }

/*　イラスト　*/

.slide-illust img.woman-right{top: 34%;}

/*　ロゴ　*/

.title-logo {
    top: 55px;
    width: 26%;
    }
.title-logo img {
    top: 3%;
    width: 92%;
    }


/*****　メニュー　*****/

.item-earch p {font-size: 12px;}


/* Arrows */



}



/***************************************************************************　377　**/

@media (max-width : 377px ){



/******************/
/*****　HOME　*****/
/*****************/

/*****　タイトル　*****/

/*　メッセージ　*/

section.message {padding-top:  calc( 140% - 55px );}

img.message-title {
    top: 14%;
    width: 120px;
    }
img.instagram {top: 24%;}
.message-text {top: 34%;}

img.message-pattern03 {
    top: 15%;
    right: 32%;
    width: 14%;
    }

/*　イラスト　*/

.slide-illust img.woman-left{top: 7%;}
.slide-illust img.woman-right{top: 34%;}

/*　ロゴ　*/

.title-logo {
    top: 55px;
    width: 26%;
    }
.title-logo img {
    top: 3%;
    width: 92%;
    }
    
	
}


/***************************************************************************　320　**/

@media (max-width: 320px) {


/********************/
/*****　HOME　*****/
/********************/

/*****　タイトル　*****/

/*　メッセージ　*/

section.message {padding-top:  calc( 180% - 55px );}



/*****　メニュー　*****/

.item-earch p {font-size: 11px;}




}