@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;600;700&family=Noto+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Pacifico&display=swap');
body {
	-webkit-font-smoothing: antialiased;
	font-family: "Noto Sans Japanese";
	font-weight: 500;
	position: relative;
	line-height: 1;
	color: #333333;
}
@media (max-width: 898.98px) {
	body {
		font-size: 13px;
		padding-top: 42px;
	}
}
/*幅制御*/

.container {
	max-width: 1020px;
}
.s-container {
	max-width: 920px;
	margin: 0 auto;
}
@media (min-width: 899px) {
	.container {
		width: 1020px;
	}
}
@media (max-width: 898.98px) {
	.container {
		max-width: 500px;
	}
}
@media (max-width: 767.98px) {
	.container {
		max-width: 400px;
	}
}
/*共通*/

h1 {
	font-size: 0.85rem;
	font-weight: 500;
	position: absolute;
	bottom: 20px;
	text-align: center;
	width: 100%;
}
h2 {
	margin: 0;
	padding: 0;
}
h3, h4 {
	margin: 0;
	padding: 0;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.page {
	margin: 4rem 0 4.5rem;
}
p {
	line-height: 2.2;
	margin: 0;
}
.text-small {
	font-size: 0.9rem;
	line-height: 2;
}
.text-big {
	font-size: 1.15rem
}
.text-mid {
	font-size: 1.05rem
}
a {
	color: #666666;
	text-decoration: none;
}
a.under {
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: none;
}
hr {
	margin: 0;
	padding: 0;
	border-color: #dddddd;
}
.bg-image {
	background:#eee7e7;
}
.bg-d-image {
	background: url(img/color-back.png) repeat;
}
.bg-l-gray {
	background-color: #EAEAEA;
}
.bg-blue {
	background: #283C5B;
}
.bg-white {
	background-color: rgba(255, 255, 255, 0.8);
}
.bg-wwhite {
	background-color: #ffffff;
}
.bg-gray {
	background-color: #999999;
}

.bg-pink {
	background-color: #eee7e7;
}

.bg-brown{
background: #967454;
}
.text-g {
	font-family: 'Noto Serif', serif;
}
.text-s {
	font-family: 'Noto Serif JP', serif;
}

.text-space {
	letter-spacing: -3px;
}
.text-brown {
	color: #967454;
}
.text-blue {
	color: #009999;
}
.text-white {
	color: #ffffff;
}
.text-gray {
	color: #666666;
}
.text-black {
	color: #000000;
}
.text-brown{
	color:##967454;;
}
.text-gold {
	color: #8C7356;
}
.text-red {
	color: #d8483d
}
.text-pink{
color: #b66f6f;
}
.btn {
	padding: 0;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	font-size: 1rem;
	border-radius: 2px;
	width: 280px;
}
a.btn-brown {
	background: #967454;
	color: #fff;
}
a.btn-gray{
background: #999999;
color: #fff;
}
a.btn-pink{
background: #d1a3a3;
color: #fff;
}
a.btn-navy {
	background: #283C5B;
	color: #fff;
}
a.btn-trans {
	color: #666666;
	border: 1px solid #aaaaaa;
	height: 48px;
	width: 320px;
	line-height: 45px;
	font-size: 1rem;
}
.map a.btn-beige {
	background: rgba(228, 217, 197, 0.5);
	color: #ad9571;
	border: 1px solid #e4d9c5!important;
	height: 48px;
	width: 100%;
	line-height: 48px;
	font-size: 1rem;
}
.title {
	font-size: 3rem;
	margin-bottom: 4rem;
}
.s-title {
	font-size: 2.7rem;
	margin-bottom: 3rem;
}
.s-title small {
	font-size: 2rem;
}
.logo img {
	width: 200px;
}
.tel {
	font-size: 1.75rem;
	font-weight: 600;
	text-align: center;
	letter-spacing: 1px;
}
.tel a {
	color: #333333;
			}
			.under{
				text-decoration:underline;
			}
.main-text {
	line-height: 2.4;
	font-size: 15px;
}
.sub-text {
	color: #666666;
	font-size: 0.8rem;
}
.breadcrumb {
	font-size: 0.8rem;
	margin: 0;
	line-height: 0.6;
}
.top-margin {
	margin-top: 83px;
}
.mt-6 {
	margin-top: 4rem;
}
.mt-7 {
	margin-top: 5rem;
}
.py-6 {
	padding-top: 5.5rem;
	padding-bottom: 8rem;
}
.pt-6 {
	padding-top: 5.5rem;
}
.pb-6 {
	padding-bottom: 8rem;
}
@media (max-width: 898.98px) {
h1 {
	bottom: 0px;
	line-height:1.3;
}

	p {
		line-height: 1.8;
	}
	.text-small {
		line-height: 1.6;
	}
	.top-margin {
		margin-top: 46px;
	}
	.page {
		margin: 2.3rem 0 3rem;
	}
	.title {
		font-size: 2.2rem;
		margin-bottom: 2.2rem;
	}
	.s-title {
		font-size: 2.2rem;
		margin-bottom: 2rem;
	}
	.s-title small {
		font-size: 1.5rem;
	}
	.main-text {
		line-height: 1.9;
		font-size: 14px;
	}
	.btn {
		height: 36px;
		line-height: 36px;
		width: 260px;
		font-size: 0.95rem;
	}
	a.btn-trans {
		height: 36px;
		line-height: 33px;
		width: 260px;
		font-size: 0.95rem;
	}
	.breadcrumb {
		font-size: 0.8rem;
		line-height: 0.5;
	}
	.logo img {
		width: 110px;
	}
	#page-top .d-flex {
		height: 130px;
		font-size: 1.6rem;
	}
	.py-6 {
		padding-top: 3rem;
		padding-bottom: 4.5rem;
	}
	.pt-6 {
		padding-top: 3rem;
	}
	.pb-6 {
		padding-bottom: 4.5rem;
	}
	.mt-6 {
		margin-top: 2.5rem;
	}
	.text-mid {
		font-size: 1rem
	}
}
@media screen and (min-width: 899px) {
	a:hover {
		text-decoration: none;
		opacity: 0.8;
	}
	a img:hover {
		opacity: 0.9;
	}
}
#page-top .d-flex {
	font-size: 2.6rem;
	font-weight: 500;
	height: 230px;
	background-size: cover;
	text-shadow: 0px 0px 20px #330000;
}
/*header*/

.tel span {
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0;
}
.top-header {
	height: 76px;
}
.top-nav {
	padding: 1.2rem 0rem;
}
.top-header .btn {
	width: 160px;
	height: 45px;
}
.top-header .btn small {
	font-weight: 400;
}
.top-nav a {
	font-size: 1.1rem;
	color: #000000;
	font-weight:500;
}
.nav-item {
	padding-right: 3.7rem;
}
.top-menu {
	background: url(img/menu.png) center center;
}
.top-info {
	background: url(img/info.png) center center;
}
.top-spa {
	background: url(img/spa.png) center center;
}
.icon-bar {
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}
.icon-bar+.icon-bar {
	margin-top: 4px;
}
.icon-bar {
	background-color: #330000;
	border-radius: 0px
}
.icon-bar:nth-of-type(1) {
	top: 0px;
}
.icon-bar:nth-of-type(2) {
	top: 1px;
}
.icon-bar:nth-of-type(3) {
	top: 2px;
}
.icon-bar {
	border-radius: 1px;
	height: 2px;
	position: relative;
	width: 22px;
	background-color: #ffffff;
}
.navbar-toggler {
	background-color: #d1a3a3;
	border-radius: 0px;
	height: 100%;
	padding: 0 0.8rem;
}
.navbar-toggler.active .icon-bar:nth-of-type(1) {
	top: 8px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.navbar-toggler.active .icon-bar:nth-of-type(2) {
	background-color: transparent;
}
.navbar-toggler.active .icon-bar:nth-of-type(3) {
	top: -4px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
@media (max-width: 898.98px) {
	.fix-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		background: #ffffff;
	}
	.top-header {
		height: 42px;
	}
	.top-nav {
		padding: 0rem;
	}
	.nav-item {
		padding: 1.2rem 0;
		text-align: center;
	}
	.tborder {
		border-left: 1px solid #cccccc;
		display: block;
		height: 20px;
	}
}
/*ページごと*/
.slide-img {
position: relative;
width: 100%;
}
.slide-img:before{
content: "";
display: block;
padding-top: 630px;
}
.slide-img img {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
object-fit: cover;
}


@media (max-width: 898.98px) {
.slide-img:before{
padding-top: 320px;
}
}

#topics {
	padding: 2.4rem 0 2rem;
	line-height: 1.6;
}
.rss ul li {
	list-style: none;
}
.rss ul li a {
	color: #333333;
}
.rss-date {
	margin-right: 1rem;
	font-family: 'Bitter', serif;
	font-weight: 700;
	font-size: 1.1rem;
	;
}
.trademark_wrap {
	display: none!important;
}

#top-info {
	padding: 2rem 0 3rem;
}

#top-info .border-bottom{
height:220px;
display: flex;
justify-content: center;
align-items: center;
}

#top-info .col-md-8 a{
	width:447px;
}
#top-info .col-md-4 a{
	width:160px;
}
#top-about {
	padding: 7rem 0 7rem;
}
.about {
	line-height: 1.8;
}
.about p.about-text {
	line-height: 2.5;
}
img.kidsroom {
	width: 121px;
}
.point {
	margin-top: 5.5rem;
}
.point h2 {
	font-size: 1.2rem;
	font-weight: 700;
	border-bottom: 1px dotted #aaaaaa;
	margin-bottom: 1.1rem;
}
.point .btn {
	width: 100%;
}
#staff {
	padding: 7rem 0;
}
#staff img{
max-width:700px;
margin:0 auto;
}
#photo {
	padding: 5rem 0 3rem;
}
@media (max-width: 898.98px) {
#top-info {
	padding: 1rem 0 2rem;
}
	#staff {
		padding: 4rem 0;
	}
	#top-about {
		padding: 4rem 0;
	}
	#topics {
		padding: 1rem 0 1rem;
	}
	#photo {
		padding: 2.5rem 0 1.8rem;
	}
#top-info .border-bottom{
	height:auto;
	padding:1rem 0;
	width:90%;
	margin:0 auto;
}
#top-info .border-top:last-child{
border-top:0px!important;
}

	.rss-date {
		margin-right: 0rem;
		display: block;
	}
	#top-about h2 {
		font-size: 1.15rem;
	}
	.about {
		padding: 0 1rem;
		line-height: 1;
	}
	.about p.about-text {
		line-height: 2;
	}
	img.kidsroom {
		width: 100px;
	}
	.point {
		margin-top: 3rem;
	}
	.point img {
		margin: 0 auto;
		width: 220px;
	}
	.point .bg-white {
		background: transparent
	}
	.point .btn {
		width: 100%;
		width: 220px;
	}
#staff img{
width:100%;
}
}
ul#instafeed{
display:flex;
flex-wrap:wrap;
}
ul#instafeed li.insta-photo {
position: relative;
width:24%;
margin:0 0.5%;
}
ul#instafeed li.insta-photo:before{
content: "";
display: block;
padding-top: 100%;
}
ul#instafeed li.insta-photo img {
position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
}
@media (max-width: 898.98px) {
	ul#instafeed li.insta-photo {
								width:48%;
								margin:1%;
	}
}

/*ページトップ共通*/

.top-img {
	height: 390px;
	position: relative;
	overflow: hidden;
}
.top-img img {
	bottom: -100%;
	display: block;
	height: auto;
	margin: auto;
	position: absolute;
	top: -100%;
	width: 100%;
}
@media (max-width: 898.98px) {
	.top-img {
		height: 180px;
	}
}
@media (max-width: 373.98px) {
	.top-img {
		height: 160px;
	}
}
/*menu*/

.page-menu h2 {
	position: relative;
	font-size: 1.5rem;
	font-weight:500;
}
.page-menu h2 span {
	position: relative;
	z-index: 1;
}
.page-menu h2:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50%;
	border-bottom: 1px solid #dddddd;
	z-index: 0;
}
.menu-title {
	font-size: 1.9rem;
}
.recommend .w-50 {
	height: 22px;
	line-height: 22px;
	font-size: 0.9rem;
	color: #000000;
}
.menu-rec-title {
	font-size: 1.2rem;
	height: 38px;
	line-height: 38px;
	font-weight: 700;
}
.menu-sub-title {
	border-bottom: 1px dotted #dddddd;
	font-size: 1.2rem;
	font-weight: 600;
}
.recommend img {
	margin: 0 auto;
	width: 260px;
}
.recommend .price {
	font-size: 1.3rem;
}
.recommend .text-big {
	margin-top: 1.7rem;
}
.border {
	border: 1px solid #dddddd;
}
.page-menu .table td, .page-menu .table th {
	border-bottom: 1px dotted #dddddd;
	border-top: 0;
	padding: 0.8rem 0;
	line-height: 1.6;
}
.page-menu .table th {
	font-weight: 400;
	font-size: 1.1rem;
}
.page-menu .table td {
	font-family: 'Noto Serif', serif;
	font-size:1.15rem;
}
.photo-t p {
	line-height: 1.5;
}
.table td.border-none, .table th.border-none {
	border-bottom: 0;
	padding-bottom: 0;
}
.tax-up{
border:2px solid #eeeeee;
padding:10px 20px;
margin-top:20px;
}
.tax-up p{
font-weight:normal;
line-height:25px;
color:#555555;
}
@media (max-width: 898.98px) {
	.menu-title {
		font-size: 1.5rem;
	}
	.page-menu h2 {
		font-size: 1.3rem;
	}
	.recommend img {
		margin: 0 auto;
		width: 220px;
	}
	.menu-rec-title {
		font-size: 1.1rem;
		height: 30px;
		line-height: 30px;
	}
	.menu-sub-title {
		font-size: 1.1rem;
	}
	.recommend .price {
		font-size: 1.2rem;
	}
	.recommend .text-big {
		font-size: 1rem;
	}
	.page-menu .table td, .page-menu .table th {
		font-size: 1rem;
	}
	.page-menu .table th small {
		display: block;
	}
}
/*treatment*/

.page-tm h3 {
	font-size: 1.25rem;
	line-height: 1.8;
}
.page-tm.bg-l-gray {
	margin-top: 7rem;
}
.ba {
	width: 420px;
	border: 5px solid #eeeeee;
}

#top-tokio{
background:linear-gradient(90deg,#a08267,#eadcba,#a08267);
padding:3.5rem 0;
}
.hyper {
	width: 920px;
	margin:0 auto;
	border-top: 4px solid #aaaaaa;
	border-bottom: 4px solid #aaaaaa;
	background:#fff;
}
.hyper h3{
	line-height:1.8;
}
.hyper a{
	color:#563d2a!important;
	font-size:1.3rem;
	font-weight:600;
}
.hyper a span{
	border-bottom: 1px dotted #563d2a;
}
.hyper-in {
	border-top: 2px solid #aaaaaa;
	border-bottom: 2px solid #aaaaaa;
	margin: 2px 0;
	padding: 3rem 0;
}

.w-60{
width:700px;
margin-right:auto;
margin-left:auto;
}
@media (max-width: 898.98px) {
	.flow img {
		width: 220px;
		margin: 0 auto
	}
	.page-tm h2 {
		font-size: 1.2rem;
		line-height: 1.6;
	}
	.page-tm h3 {
		font-size: 1.1rem;
	}
	.page-tm.bg-l-gray {
		margin-top: 4rem;
	}
	.hyper {
		width: 100%;
	}
	.hyper img {
		width: 240px;
	}
.hyper-in {
padding: 3rem 1rem;
}
.w-60{
width:auto;
}
}
/*staff*/

.name {
	margin-top: 0.7rem;
}
.name span {
	font-size: 1.9rem;
}
.name span.name-small {
font-size: 1.5rem;
}
.page-staff h2 {
	font-size: 0.95rem;
}
.page-staff .waku{
max-width:85%;
margin:0 auto;
}
.page-staff .col-md-4 {
	padding: 0 2rem;
}
.page-staff .col-md-4 p {
	line-height: 1.8;
}
@media (max-width: 898.98px) {
	.page-staff img {
		margin: 0 auto;
	}
	.name span {
		font-size: 1.5rem;
	}
	.page-staff h2 {
		font-size: 0.85rem;
	}
	.mt-7 {
		margin-top: 3rem;
	}
}
/*info*/

.page-info p.text-mid {
	line-height: 3;
}
.page-info mark {
	color: #ffffff;
	font-weight: 600;
	background: #999999;
	padding: 0px 8px;
	border-radius: 3px;
}
.reserve {
	border-top: 1px dotted #888888;
	border-bottom: 1px dotted #888888;
	padding: 2rem 0;
	width: 80%;
	margin: 0 auto;
}
.page-info #photo {
	padding: 0;
}
.page-info iframe {
	width: 80%;
	margin: 4rem auto 0;
}
#salon img {
	border: 5px solid #ffffff;
}
#holiday-calendar span.position-relative{
font-size:2.5rem;
color:rgb(220, 170, 122);
top:5px;
}
@media (max-width: 898.98px) {
	.page-info p.text-mid {
		line-height: 2;
	}
	.reserve {
		width: 100%;
	}
	.page-info iframe {
		width: 100%;
		margin: 3rem auto 0;
	}
	#salon img {
		border: 3px solid #ffffff;
		max-width: 80%;
		margin: 0 auto;
	}
}
/*フッター*/

footer {
	padding-top: 4rem;
}
footer .logo img {
	width: 190px;
}
footer hr {
	margin-top: 3rem;
}
footer .copy {
	font-size: 0.85rem;
	padding: 2rem 0 4rem;
}
@media (max-width: 898.98px) {
	footer {
		padding-top: 4rem;
	}
	footer p {
		line-height: 2;
	}
	footer .logo img {
		width: 200px;
	}
	footer .copy {
		padding: 1rem 0 3.8rem;
	}
}
/*アニメーション*/

.fadeInDown {
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

#instagram-feed .instagram_gallery a{
width:22%;
display:inline-block;
margin:0px 10px 10px 0;
}
.instagram_gallery a img{
width:100%;
}
.instagram_gallery{
text-align:center;
}
@media (max-width: 898.98px) {
#instagram-feed .instagram_gallery a{
width:46%;
display:inline-block;
margin:0px 5px 10px 5px;
}
}
.pp {
width:550px;
margin:5rem auto;
}
@media (max-width: 898.98px) {
.pp {
width:100%;
margin:5rem auto;
}
}