/* ----------------------------------------------------------------

  Site Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .cmn-calendar
----------------------------------------------------------------- */
@media (min-resolution:192dpi){
.cmn-calendar{
transform:scale(.999);
}
}


/* ----------------------------------------------------------------
  .cmn-tip-btn
----------------------------------------------------------------- */
.pet-search-item-hdg .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
right:12px;
}

.pet-search-num .child .cmn-tip-btn{
margin:auto 0;
position:absolute;
top:0;
bottom:0;
left:48px;
}




/* ----------------------------------------------------------------

  Menu Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .form-search modify
----------------------------------------------------------------- */
/* .form-search-hdg
----------------------------------------------------------------- */
.pet .form-search-hdg{
padding-right:24px;
}

.pet .form-search-hdg > h2{
font-weight:normal;
font-size:12px;
}

.pet .form-search-hdg .cmn-tip-btn{
right:12px;
}

.pet .form-search-hdg.no-tip-btn{
padding-right:12px;
}

/* .form-search-item
----------------------------------------------------------------- */
.form-search.pet-search .form-search-item > .form-search-item-cell:first-child{
width:110px;
}

/* .form-search-item-lyt > .form-search-item
----------------------------------------------- */
.pet-search .form-search-item-lyt .form-search-item.room-num{
width:297px;
}

/* .form-search-item-lyt
----------------------------------------------------------------- */
.pet-search .form-search-item-lyt{
gap:21px;
}

.pet-search .form-search-item-lyt > div:first-child{
-webkit-box-flex:0;
flex:none;
width:335px;
}

.pet-search .form-search-item-lyt > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .form-search-btn
----------------------------------------------------------------- */
.pet-search .form-search-btn,
.pet-search .form-search-btn-01{
width:100%;
min-height:34px;
box-shadow:none;
font-size:14px;
}

.pet-search .form-search-btn-01{
padding-left:16px;
}

/* .form-search-date-btn
----------------------------------------------------------------- */
.pet-search .form-search-date-btn{
width:225px;
}

/* .form-search-num
----------------------------------------------------------------- */
.pet-search .form-search-num > li.adult > label .form-search-select{
width:65px;
}

.pet-search .form-search-num > li.child .form-search-btn-01{
width:106px;
}

.pet-search .form-search-num > li.adult > label > span:first-child{
padding:6px 0 4px 8px;
font-size:14px;
}


/* ----------------------------------------------------------------
  .seo
----------------------------------------------------------------- */
/* .seo-index
----------------------------------------------------------------- */
.pet .seo-index{
margin-top:0;
padding-top:0;
border-image:none;
background-color:transparent;
}

/* .seo-ranking-hotel
----------------------------------------------------------------- */
.pet-toggle-content > .seo-ranking-hotel:first-child{
margin-top:0;
}





/* ----------------------------------------------------------------

  Pet LP Component Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  .pet-header
----------------------------------------------------------------- */
/* .pet-header
----------------------------------------------------------------- */
.pet-header{
padding:20px 20px 26px;
position:relative;
}

.pet-header::before{
position:absolute;
left:0;
top:523px;
width:100%;
height:28px;
content:"";
display:block;
background:linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
}

/* .pet-header-hdg
----------------------------------------------------------------- */
.pet-header-hdg{
padding-bottom:20px;
color:#fff;
box-sizing:border-box;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
height:235px;
text-shadow:0 2px 3px #000;
font-size:32px;
font-weight:bold;
}

/* .pet-header-image
----------------------------------------------------------------- */
.pet-header-image{
position:absolute;
top:0;
left:0;
z-index:-1;
width:100%;
height:550px;
overflow:hidden;
}

/* .pet-header-sup
----------------------------------------------------------------- */
.pet-header-sup{
color:rgba(255,255,255,.7);
display:block;
position:absolute;
top:530px;
right:8px;
font-size:12px;
}


/* ----------------------------------------------------------------
  .pet-search
----------------------------------------------------------------- */
/* .pet-search
----------------------------------------------------------------- */
.pet-search{
margin:0;
padding:20px;
border-radius:8px;
color:var(--cmn-font-color-base);
position:relative;
box-shadow:0 1px 6px rgba(32,33,36,.4);
background-color:rgba(255,255,255,.85);
font-size:12px;
}

/* .pet-search-hdg
----------------------------------------------------------------- */
.pet-search-hdg{
margin:18px 0 4px;
font-weight:normal;
}

/* .pet-search-list
----------------------------------------------------------------- */
.pet-search-list{
max-width:780px;
display:-webkit-box;
display:flex;
flex-wrap:wrap;
gap:4px 16px;
}

.pet-search-list > li{
width:15%;
}

.pet-search-list > .full{
margin-bottom:8px;
width:100%;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pet-search-list > .wide{
width:28%;
}

.pet-search-list label{
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
cursor:pointer;
width:fit-content;
gap:0 4px;
}

.pet-search-list label > span{
-webkit-box-flex:1;
flex:1;
}

.pet-search-list .is-disabled{
color:#ccc;
cursor:default;
}

/* .pet-search-lyt
----------------------------------------------------------------- */
.pet-search-lyt{
display:-webkit-box;
display:flex;
display:-webkit-box;
display:flex;
-webkit-box-align:end;
align-items:flex-end;
}

.pet-search-lyt > div:first-child{
-webkit-box-flex:1;
flex:1;
}

.pet-search-lyt > div:last-child{
width:170px;
text-align:center;
display:-webkit-box;
display:flex;
flex-direction:column;
gap:12px;
}

.pet-search-lyt > div:last-child > p{
-webkit-box-flex:1;
flex:1;
}

/* .pet-search-btn
----------------------------------------------------------------- */
.pet-search-btn{
border:none;
border-radius:6px;
color:#fff;
width:100%;
height:40px;
display:block;
background-color:var(--button-color);
font-size:16px;
font-weight:bold;
}

.pet-search-btn:active,
.pet-search-btn:hover,
.pet-search-btn:focus{
background-color:var(--button-color-hover);
}


/* ----------------------------------------------------------------
  .pet-hdg
----------------------------------------------------------------- */
.pet-hdg{
margin:50px 0 25px;
font-size:18px;
}


/* ----------------------------------------------------------------
  .pet-toggle
----------------------------------------------------------------- */
/* .pet-toggle-content
----------------------------------------------------------------- */
.pet-toggle-content{
display:none;
}

.pet-toggle[aria-expanded=true] .pet-toggle-content{
display:block;
}

/* .pet-toggle-hook
----------------------------------------------------------------- */
.pet-toggle-hook{
margin:12px auto 0;
border:1px solid #ddd;
border-radius:4px;
display:block;
width:180px;
height:37px;
background-color:#f5f5f5;
font-size:14px;
}

.pet-toggle-hook > span{
padding-left:16px;
display:inline-block;
background:url(/element/j_hotel/shared/images/icon-arrow-down.svg) 0 50% no-repeat;
background-size: 8px auto;
}

.pet-toggle[aria-expanded=true] .pet-toggle-hook > span{
background-image:url(/element/j_hotel/shared/images/icon-arrow-up.svg);
}



/* ----------------------------------------------------------------
  .pet-manual
----------------------------------------------------------------- */
/* .pet-manual-hdg-l3
----------------------------------------------------------------- */
.pet-manual-hdg-l3{
margin:12px 0;
padding-top:12px;
border-top: 1px solid #ddd;
font-size:16px;
font-weight:normal;
}

.pet-manual > .pet-manual-hdg-l3:first-child{
margin-top:0;
padding-top:0;
border-top: none;
}

/* .pet-manual-hdg-l4
----------------------------------------------------------------- */
.pet-manual-hdg-l4{
margin:16px 0 8px;
font-size:14px;
}

.pet-manual-hdg-l3 + .pet-manual-hdg-l4{
margin-top:12px;
}

/* .pet-manual-list
----------------------------------------------------------------- */
.pet-manual-list > li{
padding-left:16px;
position:relative;
}

.pet-manual-list>li::before{
content:'\30fb';
display:block;
position:absolute;
top:0;
left:0;
}

.pet-manual-list > li:not(:first-child){
margin-top:16px;
}

.pet-manual-list > li > em{
margin-bottom:4px;
display:block;
}

/* .pet-manual-toggle-full > .pet-manual-list
----------------------------------------------- */
.pet-manual-toggle-full .pet-manual-list{
margin-top:16px;
}

/* .pet-manual-list-separate
----------------------------------------------------------------- */
.pet-manual-list-separate{
border-width:1px 1px 0 1px;
border-style:solid;
border-color:#ddd;
}
.pet-manual-list-separate > li{
border-bottom:1px solid #ddd;
display:-webkit-box;
display:flex;
-webkit-box-align:stretch;
align-items:stretch;
}

.pet-manual-list-separate > li > div{
padding:8px 12px;
display:-webkit-box;
display:flex;
-webkit-box-align:center;
align-items:center;
}

.pet-manual-list-separate > li > div:first-child{
border-right:1px solid #ddd;
width:14em;
background-color:#f5f5f5;
}

.pet-manual-list-separate > li > div:last-child{
-webkit-box-flex:1;
flex:1;
}

/* .pet-manual-toggle-full > .pet-manual-list-separate
----------------------------------------------- */
.pet-manual-toggle-full .pet-manual-list-separate{
border-top:none;
}



/* ----------------------------------------------------------------
  .pet-manual-toggle
----------------------------------------------------------------- */
/* .pet-manual-toggle-omit-ellipsis
----------------------------------------------------------------- */
.pet-manual-toggle-omit-ellipsis{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

/* .pet-manual-toggle.is-active > .pet-manual-toggle-omit-ellipsis
----------------------------------------------- */
.pet-manual-toggle.is-active .pet-manual-toggle-omit-ellipsis{
display:block;
overflow:visible;
}

/* .pet-manual-toggle-full
----------------------------------------------------------------- */
.pet-manual-toggle-full{
display:none;
}

.pet-manual-toggle.is-active .pet-manual-toggle-full{
display:block;
}

/* .pet-manual-toggle-btn
----------------------------------------------------------------- */
.pet-manual-toggle-btn{
margin:8px 0 0 auto;
padding:0;
border:none;
color:#a4a4a4;
display:block;
background-color:transparent;
font-size:14px;
}

/* .pet-manual-toggle.is-active > .pet-manual-toggle-btn
----------------------------------------------- */
.pet-manual-toggle.is-active .pet-manual-toggle-btn{
padding:0 0 0 12px;
color:var(--cmn-font-color-base);
background: url(/element/j_hotel/shared/images/icon-arrow-up.svg) 0 50% no-repeat;
background-size: 8px auto;
}