@charset "utf-8";
/* CSS Document */


/* メディアクエリー
--------------------------------- */

/* スマホ（xs） */
@media (max-width: 767px) {
}

/* タブレット（sm） */
@media (min-width: 768px) {
}

/* PCパソコン（md） */
@media (min-width: 992px) {
}

/* ラージ（lg） */
@media (min-width: 1200px) {
}



/* 共通設定 
--------------------------*/
body {
	color: #333333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 16px;
	background-image: none;
}

/* 個別設定のフォントを無効化 */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.navbar-brand,
.popover-title,
.shop-product h5 {
  font-family: inherit;
	line-height: 1.4;
	margin-top: 0;
	margin-bottom: 10px;
}

/* フォントサイズ */
h1{font-size:22px;}
h2{font-size:20px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
h1 small{font-size:20px;}
h2 small{font-size:18px;}
h3 small{font-size:16px;}
h4 small{font-size:14px;}


/* リンクカラー */
a,
a:hover, 
a:focus {
	color: #EB6A12;
}


/* インデント */
.indent {
	padding-left: 20px;
	/*padding-right: 20px;*/
}


/* エラーメッセージ用 */
.txt_error {
	color: #CC0000;
}




/* bootstrap の再定義用 
--------------------------*/

/* bootstrap のカラムのネストが左右にはみ出る対処 */
.nest_container {
	margin: 0 10px;
}

/* bootstrap が色を変えてるので */
footer .small {
	color: inherit;
}

/* bootstrapのスタータテンプレート用 */
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

/* ラベルが日本語だけなら padding 調整 */
.label.lang_jp{
	padding: .3em .6em .3em;
}

/* table のボーダーは top じゃなくて bottom に引く */
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th {
  border-top: none;
  border-bottom: 1px dotted #ddd;
}

/* ボタンのフォーカス時のカラー */
.btn:focus, 
.btn-showup:hover, 
.btn-showup:focus {
  background-color: #EB6A12;
}

/* ナビゲーション */
.navbar-fixed-top {
	background-color: #FFF;
}

/* ナビゲーションの下マージン不要 */
.navbar {
  margin-bottom: 0;
}




/* タイポグラフィ 
--------------------------*/

/* タイトル */
.title {
	border-left: solid 6px #ED6A12;
	padding-left: 10px;
	/*font-weight: bold;*/
	color: #ED6A12;
}

/* アイテム */
.item {
	color: #ED6A12;
	border-bottom: solid 1px #ED6A12;
}
h3.item,
h4.item,
h5.item {
	border-bottom-style: dotted;
}

/* リード文 */
.lead {
	color: #333;
	font-size: 120%;
	margin-bottom: 10px;
}


/* ラベルの初期値変更 */
.label {
	vertical-align: middle;
	padding: .2em .6em .1em;
}


/* 行間を均一に */
.separate_first {
	margin-top: 0;
	margin-bottom: 5px;
	line-height: 1;
}
.separate {
	margin-top: 5px;
	margin-bottom: 5px;
}
.separate_last {
	margin-top: 5px;
	margin-bottom: 0;
}


/* 行間調整 */
.gyokan_00 {
	margin-bottom: 0;
}
.gyokan_10 {
	margin-bottom: 10px;
}
.gyokan_20 {
	margin-bottom: 20px;
}


/* リンクの頭に矢印アイコンをつける */
.arrow:before {
	font-family: FontAwesome;
	content: "\f054";	/* fa-chevron-right */
	display: inline-block;
	width: 1.2em;
	margin-right: 4px;
}

/* テキストの先頭にアイコンを付ける */
.icon:before {
	font-family: FontAwesome;
	content: "\f111";						/* fa-circle デフォルト */
	display: inline-block;
	width: 1.2em;
	margin-right: 2px;
}
.icon.icon_check:before				{ content: "\f00c"; }	/* レ fa-check */
.icon.icon_arrow:before				{ content: "\f054"; }	/* > fa-chevron-right */
.icon.icon_info:before				{ content: "\f05a"; }	/* i fa-info-circle */
.icon.icon_question:before		{ content: "\f059"; }	/* ? fa-question-circle */
.icon.icon_exclamation:before	{ content: "\f06a"; }	/* ! fa-exclamation-circle */
.icon.icon_pdf:before					{ content: "\f1c1"; }	/* PDF fa-file-pdf-o */
.icon.icon_phone:before				{ content: "\f095"; }	/* TEL fa-phone */
.icon.icon_email:before				{ content: "\f0e0"; }	/* E-mail fa-envelope */






/* 記事 
--------------------------*/

/* セクション */
section {
	margin-bottom: 20px;	/* マージン広めに */
	margin-left: 20px;	/* セクションのインデント */
}

/* ページタイトルの背景 */
.pagetitle {
	padding: 10px 20px;
	background-color: #FEE9F0;
	color: #F7B52C;
	/*font-weight: bold;*/
	margin-bottom: 0;
	border-bottom: solid 1px #FED4E1;
}

/* サブタイトル */
.pagetitle_eng {
	opacity: 0.5;
	color: #000;
	font-size: 70%;
}

/* 記事内のヘッダ */
article h2 {
	border-bottom: dotted 1px #CCC;
}
article h3 {
	border-left: solid 4px #F7B52C;
	padding-left: 8px;
}

/* 記事内のヘッダはベースカラーで */
article h1,
article h2,
article h3,
article h4,
article .h1,
article .h2,
article .h3,
article .h4 {
	color: #F7B52C;
}


/* コンテンツブロックの下マージン調整 */
.block {
	margin-bottom: 30px;
}




/* トップページ 
--------------------------*/

/* facebook の横幅をレスポンシブ対応にする */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
	width: 100% !important;
}


/* ヘッダ 
--------------------------*/

/* マストヘッド */
.masthead {
	height: 6px;
	background-color: #F7B52C;
}

/* ロゴのマージン調整 */
#logo {
	margin: 10px 0;
}

/* ロゴ上のテキストマージン調整 */
#logo p.logo_subtitle {
	margin-bottom: 2px 0 4px;
}

/* 電話番号のマージン調整 */
.call {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* 電話番号の文字色 */
.call p.caution {
	color: #C00;
}

/* スマホ以外の時の位置調整 */
.call.hidden-xs {
	padding-top: 40px;
}

/* スマホ時の電話番号部分 */
.call.visible-xs {
	background-image: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0;
}
.call.visible-xs a.btn {
	background-color: #EB6A12;
	color: #FFF;
}
.call.visible-xs img {
	margin: 5px;
}

/* スマホ時 */
@media (max-width: 767px) {
	/* ロゴのマージン調整 */
	#logo {
		text-align: center;
		border-bottom: solid 1px #DDD;
	}

	/* スマホ時に電話番号を消さない */
	.call,
	.socialmedia {
		xxx_display: inherit;
	}
	
	/* タップして電話 */
	.tap_msg {
		font-size: 85%;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	
	/* タップ用ボタンの padding 調整 */
	.btn.btn_tap {
		padding: 6px 8px;
	}
	
}


/* メインナビ 
--------------------------*/

/* ナビの背景 */
.navbar-default {
	background-color: #FFF;
	border-color: #DDD;
	margin-bottom: 0;
}

@media (min-width: 768px) {
	/* ナビの丸みをなくす */
	.navbar {
		border-radius: inherit;
	}
}

/* ナビ左右の余白をなくす */
.navbar-collapse {
	padding-right: 0;
	padding-left: 0;
}


/* ナビの高さ調整 */
.navbar-nav > li > a {
	display: table-cell;	/* 以下の水平位置 middle を効かせるため */
	vertical-align: middle;
	height: 54px;
	text-align: center;
	border-top: solid 3px #FFF;	/* hover部分 */
	/*border-right: dotted 1px #DDD;*/
}

/* ナビの padding 調整 */
.nav > li > a {
	padding: 10px 25px;	/* 上下サイズを修正すると上記 height も修正する必要あり */
}


/* メインナビのボーダーを表示 */
.navbar-static-top {
	border-width: 1px;
}
/* でもスマホ以外は左右のボーダーなし */
@media (min-width: 768px) {
	.navbar-static-top {
		border-left: 0;
		border-right: 0;
	}
}

/* ドロップダウン背景色 */
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: #FCE1AB;
}

/* ナビ選択時 hover 色 */
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
	color: #333;
	border-top: solid 3px #F8F3E9;
	background-color: #F8F3E9;
}

/* アクティブ時の色設定 */
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
	color: #555;
	border-top: solid 3px #F9C270;
	background-color: inherit;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
	background-color: #F8F3E9;
}

/* ドロップダウン表示後に hover 色がおかしい */
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
	border-top-color: #F9C270;
	border-right-color: #DDD;
}


/* スマホ時 */
@media (max-width: 767px) {

	/* ナビの背景 */
	.navbar-default {
		xxx_background-color: #EEE;
	}

	/* ナビのマージン調整 */
	.navbar-nav {
		margin: 0;
	}

	/* ドロップダウンの br を非表示 */
	.navbar-nav > li > a > br {
		display: none;
	}

	/* ナビの高さ調整 */
	.navbar-nav > li > a {
		display: inherit;	/* 以下の水平位置 middle を効かせるため */
		vertical-align: inherit;
		height: inherit;
		text-align: center;
		border-top: solid 1px #DDD;
		border-right: none;
	}

	/* トグルボタンの背景色 */
	.navbar-default .navbar-toggle {
		background-color: #F8F3E9;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus {
		background-color: #F9C270;
	}
	
	/* ナビ選択時のアンダーライン不要 */
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>li>a:focus {
		border-top: solid 1px #DDD;
		background-color: #F8F3E9;
	}
	
	/* スマホ時ナビのMenu下マージン調整 */
	.navbar-header a.navbar-brand {
		margin-bottom: 0;
	}

	/* ナビの Menu 下に不要な線が出るので */
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {
		border-top: none;
	}

	/* ドロップダウンメニューの hover 色 */
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		background-color: #F8F3E9;
	}

	/* アクティブ時の色設定 */
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus {
		border-top: solid 1px #DDD;
		background-color: #F8F3E9;
	}

}



/* スライダー(flexslider) 
--------------------------*/

/* スライダーのボーダー消去 */
.flexslider {
	margin: 0;
	border: none;
}

/* スライダー下の丸いコントロール消去 */
.flex-control-paging {
	display: none;
}


/* カルーセル（Slick）
--------------------------------- */
/* カルーセルの余白 
.slick {
  padding: 20px;
}*/

/* カルーセルの左が余分 */
.slick ul {
  padding-left: 0;
}

/* 左右の位置、ナビボタンの大きさ変更 */
.slick-prev, 
.slick-next {
	width: 30px;
	height: 30px;
	z-index: 100;
}
.slick-prev:before, 
.slick-next:before {
	font-size: 30px;
	opacity: 0.5;
}
.carousel .slick-prev {
  left: 10px;
}
.carousel .slick-next {
  right: 10px;
}

/* slick標準のアイコンがよく文字化け起こすので FontAwesome に置換 */
button.slick-arrow:before,
.slick-dots li button:before {
  font-family: FontAwesome;
}
button.slick-prev:before { content: "\f137"; } /* fa-chevron-circle-left */
button.slick-next:before { content: "\f138"; } /* fa-chevron-circle-right */
button.slick-prev:before { content: "\f053"; } /* fa-chevron-left */
button.slick-next:before { content: "\f054"; } /* fa-chevron-right */
.slick-dots li button:before { content: "\f111"; } /*  fa-circle */





/* リードブロック
--------------------------*/

/* マージン調整 */
.lead-block .pull-left img {
	margin-right: 10px;
	margin-bottom: 10px;
}

.lead-block .item,
.lead-block .caption {
	margin-bottom: 2px;
}




/* 施設のご紹介 
--------------------------*/

/* サムネイルの padding 調整 */
.thumbnail {
	padding: 10px;
	background-color: #FFF;
}

/* おすすめのラベル */
.thumbnail .label {
	/* background-color: #CC0000; */
	color: #FFF;
}

/* サムネイル内部のキャプションの padding 調整 */
.thumbnail .caption {
	padding: 0;
	min-height: 100px;
}

/* サムネイル内部のキャプションのタイトル */
.thumbnail .caption .item {
	color: #ED6A12;
}

/* 画像のレスポンシブ対応 */
.thumbnail img.img-responsive{
	width: 100%;
	height: auto;
}




/* お知らせ・バナー 
--------------------------*/

/* お知らせ */
ul.info {
	margin-left: 0;
	/*padding-left: 20px;*/
	list-style: none;
}

ul.info li {
	border-bottom: dotted 1px #CCC;
	padding: 4px 0;
}

ul.info .info_date {
	color: #F7B52C;
	margin-right: 8px;
}

/* お知らせのサブタイトルは薄い色 */
ul.info .info_desc {
	color: #999;
	margin-bottom: 0;
}

/* 付箋 */
ul.fusen li, 
div.fusen, 
p.fusen {
	border-left: solid 10px #F7B52C;
	background-color: #FEE9F0;
	margin: 0 0 10px;
	padding: 10px;
}

/* 付箋内のヘッダは上マージンなし */
.fusen h1, 
.fusen h2, 
.fusen h3, 
.fusen .h1, 
.fusen .h2, 
.fusen .h3 {
	margin-top: 0;
}


/* 付箋内の最後の段落は下マージンなし */
.fusen p:last-child {
	margin-bottom: 0;
}

/* 付箋のカラー */
.fusen_red {
	border-left: solid 10px #CC0000 !important;
	background-color: #FAE6E6 !important;
}


/* バナー
--------------------------*/

/* テーマ右のバナー */
div.banner {
	border: solid 1px #CCC;
	padding: 10px;
	text-align: center;
}
div.banner h3,
div.banner p {
	margin-bottom: 0px;	/* マージン調整 */
}


/* バナーブロック */
.banner-block {
	text-align: center;
	background-color: #EEE;
	padding: 10px 0;
}

/* バナーのマージン設定 
.banner-block img {
	margin: 5px;
}*/

/* QRコードのマージン調整 */
img.qr_code {
	margin-left: 10px;
	margin-bottom: 10px;
}




/* リボン
--------------------------*/
[class^="ribon-"], [class*=" ribon-"] {
	display: inline-block;
	width: 62px;
	height: 62px;
/* background-image: url('../images_new/ribon_new.png'); */
	background-position: 0 0;
	background-repeat: no-repeat;
	position:absolute;
	top:-2px;
	right:-2px;
}

.ribon-new {
	background-image: url('../images_new/ribon_new.png');
}



/* フッタ 
--------------------------*/
/* 文字色 */
footer,
footer .lead {
	color: #333;
}

/* お問い合わせ */
footer .phone {
	background-color: #FCE1AB;
	padding: 20px 0;
}

/* 住所 */
footer .address {
	background-color: #F9C270;
	padding: 20px 0;
}

/* 住所のsmallの文字色 */
footer .address .small{
	color: #333;
}

/* 住所の文字色 */
footer .address p{
	color: #333;
}

/* 住所のセパレータ */
footer .address div.office {
	padding-top: 10px;
	padding-bottom: 10px;
}

/* コピーライト */
footer .copyright {
	background-color: #333;
	font-size: 12px;
	color: #999;
	padding: 10px 0;
}

/* フッタのリンクカラー */
footer a,
footer a:hover, 
footer a:focus {
	color: #EB6A12;
}

/* フッタリンクのフォントサイズ */
.foot_link {
	font-size: 12px;
}

/* フットナビにセパレータ付ける */
.foot_navi li {
	border-left: solid 2px #FCE1AB;
	padding-left: 10px;
	margin-bottom: 2px;
}



/* 各種ソーシャルボタンを揃える */
.social_btn {
	/* overflow: hidden; */
	list-style: none;
	margin-bottom: 0;
}
.social_btn li {
	float: left;
	margin-right: 4px;
}
.social_btn iframe {
	margin: 0 !important;
}



/* パンくずリスト
-------------------------------------*/
/* パンくずリストの調整 */
.breadcrumb {
	/*padding: 6px 10px;*/
	padding: 6px 0;
	margin-bottom: 10px;
	border-radius: 0;
	font-size: 12px;
	background-color: transparent;
}

.breadcrumb>li:before,
.breadcrumb>li+li:before {
	content: "\f054";
	font-family: FontAwesome;
  padding-right: 5px;
  color: #ccc;
}


/* カテゴリ・リード
-------------------------------------*/
/* 背景色はグラデーション */
.category-block {
	padding: 20px;
	background: -moz-linear-gradient(top,  rgba(249,194,112,0.5) 0%, rgba(249,194,112,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,194,112,0.5) 0%,rgba(249,194,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,194,112,0.5) 0%,rgba(249,194,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f9c270', endColorstr='#f9c270',GradientType=0 ); /* IE6-9 */
}
/* カテゴリキャプション */
.category-block .caption {
	border-left: 0;
	padding-left: 0;
	color: #333;
	font-weight: bold;
	text-shadow: rgb(255, 255, 255) 0px 0px 10px;
	margin-bottom: 20px;
}



/* フォトギャラリー
-------------------------------------*/
/* サムネイルの周囲のマージン設定 */
.gallery .img-circle, 
.gallery .img-rounded, 
.gallery .img-thumbnail {
	margin: 5px;
	float: left;/* サムネイル間の隙間を消す */
}

/* サムネイルサイズ */
.gallery img {
	width: 100px;
	height: 100px;
}



/* 送信フォーム 
------------------------------------------------*/

/* 必須入力の前にアスタリスクをつける */
.form_require:before {
	color: #CC0000;
	content: "*";
}
.form_require {
	color: #CC0000;
}

/* 記述例 */
.form_example {
	padding-left: 1em;
	color: #666666;
}

/* フォームの注記 */
.form_chuki {
	color: #666666;
}

/* 住所欄、コメント欄が狭いので 
input#address, 
textarea {
	width:300px;
}*/

/* 確認画面の調整 */
.kakunin .form-horizontal .controls {
	font-size: 16px;
	margin-top: 5px;
}

/* 資料請求ボタン、お問い合せボタンの調整 */
.btn_request p {
	font-size: 14px;
	color: #D1F0FF;
	margin-top: 10px;
}
.btn_contact p {
	font-size: 14px;
	color: #F8DCDB;
	margin-top: 10px;
}
.btn_request h4,
.btn_contact h4 {
	font-size: 20px;
}

/* .btn で a タグでないのにクリックできそうな表示になるので修正 */
div.btn:hover, 
div.btn:active, 
div.btn.active, 
div.btn.disabled, 
div.btn[disabled] {
	cursor: auto;
	color: #333333;
	background-color: #F5F5F5;
}

/* div.btn を作るとマージンが変わるのを防ぐ */
.btn-block + div.btn-block {
	margin-top: 0;
}

/* 送信ボタンが右寄せになるのを防ぐ */
.form-actions button {
	float: none !important;
}

/* 入力エラーのテーブル */
table.datalist {
	width: auto;
}
table.datalist th {
	background-color: #EEE;
}
table.datalist td .msg {
	color: #CC0000;
}





/* 会社概要
------------------------------------------------*/

/* 会社プロフィールは折り返し禁止 */
table.profile th {
	white-space: nowrap;
}

/* 会社沿革の年月は折り返し禁止 */
table.enkaku .year,
table.enkaku .month,
table.enkaku td:nth-child(1),
table.enkaku td:nth-child(2) {
	white-space: nowrap;
}

/* 会社沿革の月は右寄せ */
table.enkaku .month,
table.enkaku td:nth-child(2) {
	text-align: right;
}





/* 厨房受託
------------------------------------------------*/
/* 困りごとリスト */
.alert.item_list {
	background-color: #F2E8D4;
	padding: 6px 10px;
	margin-bottom: 10px;
}

/* 解決先 */
.alert.solution {
	color: #FFF;
	text-align: center;
	background-color: #EC6A12;
	padding: 10px 14px;
}

/* ご提案 */
.item_title {
	text-align: center;
	background-color: #F9C270;
	padding: 6px 10px;
}





/* 飲食
------------------------------------------------*/
/* マップの余白 */
.map {
	padding: 10px;
	background-color: #CCC;
}

/* 店舗ページではフッタのお問い合わせ先を消す */
body.tenpo .phone {
	display: none;
}


/* おしながき（金額）は右寄せ、折り返しなし */
body.tenpo table.price tbody td {
	text-align: right;
	white-space: nowrap;
}

/* おしながきの但し書き small */
body.tenpo table.price tbody th small,
body.tenpo table.price tbody th .small{
	font-weight: normal;
}

/* おしながきのラベルとテキスト間をちょっと空ける */
body.tenpo table.price .label {
	margin-right: 4px;
}



/* 五島うどんのリードは背景黒 */
.category-block.kizuna_xxx {
	background: -moz-linear-gradient(top,  rgba(51,51,51,0.5) 0%, rgba(51,51,51,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,0.5) 0%,rgba(51,51,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(51,51,51,0.5) 0%,rgba(51,51,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f9c270', endColorstr='#f9c270',GradientType=0 ); /* IE6-9 */
}
.category-block.kizuna {
	background-image: none;
	background-color: #333;
}
.category-block.kizuna .caption,
.category-block.kizuna p {
	color: #FFF;
	margin-bottom: 20px;
}