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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/*----------------------------------------------------
	color カラーセッティング
----------------------------------------------------*/
/*----------------------------------------------------
	shadow-box ボックスに影をつける
----------------------------------------------------*/
/*----------------------------------------------------
	gradient グラデーション
----------------------------------------------------*/
/*----------------------------------------------------
	placeholder placeholderカラー変更
----------------------------------------------------*/
/*----------------------------------------------------
	basiclayout ベースコンテンツ
----------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Hind+Guntur:wght@600&display=swap");
/*----------------------------------------------------
	#con_atn
----------------------------------------------------*/
#con_atn {
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  padding: 10px 10px;
}
#con_atn #box_atn {
  background-color: #fff;
  border: 2px solid #CC252F;
  padding: 10px;
}
#con_atn #box_atn h3 {
  font-size: 1.4em;
  text-align: center;
}

/*----------------------------------------------------
	.con_img_main（メインイメージ）
----------------------------------------------------*/
.con_img_main {
  background-color: #F2EFE7;
  width: 100%;
}
.con_img_main .wrp {
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  padding: 15px 0 0;
}
.con_img_main .wrp .photo {
  margin-bottom: 20px;
  text-align: center;
}
.con_img_main .wrp .box_goto {
  width: 100%;
  padding: 0 15px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.con_img_main .wrp .box_goto a {
  display: block;
}
.con_img_main .wrp .box_goto a img {
  width: 100%;
  height: auto;
}

/*----------------------------------------------------
	.con_camp_map（キャンペーン）
----------------------------------------------------*/
.con_camp_map {
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  padding: 15px 15px;
}
.con_camp_map .btn_lst {
  margin-bottom: 20px;
}
.con_camp_map .btn_lst a {
  display: block;
  text-align: center;
}
.con_camp_map .con_campaign {
  width: 100%;
  float: left;
}
.con_camp_map .con_campaign .wrp_st {
  padding-bottom: 12px;
  background-color: #EAEAEA;
}
.con_camp_map .con_campaign .wrp_st h3 {
  text-align: center;
  padding: 12px 0;
  background-color: #050708;
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0px 0px;
  color: #fff;
  font-size: 1.3em;
  display: block;
  position: relative;
}
.con_camp_map .con_campaign .wrp_st h3:before {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 12px 12px 0 12px;
  border-color: #050708 transparent transparent transparent;
  z-index: 0;
}
.con_camp_map .con_campaign .wrp_st h3:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #000 transparent transparent transparent;
  z-index: -1;
}
.con_camp_map .con_campaign .wrp_st h3 span {
  color: #f1bf4b;
  font-size: .8em;
  padding-left: 10px;
}
.con_camp_map .con_campaign .slider {
  text-align: center;
  padding-bottom: 10px;
  background-color: #EAEAEA;
}
.con_camp_map .con_campaign .slider li {
  text-align: center;
  width: 100%;
}
.con_camp_map .con_campaign .bx-viewport {
  background-color: #EAEAEA;
  text-align: center;
  width: 100%;
}
.con_camp_map .con_campaign .bx-controls {
  background-color: #f1bf4b;
  text-align: center;
  width: 100%;
  padding: 10px 0 5px;
  margin-top: 3px;
}
.con_camp_map .con_campaign .bx-controls .bx-pager-item {
  display: inline-block;
  margin: 0 3px;
}
.con_camp_map .con_campaign .bx-controls .bx-pager-item a {
  display: block;
  width: 18px;
  padding-top: 17px;
  height: 0;
  overflow: hidden;
  background: url(../images/home/ic_thum.png) 0 0 no-repeat;
}
.con_camp_map .con_campaign .bx-controls .bx-pager-item a.active {
  background-position: 0 -17px;
}

/*----------------------------------------------------
	.con_app（公式スマホアプリ無料配信中！）
----------------------------------------------------*/
.con_app {
  width: 92%;
  margin: 10px auto;
  text-align: center;
}

/*----------------------------------------------------
	.con_info
----------------------------------------------------*/
.con_info {
  width: 100%;
  margin: 0 auto;
  clear: both;
  overflow: hidden;
  *zoom: 1;
  padding: 15px;
}
.con_info .box_top .st_news {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
.con_info .box_top .st_news h3 {
  background-color: #1d236d;
  text-align: center;
  padding: 12px 0;
  width: 100%;
  color: #fff;
  font-size: 1.3em;
}
.con_info .box_top .st_news h3 span {
  color: #f1bf4b;
  font-size: .8em;
  padding-left: 10px;
}
.con_info .box_top .con_news {
  flex: 1;
}
.con_info .box_top .con_news .box_new {
  margin-top: 20px;
}
.con_info .box_top .con_news .box_new li {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.con_info .box_top .con_news .box_new li a {
  text-decoration: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.con_info .box_top .con_news .box_new li a .wrp_img {
  width: calc(260px * 0.4);
  height: 0;
  padding-bottom: calc(190px * 0.4);
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
.con_info .box_top .con_news .box_new li a .wrp_img img {
  height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: inherit;
}
.con_info .box_top .con_news .box_new li a .wrp_txt {
  flex: 1;
}
.con_info .box_top .con_news .box_new li a .wrp_txt .dat {
  display: inline-block;
  font-family: 'Hind Guntur', sans-serif;
  color: #1d236d;
  letter-spacing: 0.04em;
  line-height: 1;
  background-color: #f1bf4b;
  border-radius: 9999px;
  padding: 6px 10px 0;
}
.con_info .box_top .con_news .box_new li a .wrp_txt .tit {
  letter-spacing: 0.04em;
  margin-top: 10px;
}
.con_info .box_top .con_news .box_pager {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 30px;
}
.con_info .box_top .con_news .box_pager a {
  color: #1d236d;
}
.con_info .box_top .con_news .box_pager .prev a,
.con_info .box_top .con_news .box_pager .next a {
  padding: 6px 8px;
}
.con_info .box_top .con_news .box_pager .prev {
  margin-right: 4px;
}
.con_info .box_top .con_news .box_pager .next {
  margin-left: 4px;
}
.con_info .box_top .con_news .box_pager ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.con_info .box_top .con_news .box_pager ul li:not(:last-child) {
  margin-right: 8px;
}
.con_info .box_top .con_news .box_pager ul li a {
  display: block;
  text-decoration: none;
  line-height: 1;
  border: 1px solid #cbcbcb;
  padding: 6px 8px;
  transition: background 400ms ease,border-color 400ms ease;
}
.con_info .box_top .con_news .box_pager ul li.active a {
  color: #fff;
  background: #1d236d;
  border-color: #1d236d;
}
.con_info .box_top .box_side {
  margin-top: 40px;
}
.con_info .box_top .box_side .st {
  color: #9a9a9a;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}
.con_info .box_top .box_side ul li {
  position: relative;
}
.con_info .box_top .box_side ul li a {
  display: block;
}
.con_info .box_top .box_side ul.box_mon > li {
  border-top: 1px solid #eeeeee;
}
.con_info .box_top .box_side ul.box_mon > li:last-child {
  border-bottom: 1px solid #eeeeee;
}
.con_info .box_top .box_side ul.box_mon > li .accordion {
  display: block;
  letter-spacing: 0.04em;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.con_info .box_top .box_side ul.box_mon > li .accordion:after {
  content: '\f107';
  display: inline-block;
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  transition: transform 400ms ease;
}
.con_info .box_top .box_side ul.box_mon > li .accordion.is-active:after {
  transform: translateY(-50%) rotate(-180deg);
}
.con_info .box_top .box_side ul.box_mon > li ol {
  display: none;
  padding-bottom: 10px;
}
.con_info .box_top .box_side ul.box_mon > li ol > li {
  border: none;
  padding: 3px 0 3px 25px;
  position: relative;
}
.con_info .box_top .box_side ul.box_mon > li ol > li a {
  text-decoration: underline;
}
.con_info .box_top .box_side ul.box_mon > li ol > li a:hover {
  color: #1d236d;
  text-decoration: none;
}
.con_info .box_top .box_side ul.box_mon > li:first-child ol {
  display: none;
}
.con_info .con_banner .lst_banner .box_banner {
  margin-bottom: 10px;
  float: left;
  width: 98%;
  margin-left: 2%;
}
.con_info .con_banner .lst_banner .box_banner:first-child {
  margin-left: 0;
}

/*----- 各エリア詳細 -----*/
.wrp_areadetail {
  display: none;
}

.con_areadetail {
  padding: 20px;
}
.con_areadetail .st_area {
  text-align: center;
  margin-bottom: 20px;
}
.con_areadetail dl {
  clear: both;
  overflow: hidden;
  display: block;
}
.con_areadetail dl.other {
  margin-bottom: 0;
}
.con_areadetail dl dt {
  float: left;
  width: 10%;
  text-align: center;
  font-weight: bold;
  font-size: 130%;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 2px solid #dededc;
}
.con_areadetail dl dd {
  float: left;
  margin: 0 1% 10px;
}
.con_areadetail dl dd a {
  display: block;
  padding: 10px 5px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.con_areadetail .txt_att {
  text-align: right;
  clear: both;
  overflow: hidden;
}
.con_areadetail .txt_att span {
  color: #f1bf4b;
  font-weight: bold;
}

/* -----------------------------------------------------------
	.con_hotellist（ホテルリスト共通スタイル）
----------------------------------------------------------- */
.con_areadetail .st_ttl {
  font-size: 18px;
  width: 45%;
  font-weight: bold;
}
.con_areadetail .washington dt {
  background-color: #c53039;
  color: #fff;
}
.con_areadetail .washington .st_ttl {
  color: #c53039;
}
.con_areadetail .washington .btn_res,
.con_areadetail .washington .btn_fac {
  text-align: center;
}
.con_areadetail .washington .btn_res a,
.con_areadetail .washington .btn_res button,
.con_areadetail .washington .btn_fac a,
.con_areadetail .washington .btn_fac button {
  color: #b34d42;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  padding: 3px 25px;
  font-size: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 2px 0 0 #b34d42;
  -webkit-box-shadow: 0 2px 0 0 #b34d42;
  box-shadow: 0 2px 0 0 #b34d42;
  background: #fff;
  cursor: pointer;
}
.con_areadetail .washington .btn_res a:hover,
.con_areadetail .washington .btn_res button:hover,
.con_areadetail .washington .btn_fac a:hover,
.con_areadetail .washington .btn_fac button:hover {
  -moz-box-shadow: 0 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.con_areadetail .washington .btn_res a:before,
.con_areadetail .washington .btn_res button:before,
.con_areadetail .washington .btn_fac a:before,
.con_areadetail .washington .btn_fac button:before {
  content: "\f0da";
  display: inline-block;
  vertical-align: middle;
  font-family: "fontAwesome";
  color: #b34d42;
  margin-right: 5px;
}
.con_areadetail .washington .btn_res a span,
.con_areadetail .washington .btn_res button span,
.con_areadetail .washington .btn_fac a span,
.con_areadetail .washington .btn_fac button span {
  display: inline-block;
  vertical-align: middle;
}
.con_areadetail .washington .btn_res.wa .virtual,
.con_areadetail .washington .btn_res.wa a,
.con_areadetail .washington .btn_res.wa button,
.con_areadetail .washington .btn_fac.wa .virtual,
.con_areadetail .washington .btn_fac.wa a,
.con_areadetail .washington .btn_fac.wa button {
  -moz-box-shadow: 0 2px 0 0 #b34d42;
  -webkit-box-shadow: 0 2px 0 0 #b34d42;
  box-shadow: 0 2px 0 0 #b34d42;
}
.con_areadetail .washington .btn_res.wa .virtual:before,
.con_areadetail .washington .btn_res.wa a:before,
.con_areadetail .washington .btn_res.wa button:before,
.con_areadetail .washington .btn_fac.wa .virtual:before,
.con_areadetail .washington .btn_fac.wa a:before,
.con_areadetail .washington .btn_fac.wa button:before {
  color: #b34d42;
}
.con_areadetail .washington .btn_res.rb .virtual,
.con_areadetail .washington .btn_res.rb a,
.con_areadetail .washington .btn_res.rb button,
.con_areadetail .washington .btn_fac.rb .virtual,
.con_areadetail .washington .btn_fac.rb a,
.con_areadetail .washington .btn_fac.rb button {
  -moz-box-shadow: 0 2px 0 0 #3f7144;
  -webkit-box-shadow: 0 2px 0 0 #3f7144;
  box-shadow: 0 2px 0 0 #3f7144;
}
.con_areadetail .washington .btn_res.rb .virtual:before,
.con_areadetail .washington .btn_res.rb a:before,
.con_areadetail .washington .btn_res.rb button:before,
.con_areadetail .washington .btn_fac.rb .virtual:before,
.con_areadetail .washington .btn_fac.rb a:before,
.con_areadetail .washington .btn_fac.rb button:before {
  color: #3f7144;
}
.con_areadetail .washington .btn_res.na .virtual,
.con_areadetail .washington .btn_res.na a,
.con_areadetail .washington .btn_res.na button,
.con_areadetail .washington .btn_fac.na .virtual,
.con_areadetail .washington .btn_fac.na a,
.con_areadetail .washington .btn_fac.na button {
  -moz-box-shadow: 0 2px 0 0 #014ca4;
  -webkit-box-shadow: 0 2px 0 0 #014ca4;
  box-shadow: 0 2px 0 0 #014ca4;
}
.con_areadetail .washington .btn_res.na .virtual:before,
.con_areadetail .washington .btn_res.na a:before,
.con_areadetail .washington .btn_res.na button:before,
.con_areadetail .washington .btn_fac.na .virtual:before,
.con_areadetail .washington .btn_fac.na a:before,
.con_areadetail .washington .btn_fac.na button:before {
  color: #014ca4;
}
.con_areadetail .rb dt {
  background-color: #3f7144;
  color: #fff;
}
.con_areadetail .rb .st_ttl {
  color: #3f7144;
}
.con_areadetail .rb .btn_res,
.con_areadetail .rb .btn_fac {
  text-align: center;
}
.con_areadetail .rb .btn_res a,
.con_areadetail .rb .btn_res button,
.con_areadetail .rb .btn_fac a,
.con_areadetail .rb .btn_fac button {
  color: #3f7144;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  padding: 3px 25px;
  font-size: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 2px 0 0 #3f7144;
  -webkit-box-shadow: 0 2px 0 0 #3f7144;
  box-shadow: 0 2px 0 0 #3f7144;
  background: #fff;
  cursor: pointer;
}
.con_areadetail .rb .btn_res a:hover,
.con_areadetail .rb .btn_res button:hover,
.con_areadetail .rb .btn_fac a:hover,
.con_areadetail .rb .btn_fac button:hover {
  -moz-box-shadow: 0 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.con_areadetail .rb .btn_res a:before,
.con_areadetail .rb .btn_res button:before,
.con_areadetail .rb .btn_fac a:before,
.con_areadetail .rb .btn_fac button:before {
  content: "\f0da";
  display: inline-block;
  vertical-align: middle;
  font-family: "fontAwesome";
  color: #3f7144;
  margin-right: 5px;
}
.con_areadetail .rb .btn_res a span,
.con_areadetail .rb .btn_res button span,
.con_areadetail .rb .btn_fac a span,
.con_areadetail .rb .btn_fac button span {
  display: inline-block;
  vertical-align: middle;
}
.con_areadetail .rb .btn_res.wa .virtual,
.con_areadetail .rb .btn_res.wa a,
.con_areadetail .rb .btn_res.wa button,
.con_areadetail .rb .btn_fac.wa .virtual,
.con_areadetail .rb .btn_fac.wa a,
.con_areadetail .rb .btn_fac.wa button {
  -moz-box-shadow: 0 2px 0 0 #b34d42;
  -webkit-box-shadow: 0 2px 0 0 #b34d42;
  box-shadow: 0 2px 0 0 #b34d42;
}
.con_areadetail .rb .btn_res.wa .virtual:before,
.con_areadetail .rb .btn_res.wa a:before,
.con_areadetail .rb .btn_res.wa button:before,
.con_areadetail .rb .btn_fac.wa .virtual:before,
.con_areadetail .rb .btn_fac.wa a:before,
.con_areadetail .rb .btn_fac.wa button:before {
  color: #b34d42;
}
.con_areadetail .rb .btn_res.rb .virtual,
.con_areadetail .rb .btn_res.rb a,
.con_areadetail .rb .btn_res.rb button,
.con_areadetail .rb .btn_fac.rb .virtual,
.con_areadetail .rb .btn_fac.rb a,
.con_areadetail .rb .btn_fac.rb button {
  -moz-box-shadow: 0 2px 0 0 #3f7144;
  -webkit-box-shadow: 0 2px 0 0 #3f7144;
  box-shadow: 0 2px 0 0 #3f7144;
}
.con_areadetail .rb .btn_res.rb .virtual:before,
.con_areadetail .rb .btn_res.rb a:before,
.con_areadetail .rb .btn_res.rb button:before,
.con_areadetail .rb .btn_fac.rb .virtual:before,
.con_areadetail .rb .btn_fac.rb a:before,
.con_areadetail .rb .btn_fac.rb button:before {
  color: #3f7144;
}
.con_areadetail .rb .btn_res.na .virtual,
.con_areadetail .rb .btn_res.na a,
.con_areadetail .rb .btn_res.na button,
.con_areadetail .rb .btn_fac.na .virtual,
.con_areadetail .rb .btn_fac.na a,
.con_areadetail .rb .btn_fac.na button {
  -moz-box-shadow: 0 2px 0 0 #014ca4;
  -webkit-box-shadow: 0 2px 0 0 #014ca4;
  box-shadow: 0 2px 0 0 #014ca4;
}
.con_areadetail .rb .btn_res.na .virtual:before,
.con_areadetail .rb .btn_res.na a:before,
.con_areadetail .rb .btn_res.na button:before,
.con_areadetail .rb .btn_fac.na .virtual:before,
.con_areadetail .rb .btn_fac.na a:before,
.con_areadetail .rb .btn_fac.na button:before {
  color: #014ca4;
}
.con_areadetail .na dt {
  background-color: #014ca4;
  color: #fff;
}
.con_areadetail .na .st_ttl {
  color: #014ca4;
}
.con_areadetail .na .btn_res,
.con_areadetail .na .btn_fac {
  text-align: center;
}
.con_areadetail .na .btn_res a,
.con_areadetail .na .btn_res button,
.con_areadetail .na .btn_fac a,
.con_areadetail .na .btn_fac button {
  color: #014ca4;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  padding: 3px 25px;
  font-size: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 2px 0 0 #014ca4;
  -webkit-box-shadow: 0 2px 0 0 #014ca4;
  box-shadow: 0 2px 0 0 #014ca4;
  background: #fff;
  cursor: pointer;
}
.con_areadetail .na .btn_res a:hover,
.con_areadetail .na .btn_res button:hover,
.con_areadetail .na .btn_fac a:hover,
.con_areadetail .na .btn_fac button:hover {
  -moz-box-shadow: 0 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.con_areadetail .na .btn_res a:before,
.con_areadetail .na .btn_res button:before,
.con_areadetail .na .btn_fac a:before,
.con_areadetail .na .btn_fac button:before {
  content: "\f0da";
  display: inline-block;
  vertical-align: middle;
  font-family: "fontAwesome";
  color: #3f5f9f;
  margin-right: 5px;
}
.con_areadetail .na .btn_res a span,
.con_areadetail .na .btn_res button span,
.con_areadetail .na .btn_fac a span,
.con_areadetail .na .btn_fac button span {
  display: inline-block;
  vertical-align: middle;
}
.con_areadetail .na .btn_res.wa .virtual,
.con_areadetail .na .btn_res.wa a,
.con_areadetail .na .btn_res.wa button,
.con_areadetail .na .btn_fac.wa .virtual,
.con_areadetail .na .btn_fac.wa a,
.con_areadetail .na .btn_fac.wa button {
  -moz-box-shadow: 0 2px 0 0 #b34d42;
  -webkit-box-shadow: 0 2px 0 0 #b34d42;
  box-shadow: 0 2px 0 0 #b34d42;
}
.con_areadetail .na .btn_res.wa .virtual:before,
.con_areadetail .na .btn_res.wa a:before,
.con_areadetail .na .btn_res.wa button:before,
.con_areadetail .na .btn_fac.wa .virtual:before,
.con_areadetail .na .btn_fac.wa a:before,
.con_areadetail .na .btn_fac.wa button:before {
  color: #b34d42;
}
.con_areadetail .na .btn_res.rb .virtual,
.con_areadetail .na .btn_res.rb a,
.con_areadetail .na .btn_res.rb button,
.con_areadetail .na .btn_fac.rb .virtual,
.con_areadetail .na .btn_fac.rb a,
.con_areadetail .na .btn_fac.rb button {
  -moz-box-shadow: 0 2px 0 0 #3f7144;
  -webkit-box-shadow: 0 2px 0 0 #3f7144;
  box-shadow: 0 2px 0 0 #3f7144;
}
.con_areadetail .na .btn_res.rb .virtual:before,
.con_areadetail .na .btn_res.rb a:before,
.con_areadetail .na .btn_res.rb button:before,
.con_areadetail .na .btn_fac.rb .virtual:before,
.con_areadetail .na .btn_fac.rb a:before,
.con_areadetail .na .btn_fac.rb button:before {
  color: #3f7144;
}
.con_areadetail .na .btn_res.na .virtual,
.con_areadetail .na .btn_res.na a,
.con_areadetail .na .btn_res.na button,
.con_areadetail .na .btn_fac.na .virtual,
.con_areadetail .na .btn_fac.na a,
.con_areadetail .na .btn_fac.na button {
  -moz-box-shadow: 0 2px 0 0 #014ca4;
  -webkit-box-shadow: 0 2px 0 0 #014ca4;
  box-shadow: 0 2px 0 0 #014ca4;
}
.con_areadetail .na .btn_res.na .virtual:before,
.con_areadetail .na .btn_res.na a:before,
.con_areadetail .na .btn_res.na button:before,
.con_areadetail .na .btn_fac.na .virtual:before,
.con_areadetail .na .btn_fac.na a:before,
.con_areadetail .na .btn_fac.na button:before {
  color: #014ca4;
}
.con_areadetail .other dt {
  background-color: #3f5f9f;
  color: #fff;
}
.con_areadetail .other .st_ttl {
  color: #3f5f9f;
}
.con_areadetail .other .btn_res,
.con_areadetail .other .btn_fac {
  text-align: center;
}
.con_areadetail .other .btn_res a,
.con_areadetail .other .btn_res button,
.con_areadetail .other .btn_fac a,
.con_areadetail .other .btn_fac button {
  color: #3f5f9f;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  padding: 3px 25px;
  font-size: 1em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 2px 0 0 #3f5f9f;
  -webkit-box-shadow: 0 2px 0 0 #3f5f9f;
  box-shadow: 0 2px 0 0 #3f5f9f;
  background: #fff;
  cursor: pointer;
}
.con_areadetail .other .btn_res a:hover,
.con_areadetail .other .btn_res button:hover,
.con_areadetail .other .btn_fac a:hover,
.con_areadetail .other .btn_fac button:hover {
  -moz-box-shadow: 0 0 0 0 transparent !important;
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}
.con_areadetail .other .btn_res a:before,
.con_areadetail .other .btn_res button:before,
.con_areadetail .other .btn_fac a:before,
.con_areadetail .other .btn_fac button:before {
  content: "\f0da";
  display: inline-block;
  vertical-align: middle;
  font-family: "fontAwesome";
  color: #3f5f9f;
  margin-right: 5px;
}
.con_areadetail .other .btn_res a span,
.con_areadetail .other .btn_res button span,
.con_areadetail .other .btn_fac a span,
.con_areadetail .other .btn_fac button span {
  display: inline-block;
  vertical-align: middle;
}
.con_areadetail .other .btn_res.wa .virtual,
.con_areadetail .other .btn_res.wa a,
.con_areadetail .other .btn_res.wa button,
.con_areadetail .other .btn_fac.wa .virtual,
.con_areadetail .other .btn_fac.wa a,
.con_areadetail .other .btn_fac.wa button {
  -moz-box-shadow: 0 2px 0 0 #b34d42;
  -webkit-box-shadow: 0 2px 0 0 #b34d42;
  box-shadow: 0 2px 0 0 #b34d42;
}
.con_areadetail .other .btn_res.wa .virtual:before,
.con_areadetail .other .btn_res.wa a:before,
.con_areadetail .other .btn_res.wa button:before,
.con_areadetail .other .btn_fac.wa .virtual:before,
.con_areadetail .other .btn_fac.wa a:before,
.con_areadetail .other .btn_fac.wa button:before {
  color: #b34d42;
}
.con_areadetail .other .btn_res.rb .virtual,
.con_areadetail .other .btn_res.rb a,
.con_areadetail .other .btn_res.rb button,
.con_areadetail .other .btn_fac.rb .virtual,
.con_areadetail .other .btn_fac.rb a,
.con_areadetail .other .btn_fac.rb button {
  -moz-box-shadow: 0 2px 0 0 #3f7144;
  -webkit-box-shadow: 0 2px 0 0 #3f7144;
  box-shadow: 0 2px 0 0 #3f7144;
}
.con_areadetail .other .btn_res.rb .virtual:before,
.con_areadetail .other .btn_res.rb a:before,
.con_areadetail .other .btn_res.rb button:before,
.con_areadetail .other .btn_fac.rb .virtual:before,
.con_areadetail .other .btn_fac.rb a:before,
.con_areadetail .other .btn_fac.rb button:before {
  color: #3f7144;
}
.con_areadetail .other .btn_res.na .virtual,
.con_areadetail .other .btn_res.na a,
.con_areadetail .other .btn_res.na button,
.con_areadetail .other .btn_fac.na .virtual,
.con_areadetail .other .btn_fac.na a,
.con_areadetail .other .btn_fac.na button {
  -moz-box-shadow: 0 2px 0 0 #014ca4;
  -webkit-box-shadow: 0 2px 0 0 #014ca4;
  box-shadow: 0 2px 0 0 #014ca4;
}
.con_areadetail .other .btn_res.na .virtual:before,
.con_areadetail .other .btn_res.na a:before,
.con_areadetail .other .btn_res.na button:before,
.con_areadetail .other .btn_fac.na .virtual:before,
.con_areadetail .other .btn_fac.na a:before,
.con_areadetail .other .btn_fac.na button:before {
  color: #014ca4;
}

/*----------------------------------------------------
	.btn_sh
----------------------------------------------------*/
.btn_sh {
  width: 80%;
  margin: 5% auto;
}
.btn_sh a {
  display: block;
  width: 80%;
  color: #fff;
  background-color: #CC252F;
  text-decoration: none !important;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  border-radius: 10000px;
  border: solid 3px #fff;
  padding: 3% 0;
  margin: 4% auto;
}
.btn_sh a:before {
  content: "\f0a9";
  font-family: FontAwesome;
  margin-right: 3px;
}
.btn_sh a.yellow {
  color: #1d236d;
  background-color: #f1bf4b;
  border: solid 3px #1d236d;
}