@charset "utf-8";

.nosp{
	display: none;
}
.contents {
	font-family: "メイリオ","Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "sans-serif";
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
}

/*------------------------------------------------
	メインビジュアル
--------------------------------------------------*/
/* スライド */
#slider {
	position: relative;
	width: 100vw;
	height: 60vh !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.main-title {
  width: 100vw;
  height: 60vh;
  position: relative;
}

.main-title img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100vw;
}
/* ★スマホ用★ */
/*
.headfoot-is-sp .section__container{ width: 100%;}
.headfoot-is-sp .goTop__img--pc {
  display: none;
}
.headfoot-is-sp #nopc,.headfoot-is-sp .nopc,.headfoot-is-sp .br-sp{ display: block;}
.headfoot-is-sp #nosp,.headfoot-is-sp .nosp,.headfoot-is-sp .br-pc{ display: none;}
.headfoot-is-sp .main-title img {
  zoom: 0.7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
*/
#mainvisual {
	width: 100%;
	height: 88vw;
    background: url("../img/main-bg_sp.webp");
    background-size: 100%;
}
#mainvisual .title {
    /* padding-top: 15.3vw; */
	padding-top: 25vw;
	text-align: center;
}
#mainvisual .title img {
    width: 66vw;
}

/*------------------------------------------------
	ナビ
--------------------------------------------------*/
/* nav */
nav.menu {
    background-color: #AD0045;

}

.nav__item {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;    order: 2;
        width: 100vw;
     
}

.nav__item li {
    text-align: center;
    width: calc(100% / 4);
    border-bottom: 1px solid #ffffff;
	position: relative;
    border-right: 1px solid #ffffff;
}

.nav__item li:last-child {
    border-right:none;
}

.nav__item li a {
    padding: 3vw 0;
    color: #fff;
    font-size: 3.5vw;
	line-height: 1.5em;
    font-weight: 900;
	text-decoration: none;
    display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.nav__item li a::before,
.nav__item li a::after,
.info__container h3::before {
    content: "";
    background-repeat: no-repeat;
}

.nav__item li a::after {
    display: block;
    background-image: url(../img/nav_arrow.png);
    background-size: contain;
    width: 11px;
    height: 9px;
    margin: 0 auto;
	position: absolute;
	bottom: 1vw;
}

.nav__item li a:hover {
    background-color: #f98998;
}

.nav__item li a:hover::after {
    background-image: url(../img/nav_arrow_over.png);
}
/*出発地*/
.menu>.inner{
  width: 100vw;
  display: flex;
  flex-wrap: wrap;
}
#navi.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 20%);
}
#navi ul li a.active{
	background-color: #AD0045;
}
/*------------------------------------------------
	メリット
--------------------------------------------------*/
.section__title .base-title__inner {
    display: grid;
    justify-items: center;
}
.section__title .base-title__text--sub {
    color: #A80033;
    font-size: min((23vw / 3.75), 45px);
    line-height: 1.4em;
	font-weight: bold;
}
.section__title {
    text-align: center;
    margin-bottom: min((50vw / 3.75), 15px);
}
.section__title .base-title__text--main {
    margin: .25em 0 .75em;
}
#point .section__inner {
  width: 100%;
}
.point__block {
  max-width: 992px;
  overflow-x: auto;
  margin: auto;
  box-sizing: content-box;
  /* padding: 0 min((20vw / 3.75), 30px) 10px; */
}
.point__list {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 min((5vw / 3.75), 58px);
}
.point__item {
  display: grid;
  justify-items: center;
  grid-row: span 3;
  grid-template-rows: subgrid;
  font-size: 4vw;
  line-height: 1.2em;
  padding: 0 20px;
}
.point__item > [class*="point__item--"]:not(.point__item--photo) {
  order: 1
}
.point__item--title {
  font-size: 5vw;
  margin: min((19vw / 3.75), 18px) 0 min((10vw / 3.75), 13px);
  font-weight: bold;
  text-align: center;
  color: #A80033;
}
.point__item--photo {
  --photo-size: min((214vw / 3.75), 270px);
  width: var(--photo-size);
  height: var(--photo-size);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  border-radius: 10%;
}
.point__item--text{
	line-height: 1.5em;
}

/*------------------------------------------------
	導入
--------------------------------------------------*/
#lead {
	width: 100%;
	padding: 7vw 0;
	background-color: #FFFFBD;
}

#schedule {
	width: 100%;
	padding: 7vw 0 0;
}

/*------------------------------------------------
	観光情報
--------------------------------------------------*/
#guide {
    width: 100%;
    margin-top: 50px;
}
#guide h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.0em;
    font-weight: bold;
    margin-bottom: 8vw;
}
#guide h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}

.guide-tab {
    width: 100%;
    margin: 0 auto;
    display: flex;
}
.guide-tab li {
    width: 34%;
	font-size: 4.0vw;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
	padding: 3vw 0 4vw;
    position: relative;
}
.guide-tab li:nth-child(1)  {background-color: #f0668d;}
.guide-tab li:nth-child(2)  {background-color: #369f63;}
/*.guide-tab li:nth-child(3)  {background-color: #b65304;}*/
.guide-tab li:nth-child(3)  {background-color: #08aec3;}
.guide-tab li:nth-child(4) {background-color: #f1b417;}

.guide-tab li:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
	line-height: 1.0em;
}
.guide-tab li.current {
    margin-top: -2vw;
}
.guide-box {
    display:none;
    width: 100%;
    background: url("../img/guide-bg.png");
    padding: 5vw 0;
}
#day1.guide-box {border-top: solid 5px #f0668d;}
#day2.guide-box {border-top: solid 5px #369f63;}
#day3.guide-box {border-top: solid 5px #08aec3;}
#day4.guide-box {border-top: solid 5px #f1b417;}

.guide-box .inner {
}
.guide-box .ttl-box {
    width: 90%;
    margin: 0 auto 5vw;
    display: flex;
    justify-content: space-between;
}
.guide-box .ttl-box h3 {
    text-align: center;
    font-weight: bold;
    font-size: 5.0vw;
    line-height: 1.3em;
    letter-spacing: 0.1em;
}
#day1.guide-box .ttl-box h3 {color: #f0668d;}
#day2.guide-box .ttl-box h3 {color: #369f63;}
#day3.guide-box .ttl-box h3 {color: #08aec3;}
#day4.guide-box .ttl-box h3 {color: #f1b417;}

.guide-box .ttl-box h3 span {
    display: none;
}
.guide-box .ttl-box dl {
/*    width: 78%; */
}
.guide-box .ttl-box dl dt {
    font-size: 5.0vw;
    line-height: 1.5em;
    margin-bottom: 2vw;
}
.guide-box .ttl-box dl dd {
    font-size: 3.4vw;
    line-height: 1.6em;
}

.guide-box .sp-scroll {
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 4vw;
}
.guide-box .ph-box {
	display: flex;
	margin: 0 0 0 5vw;
}
.guide-box .ph-box li {
	width: 50vw;
	margin-right: 3vw;
}
.guide-box .ph-box .ph {
    margin-bottom: 2vw;
}
.guide-box .ph-box .ph img {
	width: 50vw;
    vertical-align: bottom;
    margin-bottom: 1vw;
}
.guide-box .ph-box .ph span {
    display: block;
    font-size: 10px;
    line-height: 1.2em;
    /*text-align: right;*/
}
.guide-box .ph-box h4 {
    font-size: 4.0vw;
    font-weight: bold;
    margin-bottom: 2vw;
}
#day1.guide-box .ph-box h4 {color: #f0668d;}
#day2.guide-box .ph-box h4 {color: #f1b417;}
#day3.guide-box .ph-box h4 {color: #369f63;}
#day4.guide-box .ph-box h4 {color: #08aec3;}
#day5.guide-box .ph-box h4 {color: #08aec3;}

.guide-box .ph-box .text {
    font-size: 3.4vw;
    line-height: 1.5em;
}

#day1 dt {color: #f0668d;font-size: 28px;}
#day2 dt {color: #f1b417;font-size: 28px;}
#day3 dt {color: #369f63;font-size: 28px;}
#day4 dt {color: #08aec3;font-size: 28px;}
#day5 dt {color: #08aec3;font-size: 28px;}

#day1 .annotation {margin: 10px;}
#day2 .annotation {margin: 10px;}
#day3 .annotation {margin: 10px;}
#day4 .annotation {margin: 10px;}
#day5 .annotation {margin: 10px;}

/*------------------------------------------------
	 おすすめツアー
--------------------------------------------------*/
#dome {
    width: 100%;
    padding: 10vw 0;
}
#dome h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 8vw;
}
#dome h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}


#dome .inner {
	width: 94%;
	margin: 0 auto;
}

#dome_drt {
    width: 100%;
}
#dome_drt h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    margin: 8vw 0;
	line-height: 2.2em;
}
#dome_drt h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}


#dome_drt .inner {
	width: 94%;
	margin: 0 auto;
}

#dome_drt2 {
    width: 100%;
}
#dome_drt2 h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    margin: 8vw 0;
	line-height: 2.2em;
}
#dome_drt2 h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}


#dome_drt2 .inner {
	width: 94%;
	margin: 0 auto;
}

#dome_drt3 {
    width: 100%;
}
#dome_drt3 h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    margin: 8vw 0;
	line-height: 2.2em;
}
#dome_drt3 h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}


#dome_drt3 .inner {
	width: 94%;
	margin: 0 auto;
}

/*--------------------------------------------------
商品
---------------------------------------------------*/
.product-wrap {
    /*margin-bottom: 10vw;*/
}
.product-list {
    width: 100%;
}
.product-list li {
    width: 100%;
    background-color: #fff;
    margin: 0 0 2vw 0;
    border: 1px solid #d9d9d9;
}
.product-list > li:empty {
    display: none;
}
.item-box {
}
.item-box a {
    color: inherit;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    padding: 2vw;
}
.item-box .imgdata {
    width: 32vw;
}
.item-box .tourdata {
    width: 55vw;
}
.item-box .item-box-pic img {
    width: 100%;
    height: 23vw;
    object-fit: cover;
}
.item-box .item-box-dpt {
    background-color: #000;
    color: #fff;
    font-size: 2.7vw;
    line-height: 1em;
    padding: 1vw 2vw;
}
.product-wrap .tour-notice {
    font-size: 2.8vw    
}

.item-box .item-box-ttl {
    font-size: 3.5vw;
    color: #004098;
    font-weight: bold;
    line-height: 1.4em;
    margin-bottom: 3vw;
}
.item-box .item-box-point {
    position: relative;
    margin-bottom: 3vw;
}
.item-box .item-box-point dt {
    font-size: 2.8vw;
    line-height: 1.4em;
    background-color: #086990;
    color: #fff;
    padding: 0.5vw 1vw 0 6vw;
}
.item-box .item-box-point dd {
    font-size: 3.0vw;
    line-height: 1.3em;
    font-weight: bold;
    padding: 1vw;
    color: #086990;
    border: solid 1px #086990;
    background-color: #ffffe4;
}
.item-box .item-box-point dt:before {
	content: url("../images/ico-finger.svg");
	display: inline-block;
    width: 4vw;
    position: absolute;
    top: 0.5vw;
    left: 1vw;
}
.item-box .item-box-copy {
    font-size: 3.2vw;
    line-height: 1.4em;
    margin-bottom: 2vw;
}
.item-box .item-box-price {
    font-size: 4.0vw;
    font-weight: bold;
    color: #C00;    
    text-align: right;
    margin-bottom: 1vw;
}
.item-box .item-box-note {
    font-size: 2.7vw;
    line-height: 1.5em;
    text-align: right;    
}
.item-box .item-box-dep {
    font-size: 2.7vw;
    line-height: 1.5em;
    text-align: right;    
}

/*サーチボタン*/
#dome .btn-search {
    padding-top: 5vw;
    width: 80vw;
    margin: 0 auto;
    text-align: center; 
    font-size: 3.5vw;
	line-height: 1.0em;
}
#dome .btn-search a {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #AD0045;
    text-decoration: none;
    padding: 3vw 0;
    border-radius: 6vw;
	line-height: 1.2em;
}
#dome .btn-search a:after {
    font-family: FontAwesome;
    content: "\f054";
    margin-left: 2vw;
}
#dome_drt .btn-search {
    padding-top: 5vw;
    width: 80vw;
    margin: 0 auto;
    text-align: center; 
    font-size: 3.5vw;
	line-height: 1.0em;
}
#dome_drt .btn-search a {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #AD0045;
    text-decoration: none;
    padding: 3vw 0;
    border-radius: 6vw;
	line-height: 1.2em;
}
#dome_drt .btn-search a:after {
    font-family: FontAwesome;
    content: "\f054";
    margin-left: 2vw;
}
#dome_drt2 .btn-search {
    padding-top: 5vw;
    width: 80vw;
    margin: 0 auto;
    text-align: center; 
    font-size: 3.5vw;
	line-height: 1.0em;
}
#dome_drt2 .btn-search a {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #AD0045;
    text-decoration: none;
    padding: 3vw 0;
    border-radius: 6vw;
	line-height: 1.2em;
}
#dome_drt2 .btn-search a:after {
    font-family: FontAwesome;
    content: "\f054";
    margin-left: 2vw;
}

#dome_drt3 .btn-search {
    padding-top: 5vw;
    width: 80vw;
    margin: 0 auto;
    text-align: center; 
    font-size: 3.5vw;
	line-height: 1.0em;
}
#dome_drt3 .btn-search a {
    display: block;
    color: #fff;
    font-weight: bold;
    background-color: #AD0045;
    text-decoration: none;
    padding: 3vw 0;
    border-radius: 6vw;
	line-height: 1.2em;
}
#dome_drt3 .btn-search a:after {
    font-family: FontAwesome;
    content: "\f054";
    margin-left: 2vw;
}
/*------------------------------------------------
	キーワード
--------------------------------------------------*/
#keyword_search {
    width: 100%;
    padding: 10vw 0;
}
#keyword_search h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 2vw;
}
/*
#keyword_search h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}
*/
#keyword_search .inner {
	width: 94%;
	margin: 0 auto;
}
#keyword_search .keyword-list{
	display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 5px;
}

#keyword_search .keyword_link a{
	display: block;
    padding: 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(195, 195, 195);
    border-image: initial;
    border-radius: 100px;
    transition: border-color 0.3s, background-color 0.3s;
	white-space: nowrap;
    text-align: center;
	text-decoration: none;
	color: #2E2E2E;
}

#keyword_search .keyword_link a:before {
    content: "#";
	color:#ad0045;
    top: 0;
    left: -14px;
	margin-right: 3px;
}

#keyword_search .keyword_link a:hover {
	display: block;
	padding: 10px 15px;
    border-width: 1px;
    border-style: solid;
    border-color:#ad0045;
    border-image: initial;
    border-radius: 100px;
	background-color: #FFE4EF;
    transition: border-color 0.3s, background-color 0.3s;
    text-align: center;
    opacity: .8;
}
/*------------------------------------------------
        スマホ横向き時の余白調整
--------------------------------------------------*/
.breadcrumb {
    width: 100%;
}
/*------------------------------------------------
        フライトスケジュール
--------------------------------------------------*/
#schedule h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    margin-bottom: 3vw;
}
#schedule h2 span {
    border-bottom: dashed 2px #aaa;
    padding: 1vw 2vw;
}
#schedule p {
    text-align: center;
	font-size: 3.5vw;
	margin: 5px 0;
}

.schedule__box {
    margin-bottom: 3vh;
}

.schedule__box h3 {
    font-size: 3.8vw;
    font-weight: 900;
    color: #FFF;
}

.schedule__box h3>small {
    display: block;
    font-size: calc(22vw / 7.5);
    color: inherit;
}

/* ▼table area*/

.schedule__box table {
    width: 95%;
    table-layout: fixed;
    border-collapse: collapse;
    border: solid 1px #ddd;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
}

.schedule__box table th {
    border: solid 1px #ddd;
    color: #fff;
    font-size: 3.5vw;
    font-weight: 900;
	background-color: #015B89;
    padding: calc(10vw / 7.5);
}

.schedule__box table td {
    border: solid 1px #ddd;
    padding: 1vh 0;
    font-size: 2.5vw;
	vertical-align: middle;
}

.schedule__box--info p {
    font-size: 3.1vw;
}

.schedule__box--info p::before {
    display: inline-block;
    content: "★";
    padding-right: .5vw;
}
.annotation{
	font-size: 3vw;
	padding: 1.5vw 0;
	text-align: center;
}

/* ▲table area*/

/*article*/
#catchy {
  background: #F8F7F5;
  padding: min((60vw / 3.75), 100px) 0;
}
#catchy .section__inner {
  width: 100%;
}
.article + .article {
  margin-top: min((40vw / 3.75), 55px);
  padding-top: min((40vw / 3.75), 44px);
  border-top: 1px dashed;
}
.article__title {
  width:  min((320vw / 3.75), 992px);
  display: grid;
  align-items: center;
  gap: .25em min((18vw / 3.75), 18px);
  margin: 0 auto min((15vw / 3.75), 25px);
}
.article__title--logo {
  height: min((31vw / 3.75), 38px);
  width: auto;
}
.article__title--text {
    order: 1;
    font-size: 5.5vw;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
	margin-bottom: 10px;
}
.article__block {
  max-width: 992px;
  overflow-x: auto;
  margin: auto;
  padding: 0 min((20vw / 3.75), 30px) 10px;
  box-sizing: content-box;
}
.article__list {
  display: grid;
  grid-auto-flow: column;
  gap: 0 16px;
  width: 992px;
  grid-template-columns: 236px;
}
.article__item {
  display: grid;
  grid-row: span 3;
  grid-template-rows: subgrid;
  background: #fff;
  font-size: 14px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  text-decoration: none;
}
.article__item > [class*="article__item--"]:not(.article__item--photo) {
  order: 1
}
.article__item--photo {
  width: 100%;
  height: 150px;
  object-fit: cover;
}
.article__item--title {
  color: #fff;
  background: #AD0045;
  font-size: 3.5vw;
  line-height: 1.2em;
  padding: .2em 1em;
}
.article__item--text {
  padding: 1em;
  color: #333;
  font-size: 3.5vw;
  line-height: 1.2em;
}
/*Instagram*/
#spk_instagram {
  padding: min((60vw / 3.75), 50px) 0;
}
#spk_instagram .section__inner {
  width: 100%;
}
.instagram + .instagram {
  margin-top: min((40vw / 3.75), 55px);
  padding-top: min((40vw / 3.75), 44px);
  border-top: 1px dashed;
}
.instagram__title {
  width:  min((320vw / 3.75), 992px);
  display: grid;
  align-items: center;
  gap: .25em min((18vw / 3.75), 18px);
  margin: 0 auto min((15vw / 3.75), 25px);
  font-weight: bold;
}
.instagram__title--text {
    order: 1;
    font-size: 5.5vw;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
	margin-bottom: 10px;
}
.instagram-media {
  width: 320px;
  max-width: 100%;
  /*
  transform: scale(0.9);
  transform-origin: top center;
  margin-top: -300px;
  margin-bottom: -300px;
  */
}

.instagram-container {
  display: flex;
  gap: 10px; /* 縮小により隙間が広がるため、gapは小さくてもOK */
  justify-content: center;
  flex-wrap: wrap;
}

.instagram-post-item {
    /* 必要に応じて幅を調整 */
    flex: 0 0 320px; /* Instagramのデフォルトの埋め込み幅(max-width: 320px)に合わせる */
    max-width: 320px;
}
/*reco-banner*/
#reco-banner {
  background: #fff;
  border-bottom: 2px solid #F2F2F2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .16);
  padding: 20px 10px;
}
.reco-banner__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min((15vw / 3.75), 30px);
  margin: 0 auto;
}
.reco-banner__link {
  display: block;
}
.section__inner, .contents__wrapper {
    position: relative;
    width: 100%;
}
#reco-banner img {
    max-width: 100%;
}
/*モデルプラン*/

.toggle__box{
  margin-bottom: calc(20vw / 7.5);
}
.toggle__box.is-active{
  box-shadow: 2.5px 4.33px 0px 0px rgba(51 51 51 / 20%);
  border-radius: 0 0 calc(6vw / 7.5) calc(6vw / 7.5);
  background: #ffffe1;
  width: 95%;
  margin: 0 auto;
}
.toggle__item{
  display: none;
  padding: calc(20vw / 7.5);
}
.toggle__inbox{
  display: flex;
  flex-direction: column;
  gap: calc(24vw / 7.5);
}
.timetable__list{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(8vw / 7.5);
}
.timetable__list>li{
  font-size: calc(26vw / 7.5);
  font-weight: bold;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: calc(10vw / 7.5);
  line-height: calc(34 / 26)
}
.timetable__list>li:not(.is-small)::before{
  content: "";
  background: url("../img/ico_schedule.webp") no-repeat center center / contain;
  width: calc(20vw / 7.5);
  height: calc(30vw / 7.5);
  display: inline-block;
}
.timetable__list>li:not(:last-child)::after{
  content: "↓";
  display: block;
  font-size: calc(22vw / 7.5);
  color: #69718;
  width: 100%;
}
.timetable__list>li.is-small,
.remarks{
  display: block;
  font-size: calc(22vw / 7.5);
  font-weight: normal;
  color: #69718;
}
.timetable__list>li.is-highlight>span{
  display: inline-block;
  background-color:#AD0045;
  color: #FFF;
  padding: calc(4vw / 7.5);
}
.timetable__map{
  width: 100%;
}

.timetable__map img {
  max-width: 100%;
  vertical-align: top;
}

/*----------------------------------------------
	ホテル　枠
------------------------------------------------*/
#hotel h2 {
    text-align: center;
    font-size: 5.5vw;
    line-height: 1.7em;
    font-weight: bold;
    padding: 5vw 0;	
}

.hotel-wrap {
	width: 94vw;
	margin: 0 auto 15px;
	background-color: #f5f5f5;
	padding-bottom: 30px;
}

.hotel-wrap .more-btn {
	width: 74vw;
	margin: 20px auto 0;
	font-size: 3.4vw;
	text-align: center;
	background-color: #000;
    border-radius: 50vw;
}
.hotel-wrap .more-btn a {
	display: block;
	padding: 13px 0;
	color: #fff;
	text-decoration: none;
}
.hotel-wrap .more-btn a:after {
	font-family: FontAwesome;
	content: "\f105";
	margin-left: 10px;
}

/*----------------------------------------------
	ホテル　タイトル
------------------------------------------------*/
.hotel-title {
	width: 100%;
	padding: 15px 15px 20px 15px;
	border-top: solid 3px #a68943;
}
.hotel-title .area {
	display: inline-block;
	font-size: 11px;
	background-color: #a68943;
	color: #fff;
	line-height: 1.6em;
	border-radius: 0.8em;
	padding: 0 10px;
	margin: 0 0 5px 0;
}
.hotel-title h3 {
	font-size: 5vw;
	line-height: 1.5em;
	font-weight: bold;
	margin-bottom: 3px;
}
.hotel-title .alpha {
	font-family: Verdana, Geneva, "sans-serif";
	font-size: 12px;
	line-height: 1.3em;
	color: #999;
	padding: 0 0 5px 0;
}
.hotel-title .icon {
	border-top: solid 1px #000;
    padding: 5px 0 0 0;
}
.hotel-title .icon span {
	font-size: 3.5vw;
	color: #fff;
	padding: 3px 5px;
	margin: 0 5px 5px 0;
	display: none;
}
.hotel-title .icon span.show {
	display: inline-block!important;
}

.hotel-title .icon span.cpn {background-color: #ec4e4e;}
.hotel-title .icon span.zekkei {background-color: #254985;}
.hotel-title .icon span.condo {background-color: #795516;}
.hotel-title .icon span.familly {background-color: #e79d30;}
.hotel-title .icon span.jyoshi {background-color: #e6537f;}
.hotel-title .icon span.senior {background-color: #4c2673;}
.hotel-title .icon span.couple {background-color: #168180;}

.hotel-title .grade {
	font-size: 12px;
}
.hotel-title .grade span {
	color: #a68943;
	letter-spacing: 0.1em;
}

/*----------------------------------------------
	ホテル　スライダー
------------------------------------------------*/
.hotel-slider {
	width: 80vw;
	margin: 0 auto 30px;
}
.hotel-slider p img {
	width: 100%;
}
.hotel-slider .slick-dots {
	position: absolute;
	bottom: -22px;
}
/*スライダー写真4枚しかない対応*/
#icninsp .slick-dots li:nth-child(5){
	display: none;
}
/*----------------------------------------------
	ホテル　説明
------------------------------------------------*/
.hotel-info {
	width: 88vw;
	margin: 0 auto;
}
.hotel-info .text {
	font-size: 3.8vw;
	line-height: 1.5em;
}
.hotel-info .more {
	font-size: 13px;
	text-align: right;
}
.hotel-info .more a {
	display: inline-block;
	border-bottom: double 3px #333;
	color: #333;
	text-decoration: none;
	padding: 5px;
}
.hotel-info .more a:after {
	font-family: FontAwesome;
	content: "\f18e";
	font-size: 3.5vw;
	margin-left: 5px;
}
.hotel-info .point-ttl {
	margin-top: 15px;
	/* font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif!important; */
	font-size: 3.8vw;
	font-weight: bold;
	color: #a68943;
}
.hotel-info .point-ttl::before {
    background: url(../img/point-title.png) center center / cover no-repeat;
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: baseline;
}
.hotel-info .point {
	font-size: 3.5vw;
	line-height: 1.5em;
	background-color: #fff;
	padding: 5px;
	position: relative;
}