@charset "utf-8";
/* このファイルはUTF-8のBOMなし(UTF-8N)で保存しています */

/**
 * CSS Information
 * ===============================================================
 *
 * Site URL:  http://
 * File name: index.css
 * Summary:   トップページの固有スタイル
 * Author:    CrEa., Inc.
 *
 * -----------------------------------
 *
 * TOC:
 *     =1    index
 *
 * ===============================================================
*/



/** =1
 * ========================================
 * index
 * ========================================
 */

#home {
}

  /* -- >>> styles for narrow layout ----- */
  @media screen and (max-width: 767px) {
    #home {
    }
  }

  /* -- >>> styles for wide layout ----- */
  @media screen and (min-width: 768px) {
    #home {
    }
  }

  /*
   * boxBannersPickup
   * ----------------------------------
   */
  .boxBannersPickup {}

    /* -- >>> styles for narrow layout ----- */
    @media screen and (max-width: 767px) {
      .boxBannersPickup {
        padding-top: 10px;
        padding-bottom: 30px;
      }
      .boxBannersPickup .itemBanner + .itemBanner {
        margin-top: 10px;
        /* margin-top: 15px; */
      }

      .boxBannersPickup .itemBanner.bnrPool a {
        display: block;
      }
      .boxBannersPickup .itemBanner.bnrPool a + a {
        margin-top: 10px;
      }
    }

    /* -- >>> styles for wide layout ----- */
    @media screen and (min-width: 768px) {
      .boxBannersPickup {
        margin-right: -1%;
        margin-left: -1%;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 0;
        letter-spacing: -.4em;
        word-spacing: -.4em;
      }
      .boxBannersPickup .itemBanner {
        display: inline-block;
        padding: 10px 1%;
        box-sizing: border-box;
        font-size: 1.4rem;
        letter-spacing: 0;
        word-spacing: 0;
      }
      .boxBannersPickup .itemBanner.half {
        width: 50%;
      }
      .boxBannersPickup .itemBanner.half.posCenter {
        margin-right: 25%;
        margin-left: 25%;
      }
      .boxBannersPickup .itemBanner.pair {
        font-size: 0;
        letter-spacing: -.4em;
        word-spacing: -.4em;
      }
      .boxBannersPickup .itemBanner.pair a {
        display: inline-block;
        width: 50%;
        font-size: 1.4rem;
        letter-spacing: 0;
        word-spacing: 0;
      }

      .boxBannersPickup .itemBanner.bnrRakuten {
        width: 40%;
        width: -webkit-calc( 420/1040 * 100% );
        width: calc( 420/1040 * 100% );
      }
      /* .boxBannersPickup .itemBanner.bnrSummer {
        margin-right: 25%;
        margin-left: 25%;
      } */
    }

  /*
   * articlePoint
   * ----------------------------------
   */
  .articlePoint {}

    /* -- >>> styles for wide layout ----- */
    @media screen and (min-width: 768px) {
      .articlePoint .boxPoint:nth-child(2n) .itemText {
        width: 33.33333333333333%;
        width: -webkit-calc( 1/3 * 100% );
        width: calc( 1/3 * 100% );
        margin-left: 0;
      }
      .articlePoint .boxPoint:nth-child(2n+1) .itemText {
        width: auto;
        margin-left: 66.66666666666667%;
        margin-left: -webkit-calc( 2/3 * 100% );
        margin-left: calc( 2/3 * 100% );
      }
    }


  /*
   * blockOtherIndex
   * ----------------------------------
   */
  .blockOtherIndex {}

    /* [ boxBanners ]
    ------------------------------ */
    .boxBanners {}

      /* -- >>> styles for narrow layout ----- */
      @media all and (max-width: 767px) {
      }

      /* -- >>> styles for wide layout ----- */
      @media all and (min-width: 768px) {
        .boxBanners {
          margin-top: 0;
        }
      }

    /* [ boxSns ]
    ------------------------------ */
    .boxSns {}

      /* -- >>> styles for narrow layout ----- */
      @media all and (max-width: 767px) {
      }

      /* -- >>> styles for wide layout ----- */
      @media all and (min-width: 768px) {
        .boxSns {
          height: 253px;
          padding-top: 42px;
        }
      }

    /* [ boxBelong ]
    ------------------------------ */
    .boxBelong {}

      /* -- >>> styles for narrow layout ----- */
      @media all and (max-width: 767px) {
      }

      /* -- >>> styles for wide layout ----- */
      @media all and (min-width: 768px) {
        .boxBelong {
          margin-top: 0;
        }
      }

      /* bnrWorldHotels */
      #bnrWorldHotels {}

        /* -- >>> styles for narrow layout ----- */
        @media all and (max-width: 767px) {
        }
        /* -- >>> styles for wide layout ----- */
        @media all and (min-width: 768px) {
          #bnrWorldHotels a {
            height: auto;
          }
        }