@charset "utf-8";

/*----------------------------------------
    #content
----------------------------------------*/
.top_header {
  display: block;
}
#contents .inner {
  width: 100%;
  margin: 0 auto;
}
#contents .btn_link {
  width: 83.33%;
  margin: 20px auto 0;
}
#contents .btn_link a {
  font-size: 125%;
  padding: 9px 0 10px 0;
  background-size: 9px 16px;
}
#contents .title {
  font-size: 150%;
}
#contents #related_info.line_section {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #bfbfbf;
}
/*  hotel_booking
----------------------------------------*/
#hotel_booking {
  margin-top: 0;
}
#hotel_booking .title {
  display: none;
}
.tabs_item  .public {
  width: 100%;
  text-align: left;
  padding-left: 15px;
  background: #12246b;
}
.tabs_item .public .tab_bottom {
  padding: 10px 15px 20px 15px;
}
.tabs_item li span.text {
  display: block;
}
.tab_click img {
  display: none;
}
.tabs_item  .public {
  padding: 0;
}
.tabs_item .member,
.tabs_item .handy,
.tabs_item .booking {
  width: 100%;
}
.tabs_item li.handy a,
.tabs_item li.booking a {
  background: none;
  width: 100%;
  height: auto;
  margin-top: 0;
}
.tabs_item .member .tab_click {
  background: #23a9a8 url(../img/top/ico-close.png) no-repeat 95% 50%;
  background-size: 13px 15px;
}
.tabs_item .member .tab_click.current {
  background: #23a9a8 url(../img/top/ico-open.png) no-repeat 95% 50%;
  background-size: 13px 15px;
}
.tabs_item .public .tab_click {
  background: #12256b url(../img/top/ico-close.png) no-repeat 95% 50%;
  background-size: 13px 15px;
}
.tabs_item .public .tab_click.current {
  background: #12256b url(../img/top/ico-open.png) no-repeat 95% 50%;
  background-size: 13px 15px;
}
.tabs_item .handy {
  background: #1663cd url(../img/top/ico-arow_button_sp.png) no-repeat 95% 50%;
  background-size: 9px 15px;
}
.tabs_item .member .text {
  background: url(../img/top/txt-tab_two_bottom_sp.png) no-repeat 90px 50%;
  padding: 0;
  background-size: 197px;
}
.tabs_item .member .text img {
  width: 65%;
  height: auto;
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.tabs_item li + li {
  margin-left: 0;
}
.tabs_item .text {
  color: #fff;
  padding: 10px 0;
  font-weight: bold;
  font-size: 142%;
}
.tabs_item .handy .text {
  background: none;
  padding: 0 0 0 15px;
}
.tabs_item li .txt_image {
  width: 60%;
}
.tabs_item li .txt_image img {
  width: 100%;
  height: auto;
}
.tabs_item .booking .text {
  color: #2b4aba;
  font-size: 117%;
  padding-left: 13px;
  background: url(../img/top/ico-arrow_left.png) no-repeat left center;
}
.tabs_item .public .text,
.tabs_item .member .text {
  padding: 10px 15px;
}
.tabs_item .handy .text {
  padding: 10px 15px;
}
.tabs_item .booking a  {
  padding-left: 15px;
}
.tabs_item .tab_bottom {
  background: #12246b;
  padding: 10px 15px 20px 15px;
  min-height: auto;
}
.tabs_item .tab_bottom ul {
  width: 100%;
  padding: 15px 10px;
	margin-top: 10px;
  background-color: #f1f0e9;
}
.member_input .tab_bottom {
  text-align: center;
  background: #23a9a8;
}
.tabs_item  .tab_bottom li {
  float: none;
  display: block;
	margin: 0;
}
.tabs_item  .tab_bottom li a {
  color: #2b4aba;
  font-size: 13px;
  padding-left: 10px;
  background-size: 5px 8px;
}
.tabs_item .tab_bottom .app_area {
  width: 100%;
	float: none;
}
.tabs_item .tab_bottom .sp_message {
  display: block;
}
.tabs_item .tab_bottom .pc_message {
  display: none;
}

.tabs_item .tab_bottom .app_area a {
	padding: 10px 5% 0 5%;
	background: url(../img/top/bg-app_arrow.png) no-repeat 96% center #f9f5ec;
	background-size: 7px;
}
.tabs_item .tab_bottom .app_area a .app_title {
  display: block;
	color: #f27b02;
	font-size: 13px;
	margin-bottom: 7px;
	text-align: center;
}
.tabs_item .tab_bottom .app_area a .icon {
	width: 25%;
}
.tabs_item .tab_bottom .app_area a .icon img {
  width: 100%;
	height: auto;
	max-width: 88px
}
.tabs_item .tab_bottom .app_area a .text {
  float: right;
	width: 65%;
	padding: 3px 0 0 0;
	font-size: 13px;
  margin-right: 5%;
}
.tabs_item .tab_bottom .app_area a .text span.big_txt {
  font-size: 15px;
	display: block;
	color: #f27b02;
}
.tabs_item .tab_bottom .waon_area {
  width: 100%;
	float: none;
}
.tabs_item .tab_bottom .waon_area .note {
	position: absolute;
	right: 10px;
  top: 54px;
	border-radius: 3px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.2;
}
.tabs_item .tab_bottom .waon_area .note span:after {
	left: -11px;
}
.tabs_item  .tab_bottom span {
  color: #fff;
  font-size: 109%;
}
.tabs_item .tab_bottom .waon_area .note span {
  color: #12256b;
	font-size: 12px;
}
.tabs_item  .tab_bottom .txt_image {
  background: none;
  width: 250px;
  height: auto;
  margin: 0;
}
.tabs_item  .tab_bottom .txt_image img {
  display: block;
}
.tabs_item  .tab_content {
  padding: 15px 0 0 0;
  border-top: none;
  margin-top: 0;
}
.tabs_item {
  min-height: 100%;
}
.tabs_item li {
  float: none;
}
.public_input .tab_bottom li span {
  margin-bottom: 5px;
  color: #000000;
}
.tabs_item .tabs_detail > li {
  border-bottom: 2px solid #fff;
}
.tabs_item li a {
  color: #fff;
}
.tabs_item .tab_bottom li.login {
  display: block;
  width: 180px;
  margin: 0 auto;
}
.tabs_item .tab_bottom li.login a {
  width: 100%;
}
.tabs_item li.tab .section_content {
  position: relative;
}
.tabs_item li.tab .section_content.public_input {
  border-top: 1px solid #2b4aba;
}
.tabs_item li.tab .section_content.member_input {
  border-top: 1px solid #6ce3e2;
}
.booking_info {
  text-align: left;
}
.booking_info .booking_list {
  display: block;
}
.booking_info .booking_item {
  float: none;
  padding-bottom: 15px;
}
.booking_info .booking_item dl {
  display: block;
  width: 100%;
}
.booking_info .booking_item dt {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 125%;
  margin-bottom: 5px;
}
.booking_info .booking_item {
  margin: 0 15px;
}
.booking_info .booking_item .calendar {
  width: 40px;
  height: 40px;
  vertical-align: top;
  margin-left: -7px;
}
.booking_info .booking_item .calendar  img {
  display: block;
  width: 100%;
  height: auto;
}
.booking_info .booking_item .btn_calendar {
  display: block;
  background: none;
  width: 40px;
  height: 40px;
}
.select,
select {
  width: 100%;
}
.booking_info .booking_item .select_date {
  padding-left: 4px;
}
.booking_info .booking_item dd.date_year {
  width: 85.86%;
}
.booking_info .booking_item .select_year {
  width: 57.22%;
}
.booking_info .booking_item .select_date {
  width: 42%;
}
.booking_info .booking_item .night {
  width: 39.65%;
}
.booking_info .booking_item .people {
  width: 39.65%;
}
.booking_info .booking_item .room {
  width: 39.65%;
}
div#ui-datepicker-div {
  margin: 40px 0 0 0;
}
.booking_info .booking_item dd {
  display: inline-block;
}
.booking_info .booking_item dd + dd {
  padding-left: 0;
}
.booking_info .booking_item dd.count_room {
  vertical-align: bottom;
}
.booking_info .booking_item dd + dd {
  padding-left: 0;
}
.booking_info .booking_item dd.btn_search {
  padding-left: 0;
  width: 58.62%;
  vertical-align: bottom;
}
.booking_info .booking_item .search {
  width: 100%;
  vertical-align: bottom;
}
.booking_info .booking_item select {
  height: 40px;
  padding: 0 20px;
  border: 0;
  font-size: 125%;
  color: #000b36;
  position: relative;
}
.booking_info .booking_item .search a {
  height: 38px;
  line-height: 38px;
}
.ui-datepicker-trigger {
  width: 40px;
  height: 40px;
}
.public_input .ui-datepicker-trigger {
  background: #12256b url(../img/top/ico-calendar_sp.png) center center no-repeat                !important;
}
.member_input .ui-datepicker-trigger {
  background: #23a9a8 url(../img/top/ico-calendar_sp.png) center center no-repeat                !important;
}
/*  hotel_price
----------------------------------------*/
#hotel_price {
  margin-top: 0;
  min-width: auto;
}
#hotel_price .inner {
  padding: 0 15px;
}
#hotel_price .content_top {
  min-height: auto;
}
#hotel_price .offer_standard li {
  width: 100%;
  float: none;
  border-top: none;
  padding: 3.33%;
  border-bottom: 1px solid #f1f0e9;
  margin: 0;
}
#hotel_price .offer_standard li + li {
  margin: 0;
}
#hotel_price .offer_standard li a {
  display: table;
  width: 100%;
}
#hotel_price .offer_standard .col_photo {
  text-align: left;
  width: 44.66%;
  border-top: 3px solid #b6b7b4;
  display: table-cell;
  vertical-align: top;
}
#hotel_price .offer_standard .col_photo img {
  width: 100%;
  height: auto;
}
#hotel_price .offer_standard .coming_soon {
  border-top: 0;
  max-height: auto;
  display: block;
}
#hotel_price .offer_standard .coming_soon .col_photo {
  border-top: 0;
  width: 100%;
  text-align: center;
  display: block;
}
#hotel_price .offer_standard .col_text {
  display: table-cell;
  vertical-align: top;
  padding: 0;
  padding-left: 3%;
}
#hotel_price .standard_detail .title_detail {
  font-size: 109%;
}
#hotel_price .standard_detail .notice,
#hotel_price .time_price .time {
  display: none;
}
#hotel_price .standard_detail {
  padding: 0;
  border: 0;
}
#hotel_price .time_price {
  border-top: none;
}

#hotel_price .time_price .price {
  padding-top: 15px;
}
#hotel_price .time_price .price_value {
  font-size: 109%;
}
#hotel_price .time_price .tax {
  font-size: 8px;
}
#hotel_price .content_body,
#hotel_price .content_bottom {
  background: #e3e6e8;
}
#hotel_price .content_bottom {
  padding: 20px 0 0;
  min-height: auto;
}

/*  hotel_information
----------------------------------------*/
#hotel_information {
  display: block;
  margin-top: 0;
}
#hotel_information .content_info {
  margin-top: 0;
}
#hotel_information .map_info {
  float: none;
  width: 100%;
  background: #efefef;
  border-top: 1px solid #bfbfbf;
}
#contents #hotel_information .title,
#hotel_information #load_map,
#hotel_information .address_info .time_walk,
#hotel_information .address_info .btn_access,
#hotel_information .about_hotel {
  display: none;
}
#hotel_information .map_info .address_info {
  padding: 20px 15px;
}
#hotel_information .address_info dl {
  width: 100%;
}
#hotel_information .address_info dt {
  width: 30%;
}
#hotel_information .address_info dt img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: block;
}
#hotel_information .address_info span.tel {
  padding-right: 10px;
}
#hotel_information .address_info .fax {
  padding-left: 0;
}
#hotel_information .address_info span.tel a,
#hotel_information .address_info span.fax a {
  color: #000b36;
}

/*  site_mono
----------------------------------------*/
#contents #site_mono.line_section {
  padding-top: 0;
  margin-top: 30px;
  border-top: 0;
  min-width: auto;
}
#site_mono .inner {
  padding: 0 15px;
}
#site_mono .site_content {
  margin-top: 25px;
}
#site_mono .title {
  font-size: 150%;
}
#contents .title img {
  width: 100%;
  height: auto;
}
#site_mono .site_item {
  margin-bottom: 25px;
  padding-right: 0;
  background: #fff;
  max-height: 100%;
}
#site_mono .site_item .site_photo {
  width: 44.48%;
  margin-right: 4.6%;
}
#site_mono .site_item .site_title {
  margin: 0 0 15px 0;
  float: none;
  width: 100%;
}
#site_mono .site_item .detail {
  float: left;
  width: 50.92%;
}
#site_mono .site_item .site_photo img {
  width: 100%;
  height: auto;
}
#site_mono .site_item .site_detail {
  margin-top: 0;
  font-size: 109%;
}
#site_mono .site_item .site_name:before {
  top: 3px;
  margin-top: 0;
}
#site_mono .site_item .site_name {
  font-size: 125%;
}
/*  infome_one
----------------------------------------*/
#infome_one .inner {
  padding: 0 15px;
}
#contents #infome_one.line_section {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #bfbfbf;
  min-width: auto;
}
#infome_one .title {
  width: 51.37%;
  margin: 0 auto;
}

#infome_one .infome_content {
  margin-top: 28px;
}
#infome_one .infome_content li {
  padding: 0;
}
#infome_one .infome_content dt {
  width: 33.10%;
}
#infome_one .infome_content dt span {
  font-size: 92%;
}
#infome_one .infome_content dd {
  padding-left: 3.1%;
}
#infome_one .infome_content dd a {
  font-size: 109%;
}
#contents .btn_link.btn_site {
  margin-top: 29px;
}


#main_title {
  margin-bottom: 25px;
}
#main_title .inner {
  width: 100%;
  padding: 0 15px;
}
#main_title .inner p {
  font-size: 125%;
}
#site_mono .bnrtrip_area {
  text-align: center;
  padding-top: 25px;
}