@charset "utf-8";
/*----------common------------*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

img.pc_view,
br.pc_view,
span.pc_view {
	display: inline;
}
div.pc_view {
	display: block;
}
img.smp_view,
br.smp_view {
	display: none;
}
div.smp_view,
ul.smp_view {
	display: none;
}
div.content_wrap {
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	font-family: 'Noto Sans JP',sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	line-height: 1.7 !important;
	overflow: hidden;
	color: #2a2536;
	animation: fadeIn 1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1s ease 0s 1 normal;
}
div.content_wrap a{
	text-decoration: none;
}
div.content_wrap a:hover{
	color: #404040;
	opacity: 0.9;
}
div.content_wrap img {
	vertical-align: bottom;
}

/*----------mainttl------------*/
div.elook_title {
	max-width: 1170px;
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 0;
	background: #d7e1dc;
}
div.elook_title ul.main_img {
	width: 94.873%;
	max-width: 1110px;
	margin: 2.5% auto;
	display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
div.elook_title ul.main_img .w250 {
	width: 23.382%;
	max-width: 250px;
}
div.elook_title ul.main_img .w270 {
	width: 24.565%;
	max-width: 270px;
	position: relative;
}
div.elook_title ul.main_img .w270 #main_navi_03,
div.elook_title ul.main_img .w270 #main_navi_04{
	position: absolute;
    bottom: 0;
}
div.elook_title ul.main_img li div {
	width: 100%;
}
@media (max-width: 639px){
	div.elook_title ul.main_img .w250 {
		width: 30%;
	}
	div.elook_title ul.main_img .w270 {
		width: 33%;
	}
}
div.elook_title ul.main_img li a img:hover {
	opacity: 0;
}
div.elook_title ul.main_img li a {
	display: block;
}
div.elook_title ul.main_img li #main_navi_01 a {
	background: url("//ds-assets.s3.amazonaws.com/e-look.jp/2019/elook/2019_outfit_of_theday/maini_01_on_2.jpg");
	background-size: contain;
}
div.elook_title ul.main_img li #main_navi_02 a {
	background: url("//ds-assets.s3.amazonaws.com/e-look.jp/2019/elook/2019_outfit_of_theday/maini_02_on_2.jpg");
	background-size: contain;
}
div.elook_title ul.main_img li #main_navi_03 a {
	background: url("//ds-assets.s3.amazonaws.com/e-look.jp/2019/elook/2019_outfit_of_theday/maini_03_on_2.jpg");
	background-size: contain;
}
div.elook_title ul.main_img li #main_navi_04 a {
	background: url("//ds-assets.s3.amazonaws.com/e-look.jp/2019/elook/2019_outfit_of_theday/maini_04_on_2.jpg");
	background-size: contain;
}
div.elook_title ul.main_img li #main_navi_05 a {
	background: url("//ds-assets.s3.amazonaws.com/e-look.jp/2019/elook/2019_outfit_of_theday/maini_05_on_2.jpg");
	background-size: contain;
}
div.header__text {
	text-align: center;
    font-size: 18px;
    margin: 50px auto 0;
}
@media (max-width: 639px){
	div.header__text {
		font-size: 15px;
		text-align: left;
	}
}

/*----------nav------------*/
#elook_navi_box{
	width: 100%;
	list-style: none;
    margin: 0;
	border-bottom: 1px #c2c2c2 solid;
	background-color: #fff;
	overflow: hidden;
}
#elook_navi_box #fixedbox {
	max-width: 850px;
	padding: 30px 0 30px 0;
	margin: auto;
	transition: 0.7s;
}
#elook_navi_box #fixedbox ul#elook_nav {
	display: flex;
	justify-content: space-between;
}
ul#elook_nav li {
	width: 23.53%;
	max-width: 200px;
}
ul#elook_nav li img {
	max-width: 100%;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
#elook_navi_box.fixed #fixedbox {
	max-width: 530px;
	padding: 10px 0 10px 0;
	margin: auto;
}

/*----------coorde------------*/
#coorde_1{
	padding: 106px 0 0 0;
}
.coorde{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	overflow: hidden;
	position: relative;
}
.coorde .left{
	float: left;
	width: 57.264%;
	padding: 300px 0 0 0;
}
.coorde .right{
	float: right;
	width: 42.736%;
}

.coorde_text{
	background: #dedede;
	padding: 80px 70px 200px 70px;
}
#coorde_1 .coorde_text{
	background: #6ea9bf;
}
#coorde_2 .coorde_text{
	background: #caae79;
}
#coorde_3 .coorde_text{
	background: #ca6574;
}
#coorde_4 .coorde_text{
	background: #aac374;
}
.coorde_text p {
	font-size: 14px;
	line-height: 1.7;
}
.coorde_text .ttl-s{
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
}
.coorde_text .ttl-b{
	font-size: 25px;
}
.coorde_text h2{
	font-size: 26px;
	margin: 0 0 60px 0;
    line-height: 1.7;
    color: #ffffff;
}
.img-sitem{
	max-width: 500px;
	margin: -200px 0 0 0;
    text-align: center;
    padding: 70px;
}
.itemlink{
	margin: 40px 0 0 0;
	max-width: 500px;
}
.brand_name {
	margin: 30px 0 0;
}
.itemlink li {
	border-bottom: 1px solid #b5b5b5;
	padding: 10px 0;
}
.link-textarea {
	display: inline-block;
	width: 80%;
}
.link-textarea .name{
	font-size: 13px;
	font-weight: bold;
    margin: 0 10px 0 0;

}
.link-textarea .price{
	font-size: 12px;
	color: #5c5c5c;
}

.link-btnarea {
	display: inline-block;
	width: 20%;
}
.link-btnarea .linkbtn{
	width: 100%;
    display: inline-block;
    margin: 0 0 0 3%;
}
.link-btnarea .linkbtn a{
    display: block;
    background: #2a2536;
    color: #ffffff;
    text-align: center;
    padding: 3px 20px;
    font-size: 13px;
 }
.link-btnarea .linkbtn a:hover,.link-btnarea .linkbtn a:link,.link-btnarea .linkbtn a:visited{
	color: #ffffff !important;
}
.link-collectionlist{
    margin: 40px 0 0 0;
    text-align: right;
    font-size: 13px;
}

/*stylists*/
.stylist{
  border: 1px solid #000000;
  box-sizing: border-box;
  margin: 0 auto 0;
  padding: 40px 100px;
  width: 100%;
  overflow: hidden;
}
.stylist-ttl{
  font-size: 26px;
  margin: 20px auto;
  line-height: initial;
}
.stylist-img-lg {
  margin: 30px auto 0;
  display: block;
}
.stylist-left{
  float: left;
  width: 15%;
}
.stylist-right{
  float: right;
  width: 80%;
}

.link-banner-outerlist{
  margin: 40px auto;
  text-align: center;
 }
.link-banner-outerlist a{
  display: block;
  max-width:520px;
  margin:  auto;
  padding: 15px 0;
  text-align: center;
  color: #ffffff;
  background-color: #2a2536;
}
.link-banner-outerlist a:hover,.link-banner-outerlist a:link,.link-banner-outerlist a:visited{
	color: #ffffff !important;
}
/*=======================================================*/
/*max-width: 1200px*/
/*=======================================================*/
@media (max-width: 1200px) {
#kt_navi_box #fixedbox {
	padding: 10px 0 10px 0;
}
/*----------coorde------------*/
.coorde_text{
	background: #dedede;
	padding: 80px 70px 160px 70px;
}

.coorde_text h2{
	font-size: 26px;
	    margin: 0 0 40px 0;
    line-height: 1.7;
}
.itemlink{
	margin: 40px 0 0 0;
	padding: 0 30px 0 30px;
}
.link-btnarea .linkbtn a {
    padding: 3px 5px;
    font-size: 12px;
}

.stylist-left{
  float: none;
  width: 100%;
}
.stylist-right{
  float: none;
  width: 100%;
}
}

/*=======================================================*/
/*max-width: 980px*/
/*=======================================================*/
@media (max-width: 980px) {
/*----------coorde------------*/
#coorde_1{
	padding: 0 0 0 0;
}
.coorde .left{
	float: none;
	width: 100%;
	padding: 60px 0 0 0;
}
.coorde .right{
	float: none;
	width: 100%;
}

.coorde_text{
	background: #dedede;
	padding: 80px 70px 200px 70px;
}
.coorde_text p {
	font-size: 14px;
	line-height: 1.7;
}
.coorde_text .ttl-s{
	font-size: 15px;
	font-weight: bold;
}
.coorde_text h2{
	font-size: 26px;
	    margin: 0 0 40px 0;
    line-height: 1.7;
}
.img-sitem{
	margin: -230px 0 0 0;
    text-align: center;
    padding: 70px 70px 0 70px;
}
.img-litem{
	margin: 0 0 0 0;
    text-align: center;
    padding: 40px 70px 0 70px;
}
.itemlink{
	margin: 40px auto 80px;
	padding: 0 70px 0 70px;
}
}
/*=======================================================*/
/*max-width: 639px*/
/*=======================================================*/
@media (max-width: 639px) {

img.pc_view,
br.pc_view,
span.pc_view {
	display: none;
}

div.pc_view,
ul.pc_view,
li.pc_view {
	display: none;
}

img.smp_view,
br.smp_view {
	display: inline;
}

div.smp_view,
ul.smp_view {
	display: block;
}
/*----------coorde------------*/
.coorde_text{
	background: #dedede;
	padding: 60px 20px 200px 20px;
}
.coorde_text p {
	font-size: 13px;
	line-height: 1.7;
}
.coorde_text .ttl-s{
	font-size: 13px;
	font-weight: bold;
}
.coorde_text h2{
	font-size: 18px;
	    margin: 0 0 20px 0;
    line-height: 1.7;
}
.img-sitem{
	margin: -220px 0 0 0;
    text-align: center;
    padding: 40px 40px 0 40px;
}
.img-litem{
	margin: 0 0 0 0;
    text-align: center;
    padding: 20px 40px 0 40px;
}
.itemlink{
	margin: 20px 0 0px 0;
	padding: 0 40px 0 40px;
}

.itemlink li {
	border-bottom: 1px solid #b5b5b5;
	padding: 7px 0;
	line-height: 1.2;
	display: flex;
}
.link-textarea {
	display: block;
	width: 80%;
}
.link-btnarea {
	display: block;
	width: 20%;
}
.link-btnarea .linkbtn a {
	padding: 11px 5px;
}
.link-btnarea .linkbtn{
	width: 100%;
    display: inline-block;
    margin: 0 0 0 0;
}
.link-btnarea .linkbtn:first-child{
    margin: 0 1% 0 0;
}
.link-collectionlist{
    margin: 40px 0 0 0;
    text-align: right;
    font-size: 13px;
}

/*stylists*/
.stylist{
  padding: 40px 40px;}

.stylist-ttl{
  font-size: 18px;
  margin: 20px auto 0px;
  line-height: initial;
}
.stylist .font-p{
	font-size: 13px;
	padding: 20px 0 0 0;
}
}
/*=======================================================*/
/*その他*/
/*=======================================================*/

.link-banner{
  margin: 20px;
  text-align: center;
}

@media screen and (min-width: 980px) {
  .link-banner{
    display: flex;
    justify-content: center;
    margin: 40px 0;
  }
}
a.lb-btn{
  margin: 5px 0;
  display: block;
}

@media screen and (min-width: 980px) {
  a.lb-btn{
    margin: 0 5px;
  }
}

.shop-list{
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (min-width: 980px) {
  .shop-list{
    text-align: right;
  }
}

.slick-prev, .slick-next{
    position: absolute;
    top: 50%;
    z-index: 99999;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-next:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slick-prev:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.slick-prev:before, .slick-next:before{
	color: #000000;
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    margin: 0 auto;
    border-top: solid 1px #000000;
    border-right: solid 1px #000000;
}