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

.deliver{width:100%; float:left; text-align:left;}
.deliver img{width:15%; margin:5px;}

.secand-bg-shop{
	padding:40px 5% 40px 5%!important;
	/*position:relative;*/
	width:90%;
}

/*全体の背景*/
.shop-inner{
	background:url("../images/bg.jpg");
	background-position:center top;
	background-size:contain;
}

/*セカンドページタイトル
---------------------------------------------------------------------------*/
.bg-shopinfo {
	background:url("../shopinfo/images/top.jpg")no-repeat;
	background-size:cover;
	background-position:top center;
}


/*新店情報
-------------------------------------------*/
/*外枠*/
.shop-news{
	background-color:#fff!important;
	width:70%;
	padding:0px 15% 0px 15%;
	position:relative;
	margin:0 auto;
	float:left;
}

/*新店情報　テーブル（ta1）
---------------------------------------------------------------------------*/
.mt40{
	margin-top:40px!important;
}
.mb40{
	margin-bottom:40px!important;
}
.ta-shopnews{
	width:100%;
	margin:20px;
	clear:both;
}


.ta-shopnews td, .ta-shopnews th {
	padding: 10px 20px;	/*ボックス内の余白*/
	
}
/*左側ボックス*/
.ta-shopnews th {
	vertical-align: middle;
	 width: 20%;
 border-right: 1px #999 solid;
	font-size:30px;
	letter-spacing: 0.2em;
	
}
.ta-shopnews td {
 width: 80%;
  background: #FFF;
}
.ta-shopnews tr {
	padding-bottom:20px;
	}



/*新店情報お知らせブロック
--------------------------------------------------------*/
.shop-news dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%!important;
	float:left!important;
	/*border-bottom:dotted 1px #000!important;*/
	padding:10px 0px 10px 0px!important;
}
/*日付設定*/
.shop-news dt {
	float: left!important;	/*左に回り込み*/
	width: 10em!important;		/*幅*/
	letter-spacing: 0.1em!important;	/*文字間隔を少しだけ広くとる設定*/
	background:none!important;
}
/*記事設定*/
.shop-news dd {
	padding-left: 10em!important;	/*左に空ける余白*/
}


	/*ページ内リンクの表示or非表示
---------------------------------------------------------------------------*/
.shopinfo-sh {display:none;}

/*エリアのタイトル
-----------------------------------------*/
.area-name{
	font-size:25px;
	width:100%;
	float:left;
	padding: 20px 0 20px!important;	/*上、左右、下への余白*/
	letter-spacing: 0.2em;
	color:#333;
	text-align: left;
}

/*ページ内リンク*/
.anchor{display: block;margin-top: -99px;padding-top: 99px;}
 
/*店舗一覧用　テーブル
---------------------------------------------------*/
  .tbl-r05 {
    width: 100%;
	  font-size:75%;
	  font-weight:bold;
  }

.tbl-r05 th{
	text-align:left;
	line-height:1.5em;
}
.tbl-r05 td{
	padding:5px;
	line-height:1.5em;
	text-align:left;
}
/*店名*/
.w17{
	width:17%!important;
}
/*住所*/
.w23{
	width:23%!important;
}
/*map*/
.w5{
	width:5%!important;
}
/*電話*/
.w11{
	width:11%!important;
}
/*営業時間*/
.w29{
	width:29%!important;
}
/*情報*/
.w15{
	width:15%!important;
}
.thead{
	border-bottom:solid 1px #000!important;
}
.tbl-r05 tr {
	border-bottom:dotted 1px #000;
	
}

.last-order{
	float:left;
	font-weight:normal;
	font-size:70%;
	line-height:1.2em;
	margin-right:0px;
	width:100%;
	letter-spacing: -0.1em;
}





/*電話番号欄　マップアイコンの右のあき↓
-------------------------------------*/
.mr20{
	margin-right:20px;
}
/*店名の箇所
-------------------------------*/

.tbl-r05 td:first-child {
  background: #fff;
	width:18%;
	line-height:1.5em;

}



/*テーブル内　アイコン
-----------------------------------------------*/
.icon-list li{
	list-style-type:none;
	float:left;
}

.icon-list li img{
	margin:5px;
	width:29px;
}
 
/*テーブル下　アイコン説明
-----------------------------*/
.icon-info{
	text-align:right;
	width:100%;
	padding:20px 0px;
}

.icon-info li{
	list-style-type:none;
	display:inline-block;
	margin-left:10px;
	font-size:75%;
}

.icon-info li img{
	margin:5px;
	width:29px;
}

/*臨時情報  コロナウイルス対策
------------------------------------------------------*/
.rinji-info{
	background:#fff;
	margin:40px 10% 20px 10%!important;
	/*position:relative;*/
	width:auto;
	margin-left:20%;
	border: solid 1px #ff0000;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 5px #ff0000;    /* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: -15px;        /* 内側の線との間隔*/
	/*margin: 20px;  */  
	padding:30px;
	text-align:center;
	color:#ff0000;
	/*line-height:2.0em;*/
}

/*年末年始のお知らせ 2019.12.23
	-------------------------------------------------------*/
	
.info{
		max-width:915px;
	margin:0 auto;
		background:#840002;
		border:solid 1px #000;
		text-align:center;
		padding:1%;
	clear:both;
	margin-bottom:40px;
}

.info a{
	color:#fff;
	text-decoration:none;
}

.info a:hover{
	color:#fff!important;
	text-decoration:underline!important;
}



/*幅1120以下になった時の設定
-------------------------------------------*/
@media screen and (max-width: 1120px) {
/*ラストオーダーの時間
	--------------------------------*/
	.last-order{
	float:right;
	font-weight:normal;
	font-size:70%;
	line-height:1.0em;
	margin-right:0px;
	width:100%;
	letter-spacing: -0.1em;
}
	
}

/*幅1025以下になった時の設定
-------------------------------------------*/
@media screen and (max-width: 1025px) {
	
	
/*出前館　ウーバーイーツ　アイコン*/
	.deliver img{width:25%; margin:5px;}

/*新店情報
-------------------------------------------*/
/*外枠*/
.shop-news{
	background-color:#fff!important;
	width:80%;
	padding:0px 10% 0px 10%;
	position:relative;
	margin:0 auto;
	float:left;
}

/*新店情報テーブル（ta1）
---------------------------------------------------------------------------*/
.mt40{
	margin-top:40px!important;
}
.mb40{
	margin-bottom:40px!important;
}
.ta-shopnews{
	width:100%;
	margin:20px;
	clear:both;
}
/*テーブル１行目に入った見出し部分（※caption）*/
.ta-shopnews caption {
	padding: 5px;	/*ボックス内の余白*/
}
/*ta1設定*/
.ta-shopnews td, .ta-shopnews th {
	padding: 10px 10px;	/*ボックス内の余白*/
	
}
/*ta1の左側ボックス*/
.ta-shopnews th {
	vertical-align: middle;
	 width: 30%;
 border-right: 1px #999 solid;
	font-size:16px!important;
	letter-spacing: 0em;
	
}
.ta-shopnews td {
 width: 70%;
  background: #FFF;
}
.ta-shopnews tr {
	padding-bottom:20px;
	}



/*新店情報お知らせブロック*/
.shop-news dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%!important;
	float:left!important;
	/*border-bottom:dotted 1px #000!important;*/
	padding:10px 0px 10px 0px!important;
}
/*日付設定*/
.shop-news dt {
	float: left!important;	/*左に回り込み*/
	width: 10em!important;		/*幅*/
	letter-spacing: 0.1em!important;	/*文字間隔を少しだけ広くとる設定*/
	background:none!important;
	margin-bottom:10px;
}
/*記事設定*/
.shop-news dd {
	padding-left: 10em!important;	/*左に空ける余白*/
	margin-bottom:10px;
}

	
/*エリアのタイトル
-----------------------------------------*/
.area-name{
	font-size:20px;
	width:100%;
	float:left;
	padding: 20px 0 20px!important;	/*上、左右、下への余白*/
	letter-spacing: 0em;
	color:#333;
}
/*テーブル項目
	---------------------------*/
.tbl-r05 th{
	text-align:left;
	line-height:1.2em;
}
	
	/*店舗一覧用　テーブル
---------------------------------------------------*/
  .tbl-r05 {
    width: 100%;
	  font-size:100%;
	  font-weight:bold;
  }

/*ラストオーダーの時間
	--------------------------------*/
	.last-order{
	float:right;
	font-weight:normal;
	font-size:60%;
	line-height:1.5em;
	margin-right:0px;
	width:100%;
	letter-spacing: -0.1em;
}
	
	/*ラストオーダーの時間
	--------------------------------*/
	.last-order01{
	float:left;
	font-weight:normal;
	font-size:60%;
	line-height:1.5em;
	margin-right:8px;
	width:100%;
	letter-spacing: -0.1em;
}
	
}

/*幅970以下になった時の設定
-------------------------------------------*/
@media screen and (max-width: 970px) {
/*ラストオーダーの時間
	--------------------------------*/
	.last-order{
	float:right;
	font-weight:normal;
	font-size:60%;
	line-height:1.5em;
	margin-right:0px;
	width:100%;
	letter-spacing: -0.1em;
}
	
}

/*幅950以下になった時の設定
-------------------------------------------*/
@media screen and (max-width: 950px) {
/*ラストオーダーの時間
	--------------------------------*/
	.last-order{
	float:right;
	font-weight:normal;
	font-size:60%;
	line-height:1.5em;
	margin-right:0px;
	width:100%;
	letter-spacing: -0.1em;
}
	
}

/*幅820以下になった時の設定
-------------------------------------------*/
@media screen and (max-width: 820px) {

/*臨時情報  コロナウイルス対策
------------------------------------------------------*/
.rinji-info{
	background:#fff;
	margin:40px 5% 20px 5%!important;
	/*position:relative;*/
	width:auto;
	margin-left:20%;
	border: solid 1px #ff0000;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 5px #ff0000;    /* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: -15px;        /* 内側の線との間隔*/
	/*margin: 20px;  */  
	padding:30px;
	text-align:center;
	color:#ff0000;
	/*line-height:2.0em;*/
}	
	

	/*表示or非表示
---------------------------------------------------------------------------*/
.shopinfo-sh {display:block;}
.shopinfo-pc {display:none;}
	
	
/*スマホ用エリアリンク
------------------------------------------*/
	
.area-list{
	width:70%;
	padding:0px 15% 0px 15%;
	float:left;
	margin-bottom:20px;
	border-bottom:solid 1px #999;
}



#v-rl-1 {
  display: flex;
  justify-content: space-between;
  /*background: #1b1310;*/
}
#v-rl-1 li {
  text-align: center;
  overflow: hidden;
  flex: 1;
  margin: 10px;
  /*background: #ebe5dc;*/
}
#v-rl-1 span {
  text-align: left;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  display: inline-block;
  padding: 1em 0;
  box-sizing: border-box;
	font-size:18px;
}

#v-rl-1 li a{
	color:#A00007;
	}
	
	/*テーブル項目
	---------------------------*/
.tbl-r05 th{
	text-align:left;
	line-height:1.2em;
}
	/*ラストオーダーの時間
	--------------------------------*/
	.last-order{
	float:left;
	font-weight:normal;
	font-size:60%;
	line-height:1.5em;
	margin-right:0px;
	width:100%;
	letter-spacing: -0.1em;
}
}



/*幅736以下になった時の設定
-------------------------------------------*/
@media screen and (max-width: 736px) {
	
/*新店情報
	----------------------------------------*/
	/*ta1の左側ボックス*/
.ta-shopnews th {
	vertical-align: middle;
	 width: 30%;
 border-right: 1px #999 solid;
	font-size:20px;
	letter-spacing: 0em;
	
}
.ta-shopnews td {
 width: 70%;
  background: #FFF;
}
	
/*店舗リストテーブルを切り替える
	------------------------------------------------*/
.tbl-r05 img{
	width:25px;
	}
	
  .tbl-r05 {
    width: 100%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
	/*内容*/
  .tbl-r05 td {
    display: block;
    text-align: left;
    width: 100%;
	  font-size:15px;
  }
	/*店名*/
  .tbl-r05 td:first-child {
    background: #A00007;
    color: #fff;
    font-weight: bold;
    text-align: center;
	  width:100%;
  }

/*.tbl-r05 tr:last-child {
	border-bottom:solid 1px #000!important;
	}*/
	
/*.thead{
	border-bottom:solid 1px #000!important;
}*/
.tbl-r05 tr {
	border-bottom:none;
}
	/*項目名*/
 /* .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
	width:20%;

  }*/
	
	

/*テーブル内　アイコン
-----------------------------------------------*/

.icon-list li{
	list-style-type:none;
	float:left;
}

.icon-list li img{
	margin:10px;
	width:40px;
}
 
/*テーブル下　アイコン説明
-----------------------------*/
.icon-info{
	text-align:left;
	width:100%;
	padding:20px 0px;
	border-top:solid 1px #ccc!important;
	margin-top:20px;
}

.icon-info li{
	list-style-type:none;
	display:inherit;
	margin-left:10px;
	font-size:100%;
}

.icon-info li img{
	margin:5px;
	width:20px;
}
	
	
}


/*画面幅420px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px){
	
	

	
/*臨時情報  コロナウイルス対策
------------------------------------------------------*/
.rinji-info{
	background:#fff;
	margin:20px 2% 20px 2%!important;
	/*position:relative;*/
	width:auto;
	margin-left:20%;
	border: solid 1px #ff0000;    	/* 内側の線になる一本線の枠線をひく*/
	outline: solid 5px #ff0000;    /* 外側の線になる5pxの一本線の枠線をひく*/
	outline-offset: -15px;        /* 内側の線との間隔*/
	/*margin: 20px;  */  
	padding:30px;
	text-align:left;
	color:#ff0000;
	font-size:90%;
	/*line-height:2.0em;*/
}	
	
/*新店情報
-------------------------------------------*/
/*外枠*/
.shop-news{
	background-color:#fff!important;
	width:100%;
	padding:0px 0% 0px 0%;
	position:inherit;
	margin:0 auto;
	float:left;
}
	
/*新店情報
	----------------------------------------*/
.ta-shopnews{
	width:100%;
	margin:0px;
	clear:both;
}
	
/*新店情報お知らせブロック*/
.shop-news dl {
	/*height: 100px;		/*高さ*/
	/*overflow: hidden;	/*高さを超えるコンテンツ量部分は非表示に*/
	width:100%!important;
	float:left!important;
	/*border-bottom:dotted 1px #000!important;*/
	padding:10px 0px 10px 0px!important;
}
/*日付設定*/
.shop-news dt {
	float: left!important;	/*左に回り込み*/
	width: 10em!important;		/*幅*/
	letter-spacing: 0.1em!important;	/*文字間隔を少しだけ広くとる設定*/
	background:none!important;
	margin-bottom:5px;
}
/*記事設定*/
.shop-news dd {
	padding-left: 0em!important;	/*左に空ける余白*/
	margin-bottom:10px;
	float:left;
}
	
/*エリアのタイトル
-----------------------------------------*/
.area-name{
	font-size:20px;
	width:100%;
	float:left;
	padding: 20px 0 20px!important;	/*上、左右、下への余白*/
	letter-spacing: 0em;
	color:#333;
}
	
	
/*出前館　ウーバーイーツ　アイコン*/
.deliver{width:100%; text-align:left;}
.deliver img{width:15%;margin:10px;}
	
}

/*画面幅361px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:361px){
	
	
.tbl-r05{font-size:12px!important;}	
	
}