@charset "utf-8";

/* Project */
#page-body {
  width: 100%;
  overflow: hidden;
}
.main_contents {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt";
  font-smoothing: antialiased;
  position: relative;
  text-align: center;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 2px;
}
.main_contents * {
  box-sizing: border-box;
  line-height: 1.6;
  color: #221815;
}
.main_contents a {
  transition: all .3s linear 0s;
}
.main_contents a:hover, .main_contents a:focus, .main_contents a:visited {
  color: inherit;
  opacity: .7;
  text-decoration: none;
}
.main_contents a.p-btn {
  display: block;
  width: 70%;
  max-width: 420px;
  background-color: #221815;
  margin: 0 auto 2%;
  color: #ffffff;
  text-align: center;
  font-size: 1em;
  border: 1px solid #221815;
  line-height: 60px;
  height: 60px;
}
.main_contents a.p-btn:hover {
  background-color: #FFF;
  color: #221815;
}
.main_contents p.attention {
  font-size: 0.8em;
}
.main_contents .main_header {
  text-align: center;
}
.main_contents .main_header h2 {
  width: 100%;
}
.main_contents .main_header h2 img {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .main_contents .lp1 .main_header h2 {
    height: 470px;
    background: #de5f74 url(//ds-assets.store-image.jp/e-look.jp/2021/elook/2021_membership_sale/main_background.png) no-repeat center center;
    background-size: cover;
  }
  .main_contents .lp2 .main_header h2 {
    height: 470px;
    background: #c7dc3c url(//ds-assets.store-image.jp/e-look.jp/2021/elook/2021_membership_sale/main_background_lp2.jpg) no-repeat center center;
    background-size: cover;
  }
}

/*.main_contents section {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}*/
.introduction {
  margin: 5% auto 0 auto;
  width: 90%;
  max-width: 1107px;
  padding-bottom: 5%;
  border-bottom: solid 1px #eeeeee;
}
.introduction h3 {
  font-size: 1.3em;
}
.introduction ul {
  width: 80%;
  max-width: 340px;
  margin: 5% auto;
  display: flex;
  justify-content: space-between;
}
.introduction ul li {
  width: 30%;
  max-width: 145px;
}

.introduction .lead-text {
  margin-bottom: 3%;
  line-height: 2;
}

.lp1 .introduction .lead-text .marker {
  background: linear-gradient(transparent 50%, #ffd3d9 0%);
}

.lp2 .introduction .lead-text .marker {
  background: linear-gradient(transparent 50%, #e9f6ae 0%);
}

.lp1 .introduction .lead-text .color-text {
  color: #cc3f57;
}

.lp2 .introduction .lead-text .color-text {
  color: #adca28;
}

.bnr_area {
  width: 90%;
  max-width: 1107px;
  margin: 5% auto;
  padding: 5% 0 0;
  border-top: solid 1px #eeeeee;
}
.bnr_area p {
  margin-bottom: 5%;
}
.bnr_area .bnr {
  width: 90%;
  max-width: 649px;
  margin: 0 auto 5%;
}
.bnr_area a.p-btn {
  max-width: 420px;
}
.shop_block {
  margin-bottom: 3%;
}
.shop_block:last-of-type {
  margin-bottom: 0;
}
.shop_block .shop_list {
  width: 100%;
  margin: 5% 0 0;
  padding: 0 0 2%;
}

.shop_block .shop_list h3{
  width: 30%;
  max-width: 165px;
  margin: 0 auto;
  margin-bottom: 3%;
}

.shop_block .shop_list h3 img{
  max-width: 100%;
}

.shop_block .shop_list h4{
  font-size: 1.2em;
  line-height: 0.8;
}

.shop_block .shop_list h4 span.color-lp1{
  font-size: 1.5em;
  color: #d6586d;
}

.shop_block .shop_list h4 span.color-lp2{
  font-size: 1.5em;
  color: #b5d039;
}

.shop_block .shop_list h4,
.shop_block .shop_list .period{
  margin-bottom: 1%;
}

.shop_block .shop_list a.p-btn {
  max-width: 420px;
  margin: 0 auto 1%;
  font-size: 0.9em;
}
.shop_block .shop_list ul {
  width: 91%;
  max-width: 1054px;
  margin: 3% auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.shop_block .shop_list ul li {
  width: 30%;
  max-width: 341px;
  margin: 0 1% 1% 1%;
}
.shop_block .shop_list ul li:nth-of-type(3n) {
  margin-right: 0;
}
.shop_block .shop_list ul li img {
  border: 1px solid #dcdcdc;
}
.shop_block .shop_list ul li p {
  margin-top: 5%;
  font-size: 0.8em
}

.shop_block .shop_list ul li .brand-hide {
  background: #000;
}

.shop_block .shop_list ul li .brand-hide img {
  border: none !important;
  opacity: 0.7;
}

@media (max-width: 768px) {
  .shop_block .shop_list ul {
    width: 80%;
    justify-content: space-between;
  }
  .shop_block .shop_list ul li {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 0;
  }
}

@media (max-width: 1200px) {
  .main_contents{
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  .main_contents {
    font-size: 11px;
    letter-spacing: 2px;
  }
}

@media (max-width: 544px) {
  .introduction {
    margin-top: 10%;
    margin-bottom: 10%;
    padding-bottom: 10%;
  }
  .introduction ul {
    margin: 10% auto;
  }
  .shop_block .shop_list {
    margin: 10% 0;
  }
  .shop_block:last-child .shop_list{
    margin: 10% 0 0 0;
  }
  .shop_block .shop_list h3 {
    margin-bottom: 5%;
  }
  .shop_block .shop_list h4,
  .shop_block .shop_list .period {
    margin-bottom: 3%;
  }
  .shop_block .shop_list ul {
    margin: 8% auto;
  }
  .shop_block .shop_list a.p-btn {
    margin: 0 auto 3%;
  }
}

@-ms-viewport {
  width: device-width;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}

/* Utility */
.u-hide_text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.u-clearfix:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.u-clear,
.clear {
  clear: both;
}
.u-fluid_img,
.fluid_img {
  max-width: 100%;
  height: auto;
}
.u-flo--left {
  float: left;
}
.u-flo--right {
  float: right;
}
.u-text--left {
  text-align: left;
}
.u-text--_right {
  text-align: right;
}
.u-text--center {
  text-align: center;
}
.u-font--xs {
  font-size: 60%;
}
.u-font--s {
  font-size: 80%;
}
.u-none {
  display: none;
}

@media (min-width: 768px) {
  .u-sm-inline {
    display: inline;
  }
}

@media (min-width: 992px) {
  .u-md-inline {
    display: inline;
  }
}

@media (min-width: 768px) {
  .u-sm-block {
    display: block;
  }
}

@media (min-width: 992px) {
  .u-md-block {
    display: block;
  }
}

@media (min-width: 768px) {
  .u-sm-table {
    display: table;
  }
}

@media (min-width: 992px) {
  .u-md-table {
    display: table;
  }
}

@media (min-width: 544px) {
  .u-xs-none {
    display: none;
  }
}

@media (min-width: 768px) {
  .u-sm-none {
    display: none;
  }
}

@media (min-width: 992px) {
  .u-md-none {
    display: none;
  }
}

@media (min-width: 1280px) {
  .u-lg-none {
    display: none;
  }
}

.u-font-xs {
  font-size: 60%;
}
.u-font-sm {
  font-size: 80%;
}
.u-font-md {
  font-size: 100%;
}
.u-font-lg {
  font-size: 120%;
}
.u-font-xl {
  font-size: 140%;
}
.u-pos-relative {
  position: relative;
}

/*================================================================================

state

================================================================================*/
.is-fade-in {
  transition: opacity 0.2s linear;
  opacity: 1;
}

.is-fade-out {
  transition: opacity 0.6s ease-in-out;
  opacity: 0;
}

.is-fade-out--long {
  transition: opacity 1s ease-in-out;
  opacity: 0;
}