@charset "UTF-8";
/* smartphone layout break point*/
/* max width device : iPhone6 plus(Landscape) */
/* line 8, ../sass/lineindex.scss */
.lineindex {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
  top: 50px;
  width: 1140px;
}
/* line 16, ../sass/lineindex.scss */
.lineindex__title {
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  font-size: 30px;
  margin-top: 100px;
  text-align: center;
}
/* line 23, ../sass/lineindex.scss */
.lineindex .note {
  font-size: 12px;
  padding-top: 60px;
  text-align: right;
}

/* line 29, ../sass/lineindex.scss */
.effect-container {
  overflow: hidden;
  *zoom: 1;
  margin-left: -40px;
}
/* line 32, ../sass/lineindex.scss */
.effect-container .group.column-center {
  margin: 0 auto;
  width: 550px;
}

/* line 37, ../sass/lineindex.scss */
.effect {
  overflow: hidden;
  *zoom: 1;
  float: left;
  min-height: 307px;
  padding-top: 100px;
}
/* line 43, ../sass/lineindex.scss */
.effect__name {
  border-bottom: 1px solid #000;
  color: #333333;
  font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
  margin-left: 40px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
/* line 51, ../sass/lineindex.scss */
.effect__name small {
  font-size: .7em;
}

/* line 56, ../sass/lineindex.scss */
.line {
  float: left;
  margin-left: 40px;
  margin-bottom: 1em;
  position: relative;
  width: 255px;
  /*    &__categorylist {
          position: absolute;
          text-align: center;
          top: 210px;
          width: 100%;
          &__item {
              color: #999;
              display: inline-block;
              font-size: 10px;
              margin: 0 5px;
          }
      }*/
  /*    &:hover .m-hover {
          @include opacity(1);
          display: block\9;
          background-color: #FFFFFF\9;
      }*/
}
/* line 63, ../sass/lineindex.scss */
.line__image {
  height: 255px;
  position: relative;
}
/* line 66, ../sass/lineindex.scss */
.line__image img {
  vertical-align: bottom;
}
/* line 70, ../sass/lineindex.scss */
.line__name {
  /*        background-position: center 50%;
          background-repeat: no-repeat;
          background-size: auto 100%;
          height: 50px;
          overflow: hidden;
          position: absolute;
          text-indent: 200%;
          top: 60px;
          white-space: nowrap;
          width: 100%;
  
          text-indent: 0\9;
          text-align: center;
          left: auto;
          right: auto;*/
}
/* line 86, ../sass/lineindex.scss */
.line__name a {
  color: #000000;
  font-size: 12px;
}
/* line 90, ../sass/lineindex.scss */
.line__name .text {
  display: none\9;
}
/* line 93, ../sass/lineindex.scss */
.line__name .logo {
  height: 100%;
  width: auto;
}
/* line 99, ../sass/lineindex.scss */
.line__copy {
  /*        font-size: 12px;
          line-height: 21px;
          position: absolute;
          text-align: center;
          top: 135px;
          width: 100%;*/
}
/* line 119, ../sass/lineindex.scss */
.line__categorylist {
  position: relative;
  text-align: left;
  top: auto;
}
/* line 123, ../sass/lineindex.scss */
.line__categorylist__item {
  background-color: #999;
  border-radius: 5px;
  color: #FFF;
  display: inline-block;
  font-size: 10px;
  margin: 0.5em 0 0;
  padding: 3px 5px 2px 5px;
}
/* line 134, ../sass/lineindex.scss */
.line .m-hover {
  /*        -webkit-transition: opacity .5s ease-out;
          -moz-transition: opacity .5s ease-out;
          -ms-transition: opacity .5s ease-out;
          transition: opacity .5s ease-out;
          background-color: rgba(255,255,255,0.9);*/
  position: relative;
  /*        left: 0;
          top: 0;
          width: 100%;
          height: 255px;
          border: 1px solid #ddd;
          box-sizing: border-box;
          @include opacity(0);
          display: none\9;*/
  margin-top: 0.5em;
}
/* line 159, ../sass/lineindex.scss */
.line.absolutequality {
  background-color: #000;
  height: 255px;
  float: left;
  margin-bottom: 30px;
  width: 550px;
}
/* line 166, ../sass/lineindex.scss */
.line.absolutequality .line__name {
  background-image: url('/images/line/aq.png');
  height: 100px;
  top: 22px;
}
/* line 171, ../sass/lineindex.scss */
.line.absolutequality .line__copy {
  color: #FFF;
  top: 128px;
  font-size: 12px;
  line-height: 21px;
}
/* line 179, ../sass/lineindex.scss */
.line.aq_mw, .line.aq_meliority, .line.aq {
  height: auto;
}
/* line 184, ../sass/lineindex.scss */
.line.aq_mw .line__name, .line.aq_meliority .line__name, .line.aq .line__name {
  top: 130px;
}
/* line 187, ../sass/lineindex.scss */
.line.aq_mw .line__copy, .line.aq_meliority .line__copy, .line.aq .line__copy {
  font-size: 16px;
  line-height: 24px;
  top: 275px;
}
/* line 192, ../sass/lineindex.scss */
.line.aq_mw .line__image, .line.aq_meliority .line__image, .line.aq .line__image {
  height: auto;
}
/* line 197, ../sass/lineindex.scss */
.line.aq_meliority {
  width: 550px;
}
/* line 204, ../sass/lineindex.scss */
.line.aq_mw {
  width: 353px;
}
/* line 209, ../sass/lineindex.scss */
.line.aq {
  width: 550px;
}
/* line 212, ../sass/lineindex.scss */
.line.pointmakeup {
  width: 550px;
}
/* line 215, ../sass/lineindex.scss */
.line.pointmakeup .line__image img {
  width: 100%;
}
/* line 220, ../sass/lineindex.scss */
.line.basemakeup {
  width: 550px;
}
/* line 223, ../sass/lineindex.scss */
.line.basemakeup .line__image img {
  width: 100%;
}
/* line 228, ../sass/lineindex.scss */
.line.cellgenie {
  width: 550px;
}
/* line 231, ../sass/lineindex.scss */
.line.cellgenie .line__image img {
  width: 100%;
}
/* line 240, ../sass/lineindex.scss */
.line.cyclic_key .line__image img {
  width: 100%;
}
/* line 255, ../sass/lineindex.scss */
.line.liposome {
  width: 550px;
}
/* line 258, ../sass/lineindex.scss */
.line.liposome .line__image img {
  width: 100%;
}
/* line 265, ../sass/lineindex.scss */
.line.moisture_liposome {
  width: 550px;
}
/* line 268, ../sass/lineindex.scss */
.line.moisture_liposome .line__image img {
  width: 100%;
}
/* line 275, ../sass/lineindex.scss */
.line.phytotune {
  width: 550px;
}
/* line 278, ../sass/lineindex.scss */
.line.phytotune .line__image img {
  width: 100%;
}
/* line 291, ../sass/lineindex.scss */
.line.whitelogist {
  width: 550px;
}
/* line 294, ../sass/lineindex.scss */
.line.whitelogist .line__image img {
  width: 100%;
}
/* line 303, ../sass/lineindex.scss */
.line.ip_shot {
  width: 550px;
}
/* line 306, ../sass/lineindex.scss */
.line.ip_shot .line__image img {
  width: 100%;
}
/* line 311, ../sass/lineindex.scss */
.line.sun_shelter {
  width: 550px;
}
/* line 314, ../sass/lineindex.scss */
.line.sun_shelter .line__image img {
  width: 100%;
}
/* line 319, ../sass/lineindex.scss */
.line.lift_dimension {
  width: 550px;
}
/* line 322, ../sass/lineindex.scss */
.line.lift_dimension .line__image img {
  width: 100%;
}

/*

sp---------------------------------------------------------------------------------------------

*/
@media screen and (max-width: 736px) {
  /* line 341, ../sass/lineindex.scss */
  .lineindex {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    top: 36px;
    width: 95%;
  }
  /* line 349, ../sass/lineindex.scss */
  .lineindex__title {
    font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
    font-size: 30px;
    margin-top: 43px;
    text-align: center;
  }
  /* line 356, ../sass/lineindex.scss */
  .lineindex .note {
    font-size: 9px;
    padding-top: 35px;
    text-align: left;
  }

  /* line 362, ../sass/lineindex.scss */
  .effect-container {
    overflow: hidden;
    *zoom: 1;
    margin-left: -2%;
  }
  /* line 365, ../sass/lineindex.scss */
  .effect-container .group {
    overflow: hidden;
    *zoom: 1;
  }
  /* line 367, ../sass/lineindex.scss */
  .effect-container .group.column-center {
    margin: 0 auto;
    width: auto;
  }

  /* line 374, ../sass/lineindex.scss */
  .opener {
    color: #999999;
    background-image: url('/images/lineindex/closer.png');
    background-position: right 50%;
    background-repeat: no-repeat;
    background-size: 11.5px auto;
    cursor: pointer;
    font-size: 12px;
    margin-top: 20px;
    padding-right: 15px;
    text-align: right;
  }
  /* line 386, ../sass/lineindex.scss */
  .opener.m--active {
    background-image: url('/images/lineindex/opener.png');
  }

  /* line 388, ../sass/lineindex.scss */
  .effect {
    float: left;
    min-height: 0;
    padding-top: 30px;
    width: 100%;
  }
  /* line 394, ../sass/lineindex.scss */
  .effect__name {
    color: #333333;
    font-family: "Noto Serif JP", "Times New Roman", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Yu Mincho", "游明朝", "YuMincho", "游明朝体", "MS PMincho", "ＭＳ Ｐ明朝", serif;
    margin-left: auto;
    text-align: center;
  }
  /* line 400, ../sass/lineindex.scss */
  .effect__name small {
    font-size: .7em;
  }

  /* line 405, ../sass/lineindex.scss */
  .single {
    margin-left: 2%;
    width: 48%;
  }
  /* line 408, ../sass/lineindex.scss */
  .single .line {
    width: 100%;
    margin-left: 0;
  }

  /* line 413, ../sass/lineindex.scss */
  .wide {
    margin-left: 2%;
    width: 100%;
  }
  /* line 416, ../sass/lineindex.scss */
  .wide .line {
    margin-left: 0;
    width: 100%;
  }

  /* line 421, ../sass/lineindex.scss */
  .line {
    float: left;
    margin-left: 2%;
    position: relative;
    width: 48%;
  }
  /* line 427, ../sass/lineindex.scss */
  .line__image {
    height: auto;
    position: relative;
  }
  /* line 430, ../sass/lineindex.scss */
  .line__image img {
    height: auto;
    width: 100%;
  }
  /* line 435, ../sass/lineindex.scss */
  .line__name {
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    text-indent: 0;
    top: 0;
    white-space: nowrap;
    width: auto;
  }
  /* line 446, ../sass/lineindex.scss */
  .line__name a {
    color: #000;
    font-family: "Noto Sans JP", "Arial", "Helvetica Neue", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic", "游ゴシック", "YuGothic", "游ゴシック体", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 9px;
  }
  /* line 450, ../sass/lineindex.scss */
  .line__name a .logo {
    display: none;
  }
  /* line 455, ../sass/lineindex.scss */
  .line__copy {
    display: none;
  }
  /* line 458, ../sass/lineindex.scss */
  .line__categorylist {
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    width: auto;
  }
  /* line 465, ../sass/lineindex.scss */
  .line__categorylist__item {
    display: inline-block;
    font-size: 8px;
    vertical-align: top;
    margin-left: 0;
    margin-right: 5px;
  }
  /* line 473, ../sass/lineindex.scss */
  .line .m-hover {
    margin-top: 0;
    position: relative;
    width: 100%;
  }
  /* line 479, ../sass/lineindex.scss */
  .line.aq_mw, .line.aq_meliority, .line.aq {
    float: none;
    height: auto;
    width: 100%;
  }
  /* line 486, ../sass/lineindex.scss */
  .line.aq_mw .line__name, .line.aq_meliority .line__name, .line.aq .line__name {
    height: auto;
    top: 0;
  }
  /* line 490, ../sass/lineindex.scss */
  .line.aq_mw .line__copy, .line.aq_meliority .line__copy, .line.aq .line__copy {
    display: none;
  }
  /* line 493, ../sass/lineindex.scss */
  .line.aq_mw .line__categorylist, .line.aq_meliority .line__categorylist, .line.aq .line__categorylist {
    top: 0;
  }
  /* line 495, ../sass/lineindex.scss */
  .line.aq_mw .line__categorylist__item, .line.aq_meliority .line__categorylist__item, .line.aq .line__categorylist__item {
    font-size: 8px;
  }
  /* line 500, ../sass/lineindex.scss */
  .line.aq_mw .m-hover, .line.aq_meliority .m-hover, .line.aq .m-hover {
    height: auto;
  }
  /* line 504, ../sass/lineindex.scss */
  .line.aq {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  /* line 508, ../sass/lineindex.scss */
  .line.aq_mw {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  /* line 512, ../sass/lineindex.scss */
  .line.pointmakeup {
    width: 100%;
  }
  /* line 515, ../sass/lineindex.scss */
  .line.basemakeup {
    width: 100%;
  }
  /* line 518, ../sass/lineindex.scss */
  .line.cellgenie {
    width: 100%;
  }
  /* line 521, ../sass/lineindex.scss */
  .line.phytotune {
    width: 100%;
  }
  /* line 524, ../sass/lineindex.scss */
  .line.phytotune {
    width: 100%;
  }
  /* line 527, ../sass/lineindex.scss */
  .line.liposome {
    height: auto;
    width: 100%;
  }
  /* line 531, ../sass/lineindex.scss */
  .line.moisture_liposome {
    width: 100%;
  }
  /* line 536, ../sass/lineindex.scss */
  .line.whitelogist {
    width: 100%;
  }
  /* line 572, ../sass/lineindex.scss */
  .line.aq_mw .line__name, .line.aq_mw_pointmake .line__name, .line.aq_meliority .line__name, .line.cellgenie .line__name, .line.aq .line__name, .line.clayblanc .line__name, .line.cyclic_key .line__name, .line.de_la_vie .line__name, .line.even_perfect .line__name, .line.ever_crystal .line__name, .line.honeydew .line__name, .line.lacouture .line__name, .line.liposome .line__name, .line.maquiexpert .line__name, .line.moisture_liposome .line__name, .line.phytotune .line__name, .line.prime_latte .line__name, .line.vice_virtue .line__name, .line.vita_de_reve .line__name, .line.whitelogist .line__name, .line.ip_shot .line__name, .line.sun_shelter .line__name, .line.lift_dimension .line__name, .line.pointmakeup .line__name, .line.basemakeup .line__name, .line.vi-fusion .line__name, .line.decorte .line__name {
    background-image: none;
  }
}