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

 	TAB：リセット

================================================*/
/*
	reset
------------------------------ */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, strong, sub, sup, i, small, address, time, fieldset, form, input, label, legend, hr, table, caption, tbody, tfoot, thead, tr, th, td, header, footer, nav, section, article, aside, figure, figcaption, canvas, audio, video {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 100%;
}

article, aside, figure, figcaption, footer, header, nav, section {
  display: block;
}

em {
  font-style: normal;
}

ul, ol, li {
  list-style-type: none;
}

input[type="submit"], input[type="button"], input[type="checkbox"], input[type="radio"], button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  outline: none;
}

table, tr, th, td {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  border: none;
  vertical-align: bottom;
}

* {
  box-sizing: border-box;
}

*:after, *:before {
  box-sizing: border-box;
}

img {
  line-height: 0;
  max-width: 100%;
}





/*================================================

 	PC/SP：アイコンフォント

================================================*/
/*
	web font
------------------------------ */
@font-face {
  font-family: 'ut_font';
  src: url("/common/font/ut_font.ttf?e2vzh4") format("truetype"), url("/common/font/ut_font.woff?e2vzh4") format("woff"), url("/common/font/ut_font.svg?e2vzh4#ut_font") format("svg");
  font-weight: normal;
  font-style: normal;
}
.ut_ico_arr1:before {
  content: "\e900";
}
.ut_ico_arr2:before {
  content: "\e901";
}
.ut_ico_calendar:before {
  content: "\e902";
}
.ut_ico_clip:before {
  content: "\e903";
}
.ut_ico_facebook:before {
  content: "\e904";
}
.ut_ico_glass:before {
  content: "\e905";
}
.ut_ico_home:before {
  content: "\e906";
}
.ut_ico_line:before {
  content: "\e907";
}
.ut_ico_meal:before {
  content: "\e908";
}
.ut_ico_minus:before {
  content: "\e909";
}
.ut_ico_onsen:before {
  content: "\e90a";
}
.ut_ico_plus:before {
  content: "\e90b";
}
.ut_ico_twitter:before {
  content: "\e90c";
}
.ut_ico_xmark1:before {
  content: "\e90d";
}
.ut_ico_xmark2:before {
  content: "\e90e";
}
.ut_ico_check:before {
  content: "\e90f";
}





/*================================================

 	PC：共通パーツ

================================================*/
/*
	全体設定
------------------------------ */
html {
  font-size: 10px;
  height: 100%;
}

a {
  color: #2361ad;
  text-decoration: none;
}
a:visited {
  color: #4076b8;
}
a:hover {
  color: #1494e5;
  text-decoration: none;
}

body {
  color: #333;
  font: 1.3rem/1.6 "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
  font-size: 13px;
  background-color: #fff;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  min-width: 748px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
}

.ut_fc1 {
  color: #f00;
}

.ut_fc2 {
  color: #00bebc;
}

.ut_titbar1 {
  margin-bottom: 5px;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 22px;
  position: relative;
}
.ut_titbar1:before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background-color: #00bebc;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -7px;
}

.ut_titbar2 {
  background-color: #cceeee;
  font-weight: bold;
  padding: 3px 10px;
  margin-bottom: 5px;
}

.ut_sp {
  display: none !important;
}





/*
	pagetop
------------------------------ */
.ut_btn_pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1100;
}
.ut_btn_pagetop a {
  display: block;
  background-image: url("/shared/images/forcia/ut/ut_btn_pagetop_pc.png");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 100px;
  height: 100px;
}





/*
	header
------------------------------ */
.ut_header > .ut_inner {
  width: 748px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  margin: 0 auto;
  padding: 5px 0 10px;
  position: relative;
}



.ut_header > .ut_inner .ut_tit_site {
  font-size: 1.2rem;
  color: #999;
  font-weight: normal;
  line-height: 1.2;
  margin-bottom: 10px;
}
.ut_header > .ut_inner .ut_logo_his_v {
  float: left;
  width: 324px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  margin: 6px 16px 22px 0;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
}
.ut_header > .ut_inner .ut_logo_his_v a {
  display: block;
}






/* -------------------- *
		navHeadding
** ------------------- */
.ut_header > .ut_inner .navHeadding {
	display: none;
}






/* -------------------- *
		ut_global_nav
** ------------------- */
.ut_header > .ut_inner .ut_header_nav {
  position: absolute;
  top: 60px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  right: 0;
}
.ut_header > .ut_inner .ut_header_nav li {
  float: left;
}


.ut_header > .ut_inner .ut_header_nav li.ut_cliplist a {
  width: 180px;
  height: 36px;
  display: block;
  background-image: url("/shared/images/forcia/ut/ut_pc_header_nav_clip.png");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position: 0 0;
}
.ut_header > .ut_inner .ut_header_nav li.ut_cliplist a:hover {
  background-position: 0 -36px;
}
.ut_header > .ut_inner .ut_header_nav li.ut_cliplist.ut_active a {
  width: 180px;
  height: 36px;
  display: block;
  background-image: url("/shared/images/forcia/ut/ut_pc_header_nav_clip_active.png");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-position: 0 0;
}
.ut_header > .ut_inner .ut_header_nav li.ut_cliplist.ut_active a:hover {
  cursor: default;
  background-position: 0;
}
.ut_header > .ut_inner .ut_header_nav li.ut_cliplist a .ut_count {
  position: absolute;
  top: 8px;
  right: 10px;
  display: block;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  background-color: #f00;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  text-indent: 0;
}





.ut_header > .ut_inner .ut_header_nav li.ut_menu {
  display: none;
}



.ut_header > .ut_inner .ut_global_nav {
  float: left;
}
.ut_header > .ut_inner .ut_global_nav li {
  float: left;
}
.ut_header > .ut_inner .ut_global_nav li a {
  height: 65px;
  display: block;
  background-image: url("/shared/images/forcia/ut/ut_pc_global_nav.png");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}



.ut_header > .ut_inner .ut_global_nav li.ut_nav_top a {
  width: 80px;
  background-position: 0 0;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_top a:hover {
  background-position: 0 -65px;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_top a.sp {
	display: none;
}



.ut_header > .ut_inner .ut_global_nav li.ut_nav_onsen a {
  width: 132px;
  background-position: -80px 0;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_onsen a:hover {
  background-position: -80px -65px;
}



.ut_header > .ut_inner .ut_global_nav li.navBiz,
.ut_header > .ut_inner .ut_global_nav li.navHigh,
.ut_header > .ut_inner .ut_global_nav li.navPop,
.ut_header > .ut_inner .ut_global_nav li.navRentacar,
.ut_header > .ut_inner .ut_global_nav li.navAirlineTicket,
.ut_header > .ut_inner .ut_global_nav li.navExpressBus,
.ut_header > .ut_inner .ut_global_nav li.navInquiry,
.ut_header > .ut_inner .ut_global_nav li.navSitemap {
	display: none;
}







.ut_header > .ut_inner .ut_global_nav li.ut_nav_about {
  position: absolute;
  top: 36px;
  right: 0;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_about a {
  background-image: none;
  text-indent: 0;
  height: auto;
  overflow: visible;
  font-size: 1.2rem;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_about a.sp {
	display: none;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_about a:hover span {
  text-decoration: underline;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_about a span {
  position: relative;
  display: inline-block;
  padding-left: 16px;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_about a span:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  margin-top: -9px;
  background-image: url("/shared/images/forcia/ut/ut_ico_question.png");
  background-repeat: no-repeat;
}
.ut_header > .ut_inner .ut_global_nav li.ut_nav_about a span:after {
  left: 0;
}






/* -------------------- *
		ut_about_his_v_box
** ------------------- */
.ut_header .ut_about_his_v_box {
  font-size: 14px;
  width: 100%;
  clear: both;
  border: 3px solid #eee;
  padding: 10px 56px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  font-weight: bold;
  color: #555;
  line-height: 1.2;
  display: table;
}
.ut_header .ut_about_his_v_box .ut_lead {
  display: none;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
}
.ut_header .ut_about_his_v_box .ut_logo_list {
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}
.ut_header .ut_about_his_v_box .ut_logo_list li {
  display: inline-block;
  margin-left: 6px;
}
.ut_header .ut_about_his_v_box .ut_logo_list li:last-child {
  margin-right: 0;
  font-size: 1.2rem;
  text-align: center;
}
.ut_header .ut_about_his_v_box .ut_logo_list li img {
  width: 62px;
}





/* ------------------------------------------- **
		ut_breadcrumbs
** ------------------------------------------- */
#breadcrumbsContainer.ut_breadcrumbs {
}

#breadcrumbsFixed {
	display: none;
}





/*
	footer
------------------------------ */
.ut_footer .ut_sitemap_wrap {
  background-color: #00bebc;
  color: #fff;
}
.ut_footer .ut_sitemap_wrap .ut_inner {
  width: 748px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  margin: 0 auto;
  padding: 40px 20px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  display: -webkit-flex;
  display: flex;
}
.ut_footer .ut_sitemap_wrap .ut_inner a {
  color: #fff;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_site_list {
  float: left;
  margin-right: 20px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_site_list li {
  margin-bottom: 5px;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_site_list li:last-child {
  margin-bottom: 0;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_his_sitemap {
  height: 100%;
  border-right: 2px solid #fff;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_his_sitemap .ut_tit {
  font-weight: bold;
  margin-bottom: 10px;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_hisv_sitemap {
  padding-left: 30px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_hisv_info {
  float: right;
  width: 224px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  text-align: right;
  background: url(/shared/images/forcia/ut/ut_pic_character.png) no-repeat right top;
  background-size: 150px auto;
  padding-top: 120px;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_hisv_info .ut_logo {
  margin-top: 10px;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_hisv_info .ut_about {
  font-size: 1.2rem;
}
.ut_footer .ut_sitemap_wrap .ut_inner .ut_hisv_info .ut_about a {
  display: inline-block;
  background: url(/shared/images/forcia/ut/ut_ico_question_white.png) no-repeat left center;
  padding: 5px 0 5px 16px;
}
.ut_footer .ut_copyright .ut_inner {
  width: 748px;/* ＊＊＊＊＊＊＊　tab　＊＊＊＊＊＊＊ */
  margin: 0 auto;
  padding: 15px 0;
  text-align: right;
  font-size: 1.2rem;
}




/*
	ut_btn_pagetop
------------------------------ */
body .ut_btn_pagetop {
	right: 10px;
	bottom: 70px;
}




/*
	noScript
------------------------------ */
#noScript {
	padding: 10px 0;
	background: #fff;
	text-align: center;
}
#noScript .msg {
	position: relative;
	margin: 0 auto;
	padding: 20px 0 20px 90px;
	border: 8px solid #ff0000;
	width: 746px;
	text-align: left;
}
#noScript .msg .b {
	margin-bottom: 5px;
	font-weight: bold;
}
#noScript .msg img {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUzIDUzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MyA1MyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGltYWdlIGRpc3BsYXk9Im5vbmUiIG92ZXJmbG93PSJ2aXNpYmxlIiB3aWR0aD0iNDciIGhlaWdodD0iNDIiIHhsaW5rOmhyZWY9InNwcml0ZV9jb21tb24wMi5wbmciICB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDMuNDA0NCA0LjQxMDIpIj48L2ltYWdlPjxwYXRoIGZpbGw9IiNGNzAwMDAiIGQ9Ik00OS44LDQyLjZMMjkuMiw2LjljLTEuNC0yLjQtMy42LTIuNC01LDBMMy42LDQyLjZDMi4zLDQ1LDMuNCw0Nyw2LjEsNDdoNDEuMkM1MC4xLDQ3LDUxLjIsNDUsNDkuOCw0Mi42eiBNMjkuMiw0MC4xYy0wLjUsMC41LTEuMSwwLjctMS44LDAuN2MtMC43LDAtMS4zLTAuMy0xLjgtMC43Yy0wLjUtMC41LTAuNy0xLTAuNy0xLjdjMC0wLjcsMC4yLTEuMywwLjctMS44YzAuNS0wLjUsMS0wLjcsMS43LTAuN2MwLjcsMCwxLjMsMC4yLDEuOCwwLjdjMC41LDAuNSwwLjcsMS4xLDAuNywxLjhDMjkuOSwzOSwyOS42LDM5LjYsMjkuMiw0MC4xeiBNMjkuNiwyNC45TDI4LDM1aC0xLjJsLTEuNi0xMC4xYy0wLjQtMi42LTAuNi00LjItMC42LTQuN2MwLTAuNywwLjMtMS4zLDAuOC0xLjljMC41LTAuNSwxLjItMC44LDItMC44YzAuOCwwLDEuNSwwLjIsMi4xLDAuN2MwLjUsMC41LDAuOCwxLjIsMC44LDEuOUMzMC4yLDIwLjQsMzAsMjIsMjkuNiwyNC45eiIvPjwvc3ZnPg==) no-repeat center;
	position: absolute;
	top: 12px;
	left: 20px;
}