<div class="pickup">
<div class="pickup_bg0">
<div class="pickup_bg1">
<p class="text"><a href="./detail.php?dp=20190418232346">2019年4月</a></p>

<h3><a href="./detail.php?dp=20190418232346">新館オープン</a></h3>

<div class="arrow_down"> </div>
</div>
</div>
</div>

/*----------------------------------
191008 nav 変更
--------------------------------------*/
@media screen and (min-width:681px){
nav.gnav li a {
background: url(../img/nav02.png) no-repeat 0 0;
}
nav.gnav li.nav01.current a , nav.gnav li.nav01 a ,nav.gnav li.nav01 a:hover{
width:90px;
}
nav.gnav li.nav02.current a , nav.gnav li.nav02 a ,nav.gnav li.nav02 a:hover{
width:132px;
}
nav.gnav li.nav03.current a , nav.gnav li.nav03 a ,nav.gnav li.nav03 a:hover{
width:88px;
}
nav.gnav li.nav04.current a , nav.gnav li.nav04 a ,nav.gnav li.nav04 a:hover{
width:138px;
}
nav.gnav li.nav05.current a , nav.gnav li.nav05 a ,nav.gnav li.nav05 a:hover{
width:147px;
}
nav.gnav li.nav06.current a , nav.gnav li.nav06 a ,nav.gnav li.nav06 a:hover{
width:120px;
}
nav.gnav li.nav07.current a , nav.gnav li.nav07 a ,nav.gnav li.nav07 a:hover{
width:143px;
}
nav.gnav li.nav08.current a , nav.gnav li.nav08 a ,nav.gnav li.nav08 a:hover{
width:102px;
}
nav.gnav li.nav02 a {
background-position:-90px 0px;
}
nav.gnav li.nav02.current a{
background-position:-90px -120px;
}
nav.gnav li.nav02 a:hover {
background-position: -90px -60px;
}
nav.gnav li.nav03 a{
background-position:-222px 0px;
}
nav.gnav li.nav03.current a{
background-position:-222px -120px;
}
nav.gnav li.nav03 a:hover {
background-position: -222px -60px;
}
nav.gnav li.nav04 a {
background-position:-310px 0px;
}
nav.gnav li.nav04.current a{
background-position:-310px -120px;
}
nav.gnav li.nav04 a:hover {
background-position: -310px -60px;
}
nav.gnav li.nav05 a  {
background-position:-448px 0px;
}
nav.gnav li.nav05.current a{
background-position:-448px -120px;
}
nav.gnav li.nav05 a:hover {
background-position: -448px -60px;
}
nav.gnav li.nav06 a  {
background-position:-595px 0px;
}
nav.gnav li.nav06.current a{
background-position:-595px -120px;
}
nav.gnav li.nav06 a:hover {
background-position: -595px -60px;
}
nav.gnav li.nav07 a  {
background-position:-715px 0px;
}
nav.gnav li.nav07.current a{
background-position:-715px -120px;
}
nav.gnav li.nav07 a:hover {
background-position: -715px -60px;
}
nav.gnav li.nav08 a {
background-position:-858px 0px;
}
nav.gnav li.nav08.current a{
background-position:-858px -120px;
}
nav.gnav li.nav08 a:hover {
background-position: -858px -60px;
}}
/*----------------------------------
191204 nav 差し替え
--------------------------------------*/
@media screen and (min-width:681px){
nav.gnav li a {
background: url(../img/nav03.png) no-repeat 0 0;
}
}
/*----------------------------------
200205 客室一覧に一覧追加
--------------------------------------*/
#page-rooms a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
#page-rooms p.btn01{margin-top:20px;}
#roomlist{width:100%;text-align: center;}
#roomlist a{text-decoration: none;color:#000}
#roomlist li{width:23%;display:inline-block;margin-right:10px;margin-bottom:20px;vertical-align: top;}
#roomlist li:hover{opacity: 0.7}
#roomlist li:nth-of-type(4n){margin-right:0px;}
#roomlist li img{width:100%;height:auto;}
#roomlist ul li dl dt , #roomlist ul li dl dd{font-size:0.9rem}
#roomlist ul li dl dt {font-weight:bold;}
/*--SP--*/
@media screen and (max-width:680px){
#roomlist li{width:48%;display:inline-block;margin-right:5px;margin-bottom:10px;}
#roomlist li:nth-of-type(2n){margin-right:0px;}
#roomlist li a{letter-spacing: -2px;font-size:0.9rem;}
}
@media screen and (min-width:440px){
#page-rooms .sp_tight{display:none}
}
@media screen and (max-width:360px){
#roomlist li a{font-size:0.7rem;line-height:0.8}
#roomlist li {line-height:1.2}
}
@media screen and (max-width:295px){
#roomlist li{width:100%;}
}
/*----------------------------------
200421 nav調整
--------------------------------------*/
/* default */
nav.gnav li.nav01 a {
	width: 90px;
	background-position: 0px 0px;
}
nav.gnav li.nav02 a {
	width: 125px;
	background-position: -97px 0px;
}
nav.gnav li.nav03 a {
	width: 88px;
	background-position: -222px 0px;
}
nav.gnav li.nav04 a {
	width: 137px;
	background-position: -310px 0px;
}
nav.gnav li.nav05 a {
	width: 146px;
	background-position: -447px 0px;
}
nav.gnav li.nav06 a {
	width: 122px;
	background-position: -593px 0px;
}
nav.gnav li.nav07 a {
	width: 142px;
	background-position: -715px 0px;
}
nav.gnav li.nav08 a {
	width: 103px;
	background-position: -857px 0px;
}
/* hover */
nav.gnav li.nav01 a:hover {
	width: 90px;
	background-position: 0px -60px;
}
nav.gnav li.nav02 a:hover {
	width: 125px;
	background-position: -97px -60px;
}
nav.gnav li.nav03 a:hover {
	width: 88px;
	background-position: -222px -60px;
}
nav.gnav li.nav04 a:hover {
	width: 137px;
	background-position: -310px -60px;
}
nav.gnav li.nav05 a:hover {
	width: 146px;
	background-position: -447px -60px;
}
nav.gnav li.nav06 a:hover {
	width: 122px;
	background-position: -593px -60px;
}
nav.gnav li.nav07 a:hover {
	width: 142px;
	background-position: -715px -60px;
}
nav.gnav li.nav08 a:hover {
	width: 103px;
	background-position: -857px -60px;
}
/* current */
nav.gnav li.nav01.current a {
	width: 90px;
	background-position: 0px -120px;
}
nav.gnav li.nav02.current a {
	width: 125px;
	background-position: -97px -120px;
}
nav.gnav li.nav03.current a {
	width: 88px;
	background-position: -222px -120px;
}
nav.gnav li.nav04.current a {
	width: 137px;
	background-position: -310px -120px;
}
nav.gnav li.nav05.current a {
	width: 146px;
	background-position: -447px -120px;
}
nav.gnav li.nav06.current a {
	width: 122px;
	background-position: -593px -120px;
}
nav.gnav li.nav07.current a {
	width: 142px;
	background-position: -715px -120px;
}
nav.gnav li.nav08.current a {
	width: 103px;
	background-position: -857px -120px;
}

/*----------------------------------
    200707 空室検索追加、検索パネル非表示
    --------------------------------------*/
    
    @media screen and (max-width:680px) {

        #reservation_area {
            display: none;
        }
        
        .header-inner-inner {
            display: flex;
            align-items: flex-start;
        }
        
        .header_reservation_wrap {
            color: #fff;
            background-color: #333;
            font-size: 14px;
            line-height: 1;
            height: 40px;
            width: 21%;
            display: flex;
            justify-content: center;
            align-items: center;
            text-decoration: none;
            position: absolute;
            right: 98px;
            top: 5px;
        }
        
        .header_reservation {
            position: relative;
            margin-left: 5px;
        }
        
        .header_reservation::before {
            display: block;
            content: "";
            position: absolute;
            border-left: 5px solid #fff;
            border-right: 5px solid transparent;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            left: -6px;
            top: 0px;
        }

    }

/*----------------------------------
    210914 SPおすすめプランレイアウト調整
    --------------------------------------*/
@media screen and (max-width:680px) {
#recommends .column-inner,
.recommends_area .column-inner{
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
#recommends .column-inner .photos-left,
.recommends_area .column-inner .photos-left{
	width: 48%!important;
}
#recommends .column-inner .photos-left img,
.recommends_area .column-inner .photos-left img{
	margin: 0;
	vertical-align: bottom;
}
#recommends .column-inner .plandetail-left,
.recommends_area .column-inner .plandetail-left{
	width: 50%;
	margin: 0;
}
#recommends .column-inner .plandetail-left h3,
.recommends_area .column-inner .plandetail-left h3{
	margin: 0;
	font-size: 15px;
}
#recommends .column-inner .plandetail-left h3 a,
.recommends_area .column-inner .plandetail-left h3 a{
	text-decoration: none;
}
#recommends .column-inner .plandetail-left p,
.recommends_area .column-inner .plandetail-left p{
	display: none;
}
}
/*----------------------------------
    210929 アンカーリンク
    --------------------------------------*/
@media screen and (max-width:680px){
.main-photo {
     height: calc( 321vw / 375 * 100 )!important;
}
#page-photogallery .photos-conformity-left img{
  height:  calc( 213vw / 375 * 100 ) !important;
  object-fit: cover;
}
}

    /*----------------------------------
    202111 検索パネル修正
    --------------------------------------*/
    #reservation_area .pulldownWrap {
        width: 170px;
    }
    
    #reservation_area .search_btn04 .reservetitle {
        margin: 0 0 6.5px 0;
    }
    
    #reservation_area .search_btn04 .reservetitle::after {
        content: '（1部屋あたり）';
    }
    
    #reservation_area .search_btn05 {
        padding-left: 80px;
    }

#news h3:after {
content: url(../img/arrow_g.png);
position: absolute;
top: 20px;
right: 5px;
}



 /*-- 20230510 S4導入 -----*/
#recommends{
  display: none;
}

/* 検索ボタンの文字色と背景色 */
.directin-sp-form .directin-sp-form-submit-button button {
        color: #ffffff;
        background: #acbc26;
  font-family: inherit;
}

/* 宿泊日・日程未定・人数・客室数の文字色 */
.directin-sp-form .directin-sp-form-input label .directin-sp-form-label,
.directin-sp-form .directin-sp-form-input label .directin-sp-form-checkbox-label,
.directin-sp-form .directin-sp-form-guest-room-input-group .directin-sp-form-guest-room-separator {
    color: #fff;
}

.directin-sp-form .directin-sp-form-input label .directin-sp-form-label{
  font-size: 14px;
}

#reservation_area
.directin-sp-form .directin-sp-form-date-input-group .directin-sp-form-date-input input[type="text"]{
  padding: 8px 8px 8px 38px;
}


#reservation_area{
  padding-top: 0;
}
#reservation_area .inner-inner{
  display: flex;
  align-items: center;
  gap:30px;
}

#reservation_area h3.search_title{
  float: none;
  margin-right: 0;
}


/*s4移行のアナウンス*/
.kensaku_announce{
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  text-align: center;
  padding: 30px 20px 40px;
  border-radius: 10px;
  border: 2px solid #acbc26;
}

.kensaku_announce h3{
  font-weight: bold;
  font-size: 20px;
}

.kensaku_announce p{
  margin-top: 30px;
}

@media screen and (max-width:680px){
  .kensaku_announce{
    margin-bottom: calc(40 / 375 *100vw);
    padding: calc(20 / 375 *100vw) calc(12 / 375 *100vw) calc(30 / 375 * 100vw);
    border-radius: calc(10 / 375 *100vw);
/*    border: 2px solid #acbc26;*/
  }

  .kensaku_announce h3{
    font-size: calc(16 / 375 *100vw);
  }

  .kensaku_announce p{
    margin-top: calc(20 / 375 *100vw);
    font-size: calc(14 / 375 *100vw);
  }
}

@media screen and (min-width:681px){
  .recommends_area .column img{
    width: 300px;
    height: 229px;
    object-fit: cover;
  }
}
.to_english{
  position: absolute;
  top: 45px;
  right: 0px;
  font-size: 20px;
}
@media screen and (max-width:680px){
  .to_english{
    top: 48px;
    right: 6px;
    font-size: 16px;
  }
}

 /*-- 20240911 HOMEスペース調整 -----*/

@media screen and (max-width:680px) {
#travelstyle {
    padding: 1px 0 30px;
    }

.content #travelstyle h2,
.content #top_1column h2 {
    margin: 30px 0 20px 0 !important;
    }
}

 /*-- 20241023 ヘッダーSNSアイコン追加 -----*/
header .cnav {
  top: 114px;
}
header .to_english {
  top: 70px;
}
header .header_sns {
  position: absolute;
  top: 30px;
  right: 0px;
}

@media screen and (max-width:680px) {
 /*
header {
  height: 114px;
}
header h1 a img {
  height: 80px;
}
header .to_english {
  top: 85px;
}
*/
header .to_english {
  top: 48px;
}
header .header_sns {
 /* top: 55px;
  right: 10px; */
  display: none;
}
}

 /*-- 20250121 特典 -----*/
#benefit .benefit-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  background-color: #c8bab1;
}
#benefit .column {
  flex: 1;
  padding: 10px 20px 20px;
  box-sizing: border-box;
  margin: 24px;
  background-color: #f2f1ec;
  border-radius: 8px;
}
#benefit h2 {
  font-size: 24px;
  font-weight: 600;
  color: #e67e22;
  margin: 40px auto 20px;
}
#benefit h3 {
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
}
#benefit .benefit-title {
  display: block;
  font-size: 20px;
  font-weight: 600;
  color: #e67e22;
  margin: 8px;
}
#benefit .benefit-description {
  font-size: 22px;
}

@media (max-width: 680px) {
  #benefit .benefit-container {
      margin: 0 -30px;
  }
}

@media (max-width: 767px) {
  #benefit .column {
      flex-basis: 100%;
      margin: 16px;
  }
}

 /*-- 20250324 特典改修 -----*/

@media (max-width: 679px) {
  .bestrate-sp img { width: 100%; height: auto;}
  .bestrate-sp { font-size:11px;}
  .bestrate-pc { display:none;}
}

@media (min-width: 680px) {
  .bestrate-pc { text-align:center;}
  .bestrate-pc img{ display: block; width: 390px; margin: 0 auto 10px; }
  .bestrate-pc-full img{ display: block; width: 390px;  margin: 0 auto 10px; }
  .bestrate-sp { display:none;}
}