@charset "UTF-8";
/* -----------------------------------------------------------
CSS Information

File name:      sub.css
Created:        2018-12-28
Style Info:     鉄道の旅　CSS
----------------------------------------------------------- */



.rail-europe .bl_wrap {padding: 40px 0 50px;}

.rail-europe .bl_page_visual { width: 100%; height: 240px;}
.rail-europe.page_italy .bl_page_visual {background:#f6f4ee url(../img/01_italy/header_tit_bg.jpg) bottom center no-repeat;}
.rail-europe.page_spain .bl_page_visual {background:#f6f4ee url(../img/02_spain/header_tit_bg.jpg) bottom center no-repeat;}
.rail-europe.page_france .bl_page_visual {background:#f6f4ee url(../img/03_france/header_tit_bg.jpg) bottom center no-repeat;}
.rail-europe.page_paris .bl_page_visual {background:#f6f4ee url(../img/04_paris/header_tit_bg.jpg) bottom center no-repeat;}
.rail-europe.page_london .bl_page_visual {background:#f6f4ee url(../img/05_london/header_tit_bg.jpg) bottom center no-repeat;}
.rail-europe.page_central-europe .bl_page_visual {background:#f6f4ee url(../img/06_central-europe/header_tit_bg.jpg) bottom center no-repeat;}
.rail-europe.page_finland .bl_page_visual {background:#f6f4ee url(../img/07_finland/header_tit_bg.jpg) bottom center no-repeat;}


.rail-europe .page_visual {width: 100%; max-width: 1000px; margin: 0 auto;}

@media (max-width:1030px) {
  .rail-europe .bl_page_visual {height: 24vw; background: none;}
  .rail-europe .bl_page_visual .dis_pc {display: block;}
  .rail-europe .bl_page_visual .dis_sp {display: none;}
  
}

@media (max-width:640px) {
  .rail-europe .bl_page_visual {height: auto;}
  .rail-europe .bl_page_visual .dis_pc {display: none;}
  .rail-europe .bl_page_visual .dis_sp {display: block}
    
}

.rail-europe #bl_route .tit_ty_01 {margin-bottom: 30px;}
.rail-europe #bl_route .fl.dis_pc {width: 27%;}
.rail-europe #bl_route .bl_bord {width: 70%; padding: 30px 40px 25px; background: #fff; border-top: solid 5px #00501e;} 
.rail-europe #bl_route .bl_bord ul {margin-bottom: 10px;}
.rail-europe #bl_route .bl_bord ul li {font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.rail-europe #bl_route .bl_bord .link_btn_down {width: 220px; float: right;}

@media (max-width:1030px) {
  .rail-europe #bl_route .fl.dis_pc {display: block;}
  .rail-europe #bl_route .bl_bord .dis_sp {display: none;}
}

@media (max-width:640px) {
  .rail-europe #bl_route .bl_bord {width: 100%; }
  .rail-europe #bl_route .bl_bord .clearfix {display: table; width: 100%;}
  .rail-europe #bl_route .bl_bord .bl_map { display: table-cell;width: 50%;}
  .rail-europe #bl_route .bl_bord .bl_btn { display: table-cell; vertical-align: bottom;width:50%; padding-left: 20px;}
  .rail-europe #bl_route .bl_bord .link_btn_down {width: 100%;}

  .rail-europe #bl_route .fl.dis_pc {display: none;}
  .rail-europe #bl_route .bl_bord { padding: 15px;}
  .rail-europe #bl_route .bl_bord ul li {font-size: 16px;}
  .rail-europe #bl_route .bl_bord .bl_btn {padding-left: 10px;}
  
}

.rail-europe #bl_train .tit_ty_01 {margin-bottom: 30px;}
.rail-europe #bl_train .tit_train {background: #00501e; height: 75px; position: relative; margin-bottom: 40px;}
.rail-europe #bl_train .tit_train span { font-size: 28px; font-weight: bold; color: #fff; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.rail-europe #bl_train .tit_train:after {content: ""; width: 1; height:10 ; display: block; border: solid 10px transparent; border-top: solid 10px #00501e; position: absolute; bottom: -20px; left: 50%; margin-left: -10px;}
.rail-europe #bl_train .content_box {margin-bottom: 80px;}
.rail-europe #bl_train .content_box:last-child {margin-bottom: 0;}

.rail-europe #bl_train .wrap_01 {margin-bottom: 30px;}
.rail-europe #bl_train .wrap_01 figure {width: 58%;}
.rail-europe #bl_train .wrap_01 .bl_bord_01 {width: 38%;}
.rail-europe #bl_train .wrap_01 .bl_bord_01 .tit {font-size: 20px; font-weight: bold; color: #00501e; margin-bottom: 30px; line-height: 180%;}
.rail-europe #bl_train .wrap_01 .bl_bord_01 p {margin-bottom: 40px;}
.rail-europe #bl_train .wrap_01 .bl_bord_01 dl dt {background: url(../img/common/icon_time.png) no-repeat left center; background-size: 15px; padding-left: 25px; font-size: 18px; font-weight: bold; border-bottom: solid 1px #000; margin-bottom: 5px;}
.rail-europe #bl_train .wrap_01 .bl_bord_01 dl dd {font-size: 14px;}

.rail-europe #bl_train .wrap_02 {background: #f6f4ee; padding: 15px 40px 0; margin-bottom: 30px; }
.rail-europe #bl_train .wrap_02 .tit {background: url(../img/common/icon_sheet.png) no-repeat left top; background-size: 20px; padding-left: 40px; font-size: 18px; font-weight:bold; margin-bottom: 10px; min-height: 20px;}
.rail-europe #bl_train .wrap_02 .tit span {font-size: 14px; font-weight: normal; margin-left: 20px;}

.rail-europe #bl_train .wrap_02 ul {width: 100%;}
.rail-europe #bl_train .wrap_02 ul.ty_02 {width:  calc((100% - 40px) / 2);}
.rail-europe #bl_train .wrap_02 ul li {width:  calc((100% - 40px) / 2); margin: 0 40px 0 0;}
.rail-europe #bl_train .wrap_02 ul.ty_02 li {width: 100%;}
.rail-europe #bl_train .wrap_02 ul li:nth-child(2n) {margin-right: 0;}
.rail-europe #bl_train .wrap_02 ul li .tit_class {border: solid 1px #000; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 7px 10px;}
.rail-europe #bl_train .wrap_02 ul li.in_pic {position: relative; min-height: 170px;}
.rail-europe #bl_train .wrap_02 ul li .note {margin-bottom: 20px;}
.rail-europe #bl_train .wrap_02 ul li .note p {font-size: 14px;}

.rail-europe #bl_train .wrap_02 ul li.in_pic .tit_class ,
.rail-europe #bl_train .wrap_02 ul li.in_pic p ,
.rail-europe #bl_train .wrap_02 ul li figure {width:  calc((100% - 20px) / 2); }
.rail-europe #bl_train .wrap_02 ul li.in_pic p {float: left; display: inline;}
.rail-europe #bl_train .wrap_02 ul li.in_pic figure {position:absolute; top: 0; right: 0;}
.rail-europe #bl_train figcaption {font-size: 14px;}

@media (max-width:640px) {
  .rail-europe #bl_train .wrap_01 figure ,
  .rail-europe #bl_train .wrap_01 .bl_bord_01 {width: 100%;}
  .rail-europe #bl_train .wrap_01 figure {margin-bottom: 10px;}
  .rail-europe #bl_train .wrap_01 .bl_bord_01 .tit {margin-bottom: 10px; font-size: 18px;}
  .rail-europe #bl_train .wrap_01 .bl_bord_01 p {margin-bottom: 10px;}
  .rail-europe #bl_train .wrap_02 {padding: 15px;}
  .rail-europe #bl_train .wrap_02 ul ,
  .rail-europe #bl_train .wrap_02 ul.ty_02 {width: 100%;}
  .rail-europe #bl_train .wrap_02 ul li {width: 100%;}
  .rail-europe #bl_train .wrap_02 ul li.in_pic {min-height: 29vw;}
  .rail-europe #bl_train .tit_train {background: #00501e; height: auto; position: relative; margin-bottom: 30px;}
  .rail-europe #bl_train .tit_train span { font-size: 20px; position: static; display: block; width: 100%; top: 0; left: 0; transform: translate(0,0); text-align: center; padding: 10px;}
  .rail-europe #bl_train .wrap_01 .bl_bord_01 dl dt ,
  .rail-europe #bl_train .wrap_02 .tit {font-size: 16px; padding-left: 25px;}
  .rail-europe #bl_train .wrap_02 .tit span {display: block; margin: 10px 0 0 -25px;}
  .rail-europe #bl_train .wrap_02 ul li.in_pic .tit_class {width: 100%;}
  .rail-europe #bl_train .wrap_02 ul li.in_pic p ,
  .rail-europe #bl_train .wrap_02 ul li figure {width:  calc((100% - 10px) / 2); }
  .rail-europe #bl_train .wrap_02 ul li.in_pic figure { position: static; float: right;}
  .rail-europe #bl_train figcaption {font-size: 10px;}
  .rail-europe #bl_train .wrap_02 ul li figure.fl {float: left; display: inline;}
  .rail-europe #bl_train .wrap_02 ul li figure.fr {float: right; display: inline;}
}



.rail-europe #bl_city.bl_wrap {padding-bottom: 0;}
.rail-europe #bl_city .tit_ty_01 {margin-bottom: 30px;}
.rail-europe #bl_city .content_box { padding: 395px 55px 50px; margin-bottom: 60px; position: relative;}

.rail-europe #bl_city .content_box .city_tit {width: 280px; height: 280px; background: #fff; text-align: center; position: absolute; top: 40px; left: 55px}
.rail-europe #bl_city .content_box:nth-child(2n) .city_tit {left: auto; right: 55px;}

.rail-europe #bl_city .content_box .city_tit span.txt_box {position: absolute; top: 40%; display: block; width: 100%; font-size: 28px; }
.rail-europe #bl_city .content_box .city_tit span.sub_txt {color:#00501e; font-size: 16px; font-weight: bold; display: block; line-height: 160%; margin-top: 25px;}

.rail-europe #bl_city .content_box .city_tit:before {content: ""; display: block; width: 90px; height: 53px; background: url(../img/common/sub_city_01.png) no-repeat center; background-size: 100%; position: absolute; top: 10px; left: 50%; transform: translate(-50%,0);}
.rail-europe #bl_city .content_box:nth-child(2) .city_tit:before {background: url(../img/common/sub_city_02.png) no-repeat center;background-size: 100%;}
.rail-europe #bl_city .content_box:nth-child(3) .city_tit:before {background: url(../img/common/sub_city_03.png) no-repeat center;background-size: 100%;}
.rail-europe #bl_city .content_box:nth-child(4) .city_tit:before {background: url(../img/common/sub_city_04.png) no-repeat center;background-size: 100%;}
.rail-europe #bl_city .content_box:nth-child(5) .city_tit:before {background: url(../img/common/sub_city_05.png) no-repeat center;background-size: 100%;}
.rail-europe #bl_city .content_box:nth-child(6) .city_tit:before {background: url(../img/common/sub_city_06.png) no-repeat center;background-size: 100%;}
.rail-europe #bl_city .content_box:nth-child(7) .city_tit:before {background: url(../img/common/sub_city_07.png) no-repeat center;background-size: 100%;}

.rail-europe #bl_city .content_box .bl_bord {background: #fff; padding: 25px 40px; width: 100%;}
.rail-europe #bl_city .content_box .bl_bord .fr {width: calc(100% - 240px - 40px); padding-top: 10px;}
.rail-europe #bl_city .content_box .bl_bord .fl {width: 240px;}


@media (max-width:640px) {
  .rail-europe #bl_city .container {width: calc(100% + 30px); margin-left: -15px;}
  .rail-europe #bl_city .content_box {padding: 54.6875vw 6.25vw 0; margin-bottom: 30px;}
  .rail-europe #bl_city .content_box .city_tit {width: 43.75vw; height: 43.75vw; top: 6.25vw; left: 6.25vw}
  .rail-europe #bl_city .content_box:nth-child(2n) .city_tit {left: auto; right: 6.25vw;}
  
  .rail-europe #bl_city .content_box .city_tit span.txt_box {font-size: 18px; }
  .rail-europe #bl_city .content_box .city_tit span.sub_txt {font-size: 14px; line-height: 130%; margin-top: 5px;}

  .rail-europe #bl_city .content_box .city_tit:before { width: 15vw; height: 10vw;  top: 2vw;}

  
  .rail-europe #bl_city .content_box .bl_bord {padding: 15px;}
  .rail-europe #bl_city .content_box .bl_bord .fr ,
  .rail-europe #bl_city .content_box .bl_bord .fl {width: 100%;}
  .rail-europe #bl_city .content_box .bl_bord .fr {margin-bottom: 15px;}
  
}


.rail-europe #bl_city .content_box.city_florence {background: url(../img/common/city/city_florence_bg.jpg) no-repeat top; background-size: 100%;} /* フィレンツェ */
.rail-europe #bl_city .content_box.city_rome {background: url(../img/common/city/city_rome_bg.jpg) no-repeat top; background-size: 100%;} /* ローマ */
.rail-europe #bl_city .content_box.city_milan {background: url(../img/common/city/city_milan_bg.jpg) no-repeat top; background-size: 100%;} /* ミラノ */
.rail-europe #bl_city .content_box.city_venice {background: url(../img/common/city/city_venice_bg.jpg) no-repeat top; background-size: 100%;} /* ベネチア */
.rail-europe #bl_city .content_box.city_naples {background: url(../img/common/city/city_naples_bg.jpg) no-repeat top; background-size: 100%;} /* ナポリ */
.rail-europe #bl_city .content_box.city_barcelona {background: url(../img/common/city/city_barcelona_bg.jpg) no-repeat top; background-size: 100%;} /* バルセロナ */
.rail-europe #bl_city .content_box.city_madrid {background: url(../img/common/city/city_madrid_bg.jpg) no-repeat top; background-size: 100%;} /* マドリード */
.rail-europe #bl_city .content_box.city_granada {background: url(../img/common/city/city_granada_bg.jpg) no-repeat top; background-size: 100%;} /* グラナダ */
.rail-europe #bl_city .content_box.city_seville {background: url(../img/common/city/city_seville_bg.jpg) no-repeat top; background-size: 100%;} /* セビリア */
.rail-europe #bl_city .content_box.city_cordoba {background: url(../img/common/city/city_cordoba_bg.jpg) no-repeat top; background-size: 100%;} /* コルドバ */
.rail-europe #bl_city .content_box.city_paris {background: url(../img/common/city/city_paris_bg.jpg) no-repeat top; background-size: 100%;} /* パリ */
.rail-europe #bl_city .content_box.city_marseille {background: url(../img/common/city/city_marseille_bg.jpg) no-repeat top; background-size: 100%;} /* マルセイユ */
.rail-europe #bl_city .content_box.city_nice {background: url(../img/common/city/city_nice_bg.jpg) no-repeat top; background-size: 100%;} /* ニース */
.rail-europe #bl_city .content_box.city_avignon {background: url(../img/common/city/city_avignon_bg.jpg) no-repeat top; background-size: 100%;} /* アヴィニョン */
.rail-europe #bl_city .content_box.city_brussels {background: url(../img/common/city/city_brussels_bg.jpg) no-repeat top; background-size: 100%;} /* ブリュッセル */
.rail-europe #bl_city .content_box.city_frankfurt {background: url(../img/common/city/city_frankfurt_bg.jpg) no-repeat top; background-size: 100%;} /* フランクフルト */
.rail-europe #bl_city .content_box.city_munich {background: url(../img/common/city/city_munich_bg.jpg) no-repeat top; background-size: 100%;} /* ミュンヘン */
.rail-europe #bl_city .content_box.city_cologne {background: url(../img/common/city/city_cologne_bg.jpg) no-repeat top; background-size: 100%;} /* ケルン */
.rail-europe #bl_city .content_box.city_london {background: url(../img/common/city/city_london_bg.jpg) no-repeat top; background-size: 100%;} /* ロンドン */
.rail-europe #bl_city .content_box.city_helsinki {background: url(../img/common/city/city_helsinki_bg.jpg) no-repeat top; background-size: 100%;} /* ヘルシンキ */
.rail-europe #bl_city .content_box.city_vienna {background: url(../img/common/city/city_vienna_bg.jpg) no-repeat top; background-size: 100%;} /* ウィーン */
.rail-europe #bl_city .content_box.city_prague {background: url(../img/common/city/city_prague_bg.jpg) no-repeat top; background-size: 100%;} /* プラハ */
.rail-europe #bl_city .content_box.city_budapest {background: url(../img/common/city/city_budapest_bg.jpg) no-repeat top; background-size: 100%;} /* ブダペスト */
.rail-europe #bl_city .content_box.city_zalzburg {background: url(../img/common/city/city_zalzburg_bg.jpg) no-repeat top; background-size: 100%;} /* ザルツブルク */
.rail-europe #bl_city .content_box.city_rovaniemi {background: url(../img/common/city/city_rovaniemi_bg.jpg) no-repeat top; background-size: 100%;} /* ロバニエミ */
.rail-europe #bl_city .content_box.city_tampere {background: url(../img/common/city/city_tampere_bg.jpg) no-repeat top; background-size: 100%;} /* タンペレ */
.rail-europe #bl_city .content_box.city_naantali {background: url(../img/common/city/city_naantali_bg.jpg) no-repeat top; background-size: 100%;} /* ナーンタリ */




/* -------------------------------------------------------- */
/* ツアーリスト */
/* -------------------------------------------------------- */
.rail-europe #bl_tour.bl_wrap {padding-top: 0;}
.rail-europe #bl_tour .tit_ty_01 {margin-bottom: 30px;}

.rail-europe #bl_tour .tour_list {border: solid;}



.tourlist .tour_cnt_wrap .tour_info_list .tit{ background: #497c15;}
.tourlist .tour_cnt_head .cnt_head_01 .tour_dep {color: #497c15; border-bottom: solid 2px #497c15;}
.tourlist .tour_cnt_head .cnt_head_01 {border: 2px solid #497c15;}
.tourlist .tour_cnt_wrap .tour_info_tab_nav li span { background: #497c15; border-bottom: solid 3px #497c15;}
.tourlist .tour_cnt_head .tour_comment_tit { background: #fda01e;}
.tourlist .tour_cnt_wrap .tour_info_list .txt .direct {color: #aa8a45; border: solid 1px #aa8a45;}
.tourlist .tour_cnt_wrap .tour_info_tab_panel .tour_btn a {background: #aa8a45;}

.rail-europe #bl_train .link_btn ,
.rail-europe .bl_btn {max-width: 800px; width: 100%; margin: 0 auto;}
.rail-europe #bl_tour .bl_btn {padding-top: 40px;}
.rail-europe .bl_btn li {margin-bottom: 20px;}
.rail-europe .bl_btn li:last-child {margin-bottom: 0;}


@media (max-width:767px) {
  .tourlist .tour_cnt_wrap {background: #e6e6e6}
  .tourlist .tour_cnt_wrap .tour_info_tab_nav li.active span {background: #fff; border: solid 1px #497c15; border-bottom: none; color: #fa3734;}
  .tourlist .tour_cnt_wrap .tour_info_tab_nav li span {border-bottom: none; }
  .tourlist .tour_cnt_wrap .tour_info_tab_panel {border: solid 2px #497c15; border-top: solid 4px #497c15;}
  .rail-europe #bl_tour .bl_btn {padding: 30px 15px 0;}
}

@media (max-width:640px) {


}