@charset "UTF-8";

body {background: #000;}

/* pages */
.font {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

.mincho {
  font-family: "游明朝", YuMincho, "Kozuka Mincho Pro", "Kozuka Mincho Std", "小塚明朝 Pro R", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Sawarabi Mincho", serif; }

.inrWidth, .outerWidth, .fullWidth {
  margin-right: auto !important;
  margin-left: auto !important; }

*:focus {
  outline: none; }

.btmenu {
  display: block;
  width: 800px;
  margin: 40px auto 0;
  text-align: right; }

.introCatch {
  margin-bottom: 50px; }

.itemexText {
  opacity: 0; }

.txtAnime .itemexText {
  opacity: 1;
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  -webkit-transition: all 1s;
  transition: all 1s;
  z-index: 99;
  margin-top: 50px;
  margin-bottom: -50px;
  padding-top: 1px; }

#main {
  background: #fff; }

.readCont {
  font-size: 13px;
  line-height: 1.75;
  margin-bottom: 70px; }

.readBtn {
  text-align: center; }

#RECOMMENDED {
  margin-bottom: 180px; }

#EYELINER .readCont h3 {
  border-bottom: 1px solid  #000;
  padding-bottom: 8px;
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.075em; }

#EYELINER .readCont .pdfeatureWrap {
  margin-bottom: 80px; }

#EYELINER .readCont .tipsWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #EYELINER .readCont .tipsWrap ul li:first-of-type {
    width: 390px; }
    #EYELINER .readCont .tipsWrap ul li:first-of-type img {
      display: inline-block;
      vertical-align: top;
      max-width: 115px; }
    #EYELINER .readCont .tipsWrap ul li:first-of-type p {
      margin-left: 20px;
      display: inline-block;
      width: 245px; }
  #EYELINER .readCont .tipsWrap ul li:last-of-type {
    width: 300px; }
    #EYELINER .readCont .tipsWrap ul li:last-of-type img {
      display: inline-block;
      vertical-align: top;
      max-width: 113px; }
    #EYELINER .readCont .tipsWrap ul li:last-of-type p {
      letter-spacing: -0.06em;
      margin-left: 15px;
      display: inline-block;
      width: 160px; }

#MASCARA .readCont h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.075em; }

#MASCARA .readCont dl {
  border-bottom: 1px solid  #000;
  padding-bottom: 8px;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #MASCARA .readCont dl dt {
    margin-right: 90px; }

#MASCARA .product {
  margin: 60px 95px 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  #MASCARA .product__blk:last-of-type {
    margin-left: 50px; }
    #MASCARA .product__blk:last-of-type .name {
      font-weight: bold;
      margin-bottom: 5px; }
    #MASCARA .product__blk:last-of-type .ex {
      margin-bottom: 10px;
      font-size: 13px; }

#MASCARA .pdfeature {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #MASCARA .pdfeature__blk:first-of-type {
    width: 170px; }
  #MASCARA .pdfeature__blk:last-of-type {
    width: 510px; }
  #MASCARA .pdfeature ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
    #MASCARA .pdfeature ul li:not(:last-of-type) {
      margin-bottom: 20px; }
    #MASCARA .pdfeature ul li p.name {
      font-weight: bold; }
    #MASCARA .pdfeature ul li:first-of-type {
      width: 60px; }
    #MASCARA .pdfeature ul li:last-of-type {
      width: 450px; }

#MASCARA .brufeature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  #MASCARA .brufeature__blk:first-of-type {
    width: 220px; }
  #MASCARA .brufeature__blk:last-of-type {
    width: 460px; }
    #MASCARA .brufeature__blk:last-of-type ul li:first-of-type {
      margin-bottom: 25px; }
    #MASCARA .brufeature__blk:last-of-type ul li:first-line {
      font-weight: bold; }

.fwb {
  font-weight: bold; }

#panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1,
#panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2 {
  pointer-events: none;
  border-bottom: 3px solid #000;
  cursor: default; }

.fullWidth {
  width: 940px;
  margin: 0 auto; }

.inrWidth {
  width: 720px;
  margin: 0 auto; }

.fs9 {
  font-size: 9px; }

.fs10 {
  font-size: 10px; }

.fs11 {
  font-size: 11px; }

.fs12 {
  font-size: 12px; }

.fs13 {
  font-size: 13px; }

.fs14 {
  font-size: 14px; }

.fs15 {
  font-size: 15px; }

.fs16 {
  font-size: 16px; }

.fs17 {
  font-size: 17px; }

.fs18 {
  font-size: 18px; }

.fs19 {
  font-size: 19px; }

.fs20 {
  font-size: 20px; }

.fs21 {
  font-size: 21px; }

.fs22 {
  font-size: 22px; }

.fs23 {
  font-size: 23px; }

.fs24 {
  font-size: 24px; }

.fs25 {
  font-size: 25px; }

.fs26 {
  font-size: 26px; }

.fs27 {
  font-size: 27px; }

.fs28 {
  font-size: 28px; }

.fs29 {
  font-size: 29px; }

.fs30 {
  font-size: 30px; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt55 {
  margin-top: 55px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt65 {
  margin-top: 65px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt75 {
  margin-top: 75px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt85 {
  margin-top: 85px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt95 {
  margin-top: 95px !important; }

.mt100 {
  margin-top: 100px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mr55 {
  margin-right: 55px !important; }

.mr60 {
  margin-right: 60px !important; }

.mr65 {
  margin-right: 65px !important; }

.mr70 {
  margin-right: 70px !important; }

.mr75 {
  margin-right: 75px !important; }

.mr80 {
  margin-right: 80px !important; }

.mr85 {
  margin-right: 85px !important; }

.mr90 {
  margin-right: 90px !important; }

.mr95 {
  margin-right: 95px !important; }

.mr100 {
  margin-right: 100px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb55 {
  margin-bottom: 55px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb65 {
  margin-bottom: 65px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb75 {
  margin-bottom: 75px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb85 {
  margin-bottom: 85px !important; }

.mb90 {
  margin-bottom: 90px !important; }

.mb95 {
  margin-bottom: 95px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mb160 {
  margin-bottom: 160px !important; }

.mb200 {
  margin-bottom: 200px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.ml55 {
  margin-left: 55px !important; }

.ml60 {
  margin-left: 60px !important; }

.ml65 {
  margin-left: 65px !important; }

.ml70 {
  margin-left: 70px !important; }

.ml75 {
  margin-left: 75px !important; }

.ml80 {
  margin-left: 80px !important; }

.ml85 {
  margin-left: 85px !important; }

.ml90 {
  margin-left: 90px !important; }

.ml95 {
  margin-left: 95px !important; }

.ml100 {
  margin-left: 100px !important; }

.ftGRY {
  color: #6e6e6e; }

#body {
  color: #000;
  font-size: 15px;
  text-align: justify;
  word-break: break-all;
  letter-spacing: 0;
  font-family: "ヒラギノ角ゴ Pro W3",  "Hiragino Kaku Gothic Pro", Verdana,  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic",  Arial,  Helvetica,  sans-serif; }

.clearfix {
  display: block;
  display: inline-block; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0; }

hr {
  padding-top: 110px;
  border-top: 1px solid #000;
  width: 100%;
  margin: 0 auto; }

.fixed {
  position: fixed;
  top: 0;
  width: 940px;
  z-index: 99999; }

#main {
  padding-bottom: 80px; }

#main .main_hash {
  text-align: right; }

#main #Gnavbox ul.Gnav {
  width: 503px;
  margin: 84px auto; }

#main #Gnavbox ul.Gnav li {
  width: 96px;
  float: left; }

#main #Gnavbox ul.Gnav li:not(:last-of-type) {
  margin: 0 5.75px 0 0; }

#main #Gnavbox.fixed ul.Gnav {
  width: 503px;
  margin: 0 auto;
  background: #fff; }

#main .Gnav_none {
  display: none !important; }

#main .subnav_movie {
  width: 312px;
  margin: 0 auto; }

#main .subnav {
  width: 79px;
  margin: 35px auto 0; }

#main .subnav02 {
  margin: 90px auto 120px; }

#main .subnav li {
  width: 110px;
  float: left;
  margin: 0 10px 0 0; }

#main .subnav li:last-child {
  margin: 0; }

#main .cont .contBox {
  float: left; }

#main .cont .contBox:nth-of-type(1) {
  width: 480px; }

#main .cont .contBox:nth-of-type(2) {
  width: 180px;
  position: relative;
  right: 0; }

#main .cont .contBox .productImg {
  text-align: right; }

h2,
h3 {
  font-weight: 400; }

a.anchor {
  font-size: .01px;
  line-height: .01px; }

.spacing {
  letter-spacing: .05em;
  font-weight: 400 !important; }

.readmore .more,
.readmore .on .less {
  display: none; }

.readmore .on .more {
  display: block;
  margin: 0 auto; }

.itemdescription {
  font-size: 14px;
  margin: 30px 0; }

.itemdescription img {
  vertical-align: text-bottom; }

.intro_start {
  font-size: 17px;
  margin-top: 40px;
  margin-bottom: 20px;
  line-height: 1.7; }

.active .mask {
  opacity: 1 !important; }

.history {
  margin-top: 90px;
  position: relative; }

.history .history_btn {
  position: absolute;
  top: -20px;
  left: 180px; }

.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%; }

#spring_lp_nav {
  background: #000;
  padding: 45px 0 40px;
  width: 940px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto; }

#spring_lp_nav img {
  vertical-align: top; }

#spring_lp_nav #spring_lp_nav_tle {
  margin: 0 0 10px; }

#spring_lp_nav ul li {
  display: inline-block;
  padding: 0 23px 0 0;
  vertical-align: top; }

#spring_lp_nav ul li:last-child {
  padding: 0; }

#spring_lp_nav a {
  padding: 0 0 8px;
  display: block; }

#spring_lp_nav img {
  display: block; }

#spring_lp_nav a:hover {
  border-bottom: solid 1px #FFF; }

#spring_lp_nav a:hover img {
  opacity: 1; }

#spring_lp_nav a.current {
  border-bottom: solid 1px #FFF; }

ul#tabs-list {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  border-top: 1px solid #000;
  margin: 0;
  padding: 0; }

ul#tabs-list li {
  font-size: 15px;
  width: 50%;
  position: relative;
  border-bottom: 1px solid #000; }

.readmore .more,
.readmore .on .less,
.panel-radios {
  display: none; }

ul#tabs-list li:hover {
  -webkit-transition: none;
  transition: none;
  border-right: none; }

ul#tabs-list li label.panel-label {
  position: relative;
  padding: 24px 0;
  font-size: .875em; }

ul#tabs-list li label.panel-label::after {
  content: "";
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 100%;
  height: 0;
  -webkit-transition-property: height;
  transition-property: height;
  -webkit-transition-duration: .2s;
  transition-duration: .2s; }

ul#tabs-list li label.panel-label:hover {
  padding-top: 24px; }

ul#tabs-list li label.panel-label:hover::after {
  height: 6px; }

.ftnav {
  margin-top: 150px;
  text-align: center; }

.ftnav ul li {
  margin-top: 36px; }

.block_inr {
  width: 684px;
  margin: 0 auto;
  padding-top: 80px; }

#body .block .block_inr .cont .contBox .copy_big {
  font-size: 17px;
  margin: 20px 0; }

#body .copy_big2 {
  font-size: 19px;
  margin: 34px 0 34px; }

#body .block .block_inr .cont .contBox > p.copy,
#body .block .block_inr p.copy {
  font-size: 15px;
  margin-bottom: 30px;
  line-height: 1.6rem; }

#body .block .block_inr .cont .contBox > p.itemdescription {
  font-size: 14px;
  margin-bottom: 16px; }

#body .block .block_inr .cont .contBox > p.itemdescription b {
  font-weight: 700;
  display: inline; }

#body .contWidth {
  width: 605px;
  margin: 0 155px 0 180px; }

#body .col2 {
  margin: -10px 30px 0;
  padding: 60px 0 0 20px;
  border-top: 1px solid #c8c5c4; }

#body .col2:after {
  display: block;
  clear: both;
  height: 0;
  content: ""; }

#body .buy_l,
#body .buy_w90 {
  display: block;
  height: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .col2 .left {
  float: left;
  width: 300px;
  margin: 0;
  padding: 0; }

#body .col2 .right {
  float: right;
  width: 300px;
  margin: 0;
  padding: 0 0 0 20px; }

#body .block > h4,
#body .col2 > h4 {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 20px; }

#body .buy_l {
  width: 240px;
  background: url(../img/btn_buy_w.gif) no-repeat;
  margin-bottom: 35px; }

#body .buy_w90 {
  width: 90px;
  background: url(../img/btn_buy_w90.gif) no-repeat;
  margin: 0 auto; }

#body .buy_w170,
#body .buybk_w170 {
  width: 170px;
  margin-bottom: 55px;
  height: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

#body .buy_w170 {
  background: url(../img/btn_buy_w170.gif) no-repeat; }

#body .buybk_w170 {
  background: url(../img/btn_buybk_w170.gif) no-repeat; }

#body .buy_w210 {
  display: block;
  width: 210px;
  height: 30px;
  background: url(../img/btn_buy_w210.gif) no-repeat;
  margin-bottom: 35px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .buy_w340 {
  display: block;
  width: 340px;
  height: 30px;
  background: url(../img/btn_buy_w340.gif) no-repeat;
  margin-bottom: 35px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .buy_l2,
#body .buy_l_fall17 {
  width: 240px;
  display: block;
  height: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .buy_l_fall17 {
  background: url(../img/fall17_compact_buy.gif) no-repeat;
  margin-bottom: 35px; }

#body .buy_l2 {
  background: url(../img/btn_buy2_w.gif) no-repeat;
  margin-bottom: 50px; }

#body .buy_s {
  display: block;
  width: 140px;
  height: 30px;
  background: url(../img/button-by-bk.png) no-repeat;
  margin-top: 20px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .detail_l {
  display: block;
  width: 240px;
  height: 30px;
  background: url(../img/btn_detail_w.gif) no-repeat;
  margin-bottom: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .detail_w90 {
  display: block;
  width: 90px;
  height: 30px;
  background: url(../img/btn_detail_w90.gif) no-repeat;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0 auto; }

#body .detail_w170,
#body .detailbk_w170 {
  width: 170px;
  margin-bottom: 55px;
  height: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

#body .detail_w170 {
  background: url(../img/btn_detail_w170.gif) no-repeat; }

#body .detailbk_w170 {
  background: url(../img/btn_detailbk_w170.gif) no-repeat;
  cursor: pointer; }

#body .detail_w210 {
  display: block;
  width: 210px;
  height: 30px;
  background: url(../img/btn_detail_w210.gif) no-repeat;
  margin-bottom: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .detail_w340 {
  display: block;
  width: 340px;
  height: 30px;
  background: url(../img/btn_detail_w340.gif) no-repeat;
  margin-bottom: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .detail_l2,
#body .detail_l_fall17 {
  width: 240px;
  margin-bottom: 30px;
  height: 30px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
  display: block; }

#body .detail_l_fall17 {
  background: url(../img/fall17_compact_detail.gif) no-repeat; }

#body .detail_l2 {
  background: url(../img/btn_detail2_w.gif) no-repeat; }

#body .detail_s {
  display: block;
  width: 171px;
  height: 30px;
  background: url(../img/btn_detail170.png) no-repeat;
  margin-top: 20px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body .other {
  display: block;
  width: 203px;
  height: 30px;
  background: url(../img/other_btn.gif) no-repeat;
  margin-top: 60px;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden; }

#body p.comment {
  font-size: 12px;
  margin-top: 45px; }

#body #introduction {
  padding: 120px 0 150px;
  background: #fff;
  margin: 0 auto; }

#body #introduction .intro_photo {
  margin-top: 8px;
  text-align: right;
  position: relative;
  top: -26px;
  right: 0; }

#body #introduction p {
  font-size: 14px;
  line-height: 2; }

#body #introduction .introCatch {
  margin-bottom: 60px; }

#body #introduction .intro_start {
  color: #000;
  font-size: 14px;
  margin-top: 30px;
  line-height: 2; }

#body a.backtomenu,
#body a.backtotop {
  display: block;
  text-align: right;
  margin: 45px 0 0; }

#body a.backtomenu.last,
#body a.backtotop.last {
  float: right;
  margin: 0 !important; }

#body b {
  display: block;
  font-size: 12px;
  font-weight: 400;
  font-family: "ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro",
 Verdana,
 HelveticaNeue-UltraLight,
 "メイリオ",
 Meiryo,
 "ＭＳ Ｐゴシック",
 "MS P Gothic",
 Arial,
 Helvetica,
 sans-serif,
 LatoThin; }

#body .color_block .item {
  margin-top: 0; }

#body .item > ul.color_list {
  overflow: hidden;
  margin: 0 auto; }

#body .item > ul.color_list li {
  float: left;
  width: 226px;
  padding-top: 80px;
  text-align: center;
  position: relative; }

#body .item > ul.color_list li a i {
  font-size: 11px;
  margin: 0 0 7px;
  display: block;
  text-decoration: none; }

#body .item > ul.color_list li > a {
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  color: #231815; }

#body .item > ul.color_list li > a p {
  font-size: 10px;
  line-height: 1.5em;
  text-decoration: none; }

#body .item > ul.color_list li > a:hover {
  color: #999; }

#body .item > ul.color_list li > a img {
  margin-bottom: 10px; }

#body .item > ul.color_list li > a b img {
  margin-bottom: 0; }

/*# sourceMappingURL=maps/style.css.map */