/* TABLE OF CONTENTS:
 * 
 * 01 どのサイズでも共通で適用されるスタイル
 *    - テーマ調整
 *    - スライダ
 *    - 新着情報
 * 02 幅 480px 以上
 * 03 幅 768px 以上
 *    - 新着情報
 * 04 幅 880px 以上
 * 05 幅 1072px 以上
 * 06 幅 1264px 以上
 */

/* --------------------------------------------------------------------------------------------------------
   01
 *
 * どのサイズでも共通で適用されるスタイル
 */

  /* テーマ調整 */
  .site-main {
    padding-top: 0;
  }




  /* スライダ */
  .entry-content #mainImage {
    padding-top: 0;
    padding-bottom: 0;
  }
  .swiper-pagination-bullet-active {
    background: #663333 !important;
  }



  /* 新着情報 */
  #news.outer {
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  #news {
    background: #f7f6ee;
  }
  #news dl dt {
    background: #663333;
    color: #FFF;
    font-weight: normal;
    padding: 0.3em 0.8em;
  }
  #news dl dd {
    padding: 0.3em 0.8em;
    margin: 0;
  }
  #news dl dd span {
    font-size: 0.8em;
  }
  #news dl dd a {
    display: block;
  }
  #news dl dd:last-child {
    border-top: 1px #663333 dashed;
    font-size: 0.8em;
    text-align: right;
    padding: 1em;
  }




/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {

    /* ここにスタイル */

}/* End 620px Mobile Large */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {

  /* 新着情報 */
    #news.outer {
      padding-left: 1px;
    }
    #news dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    #news dl dt {
      font-size: 1.6rem;
    }
    #news dl dd {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
    }
    #news dl dd a {
      display: inline-block;
      margin-left: 1em;
    }
    #news dl dd:last-child {
      border-top: none;
      border-left: 1px #663333 dashed;
      padding: 0.5em;
      -webkit-box-flex: 0;
          -ms-flex-positive: 0;
              flex-grow: 0;
    }

}/* End 740px Tablet Small */



/* --------------------------------------------------------------------------------------------------------
   04
 *
 * 幅 880px 以上
 */
@media screen and (min-width: 55em) {

    /* ここにスタイル */

}/* End 880px Tablet Large */



/* --------------------------------------------------------------------------------------------------------
   05
 *
 * 幅 1072px 以上
 */
@media screen and (min-width: 67em) {

    /* ここにスタイル */

}/* End 955px Desktop Small */



/* --------------------------------------------------------------------------------------------------------
   06
 *
 * 幅 1264px 以上
 */
@media screen and (min-width: 79em) {

    /* ここにスタイル */

}/* End 1100px Desktop Medium */