@charset "utf-8";

/*-------------------------------------------------------------------
     Main
 -------------------------------------------------------------------*/

		


	/* 地域から店舗検索
	--------------------------------------*/
#prefSelect {
	position: relative;
	width: 700px;
	height: 600px;
	background: url(../images/others/img_area_map.png) no-repeat center;
}
.area > div section h1 {
	margin-bottom: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 14px;
}
.area > div ul {
	margin-left: 3px;
	font-size: 12px;
}
.area > div li {
	margin-bottom: 10px;
}
.arrowOn {
	padding: 0 0 0 14px;
}
.arrowOff {
	padding: 0 0 0 14px;
	background: url(../images/others/img_area_off.png) no-repeat left center;
	color: #bbb;
}
.hokkaido-tohoku {
	position: absolute;
	right: 10px;
	top: 40px;
	color: #009AD3;
}
.hokkaido-tohoku .arrowOn { background: url(../images/others/img_area_hokkaidotohoku.png) no-repeat left center; }

.kanto {
	position: absolute;
	right: 120px;
	top: 310px;
	color: #2CB2BF;
}
.kanto .arrowOn { background: url(../images/others/img_area_kanto.png) no-repeat left center; }
.koshinetsu-hokuriku {
	position: absolute;
	left: 340px;
	top: 90px;
	color: #008E4D;
}
.koshinetsu-hokuriku .arrowOn { background: url(../images/others/img_area_koshinetsuhokuriku.png) no-repeat left center; }
.tokai {
	position: absolute;
	right: 270px;
	top: 450px;
	color: #8DAF12;
}
.tokai .arrowOn { background: url(../images/others/img_area_tokai.png) no-repeat left center; }
.kansai {
	position: absolute;
	left: 240px;
	top: 150px;
	color: #BA9600;
}
.kansai .arrowOn { background: url(../images/others/img_area_kansai.png) no-repeat left center; }
.chugoku {
	position: absolute;
	left: 140px;
	top: 210px;
	color: #DD7800;
}
.chugoku .arrowOn { background: url(../images/others/img_area_chugoku.png) no-repeat left center; }
.shikoku {
	position: absolute;
	left: 250px;
	top: 500px;
	color: #EF7D98;
}
.shikoku .arrowOn { background: url(../images/others/img_area_shikoku.png) no-repeat left center; }
.kyushu-okinawa {
	position: absolute;
	left: 40px;
	top: 400px;
	color: #CE515D;
}
.kyushu-okinawa .arrowOn { background: url(../images/others/img_area_kyushuokinawa.png) no-repeat left center; }




	.area figure {
		margin: 20px 0 50px 0;
		text-align: center;
	}
	
	#prefList { margin-left: 50px; }
	
		#prefList h1 {
			float: left;
			width: 8em;
			margin-bottom: 20px;
			font-size: 12px;
			font-weight: bold;
		}
	
		#prefList li {
			display: inline-block;
			width: 4.5em;
			color: #ccc;
		}
		

	/* 店舗一覧
	--------------------------------------*/
	#main > div.shopList { margin-bottom: 10px; }
	
	.shopList dl {
		margin-bottom: 10px;
		padding: 4px;
		width: 692px;
		border-color: #ccc #fff #fff #ccc;
		border-style: solid;
		border-width: 1px;
		border-collapse: separate;
		border-spacing: 1px;
		background-color: #eee;
		font-size: 12px;
		line-height: 17px;
	}
	
		.shopList dt {
			background-color: #fff;
			border-color: #fff #ddd #ccc #f5f5f5;
			font-weight: bold;
			text-align: left;
		}
		
		.shopList dt, .shopList p {
			border-style: solid;
			border-width: 1px;
			padding: 0.3em 7px;
		}
		
		.shopList p {
			float: left;
			background-color: #fff;
			border-color: #e5e5e5 #d5d5d5 #d5d5d5 #e5e5e5;
			vertical-align: top;
		}
		
		.shopList p:first-of-type { width: 335px; }
		.shopList p:nth-of-type(2) {
			width: 111px;
			color: #D70C18;
			font-family: 'Arimo', sans-serif;
		}
		.shopList p:nth-of-type(3) { width: 198px; }
		
	.shopList div {
		padding: 10px 10px;
	}

	#newmenushop > section > h1 {
		margin-bottom: 10px !important;
		padding-bottom: 3px !important;
		border-bottom: 1px dotted #ccc !important;
		color: #999 !important;
		font-size: 12px !important;
	}
		
#newmenushop > section {
	margin-bottom: 15px;
	font-size: 12px!important;
	letter-spacing: 0!important;
	line-height: 1.1em!important;
}

#newmenushop > section li {
	display: inline-block;
	width: 124px;
	height: auto;
	vertical-align: top;
	margin: 0 15px 15px 0;
	list-style: disc!important;
}
#newmenushop > section li:nth-of-type(5n) {
	margin: 0 0 5px 0;
}

#newmenushop > section li p:last-of-type {
	margin-top: 3px;
	font-size: 11px;
}
#newmenushop > section li p:last-of-type a {
	display: inline-block;
}


#newmenushop > section form {
	display: inline;
}
		

	/* アーカイブ
	--------------------------------------*/
	#archive { font-size: 14px; }
	
	
		#archive dl {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dotted #999;
		}

		#archive dt {
			float: left;
			width: 55px;
			height: 55px;
			margin-right: 15px;
		}
		
		#archive span.date { font-size: 12px; }

#archive span.underway, #archive span.new, #archive span.end {
	display: inline-block;
	width: 3.5em;
	margin-left: 10px;
	padding: 2px 5px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #fff;
	font: 10px "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	line-height: 11px;
	text-align: center;
}

#archive span.underway { background: #ff9932; }

#archive span.new { background: #e52d2d; }
	
#archive span.end { background: #aaa; }


	
	/* ブランド別店舗一覧
	--------------------------------------*/
	#brandLink { margin-bottom: 30px; }
	
		#brandLink li {
			display: inline-block;
			/display: inline;
			/zoom: 1;
			margin-right: 5px;
		}
	
	
	.postid-473 #campaign {
		background-color: #000;
	}
	
	.wp-caption-text {
		font-size: 9px;
		text-align: center;
	}


	/* グループ飲食店
	--------------------------------------*/
	#restaurant { margin-bottom: 30px; }
	
		#restaurant h3 { margin-bottom: 20px; }

		#restaurant .left {
			width: 180px;
			margin-right: 20px;
		}
		
		#restaurant .left.shinagawa-content {
			width: 210px;
			margin-right: 20px;
		}
		
			#restaurant .left img { margin-bottom: 15px; }
			
			#restaurant .left span { font-size: 14px; font-weight: bold; }
		
		#restaurant .right {
			width: 500px;
		}

		/* 天空ページ品川店レイアウト調整*@since 2020/02/06（ここから）	--------------------------------------*/
		#restaurant .right.shinagawa-content {
			width: 470px;
		}

		#restaurant .right.shinagawa-content {
			width: 470px;
		}
		/* 天空ページ品川店レイアウト調整*@since 2020/02/06（ここまで）	--------------------------------------*/



			#restaurant .right span {
				display: block;
				margin-bottom: 20px;
				font-size: 13px;
				font-weight: bold;
			}

			#restaurant .right img { margin: 15px 10px 0 0; }


			/* 天空ページ品川店レイアウト調整*@since 2020/02/06（ここから）	--------------------------------------*/
			 #restaurant .right .shinagawa-restaurant-img{
				display: flex;
				justify-content: space-between;
			}

			#restaurant .right .shinagawa-restaurant-img img{
				margin: 0; 
				width: 32%;
			}

			.shinagawa-restaurant-img {
				margin-top: 15px;
			}
			/* 天空ページ品川店レイアウト調整*@since 2020/02/06（ここから）	--------------------------------------*/

			
	

	/* クーポン
	--------------------------------------*/
	#coupon { text-align: center; height: 190px; }
	
	#couponPrint {
		text-align: center;
		font-size: 12px;
		line-height: 1.4;
	}
	
		#couponPrint p {
			padding-bottom: 20px;
		}
		
		#couponPrint > p:nth-of-type(2) {
			position: relative;
			width: 275px;
			height: 44px;
			padding: 0 212px 20px;
			text-align: left;
		}

	
	#webCoupon p:first-of-type { padding-bottom: 10px; }
	
	#webCoupon ul {
		margin-top: 15px;
		padding-top: 15px;
		border-top: 1px dashed #999;
	}
	#webCoupon li { float: left; }
	#webCoupon li:first-of-type { padding-right: 20px; }
	
	#printArea { padding-bottom: 10px;
	text-align: center;}

		
		

	/* 割引クーポン
	--------------------------------------*/
	#couponArea {
		font-size: 14px;
		text-align: center;
	}
	
		#couponArea p { display: inline-block; margin-bottom: 20px; }


	/* 予約申込送信結果
	--------------------------------------*/
	#reserveResult {
		font-size: 14px;
		line-height: 2em;
		letter-spacing: 0.1em;
	}
	
	div.wp_social_bookmarking_light {
		width: 700px;
		height: 21px;
		margin-bottom: 15px !important;
		padding-bottom: 15px !important;
		border-bottom: 1px dotted #999999 !important;
		text-align: right;
	}




	/* フード＆ドリンク
	--------------------------------------*/
.foodMenu h1,
.drinkMenu h1 {
	width: 700px !important;
	height: 70px !important;
}

.foodMenu li a,
.drinkMenu li a {
	float: left;
	display: block;
	width: 347px;
	height: 80;
	margin-bottom: 10px;
}
	.foodMenu li:nth-of-type(2n+1) a,
	.drinkMenu li:nth-of-type(2n+1) a {
		clear: both;
		padding-right: 6px;
	}

	#foodBanner { margin-bottom: 30px; }
	
		#foodBanner .clear { margin-bottom: 15px; }
		
		.gmText { margin: 3px 0 0 15px; }
		
	.exHalf {
		width: 323px;
		padding: 10px;
		border: 1px solid #999;
	}
	
	.exHalf div {
		margin-bottom: 15px;
		font-size: 13px;
		font-weight: bold;
	}
	.exHalf img { margin-right: 10px; }
	.exHalf span { font-size: 10px; }
	.exHalf p { margin-top: 5px; }

	.exFull {
		width: 678px;
		padding: 10px;
		border: 1px solid #999;
		line-height: 1.5em;
	}

	.exBox { margin-bottom: 15px; }
	
	.underDot {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #999;
	}
	
	.exFull dl {
		margin-bottom: 15px;
	}
	
	.exFull dt {
		float: left;
		width: 12em;
		font-weight: bold;
	}

	.exFull dd {
		float: left;
	}
	
	.exFull .flashPlayer {
		line-height: 31px;
		text-align: right;
	}
	

.bnrNewmenu { padding-bottom: 20px; }

#newmenushop > h1 { background: none !important; }


/*  Navigation  */		

.fooddrinkNav {
	overflow: hidden;
	position: relative;
	padding: 20px 0 50px;
}

.fooddrinkNav ul {
	position: relative;
	left: 50%;
	float: left;
}

.fooddrinkNav li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 2px;
	border-radius: 3px;
	background: #bbb;
}

.fooddrinkNav li.active { background: #b70505; }

.fooddrinkNav li:hover{ background: #d80c18; }

.fooddrinkNav li a {
	display: block;
	padding: 3px 5px;
	color: #fff;
	text-decoration: none;
}

.fooddrinkBtns {
	padding-top: 20px;
  padding-bottom: 60px;
}

.fooddrinkBtns img,
.fooddrinkBtns a {
	display: block;
}

.fooddrinkBtns li + li {
	margin-top: 20px;
}


/*  Content  */		

#fooddrinkContent > div { margin-bottom: 20px; }

#fooddrinkContent dl {
	margin: 3px 0;
	font-size: 15px;
	font-weight: bold;
}

#fooddrinkContent dt {
	float: left;
	color: #300;
}

#fooddrinkContent dd {
	float: right;
	color: #f00;
}

#fooddrinkNotice {
	margin: 20px 0;
	padding: 10px;
	background: #eee;
}

#freedrinkContent li {
		padding-bottom: 30px;
}


	/* モバイル会員
	--------------------------------------*/
	.page-id-68 div#main p { margin-bottom: 20px; }


#shopPicture, #ranking, .infoBox { margin-bottom: 30px; }


/* キャンペーン注意事項
--------------------------------------*/

.notes {
	padding: 40px;
	line-height: 1.4em;
	color: #fff;
	font-size: 12px;
}

.notes section { margin-bottom: 20px; }
.notes section:last-of-type { margin-bottom: 0; }
.notes h1 {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.c-ute-2013 .notes,
.tamurayukari .notes {
	color: #222;
}

#cboxContent .notes {
	color: #222;
}

#cboxContent .notes > p {
	margin-top: 30px;
	text-align: center;
}

.evaracingContent { background: #00A5BF; }

.evaracingContent a { color: #FF0; }


/* ページネーション */

.pagination {
	position: relative;
	clear: both;
	padding: 20px 0;
	font-size: 11px;
	line-height: 11px;
}
 
.pagination span,
.pagination a {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 6px;
	background: #bbb;
	color: #fff;
	text-decoration: none;
}

.pagination a:hover{
	background: #cb0014;
	color: #fff;
}
 
.pagination .current{
	padding: 6px;
	background: #cb0014;
	color: #fff;
}

/* 天空ページ品川店レイアウト調整*@since 2020/02/06（ここから）	--------------------------------------*/

.reservation-button-box {
	position: relative;
}

.reservation-button-img1 {
	position: absolute;
    top: 18px;
    left: 29px;
}

.reservation-button-img1 img{
	width: 160px;
}

.reservation-button-img2 {
	position: absolute;
    top: 95px;
    left: 11px;
}

.reservation-button-img2 img{
	width: 30px;
}

.reservation-button-box .reservation-button {
	position: absolute;
	top: 100px;
	left: 30px;
}

.reservation-button a {
    margin: 15px 0 0;
    padding: 6px 27px;;
    border: 1px solid #d60e1a;
    border-radius: 8px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #d33d44), color-stop(100%, #d60e1a));
    background-color: #d60e1a;
    box-shadow: inset 1px 1px 0px 0px #f7c5c0;
    color: #ffffff;
    text-decoration: none;
    text-shadow: 1px 1px 0px #b23e35;
    /** font-weight: bold; **/
    font-size: 12px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d33d44', endColorstr='#d60e1a');
    cursor: pointer;
    display: inline-block;
}

.reservation-button a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #d60e1a), color-stop(100%, #FC968A));
    background-color: #d60e1a;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d60e1a', endColorstr='#FC968A');
}

.announcement-box {
    position: relative;
	margin: 5em 7em;
    padding: 3em 1em 2.5em;
	border: solid 3px #ec464e;
	border-radius: 5px;
}

.announcement-box+.announcement-box {
	margin-top: 60px;
}

.announcement-box .announcement-box-title1 {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 145px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
	font-weight: bold;
	font-size: 22px;
}

.announcement-box .announcement-box-title2 {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 205px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
	font-weight: bold;
	font-size: 22px;
}

.announcement-box .announcement-box-content+.announcement-box-content {
	margin-top: 35px;
}

.announcement-box h2 {
	text-align: center;
}

.announcement-box-text1 {
	font-size: 18px;
	line-height: 2.0;
}

.announcement-box-text2 {
	font-size: 18px;
}

.announcement-box-text3 {
	font-size: 16px;
	line-height: 2.0;
	font-weight: 800;
}

.announcement-box-content{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.announcement-box-img img {
	width:150px;
}

/* 天空ページ品川店レイアウト調整*@since 2020/02/06（ここまで）	--------------------------------------*/


/* 店頭読み込み用クーポンページ page-shopcoupon.php @since 2023/04/28（ここから）--------------------------------------*/

#barcode {
	text-align: center;
}
#barcode .head {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}

#barcode img {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}
#barcode .info-box {
	margin-top: 30px;
	padding: 20px 40px;
	border: solid 4px #F5F5F5;
}
#barcode .info-list li {
	text-align: left;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}