body {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#000;
	font-size:16px;
	line-height:1.8;
/*	text-align:center;*/
	background: #fff;	
}

.wrapper{
	max-width: 767px;	
	margin: 0 auto;
}
/* clearfix
++++++++++++++++++++++++++++++*/
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}

/*.clearfix{display:inline-block;}*/

/* Hides from IE-mac ¥*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hides from IE-mac ¥*/

/**------------------------------**/

/**-----------------------------
 common
------------------------------**/

.txtnomarl {
	font-size: 100%;
}
.txtlarge {
	font-size: 125%;
}
.txtXlarge {
	font-size: 200%;
}
.txtsmall {
	font-size: 75%;
}
.txtXsmall {
	font-size: 50%;
}
.container-fluid {
	padding: 0;	
}
.row{
	margin: 0;	
}

#main h2 {
	font-size: 125%;
	color: #000;
	font-weight: bold;
	text-align: center;
}
#main h3{
	font-size: 110%;
/*	color: #3d3636;*/
}
#main h4{
	font-size: 100%;
	color: #000;
}
#main h5{
	font-size: 100%;
	color: #000;
	font-weight: bold;
}

#main ul li{
	margin: 0;
	padding: 0;
}

#main a{
	color: #5eabe2;	
}
/**-- media query ***/
/*
@media screen and (min-width : 768px){
	body {
		font-size: 48px;	
	}
}
	
*/
/*@media screen and (min-width : 481px) and (max-width : 767px){*/
@media screen and (min-width : 481px) {
	body {
		font-size: 32px;	
	}
}

@media screen and (max-width : 480px){
	body {
		font-size: 16px;	
	}
}


@media screen and (min-width : 641px){
	br.hidden_br {
		display: none;
	}	
}

@media screen and (max-width : 640px){
	br.hidden_br {
		display: inline;
	}
}
/**-----------------------------
 header
------------------------------**/
header.container-fluid {
	max-width: 767px;
}


header.container-fluid>* {
/*header.container-fluid nav>* {*/
	background: #fff;
	color: #000;
	padding: 0!important;
	margin: 0!important;
	
}
header .navbar {
	position: fixed;
	z-index: 20;
	width: 100%;
	max-width: 767px;
	border: 0;
}
header .navbar-header{
	z-index: 30;
	padding:0!important;
	margin: 0!important;
	position: relative;
	width: 100%;
	background: #ff850a;
	box-shadow: 1px 2px 4px #bbb;
}
header h1 {
	margin: 0;
	
}
header h1 a#h1_link{
	text-indent: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	width:100%;
	height: 100%;
	background: url(../images/header_logo.png) no-repeat left 33% #fff;
	background-size: 100% 100%;
	border-bottom-left-radius: 8%;
	border-bottom-right-radius: 8%;
	box-shadow: 0 1px 5px 1px rgba(0,0,0,0.5);
	padding: 0;
}

header .navbar-header ul  {
	position: absolute;
	top: 0;
	right: 0;
}

header .navbar-header ul  ,
header .navbar-header ul li{
	margin: 0px;
	padding: 0px;
	list-style: inside none none;
}
header .navbar-header ul li.btn_nav {
	float: right;
/*	border-right: 1px solid #e57c5a;*/
}

header #contact a,
header #btnToPc a,
header #phone a{
	width: 100%;
	height: 100%;
	border-left: 1px solid #ffa851;
/*	border-right: 1px solid #e57c5a;*/
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
header #contact a{
	background: url(../images/header_contact.png) no-repeat left top;
	background-size: contain;
}
header #btnToPc a{
	background: url(../images/header_ToPc.png) no-repeat left top;
	background-size: contain;
}
header #phone a{
	background: url(../images/header_tel.png) no-repeat left top;
	background-size: contain;
}

header #header_menulist ,
header #header_tellist {
	display: none;
}

header .navbar-header .btn_nav button {
	border-radius: 0;	
	border: 0;
	margin: 0;
	border-left: 1px solid #ffa851;
}
header .navbar-header li#header_menubtn button {
	background: url(../images/header_menu.png) no-repeat center top ;
	background-size: contain;
}
header .navbar-header li#header_telbtn button {
	background: url(../images/header_tel.png) no-repeat center top #ff850a;
	background-size: contain;
}
header .navbar-header li#header_menubtn button.menu_btn_act {
	background: url(../images/header_menu_close.png) no-repeat center top ;
	background-size: contain;
}
header .navbar-header li#header_telbtn button.tel_btn_act {
	background: url(../images/header_tel_close.png) no-repeat center top ;
	background-size: contain;
}
header .navbar-header li#header_telbtn button.tel_btn_act {
	background-color: #ff850a;
}
header .navbar-header li#header_menubtn button.menu_btn_act {
	background-color: #ffe3c7;
}

header #nav-collapse-list {
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
}

/*header nav ul#header_menulist {*/
header nav ul.navbar-nav {
	margin: 0 auto;
	background-color: #fff3e6;
}
/*header nav ul#header_menulist li{*/
header nav ul.navbar-nav li{
	display:block;
	border-bottom: 1px solid #ffbe7d;
	background: #fff3e6;
	height:2.4em;
}
/*header nav ul#header_menulist li a {*/
header nav ul.navbar-nav li a {
	height:2.2em;
	text-align: center;
	color: #ff850a!important;
}

header nav ul#header_menulist li#ToPc {
	margin-bottom: 2%;
	border-bottom: 0;
	height:100%;
	padding-top: 5px
}
header nav ul#header_menulist li#ToPc a{
	display: block;
	border-radius: 8px;
	background: url(../images/pc.png) no-repeat #ffb162;
	background-size: 6%;
	background-position: 28% 50%;
	color: #fff!important;
	margin: 0 2.5%;
}


/***---***/
/**------------------------------**/
/**-- media query ***/
@media screen and (min-width : 768px){
	header nav ul#header_menulist ,
	header nav ul#header_tellist {
		width: 100%;
	}
	header nav ul#header_menulist li {
		width: 33.33%;
		border-left: 1px solid #FFBE7D;
		border-right: 1px solid #FFF;
	}
	header nav ul#header_tellist li {
		width: 50%;
		border-left: 1px solid #FFBE7D;
		border-right: 1px solid #FFF;
	}
}
	
/*@media screen and (min-width : 481px) and (max-width : 767px){*/
@media screen and (min-width : 481px) {
	header .navbar-header{
		height: 81px;												
	}
	header h1 {
		width: 100px;
		height: 81.3px;
	}
	header .navbar-header ul  ,
	header .navbar-header ul li{
		height: 81px;
	}
	header .navbar-header ul li.btn_nav >div{
		width: 66px;
		height: 81px;
	}
	header .navbar-header button {
		width: 67px;
		height: 81px;
	}	
	header nav ul#header_menulist li ,
	header nav ul#header_tellist li {
		font-size: 28px;
	}
	header nav ul#header_menulist li a ,
	header nav ul#header_tellist li a {
/*	header nav .navbar-collapse ul li a {*/
		height: 2.4em;
		padding: 0.8em 0;
	}
	header .mainVisual img {
		margin: 81px auto 0;
	}
}
@media screen and (max-width : 480px){
	header .navbar-header{
		height: 54px;
	}
	header h1 {
		width: 80px;
		height: 57px;
	}
	header .navbar-header ul  ,
	header .navbar-header ul li{
		height: 54px;
	}
	header .navbar-header ul li.btn_nav > div{
		height: 54px;
		width: 45px;
	}
	header .navbar-header button {
		width: 45px;
		height: 54px;
	}
	header .mainVisual img {
		margin: 54px auto 0;
	}
	
}

/**-----------------------------
 content
------------------------------**/
#content{
	height:100%;
}
.top .inner{
	height: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
#content .h2_box {
	width: 100%;
	height: 2.6em;
	background: url(../images/h2_bg.png) left bottom #fff;
}
#content h2 {
	text-align: center;
	font-weight: bold;
	width: 100%;
	height: 1.8em;
	background: url(../images/h2_marker.png) no-repeat 30% 55% #fff;
	background-size: 0.8em;
	margin-top: 0.45em;
	padding: 0.4em 0 0;
}
#content h3{
		margin-top: 0;	
		margin-bottom: 0;	
}

#main .section_body {
	height: auto;
}

@media screen and (max-width: 767px){
	#main section .row .col {
		height:auto;
		padding-left:0;
		padding-right:0;
	}
		
}
#main section p {
	font-size: 100%;
	color: #000;
	line-height: 1.8;
}

/** shop
------------------------------**/
#main .shop_body ,
#main #price {
	border: 2px solid #ff850a;
	padding: 4px;
	position: relative;
	margin-top: 1.58em;
	margin-bottom: 1.375em;
}
#main .shop_body h3 {
	background: url(../images/h3_bg.png) no-repeat left center #fff;
	background-size: 100% auto;
	padding: 0.3em 0 0.2em 30%;
	color: #ff8500;
}
#main .shop_body .shop_deco {
	position: absolute;
	width: 5.5%;
	top: -1.5%;
	right: 2%;
}
#main .shop_body .shop_img {
	margin-top: -6%;
}
#main #sect01 .txtnormal{
	line-height: 1.4;
	margin-top: 1.25em;
	margin-bottom: 1.3em;
}
#main section p#parking {
	color: #ff850a;
}
#main .shop_body .btn_tel {
	background: url(../images/btn_tel.png) no-repeat center top;
	background-size: 100% 100%;
	width: 100%;
	margin-bottom: 1.80em;
	
}
#main .shop_body .btn_tel a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	padding-top: 1em;
}

#main .shop_body ul {
	list-style-position: inside;
	list-style-image: url(../images/li_marker_07.png);
	padding-left: 0;
}


/**-- GoogleMap for responsive --**/
.embed-container iframe { 
		margin: 0 auto;
		display: inline-block;
		width: 100%;
}
	@media screen and (max-width: 767px){
		.embed-container { 
			 position: relative;
			 padding-bottom: 76.25%;
			 height: 0;
			 overflow: hidden;
			 max-width: 100%;
			 height: auto;
			 }
		 .embed-container iframe,
		 .embed-container object,
		 .embed-container embed
		 { position: absolute;
			 top: 0;
			 left: 0;
			 width: 100%;
			 height: 100%;
		 }
}
#main .map_linkarea{
	width: 100%;
	height: auto;
	margin-top: 1.1em;
}
#main .map_link{
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	font-size: 90%;
}

#main #map_icon  {
	display: block;
	width: 4.3%;
	float:right;
	height: auto;
	margin-top: 1%;
	margin-right: 1%;
}

/** sect03 price list
------------------------------**/
#main #price h3 {
	background: url(../images/h3_marker.png) no-repeat left center #fff;
	background-size: 0.75em;
	padding: 0.3em 0 0 1em;
	margin-left: 0.2em;
	margin-bottom: 0.5em;
	font-size: 100%;
	font-weight: bold;
	color: #000;
	height: auto;
}

#main #price table {
	font-size: 87.5%;
}
#main #price table tbody{
	background: #ffe0c2;
}
#main #price table tfoot{
	background: #fff;
	line-height: 1.2;
}
#main #price table thead th{
	vertical-align: top;
}
#main #price table thead tr{
	
	border-bottom: 4px solid #fff;
	color: #fff;
}
#main #price table tbody tr{
	border-bottom: 2px solid #fff
}
#main #price table thead {
	background: #ff850a;
	font-size: 75%;
}
#main #price table td.time {
	width: 20%;
}
#main #price table td.price1 {
	width: 17%;
}
#main #price table td.price2 {
	width: 21%;
}
#main #price table td.note {
	width: 42%;
}
/** news list rss
------------------------------**/
#main #news ul  {
	list-style: none none outside;
	margin-left: 0;
	padding:0;
}
#main #news ul li {
	border-bottom:1px dotted #333;
	padding: 0.6em 0;
	position: relative;
	line-height: 1.2;
}
#main #news ul li p.feed_title{
	margin-right: 10%;
}

#main #news ul li a {
	display: block;
}
#main #news ul li span.arrow_r {
	position: absolute;
	display: block;
	color: #3d3636;
	right: 10px;
	top: 35%;
	font-size: 100%;
}


#main .ToPc {
	background: url(../images/pc_main.png) no-repeat left bottom ;
	background-size: 1em;
	padding-left: 1.5em;
	float: right;
	height: 1.35em;
	margin-top: 1.375em;
	margin-bottom: 1.875em;
	font-size: 90%;
}

/**-- media query ***/
/*@media screen and (min-width : 481px) and (max-width : 767px){*/
@media screen and (min-width : 481px) {
	#main section {
		margin-top: -81px;
		padding-top: 81px;
	}
	#content .h2_box {
		background-size: 8px 8px;
	}
	#content h3{
		height: 50px;
	}
	#main .shop_body ul {
		list-style-image: url(../images/li_marker_14.png);
	}
	#main .shop_body .btn_tel {
		height: 118px;
	}
	#main #sect02 .txtnormal{
		margin-bottom: 50px;
		padding-bottom: 27px;
	}
	#main #sect02 .txtnormal p{
		margin-bottom: 30px;		
	}
}
@media screen and (max-width : 480px){
	#main section {
		margin-top: -54px;
		padding-top: 54px;
	}
	#content .h2_box {
		background-size: 4px 4px;
	}	
	#main .shop_body ul {
		list-style-image: url(../images/li_marker_07.png);
	}
	#main .shop_body .btn_tel {
		height: 59px;
	}
	#main #sect02 .txtnormal{
		margin-bottom: 33px;
		padding-bottom: 18px;
	}
	#main #sect02 .txtnormal p{
		margin-bottom: 20px;		
	}
	#main #news ul li p {
		width: 90%;
	}
}/**----**/

/**-----------------------------
 /contact
------------------------------**/

.contact .inner{
	height: 100%;
/*
	padding-left: 10px;
	padding-right: 10px;
*/
}

.contact #content {
	margin-top: 15%;
	
}

.contact #content .h2_box {
	margin-bottom: 0.75em;
}
.contact #content h2 {
	text-align: center;
	font-weight: bold;
	width: 100%;
	height: 1.8em;
	background: url(../images/h2_marker.png) no-repeat 21% 55% #fff;
	background-size: 0.8em;
	margin-top: 0.45em;
	padding: 0.4em 0 0;
}
.contact #main #sect01 #form_txt {
	background: url("../images/form_caption.png") no-repeat left top ;
	background-size: contain;
	height: 3em;
	color: #fff;
	padding-top: 0.2em;
	padding-left: 1.5em;
	margin-bottom: 0;
	margin-left: 10px;
}

.contact #main .shop_body {
	margin-top: 0;
	border: 0;
}
	
.contact #main .shop_body iframe{
	border: 2px solid #ff850a;
	min-width: 310px;	
	width: 100%;
}



/**-----------------------------
 footer
------------------------------**/
#footer {
	position: absolute;
	bottom: 0;
	width: 100%;	
}

#footer_inner img#footer_img {
	width: 14%;
	margin-left: 1%;
	margin-bottom: -1%;
	
}
#footer_inner p {
	width: 100%;
	background: #ff850a;
	color:#fff;
	text-align: center;
	margin-bottom: 0;
	border-top: #ffe0c2 6px solid;
	font-size: 65%;
}