@charset "utf-8";

* {
	margin: 0px;
}

body {
	font-family: "Noto Serif JP","Noto Sans", "Noto Sans JP", arial, sans-serif;
	margin: 0px;
	text-align: center; 
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff;
	overflow-x: hidden;                     /* 横スクロールをできないように */
}

/* 画面サイズ関係なく共通の設定 */ 

body p {
	padding-top: 5px;
	padding-bottom: 5px;
}

img {
	border-style: none;
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/** index.php,news.php,news_detail.php: */
article{
}

/** 文字のリンク色 */
a.white:link,a.white:visited {
	color: #FFF;
	text-decoration: none;
	font-size:8pt;
}


/** 文字の大きさ(8pt) */
pt8 {
	font-size:8pt;
}

/** 文字の大きさ(10pt) */
pt10 {
	font-size:10pt;
}

/** h1 */
h1 {
	font-size: 22px;
	color: #4d4d4d; /* テキスト色 */
	padding-bottom: 10px;
}

/** h2 */
h2 {
	font-size: 22px;
	color: #4d4d4d; /* テキスト色 */
	padding-top: 20px;
	padding-bottom: 20px;
	margin-right: 15px;
	margin-left: 15px;
}

/** h3 */
h3 {
	font-size: 22px;
	color: #ffffff; /* テキスト色 */
	padding-bottom: 10px;
}

/** ヘッダーの電話番号(標準時のボタンのスタイル):全ファイル */
.header-button {
    display: inline-block;
    padding: 2px 2px;          /* 上下に(5px)、左右に(2px) */
    background-color: #ffffff; /* 背景色 */
	color: #4d4d4d;            /* テキスト色 */
    text-align: center;        /* 中央寄せ */
    border-radius: 0px;        /* ボタン角 */
    text-decoration: none;     /* リンク時に下線なし */
    font-size: 14px;           /* フォントサイズ */
    margin-left: 10px;         /* メニューとの間隔（左にメニューがある場合）*/
}

/** ヘッダーの電話番号(ホバー時のボタンのスタイル):全ファイル */
.header-button:hover {
    padding: 2px 2px;          /* 上下に(5px)、左右に(2px) */
	background-color: #b8883f; /* 背景色 */
    color: #ffffff ;           /* テキストの色 */
    text-align: center;        /* テキスト中央寄せ */
    border-radius: 0px;        /* ボタン角 */
	text-decoration: none;     /* リンク時に下線なし */
    margin-left: 10px;         /* 標準時のボタンのスタイルより2px小さくすると綺麗に仕上がります */
}

/** 矢印が動くところ(中央寄せや余白調整用):index.php */
.btn-container {
	color: #4d4d4d;     /* テキスト色 */
	text-align: center; /* 中央寄せ */
	margin: 2em 0;      /*上下・左右の余白*/
}

/** 矢印が動くところ(右矢印リンク):index.php */
.arrow-link-right {
	color: #4d4d4d;            /* テキスト色 */
	 --arrow-color: #4d4d4d;
	display: inline-flex;      /* テキストと矢印を横並び */
	align-items: center; 
	color: var(--arrow-color); /* テキスト色 */
	text-decoration: none;     /* リンク時に下線なし */
	position: relative;        /* 疑似要素の位置基準 */
}

/** 矢印が動くところ(ホバー時も文字色を変えない):index.php */
.arrow-link-right:hover {
	color: var(--arrow-color);
}

/** 矢印が動くところ(リンクカラー):index.php */
.arrow-link-right:link {
	color: #4d4d4d; /* テキスト色 */
}

/** 矢印が動くところ(訪問後のリンク):index.php */
.arrow-link-right:visited {
	color: #4d4d4d; /* テキスト色 */
}

/** 矢印が動くところ(マウスがのっているとき):index.php */
.arrow-link-right:hover {
	color: #4d4d4d; /* テキスト色 */
}

/** 矢印が動くところ(クリック中):index.php */
.simple-bg:active {
	color: #4d4d4d;         /* テキスト色 */
	text-decoration: none;  /* リンク時に下線なし */
}

/** 矢印が動くところ(右矢印):index.php */
.arrow-link-right::after {
	content: '';
	position: absolute;
	left: 100%;    /* テキストの右端に配置 */
	width: 60px;   /* 幅 */
	height: 10px;  /* 高さ */ 
	border-bottom: 1px solid var(--arrow-color);
	border-right: 1px solid var(--arrow-color);
	transform: skewX(50deg); 
	transition: all .2s;
}

/* 矢印が動くところ(ホバーで矢印を右にスライド):index.php */
.arrow-link-right:hover::after {
	margin-left: 10px; /* 左マージン */
}

/* メニューの文字の左右に線を引く */
.lines-on-sides, h2 {
  display: table;
  text-align: center;
  white-space: nowrap;
}

.lines-on-sides:after, h2:after, .lines-on-sides:before, h2:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.lines-on-sides:after, h2:after {
	border-left: 1.5em solid transparent;
	margin-left: 15px;
}

.lines-on-sides:before, h2:before {
	border-right: 1.5em solid transparent;
	margin-right: 15px;
}

/* お知らせ詳細(パンくずナビ):news.php,news_detail.php */
.pNav{
	font-size:100%;	
	text-align:left;
	color: #4d4d4d;             /* テキスト色 */
	padding: 0px 20px 0px 0px; /* 上|右|下|左 */
}

/**** お知らせ詳細(パンくずナビ)Pager style(外部化可):news.php,news_detail.php */
.pager{
	text-align:center;
	padding:10px;
	clear:both;
}

/**** お知らせ詳細(パンくずナビ)Pager button:news.php,news_detail.php */
.pager a{
    font-size: 15px;
    padding: 4px 7px 3px;
    text-decoration: none;
	margin:0 3px;
	border-block-end: solid; 
	border-block-end-color: #ccc; 
	solid; writing-mode: horizontal-tb;
}

/**** お知らせ(パンくずナビ)Pager current button:news.php,news_detail.php */
.pager a.current{
    color: #000000; /* テキスト色 */
    font-size: 15px;
    padding: 4px 7px 3px;
	margin:0 3px;
    text-decoration: none;
	border-block-end: solid; 
	border-block-end-color: #b8883f; 
	solid; writing-mode: horizontal-tb;
}

/**** お知らせ(パンくずナビ)Pager hover button:news.php,news_detail.php */
.pager a:hover{
    color: #000000; /* テキスト色 */
}

.overPagerPattern{
	padding:0 2px ;	
}

/**** お知らせ(パンくずナビ)サブタイトル部分:news.php,news_detail.php */
#newsWrap ul li {
	list-style-type: none;
	padding-bottom: 0px;
}

/** お知らせカテゴリボタン:news.php,news_detail.php */

.block1-category {
	margin: 10px;
	font-size: 100%;
}

/** お知らせ(リストのリンク色):index.php,news.php,news_detail.php */
.block-article a:link {
	color: #b8883f;        /* リンク色 */
	text-decoration: none; /* リンクのデフォルト下線を消す */
}

/** お知らせ(リストのリンクを訪れた後の色):index.php,news.php,news_detail.php: */
.block-article a:visited {
	color: #b8883f; /* テキスト色 */
}

/** お知らせ一覧ボタン(文字の位置):index.php */
.button-text {
	text-align:center;
	height: 50px;
	line-height: 50px;
}

/** お知らせ一覧ボタン(外枠色):index.php */
.simple-outline {
	display: block;
	height: 50px;
	width: 200px;
	border: 1px solid #4d4d4d;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px; /* 上|右|下|左 */
}

/** お知らせ一覧ボタン(背景色):index.php */
.simple-bg {
	margin: 0px 0px 0px 10px;  /* 上|右|下|左 */
	background-color: #ffffff; /* 背景色 */
}

/** お知らせ一覧ボタン(マウスを置いた時の背景色):index.php */
.simple-bg:hover {
	border: 1px solid #b8883f;
	background-color: #b8883f;
}

/** お知らせ一覧ボタン(リンク色):index.php */
.simple-bg:link {
	color: #4d4d4d;
	text-decoration: none;
}

/** お知らせ一覧ボタン(訪問後のリンク色):index.php */
.simple-bg:visited {
	color: #4d4d4d;        /* テキスト色 */
	text-decoration: none; /* リンクのデフォルト下線を消す */
}

/** お知らせ一覧ボタン(マウスがのっているとき):index.php */
.simple-bg:hover {
	color:#ffffff;         /* テキスト色 */
	text-decoration: none; /* リンクのデフォルト下線を消す */
}

/** お知らせ一覧ボタン(クリック中):index.php */
.simple-bg:active {
	text-decoration:none;
}

/**: トップへ戻る(クリック中):全ファイル */
#back_top {
	display: none;
	position: fixed;
	right: 30px;
	bottom: 30px;
	cursor: pointer;
}

/* 画面サイズが1000px以上の基本設定 */

/* ヘッダー(タイトルとメニュー):全ファイル(1000px以下) */
header {
	background-color: #ffffff;               /* 背景色 */
/*	background-color: rgba(255,255,255,0.5); /* 半透明 */
    margin-left: auto;
    margin-right: auto;	
/*	-webkit-box-shadow: 1px 1px 1px 0px #d5d5d5;
	box-shadow: 2px 2px 4px 0px #e6e6e6;     /* ヘッダー部分の影(水平位置|垂直位置|ぼかす半径|色) */
	height: 50px;                            /* ヘッダーの高さを指定 */
	z-index: 1;                              /* 他の要素より手前に表示 */
}

/** ヘッダー(タイトルロゴ):全ファイル(1000px以下) */
#site_title_pc {
	display: flex;
    align-items: center;                     /* 上下の中央寄せ */
	gap: 10px;                               /* 画像間のスペース */
	margin-top: 0px;
	margin-left: 10px;                       /* 左マージン:10px */
	/*	width: 220px;                        /* 幅を220ピクセルに固定 */
	height: 50px;                            /* 高さを50ピクセルに固定 */
}

#site_title_pc_pic1 {
	display: flex;
    align-items: center;                     /* 上下の中央寄せ */
	width: auto;                             /* 幅をauto */
	height: auto;                            /* 高さをauto */
}

#site_title_pc_pic2 {
	display: flex;
	align-items: center;                     /* 上下の中央寄せ */
	margin: 5px;                             /* マージン:5px */
	width: auto;                             /* 幅をauto */
	height: auto;                            /* 高さをauto */
}

/* SP:全ファイル(1000px) */
#nav_mo {
	margin-top: 0px;
}

/* PC:全ファイル(1000px) */
#nav_pc {
	margin-top: 0px;
	display: none;
}

/* スライドショー(スライドしている写真の背景色・高さ他):index.php(1000px以上) */
#stage {
	max-width: 100%;
	margin: 0px auto;
	margin-top: 70px;
	position: relative;
}

#stage ul {
	max-width: 100%;
	padding: 0px;
	position:relative;
}

#stage ul li {
	width: 100%;
	list-style-type: none;
	position:absolute;
	opacity: 0;
}

/* スライドショーの画像(高さを固定し横幅だけ伸縮する):index.php(1000px以上) */
#stage img {
	max-width: 100%;
	height: 300px;
	object-fit: cover;
}

/* スライドショー(一番上のタイトル部分からの背景色・高さ他):index.php(1000px以上) */
#content_wrap_slide {
	padding-top: 50px;                       /* 上からの始まりの高さ */
}


/* 画面サイズが768px以上の基本設定:js ブレークポイント[768] */
@media only screen and (min-width: 768px) {

/* スライドショーの画像(高さを固定し横幅だけ伸縮する):index.php(768px以上) */
#stage img {
	max-width: 100%;
	height: 230px;
	object-fit: cover;
}

/* スライドショー(一番上のタイトル部分からの背景色・高さ他):index.php(768px以下) */
#content_wrap_slide {
	padding-top: 50px;                       /* 上からの始まりの高さ */
}

/* 768px以上では改行タグを無効に*/
.sp {
  display: none;
}

/* 768px以上では改行タグを無効に*/
.sp-br {
  display: none;
}
}

/* 画面サイズが768px以下の設定:js ブレークポイント[768] */
@media screen and (max-width: 768px) {

/* 768px未満:改行タグを有効に */
.sp {
	margin: 5px;
	display: block;
}
}

/* 画面サイズが500px以下の本文部分の幅設定:js ブレークポイント[500] */
@media screen and (max-width: 500px) {

/* 500px未満で改行タグを有効に */
.sp-br {
    display: block;
}
}

/* 画面サイズが1000px以下の基本設定:js ブレークポイント[1000] */

/* ヘッダー(タイトルとメニュー):全ファイル(1000px以下) */
header {
	background-color: #ffffff; /* 背景色 */
	position: fixed;           /* 画面固定 */
	top: 0;                    /* 上端に配置 */
	left: 0;                   /* 左端に配置 */
	width: 100%;               /* 画面幅いっぱいに表示 */
	height: 50px;              /* ヘッダーの高さを指定 */
}

/** ヘッダー(タイトルロゴ):
全ファイル(1000px以下) */
#site_title_mo {
	position: absolute;
	float: left;       /* 要素の左寄せ */
	margin-left: 10px; /* 左マージン:10px */
}

/** ヘッダー(ハンバーガーメニュー):
全ファイル(1000px以下) */
#menu_button {
	position: fixed;
	top: 2px;
	right: 2px;
	cursor: pointer;
	display: inline-block;
	width: 48px;
	height: 48px;
/*	background-color: #fff;*/
	z-index: 4; /* 他の要素より手前に表示 */
}

/** ヘッダー(ハンバーガーメニュー/真ん中のライン):
全ファイル(1000px以下) */
#menu_button_line {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 2px;
	margin: -1px 0px 0px -10px;
	background-color: #000;
	transition-duration: 0.2s;
}

/** ヘッダー(ハンバーガーメニュー/上のライン):
全ファイル(1000px以下) */
#menu_button_line:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 25px;
	height: 2px;
	background-color: #000;
	transition-duration: 0.3s;
	margin-top: -10px;
}

/** ヘッダー(ハンバーガーメニュー/下のライン):
全ファイル(1000px以下) */
#menu_button_line:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: 25px;
	height: 2px;
	background-color: #000;
	transition-duration: 0.3s;
	margin-top: 9px;
}

/** ヘッダー(ハンバーガーメニュー/閉じる×部分):
全ファイル(1000px以下) */
#menu_button .close {
	background-color: transparent;
}

/** ヘッダー(ハンバーガーメニュー/閉じる×部分(前)):
全ファイル(1000px以下) */
#menu_button .close:before {
	margin-top: 0px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/** ヘッダー(ハンバーガーメニュー/閉じる×部分(後)):
全ファイル(1000px以下) */
#menu_button .close:after {
	margin-top: 0px;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

/* 今回は利用していない */
#overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(255,255,255,0.80);
	z-index: 5; /* 他の要素より手前に表示 */
}

/** ヘッダー(メニューボタン):
全ファイル(1000px以下) */
#nav_mo > nav {
	position: fixed;
	margin-top: -1000px;
	width: 100%;
	background-color: #fff; /* 背景色 */
	z-index: 3;             /* 他の要素より手前に表示 */
}

#nav_mo > nav > ul {
	padding-left: 0px;
	color: #4d4d4d;  /* テキスト色 */
}

/** ヘッダー(メニューボタン-基本):
全ファイル(1000px以下) */
#nav_mo > nav > ul > li {
	color: #4d4d4d;                   /* テキスト色 */
	margin: 0px 15px;
	list-style-type: none;
/*	border-bottom: 1px solid #ababab; /* ラインの色 */
}

/** ヘッダー(メニューボタン-リンク時):
全ファイル(1000px以下) */
#nav_mo > nav > ul > li > a:link {
	color: #4d4d4d;    /* テキスト色 */
	text-decoration: none;
	display: block;
	padding-top: 15px; /* リンク幅 */
	padding-bottom: 15px;
}

/** ヘッダー(メニューボタン-リンク後):
全ファイル(1000px以下) */
#nav_mo > nav > ul > li > a:visited {
	color: #4d4d4d;    /* テキスト色 */
	text-decoration: none;
	display: block;
	padding-top: 15px; /* リンク幅 */
	padding-bottom: 15px;
}

/* ヘッダー（メニューボタン-WEBご予約）：
全ファイル(1000px以下) */
.btn {
	list-style: none; /*「・」インデントの削除*/
	padding-left: 0;  /*インデントの左の余白を削除*/
	margin-top: 20px;
	margin-bottom: 0px;
}

.btn li {
/*	display: inline-block;*/
	margin-left: 10px;
	margin-right: 10px;
	border: solid 1px #4d4d4d; /* 四角で囲む色 */
}

/** キャンペーン:index.php(1000px以下) */
#block00 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;
	padding-top: 100px;    /* 上 */
	padding-bottom: 20px; /* 下 */
/* 	border-bottom: 1px solid #CCCCCC;*/
}

/** キャンペーン(マージン):index.php(1000px以下) */
#content00 {
	margin: 0px auto;
	margin-right: 20px;
	margin-left: 20px;
}

/** キャンペーン(文字設定・大きさや色の設定):index.php(1000px以下) */
.block00-text0 {
	font-size:22px;	
	color: #9e2328; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

/** キャンペーン(文字設定1):index.php(1000px以下) */
.block00-text1 {
	font-size:10px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 20px;
	margin-right: 5px;
	margin-left: 5px;
}

/** キャンペーン(文字設定2):index.php(1000px以下) */
.block00-text2 {
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 0px;
}

/** キャンペーン(文字設定3):index.php(1000px以下) */
.block00-text3 {
	font-size:18px;	
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
}

/** スライドショー(スライドしている写真の背景色・高さ他)
index.php(1000px以下) */
#stage {
	max-width: 100%;
	margin-top: 70px;
	background-color: #fff;
	position: relative;
	margin: 0px auto;
}

#stage ul {
	max-width: 100%;
	padding: 0px;
	position:relative;
}

#stage ul li {
	width: 100%;
	list-style-type: none;
	position:absolute;
	opacity: 0;
}

/** スライドショーの画像(高さを固定し横幅だけ伸縮する):
index.php(1000px以下) */
#stage img {
	max-width: 100%;
	height: 300px;
	object-fit: cover;
}

/** スライドショー(一番上のタイトル部分からの背景色・高さ他):
index.php(1000px以下) */
#content_wrap_slide {
	padding-top: 50px; /* 上からの始まりの高さ */
}

/** スライドショー(コントロールボタン):
index.php(1000px以下) / 今回は未使用 */
#slide_control {
	position: absolute;
}

[id^='photo_'] {
	cursor: pointer;
}

/** スライドショー(プレビューボタン):
index.php(1000px以下) / 今回は未使用 */
#prev_button {
	cursor: pointer;
}

/** スライドショー(次へボタン):
index.php(1000px以下) / 今回は未使用 */
#next_button {
	cursor: pointer;
}

/** スライドショー(止まるボタン):
index.php(1000px以下) / 今回は未使用 */
#play_stop {
	cursor: pointer;	
}

/** 当店について:index.php(1000px以下) */
#block0 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;
	padding-top: 40px;    /* 上 */
	padding-bottom: 20px; /* 下 */
/* 	border-bottom: 1px solid #CCCCCC;*/
}

/** 当店について(マージン):index.php(1000px以下) */
#content0 {
	margin: 0px auto;
	margin-right: 20px;
	margin-left: 20px;
}

/** 当店について(文字設定・大きさや色の設定):index.php(1000px以下) */
.block0-text0 {
	font-size:22px;	
	color: #9e2328; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

/** 当店について(文字設定1):index.php(1000px以下) */
.block0-text1 {
	font-size:10px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 20px;
	margin-right: 5px;
	margin-left: 5px;
}

/** 当店について(文字設定2):index.php(1000px以下) */
.block0-text2 {
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 0px;
}

/** 当店について(文字設定3):index.php(1000px以下) */
.block0-text3 {
	font-size:18px;	
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
}

/** 当店についてのタイトル背景:aboutus.php(1000px以下) */
.block0-title {
	padding-top: 70px;                                         /* 上からの始まりの高さ */
	background-image: url("../img/aboutus/aboutus_title.jpg"); /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                             /* 縦幅のサイズを指定 */
	background-position: center;                               /* 画像の表示位置を指定 */
	background-size: cover;                                    /* 画像のサイズを指定 */
	object-fit: cover;
}

/** 当店について(画像設定):aboutus.php(1000px以下) */
.block0-img1 {
	margin: 20px;
}

/** 当店について(文字設定・大きさや色の設定):aboutus.php(1000px以下) */
.block0-text4 {
	font-size:22px;	
	color: #9e2328; /* テキスト色 */
	margin: 15px;
	text-align: left;
}

/** 当店について(文字設定5):aboutus.php(1000px以下) */
.block0-text5 {
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 0px;
	text-align: left;
}

/** 当店について>プロフィール:aboutus.php:(1000px以下) */
#block01 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;
	background-size: contain;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 40px;    /* 上 */
}

/** 当店について>プロフィール(文字設定・大きさや色の設定):aboutus.php(1000px以下) */
.block01-text0 {
	font-size:22px;	
	color: #9e2328; /* テキスト色 */
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

/* 当店について>プロフィール(文字設定1):aboutus.php(1000px以下) */
.block01-text1 {
	font-size:12px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 10px;
	margin-left: 10px;
	padding-bottom: 20px;
}

/* 当店について>プロフィール(マージン):aboutus.php(1000px以下) */
#content01 {
	margin: 20px;
}

/* 当店について>プロフィール,料理への思い(列設定):aboutus.php,concept.php(1000px以下) */
.block01-column {
	margin: 15px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/* 当店について>プロフィール,料理への思い(文字設定2):aboutus.php,concept.php(1000px以下) */
.block01-text2 {
	font-size:14px;	
	line-height: 1.5;
	color: #4d4d4d;      /* テキスト色 */
	margin-right: 15px;  /* 右 */
	margin-left: 15px;   /* 左 */
	text-align: left;    /* 左寄せ */
}

/* 料理への思い(マージン):concept.php(1000px以下) */
#content21 {
	margin: 20px;
}

/* 料理への思い(文字設定・大きさや色の設定4):concept.php(1000px以下) */
.block21-text4 {
	font-size:22px;	
	color: #9e2328; /* テキスト色 */
	margin: 15px;
	text-align: left;
}

/** 料理への思い(文字設定5):concept.php(1000px以下) */
.block21-text5 {
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 0px;
	text-align: left;
}

/* おすすめコース(マージン):shizuoka_tea_special_courses.php(1000px以下) */
#content22 {
	margin: 20px;
}

/* おすすめコース(画像設定・大きさの設定1):shizuoka_tea_special_courses.php(1000px以下) */
.block22-img1 {
	margin: 20px;
}

/* おすすめコース(列設定):shizuoka_tea_special_courses.php(1000px以下) */
.block22-column {
	margin: 15px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/* おすすめコース(文字設定2):shizuoka_tea_special_courses.php(1000px以下) */
.block22-text2 {
	font-size:14px;	
	line-height: 1.5;
	color: #4d4d4d;      /* テキスト色 */
	margin-right: 15px;  /* 右 */
	margin-left: 15px;   /* 左 */
	text-align: left;    /* 左寄せ */
}

.video-container video {
    width: 100%;       /* 親要素の幅いっぱいに表示 */
    height: auto;      /* 幅に合わせて高さを自動調整し、縦横比を維持 */
    max-width: 1400px; /* 最大幅を指定して、大きくなりすぎないように制御 */
    display: block;    /* 中央寄せなどのレイアウト調整用にブロック要素化 */
    margin: 0 auto;    /* 中央寄せの例 */
}

/* おすすめコース(文字設定・大きさや色の設定4):shizuoka_tea_special_courses.php(1000px以下) */
.block22-text4 {
	font-size:22px;	
	color: #9e2328; /* テキスト色 */
	margin: 15px;
	text-align: left;
}

/** おすすめコース(文字設定5):shizuoka_tea_special_courses.php(1000px以下) */
.block22-text5 {
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 15px;
	margin-left: 15px;
	padding-bottom: 0px;
	text-align: left;
}

/* お知らせ一覧:index.php,news.php,news_detail.php(1000px以下) */
#block1 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;                           /* 背景色 */
	padding-top: 40px;                                   /* 上 */
}

/* お知らせ一覧(マージン):index.php(768px以下) */
#content1 {
	padding-bottom: 20px;                                /* 下 */
	margin-right: 20px;                                  /* 右 */
	margin-left: 20px;                                   /* 左 */
}

/* お知らせ一覧(文字設定1):index.php(768px以下) */
.block1-text1 {
	font-size:12px;	
	color: #4d4d4d;                                      /* テキスト色 */
	font-size: 90%;
	margin: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

/* お知らせ一覧のタイトル背景:news.php,news_detail.php(768px以下) */
.block1-title {
	padding-top: 70px;                                   /* 上からの始まりの高さ */
	background-image: url("../img/news/news_title.jpg"); /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                       /* 縦幅のサイズを指定 */
	background-position: center;                         /* 画像の表示位置を指定 */
	background-size: cover;                              /* 画像のサイズを指定 */
	object-fit: cover;
}

/* お知らせ一覧(画像設定1):news.php,news_detail.php(768px以下) */
.block1-img1 {
	margin: 15px;
}

/* お知らせ一覧(文字設定2):news.php(768px以下) */
.block1-text2 {
	font-size:12px;	
	color: #4d4d4d;                                             /* テキスト色 */
	font-size: 90%;
	margin: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

/* お知らせ一覧(文字設定3):news_detail.php(768px以下) */
.block1-text3 {
	font-size: 100%;
	line-height: 2;
	text-align: left;
	color: #4d4d4d;                                             /* テキスト色 */
	margin: 0px 0px 20px 0px;
}

/** お知らせ一覧(ボタン位置):index.php(768px以下) */
.block1-button1 {
	clear: both;
	display: inline-block;
	text-align: center;
	margin: 0px auto;
	margin: 20px 0px 20px 0px;                                  /* マージン/上|右|下|左 */
}

/* お知らせ(カテゴリに下線を引く):news.php(768px以下) */
.nav-link {
    text-decoration: none;                                      /* デフォルトの下線を消す */
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;                       /* デフォルトでは透明な下線を設定 */
    transition: border-color 0.3s;                              /* スムーズな切り替え */
}

/* お知らせ(カテゴリに下線を引く･アクティブ):news.php(768px以下) */
.nav-link.active {
	border-bottom-color: #b8883f;                               /* activeクラスが付いたら下線を表示 */
/*    text-decoration: underline; でも単純な下線は表示可能です */
}

/* お知らせ(カテゴリ):news_detail.php(768px以下) */
.block1-category {
	margin: 10px 0px 30px 0px;                                  /* マージン/上|右|下|左 */
}

/* お知らせ(タイトル):news_detail.php(768px以下) */
.block1-title1 {
	font-size: 130%;
	color: #4d4d4d;                                             /* テキスト色 */
	font-weight: bold;                                          /* 太字 */
	margin: 20px 0px 20px 0px;                                  /* マージン/上|右|下|左 */
}

/* お知らせタイトル（マージン）index.php,news.php,news_detail.php(768px以下) */
.block1-title2 {
	margin: 0px 0px 20px 0px;                                   /* マージン/上|右|下|左 */
}

/* お知らせ(内容):news_detail.php(768px以下) */
.detail {
	margin: 20px 0px 20px 0px;                                  /* マージン/上|右|下|左 */
}

/* お知らせ(内容):news_detail.php(768px以下) */
.detailText {
	font-size: 100%;
	line-height: 2;
	text-align: left;
	color: #4d4d4d;                                             /* テキスト色 */
	margin: 20px 0px 20px 0px;                                  /* 上|右|下|左 */
}

/* お知らせ(内容・本文):news_detail.php(768px以下) */
.comment{
	font-size: 100%;                                            /* 文字の大きさ */
	line-height: 2;
	color: #4d4d4d;                                             /* テキスト色 */
	display:block;
	padding-top: 30px;                                          /* 上間隔量 */
	float:left;
	overflow:hidden;
	text-align: left;
	margin: 20px 0px 20px 0px;                                  /* 上|右|下|左 */
}

/* お知らせ(幅):index.php(768px以下) */
ul#newsList {
	padding: 0px 0px 0px 0px;                                   /* 上|右|下|左 */
	text-align: left; 
}

/* お知らせ(上の1本の罫線):index.php,news.php(768px以下) */
hr {
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #dddddd;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

/* お知らせ(パンくずナビ):news.php(768px以下) */
.parts_pNav {
	font-size: 100%;                                            /* 文字の大きさ */
	max-width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 20px; /* 上 */
	padding-bottom: 20px; /* 下 */
	margin: 10px auto;
}

/* ????????:
news.php */
p.sample {
}

/* 料理への思い:index.php:(1000px以下) */
#block2 {
	max-width: 100%;
	clear: both;
	background-color: #f8f5ed;                                  /* 背景色 */
	padding-top: 40px;                                          /* 上 */
}

/** 料理への思い(マージン):index.php(1000px以下) */
#content2 {
	padding-bottom: 20px;                                       /* 下 */
	margin-right: 20px;                                         /* 右 */
	margin-left: 20px;                                          /* 左 */
}

/** 料理への思い(列設定)/(EN)recommended_courses(列設定):index.php/(EN)index.php(1000px以下) */
.block2-column {
	margin: 20px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/** 料理への思い(右列の文字設定1):index.php(1000px以下) */
.block2-text1 {
	margin: 20px;
	text-align: left;
	font-size: 120%;
	line-height: 1.5;
	color: #4d4d4d;
}

/** 料理への思い(右列の文字設定2):index.php(1000px以下) */
.block2-text2 {
	margin: 20px;
	text-align: left;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
}

/** 料理への思い(右列の文字設定3):index.php(1000px以下) */
.block2-text3{
	font-size:18px;	
	color: #4d4d4d;                                             /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	text-align: right;
}

/* 料理への思い:concept.php:(1000px以下) */
#block21 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;                                  /* 背景色 */
	padding-top: 40px;                                          /* 上 */
}

/* 料理への思いのタイトル背景:concept.php(1000px以下) */
.block21-title {
	padding-top: 70px;                                         /* 上からの始まりの高さ */
	background-image: url("../img/concept/concept_title.jpg"); /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                             /* 縦幅のサイズを指定 */
	background-position: center;                               /* 画像の表示位置を指定 */
	background-size: cover;                                    /* 画像のサイズを指定 */
	object-fit: cover;
}

/* おすすめコース:en/shizuoka_tea_special_course.php(1000px以下) */
#block22 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;                                  /* 背景色 */
	padding-top: 40px;                                          /* 上 */
}

/* おすすめコースのタイトル背景:en/shizuoka_tea_special_courses.php(1000px以下) */
.block22-title {
	padding-top: 70px;                                          /* 上からの始まりの高さ */
	background-image: url("../img/recommended_courses/shizuoka_tea_special_courses_title.jpg"); /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

/** メニュー:index.php:(1000px以下) */
#block3 {
	max-width: 100%;
	clear: both;
	background-image: url(../img/index/menu_bcg.jpg);
	background-size: contain;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding-top: 40px;                                          /* 上 */
}

/** メニュー(文字設定・大きさや色の設定):index.php(1000px以下) */
.block3-text0 {
	font-size:22px;	
	color: #9e2328;                                             /* テキスト色 */
	margin-top: 20px;
	margin-right: 5px;
	margin-left: 5px;
}

/** メニュー(文字設定1):index.php(1000px以下) */
.block3-text1 {
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d;                                             /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 20px;
}

/** メニュー(マージン):index.php(1000px以下) */
#content3 {
	padding-bottom: 20px;                                       /* 下 */
	margin-right: 20px;                                         /* 右 */
	margin-left: 20px;                                          /* 左 */
}

/** メニュー(列設定):index.php(1000px以下) */
.block3-column {
	margin: 10px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/** メニュー(文字設定2):index.php(1000px以下) */
.block3-text2 {
	line-height: 1.5;
	color: #4d4d4d;                                             /* テキスト色 */
	margin-right: 5px;                                          /* 右 */
	margin-left: 5px;                                           /* 左 */
	text-align: left;                                           /* 左寄せ */
}

/* メニュー(文字設定3):en/menu.php(1000px以下) */
.block3-text4 {
	line-height: 1.5;
	color: #4d4d4d;                                             /* テキスト色 */
	font-size:18px;	                                            /* テキストサイズ */
	margin-bottom: 15px;                                        /* 下 */
	text-align: center;                                         /* 中央寄せ */
}

/* メニュー:menu.php:(1000px以下) */
#block31 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff;                                  /* 背景色 */
	padding-top: 40px;                                          /* 上 */
}

/* メニューのタイトル背景:menu.php(1000px以下) */
.block31-title {
	padding-top: 70px;                                          /* 上からの始まりの高さ */
	background-image: url("../img/menu/menu_title.jpg");        /* 画像のURLを指定 */
	max-width: 100%;                                            /* */
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

/** アクセス:index.php(1000px以下) */
#block4 {
	max-width: 100%;
	background-color: #ffffff;                                  /* 背景色 */
	clear: both;
 	border-bottom: 1px solid #CCCCCC;
	padding-top: 40px;                                          /* 上 */
}

#content4 {
	padding-bottom: 20px;                                       /* 下 */
	margin-right: 20px;                                         /* 右 */
	margin-left: 20px;                                          /* 左 */
}

.block4-text1 {
	padding-top: 20px;                                          /* 上 */
	padding-bottom: 0px;                                        /* 下 */
	color: #4d4d4d;                                             /* テキスト色 */
	font-size: 100%;
	margin-right: 5px;
	margin-left: 5px;
}

.block4-text2 {
	color: #4d4d4d;                                             /* テキスト色 */
	font-size: 80%;
	margin: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

/** アクセス:access.php(1000px以下) */
#block41 {
	max-width: 100%;
	background-color: #ffffff;                                  /* 背景色 */
	clear: both;
	padding-top: 40px;                                          /* 上 */
}

/** アクセスのタイトル背景:access.php(1000px以下) */
.block41-title {
	padding-top: 70px;                                          /* 上からの始まりの高さ */
	background-image: url("../img/access/access_title.jpg");    /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

.block41-text1 {
	padding-top: 20px;                                          /* 上 */
	padding-bottom: 0px;                                        /* 下 */
	color: #4d4d4d;                                             /* テキスト色 */
	font-size: 100%;
	margin-right: 5px;
	margin-left: 5px;
}

.block41-text2 {
	color: #4d4d4d;                                             /* テキスト色 */
	font-size: 80%;
	margin: 5px;
	margin-right: 5px;
	margin-left: 5px;
}

/* Googleマップを最大画面で:index.php(1000px以下) */
#map-container {
	width: 100vw;                                               /* ビューポートの幅の100% */
	height: 400px;                                              /* ビューポートの高さの400px */
	object-fit: cover;                                          /* 潰れることなくキレイに表示 */
	margin-top: 20px;
}

/* iframeを使用する場合の追加スタイル:index.php(1000px以下) */
#map-container iframe {
  height: 100%;
  width: 100%;
}

/* ご予約・お問い合わせ-お電話・ネット:index.php(1000px以下) */
#block5 {
	max-width: 100%;
	background-color: #ffffff;                                  /* 背景色 */
	clear: both;
	padding-top: 40px;                                          /* 上 */
}

#content5 {
	margin-left: 20px;                                          /* 左 */
	margin-right: 20px;                                         /* 右 */ 
}

/* ご予約・お問い合わせ-お電話・ネット(列設定):index.php(1000px以下) */
.block5-column {
	margin: 10px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/* ご予約・お問い合わせ-お電話・ネット(タイトル背景設定):index.php(1000px以下) */
.block5-title {
	background-color: #ece7d9;                                  /* 背景色 */
}

/** ご予約・お問い合わせ-お電話・ネット(タイトル文字設定):
index.php(1000px以下) */
.block5-text1 {
	margin: 20px;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/** ご予約・お問い合わせ-お電話・ネット(電話番号文字設定):
index.php(1000px以下) */
.block5-text2 {
	margin: 20px;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/** ご予約・お問い合わせ-お電話・ネット-ボタン(リンク色):
index.php(1000px以下) */
.block5-text2 a:link {
	font-size: 150%;                                            /* フォントサイズ */
	color: #b8883f;                                             /* リンク色 */
	text-decoration: none;                                      /* リンクのデフォルト下線を消す */
}

/** ご予約・お問い合わせ-お電話・ネット-ボタン(訪問後のリンク色):
index.php(1000px以下) */
.block5-text2 a:visited {
	font-size: 150%;                                            /* フォントサイズ */
	color: #b8883f;                                             /* リンク色 */
	text-decoration: none;                                      /* リンクのデフォルト下線を消す */
}

/** ご予約・お問い合わせ-お電話・ネット(注意書き文字設定):
index.php(1000px以下) */
.block5-text3{
	color: #4d4d4d; /* テキスト色 */
	font-size: 80%;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}

/** ご予約・お問い合わせ-お電話・ネット(ボタン位置):
index.php(1000px以下) */
.block5-button1 {
	padding-top: 10px; /* 上 */
	clear: both;
	display: inline-block;
	text-align: center;
}

/** ご予約・お問い合わせ-キャンセルポリシー:
index.php(1000px以下) */
#block6 {
	max-width: 100%;
	background-color: #ffffff; /* 背景色 */
	clear: both;
}

/** ご予約・お問い合わせ-キャンセルポリシー(マージン):
index.php(1000px以下) */
#content6 {
	padding-top: 0px;    /* 上 */
	padding-bottom: 0px; /* 下 */
	margin-left: 20px;
	margin-right: 20px;
}

/** ご予約・お問い合わせ-キャンセルポリシー(列設定):
index.php(1000px以下) */
.block6-column {
	margin: 10px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/** ご予約・お問い合わせ-キャンセルポリシー(タイトル背景設定):
index.php(1000px以下) */
.block6-title {
	background-color: #ece7d9; /* 背景色 */
}

/** ご予約・お問い合わせ-キャンセルポリシー(タイトル文字設定):
index.php(1000px以下) */
.block6-text1 {
	margin-top: 20px;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/** ご予約・お問い合わせ-キャンセルポリシー(内容文字設定):
index.php(1000px以下) */
.block6-text2 {
	margin-top: 10px;
	margin-buttom: 10px;
	font-size: 90%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/** ご予約・お問い合わせ-キャンセルポリシー内容:
index.php(1000px以下) */
#block7 {
	max-width: 100%;
	background-color: #ffffff; /* 背景色 */
	clear: both;
}

/** ご予約・お問い合わせ-キャンセルポリシー内容(マージン):
index.php(1000px以下) */
#content7 {
	padding-top: 0px;    /* 上 */
	padding-bottom: 0px; /* 下 */
	margin-left: 20px;
	margin-right: 20px;
}

/** ご予約・お問い合わせ-キャンセルポリシー内容(列設定):
index.php(1000px以下) */
.block7-column {
	margin: 10px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/* ご予約・お問い合わせ-キャンセルポリシー内容(列の文字設定1):index.php(1000px) */
.block7-text1 {
	padding-top: 10px;                                           /* 上 */
	font-size: 100%;
    margin-bottom: 0.1rem;
    border-bottom: 1px solid #4d4d4d;
	display: inline-block;
	color: #4d4d4d;
	text-align: center;
}

/* ご予約・お問い合わせ-キャンセルポリシー内容(列の文字設定2):index.php(1000px) */
.block7-text2 {
	padding-top: 10px;                                          /* 上 */
	font-size: 90%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/* ご予約・お問い合わせ-キャンセルポリシー内容(列の文字設定3):index.php(1000px) */
.block7-text3{
	color: #4d4d4d;                                             /* テキスト色 */
	font-size: 80%;
	margin-right: 5px;
	margin-left: 5px;
	text-align: center;
}

/* ご予約・お問い合わせ-クレジットカード:index.php(1000px) */
#block8 {
	max-width: 100%;
	background-color: #ffffff;                                  /* 背景色 */
	clear: both;
}

/* ご予約・お問い合わせ-クレジットカード(マージン):index.php(1000px) */
#content8 {
	padding-top: 0px;                                           /* 上 */
	padding-bottom: 40px;                                       /* 下 */
	margin-left: 20px;
	margin-right: 20px;
}

/* ご予約・お問い合わせ-クレジットカード(列設定):index.php(1000px) */
.block8-column {
	margin: 10px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/* ご予約・お問い合わせ-クレジットカード(列設定):index.php(1000px) */
.block8-title {
	background-color: #ece7d9;                                  /* 背景色 */
}

/* ご予約・お問い合わせ-クレジットカード(列の文字設定1):index.php(1000px) */
.block8-text1 {
	margin-top: 20px;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/* ご予約・お問い合わせ-クレジットカード(列の文字設定2):index.php(1000px) */
.block8-text2 {
	padding-top: 10px;                                          /* 上 */
	font-size: 90%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/* スペシャルコンテンツ:index.php(1000px) */
#block9 {
	max-width: 100%;
	background-color: #b19054;                                  /* 背景色 */
	clear: both;
	padding-top: 40px;                                          /* 上 */
}

/* スペシャルコンテンツ(マージン):index.php(1000px) */
#content9 {
	padding-bottom: 40px;                                       /* 下 */
	margin-left: 20px;
	margin-right: 20px;
}

/* スペシャルコンテンツ(列設定):index.php(1000px) */
.block9-column {
	margin: 10px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/* スペシャルコンテンツ(列の文字設定1):index.php(1000px) */
.block9-text1 {
	margin: 10px;
	font-size: 120%;
	line-height: 1.5;
	color: #ffffff;
	text-align: center;
}

/* スペシャルコンテンツ(列の文字設定2):index.php(1000px) */
.block9-text2 {
	margin-top: 20px;
	text-align: left;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
	text-align: center;
}

/* フッターの前の余白:すべてのファイル(1000px) */
#block10 {
	max-width: 100%;
	clear: both;
	padding-top: 25px;                                          /* 上 */
}

/* フッター前(マージン):すべてのファイル(1000px) */
#content10 {
	padding-bottom: 60px;                                       /* 下 */
	margin-left: 20px;
	margin-right: 25px;
}

/* フッター(copyright(c)文字設定1):全ファイル(1000px) */
.parts_f .text1 {
	max-width: 100%;
	margin: 0px 10px 5px 10px;                                  /* 上|右|下|左 */
	color: #949494;
	font-size: 80%;
}

/* フッター(copyright(c)文字設定2):全ファイル(1000px) */
.parts_f .text2 {
	max-width: 100%;
	margin: 0px 0px 20px 0px;                                   /* 上|右|下|左 */
	color: #949494;
	font-size: 70%;
}
/* フッター(画像設定):全ファイル(1000px) */
.parts_f .img1 {
	max-width: 100%;
	margin: 30px 0px 30px 0px;                                  /* 上|右|下|左 */
	text-align: center;                                         /* 中央寄せ */
}


/* ハンバーガーメニュー(文字設定):全ファイル(1000px以下) */
.btn-text {
	list-style: none;                                           /* 「・」インデントの削除 */
	padding-left: 0;                                            /* インデントの左の余白を削除 */
	margin-top: 0px;
	font-size: 70%;
}


/* フッター(SNS画像設定):全ファイル(1000px) */
.sns-text {
	list-style: none;                                           /* 「・」インデントの削除 */
	padding-left: 0;                                            /* インデントの左の余白を削除 */
	margin-top: 10px;
	color: #949494;
	font-size: 90%;
    align-items: center;                                        /* 上下の中央寄せ */
}

.sns-btn {
	list-style: none;                                           /* 「・」インデントの削除 */
	padding-left: 0;                                            /* インデントの左の余白を削除 */
	margin-top: 10px;
}

.sns-btn li {
	display: inline-block;
	width: 30px;
	padding-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
}

/* フッター(背景及び下部の線):全ファイル(1000px) */
footer {
	clear: both;
	border-bottom: 3px solid #c8a865;
	padding-top: 20px;
	padding-bottom: 15px;
	background-color: #323232;
}

/* フッター(リンク色):全ファイル(1000px) */
footer a:link {
	color: #969696;                                             /* テキスト色 */
	text-decoration: none;
}

/* フッター(リンクを訪れた後の色):全ファイル(1000px) */
footer a:visited {
	color: #969696;                                             /* テキスト色 */
	text-decoration: none;
}

/** フッター(????????):全ファイル(1000px) */
.supplement {
	font-size: 90%;
	color: #fad048;                                             /* テキスト色 */
}

/* 画面サイズが1000px以上の基本設定:js ブレークポイント[1000] */
@media only screen and (min-width: 1000px) { 

/** ヘッダー(タイトルとメニュー)ハンバーガーメニューになる:header(1000px) */
header {
	background-color: rgba(0,0,0,0.5);                          /* 黒・半透明 */
	position: fixed;                                            /* 画面固定 */
	top: 0;                                                     /* 上端に配置 */
	left: 0;                                                    /* 左端に配置 */
	width: 100%;                                                /* 画面幅いっぱいに表示 */
	height: 70px;                                               /* ヘッダーの高さを指定 */
  	position: fixed;
	width: 100%;
}

/* ヘッダー(メニューボタン・SP)ハンバーガーメニューになる:header(1000px) */
#nav_mo {
	display: none;
}

/* ヘッダー(メニューボタン・PC)ハンバーガーメニューになる:header(1000px) */
#nav_pc {
	display: block;
	margin-right: 20px;                                         /* 右マージン */
}

/* ヘッダー(タイトルロゴ・SP)ハンバーガーメニューになる:header(1000px) */
#site_title_mo {
	display: none;
	position: fixed;                                            /* 画面固定 */
	float: left;                                                /* 要素の左寄せ */
	margin-left: 20px;                                          /* 左マージン:20px */
}

/* ヘッダー(タイトルロゴ・PC)ハンバーガーメニューになる:header(1000px) */
/* 今回は使っていない */
#nav_pc > #site_title_pc {
	display: flex;
    align-items: center;                                        /* 上下の中央寄せ */
	gap: 5px;                                                   /* 画像間のスペース */
	float: left;                                                /* 要素の左寄せ */
	margin-left: 20px;                                          /* 左マージン:20px */
/*	width: 220px;                                               /* 幅を220px固定 */
	height: 70px;                                               /* 高さを70pxに固定 */
}

#site_title_pc_pic1 {
	display: flex;
    align-items: center;                                        /* 上下の中央寄せ */
	width: auto;                                                /* 幅をauto */
	height: auto;                                               /* 高さをauto */
}

#site_title_pc_pic2 {
	display: flex;
	align-items: center;                                        /* 上下の中央寄せ */
	margin: 5px;
	width: auto;                                                /* 幅をauto */
	height: auto;                                               /* 高さをauto */
}

/* ヘッダー内(左)ハンバーガーメニューになる:header(1000px) */
#nav_pc > #nav_left {
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	float: left;                                                /* 要素の左寄せ */
    width: 40%;
    text-align: left;
}

/* ヘッダー内(右)ハンバーガーメニューになる:header(1000px) */
/* 今回は使っていない */
#nav_pc > #nav_right {
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	float: right;                                               /* 要素の右寄せ */
    width: 66%; 
	text-align: right;
}

#nav_pc > nav {
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	position: static;
	margin-top: 0px;
	width: auto;
}

#nav_pc > nav > ul {
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	padding-top: 22px;                                          /* メニュー(文字)の上の空き幅 */
	padding-left: 0px;
}

#nav_pc > nav > ul > li {
/*	border-bottom: 0px solid #515151;*/
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	display: inline;
	padding-left: 4px;                                          /* 文字のボタンとボタンの幅 */
	padding-right: 4px;                                         /* 文字のボタンとボタンの幅*/
}

#nav_pc > nav > ul > li > a:link {
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	text-decoration: none;
}

#nav_pc > nav > ul > li > a:visited {
	color: #ffffff;                                             /* テキスト色 */
	font-size: 92%;                                             /* テキストサイズ:92%に設定 */
	text-decoration: none;
}

/* ハンバーガーメニュー↓:共通(1000px) */
#menu_button {
	display: none;
	color: #ffffff;                                             /* テキスト色 */
}

/* スライドショー(スライドしている写真の背景色・高さ他):index.php(1000px) */
#stage {
	max-width: 100%;
}

/* スライドショーの画像(高さを固定し横幅だけ伸縮する):index.php(1000px) */
#stage img {
	max-width: 100%;
	height: 360px;
	object-fit: cover;
}

/** スライドショー(一番上のタイトル部分からの背景色・高さ他):index.php(1000px) */
#content_wrap_slide {
	padding-top: 0px;                                           /* 上からの始まりの高さ */
}


/* 画面サイズが970pxのお知らせの設定 */

/* お知らせ(日付とタイトルのマージン):index.php,news.php,news_detail.php(970px) */

/* 真ん中に整理してくれる */
.parts {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0px auto;
}

/* お知らせ(カテゴリ部分に下線を引く):news.php(970px) */
.nav-link {
    text-decoration: none;                                      /* デフォルトの下線を消す */
    padding-bottom: 1px;
    border-bottom: 1px solid transparent;                       /* デフォルトでは透明な下線を設定 */
    transition: border-color 0.3s;                              /* スムーズな切り替え */
}

/* お知らせ(カテゴリ部分に下線を引く･アクティブ):news.php(970px) */
.nav-link.active {
	border-bottom-color: #b8883f;                               /* activeクラスが付いたら青い下線を表示 */
/* text-decoration: underline; でも単純な下線は表示可能です */
}

/* お知らせ(パンくずナビ):news.php(970px) */
.parts_pNav {
	max-width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 20px;                                          /* 上 */
	padding-bottom: 20px;                                       /* 下 */
	margin: 10px auto;
}

/** 当店についてのタイトル背景:aboutus.php(970px以下) */
.block0-title {
	padding-top: 70px;                                          /* 上からの始まりの高さ */
	background-image: url("../img/aboutus/aboutus_title.jpg");  /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

/** 当店について>プロフィール:aboutus.php:(970px以下) */
#block01 {
	clear: both;
	background-color: #ffffff;
	padding-top: 40px;    /* 上 */
}

.block01-text0 {
	font-size:22px;	/* テキストサイズ */
	color: #9e2328; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

.block01-text1 {
	font-size:14px;	/* テキストサイズ */
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 20px;
}

#content01 {
    display: -webkit-flex;
	padding-bottom: 20px; /* 下 */
	margin-right: 20px;   /* 右 */
	margin-left: 20px;    /* 左 */
}

.block01-text {
	margin: 20px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

.block01-text2 {
	margin: 10px;
	font-size:14px;	
	line-height: 2;
	color: #4d4d4d;   /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
	text-align: left; /* 左寄せ */
}

.block01-text3{
	font-size:18px;	/* テキストサイズ */
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	text-align: right;
}

.block01-img { 
	margin: 15px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/** お知らせ:index.php:(970px以下) */
#block1 {
	max-width: 100%;
	clear: both;
	background-color: #ffffff; /* 背景色 */
	padding-top: 40px;         /* 上 */
	padding-bottom: 40px;      /* 下 */
}

/** お知らせ(マージン):index.php(970px以下) */
#content1 {
	padding-bottom: 20px; /* 下 */
	margin-right: 20px;   /* 右 */
	margin-left: 20px;    /* 左 */
}

/** お知らせのタイトル背景:news.php,news_detail.php(970px以下) */
.block1-title {
	padding-top: 70px;                                         /* 上からの始まりの高さ */
	background-image: url("../img/news/news_title.jpg");        /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

/** 料理への思い:index.php:(970px以下) */
#block2 {
	clear: both;
	background-color: #f8f5ed; /* 背景色 */
	padding-top: 40px;         /* 上 */
}

/** 料理への思い(マージン):index.php(970px以下) */
#content2 {
	display: -webkit-flex;
	padding-bottom: 20px; /* 下 */
	margin-right: 20px;   /* 右 */
	margin-left: 20px;    /* 左 */
}

/** 料理への思いのタイトル背景:.php(970px以下) */
.block2-title {
	padding-top: 70px;                                          /* 上からの始まりの高さ */
	background-image: url("../img/concept/concept_title.jpg");  /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

/** 料理への思い(列の画像設定1):index.php(970px以下) */
.block2-img1 {
	float: left;
	max-width: 50%;
	margin: 5px;
}

/** 料理への思い(列のテキスト設定1):
index.php(970px以下) */
.block2-text1 {
	margin: 10px;
	margin-left: 5px;
	text-align: left; /* 左寄せ */
	font-size: 120%;  /* テキストサイズ */
	line-height: 1.5;
	color: #4d4d4d;   /* テキスト色 */
}

/* 料理への思い(列のテキスト設定2):index.php(970px) */
.block2-text2 {
	margin: 20px;
	margin-left: 10px;
	text-align: left;
	font-size: 100%;
	line-height: 1.5;
	color: #4d4d4d;
}

/* 料理への思い(列のテキスト設定3):index.php(970px) */
.block2-text3{
	text-align: left;
	font-size:18px;                                             /* テキストサイズ */
	color: #4d4d4d;                                             /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
}

/* 料理への思い:concept.php:(970px) */
#block21 {
	clear: both;
	background-color: #ffffff;                                  /* 背景色 */
	padding-top: 40px;                                          /* 上 */
}

#content21 {
    display: -webkit-flex;
	padding-bottom: 20px;                                       /* 下 */
	margin-right: 20px;                                         /* 右 */
	margin-left: 20px;                                          /* 左 */
}

/* おすすめコース:shizuoka_tea_special_courses.php:(970px) */
#block22 {
	clear: both;
	background-color: #ffffff;                                  /* 背景色 */
	padding-top: 40px;                                          /* 上 */
}

#content22 {
    display: -webkit-flex;
	padding-bottom: 20px;                                       /* 下 */
	margin-right: 20px;                                         /* 右 */
	margin-left: 20px;                                          /* 左 */
}

/** メニュー:index.php:(970px以下) */
#block3 {
	clear: both;
	background-color: #ffffff;
	padding-top: 40px;    /* 上 */
}

/** メニューのタイトル背景:menu.php(970px) */
.block3-title {
	padding-top: 70px;                                         /* 上からの始まりの高さ */
	background-image: url("../img/menu/menu_title.jpg");       /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

.block3-text0 {
	font-size:22px;	/* テキストサイズ */
	color: #9e2328; /* テキスト色 */
	padding-top: 0px;
	padding-bottom: 10px;
	margin-right: 5px;
	margin-left: 5px;
}

.block3-text1 {
	font-size:14px;	/* テキストサイズ */
	line-height: 2;
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 20px;
}

#content3 {
    display: -webkit-flex;
	padding-bottom: 20px; /* 下 */
	margin-right: 20px;   /* 右 */
	margin-left: 20px;    /* 左 */
}

.block3-text {
	margin: 20px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

.block3-text2 {
	margin: 10px;
	font-size:14px;	
	line-height: 1.5;
	color: #4d4d4d;   /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 10px;
	text-align: left; /* 左寄せ */
}

.block3-text3{
	font-size:18px;	/* テキストサイズ */
	color: #4d4d4d; /* テキスト色 */
	margin-right: 5px;
	margin-left: 5px;
	text-align: right;
}

.block3-img { 
	margin: 20px;
    -webkit-flex: 1;
    flex: 1;
    background: none;
}

/** アクセス:index.php:(970px以下) */
#block4 {
	max-width: 100%;
	top: 0;
	left: 0;
/*	background-color: #ffffff; /* 背景色 */
	padding-top: 40px;         /* 上 */
}

#content4 {
	padding-bottom: 20px; /* 下 */
	margin-right: 20px;   /* 右 */
	margin-left: 20px;    /* 左 */
}

/* アクセス:access.php:(970px) */
#block41 {
	max-width: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff; /* 背景色 */
	padding-top: 40px;         /* 上 */
}

/* アクセスのタイトル背景:access.php(970px) */
.block41-title {
	padding-top: 70px;                                          /* 上からの始まりの高さ */
	background-image: url("../img/access/access_title.jpg");    /* 画像のURLを指定 */
	max-width: 100%;
	height: 150px;                                              /* 縦幅のサイズを指定 */
	background-position: center;                                /* 画像の表示位置を指定 */
	background-size: cover;                                     /* 画像のサイズを指定 */
	object-fit: cover;
}

/* ご予約・お問い合わせ(お電話で･ネット予約):index.php(970px) */
#block5 {
	max-width: 100%;
	background-color: #ffffff; /* 背景色 */
	padding-top: 40px;         /* 上 */
}

/** ご予約・お問い合わせ(お電話で･ネット予約のマージン):
index.php(970px以下) */
#content5 {
    display: -webkit-flex;
	margin-right: 20px;   /* 右 */
	margin-left: 20px;    /* 左 */
}

/** ご予約・お問い合わせ(キャンセルポリシー):
index.php(970px以下) */
#block6 {
	max-width: 100%;
	background-color: #ffffff; /* 背景色 */
}

/** ご予約・お問い合わせ(キャンセルポリシー):
index.php(970px以下) */
#content6 {
	padding-top: 40px;    /* 上 */
	padding-bottom: 40px; /* 下 */
    display: -webkit-flex;
	margin-left: 20px;
	margin-right: 20px;
}

/** ご予約・お問い合わせ(キャンセルポリシー内容):
index.php(970px以下) */
#block7 {
	max-width: 100%;
	background-color: #ffffff; /* 背景色 */
}

/** ご予約・お問い合わせ(キャンセルポリシー内容):
index.php(970px以下) */
#content7 {
	padding-top: 0px;    /* 上 */
	padding-bottom: 0px; /* 下 */
    display: -webkit-flex;
	margin-left: 20px;
	margin-right: 20px;
}

/** ご予約・お問い合わせ(キャンセルポリシー内容):
index.php(970px以下) */
#content8 {
	padding-top: 0px;    /* 上 */
	padding-bottom: 40px; /* 下 */
    display: -webkit-flex;
	margin-left: 20px;
	margin-right: 20px;
}

/** スペシャルコンテンツ:index.php(970px以下) */
#block9 {
	max-width: 100%;
	background-color: #b19054; /* 背景色 */
	padding-top: 40px;         /* 上 */
}

#content9 {
    display: -webkit-flex;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 0px;      /* 上 */
	padding-bottom: 100px; /* 下 */
}

/** フッターの前の余白:すべてのファイル(970px以下) */
#block10 {
	max-width: 100%;
	clear: both;
	padding-top: 25px; /* 上 */
}

/** フッター前(マージン):すべてのファイル(970px以下) */
#content10 {
	padding-bottom: 40px; /* 下 */
}

/* 画面サイズが1220px以上の基本設定:js ブレークポイント[1220] */
@media only screen and (min-width: 1220px) {

/* ヘッダー(タイトルとメニュー):header(1220px) */
header {
	background-color: rgba(0,0,0,0.5); /* 半透明 */
	position: fixed;                   /* 画面固定 */
	top: 0;                            /* 上端に配置 */
	left: 0;                           /* 左端に配置 */
	width: 100%;                       /* 画面幅いっぱいに表示 */
	height: 70px;                      /* ヘッダーの高さを指定 */
	width: 100%;
}

/* ヘッダー(メニューボタン・SP)ハンバーガーメニューになる:header(1220px) */
#nav_mo {
	display: none;
}

/* ヘッダー(メニューボタン・PC)ハンバーガーメニューになる:header(1220px) */
#nav_pc {
	display: block;
	margin-right: 20px; /* 右マージン */
}

/** ヘッダー(タイトルロゴ・SP)ハンバーガーメニューになる:
header(1220px以下で) */
#site_title_mo {
	display: none;
	position: fixed;   /* 画面固定 */
	float: left;       /* 要素の左寄せ */
	margin-left: 50px; /* 左マージン:50px */
}

/** ヘッダー(タイトルロゴ・PC)ハンバーガーメニューになる:
header(1220px以下で) */
#nav_pc > #site_title_pc {
	display: flex;
    align-items: center; /* 上下の中央寄せ */
	gap: 5px;            /* 画像間のスペース */
	float: left;         /* 要素の左寄せ */
	margin-left: 30px;   /* 左マージン:50px */
/*	width: 220px;        /* 幅を220ピクセルに固定 */
	height: 70px;        /* 高さを70ピクセルに固定 */
}

#site_title_pc_pic1 {
	width: auto;      /* 幅をauto */
	height: auto;     /* 高さをauto */
}

#site_title_pc_pic2 {
	margin: 5px;
	width: auto;         /* 幅をauto */
	height: auto;        /* 高さをauto */
}

/** ヘッダー内(左)ハンバーガーメニューになる:
header(1000px以下で) */
/* 今回は使っていない */
#nav_pc > #nav_left {
	color: #4d4d4d; /* テキスト色 */
	float: left;    /* 要素の左寄せ */
    width: 40%;
    text-align: left;
}

/** ヘッダー内(右)ハンバーガーメニューになる:
header(1000px以下で) */
#nav_pc > #nav_right {
	color: #ffffff;  /* テキスト色 */
	font-size: 95%; /* テキストサイズ:95%に設定 */
	float: right;    /* 要素の右寄せ */
    width: 66%; 
	text-align: right;
}

#nav_pc > nav {
	color: #ffffff;  /* テキスト色 */
	font-size: 95%; /* テキストサイズ:95%に設定 */
	position: static;
	margin-top: 0px;
	width: auto;
}

#nav_pc > nav > ul {
	color: #ffffff;    /* テキスト色 */
	font-size: 95%;   /* テキストサイズ:95%に設定 */
	padding-top: 22px; /* メニュー(文字)の上の空き幅 */
	padding-left: 0px;
}

#nav_pc > nav > ul > li {
/*	border-bottom: 0px solid #515151;*/
	color: #ffffff;     /* テキスト色 */
	font-size: 95%;    /* テキストサイズ:95%に設定 */
	display: inline;
	padding-left: 7px;  /* 文字のボタンとボタンの幅 */
	padding-right: 7px; /* 文字のボタンとボタンの幅*/
}

#nav_pc > nav > ul > li > a:link {
	color: #ffffff;  /* テキスト色 */
	font-size: 95%; /* テキストサイズ:95%に設定 */
	text-decoration: none;
}

#nav_pc > nav > ul > li > a:visited {
	color: #ffffff;  /* テキスト色 */
	font-size: 95%; /* テキストサイズ:95%に設定 */
	text-decoration: none;
}

/* 共通 (width:1000px以上) / ハンバーガーメニュー↓ */
#menu_button {
	display: none;
	color: #ffffff; /* テキスト色 */
}

/* スライドショー(スライドしている写真の背景色・高さ他):
index.php(1220px) */
#stage {
	max-width: 100%;
}

/* スライドショーの画像(高さを固定し横幅だけ伸縮する):
index.php:(1220px) */
#stage img {
	max-width: 100%;
	height: 440px;
	object-fit: cover;
}

/** スライドショー(一番上のタイトル部分からの背景色・高さ他):index.php(1220px) */
#content_wrap_slide {
	padding-top: 0px; /* 上からの始まりの高さ */
}

/** 当店について(マージン):index.php(1220px) */
#content0 {
	max-width: 1200px;
	margin: 0px auto;
	padding-top: 0px;    /* 上 */
	padding-bottom: 0px; /* 下 */
}

/** 当店について>プロフィール(マージン):aboutus.php(1220px) */
#block01 {
	padding-top: 40px;    /* 上 */
}

#content01 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** お知らせ一覧(マージン):index.php(1220px) */
#block1 {
	padding-top: 40px;    /* 上 */
}

/** お知らせ一覧(マージン):index.php(1220px) */
#content1 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** 料理への思い(マージン):
index.php(1220px) */
#block2 {
	padding-top: 40px;    /* 上 */
}

#content2 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

#content21 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

#content22 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** メニュー(マージン):
index.php(1220px) */
#block3 {
	padding-top: 40px;    /* 上 */
}

#content3 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

#content31 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** アクセス(マージン):index.php(1220px) */
#block4 {
	padding-top: 40px;    /* 上 */
}

#content4 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** ご予約・お問い合わせ(お電話で･ネット予約のマージン):
index.php(1220px) */
#block5 {
	padding-top: 40px;    /* 上 */
}

#content5 {
	max-width: 1200px;
	margin: 0px auto;
}

/** ご予約・お問い合わせ(キャンセルポリシー):
index.php(1220px) */
#content6 {
	max-width: 1200px;
	margin: 0px auto;
}

/** ご予約・お問い合わせ(キャンセルポリシー内容):
index.php(1220px) */
#content7 {
	max-width: 1200px;
	margin: 0px auto;
}

/** ご予約・お問い合わせ(クレジットカード):
index.php(1220px) */
#content8 {
	max-width: 1200px;
	margin: 0px auto;
	padding-bottom: 40px; /* 下 */
}

/** スペシャルコンテンツ:
index.php(1220px) */
#content9 {
	max-width: 1200px;
	margin: 0px auto;
}

#nav_pc > nav > ul > li {
	color: #4d4d4d;     /* 文字色 */
	padding-left: 5px;  /* 文字のボタンとボタンの幅 */
	padding-right: 5px; /* 文字のボタンとボタンの幅*/
}
}

/* ---------------------------------------- */
/* 〈画面サイズが1500px以上の基本設定〉 */
/* ---------------------------------------- */
/* js ブレークポイント[1500] */

@media only screen and (min-width: 1500px) {

/* ヘッダー:タイトルとメニュー:index.php(1500px) */
header {
	background-color: rgba(0,0,0,0.5); /* 半透明 */
	position: fixed; /* 画面固定 */
	top: 0; /* 上端に配置 */
	left: 0; /* 左端に配置 */
	width: 100%; /* 画面幅いっぱいに表示 */
	height: 70px; /* ヘッダーの高さを指定 */
	position: fixed;
	width: 100%;
}

/** スライドショー(スライドしている写真の背景色・高さ他):index.php(1500px) */
#stage {
	max-width: 100%;
}

/** スライドショーの画像(高さを固定し横幅だけ伸縮する):index.php:(1500px) */
#stage img {
	max-width: 100%;
	height: 500px;
	object-fit: cover;
}

/** スライドショー(一番上のタイトル部分からの背景色・高さ他):index.php:(1500px) */
#content_wrap_slide {
	padding-top: 0px; /* 上からの始まりの高さ */
}

/** 当店について(マージン):index.php(1500px) */
#content0 {
	max-width: 1250px;
	margin: 0px auto;
	padding-top: 0px;    /* 上 */
	padding-bottom: 0px; /* 下 */
}

/** 当店について>プロフィール:aboutus.php(1500px) */
#block01 {
	padding-top: 40px;    /* 上 */
}

#content01 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** お知らせ一覧(マージン):index.php(1500px) */
#block1 {
	padding-top: 40px;    /* 上 */
	padding-bottom: 40px; /* 下 */
}

#content1 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** 料理への思い:index.php(1500px) */
#block2 {
	padding-top: 40px;    /* 上 */
}

#content2 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

#content21 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/* おすすめコース:en/shizuoka_tea_special_courses.php(1500px) */
#content22 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}


/** メニュー:index.php(1500px) */
#block3 {
	padding-top: 40px;    /* 上 */
}

#content3 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

#content31 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** アクセス:index.php(1500px) */
#block4 {
	padding-top: 40px;    /* 上 */
}

#content4 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 20px; /* 下 */
}

/** ご予約・お問い合わせ(お電話で･ネット予約):index.php(1500px) */
#block5 {
	padding-top: 40px;    /* 上 */
}

#content5 {
	max-width: 1250px;
	margin: 0px auto;
}

/** ご予約・お問い合わせ(キャンセルポリシー):index.php(1500px) */
#content6 {
	max-width: 1250px;
	margin: 0px auto;
}

/** ご予約・お問い合わせ(キャンセルポリシー内容):index.php(1500px) */
#content7 {
	max-width: 1250px;
	margin: 0px auto;
}

/** ご予約・お問い合わせ(クレジットカード):index.php(1500px) */
#content8 {
	max-width: 1250px;
	padding-bottom: 40px; /* 下 */
}

/** スペシャルコンテンツ:index.php(1500px) */
#block9 {
	padding-top: 40px; /* 上 */
}

#content9 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 100px; /* 下 */
}

/** フッターの前の余白:すべてのファイル(970px以下) */
#block10 {
	padding-top: 30px; /* 上 */
}

/** フッター前(マージン):すべてのファイル(970px以下) */
#content10 {
	max-width: 1250px;
	margin: 0px auto;
	padding-bottom: 60px; /* 下 */
}

/** 上部ボタン:全ファイル(1500px) */
#nav_pc > nav > ul > li {
	color: #ffffff;     /* 文字色 */
	padding-left: 5px;  /* 文字のボタンとボタンの左幅 */
	padding-right: 5px; /* 文字のボタンとボタンの右幅 */
}

#nav_pc > #nav_left > ul > li:last-child {
	color: #ffffff;      /* 文字色 */
	padding-right: 10px; /* メニューの幅（title.png の左側） */
}

#nav_pc > #nav_right > ul > li:first-child {
	color: ffffff;      /* 文字色 */
	padding-left: 0px;  /* メニューの幅（title.png の右側） */
}
}