@charset "UTF-8";
/* saigoku33.CSS Document */

/*================================================
背景色
================================================*/
.Contents-bg01 {
    position: relative;
    background: rgb(229, 245, 255);
    background: linear-gradient(135deg, rgba(229, 245, 255, 1) 0%, rgba(229, 245, 255, 1) 50%, rgba(194, 250, 231, 1) 100%);
    width: 100%;
    height: auto;
}

.Contents-bg02 {
    position: relative;
    background: rgb(229, 245, 255);
    background: linear-gradient(45deg, rgba(229, 245, 255, 1) 0%, rgba(229, 245, 255, 1) 50%, rgba(194, 250, 231, 1) 100%);
    width: 100%;
    height: auto;
    margin-bottom: 40px;
    padding-bottom: 150px;
}

.Contents-bg02::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 150px 0 0 calc(100vw - 15px);
    border-color: transparent transparent transparent #fff;
    transform: scale(-1, 1);
}

/*================================================
タイトル
================================================*/

.Keyvisual__outer {
    background-image: url(../images/keyvisual__idx-pc.png);
}

.Keyvisual__inner {
    height: 960px;
}

/*================================================
アンカー・ボタン類
================================================*/
.Page__items {
    justify-content: center;
}

/*================================================
コンテンツ
================================================*/
.Sec-movie::after {
    background-image: url(../../common/images/deco03__blue-big.png);
}

.Sec-temple {
    justify-content: flex-start;
}

.Sec-temple::after {
    background-image: url(../../common/images/deco04__blue-big.png);
}

.Temple__item:nth-child(-n+5) {
    margin-bottom: 26px;
}

.Temple__item:not(:nth-child(5n)) {
    margin-right: 26px;
}

.Temple-frame {
    display: flex;
    flex-direction: column;
}

.Temple__title {
    text-align: center;
}

.Temple__map-button {
    margin-top: auto;
}

.MapModal {
    width: 550px;
}

.MapModal__header {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    padding: 0 25px;
}

.MapModal__header::before,
.MapModal__header::after {
  content: "";
  position: absolute;
  display: inline-block;
  background-image: url(../../common/images/deco__temple.svg);
  background-repeat: no-repeat;
  background-position: center;
  top: calc(50% + 2px);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
}

.MapModal__header::before {
  left: 0;
}

.MapModal__header::after {
  right: 0;
}

.Map__image img {
    width: auto;
}

.Feature__link:hover {
    background-color: #E5F5FF;
}

/*================================================
ツアーはこちら
================================================*/
.Tour__table caption {
    background-color: #E5F5FF;
}

.Tour__table th {
    background-color: #8fc5e6;
}

/*================================================
説明会開催のご案内
================================================*/
/* ページャー */
.search_pager_wrap li:hover,
.search_pager_wrap li.current {
  background-color: #8FC5E6;
}