@charset "utf-8";

@import url(icon.css);
@font-face {
  font-family: 'jtb-dom';
  src: url("/kokunai/_common/fonts/jtb-dom.ttf") format("truetype"), url("/kokunai/_common/fonts/jtb-dom.woff") format("woff"), url("/kokunai/_common/fonts/jtb-dom.svg#jtb-dom") format("svg");
  font-weight: normal;
  font-style: normal;
}
@keyframes slide-in {
  0% { opacity: 0; transform: translate3d(20px,0,0); }
  100% { opacity: 1; transform: translate3d(0,0,0); }
}
.contents-wraper img { max-width: 100%;}

@media screen and (min-width: 760px){
  .jtb-nav-breadcrumb { max-width: 1280px; margin-top: 8px;}
}

/*  表示・非表示
============================================================================= */
@media screen and (max-width: 768px){
  .sp-none{ display: none; }
}
@media screen and (min-width: 769px){
  .pc-none{ display: none; }
}
a.icon_window{ position: relative;  padding-right: 18px;  background: url(/_common/images/ico-window.png) right center no-repeat;  background-size: 13px 10px; }

/*  メインビジュアル
============================================================================= */
.header-wrap img{ max-width: 100%; width: 100%; height: auto; vertical-align: top;}
@media screen and (min-width: 768px){
  .header-wrap{ margin-top: 16px; position: relative; width: 100%; }
}

/*  ページ内アンカー
============================================================================= */
.page-nav-area { z-index: 1001;}
.page-nav-area__inner { position: relative; margin: 0 auto; padding: 0 5px;}
.page-nav-area__bt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.page-nav-area__bt li { width: calc(100% / 4);}
.page-nav-area__bt li a { position: relative; display: flex; justify-content: center; align-items: center;  height: 100%; color: #323743; text-align: center; text-decoration: none; line-height: 1.2; border-left: solid 1px #BCBDC2; overflow: hidden;}
@media screen and (max-width: 768px){.page-nav-area__bt li a{ padding: 12px 4px 24px 4px; letter-spacing: .12em;} }
@media screen and (min-width: 769px){.page-nav-area__bt li a{ padding: 15px 15px 25px 15px; letter-spacing: .2em;} }

.page-nav-area__bt li a:after { position: absolute; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); font-family: 'jtb-dom' !important; content: "\e906"; text-decoration: none; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.page-nav-area__bt li a:hover { transition: all 0.4s ease; opacity: 0.6;}
.fixed .page-nav-area { position: fixed; top: -80px; width: 100%; z-index: 1001;}
.fixed .page-nav-area { background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.fixed .page-nav-area__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.fixed .page-nav-area__bt { width: 100%;}
.fixed .page-nav-area__bt li { padding: 0; max-width: inherit;}
.fixed .page-nav-area__bt li a { padding: 16px 6px; background: none; box-shadow: none; border-radius: 0;}
.fixed .page-nav-area__bt li a:after { display: none;}
.subtext {text-align: center; font-weight: bold; background-color: rgb(246,246,246);}

@media screen and (max-width: 768px){
  .subtext{padding-top: 24px;}
  .page-nav-area__inner { width: 100%;}
  .page-nav-area__bt li { padding: 6px 0;}
  .page-nav-area__bt li a { font-size: 1.3rem;}
  .page-nav-area__bt li a:after {font-size: 1.3rem;}
  .page-nav-area__bt li:first-child a { border-left: none;}
}
@media screen and (min-width: 769px){
  .subtext{padding-top: 50px;}
  .page-nav-area__inner { max-width: 1280px; min-width: 970px;}
  .page-nav-area__bt li { padding: 12px 0;}
  .page-nav-area__bt li a { font-size: 1.8rem;}
  .page-nav-area__bt li a:after {font-size: 1.6rem;}
  .page-nav-area__bt li:last-child a { border-right: solid 1px #BCBDC2;}
}

/*  見出し
============================================================================= */
.el_heading{text-align: center;}
h1{font-size: 18px;font-weight: bold; line-height: 1; margin: 25px auto; max-width: 1236px; text-align: left;}
.el_heading .el_heading_line_left, .el_heading .el_heading_line_right{position: relative; display: inline-block;}
.el_heading .el_heading_line_left:before, .el_heading .el_heading_line_right:before{content:''; position: absolute; border-left: solid 1px #323743;}
.el_heading .el_heading_line_left:after,  .el_heading .el_heading_line_right:after{content:''; position: absolute; border-top: solid 1px #323743;}
.el_heading .el_heading_line_left:before {top:0; left: 0;}
.el_heading .el_heading_line_right:before{bottom: 0; right:0;}
@media screen and (max-width: 768px){
  h1{padding-left: 8px;}
  .el_heading .el_heading_line_right{padding: 8px 48px;}
  .el_heading .el_heading_line_left:before, .el_heading .el_heading_line_right:before{width: 1px; height: 36px;}
  .el_heading .el_heading_line_left:after,  .el_heading .el_heading_line_right:after{width: 24px; height: 1px;}
  .el_heading .el_heading_line_left:after  {top:8px; left: -6px;}
  .el_heading .el_heading_line_right:after {bottom: 8px; right:-6px;}
  .el_heading .el_heading_en{ font-size: 1.4rem; letter-spacing: .12em; margin-bottom: 6px;}
  .el_heading .el_heading_jp{ font-size: 2.0rem; font-weight: 700; letter-spacing: .2em;}
}
@media screen and (min-width: 769px){
  .el_heading .el_heading_line_right{padding: 8px 64px;}
  .el_heading .el_heading_line_left:before, .el_heading .el_heading_line_right:before{width: 1px; height: 46px;}
  .el_heading .el_heading_line_left:after,  .el_heading .el_heading_line_right:after{width: 24px; height: 1px;}
  .el_heading .el_heading_line_left:after  {top:8px; left: -6px;}
  .el_heading .el_heading_line_right:after {bottom: 8px; right:-6px;}
  .el_heading .el_heading_en{ font-size: 2.0rem;  letter-spacing: .12em; margin-bottom: 6px;}
  .el_heading .el_heading_jp{ font-size: 3.6rem; font-weight: 700; letter-spacing: .2em;}
}

h3.el_heading{ letter-spacing: .12em;}
h3.el_heading.-line{ display: flex; justify-content: center; align-items: center; text-align: center; padding: 64px 0 0;}
h3.el_heading.-line::before,
h3.el_heading.-line::after{ content: ''; width: 3px; height: 24px; background-color: #323743;}
h3.el_heading.-line::before{ margin-right: 24px; transform: rotate(-35deg)}
h3.el_heading.-line::after{ margin-left: 24px; transform: rotate(35deg)}

@media screen and (max-width: 768px){
  h3{font-size: 1.8rem; font-weight:bold;}
}
@media screen and (min-width: 769px){
  h3{font-size: 2.1rem; font-weight:bold;}
}
@media screen and (min-width: 960px){
  h3.el_heading{ font-size: 2.1rem;}
  h3.el_heading.-line{ padding: 64px 0 0;}
}
.el_heading_ico { position: relative; padding-left: 15px;}
.el_heading_ico:before {
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    font-family: 'kkrs-dp' !important;
    text-decoration: none;
    speak: none;
    color: #6AC7E6;
    font-size: 2.0rem;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.el_heading_ico.-place:before { content: "\e961";}
.el_heading_ico.-airplane:before { content: "\e918";}

/*  レイアウト
============================================================================= */
.bg_c01{background-color:#F6F6F6;}
.bg_c02{background-color:#C5E7F1;}

@media screen and (max-width: 768px){
  .sect{padding: 24px 0 36px;}
  .contents_inner{ position: relative; padding: 0 12px; width: 100%;}
  .contents_item{ margin-top: 24px;}
}
@media screen and (min-width: 769px){
  .sect{padding: 72px 0 96px;}
  .contents_inner{ position: relative;  margin: 0 auto;  padding: 0 12px; width: 100%; min-width: 970px; max-width: 1246px;}
  .contents_item{ margin-top: 48px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
}

.ly_grid__wrap{ -ms-flex-wrap:wrap; display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; margin-left:-16px;}
.ly_grid__wrap.-shadow>* { position:relative; -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 20%); border: none; border-radius: 8px; box-shadow: 0 1px 3px rgb(0 0 0 / 20%);}
.ly_grid__wrap.-center{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.ly_grid{ -webkit-box-sizing:border-box; box-sizing:border-box; margin-left:16px;  padding:0; text-align: center;}

#tour .ly_grid__wrap{ margin-top: 24px;}
#tour .ly_grid{ width: calc(50% - 16px); margin-bottom: 24px;}
#guide .ly_grid{ width: 100%;  margin-bottom: 24px;}
#tour h3.el_heading{ margin-top: 32px;}

@media screen and (min-width: 768px){
  #tour h3.el_heading{ margin-top: 64px;}
  #tour .ly_grid{ width: calc(25% - 16px); }
  #guide .ly_grid{ width: calc(33.33333% - 16px);}
}

.banner__list{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 768px){
  .banner__list{
    margin: 8px 0 0 -8px; justify-content: center; 
  }
  .banner__list > li{
    margin: 8px 0 0 8px;
    width: calc(100% / 2 - 8px);
  }
  .banner__list > li a:hover{
    opacity: 1;
  }
  .banner__more{
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px){
  .banner__list{ margin-left: -32px;}
  .banner__list li{ width: calc(100% / 4 - 32px); margin: 24px 0 0 32px;}
  .banner__list li img{width :100%;}
  .banner__list > li a:hover{ opacity: .6;}
  .banner__more{ margin-top: 30px; margin-bottom: 30px; text-align: center;}
}

/*  about
============================================================================= */
.about_item{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; display: flex; justify-content: center;}
.about_item_txt ul li {text-align: left;}

@media screen and (max-width: 768px){
  .about_item_img{-webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; display: flex; justify-content: center;}
  .about_item_img img{width: 54%;}
  .about_item_txt{padding: 24px 10px 0;}
  .about_item_txt ul li:not(:first-child){margin-top: 16px;}
}
@media screen and (min-width: 769px){
  .about_item_img{-webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-top: 5px; width:222px;}
  .about_item_txt{padding-left: 48px;}
  .about_item_txt ul li:not(:first-child){margin-top: 16px;}
}

/*  route
============================================================================= */
#areaMap .route_item{ width: 100%; background-color: #fff; border-radius: 48px;}

@media screen and (max-width: 799px){
  #areaMap .map_hover{display: none;}
  #areaMap .map_select{display: block;}
  #areaMap .select-departure{ display: flex; flex-direction: column; align-items: center;}
  #areaMap .select-departure_input{ cursor: pointer; padding: 12px 16px; border: 1px solid #BCBDC2; background: #fff; transition: opacity .2s; letter-spacing: .12em; margin-top: 24px;}
}

@media screen and (min-width: 800px){
  #areaMap .map_hover{display: block;}
  #areaMap .map_select{display: none;}
  #areaMap .mapinner{background: url(/kokunai/theme/fda/images/map/bg_areaMap.png) no-repeat center center; height: 800px; position: relative;width: 860px;}
  #areaMap .mapinner .area-map-txt{ position: absolute; top: 64px; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);}
  #areaMap .mapinner .area-map-txt .route-txt{ position: relative; display: inline-block; padding: 0 72px; font-size: 2.1rem;}
  #areaMap .mapinner .area-map-txt .route-txt:before, .route-txt:after{ content: ''; position: absolute; top: 50%; display: inline-block; width: 50px; height: 1px; background-color: #666;}
  #areaMap .mapinner .area-map-txt .route-txt:before{ left: 0;}
  #areaMap .mapinner .area-map-txt .route-txt:after{ right: 0;}
  #areaMap .mapinner ul{ background: url(/kokunai/theme/fda/images/map/bg_map.png) no-repeat ; width: 860px; height: 800px;}
  #areaMap .mapinner ul li{ position: absolute; /*border: 1px solid #3498DB;*/ display: inline-flex; align-items: center; padding: 6px 12px; background: #fff; border-radius: 4px; color: #3498DB;} 
  #areaMap .mapinner ul li:hover { background: #3498DB; color: #fff;}
  #areaMap .mapinner ul li.js-hover span { color: #3498DB; background: linear-gradient(transparent 60%, #ffff66 60%); display: inline-block;}
  #areaMap .mapinner .map001{ top: 152px; left: 632px;}
  #areaMap .mapinner .map002{ top: 170px; left: 290px;}
  #areaMap .mapinner .map003{ top: 234px; left: 595px;}
  #areaMap .mapinner .map004{ top: 286px; left: 615px;}
  #areaMap .mapinner .map005{ top: 337px; left: 602px;}
  #areaMap .mapinner .map006{ top: 245px; left: 313px;}
  #areaMap .mapinner .map007{ top: 391px; left: 560px;}
  #areaMap .mapinner .map008{ top: 465px; left: 540px;}
  #areaMap .mapinner .map009{ top: 510px; left: 436px;}
  #areaMap .mapinner .map010{ top: 556px; left: 390px;}
  #areaMap .mapinner .map011{ top: 300px; left: 270px;}
  #areaMap .mapinner .map012{ top: 362px; left: 202px;}
  #areaMap .mapinner .map013{ top: 600px; left: 316px;}
  #areaMap .mapinner .map014{ top: 457px; left: 116px;}
  #areaMap .mapinner .map015{ top: 538px; left: 140px;}
  #areaMap .mapinner .map016{ top: 638px; left: 186px;}
}

/*  tour
============================================================================= */
#tour .contents_item a, #tour .contents_item a img { transition: all .5s ease; transform: rotate(0.0001deg); }
#tour .contents_item img { display: block; margin: 0 auto; max-width: 100%; }
#tour .contents_item a:hover img { opacity: .75; }
#tour .is-animated { animation: .8s slide-in; }
#tour .is-hide, #tour .is-hidden { display: none; }
.filter__item label:hover { cursor: pointer; opacity: 0.6; color: #6AC7E6;}
#tour .note { margin-top:8px; }

@media screen and (max-width: 768px){
  #tour .note {  font-size:1.3rem;}
  .tour-list ul { overflow: hidden;}
  .in-wrapper { margin: 0;text-align:center; }
}
@media screen and (min-width: 769px){
  .in-wrapper { padding:55px 0 30px; margin: 0 auto; text-align:center; }
  .l-inner { margin: 0 auto; }
}

/* 出発空港 */
.search__box .l-inner { position: relative; }
.search__box .filter__tag { margin: 24px auto 24px; }
.search__box .filter__tag .filter__list{ display: flex; flex-wrap: wrap;}
.search__box .filter__tag .filter__list .filter__item input{ display: none; }
.search__box .filter__tag .filter__list .filter__item.is-active label{ background-color: #6AC7E6; color: #fff;}

@media screen and (max-width: 768px){
  /* 出発空港 */
  .search__box { padding: 0;}
  .search__box .filter__tag .filter__list{width: 100%; margin-left: -3px;} 
  .search__box .filter__tag .filter__list .filter__item{ width: calc((100% - 24px) / 4); margin-bottom: 6px; margin-left: 6px;}
  .search__box .filter__tag .filter__list .filter__item label{ font-size: 1.3rem; background: #fff; border-radius: 4px; border: 1px solid #6AC7E6; box-shadow: 0 0 0 1px #dceef5; display: flex; flex-wrap: wrap; justify-content: center;/*align-items: center;*/ padding: .6em 0;}
  .font_s{font-size: 1.2rem;}
}
@media screen and (min-width: 769px){
  /* 出発空港 */
  .search__box { text-align: center; }
  .search__box .filter__tag .filter__list{ display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 5px -12px; }
  .search__box .filter__tag .filter__list .filter__item{ width: calc((100% - 72px) / 6);  margin: 18px 0 0 12px; }
  .search__box .filter__tag .filter__list .filter__item label{ align-items: flex-end; background: #fff; border: 1px solid #6AC7E6; border-radius: 4px; display: flex; flex-wrap: wrap; font-size: 1.6rem; justify-content: center; padding: .8em 0.2em; }
  .search__box .filter__tag .filter__list .filter__item label:hover{ cursor: pointer; }
}
.anchor__item ul li .wrapper{ position: relative;  text-align: left;}

/* 目的地 */
@media screen and (max-width: 768px){
  .anchor__item p { bottom: 1.1em; font-size: 1.2rem; left: 0;  text-align: center; font-size:1.6rem; text-align: center;}
  .anchor__item ul.tour-area-list{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 5px -4px; overflow: hidden;}
  .anchor__item ul.tour-area-list > li a:hover { opacity: .6; transition: all 0.4s ease; text-decoration: underline; }
  .anchor__item ul.tour-area-list li { width: calc((100% - 10px) / 2); margin: 24px 0 0 4px;}
  .anchor__item ul.tour-area-list li:nth-of-type(2n) { margin-right: 0 }
  .anchor__item ul.tour-area-list li .wrapper { position: relative; }
  .filter__box { padding-top: 2em;}
}
@media screen and (min-width: 769px){
  .result__box { padding-top: 30px; }
  .anchor__list { display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden; transition: all .4s; width: 100%; }
  .anchor__item { width: 100% }
  .anchor__item p { text-align: center;  font-size: 1.6rem}
  .anchor__item .tour-area-list{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 5px -12px; }
  .anchor__item .tour-area-list > li a:hover { opacity: .6; transition: all 0.4s ease; text-decoration: underline; }
  .anchor__item a:hover::before { opacity: .3; }
  .anchor__item ul { overflow: hidden;  margin: 8px 0 0 -12px;}
  .anchor__item ul li { width: calc((100% / 3 - 12px) - 0.01px); margin: 32px 0 0 12px;}
  .anchor__item ul li:nth-of-type(2n) { margin-right: 0 }
  .anchor__item ul.info{ width: 100%; margin: 16px 0 0 12px;}
  .anchor__item ul.info li{ width: 100%; margin: 8px 0 0 0; text-align: left;}
}
.recommend__cassette-images{ width: 100%; position: relative;}
.recommend__cassette-images img{ width: 100%; height: auto; vertical-align: bottom; border-radius: 12px;}
.recommend__cassette-images span.arrival { position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); color: #fff; text-shadow: 0 0 9px #000;}
a.departure       { position: relative; display: inline-block!important; border: solid 1px #3498DB; border-radius: 20px; color:#3498DB; background-color:#FFF; padding: 4px 22px 4px 12px; margin-top: 8px; margin-right: 6px;}
a.departure:after { position: absolute; top: 50%; right: 4px; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); font-family: 'jtb-dom' !important; content: "\e905";}

@media screen and (max-width: 768px){
  .recommend__cassette-images span.arrival { font-size: 1.8rem; top: 16px;}
  .tour_link { font-size: 1.2rem;}
  .tour_link:after { font-size: 1.2rem;}
  a.departure       { font-size: 1.2rem;}
  a.departure:after { font-size: 1.2rem;}
  .contents_item01 { width: 100%; }
}
@media screen and (min-width: 769px){
  .recommend__cassette-images span.arrival { font-size: 3.2rem; top: 32px; white-space: nowrap;}
  .tour_link { font-size: 1.5rem;}
  .tour_link:after { font-size: 1.3rem;}
  a.departure       { font-size: 1.5rem;}
  a.departure:after { font-size: 1.2rem;}
}

.tour-area-list .arrival{ white-space: nowrap;}


/*  service
============================================================================= */
#service h3.service__title { font-weight: bold; color: #6AC7E6; letter-spacing: .2em;}
#service h3.service__title .service__title-text { display: inline-block; position: relative;}
#service h3.service__title .service__title-text::before{ content: ""; position: absolute;}
#service h3.service__title .service__title-text.-service01::before{ background: url(../images/service_ttl01.png) center/contain no-repeat;}
#service h3.service__title .service__title-text.-service02::before{ background: url(../images/service_ttl02.png) center/contain no-repeat;}
#service h3.service__title .service__title-text.-service03::before{ background: url(../images/service_ttl03.png) center/contain no-repeat;}

@media screen and (max-width: 768px){
  #service h3.service__title .service__title-text{ padding-top: 28px;}
  #service h3.service__title .service__title-text::before{ display: block; top: 0; width: 74px; height: 24px; }
}
@media screen and (min-width: 769px){
  #service h3.service__title .service__title-text { padding-left: 158px;}
  #service h3.service__title .service__title-text::before{ top: 50%; left: 0; transform: translateY(-50%) ; -webkit-transform: translateY(-50%); width: 146px; height: 30px;}
}

#service .service__wrap{padding: 24px; background-color: #fff; }
#service .service__wrap.-right { border-radius: 0 48px 48px 48px; }
#service .service__wrap.-left  { border-radius: 48px 0 48px 48px; }
#service .service__wrap .service__title{ width: 100%; }
#service .service__wrap .service__item{ margin-top: 24px; display: flex;  }

@media screen and (max-width: 768px){
  .service__wrap{ width: 100%; margin: 24px auto 0;}
  .service__wrap .service__item{ flex-direction: column; }
  .service_text{ order: 1;}
  .service__img{ width: 100%; margin-bottom: 1rem; }
}
@media screen and (min-width: 769px){
  .service__wrap { width: 80%; margin-top: 24px; }
  .service__wrap .service__item{ flex-direction: row; }
  .service_text{ width: 55%; order: 0; }
  .service__img{ width: 45%; margin-left: 24px; }
}

/*  guide
============================================================================= */
#guide .el_card__item{background: #FFF; padding:24px 16px;  display: flex;flex-direction: column; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: flex-start;}
#guide .img-service{display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; margin-top: 16px;}
#guide .img-service img{max-width: 70%;}
#guide dl{ width: 100%;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; text-align: left; }
#guide dl dt{ width: 35%; margin-top: 8px; padding: 0; box-sizing: border-box;}
#guide dl dd{ width: 65%; margin-top: 8px; padding: 0; box-sizing: border-box;}
#guide .guide__detail p { text-align: left; margin-top: 8px;}
#guide .guide__detail p:first-child{ margin-top: 24px;}
#guide dl{ margin-top: 24px; }
#guide .guide__detail .unit .txt-indent{ color: #D94F5D;}
 
@media screen and (min-width: 768px){
  #guide{ background-size: cover; }
  #guide .guide__detail { font-size: 1.5rem;}
  #guide .guide__detail .unit{ margin-top: 24px;}
  #guide .guide__detail .unit strong{font-weight: bold;}
  #guide .guide__detail .unit .txt-indent{ font-size: 1.2rem;}
}

/*  search
============================================================================= */
@media screen and (max-width: 768px){
  #search{ background: #F6F6F6 url(../images/bg_guide_sp.jpg) no-repeat left bottom; background-size:100%;}
}
@media screen and (min-width: 768px){
  #search{ background: #fff url(../images/bg_guide.jpg) no-repeat center bottom; background-size: auto;}
}
#search .contents_wrapper { background-color: rgba(255, 255, 255, 0.562); width:100%}
#search .contents_item{ background-color: #fff;}
#search .in-wrapper { text-align: left;}

@media screen and (max-width: 768px){
  #search .sect {padding: 24px 0 192px;}
}
@media screen and (min-width: 768px){
  #search .sect {padding: 72px 0 120px;}
}

/* common
============================================================================= */
ul.txt li{ text-indent: -1em; padding-left: 1em; margin-top: 8px; text-align: left;} 
ul.txt li:first-child{ margin-top: 24px;}
ul.txt-detail { margin-top: auto; font-size: 1.2rem; text-align: left;}
ul.txt-detail :first-child{ margin-top: 40px;}
ul.txt-detail a, ul.txt-detail a:link, ul.txt-detail a:visited,
ul.info a, ul.info a:link, ul.info a:visited{ color: #5098d5; text-decoration: none;}
@media screen and (min-width: 769px){
    ul.txt li{ font-size: 1.5rem; } 
}
p:not(:first-of-type){ margin-top: 16px;}

/* scrolldown
============================================================================= */
.header-wrap {position: relative;}
.scrolldown{ position:absolute; animation: arrowmove 1s ease-in-out infinite;  bottom:1%; left:24px;}
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
}
.scrolldown span{ position: absolute;left:-20px; color: #FFF; letter-spacing: .2em; letter-spacing: 0.05em; -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}
.scrolldown:before { content: ""; position: absolute; bottom: 0; right: -6px; width: 1px; background: #fff; transform: skewX(-31deg);}
.scrolldown:after{ content:""; position: absolute; bottom:0; right:0; width:1px; background:#fff;}

@media screen and (max-width: 768px){
  .scrolldown span{ font-size: 1.0rem; bottom:4px;}
  .scrolldown:before { height: 16px;}
  .scrolldown:after{ height: 48px;}
}
@media screen and (min-width: 769px){
  .scrolldown span{ font-size: 1.2rem;bottom:10px; }
  .scrolldown:before { height: 20px;}
  .scrolldown:after{ height: 72px;}
}

/* fadeUp
============================================================================= */
.box{ 
  box-sizing:border-box;
}

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

.fadeUpTrigger{
    opacity: 0;
}
@media 

screen and (max-width: 759px){
.jtb-nav-breadcrumb { margin: 0 0 25px;}
}

@media screen and (min-width: 769px){
  #JTBGF-ly_footer.JTBGF-ly_footer { margin-top: 0!important;}
}