@charset "UTF-8";
/* -----共通----- */
main{
	margin-top:50px;
}
.wrapper {
	width: 960px;
	margin: 0 auto;
}
li {
	list-style-type: none;
}
p {
	font-size: 18px;
	background: url(dummy) no-repeat;
}

.font16{
	font-size:16px!important;
}
.font30{
	font-size:30px!important;
}
.pd10{
	padding:10px 10px 10px 0!important;
}

.pd20{
	padding-bottom:20px!important;
}
.pd50{
	padding-bottom:50px!important;
}
.mg20 {
	margin-left: 20px;
	margin-right: 20px;
}
.t-left{
	text-align:left!important;
	}
.l_s{
	letter-spacing:0.3px;
	font-size:20px;
	}
	
.simpleBordered {
	border: solid 1px black;
}
.spaceMini {
	height: 10px;
}
.spaceMidi {
	height: 50px;
}
.paddingInf {
	padding: 30px 100px 30px;
}
.emphasis {
	color: #bb0000;
}
.attention {
	color: #ff0;
}

.titleFontInf {
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.miniTitleFontInf {
	font-size: 24px;
	font-weight: bold;
}
.widerContent {
	margin-left: -1em;
	margin-right: -1em;
}
.contentFontAttention {
	font-size: 24px;
}
.contentFontInf {
	font-size: 18px;
	line-height: 2rem;
}
.textCenter {
	text-align: center;
}
.contentCenter {
	display: flex;
	justify-content: center;
	align-items: start
}
.attentionBizHour {
	font-size: 48px;
	line-height: 4rem;
	text-align: center;
	font-weight: bold;
	color: #bb0000;
}
.normalLink {
	text-decoration: underline;
}

/* -----トップページ----- */

#top h1 {
	background: url(../img/main.jpg) no-repeat;
	height: 680px;
	padding: 40px 0 0 40px;
}
.information {
	height: 480px;
}
.information li {
	float: left;
	width: 320px;
	height: 240px;
}

.dividingBorder {
	border-top: lightgray 3px solid;
}

#priceTable th,
#priceTable td {
	font-size: 32px;
	font-weight: bold;
	text-align: center;
}
#priceTable td {
	padding: 15px 0;
}
#priceTable .price {
	color: #bb0000;
}
#reservationBanner {
	height: 80px;
	background-color: #664400;
	border: solid 5px gray;
	position: relative;
	margin-bottom: 30px;
}
#reservationBanner a {
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	height: 80px;
	line-height: 80px;
}
.blockMenu div {
	height: 48px;
	font-size: 20px;
	margin: 10px;
}
#familyBathMenu {
	padding-top: 27px;
	background-color: #f7ecdf;
}
#familyBathMenu:after {
	content: "";
	display: block;
	clear: both;
}
#familyBathMenuLeft {
	float: left;
	width: 388px;
	height: 150px;
	margin-left: 25px;
	padding: 0;
}
#familyBathMenuTitle {
	color: #663300;
	font-size: 50px;
	font-family: cursive;
	text-align: center;
	line-height: 1em;
	letter-spacing: 0.2em
}
#familyBathCount {
	color: #663300;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 8px;
}
#familyBathAttention {
	color: #CC0000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2em;
}
#familyBathMenuRight {
	float: right;
	width: 522px;
	font-size: 16px;
	margin-right: 25px;
}
#familyBathList ul {
	clear: left;
}
#familyBathList ul li {
	float: left;
	width: 240px;
	height: 180px;
}

#ttl {
	clear: both;
	background-color: #f7ecdf;
	height: 78px;
}
#ttl {
	padding: 22px 0 0 32px;
}
#sisetu li {
	float: left;
	height: 320px;
}
#sisetu li p {
	width: 300px;
	font-size: 14px;
	margin: 10px;
	color: #614827;
}
#other_nav {
	clear: both;
	display: flex;
	justify-content: center;
	width: 960px;
}
#other_nav li {
	background: url(../img/img03.gif) no-repeat;
	background-color: #f7ecdf;
	background-position: 15px 50%;
	border-bottom: dotted #635e59 1px;
	height: 50px;
	line-height: 50px;
	padding: 0 35px 0;
	width: 480px;
}
#other_nav .liLeft {
	margin-right: -0.5px;
}
#other_nav .liRight {
	margin-left: -0.5px;
}
#other_nav a {
	text-decoration: none;
	color: #333333;
	display: block;
}
#other_nav a:hover {
	text-decoration: underline;
	color: #666;	
}
#other_nav #txt01 {
	border: solid #635e59 1px;
}
#other ul {
	float: left;
}
#link #link01 {
	float: left;
}
#link #link02 {
	float: right;
}
#top footer {
	clear: both;
	height: 158px;
	padding: 41px 41px 41px 31px;
	background: url(../img/logo02.gif) no-repeat #6d512c 31px 41px;
}
footer #name {
	float: left;
	margin-top: 112px;
	color: #FFFFFF;
	width: 290px;
}
footer #name p {
	font-size: 12px;
}
#copyright {
	font-size: 70% !important;	
}
footer ul {
	float: right;
	color: #FFFFFF;
	font-size: 14px;
	width: 580px;
}
footer ul li {
	background: url(dummy) no-repeat;	
}
footer li:nth-child(2) {
	margin-bottom: 15px;
}
footer li:nth-child(4) {
	margin-left: 100px;
}

/* -----家族風呂共通----- */

#familyBath {
	background-color: #000000;
	color:#ccc;
	padding-top: 13px;
}
#familyBath header {
	height: 67px;	
}
#familyBath header p a {
	color: #ccc;
	font-size: 90%;
}
#familyBath header p a:hover {
	color: #fff;	
}
#familyBath h1 {
	clear: both;
	background: url(../familyBath/img/akatsuki/main.jpg) no-repeat;
	height: 680px;
	text-align: right;
	padding: 40px 40px 0 0;
	margin-top: 14px;
	margin-bottom: 35px;
}
#familyBath #description {
	clear: both;
	margin-bottom: 50px;
}
#familyBath #description p {
	margin-bottom: 40px;
}
#Bath_ttl {
	width: 100%;
}
#Bath_ttl div.left {
	margin-left: 20px;
	width: 480px;
	float: left;
}

#Bath_ttl h2 {
	margin-top: 5px;
	margin-bottom: 30px;
}
#Bath_ttl .right {
	width: 480px;
	float: right;
	height: 120px;
}
#familyBath #fee {
	padding: 35px 20px 0;
	border-top: solid 1px #ccc;	
	border-bottom: solid 1px #ccc;	
}
#familyBath #fee h3 {
	font-size: 24px;
	float: left;
	line-height: 50px;
	width: 150px;
}
#familyBath #fee ul{
	width: 300px;
	float: left;
	margin: 0 0 35px 0;
	border-top: dashed #ccc 1px;
}
#familyBath #fee li {
	height: 50px;
	line-height: 50px;
	border-bottom: dashed #ccc 1px;
	text-align: right;
	font-size: 24px;
}
#familyBath #fee p {
	width: 425px;
	float: right;	
}
#familyBath #contact #leftSide {
	float: left;
	width: 600px;
	margin-bottom: 45px;
}
#familyBath #contact #leftSide .yellow {
	font-size: 20px;
	color: #ff0;
	margin: 20px 0 10px 0;	
}
#familyBath #contact #rightSide {
	float: right;
	width: 320px;
	margin-bottom: 45px;
}
.second footer {
	clear: both;
	color: #fff;
	padding: 30px 0 0 320px;
	height: 85px;	
	background: url(../img/logo02.gif) no-repeat #6d512c 30px 10px;
}


/* -----家族風呂プレミアム----- */


.bottom-right-box {
	align-items: center;
	display: flex;
	height: 360px;
	justify-content: flex-end;
	padding-left: 480px;
	padding-top: 360px;
	width: 480px;
}
.box-inside {
	width: 425px;
}
.delete-margin {
	margin: 0;
}
.margin-top-bottom {
	margin: 40px 0 40px;
}
#kasumi {
	background: url(../familyBath/img/kasumi/image01.png) no-repeat 0 0;	
	height: 720px;
	margin-bottom: 50px;
	width: 960px;
}
#yugiri {
	background: url(../familyBath/img/yugiri/image01.png) no-repeat 0 0;	
	height: 720px;
	margin-bottom: 50px;
	width: 960px;
}


/* ----------こりとり処と髪屋・共通----------- */
/*info部分*/
#info{
	float:right;
	width:440px;
}

#info table{
	border-bottom: dashed 1px #666666;
	border-collapse:separate;
	border-spacing:1px;
	font-size:18px;
}
#info table th{
	padding:10px 0 0 10px;
	font-weight:bold;
	}
#info table th, #info table td {
	border-top:  dashed 1px #666666;
	vertical-align: middle;
}	
#info table td{
	text-align:right;
	padding:10px 9px 0 0;
}
.longText{
	font-size: 16px;
	line-height:27px;
}
.longTextMini{
	font-size: 14px;
	line-height:27px;
}
.tableText{
	text-align:right;
	padding:10px 9px 0 0;
}
#info table .t-left{
	padding-left:20px;
}
#info table .font16{
	  padding: 0 10px 10px 0 !important;
}

/*///info終わり*/
.second header a {
	color: #333;
	font-size: 80%;
}
.second header a:hover {
	color: #000;	
}
.second header {
	height: 67px;	
	margin-top:13px;

}
.second .left{
	float:left;
	width:480px;
}
.second .right{
	float:right;
	width:480px;
}
.second .block{
	background-color:#fcf7ee;
	background-image:url(../shop/img/img_03.gif);
	background-repeat:no-repeat;
	padding:55px 50px 50px 50px;
	margin-top:50px;
}
#koritori .block h3,#kamiya .block h3{
	background:url(../shop/img/img_02.gif) no-repeat 0 50%;
	padding-left:30px;
	font-size:24px;
	color:#6a3906;
	border-bottom:solid 2px #6d381b;
	margin-bottom:20px;
}
#koritori .block h3 span,#kamiya .block h3 span{
	font-size:20px;
}
#koritori .block table td,#kamiya .block table td{
	font-size:18px;
	padding:0 20px 10px 0;
	width:140px;
}
#koritori .block h2,#kamiya .block h2{
	text-align:center;
	margin-bottom:40px;
}
main p.point{
	color:#444;
	font-size:16px;
	margin:30px 0 35px 0!important;
}
#koritori .block table,#koritori .block table th,#kamiya .block table,#kamiya .block table th{
	padding:0 0 15px 0;
	text-align:right;
}

.block  .box,.block2  .box{
	width:400px;
	float:left;
	margin-bottom:25px;
}
.block .box2,.block2 .box2{
	width:400px;
	float:left;
	margin-left:60px;
	margin-bottom:25px;
}

/* ----------こりとり処----------- */

#koritori h1{
	margin:10px 80px 30px 80px;
}

#koritori p{
	margin:0 0 30px 30px;
	color:#614827;
	line-height:30px;
}
#koritori .last{
	background-color:#fcf7ee;
	background-image:url(../shop/img/img_03.gif),url(../shop/koritori/img/akasuri_text.gif);
	background-repeat:no-repeat;
	background-position:0 0, 0 767px;
	padding:55px 50px 0 50px;
	margin-top:50px;
}

#koritori .block table.set th{
	  padding: 0 15px 0 0;
}
#koritori .block table.set td{
	  padding: 0 20px 0 0;
}

#koritori .block .col th{
	  padding:0 20px 15px 0!important;
}
/* ----------髪屋----------- */
#kamiya .storeLogo{
	margin:0 0 30px 80px;
}
#kamiya .concept{
	margin:0 0 20px 30px;
	color:#614827;
	line-height:30px;
}
#kamiya .block h2{
	margin-bottom:40px;
	text-align:center;
}
#kamiya .block h2.w_menu img{
	margin:0 124px 40px 124px;
}

/* ----------ご利用料金----------- */
#charge h1 img,#access h1 img {
	margin-top:80px;
}
#charge main dl {
	border-top:solid #434343 1px;
	padding:40px 75px 35px 45px;
	font-size:36px;
	line-height:36px;
	width:670px;
	margin:0 auto;
	
}
#charge main{
	margin-top:100px;
}
#charge main dl.last{
	padding:40px 75px 25px 45px;
}
#charge main dl dt{
	background:url(../img/charge_icon02.png) 0 0 no-repeat;
	float:left;
	color:#614827;
	padding-left:60px;
}

#charge main dl dt span.text{
	padding:0 50px 0 135px;
	background:url(../img/dot.gif) right center no-repeat;
}
#charge main dl dd{
	color:#614827;
	text-align:right;
}

#charge .block {
	padding: 30px 40px 60px 30px;
	}
#charge .block h2{
	text-align:center;
	margin-bottom:40px;
}

#charge .block ul li{
	margin-bottom:35px;
	padding-left:30px;
	line-height:18px;
	background:url(../img/charge_icon.png) 0 0 no-repeat;
}
#charge .point01{
	margin-left:145px;
	font-size:24px;
}

/* ----------アクセス----------- */

#access h1{
	text-align:center;
}
#access main{
	margin-top:35px;
}
#access #map{
	height:470px;
	margin-bottom:30px;
}
#access .access{
	margin-bottom:80px;
}
#access .access address{
	float:left;
}
#access .access img{
	float:right;
}
#access ul li{
	margin-bottom:25px;
}
#access ul li:last-child{
	margin-bottom:90px;
}
/* ----------お風呂紹介----------- */
#intro h1{
	float:right;
	padding-top:16px;
}
#intro .img_box img{
	float:left;
}
#intro p.text{
	text-align:center;
	padding:30px 0;
	background-color:#f7ecdf;
}
#intro main{
	margin-top:0;
}
#intro main .box dl dt,
#intro main .box dl dd{
 float:left;
}
#intro main .box dl dd{
	padding:60px  0 0 30px;
}
#intro main .box02 dl{
	width:320px;
	float:left;
	font-size:16px;	
	margin-top:40px;
	color:#333333;
}
#intro main .first dl{
	margin-top:0;
}
#intro main .box02 dl.one{
	width:460px;
	float:left;	
}

#intro main .box02 dl.two{
	width:180px;
	float:left;
	font-size:14px;	
}
#intro main .box02 dl.two dd{
	padding:10px 5px;
	line-height:18px;
}
#intro main .box02 dl.two dd span{
	font-weight:bold;
}
#intro main .box02 dl dd{
	line-height:20px;
	padding:20px 15px;
}
#intro main .box03 {
	text-align:center;
	margin-top:60px;
}
/* ----------花椿----------- */

/* メニュー〜注意書き まで*/
#hanatsubaki main{
position:relative;
top:-40px;
margin-top:0px;
}

/* 左上のロゴ */
#hanatsubaki header{
width:480px;
float:left;
line-height:1em;
color:#333;
}

/* ページ上部の左側 */
#hanatsubaki  .left{
clear:both;
}

/* ページ上部の右側 */
#hanatsubaki .right{
position:relative;
top:-80px;
}
#hanatsubaki h1{ /* ページ上部の右側の店名画像部分 */
margin-bottom:14px;
/*position:relative;
left:-20px;*/
text-align:center;
}
#hanatsubaki .concept{ /* 店名画像の下のお店説明 */
width:464px;
margin-bottom:20px;
margin-left:20px;
color:#614827;
line-height:1.8em;
}

/* メニュー */
#hanatsubaki #menu a:hover{
text-decoration:none;
color:#333;
}
#hanatsubaki li{
width:239px;
float:left;
}
#hanatsubaki li.menu04{
width:240px;
}
#hanatsubaki li .title{
height:80px;
border-right:1px solid #f7ecdf;
/*グラディエーション*/
background: #9b7e58; /* Old browsers */
background: -moz-linear-gradient(top,  #9b7e58 0%, #9b7e58 0%, #9b7e58 19%, #9b7e58 19%, #6d512c 73%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b7e58), color-stop(0%,#9b7e58), color-stop(19%,#9b7e58), color-stop(19%,#9b7e58), color-stop(73%,#6d512c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9b7e58 0%,#9b7e58 0%,#9b7e58 19%,#9b7e58 19%,#6d512c 73%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9b7e58 0%,#9b7e58 0%,#9b7e58 19%,#9b7e58 19%,#6d512c 73%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9b7e58 0%,#9b7e58 0%,#9b7e58 19%,#9b7e58 19%,#6d512c 73%); /* IE10+ */
background: linear-gradient(to bottom,  #9b7e58 0%,#9b7e58 0%,#9b7e58 19%,#9b7e58 19%,#6d512c 73%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b7e58', endColorstr='#6d512c',GradientType=0 ); /* IE6-9 */
color:white;
text-align:center;
position:relative;
}
#hanatsubaki li .title span{
position:absolute;
top:0;
right:0;
left:0;
bottom:0;
margin:auto;
width:auto;
line-height:1em;
height:1em;
}
#hanatsubaki li div{
background-color:	#f7ecdf;
height:180px;
border-right:1px solid white;
padding:10px 0 0 10px;
}
#hanatsubaki li div p{
background-color:	#f7ecdf;
color:#333;
}

/* liのtitleとdivにまとめてボーダーを付けたのでここでなくす */
#hanatsubaki li.menu04 .title,
#hanatsubaki li.menu04 div{
border-right:none; 
}

/* 選択されてるメニュー、hover時用 */
#hanatsubaki li.active .title{
background:#9b7e58;
}
#hanatsubaki li.active div,
#hanatsubaki li.active div p{
background-color:#faf5ee;
}
#hanatsubaki li.active div{
background-image: url(../shop/hanatsubaki/img/hover_arrow_bg.gif);
background-position: center 90%;
background-repeat:no-repeat;
}

#hanatsubaki main img {
	width: 100%;
}

/* ページ下部の注意書き */
#hanatsubaki main p.warning{
font-size:14px;
color:#333;
line-height:1.8em;
}

.hanatsubakiMenuDescriptionArea {
	margin-bottom: 20px;
	position: relative;
	top: -40px;
}
.menuDescriptionArea {
	margin: 40px 0 -30px
}
.menuDescription {
	font-size: 24px;
	line-height: 30px;
	text-align: center;
}
.mt20{
margin-top:20px !important;
}
.mt50{
	margin-top:50px !important;
}
.mt80{
	margin-top:80px !important;
}
#Bath_ttl .sp_txt p {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 50px;
	margin-top: -30px;
}