:root {
--icon-arrow-right: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20d%3D%22m11.8%208-5-5-1.5%201.5L8.8%208l-3.5%203.5L6.8%2013z%22%2F%3E%3C%2Fsvg%3E");
--color-white: #fff;
--color-black: #342F2E;
--color-gray: #999;
--color-gray-light: #f2f2f2f2;
--color-gray-light-b: #eee;
--color-gray-light-c: #707070;
--color-gray-light-d: #ddd;
--color-gray-pale: #f6f6f6;
--color-red: #BB4630;
--color-red-light: #FCF5F4;
--color-red-light-b: #FAEEEC;
--font-sans: century-gothic, 'Noto Serif JP', serif;
--font-sans-b: 'Hiragino Kaku Gothic ProN',sans-serif;
--font-sans-c: 'Noto Sans JP', sans-serif;
--font-en: 'Satisfy', cursive;
--transition-duration: 0.15s;
--transition-opacity: 0.65;
--content-size-small: 90vw;
--content-size-medium: 90vw;
--content-size-large: 90vw;
--content-size-xlarge: 90vw;
--font-10: 10px;
--font-11: clamp(11px, 0.9197324415vw, 11px);
--font-12: clamp(11px, 1.0033444816vw, 12px);
--font-13: clamp(12px, 1.0869565217vw, 13px);
--font-14: clamp(12px, 1.1705685619vw, 14px);
--font-15: clamp(13px, 1.254180602vw, 15px);
--font-16: clamp(13px, 1.3377926421vw, 16px);
--font-17: clamp(14px, 1.4214046823vw, 17px);
--font-18: clamp(14px, 1.5050167224vw, 18px);
--font-19: clamp(15px, 1.5886287625vw, 19px);
--font-20: clamp(15px, 1.6722408027vw, 20px);
--font-21: clamp(16px, 1.7558528428vw, 21px);
--font-22: clamp(16px, 1.8394648829vw, 22px);
--font-23: clamp(17px, 1.9230769231vw, 23px);
--font-24: clamp(17px, 2.0066889632vw, 24px);
--font-25: clamp(18px, 2.0903010033vw, 25px);
--font-26: clamp(18px, 2.1739130435vw, 26px);
--font-27: clamp(19px, 2.2575250836vw, 27px);
--font-28: clamp(19px, 2.3411371237vw, 28px);
--font-29: clamp(20px, 2.4247491639vw, 29px);
--font-30: clamp(20px, 2.508361204vw, 30px);
--font-31: clamp(21px, 2.5919732441vw, 31px);
--font-32: clamp(21px, 2.6755852843vw, 32px);
--font-33: clamp(22px, 2.7591973244vw, 33px);
--font-34: clamp(22px, 2.8428093645vw, 34px);
--font-35: clamp(23px, 2.9264214047vw, 35px);
--font-36: clamp(23px, 3.0100334448vw, 36px);
--font-37: clamp(24px, 3.0936454849vw, 37px);
--font-38: clamp(24px, 3.1772575251vw, 38px);
--font-39: clamp(25px, 3.2608695652vw, 39px);
--font-40: clamp(25px, 3.3444816054vw, 40px);
--font-41: clamp(26px, 3.4280936455vw, 41px);
--font-42: clamp(26px, 3.5117056856vw, 42px);
--font-43: clamp(27px, 3.5953177258vw, 43px);
--font-44: clamp(27px, 3.6789297659vw, 44px);
--font-45: clamp(28px, 3.762541806vw, 45px);
--font-46: clamp(28px, 3.8461538462vw, 46px);
--font-47: clamp(29px, 3.9297658863vw, 47px);
--font-48: clamp(29px, 4.0133779264vw, 48px);
--font-49: clamp(30px, 4.0969899666vw, 49px);
--font-50: clamp(30px, 4.1806020067vw, 50px);
--font-51: clamp(31px, 4.2642140468vw, 51px);
--font-52: clamp(31px, 4.347826087vw, 52px);
--font-53: clamp(32px, 4.4314381271vw, 53px);
--font-54: clamp(32px, 4.5150501672vw, 54px);
--font-55: clamp(33px, 4.5986622074vw, 55px);
--font-56: clamp(33px, 4.6822742475vw, 56px);
--font-57: clamp(34px, 4.7658862876vw, 57px);
--font-58: clamp(34px, 4.8494983278vw, 58px);
--font-59: clamp(35px, 4.9331103679vw, 59px);
--font-60: clamp(35px, 5.016722408vw, 60px);
--font-70: clamp(40px, 5.8528428094vw, 70px);
}
@media (min-width: 768px) {
:root {
--content-size-small: clamp(0px, 58.5284280936vw, 700px);
--content-size-medium: clamp(0px, 67.5585284281vw, 808px);
--content-size-large: clamp(0px, 91.6387959866vw, 1096px);
--content-size-xlarge: clamp(0px, 71.3541666667vw, 1370px);
}
}
._d-none {
display: none !important;
}
._d-block {
display: block !important;
}
._d-inline-block {
display: inline-block !important;
}
._d-inline {
display: inline !important;
}
._d-flex {
display: flex !important;
}
._d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 560px) {
._d-sm-none {
display: none !important;
}
._d-sm-block {
display: block !important;
}
._d-sm-inline-block {
display: inline-block !important;
}
._d-sm-inline {
display: inline !important;
}
._d-sm-flex {
display: flex !important;
}
._d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
._d-md-none {
display: none !important;
}
._d-md-block {
display: block !important;
}
._d-md-inline-block {
display: inline-block !important;
}
._d-md-inline {
display: inline !important;
}
._d-md-flex {
display: flex !important;
}
._d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 960px) {
._d-lg-none {
display: none !important;
}
._d-lg-block {
display: block !important;
}
._d-lg-inline-block {
display: inline-block !important;
}
._d-lg-inline {
display: inline !important;
}
._d-lg-flex {
display: flex !important;
}
._d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
._d-xl-none {
display: none !important;
}
._d-xl-block {
display: block !important;
}
._d-xl-inline-block {
display: inline-block !important;
}
._d-xl-inline {
display: inline !important;
}
._d-xl-flex {
display: flex !important;
}
._d-xl-inline-flex {
display: inline-flex !important;
}
}  *,
::before,
::after {
box-sizing: border-box;
} ::before,
::after {
text-decoration: inherit; vertical-align: inherit; } html {
-moz-tab-size: 4; -o-tab-size: 4;
tab-size: 4; -webkit-tap-highlight-color: transparent;
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; font-size: 62.5%;
}  body {
margin: 0;
font-size: 16px;
}     hr {
height: 0; overflow: visible; } main {
display: block;
} nav ol,
nav ul {
list-style: none;
padding: 0;
} pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
}  audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
} audio,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} iframe {
border-style: none;
} img {
border-style: none;
} svg:not([fill]) {
fill: currentColor;
} svg:not(:root) {
overflow: hidden;
}  table {
border-collapse: collapse;
}  button,
input,
select {
margin: 0;
} button {
overflow: visible; text-transform: none; } button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} fieldset {
border: 1px solid #a0a0a0; padding: 0.35em 0.75em 0.625em; } input {
overflow: visible;
} legend {
color: inherit; display: table; max-width: 100%; white-space: normal; } progress {
display: inline-block; vertical-align: baseline; } select {
text-transform: none;
} textarea {
margin: 0; overflow: auto; resize: vertical; } [type=checkbox],
[type=radio] {
padding: 0;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} ::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
} ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
}  details {
display: block;
} dialog {
background-color: white;
border: solid;
color: black;
display: block;
height: -moz-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: fit-content;
}
dialog:not([open]) {
display: none;
} summary {
display: list-item;
}  canvas {
display: inline-block;
} template {
display: none;
}  a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] { touch-action: manipulation; } [hidden] {
display: none;
}  [aria-busy=true] {
cursor: progress;
} [aria-controls] {
cursor: pointer;
} [aria-disabled=true],
[disabled] {
cursor: not-allowed;
} [aria-hidden=false][hidden] {
display: initial;
}
[aria-hidden=false][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
position: absolute;
}
html {
cursor: auto;
line-height: 1;
}
body {
font-family: var(--font-sans);
letter-spacing: 1.5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-size: inherit;
font-weight: inherit;
}
p {
margin: 0;
line-height: 2;
}
blockquote {
margin: 0;
}
ul,
ol {
margin: 0;
padding-left: 0;
list-style: none;
}
dl,
dd {
margin: 0;
}
hr {
margin: 0;
border: none;
border-top: 1px solid currentColor;
}
pre {
margin: 0;
}
a {
color: inherit;
text-decoration: none;
}
rt {
letter-spacing: 0;
}
figure {
max-width: 100%;
margin: 0;
}
img {
max-width: 100%;
height: auto;
}
table {
width: 100%;
table-layout: fixed;
}
tbody,
thead {
vertical-align: inherit;
}
th {
margin: 0;
text-align: inherit;
text-align: -webkit-match-parent;
}
td {
padding: 0;
}
label {
display: inline-block;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: inherit;
}
button {
border-radius: 0;
}
button:not(:disabled),
[role=button],
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
iframe{
max-width: 100%;
}
body {
background: var(--color-white);
font-family: var(--font-sans);
font-feature-settings: "palt";
font-weight: 400;
letter-spacing: 0.025em;
color: var(--color-black);
}
a,
button,
[type=button],
[type=reset],
[type=submit] {
transition-property: opacity;
transition-duration: var(--transition-duration);
transition-timing-function: ease;
}
:not(.-is-ios) a:hover,
:not(.-is-ios) button:hover,
:not(.-is-ios) [type=button]:hover,
:not(.-is-ios) [type=reset]:hover,
:not(.-is-ios) [type=submit]:hover {
opacity: var(--transition-opacity);
}
svg{
width: 100%;
}
br.sp{
display: none;
}
br.sp_no{
display: block;
}
@media (max-width:767px) {
br.sp{
display: block;
}
br.sp_no{
display: none;
}
}
.l-global-navigation{
display: block;
width: 16rem;
height: 100%;
position: fixed;
right: 0;
top: 0;
}
@media (max-width:767px){
.l-global-navigation{
display: none;
}
}
.l-global-navigation h1{
font-size: 15px;
text-align: center;
margin-top: 3em;
}
.l-global-navigation ul{
text-align: center;
margin-top: 1em;
}
.l-global-navigation > h1 > a > img{
margin: 0 auto;
}
.l-global-navigation > nav{
margin-top: 80px;
}
.l-global-navigation > nav > .nav > li > a{
font-size: var(--font-16);
font-weight: bold;
}
.l-global-navigation > nav > .nav > li + li{
margin-top: 2em;
}
.l-global-navigation > nav > .sns,
#g-nav-list > .inner > .sns,
.sns{
display: flex;
gap: 10px;
margin-top: 153px;
justify-content: center;
}
#g-nav-list > .inner > .sns{
margin-top: 230px;
}
.sns{
margin-top: 20px;
}
#g-nav-list > .inner > ul > h1 > a > img{
margin: 0 auto;
padding-bottom: 1em;
} .g_nav{
display: none;
}
@media (max-width:767px) {
.g_nav{
display: block;
}
}
#g-nav{
position:fixed;
z-index: -1;
opacity: 0;
top:0;
width:100%;
height: 100vh;
background: var(--color-gray-light);
transition: all 0.3s;
}
#g-nav.panelactive{
opacity: 1;
z-index: 999;
}
#g-nav.panelactive #g-nav-list{
position: fixed;
z-index: 999; 
width:100%;
height: 100vh;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
#g-nav ul {
display: none;  position: absolute;
z-index: 999;
top:45%;
left:50%;
transform: translate(-50%,-50%);
}
#g-nav.panelactive ul {
display: block;
}
#g-nav li{
list-style: none;
text-align: center; 
}
#g-nav li a{
color: #333;
text-decoration: none;
padding:10px;
display: block;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: bold;
}
.openbtn{
position: fixed;
top: 0;
right: 0;
z-index: 9999;
background:var(--color-red);
cursor: pointer;
width: 70px;
height:70px;
}
.openbtn span{
display: inline-block;
transition: all .4s;
position: absolute;
left: 27%;
height: 2px;
border-radius: 5px;
background: var(--color-white);
width: 45%;
}
.openbtn span:nth-of-type(1) {
top:15px;	
}
.openbtn span:nth-of-type(2) {
top:21px;
}
.openbtn span:nth-of-type(3) {
top:28px;
}
.openbtn span:nth-of-type(3)::after {
content:"Menu";
position: absolute;
top:15px;
left:0;
color: var(--color-white);
font-size: 1rem;
text-transform: uppercase;
width: 35px;
}
.openbtn.active span:nth-of-type(1) {
top: 20px;
left: 24px;
transform: translateY(6px) rotate(-45deg);
width: 30%;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
}
.openbtn.active span:nth-of-type(3){
top: 32px;
left: 24px;
transform: translateY(-6px) rotate(45deg);
width: 30%;
}
.openbtn.active span:nth-of-type(3)::after {
content:"Close";
transform: translateY(0) rotate(-45deg);
top:10px;
left:10px;
width: 40px;
}
.l-header{
display: block;
width: calc(((100% - 16rem) / 2) - (0.35vw + 0.15vh));
height: 100%;
position: fixed;
left: 0;
top: 0;
overflow: hidden;
}
.l-header{
display: flex;
justify-content: center;
align-items: center;
}
.l-header.bg{
background-color: var(--color-gray);
}
.shiosai_img{ object-fit: cover;
}
@media (max-width: 1151px){
.t-top .l-header {
height: 95vh;
min-height: 600px;
min-height: 60rem;
}
.l-header{
width: calc((100% - 16rem) - (0.35vw + 0.15vh));
height: 85vh;
min-height: 380px;
min-height: 38rem;
position: relative;
left: 0;
top: 0;
}
}
@media screen and (max-width: 767px){
.t-top .l-header {
height: 100vw; height: 40vh;
min-height: 310px;
min-height: 31rem;
}
.t-top .l-header.-top{
height: 100vw;
}
.l-header {
width: auto;
height: 30vh;
min-height: 200px;
min-height: 20rem;
position: relative;
left: auto;
top: auto;
}
}
@media (max-width:560px) {
.l-header.sp_none{
display: none;
}
}
.video{
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width:767px) {
.video{
width: 100%;
}
}
.l-header > h1{
z-index: 10;
}
.l-main{
display: block;
width: calc(((100% - 16rem) / 2) - (0.35vw + 0.15vh)); margin: calc((0.35vw + 0.15vh)) 0 0 auto;
position: relative;
right: 16rem;
}
@media  (max-width: 1151px){
.l-main {
width: calc((100% - 16rem) - (0.35vw + 0.15vh));
min-width: inherit;
min-width: auto;
max-width: inherit;
max-width: auto;
min-height: inherit;
min-height: auto;
max-height: inherit;
max-height: auto;
margin: calc((0.35vw + 0.15vh)) 0 0 0;
padding-top: calc((0.35vw + 0.15vh));
position: relative;
top: 0;
left: 0;
right: auto;
}  
}
@media screen and (max-width: 767px){
.l-main {
width: auto;
min-width: inherit;
min-width: auto;
max-width: inherit;
max-width: auto;
min-height: inherit;
min-height: auto;
max-height: inherit;
max-height: auto;
margin: 0 5px;
padding-top: 0;
left: 0;
right: auto;
margin-top: 5px;
}
}
.l-main {
counter-reset: heading-count;
}
.l-main > .top_img{
margin: 0 auto;
}
.top_img-sp{
display: none;
}
@media (max-width:767px) {
.top_img-sp{
display: block;
}
.top_img{
display: none;
}
} .news{
background-color: var(--color-red-light);
margin-top: clamp(10px, 1.7441860465vw, 30px);
padding-top: 82px;
padding-bottom: 60px;
}
h2.home_h2{
font-size: 24px;
padding-bottom: 50px;
text-align: center;
}
.home_h2.-typeA{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
line-height: 1.25;
position: relative;
}
.home_h2.-typeA::before{
content: attr(data-text);
color: var(--color-red);
font-size: 40px;
opacity: .1;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.home_h2.-typeA::after{
content: '///////////////';
font-size: 5px;
opacity: .3;
color: var(--color-red);
letter-spacing: 1.5px;
margin-top: 2em;
}
.post{
max-width: var(--content-size-medium);
margin: 0 auto;
}
.c-row.-home-product, .c-row.-home-feature {
--c-row-gutter-x: 10px;
--c-row-gutter-y: 10px;
}
.c-row.-center {
justify-content: center;
}
.c-row.-between{
justify-content: space-between;
}
.c-row.-start{
justify-content: flex-start;
}
.c-row {
display: flex;
flex-wrap: wrap;
margin: calc(var(--c-row-gutter-y) / 2 * -1) calc(var(--c-row-gutter-x) / 2 * -1);
padding: 0;
list-style: none;
}
.c-row > .col {
flex: 1 1 0%;
display: flex;
flex-direction: column;
padding: calc(var(--c-row-gutter-y, 0) / 2) calc(var(--c-row-gutter-x, 0) / 2);
z-index: 10;
}
.c-row.-sm-two > .col {
flex-basis: 24%;
max-width: 24%;
overflow:hidden;
}
@media (max-width: 1565px){
.c-row.-lg-three > .col {
flex-basis: 50%;
max-width: 50%;
}
}
@media (max-width: 560px){ }
.c-card.-home-feature {   }
.c-card {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
text-decoration: none;
line-height: 1;
color: inherit;
word-wrap: break-word;
}
.c-row > .col > .c-card > a > img,
.c-row > .col > .c-card > img{
width: 100%;
}
.c-row > .col > .c-card > a > .body{
display: flex;
margin-top: 9px;
gap: clamp(0px, 2.3837209302vw, 41px);
justify-content: start;
align-items: center;
}
.c-row > .col > .c-card > a > .body > .cate{
color: var(--color-white);
font-size: var(--font-12);
background-color: var(--color-red);
display: inline-block;
padding: 5px;
}
.c-row > .col > .c-card > a > .body > .data,
.c-row > .col > .c-card .body > .data{
font-size: var(--font-12);
font-weight: 100;
}
.c-row > .col > .c-card > a > p,
.c-row > .col > .c-card > .body > h3{
font-size: 14px;
padding: 10px 0;
overflow: hidden;
text-overflow: ellipsis; -webkit-line-clamp: 2;
}
.action{
margin-top: 5em;
text-align: center;
}
.action > .btn{
font-size: var(--font-16);
color: var(--color-red);
padding: 10px 104px;
border: 2px solid var(--color-red);
border-radius: 28px;
position: relative;
}
.action > .btn.-typeB{
overflow: hidden;
z-index: 1;
}
.action > .btn.-typeB::after{
content: "";
position: absolute;
top: 50%;
right: 2.25em;
width: 12px;
height: 16px;
background-image: url(//shiosai.kankou-kawatana.jp/wp-content/themes/shiosai/assets/img/arrow.png);
background-repeat: no-repeat;
transform: translateY(-50%);
background-size: 100%;
} .reviews{
padding-top: 82px;
padding-bottom: 60px;
background-color: var(--color-red-light);
}
.reviews .inner{
padding: 2%;
} .about{
background-color: var(--color-red-light);
padding-top: 60px;
padding-bottom: 60px;
margin-top: 30px;
}
.about_list{
display: flex;
justify-content: center;
}
.about > p{
margin-top: 2em;
padding: 0 15px;
}
@media (max-width:767px) {
.about > p{
padding: 0 5px;
}
}
.about_list.c-row.-sm-two > .col {
flex-basis: 24%;
max-width: 24%;
overflow:hidden;
}
@media (max-width: 767px){
.about_list.c-row.-lg-three > .col {
flex-basis: 50%;
max-width: 50%;
}
}  .charm{
padding-top: 82px;
padding-bottom: 60px; 
}
.charm_header{
width: 96%;
margin: 0 auto;
padding-bottom: 1.3em;
position: relative;
}
@media (max-width:767px) {
.charm_header{
width: 100%;
}
}
.charm_header > p{
position: absolute;
right: 0;
bottom: 28px;
height: 57px;
font-size: var(--font-22);
color: var(--color-red);
background-color: var(--color-white);
line-height: 1.5;
}
@media (max-width:1151px) {
.charm_header > p{
height: clamp(40px, 4.6511627907vw, 80px);
}
}
.charm_header > p > span{
font-family: var(--font-en);
font-size: var(--font-50);
vertical-align: middle;
padding: 0 10px 0 25px;
}
.charm_list{
margin-bottom: 30px;
justify-content: center;
}
.charm_list.c-row.-sm-two > .col {
flex-basis: 24%;
max-width: 24%;
overflow:hidden;
}
@media (max-width: 767px){
.charm_list.c-row.-lg-three > .col {
flex-basis: 50%;
max-width: 50%;
}
} .charm_txt{
background-color: var(--color-red-light-b);
width: 96%;
margin: 0 auto;
}
@media (max-width:767px) {
.charm_txt{
width: 100%;
}
}
.charm_txt > .charm_c-row{
text-align-last: left;
padding:30px 0 30px clamp(10px, 3.488372093vw, 60px);
width: 100%;
}
.charm_c-row.-home-product, .charm_c-row.-home-feature {
--c-row-gutter-x: 30px;
--c-row-gutter-y: 10px;
}
.charm_c-row.-center {
justify-content: center;
}
.charm_c-row {
display: flex;
flex-wrap: wrap;
margin: calc(var(--c-row-gutter-y) / 2 * -1) calc(var(--c-row-gutter-x) / 2 * -1);
padding: 0;
list-style: none;
}
.charm_c-row > .col {
flex: 1 1 0%;
display: flex;
flex-direction: column;
padding: calc(var(--c-row-gutter-y, 0) / 2) calc(var(--c-row-gutter-x, 0) / 2);
z-index: 10;
font-size: var(--font-16);
}
.charm_c-row > .col > span{
font-weight: bold;
display: contents;
}
.charm_c-row.-sm-two > .col {
flex-basis: 57%;
max-width: 57%;
overflow:hidden;
}
.charm_c-row.-sm-two > .col_two{
flex-basis: 40%;
max-width: 40%;
overflow:hidden;
}
@media (max-width: 560px){
.charm_c-row.-lg-three > .col {
flex-basis: 100%;
max-width: 100%;
}
} .restaurant{
background-color: var(--color-red-light);
padding-top: 82px;
padding-bottom: 60px; 
}
.restaurant_container{
width: 100%;
justify-content: center;
}
.restaurant_txt > p + p{
margin-top: 2em;
}
.restaurant_img > img + img{
margin-top: 1em;
}
.restaurant_container.c-row {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.restaurant_container.c-row > .col {
flex: 1 1 0%;
display: flex;
flex-direction: column;
padding: 0;
margin-right: 1em;
z-index: 10;
justify-content: center;
}
.restaurant_container.c-row.-home-product, .restaurant_container.c-row.-home-feature {
--c-row-gutter-x: 50px;
--c-row-gutter-y: 10px;
}
.restaurant_container.c-row.-sm-two > .col {
flex-basis: 55%;
max-width: 55%;
overflow:hidden;
}
.restaurant_container.c-row.-sm-two > .col_two {
flex-basis: 30%;
max-width: 30%;
overflow:hidden;
}
@media (max-width: 767px){
.restaurant_container.c-row{
margin: 0;
}
.restaurant_container.c-row > .col{
padding: 0 5px;
margin-right: 0;
}
.restaurant_container.c-row.-lg-three > .col {
flex-basis: 100%;
max-width: 100%;
}
.restaurant_container.c-row.-sm-two > .col_two {
flex-basis: 100%;
max-width: 100%;
}
.restaurant_txt{
margin-bottom: 30px;
}
.restaurant_img > img{
width: 100%;
}
} .guidance{
padding-top: 82px;
padding-bottom: 60px;
background: var(--color-red-light);
}
.restaurant > .action,
.guidance > .action{
margin-top: 3em;
} .effigacy{
padding-top: 82px;
padding-bottom: 60px; } .home_footer{
padding-top: 30px;
padding-bottom: 60px;
background-color: var(--color-red-light);
text-align: center;
}
.home_footer > div{
display: block;
}
.home_footer > div > a {
display: inline-block;
}
.home_footer > div > a > img{
margin: 0 auto; }
.home_footer > p{
font-family: var(--font-sans-b);
font-size: 13px;
}
.home_footer > p + p{
margin-top: 20px;
}
.footer_icon{
margin-top: 1em;
}
.footer_icon > li{
display: inline-block;
}
.footer_icon > li > a{
display: flex;
justify-content: center;
}
.footer_icon > li > a > p{
padding-left: .5em;
}
.copyright{
padding: 5px 0;
background: var(--color-red);
text-align: center;
color: var(--color-white);
font-size: 10px;
}
.connection{
padding-top: 82px;
padding-bottom: 60px;
}
.connection_link{
padding: 0 2%;
}
.connection_item{
justify-content: space-around;
}
.connection_item.c-row.-lg-three > .col{
flex-basis: 45%;
max-width: 45%;
}
@media (max-width:767px) {
.connection_item.c-row.-lg-three > .col{
flex-basis: 95%;
max-width: 95%;
}
}
.connection_item > li{
flex-basis: calc((98% - (0.35vw + 2vh) * 1) / 2);
max-width: calc((98% - (0.35vw + 2vh) * 1) / 2);
margin-bottom: 2vh;
padding: 1%;
text-align: center;
background: var(--color-red-light);
transition: .3s;
}
.connection_item > li:hover{
box-shadow: 2px 2px 2px #ccc;
}
.connection_item > li > a:hover{
opacity: 1;
} .c-contentNone {
padding: 0 clamp(19px, 2.508361204vw, 30px) 0;
}
.c-contentNone > .text {
font-size: var(--font-16);
line-height: 2;
text-align: center;
color: var(--color-black);
} .site-main > .title {
display: grid;
place-items: center;
height: clamp(125px, 14.7058823529vw, 150px);
background: var(--color-red-light);
}
.site-main > .title > .heading {
max-width: var(--content-size-large);
margin: 0 auto;
font: 700 var(--font-35)/1.375 var(--font-sans);
text-align: center;
}
.site-main > .title > .heading::before {
content: "NEWS";
display: block;
font: 500 var(--font-20)/1 var(--font-sans);
color: var(--color-red);
opacity: .5;
}
.breadcrumb {
max-width: var(--content-size-medium);
margin: 0 auto;
padding-top: clamp(6px, 0.7352941176vw, 10px);
font-family: 'Noto Sans JP', sans-serif;
}
.single-container > .body {
padding: clamp(35px, 3.6458333333vw, 70px) 0 ;
}
.archive-container {
max-width: var(--content-size-medium);
margin: 0 auto;
}
.archive-container > .archive-category {
margin-bottom: clamp(25px, 2.9411764706vw, 40px);
}
.archive-container > .pagination {
margin-top: clamp(47px, 5.5147058824vw, 75px);
}
.archive-category {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
font-size: var(--font-13);
line-height: 1.25;
}
.archive-category > li > a {
display: block;
padding: 0.375em 1em;
border: 2px solid var(--color-red);
color: var(--color-red);
}
.archive-category > li > a.-current {
background: var(--color-red-light);
color: var(--color-red);
}
.news_list{
margin-bottom: 1em;
}
.news_item{
display: flex;
align-items: center;
}
.news_item > .body{
width: 100%;
margin-left: 1em;
}
.c-breadcrumb {
--c-breadcrumb-font-size: var(--font-13);
--c-breadcrumb-line-height: 1.375;
--c-breadcrumb-color: var(--color-black);
--c-breadcrumb-divider-size: .875em;
--c-breadcrumb-divider-margin-x: .75em;
--c-breadcrumb-divider-color: currentColor;
--c-breadcrumb-divider-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10' d='M6 3.5l5 4.5-5 4.5'/%3e%3c/svg%3e");
}
.c-breadcrumb {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
line-height: var(--c-breadcrumb-line-height);
font-size: var(--c-breadcrumb-font-size);
color: var(--c-breadcrumb-color);
}
.c-breadcrumb > li {
display: flex;
align-items: center;
padding-right: var(--c-breadcrumb-divider-margin-x);
}
.c-breadcrumb > li:not(:last-child)::after {
content: "";
flex: 0 0 auto;
width: var(--c-breadcrumb-divider-size);
height: var(--c-breadcrumb-divider-size);
background-color: var(--c-breadcrumb-divider-color);
margin-left: var(--c-breadcrumb-divider-margin-x);
-webkit-mask: var(--c-breadcrumb-divider-image) no-repeat center center/contain;
mask: var(--c-breadcrumb-divider-image) no-repeat center center/contain;
}
.c-breadcrumb > li > a {
text-decoration: underline;
}
.c-breadcrumb.-right {
justify-content: right;
text-align: right;
}
.single-container {
max-width: var(--content-size-medium);
margin: 0 auto;
}
.single-article {
background: var(--color-white);
color: var(--color-black);
font-family: 'Noto Sans JP', sans-serif;
}
.single-article > .header {
padding-bottom: clamp(16px, 1.8382352941vw, 25px);
border-bottom: 2px dotted var(--color-red);
}
.single-article > .header > .heading {
font: 700 var(--font-27)/1.5 var(--font-sans-c);
text-align: justify;
word-break: break-all;
}
.single-article > .header > .single-headerData {
margin-top: clamp(9px, 1.1029411765vw, 15px);
}
.single-article > .body {
margin-top: clamp(38px, 4.4117647059vw, 60px);
}
.single-article > .footer {
margin-top: 100px;
}
.single-article > .footer > .c-pager {
margin-top: clamp(16px, 1.8382352941vw, 25px);
}
.single-headerData {
display: flex;
flex-wrap: wrap;
font-size: var(--font-14);
line-height: 1.25;
color: var(--color-gray);
}
.single-headerData > li:not(:last-child)::after {
content: "/";
margin: 0 0.75em;
}
.single-headerCategory {
display: flex;
flex-wrap: wrap;
}
.single-headerCategory > li:not(:last-child)::after {
margin: 0 0.25em 0 0.125em;
content: ",";
}
.single-footerShare {
padding: clamp(19px, 2.2058823529vw, 30px);
background: var(--color-red-light);
text-align: center;
}
.single-footerShare > .heading {
margin-bottom: 0.75em;
font-weight: 700;
font-size: var(--font-15);
}
.c-pager {
--c-pager-gap: 2em;
--c-pager-font-weight: 500;
--c-pager-font-size: var(--font-13);
--c-pager-font-family: var(--font-sans-c);
--c-pager-line-height: 1.5;
--c-pager-color: var(--color-black-light);
--c-pager-a-text-decoration: underline;
}
.c-pager {
display: flex;
justify-content: center;
align-items: center;
gap: var(--c-pager-gap);
line-height: var(--c-pager-line-height);
font-weight: var(--c-pager-font-weight);
font-size: var(--c-pager-font-size);
font-family: var(--c-pager-font-family);
color: var(--c-pager-color);
}
.c-pager > .prev,
.c-pager > .next {
flex: 1 1 0%;
}
.c-pager > .next {
text-align: right;
}
.c-pager > .back {
flex: 0 0 auto;
}
.c-pager > .prev a,
.c-pager > .next a {
display: inline-flex;
align-items: center;
-webkit-text-decoration: var(--c-pager-a-text-decoration);
text-decoration: var(--c-pager-a-text-decoration);
}
.c-pager > .prev a::before {
flex: 0 0 auto;
}
.c-pager > .back a {
text-align: center;
}
.c-pager > .next a {
text-align: right;
}
.c-pager > .next a::after {
flex: 0 0 auto;
}
.c-pager .prev > a,
.c-pager .next > a {
gap: 0.5em;
}
.c-pager .prev > a::before,
.c-pager .next > a::after {
content: "";
width: 1em;
height: 1em;
background: currentColor;
-webkit-mask: var(--icon-arrow-right) no-repeat center/cover;
mask: var(--icon-arrow-right) no-repeat center/cover;
}
.c-pager .prev > a::before {
transform: rotate(180deg);
}
.wp-block-image figcaption{
text-align-last: left !important;
}
.wp-element-caption{
text-align: left !important;
} .page-container > .breadcrumb{
max-width: var(--content-size-medium);
margin: 0 auto;
padding: clamp(6px, 0.7352941176vw, 10px) 0 20px;
}
h1.single_tlt{
font-size: var(--font-40);
color: var(--color-white);
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
color: #fff;
text-shadow: 1px 2px 3px #808080;  
} .single_h2{
font-size: var(--font-24);
padding-bottom: 20px;
text-align: center;
}
.single_h2.-typeA{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
line-height: 1.25;
position: relative;
}
.single_h2.-typeA::before{
content: attr(data-text);
color: var(--color-red);
font-size: 40px;
opacity: .1;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.access{
padding-top: 52px; }
.access_jr{
background-color: var(--color-red-light); padding-bottom: 60px;
}
.access_car{
padding-bottom: 60px;
}
.access_bus{
padding-bottom: 60px;
}
.access_jr > img,
.access_car > img,
.access_bus > img{
margin: 0 auto;
width: 90%;
max-width: 100%;
}
.access_car > p,
.access_map > p{
text-align: center;
margin-bottom: clamp(20px, 2.9069767442vw, 50px);
font-size: var(--font-16);
}
.access_bus{
background-color: var(--color-red-light);
}
.access_bus--txt{
text-align: center;
margin-bottom: 30px;
font-size: var(--font-16);
padding: 0 1em;
}
@media (max-width:767px) {
.access_bus--txt > p > .access_bus--tel{
text-decoration: underline;
}
}
.access_bus--txt > p:last-of-type{
margin-top: 20px;
}
.access_map > .map{
margin: 0 auto;
border: 1px solid var(--color-red);
width: 440px;
}
@media (max-width:767px) {
.access_map > .map{
width: 100%;
}
.access_map > .map > iframe{
width: 100%;
}
}
.pdf_download{
margin-top: 20px;
}
.pdf_download > .btn{
font-size: var(--font-16);
color: var(--color-red);
padding: 5px 30px;
border: 1px solid var(--color-red);
position: relative;
}
.pdf_download > .btn.-typeC{
overflow: hidden;
z-index: 1;
}
.pdf_download > .btn.-typeC::after{
content: "";
position: absolute;
top: 53%;
right: 0.5em;
width: 12px;
height: 16px;
background-image: url(//shiosai.kankou-kawatana.jp/wp-content/themes/shiosai/assets/img/arrow.png);
background-repeat: no-repeat;
transform: translateY(-50%);
background-size: 100%;
}
.pdf_download > .btn.-typeC::before{
content: "";
position: absolute;
top: 55%;
left: 0.5em;
width: 18px;
height: 23px;
background-image: url(//shiosai.kankou-kawatana.jp/wp-content/themes/shiosai/assets/img/pdf_download.png);
background-repeat: no-repeat;
transform: translateY(-50%);
background-size: 100%;
} .wp-pagenavi {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 0.5em;
margin: 0;
padding: 0;
font-size: var(--font-15);
font-family: var(--font-sans);
line-height: 1;
letter-spacing: 0;
list-style: none;
}
.wp-pagenavi > .page,
.wp-pagenavi > .current,
.wp-pagenavi > .previouspostslink,
.wp-pagenavi > .nextpostslink{
display: inline-flex;
justify-content: center;
align-items: center;
width: 2.25em;
height: 2.25em;
font-weight: 500;
text-decoration: none;
}
.wp-pagenavi > .current {
background: var(--color-red-light);
}
.wp-pagenavi > a.page:hover{
background: var(--color-red-light);
transition: all .4s;
}
.wp-pagenavi > .previouspostslink:hover{
background: var(--color-red-light);
transition: all .4s;
}
.wp-pagenavi > .nextpostslink:hover{
background: var(--color-red-light);
transition: all .4s;
}
.wp-pagenavi > .extend {
font-size: 0.9em;
} .onsen_marg{
margin-top: clamp(50px, 5.8139534884vw, 100px);
margin-bottom: clamp(80px, 5.8139534884vw, 100px);
}
.page_marg{
padding: 0 clamp(10px, 3.488372093vw, 60px);
}
.onsen_time--table > table{
display: block;
background-color: #a24e3817;
font-size: 13px;
padding: 2em 0;
margin: 10px 0;
}
.onsen_time--table > table > tbody > tr > th{
width: 12%;
font-weight: normal;
text-align: right;
padding-right: 26px;
border-right: 1px solid var(--color-gray);
}
.onsen_time--table > table > tbody > tr > th + th{
margin-top: 1em;
}
@media (max-width:767px) {
.onsen_time--table > table > tbody > tr > th{
width: 7%;
}
}
.onsen_time--table > table > tbody > tr > td{
padding-left: 26px;
padding-right: 1em;
width: 25%;
}
.onsen_time > p{
font-size: 11px;
text-align: right;
opacity: .9;
}
@media (max-width:767px) {
.onsen_time > p{
text-align: left;
}
}
.onsen_list{
margin-top: 10px;
}
.onsen_list.c-row.-sm-two > .col{
flex-basis: 33.333333%;
max-width: 33.333333%;
overflow: hidden;
}
.onsen_txt{
font-size: 14px;
margin: 35px 0;
padding: 0 1em;
}
.onsen_price{
display: block;
background-color: #a24e3817;
font-size: 13px;
padding: 2em .5em;
margin: 10px 0;
}
.onsen_price > tbody > tr > th{
width: 12%;
font-weight: normal;
text-align: right;
padding-right: clamp(15px, 1.511627907vw, 26px);
border-right: 1px solid var(--color-gray);
}
@media (max-width:767px) {
.onsen_price > tbody > tr > th{
width: 7%;
}
}
.onsen_price > tbody > tr > td{
padding-left: clamp(15px, 1.511627907vw, 26px);
padding-right: 1em;
width: 25%;
font-size: 12px;
vertical-align: top;
}
.onsen_kouka{
margin-top: 30px;
border-top: 1px solid #a24e38;
border-bottom: 1px solid #a24e38;
}
.onsen_kouka > tbody > tr{
border-bottom: 1px dotted #a24e38;
}
.onsen_kouka > tbody > tr:last-of-type{
border: none;
}
.onsen_kouka > tbody > tr > th{
background-color: #a24e3817;
color: #a24e38;
font-size: 12px;
text-align: center;
width: 30%;
padding: 20px 0;
}
.onsen_kouka > tbody > tr > td{
padding: 20px 1em 20px 26px;
font-size: 12px;
}
.onsen_warning{
font-size: 13px;
margin-top: 50px;
padding: 0 1em;
}
.onsen_kazoku > p{
font-size: 14px;
margin: 35px 0;
padding: 0 1em;
}
.onsen_ashiyu > p{
font-size: 14px;
margin: 35px 0;
padding: 0 1em;
}
.onsen_ashiyu > .onsen_kouka{
margin-top: clamp(35px, 4.0697674419vw, 70px);
}
@media (max-width:560px) {
.onsen_txt{
padding: 0;
}
.onsen_warning{
padding: 0;
}
.onsen_kazoku > p{
padding: 0;
}
.onsen_ashiyu > p{
padding: 0;
}
} .notfound-container {
max-width: var(--content-size-medium);
margin: 50px auto 100px;
}
.notfound-container > .text {
font-size: var(--font-16);
line-height: 2.25;
text-align: justify;
word-break: break-all;
}
@media (min-width: 560px) {
.notfound-container > .text {
text-align: center;
}
}
.notfound-container > .action {
margin-top: clamp(31px, 3.6764705882vw, 50px);
text-align: center;
}
@media (max-width:368px) {
.action > .btn{
padding: 10px 70px !important;
}
} .introduction{
margin-top: 20px;
margin-bottom: clamp(30px, 5.8139534884vw, 100px);
}
.introduction img{
width: 100%;
height: 100%;
vertical-align: bottom;
}
.gallery{
margin:0 0 5px 0;
}
.gallery li{
list-style:none;
}
.gallery li img{
width: 100%;
height: 534px;
max-height: 100%;
object-fit: cover;
}
@media (max-width:593px) {
.gallery li img{
height: 300px;
}
}
.gallery li::after{
content: attr(data-text);
background-color: #a24e38;
color: var(--color-white);
font-size: 14px;
position: absolute;
bottom: 0;
left: 11%;
transform: translateX(-50%);
width: 22%;
text-align: center;
padding: 5px 0;
}
@media (max-width:767px) {
.gallery li::after{
left: 22%;
width: 45%;
}
}
.slick-prev, 
.slick-next {
position: absolute; z-index: 3;
top: 42%;
cursor: pointer; outline: none; border-top: 2px solid #ccc; border-right: 2px solid #ccc; height: 25px;
width: 25px;
}
.slick-prev { left:2.5%;
transform: rotate(-135deg);
}
.slick-next { right:2.5%;
transform: rotate(45deg);
} .choice-btn{
margin-top: 10px;
}
.choice-btn li{
cursor: pointer;
outline: none;
background:#333;
width: clamp(15%, 0.8720930233vw, 30%)!important;
list-style:none;
}
@media (max-width:784px) {
.choice-btn li{
width: 14.9% !important;
}
}
@media (max-width:587px) {
.choice-btn li{
width: 14% !important;
}
}
@media (max-width:392px) {
.choice-btn li{
width: 13% !important;
}
}
.choice-btn .slick-track {
width: 100% !important;
}
.choice-btn li{
margin-right: 10px;
margin-bottom: 10px;
}
.choice-btn li img{
opacity: 0.4; }
.choice-btn li.slick-current img{
opacity: 1; }
.choice-btn .slick-track {
transform: unset !important; } .contact-container {
max-width: var(--content-size-medium);
margin: 0 auto;
padding: clamp(44px, 5.8528428094vw, 70px) 0 clamp(50px, 5.8139534884vw, 100px);
}
.contact-container > .lead {
font-size: var(--font-17);
line-height: 2;
text-align: justify;
word-break: break-all;
}
@media (min-width: 560px) {
.contact-container > .lead {
text-align: center;
}
}
.contact-container > .lead > .heading {
margin-bottom: 0.75em;
font-size: var(--font-21);
text-align: center;
}
.contact-container > .lead > .heading.-error {
color: var(--color-red);
}
.contact-container > .form {
margin-top: clamp(41px, 5.4347826087vw, 65px);
padding: clamp(47px, 6.27090301vw, 75px) clamp(13px, 1.6722408027vw, 20px);
border: 5px solid var(--color-gray-light-b);
}
@media (min-width: 560px) {
.contact-container > .form {
padding: clamp(47px, 6.27090301vw, 75px) clamp(38px, 5.016722408vw, 60px);
}
}
.contact-flow {
position: relative;
display: flex;
justify-content: space-between;
max-width: clamp(188px, 25.0836120401vw, 300px);
margin: 0 auto;
font-size: var(--font-12);
}
.contact-flow::before {
content: "";
position: absolute;
top: calc(0.4375em - 1px);
right: 2.25em;
left: 2.25em;
border-top: 2px solid var(--color-gray-light-b);
}
.contact-flow > li {
z-index: 1;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.875em;
width: 4.5em;
text-align: center;
color: var(--color-gray-light-d);
white-space: nowrap;
}
.contact-flow > li::before {
content: "";
width: 0.875em;
height: 0.875em;
background: currentColor;
border-radius: 100%;
}
.contact-flow > li.-current {
color: var(--color-black);
}
.contact-form {
margin-top: clamp(47px, 6.27090301vw, 75px);
}
.contact-form > div + div {
margin-top: clamp(19px, 2.508361204vw, 30px);
}
.contact-form > div > dt {
font-size: var(--font-16);
line-height: 1.625;
}
.contact-form > div > dd {
flex: 1 1 0%;
margin-top: clamp(5px, 0.6688963211vw, 8px);
font-size: var(--font-15);
line-height: 1.5;
}
.contact-form > .privacy {
margin-top: clamp(38px, 5.016722408vw, 60px);
font: 500 var(--font-13)/1.375 var(--font-sans);
}
.mw_wp_form_confirm .contact-form > .privacy > dd, .mw_wp_form_preview .contact-form > .privacy > dd {
display: none;
}
.contact-form > .submit > dd {
display: flex;
flex-direction: column;
justify-content: center;
gap: clamp(13px, 1.6722408027vw, 20px);
}
@media (min-width: 560px) {
.contact-form > .submit > dd {
flex-direction: row-reverse;
}
}
.contact-form a {
color: var(--color-red);
text-decoration: underline;
}
.contact-form .required {
margin-left: 0.25em;
color: var(--color-red);
}
.c-form-control {
--c-form-control-border: 1px solid var(--color-gray-light);
--c-form-control-border-radius: 5px;
--c-form-control-padding: .75em 1em;
--c-form-control-background: var(--color-gray-pale);
--c-form-control-line-height: 1.625;
--c-form-control-font-size: 16px;
--c-form-control-font-color: inherit;
--c-form-control-textarea-padding: 1em;
}
@media (min-width: 768px) {
.c-form-control {
--c-form-control-padding: 1.125em;
--c-form-control-font-size: var(--font-17);
}
}
.c-form-control {
box-sizing: border-box;
display: block;
width: 100%;
margin: 0;
padding: var(--c-form-control-padding, 0);
border: var(--c-form-control-border, none);
border-radius: var(--c-form-control-border-radius, 0);
background: var(--c-form-control-background, transparent);
font: inherit;
font-size: var(--c-form-control-font-size, inherit);
line-height: var(--c-form-control-line-height, inherit);
color: var(--c-form-control-font-color, inherit);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.c-form-control:disabled {
cursor: not-allowed;
}
textarea.c-form-control {
padding: var(--c-form-control-textarea-padding, 0);
resize: vertical;
}
select.c-form-control {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22' viewBox='0 0 30 22'%3e%3cpath fill='%23343a40' d='M15 22L0 0h30z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: calc(100% - 0.75em) 50%;
background-size: 0.5em auto;
}
select.c-form-control[multiple], select.c-form-control[size]:not([size="1"]) {
background-image: none;
}
.c-form-control.-auto {
display: inline-block;
width: auto;
}
.c-btn.-contactAction {
justify-content: center;
min-width: clamp(175px, 23.4113712375vw, 280px);
padding: 1.125em 3.25em;
font-size: var(--font-16);
text-align: center;
}
.c-btn.-contactAction.-submit {
background: var(--color-red);
border: 3px solid var(--color-red);
color: var(--color-white);
}
.c-btn.-contactAction.-back {
background: var(--color-white);
border: 3px solid var(--color-red);
color: var(--color-red);
} .privacy-container { margin: 0 auto;
padding: clamp(44px, 5.8528428094vw, 70px) 10px clamp(50px, 5.8139534884vw, 100px);
font: 500 var(--font-15)/2;
text-align: justify;
word-break: break-all;
}
@media (max-width:767px) {
.privacy-container {
padding: clamp(44px, 5.8528428094vw, 70px) 5px clamp(50px, 5.8139534884vw, 100px);
}
}
.privacy-container h2 {
margin: 2.25em 0 0.75em;
}
.privacy-container p,
.privacy-container ol {
margin-bottom: 1em;
}
.c-heading {
position: relative;
font: inherit;
line-height: 1;
}
.c-heading.-typeB {
padding-bottom: 0.25em;
border-bottom: 0.25em solid var(--color-red);
font: 700 var(--font-25)/1.375 var(--font-sans);
text-align: justify;
word-break: break-all;
} .bathing_list > li{
border-bottom: 1px solid #A24E38;
padding: 20px 0;
font-size: 12px;
}
.bathing_list > li:first-of-type{
padding-top: 0;
}
.bathing_list > li span{
color: #A24E38;
font-size: 14px;
margin-bottom: 10px;
display: inline-block;
}
.health_p{
text-align: center;
margin-top: 0 !important;
}
.health_txt{
background-color:#a24e3817;
padding: clamp(10px, 1.1627906977vw, 20px) clamp(15px, 2.3255813953vw, 40px);
}
.health_note > p{
margin-bottom: 20px;
}
.health_note > p:last-of-type{
margin-bottom: 0;
} .contact-captcha{
text-align: center;
margin: clamp(30px, 3.488372093vw, 60px) 0;
}
.contact-captcha > img{
margin: 0 auto;
}
.contact-captcha > input{
padding: 5px 10px;
margin-top: 1em;
} li.mailIcon a {
width: 30px;
height: 30px;
display: inline-block;
background: #fff;
border-radius: 20px;
transition: .3s;
position: relative;
color: #BB4630;
}
li.mailIcon a i {
width: 100%;
position: absolute;
top: 25%;
left: 0;
text-align: center;
} .c-typography {
--c-typography-font-size: var(--font-16);
--c-typography-font-family: inherit;
--c-typography-font-weight: inherit;
--c-typography-line-height: 2.125;
--c-typography-color: inherit;
--c-typography-space: 1.75em;
--c-typography-h-margin-top: 2.5em;
--c-typography-h-margin-bottom: 0;
--c-typography-h-font-weight: bold;
--c-typography-h-font-family: inherit;
--c-typography-h-line-height: 1.5;
--c-typography-h-color: inherit;
--c-typography-h1-font-size: 1em;
--c-typography-h2-font-size: 1.5em;
--c-typography-h3-font-size: 1.25em;
--c-typography-h4-font-size: 1.125em;
--c-typography-h5-font-size: 1em;
--c-typography-h6-font-size: 1em;
--c-typography-table-line-height: 1.75;
--c-typography-table-font-size: .9em;
--c-typography-list-line-height: 1.75;
--c-typography-list-li-margin-bottom: .375em;
--c-typography-dt-font-weight: inherit;
--c-typography-dt-font-family: inherit;
--c-typography-strong-font-weight: bold;
--c-typography-strong-font-family: inherit;
--c-typography-a-color: var(--color-red);
}
.c-typography {
font-size: var(--c-typography-font-size);
font-family: var(--c-typography-font-family);
font-weight: var(--c-typography-font-weight);
line-height: var(--c-typography-line-height);
color: var(--c-typography-color);
text-align: justify;
word-break: break-all;
}
.c-typography h1,
.c-typography h2,
.c-typography h3,
.c-typography h4,
.c-typography h5,
.c-typography h6 {
margin: var(--c-typography-h-margin-top) 0 var(--c-typography-h-margin-bottom);
font-weight: var(--c-typography-h-font-weight);
font-family: var(--c-typography-h-font-family);
line-height: var(--c-typography-h-line-height);
}
.c-typography h1:first-child,
.c-typography h2:first-child,
.c-typography h3:first-child,
.c-typography h4:first-child,
.c-typography h5:first-child,
.c-typography h6:first-child {
margin-top: 0;
}
.c-typography h1:last-child,
.c-typography h2:last-child,
.c-typography h3:last-child,
.c-typography h4:last-child,
.c-typography h5:last-child,
.c-typography h6:last-child {
margin-bottom: 0;
}
.c-typography :is(h1, h2, h3, h4, h5, h6) + :is(h1, h2, h3, h4, h5, h6) {
margin-top: 0;
}
.c-typography h1 {
font-size: var(--c-typography-h1-font-size);
}
.c-typography h2 {
font-size: var(--c-typography-h2-font-size);
}
.c-typography h3 {
font-size: var(--c-typography-h3-font-size);
}
.c-typography h4 {
font-size: var(--c-typography-h4-font-size);
}
.c-typography h5 {
font-size: var(--c-typography-h5-font-size);
}
.c-typography h6 {
font-size: var(--c-typography-h6-font-size);
}
.c-typography p,
.c-typography dl,
.c-typography ol,
.c-typography ul,
.c-typography blockquote,
.c-typography pre,
.c-typography table,
.c-typography figure,
.c-typography hr,
.c-typography .c-embed,
.c-typography .wp-block-image,
.c-typography .wp-block-embed {
margin-top: var(--c-typography-space);
}
.c-typography p:first-child,
.c-typography dl:first-child,
.c-typography ol:first-child,
.c-typography ul:first-child,
.c-typography blockquote:first-child,
.c-typography pre:first-child,
.c-typography table:first-child,
.c-typography figure:first-child,
.c-typography hr:first-child,
.c-typography .c-embed:first-child,
.c-typography .wp-block-image:first-child,
.c-typography .wp-block-embed:first-child {
margin-top: 0;
}
.c-typography ol:first-of-type, .c-typography ul:first-of-type {
margin-top: var(--c-typography-list-li-margin-bottom);
}
.c-typography :is(ol, ul) + :is(ol, ul) {
margin: 0;
}
.c-typography table {
line-height: var(--c-typography-table-line-height);
font-size: var(--c-typography-table-font-size);
}
.c-typography dt {
font-weight: var(--c-typography-dt-font-weight);
font-family: var(--c-typography-dt-font-family);
}
.c-typography dd {
line-height: var(--c-typography-list-line-height);
}
.c-typography ul, .c-typography ol {
padding-left: 1.25em;
line-height: var(--c-typography-list-line-height);
}
.c-typography ul {
list-style: disc;
}
.c-typography ol {
list-style: decimal;
}
.c-typography li {
margin: 0 0 var(--c-typography-list-li-margin-bottom);
}
.c-typography strong {
font-weight: var(--c-typography-strong-font-weight);
font-family: var(--c-typography-strong-font-family);
}
.c-typography a:not(.c-btn) {
text-decoration: underline;
color: blue;
} .home_footer > .time{
margin-top: 0 !important;
}