@charset "UTF-8";
/*
Theme Name:manel
Theme URI:http://manel.info/
Description:田無にある隠れ家的美容室manel
Version: 1.1
Author:manami
Author URI: http://manel.info/

*/ 
@font-face {
        font-family: "font1";
	src: url('fonts/FOT-HummingStd-B.woff') format('woff'), url('fonts/FOT-HummingStd-B.ttf') format('truetype');
}
@font-face {
        font-family: "font2";
	src: url('fonts/ITCSymbolStd-Book.woff') format('woff'), url('fonts/ITCSymbolStd-Book.ttf') format('truetype');
}
* {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

*::after,
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	font-family:"font1", sans-serif;
	color:#555;
	font-weight:100;
}
img{ border:0; }
a { text-decoration:none; }
.clear { clear:both; }
ul { letter-spacing: -0.5em; }
li{ letter-spacing: normal; }
.content{ width:980px; margin:0 auto; }
.w_900{ width:900px; margin:0 auto; }
.w_800{ width:800px; margin:0 auto; }
.w_500{ width:500px; margin:0 auto; }
.w_300{ width:300px; margin:0 auto; }
h1.title,h1.title_w{ font-family:"font2", sans-serif; font-size:3em; text-align:center; margin-top:30px;}
h1.title_w{ color:#fff; }
.pt_100{ padding-top:100px; }
.center,.center2{ text-align:center; }
.mt_20{ margin-top:20px; }
.mt_50{ margin-top:50px; }
.mt_100{ margin-top:100px; }
.mb_50{ margin-bottom:50px; }
.mb_100{ margin-bottom:100px; }
#wrapper{ margin-top:50px; margin-bottom:50px;}
/*-------------------------------header-------------------------------*/
.inner {
	width: 980px;
	margin: 0 auto;
}
.inner:after {
	content: "";
	clear: both;
	display: block;
}
#top-head {
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #e8ecef), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #e8ecef 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #e8ecef 50%, transparent 50%, transparent);
background-image: linear-gradient(left, #e8ecef 50%, transparent 50%, transparent);
	font-size: 16px;
	width: 100%;
	padding:8px 0;
z-index:999999;
	margin-top: 0;
	top: 0;
	position: fixed;
}

#top-head a,
#top-head {
	color: #333;
	text-decoration: none;
}
#top-head .inner {
	position: relative;
}
#top-head {
	float: left;
	font-size: 36px;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 30px;
	margin-bottom:15px;
}
#global-nav ul li {
	float: left;
	position: relative;
	font-family:"font2";

}
#global-nav ul li a {
	padding: 0 20px;
}
.w_3_7 li{ width:30%; display:inline-block; vertical-align:top;}
li.right_7{ width:70%; }
.logo{ width:150px; }
.logo img{ width:100%; margin-top:-20px;}
.logo img,.gn{ vertical-align:middle; }
/*-------------------------------Btn Hover------------------------------*/

#global-nav ul li:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	bottom: -20px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
#global-nav ul li:hover:after {
	background: #e6b422;
	bottom: -20px;
}


/*------------------------------Fixed------------------------------*/


/*==========topスクロール==========*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:9999999;
}
#page-top a {
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;/* width,heightの半分 */
	-moz-border-radius: 25px;
	border-radius: 25px;
	background:rgba(34, 32, 0, .7);
	display: block;
}
.arrow_t {
	position: absolute;
	width: 20px;
	height: 20px;
	border: 5px solid rgba(34, 32, 0, .0);
	border-left-color: #FFF;
	border-top-color: #FFF;
	top: 20px;
	right: 15px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg)
}

/*------------------------------Fixed Btn Hover------------------------------*/

#top-head.fixed #global-nav ul li:after {
	bottom: -10px;
}
#top-head.fixed #global-nav ul li:hover:after {
	background: #9fc24d;
	bottom: -20px;
}


/* Transition */
/*
#top-head,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
*/



/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 12px;
	top: 14px;
	width: 34px;
	height: 36px;
	cursor: pointer;
	z-index: 101;
}

#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #e0cca4;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}

#mm{ display:none; }
/*------------------------------Manelからのお知らせ-------------------------------*/
#newsarea{ margin:50px 0; }
.newstitle {padding:5px 0;}
.newstitle a{ color:#222; }
.newstitle a:hover,.post-link-prev a:hover,.post-link-next a:hover{ color:#ccc; }
.page-meta p{ color:#e0cca4; }
.post-link-prev a,.post-link-next a{ margin-left:20px; color:#222;}
.w_40 li img{ width:100%; }
#eye img{ width:100%; height:100%; margin-top:10px;}
.ribon_w {
	position: relative;
	padding: .3em;
	background-color: #fff
}
.ribon_w .tensen {
	padding: .75em 1em;
	border: 2px dashed #e0cca4;
}
.w_1_2{
	text-align:center;
	margin:5% 0;
}

.w_1_2 li{
	display:inline-block;
	margin:0 3%;
	width:20%;
	vertical-align:top;
}
li.right{
	width:50%;
	text-align:left;
}

/*------------------------------プライバシーポリシー-------------------------------*/
.p_content{ width:980px; margin:0 auto; }
	.sem{
		overflow: hidden;
		text-align: center;
		margin:50px 0 20px;
		font-size:1.25em;
		color:#333;
	}

	.sem  span{
		position: relative;
		display: inline-block;
		margin: 0 2.5em;
		padding: 0 1em;
		text-align: left;
	}

	.sem  span::before,
	.sem  span::after  {
		position: absolute;
		top: 50%;
		content: '';
		width: 400%;
		height: 1px;
		background-color: #ccc;
	}

	.sem  span::before {
		right: 100%;
	}

	.sem span::after {
		left: 100%;
	}
p.rhombus_s{
	position: relative;
	padding-left:40px;
	text-align:left;
}
p.rhombus_s::after {
	position: absolute;
	top: 0.7em;
	left: .4em;
	z-index:2;
	content: '';
	width: 10px;
	height: 10px;
	background-color:#e0cca4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
h2.midashi {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #e8ecef;
	font-size:1.25em;
}
.paragraph{ margin:30px 0; }
.cont{ margin-left:20px; }
#access_tel{ text-align:center; margin:50px 0;}
.tel{ color:#e0cca4; font-size:1.5em;}
.tensen_r02{ border:dotted 3px #ccc; border-radius:10px; padding:30px 20px 20px; }
.tensen_m02{ text-align:center;   font-size:1.25em; margin-bottom:-20px; z-index:100; color:#643018;}
.tensen_m02 span{ background:#fff; padding:0 20px;}
/*------------------------------footer-------------------------------*/

footer {
	-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
background-size: 30px 30px;
background-color: #ffffff;
background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #e8ecef), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(left, #e8ecef 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(left, #e8ecef 50%, transparent 50%, transparent);
background-image: linear-gradient(left, #e8ecef 50%, transparent 50%, transparent);
	padding: 30px;
	position:relative;
}

#f_logo_w{ width:150px; margin:0 auto;}
#f_logo_w img{ width:100%; }

#copy,#f_link{
	color:#555;
	text-align:center;
}

#f_link{ margin-bottom:30px; }

#copy{
	font-size:0.85em;
}

#f_link li{
	display:inline-block;
	margin-left:30px;
}

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #555;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
	margin:right:5px;
	font-weight:bold;
}

.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left:-10px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.sankaku::before{
box-sizing: border-box;
	width: 20px;
	height: 20px;
	border: 1px solid #555;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.sankaku::after{
	left:-3px;
	box-sizing: border-box;
	width: 8px;
	height: 8px;
	border: 8px solid transparent;
	border-left: 10px solid #555;
}

footer a {
	color: #555;
	text-decoration: none;
}

#copy{
	margin-top:30px;
}

#f_logo_w{text-align:center;}

/*------------------------------background------------------------------*/
.title_img{ background: url('images/img_05.jpg') no-repeat left top; }
.title_img_2{ background: url('images/img_06.jpg') no-repeat left top; }
.title_img_3{ background: url('images/img_07.jpg') no-repeat left top; }
.title_img_4{ background: url('images/img_08.jpg') no-repeat left top; }
.title_img_5{ background: url('images/img_09.jpg') no-repeat left top; }
.title_img_6{ background: url('images/img_10.jpg') no-repeat left top; }
.title_img,.title_img_2,.title_img_3,.title_img_4,.title_img_5,.title_img_6{
		position: relative;
		-webkit-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
}
.title_img,.title_img_2,.title_img_3,.title_img_4,.title_img_5,.title_img_6{
		content:"";
		display: block;
		padding-top:22.7%;
	}
/*------------------------------title画像------------------------------*/

	h2.title_t{
		width:30%;
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
		background:rgba(0,0,0,.2);
		color:#fff;
		text-align:center;
		padding:10px 0;
		position:absolute;
		bottom:40%;
		left:35%;
		line-height:1em;
	}
/*------------------------------アニメーション------------------------------*/

.list-mv07{ opacity: 0; transition: 1s; }
.mv07{ opacity: 1.0; }

/*------------------------------submit-------------------------------*/

input.button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	background:none;
	display: inline-block;
	width: 50%;
	height: 50px;
	text-align: center;
	text-decoration: none;
	line-height: 50px;
	outline: none;
	position: relative;
	background-color: #e8ecef;
	border-radius: 4px;
	color: #fff;
	line-height: 48px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #5b7a05;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-family: "font1", sans-serif;
	font-size:1.5em;
	margin:30px 0;
}

input.button::before,
input.button::after,
input.searchsubmit::before,
input.searchsubmit::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
input.button,
input.button::before,
input.button::after ,
input.searchsubmit,
input.searchsubmit::before,
input.searchsubmit::after{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

input.button:hover {
	background-color: #b0c4de;
	box-shadow: 0 3px 0 #708090;
}
input.button:active {
	top: 3px;
	box-shadow: none;
}

input.searchsubmit{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor:pointer;
	background:none;
	display: inline-block;
	width: 25%;
	height: 38px;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	outline: none;
	position: relative;
	background-color: #9fc24d;
	border-radius: 2px;
	color: #fff;
	line-height: 16px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 1px 0 #778899;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-family: "font1", sans-serif;
	font-size:1em;
}

input.searchsubmit:hover {
	background-color: #b8db58;
	box-shadow: 0 1px 0 #7a9908;
}
input.searchsubmit:active {
	top: 1px;
	box-shadow: none;
}
/*--------------------ご予約---------------------*/
.menu_t{ margin-left:100px; }
/*------------------------------お問い合わせ-------------------------------*/

.m_midashi{ padding: .4em 0 .4em .75em; border-left: 6px solid #e8ecef; text-align:left; }
.m_s{ width:320px; margin:50px auto; }
.m_s2{ width:510px; margin:50px auto; }
.nyusha{ margin-bottom:50px; }
.bk_r { width:100px; padding: .25em 1em; background-color: #444; border-radius: 6px; color:#FFF; margin-right:30px; text-align:center;}
.textarea,.textarea2,.textarea3{ width:100%; padding:4px 0 4px 10px; font-family: "font1", sans-serif; font-size:16px;}
.textarea4{ width:20%; padding:4px 0 4px 10px; font-family: "font1", sans-serif; font-size:16px;}
.textarea5{ width:40%; padding:4px 0 4px 10px; font-family: "font1", sans-serif; font-size:16px;}
.textarea6{ width:20%; padding:4px 0 4px 50px; font-family: "font1", sans-serif; font-size:16px;}
.textarea3{ line-height:1.5em; }
span.his{ background:#cc0000; padding:1px 2px; color:#fff; border-radius:3px; margin:0 3px 0 10px; }
.douisuru{ text-align:center; margin:50px 0 50px 20px; }
.float,.float_2{ float:left; }
.float_3{ float:left; margin-top:10px; margin-right:10px;}
.select,.select2,.select3,.select4,.select5{ padding:6px 0; font-family: "font1", sans-serif; width:100px;}
.select,.select3,.select4,.select5{ width:100px; }
.select2{ width:200px; }
.select3,.select4,.select5{ margin-right:20px; }
.w_20p{width:20px;}
input[type=checkbox],label{ vertical-align:middle; }
input[type=checkbox] { -ms-transform: scale(2.0, 2.0); -webkit-transform: scale(2.0, 2.0); transform: scale(2.0, 2.0); margin:0 10px; vertical-align: middle; cursor: pointer; }
.number2 span {font-family: 'Cardo', serif; font-size:40px; line-height: 1.2; color: #a9a9a9; margin-right:20px;}
h4.number2,.number2 span { vertical-align:bottom; }
.link_n a{ color:rgba(243,152,0,1); }
.link_n a:hover{ color:rgba(243,152,0,.7); }
.w_3_6{
	text-align:center;
	margin:5% 0;
}

.w_3_6 li{
	display:inline-block;
	margin:0 2%;
	width:30%;
	vertical-align:top;
}

li.right_6{
	width:60%;
	text-align:left;
}

p.rhombus_m{
	position: relative;
	padding-left:40px;
	text-align:left;
}
p.rhombus_m::after {
	position: absolute;
	top: 0.7em;
	left: .4em;
	z-index:2;
	content: '';
	width: 10px;
	height: 10px;
	background-color:#f39800;
	border-radius: 20px;        
	-webkit-border-radius: 20px; 
	-moz-border-radius: 20px; 
}

/** パソコン用
================================================================================================================================================================================*/

@media screen and (min-width: 769px) {


.yoyaku{ width:700px; margin:50px auto; }
.yoyaku_t{ text-align:center; margin-bottom:100px;}
.completion{ margin:100px 0; text-align:center; }
	.ribon_w::before,
	.ribon_w::after {
		content: '';
		position: absolute;
		border-style: solid;
		border-color: transparent;
	}
	.ribon_w::before {
		top: 100%;
		left: 0;
		border-width: 0 100px  20px 0;
		border-right-color: #d2b48c;
	}
	.ribon_w::after {
		top: -20px;
		right: 0;
		border-style: solid;
		border-width: 0 100px 20px 0;
		border-bottom-color: #d2b48c;	
	}
}

/** スマートフォン用
================================================================================================================================================================================*/

@media screen and (max-width: 768px) {

	#wrapper {
		margin-top:60px;
	}
	.content,.p_content{ width:96%; margin:0 2%;}
	.w_900,.w_800,.w_500,w_300{ width:96%; margin:0 2%;}
	.center2{ text-align:left; }
	.mt_100,mt_50{ margin-top:20px; }
	.mb_100{ margin-bottom:20px; }
/*------------------------------title画像------------------------------*/
	h2.title_t{
		width:70%;
		border-left: 2px solid #fff;
		border-right: 2px solid #fff;
		background:rgba(0,0,0,.2);
		color:#fff;
		text-align:center;
		font-size:0.785em;
		position:absolute;
		bottom:40%;
		left:15%;
		line-height:1em;
		padding:1px 0;
	}
/*------------------------------お問い合わせ-------------------------------*/
.m_midashi{
	padding: .1em 0 .1em .5em;
	text-align:left;
}
.m_s{ width:100%; margin:20px auto; }
.m_s2{ width:100%; margin:20px auto; }
.nyusha{ margin-bottom:50px; }
.bk_r {width:80px; margin-right:10px;font-size:0.785em; margin-top:5px;}
.textarea,.textarea2,.textarea3{ width:100%; padding:4px 0; font-family: "font1", sans-serif; font-size:16px;}
.textarea4{ width:40%; padding:4px 0; font-family: "font1", sans-serif; font-size:16px;}
.textarea5{ width:80%; padding:4px 0; font-family: "font1", sans-serif; font-size:16px;}
.textarea3{ line-height:1.5em; }
span.his{ background:#cc0000; padding:1px 2px; color:#fff; border-radius:3px; margin:0 3px 0 10px; }
.douisuru{ text-align:center; margin:30px 0;}
.float_3{ float:left; margin-top:10px; margin-right:10px;}
.select,.select2,.select3,.select4,.select5{ padding:5px 0 5px 10px; font-family: "font1", sans-serif; width:100%; font-size:16px;}
.select3,.select4,.select5{ margin-right:0; }
.select5{ width:70px; }
.w_20p{width:20px;}
input[type=checkbox] {
   -ms-transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  transform: scale(2.0, 2.0);
	margin:0 10px;
}
.select,.select2,.select3,.select4,.select5{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	font-family: "font1", sans-serif;
	background: -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background:linear-gradient(to bottom, #fff 0%,#efebe1 100%);
}
.number2 span { font-size:20px; margin-right:10px;}
.koumoku{ margin:40px 0; }
p.rhombus_m::after{ top: 0.5em; }
/*------------------------------header------------------------------*/

.logo{ width:100%; line-height:0.5em;}
.logo img{ width:80px; margin-top:0; margin-left:10px;}
	.inner {
		width: 100%;
		padding: 0;
	}
	#top-head {
		top: 0;
		position: fixed;
		margin-top: 0;
		border:0;
		z-index:999999;
		background:#fff;
		height:60px;
	}
	#top-head,
	.inner {
		width: 100%;
		padding: 0;
	}

/*------------------------------Fixed reset------------------------------*/

	#top-head.fixed {
		padding-top: 0;
		background: transparent;
	}


	#mobile-head {
		background: #fff;
		width: 100%;
		height: 60px;
		z-index: 99999999;
		position: relative;
		border-bottom:1px solid #e0cca4;
	}

	#top-head .logo:before{
		content:"田無にあるオシャレな美容室";
		font-size:8px;
		display:block;
		color:#333;
		margin-left:5%;
}
	#global-nav {
		position: absolute;
		/* 開いてないときは画面外に配置 */
		top: -500px;
		background:rgba(51,48,0,.5);
		width: 100%;
		text-align: center;
		padding: 10px 0;
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
	}
	#global-nav ul {
		list-style: none;
		position: static;
		right: 0;
		bottom: 0;
		font-size: 14px;
		margin-bottom:0;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#global-nav ul li:after  {
		display: none;
	}
	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 18px 0;
		border-bottom: dotted 2px #fff;
	}
	#nav-toggle {
		display: block;
	}

/*--------------------------------#nav-toggle 切り替えアニメーション------------------------------*/

	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
/*==========topスクロール==========*/
	#page-top {
		bottom: 10px;
		right: 10px;
	}
	#page-top a {
		width: 40px;
		height: 40px;
		-webkit-border-radius: 20px;/* width,heightの半分 */
		-moz-border-radius: 20px;
		border-radius: 20px;
		background:rgba(34, 32, 0, .4);
	}
	.arrow_t {
		width: 20px;
		height: 20px;
		border: 3px solid rgba(34, 32, 0, .0);
		border-left-color: #FFF;
		border-top-color: #FFF;
		top: 15px;
		right: 10px;
		transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg)
}

/*------------------------------#global-nav スライドアニメーション------------------------------*/

	.open #global-nav {
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}
	.bx-pager{
		display:none;
	}
	.w_3_6{
		text-align:center;
		margin:5% 0;
	}

	.w_3_6 li{
		text-align:left;
		display:inline-block;
		margin:2% 0;
		width:100%;
		vertical-align:top;
	}

/*--------------------Manelからのお知らせ---------------------*/
	.w_1_2{
		text-align:center;
		margin:10% 0;
	}

	.w_1_2 li{
		display:block;
		margin:5% 0;
		width:100%;
		vertical-align:top;
	}

	li.right{
		width:100%;
		text-align:left;
	}
.newstitle,.newstext{ font-size:0.85em; }
.page-meta p{ font-size:0.625em; }
/*--------------------プライバシーポリシー---------------------*/
.sem{ line-height:1.4em; font-size:1em; }
h2.midashi{ font-size:1em; }
.cont{ font-size:0.85em; line-height:1.5em;}
p.rhombus_s::after,p.rhombus_m::after{ top: 0.5em; }
.tensen_m02{ margin-bottom:-15px; font-size:1.25em; }
/*--------------------ご予約---------------------*/
.menu_t{ margin-left:0; }
/*--------------------footer---------------------*/
footer{ padding:20px 0; }
#f_logo_w{ width:120px; margin:0 auto;}
#f_logo_w img{ width:100%; }

#copy,#f_link{
	color:#555;
	text-align:center;
}

#f_link{ margin-bottom:10px; }
#copy{ margin-top:10px; font-size:0.65em;}


}

 #booking_client-fieldset table th,
    #booking_client-fieldset table td,
    #booking-reservation-fieldset table th,
    #booking-reservation-fieldset table td,
    #booking-message-fieldset table th,
    #booking-message-fieldset table td,
    #booking-confirm-fieldset table th,
    #booking-confirm-fieldset table td {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        overflow: auto;
    }
.content-form fieldset {
width:96%;
margin:0 2%;
}
.content-form fieldset {
    padding: 10px 0 0 0;
    margin: 0 2%;
    width: 96%;
}


}