@charset "utf-8";
/* CSS Document */
/*追加font*/
.osw{
	font-family:oswald,sans-serif;
	font-weight: 200;
	font-style: normal;
}
/* フェードイン用のCSS */

/* 上からフェードイン */
.slide-top {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1.5s ease-out;
 }

/* 下からフェードイン */
.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1.5s ease-out;
 }
.slide-bottom2 {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1.5s 0.3s ease-out;
 }
.slide-bottom3 {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1.5s 0.6s ease-out;
 }
.slide-bottom4 {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1.5s 0.9s ease-out;
 }
.slide-bottom5 {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1.5s 1.2s ease-out;
 }

 /* 左からフェードイン */
.slide-left {
	opacity: 0;
	transform: translate(-20px, 0);
	transition: all 1.5s ease-out;
 }

/* 右からフェードイン */
.slide-right {
	opacity: 0;
	transform: translate(20px, 0);
	transition: all 1.5s ease-out;
 }

/* フェードイン用のCSS */

/*下からフェードイン*/
.fade-in-bottom {
	opacity: 0;
	animation: fadein-bottom 1.5s .3s ease-out forwards;
}
.fade-in-bottom {
	opacity: 0;
    animation-name: fadein-bottom;
	animation-duration: 1.5s;
	animation-delay: .3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-bottom {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/*左からフェードイン*/
.fade-in-left {
	opacity: 0;
    animation-name: fadein-left;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-left {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
/*左からフェードイン*/
.fade-in-right {
	opacity: 0;
    animation-name: fadein-right;
	animation-duration: 1.5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadein-right {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

html { 
	scroll-behavior: smooth;
}
/*アンカーずらし*/
.ak {
	position: relative;
	top: -100px;/*左の数値を変えると、上下に調整します*/
}

body,h1,h2,h3,h4,h5,h5,h6,p{
	margin: 0;
}
body{
	font-family:YuMincho,'Yu Mincho',serif;
	color: #fff;
	background: #1F2F54;
	background-image: url(image/haikei01.png),url(image/haikei02.png);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top,right bottom;
	font-size: 10pt;
	letter-spacing: 3px;
}
img{
	vertical-align:top;
}
.sumafo {
	display: none;
}
.pc {
	display:block;
}


/***********ナビゲーションエリア*/
nav {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #626262;
	flex-wrap: nowrap;
}

.nav_area {
	display:flex;
	flex-wrap: nowrap;
	align-items: center;
}
.bt {
	padding: 0 20px;
}
.bt a{
	color:#424242;
	text-decoration: none;
	border-bottom: #fff solid 0px;
}
.bt a:hover{
	color:#848484;
	text-decoration: none;
	border-bottom: #DFDFDF solid 2px;
	transition: 0.5s;
}

header {
	position: fixed;
	top:0;
	z-index: 10;
	background: #FFFFFF;
	width: 100%;
}

.full {
	margin-top: 60px;
	background: #FFFFFF;

}
.full a{
    pointer-events: none;
	
}

/************* コンテンツブロックカテゴリーを囲む範囲 */
.contents {
		color: #FFFFFF;
}
/*************フッター*/
footer {
	padding: 50px;
	text-align: center;
	color:#fff;
	background: #1F2F54;
	font-size: 10pt;

}
.Copyright {

}
/*************フッターここまで*/
.haba_osusume{
  max-width:900px;
  margin:0 auto;
}
.font-ab {
    padding:0px 0px 60px;
    letter-spacing: 6px;
	text-align: center;
	font-weight:bold;
	font-size:38pt;
}


.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}

.more_prd {
  display: none;
  background-color: #aaa;
  color: #fff;
  font-size: 123.076%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.free_space_block {
  margin-top: 3em;
}

.ryoukin {
	text-align: left;
	padding: 40px 10px 10px;
	display: flex;
	justify-content: space-between;
	flex-direction:row;
	align-content: center;
}
.pet {
	text-align: left;
	padding: 0px 23px 80px;
}
.petp {
	text-align: left;
	padding: 0px 10px 0px;
	margin-top: 20px;
}
h2{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20pt;
	border-bottom: 1px dashed #fff;
	padding-bottom: 4px;
}
.ryoukin_komoji{
	font-size:12pt;
}
.ryoukin p{
	text-indent: -2em;
	padding-left: 40px;
	padding-bottom: 20px;
}

.komidasi {
    padding: 5px 20px;
    color: #fff;
    line-height: 41px;
    font-weight: bold;
    border: 1px solid rgba(255,255,255,1.00);
}
.kingaku{
    color: #FEAE00;
    padding-left: 6px;
    font-size: 12pt;
    font-weight: bold;
}

.rakuten a{

	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 15px 30px;
}

.rakuten {
	font-weight:bold;
	border-radius: 10px;
	background-color: #4CD43C;
	max-width: 280px;
	margin:20px auto;
	-webkit-box-shadow: 0px 0px 6px 0 #D1D1D1;
	box-shadow: 0px 0px 6px 0 #D1D1D1;
}

.rakutenn_hani {
	padding: 50px;
	text-align: center;
}
.otoiawase{
	font-size:10pt;
	font-weight: bold;
}
.yoyaku-contents {
	margin: 200px auto 100px;
	width:1000px;
	border-radius: 5px;
	background: #1F2F54;
}

.title-tel {
	font-weight:bold;
	font-size: 15pt;
	width:385px;
	margin:20px auto 40px;
    border:4px solid #FFFFFF;
    padding-top: 30px;
    padding-right: 48px;
    padding-bottom: 30px;
    padding-left: 48px;
}
.title-tel a {
	color: #fff;
	text-decoration: none;
}
.title-tel2 a {
	color: #fff;
	text-decoration: none;
}



.title-left {

	

}




.yadoyoyakuhaba {
	width:960px;
	margin: auto;
}

.text-center {
	text-align: center;
}
.text-mousikomi {
	text-align: center;
	font-size:12pt;
	font-weight: bold;
}

.logo{
	width:292px;
	height:80px;
	color: #fff;
	background: #1F2F54;
	display: flex;
	justify-content: center;
	align-items: center;
}
h1 a{
	color: #fff;
	text-decoration: none;
}
.namisen {
	background: url("image/midasisen.png") no-repeat;
	background-size: 50px auto;
	background-position: center 75px;
	padding-bottom: 40px;
}

.tel-sukima {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.tel-sukima2 {
	margin-bottom: 20px;

}

.toudai {
	width:90px;
	margin: auto;
	padding: 60px 0 30px;
}

.umizuki {
	margin-bottom: 20px;
	text-align: center;
}
.syukuhakutitle {
	font-size:30pt;
}


.tel {
	 display: flex;
	align-items: center;
}

.yoyaku {
	width:122px;
	height:80px;
	line-height: 17px;
	background: #1F2F54;
	display: flex;
	justify-content: center;
	align-items: center;
}
.yoyaku a{
	color: #FFFFFF;
	text-decoration: none;
}
.yoyakumoji {
	font-size:7pt;
}
/*オプション*/
.option-contents {
	margin: 100px auto 100px;
	background: #1F2F54;
    padding: 10%;
}
.op_img {
    max-width: 900px;
    margin: auto;
}

@media (max-width:414px){
body{
	font-family:YuMincho,'Yu Mincho',serif;
	color: #fff;
	background: #1F2F54;
	background-image: none;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left top,right bottom;
	font-size: 10pt;
	letter-spacing: 3px;
}
}


.sauna {
    background-image: url("image/opimg_mini.jpg");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: bottom right;
}