@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.loader{align-items:center;background:#fff;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}.loader::after{animation:loader .5s linear infinite;border:1px solid #569cb1;border-radius:50%;border-right:1px solid rgba(86,156,177,.7);border-top:1px solid rgba(86,156,177,.7);content:"";height:30px;width:30px}@keyframes loader{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.clearfix:after{content:"";display:block;clear:both}img{max-width:100%;height:auto}a{color:#569cb1;text-decoration:none}a:focus{outline:none}@media screen and (min-width: 576px){.alignleft{margin:0 20px 20px 0}}@media screen and (min-width: 576px){.alignright{float:right;margin:0 0 20px 20px}}.aligncenter{display:block;margin-right:auto;margin-left:auto}@media screen and (min-width: 992px){.br-sp{display:none}}.br-pc{display:none}@media screen and (min-width: 768px){.br-pc{display:block}}.text-attention{color:#569cb1;font-weight:bold}body{background:#fff;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",sans-serif;color:#000;font-size:clamp(.875rem,.808rem + .26vw,1rem);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#pagination{color:#333;margin-top:40px;padding:20px 0;text-align:center;line-height:40px}#pagination .current{color:#333;font-weight:bold}#pagination a{color:#333}#pagination a:hover{background-color:#ddd}#pagination a,.page-numbers{background:#fff none repeat scroll 0 0;color:#aaa;padding:10px;text-decoration:none;border:1px solid #b9baba;line-height:1.2;display:inline-block;margin-bottom:5px}.navi-single{margin:40px 0 0;font-size:10px;line-height:1.2;display:flex;justify-content:center}@media screen and (min-width: 576px){.navi-single{font-size:12px;margin:80px 0 0;font-size:16px;line-height:1.6}}.navi-single a,.navi-single .navi-spacer{display:block;text-decoration:none;color:#000;padding:10px 10px;margin:0 10px;border:solid 1px #000;transition:.3s}@media screen and (min-width: 576px){.navi-single a,.navi-single .navi-spacer{padding:10px 20px}}.navi-single a:hover,.navi-single .navi-spacer:hover{background:#569cb1;color:#fff}.navi-single .navi-spacer{color:#fafafa;border-color:#fafafa}.navi-single .navi-spacer:hover{background:#fff;color:#fafafa}.wpcf7 p{margin:20px 0;line-height:22px}.wpcf7 textarea{width:100%}.wpcf7 textarea,.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 select{border-radius:0;max-width:100%;padding:10px 5px;box-sizing:border-box}.wpcf7 textarea _::-webkit-full-page-media,.wpcf7 textarea _:future,.wpcf7 textarea :root .css_selector,.wpcf7 input[type=text] _::-webkit-full-page-media,.wpcf7 input[type=text] _:future,.wpcf7 input[type=text] :root .css_selector,.wpcf7 input[type=email] _::-webkit-full-page-media,.wpcf7 input[type=email] _:future,.wpcf7 input[type=email] :root .css_selector,.wpcf7 input[type=tel] _::-webkit-full-page-media,.wpcf7 input[type=tel] _:future,.wpcf7 input[type=tel] :root .css_selector,.wpcf7 select _::-webkit-full-page-media,.wpcf7 select _:future,.wpcf7 select :root .css_selector{-webkit-appearance:none}.wpcf7 textarea,.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel]{width:100%}.wpcf7 input[type=submit],.wpcf7 .wpcf7c-btn-back{transition:.4s;font-size:16px;font-weight:bold;padding:10px 30px;text-align:center;letter-spacing:1em;text-indent:1em;border:none;font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",sans-serif}.page-contact-en .wpcf7 input[type=submit],.page-contact-en .wpcf7 .wpcf7c-btn-back{text-indent:0}.wpcf7 input[type=submit]:hover,.wpcf7 .wpcf7c-btn-back:hover{color:#569cb1;cursor:pointer}.wpcf7 .wpcf7c-btn-back{margin-right:20px}.wpcf7 input,.wpcf7 textarea,.wpcf7 select{background:#fff none repeat scroll 0 0;border:1px solid #000;font-size:12px;margin:5px 0;padding:10px}.wpcf7 textarea{height:300px}.wpcf7c-conf{background:none !important;border:none !important;box-shadow:none !important;font-weight:bold}.button-submit{text-align:center}.wpcf7 input[type=submit]{-webkit-appearance:none;border-radius:0;padding:10px 40px;background:#569cb1;color:#fff;font-weight:bold;border:solid 2px #569cb1;font-size:14px;margin-top:20px;margin-left:70px}.wpcf7 input[type=submit]:hover{background:#fff;color:#569cb1}.wp-caption{max-width:100%;clear:both}.wp-caption-text{font-size:14px;text-align:left;margin:5px 0}.gallery{margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:left}@media screen and (min-width: 768px){.gallery{margin:40px 0 20px}}.gallery-item{text-align:center;box-sizing:border-box;font-size:14px;margin:5px 2% 15px 0}.gallery-columns-1 .gallery-item{width:100%;margin-right:0}@media screen and (min-width: 576px){.gallery-columns-2 .gallery-item{width:49%}.gallery-columns-2 .gallery-item:nth-of-type(2n){margin-right:0}.gallery-columns-3 .gallery-item{width:32%}.gallery-columns-3 .gallery-item:nth-of-type(3n){margin-right:0}.gallery-columns-4 .gallery-item{width:23.5%}.gallery-columns-4 .gallery-item:nth-of-type(4n){margin-right:0}.gallery-columns-5 .gallery-item{width:18.4%}.gallery-columns-5 .gallery-item:nth-of-type(5n){margin-right:0}.gallery-columns-6 .gallery-item{width:15%}.gallery-columns-6 .gallery-item:nth-of-type(6n){margin-right:0}.gallery-columns-7 .gallery-item{width:12.573%}.gallery-columns-7 .gallery-item:nth-of-type(7n){margin-right:0}.gallery-columns-8 .gallery-item{width:10.752%}.gallery-columns-8 .gallery-item:nth-of-type(8n){margin-right:0}.gallery-columns-9 .gallery-item{width:9.33%}.gallery-columns-9 .gallery-item:nth-of-type(9n){margin-right:0}}@media screen and (min-width: 576px){.gallery-columns-3 .gallery-icon,.gallery-columns-4 .gallery-icon,.gallery-columns-5 .gallery-icon,.gallery-columns-6 .gallery-icon,.gallery-columns-7 .gallery-icon,.gallery-columns-8 .gallery-icon,.gallery-columns-9 .gallery-icon{color:#000;display:block;transition:.2s}.gallery-columns-3 .gallery-icon:hover a,.gallery-columns-4 .gallery-icon:hover a,.gallery-columns-5 .gallery-icon:hover a,.gallery-columns-6 .gallery-icon:hover a,.gallery-columns-7 .gallery-icon:hover a,.gallery-columns-8 .gallery-icon:hover a,.gallery-columns-9 .gallery-icon:hover a{opacity:.8}.gallery-columns-3 .gallery-icon a,.gallery-columns-4 .gallery-icon a,.gallery-columns-5 .gallery-icon a,.gallery-columns-6 .gallery-icon a,.gallery-columns-7 .gallery-icon a,.gallery-columns-8 .gallery-icon a,.gallery-columns-9 .gallery-icon a{text-align:center;overflow:hidden;transition:.2s}.gallery-columns-3 .gallery-icon a img,.gallery-columns-4 .gallery-icon a img,.gallery-columns-5 .gallery-icon a img,.gallery-columns-6 .gallery-icon a img,.gallery-columns-7 .gallery-icon a img,.gallery-columns-8 .gallery-icon a img,.gallery-columns-9 .gallery-icon a img{vertical-align:bottom;width:100%;transition:transform .2s;-o-object-fit:contain;object-fit:contain;-o-object-position:50% 0;object-position:50% 0}}@media screen and (max-width: 767px){.x-scroll{overflow:auto}.x-scroll table{width:100%}.x-scroll::-webkit-scrollbar{height:5px}.x-scroll::-webkit-scrollbar-track{background:#f1f1f1}.x-scroll::-webkit-scrollbar-thumb{background:#d6d6d6}.x-scroll td,.x-scroll th{white-space:nowrap}}a:link,a:visited,a:hover,a:active{color:#569cb1}.alignleft{margin:0 20px 20px 0}.alignright{float:right;margin:0 0 20px 20px}header{margin:0 auto;text-align:center;width:1280px;max-width:94%;position:relative;min-height:16.667vw}@media screen and (min-width: 1362px){header{min-height:200px;height:200px}}body.home header{height:66.079vw;min-height:300px}@media screen and (min-width: 1362px){body.home header{height:900px}}header #header-text{left:50%;position:absolute;transform:translateX(-50%);width:90%;top:3.671vw}@media screen and (min-width: 1362px){header #header-text{top:50px}}body.home header #header-text{top:44.787vw}@media screen and (min-width: 1362px){body.home header #header-text{top:610px}}body.home header #header-text h1 img{min-width:260px}header #header-text h1 img{width:40.382vw;margin-bottom:2.937vw}@media screen and (min-width: 1362px){header #header-text h1 img{width:550px;margin-bottom:40px}}header #header-text h1 a{transition:opacity .3s}header #header-text h1 a:hover{opacity:.7}header #header-text p{color:#029087;font-weight:bold;margin-bottom:1.468vw;padding-left:1.468vw;font-size:12px}@media screen and (min-width: 480px){header #header-text p{font-size:2.203vw}}@media screen and (min-width: 1362px){header #header-text p{font-size:30px;margin-bottom:20px;padding-left:20px}}header #header-text h2{display:none}@media screen and (min-width: 992px){header #header-text h2{display:flex;align-items:center;justify-content:center;line-height:1;margin-top:3.671vw}}@media screen and (min-width: 1362px){header #header-text h2{margin-top:50px}}header #header-text h2 .span-asterisk{margin-right:5px}header .svg-tree{position:absolute;width:2.937vw;height:6.314vw}@media screen and (min-width: 1362px){header .svg-tree{width:40px;height:86px}}header .svg-tree1{left:2.937vw;top:44.053vw}@media screen and (min-width: 1362px){header .svg-tree1{left:40px;top:600px}}body:not(.home) header .svg-tree1{left:5.14vw;top:5.874vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-tree1{left:70px;top:80px}}header .svg-tree2{left:10.279vw;top:34.508vw}@media screen and (min-width: 1362px){header .svg-tree2{left:140px;top:470px}}body:not(.home) header .svg-tree2{left:81.498vw;top:7.342vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-tree2{left:1110px;top:100px}}header .svg-tree3{left:7.342vw;top:55.066vw}@media screen and (min-width: 1362px){header .svg-tree3{left:100px;top:750px}}header .svg-tree4{left:72.687vw;top:36.711vw}@media screen and (min-width: 1362px){header .svg-tree4{left:990px;top:500px}}header .svg-tree5{left:82.232vw;top:43.319vw}@media screen and (min-width: 1362px){header .svg-tree5{left:1120px;top:590px}}header .svg-tree6{left:76.358vw;top:54.332vw}@media screen and (min-width: 1362px){header .svg-tree6{left:1040px;top:740px}}header .svg-rain{position:absolute;width:5.874vw;height:12.335vw}@media screen and (min-width: 1362px){header .svg-rain{width:80px;height:168px}}header .svg-rain1{left:0;top:51.395vw}@media screen and (min-width: 1362px){header .svg-rain1{top:700px}}body:not(.home) header .svg-rain1{top:2.937vw;left:19.09vw;width:4.405vw;height:10.573vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-rain1{top:40px;left:260px;width:60px;height:144px}}header .svg-rain2{left:13.95vw;top:44.053vw}@media screen and (min-width: 1362px){header .svg-rain2{left:190px;top:600px}}header .svg-rain3{left:38.179vw;top:17.621vw}@media screen and (min-width: 1362px){header .svg-rain3{left:520px;top:240px}}header .svg-rain4{left:73.421vw;top:24.229vw}@media screen and (min-width: 1362px){header .svg-rain4{left:1000px;top:330px}}header .svg-rain5{left:69.016vw;top:43.319vw}@media screen and (min-width: 1362px){header .svg-rain5{left:940px;top:590px}}header .svg-rain6{left:85.903vw;top:51.395vw}@media screen and (min-width: 1362px){header .svg-rain6{left:1170px;top:700px}}header .svg-bicycle{position:absolute;width:5.874vw;height:12.335vw;left:16.887vw;top:33.04vw}@media screen and (min-width: 1362px){header .svg-bicycle{width:80px;height:168px;left:230px;top:450px}}body:not(.home) header .svg-bicycle{width:4.405vw;height:12.335vw;left:69.75vw;top:3.671vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-bicycle{width:60px;height:168px;left:950px;top:50px}}header .svg-ribbon{position:absolute;width:3.231vw;height:3.231vw;left:17.621vw;top:30.103vw}@media screen and (min-width: 1362px){header .svg-ribbon{width:44px;height:44px;left:240px;top:410px}}body:not(.home) header .svg-ribbon{left:0px;top:.734vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-ribbon{left:0px;top:10px}}header .svg-leaves{position:absolute;width:3.231vw;height:3.231vw;left:60.206vw;top:38.913vw}@media screen and (min-width: 1362px){header .svg-leaves{width:44px;height:44px;left:820px;top:530px}}body:not(.home) header .svg-leaves{left:69.75vw;top:1.468vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-leaves{left:950px;top:20px}}header .svg-balloon{position:absolute;width:4.846vw;height:7.195vw}@media screen and (min-width: 1362px){header .svg-balloon{width:66px;height:98px}}header .svg-balloon1{width:7.783vw;height:10.132vw;left:7.342vw;top:7.342vw}@media screen and (min-width: 1362px){header .svg-balloon1{width:106px;height:138px;left:100px;top:100px}}body:not(.home) header .svg-balloon1{left:85.903vw;top:1.468vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-balloon1{left:1170px;top:20px}}header .svg-balloon2{width:4.846vw;height:7.195vw;left:39.648vw;top:4.405vw}@media screen and (min-width: 1362px){header .svg-balloon2{width:66px;height:98px;left:540px;top:60px}}header .svg-balloon3{width:9.985vw;height:13.436vw;left:49.192vw;top:0}@media screen and (min-width: 1362px){header .svg-balloon3{width:136px;height:183px;left:670px;top:0}}header .svg-balloon4{width:6.314vw;height:8.517vw;left:77.827vw;top:12.482vw}@media screen and (min-width: 1362px){header .svg-balloon4{width:86px;height:116px;left:1060px;top:170px}}header .svg-hot-air-balloon1{position:absolute;width:6.314vw;height:8.223vw;left:66.814vw;top:3.671vw}@media screen and (min-width: 1362px){header .svg-hot-air-balloon1{width:86px;height:112px;left:910px;top:50px}}body:not(.home) header .svg-hot-air-balloon1{width:3.377vw;height:4.405vw;left:9.545vw;top:.734vw}@media screen and (min-width: 1362px){body:not(.home) header .svg-hot-air-balloon1{width:46px;height:60px;left:130px;top:10px}}header .svg-hot-air-balloon2{position:absolute;width:3.377vw;height:4.405vw;left:20.558vw;top:1.468vw}@media screen and (min-width: 1362px){header .svg-hot-air-balloon2{width:46px;height:60px;left:280px;top:20px}}header .svg-title{position:absolute;width:29.369vw;top:5.14vw;left:15.419vw}@media screen and (min-width: 1362px){header .svg-title{width:400px;top:70px;left:210px}}header>.span-asterisk{position:absolute}header>.span-asterisk svg{fill:#569cb1;width:2.349vw}@media screen and (min-width: 1362px){header>.span-asterisk svg{width:32px;left:620px;top:450px}}header>.span-asterisk:first-of-type{left:44.053vw;top:34.508vw}@media screen and (min-width: 1362px){header>.span-asterisk:first-of-type{left:600px;top:470px}}body:not(.home) header>.span-asterisk:first-of-type{left:12.482vw;top:8.811vw}@media screen and (min-width: 1362px){body:not(.home) header>.span-asterisk:first-of-type{left:170px;top:120px}}header>.span-asterisk:nth-of-type(2){left:24.963vw;top:22.761vw}@media screen and (min-width: 1362px){header>.span-asterisk:nth-of-type(2){left:340px;top:310px}}body:not(.home) header>.span-asterisk:nth-of-type(2){left:77.093vw;top:2.937vw}@media screen and (min-width: 1362px){body:not(.home) header>.span-asterisk:nth-of-type(2){left:1050px;top:40px}}header>.span-asterisk:nth-of-type(2) svg{width:1.615vw}@media screen and (min-width: 1362px){header>.span-asterisk:nth-of-type(2) svg{width:22px}}header>.span-asterisk:nth-of-type(3){left:45.521vw;top:8.811vw}@media screen and (min-width: 1362px){header>.span-asterisk:nth-of-type(3){left:620px;top:120px}}header>.span-asterisk:nth-of-type(3) svg{width:2.056vw}@media screen and (min-width: 1362px){header>.span-asterisk:nth-of-type(3) svg{width:28px}}header>.span-asterisk:nth-of-type(4){left:75.624vw;top:5.14vw}@media screen and (min-width: 1362px){header>.span-asterisk:nth-of-type(4){left:1030px;top:70px}}header>.span-asterisk:nth-of-type(4) svg{width:2.056vw}@media screen and (min-width: 1362px){header>.span-asterisk:nth-of-type(4) svg{width:28px}}header .top-image{position:absolute;border-radius:200px;-o-object-fit:cover;object-fit:cover}header .top-image1{width:13.216vw;height:13.216vw;left:-2.937vw;top:22.026vw}@media screen and (min-width: 1362px){header .top-image1{width:180px;height:180px;left:-40px;top:300px}}header .top-image2{width:12.482vw;height:12.482vw;left:12.482vw;top:13.95vw}@media screen and (min-width: 1362px){header .top-image2{width:170px;height:170px;left:170px;top:190px}}header .top-image3{width:13.216vw;height:13.216vw;left:25.698vw;top:27.9vw}@media screen and (min-width: 1362px){header .top-image3{width:180px;height:180px;left:350px;top:380px}}header .top-image4{width:23.495vw;height:23.495vw;left:47.724vw;top:13.216vw}@media screen and (min-width: 1362px){header .top-image4{width:320px;height:320px;left:650px;top:180px}}header .top-image5{width:14.684vw;height:14.684vw;left:81.498vw;top:22.026vw}@media screen and (min-width: 1362px){header .top-image5{width:200px;height:200px;left:1110px;top:300px}}h2.page-title{display:flex;align-items:center;justify-content:center;font-size:clamp(1.25rem,1.115rem + .51vw,1.5rem);font-weight:bold;color:#029087;margin:20px 0}@media screen and (min-width: 768px){h2.page-title{margin:50px 0;justify-content:flex-start}}h2.page-title span{margin-right:clamp(.313rem,.144rem + .64vw,.625rem);margin-top:clamp(.313rem,.144rem + .64vw,.625rem)}h2.page-title .svg-asterisk{height:clamp(1.813rem,1.173rem + 2.44vw,3rem);width:clamp(1.25rem,.846rem + 1.54vw,2rem)}h2.page-title body.home{margin:20px 0}#menu-box{position:fixed;height:100svh;width:100%;background:#fff;z-index:100;top:0;left:-100%;display:flex;transition:left .3s}#menu-box.open{left:0}@media screen and (min-width: 992px){#menu-box{height:auto;position:sticky;left:auto;top:0}body.scrolled #menu-box{box-shadow:0 5px 5px rgba(86,156,177,.08)}}body.admin-bar #menu-box{top:32px}#main-menu{display:flex;font-size:18px;font-weight:bold;background:#fff;margin:0 auto;flex-direction:column;justify-content:center;align-items:center;max-width:96%;width:100%}@media screen and (min-width: 992px){#main-menu{width:1200px;border-top:solid 1px #569cb1;flex-direction:row;justify-content:space-around;align-items:flex-start}}body.scrolled #main-menu{border:none}#main-menu a{padding:10px;display:block;transition:.3s}@media screen and (min-width: 992px){#main-menu a{padding:15px 10px}}#main-menu a:hover{color:#c50018}.svg-asterisk,.svg-information{fill:#029087}.svg-asterisk{height:48px;width:32px}.svg-information{width:114px;height:18px}#container{width:1200px;margin:0 auto;max-width:94%}body:not(.home) #container{margin-bottom:100px}@media screen and (min-width: 768px){#container.col-2{display:flex}#container.col-2 main{width:100%}#container.col-2 nav{width:240px;flex-shrink:0;margin-left:20px}}@media screen and (min-width: 992px){#container.col-2 nav{width:260px;margin-left:20px}}@media screen and (min-width: 1080px){#container.col-2 nav{width:340px;margin-left:40px}}@media screen and (min-width: 768px){#ul-topics{display:flex;flex-wrap:wrap}}#ul-topics li{margin-bottom:40px}@media screen and (min-width: 768px){#ul-topics li{width:23.5%}#ul-topics li:not(:nth-child(4n)){margin-right:2%}}body.home #ul-topics li{margin-bottom:40px}@media screen and (min-width: 768px){body.home #ul-topics li{width:32%}body.home #ul-topics li:not(:nth-child(4n)){margin-right:0}body.home #ul-topics li:not(:nth-child(3n)){margin-right:2%}}#ul-topics li a{display:block;height:100%}#ul-topics li a:hover p.ul-topics-title{color:#c50018}#ul-topics li a:hover img{opacity:.7}#ul-topics li a img{width:100%;aspect-ratio:3/2;-o-object-fit:contain;object-fit:contain;transition:opacity .3s}#ul-topics li a p{font-size:clamp(.813rem,.779rem + .13vw,.875rem);color:#000}#ul-topics li a p.ul-topics-title{transition:color .3s;color:#569cb1;font-weight:bold;font-size:clamp(.813rem,.712rem + .38vw,1rem);margin:15px 0 3px;padding-bottom:3px;border-bottom:solid 1px #ddd}#ul-topics li a p.ul-topics-date{color:#444;font-size:clamp(.75rem,.716rem + .13vw,.813rem);margin:0 0 10px;text-align:right}@media screen and (max-width: 767px){#ul-topics li a{display:flex;justify-content:space-between}#ul-topics li a .news-thumb{width:36%}#ul-topics li a .news-text{width:60%}#ul-topics li a p.ul-topics-title{margin-top:0}}#ul-news{background:#fafafa;padding:30px 4%}@media screen and (min-width: 768px){#ul-news{padding:30px 40px}}#ul-news li:not(:last-child) a{border-bottom:solid 1px #d0e4e9}#ul-news li a{padding:10px 0;display:block;transition:opacity .3s}#ul-news li a:hover{color:#c50018}#ul-news li a span{display:inline-block}#ul-news li a span:first-child{margin-right:10px}#ul-news li a span:last-child{color:#000}#side-banner{margin-top:40px;text-align:center}#footer-shop-box{width:1200px;margin:40px auto;max-width:94%}@media screen and (min-width: 768px){#footer-shop-box #shop-search{display:flex}}#footer-shop-box #shop-search>div{width:100%;display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){#footer-shop-box #shop-search>div{display:block}#footer-shop-box #shop-search>div:not(:last-child){margin-right:4%}}#footer-shop-box #shop-search h3{width:34%}@media screen and (min-width: 768px){#footer-shop-box #shop-search h3{width:100%}}#footer-shop-box #shop-search h3 a{transition:opacity .3s}#footer-shop-box #shop-search h3 a:hover{opacity:.5}#footer-shop-box #shop-search ul{display:flex;flex-wrap:wrap;width:60%}@media screen and (min-width: 768px){#footer-shop-box #shop-search ul{margin-top:20px;width:100%}}#footer-shop-box #shop-search ul li:not(:first-child):before{content:"/";margin:0 5px}#footer-shop-box #shop-search ul li a{transition:color .3s}#footer-shop-box #shop-search ul li a:hover{color:#c50018}#search-box{text-align:center;margin:80px auto}@media screen and (min-width: 768px){#search-box{display:flex;justify-content:center;align-items:center}}#search-box h2{margin:0}#search-box form{margin-top:20px;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px){#search-box form{margin-top:0}}#search-box input#s{width:200px;padding:10px;margin:0 15px}@media screen and (min-width: 768px){#search-box input#s{width:300px}}#search-box button{background:#029087;border:solid 1px #029087;transition:.2s;border-radius:4px;width:40px;height:40px;display:flex;justify-content:center;align-items:center}#search-box button svg{width:24px;height:24px}#search-box button svg path{fill:#fff}#search-box button:hover{cursor:pointer;background-color:#ddd;border-color:#ddd}#search-box button:hover svg path{fill:#569cb1}footer{width:1200px;margin:40px auto;max-width:94%}footer h2{margin-bottom:30px}footer p{text-align:right;font-size:clamp(.75rem,.649rem + .38vw,.938rem)}footer p:first-child{margin-right:20px}@media screen and (min-width: 768px){footer #copyright{display:flex;justify-content:flex-end}}article:not(:last-child){margin-bottom:100px}article hr{height:0;margin:0;padding:0;border:0;border-top:1px solid #000}article h2,article h3,article h4,article h5,article h6{margin:20px 0;line-height:1.2;font-weight:bold}article p,article li{line-height:1.6;margin:15px 0;font-size:14px}@media screen and (min-width: 576px){article p,article li{font-size:16px}}article li{margin:5px 0}article h3{line-height:1.6;border-bottom:solid 1px #000;padding-bottom:10px;margin:40px 0;font-size:20px}@media screen and (min-width: 576px){article h3{font-size:24px}}@media screen and (min-width: 1080px){article h3{font-size:28px}}@media screen and (min-width: 576px){article h3:first-child{margin-top:10px}}article h4{font-size:16px;color:#029087}@media screen and (min-width: 576px){article h4{font-size:20px;margin:30px 0;line-height:1.6}}@media screen and (min-width: 1080px){article h4{font-size:26px}}article h5{margin:20px auto;font-size:14px}@media screen and (min-width: 576px){article h5{font-size:18px}}@media screen and (min-width: 1080px){article h5{font-size:20px}}article h6{margin:20px auto;font-size:14px;font-weight:bold}@media screen and (min-width: 576px){article h6{font-size:15px}}@media screen and (min-width: 1080px){article h6{font-size:17px}}article table{width:100%;max-width:100%;margin:40px auto;background:#fff}article table th,article table td{border:none;border-bottom:solid 1px #ddd;padding:10px;font-size:14px}@media screen and (min-width: 576px){article table th,article table td{font-size:14px}}@media screen and (min-width: 768px){article table th,article table td{min-width:100px;font-size:16px}}article table th p,article table td p{font-size:14px}@media screen and (min-width: 768px){article table th p,article table td p{font-size:16px}}article table th{font-weight:bold;vertical-align:middle;text-align:left;min-width:60px}article table td{text-align:left}article ul,article ol{list-style:disc;margin-left:1em;margin:40px 0 40px 1em}article ol{list-style:decimal}nav h2.page-title{margin-bottom:20px}#side-news-ul{background:#fafafa;padding:2.5vw}@media screen and (min-width: 1080px){#side-news-ul{padding:30px}}#side-news-ul li:not(:last-child) a{border-bottom:solid 1px #ddd;margin-bottom:10px;padding-bottom:10px}#side-news-ul a{display:block;color:#029087;font-size:clamp(.813rem,.712rem + .38vw,1rem)}#side-news-ul a .side-time{color:#000}.iframe-box,#google-box{margin:50px auto;aspect-ratio:16/9}.iframe-box iframe,#google-box iframe{width:100%;height:100%;vertical-align:bottom}.send-button{text-align:center}.news-time{text-align:right;margin-top:-30px;margin-bottom:50px}.navi-pre-next{display:flex;justify-content:space-between}.navi-pre-next>div{width:100%}.navi-pre-next .prev{margin-right:5%}.navi-pre-next .next{margin-left:5%;text-align:right}#category-box{position:relative;text-align:right}#category-box #category-button{font-size:clamp(.875rem,.673rem + .77vw,1.25rem);text-align:right;font-weight:bold;color:#029087;display:inline-flex;align-items:center;transition:.3s;justify-content:flex-end}@media screen and (min-width: 768px){#category-box #category-button{position:absolute;right:0;margin-top:-100px}}#category-box #category-button svg{margin-right:clamp(.25rem,.048rem + .77vw,.625rem);width:clamp(1.25rem,.846rem + 1.54vw,2rem);height:clamp(1.25rem,.846rem + 1.54vw,2rem)}#category-box #category-button span{display:none}@media screen and (min-width: 768px){#category-box #category-button span{display:inline}}#category-box #category-button:hover{color:#c50018;cursor:pointer}#search-content{margin:40px 0 50px;background:#fafafa;padding:20px}#search-content #search-box{margin:30px auto 10px}#search-content #search-box form{margin-bottom:10px}#search-content #search-box h2.page-title{display:none}#search-content h2{font-size:19px;font-weight:bold;margin-top:10px;margin-bottom:10px;color:#029087;border-bottom:solid 1px #ddd;padding-bottom:10px;text-align:center}#search-content a{color:#000}#search-content a:hover{text-decoration:underline}#search-content>ul{margin-top:5px;margin-bottom:20px}#search-content>ul>li{display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width: 768px){#search-content>ul>li{align-items:center;flex-direction:row}}#search-content>ul>li>a{font-weight:bold;margin-right:10px;min-width:200px;padding:3px 0;display:flex;align-items:center}#search-content>ul>li>a .span-asterisk svg{height:20px;margin-bottom:-3px}#search-content>ul>li:nth-child(2) svg{fill:#c50018}#search-content>ul>li:nth-child(3) svg{fill:#d06da2}#search-content>ul>li:nth-child(4) svg{fill:#009fe6}#search-content>ul>li:nth-child(5) svg{fill:#c4c828}#search-content>ul>li>a,#search-content>ul>li>ul{margin:5px 0}@media screen and (min-width: 768px){#search-content>ul>li>a,#search-content>ul>li>ul{margin:0}}#search-content>ul ul.children{display:flex;flex-wrap:wrap;margin-left:10px}@media screen and (min-width: 768px){#search-content>ul ul.children{margin-left:0}}#search-content>ul ul.children li:not(:first-child):before{content:"/";margin:0 5px;color:#569cb1}.page-subtitle{justify-content:center;font-size:clamp(1.125rem,.654rem + 1.79vw,2rem);letter-spacing:.05em;font-weight:bold;text-align:center;margin:40px auto}@media screen and (min-width: 768px){#shop-ul{display:flex;flex-wrap:wrap}}#shop-ul li{margin-bottom:30px}@media screen and (min-width: 768px){#shop-ul li{width:32%}#shop-ul li:not(:nth-child(3n)){margin-right:2%}}#shop-ul li a{display:flex;color:#000;padding:clamp(.625rem,.288rem + 1.28vw,1.25rem);background:#fafafa;height:100%;box-sizing:border-box;border:solid 2px #fafafa;transition:.3s;flex-wrap:wrap;justify-content:space-between}@media screen and (min-width: 768px){#shop-ul li a{flex-direction:column;justify-content:flex-start}}#shop-ul li a:hover{background:#fff;box-shadow:0 7px 8px rgba(0,0,0,.1);border-color:#569cb1}#shop-ul li a:hover .shop-name{color:#c50018}#shop-ul li a .shop-name{font-size:18px;transition:color .3s;font-weight:bold;margin-bottom:15px;color:#029087;width:100%}#shop-ul li a .img-box{width:40%}#shop-ul li a .img-box img{aspect-ratio:3/2;-o-object-fit:contain;object-fit:contain}@media screen and (min-width: 768px){#shop-ul li a .img-box{width:100%}}#shop-ul li a .shop-detail-box{width:56%}@media screen and (min-width: 768px){#shop-ul li a .shop-detail-box{width:100%}}#shop-ul li a .shop-detail{width:100%;margin:0 0 10px}@media screen and (min-width: 768px){#shop-ul li a .shop-detail{margin:10px 0}}#shop-ul li a .shop-detail th{width:80px;padding-right:10px}#shop-ul li a .shop-detail th,#shop-ul li a .shop-detail td{padding:2px 5px}#shop-ul li a .shop-detail tr:not(:last-child){border-bottom:solid 1px #e2eef1}#shop-ul li a .shop-tax{display:flex;margin-top:auto;flex-wrap:wrap}#shop-ul li a .shop-tax p{border-radius:100px;padding:2px 10px;background:#fff;border:solid 1px #ddd;color:#569cb1;flex-shrink:0;font-size:clamp(.625rem,.524rem + .38vw,.813rem);margin-right:10px;font-weight:bold;margin-bottom:10px}#shop-ul li a .shop-tax p.color-gourmet{background:#c50018;border-color:#c50018;color:#fff}#shop-ul li a .shop-tax p.color-beauty{background:#d06da2;border-color:#d06da2;color:#fff}#shop-ul li a .shop-tax p.color-fashion{background:#009fe6;border-color:#009fe6;color:#fff}#shop-ul li a .shop-tax p.color-life-style{background:#c4c828;border-color:#c4c828;color:#fff}.side-category-ul{background:#fafafa;padding:20px 30px}.side-category-ul li a{display:block;font-size:16px;padding:5px 0 5px 10px}.side-category-ul>li{padding-bottom:5px}.side-category-ul>li:not(:last-child){border-bottom:solid 1px #bfd9e1}.side-category-ul>li>a{font-weight:bold;font-size:20px;padding:10px 0 0}.table-shop{border-top:solid 1px #ddd}.table-shop tr:nth-child(odd){background:#f3f8f9}.shop-sns-box a{display:flex;align-items:center;font-weight:bold}.shop-sns-box img{width:32px;margin-right:10px}.sns-button{display:flex;margin-top:20px}.sns-button>*{margin-right:10px}#forms{text-align:center;position:fixed;top:200px;left:200px;z-index:10000;background:#fff;border:1px solid #ddd}#forms p{color:#fff;background:#019189;padding:5px;font-size:13px}#forms input{margin:10px}#map-box p a:hover{border:dotted 2px #ddd}.hide:hover{border:none !important;cursor:default}.hide{display:none !important}body.page-map #container{max-width:100%;position:relative}#map-check{z-index:2}@media screen and (min-width: 992px){#map-check{position:absolute;right:0;top:0}}#map-check ul{display:flex;flex-wrap:wrap}@media screen and (min-width: 768px){#map-check ul{display:block}}#map-check ul li{padding:5px 10px}#map-box{position:relative;margin-top:20px}#map-box a{color:#029087;position:absolute;display:flex;align-items:center;font-weight:bold;font-size:1.5vw}@media screen and (min-width: 1200px){#map-box a{font-size:18px}}#map-box a:hover{color:#c50018}#map-box a svg{fill:#569cb1;width:1.667vw;height:1.667vw}@media screen and (min-width: 1200px){#map-box a svg{width:20px;height:20px}}#map-box a .svg-map-left{margin-right:.417vw}@media screen and (min-width: 1200px){#map-box a .svg-map-left{margin-right:5px}}#map-box a .svg-map-right{margin-left:.417vw}@media screen and (min-width: 1200px){#map-box a .svg-map-right{margin-left:5px}}#map-box a.map-check-gourmet svg{fill:#c50018}#map-box a.map-check-life-style svg{fill:#c4c828}#map-box a.map-check-beauty svg{fill:#d06da2}#map-box a.map-check-fashion svg{fill:#009fe6}#map-box a.mute:hover{color:#777}#map-box a.mute:hover svg{fill:#777}#map-check{background:#fafafa;padding:20px;font-weight:bold}#map-check p{font-size:18px;border-bottom:solid 1px #569cb1;padding-bottom:10px;margin-bottom:10px}#map-check ul li{display:flex;align-items:center}#map-check ul li:hover{cursor:pointer;color:#c50018}#map-check ul li svg{width:16px;height:16px;margin-right:3px;fill:#029087}#map-check ul li:nth-child(2) svg{fill:#c50018}#map-check ul li:nth-child(3) svg{fill:#d06da2}#map-check ul li:nth-child(4) svg{fill:#009fe6}#map-check ul li:nth-child(5) svg{fill:#c4c828}@media screen and (max-width: 991px){#backtotop{display:none !important}}@media screen and (min-width: 992px){#backtotop{position:fixed;right:20px;bottom:20px;fill:#569cb1}}#backtotop svg{width:64px;height:64px}#backtotop svg path{fill:#fff}#btn-box{display:block;position:fixed;top:10px;right:10px;z-index:100001;width:35px;height:35px;padding:10px;background:#fff}@media screen and (min-width: 992px){#btn-box{display:none}}#btn-box p{font-size:8px;font-weight:bold;color:#029087;text-align:center;white-space:nowrap;margin-top:4px}#btn{width:35px;height:25px;transition:.4s;display:block;position:relative}#btn:before,#btn:after,#btn span{display:block;position:absolute;left:0;right:0;margin:auto;transition:.3s ease-in-out}#btn span{height:4px;top:calc(50% - 2px);background-color:#569cb1}#btn:before{content:"";top:calc(25% - 7px);border-top:4px solid #569cb1}#btn:after{content:"";bottom:calc(25% - 7px);border-bottom:4px solid #569cb1}#btn.active span{display:none}#btn.active:before{top:calc(50% - 2px);transform:rotate(315deg)}#btn.active:after{bottom:calc(50% - 2px);transform:rotate(-315deg)}.fb_iframe_widget{display:flex !important;justify-content:center !important}.thumb-box{text-align:center}.thumb-box img{-o-object-fit:contain;object-fit:contain;aspect-ratio:3/2;vertical-align:bottom}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block;width:100%}* html .clearfix{height:1%}#lightboxIframe{display:none}#overlay{position:absolute;top:0;left:0;z-index:10090;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:.6;opacity:.6;display:none}#lightbox{position:absolute;left:0;width:100%;z-index:10100;line-height:0}#jqlb_spinner{height:32px;background-image:url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/loading.gif);background-repeat:no-repeat;background-position:center center}#jqlb_closelabel{height:22px;width:66px;background-image:url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/closelabel.gif);background-repeat:no-repeat;background-position:center center}#lightbox a img{border:none}#outerImageContainer{position:relative;background-color:#fff;width:300px;height:300px;margin:0 auto}#imageContainer{padding:10px;text-align:center}#lightboxImage{margin-left:auto;margin-right:auto;}#jqlb_loading{position:absolute;top:40%;left:0;height:25%;width:100%;line-height:0}#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}#imageContainer>#hoverNav{left:0}#hoverNav a{outline:0}#nextLink,#prevLink{width:45%;height:100%;background:transparent url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/blank.gif) no-repeat;display:block}#prevLink{left:0;float:left}#nextLink{right:0;float:right}#prevLink:hover,#prevLink:visited:hover{background:url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) left 50% no-repeat}#nextLink:hover,#nextLink:visited:hover{background:url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) right 50% no-repeat}#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;color:#000;margin:0 auto;line-height:1.4em}#imageData{padding:0 10px}.ontop #imageData{padding-top:5px}#imageData #imageDetails{float:left;text-align:left;margin-bottom:10px;width:80%;width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-o-calc(100% - 80px);width:calc(100% - 80px)}#imageData #imageDetails #titleAndCaption #titleText{font-weight:700}#imageData #imageDetails #titleAndCaption #captionText{font-weight:400}#imageData #imageDetails #controls{margin:0;white-space:nowrap}#imageData #bottomNav #bottomNavClose{height:22px;width:66px;float:right;margin-bottom:10px}#lightbox {
position: fixed;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%);
}
#imageContainer {
position: relative;
height: 100%;
box-sizing: border-box;
}
#imageDataContainer {
position: relative;
}
#imageDataContainer.hide {
display: none;
}
#newHoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
}
#prevArrow,
#nextArrow {
color: black;
background: rgba(255,255,255,.7);
font-size: 40px;
position: relative;
display: none;
padding: 8px 10px 8px 6px;
cursor: pointer;
width: 46px;
height: 46px;
box-sizing: border-box;
}
#nextArrow {
padding: 8px 6px 8px 10px;
}
#prevArrow.fixed,
#nextArrow.fixed {
position: fixed;
display:block;
top: 50%;
left: 1%;
transform: translate(0, -50%);
border-radius: 2px;
}
#nextArrow.fixed {
right: 1%;
left: auto;
}
@media screen and (max-width: 800px) {
#prevArrow.fixed,
#nextArrow.fixed {
border-radius: 2px;
}
#prevArrow.fixed {
left: 0;
}
#nextArrow.fixed {
right: 0;
}
}
#imageContainer:hover #prevArrow,
#imageContainer:hover #nextArrow {
display:block;
}
#imageData {
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 10px 8px;
}
#imageData #imageDetails {
margin-bottom: 0;
}
#imageData #bottomNav #bottomNavClose {
margin-bottom: 0;
}
#jqlb_loading {
top: 45%;
} #prevArrow.touch-device,
#nextArrow.touch-device {
display: block;
}
#prevLink.touch-device,
#nextLink.touch-device {
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 40px;
width: 40px;
float: none;
}
#prevLink.touch-device {
left: 0;
background: url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/prev.gif) center center no-repeat;
}
#nextLink.touch-device {
right: 0;
background: url(https://rokko-s.com/wp-content/plugins/wp-jquery-lightbox/lightboxes/wp-jquery-lightbox/styles/images/next.gif) center center no-repeat;
}
#imageDataContainer {
position: relative;
z-index: 20px;
}