.inner960--top { padding-top: 60px !important; }

@media screen and (max-width: 1000px) { .inner960--top { padding-top: 80px !important; } }

.inner960--main { padding-top: 40px !important; }

@media screen and (max-width: 1000px) { .inner960--main { padding-top: 40px !important; } }

/******************************************************************
component - nav-pulldown
******************************************************************/
@media print, screen and (min-width: 1001px) { .c-nav-pulldown { margin-top: -20px; margin-bottom: 40px !important; }
  .c-nav-pulldown__head { display: none; }
  .c-nav-pulldown__body { display: flex !important; margin-right: -10px; margin-top: -10px; }
  .c-nav-pulldown__item { display: flex; margin-right: 10px; margin-top: 10px; width: 100%; }
  .c-nav-pulldown__item--col2 { width: calc( 50% - 10px); }
  .c-nav-pulldown__item--col3 { width: calc( 33.33333% - 10px); }
  .c-nav-pulldown__item--col4 { width: calc( 25% - 10px); }
  .c-nav-pulldown__item--col5 { width: calc( 20% - 10px); }
  .c-nav-pulldown__item--col6 { width: calc( 16.66667% - 10px); }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) button, .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) a { transition-property: background; transition-duration: 0.3s; color: inherit; text-decoration: none; flex-grow: 1; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 16px 10px; background-color: #fff; }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) button:hover, .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) a:hover { color: inherit; text-decoration: none; }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose).is-active button { background-color: #638fa2; color: #fff; }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose):not(.is-active) button:hover, .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose):not(.is-active) a:hover { background-color: #e1e1e1; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose button { transition-property: background; transition-duration: 0.3s; flex-grow: 1; text-align: center; display: flex; align-items: center; flex-direction: column; background-color: #fff; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose button img { max-width: 100%; width: 100%; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose button span { padding: 6px; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose.is-active button { background-color: #638fa2; color: #fff; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose:not(.is-active) button:hover, .c-nav-pulldown__item.c-nav-pulldown__item--purpose:not(.is-active) a:hover { background-color: #e1e1e1; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose:not(.is-active) button:hover img, .c-nav-pulldown__item.c-nav-pulldown__item--purpose:not(.is-active) a:hover img { opacity: .8; } }

@media screen and (max-width: 1000px) { .c-nav-pulldown { position: relative; margin-top: -10px; margin-bottom: 20px; text-align: left; }
  .c-nav-pulldown--full { display: block; width: 100%; }
  .c-nav-pulldown__head { position: relative; display: block; font-size: 16px; padding: 0.45em 1.9em 0.45em 0.8em; color: inherit; text-decoration: none; transition-property: background; transition-duration: 0.3s; background-color: #ffffff; position: relative; }
  .c-nav-pulldown__head:hover { color: inherit; text-decoration: none; }
  .c-nav-pulldown__head::before, .c-nav-pulldown__head::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-nav-pulldown__head::before { border-top: 2px solid #7e8082; width: 12px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-nav-pulldown__head::after { border-left: 2px solid #7e8082; width: 0; height: 12px; top: 0; bottom: 0; right: 5px; transition-property: all; transition-duration: 0.3s; }
  .c-nav-pulldown__head::before { right: 6px; }
  .c-nav-pulldown__head::after { right: 11px; }
  .c-nav-pulldown[aria-expanded="true"] .c-nav-pulldown__head::after { height: 0; }
  .c-nav-pulldown__body { display: none; box-sizing: border-box; width: 100%; background-color: #fff; border-top: 1px solid #dbdbdb; padding-top: 0.45em; padding-bottom: 0.45em; }
  .c-nav-pulldown__body--check .c-nav-pulldown__item.is-active::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 3px; left: 9px; width: 6px; height: 9px; border-bottom: 2px solid #333333; border-right: 2px solid #333333; transform: rotate(40deg); }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) { position: relative; transition-property: background; transition-duration: 0.3s; }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) > * { box-sizing: border-box; width: 100%; text-align: left; display: block; padding: 0.45em 0.5em 0.45em 1.8em; color: inherit; text-decoration: none; background-color: #ffffff; }
  .c-nav-pulldown__item:not(.c-nav-pulldown__item--purpose) > *:hover { color: inherit; text-decoration: none; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose { position: relative; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose button { width: 100%; display: flex; background-color: #fff; align-items: center; padding: 0.45em 0.5em 0.45em 1.8em; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose button img { width: 20%; flex-shrink: 0; }
  .c-nav-pulldown__item.c-nav-pulldown__item--purpose button span { box-sizing: border-box; display: block; width: 80%; padding-left: 6px; flex-grow: 1; text-align: left; display: flex; align-items: center; } }

/******************************************************************
component - nav-layout-switch
******************************************************************/
.c-nav-layout-switch { margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-end; }

.c-nav-layout-switch__title { margin-right: 20px; }

.c-nav-layout-switch__data:not(:last-child) { margin-right: 10px; }

.c-nav-layout-switch__data button { aspect-ratio: 1 / 1; width: 60px; border-radius: 100%; transition-property: background, opacity; transition-duration: 0.3s; }

.c-nav-layout-switch__data button[value="list"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAATCAYAAACUef2IAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFw2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNWI0LCAyMDIyLzA1LzA5LTA4OjI1OjU1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDUtMTlUMTg6NDA6NTYrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA4LTE1VDIwOjI1OjMyKzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA4LTE1VDIwOjI1OjMyKzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDplYzhjMjI4NC0zN2FmLTQ3NGYtOWY4Ni1hNjRlN2MzZDZmZjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODE3MjkwY2EtOTBiNC00MTc1LTg0MDEtZWY4OGNiNmZlNDQ1IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ODE3MjkwY2EtOTBiNC00MTc1LTg0MDEtZWY4OGNiNmZlNDQ1Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo4MTcyOTBjYS05MGI0LTQxNzUtODQwMS1lZjg4Y2I2ZmU0NDUiIHN0RXZ0OndoZW49IjIwMjItMDUtMTlUMTg6NDA6NTYrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4zIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplYzhjMjI4NC0zN2FmLTQ3NGYtOWY4Ni1hNjRlN2MzZDZmZjEiIHN0RXZ0OndoZW49IjIwMjItMDgtMTVUMjA6MjU6MzIrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl7vJ1oAAAA3SURBVDiNY6xraPrPQAPARAtDaWowCwMDAyMtDB56QTH0DGZhYGAYTccMDAyj6XhIGzyajuEAAO8iBK1sOeFPAAAAAElFTkSuQmCC) center center no-repeat; }

.c-nav-layout-switch__data button[value="tile"] { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAZCAYAAADaILXQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFw2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNWI0LCAyMDIyLzA1LzA5LTA4OjI1OjU1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjItMDUtMTlUMTg6NDE6MjYrMDk6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIyLTA4LTE1VDIwOjI1OjM1KzA5OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIyLTA4LTE1VDIwOjI1OjM1KzA5OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1YTE5NzhmNi04Mjg3LTRlM2QtOTQ4ZC04MDkyY2RmNTZmYTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZTM0MGEwNTctZGU3Yi00ZTIyLTk1MjctM2E0ZWViNTQ1YjlkIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZTM0MGEwNTctZGU3Yi00ZTIyLTk1MjctM2E0ZWViNTQ1YjlkIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplMzQwYTA1Ny1kZTdiLTRlMjItOTUyNy0zYTRlZWI1NDViOWQiIHN0RXZ0OndoZW49IjIwMjItMDUtMTlUMTg6NDE6MjYrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4zIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo1YTE5NzhmNi04Mjg3LTRlM2QtOTQ4ZC04MDkyY2RmNTZmYTMiIHN0RXZ0OndoZW49IjIwMjItMDgtMTVUMjA6MjU6MzUrMDk6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsFYQ0QAAABFSURBVEiJY6xraPrPgAkY0fhkqWHCoolqYNRwrICFATNisAGy1AzdYBm6hrMwkJn7iFEzdINl6Bo+mkOHmeGjOXSYGQ4AY2kKvY4a8QkAAAAASUVORK5CYII=) center center no-repeat; }

.c-nav-layout-switch__data button[aria-pressed="true"] { background-color: #ffffff; }

.c-nav-layout-switch__data button:not([aria-pressed="true"]):hover { opacity: .6; }

@media screen and (max-width: 1000px) { .c-nav-layout-switch { display: none; } }

/******************************************************************
project - checkinBlock
******************************************************************/
.p-checkinBlock { position: absolute; top: 15px; right: 15px; }

@media screen and (max-width: 989px) { .p-checkinBlock { top: 15px; right: 0; left: 0; } }

.p-checkinBlock p { background: #fdfbfc; font-size: 1.2rem; height: 28px; line-height: 28px; padding: 0 20px; border-radius: 14px; }

@media screen and (max-width: 989px) { .p-checkinBlock p { display: inline-block; padding: 0 10px; white-space: nowrap; } }

/******************************************************************
project - planContentsList
******************************************************************/
.planContentsList h2 a { transition: none; }

@media print, screen and (min-width: 1001px) { .planContentsList .btnWrap { clear: both; margin-right: -20px; margin-top: -20px; flex-wrap: wrap; justify-content: center; }
  .planContentsList .btnWrap li { margin: 20px 20px 0 0; width: calc(20% - 20px); } }

@media screen and (max-width: 1000px) { .planContentsList .btnWrap a { font-size: 1.24rem !important; padding-left: 5px; padding-right: 5px; } }

@media print, screen and (min-width: 1001px) { [data-nav-layout-switch="tile"] .planContentsList { display: flex; flex-wrap: wrap; margin-top: -20px; margin-right: -20px; }
  [data-nav-layout-switch="tile"] .planContentsList > li { box-sizing: border-box; width: calc( 33.33333% - 20px); margin: 20px 20px 0 0; padding: 20px; }
  [data-nav-layout-switch="tile"] .planContentsList div.inner p.img { float: none; width: 100%; margin: 0 0 15px 0; }
  [data-nav-layout-switch="tile"] .planContentsList div.inner p.img img { max-width: 100%; }
  [data-nav-layout-switch="tile"] .planContentsList div.inner h2.planTitle { font-size: 1.6rem; }
  [data-nav-layout-switch="tile"] .planContentsList div.inner ul.tagList { margin-bottom: 15px; }
  [data-nav-layout-switch="tile"] .planContentsList div.inner p.desc { display: none; }
  [data-nav-layout-switch="tile"] .planContentsList div.priceBlock { margin-bottom: 15px; padding: 10px; }
  [data-nav-layout-switch="tile"] .planContentsList ul.btnWrap { margin-top: 15px; flex-wrap: wrap; margin-top: -1px; margin-right: -1px; }
  [data-nav-layout-switch="tile"] .planContentsList ul.btnWrap li { margin: 0; margin-top: 1px; margin-right: 1px; width: calc( 50% - 1px); display: flex; }
  [data-nav-layout-switch="tile"] .planContentsList ul.btnWrap li a { box-sizing: border-box; line-height: 1.4; padding: 8px 3px; display: flex; align-items: center; justify-content: center; } }

/******************************************************************
project - json
******************************************************************/
.p-json-btn { text-align: center; margin-bottom: 40px; }

.p-json-btn button { line-height: 40px; font-size: 1.7rem; padding: .4em; min-width: 10em; background: #638fa2; color: #FFF !important; font-weight: 500; text-align: center; text-decoration: none !important; transition-property: opacity; transition-duration: 0.3s; }

.p-json-btn button:hover { opacity: .7; }

.p-json__note { margin-bottom: 15px; text-align: center; }

.p-json__notfound { text-align: center; font-size: 18px; }

.p-json__item { animation: p-result-ani 0.3s ease-out 0s 1 forwards; }

.p-json__more { text-align: center; width: 360px; margin-left: auto; margin-right: auto; }

.p-json__morebutton { width: 100%; display: block; line-height: 40px; font-size: 1.8rem; padding: .4em; background: #638fa2; color: #FFF !important; font-weight: 500; text-align: center; text-decoration: none !important; transition-property: opacity; transition-duration: 0.3s; }

.p-json__morebutton:hover { opacity: .7; }

@keyframes p-result-ani { 0% { transform: scale(0.8, 0.8);
    opacity: 0; }
  100% { transform: scale(1, 1);
    opacity: 1; } }

/******************************************************************
utility - display-off
******************************************************************/
.u-display-off { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); }

@media screen and (max-width: 1000px) { .u-sp-display-off { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); } }