@charset "utf-8";

@media only screen and (min-width: 768px) {

	.header_img{
		position:relative;
	}

	#mv_name{
		position:absolute;
		z-index:99;
		left:0;
		right:0;
		text-align:center;
		display:none;
		margin:auto;
		top:265px;
	}

	/* スライドショー */
	#slider {
		overflow:hidden;
		position:relative;
		width:100%;
		opacity:0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
	}

	#slider ul li{
		height:605px;
		background-size:cover;
		background-position:top center;
	}

	.bx-wrapper {
	    margin:0 auto;
	    position:relative;
	}

	.bx-wrapper .bx-pager {
	    margin:0 auto;
	    background:#fff;
	}

	.container > p{
		text-align:center;
		color:#fff;
		font-size:18px;
		line-height:45px;
		margin-top:95px;
		letter-spacing:3px;
	}

	#concept{
		padding-bottom:220px;
	}


	#concept ul{
		justify-content: space-between;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		margin-top:80px;
	}

	#greeting{
		background-color:#252525;
		padding-bottom:100px;
		position:relative;
	}

	#greeting h3{
		position:relative;
		text-align:center;
		top:-30px;
	}

	#greeting ul{
		justify-content: space-between;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:945px;
		margin:75px auto 0 auto;
	}

	#greeting ul li:first-child{
		width:605px;
	}

	#greeting ul li:last-child{
		width:310px;
	}

	#greeting ul li p{
		line-height:32px;
		color:#fff;
		font-size:16px;
	}

	#greeting ul li div{
		text-align:right;
		color:#fff;
		font-size:16px;
	}

	#shop_list .container{
		width:940px;
		margin:auto;
		padding-top:100px;
	}

	#shop_list h3{
		float:right;
	}

	#shop_list .shop_list_area{
	}

	#shop_list ul{
		float:left;
	}

	#shop_list ul li{
		width:806px;
		border:solid 1px #6d6d6d;
		margin-bottom:15px;
	}

	#shop_list ul li a div img{
		display:block;
	}

	#shop_list ul li a{
		justify-content: space-between;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items:flex-end;
		box-sizing:border-box;
		text-decoration:none;
	}

	#shop_list ul li a h4{
		padding:0 25px 25px 0;
		font-size:20px;
		color:#fff;
		font-weight:normal;
		text-align:right;
		letter-spacing:7px;
	}

	#shop_list ul li a h4 span{
		display:block;
		padding-right:10px;
	}

    /*---お料理について単独ページ----*/
    #menu_detail { width: 1050px; margin: 100px auto 0; }
    #menu_detail h3{ font-size: 30px;font-weight: normal;letter-spacing: 0.3em; }
/*    #menu_detail article{ width: 940px; margin:0 auto; padding-top:40px; }*/
    #menu_detail .shopname{ border: 1px solid rgba(255,255,255,0.58); border-left: none; border-right: none; padding: 15px 0; font-size: 22px; font-weight: normal; margin-top:60px; }
    #menu_detail .title{ margin: 30px auto 30px;  justify-content: space-between;} 
    #menu_detail .title .mainimage picture{ width:100%;} 
/*    #menu_detail .title .mainimage picture img{ width:100%;} */
    #menu_detail h2{ letter-spacing: 2px; text-align: left;font-size: 26px; margin:80px 0 30px; padding: 0;}
    #menu_detail .menu_detail dt{ font-size: 20px; margin-bottom: 20px;}
    #menu_detail .menu_detail dd{ display: flex; flex-wrap: wrap; margin-bottom: 40px;}
    #menu_detail .menu_detail picture{ display: block; margin-bottom: 20px; margin-right: 0px;}
    #menu_detail .menu_detail picture a{ display: inline-block; width: 320px; margin-right: 25px;}
    #menu_detail .menu_detail picture a:last-child{ margin-right: 0 !important;}
    #menu_detail .menu_detail picture a:first-child{ margin-right: 25px !important;}
    #menu_detail .menu_detail  p{width: 700px; line-height: 200%; font-weight: normal;}
    #menu_detail .backlist { width:100%; text-align:center; }
    #menu_detail .backlist a { display: inline-block;padding: 10px 50px;border: solid 1px #fff;margin-right: 18px; color:#fff; text-decoration:none; font-size:18px; }

}

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

	/* スライドショー */
	#slider {
		overflow:hidden;
		position:relative;
		width:100%;
		opacity:0;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;
		-ms-transition: all 0.4s;
		-o-transition: all 0.4s;
		transition: all 0.4s;
		/*margin-top:80PX;*/
		margin-top:10px;
	}

	#slider ul li{
		background:none !important;
	}

	#slider .bx-wrapper img{
		width:100%;
	}
	.bx-wrapper {
	    margin:0 auto;
	    position:relative;
	}

	.bx-wrapper .bx-pager {
	    margin:0 auto;
	    background:#fff;
	}

	.header_img{
		position:relative;
	}

	#mv_name{
		position:absolute;
		z-index:99;
		left:0;
		right:0;
		text-align:center;
		display:none;
		top:175px;
	}

	.container > p{
		text-align:center;
		color:#fff;
		font-size:15px;
		padding:0 10px;
		line-height:31px;
		margin-top:30px;
	}

	#concept{
		padding-bottom:115px;
	}

	#concept ul{
		justify-content: space-between;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items:flex-end;
		box-sizing:border-box;
		padding:0 15px;
		margin-top:30px;
	}

	#concept ul li{
		width:50%;
	}

	#concept ul li img{
		display:block;
		width:100%;
	}


	#greeting{
		background-color:#252525;
		padding-bottom:100px;
		position:relative;
	}

	#greeting h3{
		position:relative;
		text-align:center;
		top:-40px;
	}

	#greeting ul{
		margin-bottom:80px;
	}

	#greeting ul li p{
		line-height:28px;
		color:#fff;
		font-size:14px;
		padding:0 15px;
	}

	#greeting ul li div{
		text-align:right;
		color:#fff;
		font-size:14px;
		padding:0 15px;
		letter-spacing: 2px;
	}

	#greeting ul li:last-child{
		text-align:center;
		padding:0 15px;
		margin-top:35px;
	}

	#shop_list h3{
		position:relative;
		text-align:center;
		top:-50px;
	}

	#shop_list ul li{
		border:solid 1px #6d6d6d;
		margin:0 15px 15px 15px;
	}

	#shop_list ul li img{
		display:block;
		width:100%;
	}

	#shop_list ul li a div{
		width:100%;
	}

	#shop_list ul li a{
		justify-content: space-between;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		align-items:flex-end;
		box-sizing:border-box;
		text-decoration:none;
	}

	#shop_list ul li a h4{
		padding:15px 0 0 15px;
		font-size:18px;
		color:#fff;
		font-weight:normal;
		text-align:left;
		letter-spacing:7px;
	}

	#shop_list ul li a h4 span{
		display:block;
		padding-top:5px;
		padding-left:5px;
		padding-bottom:15px;
	}

	#shop_list ul li a h4 span img{
		width:auto;
	}

    /*---お料理について単独ページ----*/
    #menu_detail { width: 90%; margin: 60px auto 0; padding: 0; }
    #menu_detail h3{ font-size: 26px;font-weight: normal;letter-spacing: 0.2em;}
    #menu_detail .shopname{ border: 1px solid rgba(255,255,255,0.58); border-left: none; border-right: none; padding: 10px 0; font-size: 18px; font-weight: normal; margin-top:30px; }
    #menu_detail .title{ margin-bottom: 20px; text-align: center;}
    #menu_detail .title .mainttl{ margin-bottom: 20px;}
    #menu_detail h2{ letter-spacing: 2px; text-align: left;font-size: 1.3em; margin: 40px 0 10px; padding: 0;}
    #menu_detail .menu_detail dt{ font-size: 1.1em; margin-bottom:10px ;}
    #menu_detail .menu_detail dd{ margin-bottom: 20px;}
    #menu_detail .menu_detail picture{ display: flex; margin-bottom: 20px;}
    #menu_detail .menu_detail picture a{ width: 33%; margin-right: 10px;}
    #menu_detail .menu_detail picture a:last-child{ margin-right: 0;}
    #menu_detail .menu_detail  p{width: 100%; line-height: 160%; font-weight: normal; }
    #menu_detail .backlist { width:100%; text-align:center; padding-bottom:50px; margin-top:30px;}
    #menu_detail .backlist a { width:90%; display: inline-block;padding: 5px 0px;border: solid 1px #fff;margin-right: 18px; color:#fff; text-decoration:none; font-size:16px; }

}