@charset "UTF-8";
/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
/*    padding-top: 10px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-image:url(../images/bg_image.jpg);
	font-family:'ヒラギノ明朝 ProN W3','メイリオ';
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

.sp{
	display: none;
}

/* Footer Styles */

footer {
    margin: 50px 0;
}



/* ------------------------------------- */
/*	 Header
/* ------------------------------------- */
#header {
	padding-top: 30px;
/*	background-color: #eee;*/
	background-image:url(../images/top_gara.png);
}

/*  logo
/*--------------------------------- */
.logo{ /* センタリング */
	text-align: center;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

.logo h1 { /* 丸とフォントのスタイリング */
	margin: 0;
/*	padding-top: 38px;*/
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-size: 26px;
	color: #7E7E7E;
	background-color: #fff;
}


/******************************************************************************
/* フッタ
*******************************************************************************/
.footer {
	margin:					10px 0 0 0;
	padding:				20px 0 20px 0;
	background-color:		#dddddd;
	background-image:		url(../images/footer_gara.png);
	font-size:				14px;
	height:					85px;
}
.footer a{
	text-decoration:		none;
}
.footer h2{
	padding:				8px 0 8px 0; 
	margin:					5px 0 10px 0;
	text-align:				center;
	border-radius:			3px;
	background-color:		#888888;
	color:					#fefefe;
	font-size:				14px;
}

/******************************************************************************
/* copyright
*******************************************************************************/
.copyright {
	padding:				10px 0 10px 0;
	color:					#fefefe;
	background-color:		#B25246;
}
.copyright p {
	padding:				0;
	margin:					0;
}
.copyright a {
	text-decoration:		none;
	color:					#fefefe;
}
.copyright a:hover {
	color:					#acacee;
}



/*　追加CSS */

#logo2{
padding-bottom:20px;
}
.about{ margin-left:30px;
font-weight:bold;
font-size:12px;
}
.info_block{
border:solid #B14F44;
margin:0px;
padding:20px;
}
.info_block_title{
background:#B14F44;
color:#FFFFFF;
text-align:center;
}
hr.line {
height: 1px;
border-top: 1px #7a804d dashed;
}
#topmidashi{
margin:30px 0;
}
#oshirase{
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
	margin:0px 0px;
	padding-bottom: 5px;
	padding-top: 20px;
	background-image: url(../images/ginnabe_mark01.png);
	background-position:right bottom;
	background-repeat: no-repeat;
}
/* CSS Document */
dl:after{content: ".";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
dl {display: inline-block;}
/* Hides from IE-mac \*/
dl {height: 1%;}
dl {display: block;}
/* End hide from IE-mac */
dl{border-bottom:1px dotted #cccccc;padding:2px 0;font-size:16px;line-height:18px;font-family:HGS行書体;}
dt{color:#666666;text-align:left;font-weight:bold;float:left;width:100px;display:block;}


dd{color:#666666;float:left;display:block;width:410px;}
a{color:#CA4C65;text-decoration:none;}
a:link{color:#CA4C65;text-decoration:none;}
a:hover{color:#CA4C65;text-decoration:underline;	
}

.header_info{
font-family:'HGS行書体','ヒラギノ明朝 ProN W3','メイリオ';
}




.list-group-item {
    background-color: #fff;
    border: 2px solid #b2b787;
	text-align:center;
	margin-bottom:5px;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: #b2b787;
    border-color: #b2b787;
    color: #fff;
}
.side_banner{
	margin-bottom:16px;
    color: #fff;
}
.midashi_line01{
    border-color: #7a804d;
	margin-top:15px;
}
.midashi_line02{
    border-color: #7a804d;
	margin-bottom:15px;
}
.midashi_h1{
	margin:8px 0px 8px 0px;
}
.heya_kai{
	color:#7A804D;
	font-size:16px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.heya_ninzu{
    margin-top:10px;
	color:#7A804D;
	font-size:16px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.heya_riyou{
    margin-top:5px;
	color:#000000;
	font-size:13px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.line02{
    border-color: #7a804d;
	margin-bottom:20px;
	margin-top:15px;
}
.heya_pic{
	margin-bottom:15px;
}
.sidemenulogo{
	margin-top:15px;
}
.menu_ikon{
	margin-top:15px;
}
.dema{
  text-align: center; 
}

.kakaku{
	color:#b14f44;
	font-size:24px;
}
.cyuuki{
	font-size:14px;
	font-weight:bold;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.kisetsu_naiyou{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	margin-top:20px;
}
.lunch_name{
    margin-top:5px;
	margin-bottom:15px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	text-align:center;
}

.flex_box{
	display:flex;
	flex-wrap:wrap;
	width: 100%;
}

.midashi_nomimono,.lunch_text_wrap{
    margin-top:20px;
	margin-bottom:15px;	
}
.nomimono,.lunch_only_text{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	line-height:30px;
}

.info-block{
	margin-top:64px;
}


.nagasaki_ryourikaisetsu{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	line-height:25px;
}
.nagasaki_ryouripict{
	margin-top:5px;
	margin-bottom:15px;
}
.shidashi_name{
    margin-top:5px;
	margin-bottom:15px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	text-align:center;
}

.shidashi_gaiyou{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.shidashi_kakaku{
	font-size:18px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	margin-bottom:20px;
}
.ara_jiman{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	margin-bottom:20px;
}
.arazukushi{
	font-size:18px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	margin-bottom:20px;
}
.pict_bottom{
	margin-bottom:16px;
}
.cyuusyaku{
	font-size:10px;
}

.enkai_ryouri{
	margin-top:24px;
}
.enkai_info{
	margin-top:16px;
	font-size:16px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	margin-bottom:16px;
}
.enkaiheya_name{
    margin-top:5px;
	margin-bottom:15px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	text-align:center;
}
.pict_name{
    margin-top:5px;
	margin-bottom:15px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	text-align:center;
	font-size:12px;
}
.select{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.select_title{
	font-size:18px;
	color:#b14f44;
}

.tenpo_info{
	margin-top:16px;
	font-size:16px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	margin-bottom:16px;
}
.info_item{
	color:#b14f44;
}

table.tenpo_table {
border-collapse:collapse;
width:100%;
margin-bottom:32px;
}
table.tenpo_table td, th{
	border-bottom:1px dashed #000000;
	font-size:16px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	padding:16px;
	font-weight:100;
}
table.tenpo_table th{
width:6em;
}
.cyuuki2{
	font-size:12px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}

.access{
	font-size:14px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.oshirase_h3{
	color:#b14f44;
	font-size:18px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
	font-weight:bold;
}
.oshirase_title{
    font-size:20px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.oshirase{
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.oshirase_cyuuki{
	color:#b14f44;
	font-size:16px;
/* 	font-family:'ヒラギノ明朝 ProN W3','メイリオ'; */
}
.oshirase_pict{
	margin:10px 0px;
}
.midashi {
	color: #993300;
	font-size: 18px;
}
.midashiL {
	color: #993300;
	font-size: 18px;
	text-align: left;
}

/* グランドメニュー======== */

.ryouri-menu-wrap {
    margin: 0 auto 50px;
}

.recommend-menu {
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
}

.recommend-menu > div {
    padding: 0;
    margin: 0 2% 0 0;
    width: 32%;
}

.recommend-menu > div:last-child {
    margin: 0;
    float: left;
}

.recommend-menu > div.hidden-xs {
    float: left;
}

.recommend-menu > div p {
    margin: 10px 0 0 0;
}

.menu-text {
    display: block;
    clear: both;
    margin: 20px auto 0;
}

ul.menu-text-list li {
    list-style: none;
    margin: 0 0 8px 0;
    display: flex;
    justify-content: space-between;
    position: relative;
}

ul.menu-text-list {
    padding: 0;
    margin: 0;
    max-width: 310px;
    width: 95%;
}

ul.menu-text-list li p,ul.menu-text-list li span {
    background: #e9ebe0;
    margin: 0;
    padding: 0 8px 0 0;
}

ul.menu-text-list li:before {
    content: "";
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    background-image: linear-gradient(to right, #7a804d, #7a804d 4px, transparent 4px, transparent 8px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    height: 2px;
}

ul.menu-text-list li span {
    padding: 0 0 0 5px;
}

.gentei {
    margin: 0 auto 0;
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

.gentei-box >div {
    padding: 0;
    width: 32%;
    margin: 0;
}

.gentei-box {
    display: flex;
    margin: 0 auto 10px;
}

.gentei-box >div:last-child {
    width: 64%;
    margin: 0 0 0 4%;
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
	.sp{
		display: block;
	}
	
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }

    /* グランドメニュー======== */
    
	.recommend-menu > div {
		width: 100%;
		margin: 0 0 15px 0;
	}
    
    .gentei-box {
    flex-wrap: wrap;
	}

	.gentei-box >div,.gentei-box >div .img-responsive {
		width: 100%;
	}

	.gentei-box >div:last-child {
		width: 100%;
		margin: 0;
	}

}
@media (min-width: 1200px) {
  .container {
    width: 970px;
   }
}