/*media Queries SPワンカラム可変 600px以下の場合に適用
----------------------------------------------------*/
@media only screen and (max-width: 600px) {
	body{
		margin: 0;
		padding:0;
		width: 100%;
		line-height: 100%;
		font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
	
	img{
		border: 0;
		vertical-align: bottom;
	}
	
	a:link {color:#000;text-decoration:underline;} 
	a:visited {color:#000;text-decoration:underline;} 
	a:hover {color:#DDD;text-decoration:none;}
	a:active {color:#000;text-decoration:underline;}
	
	a.gourmet_link:link {color:#fff;text-decoration:none;} 
	a.gourmet_link:visited {color:#fff;text-decoration:none;} 
	a.gourmet_link:hover {color:#fff;text-decoration:none;}
	a.gourmet_link:active {color:#fff;text-decoration:none;}
	
	#header{
		background: #000;
		width: 100%;
		overflow: hidden;
	}
	
	#header img{
		width: 150%;
	}
	
	#toplink{
		margin: 15px 0;
		width: 100%;
	}
	
	#toplink a{
		padding: 10px 0;
		float:right;
	}
	
	#footer{
		background: #000;
		color: #fff;
		font-size: 12px;
		clear: both;
		width: 100%;
	}
	
	#footer div{
		padding: 5px;
	}
	
	#slideshow{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	
	#slideshow2{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	
	#slideshow3{
		width: 300%;
		height: 100%;
		padding: 46% 0 0 0;
		position: relative;
		left: -100%;
	}
	
	#slideshow3_lexus{
		width: 300%;
		height: 100%;
		padding: 58% 0 0 0;
		position: relative;
		left: -100%;
	}
	
	#slide {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		display: block;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
	}

	#slide li {
		text-align: center;
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		overflow: hidden;
	}
	
	#slide li.lexus {
		/*height: 200px;*/
	}
	
	#slide img{
		width: 100%;
		height: auto;
	}
	
	.contents{
		width: 100%;
		height: 17%;
		clear: both;
		overflow: hidden;
		margin: 0 0 5% 0;
	}
	
	.contents2{
		width: 100%;
		height: 11%;
		overflow: hidden;
	}
	
	.banner{
		position: relative;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
	
	.banner img{
		position: relative;
		width: 150%;
		left: -25%;
	}
	
	.banner2{
		position: relative;
		margin: 0 auto;
		width: 100%;
		text-align: center;
		overflow: hidden;
	}
	
	.banner2 img{
		position: relative;
		width: 150%;
		left: -25%;
	}
	.banner2 div{
		position: relative;
		width: 150%;
		left: -25%;
	}
	
	.gourmet{
		width: 100%;
		background: #e9e4d9;
		text-align: center;
	}
	
	.more{
		display: none;
	}
	
	.gourmet-contents{
		margin: 0 auto;
		width: 100%;
	}
	
	.gourmet_title1{
		width: 65%;
		margin: 5% 0 0 0;
	}
	
	.gourmet_title2{
		width: 90%;
	}
	
	.gourmet_title3{
		width: 65%;
	}
	
	.gourmet-contents div{
		margin: 0 0 5% 0;
		border-bottom: 1px solid #000;
	}

	.gourmet-contents div img{
		border: 1px solid #000;
		width: 65%;
	}
	
	.gourmet-contents div a{
		position: relative;
	}
	
	.new{
		position: absolute;
		top: 3%;
		left: 18%;
		width: 15% !important;
		border: 0 !important;
	}
	
	.gourmet-contents div .sp_more{
		border: 1px solid #000;
		width: 65%;
		margin: 0 auto;
		background: #DDD;
	}
	
	.gourmet-contents div .sp_more img.more2{
		border: 0;
		width: 30%;
	}
	
	.gourmet-contents div a{
		display: block;
		margin: 0 auto 5% auto;
	}
	
	.foot-banner{
		margin: 5% auto 0 auto;
		width: 90%;
	}
	
	.foot-banner img{
		/*width: 45%;*/
		display: block;
		/*float: left;*/
	}
	
	.foot-banner img{
		margin: 5% auto 0 auto;
	}
	
	.foot-banner div{
		margin: 5% auto 0 auto;
		text-align: center;
	}
	
	/*.foot-banner img:nth-child(2n+1){
		margin: 5% 5% 0 0;
	}
	
	.foot-banner img:nth-child(2n+0){
		margin: 5% 0 0 0;
	}
	
	.foot-banner div:nth-child(1){
		margin: 5% 0 0 0;
	}
	
	.foot-banner div:nth-child(2){
		margin: 5% 5% 0 0;
	}*/
	
	
	
	
	.spec_photo{
		width: 100%;
		overflow: hidden;
	}

	
	
	
	
	#lexus-contents{
		width: 100%;
		margin: 0 0 50px 0;
		border-bottom: 1px solid #000;
	}
	
	.lexus1{
		width: 90%;
		margin: 0 auto;
	}
	
	.lexus1 img{
		display: block;
		width: 100%;
	}
	
	.black_back{
		padding: 5%;
		width: 90%;
		background: #000;
		color: #fff;
		font-size: small;
		line-height: 180%;
	}
	
	h3{
		margin: 5% 0 0 0;
		color: #fff;
		font-size: medium;
		line-height: 180%;
	}
	
	.black_back div{
		margin: 5% 0 0 0;
	}
	
	.lexus2{
		width: 90%;
		margin: 0 auto;
		padding: 1% 0 0 0;
		clear: both;
	}
	
	.lexus2 div img{
		width: 100%;
	}
	
	.lexus2 div:nth-child(2){
		margin: 1% 0 0 0;
	}
	
	.lexus3{
		width: 90%;
		margin: 0 auto;
		padding: 5% 0 0 0;
		font-size: small;
		line-height: 180%;
		clear: both;
	}
	
	h4{
		margin: 0;
		font-size: medium;
		line-height: 180%;
	}
	
	.lexus3 div{
		margin: 1% 0 0 0;
	}
	
	.lexus4{
		width: 100%;
		margin: 5% 0 0 0;
		padding: 2% 0;
		text-align: center;
		background: #DDD;
	}
	
	.lexus4 img{
		width: 70%;
	}
	
	.pc_iframe{
		display: none;
	}
	
	.lexus5{
		width: 90%;
		margin: 5% auto 0 auto;
	}
	
	.hair-salon{
		width: 100%;
	}
	
	.lexus5 img{
		display: block;
		width: 100%;
	}
	
	.spec{
		width: 100%;
		font-size: small;
		line-height: 180%;
		margin: 5% 0 0 0;
	}
	
	.spec div{
		margin: 1% 0 0 0;
		padding: 1% 0;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
	}
	
	.lexus6{
		width: 90%;
		margin: 5% auto 10% auto;
		clear: both;
	}
	
	.lexus_btn2{
		text-align: center;
	}
	
	.lexus_btn{
		display: none;
	}
	
	.lexus6 img{
		width: 100%;
	}
	
	.restaurant1{
		width: 90%;
		margin: 10% auto 0 auto;
		clear: both;
	}
	
	.restaurant1 img{
		display: block;
		width: 100%;
	}
	
	.black_back2{
		padding: 5%;
		width: 90%;
		background: #000;
		color: #fff;
		font-size: small;
		line-height: 180%;
	}
	
	.black_back2 div{
		margin: 5% 0 0 0;
		clear: both;
	}
	
	.namae1{
		font-size: small;
		line-height: 180%;
		font-weight: bold;
	}
	
	.namae2{
		font-size: medium;
		line-height: 180%;
		font-weight: bold;
	}
	
	.restaurant2{
		width: 100%;
		font-size: small;
		line-height: 180%;
		margin: 1% 0 0 0;
	}
	
	.restaurant2 img{
		width: 100%;
	}
	
	.restaurant2 div{
		padding: 5% 0 0 0;
		clear: both;
	}
	
	.DATAtitle{
		font-size: large;
		line-height: 180%;
		font-weight: bold;
		font-family: 'Hiragino Mincho Pro', 'HGS明朝E', serif;
	}
	
	.DATA{
		margin: 0;
		padding: 0;
		font-size: small;
		line-height: 180%;
		text-align: left;
		list-style: none;
	}
	
	.contents3{
		width: 100%;
		border-bottom: 1px solid #000;
		background: #DDD;
		overflow: hidden;
	}
	
	.restaurant3{
		width: 90%;
		margin: 0 auto;
		padding: 10% 0;
		clear: both;
	}
	
	.restaurant3 div{
		width: 100%;
	}
	
	.restaurant3 iframe{
		width: 100%;
		margin: 5% 0 0 0;
	}
	
	
	
	
	.contents4{
		width: 100%;
		height: 21%;
		margin: 0 0 10px 0;
		background: #eae5da;
		overflow: hidden;
	}
	
	.gourmet-title-red{
		width: 100%;
		padding: 2% 0;
		color: #fff;
		font-size: large;
		font-weight: bold;
		text-align: center;
		background: #c30d23;
		overflow: hidden;
	}
	
	.gourmet-title-purple{
		width: 100%;
		padding: 2% 0;
		color: #fff;
		font-size: small;
		font-weight: bold;
		text-align: center;
		background: #a40b5d;
		overflow: hidden;
	}
	
	.gourmet-title-green{
		width: 100%;
		padding: 2% 0;
		color: #fff;
		font-size: large;
		font-weight: bold;
		text-align: center;
		background: #006934;
		overflow: hidden;
	}
	
	.gourmet-text{
		width: 90%;
		margin: 0 0 5% 0;
		padding: 5%;
		font-size: small;
		line-height: 180%;
		text-align: left;
		border-bottom: 2px solid #000;
		overflow: hidden;
	}
	
	.gourmet-contents div.gourmet-contents2{
		margin: 10% 0 0 0;
		text-align: center;
	}
	
	.gourmet-main-contents{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	.gourmet-main-contents img{
		margin: 0 auto 10% auto;
		display: block;
		width: 100%;
	}
	
	.tag{
		width: 230px;
		margin: 0 auto 5% auto;
		padding: 5px;
		font-size: small;
		background: #DDD;
		text-align: center;
	}
	
	.gourmet-name{
		width: 100%;
		margin: 0 auto 5% auto;
		text-align: center;
	}
	
	.area1{
		font-size: small;
		font-weight: bold;
		color: #c30d23;
	}
	
	.area2{
		font-size: small;
		font-weight: bold;
		color: #a40b5d;
	}
	
	.area3{
		font-size: small;
		font-weight: bold;
		color: #006934;
	}
	
	.shop_name1{
		font-size: medium;
		font-weight: bold;
		color: #c30d23;
	}
	
	.shop_name2{
		font-size: medium;
		font-weight: bold;
		color: #a40b5d;
	}
	
	.shop_name3{
		font-size: medium;
		font-weight: bold;
		color: #006934;
	}
	
	.read{
		margin: 0 0 5% 0;
		font-size: small;
		font-weight: bold;
		line-height: 180%;
	}
	
	.copy{
		margin: 0 0 5% 0;
		font-size: small;
		line-height: 180%;
		text-align: left;
	}

	.copy2{
		margin: 0 0 2% 0;
		font-size: small;
		line-height: 140%;
		text-align: center;
	}
	
	.DATAtitle1{
		font-size: medium;
		line-height: 180%;
		font-weight: bold;
		font-family: 'Hiragino Mincho Pro', 'HGS明朝E', serif;
		color: #c30d23;
		text-align: left;
	}
	
	.DATAtitle2{
		font-size: medium;
		line-height: 180%;
		font-weight: bold;
		font-family: 'Hiragino Mincho Pro', 'HGS明朝E', serif;
		color: #a40b5d;
		text-align: left;
	}
	
	.DATAtitle3{
		font-size: medium;
		line-height: 180%;
		font-weight: bold;
		font-family: 'Hiragino Mincho Pro', 'HGS明朝E', serif;
		color: #006934;
		text-align: left;
	}
	
	.gourmet-main-contents iframe{
		margin: 10% 0;
		width: 100%;
	}
	
	
	
	.highslide-html-content {
		width: 100% !important;
	}
	
	
	
	#pager{
		text-align: center;
		margin: 0 auto 5% auto;
	}
	
	#pager a{
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		text-indent: -999em;
		background: #999;
		border-radius: 6px;
		cursor: pointer;
		opacity: 0.6;
		-webkit-transition: background .5s, opacity .5s;
		-moz-transition: background .5s, opacity .5s;
		transition: background .5s, opacity .5s;
	}
	
	#pager a.selected{
		background: #000;
		opacity: 1; 
	}
	
	#pager a:nth-child(4), #pager a:nth-child(5), #pager a:nth-child(6){
		display: none;
	}
	
	.hair-salon li {
		height: auto !important;
	}
	
	.syasyu{
		font-size: x-small;
		margin: 0 0 1% 5%;
	}
	
	
	
	
	
	.recipe{
		border-collapse:collapse;
		border-spacing:0;
		width:100%;
		margin:0 0 5% 0;
	}
	
	.recipe .midashi{
		font-size: small;
		font-weight: bold;
	}
	
	.recipe td{
		display:list-item;
		list-style-type:none;
		font-size: small;
		line-height: 180%;
		text-align: left;
		padding:0 0 5% 0;
	}
	
	.recipe td.COL{
		padding:5% 0 2% 0;
	}

}