@charset "UTF-8";

#shop_bn img {
  width: 100%;
}

.p-container {
  width: 100%;
  max-width: 830px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .p-container {
    max-width: 100%;
  }
}

.l-wide {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-wide {
    max-width: 100%;
  }
}

.l-layer {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-layer {
    max-width: 100%;
  }
}

.l-inside {
  width: 100%;
  max-width: 748px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .l-inside {
    max-width: 100%;
  }
}

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

.u-pc-hidden {
  display: none;
}

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

main {
  font-family: a-otf-ryumin-pr6n, "游明朝体", "Yu Mincho", YuMincho, serif;
  font-style: normal;
  font-weight: 300;
  color: #fff;
  line-height: 1.5;
}

ul li {
  list-style: none;
}

.no-margin {
  margin: 0;
  padding: 0;
}

.p-platinum-series {
  display: block;
}

/*
.p-platinum-series.-bottom-plus {
  padding-bottom: 140px;
}
*/
/*
@media screen and (max-width: 768px) {
  .p-platinum-series.-bottom-plus {
    padding-bottom: 40px;
  }
}*/

.p-platinum-series.base-black h2,
.p-platinum-series.base-black h3,
.p-platinum-series.base-black h3,
.p-platinum-series.base-black h4,
.p-platinum-series.base-black dl,
.p-platinum-series.base-black p,
.p-platinum-series.base-black span,
.p-platinum-series.base-black div {
  color: #000;
}

.p-platinum-series.-item {
  padding-bottom: 330px;
}

.p-platinum-series .p-box-black {
  padding-bottom: 82px;
}

.p-platinum-series a {
  transition: 0.4s;
}

.p-platinum-series a:hover {
  opacity: 0.7;
}

.font-hiragino {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.p-box-black {
  background: #000;
}

@media screen and (max-width: 768px) {
  .p-box-black .p-box-black__sp-inner {
    padding: 0 30px;
  }
}

.p-box-black .p-box-black__inner {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.p-head-area01__item {
  margin-top: -375px;
}

@media screen and (max-width: 768px) {
  .p-head-area01__item {
    margin-top: -66.6666666667vw;
  }
}

.p-head-area01__item .p-head-area01__title {
  font-size: 30px;
  line-height: 2;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__title {
    font-size: 17px;
    line-height: 2.3529411765;
  }
}

.p-head-area01__item .p-head-area01__title span {
  font-size: 40px;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__title span {
    font-size: 24px;
    line-height: 1.6666666667;
  }
}

.p-head-area01__item .p-head-area01__contents {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__contents {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__contents p+p {
    margin-top: 10px;
  }
}

.p-head-area01__item .p-head-area01__contents p {
  font-size: 18px;
  line-height: 3.3333333333;
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__contents p {
    font-size: 14px;
    line-height: 1.7142857143;
  }
}

.p-head-area01__item .p-head-area01__contents p span {
  font-size: 26px;
  line-height: 2.3076923077;
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__contents p span {
    font-size: 20px;
    line-height: 1.7;
  }
}

@media screen and (max-width: 768px) {
  .p-head-area01__item .p-head-area01__contents p.mt80-sp {
    margin-top: 80px;
  }
}

.p-series-group {
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .p-series-group {
    margin-top: 44px;
  }
}

.p-series-group li+li {
  margin-top: 42px;
}

@media screen and (max-width: 768px) {
  .p-series-group li+li {
    margin-top: 18px;
  }
}

.c-series-banner {
  position: relative;
  display: block;
}

@media screen and (max-width: 768px) {
  .c-series-banner img {
    width: 100%;
  }
}

.c-series-banner .c-series-banner__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 24px 4px 0;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__inner {
    display: none;
  }
}

.c-series-banner .c-series-banner__title {
  padding: 7px 0 7px 28px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.9444444444;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__title {
    display: none;
  }
}

.c-series-banner .c-series-banner__title.-black {
  background: rgba(0, 0, 0, 0.8);
}

.c-series-banner .c-series-banner__title.-blue {
  background: rgba(53, 64, 193, 0.8);
}

.c-series-banner .c-series-banner__title.-red {
  background: rgba(118, 0, 2, 0.8);
}

.c-series-banner .c-series-banner__main {
  padding-top: 12px;
  padding-left: 28px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__main {
    padding-left: 0;
  }
}

.c-series-banner .c-series-banner__main .c-series-banner__copy {
  font-size: 30px;
  line-height: 1.1666666667;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__main .c-series-banner__copy {
    padding-left: 104px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.5;
    font-weight: bold;
    background: rgba(0, 0, 0, 0.8);
    min-height: 45px;
  }
}

.c-series-banner .c-series-banner__main .c-series-banner__text {
  margin-top: 12px;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__main .c-series-banner__text {
    display: none;
  }
}

.c-series-banner .c-series-banner__main .c-series-banner__text p {
  font-size: 18px;
  line-height: 1.9444444444;
}

.c-series-banner .c-series-banner__main .c-series-banner__link {
  position: relative;
  margin-top: 6px;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__main .c-series-banner__link {
    margin-top: 10px;
    padding-right: 24px;
    text-align: right;
  }
}

.c-series-banner .c-series-banner__image {
  position: absolute;
  right: 10px;
  top: -40px;
}

@media screen and (max-width: 768px) {
  .c-series-banner .c-series-banner__image {
    top: 18px;
    right: auto;
    left: -26px;
    width: 124px;
  }
}

.c-series-banner.-reverse .c-series-banner__title {
  padding-left: 228px;
}

.c-series-banner.-reverse .c-series-banner__main {
  padding-left: 228px;
}

@media screen and (max-width: 768px) {
  .c-series-banner.-reverse .c-series-banner__main {
    padding-left: 0;
  }
}

.c-series-banner.-reverse .c-series-banner__image {
  left: -30px;
  right: auto;
}

@media screen and (max-width: 768px) {
  .c-series-banner.-reverse .c-series-banner__image {
    top: 18px;
    left: -9px;
  }
}

.p-box-black__mid-box {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .p-box-black__mid-box {
    margin-top: 20px;
    width: 100vw;
    margin-left: -30px;
  }
}

@media screen and (max-width: 768px) {
  .p-text p {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.p-image-unit+.p-text {
  margin-top: 26px;
}

.p-image-unit {
  display: flex;
  margin-top: 26px;
}

.p-image-unit.-reverse {
  flex-direction: row-reverse;
}

.p-image-unit .p-image-unit__image.w290 {
  width: 290px;
}

.p-image-unit .p-image-unit__image.w310 {
  width: 310px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .p-image-unit .p-image-unit__image.w310 {
    width: 122px;
  }
}

.p-image-unit .p-image-unit__image.w344 {
  width: 344px;
}

.p-image-unit .p-image-unit__text {
  width: auto;
  flex: 1;
}

.p-image-unit .p-image-unit__text p {
  font-size: 18px;
  line-height: 1.6666666667;
}

@media screen and (max-width: 768px) {
  .p-image-unit .p-image-unit__text p {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.p-border-orange {
  padding-left: 56px;
  border-left: 3px solid #EABE75;
  font-size: 40px;
  line-height: 1.5;
  letter-spacing: -0.1em;
  font-weight: bold;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .p-border-orange {
    padding-left: 12px;
    font-size: 18px;
    line-height: 1.3333333333;
  }
}

.p-border-orange.mt30 {
  margin-top: 30px;
}

.p-border-orange.mt70 {
  margin-top: 70px;
}

@media screen and (max-width: 768px) {
  .p-border-orange.mt70 {
    margin-top: 30px;
  }
}

.c-side-title {
  font-size: 40px;
  line-height: 1;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .c-side-title {
    font-size: 20px;
    line-height: 1.75;
  }
}

.p-block.mt30 {
  margin-top: 30px;
}

.p-block.mt40 {
  margin-top: 40px;
}

.p-block.mt60 {
  margin-top: 60px;
}

@media screen and (max-width: 768px) {
  .p-block.mt60 {
    margin-top: 30px;
  }
}

.p-block.mt80 {
  margin-top: 80px;
}

.p-block.mt86 {
  margin-top: 86px;
}

@media screen and (max-width: 768px) {
  .p-block.mt86 {
    margin-top: 50px;
  }
}

.p-block.mt100 {
  margin-top: 100px;
}

.p-block.mt120 {
  margin-top: 120px;
}

.p-block.mt126 {
  margin-top: 126px;
}

.p-copy {
  margin-top: 15px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.001em;
  text-align: center;
}

.p-image.mt20 {
  margin-top: 20px;
}

.p-image.mt30 {
  margin-top: 30px;
}

.p-image.tac {
  text-align: center;
}

.p-image.tar {
  text-align: right;
}

.p-image .w572 {
  width: 572px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .p-image .w223-sp {
    width: 223px;
    margin: 0 auto;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .p-image img {
    width: 100%;
  }
}

.p-half-border {
  margin-top: 56px;
  display: flex;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .p-half-border {
    margin-top: 30px;
    flex-direction: column-reverse;
  }
}

.p-half-border .p-half-border__main {
  width: 410px;
  padding: 0 20px 0 38px;
}

@media screen and (max-width: 768px) {
  .p-half-border .p-half-border__main {
    width: 100%;
    padding: 0;
  }
}

.p-half-border .p-half-border__title {
  color: #fff;
  font-size: 24px;
  line-height: 1.75;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .p-half-border .p-half-border__title {
    font-size: 20px;
    line-height: 1.3;
  }
}

.p-half-border .p-half-border__text {
  margin-top: 18px;
}

.p-half-border .p-half-border__text p {
  font-size: 15px;
  line-height: 1.7333333333;
  letter-spacing: -0.1em;
}

@media screen and (max-width: 768px) {
  .p-half-border .p-half-border__text p {
    font-size: 12px;
    line-height: 1.6666666667;
  }
}

.p-half-border .p-half-border__text p.small {
  font-size: 10px;
  line-height: 2;
}

.p-half-border .p-half-border__text p+p {
  margin-top: 16px;
}

.p-half-border .p-half-border__sub {
  width: 410px;
  height: 268px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  text-align: center;
  border-left: 2px solid #fff;
}

@media screen and (max-width: 768px) {
  .p-half-border .p-half-border__sub {
    width: 272px;
    height: auto;
    margin: 0 auto;
    border-left: none;
  }
}

.p-logo-unit {
  margin-top: 20px;
  display: flex;
}

.p-logo-unit .p-logo-unit__logo.w120 {
  width: 120px;
}

@media screen and (max-width: 768px) {
  .p-logo-unit .p-logo-unit__logo.w120 {
    width: 60px;
  }
}

.p-logo-unit .p-logo-unit__logo.w186 {
  width: 186px;
}

@media screen and (max-width: 768px) {
  .p-logo-unit .p-logo-unit__logo.w186 {
    width: 74px;
  }
}

.p-logo-unit .p-logo-unit__main {
  width: auto;
  flex: 1;
  padding-left: 16px;
}

.p-logo-unit .p-logo-unit__main .p-logo-unit__title {
  padding-bottom: 14px;
  font-size: 30px;
  line-height: 1.3333333333;
  font-weight: bold;
  border-bottom: 2px solid #fff;
  letter-spacing: -0.1em;
}

@media screen and (max-width: 768px) {
  .p-logo-unit .p-logo-unit__main .p-logo-unit__title {
    font-size: 12px;
    line-height: 1;
  }
}

.p-logo-unit .p-logo-unit__main .p-logo-unit__text {
  margin-top: 24px;
}

@media screen and (max-width: 768px) {
  .p-logo-unit .p-logo-unit__main .p-logo-unit__text {
    margin-top: 10px;
  }
}

.p-logo-unit .p-logo-unit__main .p-logo-unit__text p {
  font-size: 18px;
  line-height: 1.8888888889;
  letter-spacing: -0.1em;
}

@media screen and (max-width: 768px) {
  .p-logo-unit .p-logo-unit__main .p-logo-unit__text p {
    font-size: 9px;
    line-height: 1.5555555556;
  }
}

/* old template fix */
aside {
  display: none;
}

#detail {
  width: auto;
}

h3.c-series-banner__title.font-hiragino {
  color: #FFFFFF;
}