@charset "UTF-8";
/* =============================================================================

	特集用CSS

	レスポンシブ対応。ブレイクポイントは959pxと640pxで用意しています。
	959pxでヘッダー＆フッターなどスマホ用に変更。
	ヘッダー＆フッター、印刷用、基本設定、ナビゲーションCSSは基本的にはそのまま使用。
	（背景、サイズ変更、余白の調整など必要に応じて書き換えて下さい）
	特集用以下に追加記述して下さい。

============================================================================= */
/*----------------------------------------
ヘッダー＆フッター
----------------------------------------*/
@media screen and (min-width: 960px) {
}
@media screen and (min-width: 960px) {
	#t-header,
	#all-footer {
		display: none;
	}
  header#header,
  footer#footer {
    display: block;
  }
}
@media screen and (max-width: 959px) {
	#wrapper-fuk #header_nav,
	#wrapper-fuk #footer_nav,
  header#header,
  footer#footer {
		display: none;
	}
	#t-header,
	#all-footer {
		clear: both;
		display: block;
	}
  #headContainer #header #headerUtility {
    height: auto;
  }
}
#change-area,
.calendar-popup,
.modal-popup,
#adArea {
	display: none;
}
/*----------------------------------------
 印刷用
----------------------------------------*/
@media print{
	#wrapper-fuk #header_nav,
	#wrapper-fuk #footer_nav,
	#t-header,
	#all-footer,
	#wrapper-fuk .smp-area,
  #adArea {
		display: none;
	}
}
/*----------------------------------------
 基本設定
----------------------------------------*/
#wrapper-fuk {
	min-width: 100%;
	overflow-x: hidden;
}
/*背景色・画像を使いたい場合に利用
.contents-bg {
	background: ;
}*/
/* @font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
} */
.contents {
	background: #fff;
	color: #333;
  font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", /* YuGothic, "游ゴシック Medium", YuGothicM, */ "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	text-align: left;
	position: relative;
	margin: 0 auto;
	width: 960px;
	z-index: 1;
}
.contents img {
  max-width: 100%;
}
.contents ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.contents a {
  max-width: 100%;
}
/* リンク設定
--------------------*/
.contents a:link {
	color: #1E51C6;
	text-decoration: none;
}
.contents a:visited {
	color: #1E51C6;
	text-decoration: none;
}
.contents a:hover {
	color: #00A8EC;
	text-decoration: underline;
}
.contents a:active {
	color: #00A8EC;
	text-decoration: none;
}
/* アイコンフォント */
.fa {
  margin: 0 .2em;
}
/*----------------------------------------
 ナビゲーション
----------------------------------------*/
.contents nav{
	clear: both;
}
/* パンくず
--------------------*/
#pankuzu {
  float: left;
  padding: 7px 0;
	text-align: left;
}
#pankuzu li {
	display: inline-block;
	white-space: nowrap;
}
#pankuzu li + li:before {
	content: '>';
	margin-right: .5em;
}
/* PageTopに戻る
--------------------*/
#gotop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
#gotop a {
	background: #000;
	border-radius: 50%;
	behavior: url(/fuk/sp/js/PIE.htc);
	color: #fff;
	display: block;
	line-height: 1.1;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	filter:alpha(opacity=80);
	opacity: 0.8;
}
#gotop a i:before {
	margin: 0 0 3px;
}
#gotop a:hover {
	background: #999;
	text-decoration: none;
}
/*----------------------------------------
 汎用セレクタ・クラス
----------------------------------------*/
.contents h1,.contents h2,.contents h3 {
	font-weight: bold;
}
.contents p {
	margin-bottom: 1em;
}
div {
	position: static;
}
.contents section {
	clear: both;
	text-align: left;
}
.contents small {
	font-size: .85em;
}
.clear {
	clear: both;
}
.txtC {
	text-align: center;
}
.txtR {
	text-align: right;
}
.txtL {
	text-align: left;
}

/* clearfix
--------------------*/
.contents div:after,
.contents ul:after,
.contents li:after,
.contents dl:after,
.contents p:after,
.cf:after {
  content: " ";
  display: block;
  clear: both;
}
/* パディングとボーダーを幅と高さに含める */
.contents * {
  -webkit-box-sizing : border-box ;
  -moz-box-sizing : border-box ;
  box-sizing : border-box ;
}

/* 古いIE用警告
--------------------*/
#ie_error {
	background: #ff0;
	padding: 5px;
	text-align: center;
}

/* SNS
--------------------*/
.sns-link {
  float: right;
  margin: 5px;
}
.sns-link li {
  border-radius: 15px;
  display: inline-block;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  padding: 5px 0;
  vertical-align: middle;
  width: 30px;
  margin-left: 10px;
}
.contents .sns-link a {
  color: #fff;
}
.sns-link a:hover {
  filter:alpha(opacity=80);
  opacity: 0.8;
}
.contents .sns-facebook {
  background: #3765A3;
}
.contents .sns-twitter {
  background: #2CA7E0;
}
.contents .sns-line {
  background: #5cd95c;
  padding: 0;
}
.sns-line img {
  width: 74%;
  padding: 0 4px;
}

/*LINE@*/
.lineinfo {
  background: #50c900;
  color: #fff;
  text-align: center;
  margin-bottom: 2em;
}

/* ボタン 標準（共通）
--------------------*/
.contents a.btn {
	display: inline-block;
	*display: inline;
	*zoom: 1;
  vertical-align: middle;
  *vertical-align: auto;
	border-radius: 4px;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	margin: 5px 0;
	padding: 10px;
}
.contents a.btn:link,
.contents a.btn:visited {
	background: #fff\9;
	background : -moz-linear-gradient(top, #ffffff, #e9e9e9);
	background : -webkit-linear-gradient(top, #ffffff, #e9e9e9);
	background : linear-gradient(to bottom, #ffffff, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e9e9e9', GradientType=0);
	border: 1px solid #bbb;
	color: #555;
}
.contents a.btn:hover,
.contents a.btn:active {
	border:1px solid #bbb;
	background: #e9e9e9;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #aaa;
}
/* ボタン 紺 */
.contents a.btn-navy:link,
.contents a.btn-navy:visited {
	background: #004098\9;
	background : -moz-linear-gradient(top, #004098, #013377);
	background : -webkit-linear-gradient(top, #004098, #013377);
	background : linear-gradient(to bottom, #004098, #013377);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004098', endColorstr='#013377', GradientType=0);
	border: 1px solid #0664E6;
	color: #fff;
}
.contents a.btn-navy:hover,
.contents a.btn-navy:active {
	border:1px solid #0664E6;
	background: #013377;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #ddd;
}
/* ボタン 赤 */
.contents a.btn-red:link,
.contents a.btn-red:visited {
	background: #E94E37\9;
	background : -moz-linear-gradient(top, #E94E37, #D6371F);
	background : -webkit-linear-gradient(top, #E94E37, #D6371F);
	background : linear-gradient(to bottom, #E94E37, #D6371F);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E94E37', endColorstr='#D6371F', GradientType=0);
	border: 1px solid #FF6B55;
	color: #fff;
}
.contents a.btn-red:hover,
.contents a.btn-red:active {
	border:1px solid #FF6B55;
	background: #D6371F;
  -webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #eee;
}
/* ボタン 幅いっぱい */
.contents a.btn-block {
	display: block;
}
/* ボタン 大 */
.contents a.btn-large {
	font-size: 1.7em;
}
/* ボタン 中 */
.contents a.btn-middle {
	font-size: 1.3em;
}

/* ドロップダウンメニュー
------------------------------*/
.fair-nav {
  background: #8a9b0f;
  margin-bottom: 2em;
}
.fair-nav:before, .fair-nav:after{
  content: "";
  display: table;
}
.fair-nav:after {
  clear: both;
}
.fair-nav li {
  position: relative;
  width: 33.3%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.fair-nav li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
.fair-nav li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.fair-nav li ul li{
  width: 100%;
}
.fair-nav li ul li a {
  padding: 13px 15px;
  border-top: 1px solid #7c8c0e;
  background: #6e7c0c;
  text-align: left;
}
.fair-nav li:hover > a {
  background: #6e7c0c;
}
.fair-nav li a:hover {
  background: #616d0b;
}
/* アニメーション変化 */
.fair-nav li ul li {
  overflow: hidden;
  height: 0;
  transition: .2s;
}
.fair-nav li:hover ul li {
  overflow: visible;
  height: 38px;
}
.fair-nav.widearea {
  margin-bottom: 2.5em;
}

/* タブ
--------------------*/
.tabs li {
	display: block;
	float: left;
	border: 1px solid #ccc;
	width: 20%;
}
.tab a {
	display: block;
	padding: 5px;
	text-decoration: none;
}
.panels > .panel {
  display: none;
}
.panels > .panel.active {
  display: block;
}
.panel {
	border: 1px solid #ccc;
}

/* 横幅いっぱい */
.widearea {
  clear: both;
  margin-left: -500%;
	margin-right: -500%;
  padding-left: 500%;
	padding-right: 500%;
}

/*----------------------------------------
特集用　▼ここから記述
----------------------------------------*/
.contents ul.gnavi {
  background: #FF9673 url(../img/bg-plane.png) center center repeat-x;
  margin-bottom: 3em;
}
.gnavi li {
  display: block;
  float: left;
  /*width: 33.3%;*/
  width: 50%;
  line-height: 1.2;
  text-align: center;
}
.contents .gnavi li a {
  display: block;
  background: #FF9673;
  color: #fff;
  font-size: 1.8em;
  font-weight: bold;
  padding: 15px;
  text-decoration: none;
}
.gnavi li a:hover {
  background: #FFB399;
}
.gnavi li + li {
  border-left: 1px solid #fff;
}

/* タイトル */
.fair-head {
  clear: both;
  background: url(../img/head-bg.png) top center no-repeat;
}
.contents h2 {
  background: #ff9673;
  color: #fff;
  font-size: 1.6em;
  line-height: 1;
  padding-top: 3px;
  padding-bottom: 8px;
  margin-bottom: 1em;
}
.contents h2:first-letter {
  font-size: 2em;
}
/* カレンダー */
.calendar {
  margin-bottom: 3em;
}
.cal_wrapper {
  height: 264px;
}
.schedule_list ol li {
  list-style-type: decimal;
}

/* モデルケース */
.modelcase {
  margin-bottom: 3em;
}
/* おすすめ都市 */
.putitabi-box {}
.city_box {
  border-bottom: 6px solid #ddd;
  padding-bottom: 2em;
  margin-bottom: 2em;
}
.city_box:last-child {
  border: none;
  margin-bottom: 4em;
}
.city_box h3 {
  background: #333;
  float: left;
  margin-right: 2%;
  margin-bottom: 1.5em;
  position: relative;
  width: 38%;
}
.city_box h3 span {
  display: block;
  color: #fff;
  font-size: 1.8em;
  letter-spacing: .2em;
  text-align: center;
  padding: 5px;
  width: 100%;
}

.city-head {
  background: #333;
  border: 2px solid #333;
  border-radius: 7px;
  margin-bottom: 1em;
  display: table;
  width: 100%;
}
.city-head dt {
  color: #fff;
  font-size: 1.8em;
  font-weight: bold;
  line-height: 1.1;
  letter-spacing: .1em;
  text-align: center;
  padding: 10px;
  width: 32%;
  display: table-cell;
  vertical-align: middle;
}
.city-area {
  font-size: .7em;
}
.city-head dd {
  background: #fff;
  border-radius: 0 5px 5px 0;
  padding: 10px;
  display: table-cell;
  vertical-align: middle;
}
.city-left {
  float: left;
  margin-right: 2%;
  margin-bottom: 1.5em;
  width: 35%;
}
.city-right {
  float: right;
  width: 63%;
}
.city-reco {
  display: flex;
  -webkit-justify-content: space-between; /*等間隔*/
  justify-content: space-between;

}
.city-reco li {
  display: block;
  background: #E7F9B0;
  border-radius: 7px;
  padding: 10px;
  width: 31.3%;
	margin-bottom: 1.5em;
}
ul.city-reco::after {
  display: none;
}
.city-reco li span {
  display: block;
  font-weight: bold;
}
.link-btn {
  clear: both;
  text-align: center;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	justify-content: space-between;
	list-style-type: none;
}
ul.link-btn::after {
	content: '';
	display: none;
}
.link-btn li {
	margin: 1em 0;
  width: 32.3%;
}
.contents .link-btn li a {
  background: #444;
  border-radius: 5px;
  color: #fff;
  font-size: .9em;
  display: block;
  padding: 10px 0;
  text-decoration: none;
}
.link-btn li a:hover {
  background: #a3d900;
}
.tour-link {
  clear: both;
	list-style-type: none;
  margin: 0;
}
.contents .tour-link a {
  display: block;
  color: #333;
  padding: 3px 10px;
  border-bottom: 1px dashed #ccc;
  text-decoration: none;
}
.ico-online {
  background: #48b8cf;
  color: #fff;
  font-size: .9em;
  padding:2px 0;
/*padding: 1px 3px;*/
  margin-right: .2em;
}
.tour-link a:before {
    font-family:"Font Awesome 5 Free";
    content: '\f054';
    color: #a3d900;
		font-weight: bold;
    display: block;
    float: left;
    margin-top: 2px;
    margin-right: .2em;
}
.htl-deco{
    padding:0 0.5em;
}
.tour-link .gross {
  color: #d00;
  font-weight: bold;
  padding: 0 0.5em;
}
.tour-link a:hover {
  background: #a3d900;
  color: #fff;
}
.tour-link a:hover:before {
  color: #fff;
}
.tour-link a:hover .gross {
  color: #ffffa9;
}
.search {
  background: #eee;
  padding-top: 10px;
  padding-bottom: 10px;
}
.search.smp-area {
  background: #fff;
	text-align: center;
	padding-top: 0;
	padding-bottom: 2em;
}
.ogata{
	position: absolute;
    top: 260px;
    font-size: 14px;
    color: #1e51c6;
    background: rgba(255, 255, 255, 0.7);
    /* text-shadow: #FFF 1px 1px 0px; */
    margin: 5px 45px;
    padding: 5px;
}

/* JS読み込み　特集用バナー */
div.tokushu_bnr{
    max-width: 960px;
    margin: 1% auto;
    background: #f3f3f3;
}
div.tokushu_bnr p{
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    background: #004097;
    color: #fff;
}
div.tokushu_bnr ul{
    display: flex;
    flex-wrap: wrap;
}
div.tokushu_bnr ul li{
    width: 14%;
    margin: 1%;
    list-style: none;
}
div.tokushu_bnr ul li a{
    font-size: 14px;
}
div.tokushu_bnr ul li a:hover {
    opacity:.7;
}
div.tokushu_bnr .footbtn {
    text-align: center;
    padding: 2%;
}
div.tokushu_bnr .footbtn a{
    background: #ffffff;
    padding: 1% 5%;
    color: #004097;
    border: #004097 solid 2px;
    border-radius: 7px;
}
div.tokushu_bnr .footbtn a:hover{
    background: #004097;
    color: #fff;
    text-decoration:none;
}
#tabOverseasTour01 h1{
    width: 53%;
display: inline-block;
}
#tabOverseasTour01 a.kokunaibtn{
    width: 46%;
    background: #47c40c;
    color: #fff;
}
/*----------------------------------------
タブレット・スマホ対応
----------------------------------------*/
@media screen and (min-width: 960px) {
	#wrapper-fuk {
		min-width:964px;
	}
	.smp-area { /*PCでは非表示*/
		display: none;
	}
  .sns-link li.sns-line {
    display: none;
  }
}
@media screen and (max-width: 959px) {
	#contents {
		line-height: 1.7;
		width: 98%;
		padding: 0 1%;
	}
	#contents input, #contents select {
		height: 40px;
		font-size: 1.2em;
	}
	#pankuzu {
		margin: 0;
    padding: 0;
	}
	#gotop a {
		font-size: .75em;
		padding: 5px 10px;
	}
	.pc-area { /*スマホでは非表示*/
		display: none;
	}
	#contents img:not([width]), #contents input[type="image"]:not([width]) {
		zoom: 1;
	}
  .sns-link {
    margin-top: 5px;
  }
  .widearea {
    margin-left: 0;
		margin-right: 0;
    padding-left: 0;
		padding-right: 0;
  }
  .contents h2 {
    padding: 0 5px;
  }
  .gnavi {
    margin-bottom: 2em;
  }
  .gnavi li a {
    font-size: 1em;
  }
  .gnavi li a:after {
    font-family:"Font Awesome 5 Free";
    content: '\f078';
    display: block;
  }
  .cal_wrapper {
    height: auto;
  }
  .city-left {
    float: none;
    text-align: center;
    margin: 1.5em auto 0;
    width: 470px;
  }
  .city-right {
    float: none;
    width: auto;
  }
  .ogata{
   	position:relative;
    top: 0;
    margin:3px;
    font-size:12px;
   }

}
@media screen and (max-width: 640px) {
  .sns-link {
    clear: both;
    float: none;
    text-align: right;
    margin: 0;
  }
  .sns-link i {
    margin: 0;
  }
  .city-head dt,
  .city-head dd {
    display: block;
    width: auto;
  }
  .city-head dd {
    border-radius: 0 0 5px 5px;
  }
  .city-reco li {
    display: block;
    width: auto;
    margin: 0 0 .5em;
  }
  .city-left {
    width: auto;
  }div.tokushu_bnr ul li {
        width: 31%;
    }
}