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

 file name  :homepage.css
 author     :Ability Consultant
style info  :トップページ
=================================================================== */
/* ページID（ディレクトリ名） */
/* 背景等の指定パス */
/*-----------------------------------------------------------
	gnav active
-----------------------------------------------------------*/
.st_style {
  margin-bottom: 20px;
}
.st_style h3 {
  text-align: center;
  font-size: 1.2em;
  font-weight: normal;
}
.st_style h3 small {
  font-style: italic;
}
.st_style h3 small:first-letter {
  color: #b34d42;
}
.st_style h3 span {
  display: block;
  font-style: normal;
}

/*----------------------------------------------------
	.con_title（メインイメージ）
----------------------------------------------------*/
.wrp_fv {
  max-width: 1600px;
  margin: 0 auto;
  position: relative;
}
.wrp_fv .con_title {
  display: block;
  background-image: url(../images/home/mv_1.jpg);
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 600px;
  transition: 0.2s;
}
@media only screen and (min-width: 737px) and (max-width: 1024px) {
  .wrp_fv .con_title {
    padding-top: 42.5%;
  }
}
@media only screen and (max-width: 736px) {
  .wrp_fv .con_title {
    padding-top: 36.5%;
  }
}
.wrp_fv .con_title:hover {
  opacity: 0.7;
}
.wrp_fv .box_banner {
  position: absolute;
  top: 435px;
  left: 200px;
}
@media only screen and (min-width: 737px) and (max-width: 1024px) {
  .wrp_fv .box_banner {
    top: 67%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
  }
}
@media only screen and (max-width: 736px) {
  .wrp_fv .box_banner {
    top: 94%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
  }
}
.wrp_fv .box_can {
  position: absolute;
  bottom: 320px;
  right: 100px;
  width: 144px;
  height: 144px;
}
@media only screen and (min-width: 737px) and (max-width: 1024px) {
  .wrp_fv .box_can {
    bottom: 175px;
    right: 15px;
    width: 100px;
    height: 100px;
  }
}
@media only screen and (max-width: 736px) {
  .wrp_fv .box_can {
    bottom: 0;
    right: 110px;
    width: 70px;
    height: 70px;
  }
}
.wrp_fv .box_can a {
  width: 100%;
  height: 100%;
}
.wrp_fv .box_netpoint_cp {
  position: absolute;
}
@media only screen and (min-width: 1025px) {
  .wrp_fv .box_netpoint_cp {
    bottom: 50px;
    right: 80px;
  }
}
@media only screen and (min-width: 737px) and (max-width: 1024px) {
  .wrp_fv .box_netpoint_cp {
    width: 130px;
    top: 20px;
    left: 10px;
  }
}
@media only screen and (max-width: 736px) {
  .wrp_fv .box_netpoint_cp {
    width: 100px;
    height: 100px;
    bottom: -20px;
    left: 10px;
  }
}
.wrp_fv .box_netpoint_cp a {
  display: block;
  width: 100%;
  height: 100%;
}

/*----------------------------------------------------
	.box_sapporo
----------------------------------------------------*/
.box_sapporo {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 737px) and (max-width: 1024px) {
  .box_sapporo {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 736px) {
  .box_sapporo {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
  }
}
.box_sapporo a {
  display: block;
}

/*----------------------------------------------------
	.wrp_map（全国のホテルから探す）
----------------------------------------------------*/
.wrp_map {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
  .wrp_map {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.wrp_map .con_txt .con_nav {
  background: #533115;
  padding: 20px 0;
}
.wrp_map .con_txt .txt_desc {
  padding: 10px 0;
  font-size: .9em;
}
.wrp_map .con_txt .txt_desc .view_pc {
  display: none;
}
.wrp_map .con_txt h3 {
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.1em;
  font-weight: normal;
}
.wrp_map .con_txt h3 small {
  font-style: italic;
}
.wrp_map .con_txt h3 span {
  color: #fff;
  display: block;
  font-style: normal;
}
.wrp_map .con_txt .box_nav {
  *zoom: 1;
  display: none;
}
.wrp_map .con_txt .box_nav:after {
  content: "";
  display: table;
  clear: both;
}
.wrp_map .con_txt .box_nav li {
  width: 48%;
  margin: 0 1% 5px;
  height: auto;
  float: left;
}
.wrp_map .con_txt .box_nav li a {
  background: #fff;
  display: block;
  width: 100%;
  padding: 13px 0;
  text-align: center;
}
.wrp_map .con_map {
  margin-top: 20px;
}
.wrp_map .con_map .box_tab_map {
  display: none;
}
@media only screen and (min-width: 737px) {
  .wrp_map {
    margin-top: 15px;
    margin-bottom: 50px;
    background: #f3f3f3;
    *zoom: 1;
  }
  .wrp_map:after {
    content: "";
    display: table;
    clear: both;
  }
  .wrp_map .con_nav .view_pc {
    display: none;
  }
  .wrp_map .con_nav .view_sp {
    display: none;
  }
  .wrp_map .con_nav .view_tab {
    display: block;
  }
  .wrp_map .slick-slide {
    height: auto;
    outline: none;
  }
  .wrp_map .con_map {
    width: 100%;
  }
  .wrp_map .con_map .box_sp_map {
    display: none;
  }
  .wrp_map .con_map .box_tab_map {
    max-width: 766px;
    margin: 0 auto;
    display: block;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red {
    position: absolute;
    max-width: 165px;
    font-size: .85em;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red.btn_map_1 {
    max-width: 146px;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red.btn_map_2 {
    max-width: 146px;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red.btn_map_3 {
    max-width: 128px;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red.btn_map_4 {
    max-width: 100px;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red.btn_map_5 {
    max-width: 128px;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red.btn_map_6 {
    max-width: 100px;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red a {
    padding: 5px 0;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red a:before {
    -moz-background-size: 15px auto;
    -o-background-size: 15px auto;
    -webkit-background-size: 15px auto;
    background-size: 15px auto;
    right: 5px;
  }
  .wrp_map .con_map .box_tab_map .box_map_wide {
    width: 100%;
  }
  .wrp_map .con_map .box_tab_map .box_map_wide .box_jmap {
    position: relative;
  }
  .wrp_map .con_map .box_tab_map .box_map_local {
    width: 100%;
    position: relative;
    text-align: center;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .btn_black {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap {
    display: inline-block;
    position: relative;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .img_lmap {
    margin: 0 auto;
    max-height: 522px;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel {
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel:hover {
    z-index: 10;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a {
    display: block;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .fa {
    font-size: 5px;
    color: #B44E43;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel {
    position: absolute;
    display: block;
    background: #fff;
    padding: 3px 10px;
    width: 230px;
    font-size: 0.9em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel:after {
    content: "";
    position: absolute;
    display: block;
    width: 0px;
    height: 0px;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel.top {
    top: 27px;
    left: -13px;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel.top:after {
    margin-left: -10px;
    top: -7px;
    left: 13%;
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: transparent transparent transparent #fff;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel.top-right {
    top: 27px;
    right: -13px;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel.top-right:after {
    margin-left: -10px;
    top: -7px;
    right: 10%;
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: transparent #fff transparent transparent;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel.bottom {
    bottom: 23px;
    left: -25px;
  }
  .wrp_map .con_map .box_tab_map .box_map_local .box_lmap .box_hotel a .txt_hotel.bottom:after {
    bottom: -7px;
    left: 12%;
    margin-left: -10px;
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: transparent #fff transparent transparent;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_map {
    margin-top: 50px;
    margin-bottom: 50px;
    background: #f3f3f3;
    *zoom: 1;
  }
  .wrp_map:after {
    content: "";
    display: table;
    clear: both;
  }
  .wrp_map .con_txt {
    float: left;
    width: 38%;
  }
  .wrp_map .con_txt .con_nav {
    padding: 15px 5px 25px 5px;
  }
  .wrp_map .con_txt .txt_desc {
    border: 2px solid #bbbbbb;
    background: #fff;
    padding: 20px 10%;
    margin: 10px 20px;
  }
  .wrp_map .con_txt .txt_desc .view_pc {
    display: block;
  }
  .wrp_map .con_txt h3 {
    margin-bottom: 20px;
    font-size: 1.5em;
  }
  .wrp_map .con_txt .box_nav {
    text-align: center;
    display: block;
    font-size: 0;
    max-width: 360px;
    margin: 0 auto;
  }
  .wrp_map .con_txt .box_nav li {
    width: 32.33333%;
    margin: 0 3px 3px 0;
    display: inline-block;
    vertical-align: top;
    float: none;
    font-size: 12px;
    min-width: 86px;
  }
  .wrp_map .con_txt .box_nav li.nav_wide {
    display: inline-block;
  }
  .wrp_map .con_txt .box_nav li a {
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
  }
  .wrp_map .con_txt .box_nav li a:hover {
    background: #3E2413;
    color: #fff;
  }
  .wrp_map .con_map {
    float: right;
    width: 62%;
  }
  .wrp_map .con_map .box_sp_map {
    display: none;
  }
  .wrp_map .con_map .box_tab_map {
    display: block;
    margin-top: -30px;
    position: relative;
  }
  .wrp_map .con_map .box_tab_map .box_btn .btn_red {
    position: absolute;
    max-width: 170px;
    font-size: .85em;
  }
}

/*----------------------------------------------------
	.wrp_selling（ホテルの魅力）
----------------------------------------------------*/
.wrp_selling {
  background: #f3f3f3;
  padding-top: 20px;
  padding-bottom: 20px;
}
.wrp_selling .st_basic {
  font-size: 1.4em;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
  margin-top: 15px;
  margin-bottom: 30px;
}
.wrp_selling .st_basic h3 {
  font-weight: normal;
}
.wrp_selling .st_basic span {
  display: block;
  font-size: .8em;
}
.wrp_selling .st_basic span:first-letter {
  color: #b34d42;
}
@media only screen and (min-width: 737px) {
  .wrp_selling .st_basic {
    background: url(../images/common/ic_slash.png) center 0 no-repeat;
    min-height: 41px;
    overflow: hidden;
  }
  .wrp_selling .st_basic h3 {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 20px;
  }
  .wrp_selling .st_basic span {
    float: right;
    width: 50%;
    text-align: left;
    display: inline-block;
    height: 0;
    padding-top: 41px;
    overflow: hidden;
    background: url("../images/home/st_selling.png") 20px bottom no-repeat;
  }
}
.wrp_selling .con_selling {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media only screen and (min-width: 1025px) {
  .wrp_selling .con_selling {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.wrp_selling .con_selling .box_selling {
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  background: #fff;
  margin-bottom: 10px;
}
.wrp_selling .con_selling .box_selling .box_cap {
  text-align: center;
  margin-top: -14px;
}
.wrp_selling .con_selling .box_selling .box_cap .txt_sup {
  color: #fff;
  background: #533115;
  padding: 3px 15px;
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0.9em;
}
.wrp_selling .con_selling .box_selling .box_cap .txt_catch {
  font-size: 1.2em;
  color: #533115;
}
.wrp_selling .con_selling .box_selling .box_cap .txt_catch b {
  color: #C93447;
  font-weight: normal;
}
.wrp_selling .con_selling .box_selling .box_cap .txt_desc {
  text-align: left;
  padding: 10px;
}
.wrp_selling .con_selling .box_selling .box_cap .txt_desc .view_pc {
  display: none;
}
.wrp_selling .con_selling .box_selling .box_cap .txt_desc .view_tab {
  display: none;
}
@media only screen and (min-width: 737px) {
  .wrp_selling .con_selling {
    overflow: hidden;
    *zoom: 1;
  }
  .wrp_selling .con_selling ul {
    margin-left: -1.4%;
  }
  .wrp_selling .con_selling .box_selling {
    float: left;
    width: 48.7%;
    margin-left: 1.4%;
    *zoom: 1;
  }
  .wrp_selling .con_selling .box_selling:after {
    content: "";
    display: table;
    clear: both;
  }
  .wrp_selling .con_selling .box_selling .box_eyec {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
  }
  .wrp_selling .con_selling .box_selling .box_cap {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    margin: 0;
    text-align: left;
    padding: 10px 5px 10px 5px;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_catch {
    font-size: 1.1em;
    margin-bottom: 5px;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_desc {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    font-size: 0.9em;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_desc .view_pc {
    display: none;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_desc .view_tab {
    display: block;
  }
  .wrp_selling .con_selling .box_selling.large {
    width: 48.5%;
  }
  .wrp_selling .con_selling .box_selling.large .box_eyec {
    display: block;
    float: none;
    width: 100%;
  }
  .wrp_selling .con_selling .box_selling.large .box_cap {
    display: block;
    float: none;
    width: 100%;
    margin-top: -22px;
    text-align: center;
  }
  .wrp_selling .con_selling .box_selling.large .box_cap .txt_catch {
    font-size: 1.3em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_selling .con_selling .box_selling {
    *zoom: 1;
  }
  .wrp_selling .con_selling .box_selling:after {
    content: "";
    display: table;
    clear: both;
  }
  .wrp_selling .con_selling .box_selling .box_eyec {
    width: 37%;
  }
  .wrp_selling .con_selling .box_selling .box_cap {
    width: 63%;
    padding-left: 30px;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_sup {
    font-size: 1em;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_catch {
    font-size: 1.4em;
    margin-bottom: 5px;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_desc .view_pc {
    display: block;
  }
  .wrp_selling .con_selling .box_selling.large .box_cap {
    padding-left: 0;
  }
  .wrp_selling .con_selling .box_selling.large .box_cap .txt_catch {
    font-size: 1.8em;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .wrp_selling .con_selling .box_selling.large .box_cap .txt_desc {
    text-align: center;
  }
}
@media only screen and (min-width: 1281px) {
  .wrp_selling .con_selling .box_selling {
    *zoom: 1;
  }
  .wrp_selling .con_selling .box_selling:after {
    content: "";
    display: table;
    clear: both;
  }
  .wrp_selling .con_selling .box_selling .box_cap .txt_catch {
    font-size: 1.6em;
  }
  .wrp_selling .con_selling .box_selling.large .box_cap .txt_catch {
    font-size: 2.3em;
  }
}

/*----------------------------------------------------
	.wrp_banner
----------------------------------------------------*/
.wrp_banner {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
}
@media only screen and (min-width: 1025px) {
  .wrp_banner {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.wrp_banner .bn_long {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1025px) {
  .wrp_banner .bn_long > li {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .wrp_banner .bn_long > li:nth-child(3n) {
    margin-right: 0;
  }
  .wrp_banner .bn_long > li:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 737px) and (max-width: 1024px) {
  .wrp_banner .bn_long > li {
    width: 32.5%;
    margin-right: 1.25%;
  }
  .wrp_banner .bn_long > li:nth-child(3n) {
    margin-right: 0;
  }
  .wrp_banner .bn_long > li:nth-child(n+4) {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 736px) {
  .wrp_banner .bn_long > li {
    width: 49%;
    margin-right: 1%;
  }
  .wrp_banner .bn_long > li:nth-child(2n) {
    margin-right: 0;
  }
  .wrp_banner .bn_long > li:nth-child(n+3) {
    margin-top: 5px;
  }
}
.wrp_banner .bn_long > li a {
  display: block;
}
.wrp_banner .bn_long > li a img {
  width: 100%;
  height: auto;
}
.wrp_banner .bn_long > li img {
  width: 100%;
  height: auto;
}

/*----------------------------------------------------
	.wrp_banner_3
	バナー
----------------------------------------------------*/
/*----------------------------------------------------
	.wrp_news
----------------------------------------------------*/
.wrp_news {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 1025px) {
  .wrp_news {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
.wrp_news .st_basic {
  font-size: 1.4em;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.2;
}
.wrp_news .st_basic h3 {
  font-weight: normal;
}
.wrp_news .st_basic span {
  display: block;
  font-size: .8em;
}
.wrp_news .st_basic span:first-letter {
  color: #b34d42;
}
@media only screen and (min-width: 737px) {
  .wrp_news .st_basic {
    background: url(../images/common/ic_slash.png) center 0 no-repeat;
    min-height: 41px;
    overflow: hidden;
  }
  .wrp_news .st_basic h3 {
    float: left;
    width: 50%;
    text-align: right;
    padding-right: 20px;
  }
  .wrp_news .st_basic span {
    float: right;
    width: 50%;
    text-align: left;
    display: inline-block;
    height: 0;
    padding-top: 41px;
    overflow: hidden;
    background: url("../images/home/st_news.png") 20px bottom no-repeat;
  }
}
.wrp_news .con_news {
  padding-top: 20px;
  margin-bottom: 30px;
  border-top: 1px solid #bbbbbb;
  overflow: hidden;
}
.wrp_news .con_news .box_news {
  padding: 5px;
  width: 100%;
  float: left;
}
.wrp_news .con_news .box_news a {
  display: block;
  background: #fff url(../images/common/arrow_red.png) right bottom no-repeat;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.wrp_news .con_news .box_news a .img {
  width: 30%;
  float: left;
}
.wrp_news .con_news .box_news a .detail {
  width: 70%;
  float: left;
  padding: 5px 15px 5px 5px;
}
.wrp_news .con_news .box_news a .detail .date {
  font-size: .8em;
  line-height: 1;
  margin-bottom: 5px;
}
.wrp_news .con_news .box_news a .detail .name {
  text-decoration: underline;
  font-size: .9em;
}
@media only screen and (min-width: 737px) {
  .wrp_news .con_news .box_news {
    width: 33.33333%;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_news .con_news .box_news a:before {
    right: 2px;
  }
  .wrp_news .con_news .box_news a .detail .name {
    font-size: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_news .con_news .box_news a:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8;
  }
  .wrp_news .con_news .box_news a .detail {
    padding: 10px;
  }
  .wrp_news .btn_red a {
    font-size: 1.4em;
  }
}

/* -----------------------------------------------------------
	モーダルウインドウ
----------------------------------------------------------- */
.modal-content {
  position: fixed !important;
  display: none;
  z-index: 2;
  width: 80%;
  margin: 0;
  padding: 10px 20px;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background: #fff;
}
.modal-content p {
  margin: 0;
  padding: 0;
}
.modal-content .txt_area {
  text-align: center;
  font-size: 1.1em;
  border-bottom: 2px solid #154c30;
  margin-bottom: 10px;
}
.modal-content .modal-inner a {
  padding: 5px 0;
  position: relative;
  display: block;
}
.modal-content .modal-inner a i {
  position: absolute;
  top: 8px;
  right: 0;
}
.modal-content .btn_black {
  margin-top: 10px;
}

.modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

/*----------------------------------------------------
	.wrp_search（空室検索）
----------------------------------------------------*/
/* .wrp_search {
	padding: 20px 15px;
	background: none;
	position: relative;
	z-index: 2;
	margin-top: $search_margin_top_sp;
	.inner {
		.box_bn {
			display: none;
		}
		.con_select_hotel {
			color: #fff;
			background-color: $c_red;
			padding: 0.8rem;
			.txt_search_hotel {
				font-size: 0.9em;
				margin-bottom: 0.75rem;
			}
			.box_hotel_form {
				.box_hotel_select {
					width: 100%;
					padding: 5px;
					color: $c_bd_d;
				}
			}
		}
		.con_calendar {
			background: #313232;
			border-bottom: 1px solid #313232;
			.slick-slide {
				height: auto;
				outline: none;
			}
			h3 {
				@extend %st_search;
				background: #000;
				margin-bottom: 0;
				border-bottom: 1px solid #313232;
				padding: 15px;
				&:before{
					content:"\f0fe";
					font-family:'FontAwesome';
					position: absolute;
					right: 10px;
					top: 50%;
					margin-top: -.5em;
					color: #fff;
				}
				&:after {
					display: none;
				}
				span {
					display: inline-block;
					background: #000 url(../images/common/ic_calendar_l.png) 0 center no-repeat;
					@include background-size(15px,20px);
					padding-left: 20px;
				}
				&.active {
					margin-bottom: 15px;
					border-bottom: none;
					&:before {
						content:"\f146";
					}
					&:after {
						display: block;
					}
				}
			}
			.wrp_hide {
				padding: 15px 15px 15px;
				margin: 0 15px 15px;
				background: #1f1e1e;
				position: relative;
				z-index: 0;
				.cover{
					width: 100%;
					height: 100%;
					display: block;
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1000000;
					background: rgba(0,0,0,.85);
					&:after{
						content: "ご宿泊予定のホテルを選択して下さい。";
						color: #fff;
						text-align: center;
						z-index: 10001;
						position: absolute;
						top: 50%;
						left: 0;
						right: 0;
						margin: -1em auto auto;
						font-size: .95em;
						letter-spacing: .05em;
					}
				}
			}
			.txt_notice {
				text-align: right;
				color: #fff;
				margin-bottom: 10px;
				font-size: .9em;
			}
			.box_date{
				display: none;
			}
			.month_sp{
				p {
					text-align: center;
					color: #fff;
					line-height: 40px;
					font-weight: bold;
					font-size: 1.4em;
					background: #1f1e1e;
				}
			}
			#slide_calendar{
				margin-bottom: 15px;
				position: relative;
				z-index: 10000;
				.box_calendar{
					width: 100%;
					.tbl_basic{
						width: 100%;
						border: 1px solid $c_bd;
						border-bottom: none;
						th,td{
							background: #fff;
							text-align: center;
							vertical-align: middle;
							border: 1px solid $c_bd;
							border-top: none;
						}
						th{
							width: (100%/7);
							height: 60px;
							padding-top: 0;
							padding-bottom: 0;
							span{
								display: block;
								font-size: .8em;
								font-weight: normal;
							}
							&.sat{
								background: #c8ecf3;
							}
							&.sun{
								background: #f8d7d7;
							}
						}
						td{
							width: auto !important;
							padding: 0;
							height: 50px;
							line-height: 50px;
							a{
								display: block;
								&:hover{
									background: $c_wa;
									color: #fff;
								}
							}
							&.sat{
								background: #dff0f4;
							}
							&.sun{
								background: #ffe8e8;
							}
						}
						tr.sp_tr{
							th{
								width: 100% !important;
								line-height: 40px;
								height: auto;
								&.month{
									font-size: 1.2em;
								}
							}
						}
					}
				}
				.slick-prev,
				.slick-next{
					display: block !important;
					top: -35px;
					width: 30px;
					height: 0;
					overflow: hidden;
					padding-top: 30px;
					margin: 0;
					z-index: 10;
				}
				.slick-prev{
					left: 5px;
					background: url(../images/common/btn_prev_s.png) center center no-repeat;
				}
				.slick-next{
					right: 5px;
					background: url(../images/common/btn_next_s.png) center center no-repeat;
				}
				.slick-disabled{
					background: none;
				}
			}
			.btn_green{
				a{
					position: relative;
					z-index: 10001;
				}
			}
			.con_btn {
				ul {
					li {
						width: 90%;
						&.btn_red {
							margin-bottom: 5px;
						}
					}
				}
			}
			.ic_loader{
				position: absolute;
				z-index: 100000;
				top: -16px;
				right: 0;
				bottom: 0;
				left: 0;
				margin: auto;
				display: block;
				max-width: 30px;
				height: 30px;
			}
		}
		.con_nav {
			background: #313232;
			h3 {
				background: #000;
				@extend %st_search;
				padding-left: 15px;
				margin-bottom: 0;
				border-bottom: 1px solid #313232;
				&:before{
					content:"\f0fe";
					font-family:'FontAwesome';
					position: absolute;
					right: 10px;
					top: 50%;
					margin-top: -.5em;
					color: #fff;
				}
				span {
					font-size: .95em;
				}
				&:after {
					display: none;
				}
				&.active {
					margin-bottom: 15px;
					border-bottom: none;
					&:before {
						content:"\f146";
					}
					&:after {
						display: block;
					}
				}
			}
			.wrp_hide {
				padding: 0 15px 15px;
			}
			ul {
				li {
					width: 90%;
					margin-bottom: 5px;
					a {
						text-align: left;
						padding-left: 10px;
					}
				}
			}
		}
		.con_nav_2 {
			width: 100%;
			background: #313232;
			@include mq(pc) {
				float: left;
				border-right: solid 1px #313232;
				width: 75%;
			}
			&:last-of-type {
				@include mq(tab) {
					width: 100%;
				}
				@include mq(pc) {
					float: left;
					width: 25%;
				}
			}
			h3 {
				@extend %st_search;
				text-align: left;
				background: #000;
				padding: 1rem;
				border-bottom: 1px solid #313232;
				@include mq(tab) {
					padding: 1.2rem;
					margin-bottom: 0;
				}
				@include mq(pc) {
					text-align: center;
					padding: 20px 0 18px;
					margin-bottom: 20px;
				}
				&:before{
					content:"\f0fe";
					font-family:'FontAwesome';
					position: absolute;
					right: 10px;
					top: 50%;
					margin-top: -.5em;
					color: #fff;
				}
				span {
					font-size: 0.95rem;
				}
				&:after {
					display: none;
				}
				&.active {
					margin-bottom: 0.8rem;
					border-bottom: none;
					@include mq(tab) {
						margin-bottom: 1rem;
					}
					&:before {
						content:"\f146";
					}
					&:after {
						display: block;
					}
				}
			}
			.wrp_hide {
				padding: 0 0.8rem 0.8rem;
				@include mq(tab) {
					padding: 0 1rem 1rem;
				}
				@include mq(pc) {
					padding: 0 15px 15px;
				}
			}
			ul {
				@include mq(tab) {
					display: flex;
					justify-content: space-between;
				}
				@include mq(pc) {
					display: flex;
					justify-content: center;
				}
				li {
					width: 100%;
					max-width: 100%;
					margin-bottom: 0.5rem;
					&:last-of-type {
						margin-bottom: 0;
					}
					@include mq(tab) {
						width: 14.5rem;
						margin-bottom: 0;
						&:last-of-type {
							margin-bottom: 0;
						}
					}
					@include mq(pc) {
						width: 300px;
						margin-right: 15px;
						margin-bottom: 0;
						&:last-of-type {
							margin-right: 0;
							margin-bottom: 0;
						}
					}
					a {
						text-align: left;
						padding-left: 0.75rem;
						@include mq(tab) {
							font-size: 0.75rem;
						}
						@include mq(pc) {
							font-size: 0.9rem;
							padding-left: 10px;
						}
					}
				}
			}
		}
	}
	@include mq(tab) {
		margin-top: $search_margin_top_tab;
		.inner {
			.con_select_hotel {
				padding: 10px 15px;
				width: 100%;
				display: table;
				position: relative;
				.txt_search_hotel {
					display: table-cell;
					width: 50%;
					vertical-align: middle;
					padding-right: 10px;
				}
				.box_hotel_form {
					display: table-cell;
					width: 50%;
					vertical-align: middle;
					position: relative;
					padding-left: 30px;
					&:before {
						content: "\f04b";
						font-family: fontAwesome;
						position: absolute;
						top: 10px;
						left: 10px;
						font-size: .8em;
					}
					.box_hotel_select {
					}
				}
			}
			.con_calendar {
				h3 {
					padding: 0 15px;
					span {
						@include background-size(45px,48px);
						padding: 20px 0 20px 60px;
					}
				}
				.wrp_hide {
					margin: 15px;
				}
				.box_date{
					display: block;
					width: 30%;
					float: left;
					ul{
						border: 1px solid $c_bd;
						border-bottom: none;
						li{
							vertical-align: middle;
							background: #eeeeee;
							line-height: 50px;
							padding: 0 30px;
							font-weight: bold;
							border-bottom: 1px solid $c_bd;
							&.date{
								line-height: 60px;
								font-size: 1.4em;
							}
						}
					}
				}
				.month_sp{
					display: none;
				}
				#slide_calendar{
					width: 70%;
					float: left;
					padding: 0 30px;
					.box_calendar{
						.tbl_basic{
							th{
								font-size: 1.2em;
								span{
									font-size: .8em;
								}
							}
							tr.sp_tr{
								display: none !important;
							}
						}
					}//box_calendar
					.slick-prev,
					.slick-next{
						top: 0;
						width: 25px;
						padding-top: 162px;
					}
					.slick-prev{
						left: 2px;
					}
					.slick-next{
						right: 2px;
					}
					.slick-disabled{
						background: #1f1e1e;
					}
				}
				.con_btn {
					clear: both;
					ul {
						overflow: hidden;
						li {
							float: left;
							&.btn_red,
							&.btn_black {
								max-width: none;
							}
							&.btn_red {
								margin-bottom: 0;
								width: 50%;
								padding-right: 4px;
							}
							&.btn_black {
								width: 50%;
							}
						}
					}
				}
			}
			.con_nav {
				h3 {
					padding: 20px 0 20px 15px;
					span {
						font-size: 1em;
					}
				}
				ul {
					overflow: hidden;
					li {
						float: left;
						width: (100%/3);
						padding: 0 2px;
						margin-bottom: 4px;
						a {
							font-size: .95em;
							letter-spacing: -.5px;
						}
					}
				}
			}
			.con_nav_2 {
				h3 {
					span {
						font-size: 1em;
					}
				}
			}
		}
	}
	@include mq(pc) {
		margin-top: $search_margin_top_pc;
		.inner {
			width: 1280px;
			.con_select_hotel {
				width: 1250px;
				padding: 0 15px;
				margin: 0 auto 15px;
			}
			.box_main_search {
				padding: 15px 0;
				background: #313232;
				@include pie-clearfix;
			}
			.slick-slide {
				height: auto;
				outline: none;
			}
			.con_calendar {
				width: 715px;
				float: left;
				margin-bottom: 0;
				h3 {
					margin-bottom: 0;
					background: none;
					padding: 0 0 0 3px;
					border-bottom: none;
					span {
						background: url(../images/common/ic_calendar_l.png) 0 center no-repeat;
					}
					&:before {
						display: none;
					}
					&:after {
						display: none;
					}
				}
				.wrp_hide {
					display: block !important;
					margin: 0;
					.box_date {
						ul {
							li {
								&.nin {
									height: 40px;
									line-height: 40px;
								}
							}
						}
					}
				}
				#slide_calendar{
					.slick-prev,
					.slick-next{
						padding-top: 147px;
					}
					.box_calendar{
						.tbl_basic{
							td{
								height: 40px;
								line-height: 40px;
								a{
									&:hover{
										background: $c_red;
										color: #fff;
									}
								}
							}
						}
					}
				}
			}
			.con_nav {
				clear: both;
				width: 100%;
				margin-top: 225px;
				h3 {
					margin-bottom: 15px;
					&:before {
						display: none;
					}
					&:after {
						display: block;
					}
				}
				ul {
					li {
						width: (100%/5);
						margin-bottom: 0;
					}
				}
			}
			.con_nav_2 {
				h3 {
					&:before {
						display: none;
					}
					&:after {
						display: block;
					}
				}
			}
		}
	}
	@include mq(over) {
		margin-top: $search_margin_top_over;
		.inner {
			width: 1280px;
			margin: 0 auto;
			&::after {
				content: "";
				display: table;
				clear: both;
			}
			.con_select_hotel {
				.txt_search_hotel {
					font-size: 1em;
				}
			}
			.box_bn {
				display: block;
				margin-bottom: 10px;
			}
			.con_calendar {
				width: 715px;
				margin-right: 15px;
				margin-bottom: 0;
				min-height: 0;
			}
			.con_nav {
				clear: none;
				float: right;
				width: 100%;
				min-height: 0;
				h3 {
					margin-bottom: 18px;
					text-align: center;
				}
				ul {
					li {
						width: 100%;
						margin-bottom: 4px;
					}
				}
			}
		}
	}
} */
/*----------------------------------------------------
	キャンペーン
----------------------------------------------------*/
/* .wrp_search {
	.box_bn {
		display: none;
	}
}
.wrp_fv .wrp_tab {
	width: 20%;
	position: absolute;
	z-index: 999;
	right:2%;
	top:15%;

}
@include mq(tab) {
	.wrp_search {
		.box_bn{
			display: none;
		}
		.inner {
			.con_select_hotel {
				padding: 10px 20px;
			}
		}
	}
	.wrp_fv .wrp_tab {
		display: block;
		margin-top: -100px;
		width: 15%;
		position: absolute;
		z-index: 999;
		right:2%;
		top:40%;
		.bn_s{
		position: relative;
		right: -5%;
		}
	}
}
@include mq(pc) {
	.wrp_search{
		 .box_bn {
			display: block;
		}
		.inner {
			.box_bn .bn_s {
				float: right;
			}
			.con_nav {
				margin-top: -10px;
			}
		}
	}
	.wrp_fv .wrp_tab {
		display: block;
		margin-top: -100px;
		width: 15%;
		position: absolute;
		z-index: 999;
		right:2%;
		top:35%;
		.bn_s{
		position: relative;
		right: -5%;
		}
	}
}
@include mq(over) {
	.wrp_search .box_bn {
		display: block;
		.bn_s{
		float: right;
		margin-top: -210px;
		margin-right: 35px;
		}
	}
	.wrp_fv .wrp_tab {
		display: none;
	}
} */
/*----------------------------------------------------
	キャンペーン

.wrp_can {
	position: absolute;
	top: -20px;
	right: 1%;
	text-align: right;
	z-index: 9999;
	@include mq(tab) {
		right: 0;
		top: -105px;
	}
	@include mq(pc) {
		right: 3%;
		top: -210px;
	}
	@include mq(over) {
		right: 7%;
	}
	>ul {
		>li {
			.bn_l {
				width: 30%;
			}
			.bn_s {
				width: 27%;
				position: relative;
			}
			@include mq(tab) {
				display: inline-block;
				vertical-align: top;
				.bn_l {
				width: 60%;
				}
				.bn_s {
				width: 80%;
				position: relative;
				// left: 100px;
				right: 5%;
				}
			}
				@include mq(pc) {
				.bn_l {
					width: 90%;
				}
				.bn_s {
					width: 100%;
					position: relative;
					left: 33px;
				}
			}
		}
	}
}
----------------------------------------------------*/
/*----------------------------------------------------
	キャンペーン
----------------------------------------------------*/
/* .con_can {
	position: absolute;
	top: 300px;
	right: 300px;
	z-index: 9999;
	@include mq(tab_new) {
		top: 100px;
		right: 10px;
	}
	@include mq(sp) {
		top: 20px;
		right: 10px;
	}
	li {
		&.bn_s {
			width: 144px;
			@include mq(tab_new) {
				width: 120px;
			}
			@include mq(sp) {
				width: 80px;
			}
		}
		&.bn_l {
			display: none;
		}
		img {
			width: 100%;
			height: auto;
		}
	}
} */
/*----------------------------------------------------
	ダイナミックパッケージ
----------------------------------------------------*/