@charset "utf-8";

/*全体の設定
---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
BODY{
	margin					: 0px;
	padding					: 0px;	
	color					: #555;	
	font-family				: "メイリオ",Meiryo, Osaka,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3",sans-serif;

	/*行間*/
	line-height				: 2;

	/*背景画像の読み込み*/	
	background-position		: 50% 50%;
	background-attachment	: fixed;	
	background-repeat		: no-repeat;
	background-size			: cover;
//	background-color		: #464646;
	
}

#body_kiba{
	background-image		: url(../images/bg3.jpg);
}

#body_kame{
	background-image		: url(../images/bg4.jpg);
}


H1,H2,H3,H4,H5,P,UL,OL,LI,DL,DT,DD,FORM,FIGURE,FORM,INPUT,TEXTAREA,SELECT {
	margin					: 0px;
	padding					: 0px;
	font-weight				: normal;
}

IMG {
	border					: none;
	max-width				: 100%;
	height					: auto;
	vertical-align			: middle;
}

UL {
	list-style-type			: none;
}

TABLE {
	border-collapse			: collapse;
	border-spacing			: 0;
}

VIDEO {
	max-width				: 100%;
}

IFRAME {
	width					: 100%;
}

#price{
	color					: #F3F781;
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
A {
	color					: #2E9AFE;	/*リンクテキストの色*/
	transition				: 0.5s;		/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
}

A:HOVER {
	color					: #2E9AFE;	/*マウスオン時の文字色*/
	text-decoration			: none;		/*マウスオン時に下線を消す設定*/
}

/*header
---------------------------------------------------------------------------*/
.header{
	max-width				: 1200px;		/*サイトの最大幅*/
	margin					: 0px auto;
	margin-top				: 45px;
	color					: white;
	text-align				: center;
	font-size				: 16px;			/*文字サイズ*/
	padding					: 0px 10% 15px 10%;
	letter-spacing			: 1px;
//	text-shadow				: 1px 1px 1px black;
}

#s-top{
	display					: none;
}

/*ニュース欄(PC用)
---------------------------------------------------------------------------*/
#news{
	max-width				: 1200px;		/*サイトの最大幅*/
	margin					: 0px auto;
	color					: white;
	text-align				: center;
	font-size				: 16px;		/*文字サイズ*/
	letter-spacing			: 1px;
//	text-shadow				: 1px 1px 1px black;
//	font-weight				: bold;
}

/*マウスオン時*/
#button-tnp:hover {
	background				: rgba(255,255,255,0.4);	
}

/*インナー（ロゴが入ったブロック）
---------------------------------------------------------------------------*/
/*inner*/
.inner {
	position				: relative;
	width					: 30%;	
	max-width				: 1200px;	/*サイトの最大幅*/
	margin					: 20px auto;
	padding					: 10px;
//	border					: solid 1px white;	
}

/*ロゴ画像*/
H1 IMG {
	z-index					: 2;
	width					: 100%;	
}

#logo-s{
	display: none;
}

/*メインメニュー(PC用)
---------------------------------------------------------------------------*/
/*看板*/
#kanban-kiba, #kanban-kame{
	position				: absolute;
	height					: 65px;
	width					: 15%;
//	border: solid 1px white;
	background-position		: center center;
	background-repeat		: no-repeat;
	background-size			: 85%;
	top						: 0px;
//	box-shadow				: 10px 10px 10px rgba(0,0,0,0.4);
	padding-top				: 5px;
}

#kanban-kiba{
	background-image		: url(../images/logo-mini.png);
//	background-color		: #050505;
}

#kanban-kame{
	background-image		: url(../images/logo-mini2.png);
//	background-color		: #222222;
}

/*メニューブロック*/
#menubar {
//	margin-top				: 20px;
	clear					: both;
	overflow				: hidden;
	color					: white;
	letter-spacing			: 0.1em;
	width					: 100%;	
	padding					: 5px 0px 0px 20px;
	background				: rgba(0,0,0,0.8);
}

#menubar ul{
	margin-left				: 15%;
}

/*メニュー１個あたりの設定*/
#menubar li {
	float					: left;		
	width					: 13%;	
	color					: white;
	line-height				: 15px;
	letter-spacing			: 0.2em;
}

#menubar li a {
	display					: block;
	text-decoration			: none;
	color					: white;
	font-size				: 13px;
	text-align				: center;
	padding-top				: 20px;	
	padding-bottom			: 15px;
	border-bottom			: 3px solid transparent;
}

/*装飾文字（英語表記）の設定*/
#menubar li a span {
	text-shadow				: none;
	display					: block;
	font-size				: 10px;
	letter-spacing			: 0.2em;
	opacity					: 0.5;
}

/*マウスオン時*/
#menubar li a:hover {
	border-bottom			: 3px solid #fff;
	font-size				: 15px;
}

/*現在表示中(current)メニューの設定*/
#menubar li.current a {
//	border-bottom			: 3px solid #fff;
	background				: rgba(255,255,255,0.2);
}

/*コンテンツ（PC用）
---------------------------------------------------------------------------*/
#contents{
	width					: 90%;
	margin					: 20px auto;
	color					: white;
	font-size				: 14px;
	line-height				: 18px;
	letter-spacing			: 1.5px;
//	background				: rgba(0,0,0,0.8);
//	border: solid 1px white;
}

/*左メニュー
---------------------------------------------------------------------------*/
#contents-left{
	width					: 21%;
	background				: rgba(0,0,0,0.8);
	float					: left;
	padding					: 20px;
	box-shadow				: 10px 10px 10px rgba(0,0,0,0.4);
}

#contents-left ul{
	border-right			: 1px solid #111111;
	line-height				: 15px;
}

#contents-left li{
	border-bottom			: 1px solid #111111;
	border-top				: 1px solid #333333;
	background				: linear-gradient(to bottom, #222222, #111111);
}

#contents-left li a{
	padding-top				: 15px;	
	padding-bottom			: 12px;	
//	padding-left			: 12px;	
	padding-right			: 12px;	
	display					: block;
	text-decoration			: none;
	color					: #E6E6E6;
	padding-left			: 55px;	
	background-image		: url(../images/icon_food.png);
	background-repeat		: no-repeat;
	background-position		: 12px 47%;
	background-size			: 30px;
	font-size				: 12px;
}

#contents-left li p{
	text-shadow				: none;
	display					: block;
	font-size				: 10px;
	letter-spacing			: 0.2em;
	opacity					: 0.5;
}

#contents-left li a:hover{
	background-image		: url(../images/icon_food_hover.png);
}

#delivery_mds{
//	padding-top				: 15px;	
	padding-bottom			: 12px;	
	padding-right			: 12px;	
	padding-left			: 12px;	
	display					: block;
	text-decoration			: none;
	color					: #E6E6E6;
	font-size				: 12px;
}

/*メニュー下の項目 ----------*/
.ditails-left{
	height					: 120px;
	margin-top				: 20px;
//	border: solid 1px white;
	text-align				: center;
	padding-top				: 10px;
}

#contents-left  a{
	display					: block;
	text-decoration			: none;
	font-size				: 12px;
	letter-spacing			: 0.1em;
	line-height				: 13px;
	color					: white;
}

#left01{
	background-image		: url(../images/left01.jpg);
	background-repeat		: no-repeat;
	background-size			: 100%;
	background-position		: center center;
}

/*右メニュー
---------------------------------------------------------------------------*/
#contents-right{
	float					: right;
	width					: 69%;
	background				: rgba(0,0,0,0.8);
	padding					: 20px;
	box-shadow				: 10px 10px 10px rgba(0,0,0,0.4);
}

@media screen and (max-width:1000px){
#contents-right{
	float					: right;
	width					: 67%;}

#kanban-kiba, #kanban-kame{
	width					: 18%;}

#menubar ul {
	margin-left				: 18%;}

#menubar li {
	width					: 15%;}
}

/*画像関連 ----------*/
#contents-right img{
	width					: 96%;
	height					: 250px;
//	float					: left;
	border					: solid 5px white;
	box-shadow				: 5px 5px 5px rgba(255,255,255,0.2);
	margin					: 0px 10px;
	position				: absolute;
}

/*見出し ----------*/
.topic{
	border-bottom			: solid 2px #777777;
	line-height				: 15px;
	padding-left			: 45px;
	padding-top				: 2px;
	padding-bottom			: 10px;
	background-image		: url(../images/icon_food.png);
	background-repeat		: no-repeat;
	background-position		: 0px 0px;
	background-size			: 30px;
}

.topic-mini{
	border-bottom			: dotted 2px #777777;
	line-height				: 15px;
	padding-left			: 45px;
	padding-top				: 2px;
	padding-bottom			: 10px;
	background-image		: url(../images/icon_drink.png);
	background-repeat		: no-repeat;
	background-position		: 0px 0px;
	background-size			: 30px;
	margin					: 20px 0px;
}

#topic-span{
	height					: 270px;
}

.topic p{
	font-size				: 10px;
	letter-spacing			: 0.2em;
	opacity					: 0.7;
}

.topic-mini p{
	font-size				: 10px;
	letter-spacing			: 0.2em;
	opacity					: 0.7;
}

/*ワインName ----------*/
#wine{
	font-size				: 12px;	
	margin					: 15px 10px;
	line-height				: 13px;
	padding-left			: 40px;
	padding-top				: 5px;
//	border-bottom			: solid 1px #777777;
	background-image		: url(../images/icon_wine.png);
	background-repeat		: no-repeat;
	background-position		: 0px 0px;
	background-size			: 30px;
}

#wine p{
	font-size				: 10px;	
	letter-spacing			: 0.2em;
	opacity					: 0.7;
}


/*トピック内文章 ----------*/
.topic_mozi{
	margin					: 20px 10px;
}

/*各トピック設定 ----------*/
#topic-box{
//	border: solid 1px white;
	margin					: 15px;
	margin-bottom			: 30px;
	position				: relative;
}










/*  モバイル用CSS　追加　2023/12/06 */
#topic_mobile{
	margin-top: 30px;
	margin-bottom:70px;
}
#topic_mobile p{
	font-size: 1.0em;
	line-height: 1.5em ;
	margin: 15px;
	position:relative;
}

#topic_mobile h3{
	font-size: 1.5em;
	line-height: 1.5em ;
	text-align: left;
}
#topic_mobile h3.rubi{
	font-size: 0.9em;
	opacity:0.6;
}
#topic_mobile h3.price{
	font-size: 1.1em;
	color: #F3F781;
	text-align: right;
	margin:0px 15px 0px 0px;
}


#topic_mobile ul{
	margin-left:60px;
}
#topic_mobile li{
	list-style-type: disc;
	padding-left: 5px;
	font-size:1.0em;
}














/*右メニューテーブル設定 ----------*/
#contents-right table{
	margin					: 0px 20px;
	padding					: 0px 20px;
	width					: 95%;
}

#contents-right td{
	padding					: 4px 0px;
}

#box-table{
	width					: 100%;
}

/*価格の点線設定 ----------*/
hr{
	border-top				: 1px dotted white;
	border-bottom			: none;
}

.Item_name{
	white-space				: nowrap;
	width					: 1%;
	line-height				: 13px;
	font-size				: 1.1em
}

.Item_name p{
	font-size				: 10px;
	letter-spacing			: 0.2em;
	opacity					: 0.7;
}

#p07{
	letter-spacing			: 0.2em;
	font-size				: 10px;
	width					: 95%;
	margin-left				: 20px;
	margin-top				: 10px;
//	padding					: 0px 20px;
	width					: 95%;
	color					: #F8E0EC;
	line-height				: 16px;
}

.Item_price{
	white-space				: nowrap;
	width					: 1%;
	font-size				: 12px;
}

.dpt_sp{
	width					: 10px;
}

#return-top-s{
	text-decoration			: underline;
//	display					: block;
	color					: #777777;
	float					: right;
	height					: 12px;
	width					: 14px;
	margin-right			: 30px;
	margin-top				: 10px;
	margin-bottom			: 10px;
	padding					: 5px;
	font-size				: 12px;
}

#return-top-s:hover{
//	background				: rgba(255,255,255,0.7);
	color					: white;
}

/*中央メニュー
---------------------------------------------------------------------------*/
#contents-center{
	width					: 90%;
//	height					: 400px;
//	border: solid 1px white;
	background				: rgba(0,0,0,0.8);
	box-shadow				: 10px 10px 10px rgba(0,0,0,0.4);
	padding					: 20px;
	margin					: 0px auto;
	position				: relative;
}

#contents-center table{
	width					: 80%;	
	margin					: 0px auto;
//	border					: solid 1px #777777;
	font-size				: 13px;
	margin-bottom			: 50px;	
}

iframe{
	width					: 100%;
	margin-top				: 10px;
}

#contents-center table td:nth-child(1){
	width 					: 30%;
	vertical-align			: top;
	padding-left			: 45px;
	background-repeat		: no-repeat;
	background-size			: 25px;
	background-position		: 8px 8px;
}

#access_pc td:nth-child(1){
	background-image		: url(../images/icon_home.png);
}

#ditails_pc td:nth-child(1){
	background-image		: url(../images/icon_king.png);
}

#recruit_pc td:nth-child(1){
	background-image		: url(../images/icon_user.png);
}


#contents-center table td{
	padding 				: 10px 20px;
	padding-top				: 12px;
	border-bottom			: solid 1px #777777;
}

#contents-center table th{
	padding 				: 10px 0px;
	border-bottom			: solid 1px #777777;
	text-align				: left;
	font-size				: 15px;
	font-weight				: normal;
}

#contents-center img{
	width					: 80%;
	height					: 300px;
//	float					: left;
	border					: solid 5px white;
	box-shadow				: 5px 5px 5px rgba(255,255,255,0.2);
//	margin					: 0px auto;
//	position				: absolute;
}

#recruit_mj{
	position				: absolute;
	top:33%;
	left:0;
//	border: solid 1px white;
//	height:100px;
	width:100%;
	text-align:center;
	font-size:35px;
	height:100px;
	line-height:45px;
	letter-spacing			: 0.2em;
}

#recruit_mj p{
	font-size:25px;
	line-height:40px;
	letter-spacing			: 0.3em;
}

#ditails_mj{
	position				: absolute;
	top:18%;
	left:20%;
//	border: solid 1px white;
//	height:100px;
	width:60%;
//	text-align:center;
	font-size:25px;
	height:100px;
	line-height:35px;
	letter-spacing			: 0.2em;
}

#ditails_mj p{
	text-align:center;
	margin:20px 0px;
}

#ditails_mj #p3{
	text-align:center;
	font-size:25px;
	line-height:28px;
}

#ditails_mj #p4{
	font-size:20px;
	text-align:center;
}

#ditails_mj #p5{
	font-size:20px;
	line-height:28px;
}


#recruit_mj2{
	width					: 75%;	
	margin					: 0px auto;
//	padding					: 20px;
//border: solid 1px white;
}

/*メニューボックス(800px以下で表示)
---------------------------------------------------------------------------*/
/*メニュー１個ごとの設定*/
.submenu li a {
	text-decoration			: none;
	display					: block;
	text-align				: center;
	width					: 60%;
	margin					: 0px auto;
	margin-bottom			: 15px;
	padding					: 5px 15px;	
	border					: 1px solid white;
	border-radius			: 10px;
	background				: rgba(0,0,0,0.4);
	color					: white;
}

.submenu li a span {
	text-shadow				: none;
	display					: block;
	font-size				: 10px;
	letter-spacing			: 0.2em;
	opacity					: 0.8;
}

/*マウスオン時*/
.submenu li a:hover {
	background				: rgba(255,255,255,0.4);	
}

/*800px以上で表示しない
---------------------------------------------------------------------------*/
/*800px以下用のメニュー*/
.box {
	display					: none;
}

#panel {
	display					: none;
}

#contents-s ,#contents-sub{
	display					: none;
}

#return-top, #logo-s_a, #to-tnp{
	display					: none;
}

/*フッター設定
---------------------------------------------------------------------------*/
footer {
	clear					: both;
	color					: white;
	padding					: 10px 0;
	text-align				: center;
	margin-top				: 30px;
}

footer .pr {
	display					: block;
}

/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*画面幅800px以下の設定
---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

@media screen and (max-width:800px){

#body_kiba, #body_kame{
	background-image		: none;
	background-color		: black;
}

/*800px以下用のメニュー
---------------------------------------------------------------------------*/
.box {
	display					: block;
//	border					: solid 1px white;
	font-size				: 14px;
}

.back-s-kiba, .back-s-kame{
	height					: 430px;
	border					: solid 1px transparent;
	position				: relative;
	background-position		: 70% 60%;
//	background-repeat		: no-repeat;
//	background-size			: 140%;
	margin-bottom			: 20px;
}

.back-s-kiba{
	background-image		: url(../images/bg3.jpg);
}

.back-s-kame{
	background-image		: url(../images/bg4.jpg);
}

#s-top{
	color					: white;
	font-size				: 15px;
	text-align				: center;
	bottom					: 40px;
	position				: absolute;
	width					: 100%;
	line-height				: 23px;
	display					: block;
}

/*ヘッダー
---------------------------------------------------------------------------*/
.header {
//	margin-top				: 100px;
//	height					: 30px;
//	font-size				: 13px;
	display					: none;
}

/*ロゴ画像
---------------------------------------------------------------------------*/
/*inner*/
.inner {
//	border					: solid 1px white;	
	width					: 55%;	
	margin					: 0px auto;
	padding-top				: 0px;
//	margin-bottom			: 100px;
}

h1 img {
	width					: 100%;
}

#logo{
	display: none;
}

#logo-s{
	display: block;
	position				: relative;
	top						: 60px;
	width					: 80%;	
	max-width				: 1200px;	/*サイトの最大幅*/
	margin					: auto;
//	padding					: 10px;

}

#logo-s_a{
	display					: block;
	margin					: auto;
}


/*800px以下表示しない
---------------------------------------------------------------------------*/
#menubar {
	display: none;
}

#news{
	display: none;
}

#contents{
	display: none;
}

/*メニューブロック全体の設定
---------------------------------------------------------------------------*/
.submenu {
}

/*コンテンツ全体(スマホ版)
---------------------------------------------------------------------------*/
#contents-s{
//	border					: solid 1px white;
	margin					: 0px auto;
	margin-bottom			: 30px;
	display					: block;
	width					: 95%;
	color					: white;
	font-size				: 13px;
	letter-spacing			: 0.1em;
	line-height				: 18px;
}

/*コンテンツ内テーブル設定*/
#contents-s #table-span{
	width					: 5%;
}

/*見出し設定*/
h1{
//	border-left				: solid 4px #AAAAAA;
	border-bottom			: dotted 1px #333333;
//	border-radius			: 30px;
	margin					: 5px 5px;
	line-height				: 15px;
	padding-top				: 5px;
	padding-bottom			: 5px;
	padding-left			: 55px;
	padding-right			: 10px;
	color					: white;
	font-size				: 13px;
	background-image		: url(../images/icon_drink.png);
	background-repeat		: no-repeat;
	background-position		: 10px 2px;
}

h1 p{
	color					: white;
	font-size				: 10px;
	opacity					: 0.8;
}

h1 span{
	width					: 18px;
	height					: 20px;
	right					: 35px;
	margin-top				: 5px;
	position				: absolute;
	background-position		: center center;
	background-repeat		: no-repeat;
	background-size			: 100%;
	background-image		: url(../images/ecalic002_027-3.png);
}

h1.bg04 span{
	background-image		: url(../images/ecalic002_027-4.png);
}

h2{
	padding-left			: 15px;
	padding-top				: 3px;
	padding-bottom			: 3px;
	font-size				: 14px;
	line-height				: 30px;
	border-top				: solid 1px #333333;
	border-left				: solid 1px #333333;
	border-radius			: 20px;
	background				: linear-gradient(to bottom, #333333, #111111);
	color					: #DDDDDD;
}

h2 span{
	width					: 18px;
	height					: 20px;
	right					: 30px;
	position				: absolute;
	background-position		: center center;
	background-repeat		: no-repeat;
	background-size			: 100%;
	background-image		: url(../images/ecalic002_027-3.png);
	font-size				: 13px;
	margin-top				: 4px;
}

h2.bg02 span{
	background-image		: url(../images/ecalic002_027-4.png);
}

.contents-x p{
	font-size				: 10px;
	letter-spacing			: 0.3em;
}

h3{
//	border: solid 1px white;
	text-align				: center;
	font-size				: 17px;
	font-weight				: bold;
	line-height 			: 17px;
	padding-left			: 10px;
}

h3 p{
	font-size				: 12px;
	margin-bottom			: 10px;
	letter-spacing			: 0.3em;
	opacity					: 0.8;
}

h4{
//	border-left				: solid 3px #333333;
//	border-top				: solid 1px #333333;
	border-bottom			: solid 1px #333333;
//	border-radius			: 30px;
	margin					: 5px 5px;
	line-height				: 15px;
	padding-top				: 5px;
	padding-bottom			: 5px;
	padding-left			: 55px;
	padding-right			: 10px;
	color					: white;
	font-size				: 13px;
	background-image		: url(../images/icon_food.png);
	background-repeat		: no-repeat;
	background-position		: 10px 2px;
}

h4 p{
	color					: white;
	font-size				: 10px;
	opacity					: 0.8;
}

h4 span{
	width					: 18px;
	height					: 20px;
	right					: 35px;
	margin-top				: 5px;
	position				: absolute;
	background-position		: center center;
	background-repeat		: no-repeat;
	background-size			: 100%;
	background-image		: url(../images/ecalic002_027-3.png);
}

h4.bg03 span{
	background-image		: url(../images/ecalic002_027-4.png);
}

#table-box{
	display					: none;
}

h5{
	line-height				: 19px;
	font-size				: 13px;
	padding					: 10px 10px;
	margin-bottom			: 20px;
}

h6{
	padding-top				: 15px;
	padding-left			: 10px;
	font-size				: 14px;
	line-height				: 14px;
	margin					: 0px;
}

h6 p{
	font-size				: 10px;
	opacity					: 0.4;			
}

h7{
	font-size				: 11px;
	color					: #ECCEF5;
}

#content-x table{
	width					: 90%;
	margin					: 0px auto;
}

/*コンテンツ内画像設定*/
#contents-s img{
	border					: solid 5px white;	
	height					: 350px;
	width					: 98%;
	margin					: 10px 0px;
	box-shadow				: 2px 2px 8px black;
}

/*twitter
---------------------------------------------------------------------------*/
#twitter{
	display					: inline-block;
//	border: solid 1px white;
//	position				: fixed;
	left					: 10px;
	bottom					: 10px;
	width					: 40px;
	height					: 40px;
	background-image		: url("../images/twitter.png");
	z-index					: 60000;
	background-repeat		: no-repeat;
	background-size			: 100%;
}

/*ニュース
---------------------------------------------------------------------------*/
#news-s{
	margin-top				: 10px;
	margin-bottom			: 20px;
}

#news-s table{
//	margin-top				: 10px;
	width					: 90%;
	margin					: 0 auto;
}

#news-s th{
	vertical-align			: top;
	font-size				: 13px;
	font-weight				: normal;
	letter-spacing			: 0.5px;
	line-height				: 14px;
	padding-top				: 2px;
}

#news-s td{
	vertical-align			: top;
	line-height				: 18px;
	font-size				: 13px;
}

#news-s table td:nth-child(2){
	width					: 5%;
}

#back-news_open{
	font-size				: 13px;
//	text-align				: right;
	float					: right;
}


/*スライド関連設定
---------------------------------------------------------------------------*/
/*○部分*/

#slide td{
	vertical-align			: top;
	font-size				: 13px;
	line-height				: 18px;
//	border: solid 1px white;
}

.slide{
	position				: relative;
}

.slide-box{
	width					: 95%;
	position				: absolute;
}

.slide-price{
	color					: #FFFF88;
	text-align				: center;
	font-size				: 17px;
}

#maru{
//	border: solid 1px white;
//	letter-spacing			: 10px;
//	line-height				: 5px;
	font-size				: 15px;
	text-align				: center;
	margin-bottom			: 20px;
}

#mozi table td:nth-child(2){
	width					: 5%;
}

#mozi{
	width					: 100%;
}

/*next, back ボタン*/
#bk-img, #nxt-img{
	width					: 32px;
	height					: 32px; 
	position				: absolute; 
	z-index					: 5000; 
}

#bk, #nxt{
	width					: 32px;
	height					: 32px; 
	position				: absolute; 
	z-index					: 5000; 
	background				: rgba(0,0,0,0.8);
	border-radius			: 16px;
	top						: 160px;
}

#bk-img{
	background-image		: url("../images/icon_bk.png");
}

#nxt-img{
	background-image		: url("../images/icon_nxt.png");
}

#bk{
	margin-left				: 15px;
}

#nxt{
	right					: 15px;
}

/*スライドより下のコンテンツ
---------------------------------------------------------------------------*/
.contents-x{
	width					: 100%;
	margin-top				: 600px;
}

.contents-x table{
}

#s-box{
	height					: 20px;
}

#r-box{
	height					: 1px;
}


/*メニュー内設定
---------------------------------------------------------------------------*/
#box-table{
	width					: 92%;
	margin					: 10px auto;
}

/*ランチメニュー*/
.lunch_menu-s td{
	padding					: 5px 0px;
	vertical-align			: top;
}

/*ディナーメニュー*/
.Dinner_menu-s table{
}

.Dinner_menu-s td{
}

.Dinner_menu-s #price{
	vertical-align			: bottom;
}

#dot{
}

#sp{
	padding-top				: 10px;
}

#table-box-mini{
//	margin-left				: 5px;
//	margin-right			: 5px;
}

#table-box-mini td{
//	border					: solid 1px white;
}

/*ランチディナー共通*/
#box-table td:nth-child(1){
	width 					: 60%;
}

#box-table td:nth-child(2){
	width 					:10%;
}

#box-table p{
	font-size: 10px;
	opacity					: 0.6;
}

#Lunch_box, #Dinner_box, #Details_box, #Recruit_box, #table-box-mini, #Drink_box{
	display					: none;
}

/*アクセス, 詳細情報
---------------------------------------------------------------------------*/
#Access-table, #Details-table, #Recruit-table{
//	border: solid 1px white;
	margin					: 5px auto;
	width					: 90%;
}

#Access-table td, #Details-table td, #Recruit-table td{
	padding					: 5px 0px;
	vertical-align			: top;
}

#xth{
	font-weight				: bold;
	width					: 30%;
}

#xsp{
	width					: 5%;
}

/*トップに戻る
---------------------------------------------------------------------------*/
#return-top{
	display					: block;
//	text-align				: right;
	color					: #CCCCCC;
	font-size				: 12px;
}

/*3本メニューバー
---------------------------------------------------------------------------*/
.top {
//	height:40px;
}

#panel-btn{
	display					: inline-block;
	position				: fixed;
	right					: 10px;
	top						: 10px;
	width					: 40px;
	height					: 40px;
	border-radius			: 20px;
	float					: right;
	background				: black;
	background				: rgba(0,0,0,0.7);
	z-index					: 50001;
}

#panel-btn:hover{
	background				: rgba(255,255,255,0.7);
}

#panel-btn-icon{
  display					: block;
  position					: absolute;
  top						: 50%;
  left						: 50%;
  width						: 14px;
  height					: 2px;
  margin					: -1px 0 0 -7px;
  background				: white;
  transition				: .2s;
}

#panel-btn-icon:before, #panel-btn-icon:after{
  display					: block;
  content					: "";
  position					: absolute;
  top						: 50%;
  left						: 0;
  width						: 14px;
  height					: 2px;
  background				: white;
  transition				: .3s;
}
#panel-btn-icon:before{
  margin-top				: -6px;
}
#panel-btn-icon:after{
  margin-top				: 4px;
}
#panel-btn .close{
  background				: transparent;
}
#panel-btn .close:before, #panel-btn .close:after{
  margin-top				: 0;
}
#panel-btn .close:before{
  transform					: rotate(-45deg);
  -webkit-transform			: rotate(-45deg);
}
#panel-btn .close:after{
  transform					: rotate(-135deg);
  -webkit-transform			: rotate(-135deg);
}

#panel{
	right					: 0px;
	position				: fixed;	
	width					: 100%;
	background				: rgba(0,0,0,0.9);
	z-index					: 1000;
	color					: white;
	text-align				: center;
	padding					: 60px 0px;
	z-index					: 50000;
//	top						: 40px;
}

/*メニュー１個ごとの設定*/
#panel li a {
	text-decoration			: none;
	display					: block;
	text-align				: center;
	width					: 60%;
	margin					: 0px auto;
	margin-bottom			: 10px;
	padding-top				: 5px;	
	padding-bottom			: 10px;	
//	border-radius			: 23px;
//	background				: rgba(0,0,0,0.4);
	color					: white;
	line-height				: 14px;
	font-size				: 13px;
	letter-spacing			: 0.3em;
	border-bottom			: solid 1px #333333;
}

#panel li a span {
	text-shadow				: none;
	display					: block;
	font-size				: 10px;
	letter-spacing			: 0.5em;
	opacity					: 0.8;
}

/*マウスオン時*/
#panel li a:hover {
}

/*各店舗へのリンク
---------------------------------------------------------------------------*/
#to-tnp{
	height					: 70px;
	width					: 180px;
//	border: solid 1px white;
	margin					: 50px auto;
	display					: block;
}

#to-kiba, #to-kame{
	text-decoration			: none;
	width					: 84px;
	float					: left;
	margin-top				: 20px;
//	border-top				: solid 1px #666666;
	text-align				: center;
	padding					: 5px 0px;
	border-radius			: 20px;
//	background				: rgba(0,0,0,0.8);
	font-size				: 14px;
	letter-spacing			: 0.2em;
	box-shadow				: 2px 2px 2px rgba(0,0,0,0.8);
}

#to-kiba{
	margin-right			: 5px;
	color					: white;
	background				: linear-gradient(to bottom, #555555, #333333);
}

#to-kame{
	margin-left				: 7px;
	color					: white;
	background				: linear-gradient(to bottom, #999999, #666666);
}


}

/*画面幅650px以下の設定
-------------------------------------------------------------------------*/
@media screen and (max-width:650px){
h5{
	fontsize:13px;
}

.inner {
	width					: 60%;
	padding-top				: 30px;
}

.contents-x{
//border: solid 1px white;
//	width					:420px;
//	margin					: 0px auto;
	margin-top				: 580px;
}

#contents-s img{
	height					: 300px;
}

}


/*画面幅550px以下の設定
-------------------------------------------------------------------------*/
@media screen and (max-width:550px){
.inner {
	width					: 75%;
	padding-top				: 30px;
}

}


/*-------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/
/*画面幅420px以下の設定
---------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------*/

@media screen and (max-width:420px){

/*420px以下用メニュー
---------------------------------------------------------------------------*/
.box {
	display					: block;
}

/*テーブル(420px以下)設定*/
#contents-s td{
	font-size				: 13px;
	line-height				: 16px;
}

/*画像(420px以下)設定*/
#contents-s img{
/*	border					: solid 1px white;	*/
	height					: 200px;
	width					: 97%;
	font-size				: 15px;
}

h5{
	font-size				: 13px;
}

/*ヘッダー
---------------------------------------------------------------------------*/
.header {
//	font-size				: 13px;
}

footer {
	margin-bottom			: 20px;
}

/*ロゴ画像
---------------------------------------------------------------------------*/
.inner {
//	border: solid 1px white;
	width					: 80%;
	margin					: 20px auto;	
}

h1 img {
	width					: 100%;
}

/*メニューブロック全体の設定
---------------------------------------------------------------------------*/
.submenu {
}

/*空白用ボックス
---------------------------------------------------------------------------*/
#s-box{
	height					: 10px;
}

/*スライドより下のコンテンツ
---------------------------------------------------------------------------*/
.contents-x{
//	border: solid 1px white;
	margin-top				: 500px;
//	font-size				: 15px;
}

/*スライド関連
---------------------------------------------------------------------------*/
#bk, #nxt{
	top						:100px;
}

}

/*画面幅350px以下の設定
-------------------------------------------------------------------------*/
@media screen and (max-width:350px){
.contents-x{
	margin-top				: 560px;
}

.inner {
//	border: solid 1px white;
	width					: 90%;
}
}



/*画面幅280px以下の設定
-------------------------------------------------------------------------*/
@media screen and (max-width:280px){
.contents-x{
	margin-top				: 580px;
}
}

/*画面幅250px以下の設定
-------------------------------------------------------------------------*/
@media screen and (max-width:250px){
.contents-x{
	margin-top				: 600px;
}

#to-tnp{
	width					: 184px;
}
#to-kiba{
	margin-right				: 10px;
}
#to-kame{
	margin-left					: 10px;
}

}

/* 横向きの場合のスタイル
-------------------------------------------------------------------------*/
@media screen and (orientation: landscape) {
#s-top{
	font-size				: 20px;
}

#news-s th{
	font-size				: 15px;
	padding-top				: 5px;
}

.contents-x{
	margin-top				: 750px;
}

h2{
	border-radius			: 25px;
}

h1 span{
	padding-top				: 20px;
}

}