input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
      padding: 4px 10px;
      border: solid 1px #979797;
      background-color: #fff;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: 0
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
      border-color: #41417a
}
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="range"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
      line-height: normal
}
input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="range"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, textarea::-moz-placeholder {
      line-height: normal
}
input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-ms-input-placeholder {
      line-height: normal
}
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="range"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="color"]::placeholder, textarea::placeholder {
      line-height: normal
}
input[type="text"].bdra-s, input[type="email"].bdra-s, input[type="url"].bdra-s, input[type="password"].bdra-s, input[type="search"].bdra-s, input[type="number"].bdra-s, input[type="tel"].bdra-s, input[type="range"].bdra-s, input[type="date"].bdra-s, input[type="month"].bdra-s, input[type="week"].bdra-s, input[type="time"].bdra-s, input[type="datetime"].bdra-s, input[type="datetime-local"].bdra-s, input[type="color"].bdra-s, textarea.bdra-s {
      border-radius: 3px
}
input[type="submit"] {
      padding: 8px 32px;
      border: none;
      border-radius: 0;
      background-color: #942343;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      color: #fff;
      cursor: pointer;
      -webkit-transition: all .2s;
      transition: all .2s
}
input[type="submit"]:hover {
      background-color: #bd2d56
}
select {
      position: relative;
      padding: 4px 10px 4px 10px;
      /* background-color: #fff;
      border: solid 1px #898989;
      border-radius: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; */
      font-size: 16px
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      select {
            background-size: 36px
      }
}
select::-ms-expand {
      display: none
}
.main-contents img {
      vertical-align: bottom
}
.buy-notes {
      line-height: 1.2em
}
.special-notes {
      margin-right: 10px;
      padding: 0 5px;
      border: 1px solid #b33e5c;
      color: #b33e5c
}
.prod-main-area {
      max-width: 1040px;
      padding: 0 20px;
      margin: 53px auto 0
}
@media (max-width: 768px) {
      .prod-main-area {
            margin: 15px auto 0
      }
}
@media (max-width: 320px) {
      .prod-main-area {
            overflow: hidden
      }
}
.prod-main-area .prod-abreast {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}
@media (max-width: 480px) {
      .prod-main-area .prod-abreast {
            display: block
      }
}
.prod-main-area .prod-abreast .prod-left {
      width: 480px;
      padding: 0 60px 0 0
}
@media (max-width: 768px) {
      .prod-main-area .prod-abreast .prod-left {
            width: calc(100% / 2);
            padding: 0 30px 0 0
      }
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav {
      margin-top: 10px
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav img {
      display: none
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav .slick-list {
      width: 100%
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav .slick-list .slick-track {
      margin: 0
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav .prod-img-nav-item {
      max-width: 80px;
      cursor: pointer;
      border: 1px solid transparent;
      margin-right: 5px
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav .prod-img-nav-item:focus {
      border: 1px solid #a1a2be
}
.prod-main-area .prod-abreast .prod-left .prod-img-nav .prod-img-nav-item:last-child {
      margin: 0
}
@media (max-width: 768px) {
      .prod-main-area .prod-abreast .prod-left .prod-img-nav {
            margin-top: 5px
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .slick-track {
            margin: 0
      }
}
@media (max-width: 480px) {
      .prod-main-area .prod-abreast .prod-left {
            width: 100%;
            padding: 0
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .slick-list {
            display: none
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .product-sp-dots button {
            font-size: 15px
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .product-sp-dots button::before {
            font-size: 15px;
            color: #40417a
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .product-sp-dots .slick-active > button::before {
            line-height: 1.5em;
            color: #40417a
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .product-sp-dots #productslider-sp-next-btn {
            position: relative;
            top: -3px;
            margin: 0 10px;
            font-size: 10px;
            color: #d0d0de;
            cursor: pointer
      }
      .prod-main-area .prod-abreast .prod-left .prod-img-nav .product-sp-dots #productslider-sp-next-btn:hover {
            color: #40417a
      }
}
.prod-main-area .prod-abreast .prod-right {
      width: 460px
}
@media (max-width: 480px) {
      .prod-main-area .prod-abreast .prod-right {
            width: 100%
      }
}
.prod-main-area .prod-abreast.ai-fe {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
}
.prod-main-area .prod-img img {
      width: 100%
}
.prod-main-area .prod-img img:not(:first-child) {
      display: none
}
.prod-main-area .prod-em-area {
      text-align: right;
      margin: 0 0 20px
}
@media (max-width: 768px) {
      .prod-main-area .prod-em-area {
            text-align: left;
            margin: 40px 0 20px
      }
}
.prod-main-area .prod-em-area .prod-em-txt {
      display: inline-block;
      padding: 5px;
      font-size: 12px;
      color: #fff;
      background-color: #41417a
}
@media (max-width: 480px) {
      .prod-main-area .prod-desc .prod-ttl-area {
            margin-top: 40px
      }
}
@media (max-width: 768px) {
      .prod-main-area .prod-desc .prod-ttl-area.sp-mt-s {
            margin-top: 0
      }
}
.prod-main-area .prod-desc .prod-ttl-area .prod-sub-ttl {
      font-size: 18px;
      line-height: 1.5em
}
.prod-main-area .prod-desc .prod-ttl-area .prod-sub-ttl small {
      font-size: .8em
}
.prod-main-area .prod-desc .prod-ttl-area .prod-main-ttl {
      margin-top: 20px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 30px;
      font-weight: bold;
      line-height: 1.5em;
      color: #41417a
}
.prod-main-area .prod-desc .prod-ttl-area .prod-main-ttl.ls-s:not(span) {
      letter-spacing: -.02em
}
.prod-main-area .prod-desc .prod-ttl-area .prod-main-ttl.ls-s:not(span) span {
      letter-spacing: normal
}
.prod-main-area .prod-desc .prod-ttl-area .prod-main-ttl span {
      display: block;
      margin-top: 5px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-weight: normal;
      font-size: 16px;
      line-height: 1.5em;
      color: #41417a
}
@media (max-width: 480px) {
      .prod-main-area .prod-desc .prod-ttl-area .prod-main-ttl {
            font-size: 5.8vw;
            line-height: 7.5vw;
            margin-top: 10px
      }
}
.prod-main-area .prod-desc .prod-copy {
      margin-top: 20px;
      font-size: 18px;
      line-height: 1.5em
}
.prod-main-area .prod-desc .prod-copy small {
      font-size: 14px
}
.prod-main-area .prod-desc .prod-text-area p {
      margin-top: 20px;
      font-size: 16px;
      line-height: 1.5em;
      text-align: justify
}
.prod-main-area .prod-desc .prod-text-area p small {
      font-size: .8em
}
.prod-main-area .prod-desc .prod-text-area p.buy-notes {
      line-height: 1.2em
}
.prod-main-area .prod-desc .prod-diff-area {
      margin: 20px auto 0
}
.prod-main-area .prod-desc .prod-diff-area .prod-diff-ttl {
      font-size: 14px
}
.prod-main-area .prod-desc .prod-diff-area .prod-diff-txt {
      font-size: 12px;
      text-align: right
}
@media (max-width: 768px) {
      .prod-main-area .prod-desc .prod-diff-area img {
            width: 100%
      }
}
.prod-main-area .prod-desc .prod-diff-area.type-c_case {
      max-width: 250px
}
.prod-main-area .prod-desc .prod-diff-area.type-c_case img {
      padding: 5px 0
}
.prod-main-area .prod-desc .prod-view {
      margin: 20px 0 0
}
.prod-main-area .prod-desc .prod-view img {
      margin-bottom: 15px
}
@media (max-width: 768px) {
      .prod-main-area .prod-desc .prod-view img {
            display: block;
            margin: 0 auto 15px;
            width: 100px;
            height: auto
      }
}
.prod-main-area .prod-desc .prod-view p {
      font-size: 12px;
      line-height: 1.5em
}
.prod-main-area .prod-notes {
      margin-top: 45px;
      font-size: 14px;
      line-height: 1.5em
}
.prod-main-area .prod-price-area {
      margin-top: 45px;
      line-height: 1.5em
}
@media (max-width: 480px) {
      .prod-main-area .prod-price-area {
            line-height: 1.5em
      }
}
.prod-main-area .prod-var-area {
      margin-top: 45px;
      border-bottom: 1px solid #b7b7b7
}
.prod-main-area .prod-var-area .prod-var-ttl {
      margin-bottom: 5px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 24px;
      font-weight: normal;
      border-bottom: 1px solid #b7b7b7
}
.prod-main-area .prod-var-area .prod-var-txt {
      font-size: 14px;
      line-height: 1.5em
}
.prod-main-area .prod-var-area .prod-var-sub-ttl {
      font-size: 16px;
      margin-bottom: 5px;
      text-align: center
}
.prod-main-area .prod-var-area ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}
.prod-main-area .prod-var-area ul li {
      margin: 10px 0
}
.prod-main-area .prod-var-area ul li img {
      display: block;
      margin: 0 auto;
      padding: 0 0 5px
}
.prod-main-area .prod-var-area ul li div {
      margin: 0 10px
}
.prod-main-area .prod-var-area ul.mb-m {
      margin-bottom: 30px
}
.prod-main-area .prod-var-area .prod-var-note {
      margin: 0 0 5px;
      font-size: 12px;
      line-height: 1.5em
}
.prod-link-area {
      max-width: 800px;
      margin: 53px auto
}
@media (max-width: 768px) {
      .prod-link-area {
            margin: 20px auto
      }
}
.prod-link-area .prod-link-order {
      margin: 0 20px;
      /* border: 1px solid #535353; */
	background: #f5f5f5;
      text-align: center;
      padding: 13px 14px 28px
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order {
            padding: 13px 10px 28px
      }
}
.prod-link-area .prod-link-order .prod-link-order-box {
      margin-top: 10px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}
.prod-link-area .prod-link-order .prod-link-order-box a {
      position: relative;
      display: inline-block;
      width: 100%;
      text-decoration: none;
      color: #fff;
      background-color: #313131;
      -webkit-transition: all .2s;
      transition: all .2s;
      font-size: 18px;
      padding: 15px
}
.prod-link-area .prod-link-order .prod-link-order-box a:hover {
      background-color: #4b4b4b
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order .prod-link-order-box a {
            padding: 10px 0;
            font-size: 15px
      }
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-link-area .prod-link-order .prod-link-order-box a {
            width: calc((100% / 2))
      }
}
.prod-link-area .prod-link-order .prod-link-order-box a::after {
      /* position: relative;
      bottom: 1px;
      content: '>';
      font-size: 15px;
      padding-left: 10px */
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order .prod-link-order-box a::after {
            padding-left: 0
      }
}
.prod-link-area .prod-link-order .prod-link-order-box a.first {
      background-color: #b33e5c;
      margin-right: 35px
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order .prod-link-order-box a.first {
            margin-right: 10px
      }
}
.prod-link-area .prod-link-order .prod-link-order-box a.first:hover {
      background-color: #c75d78
}
.prod-link-area .prod-link-order .add-to-cart {
      padding: 10px 0 0
}
.prod-link-area .prod-link-order .add-to-cart .optionSelect {
      margin-bottom: 15px;
}
.prod-link-area .prod-link-order .add-to-cart form {
      /*display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; */
      width: 480px;
      margin: 0 auto
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order .add-to-cart form {
            width: 100%;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
      }
}
@media (max-width: 480px) {
      .prod-link-area .prod-link-order .add-to-cart form {
            display: block
      }
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper {
      margin: 0 1rem 0 0;
      text-align: right
}
@media (max-width: 480px) {
      .prod-link-area .prod-link-order .add-to-cart .label_wrapper {
            text-align: left
      }
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper p {
      white-space: nowrap
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span {
      position: relative
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span::after {
      position: absolute;
      top: calc((100% - 10px) / 2);
      right: 7px;
      content: '▼';
      font-size: 10px;
      z-index: -1
}
@-moz-document url-prefix() {
      .prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span::after {
            right: 10px
      }
}
@media (max-width: 320px) {
      .prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span::after {
            top: 30%
      }
      @-moz-document url-prefix() {
            .prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span::after {
                  top: auto;
                  bottom: -19px;
                  right: -7px
            }
      }
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span select {
      background-color: transparent
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span select.color {
      width: 10rem;
      margin-bottom: 0.2rem
}
.prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span select.quantity {
      width: 4rem
}
@media (max-width: 480px) {
      .prod-link-area .prod-link-order .add-to-cart .label_wrapper p label span select.quantity {
            margin: 0 0 0.5rem 1rem
      }
}
.prod-link-area .prod-link-order .add-to-cart .cart-btn {
      position: relative
}
.prod-link-area .prod-link-order .add-to-cart .cart-btn input {
      background: url(/product/img/ec_icon_cartbtn.svg) no-repeat right 15px center/25px #942343;
      padding: 15px 120px 15px 120px;
      width: 100%
}
.prod-link-area .prod-link-order .add-to-cart .cart-btn input:hover {
      background-color: #c75d78
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order .add-to-cart .cart-btn input {
            padding: 15px 80px 15px 80px
      }
}
.prod-link-area .prod-link-order-notes {
      margin: 10px 40px;
      text-align: justify
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order-notes {
            margin: 0 20px
      }
}
.prod-link-area .prod-link-order-notes p {
      font-size: 12px;
      line-height: 1.5em;
      letter-spacing: -.09px
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-order-notes p {
            padding-top: 10px
      }
}
.prod-link-area .prod-link-other-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      margin: 0 20px;
      padding: 13px 14px 28px
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-other-box {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            padding: 13px 10px 28px
      }
}
.prod-link-area .prod-link-other-box a {
      position: relative;
      display: inline-block;
      width: 100%;
      border: 2px solid #a22041;
      text-decoration: none;
      text-align: center;
      color: #a22041;
      background-color: #fff;
      -webkit-transition: all .2s;
      transition: all .2s;
      width: 350px;
      font-size: 18px;
      line-height: 1.2em;
      padding: 7px 5px;
      cursor: pointer
}
@media (max-width: 768px) {
      .prod-link-area .prod-link-other-box a {
            width: calc((100% - 35px) / 2)
      }
}
@media (max-width: 480px) {
      .prod-link-area .prod-link-other-box a {
            width: 100%;
            font-size: 15px;
            line-height: 1.5em;
            padding: 10px 0
      }
}
.prod-link-area .prod-link-other-box a:hover {
      color: #fff;
      background-color: #a22041
}
.prod-link-area .prod-link-other-box a::after {
      font-size: 10px;
}
.prod-link-area .prod-link-other-box a:nth-of-type(2) {
      margin-left: 35px
}
@media (max-width: 480px) {
      .prod-link-area .prod-link-other-box a:nth-of-type(2) {
            margin-left: 0;
            margin-top: 20px
      }
}
.prod-link-area .prod-link-other-box a span {
      display: block;
      font-size: 13px
}
.prod-comp-area {
      background-color: #f5f5f5
}
.prod-comp-area .prod-comp-inner {
      max-width: 1040px;
      margin: 53px auto 0;
      padding: 45px 20px
}
.prod-comp-area .prod-comp-inner p {
      font-size: 14px;
      line-height: 1.5em;
      text-align: justify
}
.prod-comp-area .prod-comp-inner p small {
      font-size: 12px;
      line-height: 1.5em
}
@media (max-width: 768px) {
      .prod-comp-area .prod-comp-inner p small {
            line-height: 1.5em
      }
}
.prod-comp-area .prod-comp-inner p + p {
      padding-top: 20px
}
.prod-sec-area .prod-sec-wrap {
      max-width: 1040px;
      margin: 0 auto;
      padding: 80px 20px
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap {
      color: #41417a;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      margin-bottom: 40px;
      text-align: center
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap {
            text-align: left;
            margin-bottom: 30px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl {
      margin: 0 auto;
      font-size: 24px;
      line-height: 1.5em;
      font-weight: bold;
      border-bottom: 1px solid #878787;
      display: inline-block
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl {
            display: block;
            font-size: 5.3vw;
            padding-bottom: 10px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl small {
      font-size: .5em;
      vertical-align: top
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl.ls-s {
      letter-spacing: -.06em
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl.ta-c {
      text-align: center
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl.d-b {
      display: block
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl .pc-nobr {
      white-space: nowrap
}
@media (max-width: 1300px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-ttl .pc-nobr {
            white-space: normal
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-sub-ttl {
      margin-top: 16px;
      font-size: 20px;
      font-weight: bold
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap .prod-sec-sub-ttl.ta-c {
      text-align: center
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap.mb-s {
      margin-bottom: 20px
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap.size-s {
      margin-bottom: 20px;
      text-align: center
}
.prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap.size-s .prod-sec-ttl {
      display: inline-block;
      margin: 0 auto;
      font-size: 20px;
      font-weight: bold;
      border-bottom: 1px solid #878787
}
@media (min-width: 769px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-ttl-wrap.wrap-m {
            padding: 0 20%
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-emtxt {
      margin: 10px auto;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 18px;
      font-weight: bold;
      color: #41417a
}
.prod-sec-area .prod-sec-wrap .prod-sec-emtxt.fz-l {
      font-size: 20px;
      margin-bottom: 10px
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-emtxt.fz-l {
            font-size: 5.1vw
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-txt p {
      text-align: justify;
      line-height: 1.5em
}
.prod-sec-area .prod-sec-wrap .prod-sec-txt p small {
      font-size: .8em
}
.prod-sec-area .prod-sec-wrap .prod-sec-txt.mb-m {
      margin-bottom: 20px
}
.prod-sec-area .prod-sec-wrap .prod-sec-list ul {
      padding-left: 1em;
      text-indent: -1em
}
.prod-sec-area .prod-sec-wrap .prod-sec-list ul li {
      line-height: 1.5em
}
.prod-sec-area .prod-sec-wrap .prod-sec-list ul li::before {
      content: '・'
}
.prod-sec-area .prod-sec-wrap .prod-sec-list.type-center {
      width: 25em;
      margin: 0 auto
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-list.type-center {
            width: auto;
            margin-bottom: 30px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-list.wrap-m {
      margin: 30px 0
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast {
            display: block
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-left {
      max-width: 670px;
      margin-right: 60px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-left {
            max-width: none;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            margin-right: 30px
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-left {
            width: 50%
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-left {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            margin-bottom: 20px;
            margin-right: 0
      }
}
@media screen and (max-width: 480px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 480px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-left {
            width: 100%
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-right {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 30px);
            flex: 0 0 calc(50% - 30px)
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-right {
            width: calc(50% - 30px)
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-right {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
      }
}
@media screen and (max-width: 480px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 480px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-right {
            width: 100%
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-a .prod-right .prod-sec-img img {
            width: 100%;
            height: auto
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-right {
      max-width: 720px;
      margin-left: 45px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-right {
            max-width: none;
            margin-left: 20px
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-right {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            margin-left: 0;
            margin-top: 20px
      }
}
@media screen and (max-width: 480px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 480px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-right {
            width: 100%
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-left {
            max-width: none;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 45px);
            flex: 0 0 calc(50% - 45px)
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-left {
            width: calc(50% - 45px)
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-left {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%
      }
}
@media screen and (max-width: 480px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 480px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-left {
            width: 100%
      }
}
@media (min-width: 769px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-sec-img.mb-m {
            margin-bottom: 45px
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-b .prod-sec-img img {
            width: 100%;
            height: auto
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap {
      padding: 0 10px;
      width: 100%
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap .c-ttl {
      margin-bottom: 10px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 20px
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap .c-txt {
      text-align: justify;
      line-height: 1.5em
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap .c-txt.w-s {
            width: auto
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap {
            margin-bottom: 50px
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap:last-of-type {
            margin-bottom: 0
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap.two {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 2);
      flex: 0 0 calc(100% / 2)
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap.two {
            width: calc(100% / 2)
      }
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap.two {
            width: calc(100% / 2)
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap .c-img img {
      width: 100%
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-c .c-wrap .c-img.mt-s {
      margin-top: 10px
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-d .prod-right {
      max-width: 720px;
      margin-top: 40px;
      margin-left: 45px
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-d .prod-right .prod-sec-ttl-wrap {
      text-align: left
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-d .prod-right {
            margin-top: 20px;
            margin-left: 0
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-d .prod-left .prod-sec-img img {
            width: 60%;
            height: auto;
            margin: 0 20%
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-right {
      max-width: 720px;
      margin-left: 45px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-right {
            max-width: none;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 20px);
            flex: 0 0 calc(50% - 20px);
            margin-left: 20px
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-right {
            width: calc(50% - 20px)
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-right {
            width: 100%;
            margin-left: 0;
            margin-top: 20px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-left {
      margin-bottom: 45px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-left {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50%);
            flex: 0 0 calc(50%)
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-left {
            width: calc(50%)
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-left {
            width: 100%
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-sec-img {
      margin-bottom: 50px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-sec-img {
            width: 100%
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-sec-img img {
            width: 100%;
            height: auto
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e .prod-sec-txt {
      margin-top: 10px
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e:last-of-type .prod-left {
      margin-bottom: 0
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-e:last-of-type .prod-sec-img {
      margin-bottom: 0
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-right {
      max-width: 30%;
      margin-left: 5%
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-left {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 65%
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-sec-img img {
      width: 100%;
      height: auto
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-sec-img + .prod-sec-img {
      margin-left: 8%
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-sec-txt p {
      line-height: 1.5em
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f {
            display: block
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-right {
            max-width: 100%;
            margin-left: 0;
            margin-top: 30px
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-left {
            display: block;
            width: 75%;
            margin: 0 auto
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-sec-img + .prod-sec-img {
            margin-left: 0;
            margin-top: 20px
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-f .prod-sec-txt p {
            line-height: 1.5em
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 80px
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond {
            margin-bottom: 50px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left {
      margin-right: 10px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left {
            margin-right: 0;
            margin-bottom: 20px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left .mond-wrap {
      text-align: center;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 22px;
      white-space: nowrap;
      line-height: 1.5em
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left .mond-wrap {
            font-size: 18px
      }
}
@media (max-width: 320px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left .mond-wrap {
            font-size: 16px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left .mond-wrap .mond-title {
      color: #b33e5c
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left .mond-wrap .mond-title span {
      display: block;
      font-size: 72px;
      line-height: 1.5em;
      color: #caa846
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-left .mond-wrap .mond-title span {
            font-size: 50px;
            padding: 10px 0
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast.type-mond .prod-right .prod-sec-img img {
            width: 100%;
            height: auto
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast .prod-bio .prod-bio-ttl {
      font-size: 18px
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast .prod-bio .prod-bio-name {
      margin: 10px 0;
      font-size: 14px
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast .prod-bio .prod-bio-name span {
      font-size: 18px
}
@media (max-width: 320px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast .prod-bio .prod-bio-name span {
            display: block
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-abreast .prod-bio .prod-bio-txt {
      font-size: 14px;
      letter-spacing: -.02em;
      margin-bottom: 20px
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-abreast .prod-sec-img.wrap-s {
            width: 50%;
            margin: 0 auto
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-subttl-wrap {
      margin: 40px 0;
      text-align: center
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-subttl-wrap {
            margin: 20px 0
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-subttl-wrap .prod-sec-subttl {
      display: inline-block;
      margin: 0 auto;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 20px;
      font-weight: bold;
      color: #41417a
}
.prod-sec-area .prod-sec-wrap .prod-sec-subttl-wrap .prod-sec-subttl small {
      font-size: .5em;
      vertical-align: top
}
.prod-sec-area .prod-sec-wrap .prod-sec-num {
      margin-top: 50px
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul {
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-num ul {
            -ms-flex-flow: row wrap;
            flex-flow: row wrap
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li {
      padding-bottom: 60px;
      width: 100%;
      max-width: 304px;
      margin-right: 23px
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li:last-child {
      margin-right: 0
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-num ul li {
            width: 100%;
            margin-right: 0
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li div {
      text-align: center;
      margin-bottom: 1em
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li div img {
      max-height: 100%
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li .prod-sec-num-ttl {
      max-width: 13em;
      margin: 0 auto 10px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 19px;
      font-weight: bold;
      color: #41417a;
      text-align: center
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li .prod-sec-num-ttl.in-a-row {
      letter-spacing: -.08em
}
.prod-sec-area .prod-sec-wrap .prod-sec-num ul li .prod-sec-num-txt {
      line-height: 1.5em;
      text-align: justify
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep {
            display: block
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box {
      width: 100%;
      max-width: 460px
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box:not(:first-of-type) {
      margin-left: 20px
}
@media (max-width: 1300px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box {
            width: calc((100% - 20px) / 2)
      }
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box {
            width: 100%
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box:first-of-type {
            margin-bottom: 40px
      }
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box {
            padding: 0 0 25px;
            border-bottom: 1px solid #1e1e1e
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box + .rep-box {
            padding: 30px 0 20px;
            border-bottom: none
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box:first-of-type {
            margin-bottom: 0
      }
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-box:not(:first-of-type) {
            margin-top: 0;
            margin-left: 0
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head {
      margin-bottom: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head.ai-fe {
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head {
            display: block
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head figure {
      position: relative
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head figure {
            width: 50%;
            margin: 0 auto 20px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head figure figcaption {
      position: absolute;
      top: 2px;
      left: 4px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 14px;
      color: #787878
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head figure img {
      margin-right: 25px
}
@media (max-width: 768px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head figure img {
            width: 100%;
            margin: 0
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head .rep-hedding {
      font-weight: normal
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head .rep-hedding .rep-subttl {
      display: block;
      font-size: 16px
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head .rep-hedding .rep-ttl {
      display: block;
      margin: 5px 0;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-weight: bold;
      font-size: 18px;
      line-height: 1.5em;
      color: #41417a
}
@media (max-width: 480px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head .rep-hedding .rep-ttl {
            margin: 10px 0;
            font-size: 17px
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head .rep-hedding .rep-ttl.ls-s {
      letter-spacing: -.05em
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-head .rep-hedding .rep-name {
      display: block;
      font-size: 14px
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-txt {
      text-align: justify;
      line-height: 1.5em
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap {
      margin: 15px 0 0
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap p {
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 20px;
      color: #787878
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap div {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between
}
@media (max-width: 1300px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap div figure {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / 2) - 10px);
            flex: 0 0 calc((100% / 2) - 10px)
      }
}
@media screen and (max-width: 1300px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 1300px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap div figure {
            width: calc((100% / 2) - 10px)
      }
}
@media (max-width: 1300px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap div figure img {
            width: 100%;
            height: auto
      }
}
.prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap div figure figcaption {
      margin: 5px 0 0;
      width: 225px;
      font-size: 12px;
      line-height: 1.5em;
      letter-spacing: -.08em;
      text-align: justify
}
@media (max-width: 1300px) {
      .prod-sec-area .prod-sec-wrap .prod-sec-rep .rep-img-wrap div figure figcaption {
            width: auto
      }
}
.prod-sec-area.col-gray {
      background-color: #f5f5f5
}
.prod-howto-area {
      max-width: 1040px;
      margin: 0 auto;
      padding: 45px 20px
}
.prod-howto-area .prod-howto-ttl {
      padding: 20px 0;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 26px;
      font-weight: bold;
      text-align: center;
      border-top: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
      color: #41417a
}
.prod-howto-area .prod-howto-sub-ttl {
      font-size: 18px;
      margin-top: 40px
}
.prod-howto-area .prod-howto-txt {
      margin-top: 40px;
      line-height: 1.5em
}
.prod-howto-area .prod-howto-txt.ta-c {
      text-align: center
}
.prod-howto-area .prod-howto-step ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}
.prod-howto-area .prod-howto-step ul li {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 40px);
      flex: 0 0 calc((100% / 4) - 40px);
      padding-bottom: 40px
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-howto-area .prod-howto-step ul li {
            width: calc((100% / 2) - 110px)
      }
}
@media (max-width: 480px) {
      .prod-howto-area .prod-howto-step ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / 2) - 20px);
            flex: 0 0 calc((100% / 2) - 20px);
            padding-bottom: 30px
      }
}
@media screen and (max-width: 480px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 480px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-howto-area .prod-howto-step ul li {
            width: 100%
      }
}
.prod-howto-area .prod-howto-step ul li img {
      width: 100%
}
@media (max-width: 768px) {
      .prod-howto-area .prod-howto-step ul li img {
            min-width: 192px
      }
}
@media (max-width: 480px) {
      .prod-howto-area .prod-howto-step ul li img {
            min-width: 0
      }
}
.prod-howto-area .prod-howto-step ul li p,
.prod-howto-area p {
      padding-top: 10px;
      text-align: justify;
      line-height: 1.5em
}
.prod-howto-area .prod-howto-step ul li p small {
      font-size: .8em
}
@media (max-width: 768px) {
      .prod-howto-area .prod-howto-step ul li:nth-of-type(odd) {
            margin-right: 20px
      }
}
.prod-howto-area .prod-howto-step ul li:last-of-type {
      margin-right: 0
}
.prod-howto-area .prod-howto-step > p small {
      font-size: 12px
}
@media (min-width: 769px) {
      .prod-howto-area .prod-howto-step.type-one {
            max-width: 1040px;
            margin: 15px auto 0
      }
      .prod-howto-area .prod-howto-step.type-one ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / 3) - 60px);
            flex: 0 0 calc((100% / 3) - 60px);
            padding-bottom: 40px;
            margin-right: 60px
      }
}
@media screen and (min-width: 769px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 769px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-howto-area .prod-howto-step.type-one ul li {
            width: calc((100% / 3) - 60px)
      }
}
@media (min-width: 769px) {
      .prod-howto-area .prod-howto-step.type-one ul li:nth-child(3n) {
            margin-right: 0
      }
      .prod-howto-area .prod-howto-step.type-one ul li:last-of-type {
            margin-right: 0
      }
      .prod-howto-area .prod-howto-step.type-one > p {
            padding: 0 30px
      }
      .prod-howto-area .prod-howto-step.type-two {
            max-width: 980px;
            margin: 60px auto 0
      }
      .prod-howto-area .prod-howto-step.type-two ul li {
            margin: 0 20px
      }
      .prod-howto-area .prod-howto-step.type-two > p {
            padding: 0 50px
      }
      .prod-howto-area .prod-howto-step.type-three {
            max-width: 780px;
            margin: 60px auto 0
      }
      .prod-howto-area .prod-howto-step.type-three ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / 3) - 60px);
            flex: 0 0 calc((100% / 3) - 60px);
            padding-bottom: 40px;
            margin-right: 60px
      }
}
@media screen and (min-width: 769px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 769px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-howto-area .prod-howto-step.type-three ul li {
            width: calc((100% / 3) - 60px)
      }
}
@media (min-width: 769px) {
      .prod-howto-area .prod-howto-step.type-three ul li:nth-child(3n) {
            margin-right: 0
      }
      .prod-howto-area .prod-howto-step.type-three ul li:last-of-type {
            margin-right: 0
      }
      .prod-howto-area .prod-howto-step.type-three > p {
            padding: 0 30px
      }
      .prod-howto-area .prod-howto-step.mt-m {
            margin-top: 40px
      }
}
@media (max-width: 768px) {
      .prod-howto-area .prod-howto-step.type-one {
            margin: 10px auto 0
      }
      .prod-howto-area .prod-howto-step.type-one ul {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
      }
      .prod-howto-area .prod-howto-step.type-one ul li {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 calc((100% / 2) - 10px);
            flex: 0 0 calc((100% / 2) - 10px);
            padding-bottom: 30px
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-howto-area .prod-howto-step.type-one ul li {
            width: calc((100% / 2) - 10px)
      }
}
@media (max-width: 768px) {
      .prod-howto-area .prod-howto-step.type-one ul li:nth-of-type(3n-2) {
            margin-right: 20px
      }
      .prod-howto-area .prod-howto-step.type-two {
            margin: 30px auto 0;
			  max-width: 600px;
      }
      .prod-howto-area .prod-howto-step.type-three {
            margin: 30px auto 0
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-howto-area .prod-howto-step.type-three ul li {
            width: calc((100% / 2) - 10px)
      }
}
.prod-ig-area {
      background-color: #ffffff;
      color: #323232
}
.prod-ig-area .prod-ig-wrap {
      max-width: 1040px;
      margin: 10px auto;
      padding: 10px 20px;
}
.prod-ig-area .prod-ig-wrap .prod-ig-header {
      text-align: center
}
.prod-ig-area .prod-ig-wrap .prod-ig-header .prod-ig-ttl {
      font-size: 24px;
      font-weight: normal
}
.prod-ig-area .prod-ig-wrap .prod-ig-header img {
      display: block;
      margin: 10px auto
}
.prod-ig-area .prod-ig-wrap .prod-ig-header a {
      text-decoration: none;
      color: #323232
}
.prod-ig-area .prod-ig-wrap .prod-ig-header a:hover {
      text-decoration: underline
}
@media (max-width: 768px) {
      .prod-ig-area .prod-ig-wrap .prod-ig-header a {
            font-size: 14px
      }
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap {
      margin: 20px 0 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% /3) - 10px);
      flex: 0 0 calc((100% /3) - 10px);
      border: 1px solid #aaaaaa;
      margin-right: 14px;
      margin-bottom: 20px
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list {
            width: calc((100% /3) - 10px)
      }
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list:nth-child(3n) {
      margin-right: 0
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap a {
      text-decoration: none
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-img img {
      width: 100%;
      -webkit-transition: all .2s;
      transition: all .2s;
      opacity: 1
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-img img:hover {
      opacity: .8
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-img.icon-logoIG {
      position: relative
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-img.icon-logoIG::before {
      position: absolute;
      top: 10px;
      left: 10px;
      content: '';
      background: url(/product/img/ig-logo.png) no-repeat;
      z-index: 3;
      width: 26px;
      height: 26px;
      background-size: 26px
}
@media (max-width: 768px) {
      .prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-img.icon-logoIG::before {
            width: 15px;
            height: 15px;
            background-size: 15px
      }
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-comm-wrap {
      position: relative;
      height: 110px;
      padding: 20px;
      overflow: hidden
}
@media (max-width: 768px) {
      .prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-comm-wrap {
            height: 70px;
            padding: 10px 10px 0
      }
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-comm-wrap::before {
      content: '';
      position: absolute;
      right: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      margin: 0 auto;
      height: 60px;
      background: -webkit-linear-gradient(bottom, #fff 20px, #fff 21px, rgba(255, 255, 255, 0) 100%);
      background: linear-gradient(0deg, #fff 20px, #fff 21px, rgba(255, 255, 255, 0) 100%)
}
@media (max-width: 768px) {
      .prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-comm-wrap::before {
            height: 30px;
            background: -webkit-linear-gradient(bottom, #fff 10px, #fff 10px, rgba(255, 255, 255, 0) 100%);
            background: linear-gradient(0deg, #fff 10px, #fff 10px, rgba(255, 255, 255, 0) 100%)
      }
}
.prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-comm-wrap .prod-ig-list-comm {
      font-size: 14px;
      text-align: justify
}
@media (max-width: 768px) {
      .prod-ig-area .prod-ig-wrap .prod-ig-list-wrap .prod-ig-list-comm-wrap .prod-ig-list-comm {
            font-size: 10px
      }
}
.prod-ig-area .prod-ig-wrap .prod-ig-more-wrap .prod-ig-more {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 100px;
      height: 100px;
      margin: 0 auto;
      text-decoration: none;
      color: #41417a;
      border: 1px solid #41417a;
      border-radius: 100%;
      -webkit-transition: all .2s;
      transition: all .2s
}
.prod-ig-area .prod-ig-wrap .prod-ig-more-wrap .prod-ig-more:hover {
      color: #fff;
      background-color: #41417a
}
.prod-ig-area .prod-ig-wrap .prod-ig-pow {
      text-align: right;
      font-size: 12px;
      text-decoration: none;
      color: #323232
}
.prod-rel-area {
      max-width: 1040px;
      margin: 0 auto;
      padding: 45px 20px
}
.prod-rel-area .prod-rel-ttl {
      padding: 20px 0;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 26px;
      font-weight: bold;
      text-align: center;
      border-top: 1px solid #d2d2d2;
      border-bottom: 1px solid #d2d2d2;
      color: #41417a;
      margin-bottom: 60px
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-ttl {
            margin-bottom: 40px
      }
}
.prod-rel-area .prod-rel-list-wrap {
      position: relative
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-list-wrap {
            overflow-x: auto;
            overflow-y: hidden;
            -webkit-overflow-scrolling: touch;
            border-bottom: 1px solid #d2d2d2
      }
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list {
      max-width: 1040px;
      margin: 0 auto;
      padding-bottom: 60px
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            max-width: none;
            padding-bottom: 40px
      }
      .prod-rel-area .prod-rel-list-wrap .prod-rel-list.is-center {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
      }
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list li {
      margin: 0 10px
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list li a {
      text-decoration: none
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list li a div {
      margin-bottom: 15px
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list li a div img {
      width: 100%;
      -webkit-transition: all .2s;
      transition: all .2s;
      opacity: 1
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list li a div img:hover {
      opacity: .8
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-list li a .prod-rel-item {
      font-size: 14px;
      font-weight: normal;
      text-align: center;
      line-height: 160%
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-list li div, .prod-rel-area .prod-rel-list-wrap .prod-rel-list li .prod-rel-item {
            width: 160px
      }
}
@media (max-width: 480px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-list li div, .prod-rel-area .prod-rel-list-wrap .prod-rel-list li .prod-rel-item {
            width: 120px
      }
}
@media (max-width: 320px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-list li div, .prod-rel-area .prod-rel-list-wrap .prod-rel-list li .prod-rel-item {
            width: 100px
      }
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-allow {
      color: #a0a0a0;
      font-size: 48px
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow {
            display: none
      }
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-allow .prev {
      position: absolute;
      top: 25%;
      cursor: pointer;
      left: -150px
}
@media (max-width: 1300px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow .prev {
            left: 0
      }
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow .prev {
            left: -15px
      }
}
@media (max-width: 320px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow .prev {
            left: -5px
      }
}
.prod-rel-area .prod-rel-list-wrap .prod-rel-allow .next {
      position: absolute;
      top: 25%;
      cursor: pointer;
      right: -150px
}
@media (max-width: 1300px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow .next {
            right: 0
      }
}
@media (max-width: 768px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow .next {
            right: -15px
      }
}
@media (max-width: 320px) {
      .prod-rel-area .prod-rel-list-wrap .prod-rel-allow .next {
            right: -5px
      }
}
.prod-nutr-area {
      max-width: 1040px;
      margin: 60px auto;
      padding: 0 40px
}
@media (max-width: 768px) {
      .prod-nutr-area {
            padding: 0 20px
      }
}
.prod-nutr-area table {
      table-layout: fixed;
      word-break: break-all;
      word-wrap: break-word;
      width: 100%;
      margin-bottom: 20px;
      border: 1px solid #939393;
      border-collapse: collapse
}
.prod-nutr-area table caption {
      margin: 0 0 20px;
      padding: 3px 18px;
      border: 1px solid #939393;
      background-color: #fafafa
}
.prod-nutr-area table th {
      width: calc(100% / 2);
      height: 30px;
      padding: 3px;
      border: 1px solid #939393;
      border-collapse: collapse;
      background-color: #f5f5f5;
      font-weight: normal;
      text-align: left
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-nutr-area table th {
            padding-top: 10px
      }
}
.prod-nutr-area table td {
      width: calc(100% / 2);
      height: 30px;
      padding: 3px;
      border: 1px solid #939393;
      border-collapse: collapse;
      background-color: #fafafa
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .prod-nutr-area table td {
            padding-top: 10px
      }
}
.prod-nutr-area table .other th {
      margin-top: 20px
}
.prod-nutr-area table .other tr {
      margin-top: 20px
}
.prod-nutr-area table .type-a th, .prod-nutr-area table .type-a td {
      padding-left: 20%
}
@media (max-width: 768px) {
      .prod-nutr-area table .type-a th, .prod-nutr-area table .type-a td {
            padding-left: 1em
      }
}
.prod-nutr-area table .type-b th {
      padding-left: 8%
}
@media (max-width: 768px) {
      .prod-nutr-area table .type-b th {
            padding-left: 1em
      }
}
.prod-nutr-area table .type-b td {
      padding-left: 20%
}
@media (max-width: 768px) {
      .prod-nutr-area table .type-b td {
            padding-left: 1em
      }
}
.mat-area {
      margin-top: 50px;
      line-height: 1.5em
}
.mat-area ul {
      margin: 0 auto;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
}
@media (max-width: 480px) {
      .mat-area ul {
            display: block
      }
}
.mat-area ul li {
      padding: 0 5px 60px;
      width: calc((100% - 10px) / 3)
}
@media (max-width: 480px) {
      .mat-area ul li {
            width: 100%;
            padding: 0 0 60px
      }
}
.mat-area ul li div {
      text-align: center;
      margin-bottom: 16px
}
@media (max-width: 768px) {
      .mat-area ul li div img {
            padding: 0 43px;
            width: 100%
      }
}
.mat-area ul li .mat-list-ttl {
      margin: 0 auto 16px;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 19px;
      font-weight: bold;
      color: #41417a;
      text-align: center
}
.mat-area ul li .mat-list-txt {
      margin: 0 auto;
      text-align: justify
}
@media (min-width: 769px) {
      .mat-area ul li .mat-list-txt {
            max-width: 250px
      }
}
.mat-area .mat-ttl {
      text-align: center
}
.mat-area .mat-txt {
      text-align: justify
}
.abreast-img-wrap {
      text-align: center
}
.abreast-img-wrap img {
      margin-top: 20px;
      border: 1px solid #c7b299
}
@media (max-width: 768px) {
      .abreast-img-wrap img {
            width: 100%;
            height: auto
      }
}
.egg-txt {
      position: relative
}
.egg-txt figcaption {
      position: absolute;
      bottom: 2px;
      right: 4px;
      font-size: 14px
}
@media (min-width: 769px) {
      .pc-only {
            display: block
      }
}
@media (max-width: 768px) {
      .pc-only {
            display: none
      }
}
@media (min-width: 769px) {
      .sp-only {
            display: none
      }
}
@media (max-width: 768px) {
      .sp-only {
            display: block
      }
}
.color-red {
      color: #b33e5c
}
.bd-brown {
      border: 1px solid #c7b299
}
@media (min-width: 769px) {
      .prod-line-wrap {
            max-width: 1040px;
            margin: 0 auto
      }
}
@media (max-width: 768px) {
      .prod-line-wrap {
            width: 100%
      }
}
.prod-line-wrap .prod-line {
      border-bottom: 1px solid #d2d2d2
}
@media (max-width: 768px) {
      .prod-line-wrap .prod-line {
            margin: 0 20px
      }
}
.prod-link-btn {
      text-align: center;
      margin: 20px auto
}
.prod-link-btn a {
      position: relative;
      display: inline-block;
      text-align: center;
      border: 1px solid #41417a;
      font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝", serif;
      font-size: 18px;
      text-decoration: none;
      color: #41417a;
      -webkit-transition: all .2s;
      transition: all .2s
}
@media (min-width: 769px) {
      .prod-link-btn a {
            padding: 10px;
            width: 100%
      }
}
@media (max-width: 768px) {
      .prod-link-btn a {
            width: 100%;
            padding: 10px 20px 10px 5px
      }
}
.prod-link-btn a::after {
      content: '>'
}
@media (min-width: 769px) {
      .prod-link-btn a::after {
            padding-left: 10px
      }
}
@media (max-width: 768px) {
      .prod-link-btn a::after {
            position: absolute;
            top: calc((100% - 30px) / 2);
            right: 5px
      }
}
.prod-link-btn a:hover {
      color: #fff;
      background-color: #41417a
}
@media (min-width: 769px) {
      .prod-link-btn.width-m {
            width: 600px;
            padding: 0 80px
      }
}
@media (max-width: 768px) {
      .prod-link-btn.width-m {
            padding: 0 20px
      }
}
@media (min-width: 769px) {
      .prod-link-btn.wrap-xs {
            padding: 0 40px
      }
}
@media (min-width: 769px) {
      .prod-link-btn.wrap-s {
            padding: 0 80px
      }
}
.prod-link-btn.wrap-l {
      margin: 50px auto
}
.allow-box-area {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center
}
.allow-box-area .img-box {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 20px);
      flex: 0 0 calc((100% / 2) - 20px)
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
      .allow-box-area .img-box {
            width: calc((100% / 2) - 20px)
      }
}
@media (max-width: 768px) {
      .allow-box-area .img-box {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            padding: 0 100px
      }
}
@media screen and (max-width: 768px) and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (max-width: 768px) and (min-width: 0\0) and (min-resolution: 72dpi) {
      .allow-box-area .img-box {
            width: 100%
      }
}
@media (max-width: 480px) {
      .allow-box-area .img-box {
            padding: 0
      }
}
.allow-box-area .img-box img {
      width: 100%
}
.allow-box-area .allow-box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
      flex: 0 0 40px;
      margin: 10px 0
}
@media (max-width: 768px) {
      .allow-box-area .allow-box {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
      }
}
.allow-box-area.mt-s {
      margin-top: 30px
}
.mb-s {
      margin-bottom: 20px
}
.mb-m {
      margin-bottom: 40px
}
.prod-link-area.single-btn {
      max-width: 360px
}
@media (min-width: 769px) {
      .prod-link-area.single-btn {
            margin: 70px auto
      }
}
@media (max-width: 768px) {
      .prod-link-area.single-btn {
            margin: 45px auto
      }
}
@media (max-width: 480px) {
      .prod-link-area.single-btn {
            width: 100%
      }
}
.prod-link-area.single-btn .prod-link-order {
      margin: 0 20px;
      border: none;
      text-align: center
}
@media (min-width: 769px) {
      .prod-link-area.single-btn .prod-link-order {
            padding: 0
      }
}
@media (max-width: 768px) {
      .prod-link-area.single-btn .prod-link-order {
            padding: 0
      }
}
.prod-link-area.single-btn .prod-link-order .prod-link-order-box {
      display: block
}
.prod-link-area.single-btn .prod-link-order .prod-link-order-box a.first {
      margin: 0;
      width: 100%
}
.prod-link-area.single-btn .prod-link-other-box {
      padding: 25px 0px 0
}
.prod-link-area.single-btn .prod-link-other-box a {
      position: relative;
      width: 100%;
      border: 2px solid #a22041;
      text-decoration: none;
      text-align: center;
      color: #a22041;
      background-color: #fff;
      -webkit-transition: all .2s;
      transition: all .2s;
      font-size: 18px;
      line-height: 1.5em;
      padding: 7px 5px;
      cursor: pointer
}
.prod-link-area.single-btn .prod-link-other-box a::after {
      position: absolute;
      top: calc((100% - 20px) / 2);
      right: 10px;
      content: '▶'
}
.prod-link-area.single-btn .prod-link-other-box a:hover {
      color: #fff;
      background-color: #a22041
}
@media (max-width: 768px) {
      .prod-link-area.single-btn .prod-link-other-box {
            padding: 20px 0px 0
      }
      .prod-link-area.single-btn .prod-link-other-box a {
            font-size: 14px
      }
      .prod-link-area.single-btn .prod-link-other-box a::after {
            top: calc((100% - 17px) / 2)
      }
}