@charset "UTF-8";
/*========================================================================
 *
 *	[file]	  products-info.css
 *	[version]   1.0
 *	[copyright]
 *
 *	[notes]
 *
 *========================================================================*/
/* ---------------------------------------
 NAV
--------------------------------------- */
.products-info .nav.item {
  max-width: 960px;
  width: 100%;
  margin: 10px auto 0 auto;
  position: relative; }
  .products-info .nav.item.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 71px;
    opacity: .9;
    z-index: 100; }
  .products-info .nav.item ul {
    display: table;
    width: 100%; }
    .products-info .nav.item ul.sticky {
      position: fixed;
      width: 960px;
      z-index: 100;
      top: 81px; }
    .products-info .nav.item ul li {
      display: table-cell;
      vertical-align: top;
      width: 50%;
      text-align: center;
      background: #b3b3b3;
      letter-spacing: 1px;
      transition: all 0.3s ease-out; }
      .products-info .nav.item ul li:first-child {
        border-right: 1px solid #fff; }
      .products-info .nav.item ul li a, .products-info .nav.item ul li span {
        display: block;
        padding: 22px 0;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        line-height: 1;
        color: #585858;
        text-decoration: none; }
      .products-info .nav.item ul li a:hover, .products-info .nav.item ul li span {
        color: #ffffff; }

/* ---------------------------------------
 PRODUCT TOP 一覧用
--------------------------------------- */
.item-contents-wrap {
  max-width: 960px;
  width: 100%;
  margin: 70px auto 0 auto; }
  .item-contents-wrap .item-contents.row1 {
    max-width: 220px;
    width: 100%;
    float: left;
    margin-right: 30px; }
  .item-contents-wrap .item-contents.row2 {
    max-width: 465px;
    width: 100%;
    float: left;
    margin-right: 30px; }
  .item-contents-wrap .item-contents.row2 + .item-contents.row2 {
    margin-right: 0; }
  .item-contents-wrap .item-contents.row3 {
    max-width: 710px;
    width: 100%;
    float: left; }

.item-contents-wrap.sappru .item-contents .item-wrap-outer .txt {
  min-height: 100px; }

.item-contents-wrap.plenus .item-contents .item-wrap-outer .txt {
  min-height: 100px; }

.item-contents {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 110px 0; }
  .item-contents .item-info-txt {
    position: relative; }
    .item-contents .item-info-txt .ttl {
      font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
      font-size: 17px;
      color: #646464;
      border-bottom: 1px solid #c4c4c4;
      letter-spacing: 1px;
      padding-bottom: 3px; }
    .item-contents .item-info-txt .txt {
      font-size: 13px;
      margin: 20px 0 0 0;
      position: absolute;
      width: 100%; }
      .item-contents .item-info-txt .txt.bor-top {
        border-top: 1px dashed #c6c6c6;
        padding: 20px 0 0 0;
        margin-top: 0; }
  .item-contents .item-wrap-outer {
    display: inline-block;
    vertical-align: top; }
    .item-contents .item-wrap-outer.bor {
      background: url(../../assets/images//common/bor-line-dashed.png) no-repeat left 20px;
      padding: 0 0 0 28px;
      margin: 0 0 0 18px; }
      .item-contents .item-wrap-outer.bor.h1 {
        min-height: 490px; }
    .item-contents .item-wrap-outer.row1 {
      width: 220px;
      display: inline-block;
      vertical-align: top; }
    .item-contents .item-wrap-outer .txt {
      position: relative;
      font-size: 12px;
      margin: 20px 0 0 0;
      line-height: 1.6; }
      .item-contents .item-wrap-outer .txt .sm {
        font-size: 8px; }
      .item-contents .item-wrap-outer .txt .t1 {
        position: absolute;
        right: 0;
        top: 0;
        font-size: 11px; }
  .item-contents .item-wrap-outer.bor.row1 .item-wrap li {
    margin-left: 0; }
  .item-contents .img-wrap.venx {
    width: 230px; }
  .item-contents .txt-wrap.venx {
    width: 230px; }
  .item-contents .pro {
    width: 260px !important; }
  .item-contents .item-wrap {
    text-align: left;
    margin-left: -20px;
    overflow: hidden; }
    .item-contents .item-wrap .sapu3 {
      margin: 17px 0 0 20px; }
    .item-contents .item-wrap li {
      display: inline-block;
      vertical-align: top;
      width: 220px;
      margin: 50px 0 0 20px;
      text-align: center; }
      .item-contents .item-wrap li .img-wrap {
        position: relative;
        text-align: center;
        display: table-cell;
        vertical-align: bottom;
        height: 180px;
        width: 220px; }
        .item-contents .item-wrap li .img-wrap img {
          max-height: 180px;
          vertical-align: bottom; }
        .item-contents .item-wrap li .img-wrap img.ml {
          position: relative;
          left: 30px; }
      .item-contents .item-wrap li .txt-wrap {
        font-size: 12px;
        color: #646464;
        margin: 24px 0 0 0;
        text-align: center;
        width: 100%;
        display: block; }
        .item-contents .item-wrap li .txt-wrap .s1 {
          border: 1px solid #646464;
          font-size: 10px;
          display: inline-block;
          vertical-align: middle;
          padding: 0px 8px; }
        .item-contents .item-wrap li .txt-wrap .s2 {
          height: 20px; }
        .item-contents .item-wrap li .txt-wrap .ttl {
          text-align: center;
          font-weight: bold; }
        .item-contents .item-wrap li .txt-wrap .type {
          text-align: center;
          margin: 2px 0 0 0; }
        .item-contents .item-wrap li .txt-wrap .txt {
          text-align: center;
          margin: 10px 0 0 0;
          min-height: 58px; }
        .item-contents .item-wrap li .txt-wrap .link {
          text-align: center;
          margin: 14px 0 0 0; }
          .item-contents .item-wrap li .txt-wrap .link a.buy {
            margin: 0 0 10px 0; }
          .item-contents .item-wrap li .txt-wrap .link a {
            color: #9f9f9f;
            display: block;
            text-align: center; }
          .item-contents .item-wrap li .txt-wrap .link span:before {
            content: '>  '; }

/*# sourceMappingURL=products-info.css.map */
.floatl {
    float: left;
    margin: 0 5em 0 0;
}
.floatltop {
    float: left;
    margin: -50px 5em 0 0;
}
h2.title {
    margin: 30px 0 0;
}
.lasanta_midahi_area {
    float: right;
}
.txt_w560 {
    width: 560px;
}

.item-contents .item-wrap-outer.special-care-col {
  width: 33%;
}
.plr2 {
  padding: 0 2%;
}
.item-contents .item-wrap.text-center {
  text-align: center;
}
.n-hikaru-pr .txt.cf {
  width: 240px;
  text-align: center;
}
.n-hikaru-pr li.cf {
  width: 240px;
}
.item-contents .n-hikaru-pr .item-wrap li .img-wrap {
  width: 240px;
}