@charset "utf-8";

.menu_bace {
		max-width: 100%;
		display: block;
		background-image:url("../images/top/lunch_ptt.jpg");
		background-repeat: repeat;
	}

#VTRA {
		padding: 0;
		margin: 0;
	}



	/* ####### .topics_txtM要素に高さを付ける #######*/

		.topics_txtM::after {
		  content: ".";
		  display: block;
		  clear: both;
		  height: 0;
		  visibility: hidden;
		}
		/* IE7,MacIE5 */
		.topics_txtM {
		  display: inline-block;
		}
		/* WinIE6 below, Exclude MacIE5 \*/
		* html .topics_txtM {
		  height: 1%;
		}
		.topics_txtM {
		  display: block;
		}

/* ####### .topics_txtM要素に高さを付ける END #######*/

.topics_txtM {
	margin-top: 10px;
	margin-bottom: 10px;
}
	
.topics_img01 {
	float: right;
	width: 40%;
	padding-left: 10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

.topics01 {
	font-size: 1em;
}


#footer {
	margin-top: 0px;
}


/*　########## 　900px以上　########　*/
@media (min-width: 900px) {
	
	.contents {
		float: left;
		width: 60%;
		padding-right: 20px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.side_right{
		float: left;
		width: 40%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		
	}
	
	.delivery {
		width: 100%;
		margin-top: 10px;
	}
	
	
	.topics_titleM {
		border-style: solid;
		border-color: #006633;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-left-width: 0px;
		border-right-width: 0px;
		padding: 2px;
	}
	.topics_title {
		font-size: 2em;
		text-align: center;
		color: #006633;
		font-weight: bold;
	}
	
	.top_titleM {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		border-bottom: solid 1px #006633;
	}
	
	.top_title {
		border-top: solid 1px #006633;
		border-bottom: solid 1px #006633;
		color: #006633;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	
	.sub_top_title {
		padding-right: 5px;
		font-size: 1.3em;
		vertical-align:baseline;
	}
	
	.sub_top_title01 {
		padding-right: 3px;
		font-size: 1.6em;
		vertical-align:baseline;
	}
		
	.sub_top_title02 {
		font-size: 1.8em;
		vertical-align:baseline;
	}
	
	.top_txt {
		padding: 5px 30px;
		color:  #333333;
	}
	.top_txt p {
		font-size: 1.3em;
		font-weight: bold;
	}
	
	.top_imagM {
		width: 100%;
	}
	
	.menu_bace {
		padding-top: 30px;
		padding-bottom: 30px;
		margin-top: 20px;
		margin-bottom: 0px;
	}
	
	/* ####### .menu_titleM要素に高さを付ける #######*/

		.menu_titleM::after {
		  content: ".";
		  display: block;
		  clear: both;
		  height: 0;
		  visibility: hidden;
		}
		/* IE7,MacIE5 */
		.menu_titleM {
		  display: inline-block;
		}
		/* WinIE6 below, Exclude MacIE5 \*/
		* html .menu_titleM {
		  height: 1%;
		}
		.menu_titleM {
		  display: block;
		}

/* ####### .menu_titleM要素に高さを付ける END #######*/
	
	.menu_titleM {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	
	#menu_titleL {
		float: left;
		width: 78%;
	}
	
	#menu_titleR {
		float: left;
		width: 22%;
		padding-left: 30px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	#download_B {
		display: none;
	}
	
	.obento_img {
		width: 70%;
		margin-left: auto;
		margin-right: auto;	
		
	}
	
	.menu_S {
		display: none;
		margin-top: 20px;
	}
	
	.menu01 {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	
	.menu02 {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	
	.menu03 {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	
	.menu04{
		display: block;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 20px;
	}
	
	#facebook_link {
		display: none;
	}
	
	#top_imgz {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#top_imgy {
		display: none;
	}
	
}



/*　########## 　890px以下　########　*/
@media (max-width: 890px){
	
	
	
	.topics_titleM {
		border-style: solid;
		border-color: #006633;
		border-top-width: 2px;
		border-bottom-width: 2px;
		border-left-width: 0px;
		border-right-width: 0px;
		padding: 2px;
	}
	
	.topics_title {
		font-size: 1.5em;
		text-align: center;
		color: #006633;
		font-weight: bold;
	}
	
	.topics_txt01 h3 {
		font-size: 1em;
		font-weight: bold;
		padding: 0;
	}
	
	.topics_txt01  {
		font-size: 0.9em;
		padding: 0;
	}
	
	.topics_txt02 {
		font-size: 1em;
		font-weight: bold;
		padding-bottom: 10px;
	}
	
	.top_titleM {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
		border-bottom: solid 1px #006633;
	}
	
	.top_title {
		border-top: solid 1px #006633;
		border-bottom: solid 1px #006633;
		color: #006633;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	
	.top_txt {
		padding: 5px;
		color:  #333333;
	}
	.top_txt p {
		font-size: 0.897em;
		color:  #333333;
		font-weight: bold;
	}
		
	iframe {
		margin-top: 10px;
		max-width: 500px;
		width: 95%;
		height: 400px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}
	
	.menu_bace {
		padding: 10px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.menu_H {
		display: none;
	}
	
	#menu_titleR {
		display: none;
	}
	#download_B {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		padding-top: 5px;
		padding-bottom: 10px;
	}
	
	
	.top_imagM {
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.obento_img {
		width: 95%;
		margin-left: auto;
		margin-right: auto;			
	}
	
	#facebook_link{
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
	}
	
	.side_right {
		display: none;
	}
	
	#top_imgy {
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	
	#top_imgz {
		display: none;
	}
	
	
}

/*　########## 　769px以下　########　*/
@media (max-width: 769px){

		
}

/*　########## 　500px以下　########　*/
@media (max-width: 500px){
	

		
}