@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	width:100%;
	color: #222;
	font-family: "Roboto Slab" , Garamond , "Times New Roman" , "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整 */
}
/*
a {
	-webkit-tap-highlight-color: rgba(200,200,555,.6);
}
*/
a {
	text-decoration: underline;
	color:#8b0000;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
	width:100%;
}

p, dl, ol, ul {
}

ol, ul {
	list-style:none;
}


.cf:before, .cf:after {content:' '; display:table;}
.cf:after {clear:both;}
.cf {*zoom: 1;} /* For IE 6/7*/


/*----------------------------------------------------
 #container #page
----------------------------------------------------*/
#container {
	}
#page {
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	position:relative;
}
/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------*/
@media all and (orientation:landscape) {
	#page {
		width: 100%;
	}
}


/*----------------------------------------------------
 header
----------------------------------------------------*/
header {
	width:100%;
	padding:0;
	}
.header_inner {
	width:94%;
	margin:2% auto;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:10;
	}
.header_inner h1 {
	font-size:0.85em;
	font-weight:normal;
	color:#fff;
	width:80%;
	float:right;
	}

/*----------------------------------------------------
 visual
----------------------------------------------------*/	
.slides li {
	width:auto;
	}
	
#visual.sub {
	background:#222;
	color:#fff;
	font-size:1.1em;
	text-align:center;
	padding:5em 0 1em;
	}
	

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer {
	margin-top:8em;
	background:#000;
}
footer p {
	width:94%;
	margin:auto;
	}
footer small {
	margin:0;
	padding:10px;
	display:block;
	color:#FFF;
	font-size:0.8em;
	text-align:center;
}
footer small a {color:#fff; text-decoration:none;}


#footerFloatingMenu {
    display: block;
    width:100%;
	padding:0;
	background:#000;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 2;
	}
#footerFloatingMenu div {
	width:80%;
	margin:1em auto;
	border:1px solid #282828;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
	background: #222; /* Old browsers */
	background: -moz-linear-gradient(top,  #222 0%, #000000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #222 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #222 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	}
	#footerFloatingMenu div a {
		color:#fff;
		display:block;
		padding:4% 0;
		text-align:center;
		text-decoration:none;
		font-size:0.95em;
		}
		#footerFloatingMenu div a span {
			font-size:1.4em;
			margin-left:2%;
			}
			#footerFloatingMenu div a:hover span {
				color:#666;
				}


/*----------------------------------------------------
 common
----------------------------------------------------*/
.mt1 {margin-top:1em;}
.mt2 {margin-top:2em;}
.mt3 {margin-top:3em;}
.mt4 {margin-top:4em;}
.mt5 {margin-top:5em;}
.mb1 {margin-bottom:1em;}
.mb2 {margin-bottom:2em;}
.mb3 {margin-bottom:3em;}
.mb4 {margin-bottom:4em;}
.mb5 {margin-bottom:5em;}

/* button */
.button {
	display:block;
	width:80%;
	border-radius:30px;
	padding:.25em 0;
	font-size:1em;
	text-align:center;
	text-decoration:none;
	margin:1em auto;
	color:#fff;
	background: #8b0000;
	}
.button02 {
	display:block;
	width:80%;
	border-radius:30px;
	padding:.75em 0;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
	margin:1em auto;
	color:#fff;
	background: #8b0000;
	}

	
h2 {
	font-size:1.4em;
	text-align:center;
	}
h3 {
	font-size:1.2em;
	text-align:center;
	}
	
.tit {
	font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝";
	font-size:1.4em;
	text-align:center;
	}
		
.txtcen {
	width:90%;
	margin:auto;
	text-align:center;
	}
.w90 {
	width:90%;
	margin:auto;
	}
.w80 {
	width:80%;
	margin:auto;
	}

.inner {
	width:96%;
	margin:auto;
	}
/*----------------------------------------------------
 index
----------------------------------------------------*/
.bg {
	background:url(../img/bg.jpg);
	background-size:cover;
	padding:1em 0;
	}
.bg .logo {
	float:left;
	width:35%;
	}
.bg .tel {
	float:right;
	width:60%;
	}
	.bg .tel img {
		padding-top:.5em;
		}

.greet {
	background:#f3f3f0;
	position:relative;
	padding-bottom:50%;
	}
.greet img {
	position:absolute;
	width:96%;
	top:-25%;
	left:0;
	right:0;
	margin:auto;
	}

.bnr ul { width:94%; margin:1em auto 2em;}	
.bnr li {
	margin-top:1em;
	}

.menu h2 {
	background:url(../img/bg02.jpg) no-repeat center top;
	background-size:100% auto;
	padding-bottom:40%;
	position:relative;
	margin-bottom:2em;
	}
	.menu h2 span {
		display:block;
		background:#0f6f47;
		padding:3%;
		width:70%;
		margin:auto;
		color:#fff;
		position:absolute;
		left:0;
		right:0;
		bottom:-20px;
		}
.menu ul {
	margin:auto;
	text-align:center;
	}
.menu li {
	background:#fff9e4;
	display:inline-block;
	width:41.5%;
	padding:3%;
	margin:1% .5%;
	vertical-align:top;
	}
	.menu li .childTitle {
		height:55px;
		}
	
.information {
	width:96%;
	margin:auto;
	padding:2em 0;
	}
.information h2 span {
	display:block;
	background:#0f6f47;
	padding:3%;
	width:50%;
	margin:auto;
	color:#fff;
	}
.information ul.newsList li {
	border-bottom:1px dashed #ccc;
	padding:1em 0;
	}
.information ul.newsList li span {
	display:block;
	}

.facebook {
	margin:1em auto;
	width:96%;
	}
.fb-page {
	width:100%;
	}
.allnews {text-align:right;}
/*----------------------------------------------------
 sub-common
----------------------------------------------------*/
#subcon .inner {
	width:92%;
	margin:auto;
	}

#subcon h2 {
	padding:1em 0;
	background:#f3f3f0;
	}
	
#subcon h3 {
	margin-bottom:.5em;
	font-size:1.3em;
	}
	
.ulbox01 li {
	list-style:disc outside;
	margin:.5em 0 0 15px;
	}
	
/*------------ shop ------------*/
.shop {padding:2em 0;}
.shop table {
	width:100%;
	margin:0 auto 2em;
	border-collapse:separate;
	border-spacing:4px;
	}
	.shop table th, .shop table td {
		vertical-align:middle;
		padding:4% 5%;
		}
	.shop table th {
		background:#8b0000;
		color:#fff;
		width:25%;
		vertical-align:middle;
	}
	.shop table td {
		background:#F5F5F5;
		}

/*------------ sitemap ------------*/
.sitemap {padding-top:2em;}
.sitemap li {
	display:inline-block;
	width:38%;
	margin:3% 1%;
	vertical-align:top;
	font-size:1.1em;
	}
	.sitemap li:nth-child(odd) {
		width:56%;
		}

/*------------ privacy ------------*/
.privacy h3 {
	margin-top:2em;
	}

/*------------ news ------------*/
.news h3 {margin-top:2em;}


/*------------ recruit ------------*/
.recruit .workcon {
	background:#fff9e4;
	margin-top:1em;
	padding:1.5em 1em 1em;
	margin-bottom:4em;
}
.recruit .txt {
	text-align:center;
	background: url(../img/recruit/bg.png) no-repeat center bottom;
	background-size: contain;
	padding:0.5em 0 3.5em;
	margin-bottom:2em;
}
.re_img {margin-bottom:1em;}
.re_img img {
	width:100%;
	height:auto;
}

/*------------ party ------------*/
.party {margin-top:2em;}
.party h3 {margin:2em 0 1em;}
.pa_area {margin-top:2em;}
.pa_area dl {
    padding:0.5em;
	margin-bottom:1em;
    border: 1px solid #666;
    background: #fffdc5;
	overflow:hidden;
}
.pa_area dt {
	float:left;
	width:45%;
}
.pa_area dd {
	float:right;
	width:50%;
}
.pa_area dd .pa_ttl {
	font-size: 1.3em;
    font-weight: bold;
    padding:0 0 0.5em;
    color: #0f6f47;
}

.party_box dl {
    overflow: hidden;
    padding: 1em;
    background: #f4f4f1;
    border: 1px solid #dfdfdf;
    margin-bottom: 1.5em;
}
.party_box dl dt img {height:auto;}
.party_box h4 {
    padding:1em 0 0.5em;
    font-size: 1.5em;
    font-weight: bold;
    text-align: left;
    color: #970021;
}

/*------------ menu ------------*/
.menuArea {
	overflow: hidden;
    margin: 2em 0 4em;
    background: url(../img/drink/line.jpg) no-repeat bottom;
    padding-bottom: 4em;
}
#subcon .menuArea h3{ color:#8b0000; 
	padding:2.5em 0 2.5em 0;
	text-align:center;
	margin-bottom:2em;
	background: url(../img/menu/h3_bg.png) no-repeat center;
	}
.menuArea h3 span{font-size:1.1em; color:#666;}


.menuArea h4{ color:#8b0000; 
	font-size:18px;
	background:#f4f4f1; 
	padding:15px 0px 10px 8px;
	margin:30px 0px 10px 0px;
	border-left:5px solid #8b0000;
	}

.menuArea dl{
	overflow:hidden;
}
.menuArea dt{width:75%;
	float:left; 
	border-bottom:1px solid #deded8;
	padding:4px 0px; 
	margin-bottom:2px;
	}
.menuArea dd{width:25%; 
	float:left; 
	border-bottom:1px solid #deded8;
	padding:4px 0px;
	margin-bottom:2px;
	font-weight:bold;
	color:#784931;
}
.me_img {margin:1em 0;}

.m_course{ overflow:hidden;}

.m_course h3{color:#8b0000; 
	font-size:38px;  
	text-align:center;
	line-height:30px;
	padding:80px 0px 70px 0px;
	background: url(../img/menu/h3_bg.png) no-repeat center;
	}
.m_course h3 span{font-size:1.2em; color:#666;}
.m_part {
	overflow:hidden;
    padding: 1em;
    background: #f4f4f1;
    border: 1px solid #dfdfdf;
    margin-bottom:2em;	
}
.m_course dt{font-size:1.5em; 
			font-weight:bold; 
			margin:1em 0 0.5em; 
			border-bottom:1px dashed #dfdfdf; 
			}
.m_course dd{font-size:1.3em; 
			font-weight:bold; 
			text-align:right; 
			color:#8b0000;
			border-bottom:3px double #dfdfdf; 
			padding-bottom:0.5em;
			margin-bottom:1em;
			}


/*------------ drink ------------*/

.drinkArea{overflow:hidden; 
			margin:3em 0; 
			background:url(../img/drink/line.jpg) no-repeat bottom;
			padding-bottom:4em;
			}

#subcon .drinkArea h3{ color:#8b0000; 
	text-align:center;
	margin-bottom:2em;
	}
.drinkArea h3 span{font-size:1.1em; color:#666;}

.drinkArea h4{ color:#8b0000; 
	font-size:1.3em;
	background:#f4f4f1; 
	padding:15px 0px 10px 8px;
	margin:30px 0px 10px 0px;
	border-left:5px solid #8b0000;
	}
	
.drinkArea dl{
	overflow:hidden;
	}
	.drinkArea dt{width:75%; 
		float:left; 
		border-bottom:1px solid #deded8;
		padding:4px 0px; 
		margin-bottom:2px;
		}
	.drinkArea dd{width:25%; 
		float:left; 
		border-bottom:1px solid #deded8;
		padding:4px 0px;
		margin-bottom:2px;
		font-weight:bold;
		color:#784931;
		}
		
	table.menu_t {
		width:100%;
		overflow:hidden;
	}
	table.menu_t th{width:75%; 
		border-bottom:1px solid #deded8;
		padding:4px 0px; 
		margin-bottom:2px;
		text-align:left;
		font-weight:normal;
		}
	table.menu_t td{width:25%; 
		border-bottom:1px solid #deded8;
		padding:4px 0px;
		margin-bottom:2px;
		font-weight:bold;
		color:#784931;
		vertical-align:middle;
		}
	.drinkArea.shouchu dt, .drinkArea.shouchu th {width:70%;}
	.drinkArea.shouchu dd, .drinkArea.shouchu td {width:30%;}
	
	.drinkArea li{border-bottom:1px solid #f4f4f1;padding:4px 0px;}
	.drinkArea .fLeft, .drinkArea .fRight {width:50%;}


.d_course{ overflow:hidden;}
.d_course h3{}
.d_course .point{font-weight:bold; color:#0f6f47;}

.drinkList{overflow:hidden; margin-top:50px;}
.drinkList li{float:left;}
.a_center {text-align:center;}

.fRight {float:right;}
.fLeft {float:left;}
br.clear {
    height: 0;
    line-height: 0;
    font-size: 0;
}

/*------------ recommend ------------*/
.recommend { margin-top:30px;}
.recommend li{
	background: #fff9e4;
	margin:3em auto;
	padding:1em;
	}
.recommend li img {
	padding:1em 0;
	height:auto;
}

#subcon .recommend h3{
	background:url(../img/h3.jpg) left no-repeat;
	padding:0.5em;
	color:#493228;
	}
	
.date{ text-align:right; 
	margin-bottom:20px;
	color: #8b0000;
	}
.recommend .me_img {margin:1em 0 0;}


/*------------ good ------------*/
#subcon .good.inner {margin-top:4em;}
.g_part {margin-bottom:4em;}
.g_part.sougei{
	background:url(../img/good/sou_bg.jpg) #ededed no-repeat bottom right;
	background-size:cover;
	padding:0.5em 0.5em 1em;
}
.g_part.sougei p {padding:0 0.5em;}
	

.g_part.sake {background:url(../img/good/good_bg06_02.jpg) no-repeat bottom; 
			text-align:center; 
			padding-bottom:6em;
			background-size: 100%;
			}
h3.ttl_bg {padding:2em 0;}
.ttl_bg{
	background:url(../img/good/good_bg06_01.jpg) no-repeat;
	background-size:100%;
	margin-bottom:1em;
	padding-top:0.5em
}

/*------------ notfound ------------*/
.notfound h3 {margin:2em 0;}

/* 詳細ページ SNSシェアボタン
------------------------------ */
.sns-sharerbtn-list {
	margin: 8px 0;
	padding: 8px 0;
	text-align: center;
	background:url(../img/h2bg.jpg) repeat;
	clear: both;
}
.sns-sharerbtn-list li {
	margin: 0 4px;
	vertical-align: top;
	display: inline-block;
}


/* 詳細ページ 前後の記事へのリンク
------------------------------ */
.paginated-link {
	margin: 0 5px;
	overflow: hidden;
}
.paginated-link li {
	width: 48%;
	padding: 0 5px;
	text-align: center;
	font-size: 13px;
	border-radius: 4px;
	background: #8b0000;
	box-sizing: border-box;
}
.paginated-link li.prev-link {
	float: left;
}
.paginated-link li.next-link {
	float: right;
}
#subcon .paginated-link li a {
	height: 35px;
	line-height: 35px;
	display: block;
	overflow: hidden;
	color:#fff;
}

/* ページネーション
------------------------------ */
ul.pagenation {
	margin: 20px 0;
	text-align: center;
	font-size: 0;
	letter-spacing: 0;
}
ul.pagenation li {
	width: 25px;
	margin: 0 3px;
	text-align: center;
	line-height: 30px;
	font-size: 13px;
	border: 1px solid #cfcfcf;
	vertical-align: top;
	display: inline-block;
}
ul.pagenation li.current {
	color: #fff;
	background: #222222;
}
ul.pagenation li.dot {
	width: 15px;
	margin: 0 1px;
	border: none;
}
ul.pagenation li a {
	text-decoration: none;
	display: block;
}
ul.pagenation li a:hover {
	text-decoration: underline;
}