@charset "utf-8";

/* = base.php
----------------------------------------------- */

html,body {
  margin: 0; padding: 0; height: 100%; width: 100%; /* フッター固定に必要な記述 */
  max-width:100% !important;overflow-x:hidden; font-size:10px;}
body {
	font-family: "vdl-v7mincho", serif;
font-weight: 500;
	font-style: normal;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #e8e2c7;
	background-color:#337c5c;}
	
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}	

.PC {
	display: block;}
.SP {
	display: none;}
img { /* レスポンシブ時の画像設定 */
	max-width: 100% !important;
	width:100% !important;
	height: auto !important;
	vertical-align: middle !important;}
a,a:link,a:visited,a:active {
	color: #777;}
a:hover {
	text-decoration: none;}

main{
	border:solid 1rem #e8e2c7;
	margin:0 auto;
	padding-bottom:3rem;
}

.contentWrap{
	max-width:64rem;
	margin:0 auto;
}

.portrait32{
	width:100%;
	height:0;
	padding-top:150%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.portrait43{
	width:100%;
	height:0;
	padding-top:133.3333%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.portrait54{
	width:100%;
	height:0;
	padding-top:125%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.square{
	width:100%;
	height:0;
	padding-top:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape23{
	width:100%;
	height:0;
	padding-top:66.6666%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape34{
	width:100%;
	height:0;
	padding-top:75%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape12{
	width:100%;
	height:0;
	padding-top:42.5532%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}
.landscape916{
	width:100%;
	height:0;
	padding-top:56.25%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
}



/* = header.php
----------------------------------------------- */
  
.titleLogo{
	max-width: 75rem;
	margin: 0 auto;
}
.titleLogo img{
	
}


/* = home
----------------------------------------------- */

.topSlideWrap{
	max-width:30rem !important;
	margin:0 auto;
}
.swiper-container{
	width:100% !important;
	overflow:hidden !important;
}
.swiper-slide{
	width:100% !important;

}
.slideImage{
	width:100% !important;
	}
.slideImage p{

}
.descriptionWrap{
	max-width:30rem;
	margin:0 auto;
	margin-top:18%;
	margin-bottom:27%;
}
.schedule{
	max-width:30rem;
	background:#e8e2c7;
	margin:0 auto;
	margin-bottom:2.7rem;
	margin-top:16%;
}
.schedule img{
	width:100%;
}
.access{
	max-width:30rem;
	background:#e8e2c7;
	margin:0 auto;
	margin-bottom:2.7rem;
	padding-bottom:1rem;
}
.access img{
	width:100%;
	margin-bottom:1rem;
}

.address{
	font-size: 1.4rem;
	line-height: 1.8rem;
	color: #337C5C !important;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-decoration: none;
	padding:0 1rem;
	margin-bottom:2rem;
}
.address span{
	letter-spacing: 0em !important;
}
.address a{
	color: #337C5C !important;
	text-decoration: none !important;
}

.accessTxt{
	font-size: 1.07rem;
	line-height: 1.5rem;
	color: #337C5C !important;
	letter-spacing: -0.03em;
	font-weight: 500;
	text-decoration: none;
	padding:0 1rem;
}
.accessTxt span{
	font-size: 1rem !important;
	letter-spacing: -0.1em !important;
}


@media only screen and (min-width: 620px) and (max-width: 4000px) {
	
.address {
font-size: 2.2rem;
line-height: 2.8rem;
padding:0 1.6rem;
}

.accessTxt {
font-size: 1.8rem;
line-height: 2.52rem;
padding:0 1.3rem;
}
.accessTxt span{
	font-size: 1.5rem  !important;
}
	
} /*Query End*/
@media only screen and (min-width: 520px) and (max-width: 619px) {

.address {
font-size: 1.9rem;
line-height: 2.432rem;
padding:0 1.4rem;
}

.accessTxt {
font-size: 1.5rem;
line-height: 2.1rem;
padding:0 1.1rem;
}
.accessTxt span{
	font-size: 1.27rem  !important;
}



} /*Query End*/
@media only screen and (min-width: 420px) and (max-width: 519px) {

.address {
font-size: 1.5rem;
line-height: 1.92rem;
padding:0 1.1rem;
}

.accessTxt {
font-size: 1.1rem;
line-height: 1.54rem;
padding:0 1.1rem;
}

.accessTxt span{
	font-size: 1.07rem  !important;
}


} /*Query End*/


.note{
	max-width:30rem;
	background:#e8e2c7;
	margin:0 auto;
	margin-bottom:2.7rem;
}
.note img{
	width:100%;
}
.map{
	max-width:30rem;
	background:#e8e2c7;
	margin:0 auto;
}
.map img{
		width:100%;
}
 
/* = footer.php
-------------------------------------------------------------- */


#footer{
	width:100%;
	position:relative;
}



/* = Media (Responsive Setting)
-------------------------------------------------------------- */

@media only screen and (min-width: 420px) and (max-width: 4000px) {

.titleLogo{
	width:100%;
	max-width: 96rem;
}
.titleLogo img{
}

.topSlideWrap{
	width:80%;
	max-width:80rem !important;
}
.descriptionWrap{
	width:80%;
	max-width:80rem;
}
.schedule{
	width:80%;	
	max-width:80rem;
}
.access{
	width:80%;
	max-width:80rem;
}
.note{
	width:80%;
	max-width:80rem;
}
.map{
	width:80%;
	max-width:80rem;
}


} /*Query End*/
@media only screen and (max-width: 419px) {

.PC {display: none;}
.SP {display: block;}
#wrap {width: 100%;}

} /*Query End*/