@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'ipaexm';
    src: url('../ipaexm.ttf') format('truetype');
}

/******************************************
* body
*****************************************/
body{
	/*font-family: 'Josefin Sans', sans-serif;*/
	font-family: 'Quicksand', sans-serif;
	font-size:13px;
}

#wrapper{
	width: 100%;
	margin: 0 auto;
	background: url(../images/background.png);
}

/* margin */
.MT10{ margin-top: 10px; }
.MT20{ margin-top: 20px; }
.MT40{ margin-top: 40px; }
.MT50{ margin-top: 50px; }
.MT60{ margin-top: 60px; }



/******************************************
* header
*****************************************/
#logo{
	width: auto;
	margin: 0 auto;
	display: block;
	text-align: center;
}

#logo img{
	padding-top: 200px;
}

#top_img_outer{
	width:588px;
	margin:0 auto;
}

#top_img_outer .top_img_box{
	position:relative;
}

#top_img_outer .top_img_inner{
	position: absolute;
    bottom: -20px;
    right: 30px;
    font-size: 1.6em;
    font-weight: bold;
    color: #3E3D3D;
}

#top_img_outer02{
	width:588px;
	margin:0 auto;
	display:none;
}

#top_img_outer02 .top_img_box{
	position:relative;
}

#top_img_outer02 .top_img_inner{
	position: absolute;
    bottom: -20px;
    right: 30px;
    font-size: 1.6em;
    font-weight: bold;
    color: #3E3D3D;
}

.pagedown{
	text-align:center;
}

/******************************************
* navi
*****************************************/
#Hnav{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
    letter-spacing: 1px;
}

#Hnav li{
	float: left;
	text-align: center;
	width:80px;
	padding-bottom: 10px;
    margin: 170px 22px 15px;
}

#Hnav li a:hover,
.text_facebook a:hover{
	color: #8f8f8f;
	opacity:1;
}

#res_nav{
	display: none !important;
}

.sp_text {
	display: none;
}

#Hnav li.selected {
    border-bottom:solid 1px #CCC;
}


/******************************************
* contents
*****************************************/
#contents{
	width: 800px;
	margin: 0 auto;
}

.res_telBtn {
	display: none;
}


/******************************************
* footer
*****************************************/
#Bfooter{
	width: 100%;
	margin: 0 auto;
}

#Bfooter small{F
	width: 1000px;
	margin: 70px auto 0;
	text-align: center;
	display: block;
	font-size: 0.9rem;
	border-top: 1px solid #686868;
	padding: 100px 0px 25px;
}

.title2{
	text-align: center;
	font-size: 1.4rem;
	padding-bottom: 15px;
	margin: 75px 0 50px;
	letter-spacing: 1px;
}

.family{
	/*font-family: 'ipaexm';*/
	font-weight: bold;
	font-size: 1.5rem;
}

.text_facebook{ 
	font-size: 1.2rem ;
}

.borderS{
	border-bottom: 1px solid #686868;
}
.borderD{
	border-bottom: 4px double #686868;
}


.title3{
	font-size: 1.5em;
	font-weight: bold;
	margin: 0 auto 25px;
	color: #6C5651;
}

.text{
	font-size: 0.9rem;
	font-family: 'ipaexm';
	/*font-weight: bold;*/
	line-height: 1.5;
}

.bn_details{
	display: block;
	text-align: center;
	float: right;
	padding: 10px 20px;
	border: 1px solid;
	width: 160px;
}
.bn_detail{
	padding: 12px 22px;
	display: block;
}

.bn_details:hover{
	border: 1px solid #6C5651;
	opacity: 1 !important;
}

.tittle_course{
	font-family: 'Lora', serif;
	font-size: 20px;
	line-height: 1.5;
	text-align: center;
	margin-bottom:20px;
	color:#6c5651;
}

.tittle_course span {
	font-size: 25px;
}


.bn_Cdetails{
	display: block;
	text-align: center;
	padding: 5px 130px;
	border: 1px solid rgba(108, 86, 81, 0.45);
    width: 80px;
    font-size: 12px;	
}
.bn_Cdetail{
	display: block;
}

.bn_Cdetails:hover{
	opacity: 1 !important;
	background-color: rgba(239, 239, 231, 0.47);
}

.f_resBtn {
	display: none;
}

/* topics */

.top_box{
	width:auto;
	margin:0 auto;
	line-height: 2em;
	letter-spacing: 2px;
}

/* about */

.prof_img{
	margin-right:40px;
}

.about_box {
	text-align:center;
}

/*news*/
#news {
	margin: 10px auto;
	display: block;
	width: 100%;

}


#sns {
	position: relative;
	top: -66px;
}

#Opening {
	width: 1000px;
	height: 1800px;
	margin: 0 auto;
	position: relative;
	text-align: center;

}

#Opening span{
	color: #4D3621;
	font-size: 0.9rem;
	font-weight: normal;

}

.oMenu{
	width: 1000px;
	height: 1620px;
	margin: 0 auto;
	position:absolute;
	top: 20px;
	background:	url(../images/top/Tmenu.png) no-repeat center top;
}

.oMenu02{
	background:	url(../images/dinner/dinner_menu.png) no-repeat center top;
}



.Omtitle2{
	text-align: center;
	font-size: 1.8rem;
	border-bottom: 1px solid #4D3621;
	margin: 45px 180px 50px;
	padding-bottom: 10px;
}


.mtext{
	font-size: 0.9rem;
	margin-bottom: 50px;
	font-family: 'ipaexm';
	font-weight: bold;
	line-height: 1.5;

} 


.mTitle{
	font-size: 1.2rem;
	font-weight: bold;
	margin: 50px 340px 25px;
	border-bottom: 3px double #4D3621;
}

.oMenu li{
	margin-bottom: 25px;
	font-family: 'ipaexm';
	font-weight: 600;
}

/* images */

.image_box ul.image-set li{
	float:left;
	background: rgba(0, 0, 0, 0.3);
}

.image_box ul.image-set li figure{
	height: auto;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 200px;
	line-height:0;
}


.image_box ul.image-set li img{
	width:100%;
}

.viewmore{
	margin:0 auto;
}

.image-set li a img{
	-webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.image-set li a:hover img{
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-o-opacity: 0.5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	opacity: 0.5;
}

figure.effect {
	position: relative;
	overflow: hidden;
	width: 300px;
}
figure.effect figcaption {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    color: #fff;
	text-align:center;
}
figure.effect figcaption h3{
	margin-top: 50%;
	font-weight:bold;
}
figure.effect figcaption p{
	margin-top: 10%;
}
figure.effect:hover figcaption {
	opacity: 1;
}

/* contact */

#contact-form{
	width: 605px;
    margin: 0 auto;
}

#contact-form .red{
	color:red;
}

.mailbox_main th.mailbox_main-title{
	width: 185px;
    text-align: left;
	vertical-align: top;
}

.mailbox_main td input{
	height:20px;
}

.mailbox_main-text{
	display:block;
	margin-bottom:20px;
}

.mailbox_main-text .inquiry{
	width:307px;
}

.mailbox_main td input.mailbox_main-btn-reset{
	width: 140px;
    height: 38px;
    background-color: rgba(239, 239, 231, 0.47);
    border: 1px solid rgba(108, 86, 81, 0.45);
    text-align: center;
	margin-right:23px;
	-webkit-appearance: none;
}

.mailbox_main td input.mailbox_main-btn-confirm{
	width: 140px;
    height: 38px;
    background-color: rgba(239, 239, 231, 0.47);
    border: 1px solid rgba(108, 86, 81, 0.45);
    text-align: center;
	-webkit-appearance: none;
}

/*.mailbox_main td input.mailbox_main-text .submit{
	width: 180px;
    height: 38px;
    background-color: rgba(239, 239, 231, 0.47);
    border: 1px solid rgba(108, 86, 81, 0.45);
}*/

/*    dinner     */
#dOpening {
	text-align: center;
}

.dinner-oMenu{
	padding: 10px 0 ;
	margin-top: 45px;
}

.dinner-oMenu li{
	margin-bottom: 25px;
	font-family: 'ipaexm';
	font-weight: 600;
}

.dinner-Menu_drink{

}
.dinner-Menu_drink dt{
	color: #4D3621;
	font-size: 1rem;
	font-weight: normal;
	display: block;
}


.dinner-Menu_drink li {
	font-family: 'ipaexm';
	font-weight: 600;
	display: block;
} 

.dinner-Menu_drink li span{
	color: #4D3621;
	font-size: 0.9rem;
	font-weight: normal;
	margin: -3px 0 15px 0;
	display: block;
}

.mFont10{
	font-size: 0.85rem;
	color:#4D3621;
}


.box01{
	width: 430px;
	margin-right: 70px;
	float: left;
}

.B_box{
	background: rgba(226,121,71,0.19);
	width: 490px;
	margin: 170px auto 60px;
	padding: 15px 20px;
}


/* bar */

.Menu_drink{
/*	background:	url(../images/bar/drink_01.png) no-repeat center top;
*/
}

.Menu_drink02 {
	width: 800px;
	margin: 0 auto;
	padding-top: 35px;
}


.Menu_drink dt{
	color: #4D3621;
	font-size: 1rem;
	font-weight: normal;
	display: block;
}


.Menu_drink li {
	font-family: 'ipaexm';
	font-weight: 600;
	display: block;
} 

.Menu_drink li span{
	color: #4D3621;
	font-size: 0.9rem;
	font-weight: normal;
	margin: -3px 0 15px 0;
	display: block;
}


.Menu_wine{
/*	background:	url(../images/bar/drink_02.png) no-repeat center top;
*/
}
.Menu_wine02{
	width: 700px;
	margin: 0 auto;
}

.Menu_wine li{
	margin-bottom: 20px;
	font-size: 0.9rem;
	font-weight: 600;
	color: #4D3621;
}

.Menu_wine li>span{
	text-align: center;
	display: block;
	margin-top: -20px;
}


.Menu_wine_title{
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.2;
	border-bottom: 2px solid #4D3621;
	margin: 0 250px;
	margin-bottom: 25px;
	padding: 30px 0 10px 0;
}

/*タブメニュー*/
#ctabwrap,
#ptabwrap {
	background: url(../images/dinner/dinner-course.png) center top;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	margin:0px auto;
	box-shadow: 0 0 20px #ddd;
	border: 1px solid #000;
}

#ctabs,
#ptabs { overflow: hidden; }

#ctabs li,
#ptabs li { list-style: none; }

#ctabs li a,
#ptabs li a {
	float: left;
	display: block;
	padding: 10px 15px;
	color: #666;
	width: 17%;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
/*	border-right: 1px solid #555;
	border-left: 1px solid #888;
	text-shadow: 1px 1px 0 #000;*/
}

#ctabs li a:hover,
#ptabs li a:hover { background: #fff; z-index:-1; opacity: 1;}

#ctabs li:first-child a.
#ptabs li:first-child a  { border-left: 0; }

#ctabs li:last-child a,
#ptabs li:last-child a { border-right: 0; }

#ctabs li.cCurrent a,
#ptabs li.pCurrent a {
	color: #9BC11C;
/*	background: #fff;
	text-shadow: 1px 1px 0 #fff;*/
}

#ctabs li.cCurrent a,
#ptabs li.pCurrent a {
	color: #9BC11C;
/*	background: #fff;
	text-shadow: 1px 1px 0 #fff;*/
}

#content .cCurrent ,
#pcontent .pCurrent{ display: block; }



#tabwrap {
	background: url(../images/dinner/dinner-course.png) center top;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	margin:0px auto;
	box-shadow: 0 0 20px #ddd;
	border: 1px solid #000;
}

#tabs,
#etabs { 
	overflow: hidden;
	margin-bottom: 10px;
}

#tabs li,
#etabs li { list-style: none; }

#tabs li a,
#etabs li a {
	float: left;
	display: block;
	padding: 10px 1px;
	color: #666;
	width: 16%;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	border-right: 1px solid #ccc;
	height: 40px;
	/*border-left: 1px solid #888;
	text-shadow: 1px 1px 0 #000;*/
}

#tabs li a:hover,
#etabs li a:hover { background: #fff; z-index:-1; opacity: 1;}

#tabs li:first-child a,
#etabs li:first-child a { border-left: 0; }

#tabs li:last-child a,
#etabs li:last-child a { border-right: 0; }

#tabs li.current a,
#etabs li.current a {
	color: #9BC11C;
/*	background: #fff;
	text-shadow: 1px 1px 0 #fff;*/
}




#content > div {
	clear: both;
	padding: 20px;
	line-height: 19px;
	color: #666;
	text-shadow: 1px 1px 0 #fff;
	display: none;
}

#content .current { display: block; }
#content #home.first { display: block; }
#content p { margin: 0 0 20px 0;}



#alacarte span,
#home span,
#about span,
#services span,
#contact span,
#season span,
#grilldish span,
#dessert span {
	color: #4D3621;
	font-size: 0.9rem;
	font-weight: normal;

}

/*#grilldish,
#dessert {
	width: 550px;
}
*/

#alacarte dt,
#about dt,
#contact dt,
#season dt,
#grilldish dt,
#dessert dt,
#home dt {
	float: left;
}

#alacarte dd,
#about dd,
#contact dd,
#season dd,
#grilldish dd,
#dessert dd,
#home dd {
	float: right;
}


#home li,
#about li,
#services li,
#contact li{
	margin-bottom: 20px;
}

.tab_Mtittle{
	font-size: 1.8rem;
	width: 625px;
	margin: 0 auto 40px;
	padding: 15px 0px;
	line-height: 1.5;
	font-family: 'ipaexm';
	text-align: center;
	border-bottom: 1px solid #4D3621;
}

.tab_EMtittle{
	color: #4D3621;
	font-size: 1.5rem !important;
	font-weight: normal;	
}

.tab_text{
	text-align: center;
	font-size: 0.9rem;
	border-top: 1px solid #4D3621;
	margin: 0 80px 35px !important;
	padding-top: 10px;
}


.home_left {
	float: left;
	width: 400px;
}

.home_right {
	float: right;
	width: 400px;
	margin-right: 30px;
}

#home p {
/*	border-bottom: 1px solid #4D3621;
	padding-bottom: 10px;*/
	font-size: 1.3rem;
	font-family: 'ipaexm';
	margin-bottom: 20px;
}

.star_cnt {
	border: 1px solid;
	padding: 10px;
}

.dimenuBox {
	background: url("../images/dinner/dinner-course.png") center top;
	overflow: hidden;
	width: 100%;
	min-height: 300px;
	margin:0px auto 40px;
	box-shadow: 0 0 20px #ddd;
	border: 1px solid #000;
}

.barmenuBox {
	width: 800px;
	margin: 0 auto;
}