@charset "utf-8";
/* CSS Document */

.header{
	background: #ededec;
}
/*↓ハンバーガーメニュー↓*/
/* チェックボックスを非表示にする */
.drawer_hidden {
  display: none;
}
.wrapper{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.logo{
	margin: 30px 0;
}
.headerNav a{
		text-decoration: none;
		color: #0d0804;/*文字色*/
}
.headerNav  a:hover{
	background: #96b021;
	color: #fff;
	}
main{
	margin: auto;
	text-align: center;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーースライダー*/
/*スライダー001*/
.slider-001 {
  width: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
}
.slide-001 {
  width: 100%;
  flex-shrink: 0;
  position: relative;
  top: 0;
  left: 0;
  transition: all 0.6s ease-in-out;
}
.slide-content-001 {
  width: 100%;
  background-color: #96b021;
}
.slide-content-001 img {
  width:100%;
  object-fit: cover;
  height: 100%;
}
.prev-001,
.next-001 {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -28px;
  color: #ededec;
  font-weight: bold;
  font-size: 18px;
  transition: all 0.2s ease;
  border-radius: 0 4px 4px 0;
  user-select: none;
}
.next-001 {
  right: 0;
  border-radius: 4px 0 0 4px;
}
.prev-001:hover,
.next-001:hover {
  background-color: #96b021;
}
.slide-caption-001 {
  color: #ededec;
  font-size: 15px;
  padding: 0;
  position: absolute;
  bottom: 31px;
  width: 100%;
  text-align: center;
}
.numbertext {
  color: #ededec;
  font-size: 12px;
  font-weight: bold;
  padding: 8px 16px;
  position: absolute;
  top: 0;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーースライダー*/

.footer{
	background: #ededec;
	text-align: center;
	height: 200px;
	padding: 30px;
}
.footerNav a{
	text-decoration: none;
	color: #0d0804;/*文字色*/
}
.footerNav a:hover{
	background: #96b021;
	color: #fff;
}
.footerCopy{
	margin-top: 50px;
}
/*:---------------------↑全ページ共通部分↑----------------------*/
	h1{
	width: 70%;
	height: 90px;
	margin: 20px auto;
	border: 2px solid #775023;
	line-height: 90px;
	color: #775023;
	font-size: 2em;
	font-family: 'Zen Kurenaido', sans-serif;
}
h2{
	color: #775023;
	width: 200px;
	height: 50px;
	margin: auto;
	border-bottom: solid 2px #775023;
	font-size: 2em;
	font-family: 'Zen Kurenaido', sans-serif;
}
.textBox{
	width:100%;
	height: 200px;
	margin: 40px auto;
	line-height: 2em;
	font-family: 'Klee One', cursive;
}
section{
	padding-top: 60px;
}
.plug,.wifi{
	color: #775023;
	font-size: 2em;
	font-weight: bold;
}
.service{
	font-family: 'Klee One', cursive;
}
.button{
	width: 150px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	background: #FFF84F;
	margin:  auto;
	margin-bottom: 80px;
	border-top-left-radius: 50px;
	border-top-right-radius: 40px;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 50px;
}
.button a{
	text-decoration:  none;
	color: #96b021;
}

@media(max-width:768px){/*ーーーーーーーーーーーーーーーースマホ版*/
	.headerNav a{
		width: 210px;
		padding: 0px 20px;
		line-height: 1.5em;
	}
	.nav_item{
		text-align: center;
		margin: 40px;
	}
	.nav_content{
		padding-top: 50px;
	}
	/*↓ハンバーガーメニュー↓*/
	/* ↓ハンバーガーアイコンの設置スペース ↓*/
	.drawer_open {
  display: flex;
  height: 60px;
  width: 60px;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 100;/* 重なり順を一番上にする */
  cursor: pointer;
}
/* ハンバーガーメニューのアイコン */
.drawer_open span,
.drawer_open span:before,
.drawer_open span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #96b021;
  transition: 0.5s;
  position: absolute;
}
	/* 三本線の一番上の棒の位置調整 */
.drawer_open span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.drawer_open span:after {
  top: 8px;
}
/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer_input:checked ~ .drawer_open span {
  background: rgba(255, 255, 255, 0);
}
/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer_input:checked ~ .drawer_open span::before {
  bottom: 0;
  transform: rotate(45deg);
}
#drawer_input:checked ~ .drawer_open span::after {
  top: 0;
  transform: rotate(-45deg);
}
/* メニューのデザイン*/
.nav_content {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 100%; /* メニューを画面の外に飛ばす */
  z-index: 99;
  background:  #ededec;
  transition: .5s;
}
/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {
  left: 0;/* メニューを画面に入れる */
}
/*↑ハンバーガーメニュー↑*/	
	

	.footerNav{
		display: inline-block;
		text-align: left;
	}
	.footerNav a{
		padding-left: 20px;
		padding-right: 40px;
		line-height: 1.5em;
	}
	
/*:---------------------↑全ページ共通部分↑----------------------*/
	h1{
		width: 90%;
	}
	h2{
		margin-bottom: 60px;
	}
	.serviceItem{
		margin: 40px;
	}
	.button{
		margin-top: 60px;
	}
}

@media(min-width:769px){/*ーーーーーーーーーーーーーーーーーーーPC版*/
	.headerNav{
		display: flex;
	}
	.headerNav a{
		padding: 10px 20px;
		margin: 0 10px;
	}
	main{
	width: 960px;
	}
	.footerNav{
		width: 960px;
		display: flex;
		justify-content: space-around;
		margin: 0 auto;
		padding: 20px;
	}
	.footerNav a{
		padding: 10px 20px;
		margin: 0 10px;
	}
	
/*:---------------------↑全ページ共通部分↑----------------------*/
	.service{
	display: flex;
	justify-content: center;
	margin: 30px auto;
	width: 500px;
	height: 200px;
}
.serviceItem{
	width: 200px;
	margin: auto 0;
}
.wifi{
	margin-top: 37px;
}
}