* {margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.clr {clear:both;}

.like_buttons {margin:0px 0px 10px 0px;}
.like_buttons .fb_iframe_widget {width:auto !important;display:inline-block !important;}
	.like_buttons .fb_iframe_widget > span {vertical-align:baseline !important;}

@media screen and (max-width:950px) {
	* {font-family:sans-serif;}
	body {font-size:1.0em;text-align:center;}
	a {color:#024191;text-decoration:underline;}
		a:hover {color:#3DB270;text-decoration:none;}
	img {max-width:100%;height:auto;border:0px;vertical-align:bottom;}
		#map img {max-width:none;}
	button {cursor:pointer;}

	#header {width:100%;margin:0px auto;text-align:left;background:url(/yakisoba/img/bg_head_sp.jpg) no-repeat;background-size:contain;background-position:0 -70%;padding:30px 15px 15px 15px;}
		#header #logo {margin:0px 15px 20px 15px;}
		#header #ogamaru {text-align:right;}
			#header #ogamaru .ogamaru {width:100%;height:auto;}
			#header #ogamaru .comment {display:none;}
		#header #nav {clear:both;position:relative;}
			#header #nav ul {list-style:none;}
			#header #nav ul:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				#header #nav ul li {margin:0px 0px 5px 0px;}
					#header #nav ul li a {color:#fff;text-decoration:none;font:1.0em/1.5 sans-serif;padding:15px 0px;display:block;text-align:center;background:#024191;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}

	#contain {clear:both;width:100%;margin:0px auto;padding:0px 15px;}
	#contain:after {content:"";clear:both;height:0;display:block;visibility:hidden;}

		#index #contain .news {width:100%;text-align:left;}
			#index #contain .news .content {padding:0px0px 20px 0px;border-bottom:1px solid #c0c0c0;margin:0px 0px 20px 0px;}
			#index #contain .news .content:last-child {border:0;}
			#index #contain .news h2 {font-size:1.125em;line-height:1.3;font-weight:normal;margin:10px 0px 5px 0px;}
			#index #contain .news p {font-size:0.813em;line-height:1.5;margin:0px 0px 10px 0px;}
		#index #contain .sub {width:100%;}
			#index #contain .sub .adsense {margin:15px 0px;}
			#index #contain .youtube {position:relative;width:100%;padding-top:56.25%;margin:0px 0px 15px 0px;}
				#index #contain .youtube iframe {position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
			#index #contain .sub .yakisoba-song {text-align:left;padding:15px 15px;background:#FFF9E6;}
				#index #contain .sub .yakisoba-song audio {width:100%;margin:0px 0px 5px 0px;}
				#index #contain .sub .yakisoba-song p {font-size:0.75em;line-height:1.4;}
			#index #contain .sub .bn_caution {width:100%;text-align:center;background:#FFE600;display:block;margin:15px 0px 0px 0px;}
			#index #contain .sub .bn_foodpro {width:100%;text-align:center;background:#F08300;display:block;margin:10px 0px 0px 0px;}
			#index #contain .sub .bn_ib img {width:100%;height:auto;margin:10px 0px 0px 0px;}
		.banners {clear:both;padding:15px 0px 0px 0px;margin:15px 0px 0px 0px;border-top:1px solid #c0c0c0;}
			.banners ul {list-style:none;}
				.banners ul li {display:inline-block;width:49%;padding:0px 0px 5px 0px;}
				.banners ul li:nth-child(odd) {padding-right:0px;}
					.banners ul li img {width:100%;height:auto;border:1px solid #c0c0c0;}

		#detail {text-align:left;}
		#detail:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
			#detail .photo {width:100%;height:auto;margin:15px 0px 15px 0px;}

			#detail .info {}
				#detail .info .comment {font-size:0.813em;line-height:1.5;margin:0px 0px 0px 0px;}
				#detail .info .price {font-size:1.313em;line-height:1.5;margin:0px 0px 5px 0px;}
				#detail .info .option {font-size:0.688em;line-height:1.3;margin:0px 0px 15px 0px;}
				#detail .info h1 {font-size:1.5em;line-height:1.5;margin:0px 0px 0px 0px;}
				#detail .info .address {font-size:0.875em;line-height:1.5;}
				#detail .info .phone {font-size:1.5em;line-height:1.5;font-weight:bold;}
				#detail .info .phone {font-size:1.5em;line-height:1.5;font-weight:bold;}
				#detail .info .takeout {padding:5px 20px;color:#fff;background:#ED781E;display:inline-block;font-size:0.875em;margin:0px 0px 10px 0px;}
				#detail .info dl {}
					#detail .info dt {font-size:0.688em;line-height:1.3;padding:5px 10px;border:1px solid #c0c0c0;display:inline-block;float:left;width:6em;clear:left;text-align:center;margin:0px 0px 5px 0px;}
					#detail .info dd {font-size:0.875em;line-height:1.3;padding:5px 3px;margin:0px 0px 5px 5em;}
				#detail .info .adsense {margin:15px 0px 0px 0px;}
			#detail .exterior {margin:15px 0px 0px 0px;}
				#detail .exterior .build {width:100%;height:auto;margin:0px 0px 0px 0px;}
				#detail .exterior p {font-size:0.875em;line-height:1.6;margin:5px 0px 0px 0px;}
			#detail .map_wrapper {clear:both;margin:10px 0px 0px 0px;}
				#detail .map_wrapper #map {width:100%;height:240px;}
				#detail .map_wrapper p {font-size:0.813em;line-height:1.6;margin:5px 0px 0px 0px;}

		#shop .nobori {text-align:left;border-bottom:1px solid #c0c0c0;margin:0px 0px 15px 0px;}
		.nobori:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
			#shop .nobori img {width:100%;}
			#shop .nobori h1 {padding:10px 0px 0px 0px;font-size:1.25em;line-height:1.3;font-weight:normal;}
			#shop .nobori p {padding:5px 0px 15px 0px;font-size:0.75em;line-height:1.5;}

		#list {}
		#list:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
			#list .blk {width:50%;float:left;padding:0px 3px;margin:0 0 15px 0;}
			#list .blk:nth-child(2n+1) {clear:both;}
				#list .blk a {text-decoration:none;color:#111;}
					#list .blk img {border-bottom:1px solid #e0e0e0;margin:0 0 10px 0;}
					#list .blk h3 {font-size:0.875rem;line-height:1.5;font-weight:normal;margin:0 0 5px 0;}
					#list .blk .price {font-size:0.875rem;line-height:1.6;font-weight:normal;color:#c00;margin:0 0 5px 0;}
					#list .blk .takeout {display:inline-block;font-size:0.75rem;line-height:1.5;color:#fff;background:#555;padding:3px 5px;}

		#about #contain {text-align:left;}
			#about #contain .main {}
				#about #contain .main h1 {font-size:1.5em;line-height:1.5;margin:0px 0px 15px 0px;}
				#about #contain .main h2 {font-size:1.125em;line-height:1.5;font-weight:normal;margin:10px 0px 0px 0px;}
				#about #contain .main p {font-size:0.813em;line-height:1.5;margin:0px 0px 15px 0px;}
			#about #contain .history {}
				#about #contain .history dl {padding:15px 20px;background:#f2f2f2;margin:15px 0px 0px 0px;}
					#about #contain .history dt {font-size:0.813em;}
					#about #contain .history dd {font-size:0.813em;line-height:1.5;margin:0px 0px 5px 0px;padding:0px 0px 5px 0px;border-bottom:1px dotted #c0c0c0;}
						#about #contain .history span {background:#C8E7FC;}

	#footer {clear:both;padding:0px 15px 15px 15px;}
		#footer address {font-size:0.813em;line-height:1.5;font-style:normal;margin:15px 0px 10px 0px;}
		#footer .copyright {font-size:0.688em;line-height:1.3;}
			#footer .copyright br {display:none;}

	#page-top {position:fixed;bottom:15px;right:15px;text-indent:-9999px;}
		#page-top a {width:60px;height:60px;display:block;background:rgba(0,120,198,0.9) url(/yakisoba/img/to_top.png) no-repeat center center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
			#page-top a:hover {background:rgba(0,161,153,0.9) url(/yakisoba/img/to_top.png) no-repeat center center;}
}


@media screen and (min-width:951px) {
	* {
		font-family:'メイリオ',Meiryo,sans-serif;*/
	/*	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;*/
	}
	body {font-size:1.0em;text-align:center;color:#111;background:#F2F2F2;}
	a {color:#024191;text-decoration:underline;}
		a:hover {color:#3DB270;text-decoration:none;}
	img {max-width:100%;height:auto;border:0px;vertical-align:bottom;}
		#map img {max-width:none;}
	button {cursor:pointer;}
	
	#header {width:1020px;margin:0px auto;text-align:left;background:url(/yakisoba/img/bg_head.png) no-repeat bottom center;padding:30px 0px 0px 0px;position:relative;}
		#header #logo {margin:0px 0px 20px 60px;}
		#header #ogamaru {}
			#header #ogamaru .ogamaru {position:absolute;z-index:2;right:0;bottom:0;display:block;width:340px;height:300px;background:url(../img/head_ogamaru.png) no-repeat left top;text-indent:-9999px;}
			#header #ogamaru .comment {position:absolute;z-index:3;right:280px;bottom:100px;}
		#header #nav {clear:both;}
			#header #nav ul {list-style:none;width:900px;height:80px;background:#024191 url(/yakisoba/img/nav.png) no-repeat left top;margin:0px auto;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
			#header #nav ul:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
				#header #nav ul li {display:inline;float:left;}
					#header #nav ul li a {display:block;height:80px;text-indent:-9999px;overflow:hidden;}
					#header #nav ul li.index a {width:140px;}
					#header #nav ul li.shop a {width:140px;}
					#header #nav ul li.about a {width:300px;}
						#header #nav ul li.index a:hover {background:url(/yakisoba/img/nav.png) no-repeat;background-position:-0px -80px;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;}
						#header #nav ul li.shop a:hover {background:url(/yakisoba/img/nav.png) no-repeat;background-position:-140px -80px;}
						#header #nav ul li.about a:hover {background:url(/yakisoba/img/nav.png) no-repeat;background-position:-280px -80px;}
	
	#contain {clear:both;width:980px;margin:0px auto;background:#fff;padding:30px 40px;border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;}
	#contain:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
		
		#index #contain .news {float:left;width:600px;text-align:left;}
			#index #contain .news .content {padding:0px0px 20px 0px;border-bottom:1px solid #c0c0c0;margin:0px 0px 20px 0px;}
			#index #contain .news .content:last-child {border:0;}
			#index #contain .news a img:hover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
			#index #contain .news h2 {font-size:1.313em;line-height:1.4;font-weight:normal;margin:10px 0px 5px 0px;}
			#index #contain .news p {font-size:0.875em;line-height:1.5;margin:0px 0px 10px 0px;}
		#index #contain .sub {float:right;width:270px;padding:0px 0px 20px 0px;}
			#index #contain .sub .adsense {margin:15px 0px;}
			#index #contain .youtube {position:relative;width:100%;padding-top:56.25%;margin:0px 0px 15px 0px;}
				#index #contain .youtube iframe {position:absolute;top:0;right:0;width:100% !important;height:100% !important;}
			#index #contain .sub .yakisoba-song {text-align:left;padding:15px 15px;background:#FFF9E6;}
				#index #contain .sub .yakisoba-song audio {width:100%;margin:0px 0px 5px 0px;}
				#index #contain .sub .yakisoba-song p {font-size:0.75em;line-height:1.4;}
			#index #contain .sub .bn_caution {width:100%;text-align:center;background:#FFE600;display:block;margin:15px 0px 0px 0px;}
			#index #contain .sub .bn_foodpro {width:100%;text-align:center;background:#F08300;display:block;margin:10px 0px 0px 0px;}
			#index #contain .sub .bn_ib img {width:100%;height:auto;margin:10px 0px 0px 0px;}
		.banners {clear:both;padding:15px 0px 0px 0px;margin:15px 0px 0px 0px;border-top:1px solid #c0c0c0;}
			.banners ul {list-style:none;}
				.banners ul li {display:inline;}
		
		#detail {text-align:left;}
		#detail:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
			#detail .photo {width:100%;height:540px;margin:30px 0px 15px 0px;}
			
			#detail .info {float:left;width:560px;}
				#detail .info .comment {font-size:1em;line-height:1.8;margin:0px 0px 0px 0px;}
				#detail .info .price {font-size:1.5em;line-height:1.8;}
				#detail .info .option {font-size:0.813em;line-height:1.5;margin:0px 0px 15px 0px;}
				#detail .info h1 {font-size:2em;line-height:1.8;margin:0px 0px 0px 0px;}
				#detail .info .address {font-size:1em;line-height:1.5;}
				#detail .info .phone {font-size:2em;line-height:1.8;font-family:arial;}
					#detail .info .phone a {text-decoration:none;color:#111;}
				#detail .info .takeout {padding:5px 20px;color:#fff;background:#ED781E;display:inline-block;font-size:1.0em;margin:0px 0px 15px 0px;}
				#detail .info dl {}
					#detail .info dt {font-size:0.813em;line-height:1.5;padding:5px 10px;border:1px solid #c0c0c0;display:inline-block;float:left;width:6em;clear:left;text-align:center;margin:0px 0px 5px 0px;}
					#detail .info dd {font-size:1.0em;line-height:1.5;padding:5px 3px;margin:0px 0px 5px 6em;}
				#detail .info .adsense {margin:15px 0px 0px 0px;}
			#detail .exterior {width:300px;float:right;}
				#detail .exterior .build {width:100%;height:auto;margin:0px 0px 0px 0px;}
				#detail .exterior p {font-size:0.875em;line-height:1.6;margin:5px 0px 0px 0px;}
			#detail .map_wrapper {clear:both;margin:10px 0px 0px 0px;}
				#detail .map_wrapper #map {width:100%;height:240px;}
				#detail .map_wrapper p {font-size:0.813em;line-height:1.6;margin:5px 0px 0px 0px;}
		
		#shop .nobori {text-align:left;border-bottom:1px solid #c0c0c0;margin:0px 0px 20px 0px;}
		.nobori:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
			#shop .nobori img {float:left;}
			#shop .nobori h1 {padding:10px 0px 0px 0px;font-size:1.25em;line-height:1.6;font-weight:normal;}
			#shop .nobori p {padding:5px 0px 0px 0px;font-size:0.875em;line-height:1.6;}
		#list {clear:both;width:930px;overflow:hidden;padding:15px 0px 0px 0px;}
		#list:after {content:"";clear:both;height:0;display:block;visibility:hidden;}
			#list .blk {width:280px;float:left;margin:0px 30px 20px 0px;}
			#list .blk:nth-child(3n+1) {clear:both;}
			#list .blk:hover {filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
				#list .blk a {text-decoration:none;color:#111;}
				#list .blk img {border-bottom:1px solid #e0e0e0;margin:0 0 10px 0;}
				#list .blk h3 {font-size:1.0rem;line-height:1.6;font-weight:normal;}
				#list .blk .price {font-size:0.875rem;line-height:1.6;font-weight:normal;color:#c00;margin:0 0 10px 0;}
				#list .blk .takeout {display:inline-block;font-size:0.875em;line-height:1.5;color:#fff;background:#555;padding:5px 10px;}
		
		#about #contain {text-align:left;}
			#about #contain .main {float:left;width:600px;}
				#about #contain .main h1 {font-size:2em;line-height:1.8;margin:0px 0px 15px 0px;}
				#about #contain .main h2 {font-size:1.313em;line-height:1.6;font-weight:normal;margin:10px 0px 0px 0px;}
				#about #contain .main p {font-size:0.875em;line-height:1.7;margin:0px 0px 15px 0px;}
			#about #contain .history {float:right;width:250px;}
				#about #contain .history dl {padding:15px 20px;background:#f2f2f2;margin:15px 0px 0px 0px;}
					#about #contain .history dt {font-size:0.813em;}
					#about #contain .history dd {font-size:0.813em;line-height:1.5;margin:0px 0px 5px 0px;display:inline-block;}
						#about #contain .history span {background:#C8E7FC;}
	
	#footer {padding:15px 0px 15px 0px;}
		#footer address {font-size:0.938em;line-height:1.5;font-style:normal;margin:0px 0px 10px 0px;}
			#footer address .tel {text-decoration:none;color:#111;}
			#footer address .br {display:none;}
		#footer .copyright {font-size:0.813em;line-height:1.5;}
			#footer .copyright br {display:none;}
	
	#page-top {position:fixed;bottom:15px;right:15px;text-indent:-9999px;}
		#page-top a {width:60px;height:60px;display:block;background:rgba(2,65,145,0.9) url(/yakisoba/img/to_top.png) no-repeat center center;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
			#page-top a:hover {background:rgba(255,240,0,0.9) url(/yakisoba/img/to_top.png) no-repeat center center;}
}