@charset "UTF-8";

/**
 * DVD第7弾LP専用スタイルシート
 * 
 * @package my-snow-monkey
 * @author POSSWEB
 * @version 1.0.0
 */

/* =======================================
　DVD第7弾LP専用のスタイルをここに記述してください
======================================= */



/* ===============================
   DVD第7弾LP PC専用背景画像設定
   =============================== */

/* PC・大画面タブレットのみ背景画像を表示（782px以上） */
@media screen and (min-width: 782px) {

  /* ページ全体の設定 */
  body.page-template-dvd-7th-lp {
    position: relative;
    margin: 0;
    padding: 0;
  }

  /* 背景画像の設定（疑似要素使用） */
  body.page-template-dvd-7th-lp::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/lpdvd07/dvd7-page-bg-typo-min.png), url('../images/lpdvd07/dvd7-page-bg-min.jpg');
    background-size: 35vw, cover;
    background-position: 98% 98%, right top;
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed;
    z-index: -1;
  }

  /* コンテンツエリアの背景を透明に */
  body.page-template-dvd-7th-lp .l-contents,
  body.page-template-dvd-7th-lp .l-container,
  body.page-template-dvd-7th-lp main {
    background: transparent !important;
  }
}

/* スマホ・小型タブレットでは背景画像を表示しない */
@media screen and (max-width: 781px) {

  /* 背景画像を完全に無効化 */
  body.page-template-dvd-7th-lp::before {
    display: none !important;
  }

  /* 背景をクリア */
  body.page-template-dvd-7th-lp {
    background: none !important;
    background-image: none !important;
  }
}




/* コンテンツ背景の調整 */
.l-contents__body {
  background-color: #F4F4F4;
  background: transparent;
}


/*----- DVD購入エリア -----*/
/* 購入するボタン */
.wp-block-snow-monkey-blocks-buttons.smb-buttons.dvd7.buy-btn a {
  border: 3px solid #FFF;
}

.wp-block-snow-monkey-blocks-buttons.smb-buttons.dvd7.buy-btn a img {
  vertical-align: -2px;
}



/*----- DVDの各章について -----*/
/* セクション */
.dvd-menu-section .smb-section__background {
  background-color: transparent;
}

/* セクションタグ */
p.dvd7.sub-section-name {
  border: 1px solid #FFF;
  display: inline-block;
  line-height: 1;
  padding: 8px 16px;
}