@charset 'utf-8';

/* CSS Document */
/* =========================================================
 プレイ内容　indexページ
========================================================= */


/* =========================================================
 PC用
========================================================= */
@media screen and (min-width: 769px) {
  .courseBlock p {
    line-height: 1.5;
    margin-bottom: 20px;
  }

  .courseBox {
    background: url('/img/play/bg_play.jpg') repeat;
    padding: 9px 10px 2px;
  }

  .courseBox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .courseBox li {
    width: 366px;
    margin-bottom: 9px;
  }


  /* デートコースページ */
  .priceWrap {
    width: 760px;
    margin: 10px auto 0;
    border: solid #e3e3e3 1px;
    padding: 10px;
    background: url('/img/play/bg_priceWrap.jpg') no-repeat;
    background-size: 100% 100%;
    box-sizing: border-box;
  }

  .priceText {
    padding: 0 20px;
    border: 1px solid #b5ac87;
    margin-bottom: 10px;
  }

  .priceText p {
    font-size: 14px;
    line-height: 1.58;
    color: #f2eedb;
    font-family: heisei-mincho-std, serif;
    margin: 20px auto;
  }
  
}

/* =========================================================
 スマホ用
========================================================= */
@media screen and (max-width: 768px) {
  .courseBlock {
    margin-top: 4%;
  }

  .courseBlock>p {
    width: 96%;
    margin: 0 auto 6%;
    line-height: 1.3;
  }

  .courseBlock>p:last-of-type {
    margin-bottom: 0;
  }

  .courseBox {
    margin: 4% 0 6%;
    background-image: url("/s/img/play/bg_imgBlock.jpg");
    padding: 4% 4% 1%;
  }

  .courseBox li {
    margin-bottom: 4%;
  }


  /* デートコースページ */
  section.dateCourse {
    background: url('/s/img/play/bg_playBox.jpg') no-repeat;
  }
  section.dateCourse article>div {
    width: 96%;
    margin: 0 auto;
  }
  section.dateCourse article>div.priceWrap {
    margin: 3% auto 5%;
    padding-bottom: 4%;
  }

  .priceText {
    border: 1px solid #b5ac87;
    padding: 3% 3% 0;
    margin-bottom: 3%;
  }

  .priceText p {
    font-size: 3.8vw;
    line-height: 1.5;
    margin-bottom: 5%;
    color: #f2eedb;
  }

  .priceImage p {
    color: #ffffff;
    line-height: 1.35;
    margin: 1% auto 0;
  }

}