@charset "utf-8";
/*////////////// france/basicCSS Document //////////////*/

/* ===============================================
 all（基本事項/全共通）　
=============================================== */
/*.linkArea.btn（ボタンデザイン）------------------*/
.linkArea.btn {
    background-color: #063894;
    border-radius: 5px;
    font-weight: normal;
    box-shadow: 0 2px #b0b1b0;
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_right_001.png");
    background-position: 96% 50%;
    background-size: 16px;
}
.linkArea.btn.newWindow {
    background-image: url("/smp/common/img/kanto/france/special_france/box_001.png");
}
.linkArea.btn a {
    font-size: 1.3rem;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}


/*titleArea（タイトルデザイン）------------------*/
.titleArea {
    margin: 0;
    padding: 12% 0 7%;
    font-size: 200%;
    line-height: 1.4em;
}
.centerTitle {
    text-align: center;
}
.thinTitle {
    font-weight: normal;
}


/*subTitleArea（サブタイトルデザイン）------------------*/
.subTitleArea {
    font-size: 125%;
    padding: 4%;
}
.subTitleArea .smallText {
    font-size: 80%;
}


/*smallText（小さいタイトルデザイン）------------------*/
.titleArea .smallText {
    font-size: 65%;
    display: block;
    margin: -4px 0;
    line-height: normal;
}


/*longText（長いタイトルデザイン）------------------*/
.titleArea > .longText01 {
    font-size: 98%;
    letter-spacing: -2px;
}
.titleArea > .longText02 {
    font-size: 99%;
    letter-spacing: -1px;
}


#headerArea .titleArea.main {
    padding: 0;
}


/*line（ラインデザイン）------------------*/
.line01 {
    position: relative;
}
.line01:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-image: url("/smp/common/img/kanto/france/special_france/line_001.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto;
}


/*bg（背景デザイン）------------------*/
.bg001 {
    background-image: url("/smp/common/img/kanto/france/special_france/bg_001.webp");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: 20%;
}


/*frameBox（フレームデザイン）------------------*/
.frameBox {
    border: solid 1px #000;
    padding: 6% 12%;
}

.title02, .title03, .title04, .title05, .title06, h2, h3, h4, h5 {
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight:  bold;
} 

/* ===============================================
 headerArea（ヘッダーエリア）
=============================================== */
/*.leadArea（リード文）------------------*/
#headerArea .leadArea {
    margin: 3.5% 12% 5%;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight:  bold;
}


/*#gNav2（ナビ）------------------*/
#gNav2 {
    overflow: hidden;
}
#gNav2 .naveBox {
    background-color: #063894;
}
#gNav2 .naveBox.active {
    background-color: #E30B20;
}
#gNav2 ul li.swiper-slide+li {
    border-left: solid 1px #FFF;
}



/* ===============================================
 #mainArea（メインエリア）
=============================================== */
#mainArea {
    margin: 0;
}
#mainArea .cntsListArea {
    padding-top: 2%;
}


/*.cntsListArea（おすすめツアー枠がない場合）------------------*/
#mainArea > section:only-child {
    margin: 0 0 -3%;
    padding: 2% 0 18%;
    position: relative;
}
#mainArea > section:only-child:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-image: url("/smp/common/img/kanto/france/special_france/line_001.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    background-size: auto;
    bottom: 0;
}



/* ===============================================
 .cntsListArea（メインコンテンツエリア）
=============================================== */
/*titleArea（タイトル）------------------*/
.cntsListArea .titleArea {
    font-size: 180%;
    padding: 9% 0 2%;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight:  bold;
}
.cntsListArea .titleArea.cntsTitle {
    padding: 9% 0 6%;
}


/*phArea（画像）------------------*/
.cntsListArea .phArea {
    margin-bottom: 3%;
}
.ptn01 .descText+.phArea {
    margin-top: 3%;
}



/*descText（テキスト/枠あり）------------------*/
.cntsWrap .descText.flameText {
    border: solid 1px #C9C9C9;
    font-size: 85%;
    line-height: normal;
    padding: 2%;
    margin: 0 12% 4%;
}


/*ptn01（パターン01/一枚画像枠）------------------*/
.ptn01 .phArea {
    padding: 0 12%;
}
.ptn01 .descText {
    padding: 0 12%;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight:  bold;
}
.ptn01 .descText .smallText {
    font-size: 85%;
    line-height: normal;
}


/*.cntsList > .descArea（画像横にテキストパターン）------------------*/
.ptn01 .cntsList > .descArea {
    clear: both;
    overflow: hidden;
    padding: 0 12% 7%;
}

.ptn01 .cntsList > .descArea .phArea {
    float: left;
    width: 48%;
    padding: 0 3% 3% 0;
    margin: 0;
}

.ptn01 .cntsList > .descArea .descText {
    padding: 0;
}
.ptn01 .cntsList > .descArea .descText.straight {
    float: left;
    width: 49%;
}


/*title02（タイトル02/下線あり）------------------*/
.title02 {
    margin: 0 12% 4%;
    border-bottom: solid 1px #000;
    padding: 0 0 1%;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
}


/*title03（タイトル03/下線あり/左右アイコンあり）------------------*/
.title03 {
    padding: 1% 0;
    margin-bottom: 4%;
    border-bottom: solid 1px #000;
}
.title03 span {
    position: relative;
}
.title03 span:before {
    content: "";
    position: absolute;
    background-image: url("/smp/common/img/kanto/france/special_france/titile03_icon_001.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    background-size: 52%;
    width: 50%;
    height: 100%;
    left: -37%;
}
.title03 span:after {
    content: "";
    position: absolute;
    background-image: url("/smp/common/img/kanto/france/special_france/title03_icon_002.png");
    background-position: 0 4px;
    background-repeat: no-repeat;
    background-size: 52%;
    width: 50%;
    height: 100%;
    left: 109%;
}
.title03+.phArea {
    margin-top: 10%;
}
.title03.centerTitle.subTitleArea {
    margin: 0 12% 4%;
    font-size: 150%;
    padding-bottom: 2%;
}
.cntsAcd .title03.centerTitle.subTitleArea {
    margin: 0;
    font-size: 125%;
}


/*title04（タイトル04/下線あり/数字あり）------------------*/
.title04 {
    padding: 1% 0 1% 8%;
    margin: 0 12% 4%;
    border-bottom: solid 1px #000;
    background-position: .5% 30%;
    background-repeat: no-repeat;
    background-size: 2.1rem;
}
.title04.number01 {
    background-image: url("/smp/common/img/kanto/france/special_france/number_icon_01.png");
}
.title04.number02 {
    background-image: url("/smp/common/img/kanto/france/special_france/number_icon_02.png");
}
.title04.number03 {
    background-image: url("/smp/common/img/kanto/france/special_france/number_icon_03.png");
}
.title04.number04 {
    background-image: url("/smp/common/img/kanto/france/special_france/number_icon_04.png");
}
.title04.number05 {
    background-image: url("/smp/common/img/kanto/france/special_france/number_icon_05.png");
}
.title04.number06 {
    background-image: url("/smp/common/img/kanto/france/special_france/number_icon_06.png");
}


/*title06（タイトル06/背景灰色）------------------*/
.title06 {
    background-color: #E5E5E5;
    padding: 1% 2.5% 1%;
}


/*cntsDesc（コンテンツ大枠）------------------*/
.cntsListArea .cntsDesc {
    margin-top: 13%;
}


/*cntsBox（コンテンツ小枠）------------------*/
.cntsBox+.cntsBox {
    margin-top: 9%;
}


/*tableList（テーブルリストデザイン）------------------*/
.tableList .descText {
    padding: 2% 0;
}
.tableList li+li {
    margin-top: 3%;
}



/* ===============================================
 continueArea（CSSアコーディオンエリア）
=============================================== */
.continueArea {
    position: relative;
}
.continueBox {
    display: none;
}
.continueBtn01,
.continueBtn02 {
    z-index: 2;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 45%;
    margin: auto;
    padding: .5em 0;
    border-radius: 5px;
    background-color: #000;
    color: #FFF;
    font-size: 1.3rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 2px #B0B1B0;
    line-height: 2.6em;
}
.continueCnts::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 13rem;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 20%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 60%);
}
.continueBox:checked+.continueBtn {
    display: none;
}
.continueArea .continueBox:checked+ .continueCnts {
  height: auto;
}
.continueArea .continueBox:checked+ .continueCnts::before {
  display: none;
}


/*.continueCnts（高さ調節/基本）------------------*/
.continueCnts {
    position: relative;
    overflow: hidden;
    height: 104rem;
}
/*#paris .continueCnts（高さ調節/街歩きパリ）------------------*/
.walkingArea .continueCnts {
    position: relative;
    overflow: hidden;
    height: 92rem;
}
.foodArea .continueCnts {
    position: relative;
    overflow: hidden;
    height: 54em;
}
@media screen and (max-width: 330px) {
  .continueCnts {
      height: 100rem;
  }
  .walkingArea .continueCnts {
      height: 90rem;
  }
}



/* ===============================================
 .accordion（アコーディオン）
=============================================== */
/*ptn02（パターン2/二重線アコーディオン）------------------*/
.ptn02 .accordion {
    margin: 0 3.1%;
    border-top: none;
}
.ptn02 .accordion .descArea {
    padding: 7% 0;
    border-bottom: none;
}
.accordion .title05.tabArea {
    text-indent: 0;
    font-weight: normal;
    line-height: normal;
    border-bottom: none;
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_down_001.png");
    background-size: 23px;
    font-size: 180%;
    padding: 3% 0;
    position: relative;
}
.accordion .title05.tabArea:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-image: url("/smp/common/img/kanto/france/special_france/line_02.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 5px;
    left: 0;
    top: -5%;
}

.accordion .title05.tabArea:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 5px;
    background-image: url("/smp/common/img/kanto/france/special_france/line_02.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 5px;
    left: 0;
    bottom: -5%;
}
.accordion .title05.firstRow.tabArea {
    padding: 7% 0;
}
.accordion .title05.tabArea.open {
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_up_001.png");
}


/*bg002（パターン2/二重線アコーディオン/背景付）------------------*/
.accordion .title05.tabArea.bg002 {
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_down_001.png"), url("/smp/common/img/kanto/france/special_france/bg_001.webp");
    background-position: 97% 50%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 17px, 20%;
    font-size: 130%;
    font-weight: bold;
    padding: 4% 0;
}
.accordion .title05.tabArea.bg002.open {
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_up_001.png"), url("/smp/common/img/kanto/france/special_france/bg_001.webp");
}
.accordion .title05.tabArea.bg002:before {
    background-image: url("/smp/common/img/kanto/france/special_france/line_02.png"), url("/smp/common/img/kanto/france/special_france/bg_001.webp");
    background-repeat: no-repeat, repeat;
    background-size: 100% 5px, 20%;
}
.accordion .title05.tabArea.bg002:after {
    background-image: url("/smp/common/img/kanto/france/special_france/line_02.png"), url("/smp/common/img/kanto/france/special_france/bg_001.webp");
    background-repeat: no-repeat, repeat;
    background-size: 100% 5px, 20%;
}
.cntsBox.ptn02 .accordion {
    margin: 0 6%;
}
.cntsListArea > ul > .cntsBox > .accordion {
    margin-top: 6%;
}
.accordion .title05.tabArea.firstRow.bg002 {
    padding: 7%;
}
.ptn01.cntsAcd .phArea {
    padding: 0 6%;
}
.ptn01.cntsAcd .descText {
    padding: 0 6%;
}
.ptn01.cntsAcd .linkArea.btn {
    margin: 3% 6% 0;
}



/* ===============================================
 .table（テーブルデザイン）
=============================================== */
.phArea+.table01 {
    margin-top: 10%;
}
.table01 .th01 {
    display: block;
    white-space: nowrap;
    margin-top: 1rem;
}
.table01 .th01+.td01 {
    padding-left: 5%;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight:  bold;
}



/* ===============================================
 .swiper（スライダーデザイン）
=============================================== */
.cntsWrap .swiper-button-next {
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_right_003.png");
    top: 36%;
    background-size: 60%;
    right: 2%;
}
.cntsWrap .swiper-button-prev {
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_left_001.png");
    top: 36%;
    background-size: 60%;
    left: 2%;
}
.cntsWrap .swiper-pagination-bullet-active {
    background: #A0A0A0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}


/* ===============================================
 #tourArea（おすすめツアーエリア）
=============================================== */
/*#tourArea（大枠）------------------*/
#mainArea #tourArea {
    background-color: #EFEAE7;
    padding: 0 3.1%;
    margin: 0;
    padding-bottom: 4%;
}
#tourArea .linkArea.btn {
    margin: 9%;
}


/*#container（商品デザイン）------------------*/
#container .tour-preview {
    border-bottom: solid 1px;
    margin-bottom: 2%;
    padding-bottom: 2%;
}
#container .b-box {
    background-color: #000;
}
#container .on-label-text {
    display: none;
    color: #000;
}
#container .tour-api .tour-desc-date {
    color: #000;
}
#container .tour-desc .tour-desc-text03 {
    color: #8C0000;
    text-align: left;
}
#container .tour-api .tour-fuel {
    color: #8C0000;
    text-align: left;
}



/* ===============================================
 categoryArea（カテゴリーエリア）
=============================================== */
/*categoryArea（大枠）------------------*/
#mainArea .categoryArea {
    background-color: #EFEAE7;
    border-top: dashed 1.5px #6E6E6E;
    margin: 0;
    padding-bottom: 7%;
}


/*categoryArea（コンテンツデザイン）------------------*/
.categoryArea .titleArea {
    padding: 12% 0 0;
}
.categoryArea .descArea {
    margin: 0 12%;
    clear: both;
    overflow: hidden;
}
.categoryArea .descArea .phArea {
    width: 30%;
    margin: 0 5% 5% 0;
    float: left;
}
.categoryArea .descArea .descText {
    width: 65%;
    float: left;
}
.categoryArea .linkArea.btn {
    margin: 3% 10%;
}



/* ===============================================
 #footerArea（ヘッダーエリア）
=============================================== */
#footerArea {
    margin: 0;
}
.linkArea.list.top {
    margin: 0;
}


/* ===============================================
 #searchArea（検索エリア）
=============================================== */
/*（検索ボタン）------------------*/
#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
    background: -webkit-gradient(linear, left bottom, left top,
    color-stop(0, rgb(6, 56, 148)), color-stop(100%, rgb(6, 56, 148)));
    box-shadow: 0 2px #B0B1B0;
    border-radius: 5px;
    font-weight: normal;
}
#searchArea .otherLinkArea {
    border-top: dotted 1px #000;
}
#searchArea #tour_search_module .squeeze-area .btn-area {
    margin: 4% 13% 6%;
}

/* ===============================================
 featureArea（おすすめの特集）
=============================================== */

section #featureArea {
         margin-bottom: 15%;
}
#featureArea a {
	color: inherit;
}


/* featureList（リスト部分）------------------*/
#featureArea .featureList li {
	padding: 0 20px 0 0;
	background: url("/smp/common/img/kanto/icon/instruction/arrow_right_gray001.png") no-repeat 100% 50%;
	background-size: 20px 12px;
	border-bottom: 1px solid #CECECE;
}
#featureArea .featureList dl {
	width: 98%;
	margin: 6px 0 2px;
	display: table;
}
#featureArea .featureList .featureBox {
	width: 98%;
}
#featureArea .featureList dl dt {
	width: 80px;
	padding: 0 5px;
	display: table-cell;
	vertical-align: top;
}
#featureArea .featureList dl dd {
	display: table-cell;
	vertical-align: top;
}
#featureArea .featureList dl dd h3 {
	font-weight: bold;
}


/* ===============================================
 #otherArea（その他フランス情報エリア）
=============================================== */
/*#otherArea（大枠）------------------*/
#otherArea {
    background-color: #EFEAE7;
}


/*.cntsArea .cntsList（各コンテンツボックス基本設定）------------------*/
#otherArea .cntsArea {
    padding: 0 9% 10%;
}
#otherArea .titleArea {
    padding: 12% 0 0;
}
#otherArea .linkArea.btn {
    margin: 6% 4%;
}
#otherArea .cntsList+.cntsList {
    border-top: dashed 1.5px #6E6E6E;
}


/*.cntsBox01（コンテンツボックス01/写真設定）------------------*/
#otherArea .cntsBox01 .phArea {
    padding: 0 13%;
}


/*.cntsBox01（コンテンツボックス02/写真設定）------------------*/
.cntsBox02 .iconList {
    clear: both;
    overflow: hidden;
}
.cntsBox02 .iconList > li {
    width: 48%;
    float: left;
}
.cntsBox02 .iconList > li:nth-child(even) {
    margin-left: 2%;
}
.cntsBox02 .iconList > li .phArea {
    padding: 0 15%;
}



/* ===============================================
 versailles（ヴェルサイユ宮殿調節）
=============================================== */
/*title03（タイトル03/アイコン調節）------------------*/
#versailles .accessArea .title03 {
    border-bottom: none;
    font-size: 140%;
}
#versailles .title03 span.trainText:before {
    width: 230%;
    left: -150%;
}
#versailles .title03 span.trainText:after {
    width: 230%;
    left: 130%;
}


/*title06（タイトル06/幅調整）------------------*/
#versailles .accessArea .title06 {
    margin: 0 12%;
}
#versailles .accessArea .descText {
    margin: 0 12%;
    font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;
    font-weight:  bold;
}



/* ===============================================
 season（四季折々の風景調節）
=============================================== */
#seasonArea .phArea+ul > .cntsDesc.ptn01:first-child {
    margin-top: 6%;
}
#seasonArea .cntsList .accordion {
    margin: 0 6% 3%;
    border-top: none;
}

#seasonArea .cntsList .accordion .descArea {
    padding: 0;
    border-bottom: none;
}

#seasonArea .cntsList .accordion .descArea .linkArea.list {
    padding: 0.5% 1%;
    margin: 0;
    width: auto;
    font-weight: normal;
    background-image: url("/smp/common/img/kanto/france/special_france/arrow_right_004.png");
    background-size: 9px 17px;
    background-position: 96% 50%;
    border-bottom: 1px solid #000;
}
#seasonArea .cntsList .accordion .descArea .linkArea.list.newWindow {
    background-image: url("/smp/common/img/kanto/france/special_france/box_002.png");
    background-size: 16px;
    background-position: 97% 50%;
}
#season .ptn01 .descText .smallText {
    margin-bottom: 1rem;
    display: block;
}
/* ===============================================
 #searchApp 修正用
=============================================== */
#searchApp,
#searchApp .rn-searchMod__formTitle {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#searchApp .budget {
    background: #fff;

}