@charset "utf-8";

html,body{
	font-size:16px;
	font-family:"メイリオ","meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color:#fff;
	margin:0;
	padding:0;
}

body{
	background:url("../img/bg.jpg") no-repeat center center #171717;
	background-size:cover;
}

img{
	border:0;
}

.cf::after{
  content: "";
  display: block;
  clear: both;
}

.spitem{
	display:none;
}

h1{
	margin:0;
	padding:0;
}

h2{
	border-bottom:1px solid #fff;
	padding:0 2%;
}

a{
	color:#e4cc0e;
}

a:hover{
	color:#fff;
	text-decoration:none;
}

.wrap{
	max-width:1080px;
	margin:50px auto 1.5em;
	padding:0 1em;
}
.right{
	text-align: right;
}

/*TOP*/
@keyframes fadeout {
	0% {
		height:100vh;
		}
	40% {
		opacity :1;
		}
	50% {
		opacity :1;
		}
	95%{
		height:100vh;
		}
	100% {
		opacity:0;
		}
}


#toppage h1{
	position:absolute;
	width:100vw;
	height:0;
	margin:0;
	padding:0;
	text-indent:-9999px;

	background:url("../img/main.jpg") center center;
	background-size:cover;

	animation: fadeout 8s ease 0s 1;
	z-index:100;
}

@keyframes mesanime {
	0% {
		height:0;
		opacity :0;
		}
	5% {
		height:100vh;
		opacity :0;
		}
	30% {
		opacity :1;
		}
	50% {
		opacity :1;
		}
	95%{
		height:100vh;
		}
	100% {
		opacity:0;
		}
}

.message{
	position:absolute;
	width:100vw;
	height:0;
	margin:0;
	padding:0;
	text-indent:-9999px;

	background:url("../img/message.png") center center no-repeat;
	background-size:contain;

	animation: mesanime 8s ease 0s 1;
	z-index:110;
}

.container{
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
	background:url("../img/title.png") no-repeat center center;
	background-size:contain;
}

.container section{
	width:50%;
	height:50vh;
}

.container section a{
	display:block;
	width:80%;
	height:100%;
	text-indent:-9999px;
	opacity:0.7;
	margin:0 auto;
}

.container section a:hover{
	opacity:1;
}

.container section.link1 a{
	background:url("../img/info.png") no-repeat center center;
	background-size:contain;
}
.container section.link2 a{
	background:url("../img/houwa.png") no-repeat center center;
	background-size:contain;
}
.container section.link3 a{
	background:url("../img/map.png") no-repeat center center;
	background-size:contain;
}
.container section.link4 a{
	background:url("../img/photo.png") no-repeat center center;
	background-size:contain;
}


/*header*/
header{
	background:linear-gradient(#ffffff,#dddddd);
	box-shadow:0 5px 5px rgba(0,0,0,0.8);
	display: flex;
	width:100%;
	position:fixed;
	top:0;
	z-index: 1!important;
}

h1{
	width:20%;
	padding:0 3%;
	color:#000;
}

nav{
	display: flex;
	justify-content: flex-end;
	width:74%;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-weight:bold;
	font-size:95%;
}

nav div{
	width:24%;
	border-left:1px solid #333;
}

nav a{
	display:block;
	width:100%;
	text-align:center;
	text-decoration:none;
	color:#171717;
	line-height:44px;
}

nav a:hover{
	color:#83760c;
	border-bottom:5px solid #83760c;
}

footer{
	text-align:right;
	font-size:75%;
	padding:1rem;
	color:#83760c;
}

/*info*/
h3{
	padding:0 1%;
	margin:0 1%;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:135%;
	background:linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
	color:#b8a50e;
}

h3:nth-child(n+3){
	margin:1.5em 1% 0;
}

h3 img{
	margin-right:5px;
}

h3 span{
	font-size:66%;
}

dl,p{
	padding:0 2%;
}

dt,dd{
	display:block;
	margin:0;
	padding:5px 0;
}

dt{
	font-weight:bold;
	margin:0.5em 0 0;
}

dd{
	border-bottom:1px dotted #999;
	padding:0 0 0.5em 1em;
}

.topic{
	border:1px solid #b8a50e;
	padding:0.5em 0.1em;
	border-radius:5px;
	background:rgba(0,0,0,0.5);
	margin:5px 0;
}
.topic .main{
	text-indent: 1em;
}
.topic .lined{
    color:#ff6100;
    text-decoration:underline;
    text-decoration-color:#FF6100;
}
.subtopic{
    border:1px solid #ff6100;
	padding:0.5em;
	border-radius:5px;
	margin:0 5px;
}
/*houwa*/
.houwa{
	text-align:center;
	margin:0 1%;
}

.houwa img{
	margin:1em auto;
	max-width:700px;
	width:100%;
}


/*map*/
.box{
	display: flex;
}

.box div{
	width:47%;
	margin:0 1.5%;
}

.box div iframe{
	width:100%;
	height:400px;
}

h2.no-mar{
	margin-bottom:0;
}

.enquire{
	text-align:center;
	padding:3em 1em;
	height:110px;
	background:url("../img/enquire.png") no-repeat center right;
}

.enquire span.msg{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:140%;
	display:block;
	margin:1.5em 0;
}


/*photo*/
ul{
	list-style:none;
	padding:0 2%;
}

.slide li{
	float:left;
	margin:0.5em 1%;
	width:23%;
	height:220px;
}

.slide li img{
	width:100%;
	height:100%;
	object-fit: cover;
	vertical-align:middle;
}

.slide li.btmlink{
	position:relative;
}

.slide li.btmlink a{
	display:block;
	position:absolute;
	bottom:0;
}
.menu li{
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
}
.menu img{
	margin-right: 5px;
}
.btn{
	text-align:center;
}

.btn a{
	display:block;
	margin:0 auto;
	padding:0.5em;
	background:#b8a50e;
	border-radius:2em;
	color:#000;
	text-decoration:none;
	width:25%;
}

.btn a:hover{
	opacity:0.8;
}
/*------movie---*/
.grid{
	display: grid;
	gap:5%;
	grid-template-columns: 1fr 1fr;
	margin-top: 6%;
	margin-bottom: 10%;
}
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
	 z-index: 0!important;
}


/*ipad*/
@media screen and (max-width: 768px) {

	#toppage h1{
		background:url("../img/main.jpg") center center no-repeat #000;
		background-size:120%;
	}

	.message{
		background:url("../img/message.png") center center no-repeat;
		background-size:40%;
	}

	nav{
		font-size:85%;
	}


}

/*sp*/
@media screen and (max-width: 414px) {
	html,body{
		font-size:12px;
	}

	.spitem{
		display:block;
	}
	.pcitem{
		display:none;
	}

.wrap{
	margin:80px auto 1.5em;
}

header{
	display:block;
}

h1{
	width:100%;
}

nav{
	width:100%;
	border-top:1px solid #333;
}

nav div{
	width:25%;
	border-left:1px solid #333;
}

nav div:first-child{
	border-left:none;
}

nav a{
	line-height:30px;
}

.containersp{
	text-align:center;
}

.containersp>img{
	width:80%;
	margin:3em auto;
}

.containersp section img{
	width:100%;
	border-top:1px solid #fff;
}

h2 img{
	width:70%;
}

.box{
	display:block;
}

.box div{
	width:97%;
	margin:0 1.5%;
}

.box div iframe{
	height:280px;
}

.enquire{
	text-align:left;
	padding:1.5em 1em;
	background:url("../img/enquire.png") no-repeat center right;
	background-size:50%;
}

ul{
	padding:0;
}
.slide li{
	float:left;
	margin:0.5em 1.5%;
	width:30%;
	height:110px;
}

.slide li.btmlink{
	width:100%;
	height:2em;
}

.slide li.btmlink a{

}


.btn a{
	width:50%;
}
/*----------動画----------*/
.grid{
	grid-template-columns: 1fr;
}
}


/*iphone5*/
@media screen and (max-width: 360px) {
	nav a{
	transform: scale(0.72);
	transform-origin:left center;
	width:120px;
	line-height: 25px;
	}
}