<!DOCTYPE html>

<!-- saved from url=(0021)https://cuure.jp/ -->

<html lang="ja">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>バーバー＆ビューティサロン Cuure</title>

<meta name="robots" content="max-image-preview:large">
<meta name="viewport" content="width=device-width, initial-scale=1">
	
<link rel="stylesheet" href="./css/main.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js?ver=3.6.1" id="jquery-core-js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-migrate/3.3.2/jquery-migrate.min.js?ver=3.0.1" id="jquery-migrate-js"></script>

<!-- Google Tag Manager -->
<!-- End Google Tag Manager -->

<script type='text/javascript'>

</script>

</head>

<body>

<main class="main">

<div class="logo">
	<div class="box fade-in">
	  <img src="./img/logo_02.png" alt="">
	</div>
</div>

<div class="info fade-in_txt">
	<p class="txt">
		webサイトのリニューアル作成中です
	</p>
	
		<div class="reserv">
			<h2 class="text sd appear">ご予約</h2>
			<p class="text sd appear">【OPEN】<br>9：00〜19：00　<br></p>
			<p class="text sd appear">【CLOSE】<br>月・第１火曜日・第３日曜日<br></p>
			<p class="text sd appear">【バーバーのご予約】<br></p>
			<div class="sd appear">
				<i class="icon material-icons sd appear">call</i>
				<a href="tel:090-6830-6303" rel="noopener" target="_blank" class="text sd appear">090-6830-6303</a>
				<p class="text sd appear">【ビューティーサロンのご予約】</p>
				<i class="icon material-icons sd appear">call</i>
				<a href="tel:090-2094-7700" rel="noopener" target="_blank" class="text sd appear">090-2094-7700</a>
				<div class="sd appear">
					<p class="hotp">ネット予約</p>
					<a href="https://beauty.hotpepper.jp/slnH000599853/?cstt=1" rel="noopener" target="_blank" class="image sd appear">
					<div class="hpb">
					<img src="./img/beauty_hp.webp" alt="ホットペッパービューティー"></a>
					</div>
				</div>
			</div>
		</div>
</div>


</main>

<footer>

</footer>




<style>
body {
	background-color : #eee;
}

.main {
	height: 700px;
	margin-top: 0px;
}


h2 {
	font-size: 1em;
}
.info{
	width: 80%;
	height: 600px;
	margin: 0 auto;
	font-size: .9em;
	text-align: center;
}

.info .txt {
	
}

.logo {
	width: 100%;
	height: 450px;
	margin-top: 0px;
}

.box img {
	width: 50%;
	height: 450px;
	object-fit: contain;
}

.hpb {
}

.hpb img {
	width: 93px;
	height: 30px;
}


/* 動きの設定 */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
/* アニメーション「fadeIn」を指定 */
.fade-in {
  animation: fadeIn 6s ease-in-out;
}


.fade-in_txt {
  animation: fadeIn 10s ease-in-out;
}


/* レイアウト設定 */
html,body{
  width: 100dvw;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box{
  aspect-ratio: 1;
  width: 350px;
  background: #eee;
  display:flex;
  align-items: center;
  justify-content: center;
}
img{
  width:100%;
  height:100%;
  object-fit:cover;
}
</style>

</body>

</html>