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

/* shop.html css設定 */

/**************************************************/
/* h2見出し&店舗情報 div設定 */
h2 {
	clear: both;
}
/**********************************************/
/* 店舗情報　text設定 */
#shop {
	float: left;
	line-height: 2.5;
	text-align: left;
	margin: 0;
	padding: 0 40px 0 40px;
	max-width: 100%;
}
/**********************************************/
/* 電話、予約 総席数 クレジットカード */
#shop_tel #shop_time #shop_seat{
	clear: both;
}
/**********************************************/
/* 右側のtext ドットの下線 */
.dott {
	border-bottom: 1px dashed #fff;
	margin-left: 94.5px;
}
/* 住所 アクセス ２行 右側のtext ドットの下線 */
.dott_2line {
	white-space: pre;
	line-height: 1.8;
	border-bottom: 1px dashed #fff;
	margin-left: 94.5px;
}
/**********************************************/
/* 住所 ２行 左側のtext */
.dott_address {
	float: left;
	border-bottom: 1px dashed #fff;
	letter-spacing: 1.9em;
	line-height: 1.8;
}
/**********************************************/
/* 電話 予約 左側のtext */
.dott_tel_yoyak {
	float: left;
	border-bottom: 1px dashed #fff;
	letter-spacing: 1.9em;
}
/**********************************************/
/* アクセス ２行 左側のtext */
.dott_access {
	float: left;
	border-bottom: 1px dashed #fff;
	line-height: 1.8;
	padding-right: 30px;
}
/**********************************************/
/* 営業時間 左側のtext */
.dott_time {
	float: left;
	border-bottom: 1px dashed #fff;
	padding-right: 30px;
}
/**********************************************/
/* 定休日 左側のtext */
.dott_off {
	float: left;
	border-bottom: 1px dashed #fff;
	letter-spacing: 0.5em;
	padding-right: 20px;
}
/**********************************************/
/* 総席数 ３行 左側のtext */
.dott_seat {
	float: left;
	border-bottom: 1px dashed #fff;
	letter-spacing: 0.5em;
	line-height: 1.8;
	padding-right: 20px;
}
/**********************************************/
/* クレジットカード・電子マネー 左側のtext */
.dott_card {
	float: left;
	border-bottom: 1px dashed #fff;
	padding-right: 145px;
}
/**********************************************/
/* 店舗情報img */
#shop_img{
	float: left;
}
/**********************************************/
/* Googlemap */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media screen and (min-width:480px) and (max-width:768px){
/* 画面サイズ480px以上768px以下 このファイルのスタイルが適用 */
/**********************************************/
/* 店舗情報　text設定 */
#shop {
	clear: both;
	padding: 0 20px 0 20px;
	margin: 0;
}
/**********************************************/
/* 店舗情報img */
#shop_img{
	clear: both;
	padding: 20px 0 0 20px;
	margin: 0;
	max-width: 100%;
}
/**********************************************/
}
/**************************************************/


/**************************************************/
@media screen and (max-width:479px) { 
/*　画面サイズ480px以下 このファイルのスタイルが適用 */

/**********************************************/
/* 店舗情報　text設定 */
#shop {
	clear: both;
	padding: 0 20px 0 20px;
	margin: 0;
}
/**********************************************/
/* 右側のtext ドットの下線 */
.dott {
	margin-left: 68px;
	padding-left: 15px;
}
/* 住所 アクセス ２行 右側のtext ドットの下線 */
.dott_2line {
	white-space: normal;
	clear: both;
	margin: 0;
	padding: 10px 0 10px 0;
	line-height: 130%;
}
/**********************************************/
/* 住所 ２行 左側のtext */
.dott_address {
	clear: both;
	letter-spacing: 1em;
}
.dott_address br {
    display: none;
  }
/**********************************************/
/* 電話 予約 左側のtext */
.dott_tel_yoyak {
	clear: both;
	letter-spacing: 1em;
}
/**********************************************/
/* アクセス ２行 左側のtext */
.dott_access {
	clear: both;
	padding: 5px 0 5px 0;
}
.dott_access br {
    display: none;
  }
/**********************************************/
/* 営業時間 左側のtext */
.dott_time {
	clear: both;
	padding: 0;
	/*padding: 5px 0 5px 0;*/
}
/**********************************************/
/* 定休日 左側のtext */
.dott_off {
	clear: both;
	padding: 0;
}
/**********************************************/
/* 総席数 ３行 左側のtext */
.dott_seat {
	clear: both;
	padding: 5px 0 5px 0;
}
.dott_seat br {
    display: none;
  }
/**********************************************/
/* クレジットカード・電子マネー 左側のtext */
.dott_card {
	clear: both;
	padding: 0;
	/*border-bottom: 1px dashed #fff;
	padding-right: 145px;*/
}
/**********************************************/
/* 店舗情報img */
#shop_img{
	clear: both;
	padding: 20px 0 0 0;
	margin: 0;
	max-width: 100%;
}
/**********************************************/
}
/**************************************************/