body {position: relative;font-family: 'Noto Sans JP', sans-serif;color: #FFFFFF;background-color:#000000;font-weight: 300;line-height: 1.5;}
header,main,footer,div{box-sizing: border-box;}
a {color: #FFFFFF;}
a:hover{color: #3291e6;text-decoration: none;}
img{max-width:100%;height:auto;}
a:hover{opacity:0.8;}

header{position: fixed;top: 10px;left: 0;right: 0;margin: auto;width: 430px;max-width: 100%;z-index: 99;}
header .logo{margin:0 20px;line-height:0;}
header .logo img{width:80px;}

.swiper-container{height: 100vh;}
.swiper-slide{position: relative;margin: 0 auto;width: 430px;max-width: 100%;background: url(../images/backimage01-PC.jpg) center no-repeat;background-size: contain;}
#toppage.swiper-slide{background-image: url(../images/backimage01-PC.jpg);}
#schedule.swiper-slide{background-image: url(../images/backimage02-PC.jpg);}
#menu.swiper-slide{background-image: url(../images/backimage03-PC.jpg);}
#access.swiper-slide{background-image: url(../images/backimage04-PC.jpg);}
#contact.swiper-slide{background-image: url(../images/backimage05-PC.jpg);}
#siteabout.swiper-slide{background-image:none;}
#measures.swiper-slide{background-image:none;}

h1{margin: 0 0 0.2em;font-family: 'Kirang Haerang', cursive;font-weight:normal;font-size:2.5rem;}
h2{margin: 0 0 0.2em;font-size: 1.2rem;}
#toppage .title{margin-top: 13vh;text-align:center;}
#toppage .title h1{line-height: 0;margin-bottom:17px;}
#toppage .title h1 img{width:45%;}
#toppage .title .subtitle{font-size: 0.8rem;margin-bottom: 10px;}
#toppage .title .subtitle .fontchange{font-family: 'Noto Serif JP', serif;}

.disctitle{margin-bottom:60px;text-align:center;}
.disctitle img{width:300px;}

.article{position: absolute;bottom: 0;left: 0;width: 84%;margin: 0px 8%;padding-bottom:50px;}

.textarea{font-size: 0.9rem;}
.textarea-box{margin: 0px 0px 1em;}

.instatext{text-align:center;margin-top: 50px;}
.instatext img{width: 300px;}
.teltext{text-align:center;font-size: 2.4rem;font-weight: bold;}
.fontsmall{font-size:0.7rem;}

.gmap {height: 0;overflow: hidden;padding-bottom: 90.25%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}

.cal_wrapper {max-width: 960px;min-width: 300px;margin: 2.0833% auto;}
.googlecal {position: relative;padding-bottom: 100%;height: 0;}
.googlecal iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

.page-footer{margin-top: 20px;text-align: center;}

footer{position: fixed;bottom: 5px;left: 0;right: 0;margin: auto;width: 430px;max-width: 100%;z-index: 99;}
.footernav{display: flex;margin:0 20px;list-style: none;padding: 0;}
.footernav li{margin-right: 10px;}
.footernav li a{text-decoration: none;font-size: 0.8rem;}

/*---------------------------------------------------------------
# Other
--------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width:768px) {
	.googlecal { padding-bottom: 75%; }
}
@media screen and (min-width: 0px) and (max-width:480px) {
	#toppage.swiper-slide{background-image: url(../images/backimage01-SP.jpg);}
	#schedule.swiper-slide{background-image: url(../images/backimage02-SP.jpg);}
	#menu.swiper-slide{background-image: url(../images/backimage03-SP.jpg);}
	#access.swiper-slide{background-image: url(../images/backimage04-SP.jpg);}
	#contact.swiper-slide{background-image: url(../images/backimage05-SP.jpg);}
}