@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.border_radius {
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

h1{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #ffffff;
	text-align: center;
	font-size: 2em;
	margin: 10px auto;
	line-height: 30px;
}
h2{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #383735;
	text-align: center;
	font-size: 2em;
	margin: 10px auto;
	line-height: 30px;
}


.wrap{
}

.header{
	background: #383735;
	padding: 20px 0;
}

.header_in{
	display: flex;
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */

}

.nav{
	margin-left: 20px;
	margin-top: 15px;
}
.nav li{
	font-size: 1.3em;
	font-weight: inherit;
	margin: 0 10px;
}
.nav a {
  display: block;
  padding: 5px;
  text-decoration: none;
  height: 30px;  
  width: 100%;
	color: #FFFFFF;

}

.nav ul{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.insta{
	margin-left: 150px;
}

.header_cont{
	width: 100%;
	height: 0;
	padding-top: calc(279 / 1025 * 100%);
	background-image: url( ../pct/royal_top.jpg) ;
	background-size: contain;
	margin: 0 auto;

}
.news{
	background: #383735;
		height: 240px;
	padding-top: 30px;

}
.news_in {
	width: 600px;
	margin: 0 auto;
	color: #FFFFFF;
}
.news_in ul{
	margin-top: 40px;
}
.news_in li{
	margin-bottom: 10px;
}

.specialty{
	text-align: center;
	padding: 30px 0;
	background: #fefafa;
}


.drink_menu{
	background: #383735;
	text-align: center;
	padding: 30px 0;
}




.access{
	background: #fafefe;
	padding: 30px 0;
}
.access_in{
	text-align: left;
	width: 600px;
	margin: 0 auto;
}
.shop{
	font-size: 1.5em;
	margin: 10px 0;
}
.info{
	margin-bottom: 10px;
	font-size: 1em;
}
.holi{
	letter-spacing: .1em;
}

.footer{
	background: #383735;
	text-align: center;
	padding: 30px 0;
		display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */

}
.footer p{
	padding: 10px;
}