@charset "UTF-8";


/*------------------------------------------------
common
--------------------------------------------------*/
.satoyamasafuOriginal *{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:inherit;
	background: transparent;
	font-weight:inherit;  
	text-decoration:none;
	box-sizing:border-box;
	font-style:normal;
	text-align:left;
	list-style: none;
	position:relative;
	line-height:1;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: inherit;
}
.satoyamasafuOriginal #header,
.satoyamasafuOriginal #footer{
	font-size: 18px;
	color: #28303A;
}
.satoyamasafuOriginal p,
.satoyamasafuOriginal th,
.satoyamasafuOriginal td,
.satoyamasafuOriginal address{
    line-height: 1.8;
}
.satoyamasafuOriginal a,
.satoyamasafuOriginal .pointer,
.satoyamasafuOriginal button,
.satoyamasafuOriginal input[type="submit"]{
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.satoyamasafuOriginal a:hover,
.satoyamasafuOriginal .pointer:hover,
.satoyamasafuOriginal button:hover,
.satoyamasafuOriginal input[type="submit"]:hover{
    opacity: 0.8;
}

.satoyamasafuOriginal .flexSpace{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: justify; /*Android4.3*/
	-moz-box-pack: justify;    /*Firefox21*/
	-ms-flex-pack: justify;    /*IE10*/
	-webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
	justify-content: space-between;
}
.satoyamasafuOriginal .flexStart{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
}
.satoyamasafuOriginal .flexCenter{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-box-pack: center; /*Android4.3*/
	-moz-box-pack: center;    /*Firefox21*/
	-ms-flex-pack: center;    /*IE10*/
	-webkit-justify-content: center; /*PC-Safari,iOS8.4*/
	justify-content: center;
}
.satoyamasafuOriginal .flexEnd{
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	-ms-flex-wrap:wrap;/*IE10*/
	-webkit-flex-wrap:wrap;/*PC-Safari,iOS8.4*/
	flex-wrap:wrap;
	-webkit-justify-content:flex-end;         /* Safari etc. */
	-ms-justify-content:flex-end;         /* IE10        */
	justify-content:flex-end;
}
.satoyamasafuOriginal .flexReverse{
	flex-direction: row-reverse;
}
.satoyamasafuOriginal .flexSpace.center,
.satoyamasafuOriginal .flexStart.center,
.satoyamasafuOriginal .flexEnd.center,
.satoyamasafuOriginal .flexCenter.center{
	align-items: center;
}
.satoyamasafuOriginal .objectfit{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.satoyamasafuOriginal .container1100{
	width: 1100px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
.satoyamasafuOriginal .taCenter{ text-align: center;}
.satoyamasafuOriginal .mt8{ margin-top: 8px;}
.satoyamasafuOriginal .mt16{ margin-top: 16px;}
.satoyamasafuOriginal .mt24{ margin-top: 24px;}
.satoyamasafuOriginal .mt32{ margin-top: 32px;}
.satoyamasafuOriginal .mt40{ margin-top: 40px;}
.satoyamasafuOriginal .mt48{ margin-top: 48px;}
.satoyamasafuOriginal .mt56{ margin-top: 56px;}
.satoyamasafuOriginal .mt64{ margin-top: 64px;}
.satoyamasafuOriginal .mt128{ margin-top: 128px;}
.satoyamasafuOriginal .mb40{ margin-bottom: 40px;}
.satoyamasafuOriginal .pt32{ padding-top: 32px;}
.satoyamasafuOriginal .pt56{ padding-top: 56px;}
.satoyamasafuOriginal .pt64{ padding-top: 64px;}
.satoyamasafuOriginal .pt96{ padding-top: 96px;}
.satoyamasafuOriginal .pt112{ padding-top: 112px;}
.satoyamasafuOriginal .pt128{ padding-top: 128px;}
.pb48{ padding-bottom: 48px;}
.pb64{ padding-bottom: 64px;}
.pb96{ padding-bottom: 96px;}
.pb128{ padding-bottom: 128px;}
.satoyamasafuOriginal .ptb40{
	padding-top: 40px;
	padding-bottom: 40px;
}
.satoyamasafuOriginal .ptb56{
	padding-top: 56px;
	padding-bottom: 56px;
}
.satoyamasafuOriginal .ptb64{
	padding-top: 64px;
	padding-bottom: 64px;
}
.satoyamasafuOriginal .ptb80{
	padding-top: 80px;
	padding-bottom: 80px;
}
.satoyamasafuOriginal .ptb128{
	padding-top: 128px;
	padding-bottom: 128px;
}
.satoyamasafuOriginal .fw300{ font-weight: 300;}
.satoyamasafuOriginal .fw400{ font-weight: 400;}
.satoyamasafuOriginal .fw500{ font-weight: 500;}
.satoyamasafuOriginal .fw700{ font-weight: 700;}
.satoyamasafuOriginal .fw800{ font-weight: 800;}
.satoyamasafuOriginal .fz14{ font-size: 14px;}
.satoyamasafuOriginal .fz15{ font-size: 15px;}
.satoyamasafuOriginal .fz16{ font-size: 16px;}
.satoyamasafuOriginal .fz18{ font-size: 18px;}
.satoyamasafuOriginal .fz20{ font-size: 20px;}
.satoyamasafuOriginal .fz22{ font-size: 22px;}
.satoyamasafuOriginal .fz24{ font-size: 24px;}
.satoyamasafuOriginal .fz25{ font-size: 25px;}
.satoyamasafuOriginal .fz28{ font-size: 28px;}
.satoyamasafuOriginal .fz30{ font-size: 30px;}
.satoyamasafuOriginal .fz32{ font-size: 32px;}
.satoyamasafuOriginal .fz34{ font-size: 34px;}
.satoyamasafuOriginal .fz35{ font-size: 35px;}
.satoyamasafuOriginal .fz40{ font-size: 40px;}
.satoyamasafuOriginal .fz42{ font-size: 42px;}
.satoyamasafuOriginal .fz44{ font-size: 44px;}
.satoyamasafuOriginal .fz48{ font-size: 48px;}
.satoyamasafuOriginal .fz56{ font-size: 56px;}
.satoyamasafuOriginal .fz60{ font-size: 60px;}
.satoyamasafuOriginal .fz64{ font-size: 64px;}
.satoyamasafuOriginal .fz72{ font-size: 72px;}
.satoyamasafuOriginal .fz88{ font-size: 88px;}
.satoyamasafuOriginal .fz96{ font-size: 96px;}
.satoyamasafuOriginal .regular{ font-weight: 400;}
.satoyamasafuOriginal .bold{ font-weight: bold;}
.satoyamasafuOriginal .ls0{ letter-spacing: 0;}
.satoyamasafuOriginal .ls50{ letter-spacing: 0.05em;}
.satoyamasafuOriginal .ls75{ letter-spacing: 0.075em;}
.satoyamasafuOriginal .ls100{ letter-spacing: 0.1em;}
.satoyamasafuOriginal .ls150{ letter-spacing: 0.15em;}
.satoyamasafuOriginal .ls200{ letter-spacing: 0.2em;}
.satoyamasafuOriginal .ls300{ letter-spacing: 0.3em;}
.satoyamasafuOriginal .lh100{ line-height: 1;}
.satoyamasafuOriginal .lh120{ line-height: 1.2;}
.satoyamasafuOriginal .lh150{ line-height: 1.5;}
.satoyamasafuOriginal .lh180{ line-height: 1.8;}
.satoyamasafuOriginal .lh210{ line-height: 2.1;}
.satoyamasafuOriginal .lh220{ line-height: 2.2;}
.satoyamasafuOriginal .br4{ border-radius: 4px}
.satoyamasafuOriginal .bg_navy{
	background-color: #28303A;
	color: #FFF;
}
.satoyamasafuOriginal .bg_brown{
	background-color: #9D6C65;
	color: #FFF;
}
.satoyamasafuOriginal .white{ color: #FFF;}
.satoyamasafuOriginal .bg_black{
	background-color: #000;
	color: #FFF;
}
.satoyamasafuOriginal .bg_lightgray{
	background-color: #F2F2F2;
}
.satoyamasafuOriginal .bg_gray{
	background-color: #909090;
	color: #FFF;
}
.satoyamasafuOriginal .bg_white{ background-color: #fff;}
.satoyamasafuOriginal .red{ color: #FF0000;}
.satoyamasafuOriginal .bg_beige{ background-color: #BFBCAB;}

/*------------------------------------------------
header
--------------------------------------------------*/
.satoyamasafuOriginal #header{
	background-color: #DDD;
	width: 100%;
	z-index: 9999;
	height: 180px;
}
.satoyamasafuOriginal #header .inner{
	height: 180px;
}
.satoyamasafuOriginal #header h1 a{
	background: url("https://storage.489ban.net/storage/customer/555/assets/logo_black.png") no-repeat center center;
	background-size: 135px;
	height: 115px;
	width: 135px;
	display: block;
	text-indent: -9999px;
}
.satoyamasafuOriginal #header nav ul li{
	margin-left: 20px;
}


/*------------------------------------------------
footer
--------------------------------------------------*/
.satoyamasafuOriginal #footer{
	background-color: #DDD;
}
.satoyamasafuOriginal #footer .address .logo a{
	width: 104px;
	height: 90px;
	background: url("https://storage.489ban.net/storage/customer/555/assets/logo_black.png") no-repeat center top;
	background-size: 100%;
	text-indent: -9999px;
	display: block;
}
.satoyamasafuOriginal .footerMenu li + li{
	margin-top: 25px;
}
.satoyamasafuOriginal #footer .language dd{
	margin-top: 25px;
}
.satoyamasafuOriginal #footer .reservation .plan{
	display: block;
	width: 256px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}
.satoyamasafuOriginal #footer .reservation .plan span + span{
	margin-left: 15px;
}
.satoyamasafuOriginal #footer .reservation .cancel{
	text-decoration: underline;
	display: inline-block;
	margin-left: 20px;
}
.satoyamasafuOriginal #footer .copyright{
	padding-top: 80px;
	padding-bottom: 128px;
}

/*------------------------------------------------
tab
--------------------------------------------------*/
.satoyamasafuOriginal .tab{ display: none;}
@media screen and (max-width: 768px){
	.satoyamasafuOriginal .tab{ display: block;}
	.satoyamasafuOriginal .container1100{
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.satoyamasafuOriginal #header nav{
		width: calc(100% - 160px);
	}
	.satoyamasafuOriginal #header nav ul .spacer{
		width: 100%;
		height: 10px;
	}
	.satoyamasafuOriginal #footer .reservation{
		display: none;
	}
}


/*------------------------------------------------
sp
--------------------------------------------------*/
.satoyamasafuOriginal .sp{ display: none;}
@media screen and (max-width: 480px){
	.satoyamasafuOriginal .sp{ display: block;}
	.satoyamasafuOriginal #header{
		margin-bottom: 30px;
	}
	.satoyamasafuOriginal #header nav{
		display: none;
	}
	.satoyamasafuOriginal #header h1{
		width: 100%;
	}
	.satoyamasafuOriginal #header h1 a{
		width: 100%;
	}
	.satoyamasafuOriginal #footer{
		padding-top: 64px;
	}
	.satoyamasafuOriginal #footer .address{
		width: 100%;
	}
	.satoyamasafuOriginal #footer .address p{
		text-align: center;
	}
	.satoyamasafuOriginal #footer .address .logo a{
		margin-left: auto;
		margin-right: auto;
	}
	.satoyamasafuOriginal #footer .footerMenu,
	.satoyamasafuOriginal #footer .language{
		display: none;
	}
	.satoyamasafuOriginal #footer .reservation{
		display: block;
		width: 100%;
		padding-top: 20px;
		text-align: center;
	}
	.satoyamasafuOriginal #footer .reservation .plan{
		margin-left: auto;
		margin-right: auto;
	}
	
}