@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 common
==================================================================================*/
main.dormyinnSubMenu,
main.dormyinnSubMenu.infoInkoZukanWrap {
  padding-top: 101px;
}
main.hotelsDetailSubMenu {
  padding-top: 106.4px;
}
.hotelsDetailTop main.hotelsDetailSubMenu {
  padding-top: 158.8px; 
}
main .caption {
  font-size: 10px;
}
main .commonCatch01 {
  font-size: 20px;
}
main .commonLead01 {
  font-size: 14px;
}
main .commonLead02 {
  font-size: 16px;
}
main .commonLead02.spSmall {
  font-size: 12px;
}
main .commonText01 {
  font-size: 13px;
}
main .commonText02 {
  line-height: 1.9;
  font-size: 13px;
}
main .topCouponBanner_2 img {
    width: 100vw;
    height: auto;
    display: block;
    margin: 0 auto;
}
main .commonTitle01 {
  padding-bottom: 30px;
  font-size: 22px;
}
main .commonTitle01.small {
  font-size: 16px;
}
main .commonTitle01.small02 {
  font-size: 18px;
}
main .commonTitle01 .en {
  padding-bottom: 10px;
}
main .commonTitle02 {
  font-size: 28px;
}
main .commonTitle02 .en {
  font-size: 44px;
}
main .commonTitle02 .en02 {
  padding-bottom: 15px;
}
main .commonTitle02.pattern02 {
  padding: 12px 3% 40px;
  font-size: 22px;
}
main .commonTitle02.pattern02 .en {
  left: 0;
  letter-spacing: 2px;
  font-size: 44px;
}
main .commonTitle03 {
  font-size: 20px;
}
main .commonTitle04 {
  font-size: 16px;
}
main .commonTitle05 {
  margin-bottom: 30px;
  font-size: 16px;
}
main .commonTitle05.small {
  margin-bottom: 20px;
  font-size: 15px;
}
main .commonTitle06 {
  margin-bottom: 20px;
  font-size: 22px;
}
main .commonTitle06 .small {
  font-size: 14px;
}
main .commonTitle07 {
  padding-bottom: 18px;
  font-size: 22px;
}
main .commonTitle07 .en {
  font-size: 15px;
}
main .commonTitle08 {
  gap: 0 6px;
  margin-bottom: 40px;
  height: 50px;
  font-size: 16px;
}
main .commonTitle08 img {
  width: 20px;
}
main .commonTitle09 {
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 14px;
}
main .commonTitle09:after {
  width: 60px;
  height: 2px;
}
main .commonTitle10 {
  margin-bottom: 30px;
  padding: 12px 0;
  font-size: 18px;
}
main .commonTitle11 {
  margin-bottom: 25px;
  padding: 0 25px;
  font-size: 16px;
}
main .commonTitle11:before, main .commonTitle11:after {
  top: calc(50% - 9px);
  width: 18px;
  height: 18px;
}
main .commonTitle11:before {
  left: 0;
}
main .commonTitle11:after {
  right: 0;
}
main .commonTitle12 {
  padding-bottom: 20px;
  font-size: 18px;
}
main .commonTitle12 span {
  padding: 0 8px 10px;
}
main .commonTitle12 span:after {
  width: 40px;
}
main .commonTitle13 {
  padding-bottom: 20px;
  font-size: 16px;
}
main .commonTitle14 {
  margin-bottom: 12px;
  padding: 3px 8px;
  border-left-width: 2px;
  font-size: 14px;
}
main .commonTitle15 {
  margin-bottom: 20px;
  padding-right: 50px;
  font-size: 16px;
}
main .commonTitle15:after {
  top: calc(50% + 8px);
}
main .commonTitle15 .en {
  margin-bottom: 3px;
  font-size: 12px;
}
main .commonButton01 {
  width: 70px;
}
main .commonButton01 a,
main .commonButton01 > span {
  padding: 10px 0;
  border-width: 1px;
  font-size: 10px;
}
main .commonButton01 a:after,
main .commonButton01 > span:after {
  border-left-width: 6px;
  border-bottom-width: 6px;
}
main .commonButton02 {
  padding-top: 40px;
  width: 94%;
  max-width: none;
  line-height: 1.4;
}
main .commonButton02 a,
main .commonButton02 span,
main .commonButton02 button {
  padding: 12px 0;
  font-size: 15px;
}
main .commonButton02 a:after,
main .commonButton02 span:after,
main .commonButton02 button:after {
  border-left-width: 11px;
  border-bottom-width: 11px;
}
main .commonButton03 {
  font-size: 14px;
}
main .commonButton03 a {
  padding: 5px 0 5px 30px;
}
main .commonButton04 {
  font-size: 14px;
}
main .commonButton05 {
  font-size: 14px;
}
main .commonButton05 a {
  padding: 20px 0;
}
main .commonButton05 a:before {
  right: 5%;
  width: 40px;
}
main .commonButton05 a:after {
  right: calc(5% - 1px);
  margin-top: -3px;
  width: 12px;
}
main .commonButton06 {
  padding-top: 40px;
  line-height: 1.4;
}
main .commonButton06 a {
  padding: 12px 30px;
  font-size: 15px;
}
main .commonButton06.small {
  font-size: 11px;
}
main .commonButton06.small a {
  padding: 16px 8px 16px 5px;
}
main .commonButton06.small a:after {
  top: calc(50% - 3px);
  border-width: 1px;
}
main .commonButton07 {
  margin-top: 40px;
  max-width: 240px;
  font-size: 15px;
}
main .commonButton07:after {
  right: -30px;
  width: 60px;
}
main .commonButton07 a {
  padding: 12px 50px;
  border-radius: 28px;
}
main .commonButton08 {
  font-size: 11px;
}
main .commonButton08 a {
  padding: 10px 0;
  border-radius: 20px;
}
main .commonButton09 {
  padding-top: 30px;
  font-size: 14px;
}
main .commonButton09 a,
main .commonButton09 .wrapper {
  gap: 0 15px;
}
main .commonButton09 a:before,
main .commonButton09 .wrapper:before {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  background-size: 10px 10px;
}
main .commonButton09 a .en,
main .commonButton09 .wrapper .en {
  padding-top: 5px;
}
main .commonButton09.pattern03 a:before,
main .commonButton09.pattern03 .wrapper:before {
  background-size: 13px 13px;
}
main .commonButtons01 {
  font-size: 13px;
}
main .commonButtons01 li:last-child a:before {
  left: -14px;
  width: 25px;
}
main .commonButtons01 a {
  height: 56px;
}
main .commonButtons01 span {
  padding-right: 35px;
}
main .commonButtons01 span:before {
  width: 30px;
}
main .commonButtons01 span:after {
  right: -1px;
  margin-top: -2px;
  width: 12px;
}
main .commonSlantingBg01 {
  padding: 30px 0 70px;
  background-image: url("https://img.dormy-hotels.com/static/img/common/bg-slanting02.webp");
}
#staging main .commonSlantingBg01 {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/common/bg-slanting02.webp");
}
#develop main .commonSlantingBg01 {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/common/bg-slanting02.webp");
}
main .commonItems01 .items .textArea,
main .commonItems01 li .textArea {
  padding: 20px 5% 15px;
}
main .commonItems01 .items .textArea:after,
main .commonItems01 li .textArea:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 4px;
  right: 4px;
  border-left-width: 13px;
  border-bottom-width: 13px;
}
main .commonItems01 .items .textArea .text,
main .commonItems01 li .textArea .text {
  height: 56px;
  overflow: hidden;
}
main .commonItems01 .items .textArea .date,
main .commonItems01 li .textArea .date {
  font-size: 12px;
}
main .commonItems01:not(.slick-initialized) {
  flex-flow: column;
  gap: 15px 0;
}
main .commonItems01:not(.slick-initialized) .items {
  flex: 0 0 auto;
}
main .commonItems03 .items a,
main .commonItems03 li a {
  border-radisu: 8px;
}
main .commonItems03 .items .textArea,
main .commonItems03 li .textArea {
  padding: 12px 15px 16px;
}
main .commonItems03 .items .textArea:after,
main .commonItems03 li .textArea:after {
  border-left-width: 17px;
  border-bottom-width: 17px;
}
main .commonItems03 .items .textArea .category,
main .commonItems03 li .textArea .category {
  font-size: 10px;
}
main .commonItems03 .items .textArea .date,
main .commonItems03 li .textArea .date {
  font-size: 10px;
}
main .commonItems03 .items .textArea .text,
main .commonItems03 li .textArea .text {
  height: 40px;
  font-size: 12px;
}
main .commonItems03:not(.slick-initialized) {
  flex-flow: column;
  gap: 15px 0;
}
main .commonItems03:not(.slick-initialized) .items {
  flex: 0 0 auto;
}
main .commonItems03.arrowPattern02 .items .textArea:after,
main .commonItems03.arrowPattern02 li .textArea:after {
  bottom: 3px;
  right: 5px;
  width: 15px;
  height: 15px;
}
main .commonItems04 .items dl,
main .commonItems04 li dl {
  padding: 25px 15px 40px;
}
main .commonItems04 .items dl:after,
main .commonItems04 li dl:after {
  border-left-width: 21px;
  border-bottom-width: 21px;
}
main .commonItems04 .items dl dt,
main .commonItems04 li dl dt {
  margin-bottom: 10px;
  height: 36px;
}
main .commonItems04 .items dl .text,
main .commonItems04 li dl .text {
  height: 54px;
  font-size: 13px;
}
main .commonItems04 .items dl .more,
main .commonItems04 li dl .more {
  right: 35px;
  font-size: 14px;
}
main .commonItems04:not(.slick-initialized) {
  flex-flow: column;
  gap: 15px 0;
}
main .commonItems04:not(.slick-initialized) .items {
  flex: 0 0 auto;
}
main .commonItems05 .items dl,
main .commonItems05 li dl {
  padding: 20px 15px 20px;
}
main .commonItems05 .items dl dt,
main .commonItems05 li dl dt {
  margin-bottom: 10px;
  height: 36px;
}
main .commonItems05 .items dl .text,
main .commonItems05 li dl .text {
  height: 66px;
  font-size: 13px;
}
main .commonItems05:not(.slick-initialized) {
  flex-flow: column;
  gap: 15px 0;
}
main .commonItems05:not(.slick-initialized) .items {
  flex: 0 0 auto;
}
main .commonItems06 .items dl,
main .commonItems06 li dl {
  padding-top: 8px;
}
main .commonItems06 .items dl dt,
main .commonItems06 li dl dt {
  margin-bottom: 5px;
}
main .commonItems06 .items dl .text,
main .commonItems06 li dl .text {
  font-size: 12px;
}
main .commonItems06 .items .image img,
main .commonItems06 li .image img {
  width: 100%;
}
main .commonItems06:not(.slick-initialized) {
  flex-flow: column;
  gap: 15px 0;
}
main .commonItems06:not(.slick-initialized) .items {
  flex: 0 0 auto;
}
main .commonItems07 {
  gap: 20px 0;
}
main .commonItems07 li {
  flex: 0 0 48.5%;
}
main .commonItems07 li .image {
  margin-bottom: 5px;
  /*&:before {
    top: 6px;
    left: 8px;
    padding: 3px 0;
    width: 20px;
    font-size: 14px;
  }*/
}
main .commonItems07 li .text {
  font-size: 13px;
}
main .commonItems08 {
  gap: 30px 0;
}
main .commonItems08 li {
  flex: 0 0 48%;
}
main .commonItems08 li .text {
  padding-top: 10px;
  font-size: 11px;
}
main .commonItems09 .items .dateArea,
main .commonItems09 li .dateArea {
  padding-bottom: 10px;
}
main .commonItems09 .items .name,
main .commonItems09 li .name {
  margin-bottom: 15px;
}
main .commonItems09:not(.slick-initialized) {
  flex-flow: column;
  gap: 15px 0;
}
main .commonItems09:not(.slick-initialized) .items {
  flex: 0 0 auto;
}
main .commonItems10 {
  gap: 40px 0 !important;
}
main .commonItems10 .items dl,
main .commonItems10 li dl {
  padding: 15px 0;
}
main .commonItems10 .items dl dt,
main .commonItems10 li dl dt {
  margin-bottom: 15px;
  font-size: 15px;
}
main .commonItems10 .items dl dd,
main .commonItems10 li dl dd {
  height: auto;
  font-size: 12px;
}
main .commonSlider02 .thumbnails {
  margin-top: 2%;
  padding: 0 18px;
}
main .commonSlider02 .thumbnails .slick-track {
  gap: 0 .5%;
}
main .commonSlider02 .thumbnails .slick-arrow {
  width: 18px;
}
main .commonSlider02 .thumbnails .slick-arrow:before {
  margin-top: -6px;
  width: 12px;
  height: 12px;
}
main .commonSlider02 .thumbnails .slick-arrow.slick-prev:before {
  left: 5px;
}
main .commonSlider02 .thumbnails .slick-arrow.slick-next:before {
  right: 3px;
}
main .commonSlider03 .slider {
  padding: 0 35px;
}
main .commonSlider03 .slick-slide {
  margin: 0 0;
}
main .commonSlider03 .controller li {
  margin-top: -15px;
  width: 30px;
  height: 30px;
}
main .commonTabs02 {
  justify-content: space-between;
  gap: 10px 0;
  padding-bottom: 40px;
  font-size: 14px;
}
main .commonTabs02 li {
  flex: 0 0 47%;
}
main .commonTabs02 li a {
  display: flex;
  align-items: center;
  gap: 0 10px;
  padding: 0 15px;
  height: 40px;
  border-radius: 9px;
  border-width: 2px;
}
main .commonSectionTabs01 {
  gap: 0 2px;
  margin-bottom: 40px;
}
main .commonSectionTabs01 li {
  flex: 0 0 auto;
  font-size: 10px;
}
main .commonSectionTabs01 li a {
  margin: 0;
  padding: 15px 4px;
  border-radius: 10px 10px 0 0;
  transition: none;
}
main .commonSectionTabs01 li a:after {
  display: none;
}
main .commonPagination01 {
  gap: 0 20px;
  padding-top: 50px;
  font-size: 16px;
}
main .commonPagination01 a {
  padding: 5px 3px;
}
main .commonResults01 .parentCategory {
  padding: 8px 0;
  border-bottom-width: 15px;
  font-size: 16px;
}
main .commonResults01 .categorys {
  padding: 15px 20px;
}
main .commonResults01 .categorys .childCategory {
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-size: 14px;
}

.inputModal {
  gap: 20px 0;
  right: 0;
  left: 0;
  padding: 15px;
  min-width: 0;
  font-size: 13px;
}
.inputModal.right {
  left: 0;
}
.inputModal .inputCategorys:not(:last-of-type):after {
  bottom: -10px;
}
.inputModal .inputCategorys .categoryName {
  flex: 0 0 10em;
  margin-right: 10px;
  padding: 5px 0;
}
.inputModal .inputCategorys.category02 .categoryName {
  border-right:none;

}
.inputModal .inputCategorys .detailInputArea {
  gap: 20px 0;
  padding: 3px 0;
  font-size: 12px;
}
.inputModal .inputCategorys .detailInputArea > .annotation {
  margin-top: -15px;
  line-height: 1.3;
  font-size: 11px;
}
.inputModal .inputCategorys > .annotation {
  margin-top: 10px;
  padding-left: 18px;
  text-indent: -18px;
  line-height: 1.4;
  font-size: 11px;
}
.inputModal .inputCategorys.category02 > .annotation {
  padding-left: 0;
}
.inputModal .inputCategorys > .annotation .icon {
  top: 3px;
}
.inputModal .inputCategorys .subCategorys:not(:last-of-type):not(.noBorder):after {
  bottom: -10px;
}
.inputModal .inputCategorys .subCategorys.noBorder {
  margin-bottom: -5px;
}
.inputModal .inputCategorys .subCategoryName {
  padding-right: 18px;
}
.inputModal .numberSelect {
  gap: 0 5px;
}
.inputModal .numberSelect .icons {
  width: 16px;
}
.inputModal .inputModalButtons {
  gap: 0 15px;
}
.inputModal .inputModalButtons li {
  flex: 0 0 130px;
}
.inputModal .inputModalButtons button {
  padding: 12px 0;
  font-size: 13px;
}
.inputModal .inputModalCloseButton {
  top: -15px;
  right: -15px;
  width: 30px;
  height: 30px;
  background-size: 25px 25px;
}

.externalSubmitModal {
  padding: 10px 5% 18px;
}
.externalSubmitModal .character {
  padding-bottom: 15px;
  width: 50%;
  max-width: none;
}
.externalSubmitModal .lead {
  padding-bottom: 15px;
  text-align: left;
  font-size: 13px;
}
.externalSubmitModal .externalSubmitButton {
  margin-botom: 15px;
  max-width: none;
  height: 50px;
  font-size: 13px;
}
.externalSubmitModal .externalSubmitButton:after {
  width: 18px;
  height: 18px;
}
.externalSubmitModal .externalSubmitModalClose {
  font-size: 14px;
}

.commonRecommendArea01 {
  top: auto;
  bottom: calc(100% + 2px);
}

.commonFaqList01 {
  display: flex;
  flex-direction: column;
  gap: 30px 0;
}
.commonFaqList01 dl {
  display: flex;
  flex-direction: column;
  gap: 5px 0;
}
.commonFaqList01 dl:before {
  top: 12px;
  right: 5px;
  width: 13px;
}
.commonFaqList01 dl:after {
  top: 6px;
  right: 10px;
  height: 13px;
}
.commonFaqList01 dt,
.commonFaqList01 dd {
  padding: 0 25px 0 20px;
  line-height: 1.7;
  font-size: 12px;
}
.commonFaqList01 dt:before,
.commonFaqList01 dd:before {
  left: 2px;
  font-size: 16px;
}
.commonFaqList01 dt a[target="_blank"]:after,
.commonFaqList01 dd a[target="_blank"]:after {
  width: 10px;
  height: 10px;
}
.commonFaqList01 dt {
  padding-bottom: 8px;
  border-bottom: 1px solid #999;
}
.commonFaqList01 dt:before {
  top: 1px;
}
.commonFaqList01 dd {
  display: none;
}
.commonFaqList01 dd:before {
  top: 2px;
}

.commonAllergyArea01 {
  margin-top: 40px;
  padding: 20px 5% 30px;
  max-width: none;
}
.commonAllergyArea01 .text01 {
  padding-bottom: 8px;
  font-size: 18px;
}
.commonAllergyArea01 .text02,
.commonAllergyArea01 .text03 {
  text-align: left;
  font-size: 12px;
}
.commonAllergyArea01 .text02 {
  padding-bottom: 15px;
}
.commonAllergyArea01 .categorys {
  margin-bottom: 0 auto 5px;
  max-width: none;
}
.commonAllergyArea01 .categorys dt {
  font-size: 13px;
  height: 30px;
}
.commonAllergyArea01 .categorys dd {
  flex-wrap: wrap;
  gap: .75em 1em;
  padding: 15px;
  font-size: 14px;
}

.commonSummitButton02 {
  height: 40px;
  font-size: 13px;
}

.commonRoomList01 {
  flex-direction: column;
  gap: 25px 0;
  margin: auto;
  width: 90%;
}
.commonRoomList01 li {
  flex: 0 0 100%;
  padding: 15px 5% 10px;
}
.commonRoomList01 li .name {
  padding-bottom: 8px;
  font-size: 13px;
}
.commonRoomList01 li .reserveButton {
  padding-top: 10px;
}

/*==================================================================================
 headerContainer
==================================================================================*/
.headerContainer .fixingReserveButton {
  display: none;
  top: auto;
  bottom: -90px;
  left: 0;
  max-width: unset;
  line-height: 1;
  text-align: center;
  font-size: 15px;
  transition: bottom .3s;
}
.headerContainer .fixingReserveButton.buttonShow {
  bottom: 0;
}
.headerContainer .fixingReserveButton br {
  display: none;
}
.headerContainer .fixingReserveButton a {
  box-sizing: border-box;
  position: relative;
  /* padding: 8px 0 12px; */
  padding: 6px 0 8px;
  border-radius: 0;
  border: none;
  border-bottom: 10px solid #2B4571;
  /* background-position: calc(50% - -140px) 30px; */
}
.headerContainer .fixingReserveButton a,
#staging .headerContainer .fixingReserveButton a,
#develop .headerContainer .fixingReserveButton a {
  background-image: none;
}
.headerContainer .fixingReserveButton a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 6vw;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: translateY(-50%) rotate(45deg);
}
/* .headerContainer .fixingReserveButton a .fixingReserveButtonSubText {
  display: block !important;
  margin-bottom: 6px;
  line-height: 1.4;
  font-size: 14px;
  font-weight: normal;
}*/
.headerContainer .fixingReserveButton a .fixingReserveButtonText {
  position: absolute;
  width: 204px;
  font-size: 20px;
  bottom: 12px;
  left: 40px;
  right: 0;
  margin: auto;
  letter-spacing: .2em;
}
.headerContainer .fixingInputArea {
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  border-radius: 0;
  font-size: 14px;
  box-shadow: none;
  transform: unset;
}
.headerContainer .fixingInputArea.fixingInputArea--hotel {
  bottom: 62px;
}
.headerContainer .fixingInputArea .inner {
  display: flex;
  flex-direction: column;
  padding-bottom: 15px;
}
.headerContainer .fixingInputArea .inputAreaTabs {
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  padding: 2px 0 10px;
}
.headerContainer .fixingInputArea .inputAreaTabs.jrNoTabs {
  justify-content: unset;
  margin-left: 1.5px;
}
.headerContainer .fixingInputArea .inputAreaTabs li {
  position: relative;
  flex: 0 0 49%;
  height: 40px;
  background-color: #2B4571;
  color: #FFF;
  font-size: 15px;
}
.headerContainer .fixingInputArea .inputAreaTabs li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #FFF;
}
/* .headerContainer .fixingInputArea .inputAreaTabs li.current {
  color: #2B4571;
} */
/* .headerContainer .fixingInputArea .inputAreaTabs li.current::before {
  background-color: #CED4DF;
} */
/*
.headerContainer .fixingInputArea.color02 .inputAreaTabs li.current::before {
  background-color: #BEA67C;
} */
.headerContainer .fixingInputArea .inputAreaTabs li.current:after {
  width: 30px;
  height: 22px;
}
.headerContainer .fixingInputArea .inputAreaTabs.jrNoTabs li {
  flex: 0 0 49%;
}
.headerContainer .fixingInputArea .inputAreaTabs li .inputAreaTabsItem__text {
  position: relative;
  z-index: 1;
}
.headerContainer .fixingInputArea .closeButton {
  order: 2;
  margin-top: 15px;
  font-size: 16px;
}
.headerContainer .fixingInputArea .forms {
  order: 1;
}
.headerContainer .fixingInputArea .forms:not(.form01) {
  display: none;
}
.headerContainer .fixingInputArea .forms .inputArea {
  gap: 8px 0;
}
.headerContainer .fixingInputArea .forms .inputArea .commonFormLabel01 {
  flex: 0 0 100%;
}
.headerContainer .fixingInputArea .forms:not(.form01):not(.form02) .commonFormLabel01 {
  width: 100%;
}
.headerContainer .fixingInputArea .forms .inputArea .formLabel08,
.headerContainer .fixingInputArea .forms .inputArea .formLabel09 {
  flex: 0 0 49%;
}
.headerContainer .fixingInputArea .forms .inputModal {
  box-sizing: border-box;
  position: fixed;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  border-radius: 0;
}
.headerContainer .fixingInputArea .forms .inputModal .inputModalCloseButton {
  top: -35px;
  right: 5px;
  left: auto;
  }
.headerContainer .fixingInputArea .inputArea {
  padding: 10px 5% 0;
}
.headerContainer .fixingInputArea .inputArea > div:not(:last-of-type) {
  padding-bottom: 15px;
}
.headerContainer .fixingInputArea .fixingInputAreaTitle {
  padding-bottom: 10px;
  font-size: 16px;
}
.headerContainer .fixingInputArea button[type="submit"] {
  margin-top: 15px;
}
.headerContainer .fixingInputArea .previouslyBooked {
  padding-top: 15px;
  text-align: center;
}
.headerContainer .fixingInputArea .previouslyBooked a {
  line-height: 1.4;
  font-size: 13px;
}
.headerContainer .fixingInputArea .bestRateLogo a {
  pointer-events: unset;
}
.headerContainer .fixingBestRate {
  right: 10px;
  bottom: 60px;
}

/*==================================================================================
 dormyinnTop
==================================================================================*/
.mainAirSubmitModal,
.mainJrSubmitModal,
.mainRentalCarSubmitModal {
  padding: 10px 5% 18px;
}
.mainAirSubmitModal .character,
.mainJrSubmitModal .character,
.mainRentalCarSubmitModal .character {
  padding-bottom: 15px;
  width: 50%;
  max-width: none;
}
.mainAirSubmitModal .lead,
.mainJrSubmitModal .lead,
.mainRentalCarSubmitModal .lead {
  padding-bottom: 15px;
  text-align: left;
  font-size: 13px;
}
.mainAirSubmitModal .mainAirSubmitButton,
.mainJrSubmitModal .mainJrSubmitButton,
.mainRentalCarSubmitModal .mainRentalCarSubmitButton {
  margin-bottom: 15px;
  max-width: none;
  height: 50px;
  font-size: 13px;
}
.mainAirSubmitModal .mainAirSubmitButton:after {
  width: 18px;
  height: 18px;
}
.mainAirSubmitModal .mainAirSubmitModalClose {
  font-size: 14px;
}
.mainAirSubmitModal .mainAirSubmitButton:after,
.mainJrSubmitModal .mainJrSubmitButton:after,
.mainRentalCarSubmitModal .mainRentalCarSubmitButton:after {
  top: calc(50% - 80vh);
}
#dormyinnTop section.intro .tabContents {
  height: 240px;
}
#dormyinnTop section.seasonal .seasonalSlider {
  padding: 0 40px;
}
#dormyinnTop section.seasonal .seasonalSlider .text {
  padding-top: 8px;
}
#dormyinnTop section.seasonal .seasonalSlider .slick-dots {
  padding-top: 20px;
}
#dormyinnTop section.seasonal .seasonalSlider .controller li {
  top: calc(50% + 15px);
  margin-top: -55px;
  width: 30px;
  height: 30px;
}
#dormyinnTop section.seasonal .seasonalSlider .controller li.prev {
  left: 5px;
}
#dormyinnTop section.seasonal .seasonalSlider .controller li.next {
  right: 5px;
}
#dormyinnTop section.banner {
  padding: 80px 0 0;
  text-align: center;
}
#dormyinnTop section.youtube {
  padding: 80px 0 0;
}
#dormyinnTop section.service {
  padding: 80px 0 60px;
}
#dormyinnTop section.service .links {
  gap: 30px 0;
}
#dormyinnTop section.service .links li {
  flex: 0 0 48%;
}
#dormyinnTop section.service .links li .text {
  padding-top: 6px;
  font-size: 16px;
}
#dormyinnTop section.pickup {
  margin-bottom: 70px;
  padding: 40px 0 50px;
  width: auto;
}
#dormyinnTop section.pickup .pickupSlider {
  padding: 0 40px;
}
#dormyinnTop section.pickup .pickupSlider dl,
#dormyinnTop section.pickup .pickupSlider .text {
  padding-top: 8px;
}
#dormyinnTop section.pickup .pickupSlider dt,
#dormyinnTop section.pickup .pickupSlider .text {
  font-size: 14px;
}
#dormyinnTop section.pickup .pickupSlider dd {
  font-size: 12px;
}
#dormyinnTop section.pickup .pickupSlider .slick-track {
  gap: 0 0;
}
#dormyinnTop section.pickup .pickupSlider .slick-dots {
  padding-top: 20px;
}
#dormyinnTop section.pickup .pickupSlider .controller li {
  top: calc(50% + 15px);
  margin-top: -50px;
  width: 30px;
  height: 30px;
}
#dormyinnTop section.pickup .pickupSlider .controller li.prev {
  left: 5px;
}
#dormyinnTop section.pickup .pickupSlider .controller li.next {
  right: 5px;
}
#dormyinnTop section.membership .membershipItem .membershipItemTitle {
  font-size: 16px;
}
#dormyinnTop section.hotels {
  margin: 80px 0 60px;
  padding: 50px 0 60px;
}
#dormyinnTop section.hotels h3 {
  padding-bottom: 15px;
}
#dormyinnTop section.faq h3 {
  padding-bottom: 20px;
}

/*==================================================================================
 lower common
==================================================================================*/
@keyframes loopImages {
  100% {
    transform: translateX(-400vw);
  }
}
.lower .commonMv01 h1 {
  padding-bottom: 15px;
  font-size: 18px;
}
.lower .commonMv01 h1 .logo {
  padding-bottom: 10px;
  width: 150px;
}
.lower .commonMv01 .mvSlider .slider {
  margin-bottom: 0;
}
.lower .commonMv01 .mvSlider .slick-slide {
  height: 80vw;
}
.lower .commonMv01 .mvSlider .textArea {
  padding: 0 15px;
  width: 240px;
}
.lower .commonMv01 .mvSlider .textArea .logo {
  padding-bottom: 10px;
  width: 130px;
}
.lower .commonMv01 .mvSlider .textArea .name {
  font-size: 16px;
}
.lower .commonMv01 .mvSlider .textArea .lead {
  padding-top: 8px;
  font-size: 11px;
}
.lower .commonMv01 .mvSlider .slick-dots {
  justify-content: center;
  position: absolute;
  bottom: 5%;
  left: 0;
}
.lower .commonMv03 h1 {
  height: 60vw;
}
.lower .commonMv03 .mvSlider .slick-slide {
  height: 80vw;
}
.lower .lowerPageTitle01 {
  margin-bottom: 80px;
}
.lower .lowerPageTitle01 h1 {
  font-size: 18px;
}
.lower .lowerPageTitle01 h1:after {
  height: calc(40vw - 50px  + 50px);
}
.lower .lowerPageTitle01 h1 .en {
  padding-top: 15px;
  font-size: 12px;
}
.lower .lowerPageTitle01 .textArea {
  padding: calc(40vw - 30px) 3% 0;
}
.lower .sections:not(:last-of-type) {
  padding-bottom: 40px;
}
.lower .inSections:not(:last-of-type) {
  padding-bottom: 60px;
}
.lower .flexInputArea01 {
  justify-content: flex-start;
}
.lower .googleMapArea {
  height: 360px;
}
.lower .commonLoopImages01 {
  overflow: hidden;
}
.lower .commonLoopImages01 ul {
  width: 800vw;
  animation: loopImages 40s linear 0s infinite;
}
.lower .commonDefinitions01 {
  gap: 15px 0;
}
.lower .commonDefinitions01.type02 dl dt {
  flex: 0 0 130px;
  padding: 10px 0;
}
.lower .commonDefinitions01 dl {
  gap: 0 15px;
}
.lower .commonDefinitions01 dl dt {
  flex: 0 0 80px;
  padding: 12px 0;
  font-size: 13px;
}
.lower .commonDefinitions01 dl dd {
  font-size: 12px;
}
.lower .googleMapButton01 {
  padding-top: 25px;
  font-size: 14px;
  width: 220px;
}
.lower .googleMapButton01 span {
  padding: 10px 0 10px 30px;
}
.lower .googleMapButton01 span:before {
  width: 16px;
}
.lower section.newhotels {
  padding-top: 80px;
}
.lower section.newhotels h3 {
  font-size: 20px;
}
.lower .commonIntro01 {
  padding: 60px 0 40px;
}

/*==================================================================================
 news
==================================================================================*/
#news.lower .breadcrumb {
  margin: 0 auto 40px;
  padding: 0;
  width: min(94%, 1200px);
}

/*==================================================================================
 news.newsIndex
==================================================================================*/
/*==================================================================================
 news.detail
==================================================================================*/
#news.detail .contentsArea h2 {
  padding-bottom: 15px;
  font-size: 18px;
}
#news.detail .contentsArea h2 .date {
  padding-bottom: 8px;
  font-size: 16px;
}

/*==================================================================================
 feature
==================================================================================*/
/*==================================================================================
 hotels
==================================================================================*/
#hotels.lower .breadcrumb {
  margin: 0 auto 40px;
  padding: 0;
  width: min(94%, 1200px);
}
#hotels .searchTypeTabs li.commonButton01 a {
  padding: 16px 0;
  font-size: 16px;
}
#hotels main .commonItems10 li .dateArea {
  gap: 0 8px;
  font-size: 10px;
}
#hotels main .commonItems10 li .dateArea .tags {
  padding: 6px 8px;
  font-size: 10px;
}
#hotels main .commonItems10 li dl dt,
#hotels main .commonItems09 .items dl dt {
  font-size: 12px;
}
#hotels main .commonItems10 li dl dd,
#hotels main .commonItems09 .items dl dd {
  padding-left: calc(.1em + 14px);
  background-size: 10px auto;
  font-size: 10px;
}
#hotels .hotelsListBtnWrap {
  flex-flow: column;
  gap: 4px 0;
}
#hotels .hotelsListBtnWrap .moreButton {
  width: 100%;
}
#hotels .listSearch {
  padding-top: 40px;
}
#hotels .listSearch .listButtonArea {
  padding-bottom: 40px;
}
#hotels .listSearch .listButtonArea .listButtons li {
  padding: 8px 14px;
  font-size: 12px;
}
#hotels .listSearch .listButtonArea .notes {
  padding-bottom: 10px;
  font-size: 13px;
  font-weight: normal;
}
#hotels .listSearch .listButtonArea .notes img {
  position: relative;
  top: 4px;
  padding-right: 5px;
}
#hotels .listSearch .variableContents .areaName {
  padding-bottom: 8px;
  font-size: 18px;
}
#hotels .listSearch .variableContents .areaName:after {
  top: 1px;
  right: 10px;
  width: 18px;
  height: 18px;
}
#hotels .listSearch .variableContents.contents02 ul {
  display: none;
  padding-top: 15px;
}
#hotels .listSearch .variableContents.contents02 .areas:not(:last-of-type) {
  padding-bottom: 40px;
}
#hotels .hotelsListBtnWrap .moreButton {
  width: 100%;
}
#hotels main .commonItems10 li .commonButton02.moreButton a,
#hotels #newHotelsWrap .items .commonButton02.moreButton a {
  padding: 10px 0;
}
#hotels main .commonItems10 li .commonButton02.moreButton a {
  font-size: 14px;
}
#hotels main .commonItems10 li dl dt,
#hotels main .commonItems09 .items .name {
  margin-bottom: unset;
}
#hotels main .commonItems09 .items .name.name-lspacingm04 {
  letter-spacing: unset;
}
#hotels .commonTitle10--hotelListTwoBlock {
  margin-top: 60px;
}
#hotels #newHotelsWrap {
  gap: 40px 3.5%;
  flex-flow: wrap;
}
#hotels #newHotelsWrap .items .dateArea {
  gap: 0 8px;
  font-size: 10px;
}
#hotels #newHotelsWrap .items .dateArea .tags {
  padding: 6px 8px;
  font-size: 10px;
}
#hotels section.resortHotelsMovie .commonTitle01 {
  padding-bottom: 15px;
}
#hotels section.resortHotelsMovie .commonLead01 {
  padding-bottom: 15px;
}
#hotels section.resortHotelsMovie .resortHotelsMovieArea {
  padding: 30px;
}
#hotels section.resortHotelsMovie .commonButton02 {
  padding-top: 20px;
}

/*==================================================================================
 faq
==================================================================================*/
#faq.lower .breadcrumb {
  margin: 0 auto 40px;
  padding: 0;
  width: min(94%, 1200px);
}
#faq main .categorysArea {
  padding: 40px 0 30px;
}
#faq main .categorysArea .text {
  padding-bottom: 20px;
  font-size: 18px;
}
#faq main .categorysArea .categorys {
  font-size: 12px;
}
#faq main .categorysArea .categorys li {
  flex: 0 0 48%;
}
#faq main .categorysArea .categorys li a {
  gap: 0 10px;
  padding: 0 10px 0 12px;
  height: 42px;
  line-height: 1.3;
}
#faq main .categorysArea .categorys li a:before {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}
/* #faq main .inquiry {
  padding: 15px 10px;
  font-size: 14px;
} */
#faq .sections {
  padding-top: 0;
}
#faq .sections:not(:last-of-type) {
  padding-bottom: 40px;
}
#faq .sections:nth-of-type(2n-1) {
  margin-bottom: 30px;
  padding: 30px 0 40px;
}
#faq .sections h3 {
  padding-bottom: 25px;
  font-size: 18px;
}
#faq:not(.comprehensive) .categorysArea .categorys {
  font-size: 11px;
}
#faq:not(.comprehensive) .categorysArea .categorys li a {
  border-radius: 8px;
  border-width: 2px;
}
#faq:not(.comprehensive) .inquiry {
  padding: 15px 10px;
  font-size: 14px;
}
#faq:not(.comprehensive) .inquiry:before {
  top: -25px;
  right: 18px;
  width: 39px;
  height: 44px;
}
.sectionsBanners .contentsArea {
  margin: 0 auto 50px;
}
.sectionsBanners .banners {
  flex-direction: column;
  gap: 30px 0;
}
.sectionsBanners .banners li {
  flex: 0 0 auto;
  gap: 20px 0;
  height: 200px;
}
.sectionsBanners .banners-single {
  max-width: 100%;
  margin-top: 30px;
}
.sectionsBanners .banners-single li {
  flex: 0 0 auto;
  gap: 9px 0;
  height: 200px;
}

/*==================================================================================
 pamphlet
==================================================================================*/
#pamphlet .sections {
  padding: 30px 0 50px;
  width: 90%;
  max-width: 500px;
}
#pamphlet .sections .facilitys {
  flex-wrap: nowrap;
}
#pamphlet .sections .facilitys li {
  flex: 0 0 auto;
  padding: 20px;
}
#pamphlet .sections .facilitys li .thumbnail {
  position: static;
  padding-bottom: 15px;
  width: auto;
}
#pamphlet .sections .facilitys li .thumbnail img {
  width: 100%;
}
#pamphlet .sections .facilitys li .name {
  padding-bottom: 10px;
  font-size: 14px;
}
#pamphlet .sections .facilitys li dl {
  padding: 0;
}
#pamphlet .sections .facilitys li .button {
  position: static;
  padding: 20px 0 0;
}

/*==================================================================================
 pamphlet detail
==================================================================================*/
#pamphlet.detail article.contents {
  padding: 0 3vw 3vw;
}
#pamphlet.detail article.contents:after {
  top: 3vw;
}
#pamphlet.detail article.contents > header {
  margin-bottom: min(1.666vw, 20px);
  padding: 2vw 4vw 4vw;
  border-radius: 2vw;
}
#pamphlet.detail article.contents > header h2 {
  padding-bottom: 2vw;
  font-size: 4vw;
}
#pamphlet.detail article.contents > header .informations {
  flex-direction: column;
  justify-content: normal;
  gap: 3vw 0;
}
#pamphlet.detail article.contents > header .informations dl {
  flex: 0 0 auto;
}
#pamphlet.detail article.contents > header .informations dt {
  margin-bottom: -3vw;
  height: 6vw;
  border-width: .5vw;
  border-radius: 4vw;
  font-size: 3.2vw;
}
#pamphlet.detail article.contents > header .informations dd {
  padding: 5vw 3vw 3vw;
  min-height: 0;
  border-width: .3vw;
  border-radius: 2vw;
  font-size: 2.8vw;
}
#pamphlet.detail article.contents .informationArea {
  flex-direction: column;
  justify-content: normal;
  gap: 5vw 0;
  padding: 4vw 4vw 5vw;
  border-radius: 3vw;
}
#pamphlet.detail article.contents .informationArea .inSections {
  padding: 0 1.5vw;
}
#pamphlet.detail article.contents .informationArea .inSections h3 {
  margin: 0 -1.5vw 3vw;
  height: 6vw;
  border-radius: 3vw;
  font-size: 3.5vw;
}
#pamphlet.detail article.contents .informationArea .inSections .text {
  font-size: 3.2vw;
}
#pamphlet.detail article.contents .information {
  flex: 0 0 auto;
}
#pamphlet.detail article.contents .information .contacts {
  flex-direction: column;
  align-items: center;
  gap: 2vw 0;
  margin-bottom: 5vw;
}
#pamphlet.detail article.contents .information .contacts li {
  gap: 0 2vw;
  font-size: 7vw;
}
#pamphlet.detail article.contents .information .contacts li:last-child {
  font-size: 4vw;
}
#pamphlet.detail article.contents .information .contacts li img {
  width: 5vw;
}
#pamphlet.detail article.contents .information .qrCodes {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 8vw;
  position: static;
  margin: 5vw 0;
  padding: 4vw 0;
  width: auto;
  height: auto;
  border-radius: 2vw;
}
#pamphlet.detail article.contents .information .qrCodes li {
  flex: 0 0 20vw;
}
#pamphlet.detail article.contents .information .qrCodes li .codeCaption {
  padding-bottom: 1.5vw;
  font-size: 3.2vw;
}
#pamphlet.detail article.contents .information .annotation {
  padding-top: 0;
  font-size: 2.2vw;
}
#pamphlet.detail article.contents .parking {
  flex: 0 0 auto;
}

/*==================================================================================
 hotelsDetail
==================================================================================*/
#hotelsDetail #js-unnanTsuruga.headerContainer .fixingBestRate,
.newsHotel #js-unnanTsuruga.headerContainer .fixingBestRate {
  bottom: 100px;
}
#hotelsDetail .headerContainer .fixingInputArea .forms .inputModal {
  bottom: 60px;
}
#hotelsDetail .mainVisual .spOnlyText {
  padding: 30px 0 40px;
  text-align: center;
}
#hotelsDetail .mainVisual .spOnlyText dt {
  padding-bottom: 15px;
  line-height: 1.4;
  font-size: 16px;
  font-weight: bold;
}
#hotelsDetail .mainVisual .spOnlyText dd {
  line-height: 1.9;
  font-size: 14px;
}
#hotelsDetail .bgArea01 {
  margin-bottom: 60px;
}
#hotelsDetail .topicsSlider .slider,
#hotelsDetail .appealsSlider .slider,
#hotelsDetail .neighborhoodSlider .slider {
  margin-bottom: 0;
}
#hotelsDetail .seasonSlider .slick-track,
#hotelsDetail .pickupSlider .slick-track {
  gap: 0 0;
}
#hotelsDetail main .commonSlider01 .commonSlideController01 li.prev {
  left: 5px;
}
#hotelsDetail main .commonSlider01 .commonSlideController01 li.next {
  right: 5px;
}
#hotelsDetail section.calendar > header {
  padding-bottom: 20px;
}
#hotelsDetail section.appeals .inSections .textArea h4 .newIcon {
  padding: 6px;
  font-size: 14px;
}
#hotelsDetail section.appeals .inSections .textArea h4 .newIcon::before {
  margin-left: -4px;
  border: 4px solid transparent;
  border-top: 6px solid #ff0000;
}
#hotelsDetail section.access > header {
  padding-bottom: 15px;
}
#hotelsDetail section.access > header h3 {
  padding-bottom: 15px;
}
#hotelsDetail section.access .accessInfoArea {
  padding-bottom: 30px;
}
#hotelsDetail section.access .accessInfoArea address {
  padding-bottom: 12px;
  font-size: 15px;
}
#hotelsDetail section.access .accessInfoArea .contacts {
  font-size: 13px;
}
#hotelsDetail section.access .accessInfoArea .contacts .tel {
  text-decoration: underline;
}
#hotelsDetail section.movie.movie--hotelTopMovieNeighborhoodBottom .commonTitle01 {
  padding-bottom: 15px;
}
#hotelsDetail section.movie.movie--hotelTopMovieNeighborhoodBottom .commonLead01 {
  padding-bottom: 15px;
}
#hotelsDetail section.movie.movie--hotelTopMovieNeighborhoodBottom .hotelTopMovieArea {
  padding: 30px;
}
#hotelsDetail section.movie.movie--hotelTopMovieNeighborhoodBottom .commonButton02 {
  padding-top: 20px;
}

/*==================================================================================
 hotelsDetail.spa
==================================================================================*/
#hotelsDetail.spa .spaInformation {
  padding-bottom: 80px;
}
#hotelsDetail.spa .spaInformation .variableContents {
  padding: 60px 0 70px;
}
#hotelsDetail.spa .spaInformation .variableContents .inSections:last-of-type {
  margin-bottom: 30px;
}
#hotelsDetail.spa .spaInformation .variableContents .inSections .textArea dt {
  padding-bottom: 10px;
  font-size: 18px;
}
#hotelsDetail.spa .spaInformation .variableContents .inSections .textArea dt .fontSizeDown {
  font-size: 16px;
}
#hotelsDetail.spa .spaInformation .variableContents .inSections .textArea dd {
  padding-bottom: unset;
  line-height: 2;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
  padding: 20px 5% 25px;
  border-radius: 20px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea .lead {
  order: 1;
  padding-bottom: 0;
  font-size: 13px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea .illust {
  order: 3;
  position: static;
  margin: auto;
  width: 100px;
  font-size: 11px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea .illust img {
  padding-bottom: 5px;
  width: 100%;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea dl {
  order: 2;
  padding-left: 0;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea dl dt {
  padding: 12px 0;
  font-size: 14px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea dl dd {
  flex: 0 0 33.33333%;
  padding: 20px 0 10px;
  font-size: 14px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea dl dd .icon {
  height: 32px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea dl dd .text01 {
  padding-bottom: 13px;
  font-size: 11px;
}
#hotelsDetail.spa .spaInformation .variableContents .leadArea dl dd .text02 {
  min-height: 34px;
  line-height: 1.3;
  font-size: 13px;
}
#hotelsDetail.spa .spaDetails {
  padding: 40px 3% 0;
}
#hotelsDetail.spa .spaDetails h2 {
  font-size: 24px;
}
#hotelsDetail.spa .spaDetails h2 .small {
  padding-bottom: 8px;
  font-size: 15px;
}
#hotelsDetail.spa .spaDetails .informations dl {
  gap: 0 15px;
}
#hotelsDetail.spa .spaDetails .informations dl dt {
  flex: 0 0 70px;
  padding: 8px 0;
  font-size: 14px;
}
#hotelsDetail.spa .spaDetails .informations dl dd {
  line-height: 1.4;
  font-size: 13px;
}
#hotelsDetail.spa .spaDetails .informations .annotations {
  font-size: 11px;
}
#hotelsDetail.spa section.others .banner {
  padding: 60px 0 60px;
}

/*==================================================================================
 hotelsDetail.floor
==================================================================================*/
#hotelsDetail.floor .loungeBanner {
  margin: 50px auto 0;
}
#hotelsDetail.floor .loungeBanner .commonText01 {
  padding-bottom: 8px;
}

/*==================================================================================
 hotelsDetail.breakfast
==================================================================================*/
#hotelsDetail.breakfast .mainVisual .spOnlyImage {
  padding-top: 15px;
}
#hotelsDetail.breakfast .pickupArea {
  margin-bottom: 60px;
  padding: 20px 0 40px;
}
#hotelsDetail.breakfast .pickupArea:before {
  top: 0;
  left: -10%;
  width: 120%;
  height: 100%;
  background-position-y: top;
  background-size: 100% auto;
}
#hotelsDetail.breakfast .pickupArea:after {
  height: 40vw;
}
#hotelsDetail.breakfast .pickupArea .name {
  padding-bottom: 10px;
}
#hotelsDetail.breakfast .pickupArea .name .sub {
  padding-bottom: 8px;
  font-size: 60%;
}
#hotelsDetail.breakfast .pickupArea .lead {
  padding-bottom: 15px;
  text-align: left;
}
#hotelsDetail.breakfast .loopImages {
  padding-bottom: 80px;
}
#hotelsDetail.breakfast section.intro {
  padding-bottom: 60px;
}
#hotelsDetail.breakfast section.intro > header {
  display: flex;
  flex-direction: column;
  margin-bottom: 60px;
  padding-bottom: 30px;
}
#hotelsDetail.breakfast section.intro > header:after {
  top: 10%;
  right: 3%;
  left: 0;
}
#hotelsDetail.breakfast section.intro > header .textArea {
  flex: 0 0 auto;
  padding: 0 5%;
}
#hotelsDetail.breakfast section.intro > header h2 {
  padding-bottom: 15px;
  font-size: 17px;
}
#hotelsDetail.breakfast section.intro > header .image {
  order: -1;
  flex: 0 0 auto;
  margin-left: auto;
  padding-bottom: 25px;
}
#hotelsDetail.breakfast section.intro .lead02 {
  text-align: left;
}
#hotelsDetail.breakfast section.intro .loopImages {
  padding-bottom: 50px;
}
#hotelsDetail.breakfast section.guide .definitions {
  margin: auto;
  max-width: 840px;
}
#hotelsDetail.breakfast section.guide .banner {
  padding: 60px 0 50px;
}
#hotelsDetail.breakfast section.guide .banner.banner--noPb {
  padding-bottom: 0;
}
#hotelsDetail.breakfast section.service > header {
  padding-bottom: 30px;
}
#hotelsDetail.breakfast section.service .lead {
  text-align: left;
}
#hotelsDetail.breakfast section.service .contentArea {
  flex-direction: column;
  align-items: flex-start;
  gap: 30px 0;
}
#hotelsDetail.breakfast section.service .contentArea .image {
  order: -1;
  flex: 0 0 auto;
}
#hotelsDetail.breakfast section.service .contentArea .definitions {
  flex: 0 0 auto;
}
#hotelsDetail.breakfast section.guide .cafeOasisWrap {
  margin-top: 60px;
}
#hotelsDetail.breakfast section.guide .cafeOasisArea {
  display: flex;
  flex-direction: column;
}
#hotelsDetail.breakfast section.guide .cafeOasisImgWrap {
  flex: 0 0 auto;
  height: 62.5vw;
}
#hotelsDetail.breakfast section.guide .cafeOasisArea .commonDefinitions01 {
  flex: 0 0 auto;
  margin-top: 20px;
  width: 100%;
}
#hotelsDetail.breakfast section.guide .cafeOasisWrap .cafeOasisButton {
  padding-top: 30px;
}

/*==================================================================================
 hotelsDetail.rooms
==================================================================================*/
#hotelsDetail.rooms .contentsArea {
  margin-top: 0;
  padding: 50px 0 0;
}
#hotelsDetail.rooms .contentsArea .sectionTabs {
  gap: 10px 8px;
  margin-bottom: 60px;
  padding: 20px 2%;
}
#hotelsDetail.rooms .contentsArea .sectionTabs li {
  flex: 0 0 76px;
}
#hotelsDetail.rooms .contentsArea .sectionTabs li a {
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 11px;
}
#hotelsDetail.rooms .contentsArea .roomsGotembaBanner {
  margin: 0 auto 80px;
}
#hotelsDetail.rooms .contentsArea .roomsBanner {
  padding-bottom: 50px;
}
#hotelsDetail.rooms .sections:not(:last-of-type) {
  padding-bottom: 60px;
}
#hotelsDetail.rooms .sections .slideArea .areas:nth-child(n+2) {
  margin-top: 40px;
}
#hotelsDetail.rooms .sections .slideArea .areas .roomType {
  padding: 15px 0 8px;
  font-size: 15px;
}
#hotelsDetail.rooms .sections .slideArea .areas .tags {
  padding-bottom: 8px;
  font-size: 12px;
}
#hotelsDetail.rooms .sections .slideArea .areas .tags li {
  padding: 6px 10px 6px 40px;
}
#hotelsDetail.rooms .sections .slideArea .areas .tags li:before {
  left: 8px;
  width: 25px;
  background-size: 20px auto;
}
#hotelsDetail.rooms .sections .slideArea .areas .tags li.people {
  padding-left: 35px;
}
#hotelsDetail.rooms .sections .slideArea .areas .tags li.people:before {
  background-size: 18px auto;
}
#hotelsDetail.rooms .sections .slideArea .areas .roomDetail {
  padding-bottom: 10px;
  font-size: 12px;
}
#hotelsDetail.rooms .informationArea {
  margin-top: 80px;
}
#hotelsDetail.rooms .conceptButtonWrap--top .commonButton02 {
  margin-bottom: 60px;
}
#hotelsDetail.rooms .sections .slideArea .areas .roomButton--concept a::after,
#hotelsDetail.rooms .sections .slideArea .areas .roomButton--gc_yokohama--lower a::after,
#hotelsDetail.rooms .conceptButtonWrap--bottom .commonButton02 a::after {
  border-bottom-color: #FFF;
}

/*==================================================================================
 hotelsDetail.access
==================================================================================*/
#hotelsDetail.access .mapArea {
  padding-bottom: 30px;
}
#hotelsDetail.access .mapArea .googleMapArea,
#hotelsDetail.access .mapArea .mapImg {
  margin-bottom: 30px;
}
#hotelsDetail.access .mapArea address {
  padding-bottom: 12px;
  font-size: 15px;
}
#hotelsDetail.access .mapArea .contacts {
  line-height: 2;
  font-size: 13px;
}
#hotelsDetail.access .sectionTabs {
  flex-direction: column;
  gap: 12px 0;
  margin: 0 auto 40px;
  padding: 30px 5%;
  width: 86%;
}
#hotelsDetail.access .sectionTabs li {
  flex: 0 0 100%;
}
#hotelsDetail.access .sections:not(:last-of-type) {
  padding-bottom: 60px;
}
#hotelsDetail.access .sections:nth-of-type(2n) {
  padding: 50px 0;
}
#hotelsDetail.access .sections:nth-of-type(2n):not(:last-of-type) {
  margin-bottom: 60px;
}
#hotelsDetail.access .sections:nth-of-type(2n) .commonSlider01 {
  top: 50px;
}
#hotelsDetail.access .sections:nth-of-type(2n) > header {
  padding: 0;
}
#hotelsDetail.access .sections > header {
  padding: 0 0 30px !important;
  min-height: 0;
}
#hotelsDetail.access .sections > header h2 {
  padding-bottom: 15px;
  font-size: 18px;
}
#hotelsDetail.access .sections > header .texts {
  line-height: 2;
  font-size: 13px;
}
#hotelsDetail.access .sections .commonText01 {
  line-height: 1.9;
}
#hotelsDetail.access .sections .commonSlider01 {
  position: relative;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: auto;
}
#hotelsDetail.access .sections section.detail {
  padding-top: 40px;
}
#hotelsDetail.access .sections .textArea {
  margin: 0 auto 30px !important;
  min-height: unset;
  width: auto;
}
#hotelsDetail.access .sections .googleMapButton01 {
  margin: auto;
}
#hotelsDetail.access section.train .routes {
  gap: 20px 0;
}
#hotelsDetail.access section.train .routes li {
  gap: 8px 0;
  padding: 20px 5%;
}
#hotelsDetail.access section.train .routes li .name {
  position: static;
  padding-bottom: 10px;
  width: auto;
  font-size: 18px;
}
#hotelsDetail.access section.train .routes li dl {
  gap: 0 8px;
  padding-left: 0;
}
#hotelsDetail.access section.train .routes li dl dt,
#hotelsDetail.access section.train .routes li dl dd {
  min-height: 50px;
  font-size: 13px;
}
#hotelsDetail.access section.train .routes li dl dt {
  flex: 0 0 90px;
  padding: 10px 8px;
}
#hotelsDetail.access section.train .routes li dl dd {
  padding: 10px 15px;
}
#hotelsDetail.access .mapArea .contacts .tel {
  text-decoration: underline;
}

/*==================================================================================
 hotelsDetail.gallery
==================================================================================*/
#hotelsDetail.gallery main {
  padding-bottom: 120px;
}
#hotelsDetail.gallery .variableContents .modalArea .wrapper {
  padding: 42px 5% 25px;
}
#hotelsDetail.gallery .variableContents .modalArea .closeButton {
  top: 6px;
  right: 6px;
  width: 28px;
}
#hotelsDetail.gallery .variableContents .modalArea .slider .imageCaption {
  padding-bottom: 15px;
  font-size: 14px;
}
#hotelsDetail.gallery .variableContents .modalArea .slider .lead {
  padding-top: 10px;
  width: 90%;
}
#hotelsDetail.gallery .variableContents .modalArea .thumbnails {
  margin-top: 15px;
  padding: 0 30px;
}
#hotelsDetail.gallery .variableContents .modalArea .thumbnails .slick-arrow {
  width: 22px;
}
#hotelsDetail.gallery .variableContents .modalArea .thumbnails .slick-arrow:before {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin-top: 0;
  width: 100%;
  height: auto;
  border-top: none;
  border-right: none;
  background: url("https://img.dormy-hotels.com/static/img/img/common/icon-arrow07.svg") no-repeat center center;
  background-size: 100% auto;
  opacity: 1;
}
#staging #hotelsDetail.gallery .variableContents .modalArea .thumbnails .slick-arrow:before {
  background-image: url("https://staging-img.kyoritsu-hotels.net/static/img/img/common/icon-arrow07.svg");
}
#develop #hotelsDetail.gallery .variableContents .modalArea .thumbnails .slick-arrow:before {
  background-image: url("https://develop-img.kyoritsu-hotels.net/static/img/img/common/icon-arrow07.svg");
}
#hotelsDetail.gallery .variableContents .modalArea .thumbnails .slick-arrow.slick-next:before {
  transform: rotate(0);
}
#hotelsDetail.gallery .variableContents .modalArea .thumbnails .slick-arrow.slick-prev:before {
  transform: rotate(180deg);
}
#hotelsDetail.gallery .variableContents .modalArea .detailButton {
  padding-top: 40px;
}

/*==================================================================================
 hotelsDetail.topics
==================================================================================*/
#hotelsDetail.topics .contentsArea {
  margin: 80px 0;
  padding: 0 0 80px;
}

/*==================================================================================
 hotelsDetail.news
==================================================================================*/
#hotelsDetail.news .contentsArea {
  margin: 40px 0;
  padding: 40px 0 80px;
}

/*==================================================================================
 hotelsDetail.news.newsDetail
==================================================================================*/
#hotelsDetail.news.newsDetail .contentsArea h2 {
  padding-bottom: 15px;
  font-size: 18px;
}
#hotelsDetail.news.newsDetail .contentsArea h2 .date {
  padding-bottom: 8px;
  font-size: 16px;
}

/*==================================================================================
 hotelsDetail.faq
==================================================================================*/
#hotelsDetail.faq main .categorysArea {
  padding-bottom: 30px;
}
#hotelsDetail.faq main .categorysArea .text {
  padding-bottom: 20px;
  font-size: 18px;
}
#hotelsDetail.faq main .categorysArea .categorys {
  font-size: 11px;
}
#hotelsDetail.faq main .categorysArea .categorys li {
  flex: 0 0 48%;
}
#hotelsDetail.faq main .categorysArea .categorys li a {
  gap: 0 10px;
  padding: 0 10px 0 12px;
  height: 42px;
  border-radius: 8px;
  border-width: 2px;
  line-height: 1.3;
}
#hotelsDetail.faq main .categorysArea .categorys li a:before {
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
}
#hotelsDetail.faq main .inquiry {
  padding: 15px 10px;
  font-size: 14px;
}
#hotelsDetail.faq main .inquiry:before {
  top: -25px;
  right: 18px;
  width: 39px;
  height: 44px;
}
#hotelsDetail.faq main .sections {
  padding-top: 0;
}
#hotelsDetail.faq main .sections:not(:last-of-type) {
  padding-bottom: 40px;
}
#hotelsDetail.faq main .sections:nth-of-type(2n-1) {
  margin-bottom: 30px;
  padding: 30px 0 40px;
}
#hotelsDetail.faq main .sections h3 {
  padding-bottom: 25px;
  font-size: 18px;
}

/*==================================================================================
 hotelsDetail.nono
==================================================================================*/
#hotelsDetail.nono .top-hotelbanner {
  margin: 80px 0 0;
}
#hotelsDetail.nono .headerContainer .fixingReserveButton.color02 a {
  border-bottom: 10px solid #2c4b20;
}

/*==================================================================================
 hotelsDetail.hotelsDetailTop.nono
==================================================================================*/
#hotelsDetail.hotelsDetailTop .apeealArea {
  padding-bottom: 60px;
}
#hotelsDetail.hotelsDetailTop.nono .apeealArea {
  padding-bottom: 60px;
}
#hotelsDetail.hotelsDetailTop.nono .apeealArea .catch {
  padding-bottom: 15px;
}
#hotelsDetail.hotelsDetailTop.nono section.news .newsList li {
  padding: 10px 0;
}
#hotelsDetail.hotelsDetailTop.nono section.news .newsList li a {
  padding: 5px 0;
}

/*==================================================================================
 hotelsDetail.spa.nono
==================================================================================*/
#hotelsDetail.spa.nono .spaDetails {
  margin-top: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  border: 1px solid #333;
}
#hotelsDetail.spa.nono .bathContentWrap {
  margin-bottom: 60px;
  padding: 20px 0 40px;
}
#hotelsDetail.spa.nono .bathContentWrap .bathContentTitle {
  margin-bottom: 20px;
  font-size: 22px;
}
#hotelsDetail.spa.nono .bathContentWrap .bathContentTitle:after {
  display: none;
}
#hotelsDetail.spa.nono .bathContentWrap .bathContentLead {
  padding-bottom: 15px;
  text-align: left;
}
#hotelsDetail.spa.nono .bathContentWrap .pickupSlider {
  margin: auto;
  max-width: 700px;
}
#hotelsDetail.spa.nono .dayTripContentWrap {
  margin-bottom: 80px;
  padding: 30px 3%;
}
#hotelsDetail.spa.nono .dayTripContentTitle {
  font-size: 22px;
}
#hotelsDetail.spa.nono .dayTripContentIneer {
  gap: 15px 0;
  margin-bottom: 30px;
}
#hotelsDetail.spa.nono .dayTripContentSubTitleText {
  font-size: 18px;
}
#hotelsDetail.spa.nono .dayTripContentInfo {
  gap: 0 15px;
}
#hotelsDetail.spa.nono .dayTripContentInfoTitle {
  flex: 0 0 70px;
  padding: 8px 0;
  font-size: 14px;
}
#hotelsDetail.spa.nono .dayTripContentInfoText {
  line-height: 1.4;
  font-size: 13px;
}

/*==================================================================================
 hotelsDetail.breakfast.nono
==================================================================================*/
#hotelsDetail.breakfast.nono .pickupSection {
  margin-top: -58px;
  padding-top: 14vw;
}
/* #hotelsDetail.breakfast.nono .pickupArea:after {
  height: max(600px, 122.4vw);
  background-position-y: 10vw;
} */

/*==================================================================================
 hotelsDetail.rooms.nono
==================================================================================*/
#hotelsDetail.rooms.nono .contentsArea .roomTypeText {
  padding: 12px 0;
  font-size: 18px;
}
#hotelsDetail.rooms.nono .contentsArea .sectionTabs li {
  flex: 0 0 90px;
}
#hotelsDetail.rooms.nono .sections .slideArea .areas .lead {
  padding-bottom: 20px;
  line-height: 1.7;
  font-size: 12px;
}

/*==================================================================================
 inquiry.comprehensive
==================================================================================*/
#inquiry.comprehensive .contentsArea .banners {
  flex-direction: column;
  gap: 30px 0;
}
#inquiry.comprehensive .contentsArea .banners li {
  flex: 0 0 auto;
  gap: 20px 0;
  height: 200px;
}
#inquiry.comprehensive .contentsArea .banners li .logo {
  width: 200px;
}

/*==================================================================================
 inquiry.comprehensive.dormyinn
==================================================================================*/
#inquiry.comprehensive.dormyinn .sections {
  padding: 40px 0 50px;
  width: 90%;
}
#inquiry.comprehensive.dormyinn .sections .facilitys {
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 30px 0;
}
#inquiry.comprehensive.dormyinn .sections .facilitys li {
  flex: 0 0 auto;
  padding: 20px 5%;
}
#inquiry.comprehensive.dormyinn .sections .facilitys li .name {
  padding-bottom: 10px;
  font-size: 14px;
}
#inquiry.comprehensive.dormyinn .sections .facilitys li dl {
  font-size: 12px;
}
#inquiry.comprehensive.dormyinn .sections .facilitys li .button {
  position: static;
  padding-top: 20px;
}

/*==================================================================================
 notice.comprehensive
==================================================================================*/
#notice.comprehensive .contentsArea .definitions {
  flex-direction: column;
  gap: 5px 0;
  padding: 15px 10px;
}
#notice.comprehensive .contentsArea .definitions dt,
#notice.comprehensive .contentsArea .definitions dd {
  line-height: 1.7;
  font-size: 13px;
}
#notice.comprehensive .contentsArea .definitions dt {
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: bold;
}
#notice.comprehensive .contentsArea .definitions dd {
  flex: 0 0 auto;
}

/*==================================================================================
 service
==================================================================================*/
#service.lower .breadcrumb {
  margin: 0 auto 40px;
  padding: 0;
  width: min(94%, 1200px);
}
#service section.intro {
  padding-bottom: 80px;
}
#service main .commonTitle01 {
  font-size: 14px;
}
#service section.intro .lead {
  padding-bottom: 60px;
  line-height: 1.7;
}
#service section.intro section.services .serviceList {
  gap: 20px 0;
  margin: auto;
  max-width: 320px;
}
#service section.intro section.services .serviceList li {
  flex: 0 0 auto;
}
#service section.intro section.services .serviceList li .textArea {
  padding: 15px 0 8px;
}
#service section.intro section.services .serviceList li .textArea .nameArea .number {
  margin-bottom: -35px;
  height: 50px;
}
#service section.intro section.services .serviceList li .textArea .nameArea .icon {
  height: 30px;
}
#service section.intro section.services .serviceList li .textArea .nameArea .name {
  padding-top: 10px;
  font-size: 14px;
}
#service section.intro section.services .serviceList li .textArea .button {
  padding-top: 20px;
}
#service .sections {
  padding: 60px 0 80px;
  background-image: none !important;
  /*background-size: 80%;
  background-position:  -50px 40px;
  &:nth-of-type(2n+1){background-position-x: calc(100% + 40px);}*/
}
#service .sections h3 {
  padding-bottom: 30px;
}
#service .sections h3 .number {
  margin-bottom: -20px;
  height: 80px;
}
#service .sections h3 .icon {
  height: 40px;
}
#service .sections h3 .name {
  padding-top: 10px;
  font-size: 20px;
}
#service .sections .flexArea {
  flex-direction: column;
  justify-content: normal;
  align-items: normal;
  gap: 30px 0;
  padding-bottom: 40px;
}
#service .sections .flexArea .leads {
  flex: 0 0 auto;
  text-align: center;
}
#service .sections .flexArea .leads dt {
  padding-bottom: 10px;
}
#service .sections .flexArea .leads dd {
  line-height: 1.7;
}
#service .sections .flexArea .point {
  flex: 0 0 auto;
  padding: 20px 20px 30px;
}
#service .sections .flexArea .point .pointTitle {
  justify-content: center;
  padding-bottom: 10px;
}
#service .sections .flexArea .point .pointTitle .text {
  width: 120px;
}
#service .sections .flexArea .point .pointTitle .character {
  width: 39px;
}
#service .sections .flexArea .point .text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px 0;
  line-height: 1.7;
}
#service .sections .flexArea .point .text .emphasis {
  margin: 0;
  padding-right: 0;
  text-align: center;
}
#service .sections .flexArea .point .text .emphasis + br {
  display: none;
}
#service .sections .slider {
  margin-bottom: 60px;
}
#service .section04 {
  padding-bottom: 0;
}
#service .section04 > header {
  padding-bottom: 30px;
}
#service .section04 > header h3 {
  padding-bottom: 30px;
}
#service .section04 > header .catch {
  padding-bottom: 15px;
}
#service .section04 > header .lead {
  line-height: 1.7;
}
#service .section04 .contentTabs {
  padding-bottom: 30px;
  font-size: 12px;
}
#service .section04 .contentTabs li {
  flex: 0 0 calc(50% - .5px);
  padding: 0 20px 0 25px;
  height: 50px;
}
#service .section04 .contentTabs li:before {
  top: calc(50% - 10px);
  left: 7px;
  width: 20px;
  height: 20px;
  border-width: 1px;
  font-size: 14px;
}
#service .section04 .contentTabs li:after {
  content: '';
  top: calc(50% - 4px);
  right: 7px;
  width: 6px;
  height: 6px;
}
#service .section04 .variableContents dl {
  padding-bottom: 20px;
}
#service .section04 .variableContents dt {
  gap: 0 10px;
  padding: 0 30px 10px 0;
}
#service .section04 .variableContents dt .number {
  width: 40px;
  height: 40px;
  font-size: 20px;
}
.youtubeResponsiveBox01 {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16 / 9;
  position: relative;
}
.youtubeResponsiveBox01 iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.youtubeResponsiveBox02 {
  font-size: 17px !important;
}

/*==================================================================================
 rooms
==================================================================================*/
#infoRooms .pageTitle {
  margin-bottom: 0;
}
#infoRooms .intro {
  padding: 70px 0 40px;
}
#infoRooms .intro .lead {
  line-height: 2;
}
#infoRooms .sections {
  padding: 50px 0;
}
#infoRooms .sections .accButton {
  margin-top: 30px;
}
#infoRooms .sections .accButton .wrapper {
  padding-left: 8px;
}
#infoRooms .sections .sectionIntro .image {
  margin-bottom: 15px;
}
#infoRooms .sections .sectionIntro .pointText {
  margin-top: 50px;
}
#infoRooms .sections .accButton + .roomList {
  display: none;
}
#infoRooms .sections .roomList {
  padding-top: 40px;
}
#infoRooms section.standard .roomList {
  padding-top: 20px;
}

/*# sourceMappingURL=smartphone.css.map */