@charset "utf-8";
/* CSS Document */
body{background: #f1e7d6;}
/*TOPページ*/
.logo{
margin:0;
float: left;
padding-left: 8px;
background: #FFFFFF;
}

.logo img{
width: 100%;
}

@media only screen and (max-width:1200px) {
.logo {
display:none;
}
}

.logo-sp{
margin:0;
float: left;
}

.logo-sp img{
width: 100%;
padding: 0px;
}

@media screen and (min-width:1201px) {
.logo-sp{
display:none;
}
}


.nav01{
width:100%;
margin-top:54px;
margin-right:24px;
text-align:left;
float: left;
}

.nav01 a:hover{
opacity: 0.7;
}

.nav01 li{
margin:0;
padding-left: 20px;
list-style-type: none;
float:left;color: #ffffff;
}

.nav01 a{
font-size: 14px;
font-weight: 500;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1;
}

.nav01 p{
font-size: 14px;
font-weight: 500;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1;
}

@media only screen and (max-width:1200px) {
.nav01{
display:none;
}
}

/*開閉ボタン*/
#navi_toggle{
display: block;
width: 30px;
height:31px;
padding:27px;
float: right;
background:#341e06;
z-index: 10000;
}

#navi_toggle:hover{
background:#341e06;
}

#navi_toggle div {
position: relative;
}

#navi_toggle span{
display: block;
height: 4px;
background:#fff;
position: absolute;
width: 100%;
left: 0;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

#navi_toggle span:nth-child(1){
top:0px;
}

#navi_toggle span:nth-child(2){
top:12px;
}

#navi_toggle span:nth-child(3){
top:24px;
}
	
/*開閉ボタンopen時*/
.open #navi_toggle span:nth-child(1) {
top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}

.open #navi_toggle span:nth-child(2) {
width: 0;
left: 50%;
}

.open #navi_toggle span:nth-child(3) {
top: 12px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/*スマホメニュー部分*/
nav#navi{
display:none;
position: absolute;
top:0;
width: 100%;
height: 100%;
background:#341e06;
left: 0;
z-index: 9999;
position: fixed;
margin:84px 0 0 0;
}

@media only screen and (min-width:1201px) {
div#navi_toggle{
display:none;
}
}

nav#navi ul{
display: block;
width:28%;
margin: 62px auto 62px;
}

nav#navi ul li{
list-style: none;
margin: 0 auto;
font-size: 16px;
border-bottom: 1px solid #eee;
padding: 13px 0 10px;
}

nav#navi ul li a{
display: block; 
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
}

nav#navi ul li a:hover {
color: #777;
text-decoration:underline;
}

div#container {
padding-top: 98px;
}

@media only screen and (max-width:1200px) {
div#container{
display:none;
}
}

div#container2 {
padding-top: 82px;
}

@media only screen and (min-width:1201px) {
div#container2{
display:none;
}
}

/* 複数画像切り替え */
.slide {
position: relative;
width: 100%;
padding-top: 56.25%;
overflow: hidden;
background-color: #ffffff;
z-index: 500;
}
 
@keyframes slideshow {
  0% {
    opacity: 0;
  }
 
  10% {
    opacity: 1;
  }
 
  28% {
    opacity: 1;
  }
 
  38% {
    opacity: 0;
  }
 
  100% {
    opacity: 0;
  }
}
 
.slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation: slideshow 18s linear infinite;
	z-index: 500;
}
 
.slide img:nth-child(2) {
  animation-delay: 6s;
}
 
.slide img:last-child {
  animation-delay: 12s;
}

@media only screen and (max-width:767px) {
.slide {display:none;}
}

.slide2 {
  position: relative;
  width: 100%;
  padding-top: 110.71%;
  overflow: hidden;
  background-color: #ffffff;
}
 
@keyframes slideshow {
  0% {
    opacity: 0;
  }
 
  10% {
    opacity: 1;
  }
 
  28% {
    opacity: 1;
  }
 
  38% {
    opacity: 0;
  }
 
  100% {
    opacity: 0;
  }
}
 
.slide2 img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  opacity: 0;
  animation: slideshow 18s linear infinite;
}
 
.slide2 img:nth-child(2) {
  animation-delay: 6s;
}
 
.slide2 img:last-child {
  animation-delay: 12s;
}

@media only screen and (min-width:767px) {
.slide2{
display:none;
}
}


.top01{
text-align: center;
}

.top03{
text-align: center;
margin-top: 40px;
}

.top03b{
background: #ffffff;
text-align: center;
padding-top: 120px;
}

@media only screen and (max-width:767px) {
.top03b{
padding-top: 60px;
}
}

.box5{
display: inline-block;
width: 88%;
text-align: center;
box-sizing: border-box;
vertical-align:  bottom; 
margin-top: 40px;
margin-bottom: 16px;
}

.box5 p {
color: #341e06;
line-height: 200%;
}

.box5 h2 {
font-size: 32px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
}

@media screen and (max-width: 767px) {
.box5 {width: 96%; }
}
@media screen and (max-width: 767px) {
.box5 h2 {
font-size: 24px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
}
}

.box55 {
display: inline-block;
width: 100%;
text-align: center;
box-sizing: border-box;
vertical-align:  bottom; 
margin-top: 16px;
}

.box55 p {
color: #341e06;
line-height: 200%;
}

.box55 h2 {
color: #341e06;
font-size: 28px;
}

.box55 img:hover{
opacity: 0.7;
}

@media screen and (max-width: 767px) {
.box55 {
width: 96%; 
}
}

.box-news1 {
text-align: left;
display: inline-block;
width: 30%;
margin-left: 3%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-news1 img {
	border-radius:24px;
}

.box-news1 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;
}

.box-news1 a:hover{
opacity: 0.7;
text-decoration: underline;
}

.box-news1 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

@media screen and (max-width: 767px) {
.box-news1{
text-align: center;
width: 100%;
height: 100%;
margin:0 auto;
padding-bottom: 24px;
}
}

@media screen and (max-width: 767px) {
.box-news1 img{
text-align: center;
width: 96%;
}
}

.box-news2 {
text-align: left;
display: inline-block;
width: 30%;
margin-left: 2%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-news2 img {
border-radius:24px;
}

.box-news2 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;
}

.box-news2 a:hover{
opacity: 0.7;
text-decoration: underline;
}

.box-news2 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

@media screen and (max-width: 767px) {
.box-news2 img{
text-align: center;
width: 96%;
}
}

@media screen and (max-width: 767px) {
.box-news2{
text-align: center;
width: 100%;
height: 100%;
margin:0 auto;
padding-bottom: 24px;
}
}

.box-news3 {
text-align: left;
display: inline-block;
width: 30%;
margin-left: 2%;
margin-right: 3%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-news3 img {
border-radius:24px;
}

.box-news3 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;}

.box-news3 a:hover{
opacity: 0.7;
text-decoration: underline;
}

.box-news3 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

@media screen and (max-width: 767px) {
.box-news3 img{
text-align: center;
width: 96%;
}
}

@media screen and (max-width: 767px) {
.box-news3{
text-align: center;
width: 100%;
height: 100%;
margin:0 auto;
padding-bottom: 24px;
}
}

.box-message {
border-radius: 24px;
text-align: left;
display: inline-block;
width: 100%;
padding: 40px;
box-sizing: border-box;
background-image: url("../img/main01.jpg"); 
background-size:100%;
}

@media screen and (max-width: 1200px) {
.box-message{
display:none;
}
}

.box-message-sp {
border-radius: 24px;
text-align: left;
display: inline-block;
width: 96%;
background: #fff;
box-sizing: border-box;
background-image: url("../img/sp-haikei1.jpg"); 
background-size:100%;
}

@media only screen and (min-width:1201px) {
.box-message-sp{
display:none;
}
}

.box-message1 {
text-align: left;
display: inline-block;
width: 40%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-message1 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;
}

.box-message1 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

.box-message2 {
text-align: right;
display: inline-block;
width: 60%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-message2 p{
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 2;
margin-top: 8px;
margin-left: 8px;
}

.box-message2 h2{
font-size: 28px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 16px;
margin-left: 12px;
}

.box-about {
border-radius: 24px;
text-align: left;
display: inline-block;
width: 100%;
padding: 40px;
background: #fff;
box-sizing: border-box;
background-image: url("../img/main02.jpg"); 
background-size:100%;
}

.box-message-sp1 {
text-align: left;
display: inline-block;
margin-left: 10%;
width: 80%;
box-sizing: border-box;
vertical-align:  top;
}

.box-message-sp1 p{
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 2;
margin-top: 8px;
margin-left: 8px;
}

.box-message-sp1 h2{
font-size: 24px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 40px;
margin-bottom: 20px;
margin-left: 12px;}

.box-message-sp2 {
text-align: left;
display: inline-block;
width: 100%;
box-sizing: border-box;
vertical-align:  top;
}

.box-message-sp2 img {
border-radius:24px;
}

@media screen and (max-width: 1200px) {
.box-about{
display:none;
}
}

.box-about-sp {
border-radius: 24px;
text-align: left;
display: inline-block;
width: 96%;
background: #fff;
box-sizing: border-box;
background-image: url("../img/sp-haikei2.jpg"); 
background-size:100%;
}

@media only screen and (min-width:1201px) {
.box-about-sp{
display:none;
}
}

.box-about1 {
text-align: left;
display: inline-block;
width: 55%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-about1 p{
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 2;
margin-top: 8px;
margin-left: 8px;
}

.box-about1 h2{
font-size: 28px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 16px;
margin-left: 12px;}

.box-about2 {
text-align: left;
display: inline-block;
width: 45%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-about-sp1 {
text-align: left;
display: inline-block;
margin-left: 10%;
width: 80%;
box-sizing: border-box;
vertical-align:  top;
}

.box-about-sp1 p{
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 2;
margin-top: 8px;
margin-left: 8px;
}

.box-about-sp1 h2{
font-size: 24px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 40px;
margin-left: 12px;
margin-bottom: 20px;}

.box-about-sp2 {
text-align: left;
display: inline-block;
width: 100%;
box-sizing: border-box;
vertical-align:  top;
}

.box-about-sp2 img {
border-radius:24px;
}

.box25 {
display: inline-block;
width: 100%;
text-align: center;
box-sizing: border-box;
vertical-align:  bottom; 
background-image: url("../img/fo-haikei.jpg"); 
background-size:100%;
}

.box25 p {
color: #341e06;
line-height: 200%;
}

.box25 h2 {
color: #341e06;
font-size: 28px;
}

@media screen and (max-width: 1048px) {
.box25{
display:none;
}
}

.box25-sp {
display: inline-block;
width: 100%;
text-align: center;
box-sizing: border-box;
vertical-align:  bottom; 
background-image: url("../img/sp-haikei1.jpg"); 
background-size:100%;
}

.box25-sp p {
color: #341e06;
line-height: 200%;
}

.box25-sp h2 {
color: #341e06;
font-size: 28px;
}

@media only screen and (min-width:1049px) {
.box25-sp{
display:none;
}
}
.box-link1 {
text-align: left;
display: inline-block;
width: 26%;
margin-left: 6%;
margin-top: 36px;
margin-bottom: 36px;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-link1 img:hover{
opacity: 0.7;
}

.box-link-sp1 {
text-align: center;
display: inline-block;
width: 100%;
padding: 24px;
box-sizing: border-box;
vertical-align:  top;
}

.box-link-sp1 img:hover{
opacity: 0.7;
}

.box-link2 {
text-align: left;
display: inline-block;
width: 26%;
margin-left: 5%;
margin-top: 36px; 
margin-bottom: 36px;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-link2 img:hover{
opacity: 0.7;
}

.box-link-sp2 {
text-align: center;
display: inline-block;
width: 100%;
padding: 0 24px 24px 24px; 
box-sizing: border-box;
vertical-align:  top;
}

.box-link-sp2 img:hover{
opacity: 0.7;
}

.box-link3 {
text-align: left;
display: inline-block;
width: 26%;
margin-left: 5%;
margin-right: 6%;
margin-top: 36px;
margin-bottom: 36px;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-link3 img:hover{
opacity: 0.7;
}

.box-link-sp3 {
text-align: center;
display: inline-block;
width: 100%;
padding: 0 24px 24px 24px; 
box-sizing: border-box;
vertical-align:  top;
}

.box-link-sp3 img:hover{
opacity: 0.7;
}
.box-link-sp4 {
text-align: center;
display: inline-block;
width: 100%;
padding: 0 24px 24px 24px; 
box-sizing: border-box;
vertical-align:  top;
}

.box-link-sp4 img:hover{
opacity: 0.7;
}
.box-link-sp5 {
text-align: center;
display: inline-block;
width: 100%;
padding: 0 24px 24px 24px; 
box-sizing: border-box;
vertical-align:  top;
}

.box-link-sp5 img:hover{
opacity: 0.7;
}
.box-footer1 {
text-align: right;
display: inline-block;
margin-left: 10%;
width: 45%;
margin-top: 12px;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-footer-sp1 {
text-align: center;
display: inline-block;
width: 100%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-footer2 {
text-align: left;
display: inline-block;
margin-left: 2%;
margin-right: 13%;
width: 30%;
margin-top: 12px;
box-sizing: border-box;
vertical-align:  top;
float: left;
padding-top: 44px;
}

.box-footer2 p{ 
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 0.5;
margin-top: 8px;
margin-left: 8px;
}
.box-footer2 a{ 
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 0.5;
margin-top: 8px;
margin-left: 8px;
}

.box-footer2 a:hover { opacity: 0.7; } 

.box-footer-sp2 {
text-align: center;
display: inline-block;
width: 100%;
box-sizing: border-box;
vertical-align:  bottom;
float: left;
margin-bottom: 24px;
}

.box-footer-sp2 p{ 
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 0.5;
margin-top: 8px;
margin-left: 8px;
}

.box-footer-sp2 a{ 
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 0.5;
margin-top: 8px;
margin-left: 8px;
}
.box-footer-sp2 a:hover{
opacity: 0.7;
}

.copy {
width: 100%;
text-align: center;
padding-bottom: 40px;
}

.copy p { 
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1;
}

@media screen and (max-width: 767px) {
.copy {
width: 100%; 
height: 100%;
}
}


/*ＮＥＷＳ*/
.box-news-01 {
text-align: left;
display: inline-block;
width: 30%;
margin-left: 3%;
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-news-01 img {
	border-radius:24px;
}

.box-news-01 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;
}

.box-news-01 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

@media screen and (max-width: 767px) {
.box-news-01{
text-align: center;
width: 100%;
height: 100%;
margin:0 auto;
padding-bottom: 24px;
}
}

@media screen and (max-width: 767px) {
.box-news-01 img{
text-align: center;
width: 96%;
}
}

.box-news-02 {
text-align: left;
display: inline-block;
width: 58%;
margin-left: 3%;
margin-bottom: 2%;
margin-right: 3%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-news-02 img {
	border-radius:24px;
}

.box-news-02 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 8px;
margin-left: 8px;
}

.box-news-02 h2{
font-size: 24px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}
.box-news-02 a{
text-decoration: underline;
}

.box-news-02 a:hover{
opacity: 0.7;
}

@media screen and (max-width: 767px) {
.box-news-02{
text-align: left;
margin-left: 2%;
width: 96%;
padding-bottom: 24px;
}
}

@media screen and (max-width: 767px) {
.box-news-02 img{
text-align: center;
width: 96%;
}
}


/*施設案内*/
.box-park p {
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 32px;
}

@media screen and (max-width: 767px) {
.box-park{
text-align: center;
width: 92%;
margin-left: 4%;
height: 100%;
padding-bottom: 40px;
}
}
@media screen and (max-width: 767px) {
.box-park p{
text-align: left;
width: 100%;
}
}
.box-park1 {
text-align: left;
display: inline-block;
width: 45%;
margin-left: 3%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-park1 img {
border-radius:24px;
margin-top: 32px;
margin-bottom: 24px;
}

.box-park1 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;
}

.box-park1 a:hover{
opacity: 0.7;
text-decoration: underline;
}

.box-park1 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

.box-park1 h3{
font-size: 20px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
border-bottom: solid 3px #aba198;
position: relative;
padding-bottom: 12px;
}

.box-park1 h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #341e06;
  bottom: -3px;
  width: 50%;
}

@media screen and (max-width: 767px) {
.box-park1{
text-align: center;
width: 96%;
margin-left: 2%;
padding-bottom: 40px;
}
}

@media screen and (max-width: 767px) {
.box-park1 img{
text-align: center;
width: 96%;
}
}

@media screen and (max-width: 767px) {
.box-park1 p{
text-align: left;
margin-left: 4%;
}
}

.box-park2 {
text-align: left;
display: inline-block;
width: 45%;
margin-left: 4%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-park2 img {
border-radius:24px;
margin-top: 32px;
margin-bottom: 24px;
}

.box-park2 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
margin-top: 8px;
margin-left: 8px;
}

.box-park2 a:hover{
opacity: 0.7;
text-decoration: underline;
}

.box-park2 h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

.box-park2 h3{
font-size: 20px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
border-bottom: solid 3px #aba198;
position: relative;
padding-bottom: 12px;
}

.box-park2 h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #341e06;
  bottom: -3px;
  width: 50%;
}

@media screen and (max-width: 767px) {
.box-park2{
text-align: center;
width: 96%;
margin-left: 2%;
padding-bottom: 40px;
}
}

@media screen and (max-width: 767px) {
.box-park2 img{
text-align: center;
width: 96%;
}
}

@media screen and (max-width: 767px) {
.box-park2 p{
text-align: left;
margin-left: 4%;
}
}


/*コートレンタル*/
.box-rental {
text-align: left;
display: inline-block;
width: 94%;
margin-left: 3%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-rental img {
border-radius:24px;
margin-top: 32px;
margin-bottom: 24px;
}

.box-rental p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 24px;
}

.box-rental2 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1.5;
margin-top: 24px;
margin-left: 8px;
}

.box-rental a:hover{
opacity: 0.7;
text-decoration: underline;
}

.box-rental h2{
font-size: 10px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
margin-top: 16px;
margin-left: 12px;
}

.box-rental h3{
font-size: 20px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.2em;
line-height: 1;
border-bottom: solid 3px #aba198;
position: relative;
padding-bottom: 12px;
}

.box-rental h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #341e06;
  bottom: -3px;
  width: 50%;
}

@media screen and (max-width: 767px) {
.box-rental{
text-align: center;
width: 96%;
margin-left: 2%;
padding-bottom: 40px;
}
}

@media screen and (max-width: 767px) {
.box-rental img{
text-align: center;
width: 96%;
}
}

@media screen and (max-width: 767px) {
.box-rental p{
text-align: left;
margin-left: 4%;
}
}

.table25{
margin-top: 40px;
text-align:left;
width:100%;
}

.table25 p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
}

.table25 th{
border:1px solid #aba198;
text-align:center;
background: #341e06;
vertical-align: middle;
padding-bottom: 30px;
}

.table25 th p{
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1;
}

.table25 td{
border:1px solid #aba198;
text-align:center;
vertical-align: middle;
padding-bottom: 30px;
}


/*イベント*/

.table25e{
margin-top: 40px;
text-align:left;
width:100%;
}

.table25e p{
font-size: 16px;
font-weight: 600;
color: #341e06;
letter-spacing: 0.1em;
line-height: 1;
}

.table25e th{
border:1px solid #aba198;
text-align:center;
background: #341e06;
vertical-align: middle;
padding-bottom: 30px;
}

.table25e th p{
font-size: 16px;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.1em;
line-height: 1;
}

.table25e td{
border:1px solid #aba198;
text-align:left;
vertical-align: middle;
	padding-left: 12px;
padding-bottom: 30px;
}


/*アクセス*/
.box-map {
text-align: center;
display: inline-block;
width: 100%;
margin-top: 40px; 
box-sizing: border-box;
}

.box-event1 {
text-align: left;
display: inline-block;
width: 45%;
margin-left: 3%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-event1 img {
border-radius:24px;
margin-top: 16px;
}

.box-event2 {
text-align: left;
display: inline-block;
width: 45%;
margin-left: 4%;
margin-top: 2%; 
margin-bottom: 2%;
box-sizing: border-box;
vertical-align:  top;
float: left;
}

.box-event2 img {
border-radius:24px;
margin-top: 16px;
}

@media screen and (max-width: 767px) {
.box-event1{
text-align: center;
width: 96%;
margin-left: 2%;
padding-bottom: 10px;
}
}

@media screen and (max-width: 767px) {
.box-event1 img{
text-align: center;
width: 96%;
}
}

@media screen and (max-width: 767px) {
.box-event2{
text-align: center;
width: 96%;
margin-left: 2%;
padding-bottom: 10px;
}
}

@media screen and (max-width: 767px) {
.box-event2 img{
text-align: center;
width: 96%;
}
}

.line{
background-color:#aba198;
width: 100%; 
height: 1px; 
margin-bottom: 40px; 
padding: 10 0;
}