@charset "UTF-8";
/*-----------
common
-----------*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(http://fonts.googleapis.com/css?family=Lora);
/*テキスト*/
.menu > li{text-align:center;}
.txt {line-height:1.8; font-size:1rem;}
.btn {line-height:1.8; font-size:1.1rem;}
.message{font-size:1.1rem; letter-spacing:0.1em; line-height:2; margin-bottom:0.5em;}
.tit{font-size:1.2rem; letter-spacing:0.1em; line-height:1.3; margin-bottom:0.5em; font-weight:500;}
.notice{font-size:0.9rem;}

body#sv2024{background:#312018;/*background:url(images/bg_top.jpg) bottom center no-repeat;background-attachment:fixed;background-size:cover;*/}
body#sv2024 .container{ width:100%; text-align: center; padding:0; margin:0 auto; font-size:14px; font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  font-style: normal; }

h2.headline {font-size:2.4rem; margin-bottom:50px; font-weight:500; letter-spacing:0.1em; }
ul.flexList {display:flex; flex-wrap:wrap; gap:30px 50px; justify-content:center;}
ul.flexList li .illust img {width:auto;}

.image img{width:100%;}


/*--------------------------------------
見出し共通
--------------------------------------*/
#serviceArea h2{color:#fff;}
#kionArea h2{color:#312018;}

/*--------------------------------------
メインビジュアル
--------------------------------------*/
#cover {position:relative;height:100vh;margin:0px;padding:70px 0 0 0;position:relative;}
h1 {z-index: 11;position:absolute;top: 45%;left: 50%;transform: translate(-50%, -50%);}
h1 img{width:100%;}

@media(max-width:640px ){
	#cover {height:60vh;margin:70px 0 50px 0;padding:0 0 0 0;}
	h1 {top: 45%;left: 10%;transform: translate(-8%, -50%);}
}


/*--スライド用--*/
.img-box{
  width: 100%;
  height: 90vh;
  overflow: hidden;
  position: relative;
	margin:0px auto 0 auto;
	border-radius: 0px;
}
.img-box>div{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 90vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 10;
  opacity: 0;
	animation: anime 35s 0s infinite;
}

@keyframes anime {
  0% {opacity: 0;}
  8% {opacity: 1;}
  17% {opacity: 1;}
  30% {opacity: 0;transform: scale(1.1) ;z-index:9;}
  100% { opacity: 0 }
}

/* 1枚目のスライド */
.img-box>div:first-of-type{
  background-image: url(images/img_top01.jpg?02);
}

/* 2枚目のスライド */
.img-box>div:nth-of-type(2){
  background-image: url(images/img_top02.jpg?02);
  animation-delay: 5s;
}

/* 3枚目のスライド */
.img-box>div:nth-of-type(3){
  background-image: url(images/img_top03.jpg?02);
  animation-delay: 10s;
}

/* 4枚目のスライド */
.img-box>div:nth-of-type(4){
  background-image: url(images/img_top04.jpg?02);
  animation-delay: 15s;
}

/* 5枚目のスライド */
.img-box>div:nth-of-type(5){
  background-image: url(images/img_top05.jpg?02);
  /* 追記 */
  animation-delay: 20s;
}

/* 6枚目のスライド */
.img-box>div:nth-of-type(6){
  background-image: url(images/img_top06.jpg?02);
  animation-delay: 25s;
}

/* 7枚目のスライド */
.img-box>div:last-of-type{
  background-image: url(images/img_top07.jpg?02);
  animation-delay: 30s;
}

@media(max-width:640px ){
	.img-box{
  width: 100%;
  height: 60vh;
	margin:30px auto 0 auto;
}
	.img-box>div{
  height: 60vh;
}
}

/*--------------------------------------
リード
--------------------------------------*/
#leadArea{padding:0 0 80px 0;color:#fff;}
#leadArea p{font-size:1.4rem;line-height: 220%;}
#leadArea h2.headline {font-size:4rem; margin:10px auto 20px;}

/*--------------------------------------
気温と天気
--------------------------------------*/
/*#kionArea{background: linear-gradient(45deg,rgba(124,229,255,0.6),rgba(176,209,123,0.6));background:#bc944c;padding:50px 0;}*/
#kionArea{background:url(images/bg_top.jpg) bottom center no-repeat;background-attachment:fixed;background-size:cover;padding:50px 0;}
#kionArea img{width:100%;}
/* 2カラム */
#contents {
  max-width: 1200px; /*幅指定*/
	width:100%;
  margin: 0 auto 10px auto;
  display: flex;
}
#main {
  width: 46%;
	margin:3% 2% 0%;
	text-align: left;
}
#sub {
  width: 46%;
	margin:0 2%;
}

#main table{border-top:1px solid #fff;width:100%;}
#main table th,#main table td{border-bottom:1px solid #fff;padding:20px 20px;}
#main table th{border-right:1px solid #fff;}
#main table td span{color:#3366e6;font-size:2rem;font-weight:bold;margin:0 5px;}
#sub img{border-radius: 40px;}
#sub h3{color:#fff;}

@media screen and (max-width: 767px) {
  #contents {
    width: 90%;
    display: block;
		margin: 0 auto 120px auto;
  }
  #main {
		width:100%;
		margin:0 auto 5% auto;
  }
  #sub {
		width:100%;
		margin:0 auto;
  }
}

.yellowBox {background: url("images/img_hoshi.jpg") top center no-repeat;background-size:cover;background-attachment:fixed;width:96%;max-width:800px;margin:0 auto 80px;padding:30px;border-radius:0px;color:#fff;}
.yellowBox img{border-radius: 0px;}
@media(max-width:640px ){
	.yellowBox {width:85%;padding:40px 20px;}
}

h3 {margin-bottom:15px;font-size:1.5rem;font-weight:500;}
.summerEvent {font-size:1.4rem;line-height: 2;text-align: left;width:98%;max-width:1400px;margin:20px auto;color:#40220F;}
.summerEvent ul {font-size:0;margin:0;padding:0;width:100%;}
.summerEvent ul li{width:32%;display: inline-block;font-size:1.2rem;text-align: center;line-height: 1.5;margin-bottom:40px;vertical-align: top;background:#fff;border-radius: 10px;padding-bottom:40px;position:relative;}
.summerEvent ul li a{display:block;}
.summerEvent ul li span{display:block;position:absolute;top:10px;left:10px;background:#fff;padding:0px 10px;border-radius: 18px;height:30px;}
.summerEvent ul li img{margin-bottom:15px;width:100%;border-radius: 10px 10px 0 0;}
.summerEvent ul li:first-child{margin-right:2%;}
.summerEvent ul li:nth-child(2){margin-right:2%;}
.summerEvent ul li:nth-child(3){margin-right:0%;}
.summerEvent ul li:nth-child(4){margin-right:2%;}
.summerEvent ul li:nth-child(5){margin-right:2%;}
.summerEvent ul li:nth-child(6){margin-right:0%;}
@media(max-width:640px ){
.summerEvent ul {margin:0 auto;width:96%;}
.summerEvent ul li{width:49%;}
.summerEvent ul li:first-child{margin-right:2%;}
.summerEvent ul li:nth-child(2){margin-right:0%;}
.summerEvent ul li:nth-child(3){margin-right:2%;}
.summerEvent ul li:nth-child(4){margin-right:0%;}
.summerEvent ul li:nth-child(5){margin-right:2%;}
.summerEvent ul li:nth-child(6){margin-right:0%;}
}

/*--------------------------------------
イベント
--------------------------------------*/
#eventArea{background: url("images/bg_event.jpg") top center no-repeat;background-size:cover;background-attachment:fixed;padding:80px 0;}

/*-----------サービス----------*/
#serviceArea{padding:50px 0; }
#serviceArea .caution{background:#FAEC9C;}
#serviceArea .flexList{margin:50px auto;}
#serviceArea .flexList li{background:rgba(255,255,255,1); flex-basis:320px; padding:10px;}
#serviceArea .flexList li .btn{margin-bottom:0;}
.btn a span.notice{color:#fff;}
@media(max-width : 960px ){
#serviceArea .flexList li{flex-basis:90%;}
#serviceArea .flexList#usual{margin:0 2%; gap:20px}
#serviceArea .flexList#usual li {flex-basis:47%;}
}