/**
 * uaplus.css version 0.0.1
 */
*,*::after,*::before{box-sizing:border-box}:focus-visible{outline-offset:3px}:where(html){-webkit-text-size-adjust:none;text-size-adjust:none}:where(html){line-height:1.5}:where(html){scrollbar-gutter:stable}:where(h1){font-size:2em;margin-block:.67em}:where(abbr[title]){cursor:help;text-decoration-line:underline;text-decoration-style:dotted}@media (forced-colors:active){mark{color:HighlightText;background-color:Highlight}}:where(del,ins,s)::before,:where(del,ins,s)::after{clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;content:"test"}:where(s)::before{content:"stricken text start "}:where(s)::after{content:" stricken text end"}:where(del)::before{content:"deletion start "}:where(del)::after{content:" deletion end"}:where(ins)::before{content:"insertion start "}:where(ins)::after{content:" insertion end"}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(label):has(+:where(textarea,input,select)){display:block}:where(textarea:not([rows])){min-block-size:6em}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type="search"]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where([type="search"]){border:1px solid -apple-system-secondary-label;background-color:canvas}}:where([type="tel"],[type="url"],[type="email"],[type="number"]):not(:placeholder-shown){direction:ltr}:where(table){border-collapse:collapse;border:1px solid}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:oklch(0% 0 0 / .3)}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity 300ms ease-out,display 300ms allow-discrete,overlay 300ms allow-discrete}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden="until-found"]){display:none!important}
html,body {
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: 100%;
  color: rgb(35, 24, 21);
  font-family: "Zen Old Mincho", 游明朝, "Yu Mincho", "Noto Serif", "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
body {
	background: url(img/bg.jpg) 0 0 no-repeat;
	background-attachment: fixed;
	background-size: cover;
}
body {
    animation: fadein 3s forwards
}

@keyframes fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}
h1, h2, h3, h4 {
  margin: 0;
  line-height: 1.5;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
p.read {
  line-height: 2;
}
#index_key {
  width: 100%;
  margin-bottom: 60px;
}
#index_key img {
  display: block;
  width: 100%;
  height: auto;
}
.tac { text-align: center; }
.tar { text-align: right; }
.img100 {
  display: block;
  width: 100%;
  height: auto;
}
#kari .logo {
  width: 20vw;
  height: auto;
  margin: 0 auto 40px;
}
#head_sec h2 {
  font-size: 5.6vw;
  margin: 0 0 .25em;
}
#head_sec h3 {
  font-size: 3vw;
  margin-bottom: 1em;
}
.camp {
  padding: 0 8vw;
  margin: 60px 0;
}
.camp > a {
  display: block;
  border:2px solid rgb(35, 24, 21);
  border-radius: .5em;
  padding: 2em 1.5em;
  color: rgb(35, 24, 21);
  text-decoration: none;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  transition-duration: .3s;
}
.camp img {
  display: block;
  width: 50%;
  height: auto;
  margin: 0 auto;
}
.camp span {
  display: block;
}
.banner_wide {
  margin-bottom: 1em;
}
.banner_cap {
  line-height: 1.8;
  font-size:.875rem;
}
.thumb_list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.thumb_list li {
  width: 48%;
  margin-bottom: 2em;
}
.thumb_list li.wide {
  width: 100%;
}
#room > div {
  padding: 0 8vw;
}
.thumb_list li img {
  margin-bottom: 1em;
}
.thumb_list li h4 {
  margin-bottom: .5em;
}
.thumb_list li p {
  font-size: .875rem;
  line-height: 1.5;
}
.n_sec {
  padding: 40px 8vw;
}
.bord {
  border:2px solid #CCC;
  padding: 3em 4em;
  border-radius: .5em;
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}

.bord h1 {
  border-bottom: 1px solid #CCC; 
  padding-bottom: 1em;
  margin-bottom: 1em;
}
#copy {
  padding: 1em;
  text-align: center;
  color: #999;
}
.insta {
  width: 300px;
  height: 60px;
  margin: 2em auto;
}
.insta a {
  display: block;
  width: 100%;
  line-height: 60px;
  text-align: center;
  text-decoration: none !important;
  border:2px solid rgb(35, 24, 21);
  border-radius: 999px;
  color: rgb(35, 24, 21) !important;
  transition-duration: .3s;
}

@media (max-width: 1024px) {
html, body {
    font-size: 90%;
}
#index_key {
    margin-bottom: 40px;
}
#kari .logo {
    width: 30vw;
    margin: 0 auto 30px;
}
#head_sec h3 {
    font-size: 4vw;
}
#head_sec {
padding: 0 6vw;
	}
	.camp {
    padding: 0;
    margin: 40px 0;
}
.camp img {
    display: block;
    width: 60%;
}
.banner_cap {
    font-size: .75rem;
}
.thumb_list li {
    width: 100%;
    margin-bottom: 2em;
}
.bord {
    border: none;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.bord h1 {
    border-bottom: 1px solid #CCC;
    padding-bottom: 1em;
    margin-bottom: 1em;
    font-size: 5vw;
}
.thumb_list li p br{
	display: none;
}
}
@media (any-hover: hover) {
  .camp > a:hover, .insta a:hover {
    background: #EEE;
  }
}