@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Tajawal:300,400&display=swap");
/* ---- CMS改変 ---- */
.wrapper {
  background-color: #FFF !important; }

body h2 {
  background-color: transparent;
  font-size: initial;
  font-weight: initial;
  letter-spacing: normal;
  line-height: 1.6;
  margin-bottom: 0;
  padding: 0;
  text-align: left; }

body {
  font-size: 16px;
  font-weight: 500;
  font-family: 'Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', tbudgothic-std, sans-serif;
  color: #201f1f;
  letter-spacing: 0.1em;
  line-height: 1.5; }

.block-brand-top-mainvisual {
  display: none !important; }

.st-Footer {
  font-size: 12px;
  background-color: #f3f1ec;
  padding-top: 0 !important; }

.pane-footer {
  padding-top: 0 !important; }

.common-footer_banner-li a,
.st-Footer_Bnr a {
  text-decoration: none; }

.pane-contents .container {
  padding-bottom: 0 !important; }

strong {
  font-weight: bold; }

/* ------------------ */
/* clear */
.clear {
  *zoom: 1; }

.clear:before {
  content: ' ';
  display: block; }

.clear:after {
  content: ' ';
  display: block;
  clear: both; }

img {
  max-width: 100%;
  vertical-align: bottom; }

.pane-main img[src$=".svg"] {
  width: 100%; }

a:focus {
  outline: 0; }

h1, h2, h3, h4, h5, p, table, ul, ol {
  margin: 0;
  padding: 0; }

h2 + :not([class]):before {
  content: none; }

picture {
  display: block; }

.sp_disp {
  display: none !important; }

@media screen and (max-width: 768px) {
  .pc_disp {
    display: none !important; }
  .sp_disp {
    display: block !important; }
  img.sp_disp {
    display: inline-block !important; }
  br.sp_disp {
    display: inline !important; } }

.wrapper {
  min-width: 960px;
  width: 100%;
  position: relative;
  background: #FFF;
  letter-spacing: 0.1em;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt"; }
  .wrapper a:hover {
    opacity: 0.7; }

@media screen and (max-width: 768px) {
  .wrapper {
    min-width: 0; }
    .wrapper a:hover {
      opacity: 1; }
    .wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper div, .wrapper p, .wrapper th, .wrapper td, .wrapper li, .wrapper dt, .wrapper dd, .wrapper span, .wrapper a {
      max-height: 100%; } }

sup {
  top: -.9em;
  font-size: 50%;
  vertical-align: super; }

@media screen and (max-width: 768px) {
  sup {
    top: -.7em;
    font-size: 55%; } }

.br__sp {
  display: none; }

@media screen and (max-width: 768px) {
  .br__sp {
    display: block; } }

.br__pc {
  display: block; }

@media screen and (max-width: 768px) {
  .br__pc {
    display: none; } }

/* ----------------------------
  汎用パーツ
---------------------------- */
/* ---- ラインアップ（スライド） ---- */
.lineup-top__inner {
  z-index: 10;
  padding: 100px 0 60px; }
  .lineup-top__inner-subttl {
    text-align: center;
    margin-bottom: 15px; }
  .lineup-top__inner h2 {
    font-size: 30px;
    font-weight: bold;
    color: #101010;
    text-align: center;
    margin-bottom: 55px;
    font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho'; }
  .lineup-top__inner-cap {
    margin-top: 40px;
    padding: 0 30px;
    font-size: 9px;
    line-height: 1.8;
    margin-top: 40px; }

@media screen and (max-width: 767px) {
  .lineup-top__inner {
    z-index: 10;
    padding: 90px 0 60px; }
    .lineup-top__inner-subttl {
      text-align: center;
      margin-bottom: 10px;
      line-height: 0; }
      .lineup-top__inner-subttl img {
        width: auto;
        height: 12px; }
    .lineup-top__inner h2 {
      font-size: 23px;
      font-weight: bold;
      color: #101010;
      text-align: center;
      margin-bottom: 35px;
      font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho'; }
    .lineup-top__inner-cap {
      margin-top: 40px;
      padding: 0 30px;
      font-size: 9px;
      line-height: 1.8;
      margin-top: 40px; } }

/* ---- ラインアップ（スライド版） ---- */
.lineup-top--slide {
  overflow: hidden; }

/* ---- ラインアップ 一覧部分 ---- */
.lineup-item--slide {
  margin-right: -45px; }
  .lineup-item--slide li {
    text-align: center;
    /*margin: 0 30px;*/
    padding-right: 45px; }
    .lineup-item--slide li a {
      display: block;
      text-decoration: none;
      width: 290px; }
      .lineup-item--slide li a img {
        max-width: initial; }
    .lineup-item--slide li:focus {
      outline: 0; }
  .lineup-item--slide__ph {
    margin-bottom: 25px;
    position: relative; }
    .lineup-item--slide__ph::after {
      content: "";
      display: block;
      width: 1px;
      height: 30px;
      background-color: #33aab9;
      position: absolute;
      bottom: -15px;
      left: 0;
      right: 0;
      z-index: 1;
      margin: auto; }
  .lineup-item--slide__category {
    font-size: 14px;
    color: #0095a8;
    margin-bottom: 5px; }
  .lineup-item--slide__name {
    font-size: 17px;
    font-weight: bold;
    color: #333;
    font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho';
    letter-spacing: 0.03em; }
  .lineup-item--slide .slick-arrow {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-indent: -9999px;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 160px;
    z-index: 10; }
    .lineup-item--slide .slick-arrow:hover {
      opacity: 0.7; }
    .lineup-item--slide .slick-arrow.hide {
      display: none !important; }
  .lineup-item--slide .slick-prev {
    left: -50px;
    background-image: url(/m4/brand/img/common/lineup_slide_prev.png); }
  .lineup-item--slide .slick-next {
    right: -7px;
    background-image: url(/m4/brand/img/common/lineup_slide_next.png); }

.lineup-item .slick-list {
  overflow: hidden;
  position: relative; }
  .lineup-item .slick-list::after {
    content: "";
    display: block;
    background-color: #FFF;
    width: 45px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0; }

@media screen and (max-width: 768px) {
  .lineup-item--slide {
    overflow: hidden;
    margin-right: 0; }
    .lineup-item--slide li {
      text-align: center;
      margin: 0 6px;
      padding-right: 0; }
      .lineup-item--slide li a {
        display: block;
        text-decoration: none;
        width: 266px; }
        .lineup-item--slide li a img {
          max-width: 100%; }
      .lineup-item--slide li:focus {
        outline: 0; }
    .lineup-item--slide__ph {
      margin-bottom: 25px;
      position: relative; }
      .lineup-item--slide__ph::after {
        content: "";
        display: block;
        width: 1px;
        height: 30px;
        background-color: #33aab9;
        position: absolute;
        bottom: -15px;
        left: 0;
        right: 0;
        z-index: 1;
        margin: auto; }
    .lineup-item--slide__category {
      font-size: 14px;
      color: #0095a8;
      margin-bottom: 5px; }
    .lineup-item--slide__name {
      font-size: 17px;
      font-weight: bold;
      color: #333;
      font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho';
      letter-spacing: 0; }
    .lineup-item--slide .slick-arrow {
      background-color: transparent;
      border: none;
      cursor: pointer;
      outline: none;
      padding: 0;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      overflow: hidden;
      text-indent: -9999px;
      width: 34px;
      height: 34px;
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 150px;
      z-index: 10; }
      .lineup-item--slide .slick-arrow:hover {
        opacity: 0.7; }
    .lineup-item--slide .slick-prev {
      left: 14px;
      background-image: url(/m4/brand/img/common/sp/lineup_slide_prev.png); }
    .lineup-item--slide .slick-next {
      right: 14px;
      background-image: url(/m4/brand/img/common/sp/lineup_slide_next.png); }
  .lineup-item .slick-list {
    overflow: hidden;
    position: relative; }
    .lineup-item .slick-list::after {
      content: "";
      display: block;
      background-color: #FFF;
      width: 45px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; } }

/* ---- スターターセット ---- */
.starter-set {
  overflow: hidden; }
  .starter-set__inner {
    padding: 75px 0 135px; }
    .starter-set__inner::before, .starter-set__inner::after {
      content: "";
      display: block;
      width: 640px;
      background-image: url(/m4/brand/img/common/bg_net.png);
      background-repeat: repeat;
      position: absolute;
      z-index: 1;
      pointer-events: none; }
    .starter-set__inner::before {
      height: 320px;
      top: 0;
      right: 830px;
      background-position: top 0 right 0; }
    .starter-set__inner::after {
      width: 696px;
      height: 1082px;
      top: 940px;
      left: 765px; }
    .starter-set__inner-subttl {
      text-align: center;
      margin-bottom: 15px; }
  .starter-set h2 {
    font-size: 30px;
    font-weight: bold;
    font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho';
    text-align: center; }
  .starter-set__ph {
    margin-bottom: 115px;
    position: relative;
    z-index: 0; }

@media screen and (max-width: 768px) {
  .starter-set {
    overflow: hidden; }
    .starter-set__inner {
      padding: 33px 0 55px; }
      .starter-set__inner::before, .starter-set__inner::after {
        content: "";
        display: block;
        width: 640px;
        background-image: url(/m4/brand/img/common/bg_net.png);
        background-repeat: repeat;
        background-size: 180px;
        position: absolute;
        z-index: 1;
        pointer-events: auto; }
      .starter-set__inner::before {
        height: 320px;
        top: 0;
        right: 75%;
        background-position: top 0 right 0; }
      .starter-set__inner::after {
        width: 696px;
        height: 354px;
        top: 785px;
        left: 75%; }
      .starter-set__inner-subttl {
        text-align: center;
        margin-bottom: 10px;
        line-height: 0; }
        .starter-set__inner-subttl img {
          width: auto;
          height: 12px; }
    .starter-set h2 {
      font-size: 23px;
      font-weight: bold;
      font-family: '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho' , 'ヒラギノ明朝 Pro W3' , 'Hiragino Mincho Pro' , 'HiraMinProN-W3' , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho';
      text-align: center; }
    .starter-set__ph {
      margin-bottom: 50px;
      position: relative;
      z-index: 0; } }

/* ---- スターター 一覧部分 ---- */
.starter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 70px;
  position: relative;
  z-index: 10; }
  .starter-item > li {
    width: 455px;
    padding: 55px 42px 42px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background-image: url(/m4/brand/img/top/starter-set_item_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative; }
  .starter-item__ph {
    margin-left: -115px;
    margin-right: -115px; }
  .starter-item__btn {
    margin-top: -95px; }
  .starter-item__price {
    font-size: 14px;
    margin-top: 10px; }

@media screen and (max-width: 768px) {
  .starter-item {
    display: block;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 30px;
    position: relative;
    z-index: 10; }
    .starter-item > li {
      width: 100%;
      padding: 35px 25px 30px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
      background-image: url(/m4/brand/img/top/sp/starter-set_item_bg.png);
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: relative; }
      .starter-item > li + li {
        margin-top: 25px; }
    .starter-item__ph {
      margin: 0 -55px; }
    .starter-item__btn {
      margin-top: -65px; }
    .starter-item__price {
      font-size: 12px;
      margin-top: 10px;
      margin-bottom: -10px; } }

/*----- 虹色枠ボタン -----*/
a.btn-rainbow,
a.btn-rainbow--small,
a.btn-rainbow--small-vertical {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #0095a8;
  display: block;
  width: 370px;
  margin: 0 auto;
  padding: 18px;
  background-color: #FFF;
  background-image: url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_left.png), url(/m4/brand/img/common/btn_rainbow_right.png);
  background-repeat: no-repeat;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
  position: relative;
  text-decoration: none;
  text-align: center; }
  a.btn-rainbow::after,
  a.btn-rainbow--small::after,
  a.btn-rainbow--small-vertical::after {
    content: "";
    display: block;
    width: 42px;
    height: 15px;
    background-image: url(/m4/brand/img/common/btn_rainbow_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 1;
    margin: auto; }
  a.btn-rainbow strong,
  a.btn-rainbow--small strong,
  a.btn-rainbow--small-vertical strong {
    font-size: 20px;
    font-weight: bold;
    color: #333;
    display: block;
    margin-top: -2px; }

@media screen and (max-width: 768px) {
  a.btn-rainbow,
  a.btn-rainbow--small,
  a.btn-rainbow--small-vertical {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #0095a8;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 14px;
    background-color: #FFF;
    background-image: url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_left.png), url(/m4/brand/img/common/btn_rainbow_right.png);
    background-repeat: no-repeat;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
    position: relative;
    text-decoration: none;
    text-align: center; }
    a.btn-rainbow::after,
    a.btn-rainbow--small::after,
    a.btn-rainbow--small-vertical::after {
      content: "";
      display: block;
      width: 27px;
      height: 11px;
      background-image: url(/m4/brand/img/common/sp/btn_rainbow_arrow.png);
      background-repeat: no-repeat;
      background-position: 100% 0;
      background-size: contain;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -13px;
      z-index: 1;
      margin: auto; }
    a.btn-rainbow strong,
    a.btn-rainbow--small strong,
    a.btn-rainbow--small-vertical strong {
      font-size: 16px;
      font-weight: bold;
      color: #333;
      display: block;
      margin-top: -2px; } }

/*----- 虹色枠ボタン（小） -----*/
a.btn-rainbow--small {
  font-size: 18px;
  letter-spacing: 0.2em;
  width: 300px;
  padding: 20px; }
  a.btn-rainbow--small::after {
    width: 51px;
    height: 17px;
    background-image: url(/m4/brand/img/common/btn_rainbow_s_arrow.png);
    right: -27px; }

@media screen and (max-width: 768px) {
  a.btn-rainbow--small {
    font-size: 16px;
    letter-spacing: 0.2em;
    width: 268px;
    padding: 15px; }
    a.btn-rainbow--small::after {
      width: 34px;
      height: 10px;
      background-image: url(/m4/brand/img/common/sp/btn_rainbow_s_arrow.png);
      right: -16px; } }

/*----- 虹色枠ボタン（小・縦矢印） -----*/
a.btn-rainbow--small-vertical {
  font-size: 14px;
  letter-spacing: 0.2em;
  text-align: center;
  width: 272px;
  padding: 13px; }
  a.btn-rainbow--small-vertical:hover {
    opacity: 0.7; }
  a.btn-rainbow--small-vertical::after {
    width: 15px;
    height: 30px;
    background-image: url(/m4/brand/img/common/btn_rainbow_sv_arrow.png);
    bottom: -55px;
    left: 0;
    right: 0; }

@media screen and (max-width: 768px) {
  a.btn-rainbow--small-vertical {
    font-size: 14px;
    letter-spacing: 0.2em;
    text-align: center;
    width: 272px;
    padding: 13px; }
    a.btn-rainbow--small-vertical:hover {
      opacity: 0.7; }
    a.btn-rainbow--small-vertical::after {
      width: 10px;
      height: 20px;
      background-image: url(/m4/brand/img/common/sp/btn_rainbow_sv_arrow.png);
      bottom: -55px;
      left: 0;
      right: 0; } }

/*----- 虹色枠カートボタン -----*/
a.btn-rainbow-cart,
a.btn-rainbow-cart--red {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #0095a8;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 20px;
  background-color: #FFF;
  background-image: url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_left.png), url(/m4/brand/img/common/btn_rainbow_right.png);
  background-repeat: no-repeat;
  background-position: 0 0, 0 100%, 0 0, 100% 0;
  background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
  position: relative;
  text-decoration: none;
  text-align: center; }
  a.btn-rainbow-cart::after,
  a.btn-rainbow-cart--red::after {
    content: "";
    display: block;
    width: 47px;
    height: 15px;
    background-image: url(/m4/brand/img/common/btn_rainbow_arrow.png);
    background-repeat: no-repeat;
    background-position: 100% 0;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    z-index: 1;
    margin: auto; }
  a.btn-rainbow-cart span,
  a.btn-rainbow-cart--red span {
    display: inline-block;
    text-decoration: none; }
    a.btn-rainbow-cart span::before,
    a.btn-rainbow-cart--red span::before {
      content: "";
      display: inline-block;
      vertical-align: middle;
      width: 25px;
      height: 25px;
      background-image: url(/m4/brand/img/common/ico_cart.png);
      background-repeat: no-repeat;
      background-size: contain;
      margin-top: -8px;
      margin-right: 8px; }

@media all and (-ms-high-contrast: none) {
  a.btn-rainbow-cart,
  a.btn-rainbow-cart--red {
    height: 62px; } }

@media screen and (max-width: 767px) {
  a.btn-rainbow-cart,
  a.btn-rainbow-cart--red {
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #0095a8;
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    background-color: #FFF;
    background-image: url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_top.png), url(/m4/brand/img/common/btn_rainbow_left.png), url(/m4/brand/img/common/btn_rainbow_right.png);
    background-repeat: no-repeat;
    background-position: 0 0, 0 100%, 0 0, 100% 0;
    background-size: 100% 1px, 100% 1px, 1px 100%, 1px 100%;
    position: relative;
    text-decoration: none;
    text-align: center; }
    a.btn-rainbow-cart::after,
    a.btn-rainbow-cart--red::after {
      content: "";
      display: block;
      width: 34px;
      height: 11px;
      background-image: url(/m4/brand/img/common/sp/btn_rainbow_arrow.png);
      background-repeat: no-repeat;
      background-position: 100% 0;
      background-size: auto 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -14px;
      z-index: 1;
      margin: auto; }
    a.btn-rainbow-cart span,
    a.btn-rainbow-cart--red span {
      display: inline-block;
      text-decoration: none;
      margin-left: 0; }
      a.btn-rainbow-cart span::before,
      a.btn-rainbow-cart--red span::before {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 17px;
        background-image: url(/m4/brand/img/common/ico_cart.png);
        background-repeat: no-repeat;
        background-size: contain;
        margin-top: -3px;
        margin-right: 6px; } }

/*----- 虹色枠カートボタン（赤） -----*/
a.btn-rainbow-cart--red {
  color: #ec4b70;
  background-image: url(/m4/brand/img/common/btn_rainbow_top_red.png), url(/m4/brand/img/common/btn_rainbow_top_red.png), url(/m4/brand/img/common/btn_rainbow_left_red.png), url(/m4/brand/img/common/btn_rainbow_right_red.png); }
  a.btn-rainbow-cart--red span::before {
    background-image: url(/m4/brand/img/common/ico_cart_red.png); }
  a.btn-rainbow-cart--red::after {
    background-image: url(/m4/brand/img/common/btn_rainbow_arrow_red.png); }

/*----- 売り切れ -----*/
span.btn-soldout {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.06em;
  color: #BBB;
  display: inline-block;
  width: 100%;
  margin: 0 auto;
  padding: 17px;
  border: 2px solid #BBB;
  background-color: #FFF;
  position: relative;
  text-decoration: none;
  text-align: center; }

@media screen and (max-width: 767px) {
  span.btn-soldout {
    font-size: 13px;
    padding: 13px;
    border-width: 1px; } }