@charset "utf-8";


	img.top{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
/* ---------------------------------*/

	.text{
		width:100%;
		margin: 30px 20px 100px 0;
	}

	.text p{
		font-size: 22px;
		margin-bottom:15px;
	}



	p.label2:first-child{
		margin-top: 7px;
	}

	p.label2{
		text-align: center;
		vertical-align: middle;
		font-size: 22px;
		font-weight: bold;
		padding: 10px 0 7px;
		border-bottom: solid 2px #8b0000;
	}

	p.label2 img{
		margin: 0 15px;
	}

	p.label3 {
		text-align: center;
		font-size: 22px;
		padding: 10px 0;
		border-bottom: solid 3px skyblue;
		position: relative;
	}

	p.label3:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #ffc778;
		bottom: -3px;
		width: 30%;
	}

/* テーブル ----------------------------------*/

	table.food{
		width:96%;
		margin: 40px auto;
		border: solid 1px #fff;
	}

	table.food td img{
		width: 38%;
		display: block;
		float: right;
	}

	table.food td div{
		width: 58%;
		float: left;
	}


/* 昼食 ------------------------------------ */

	table.food td p.blue{
		margin-bottom:20px;
		font-weight:bold;
		color:#006699;
		font-size:14px;
	}

	table.food td p.price{
		margin-bottom:20px;
		font-weight:bold;
	}

	.cal{
		margin-bottom: 50px;
	}

/* 夕食 ------------------------------------ */

	#contentFrame #contents table.food td p{
		margin-bottom:5px;
	}
	#contentFrame #contents table.food td p.menu{
		padding-left:12px;
		text-indent:-12px;
	}
	#contentFrame .intro table.food td p.example{
		padding-left:34px;
		text-indent:-24px;
	}

	#contentFrame .contents table.food td ul{
	margin-left:1em;
	margin-bottom:0.7em;
	}

	#contentFrame .afterParty{
		width:100%;
		overflow:hidden;
		height:176px;
	}

	#contentFrame .afterParty h3{
		margin:0;
		padding:0;
	}

	#contentFrame .afterParty p{
		margin-bottom:10px;
		padding:0 30px;
	}


/* レスポンシブ -----------------------------*/

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

	p.label2{
		font-size: 18px;
		margin-top: 50px;
	}

	p.label2 img{
		width: 35px;
	}

	div.text p{
		font-size: 16px;
	}

}

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

	body{
		font-size: 15px;
	}

	h2.top {
		display: block;
	}

	h2.top img{
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	h3{
		font-size: 16px;
	}

	p.label2{
		font-size: 18px;
	}

	p.label2 img{
		width: 30px;
		margin: 0 5px;
	}

	div.text p{
		font-size: 15px;
	}

	#contentFrame #contents table.food{
		width:100%;
		margin: 20px auto;
	}

	#contentFrame #contents table.food tr{
		display: block;
		width: 100%;
		padding: 0;
	}

	#contentFrame #contents table.food td{
		display: block;
		width: 100%;
		padding: 0;
	}

	#contentFrame #contents table.food td div{
		width: 100%;
		float: none;
	}

	#contentFrame #contents table.food td img{
		width: 320px;
		height: auto;
		float: none;
	}

}


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

	#contentFrame #contents table.food td img{
		width: 100%;
		height: auto;
		float: none;
	}
}