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

@media screen and (max-width: 1399px) and (min-width: 768px){

/* ============================
		mainVisual
 ============================ */

.mainVisual {
margin-bottom: 10px;
}

.mainVisual h1 {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 20px;
font-weight: bold;
color: #3c3737;
text-align: center;
}

.mainVisual .visual {
line-height: 1.0em;
}

.mainVisual .visual img {
width: 100%;
}



/* ============================
		headlineCatch
 ============================ */

.headlineCatch{
margin: 0 auto;
padding: 40px 0;
border-bottom: 1px solid #cecdcd;
}

.headlineCatch  p {
font-size: 13px;
line-height: 1.7em;
margin-bottom: 1.0em;
padding:0 40px;
}





/* ============================
		newsReservationSection
 ============================ */

.newsReservationSection .direction {
display:-moz-box;
display:-webkit-box;
display:-o-box;
display:-ms-box;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-o-box-orient:vertical;
-ms-box-orient:vertical;
-moz-box-direction:normal;
-webkit-box-direction:normal;
-o-box-direction:normal;
-ms-box-direction:normal;
}

.newsReservationSection .newsBlock {
-moz-box-ordinal-group:2;
-webkit-box-ordinal-group:2;
-moz-box-ordinal-group:2;
-ms-box-ordinal-group:2;
}

.newsReservationSection .reservationBlock {
-moz-box-ordinal-group:1;
-webkit-box-ordinal-group:1;
-o-box-ordinal-group:1;
-ms-box-ordinal-group:1;
}



.newsReservationSection .container {
} 

/* newsBlock */

.newsReservationSection .newsBlock {
padding: 0;
margin: 0;
}

.newsReservationSection .newsBlock h2 {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 30px;
font-weight: normal;
color: #3c3737;
line-height: 1.0em;
letter-spacing: 3px;
text-align: center;
margin-bottom: 30px;
}

.newsReservationSection .newsBlock h2 .inner {
display: inline-block;
line-height: 1.0em;
border-top:4px solid #3c3737;
padding: 10px 10px 0 13px;
text-align: center;
}

.newsReservationSection .newsBlock h2 .script {
display:block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 12px;
line-height: 1.0em;
margin-top: 2px;
}

.newsReservationSection .newsBlock .newsList {
padding: 0 50px;
}

.newsReservationSection .newsBlock .newsList li a {
display: block;
color: #000;
}
.newsReservationSection .newsBlock .newsList li .photo {
float: left;
width: 240px;

}
.newsReservationSection .newsBlock .newsList li .photo img {
width: 240px;
height: auto;
}

.newsReservationSection .newsBlock .newsList .iBody {
float: right;
width: calc(100% - 280px);
}

.newsReservationSection .newsBlock .newsList .headline {
display: block;
margin-bottom: 15px;
}

.newsReservationSection .newsBlock .newsList .headline  .theme {
background-color: #3c3737;
display: inline-block;
font-size: 14px;
color: #fff;
padding: 1px 0.5em;
}

.newsReservationSection .newsBlock .newsList .headline .date {
font-size: 14px;
margin-left:0.5em;
}

.newsReservationSection .newsBlock .newsList .title {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}

.newsReservationSection .newsBlock .newsList .body {
display: block;
font-weight: 13px;
line-height: 1.7em;
}
.newsReservationSection .newsBlock .newsListc img {
    width: 100%;
    margin: 0px auto;
    text-align: center;
}

.newsReservationSection .newsBlock .newsListc p {
    width: 90%;
    text-align: center;
    margin: 0 auto;
    padding: 20px;
    line-height: 1.7em;
}



/* reservationBlock */


.newsReservationSection .reservationBlock {
border-top: 1px solid #cecdcd;
border-bottom: 1px solid #cecdcd;
display: table;
width: 100%;
border-collapse: collapse;
}

.newsReservationSection .reservationBlock .wrap {
display: table-cell;
vertical-align: top;
width: calc(100% -281px;);
background-color: #f0f0f0;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstaynaha/module/top/images/bg002.png);
background-repeat: repeat-x;
padding: 30px 20px 10px 20px;
}


.newsReservationSection .reservationBlock h2 {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 28px;
font-weight: normal;
color: #3c3737;
line-height: 1.0em;
text-align: center;
letter-spacing: 3px;

}

.newsReservationSection .reservationBlock h2 .script {
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1.5em;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstaynaha/module/top/images/bg001.gif);
background-repeat: repeat-x;
background-position: center center;
letter-spacing: 5px;
padding: 0 30px;
margin-left:10px;
}

.newsReservationSection .reservationBlock h2 .script span {
display: inline-block;
padding: 0 10px;
background-color: #f0f0f0;
}

.newsReservationSection .reservationBlock .tabmenu {
padding: 15px 0 0 0;
}

.newsReservationSection .reservationBlock .tabmenu .tab {
display: block;
text-align: center;
border-bottom: 1px solid #727171;
}


.newsReservationSection .reservationBlock .tabmenu .tab li {
font-size: 14px;
display: inline-block;
line-height: 1.0em;
padding: 10px 50px;
margin: 0 5px;
border: 1px solid #727171;
border-bottom: none;
}

.newsReservationSection .reservationBlock .tabmenu .tab li.select {
background-color: #727171;
color: #fff;
}

.newsReservationSection .reservationBlock .tabmenu .content {
padding: 20px 0 0 0;
}

.tabmenu .hide{ display:none; }

.newsReservationSection .reservationBlock .formBody {
width: 400px;
margin: 0 auto;
}


.newsReservationSection .reservationBlock .checkinn {
margin: 10px 0;
float: left;
}

.newsReservationSection .reservationBlock .checkinn dt {
float: left;
}

.newsReservationSection .reservationBlock .checkinn dd {
float: left;
padding-left: 5px;
padding-top: 5px;
}


.newsReservationSection .reservationBlock .checkinn input[type=text] {
-moz-appearance: none;
-webkit-box-sizing: none;
-webkit-appearance: none;
appearance: none;
border: none;
border: 1px solid #9b9999;
background-color: #fff;
font-size: 14px;
color: #000;
padding: 5px;
border-radius: 3px;
position: relative;
top: -6px;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstaynaha/module/top/images/calender.png);
background-repeat: no-repeat;
background-position: right 5px center;
width: 160px;
}

.newsReservationSection .reservationBlock .noneSchedule {
margin: 10px 0;
}

.newsReservationSection .reservationBlock .selectDetail {
margin: 0px 0;
}

.newsReservationSection .reservationBlock .selectDetail li {
float: left;
margin: 0 30px 0 0;
margin-bottom: 10px;
}
.newsReservationSection .reservationBlock .selectDetail li:last-child {
margin-right: 0;
}

.newsReservationSection .reservationBlock .selectDetail select {
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
font-size:14px;
color: #000;
text-align:center;
padding:5px 30px 5px 10px;
width: 30px;
border: 1px solid #9b9999;
background-color: #fff;
border-radius:3px;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstaynaha/module/top/images/mark002.svg);
background-repeat:no-repeat;
background-position:right 5px center;
background-size: auto 20px;
margin-left: 5px;
}
.newsReservationSection .reservationBlock .selectDetail select::-ms-expand {
    display: none;
}

.newsReservationSection .reservationBlock .noneSchedule {
float: left;
margin-left: 40px;
}


.noneSchedule input[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}


.noneSchedule label {
  position: relative;
  display: block;
  word-break: break-all;
}
.noneSchedule label input[type="checkbox"] + span {
  position: relative;
  padding: 3px 30px 0 26px;
}

.noneSchedule label span {
display: inline-block;
}
.noneSchedule label input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.noneSchedule label input[type="checkbox"] + span::before, .noneSchedule label input[type="checkbox"] + span::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: '';
box-sizing: border-box;
}
.noneSchedule label input[type="checkbox"] + span::before {
z-index: 0;
background-color: #fff;;
width: 18px;
height: 18px;
border: 1px #9b9999 solid;
border-radius: 3px;
}
.noneSchedule label input[type="checkbox"] + span::after {
z-index: 1;
margin: 3px 6px;
width: 6px;
height: 9px;
}
.noneSchedule label input[type="checkbox"]:checked + span::before {
background-color: #616161;
}
.noneSchedule label input[type="checkbox"]:checked + span::after {
border: 1px solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}


.newsReservationSection .reservationBlock .typeSubmit {
text-align: center;
padding: 10px 0;

}

.newsReservationSection .reservationBlock .submitBtn {
width: 200px;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
font-size:18px;
color: #fff;
text-align:center;
padding:5px 30px;
border: 1px solid #9b9999;
background-color: #3c3737;
}

.newsReservationSection .reservationBlock .confirm {
margin: 10px 0;
text-align: center;
}

.newsReservationSection .reservationBlock .confirm a {
color: #000;
}



/* bestRate */

.newsReservationSection .reservationBlock  .bestRate {
display: table-cell;
width: 240px;
padding: 0px 20px;
vertical-align: middle;
}


.newsReservationSection .reservationBlock  .bestRate h3 {
text-align: center;
font-size: 16px;
font-weight: bold;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstaynaha/module/top/images/mark_best_rate001.jpg);
background-repeat: no-repeat;
background-position: center top;
padding-top: 80px;
margin-bottom: 20px
}

.newsReservationSection .reservationBlock  .bestRate p {
font-size: 12px;
}

.newsReservationSection .reservationBlock .bestRate .link {
  text-align: center;
  margin: 10px 0 0;
}

.newsReservationSection .reservationBlock .bestRate .link a {
  color: #3c3737;
  font-size: 13px;
  text-decoration: underline;
}


/* ============================
		roomSection
 ============================ */

.roomSection {
margin-bottom: 50px;
max-width: 100%;
text-align: center;
}

.roomSection .container {
border-top: 1px solid #cecdcd;
}

.roomSection .headline {
}

.roomSection .headTitle,
.roomSection h2 {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 30px;
font-weight: normal;
color: #3c3737;
line-height: 1.0em;
letter-spacing: 3px;
text-align: center;
margin-bottom: 15px;
}

.roomSection .headTitle .inner,
.roomSection h2 .inner {
display: inline-block;
line-height: 1.0em;
border-top:4px solid #3c3737;
padding: 10px 10px 0 13px;
text-align: center;
color: #3c3737;
}

.roomSection .headTitle .script,
.roomSection h2 .script {
display:block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 12px;
color: #3c3737;
line-height: 1.0em;
margin-top: 2px;
}

.roomSection .headline .catch {

font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 18px;
color: #3c3737;
line-height: 1.4em;
text-align: center;
margin-bottom: 30px;
}

.roomSection .photoen {
    display: inline-flex;

}
.roomSection .photoen li {
margin-right: 5px;
}
.roomSection .photoen li:last-child {
margin-right: 0px;
}

.roomSection .photoen li img {
width: 250px;
text-align: center;

}

.roomSection .photoen li p {
text-align: left;
    margin-bottom: 5%;
}
.roomSection p.unv {
text-align: center;
}
.roomSection .photo {
padding-left: 32px;
}

.roomSection .photo li {
float: left;
width: 45%;
margin: 2%;
}
.roomSection .photo li:last-child {
margin-right: 0;
}

.roomSection .photo li img {
width: 100%;
height: auto;
}
.roomSection .room_fa {
    text-align: center;
}

.roomSection .room_fa h3 {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 20px;
padding:40px 10px 20px 0;
}
.roomSection .room_fa img {

}

.roomSection .room_fa .fapc table {
    border-collapse: collapse;
    font-size: 12px;
    line-height: 1.2em;
    margin: 5px;
}
.roomSection .room_fa .fapc table th {
    padding: 8px 16px;
    background: #e4e4e4;
    vertical-align: middle;
    font-weight: bold;
}

.roomSection .room_fa .fapc table td {
    padding: 8px 16px;
    vertical-align: top;
}

.roomSection .fasp {
display: none;
}

/* ============================
		breakfastSection
 ============================ */

.breakfastFacilities {
display: table;
width: calc(100% - 20px);
border-collapse: collapse;
}
 
 
.breakfastSection {
display: table-cell;
width: 50%;
border-top: 1px solid #cecdcd;
padding-bottom: 50px;
}

.breakfastSection .headline {
}

.breakfastSection .headTitle,
.breakfastSection h2 {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 30px;
color: #3c3737;
font-weight: normal;
line-height: 1.0em;
letter-spacing: 3px;
text-align: center;
margin-bottom: 15px;
}

.breakfastSection .headTitle .inner,
.breakfastSection h2 .inner {
display: inline-block;
line-height: 1.0em;
border-top:4px solid #3c3737;
padding: 10px 10px 0 13px;
text-align: center;
margin-left: 32px;
}

.breakfastSection .headTitle .script,
.breakfastSection h2 .script {
display:block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 12px;
line-height: 1.0em;
margin-top: 2px;
}

.breakfastSection .headline .catch {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 18px;
color: #3c3737;
line-height: 1.4em;
text-align: center;
margin-bottom: 30px;
}

.breakfastSection .photo {
display: block;
text-align: center;
}

.breakfastSection .photo img {
width: 80%;
height: auto;
}


/* ============================
		facilitiseSection
 ============================ */
 
.facilitiseSection {
display: table-cell;
width: 50%;
border-top: 1px solid #cecdcd;
border-left: 1px solid #cecdcd;
padding-bottom: 50px;
}

.facilitiseSection .headline {
}

.facilitiseSection .headTitle,
.facilitiseSection h2 {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 30px;
color: #3c3737;
font-weight: normal;
line-height: 1.0em;
letter-spacing: 3px;
text-align: center;
margin-bottom: 15px;
}

.facilitiseSection .headTitle .inner,
.facilitiseSection h2 .inner {
display: inline-block;
line-height: 1.0em;
border-top:4px solid #3c3737;
padding: 10px 10px 0 13px;
}

.facilitiseSection .headTitle .script,
.facilitiseSection h2 .script {
display:block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 12px;
line-height: 1.0em;
margin-top: 2px;
}

.facilitiseSection .headline .catch {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 18px;
color: #3c3737;
line-height: 1.4em;
text-align: center;
margin-bottom: 30px;
}

.facilitiseSection .photo {
display: block;
text-align: center;
}

.facilitiseSection .photo img {
width: 80%;
height: auto;
}

/* ============================
		breakfastSection en
 ============================ */

.breakfastFacilities1 {
}
 
 
.breakfastSection1 {
border-top: 1px solid #cecdcd;
padding-bottom: 100px;
}

.breakfastSection1 .headline {
height: 135px;
}

.breakfastSection1 .headTitle,
.breakfastSection h2 {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 36px;
font-weight: normal;
color: #3c3737;
line-height: 1.0em;
letter-spacing: 3px;
float: left;
width: 260px;
}

.breakfastSection1 .headTitle .inner,
.breakfastSection1 h2 .inner {
display: inline-block;
line-height: 1.0em;
border-top:6px solid #3c3737;
padding: 20px 10px 0 13px;
text-align: center;
margin-left: 32px;
}

.breakfastSection1 .headTitle .script,
.breakfastSection1 h2 .script {
display:block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 14px;
line-height: 1.0em;
margin-top: 2px;
}

.breakfastSection1 .headline .catch {
float: right;
display: block;
width: calc(100% - 260px);
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 24px;
color: #3c3737;
line-height: 1.4em;
padding-top:25px;
}

.breakfastSection1 .photo {
    text-align: center;

}

.breakfastSection1 .photo img {

}

.breakfastSection1 .photopc table {
    text-align: center;
    margin: 0 auto;
    
  }
.breakfastSection1 . photopc.table th td {
    vertical-align: middle;
    font-weight: bold;
    border:0px;
}

.breakfastSection1 .photosp {
display: none;
}




/* ============================
		touristSpot
 ============================ */
 
.touristSpot .container {
border-top: 1px solid #cecdcd;
padding-bottom: 100px;
}

.touristSpot .headline {
}

.touristSpot .headTitle,
.touristSpot h2 {
display: block;
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 30px;
font-weight: normal;
color: #3c3737;
line-height: 1.0em;
letter-spacing: 3px;
text-align: center;
margin-bottom: 15px;
}

.touristSpot .headTitle .inner,
.touristSpot h2 .inner {
display: inline-block;
line-height: 1.0em;
border-top:4px solid #3c3737;
padding: 10px 10px 0 13px;
text-align: center;
}

.touristSpot .headTitle .script,
.touristSpot h2 .script {
display:block;
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-size: 12px;
line-height: 1.0em;
margin-top: 2px;
}

.touristSpot .headline .catch {
font-family: "Georgia","Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", "HGS明朝E", "HG明朝E", "ＭＳ Ｐ明朝", "Sawarabi Mincho", Meiryo, serif;
font-size: 18px;
color: #3c3737;
line-height: 1.4em;
text-align: center;
margin-bottom: 30px;
}


.touristSpot .photoGallery {
margin: 0 20px;
}

.touristSpot .photoGallery li {
float: left;
width: 30%;
margin-right: 4%;
}

.touristSpot .photoGallery li:last-child {
margin-right: 0;
}

.touristSpot .photoGallery a {
display: block;
color: #000;
}

.touristSpot .photoGallery .photo {
margin-bottom: 5px;
}


.touristSpot .photoGallery iframe {
    width: 100%;
}

.touristSpot .photoGallery img {
width: 100%;
height: auto;
}

.touristSpot .photoGallery .title {
display: block;
font-size: 16px;
font-weight: bold;
margin-bottom: 5px;
}

.touristSpot .photoGallery .body {
display: block;
font-size: 13px;
line-height: 1.6em;
margin-bottom: 20px;
}

.touristSpot .photoGallery .more {
display: inline-block;
font-size: 13px;
background-image: url(/import/tenant_1/www.hotelwbf.com/artstaynaha/module/top/images/mark001.jpg);
background-repeat: no-repeat;
background-position: right center;
padding-right: 12px;

}

.touristSpot .accesspc table img{
max-width: 300px;
margin-bottom: 20px;
}
.touristSpot table h3{
font-size: 16px;
font-weight: bold;
}
.touristSpot table td {
    vertical-align: top;
}
.touristSpot .accesssp
{
display: none;
}

}

/* バナースライド用 */

.uk-slider ul li a img {
    pointer-events: auto;
}