@charset "utf-8";

/* bluray  */

/* detail contents
---------------------------------------------------- */

.detail h1,
.detail h2,
.detail h3,
.detail h4,
.detail h5,
.detail h6 {
  font-family: source-han-serif-japanese, serif;
  font-weight: 900;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0.9px;
  line-height: 1.6;
  margin: 24px 0;
}

/* .detail p {
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: 1.13px;
    margin: 24px 0;
} */

.detail p.news_date {
  letter-spacing: 1.15px;
  font-size: 23px;
  line-height: 1;
  font-family: mr-eaves-modern, sans-serif;
  font-weight: 800;
  font-style: italic;
  margin: 0 0 15px;
}

.large_image,
.medium_image {
  margin: 24px 0;
  text-align: center;
}

.large_image img {
  width: 100%;
  height: auto;
}

.medium_image img {
  max-width: 552px;
  width: 100%;
  height: auto;
}

hr {
  height: 0;
  margin: 24px 0px;
  padding: 0;
  border: 0;
  border-top: 1px solid #000;
}

/* .detail ul {
    font-size: 15px;
    margin: 24px 0px 24px 30px;
    list-style: disc outside;
    line-height: 1.9;
}

.detail ol {
    font-size: 15px;
    margin: 24px 0px 24px 30px;
    list-style: decimal outside;
    line-height: 1.9;
} */

.bold {
  font-weight: 500;
}

.detail .small_txt {
  font-size: 12px;
}

.img_txt_box1,
.img_txt_box2 {
  margin: 24px 0;
}

.img_txt_box1 .img {
  width: 48%;
  float: left;
}

.img_txt_box1 .txt {
  width: 48%;
  float: right;
}

.img_txt_box2 .img {
  width: 24%;
  float: left;
}

.img_txt_box2 .txt {
  width: 73%;
  float: right;
}

.detail .txt h1:first-child,
.detail .txt h2:first-child,
.detail .txt h3:first-child,
.detail .txt h4:first-child,
.detail .txt h5:first-child,
.detail .txt h6:first-child,
.detail .txt p:first-child,
.detail .txt ul:first-child,
.detail .txt ol:first-child {
  margin-top: 0;
}

/* .detail a {
    color: #F53794;
    text-decoration: underline;
} */

.detail a:hover {
  opacity: 0.6;
}

.detail .btn_type_1 a {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.75px;
  background-color: #000;
  line-height: 1.4;
  padding: 15px 20px 14px;
  font-weight: 500;
  margin: 0 12px 12px 0;
  text-decoration: none;
}

.detail .btn_type_1 a:last-child {
  margin-right: 0;
}

.detail .btn_type_1 a:hover {
  opacity: 0.6;
}

.detail-yt-wrapper {
  display: block;
  position: relative;
  width: 100%;
}

.detail-yt-wrapper:before {
  content: '';
  display: block;
  padding-top: 57.25%;
}

.detail-yt-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 770px) {
  .detail h1,
  .detail h2,
  .detail h3,
  .detail h4,
  .detail h5,
  .detail h6 {
    font-size: 17px;
    letter-spacing: 0.85px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  /* .detail p,
    .detail ul,
    .detail ol {
        font-size: 14px;
        letter-spacing: 1.05px;
        margin-top: 20px;
        margin-bottom: 20px;
    } */
  .detail p.news_date {
    font-size: 13px;
    margin: 0 0 10px;
  }

  .img_txt_box1,
  .img_txt_box2 {
    margin: 20px 0;
  }
  .img_txt_box1 .img,
  .img_txt_box2 .img {
    width: auto;
    float: none;
    margin: 0 0 20px;
    text-align: center;
  }

  .img_txt_box2 .img img {
    max-width: 236px;
    width: 100%;
    height: auto;
  }

  .img_txt_box1 .txt,
  .img_txt_box2 .txt {
    width: auto;
    float: none;
    margin: 20px 0 0;
  }
  .detail .btn_type_1 a {
    padding: 10px 15px 11px;
  }
}

.page_release-day {
  margin: 50px 0;
  display: flex;
  flex-direction: column;
}

.page_release-day p {
  display: inline-block;
  text-align: center;
  margin: 0;
}

.page_release-day p span {
  font-family: source-han-serif-japanese, serif;
  font-weight: 900;
  font-style: normal;
  letter-spacing: 1.15px;
  font-size: 20px;
  line-height: 2;
}
@media screen and (max-width: 770px) {
  .page_release-day p span {
    font-size: 18px;
  }
}

.page_release-day p:first-child span {
  background: linear-gradient(transparent 80%, #f53794 0%);
}

.page_release-day p:last-child span {
  background: linear-gradient(transparent 80%, #3ca7e5 0%);
}

.bluray_first-massege {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.9;
}
@media screen and (max-width: 770px) {
  .bluray_first-massege {
    font-size: 18px;
  }
}

.talk_line {
  letter-spacing: 0px;
  padding-left: 0.5em;
}

.bluray_flex {
  display: flex;
  justify-content: center;
  max-width: 440px;
  width: 100%;
  margin: 40px auto 0;
}
@media screen and (max-width: 1000px) {
  .bluray_flex {
    flex-direction: column;
  }
}

.bluray_flex + .bluray_flex {
  /*2番目以降*/
  margin-top: 20px;
}

.bluray_left {
  /* max-width: 100px; */
  width: 16%;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.9;
}
@media screen and (max-width: 1000px) {
  .bluray_left {
    width: 100%;
  }
}

.bluray_right {
  /* max-width: 500px; */
  width: 82%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.9;
  margin-left: 2%;
}
@media screen and (max-width: 1000px) {
  .bluray_right {
    width: 100%;
    margin-left: 0;
  }
}

.bluray_info {
  margin-top: 60px;
}

/*2番目以降*/
.bluray_info + .bluray_info {
  margin-top: 50px;
}

.bluray_serial {
  margin-top: 25px;
}

.bluray_headline {
  font-size: 16px;
  font-weight: 800;
  line-height: 1.5;
}

/*【】内で使用する＜＞のスタイル*/
.bluray_headline.bluray_headline--sub {
  font-weight: normal;
}

.bluray_text {
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 1.13px;
}

.bluray_text.asterisk {
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 1.75;
}

.bluray_common-info {
  margin-top: 60px;
}
@media screen and (max-width: 770px) {
  .bluray_common-info {
    margin-top: 40px;
  }
}

/* 店舗オリジナル特典 */
.bluray_items {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  .bluray_items {
    flex-direction: column;
    max-width: 600px;
    width: 100%;
    margin: auto;
  }
}
@media screen and (max-width: 770px) {
  .bluray_items {
    max-width: 500px;
  }
}
@media screen and (max-width: 480px) {
  .bluray_items {
    flex-direction: column;
  }
}

.bluray_item {
  width: calc((100% - 60px) / 2);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  .bluray_item {
    width: 100%;
  }
}
@media screen and (max-width: 770px) {
  /* .bluray_item {
		width: calc((100% - 20px) / 2);
	} */
}
@media screen and (max-width: 480px) {
  .bluray_item {
    width: 100%;
  }
}

.bluray_item + .bluray_item {
  margin-left: 60px;
}
@media screen and (max-width: 1000px) {
  .bluray_item + .bluray_item {
    margin-left: 0;
  }
}
@media screen and (max-width: 770px) {
  .bluray_item + .bluray_item {
    /* margin-left: 20px; */
  }
}
@media screen and (max-width: 480px) {
  .bluray_item + .bluray_item {
    margin-left: 0;
  }
}

.bluray_item:nth-child(2n + 1) {
  /* 1,3,5,… */
  margin-left: 0;
}

/*前から3番目以降*/
.bluray_item:nth-child(n + 3) {
  margin-top: 80px;
}
@media screen and (max-width: 1000px) {
  /*前から3番目以降*/
  .bluray_item:nth-child(n + 3) {
    margin-top: 0;
  }
}

@media screen and (max-width: 1000px) {
  /*前から2番目以降*/
  .bluray_item:nth-child(n + 2) {
    margin-top: 80px;
  }
}
@media screen and (max-width: 770px) {
  /*前から2番目以降*/
  .bluray_item:nth-child(n + 2) {
    margin-top: 60px;
  }
}

.bluray_item a {
  display: inline-block;
  text-decoration: none;
}

.bluray_item:hover a {
  opacity: 0.6;
}

.bluray_item .medium_image {
  overflow: hidden;
  margin: 0;
}

.bluray_item img {
  transition: all 0.4s;
}

.bluray_item:hover img {
  transform: scale(1.2, 1.2);
}

.bluray_item-title {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 1.15px;
  margin-top: 10px;
  color: #000;
}

@media screen and (max-width: 480px) {
  .bluray_item-title {
    font-size: 16px;
  }
}

.bluray_purchase-benefits {
  display: inline-block;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  font-size: 15px;
  letter-spacing: 0.75px;
  padding: 10px 15px;
  line-height: 1;
  text-decoration: none;
  margin-top: 10px;
}
@media screen and (max-width: 480px) {
  .bluray_purchase-benefits {
    font-size: 14px;
    padding: 8px 12px;
    margin-top: 15px;
  }
}

.bluray_goods-title {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1.15px;
  line-height: 1.5;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .bluray_goods-title {
    font-size: 16px;
    margin-top: 15px;
  }
}

.bluray_small-text {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 1.15px;
  line-height: 1.5;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .bluray_small-text {
    font-size: 14px;
    margin-top: 15px;
  }
}

/*前から2番目*/
.bluray_small-text + .bluray_small-text {
  margin-top: 10px;
}

.bluray_btn {
  display: inline-block;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.75px;
  padding: 10px 15px;
  line-height: 1;
  text-decoration: none;
  margin-top: 20px;
}

.bluray_campaign-number {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 1.15px;
}
@media screen and (max-width: 770px) {
  .bluray_campaign-number {
    font-size: 16px;
  }
}

.bluray_campaign-img {
  max-width: 250px;
  width: 100%;
  margin: 40px auto 0;
}

.bluray_caution {
  margin-top: 30px;
}

.bluray_caution-text {
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 1.75;
}

/* 箇条書きリストの共通パーツ ----------------------- */
.bluray_text.bullet-point.bullet-point--mt {
  margin-top: 20px;
}

.bullet-point,
.asterisk,
.bullet-point-number,
.rhombus {
  position: relative;
  padding-left: 1em;
  margin-top: 3px;
}

.asterisk-number {
  position: relative;
  padding-left: 2.2em;
  margin-top: 3px;
}

.bullet-point:first-child,
.asterisk:first-child,
.bullet-point-number,
.asterisk-number,
.rhombus {
  margin-top: 0;
}

.bullet-point::before {
  content: '・';
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 0;
  transform: translateY(-50%);
  font-size: 15px;
  color: #000;
}

.rhombus::before {
  content: '◆';
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 0;
  transform: translateY(-50%);
  font-size: 15px;
  color: #000;
}

.asterisk::before {
  content: '※';
  display: inline-block;
  position: absolute;
  top: 0.9em;
  left: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: #000;
}

.bullet-point-number::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 0;
  transform: translateY(-50%);
  font-size: 15px;
  color: #000;
}

.bullet-point-number::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 1em;
  left: 0;
  transform: translateY(-50%);
  font-size: 15px;
  color: #000;
}

.bullet-point-number.number01::before {
  content: '①';
}

.bullet-point-number.number02::before {
  content: '②';
}

.bullet-point-number.number03::before {
  content: '③';
}

.bullet-point-number.number04::before {
  content: '④';
}

.bullet-point-number.number04::before {
  content: '④';
}

.asterisk-number::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0.9em;
  left: 0;
  transform: translateY(-50%);
  font-size: 12px;
  color: #000;
}

.asterisk-number.asterisk-number01::before {
  content: '※1：';
}

.asterisk-number.asterisk-number02::before {
  content: '※2：';
}

/*  箇条書きリストの共通パーツ ここまで---------------- */