/*!*****************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/flatpickr/dist/flatpickr.min.css ***! \*****************************************************************************************************************************/ .flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08)}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none !important;box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){-webkit-box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:34px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;z-index:3;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9)}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/* /*rtl:begin:ignore*/left:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/* /*rtl:begin:ignore*/right:0/* /*rtl:end:ignore*/}/* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);-webkit-box-sizing:border-box;box-sizing:border-box}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05)}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:7.48px 0 0 0;line-height:1;height:34px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:initial;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:300;height:auto;line-height:inherit;margin:-1px 0 0 0;outline:none;padding:0 0 0 .5ch;position:relative;vertical-align:initial;-webkit-box-sizing:border-box;-webkit-appearance:menulist;-moz-appearance:menulist;width:auto}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:28px}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;width:307.875px}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.dayContainer + .dayContainer{-webkit-box-shadow:-1px 0 0 #e6e6e6;box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)){-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} /*!***********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/scss/style.scss ***! \***********************************************************************************************************************************************************************************************************************************************************/ *, *::before, *::after { box-sizing: inherit; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, code, form, input, textarea, p, table, caption, th, td, address, span, a, figure, figcaption { margin: 0; padding: 0; font: inherit; color: inherit; text-decoration: none; line-height: inherit; background-repeat: no-repeat; } article, aside, figcaption, figure, footer, header, menu, nav, section, main { display: block; } html { -webkit-text-size-adjust: 100%; width: 100%; height: 100%; box-sizing: border-box; font-size: calc(10 / 1920 * 100vw); } @media screen and (max-width: 1441px) { html { font-size: calc(10 / 1440 * 100vw); } } @media screen and (max-width: 961px) { html { font-size: calc(10 / 960 * 100vw); } } @media screen and (max-width: 561px) { html { font-size: calc(10 / 375 * 100vw); } } body { position: relative; font-size: 1.6rem; line-height: 1.5; min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed; } body:lang(ja) { font-family: 'Noto Sans JP', sans-serif; } body:lang(en) { font-family: 'Noto Sans', sans-serif; } body:lang(zh-cmn-Hans) { font-family: 'Noto Sans SC', sans-serif; } body:lang(zh-cmn-Hant) { font-family: 'Noto Sans TC', sans-serif; } body:lang(ko) { font-family: 'Noto Sans KR', sans-serif; } h1, h2, h3, h4, b, em, strong { font-weight: normal; } address, i, em { font-style: normal; } ol, ul { list-style: none; } code { font-family: "Fira Code", "Consolas", "Courier New", monospace; } q::before, q::after { content: ""; } img, picture { vertical-align: middle; border: none; max-width: 100%; height: auto; } input, button, select, textarea { vertical-align: middle; font: inherit; } input[type=submit], input[type=image], button, select { cursor: pointer; } label { display: inline-block; cursor: pointer; } iframe { border: none; } table { border-collapse: collapse; border-spacing: 0; empty-cells: show; } @media (prefers-reduced-motion: reduce) { :not(.safe-animation)::before, :not(.safe-animation)::after { animation-delay: -1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-delay: 0s !important; transition-duration: 1ms !important; background-attachment: initial !important; scroll-behavior: auto !important; } } @media screen and (min-width: 961px) { .grid { position: relative; width: 100%; } .grid::after { display: block; clear: both; content: ""; } .grid .fst { margin-left: 0 !important; clear: left; } } @media screen and (max-width: 961px) { .grid { position: relative; width: 100%; } .grid::after { display: block; clear: both; content: ""; } .grid .fst { clear: none; } .grid .sfst { margin-left: 0 !important; clear: left; } } @media screen and (max-width: 561px) { .grid { position: relative; width: 100%; } .grid::after { display: block; clear: both; content: ""; } .grid .sfst { clear: none; } .grid .ssfst { margin-left: 0 !important; clear: left; } } .slick-slide > div > * { vertical-align: bottom; } .vbox-open { overflow: initial; } .vbox-container { overflow-x: initial; overflow-y: initial; } .vbox-container img { max-height: 85vh; } .vbox-num { margin: 6px 15px 6px 15px; } .resize-animation-stopper * { animation: none !important; transition: none !important; } .bn { border-width: 0 !important; } .none { display: none !important; } .block { display: block !important; } .inline { display: inline !important; } .inline-block { display: inline-block !important; } .table { display: table !important; } .flex.-column { flex-direction: column !important; } .flex.-center { justify-content: center; } .flex.-wrap { flex-wrap: wrap; } .hide { visibility: hidden !important; } .show { visibility: visible !important; } .note { display: none !important; } @media screen and (max-width: 1441px) { .note { display: inherit !important; } } @media screen and (max-width: 961px) { .note { display: none !important; } } @media screen and (max-width: 561px) { .note { display: none !important; } } .tablet { display: none !important; } @media screen and (max-width: 961px) { .tablet { display: inherit !important; } } @media screen and (max-width: 561px) { .tablet { display: none !important; } } .sumaho { display: none !important; } @media screen and (max-width: 561px) { .sumaho { display: inherit !important; } } @media screen and (max-width: 561px) { .nosumaho { display: none !important; } } .fix::after { display: block; clear: both; content: ""; } .s { font-size: 80%; } .l { font-size: 120%; } .regular { font-weight: normal; } .black { font-weight: 900; } .gap1 > *:not(.mb) + * { margin-top: 1rem; } .gap2 > *:not(.mb) + * { margin-top: 2rem; } .mt30 { margin-top: 3rem; } .mb20 { margin-bottom: 2rem; } .rel { position: relative !important; } @media screen and (max-width: 561px) { .scroll { overflow: auto; } .scroll table { white-space: nowrap; } } table.full { width: 100%; } .break { word-break: break-all; } .tr { text-align: right !important; } .tr > * { margin-left: auto; margin-right: 0; } .tc { text-align: center !important; } .tc > * { margin-left: auto; margin-right: auto; } .w3 { width: 3rem; } .w40p { width: 40%; } /** * WordPressのビジュアルエディタTinyMCEのbodyのID */ #tinymce { min-height: auto !important; font-family: "Noto Sans JP", sans-serif; max-width: 124rem; margin: auto; padding: 3rem 0 !important; } @media screen and (max-width: 561px) { #tinymce { padding: 3rem 1rem; } } /** * ビジュアルエディタ共通スタイル * TinyMCEのbodyに付与される為、記事表示箇所に.wp-editorを付与することで記事編集画面と同じスタイルを適用可能 */ .wp-editor > p + p { margin-top: 1em; } .wp-editor > blockquote { margin: 1em 0; padding: 0.5em 1em; margin-left: 1em; color: #666; border-left: 0.5rem solid #ccc; border-radius: 0.5rem 0 0 0.5rem; } .wp-editor ul { margin: 0.5em 0; } .wp-editor ul li { position: relative; text-indent: -1.1em; margin-left: 1.1em; } .wp-editor ul li::before { content: "•"; font-size: inherit; color: #666; width: 1em; height: 1em; line-height: 1; margin: 0 0.27em; } .wp-editor ol { margin: 0.5em 0; list-style-type: decimal; margin-left: 1.3em; } .wp-editor > table { margin: 0.5em 0; } @media screen and (max-width: 561px) { .wp-editor > table { width: 100% !important; } } .wp-editor > table > tr > th, .wp-editor > table > thead > tr > th, .wp-editor > table > tbody > tr > th, .wp-editor > table > tr > td, .wp-editor > table > thead > tr > td, .wp-editor > table > tbody > tr > td { padding: 0.5em; border: 1px solid #999; } .wp-editor > table > tr > td, .wp-editor > table > thead > tr > td, .wp-editor > table > tbody > tr > td { word-break: break-all; } @media screen and (max-width: 561px) { .wp-editor img { width: 100%; height: auto; } } .wp-editor img.alignleft { display: block; float: none; margin-right: auto; margin-left: 0; } .wp-editor img.alignright { display: block; float: none; margin-right: 0; margin-left: auto; } .wp-editor img.aligncenter { display: block; float: none; margin-right: auto; margin-left: auto; } .wp-editor strong { font-weight: bold; } .wp-editor a { color: #9cb954; text-decoration: underline; word-break: break-all; } .wp-editor a:hover { opacity: 0.8; } /** * WP-PageNaviプラグイン用スタイル * https://ja.wordpress.org/plugins/wp-pagenavi/ */ .wp-pagenavi { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 4rem; } .wp-pagenavi > span, .wp-pagenavi a { display: flex; justify-content: center; align-items: center; border: 1px solid #666; width: 4rem; height: 4rem; margin-right: 0.5rem; } .wp-pagenavi > span:first-child, .wp-pagenavi a:first-child { width: 10.5rem; } @media screen and (max-width: 561px) { .wp-pagenavi > span:first-child, .wp-pagenavi a:first-child { width: calc((16.6666666667% - 0.5rem) * 2 + 0.5rem); } } .wp-pagenavi > span:last-child, .wp-pagenavi a:last-child { margin-right: 0; } @media screen and (max-width: 561px) { .wp-pagenavi > span, .wp-pagenavi a { margin-top: 0.5rem; } } .wp-pagenavi > span.current, .wp-pagenavi > span.extend, .wp-pagenavi > span.pages { color: #fff; background-color: #58342a; border: none !important; border-radius: 50%; } .wp-pagenavi > span.pages { display: none; } .wp-pagenavi a { color: #58342a; background-color: transparent; border: none !important; transition: opacity 0.3s ease-in-out; } .wp-pagenavi a:hover { opacity: 0.5; } /** * ビジュアルエディタ内の見出しスタイルのサンプル */ .wp-ttl1 { font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem; line-height: 1.2; display: flex; } @media screen and (max-width: 561px) { .wp-ttl1 { font-size: 1.8rem; } } .wp-ttl2 { border-left: 5px solid #58342a; padding-left: 5px; font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem; line-height: 1.2; display: flex; } @media screen and (max-width: 561px) { .wp-ttl2 { font-size: 1.8rem; } } .wp-ttl3 { border-bottom: 1px solid #e3e3e3; padding-bottom: 0.4rem; font-size: 2rem; font-weight: bold; margin-bottom: 1.2rem; line-height: 1.2; display: flex; } @media screen and (max-width: 561px) { .wp-ttl3 { font-size: 1.8rem; } } /** * ビジュアルエディタ内のボタンスタイルのサンプル */ .wp-btn1 a { display: flex; background-color: #9cb954; color: #fff; letter-spacing: 1px; column-gap: 0.5rem; text-align: center; padding: 1.5rem 0; align-items: center; justify-content: center; width: 25rem; text-decoration: none; } @media screen and (max-width: 561px) { .wp-btn1 a { font-size: 1.4rem; } } .wp-btn2 a { display: flex; background-color: #58342a; color: #fff; letter-spacing: 1px; column-gap: 0.5rem; text-align: center; padding: 1.5rem 0; align-items: center; justify-content: center; width: 25rem; text-decoration: none; } @media screen and (max-width: 561px) { .wp-btn2 a { font-size: 1.4rem; } } /** * ビジュアルエディタ内の「横並び 画像/文章」スタイルのサンプル */ .wp-editor-column > th, .wp-editor-column td { border: none !important; vertical-align: top; padding: 0 1rem; } @media screen and (max-width: 561px) { .wp-editor-column > th, .wp-editor-column td { display: block; width: 100% !important; padding: 0.8rem 0; } } .wp-editor-column > th:first-child, .wp-editor-column td:first-child { padding-left: 0; } .wp-editor-column > th:last-child, .wp-editor-column td:last-child { padding-right: 0; } .wp-editor-column > th > p + p, .wp-editor-column td > p + p { margin-top: 1.2rem; } .wp-editor-column table th, .wp-editor-column table td { padding: 1rem 0 0; } @media screen and (max-width: 561px) { .wp-editor-column table th, .wp-editor-column table td { padding: 0.8rem 0 0; } } .wp-editor-column table tr:first-child th, .wp-editor-column table tr:first-child td { padding: 0; } @media screen and (max-width: 561px) { .wp-editor-column table tr:first-child th, .wp-editor-column table tr:first-child td { padding: 0; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ .slick-loading .slick-list { background: #fff url(data:image/gif;base64,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) center center no-repeat; } /* Icons */ @font-face { font-family: "slick"; src: url(data:application/vnd.ms-fontobject;base64,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); src: url(data:application/vnd.ms-fontobject;base64,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?#iefix) format("embedded-opentype"), url(data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF) format("woff"), url(data:font/ttf;base64,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) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxtZXRhZGF0YT5HZW5lcmF0ZWQgYnkgRm9udGFzdGljLm1lPC9tZXRhZGF0YT4KPGRlZnM+Cjxmb250IGlkPSJzbGljayIgaG9yaXotYWR2LXg9IjUxMiI+Cjxmb250LWZhY2UgZm9udC1mYW1pbHk9InNsaWNrIiB1bml0cy1wZXItZW09IjUxMiIgYXNjZW50PSI0ODAiIGRlc2NlbnQ9Ii0zMiIvPgo8bWlzc2luZy1nbHlwaCBob3Jpei1hZHYteD0iNTEyIiAvPgoKPGdseXBoIHVuaWNvZGU9IiYjODU5NDsiIGQ9Ik0yNDEgMTEzbDEzMCAxMzBjNCA0IDYgOCA2IDEzIDAgNS0yIDktNiAxM2wtMTMwIDEzMGMtMyAzLTcgNS0xMiA1LTUgMC0xMC0yLTEzLTVsLTI5LTMwYy00LTMtNi03LTYtMTIgMC01IDItMTAgNi0xM2w4Ny04OC04Ny04OGMtNC0zLTYtOC02LTEzIDAtNSAyLTkgNi0xMmwyOS0zMGMzLTMgOC01IDEzLTUgNSAwIDkgMiAxMiA1eiBtMjM0IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODU5MjsiIGQ9Ik0yOTYgMTEzbDI5IDMwYzQgMyA2IDcgNiAxMiAwIDUtMiAxMC02IDEzbC04NyA4OCA4NyA4OGM0IDMgNiA4IDYgMTMgMCA1LTIgOS02IDEybC0yOSAzMGMtMyAzLTggNS0xMyA1LTUgMC05LTItMTItNWwtMTMwLTEzMGMtNC00LTYtOC02LTEzIDAtNSAyLTkgNi0xM2wxMzAtMTMwYzMtMyA3LTUgMTItNSA1IDAgMTAgMiAxMyA1eiBtMTc5IDE0M2MwLTQwLTktNzctMjktMTEwLTIwLTM0LTQ2LTYwLTgwLTgwLTMzLTIwLTcwLTI5LTExMC0yOS00MCAwLTc3IDktMTEwIDI5LTM0IDIwLTYwIDQ2LTgwIDgwLTIwIDMzLTI5IDcwLTI5IDExMCAwIDQwIDkgNzcgMjkgMTEwIDIwIDM0IDQ2IDYwIDgwIDgwIDMzIDIwIDcwIDI5IDExMCAyOSA0MCAwIDc3LTkgMTEwLTI5IDM0LTIwIDYwLTQ2IDgwLTgwIDIwLTMzIDI5LTcwIDI5LTExMHoiLz4KPGdseXBoIHVuaWNvZGU9IiYjODIyNjsiIGQ9Ik00NzUgMjU2YzAtNDAtOS03Ny0yOS0xMTAtMjAtMzQtNDYtNjAtODAtODAtMzMtMjAtNzAtMjktMTEwLTI5LTQwIDAtNzcgOS0xMTAgMjktMzQgMjAtNjAgNDYtODAgODAtMjAgMzMtMjkgNzAtMjkgMTEwIDAgNDAgOSA3NyAyOSAxMTAgMjAgMzQgNDYgNjAgODAgODAgMzMgMjAgNzAgMjkgMTEwIDI5IDQwIDAgNzctOSAxMTAtMjkgMzQtMjAgNjAtNDYgODAtODAgMjAtMzMgMjktNzAgMjktMTEweiIvPgo8Z2x5cGggdW5pY29kZT0iJiM5NzsiIGQ9Ik00NzUgNDM5bDAtMTI4YzAtNS0xLTktNS0xMy00LTQtOC01LTEzLTVsLTEyOCAwYy04IDAtMTMgMy0xNyAxMS0zIDctMiAxNCA0IDIwbDQwIDM5Yy0yOCAyNi02MiAzOS0xMDAgMzktMjAgMC0zOS00LTU3LTExLTE4LTgtMzMtMTgtNDYtMzItMTQtMTMtMjQtMjgtMzItNDYtNy0xOC0xMS0zNy0xMS01NyAwLTIwIDQtMzkgMTEtNTcgOC0xOCAxOC0zMyAzMi00NiAxMy0xNCAyOC0yNCA0Ni0zMiAxOC03IDM3LTExIDU3LTExIDIzIDAgNDQgNSA2NCAxNSAyMCA5IDM4IDIzIDUxIDQyIDIgMSA0IDMgNyAzIDMgMCA1LTEgNy0zbDM5LTM5YzItMiAzLTMgMy02IDAtMi0xLTQtMi02LTIxLTI1LTQ2LTQ1LTc2LTU5LTI5LTE0LTYwLTIwLTkzLTIwLTMwIDAtNTggNS04NSAxNy0yNyAxMi01MSAyNy03MCA0Ny0yMCAxOS0zNSA0My00NyA3MC0xMiAyNy0xNyA1NS0xNyA4NSAwIDMwIDUgNTggMTcgODUgMTIgMjcgMjcgNTEgNDcgNzAgMTkgMjAgNDMgMzUgNzAgNDcgMjcgMTIgNTUgMTcgODUgMTcgMjggMCA1NS01IDgxLTE1IDI2LTExIDUwLTI2IDcwLTQ1bDM3IDM3YzYgNiAxMiA3IDIwIDQgOC00IDExLTkgMTEtMTd6Ii8+CjwvZm9udD48L2RlZnM+PC9zdmc+Cg==#slick) format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir=rtl] .slick-prev { left: auto; right: -25px; } .slick-prev:before { content: "←"; } [dir=rtl] .slick-prev:before { content: "→"; } .slick-next { right: -25px; } [dir=rtl] .slick-next { left: -25px; right: auto; } .slick-next:before { content: "→"; } [dir=rtl] .slick-next:before { content: "←"; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .body { color: #58342a; } .header > .header-bx > .header-rsv, .header > .header-bx > .header-lang > dt, .header > .header-bx > .header-lang { display: flex; justify-content: center; align-items: center; width: 20rem; height: 5rem; column-gap: 1rem; } .header { height: 10rem; display: flex; align-items: center; justify-content: space-between; padding: 0 8rem; letter-spacing: 1px; position: fixed; top: 0; left: 0; z-index: 10; width: 100%; transition: background-color 0.3s ease-out; } @media screen and (max-width: 1441px) { .header { padding: 0 1rem; } } @media screen and (max-width: 561px) { .header { height: 6.5rem; padding: 0 0 0 1rem; } } .header > .header-logo { width: 11.3rem; height: 7.2rem; } @media screen and (max-width: 561px) { .header > .header-logo { width: 7rem; height: 4.5rem; } } .header > .header-logo img { width: 100%; height: 100%; object-fit: contain; } .header > .header-bx { display: flex; } .header > .header-bx > .header-nav { display: none; align-items: center; column-gap: 4rem; color: #58342a; } @media screen and (max-width: 961px) { .header > .header-bx > .header-nav { column-gap: 1rem; } } @media screen and (max-width: 561px) { .header > .header-bx > .header-nav { display: none !important; } } .header > .header-bx > .header-nav > a > u { text-decoration-line: none; text-underline-offset: 1rem; text-decoration-color: #9cb954; } .header > .header-bx > .header-nav > a:hover > u { text-decoration-line: underline; } .header > .header-bx > .header-lang { position: relative; color: #fff; margin: 0 1.5rem 0 4rem; } @media screen and (max-width: 961px) { .header > .header-bx > .header-lang { margin: 0 1rem; } } @media screen and (max-width: 561px) { .header > .header-bx > .header-lang { margin: 0; } } .header > .header-bx > .header-lang > dt { cursor: pointer; } .header > .header-bx > .header-lang > dt::before { content: ""; width: 1.8rem; height: 1.8rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAwMDMzIDE3LjMzMzNDMTMuNjAyOCAxNy4zMzMzIDE3LjMzMzcgMTMuNjAyNSAxNy4zMzM3IDlDMTcuMzMzNyA0LjM5NzUgMTMuNjAyOCAwLjY2NjY2OCA5LjAwMDMzIDAuNjY2NjY4QzQuMzk3ODMgMC42NjY2NjggMC42NjY5OTIgNC4zOTc1IDAuNjY2OTkyIDlDMC42NjY5OTIgMTMuNjAyNSA0LjM5NzgzIDE3LjMzMzMgOS4wMDAzMyAxNy4zMzMzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMC42NjY5OTIgOUgxNy4zMzM3IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik05LjAwMDMzIDE3LjMzMzNDMTAuODQxMiAxNy4zMzMzIDEyLjMzMzcgMTMuNjAyNSAxMi4zMzM3IDlDMTIuMzMzNyA0LjM5NzUgMTAuODQxMiAwLjY2NjY2OCA5LjAwMDMzIDAuNjY2NjY4QzcuMTU5NDkgMC42NjY2NjggNS42NjY5OSA0LjM5NzUgNS42NjY5OSA5QzUuNjY2OTkgMTMuNjAyNSA3LjE1OTQ5IDE3LjMzMzMgOS4wMDAzMyAxNy4zMzMzWiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMy4xMDc0MiAzLjIyNTgzQzMuODgwNDEgNC4wMDA3NyA0Ljc5ODkgNC42MTUzMyA1LjgxMDEzIDUuMDM0MkM2LjgyMTM1IDUuNDUzMDggNy45MDUzOCA1LjY2ODAyIDguOTk5OTIgNS42NjY2N0MxMC4wOTQ1IDUuNjY4MDIgMTEuMTc4NSA1LjQ1MzA4IDEyLjE4OTcgNS4wMzQyQzEzLjIwMDkgNC42MTUzMyAxNC4xMTk0IDQuMDAwNzcgMTQuODkyNCAzLjIyNTgzTTE0Ljg5MjQgMTQuNzc0MkMxNC4xMTk0IDEzLjk5OTIgMTMuMjAwOSAxMy4zODQ3IDEyLjE4OTcgMTIuOTY1OEMxMS4xNzg1IDEyLjU0NjkgMTAuMDk0NSAxMi4zMzIgOC45OTk5MiAxMi4zMzMzQzcuOTA1MzggMTIuMzMyIDYuODIxMzUgMTIuNTQ2OSA1LjgxMDEzIDEyLjk2NThDNC43OTg5IDEzLjM4NDcgMy44ODA0MSAxMy45OTkyIDMuMTA3NDIgMTQuNzc0MiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4NCg==) no-repeat center/contain; } .header > .header-bx > .header-lang > dt::after { content: ""; width: 0.7rem; height: 0.7rem; border: solid #fff 1px; border-top: none; border-left: none; transform: rotate(45deg); margin-left: 1rem; } .header > .header-bx > .header-lang > dd { display: none; width: 20rem; flex-direction: column; align-items: center; position: absolute; top: 5rem; left: 0; } .header > .header-bx > .header-lang > dd.on, .header > .header-bx > .header-lang > dd.headeron { display: flex; } .header > .header-bx > .header-lang > dd > a { display: flex; justify-content: center; align-items: center; width: 100%; height: 5rem; color: #fff; transition: background-color 0.3s ease-out; } .header > .header-bx > .header-lang > dd > a:hover { background-color: rgba(255, 255, 255, 0.5); } .header > .header-bx > .header-rsv { background-color: #58342a; color: #fff; border: none; transition: opacity 0.3s ease-out; } .header > .header-bx > .header-rsv:hover { opacity: 0.6; } @media screen and (max-width: 561px) { .header > .header-bx > .header-rsv { display: none; } } .header > .header-bx > .header-rsv::before { content: ""; width: 1.5rem; height: 1.6rem; background: url(../img/res/white.svg) no-repeat center/contain; } .header.on, .header.headeron { background-color: #fff; } .header.on > .header-bx > .header-nav, .header.headeron > .header-bx > .header-nav { display: flex; } .header.on > .header-bx > .header-lang, .header.headeron > .header-bx > .header-lang { color: #58342a; } .header.on > .header-bx > .header-lang > dt::before, .header.headeron > .header-bx > .header-lang > dt::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjAwMDMzIDE3LjMzMzNDMTMuNjAyOCAxNy4zMzMzIDE3LjMzMzcgMTMuNjAyNSAxNy4zMzM3IDlDMTcuMzMzNyA0LjM5NzUgMTMuNjAyOCAwLjY2NjY2OCA5LjAwMDMzIDAuNjY2NjY4QzQuMzk3ODMgMC42NjY2NjggMC42NjY5OTIgNC4zOTc1IDAuNjY2OTkyIDlDMC42NjY5OTIgMTMuNjAyNSA0LjM5NzgzIDE3LjMzMzMgOS4wMDAzMyAxNy4zMzMzWiIgc3Ryb2tlPSIjNTgzNDJBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0wLjY2Njk5MiA5SDE3LjMzMzciIHN0cm9rZT0iIzU4MzQyQSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNOS4wMDAzMyAxNy4zMzMzQzEwLjg0MTIgMTcuMzMzMyAxMi4zMzM3IDEzLjYwMjUgMTIuMzMzNyA5QzEyLjMzMzcgNC4zOTc1IDEwLjg0MTIgMC42NjY2NjggOS4wMDAzMyAwLjY2NjY2OEM3LjE1OTQ5IDAuNjY2NjY4IDUuNjY2OTkgNC4zOTc1IDUuNjY2OTkgOUM1LjY2Njk5IDEzLjYwMjUgNy4xNTk0OSAxNy4zMzMzIDkuMDAwMzMgMTcuMzMzM1oiIHN0cm9rZT0iIzU4MzQyQSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8cGF0aCBkPSJNMy4xMDc0MiAzLjIyNTgzQzMuODgwNDEgNC4wMDA3NyA0Ljc5ODkgNC42MTUzMyA1LjgxMDEzIDUuMDM0MkM2LjgyMTM1IDUuNDUzMDggNy45MDUzOCA1LjY2ODAyIDguOTk5OTIgNS42NjY2N0MxMC4wOTQ1IDUuNjY4MDIgMTEuMTc4NSA1LjQ1MzA4IDEyLjE4OTcgNS4wMzQyQzEzLjIwMDkgNC42MTUzMyAxNC4xMTk0IDQuMDAwNzcgMTQuODkyNCAzLjIyNTgzTTE0Ljg5MjQgMTQuNzc0MkMxNC4xMTk0IDEzLjk5OTIgMTMuMjAwOSAxMy4zODQ3IDEyLjE4OTcgMTIuOTY1OEMxMS4xNzg1IDEyLjU0NjkgMTAuMDk0NSAxMi4zMzIgOC45OTk5MiAxMi4zMzMzQzcuOTA1MzggMTIuMzMyIDYuODIxMzUgMTIuNTQ2OSA1LjgxMDEzIDEyLjk2NThDNC43OTg5IDEzLjM4NDcgMy44ODA0MSAxMy45OTkyIDMuMTA3NDIgMTQuNzc0MiIgc3Ryb2tlPSIjNTgzNDJBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K); } .header.on > .header-bx > .header-lang > dt::after, .header.headeron > .header-bx > .header-lang > dt::after { border-color: #58342a; } .header.on > .header-bx > .header-lang > dd, .header.headeron > .header-bx > .header-lang > dd { background-color: #fff; } .header.on > .header-bx > .header-lang > dd > a, .header.headeron > .header-bx > .header-lang > dd > a { color: #58342a; } .header.on > .header-bx > .header-lang > dd > a:hover, .header.headeron > .header-bx > .header-lang > dd > a:hover { color: #fff; background-color: #58342a; } .footer { padding: 10rem 2rem 3rem; display: flex; flex-direction: column; align-items: center; background-color: #58342a; row-gap: 10rem; color: #fff; letter-spacing: 1px; } @media screen and (max-width: 561px) { .footer { padding: 5rem 1.5rem 8rem; row-gap: 5rem; align-items: start; } } .footer > .footer-outer { display: flex; justify-content: center; align-items: center; column-gap: 30rem; } @media screen and (max-width: 1441px) { .footer > .footer-outer { column-gap: 5rem; } } @media screen and (max-width: 961px) { .footer > .footer-outer { column-gap: 2rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer { flex-direction: column; align-items: start; width: 100%; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner { width: 100%; align-items: center; } } .footer > .footer-outer > .footer-inner > .footer-links { display: flex; column-gap: 5rem; } @media screen and (max-width: 961px) { .footer > .footer-outer > .footer-inner > .footer-links { column-gap: 2rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner > .footer-links { flex-direction: column; row-gap: 1rem; } } .footer > .footer-outer > .footer-inner > .footer-links > ul { display: flex; flex-direction: column; row-gap: 2rem; } @media screen and (max-width: 961px) { .footer > .footer-outer > .footer-inner > .footer-links > ul { row-gap: 1.5rem; font-size: 1.2rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner > .footer-links > ul { font-size: 1.4rem; } } .footer > .footer-outer > .footer-inner:first-of-type { display: flex; flex-direction: column; row-gap: 3rem; } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type { padding-bottom: 5rem; margin-bottom: 5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } } .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo { display: flex; align-items: center; column-gap: 3rem; } @media screen and (max-width: 961px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo { column-gap: 1rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo { column-gap: 1.5rem; flex-direction: column; row-gap: 1rem; text-align: center; } } .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo > a { width: 23.556rem; height: 15.08rem; } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo > a { width: 18.12rem; height: 11.6rem; } } .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo > a > img { width: 100%; height: 100%; object-fit: contain; } .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo > strong { font-size: 2.4rem; font-family: "Hina Mincho", serif; } @media screen and (max-width: 961px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo > strong { font-size: 2rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-logo > strong { font-size: 1.4rem; } } .footer > .footer-outer > .footer-inner:first-of-type > address { display: flex; flex-direction: column; row-gap: 1rem; font-size: 1.9rem; } @media screen and (max-width: 961px) { .footer > .footer-outer > .footer-inner:first-of-type > address { font-size: 1.4rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type > address { font-size: 1.5rem; row-gap: 0; } } .footer > .footer-outer > .footer-inner:first-of-type > .footer-chk { display: flex; column-gap: 2rem; } @media screen and (max-width: 1441px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-chk { flex-direction: column; } } @media screen and (max-width: 961px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-chk { font-size: 1.4rem; } } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-chk { flex-direction: row; column-gap: 1rem; } } .footer > .footer-outer > .footer-inner:first-of-type > .footer-sns { display: grid; display: none; grid-template-columns: repeat(2, 2.9rem); column-gap: 3rem; } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:first-of-type > .footer-sns { column-gap: 1.5rem; margin-top: 1rem; } } .footer > .footer-outer > .footer-inner:last-of-type { display: flex; flex-direction: column; row-gap: 3rem; } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:last-of-type { align-items: center; text-align: center; row-gap: 4rem; } } .footer > .footer-outer > .footer-inner:last-of-type > .footer-iconia > a { width: 25rem; display: block; } @media screen and (max-width: 561px) { .footer > .footer-outer > .footer-inner:last-of-type > .footer-iconia > a { width: 20rem; } } .footer > small { font-size: 1.1rem; } .bn { display: none; } @media screen and (max-width: 561px) { .bn { position: fixed; bottom: 0; left: 0; width: 100%; height: 4.5rem; color: #fff; font-size: 1.4rem; display: grid; grid-template-columns: repeat(2, 1fr); justify-content: center; align-items: center; width: 100%; letter-spacing: 1px; z-index: 10; } .bn > .bn-rsv, .bn > .bn-menu { display: flex; column-gap: 1rem; justify-content: center; align-items: center; height: 100%; } .bn > .bn-rsv::before, .bn > .bn-menu::before { content: ""; background-repeat: no-repeat; background-size: contain; } .bn > .bn-menu { background-color: #9cb954; } .bn > .bn-menu::before { width: 1.33rem; height: 0.878rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMC45MTY2NzIgOC43ODI1QzAuNzk4MzM5IDguNzgyNSAwLjY5OTQ1IDguNzQyMjIgMC42MjAwMDYgOC42NjE2N0MwLjU0MDU2MSA4LjU4MTExIDAuNTAwNTYxIDguNDgxOTQgMC41MDAwMDYgOC4zNjQxN0MwLjQ5OTQ1IDguMjQ2MzkgMC41Mzk0NSA4LjE0NzUgMC42MjAwMDYgOC4wNjc1QzAuNzAwNTYxIDcuOTg3NSAwLjc5OTQ1IDcuOTQ3NzggMC45MTY2NzIgNy45NDgzM0gxMy40MTY3QzEzLjUzNSA3Ljk0ODMzIDEzLjYzMzkgNy45ODgzMyAxMy43MTMzIDguMDY4MzNDMTMuNzkzMyA4LjE0ODMzIDEzLjgzMzMgOC4yNDc1IDEzLjgzMzMgOC4zNjU4M0MxMy44MzMzIDguNDg0MTcgMTMuNzkzMyA4LjU4MzA1IDEzLjcxMzMgOC42NjI1QzEzLjYzMzMgOC43NDE5NCAxMy41MzQ0IDguNzgxNjcgMTMuNDE2NyA4Ljc4MTY3TDAuOTE2NjcyIDguNzgyNVpNMC45MTY2NzIgNC44MDc1QzAuNzk4MzM5IDQuODA3NSAwLjY5OTQ1IDQuNzY3NSAwLjYyMDAwNiA0LjY4NzVDMC41NDA1NjEgNC42MDc1IDAuNTAwNTYxIDQuNTA4MzMgMC41MDAwMDYgNC4zOUMwLjQ5OTQ1IDQuMjcxNjcgMC41Mzk0NSA0LjE3Mjc4IDAuNjIwMDA2IDQuMDkzMzNDMC43MDA1NjEgNC4wMTM4OSAwLjc5OTQ1IDMuOTc0MTcgMC45MTY2NzIgMy45NzQxN0gxMy40MTY3QzEzLjUzNSAzLjk3NDE3IDEzLjYzMzkgNC4wMTQxNyAxMy43MTMzIDQuMDk0MTdDMTMuNzkyOCA0LjE3NDE3IDEzLjgzMjggNC4yNzMzMyAxMy44MzMzIDQuMzkxNjdDMTMuODMzOSA0LjUxIDEzLjc5MzkgNC42MDg4OSAxMy43MTMzIDQuNjg4MzNDMTMuNjMyOCA0Ljc2Nzc4IDEzLjUzMzkgNC44MDc1IDEzLjQxNjcgNC44MDc1SDAuOTE2NjcyWk0wLjkxNjY3MiAwLjgzMjVDMC43OTgzMzkgMC44MzI1IDAuNjk5NDUgMC43OTI3NzggMC42MjAwMDYgMC43MTMzMzNDMC41NDAwMDYgMC42MzMzMzMgMC41MDAwMDYgMC41MzQxNjcgMC41MDAwMDYgMC40MTU4MzNDMC41MDAwMDYgMC4yOTc1IDAuNTQwMDA2IDAuMTk4NjExIDAuNjIwMDA2IDAuMTE5MTY3QzAuNzAwMDA2IDAuMDM5NzIyMyAwLjc5ODg5NSAwIDAuOTE2NjcyIDBIMTMuNDE2N0MxMy41MzUgMCAxMy42MzM5IDAuMDQgMTMuNzEzMyAwLjEyQzEzLjc5MjggMC4yIDEzLjgzMjggMC4yOTg2MTEgMTMuODMzMyAwLjQxNTgzM0MxMy44MzM5IDAuNTMzMDU2IDEzLjc5MzkgMC42MzE5NDQgMTMuNzEzMyAwLjcxMjVDMTMuNjMyOCAwLjc5MzA1NiAxMy41MzM5IDAuODMzMDU2IDEzLjQxNjcgMC44MzI1SDAuOTE2NjcyWiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K); } .bn > .bn-rsv { background-color: #58342a; } .bn > .bn-rsv::before { width: 1.5rem; height: 1.5rem; background-image: url(../img/res/white.svg); } } .fv { height: 49rem; } @media screen and (max-width: 561px) { .fv { height: 35rem; } } .fv > img { width: 100%; height: 100%; object-fit: cover; } .fv2 { max-width: 140rem; width: 100%; margin: 0 auto; padding: 4rem 0; } @media screen and (max-width: 561px) { .fv2 { padding: 4rem 1.5rem; } } .fv2 > .fv2-bx { display: flex; flex-direction: column; row-gap: 4rem; } @media screen and (max-width: 561px) { .fv2 > .fv2-bx { row-gap: 3rem; font-size: 1.4rem; } } .fv2 > .fv2-bx > .fv2-txt { display: flex; flex-direction: column; row-gap: 4rem; line-height: 2; letter-spacing: 1px; } @media screen and (max-width: 561px) { .fv2 > .fv2-bx > .fv2-txt { row-gap: 3rem; } } .fv2 > .fv2-bx > .fv2-txt > strong { font-weight: 500; font-size: 2rem; } @media screen and (max-width: 561px) { .fv2 > .fv2-bx > .fv2-txt > strong { font-size: 1.6rem; } } .tp { display: flex; padding: 2rem 2rem 5rem; max-width: 140rem; align-items: center; color: #58342a; column-gap: 1rem; margin: 0 auto; } @media screen and (max-width: 561px) { .tp { padding: 1rem; font-size: 1.2rem; } } .tp > a { display: flex; align-items: center; column-gap: 1rem; } @media screen and (max-width: 561px) { .tp > a { column-gap: 0.5rem; } } .tp > a::after { content: "＞"; } .ho > .ho-ttl, .mo > .mo-bx > .mo-ttl > strong, .ac > .ac-fv > .ac-ttl, .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl, .fa > .fa-fv > .fa-ttl, .gr > .gr-fv > .gr-ttl, .gr > .gr-fv > .grpt-ttl, .di .di-cont > .di-ttl, .hs .hs-fv > .hs-ttl, .tn > .tn-bx > .tn-cont:first-of-type > .tn-ttl, .err > .err-fv > .err-ttl, .news > .news-ttl1, .news > .news-bx1 > .news-side > .news-ttl3, .ttl1 { display: flex; column-gap: 1.5rem; align-items: center; font-size: 4.8rem; color: #58342a; font-family: "Hina Mincho", serif; } @media screen and (max-width: 561px) { .ho > .ho-ttl, .mo > .mo-bx > .mo-ttl > strong, .ac > .ac-fv > .ac-ttl, .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl, .fa > .fa-fv > .fa-ttl, .gr > .gr-fv > .gr-ttl, .gr > .gr-fv > .grpt-ttl, .di .di-cont > .di-ttl, .hs .hs-fv > .hs-ttl, .tn > .tn-bx > .tn-cont:first-of-type > .tn-ttl, .err > .err-fv > .err-ttl, .news > .news-ttl1, .news > .news-bx1 > .news-side > .news-ttl3, .ttl1 { font-size: 2.6rem; column-gap: 1rem; } } .ho > .ho-ttl::before, .mo > .mo-bx > .mo-ttl > strong::before, .ac > .ac-fv > .ac-ttl::before, .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl::before, .fa > .fa-fv > .fa-ttl::before, .gr > .gr-fv > .gr-ttl::before, .gr > .gr-fv > .grpt-ttl::before, .di .di-cont > .di-ttl::before, .hs .hs-fv > .hs-ttl::before, .tn > .tn-bx > .tn-cont:first-of-type > .tn-ttl::before, .err > .err-fv > .err-ttl::before, .news > .news-ttl1::before, .news > .news-bx1 > .news-side > .news-ttl3::before, .ttl1::before { content: ""; width: 2.9rem; height: 3rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyOSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMzA0NiAwLjAwMjE4NjU2QzE3LjI2MjMgMC4wNzkwMjc5IDE5LjU3MyAyLjM2Mjk3IDIxLjk0NzIgNC4xNzE2MkMyNC4yOTIxIDUuOTU3OTIgMjYuODIwMSA3LjY0NjE1IDI3Ljk1ODIgMTAuNDAzNEMyOS4xNTU2IDEzLjMwNDUgMjkuMzc5OSAxNi42NTY5IDI4LjMyMTMgMTkuNjE0MUMyNy4yODMyIDIyLjUxMzggMjQuNzQyIDI0LjQxMTMgMjIuMjk2OSAyNi4yMThDMTkuODYwNCAyOC4wMTgzIDE3LjMwMjMgMjkuNzY5NSAxNC4zMDQ2IDI5Ljk3MDdDMTEuMTgyNCAzMC4xODAyIDguMDE5OTggMjkuMjYzMyA1LjUxMzY1IDI3LjM0NDNDMy4wMjgwMiAyNS40NDExIDEuNDg0NTUgMjIuNTU2NCAwLjYyOTc5MyAxOS41MDAzQy0wLjIwMTg5IDE2LjUyNjcgLTAuMjY5NzA0IDEzLjM0NjIgMC43ODgyNTUgMTAuNDQ5QzEuODE2NDcgNy42MzMzMiA0LjAzMjUzIDUuNTc3NjQgNi4zNzUxMSAzLjc2NzA1QzguNzU5MDggMS45MjQ0NyAxMS4zMTkzIC0wLjA3NTM3MzcgMTQuMzA0NiAwLjAwMjE4NjU2WiIgZmlsbD0iIzlDQjk1NCIvPg0KPC9zdmc+DQo=) no-repeat center/contain; } @media screen and (max-width: 561px) { .ho > .ho-ttl::before, .mo > .mo-bx > .mo-ttl > strong::before, .ac > .ac-fv > .ac-ttl::before, .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl::before, .fa > .fa-fv > .fa-ttl::before, .gr > .gr-fv > .gr-ttl::before, .gr > .gr-fv > .grpt-ttl::before, .di .di-cont > .di-ttl::before, .hs .hs-fv > .hs-ttl::before, .tn > .tn-bx > .tn-cont:first-of-type > .tn-ttl::before, .err > .err-fv > .err-ttl::before, .news > .news-ttl1::before, .news > .news-bx1 > .news-side > .news-ttl3::before, .ttl1::before { width: 1.9rem; height: 2rem; } } .gr > .gr-cont > figure > figcaption > .gr-bx > .gr-ttl, .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl, .hs > .hs-bx1 > .hs-grp > .hs-ttl, .hs > .hs-bx2 > .hs-cont > .hs-ttl, .hs > .hs-bx3 > dl > dt, .ttl2 { font-size: 3.2rem; display: flex; align-items: center; column-gap: 1.5rem; font-family: "Hina Mincho", serif; } @media screen and (max-width: 561px) { .gr > .gr-cont > figure > figcaption > .gr-bx > .gr-ttl, .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl, .hs > .hs-bx1 > .hs-grp > .hs-ttl, .hs > .hs-bx2 > .hs-cont > .hs-ttl, .hs > .hs-bx3 > dl > dt, .ttl2 { font-size: 2rem; column-gap: 1rem; } } .gr > .gr-cont > figure > figcaption > .gr-bx > .gr-ttl > strong, .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl > strong, .hs > .hs-bx1 > .hs-grp > .hs-ttl > strong, .hs > .hs-bx2 > .hs-cont > .hs-ttl > strong, .hs > .hs-bx3 > dl > dt > strong, .ttl2 > strong { flex: 0 0 auto; } .gr > .gr-cont > figure > figcaption > .gr-bx > .gr-ttl::after, .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl::after, .hs > .hs-bx1 > .hs-grp > .hs-ttl::after, .hs > .hs-bx2 > .hs-cont > .hs-ttl::after, .hs > .hs-bx3 > dl > dt::after, .ttl2::after { content: ""; width: 100%; height: 1px; background-color: #9cb954; } .tn > .tn-bx > .tn-cont:last-of-type > a > span > b, .ar .ar-fv .ar-inner > b, .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-inner > b, .news > .news-bx1 > .news-side > .news-cats > a { font-size: 1.3rem; padding: 0.2rem 1.5rem; border: 1px solid #9cb954; color: #9cb954; } @media screen and (max-width: 561px) { .tn > .tn-bx > .tn-cont:last-of-type > a > span > b, .ar .ar-fv .ar-inner > b, .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-inner > b, .news > .news-bx1 > .news-side > .news-cats > a { font-size: 1.2rem; } } .ac > .ac-cont > div:first-of-type > .ac-btn, .gr > .gr-cont > figure > figcaption > .gr-btn, .ne > .ne-sv > figure > figcaption .ne-btn, .tn > .tn-bx .tn-btn, .tpinfo > .tpinfo-bx > .tpinfo-btn, .ar > figure > .ar-btn1, .ar > figure .ar-btn2, .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1, .btn3, .btn2, .btn1 { transition: opacity 0.3s ease-out; display: flex; background-color: #9cb954; color: #fff; letter-spacing: 1px; column-gap: 0.5rem; text-align: center; padding: 2rem; align-items: center; justify-content: center; } .ac > .ac-cont > div:first-of-type > .ac-btn:hover, .gr > .gr-cont > figure > figcaption > .gr-btn:hover, .ne > .ne-sv > figure > figcaption .ne-btn:hover, .tn > .tn-bx .tn-btn:hover, .tpinfo > .tpinfo-bx > .tpinfo-btn:hover, .ar > figure > .ar-btn1:hover, .ar > figure .ar-btn2:hover, .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1:hover, .btn3:hover, .btn2:hover, .btn1:hover { opacity: 0.6; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:first-of-type > .ac-btn, .gr > .gr-cont > figure > figcaption > .gr-btn, .ne > .ne-sv > figure > figcaption .ne-btn, .tn > .tn-bx .tn-btn, .tpinfo > .tpinfo-bx > .tpinfo-btn, .ar > figure > .ar-btn1, .ar > figure .ar-btn2, .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1, .btn3, .btn2, .btn1 { font-size: 1.4rem; } } .ac > .ac-cont > div:first-of-type > .ac-btn::after, .gr > .gr-cont > figure > figcaption > .gr-btn::after, .ne > .ne-sv > figure > figcaption .ne-btn::after, .tn > .tn-bx .tn-btn::after, .tpinfo > .tpinfo-bx > .tpinfo-btn::after, .ar > figure > .ar-btn1::after, .ar > figure .ar-btn2::after, .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1::after, .btn3::after, .btn2::after, .btn1::after { content: ""; width: 1rem; height: 1rem; border: 1px solid #fff; border-right: none; border-bottom: none; transform: rotate(135deg); } @media screen and (max-width: 561px) { .ac > .ac-cont > div:first-of-type > .ac-btn::after, .gr > .gr-cont > figure > figcaption > .gr-btn::after, .ne > .ne-sv > figure > figcaption .ne-btn::after, .tn > .tn-bx .tn-btn::after, .tpinfo > .tpinfo-bx > .tpinfo-btn::after, .ar > figure > .ar-btn1::after, .ar > figure .ar-btn2::after, .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1::after, .btn3::after, .btn2::after, .btn1::after { width: 0.5rem; height: 0.5rem; } } .gr > .gr-cont > figure > figcaption > .gr-btn { background-color: #58342a; } .ac > .ac-cont > div:first-of-type > .ac-btn, .btn3 { background-color: #fff; border: 1px solid #58342a; color: #58342a; } .ac > .ac-cont > div:first-of-type > .ac-btn::after, .btn3::after { border-color: #58342a; } @media screen and (max-width: 561px) { .menu > .menu-outer > button { width: 3rem; height: 3rem; margin-left: auto; position: relative; background-color: transparent; border: none; } .menu > .menu-outer > button::before, .menu > .menu-outer > button::after { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: rotate(45deg); } .menu > .menu-outer > button::after { transform: rotate(-45deg); } } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search { transition: opacity 0.3s ease-out; display: flex; background-color: #58342a; color: #fff; padding: 2rem; justify-content: center; align-items: center; column-gap: 0.5rem; text-align: center; } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a:hover, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search:hover { opacity: 0.6; } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a::before, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search::before { content: ""; width: 1.6rem; height: 1.5rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC4zMzMzIDE1TDkuMDgzMzMgOS43NUM4LjY2NjY3IDEwLjA4MzMgOC4xODc1IDEwLjM0NzIgNy42NDU4MyAxMC41NDE3QzcuMTA0MTcgMTAuNzM2MSA2LjUyNzc4IDEwLjgzMzMgNS45MTY2NyAxMC44MzMzQzQuNDAyNzggMTAuODMzMyAzLjEyMTY3IDEwLjMwODkgMi4wNzMzMyA5LjI2QzEuMDI1IDguMjExMTEgMC41MDA1NTYgNi45MyAwLjUgNS40MTY2N0MwLjQ5OTQ0NSAzLjkwMzMzIDEuMDIzODkgMi42MjIyMiAyLjA3MzMzIDEuNTczMzNDMy4xMjI3OCAwLjUyNDQ0NCA0LjQwMzg5IDAgNS45MTY2NyAwQzcuNDI5NDQgMCA4LjcxMDgzIDAuNTI0NDQ0IDkuNzYwODMgMS41NzMzM0MxMC44MTA4IDIuNjIyMjIgMTEuMzM1IDMuOTAzMzMgMTEuMzMzMyA1LjQxNjY3QzExLjMzMzMgNi4wMjc3OCAxMS4yMzYxIDYuNjA0MTcgMTEuMDQxNyA3LjE0NTgzQzEwLjg0NzIgNy42ODc1IDEwLjU4MzMgOC4xNjY2NyAxMC4yNSA4LjU4MzMzTDE1LjUgMTMuODMzM0wxNC4zMzMzIDE1Wk01LjkxNjY3IDkuMTY2NjdDNi45NTgzMyA5LjE2NjY3IDcuODQzODkgOC44MDIyMiA4LjU3MzMzIDguMDczMzNDOS4zMDI3OCA3LjM0NDQ0IDkuNjY3MjIgNi40NTg4OSA5LjY2NjY3IDUuNDE2NjdDOS42NjYxMSA0LjM3NDQ0IDkuMzAxNjcgMy40ODkxNyA4LjU3MzMzIDIuNzYwODNDNy44NDUgMi4wMzI1IDYuOTU5NDQgMS42Njc3OCA1LjkxNjY3IDEuNjY2NjdDNC44NzM4OSAxLjY2NTU2IDMuOTg4NjEgMi4wMzAyOCAzLjI2MDgzIDIuNzYwODNDMi41MzMwNiAzLjQ5MTM5IDIuMTY4MzMgNC4zNzY2NyAyLjE2NjY3IDUuNDE2NjdDMi4xNjUgNi40NTY2NyAyLjUyOTcyIDcuMzQyMjIgMy4yNjA4MyA4LjA3MzMzQzMuOTkxOTQgOC44MDQ0NCA0Ljg3NzIyIDkuMTY4ODkgNS45MTY2NyA5LjE2NjY3WiIgZmlsbD0id2hpdGUiLz4NCjwvc3ZnPg0K) no-repeat center/contain; } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a::after, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search::after { display: none !important; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search { font-size: 1.4rem; } } .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:first-of-type, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-plan { transition: opacity 0.3s ease-out; display: flex; column-gap: 1rem; background-color: #9cb954; color: #fff; padding: 2rem; justify-content: center; align-items: center; } .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:hover:first-of-type, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-plan:hover { opacity: 0.6; } .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:first-of-type::before, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-plan::before { content: ""; width: 1.6rem; height: 1.9rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxNiAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjMzMzQxIDE3LjgzMzNWMTIuMzU4M004LjAwMDA4IDguNjY2NjVIOC4wMDg0MU04LjAwMDA4IDUuMzMzMzFIOC4wMDg0MU05LjY2Njc1IDEyLjM1ODNWMTcuODMzM00xMC41MDAxIDEyLjgzMzNDOS43Nzg4NSAxMi4yOTI0IDguOTAxNjIgMTIgOC4wMDAwOCAxMkM3LjA5ODU0IDEyIDYuMjIxMzIgMTIuMjkyNCA1LjUwMDA4IDEyLjgzMzNNMTEuMzMzNCA4LjY2NjY1SDExLjM0MTdNMTEuMzMzNCA1LjMzMzMxSDExLjM0MTdNNC42NjY3NSA4LjY2NjY1SDQuNjc1MDhNNC42NjY3NSA1LjMzMzMxSDQuNjc1MDgiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjxwYXRoIGQ9Ik0xMyAxLjE2NjY2SDMuMDAwMDRDMi4wNzk1NyAxLjE2NjY2IDEuMzMzMzcgMS45MTI4NSAxLjMzMzM3IDIuODMzMzJWMTYuMTY2N0MxLjMzMzM3IDE3LjA4NzEgMi4wNzk1NyAxNy44MzMzIDMuMDAwMDQgMTcuODMzM0gxM0MxMy45MjA1IDE3LjgzMzMgMTQuNjY2NyAxNy4wODcxIDE0LjY2NjcgMTYuMTY2N1YyLjgzMzMyQzE0LjY2NjcgMS45MTI4NSAxMy45MjA1IDEuMTY2NjYgMTMgMS4xNjY2NloiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ZnPg0K) no-repeat center/contain; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:first-of-type, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-plan { font-size: 1.4rem; column-gap: 0.5rem; } } .btn1::after { display: none; } .btn2 { background-color: #fff; border: 1px solid currentColor; color: #9cb954; } .btn2::after { display: none; } .news { max-width: 140rem; margin: 0 auto; padding: 0 2rem 10rem 2rem; display: flex; flex-direction: column; row-gap: 4rem; letter-spacing: 1px; } @media screen and (max-width: 561px) { .news { row-gap: 3rem; padding: 3rem 2rem 5rem; } } .news > .news-bx1 { display: grid; grid-template-columns: 116rem 1fr; column-gap: 4rem; } @media screen and (max-width: 961px) { .news > .news-bx1 { display: flex; } } @media screen and (max-width: 561px) { .news > .news-bx1 { flex-direction: column-reverse; } } .news > .news-bx1 > .news-ar { display: flex; flex-direction: column; } .news > .news-bx1 > .news-ar > figure { padding: 3rem 2rem; display: flex; column-gap: 4rem; border-top: 1px solid rgba(88, 52, 42, 0.2); } @media screen and (max-width: 961px) { .news > .news-bx1 > .news-ar > figure { column-gap: 2rem; padding: 3rem 0; } } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure { flex-direction: column; gap: 1rem 0; } } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure:first-of-type { border-top: none; } } .news > .news-bx1 > .news-ar > figure:last-of-type { border-bottom: 1px solid rgba(88, 52, 42, 0.2); } .news > .news-bx1 > .news-ar > figure > img { width: 25rem; height: 15.6rem; flex: 0 0 auto; object-fit: cover; border: 1px solid rgba(88, 52, 42, 0.2); } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > img { width: 100%; height: 20rem; } } .news > .news-bx1 > .news-ar > figure > figcaption { width: 100%; display: grid; grid-template-columns: 1fr 20rem; column-gap: 8rem; align-items: center; } @media screen and (max-width: 961px) { .news > .news-bx1 > .news-ar > figure > figcaption { display: flex; flex-direction: column; gap: 2rem 0; } } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > figcaption { align-items: flex-start; } } .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer { display: flex; flex-direction: column; row-gap: 1rem; } .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-inner { display: flex; align-items: center; column-gap: 2rem; } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-inner { column-gap: 1rem; } } .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-inner > time { font-size: 1.3rem; color: #58342a; } .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-ttl2 { color: #58342a; } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-ttl2 { font-size: 1.4rem; } } @media screen and (max-width: 561px) and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-ttl2 { font-size: 1.2rem; } } .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-txt1 { color: rgba(88, 52, 42, 0.5); } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > figcaption > .news-outer > .news-txt1 { font-size: 1.2rem; } } @media screen and (max-width: 961px) { .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1 { width: 20rem; margin-left: auto; } } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-ar > figure > figcaption > .news-btn1 { width: 100%; margin-top: 1rem; } } .news > .news-bx1 > .news-side { display: flex; flex-direction: column; row-gap: 2rem; flex: 0 0 auto; } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-side { justify-content: center; row-gap: 1rem; } } .news > .news-bx1 > .news-side > .news-ttl3 { font-size: 2.4rem; column-gap: 0.5rem; } .news > .news-bx1 > .news-side > .news-ttl3::before { width: 1.5rem; height: 1.5rem; } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-side > .news-ttl3 { justify-content: center; font-size: 1.8rem; } .news > .news-bx1 > .news-side > .news-ttl3::before { width: 1rem; height: 1rem; } } .news > .news-bx1 > .news-side > .news-cats { display: flex; flex-direction: column; row-gap: 1rem; align-items: start; } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-side > .news-cats { flex-direction: row; justify-content: center; flex-wrap: wrap; column-gap: 1rem; } } .news > .news-bx1 > .news-side > .news-cats > a { font-size: 1.6rem; } @media screen and (max-width: 561px) { .news > .news-bx1 > .news-side > .news-cats > a { font-size: 1.2rem; padding: 0.2rem 1rem; } } .news > .news-bx1 > .news-side > .news-cats > a.on { color: #fff; background-color: #9cb954; } .ar { max-width: 90rem; padding: 5rem 2rem 10rem; margin: 0 auto; letter-spacing: 1px; display: flex; flex-direction: column; row-gap: 4rem; } @media screen and (max-width: 561px) { .ar { padding: 5rem 1.5rem; row-gap: 2rem; } } .ar .ar-fv { display: flex; flex-direction: column; row-gap: 1rem; } .ar .ar-fv .ar-inner { display: flex; align-items: center; column-gap: 2rem; } @media screen and (max-width: 561px) { .ar .ar-fv .ar-inner { column-gap: 1rem; } } .ar .ar-fv .ar-inner > time { font-size: 1.3rem; color: #58342a; } @media screen and (max-width: 561px) { .ar .ar-fv .ar-inner > time { font-size: 1.2rem; } } .ar .ar-fv .ar-inner > b { font-size: 1.3rem; } @media screen and (max-width: 561px) { .ar .ar-fv .ar-inner > b { font-size: 1.2rem; } } .ar .ar-fv > .ar-ttl { font-size: 3.2rem; color: #58342a; } @media screen and (max-width: 561px) { .ar .ar-fv > .ar-ttl { font-size: 2rem; } } .ar > figure { max-width: 70rem; width: 100%; margin: 0 auto; display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 561px) { .ar > figure { row-gap: 2rem; } } .ar > figure > img { border: 1px solid rgba(88, 52, 42, 0.5); display: flex; flex-direction: column; row-gap: 5rem; } .ar > figure > figcaption { display: flex; flex-direction: column; row-gap: 2rem; color: #58342a; } @media screen and (max-width: 561px) { .ar > figure > figcaption { font-size: 1.4rem; row-gap: 1rem; } } .ar > figure > .ar-btn1 { width: 25rem; margin: 0 auto; } @media screen and (max-width: 561px) { .ar > figure > .ar-btn1 { margin-top: 2rem; } } .ar > figure .ar-btn2 { background-color: #58342a; width: 25rem; margin: 0 auto; } @media screen and (max-width: 561px) { .ar > figure .ar-btn2 { margin-top: 2rem; } } [data-sl1], [data-sl2] { margin-bottom: 0 !important; } [data-sl1] .slick-dots, [data-sl2] .slick-dots { display: flex; justify-content: center; column-gap: 3rem; bottom: 0; position: relative; margin-top: 2rem; } @media screen and (max-width: 561px) { [data-sl1] .slick-dots, [data-sl2] .slick-dots { margin-top: 1.5rem; column-gap: 1.5rem; } } [data-sl1] .slick-dots li, [data-sl2] .slick-dots li { border-radius: 50%; margin: 0; padding: 0; width: 0.8rem; height: 0.8rem; background-color: #58342a; } [data-sl1] .slick-dots li.slick-active, [data-sl2] .slick-dots li.slick-active { background-color: #9cb954; } [data-sl1] .slick-dots button, [data-sl2] .slick-dots button { display: none; } [data-sa] { transition: 1s ease-out; transition-property: opacity, transform; transform: translateY(5rem); opacity: 0; } [data-sa].on { opacity: 1; transform: translateY(0); } .mo > .mo-bx > figure > figcaption .mo-ls, .ac > .ac-cont > div:last-of-type > .ac-bx2 > ul, .fa > .fa-cont > figure > figcaption .fa-ls, .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > ul, .di .di-cont > .di-bx2 > .di-bx3 > .di-ls, .hs > .hs-bx2 > .hs-cont > .hs-ls, .hs > .hs-bx3 > dl > dd > ul { font-size: 1.3rem; } @media screen and (max-width: 561px) { .mo > .mo-bx > figure > figcaption .mo-ls, .ac > .ac-cont > div:last-of-type > .ac-bx2 > ul, .fa > .fa-cont > figure > figcaption .fa-ls, .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > ul, .di .di-cont > .di-bx2 > .di-bx3 > .di-ls, .hs > .hs-bx2 > .hs-cont > .hs-ls, .hs > .hs-bx3 > dl > dd > ul { font-size: 1.1rem; } } .mo > .mo-bx > figure > figcaption .mo-ls > li, .ac > .ac-cont > div:last-of-type > .ac-bx2 > ul > li, .fa > .fa-cont > figure > figcaption .fa-ls > li, .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > ul > li, .di .di-cont > .di-bx2 > .di-bx3 > .di-ls > li, .hs > .hs-bx2 > .hs-cont > .hs-ls > li, .hs > .hs-bx3 > dl > dd > ul > li { display: flex; row-gap: 0.5rem; } .mo > .mo-bx > figure > figcaption .mo-ls > li::before, .ac > .ac-cont > div:last-of-type > .ac-bx2 > ul > li::before, .fa > .fa-cont > figure > figcaption .fa-ls > li::before, .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > ul > li::before, .di .di-cont > .di-bx2 > .di-bx3 > .di-ls > li::before, .hs > .hs-bx2 > .hs-cont > .hs-ls > li::before, .hs > .hs-bx3 > dl > dd > ul > li::before { content: "※"; } .err { padding: 10rem 2rem; max-width: 120rem; margin: 0 auto; display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 961px) { .err { padding: 5rem 2rem; } } @media screen and (max-width: 561px) { .err { padding: 5rem 1.5rem 2.5rem; row-gap: 2.5rem; } } .err > .err-fv { display: flex; flex-direction: column; row-gap: 1rem; } .err > .err-fv > .err-txt { line-height: 2; } @media screen and (max-width: 561px) { .err > .err-fv > .err-txt { font-size: 1.4rem; } } .err > .err-fv > .err-list > li { position: relative; text-indent: -1.2em; margin-left: 1.2em; } @media screen and (max-width: 561px) { .err > .err-fv > .err-list > li { font-size: 1.3rem; } } .err > .err-fv > .err-list > li::before { content: ""; display: inline-block; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyOSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMzA0NiAwLjAwMjE4NjU2QzE3LjI2MjMgMC4wNzkwMjc5IDE5LjU3MyAyLjM2Mjk3IDIxLjk0NzIgNC4xNzE2MkMyNC4yOTIxIDUuOTU3OTIgMjYuODIwMSA3LjY0NjE1IDI3Ljk1ODIgMTAuNDAzNEMyOS4xNTU2IDEzLjMwNDUgMjkuMzc5OSAxNi42NTY5IDI4LjMyMTMgMTkuNjE0MUMyNy4yODMyIDIyLjUxMzggMjQuNzQyIDI0LjQxMTMgMjIuMjk2OSAyNi4yMThDMTkuODYwNCAyOC4wMTgzIDE3LjMwMjMgMjkuNzY5NSAxNC4zMDQ2IDI5Ljk3MDdDMTEuMTgyNCAzMC4xODAyIDguMDE5OTggMjkuMjYzMyA1LjUxMzY1IDI3LjM0NDNDMy4wMjgwMiAyNS40NDExIDEuNDg0NTUgMjIuNTU2NCAwLjYyOTc5MyAxOS41MDAzQy0wLjIwMTg5IDE2LjUyNjcgLTAuMjY5NzA0IDEzLjM0NjIgMC43ODgyNTUgMTAuNDQ5QzEuODE2NDcgNy42MzMzMiA0LjAzMjUzIDUuNTc3NjQgNi4zNzUxMSAzLjc2NzA1QzguNzU5MDggMS45MjQ0NyAxMS4zMTkzIC0wLjA3NTM3MzcgMTQuMzA0NiAwLjAwMjE4NjU2WiIgZmlsbD0iIzlDQjk1NCIvPg0KPC9zdmc+DQo=) no-repeat center/contain; width: 0.8em; height: 0.8em; margin-right: 0.4em; } .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:last-of-type, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-link { display: flex; column-gap: 0.5rem; align-items: center; justify-content: end; } .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:last-of-type::after, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-link::after { content: ""; width: 1rem; height: 1rem; border: 1px solid #58342a; border-left: none; border-bottom: none; transform: rotate(45deg); } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:last-of-type::after, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-link::after { width: 0.5rem; height: 0.5rem; } } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:last-of-type, .menu > .menu-outer > .menu-cont > .menu-bx > .menu-link { font-size: 1.2rem; color: #fff; } } .menu { display: none; } @media screen and (max-width: 561px) { .menu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; background-color: #58342a; padding: 1rem; } } .menu > .menu-outer { display: flex; flex-direction: column; row-gap: 2rem; width: 100%; height: 100%; } .menu > .menu-outer > .menu-cont { display: flex; flex-direction: column; align-items: center; row-gap: 3rem; } .menu > .menu-outer > .menu-cont > .menu-nav { display: flex; flex-direction: column; row-gap: 2rem; color: #fff; font-size: 1.4rem; text-align: center; } .menu > .menu-outer > .menu-cont > .menu-nav > a > u { text-decoration: none; } .menu > .menu-outer > .menu-cont > .menu-bx { display: flex; flex-direction: column; row-gap: 1rem; width: 30rem; margin: 0 auto; } .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search { background-color: #fff; color: #58342a; } .menu > .menu-outer > .menu-cont > .menu-bx > .menu-search::before { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNC4zMzMzIDE1TDkuMDgzMzMgOS43NUM4LjY2NjY3IDEwLjA4MzMgOC4xODc1IDEwLjM0NzIgNy42NDU4MyAxMC41NDE3QzcuMTA0MTcgMTAuNzM2MSA2LjUyNzc4IDEwLjgzMzMgNS45MTY2NyAxMC44MzMzQzQuNDAyNzggMTAuODMzMyAzLjEyMTY3IDEwLjMwODkgMi4wNzMzMyA5LjI2QzEuMDI1IDguMjExMTEgMC41MDA1NTYgNi45MyAwLjUgNS40MTY2N0MwLjQ5OTQ0NSAzLjkwMzMzIDEuMDIzODkgMi42MjIyMiAyLjA3MzMzIDEuNTczMzNDMy4xMjI3OCAwLjUyNDQ0NCA0LjQwMzg5IDAgNS45MTY2NyAwQzcuNDI5NDQgMCA4LjcxMDgzIDAuNTI0NDQ0IDkuNzYwODMgMS41NzMzM0MxMC44MTA4IDIuNjIyMjIgMTEuMzM1IDMuOTAzMzMgMTEuMzMzMyA1LjQxNjY3QzExLjMzMzMgNi4wMjc3OCAxMS4yMzYxIDYuNjA0MTcgMTEuMDQxNyA3LjE0NTgzQzEwLjg0NzIgNy42ODc1IDEwLjU4MzMgOC4xNjY2NyAxMC4yNSA4LjU4MzMzTDE1LjUgMTMuODMzM0wxNC4zMzMzIDE1Wk01LjkxNjY3IDkuMTY2NjdDNi45NTgzMyA5LjE2NjY3IDcuODQzODkgOC44MDIyMiA4LjU3MzMzIDguMDczMzNDOS4zMDI3OCA3LjM0NDQ0IDkuNjY3MjIgNi40NTg4OSA5LjY2NjY3IDUuNDE2NjdDOS42NjYxMSA0LjM3NDQ0IDkuMzAxNjcgMy40ODkxNyA4LjU3MzMzIDIuNzYwODNDNy44NDUgMi4wMzI1IDYuOTU5NDQgMS42Njc3OCA1LjkxNjY3IDEuNjY2NjdDNC44NzM4OSAxLjY2NTU2IDMuOTg4NjEgMi4wMzAyOCAzLjI2MDgzIDIuNzYwODNDMi41MzMwNiAzLjQ5MTM5IDIuMTY4MzMgNC4zNzY2NyAyLjE2NjY3IDUuNDE2NjdDMi4xNjUgNi40NTY2NyAyLjUyOTcyIDcuMzQyMjIgMy4yNjA4MyA4LjA3MzMzQzMuOTkxOTQgOC44MDQ0NCA0Ljg3NzIyIDkuMTY4ODkgNS45MTY2NyA5LjE2NjY3WiIgZmlsbD0iIzU4MzQyQSIvPg0KPC9zdmc+DQo=); } .menu > .menu-outer > .menu-cont > .menu-bx > .menu-link::after { border-color: #fff; } .menu > .menu-outer > .menu-cont > .menu-bx > .menu-tel { text-align: center; color: #fff; margin-top: 1rem; font-size: 1.2rem; } #tripla-bwapp { margin-top: 0; color: #58342a; } @media screen and (max-width: 561px) { #tripla-bwapp .room-select__mobile .person-icon[data-v-242dd032] { margin-left: 0; } } @media screen and (max-width: 561px) { #tripla-bwapp .room-select__mobile .guest-stats[data-v-242dd032] { margin-left: 0; } } #tripla-bwapp .room-select__rules .rules, #tripla-bwapp .room-select__content__footer .rules-mobile .rules { font-size: 14px; } @media screen and (max-width: 561px) { #tripla-bwapp .room-select[data-v-27e12c0a], #tripla-bwapp .tripla-bwapp-widget__promo-code, #tripla-bwapp .tripla-bwapp-widget__promo-code { margin-bottom: 0; } } @media screen and (max-width: 561px) { #tripla-bwapp .checkin__top__container span[data-v-9274fcca] { margin-right: 1rem; } } @media screen and (max-width: 561px) { #tripla-bwapp .room-select-wrapper { width: inherit !important; margin-left: inherit !important; } } #tripla-bwapp .room-select__content { width: 100% !important; margin-top: 40px !important; } @media screen and (max-width: 561px) { #tripla-bwapp .room-select__content { margin-top: 45px !important; } } #tripla-bwapp .tripla-bwapp-widget { max-width: unset; padding: 0; justify-content: center; align-items: center; gap: 5rem; } #tripla-bwapp .tripla-bwapp-widget.active { top: -25rem; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget.active { top: 0; } } @media screen and (max-width: 961px) { #tripla-bwapp .tripla-bwapp-widget { gap: 1rem; } } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget { gap: 1rem; align-items: normal; } } #tripla-bwapp .tripla-bwapp-widget__calendar { width: auto; } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] { margin-bottom: 0; } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__title[data-v-9274fcca] { font-size: 1.5rem; } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__container { border: none; } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__container[data-v-9274fcca] { padding: 0 2rem; height: 80px; border: solid 1px #58342a; justify-content: center; column-gap: 2rem; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__container[data-v-9274fcca] { height: 50px; justify-content: start; gap: 0; padding: 0 1rem; } } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__container[data-v-9274fcca]:before { border: none; } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__container .date-item[data-v-9274fcca] { gap: 1rem; font-size: 1.5rem; display: flex; align-items: center; } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .icon-Icon-Calendar:before { content: ""; display: inline-block; background: url(../img/res/brown.svg) no-repeat center; background-size: contain; width: 1.4rem; height: 1.3rem; margin-top: 0.2rem; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .icon-Icon-Calendar:before { margin-top: 0; } } #tripla-bwapp .tripla-bwapp-widget__calendar > .checkin[data-v-9274fcca] .checkin__top__container .date[data-v-9274fcca] { margin-top: 0; color: #58342a; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__room-select .room-select[data-v-a9623672] { margin-bottom: 0; } } #tripla-bwapp .tripla-bwapp-widget__room-select .room-select__top__select-box[data-v-242dd032] { border: solid 1px #58342a; flex-direction: row; color: #58342a; height: 80px; } #tripla-bwapp .tripla-bwapp-widget__room-select .room-select__top__select-box[data-v-242dd032]:after { content: none; } #tripla-bwapp .tripla-bwapp-widget__room-select .room-select__top__select-box .person-icon span[data-v-242dd032] { font-size: 1.5rem; } #tripla-bwapp .tripla-bwapp-widget__room-select .room-select__top .text[data-v-242dd032] { font-size: 1.5rem; color: #58342a; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__room-select .room-select__mobile[data-v-242dd032] { padding-left: 1rem; border: solid 1px #58342a; } } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__room-select .icon-Icon-People-2:before { content: ""; display: inline-block; background-size: cover; width: 1.8rem; height: 1.4rem; margin-top: 0.2rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxOCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yLjkzMDIyIDMuODIyNDdDMi45MzAzNiAzLjE2MzQyIDMuMTAwODYgMi41MTU1OSAzLjQyNTE3IDEuOTQxODZDMy43NDk0OSAxLjM2ODEzIDQuMjE2NiAwLjg4Nzk3MyA0Ljc4MTE5IDAuNTQ3OTkxQzUuMzQ1NzggMC4yMDgwMDkgNS45ODg2NyAwLjAxOTc0NTcgNi42NDc0NyAwLjAwMTQ3MDQ4QzcuMzA2MjYgLTAuMDE2ODA0NyA3Ljk1ODYgMC4xMzU1MjkgOC41NDExNyAwLjQ0MzY4OEM5LjEyMzc0IDAuNzUxODQ4IDkuNjE2NzUgMS4yMDUzNyA5Ljk3MjM4IDEuNzYwMjRDMTAuMzI4IDIuMzE1MTEgMTAuNTM0MiAyLjk1MjQ5IDEwLjU3MDggMy42MTA1MUMxMC42MDc1IDQuMjY4NTUgMTAuNDczNCA0LjkyNDg4IDEwLjE4MTcgNS41MTU4M0M5Ljg4OTkyIDYuMTA2NzggOS40NTAzNSA2LjYxMjI4IDguOTA1NjMgNi45ODMyNkMxMC4wNzg3IDcuNDEzNTEgMTEuMDk2MSA4LjE4NDk2IDExLjgyNzEgOS4xOTgzM0MxMi41NTggMTAuMjExNyAxMi45Njg5IDExLjQyMDYgMTMuMDA3IDEyLjY2OTVDMTMuMDA1MyAxMi44MDQyIDEyLjk1MTcgMTIuOTMzIDEyLjg1NzQgMTMuMDI5QzEyLjc2MyAxMy4xMjUxIDEyLjYzNTIgMTMuMTgxIDEyLjUwMDYgMTMuMTg1QzEyLjM2NiAxMy4xODkxIDEyLjIzNSAxMy4xNDEgMTIuMTM1MSAxMy4wNTA3QzEyLjAzNTEgMTIuOTYwNSAxMS45NzM5IDEyLjgzNTEgMTEuOTY0MiAxMi43MDA4QzExLjkyMjkgMTEuMzQ2MyAxMS4zNTU3IDEwLjA2MTEgMTAuMzgyOSA5LjExNzYzQzkuNDEwMTcgOC4xNzQxNSA4LjEwODI4IDcuNjQ2NSA2Ljc1MzE0IDcuNjQ2NUM1LjM5OCA3LjY0NjUgNC4wOTYxIDguMTc0MTUgMy4xMjMzNSA5LjExNzYzQzIuMTUwNTkgMTAuMDYxMSAxLjU4MzQyIDExLjM0NjMgMS41NDIwMyAxMi43MDA4QzEuNTM1MDcgMTIuODM2OSAxLjQ3NTA3IDEyLjk2NDkgMS4zNzQ4OSAxMy4wNTczQzEuMjc0NzEgMTMuMTQ5OCAxLjE0MjMxIDEzLjE5OTMgMS4wMDYwNiAxMy4xOTUzQzAuODY5ODA3IDEzLjE5MTMgMC43NDA1NDEgMTMuMTM0MSAwLjY0NTk1MyAxMy4wMzU5QzAuNTUxMzY1IDEyLjkzNzggMC40OTg5NzggMTIuODA2NSAwLjUwMDAxNSAxMi42NzAyQzAuNTM3OTM2IDExLjQyMTIgMC45NDg4MDIgMTAuMjEyMSAxLjY3OTczIDkuMTk4NjJDMi40MTA2NSA4LjE4NTExIDMuNDI4MTggNy40MTM1NSA0LjYwMTMzIDYuOTgzMjZDNC4wODYyOSA2LjYzMjQ5IDMuNjY0NzkgNi4xNjExNCAzLjM3MzU0IDUuNjEwMjRDMy4wODIyOCA1LjA1OTM1IDIuOTMwMDkgNC40NDU2MiAyLjkzMDIyIDMuODIyNDdaTTYuNzUzNDggMS4wNDE5MUM2LjAxNjA0IDEuMDQxOTEgNS4zMDg3OSAxLjMzNDg2IDQuNzg3MzMgMS44NTYzMkM0LjI2NTg4IDIuMzc3NzcgMy45NzI5MyAzLjA4NTAyIDMuOTcyOTMgMy44MjI0N0MzLjk3MjkzIDQuNTU5OTIgNC4yNjU4OCA1LjI2NzE2IDQuNzg3MzMgNS43ODg2MkM1LjMwODc5IDYuMzEwMDcgNi4wMTYwNCA2LjYwMzAyIDYuNzUzNDggNi42MDMwMkM3LjQ5MDkzIDYuNjAzMDIgOC4xOTgxOCA2LjMxMDA3IDguNzE5NjQgNS43ODg2MkM5LjI0MTA5IDUuMjY3MTYgOS41MzQwNCA0LjU1OTkyIDkuNTM0MDQgMy44MjI0N0M5LjUzNDA0IDMuMDg1MDIgOS4yNDEwOSAyLjM3Nzc3IDguNzE5NjQgMS44NTYzMkM4LjE5ODE4IDEuMzM0ODYgNy40OTA5MyAxLjA0MTkxIDYuNzUzNDggMS4wNDE5MVpNMTIuNTE2MiAzLjgyMjQ3QzEyLjQxMzggMy44MjI0NyAxMi4zMTMyIDMuODI5NDIgMTIuMjE0NSAzLjg0MzMyQzEyLjE0NTYgMy44NTU2NiAxMi4wNzQ5IDMuODUzOTkgMTIuMDA2NiAzLjgzODQyQzExLjkzODQgMy44MjI4NCAxMS44NzM5IDMuNzkzNjggMTEuODE3MiAzLjc1MjY3QzExLjc2MDUgMy43MTE2NSAxMS43MTI2IDMuNjU5NjMgMTEuNjc2NCAzLjU5OTdDMTEuNjQwMiAzLjUzOTc4IDExLjYxNjQgMy40NzMxNyAxMS42MDY1IDMuNDAzODZDMTEuNTk2NiAzLjMzNDU1IDExLjYwMDcgMy4yNjM5NiAxMS42MTg3IDMuMTk2MjlDMTEuNjM2NyAzLjEyODYyIDExLjY2ODEgMy4wNjUyNyAxMS43MTExIDMuMDEwMDFDMTEuNzU0MSAyLjk1NDc1IDExLjgwNzggMi45MDg3MSAxMS44Njg5IDIuODc0NjVDMTEuOTMwMSAyLjg0MDU4IDExLjk5NzUgMi44MTkxOSAxMi4wNjcxIDIuODExNzRDMTIuNzU4NSAyLjcxMTc4IDEzLjQ2MzUgMi44NDQ1NCAxNC4wNzExIDMuMTg5MTRDMTQuNjc4OCAzLjUzMzc0IDE1LjE1NDYgNC4wNzA2MSAxNS40MjM3IDQuNzE1MjVDMTUuNjkyOCA1LjM1OTkgMTUuNzM5OSA2LjA3NTcyIDE1LjU1NzYgNi43NTAwN0MxNS4zNzUzIDcuNDI0NDIgMTQuOTczOSA4LjAxOTAxIDE0LjQxNjcgOC40NDAyOEMxNS4yMzU4IDguODA3MDYgMTUuOTMxMyA5LjQwMzA0IDE2LjQxOTMgMTAuMTU2M0MxNi45MDczIDEwLjkwOTYgMTcuMTY2OCAxMS43ODggMTcuMTY2NyAxMi42ODU1QzE3LjE2NjcgMTIuODIzOCAxNy4xMTE3IDEyLjk1NjQgMTcuMDE0IDEzLjA1NDFDMTYuOTE2MiAxMy4xNTE5IDE2Ljc4MzYgMTMuMjA2OCAxNi42NDUzIDEzLjIwNjhDMTYuNTA3IDEzLjIwNjggMTYuMzc0NCAxMy4xNTE5IDE2LjI3NjcgMTMuMDU0MUMxNi4xNzg5IDEyLjk1NjQgMTYuMTI0IDEyLjgyMzggMTYuMTI0IDEyLjY4NTVDMTYuMTI0MiAxMS45MDk3IDE1Ljg3NDQgMTEuMTU0NiAxNS40MTE2IDEwLjUzMkMxNC45NDg4IDkuOTA5MzkgMTQuMjk3NiA5LjQ1MjU3IDEzLjU1NDcgOS4yMjkyNkwxMy4xODM1IDkuMTE4MDRWNy45NTI5OEwxMy40Njg1IDcuODA3N0MxMy44OTEgNy41OTM3IDE0LjIyOSA3LjI0MzU2IDE0LjQyOCA2LjgxMzgyQzE0LjYyNyA2LjM4NDA4IDE0LjY3NTQgNS44OTk4MSAxNC41NjUzIDUuNDM5MTlDMTQuNDU1MyA0Ljk3ODU4IDE0LjE5MzIgNC41Njg1IDEzLjgyMTQgNC4yNzUxNkMxMy40NDk2IDMuOTgxODIgMTIuOTg5OCAzLjgyMjM0IDEyLjUxNjIgMy44MjI0N1oiIGZpbGw9IiM1ODM0MkEiLz4NCjwvc3ZnPg0K) no-repeat center/contain; } } #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__input input[data-v-470f8395] { height: 60px; border: none; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__input input[data-v-470f8395] { height: 50px; } } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__input--icon[data-v-470f8395] { top: 50%; transform: translateY(-50%); } } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__promo-code .icon-Icon-Promo-Codes:before { content: ""; display: inline-block; background-size: cover; width: 1.8rem; height: 1.3rem; margin-right: 1rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxOCAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik02LjUgMC42MjVWMy4zNzVNNi41IDQuNjI1VjlNNi41IDEwLjI1VjEyLjVNMC44NzUgMTIuMTI1SDE3LjEyNVY5QzE2LjUgOC43OTEyNSAxNS4yNSA4IDE1LjI1IDYuNUMxNS4yNSA0LjYyNSAxNy4xMjUgNC42MjUgMTcuMTI1IDRWMC44NzVIMC44NzVWNEMxLjUgNC4yMDg3NSAyLjc1IDUgMi43NSA2LjVDMi43NSA4LjM3NSAwLjg3NSA4LjM3NSAwLjg3NSA5VjEyLjEyNVoiIHN0cm9rZT0iIzU4MzQyQSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KPC9zdmc+DQo=) no-repeat center/contain; } } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__title { display: block; text-align: left; margin-bottom: 0; } } #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__input input[data-v-3aca2bf7] { border: none; height: 80px; border: solid 1px #58342a; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__input input[data-v-3aca2bf7] { height: 50px; padding-left: 1rem; } } #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__title[data-v-3aca2bf7] { font-size: 1.5rem; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__promo-code .promotion-code__title[data-v-3aca2bf7] { display: none; } } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a { background-color: #58342a; color: #fff; border: none; border-radius: 0; min-width: 30rem; } @media screen and (max-width: 561px) { #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a { padding: 2rem; min-width: 100%; width: 100%; } } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a::after { content: ""; width: 1.3rem; height: 1.3rem; display: inline-block; background-size: contain; margin-left: 0.5rem; } #tripla-bwapp .tripla-bwapp-widget__search-button .tripla-bwapp-widget__search-button__button a:hover { opacity: 0.8; } a:hover { color: unset; text-decoration: unset; } button { border: none; outline: none; } .tripla { display: block; } .reserve-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #58342a; z-index: 1002; } .reserve-menu-container { display: flex; justify-content: center; align-items: center; max-width: 120rem; height: 100%; margin: 0 auto; z-index: 1; } @media screen and (max-width: 1441px) { .reserve-menu-container { max-width: 120rem; } } @media screen and (max-width: 561px) { .reserve-menu-container { padding: 5rem 0.5rem; } } .reserve-menu-container > .reserve-menu-contents { position: relative; background: #f4f3f1; width: 100%; } @media screen and (max-width: 961px) { .reserve-menu-container > .reserve-menu-contents { width: 95%; } } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents { position: unset; overflow: scroll; background-color: #fff; } } .reserve-menu-container > .reserve-menu-contents > button { position: absolute; top: -7rem; right: 0; width: 5rem; height: 5rem; background-color: transparent; border: none; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > button { top: 1rem; right: 1rem; width: 3rem; height: 3rem; } } .reserve-menu-container > .reserve-menu-contents > button::before, .reserve-menu-container > .reserve-menu-contents > button::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-color: #fff; transform: rotate(45deg); } .reserve-menu-container > .reserve-menu-contents > button::after { transform: rotate(-45deg); } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close { position: absolute; top: -7rem; right: 0; cursor: pointer; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close { top: 5rem; right: 2.4rem; } } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close > .line-box { position: relative; width: 6rem; height: 6rem; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close > .line-box { width: 4rem; height: 4rem; } } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close > .line-box > span { height: 0.2rem; } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close > .line-box > span:nth-child(1) { position: absolute; top: 50%; width: 100%; height: 0.2rem; transform: translateY(-50%) rotate(45deg); } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-close > .line-box > span:nth-child(2) { position: absolute; top: 50%; width: 100%; height: 0.2rem; transform: translateY(-50%) rotate(-45deg); } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 10rem; font-size: 2.4rem; text-align: center; } @media screen and (max-width: 961px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head { font-size: 2rem; } } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head { grid-template-columns: repeat(2, 1fr); grid-auto-rows: 5rem; font-size: 1.2rem; } } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head > div { background-color: #f3f1e8; border-left: 1px solid #fff; display: flex; justify-content: center; align-items: center; transition: opacity 0.3s ease-out; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head > div:has(.car) { order: 1; } } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head > div:hover { opacity: 0.6; } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item { display: flex; align-items: center; justify-content: center; column-gap: 1rem; height: 100%; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item { flex-direction: column; } } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item.stay { background-color: #fff; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item.stay { order: 1; } } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item.air::before { content: ""; width: 1.7rem; height: 1.8rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNyAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik05LjY2NjY3IDYuNDU1ODJMMTYuMzMzMyAxMC42NjY3VjEyLjMzMzNMOS42NjY2NyAxMC4yMjgzVjE0LjY5NUwxMi4xNjY3IDE2LjA4MzNWMTcuMzMzM0w4LjQxNjY3IDE2LjVMNC42NjY2NyAxNy4zMzMzVjE2LjA4MzNMNy4xNjY2NyAxNC42OTQyVjEwLjIyNzVMMC41IDEyLjMzMzNWMTAuNjY2N0w3LjE2NjY3IDYuNDU1ODJWMS45MTY2NkM3LjE2NjY3IDEuNTg1MTQgNy4yOTgzNiAxLjI2NzE5IDcuNTMyNzggMS4wMzI3N0M3Ljc2NzIgMC43OTgzNTMgOC4wODUxNSAwLjY2NjY1NiA4LjQxNjY3IDAuNjY2NjU2QzguNzQ4MTkgMC42NjY2NTYgOS4wNjYxMyAwLjc5ODM1MyA5LjMwMDU1IDEuMDMyNzdDOS41MzQ5NyAxLjI2NzE5IDkuNjY2NjcgMS41ODUxNCA5LjY2NjY3IDEuOTE2NjZWNi40NTU4MloiIGZpbGw9IiM1ODM0MkEiLz4NCjwvc3ZnPg0K) no-repeat center/contain; } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item.jr::before { content: ""; width: 1.5rem; height: 1.7rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNSAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0wLjgzMzQ5NyAxMS45MTY3VjRDMC44MzM0OTcgMy4yNjM4OCAxLjAyNDYxIDIuNjc2OTQgMS40MDY4MyAyLjIzOTE2QzEuNzg5MDUgMS44MDEzOCAyLjI5MjM5IDEuNDY4MDUgMi45MTY4MyAxLjIzOTE2QzMuNTQxMjcgMS4wMTAyNyA0LjI1MzIyIDAuODU3NDk2IDUuMDUyNjYgMC43ODA4MjlDNS44NTIxMSAwLjcwNDE2MyA2LjY2Nzk0IDAuNjY2MTA3IDcuNTAwMTYgMC42NjY2NjJDOC40MTY4MyAwLjY2NjY2MiA5LjI4MTU1IDAuNzA0OTk2IDEwLjA5NDMgMC43ODE2NjNDMTAuOTA3MSAwLjg1ODMyOSAxMS42MTU0IDEuMDExMTEgMTIuMjE5MyAxLjI0QzEyLjgyMzIgMS40Njg4OCAxMy4yOTg4IDEuODAyMjIgMTMuNjQ2IDIuMjRDMTMuOTkzMiAyLjY3Nzc3IDE0LjE2NjggMy4yNjQ0NCAxNC4xNjY4IDRWMTEuOTE2N0MxNC4xNjY4IDEyLjczNjEgMTMuODg1NyAxMy40MjcyIDEzLjMyMzUgMTMuOTlDMTIuNzYxMyAxNC41NTI4IDEyLjA3MDIgMTQuODMzOSAxMS4yNTAyIDE0LjgzMzNMMTIuNTAwMiAxNi4wODMzVjE2LjVIMTAuODMzNUw5LjE2NjgzIDE0LjgzMzNINS44MzM1TDQuMTY2ODMgMTYuNUgyLjUwMDE2VjE2LjA4MzNMMy43NTAxNiAxNC44MzMzQzIuOTMwNzIgMTQuODMzMyAyLjIzOTYxIDE0LjU1MjIgMS42NzY4MyAxMy45OUMxLjExNDA1IDEzLjQyNzggMC44MzI5NDEgMTIuNzM2NyAwLjgzMzQ5NyAxMS45MTY3Wk0yLjUwMDE2IDcuMzMzMzNINi42NjY4M1Y0LjgzMzMzSDIuNTAwMTZWNy4zMzMzM1pNOC4zMzM1IDcuMzMzMzNIMTIuNTAwMlY0LjgzMzMzSDguMzMzNVY3LjMzMzMzWk00LjU4MzUgMTIuMzMzM0M0Ljk0NDYxIDEyLjMzMzMgNS4yNDMyMiAxMi4yMTUzIDUuNDc5MzMgMTEuOTc5MkM1LjcxNTQ0IDExLjc0MzEgNS44MzM1IDExLjQ0NDQgNS44MzM1IDExLjA4MzNDNS44MzM1IDEwLjcyMjIgNS43MTU0NCAxMC40MjM2IDUuNDc5MzMgMTAuMTg3NUM1LjI0MzIyIDkuOTUxMzggNC45NDQ2MSA5LjgzMzMzIDQuNTgzNSA5LjgzMzMzQzQuMjIyMzkgOS44MzMzMyAzLjkyMzc3IDkuOTUxMzggMy42ODc2NiAxMC4xODc1QzMuNDUxNTUgMTAuNDIzNiAzLjMzMzUgMTAuNzIyMiAzLjMzMzUgMTEuMDgzM0MzLjMzMzUgMTEuNDQ0NCAzLjQ1MTU1IDExLjc0MzEgMy42ODc2NiAxMS45NzkyQzMuOTIzNzcgMTIuMjE1MyA0LjIyMjM5IDEyLjMzMzMgNC41ODM1IDEyLjMzMzNaTTEwLjQxNjggMTIuMzMzM0MxMC43Nzc5IDEyLjMzMzMgMTEuMDc2NiAxMi4yMTUzIDExLjMxMjcgMTEuOTc5MkMxMS41NDg4IDExLjc0MzEgMTEuNjY2OCAxMS40NDQ0IDExLjY2NjggMTEuMDgzM0MxMS42NjY4IDEwLjcyMjIgMTEuNTQ4OCAxMC40MjM2IDExLjMxMjcgMTAuMTg3NUMxMS4wNzY2IDkuOTUxMzggMTAuNzc3OSA5LjgzMzMzIDEwLjQxNjggOS44MzMzM0MxMC4wNTU3IDkuODMzMzMgOS43NTcxMSA5Ljk1MTM4IDkuNTIxIDEwLjE4NzVDOS4yODQ4OSAxMC40MjM2IDkuMTY2ODMgMTAuNzIyMiA5LjE2NjgzIDExLjA4MzNDOS4xNjY4MyAxMS40NDQ0IDkuMjg0ODkgMTEuNzQzMSA5LjUyMSAxMS45NzkyQzkuNzU3MTEgMTIuMjE1MyAxMC4wNTU3IDEyLjMzMzMgMTAuNDE2OCAxMi4zMzMzWiIgZmlsbD0iIzU4MzQyQSIgLz4NCjwvc3ZnPg0K) no-repeat center/contain; } .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head .item.car::before { content: ""; width: 1.7rem; height: 1.6rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNyAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xNS44MDk4IDUuNDYyNTFMMTQuNjY5OCAyLjA0MjUxQzE0LjUwNDUgMS41NDQ1OCAxNC4xODY0IDEuMTExNDMgMTMuNzYwOCAwLjgwNDZDMTMuMzM1MiAwLjQ5Nzc3NCAxMi44MjM3IDAuMzMyODc4IDEyLjI5OSAwLjMzMzM0NEg0LjcwMDY3QzQuMTc1OTkgMC4zMzI4NzggMy42NjQ1MiAwLjQ5Nzc3NCAzLjIzODkxIDAuODA0NkMyLjgxMzMgMS4xMTE0MyAyLjQ5NTIxIDEuNTQ0NTggMi4zMjk4NCAyLjA0MjUxTDEuMTg5ODQgNS40NjI1MUMwLjg4NjY4OSA1LjU4OTM2IDAuNjI3ODA0IDUuODAyOTkgMC40NDU3MjYgNi4wNzY1NUMwLjI2MzY0OCA2LjM1MDExIDAuMTY2NTA0IDYuNjcxNCAwLjE2NjUwNCA3LjAwMDAxVjExLjE2NjdDMC4xNjY1MDQgMTEuNzgxNyAwLjUwMzE3MSAxMi4zMTMzIDAuOTk5ODM3IDEyLjYwMjVWMTQuNUMwLjk5OTgzNyAxNC43MjEgMS4wODc2MyAxNC45MzMgMS4yNDM5MSAxNS4wODkzQzEuNDAwMiAxNS4yNDU1IDEuNjEyMTYgMTUuMzMzMyAxLjgzMzE3IDE1LjMzMzNIMi42NjY1QzIuODg3NTIgMTUuMzMzMyAzLjA5OTQ4IDE1LjI0NTUgMy4yNTU3NiAxNS4wODkzQzMuNDEyMDQgMTQuOTMzIDMuNDk5ODQgMTQuNzIxIDMuNDk5ODQgMTQuNVYxMi44MzMzSDEzLjQ5OThWMTQuNUMxMy40OTk4IDE0LjcyMSAxMy41ODc2IDE0LjkzMyAxMy43NDM5IDE1LjA4OTNDMTMuOTAwMiAxNS4yNDU1IDE0LjExMjIgMTUuMzMzMyAxNC4zMzMyIDE1LjMzMzNIMTUuMTY2NUMxNS4zODc1IDE1LjMzMzMgMTUuNTk5NSAxNS4yNDU1IDE1Ljc1NTggMTUuMDg5M0MxNS45MTIgMTQuOTMzIDE1Ljk5OTggMTQuNzIxIDE1Ljk5OTggMTQuNVYxMi42MDI1QzE2LjI1MjcgMTIuNDU3NSAxNi40NjI4IDEyLjI0ODUgMTYuNjA5MSAxMS45OTY0QzE2Ljc1NTQgMTEuNzQ0MyAxNi44MzI3IDExLjQ1ODEgMTYuODMzMiAxMS4xNjY3VjcuMDAwMDFDMTYuODMzMiA2LjY3MTQgMTYuNzM2IDYuMzUwMTEgMTYuNTUzOSA2LjA3NjU1QzE2LjM3MTkgNS44MDI5OSAxNi4xMTMgNS41ODkzNiAxNS44MDk4IDUuNDYyNTFaTTQuNzAwNjcgMi4wMDAwMUgxMi4yOTgyQzEyLjY1NzMgMi4wMDAwMSAxMi45NzU3IDIuMjI4MzQgMTMuMDg5IDIuNTcwMDFMMTQuMDEwNyA1LjMzMzM0SDIuOTg5TDMuOTA5ODQgMi41NzAwMUMzLjk2NTEzIDIuNDA0MDEgNC4wNzEyNyAyLjI1OTYyIDQuMjEzMjEgMi4xNTczMUM0LjM1NTE1IDIuMDU1IDQuNTI1NyAxLjk5OTk3IDQuNzAwNjcgMi4wMDAwMVpNMy4wODMxNyAxMC4zMzMzQzIuOTE4OTYgMTAuMzMzMyAyLjc1NjM4IDEwLjMwMDkgMi42MDQ2OSAxMC4yMzhDMi40NTMgMTAuMTc1MSAyLjMxNTE5IDEwLjA4MyAyLjE5OTExIDkuOTY2ODFDMi4wODMwNCA5Ljg1MDY2IDEuOTkwOTggOS43MTI3OSAxLjkyODE5IDkuNTYxMDZDMS44NjU0IDkuNDA5MzMgMS44MzMxMiA5LjI0NjcyIDEuODMzMTcgOS4wODI1MUMxLjgzMzIzIDguOTE4MyAxLjg2NTYyIDguNzU1NzIgMS45Mjg1MSA4LjYwNDAzQzEuOTkxNCA4LjQ1MjM0IDIuMDgzNTUgOC4zMTQ1MyAyLjE5OTcgOC4xOTg0NUMyLjMxNTg1IDguMDgyMzggMi40NTM3MyA3Ljk5MDMyIDIuNjA1NDYgNy45Mjc1M0MyLjc1NzE5IDcuODY0NzUgMi45MTk4IDcuODMyNDYgMy4wODQgNy44MzI1MUMzLjQxNTYzIDcuODMyNjIgMy43MzM2NCA3Ljk2NDQ3IDMuOTY4MDYgOC4xOTkwNEM0LjIwMjQ4IDguNDMzNjIgNC4zMzQxMSA4Ljc1MTcxIDQuMzM0IDkuMDgzMzRDNC4zMzM4OSA5LjQxNDk4IDQuMjAyMDUgOS43MzI5OCAzLjk2NzQ3IDkuOTY3NEMzLjczMjg5IDEwLjIwMTggMy40MTQ4IDEwLjMzMzUgMy4wODMxNyAxMC4zMzMzWk0xMy45MTY1IDEwLjMzMzNDMTMuNzUyMyAxMC4zMzMzIDEzLjU4OTcgMTAuMzAwOSAxMy40MzggMTAuMjM4QzEzLjI4NjMgMTAuMTc1MSAxMy4xNDg1IDEwLjA4MyAxMy4wMzI0IDkuOTY2ODFDMTIuOTE2NCA5Ljg1MDY2IDEyLjgyNDMgOS43MTI3OSAxMi43NjE1IDkuNTYxMDZDMTIuNjk4NyA5LjQwOTMzIDEyLjY2NjQgOS4yNDY3MiAxMi42NjY1IDkuMDgyNTFDMTIuNjY2NiA4LjkxODMgMTIuNjk5IDguNzU1NzIgMTIuNzYxOCA4LjYwNDAzQzEyLjgyNDcgOC40NTIzNCAxMi45MTY5IDguMzE0NTMgMTMuMDMzIDguMTk4NDVDMTMuMTQ5MiA4LjA4MjM4IDEzLjI4NzEgNy45OTAzMiAxMy40Mzg4IDcuOTI3NTNDMTMuNTkwNSA3Ljg2NDc1IDEzLjc1MzEgNy44MzI0NiAxMy45MTczIDcuODMyNTFDMTQuMjQ5IDcuODMyNjIgMTQuNTY3IDcuOTY0NDcgMTQuODAxNCA4LjE5OTA0QzE1LjAzNTggOC40MzM2MiAxNS4xNjc0IDguNzUxNzEgMTUuMTY3MyA5LjA4MzM0QzE1LjE2NzIgOS40MTQ5OCAxNS4wMzU0IDkuNzMyOTggMTQuODAwOCA5Ljk2NzRDMTQuNTY2MiAxMC4yMDE4IDE0LjI0ODEgMTAuMzMzNSAxMy45MTY1IDEwLjMzMzNaIiBmaWxsPSIjNTgzNDJBIi8+DQo8L3N2Zz4NCg==) no-repeat center/contain; } .reserve-menu-container > .reserve-menu-contents .reserve-menu-area { display: flex; flex-direction: column; gap: 5rem; background-color: #fff; padding: 8rem 0; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents .reserve-menu-area { padding: 2rem 1.5rem; gap: 0.5rem; } } .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn { display: flex; width: 30rem; flex-direction: column; row-gap: 1rem; margin: 0 auto; } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn { width: 100%; } } @media screen and (max-width: 561px) { .reserve-menu-container > .reserve-menu-contents .reserve-menu-btn > a:last-of-type { color: #58342a; margin-right: 0.5rem; } } body#TOP { padding-top: 0; min-width: 1220px; } div#RthCustomizeW a { text-decoration: none; } div#RthCustomizeW sup { font-size: 70%; vertical-align: super; } div#RthCustomizeW .rakuten-header { position: absolute; top: 0; left: 0; width: 100%; height: 10rem; display: flex; justify-content: space-between; align-items: center; padding: 0 8rem; z-index: 10; } div#RthCustomizeW .rakuten-header-btn { display: flex; justify-content: center; align-items: center; width: 20rem; height: 5rem; column-gap: 1rem; background-color: #58342a; color: #fff !important; border: none; transition: opacity 0.3s ease-out; } div#RthCustomizeW .rakuten-header-btn::before { content: ""; width: 1.5rem; height: 1.6rem; background: url(../img/res/white.svg) no-repeat center/contain; } div#RthCustomizeW .rakuten-header-btn:hover { opacity: 0.8; } #htlContents.single-column div.travel__tab--top-page, .single-column #htlMainContent.GOLDTemplate { width: calc(100vw - var(--scrollbar)) !important; min-width: 1200px; } #htlMainContent { overflow-x: hidden; } .single-column #htlMainContent ul#RthExcursionArea { width: 100% !important; } .tpinfo { width: 100%; max-width: 120rem; margin: 0 auto; padding: 10rem 2rem; } @media screen and (max-width: 561px) { .tpinfo { padding: 5rem 2rem 0; } } .tpinfo > .tpinfo-bx { display: flex; justify-content: center; align-items: center; flex-direction: column; row-gap: 4rem; background-color: #f3f1e8; border: 1px solid rgba(88, 52, 42, 0.5); padding: 5rem 1rem; } @media screen and (max-width: 561px) { .tpinfo > .tpinfo-bx { row-gap: 3rem; padding: 4rem 2rem; } } .tpinfo > .tpinfo-bx > .tpinfo-ttl { display: flex; flex-direction: column; row-gap: 1rem; font-family: "Hina Mincho", serif; text-align: center; letter-spacing: 1px; } @media screen and (max-width: 561px) { .tpinfo > .tpinfo-bx > .tpinfo-ttl { row-gap: 0; } } .tpinfo > .tpinfo-bx > .tpinfo-ttl > small { font-size: 2.4rem; } @media screen and (max-width: 561px) { .tpinfo > .tpinfo-bx > .tpinfo-ttl > small { font-size: 1.8rem; } } .tpinfo > .tpinfo-bx > .tpinfo-ttl > strong { font-size: 3.4rem; } @media screen and (max-width: 561px) { .tpinfo > .tpinfo-bx > .tpinfo-ttl > strong { font-size: 2.2rem; } } .tpinfo > .tpinfo-bx > .tpinfo-txt { display: flex; flex-direction: column; row-gap: 1.5rem; } @media screen and (max-width: 561px) { .tpinfo > .tpinfo-bx > .tpinfo-txt { row-gap: 1rem; font-size: 1.4rem; } } .tpinfo > .tpinfo-bx > .tpinfo-btn { width: 25rem; } @media screen and (max-width: 561px) { .tpinfo > .tpinfo-bx > .tpinfo-btn { width: 100%; } } .bx1 { padding: 0 0 5rem; display: flex; justify-content: center; } @media screen and (max-width: 561px) { .bx1 { padding: 5rem 0; } } .bx1 > .bx1-btn { color: #fff; font-size: 2rem; font-weight: bold; text-align: center; background-color: #58342a; min-width: 25rem; padding: 2.5rem 0; transition: opacity ease-out 0.5s; } .bx1 > .bx1-btn:hover { opacity: 0.5; } .txt1 { color: #58342a; line-height: 1.8; } @media screen and (max-width: 561px) { .txt1 { font-size: 1.4rem; line-height: 1.5; } } .topicpath { padding: 14rem 0 0; max-width: 140rem; width: 100%; margin: 0 auto; display: flex; column-gap: 1rem; letter-spacing: 1px; } @media screen and (max-width: 561px) { .topicpath { padding: 8rem 1.5rem 0; font-size: 1.4rem; } } .topicpath > span { display: flex; column-gap: 1rem; } .topicpath > span::before { content: ">"; } .frm { display: flex; flex-direction: column; align-items: center; row-gap: 10rem; padding: 10rem 0 15rem; } @media screen and (max-width: 561px) { .frm { row-gap: 5rem; padding: 5rem 0; } } .frm > .frm-sts { display: flex; align-items: end; column-gap: 1rem; } .frm > .frm-sts > p { display: flex; flex-direction: column; align-items: center; text-align: center; row-gap: 1rem; letter-spacing: 1px; } @media screen and (max-width: 561px) { .frm > .frm-sts > p { font-size: 1.4rem; letter-spacing: 0; } } .frm > .frm-sts > p::after { content: ""; width: 1.9rem; height: 2rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMCAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS44NzIgMC41MDE0NThDMTEuODA5OCAwLjU1MjY4NSAxMy4zMjM3IDIuMDc1MzEgMTQuODc5MiAzLjI4MTA4QzE2LjQxNTUgNC40NzE5NSAxOC4wNzE4IDUuNTk3NDMgMTguODE3NCA3LjQzNTU5QzE5LjYwMiA5LjM2OTY2IDE5Ljc0ODkgMTEuNjA0NiAxOS4wNTUzIDEzLjU3NjFDMTguMzc1MiAxNS41MDkyIDE2LjcxMDMgMTYuNzc0MiAxNS4xMDgzIDE3Ljk3ODdDMTMuNTEyIDE5LjE3ODggMTEuODM2IDIwLjM0NjMgOS44NzIgMjAuNDgwNEM3LjgyNjM4IDIwLjYyMDEgNS43NTQ0NyAyMC4wMDg5IDQuMTEyMzkgMTguNzI5NUMyLjQ4Mzg3IDE3LjQ2MDggMS40NzI2NCAxNS41Mzc2IDAuOTEyNjIzIDEzLjUwMDJDMC4zNjc3MjcgMTEuNTE3OCAwLjMyMzI5NyA5LjM5NzQ4IDEuMDE2NDQgNy40NjYwM0MxLjY5MDEgNS41ODg4OCAzLjE0MiA0LjIxODQzIDQuNjc2OCAzLjAxMTM2QzYuMjM4NzEgMS43ODI5OCA3LjkxNjA4IDAuNDQ5NzUxIDkuODcyIDAuNTAxNDU4WiIgc3Ryb2tlPSIjOUNCOTU0Ii8+DQo8L3N2Zz4NCg==) no-repeat center/contain; } @media screen and (max-width: 561px) { .frm > .frm-sts > p::after { width: 1.4rem; height: 1.5rem; } } .frm > .frm-sts > p.on::after { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4zNzIgMC4wMDE0NTc3QzExLjMwOTggMC4wNTI2ODUzIDEyLjgyMzcgMS41NzUzMSAxNC4zNzkyIDIuNzgxMDhDMTUuOTE1NSAzLjk3MTk1IDE3LjU3MTggNS4wOTc0MyAxOC4zMTc0IDYuOTM1NTlDMTkuMTAyIDguODY5NjYgMTkuMjQ4OSAxMS4xMDQ2IDE4LjU1NTMgMTMuMDc2MUMxNy44NzUyIDE1LjAwOTIgMTYuMjEwMyAxNi4yNzQyIDE0LjYwODMgMTcuNDc4N0MxMy4wMTIgMTguNjc4OCAxMS4zMzYgMTkuODQ2MyA5LjM3MiAxOS45ODA0QzcuMzI2MzggMjAuMTIwMSA1LjI1NDQ3IDE5LjUwODkgMy42MTIzOSAxOC4yMjk1QzEuOTgzODcgMTYuOTYwOCAwLjk3MjYzNiAxNS4wMzc2IDAuNDEyNjIzIDEzLjAwMDJDLTAuMTMyMjczIDExLjAxNzggLTAuMTc2NzAzIDguODk3NDggMC41MTY0NDMgNi45NjYwM0MxLjE5MDEgNS4wODg4OCAyLjY0MiAzLjcxODQzIDQuMTc2OCAyLjUxMTM2QzUuNzM4NzEgMS4yODI5OCA3LjQxNjA4IC0wLjA1MDI0OTIgOS4zNzIgMC4wMDE0NTc3WiIgZmlsbD0iIzlDQjk1NCIvPg0KPC9zdmc+DQo=); } .frm > .frm-sts > span { width: 14.5rem; height: 1px; position: relative; bottom: 1rem; background-color: rgba(156, 185, 84, 0.5); } @media screen and (max-width: 561px) { .frm > .frm-sts > span { width: 5rem; bottom: 0.6rem; } } .frm > .frm-conts { display: flex; flex-direction: column; row-gap: 6rem; } @media screen and (max-width: 561px) { .frm > .frm-conts { width: 100%; row-gap: 3rem; } } .frm > .frm-conts select, .frm > .frm-conts input:not([type=checkbox]), .frm > .frm-conts textarea { background-color: #fff; border: 1px solid rgba(88, 52, 42, 0.2); padding: 1rem; color: #58342a; font-size: 1.6rem; appearance: none; } @media screen and (max-width: 561px) { .frm > .frm-conts select, .frm > .frm-conts input:not([type=checkbox]), .frm > .frm-conts textarea { width: 100%; } } .frm > .frm-conts > .frm-bx { display: flex; flex-direction: column; row-gap: 6rem; max-width: 120rem; width: 100%; margin: 0 auto; background-color: rgba(243, 241, 232, 0.5); border: 1px solid rgba(88, 52, 42, 0.2); padding: 10rem; } @media screen and (max-width: 1441px) { .frm > .frm-conts > .frm-bx { padding: 5rem; width: 95%; } } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx { row-gap: 3rem; margin: 0 auto; } } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx { padding: 4rem 2rem; } } .frm > .frm-conts > .frm-bx > .frm-outer { display: flex; column-gap: 8rem; } @media screen and (max-width: 961px) { .frm > .frm-conts > .frm-bx > .frm-outer { flex-direction: column; row-gap: 1rem; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl { width: 22rem; display: flex; flex-direction: column; row-gap: 0.5rem; flex: 0 0 auto; } @media screen and (max-width: 961px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl { width: 100%; } } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl > strong { font-size: 1.4rem; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl.frm-req > strong { display: flex; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl.frm-req > strong::after { content: "*"; color: #ff3700; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl > small { font-size: 1.3rem; color: #9cb954; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-ttl > small { font-size: 1.2rem; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-ui { display: flex; column-gap: 3rem; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-ui { flex-direction: column; row-gap: 1rem; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-ui > div { display: flex; align-items: center; column-gap: 1rem; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-ui > div > p { flex: 0 0 auto; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner .frm-err { color: #ff3700; font-size: 1.4rem; margin-top: 1rem; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel { display: flex; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel > div { display: flex; align-items: center; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel > div input { width: 30rem; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel > div input { width: 100%; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel > div::after { content: ""; width: 1.5rem; height: 1px; margin: 0 1rem; background-color: rgba(88, 52, 42, 0.2); } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel > div::after { margin: 0 0.5rem; } } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-tel > div:last-of-type::after { display: none; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-mail input { max-width: 40rem; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-stay > .frm-calendar { position: relative; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-stay > .frm-calendar::before, .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-stay > .frm-calendar::after { content: ""; position: absolute; top: 0; bottom: 0; margin: auto; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-stay > .frm-calendar::before { width: 1.5rem; height: 1.5rem; background: url(../../contact/img/calendar.svg) no-repeat center/contain; left: 1.5rem; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-stay > .frm-calendar::after { content: ""; right: 1.5rem; width: 0.8rem; height: 0.8rem; border: solid 1px #58342a; border-bottom: none; border-left: none; transform: rotate(135deg); } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-stay > .frm-calendar input { padding: 1rem 4rem; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-ct { position: relative; } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-ct::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; margin: auto; right: 1.5rem; width: 0.8rem; height: 0.8rem; border: solid 1px #58342a; border-bottom: none; border-left: none; transform: rotate(135deg); } .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-free textarea { width: 70rem; height: 20rem; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-outer > .frm-inner > .frm-free textarea { width: 100%; } } .frm > .frm-conts > .frm-bx > .frm-conf { display: table; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-conf { display: flex; flex-direction: column; row-gap: 3rem; } } .frm > .frm-conts > .frm-bx > .frm-conf > dl { display: table-row; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-conf > dl { display: flex; flex-direction: column; row-gap: 1rem; } } .frm > .frm-conts > .frm-bx > .frm-conf > dl > dt, .frm > .frm-conts > .frm-bx > .frm-conf > dl > dd { display: table-cell; padding: 0 0 6rem 0; } @media screen and (max-width: 561px) { .frm > .frm-conts > .frm-bx > .frm-conf > dl > dt, .frm > .frm-conts > .frm-bx > .frm-conf > dl > dd { display: block; padding: 0; font-size: 1.4rem; } } .frm > .frm-conts > .frm-bx > .frm-conf > dl > dt { padding-right: 10rem; white-space: nowrap; } .frm > .frm-conts > .frm-bx > .frm-conf > dl:last-of-type > dt, .frm > .frm-conts > .frm-bx > .frm-conf > dl:last-of-type > dd { padding-bottom: 0; } .frm .frm-btns { display: flex; justify-content: center; column-gap: 3rem; } @media screen and (max-width: 561px) { .frm .frm-btns { flex-direction: column; row-gap: 2rem; align-items: center; } } .frm .frm-btns a.tyA { padding-left: 5rem; padding-right: 5rem; } .frm .frm-btns > input, .frm .frm-btns > button { width: 25rem; } @media screen and (max-width: 561px) { .frm .frm-txt { font-size: 1.2rem; } } input[type=checkbox] { transform: scale(1.3); margin-right: 5px; } .tf { height: 90rem; overflow: hidden; position: relative; } @media screen and (max-width: 561px) { .tf { height: 55rem; } } .tf::before { content: ""; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; z-index: 1; background: linear-gradient(transparent 50%, rgba(0, 0, 0, 0.3)); } .tf > .tf-sl { height: 100%; } .tf > .tf-sl div { width: 100%; height: 100%; } .tf > .tf-sl picture, .tf > .tf-sl img { width: 100%; height: 100%; object-fit: cover; } .tf > figcaption { position: absolute; bottom: 5rem; left: 5rem; color: #fff; display: flex; flex-direction: column; align-items: start; z-index: 1; } @media screen and (max-width: 961px) { .tf > figcaption { left: 2rem; bottom: 3rem; } } @media screen and (max-width: 561px) { .tf > figcaption { left: 1rem; } } .tf > figcaption > p { font-family: "Noto Serif JP", serif; line-height: 1.1; } .tf > figcaption > p > small { font-size: 6rem; font-weight: bold; } @media screen and (max-width: 561px) { .tf > figcaption > p > small { font-size: 3rem; } } .tf > figcaption > p > strong { font-size: 12rem; font-weight: bold; } @media screen and (max-width: 561px) { .tf > figcaption > p > strong { font-size: 6rem; } } .tf > figcaption > p > strong > small { font-size: 8rem; } @media screen and (max-width: 561px) { .tf > figcaption > p > strong > small { font-size: 5rem; } } .tf > figcaption > p > b { font-size: 10rem; font-weight: bold; } @media screen and (max-width: 561px) { .tf > figcaption > p > b { font-size: 5rem; } } .tf > figcaption > p > b > small { font-size: 6rem; } @media screen and (max-width: 561px) { .tf > figcaption > p > b > small { font-size: 3rem; } } .tf > figcaption > span { background-color: #fff; display: flex; align-items: baseline; padding: 0.5rem 2rem 1rem 2rem; color: #58342a; margin-top: 3rem; column-gap: 1rem; } @media screen and (max-width: 561px) { .tf > figcaption > span { margin-top: 2rem; font-size: 1.2rem; padding: 1rem 1.5rem; flex-direction: column; column-gap: 0; } } .tf > figcaption > span > em > b { font-size: 3.2rem; } @media screen and (max-width: 561px) { .tf > figcaption > span > em > b { font-size: 2.2rem; } } @media screen and (max-width: 961px) { .tf.-movie { height: unset; } } @media screen and (max-width: 561px) { .tf.-movie { height: 66.5rem; } } .fa > .footprints-icon2, .fa > .footprints-icon, .gr > .footprints-icon, .hs > .footprints-icon, .tn > .footprints-icon { position: absolute; width: 16.5rem; height: 23.6rem; background: url(../img/dog/footprints/gray.svg) no-repeat center/contain; } @media screen and (max-width: 561px) { .fa > .footprints-icon2, .fa > .footprints-icon, .gr > .footprints-icon, .hs > .footprints-icon, .tn > .footprints-icon { width: 5.5rem; height: 7.8666666667rem; } } .fa, .gr, .hs, .tn { position: relative; } .fa > .footprints-icon, .gr > .footprints-icon, .hs > .footprints-icon, .tn > .footprints-icon { bottom: 0; } .fa { position: relative; } .fa > .footprints-icon2 { top: 0; } .tn { background-color: #f3f1e8; padding: 15rem 2rem; } @media screen and (max-width: 961px) { .tn { padding: 5rem 2rem; } } @media screen and (max-width: 561px) { .tn { padding: 4rem 1.5rem; position: relative; } } .tn > .footprints-icon { left: 10rem; bottom: -10rem; } @media screen and (max-width: 561px) { .tn > .footprints-icon { left: 2rem; bottom: -5rem; } } .tn > .tn-bx { display: flex; justify-content: center; column-gap: 15rem; } @media screen and (max-width: 1441px) { .tn > .tn-bx { column-gap: 5rem; } } @media screen and (max-width: 561px) { .tn > .tn-bx { flex-direction: column; gap: 3rem 0; } } .tn > .tn-bx > .tn-cont:first-of-type { display: flex; flex-direction: column; flex: 0 0 auto; row-gap: 5rem; } .tn > .tn-bx > .tn-cont:last-of-type { display: flex; flex-direction: column; width: 100rem; letter-spacing: 1px; } @media screen and (max-width: 561px) { .tn > .tn-bx > .tn-cont:last-of-type { width: 100%; } } .tn > .tn-bx > .tn-cont:last-of-type > a { border-top: 1px solid rgba(88, 52, 42, 0.2); padding: 2rem 0; display: flex; flex-direction: column; row-gap: 1rem; transition: opacity 0.3s ease-out; } .tn > .tn-bx > .tn-cont:last-of-type > a:hover { opacity: 0.5; } .tn > .tn-bx > .tn-cont:last-of-type > a:last-of-type { border-bottom: 1px solid rgba(88, 52, 42, 0.2); } .tn > .tn-bx > .tn-cont:last-of-type > a > span { display: flex; align-items: center; column-gap: 1rem; } .tn > .tn-bx > .tn-cont:last-of-type > a > span > time { font-size: 1.3rem; color: #58342a; } @media screen and (max-width: 561px) { .tn > .tn-bx > .tn-cont:last-of-type > a > span > time { font-size: 1.2rem; } } @media screen and (max-width: 561px) { .tn > .tn-bx > .tn-cont:last-of-type > a > span > b { font-size: 1.2rem; } } .tn > .tn-bx > .tn-cont:last-of-type > a > .tn-txt { color: #58342a; } @media screen and (max-width: 561px) { .tn > .tn-bx > .tn-cont:last-of-type > a > .tn-txt { font-size: 1.4rem; } } @media screen and (max-width: 561px) { .tn > .tn-bx .tn-btn { width: 60%; margin: 0 auto; } } .ne { padding: 15rem 0 0 0; display: flex; flex-direction: column; align-items: center; letter-spacing: 1px; position: relative; } @media screen and (max-width: 961px) { .ne { padding-top: 10rem; } } @media screen and (max-width: 561px) { .ne { padding-top: 5rem; } } .ne::before { content: ""; position: absolute; bottom: -7rem; right: 26rem; width: 27.6rem; height: 22.9rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc2IiBoZWlnaHQ9IjIyOSIgdmlld0JveD0iMCAwIDI3NiAyMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9nXzM5N18xMjA0MSkiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjQuMDExIDY5LjA4MDlDMjI2LjQzIDY3LjIyMzYgMjI0LjU5IDYyLjQ2MDQgMjMxLjQzMSA1OS4yNDE1QzIzNS43OCA1Ny4xOTQ5IDI0MC4yNzEgNjIuMjA0OCAyNDguODI5IDUzLjEyNThDMjQ4Ljk5MSA1Mi45NjA2IDIzOS4xMTggNTUuNjc4NSAyMzcuNDM1IDUxLjg1NDVDMjM3LjA5NCA1MS4wNzcxIDIzOC45MzkgNTEuMTU3NyAyNDAuMTQyIDUwLjg3OTJDMjQxLjY0OCA1MC41MzAzIDI0Mi43OCA0OS43MjgyIDI0NC41NjEgNDcuMjE5NEMyNDcuNjQ0IDQyLjg3NDYgMjQ0Ljc0NiA0NS4xNTY4IDI0Ni45NTggNDEuMDk3QzI0OC4yMzcgMzguNjQ3IDI0Ni45NTkgMzYuMDQ2NSAyNDcuNTI3IDM0LjE3MTVDMjQ4LjM1OSAzMS40MjEzIDI1MC42OTYgMjkuNjI5OSAyNTAuNjE3IDI3LjI0MzNDMjUwLjU1MiAyNS4zMDM2IDI0OC4xNyAyMy42ODI5IDI0Ny44NDMgMjEuNDA1NkMyNDcuNDM0IDE4LjU3MzkgMjQ5LjAzIDE0LjkzIDI0OC41OTMgMTAuODI5M0MyNDYuNjA1IDYuMDY1NDkgMjQyLjY1NSAzLjM1NzQ4IDIzNi45OTQgMS45NTQ5NkMyMjUuNTE2IC0wLjg4NTczNCAyMzEuMzI3IDIuOTAwOTcgMjMxLjI2OCA5LjQ5NDk0QzIzMS4wMTggMzcuNTkwNCAyMjUuMTU2IDQ3LjM2NTYgMjA1LjQwNiA2NC41NDYxQzE4My41NjEgODIuNjk5NCAxMjcuNzM0IDk5LjE3MyA5Ny44MDgzIDEwMS42OTJDODQuMzg5NSAxMDIuODIxIDgxLjEwNjEgOTkuNjYwOSA2OS4wOTc1IDkyLjA4NDhDNTkuMTIyNSA4NS43OTE2IDQ3LjY1MTggNzcuMzk3MSAzNC44ODQzIDgxLjk4MUMzMS4wMjc2IDgzLjM2NSAyMy42OTQ3IDg4LjQ3NTggMjAuNjAwOSA5Mi44Njk5QzE1LjM2NzggMTAwLjMwMSAyMS45MTAzIDk4LjI0NCAxNS41MDQgMTA2LjczNEMxMS41Mjg0IDExMi4wMDIgNC42NzMyMyAxMTMuODc1IDEuMDAwMjEgMTE5LjMzNUM5LjE3NDgxIDE0MC42MDggMjkuOTkyMSAxMjEuNTYzIDM5LjYxNDcgMTIxLjY0QzQxLjQzOTEgMTIxLjg2NyA0MS4yMTUyIDEyNC4wNzQgNDIuNjk0IDEyNC44OThDNDkuNDUyNyAxMjguNjU3IDU0LjY2OTkgMTM2LjE0OCA1Ni4zNTA5IDE0Mi45NDRDNTcuMDgwMSAxNDYuNDkyIDU3LjU1NDIgMTUzLjI2MiA1Ni4yNTM5IDE1Ny44NEM1Ny4wMjQ5IDE1Ny41NTggNTkuNDg4NCAxNTYuNDQzIDYwLjg1MjQgMTUyLjc0M0M2NC4xNzI2IDE1NC42NjYgNzAuMTY2NSAxNTguMTg5IDczLjM4ODcgMTczLjZDNzcuNjQwNyAxNjcuNzE5IDc0LjQ5MzYgMTYyLjc0NSA3Ny45NjAxIDE2My4wOTNDNzkuMzYzIDE2Mi45MDQgNzkuNzE5NiAxNjUuOTgyIDgxLjEyMjcgMTY1Ljc5M0M4MS4zODY3IDE2NS43OTIgODEuNzcxMyAxNjQuMjc5IDgyLjAwOTYgMTY0LjI4OEM4OS42MTk5IDE2OS4xNzYgOTAuODI2IDIwMS45MSA4Ni4xMzI4IDIxMy4zMjhDODEuNjQzOSAyMjQuMjQyIDc3LjM1OTYgMjE3LjM4NSA3Ny41MzM2IDIyNy4zMjRDODEuMjM5NyAyMjguOTI0IDg3Ljc4MjQgMjI2LjI4NyA5MS4yMTg1IDIyNS4yNjVDOTEuMzk3MiAyMjUuMjEyIDk0LjI3MTcgMjIzLjkxOCA5NC40NDgyIDIyMy44NTdDOTkuMTE5OSAyMjIuMjM0IDk3LjM3MSAyMjIuMTUxIDk3LjI3MyAyMTQuNjY2Qzk5LjQ1NTUgMjEzLjkwNyA5OC44OTYxIDIxMS43NzYgMTAxLjA3OSAyMTEuMDE3QzEwMC42MjUgMjA4Ljc1NiAxMDIuOTEzIDIwNy44NjYgMTAyLjQ2IDIwNS42MDVDMTA3LjA2IDIwNC4xNTggMTA3LjY3OSAxOTUuOTQxIDExNS40NjIgMTg1Ljk2OEMxMjAuNzcgMTk0LjA0OSAxMjMuMjgzIDE5OC45NTEgMTIzLjMxNSAyMDIuNzU2QzEyMy4zODEgMjEwLjYxNiAxMTQuOTQzIDIxMS41MjIgMTE4LjYwMiAyMTcuMjk2QzEyMS4yNDggMjE3Ljc1NyAxMjYuNDU4IDIxNi4yMSAxMjguNjk5IDIxNS40NjNDMTM0LjEyNCAyMTMuNjUzIDEzOC4xODMgMjA5LjI0IDEzNS45ODEgMTk4LjU2M0MxMzguNTQ5IDE5NS4xNjMgMTMyLjA2OCAxOTkuMSAxMzguNjM0IDE5NS4zOTFDMTM2Ljk4OSAxOTMuNjE1IDEzNC4xMDggMTkyLjQyMyAxMzIuNDY0IDE5MC42NDZDMTM3LjgzNCAxODUuODM4IDEzNS4yMzMgMTg4LjMyNyAxMzcuNTk2IDE4My40NzlDMTMyLjUwMyAxODAuMTcgMTMyLjI1NCAxODMuNjgzIDEzMC43MTcgMTc3LjI5M0MxMzIuNzg4IDE3NS4xNzMgMTM2LjAxMyAxNzcuMDQ4IDEzOS41NjMgMTc1LjE4M0MxMzcuMDY2IDE3My42OTggMTI1Ljg2MSAxNjMuODA2IDEzNC41NyAxNjIuOUMxMzguMjg0IDE2Mi41MTYgMTM3LjQ3NCAxNjEuNDE0IDEzOC41NDIgMTU5LjY0OUMxMzkuMTExIDE1OC43MDYgMTQyLjAxNyAxNTcuNzAzIDE0Mi40MzQgMTU2LjIyOEMxNTIuNTc1IDE1Ni43OTYgMTU1Ljk4MSAxNTcuOTUgMTYwLjkzIDE1NS4zNDZDMTU0Ljc3IDE1NC4zNjQgMTU0LjY2NCAxNTMuNjc0IDE1My40MDMgMTQ5LjgxNkMxNTMuNTE5IDE0OS43OTEgMTYzLjE0NiAxNTEuMTEyIDE2Ni45MyAxNTAuNzI1QzE2OC45NDggMTUwLjUxNyAxNjguNTQzIDE0OS41NjcgMTY5LjUyMyAxNDguODRDMTcwLjg5OCAxNDcuODIyIDE3My4yMzIgMTQ2Ljk4MSAxNzMuMjUxIDE0Ni45ODRDMTc2LjEwNSAxNDcuNDA2IDE3OC4wMzQgMTQ4LjAxNSAxNzguNTI5IDE0Ny41MDdDMTc4LjgwOCAxNDcuMjIyIDE3Ny44NjMgMTQ2LjY4NCAxNzguMjYgMTQ1LjI5NEMxNzkuMzc0IDE0MS40MDMgMTc5LjU5OSAxNDIuMDI1IDE4Mi4zMTUgMTQzLjc1N0MxODUuOTQgMTQ2LjA3MSAxOTMuMTM4IDE1MC41NTMgMTk2LjgxNiAxNTMuNjI1QzE5OS45NDkgMTU2LjI0MSAyMDQuMjE3IDE1Ny44ODYgMjA1LjQzNyAxNjAuODZDMjA4LjE1IDE2Ny40NzkgMjEwLjE2OSAxNzQuMDY1IDIwOC44OTggMTgzLjk1MUMyMDguNzQ2IDE4NS4yMDcgMjA2LjY1OSAxODYuNTAxIDIwNi40MjkgMTg3LjExNkMyMDUuNTA1IDE4OS41OTIgMjA0LjI3OCAxODkuMTU3IDIwNS45MjUgMTkzLjAwOEMyMDYuNjMxIDE5NC42NTkgMjE1LjUzMiAxOTIuMTgyIDIxOS4yMTkgMTkwLjE3QzIyMS40OSAxODguOTMyIDIyMC44MjUgMTg4LjUwMSAyMjEuNzAzIDE4NC41MTRDMjIyLjA2OCAxODEuMTE5IDIyMi4zMjEgMTc1LjU1MiAyMjMuNzE3IDE2OS40M0MyMjQuNjQ5IDE2NS4zNDQgMjIzLjg4MSAxNjEuNTg5IDIyMy41MTEgMTU3LjcxOUMyMjMuMDQ4IDE1Mi44NjggMjIxLjI0NCAxNDguNTI3IDIyMC40ODcgMTQ1LjY2MUMyMjcuNjU0IDE0NS45NzkgMjQzLjU4NyAxNTIuNDA1IDI1My41MTcgMTU4LjY2QzI1Ny40NzkgMTYxLjE1NiAyNTkuODg2IDE2My45MzYgMjYwLjAzOCAxNjYuMTA2QzI2MC4xMzYgMTY3LjUxMiAyNTguMjc5IDE2Ny45ODIgMjU3LjU4NyAxNzAuMzFDMjU2LjgzNyAxNzIuODMxIDI1NS43NSAxNzYuNDEzIDI1OS43OTggMTc2LjUxM0MyNjUuNjg4IDE3Ni42NTkgMjcxLjM0MSAxNzQuODUgMjc0LjQ5MiAxNzEuMzI0QzI3My40MDggMTY1LjA5NCAyNzMuNjAzIDE2MC4zNjMgMjcxLjk1OCAxNTYuOTE3QzI2OS45MjQgMTUyLjY1NSAyNjUuNzU5IDE1MC4xNTEgMjYxLjA4MSAxNDYuODE1QzI1Ny41NzggMTQ0LjMxOSAyNTQuODg5IDE0MC42NjggMjUwLjQyMyAxMzUuMzcxQzI1My40NCAxMzUuNjkyIDI1Ni45MjEgMTM1LjU1NSAyNTcuNTQzIDEzMC41N0MyNDQuNDQ2IDEzMy45NTcgMjMxLjIgMTIxLjA2NyAyMzAuMTc5IDExNy4yMTRDMjM2LjY0NiAxMTkuMjgyIDIzOS45ODIgMTE3LjA0NCAyNDAuMjc1IDExNi43MDhDMjM3LjUzOCAxMTYuNTA2IDIzNS4yODYgMTE2Ljk2OSAyMzEuMzA5IDExMi4xNzRDMjI2LjIxNCAxMDYuMDMgMjE5LjIwOCA5Ni41OTgxIDIyMC4xMjEgODYuMzc5N0MyMjAuNDEgODMuMTQ1MSAyMTkuODY4IDc5LjY2MjUgMjE4LjYxNiA3Ni44NzcyQzIxNC43NzUgNjguMzMxMiAyMjMuMzYzIDY5LjUzNjcgMjI0LjAxMSA2OS4wODA5WiIgZmlsbD0iI0U1RTFENyIvPg0KPC9nPg0KPGRlZnM+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2dfMzk3XzEyMDQxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjc1LjQ5MiIgaGVpZ2h0PSIyMjguODI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4NCjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjI1IDAuMjUiIG51bU9jdGF2ZXM9IjMiIHNlZWQ9Ijg3MDMiIC8+DQo8ZmVEaXNwbGFjZW1lbnRNYXAgaW49InNoYXBlIiBzY2FsZT0iMiIgeENoYW5uZWxTZWxlY3Rvcj0iUiIgeUNoYW5uZWxTZWxlY3Rvcj0iRyIgcmVzdWx0PSJkaXNwbGFjZWRJbWFnZSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgLz4NCjxmZU1lcmdlIHJlc3VsdD0iZWZmZWN0MV90ZXh0dXJlXzM5N18xMjA0MSI+DQo8ZmVNZXJnZU5vZGUgaW49ImRpc3BsYWNlZEltYWdlIi8+DQo8L2ZlTWVyZ2U+DQo8L2ZpbHRlcj4NCjwvZGVmcz4NCjwvc3ZnPg0K) no-repeat center/contain; } @media screen and (max-width: 1441px) { .ne::before { right: 5rem; } } @media screen and (max-width: 561px) { .ne::before { width: 13.8rem; height: 11.45rem; right: 2rem; bottom: -3rem; } } .ne > .ne-ttl { text-align: center; color: #58342a; font-size: 4.8rem; font-family: "Hina Mincho", serif; margin-bottom: 10rem; } @media screen and (max-width: 561px) { .ne > .ne-ttl { font-size: 2.6rem; margin-bottom: 5rem; } } .ne > .ne-fv { width: 100%; color: #fff; } @media screen and (max-width: 561px) { .ne > .ne-fv { position: relative; } } .ne > .ne-fv::before, .ne > .ne-fv::after { content: ""; display: block; width: 100%; } .ne > .ne-fv::before { height: 1.9rem; background: url(data:image/webp;base64,UklGRiwCAABXRUJQVlA4WAoAAAAQAAAAfwcAEgAAQUxQSDUAAAABDzD/ERGCTWzbUV6qyIiUWEcKMqg4LNVOSUT/JyAHz1ByzgF6TjpBzUntc9IRWi79++8TAABWUDggegEAAHAVAJ0BKoAHEwA/JZLCWq4qpyWi2qgZwCSJaW7hbE4Y/gDDAfgB+AGx/rCXoD//zEAAaPz/5+zg/xmqYWXU9zANqIrQS6339Qh88q9nB/z/59WogoVMbg/5/8/ZuwKIy13lXs4P+f/NqKGuc0wf8/+fs4P+f/P2cHy7iBUOZkVJKP8/+frAxpa3V7V7OD/n/z6tz56FTG4P+f/P2bsIveQednB/z/5+zdg+mzlVV7OD/n+gAAD9Jj3mCk5yfzbyNvltW/JE9/A3JYZGfNj1THktwJcTsa4abpPLhn21MDd1oLL5c5E6v8AEMgrZfr1MOg9GlCX1j9+Hlc6qKvbK1kepAHQDoT/yjlK/rEk2n9Avo/ADAjscuxuzkXXtusHBGm2vCs9Q89EACmYAKOGascitF7xAkzwZZx+rkifC62Rf59+SrqJRwyQPVwH0N+wFG27sCoAhNlmCJgLs6kCiihOr5eGlZ3316KBGOCQc9H4Op1fLw0jqaAAAAFBTQUlOAAAAOEJJTQPtAAAAAAAQAEgAAAABAAIASAAAAAEAAjhCSU0EKAAAAAAADAAAAAI/8AAAAAAAADhCSU0EQwAAAAAADlBiZVcBEAAGABkAAAAA) no-repeat center/cover; } @media screen and (max-width: 561px) { .ne > .ne-fv::before { height: 0.5rem; background-image: url(data:image/webp;base64,UklGRngBAABXRUJQVlA4WAoAAAAQAAAAdgEABAAAQUxQSGUAAAABb2CQbeTgjeBmcI/yERH5s4wpFW5i23aV+9v8b/uDhCjgS0gGooCABJCAEywgZPt5l5Iqov8TIK4/gC+2TyAS2wdQiu0MVGKbAov8+p+Duv4Cmdq+gVJtX0CvtgcwqG0HnOraAwBWUDgglgAAAPAFAJ0BKncBBQA/JZLDW64qJyQhaAHAJIliAsPx5+Wb6gNsBz/+mZgCtCqaJ3TM7mtLuml3TS4gAP7WMbr5u7nppUflMkhdhLxzljUPdk9Ff20UV64SUyPZ1leAxjUtDYDAQHxYPkgFxshxTXw6hcC+WFnfX1UTDHEN7AX4yA7zJJgV7LmFF931qLmAR4QNmNPC+gXgAFBTQUlOAAAAOEJJTQPtAAAAAAAQAEgAAAABAAIASAAAAAEAAjhCSU0EKAAAAAAADAAAAAI/8AAAAAAAADhCSU0EQwAAAAAADlBiZVcBEAAGABkAAAAA); } } .ne > .ne-fv::after { height: 21.4rem; background: url(data:image/webp;base64,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) no-repeat center/cover; } @media screen and (max-width: 561px) { .ne > .ne-fv::after { height: 12.2rem; background-image: url(data:image/webp;base64,UklGRjgCAABXRUJQVlA4WAoAAAAQAAAAdgEAeQAAQUxQSPAAAAAJR0CQbXOl+1tNoBoRERNxuIpkq3IObxtIQEIkrAQkrIfIT+7h3MtPRP8ZuG2kqN2DZeZ5QcIP+QVzFhyfhXp2s1Xk82uqYsaDu+b8Toruc6Ji6Lqvo8jDdexmvcXMnBgx3jZ8x8dsbn3H1ygWmPPzJ5hgzhUy3rZg3pbsmu08b8tqbrnj1syJkp2+CsCm1ysroKlGNdSbfJXdW/benFi4e7urGr3Qr7w32a9bFvW8TpOYQMAIHb3sX6ILHT1AwAgd7Tuv0Ut8RIOyjxlvip2jiS4M0OA+VupOikmRI9m9Zf/Nid3kOurOawr3ddQd9wZWUDggzAAAAFAPAJ0BKncBegA/JZLAXC4qJiQgKGHAJIlpbuF2AQMBWkAAAT50Tp06dOnTp06dOnTp06gbuidQN3ROnTp067OHDmSNIkoISUHM1xz3ptSIJROnVJTakSID6p9yZMmTKQmrXHREuJyZMmruTRSW6dOlXSqm5MqpuUhNWuOiJcf5UfnAAP79u3/69evvpQnfjFKng/g/yCTB/kEmD/OgN0EDDmHlWX3GxzJqBnXfIY/4xBHD1vCH1AA5dYQjOvbZBjLRTcllJ1wBW84AAFBTQUlOAAAAOEJJTQPtAAAAAAAQAEgAAAABAAIASAAAAAEAAjhCSU0EKAAAAAAADAAAAAI/8AAAAAAAADhCSU0EQwAAAAAADlBiZVcBEAAGABkAAAAA); } } .ne > .ne-fv > .ne-fv-bx { display: flex; flex-direction: column; align-items: center; row-gap: 6rem; padding-top: 15rem; background: url(data:image/webp;base64,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); } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx { row-gap: 3rem; padding-top: 5rem; } } .ne > .ne-fv > .ne-fv-bx > .ne-fv-main { display: flex; flex-direction: column; align-items: center; row-gap: 5rem; } .ne > .ne-fv > .ne-fv-bx > .ne-fv-main > .ne-logo { width: 22.6rem; height: 14.4rem; object-fit: contain; } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx > .ne-fv-main > .ne-logo { width: 11.3rem; height: 7.2rem; } } .ne > .ne-fv > .ne-fv-bx > .ne-fv-main > .ne-ttl { text-align: center; font-size: 4rem; font-family: "Hina Mincho", serif; } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx > .ne-fv-main > .ne-ttl { font-size: 2.4rem; } } .ne > .ne-fv > .ne-fv-bx > .ne-txt { display: flex; flex-direction: column; row-gap: 4rem; text-align: center; font-size: 1.8rem; position: relative; width: 100%; } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt { position: static; row-gap: 2rem; font-size: 1.4rem; padding-bottom: 3rem; } } .ne > .ne-fv > .ne-fv-bx > .ne-txt > i { position: absolute; top: 0; background-repeat: no-repeat; background-position: center; background-size: contain; margin: auto; } .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:first-of-type { bottom: 33rem; left: 20rem; width: 35rem; height: 35rem; background-image: url(../img/friend.svg); } @media screen and (max-width: 1441px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:first-of-type { width: 13.3333333333rem; height: 13rem; left: 10rem; top: -26rem; } } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:first-of-type { left: 2rem; bottom: auto; top: -24rem; margin: 0; width: 8rem; height: 7.8rem; } } .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:nth-child(2) { top: -20rem; right: 30rem; width: 23rem; height: 19.7rem; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMwIiBoZWlnaHQ9IjE5NyIgdmlld0JveD0iMCAwIDIzMCAxOTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwOC40NjEgMjkuNDQ5NUMyMTcuNzA2IDI3LjU2ODEgMjI5LjQ2NSAzMC45MTYxIDIyOS45NzMgNDYuMzM1MUMyMzAuNTY4IDY0LjM4MTMgMjIxLjIxOCA4MS40NzQzIDIwMi4yMyA4Mi45MjNDMTk0Ljg0NiA4NS4xNTk4IDIwMS4zNDcgODYuMzIwOCAxOTguOTkzIDEwMC43OThDMTk1Ljk0MSAxMTkuNTU0IDE5OC40NDUgMTMxLjg4NyAyMTEuOTE1IDE0My41ODVDMjE3Ljg3OCAxNDguNzYzIDIxMC42NTcgMTU2LjMxOCAyMTIuNjggMTc3LjM5MkMyMTMuNDA4IDE4NC45ODIgMjE1LjM3MyAxOTAuMTY5IDIwOS45NyAxOTUuMTRDMjA2Ljc2OCAxOTguMDg0IDE5OC4wMTkgMTk2LjgxNSAxOTEuOTc3IDE5Ni4xNTFDMTg2LjY4MyAxODcuNzY5IDE5MS42NjYgMTg0LjMzNyAxOTUuODc3IDE3OS4xNjJDMTk3Ljc4MSAxNzAuNjIgMTk3LjI3MiAxNjAuNjEyIDE5My4yNiAxNTUuOTY4QzE5MC4yMzMgMTUyLjQ2NCAxODcuNzczIDE0OS4wOTggMTgyLjYxNyAxNDcuMDg1QzE4NC4wMzggMTU1Ljg5NyAxODMuNTUgMTYwLjc1MSAxODAuNjQ1IDE3MC42OThDMTc1LjUyNCAxNzMuODc1IDE3Ni42MTYgMTg3LjcyOSAxNzIuNzA3IDE4OS45NTJDMTY4LjY2MiAxOTIuMjU4IDE2OS41ODggMTk2LjE2MiAxNjIuOTk1IDE5NS4zNjFDMTYwLjEwNiAxOTUuMDEgMTUwLjg4MyAxOTUuMjM5IDE0OS4yODMgMTkyLjg4OEMxNDYuOTg2IDE4OS41MTQgMTQ3LjM5NiAxODIuNjkyIDE1Ni42NDggMTgxLjEzNEMxNjIuNDczIDE4MC4xNTYgMTY1LjA3IDE3My4wNjIgMTY0Ljc2OSAxNjYuNjM5QzE2NC4zMzIgMTU3LjMzMyAxNTYuMTkzIDE0Ny44NzggMTQ5LjYzNyAxMzkuMjYzQzE0NC42NTYgMTMyLjcxOCAxNDYuODc3IDEyNS41NjEgMTQwLjUxOSAxMjIuMTcxQzEyOC43MDEgMTE1Ljg3MyAxMTkuNzU2IDExOS4xNTMgMTA2LjYwOSAxMTguNDE4QzkzLjE0NTQgMTE3LjY2OCA4Ni43MTQyIDExNS45OTYgNzkuNzk4OCAxMjYuNzE3QzcyLjM4MjIgMTM4LjIxMSA2Mi42NTk2IDE0OS4zNjIgNTcuMTggMTU5LjQ0MkM1NC4xNTkzIDE2NC45OTkgNTQuMjgxNCAxNjYuNDU3IDQ3LjgzODkgMTY3LjQxNUM0My41MDU2IDE2OC4wNTkgMzkuMzMxOCAxNjguMTUxIDM2LjA0NDcgMTY3LjIwMUMzMS42NTI1IDE2NS45MyAyOS44OTA4IDE2NS43OTkgMzEuMjk3MyAxNjEuNTY5QzMzLjQyMTUgMTU1LjE4NSAzOC4yNDE3IDE1NS43NjIgNDMuODM0MSAxNTAuN0M0NS44MTA0IDE0Ny4xNDMgNjAuNjU3IDExNy44MzQgNjAuMjA3IDExNS40NDRDNTIuMDc1IDExNi42NzIgMzguMTAzNiAxMjcuMzcgMjYuODEzMyAxMzQuMDY4QzIyLjc0NzMgMTM2Ljk3MiAxMi4zMDQzIDEzNC44IDcuNTc0NjUgMTM1LjU1MkM3LjM0Njk0IDEzNS41ODMgMi42ODA1OSAxMzIuMzIgMS43NjIxMiAxMzEuNTM0Qy0yLjc5OTIxIDEyNy42MyAyLjIxODExIDEyMy4yNTEgOC41NjkyMSAxMjMuOTE1QzEzLjkwNDcgMTI0LjQ3MiAxNi43ODUxIDEyMi4yNSAyNC42NDQ4IDExOC4yNTZDNDAuMzU2MSAxMTAuMjcyIDQ3LjQ0OSA5Ny42MjU3IDQ4LjMwNjYgOTMuNjkyNUM0OC45Mjk1IDgzLjA2NzggNDUuODkwNSA5MC4xMjk4IDUzLjMyMzUgNjkuMTU3NEM0Ny41NjU4IDQwLjU5OTcgMjEuNDc4OCA1My44MDA5IDE0LjAzOTQgNDUuMDgzNEMxMi4yMzk5IDQyLjk2MTUgMTAuNjQxNiAzOC4xMjM1IDkuOTc4OSAzNi40NDg5QzguMjM4MjggMzIuMDUxIDEyLjE5NjggMzIuMjg4NSAxNS4yNjY4IDMwLjQ4MTlDMjAuMjY3MyAyNy41NDI1IDI2LjY2MjQgMjYuNzAwMyAyOS4zNTIyIDI1LjExNDdDMzIuMjYxNSAyMy4zNzg0IDMwLjQzMzQgMjIuNDgzOCAzNS42NDQ1IDE4LjA0ODFDNDAuMTUzNyAxNC4yMTE2IDQ1Ljk5MDggMTQuMzYxNyA1NS4yODk3IDEyLjg2MjFDNTYuNzI3OCAxMy4xODI3IDU3LjI1NTkgLTAuMzk0OTggNTguNzk3MSAwLjAwODgzMjk5QzU5Ljk2MTUgMC4zMzA0MDUgNjMuOTAxNiAxLjE2NTU3IDY1LjIxOTggMy45NTU5NkM2Ny40OTg4IDguNzc3MjQgNjcuMTQ0NSAxNi42NzAxIDY4LjUxNzQgMTcuODY3Qzc2LjE1MyAyNy43NjcyIDc2LjI0NDYgMzcuNTA1MyA4Mi4zNzg0IDQ1LjExOThDODUuMzQyNSA0OC43OTk5IDk2LjIwMyA1MC40OTU4IDk5LjgyMjkgNTMuODkwNUMxMTYuNjEgNjkuNjMzNiAxNTguODY4IDc3LjE5NTUgMTgwLjM0IDc1LjA4NTRDMTg1LjExMyA3Ni42NjMyIDE4OS43OTcgNzcuNTczNCAxOTQuNjkxIDc2LjIzMzhDMjA4Ljc4NyA3Mi4zNzc0IDIxNi41NzcgNTUuNzE0OSAyMTMuNjgxIDQ1Ljg1NjhDMjEyLjQxNCA0MS41NDIgMjEyLjI1NSAzOC43NTcgMjA0LjM4MiAzOC41MzM1QzE5MC40MTkgMzguMTM3MSAyMDEuMzk3IDMwLjg4NTcgMjA4LjQ2MSAyOS40NDk1WiIgZmlsbD0iI0Y5RjhGNCIvPg0KPC9zdmc+DQo=); } @media screen and (max-width: 1441px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:nth-child(2) { width: 20rem; height: 13.1333333333rem; right: 15rem; } } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:nth-child(2) { width: 10rem; height: 6.5666666667rem; top: -23rem; right: 2rem; } } .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:last-of-type { right: 5rem; bottom: -5rem; width: 25.2rem; width: 31.6rem; background-image: url(../img/dog/footprints/white.svg); } @media screen and (max-width: 1441px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:last-of-type { width: 16.8rem; height: 21.0666666667em; } } @media screen and (max-width: 561px) { .ne > .ne-fv > .ne-fv-bx > .ne-txt > i:last-of-type { width: 8.4rem; height: 10.5333333333em; right: 1rem; bottom: -30rem; } } .ne > .ne-sv { padding: 5rem 2rem 20rem; display: grid; grid-template-columns: repeat(3, 40rem); justify-content: center; column-gap: 10rem; } @media screen and (max-width: 1441px) { .ne > .ne-sv { column-gap: 5rem; } } @media screen and (max-width: 961px) { .ne > .ne-sv { grid-template-columns: repeat(3, 28rem); column-gap: 1rem; } } @media screen and (max-width: 561px) { .ne > .ne-sv { display: flex; flex-direction: column; row-gap: 3rem; padding-bottom: 10rem; } } .ne > .ne-sv > figure { display: flex; flex-direction: column; row-gap: 2rem; } .ne > .ne-sv > figure > .ne-ttl { display: flex; justify-content: center; align-items: baseline; font-family: "Hina Mincho", serif; column-gap: 1rem; line-height: 1; } @media screen and (max-width: 561px) { .ne > .ne-sv > figure > .ne-ttl { column-gap: 0.5rem; } } .ne > .ne-sv > figure > .ne-ttl > strong { color: #9cb954; font-size: 10rem; } @media screen and (max-width: 961px) { .ne > .ne-sv > figure > .ne-ttl > strong { font-size: 5rem; } } @media screen and (max-width: 561px) { .ne > .ne-sv > figure > .ne-ttl > strong { font-size: 7rem; } } .ne > .ne-sv > figure > .ne-ttl > b { color: #58342a; font-size: 4rem; } @media screen and (max-width: 961px) { .ne > .ne-sv > figure > .ne-ttl > b { font-size: 2rem; } } @media screen and (max-width: 561px) { .ne > .ne-sv > figure > .ne-ttl > b { font-size: 2.7rem; } } .ne > .ne-sv > figure > figcaption { color: #58342a; display: flex; flex-direction: column; row-gap: 3rem; align-items: center; justify-content: space-between; } @media screen and (max-width: 561px) { .ne > .ne-sv > figure > figcaption { font-size: 1.4rem; } } .ne > .ne-sv > figure > figcaption .ne-btn { width: 25rem; } @media screen and (max-width: 561px) { .ne > .ne-sv > figure > figcaption .ne-btn { width: 80%; } } .ne > .ne-ep { width: 100%; height: 88.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(../../img/ne/ep.webp) no-repeat center/cover; } @media screen and (max-width: 561px) { .ne > .ne-ep { height: 55rem; } } .ne > .ne-ep > .ne-txt { display: flex; flex-direction: column; row-gap: 10rem; margin-bottom: 10rem; text-align: center; color: #58342a; font-size: 2.4rem; font-family: "Hina Mincho", serif; } @media screen and (max-width: 561px) { .ne > .ne-ep > .ne-txt { font-size: 1.8rem; row-gap: 5rem; margin-bottom: 5rem; } } .ne > .ne-ep > .ne-logo { width: 23.4rem; height: 15rem; object-fit: contain; } .hs > .hs-bx2 > .hs-cont > .hs-txt, .hs > .hs-bx1 > .hs-grp > .hs-txt, .hs .hs-fv > .hs-txt { color: #58342a; line-height: 1.8; } @media screen and (max-width: 561px) { .hs > .hs-bx2 > .hs-cont > .hs-txt, .hs > .hs-bx1 > .hs-grp > .hs-txt, .hs .hs-fv > .hs-txt { font-size: 1.4rem; line-height: 1.5; } } .hs { max-width: 140rem; margin: 0 auto; padding: 10rem 2rem; display: flex; flex-direction: column; row-gap: 5rem; letter-spacing: 1px; } @media screen and (max-width: 561px) { .hs { row-gap: 3rem; padding: 5rem 1.5rem; } } .hs > .footprints-icon { left: -15rem; bottom: -10rem; } @media screen and (max-width: 1441px) { .hs > .footprints-icon { left: 5rem; } } @media screen and (max-width: 561px) { .hs > .footprints-icon { left: 2rem; bottom: -5rem; } } .hs .hs-fv { display: flex; flex-direction: column; row-gap: 1rem; } .hs .hs-fv > .hs-ttl2 { font-size: 2.5rem; } @media screen and (max-width: 561px) { .hs .hs-fv > .hs-ttl2 { font-size: 2rem; } } .hs > .hs-bx1 { display: grid; grid-template-columns: 40rem 40rem 1fr; column-gap: 2rem; } @media screen and (max-width: 961px) { .hs > .hs-bx1 { grid-template-columns: 25rem 25rem 1fr; column-gap: 2rem; } } @media screen and (max-width: 561px) { .hs > .hs-bx1 { display: flex; flex-direction: column; row-gap: 2rem; } } .hs > .hs-bx1 > figure { display: flex; flex-direction: column; text-align: center; color: #58342a; row-gap: 0.5rem; } .hs > .hs-bx1 > figure > figcaption { font-size: 1.3rem; } @media screen and (max-width: 561px) { .hs > .hs-bx1 > figure > figcaption { font-size: 1.2rem; } } .hs > .hs-bx1 > .hs-grp { display: flex; flex-direction: column; margin-left: 6rem; row-gap: 3rem; } @media screen and (max-width: 1441px) { .hs > .hs-bx1 > .hs-grp { margin-left: 0; row-gap: 1rem; } } @media screen and (max-width: 561px) { .hs > .hs-bx1 > .hs-grp { order: -1; } } .hs > .hs-bx2 { display: grid; grid-template-columns: 1fr 60rem; column-gap: 10rem; margin-top: 5rem; } @media screen and (max-width: 961px) { .hs > .hs-bx2 { grid-template-columns: 1fr 45rem; column-gap: 2rem; margin-top: 3rem; } } @media screen and (max-width: 561px) { .hs > .hs-bx2 { display: flex; flex-direction: column; gap: 2rem 0; } } .hs > .hs-bx2 > .hs-cont { display: flex; flex-direction: column; row-gap: 1rem; } .hs > .hs-bx2 > .hs-cont > .hs-ttl { margin-bottom: 2rem; } @media screen and (max-width: 561px) { .hs > .hs-bx2 > .hs-cont > .hs-ttl { margin-bottom: 0; } } .hs > .hs-bx2 > figure { display: flex; flex-direction: column; row-gap: 0.5rem; } .hs > .hs-bx2 > figure > figcaption { text-align: center; font-size: 1.3rem; } @media screen and (max-width: 561px) { .hs > .hs-bx2 > figure > figcaption { font-size: 1.2rem; } } .hs > .hs-bx3 { padding: 5rem 0; display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 561px) { .hs > .hs-bx3 { row-gap: 2.5rem; padding: 2.5rem 0; } } .hs > .hs-bx3 > dl { display: flex; align-items: baseline; column-gap: 4rem; } @media screen and (max-width: 961px) { .hs > .hs-bx3 > dl { column-gap: 2rem; } } @media screen and (max-width: 561px) { .hs > .hs-bx3 > dl { flex-direction: column; padding: 0; row-gap: 1rem; font-size: 1.4rem; } } .hs > .hs-bx3 > dl > dt { width: 25rem; font-size: 2.4rem; flex: 0 0 auto; } @media screen and (max-width: 961px) { .hs > .hs-bx3 > dl > dt { width: 20rem; font-size: 2rem; } } @media screen and (max-width: 561px) { .hs > .hs-bx3 > dl > dt { width: 100%; } } .hs > .hs-bx3 > dl > dd { letter-spacing: 1px; line-height: 2; } @media screen and (max-width: 561px) { .hs > .hs-bx3 > dl > dd { line-height: 1.8; padding: 0 1rem; } } .hs > .hs-bx3 > dl > dd > table th { font-weight: normal; padding-right: 3rem; white-space: nowrap; vertical-align: top; } @media screen and (max-width: 961px) { .hs > .hs-bx3 > dl > dd > table th { padding-right: 2rem; } } @media screen and (max-width: 561px) { .hs > .hs-bx3 > dl > dd > table th { padding-right: 1rem; } } .di { background: #f3f1e8; padding: 10rem 2rem; } @media screen and (max-width: 561px) { .di { padding: 5rem 1.5rem; } } .di .di-cont { display: flex; flex-direction: column; row-gap: 10rem; max-width: 140rem; margin: 0 auto; } @media screen and (max-width: 561px) { .di .di-cont { row-gap: 2.5rem; } } .di .di-cont > .di-ttl { justify-content: center; } .di .di-cont > .di-bx1 { display: grid; grid-template-columns: 70rem 1fr; column-gap: 8rem; overflow: hidden; } @media screen and (max-width: 1441px) { .di .di-cont > .di-bx1 { column-gap: 5rem; } } @media screen and (max-width: 961px) { .di .di-cont > .di-bx1 { column-gap: 3rem; grid-template-columns: 50rem 1fr; } } @media screen and (max-width: 561px) { .di .di-cont > .di-bx1 { display: flex; flex-direction: column; gap: 4.5rem 0; } } @media screen and (max-width: 561px) { .di .di-cont > .di-bx1 > .di-sl { height: 21.5rem; } } .di .di-cont > .di-bx1 > figcaption { display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx1 > figcaption { row-gap: 2.5rem; } } .di .di-cont > .di-bx1 > figcaption > .di-ttl { font-size: 4rem; font-family: "Hina Mincho", serif; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx1 > figcaption > .di-ttl { font-size: 2.4rem; } } .di .di-cont > .di-bx1 > figcaption > .di-txt { line-height: 2; display: flex; flex-direction: column; row-gap: 2rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx1 > figcaption > .di-txt { font-size: 1.4rem; row-gap: 1rem; } } .di .di-cont > .di-bx1.-full { grid-template-columns: 1fr; } .di .di-cont > .di-bx2 { background-color: #f9f8f4; padding: 5rem 0 5rem 5rem; margin-top: 15rem; display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 { padding: 1rem; margin-top: 0; } } .di .di-cont > .di-bx2 > figure { display: flex; justify-content: space-between; column-gap: 14rem; } @media screen and (max-width: 961px) { .di .di-cont > .di-bx2 > figure { column-gap: 5rem; } } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure { flex-direction: column-reverse; gap: 3rem 0; } } .di .di-cont > .di-bx2 > figure > img { margin-top: -15rem; max-width: 60rem; } @media screen and (max-width: 961px) { .di .di-cont > .di-bx2 > figure > img { width: 50%; object-fit: cover; } } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > img { margin-top: 0; width: 100%; } } .di .di-cont > .di-bx2 > figure > figcaption { display: flex; flex-direction: column; row-gap: 3rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption { row-gap: 1rem; } } .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl { display: flex; flex-direction: column; row-gap: 1rem; align-items: start; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl { row-gap: 0.5rem; } } .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl > small { color: #fff; font-size: 1.3rem; background-color: #9cb954; color: #fff; padding: 0.5rem 2rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl > small { font-size: 1.2rem; } } .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl > strong { display: flex; align-items: center; column-gap: 1rem; font-family: "Hina Mincho", serif; } .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl > strong > span { font-size: 3.2rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl > strong > span { font-size: 2rem; } } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > .di-ttl > strong > em { font-size: 1.4rem; } } .di .di-cont > .di-bx2 > figure > figcaption > .di-txt { line-height: 2; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > .di-txt { font-size: 1.4rem; } } .di .di-cont > .di-bx2 > figure > figcaption > dl { display: flex; justify-content: end; align-items: baseline; column-gap: 2rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > dl { column-gap: 1rem; } } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > p { font-size: 1.4rem; } } .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > p > strong { font-size: 3.2rem; margin-left: 1rem; letter-spacing: 2px; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > figure > figcaption > dl > dd > p > strong { font-size: 2rem; } } .di .di-cont > .di-bx2 > .di-bx3 { max-width: 128rem; margin: 0 auto; display: flex; flex-direction: column; row-gap: 1rem; } .di .di-cont > .di-bx2 > .di-bx3 > .di-cont { background-color: #fff; padding: 3rem; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 8rem; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > .di-bx3 > .di-cont { display: flex; flex-direction: column; gap: 8rem 0; padding: 2.5rem 1rem; } } .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure { display: flex; flex-direction: column; row-gap: 1rem; position: relative; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure { row-gap: 0.5rem; } } .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure::after { content: ""; position: absolute; top: 0; right: -6rem; bottom: 0; margin: auto; width: 4rem; height: 4rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDEiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MSA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxyZWN0IHg9IjAuNSIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiByeD0iMjAiIGZpbGw9IiM1ODM0MkEiLz4NCjxwYXRoIGQ9Ik0xNy41MjQ2IDE0QzE3LjQyMzggMTQgMTcuMzIwNyAxNC4wMzk4IDE3LjI0MzQgMTQuMTE3MkMxNy4wODg3IDE0LjI3MTkgMTcuMDg4NyAxNC41MjUgMTcuMjQzNCAxNC42Nzk3TDIyLjUzNzkgMTkuOTc0MkwxNy4zMjA3IDI1LjE5MTRDMTcuMTY2IDI1LjM0NjEgMTcuMTY2IDI1LjU5OTIgMTcuMzIwNyAyNS43NTM5QzE3LjQ3NTQgMjUuOTA4NiAxNy43Mjg1IDI1LjkwODYgMTcuODgzMiAyNS43NTM5TDIzLjM4NCAyMC4yNTU1QzIzLjUzODcgMjAuMTAwOCAyMy41Mzg3IDE5Ljg0NzcgMjMuMzg0IDE5LjY5M0wxNy44MDgyIDE0LjExNzJDMTcuNzI4NSAxNC4wMzc1IDE3LjYyNzcgMTQgMTcuNTI0NiAxNFoiIGZpbGw9IndoaXRlIi8+DQo8L3N2Zz4NCg==) no-repeat center/contain; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure::after { right: 0; left: 0; top: auto; bottom: -6rem; transform: rotate(90deg); } } .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure:last-of-type::after { display: none; } .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure > figcaption { text-align: center; } @media screen and (max-width: 561px) { .di .di-cont > .di-bx2 > .di-bx3 > .di-cont > figure > figcaption { font-size: 1.4rem; } } .di-sl div#RthCustomizeW .slick-slide, div#RthCustomizeW .di-sl .slick-slide { height: unset; } .ho > table th, .gr > .gr-cont > figure > figcaption > table th, .ho > table td, .gr > .gr-cont > figure > figcaption > table td { padding: 2rem; text-align: left; border: solid 1px rgba(88, 52, 42, 0.2); border-left: none; border-right: none; } @media screen and (max-width: 561px) { .ho > table th, .gr > .gr-cont > figure > figcaption > table th, .ho > table td, .gr > .gr-cont > figure > figcaption > table td { padding: 1rem; font-size: 1.2rem; } } .ho > table th, .gr > .gr-cont > figure > figcaption > table th { background-color: #f3f1e8; } .ho > table td, .gr > .gr-cont > figure > figcaption > table td { background-color: #f9f8f4; } .gr { padding: 10rem 1rem; max-width: 176rem; margin: 0 auto; display: flex; flex-direction: column; align-items: start; row-gap: 5rem; } @media screen and (max-width: 561px) { .gr { row-gap: 2rem; padding: 5rem 1.5rem; } } .gr > .footprints-icon { right: 10rem; bottom: -10rem; transform: rotateY(180deg); } @media screen and (max-width: 561px) { .gr > .footprints-icon { right: 2rem; bottom: -4rem; } } .grpt > .footprints-icon { left: 5rem; bottom: -10rem; transform: rotate(0); } @media screen and (max-width: 561px) { .grpt > .footprints-icon { left: 2rem; bottom: -4rem; } } .gr > .gr-fv { display: flex; flex-direction: column; row-gap: 1rem; margin-left: 20rem; } @media screen and (max-width: 1441px) { .gr > .gr-fv { margin-left: 0; } } .gr > .gr-fv > .grpt-ttl { column-gap: 1rem; } @media screen and (max-width: 561px) { .gr > .gr-fv > .grpt-ttl { column-gap: 0.5rem; } } .gr > .gr-fv > .grpt-ttl::before { width: 5.8rem; height: 4.8rem; background-image: url(../img/dog/stamp/green.svg); } .gr > .gr-fv > .gr-txt { line-height: 2; } .gr > .gr-cont { display: flex; flex-direction: column; row-gap: 10rem; width: 100%; } @media screen and (max-width: 561px) { .gr > .gr-cont { row-gap: 5rem; } } .gr > .gr-cont > figure { display: flex; column-gap: 10rem; } @media screen and (max-width: 1441px) { .gr > .gr-cont > figure { column-gap: 3rem; } } @media screen and (max-width: 961px) { .gr > .gr-cont > figure { column-gap: 2rem; } } @media screen and (max-width: 561px) { .gr > .gr-cont > figure { flex-direction: column; gap: 0 2rem; } } .gr > .gr-cont > figure:nth-of-type(even) { flex-direction: row-reverse; } @media screen and (max-width: 561px) { .gr > .gr-cont > figure:nth-of-type(even) { flex-direction: column; } } .gr > .gr-cont > figure > .gr-sl { width: 78rem; } @media screen and (max-width: 961px) { .gr > .gr-cont > figure > .gr-sl { width: 50rem; } } @media screen and (max-width: 561px) { .gr > .gr-cont > figure > .gr-sl { width: 100%; margin-bottom: 1rem; } } .gr > .gr-cont > figure .gr-nav { display: flex; justify-content: end; cursor: pointer; margin-left: auto; width: 100%; } @media screen and (max-width: 561px) { .gr > .gr-cont > figure .gr-nav { display: block; } } .gr > .gr-cont > figure .gr-nav .slick-track { display: flex; justify-content: end; margin-right: -0.5rem; width: 100% !important; } @media screen and (max-width: 1441px) { .gr > .gr-cont > figure .gr-nav .slick-track { width: 100%; } } @media screen and (max-width: 561px) { .gr > .gr-cont > figure .gr-nav .slick-track { display: block; margin-right: 0.5rem; } } .gr > .gr-cont > figure .gr-nav .slick-slide { margin: 0 0.5rem; width: 10rem !important; } @media screen and (max-width: 561px) { .gr > .gr-cont > figure .gr-nav .slick-slide { width: 5rem !important; } } .gr > .gr-cont > figure .gr-nav img { width: 100%; height: 100%; object-fit: cover; } .gr > .gr-cont > figure > figcaption { width: 60rem; display: flex; flex-direction: column; align-items: start; row-gap: 3rem; } @media screen and (max-width: 1441px) { .gr > .gr-cont > figure > figcaption { width: 50rem; } } @media screen and (max-width: 961px) { .gr > .gr-cont > figure > figcaption { width: 40rem; } } @media screen and (max-width: 561px) { .gr > .gr-cont > figure > figcaption { width: 100%; margin-top: 3rem; row-gap: 2rem; } } div#RthCustomizeW .gr > .gr-cont > figure > figcaption { max-width: 60rem; width: 100%; } .gr > .gr-cont > figure > figcaption > .gr-bx { display: flex; flex-direction: column; row-gap: 1rem; width: 100%; } .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl { position: relative; } .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl > strong { display: flex; align-items: baseline; column-gap: 0.5rem; } .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl > strong > small { font-size: 1.6rem; } @media screen and (max-width: 561px) { .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl > strong > small { font-size: 1.2rem; } } .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl::before { content: ""; width: 17.1rem; height: 16.7rem; position: absolute; right: 0; top: -6rem; background: url(../img/dog/stamp/green.svg) no-repeat center/contain; opacity: 0.2; transform: rotate(10deg); } @media screen and (max-width: 561px) { .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl::before { width: 6.84rem; height: 6.68rem; top: -1rem; } } .gr > .gr-cont > figure > figcaption > .gr-bx > .grpt-ttl::after { display: none; } .gr > .gr-cont > figure > figcaption > .gr-bx > .gr-tags { display: flex; column-gap: 0.5rem; } .gr > .gr-cont > figure > figcaption > .gr-bx > .gr-tags > b { color: rgba(88, 52, 42, 0.5); border: solid 1px rgba(88, 52, 42, 0.5); padding: 0.5rem 2rem; font-size: 1.3rem; } .gr > .gr-cont > figure > figcaption > table { width: 50rem; } @media screen and (max-width: 961px) { .gr > .gr-cont > figure > figcaption > table { width: 100%; } } div#RthCustomizeW .gr > .gr-cont > figure > figcaption > table { max-width: 50rem; width: 100%; } .gr > .gr-cont > figure > figcaption > .gr-btn { width: 25rem; margin-left: auto; } @media screen and (max-width: 561px) { .gr > .gr-cont > figure > figcaption > .gr-btn { width: 100%; } } .gr > .gr-cont > figure > figcaption > .gr-btn::before { content: ""; width: 1.5rem; height: 1.6rem; background: url(../img/res/white.svg) no-repeat center/contain; } .gr > .gr-btns { display: flex; justify-content: center; column-gap: 3rem; margin-top: 5rem; width: 100%; } @media screen and (max-width: 561px) { .gr > .gr-btns { flex-direction: column; gap: 1rem 0; margin-top: 0; } } .gr > .gr-btns > button { width: 30rem; padding: 2rem; display: flex; align-items: center; justify-content: space-between; background-color: #9cb954; color: #fff; border: none; } @media screen and (max-width: 561px) { .gr > .gr-btns > button { width: 100%; } } .gr > .gr-btns > button::after { content: ""; width: 2.1rem; height: 2rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjUgMTBDMjAuNSAxMC4xMTUzIDIwLjQ1NDIgMTAuMjI1OSAyMC4zNzI3IDEwLjMwNzRDMjAuMjkxMSAxMC4zODkgMjAuMTgwNSAxMC40MzQ4IDIwLjA2NTIgMTAuNDM0OEgxMC45MzQ4VjE5LjU2NTJDMTAuOTM0OCAxOS42ODA1IDEwLjg4OSAxOS43OTExIDEwLjgwNzQgMTkuODcyN0MxMC43MjU5IDE5Ljk1NDIgMTAuNjE1MyAyMCAxMC41IDIwQzEwLjM4NDcgMjAgMTAuMjc0MSAxOS45NTQyIDEwLjE5MjYgMTkuODcyN0MxMC4xMTEgMTkuNzkxMSAxMC4wNjUyIDE5LjY4MDUgMTAuMDY1MiAxOS41NjUyVjEwLjQzNDhMMC45MzQ3ODMgMTAuNDM0OEMwLjgxOTQ3MSAxMC40MzQ4IDAuNzA4ODgzIDEwLjM4OSAwLjYyNzM0NSAxMC4zMDc0QzAuNTQ1ODA3IDEwLjIyNTkgMC41IDEwLjExNTMgMC41IDEwQzAuNSA5Ljg4NDY5IDAuNTQ1ODA3IDkuNzc0MSAwLjYyNzM0NSA5LjY5MjU2QzAuNzA4ODgzIDkuNjExMDIgMC44MTk0NzEgOS41NjUyMiAwLjkzNDc4MyA5LjU2NTIyTDEwLjA2NTIgOS41NjUyMkwxMC4wNjUyIDAuNDM0NzgzQzEwLjA2NTIgMC4zMTk0NzEgMTAuMTExIDAuMjA4ODgzIDEwLjE5MjYgMC4xMjczNDVDMTAuMjc0MSAwLjA0NTgwNzQgMTAuMzg0NyAwIDEwLjUgMEMxMC42MTUzIDAgMTAuNzI1OSAwLjA0NTgwNzQgMTAuODA3NCAwLjEyNzM0NUMxMC44ODkgMC4yMDg4ODMgMTAuOTM0OCAwLjMxOTQ3MSAxMC45MzQ4IDAuNDM0NzgzTDEwLjkzNDggOS41NjUyMkgyMC4wNjUyQzIwLjE4MDUgOS41NjUyMiAyMC4yOTExIDkuNjExMDIgMjAuMzcyNyA5LjY5MjU2QzIwLjQ1NDIgOS43NzQxIDIwLjUgOS44ODQ2OSAyMC41IDEwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==) no-repeat center/contain; } #gr-popup, #grpet-popup { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background-color: #58342a; } #gr-popup > .gr-outer, #grpet-popup > .gr-outer { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; } #gr-popup > .gr-outer > .gr-inner, #grpet-popup > .gr-outer > .gr-inner { width: 120rem; background-color: #fff; position: relative; } @media screen and (max-width: 1441px) { #gr-popup > .gr-outer > .gr-inner, #grpet-popup > .gr-outer > .gr-inner { width: 95%; } } #gr-popup > .gr-outer > .gr-inner > .gr-close, #grpet-popup > .gr-outer > .gr-inner > .gr-close { position: absolute; top: -6rem; right: 0; width: 5rem; height: 5rem; background-color: transparent; border: none; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-close, #grpet-popup > .gr-outer > .gr-inner > .gr-close { width: 3rem; height: 3rem; top: -4rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-close::before, #gr-popup > .gr-outer > .gr-inner > .gr-close::after, #grpet-popup > .gr-outer > .gr-inner > .gr-close::before, #grpet-popup > .gr-outer > .gr-inner > .gr-close::after { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: rotate(45deg); } #gr-popup > .gr-outer > .gr-inner > .gr-close::after, #grpet-popup > .gr-outer > .gr-inner > .gr-close::after { transform: rotate(-45deg); } #gr-popup > .gr-outer > .gr-inner > .gr-tab, #grpet-popup > .gr-outer > .gr-inner > .gr-tab { min-height: 42rem; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab, #grpet-popup > .gr-outer > .gr-inner > .gr-tab { min-height: 30rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns { display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 10rem; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns { grid-auto-rows: 5rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button { height: 100%; border: none; font-family: "Hina Mincho", serif; font-size: 2.4rem; color: rgba(88, 52, 42, 0.5); background-color: #f3f1e8; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button { font-size: 1.2rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button.on, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button.on { background-color: #fff; color: #58342a; display: flex; align-items: center; justify-content: center; column-gap: 1rem; } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button.on::before, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button.on::before { content: ""; width: 1.5rem; height: 1.5rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAyOSAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuMzA0NiAwLjAwMjE4NjU2QzE3LjI2MjMgMC4wNzkwMjc5IDE5LjU3MyAyLjM2Mjk3IDIxLjk0NzIgNC4xNzE2MkMyNC4yOTIxIDUuOTU3OTIgMjYuODIwMSA3LjY0NjE1IDI3Ljk1ODIgMTAuNDAzNEMyOS4xNTU2IDEzLjMwNDUgMjkuMzc5OSAxNi42NTY5IDI4LjMyMTMgMTkuNjE0MUMyNy4yODMyIDIyLjUxMzggMjQuNzQyIDI0LjQxMTMgMjIuMjk2OSAyNi4yMThDMTkuODYwNCAyOC4wMTgzIDE3LjMwMjMgMjkuNzY5NSAxNC4zMDQ2IDI5Ljk3MDdDMTEuMTgyNCAzMC4xODAyIDguMDE5OTggMjkuMjYzMyA1LjUxMzY1IDI3LjM0NDNDMy4wMjgwMiAyNS40NDExIDEuNDg0NTUgMjIuNTU2NCAwLjYyOTc5MyAxOS41MDAzQy0wLjIwMTg5IDE2LjUyNjcgLTAuMjY5NzA0IDEzLjM0NjIgMC43ODgyNTUgMTAuNDQ5QzEuODE2NDcgNy42MzMzMiA0LjAzMjUzIDUuNTc3NjQgNi4zNzUxMSAzLjc2NzA1QzguNzU5MDggMS45MjQ0NyAxMS4zMTkzIC0wLjA3NTM3MzcgMTQuMzA0NiAwLjAwMjE4NjU2WiIgZmlsbD0iIzlDQjk1NCIvPg0KPC9zdmc+DQo=) no-repeat center/contain; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button.on::before, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-tab-btns > button.on::before { width: 1rem; height: 1rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont { width: 100rem; margin: 0 auto; padding: 8rem 0; } @media screen and (max-width: 1441px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont { width: 100%; padding: 8rem 3rem; } } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont { padding: 2rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont > div, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont > div { display: none; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont > div, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont > div { row-gap: 2rem; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont > div.on, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont > div.on { display: flex; } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl { display: grid; grid-template-columns: 30rem 1fr; column-gap: 3rem; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl { display: flex; flex-direction: column; gap: 1rem 0; } } #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl > dt, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl > dt { font-size: 2.4rem; } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl > dt, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl > dt { font-size: 1.2rem; } } @media screen and (max-width: 561px) { #gr-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl > dd, #grpet-popup > .gr-outer > .gr-inner > .gr-tab > .gr-cont dl > dd { font-size: 1.2rem; } } .fa { background: #f3f1e8; padding: 10rem 2rem; display: flex; flex-direction: column; row-gap: 10rem; } @media screen and (max-width: 561px) { .fa { padding: 5rem 1.5rem; row-gap: 3rem; } } .fa > .footprints-icon { right: 10rem; bottom: -10rem; transform: rotateY(180deg); } @media screen and (max-width: 561px) { .fa > .footprints-icon { right: 2rem; bottom: -4rem; } } .fa > .footprints-icon2 { left: 10rem; top: -15rem; } @media screen and (max-width: 961px) { .fa > .footprints-icon2 { top: -5rem; } } @media screen and (max-width: 561px) { .fa > .footprints-icon2 { left: 2rem; top: -2rem; } } .fa > .fa-fv { display: flex; justify-content: center; flex-direction: column; align-items: center; text-align: center; row-gap: 1rem; position: relative; z-index: 1; } @media screen and (max-width: 561px) { .fa > .fa-fv > p { font-size: 1.4rem; } } .fa > .fa-cont { display: grid; grid-template-columns: repeat(3, 40rem); justify-content: center; gap: 10rem; } @media screen and (max-width: 961px) { .fa > .fa-cont { grid-template-columns: repeat(3, 30rem); gap: 2rem; } } @media screen and (max-width: 561px) { .fa > .fa-cont { display: flex; flex-direction: column; } } div#RthCustomizeW .fa > .fa-cont { max-width: 140rem; width: 100%; margin: 0 auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 10rem; } .fa > .fa-cont > figure { display: flex; flex-direction: column; row-gap: 2rem; } @media screen and (max-width: 961px) { .fa > .fa-cont > figure { width: 100%; } } @media screen and (max-width: 561px) { .fa > .fa-cont > figure { row-gap: 1rem; } } div#RthCustomizeW .fa > .fa-cont > figure { width: calc((100% - 20rem) / 3); } .fa > .fa-cont > figure > figcaption { display: flex; flex-direction: column; align-items: start; row-gap: 2rem; } @media screen and (max-width: 561px) { .fa > .fa-cont > figure > figcaption { row-gap: 1rem; } } .fa > .fa-cont > figure > figcaption > .fa-ttl { text-align: center; font-family: "Hina Mincho", serif; font-size: 3.2rem; width: 100%; } @media screen and (max-width: 961px) { .fa > .fa-cont > figure > figcaption > .fa-ttl { font-size: 2.5rem; } } @media screen and (max-width: 561px) { .fa > .fa-cont > figure > figcaption > .fa-ttl { font-size: 2rem; } } .fa > .fa-cont > figure > figcaption > .fa-txt { line-height: 2; } @media screen and (max-width: 561px) { .fa > .fa-cont > figure > figcaption > .fa-txt { line-height: 1.5; font-size: 1.4rem; } } .fa > .fa-cont > figure > figcaption > table { text-align: left; } @media screen and (max-width: 561px) { .fa > .fa-cont > figure > figcaption > table { font-size: 1.4rem; } } .fa > .fa-cont > figure > figcaption > table th { padding-right: 3rem; white-space: nowrap; vertical-align: top; } .ac { padding: 10rem 2rem; max-width: 120rem; margin: 0 auto; display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 961px) { .ac { padding: 5rem 2rem; } } @media screen and (max-width: 561px) { .ac { padding: 5rem 1.5rem 2.5rem; row-gap: 2.5rem; } } .ac > .ac-fv { display: flex; flex-direction: column; row-gap: 1rem; } .ac > .ac-fv > .ac-txt { line-height: 2; } @media screen and (max-width: 561px) { .ac > .ac-fv > .ac-txt { font-size: 1.4rem; } } .ac > .ac-cont { display: grid; grid-template-columns: 70rem 1fr; column-gap: 8rem; } @media screen and (max-width: 961px) { .ac > .ac-cont { grid-template-columns: 50rem 1fr; } } @media screen and (max-width: 561px) { .ac > .ac-cont { grid-template-columns: 1fr; gap: 2.5rem 0; } } .ac > .ac-cont > div:first-of-type { display: flex; flex-direction: column; align-items: center; row-gap: 3rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:first-of-type { row-gap: 2rem; } } .ac > .ac-cont > div:first-of-type > iframe { width: 100%; height: 50rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:first-of-type > iframe { height: 25rem; } } .ac > .ac-cont > div:first-of-type > .ac-btn { width: 25rem; } .ac > .ac-cont > div:last-of-type { display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:last-of-type { row-gap: 2.5rem; } } .ac > .ac-cont > div:last-of-type > .ac-bx1 { display: flex; flex-direction: column; row-gap: 1rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:last-of-type > .ac-bx1 { row-gap: 0.5rem; } } .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl { font-size: 2.4rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl { font-size: 1.8rem; column-gap: 0.25rem; } } .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-ttl::before { width: 1rem; height: 1rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:last-of-type > .ac-bx1 > .ac-txt { font-size: 1.2rem; } } .ac > .ac-cont > div:last-of-type > .ac-bx2 { border: 1px solid #58342a; padding: 2rem; display: flex; flex-direction: column; row-gap: 1rem; } @media screen and (max-width: 561px) { .ac > .ac-cont > div:last-of-type > .ac-bx2 { padding: 1.5rem; } } .si > .si-sl .slick-slide { margin: 0 5rem; } @media screen and (max-width: 561px) { .si > .si-sl .slick-slide { margin: 0; } } .mo { background: #f3f1e8; padding: 10rem 2rem; position: relative; } @media screen and (max-width: 961px) { .mo { padding: 5rem 2rem; } } @media screen and (max-width: 561px) { .mo { padding: 5rem 1.5rem; } } .mo::before { content: ""; position: absolute; top: -12rem; left: 10rem; width: 27.6rem; height: 22.9rem; background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjc2IiBoZWlnaHQ9IjIyOSIgdmlld0JveD0iMCAwIDI3NiAyMjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9nXzM5N18xMjA0MSkiPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjQuMDExIDY5LjA4MDlDMjI2LjQzIDY3LjIyMzYgMjI0LjU5IDYyLjQ2MDQgMjMxLjQzMSA1OS4yNDE1QzIzNS43OCA1Ny4xOTQ5IDI0MC4yNzEgNjIuMjA0OCAyNDguODI5IDUzLjEyNThDMjQ4Ljk5MSA1Mi45NjA2IDIzOS4xMTggNTUuNjc4NSAyMzcuNDM1IDUxLjg1NDVDMjM3LjA5NCA1MS4wNzcxIDIzOC45MzkgNTEuMTU3NyAyNDAuMTQyIDUwLjg3OTJDMjQxLjY0OCA1MC41MzAzIDI0Mi43OCA0OS43MjgyIDI0NC41NjEgNDcuMjE5NEMyNDcuNjQ0IDQyLjg3NDYgMjQ0Ljc0NiA0NS4xNTY4IDI0Ni45NTggNDEuMDk3QzI0OC4yMzcgMzguNjQ3IDI0Ni45NTkgMzYuMDQ2NSAyNDcuNTI3IDM0LjE3MTVDMjQ4LjM1OSAzMS40MjEzIDI1MC42OTYgMjkuNjI5OSAyNTAuNjE3IDI3LjI0MzNDMjUwLjU1MiAyNS4zMDM2IDI0OC4xNyAyMy42ODI5IDI0Ny44NDMgMjEuNDA1NkMyNDcuNDM0IDE4LjU3MzkgMjQ5LjAzIDE0LjkzIDI0OC41OTMgMTAuODI5M0MyNDYuNjA1IDYuMDY1NDkgMjQyLjY1NSAzLjM1NzQ4IDIzNi45OTQgMS45NTQ5NkMyMjUuNTE2IC0wLjg4NTczNCAyMzEuMzI3IDIuOTAwOTcgMjMxLjI2OCA5LjQ5NDk0QzIzMS4wMTggMzcuNTkwNCAyMjUuMTU2IDQ3LjM2NTYgMjA1LjQwNiA2NC41NDYxQzE4My41NjEgODIuNjk5NCAxMjcuNzM0IDk5LjE3MyA5Ny44MDgzIDEwMS42OTJDODQuMzg5NSAxMDIuODIxIDgxLjEwNjEgOTkuNjYwOSA2OS4wOTc1IDkyLjA4NDhDNTkuMTIyNSA4NS43OTE2IDQ3LjY1MTggNzcuMzk3MSAzNC44ODQzIDgxLjk4MUMzMS4wMjc2IDgzLjM2NSAyMy42OTQ3IDg4LjQ3NTggMjAuNjAwOSA5Mi44Njk5QzE1LjM2NzggMTAwLjMwMSAyMS45MTAzIDk4LjI0NCAxNS41MDQgMTA2LjczNEMxMS41Mjg0IDExMi4wMDIgNC42NzMyMyAxMTMuODc1IDEuMDAwMjEgMTE5LjMzNUM5LjE3NDgxIDE0MC42MDggMjkuOTkyMSAxMjEuNTYzIDM5LjYxNDcgMTIxLjY0QzQxLjQzOTEgMTIxLjg2NyA0MS4yMTUyIDEyNC4wNzQgNDIuNjk0IDEyNC44OThDNDkuNDUyNyAxMjguNjU3IDU0LjY2OTkgMTM2LjE0OCA1Ni4zNTA5IDE0Mi45NDRDNTcuMDgwMSAxNDYuNDkyIDU3LjU1NDIgMTUzLjI2MiA1Ni4yNTM5IDE1Ny44NEM1Ny4wMjQ5IDE1Ny41NTggNTkuNDg4NCAxNTYuNDQzIDYwLjg1MjQgMTUyLjc0M0M2NC4xNzI2IDE1NC42NjYgNzAuMTY2NSAxNTguMTg5IDczLjM4ODcgMTczLjZDNzcuNjQwNyAxNjcuNzE5IDc0LjQ5MzYgMTYyLjc0NSA3Ny45NjAxIDE2My4wOTNDNzkuMzYzIDE2Mi45MDQgNzkuNzE5NiAxNjUuOTgyIDgxLjEyMjcgMTY1Ljc5M0M4MS4zODY3IDE2NS43OTIgODEuNzcxMyAxNjQuMjc5IDgyLjAwOTYgMTY0LjI4OEM4OS42MTk5IDE2OS4xNzYgOTAuODI2IDIwMS45MSA4Ni4xMzI4IDIxMy4zMjhDODEuNjQzOSAyMjQuMjQyIDc3LjM1OTYgMjE3LjM4NSA3Ny41MzM2IDIyNy4zMjRDODEuMjM5NyAyMjguOTI0IDg3Ljc4MjQgMjI2LjI4NyA5MS4yMTg1IDIyNS4yNjVDOTEuMzk3MiAyMjUuMjEyIDk0LjI3MTcgMjIzLjkxOCA5NC40NDgyIDIyMy44NTdDOTkuMTE5OSAyMjIuMjM0IDk3LjM3MSAyMjIuMTUxIDk3LjI3MyAyMTQuNjY2Qzk5LjQ1NTUgMjEzLjkwNyA5OC44OTYxIDIxMS43NzYgMTAxLjA3OSAyMTEuMDE3QzEwMC42MjUgMjA4Ljc1NiAxMDIuOTEzIDIwNy44NjYgMTAyLjQ2IDIwNS42MDVDMTA3LjA2IDIwNC4xNTggMTA3LjY3OSAxOTUuOTQxIDExNS40NjIgMTg1Ljk2OEMxMjAuNzcgMTk0LjA0OSAxMjMuMjgzIDE5OC45NTEgMTIzLjMxNSAyMDIuNzU2QzEyMy4zODEgMjEwLjYxNiAxMTQuOTQzIDIxMS41MjIgMTE4LjYwMiAyMTcuMjk2QzEyMS4yNDggMjE3Ljc1NyAxMjYuNDU4IDIxNi4yMSAxMjguNjk5IDIxNS40NjNDMTM0LjEyNCAyMTMuNjUzIDEzOC4xODMgMjA5LjI0IDEzNS45ODEgMTk4LjU2M0MxMzguNTQ5IDE5NS4xNjMgMTMyLjA2OCAxOTkuMSAxMzguNjM0IDE5NS4zOTFDMTM2Ljk4OSAxOTMuNjE1IDEzNC4xMDggMTkyLjQyMyAxMzIuNDY0IDE5MC42NDZDMTM3LjgzNCAxODUuODM4IDEzNS4yMzMgMTg4LjMyNyAxMzcuNTk2IDE4My40NzlDMTMyLjUwMyAxODAuMTcgMTMyLjI1NCAxODMuNjgzIDEzMC43MTcgMTc3LjI5M0MxMzIuNzg4IDE3NS4xNzMgMTM2LjAxMyAxNzcuMDQ4IDEzOS41NjMgMTc1LjE4M0MxMzcuMDY2IDE3My42OTggMTI1Ljg2MSAxNjMuODA2IDEzNC41NyAxNjIuOUMxMzguMjg0IDE2Mi41MTYgMTM3LjQ3NCAxNjEuNDE0IDEzOC41NDIgMTU5LjY0OUMxMzkuMTExIDE1OC43MDYgMTQyLjAxNyAxNTcuNzAzIDE0Mi40MzQgMTU2LjIyOEMxNTIuNTc1IDE1Ni43OTYgMTU1Ljk4MSAxNTcuOTUgMTYwLjkzIDE1NS4zNDZDMTU0Ljc3IDE1NC4zNjQgMTU0LjY2NCAxNTMuNjc0IDE1My40MDMgMTQ5LjgxNkMxNTMuNTE5IDE0OS43OTEgMTYzLjE0NiAxNTEuMTEyIDE2Ni45MyAxNTAuNzI1QzE2OC45NDggMTUwLjUxNyAxNjguNTQzIDE0OS41NjcgMTY5LjUyMyAxNDguODRDMTcwLjg5OCAxNDcuODIyIDE3My4yMzIgMTQ2Ljk4MSAxNzMuMjUxIDE0Ni45ODRDMTc2LjEwNSAxNDcuNDA2IDE3OC4wMzQgMTQ4LjAxNSAxNzguNTI5IDE0Ny41MDdDMTc4LjgwOCAxNDcuMjIyIDE3Ny44NjMgMTQ2LjY4NCAxNzguMjYgMTQ1LjI5NEMxNzkuMzc0IDE0MS40MDMgMTc5LjU5OSAxNDIuMDI1IDE4Mi4zMTUgMTQzLjc1N0MxODUuOTQgMTQ2LjA3MSAxOTMuMTM4IDE1MC41NTMgMTk2LjgxNiAxNTMuNjI1QzE5OS45NDkgMTU2LjI0MSAyMDQuMjE3IDE1Ny44ODYgMjA1LjQzNyAxNjAuODZDMjA4LjE1IDE2Ny40NzkgMjEwLjE2OSAxNzQuMDY1IDIwOC44OTggMTgzLjk1MUMyMDguNzQ2IDE4NS4yMDcgMjA2LjY1OSAxODYuNTAxIDIwNi40MjkgMTg3LjExNkMyMDUuNTA1IDE4OS41OTIgMjA0LjI3OCAxODkuMTU3IDIwNS45MjUgMTkzLjAwOEMyMDYuNjMxIDE5NC42NTkgMjE1LjUzMiAxOTIuMTgyIDIxOS4yMTkgMTkwLjE3QzIyMS40OSAxODguOTMyIDIyMC44MjUgMTg4LjUwMSAyMjEuNzAzIDE4NC41MTRDMjIyLjA2OCAxODEuMTE5IDIyMi4zMjEgMTc1LjU1MiAyMjMuNzE3IDE2OS40M0MyMjQuNjQ5IDE2NS4zNDQgMjIzLjg4MSAxNjEuNTg5IDIyMy41MTEgMTU3LjcxOUMyMjMuMDQ4IDE1Mi44NjggMjIxLjI0NCAxNDguNTI3IDIyMC40ODcgMTQ1LjY2MUMyMjcuNjU0IDE0NS45NzkgMjQzLjU4NyAxNTIuNDA1IDI1My41MTcgMTU4LjY2QzI1Ny40NzkgMTYxLjE1NiAyNTkuODg2IDE2My45MzYgMjYwLjAzOCAxNjYuMTA2QzI2MC4xMzYgMTY3LjUxMiAyNTguMjc5IDE2Ny45ODIgMjU3LjU4NyAxNzAuMzFDMjU2LjgzNyAxNzIuODMxIDI1NS43NSAxNzYuNDEzIDI1OS43OTggMTc2LjUxM0MyNjUuNjg4IDE3Ni42NTkgMjcxLjM0MSAxNzQuODUgMjc0LjQ5MiAxNzEuMzI0QzI3My40MDggMTY1LjA5NCAyNzMuNjAzIDE2MC4zNjMgMjcxLjk1OCAxNTYuOTE3QzI2OS45MjQgMTUyLjY1NSAyNjUuNzU5IDE1MC4xNTEgMjYxLjA4MSAxNDYuODE1QzI1Ny41NzggMTQ0LjMxOSAyNTQuODg5IDE0MC42NjggMjUwLjQyMyAxMzUuMzcxQzI1My40NCAxMzUuNjkyIDI1Ni45MjEgMTM1LjU1NSAyNTcuNTQzIDEzMC41N0MyNDQuNDQ2IDEzMy45NTcgMjMxLjIgMTIxLjA2NyAyMzAuMTc5IDExNy4yMTRDMjM2LjY0NiAxMTkuMjgyIDIzOS45ODIgMTE3LjA0NCAyNDAuMjc1IDExNi43MDhDMjM3LjUzOCAxMTYuNTA2IDIzNS4yODYgMTE2Ljk2OSAyMzEuMzA5IDExMi4xNzRDMjI2LjIxNCAxMDYuMDMgMjE5LjIwOCA5Ni41OTgxIDIyMC4xMjEgODYuMzc5N0MyMjAuNDEgODMuMTQ1MSAyMTkuODY4IDc5LjY2MjUgMjE4LjYxNiA3Ni44NzcyQzIxNC43NzUgNjguMzMxMiAyMjMuMzYzIDY5LjUzNjcgMjI0LjAxMSA2OS4wODA5WiIgZmlsbD0iI0U1RTFENyIvPg0KPC9nPg0KPGRlZnM+DQo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2dfMzk3XzEyMDQxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjc1LjQ5MiIgaGVpZ2h0PSIyMjguODI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+DQo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPg0KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4NCjxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjI1IDAuMjUiIG51bU9jdGF2ZXM9IjMiIHNlZWQ9Ijg3MDMiIC8+DQo8ZmVEaXNwbGFjZW1lbnRNYXAgaW49InNoYXBlIiBzY2FsZT0iMiIgeENoYW5uZWxTZWxlY3Rvcj0iUiIgeUNoYW5uZWxTZWxlY3Rvcj0iRyIgcmVzdWx0PSJkaXNwbGFjZWRJbWFnZSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgLz4NCjxmZU1lcmdlIHJlc3VsdD0iZWZmZWN0MV90ZXh0dXJlXzM5N18xMjA0MSI+DQo8ZmVNZXJnZU5vZGUgaW49ImRpc3BsYWNlZEltYWdlIi8+DQo8L2ZlTWVyZ2U+DQo8L2ZpbHRlcj4NCjwvZGVmcz4NCjwvc3ZnPg0K) no-repeat center/contain; transform: rotateY(180deg); } @media screen and (max-width: 1441px) { .mo::before { left: 5rem; } } @media screen and (max-width: 561px) { .mo::before { width: 13.8rem; height: 11.45rem; left: 1rem; top: -7rem; } } .mo > .mo-bx { display: flex; flex-direction: column; row-gap: 10rem; align-items: center; } @media screen and (max-width: 961px) { .mo > .mo-bx { row-gap: 5rem; } } @media screen and (max-width: 561px) { .mo > .mo-bx { row-gap: 2.5rem; } } .mo > .mo-bx > .mo-ttl { display: flex; flex-direction: column; align-items: center; row-gap: 1rem; } .mo > .mo-bx > .mo-ttl > small { font-size: 2.4rem; } @media screen and (max-width: 561px) { .mo > .mo-bx > .mo-ttl > small { font-size: 1.4rem; } } .mo > .mo-bx > figure { display: grid; grid-template-columns: 56.6rem 1fr; column-gap: 8rem; } @media screen and (max-width: 1441px) { .mo > .mo-bx > figure { column-gap: 4rem; } } @media screen and (max-width: 961px) { .mo > .mo-bx > figure { column-gap: 3rem; grid-template-columns: 40rem 1fr; } } @media screen and (max-width: 561px) { .mo > .mo-bx > figure { grid-template-columns: 1fr; gap: 2rem 0; } } .mo > .mo-bx > figure > figcaption { display: flex; flex-direction: column; row-gap: 5rem; } @media screen and (max-width: 961px) { .mo > .mo-bx > figure > figcaption { row-gap: 2rem; } } .mo > .mo-bx > figure > figcaption .mo-ttl { font-size: 4rem; font-family: "Hina Mincho", serif; } @media screen and (max-width: 561px) { .mo > .mo-bx > figure > figcaption .mo-ttl { font-size: 2.8rem; } } .mo > .mo-bx > figure > figcaption .mo-txt { line-height: 2; } @media screen and (max-width: 561px) { .mo > .mo-bx > figure > figcaption .mo-txt { font-size: 1.4rem; } } .ho { padding: 10rem 2rem; max-width: 120rem; display: flex; flex-direction: column; row-gap: 10rem; margin: 0 auto; } @media screen and (max-width: 961px) { .ho { padding: 10rem 2rem; row-gap: 2.5rem; } } @media screen and (max-width: 561px) { .ho { padding: 2.5rem 1.5rem 5rem; row-gap: 2rem; } } .ho > table th, .ho > table td { padding: 3rem; } @media screen and (max-width: 561px) { .ho > table th, .ho > table td { padding: 1rem; } } .ho > table th { text-align: center; } #trsv { padding: 10rem 2rem; } @media screen and (max-width: 561px) { #trsv { padding: 5rem 1.5rem; } } #trsv .tripla-bwapp-widget.active { top: 0; } #trsv > .reserve-menu { display: block; position: static; background-color: #fff; } #trsv > .reserve-menu.on { position: fixed; } @media screen and (max-width: 561px) { #trsv > .reserve-menu .reserve-menu-container { padding: 0; } } #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents { display: flex; flex-direction: column-reverse; row-gap: 5rem; background-color: #fff; } @media screen and (max-width: 561px) { #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents { width: 100%; row-gap: 2.5rem; } } #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents > button { display: none; } #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents > .reserve-menu-area { padding: 0; } #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head { background-color: #fff; justify-content: center; grid-template-columns: repeat(2, 25rem); grid-auto-rows: 6rem; column-gap: 5rem; font-size: 1.3rem; } @media screen and (max-width: 561px) { #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head { grid-template-columns: repeat(2, 1fr); column-gap: 0.5rem; font-size: 1.2rem; } } #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head > div { border: 1px solid rgba(88, 52, 42, 0.2); } #trsv > .reserve-menu .reserve-menu-container > .reserve-menu-contents > .reserve-menu-head > .item.stay { display: none; } /*# sourceMappingURL=style.css.map*/