@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("/smp/common/img/kanto/france/special_france/montsaintmiche/montsaintmiche_times_icon_001.png");
}

#montsaintmiche .timesArea .descText.noonIcon {
    background-image: url("/smp/common/img/kanto/france/special_france/montsaintmiche/montsaintmiche_times_icon_002.png");
}

#montsaintmiche .timesArea .descText.nightIcon {
    background-image: url("/smp/common/img/kanto/france/special_france/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;
}