@charset "UTF-8";
/****************************************************************************************************
　カルーセル
****************************************************************************************************/

.jumbotron {
	padding: 0;
	margin: 0;
	background-color: #645e53;
	overflow: hidden;
}


#main-visual img {
	width: 100%;
	height: auto;
	max-height: 100%;

	margin: auto;
}


/****************************************************************************************************
　ベース
****************************************************************************************************/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #372f2b;
}
a:link {
	color: #372f2b;
}
a:visited {
	color: #999999;
}
a[href^="tel:"] {
	cursor: default;
	text-decoration: none;
}

#header {
	height: 60px;
	background: url(../images/header-bg-xs.png) repeat-x;
}
.navbar-brand {
	float: left;
	padding: 10px 0 0 15px;

}
.navbar-header {
	margin: 0;
}
.navbar-header img {
	width: 150px;
	height: auto;
}
.navbar-toggle .icon-bar {
	background-color: #282320;
	border-radius: 0;
	height: 3px;
}
.navbar-toggle {
	position: relative;
	float: right;
	margin-right: 0;
	padding: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: transparent;
	background-image: none;
	border: none;
	border-radius: 0;
}
#navigation .container {
	margin: 0;
	padding: 0;
}
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}
.nav>li {
	background-color: #7b736c;
	margin-bottom: 1px;
	padding-left: 0px;
}
.nav>li a:before {
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	padding-right: 5px;
	color: #ffffff;
}
.nav>li a:hover {
	background: none;
}
.nav>li a:link, .nav>li a:visited {
	color: #ffffff;
}
.nav>li:hover, .nav>li:active, .nav>li.active {
	background-color: #662501;
}
.navbar-nav {
	margin: 0;
}
.sub {
	margin: 30px 0 0;
	padding: 0;
}
.sub .list-group {
	margin: 0;
}
.list-group {
	border-radius: 0;
	box-shadow: none;
}
.list-group-item:first-child,
.list-group-item:last-child {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.list-group-item {
	border: none;
	margin-bottom: 0;
	background-color: #7b736c;
	border-bottom: 1px solid #ffffff;
}
.list-group a:link, .list-group a:visited {
	color: #ffffff;
}
.side-nav .list-group-item:before {
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	padding-right: 3px;
}
.side-nav .sublinks .list-group-item:before {
	font-family: 'Glyphicons Halflings';
	content: "\e074";
	padding-right: 3px;
	font-size: 6px;
}
.side-nav .sublinks .list-group-item {
	border: none;
	padding: 7px 10px 7px 35px;
}
.side-nav .sublinks .list-group-item:last-child,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	border-bottom: 1px solid #fff;
}
.side-nav .sublinks .list-group-item.active:hover {
	border-bottom: none;
}
.side-nav .list-group-item:hover,
.side-nav .list-group-item:focus,
.side-nav .active {
	background-color: #662501;
	background-image: none;
	color: #ffffff;
	text-shadow: none;
	filter:none;
}
.side-nav .accordion-toggle:before {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	color: #ffffff;
}
.side-nav .accordion-toggle.collapsed:before {
	font-family: 'Glyphicons Halflings';
	content: "\e080";
	color: #ffffff;
}
.side-nav .list-group-item:hover:before,
.side-nav .list-group-item:focus:before,
.side-nav .sublinks .active:before {
	color: #ffffff;
}
#footer {
	font-size: 8px;
	line-height: 10px;
	color: #ffffff;
	background: url(../images/footer-bg-xs.png);
	text-align: center;
	margin-top: 40px;
	position: relative;
}
#footer a:link, #footer a:visited {
	color: #ffffff;
}
#footer ul li+li:before {
	content: '| ';
}
#footer .list-inline > li {
	padding-left: 2px;
	padding-right: 2px;
}
#footer .row {
	display: block;
	padding: 25px 0;
	position: relative;
}
#page-top-xs a img {
	background-color: #7b6154;
	width: 100px;
	height: auto;
}
#page-top-xs {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: -25px;
}
a button {
	margin-right: 10px;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.va-middle {
	vertical-align: middle;
}
img.pull-right {
	margin-left: 15px;
	margin-bottom: 15px;
}
img.pull-left {
	margin-right: 15px;
	margin-bottom: 15px;
}
.cont-wrap {
	margin-bottom: 30px;
}

/************************　テキスト　***********************************************************/

.text-bold {
	font-weight: bold;
}
.text-lg {
	font-size: 222px;
}
.text-md {
	font-size: 16px;
}
.text-sm {
	font-size: 12px;
}
.text-xs {
	font-size: 10px;
}
.text-link {
	text-decoration: underline;
}
.text-sm {
	font-size: 75%;
}

/************************　ボタン　*************************************************************/

button {
	appearance: normal;
	border: none;
	background: none;
}
.btn {
	padding: 1px;
	margin-bottom: 12px;
}
.btn:hover {
	background-color: #8b7b6f;
	color: #fff!important;
}
.btn-md {
	width: auto;
}
.btn-default {
	background-image: none;
	border: none;
	text-shadow: none;
	color: #fff!important;
	background-color: #6a625c;
	font-weight: bold;
}
.btn-default button {
	border: 2px solid #fff;
	padding: 12px;
	width: 100%;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	text-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}

/************************　アイコン　***********************************************************/

span.icon-detail {
	background: url(../images/icon-detail.png) no-repeat;
	width: 19px;
	height: 18px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}
span.icon-nearshop {
	background: url(../images/icon-nearshop.png) no-repeat;
	width: 18px;
	height: 21px;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
}
span.icon-arrow-right {
	background: url(../images/icon-btn-right.png) no-repeat right top;
	width: 11px;
	height: 13px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 4px;
	vertical-align: middle;
}

#page-header {
	border-top: 1px solid #59493f;
	border-bottom: 1px solid #59493f;
	margin: 20px 0;
}

.glyphicon-envelope:before {
	content: "　";
    background-image: url(../images/icon-email-xs.png);
	background-size: contain;
	margin-right: 5px;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	display: inline-block;
}

.glyphicon-phone:before {
    content: "　";
	background-image: url(../images/icon-phone-xs.png);
	background-size: contain;
	margin-right: 5px;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	display: inline-block;
}
.linklist>li a:before {
	content: "　";
	background-image: url(../images/icon-new-window-xs.png);
	background-size: contain;
	margin-right: 5px;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	display: inline-block;
}
.linklist>li.email a:before {
	content: "　";
	background-image: url(../images/icon-email-xs.png);
	background-size: contain;
	vertical-align: middle;
	width: 36px;
	height: 36px;
	display: inline-block;
}

/************************　見出し　　***********************************************************/
h2 {
	font-size: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding: 30px 0 30px 20px;
	margin: 0 -12px 20px -13px;
	background-color: #5e4f44;
	color: #fff;
}
h3 {
	font-size: 16px;
	padding: 12px 0 12px 20px;
	margin: 60px 0 20px 0;
	color: #5e4f44;
	background: #fff url(../images/h3-bg.png) repeat-y left;
	border: 1px solid #948d88;
}

h3:first-child{
	margin-top: 0;
}

h4 {
	font-size: 14px;
	margin: 20px 0 10px 0;
	background-color: #f3ece9;
	padding: 7px 10px;
	border-left: 5px solid #bca189;
}

/************************　表組み　*************************************************************/
.table th, .table td {
	font-weight: normal;
}

.table th a:link, .table td a:link {
	color: inherit;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	border-top: 1px dotted #d1c7ba;
	border-bottom: 1px dotted #d1c7ba;
}

.table tr:first-child th,  .table tr:first-child  td {
	border-top: none;
}

.table-news-01>thead>tr>th,
.table-news-01>tbody>tr>th,
.table-news-01>tfoot>tr>th,
.table-news-01>thead>tr>td,
.table-news-01>tbody>tr>td,
.table-news-01>tfoot>tr>td {
	border: none;
	font-size: 13px;
	padding: 8px;
}
.table-news-01 tr {
	border-top: 1px dotted #acacac;
	border-bottom: 1px dotted #acacac;
}
.table-news-01 tr:first-child {
	border-top: none;
}
.table-news-01 tr:nth-child(even) {
	background-color:#f7f7f7;
}

.table-news-01 .topics-label {
	text-align: center;	
}

.table-news-01 .topics-label {
	display: inline-block;
	padding-bottom: 0;
}

.table-news-01 .news-headline {
	display: block;
}

.table-news-01 .topics-label div {
	padding: 3px;
	width: 120px;
	font-size: 10px;
	line-height: 10px;
}
.table-news-01 .icon-new {
	padding: 3px;
	margin-right: 5px;
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	background-color: #AB4E50;
	color: #fff;
	display: inline-block;
}

.table-news-01 a {
	display: block;
	width: 100%;
	height: 100%;
}

.table-news-01 .topics-label .corporation {
	background-color: #B1B6C9;
}
.table-news-01 .topics-label .feature {
	background-color: #D8C4B6;
}
.table-news-01 .topics-label .brand-bakery {
	background-color: #dfdede;
}

.table-news-01 .topics-label .brand-cafe {
	background-color: #e4d3c9;
}

.table-news-01 .topics-label .brand-kamakura {
	background-color: #eacbcb;
}

.table-news-01 .topics-label .brand-hakodate {
	background-color: #b7b5b5;
}

.table-news-01 .topics-label .brand-baqet {
	background-color: #dcb2b2;
}

.table-news-01 .topics-label .brand-kantong {
	background-color: #c3a594;
}

.table-news-01 .topics-label .brand-grill {
	background-color: #a7b89b;
}

.table-news-01 .topics-label .brand-kurashiki {
	background-color: #bbc0d1;
}

/************************　リスト　*************************************************************/

.pdflist {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}
.pdflist li {
	background: url(../images/icon-pdf.png) no-repeat left top;
	padding-left: 25px;
	margin-bottom: 10px;
}

.dlist {
	margin-top: 30px;
}

.dlist dt {
	margin: 5px 0 10px;
	background-color: #f3ece9;
	padding: 5px;
	border-left: 5px solid #bca189;
}
.dlist dd {
	margin-bottom: 20px;
}

.numlist {
	margin: 20px 0;
}

.numlist li {
	margin-bottom: 20px;
}

.linklist {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.linklist li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

.linklist li+li {
	margin-top: 15px;
}
.ulist {
	list-style: none;
	margin: 20px 0;
	padding: 0;
	position: relative;
}
.ulist li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

.ulist li+li {
	margin-top: 15px;
}
.ulist>li:before {
	font-family: 'Glyphicons Halflings';
	content: "\e067";
	padding-right: 5px;
	position: relative;
	top: 2px;
}

/************************　サムネール　*********************************************************/
.thumbnail, .img-thumbnail {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.thumbnail {
	display: block;
	padding: 0;
	margin-bottom: 20px;
	background-color: #faf7f6;
	border: 1px solid #dcd1d0;
	border-radius: 0;
	font-size: 12px;
}
a .thumbnail:hover, a .thumbnail:active {
	opacity: .8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.thumbnail .caption {
	text-align: left;
	font-size: 14px;
}
.thumbnail h3 {
	font-weight: bold;
	margin: 5px 0;
	font-size: 16px;
	border: none;
	background: none;
	padding: 0;
}

.thumbnail p {
	margin-bottom: 0;
}

.thumbnail img {
	width: 100%;
	height: auto;
	padding: 5px;
}

/************************　パネル　*************************************************************/

.well {
	background-image: none;
	background-color: #f3ece9;
	border: none;
	box-shadow: none;
}
/************************　タ　ブ　*************************************************************/

#topics-tab-nav {
	margin-top: 30px;
}
#topics-tab-nav>li {
	background-color: #A29596;
	border-radius: 6px 6px 0 0;
	margin-right: 2px;
}
#topics-tab-nav>li:hover, #topics-tab-nav>li:active, #topics-tab-nav>li.active {
    background-color: #512A1D;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #512A1D;
    border: 1px solid #512A1D;
    border-bottom-color: transparent;
    cursor: default;
}
.nav-tabs>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 6px 6px 0 0;
}
.nav-tabs {
    border-bottom: 3px solid #5e4f44;
}
#topics-tab-nav>li a:before {
	content: normal;
}

/************************　トップページ　*******************************************************/

#home .main h2 {
	font-size: 18px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding: 15px 0 15px 20px;
	margin: 0;
	background-color: #5e4f44;
	color: #fff;
}
#home #btn-search {
	padding: 3px;
	border: 1px solid #6a625c;
	margin-bottom: 40px;
}
#home .main h2 span {
	padding-right: 3px;
}
#brand-group {
	background-color: #a2958c;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 20px;
}
#brand-group h2 {
	color: #2f241e;
	font-size: 16px;
	line-height: 16px;	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	text-align: center;
	margin: 10px 0 0;
	padding: 0;
	background: none;
}
#brand-group h2 span {
	font-size: 11px;
}
#brand-group .panel {
	text-align: center;
	background: none;
	box-shadow: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 2px 7px 2px;
}
#brand-group .panel-body {
	background-color: #d0c3b9;
	width: 90px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
}
#brand-group .panel-body img {
	width: 60px;
	height: auto;
}
#brand-group .panel-footer {
	display: none;
	border: none;
	color: #2f241e;
}
#banners-xs a {
	display: block;
	margin-bottom: 20px;
}


/************************　企業情報　***********************************************************/

#company_info #catchcopy{
	text-align: center;
	background-image: -moz-linear-gradient( 90deg, rgb(255,255,255) 13%, rgb(243,235,222) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(255,255,255) 13%, rgb(243,235,222) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(255,255,255) 13%, rgb(243,235,222) 100%);
  	padding: 50px 0;
}
#company_info #catchcopy img {
	width: 100%;
	height: auto;
}

#company_info .table-02>tbody>tr:first-child>th,
#company_info .table-02>tbody>tr:first-child>td,
#company_info .table-02>tbody>tr:last-child>th,
#company_info .table-02>tbody>tr:last-child>td {
	border: none;
}

#company_info .table-01 th, #company_info .table-02 th {
	white-space: nowrap;
	width: auto;
}

#company_info .list-01 {
	list-style: none;
	margin-left: 1em;
	text-indent: -1em;
	padding: 0;
}
#company_info .table-03>thead>tr>th,
#company_info .table-03>tbody>tr>th,
#company_info .table-03>tfoot>tr>th,
#company_info .table-03>thead>tr>td,
#company_info .table-03>tbody>tr>td,
#company_info .table-03>tfoot>tr>td {
	border: 1px solid #fff;
}
#company_info .table-03 caption {
	caption-side: bottom;
	text-align: right;
	font-size: 10px;
}
#company_info .table-03 thead {
	background-color: #d1c7ba;
	text-align: right;
}
#company_info .table-03 thead td {
	vertical-align: bottom;
}
#company_info .table-03 tbody td {
	text-align: right;
}
#company_info .table-03 tbody tr:nth-child(odd) th {
	background-color: #ece9e5;
}
#company_info .table-03 tbody tr:nth-child(even) th {
	background-color: #e7e1da;
}
#company_info .table-03 tbody tr:nth-child(odd) td {
	background-color: #f7f7f7;
}
#company_info .table-03 tbody tr:nth-child(even) td {
	background-color: #f0ece8;
}

.performance select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	color: #fff;
	background: #7e6b5a;
	background: #7e6b5a url(../images/select-arrow.png) right 50% no-repeat;
	background-size: contain;
	margin-bottom: 10px;
}
.performance select::-ms-expand {
	display: none;
}

/************************　IR情報　*************************************************************/
#ir .table-05 tr:nth-child(even) {
	background-color:#f7f7f7;
}

#ir .table-05 th{
	white-space: nowrap;
}

#ir .table-05 a {
	display: block;
	width: 100%;
	height: 100%;
}

#ir .table-05 a.link-pdf {
	background: url(../images/icon-pdf.png) no-repeat left top;
	padding-left: 25px;
}
#ir .table-06 thead th{
	background-color: #d1c7ba;
	text-align: center;
}
#ir .table-06 tr:nth-child(odd) {
	background-color:#f7f7f7;
}
#ir .table-06 tbody th, #ir .table-06 tbody td{
	width: 50%;
}
#ir .table-06 tbody td{
	text-align: center;
}

/************************　ブランド紹介　*******************************************************/

#brand .thumbnail img, #brand .thumbnail .caption,
#recruit .thumbnail img, #recruit .thumbnail .caption{
	padding:10px;
}
#brand .thumbnail img,
#recruit .thumbnail img {
	width: inherit;
	height: auto;
}

#brand .thumbnail h3,
#recruit .thumbnail h3 {
    margin: 0 0 10px 0;
	text-align: left;
}

/************************　ご意見・お問い合わせ　***********************************************/

#mailform .table-04>thead>tr>th,
#mailform .table-04>tbody>tr>th,
#mailform .table-04>tfoot>tr>th,
#mailform .table-04>thead>tr>td,
#mailform .table-04>tbody>tr>td,
#mailform .table-04>tfoot>tr>td {
	border: 1px solid #fff;
}
#mailform .table-04 thead {
	display: none;
}
#mailform .table-04 thead th {
	text-align: center;
	vertical-align: middle;
	line-height: 1em;
}
#mailform .table-04 th {
	white-space: nowrap;
}
#mailform .table-04 th, #mailform .table-04 td {
	display: block;
}
#mailform .table-04 tbody th {
	background-color: #d1c7ba;
}
#mailform .table-04 tbody td {
	background-color: #f7f7f7;
}

/************************　サイトマップ　*******************************************************/

#sitemap h3 {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}
#sitemap .panel-group {
    margin-bottom: 5px;
}
#sitemap .panel {
	box-shadow: none;
	border-radius: 0;
}
#sitemap .panel-heading {
	background-color: #d1c7ba;
	background-image: none;
	border-radius: 0;
}
#sitemap .panel-body ul {
	padding-left: 2em;
	margin-top: 0.5em;
	list-style: none;
}

#sitemap .panel-body ul li {
	margin-bottom: 0.5em;
}

/************************　ショップ詳細　*************************************************************/


.shop_info .dropdown .btn-default {
	border-radius: 6px 6px 0 0;
	margin-right: 2px;
    color: #fff;
    background-color: #512A1D;
    border-bottom-color: transparent;
    padding: 10px 40px;
}

.shop_info .dropdown .btn {
	margin-bottom:1px;
}

.shop_info .dropdown {
    border-bottom: 3px solid #5e4f44;
	margin-bottom: 10px;
}
.shop_info .dropdown li {
	position: relative;
	display: inline-block;
}

.shop_info .dropdown li ul li {
	display: block;
}

.shop_info .dropdown .dropdown-menu {
	box-shadow: none;
}

.shop_info .dropdown .dropdown-menu>li>a {
    padding: 10px 20px;
}

.shop_info .dropdown .caret {
	margin-left: 5px;
}


/************************　調整　***************************************************************/

/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
.margin-top-lg {
	margin-top: 60px!important;
}
.margin-top-md {
	margin-top: 30px!important;
}
.margin-top-sm {
	margin-top: 15px!important;
}
.margin-bottom-lg {
	margin-bottom: 60px!important;
}
.margin-bottom-md {
	margin-bottom: 30px!important;
}
.margin-bottom-sm {
	margin-bottom: 15px!important;
}
.margin-left-sm {
	margin-left: 15px!important;
}
.margin-left-md {
	margin-left: 30px!important;
}
.margin-left-ld {
	margin-left: 45px!important;
}
/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-top-lg {
	padding-top: 60px;
}
.padding-top-md {
	padding-top: 30px;
}
.padding-top-sm {
	padding-top: 15px;
}
.padding-bottom-lg {
	padding-bottom: 60px;
}
.padding-bottom-md {
	padding-bottom: 30px;
}
.padding-bottom-sm {
	padding-bottom: 15px;
}

/****************************************************************************************************
　ラージデバイス
****************************************************************************************************/

@media(min-width:768px) {
.container {
	width: 960px;
}

#header {
	height: 109px;
	background: url(../images/header-bg.png) repeat-x;
}
.navbar-brand {
	float: left;
	padding: 30px 0 40px;
	height: 40px;
}
.navbar-header {
	margin: 0;
	padding: 0;
}
.navbar-header img {
	width: 255px;
	height: 40px;
}
#navigation .container {
	margin: 0 auto;
}
.nav>li {
	padding-left: 0;
}
.nav>li a:before {
	content: normal;
}
#header-search-brand {
	padding: 30px 0 40px;
}

.icon-blank-window {
	background: url(../images/icon-blank-window.png) no-repeat left;
	width: 18px;
	height: 18px;
	display: inline-block;
	vertical-align: middle;
}
#navigation-wrap {
	background: url(../images/gnav-bg-01.png) repeat-x top;
	height: 58px;
}
#navigation {
	font-size: 12px;
	font-weight: bold;
}
#navigation .container {
	background: url(../images/gnav-bg-02.jpg) repeat-x top;
	padding: 0;
}
#navigation ul {
	background: url(../images/gnav-separator.png) no-repeat right top;
}
#navigation ul li {
	width: 192px;
	text-align: center;
	background: url(../images/gnav-separator.png) no-repeat left top;
}
#navigation a:link, #navigation a:visited {
	color: #e7ddcb;
}
#navigation a:hover, #navigation a:active, #navigation a:focus , #navigation .active {
	color: #e7ddcb;
	border-bottom: 6px solid #662501;
}
#navigation li.active a:hover {
	border-bottom: none;
}
.breadcrumb {
	padding: 0 0 0 28px;
	margin-top: 40px;
	margin-bottom: 50px;
	list-style: none;
	background-color: #ffffff;
	border-radius: 0;
	font-size: 12px;
	line-height: 12px;
	position: relative;
}
.breadcrumb .home:before {
	content: url(../images/breadcumb-home.png);
	padding: 0 5px;
	position: absolute;
	top: 18%;
	left: 0;
	margin-top: -5px;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #502e1c;
}
.breadcrumb>.active {
	color: #502e1c;
	font-weight: bold;
}
.breadcrumb>li+li:before {
	content: "＞";
	padding: 0 5px;
	color: #502e1c;
	font-weight: normal;
}
.main {
	min-height: 550px;
}
.sub {
	margin: inherit;
	padding: 0 13px 0 12px;
}
.nav-title {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 16px;
	color: #fff;
	height: 80px;
	background-color: #7a634b;
	padding-left: 10px;
	width: 215px;
	display: table-cell;
	vertical-align: middle;
}
.nav-title:before {
	font-family: 'Glyphicons Halflings';
	content: "\e114";
	padding-right: 3px;
	color: #fff;
}
.side-nav {
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	clear: both;
	line-height: 14px;
}
.side-nav .list-group-item {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: 1px dotted #d1c7ba;
	margin-bottom: 0;
	background-color: #ffffff;
	text-indent: -20px;
	padding: 15px 0px 15px 30px;
}
.side-nav .sublinks .list-group-item {
	padding: 10px 0 10px 45px;
}
.list-group a:link, .list-group a:visited {
	color: #372f2b;
}
.side-nav .list-group-item:focus {
	background-color: inherit;
	background-image: none;
	color: #372f2b;
	text-shadow: none;
}
.side-nav .list-group-item:hover,
.side-nav .list-group-item.active {
	background-color: #662501;
	background-image: none;
	color: #ffffff;
	text-shadow: none;
}
.side-nav .sublinks .list-group-item:last-child,
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
	border-bottom: 1px dotted #d1c7ba;
}
.side-nav .list-group-item:before,
.side-nav .accordion-toggle:before,
.side-nav .accordion-toggle.collapsed:before,
.side-nav .sublinks .list-group-item:before,
.side-nav .accordion-toggle:focus:before {
	color: #846f59;
}
.side-nav .active:before,
.side-nav .accordion-toggle:hover:before,
.side-nav .sublinks .list-group-item:hover:before,
.side-nav .sublinks .active:before {
	color: #ffffff!important;
}
footer {
	font-size: 11px;
	line-height: 11px;
}
#page-top {
	position: fixed;
	bottom: 105px;
	right: 0;
	background-color: #7b6154;
	width: 40px;
	height: 120px;
}
#footer {
	font-size: 8px;
	background-color: none;
	background: url(../images/footer-bg.png);
	text-align: left;
	
}
#footer small {
	font-size: 9px;
}

#footer .row {
	width: 960px;
	padding: 37px 0;
	display: table-cell;
	vertical-align: middle;
}

#footer-logo img {
	padding-top: 5px;
}


/************************　アイコン　***********************************************************/
.glyphicon-envelope:before {
    content: "\2709";
	margin-right: 0;
	vertical-align: inherit;
	background: none;
	width: inherit;
	height: inherit;
}
.linklist>li a:before {
	font-family: 'Glyphicons Halflings';
	content: "\e164";
	position: relative;
	top: 2px;
	margin-right: 0;
	vertical-align: inherit;
	background: none;
	width: inherit;
	height: inherit;
}

/************************　見出し　　*********************************************************/

h2 {
	margin: 0 0 30px 0;
}

h3 .text-sm {
	font-size: 14px;
}


/************************　ボタン　*************************************************************/

.btn-md {
	width: 190px;
}

/************************　表組み　*************************************************************/

.table-news-01>thead>tr>th, .table-news-01>tbody>tr>th, .table-news-01>tfoot>tr>th, .table-news-01>thead>tr>td, .table-news-01>tbody>tr>td, .table-news-01>tfoot>tr>td {
	padding: 20px 10px;
	line-height: 1.42857143;
	vertical-align: top;
	font-size: 13px;
}

.table-news-01 .topics-label, .table-news-01 .news-headline {
	display: table-cell;
}

.table-news-01 .news-headline {
	padding-top: 20px;
}

/************************　リスト　*************************************************************/

.linklist>li.email a:before {
	content: "\2709"!important;
	vertical-align: inherit;
	background: none;
	width: inherit;
	height: inherit;
}
.linklist li {
	margin-left: 3.2em;
	text-indent: -1.5em;
	
}

/************************　サムネール　*********************************************************/

.thumbnail h3 {
	font-weight: bold;
	margin: 5px 0 10px 0;
	font-size: 16px;
	border: none;
	background: none;
	padding: 0;
}

/************************　トップページ　*******************************************************/


#home #btn-all-shop, #home #btn-all-corporation, #home #btn-all-feature {
	float: right;
	margin-right: 0;
}
#brand-group {
	margin-bottom: 50px;
}
#brand-group h2 {
	font-size: 18px;
	line-height: 18px;
}
#brand-group .panel {
	text-align: center;
	background: none;
	box-shadow: none;
	display: inline-block;
	vertical-align: top;
	margin: 0 2px;
}
#brand-group .panel-body {
	width: 105px;
	height: auto;
}

#brand-group .panel-footer {
	background: none;
	padding: 5px 0 0;
	display: inherit;
	font-size: 8px;
}
#brand-group a:link, #brand-group a:visited {
	color: #642c07;
}
#brand-group a:hover, #brand-group a:active {
	text-decoration: none;
}
#banners a {
	display: block;
	margin-bottom: 20px;
}

/************************　企業情報　***********************************************************/

#company_info #catchcopy{
  	padding: 70px 0;
}

#company_info #catchcopy img {
	width: 90%;
	height: auto;
}
#company_info .table-01 th {
	width: 200px;
}

#company_info .table-02 th {
	width: 120px;
}
#company_info .table-03 caption {
	caption-side: top;
}

/************************　ご意見・お問い合わせ　***********************************************/

#mailform .table-04 thead {
	background-color: #d1c7ba;
	display: table-header-group;
}
#mailform .table-04 td.web {
	text-align: center;
}

#mailform .table-04 th, #mailform .table-04 td {
	display: table-cell;
}
#mailform .table-04 tbody tr:nth-child(odd) th {
	background-color: #ece9e5;
}
#mailform .table-04 tbody tr:nth-child(even) th {
	background-color: #e7e1da;
}
#mailform .table-04 tbody tr:nth-child(odd) td {
	background-color: #f7f7f7;
}
#mailform .table-04 tbody tr:nth-child(even) td {
	background-color: #f0ece8;
}

/************************　ブランド紹介　*******************************************************/

#brand .thumbnail img, #brand .thumbnail .caption{
	padding:10px;
}
#brand .thumbnail h3 {
	text-align: left;
}

/**********************　　調整　　*************************************************************/


/* ------------------------------------------------- *
 *        margin
 * ------------------------------------------------- */
 .margin-top-xl {
	margin-top: 160px;
}
.margin-top-lg {
	margin-top: 80px;
}
.margin-top-md {
	margin-top: 40px;
}
.margin-top-sm {
	margin-top: 20px;
}
.margin-bottom-xl {
	margin-bottom: 160px;
}
.margin-bottom-lg {
	margin-bottom: 80px;
}
.margin-bottom-md {
	margin-bottom: 40px;
}
.margin-bottom-sm {
	margin-bottom: 20px;
}
/* ------------------------------------------------- *
 *        padding
 * ------------------------------------------------- */
.padding-top-lg {
	padding-top: 80px;
}
.padding-top-md {
	padding-top: 40px;
}
.padding-top-sm {
	padding-top: 20px;
}
.padding-bottom-lg {
	padding-bottom: 80px;
}
.padding-bottom-md {
	padding-bottom: 40px;
}
.padding-bottom-sm {
	padding-bottom: 20px;
}
}

/* -------------------------------------------------- *
 * サイトマップCSS（追加分）
 * -------------------------------------------------- */
#sitemap h3 {
    background-color: #d1c7ba;
    background-image: none;
    border-radius: 0;
    padding: 10px;
}

#sitemap .panel-group>ul {
    margin: 0 0 20px 0;
    padding: 15px 30px;
    border: 1px solid #D1C7BA;
}

#sitemap ul li {
    list-style: none;
    padding: 5px 0;
}
