/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#header {
	border-top:7px solid #0a3f34;
	}

body{
	padding: 64px 0 0 0;
	}
body.second{
	padding: 118px 0 0 0;
	}

.navbar-header {
	height: 60px;
	}

.navbar-brand {
	background:  url(../img/logo.png) 0 0 no-repeat;
	background-size:cover;
	text-indent: -9999px;
	margin:10px 0 0 10px;
	height: 40px;
	width: 250px;
	}

#kv {
	}
#kv .flexslider {
	margin-bottom: 0;
	border-bottom:none;
	border-left:none;
	border-right:none;
}



#gnavi {
	background-color: #000;
	}


#gnavi #btn-rvs {
	margin-top: 9px;
	float: right;
	}
#gnavi2 {
	background-color: #000;
	position: fixed;
	top:68px;
	width: 100%;
	z-index: 1000;
	}

#gnavi2 ul li a:link {
	color: #fff;
	}
#gnavi2 ul li a:hover {
	color: #000;
	}

#gnavi2 #btn-rvs {
	margin-top: 9px;
	float: right;
	}

#gnavi ul li a:link,
#gnavi2 ul li a:link {
	color: #fff;
	}
#gnavi ul li a:visited,
#gnavi2 ul li a:visited {
	color: #fff;
	}
#gnavi ul li a:hover,
#gnavi2 ul li a:hover {
	color: #000;
	}
#gnavi ul li a:active,
#gnavi2 ul li a:active {
	color: #fff;
	}

	



.gnavifixed {
    position: fixed;
    top: 67px;
    width: 100%;
    z-index: 10000;
}

.section {
	}

.section h2 {
	text-align: center;
	}

#maincontents {
	background-color: #e9e3d6;
	padding: 50px 0;
	}
#maincontents h2 {
	background: url(../img/top/st_maincontents.png) center center no-repeat;
	background-size:cover; 
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	width: 280px;
	height: 24px;
	margin: 0 auto 50px auto;
	}
#maincontents ul#pc-menu {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	}
#maincontents ul#pc-menu li {
	margin: 0.3%;
	padding: 0 0 0 0;
	list-style: none;
	display: inline-block;
	}
#maincontents ul#pc-menu li img {
	width: 100%;
	}
#maincontents ul#pc-menu li img:hover {
	opacity: 0.5 ;
}
#maincontents ul#pc-menu li#btn_concept {width: 34.8%;}
#maincontents ul#pc-menu li#btn_lmenu {width: 27.1%;}
#maincontents ul#pc-menu li#btn_mmenu {width: 34.8%;}
#maincontents ul#pc-menu li#btn_shop {width: 23.9%;}
#maincontents ul#pc-menu li#btn_staff {width: 31.7%;}
#maincontents ul#pc-menu li#btn_recruit {width: 23.9%;}
#maincontents ul#pc-menu li#btn_rvs {width: 16.4%;}

#maincontents ul#sp-menu {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	}
#maincontents ul#sp-menu li {
	margin: 0 auto 3.125vw auto;
	padding: 0 0 0 0;
	list-style: none;
	width: 87.5vw;
	}
#maincontents ul#sp-menu li img {
	width: 100%;
	}


#concept {
	padding: 50px 0;
	}
#concept h2 {
	background: url(../img/top/st_concept.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	width: 195px;
	height: 38px;
	margin: 0 auto 50px auto;
	}
#concept h3 {
	background: url(../img/top/st_characteristic.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	width: 549px;
	height: 36px;
	margin: 0px auto 50px auto;
	}
#concept p {
	text-align: center;
	font-size: 16px;
	font-style: italic;
	}

#concept dl dt {
	text-align: center;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #0a3f34;
	margin-bottom: 10px;
	}

#concept dl dd {
	margin-bottom:20px;
	text-align: center;
	font-size: 16px;
	font-style: italic;
	}

#shopinfo {
	background-image: url(../img/top/bg_shopinfo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	padding: 50px 0;
	color: #fff;
	}
#shopinfo h2 {
	background: url(../img/top/st_shopinfo.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	width: 221px;
	height: 34px;
	margin: 0 auto 50px auto;
	}
#shopinfo p {
	text-align: center;
	font-size: 20px;
	}
#shopinfo p.tell {
	text-align: center;
	font-size: 60px;
	}

#map_canvas {
	height: 250px;
	}
#map_canvas {
		width:100%;
		height:400px;
		z-index:0;
		position:relative;	
	}

#googlemap {
    position: relative;
    width: 100%;
    padding-top: 42.85%;
    /* ウルトラワイドのアスペクト比 */
    height: 0;
}

#googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer {
	background-color: #000;
	padding: 20px 0;
	text-align: center;
	color: #fff;
	}
#footer ul {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	}
#footer ul li {
	margin: 0 10px 0 0;
	padding: 0 0 0 0;
	display: inline-block;
	}

#footer ul li a:link {
	color: #fff;
	text-decoration: underline;
	}
#footer ul li a:visited {
	color: #fff;
	}
#footer ul li a:hover {
	color: #fff;
	text-decoration: none;
	}
#footer ul li a:active {
	color: #fff;
	}
#footer p.copy {
	margin: 0;
	padding: 0;
	}


#page-concept h1 {
	background: #e5e5e5 url(../img/concept/title.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}

#page-concept #section01 {
	padding: 40px 0;
	}
#page-concept #section01 p {
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
	}
#page-concept #section01 p.lead {
	font-size: 24px;
	}


#page-menu h1.title1 {
	background: #e5e5e5 url(../img/menu/title1.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}
#page-menu h1.title2 {
	background: #e5e5e5 url(../img/menu/title2.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}
#page-menu h1.title3 {
	background: #e5e5e5 url(../img/menu/title3.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}
#page-menu h1.title4 {
	background: #e5e5e5 url(../img/menu/title4.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}

#page-menu #section01 {
	padding: 40px 0;
	}

#page-menu ul.btn-menu {
	margin: 0;
	padding: 0;
	text-align: center;
	}
#page-menu ul.btn-menu li{
	margin: 10px;
	padding: 0;
	list-style: none;
	display: inline-block;
	}
#page-menu ul.btn-menu li img{
	width: 100%;
	}
	
#page-menu #section01 dl dt {
	border-bottom: 1px solid #804e21;
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	}
#page-menu #section01 dl dd .price-block {
	margin: 20px 0;
	}

#page-menu #section01 dl dd .cat-title {
	background-color: #000;
	margin: 0 0 5px 0;
	padding: 3px 7px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	}
#page-menu #section01 dl dd .column {
	margin: 10px 0 3px 0;
	}
#page-menu #section01 dl dd .price-title {
	float: left;
	font-weight: bold;
	font-size: 16px;
	}
#page-menu #section01 dl dd .price-price {
	float: right;
	color: #FF0000;
	font-style: italic;
	font-size: 16px;
	}
#page-menu #section01 dl dd .price-others {
	font-size: 13px;
	}


#page-shop h1 {
	background: #e5e5e5 url(../img/shop/title.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}
#page-shop #section01 {
	padding: 40px 0;
	}
#page-shop table {
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	margin-bottom: 20px;
	width: 100%;
	}
#page-shop table th,
#page-shop table td {
	border-bottom: 1px solid #808080;
	border-left: 1px solid #808080;
	padding: 10px;
	}
#page-shop table th {
	white-space: nowrap;
	}	
	
#page-staff h1 {
	background: #e5e5e5 url(../img/staff/title.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}
#page-staff #section01 {
	padding: 40px 0;
	}

#page-staff #section01 .box {
	text-align: center:
	background-color: #ff0000;
	}

#page-staff .staff-detail {
	max-width: 640px;
	}

#page-staff .staff-detail .name {
	border-bottom: 1px solid #808080;
	margin: 0 0 10px 0;
	font-size: 20px;
	}

#page-staff .staff-detail .comments {
	font-size: 16px;
	}


#page-recruit h1.title {
	background: #e5e5e5 url(../img/recruit/title.png) center center no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	margin: 0 auto 0 auto;
	text-align: center;
	margin: 0;
	padding: 0;
	height: 123px;
	}
#page-recruit #contents {
	padding-bottom: 60px;
	}
#page-recruit .sec {
	margin: 0 auto 30px; auto;
	width: 640px;
	}
#page-recruit table.table-recruit {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	width: 100%;
	}
#page-recruit table.table-recruit th,
#page-recruit table.table-recruit td {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	padding: 10px;
	}
#page-recruit table.table-recruit th {
	background-color: #d8d8d8;
	text-align: center;
	}



/*========================================================
=            カスタムボタン設定    　　　　     =
========================================================*/

.btn-brown {
  background: rgb(128, 78, 33);
  color: #fff;
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-brown:hover, .btn-brown:focus {
  background: rgb(141, 96, 56);
  color: #fff;
}
.btn-brown active {
  background: rgb(141, 96, 56);
}

.btn-green {
  background-color: #0a3f34;
  color: #fff;
  border: none;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.btn-green:hover, .btn-brown:focus {
  background-color: #0a3f34;
  color: #fff;
}
.btn-green active {
  background-color: #0a3f34;
}



/*==================================================
=            Bootstrap 3 メディア・クエリ             =
==================================================*/
 
/*==========  モバイル・ファーストの場合  ==========*/



/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {
	
    
}
 
/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
	
}
 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
 
}
 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
 
}
 
 
/*==========  非モバイル・ファーストの場合  ==========*/
 
/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
 
}
 
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
 
}
 
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
		
		body.second{
				padding: 64px 0 0 0;
			}
		
		.navbar-brand {
		background-image:  url(../img/logo.png) ;
		background-size:cover;
		text-indent: -9999px;
		margin:15px 0 0 10px;
		width: 220px;
		height: 33px;
		}
		
		.navbar-header button {
		margin-top:15px;
		}


	 	#gnavi{
	 	background-color: transparent;
		position: fixed;
		top:68px;
		z-index: 1000;
		width: 100%;
		}
		#gnavi .container{
		margin: 0 0;
		padding 0;
		}
		#gnavi ul{
			margin: 0;
			padding: 0;
		}
		#gnavi ul li{
			background-color: #000;
			margin: 0 0 1px 0;
			padding: 0;
		}
		
		#gnavi2{
	 	background-color: transparent;
		position: fixed;
		top:68px;
		z-index: 1000;
		width: 100%;
		}
		#gnavi2 .container{
		margin: 0 0;
		padding 0;
		}
		#gnavi2 ul{
			margin: 0;
			padding: 0;
		}
		#gnavi2 ul li{
			background-color: #000;
			margin: 0 0 1px 0;
			padding: 0;
		}
		
		#shopinfo p.tell {
		text-align: center;
		font-size: 40px;
		color: #fff;
		}
		#shopinfo p.tell a {
		color: #fff;
		}
		
		#googlemap {
    position: relative;
    width: 100%;
    padding-top: 75%;
    /* 4:3のアスペクト比 */
    height: 0;
}
		
		#concept h3 {
		background: url(../img/top/st_characteristic.png) center center no-repeat;
		background-size:100% auto; 
		text-indent: -9999px;
		font-size: 1px;
		line-height: 0;
		width: 82.8125vw;
		height: 5.9375vw;
		margin: 0px auto 50px auto;
		}
		
		#concept dl {
			margin: 0 auto;
		width: 93.75vw;
		}
		
		#concept dl dt {
		text-align: left;
		font-size: 16px;
		font-style: italic;
		font-weight: bold;
		color: #804e21;
		}
	
		#concept dl dd {
		margin-bottom:20px;
		text-align: left;
		font-size: 16px;
		font-style: italic;
		}
		
		#page-staff .staff-detail {
			max-width: 640px;
		}

		#page-staff .staff-detail .name {
			border-bottom: 1px solid #808080;
			margin: 10px 0 10px 0;
			font-size: 20px;
		}

		#page-staff .staff-detail .comments {
			font-size: 16px;
		}
		
		#page-recruit .sec {
			margin: 0 0 30px 0;
			width: 100%;
		}
		
		#page-concept #section01 {
			margin: 0 auto;
			width: 93.75vw;
			text-align: center;
		}
		
		#page-concept #section01 p {
			text-align: left;
		}
		#page-concept #section01 p.lead {
			text-align: center;
		}
	
		

 
}
 
/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {
	
 
}
 
/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {
	
		
    
}