@charset "UTF-8";


			
/* ============================================== contents*/

.cnt{
	width:980px;
	padding:20px 0;
	font-size:16px;
	text-align:left;
	line-height: 1.4em;
	overflow: hidden;
	
	}

.cnt h3{font-size: 22px}
.cnt h4{font-size: 20px;}

	
/* ============================================== menu*/	
	
.oshinagaki h3.lunch,.rest h3{font-size: 22px;z-index: -100}
.oshinagaki h3.dinner,.oshinagaki h3.kaiseki,.oshinagaki h3.bento{font-size: 22px;z-index: -100}
h3.lunch span,h3.dinner span,h3.kaiseki span,h3.bento span{font-size:20px!important}

.oshinagaki h3,.rest h3{
	font-size: 22px;
	display: inline-block;
    padding:2px 1.0em 0 0;
    line-height: 1.2em;
    position: relative;
    overflow: visible;
	}


.oshinagaki h3:after,.rest h3:after{
    border-top: 1px solid #dcc598;
    content: "";
    position: absolute;
    top: 13px;
    width:1000px;
    left: 100%;
	}
	
.oshinagaki h3.dinner:after{
    border-top: 1px solid #454545;
    content: "";
    position: absolute;
    top: 13px;
    width:1000px;
    left: 100%;
	}


.oshinagaki h3.kaiseki:after{
    border-top: 1px solid #a5bba6;
    content: "";
    position: absolute;
    top: 13px;
    width:1000px;
    left: 100%;
	}
	
.oshinagaki h3.bento:after{
    border-top: 1px solid #daa5a5;
    content: "";
    position: absolute;
    top: 13px;
    width:1000px;
    left: 100%;
	}
	
	
.oshinagaki h3.take:after{
    border-top: 1px solid #ec9052;
    content: "";
    position: absolute;
    top: 13px;
    width:1000px;
    left: 100%;
	}

h4.course{background:url(../img/menu/mk.gif) no-repeat left 4px;padding-left:20px;line-height:1.2em}	
h4.course span{font-size: 18px;}

.dn h4.course{background:url(../img/menu/mk2.gif) no-repeat left 4px;padding-left:20px;line-height:1.2em}	
.dn h4.course span{font-size: 18px;}

h4.ckai{background:url(../img/menu/mk3.gif) no-repeat left 4px;padding-left:20px;line-height:1.2em}	
h4.ckai span{font-size: 18px;}
h4.ckai br{display: none;}

h4.bent{background:url(../img/menu/mk5.gif) no-repeat left 4px;padding-left:20px;line-height:1.2em}	
h4.bent span{font-size: 18px;}

h4.take{background:url(../img/menu/mk6.gif) no-repeat left 4px;padding-left:20px;line-height:1.2em}	
h4.take span{font-size: 18px;}

.lmenu,.cmenu,.btmenu,.tkmenu{width:96%;overflow: hidden;margin:50px auto 30px auto;pointer-events:auto;}


.homare{margin-top:3.0em!important;}
.mrgb{margin-bottom:3.0em!important}

.ml{
	float: left;
	width:49%;
	margin:0 2% 0 0;
	padding: 0;}

.ml2{	
	float: left;
	width:49%;
	margin:0;
	padding: 0;}

.lnc{
	background:url(../img/menu/back.jpg) right bottom;
	padding:20px 15px 40px 15px;
	margin:15px 0 0 0;
	overflow: hidden}
	

.lnc ul,.dnn ul{list-style:none;width:100%;padding: 0;margin:0 auto}
.lnc li{
	background:url(../img/menu/mk1.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 3.5%;
	padding-top:20px;
	line-height: 1.2em
	}
	
	

.pht{
	pointer-events:auto;
	margin:0px auto 80px auto;
	width:96%;
	z-index:-100;
	position: relative;
	}

.pht2{
	float:right;
	margin:2.4em 0 80px 2%;
	padding: 0;
	width:49%;
	height: 435px;
	background:url(../img/menu/m1.jpg) no-repeat 54% center;
	}



.pht3{
	pointer-events:auto;
	margin:0px auto 0 auto;
	width:96%;
	z-index:-100;
	position: relative;
	}


.m1{margin-left: 0!important}	
.pht p,.pht3 p{text-align: right;font-size: 14px}	
.dmenu{width:96%;overflow: hidden;margin:50px auto 0 auto;pointer-events:auto;}

.dmenu img{width:100%;margin-top:20px;}
.dmenu .ml{width: 45%;margin-right:10%}
.dmenu .ml2{width: 45%}

.dn{margin-bottom:80px!important;overflow: hidden;width:49%;float: left}
.dn div.ml,.dn div.ml2{float: none;width:100%}

.dn div.ml{margin-bottom:3.0em!important}
.dn li{
	background:url(../img/menu/mk22.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 3.5%;
	padding-top:20px;
	line-height: 1.2em
	}

div.dn .ml2 li{
	background:url(../img/menu/mk22.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 3%;
	padding-top:20px;
	line-height: 1.2em
	}


.dnn{
	width:34%;
	height: 315px;
	font-size:20px;
	float: left;
	background:url(../img/menu/back.jpg) right bottom;}

.dnn ul{width:100%;margin: 0 0 10px 0;padding:30px 15px 0 15px;}
.dnn li{background:url(../img/menu/mk2.gif) no-repeat left 4px;padding-left:20px;margin-bottom: 25px;}
.dnn p{font-size: 14px;padding:0 10px 0 15px;line-height: 1.2em}
.pht2 p{font-size: 14px;padding: 5px}

.pht2 img{display: none}

.fsp{margin-top:58px!important}


.mgt{margin-top:50px}



.ccl{	
	width:100%;
	margin:0 0 0 0;
	padding: 0;}

.cnc{
	width:100%;
	background:url(../img/menu/back2.jpg) right bottom;
	padding:20px 15px 40px 15px;
	margin:15px 0 0 0;
	overflow: hidden
	}
	
.cnc ul{list-style:none;width:100%;padding: 0;margin:0 auto}
.cnc li{
	background:url(../img/menu/mk4.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 3%;
	padding-top:20px;
	line-height: 1.2em
	}
	
	
.bml{	
	float: left;
	width:48%;
	margin:0 4% 5% 0;
	padding: 0;}

.bml2{	
	float: left;
	width:48%;
	margin:0 0 5% 0;
	padding: 0;}

.bml3{	
	float: left;
	width:48%;
	margin:0 4% 80px 0;
	padding: 0;}

.bml4{	
	float: right;
	width:48%;
	margin:0;
	padding: 0;
	font-size:14px;
}
	
.bml4 p{font-size:18px;margin: 40px 0 1.8em 0;line-height: 1.8em}	
.bml4 strong{color:#e66868}
.bml4 span.sp{padding-left: 2.0em}
.bml4 span.sp2{padding-left:4.0em}
.bml img,.bml2 img,.bml3 img,.bml4 img{width:100%;margin-top:10px}



.tkl{	
	float: left;
	width:30.6%;
	margin:0 4% 0 0;
	padding: 0;}

.tkl2{	
	float: left;
	width:30.6%;
	margin:0 4% 0 0;
	padding: 0;}

.tkl3{	
	float: left;
	width:30.6%;
	margin:0 0 0 0;
	padding: 0;}

.tkl img,.tkl2 img,.tkl3 img{width:100%;margin-top:10px}

.tkmenu p{font-size:14px;margin:0.6em 0 0 0;line-height: 1.2em}	

/* ============================================== rest*/


.rst{
	z-index:-100;
	position: relative;
	pointer-events:auto;
	margin:50px auto 80px auto;
	width:96%;
	overflow: hidden
	}

.oc{
	padding:30px;
	background:url(../img/rest/back.jpg) right bottom;	
	}

table{width: 100%;border-collapse: inherit;border:none}
table.col{margin-top:-0.6em;}
th {
	width:6.0em!important;
	background: url(../img/menu/mk.gif) no-repeat left 13px;
	padding:0.6em 0 0.5em 20px;
	border-bottom: 1px dotted #454545;
	white-space: nowrap;
	}
td {	
	padding:0.6em 0 0.5em 20px;
	border-bottom: 1px dotted #454545
	}
	
th.cl,th.tm,th.th{width:8.0em!important}


dl{text-align: left}

td.tm2 br{display: none}
td.cld br{display: none}
td br.br{display: block}

.bot {margin-bottom: 20px!important}

div.bot img{width:32.66%;float:left;margin-left:1%!important}
div.bot img.in1{margin-left:0!important}
div.bot img.in4,div.bot img.in5{margin-top:1%!important}


/* ============================================== access*/

#accessmap{width:100%;height: 500px}
.maplink{margin-top:10px;padding:0 10px;background: #ccc;text-align: center;background:#ededed}
.maplink p{width:10.0em;background:url(../img/access/arr.png)no-repeat right 10px;margin: auto;text-align:center;padding:10px}
.maplink a{display: block}

th.tm{width: 8.0em!important}


/* ============================================== history*/
.hst{
	margin:0 auto;
	padding:50px auto 80px auto!important;
	width:100%;
	overflow: hidden
	}

.hst table th {
	width:auto;
	background: url(../img/menu/mk.gif) no-repeat left 13px;
	padding:0.6em 0 0.5em 20px;
	border-bottom: 1px dotted #454545;
	white-space: nowrap;
	}
	
.hst table td {	
	padding:0.6em 0 0.5em 20px;
	border-bottom: 1px dotted #454545
	}


div.hst table{margin:0;padding:10px 0 20px 0;border-collapse:inherit!important;border: inherit!important}
div.hst table.ut{margin:0;padding:10px 0 0 0;border-collapse:inherit!important;border: inherit!important}
div.hst table td{border-collapse:collapse!important;}
div.hst td.line{width:50px;background: url(../img/history/dot.png) center top repeat-y;padding:0 20px!important}
div.hst td.nb{border:none}
div.hst td.tbt{padding:25px 0}

div.hst td.nb2{border:none;padding:0}
br.br2{display: none}

/* Mobile */
@media screen and (max-width: 995px){
	
/* ============================================== contents*/


.cnt{
	width:100%;
	padding:20px 0
	}

	
/* ============================================== menu*/


.lnc li{
	background:url(../img/menu/mk1.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 2.9%;
	padding-top:20px;
	line-height: 1.2em
	}
	
.dn li{
	background:url(../img/menu/mk22.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 2.9%;
	padding-top:20px;
	line-height: 1.2em
	}
	
div.dn .ml2 li{
	background:url(../img/menu/mk22.gif) no-repeat center top;
	width:16px;
	float:left;
	margin:0 2.5%;
	padding-top:20px;
	line-height: 1.2em
	}	
	
.pht{
	margin:0px auto 80px auto;
	width:96%;
	}
	
	
.pht2{
	float:right;
	margin:2.4em 0 80px 2%;
	padding: 0;
	width:49%;
	}
	

	
.pht3{
	margin:0px auto;
	width:96%;
	}	
	
.mgt{margin-top:50px}	

.bml4 {width:48%;}
.bml4 p{font-size:18px;margin: 30px 0 1.4em 0;line-height: 1.6em}	
.bml4 span.sp{padding-left: 0}
.bml4 span.sp2{padding-left:0}
.bml4 p br{display: none}	
/* ============================================== rest*/

td.cld br{display: block}

}

/* Mobile */
@media screen and (max-width: 820px){
.cnc li{
	margin:0 2.8%;
	}
.bml4{width:48%;line-height: 1.2em!important}
.bml4 p{font-size:16px;margin: 20px 0 1.4em 0;line-height: 1.4em}

}

/* Mobile */
@media screen and (max-width: 788px){
div.dn .ml2 li{
	margin:0 2.3%;
	}	
}
/* Mobile */
@media screen and (max-width: 780px){
	
.lnc li{
	margin:0 2.5%;
	}
	
.dn li{
	margin:0 2.5%;
	}
	
div.dn .ml2 li{
	margin:0 2.0%;
	}	
	
.cnc li{
	margin:0 2.5%;
	}

.bml4 p{font-size:16px;margin: 20px 0 1.0em 0;line-height: 1.4em}	
}

/* Mobile */
@media screen and (max-width: 680px){
	
	
/* ============================================== contents*/

/* ============================================== menu*/

.ml{	
	float: left;
	width:100%;
	margin:0 0 50px 0;
	padding: 0;}

.ml2{	
	float: left;
	width:100%;
	margin:0 0 0 0;
	padding: 0;}

.lnc li{
	margin:0 3.6%;
	}
	
.dn li{
	margin:0 3.6%;
	}
	
div.dn .ml2 li{
	margin:0 3.2%;
	}	

.dnn{width:100%;font-size:20px;padding:0;float: none;background:url(../img/menu/back.jpg) right bottom;}

.dn{margin-bottom:30px!important;overflow: hidden;width:100%;float: none}

.pht2{
	float:none;
	margin:30px 0 80px 0;
	padding: 0;
	width:100%;
	height: auto;
	background: none!important
	}
.pht2 p{text-align: right;padding:0}
.pht2 img{display: inherit;width:100%}


.cnc li{
	margin:0 2.0%;
	}

.homare{margin-top:0.6em!important;margin-bottom:50px!important}
.mrgb{margin-bottom:0em!important}



.dmenu img{width:100%;margin-top:20px}
.dmenu .ml{width: 48%;margin-right:4%}
.dmenu .ml2{width: 48%}


/* ============================================== rest*/
td.tm2 br{display: block}
div.bot img{width:49.5%;float:left;margin-left:1%!important}

div.bot img.in1{width:49.3%}
div.bot img.in3{margin-top: 1.6%}
div.bot img.in4{margin: 1.6% 0 0 0!important}
div.bot img.in5{margin-top: 1.6%!important}
div.bot img.in5{margin-top: 1.6%!important}

th.cl,th.tm,th.th{width:7.0em!important}
/* ============================================== history*/
div.hst td.line{width:30px;background: url(../img/history/dot.png) center top repeat-y;padding:0 10px!important}


}

/* Mobile */
@media screen and (max-width: 650px){

.bml{	
	float: none;
	width:100%;
	margin:0 0 40px 0;
	padding: 0;}

.bml2{	
	float: none;
	width:100%;
	margin:0 0 40px 0;
	padding: 0;}

.bml3{	
	float: none;
	width:100%;
	margin:0 0 40px 0;
	padding: 0;}

.bml4{	
	float: none;
	width:100%;
	margin:0 0 50px 0;
	padding:0;
	font-size:14px;
	line-height: 1.6em!important
}




.tkl{	
	float:none;
	width:80%;
	margin:0 auto 40px auto;
	padding: 0;}

.tkl2{	
	float: none;
	width:80%;
	margin:0 auto 40px auto;
	padding: 0;}

.tkl3{	
	float: none;
	width:80%;
	margin:0 auto 0 auto;
	padding: 0;}



}
/* Mobile */
@media screen and (max-width: 580px){

.dmenu img{width:80%;margin-top:20px;margin-left:10%}
.dmenu .ml{width: 100%;margin-right:0;}
.dmenu .ml2{width: 100%;margin-bottom:50px}
.dmenu .ml p{margin-left: 10%;}

}

/* Mobile */
@media screen and (max-width: 540px){
	
	th.tm,td.tm2,th.cl,td.cld{display:block;}
	th.tm,th.cl{border: none;padding-bottom:0!important}
	
	
	div.hst table.ut{margin:0;padding:10px 0 0 0;border-collapse:inherit!important;border: inherit!important}

	div.hst table{width:96%;margin:0 auto}
	div.hst th, div.hst td{display: block!important}
	div.hst th{border: none;padding-bottom:0!important}
	div.hst td.nb2,div.hst th.nb3{display: none;padding: 0!important;margin: 0!important}
	
	div.hst th.line{background:none!important;padding: 0!important;margin: 0!important}

	th.th{width:4.0em!important}


div.dn .ml2 li{
	margin:0 3.0%;
	}	

}




/* Mobile */
@media screen and (max-width: 480px){

/* ============================================== contents*/
.fsp{margin-top:75px!important}

/* ============================================== menu*/

.lnc li{
	margin:0 2.5%;
	}

	.cnc li{
	margin:0 1.8%;
	}
	
div.dn .ml2 li{
	margin:0 2.0%;
	}		
	
/* ============================================== rest*/	
.oc{
	padding:30px 15px;
	background:url(../img/rest/back.jpg) right bottom;	
	}
	

	
#accessmap{width:100%;height: 400px}

/* ============================================== history*/


br.br2{display: block}
.bot3{margin-bottom:90px}


}

/* Mobile */
@media screen and (max-width: 420px){
	
td.tm2 span,td.cld span{font-size: 13px;margin-left: -1.0em}
td.tm2 span.tho{display:inherit;font-size:16px;margin:0 0 0 0!important}
.cnc li{margin:0 1.0%;}
h4.ckai br{display: inherit;}
.tkl{	
	float:none;
	width:100%;
	margin:0 auto 40px auto;
	padding: 0;}

.tkl2{	
	float: none;
	width:100%;
	margin:0 auto 40px auto;
	padding: 0;}

.tkl3{	
	float: none;
	width:100%;
	margin:0 auto 0 auto;
	padding: 0;}
}


/* Mobile */
@media screen and (max-width: 340px){
h4.course{font-size: 18px!important}
h4.course span{font-size: 14px;}

.dn h4.course{font-size: 18px!important}
.dn h4.course span{font-size: 14px;}

.ml p,.ml2 p{font-size: 14px;line-height: 1.2em}

div.dn .ml2 li{
	margin:0 1.8%;
	}
	


	
}
/* Mobile */
@media screen and (max-width: 320px){
	
.lnc li{margin:0 2.0%;}
.cnc li{
	margin:0 0.6%;

	}
div.dn .ml2 li{
	margin:0 1.4%;
	}		
	
h3.lunch span,h3.dinner span{font-size:18px!important}
.oshinagaki h3{
	font-size: 22px;
	display: inline-block;
    padding:2px 0.6em 0 0;
    line-height: 1.2em;
    position: relative;
    overflow: visible;
	}

	}