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

	特集用CSS

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

============================================================================= */
/*----------------------------------------
ヘッダー＆フッター
----------------------------------------*/

@media screen and (min-width: 960px) {
	#wrapper-fuk #t-header,
	#wrapper-fuk #all-footer {
		display: none;
	}
  #header .clearfix {overflow: visible;}
}
@media screen and (max-width: 959px) {
	#wrapper-fuk #header_nav,
	#wrapper-fuk #footer_nav {
		display: none;
	}
	#wrapper-fuk #t-header,
	#wrapper-fuk #all-footer {
		clear: both;
		display: block;
	}
  #headContainer #header #headerUtility {
    height: auto;
  }
}
.ie8 #wrapper-fuk #t-header,
.ie8 #wrapper-fuk #all-footer,
.ie8 .smp-area {
	display: none;
}
#change-area,
.calendar-popup,
.modal-popup,
#adArea {
	display: none;
}
/*----------------------------------------
 印刷用
----------------------------------------*/
@media print{
	#wrapper-fuk #header_nav,
	#wrapper-fuk #footer_nav,
	#wrapper-fuk #t-header,
	#wrapper-fuk #all-footer,
	#wrapper-fuk .smp-area,
  #adArea {
		display: none;
	}
}
/*----------------------------------------
 基本設定
----------------------------------------*/
#wrapper-fuk {
	min-width: 100%;
	overflow-x: hidden;
}
/*背景色・画像を使いたい場合に利用
.contents-bg {
	background: ;
}*/
/* @font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}
@font-face {
  font-family: "Custom Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
} */
.contents {
	background: #fff;
	color: #333;
	  font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", /* YuGothic, "Custom Yu Gothic", "Yu Gothic", */ "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 a {
  max-width: 100%;
}
/* リンク設定
--------------------*/
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: none;
}
a:active {
	color: #333;
	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;
}
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 dl:after,
.contents p:after,
.cf:after {
  content: " ";
  display: block;
  clear: both;
}
/* パディングとボーダーを幅と高さに含める */
.contents div,
.contents p,
.contents ul,
.contents ol,
.contents li,
.contents dl,
.contents dt,
.contents dd {
  -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;
}
.sns-link a {
  color: #fff;
}
.sns-link a:hover {
  filter:alpha(opacity=80);
  opacity: 0.8;
}
.sns-facebook {
  background: #3765A3;
}
.sns-twitter {
  background: #2CA7E0;
}
.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: 25%;
  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;
}

/* フィルタ
--------------------*/
#filter {
	text-align: center;
}
#filter li {
  background: #ccc;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
  padding: 10px;
  margin: 0 2px 10px;
}
#filter li.f-active,
#filter li:hover {
  background: #666;
  color: #fff;
	font-weight: bold;
}
/* 横幅いっぱい */
.widearea {
  clear: both;
  margin: 0 -500%;
  padding: 0 500%;
}

.fixHeight > *:after {
  content: '';
  display: block;
  height: 1em;
}
/*----------------------------------------
特集用　▼ここから記述
----------------------------------------*/
.fair-head {
  background: url(../img/bg_header_01.gif);
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
}
.tit-city {
  float: left;
  margin-right: 20px;
  margin-bottom: 1em;
}
.fair-head h1 span {
  color: #4A1983;
  display: inline-block;
  width: 54%;
}
.contents h2 {
  background: #511D83;
  color: #fff;
  font-size: 1.4em;
  padding: 5px 10px;
  margin-bottom: 1em;
}
h2.thai-tour {
  background: #FFE134;
  color: #333;
  font-size: 1.3em;
  padding: 10px;
  position: relative;
  text-align: center;
  margin-bottom: 2em;
}
h2.thai-tour:after {
  content: '\f0dd';
  display: block;
  color: #FFE134;
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 3em;
  line-height: 1;
  position: absolute;
  bottom: -13px;
  margin-left: -.5em;
  left: 50%;
}

.contents h3 {
  color: #a37596;
  padding: 10px 0;
}
.contents h3 img {
  float: left;
  margin-top: -10px;
  margin-right: 10px;
}
.contents h3 span {
  color: #EAC42A;
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
  font-size: 2em;
  line-height: 1;
}
.contents h3 + p {
  font-size: .9em;
}
.point1 {
  float: left;
  width: 50%;
  margin-bottom: 1.5em;
}
.point1 dt {
  color: #9E54E6;
  font-weight: bold;
}
.list-diamond dd:before {
  content: "◆";
  margin-right: .2em;
}
.list-diamond dd,
.att dd {
  padding-left: 1.2em;
  text-indent: -1.2em;
}
.att {
  clear: both;
  border: double 3px #E8C3AC;
  background: #FBF7EE;
  font-size: .85em;
  padding: 10px;
  margin-bottom: 5em;
}
.att dt {
  font-weight: bold;
}
.att dd:before {
  content: "※";
  margin-right: .2em;
}
.chui {
  color: #e00;
}
.point1-img {
  float: right;
  width: 48%;
  margin-left: 2%;
}
.point2 {
  display: inline-block;
  vertical-align: top;
  width: 47%;
  margin: 0 1% 2em;
}
.point2 dt {
  background: #CBAB91;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
.support {
  margin-bottom: 1.5em;
}
.support:after {
  display: block;
  background: url(../img/bg_bnrbox01_02.gif) no-repeat;
  height: 9px;
}
.kikan{
    background-color:#9966cc;
    color: #fff!important;
    padding: 3px;
    width: 25%;
    margin: 2% 0;
    text-align:center;
}
.point-haikei{
    background-color: #ffffdb;
    padding: 1.5%;
    font-size: 16px;
}
.buffe{
    font-weight: bold;
    color: #ff0033;
    font-size: 19px;
    background: #ffeaea
}
.schedule{
    margin: 2% 0;
    width: 53%;
}
.schedule span{
    font-weight: bold;
    padding: 2px;
    border-radius: 2px;
    line-height: 30px;
    margin-right: 7px;
}
.att-right{
    float: right;
    width: 45%;
    clear: none;
    margin-top: 3%;
}
/* おすすめホテル＋対象ツアー */
.tour-box {
  margin-bottom: 2em;
}
.tour-box dt {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: .5em;
}
.tour-box dt:before {
  font-family: FontAwesome;
  content: '\f10c';
  color: #003585;
  font-size: .9em;
  margin-right: .2em;
}
.tour-box dt a:link,
.tour-box dt a:visited {
  color: #333;
}
.tour-box dt a:hover {
  color: #069;
}
.tour-box dd {
  float: right;
  width: 40%;
  margin-bottom: .5em;
}
.tour-box dd.htl-img {
  float: left;
  width: 58%;
  margin-right: 2%;
}
.tour-box dd.htl-img li {
  float: left;
  width: 32.5%;
  overflow: hidden;
  margin-bottom: 1%;
}
.tour-box dd.htl-img li:first-child {
  float: left;
  width: 66.5%;
  margin-right: 1%;
}
.tour-box dd.htl-img img {
  -webkit-transition:0.2s ease-in-out;
  -moz-transition:0.2s ease-in-out;
  -ms-transition:0.2s ease-in-out;
  -o-transition:0.2s ease-in-out;
  transition:0.2s ease-in-out;
}
.tour-box dd.htl-img img:hover {
  -webkit-transform:scale(1.2,1.2);
  -moz-transform:scale(1.2,1.2);
  -ms-transform:scale(1.2,1.2);
  -o-transform:scale(1.2,1.2);
  transform:scale(1.2,1.2);
}
.htl-grade {
  font-size: .85em;
}
.htl-grade img {
  margin-right: .3em;
  vertical-align: middle;
}
.htl-txt {}
.htl-txt span {
  font-size: 1.1em;
  font-weight: bold;
}
.reco-tour {
  background: #FEFDF2;
  border: 1px solid #eee;
  padding: 10px;
  position: relative;
}
.reco-tour p {
  margin-bottom: 0;
  line-height: 1.3;
}
.reco-tour:after {
  content: '';
  background: #ffe134;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.reco-tour:hover:after {
  content: '';
  background: #ffe134;
  height: 4px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  transition: .3s;
}
p.tour-point {
  border-bottom: 1px dotted #ccc;
  font-size: .9em;
  padding-bottom: .5em;
  margin-bottom: .5em;
}
p.tour-tit {
  font-weight: bold;
  float: left;
  margin-bottom: .5em;
}
p.tour-gross {
  float: right;
  color: #e00;
  font-weight: bold;
  text-align: right;
  margin-bottom: .5em;
}
.gross-s {
  color: #333;
  font-size: .8em;
  font-weight: normal;
}
.tour-btn {
  clear: both;
  margin-bottom: .5em;
}
.tour-btn a {
  display: inline-block;
  background: #e00;
  border-radius: 7px;
  color: #fff;
  font-size: .85em;
  text-decoration: none;
  padding: 10px 20px;
}
.tour-btn a:hover {
  background: #d00;
}


/* タイ基本情報
------------------------------ */
#thai-info .fair-head {
  border-bottom: 3px solid #58248A;
}
.info-box {
  border-top: 1px solid #D7CDBB;
  margin-bottom: 1.5em;
}
.info-box dt {
  background: #F2EADD;
  border-bottom: 1px solid #D7CDBB;
  clear: both;
  float: left;
  width: 10em;
  padding: 5px 10px;
  overflow: hidden;
}
.info-box dd {
  border-bottom: 1px solid #D7CDBB;
  overflow: hidden;
  padding: 5px 10px;
}
.trouble {
  background: #F2EADD;
  border: 3px double #D7CDBB;
  border-radius: 15px;
  padding: 10px 15px;
  margin-bottom: 2em;
}
.trouble h3 {
  color: #59278A;
  font-size: 1.4em;
  line-height: 1;
}
.trouble span {
  font-weight: bold;
}
.kiko li {
  display: inline-block;
  border: 1px solid #D7CDBB;
  border-radius: 5px;
  font-size: .9em;
  width: 30%;
  vertical-align: top;
  margin: 0 1% 1em;
  padding: 5px;
}
.kiko span {
  border-radius: 3px 3px 0 0;
  display: block;
  text-align: center;
  margin: -5px -5px 0;
}
.kanki {
  background: #FFDCA8;
  font-weight: bold;
}
.kanki-txt {
  color: #CD6D2D;
}
.shoki {
  background: #FF9595;
  font-weight: bold;
}
.shoki-txt {
  color: #B04F5D;
}
.uki {
  background: #D2F2DB;
  font-weight: bold;
}
.uki-txt {
  color: #498847;
}
.info-box table {
  font-size: .9em;
  line-height: 1.1;
  width: 100%;
}
.info-box table td,
.info-box table th {
  border: 1px solid #fff;
  padding: 5px;
  text-align: center;
}

/* 検索BOX
--------------------*/
#search-fuk {
  margin-bottom: 2em;
}
#search {
  background: #fff;
  padding: 3em .5em;
}
#js_tabTtl {
  line-height: 1;
}
.search-smp {
  display: -webkit-flex;
  display: flex;
  padding-bottom: 1em;
}
.search-smp li {
  padding: .2em;
  flex: 1;
}
.search-smp li a {
  background: #1792BA;
  border-bottom: 5px solid #0D7A9E;
  border-radius: .5em;
  color: #fff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items:  center;
  line-height: 1;
  height: 100%;
  position: relative;
  padding: .5em .6em;
  text-align: center;
  text-decoration: none;
}
.ie .search-smp,
.ie .search-smp li a {
  -js-display: flex;
}
.search-smp li a::before {
  content: '\f002';
  color: rgba(0,0,0,.1);
  font-family: "FontAwesome";
  font-size: 3em;
  position: absolute;
  bottom: 0;
  right: 0;
}
.search-smp li a:hover {
  background: #199EC9;
  border-bottom: 5px solid #0F86AD;
}
/* ツアー検索 */
#search-fuk #search_form_tour .cap,
#search-fuk #search_form_tour .diary-box .cap,
#search-fuk #search_form_tour .day-box-cap {
  background: #0064b1;
  color: #fff;
  font-size: .85em;
  font-weight: 700;
  display: block;
  padding: 5px 10px;
  width: 120px;
}
#search-fuk #search_form_tour .day-box-cap {
  margin-right: 1em;
}
#search-fuk #search_form_tour .area-box select,
#search-fuk #search_form_tour #set_min_date  {
  border: 1px solid #898989;
  color: #111!important;
  font-size: .85em;
  width: 100%;
}
#search-fuk #search_form_tour #order_days select {
  border: 1px solid #898989;
  font-size: .85em;
  width: 60px;
  margin: 0 .5em;
}
#search-fuk #search_form_tour #order_days option {
  color: #111!important;
}
#search-fuk #search_form_tour .sbcontents ul > li:not(:last-child) {
  float: left;
  width: 49%;
}
#search-fuk #search_form_tour .sbcontents ul > li:first-child {
  margin-right: 2%;
}
#search-fuk #search_form_tour .area-box p,
#search-fuk #search_form_tour .diary-box div {
  display: -webkit-flex;
  display: flex;
  margin-bottom: .5em;
}
.ie #search-fuk #search_form_tour .area-box p,
.ie #search-fuk #search_form_tour .diary-box div {
-js-display: flex;
}
#set_send input {
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: FontAwesome;
  font-style: normal;
  font-size: 1.2em;
  text-decoration: inherit;
  width: 320px;
  margin: 20px auto 0;
  padding: 17px 0 14px;
  text-align: center;
  letter-spacing: .5px;
  background: #F90;
  box-shadow: 0 2px 3px -1px rgba(0,0,0,.34),0 -42px 29px -21px #ff8a00 inset;
  border-radius: 5px;
  display: block;
  color: #fff;
  font-weight: 700;
  cursor: pointer;
}
#set_send input:hover {
  background: #ff8a00;
}
.sb_bt {
  clear: both;
  overflow: hidden;
}


/* 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;
}
.box-charter {
    width: 48%;
    float: left;
    margin: 1% 1% 3%;
}
/*----------------------------------------
タブレット・スマホ対応
----------------------------------------*/
@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: 0;
    padding: 0;
  }
  .fair-head {
    padding: 5px;
  }
  .tit-city {
    margin-right: 10px;
  }
  .fair-head h1 span {
    font-size: .85em;
    font-weight: normal;
    line-height: 1.2;
    display: inline;
    width: auto;
  }
  .tour-box dd {
      float: none;
      width: auto;
  }
  .tour-box dd.htl-img {
      float: none;
      width: auto;
      margin: 0 auto;
      max-width: 720px;
  }
  .kiko li {
    display: block;
    width: auto;
    margin: 0 0 1em;
  }
    .kikan{
        width:35%;
    }
    .schedule{
    width:100%;
    }
    .osusume{
    float:none;
    }
    .att-right{
    width:100%;
    }
}
@media screen and (max-width: 640px) {
  .sns-link {
    clear: both;
    float: none;
    text-align: right;
    margin: 0;
  }
  .sns-link i {
    margin: 0;
  }
  .tit-city {
    float: none;
    margin: 0 auto .5em;
    display: block;
  }
  .contents h2 {
    font-size: 1.2em;
  }
  .contents h3 {
    padding: 0;
  }
  .contents h3 img {
    margin-top: 0;
    width: 90px;
  }
  .contents h3 span {
    font-size: 1.8em;
  }
  .point1 {
      float: none;
      width: auto;
  }
  .point1-img {
    float: none;
    width: auto;
    margin-left: 0;
  }
  .point2 {
      display: block;
      width: auto;
  }
  .info-box dt {
    float: none;
    width: auto;
  }
  .info-box table td,
  .info-box table th {
    padding: 3px;
  }
    .kikan{
    width:70%;
    margin-bottom: 2%;
    }
  .att-right{
     width:100%;   
    }
    
    div.tokushu_bnr ul li {
        width: 31%;
    }
}