@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { text-decoration: none; }

ins, mark { background-color: #ff9; color: #000; }

mark { font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

table { font-size: inherit; }

pre, code, kbd, samp, tt { font-family: monospace; *font-size: 100%; font: 115% monospace; line-height: 150%; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

.clear { clear: both; }

br.clear { font-size: 1px; line-height: 100%; clear: both; }

div.clear { line-height: 100%; clear: both; }

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix { zoom: 1; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.imgfix { font-size: 1px; line-height: 1px; }

html { font-size: 2.666vw; }

body { color: #000; font-size: 1rem; }

@media (min-width: 768px) { html { font-size: 125%; }
  body { font-size: 16px; } }

*, *:before, *:after { box-sizing: border-box; }

ul, ol { list-style: none; }

p { line-height: 1.6; }

img { max-width: 100%; height: auto; vertical-align: bottom; }

@media (min-width: 768px) { img { width: auto; } }

button, input[type=submit] { -webkit-appearance: none; appearance: none; }

a { color: #333; text-decoration: none; }

a:focus { outline: none; }

body { font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ letter-spacing: 0px; -webkit-text-size-adjust: 100%; }

@media all and (-ms-high-contrast: none) { body { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { body { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

.bold { font-weight: bold; }

.italic { font-style: italic; }

.palt { font-feature-settings: "palt"; }

.justify { text-align: justify; text-justify: distribute; }

.responsive-movie { position: relative; width: 100%; padding-top: 56.25%; }

.responsive-movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

.content-inner { margin: 0 1.5rem; width: auto; }

.content-inner:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

@media (min-width: 768px) { .content-inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; } }

@media (min-width: 768px) { .ov, .search-result__list .item a { transition: opacity 0.3s; }
  .ov:hover, .search-result__list .item a:hover { opacity: 0.7; } }

@media (max-width: 767px) { .hide-sp, br.hide-sp { display: none; } }

@media (min-width: 768px) { .hide-pc, br.hide-pc { display: none; } }

@media (min-width: 768px) and (max-width: 1024px) { .hide-tablet, br.hide-tablet { display: none; } }

.accordion { margin-bottom: 2rem; border-bottom: 1px solid #000; }

.accordion [data-accordion="toggle"] { cursor: pointer; }

.accordion__toggle { position: relative; }

.accordion__toggle:after, .accordion__toggle:before { width: 0.7rem; height: 0.15rem; background-color: #000; right: 0; top: 50%; content: ''; position: absolute; display: block; }

.accordion__toggle:before { transform: rotate(90deg); }

.open .accordion__toggle:before { opacity: 0; }

@media (min-width: 768px) { .accordion__toggle:after, .accordion__toggle:before { width: 12px; height: 3px; margin-top: -1px; } }

.accordion__content { padding: 1rem 0; }

.accordion__btn { margin: 0 auto; height: 3rem; width: 250px; border: 1px solid #000; background-color: #aaa; display: flex; align-items: center; justify-content: center; }

.accordion__btn:before { content: '開く'; }

.open .accordion__btn:before { content: '閉じる'; }

#ui-datepicker-div { display: none; border-radius: 7px; border: 1px solid #c5c5c5; position: absolute; z-index: 1000; left: -30px; background-color: white; padding: 10px 0; top: -6rem; }

@media (min-width: 768px) { #ui-datepicker-div { font-size: 125%; } }

#ui-datepicker-div .ui-widget-header { border: none; background: inherit; }

#ui-datepicker-div .ui-widget-content { border: none; }

#ui-datepicker-div .ui-state-default { border: none; background-color: inherit; color: inherit; padding: 15px 0; width: 100%; text-align: center; }

#ui-datepicker-div .active .ui-state-default, #ui-datepicker-div .active .ui-state-default.ui-state-active { background-color: #bfc4d8; color: #fff; }

#ui-datepicker-div .ui-datepicker-today .ui-state-highlight { border: none; background-color: #fff; }

#ui-datepicker-div .selected .ui-state-default, #ui-datepicker-div .selected .ui-state-default.ui-state-active { border: none; color: white; background-color: #3063bb; }

#ui-datepicker-div .select-start .ui-state-default, #ui-datepicker-div .select-start .ui-state-default.ui-state-active { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

#ui-datepicker-div .select-end .ui-state-default, #ui-datepicker-div .select-end .ui-state-default.ui-state-active { border-top-right-radius: 7px; border-bottom-right-radius: 7px; }

#ui-datepicker-div .ui-state-hover { border: none; background-color: #bfc4d8; }

#ui-datepicker-div .ui-datepicker-calendar th { font-weight: normal; width: 14%; }

#ui-datepicker-div .ui-datepicker-calendar td { padding: 0; }

#ui-datepicker-div .ui-datepicker-calendar td.hasStock { opacity: .88; color: #44403f; position: relative; }

#ui-datepicker-div .ui-datepicker-calendar td.hasStock.active { opacity: 1; }

#ui-datepicker-div .ui-datepicker-calendar td.hasStock .ui-state-hover { background-color: #d8ddf4; }

#ui-datepicker-div .ui-datepicker-calendar td.select-gray { background-color: #d8ddf4; }

#ui-datepicker-div .ui-datepicker-calendar td.select-gray:after { position: absolute; left: 50%; bottom: 105%; content: ""; width: 0; height: 0; margin-left: -5px; border-style: solid; border-width: 10px 5px 0 5px; border-color: #d8ddf4 transparent transparent transparent; display: block; }

#ui-datepicker-div .ui-datepicker-calendar td.select-gray:before { position: absolute; bottom: 120%; left: calc(50% - (110px / 2)); -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px; content: attr(title); color: #44403f; display: block; width: 110px; height: auto; padding: 10px 5px; background: #d8ddf4; border-radius: 4px; display: block; text-align: center; }

#ui-datepicker-div .ui-datepicker-calendar td.select-gray.onLeft:before { left: 0; }

#ui-datepicker-div .ui-datepicker-calendar td.select-gray.onRight:before { left: auto; right: 0; }

#ui-datepicker-div .ui-datepicker-calendar td.unselected { color: #b1b1b1; }

#ui-datepicker-div .ui-datepicker-calendar td.unselected span { text-decoration: line-through; }

#ui-datepicker-div .ui-datepicker-calendar td.selected span { text-decoration: none; }

#ui-datepicker-div .ui-datepicker-buttonpanel { width: 90%; margin: 0 auto; }

#ui-datepicker-div .ui-datepicker-buttonpanel button { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #3063bb; color: white; }

#ui-datepicker-div .ui-datepicker-buttonpanel button:first-child { width: 35%; background-color: #fff; border: #3063bb solid 1px; color: #3063bb; }

#ui-datepicker-div .ui-datepicker-buttonpanel button:last-child { width: 63%; margin-left: 2%; }

#ui-datepicker-div .ui-datepicker-buttonpanel button:hover { opacity: 0.9; }

#ui-datepicker-div .ui-datepicker-closepanel { width: 90%; margin: 0.5rem auto 0.3rem; font-size: 0.6rem; text-align: right; }

#ui-datepicker-div .ui-datepicker-messagepanel { width: 70%; margin: 0.5rem auto; font-size: 0.7rem; color: #3063bb; display: inline-block; padding: 0 0 0 1.8rem; }

#ui-datepicker-div .ui-datepicker-guideLink { font-size: 0.7rem; text-align: right; color: #4b4b4b; display: inline-block; margin: 0.5rem 0; padding: 0 1.8rem 0 0; position: relative; width: 30%; }

#ui-datepicker-div .ui-datepicker-guideLink a { padding: 0 0 0 20px; position: relative; }

#ui-datepicker-div .ui-datepicker-guideLink a:hover { opacity: 0.8; }

#ui-datepicker-div .ui-datepicker-guideLink a:before { content: url("../images/common/icon_info.svg"); position: absolute; top: 0; left: 0; width: 15px; height: 15px; }

@media (max-width: 767px) { #ui-datepicker-div .ui-datepicker-buttonpanel button { padding: 10px 0; }
  #ui-datepicker-div .ui-datepicker-messagepanel { font-size: 1rem; }
  #ui-datepicker-div .ui-datepicker-closepanel { font-size: 0.9rem; font-weight: bold; }
  #ui-datepicker-div .ui-datepicker-guideLink { font-size: 1rem; }
  #ui-datepicker-div .ui-datepicker-guideLink a:before { right: calc(1.8rem + 5.2rem); } }

#ui-datepicker-div .ui-loading-cover { width: 100%; height: 100%; background-color: white; position: absolute; top: 0; opacity: 0.8; text-align: center; padding-top: 26%; color: black; border-radius: 7px; }

.ui-dialog { z-index: 1002 !important; }

@media screen and (max-width: 768px) { .ui-dialog #error-dialog { font-size: 1.2rem; } }

.breadcrumb-list { max-width: 1240px; margin: 0px auto 10px auto; padding: 0 20px; text-align: left; }

.breadcrumb-list p { color: #000; font-size: 12px; }

.breadcrumb-list p a { color: #000; font-size: 12px; }

@media screen and (max-width: 768px) { .breadcrumb-list { margin: 0px auto; }
  .breadcrumb-list p { font-size: 10px; }
  .breadcrumb-list p a { font-size: 10px; } }

.breadcrumb-list-about { margin: 10px auto; max-width: 1240px; padding: 0 20px; text-align: left; }

.breadcrumb-list-about p { color: #000; font-size: 12px; }

.breadcrumb-list-about p a { color: #000; font-size: 12px; }

@media screen and (max-width: 768px) { .breadcrumb-list-about { margin: 10px auto 0px auto; }
  .breadcrumb-list-about p { font-size: 10px; }
  .breadcrumb-list-about p a { font-size: 10px; } }

/* toggleMenu setting -----------------------------------------------------------*/
[data-toggleMenu="main"] { top: 0; right: 0; position: fixed; z-index: 100; pointer-events: none; }

[data-toggleMenu="main"].open { pointer-events: auto; overflow-x: hidden; overflow-y: scroll; height: 100%; }

@media (min-width: 768px) { [data-toggleMenu="main"] { position: static; pointer-events: auto; display: none; } }

[data-toggleMenu="container"] { height: auto; max-height: 100vh; width: 82vw; right: 0; top: 0; position: absolute; z-index: 100; overflow: auto; -webkit-overflow-scrolling: touch; transform: translate(200%, 0); transition: transform 0.3s; }

.open [data-toggleMenu="container"] { transform: translate(0, 0); height: 100%; }

@media (min-width: 768px) { [data-toggleMenu="container"] { transform: none; position: static; height: auto; width: auto; overflow: visible; } }

.toggleMenuBtn { display: block; width: 4rem; height: 4rem; position: relative; }

.toggleMenuBtn:before, .toggleMenuBtn:after { content: ''; }

.toggleMenuBtn:before, .toggleMenuBtn:after, .toggleMenuBtn i { transition: 0.3s; position: absolute; display: block; height: 0.25rem; width: 50%; margin: -1px 25% 0; background-color: #231815; }

.toggleMenuBtn:before { top: 35%; }

.toggleMenuBtn i { top: 50%; }

.toggleMenuBtn:after { top: 65%; }

.toggleMenuBtn.close { transform: rotate(90deg); /* i { opacity: 0;} &:before { transform:rotate(225deg); top: 50%;} &:after { transform:rotate(135deg); top: 50%;}*/ }

.toggleMenuBtn.close i, .toggleMenuBtn.close:before, .toggleMenuBtn.close:after { background-color: #fff; }

.toggleManu-overlay { top: 0; bottom: 0; right: 0; left: 0; position: fixed; z-index: 1; background-color: rgba(255, 255, 255, 0.5); }

/* icon */
.arrow-before { padding-left: 1.4rem; position: relative; display: inline-block; }

.arrow-before:before { left: 0; position: absolute; background: transparent no-repeat center center / contain; content: ''; display: block; }

@media (min-width: 768px) { .arrow-before { padding-left: 14px; } }

.arrow-before.small { padding-left: 0.7rem; }

.arrow-after, .sp_menu__list a, .sp_menu .subpage a, .globalFooter__menu a { padding-right: 1.4rem; position: relative; display: inline-block; }

.arrow-after:before, .sp_menu__list a:before, .sp_menu .subpage a:before, .globalFooter__menu a:before { right: 0; position: absolute; background: transparent no-repeat center center / contain; content: ''; display: block; }

@media (min-width: 768px) { .arrow-after, .sp_menu__list a, .sp_menu .subpage a, .globalFooter__menu a { padding-left: 14px; } }

.arrow-after.small, .sp_menu__list a.small, .sp_menu .subpage a.small, .globalFooter__menu a.small { padding-right: 0.7rem; }

.arrow-black, .arrow-white, .sp_menu__list a, .sp_menu .subpage a, .globalFooter__menu a { font-size: 1.2rem; }

.arrow-black:before, .arrow-white:before, .sp_menu__list a:before, .sp_menu .subpage a:before, .globalFooter__menu a:before { top: 50%; margin-top: -0.625rem; height: 1.25rem; width: 0.8rem; }

@media (min-width: 768px) { .arrow-black, .arrow-white, .sp_menu__list a, .sp_menu .subpage a, .globalFooter__menu a { font-size: 16px; }
  .arrow-black:before, .arrow-white:before, .sp_menu__list a:before, .sp_menu .subpage a:before, .globalFooter__menu a:before { margin-top: -7.5px; height: 15px; width: 10px; } }

.arrow-black.small, .arrow-white.small, .sp_menu__list a.small, .sp_menu .subpage a.small, .globalFooter__menu a.small { font-size: 0.8rem; }

.arrow-black.small:before, .arrow-white.small:before, .sp_menu__list a.small:before, .sp_menu .subpage a.small:before, .globalFooter__menu a.small:before { margin-top: -0.35rem; height: 0.7rem; width: 0.45rem; }

.arrow-black:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.18%2025.42%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23231815%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.71%2016.18L0%203.47%203.47%200l12.71%2012.71zM1.41%203.47l11.3%2011.3%202.06-2.06-11.3-11.3z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.47%2025.42L0%2022%2012.71%209.24l3.47%203.47zM1.41%2022l2.06%202%2011.3-11.3-2.06-2.06z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

.arrow-white:before, .sp_menu__list a:before, .sp_menu .subpage a:before, .globalFooter__menu a:before { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016.18%2025.42%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M12.71%2016.18L0%203.47%203.47%200l12.71%2012.71zM1.41%203.47l11.3%2011.3%202.06-2.06-11.3-11.3z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M3.47%2025.42L0%2022%2012.71%209.24l3.47%203.47zM1.41%2022l2.06%202%2011.3-11.3-2.06-2.06z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

#wrapper { overflow-x: hidden; }

#container { display: block; }

#container > *:first-child { padding-top: 1.5rem; }

#container .content-search { padding-top: 0; border-top: none; }

#container .fvimage { padding-top: 0; border-top: none; text-align: center; }

.globalHeader__container { height: 7rem; display: flex; align-items: center; /* IE9 */ }

.globalHeader__container .utility { display: none; }

.globalHeader__container .social { display: none; }

.globalHeader__container .gnav_btn { margin-left: auto; }

@media (min-width: 768px) { .globalHeader__container { height: auto; padding: 60px 0 40px; }
  .globalHeader__container:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
  .globalHeader__container .utility { margin-left: auto; display: flex; align-items: center; flex: 0 1 auto; float: right; }
  .globalHeader__container .gnav { float: left; }
  .globalHeader__container .social { margin-left: 15px; height: 30px; width: 120px; display: block; flex: 0 0 120px; float: left; }
  .globalHeader__container .icon-sns { margin-left: 10px; height: 30px; width: 30px; float: left; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .globalHeader__container .gnav { margin-top: 15px; }
  .globalHeader__container .social { margin-top: 6px; } }

.globalHeader__logo a { text-decoration: none; }

.globalHeader__logo .logo { margin-bottom: 0.5rem; width: 14.8rem; height: 1.1rem; }

.globalHeader__logo .under_txt { font-size: 11px; line-height: 1; white-space: nowrap; }

@media (min-width: 768px) { .globalHeader__logo { float: left; }
  .globalHeader__logo .under_txt { font-size: 13px; } }

.globalHeader__nav .list li { margin-left: 2em; margin-top: 5px; margin-bottom: 5px; float: left; font-size: 16px; }

.sp_menu_btn { margin-left: auto; }

@media (min-width: 768px) { .sp_menu_btn { display: none; } }

.sp_menu__container { background-color: #4d4d4d; color: #fff; position: relative; font-size: 1rem; }

.sp_menu__container .title { padding: 1rem 1rem 0.5rem 2.5rem; border-bottom: 1px solid #d3d3d3; display: flex; align-items: center; }

.sp_menu__container .title .toggleMenuBtn { margin-left: auto; }

.sp_menu__container .section { margin-top: 0.5rem; border-top: 1px solid #d3d3d3; }

.sp_menu__container .block { padding: 1rem 2.5rem; border-bottom: 1px solid #d3d3d3; }

.sp_menu__container .head { padding-left: 0.5rem; margin: 2rem 0 1rem -0.5rem; border-left: 1px solid #ffffff; line-height: 1.2; font-size: 1.2rem; }

.sp_menu__container a { color: #fff; }

.sp_menu .subpage li { padding: 1rem 2.5rem; border-bottom: 1px solid #d3d3d3; }

.sp_menu .social { padding: 2rem 2.5rem; }

.sp_menu .social a { margin: 0 0.5rem 0 0.3rem; }

.sp_menu .social .icon-sns { width: 3rem; }

.sp_menu .copyright { padding: 0 2.5rem 2rem; }

.sp_menu__list a, .sp_menu .subpage a { padding: 1rem 1.5rem 1rem 0; color: #fff; display: block; text-decoration: none; }

.sp_menu .area-search { padding: 0.3rem; }

.sp_menu .area__block dt:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #ececec; border-right: solid 2px #ececec; position: absolute; right: 9%; margin-top: 0.9em; transform: rotate(-45deg); }

.sp_menu .area__block dl { font-size: 1.3rem; line-height: 3rem; display: none; }

.sp_menu .area__block dd { margin-left: 1rem; display: none; }

.sp_menu .area__block h4:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #ececec; border-right: solid 2px #ececec; position: absolute; right: 9%; margin-top: 8px; transform: rotate(-45deg); }

.sp_menu .area__block ul > li { /* margin: 0.5rem 0; */ }

.sp_menu .area__block ul.nav-search-purpose { display: none; font-size: 1.1rem; margin-left: 0.5rem; }

.sp_menu .area__block ul.nav-search-purpose li { line-height: 3rem; font-size: 1.3rem; }

.sp_menu .area__block ul.nav-search-purpose li:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #ececec; border-right: solid 2px #ececec; position: absolute; right: 9%; margin-top: 0.9em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.sp_menu .area__block ul.nav-search-purpose .ellipsis { overflow: hidden; white-space: nowrap; width: 95%; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */ -o-text-overflow: ellipsis; /* Opera */ }

.sp_menu .area__block .accordion-open:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.globalFooter { background-color: #4D4D4D; color: #fff; }

.globalFooter .copyright { padding: 1rem 0; font-size: 0.7rem; text-align: right; display: block; text-align: center; }

@media (min-width: 768px) { .globalFooter { padding: 25px 0; }
  .globalFooter .copyright { padding: 0 1em; font-size: 10px; float: left; margin: 25px 0; } }

.globalFooter__menu { margin: 0 -2rem 2rem; }

.globalFooter__menu li { border-top: 1px solid #fff; }

.globalFooter__menu li:first-child { border-top: none; }

.globalFooter__menu a { padding: 1rem 2rem; width: 100%; font-size: 13px; color: #fff; line-height: 1.5; display: block; text-decoration: none; }

.globalFooter__menu a:before { right: 2rem; }

@media (min-width: 768px) { .globalFooter__menu { margin: 0; }
  .globalFooter__menu:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
  .globalFooter__menu li { float: left; border-top: none; }
  .globalFooter__menu li:not(:first-child) { border-left: 1px solid #fff; }
  .globalFooter__menu a { padding: 0 0.8em; width: auto; font-size: 13px; line-height: 1; }
  .globalFooter__menu a:before { display: none; } }

#goPagetop { position: fixed; right: 70px; bottom: 90px; }

#goPagetop a { font-size: 12px; text-decoration: none; cursor: pointer; }

#goPagetop a:before { transform: rotate(-90deg); }

@media (max-width: 767px) { #goPagetop a { display: none; } }

/* Subpage common style */
.pageTitle { padding: 2rem 0; font-size: 1.2rem; text-align: center; }

.pageTitle > * { font-weight: 700; letter-spacing: 0.1em; }

@media (min-width: 768px) { .pageTitle { padding: 50px 0; } }

.pageHeading-2 { margin: 1.5rem 0; border-left: 2px solid #000; padding-left: 0.5rem; }

.pageHeading-2 > * { font-size: 0.8rem; font-weight: 700; line-height: 1.3; }

@media (min-width: 768px) { .pageHeading-2 { border-left-width: 3px; } }

.error { color: #E50012; margin-top: 0.2rem; font-weight: 400; }

.error-dialog { width: 50% !important; max-width: 450px !important; }

.error-dialog .ui-dialog-titlebar { display: none; }

.ui-widget-overlay { background-color: black; opacity: .50; filter: Alpha(Opacity=30); }

.guest-dialog { width: 90% !important; }

.guest-dialog .ui-dialog-titlebar { display: none; }

#mask { position: fixed; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 80; display: none; }

.error-area { background-color: pink; width: 100%; max-width: 1200px; margin: 0 auto 1rem; padding: 1rem 2rem; color: #E50012; font-weight: 400; font-size: 0.9rem; }

.u-hover { -webkit-transition: opacity .3s; transition: opacity .3s; }

@media only screen and (min-width: 769px) { .u-hover:hover { opacity: .6; } }

.u-float-l { float: left !important; }

.u-float-r { float: right !important; }

.u-clear { clear: both; }

.u-clearfix { overflow: hidden; }

.u-clearfix-lagacy { *zoom: 1; }

.u-clearfix-lagacy:after { content: ""; display: table; clear: both; }

.u-font-ja { font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

.u-font-en { font-family: Helvatica, Arial, sans-serif; }

.u-fsize-lg { font-size: 2rem; }

.u-fsize-md { font-size: 1.8rem; }

.u-font-size-lm { font-size: 1.6rem; }

.u-fsize-nm { font-size: 1.4rem; }

.u-fsize-sm { font-size: 1.2rem; }

.u-fsize-xs { font-size: 1rem; }

.u-fweight-nm { font-weight: 400 !important; }

.u-fweight-b { font-weight: 700 !important; }

.u-lheight-lg { line-height: 1.8; }

@media only screen and (min-width: 769px) { .u-lheight-lg { line-height: 2.1; } }

.u-lheight-md { line-height: 1.8; }

.u-lheight-nm { line-height: 1.3; }

.u-nowrap { white-space: nowrap; }

.u-underline { text-decoration: underline; }

.u-align-l { text-align: left !important; }

.u-align-c { text-align: center !important; }

.u-align-r { text-align: right !important; }

.u-align-t { vertical-align: top !important; }

.u-align-m { vertical-align: middle !important; }

.u-align-b { vertical-align: bottom !important; }

.u-block-c { margin-left: auto; margin-right: auto; }

.u-m-0 { margin: 0 !important; }

.u-mtop-0 { margin-top: 0 !important; }

.u-mright-0 { margin-right: 0 !important; }

.u-mbottom-0 { margin-bottom: 0 !important; }

.u-mleft-0 { margin-left: 0 !important; }

.u-m-5 { margin: 5px !important; }

.u-mtop-5 { margin-top: 5px !important; }

.u-mright-5 { margin-right: 5px !important; }

.u-mbottom-5 { margin-bottom: 5px !important; }

.u-mleft-5 { margin-left: 5px !important; }

.u-m-10 { margin: 10px !important; }

.u-mtop-10 { margin-top: 10px !important; }

.u-mright-10 { margin-right: 10px !important; }

.u-mbottom-10 { margin-bottom: 10px !important; }

.u-mleft-10 { margin-left: 10px !important; }

.u-m-15 { margin: 15px !important; }

.u-mtop-15 { margin-top: 15px !important; }

.u-mright-15 { margin-right: 15px !important; }

.u-mbottom-15 { margin-bottom: 15px !important; }

.u-mleft-15 { margin-left: 15px !important; }

.u-m-20 { margin: 20px !important; }

.u-mtop-20 { margin-top: 20px !important; }

.u-mright-20 { margin-right: 20px !important; }

.u-mbottom-20 { margin-bottom: 20px !important; }

.u-mleft-20 { margin-left: 20px !important; }

.u-m-25 { margin: 25px !important; }

.u-mtop-25 { margin-top: 25px !important; }

.u-mright-25 { margin-right: 25px !important; }

.u-mbottom-25 { margin-bottom: 25px !important; }

.u-mleft-25 { margin-left: 25px !important; }

.u-m-30 { margin: 30px !important; }

.u-mtop-30 { margin-top: 30px !important; }

.u-mright-30 { margin-right: 30px !important; }

.u-mbottom-30 { margin-bottom: 30px !important; }

.u-mleft-30 { margin-left: 30px !important; }

.u-m-35 { margin: 35px !important; }

.u-mtop-35 { margin-top: 35px !important; }

.u-mright-35 { margin-right: 35px !important; }

.u-mbottom-35 { margin-bottom: 35px !important; }

.u-mleft-35 { margin-left: 35px !important; }

.u-m-40 { margin: 40px !important; }

.u-mtop-40 { margin-top: 40px !important; }

.u-mright-40 { margin-right: 40px !important; }

.u-mbottom-40 { margin-bottom: 40px !important; }

.u-mleft-40 { margin-left: 40px !important; }

.u-m-45 { margin: 45px !important; }

.u-mtop-45 { margin-top: 45px !important; }

.u-mright-45 { margin-right: 45px !important; }

.u-mbottom-45 { margin-bottom: 45px !important; }

.u-mleft-45 { margin-left: 45px !important; }

.u-m-50 { margin: 50px !important; }

.u-mtop-50 { margin-top: 50px !important; }

.u-mright-50 { margin-right: 50px !important; }

.u-mbottom-50 { margin-bottom: 50px !important; }

.u-mleft-50 { margin-left: 50px !important; }

.u-m-55 { margin: 55px !important; }

.u-mtop-55 { margin-top: 55px !important; }

.u-mright-55 { margin-right: 55px !important; }

.u-mbottom-55 { margin-bottom: 55px !important; }

.u-mleft-55 { margin-left: 55px !important; }

.u-m-60 { margin: 60px !important; }

.u-mtop-60 { margin-top: 60px !important; }

.u-mright-60 { margin-right: 60px !important; }

.u-mbottom-60 { margin-bottom: 60px !important; }

.u-mleft-60 { margin-left: 60px !important; }

.u-m-65 { margin: 65px !important; }

.u-mtop-65 { margin-top: 65px !important; }

.u-mright-65 { margin-right: 65px !important; }

.u-mbottom-65 { margin-bottom: 65px !important; }

.u-mleft-65 { margin-left: 65px !important; }

.u-m-70 { margin: 70px !important; }

.u-mtop-70 { margin-top: 70px !important; }

.u-mright-70 { margin-right: 70px !important; }

.u-mbottom-70 { margin-bottom: 70px !important; }

.u-mleft-70 { margin-left: 70px !important; }

.u-m-75 { margin: 75px !important; }

.u-mtop-75 { margin-top: 75px !important; }

.u-mright-75 { margin-right: 75px !important; }

.u-mbottom-75 { margin-bottom: 75px !important; }

.u-mleft-75 { margin-left: 75px !important; }

.u-m-80 { margin: 80px !important; }

.u-mtop-80 { margin-top: 80px !important; }

.u-mright-80 { margin-right: 80px !important; }

.u-mbottom-80 { margin-bottom: 80px !important; }

.u-mleft-80 { margin-left: 80px !important; }

.u-m-85 { margin: 85px !important; }

.u-mtop-85 { margin-top: 85px !important; }

.u-mright-85 { margin-right: 85px !important; }

.u-mbottom-85 { margin-bottom: 85px !important; }

.u-mleft-85 { margin-left: 85px !important; }

.u-m-90 { margin: 90px !important; }

.u-mtop-90 { margin-top: 90px !important; }

.u-mright-90 { margin-right: 90px !important; }

.u-mbottom-90 { margin-bottom: 90px !important; }

.u-mleft-90 { margin-left: 90px !important; }

.u-m-95 { margin: 95px !important; }

.u-mtop-95 { margin-top: 95px !important; }

.u-mright-95 { margin-right: 95px !important; }

.u-mbottom-95 { margin-bottom: 95px !important; }

.u-mleft-95 { margin-left: 95px !important; }

.u-m-100 { margin: 100px !important; }

.u-mtop-100 { margin-top: 100px !important; }

.u-mright-100 { margin-right: 100px !important; }

.u-mbottom-100 { margin-bottom: 100px !important; }

.u-mleft-100 { margin-left: 100px !important; }

.u-p-0 { padding: 0 !important; }

.u-ptop-0 { padding-top: 0 !important; }

.u-pright-0 { padding-right: 0 !important; }

.u-pbottom-0 { padding-bottom: 0 !important; }

.u-pleft-0 { padding-left: 0 !important; }

.u-p-5 { padding: 5px !important; }

.u-ptop-5 { padding-top: 5px !important; }

.u-pright-5 { padding-right: 5px !important; }

.u-pbottom-5 { padding-bottom: 5px !important; }

.u-pleft-5 { padding-left: 5px !important; }

.u-p-10 { padding: 10px !important; }

.u-ptop-10 { padding-top: 10px !important; }

.u-pright-10 { padding-right: 10px !important; }

.u-pbottom-10 { padding-bottom: 10px !important; }

.u-pleft-10 { padding-left: 10px !important; }

.u-p-15 { padding: 15px !important; }

.u-ptop-15 { padding-top: 15px !important; }

.u-pright-15 { padding-right: 15px !important; }

.u-pbottom-15 { padding-bottom: 15px !important; }

.u-pleft-15 { padding-left: 15px !important; }

.u-p-20 { padding: 20px !important; }

.u-ptop-20 { padding-top: 20px !important; }

.u-pright-20 { padding-right: 20px !important; }

.u-pbottom-20 { padding-bottom: 20px !important; }

.u-pleft-20 { padding-left: 20px !important; }

.u-p-25 { padding: 25px !important; }

.u-ptop-25 { padding-top: 25px !important; }

.u-pright-25 { padding-right: 25px !important; }

.u-pbottom-25 { padding-bottom: 25px !important; }

.u-pleft-25 { padding-left: 25px !important; }

.u-p-30 { padding: 30px !important; }

.u-ptop-30 { padding-top: 30px !important; }

.u-pright-30 { padding-right: 30px !important; }

.u-pbottom-30 { padding-bottom: 30px !important; }

.u-pleft-30 { padding-left: 30px !important; }

.u-p-35 { padding: 35px !important; }

.u-ptop-35 { padding-top: 35px !important; }

.u-pright-35 { padding-right: 35px !important; }

.u-pbottom-35 { padding-bottom: 35px !important; }

.u-pleft-35 { padding-left: 35px !important; }

.u-p-40 { padding: 40px !important; }

.u-ptop-40 { padding-top: 40px !important; }

.u-pright-40 { padding-right: 40px !important; }

.u-pbottom-40 { padding-bottom: 40px !important; }

.u-pleft-40 { padding-left: 40px !important; }

.u-p-45 { padding: 45px !important; }

.u-ptop-45 { padding-top: 45px !important; }

.u-pright-45 { padding-right: 45px !important; }

.u-pbottom-45 { padding-bottom: 45px !important; }

.u-pleft-45 { padding-left: 45px !important; }

.u-p-50 { padding: 50px !important; }

.u-ptop-50 { padding-top: 50px !important; }

.u-pright-50 { padding-right: 50px !important; }

.u-pbottom-50 { padding-bottom: 50px !important; }

.u-pleft-50 { padding-left: 50px !important; }

.u-p-55 { padding: 55px !important; }

.u-ptop-55 { padding-top: 55px !important; }

.u-pright-55 { padding-right: 55px !important; }

.u-pbottom-55 { padding-bottom: 55px !important; }

.u-pleft-55 { padding-left: 55px !important; }

.u-p-60 { padding: 60px !important; }

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

.u-pright-60 { padding-right: 60px !important; }

.u-pbottom-60 { padding-bottom: 60px !important; }

.u-pleft-60 { padding-left: 60px !important; }

.u-p-65 { padding: 65px !important; }

.u-ptop-65 { padding-top: 65px !important; }

.u-pright-65 { padding-right: 65px !important; }

.u-pbottom-65 { padding-bottom: 65px !important; }

.u-pleft-65 { padding-left: 65px !important; }

.u-p-70 { padding: 70px !important; }

.u-ptop-70 { padding-top: 70px !important; }

.u-pright-70 { padding-right: 70px !important; }

.u-pbottom-70 { padding-bottom: 70px !important; }

.u-pleft-70 { padding-left: 70px !important; }

.u-p-75 { padding: 75px !important; }

.u-ptop-75 { padding-top: 75px !important; }

.u-pright-75 { padding-right: 75px !important; }

.u-pbottom-75 { padding-bottom: 75px !important; }

.u-pleft-75 { padding-left: 75px !important; }

.u-p-80 { padding: 80px !important; }

.u-ptop-80 { padding-top: 80px !important; }

.u-pright-80 { padding-right: 80px !important; }

.u-pbottom-80 { padding-bottom: 80px !important; }

.u-pleft-80 { padding-left: 80px !important; }

.u-p-85 { padding: 85px !important; }

.u-ptop-85 { padding-top: 85px !important; }

.u-pright-85 { padding-right: 85px !important; }

.u-pbottom-85 { padding-bottom: 85px !important; }

.u-pleft-85 { padding-left: 85px !important; }

.u-p-90 { padding: 90px !important; }

.u-ptop-90 { padding-top: 90px !important; }

.u-pright-90 { padding-right: 90px !important; }

.u-pbottom-90 { padding-bottom: 90px !important; }

.u-pleft-90 { padding-left: 90px !important; }

.u-p-95 { padding: 95px !important; }

.u-ptop-95 { padding-top: 95px !important; }

.u-pright-95 { padding-right: 95px !important; }

.u-pbottom-95 { padding-bottom: 95px !important; }

.u-pleft-95 { padding-left: 95px !important; }

.u-p-100 { padding: 100px !important; }

.u-ptop-100 { padding-top: 100px !important; }

.u-pright-100 { padding-right: 100px !important; }

.u-pbottom-100 { padding-bottom: 100px !important; }

.u-pleft-100 { padding-left: 100px !important; }

.u-pos-re { position: relative; }

.u-display-i { display: inline !important; }

.u-display-b { display: block !important; }

.u-display-ib { display: inline-block !important; }

.u-none { display: none; }

.u-hidden { visibility: hidden; }

.u-visible { visibility: visible; }

@media (min-width: 768px) { .u-show-sm { display: none; } }

.u-hide-sm { display: none; }

@media (min-width: 768px) { .u-hide-sm { display: inherit; } }

/* top page */
.home-more { padding: 1rem 0; text-align: right; }

.home-more a { font-weight: 700; text-decoration: none; }

.home-more .arrow-black { font-size: 1.0rem; }

@media (min-width: 768px) { .home-more { padding: 20px 0; }
  .home-more .arrow-black { font-size: 16px; } }

.home-linkInSite { background-color: #F2F2F2; padding: 40px 0; }

.home-linkInSite__container a { padding: 0 1em; font-size: 16px; font-weight: 700; text-decoration: none; }

.home-linkInSite__container a:not(:first-child) { border-left: 1px solid #000; }

@media (max-width: 767px) { .home-linkInSite { display: none; } }

.home-about { padding: 2rem 0; }

.home-about h2 { margin-bottom: 2rem; font-size: 1.4rem; text-align: center; }

@media (min-width: 768px) { .home-about h2 { margin-bottom: 1.3rem; } }

.home-about__container { padding-bottom: 0; text-align: center; font-size: 1rem; }

@media (min-width: 768px) { .home-about { padding: 2rem 0 0; } }

.common-form.border-top { padding-top: 2rem; border-top: 1px solid #000; }

.common-form__title { margin-bottom: 2rem; padding: 1rem 0; border-bottom: 1px solid #000; font-size: 1.05rem; text-align: center; }

.common-form__title * { font-weight: 700; }

.common-form__title.no-border { border: none; }

.common-form__title .sub { font-weight: 400; margin-top: 0.5rem; font-size: 0.9rem; }

.common-form__container { padding: 1.5rem 2rem 3rem; background-color: #F2F2F2; margin-bottom: 2rem; }

@media (min-width: 768px) { .common-form__container { padding: 35px 55px 60px; } }

.common-form__container .reset_pwd_message { text-align: center; }

@media (min-width: 768px) { .common-form__container .reset_pwd_message { text-align: left; margin: 1rem 0; } }

#complete .common-form__container .message { margin-bottom: -4rem; text-align: center; }

@media (min-width: 768px) { #complete .common-form__container .message { margin-bottom: 170px; } }

.common-form__entry { margin-bottom: 5rem; font-size: 1.05rem; /* Checkbox */ /* Radio */ }

.common-form__entry input { font-size: 1.05rem; font-weight: 500; font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ }

@media all and (-ms-high-contrast: none) { .common-form__entry input { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .common-form__entry input { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

.common-form__entry input[type=text], .common-form__entry input[type=number], .common-form__entry input[type=email], .common-form__entry input[type=tel] { padding: 5px; border: 1px solid #fff; font-weight: 500; }

.common-form__entry input[type=password] { padding: 5px; max-width: 100%; border: 1px solid #fff; }

.common-form__entry select { font-size: 1.05rem; font-weight: 500; border: 1px solid #fff; font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ }

@media all and (-ms-high-contrast: none) { .common-form__entry select { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .common-form__entry select { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

.common-form__entry .block { margin-bottom: 0.5rem; }

.common-form__entry .block:last-child { margin-bottom: 0; }

.common-form__entry .head { margin: 2rem 0 0.8rem; font-size: 1.1rem; }

.common-form__entry .attention { margin: 0.8rem 0; color: #E50012; }

.common-form__entry .input-name { display: flex; }

.common-form__entry .input-name > div { width: 48%; display: inline-block; }

.common-form__entry .input-name > div:nth-child(2) { margin-left: auto; }

.common-form__entry .input-name input { width: 100%; }

.common-form__entry .input-tel input { width: 100%; }

.common-form__entry .input-address > div { margin-bottom: 1rem; }

.common-form__entry .input-address input { width: 100%; }

.common-form__entry .input-address .zip { display: flex; }

.common-form__entry .input-address .zip .set-address { margin-left: 4px; padding: 0; width: 7rem; background-color: #000; color: #fff; font-size: 0.8em; font-weight: 500; border: none; cursor: pointer; }

.common-form__entry .input-address .zip input { width: 9rem; }

.common-form__entry .input-old input { width: 6.5rem; }

.common-form__entry .input-email input { width: 100%; }

.common-form__entry .input-gender { margin-top: 0.8rem !important; /* IE10以上 */ /* MS Edge */ }

@media all and (-ms-high-contrast: none) { .common-form__entry .input-gender { margin-top: 0.4rem !important; } }

@supports (-ms-ime-align: auto) { .common-form__entry .input-gender { margin-top: 0.4rem !important; } }

.common-form__entry .input-nationality { margin-top: 0.8rem !important; /* IE10以上 */ /* MS Edge */ }

@media all and (-ms-high-contrast: none) { .common-form__entry .input-nationality { margin-top: 0.4rem !important; } }

@supports (-ms-ime-align: auto) { .common-form__entry .input-nationality { margin-top: 0.4rem !important; } }

.common-form__entry .input-psw input { width: 100%; }

.common-form__entry .input-psw .forget_psw { margin-top: 0.5rem; font-size: 0.8rem; text-align: right; text-decoration: underline; }

.common-form__entry .input-mailnews label { font-size: 0.9rem; }

.common-form__entry .input-passport_upload { margin-bottom: 1rem; }

.common-form__entry .input-passport_upload p { margin-bottom: 0.5rem; }

.common-form__entry .input-passport_upload label { padding: 0.2rem 4rem; background-color: #666666; color: #fff; font-size: 0.9rem; font-weight: 700; }

.common-form__entry .input-file_upload { margin-top: 1rem; }

.common-form__entry .input-file_upload label { padding: 2px 4px; background-color: #666666; color: #fff; font-size: 0.9rem; font-weight: 700; }

.common-form__entry .input-business input, .common-form__entry .input-division input { width: 100%; }

.common-form__entry .input-term textarea { width: 100%; border: none; }

.common-form__entry .input-recital textarea { width: 100%; }

.common-form__entry .input-registration input { width: 100%; }

.common-form__entry .input-room_layout label { display: inline-block; min-width: 14em; }

.common-form__entry .w100 { width: 100%; }

.common-form__entry .require { color: #E50012; }

@media (min-width: 768px) { .common-form__entry { font-size: 18px; }
  .common-form__entry input, .common-form__entry select { font-size: 18px; }
  .common-form__entry .head { font-size: 18px; }
  .common-form__entry .attention { font-size: 16px; }
  .common-form__entry .set-address { height: 40px; } }

#repassword .common-form__entry { width: 20rem; margin: 0 auto; }

#reservation-login .common-form__entry { margin-bottom: 3.5rem; }

.common-form__entry textarea { border: 1px solid #fff; }

.common-form__entry .help { font-size: 0.8rem; margin: 0.5rem; line-height: 1.4rem; }

.common-form__entry input[type=checkbox], .common-form__entry input[type=radio] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; right: 0; bottom: 0; left: 0; height: 16px; width: 16px; vertical-align: -0.8rem; transition: all .1s ease-out 0s; color: white; cursor: pointer; display: inline-block; margin: .4rem; outline: none; /*border-radius: 10%;*/ top: -0.3rem; /* IE10以上 */ /* MS Edge */ }

@media all and (-ms-high-contrast: none) { .common-form__entry input[type=checkbox], .common-form__entry input[type=radio] { vertical-align: -0.1rem; top: 0; } }

@supports (-ms-ime-align: auto) { .common-form__entry input[type=checkbox], .common-form__entry input[type=radio] { vertical-align: -0.1rem; top: 0; } }

.common-form__entry input[type=checkbox]:before, .common-form__entry input[type=checkbox]:after { position: absolute; content: ""; background: gray; transition: all .01s; }

.common-form__entry input[type=checkbox]:before { left: 2px; top: 6px; width: 0; height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }

.common-form__entry input[type=checkbox]:after { right: 8px; bottom: 3px; width: 2px; height: 0; transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); transition-delay: .0s; }

.common-form__entry input[type=checkbox]:checked:before { left: -1px; top: 9px; width: 8px; height: 2px; }

.common-form__entry input[type=checkbox]:checked:after { right: 3px; bottom: 0px; width: 2px; height: 15px; }

.common-form__entry input[type=checkbox]:indeterminate:before, .common-form__entry input[type=checkbox]:indeterminate:after { width: 7px; height: 2px; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

.common-form__entry input[type=checkbox]:indeterminate:before { left: 1px; top: 7px; }

.common-form__entry input[type=checkbox]:indeterminate:after { right: 1px; bottom: 7px; }

.common-form__entry input[type=radio] { border-radius: 50%; }

.common-form__entry input[type=radio]:checked:before { transform: scale(1); }

.common-form__entry input[type=radio]:before { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; margin: 2px; }

.common-form__entry input[type=checkbox], .common-form__entry input[type=radio] { background: #fff; border: 1px solid darkgrey; }

.common-form__entry input[type=checkbox]:checked, .common-form__entry input[type=checkbox]:indeterminate { background: #fff; }

.common-form__entry input[type=radio]:checked:before { background: gray; }

.common-form__entry select { background-color: white; border-radius: 0; display: inline-block; font: inherit; line-height: 1rem; padding: 0.5em 3.5em 0.5em 1em; /* reset */ margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; }

.common-form__entry select::-ms-expand { display: none; }

.common-form__entry .select-wrap { position: relative; display: inline-block; }

.common-form__entry .select-wrap:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #b4b3b3; border-right: solid 2px #b4b3b3; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 10px; margin-top: -4px; }

.common-form__submit, .reservation-term__container .edit { margin-top: 7rem; text-align: center; }

.common-form__submit button, .reservation-term__container .edit button, .common-form__submit .button, .reservation-term__container .edit .button { line-height: 2.7rem; width: 20rem; background-color: #000; color: #fff; border-radius: 0.2rem; border: none; font-size: 1.1rem; font-weight: 700; font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ display: inline-block; cursor: pointer; }

@media all and (-ms-high-contrast: none) { .common-form__submit button, .reservation-term__container .edit button, .common-form__submit .button, .reservation-term__container .edit .button { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .common-form__submit button, .reservation-term__container .edit button, .common-form__submit .button, .reservation-term__container .edit .button { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

.common-form__submit .button + .button, .reservation-term__container .edit .button + .button, .common-form__submit .button + button, .reservation-term__container .edit .button + button, .common-form__submit button + button, .reservation-term__container .edit button + button { margin-top: 2.5rem; }

.common-form__submit .bg-red, .reservation-term__container .edit .bg-red { background-color: rgba(230, 0, 18, 0.8); }

.common-form__submit .bg-gray, .reservation-term__container .edit .bg-gray { background-color: #888; }

@media (max-width: 767px) { .common-form__submit.horizontal, .reservation-term__container .horizontal.edit { display: flex; justify-content: center; }
  .common-form__submit.horizontal .back, .reservation-term__container .horizontal.edit .back { width: 5rem; margin-right: 2rem; }
  .common-form__submit.horizontal .button, .reservation-term__container .horizontal.edit .button, .common-form__submit.horizontal button, .reservation-term__container .horizontal.edit button { margin-top: 0; } }

@media (min-width: 768px) { .common-form__submit, .reservation-term__container .edit { margin-top: 5rem; }
  .common-form__submit button, .reservation-term__container .edit button, .common-form__submit .button, .reservation-term__container .edit .button { margin: 0 10px; line-height: 40px; width: 290px; font-size: 16px; }
  .common-form__submit .button + .button, .reservation-term__container .edit .button + .button, .common-form__submit .button + button, .reservation-term__container .edit .button + button, .common-form__submit button + button, .reservation-term__container .edit button + button { margin-top: 0; } }

#reservation-login .common-form__submit, #reservation-login .reservation-term__container .edit, .reservation-term__container #reservation-login .edit { margin-top: 0; }

.common-form__submit button.disabled, .reservation-term__container .edit button.disabled { pointer-events: none; }

.common-form__block { margin-top: 1rem; margin-bottom: 1rem; line-height: 1.4rem; }

.common-form__block.center { text-align: center; }

.common-form .submit_after { margin: 1rem 0 3rem; }

#regist-form .block:last-child { width: auto; float: none; }

@media (min-width: 768px) { #regist-form .block { width: 47.7%; }
  #regist-form .block:nth-child(even) { float: right; }
  #regist-form .block:nth-child(odd) { float: left; clear: both; } }

#regist-form-confirm .zip, #mypage-profile .zip { margin-bottom: 0.5rem; }

#regist-form-confirm .block, #mypage-profile .block { /*        &:nth-child(1),&:nth-child(3) { width: 47.7%; float: left; clear: both;}*/ /*        &:nth-child(2),&:nth-child(4) { width: 47.7%; float: right;}*/ /*        &:nth-child(5) { clear: both;}*/ }

@media (min-width: 768px) { #regist-form-confirm .block, #mypage-profile .block { width: 47.7%; }
  #regist-form-confirm .block:nth-child(even), #mypage-profile .block:nth-child(even) { float: right; }
  #regist-form-confirm .block:nth-child(odd), #mypage-profile .block:nth-child(odd) { float: left; clear: both; }
  #regist-form-confirm .flex > div.head, #regist-form-confirm .flex > div + div, #mypage-profile .flex > div.head, #mypage-profile .flex > div + div { margin: 0; }
  #regist-form-confirm .edit .flex > div.head, #mypage-profile .edit .flex > div.head { margin-top: 0.8rem; } }

@media (min-width: 768px) { #reservation-form { display: inherit; }
  #reservation-form .block { width: 100%; display: block; }
  #reservation-form .block .head { margin: 0.8rem 0 0.8rem; flex: 0 0 40%; }
  #reservation-form .flex > div.head { flex: 0 0 27%; margin-top: 0.8rem; }
  #reservation-form .flex > div:nth-child(2n) { flex: 1 1 73%; margin: 0; }
  #reservation-form .flex > div:nth-child(2n).input-radio-block, #reservation-form .flex > div:nth-child(2n).input-check-block { margin-top: 0.8rem; } }

#reservation-form-confirm .zip { margin-bottom: 0.5rem; }

#reservation-form-confirm .flex > div.body { margin-top: 1rem; margin-bottom: 0.8rem; }

@media (min-width: 768px) { #reservation-form-confirm .flex > div.body { margin-top: 0.8rem; } }

#reservation-form-confirm .block { margin-bottom: 0.5rem; }

#reservation-form-confirm .submit_after { margin-top: 1rem; color: #f00; text-align: center; }

#reservation-form-confirm .accordion { border-bottom: none; }

#reservation-form-confirm .accordion .heading { margin-bottom: 0; }

@media (min-width: 768px) { #reservation-form-confirm .accordion .heading { padding: 15px 10px 15px 0; } }

#reservation-form-confirm .accordion .common-form__entry { margin-bottom: 2rem; }

#reservation-form-confirm #common-content { width: 100%; border: none; margin-top: 0.4rem; margin-bottom: 0.4rem; }

#reservation-form-confirm #common-content .head { margin-bottom: 0.8rem; font-weight: 700; position: relative; padding-bottom: 0.5rem; border-bottom: 1px solid black; font-size: 1.1rem; }

@media (min-width: 768px) { #reservation-form-confirm #common-content .head { font-size: 18px; } }

#reservation-form-confirm #common-content .input-term { overflow-y: scroll; height: 15rem; margin-top: 1rem; margin-bottom: 1rem; }

@media (min-width: 768px) { #owner-request-form .block { width: 47.7%; }
  #owner-request-form .block:nth-child(even) { float: right; }
  #owner-request-form .block:nth-child(odd) { float: left; clear: both; }
  #owner-request-form .block.last { width: 100%; clear: both; } }

@media (min-width: 768px) { #reservation-login .block { width: 47.7%; }
  #reservation-login .block:nth-child(even) { float: right; }
  #reservation-login .block:nth-child(odd) { float: left; clear: both; } }

#repassword .common-form__entry { width: auto; }

.repassword-email { margin-top: 2rem; text-align: center; }

@media (min-width: 768px) { .flex { display: flex; flex-wrap: wrap; }
  .flex > div.head { flex: 0 0 27%; margin-top: 0.8rem; }
  .flex > div:nth-child(2n) { flex: 1 1 73%; } }

@media (min-width: 768px) { .input-passport_upload, .block .attention, .block .error { margin-left: 27%; } }

@media (min-width: 768px) { #reservation-form .block:nth-child(even), #reservation-form .block:nth-child(odd), #mypage-profile .block:nth-child(even), #mypage-profile .block:nth-child(odd), #owner-request-form .block:nth-child(even), #owner-request-form .block:nth-child(odd), #regist-form .block:nth-child(even), #regist-form .block:nth-child(odd) { float: none; clear: none; width: auto; } }

.owner__conversion { margin-top: 16px; }

@media only screen and (min-width: 769px) { .owner__conversion { width: 300px; margin-left: auto; margin-right: auto; } }

/* 検索結果 */
@media (max-width: 767px) { .search-result__list { margin-top: 2rem; } }

.search-result__list .item { margin-bottom: 1rem; background-color: #F2F2F2; }

.search-result__list .item a { padding: 1.2rem; display: block; }

.search-result__list .haeder { margin-bottom: 0.5rem; }

@media (max-width: 767px) { .search-result__list .haeder { margin: 0.8rem 0 0.5rem 0.8rem; } }

@media (max-width: 767px) { .search-result__list .haeder .sub_title { margin-bottom: 0.6rem; } }

.search-result__list .row { display: flex; }

@media (max-width: 767px) { .search-result__list .row { display: inline; } }

.search-result__list .row .thumb { margin-right: 1rem; flex: 0 1 50%; }

@media (max-width: 767px) { .search-result__list .row .thumb { margin-right: 0; } }

.search-result__list .row .body { flex: 0 1 50%; }

.search-result__list .body { position: relative; }

@media (max-width: 767px) { .search-result__list .body { margin: 0 0.8rem; } }

.search-result__list .body .price { padding-bottom: 0.3rem; bottom: 0; width: 100%; text-align: right; }

.search-result__list .body .price .value { font-size: 1.5rem; color: #E50012; font-weight: 700; }

@media (max-width: 767px) { .search-result__list .body .price .value { font-size: 2rem; margin-left: 14px; } }

.search-result__list .body .price .tax { margin-left: 0.7rem; font-size: 0.6rem; }

@media (max-width: 767px) { .search-result__list .body .price .price_list { display: flex; align-items: center; justify-content: flex-end; } }

.search-result__list .body .price .default { text-decoration: line-through; color: black; margin-right: 1rem; margin-left: 0; font-size: 1.2rem; }

@media (max-width: 767px) { .search-result__list .body .price .default { margin: 0; font-size: 1.4rem; } }

.search-result__list .body .price .hide { display: none; }

.search-result__list .body .label { text-align: left; margin: 5px 0; }

@media (max-width: 767px) { .search-result__list .body .label { font-size: 1.2rem; } }

.search-result__list .main_title { font-size: 1.2rem; font-weight: 700; }

@media (max-width: 767px) { .search-result__list .main_title { font-size: 1.35rem; } }

.search-result__list .description { font-size: 0.75rem; max-height: 6.8rem; min-height: 3rem; overflow: hidden; margin-bottom: 0.8rem; }

@media (max-width: 767px) { .search-result__list .description { font-size: 0.95rem; margin-top: 1rem; } }

.search-result__list .description .text { color: black; height: calc(1.6em * 3); /* 制限したい行数が2の場合 */ line-height: 1.6em; /* heightと同じ値にする */ overflow: hidden; position: relative; word-wrap: break-word; }

.search-result__list .description .text::before { background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #F2F2F2 4%); bottom: 0; content: "…"; padding-right: 0.2rem; /* margin-right: 2px; */ position: absolute; right: 0; }

@media (max-width: 767px) { .search-result__list .description .text::before { background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #F2F2F2 16%); padding-right: 0.1rem; padding-left: 1rem; /*                     margin-right: 12px; */ } }

.search-result__list .description .text::after { background: #F2F2F2; /* 背景色 */ content: ""; height: 100%; position: absolute; width: 100%; }

@supports (-webkit-line-clamp: 3) { .search-result__list .description { /*モダンブラウザ用*/ }
  .search-result__list .description .text { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
  .search-result__list .description .text::before, .search-result__list .description .text::after { content: normal; } }

@media (min-width: 768px) { .search-result__list { flex: 1 1 auto; margin-top: 0; margin-left: 10px; /* IE9 */ }
  .search-result__list .item a { padding: 0; }
  .search-result__list .row { width: 100%; }
  .search-result__list .row .thumb { margin: 0; width: 50.8%; flex: 0 1 240px; padding: 30px 0 30px 30px; }
  .search-result__list .row .thumb img { width: 610px; }
  .search-result__list .row .body { width: 49.2%; flex: 1 0 300px; }
  .search-result__list .row .body .main_title { font-size: 0.9rem; }
  .search-result__list .body { padding: 30px 30px 25px; }
  .search-result__list .body .price { left: 15px; bottom: 10px; } }

@media screen and (min-width: 768px) and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .search-result__list .row { display: table; }
  .search-result__list .thumb, .search-result__list .body { display: table-cell\9; vertical-align: top; } }

@media (min-width: 768px) { .search-result .content-inner { display: flex; }
  .search-result .content-inner .search-calendar { flex: 0 0 auto; padding: 10px; } }

.available-facilities { padding: 3.5rem 0 4.5rem; }

.available-facilities__table { margin-right: -2rem; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }

.available-facilities__table th, .available-facilities__table td { padding: 2rem 1rem; border: 1px solid #000; font-size: 0.7rem; text-align: center; }

@media (min-width: 768px) { .available-facilities__table { margin-right: 0; overflow: visible; white-space: normal; }
  .available-facilities__table table { width: 100%; } }

/* 施設詳細 */
.property-detail__container { padding: 2.5rem 0 6rem; }

@media (min-width: 768px) { .property-detail__container { padding: 40px 0 160px; } }

@media (min-width: 768px) { .property-detail__side { width: 420px; float: left; }
  .property-detail__side div.search-calendar { padding: 10px; margin-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 1024px) { .property-detail__side { width: 48%; } }

@media (min-width: 768px) { .property-detail__main { max-width: 740px; width: calc(100% - 22rem); float: right; } }

@media (min-width: 768px) and (max-width: 1024px) { .property-detail__main { width: 48%; } }

.property-detail__header { margin-bottom: 2.5rem; /* .point { margin: 4rem 0 2.5rem; position: relative; &:before { margin-bottom: 1rem; bottom: 100%; left: 0; font-size: 1.15rem; content: 'Point'; font-weight: 500; position: absolute;} p { font-size: 1rem;} }*/ }

.property-detail__header .area { font-size: 1.2rem; font-weight: 200; line-height: 1; }

.property-detail__header .facility-name { font-size: 1.6rem; font-weight: 700; line-height: 1.5; }

@media (min-width: 768px) { .property-detail__header .area { font-size: 16px; }
  .property-detail__header .facility-name { font-size: 20px; }
  .property-detail__header .point { margin: 15px 0 40px; }
  .property-detail__header .point p { font-size: 16px; }
  .property-detail__header .point:before { display: none; } }

.property-detail__plans { margin-bottom: 2.5rem; }

.property-detail__plans .plan { padding: 1.5rem 3.5rem 3rem; background-color: #F2F2F2; border-radius: 0.4rem; }

.property-detail__plans .plan + .plan { margin-top: 2.5rem; }

.property-detail__plans .facility-name { font-size: 1.35rem; font-weight: 700; }

.property-detail__plans .plan-name { margin-bottom: 1rem; font-size: 1.6rem; font-weight: 700; }

.property-detail__plans .price { margin-bottom: 0.8rem; }

.property-detail__plans .price .value { color: #E50012; font-size: 1.6rem; font-weight: 700; }

.property-detail__plans .price .tax { font-size: 0.9rem; }

.property-detail__plans .price .label { margin-top: 0.8rem; margin-bottom: 0.8rem; }

.property-detail__plans .other_price { font-size: 1.1rem; }

.property-detail__plans .other_price a { color: #E50012; text-decoration: underline; }

.property-detail__plans .description { margin: 1.5rem 0; font-size: 1.1rem; }

.property-detail__plans .specs { font-size: 1.35rem; line-height: 1.6; }

.property-detail__plans .reserve { margin-top: 2.5rem; text-align: center; }

.property-detail__plans .btn-reserve { line-height: 3rem; width: 22rem; font-size: 1.1rem; font-weight: 700; color: #fff; background-color: #000; border-radius: 0.2rem; text-align: center; display: inline-block; position: relative; }

.property-detail__plans .btn-reserve:before { width: 1.35rem; height: 1.5rem; top: 0.7rem; right: 1.5rem; background: url(../images/common/icon_pin_white.svg) no-repeat 0 0/contain; position: absolute; content: ''; }

@media (min-width: 768px) { .property-detail__plans .plan { padding: 20px 45px 40px; }
  .property-detail__plans .facility-name { font-size: 18px; }
  .property-detail__plans .plan-name { font-size: 20px; }
  .property-detail__plans .price .value { font-size: 20px; }
  .property-detail__plans .price .tax { font-size: 12px; }
  .property-detail__plans .other_price { font-size: 14px; }
  .property-detail__plans .description { font-size: 14px; }
  .property-detail__plans .specs { font-size: 16px; }
  .property-detail__plans .reserve { margin-top: 30px; }
  .property-detail__plans .btn-reserve { line-height: 40px; max-width: 290px; width: 100%; font-size: 14px; }
  .property-detail__plans .btn-reserve:before { height: 20px; width: 18px; top: 10px; right: 20px; } }

@media (max-width: 767px) { .property-detail__plans { margin-top: 2rem; } }

.property-detail__info p + p { margin-top: 1em; }

.property-detail__info .heading { margin-top: 2rem; padding: 1rem 1rem 1rem 0; font-size: 1rem; font-weight: 700; position: relative; }

.property-detail__info .map_embed { height: 18rem; background-color: #B3B3B3; }

.property-detail__info .gallery_box { margin-right: -2rem; -webkit-overflow-scrolling: touch; /* IE9 */ }

.property-detail__info .gallery_box__inner { white-space: nowrap; display: flex; flex-wrap: wrap; }

.property-detail__info .gallery_box__inner .box { flex-basis: 30%; margin: 0 1% 2%; height: 105px; }

.property-detail__info .gallery_box__inner .box img { object-fit: cover; width: 100%; height: 100%; }

@media (min-width: 768px) { .property-detail__info .gallery_box { margin-right: 0; }
  .property-detail__info .gallery_box__inner { flex-wrap: wrap; }
  .property-detail__info .gallery_box__inner .box { flex-basis: 23%; margin: 0 2% 2% 0; height: 159px; }
  .property-detail__info .gallery_box .content-inner { max-width: none; margin: 0 55px; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .property-detail__info .gallery_box__inner { overflow: hidden; }
  .property-detail__info .gallery_box__inner .box { width: 32%; float: left; height: auto; } }

.property-detail__info .gallery_box .slick-arrow { -webkit-transition: 0.5s; transition: 0.5s; height: 37px; width: 37px; padding: 0; cursor: pointer; }

.property-detail__info .gallery_box .slick-arrow:before { height: 37px; width: 21px; top: 0; }

.property-detail__info .gallery_box .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }

@media (max-width: 767px) { .property-detail__info .gallery_box .slick-arrow { display: none !important; } }

.property-detail__info .gallery_box .slick-prev { z-index: 100; position: absolute; left: 30px; top: 40%; }

.property-detail__info .gallery_box .slick-prev:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.property-detail__info .gallery_box .slick-next { z-index: 100; position: absolute; right: 30px; top: 40%; }

.property-detail__info .gallery_box .slick-next:before { right: 0; left: auto; }

.property-detail__info .accordion__content dl { display: flex; margin: 0.5rem; }

.property-detail__info .accordion__content dt { flex: 0 0 30%; }

.property-detail__info .accordion__content dd { flex: 0 1 70%; line-height: 1.3; }

.property-detail__info .accordion__content .auto-link a { text-decoration: underline; color: #007fff; }

@media (min-width: 768px) { .property-detail__info .heading { padding: 15px 10px 15px 0; }
  .property-detail__info .heading .txt { font-size: 16px; } }

/* mypage-tab */
.mypage-tab .content-inner { max-width: 650px; }

.mypage-tab ul { padding: 2rem 2rem 3rem; overflow: hidden; }

.mypage-tab li { width: 50%; font-size: 1.2rem; font-weight: 700; float: left; text-align: center; }

.mypage-tab li.current span { border-bottom: 2px solid #000; }

.reserve-list { margin-bottom: 4rem; }

.reserve-list .item { padding: 1.5rem 1rem; background-color: #F2F2F2; position: relative; margin-bottom: 0.5rem; }

.reserve-list .item:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }

.reserve-list .image { width: 12rem; float: left; }

.reserve-list .body { margin-left: 14rem; }

.reserve-list .catch { margin-bottom: 0.5rem; font-size: 0.8rem; }

.reserve-list .title { margin-bottom: 1rem; }

.reserve-list .title dt { margin-bottom: 0.5rem; padding-left: 0.5rem; border-left: 2px solid #000; font-size: 0.9rem; }

.reserve-list .title dd { font-size: 0.9rem; font-weight: 700; }

.reserve-list .schedule dt { margin-bottom: 0.5rem; padding-left: 0.5rem; border-left: 2px solid #000; font-size: 0.9rem; }

.reserve-list .schedule dd { font-size: 0.9rem; font-weight: 700; }

.reserve-list .link { bottom: 1.5rem; right: 1.5rem; position: absolute; }

.reserve-list .arrow-black { font-size: 1rem; }

.use-history .accordion { border-bottom: 1px solid #000; }

.use-history .heading { padding: 0.3rem; text-align: center; }

.reservation-step { margin: 0 0 3rem; /* IE9 */ }

.reservation-step ol { display: flex; align-items: center; justify-content: space-between; width: 29rem; margin: 1rem auto 2.5rem; border-bottom: 2px solid #B3B3B3; }

.reservation-step li { width: 1.1rem; top: 0.6rem; position: relative; }

.reservation-step li:after { height: 1.1rem; width: 1.1rem; background-color: #B3B3B3; border-radius: 50%; content: ''; display: block; }

.reservation-step li span { color: #B3B3B3; font-size: 0.7rem; font-weight: 700; white-space: nowrap; top: -1.5rem; left: 50%; transform: translateX(-50%); position: absolute; }

.reservation-step li.current:after { background-color: #f00; }

.reservation-step li.current span { color: #000; }

.reservation-step .attention { color: #E50012; font-size: 0.8rem; font-weight: 700; text-align: center; }

@media (min-width: 768px) { .reservation-step { margin-bottom: 60px; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .reservation-step ol { height: 23px; display: block; position: relative; }
  .reservation-step li { position: absolute; }
  .reservation-step .step-3 li:nth-child(1) { left: 0; }
  .reservation-step .step-3 li:nth-child(2) { left: calc(50% - 0.55rem); }
  .reservation-step .step-3 li:nth-child(3) { left: calc(100% - 0.55rem); }
  .reservation-step .step-4 li:nth-child(1) { left: 0; }
  .reservation-step .step-4 li:nth-child(2) { left: calc(33% - 0.55rem); }
  .reservation-step .step-4 li:nth-child(3) { left: calc(66% - 0.55rem); }
  .reservation-step .step-4 li:nth-child(4) { left: calc(100% - 0.55rem); }
  .reservation-step .step-5 li:nth-child(1) { left: 0; }
  .reservation-step .step-5 li:nth-child(2) { left: calc(25% - 0.55rem); }
  .reservation-step .step-5 li:nth-child(3) { left: calc(50% - 0.55rem); }
  .reservation-step .step-5 li:nth-child(4) { left: calc(75% - 0.55rem); }
  .reservation-step .step-5 li:nth-child(5) { left: calc(100% - 0.55rem); } }

.reservation-info { margin-bottom: 5rem; }

.reservation-info__container { position: relative; }

.reservation-info__container .sub-title { margin-bottom: 1rem; font-size: 0.8rem; }

.reservation-info__container .facility-name { font-size: 1.2rem; font-weight: 700; }

.reservation-info__container .negative { color: #E50012; }

.reservation-info__container .total-cost { margin-top: 1rem; font-size: 0.8rem; font-weight: 700; color: #000; text-align: left; }

.reservation-info__container .total-cost .value { font-size: 2rem; }

.reservation-info__container .total-cost .head { padding-bottom: 0.5rem; border-bottom: 1px solid black; margin-left: 0; font-weight: normal; font-size: 1rem; }

@media (min-width: 768px) { .reservation-info__container .total-cost .head { font-size: 16px; } }

.reservation-info__container .total-cost dl { display: flex; line-height: 1.8; }

.reservation-info__container .total-cost dt { flex: 0 0 auto; }

.reservation-info__container .total-cost dd { text-align: right; flex: 1 1 auto; }

@media (min-width: 768px) { .reservation-info__container .total-cost { position: absolute; top: -1px; left: 0; padding-right: 30px; width: 360px; margin-top: 0; } }

.reservation-info__container .total-cost .total { border-top: 1px solid black; border-bottom: 1px solid black; padding: 0.5rem 0; margin-top: 0.5rem; }

.reservation-info__container .total-cost .total dt { font-size: 150%; }

.reservation-info__container .total-cost .total dd { font-size: 150%; }

@media (min-width: 768px) { .reservation-info__container .total-cost .total dt { font-size: 140%; }
  .reservation-info__container .total-cost .total dd { font-size: 140%; } }

.reservation-info__container .total-cost.ask .total { border: none; padding: 0.5rem 0; margin-top: 0; }

.reservation-info__container .total-cost.ask .total dd { color: #E50012; }

.reservation-info__container .price-detail { margin-top: 1rem; font-size: 0.7rem; font-weight: normal; color: #000; text-align: left; }

.reservation-info__container .price-detail .value { font-size: 1.2rem; }

.reservation-info__container .price-detail .head { padding-bottom: 0; margin-top: 0.5rem; margin-bottom: 0.2rem; border-bottom: none; font-weight: 700; margin-left: 0; font-size: 0.7rem; }

.reservation-info__container .price-detail dl { display: flex; line-height: 1.8; margin-bottom: 0.5rem; }

.reservation-info__container .price-detail dt { flex: 0 0 auto; }

.reservation-info__container .price-detail dd { text-align: right; flex: 1 1 auto; }

@media (min-width: 768px) { .reservation-info__container .price-detail { padding-right: 30px; padding-bottom: 30px; width: 360px; max-height: 350px; overflow-y: scroll; } }

.reservation-info__container .price-toggle-button { text-align: right; margin-top: 0.3rem; font-size: 0.7rem; font-weight: 700; }

.reservation-info__container .price-toggle-button.open a { position: relative; }

.reservation-info__container .price-toggle-button.open a:before { content: ""; display: block; position: absolute; width: 0.5rem; height: 0.5rem; border-top: 2px solid #000; border-right: 2px solid #000; transform: translateX(-50%) rotate(135deg); left: -0.7rem; }

.reservation-info__container .price-toggle-button.close a { position: relative; }

.reservation-info__container .price-toggle-button.close a:before { content: ""; display: block; position: absolute; top: 5px; width: 0.5rem; height: 0.5rem; border-top: 2px solid #000; border-right: 2px solid #000; transform: translateX(-50%) rotate(-45deg); left: -0.7rem; }

.reservation-info__container select, .reservation-info__container textarea, .reservation-info__container input[type=text], .reservation-info__container input[type=password], .reservation-info__container input[type=number], .reservation-info__container input[type=email], .reservation-info__container input[type=tel] { border: 1px solid gray; }

@media (min-width: 768px) { .reservation-info__container { padding-left: 360px; } }

.reservation-info__detail { padding: 1rem 0 0; border: solid #000; border-width: 1px 0 0; }

.reservation-info__detail .selected-plan { margin-bottom: 1.5rem; display: flex; }

.reservation-info__detail .selected-plan .photo { margin-right: 1.5rem; width: 12rem; flex: 0 0 12rem; }

.reservation-info__detail .selected-plan .list { flex: 1 1 auto; font-size: 0.9rem; }

.reservation-info__detail .selected-plan .list dl { display: flex; line-height: 1.8; }

.reservation-info__detail .selected-plan .list dt { flex: 0 0 auto; margin-right: 0.5rem; width: 30%; }

.reservation-info__detail .selected-plan .list dd { flex: 1 1 auto; }

.reservation-info__detail .selected-plan .list .input { padding-left: 0; padding-top: 0.65rem; display: block; }

@media (min-width: 768px) { .reservation-info__detail .selected-plan { width: auto; margin-bottom: 0; } }

.reservation-info__detail .select-option { padding: 0; font-size: 0.9rem; }

.reservation-info__detail .select-option .head { margin-left: 0; margin-bottom: 0.8rem; font-weight: 700; position: relative; padding-bottom: 0.5rem; border-bottom: 1px solid black; }

.reservation-info__detail .select-option .head:before, .reservation-info__detail .select-option .head:after { top: -1.5rem; left: 0.6rem; height: 1.5rem; width: 0.25rem; background-color: #fff; position: absolute; content: ''; }

.reservation-info__detail .select-option .head:after { transform: rotate(90deg); }

.reservation-info__detail .select-option_body { padding-bottom: 0; }

.reservation-info__detail .select-option_body .name { margin-bottom: 0; padding-bottom: 0.4rem; border-bottom: 1px dotted #000; font-size: 0.9rem; }

.reservation-info__detail .select-option_body .notice { margin-bottom: 1rem; font-size: 0.7rem; }

.reservation-info__detail .select-option_body .red { color: #FF0000; }

.reservation-info__detail .select-option_body .input ul { margin-bottom: 0; line-height: 1.5; }

.reservation-info__detail .select-option_body .input input[type=text], .reservation-info__detail .select-option_body .input input[type=password], .reservation-info__detail .select-option_body .input input[type=number], .reservation-info__detail .select-option_body .input input[type=email], .reservation-info__detail .select-option_body .input input[type=tel] { width: 100%; }

.reservation-info__detail .select-option_body .input textarea { width: 100%; height: 5rem; font-size: 0.9rem; }

@media (min-width: 768px) { .reservation-info__detail { display: block; padding: 0; }
  .reservation-info__detail .selected-plan { padding: 10px 0; }
  .reservation-info__detail .selected-plan .photo { position: absolute; left: 0; top: 0; width: 274px; }
  .reservation-info__detail .select-option { flex: 1 1 auto; padding: 10px 20px; }
  .reservation-info__detail .select-option .head { margin-left: -8px; }
  .reservation-info__detail .select-option .head:before, .reservation-info__detail .select-option .head:after { top: -6px; left: -20px; } }

.reservation-info__detail .accordion__content dl { display: flex; margin: 0.5rem; }

.reservation-info__detail .accordion__content dt { flex: 0 0 30%; }

.reservation-info__detail .accordion__content dd { flex: 0 1 70%; line-height: 1.3; word-break: break-all; }

.reservation-info__detail .accordion__content string { font-weight: 700; }

.reservation-info__detail .accordion__content .auto-link a { text-decoration: underline; color: #007fff; }

.reservation-info__detail .accordion__content .important dt { color: red; }

.reservation-info__detail .accordion__content .important dd { color: red; }

.reservation-info__detail .accordion p + p { margin-top: 0.5rem; }

.reservation-info__detail .accordion .heading { margin-top: 2rem; padding: 1rem 1rem 1rem 0; font-size: 1rem; font-weight: 700; position: relative; }

.reservation-info__detail .accordion .guide { margin: 1rem 0 1rem 0.5rem; }

.reservation-info__detail .accordion .guide li { padding-top: 0.5rem; padding-left: 0.5rem; }

.reservation-info__detail .accordion .guide a { text-decoration: underline; color: #007fff; }

.reservation-info__detail .accordion .map_embed { height: 18rem; background-color: #B3B3B3; margin-top: 1rem; margin-bottom: 1rem; }

.reservation-info__detail .accordion .pin { padding: 0.5rem 3rem; border: 4px solid #B4CF9E; margin: 0.5rem auto 1rem; text-align: center; width: 18rem; font-size: 1rem; font-weight: 700; }

@media (min-width: 768px) { .reservation-info__detail .heading { padding: 15px 10px 15px 0; }
  .reservation-info__detail .heading .txt { font-size: 16px; }
  .reservation-info__detail .heading .txt-l { font-size: 18px; } }

.guest_form { position: fixed; width: 100%; z-index: 1000; top: 0; height: 100%; }

.guest_form #iframeDiv { position: absolute; width: 100%; }

.reservation-complete .reserve-number { padding: 1.5rem; background-color: #fff; font-size: 1.3rem; font-weight: 700; letter-spacing: 0.1em; text-align: center; }

.reservation-complete .message { margin: 3rem 0; font-size: 0.9rem; text-align: center; }

.registration-block { margin: 2.5rem 0 0; padding: 2.5rem 0 0; border-top: 1px solid #000; }

.registration-block .body { margin-top: 2rem; font-size: 0.7rem; }

.registration-block .body .attention { color: #FF0000; }

/* キャンセル */
.reservation-cancel_fee .body { padding: 1rem 0; border-bottom: 1px solid #000; }

.reservation-cancel_fee .fee_detail { padding: 1rem 0; border-bottom: 1px solid #000; }

.reservation-cancel_fee .fee_detail dl { display: flex; line-height: 1.5; }

.reservation-cancel_fee .fee_detail dd { margin-left: auto; }

.reservation-cancel_fee .refund { padding: 1rem 0; border-bottom: 1px solid #000; }

.reservation-cancel_fee .refund dl { display: flex; line-height: 1.5; }

.reservation-cancel_fee .refund dd { margin-left: auto; font-size: 1.5rem; }

.reservation-cancel_fee .red { color: #FF0000; }

.reservation-term__container { margin-bottom: 1.5rem; }

.reservation-term__container .count { display: flex; line-height: 1.8; }

.reservation-term__container .count dt { flex: 0 0 auto; margin-right: 0.5rem; }

.reservation-term__container .count dd { flex: 1 1 auto; }

.reservation-term__container .heading { padding: 1rem 0; }

.reservation-term__container .with_person .block { width: 47.7%; }

.reservation-term__container .with_person .block:nth-child(even) { float: right; }

.reservation-term__container .with_person .block:nth-child(odd) { float: left; clear: both; }

.reservation-term__container .with_person .head { margin: 1rem 0 0.8rem; font-size: 1.1rem; }

.reservation-term__container .edit { margin: 0; text-align: right; }

.reservation-term__container .edit .button { width: 6rem; text-align: center; }

.reservation-term__container .map { height: 20rem; border: 1px solid #ddd; }

.reservation-term__container .common-form__container { margin-bottom: 1.5rem; }

.reservation-guest .common-form__entry { margin-bottom: 2rem; }

.reservation-guest .common-form__entry .block { margin-bottom: 0; }

.reservation-guest .common-form__entry .flex > div.head { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.reservation-guest .common-form__entry .flex > div:nth-child(2n) label { display: inline-block; padding: 0.8rem 0; }

.reservation-guest .common-form__entry .flex > div:nth-child(2n) label input { top: -0.3rem; }

.reservation-guest .common-form__entry .input-address div { margin-bottom: 0.5rem; }

.reservation-guest .common-form__entry select { line-height: 1rem; }

.reservation-guest .common-form__container { padding-top: 1rem; padding-bottom: 1rem; }

.reservation-guest .common-form__submit, .reservation-guest .reservation-term__container .edit, .reservation-term__container .reservation-guest .edit { margin-top: 2rem; }

.reservation-cancel-dialog .list { color: #000; }

.reservation-cancel-dialog .list dl { display: flex; line-height: 1.8; }

.reservation-cancel-dialog .list dt { flex: 0 0 auto; }

.reservation-cancel-dialog .list dd { text-align: right; flex: 1 1 auto; }

@media (min-width: 768px) { .reservation-cancel-dialog .list { padding: 30px 10px; width: 100%; margin-top: 0; } }

.reservation-cancel-dialog .list .block { border-style: solid; border-color: black; border-bottom-width: 1px; padding: 1rem 0.5rem; font-weight: 700; }

.reservation-cancel-dialog .list .block:first-of-type { border-top-width: 1px; }

.reservation-cancel-dialog .list .block:last-of-type dd { font-size: 1.1rem; }

.reservation-cancel-dialog .list .block .negative { color: #E50012; }

.wp-editor__title, .page__title { font-size: 1.5rem; font-weight: 400; border-bottom: 1px solid #000; padding-bottom: 10px; text-align: center; margin-bottom: 2rem; }

@media (min-width: 768px) { .wp-editor__title, .page__title { font-size: 1.2rem; padding-left: 40px; padding-right: 40px; } }

.wp-editor__content, .page__content { font-size: 1.2rem; line-height: 1.8rem; width: auto; max-width: 100%; margin-top: 2rem; margin-bottom: 4rem; }

@media (min-width: 768px) { .wp-editor__content, .page__content { font-size: 0.8rem; line-height: 1.4rem; width: 960px; margin-top: 0.5rem; margin-left: auto; margin-right: auto; margin-bottom: 2rem; } }

.wp-editor h1, .wp-editor h2, .wp-editor .title, .page h1, .page h2, .page .title { font-size: 1.6rem; font-weight: 400; padding: 0 0 0.5rem 1rem; margin: 1rem 0; }

@media (min-width: 768px) { .wp-editor h1, .wp-editor h2, .wp-editor .title, .page h1, .page h2, .page .title { font-size: 1.1rem; } }

.wp-editor h3, .page h3 { font-size: 1.4rem; font-weight: 400; padding: 0 0 0 1rem; margin: 0.5rem 0; }

@media (min-width: 768px) { .wp-editor h3, .page h3 { font-size: 0.9rem; } }

.wp-editor h4, .page h4 { font-size: 1.4rem; font-weight: 400; padding: 0 0 0.5rem 1rem; margin: 0 0.5rem 0.5rem; }

@media (min-width: 768px) { .wp-editor h4, .page h4 { font-size: 0.9rem; } }

.wp-editor ul > li, .page ul > li { margin-left: 1rem; margin-bottom: 0.5rem; line-height: 1.6; list-style: disc; }

.wp-editor ol > li, .page ol > li { margin-bottom: 0.5rem; margin-left: 1rem; line-height: 1.6; list-style: decimal; }

.wp-editor__list > li, .page__list > li { margin-bottom: 1em; }

.wp-editor__list > li:last-child, .page__list > li:last-child { margin-bottom: 0; }

.wp-editor__table, .page__table { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.wp-editor__table table, .page__table table { font-size: 0.8rem; width: 600px; }

.wp-editor__table table caption, .page__table table caption { text-align: left; }

.wp-editor__table table th, .wp-editor__table table td, .page__table table th, .page__table table td { vertical-align: top; border: 1px solid #ccc; padding: 5px; }

.wp-editor__table table th, .page__table table th { font-weight: 700; text-align: left; white-space: nowrap; background-color: #f4f4f4; }

@media (min-width: 768px) { .wp-editor__table table, .page__table table { font-size: 0.8rem; width: 100%; } }

.wp-editor__dl > dt, .wp-editor__dl > dd, .page__dl > dt, .page__dl > dd { box-sizing: content-box; }

.wp-editor__dl > dt, .page__dl > dt { font-weight: 700; }

.wp-editor__dl > dd, .page__dl > dd { border-top: 1px dotted #888; margin-left: 0; margin-bottom: 14px; padding-top: 0.5rem; padding-bottom: 14px; }

.wp-editor__dl > dd:last-child, .page__dl > dd:last-child { margin-bottom: 0; }

@media (min-width: 768px) { .wp-editor__dl, .page__dl { overflow: hidden; }
  .wp-editor__dl > dt, .wp-editor__dl > dd, .page__dl > dt, .page__dl > dd { padding-top: 0.8rem; padding-bottom: 0.8rem; line-height: 1.6; min-height: 1rem; }
  .wp-editor__dl > dt, .page__dl > dt { width: 230px; float: left; clear: both; }
  .wp-editor__dl > dd, .page__dl > dd { width: 700px; padding-top: 0.8rem; margin-bottom: 0; float: right; }
  .wp-editor__dl > dd:first-of-type, .page__dl > dd:first-of-type { border-top: none; } }

.wp-editor .grid__row, .page .grid__row { margin-top: 30px; margin-bottom: 40px; }

.wp-editor .grid__row:after, .page .grid__row:after { content: ""; display: table; clear: both; }

@media (min-width: 768px) { .wp-editor .grid__row, .page .grid__row { margin-left: auto; margin-right: auto; } }

.wp-editor .grid__col figure, .page .grid__col figure { width: auto; margin: 0; text-align: center; }

@media (min-width: 768px) { .wp-editor .grid__col, .page .grid__col { float: left; width: auto; }
  .wp-editor .grid__col.left, .page .grid__col.left { margin-right: 50px; }
  .wp-editor .grid__col.right, .page .grid__col.right { float: right; margin-left: 50px; } }

.wp-editor .faq-block, .page .faq-block { font-size: 1.2rem; line-height: 1.6rem; border-bottom: 1px dotted #888; position: relative; margin-bottom: 1rem; }

.wp-editor .faq-block:first-of-type, .page .faq-block:first-of-type { border-width: 0 0 1px 0; }

@media (min-width: 768px) { .wp-editor .faq-block, .page .faq-block { font-size: 0.8rem; line-height: 1.2rem; padding-left: 20px; } }

.wp-editor .faq-block .head, .page .faq-block .head { border: none; font-weight: normal; min-height: 45px; padding: 0.8rem; padding-right: 4rem; text-align: left; }

.wp-editor .faq-block .head:before, .page .faq-block .head:before { content: "Q."; margin-right: .5em; display: inline-block; }

@media (min-width: 768px) { .wp-editor .faq-block .head, .page .faq-block .head { min-height: 58px; padding-top: 0.5rem; padding-left: 3rem; padding-bottom: 0.5rem; padding-right: 4rem; font-weight: bold; position: relative; }
  .wp-editor .faq-block .head:before, .page .faq-block .head:before { content: ""; width: 34px; height: 34px; background-image: url("../images/faq_icon.png"); background-position: 0 0; margin-right: 0; display: block; position: absolute; top: 10px; left: 0; } }

.wp-editor .faq-block .body, .page .faq-block .body { margin-left: 1rem; padding-left: 10px; padding-right: 10px; padding-bottom: 1em; }

@media (min-width: 768px) { .wp-editor .faq-block .body, .page .faq-block .body { padding-top: 1.5em; padding-left: 1.5em; padding-bottom: 2.5em; } }

.wp-editor .faq-block .body *:first-child, .page .faq-block .body *:first-child { margin-top: 0; }

.wp-editor .faq-block .body *:last-child, .page .faq-block .body *:last-child { margin-bottom: 0; }

.wp-editor .faq-block .body table, .page .faq-block .body table { font-size: 1.2rem; table-layout: fixed; }

.wp-editor .faq-block .body table th, .wp-editor .faq-block .body table td, .page .faq-block .body table th, .page .faq-block .body table td { text-align: center; padding: 0 5px; }

.wp-editor .faq-block .body table th, .page .faq-block .body table th { font-weight: normal; }

@media (max-width: 767px) { .wp-editor .faq-block .body > p:first-of-type, .page .faq-block .body > p:first-of-type { display: inline; } }

.wp-editor .faq-block .body .a:before, .page .faq-block .body .a:before { content: "A."; margin-right: .5em; display: inline-block; }

@media (min-width: 768px) { .wp-editor .faq-block .body, .page .faq-block .body { padding-top: 0; padding-left: 104px; padding-bottom: 30px; position: relative; }
  .wp-editor .faq-block .body:before, .page .faq-block .body:before { content: ""; width: 30px; height: 30px; background-image: url("../images/faq_icon.png"); background-position: 0 -34px; margin-right: 0; display: block; position: absolute; top: 0; left: 50px; }
  .wp-editor .faq-block .body .a, .page .faq-block .body .a { display: none; } }

.wp-editor .postblock, .page .postblock { background-color: #f4f4f4; padding: 2rem; }

.wp-editor .buttonblock, .page .buttonblock { text-align: center; margin: 0.5rem 0; }

.wp-editor .buttonblock a, .page .buttonblock a { margin: 0 1rem; line-height: 40px; width: 290px; font-size: 16px; background-color: #000; color: #fff; border-radius: 0.2rem; border: none; font-weight: 700; display: inline-block; cursor: pointer; }

.wp-editor .no-border, .page .no-border { border: none; }

/* NEWS */
.news__content { color: #444; }

.news__content article { margin-bottom: 30px; }

.news__content article:last-child { margin-bottom: 0; }

.news__content a { color: #3cc; text-decoration: underline; }

.news__aside { margin-top: 30px; }

.news__aside-section { margin-bottom: 30px; }

.news__aside-section:last-child { margin-bottom: 0; }

.news__aside-section ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 1rem; overflow: hidden; }

.news__aside-title { font-size: 0.9rem; font-weight: 400; border-bottom: 1px solid #ccc; margin-bottom: 0; margin-top: 0; line-height: 2rem; }

.news__aside-recent li { width: 100%; margin: 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; }

.news__aside-recent li a { display: block; overflow: hidden; }

.news__aside-recent:last-child { margin-bottom: 0; }

.news__aside-recent__meta { font-size: 1.2rem; line-height: 2rem; }

.news__title { font-size: 1.4rem; border-bottom: 1px solid #b9b9b9; padding-bottom: 20px; margin-top: 0; margin-bottom: 20px; }

.news__logo { text-align: center; margin-top: 0; }

.news__logo img { border: 1px solid #ccc; }

.news__body { font-size: 1.2rem; line-height: 1.8rem; }

.news__body h1, .news__body h2, .news__body h3 { font-size: 0.8rem; margin: 1rem 0; }

.news__body h4, .news__body h6, .news__body p, .news__body ul, .news__body ol { margin-top: 20px; margin-bottom: 20px; }

.news__body h1 { border-style: none; padding: 10px 0; }

.news__body h2 { border-bottom: 1px solid #cccccc; padding: 10px 0; }

.news__body h3 { font-weight: 400; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 0; border: 1px solid #ccc; border-width: 1px 0; padding: 10px 0; }

@media (min-width: 768px) { .news__body h3 { font-size: 0.9rem; } }

.news__body h4 { font-weight: 400; }

.news__body h5 { border-left: 3px solid #000000; padding: 0 0 0 8px; }

.news__body h6:before { font-size: .1em; margin-right: 8px; content: '●'; color: #000; }

.news__body p { line-height: 2rem; }

.news__body ul, .news__body ol { line-height: 1.6; }

@media screen and (max-width: 768px) { .news__body h1, .news__body h2, .news__body h3 { font-size: 1.4rem; } }

.news .postblock { background-color: #f4f4f4; padding: 10px; }

.news__pagination { text-align: center; margin-top: 30px; }

.news__pagination .page-numbers { padding: 10px; border-radius: 22%; color: #000; }

.news__pagination .page-numbers.current { color: white; background: #7ccccc; }

.news__nav-next { text-align: right; }

.news__sns { text-align: right; }

.news__sns .fb_iframe_widget > span { vertical-align: baseline !important; }

.news__date { font-size: 1rem; text-align: right; }

.news__nav { margin-top: 30px; }

.news__nav-prev a, .news__nav-next a { color: #444; }

@media (min-width: 768px) { .news__content { width: 770px; float: left; margin-bottom: 6rem; }
  .news__aside { width: 330px; margin-top: 0; float: right; }
  .news__aside ul { margin-top: 0.7rem; }
  .news__aside li { line-height: 1.5rem; font-size: 0.7rem; }
  .news__aside-recent { background-color: #f4f4f4; padding: 15px; }
  .news__aside-recent .news__aside-title { line-height: 1; padding-bottom: 15px; margin-top: 0; text-align: center; }
  .news__aside-recent li { border: 0; padding-bottom: 0; }
  .news__aside-recent li a:hover .news__aside-recent__date, .news__aside-recent li a:hover .news__aside-recent__title { text-decoration: underline; }
  .news__aside-recent__meta { font-size: 0.7rem; line-height: 1.4rem; }
  .news__aside-recent__date { font-size: 0.7rem; }
  .news__aside-recent__title { font-size: 0.7rem; }
  .news__title { font-size: 0.9rem; margin-bottom: 30px; }
  .news__body { line-height: 1.4rem; font-size: 0.7rem; }
  .news__body p, .news__body ul, .news__body ol { font-size: 0.8rem; margin-top: 30px; margin-bottom: 30px; }
  .news__body p, .news__body h4, .news__body h5, .news__body h6 { font-size: 0.8rem; margin-top: 30px; margin-bottom: 30px; }
  .news__body ul, .news__body ol { line-height: 2rem; }
  .news__date { font-size: 0.7rem; }
  .news__nav { overflow: hidden; }
  .news__nav-prev, .news__nav-next { width: 50%; }
  .news__nav-prev { float: left; }
  .news__nav-next { float: right; } }

@media (max-width: 767px) { .news__aside-section li { float: left; margin-right: 10px; margin-bottom: 5px; }
  .news__aside-category a, .news__aside-category a:hover { font-size: 1.2rem; line-height: 1; text-decoration: none; padding: 5px; display: inline-block; }
  .news__aside-title { font-size: 1.4rem; text-align: center; line-height: 2; }
  .news__nav-prev, .news__nav-next { margin-bottom: 5px; }
  .news__nav-prev:last-child, .news__nav-next:last-child { margin-bottom: 0; }
  .news__nav-prev a, .news__nav-prev a:hover, .news__nav-next a, .news__nav-next a:hover { font-size: 1.2rem; line-height: 1; text-decoration: none; padding: 10px 5px; display: block; } }

.post-type-post { margin: 9px 10px; }

.post-type-post h1, .post-type-post h2, .post-type-post h3, .post-type-post h4, .post-type-post h5, .post-type-post h6, .post-type-post p, .post-type-post ul, .post-type-post ol { margin-top: 30px; margin-bottom: 30px; }

.post-type-post h1, .post-type-post h2, .post-type-post h3 { font-size: 16px; border: 1px solid #ccc; border-width: 1px 0; padding: 10px 0; }

.post-type-post h4, .post-type-post h5, .post-type-post h6 { font-size: 14px; border-left: 5px solid #000; padding-left: 10px; }

.post-type-post p, .post-type-post ul, .post-type-post ol { line-height: 2; }

.post-type-post .postblock { background-color: #F4F4F4; padding: 10px; }

.post-type-post article { margin-bottom: 30px; }

.post-type-post article:last-child { margin-bottom: 0; }

.post-type-post a { color: #3cc; text-decoration: underline; }

/* pickup */
.heading { height: 2rem; font-size: 1.3rem; }

.meta { font-size: 0.9rem; }

@media screen and (max-width: 768px) { .meta { font-size: 1.2rem; } }

.area-inner { padding-top: 2.3rem; }

@media screen and (max-width: 768px) { .area-inner { padding-top: 3.5rem; margin: 0 auto; /* padding: 4rem 15px; */ color: #333; } }

.pickup-list { margin: 20px 0 0; }

@media (max-width: 767px) { .pickup-list { margin: 2rem 0 0; } }

.pickup-list .pickup-result { font-weight: 300; }

.pickup-list .pickup-result__list { white-space: nowrap; display: block; flex-wrap: wrap; }

.pickup-list .pickup-result__list .header { line-height: 3rem; margin-top: 1rem; font-size: 1.2rem; margin-bottom: 2rem; font-weight: 700; }

.pickup-list .pickup-result__list .header p { line-height: 1.5rem; }

.pickup-list .pickup-result__list .header .main_title { white-space: normal; margin-bottom: -3px; }

.pickup-list .pickup-result__list .box { margin: 0 1% 2% 1%; opacity: 1; margin-top: 10px; transition: all 0.4s ease 0s; }

@media (max-width: 767px) { .pickup-list .pickup-result__list .box { margin: 0 1% 12% 1%; }
  .pickup-list .pickup-result__list .box p { line-height: 2.2rem; }
  .pickup-list .pickup-result__list .box.is-hidden { opacity: 0; height: 0; margin: 0; visibility: hidden; } }

.pickup-list .pickup-result__list .box.hide { display: none; }

@media (min-width: 768px) { .pickup-list .pickup-result__list { display: flex; }
  .pickup-list .pickup-result__list .header { line-height: 3rem; margin-top: 0.5rem; font-size: 0.8rem; margin-bottom: 1rem; }
  .pickup-list .pickup-result__list .box { flex-basis: 33%; flex: 0 0 31%; width: 31%; } }

.pickup-list .pickup-result__more { display: none; }

@media (max-width: 767px) { .pickup-list .pickup-result__more { display: block; width: 33%; background-color: #F2F2F2; margin: 20px auto; padding: 10px 15px; text-align: center; border: none; outline: 0; transition: .5s; -erbkit-transition: .5s; }
  .pickup-list .pickup-result__more:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #333; border-right: solid 2px #333; position: absolute; left: 58%; margin-top: 2px; transform: rotate(45deg); } }

.pickup-list .pickup-result__more.hide { display: none; }

.pickup-list .pickup-result__title { margin-bottom: 5px; font-size: 1.2em; font-weight: bold; white-space: normal; }

.pickup_caption { font-weight: 300; line-height: 1.2rem; letter-spacing: 0.1rem; font-size: 0.9em; }

.pickup_caption.charge { margin-bottom: -3px; }

.pickup_header { font-size: 1.3rem; }

@media (max-width: 767px) { .pickup_header { font-size: 1.2em; line-height: 1.8em; margin: 0 1.5rem; } }

.subcopy { margin: 1.7rem; letter-spacing: 0px; line-height: 1.6; }

.subcopy h2 { font-size: 18px; }

.subcopy a { color: #3cc; }

.subcopy a:hover { text-decoration: underline; }

@media (max-width: 767px) { .subcopy { margin: 1.0rem 1.5rem; width: auto; letter-spacing: 0px; line-height: 1.6; }
  .subcopy h2 { font-size: 0.9em; }
  .subcopy a { color: #3cc; }
  .subcopy a:hover { text-decoration: underline; } }

.pickup-area__wrap { width: 100%; display: flex; flex-flow: wrap; }

@media screen and (min-width: 767px) { .pickup-area__wrap { margin-bottom: 2.3rem; } }

@media screen and (max-width: 768px) { .pickup-area__wrap { min-height: 467px; } }

.pickup-area__wrap--block { display: flex; }

@media screen and (min-width: 767px) { .pickup-area__wrap--block { max-width: calc(20% - 10px); margin: 5px; } }

.pickup-area__wrap--block img { width: 225px; }

.pickup-area__wrap--block .thumb { margin-bottom: 15px; }

@media screen and (max-width: 768px) { .pickup-area__wrap--block .thumb { margin-bottom: 10px; } }

@media screen and (max-width: 768px) { .pickup-area__wrap--block { width: 45%; margin-right: 15px; margin-bottom: 30px; } }

.find { display: flex; }

@media screen and (max-width: 768px) { .find { display: inline-block; width: 100%; } }

.find__area { /* width: 49%; */ flex-grow: 1; flex-shrink: 0; flex-basis: 400px; line-height: 1.2rem; }

@media screen and (max-width: 768px) { .find__area { margin-bottom: 2.3rem; } }

@media screen and (max-width: 768px) { .find__area dd { display: none; font-size: 1.1em; } }

.find__area dl { margin: 1em 0; }

.find__area dl:after { clear: both; content: ""; display: block; }

.find__area dt { float: left; width: 100px; margin-right: 2rem; font-weight: bold; }

@media screen and (max-width: 768px) { .find__area dt { float: unset; width: 100%; border-bottom: 1px solid #ddd; padding: 10px 0; font-size: 1.3rem; }
  .find__area dt.arrows-right:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #333; border-right: solid 2px #333; position: absolute; right: 7%; margin-top: 1px; transform: rotate(-45deg); }
  .find__area dt.arrows-bottom:after { content: ''; width: 6px; height: 6px; border: 0; border-bottom: solid 2px #333; border-right: solid 2px #333; position: absolute; right: 7%; /* margin-top: 5px; */ transform: rotate(45deg); } }

.find__area ul { list-style: none; display: flex; flex-wrap: wrap; }

@media screen and (max-width: 768px) { .find__area ul { margin: 10px 0 0 5px; line-height: 2rem; }
  .find__area ul.sp-hide { display: none; } }

.find__area ul li { margin-right: 15px; }

@media screen and (max-width: 768px) { .find__area ul li { display: inline-block; } }

.find__area ul li .hidden { display: none; }

@media screen and (max-width: 768px) { .find__area ul { width: 100%; } }

.find__area .accordion-open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

@media screen and (min-width: 768px) { .find__area .area-pc-hide { display: none; } }

@media screen and (max-width: 767px) { .find__area .area-sp-hide { display: none; } }

.find__area .area_gr { display: none; }

@media screen and (max-width: 768px) { .find__area .area_gr { display: inline-block; } }

.find__purpose { width: 49%; flex-grow: 1; flex-shrink: 0; flex-basis: 400px; }

@media screen and (max-width: 768px) { .find__purpose { width: 100%; padding-top: 3rem; } }

.find__purpose--wrap { padding-top: 20px; }

@media screen and (max-width: 768px) { .find__purpose--wrap { min-height: 1020px; }
  .find__purpose--wrap a { /* spでクリック時、ブロック全体が選択されるように */ display: inline-block; width: 100%; } }

.find__purpose--block { display: inline-flex; padding: 0 1.5rem 1.5rem 0; flex-direction: row; width: 49%; font-size: 0.6rem; }

.find__purpose--block h4 { align-self: center; font-size: 0.7rem; font-weight: bold; margin-left: 0.6rem; width: calc(100% - (70px / 0.49)); }

@media screen and (max-width: 768px) { .find__purpose--block h4 { font-size: 1.2rem; } }

@media screen and (max-width: 768px) { .find__purpose--block { width: 100%; } }

.find__purpose--block img { display: inline-block; width: 70px; height: 70px; border-radius: 50%; object-fit: cover; /*@media screen and (max-width: 768px) { width: 68px; }*/ }

.prefectureSelect, .keywordSelect, .areaSelect { text-align: center; position: relative; margin: 0 20px; }

.prefectureSelect .current_select, .keywordSelect .current_select, .areaSelect .current_select { background: #dddddd; cursor: pointer; position: relative; font-size: 1em; text-align: left; }

@media screen and (max-width: 768px) { .prefectureSelect .current_select, .keywordSelect .current_select, .areaSelect .current_select { font-size: 1.2em; } }

.prefectureSelect .current_select .current__wrap, .keywordSelect .current_select .current__wrap, .areaSelect .current_select .current__wrap { display: flex; flex-wrap: wrap; text-align: left; background: #ffffff; padding: 0 50px; gap: 0 20px; }

@media screen and (max-width: 768px) { .prefectureSelect .current_select .current__wrap, .keywordSelect .current_select .current__wrap, .areaSelect .current_select .current__wrap { padding: 0 20px; } }

.prefectureSelect .current_select .current__wrap .text, .keywordSelect .current_select .current__wrap .text, .areaSelect .current_select .current__wrap .text { margin: 0 5px 0 0; }

.prefectureSelect .current_select .current__wrap .check-item, .keywordSelect .current_select .current__wrap .check-item, .areaSelect .current_select .current__wrap .check-item { width: auto; border: 0; }

@media screen and (max-width: 768px) { .prefectureSelect .current_select .current__wrap .check-item, .keywordSelect .current_select .current__wrap .check-item, .areaSelect .current_select .current__wrap .check-item { background-position: 0; padding: 15px 15px 15px 20px; } }

.prefectureSelect .current_select .title, .keywordSelect .current_select .title, .areaSelect .current_select .title { padding: 20px 50px; position: relative; }

.prefectureSelect .current_select .title:after, .keywordSelect .current_select .title:after, .areaSelect .current_select .title:after { content: ''; position: absolute; top: calc(50% - 2.5px); right: 20px; width: 0.8em; height: 0.8em; transform: translateY(-50%) rotate(45deg); border-bottom: 2px solid; border-right: 2px solid; }

@media screen and (max-width: 768px) { .prefectureSelect .current_select .title:after, .keywordSelect .current_select .title:after, .areaSelect .current_select .title:after { width: 10px; height: 10px; } }

@media screen and (max-width: 768px) { .prefectureSelect .current_select .title, .keywordSelect .current_select .title, .areaSelect .current_select .title { padding: 10px 30px; } }

.prefectureSelect .current_select .clear, .keywordSelect .current_select .clear, .areaSelect .current_select .clear { position: relative; cursor: pointer; padding: 10px; }

.prefectureSelect .current_select .clear:before, .prefectureSelect .current_select .clear:after, .keywordSelect .current_select .clear:before, .keywordSelect .current_select .clear:after, .areaSelect .current_select .clear:before, .areaSelect .current_select .clear:after { content: ''; width: 15px; border-bottom: 1px solid; top: 50%; left: 0; position: absolute; border-color: #8f8f8f; }

.prefectureSelect .current_select .clear:before, .keywordSelect .current_select .clear:before, .areaSelect .current_select .clear:before { transform: rotate(45deg); }

.prefectureSelect .current_select .clear:after, .keywordSelect .current_select .clear:after, .areaSelect .current_select .clear:after { transform: rotate(-45deg); }

.prefectureSelect .pref_select, .prefectureSelect .keyword_select, .keywordSelect .pref_select, .keywordSelect .keyword_select, .areaSelect .pref_select, .areaSelect .keyword_select { font-size: 1em; display: none; }

.prefectureSelect .pref_select.active, .prefectureSelect .keyword_select.active, .keywordSelect .pref_select.active, .keywordSelect .keyword_select.active, .areaSelect .pref_select.active, .areaSelect .keyword_select.active { display: block; }

@media screen and (max-width: 768px) { .prefectureSelect .pref_select, .prefectureSelect .keyword_select, .keywordSelect .pref_select, .keywordSelect .keyword_select, .areaSelect .pref_select, .areaSelect .keyword_select { font-size: 1.2em; } }

.prefectureSelect .pref_select_list, .prefectureSelect .keyword_select_list, .keywordSelect .pref_select_list, .keywordSelect .keyword_select_list, .areaSelect .pref_select_list, .areaSelect .keyword_select_list { border-top: 1px solid #dddddd; display: flex; flex-direction: row; flex-wrap: wrap; }

.prefectureSelect .pref_select__wrap, .prefectureSelect .keyword_select__wrap, .keywordSelect .pref_select__wrap, .keywordSelect .keyword_select__wrap, .areaSelect .pref_select__wrap, .areaSelect .keyword_select__wrap { z-index: 1; border: 2px solid #dddddd; background-color: #fff; width: 100%; max-width: 1180px; margin: 0 auto; }

.prefectureSelect .pref_select__wrap.active .title:after, .prefectureSelect .keyword_select__wrap.active .title:after, .keywordSelect .pref_select__wrap.active .title:after, .keywordSelect .keyword_select__wrap.active .title:after, .areaSelect .pref_select__wrap.active .title:after, .areaSelect .keyword_select__wrap.active .title:after { transform: translateY(-50%) rotate(-135deg); top: calc(50% + 2.5px); }

.prefectureSelect .pref_select li, .prefectureSelect .keyword_select li, .keywordSelect .pref_select li, .keywordSelect .keyword_select li, .areaSelect .pref_select li, .areaSelect .keyword_select li { width: calc(100% / 4); background: #fff; text-align: left; border-bottom: 1px solid #dddddd; padding: 0 0 0 50px; }

@media screen and (max-width: 1024px) and (min-width: 769px) { .prefectureSelect .pref_select li, .prefectureSelect .keyword_select li, .keywordSelect .pref_select li, .keywordSelect .keyword_select li, .areaSelect .pref_select li, .areaSelect .keyword_select li { width: calc(100% / 3); } }

@media screen and (max-width: 768px) and (min-width: 429px) { .prefectureSelect .pref_select li, .prefectureSelect .keyword_select li, .keywordSelect .pref_select li, .keywordSelect .keyword_select li, .areaSelect .pref_select li, .areaSelect .keyword_select li { width: calc(100% / 2); } }

@media screen and (max-width: 428px) { .prefectureSelect .pref_select li, .prefectureSelect .keyword_select li, .keywordSelect .pref_select li, .keywordSelect .keyword_select li, .areaSelect .pref_select li, .areaSelect .keyword_select li { width: 100%; padding: 0; } }

.prefectureSelect .pref_select li.disabled, .prefectureSelect .keyword_select li.disabled, .keywordSelect .pref_select li.disabled, .keywordSelect .keyword_select li.disabled, .areaSelect .pref_select li.disabled, .areaSelect .keyword_select li.disabled { color: #aaaaaa; cursor: auto; pointer-events: none; text-decoration: line-through; }

.prefectureSelect .pref_select li:last-child, .prefectureSelect .keyword_select li:last-child, .keywordSelect .pref_select li:last-child, .keywordSelect .keyword_select li:last-child, .areaSelect .pref_select li:last-child, .areaSelect .keyword_select li:last-child { flex-grow: 1; }

.prefectureSelect .pref_select .all-clear, .prefectureSelect .keyword_select .all-clear, .keywordSelect .pref_select .all-clear, .keywordSelect .keyword_select .all-clear, .areaSelect .pref_select .all-clear, .areaSelect .keyword_select .all-clear { text-decoration: underline; color: #3063bb; cursor: pointer; }

.prefectureSelect .pref_select .all-clear__wrap, .prefectureSelect .keyword_select .all-clear__wrap, .keywordSelect .pref_select .all-clear__wrap, .keywordSelect .keyword_select .all-clear__wrap, .areaSelect .pref_select .all-clear__wrap, .areaSelect .keyword_select .all-clear__wrap { padding: 20px 0 20px 54px; text-align: left; }

@media screen and (max-width: 768px) { .prefectureSelect .pref_select .all-clear__wrap, .prefectureSelect .keyword_select .all-clear__wrap, .keywordSelect .pref_select .all-clear__wrap, .keywordSelect .keyword_select .all-clear__wrap, .areaSelect .pref_select .all-clear__wrap, .areaSelect .keyword_select .all-clear__wrap { padding: 20px 0 20px 28px; } }

.prefectureSelect .check-item, .keywordSelect .check-item, .areaSelect .check-item { background-image: url(/assets/images/pickup/check_clear.png); background-repeat: no-repeat; background-position: 0px; padding: 15px 0 15px 25px; display: flex; flex-wrap: nowrap; align-items: center; display: inline-block; cursor: pointer; }

.prefectureSelect .check-item.checked, .keywordSelect .check-item.checked, .areaSelect .check-item.checked { background-image: url(/assets/images/pickup/check_checked.png); }

@media screen and (max-width: 768px) { .prefectureSelect .check-item, .keywordSelect .check-item, .areaSelect .check-item { width: 100%; padding-left: 50px; background-position: 25px; }
  .prefectureSelect .check-item:not(:last-child), .keywordSelect .check-item:not(:last-child), .areaSelect .check-item:not(:last-child) { border-bottom: 1px solid #dddddd; } }

.prefectureSelect #sub_area, .prefectureSelect #pref, .keywordSelect #sub_area, .keywordSelect #pref, .areaSelect #sub_area, .areaSelect #pref { font-size: 1.2em; }

.no-result { padding: 20px 10px; text-align: center; }

.pageTitle.pickup { padding: 50px 0 0; }

@media screen and (max-width: 768px) { .pageTitle.pickup { padding: 2rem 0 0; } }

.areaSelect { margin: 20px; position: relative; }

.areaSelect .search-inner { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; max-width: 1180px; }

.areaSelect .search-inner .input_block, .areaSelect .search-inner .submit_block { box-sizing: border-box; margin-bottom: 0; }

.areaSelect .search-inner .input_block { background-color: #dddddd; }

.areaSelect .search-inner .submit span { width: 8rem; }

.areaSelect .search-inner .submit .txt1 { font-size: 1rem; }

.areaSelect .search-inner .submit .txt1:before { right: 1rem; }

.areaSelect .search-inner .current_select { border: 2px solid #dddddd; }

@media (min-width: 768px) { .areaSelect .search-inner .input_block:nth-child(1) { flex: 0 0 33%; min-width: 120px; }
  .areaSelect .search-inner .input_block:nth-child(2) { flex: 0 0 66%; }
  .areaSelect .search-inner .submit_block { flex: 0 0 10%; text-align: center; align-self: flex-end; } }

@media (max-width: 767px) { .areaSelect .search-inner { margin: 0; display: flex; flex-wrap: wrap; gap: 0.5rem; }
  .areaSelect .search-inner .input_block { flex: 1 1 48%; }
  .areaSelect .search-inner .submit_block { flex: 1 1 100%; text-align: center; margin-top: 1rem; }
  .areaSelect .search-inner .input_block:nth-of-type(1) { flex: 0 0 100%; }
  .areaSelect .search-inner .input_block:nth-of-type(2) { flex: 0 0 100%; }
  .areaSelect .search-inner .submit_block { flex: 0 0 100%; text-align: center; margin-top: 0.5rem; } }

@media (max-width: 767px) { .areaSelect { margin: 20px 20px 0.5rem; } }

.areaSelect select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.skeleton { position: relative; overflow: hidden; }

.skeleton::before { content: ''; display: block; height: 100%; width: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent); position: absolute; top: 0; left: 0; animation: skeleton-animation 1.2s linear infinite; }

/* TOP */
.thumb-img { width: 380px; height: 252px; margin-bottom: 15px; background: #d9d9d9; }

.meta-name { width: 100%; height: 25px; background: #d9d9d9; }

.heading-text { width: 500px; height: 25px; background: #d9d9d9; }

@media screen and (max-width: 768px) { .thumb-img { width: 62vw; height: 41vw; background: #d9d9d9; }
  .heading-text { width: 65.274vw; height: 3.264vw; background: #d9d9d9; } }

/* エリア別一覧 */
.area-block { display: block; }

.area-img { width: 372px; height: 247px; margin-bottom: 15px; background: #d9d9d9; }

.area-title { width: 50%; height: 1.2rem; margin-bottom: 5px; background: #d9d9d9; }

.area-stay { width: 100%; height: 1.3rem; margin-bottom: 5px; background: #d9d9d9; }

.area-charge { width: 50%; height: 1rem; margin-bottom: 5px; background: #d9d9d9; }

.area-capnum { width: 50%; height: 1rem; margin-bottom: 5px; background: #d9d9d9; }

@media screen and (max-width: 768px) { .area-img { width: 90.209vw; height: 58.877vw; background: #d9d9d9; }
  .area-title { width: 50%; height: 5.744vw; background: #d9d9d9; }
  .area-stay { width: 100%; height: 5.744vw; margin-bottom: 5px; background: #d9d9d9; }
  .area-charge { width: 50%; height: 5.744vw; margin-bottom: 5px; background: #d9d9d9; }
  .area-capnum { width: 50%; height: 5.744vw; margin-bottom: 5px; background: #d9d9d9; } }

/* 目的地別 */
.purpose-subcopy { width: 1132px; background: #d9d9d9; height: 116px; }

.purpose-breadcrumb { background: #d9d9d9; width: 300px; height: 20px; }

.purpose-header { background: #d9d9d9; width: 600px; height: 40px; margin: 0 auto; }

@media screen and (max-width: 768px) { .purpose-subcopy { width: 86.815vw; height: 18.538vw; background: #d9d9d9; margin: 1rem auto; }
  .purpose-header { background: #d9d9d9; width: 80%; height: 6.527vw; margin: 0 auto; } }

/* 施設詳細 */
.facility-area { width: 24%; height: 1rem; background: #d9d9d9; }

.facility-stay { width: 60%; height: 1.3rem; margin-top: 5px; background: #d9d9d9; }

.facility-map { background: #d9d9d9; width: 740px; height: 400px; margin: 1rem 0; }

.facility-info { width: 60%; height: 1rem; margin-bottom: 5px; background: #d9d9d9; }

.facility-block { display: block; }

.facility-img { flex-basis: 23%; margin: 0 2% 2% 0; height: 159px; background: #d9d9d9; }

.facility-description { width: 100%; background: #d9d9d9; height: 1000px; }

.facility-breadcrumb { width: 400px; height: 20px; background: #d9d9d9; }

.facility-plan { width: 420px; height: 276px; background: #d9d9d9; border-radius: 0.4rem; }

@media screen and (max-width: 768px) { .facility-map { background: #d9d9d9; width: 92.037vw; height: 53.394vw; margin: 1rem 0; }
  .facility-img { flex-basis: 30%; margin: 0 2% 2% 0; height: 13.708vw; background: #d9d9d9; }
  .facility-plan { width: 92.037vw; height: 53.133vw; margin: 2rem 0 2.5rem; background: #d9d9d9; border-radius: 0.4rem; }
  .facility-area { width: 24%; height: 3.916vw; background: #d9d9d9; }
  .facility-stay { width: 60%; height: 6.527vw; margin-top: 5px; background: #d9d9d9; }
  .facility-breadcrumb { width: 52.219vw; height: 20px; background: #d9d9d9; } }

@-moz-keyframes skeleton-animation { 0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); } }

@-webkit-keyframes skeleton-animation { 0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); } }

@-o-keyframes skeleton-animation { 0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); } }

@keyframes skeleton-animation { 0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); } }

/* banners */
.heading { height: 2rem; font-size: 1.3rem; }

.meta { font-size: 0.9rem; }

@media screen and (max-width: 768px) { .meta { font-size: 1.2rem; } }

.area-inner { padding-top: 2.3rem; }

@media screen and (max-width: 768px) { .area-inner { padding-top: 3.5rem; margin: 0 auto; /* padding: 4rem 15px; */ color: #333; } }

.banners-area__wrap { width: 100%; display: flex; flex-flow: wrap; }

@media screen and (min-width: 767px) { .banners-area__wrap { margin-bottom: 2.3rem; } }

.banners-area__wrap--block { display: flex; }

@media screen and (min-width: 767px) { .banners-area__wrap--block { max-width: calc(33% - 10px); margin: 5px; } }

.banners-area__wrap--block img { width: 385px; }

@media screen and (max-width: 768px) { .banners-area__wrap--block img { width: 75%; } }

.banners-area__wrap--block .thumb { margin-bottom: 15px; }

@media screen and (max-width: 768px) { .banners-area__wrap--block .thumb { margin-bottom: 10px; } }

.banners-area__wrap--block .sp-picture { display: flex; justify-content: center; }

@media screen and (max-width: 768px) { .banners-area__wrap--block { width: 100%; margin-bottom: 10px; } }

/* search-calendar */
.content-search__bg { padding: 6.5rem 0; position: relative; }

@media (min-width: 768px) { .content-search__bg { padding: 40px 0; } }

.content-search__carousel.slick-slider { width: 100%; height: 100%; top: 0; position: absolute; }

.content-search__carousel.slick-slider .slide { width: 100%; height: 100%; background: no-repeat center center / cover; position: relative; }

.content-search__carousel.slick-slider .slide .title { max-width: 600px; width: 50%; bottom: 20px; left: 50%; position: absolute; font-size: 17px; text-align: right; display: block; }

@media (max-width: 767px) { .content-search__carousel.slick-slider .slide .title { display: none; } }

.content-search__carousel.slick-slider .slick-list, .content-search__carousel.slick-slider .slick-track { height: 100%; }

.content-search__carousel.slick-slider .slick-dots { max-width: 600px; width: 50%; top: 20px; left: 50%; position: absolute; text-align: right; }

.content-search__carousel.slick-slider .slick-dots li { margin: 0 5px; display: inline; }

.content-search__carousel.slick-slider .slick-dots button { padding: 0; height: 10px; width: 10px; border: 1px solid #fff; background: transparent; border-radius: 50%; overflow: hidden; text-indent: -9999px; }

.content-search__carousel.slick-slider .slick-dots .slick-active button { background-color: #fff; }

@media (max-width: 767px) { .content-search__carousel.slick-slider .slick-dots { display: none !important; } }

.sc_select { position: relative; }

.sc_select select { opacity: 0; height: 2.5rem; width: 100%; padding: 0.5rem; text-align: center; background: none; border: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.sc_select:before { position: absolute; top: 50%; right: 1rem; width: 0; height: 0; padding: 0; content: ''; border-left: 3.5px solid transparent; border-right: 3.5px solid transparent; border-top: 3.5px solid #231815; pointer-events: none; }

.sc_select .val { height: 1.4rem; width: 100%; font-size: 1.4rem; font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ font-weight: 300; text-align: center; transform: translateY(-50%); top: 50%; position: absolute; pointer-events: none; }

@media all and (-ms-high-contrast: none) { .sc_select .val { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .sc_select .val { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media (min-width: 768px) { .sc_select:before { margin-top: -3px; border-width: 7px 7px 0; }
  .sc_select .val { height: 20px; font-size: 20px; } }

.sc_input input { height: 2.5rem; width: 100%; padding: 0.5rem 0; font-size: 1.4rem; font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ font-weight: 300; text-align: center; background: none; border: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

@media all and (-ms-high-contrast: none) { .sc_input input { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .sc_input input { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media (min-width: 768px) { .sc_input input { font-size: 20px; } }

@media (max-width: 767px) { .sc_input input, .sc_input select { height: 2.5rem; } }

.search-calendar { position: relative; }

.search-calendar__container { width: 22rem; margin: 0 auto; }

.search-calendar__container.border .input_block { border: 1px solid #4d4d4d; }

.search-calendar__container .input_block { margin-bottom: 1rem; padding: 0.5rem; background-color: rgba(255, 255, 255, 0.8); border-radius: 5px; position: relative; }

.search-calendar__container .input_block .label { top: 0.5rem; left: 0.5rem; font-size: 0.8rem; font-weight: 700; position: absolute; }

.search-calendar__container .date { width: 80%; margin: 0 auto; display: flex; position: relative; }

.search-calendar__container .date > div { width: 45%; float: left; }

.search-calendar__container .date .haifun { width: 10%; flex: 0 0 10%; display: flex; align-items: center; justify-content: center; /* IE9 */ }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .search-calendar__container .date .haifun { margin-top: 13px; text-align: center; } }

.search-calendar__container .date:before { margin-top: -1rem; height: 2rem; width: 2rem; background: url(../images/common/icon_calendar.png) no-repeat 0 0/contain; position: absolute; right: -2rem; top: 50%; content: ''; }

@media (min-width: 768px) { .search-calendar__container { margin: 0 auto 0 0; width: 20rem; } }

.search-calendar__container button.submit { font-family: "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; /* IE10以上 */ /* IE9 */ width: 100%; height: 3.5rem; padding: 0; background-color: rgba(230, 0, 18, 0.8); color: #fff; border-radius: 5px; border: none; text-align: center; }

@media all and (-ms-high-contrast: none) { .search-calendar__container button.submit { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) { .search-calendar__container button.submit { font-family: "メイリオ", 'Meiryo', "ＭＳ Ｐゴシック", 'MS PGothic', sans-serif; } }

.search-calendar__container button.submit span { width: 12rem; margin: 0 auto; display: block; white-space: nowrap; text-align: center; }

.search-calendar__container button.submit .txt1 { font-size: 1.3rem; font-weight: 700; position: relative; }

.search-calendar__container button.submit .txt1:before { height: 1.2rem; width: 1.2rem; background: url(../images/common/icon_search.svg) no-repeat 0 0/contain; top: 0.4rem; right: 1.3rem; position: absolute; display: block; content: ''; }

.search-calendar__container button.submit .txt2 { margin-top: 0.25rem; font-size: 0.7rem; }

@media (min-width: 768px) { .search-calendar__container button.submit { cursor: pointer; }
  .search-calendar__container button.submit .txt1 { line-height: 30px; }
  .search-calendar__container button.submit .txt1:before { height: 20px; width: 20px; top: 4px; } }

@media (max-width: 767px) { .search-calendar__container { width: 30rem; } }

/* NEWS */
.content-news { padding: 4rem 0; }

.content-news .heading { margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #000; font-size: 1rem; font-weight: 700; }

.content-news__list { margin-bottom: 1.5rem; }

.content-news__list li { margin-top: 1rem; position: relative; }

.content-news__list .tag { width: 5rem; background-color: #000; color: #fff; font-size: 0.9rem; font-weight: 700; display: block; top: 0.4em; position: absolute; text-align: center; }

.content-news__list .topics { background-color: #4D4D4D; }

.content-news__list .newopen { background-color: #FF0000; }

.content-news__list .txt { margin-left: 0; font-size: 1.1rem; }

.content-news__list .txt .date { margin-right: 1em; }

@media (min-width: 768px) { .content-news__list .tag { font-size: 12px; width: 70px; }
  .content-news__list .txt { font-size: 14px; } }

/* 施設カルーセル */
@media screen and (max-width: 768px) { #articles { margin-bottom: 2.7rem; } }

.articles-carousel .heading { height: 3rem; }

.articles-carousel .heading > * { font-size: 1.2rem; font-weight: 700; display: inline-block; padding: 1rem 0; }

.articles-carousel .heading .lead { margin-left: 1.5rem; font-size: 0.95rem; font-weight: 400; }

@media (min-width: 768px) { .articles-carousel .heading > * { font-size: 20px; }
  .articles-carousel .heading .lead { font-size: 16px; }
  .articles-carousel .heading .home-more { margin-left: 2rem; } }

@media (max-width: 767px) { .articles-carousel .heading > * { float: left; }
  .articles-carousel .heading .home-more { float: right; } }

.articles-carousel__container { margin-top: 0.5rem; margin-bottom: 2.5rem; }

.articles-carousel__container .size-medium { width: 70%; }

.articles-carousel__container .size-large { width: 80%; }

.articles-carousel__container .slide { margin-right: 1rem; }

.articles-carousel__container .block { font-size: 0.9rem; text-decoration: none; }

.articles-carousel__container .block .thumb { margin-bottom: 1rem; position: relative; }

.articles-carousel__container .block .tag-condition { left: 1rem; bottom: 1rem; position: absolute; z-index: 2; }

.articles-carousel__container .block .tag-condition .tag { border: 1px solid #fff; padding: 3px; color: #fff; font-size: 0.85rem; font-weight: 700; display: inline-block; }

.articles-carousel__container .block .meta { font-size: 0.9rem; }

.articles-carousel__container .block .meta > span { padding: 0 0.5rem; font-weight: 700; }

.articles-carousel__container .block .meta span:not(:first-child) { border-left: 1px solid #000; }

.articles-carousel__container .block .meta span:first-child { padding-left: 0; }

@media (min-width: 768px) { .articles-carousel__container .size-medium, .articles-carousel__container .size-large { width: 100%; }
  .articles-carousel__container .block .thumb { margin-bottom: 15px; }
  .articles-carousel__container .block .tag-condition { left: 15px; bottom: 15px; }
  .articles-carousel__container .block .tag-condition .tag { font-size: 14px; }
  .articles-carousel__container .block .meta { font-size: 14px; }
  .articles-carousel__container .block .meta > span { padding: 0 6px; } }

.articles-carousel .slick-list { overflow: visible; }

.articles-carousel .slick-arrow { transition: 0.5s; height: 37px; width: 37px; padding: 0; cursor: pointer; }

.articles-carousel .slick-arrow:before { height: 37px; width: 21px; top: 0; }

.articles-carousel .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; }

.articles-carousel .slick-prev { z-index: 100; position: absolute; left: 30px; top: 36%; }

.articles-carousel .slick-prev:before { transform: rotate(180deg); }

.articles-carousel .slick-next { z-index: 100; position: absolute; right: 30px; top: 36%; }

.articles-carousel .slick-next:before { right: 0; left: auto; }

@media (max-width: 767px) { .articles-carousel .slick-arrow { display: none !important; } }

@media (min-width: 1355px) { .articles-carousel .content-inner { max-width: none; margin: 0 55px; } }

.articles-carousel .content-inner-more { margin: -20px 1.5rem 0; }

@media (min-width: 768px) { .articles-carousel .content-inner-more { max-width: 1240px; margin: -20px auto 0; padding: 0 20px; } }

/* IE対策 (画像の縦横比をIEでも維持する) */
.property-detail__info .gallery_box__inner .box img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; font-family: "object-fit:cover;"; }

/* slick-lightbox 矢印コントロール */
.slick-lightbox .slick-arrow { z-index: 100; }

/* ピンチインアウトができるように以下を無効 */
.slick-slider { touch-action: auto !important; }

/* SPのときだけリンクを無効にするclass */
@media (max-width: 767px) { .a-disable { pointer-events: none; } }

.subcopy-inner { max-width: 1240px; margin: 0 auto; padding: 0 20px; }