@charset "UTF-8";
    html {
font-size: 62.5%;
line-height: 1.5;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-family: "Zen Kaku Gothic Antique", "Hind", -apple-system, BlinkMacSystemFont, "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
font-weight: 500;
color: #333;
} .mincho, .about_content .section_bg_concept .copy {
font-family: "Shippori Mincho", 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
.gothic {
font-family: "Zen Kaku Gothic Antique", "Hind", -apple-system, BlinkMacSystemFont, "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
} .h1_jp, .article_detail .article_ttl {
font-size: clamp(1.313rem, 1.46vw, 2.625rem);
font-weight: 700;
line-height: 1.5714285714;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.h1_jp, .article_detail .article_ttl {
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
}
}
.h2_jp, .group_content .section_ttls, .about_content .about_contents .block .about_hdl {
font-size: clamp(1.188rem, 1.32vw, 2.375rem);
font-weight: 700;
line-height: 1.5789473684;
letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
.h2_jp, .group_content .section_ttls, .about_content .about_contents .block .about_hdl {
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
}
}
.sectionttl_jp, .section_ttl {
font-size: clamp(1.563rem, 1.74vw, 3.125rem);
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
.sectionttl_jp, .section_ttl {
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
}
}
.subttl_jp, .group_content .section_ttlss, .group_content .buttonstxt, .group_content .buttons .buttons_wrap .button_hl, .contact_form .form_item .label_ttl, .cafemenulist_item span, .facility_content .section_mapdetail .maplist__item, .facility_content .section_accessroot .tab_container .tab_body_hl, .tab_container .tab_head, .eventlist .eventlist__item .article_ttl, .slide .article_ttl, .calendarbox__content .cate, .eigyo_info .eigyo_info_hl, .section_ttls {
font-size: clamp(1rem, 1.11vw, 2rem);
font-weight: 700;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.subttl_jp, .group_content .section_ttlss, .group_content .buttonstxt, .group_content .buttons .buttons_wrap .button_hl, .contact_form .form_item .label_ttl, .cafemenulist_item span, .facility_content .section_mapdetail .maplist__item, .facility_content .section_accessroot .tab_container .tab_body_hl, .tab_container .tab_head, .eventlist .eventlist__item .article_ttl, .slide .article_ttl, .calendarbox__content .cate, .eigyo_info .eigyo_info_hl, .section_ttls {
font-size: clamp(1rem, 4.27vw, 2rem);
}
}
.page_ttl {
font-size: clamp(2.5rem, 2.78vw, 5rem);
}
@media screen and (max-width: 767px) {
.page_ttl {
font-size: clamp(1.313rem, 5.6vw, 2.625rem);
}
}
.button_jp, .article_detail .article_pager, .button, .button .input input, .article_detail .article_content .wp-block-buttons {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: 700;
line-height: 1.5384615385;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.button_jp, .article_detail .article_pager, .button, .button .input input, .article_detail .article_content .wp-block-buttons {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
}
.tag_jp, .article_detail .article_tag, .eventlist .eventlist__item .eventlist__body .tag, .slide .slide__body .tag {
font-size: clamp(0.625rem, 0.69vw, 1.25rem);
font-weight: 700;
line-height: 0.75;
}
@media screen and (max-width: 767px) {
.tag_jp, .article_detail .article_tag, .eventlist .eventlist__item .eventlist__body .tag, .slide .slide__body .tag {
font-size: clamp(0.625rem, 2.67vw, 1.25rem);
}
}
.h1_en {
font-family: "Hind", sans-serif;
font-size: 22px;
font-size: 2.2rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.05em;
}
.h2_en {
font-family: "Hind", sans-serif;
font-size: 20px;
font-size: 2rem;
font-weight: 600;
line-height: 1.5;
letter-spacing: 0.05em;
}
.subttl_en, .article_detail .article_date, .eventlist .eventlist__item .eventlist__body .date, .slide .slide__body .date, .fv_event .page_ttl_en, .fv_playcate .page_ttl_en, .fv_staycate .page_ttl_en {
font-family: "Hind", sans-serif;
font-size: clamp(2rem, 2rem + 0vw, 2rem);
font-weight: 600;
line-height: 1.5;
letter-spacing: 0.1em;
}
.button_en {
font-family: "Hind", sans-serif;
font-size: 15px;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3333333333;
letter-spacing: 0.1em;
}
.body1_jp, .stay_content .aboutlist .aboutlist_item .txt, .stay_content .slidetogglelist .slidetoggle_item .atoz, .cafeconcept_copy, .facility_content .section_parking .parking_txtl, .facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl, .about_content .about_contents .block .about_txt, .slidetogglelist .slidetoggle_item .item_name, .map_container .txtarea .map_ttl, .content__inner--middle .newslist .newslist__item .news_ttl, .calendar_container .calendar_contant .mc-content .popup .popup_ttl, .calendar_container .calendar_contant .mc-content .popup .popup_ttls, .calendar_container .calendar_contant .mc-main td .details .mc-title, .fv_event__inner .lead, .fv_event_lead, .fv_playcate__inner .lead, .fv_playcate_lead, .fv_staycate__inner .lead, .fv_staycate_lead, .categorypage_copy {
font-size: clamp(1rem, 1.11vw, 2rem);
font-weight: 500;
line-height: 1.8125;
letter-spacing: 0.068em;
}
@media screen and (max-width: 767px) {
.body1_jp, .stay_content .aboutlist .aboutlist_item .txt, .stay_content .slidetogglelist .slidetoggle_item .atoz, .cafeconcept_copy, .facility_content .section_parking .parking_txtl, .facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl, .about_content .about_contents .block .about_txt, .slidetogglelist .slidetoggle_item .item_name, .map_container .txtarea .map_ttl, .content__inner--middle .newslist .newslist__item .news_ttl, .calendar_container .calendar_contant .mc-content .popup .popup_ttl, .calendar_container .calendar_contant .mc-content .popup .popup_ttls, .calendar_container .calendar_contant .mc-main td .details .mc-title, .fv_event__inner .lead, .fv_event_lead, .fv_playcate__inner .lead, .fv_playcate_lead, .fv_staycate__inner .lead, .fv_staycate_lead, .categorypage_copy {
font-size: clamp(1rem, 4.27vw, 2rem);
}
}
.body2_jp, .contact_lead, .contact_txt, .contact_form .form_item .select::after, .cafeconcept_txt, .facility_content .section_accessroot .tab_container .tab_body .txt, .facility_content .section_parking .parking_txt, .facility_content .section_parking .parkin_detail .detaillist__item .details, .tab_container .tab_body, .concept_content .txt, .databoxlist .item_body, .slidetogglelist .slidetoggle_item .value_inner, .map_container .txtarea .map_txt, .map_container .txtarea .map_link, .article_detail .article_content, .article_detail .article_subdetail, .calendarbox__content .detail, .calendar_container .calendar_contant .calendar_catelist, .calendar_container .calendar_contant .mc-content .popup .popup_detail, .eigyo_info .eigyo_info_txt, .footer .ftr_head .ftr_info, .section_lead, .section_txt, .page_content, .followinstagram .txt {
font-size: clamp(8.75px, 0.97vw, 17.5px);
font-size: clamp(0.875rem, 0.97vw, 1.75rem);
font-weight: 500;
line-height: 1.7857142857;
letter-spacing: 0.054em;
}
@media screen and (max-width: 767px) {
.body2_jp, .contact_lead, .contact_txt, .contact_form .form_item .select::after, .cafeconcept_txt, .facility_content .section_accessroot .tab_container .tab_body .txt, .facility_content .section_parking .parking_txt, .facility_content .section_parking .parkin_detail .detaillist__item .details, .tab_container .tab_body, .concept_content .txt, .databoxlist .item_body, .slidetogglelist .slidetoggle_item .value_inner, .map_container .txtarea .map_txt, .map_container .txtarea .map_link, .article_detail .article_content, .article_detail .article_subdetail, .calendarbox__content .detail, .calendar_container .calendar_contant .calendar_catelist, .calendar_container .calendar_contant .mc-content .popup .popup_detail, .eigyo_info .eigyo_info_txt, .footer .ftr_head .ftr_info, .section_lead, .section_txt, .page_content, .followinstagram .txt {
font-size: clamp(8.75px, 3.73vw, 17.5px);
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::-webkit-input-placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: 500;
line-height: 1.7857142857;
letter-spacing: 0.054em;
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::-moz-placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: 500;
line-height: 1.7857142857;
letter-spacing: 0.054em;
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::-ms-input-placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: 500;
line-height: 1.7857142857;
letter-spacing: 0.054em;
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: 500;
line-height: 1.7857142857;
letter-spacing: 0.054em;
}
@media screen and (max-width: 767px) {
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::-webkit-input-placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::-moz-placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::-ms-input-placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
.body3_jp, .contact_container .screen-reader-response, .contact_container .wpcf7 form .wpcf7-response-output, .contact_form .form_item, .contact_form .form_item ::placeholder, .contact_form .form_item .wpcf7-not-valid-tip, .contact_form .form_item .wpcf7-form-control-wrap select, .contact_form .form_item .wpcf7-form-control-wrap input, .contact_form .form_item .wpcf7-form-control-wrap textarea, .facility_content .section_accessroot .root_illust_train1 .txt.txts, .facility_content .section_accessroot .root_illust_train2 .txt.txts, .facility_content .section_accessroot .root_illust_train3 .txt.txts {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
}
.caption_jp {
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
line-height: 1.75;
letter-spacing: 0.068em;
}
.body1_en, .tab_container .tab_body .faqlist_item .qa_en, .content__inner--middle .newslist .newslist__item .date, .footer .ftr_head .ftr_info .open {
font-family: "Hind", sans-serif;
font-size: clamp(1rem, 1.11vw, 2rem);
font-weight: 500;
line-height: 1.5625;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.body1_en, .tab_container .tab_body .faqlist_item .qa_en, .content__inner--middle .newslist .newslist__item .date, .footer .ftr_head .ftr_info .open {
font-size: clamp(1rem, 4.27vw, 2rem);
}
}
.body2_en, .cafeconcept_txt .en {
font-family: "Hind", sans-serif;
font-size: clamp(0.875rem, 0.97vw, 1.75rem);
font-weight: 500;
line-height: 1.5714285714;
letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
.body2_en, .cafeconcept_txt .en {
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
}
.caption_en {
font-family: "Hind", sans-serif;
font-size: 11px;
font-size: 1.1rem;
font-weight: 500;
line-height: 1.3636363636;
} .slick-slider {
position: relative;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-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);
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;
} .slick-loading .slick-list {
background: #fff slick-image-url(//kobe-sizennoie.com/asset/img/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: slick-font-url(/asset/css/slick.eot);
src: slick-font-url(/asset/css/slick.eot?#iefix) format("embedded-opentype"), slick-font-url(/asset/css/slick.woff) format("woff"), slick-font-url(/asset/css/slick.ttf) format("truetype"), slick-font-url(/asset/css/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .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%);
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: "←";
} .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;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*::before, *::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
ul[class], ol[class] {
padding: 0;
}
body, h1, h2, h3, h4, p {
margin-top: 0;
}
ul[class], ol[class], figure, blockquote, dl, dd {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
body {
min-height: 100vh;
scroll-behavior: smooth;
text-rendering: optimizeSpeed;
line-height: 1.5;
margin: 0;
}
ul[class], ol[class] {
list-style: none;
}
a:not([class]) {
text-decoration-skip-ink: auto;
}
img {
display: block;
}
article > * + * {
margin-top: 1em;
}
input, button, textarea, select {
font: inherit;
}
@media (prefers-reduced-motion: reduce) {
* {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
main {
display: block;
}  * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
a {
color: #000;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
a:hover {
color: #000;
}
img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
vertical-align: baseline;
width: 100%;
height: auto;
display: block;
}
::-moz-selection {
background: #dbcfae;
}
::selection {
background: #dbcfae;
} .d_pc {
display: block;
}
@media screen and (max-width: 767px) {
.d_pc {
display: none;
}
}
.d_sp {
display: none;
}
@media screen and (max-width: 767px) {
.d_sp {
display: block;
}
} html {
background: #206139;
}
a {
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
a:hover {
opacity: 0.5;
}
a.is_coming {
opacity: 0.5;
pointer-events: none;
}
a[href^="tel:"] {
pointer-events: none;
}
@media screen and (max-width: 767px) {
a[href^="tel:"] {
pointer-events: all;
}
}
.grecaptcha-badge {
visibility: hidden;
}
.pages #wrapper, .page #wrapper, .category #wrapper, .single-post #wrapper, .single-event #wrapper, .error404 #wrapper {
padding-top: 5.9027777778%;
}
@media screen and (max-width: 767px) {
.pages #wrapper, .page #wrapper, .category #wrapper, .single-post #wrapper, .single-event #wrapper, .error404 #wrapper {
padding-top: 18.6666666667%;
}
}
.top #wrapper, .home #wrapper {
width: 100%;
padding-top: 56.8872%;
}
@media screen and (max-width: 767px) {
.top #wrapper, .home #wrapper {
padding-top: 160%;
}
}
.top .section__inner, .home .section__inner {
padding: 6.9444444444% 0;
}
@media screen and (max-width: 767px) {
.top .section__inner, .home .section__inner {
padding-bottom: 34.6666666667%;
}
}
.event #wrapper,
.post-type-archive-event #wrapper,
.canoe #wrapper,
.archery #wrapper,
.sup-boat #wrapper,
.athletic #wrapper,
.trampoline #wrapper,
.morino-yochien #wrapper,
.koc #wrapper,
.camp #wrapper,
.cabin #wrapper,
.hostel #wrapper {
width: 100%;
padding-top: 44%;
}
@media screen and (min-width: 1680px) {
.event #wrapper,
.post-type-archive-event #wrapper,
.canoe #wrapper,
.archery #wrapper,
.sup-boat #wrapper,
.athletic #wrapper,
.trampoline #wrapper,
.morino-yochien #wrapper,
.koc #wrapper,
.camp #wrapper,
.cabin #wrapper,
.hostel #wrapper {
padding-top: 40%;
}
}
@media screen and (max-width: 767px) {
.event #wrapper,
.post-type-archive-event #wrapper,
.canoe #wrapper,
.archery #wrapper,
.sup-boat #wrapper,
.athletic #wrapper,
.trampoline #wrapper,
.morino-yochien #wrapper,
.koc #wrapper,
.camp #wrapper,
.cabin #wrapper,
.hostel #wrapper {
padding-top: 132%;
}
}
.about #wrapper {
width: 100%;
padding-top: 56.5%;
}
@media screen and (max-width: 767px) {
.about #wrapper {
padding-top: 159%;
}
}
.cafe #wrapper,
.play #wrapper,
.stay #wrapper,
.group #wrapper {
width: 100%;
padding-top: 53%;
}
@media screen and (max-width: 767px) {
.cafe #wrapper,
.play #wrapper,
.stay #wrapper,
.group #wrapper {
padding-top: 144%;
}
}
.play .section_bg {
padding: 1.3888888889% 0 0;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern09.svg) no-repeat center top #206139;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.play .section_bg {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.play .categorypage_bg {
background: #109EAB;
}
.stay .section_bg {
padding: 1.3888888889% 0 0;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern10.svg) no-repeat center top #206139;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.stay .section_bg {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.stay .categorypage_bg {
background: #004B43;
}
.group .section_bg {
padding: 1.3888888889% 0 0;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern08.svg) no-repeat center top #206139;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.group .section_bg {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.group .categorypage_bg {
background: #FFF;
}
.group .categorypage_copy {
color: #206139;
}
.section {
position: relative;
}
.section_container {
padding: 4.1666666667% 0 6.9444444444%;
}
@media screen and (max-width: 767px) {
.section_container {
padding: 10.6666666667% 0 16%;
}
}
.section_headding {
padding: 3.4722222222% 0 4.1666666667%;
}
@media screen and (max-width: 767px) {
.section_headding {
padding: 10.6666666667% 0;
}
}
.section_headding .section_ttls {
margin-bottom: 0;
}
.section_headding .breadcrumb {
top: 20px;
}
@media screen and (max-width: 767px) {
.section_headding .breadcrumb {
top: 10px;
}
}
.section_inner {
padding: 2.7777777778% 0 6.9444444444%;
}
@media screen and (max-width: 767px) {
.section_inner {
padding: 10.6666666667% 0 16%;
}
}
.section_inner.bgc00 {
background: #FFF;
}
.section_inner.bgc01 {
background: #206139;
}
.section_inner.bgc03 {
background: #DEC5AC;
}
.section_containers {
padding: 4.1666666667% 0 1.3888888889%;
}
@media screen and (max-width: 767px) {
.section_containers {
padding: 10.6666666667% 0 5.3333333333%;
}
}
.section_bg01 {
width: 100%;
padding-top: 15.5187%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern02.svg) no-repeat center top;
background-size: 100% auto;
}
.section_bg02 {
width: 100%;
padding-top: 8.5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern02.svg) no-repeat center top #DEC5AC;
background-size: 100% auto;
position: relative;
}
.section_bg02::after {
content: "";
width: 41.6666666667%;
padding-top: 17%;
background: url(//kobe-sizennoie.com/asset/img/top_illustlation_2.png.webp) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 20px;
top: -120px;
}
@media screen and (max-width: 767px) {
.section_bg02::after {
width: 90.4%;
right: 3.3333333333%;
padding-top: 35%;
top: -110%;
}
}
.section_bg03 {
width: 100%;
padding-top: 11%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #206139;
background-size: 100% auto;
position: relative;
}
.section_bg03::after {
content: "";
width: 41.6666666667%;
padding-top: 17%;
background: url(//kobe-sizennoie.com/asset/img/top_illustlation_1.png.webp) no-repeat center;
background-size: 100% auto;
position: absolute;
left: 120px;
top: -70px;
}
@media screen and (max-width: 767px) {
.section_bg03::after {
width: 90.4%;
right: 0;
left: 0;
margin: auto;
padding-top: 35%;
top: -123%;
}
}
.section_bg04 {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern05.svg) no-repeat center top #DEC5AC;
background-size: 100% auto;
}
.section_bg05 {
width: 100%;
padding-bottom: 1px;
background: #FFF;
position: relative;
}
@media screen and (max-width: 767px) {
.section_bg05 {
padding-bottom: 1px;
}
}
.section_bg05::after {
content: "";
width: 100%;
height: 1px;
background: #206139;
position: absolute;
top: 0;
}
.section_bg06 {
width: 100%;
padding-top: 5.9027777778%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #206139;
background-size: 100% auto;
}
.section_bg06 + .section_container {
background: #DEC5AC;
}
.section_bg07 {
width: 100%;
padding: 1.3888888889% 0 1px;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern06.svg) no-repeat center top #206139;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.section_bg07 {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.section_bg08 {
width: 100%;
padding-top: 5.9027777778%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
}
.section_bg08 + .section_container {
background: #DEC5AC;
}
.section_bg09 {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern05.svg) no-repeat center top #206139;
background-size: 100% auto;
}
.section_bg10 {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern02.svg) no-repeat center top #FFF;
background-size: 100% auto;
}
.section_bg11 {
width: 100%;
padding-top: 8%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern07.svg) no-repeat center top;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.section_bg11 {
padding: 16% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.section_bg12 {
padding: 1.3888888889% 0 0;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern08.svg) no-repeat center top;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.section_bg12 {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.section_bg13 {
width: 100%;
padding-top: 8%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern00.svg) no-repeat center top;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.section_bg13 {
padding: 16% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.section .section_color0 {
background: #FFF;
}
.section .section_color1 {
background: #206139;
}
.section .section_color3 {
background: #DEC5AC;
}
.section_ttl {
text-align: center;
color: #FFF;
margin-bottom: 0;
}
.section_ttls {
text-align: center;
color: #FFF;
}
.section_lead.center {
text-align: center;
}
.section_txt.center {
text-align: center;
}
.content__inner {
width: 40.4166666667%;
min-width: 582px;
margin: 0 auto;
padding: 1px 0;
}
@media screen and (max-width: 767px) {
.content__inner {
width: 86.6666666667%;
min-width: 0;
min-width: initial;
}
}
.content__inner--full {
width: 69.0277777778%;
min-width: 790px;
margin: 0 auto;
padding: 1px 0;
}
@media screen and (max-width: 767px) {
.content__inner--full {
width: 100%;
min-width: 0;
min-width: initial;
}
}
.content__inner--large {
width: 86.8055555556%;
margin: 0 auto;
padding: 1px 0;
}
@media screen and (max-width: 767px) {
.content__inner--large {
width: 86.6666666667%;
}
}
.content__inner--middle {
width: 54.6875%;
min-width: 790px;
margin: 0 auto;
padding: 1px 0;
}
@media screen and (max-width: 767px) {
.content__inner--middle {
width: 86.6666666667%;
min-width: 0;
min-width: initial;
}
}
#today {
padding-top: 120px;
margin-top: -120px;
}
.page_ttl {
color: #FFF;
}
.categorypage_hl {
text-align: center;
font-size: clamp(1.563rem, 1.74vw, 3.125rem);
line-height: 1.5;
letter-spacing: 0.03em;
margin: 0;
text-align: center;
color: #206139;
}
@media screen and (max-width: 767px) {
.categorypage_hl {
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
}
}
.categorypage_hl .lg {
display: inline-block;
font-size: clamp(2.5rem, 2.78vw, 5rem);
}
@media screen and (max-width: 767px) {
.categorypage_hl .lg {
font-size: clamp(1.313rem, 5.6vw, 2.625rem);
}
}
.categorypage__inner {
width: 69.0277777778%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.categorypage__inner {
width: 86.6666666667%;
}
}
.categorypage__wrap {
background: #DEC5AC;
padding: 6.9444444444% 0;
}
@media screen and (max-width: 767px) {
.categorypage__wrap {
padding: 24% 0 26.6666666667%;
}
}
.categorypage_bg {
padding: 7.2916666667% 0 9.0277777778%;
}
@media screen and (max-width: 767px) {
.categorypage_bg {
padding: 28% 0 41.8666666667%;
}
}
.categorypage_copy {
line-height: 2.1875;
color: #FFF;
}
.page_content {
color: #206139;
}
.page_content a {
display: inline;
text-decoration: none;
color: #76BC79;
}
.followinstagram {
margin: 10.060362173% auto 0;
width: 11.9718309859%;
}
@media screen and (max-width: 767px) {
.followinstagram {
margin-top: 16%;
width: 31.7333333333%;
}
}
.followinstagram a {
text-decoration: none;
color: #206139;
}
.followinstagram .logo_instagram {
width: 60%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.followinstagram .logo_instagram {
width: 50.4201680672%;
}
}
.followinstagram .txt {
text-align: center;
margin-top: 1em;
}
.followline {
margin: 5.076142132% auto 0;
text-align: center;
line-height: 1.4 !important;
}
@media screen and (max-width: 767px) {
.followline {
margin-top: 5.3333333333%;
}
}
.followline .logo_line {
display: block;
width: 60px;
margin: 0 auto 0.5em;
}
@media screen and (max-width: 767px) {
.followline .logo_line {
width: 50.4201680672%;
}
}
.followline a {
display: inline-block !important;
text-decoration: none;
color: #206139 !important;
} .header {
width: 100%;
position: fixed;
top: 0;
z-index: 250;
padding: 1.875% 0;
}
@media screen and (max-width: 767px) {
.header {
padding: 5.3333333333% 0;
}
}
.header_logo {
width: 14.7916666667%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.header_logo {
width: 51.4666666667%;
}
}
.header_logo svg {
width: 100%;
height: auto;
}
.header_logo img {
mix-blend-mode: difference;
}
.header.stickey {
-webkit-transition: -webkit-transform 0.4s;
transition: -webkit-transform 0.4s;
transition: transform 0.4s;
transition: transform 0.4s, -webkit-transform 0.4s;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.header.stickey.is_hidden {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
} .ticker_base {
position: relative;
}
.ticker_base2 {
position: relative;
}
.ticker_base2 .ticker {
-webkit-transform: translateY(-55%);
transform: translateY(-55%);
}
@media screen and (max-width: 767px) {
.ticker_base2 .ticker {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@media screen and (max-width: 767px) {
.cafe .ticker_base2 .ticker {
-webkit-transform: translateY(-108%);
transform: translateY(-108%);
}
}
.ticker {
width: 100%;
overflow: hidden;
position: absolute;
top: 50%;
left: 0;
z-index: 5;
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
@media screen and (max-width: 767px) {
.ticker {
top: auto;
top: initial;
bottom: -29%;
}
}
.ticker__inner {
width: 100%;
font-size: clamp(2.5rem, 2.78vw, 5rem);
font-weight: 900;
color: #FFF;
white-space: nowrap;
-webkit-animation: ticker 20s linear infinite;
animation: ticker 20s linear infinite;
}
@media screen and (max-width: 767px) {
.ticker__inner {
-webkit-animation-duration: 10s;
animation-duration: 10s;
font-size: clamp(1.375rem, 0.125rem + 5.33vw, 2.625rem);
}
}
.ticker_txt {
display: inline-block;
}
@-webkit-keyframes ticker {
0% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes ticker {
0% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
100% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
} .fv {
width: 92.3611111111%;
margin: 0 auto;
position: fixed;
top: 13%;
left: 50%;
z-index: -1;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.fv {
width: 86.6666666667%;
}
}
.fv .fv__inner {
width: 100%;
padding-top: 50.3759%;
position: relative;
}
@media screen and (max-width: 767px) {
.fv .fv__inner {
padding-top: 160%;
}
}
.fv .fv__inner .fv_video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.fv_event {
position: fixed;
top: 12%;
z-index: -1;
padding-top: 0.6944444444%;
}
@media screen and (max-width: 767px) {
.fv_event {
padding-top: 3.3333333333%;
top: 10%;
}
}
.fv_event .page_ttl {
position: absolute;
top: -3%;
left: 5.5%;
}
@media screen and (max-width: 767px) {
.fv_event .page_ttl {
top: -0.9%;
left: 19%;
}
}
.fv_event .page_ttl_en {
color: #FFF;
position: absolute;
left: 30px;
top: 50%;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(90deg) translateX(-80%);
transform: rotate(90deg) translateX(-80%);
letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
.fv_event .page_ttl_en {
left: 16px;
-webkit-transform: rotate(90deg) translateX(-60%);
transform: rotate(90deg) translateX(-60%);
}
}
.fv_event__inner {
width: 95.8333333333%;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.fv_event__inner {
display: block;
width: 82.6666666667%;
margin: 0 auto;
}
}
.fv_event__inner .ph {
-ms-flex-preferred-size: 59.7826086957%;
flex-basis: 59.7826086957%;
}
.fv_event__inner .lead {
color: #FFF;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
margin-top: -4em;
line-height: 2.1875;
}
.fv_event_lead {
color: #FFF;
text-align: center;
margin-top: 16%;
line-height: 2.1875;
}
@media screen and (max-width: 767px) {
.fv_event_lead {
margin: 16% 0;
}
}
.fv_event .breadcrumb span {
background: #109EAB;
}
.breadcrumb {
position: absolute;
top: 0;
left: 0;
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
color: #FFF;
}
@media screen and (max-width: 767px) {
.breadcrumb {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.breadcrumb span {
display: inline-block;
padding: 0.3em 1.5em 0.3em 1em;
border: solid 1px #FFF;
border-radius: 0 100vh 100vh 0;
border-left-style: none;
}
.fv_about {
position: fixed;
top: 0;
z-index: -1;
}
.fv_about .breadcrumb {
top: 13%;
}
.fv_about .copy {
width: 8.3333333333%;
position: absolute;
top: 16%;
right: 3.9930555556%;
z-index: 1;
}
@media screen and (max-width: 767px) {
.fv_about .copy {
width: 22.6666666667%;
right: 7.4666666667%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
.fv_full {
width: 100%;
padding-top: 54.5833%;
position: fixed;
top: 0;
z-index: -1;
}
@media screen and (max-width: 767px) {
.fv_full {
padding-top: 146.6666%;
}
}
.fv_full__wrap {
width: 100%;
position: relative;
}
.fv_full_ttl {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -150%);
transform: translate(-50%, -150%);
z-index: 1;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.fv_full_ttl {
-webkit-transform: translate(-50%, -200%);
transform: translate(-50%, -200%);
}
}
.fv_full_ttl--cafe {
width: 17.3611111111%;
}
@media screen and (max-width: 767px) {
.fv_full_ttl--cafe {
width: 44%;
}
}
.fv_full_ttl--play {
width: 17.2569444444%;
}
@media screen and (max-width: 767px) {
.fv_full_ttl--play {
width: 45.3333333333%;
}
}
.fv_full_ttl--stay {
width: 16.4930555556%;
}
@media screen and (max-width: 767px) {
.fv_full_ttl--stay {
width: 43.0666666667%;
}
}
.fv_full_ttl--group {
width: 31.25%;
}
@media screen and (max-width: 767px) {
.fv_full_ttl--group {
width: 83.4666666667%;
}
}
.fv_full_ph {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 0;
}
.fv_full_ph.fv_cafe {
background: url(//kobe-sizennoie.com/asset/img/fv_cafe.jpg.webp) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.fv_full_ph.fv_cafe {
background-image: url(//kobe-sizennoie.com/asset/img/fv_cafe_sp.jpg.webp);
}
}
.fv_full_ph.fv_play {
background: url(//kobe-sizennoie.com/asset/img/fv_play.jpg.webp) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.fv_full_ph.fv_play {
background-image: url(//kobe-sizennoie.com/asset/img/fv_play_sp.jpg.webp);
}
}
.fv_full_ph.fv_stay {
background: url(//kobe-sizennoie.com/asset/img/fv_stay.jpg.webp) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.fv_full_ph.fv_stay {
background-image: url(//kobe-sizennoie.com/asset/img/fv_stay_sp.jpg.webp);
}
}
.fv_full_ph.fv_group {
background: url(//kobe-sizennoie.com/asset/img/fv_group.jpg.webp) no-repeat center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.fv_full_ph.fv_group {
background-image: url(//kobe-sizennoie.com/asset/img/fv_group_sp.jpg.webp);
}
}
.fv_playcate {
position: fixed;
top: 12%;
z-index: -1;
padding-top: 0.6944444444%;
}
@media screen and (max-width: 767px) {
.fv_playcate {
padding-top: 3.3333333333%;
top: 10%;
}
}
.fv_playcate .page_ttl {
position: absolute;
top: -3.1%;
left: 5.5%;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.fv_playcate .page_ttl {
top: -0.9%;
left: 19%;
}
}
.fv_playcate .page_ttl_en {
color: #FFF;
position: absolute;
left: 30px;
top: 50%;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(90deg) translateX(-80%);
transform: rotate(90deg) translateX(-80%);
letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
.fv_playcate .page_ttl_en {
left: 16px;
-webkit-transform: rotate(90deg) translateX(-60%);
transform: rotate(90deg) translateX(-60%);
}
}
.fv_playcate__inner {
width: 95.8333333333%;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.fv_playcate__inner {
display: block;
width: 82.6666666667%;
margin: 0 auto;
}
}
.fv_playcate__inner .ph {
-ms-flex-preferred-size: 59.7826086957%;
flex-basis: 59.7826086957%;
}
.fv_playcate__inner .lead {
color: #FFF;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
margin-top: -4em;
line-height: 2.1875;
}
.fv_playcate_lead {
color: #FFF;
text-align: center;
margin-top: 16%;
line-height: 2.1875;
}
.fv_playcate .breadcrumb span {
background: #109EAB;
}
.fv_staycate {
position: fixed;
top: 12%;
z-index: -1;
padding-top: 0.6944444444%;
}
@media screen and (max-width: 767px) {
.fv_staycate {
padding-top: 3.3333333333%;
top: 10%;
}
}
.fv_staycate .page_ttl {
position: absolute;
top: -3.1%;
left: 5.5%;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.fv_staycate .page_ttl {
top: -0.9%;
left: 19%;
}
}
.fv_staycate .page_ttl_en {
color: #FFF;
position: absolute;
left: 30px;
top: 50%;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotate(90deg) translateX(-80%);
transform: rotate(90deg) translateX(-80%);
letter-spacing: 0.2em;
}
@media screen and (max-width: 767px) {
.fv_staycate .page_ttl_en {
left: 16px;
-webkit-transform: rotate(90deg) translateX(-60%);
transform: rotate(90deg) translateX(-60%);
}
}
.fv_staycate__inner {
width: 95.8333333333%;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.fv_staycate__inner {
display: block;
width: 82.6666666667%;
margin: 0 auto;
}
}
.fv_staycate__inner .ph {
-ms-flex-preferred-size: 59.7826086957%;
flex-basis: 59.7826086957%;
}
.fv_staycate__inner .lead {
color: #FFF;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
margin-top: -4em;
line-height: 2.1875;
}
.fv_staycate_lead {
color: #FFF;
text-align: center;
margin-top: 16%;
line-height: 2.1875;
}
.fv_staycate .breadcrumb span {
background: #76BC79;
} .calendar .footer .ftr_bg01 {
background-color: #DEC5AC;
}
.totop {
width: 3.4722222222%;
position: fixed;
right: 0;
bottom: 108px;
z-index: 100;
}
@media screen and (max-width: 767px) {
.totop {
width: 12%;
bottom: 136px;
}
}
.toreservation {
width: 3.4722222222%;
position: fixed;
right: 0;
bottom: 174px;
z-index: 100;
}
@media screen and (max-width: 767px) {
.toreservation {
width: 12%;
bottom: 183px;
}
}
.toplay {
width: 3.4722222222%;
position: fixed;
right: 0;
bottom: 174px;
z-index: 100;
}
@media screen and (max-width: 767px) {
.toplay {
width: 12%;
bottom: 183px;
}
}
.footer {
position: relative;
top: -20px;
}
.footer .ftr__inner {
width: 86.8055555556%;
margin: 0 auto;
}
.footer .ftr_bg01 {
padding: 1.3888888889% 0 0;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern00.svg) no-repeat center top;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.footer .ftr_bg01 {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.footer .ftr_bg02 {
padding: 1.3888888889% 0 0;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern01.svg) no-repeat center top #206139;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.footer .ftr_bg02 {
padding: 3.3333333333% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.footer .ftr_bg03 {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern02.svg) no-repeat center top #76BC79;
background-size: 100% auto;
}
.footer .ftr_head {
padding: 3.8194444444% 0 4.5138888889%;
background: #206139;
}
@media screen and (max-width: 767px) {
.footer .ftr_head {
padding: 13.3333333333% 0;
}
}
.footer .ftr_head .ftr__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.footer .ftr_head .ftr__inner {
display: block;
}
}
.footer .ftr_head .ftr_logo {
width: 15.1666666667%;
margin-right: 7.5%;
}
@media screen and (max-width: 767px) {
.footer .ftr_head .ftr_logo {
width: 56%;
margin: 0 auto;
}
}
.footer .ftr_head .ftr_info {
color: #FFF;
}
@media screen and (max-width: 767px) {
.footer .ftr_head .ftr_info {
text-align: center;
margin-top: 12.3076923077%;
}
}
.footer .ftr_head .ftr_info a {
color: #FFF;
text-decoration: none;
display: inline;
}
.footer .ftr_head .ftr_info .open {
display: block;
margin-bottom: 23px;
}
.footer .ftr_head .ftr_info .tellist {
margin-top: 0.7em;
}
@media screen and (max-width: 767px) {
.footer .ftr_head .ftr_info .tellist {
margin-top: 1.5em;
}
}
@media screen and (max-width: 767px) {
.footer .ftr_head .ftr_info .tellist_item {
margin-top: 0.5em;
}
}
.footer .ftr_head .snslist {
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.footer .ftr_head .snslist {
margin: 12.3076923077% auto 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.footer .ftr_body {
padding: 3.8194444444% 0;
background: #76BC79;
}
@media screen and (max-width: 767px) {
.footer .ftr_body {
padding: 13.3333333333% 0;
}
}
.footer .ftr_body .ftr__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.footer .ftr_body .ftr__inner {
display: block;
}
}
.footer .ftr_body .ftr_linklist {
-ms-flex-preferred-size: 22.7083333333%;
flex-basis: 22.7083333333%;
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
margin-right: 40px;
}
@media screen and (max-width: 767px) {
.footer .ftr_body .ftr_linklist {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
margin-right: 0;
}
}
.footer .ftr_body .ftr_linklist a {
color: #206139;
text-decoration: none;
padding: 1em 0;
}
@media screen and (max-width: 767px) {
.footer .ftr_body .ftr_linklist a {
padding: 1.2em 0;
}
}
.footer .ftr_body .ftr_linklist .ftr_linklist__item {
border-bottom: solid 1px #206139;
}
.footer .ftr_body .ftr_links {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 767px) {
.footer .ftr_body .ftr_links {
margin-top: 12.3076923077%;
}
}
.footer .ftr_body .ftr_links .ftr_links__item {
margin-bottom: 20px;
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
}
@media screen and (max-width: 767px) {
.footer .ftr_body .ftr_links .ftr_links__item {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.footer .ftr_body .ftr_links .ftr_links__item a {
text-decoration: none;
color: #206139;
}
.footer .ftr_body .ftr_links .ftr_links__item .button {
width: 90%;
text-align: left;
}
@media screen and (max-width: 767px) {
.footer .ftr_body .ftr_links .ftr_links__item .button {
width: 71.4666666667%;
}
}
.footer .ftr_body .ftr_links .ftr_links__item .button a {
color: #FFF;
padding-left: 70px;
}
.footer .ftr_body .listchild {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer .ftr_body .listchild .listchild__item {
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
margin-right: 2em;
}
@media screen and (max-width: 767px) {
.footer .ftr_body .listchild .listchild__item {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.footer .ftr_footer {
position: relative;
padding: 8.6805555556% 1.3888888889% 1.3888888889%;
color: #FFF;
font-family: "Hind", sans-serif;
font-weight: 500;
background: #206139;
font-size: 10px;
font-size: 1rem;
}
@media screen and (max-width: 767px) {
.footer .ftr_footer {
padding: 18.6666666667% 5.3333333333% 24%;
}
}
.footer .ftr_footer .character {
width: 38.8888888889%;
position: absolute;
right: 10%;
bottom: 55%;
opacity: 0;
}
.footer .ftr_footer .character.is_show {
-webkit-animation: poyoyon 0.8s cubic-bezier(0.12, 0, 0.29, 0) 1 forwards;
animation: poyoyon 0.8s cubic-bezier(0.12, 0, 0.29, 0) 1 forwards;
}
@media screen and (max-width: 767px) {
.footer .ftr_footer .character.is_show {
-webkit-animation-name: poyoyon_sp;
animation-name: poyoyon_sp;
}
}
@media screen and (max-width: 767px) {
.footer .ftr_footer .character {
width: 72%;
right: 0;
left: 0;
bottom: 76%;
margin: auto;
}
}
@-webkit-keyframes poyoyon {
0% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
opacity: 0;
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
65% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20%, 100% {
opacity: 1;
}
}
@keyframes poyoyon {
0% {
-webkit-transform: translateY(80px);
transform: translateY(80px);
opacity: 0;
}
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
65% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20%, 100% {
opacity: 1;
}
}
@-webkit-keyframes poyoyon_sp {
0% {
-webkit-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
}
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
65% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20%, 100% {
opacity: 1;
}
}
@keyframes poyoyon_sp {
0% {
-webkit-transform: translateY(40px);
transform: translateY(40px);
opacity: 0;
}
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
65% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20%, 100% {
opacity: 1;
}
} .nav {
width: 32.6388888889%;
position: fixed;
top: 0;
right: 0;
z-index: 500;
}
@media screen and (max-width: 767px) {
.nav {
width: 100%;
min-width: 0;
min-width: initial;
top: auto;
top: initial;
bottom: 0;
}
}
.nav .navlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #004B43;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.nav .navlist {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.nav .navlist__item {
-ms-flex-preferred-size: 16.6666666667%;
flex-basis: 16.6666666667%;
text-align: center;
font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
position: relative;
}
@media screen and (max-width: 767px) {
.nav .navlist__item {
font-size: clamp(0.563rem, 2.4vw, 1.125rem);
}
}
.nav .navlist__item a {
color: #FFF;
text-decoration: none;
padding: 14% 16%;
}
@media screen and (max-width: 767px) {
.nav .navlist__item a {
padding: 10% 0 14%;
}
}
.nav .navlist__item .nav_icon {
width: 80%;
padding-top: 80%;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 767px) {
.nav .navlist__item .nav_icon {
padding-top: 66%;
}
}
.nav .navlist__item .nav_icon img {
height: 80%;
width: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
.nav .navlist__item .nav_icon img {
height: 70%;
}
}
.nav .navlist__item .nav_txt {
white-space: nowrap;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.nav .navlist__item .nav_txt {
margin-top: 0;
}
}
.nav .navlist__item:last-child::before {
content: "";
width: 1px;
height: 66%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: #FFF;
} .button_menu {
width: 3.4722222222%;
position: fixed;
top: 20px;
left: 20px;
z-index: 500;
cursor: pointer;
}
.button_menu svg {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.button_menu {
width: 10.6666666667%;
top: 16px;
right: 12px;
left: auto;
}
}
.button_menuclose {
width: 3.4722222222%;
position: fixed;
top: 20px;
left: 20px;
z-index: 3000;
opacity: 0;
cursor: pointer;
pointer-events: none;
}
.button_menuclose svg, .button_menuclose g {
width: 100%;
height: auto;
}
@media screen and (max-width: 767px) {
.button_menuclose {
width: 10.6666666667%;
top: 16px;
right: 12px;
left: auto;
z-index: 10000;
}
}
.button_menuclose.is_active {
pointer-events: all;
}
.menu {
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
overflow: hidden;
pointer-events: none;
}
.menu.is_active {
pointer-events: all;
}
.menu .menu_bg {
width: 100%;
height: 100%;
background: #206139;
position: absolute;
right: 0;
top: 0;
z-index: 2000;
opacity: 0;
}
.menu .menu_container {
width: 93.0555555556%;
height: 100%;
background: #DEC5AC;
position: absolute;
right: 0;
top: 0;
z-index: 4000;
overflow: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
@media screen and (max-width: 767px) {
.menu .menu_container {
width: 86.6666666667%;
}
}
.menu .menu_head {
padding: 2.0454545455% 0;
}
@media screen and (max-width: 767px) {
.menu .menu_head {
padding: 6.1538461538% 0;
}
}
.menu .menu_head .menu_logo {
width: 16.1742424242%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.menu .menu_head .menu_logo {
width: 59.3846153846%;
-webkit-transform: translateX(-13%);
transform: translateX(-13%);
}
}
.menu .menu_body {
margin-top: 5.6818181818%;
padding: 0 7.5757575758%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.menu .menu_body {
margin-top: 6.1538461538%;
padding: 0 4.6153846154% 9.2307692308%;
display: block;
}
}
.menu .menu_body .snslist {
margin-bottom: 12.3076923077%;
}
.menu .menu_body .snslist svg path {
fill: #206139;
}
.menu .menu_body .menu_linklist {
-ms-flex-preferred-size: calc(25% - 30px);
flex-basis: calc(25% - 30px);
font-size: clamp(1rem, 1.11vw, 2rem);
font-weight: 700;
margin: 0;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist {
font-size: clamp(1rem, 4.27vw, 2rem);
}
}
.menu .menu_body .menu_linklist:not(:last-child) .menu_linklist__item:first-child {
border-top: solid 1px #FFF;
}
.menu .menu_body .menu_linklist a {
color: #206139;
text-decoration: none;
padding: 1em 0;
}
.menu .menu_body .menu_linklist .listchild {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
margin: 0 0 10px 10px;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .listchild {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
}
.menu .menu_body .menu_linklist .listchild a {
padding: 0.5em 0;
}
.menu .menu_body .menu_linklist .menu_linklist__item {
border-bottom: solid 1px #FFF;
}
.menu .menu_body .menu_linklist .menu_linklist__item .togglewrap {
position: relative;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .menu_linklist__item .togglewrap a {
width: calc(100% - 40px);
}
}
.menu .menu_body .menu_linklist .menu_linklist__item .togglewrap + .listchild {
display: block;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .menu_linklist__item .togglewrap + .listchild {
display: none;
}
}
.menu .menu_body .menu_linklist .menu_linklist__item .toggle {
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
.menu .menu_body .menu_linklist .menu_linklist__item .toggle::before, .menu .menu_body .menu_linklist .menu_linklist__item .toggle::after {
content: "";
display: inline-block;
position: absolute;
width: 2px;
height: 100%;
background: #206139;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.menu .menu_body .menu_linklist .menu_linklist__item .toggle::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .menu_linklist__item .toggle {
display: block;
}
}
.menu .menu_body .menu_linklist .menu_linklist__item .toggle.is_active::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .menu_linklist__item:last-child {
border: none;
}
}
.menu .menu_body .menu_linklist .menu_linklist__items {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: 500;
margin-top: 10px;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .menu_linklist__items {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
margin-top: 9.2307692308%;
}
}
.menu .menu_body .menu_linklist .menu_linklist__items + .menu_linklist__items {
margin-top: 0;
}
.menu .menu_body .menu_linklist .menu_linklist__items a {
padding: 0.5em 0;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_linklist .menu_linklist__items a {
padding: 0.8em 0;
}
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_links {
margin-top: 9.2307692308%;
}
}
.menu .menu_body .menu_links .menu_links__item {
margin-bottom: 20px;
}
.menu .menu_body .menu_links .button {
text-align: left;
width: 90%;
}
@media screen and (max-width: 767px) {
.menu .menu_body .menu_links .button {
width: 61.5384615385%;
}
}
.menu .menu_body .menu_links .button a {
color: #FFF;
padding-left: 70px;
}
.menu .menu_body .menu_links .button + .button {
margin-top: 2em;
}
.menu .menu_body .menu_links .snslist {
margin-top: 40px;
}
.menu .menu_body .menu_links .snslist svg path {
fill: #004B43;
} .button_wrap {
margin: 3.2% auto 16%;
}
@media screen and (max-width: 767px) {
.button_wrap {
margin: 8% 0 21.3333333333%;
}
}
.button {
width: 320px;
text-align: center;
}
@media screen and (max-width: 767px) {
.button {
width: 71.4666666667%;
}
}
.button a {
color: #FFF;
text-decoration: none;
background: #004B43;
padding: 15px;
border: solid 1px #FFF;
position: relative;
display: block;
}
@media screen and (max-width: 767px) {
.button a {
padding: 1.3em;
}
}
.button a::before {
content: "";
position: absolute;
top: 50%;
right: -16px;
margin-top: -8px;
border: 8px solid transparent;
border-left: 8px solid #004B43;
z-index: 2;
}
.button a::after {
content: "";
position: absolute;
top: 50%;
right: -18px;
margin-top: -9px;
border: 9px solid transparent;
border-left: 9px solid #FFF;
z-index: 1;
}
.button.back a {
display: block;
color: #206139;
background: #F5ECE2;
border-color: #206139;
}
.button.back a::before {
border-left-color: #F5ECE2;
}
.button.back a::after {
border-left-color: #206139;
}
.button .icon__event {
position: relative;
display: inline-block;
}
.button .icon__event::before {
content: "";
display: block;
width: 35px;
height: 35px;
background: url(//kobe-sizennoie.com/asset/img/icon_event.png.webp) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-130%, -50%);
transform: translate(-130%, -50%);
}
.button .icon__reserve {
position: relative;
display: inline-block;
}
.button .icon__reserve::before {
content: "";
display: block;
width: 35px;
height: 35px;
background: url(//kobe-sizennoie.com/asset/img/icon_reserve.png.webp) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-130%, -50%);
transform: translate(-130%, -50%);
}
.button .icon__calendar {
position: relative;
display: inline-block;
}
.button .icon__calendar::before {
content: "";
display: block;
width: 35px;
height: 35px;
background: url(//kobe-sizennoie.com/asset/img/icon_calendar.png.webp) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-130%, -50%);
transform: translate(-130%, -50%);
}
.button {
width: 320px;
text-align: center;
}
@media screen and (max-width: 767px) {
.button {
width: 71.4666666667%;
}
}
.button .input {
display: block;
color: #FFF;
text-decoration: none;
border: solid 1px #FFF;
position: relative;
}
.button .input .wpcf7-spinner {
display: none;
}
.button .input input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
background: #004B43;
border-style: none;
padding: 1.5em;
color: #FFF;
}
.button .input::before {
content: "";
position: absolute;
top: 50%;
right: -16px;
margin-top: -8px;
border: 8px solid transparent;
border-left: 8px solid #004B43;
z-index: 2;
}
.button .input::after {
content: "";
position: absolute;
top: 50%;
right: -18px;
margin-top: -9px;
border: 9px solid transparent;
border-left: 9px solid #FFF;
z-index: 1;
}
.button.back .input {
border: solid 1px #206139;
}
.button.back .input::before {
border-left-color: #F5ECE2;
}
.button.back .input::after {
border-left-color: #206139;
}
.button.back input {
color: #206139;
background: #F5ECE2;
border-color: #206139;
}
.buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 10.3092783505%;
}
@media screen and (max-width: 767px) {
.buttons {
display: block;
margin: 16% auto 0;
}
}
.buttons .button {
width: auto;
width: initial;
-ms-flex-preferred-size: 46%;
flex-basis: 46%;
}
@media screen and (max-width: 767px) {
.buttons .button {
margin: 0 auto;
}
}
.buttons .button + .button {
margin-left: auto;
}
@media screen and (max-width: 767px) {
.buttons .button + .button {
margin-top: 10.6666666667%;
}
}
.article_detail .article_content .wp-block-buttons {
text-align: center;
margin: 2em 0;
}
.article_detail .article_content .wp-block-buttons a {
color: #FFF;
text-decoration: none;
background: #004B43;
padding: 1em 3em;
border: solid 1px #FFF;
position: relative;
border-radius: 0;
text-decoration: none;
color: #FFF;
display: block;
}
.article_detail .article_content .wp-block-buttons a::before {
content: "";
position: absolute;
top: 50%;
right: -16px;
margin-top: -8px;
border: 8px solid transparent;
border-left: 8px solid #004B43;
z-index: 2;
}
.article_detail .article_content .wp-block-buttons a::after {
content: "";
position: absolute;
top: 50%;
right: -18px;
margin-top: -9px;
border: 9px solid transparent;
border-left: 9px solid #FFF;
z-index: 1;
} .calendarbox {
background: #FFF;
border: solid 5px #FFF;
padding-bottom: 20px;
margin-top: 48px;
}
.calendarbox_today {
background-color: #C9CACA;
text-align: center;
font-size: clamp(2.5rem, 2.78vw, 5rem);
font-weight: 700;
letter-spacing: 0.1em;
padding: 20px 0;
color: #FFF;
}
@media screen and (max-width: 767px) {
.calendarbox_today {
font-size: clamp(2.5rem, 10.67vw, 5rem);
}
}
.calendarbox_today small {
font-size: clamp(1.5rem, 1.67vw, 3rem);
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
position: relative;
top: -0.09em;
}
.calendarbox__content {
color: #206139;
width: 70.0525394046%;
margin: 3.5026269702% auto;
}
@media screen and (max-width: 767px) {
.calendarbox__content {
width: 90%;
margin: 5.3333333333% auto;
}
}
.calendarbox__content a {
display: inline;
color: #206139;
}
.calendarbox__content .time {
text-align: center;
font-family: "Hind", sans-serif;
font-weight: 600;
letter-spacing: 0.05em;
font-size: clamp(1.25rem, 1.39vw, 2.5rem);
}
@media screen and (max-width: 767px) {
.calendarbox__content .time {
font-size: clamp(1.25rem, 5.33vw, 2.5rem);
}
}
.calendarbox__content .cate {
text-align: center;
margin-top: 7.0052539405%;
}
.calendarbox__content .detail {
margin-top: 10.5078809107%;
}
.calendarbox__content .detail hr {
border-style: none;
border-top: solid 1px #206139;
margin: 1em 0;
}
.calendarbox .button {
margin: 20px auto;
}
.calendar_container {
width: 34.2013888889%;
margin: 2.7777777778% auto 0;
min-width: 500px;
}
@media screen and (max-width: 767px) {
.calendar_container {
width: 93.3333333333%;
margin: 10.6666666667% auto 0;
min-width: 0;
min-width: initial;
}
}
.calendar_container .calendar_contant {
background: #FFF;
padding: 3.5532994924% 4.5685279188%;
position: relative;
}
.calendar_container .calendar_contant .calendar_catelist {
margin-top: 20px;
margin-left: 4px;
color: #206139;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .calendar_catelist {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
margin-top: 10px;
}
}
.calendar_container .calendar_contant .calendar_catelist span {
display: inline-block;
background-color: #CCC;
width: 15px;
height: 15px;
margin-right: 0.5em;
vertical-align: baseline;
position: relative;
top: 2px;
}
.calendar_container .calendar_contant .calendar_catelist span.cat_ippan {
background: #DBD54C;
}
.calendar_container .calendar_contant .calendar_catelist span.cat_group {
background: #55BB9D;
}
.calendar_container .calendar_contant .calendar_catelist span.cat_close {
background: #A2A3A3;
}
.calendar_container .calendar_contant .heading {
text-align: left;
font-size: clamp(1.438rem, 1.6vw, 2.875rem);
color: #206139;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .heading {
font-size: clamp(1rem, 4.27vw, 2rem);
}
}
.calendar_container .calendar_contant .my-calendar-header {
position: absolute;
top: 0;
right: 0;
z-index: 50;
padding: 0;
}
.calendar_container .calendar_contant .my-calendar-today {
display: none;
}
.calendar_container .calendar_contant .my-calendar-prev {
width: 60px;
height: 40px;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .my-calendar-prev {
width: 40px;
height: 30px;
}
}
.calendar_container .calendar_contant .my-calendar-prev a {
width: 60px;
height: 40px;
display: block;
position: relative;
padding: 0;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .my-calendar-prev a {
width: 40px;
height: 30px;
}
}
.calendar_container .calendar_contant .my-calendar-prev a:hover, .calendar_container .calendar_contant .my-calendar-prev a:focus {
outline: none;
}
.calendar_container .calendar_contant .my-calendar-prev a:before {
content: "";
width: 100%;
height: 100%;
background: url(//kobe-sizennoie.com/asset/img/cal_arrow_left.svg) no-repeat center;
background-size: 14px auto;
position: absolute;
top: 0;
left: 0;
}
.calendar_container .calendar_contant .my-calendar-next {
width: 60px;
height: 40px;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .my-calendar-next {
width: 40px;
height: 30px;
}
}
.calendar_container .calendar_contant .my-calendar-next a {
width: 60px;
height: 40px;
display: block;
position: relative;
padding: 0;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .my-calendar-next a {
width: 40px;
height: 30px;
}
}
.calendar_container .calendar_contant .my-calendar-next a:hover, .calendar_container .calendar_contant .my-calendar-next a:focus {
outline: none;
}
.calendar_container .calendar_contant .my-calendar-next a:after {
content: "";
width: 100%;
height: 100%;
background: url(//kobe-sizennoie.com/asset/img/cal_arrow_right.svg) no-repeat center;
background-size: 14px auto;
position: absolute;
top: 0;
left: 0;
}
.calendar_container .calendar_contant .mc-content {
margin-top: 20px;
}
.calendar_container .calendar_contant .mc-content .popup {
padding: 30px 0;
color: #206139;
}
.calendar_container .calendar_contant .mc-content .popup .popup_ttl {
text-align: center;
}
.calendar_container .calendar_contant .mc-content .popup .popup_ttls {
text-align: center;
margin-top: 10px;
}
.calendar_container .calendar_contant .mc-content .popup .popup_detail {
margin-top: 20px;
}
.calendar_container .calendar_contant .mc-main button.close {
cursor: pointer;
background: #206139 !important;
}
.calendar_container .calendar_contant .mc-main button.close:hover, .calendar_container .calendar_contant .mc-main button.close:focus {
color: #FFF !important;
outline: none;
}
.calendar_container .calendar_contant .mc-main thead {
border-style: none;
}
.calendar_container .calendar_contant .mc-main th {
background: #C9CACA;
font-size: clamp(0.938rem, 1.04vw, 1.875rem);
font-weight: normal;
color: #206139;
border-left: solid 4px #FFF;
border-right: solid 4px #FFF;
border-bottom: none;
}
.calendar_container .calendar_contant .mc-main td {
border: solid 4px #FFF;
background: #EFEFEF;
position: relative;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .mc-main td {
height: 5em;
}
}
.calendar_container .calendar_contant .mc-main td.nextmonth {
background: #EFEFEF;
}
.calendar_container .calendar_contant .mc-main td.nextmonth .event-title a {
background: #EFEFEF !important;
}
.calendar_container .calendar_contant .mc-main td.nextmonth a {
pointer-events: none;
}
.calendar_container .calendar_contant .mc-main td.nextmonth * {
display: block;
background: #EFEFEF !important;
}
.calendar_container .calendar_contant .mc-main td.nextmonth .mc-date {
color: #FFF;
}
.calendar_container .calendar_contant .mc-main td.nextmonth .mc-date .event-icon {
display: none;
}
.calendar_container .calendar_contant .mc-main td .details {
z-index: 20;
width: 460px;
border-radius: 5px;
-webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, .16);
box-shadow: 0 2px 20px rgba(0, 0, 0, .16);
padding: 24px;
top: 70px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .mc-main td .details {
width: calc(100vw - 28px);
max-height: 70vh;
overflow-y: scroll;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: fixed;
z-index: 100;
}
}
.calendar_container .calendar_contant .mc-main .event-title {
display: inherit;
height: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
}
.calendar_container .calendar_contant .mc-main .event-title a {
height: 100%;
font-size: 0;
}
.calendar_container .calendar_contant .mc-main .event-title a > span {
font-size: 0;
}
.calendar_container .calendar_contant .mc-main .current-day {
outline: 3px solid #206139;
outline-offset: -3px;
}
.calendar_container .calendar_contant .mc-date {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: clamp(1.188rem, 1.32vw, 2.375rem);
border: none !important;
background: 0 0 !important;
z-index: 10;
line-height: 1;
pointer-events: none;
color: #206139;
}
@media screen and (max-width: 767px) {
.calendar_container .calendar_contant .mc-date {
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
}
.calendar_container .note {
margin-top: 4.0609137056%;
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
color: #FFF;
text-align: center;
}
@media screen and (max-width: 767px) {
.calendar_container .note {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.eigyo_info {
width: 40.4166666667%;
margin: 0 auto;
border: solid 1px #206139;
padding: 3.4364261168%;
color: #206139;
}
@media screen and (max-width: 767px) {
.eigyo_info {
width: 86.6666666667%;
padding: 12.3076923077% 6.1538461538%;
}
}
.eigyo_info .eigyo_info_hl {
text-align: center;
}
.eigyo_info .eigyo_info_txt {
margin-top: 3.4364261168%;
}
@media screen and (max-width: 767px) {
.eigyo_info .eigyo_info_txt {
margin-top: 6.1538461538%;
}
}
.eigyo_info .eigyo_info_txt + .eigyo_info_hl {
border-top: solid 1px #206139;
margin-top: 6.8728522337%;
padding-top: 6.8728522337%;
}
@media screen and (max-width: 767px) {
.eigyo_info .eigyo_info_txt + .eigyo_info_hl {
margin-top: 12.3076923077%;
padding-top: 12.3076923077%;
}
} .slide {
margin-top: 40px;
position: relative;
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.slide {
margin-top: 5.3333333333%;
padding-bottom: 16%;
}
}
.slide .slick-slide {
margin: 0 17px;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.slide .slick-slide.slick-current {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
.slide [dir=rtl] .slick-slide {
float: left;
}
.slide .slick-slider .slick-track, .slide .slick-slider .slick-list {
direction: ltr;
}
.slide .slick-list {
padding-bottom: 50px !important;
}
.slide .slick-arrow {
display: block;
width: 30px;
cursor: pointer;
position: absolute;
z-index: 100;
}
.slide .slide_dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
bottom: 11px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.slide .slide_dots {
width: 53.3333333333%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.slide .slide_dots li {
width: 40px;
height: 5px;
background: #FFF;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.slide .slide_dots li {
width: auto;
width: initial;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.slide .slide_dots li.slick-active {
background-color: #76BC79;
}
.slide .slide_dots li button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: hidden;
text-indent: -999px;
}
.slide .slide_arrow__prev {
bottom: 0;
right: 50%;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
@media screen and (max-width: 767px) {
.slide .slide_arrow__prev {
-webkit-transform: translateX(-480%);
transform: translateX(-480%);
}
}
.slide .slide_arrow__next {
bottom: 0;
left: 50%;
-webkit-transform: translateX(150px);
transform: translateX(150px);
}
@media screen and (max-width: 767px) {
.slide .slide_arrow__next {
-webkit-transform: translateX(480%);
transform: translateX(480%);
}
}
.slide .slick-disabled {
opacity: 0.5;
pointer-events: none;
}
.slide .slide__head {
background: #FFF;
}
.slide .slide__body {
padding: 25px 15px 20px;
background: url(//kobe-sizennoie.com/asset/img/slide_msk.png.webp) no-repeat center top #FFF;
background-size: cover;
border-radius: 0 0 6px 6px;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.slide .slide__body .tag {
display: inline-block;
background: #FFF;
border-radius: 100vh;
color: #109EAB;
margin-left: auto;
}
.slide .slide__body .tag span {
display: block;
padding: 7px 10px;
}
.slide__item {
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.slide__item a {
text-decoration: none;
}
.slide__item a:hover {
opacity: 1;
}
.slide__item a:hover .ph img {
opacity: 0.5;
}
.slide .ph {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.slide .ph img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slide .ph::before {
content: "";
width: 100%;
height: 100%;
background: url(//kobe-sizennoie.com/asset/img/slide_path.png.webp) no-repeat center top;
background-size: cover;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.slide .article_ttl {
padding: 15px;
color: #206139;
margin-bottom: 0;
}
.slide .article_ttl span {
display: block;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
min-height: 3em;
}
.galleryslide {
margin-top: 5.5555555556%;
position: relative;
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.galleryslide {
margin-top: 16%;
padding-bottom: 16%;
}
}
.galleryslide .galleryslide_item {
border-radius: 6px;
overflow: hidden;
}
.galleryslide .slick-slide {
margin: 0 17px;
}
.galleryslide .slick-arrow {
display: block;
width: 30px;
cursor: pointer;
position: absolute;
z-index: 100;
}
.galleryslide .slide_dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: absolute;
bottom: 11px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.galleryslide .slide_dots {
width: 53.3333333333%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.galleryslide .slide_dots li {
width: 40px;
height: 5px;
background: #FFF;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.galleryslide .slide_dots li {
width: auto;
width: initial;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
}
.galleryslide .slide_dots li.slick-active {
background-color: #76BC79;
}
.galleryslide .slide_dots li button {
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
overflow: hidden;
text-indent: -999px;
}
.galleryslide .slide_arrow__prev {
bottom: 0;
right: 50%;
-webkit-transform: translateX(-150px);
transform: translateX(-150px);
}
@media screen and (max-width: 767px) {
.galleryslide .slide_arrow__prev {
-webkit-transform: translateX(-480%);
transform: translateX(-480%);
}
}
.galleryslide .slide_arrow__next {
bottom: 0;
left: 50%;
-webkit-transform: translateX(150px);
transform: translateX(150px);
}
@media screen and (max-width: 767px) {
.galleryslide .slide_arrow__next {
-webkit-transform: translateX(480%);
transform: translateX(480%);
}
}
.galleryslide .slick-disabled {
opacity: 0.5;
pointer-events: none;
} .content__inner--middle .newslist {
margin-top: 40px;
border-top: solid 1px #76BC79;
}
@media screen and (max-width: 767px) {
.content__inner--middle .newslist {
margin-top: 10.6666666667%;
}
}
.content__inner--middle .newslist .newslist__item {
border-bottom: solid 1px #76BC79;
}
.content__inner--middle .newslist .newslist__item a {
padding: 20px 0;
text-decoration: none;
color: #206139;
}
@media screen and (max-width: 767px) {
.content__inner--middle .newslist .newslist__item .news_ttl {
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
} .snslist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.snslist .snslist__item {
-ms-flex-preferred-size: 25px;
flex-basis: 25px;
}
.snslist .snslist__item:not(:last-child) {
margin-right: 30px;
}
.snslist .snslist__item svg {
width: 100%;
height: auto;
} .eventlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 1.0416666667%;
}
@media screen and (max-width: 767px) {
.eventlist {
padding: 0;
width: 84%;
margin: 16% auto 0;
display: block;
}
}
.eventlist .eventlist__item {
-ms-flex-preferred-size: 22.84%;
flex-basis: 22.84%;
margin: 0 2.88% 3.2% 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.eventlist .eventlist__item:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
@media screen and (max-width: 767px) {
.eventlist .eventlist__item {
margin: 0 0 14.652014652% 0;
}
}
.eventlist .eventlist__item:nth-child(4n) {
margin-right: 0;
}
.eventlist .eventlist__item a {
text-decoration: none;
}
.eventlist .eventlist__item a:hover {
opacity: 1;
}
.eventlist .eventlist__item .eventlist__head {
background: #FFF;
}
.eventlist .eventlist__item .eventlist__body {
padding: 25px 15px 20px;
background: url(//kobe-sizennoie.com/asset/img/slide_msk.png.webp) no-repeat center top #FFF;
background-size: cover;
border-radius: 0 0 6px 6px;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.eventlist .eventlist__item .eventlist__body .tag {
display: inline-block;
background: #FFF;
border-radius: 100vh;
color: #109EAB;
margin-left: auto;
}
.eventlist .eventlist__item .eventlist__body .tag span {
display: block;
padding: 7px 10px;
}
.eventlist .eventlist__item .ph {
width: 100%;
padding-top: 100%;
position: relative;
overflow: hidden;
}
.eventlist .eventlist__item .ph img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center top;
object-position: center top;
position: absolute;
top: 0;
left: 0;
}
.eventlist .eventlist__item .ph::before {
content: "";
width: 100%;
height: 100%;
background: url(//kobe-sizennoie.com/asset/img/slide_path.png.webp) no-repeat center top;
background-size: cover;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.eventlist .eventlist__item .article_ttl {
padding: 15px;
color: #206139;
margin-bottom: 0;
}
.eventlist .eventlist__item .article_ttl span {
display: block;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
min-height: 3em;
} .pagination_wrap {
margin-bottom: 16%;
}
@media screen and (max-width: 767px) {
.pagination_wrap {
margin: 8% 0 21.3333333333%;
}
}
.pagination {
font-family: "Hind", sans-serif;
font-size: clamp(0.938rem, 1.04vw, 1.875rem);
font-weight: 700;
color: #206139;
}
@media screen and (max-width: 767px) {
.pagination {
font-size: clamp(0.938rem, 4vw, 1.875rem);
}
}
.pagination .page-numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.pagination .page-numbers {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.pagination .page-numbers .page-numbers {
opacity: 0.5;
margin: 0 0.5em;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
width: 50px;
opacity: 1;
}
.pagination .page-numbers.prev {
margin-right: 2em;
}
.pagination .page-numbers.next {
margin-left: 2em;
}
.pagination .page-numbers a, .pagination .page-numbers span {
color: #206139;
padding: 10px;
text-decoration: none;
}
.pagination .page-numbers a.current, .pagination .page-numbers span.current {
opacity: 1;
}
.pagination .page-numbers a:hover {
opacity: 1;
} .article_detail .article_ttl {
text-align: left;
color: #FFF;
}
.article_detail .article_info {
margin-top: 1.269035533%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.article_detail .article_info {
margin-top: 4%;
}
}
.article_detail .article_date {
color: #FFF;
}
.article_detail .article_tag {
display: inline-block;
background: #FFF;
border-radius: 100vh;
color: #109EAB;
margin-left: auto;
}
.article_detail .article_tag span {
display: block;
padding: 7px 10px;
}
.article_detail .article_fv {
margin: 2.538071066% 0;
}
.article_detail .article_fv img {
width: auto;
max-width: 100%;
max-height: 593px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.article_detail .article_fv {
margin: 6.1538461538% 0;
}
}
.article_detail .article_content {
color: #206139;
}
.article_detail .article_content img {
max-width: 100%;
}
.article_detail .article_content .wp-element-caption {
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
}
@media screen and (max-width: 767px) {
.article_detail .article_content .wp-element-caption {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.article_detail .article_content [class^=wp-block-] {
margin-bottom: 1.5em;
}
.article_detail .article_content a {
display: inline;
text-decoration: underline;
color: inherit;
}
.article_detail .article_content ul, .article_detail .article_content ol, .article_detail .article_content dl {
margin-bottom: 2em;
}
.article_detail .article_content p {
margin-bottom: 1.5em;
}
.article_detail .article_subdetail {
color: #206139;
padding-bottom: 5.076142132%;
margin-bottom: 5.076142132%;
border-bottom: solid 1px #206139;
}
@media screen and (max-width: 767px) {
.article_detail .article_subdetail {
padding-bottom: 12.3076923077%;
margin-bottom: 12.3076923077%;
}
}
.article_detail .article_pager {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 2.538071066%;
}
@media screen and (max-width: 767px) {
.article_detail .article_pager {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
margin-bottom: 6.1538461538%;
}
}
.article_detail .article_pager a {
text-decoration: none;
color: #206139;
padding: 1em 2em;
position: relative;
}
@media screen and (max-width: 767px) {
.article_detail .article_pager a {
padding: 1em 0;
}
}
.article_detail .article_pager .prev {
margin-right: 1em;
}
@media screen and (max-width: 767px) {
.article_detail .article_pager .prev {
margin-right: auto;
}
}
.article_detail .article_pager .prev a {
padding-left: 3em;
}
.article_detail .article_pager .prev a::before {
display: block;
content: "";
width: 30px;
height: 30px;
background: url(//kobe-sizennoie.com/asset/img/icon_pager_prev.svg) no-repeat center;
background-size: 30px auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.article_detail .article_pager .next {
margin-left: 1em;
}
@media screen and (max-width: 767px) {
.article_detail .article_pager .next {
margin-left: auto;
}
}
.article_detail .article_pager .next a {
padding-right: 3em;
}
.article_detail .article_pager .next a::before {
display: block;
content: "";
width: 30px;
height: 30px;
background: url(//kobe-sizennoie.com/asset/img/icon_pager_next.svg) no-repeat center;
background-size: 30px auto;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.article_detail .button_wrap .button {
margin: 0 auto;
} .map_container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 2.7777777778%;
}
@media screen and (max-width: 767px) {
.map_container {
margin-top: 12.3076923077%;
display: block;
}
}
.map_container .map {
-ms-flex-preferred-size: 71.28%;
flex-basis: 71.28%;
margin-right: 40px;
border: solid 1px #206139;
}
@media screen and (max-width: 767px) {
.map_container .map {
margin-right: 0;
}
}
.map_container .map__inner {
width: 100%;
padding-top: 64.0852974186%;
position: relative;
}
.map_container .map__inner iframe {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.map_container .button {
width: 90%;
margin-top: 40px;
}
@media screen and (max-width: 767px) {
.map_container .button {
margin: 12.3076923077% auto 0;
}
}
.map_container .txtarea {
color: #206139;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 767px) {
.map_container .txtarea {
margin-top: 6.1538461538%;
}
}
.map_container .txtarea .map_txt {
margin-top: 10px;
}
.map_container .txtarea .map_link {
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.map_container .txtarea .map_link {
margin-top: 6.1538461538%;
}
}
.map_container .txtarea .map_link a {
color: #109EAB;
text-decoration: none;
padding: 0.3em 0 0.4em 1.3em;
position: relative;
}
.map_container .txtarea .map_link a::before {
content: "";
width: 15px;
height: 24px;
background: url(//kobe-sizennoie.com/asset/img/icon_map.svg) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
} .slidetogglelist .slidetoggle_item:not(:last-child) {
border-bottom: solid 1px #FFF;
}
.slidetogglelist .slidetoggle_item .item_name {
background: #206139;
color: #FFF;
padding: 1em 4em 1em 1.5em;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.slidetogglelist .slidetoggle_item .item_name {
padding: 0.8em 3.5em 0.8em 1.5em;
}
}
.slidetogglelist .slidetoggle_item .item_name .icon_plus {
width: 20px;
height: 20px;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slidetogglelist .slidetoggle_item .item_name .icon_plus::before, .slidetogglelist .slidetoggle_item .item_name .icon_plus::after {
content: "";
display: inline-block;
position: absolute;
width: 2px;
height: 100%;
background: #FFF;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.slidetogglelist .slidetoggle_item .item_name .icon_plus::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.slidetogglelist .slidetoggle_item .item_name.is_active .icon_plus::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.slidetogglelist .slidetoggle_item .item_value {
padding: 2.538071066% 0;
display: none;
}
@media screen and (max-width: 767px) {
.slidetogglelist .slidetoggle_item .item_value {
padding: 6.1538461538% 0;
}
}
.slidetogglelist .slidetoggle_item .item_value a {
display: inline;
text-decoration: none;
color: #76BC79;
}
.slidetogglelist .slidetoggle_item .value_inner {
color: #206139;
padding: 0 5.076142132%;
}
.slidetogglelist .slidetoggle_item .value_inner .button a {
display: block;
color: #FFF;
}
.slidetogglelist .slidetoggle_item .value_box {
border: solid 1px #206139;
border-radius: 5px;
margin-bottom: 2.538071066%;
}
@media screen and (max-width: 767px) {
.slidetogglelist .slidetoggle_item .value_box {
margin-bottom: 6.1538461538%;
}
}
.slidetogglelist .slidetoggle_item .value_box + .value_box {
margin-top: 2.538071066%;
}
@media screen and (max-width: 767px) {
.slidetogglelist .slidetoggle_item .value_box + .value_box {
margin-top: 6.1538461538%;
}
}
.slidetogglelist .slidetoggle_item .value_box .box_head {
padding: 0.5em 1.5em;
border-bottom: solid 1px #206139;
}
@media screen and (max-width: 767px) {
.slidetogglelist .slidetoggle_item .value_box .box_head {
padding: 0.8em 1.5em;
}
}
.slidetogglelist .slidetoggle_item .value_box .box_body {
padding: 0.5em 1.5em;
}
@media screen and (max-width: 767px) {
.slidetogglelist .slidetoggle_item .value_box .box_body {
padding: 0.8em 1.5em;
}
} .databoxlist {
margin-top: 7.614213198%;
color: #206139;
}
@media screen and (max-width: 767px) {
.databoxlist {
margin-top: 12.3076923077%;
}
}
.databoxlist .databoxlist_item {
border-radius: 5px;
border: solid 1px #206139;
margin-top: 5.076142132%;
}
@media screen and (max-width: 767px) {
.databoxlist .databoxlist_item {
margin-top: 12.3076923077%;
}
}
.databoxlist .item_head {
font-size: clamp(0.813rem, 0.9vw, 1.625rem);
font-weight: bold;
padding: 0.7em 1.5em;
border-bottom: solid 1px #206139;
}
@media screen and (max-width: 767px) {
.databoxlist .item_head {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
}
.databoxlist .item_body {
padding: 0.7em 1.5em;
} .overflowslider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow-x: scroll;
gap: 20px;
padding-bottom: 20px;
}
.overflowslider::-webkit-scrollbar {
background: rgba(255, 255, 255, .3);
height: 4px;
border-radius: 100vh;
}
.overflowslider::-webkit-scrollbar-thumb {
background: #004B43;
border: 2px solid #004B43;
border-radius: 100vh;
}
.overflowslider .overflowslider_item {
width: 52%;
-webkit-box-flex: 0;
-ms-flex: 0 0 52%;
flex: 0 0 52%;
border-radius: 5px;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.overflowslider .overflowslider_item {
-webkit-box-flex: 0;
-ms-flex: 0 0 85%;
flex: 0 0 85%;
}
} .section__topconcept {
background: #DEC5AC;
}
.section__topconcept .section__inner {
padding-top: 0;
}
.section__toptodya {
background: #206139;
}
@media screen and (max-width: 767px) {
.section__toptodya {
padding: 16% 0 0;
}
}
.section__toptodya .button {
margin: 3.4364261168% auto 0;
}
@media screen and (max-width: 767px) {
.section__toptodya .button {
width: 90%;
margin-top: 5.3333333333%;
}
}
.section__topevent {
background: #206139;
}
.section__topevent .section__inner {
padding-top: 0;
}
.section__topevent .button {
margin: 80px auto 0;
}
@media screen and (max-width: 767px) {
.section__topevent .button {
margin-top: 16%;
}
}
.section__topcan {
background: #DEC5AC;
}
@media screen and (max-width: 767px) {
.section__topcan {
padding: 16% 0 0;
}
}
.section__topcan .section_ttl {
color: #206139;
}
.section__topnews {
background: #FFF;
}
@media screen and (max-width: 767px) {
.section__topnews {
padding: 16% 0 0;
}
}
.section__topnews .section_ttl {
color: #206139;
}
.section__topnews .button {
margin: 80px auto 0;
}
@media screen and (max-width: 767px) {
.section__topnews .button {
margin-top: 16%;
}
}
.section__topaccess {
background: #FFF;
padding-bottom: 9.7222222222%;
}
@media screen and (max-width: 767px) {
.section__topaccess {
padding: 21.3333333333% 0 0;
}
}
.section__topaccess .section_ttl {
color: #206139;
}
.concept_content {
padding: 77px 0 90px;
}
@media screen and (max-width: 767px) {
.concept_content {
padding: 16% 0;
}
}
.concept_content .txt {
color: #206139;
}
.concept_content .button {
margin: 80px auto 0;
}
@media screen and (max-width: 767px) {
.concept_content .button {
margin-top: 16%;
}
}
.concept_ph {
position: relative;
}
.concept_ph::before {
content: "";
width: 100%;
padding-top: 6.1458333333%;
background: url(//kobe-sizennoie.com/asset/img/slidefilter.png.webp) no-repeat center bottom;
background-size: cover;
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
}
@media screen and (max-width: 767px) {
.concept_ph::before {
width: 86.6666666667%;
right: 0;
margin: auto;
padding-top: 15.3846153846%;
background-image: url(//kobe-sizennoie.com/asset/img/slidefilter_sp.png.webp);
}
}
@media screen and (max-width: 767px) {
.concept_ph {
padding: 0 6.6666666667%;
margin: 16% auto 0;
position: relative;
z-index: 1;
}
.concept_ph::after {
content: "";
width: 100%;
height: 90%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center 100.2% #206139;
background-size: 100% auto;
position: absolute;
top: -15%;
left: 0;
z-index: -1;
}
.concept_ph img {
border-radius: 6px;
}
}
.canlist {
margin-top: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
.canlist {
display: block;
}
}
.canlist .canlist__item {
width: 40.9722222222%;
position: relative;
}
@media screen and (max-width: 767px) {
.canlist .canlist__item {
width: 86%;
}
}
.canlist .canlist__item a:hover {
opacity: 1;
}
.canlist .canlist__item a:hover .can_ph {
opacity: 0.5;
}
.canlist .canlist__item .can_ttl {
width: 19.3939393939%;
position: absolute;
z-index: 1;
}
@media screen and (max-width: 767px) {
.canlist .canlist__item .can_ttl {
width: 24.0310077519%;
}
}
.canlist .canlist__item .can_ph {
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(1) {
margin-left: auto;
}
}
.canlist .canlist__item:nth-child(1) .can_ttl {
left: 0;
top: 0;
-webkit-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(1) .can_ttl {
-webkit-transform: translate(-35%, -10%);
transform: translate(-35%, -10%);
}
}
.canlist .canlist__item:nth-child(2) {
margin-right: auto;
margin-top: 10.4166666667%;
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(2) {
margin-top: 25.2%;
}
}
.canlist .canlist__item:nth-child(2) .can_ttl {
right: 0;
top: 0;
-webkit-transform: translate(50%, -10%);
transform: translate(50%, -10%);
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(2) .can_ttl {
-webkit-transform: translate(35%, -10%);
transform: translate(35%, -10%);
}
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(3) {
margin-top: 25.2%;
margin-left: auto;
}
}
.canlist .canlist__item:nth-child(3) .can_ttl {
left: 0;
top: 0;
-webkit-transform: translate(-50%, -10%);
transform: translate(-50%, -10%);
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(3) .can_ttl {
-webkit-transform: translate(-35%, -10%);
transform: translate(-35%, -10%);
}
}
.canlist .canlist__item:nth-child(4) {
margin-right: auto;
margin-top: 11.2781954887%;
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(4) {
margin-top: 25.2%;
}
}
.canlist .canlist__item:nth-child(4) .can_ttl {
right: 0;
top: 0;
-webkit-transform: translate(50%, -10%);
transform: translate(50%, -10%);
}
@media screen and (max-width: 767px) {
.canlist .canlist__item:nth-child(4) .can_ttl {
-webkit-transform: translate(35%, -10%);
transform: translate(35%, -10%);
}
} .about_content {
margin-top: -1.3888888889%;
}
.about_content .section_bg_concept {
background: url(//kobe-sizennoie.com/asset/img/bg_about.png.webp) no-repeat center top;
background-size: cover;
padding: 11.5277777778% 0 18.9930555556%;
}
@media screen and (max-width: 767px) {
.about_content .section_bg_concept {
background-image: url(//kobe-sizennoie.com/asset/img/bg_about_sp.png.webp);
padding: 34.6666666667% 0 66.6666666667%;
}
}
.about_content .section_bg_concept .copy {
color: #FFF;
font-size: clamp(1.313rem, 1.46vw, 2.625rem);
line-height: 2.8;
text-align: center;
}
@media screen and (max-width: 767px) {
.about_content .section_bg_concept .copy {
font-size: clamp(0.906rem, 3.87vw, 1.813rem);
}
}
.about_content .section_bg_vision {
margin-top: -5.9027777778%;
background: url(//kobe-sizennoie.com/asset/img/fv_vision.png.webp) no-repeat center top;
background-size: cover;
padding: 25.5208333333% 0;
}
@media screen and (max-width: 767px) {
.about_content .section_bg_vision {
background-image: url(//kobe-sizennoie.com/asset/img/fv_vision_sp.png.webp);
padding: 54.1333333333% 0 102.2666666667%;
}
}
.about_content .section_bg_vision .about_ttl {
margin-bottom: 0;
text-align: center;
font-size: clamp(4.063rem, 4.51vw, 8.125rem);
font-weight: 900;
line-height: 1;
color: #FFF;
}
@media screen and (max-width: 767px) {
.about_content .section_bg_vision .about_ttl {
font-size: clamp(2.031rem, 8.67vw, 4.063rem);
}
}
.about_content .about_contents {
background: #FFF;
padding: 5.5555555556% 0 6.9444444444%;
color: #206139;
}
@media screen and (max-width: 767px) {
.about_content .about_contents {
padding: 16% 0 26.6666666667%;
}
}
.about_content .about_contents__inner {
width: 68.9930555556%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.about_content .about_contents__inner {
width: auto;
width: initial;
padding: 0 6.6666666667%;
}
}
.about_content .about_contents .block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.about_content .about_contents .block {
display: block;
}
}
.about_content .about_contents .block:not(:first-child) {
margin-top: 15.0981378963%;
}
@media screen and (max-width: 767px) {
.about_content .about_contents .block:not(:first-child) {
margin-top: 24.6153846154%;
}
}
.about_content .about_contents .block:nth-child(odd) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.about_content .about_contents .block:nth-child(odd) .ph {
margin-right: auto;
}
.about_content .about_contents .block:nth-child(even) .ph {
margin-left: auto;
}
.about_content .about_contents .block .txtarea {
-ms-flex-preferred-size: 37.8459989935%;
flex-basis: 37.8459989935%;
}
.about_content .about_contents .block .ph {
-ms-flex-preferred-size: 51.8369401107%;
flex-basis: 51.8369401107%;
}
@media screen and (max-width: 767px) {
.about_content .about_contents .block .ph {
margin-top: 5.3333333333%;
}
}
.about_content .about_contents .about_hdll {
font-size: clamp(1.313rem, 1.46vw, 2.625rem);
margin: 12.0785103171% 0 8.0523402114%;
text-align: center;
}
@media screen and (max-width: 767px) {
.about_content .about_contents .about_hdll {
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
margin: 18.4615384615% 0 9.2307692308%;
}
} .faq_content {
background: #FFF;
padding-bottom: 8.3333333333%;
}
@media screen and (max-width: 767px) {
.faq_content {
padding-bottom: 38.4%;
}
}
.tab_container {
color: #206139;
}
.tab_container .tab_head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.tab_container .tab_head {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
background: #206139;
border-top: solid 1px #FFF;
}
}
.tab_container .tab_head .tab_item {
-ms-flex-preferred-size: 14.2857142857%;
flex-basis: 14.2857142857%;
text-align: center;
padding: 1.2em 0;
background: #206139;
color: #FFF;
border-top: solid 1px #FFF;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media screen and (max-width: 767px) {
.tab_container .tab_head .tab_item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
border-top-style: none;
border-bottom: solid 1px #FFF;
}
}
.tab_container .tab_head .tab_item:not(:last-child) {
border-right: solid 1px #FFF;
}
@media screen and (max-width: 767px) {
.tab_container .tab_head .tab_item:not(:last-child) {
border-right-style: none;
}
}
@media screen and (max-width: 767px) {
.tab_container .tab_head .tab_item:last-child {
border-bottom-style: none;
}
}
.tab_container .tab_head .tab_item:nth-child(odd) {
border-right: solid 1px #FFF;
}
.tab_container .tab_head .tab_item.is_current {
background: #FFF;
color: #206139;
cursor: auto;
}
.tab_container .tab_body {
padding: 5.5555555556% 0;
display: none;
}
@media screen and (max-width: 767px) {
.tab_container .tab_body {
padding: 0;
}
}
.tab_container .tab_body.is_active {
display: block;
}
.tab_container .tab_body .faqlist_item {
padding: 1.5em 0;
border-bottom: solid 1px #76BC79;
}
.tab_container .tab_body .faqlist_item .qa_en {
margin-right: 0.5em;
}
.tab_container .tab_body .faqlist_item .q {
position: relative;
cursor: pointer;
padding-right: 2.5em;
}
.tab_container .tab_body .faqlist_item .q .icon_plus {
width: 20px;
height: 20px;
position: absolute;
right: 0;
top: 5px;
}
.tab_container .tab_body .faqlist_item .q .icon_plus::before, .tab_container .tab_body .faqlist_item .q .icon_plus::after {
content: "";
display: inline-block;
position: absolute;
width: 2px;
height: 100%;
background: #206139;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.tab_container .tab_body .faqlist_item .q .icon_plus::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.tab_container .tab_body .faqlist_item .q.is_active .icon_plus::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.tab_container .tab_body .faqlist_item .a {
margin-top: 1em;
display: none;
}
.tab_container .tab_body .faqlist_item .a a {
display: inline;
text-decoration: underline;
color: #76BC79;
}
.tab_container .tab_body .faqlist_item .a .qa_en {
color: #109EAB;
} .facility_content .section_map {
padding-bottom: 5.5555555556%;
}
.facility_content .section_mapdetail {
margin-top: -5.5555555556%;
}
.facility_content .section_mapdetail__inner {
background: #FFF;
padding: 6.25% 4.8611111111%;
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail__inner {
padding: 7.3333333333% 6.6666666667%;
}
}
.facility_content .section_mapdetail .button {
margin: 5.8333333333% auto 0;
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .button {
margin: 8% auto;
}
}
.facility_content .section_mapdetail .maplist_wrap {
width: 83.3333333333%;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .maplist_wrap {
width: 100%;
display: block;
}
}
.facility_content .section_mapdetail .maplist {
-ms-flex-preferred-size: 31.3333333333%;
flex-basis: 31.3333333333%;
}
.facility_content .section_mapdetail .maplist:not(:last-child) {
margin-right: 3%;
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .maplist:not(:last-child) {
margin: 0;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .maplist:first-child {
border-top: solid 1px #76BC79;
}
}
.facility_content .section_mapdetail .maplist__item {
border-bottom: solid 1px #76BC79;
color: #206139;
padding: 0.8em 1.5em;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .maplist__item {
padding: 0.8em 0;
}
}
.facility_content .section_mapdetail .maplist__item:first-child {
border-top: solid 1px #76BC79;
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .maplist__item:first-child {
border-top-style: none;
}
}
.facility_content .section_mapdetail .maplist__item .num {
width: 20px;
height: 20px;
margin-right: 0.7em;
background: url(//kobe-sizennoie.com/asset/img/num01.svg) no-repeat center;
background-size: 20px auto;
}
.facility_content .section_mapdetail .maplist__item .num.num02 {
background-image: url(//kobe-sizennoie.com/asset/img/num02.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num03 {
background-image: url(//kobe-sizennoie.com/asset/img/num03.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num04 {
background-image: url(//kobe-sizennoie.com/asset/img/num04.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num05 {
background-image: url(//kobe-sizennoie.com/asset/img/num05.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num06 {
background-image: url(//kobe-sizennoie.com/asset/img/num06.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num07 {
background-image: url(//kobe-sizennoie.com/asset/img/num07.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num08 {
background-image: url(//kobe-sizennoie.com/asset/img/num08.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num09 {
background-image: url(//kobe-sizennoie.com/asset/img/num09.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num10 {
background-image: url(//kobe-sizennoie.com/asset/img/num10.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num11 {
background-image: url(//kobe-sizennoie.com/asset/img/num11.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num12 {
background-image: url(//kobe-sizennoie.com/asset/img/num12.svg);
}
.facility_content .section_mapdetail .maplist__item .num.num13 {
background-image: url(//kobe-sizennoie.com/asset/img/num13.svg);
}
.facility_content .section_mapdetail .maplist__item .txtarea .sub_ttl {
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
}
@media screen and (max-width: 767px) {
.facility_content .section_mapdetail .maplist__item .txtarea .sub_ttl {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.facility_content .section_mapdetail .maplist__item .txtarea .ttl {
margin-top: 0.1em;
}
.facility_content .section_mapdetail .maplist__item .icon {
margin-left: auto;
width: 25px;
height: 25px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.facility_content .section_mapdetail .maplist__item .icon.icon_play {
background-image: url(//kobe-sizennoie.com/asset/img/icon_asobu.png.webp);
}
.facility_content .section_mapdetail .maplist__item .icon.icon_stay {
background-image: url(//kobe-sizennoie.com/asset/img/icon_tomaru.png.webp);
}
.facility_content .section_mapdetail .maplist__item .icon.icon_cafe {
background-image: url(//kobe-sizennoie.com/asset/img/icon_cafe.png.webp);
}
.facility_content .section_accessmap .section__inner {
padding: 8.3333333333% 0 11.1111111111%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessmap .section__inner {
padding: 12% 0 16%;
}
}
.facility_content .section_accessmap .map_container .txtarea {
color: #FFF;
}
.facility_content .section_accessroot .tab_container .tab_head {
border-top-style: none;
}
.facility_content .section_accessroot .tab_container .tab_head .tab_item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
border-top: solid 1px #FFF;
border-bottom-style: none;
}
.facility_content .section_accessroot .tab_container .tab_head .tab_item.is_current {
background: #DEC5AC;
border-top-color: #DEC5AC;
border-bottom-style: none;
}
.facility_content .section_accessroot .tab_container .tab_head .tab_item:nth-child(odd) {
border-right-style: none;
}
.facility_content .section_accessroot .tab_container .tab_body {
background: #DEC5AC;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .tab_container .tab_body {
padding: 6.6666666667% 6.6666666667% 13.3333333333%;
}
}
.facility_content .section_accessroot .tab_container .tab_body_hl {
width: 83.3333333333%;
margin: 0 auto 1em;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .tab_container .tab_body_hl {
width: auto;
width: initial;
}
}
.facility_content .section_accessroot .tab_container .tab_body .accessroot_box {
width: 83.3333333333%;
margin: 0 auto;
background: #FFF;
border: solid 1px #206139;
border-radius: 5px;
padding: 3.3333333333%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .tab_container .tab_body .accessroot_box {
width: auto;
width: initial;
padding: 10.6666666667% 4%;
position: relative;
}
}
.facility_content .section_accessroot .tab_container .tab_body .accessroot_box + .tab_body_hl {
margin-top: 3.6363636364%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .tab_container .tab_body .accessroot_box + .tab_body_hl {
margin-top: 10.6666666667%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .tab_container .tab_body .root_illust {
width: 84.6153846154%;
margin-right: auto;
}
}
.facility_content .section_accessroot .tab_container .tab_body .root_txt_car {
margin: 0 8.3333333333%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .tab_container .tab_body .root_txt_car {
width: 58.4615384615%;
margin: 0;
position: absolute;
top: 15%;
right: 8%;
}
}
.facility_content .section_accessroot .tab_container .tab_body .root_txt_car .txt + .txt {
margin-top: 1em;
}
.facility_content .section_accessroot .tab_container .tab_body .txt {
line-height: 1.5;
}
.facility_content .section_accessroot .root_illust_train1 {
position: relative;
padding: 6.3636363636% 0 7.7272727273%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 {
padding: 0;
position: relative;
width: 86.9230769231%;
margin-right: auto;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt {
position: absolute;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt {
width: 75.3846153846%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt a {
display: inline-block;
color: #76BC79;
text-decoration: none;
}
.facility_content .section_accessroot .root_illust_train1 .txt01 {
top: 8%;
left: 13.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt01 {
top: 9.5%;
left: 29.5%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt02 {
top: 20%;
left: 40%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt02 {
top: 46%;
left: 29.5%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt03 {
top: 8%;
right: 24.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt03 {
top: 67%;
left: 29.5%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt04 {
bottom: 0;
left: 5.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt04 {
bottom: auto;
bottom: initial;
top: -0.5%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt05 {
bottom: 13%;
left: 26.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt05 {
bottom: 56.5%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt06 {
bottom: 26%;
left: 50.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt06 {
bottom: 38.3%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train1 .txt07 {
bottom: 26%;
right: 9.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt07 {
width: 63.3846153846%;
right: auto;
right: initial;
bottom: 7%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt08 {
top: 21%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt09 {
top: 28%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt10 {
bottom: 44%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train1 .txt11 {
bottom: 16%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train2 {
position: relative;
padding: 6.3636363636% 0 7.7272727273%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 {
padding: 0;
position: relative;
width: 86.9230769231%;
margin-right: auto;
}
}
.facility_content .section_accessroot .root_illust_train2 + .root_txt_train {
margin-top: 8.1818181818%;
}
.facility_content .section_accessroot .root_illust_train2 .txt {
position: absolute;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt {
width: 75.3846153846%;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt01 {
top: 19%;
left: 11.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt01 {
top: 7%;
left: 29%;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt a {
display: inline-block;
color: #76BC79;
text-decoration: none;
}
.facility_content .section_accessroot .root_illust_train2 .txt02 {
top: 19%;
left: 32.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt02 {
top: 42.6%;
left: 29%;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt03 {
top: 19%;
right: 41%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt03 {
top: 61%;
left: 29%;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt04 {
top: 7%;
right: 20.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt04 {
top: 75%;
left: 29%;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt05 {
bottom: 0;
left: 6%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt05 {
left: 38%;
bottom: auto;
bottom: initial;
top: -0.3%;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt06 {
bottom: 25%;
left: 19.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt06 {
top: 35.8%;
left: 38%;
bottom: auto;
bottom: initial;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt07 {
bottom: 25%;
left: 41%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt07 {
top: 54.5%;
left: 38%;
bottom: auto;
bottom: initial;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt08 {
bottom: 25%;
right: 34%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt08 {
right: auto;
right: initial;
top: 68.2%;
left: 38%;
bottom: auto;
bottom: initial;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt09 {
bottom: 25%;
right: 8.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt09 {
right: auto;
right: initial;
top: 89.5%;
left: 38%;
bottom: auto;
bottom: initial;
}
}
.facility_content .section_accessroot .root_illust_train2 .txt10 {
width: 31.0454545455%;
bottom: -25%;
left: 6%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt10 {
width: 75.3846153846%;
bottom: auto;
bottom: initial;
top: 19.5%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt11 {
top: 14%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt12 {
top: 30%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt13 {
top: 47.5%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train2 .txt14 {
top: 82.6%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train3 {
position: relative;
padding: 6.3636363636% 0 5.9090909091%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 {
padding: 0;
position: relative;
width: 86.9230769231%;
margin-right: auto;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt {
position: absolute;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt {
width: 75.3846153846%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt a {
display: inline-block;
color: #76BC79;
text-decoration: none;
}
.facility_content .section_accessroot .root_illust_train3 .txt01 {
top: 20%;
left: 11.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt01 {
top: 9.6%;
left: 29.5%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt02 {
top: 20%;
left: 38.9%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt02 {
top: 37.5%;
left: 29.5%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt03 {
top: 7%;
right: 26%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt03 {
top: 62.3%;
left: 29.5%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt04 {
bottom: 20%;
left: 1%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt04 {
bottom: auto;
bottom: initial;
top: -0.3%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt05 {
bottom: 20%;
left: 24.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt05 {
bottom: auto;
bottom: initial;
top: 26.8%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt06 {
bottom: 20%;
left: 45.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt06 {
bottom: auto;
bottom: initial;
top: 51.6%;
left: 38%;
}
}
.facility_content .section_accessroot .root_illust_train3 .txt07 {
bottom: 20%;
right: 8.5%;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt07 {
bottom: auto;
bottom: initial;
top: 84.2%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt08 {
top: 17%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt09 {
top: 44.5%;
left: 38%;
}
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_illust_train3 .txt10 {
top: 74%;
left: 38%;
}
}
.facility_content .section_accessroot .root_txt_train {
margin-top: 3.6363636364%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: right;
-ms-flex-pack: right;
justify-content: right;
}
@media screen and (max-width: 767px) {
.facility_content .section_accessroot .root_txt_train {
display: none;
}
}
.facility_content .section_accessroot .root_txt_train .txt {
margin-left: 2em;
}
.facility_content .section_accessroot .root_txt_train a {
color: #76BC79;
text-decoration: none;
}
.facility_content .section_parking {
color: #206139;
}
.facility_content .section_parking .section__inner {
background: #FFF;
padding: 5.5555555556% 0 13.8888888889%;
}
.facility_content .section_parking .section_ttl {
color: #206139;
}
.facility_content .section_parking .parking_map {
margin-top: 6.345177665%;
}
.facility_content .section_parking .parking_txt {
margin-top: 5.076142132%;
}
.facility_content .section_parking .parking_txtl {
margin-top: 5.076142132%;
font-weight: 700;
}
.facility_content .section_parking .parking_txtl + .parking_txt {
margin-top: 2.538071066%;
}
.facility_content .section_parking .parkin_detail {
margin-top: 7.614213198%;
}
.facility_content .section_parking .parkin_detail .detaillist__item {
border-bottom: solid 1px #FFF;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl {
background: #206139;
color: #FFF;
font-weight: 700;
padding: 1em 2em;
position: relative;
cursor: pointer;
}
.facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl .icon_plus {
width: 20px;
height: 20px;
position: absolute;
right: 1em;
top: 0;
bottom: 0;
margin: auto;
}
.facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl .icon_plus::before, .facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl .icon_plus::after {
content: "";
display: inline-block;
position: absolute;
width: 2px;
height: 100%;
background: #FFF;
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl .icon_plus::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.facility_content .section_parking .parkin_detail .detaillist__item .detail_ttl.is_active .icon_plus::before {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.facility_content .section_parking .parkin_detail .detaillist__item .details {
padding: 4.4416243655% 0 5.076142132%;
display: none;
}
.facility_content .section_parking .parkin_detail .detaillist__item .details__inner {
border: solid 1px #206139;
border-radius: 5px;
padding: 2.538071066% 2.7918781726%;
} .section_bg_cafeconcept {
width: 100%;
padding-top: 1%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern08.svg) no-repeat center top;
background-size: 100% auto;
}
@media screen and (max-width: 767px) {
.section_bg_cafeconcept {
padding: 2.6666666667% 0 0;
background-repeat: repeat-x;
background-size: auto 230px;
}
}
.cafeconcept {
margin-top: -0.6944444444%;
}
@media screen and (max-width: 767px) {
.cafeconcept {
margin-top: -2.6666666667%;
}
}
.cafeconcept__wrap {
background: #FFF;
padding: 5.9027777778% 0 6.9444444444%;
}
@media screen and (max-width: 767px) {
.cafeconcept__wrap {
padding: 8.6666666667% 0 40%;
}
}
.cafeconcept_box {
width: 37.7263581489%;
margin: 0 auto;
color: #206139;
}
@media screen and (max-width: 767px) {
.cafeconcept_box {
width: auto;
width: initial;
}
}
.cafeconcept_ttl {
text-align: center;
padding-bottom: 1em;
border-bottom: solid 1px #206139;
}
.cafeconcept_ttl .sub_ttl {
display: block;
font-size: clamp(0.875rem, 0.97vw, 1.75rem);
font-weight: 500;
}
@media screen and (max-width: 767px) {
.cafeconcept_ttl .sub_ttl {
font-size: clamp(0.875rem, 3.73vw, 1.75rem);
}
}
.cafeconcept_ttl .ttl {
display: block;
font-size: clamp(1.188rem, 1.32vw, 2.375rem);
margin-top: 0.3em;
}
@media screen and (max-width: 767px) {
.cafeconcept_ttl .ttl {
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
}
}
.cafeconcept_txt {
text-align: center;
}
.cafeconcept_logo {
width: 69.8412698413%;
margin: 5.0793650794% auto 0;
}
@media screen and (max-width: 767px) {
.cafeconcept_logo {
width: 100%;
margin: 9.2307692308% auto 0;
}
}
.cafeconcept_copy {
line-height: 2.1875;
margin: 5.0793650794% auto 0;
color: #206139;
}
@media screen and (max-width: 767px) {
.cafeconcept_copy {
margin-top: 12.3076923077%;
}
}
.cafecontent__inner {
width: 69.0277777778%;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 767px) {
.cafecontent__inner {
width: auto;
width: initial;
padding: 0 6.6666666667%;
}
}
.section_bg_cafedata {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
position: relative;
}
.section_bg_cafedata::after {
content: "";
width: 34.6527777778%;
padding-top: 17%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation01.png.webp) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 75px;
top: -155px;
}
@media screen and (max-width: 767px) {
.section_bg_cafedata::after {
background-image: url(//kobe-sizennoie.com/asset/img/bg_illusutlation01_sp.png.webp);
width: 95.3333333333%;
padding-top: 47.1328%;
right: 0;
left: auto;
left: initial;
top: -563%;
}
}
.cafedata__wrap {
background: #DEC5AC;
padding: 6.9444444444% 0;
}
@media screen and (max-width: 767px) {
.cafedata__wrap {
padding: 37.3333333333% 0 18.6666666667%;
}
}
@media screen and (max-width: 767px) {
.cafedata__wrap .cafecontent__inner {
padding: 0;
}
}
.cafemenulist {
margin-top: 8.0482897384%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.cafemenulist {
margin-top: 10.6666666667%;
padding: 0 6.6666666667%;
display: block;
}
}
.cafemenulist_item {
-ms-flex-preferred-size: 32.6961770624%;
flex-basis: 32.6961770624%;
margin: 0 1.8108651911%;
border-radius: 5px;
overflow: hidden;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cafemenulist_item:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
@media screen and (max-width: 767px) {
.cafemenulist_item {
margin: 0;
}
.cafemenulist_item + .cafemenulist_item {
margin-top: 12.3076923077%;
}
}
.cafemenulist_item a {
color: #FFF;
text-decoration: none;
}
.cafemenulist_item a:hover {
opacity: 1;
}
.cafemenulist_item span {
display: block;
background: #206139;
padding: 1em 0;
text-align: center;
}
.cafelocation {
margin-top: 10.060362173%;
}
@media screen and (max-width: 767px) {
.cafelocation {
margin-top: 16%;
}
}
.cafelocation .cafemap {
margin-top: 4.0241448692%;
}
@media screen and (max-width: 767px) {
.cafelocation .cafemap {
margin-top: 10.6666666667%;
}
}
.cafelocation .button {
margin: 6.0362173038% auto 0;
}
@media screen and (max-width: 767px) {
.cafelocation .button {
margin: 10.6666666667% auto 0;
}
} .contact_container {
padding-bottom: 13.8888888889%;
position: relative;
}
@media screen and (max-width: 767px) {
.contact_container {
padding-bottom: 26.6666666667%;
}
}
.contact_container::before {
content: "";
width: 100%;
padding-top: 5.9027777778%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top;
background-size: 100% auto;
position: absolute;
left: 0;
bottom: 50%;
z-index: -1;
}
.contact_container::after {
content: "";
width: 100%;
height: 50%;
background: #DEC5AC;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.contact_container .screen-reader-response {
background: #fff3f3;
padding: 2em 2em 1em 2em;
margin-bottom: 2em;
color: #3b0000;
border-radius: 5px;
}
.contact_container .wpcf7 form .wpcf7-response-output {
color: #F39F77;
padding: 1em;
border-radius: 5px;
border-width: 1px;
border-color: #76BC79;
}
.contact_container hr {
margin-top: 5.1546391753%;
margin-bottom: 5.1546391753%;
border-style: none;
border-top: solid 1px #206139;
}
.contact_inner {
width: 54.7569444444%;
margin: 0 auto;
background: #FFF;
padding: 3.804692454% 6.34115409% 5.072923272%;
color: #206139;
}
@media screen and (max-width: 767px) {
.contact_inner {
width: 86.6666666667%;
padding: 6.1538461538% 6.7692307692%;
}
}
.contact_inner a {
display: inline;
text-decoration: none;
color: #76BC79;
}
.contact_head {
padding-bottom: 5.1546391753%;
margin-bottom: 5.1546391753%;
border-bottom: solid 1px #206139;
}
@media screen and (max-width: 767px) {
.contact_head {
padding-bottom: 12.3076923077%;
margin-bottom: 12.3076923077%;
}
}
.contact_txt {
margin-top: 2em;
}
.contact_form .button {
margin: 6.8728522337% auto 0;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.contact_form .button:hover {
opacity: 0.5;
}
@media screen and (max-width: 767px) {
.contact_form .button {
margin-top: 12.3076923077%;
width: 100%;
}
}
.contact_form .buttons {
margin-top: 0;
}
.contact_form .form_note {
margin-top: 3em;
line-height: 1.3;
color: #CCC;
font-size: clamp(0.75rem, 0.83vw, 1.5rem);
text-align: center;
}
.contact_form .form_note a {
color: #CCC;
text-decoration: underline;
}
.contact_form .form_item textarea {
resize: vertical;
field-sizing: content;
min-height: 20rem;
}
.contact_form .form_item .label_ttl {
display: block;
font-weight: 700;
}
.contact_form .form_item .label_txt {
display: block;
margin: 1em 0 0 1em;
}
.contact_form .form_item ::-webkit-input-placeholder {
color: #90B09A;
}
.contact_form .form_item ::-moz-placeholder {
color: #90B09A;
}
.contact_form .form_item ::-ms-input-placeholder {
color: #90B09A;
}
.contact_form .form_item ::placeholder {
color: #90B09A;
}
.contact_form .form_item .select {
display: block;
width: 100%;
position: relative;
}
.contact_form .form_item .select::after {
display: inline-block;
content: "▼";
color: #206139;
position: absolute;
right: 2.5%;
top: 13px;
z-index: 1;
pointer-events: none;
}
.contact_form .form_item .wpcf7-not-valid-tip {
color: #F39F77;
}
.contact_form .form_item .wpcf7-form-control-wrap {
display: block;
margin-top: 0.8em;
}
.contact_form .form_item .wpcf7-form-control-wrap select {
color: #206139;
width: 100%;
display: block;
background: #FFF;
border: solid 1px #206139;
border-radius: 5px;
padding: 1em;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.contact_form .form_item .wpcf7-form-control-wrap select::-ms-expand {
display: none;
}
.contact_form .form_item .wpcf7-form-control-wrap select:focus {
outline: 2px solid #76BC79;
}
.contact_form .form_item .wpcf7-form-control-wrap input {
width: 100%;
display: block;
background: #FFF;
border: solid 1px #206139;
border-radius: 5px;
padding: 1em 1.3em;
color: #206139;
}
.contact_form .form_item .wpcf7-form-control-wrap input:focus {
outline: 2px solid #76BC79;
}
.contact_form .form_item .wpcf7-form-control-wrap textarea {
width: 100%;
display: block;
background: #FFF;
border: solid 1px #206139;
border-radius: 5px;
padding: 1em;
color: #206139;
}
.contact_form .form_item .wpcf7-form-control-wrap textarea:focus {
outline: 2px solid #76BC79;
}
.contact_form .form_item + .form_item {
margin-top: 2em;
} .section_bg_palycontent {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #109EAB;
background-size: 100% auto;
position: relative;
}
.section_bg_palycontent::after {
content: "";
width: 37.1180555556%;
padding-top: 15%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation02.png.webp) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 75px;
top: -155px;
}
@media screen and (max-width: 767px) {
.section_bg_palycontent::after {
width: 92.2666666667%;
padding-top: 36.1328%;
right: 0;
left: auto;
left: initial;
top: -3.5%;
}
}
.play_content .palycontentlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5.5555555556%;
}
@media screen and (max-width: 767px) {
.play_content .palycontentlist {
margin: 16% auto 0;
width: 86.6666666667%;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.play_content .palycontentlist .palycontentlist_item {
-ms-flex-preferred-size: 14.3055555556%;
flex-basis: 14.3055555556%;
margin: 0 1.25% 5.5555555556%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.play_content .palycontentlist .palycontentlist_item:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.play_content .palycontentlist .palycontentlist_item.is_coming:hover {
-webkit-transform: scale(1);
transform: scale(1);
}
.play_content .palycontentlist .palycontentlist_item.is_coming a {
pointer-events: none;
}
@media screen and (max-width: 767px) {
.play_content .palycontentlist .palycontentlist_item {
-ms-flex-preferred-size: 47.6923076923%;
flex-basis: 47.6923076923%;
margin: 0 0 6.1538461538%;
}
.play_content .palycontentlist .palycontentlist_item:first-child {
margin-left: 26.1538461538%;
margin-right: 26.1538461538%;
}
}
.play_content .palycontentlist .palycontentlist_item a:hover {
opacity: 1;
}
.play_content .section_ttl {
color: #206139;
}
.play_content .section_lead {
margin: 5.076142132% 0 0;
color: #206139;
}
.play_content .playmap {
margin-top: 5.076142132%;
}
@media screen and (max-width: 767px) {
.play_content .playmap {
margin-top: 10.6666666667%;
}
}
.play_content .playmap + .section_ttl {
margin-top: 10.152284264%;
}
@media screen and (max-width: 767px) {
.play_content .playmap + .section_ttl {
margin-top: 21.3333333333%;
}
}
.play_content .button {
margin: 5.076142132% auto 0;
}
@media screen and (max-width: 767px) {
.play_content .button {
margin-top: 10.6666666667%;
}
}
@media screen and (max-width: 767px) {
.play_content .bgc03 .content__inner--middle {
width: 100%;
}
}
.play_content .section_bg_price {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern05.svg) no-repeat center top #206139;
background-size: 100% auto;
}
.play_content .section_bg_recept {
width: 100%;
padding-bottom: 6%;
background: #FFF;
position: relative;
}
@media screen and (max-width: 767px) {
.play_content .section_bg_recept {
padding-top: 1px;
}
}
.play_content .section_bg_recept::after {
content: "";
width: 100%;
height: 1px;
background: #206139;
position: absolute;
top: 0;
}
.play_content .section_bg_playmap {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
}
.play_content .section_bg_copy {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #206139;
background-size: 100% auto;
}
.play_content .section_bg_data {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern05.svg) no-repeat center top #DEC5AC;
background-size: 100% auto;
} .section_bg_staycontent {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #004B43;
background-size: 100% auto;
position: relative;
}
.section_bg_staycontent::after {
content: "";
width: 33.9930555556%;
padding-top: 12%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation03.png.webp) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 118px;
top: -85px;
}
@media screen and (max-width: 767px) {
.section_bg_staycontent::after {
width: 88.9333333333%;
padding-top: 31.1328%;
right: 3%;
left: auto;
left: initial;
top: -5.5%;
}
}
.stay_content .staycontentlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 5.5555555556%;
}
@media screen and (max-width: 767px) {
.stay_content .staycontentlist {
display: block;
margin: 16% auto 0;
width: 86.6666666667%;
}
}
.stay_content .staycontentlist .staycontentlist_item {
-ms-flex-preferred-size: 26.1111111111%;
flex-basis: 26.1111111111%;
margin: 0 1.25% 5.5555555556%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.stay_content .staycontentlist .staycontentlist_item:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
@media screen and (max-width: 767px) {
.stay_content .staycontentlist .staycontentlist_item {
margin: 0 0 12.3076923077%;
}
}
.stay_content .staycontentlist .staycontentlist_item a:hover {
opacity: 1;
}
.stay_content .button {
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.stay_content .button {
margin-top: 6.1538461538%;
}
}
.stay_content .button .icon__reserve::before {
-webkit-transform: translate(-160%, -50%);
transform: translate(-160%, -50%);
}
.stay_content .button + .button {
margin-top: 2.7777777778%;
}
@media screen and (max-width: 767px) {
.stay_content .button + .button {
margin-top: 12.3076923077%;
}
}
.stay_content .section_bg_about {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #206139;
background-size: 100% auto;
}
.stay_content .section_bg_map {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern02.svg) no-repeat center top #DEC5AC;
background-size: 100% auto;
}
.stay_content .campabout_bg {
width: 100%;
margin-top: 3.3333333333%;
padding-top: 9.7916666667%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation05.png.webp) no-repeat center right;
background-size: auto 100%;
}
@media screen and (max-width: 767px) {
.stay_content .campabout_bg {
margin-top: 12.3076923077%;
padding-top: 30.1538461538%;
}
}
.stay_content .cabinabout_bg {
width: 100%;
margin-top: 3.3333333333%;
padding-top: 9.7916666667%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation06.png.webp) no-repeat center right;
background-size: auto 100%;
}
@media screen and (max-width: 767px) {
.stay_content .cabinabout_bg {
margin-top: 12.3076923077%;
padding-top: 30.1538461538%;
}
}
.stay_content .hostelabout_bg {
width: 100%;
margin-top: 3.3333333333%;
padding-top: 12.6666666667%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation07.png.webp) no-repeat center right;
background-size: auto 100%;
}
@media screen and (max-width: 767px) {
.stay_content .hostelabout_bg {
margin-top: 12.3076923077%;
padding-top: 38.7692307692%;
}
}
.stay_content .section_bg_contact {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
}
.stay_content .section_bg_contact2 {
width: 100%;
padding-top: 6%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #206139;
background-size: 100% auto;
}
.stay_content .section_bg_facility {
background-color: #206139;
}
.stay_content .section_contact .section_lead {
color: #206139;
}
.stay_content .section_contact .button {
margin-top: 5.076142132%;
}
@media screen and (max-width: 767px) {
.stay_content .section_contact .button {
margin-top: 12.3076923077%;
}
}
.stay_content .aboutlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 4.1666666667%;
}
@media screen and (max-width: 767px) {
.stay_content .aboutlist {
margin-top: 12.3076923077%;
}
}
.stay_content .aboutlist .aboutlist_item {
-ms-flex-preferred-size: 14.3333333333%;
flex-basis: 14.3333333333%;
}
@media screen and (max-width: 767px) {
.stay_content .aboutlist .aboutlist_item {
-ms-flex-preferred-size: 29.8461538462%;
flex-basis: 29.8461538462%;
}
.stay_content .aboutlist .aboutlist_item:nth-last-child(-n+3) {
margin-top: 6.1538461538%;
}
}
.stay_content .aboutlist .aboutlist_item_inner {
width: 100%;
padding-top: 100%;
position: relative;
background: #FFF;
border-radius: 100vh;
}
.stay_content .aboutlist .aboutlist_item .txt {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -48%);
transform: translate(-50%, -48%);
text-align: center;
line-height: 1.5;
color: #206139;
}
@media screen and (max-width: 767px) {
.stay_content .aboutlist .aboutlist_item .txt {
font-size: clamp(0.813rem, 3.47vw, 1.625rem);
}
}
.stay_content .coming {
text-align: center;
font-size: clamp(1.563rem, 1.74vw, 3.125rem);
line-height: 1.5;
letter-spacing: 0.03em;
margin: 1.6666666667% 0 8.3333333333%;
text-align: center;
color: #206139;
}
@media screen and (max-width: 767px) {
.stay_content .coming {
margin: 6.1538461538% 0 30.7692307692%;
font-size: clamp(1.188rem, 5.07vw, 2.375rem);
}
}
.stay_content .bgc01 .categorypage_hl {
color: #FFF;
}
.stay_content .staymap {
margin-top: 6.0362173038%;
}
@media screen and (max-width: 767px) {
.stay_content .staymap {
margin-top: 12.3076923077%;
}
}
.stay_content .slidetogglelist {
margin: 10.152284264% 0;
}
@media screen and (max-width: 767px) {
.stay_content .slidetogglelist {
margin: 12.3076923077% 0;
}
}
.stay_content .slidetogglelist .slidetoggle_item .item_name {
background: #FFF;
color: #206139;
}
.stay_content .slidetogglelist .slidetoggle_item .item_value {
padding: 5.076142132% 0;
}
@media screen and (max-width: 767px) {
.stay_content .slidetogglelist .slidetoggle_item .item_value {
padding: 12.3076923077% 0;
}
}
.stay_content .slidetogglelist .slidetoggle_item .item_value .txt {
color: #FFF;
margin-top: 5.076142132%;
}
@media screen and (max-width: 767px) {
.stay_content .slidetogglelist .slidetoggle_item .item_value .txt {
margin-top: 12.3076923077%;
}
}
.stay_content .slidetogglelist .slidetoggle_item .item_value .button {
margin: 2em auto;
}
.stay_content .slidetogglelist .slidetoggle_item .item_value .value_inner {
padding: 0;
}
.stay_content .slidetogglelist .slidetoggle_item .atoz {
padding-left: 4em;
position: relative;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.stay_content .slidetogglelist .slidetoggle_item .atoz {
padding-left: 2.5em;
line-height: 1.4;
}
}
.stay_content .slidetogglelist .slidetoggle_item .atoz .sm {
display: block;
font-size: clamp(0.688rem, 0.76vw, 1.375rem);
}
@media screen and (max-width: 767px) {
.stay_content .slidetogglelist .slidetoggle_item .atoz .sm {
font-size: clamp(0.688rem, 2.93vw, 1.375rem);
}
}
.stay_content .slidetogglelist .slidetoggle_item .atoz::before {
content: "";
display: inline-block;
width: 3em;
height: 3em;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-position: center;
background-repeat: no-repeat;
background-size: auto 94%;
}
@media screen and (max-width: 767px) {
.stay_content .slidetogglelist .slidetoggle_item .atoz::before {
width: 2em;
height: 2em;
}
}
.stay_content .slidetogglelist .slidetoggle_item .icon_plus::before, .stay_content .slidetogglelist .slidetoggle_item .icon_plus::after {
background: #206139;
}
.stay_content .slidetogglelist .slidetoggle_item:nth-child(1) .atoz::before {
background-image: url(//kobe-sizennoie.com/asset/img/icon_a.png.webp);
}
.stay_content .slidetogglelist .slidetoggle_item:nth-child(2) .atoz::before {
background-image: url(//kobe-sizennoie.com/asset/img/icon_b.png.webp);
}
.stay_content .slidetogglelist .slidetoggle_item:nth-child(3) .atoz::before {
background-image: url(//kobe-sizennoie.com/asset/img/icon_c.png.webp);
}
.stay_content .slidetogglelist .slidetoggle_item:nth-child(4) .atoz::before {
background-image: url(//kobe-sizennoie.com/asset/img/icon_d.png.webp);
}
.stay_content .slidetogglelist .slidetoggle_item:not(:last-child) {
border-color: #206139;
}
.section_bg_resv {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #206139;
background-size: 100% auto;
position: relative;
}
.reservation_content .button {
margin: 2.7777777778% auto 0;
}
@media screen and (max-width: 767px) {
.reservation_content .button {
margin: 6.1538461538% auto 0;
}
}
.reservation_content .section_lead {
margin-top: 5.076142132%;
color: #FFF;
}
@media screen and (max-width: 767px) {
.reservation_content .section_lead {
margin-top: 12.3076923077%;
}
}
.reservation_content .tab_container {
margin-top: 7.614213198%;
}
@media screen and (max-width: 767px) {
.reservation_content .tab_container {
margin-top: 12.3076923077%;
}
}
@media screen and (max-width: 767px) {
.reservation_content .tab_container .tab_head {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.reservation_content .tab_container .tab_head .tab_item {
-ms-flex-preferred-size: 33.3333333333%;
flex-basis: 33.3333333333%;
}
@media screen and (max-width: 767px) {
.reservation_content .tab_container .tab_head .tab_item {
border-bottom-style: none;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.reservation_content .tab_container .tab_head .tab_item:first-child {
border-left: solid 1px #FFF;
}
@media screen and (max-width: 767px) {
.reservation_content .tab_container .tab_head .tab_item:nth-child(1), .reservation_content .tab_container .tab_head .tab_item:nth-child(2) {
padding: 1.5em 0;
}
.reservation_content .tab_container .tab_head .tab_item:nth-child(3) {
padding: 0.71em 0;
}
}
.reservation_content .tab_container .tab_head .tab_item.is_coming {
opacity: 0.5;
pointer-events: none;
}
.reservation_content .tab_container .tab_body {
background: #FFF;
padding: 0;
}
.reservation_content .linklist .linklist_item a {
padding: 1.2em 3em 1.2em 2.5em;
color: #206139;
text-decoration: none;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.reservation_content .linklist .linklist_item a {
padding: 1em 2em 1em 1.5em;
}
}
.reservation_content .linklist .linklist_item a::after {
content: "";
width: 12px;
height: 11px;
background: url(//kobe-sizennoie.com/asset/img/icon_link.svg) no-repeat center;
background-size: contain;
position: absolute;
top: 50%;
right: 2em;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
.reservation_content .linklist .linklist_item a::after {
right: 1.5em;
}
}
.reservation_content .linklist .linklist_item:not(:last-child) {
border-bottom: solid 1px #76BC79;
} .section_bg_groupcontent {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
position: relative;
}
.section_bg_groupcontent::after {
content: "";
width: 37.6736111111%;
padding-top: 15%;
background: url(//kobe-sizennoie.com/asset/img/bg_illusutlation04.png.webp) no-repeat center;
background-size: 100% auto;
position: absolute;
right: 75px;
top: -125px;
}
@media screen and (max-width: 767px) {
.section_bg_groupcontent::after {
width: 92.2666666667%;
padding-top: 36.1328%;
right: 0;
left: auto;
left: initial;
top: -3.5%;
}
}
.section_bg_gcal {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
}
.section_bg_gcal {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern03.svg) no-repeat center top #FFF;
background-size: 100% auto;
}
.section_bg_facility {
width: 100%;
padding-top: 5%;
background: url(//kobe-sizennoie.com/asset/img/bg_pattern05.svg) no-repeat center top #DEC5AC;
background-size: 100% auto;
}
.section_bg_activity {
width: 100%;
padding-bottom: 1px;
background: #FFF;
position: relative;
}
@media screen and (max-width: 767px) {
.section_bg_activity {
padding-top: 1px;
}
}
.section_bg_activity::after {
content: "";
width: 100%;
height: 1px;
background: #206139;
position: absolute;
top: 0;
}
.group_content .section_inner {
padding-top: 5.5555555556%;
}
@media screen and (max-width: 767px) {
.group_content .section_inner {
padding-top: 10.6666666667%;
}
}
.group_content .section_inner .button {
margin: 5.076142132% auto 0;
}
.group_content .tab_container {
margin-top: 5.5555555556%;
}
.group_content .section_ttl {
color: #206139;
}
.group_content .section_ttls {
color: #206139;
margin: 7.614213198% 0 0;
}
@media screen and (max-width: 767px) {
.group_content .section_ttls {
margin-top: 12.3076923077%;
}
}
.group_content .section_ttlss {
color: #206139;
text-align: center;
margin: 7.614213198% 0 -2.538071066%;
}
@media screen and (max-width: 767px) {
.group_content .section_ttlss {
margin-top: 12.3076923077%;
}
}
.group_content .section_txt {
margin-top: 2.538071066%;
}
.group_content .section_lead {
color: #206139;
}
.group_content .tab_head .tab_item {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
background: #DEC5AC;
}
.group_content .tab_body {
background: #FFF;
padding: 0;
}
.group_content .section_lead {
margin-top: 5.076142132%;
}
@media screen and (max-width: 767px) {
.group_content .section_lead {
margin-top: 6.1538461538%;
}
}
.group_content .buttonstxt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-top: 2.538071066%;
}
.group_content .buttonstxt .txt {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
text-align: center;
}
.group_content .buttons {
margin: 2.538071066% 0 0;
-ms-flex-pack: distribute;
justify-content: space-around;
}
@media screen and (max-width: 767px) {
.group_content .buttons {
margin: 6.1538461538% 0 18.4615384615%;
}
}
.group_content .buttons .buttons_wrap {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
margin: 0 6%;
}
@media screen and (max-width: 767px) {
.group_content .buttons .buttons_wrap {
margin: 0 3.0769230769%;
}
}
.group_content .buttons .buttons_wrap + .buttons_wrap {
margin-left: 0;
}
@media screen and (max-width: 767px) {
.group_content .buttons .buttons_wrap + .buttons_wrap {
margin-top: 9.2307692308%;
margin-left: 3.0769230769%;
}
}
.group_content .buttons .buttons_wrap .button_hl {
text-align: center;
}
.group_content .button.c-blue {
width: 320px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.group_content .button.c-blue {
width: auto;
width: initial;
margin: 0 3.0769230769%;
}
}
.group_content .button.c-blue a {
background: #109EAB;
}
.group_content .button.c-blue a::before {
border-left-color: #109EAB;
}
.group_content .button.c-blue + .button {
margin-top: 5.076142132%;
}
@media screen and (max-width: 767px) {
.group_content .button.c-blue + .button {
margin-top: 6.1538461538%;
}
}
.group_content .mtl {
margin-top: 25.3807106599%;
}
@media screen and (max-width: 767px) {
.group_content .mtl {
margin-top: 30.7692307692%;
}
}
.group_content .gcal_wrap {
margin: 5.076142132% 0;
background: #206139;
padding: 3.807106599% 2.538071066%;
}
@media screen and (max-width: 767px) {
.group_content .gcal_wrap {
margin: 6.1538461538% 0;
}
}
.group_content .gcal_wrap .gcal_inner {
width: 100%;
padding-top: 80%;
position: relative;
}
.group_content .gcal_wrap .gcal_inner iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.group_content .slidetogglelist {
margin-top: 5.076142132%;
}
.group_content .categorypage__wrap {
padding-bottom: 0;
} .error p {
text-align: center;
}
.error .button {
margin: 6% auto 0;
}
@media screen and (max-width: 767px) {
.error .button {
margin-top: 12%;
}
}