@charset "utf-8";

/*! ========================================================
	たびらいヘッダー　基本スタイル  
========================================================= */

@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: iconContent;
    src: url(../fonts/iconContent.woff) format('woff'), url(../fonts/iconContent.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}


/* Clearfix */

.clearfix::after,
#headerWrap .middleCassette::after,
#headerWrap .navCassette::after,
#headerWrap .sitebarCassette::after,
.sitebar__wrap::after {
    content: "";
    display: table;
    clear: both;
}

#headerWrap {
    background-color: #fff;
    font-size: 13px;
}

#headerWrap a:hover {
    opacity: 1
}

.gMylist > li a.search__submit::before,
.tabirai-ui-icon.i-down::after {
    font-family: FontAwesome!important;
    text-transform: uppercase;
    font-style: normal;
    font-variant: normal;
}

#headerWrap .middleCassette {
    width: 980px;
    margin: 0 auto;
}

#headerWrap .middleCassette--left {
    /* width: 200px; */
    float: left;
    width: 250px;
}

#headerWrap .middleCassette--left .logo__wrap {
    padding: 10px 0 20px;
    margin: 0;
    position: relative;
    line-height: 0;
}

#headerWrap .middleCassette--left .logo__wrap__areaName {
    font-weight: 700;
    font-size: 16px;
    color: #003894;
    position: absolute;
    top: 24px;
    line-height: 1;
    left: 178px;
}

#headerWrap .middleCassette--left .\--isTc-newTxt {
    position: absolute;
    top: 24px;
    left: 113px;
    line-height: 1;
    font-weight: 700;
    font-size: 16px;
    color: #003894;
}


#headerWrap .middleCassette--left .logo__wrap img {
    width: 100px;
}

#headerWrap .middleCassette--left .logo__wrap a:hover img {
    opacity: .8;
}

#headerWrap .middleCassette--right {
    width: 500px;
    float: right;
    margin-top: 25px
}

#headerWrap .navCassette {
    width: 980px;
    position: relative;
    margin: 0 auto;
    border-top: none!important;
    border-bottom: none!important
}

#headerWrap .sitebarCassette.upLayer {
    background-color: #59bdee;
}

#headerWrap .sitebarCassette.downLayer {
    background-color: #003894;
}
  
.gCassette {
    min-height: 1;
    font-size: 13px;
    padding: 0;
}

.gCassette::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.gCassette>.inner {
    width: 980px;
    margin: 0 auto;
    padding: 0
}

.gCassette .gCassette__left {
    width: 40%;
    float: left
}

.gCassette .gCassette__right {
    width: 55%;
    float: right;
    position: relative;
    padding: 3px 0;
}

.gDisc {
    padding: 3px 0;
    margin: 0;
    font-size: 100%;
    line-height: 1.6
}

.gMylist {
    overflow: visible;
    min-height: 1;
    text-align: right;
    line-height: 1.6;
}

.gMylist>li ul,
.pagesearch__wrap {
    text-align: left;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.gMylist>li.topic::before {
    content: '';
    background: url(/common/images/icon_topic.png) left top no-repeat #fff!important;
    width: 24px!important;
    height: 20px!important;
    position: absolute;
    left: -20px;
    top: 0!important
}

.gMylist::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.gMylist>li {
    overflow: visible;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.gMylist>li:not(first-child) {
    margin-left: 1em;
}

.gMylist>li.active {
    background: 0 0
}

.gMylist>li a.search__submit {
    width: 35px;
    height: 30px;
    line-height: 14px;
    font-size: 14px;
    border: none;
    background-color: #013893;
    color: #fff;
    box-sizing: border-box
}

.gMylist>li a.search__submit.active,
.gMylist>li a.search__submit:hover {
    background-color: #fff;
    color: #003894
}

.gMylist>li a.search__submit::before {
    content: '\f002';
    vertical-align: top;
    font-weight: 400;
    font-size: 15px;
    position: absolute;
    top: 8px;
    right: 10px
}

.gMylist > li > a {
    padding: 0;
    margin: 0;
    display: block;
    vertical-align: middle
}

.gMylist>li>a::after {
    margin-left: 5px;
    font-size: 12px;
    font-size: .75rem;
    display: inline-block;
}

.gMylist>li>a:active,
.gMylist>li>a:hover,
.gMylist>li>a:link,
.gMylist>li>a:visited {
    color: #2068b7;
    text-decoration: none
}

.gMylist>li>a:hover,
.gMylist>li>a:active {
    text-decoration: underline;
}

.gMylist>li.last>a {
    border: none
}

.gMylist>li.active a {
    color: #003894
}

.gMylist>li.active a::before {
    color: #003894;
    font-weight: 700
}

.gMylist>li ul {
    position: absolute;
    padding: 0;
    display: none;
    z-index: 1000;
    right: 50%;
    text-align: left;
    width: 180px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    margin-right: -90px;
}

.gMylist>li ul li .inner {
    display: block;
    padding: 8px;
    width: auto
}

.gMylist>li ul li a {
    padding: 10px 16px;
    text-decoration: none;
    display: block;
    color: #FFF
}

.tabirai-ui-icon.i-down::after {
    content: "\f107";
    vertical-align: middle;
    font-weight: 400;
    font-size: 12px
}

.nav__wrap {
    width: 450px;
    margin: 0 auto;
    overflow: visible;
    table-layout: fixed;
    display: table;
    right: 0;
    bottom: 20px;
    position: absolute
}
  
.nav__wrap::after {
    content: none;
}

.nav__wrap .nav__btn {
    display: table-cell;
    overflow: visible;
    vertical-align: middle;
    text-align: center;
    position: relative;
    padding: 0;
    font-size: 12px
}

.nav__wrap .nav__btn:last-child>a {
    border-right: 1px solid #ddd
}

.nav__wrap .nav__btn>a {
    width: 100%;
    border-left: 1px solid #ddd;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 0;
    display: inline-block;
    color: #535353;
    line-height: 1;
    position: relative
}

.nav__wrap .nav__btn>a.layer__a.active,
.nav__wrap .nav__btn>a.layer__a.active::after,
.nav__wrap .nav__btn>a.layer__a:hover,
.nav__wrap .nav__btn>a.layer__a:hover::after {
    color: #003894
}

.nav__wrap .nav__btn>a.layer__a.active::before,
.nav__wrap .nav__btn>a.layer__a:hover::before {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #003894;
    left: 0;
    top: -2px;
    width: 100%
}

.nav__wrap .nav__btn>a.layer__b.active,
.nav__wrap .nav__btn>a.layer__b.active::after,
.nav__wrap .nav__btn>a:hover,
.nav__wrap .nav__btn>a:hover::after {
    color: #59bdee
}

.nav__wrap .nav__btn>a.layer__b.active::before,
.nav__wrap .nav__btn>a:hover::before {
    content: '';
    position: absolute;
    height: 2px;
    background-color: #59bdee;
    left: 0;
    top: -2px;
    width: 100%
}

.nav__wrap .nav__btn>a.link__none,
.nav__wrap .nav__btn>a.link__none:hover {
    color: #ddd!important;
    cursor: default;
}

.nav__wrap .nav__btn>a.link__none:hover::before {
    background-color: transparent;
}

.sitebar__wrap {
    padding: 10px 0;
    width: 980px;
    margin: 0 auto
}

.sitebar__wrap .sitebarCassette__left {
    float: left;
    width: 50%
}

.sitebar__wrap .sitebarCassette__left a,
.sitebar__wrap .sitebarCassette__left a:visited,
.sitebar__wrap .sitebarCassette__left a:active {
    color:#FFF;
    text-decoration: underline;
}

.sitebar__wrap .sitebarCassette__left a:hover {
    color:#FFF;
    text-decoration: none;
}

.sitebar__wrap .sitebarCassette__left .site__name {
    color: #fff;
    position: relative;
    margin: 0;
    font-size: 18px;
    line-height: 1;
    padding: 0 0 0 2em;
}

.sitebar__wrap .sitebarCassette__left .site__name::before {
    width: 2em;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 18px;
    font-family: iconContent!important
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__home::before {
    content: "\e903"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__sightseeing::before {
    content: "\e907"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__tour::before {
    content: "\e905"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__bus::before {
    content: "\e901"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__hotel::before {
    content: "\e904"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__car::before {
    content: "\e902"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__activity::before {
    content: "\e900"
}

.sitebar__wrap .sitebarCassette__left .site__name.icon__gourment::before {
    content: "\e908"
}

.sitebar__wrap .sitebarCassette__right {
    float: right;
    width: 50%
}

.sitebar__wrap .sitebarCassette__right>ul>li {
    text-align: center;
    float: right;
    margin: 0 0 0 15px
}

.sitebar__wrap .sitebarCassette__right>ul>li a {
    font-size: 12px
}

.sitebar__wrap .sitebarCassette__right>ul>li a:active,
.sitebar__wrap .sitebarCassette__right>ul>li a:hover,
.sitebar__wrap .sitebarCassette__right>ul>li a:link,
.sitebar__wrap .sitebarCassette__right>ul>li a:visited {
    color: #fff;
}

.sitebar__wrap .sitebarCassette__right>ul>li a:link,
.sitebar__wrap .sitebarCassette__right>ul>li a:visited {
    text-decoration: none;
}

.sitebar__wrap .sitebarCassette__right>ul>li a:hover {
    text-decoration: underline;
}

.sitebar__wrap .sitebarCassette__right .selectDropdown {
    position: relative;
    z-index: 200;
    list-style-type: none;/*Add 20240711 */
}
/*Add-ST 20240711 ------------------- */
.sitebar__wrap .sitebarCassette__right .selectDropdown li {
  list-style-type: none;
  line-height: 30px;
}
.sitebar__wrap .sitebarCassette__right .selectDropdown a {  
  text-align: center;
  text-decoration: none;
  display: block;
}
/* ------------------- Add-ED 20240711 */

.sitebar__wrap .sitebarCassette__right .selectDropdown > a::after {
    content: "\f107";
    speak: none;
    text-transform: uppercase;
    vertical-align: middle;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 12px;
    font-family: FontAwesome!important;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -6px
}

.sitebar__wrap .sitebarCassette__right .selectDropdown ul {
    display: none;
    position: absolute;
    top: 2em;
    right: 50%;
    width: 100px;
    margin-right: -50px;
    z-index: 100
}
/*Add-ST 20240711 ------------------- */
.sitebar__wrap .sitebarCassette__right .selectDropdown:hover ul {
  display: block;
 }
/* ------------------- Add-ED 20240711 */
.sitebar__wrap .sitebarCassette__right .selectDropdown ul a {
    width: 100px;
    display: block;
    padding: 5px 0
}

.sitebar__wrap .sitebarCassette__right .selectDropdown ul a:hover {
    opacity: .75
}

.upLayer li a {
    background-color: #59bdee
}

.downLayer li a {
    background-color: #003894
}


/* 他のカテゴリーを見る */

.category--list .downLayerList {
    text-align: right
}

.category--list .downLayerList>li {
    overflow: visible;
    width: 100%;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.category--list .downLayerList>li>a {
    padding: 0 5px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}

.category--list .downLayerList>li>a::after {
    margin-left: 5px;
    font-size: 12px;
}

.category--list .downLayerList>li>a:active,
.category--list .downLayerList>li>a:hover,
.category--list .downLayerList>li>a:link,
.category--list .downLayerList>li>a:visited {
    color: #333
}

.category--list .downLayerList>li ul {
    position: absolute;
    padding: 0;
    display: none;
    z-index: 300;
    right: 0;
    text-align: left;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3)
}

.category--list .downLayerList>li ul li:hover {
    background: #ddd
}

.category--list .downLayerList>li ul li .inner {
    display: block;
    padding: 8px
}

.category--list .downLayerList>li ul li a {
    padding: 10px 30px;
    text-decoration: none;
    display: block
}

.category--list .downLayerList>li.active>ul {
    padding: 0
}

.category--list .downLayerList>li.active>ul>a {
    padding: 0 20px 20px
}



#sp_link_btn {
    border-bottom: 1px solid #ccc;
    padding: 20px 0;
}

#sp_link_btn a {
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
    max-width: 400px;
    text-align: center;
    margin: 0 auto;
    background-color: #003894;
    padding: 10px;
    border-radius: 6px;
    font-size: 30px;
    font-weight: bold;
    display:block;
    box-shadow: 0px 2px 0px #ccc;
    text-decoration: none;
}

#sp_link_btn a:link,
#sp_link_btn a:hover,
#sp_link_btn a:visited,
#sp_link_btn a:active {
	color: #fff;
}

/* ヘッダー下 メンテナンス告知エリア */
#maintenance {
    width: 950px;
    border: 5px solid #D1E7FF;
    line-height: 140%;
    margin: 10px auto 20px;
    padding: 10px;
}


/* 共通フッター用
--------------------------------------------------------- */

#footer {
	border-bottom: 2px solid #cccccc;
	min-width: 980px;
	clear: both;
	font-size: 14px;
	line-height: 140%;
	-webkit-text-size-adjust: 100%;
	font-family: HiraKakuPro-W3, 'ヒラギノ角ゴ Pro W3', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', osaka, Arial, Helvetica, Verdana, sans-serif !important;
}

#footer .pageTop {
	margin: 0 auto 3px;
	text-align: right;
    width: 980px;
    line-height: 0;
}

/* 各県フッターイラスト 共通スタイル */
.osakaImage,
.kyotoImage,
.naraImage,
.wakayamaImage,
.hyogoImage,
.shigaImage,
.okinawaImage,
.fukuokaImage,
.oitaImage,
.kumamotoImage,
.nagasakiImage,
.kagoshimaImage,
.sagaImage,
.miyazakiImage,
.tokushimaImage,
.kagawaImage,
.ehimeImage,
.kochiImage,
.okayamaImage,
.hiroshimaImage,
.tottoriImage,
.shimaneImage,
.yamaguchiImage,
.aomoriImage,
.iwateImage,
.akitaImage,
.yamagataImage,
.miyagiImage,
.fukushimaImage,
.ishikawaImage,
.fukuiImage,
.toyamaImage,
.yamanashiImage,
.naganoImage,
.niigataImage,
.shizuokaImage,
.aichiImage,
.gifuImage,
.mieImage,
.ibarakiImage,
.tochigiImage,
.gunmaImage,
.kanagawaImage,
.chibaImage,
.tokyoImage,
.saitamaImage,
.hokkaidoImage {
	margin: 0;
	padding: 228px 0 0;
	background-repeat: repeat-x;
	background-position: center top;
}


/* 関西フッターイラスト */
.osakaImage {
	background-image: url("/inc/images/footer/foot_bg_osaka.png");
}

.kyotoImage {
	background-image: url("/inc/images/footer/foot_bg_kyoto.jpg");
}

.naraImage {
	background-image: url("/inc/images/footer/foot_bg_nara.jpg");
}

.wakayamaImage {
	background-image: url("/inc/images/footer/foot_bg_wakayama.jpg");
}

.hyogoImage {
	background-image: url("/inc/images/footer/foot_bg_hyogo.jpg");
}

.shigaImage {
	background-image: url("/inc/images/footer/foot_bg_shiga.jpg");
}


/* 沖縄フッターイラスト */
.okinawaImage {
	background-image: url("/inc/images/footer/foot_bg_okinawa.jpg");
}


/* 九州フッターイラスト */
.fukuokaImage {
	background-image: url("/inc/images/footer/foot_bg_fukuoka.jpg");
}

.oitaImage {
	background-image: url("/inc/images/footer/foot_bg_oita.jpg");
}

.kumamotoImage {
	background-image: url("/inc/images/footer/foot_bg_kumamoto.jpg");
}

.nagasakiImage {
	background-image: url("/inc/images/footer/foot_bg_nagasaki.jpg");
}

.kagoshimaImage {
	background-image: url("/inc/images/footer/foot_bg_kagoshima.jpg");
}

.sagaImage {
	background-image: url("/inc/images/footer/foot_bg_saga.jpg");
}

.miyazakiImage {
	background-image: url("/inc/images/footer/foot_bg_miyazaki.jpg");
}


/* 四国フッターイラスト */
.tokushimaImage {
	background-image: url("/inc/images/footer/foot_bg_tokushima.png");
}

.kagawaImage {
	background-image: url("/inc/images/footer/foot_bg_kagawa.png");
}

.ehimeImage {
	background-image: url("/inc/images/footer/foot_bg_ehime.png");
}

.kochiImage {
	background-image: url("/inc/images/footer/foot_bg_kochi.png");
}


/* 中国フッターイラスト */
.okayamaImage {
	background-image: url("/inc/images/footer/foot_bg_okayama.png");
}

.hiroshimaImage {
	background-image: url("/inc/images/footer/foot_bg_hiroshima.png");
}

.tottoriImage {
	background-image: url("/inc/images/footer/foot_bg_tottori.png");
}

.shimaneImage {
	background-image: url("/inc/images/footer/foot_bg_shimane.png");
}

.yamaguchiImage {
	background-image: url("/inc/images/footer/foot_bg_yamaguchi.png");
}


/* 東北フッターイラスト */
.aomoriImage {
	background-image: url("/inc/images/footer/foot_bg_aomori.png");
}

.iwateImage {
	background-image: url("/inc/images/footer/foot_bg_iwate.png");
}

.akitaImage {
	background-image: url("/inc/images/footer/foot_bg_akita.png");
}

.yamagataImage {
	background-image: url("/inc/images/footer/foot_bg_yamagata.png");
}

.miyagiImage {
	background-image: url("/inc/images/footer/foot_bg_miyagi.png");
}

.fukushimaImage {
	background-image: url("/inc/images/footer/foot_bg_fukushima.png");
}


/* 北陸フッターイラスト */
.ishikawaImage {
	background-image: url("/inc/images/footer/foot_bg_ishikawa.png");
}

.fukuiImage {
	background-image: url("/inc/images/footer/foot_bg_fukui.png");
}

.toyamaImage {
	background-image: url("/inc/images/footer/foot_bg_toyama.png");
}


/* 甲信越フッターイラスト */
.yamanashiImage {
	background-image: url("/inc/images/footer/foot_bg_yamanashi.png");
}

.naganoImage {
	background-image: url("/inc/images/footer/foot_bg_nagano.png");
}

.niigataImage {
	background-image: url("/inc/images/footer/foot_bg_niigata.png");
}


/* 東海フッターイラスト */
.shizuokaImage {
	background-image: url("/inc/images/footer/foot_bg_shizuoka.png");
}

.aichiImage {
	background-image: url("/inc/images/footer/foot_bg_aichi.png");
}

.gifuImage {
	background-image: url("/inc/images/footer/foot_bg_gifu.png");
}

.mieImage {
	background-image: url("/inc/images/footer/foot_bg_mie.png");
}


/* 関東フッターイラスト */
.ibarakiImage {
	background-image: url("/inc/images/footer/foot_bg_ibaraki.png");
}

.tochigiImage {
	background-image: url("/inc/images/footer/foot_bg_tochigi.png");
}

.gunmaImage {
	background-image: url("/inc/images/footer/foot_bg_gunma.png");
}

.kanagawaImage {
	background-image: url("/inc/images/footer/foot_bg_kanagawa.png");
}

.chibaImage {
	background-image: url("/inc/images/footer/foot_bg_chiba.png");
}

.tokyoImage {
	background-image: url("/inc/images/footer/foot_bg_tokyo.png");
}

.saitamaImage {
	background-image: url("/inc/images/footer/foot_bg_saitama.png");
}


/* 北海道フッターイラスト */
.hokkaidoImage {
	background-image: url("/inc/images/footer/foot_bg_hokkaido.png");
}

.noImage {
	margin: 0 0 0 0;
	padding: 50px 0 0;
}

#footer .footer_cont {
	margin: 0 auto;
	width: 980px;
}

#footer .footer_cont ul::after {
	clear: both;
}

#footer .footer_cont .mb10 {
	margin: 0 0 10px 0;
}

#footer .footer_cont ul li {
	float: left;
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}

#footer .footer_cont ul li a {
	background: url("/inc/images/footer/head_icon.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
	margin: 0;
    padding: 0 10px;
    text-decoration: none;
}

#footer .footer_cont ul li:first-child {
	background: none;
	margin: 0;
	padding: 0;
}

#footer .footer_cont ul.area li:first-child {
	width: 60px;
}

#footer .footer_cont ul.area li b {
	font-weight: bold;
	margin: 0;
}

#footer .footer_cont ul li.ml25 {
	margin: 0 0 0 25px;
}

#footer .footer_cont ul.sightseeing {
	margin: 0;
	padding: 0;
}

#footer .footer_cont ul.sightseeing li.kyusyu a {
	margin: 0 8px 0 8px;
}

#footer .footer_cont ul.reserve {
	float: left;
	margin: 0 0 0 25px;
	padding: 3px 0 0;
}

#footerMainLink {
	background-color: #F6F4F5;
    border-top: 2px solid #CCCCCC;
    font-size: 14px;
}

#footerMainLink .footer_cont {
	padding: 0;
}

#footerMainLink .footer_cont .boxCont {
	border-top: 1px dotted #cccccc;
	padding: 10px 0;
	clear: both;
	overflow: hidden;
}

#footerMainLink .footer_cont .boxCont:first-child {
	border-top: none;
}

#footerMainLink .hukidaciTTL01 {
	background: url("/inc/images/footer/icon01.png") no-repeat 0 0;
	padding: 0 0 0 30px;
	text-align: left;
	margin: 0 0 15px 0;
	font-weight: bold;
}

#footerMainLink .hukidaciTTL02 {
	background: url("/inc/images/footer/icon02.png") no-repeat 0 0;
	font-weight: bold;
	margin: 0 auto 8px;
	padding: 3px 0 0 30px;
	text-align: left;
}

#footerMainLink .hukidaciTTL03 {
	background: url("/inc/images/footer/icon03.png") no-repeat 0 0;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 30px;
	text-align: left;
}

#footerMainLink .hukidaciTTL04 {
	background: url("/inc/images/footer/icon04.png") no-repeat 0 0;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 30px;
	text-align: left;
}

#footerMainLink ul::before,
#footerMainLink ul::after {
	content: "";
	display: table;
}

#footerOtherLink,
#footerOtherLink .footer_cont {
	background: url("/inc/images/footer/bg_02.gif") repeat-x #F3FCFF;
}

#footerOtherLink .footer_cont::before,
#footerOtherLink .footer_cont::after {
	content: "";
	display: table;
}

#footerOtherLink .footer_cont::after {
	clear: both;
}

#footerOtherLink .footer_cont {
	padding: 13px 0 10px;
}

#footerOtherLink ul {
	float: left;
}

#footerOtherLink address {
	float: right;
	font-style: normal;
	margin: 0;
}

.tb_footerGotoTopButton {
    position: fixed;
    right: 50%;
    bottom: 100px !important;
    width: 100%;
    max-width: 1260px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity:0;
    transition:0.5s;
    z-index: 2;
}

.ss_footerGotoTopButton.ss_footerGotoTopButton {
    opacity:1;
}

.tb_footerList__item>a:hover {
    text-decoration: none !important
}

.tb_footer .tb_footerGotoTopButton a {
    background-color: #ccc;
    font-size: 12px;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: -10px;
    right: 20px;
    color: #fff;
    cursor: pointer;
}

.tb_footer .tb_footerGotoTopButton a::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    border-top: 5px solid #fff;
    border-left: 5px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    will-change: margin-top;
}

.tb_footer .tb_footerGotoTopButton a:link,
.tb_footerGotoTopButton a:visited {
    color: #fff !important;
    text-decoration: none;
}

.tb_footer .tb_footerGotoTopButton a:hover,
#footer .tb_footer .tb_footerGotoTopButton a:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgb(209, 209, 209)
}

.tb_footer .tb_footerGotoTopButton a:hover::after {
    margin-top: -20px;
    -webkit-transition: margin-top 200ms ease-in-out;
    transition: margin-top 200ms ease-in-out;
}

/* SNSアイコン -------------------------------------------------- */
.tb_footer_inbound .inner {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
    background: #fff;
    margin-top: 50px;
}

.tb_footer_inbound .inner a {
    margin-right: 10px;
}

.tb_footer_inbound .inner a:last-child {
    margin-right: 0px;
}

.tb_footer_inbound .inner img {
    width: 40px;
    object-fit: contain;
}


.pc_only {
    display: block
}

.sp_only {
    display: none
}


/* ========================================================
	SPたびらいヘッダー　基本スタイル
========================================================= */
@media screen and (max-width: 480px) {
    @font-face {
        font-family: iconContent;
        src: url(../fonts/iconContent.woff) format('woff'), url(../fonts/iconContent.ttf) format("truetype");
        font-weight: 400;
        font-style: normal
    }
    @font-face {
        font-family: fontawesome;
        font-weight: normal;
        font-style: normal;
        src: url("../fonts/fontawesome-webfont.ttf") format("truetype"), url("../fonts/fontawesome-webfont.svg#fontawesome") format("svg");
    }
    .pc_only {
        display: none
    }
    .sp_only {
        display: block
    }

    #activityNav .inner .ttl:before,
    #headerNav .navList span,
    #menuNav .ttl:before {
        font-family: iconContent!important
    }

    #headerNav *,
    #homelHeader *,
    #menuNav *,
    .head__copy {
        text-align: left;
        font-size: 14px
    }

    .head__copy {
        font-size: 11px;
        margin: 0;
        padding: 5px 0 0 5px;
        line-height: 1em;
        background-color: #fff
    }

    #homelHeader {
        position: relative;
        margin: 0;
        padding: 15px 5px!important;
        height: auto;
        border-top: 0!important;
        border-bottom: 0!important;
        background-color: #fff
    }
    
    #homelHeader .logoTbr {
        height: 35px;
        margin: 0;
        padding: 0;
        text-indent: 100%;
        position: relative
    }
    
    #homelHeader .logoTbr img {
        width: 80px;
        display: block;
    }
    
    #homelHeader .logoTbr a {
        display: block;
        width: 130px;
        height: 35px;
        margin: 0
    }
    
    #homelHeader .logoTbr span {
        display: block;
        font-size: 13px;
        position: absolute;
        top: 10px;
        left: 90px;
        left: 140px;
        width: 4em;
        text-align: left;
        text-indent: 0;
        color: #003894;
        background: 0 0;
        padding: 0
    }
    
    #homelHeader .logoTbr .\--isTc-newTxt_smt {
        display: block;
        font-size: 13px;
        position: absolute;
        top: 10px;
        left: 90px;
        width: 4em;
        text-align: left;
        text-indent: 0;
        color: #003894;
        background: 0 0;
        padding: 0
    }
    
    #headerNav {
        position: relative;
    }
    
    #headerNav .navBtn {
        position: absolute;
        right: 0;
        top: 10px
    }
    
    #headerNav ul.navTab {
        overflow: hidden;
        background: #eee;
        width: 100%;
    }
    
    #headerNav .navBtn li {
        float: left;
        width: 50px;
        height: 55px;
        position: relative;
        cursor: pointer;
        font-size: 60%;
        line-height: 1.1;
        text-align: center
    }
    
    #headerNav .navBtn li img {
        width: 100%
    }
    
    #headerNav .navBtn li.on {
        z-index: 10000;
        background: #fff
    }
    
    #headerNav .navBtn li a {
        color: #323232;
        text-decoration: none
    }
    
    #headerNav .navBtn li a.modal-close {
        border-radius: 0;
        padding: 0;
        margin: 0!important;
        border: none;
        background: #fff
    }
    
    #headerNav .navTab li {
        float: left;
        width: 33.333%;
        text-align: center;
        line-height: 1.1
    }
    
    #headerNav .navTab li a {
        display: block;
        background: #E6E6E6;
        border-right: #fff solid 2px;
        padding: 10px 0;
        color: #333;
        text-align: center;
        text-decoration: none
    }
    
    #headerNav .navTab li:last-child a {
        border: none
    }
    
    #headerNav .navTab li a:hover,
    #headerNav .navTab li.on a {
        background: #fff;
        color: #333
    }
    
    #headerNav .navTab li a span {
        display: block;
        font-size: 80%;
        text-align: center
    }
    
    #headerNav .navList {
        background: #fff;
        width: 100%;
    }
    
    #headerNav .navList li {
        border-bottom: #ccc solid 1px
    }
    
    #headerNav .navList li.nav_list_head {
        padding: 15px;
        background: #eee
    }
    
    #headerNav .navList li > span {
        padding: 5px 15px;
        background: #eee;
        display: block;
        font-size: 14px;
        width: 100%;
        text-align: left;
    }
    
    #headerNav .navList li a {
        padding: 15px;
        display: block;
        color: #333;
        cursor: pointer;
        text-decoration: none;
        background: url(/s/common/img/arw_nav.png) 96% center no-repeat;
        background-size: 8px 13px
    }
    
    #headerNav .navList.upLayer span {
        color: #59bdee
    }
    
    #headerNav .closeBtn {
        margin: 20px 0;
    }
    
    #headerNav .closeBtn a {
        display: block;
        padding: 10px 0;
        background: #E6E6E6;
        border-radius: 5px;
        text-align: center;
        cursor: pointer;
        width: 78%;
        margin: 0 auto;
    }
    
    #headerNav .navList span {
        width: 30px;
        font-size: 120%;
        text-align: center;
        display: inline-block;
        padding: 0 10px 0 0
    }
    
    #headerNav #tabKey input.text,
    #headerNav #tabPref select {
        -webkit-appearance: none;
        -moz-appearance: none;
        width: 100%;
        border: none
    }
    
    #headerNav #tabKey,
    #headerNav #tabPref {
        padding: 10px 0 0;
    }
    
    #headerNav #tabPref {
        display: none
    }
    
    #headerNav .navList.downLayer span {
        color: #003894
    }
    
    #headerNav .navList li .global__home {
        background-color: #f0f0f0
    }
    
    #headerNav .navList span.nav__btn--home:before {
        content: "\e903"
    }
    
    #headerNav .navList span.nav__btn--sightseeing:before {
        content: "\e907"
    }
    
    #headerNav .navList span.nav__btn--tour:before {
        content: "\e905"
    }
    
    #headerNav .navList span.nav__btn--bus:before {
        content: "\e901"
    }
    
    #headerNav .navList span.nav__btn--hotel:before {
        content: "\e904"
    }
    
    #headerNav .navList span.nav__btn--car:before {
        content: "\e902"
    }
    
    #headerNav .navList span.nav__btn--activity:before {
        content: "\e900"
    }
    
    #headerNav .navList span.nav__btn--tabicata:before {
        content: "\e906"
    }
    
    #headerNav .navList span.nav__btn--gourment:before {
        content: "\e908"
    }
    
    #headerNav #tabPref select {
        appearance: none;
        border-bottom: #ccc solid 1px;
        padding: 15px;
        background: url(/s/common/img/icn_nav_select.png) 96% center no-repeat;
        background-size: 10px 6px;
        font-size: 16px!important
    }
    
    #headerNav #tabKey {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    
    #headerNav #tabKey input.text {
        appearance: none;
        border-top: #ccc solid 1px;
        border-bottom: #ccc solid 1px;
        padding: 15px
    }
    
    #headerNav #tabKey input.btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border: none;
        background: url(/s/common/img/icn_nav_search.png) 96% center no-repeat;
        background-size: 19px 19px;
        position: absolute;
        right: 3%;
        top: 5px;
        width: 40px;
        height: 100%
    }
    
    #menuNav {
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    
    #menuNav.upLayer {
        background: #59BDED
    }
    
    #menuNav.downLayer {
        background: #003894
    }
    
    #menuNav .ttl {
        font-size: 13px;
        padding: 12px 15px;
        color: #fff;
        margin: 0;
        line-height: 1.1
    }
    
    #menuNav .ttl:before {
        padding: 0 10px 0 0
    }
    
    #menuNav .ttl a,
    #menuNav .ttl a:visited,
    #menuNav .ttl a:active {
        color:#FFF;
        text-decoration: underline;
        display: inline;
    }
    
    #menuNav .ttl.nav__btn--home:before {
        content: "\e903"
    }
    
    #menuNav .ttl.nav__btn--sightseeing:before {
        content: "\e907"
    }
    
    #menuNav .ttl.nav__btn--tour:before {
        content: "\e905"
    }
    
    #menuNav .ttl.nav__btn--bus:before {
        content: "\e901"
    }
    
    #menuNav .ttl.nav__btn--hotel:before {
        content: "\e904"
    }
    
    #menuNav .ttl.nav__btn--car:before {
        content: "\e902"
    }
    
    #menuNav .ttl.nav__btn--activity:before {
        content: "\e900"
    }
    
    #menuNav .ttl.nav__btn--gourment:before {
        content: "\e908"
    }
    
    #menuNav .navBtn li {
        position: absolute;
        right: 0;
        top: 0;
        padding: 7px 9px 5px;
        width: 45px
    }
    
    #menuNav .navBtn li.on {
        z-index: 10000;
        background: #fff
    }
    
    #menuNav .navBtn li a {
        height: 10px;
        padding: 19px 0 0;
        display: block;
        cursor: pointer;
        background: url(/s/common/img/btn_nav_menu.png) center top no-repeat;
        background-size: 29px 19px;
        font-size: 60%;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        color: #fff;
        box-sizing: content-box
    }
    
    #menuNav .navBtn li.on a {
        background: url(/s/common/img/btn_nav_menu_on.png) center top no-repeat #fff;
        background-size: 29px 19px;
        color: #323232
    }
    
    #menuNav .navList {
        background: #fff
    }
    
    #menuNav .navList li {
        border-bottom: #ccc solid 1px
    }
    
    #menuNav .navList li a {
        padding: 15px;
        display: block;
        color: #333;
        cursor: pointer;
        text-decoration: none;
        background: url(/s/common/img/arw_nav.png) 96% center no-repeat;
        background-size: 8px 13px
    }
    
    #menuNav .navList li a:hover {
        color: #59bdee
    }
    
    #menuNav .sitebarCassette__right {
        padding: 12px 15px;
        position: relative;
    }
    
    #menuNav .sitebarCassette__right::after {
        content:"";
        width: 5px;
        height: 5px;
        display: block;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        transform: rotate(45deg) translate(-50%,0);
        position:absolute;
        left: 50%;
    }
    #menuNav .sitebarCassette__right a {
        color: #fff;
        text-decoration: none;
    }
    
    #menuNav .sitebarCassette__right ul li.selectDropdown {
        position: relative;
        z-index: 200;
        list-style-type: none;
    }
    
    #menuNav .sitebarCassette__right ul li.selectDropdown ul {
        display: none;
        position: absolute;
        top: 2em;
        right: 50%;
        width: 100px;
        margin-right: -50px;
        z-index: 100;
    }
    
    #menuNav .sitebarCassette__right ul li.selectDropdown:hover ul {
        display: block;
    }
    
    #menuNav .sitebarCassette__right ul li.selectDropdown ul li {
        background: #59BDED;
        padding: 12px 12px;
        text-align: center;
    }
    #menuNav .sitebarCassette__right ul li.selectDropdown ul a {
        display: block;
        /* padding: 5px 0; */
        color: #fff;
        text-align: center;
    }
      
    #menuNav .sitebarCassette__right ul li.selectDropdown ul a:hover {
          opacity: .75
      }
    
    .modal-content {
        width: 100%;
        padding: 0;
        background: #fff;
        position: absolute;
        display: none;
        z-index: 1001
    }
    
    #modal-overlay {
        z-index: 1000;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 120%;
        background-color: rgba(0, 0, 0, .75)
    }
    
    .button-link {
        color: #00f;
        text-decoration: underline
    }
    
    .button-link:hover {
        cursor: pointer;
        color: red
    }
    
    
    /* 共通フッター用
    --------------------------------------------------------- */
    
    #globalFooter {
        clear: both;
        margin: 30px 0 0;
        background-color: #ffffff;
        font-size: 14px;
    }
    
    #globalFooter ul.otherArea {
        width: 100%;
    }
    
    #globalFooter ul.otherArea li {
        display: block;
        background: url(/s/common/images/btn_bottomLinks.png) no-repeat 97.5% 50% #ffffff;
        background-size: 9px 14px;
        border-top: 1px solid #2168b8;
        overflow: hidden;
    }
    
    #globalFooter ul.otherArea li a {
        display: inline-block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        color: #2168b8;
    }
    
    #globalFooter ul.bottomLinks {
        width: 100%;
    }
    
    #globalFooter ul.bottomLinks li {
        display: block;
        float: left;
        width: 50%;
        background: url(/s/common/images/btn_bottomLinks.png) no-repeat 95% 50% #ffffff;
        background-size: 9px 14px;
        border-top: 1px solid #2168b8;
        overflow: hidden;
    }
    
    #globalFooter ul.bottomLinks li a {
        display: inline-block;
        width: 100%;
        padding: 10px;
        text-decoration: none;
        color: #2168b8;
        font-size: 130%;
    }
    #globalFooter ul.bottomLinks li:nth-child(2n+1) {
        clear: both;
        width: 50%;
    }
    
    #globalFooter ul.bottomLinks li:nth-child(2n) {
        width: 50%;
        /*	margin-left: 50%*/
    }
    
    #globalFooter ul.bottomLinks li:nth-child(2n) a {
        /*	margin-left: 50%*/
        
        border-left: 1px solid #2168b8;
    }
    
    #globalFooter .copyright {
        margin: 0;
        padding: 0;
        color: #ffffff !important;
        font-size: 16px;
        line-height: 3em;
        text-align: center;
        background-color: #2168b8;
    }
    
    #globalFooter .copyright small {
        color: #ffffff !important;
        font-size: smaller;
    }
    
    #globalFooter .btnPC {
        background-color: #dddddd;
        padding: 15px 0 15px;
    }
    
    #globalFooter .btnPC a {
        display: block;
        width: 75%;
        margin: 0 auto;
        font-size: 18px;
        line-height: 2.5em;
        color: #000;
        text-align: center;
        text-decoration: none;
        background: url(/s/common/images/ico_pc.png) no-repeat 20% 50% #fff;
        background-size: 21px 20px;
        border: 2px solid #000;
        border-radius: 5px;
        padding-left: 20px;
    }
    
    #globalFooter .btnLink {
        padding: 20px 0;
        font-weight: 12px;
        color: #fff;
    }
    
    #globalFooter .btnLink a {
        display: block;
        width: 90%;
        margin: 0 auto;
        font-size: 18px;
        line-height: 2.5em;
        color: #fff;
        text-align: center;
        text-decoration: none;
        background: url(https://www.tabirai.net/s/common/img/btn_links.png) 100% 100% no-repeat #fff;
        background-size: auto 100%;
        border-radius: 5px;
        box-shadow: 1px 2px 2px #ccc;
    }
    
    #globalFooter ul.bottomLinks li a {
        font-size: 14px;
    }
    
    /* トップに戻るボタン */
    .tb_footerGotoTopButton {
        position: fixed;
        right: 10px;
        bottom: 60px !important;
        width: 30%;
        opacity:0;
        transition:0.5s;
        z-index: 10;
    }
    
    .ss_footerGotoTopButton.ss_footerGotoTopButton {
        opacity:1;
    }
    
    .tb_footerGotoTopButton a {
        background-color: #ccc;
        font-size: 12px;
        width: 50px;
        height: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        right: 0;
        color: #fff;
        cursor: pointer;
    }
    
    .tb_footerGotoTopButton a::after {
        content: "";
        width: 15px;
        height: 15px;
        display: inline-block;
        border-top: 4px solid #fff;
        border-left: 4px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -5px;
        margin-left: -7px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        will-change: margin-top;
    }
    
    #page-top {
        display: none !important;
    }


    /* SNSアイコン ---------------------- */
    .tb_footer_inbound .inner {
        margin-top: 20px;
    }

    
    
}