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

body{
	padding:30px;
	background:#FFFFFF;
	height:100vh;
	margin:0;
}
.logo-time{
	display:flex;
}
.logo img{
	width:550px;
}
.slide-content{
	display:flex;
}
/*スライドショー*/
.slide{
	margin-right:20px;
}
.slider {
  width: 750px;
  height: 550px;
  display: flex;
  overflow: hidden;
  margin: 0 auto;
}

.slider > :first-child {
  -webkit-animation-name: scroll;
  animation-name: scroll;
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  -webkit-animation-delay: 1s;
  animation-delay: 0.3s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

@keyframes scroll {
0% {
  margin-left: 0;
}

20% {
  margin-left: -100%;
}

25% {
  margin-left: -100%;
}

45% {
  margin-left: -200%;
}

50% {
  margin-left: -200%;
}

70% {
  margin-left: -300%;
}

75% {
  margin-left: -300%;
}

95% {
  margin-left: -400%;
}

100% {
  margin-left: -400%;
}
}
/*メニュー*/
.line{
	display:flex;
	margin-bottom:20px;
}
.content img{
	width:252px;
	text-align:center;
	margin:0 auto;
	margin-right:20px;
}
	
.content h3{
	text-align:center;
}
.wifi-greeting{
	display:flex;
}
.icon h2{
	margin-top:-15px 0 0 0 !important;
}
.greeting{
	width:1120px;
	text-align:center;
	margin:30px 0!important;
}
.tel img{
	width:550px;
	margin:0 auto;
}
.tel-wrap h4{
	line-height:35px;
	font-size:40px;
}

/**時間	**/
   #realtime{
       font-size: 52px;
         font-weight: 800;
         color: #603011;
         text-align: right;
         margin: 0;
     }
     
	 
	 
.page-menu-wrap{
	display:flex;
}
.page-menu-box{
	width:260px;
	height:256px;
	background-color:#fff5e7;
	margin:0 5px 10px;
	text-align:center;

}
.page-menu-box img{
	width:150px;
	margin:0 auto;
}
.page-menu-box h3{
	font-size:28px;
	font-weight:600;
	margin-top:10px;
}


.wifi-wrap{
	display:flex;
	width:720px;
	background-color:#fff5e7;
}

/*scroll禁止*/
html,body {
  overflow: hidden;
}