@charset "UTF-8";
/* とんかつ神楽坂さくら style.css */

html{
	height:100%;
}
body{
	height:100%;
	padding:0;
	margin:0;
	text-align:center;
	font-size: 15px;
	color:#fff;
	font-family:"游ゴシック体", "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #000;
}
a{
	color:#e84256;
	text-decoration: none;
	-webkit-transition:all 0.4s ease-out;
	-moz-transition:all 0.4s ease-out;
	-o-transition:all 0.4s ease-out;
	-ms-transition:all 0.4s ease-out;
	transition:all 0.4s ease-out;
}
a:hover{
	color:#ff6a7c;
}
h1, h2, h3, h4, h5, h6{
	line-height: 1.6;
	font-weight: 900;
	margin:0;
	padding:0;
}
h2{
}
h3{
}
h4{
}
p {
	line-height: 1.8;
}
ul{
	text-align: left;
}
li{
	list-style: none;
}

input, button, select, textarea {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}


#body_inner{
	height: 100%;
	position: relative;
}
img{
	/* display:block; */
	border:0;
	/* margin:0 auto; */
	/* padding:0; */
}
.vhidden{
	visibility: hidden;
}
.gimg{
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);

	filter: gray;
	-webkit-filter: grayscale(100%);
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	transition:all 1s ease-out;
}
.gimg:hover,.gimg.on{
	filter: none;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}
.bimg{
	-webkit-filter: blur(5px);
    filter: blur(5px);
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	transition:all 1s ease-out;
}
.bimg:hover,.bimg.on{
	-webkit-filter: blur(0px);
    filter: blur(0px);

}

input,textarea{
	border:none;
	font-size:110%;
	vertical-align:top;
}
.icon{
	display:inline-block;
	background: #e84256;
	color: #fff;
	padding: 2px 4px;
	border-radius: 2px;
	vertical-align: middle;
	line-height: 1;
	font-size: 70%;
	margin: -3px 0.3em 0 0.4em;
	/* font-weight: bold; */
	letter-spacing: 1px;
}


@media screen and (max-width:767px){
	img{
		max-width:100%;
	}
}


/*-----------------------------------------------------------------------------* header */
#header{
	background: #000;
	opacity: 0.96;
	height: 60px;
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	z-index: 10000;
	text-align: center;
	background: url(../images/header_bg.png) 0 0 repeat-x;
	background: rgba(0,0,0,0.7);
}
#header_logo{
	position: absolute;
	visibility: hidden;
	margin:0;
}
.fixed #header_logo{
	position: static;
	padding: 14px 20px 0 20px;
	float: left;
	margin:0;
}
#header_nav{
	padding: 0 20px;
}
#header_nav a{
	height: 60px;
	padding: 0 14px;
	margin: 0 10px;
	display: inline-block;
	box-sizing: border-box;
	zoom:1;
	line-height: 60px;
	letter-spacing: 7px;
	color:#fff;
	border-bottom: 0px #be474a solid;
	border-bottom: 1px rgba(190,71,74,0) solid;
}
#header_nav a.on{
	color: #e84256;
	/*border-top: 1px #9f9e8b solid;*/
	border-bottom: 1px #be474a solid;
}
#header_nav a:hover{
	color: #e84256;
	border-bottom: 1px #be474a solid;
	border-bottom: 1px rgba(190,71,74,1) solid;
}

@media screen and (max-width:767px){
	#header{
		bottom: 10%;
		left: 0;
		right: 0;
		padding:0;
		height: 50px;
	}
	#header.fixed{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	#header_nav{
		padding: 0;
		height: 50px;
		line-height: 50px;
	}
	#header_nav a{
		height: 50px;
		line-height: 50px;
		letter-spacing: 0;
		box-sizing: border-box;
		width: 20%;
		width: 33.333%;
		padding: 0;
		float: left;
		white-space: nowrap;
		margin: 0;
		}
}

body.under #header{
	position: relative;
	background: #fff;
	height: 60px;
	top:0;bottom:auto;
	left:auto;right:auto;
}
body.under .header_logo_under{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	height:50px;
	margin:auto 0;
}
body.under .header_logo_under_img{
	height:100%;
	width:auto;
	max-width:none;
}
body.under #header_nav{
	padding:0 8px;
	float: right;
}
body.under #header_nav a:not(.on){
	color: #000;
}
body.under #header_nav a.on{
	border-width:0 0 2px 0;
}

@media screen and (max-width:375px){
	body.under #header_nav a{
		padding: 0 6px;
	}
}@media screen and (max-width:767px){
	body.under #header{
		height:50px;
	}
	body.under .header_logo_under{
		height:36px;
	}
	body.under #header_nav a{
		padding: 0 20px;
		width: auto;
	}
}@media screen and (max-width:600px){
	body.under #header_nav a{
		padding: 0 12px;
	}
}@media screen and (max-width:389px){
	body.under #header_nav a{
		padding: 0 8px;
	}
}@media screen and (max-width:374px){
	body.under #header_nav a{
		padding: 0 6px;
	}
}@media screen and (max-width:359px){
	body.under #header_nav a[href="/"]{
		display:none;
	}
}


/*-----------------------------------------------------------------------------* footer */
#footer_wrap{
	background: url(../images/cover.png) #111;
}
#footer{
	display: block;
	position: relative;
	padding: 150px 40px 50px;
	background: url(../images/footer_bg.png) center -50px no-repeat;
	background-size: 350px;
}
.footer_links{
	border-top:1px solid rgba(255,255,255,0.2);
	border-bottom:1px solid rgba(255,255,255,0.2);
	margin: 0 30px;
}
.footer_links a{
	position:relative;
	display:inline-block;
	padding:30px 0 30px 30px;
	color: #ddd;
}
.footer_links a:after{
	content:"";
	display:inline-block;
	height:19px;
	width:1px;
	background: rgba(255,255,255,0.2);
	vertical-align:top;
	margin-left:30px;
}
.footer_links a:last-child:after{
	display:none;
}
.footer_links-sns{
	border-top:0;
}
.footer_links-sns{
	border-top:0;
}
.footer_links-sns a{
	letter-spacing:2px;
}
.btn_instagram:before{
	content:"";
	width:15px;
	height:15px;
	background:url(../images/icon_instagram_white.png) center no-repeat;
	background-size:100% auto;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin:0 0.3em 0 0;
}
#copyright{
	font-size:11px;
	color:#7f7876;
	margin-top: 40px;
}

#pagetop a{
	display:inline-block;
	position:fixed;
	bottom:60px;
	right:70px;
	width:67px;
	height:67px;
	background:#bcb9b8;
	border-radius:67px;
	opacity:0.7;
}
#pagetop img{
	padding:27px 0;
}

@media screen and (max-width:767px){
	.footer_links{
			border:none;
	}
  .footer_links a{
    display: block;
    padding: 10px;
 	border-top:1px solid rgba(255,255,255,0.2);
 }
  .footer_links a:after{
    display: none;
  }
  .footer_links a:last-child:after{
  }
	.footer_links-sns{
 	border-bottom:1px solid rgba(255,255,255,0.2);
	}
	
	#pagetop a{
		bottom:30px;
		right:20px;
		width:50px;
		height:50px;
		border-radius:50px;
	}
	#pagetop img{
		padding:18px 0;
	}
	#footer{
		display: block;
		position: relative;
		padding: 15px 10px 40px;
		background: url(../images/footer_bg.png) center -20px no-repeat;
		background-size: 120px;
	}
}


/*-----------------------------------------------------------------------------* common */
.sec{
	position:relative;
	background: #000;
	margin: 0;
	padding: 0;
}
.sec_h{
	height:95%;
	background: center no-repeat #000;
	background-attachment:fixed;
	background-size: cover;
	min-height: 500px;
}
.iOS .sec_h{
	background-attachment:inherit;
}
.sech_inner{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	background: url(../images/cover.png) 0 0 ;
}
.sec_bg{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	background: url(../images/cover.png) center no-repeat #000;
	background-attachment:fixed;
	background-size: cover;
}
.iOS .sec_bg{
	background-attachment:inherit;
}
.sec h2{
	margin: 0 0 20px;
	text-align: left;
}
.sec .sec_tit{
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center;
	margin: -75px -230px;
	padding:30px 30px 20px;
	background: rgba(0,0,0,0.6);
}
.sec p{
	line-height: 2.5;
	text-align: left;
	text-align: justify;
	word-break: break-all;
	color: #adadad;
	/* color: rgba(255,255,255,0.7); */
}

t{
	margin: 2%;
	text-align: center;
}
.p_list {
	overflow: hidden;
	display:block;
	height:auto;
	padding: 0 25px;
}
.p_list li{
	display: inline-block;
	width:29%;
	margin:2%;
	vertical-align: top;
}
.p_wrap{
	position: relative;
}
.p_wrap img{
	width: 100%;
	height: auto;
	display:block;
}
.p_wrap:before,.p_wrap:after{
	content:"";
	display: block;
	position: absolute;
	left: 0;
	right:0;
	top:0;
	height: 30px;
	/* bottom:0; */
	background: url(../images/naname_top.png) 0 0 no-repeat;
	background-size: 100% 30px;
	z-index:101;
}
.p_wrap:after{
	background: url(../images/naname_bottom.png) 0 bottom no-repeat;
	top: auto;
	bottom: 0;
	background-size: 100% 30px;
}
.p_list p{
	color: #888;
	line-height:2.1;
	-webkit-filter: grayscale(100%);
	-webkit-transition:all 1s ease-out;
	-moz-transition:all 1s ease-out;
	-o-transition:all 1s ease-out;
	-ms-transition:all 1s ease-out;
	transition:all 1s ease-out;
}
.p_list li:hover p{
	color: #f1f1f1;
}

.p_list .pl_wide{
	display: block;
	width:100%;
	max-width: 1200px;
	margin: 2% auto;
}
.pl_wide .p_wrap{

}
.pl_wide .p_wrap > img{
	width: 800px;
	height: auto;
	display:block;
	margin: 0;
}
.p_text h3 img{
	width:200px;
	height:auto;
}
.p_text{
	width: 320px;
	height: 370px;
	padding: 50px 40px 0;
	display: block;
	vertical-align: middle;
	position: absolute;
	right: 0;
	top:0;
	background:#555;
}
.p_text h3{
	margin-bottom: 10px;
}
.p_wrap .p_text h3{
	margin-top:-30px;
}
.p_text p{
	color: #ccc;
	
}
.p_text .txt_links{
	border-top:rgba(0,0,0,0.3) 1px solid;
	padding: 20px 0 0;
	text-align: left;
	margin: 20px 0 0;
}
.p_text .txt_links a{
	display: inline-block;
	color:#e9e2a3;
	margin: 0 12px 5px 0;
}
.p_text .txt_links a:hover{
	text-decoration: underline;
}
.p_text .txt_links a:before{
	content: "";
	width:0;
	height: 0;
	overflow: hidden;
	display: inline-block;
	border: 3px #e9e2a3 solid;
	border-color:transparent transparent transparent #e9e2a3;
	vertical-align: middle;
	margin: -2px 0 0;
}

@media screen and (max-width:767px){
	.p_list {
	}
	.p_list li{
		display: block;
		width:auto;
		margin:20px 0;
		vertical-align: top;
	}
	.p_wrap{
		position: relative;
	}
	.p_wrap img{
	}
	.p_wrap:before,.p_wrap:after{
	}
	.p_wrap:after{
	}
	.p_list .pl_wide{
		display: block;
		width:auto;
		margin: 0 auto;
	}
	.pl_wide .p_wrap{

	}
	.pl_wide .p_wrap > img{
		width: 100%;
	}
	.p_text{
		width: auto;
		height: auto;
		padding: 1px 20px 40px;
		display: block;
		vertical-align: middle;
		position: static;
		right: 0;
		top:0;
		background:#555;
	}
	.p_text h3{
		margin-bottom: 10px;
	}
	.p_text h3 img{
		width:180px;
		height:auto;
	}
	.p_text .txt_links{
		border-top:rgba(0,0,0,0.3) 1px solid;
		padding: 0 0 8px;
		text-align: left;
		margin: 16px 0 0;
		overflow:hidden;
	}
	.p_text .txt_links a{
		display:block;
		width:50%;
		float:left;
		margin: 0;
		padding:10px 5px;
		border-bottom:rgba(0,0,0,0.3) 1px solid;
		box-sizing:border-box;
		white-space:nowrap
	}
}

@media screen and (max-width:767px){
	body{
		font-size:13px;
	}
	img{
		max-width:100%;
		height:auto;
	}
	.sec_h{
		max-height: 400px;
		background-attachment:initial;
		min-height: 0;
	}
	.sec_bg{
		max-height: 400px;
		background-attachment:initial;
	}
	.sec h2{
	}
	.sec .sec_tit{
		position: absolute;
		left: 5%;
		right:5%;
		top: 50%;
		text-align: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		margin:0;
		padding: 24px 10px 16px;
		background: rgba(20,20,20,0.8);
	}
	.sec p{
		line-height: 1.9;
		/* font-size:96%; */
	}
}


/*-----------------------------------------------------------------------------* main_v */
#sec1{
	background-image: url(../images/sec1_bg2.jpg);
	background-position: center bottom;
	background-attachment:fixed;
	max-height: none;
}
.iOS #sec1{
	background-attachment:inherit;
}
#sec1 #top_title{
	width: 242px;
	height: 539px;
	position:absolute;
	background: url(../images/top_img_logo3.png) center center no-repeat rgba(255,255,255,0.96);
	width: 140px;
	height: auto;
	top: 0;
	bottom: 30%;
	left: 25%;
	right: auto;
	margin: 0;
	box-shadow: 0 5px 30px rgba(0,0,0,0.8);
	background-position: center 78%;
}

@media screen and (max-width:767px){
	#sec1{
		background-image: url(../images/sec1_bg2_sp.jpg);
		background-position: center;
		height:90%;
		background-size:cover;
	}
	#sec1 #top_title{
		width: 80px;
		height:auto;
		background-size:80% auto;
		left:10%;
		bottom: 33%;
		background-position: center 87%;
	}
}


/*-----------------------------------------------------------------------------* news */
#news{
	background: #111;
	/* height:120px; */
}
#news .sec_content{
	text-align: center;
	padding: 40px 30px;
}

#news #top_news_body{
	display: flex;
	text-align:left;
	vertical-align:top;
	color: #ccc;
	width: 92%;
	margin:10px auto;
	flex-flow: column;
	max-width: 700px;
}
#news #top_news_body a{
	display:block;
	margin: 10px 0;
	color: #fff;
}
body.information #news #top_news_body a{
	font-size:16px;
	margin: 20px 0;
}
#news #top_news_body a[href]:hover{
	text-decoration:underline;

}

#news #top_news_body .date{
	display:inline-block;
	margin-right:5px;
	color:#999;
}

#news #top_news_btn{
	text-align: left;
	display:block;
	margin: 0 auto;
	vertical-align: top;
	max-width: 700px;
	width:92%;
	border-bottom: #333 1px solid;
}
#news #top_news_btn2{
	text-align: right;
	display:block;
	margin: 0 auto;
	vertical-align: top;
	max-width: 700px;
	border-top: #333 1px solid;
	font-size:13px;
	padding:5px 0;
	width:92%;
}
#news #top_news_btn{
}
#news #btn_fb{
	background:url(../images/btn_fb.png) center center no-repeat;
	background-size: auto 30px;
	padding: 40px 70px;
	border-left: #5c5a59 1px solid;
	border-right: #5c5a59 1px solid;
	display: block;
}
#news #btn_fb span{
	visibility:hidden;
}

@media screen and (max-width:767px){
	#news{
		height: auto;
		padding:0;
	}
	#news.top_sec{
		margin-bottom:0;
	}
	#news .sec_content{
		padding: 40px 0 20px;
	}
	#news.top_sec .top_sec_inner{
	}
	#news #top_news_body{
		/* width:auto; */
		max-width:none;
		height:auto;
		padding:0;
		/* margin-left: 56px; */
	}
	#news #top_news_body .date{
		margin-right:5px;
		font-size:12px;
		display: block;
	}
	#news #top_news_body h3{
		display:inline;
		font-size:12px;
	}
	#news #top_news_body a{
		margin:8px 0;
		line-height:1.5;
		font-size:12px;
	}
	#news #btn_fb{
		background:url(../images/btn_fb_sp.png) center center no-repeat;
		background-size:30px;
		padding: 0;
		border:none;
		margin: 0;
		display:block;
		width: 40px;
		height: 40px;
	}
}


/*-----------------------------------------------------------------------------* 厳選した */
#sec3{
	/* border-top: #000 7px solid; */
	background-image: url(../images/sec3_bg3.jpg);
}
#sec3 .sec_content{
	position: absolute;
	top:0;
	bottom: 0;
	left:50%;
	margin: 0 0 0 120px;
	background: url(../images/cover.png) 0 0 #000;
	width:240px;
}
#sec3 .sec_content img{
	position: absolute;
	top:50%;
	left:0;
	margin: -215px 0 0 0;
}
#sec3_2{
	border-top: #000 7px solid;
	/*background-image: url(../images/sara_anim.gif);*/
	background-image: url("../images/concept.jpg");
}

@media screen and (max-width:767px){
	#sec3{
	}
	#sec3 .sec_content{
		width: 80px;
		margin: 0 0 0 0;
		left:60%;
	}
	#sec3 .sec_content img{
		margin: -138px 0 0 -30px;
		width:140px;
		max-width:none;
	}
}


/*-----------------------------------------------------------------------------* ごちそうとんかつ・こだわり */
#sec4,#sec4_loc{
	border-top: #000 7px solid;
	border-bottom: #000 7px solid;
	display: flex;
	justify-content: center;
	align-items: center;
}
#sec4 .sec_bg{
	background-image: url(../images/sec4_bg.jpg);
}
#sec4_loc .sec_bg{
	background-image: url(../images/enkai_img_2.jpg);
	opacity: 0.6;
	}
#sec4 .sec_content,#sec4_loc .sec_content{
	/* position: absolute; */
	/* top: 50%; */
	/* left: 50%; */
	/* margin: -165px 0 0 -440px; */
	/* max-width: 520px; */
	/* padding: 0 24px; */
	margin: 0 auto;
	max-width: 680px;
	position: relative;
	width: 86%;
}
#sec4 .sech_inner{
}
#sec4 p,#sec4_loc p{
	color:#fff;
	line-height: 2;
	text-shadow: 0 0 10px rgba(0,0,0,1);
}

@media screen and (max-width:767px){
	#sec4,#sec4_loc{
    max-height: none;
    height: auto;
    padding: 0;
	}
	#sec4 .sec_bg, #sec4_loc .sec_bg{
		background-size: 170% auto;
		background-position: 0 0;
		max-height: none;
		background-position: right 40%;
		height:230px
	}
	#sec4_loc .sec_bg{
		background-position: center;
		background-size: cover;
	}
	#sec4 .sech_inner, #sec4_loc .sech_inner{
		background:none;
	}
	#sec4 .sec_content, #sec4_loc .sec_content{
		position: relative;
		margin: 0 auto;
		max-width: 420px;
		padding: 275px 24px 60px;
		left: auto;
		top: auto;
		background: url(../images/cover.png) 0 0;
		background:none;
		/* display: block; */
	}
	#sec4 h2,#sec4_loc h2{
		width:250px;
		margin: 0 00;
	}
	#sec4 p,#sec4_loc p{
		color:#fff;
	}
	#sec5{
		background:#111;
		padding: 10px 0 10px;
	}
}


/*-----------------------------------------------------------------------------* メニュー */
#sec7{
	padding: 60px 20px;
	background: #111;
}
#grand .p_text{
	background-color: #896c4c;
	background-color: #333228;
	z-index:100;
}
#lunch .p_text{
	background-color: #54613a;
	background-color: #333228; 
	z-index:100;
}
#drink .p_text{
	background-color: #4a4858;
	background-color: #333228; 
	z-index:100;
}
#sec7 .p_text{
	padding-top: 0;
	height: 420px;
	display:flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: center;
}
#sec7 .p_text h3{
	/* margin: -20px 0 10px; */
}
#sec7 .p_text p{
	line-height:1.7;
	margin: 8px 0 0;
}
#sec7 .txt_links{
	margin-top:8px;
	padding-top:12px;
}

@media screen and (max-width:767px){
	#sec7{
		padding: 30px 0px;
	}
	#sec7 .p_text{
		padding-top:26px;
	}
	#sec7 .p_text p{
		line-height:1.7;
	}
	#sec7 .txt_links{
		padding-top:0;
	}
}


/*-----------------------------------------------------------------------------* メニュー */
#sec8{
	/*background-image: url(../images/moritsuke_anim.gif);*/
	background-image: url("../images/moritsuke.jpg");
	border-top: #000 7px solid;
	border-bottom: #000 7px solid;
}
#location{
	padding: 0;
	background: #fbf7ee;
}
#location{
	padding: 100px 20px 100px;
	background: #111;
	/* background: url(../images/cover.png) 0 0 ; */
}
body.detail #location_detail{
	padding: 0 20px 80px;
	background: #111;
	/* background: url(../images/cover.png) 0 0 ; */
}
#loc_nav{
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	margin:0 30px 40px;
	text-align: left;
}
#loc_nav a{
	position:relative;
	display:inline-block;
	padding:24px 0 24px 40px;
	letter-spacing: 2px;
	color: #ddd;
}
#loc_nav a:hover{
	color:#ff6a7c
}

#loc_nav a:after{
	content:"";
	display:inline-block;
	height:19px;
	width:1px;
	background:#777;
	vertical-align:top;
	margin-left:40px;
}
#loc_nav a:last-child:after{
	display:none;
}

@media screen and (max-width:767px){
	#location{
		padding: 80px 0 80px;
	}
	#loc_nav{
		border-top:none;
		border-bottom:1px solid #777;
		margin:0 14px 20px;
		overflow: hidden;
		padding: 0 2px;
	}
	#loc_nav a{
		display:block;
		float:left;
		width: 32%;
		padding: 24px 0 24px 0;
		letter-spacing:0;
		color: #ddd;
		font-size: 96%;
		margin:0 0 0 2%;
	}
	#loc_nav a:nth-child(n+4){
		border-top:1px solid #77777761;
	}
	#loc_nav a:first-child,#loc_nav a:nth-child(3n+1){
		margin-left:0;
	}
	#loc_nav a:after{
		display:none;
	}
}

.loc_content{
	position:relative;
	max-width:954px;
	margin: 0 auto 0;
	padding: 50px 30px;
	border-bottom:rgba(255,255,255,0.2) 1px solid;
	overflow:hidden;
}
.loc_content:last-child{
	border:none;
}
.loc_content:before{
	content:"";
	width:1px;
	height:0px;
	padding: 42% 0 0;
	float:left;
}
.loc_content .p_wrap{
	position:absolute;
	left:0;
	top: 50px;
	margin:0;
	width:60%;
	max-width:570px;
}
.loc_content .p_wrap:before,.loc_content .p_wrap:after{
	display:none;
}
.slide{
	position:relative;
	width:100%;
	overflow:hidden;
}
.slide_inner{
	width:100%;
	white-space:nowrap;
}
.slide_inner img{
	width:100%;
	height:auto;
	display: block;
}

@media screen and (max-width:767px){
	.loc_content{
		padding: 30px 30px 20px;
	}
	.loc_content:last-child{
		border:none;
	}
	.loc_content:before{
		display:none;
	}
	.loc_content .p_wrap{
		position:relative;
		left:auto;
		top: auto;
		width:auto;
		max-width:570px;
	}
}

.loc_info{
	margin-left: 64%;
}
.loc_info .loc_name{
	text-align: left;
	font-weight: normal;
	font-size: 220%;
	line-height: 1.3;
	letter-spacing:3px;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	margin: -2px 0 0;
}
.loc_info .loc_name_shoulder{
	font-weight: normal;
	font-size: 50%;
	display: block;
	letter-spacing: 1px;
	opacity: 0.6;
	margin-bottom: .3em;
}
.loc_info_note{
	font-weight: bold;
	/* font-size:80%; */
	color: #ffe267;
	text-align: left;
	margin: 0 0 5px;
}

.loc_info p{
	line-height:1.9;
	color: #f1f1ee;
}
.loc_info p{
	line-height:1.7;
	color: #f1f1ee;
}
.loc_info p.open_day{
	line-height:1.5;
}
.w3{
	width:3em;
	display:inline-block;
	margin-right: 0.5em;
}
.w4{
	width:4em;
	display:inline-block;
}
.w5{
	width:5em;
	display:inline-block;
}

.w6{
	width:6em;
	display:inline-block;
}

.w7{
	width:7em;
	display:inline-block;
}


.map_link{
	display: inline-block;
	background: #f1f1ee;
	color:#222;
	padding: 6px 20px;
	margin-top:7px;
	min-width: 9.6em;
	/* text-align: left; */
}

.sore_link{
	padding:6px 0 0;
}
.sore_link a{
	display: inline-block;
	color:#e84256;
	padding: 8px 20px;
	border: #e84256 1px solid;
	margin:0 -1px -1px 0;
}
.sore_link a:hover{
	color:#ff6a7c;
}
.sore_link a:before{
	content: "";
	width:0;
	height: 0;
	overflow: hidden;
	display: inline-block;
	border: 3px #e84256 solid;
	border-color:transparent transparent transparent #e84256;
	vertical-align: middle;
	margin: -2px 0 0;
}
.sore_link .reserve_link{
	display:block;
	background: #ff2a4d;
	color:#fff;
	padding: 7px 20px;
	margin-top:7px;
	width: 9.6em;
	border:none;
	/* text-align: left; */
}
.sore_link .reserve_link:hover{
	color:#fff;
	background: #ff7383;
}
.sore_link .reserve_link:before{
	border-color:transparent transparent transparent #ffffff;
}

@media screen and (max-width:767px){
	.loc_info{
		margin-left:0;
		width: 88%;
		margin: 20px auto;
	}
	.loc_info .loc_name{
		font-size: 160%;
		line-height: 1.3;
		letter-spacing:3px;
	}
	.loc_info .loc_name{
	}
	.loc_info .loc_name_shoulder{
		font-size: 60%;
	}
	.loc_info_note{
	}
	.loc_info p{
		line-height: 1.6;
		color: #f1f1ee;
	}
	.sore_link{
		padding:6px 0 0;
	}
	.sore_link a{
		display: block;
		color:#e84256;
		padding: 8px 20px;
		border: #e84256 1px solid;
		border-width:1px 0 1px 0;
		margin:0 0 -1px 0;
	}
	.sore_link .reserve_link{
		width:auto;
		padding: 8px 20px;
		margin: 0;
	}
}


/*-----------------------------------------------------------------------------* top_contact */
#contact{
	padding: 30px 0 60px;
	background: url(../images/cover.png) 0 0 #222;
}
#contact .sec_tit{
	position: static;
	margin: 0 auto;
	background: none;
	padding: 40px 0 46px;
}

#contact_form_wrap{
	background-color:#e9e2d9;
	border-radius:6px;
	/* min-height:640px; */
	max-width: 900px;
	margin: 0 auto;
}

#contact .top_sec{
	margin-bottom:100px;
}
#contact .top_sec_title{
	background:url(../images/top_contact_title.png) center 0 no-repeat;
	background-size:auto;
	height:40px;
}
#contact .top_sec_content{
	background-color:#e9e2d9;
	border-radius:6px;
	min-height:640px;
}
#contact_form_title{
	display:inline-block;
}
#contact_form_title h2{
	position:relative;
	display:inline-block;
}
#contact_form_title h2:before, #contact_form_title h2:last-child:after{
	content:"";
	display:inline-block;
	height:23px;
	width:1px;
	background:#c0bdbc;
	position:absolute;
	top:23px;
	left:0;
}
#contact_form_title h2:last-child:after{
	left:initial;
	right:0;
}
#contact_form_title a{
	display:inline-block;
	width:205px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	height:70px;
	line-height:70px;
}
#contact_form_title a.on{
	color:#a93a23;
}
#contact_form_title a.on:after{
	content:"";
	display:block;
	height:5px;
	width:93px;
	background:#a93a23;
	margin:-5px auto;
}
#contact_form{
	/* border-top:1px solid #c0bdbc; */
	height:auto;
	min-height:450px;
	padding: 50px 0;
	position:relative;
	width: 760px;
	margin: 0 auto;
}
.direct_contact{
	position:relative;
	/* float:right; */
	width:260px;
	position: absolute;
	right: 0;
	top: 50%;
	margin: -170px 0 0;
}
/*.direct_contact:before{
	content:"";
	display:inline-block;
	height:375px;
	width:1px;
	background:#c0bdbc;
	position:absolute;
	top:0;
	left:0;
}
*/
.direct_contact a{
	display:block;
	color:#524741;
	font-size:15px;
	font-weight:bold;
	width:130px;
	margin:0 auto;
	padding-top:65px;
}
.direct_contact a:first-child{
	margin:60px auto 45px;
	width:180px;
}
.direct_contact #btn_top_mail{
	background:url(../images/icon_mail.png) center 0 no-repeat;
	background-size:auto;
}
.direct_contact #btn_top_tel{
	background:url(../images/icon_tel.png) center 0 no-repeat;
	background-size:auto;
}

/*---------------------*/
.c_form_body{
	/* width:500px; */
	display:none;
	text-align:left;
	margin: 0 260px 0 0;
	border-right: rgba(0,0,0,0.2)1px solid;
}
.c_form_body:after{
	content:"";
	background:url(../images/icon_or.png) center no-repeat #e9e2d9;
	background-size:24px;
	width:24px;
	height:55px;
	position:absolute;
	top: 50%;
	left: 50%;
	margin: -28px 0 0 108px;
}
.c_form_body.on{
	display:block;
}
.c_form_body p{
	color:#000;
	/* vertical-align: top; */
}
.c_form_body .label{
	display:inline-block;
	width:140px;
	color:#000;
	font-size: 110%;
	font-weight:bold;
	vertical-align:top;
	padding-top: 0;
}
.c_form_body input[type="text"], .c_form_body .mail input[type="email"], .c_form_body .tel input[type="tel"]{
	height:34px;
	color:#000;
	margin-bottom:15px;
	border-radius:3px;
	padding-left:10px;
}
.c_form_body .name input[type="text"]{
	width:210px;
}
.c_form_body .date input[type="text"]{
	width:156px;
	background:url(../images/icon_date.png) 125px center no-repeat #fff;
	background-size:26px 24px;
}
.c_form_body .mail input[type="email"], .c_form_body .tel input[type="tel"]{
	width:240px;
}
.c_form_body .wpcf7-select{ /*time*/
	background-color:#fff;
	width:144px;
	height:34px;
	border:none;
	vertical-align:top;
	margin-left:6px;
	border-radius:3px;
	font-size:14px;
	padding-left:10px;
}
.c_form_body .date{
	position:relative;
}
.c_form_body .arrow{
	position:absolute;
	top:15px;
	right:60px;
	width:0;
	height:0;
	border:3px solid transparent;
	border-top:5px solid #524741;
}
.c_form_body .remarks textarea{
	width:295px;
	height:140px;
	color:#000;
	margin-bottom:15px;
	border-radius:3px;
	padding:10px;
	line-height:1.3;
}
.c_form_body .c_form_btns{
	text-align:center;
}
.c_form_body .ajax-loader{
	display:none;
}
.c_form_body .c_form_btns .pp{
	font-size:13px;
}
.c_form_body .c_form_btns a{
	color:#a93a23;
	text-decoration:underline;
}
.c_form_body .c_form_btns input[type="submit"]{
	background-color:#524741;
	color:#fff;
	width:165px;
	height:40px;
	line-height:40px;
	border-radius:3px;
	margin: 0 auto;
	display: block;
}

/*--- エラー、送信メッセージ ---*/

.wpcf7 span.wpcf7-not-valid-tip{
	display:inline-block;
	color:#a93a23;
	font-size:12px;
	vertical-align:top;
	margin:-5px 0 20px 140px;
}
.wpcf7 .pp span.wpcf7-not-valid-tip{
	margin:0;
	text-align:left;
	display:block;
	margin-left:55px;
	margin-top:8px;
}
.wpcf7 .wpcf7-validation-errors {
	border:none;
	color:#fff;
	background-color:#a93a23;
	border-radius:3px;
	text-align:center;
	padding:10px 0;
	width:450px;
	margin:0 auto;
}

.wpcf7-response-output{ /*no effect*/
	margin:0;
	padding:0;
}
.wpcf7-mail-sent-ok{ /*no effect*/
	border:1px solid #c0bdbc;
	color:#524741;
	line-height:1.3;
	padding:20px
}

/*--- datepicker ---*/

.ui-widget.ui-widget-content{
	background:#201715;
	border:none;
}
.ui-state-default, .ui-widget-header{ /*no effect*/
	background:#e9e2d9;
}
.ui-datepicker-title, .ui-datepicker-title span{
	color:#333333;
}

.sec .pp{
	vertical-align: top;
	line-height:1;
	text-align:center;
}
.pp input,.pp input a{
	vertical-align: top;
	margin: 1px 5px 0 0;
}

.bnrs{
	text-align:left;
}
.bnrs .bnr{
	max-width:100%;
	display:inline-block;
}
.bnrs .bnr_img{
	max-width:100%;
	height: auto;
}
.bnrs .bnr_delivery{
}

@media screen and (max-width:450px){
	.bnrs{
		margin:20px auto;
	}
	.bnrs .bnr{
		display:block;
		margin:10px auto;
	}
	.bnrs .bnr_img{
		width:100%;
		display:block;
	}
}@media screen and (max-width:767px){
	#contact{
	}
	#contact.top_sec{
		margin-bottom:5px;
	}
	#contact .top_sec_title{
		background:url(../images/top_contact_title.png) center 0 no-repeat;
		background-size:260px auto;
		height:30px;
	}
	#contact .top_sec_content{
		min-height:auto;
		width:95%;
		margin:0 auto;
	}
	#contact_form_title{
		width:100%;
	}
	#contact_form_title h2{
		width:49%;
	}
	#contact_form_title h2:first-child:before, #contact_form_title h2:last-child:after{
		display:none;
	}
	#contact_form_title h2:last-child:after{
		left:initial;
		right:0;
	}
	#contact_form_title a{
		width:100%;
		font-size:13px;
		height:60px;
		line-height:60px;
		padding:0;
	}
	#contact_form_title a.on:after{
		width:100px;
	}
	#contact_form{
		min-height:none;
		padding:0;
	}
	.direct_contact{
		float:none;
		width:100%;
	}
	.direct_contact:after{
		content:"";
		display:inline-block;
		height:1px;
		width:95%;
		background:#c0bdbc;
		position:absolute;
		bottom:0;
		left:3%;
	}
	.direct_contact a:first-child{
		margin:0 auto;
		width:45%;
	}
	.direct_contact a{
		display:inline-block;
		font-size:12px;
		width:45%;
		margin:20px auto 25px;
	}
	.direct_contact #btn_top_mail{
		background:url(../images/icon_mail.png) center 0 no-repeat;
		background-size:auto;
	}
	.direct_contact #btn_top_tel{
		background:url(../images/icon_tel.png) center 0 no-repeat;
		background-size:auto;
	}

	/*---------------------*/
	.c_form_body{
		width:100%;
	}
	.c_form_body:after{
		width:48px;
		height:24px;
		top:110px;
		left:50%;
		margin-left:-23px;
	}
	.c_form_body .wpcf7{
		width:95%;
		margin:12px auto;
		padding-bottom:10px;
	}
	.c_form_body .label{
		display:block;
		font-size:13px;
		padding-top:5px;
		padding-bottom:7px;
	}
	.c_form_body input[type="text"], .c_form_body .mail input[type="email"], .c_form_body .tel input[type="tel"]{
		margin-bottom:6px;
		padding-right:10px;
		box-sizing:border-box;
	}
	.c_form_body .name input[type="text"]{
		width:100%;
	}
	.c_form_body .date input[type="text"]{
		width:57%;
		background:url(../images/icon_date.png) 97% center no-repeat #fff;
	}
	.c_form_body .mail input[type="email"], .c_form_body .tel input[type="tel"]{
		width:100%;
	}
	.c_form_body .wpcf7-select{ /*time*/
		width:40%;
		font-size:13px;
		margin-left:7px;
	}
	.c_form_body .arrow{
		top:40px;
		right:3%;
	}
	.c_form_body .remarks textarea{
		width:100%;
		height:50px;
		margin-bottom:10px;
		box-sizing:border-box;
	}
	.c_form_body .c_form_btns{
		text-align:center;
	}
	.c_form_body .c_form_btns .pp{
		text-align:left;
		line-height:1.6;
	}
	.c_form_body .c_form_btns a{
		color:#a93a23;
		text-decoration:underline;
	}
	.c_form_body .c_form_btns input[type="submit"]{
		margin-top:10px;
	}
}

.payment{
	padding-bottom:20px;
	text-align:center;
}
.payment img{
	width: 85%;
	height: auto;
	/* padding:20px; */
	margin: 5px auto;
}

@media screen and (min-width: 768px){
	.forSP{
		display:none !important;
	}
	.payment img{
    width: 30%;
    margin: 5px;
  }
}@media screen and (max-width:767px){
	.forPC{
		display:none !important;
	}
}


.btns{
  position: relative;
  text-align: left;
  margin: 30px 0 0;
}
.btn{
	position:relative;
	display: inline-block;
	background: none;
	color: #fff;
	text-align: center;
	padding: 15px 12px;
	min-width: 250px;
	box-sizing: border-box;
	text-align: left;
	border: #fff solid;
	border-width: 1px 0;
	text-shadow: 0 1px 10px rgba(0,0,0,1);
}
.btn:hover{
	color:#fff;
	background:rgba(255,255,255,0.1);
}
.btn:after{
	content:"";
	position:absolute;
	right: 8px;
	top:0;
	bottom:0;
	margin:auto;
	height: 4px;
	width: 4px;
	border: #fff solid;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
	opacity: 0.6;
}
@media screen and (max-width:767px){
	.btn{
		display:block;
	}

}

.min{
	font-size:85%;
	opacity:0.8;
}

/*-----------------------------------------------------------------------------* 下層ページ共通 */
#sec_h_under{
  height: 200px;
  background: center no-repeat #222;
  /* background-image: url(../images/concept.jpg); */
  background-attachment: unset;
  background-size: cover;
}
.page_header_title{
  position: absolute;
  left: 50%;
  top: 50%;
  text-align: center;
  margin: -75px -230px;
  padding: 30px 30px 20px;
  background: rgba(0,0,0,0.6);
}
.page_header_title_str{
  position: relative;
  display: block;
  font-weight: normal;
}
.location.detail .page_header_title_txt{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  margin-top: 23px;
}
.location .p_wrap{
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  width: 60%;
  max-width: 570px;
}
.location .p_wrap:before, .location .p_wrap:after{
  display: none;
}
.location .loc_listItems, .location_detail_content{
  position: relative;
  max-width: 954px;
  margin: 80px auto;
  overflow: hidden;
  border-bottom: none;
  padding: 0;
  box-sizing: border-box;
  /* padding: 80px 0; */
}
.location .btns{
  position: relative;
  max-width: 400px;
  margin: 20px 0;
}
.location .btn{
  display: inline-block;
  /* background: #e1e1e1; */
  /* color: #222; */
  padding: 6px 8px;
}
.location .btn{
  display: inline-block;
  /* background: #e1e1e1; */
   color: #ddd;
	border-color:#ddd;
	border-width:0.6px 0;
  padding: 6px 8px;
}

.location .btn:hover{

}
.location .btn:first-child{
  margin-left: 0;
}
.location .loc_info_links{
  margin-top: 20px;
}
.location .loc_info_links a{
  display: block;
  background: none;
  color: #e84256;
  text-align: left;
  padding: 15px 0;
  min-width: auto;
  border: none;
  
  border-bottom: 1px solid #e84256;
	position:relative;
}
.location .loc_info_links a:hover{
	background:rgb(239 150 150 / 10%);
}
.location .loc_info_links a:first-child{
	border-top: 1px solid #e84256;

}
.location .loc_info_links a:after{
	content:"";
	position:absolute;
	right: 8px;
	top:0;
	bottom:0;
	margin:auto;
	height: 4px;
	width: 4px;
	border:#e84256 solid;
	border-width:1px 1px 0 0;
	transform:rotate(45deg);
}
.location .btns_back{
  margin: 0 auto;
  border-top: #333 1px solid;
  padding: 50px 0;
  text-align: center;
}
.location .btn_back{
  display: inline-block;
  color: #ccc;
  line-height: 1;
  background: none;
  padding: 20px 50px;
  box-sizing: border-box;
  font-size: 13px;
  border: #666 1px solid;
  min-width: 240px;
}
.location .btn_back:hover{
  opacity: 0.7;
}

@media screen and (max-width:767px){
  #sec_h_under{
    max-height: 300px;
  }
  .page_header_title{
    position: absolute;
    left: 5%;
    right: 5%;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 24px 10px 16px;
    background: rgba(20,20,20,0.8);
  }
  .page_header_title_str{
  }
  .location .p_wrap{
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    max-width: 570px;
    padding: 0;
  }
  .location .p_wrap:before, .location .p_wrap:after{
  }
  .location .loc_listItems, .location .menu_listItem, .location_detail_content{
  }
  .location .btns{
  }
  .location .btn{
  }
  .location .btn:hover{
  }
  .location .btn:first-child{
  }
  .location .btns_back{
    margin: 50px 020px;
  }
  .location .btn_back{
    font-size: 14px;
    padding: 20px;
    width: 100%;
  }
  .location .btn_back:hover{
  }
}

@media screen and (max-width:465px){
	body.location.detail .page_header_title_txt{
		font-size: 5.6vw;
		 margin-top: 5.8%;
	}
}


/*-----------------------------------------------------------------------------* こだわりページ */
.kodawari{
}
.kodawari #sec4, .kodawari #sec4_2{
  height: 50%;
  min-height:400px;
  background: #111;
  border: none;
}
.kodawari #sec4 .sec_bg{
  background-image: url(../images/sec4_1_bg.jpg);
}
body.kodawari .sec_bg:after{
	content:"";
	position:absolute;
	left:0;right:0;bottom:0;
	height:0;
	padding:20% 0 0;
	background:linear-gradient(rgba(0,0,0,0), #111);
	
}
.kodawari #sec4 .sec_content{
  margin-top: -30px;
}
.kodawari #sec4_2 .sec_bg{
  background-image: url(../images/sec4_2_bg.jpg?ver=2);
}
.kodawari #sec4_2 .sec_content{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 0px;
  max-width: 420px;
  padding: 0 24px;
}
.kodawari #sec4_2 .sec_content h2{
  margin: 0 auto;
}
.kodawari #sec7 .p_text, .kodawari #sec7_2 .p_text{
}
.kodawari #sec7_2{
  padding: 60px 20px;
  background: #111;
}
.kodawari #sec7_2 .p_text{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
	height: 470px;
}
.kodawari #sec7_2 .p_text p{
	line-height: 1.7;
}
.kodawari .p_text h3 img{
  width: auto;
  height: 36px;
}

@media screen and (max-width:767px){
  .kodawari{
  }
  .kodawari #sec4, #sec4_2{
    height: auto;
    min-height: 0;
  }
  .kodawari #sec4 .sec_bg{
    height: 0;
	padding-top:60%;
  }
  .kodawari #sec4 .sec_content{
    margin: 0 auto;
    padding: 56% 0 0;
  }
  .kodawari #sec4 h2{
    margin: 0 auto;
  }
  .kodawari #sec4_2{
  min-height: 0;
  height: auto;
  border: none;
  }
  .kodawari #sec4_2 .sec_bg{
    background-size: 170% auto;
    max-height: none;
    background-position: left 25%;
    height: 0;
	padding-top:60%;
  }
  .kodawari #sec4_2 .sec_content{
    position: relative;
    margin: 0 auto;
    max-width: 420px;
    padding: 56% 0 0;
    left: auto;
    top: auto;
    background: url(../images/cover.png) 0 0;
    background: none;
    display: block;
  }
  .kodawari #sec4_2 .sec_content h2{
    width: 250px;
    margin: 0 auto;
  }
  .kodawari #sec7 .p_text, .kodawari #sec7_2 .p_text{
    height: auto;
    padding-top: 60px;
  }
  .kodawari #sec7_2{
    padding: 30px 0px;
  }
  .kodawari #sec7_2 .p_text{
  }
  .kodawari .p_text h3 img{
    height: 28px;
  }
}


/*-----------------------------------------------------------------------------* 店舗一覧ページ */
.location{
}
.location #sec_h_under{
  height: 200px;
  background-attachment: unset;
  background-image: url(../images/moritsuke.jpg);
  background-image: none;
}
.location .loc_listItems{
}
.location .loc_listItems:before{
  padding: 0;
}
.location .loc_listItems:first-child{
margin-top:0;
}

.location .loc_ttl{
  font-size: 18px;
  font-weight: normal;
  padding: 15px 20px;
  box-sizing: border-box;
  letter-spacing: 2px;
  margin: 0 auto;
  background: #333;
  border-top: 1px solid #ccc;
  color: #ddd;
}
.loc_listItem{
	padding: 30px 15px;
}
.location .loc_listItem{
  position: relative;
  text-align: left;
  /* padding: 35px 20px 45px; */
  border-bottom: 1px solid #ccc;
  margin: 0 auto;
}

.location .loc_listItem:last-child{
  border-bottom: none;
}
.location .loc_listItems:last-child .loc_listItem{
  border-bottom: 1px solid #ccc;
}
.location .loc_listItem .btns{
  display: block;
  width: 400px;
  margin: 10px 0 0;
}
.location .loc_listItem .btn{
  margin-left: 9px;
  width: calc(33.33% - 6px);
  min-width: 0;
  padding: 8px 0;
}
.location .loc_listItem .btn:after{
	display:none;
}
.location .loc_listItem .btn:first-child{
  margin-left: 0;
}
.loc_detail_link{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.loc_detail_link:hover{
	background:#f3eef017;
}
.loc_detail_link:before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto;
  width: 12px;
  height: 12px;
  border: solid #a7a5a5;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

@media screen and (max-width:767px){
  .location{
  }
  .location #sec_h_under{
  }
  .location #location{
    padding: 0 0 60px;
  }
  .location .loc_listItems{
  margin: 50px auto;
  }
  .location .loc_listItems:before{
  }
  .location .loc_ttl{
    padding: 20px 13px;
  }
	.loc_listItem{
		padding:5px 10px 18px;
	}
  .location .loc_listItem{
    padding: 15px 0 18px;
  }
  .location .loc_listItem:last-child{
  }
  .location .loc_listItems:last-child .loc_listItem{
  }
  .location .loc_listItem h3{
  }
  .location .loc_listItem .btns{
    width: auto;
  }
  .loc_detail_link{
  }
}
@media screen and (max-width:500px){
  .loc_detail_link:before{
    right: 5px;
    bottom: 57px;
  }
}
@media screen and (max-width:350px){
  .location .loc_listItem .btns{
    width: 245px;
  }
	
}

/*-----------------------------------------------------------------------------* 店舗詳細ページ */
.location.detail{
}
.location.detail #sec_h_under{
  height: 200px;
  background-image:none;
}
.location.detail #location_detail{
  padding: 1px 0;
}
.location_detail_content{
}
@media screen and (min-width:768px){
	.location_detail_content{
		width:95%;
	}
}
.location.detail .loc_info{
}
.location.detail .loc_info p{
  margin: 7px 0 0;
}
.location.detail .loc_info p span{
}
.location.detail p.sore_link{
  text-align: left;
  padding: 0;
  margin: 20px auto 20px;
}
.location.detail .sore_link a{
	position:relative;
  display: block;
  background: none;
  color: #ddd;
  text-align: left;
  padding: 15px 0;
  min-width: auto;
  border: none;
  border-top: 1px solid #ccc;
}
.location.detail .sore_link a:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 4px;
	width: 4px;
	border: #999 solid;
	border-width: 1px 1px 0 0;
	transform: rotate(45deg);
}

.location.detail .sore_link a:last-child{
  border-bottom: 1px solid #ccc;
}
.location.detail .sore_link a:before{
  display: none;
}
.location.detail .sore_link a:hover{
	background:rgba(255,255,255,0.1);
}
.location.detail .btns .btn{
  display: block;
  margin: 15px 0 0;
  padding: 15px 10px;
}
.location.detail .btns .btn:first-child{
  margin-left: 0;
}
.location.detail .loc_info_links{
}
.location.detail .loc_info_links a{
}
.location.detail .loc_info_links .map_link{
}
.location.detail .nolink_note{
	display:block;
	line-height:1.2;
	font-size:85%;
	opacity:0.8;
	margin:5px 0 0;
}
.location.detail .loc_info a.nolink{
	opacity:0.5
}
.location.detail .loc_info a.nolink:after{
	display:none;
}
.location.detail .nolink_note{
	display:block;
	line-height:1.2;
	font-size:85%;
	margin:2px 0 0;
}

@media screen and (max-width:767px){
  .location.detail{
  }
  .location.detail #sec_h_under{
  }
  .location_detail_content{
  margin: 0 auto 50px;
  }
  .location.detail .loc_info{
  }
  .location.detail .loc_info p{
  }
  .location.detail .loc_info p span{
  }
  .location.detail p.sore_link{
  }
  .location.detail .sore_link a{
  }
  .location.detail .sore_link a:before{
  }
  .location.detail .sore_link a:after{
  }
  .location.detail .sore_link a:last-child:after{
  }
  .location.detail .btns .btn{
  }
  .location.detail .btns .btn:first-child{
  }
  .location.detail .loc_info_links{
  }
  .location.detail .loc_info_links a{
  }
  .location.detail .loc_info_links .map_link{
  }
}


/*-----------------------------------------------------------------------------* メニューページ */
.menu{
}
.menu #sec_h_under{background-image: none;}

body.menu .page_header_title_txt{
	font-size: 16px;
	display:block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	padding: 18px;
	color: #ccc;
}
@media screen and (max-width:465px){
	body.menu .page_header_title_txt{
		font-size: 3.5vw;
		display:block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		padding: 3.6vw 0 0;
		color: #ccc;
	}
}
.page_nav{
  border-bottom: 1px solid rgba(255,255,255,0.4);
}
.page_nav-bottom{
  border-top: 1px solid rgba(255,255,255,0.4);
  border-bottom: none;
}
.page_nav a{
  position: relative;
  display: inline-block;
  padding: 30px;
  color: #ddd;
  line-height: 1;
}
.page_nav a.on{
  color: #e84256;
}
.page_nav a:after, .page_nav a:first-child:before{
  content: "";
  position: absolute;
  right: 0;
  height: 19px;
  width: 1px;
  background: rgba(255,255,255,0.5);
  vertical-align: middle;
}
.page_nav a:first-child:before{
  right: auto;
  left: 0;
}
.menu #menu{
  width: 86%;
  padding-top: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0 80px;
}
.menu_title{
	font-size:23px;
	text-align: center;
	padding: 40px 0 0;
	letter-spacing: 4px;
	color:#999;
	font-weight: normal;
}
.sec .menu_list_hnote{
	line-height:1.5;
	text-align:center;
}
@media screen and (max-width:800px){
	.sec .menu_list_hnote{
		text-align:left;
	}
}
.menu_list{
  text-align: left;
	
}
.menu_list h2{
	font-size: 18px;
	font-weight: normal;
	padding: 15px 20px;
	box-sizing: border-box;
	letter-spacing: 2px;
	margin: 50px 1% 0;
	background: #333;
	color: #ddd;
}
.menu_list_body{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
.menu_listItem{
	width: 31.3%;
	vertical-align: top;
	position: relative;
	border-top: #444 1px solid;
	padding: 35px 0 30px;
	margin: 0 1%;
}
.menu_info{

}
@media screen and (min-width:768px){
	.menu_listItem:nth-of-type(1),.menu_listItem:nth-of-type(2),.menu_listItem:nth-of-type(3){
		border-top:0;
	}
}
@media screen and (max-width:767px){
	.menu_list h2{
		margin: 50px auto 0;
	}
	.menu_listItem:first-child{
		border-top:none;
	}
}
.menu_listItem .p_wrap{
  position: static;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  margin: 7px auto 0;
}

.menu_icon{
  display: inline-block;
  background: #e84256;
  padding: 7px;
  line-height: 1;
  margin-bottom: 10px;
  position: absolute;
  left: 0;
  top: 40px;
}
.menu_ttl{
	margin: 5px 0 0;
}
.menu_prices{
}
.sec .menu_unit{
  font-size: 18px;
  margin:0;
  line-height: 1.3;
  color: #ccc;
}
.menu_g{
	padding: 0  0.3em 0 0;
}
.menu_g:after{
	content:"/";
	padding:0 0.2em;
	opacity:0.6;
}
.menu_price{

}

.menu_price_num{

}
.menu_price_tax{
	font-size:70%;
	padding:0 0 0 0.3em;
}
.sec .menu_txt{
	line-height:1.5;
	margin: 10px 0 0;
}

.menu_notes{
	margin:20px 0;
}
.sec .menu_notes p{
	margin:10px 0 0;
	line-height:1.3;
}

@media screen and (max-width:767px){
  .menu{
  }
  .page_nav{
  }
  .page_nav a{
    padding: 30px 6%;
  }
  .page_nav a:after, .page_nav a:first-child:before{
  }
  .page_nav a:first-child:before, .page_nav a:last-child:after{
    display: none;
  }
  .menu #menu{
  padding-top: 0;
  }
  .menu .menu_list{
  }
  .menu .menu_listItem{
    display: block;
    width: auto;
    padding: 20px 0;
    margin: 0;
    float: none;
  }
  .menu .menu_listItem:first-child{
  }
  .menu .menu_listItem .p_wrap{
    margin-bottom: 10px;
    padding: 0;
  }
  .menu .loc_info{
  }
  .menu_icon{
  }
  .menu .menu_ttl{
  }
  .menu .menu_g{
  }
  .menu .menu_price{
  }
  .menu .menu_txt{
  }
  .menu .btns{
  }
  .menu .btn{
  }
  .menu .loc_info_links{
  }
  .menu .loc_info_links a{
  }
}

.lunch{
}

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

.drink{
  margin-top: 60px;
}
.drink.menu_list{
}
.drink .menu_listItem{
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 25px 5px 20px;
  border-top: 1px solid #aaa;
}
.drink .menu_listItem:last-child{
  border-bottom: 1px solid #aaa;
}
.drink .loc_info{
}
.drink .menu_ttl{
  display: inline-block;
  font-size: 180%;
  line-height: 1.2;
}
.drink .menu_price{
  display: inline-block;
  margin: 0 0 0 15px;
  line-height: 1;
}

@media screen and (max-width:767px){
  .drink{
    margin-top: 40px;
  }
  .drink.menu_list{
    padding: 0 20px;
  }
  .menu .drink .menu_listItem{
    padding: 13px 5px 10px;
  }
  .drink .menu_listItem:last-child{
  }
  .drink .loc_info{
  }
  .drink .menu_ttl{
    font-size: 130%;
    margin: 0;
  }
  .drink .menu_price{
    font-size: 15px;
  }
}