@charset "utf-8";
@font-face {
  font-family: "komadori";
  src:
    url("../font/komadori+.otf") format("opentype"),
    url("../font/komadori.woff") format("woff"),
    url("../font/komadori.woff2") format("woff2");
}
/*リセットcss*/
.fkgw{
	height: 100%;
	background: #FFF7E0;
	margin: 0;
}
.fkgw h1,.fkgw h2,.fkgw h3,.fkgw h4,.fkgw h5,.fkgw h6,.fkgw p{
	margin: 0;
	padding: 0;
}
.fkgw a{
	text-decoration: none;
}
.fkgw ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.fkgw-sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.fkgw-sp{
		display: block;
	}
}
/*==================================================================================================*/
/*共通記述*/
.fkgw main{
	width: calc( 100% - 211px );
	min-height: calc( 100svh - 185px );
	background: #FFF;
	margin-left: auto;
	overflow: hidden;
}
.fkgw-btn{
	display: block;
	width: 100%;
	max-width: 270px;
	height: 47px;
	position: relative;
	transition: .5s;
	z-index: 1;
}
.fkgw-btn span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-family: "Noto Sans JP";
	font-size: 16px;
	color: #FFF;
	border-radius: 60px;
	border: solid 1px #DDAF29;
	background: #DDAF29;
	position: relative;
	transition: .5s;
	z-index: 1;
}
.fkgw-btn::after{
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 60px;
	border: solid 1px #DDAF29;
	background: #FFF;
	position: absolute;
	top: 6px;
	left: 0;
	z-index: -1;
	transition: .5s;
	
}
.fkgw-btn:hover span{
	border: solid 1px #9DC814;
	background: #9DC814;
}
.fkgw-btn:hover::after{
	border: solid 1px #9DC814;
}
@media (min-width: 769px) and (max-width: 1279px) {
	.fkgw main{
		width: calc( 100% - 16.484vw );
	}
	.fkgw-btn{
		height: 3.672vw;
	}
	.fkgw-btn span{
		font-size: 1.25vw;
		border-radius: 4.688vw;
	}
	.fkgw-btn::after{
		border-radius: 4.688vw;
		top: 0.469vw;

	}
}
@media screen and (max-width: 768px) {
	.fkgw main{
		width: 100%;
		overflow: hidden;
	}
	.fkgw-btn{
		max-width: 344px;
		height: 60px;
		margin: 0 auto;
	}
}
/*==================================================================================================*/
/*header-ヘッダー*/
.fkgw-hd::before{
	display: block;
	content: "";
	width: 100vw;
	height: 6px;
	background: #DDAF29;
	position: fixed;
	top: 0;
	left: 0;
}
.fkgw-hd{
	display: flex;
    align-content: space-between;
	flex-wrap: wrap;
	width: 211px;
	height: calc( 100svh - 50px );
	padding: 25px 0 ;
	background: #FFF7E0;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 500;
}
.fkgw-hd h1{
	width: 90%;
	max-width: 151px;
	margin: 0 auto;
	z-index: 1;
}
.fkgw-hd h1 a{
	display: block;
	width: 100%;
}
.fkgw-hd h1 a img{
	width: 100%;
}
.fkgw-nav{
	width: 138px;
	margin: 0 auto;
}
.fkgw-nav li{
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px dotted #DDAF29;
}
.fkgw-nav li:last-child{
	border-bottom: none;
}
.fkgw-nav li a{
	display: flex;
	align-items: center;
	width: 100%;
	font-family: "komadori";
	font-size: 18px;
	color: #9E6E33;
}
.fkgw-nav li a img{
	width: 30px;
	height: auto;
	margin-right: 8px;
}
.fkgw-nav li a img:nth-child(2){
	display: none;
}
.fkgw-language{
	display: flex;
	column-gap: 8px;
	align-items: center;
	width: 100%;
	height: 36px;
	font-size: 12px;
	color: #9E6E33;
	padding: 0 22px 0 7px;
	margin: 20px 0 0 0;
	border: none;
	border-bottom: solid 1px #9E6E33;
	background: none;
	cursor: pointer;
	position: relative;
}
.openbtn1{
	display: none;
}
@media (min-width: 769px) and (max-width: 1279px) {
	.fkgw-hd::before{
		height: 0.469vw;
	}
	.fkgw-hd{
		width: 16.484vw;
		height: calc( 100svh - 3.906vw );
		padding: 1.953vw 0 ;
	}
	.fkgw-nav{
		width: 10.781vw;
	}
	.fkgw-nav li{
		padding: 1.563vw 0;
	}
	.fkgw-nav li a{
		font-size: 1.406vw;
	}
	.fkgw-nav li a img{
		width: 2.344vw;
		margin-right: 0.625vw;
	}
	.fkgw-language{
		column-gap: 0.625vw;
		height: 2.813vw;
		font-size: 0.938vw;
		padding: 0 1.719vw 0 0.547vw;
	}
}
@media screen and (max-width: 768px) {
	.fkgw-hd{
		width: 130px;
		height: 100px;
		padding: 0;
		background: none;
	}
	.fkgw-hd::before{
		display: block;
		content: "";
		width: 130px;
		height: 130px;
		border-radius: 0 0 20px 0;
		background: #FFF;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		transition: .5s;
	}
	.fkgw-pcNav .fkgw-hd::before{
		height: 185px;
	}
	.fkgw-hd h1{
		width: 100%;
		max-width: 100%;
		padding: 15px 0;
		border-radius: 0 0 20px 0;
		background: #FFF;
		z-index: 10;
	}
	.fkgw-hd h1 img{
		display: block;
		max-width: 67px;
		margin: 0 auto;
	}
	.fkgw-language{
		width: 95px;
		font-size: 11px;
		margin: 0;
		padding: 0 17px 0 7px;
		position: fixed;
		top: -50px;
        left: 16px;
		z-index: 1;
		transition: .5s;
	}
	.fkgw-pcNav .fkgw-language{
		top: 130px;
	}
	/**/
	.fkgw-nav nav{
		width: 100%;
		height: 100svh;
		background: #DDAF29;
		position: fixed;
		top: -100svh;
		left: 0;
		overflow: scroll;
		transition: .5s;
	}
	.fkgw-nav nav ul{
		width: 90%;
		padding: 100px 0 40px;
		margin: 0 auto;
	}
	.fkgw-nav nav li{
		width: 208px;
		padding: 20px 0;
		border-bottom: 1px dotted #FFF;
		margin: 0 0 0 auto;
	}
	.fkgw-nav nav li a{
		color: #FFF;
	}
	.fkgw-nav li a img:nth-child(1){
		display: none;
	}
	.fkgw-nav li a img:nth-child(2){
		display: block;
	}
	header{
		height: 70px;
	}
	.fkgw-pcNav .fkgw-nav nav{
		display: flex;
		align-content: space-between;
		flex-wrap: wrap;
		top: 0;
	}
	.fkgw-nav div.fkgw-sp{
		width: 90%;
		max-width: 394px;
		padding-bottom: 40px;
		margin: 0 auto;
	}
	.fkgw-nav .fkgw-photoCon{
		width: 100%;
		margin-bottom: 15px;
	}
	.fkgw-nav .fkgw-photoCon img{
		width: 100%;
	}
	.fkgw-nav .fkgw-sp .fkgw-cta{
		background: #FFF;
		margin-bottom: 15px;
	}
	.fkgw-nav .fkgw-sp .fkgw-sns{
		width: 100%;
		max-width: 394px;
		height: 48px;
		padding: 0 20px;
		background: #9E6E33;
	}
	.fkgw-nav .fkgw-sp .fkgw-sns p{
		color: #FFF;
	}
	
	/*ボタン*/
	.openbtn1{
		display: block;
		cursor: pointer;
		width: 63px;
		height: 63px;
		background: #C99F26;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1000;
	}
	.openbtn1 span:nth-of-type(1),
	.openbtn1 span:nth-of-type(2),
	.openbtn1 span:nth-of-type(3){
		display: inline-block;
		transition: all .4s;
		width: 11px;
		height: 1.5px;
		background: #FFF;
		position: absolute;
		left: 25px;
	}
	.openbtn1 span:nth-of-type(1) { top:24px;}
	.openbtn1 span:nth-of-type(2) { top:31px;}
	.openbtn1 span:nth-of-type(3) { top:38px;}
	
	.fkgw-pcNav .openbtn1 span:nth-of-type(1) {
		top: 30px;
		transform: rotate(-45deg);
	}
	.fkgw-pcNav .openbtn1 span:nth-of-type(2){
		opacity: 0;
	}
	.fkgw-pcNav .openbtn1 span:nth-of-type(3){
		top: 30px;
		transform: rotate(45deg);
	}
}
/*==================================================================================================*/
/*メイン画面のヘッダー*/
.fkgw-fvHead{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 76px;
	padding: 0 15px;
}
.fkgw-fvHead ul{
	display: flex;
	width: fit-content;
}
.fkgw-fvHead ul li{
	width: fit-content;
	margin-right: 24px;
}
.fkgw-fvHead ul li a{
	display: flex;
	align-items: center;
	font-family: "Noto Sans JP";
	font-size: 18px;
	color: #111111;
	transition: .5s;
}
.fkgw-fvHead ul li a:hover{
	color: #DDAF29;
}
.fkgw-fvHead ul li a img{
	width: 20px;
	height: auto;
	margin-right: 2.5px;
}
/*開館時間*/
.fkgw-cta{
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 392px;
	border-radius: 2px;
	border: solid 1px #5FAE49;
}
.fkgw-cta h5{
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	height: 38px;
	font-family: "Noto Sans JP";
	font-size: 14px;
	line-height: 1;
	color: #FFF;
	padding: 0 10px;
	background: #5FAE49;
}
.fkgw-cta div{
	width: calc( 100% - 76px );
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.fkgw-cta p:nth-child(1){
	width: fit-content;
	font-family: "Noto Sans JP";
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.2em;
	padding: 0 15px;
}
.fkgw-cta p:nth-child(2){
	width: fit-content;
	font-family: "Noto Sans JP";
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
}
@media (min-width: 769px) and (max-width: 1279px) {
	.fkgw-fvHead{
		height: 5.938vw;
		padding: 0 1.172vw;
	}
	.fkgw-fvHead ul li{
		margin-right: 1.875vw;
	}
	.fkgw-fvHead ul li a{
		font-size: 1.406vw;
	}
	.fkgw-fvHead ul li a img{
		width: 1.563vw;
		margin-right: 0.195vw;
	}
	/*開館時間*/
	.fkgw-cta{
		max-width: 30.625vw;
		border-radius: 0.156vw;
	}
	.fkgw-cta h5{
		height: 2.969vw;
		font-size: 1.094vw;
		padding: 0 0.781vw;
	}
	.fkgw-cta div{
		width: calc( 100% - 5.938vw );
	}
	.fkgw-cta p:nth-child(1){
		font-size: 1.563vw;
		padding: 0 1.172vw;
	}
	.fkgw-cta p:nth-child(2){
		font-size: 0.781vw;
	}
}
@media screen and (max-width: 500px) {
	/*開館時間*/
	.fkgw-cta{
		width: 100%;
		border-radius: 5px;
	}
	.fkgw-cta h5{
		height: 43px;
		font-size: 10px;
		padding: 0 10px;
	}
	.fkgw-cta div{
		width: calc( 100% - 76px );
	}
	.fkgw-cta p:nth-child(1){
		width: 100%;
		font-size: 14px;
		text-align: left;
		padding: 0 15px;
	}
	.fkgw-cta p:nth-child(2){
		width: 100%;
		text-align: left;
		padding: 0 15px;
	}
	.fkgw-cta p:nth-child(2) br{
		display: none;
	}
}
/*SNSブロック*/
.fkgw-sns{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 300px;
}
.fkgw-sns p{
	width: fit-content;
	font-family: "Noto Sans JP";
	font-size: 16px;
	font-weight: 700;
}
.fkgw-sns a{
	display: block;
	width: 30px;
	height: 30px;
	transition: .5s;
}
.fkgw-sns a:hover{
	opacity: .7;
}
.fkgw-sns a:nth-child(3){
	width: 27px;
}
.fkgw-sns a img{
	width: 100%;
	height: 100%;
}
@media (min-width: 769px) and (max-width: 1279px) {
	.fkgw-sns{
		width: 25.781vw;
	}
	.fkgw-sns p{
		font-size: 1.25vw;
	}
	.fkgw-sns a{
		width: 2.344vw;
	}
	.fkgw-sns a:nth-child(3){
		width: 2.109vw;
	}
}
@media screen and (max-width: 500px) {
	.fkgw-sns p{
		font-size: 15px;
	}
}
/*==================================================================================================*/
/*footer-フッター*/
.fkgw-ft{
	width: calc(100% - 211px);
	padding-bottom: 20px;
	margin-left: auto;
}
.fkgw-ft iframe{
	aspect-ratio: 16 / 7;
	margin-bottom: -8px;
	pointer-events: none;
}
.fkgw-ft .fkgw-inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.fkgw-ft .fkgw-inner{
	padding-top: 20px;
}
.fkgw-access{
	width: 50%;
}
.fkgw-access p{
	font-family: "Noto Sans JP";
	font-size: 14px;
	letter-spacing: 0.1em;
	color: #411E07;
	margin-bottom: 10px;
}
.fkgw-access a{
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Noto Sans JP";
	font-size: 12px;
	text-align: center;
	color: #FFF;
	border-radius: 30px;
	padding: 5px 30px;
	background: #DDAF29;
	transition: .5s;
}
.fkgw-access a:hover{
	background: #9DC814;
}
.fkgw-access a::before{
	display: "";
	content: "";
	width: 14px;
	height: 14px;
	background: center / contain no-repeat url("../img/fkgw-icon-map-w.svg");
	margin-right: 5px;
}
.fkgw-access + div{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 50%;
}
/**/
.fkgw-inner + .fkgw-inner{
	align-items: flex-end;
	align-content: flex-end;
	padding: 0;
	margin-top: 40px;
}
.fkgw-ft .fkgw-cta{
	margin-bottom: 10px;
}
.fkgw-ft .fkgw-sns{
	margin: 0 0 0 auto;
}
/**/
.fkgw-ft dl{
	width: 300px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 0;
}
.fkgw-ft dl dt,
.fkgw-ft dl dd{
	width: fit-content;
	font-family: "Noto Sans JP";
	font-size: 12px;
	letter-spacing: 0.15em;
	color: #411E07;
	margin: 0;
}
.fkgw-ft dl dd a{
	font-family: "Noto Sans JP";
	font-size: 12px;
	letter-spacing: 0.15em;
	text-decoration: underline;
	color: #411E07;
	transition: .5s;
}
.fkgw-ft dl dd a:hover{
	color: #DDAF29;
}
.fkgw-ft dl dd:nth-child(2){
	width: 180px;
}
.fkgw-ft dl dd:nth-child(2) a{
	text-decoration: none;
}
.fkgw-ft small{
	height: fit-content;
	font-family: "Noto Sans JP";
	font-size: 10px;
	letter-spacing: 0.15em;
}
@media (min-width: 769px) and (max-width: 1279px) {
	.fkgw-ft{
		width: calc(100% - 16.484vw);
		padding-bottom: 1.563vw;
	}
	.fkgw-ft iframe{
		margin-bottom: 1.563vw;
	}
	.fkgw-access p{
		font-size: 1.094vw;
		margin-bottom: 0.781vw;
	}
	.fkgw-access a{
		font-size: 0.938vw;
		border-radius: 2.344vw;
		padding: 0.391vw 2.344vw;
	}
	.fkgw-access a::before{
		width: 1.094vw;
		height: 1.094vw;
		margin-right: 0.391vw;
	}
	/**/
	.fkgw-inner + .fkgw-inner{
		margin-top: 3.125vw;
	}
	.fkgw-ft .fkgw-cta{
		margin-bottom: 0.781vw;
	}
	/**/
	.fkgw-ft dl{
		width: 23.438vw;
	}
	.fkgw-ft dl dt,
	.fkgw-ft dl dd{
		font-size: 0.938vw;
	}
	.fkgw-ft dl dd a{
		font-size: 0.938vw;
	}
	.fkgw-ft dl dd:nth-child(2){
		width: 14.063vw;
	}
	.fkgw-ft small{
		font-size: 0.781vw;
	}
}
@media screen and (max-width: 768px) {
	.fkgw-ft{
		width: 100%;
	}
	.fkgw-ft iframe{
		aspect-ratio: 1 / 1.1;
		margin-bottom: 10px;
	}
	.fkgw-ft .fkgw-inner{
		justify-content: center;
	}
	.fkgw-access{
		width: 100%;
	}
	.fkgw-access p{
		font-size: 14px;
		text-align: center;
		margin-bottom: 10px;
	}
	.fkgw-access a{
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.fkgw-access + div{
		width: 100%;
		justify-content: center;
	}
	.fkgw-ft .fkgw-sns{
		margin: 0 auto;
	}
	/**/
	.fkgw-inner + .fkgw-inner{
		max-width: 560px;
		margin-top: 80px;
		justify-content: center;
	}
	/**/
	.fkgw-ft dl{
		width: 270px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.fkgw-ft dl dd:nth-child(2){
		width: 160px;
	}
}