@charset "utf-8";
/* CSS Document */


/* 汎用クラス 
--------------------------------------------------------------------
-------------------------------------------------------------------- */
/* .area / .box */


/* 共通style */

/* ブラウザ間の差異リセット
--------------------------------------------------------------------
-------------------------------------------------------------------- */

html, body, div, span, object,
h1, h2, h3, h4, h5, h6, p, a,
address, img, samp, strong,
dl, dt, dd, ol, ul, li,
form, input, label,
table, caption, tbody, tfoot, thead, tr, th, td {
	vertical-align: baseline;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 100%;
	font-weight: normal;
}

body {
	line-height: 1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* 基本設定
--------------------------------------------------------------------
-------------------------------------------------------------------- */

* {
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	font-size: 14px;
}

body {
	line-height: 1.6;
	/*background: #fffdf5;*/
	background:#fffdf7;
	color: #333;
	font-family:Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.1em;
	/*border-top: 5px solid #56442f;*/
}

.wrap {
	max-width: 980px;
    margin: 0 auto;
	overflow:hidden;
	text-align:center;
}


img {
	vertical-align: bottom;
    -ms-interpolation-mode: bicubic;
}

p {
	margin-bottom: 1em;
}

li {
	list-style-type: none;
}

a,
a img,
.btn a {
	-webkit-transition: all .3s;
	transition: all .3s;
}

a {
	color: inherit;
	border-bottom: 1px solid rgba(51,51,51,1);
}

a:hover {
	border-bottom: rgba(51,51,51,0);
}

a:hover img {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

p.img {
	margin-bottom: 0;
}

a,
h2 a,
h3 a {
	text-decoration: none;
}

h2 a,
h3 a,
h2 a:hover,
h3 a:hover,
.btn a,
.btn a:hover {
	border: none;
}

h1.title,
h2,
h3,
h4,
h5 {
	line-height: 1.2;
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

h3 {
	margin-bottom: 1rem;
	font-size: 2rem;
}

h4 {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}

h5 {
	margin-bottom: 1rem;
	font-size: 1.3rem;
}

h1.title,
h2.title {
	position: relative;
	text-align: center;
}

h1.title {
	margin: 0 0 5%;
}

h2.title {
	margin: 8% 0 5%;
}

h1.title:before,
h2.title:before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #333;
	background: -webkit-linear-gradient(-45deg, transparent, #56442f 10%, #56442f 90%, transparent);
	background: linear-gradient(-45deg, transparent, #56442f 10%, #56442f 90%, transparent);
}

h1.title span,
h2.title span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 4rem;
	padding: 0 2rem;
	background: #fffdf5;
}


h1.title strong,
h2.title strong {
	margin-right: 1rem;
}

h1.title span {
	font-size: 2.5rem;
}

h1.title strong {
	font-size: 4.5rem;
	display:block;
}


h2.title span {
	font-size: 2rem;
}

h2.title strong {
	font-size: 3.5rem;
}

h3.title {
	margin-top: 5%;
}

h4.title {
	margin-top: 5%;
}

.title img {
	width: 100%;
	margin-bottom: 5%;
}

h3 a:hover {
	color: #e37a89;
}

.larger {
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1.4rem;
	
}

.center {
	text-align:center;
}



hr {
	border:none;
}

ul.list,
ol.list {
	margin: 1.0rem 0 1.0rem 2.0rem;
}

ul.list li,
ol.list li {
	margin-bottom: 0.5rem;
}

ul.list li {
	list-style: disc;
}

ol.list li {
	list-style: decimal inside;
}

ul.list h3,
ol.list h3 {
	font-size: 1.5rem;
}





dl.list,
dl.list-line {
	clear: both;
	overflow: hidden;
}

dl.list dt,
dl.list-line dt {
	float: left;
	margin-right: 1rem;
}

dl.list > dt.list-headline {
	width:20%;
}

dl.list dd {
	margin-bottom: .3rem;
}

dl.list-line dd {
	margin: 0 0 1.5rem 20%;
	padding-left: 1.5rem;
	border-left: 1px solid #333;
}


dl.list-line dd > h3.title {
	font-size:1.6rem;
} 


ol.path {
	clear: both;
	overflow: hidden;
	margin-bottom: 2rem;
}

ol.path li {
	position: relative;
	float: left;
	margin-right: .8rem;
	padding-right: 1rem;
}

ol.path li:before,
ol.path li:after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

ol.path li:before{
	right: 0;
	width: .3rem;
	height: .3rem;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

ol.path li.here:before,
ol.path li.here:after {
	display: none;
}

.hr,
.hr2,
.hr3 {
	overflow:hidden;
}

.hr,
.hr2 {
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
}

.hr {
	height: 1px;
	margin: 5% 0;
	background: #333;
	background: -webkit-linear-gradient(-45deg, transparent, #56442f 10%, #56442f 90%, transparent);
	background: linear-gradient(-45deg, transparent, #56442f 10%, #56442f 90%, transparent);
}

.hr2,
.hr3 {
	margin: 3% 0;
}

.hr2 {
	border-bottom:1px solid #bdb8aa;
}

.hr3 {
	border:none;
}

.hr4 {
    margin: 4rem 0;
	border-bottom: 1px solid #bdb8aa;
}

.hr hr {
	display: none;
}

p.btn {
	width: 86%;
	margin: 2% auto 0;
}

.clum2 p.btn {
	width: 100%;
}

/**********ボタンのデザイン************/


a.btn01,
a.btn02 {
	border:none;
}

a.btn01  {
	display: block;
	padding: 1.2rem;
	color: #fff;
	font-size: 1.2rem;
    background: #e37a89;
	text-align: center;
	/*border-radius: .5rem;*/
}

a.btn01:hover {
	background: #e37a89;
	color: #fff;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

a.btn02 {
	display:block;
	position:relative;
	margin:0 auto;
	border:3px solid #a17f59;
	background:#a17f59;
	color:#fff;
	padding:0.5rem 1.6rem;
    box-sizing: border-box;
	/*font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	text-align:center;
	font-size:1.2rem;
}

a.btn02:before {
	content:"";
	position:absolute;
	right:1rem;
	top:42%;
	width: 0.5rem;
	height: 0.5rem;
/*	border-top: 2px solid #56442f;
	border-left: 2px solid #56442f;*/
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

	
a.btn02:hover {
	background:none;
	border:3px solid #a17f59;
	color:#a17f59;
}

a.btn02:hover:before {
	border-top: 2px solid #a17f59;
	border-left: 2px solid #a17f59;
}

a.btn03 {
	display:block;
	position:relative;
	margin:0 auto;
	border:3px solid #fff;
	background:#fff;
	color:#56442f;
	padding:0.5rem 1.6rem;
    box-sizing: border-box;
	text-align:center;
	font-size:1.2rem;
}

a.btn03:before {
	content:"";
	position:absolute;
	right:1rem;
	top:42%;
	width: 0.5rem;
	height: 0.5rem;
	border-top: 2px solid #56442f;
	border-left: 2px solid #56442f;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

	
a.btn03:hover {
	background: rgba(255,255,255,0.7);
	border:3px solid #fff;
}

table + p.btn {
	margin-top: 4%;
}

.clum2 + p.btn {
	margin-top: 0;
}


/*******横並びレイアウト********/

ul.clm2,
ul.clm3,
ul.clm4,
ul.clm5,
ul.clm6,
ul.clm8 {
	overflow:hidden;
	margin-bottom:1rem;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

ul.clm2 li,
ul.clm3 li,
ul.clm4 li,
ul.clm5 li,
ul.clm6 li,
ul.clm8 li {
	display:inline-block;
	box-sizing:border-box;
	letter-spacing:normal;
	vertical-align:top;
}

ul.clm2 li,
ul.clm3 li,
ul.clm4 li {
	margin-right:2%;
	margin-top:2%;
}

ul.clm5 li,
ul.clm6 li,
ul.clm8 li {
	margin-right:1.4%;
	margin-top:1.4%;
}

ul.clm2 li {
	width:49%;
}


ul.clm3 li {
	width:32.0%;
}


ul.clm4 li {
	width:23.5%;
}

ul.clm5 li {
	width:18.6%;
}

ul.clm6 li {
	width:15.5%;
}

ul.clm8 li {
	width:11.2%;
}

ul.clm2 li:nth-child(even),
ul.clm3 li:nth-child(3n),
ul.clm4 li:nth-child(4n),
ul.clm6 li:nth-child(6n),
ul.clm8 li:nth-child(8n) {
	margin-right:0;
}

.clum2 li a,
.clum2 li img {
	display: block;
	width: 100%;
}

.clum2 li img,
.clum2 li h3 {
	margin-bottom: 1%;
}

.clum2 li h3 {
	text-align: center;
}


/*******横並び画像********/

img.left_img {
	display:block;
	float:left;
	margin-right:1.5rem;
	margin-bottom:1.5rem;
}

img.right_img {
	display:block;
	float:right;
	margin-left:1.5rem;
	margin-bottom:1.5rem;
}


/*******テーブル********/


table {
	width: 100%;
	margin-bottom: 2%;
	background: #fff;
	border-bottom: 1px solid #f5efdc;
}

table span {
	font-family:sans-serif;
}

table th,
table td {
	padding: 1%;
	vertical-align: middle;
}

table th {
	background: #56442f;
	color: #fff;
}

table th.name,
table td {
	text-align: center;
}

table td {
	border-top: 1px solid #f5efdc;
}

table td + td + td,
table td.rowspan {
	border-left: 1px solid #f5efdc;
}

table th + th {
	border-left: 1px solid #fff;
}

table td.name {
	width: 30% !important;
	text-align: left;
	background: #f5efdc;
}

table tbody tr:first-child td,
table td.name {
	border-top-color: #fff;
}

table td .mark {
	font-size: 1.5rem;
	line-height: 1;
}

table td .woman,
table td .man,
table td .kids {
	padding-right: .5rem;
}

table td .woman{
	color: #cc0000;
}

table td .man {
	color: #0066cc;
}

table td .kids {
	color: #009966;
}

/*ボックス*/

.box_b,
.box_m,
.box_s,
.boxy_b,
.boxy_m,
.boxy_s {
	overflow:hidden;
}

.box_b,
.boxy_b {
	border:1px solid #333333;
	padding:1.5rem;
	margin-bottom:2rem;
}


.box_m,
.boxy_m {
	padding:1.5rem;
	margin-bottom:2rem;
}

.box_m {
	background:#f9e3df;
}

.boxy_m {
	background:rgb(245, 239, 220);;
}

.box_s,
.boxy_s {
	border:1px solid #ffffff;
	padding:1.5rem;
	margin-bottom:2rem;
}

.box_s {
	background:#fbeeec;
}

.boxy_s {
	background: rgba(255,255,255,0.7);
}

.box_s p,
.box_s + p,
.boxy_s p,
.boxy_s + p {
	margin-bottom:0;
	}
	


.box_b .box_m,
.box_b .boxy_m {
	margin-bottom:0;
}

.box_b .box_m .box_s,
.box_b .boxy_m .boxy_s {
	margin-bottom:0;
}

.box_b .box_m + .box_m,
.box_b .boxy_m + .boxy_m {
	margin-top:2rem;
}

.box_s + .box_s {
	margin-bottom:1rem;
}


strong a {
	font-weight:bold;
	}
	
	
.tag {
	padding:0.3rem 1rem;
	}

.sp {
	display: none;
}

p strong,
.important {
	font-weight: bold;
}

span.linethrough {
	text-decoration:line-through;
}

strong.big {
	font-size:2.5rem;
	font-weight: bold;
}

strong.middle {
	font-size:1.6rem;
	font-weight: bold;
}

.important {
	color: #e37a89;
}

span.line {
	border-bottom: 1px solid #e37a89;
}

#header span.sunday,
#footer span.sunday {
	display:block;
}

#header span.sunday {
	font-size:1.0rem;
	margin-top:0.6rem;
}

#header span.sunday strong,
#contents.reservation .time span.sunday strong {
	/*font-size:1.6rem !important;*/
}

#footer span.sunday {
	font-size:0.8rem;
}

#footer .area p.credit {
	margin-top:2.4rem;
}

#footer .area p.credit span {
	display:block;
}

#footer .area ul.clm6 li img {
	width:100%;
}

#contents span.sunday {
	display:inline-block;
	margin-left:2rem;
	font-size:1.4rem;
	margin-top:0;
}

#contents.access span.sunday {
	display:inline-block;
	margin-left:1rem;
	font-size:0.9rem;
	margin-top:0;
}


#contents.access .area p.credit {
	margin-top:2rem;
	margin-bottom:0;
}

#contents.access .area ul.clm6 {
	margin-top:0;
}

#contents.access .area ul.clm6 li img {
	width:100%;
	margin-top:0;
}

#header li.open p {
	font-size:1.2rem;
}


#header li.open p strong {
	font-size:1.6rem;
	}

#header li.open h3 {
	font-size:1.2rem;
	margin:1.0rem 0 0.4rem;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding:0.2rem 0;
	}




/*価格部分*/

p.price {
	margin-bottom:2% !important;
	}


.tag {
	display:inline-block !important;
	width:24%;
	color:#e37a89;
	border:#e37a89 4px solid;
	margin:auto 1%;
	font-size: 1.8rem;
	}


/* #floatbtn
--------------------------------------------------------------------
-------------------------------------------------------------------- */
.floatbtn1,
.floatbtn2 {
	position:fixed;
	right:0;
	z-index:1;
	box-sizing:border-box;
	min-width:120px;
}

.floatbtn1,
.floatbtn2 a {
	padding:1rem;
}

.floatbtn1 h2,
.floatbtn1 h3,
.floatbtn1 p {
	text-align:center;
	color:#56442f;
}


.floatbtn1 h2 {
	border-bottom:1px solid #56442f;
	border-top:1px solid #56442f;
	padding:0.3rem;
	margin-bottom:0.7rem;
	font-size:1.4rem;
	}
	
.floatbtn1 h3 {
	margin:0.5rem auto 0.1rem;
	font-size:1.2rem;
	}


.floatbtn1 p,
.floatbtn2 a {
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	text-align:center;
}	

.floatbtn1 p {
	margin:0 auto;
	font-size:1.0rem;
}


.floatbtn1 {
	top:80px;
	background:rgba(255,255,255,0.8);
	border:1px solid #56442f;
	border-right:none;

	
}

.floatbtn2 {
	top:280px;

}


.floatbtn2 a {
	display:block;
	font-size:1.2rem;
	color:#fff;
	border-bottom:none;
	background:rgba(227,122,137,1);
	border:1px solid #fff;
	padding:1rem;

	
}

.floatbtn2 a img {
	display:block;
	padding-top:0.6rem;
	margin:0 auto;
}

.floatbtn2 a:hover {	
	background:rgba(227,122,137,0.9);
	text-shadow: 0 0 2px #fff;
}







/* #header
--------------------------------------------------------------------
-------------------------------------------------------------------- */


#header-contents > #headertop {
	width:100%;
	background: #56442f;
}

#header-contents > #headertop .headertop {
	/*display: block;*/
	/*max-width: 980px;*/
	margin: 0 auto;	
	padding: .5rem 0.5rem;
	color: #fff;
	text-align:center;
}


#header-contents > #headertop .headertop > h1,
#header-contents > #headertop .headertop > ul,
#header-contents > #headertop .headertop > ul li {
	display:inline-block;
	}


#header-contents > #headertop .headertop > ul li {
	/*display:inline-block;*/
	margin-left:0.5rem;
	background:#fff;
    border-radius: 4px; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
	color:#56442f;
	font-size:0.9rem;
	padding:0.2rem 0.5rem;
}

#header-contents > #headertop .headertop > h1 > span {
	margin-left:0.5rem;
	border-left: 1px solid #fff;
    padding-left: 0.5rem;
}


#header {
	padding: 2rem 0;
	background: #f1e7ce;
	background: -moz-linear-gradient(top,  #f1e7ce 0%, #fbf7eb 20%, #fffdf5 50%, #fffdf5 100%);
	background: -webkit-linear-gradient(top,  #f1e7ce 0%,#fbf7eb 20%,#fffdf5 50%,#fffdf5 100%);
	background: linear-gradient(to bottom,  #f1e7ce 0%,#fbf7eb 20%,#fffdf5 50%,#fffdf5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e7ce', endColorstr='#fffdf5',GradientType=0 );
}

#header a,
#header a:hover {
	border: none;
}

#header > .area {
	display:table;
}


#header .logo,
#header > .area ul,
#header .area ul li a {
	display:table-cell;
	vertical-align:middle;
}

#header .area .logo,
#header .area li {
	float: left;
}

#header .logo {
	width:38%;
}

#header .logo img {
	width: 100%;
}

#header .area,
#header .glovalnav ul {
	clear: both;
	overflow: hidden;
	max-width: 980px;
	margin: 0 auto;
}



#header .area ul {
	overflow:hidden;
	float: right;

}


#header .area li {
	padding:0 0.5rem;
	line-height: 1;
	font-size: 1.2rem;
}



#header .area ul li a {
	box-sizing:border-box;
	min-width:150px;
	height:74px;
    border-radius: 48px; 
    -webkit-border-radius: 48px; 
    -moz-border-radius: 48px;
	color:#FFFFFF;
/*	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
	padding:0.6rem 1.5rem;
	text-align:center;
	 	
}

#header .area ul li a span {
	display:block;
	font-size:94%;
	margin-top:0.4rem;
}

#header .area ul li a.headerbtn1 {
	background:#e37a89;
}

#header .area ul li a.headerbtn2 {
	background:#a17f59;
}

#header .area ul li a:hover.headerbtn1,
#header .area ul li a:hover.headerbtn2 {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}



#header .area ul.sp {
	display:none;
}





#header .glovalnav {
	margin-top: 1.5rem;
	background: #f5efdc;
}

#header .glovalnav ul li {
	float: left;
	width: 20%;
	font-size:96%;
}



#header .glovalnav ul a {
	display: block;
	line-height: 1.2;
	padding: .8rem 0;
	text-align: center;
	border: none;
	background-color: transparent;
}

#header .glovalnav ul a,
#header .glovalnav ul a span {
	-webkit-transition: all .3s;
	transition: all .3s;
}

#header .glovalnav ul a span {
	display: block;
	/*font-size: 1.8rem;*/
	font-size: 1.6rem;
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#header .glovalnav ul a:hover span {
	color: #e37a89;
}

#header .glovalnav ul a:hover {
	background-color: rgba(255, 255, 255, .3);
}

#header .glovalnav + p {
	margin: 1rem 0 0;
}

#header .news_open + .news_open {
	margin-top:1rem;
}

#header .news_open a {
	display: block;
	padding: .8rem;
	background: #e37a89;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}

#header .news_open + .news_open a {
	background: #a17f59;
}

#header .news_open a:hover {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}

#header p span.btn {
	margin-left: .5rem;
	padding: .5rem;
	font-size: 1rem;
	color: #fff;
	background: #56442f;
	text-align: center;
	border-radius: .5rem;
}

#header .news_open + .news_open a span {
	background:#e35d78;
}


.btn2{
	font-size: 13px;
	color: #666;
	padding: 8px 10px 6px 10px;
	border: 1px solid #ccc;
	background-color: #fff9f9;
	line-height:50px;
	white-space:nowrap;
}

.btn2:hover{
background-color: #e37a89;
color: #FFF;
text-decoration: none;
}

.btntel{
	font-size: 13px;
	color: #666;
	padding: 8px 10px 6px 10px;
	border: 1px solid #ccc;
	background-color: #fff9f9;
	line-height:50px;
	white-space:nowrap;
}



/* #contents
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#contents {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 0 3%;
}


/*コンセプト*/
.consept {
	text-align: center;
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


.consept p {
	line-height: 2.5;
	margin-bottom: 2%;
	font-size: 1.2rem;
}

.consept p.btn {
	width:80% !important;
	}


.consept p + p + p {
	margin-bottom: 5%;
}



/* #btn_aria / #flow_aria
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#btn_aria,
#flow_aria {
	width:100%;
	background:#f1e7ce;
	overflow:hidden;
}

#btn_aria div,
#flow_aria div {
	max-width:980px;
	margin:0 auto;
	overflow:hidden;
}

#btn_aria ul {
	overflow:hidden;
	padding:2rem 0;
	letter-spacing:0;
}

#btn_aria ul li {
	display:inline-block;
	width:44%;
	box-sizing:border-box;
	margin:0 2rem 1.5rem;
	letter-spacing:normal;

}

#btn_aria ul li:nth-child(1),
#btn_aria ul li:nth-child(2) {
	margin-top:1.5rem;
}

#btn_aria {
	background:#f1e7ce;
}

#btn_aria.last_aria {
	margin-bottom:-4rem;
}

#btn_aria.last_aria ul {
	margin-bottom:2rem;
}

#flow_aria {
	background:#e3d2ad;
	margin-bottom:-4rem;
}

#flow_aria h2 {
	margin-top:6%;
	margin-bottom:4%;
}

#flow_aria h2.title span {
	background:#e3d2ad;
}

#flow_aria ul {
	overflow:hidden;
	margin-bottom:0.8rem;
	margin-left:1.6rem;
}

#flow_aria ul li {
	width:20%;
	float:left;
	box-sizing:border-box;
	position:relative;
}




#flow_aria ul li:before {
	position:absolute;
	top:32%;
	content:"";
	right:0.7rem;
	width: 0.6rem;
	height: 0.6rem;
	border-top: 2px solid #56442f;
	border-left: 2px solid #56442f;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	
}

#flow_aria ul li:last-child:before {
	border:none;
}

#flow_aria ul li div {
	width:86%;
	margin:0;
}

#flow_aria ul li div img {
	display:block;
	width:100%;
}


#flow_aria ul li div h3 {
	width:20%;
	margin:0 auto;
	font-size:1.4rem;
	border-bottom:3px solid #56442f;
	margin-bottom:0.5rem;


}

#flow_aria ul li div h3,
#flow_aria ul li div p {
	text-align:center;
	color:#56442f;
}

#flow_aria p.btn {
	width:40%;
	margin-bottom:8%;
}



/* #footer / .pagejump
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#footer {
	padding: 4rem 0;
	color: #fff;
	background: #56442f;
	background: linear-gradient(top center, #56442f 0%, #2c2318 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#56442f), to(#2c2318));
	background: -moz-linear-gradient(top center, #56442f 0%, #2c2318 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56442f', endColorstr='#2c2318',GradientType=0 );
}

#footer a {
	border-bottom: 1px solid rgba(255,255,255,1);
}

#footer a:hover {
	border-bottom: 1px solid rgba(255,255,255,0);
}

#footer h2 a,
#footer h2 a:hover {
	border: none;
}

#footer .area {
	display: table;
	vertical-align: middle;
}

#footer .area > div {
	display: table-cell;
	width: 35%;
	vertical-align: middle;
}

#footer .area > div:first-child {
	text-align: center;
	width: 30%;
}

#footer .area > div + div {
	border-left: 1px solid rgba(255,255,255,0.3);
}

#footer .area > div > * {
	margin: 0 1.5rem;
}

#footer .area > div > * + * {
	margin-top: 1rem;
}

#footer p.copy {
	font-size: .5rem;
}

#footer .area,
.pagejump {
	clear: both;
	overflow: hidden;
	max-width: 980px;
	margin: 0 auto;
}

#footer p.copy,
.pagejump a {
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}


#footer .box_b {
    border: 1px solid #fff;
    padding: 0.8rem;
	margin-top:0.2rem !important;
    margin-bottom: 2rem;
}

.pagejump a {
	position: relative;
	float: right;
	padding: .5rem 1rem .5rem 2rem;
	color: #fff;
	border: none;
	border-radius: .5rem .5rem 0 0;
	background: #56442f;
}

.pagejump a:before,
.pagejump a:after{
	position: absolute;
	top: .3rem;
	bottom: 0;
	margin: auto;
	content: "";
}

.pagejump a:before{
	left: 1rem;
	width: .3rem;
	height: .3rem;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.pagejump a:hover {
	text-shadow: 0 0 2px #fff;
}


/* カレンダー/
--------------------------------------------------------------------
-------------------------------------------------------------------- */

.calender_box {
	width:48%;
	margin-right:2%;
	text-align:center;
	float:left;
	overflow:hidden;
	margin-bottom: 2%;
}

table.calender,
table.calender td {
	text-align:center !important;
	border-top: 1px solid #f5efdc;
}


table.calender td + td {
	border-left: 1px solid #f5efdc;
}

table.calender td span {
	display:block;
	}

table.calender td.sun {
	color:#be534d;
	} 
	
table.calender td.sat {
	color:#538dbe;
	}
	
p.calenderupdate {
	clear:both;
	padding:1.0rem;
	margin-bottom:2%;
	text-align:right;
	border-top:1px solid #f5efdc;
	border-bottom:1px solid #f5efdc;
}


/*サービスリスト/
--------------------------------------------------------------------
-------------------------------------------------------------------- */

.service_list,
.service_list li {
	overflow:hidden;
}



.service_list li {
	border-bottom:1px solid #56442f;
	margin-bottom:2rem;
}

.service_list li:first-child {
	border-top:1px solid #56442f;
	padding-top:2.0rem;
}

.service_list li a {
	display:block;
	background:url(../img/second/menu_arrow.png) no-repeat right center;
	background-size:6%;
	border:none;

}

.service_list li a:hover {
	background:url(../img/second/menu_arrow.png) no-repeat right center;
	background-size:6%;
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	}

.service_list li a div {
		font-size:0;
}

.service_list li a div.list_info {
	display:inline-block;
	vertical-align:top;
	width:70%;
	}

.service_list li a span.btn {
	display:inline-block;
	}

.service_list li h3 {
	margin-bottom:/*0.15rem*/1.2rem !important;
	font-size:2.6rem;
	font-weight:bold;
	}
	
.service_list li h3 span.little {
	font-size:1.2rem;
}


.service_list li p.price {
	color:rgba(227,122,137,1);
	font-size:1.8rem;
	margin-bottom:0.15rem !important;
}
	
.service_list li p.price span {
	display:inline-block;
	font-size:1.2rem;
}

.service_list li p.price span.addition {
	font-size:1.5rem;
	margin-right:0.8rem;
	}

.service_list li img {
/*	display:block;
	float:left;*/
	display:inline-block;
	margin:0 1rem 2rem 0;
	width:206px;
}


.service_list li a span.btn {
	display:block;
	width:30%;
	text-align:center;
	background:rgba(239,149,161,1);
	color:#fff;
	padding:0.1rem 1.5rem;
	 border-radius: 4rem; 
    -webkit-border-radius: 4rem;  
    -moz-border-radius: 4rem;
	margin:0.5rem 0 0.5rem 0.5rem;
	}

.service_list li a span.btn:before {
	content:">>"
	}
	
.service_list li a:hover span.btn {
	background:rgba(239,149,161,0.7);
	}
	
.service_list li p {
    font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:1.4rem;
	margin-bottom: 0.6em !important;
	}
	
.service_list li p.txt {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.0rem;
	}

/*メディア/
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#media {
	width:100%;
	margin:2rem auto;
	background:#56442f;
	width:100%;
	padding:1rem;
	overflow:hidden;
}

#media h2,
#media p {
	color:#fff;
	}
	
#media p {
	margin-bottom:0;
}
	
#media h2 {
	font-size:1.8rem;
	margin-bottom:1.0rem;
}
	
#media img {
	display:block;
	width:19%;
	float:left;
	margin:0 1.5rem 0 0;
}

/*お客様の声/
--------------------------------------------------------------------
-------------------------------------------------------------------- */
ul.voice {
	width:88%;
	overflow:hidden;
    margin: 3rem auto 0;
}

ul.voice:after {
	clear:both;
}

ul.voice li {
	position:relative;
	overflow:hidden;
	margin-bottom:1rem;
}

ul.voice li h3 {
	font-size:1.5rem;
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ul.voice li .box_m {
	position:absolute;
	right:0;
	bottom:1.5rem;
	margin-bottom:0;
	width:63%;
}

ul.voice li .box_m h3 {
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
	font-size:1.2rem !important
}

ul.voice li .box_m p {
	margin-bottom:0 !important;
}



/* ウィンドウ980px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

html {
	font-size: 12px;
}

#header-contents > h1 {
	width: auto;
	padding: .5rem 3%;
}

#header .area,
#footer .area,
.pagejump {
	width: 94%;
	margin: 0 3%;
}

h1.title strong,
h2.title strong {
	display: block;
	margin: 0;
}

#contents {
	/*padding: 0 3% 10%;*/
	padding: 0 3% 5%;
}

table th.name span {
	display: block;
}

table th,
table td {
	padding: 3%;
}



/* #header
-------------------------------------------------------------------- */

#header .logo {
	width: 30%;
}

#header .logo img {
	width: 100%;
}

}


/* ウィンドウ780px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */
@media screen and (max-width: 780px) {

.service_list li a div.list_info {
	width:62%;
}

#btn_aria ul li {
	width:42%;
}

/* お客様の声
--------------------------------------------------------------------
-------------------------------------------------------------------- */
img.left_img {
    width: 30%;
}

ul.voice li .box_m {
    position:static;
    margin-top: 1rem;
    width: 67%;
}

#contents {
	max-width:auto;
	width:100%;
}


}

/* ウィンドウ740px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

.pc {
	display: none;
}

.sp {
	display: block;

}


.list_info h3 span {
	display:block;
	font-weight:bold;
}


/* #floatbtn
-------------------------------------------------------------------- */

.floatbtn1 {
	top:200px;
}

.floatbtn2 {
	top:440px;
}

/* #header
-------------------------------------------------------------------- */

#header-contents > h1 {
	text-align: center;
}

#header .area .logo {
	clear: both;
	overflow: hidden;
	float: none;
	width: 50%;
	margin: 0 auto;
	text-align: center;
}

#header .area li {
	width: 50%;
	padding: 0 0.2rem;
	font-size:1.0rem;
}

#header .area ul li a {
	height:70px;
	border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
	min-width: 160px;	
	padding: 0.6rem 1.0rem;
}

#header-contents > #headertop .headertop > ul {
	display:block;
}

/* #floatbtn
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#header-contents {
	position: relative;
	width:100%;
	padding-bottom:14rem;
}


#floatbtn {
	position:absolute;
	bottom:0.5%;
	left:1%;
	width:98%;
	padding-top: 0.5rem;

} 



.floatbtn1,
.floatbtn2 {
	position:static;
	top:inherit;
	right:inherit;
	z-index:1;
	padding:1rem;
	box-sizing:border-box;
	width:86%;
	margin:0 auto;
}

.floatbtn1 {
	background:rgba(255,255,255,0);
	border:none;
	border-right:none;
	display:table;
	margin:0 auto 1rem;
}


.floatbtn1 h2,
.floatbtn1 h3,
.floatbtn1 p {
	display:table-cell;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.floatbtn1 h2 {
	width:26%;
	border:1px solid #56442f;
	text-align:center;
	font-size:1.8rem;
	padding:0.5rem;
}

.floatbtn1 h3,
.floatbtn1 p {
	text-align:left;
}

.floatbtn1 h3 {
	width:18%;
	padding-left:1rem;
}

.floatbtn1 p {
	width:20%;
}


	
.floatbtn1 h2,
.floatbtn1 p {
	color:#56442f;
	display:table-cell;
	vertical-align:middle;
}

.floatbtn1 p,
.floatbtn2 p {
	margin:0 auto;
	margin-bottom:0;
	font-size:1.4rem;
	line-height:1.8rem;
}

.floatbtn1 p strong {
	display:inline-block;
	text-align:center;
}

.floatbtn2 {
	display:none;
}




/* #footer
-------------------------------------------------------------------- */

#footer .area > div {
	display: block;
	width: auto;
	text-align: left;
}

#footer .area > div + div {
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border: none;
	border-top: 1px solid rgba(255,255,255,0.3);
}

#footer .area p.credit {
	margin-top:1.6rem;
	margin-bottom:0.2rem;
}

#footer .area p.credit span {
	display:inline-block;
}

#footer .area ul {
	clear: both;
	overflow: hidden;
}

#footer .area ul li {
	float: left;
}

#footer .area ul li + li {
	margin-left: .5rem;
	padding-left: .5rem;
	border-left: 1px solid rgba(255,255,255,0.3);	
}

#footer .area ul.clm6 li + li {
	margin-left:0;
	padding-left: 0;
	border:none;
}

#footer .area ul.clm6 li {
	width: 15.5%;
	margin-right: 1.4%;
    margin-top: 0;
    margin-bottom: 2.0%;
}

#footer .area ul.clm6 li:last-child {
	margin-right:0;
}

#footer li a {
	display: block;
}

#footer .area > div h2,
#footer .area > div p,
#footer .area > div ul {
	margin-left: 0;
}


/*カレンダー*/
.calender_box {
	width:100%;
	margin-right:0;
	float:none;
	margin-bottom: 2%;
}

.calender_box table.calender {
	width:100%;
	table-layout: fixed;
}


/*ボタン*/
.btn3 a:hover {
	border:3px solid #a17f59;
	background:#a17f59;
	color:#fff;
}


}

/* ウィンドウ720px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

/**********横並びレイアウト**********/

ul.clm4 li,
ul.clm8 li {
	width:23.5%;
	margin-right:1.2rem;
}

ul.clm4 li:nth-child(2n) 
ul.clm8 li:nth-child(4n) {
	margin-right:0;
}

#sm_aria ul li h3 {
	font-size:1.4rem;
	line-height:1.6rem;
}

#sm_aria ul li p {
	font-size:0.9rem;
}

}


/* ウィンドウ670px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

/* #header
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#header .area .logo {
	width:44%;
}

#header .area ul li a {
	height:60px;
}

#header .glovalnav ul li {
    width:25%;
}

#header .glovalnav ul li:first-child {
	display:none;
}



}



/* ウィンドウ580px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

.wrap {
	width: 96%;
}


h1.title span,
h2.title span {
	margin: 0 2rem;
	padding: 0 1rem;
}

span.service_price {
	margin: 0 0rem !important;
	}


h1.title span {
	font-size: 1.5rem;
}

h1.title strong {
	font-size: 3rem;
}

h2.title span {
	font-size: 1.2rem;
}

h2.title strong {
	font-size: 3rem;
}

h5 {
    margin-bottom: 0.5rem;
    font-size: 1.1rem;
}

a.btn01 {
	font-size:1.0rem;
}

.btn3 a {
	width:90%;
	font-size:1.2rem;
}



/********横並びレイアウト**********/

ul.clm2 li {
	width:100%;
	margin-right:0;
}


ul.clm4 li {
	width:49%;
}

ul.clm3 li,
ul.clm6 li {
	width:32%;
	margin-right:2%;
}

ul.clm4 li,
ul.clm8 li {
	margin-right:2%;
}



ul.clm3 li:nth-child(3n),
ul.clm4 li:nth-child(even),
ul.clm6 li:nth-child(3n),
ul.clm8 li:nth-child(4n) {
	margin-right:0px;
}



/* #floatbtn
--------------------------------------------------------------------
-------------------------------------------------------------------- */


#header-contents {
	position: relative;
	width:100%;
	padding-bottom:14rem;
}


#floatbtn {
	position:absolute;
	bottom:0.5%;
	left:1%;
	width:98%;
	padding-top: 0.5rem;

} 



.floatbtn1,
.floatbtn2 {
	position:static;
	top:inherit;
	right:inherit;
	z-index:1;
	padding:1rem;
	box-sizing:border-box;
	width:96%;
	margin:0 auto;
}

.floatbtn1 {
	background:rgba(255,255,255,0);
	border:none;
	border-right:none;
}

.floatbtn1 h2 {
	width:100%;
	display:block;
	border:1px solid #56442f;
	text-align:center;
	font-size:1.8rem;
	padding:0.5rem 0;
	margin-bottom:0.4rem;
}


	
.floatbtn1 h3,
.floatbtn1 p {
	color:#56442f;
	display:inline-block;
	vertical-align:middle;
}

.floatbtn1 h3 {
	width:40%;
	text-align:right;
}

.floatbtn1 p {
	width:60%;
	text-align:left;
	padding-left:0.8rem;
}

.floatbtn1 p {
	margin:0 auto;
	margin-bottom:0;
	font-size:1.4rem;
	line-height:1.8rem;
}

.floatbtn1 p strong {
	display:inline-block;
	text-align:center;
}

.floatbtn2 {
	display:none;

	}






/* #header
--------------------------------------------------------------------
-------------------------------------------------------------------- */


#header-contents > #headertop {
	width:100%;
}

#header-contents > #headertop > h1 {
	max-width:100%;
	margin: 0 auto;	
	padding: .7rem 2rem;
}

#header-contents > #headertop > .headertop > h1 > span {
	display:block;
	border:none;
	margin-left:0;
	padding-right:0;
	padding-left:0;
}


#header {
	padding:0 0 2rem;
}

#header .logo,
#header > .area ul,
#header .area ul li a {
	display:inline-block;
}

#header .area .logo {
	width:58%;
	margin:2.3% 3.5%;
	float:left;
}

#header .logo img {
	width: 100%;
}

#header .area,
#header .glovalnav ul {
	width: 100%;
	margin: 0 auto;
}


#header .area ul.pc {
	display:none;
}

#header .area ul.sp {
	display:inherit;
	margin-top:0;
	width:35%;
	float:right;
}



#header .area li {
	width:50%;
	padding:0 0rem;
	line-height: 1;
	font-size: 0.8rem;
}


#header .area ul li a {
	display:block;
	min-width:inherit;
	height:64px;
    border-radius: 0px; 
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px;
	padding:0.6rem;	
}

#header .area ul li a img {
	display:block;
	margin:0.5% auto 12%;
	height:64%;
}


#header .area ul li a.headerbtn1 {
	background:#e37a89;
}



#header .area ul li a:hover.headerbtn1,
#header .area ul li a:hover.headerbtn2 {
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
}


#header .glovalnav {
	margin-top: 0rem;
	background: #f5efdc;
}

#header .glovalnav ul li {
	float: left;
	width: 50%;
	font-size:96%;
}



#header .glovalnav ul a {
	display: block;
	line-height: 1.6;
	padding: .8rem 0;
	text-align: center;
	border: none;
	background-color: transparent;
	font-weight:bold;
}

#header .glovalnav ul a,
#header .glovalnav ul a span {
	-webkit-transition: all .3s;
	transition: all .3s;
}



#header .glovalnav ul a span {
	display: block;
	/*font-size: 1.8rem;*/
	font-size: 1.6rem;
	font-family: "Times New Roman", "Roboto Slab", Garamond, "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#header .glovalnav ul li:first-child,
#header .glovalnav ul li a span {
	display:none;
}

#header .glovalnav ul li {
	border-bottom:1px solid rgba(89,70,49,0.2);
}

#header .glovalnav ul li:nth-child(even) {
	border-right: 1px solid rgba(89,70,49,0.2);
}

#header .glovalnav ul li:nth-last-child(1),
#header .glovalnav ul li:nth-last-child(2) {
	border-bottom: none;
}



/*ここから旧スタイル*/

/*#header-contents {
	position: relative;
	padding-bottom: 20rem;
}
*/



/*#header-contents > h1 span {
	display: block;
	padding: 0;
}*/

/*#header-contents .headertop h1 {
	margin-bottom:0.2rem;
}

#header-contents .headertop h1 > span {
	display:block;
}


#header {
	padding: 1.5rem 0;
}

#header .area ul {
	position: absolute;
	bottom: 1%;
	bottom: 0.5%;
	width: 94%;
	
}
	
#header .area ul li:first-child {
	padding:1rem 1.6rem;
}
	
#header .area ul li {
	min-height: inherit;
}	

#header .area,
#header .area li,
#header .area li + li {
	border: none;
}

#header .area li {
	float: none;
	width: 100%;
	margin-top: 3%;
	padding: 1rem;
}

#header .area li + li {
	margin-top: 1%;
}

#header .area li,
#header .area li + li {
	border-top: 1px solid rgba(89,70,49,0.2);
	border-bottom: 1px solid rgba(89,70,49,0.2);
}

#header .glovalnav ul li {
	width: 50%;
	font-size: .8rem;
}

#header .glovalnav ul a {
	padding: .5rem;
    font-size: 0.9rem;
	font-weight:bold;
}
#header .glovalnav ul a span {
	font-size: 1.5rem;
	display:none;
}

#header .glovalnav ul li {
	border-left:none;
	padding:0.5rem;
}*/


/*偶数になったら削除する↓*/
/*#header .glovalnav ul li.home {
	display:none;
}*/
/*偶数になったら削除する↑*/
/*#header .glovalnav ul li.service,
#header .glovalnav ul li.qa,
#header .glovalnav ul li.access {
	border-left: 1px solid rgba(89,70,49,0.2);
}

#header .glovalnav ul li.home,
#header .glovalnav ul li.service,
#header .glovalnav ul li.ss,
#header .glovalnav ul li.qa {
	border-bottom: 1px solid rgba(89,70,49,0.2);
}*/

#header .news_open a {
	padding: 0.4rem 0.6rem;
	font-size: 1.1rem;
}


#header p span.btn {
	display: inline-block;
	margin: 0 2%;
}

.clum2 {
	margin: 0;
}

.clum2 li {
	float: none;
	width: 100%;
	margin: 0 0 3rem;
}

.btn a {
	padding: 5% 2%;
}

a.btn02:hover {
	background:#a17f59;
	color:#fff;
}

a.btn02:hover:before {
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
}


/*NEWS*/

dl.list-line dt {
	width:36%;
	padding-right:0.5rem;
}

dl.list-line dd {
	margin-left: 36%;
}

dl.list-line dd > h3.title {
	font-size:1.4rem;
	margin-top:1.4rem;
} 

/*カレンダー*/
.calender_box {
	width:100%;
	margin-right:0;
	float:none;
	margin-bottom: 2%;
}

.calender_box table.calender {
	width:100%;
	table-layout: fixed;
}




p.price {
	margin-bottom:2% !important;
	}


.tag {
	display:block !important;
	width:60%;
	margin:auto;
	font-size: 1.2rem;
	border:#e37a89 2px solid;
	}

strong.big {
	display:block;
}


/*コンセプト*/

.consept p {


	/*font-size: 1rem;*/
}


.consept p {
	line-height: 2;
	margin:0% auto 2%;
	font-size: 1.0rem;
}

.consept p.btn {
	width:90% !important;
}


.consept p + p + p {
	margin-bottom: 5%;
}



/*サービスリスト*/
.service_list {
	text-align:left;
	}

.service_list {
	margin:2rem 0.1rem 0;
}

.service_list li {
	margin-bottom:1rem;
}


.service_list li:first-child {
	padding-top:1.0rem;
}

.service_list li a {
	background:url(../img/second/menu_arrow.png) no-repeat right center;
	background-size:6%;
}

.service_list li a:hover {
	background:url(../img/second/menu_arrow.png) no-repeat right center;
	background-size:6%;
	filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
	}

.service_list li a div {
	width:94%;
}


.service_list li a div.list_info {
	display:inline-block;
	margin:0.6rem 0;
	}


.service_list li h3 {
	font-size: 1.4rem;
}

.service_list li h3 span.little {
	font-size: 0.7rem;
}


.service_list li img {
	width:24%;
	margin:0 1rem 1rem 0;
	vertical-align:middle;
}

.service_list li p.price {
	font-size:1.8rem;
}

.service_list li p.price span {
	font-size:0.8rem;
}

.service_list li p.price span.addition {
	font-size:1rem;
	margin-right:0.8rem;
	}
	
	
.service_list li p {
	font-size:0.9rem;
}


	
.service_list li p.txt {
	display:none;
}

.service .box_b .box_m img.left_img {
	width:100%;
}




/*resarvation*/
#contents span.sunday,
#contents.access span.sunday {
	display:block;
	margin-left:0;
}



/*メディア/
--------------------------------------------------------------------
-------------------------------------------------------------------- */

#media img {
	float:none;
}
	
#media h2,
#media img {
	display:inline-block;
	vertical-align:middle;
}

#media img {
	width:30%;
}

#media h2 {
	margin-bottom:0;
}


#media p {
	margin-top:1.0rem;
}


/*お客様の声/
--------------------------------------------------------------------
-------------------------------------------------------------------- */

ul.voice li img.left_img {
	float:none;
	margin-right:0;
	width:100%;
}

ul.voice li h3 {
	text-align:center;
}

ul.voice li .box_m {
	margin-top:1rem;
	width:100%;
}


/* access
--------------------------------------------------------------------
-------------------------------------------------------------------- */
#contents.access .area ul.clm6 li {
	width: 15.5%;
	margin-right: 1.4%;
    margin-top: 1.4%;
}


/* #btn_aria / #flow_aria
--------------------------------------------------------------------
-------------------------------------------------------------------- */


#btn_aria ul li {
	width:88%;

}

#btn_aria ul li:last-child {
	margin-bottom:0;
}

#btn_aria ul li:nth-child(1),
#btn_aria ul li:nth-child(2) {
	margin-top:0rem;
}

#flow_aria ul li {
	width:50%;

}

#flow_aria ul li:nth-child(even):before {
	border:none;
}

#flow_aria ul li:nth-child(3) div p,
#flow_aria ul li:nth-child(4) div p {
	min-height:4rem;
}

#flow_aria p.btn {
	width:60%;
}

#btn_aria.last_aria {
	margin-bottom:0;
}

#btn_aria.last_aria ul {
	margin-bottom:1rem;
}


/* #footer
--------------------------------------------------------------------
-------------------------------------------------------------------- */
#footer .area > div:first-child {
	width:100%;
}	

}

/* ウィンドウ420px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

.service_list li p.price {
	font-size: 1.4rem;
}

}

/* ウィンドウ360px以下
--------------------------------------------------------------------
-------------------------------------------------------------------- */

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

/*カレンダー*/
.calender_box {
	width:100%;
	margin-right:0;
	float:none;
	margin-bottom: 2%;
}

.calender_box table.calender {
	width:100%;
	table-layout: fixed;
}


p.price {
	margin-bottom:2% !important;
	}



.tag {
	display:block !important;
	width:60%;
	margin:auto;
	font-size: 1.2rem;
	border:#e37a89 2px solid;
	}
	
strong.big {
	display:block;
}



/*サービスリスト*/

.service_list li:first-child {
	padding-top:1.0rem;
}


.service_list li a div {
	width:94%;
}


.service_list li a div.list_info {
	width:68%;
	}


.service_list li h3 {
	font-size: 1.4rem;
}


.service_list li img {
	width:24%;
	margin:0 1rem 1rem 0;
}

.service_list li p.price {
	font-size:1.2rem;
}

.service_list li p.price span {
	font-size:0.8rem;
}

.service_list li p.price span.addition {
	font-size:0.9rem;
	}
	
	
.service_list li p {
	font-size:0.8rem;
}


}