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


body {
	width: auto;
	margin: 0 auto;
	padding: 0;
	background: #FFFAF0;
	font-family: "Noto Serif JP";
	box-sizing:border-box;
	}

header {
    width: auto;
	height: 184px;
	background: #7B5544;
}

footer {
	margin: 0 auto;
	text-align: center;
	position: relative;
	width: auto;
	height: 345px;
	top: 2768px;
	font-size: 38px;
	background: #7B5544;
	color: #FFFAF0;
}

.footer_t{
	margin: 0 auto;
	color: #FFFAF0;	
	height: 10em;
  display: flex;
  align-items: center;
  justify-content: center
}

a {
	text-decoration: none;
}

.nav{
	position:relative;
	text-align: center;
	margin: 0 auto;
	top: -150px;
	z-index: 3;
}

.nav a:hover{
	color: #98605E;
}

.nav li{
	position: relative;
	list-style-type: none;
	display: inline-block;
	font-size: 48px;
	margin: 0 0 0 172px;
	color: #FFFAFA;
   top: -0.25em;
	left:-2em;
}

.header_img{
	width: 100%;
	position: relative;
	bottom: 6em;
}

.log{
	position: relative;
	margin: 0;
	transform: rotate(-35deg);
	}

.sight_name{
	display:block;
	text-align: center;
	position: absolute;
	margin: 0 auto;
	width: auto;
	height: auto;
	top: -50em;
	z-index: 13;
}

.sight_name_sp{
	display:block;
	text-align: center;
	position: relative;
	margin: 0 auto;
	top: -120em;
	z-index: -30;
}

#about{
	margin: 0 auto;
	width: auto;
	height: 1080px;
	box-sizing:border-box;
}

.about_t {
  text-align: center;
	color: #98605E;
	font-size: 48px;
	position: relative;
	top: 1210px;
}

.inf{
	position: relative;
	top: 1350px;
	width: 709px;
	height: 768px;
  background-color: #FFFAFA;
  margin: 0 auto;
  padding: 65px 0 100px;
border: 1px solid #98605E;
	border-radius: 30px;
}

h3,p,time{
	color: #98605E;
}

p,time{
	font-size: 36px;
}

.inf{
	position: relative;
	right: 488px;
}

.inf_t{
	text-align: center;
	font-size: 48px;
}

.inf_main {
  margin: 0 5%;
}

.inf_list_item {
  padding: 60px 0;
  border-bottom: 1px solid #98605E;
}

.inf_list_item {
 position: relative;
 display: flex;
 padding-right: 30px;
padding-bottom: 30px;
}

.inf_list_date {
  display: flex;
  margin-right: 15px;
  align-items: center;
}

.inf_item{
	margin-left: 80px;
	text-decoration: underline;
	color: #98605E;
	font-size: 36px;
}

.inf_img {
	position: relative;
	width: 466px;
	height: 311px;
	bottom: 650px;
	left: 1020px;
}

.inf_pot{
	width: 466px;
	height: 311px;
	border-radius:20px;
}

.inf_tx_back {
	position: relative;
	left: 870px;
	bottom: 580px;
	background: #FFFAFA;
	width: 800px;
	height: 388px;
border: 1px solid #98605E;
	border-radius: 20px;
}

.inf_tx{
	margin: 65px auto;
	width: 767px;
	height: 363px;
	font-size: 24px;
}

a:hover{
	color: #FF2D02;
}

#menu{
	margin: 0 auto;
	position: relative;
	width: auto;
	height: 1560px;
	top: 1400px;
	box-sizing:border-box;
}

.menu_tt{
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 48px;
	width: 222px;
	height: 101px;
	padding: 17.5px;
	background: #7B5544;
	color:#FFFAFA; 
	bottom:50px;
}

.drink_t {
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 48px;
	background: rgba(123,85,68,0.8);
	width: 189px;
	height: 66px;
	padding: 2.5px;
	color: #FFFAFA;
	border-radius: 40px;
	bottom: 50px;
}

.drink{
	text-align: center;
	margin: 0 auto;
	width: 100%;
	margin-top: 200px;
}

.drink_list{
position:relative; 
	display: inline-block;
	margin: 50px 90px;
	}

.drink_p{
	position: relative;
    margin: 0 auto;
	width: 432px;
	height: 288px;
	border: 1px solid #98605E;
	border-radius: 20px;
}

.food_t {
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 48px;
	background: rgba(123,85,68,0.8);
	width: 189px;
	height: 66px;
	padding: 2.5px;
	color: #FFFAFA;
	border-radius: 40px;
	bottom: 50px;
}

.food{
	text-align: center;
	margin: 0 auto;
	width: 100%;
	margin-top: 200px;
}

.food_list{
    position:relative; 
	display: inline-block;
	margin: 50px 90px;
	
}

.food_p{

	height: 288px;
	border: 1px solid #98605E;
	border-radius: 20px;
}

.menu_name{
	margin: 0 auto;
	text-align: center;
	font-size: 32px;
	width: 224px;
	height: 44px;
}

.food_menu_name{
	margin: 0 auto;
	text-align: center;
	font-size: 27px;
	width:434px;
	height: 44px;
}

.menu_more{
	position: relative;
	left: 180px;
	font-size: 24px;
	color: #98605E;
	text-decoration: underline;
}

.menu_all{
	text-align: center;
	margin: 0 auto;
	margin-right: 100px;
	position: relative;
	font-size: 24px;
	left: -150px;
	top: 50px;
	width: 336px;
	height: 33px;
}

.menu_more_al{
	position: relative;
	left: 300px;
	bottom: 30px;
	font-size: 24px;
	color: #98605E;
	text-decoration: underline;
}

#accses{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: auto;
	height: 1817px;
	top:1700px;
	box-sizing:border-box;
}

.accses_tt{
	position: relative;
	margin: 0 auto;
	text-align: center;
	font-size: 48px;
	width: 222px;
	height: 101px;
	padding: 17.5px;
	background: #7B5544;
	color:#FFFAFA; 
}

.map{
	margin: 0 50px auto;
	position: relative;
	top: 200px;
	right: -30px;
	
}

.accses_tx{
	position: relative;
	float: right;
	right:280px;
	bottom: -120px;
	margin-left: 50px;
}

.accses_tx_1{
	margin: 0;
	position: relative;
	width: 813px;
	top: 100px;
}
.accses_tx_2{
	margin: 0;
	position: relative;
	width:813px;
	top: 200px;
}

.accses_pot {
	text-align: center;
	margin: 0;
	width: 100%;
	position: relative;
	top:300px;
	border-radius: 20px;
}

.accses_pot_1{
	position: relative;
	right: -600px;
	width: 557px;
	height: 418px;
	margin: 0 0 100px 0;
	border-radius: 20px;
}

.accses_pot_2{
	position: relative;
	right: -350px;
	bottom: -350px;
	width: 557px;
	height: 418px;
	border-radius: 20px;
}

.accses_tx2{
	margin: 100px auto;
	position: relative;
	right: 500px;
	top: -50px;
	margin-left: 80px;
}

.accses_tx2_tt{
	font-size: 40px;
	margin: 50px auto;
	width: 350px;
}

.accses_tx2_tx_1{
	font-size: 40px;
	margin-top: 50px;
}

.accses_tx2_tx_2 {
	font-size: 40px;
	margin-top: 50px;
}

.accses_tx2_tx_3{
	margin: 0 auto;
	position: relative;
	left: 90px;
	width: 580px;
	font-size: 24px;
}

.accses_tx2_tx_4{
	font-size: 40px;
	margin-top: 50px;
}

#contact {
	text-align: center;
	position: relative;
	top: 2000px;
	width: auto;
	height: 845px;
	
	box-sizing:border-box;
}

.contact_pot{
	text-align: center;
    width: 100%;
	height: 100%;
}

.contact_pot_1{
	position: relative;
	width: 79.35em;
	height: auto;
	right: 635px;
	z-index: -2;
	box-sizing:border-box;
}

.contact_pot_2{
	position: relative;
	width: 79.35em;
	height: auto;
	left: 635px;
	bottom: 964px;
	z-index: -2;
	box-sizing:border-box;
}

.contact_t{

	margin: 0 auto;
	width: 100%;
	box-sizing:border-box;
	
}

.contact_t1 {
	text-align: center;
	position: relative;
	margin: 0 auto;
	width: 375px;
	bottom: 475.5px;
	left: -14.5em;
	font-size: 48px;
	color: #FFFAFA;
	border: 1px solid #FFFAFA;
	padding: 30px;
	box-sizing:border-box;
}

.contact_t2 {
	text-align: center;
	position: relative;
	margin: 0 auto;
	width: 705px;
	bottom: 1440px;
	right:  -13.5em;
	font-size: 48px;
	color: #FFFAFA;
	border: 1px solid #FFFAFA;
	padding: 30px;
	box-sizing:border-box;
}