@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: "Adamina", "微軟正黑體", "Microsoft JhengHei", "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", 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 33, ../sass/lineindex.scss */
.effect {
  overflow: hidden;
  *zoom: 1;
  float: left;
  padding-top: 100px;
}
/* line 38, ../sass/lineindex.scss */
.effect__name {
  border-bottom: 1px solid #000;
  color: #333333;
  font-family: "Adamina", "微軟正黑體", "Microsoft JhengHei", "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
  margin-left: 40px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
/* line 46, ../sass/lineindex.scss */
.effect__name small {
  font-size: .7em;
}

/* line 51, ../sass/lineindex.scss */
.line {
  float: left;
  margin-left: 40px;
  margin-top: 10px;
  position: relative;
  width: 255px;
}
/* line 58, ../sass/lineindex.scss */
.line__image {
  position: relative;
}
/* line 60, ../sass/lineindex.scss */
.line__image img {
  vertical-align: bottom;
}
/* line 64, ../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 82, ../sass/lineindex.scss */
.line__name .text {
  display: none\9;
}
/* line 85, ../sass/lineindex.scss */
.line__name .logo {
  height: 100%;
  width: auto;
}
/* line 91, ../sass/lineindex.scss */
.line__copy {
  font-size: 12px;
  line-height: 21px;
  position: absolute;
  text-align: center;
  top: 135px;
  width: 100%;
}
/* line 99, ../sass/lineindex.scss */
.line__categorylist {
  position: absolute;
  text-align: center;
  top: 210px;
  width: 100%;
}
/* line 104, ../sass/lineindex.scss */
.line__categorylist__item {
  color: #999;
  display: inline-block;
  font-size: 10px;
  margin: 0 5px;
}
/* line 112, ../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: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 255px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  display: none\9;
}
/* line 130, ../sass/lineindex.scss */
.line:hover .m-hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  display: block\9;
  background-color: #FFFFFF\9;
}
/* line 136, ../sass/lineindex.scss */
.line.absolutequality {
  background-color: #000;
  height: 255px;
  float: left;
  margin-bottom: 30px;
  width: 550px;
}
/* line 143, ../sass/lineindex.scss */
.line.absolutequality .line__name {
  background-image: url('/images/line/aq.png');
  height: 100px;
  top: 22px;
}
/* line 148, ../sass/lineindex.scss */
.line.absolutequality .line__copy {
  color: #FFF;
  top: 128px;
  font-size: 12px;
  line-height: 21px;
}
/* line 156, ../sass/lineindex.scss */
.line.aq_mw, .line.aq_meliority, .line.aq {
  height: auto;
}
/* line 161, ../sass/lineindex.scss */
.line.aq_mw .line__name, .line.aq_meliority .line__name, .line.aq .line__name {
  height: 100px;
  top: 130px;
}
/* line 165, ../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 170, ../sass/lineindex.scss */
.line.aq_mw .line__categorylist, .line.aq_meliority .line__categorylist, .line.aq .line__categorylist {
  position: relative;
  text-align: left;
  top: auto;
}
/* line 174, ../sass/lineindex.scss */
.line.aq_mw .line__categorylist__item, .line.aq_meliority .line__categorylist__item, .line.aq .line__categorylist__item {
  background-color: #999;
  border-radius: 5px;
  color: #FFF;
  display: inline-block;
  font-size: 10px;
  margin: 10px 0 0;
  padding: 3px 5px 2px 5px;
}
/* line 185, ../sass/lineindex.scss */
.line.aq_mw .m-hover, .line.aq_meliority .m-hover, .line.aq .m-hover {
  height: 550px;
}
/* line 189, ../sass/lineindex.scss */
.line.aq_meliority {
  width: 353px;
}
/* line 192, ../sass/lineindex.scss */
.line.aq_meliority .line__name {
  background-image: url('/images/line/aq_meliority_flat.png');
  background-image: none\9;
}
/* line 198, ../sass/lineindex.scss */
.line.aq_mw {
  width: 353px;
}
/* line 200, ../sass/lineindex.scss */
.line.aq_mw .line__name {
  background-image: url('/images/line/aq_mw.png');
  background-image: none\9;
}
/* line 205, ../sass/lineindex.scss */
.line.aq_mw_pointmake .line__name {
  background-image: url('/images/line/aq_mw.png');
  background-image: none\9;
}
/* line 209, ../sass/lineindex.scss */
.line.aq {
  width: 354px;
}
/* line 211, ../sass/lineindex.scss */
.line.aq .line__name {
  background-image: url('/images/line/aq.png');
  background-image: none\9;
}
/* line 216, ../sass/lineindex.scss */
.line.cellgenie {
  width: 550px;
}
/* line 219, ../sass/lineindex.scss */
.line.cellgenie .line__image img {
  width: 100%;
}
/* line 223, ../sass/lineindex.scss */
.line.cellgenie .line__name {
  background-image: url('/images/line/cellgenie.png');
  background-image: none\9;
}
/* line 228, ../sass/lineindex.scss */
.line.clayblanc .line__name {
  background-image: url('/images/line/clay_blanc.png');
  background-image: none\9;
}
/* line 232, ../sass/lineindex.scss */
.line.cyclic_key {
  width: 550px;
}
/* line 235, ../sass/lineindex.scss */
.line.cyclic_key .line__image img {
  width: 100%;
}
/* line 239, ../sass/lineindex.scss */
.line.cyclic_key .line__name {
  background-image: url('/images/line/cyclic_key.png');
  background-image: none\9;
}
/* line 244, ../sass/lineindex.scss */
.line.de_la_vie .line__name {
  background-image: url('/images/line/de_la_vie.png');
  background-image: none\9;
}
/* line 248, ../sass/lineindex.scss */
.line.even_perfect .line__name {
  background-image: url('/images/line/even_perfect.png');
  background-image: none\9;
}
/* line 252, ../sass/lineindex.scss */
.line.ever_crystal .line__name {
  background-image: url('/images/line/ever_crystal.png');
  background-image: none\9;
}
/* line 256, ../sass/lineindex.scss */
.line.honeydew .line__name {
  background-image: url('/images/line/honeydew.png');
  background-image: none\9;
}
/* line 260, ../sass/lineindex.scss */
.line.lacouture .line__name {
  background-image: url('/images/line/lacouture.png');
  background-image: none\9;
}
/* line 264, ../sass/lineindex.scss */
.line.liposome {
  width: 550px;
}
/* line 267, ../sass/lineindex.scss */
.line.liposome .line__image img {
  width: 100%;
}
/* line 271, ../sass/lineindex.scss */
.line.liposome .line__name {
  background-image: url('/images/line/liposome.png');
  background-image: none\9;
}
/* line 276, ../sass/lineindex.scss */
.line.maquiexpert .line__name {
  background-image: url('/images/line/maquiexpert.png');
  background-image: none\9;
}
/* line 280, ../sass/lineindex.scss */
.line.moisture_liposome {
  width: 550px;
}
/* line 283, ../sass/lineindex.scss */
.line.moisture_liposome .line__image img {
  width: 100%;
}
/* line 287, ../sass/lineindex.scss */
.line.moisture_liposome .line__name {
  background-image: url('/images/line/moisture_liposome.png');
  background-image: none\9;
}
/* line 292, ../sass/lineindex.scss */
.line.phytotune {
  width: 550px;
}
/* line 295, ../sass/lineindex.scss */
.line.phytotune .line__image img {
  width: 100%;
}
/* line 299, ../sass/lineindex.scss */
.line.phytotune .line__name {
  background-image: url('/images/line/phytotune.png');
  background-image: none\9;
}
/* line 304, ../sass/lineindex.scss */
.line.prime_latte .line__name {
  background-image: url('/images/line/prime_latte.png');
  background-image: none\9;
}
/* line 308, ../sass/lineindex.scss */
.line.vice_virtue .line__name {
  background-image: url('/images/line/vice_virtue_n.png');
  background-image: none\9;
}
/* line 312, ../sass/lineindex.scss */
.line.vita_de_reve .line__name {
  background-image: url('/images/line/vita_de_reve.png');
  background-image: none\9;
}
/* line 316, ../sass/lineindex.scss */
.line.whitelogist {
  width: 550px;
}
/* line 319, ../sass/lineindex.scss */
.line.whitelogist .line__image img {
  width: 100%;
}
/* line 323, ../sass/lineindex.scss */
.line.whitelogist .line__name {
  background-image: url('/images/line/whitelogist.png');
  background-image: none\9;
}
/* line 328, ../sass/lineindex.scss */
.line.decorte .line__name {
  background-image: url('/images/line/decorte.png');
  background-image: none\9;
}
/* line 332, ../sass/lineindex.scss */
.line.ip_shot {
  width: 550px;
}
/* line 335, ../sass/lineindex.scss */
.line.ip_shot .line__image img {
  width: 100%;
}
/* line 339, ../sass/lineindex.scss */
.line.ip_shot .line__name {
  background-image: url('/images/line/ip_shot.png');
  background-image: none\9;
}

/*

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

*/
@media screen and (max-width: 736px) {
  /* line 358, ../sass/lineindex.scss */
  .lineindex {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
    top: 36px;
    width: 95%;
  }
  /* line 366, ../sass/lineindex.scss */
  .lineindex__title {
    font-family: "Adamina", "微軟正黑體", "Microsoft JhengHei", "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
    font-size: 30px;
    margin-top: 43px;
    text-align: center;
  }
  /* line 373, ../sass/lineindex.scss */
  .lineindex .note {
    font-size: 9px;
    padding-top: 35px;
    text-align: left;
  }

  /* line 379, ../sass/lineindex.scss */
  .effect-container {
    overflow: hidden;
    *zoom: 1;
    margin-left: -2%;
  }

  /* line 383, ../sass/lineindex.scss */
  .group {
    overflow: hidden;
    *zoom: 1;
  }
  /* line 385, ../sass/lineindex.scss */
  .group:first-child {
    border: none;
  }

  /* line 390, ../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 402, ../sass/lineindex.scss */
  .opener.m--active {
    background-image: url('/images/lineindex/opener.png');
  }

  /* line 404, ../sass/lineindex.scss */
  .effect {
    float: left;
    padding-top: 30px;
    width: 100%;
  }
  /* line 409, ../sass/lineindex.scss */
  .effect__name {
    color: #333333;
    font-family: "Adamina", "微軟正黑體", "Microsoft JhengHei", "Hiragino Mincho W3 JIS2004", "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "YuMincho", "游明朝", "游明朝体", serif;
    margin-left: auto;
    text-align: center;
  }
  /* line 415, ../sass/lineindex.scss */
  .effect__name small {
    font-size: .7em;
  }

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

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

  /* line 436, ../sass/lineindex.scss */
  .line {
    float: left;
    margin-left: 2%;
    margin-top: 10px;
    position: relative;
    width: 48%;
  }
  /* line 443, ../sass/lineindex.scss */
  .line__image {
    position: relative;
  }
  /* line 445, ../sass/lineindex.scss */
  .line__image img {
    height: auto;
    width: 100%;
  }
  /* line 450, ../sass/lineindex.scss */
  .line__name {
    background-position: center 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: inline-block;
    height: auto;
    overflow: hidden;
    position: relative;
    text-indent: 0;
    top: 0;
    white-space: nowrap;
    width: auto;
  }
  /* line 462, ../sass/lineindex.scss */
  .line__name a {
    color: #000;
    font-family: "Hiragino Kaku Gothic W6 JIS2004", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 9px;
  }
  /* line 466, ../sass/lineindex.scss */
  .line__name a .logo {
    display: none;
  }
  /* line 471, ../sass/lineindex.scss */
  .line__copy {
    display: none;
  }
  /* line 474, ../sass/lineindex.scss */
  .line__categorylist {
    margin-top: 2px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    width: auto;
  }
  /* line 482, ../sass/lineindex.scss */
  .line__categorylist__item {
    color: #808080;
    display: inline-block;
    font-size: 8px;
    vertical-align: top;
    margin-left: 0;
    margin-right: 5px;
  }
  /* line 491, ../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: auto;
    border: none;
    box-sizing: border-box;
    opacity: 1;
  }
  /* line 507, ../sass/lineindex.scss */
  .line:hover .m-hover {
    opacity: 1;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
    /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)";
    /* IE 8 */
  }
  /* line 515, ../sass/lineindex.scss */
  .line.aq_mw, .line.aq_meliority, .line.aq {
    float: none;
    height: auto;
    width: 100%;
  }
  /* line 522, ../sass/lineindex.scss */
  .line.aq_mw .line__name, .line.aq_meliority .line__name, .line.aq .line__name {
    height: auto;
    top: 0;
  }
  /* line 526, ../sass/lineindex.scss */
  .line.aq_mw .line__copy, .line.aq_meliority .line__copy, .line.aq .line__copy {
    display: none;
  }
  /* line 529, ../sass/lineindex.scss */
  .line.aq_mw .line__categorylist, .line.aq_meliority .line__categorylist, .line.aq .line__categorylist {
    top: 0;
  }
  /* line 531, ../sass/lineindex.scss */
  .line.aq_mw .line__categorylist__item, .line.aq_meliority .line__categorylist__item, .line.aq .line__categorylist__item {
    margin-top: 0;
    font-size: 8px;
  }
  /* line 537, ../sass/lineindex.scss */
  .line.aq_mw .m-hover, .line.aq_meliority .m-hover, .line.aq .m-hover {
    height: auto;
  }
  /* line 541, ../sass/lineindex.scss */
  .line.aq {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  /* line 545, ../sass/lineindex.scss */
  .line.aq_mw {
    margin-bottom: 30px;
    margin-top: 30px;
  }
  /* line 549, ../sass/lineindex.scss */
  .line.cellgenie {
    width: 100%;
  }
  /* line 552, ../sass/lineindex.scss */
  .line.phytotune {
    width: 100%;
  }
  /* line 555, ../sass/lineindex.scss */
  .line.phytotune {
    width: 100%;
  }
  /* line 558, ../sass/lineindex.scss */
  .line.liposome {
    width: 100%;
  }
  /* line 561, ../sass/lineindex.scss */
  .line.moisture_liposome {
    width: 100%;
  }
  /* line 564, ../sass/lineindex.scss */
  .line.cyclic_key {
    width: 100%;
  }
  /* line 567, ../sass/lineindex.scss */
  .line.ip_shot {
    width: 100%;
  }
  /* line 594, ../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.decorte .line__name {
    background-image: none;
  }
}