@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url("ress.css");
@import url("kiso.css");

body {
	background: #fffdee;
}
img {
	width: 100%;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
li a {
  color: #00a9e8;
}
a:hover {
  color: #6dd7ff;
}
.entry-link {
  color: #fff;
}
.entry-link a {
  color: #fff;
  text-decoration: underline;
}
.entry-link a:hover {
  opacity: 0.8;
}
.kvbtn a:hover,.btn-1 a:hover,.btn-2 a:hover,.btn-3 a:hover,.btn-4 a:hover,.btn-5 a:hover,.entrybtn-1 a:hover {
  border: none;
  opacity: 0.8;
}
br.smp {display: none;}
br.smpc {display: block;}

main {
	width: 100%;
	margin: 0 auto;
}
.kvbtn-area {
	display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 1%;
 width: 100%;
 background: #faf4c5;
 padding: 2% 0;
}
.kvbtn {
 width: 45%;
}

.entry-1,.entry-2 {
	width: 100%;
	margin: 0 auto;
	padding: 2% 5%;
}
.entry-1 {
	background: #c31632;
}
.entry-2 {
	background: #992339;
}
.entry-link {
	font-size: 0.7rem;
	text-align: center;
}

.btn-area-2 {
	position: relative;
 aspect-ratio: 750 / 688;
 background: url("../img/bg-02.jpg") no-repeat center/cover;
}
.btn-area-3 {
	position: relative;
 aspect-ratio: 750 / 1133;
 background: url("../img/bg-03.jpg") no-repeat center/cover;
}


.btn-area-5 {
	position: relative;
 aspect-ratio: 750 / 527;
 background: url("../img/bg-05.jpg") no-repeat center/cover;
}
.btn-area-6 {
	position: relative;
 aspect-ratio: 750 / 497;
 background: url("../img/bg-06.jpg") no-repeat center/cover;
}
.btn-area-8 {
	position: relative;
 aspect-ratio: 750 / 640;
 background: url("../img/bg-08.jpg") no-repeat center/cover;
}

.btn-1 {
	position: absolute;
	width: 90%;
	left: 50%;
 transform: translateX(-50%);
	bottom: 0;
}
.btn-2 {
	position: absolute;
	width: 25%;
	left: 50%;
 transform: translateX(-50%);
	bottom: 3%;
}
.btn-3 {
	position: absolute;
	width: 25%;
	left: 50%;
 transform: translateX(-50%);
	top: 29.5%;
}
.btn-4 {
	position: absolute;
	width: 25%;
	left: 50%;
 transform: translateX(-50%);
	bottom: 5.3%;
}
.btn-5 {
	position: absolute;
	width: 90%;
	left: 50%;
 transform: translateX(-50%);
	bottom: 3%;
}

.annotation {
	padding: 5% 12%;
 background:
  url("../img/leaf-1.png") no-repeat right 0 top 10px,
  url("../img/leaf-2.png") no-repeat right 0 top 900px,
  url("../img/leaf-3.png") no-repeat left 0 top 1300px,
  url("../img/leaf-4.png") no-repeat right 0 top 2100px,
  url("../img/leaf-5.png") no-repeat left 0 bottom 140px,
  #faf4c5;
 background-size: 50px auto, 30px auto, 40px auto, 40px auto, 50px auto;
}

.cap {
	font-size: 0.7rem;
}
.cap ul {
	margin-bottom: 5%;
}
.cap li {
	padding-left: 1em;
	text-indent: -1em;
}
.ttl {
	font-weight: bold;
	font-size: 0.8rem;
	line-height: 1.6rem;
}
li.noind {
	padding-left: 0;
	text-indent: 0;
}

.contact {
	width: 100%;
	margin: 8% auto;
	background: #fff;
	border: 1px solid #000;
	padding: 2% 4% 6%;
	font-size: 0.7rem;
	margin-bottom: 24%;
}
.contact-ttl {
	text-align: center;
	margin: 0 auto;
	font-size: 0.7rem;
	font-weight: bold;
	line-height: 1.8rem;
}

/* PageTop btn */
.pagetop {
  position: fixed;
  right: 2%;
  bottom: -2%;
  opacity: 0;
  transition: all 0.4s ease;
  z-index: 9999;
}
.pagetop {
	width: 20%;
}
.pagetop.show {
  bottom: 2%;
  opacity: 1;
}


/* PC */
@media screen and (min-width: 750px) {
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	br.smp {display: block;}
	br.smpc {display: none;}
	
	main {
		width: 750px;
		margin: 0 auto;
 }
 .entry-link {
	 font-size: 1.2rem;
 }
 .annotation {
	 padding: 5% 13%;
  background:
   url("../img/leaf-1.png") no-repeat right 0 top 10px,
   url("../img/leaf-2.png") no-repeat right 10px top 1150px,
   url("../img/leaf-3.png") no-repeat left 0 top 1800px,
   url("../img/leaf-4.png") no-repeat right 0 top 2900px,
   url("../img/leaf-5.png") no-repeat left 0 bottom 160px,
   #faf4c5;
  background-size: 100px auto, 80px auto, 80px auto, 80px auto, 120px auto;
 }
 .cap {
	 font-size: 1.2rem;
	 line-height: 1.6rem;
 }
 .cap ul {
	 margin-bottom: 5%;
 }
 .ttl {
	 font-size: 1.4rem;
	 line-height: 3rem;
 }
 li.noind {
	 padding-left: 0;
	 text-indent: 0;
 }
 .contact {
	 width: 84%;
	 padding: 3% 4% 4%;
	 font-size: 1.2rem;
	 margin-bottom: 10%;
 }
 .contact-ttl {
	 font-size: 1.3rem;
	 line-height: 2.4rem;
 }
 
 /* PageTop btn */
 .pagetop {
	 width: 7%;
 }
}