@charset "UTF-8";

/*---------- コンテンツ ----------*/

.hrogo {
	width:60%;
	margin:0 auto;
}
.menubtn {
	position: fixed;
	top:0;
	left:0;
	width:100%;
	background:#000000;
	text-align:center
}
.menubtn .spimage {
	width:13% !important; /*width:20% !important;*/
}

#content {
  margin:0;
}

section {
	overflow:hidden;
}
section .inner {
	width:93.75%;
	margin:0 auto;
	overflow:hidden
}

#content h2 {
	padding:3% 0;
	text-align:center
}
#content h2 img {
	width:50%
}
#hcover {
	background:url(../img/cover_bg.png) no-repeat center top;
	background-size: cover;
	height:300px;
}

#indextxt {
	padding:10% 0;
	background:#ffffff;
	/*margin-bottom:5%*/
}
#salearea h3 , #newsarea h3 , #aboutarea h3 {
	margin-bottom:5%
}
#salearea ul {
	overflow:hidden;
}
#salearea ul li {
	width:60%;
	padding:0 20% 10%;
	margin-bottom:10%;
	background:url(../img/sale_line.png) no-repeat bottom left;
	background-size:auto;
	overflow:hidden
}
#salearea ul li .salename {
	font-family: 'Goudy Old Style', Garamond, 'Big Caslon', 'Times New Roman', serif;
}
#salearea ul li .caption {
	background:url(../img/sale/txt_top.png) top center no-repeat;
	background-size: contain;
	padding-top:7%	
}
#salearea ul li .arrowbtn {
	width:20%;
	margin:0 auto;
}

#newsarea {
	background:url(../img/news_bg.png) no-repeat center top;
	background-size:cover;
	padding:7% 0
}

#aboutarea {
	background:url(../img/about_bg.png) no-repeat center top;
	background-size:cover;
	padding:7% 0;
	margin-bottom: 5%;
}
#aboutarea p {
	color:#ffffff;
}
#aboutarea .aboutcopy {
	margin-bottom:7%;
	text-align: center;
}
#aboutarea .aboutcopy img {
	width: 70%;
}
	

#aboutus , #syokai , #fmenu , #repair , #mente , #etc , #sale , #sale2 , #sale3 , #gallery , #shopdate {
	margin:0 0 7%;	
}
#aboutus #cover {
	background:url(../img/about/cover.png) top center no-repeat;
	background-size: cover;
	height:150px;
	margin-bottom:10px;
}
#repair #cover {
	background:url(../img/repair/cover.png) top center no-repeat;
	background-size: cover;
	height:150px;
	margin-bottom:10px;
}
#sale #cover {
	background:url(../img/sale/cover.png) top center no-repeat;
	background-size: cover;
	height:150px;
	margin-bottom:10px;
}
#gallery #cover {
	background:url(../img/gallery/cover.png) top center no-repeat;
	background-size: cover;
	height:150px;
	margin-bottom:10px;
}
#shopdate #cover {
	background:url(../img/shopdate/cover.png) top center no-repeat;
	background-size: cover;
	height:150px;
	margin-bottom:10px;
}
#news #cover {
	background:url(../img/news/cover.png) top center no-repeat;
	background-size: cover;
	height:150px;
	margin-bottom:10px;
}

#mente {
	background:url(../img/repair/cover2.png) top center no-repeat;
	background-size: cover;
	padding:5% 0 0 !important
}
#mente .inner {
	background:url(../img/repair/white_bg.png) top center no-repeat;
	background-size: cover;
	margin-bottom:5% !important
}
#mente .inner h1 {
	width:70% !important;
	margin:0 auto
}
#mente .inner p , #etc .inner p {
	padding:3%
}
#rate .inner .catettl {
	background:#313131;
	border-radius: 13px;		/* CSS3草案 */
	-webkit-border-radius: 13px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 13px;	/* Firefox用 */
	color:#ffffff;
	padding:2%;
	margin-bottom:3% !important
}
#rate .inner .ratelist {
	margin-bottom:6%;
}
#rate .inner .ratelist li {
	border:3px solid #313131;
	padding:1%;
	overflow:hidden;
	margin-bottom:1.5%
}
.ratetxt01 {
	background:#313131;
	padding:1% 3%;
	color:#ffffff;
	width:49%;
	display:table
}
.rateintxt {
	display:table-cell !important;
	vertical-align:middle !important;
}
.ratetxt02 {
	padding:1% 0;
	width:45%;
	text-align:right
}
.ratetxt03 {
	padding:1% 5%;
	width:90%;
	text-align: center;
	background:#313131;
	color:#ffffff
}
#etc .inner {
	border:1px dotted #000000;
}
#sale h3 , #sale2 h3, #sale3 h3 ,#maparea h3 {
	margin-bottom:5%
}
#sale .inner {
	background:#ffffff;
	margin-bottom:5% !important
}
#sale .inner h1 {
	width:70% !important;
	margin:0 auto
}
#sale .inner p {
	padding:3%
}
#sale h4 {
	width:70% !important;
	margin:0 auto
}
#sale2 ul {
	overflow:hidden;
	background:url(../img/sale/line_bg2.png) repeat-y top right;
	background-size: 0.5%;
	margin-bottom:7%
}
#sale2 ul li {
	background:url(../img/sale/line_bg2.png) repeat-y top left;
	background-size:0.5%;
	width:40%;
	padding:0 5%;
	float:left;
}
#sale2 ul li .salename {
	font-family: 'Goudy Old Style', Garamond, 'Big Caslon', 'Times New Roman', serif;
}
#sale2 ul li .caption {
	background:url(../img/sale/txt_top.png) top center no-repeat;
	background-size: contain;
	padding-top:7%	
}
#sale2 ul li .arrowbtn {
	width:20%;
	margin:0 auto;
}
#sale3 .inner {
	background:url(../img/sale/line_bg.png) repeat-x left top;
	
}
#sale3 .inner .date {
	background:url(../img/sale/line_bg.png) repeat-x left bottom;
	padding:5% 0;
	overflow:hidden
}
#sale3 .inner .date .dtxt01 {
	width:30%;
	padding-right:5%
}
#sale3 .inner .date .dtxt02 {
	width:65%
}

#gallery .inner ul {
	overflow:hidden;
	
}
#gallery .inner ul li {
	margin-bottom:3%
}
#shopdate .inner {
	background:url(../img/shopdate/line_bg.png) repeat-x left top;
	
}
#shopdate .inner .date {
	background:url(../img/shopdate/line_bg.png) repeat-x left bottom;
	padding:5% 0;
	overflow:hidden;
}
#shopdate .inner .date .dtxt01 {
	width:30%;
	padding-right:5%
}
#shopdate .inner .date .dtxt02 {
	width:65%
}
#maparea .inner .mapoutline {
		background:#ffffff;
		border:1px solid #313131;
		padding:5px;
	}
#maparea .inner .mapoutline #map_canvas {
	width:100%;
	height:268px;
	position: relative;
	overflow: hidden;
	}
#map_canvas iframe,
#map_canvas object,
#map_canvas embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 20170914追加 */
#salearea p.saleTxt {
	margin-bottom: 5%;
	text-align: center;
}

.telbtn {
	position: fixed;
	bottom:0;
	left:0;
	width:100%;
	background:#000000;
	text-align:center;
		padding: 8px 0;
}
.telbtn a {
	color: #fff!important;
	font-size: 1.8em;
	font-weight: bold;
}