*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden='until-found'])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size:100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:serif;font-weight:normal;font-style:normal;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role='button'],[role='option']){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + 0.5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color,Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}
.sidebar nav.ftSNSBtn {
width: 100%;
position: absolute;
bottom: 20%;
}
footer nav.ftSNSBtn {
margin: 20px 0;
}
nav.ftSNSBtn ul li {
display: inline;
}
nav.ftSNSBtn ul li:nth-child(even) {
margin: 0 10px;
}
nav.ftSNSBtn ul li a {
width: 30px;
height: 30px;
display: inline-block;
background: #f1f8ff;
border-radius: 20px;
transition: .3s;
position: relative;
}
nav.ftSNSBtn ul li a:hover {
background: #18539D;
}
nav.ftSNSBtn ul li a:hover i {
color: #fff;
}
nav.ftSNSBtn ul li a i {
width: 100%;
position: absolute;
top: 25%;
left: 0;
text-align: center;
color: #18539D;
}
@media screen and (min-width: 960px) {
.header__title {
width: 120px;
}
}
.header__title img {
display: block;
width: 100%;
height: 100%;
} .header__nav {
position: absolute;
right: 0;
left: 0;
top: 0;
width: 100%;
height: 100vh;
transform: translateX(100%);
background-color: #fff;
transition: ease .4s;
display: none;
display: inline-block;
}
@media screen and (min-width: 960px) {
.header__nav {
position: static;
transform: initial;
background-color: inherit;
height: inherit;
display: flex;
justify-content: end;
width: 50%;
}
}
@media screen and (min-width: 960px) {
.nav__items {
width: 100%;
display: flex;
align-items: center;
height: initial;
justify-content: space-between;
}
}
.nav-items {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 0;
}
@media screen and (min-width: 960px) {
.nav-items {
position: inherit;
top: 0;
left: 0;
transform: translate(0, 0);
}
} .nav-items__item a {
color: black;
width: 100%;
display: block;
text-align: center;
font-size: 20px;
margin-bottom: 24px;
}
.nav-items__item:last-child a {
margin-bottom: 0;
}
@media screen and (min-width: 960px) {
.nav-items__item a {
margin-bottom: 0;
}
} .header__hamburger {
width: 48px;
height: 100%;
}
.hamburger {
background-color: transparent;
border-color: transparent;
z-index: 9999;
position: fixed;
top: 0;
right: 0;
height: 50px;
width: 50px;
background: #fff;
}
@media screen and (min-width: 961px) {
.hamburger {
display: none;
}
} .hamburger span {
width: 80%;
height: 1px;
background-color: #000;
position: relative;
left: 10%;
transition: ease .4s;
display: block;
}
.hamburger span:nth-child(1) {
top: 0;
}
.hamburger span:nth-child(2) {
margin: 8px 0;
}
.hamburger span:nth-child(3) {
top: 0;
} .header__nav.active {
transform: translateX(0);
display: block;
}
.hamburger.active span:nth-child(1) {
top: 5px;
transform: rotate(45deg);
}
.hamburger.active span:nth-child(2) {
opacity: 0;
}
.hamburger.active span:nth-child(3) {
top: -13px;
transform: rotate(-45deg);
}: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");
--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);
--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);
--font-sans: 'Noto Sans JP', sans-serif;
}
@media (max-width: 768px) {
:root {
--content-size-small: 90vw;
--content-size-medium: 90vw;
--content-size-large: 90vw;
--content-size-xlarge: 90vw;
}
}
body {
background: #fff;
line-height: 2em;
}
.inner {
padding: 2%;
}
a{
text-decoration: none;
transition: all .3s;
word-wrap: break-word;
}
a:hover{
opacity: 0.65;
transition: all .3s;
} .sidebar {
width: 16rem;
height: 100vh;
position: fixed;
top: 0;
right: 0; }
.sidebar h1 {
width: 100%;
position: absolute;
top: 100px;
}
.sidebar h1 img {
max-width: 200px;
margin: auto;
}
.sidebar nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
list-style: none;
font-weight: bold;
position: absolute;
top: 30%;
left: 50%;
z-index: 11;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sidebar nav ul li {
text-align: center;
line-height: 3rem;
}
.sidebar nav ul li a {
color: #252729;
text-decoration: none;
} header {
width: calc((100% - 16rem - 768px) - ((0.35vw + 0.15vh) * 2));
height: 100vh;
display: block;
position: fixed;
top: 0;
left: 0;
background: #eee;
overflow: hidden;
}
header .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%);
}
header h1 {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10;
font-size: var(--font-32);
color: #fff;
text-shadow: 1px 2px 3px #808080;
} .t-head_img{
height: auto !important;
}
.page header img {
height: 100vh;
object-fit: cover;
} main {
width: calc(((100% - 16rem) / 2) - (0.35vw + 0.15vh));
max-width: 768px;
min-width: 768px;
min-height: 100vh;
margin: 0 0 0 auto;
position: relative;
right: 16.5rem;
}
main * {
color: #252729;
}
main section {
clear: both;
padding: 50px 0; }
main section.-first{
padding: calc((0.35vw + 0.15vh)) 0 50px 0;
}
main section:nth-child(even) {
background: #f1f8ff;
}
main section h2 {
width: 100%;
margin-bottom: 50px;
position: relative;
font-weight: normal;
text-align: center;
color: #252729;
z-index: 0;
font-size: 24px;
}
section h2 b {
width: 100%;
position: absolute;
top: -10px;
left: 0;
font-size: var(--font-40);
text-align: center;
color: #18539D;
opacity: 0.1;
z-index: -1;
}
section h2 b::before {
background: #18539D;
content: "";
width: 100px;
height: 10px;
margin-left: -50px;
position: absolute;
top: 50px;
left: 50%;
z-index: 0;
}
section.aboutArea .aboutGallery,section.charmArea .charmGallery ,
section.recoArea .inner,section.recoArea nav.planNav ul,.newsArea ol,
section.sceneArea .inner,section.relateArea .inner ul,section.plan .inner div.planInfo,
ul.facilityGallery,ul.charmGallery {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
section p.moreBtn {
clear: both;
}
section p.moreBtn {
text-align: center;
}
section p.moreBtn a {
padding: 10px 0;
width: 50%;
display: block;
margin: auto;
text-decoration: none;
background: #fff;
border: 2px solid #18539D;
border-radius: 50px;
} section.reserveArea,section.reserveArea .inner {
padding: 0 !important;
}
section.reserveArea.-space{
margin: 0 2%;
}
section.reserveArea {
background: #18549D;
}
section.reserveArea form * {color: #fff;}
section.reserveArea form dl dt {
float: left;
}
section.reserveArea form ul {
padding-top: 20px;
clear: both;
text-align: center;
}
section.reserveArea form ul li {
display: inline-block;
}
section.reserveArea form {
padding: 20px;
}
.reserveArea form dl dt select {
background: #fff;
border: none;
border-radius: 5px;
color: #333;
padding: 3px;
}
section.reserveArea form dl dt+dt {
margin-left: 10px;
}
section.reserveArea form ul li input {
background: #49c;
border: none;
border-radius: 10px;
padding: 0 20px;
}
section.reserveArea form ul li input:hover {
cursor: pointer;
}
section.reserveArea form ul li+li {
margin-left: 20px;
}
section.reserveArea form ul li a {
text-decoration: underline;
}
section.reserveArea form ul li a:hover {
text-decoration: none;
} .newsArea ol {
margin-bottom: 50px;
}
.newsArea li {
flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
max-width: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
}
.newsArea li a {
text-decoration: none;
}
.newsArea li .image { 
width:100%;
overflow:hidden; object-fit: cover;
}
.newsArea li .image img {
width:100%;
height:150px;
object-fit: cover;
}
.newsArea li .info .newsData .label {
background: #18539D;
padding: 5px;
color: #fff;
}
@media (max-width:767px) {
.newsArea li .info .newsData .label{
font-size: 10px;
}
}
.newsArea li .info .newsData {
margin-top: 10px;
font-size: 12px;
}
.newsArea li .info .newsTtl {
margin: 5px 0;
font-size: 1.0em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.newsArea li .info .newsDesc {
text-align: justify;
font-size: .8em;
}  .aboutArea .aboutGallery {
margin-bottom: 30px;
}
.aboutArea .aboutGallery li {
flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
max-width: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
}
@media (max-width:767px) {
.aboutArea .aboutGallery li {
padding: calc(10px / 2) calc(10px / 2);
flex-basis: 50%;
max-width: 50%;
}
}
.aboutArea .aboutGallery img {
-webkit-flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
-moz-flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
-ms-flex-preferred-size: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
}
.aboutArea p {
line-height: 1.8em;
text-align: justify;
} .charmArea a.charmMainImage {  display: flex;
justify-content: center;
margin-bottom: 10px;
}
.charmArea .charmGallery li {
flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
max-width: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
}
@media (max-width:767px) {
.charmArea .charmGallery li{
padding: calc(10px / 2) calc(10px / 2);
flex-basis: 50%;
max-width: 50%;
}
}
.charmArea .charmGallery img {
-webkit-flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
-moz-flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
-ms-flex-preferred-size: calc((100% - (0.35vw + 2.0vh) * 1) / 4);
} section.recoArea nav.planNav,
section.recoArea div.reserveForm {
display: block;
position: relative;
}
section.recoArea nav.planNav {
margin-right: 2%;
-webkit-flex-basis: 68%;
-moz-flex-basis: 68%;
-ms-flex-preferred-size: 68%;
flex-basis: 68%;
}
section.recoArea nav.planNav ul li {
-webkit-flex-basis: calc((100% - (0.35vw + 0.15vh) * 1) / 3);
-moz-flex-basis: calc((100% - (0.35vw + 0.15vh) * 1) / 3);
-ms-flex-preferred-size: calc((100% - (0.35vw + 0.15vh) * 1) / 3);
flex-basis: calc((100% - (0.35vw + 0.15vh) * 1) / 3);
max-width: calc((100% - (0.35vw + 0.15vh) * 1) / 3);
height: 150px;
margin-bottom: 20px;
display: block;
position: relative;
text-align: center;
overflow: hidden;
background: #252729;
}
section.recoArea nav.planNav ul li b {
width: 10em;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 100;
color: #fff;
font-size: var(--font-14);
}
section.recoArea nav.planNav ul li img {
position: absolute;
top: 0;
left: 0;
opacity: .7;
width: 100%;
}
section.recoArea div.reserveForm {
-webkit-flex-basis: 30%;
-moz-flex-basis: 30%;
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
}
nav.rwithNav ul li {
width: 96%;
padding: 1%;
flex-basis: initial!important;
}
nav.rwithNav ul li+li {
margin-top: 10px;
}
nav.rwithNav ul li a {
padding: 20px 0;
display: block;
text-align: center;
text-decoration: none;
background: #18539D;
color: #fff;
}
nav.rwithNav ul li:last-child a {
background: #900;
} section.sceneArea dl {
flex-basis: calc((98% - (0.35vw + 2.0vh) * 1) / 2);
max-width: calc((98% - (0.35vw + 2.0vh) * 1) / 2);
margin-bottom: 2.0vh;
padding: 1%;
border: 1px dotted #18539D;
background: #FFF;
} section.sceneArea dl dt a {
width: 100%;
padding: 10px 0;
display: block;
background: #18539D;
text-align: center;
text-decoration: none;
color: #fff;
}
section.sceneArea dl dd img {
width: 100%;
} section.relateArea {
background: #fff!important;
}
section.relateArea ul li.bnr {
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: #F1F8FF;
transition: .3s;
}
section.relateArea ul li.bnr a {
text-decoration: none;
}
section.relateArea ul li.bnr:hover {
box-shadow: 2px 2px 2px #ccc;
} footer {
clear: both;
background: #F1F8FF;
text-align: center;
position: relative;
}
p.ftLogo img {
margin: 30px auto;
}
footer address {
font-style: var(--font-16);
}
.footer_sns{
background: #fff !important;
}
.content_bnr > ul{
display: flex;
gap: 10px;
justify-content: center;
padding: 0 2%;
} @media screen and (max-width: 1151px) {
header,main {
width: calc(100% - 16rem);
position: relative;
}
main {
width: calc(100% - 16rem);
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: 960px) {
header,main,.sidebar {
width: 100%;
}
header {
height: 70vh;
}
.sidebar {
z-index: 100;
display: none;
transition: all .65s;
}
.sidebar.active{
display: block;
transition: all .65s;
}
.sidebar h1 {
display: none;
}
.sidebar nav ul {
width:100%;
top: 15%;
text-align: center;
}
.sidebar nav.ftSNSBtn {
opacity: 0;
transition: .3s;
display: none;
display: inline-block;
}
.sidebar nav.ftSNSBtn.active {
opacity: 1;
display: block;
}
main .recoArea nav {
margin: 0;
flex-basis: 100%;
}
main .recoArea nav li { }
}
@media (max-width:767px) {
header .video {
width: 100%;
}
section.recoArea .inner{
flex-direction: column;
}
section.recoArea nav.planNav {
margin-right: 0;
}
nav.rwithNav ul li{
margin: 0 auto;
}
section.recoArea nav.planNav ul li b {
font-size: 16px;
}
main section{
padding: 30px 0;
}
main section.-first{
padding: calc((0.35vw + 0.15vh)) 0 30px 0;
}
section.planPage .inner div.planInfo{
flex-direction: column;
}
section.plan div.planInfo div{
flex-basis: 100% !important;
max-width: 100% !important;
}
section.plan div.planInfo div img{
margin: 0 auto;
}
.plan_txt{
margin-top: 1.5em;
}
section.relateArea .inner ul{
flex-direction: column;
}
section.relateArea ul li.bnr{
flex-basis: 100%;
max-width: 100%;
}
main section h2 {
font-size: var(--font-25);
}
.newsArea li {
flex-basis: 50%;
max-width: 50%;
padding: 10px;
}
.newsArea li .image img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media (max-width:767px) {
header {
min-width: 0;
min-height: 0;
height: 50vw;
}
header.top {
min-width: 0;
min-height: 0;
height: 100vw;
}
.page header img{
min-width: 0;
min-height: 0;
height: 50vw;
}
.page header.top img{
min-width: 0;
min-height: 0;
height: 100vw;
}
}
@media (max-width:560px) {
header.top {
min-width: 0;
min-height: 0;
height: 100vw;
}
header.sp_none{
display: none;
}
.page header.top img{
min-width: 0;
min-height: 0;
height: 100vw;
}
section.recoArea nav.planNav ul li{
flex-basis: 50%;
max-width: 50%;
}
.content_bnr > ul{
flex-direction: column;
}
} section.plan div.planInfo div {
flex-basis: calc((100% - (0.35vw + 2.0vh) * 1) / 2);
max-width: calc((100% - (0.35vw + 2.0vh) * 1) / 2);
}
section.plan .planInfo p a {
background: #18539D;
color: #fff;
padding: 10px;
display: block;
text-align: center;
margin-top: 20px;
} .hotspringsPage .charmGallery li {
flex-basis: calc((100% - (0.35vw + 2vh) * 1) / 3);
max-width: calc((100% - (0.35vw + 2vh) * 1) / 3);
} .informationPage .facilityGallery li,
.mealPage .facilityGallery li {
flex-basis: calc((100% - (0.35vw + 2vh) * 1) / 3);
max-width: calc((100% - (0.35vw + 2vh) * 1) / 3);
} .sp{
display: none;
}
.sp_no{
display: block;
}
@media (max-width:767px) {
.sp{
display: block;
}
.sp_no{
display: none;
}
}
.spend_exp{
text-align: center;
padding: clamp(20px, 3.488372093vw, 60px) 0;
font-size: var(--font-17);
}
.spend_wrap{
background: url(//kujakusou.kankou-kawatana.jp/wp-content/themes/original/images/spend_backimg.jpg);
background-repeat: no-repeat;
padding: 60px clamp(10px, 2.3255813953vw, 40px);
}
.spend_tlt{
display: flex;
}
.spend_tlt > p{
font-size: 50px;
font-weight: bold;
color: #03539D;
opacity: 0.6;
}
h2.spend_h2{
font-size: var(--font-24);
margin-bottom: 0 !important;
}
.spend_h2.-typeA{
display: flex;
align-items: center;
text-align: left;
line-height: 1.25;
position: relative;
top: 7px;
margin-left: 10px;
}
.spend_h2.-typeA::before{
content: attr(data-text);
color: #03539D;
opacity: 0.6;
font-size: 12px;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.spend_03 > .spend_tlt > .spend_h2.-typeA::before{
top: -17px;
}
.spend_flx{
display: flex;
padding-top: clamp(15px, 1.7441860465vw, 30px);
justify-content: center;
}
.col{
padding: calc(10px / 2) calc(10px / 2);
}
.spend_time{
font-size: 12px;
display: flex;
}
.spend_time::before{
content: url(//kujakusou.kankou-kawatana.jp/wp-content/themes/original/images/time_icon.svg);
background-repeat: no-repeat;
margin-right: 5px;
}
.spend_flx--txt{
font-size: 14px;
}
.spend_flx--exp{
line-height: 2.2em;
margin: 10px 0 16px;
}
.spend_hr{
color: #03539D;
opacity: 0.3;
}
.spend_02 > .spend_flx{
flex-direction: row-reverse;
}
.spend_02 > .spend_flx > .spend_flx--txt > .spend_flx--exp{
margin-top: 2em;
margin-bottom: 3em;
}
.spend_03 > .spend_flx > .spend_flx--txt > .spend_flx--exp{
margin-top: 30px;
margin-bottom: 0;
}
.spend_use{
display: block;
background-color: #fff;
font-size: 13px;
padding: 2em .5em;
margin: 25px 0;
line-height: 2em;
}
.spend_use > tbody{
vertical-align: inherit;
}
.spend_use > tbody > tr > th{
width: 30%;
font-weight: normal;
text-align: right;
padding-right: clamp(15px, 1.511627907vw, 26px);
border-right: 1px solid #707070;
}
.spend_use > tbody > tr > td{
padding-left: clamp(15px, 1.511627907vw, 26px);
padding-right: 1em;
width: 50%;
font-size: 12px;
vertical-align: top;
}
.spend_05 > .spend_flx > .spend_flx--txt{
margin-top: 2em;
}
.spend_05 > .spend_flx > .spend_flx--txt > .spend_flx--exp{
margin-bottom: 2em;
}
@media (max-width:767px) {
.spend_flx{
flex-direction: column;
align-items: center;
}
.spend_02 > .spend_flx{
flex-direction: column;
align-items: center;
}
.spend_flx--txt > p > img{
width: 371px;
margin: 0 auto;
}
.spend_exp{
text-align: left;
}
.spend_05 > .spend_flx > .spend_flx--txt{
margin-top: 0;
}
.spend_05 > .spend_flx > .spend_flx--txt > .spend_flx--exp{
margin-bottom: 16px;
}
.spend_02 > .spend_flx > .spend_flx--txt > .spend_flx--exp{
margin-top: 0;
margin-bottom: 16px;
}
.spend_use{
margin: 20px 0;
}
}
@media (max-width:560px) {
.spend_use > tbody > tr > th{
width: 40%;
}
.spend_use > tbody > tr > td{
width: 45%;
}
}
@media (max-width:422px) {
.spend_use > tbody > tr > th{
text-align: left;
padding-right: 0;
}
} .information .information_inner > p:first-of-type{
text-align: center;
margin-bottom: 2em;
}
.information > .inner > .facilityGallery > li > em{
text-align: center;
display: block;
}
.information .information_inner > .information_table{
margin-top: 2em;
}
.information .information_inner > .information_exp{
margin: 2em 0;
}
.information_table > table{
border-collapse:collapse;
border-spacing:0;
width: 100%;
}
.information_table > table > tbody > .bg > th,
.information_table > table > tbody > .bg > td{
background-color:rgba(3,83,157,0.7);
color: #fff;
border-top: 1px solid #03539D;
border-bottom: 1px solid #03539D;
border-right: 1px solid #03539D;
}
.information_table > table > tbody > .bg > td:last-of-type{
border-right: none;
}
.information_table > table > tbody > tr > th,
.information_table > table > tbody > tr > td{
width: 33.3333%;
text-align: center;
font-size: 13px;
padding: clamp(0px, 1.1046511628vw, 19px) 5px clamp(0px, 1.1046511628vw, 20px);
line-height: 1.5em;
}
.information_table > table > tbody > tr > th{
border-right: 1px solid #03539D;
color: #03539D;
border-bottom: 1px dotted #03539D;
font-weight: normal;
}
.information_table > table > tbody > tr > td:last-of-type{
border-right: none;
}
.information_table > table > tbody > tr > td{
border-bottom: 1px dotted #03539D;
border-right: 1px dotted #03539D;
}
.information_table > table > tbody > tr > .bd_no{
border-bottom: none;
}
.information_table > table > tbody > tr > .bd_sol{
border-bottom: 1px solid #03539D;
width: 25%;
}
.information_table > table > tbody > tr > .bd_sol + td{
width: 50%;
border-bottom: 1px solid #03539D;
}
@media (max-width:767px) {
.information .information_inner > p:first-of-type{
text-align: left;
}
}
@media (max-width:500px) {
.informationPage .facilityGallery li{
flex-basis: 100%;
max-width: 100%;
}
.informationPage .facilityGallery li img{
margin: 0 auto;
}
} .charm_wrap{
background: url(//kujakusou.kankou-kawatana.jp/wp-content/themes/original/images/spend_backimg.jpg);
background-repeat: no-repeat;
padding: clamp(20px, 3.488372093vw, 60px) clamp(10px, 2.3255813953vw, 40px);
}
.charm_flx{
display: flex;
padding-top: 30px;
justify-content: center;
}
.charm_tlt {
width: 50%;
margin-right: 60px;
}
.charm_tlt--sp{
display: none;
}
.charm_tlt > h2{
font-size: var(--font-24);
color: #03539D;
text-align: left;
margin-bottom: 20px;
}
.charm_tlt > p{
font-size: 14px;
}
.charm_p{
font-size: 50px !important;
font-weight: bold;
color: #03539D;
opacity: 0.6;
margin-bottom: 0 !important;
}
.charm_p.-typeA{
line-height: 1.25;
position: relative;
padding-top: 10px;
}
.charm_p.-typeA::before{
content: attr(data-text);
color: #03539D;
opacity: 0.6;
font-size: 12px;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
}
.charm_img > img + img{
position: relative;
right: 3em;
}
.bnr_img > img{
margin: 0 auto;
padding-top: 3em;
}
.bnr_img.-top_no > img{
padding-top: 0;
}
@media (max-width:767px) {
.charm_flx{
flex-direction: column;
}
.charm_img{
display: flex;
}
.charm_img > img + img{
right: 0;
}
.charm_tlt{
width: 100%;
margin-right: 0;
}
.charm_tlt{
display: none;
}
.charm_tlt--sp{
display: block;
}
.charm_sp{
display: flex;
}
.charm_sp--tlt{
display: flex;
align-items: center;
}
.charm_sp--tlt > h2{
margin-bottom: 0;
margin-left: 1em;
color: #03539D;
text-align: left;
}
.charm_tlt--sp > p{
padding: 0 1.5em;
margin: 1em 0;
}
.charm_img > img{
width: 50%;
max-height: 241px;
object-fit: cover;
}
.meal_inner > p > img{
margin-bottom: 0 !important;
}
} .meal_inner > p > img{
margin-bottom: 1em;
}
.meal_inner > p > span{
color: red;
font-weight: bold;
}
.meal_table > h3{
text-align: center;
padding-bottom: .5em;
}
.meal_table > table > tbody > tr > td >span{
color: red;
font-weight: bold;
}
.meal_enkai{
margin-top: .5em;
}
#top-page > .top_no{
display: none;
}
#page_404 > .top_no{
display: none;
} .stay_list{
margin: 30px 0 50px;
border-top: 1px solid #03539D;
border-bottom: 1px solid #03539D;
border-collapse: collapse;
width: 100%;
}
.stay_list > tbody > tr{
border-bottom: 1px dotted #03539D;
}
.stay_list > tbody > tr > th{
background-color: #a9c9e747;
color: #03539D;
font-size: var(--font-14);
text-align: center;
width: 30%;
padding: 20px 0;
}
.stay_list > tbody > tr > td{
padding: 20px 1em 20px 26px;
font-size: var(--font-14);
background-color: #FFF;
}
.rates > table > tbody > tr > th, .rates > table > tbody > tr > td{
width: 20%;
font-size: var(--font-12);
}
.rates_txt{
margin-top: 1em;
} .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;
margin-bottom: 2em;
}
@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;
}
}
.c-breadcrumb {
--c-breadcrumb-line-height: 1.375;
--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(--font-13);
color: #000;
}
.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;
margin-bottom: 1em;
} ul.catList li {
float: left;
}
ul.catList li a {
padding: 5px 10px;
border: 2px solid #18539D;
color: #18539D;
font-size: .8rem;
font-weight: bold;
}
ul.catList li.current a {
padding: 5px 10px;
border: 2px solid #18539D;
color: #fff;
background: #18539D;
font-size: .8rem;
font-weight: bold;
}
ul.catList li+li {
margin-left: 20px;
}
@media (max-width:960px) {
ul.catList li+li{
margin-left: 10px;
}
}
ul.catList {
margin-bottom: 20px;
padding: 0 1em 2em;
}
.news_ol{
padding: 0 1em;
}
.list-box div.image {
width: 20%;
height: 120px;
overflow: hidden;
}
.list-box div.image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.list-box div.info {
width: 78%;
margin-left: 2%;
}
@media (max-width:767px) {
.list-box div.info {
width: 68%;
}
.list-box div.image {
width: 30%;
}
}
@media (max-width:500px) {
.news_ol{
margin-top: 3em;
}
}
.list-box div {
float: left;
}
.list-box .postThumb {
clear: both;
height: 120px;
}
.list-box li+li {
margin-top: 10px;
}
.pnavi {
margin-top: 20px;
text-align: center;
}
.pnavi span,.pnavi a {
padding: 5px 10px;
background: #fff;
border: 1px solid #18539D;
color: #18539D;
}
.page-numbers.dots{
color: #18539D;
background-color: #fff;
}
.pnavi span {
background: #18539D;
border: 1px solid #18539D;
color: #fff;
} .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 #eee;
}
@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 #eee;
}
.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: #ddd;
white-space: nowrap;
}
.contact-flow > li::before {
content: "";
width: 0.875em;
height: 0.875em;
background: currentColor;
border-radius: 100%;
}
.contact-flow > li.-current {
color: #000;
}
.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-16);
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;
}
.contact-confirmPage .contact-form > .submit > dd {
gap: clamp(13px, 1.6722408027vw, 20px);
}
@media (min-width: 560px) {
.contact-form > .submit > dd {
flex-direction: row-reverse;
}
}
.contact-form a {
color: #18539D;
text-decoration: underline;
}
.contact-form .required {
margin-left: 0.25em;
color: red;
}
.contact-captcha{
text-align: center;
margin: clamp(30px, 3.488372093vw, 60px) 0;
font-size: var(--font-16);
}
.contact-captcha > img{
margin: 0 auto;
}
.contact-captcha > input{
padding: 5px 10px;
margin-top: 1em;
border: 1px solid #333;
background: #fff;
}
.c-form-control {
--c-form-control-border: 1px solid #f2f2f2f2;;
--c-form-control-border-radius: 5px;
--c-form-control-padding: .75em 1em;
--c-form-control-background:  #f6f6f6;
--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: #18539D;
border: 3px solid #18539D;
color: #fff;
cursor: pointer;
transition: all .4s;
}
.c-btn.-contactAction.-submit:hover{
opacity: .6;
transition: all .4s;
}
.c-btn.-contactAction.-back {
background: #fff;
border: 3px solid #18539D;
color: #18539D;
cursor: pointer;
transition: all .4s;
}
.c-btn.-contactAction.-back:hover{
opacity: .6;
transition: all .4s;
} .c-typography {
--c-typography-font-size: 16px;
--c-typography-font-family: var(--font-sans);
--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: #18539D;
}
.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);
text-align: left;
}
.c-typography h2.has-text-align-center{
text-align: center;
}
.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;
}
.category_img{
height: 100vh;
object-fit: cover;
width: 100%;
} .t-archive > .t-title {
display: grid;
place-items: center;
height: clamp(125px, 14.7058823529vw, 150px);
background: #F1F8FF;
margin-bottom: 15px;
}
.t-archive > .t-title > .t-heading {
max-width: var(--content-size-large);
margin: 0 auto;
font-size: var(--font-35);
text-align: center;
}
.t-archive > .t-title > .t-heading::before {
content: "NEWS";
display: block;
font-size: var(--font-20);
color: #18539D;
opacity: .5;
}
.info > .newsData > .label{
padding: 5px 10px;
border: 2px solid #18539D;
font-size: .8rem;
font-weight: bold;
background: #18539D;
color: #fff;
margin-left: 5px;
} .c-typography > .t-header {
padding-bottom: clamp(16px, 1.8382352941vw, 25px);
border-bottom: 2px dotted #18539D;
font-family: var(--font-sans);
}
.c-typography > .t-header > .heading {
font: 700 var(--font-27)/1.5 var(--font-sans);
text-align: justify;
word-break: break-all;
}
.c-typography > .t-header > .single-headerData {
margin-top: clamp(9px, 1.1029411765vw, 15px);
}
.single-headerData {
display: flex;
flex-wrap: wrap;
font-size: var(--font-14);
line-height: 1.25;
align-items: center;
}
.single-headerData ,
.single-headerCategory{
padding-left: 0 !important;
}
.single-headerData > li,
.single-headerCategory > li{
list-style: none;
}
.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-headerCategory > li > a{
text-decoration: none !important;
color: #252729 !important;
} .breadcrumb {
font-family: 'Noto Sans JP', sans-serif;
padding-left: 2%;
padding-bottom: 20px;
} .t-archive > .footer {
margin-top: 100px;
}
.t-archive > .footer > .c-pager {
margin-top: clamp(16px, 1.8382352941vw, 25px);
padding: 0 2%;
}
.single-footerShare {
padding: clamp(19px, 2.2058823529vw, 30px);
background: #F1F8FF;
text-align: center;
}
.single-footerShare > .heading {
margin-bottom: 0.75em;
font-weight: 700;
font-size: var(--font-15);
font-family: var(--font-sans);
}
.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;
} section.relateArea .inner ul{
justify-content: center;
}