@charset "utf-8";

body {
font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo,"ＭＳ Ｐゴシック", MS PGothic, Verdana, Arial, sans-serif;
background-color:#080200;
margin:20px 0 0;
}

/*---margin-top---*/
.mt05 {
margin-top:5px;
}
.mt10 {
margin-top:10px;
}
.mt15 {
margin-top:15px;
}
.mt20 {
margin-top:20px;
}
.mt25 {
margin-top:25px;
}
.mt30 {
margin-top:30px;
}
.mt35 {
margin-top:35px;
}
.mt40 {
margin-top:40px;
}
.mt45 {
margin-top:45px;
}
.mt50 {
margin-top:50px;
}
/*---margin-right---*/
.mr05 {
margin-right:5px;
}
.mr10 {
margin-right:10px;
}
.mr15 {
margin-right:15px;
}
.mr20 {
margin-right:20px;
}
.mr25 {
margin-right:25px;
}
.mr30 {
margin-right:30px;
}
/*---margin-bottom---*/
.mb05 {
margin-bottom:5px;
}
.mb10 {
margin-bottom:10px;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px!important;
}
.mb25 {
margin-bottom:25px;
}
.mb30 {
margin-bottom:30px;
}
.mb35 {
margin-bottom:35px;
}
.mb40 {
margin-bottom:40px;
}
.mb45 {
margin-bottom:45px;
}
.mb50 {
margin-bottom:50px;
}
/*---margin-left---*/
.ml05 {
margin-left:5px;
} 
.ml10 {
margin-left:10px;
}
.ml15 {
margin-left:15px;
}
.ml20 {
margin-left:20px;
}
.ml25 {
margin-left:25px;
}
.ml30 {
margin-left:30px;
}

/*---txt-align---*/
.txtR {
text-align:right;
}
.txtC {
text-align:center;
}
.txtL {
text-align:left;
}

/*---clearfix---*/
.clearfix:after {
content:"";
clear:both;
display:block;
}

/*---img---*/
img {
border:none;
vertical-align:bottom;
}
a:hover img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

#info {
	width:960px;
	margin:4px auto 20px;
	table-layout:fixed
}
#info a {
	text-decoration:none;
}
#info .infoLogo {
	width:480px;
	background-color:#FFF;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
#info .infoInner {
	width:460px;
	font-size:12px;
	color:#fff;
	line-height:160%;
	background-color:#080200;
	display:table-cell;
	padding-left:20px;
	letter-spacing:0.05em;
}
#info .infoInner .mizunaraTtl {
	font-size:18px;
	margin:0 0 10px;
	font-weight:bold;
}
#info .infoInner a {
	color:#fff;
}
#info .infoFoot {
	font-size:12px;
	color:#fff;
	line-height:140%;
	letter-spacing:0.05em;
	margin-top:10px;
	text-align:center;
}
#info .infoFoot a {
	color:#fff;
}

#mizunaraTxt {
	width:960px;
	margin:0 auto;
	font-size:13px;
	color:#fff;
	line-height:200%;
	text-align:left;
	padding:20px;
}
#mizunaraTxt .ttl {
	font-size:18px;
	margin-bottom:10px;
	text-align:center;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
}

#mizunaraTxt .txt {
	margin-bottom:50px;
	color:#EEE;
	padding:0 20px;
}

/*slider*/
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
    background-color: #ddd;
}
.sp-thumbnail-container {
	border:solid 1px #643304;
}
#example3 .sp-selected-thumbnail {
	border-color:#643304;
}
.sp-bottom-thumbnails {
	margin-top:10px;
	margin-bottom:10px;
}


@media screen and (max-width: 800px) {
.sp-slides-container {
}
.sp-bottom-thumbnails {
	margin-top:20px;
	margin-bottom:20px;
}
#info {
	width:100%;
	margin-bottom:50px;
}
#info .infoInner h1 {
	margin:10px 0 10px;
}
#info .infoLogo {
	width:auto;
	display:block;
	padding:10px 15px;
}
#info .infoInner {
	width:auto;
	display:block;
	padding:10px 15px;
	text-align:center;
	line-height:170%;
}
#info .infoFoot {
	margin-top:0;
	padding:0 15px;
	line-height:170%;
}
#info .infoInner span, #info .infoFoot span {
	display:block;
}

#mizunaraTxt {
	width:auto;
	padding:20px 15px;
	line-height:250%;
}
body {
	margin-top:0;
}
}
@media screen and (max-width: 480px) {
#info .infoLogo img {
	width:60%;
}
}




#txtBox {
	width:960px;
	margin:60px auto 30px;
}

#txtBox .uTxtBox {
	width:480px;
	float:left;
}
#txtBox p.uTxt {
	color: #ccc;
	font-size: 13px;
	line-height:2em;
}
#txtBox p.uTxt:nth-of-type(1) {
	margin-bottom:30px;

}
#txtBox .fbBox {
	width:450px;
	float:right;
}
#txtBox .fbBox iframe {
	width:450px;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
#pageplugin {
}

#menu {
	width:960px;
	margin:0 auto 40px;
}
#menu ul {
	margin:0;
	padding:0;
}
#menu ul li {
	margin:0;
	padding:0;
	color: #ccc;
	font-size: 13px;
	list-style:none;
	margin-right:20px;
	margin-bottom:30px;
	float:left;
	width:143px;
}
#menu ul li:nth-of-type(6n) {
	margin-right:0;
}
#menu ul li img {
	width:100%;
}
#menu ul li h6 {
	color: #fff;
	font-size:15px;
	text-align:center;
	padding-bottom:5px;
	border-bottom:dotted 1px #ccc;
	margin:5px 0;
	font-weight:normal;
}
#menu ul li p {
	color: #ccc;
	font-size:11px;
	margin:0;
}
#menu p.nabe {
	color: #fff;
	font-size:18px;
	margin:0 0 10px;
	color:#ffcc00;
}
#menu p.nabe span {
	color: #ccc;
	font-size:13px;
	margin:0;
}

#menu h5 {
	color: #ccc;
	font-size:18px;
	margin:0;
	font-weight:normal;
	color:#ffcc00;
}
#menu p {
	color: #ccc;
	font-size:13px;
	margin:0;
}
#menu .partyBox {
}
#menu .partyBox .partyPic {
	float:left;
	width:460px;
}
#menu .partyBox .partyPic img {
	width:100%;
}
#menu .partyBox .partyPic:nth-of-type(1) {
	margin-right:40px;
}
#menu .partyBox .partyPic p {
	font-size:12px;
	text-align:center;
	margin-top:5px;
}


#map {
	width:960px;
	margin:0 auto 40px;
}

#map img.floor {
	width:100%;
}
#map p {
	color: #ccc;
	font-size: 13px;
	padding:0 12px;
	margin:10px 0 0;
	text-align:center;
}


h4 {
	color: #fff;
	font-size:18px;
	text-align:center;
	padding-bottom:5px;
	border-bottom:solid 1px #ccc;
	margin:0 0 10px;
	font-weight:normal;
}
#store {
	width:960px;
	margin:0 auto 40px;
}
#store .storeBox {
	color: #ccc;
	font-size: 13px;
	width:445px;
	float:left;
}
#store .storeBox:nth-of-type(1) {
	margin-right:20px;
	width:495px;
}
#store .storeBox h5 a {
	color: #fff;
}
#store .storeBox a {
	color: #ccc;
	text-decoration:none;
}
#store .storeBox .storeTbl td:nth-of-type(1) {
	width:180px;
}
#store .storeBox .storeTbl td h5 {
	color:#fff;
	margin:0;
	font-size: 13px;
}
#store .storeBox .add {
	word-break:break-all;
}


#footer {
	text-align:center;
	font-size: 13px;
	color:#fff;
	width:960px;
	margin:0 auto 80px;
	line-height:1.7em;
}
.photo {
	margin-top:10px;
}
.photo a {
	color:#ccc;
	text-decoration:none;
	font-size:12px;
}
.photo a img {
	vertical-align:middle;
}


.pagetop {
	display:block;
	margin:0;
}
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.pagetop a {
	display: block;
	background-color: #fff;
	text-align: center;
	color: #222;
	font-size: 12px;
	text-decoration: none;
	padding: 18px 8px;
	border:solid 1px #fff;
	border-radius:4px;
}
.pagetop a:hover {
	background-color: #222;
	color: #fff;
	text-decoration: none;
	border:solid 1px #222;
}

@media screen and (max-width: 800px) {
	
#txtBox, #menu, #map, #store, #footer {
	width:100%;
}
#txtBox .uTxtBox {
	float: none;
	width:100%;
}
#txtBox p.uTxt {
	margin-bottom:30px;
	padding:0 15px;
}
#txtBox .fbBox{
	float: none;
	width:90%;
	text-align:center;
	margin:0 auto;
}
#txtBox .fbBox iframe {
}

#menu ul {
	margin:0 auto;
	width:94%;
}
#menu ul li {
	width:30%;
	margin:0 4% 15px 0;
}
#menu ul li:nth-of-type(3n) {
	margin-right:0;
}
#menu p.nabe {
	padding:0 10px;
	margin-top:10px;
	line-height:1.2em;
}
#menu ul li h6 {
	font-size:13px;
}

#menu h5 {
	padding:0 10px;
}
#menu p {
	padding:0 10px;
}
#menu .partyBox {
	width:94%;
	margin:0 auto;
}
#menu .partyBox .partyPic {
	float:none;
	margin:0 auto;
	width:100%;
}
#menu .partyBox .partyPic:nth-of-type(1) {
	margin:0 auto 20px;
}
#menu .partyBox .partyPic p {
	font-size:12px;
	text-align:center;
	margin-top:5px;
}


#store .storeBox {
	width:100%;
}
#store .storeBox:nth-of-type(1) {
	width:100%;
	margin:0;
	}
#store .storeBox .storeTbl td:nth-of-type(1) {
	display:none;
}
#store .storeBox .storeTbl {
	width:94%;
	margin:0 auto 20px;
	}
#store .storeBox .storeTbl td {
	text-align:center;
	padding:10px;
}
#store .storeBox .storeTbl td a {
	color:#fff;
}
#store .storeBox .storeTbl.cask td:nth-of-type(2) {
	background:url("../img/sister03b.jpg") repeat scroll center center / cover;
}
#store .storeBox .storeTbl.wt td:nth-of-type(2) {
	background:url("../img/sister02b.jpg") repeat scroll center center / cover;
}
#store .storeBox {
    color: #fff;
    font-size: 12px;
}

.pagetop {
	bottom: 20px;
	right: 20px;
}

}