@charset "utf-8";
/*////////////// MontsaintmicheCSS Document //////////////*/

/* ===============================================
 swiper（スライダーデザイン）　
=============================================== */
#montsaintmiche .timesArea .slideBox {
  padding: 0 12% 2.8rem;
}
#montsaintmiche .timesArea .swiper-pagination {
  bottom: 4%;
}

/* .descText（コンテンツ内アイコン）------------------*/
#montsaintmiche .timesArea .descText {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 0 0 0 4rem;
  width: 88%;
  height: 3.5rem;
  display: table-cell;
  vertical-align: middle;
}
#montsaintmiche .timesArea .descText.morningIcon {
  background-image: url('../images/sp/montsaintmiche/montsaintmiche_times_icon_001.png');
}

#montsaintmiche .timesArea .descText.noonIcon {
  background-image: url('../images/sp/montsaintmiche/montsaintmiche_times_icon_002.png');
}

#montsaintmiche .timesArea .descText.nightIcon {
  background-image: url('../images/sp/montsaintmiche/montsaintmiche_times_icon_003.png');
}

/* ===============================================
 CSSaccordion（cssのみアコーディオン）　
=============================================== */
.heritageArea .continueCnts {
  height: 59rem;
}
.historyArea .continueCnts {
  height: 36rem;
}

/* ===============================================
 accordion（アコーディオン）　
=============================================== */
/* .hotelArea（ホテルコンテンツ内）------------------*/
#montsaintmiche .hotelArea .accordion {
  padding-top: 5%;
}
.cntsAcd.hotelListArea {
  clear: both;
  overflow: hidden;
}
.cntsAcd.hotelListArea > li:nth-child(1),
.cntsAcd.hotelListArea > li:nth-child(2) {
  margin-top: 0;
}
.cntsAcd.hotelListArea > li {
  margin-top: 3%;
  width: 47%;
  float: left;
}
.cntsAcd.hotelListArea > li:nth-child(even) {
  margin-left: 6%;
}
.ptn01 .cntsAcd.hotelListArea .phArea {
  padding: 0;
  margin-bottom: 5%;
}
.ptn01 .cntsAcd.hotelListArea .descText {
  padding: 0;
}
#montsaintmiche .hotelArea .cntsBox + .cntsBox {
  margin-top: 15%;
}

/* ===============================================
 （調節）
=============================================== */
/*title03（タイトル03/アイコン調節）------------------*/
#montsaintmiche .hotelArea .title03 span:before {
  width: 71%;
  left: -50%;
}
#montsaintmiche .hotelArea .title03 span:after {
  width: 71%;
  right: 50%;
}
/*cntsAcd（CSSアコーディオン/コンテンツ調節）------------------*/
#montsaintmiche .historyArea .cntsAcd {
  margin: 0 3.1%;
}
#montsaintmiche .historyArea .cntsAcd .phArea {
  padding: 0;
}
.cntsList.historyArea {
  margin: 13% 0;
}