@charset "utf-8";
/* -------------------------------------- 共通クラス */
body {
  width: 100%;
}
.tokuten {
  margin: 1em auto 0;
  text-align: center;
}
.wrapper {
  width: 980px;
  margin: 0 auto;
  position: relative;
}
.inner {
  width: 720px;
  margin: 0 auto;
  position: relative;
}
.minbox {
  width: 650px;
  margin: .5em auto;
}
.img-txt {
  display: block;
  height: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
/* -------------------------------------- ヘッダー header  */
.logo {
  padding: 1.2em 0 0 200px;
}
main {
  background-color: #f0f0f0;
}
article.wrapper { 
  background-color: #FFFFFF;
}
/* -------------------------------------- キャッチ .catch */
picture {
  display: block;
  text-align: center;
}
/* -------------------------------------- 曲目一覧 .zurari */
.zurari {
  padding-top: 0;
}
.zurari .zurari-ttl .img-txt {
  padding-top: 218px;
  background-image: url("../be-img/sbsc/sax_03.jpg");
  background-size: contain;
}
.zurari .sub-ttl {
  padding-top: 304px;
  background-image: url("../be-img/sbsc/sax_04.jpg");
}
.zurari .music-list-main {
  height: 0;
  padding-top: 1343px;
  background-image: url("../be-img/sbsc/sax_05.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
.zurari h3.img-txt {
  padding-top: 28vw;
  background-image: url("../be-img/sin/sax-sin_zurari-sub-ttl2_sp.png");
  mix-blend-mode: lighten;
}
.zurari .music-list-sub {
  color: #FFFFFF;
  text-align: center;
}
.zurari .music-list-sub li {
  padding: 0 0 .2em;
  line-height: 1.4;
}
/* -------------------------------------- 試聴動画 .sample-movie */
.sample-movie {
  padding-top: 570px;
  background-image: url("../be-img/sbsc/sax_06.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  position: relative;
}
.sample-movie .yt_movie {
  position: absolute;
  top: 86px;
  left: 50%;
  transform: translateX(-50%);
}
/* -------------------------------------- ここがスゴイ！！ .sugoi */
.sugoi {
}
.sugoi h2.img-txt {
  padding-top: 1912px;
  background-image: url("../be-img/sbsc/sax_07.jpg");
}
.sugoi .sugoi-box {
  content-visibility: hidden;
  display: none;
}
/* -------------------------------------- 続く理由 .reason */
.reason h2.img-txt {
  padding-top: 1077px;
  background-image: url("../be-img/sbsc/sax_08.jpg");
}
.reason .rsn-list {
  content-visibility: hidden;
  display: none;
}
/* -------------------------------------- 収録曲一覧 .sample */
.sample {
  background-image: url("../be-img/sin/sax-sin_bg_d.png");
}
.sample h2 {
  max-width: 860px;
  margin: 0 auto 30px;
  padding: .8em 0;
  font-size: 3.6rem;
  color: #FFFFFF;
  font-family: source-han-serif-jp-variable, sans-serif;
  font-variation-settings: "wght" 600;
  text-align: center;
  text-shadow: 0 .2em .4em #470F00;
  background-color: #470F00;
  background-image: -webkit-linear-gradient(270deg,rgba(71,15,0,1.00) 30%,rgba(90,39,26,1.00) 50%,rgba(71,15,0,1.00) 70%);
  background-image: -moz-linear-gradient(270deg,rgba(71,15,0,1.00) 30%,rgba(90,39,26,1.00) 50%,rgba(71,15,0,1.00) 70%);
  background-image: -o-linear-gradient(270deg,rgba(71,15,0,1.00) 30%,rgba(90,39,26,1.00) 50%,rgba(71,15,0,1.00) 70%);
  background-image: linear-gradient(180deg,rgba(71,15,0,1.00) 30%,rgba(90,39,26,1.00) 50%,rgba(71,15,0,1.00) 70%);
  border-radius: .5em;
}
.sample p.sub-ttl {
  width: 780px;
  margin: 0 auto 30px;
  padding-left: 150px;
  font-variation-settings: "wght" 700;
  line-height: 1.4;
  position: relative;
}
.sample p.sub-ttl .play-icon {
  display: block;
  width: 85px;
  height: 55px;
  background-image: url("../be-img/sin/volume-icon.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 85px auto;
  mix-blend-mode: multiply;
  position: absolute;
  left: 50px;
  top: 50%;
  transform: translateY(-50%);
}
.sample p.sub-ttl .kome {
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
.sample .sample-music.inner {
  width: 860px;
  border-top: 1px solid #9b9b9b;
  border-left: 1px solid #9b9b9b;
}
@media screen and (max-width:860px){
.sample .sample-music.inner {
  transform: scale(90%) translateX(-3.5%);
  transform-origin: top;
}
}
.sample .sample-music thead.is-pc {
  display: table-header-group;
}
.sample .sample-music tr th, 
.sample .sample-music tr td {
  padding: .5em 1em;
  border-right: 1px solid #9b9b9b;
  border-bottom: 1px solid #9b9b9b;
  vertical-align: top;
}
.sample .sample-music tr th {
  color: #FFFFFF;
  font-size: 2.4rem;
  font-variation-settings: "wght" 250;
  text-align: center;
  background-color: #4E240B;
}
.sample .sample-music tbody tr th {
  width: 170px;
  padding: .5em;
}
.sample .sample-music tr td {
  background-color: #FFFFFF;
}
.sample .sample-music tr td:first-of-type {
  background-color: #FFFCE5;
}
.sample .sample-music tr th h3 {
  margin-bottom: .2em;
  font-variation-settings: "wght" 400;
}
.sample .sample-music tr td h4,
.sample .sample-music tr td p.h4 {
  margin-bottom: .2em;
  font-size: 1.8rem;
  font-variation-settings: "wght" 700;
  white-space: nowrap;
}
/* オーディオスタイル調整 */
.sample-music td .plyr--audio .plyr__controls {
  height: 2em;
  margin-bottom: .5em;
  padding: 1.4em 1em;
  border: 2px solid #FFF2DD;
  border-radius: 1.5em;
}
/* -------------------------------------- お届けするセット内容 .setitem */
.setitem {
  padding-bottom: 0;
}
.setitem > h2 {
  height: 0;
  padding-top: 508px;
  background-image: url("../be-img/sbsc/sax_11.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
.setitem .setbox {
  content-visibility: hidden;
  display: none;
}
/* -------------------------------------- 乞うご期待 .kitai */
.kitai h2.img-txt {
  padding-top: 2414px;
  background-image: url("../be-img/sbsc/sax_12.jpg");
}
/* -------------------------------------- 各巻紹介 .item */
.item {
  padding: 0;
}
.item-info {
  height: 0;
  padding-top: 890px;
  background-image: url("../be-img/sbsc/sax_item.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  overflow: hidden;
}
/* -------------------------------------- e-shopsカート .ord_eshops */
.ord_eshops {
  height: 200px;
  margin: .5em 0;
  padding: 0;
  text-align: center;
}
/* 購入ボタン */
.ord_eshops .buybtn {
  width: 880px;
  height: 0;
  margin: 0 auto;
  padding-top: 203px;
  background-image: url("../be-img/sbsc/sax_btn.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: contain;
  overflow: hidden;
}
.pay-type {
  text-align: center;
}
/* -------------------------------------- お支払いについて .payment */
.payment h2.img-txt {
  margin-bottom: .5em;
  padding-top: 90px;
  background-image: url("../be-img/sbsc/sax_18.jpg");
}
.payment .inner {
  padding-top: .1em;
  padding-bottom: .1em;
  /*background-color: #FFF6BC;*/
}
.payment .minbox {
  width: 100%;
  margin: 1em 0;
}
.payment h3 {
  margin-bottom: 0;
  color: #BD2901;
}
.payment h3::before {
  content: "＜";
}
.payment h3::after {
  content: "＞";
}
.payment p {
  margin-bottom: 0;
}
.mark-ul li {
  padding-left: 1em;
  text-indent: -1em;
}
.mark-ul li::before {
  content: "\02022";
  display: inline-block;
  width: 1em;
  text-align: center;
  text-indent: 0;
}
/* -------------------------------------- 内容確認 .confirm */
.confirm {
  padding: 0;
  margin: 0;
  background-image: url("../be-img/sin/sax-sin_bg_d.png");
}
.confirm h2.img-txt {
  margin-bottom: 0;
  padding-top: 243px;
  background-image: url("../be-img/sbsc/sax_16.jpg");
  background-position: center bottom;
  background-size: auto 243px;
}
.confirm .contentbox {
  margin: 0;
  padding: 0;
  height: 0;
  padding-top: 711px;
  background-image: url("../be-img/sbsc/sax_17.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  box-shadow: none;
  overflow: hidden;
}
/* -------------------------------------- よくある質問 .qa */
.qa .qabox {
  width: 90%;
  max-width: 860px;
  margin: 0 auto 40px;
}
.qa .qabox h2.img-txt {
  padding-top: 90px;
  background-image: url("../be-img/sbsc/sax-mth-45.jpg");
}
.qa .qabox p.img-txt {
  padding-top: 52px;
  background-image: url("../be-img/sbsc/sax_20.jpg");
  margin: 0 0 30px;
}
.qa dl.qa-list {
  width: 90%;
  max-width: 750px;
  margin: 0 auto;
}
.qa dt {
  min-height: 90px;
  padding: 0 1.5em 0 100px;
  color: #FFFFFF;
  font-size: 2.4rem;
  font-weight: normal;
  text-align: justify;
  line-height: 90px;
  background-color: #bd2901;
  background-image: url("../be-img/sin/sax-sin_qa-icon-q.png");
  background-repeat: no-repeat;
  background-position: left 10px center;
  background-size: 90px 90px;
  overflow: hidden;
}
.qa dt.line2 {
  padding: 20px 1.5em 20px 100px;
  line-height: 1.5;
  background-position: left 10px top .2em;
}
.qa dd {
  margin: 0;
  padding: 20px 1.5em 30px 100px;
  color: #430c00;
  font-size: 2.2rem;
  text-align: justify;
  background-color: #eed6b2;
  background-image: url("../be-img/sin/sax-sin_qa-icon-a.png");
  background-repeat: no-repeat;
  background-position: left 5px top .2em;
  background-size: 90px 90px;
}
.qa dd p {
  margin: 0;
}
/* -------------------------------------- ヤマト運輸ネコポス対応 .yamato-post */
.yamato-post {
  margin-bottom: 2em;
}
.yamato-post p {
  margin-bottom: 0;
  text-align: center;
}
.yamato-post p.post-txt {
  width: 540px;
  margin: 0 auto;
  text-align: justify;
  font-size: .8em;
}
/* -------------------------------------- ショップインフォ .shopinfo */
#shopinfo {
  max-width: 980px;
  margin: 0 auto;
  padding: 4em 3em;
  font-size: 1.5rem;
  line-height: 1.4;
}
#shopinfo img {
  width: auto;
  max-width: 100%;
}
#shopinfo .flexbox {
  align-items: flex-start;
  justify-content: center;
}
#shopinfo .shopinfo_l {
  width: 430px;
  border-right: 1px dotted #CCCCCC;
  padding: 0 19px 0 .5em;
}
#shopinfo .shopinfo_r {
  width: 430px;
  padding: 0 .5em 0 20px;
}
#shopinfo h2, #shopinfo h3 {
  margin: .5em 0;
  padding: 0 0 0 20px;
  height: 36px;
  position: relative;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: normal;
  font-variation-settings: "wght" 400;
  text-align: left;
  line-height: 36px;
  background-color: #3D1B0E;
}
#shopinfo h2::before, #shopinfo h3::before {
  content: "";
  display: block;
  width: 3px;
  height: 1em;
  background-color: #FFFFFF;
  position: absolute;
  top: 10px;
  left: 10px;
}
#shopinfo h4 {
  margin: 1em 0 .5em;
  font-size: 1.5rem;
  font-weight: bold;
  font-variation-settings: "wght" 500;
  line-height: 1.6;
  border-bottom:1px solid #000;
}
#shopinfo ul {
  letter-spacing: 0;
  padding-left: 0;
  list-style-type: none;
}
#shopinfo .bg-yell {
  background-color: #FFFFF4;
  border: 1px solid #CCCC00;
  margin: .5em 0 1em;
  padding: .5em;
}
#shopinfo .maxw60 {
  max-width: 240px;
}
#shopinfo .maxh60 {
  max-height: 60px;
}