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

File name:      index.css
Created:        2018-05-28
Style Info:     一覧ページ CSS
----------------------------------------------------------- */

/* -----------------------------------------------------------*/
/* 共通レイアウト */
/* -----------------------------------------------------------*/
.index18_visual {width:100%;display:table;margin:0 auto 20px auto;text-align:center;background-repeat:no-repeat;background-position:center center;}
.index18_visual .visual_txt {color:#fff;display:table-cell;height:300px;vertical-align:middle;width:100%;}
.index18_visual .visual_txt .txt_01 {font-size:2.8rem;margin-bottom:20px;line-height:1.6;}
.index18_visual .visual_txt .txt_01,
.index18_visual .visual_txt .txt_02 {font-weight:bold;}
.index18_visual .visual_txt .txt_02 {font-size:6rem;line-height:1;}
.index18_lead {font-size:1.5rem;line-height:1.6;padding:0 30px;margin:0 auto 15px auto;letter-spacing:-.02em;}
.index18_sec {margin:30px 0;}
.index18_sec_titlebar {color:#fff;font-size:3rem;line-height:1.4;text-align:center;background:#23af00;padding:5px;margin-top:30px;}
.index18_sec_titlebar + .index18_sec {margin-top:10px;}
.index18_sec_title {font-size:3rem;font-weight:bold;line-height:1.4;border-bottom:6px solid #23af00;margin-bottom:40px;padding:10px 5px;}
.index18_sec_title a::after {content:"\f054";font-family:FontAwesome;color:#23af00;display:inline-block;margin-left:15px;font-size:20px;font-weight:normal;}
.index18_sec_list ul {overflow:hidden;}
.index18_sec_list li a {display:block;text-decoration:none;}
.index18_sec_list li .img {margin-bottom:15px;}
.index18_sec_list li .img img {width:100%;height:auto;}
.index18_sec_list li .tit {}
.index18_sec_list li .tit .icon {display:inline-block;color:#fff;border-radius:3px;font-size:1rem;width:35px;text-align:center;margin-right:5px;}
.index18_sec_list li .tit .icon.new {background:#e60012;}
.index18_sec_list li .txt {font-size:1.2rem;line-height:1.6;}
@media (min-width:1101px) {
  .index18_visual,
  .index18_lead,
  .index18_localnav {width:1100px;}
  .index18_localnav {margin:0 auto;}
  .index18_lead {text-align:center;}
}
@media (max-width:1100px) {
  .index18_lead {margin-bottom:15px;padding:0 15px;}
  .index18_lead {font-size:1.4rem;}
  .index18_sec_title {padding:10px 15px;}
  .index18_sec_list li a {display:block;text-decoration:none;}
}
@media (min-width:768px) {
  .index18 {margin-bottom:50px;}
  .index18_sec_list li a:hover {opacity:.65;}
}
@media (max-width:767px) {
  .index18 {padding-bottom:30px;border-bottom:3px solid #f5f5f5;}
  .index18_visual {height:110px;margin-bottom:15px;
    -webkit-background-size:cover;
    background-size:cover;}
  .index18_visual .visual_txt {height:110px;}
  .index18_visual .visual_txt .txt_01 {font-size:1.6rem;margin-bottom:15px;}
  .index18_visual .visual_txt .txt_02 {font-size:3.2rem;}
  .index18_sec {margin:20px 0;}
  .index18_sec_titlebar {font-size:2.4rem;margin-top:20px;}
  .index18_sec_titlebar + .index18_sec {margin-top:5px;}
  .index18_sec_title {font-size:2.4rem;border-bottom:3px solid #23af00;margin-bottom:20px;padding:5px 15px;}
  .index18_sec_list li a {-webkit-tap-highlight-color:rgba(0, 0, 0, .2);}
  .index18_sec_list li .img {margin-bottom:10px;}
  .index18_sec_list li .txt {line-height:1.5;}
}
@media (max-width:480px) {
  .index18_visual .visual_txt .txt_01 {font-size:1.4rem;}
  .index18_visual .visual_txt .txt_02 {font-size:3.2rem;}
  .index18_sec {margin:10px 0;}
  .index18_sec_titlebar {font-size:2rem;}
  .index18_sec_title {font-size:2rem;}
}
@media (max-width:400px) {
  .index18_visual .visual_txt .txt_01 {font-size:1.2rem;}
}


/* -----------------------------------------------------------*/
/* 共通レイアウト：看板画像を横幅いっぱいに入れる場合（PC）[.fullwidth] */
/* 共通レイアウト：タイトル文字の部分を画像にする場合（PC/スマホ共通）[.visual_txt.img] */
/* -----------------------------------------------------------*/
.index18_visual.fullwidth {
  -webkit-background-size:cover;
  background-size:cover;}
.index18_visual.fullwidth .visual_txt {height:520px;}
.index18_visual.fullwidth .visual_txt.img {display:block;height:auto;}
@media (min-width:1101px) {
  .index18_visual.fullwidth {width:100%;
  -webkit-background-size:cover;
  background-size:cover;}
  .index18_visual.fullwidth.dis_tab {display:none;}
  .index18_visual.fullwidth .visual_txt:not(.img) .txt_01 {width:1100px;margin:0 auto 20px auto;}
  .index18_visual.fullwidth .visual_txt:not(.img) .txt_02 {width:1100px;margin:0 auto;}
  .index18_visual.fullwidth .visual_txt.img {}
}
@media (max-width:1100px) {
  .index18_visual.fullwidth.dis_pc {display:none;}
}
@media (min-width:921px) {
  .index18_visual.fullwidth .visual_txt.img {margin-top:56px;}
}
@media (max-width:920px) {
  .index18_visual.fullwidth .visual_txt.img img {width:100%;height:auto;}
}
@media (max-width:767px) {
  .index18_visual.fullwidth,
  .index18_visual.fullwidth .visual_txt {height:150px;}
}

/* --------------------------------------------------------
リンクボタン
-----------------------------------------------------------*/
.index18 .more_link {text-align:center;margin:30px 0;}
.index18 .more_link a {position:relative;display:inline-block;border:1px solid #a0a0a0;letter-spacing:-.02em;width:100%;max-width:320px;font-weight:bold;color:#787878;text-decoration:none;border-radius:30px;padding-right:10px;height:44px;line-height:42px;text-align:center;font-size:1.4rem;}
.index18 .more_link a::after {content:"";position:absolute;content:"\f054";font-family:FontAwesome;top:0;right:15px;height:100%;line-height:42px;color:#787878;}
@media (min-width:768px),print {
	.index18 .more_link a:hover {opacity:.65;}
}
@media screen and (max-width:767px){
	.index18 .more_link {margin:15px 0;}
	.index18 .more_link a {width:240px;height:34px;line-height:32px;font-size:1.2rem;}
	.index18 .more_link a::after {right:10px;line-height:32px;}
}

/* もっと見る */
.index18 .more_btn {text-align:center;margin:30px 0;}
.index18 .more_btn > span {position:relative;display:inline-block;border:1px solid #a0a0a0;letter-spacing:-.02em;width:100%;max-width:320px;font-weight:bold;color:#787878;text-decoration:none;border-radius:30px;padding-right:10px;height:44px;line-height:42px;text-align:center;font-size:1.4rem;cursor:pointer;}
.index18 .more_btn > span::after {content:"";position:absolute;font-family:FontAwesome;top:0;right:15px;height:100%;line-height:42px;color:#787878;}
.index18 .more_btn > span.down::after {content:"\f078";}
.index18 .more_btn > span.up::after {content:"\f077";}
@media (min-width:768px),print {
  .index18 .more_btn > span:hover {opacity:.65;}
}
@media screen and (max-width:767px){
	.index18 .more_btn {margin:15px 0;}
  .index18 .more_btn > span {width:240px;height:34px;line-height:32px;font-size:1.2rem;}
  .index18 .more_btn > span::after {right:10px;line-height:32px;}
}

/* -----------------------------------------------------------*/
/* 特集一覧 */
/* -----------------------------------------------------------*/
.index18_visual.special {background-image:url(../img/index/visual_special.jpg);}
.index18_visual.special .visual_txt .txt_01,
.index18_visual.special .visual_txt .txt_02 {text-shadow:0 0 7px #1167d4;}
.index18_visual.special .visual_txt .txt_02 {position:relative;display:inline-block;}
.index18_visual.special .visual_txt .txt_02::before {content:"";position:absolute;top:50%;left:-180px;margin-top:-16px;width:148px;height:36px;background:url(../img/index/visual_special_plane.png) left center no-repeat;}
.index18_special .index18_sec_list ul {overflow:hidden;margin:0 -17px 0 -18px;}
.index18_special .index18_sec_list li {float: left; width: 25%; box-sizing: border-box; padding: 0 1.5% 20px;}
.index18_special .index18_sec_list li a {margin:0;}
.index18_special .index18_sec_list li .tit {margin-bottom:10px;font-size:1.4rem;text-decoration:underline;}
@media (min-width:1101px) {
  .index18_special {width:1100px;margin:0 auto;}
}
@media (max-width:1100px) {
  .index18_special .index18_sec_list ul {margin:0 1%;}
}
@media (min-width:768px) {
  .index18_special .index18_sec_list ul {margin-bottom:-20px;}
  /*.index18_special .index18_sec_list li a {margin-bottom:20px;}*/
}
@media (max-width:767px) {
  .index18.special .index18_visual .visual_txt .txt_02::before {left:-90px;margin-top:-9px;width:74px;height:18px;
    -webkit-background-size:100% auto;
    background-size:100% auto;}
	.index18_special .index18_sec_list ul {margin: 0 2%;}
  .index18_special .index18_sec_list li {width:50%; padding: 0 2% 20px;}
  .index18_special .index18_sec_list li .tit {margin-bottom:5px;font-weight:bold;}
}

/* -----------------------------------------------------------*/
/* 専門ページ一覧 */
/* -----------------------------------------------------------*/
.index18_visual.destination {display:block;overflow:hidden;background-image:url(../img/index/visual_city.jpg);}
.index18_visual.destination .visual_txt {display:table;margin:70px auto;width:800px;height:160px;border:2px solid #fff;padding:8px;background:rgba(0,143,184,.6);}
.index18_visual.destination .visual_txt .inner {display:table-cell;height:100%;vertical-align:middle;border:2px solid #fff;}
.index18_visual.destination .visual_txt .txt_01 {font-size:2.4rem;margin-bottom:10px;font-weight:normal;}
.index18_visual.destination .visual_txt .txt_02 {margin-bottom:5px;}
.index18_destination {margin:30px auto 0 auto;}
.index18_destination .index18_sec_list li {margin-bottom:35px;}
.index18_destination .index18_sec_list ul {overflow:hidden;margin:0 -17px 0 -18px;}
.index18_destination .index18_sec_list li {float:left;width:25%;}
.index18_destination .index18_sec_list li a {margin:0 17px 0 18px;}
.index18_destination .index18_sec_list li .tit {text-align:center;margin-bottom:10px;font-size:2.4rem;line-height:1.4;font-weight:bold;}
@media (min-width:1101px) {
  .index18_destination {width:1100px;}
}
@media (max-width:1100px) {
  .index18_destination .index18_sec_list ul {margin:0 8px 0 7px;}
  .index18_destination .index18_sec_list li a {margin:0 7px 0 8px;}
  .index18_destination .index18_sec_list li .tit {font-size:2rem;}
}
@media (max-width:980px) {
  .index18_visual.destination .visual_txt {width:90%;}
}
@media (max-width:767px) {
  .index18_visual.destination .visual_txt {display:table;margin:15px auto;height:80px;border:1px solid #fff;padding:4px;}
  .index18_visual.destination .visual_txt .inner {border:1px solid #fff;}
  .index18_visual.destination .visual_txt .txt_01 {font-size:1.4rem;margin-bottom:5px;}
  .index18_visual.destination .visual_txt .txt_02 {font-size:3rem;margin-bottom:5px;}
  .index18_destination {margin-top:20px;}
  .index18_destination .index18_sec_list li {width:50%;margin-bottom:20px;}
  .index18_destination .index18_sec_list li .tit {font-size:1.6rem;margin-bottom:5px;}
}
@media (max-width:480px) {
  .index18_visual.destination .visual_txt {padding:2px;}
  .index18_visual.destination .visual_txt .txt_01 {font-size:1.2rem;}
  .index18_visual.destination .visual_txt .txt_02 {font-size:2.6rem;}
}
@media (max-width:360px) {
  .index18_visual.destination .visual_txt {width:94%;}
  .index18_visual.destination .visual_txt .txt_01 {font-size:1.1rem;}
  .index18_visual.destination .visual_txt .txt_02 {font-size:2.4rem;}
}

/* -----------------------------------------------------------*/
/* トラベルツールのご案内 */
/* -----------------------------------------------------------*/
.index18_visual.travel-tools {background-image:url(../img/index/visual_tool.jpg);}
.index18_travel-tools {overflow:hidden;}
.index18_travel-tools .index18_sec {margin:0;}
.index18_travel-tools .index18_sec_title {margin-bottom:15px;padding:10px 0 20px 60px;position:relative;}
.index18_travel-tools .index18_sec_title span {display:block;content:"";position:absolute;top:5px;left:0;width:50px;height:50px;background-color:#23af00;background-repeat:no-repeat;background-position:center center;}
.index18_travel-tools .index18_sec_title span.bag {background-image:url(../img/index/tool_icon_bag.png);}
.index18_travel-tools .index18_sec_title span.car {background-image:url(../img/index/tool_icon_car.png);}
.index18_travel-tools .index18_sec_title span.delivery {background-image:url(../img/index/tool_icon_delivery.png);}
.index18_travel-tools .index18_sec_title span.guide {background-image:url(../img/index/tool_icon_guide.png);}
.index18_travel-tools .index18_sec_title span.insurance {background-image:url(../img/index/tool_icon_insurance.png);}
.index18_travel-tools .index18_sec_title span.optional {background-image:url(../img/index/tool_icon_optional.png);}
.index18_travel-tools .index18_sec_title span.parking {background-image:url(../img/index/tool_icon_parking.png);}
.index18_travel-tools .index18_sec_title span.translator {background-image:url(../img/index/tool_icon_translator.png);}
.index18_travel-tools .index18_sec_title span.wifi {background-image:url(../img/index/tool_icon_wifi.png);}
.index18_travel-tools .index18_sec_txt {font-size:1.4rem;line-height:1.6;margin-bottom:30px;}
.index18_travel-tools .index18_sec_list ul {max-width:420px;margin:0 auto;}
.index18_travel-tools .index18_sec_list li {margin-bottom:15px;}
.index18_travel-tools .index18_sec_list li .tool_name {font-size:1.4rem;margin-bottom:6px;}
.index18_travel-tools .index18_sec_list li .tool_img {}
.index18_travel-tools .index18_sec_list li .tool_img a {display:block;}
.index18_travel-tools .index18_sec_list li .tool_img img {width:100%;height:auto;}
@media (min-width:1101px) {
  .index18_travel-tools {width:1135px;margin:30px auto 0 auto;}
}
@media (max-width:1100px) {
  .index18_travel-tools {margin:30px 5px 0 5px;}
  .index18_travel-tools .index18_sec .sec_inner {margin:0 10px 30px 10px;}
  .index18_travel-tools .index18_sec_txt {margin-bottom:15px;}
  .index18_travel-tools .index18_sec_list li {margin-bottom:15px;}
}
@media (max-width:980px) {
  .index18_travel-tools .index18_sec_title {padding:7px 0 5px 40px;font-size:2rem;border-bottom-width:3px;}
  .index18_travel-tools .index18_sec_title span {width:30px;height:30px;
    -webkit-background-size:100% auto;
    background-size:100% auto;}
}
@media (min-width:768px) {
  .index18_travel-tools .index18_sec {float:left;width:50%;}
  .index18_travel-tools .index18_sec .sec_inner {margin:0 17px 50px 18px;}
  .index18_travel-tools .index18_sec_list li .tool_img a:hover {opacity:.65;}
}
@media (max-width:767px) {
  .index18_travel-tools .index18_sec .sec_inner {margin-bottom:20px;}
}
@media (max-width:480px) {
  .index18_visual.travel-tools {
    -webkit-background-size:125% auto;
    background-size:125% auto;}
  .index18_visual.travel-tools .visual_txt .txt_01 {margin-bottom:5px;}
}
@media (max-width:360px) {
  .index18_visual.travel-tools .visual_txt .txt_01 {font-size:1.1rem;}
  .index18_visual.travel-tools .visual_txt .txt_02 {font-size:2.6rem;}
}

/* -----------------------------------------------------------*/
/* テーマから探す　TOP */
/* -----------------------------------------------------------*/
.index18_visual.theme .visual_txt .txt_01,
.index18_visual.theme .visual_txt .txt_02 {text-shadow:0 0 10px rgba(0,0,0,1);}
.index18_visual.theme .visual_txt .txt_02 {position:relative;display:inline-block;}
.index18_theme .index18_sec_list ul {overflow:hidden;}
.index18_theme .index18_sec_list li {float:left;}
.index18_theme .index18_sec_list li a {display:block;position:relative;}
.index18_theme .index18_sec_list li a:hover {opacity:.65;}
.index18_theme .index18_sec_list span {display:block;}
.index18_theme .index18_sec_list .img img {width:100%;height:auto;}
.index18_theme .index18_sec_list .txt {position:absolute;top:50%;left:50%;color:#fff;width:100%;text-align:center;font-size:3.6rem;text-shadow:0 0 10px rgba(0,0,0,1);font-weight:bold;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);}
@media (min-width:768px) {
  .index18_theme .index18_sec_list ul {margin:0 -15px -10px -15px;}
  .index18_theme .index18_sec_list li {width:33.333333%;}
  .index18_theme .index18_sec_list li a {margin:0 15px 30px 15px;}
  .index18_theme .index18_sec_list .txt {font-size:3.6rem;}
}
@media (min-width:1101px) {
  .index18_theme {width:1100px;margin:20px auto 0 auto;}
}
@media (max-width:1100px) {
  .index18_theme .index18_sec_list ul {margin:0 -10px;}
  .index18_theme .index18_sec_list li a {margin:0 10px 20px 10px;}
  .index18_theme .index18_sec_list li .img {margin-bottom:0;}
  .index18_theme .index18_sec_list .txt {font-size:3rem;}
}
@media (max-width:767px) {
  .index18_theme .index18_sec_list ul {margin:10px 13px;}
  .index18_theme .index18_sec_list li {width:50%;}
  .index18_theme .index18_sec_list li a {margin:0 2px 4px 2px;}
  .index18_theme .index18_sec_list li .img {margin-bottom:0;}
}
@media (max-width:640px) {
  .index18_theme .index18_sec_list .txt {font-size:2.4rem;}
}
@media (max-width:480px) {
  .index18_theme .index18_sec_list .txt {font-size:1.8rem;}
}

/* -----------------------------------------------------------*/
/* テーマから探す　下層 */
/* -----------------------------------------------------------*/
.index18_theme_sub .index18_sec_list li {margin-bottom:35px;}
.index18_theme_sub .index18_sec_list ul {overflow:hidden;margin:0 -17px 0 -18px;}
.index18_theme_sub .index18_sec_list li {float:left;width:25%;}
.index18_theme_sub .index18_sec_list li a {margin:0 17px 0 18px;}
.index18_theme_sub .index18_sec_list li .tit {text-align:center;margin-bottom:10px;font-size:2.4rem;line-height:1.4;font-weight:bold;}
@media (min-width:1101px) {
  .index18_theme_sub {width:1100px;margin:0 auto;}
}
@media (max-width:1100px) {
  .index18_theme_sub .index18_sec_list ul {margin:0 8px 0 7px;}
  .index18_theme_sub .index18_sec_list li a {margin:0 7px 0 8px;}
  .index18_theme_sub .index18_sec_list li .tit {font-size:2rem;}
}
@media (max-width:767px) {
  .index18_theme_sub {margin-top:20px;}
  .index18_theme_sub .index18_sec_list li {width:50%;margin-bottom:20px;}
  .index18_theme_sub .index18_sec_list li .tit {font-size:1.6rem;margin-bottom:5px;}
}