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

/* 共通部分----------------------------------------------------------- ▼*/

html, body {
     height: 100%;                    /* ブラウザ領域分確保 */
}
body{
	font-family:  "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size: 93%;
    line-height: 160%;
	padding:0;
	color:#353434;
	background-image: url(../images/common/bg_visual.jpg);
	background-size:1000px 339px;
}


p{
	margin-bottom:12px;
	font-size:90%;
}

table{
	border-collapse:collapse;
}
table td{
	vertical-align:top;
}

a {
		color:#002b00;
		-webkit-tap-highlight-color: #9CC;
}

section img {
		/*width:100%;
		height:auto;*/
}

.switch {
    visibility: hidden;
}


section #sub-topSide img {
		width:147px;
		height:auto;
}

section h3 img {
		/*width:50%;*/
		height:auto;
}

/*==========================================================================
	outer set
========================================================================▼*/
#wrapper {
		width:100%;
		height:100%;
		
}

	.wrapper {
			width:;
			margin:0 auto;
	}



/* ヘッダー----------------------------------------------------------- ▼*/

header {
}

#header {
		position:relative;
}

header h1{
		position:absolute;
		left:44%;
		top:5px;
		/*margin-left: 25px (真ん中寄せにしたい物の横幅width/2) ;*/
}
	header h2 a{
		position:absolute;
		right:8px;
		bottom:3px;
	}


#main_visual {
}
h3{
		/*margin-bottom:10px;	*/
}
#header h3 img{
		width:100%;
		height:auto;
		
		vertical-align:bottom;
}


/*===========================================
	topmenu set[トップメニュー]
=========================================▼*/
#sub-topSide {
		overflow:hidden;
}
	#sub-topSide ul {
	}
	#sub-topSide ul li {
			float:left;
	}
	#sub-topSide ul li:nth-child(even) {
			float:right;
	}

/*最新情報*/
#content_1 > p:not(:first-child) {
    display: none;
}
	
#news {
		padding: 5px;
		background: #fff;
}
#news p {
		margin:10px;
}

/*#news h2 {
		border-bottom:1px dotted #e7d8b2;
		padding-bottom:5px;
}*/
#news h2 img {
	width:50%;
	height:auto;
	display: none;
}

.newsinn span {
		display:block;
		color: #b07f00;
}

/* ナビ----------------------------------------------------------- ▼*/

nav {
	overflow: hidden;
	clear:both;
}


nav ul {
		overflow:hidden;
}

nav ul li {
			float:left;
}
nav ul li a {
}

	#nav {
		width:310px;
		margin:0 auto;
		margin-bottom:5px;
		clear:both;
	}
	#nav li {
			width:50%;
	}
	
	 #nav li img {
		 	display:block;
	 }


#sp-topMenu {
		overflow:hidden;
		width:320px;
		margin:0 auto;
}

#sp-topMenu ul {
}
#sp-topMenu ul li {
	width:20%;
}

#topSide {
		overflow:hidden;
}
#topSide ul li {
		float:left;
}
#topSide ul li:nth-child(2) {
		float:right;
}

/* フッター----------------------------------------------------------- ▼*/
.bnrBox {
		text-align:center;
}
.pagetop {
		text-align:right;
		margin-right:5px;
}
.ftrTxt {
		text-align:center;
}

footer {
		width:310px;
		margin:0 auto;
}


#footer {
	padding-top:5px;
	background:#441c00;
}
.footer {
		background:url(../images/hdr_ftr_bg.png) repeat left top;
		padding:20px 20px 10px;
}

.ftr_logo {
		text-align:center;
}

.ftr_cont {
		padding-left:30px;
		padding-right:30px;
}
	.ftr_cont ul {
			overflow:hidden;
	}
	.ftr_cont ul li {
			float:left;
			margin-right:5px;
	}
	
	
footer p {
	color:#444;
	font-size:80%;
	margin-bottom:0;
	line-height:130%;
	margin-bottom:8px;

	clear:both;
}

p.copy {
		background:#002b00;
		line-height:25px;
		margin-bottom:0;
		
		text-align:center;
		color:#fff;
}

/* コンテンツ----------------------------------------------------------- ▼*/
/*=========================================== 
	top set
=========================================▼*/

section {
    color: #353434;
    overflow: hidden;
    padding: 1%;
    width: 98%;
}

/*-------------------img set-------------------*/


/*-------------------img set(sp)-------------------*/
div.conBoxR , div.conBoxL , div.conBox  {
		overflow: hidden;
		margin: 0 5px 20px;
}

h5  {
		color:#e7016b;
		font-size: 17px;
		font-weight: bold;
		display:block;
		clear:both;
		
		margin-bottom:5px;
}




/*=========================================== 
	標準記事ブロック set
=========================================▼*/

.sub-Box , .sub-BoxL , .sub-BoxR {
}
	
.sub-Box , .sub-BoxL , .sub-BoxR {
		overflow:hidden;
		margin-bottom:30px;
}

.sub-Box .imgBlock , .sub-BoxL .imgBlock , .sub-BoxR .imgBlock {
		margin-bottom:10px;
		text-align:center;
}
.sub-BoxL .imgBlock img , .sub-BoxR .imgBlock img {
		/*width:298px;
		height:auto;*/
		line-height:0;
		vertical-align:bottom;
		
		border:1px solid #fff;
}

.sub-Box .imgBlock img {
	width:100%;
	height:auto;
}
	.sub-BoxL .imgBlock {
	}
	.sub-BoxL .txtBlock {
	}
	
	.sub-BoxR .imgBlock {
	}
	.sub-BoxR .txtBlock {
	}
.sub-Box h3 {
		margin-bottom:10px;
}



/*=========================================== 
	table set
=========================================▼*/
/*sub-Box group*/
 section table {
		/*margin-bottom:10px;*/
		width: 100%;
}
section table tr:nth-child(even) {
		background:url(../images/common/tbl_bg.jpg) repeat;
}
section table th , section table td {
		padding:12px;
		background:url(../images/common/tbl_line.jpg) repeat-x left bottom;
}
section table th {
		width:20%;
		text-align:center;
		font-weight:normal;
}


	table.formBlockSurveyTable th , table.formBlockSurveyTable td {
		padding-bottom:16px !important;
	}
	
	.formBlockSubmitButton {
		background:#3e1a0a;
		padding:10px;
		color:#f0e8d7;
		
		border:none;
		width:140px;
	}
	
	form.miniSurveyView span {
		margin-bottom:20px !important;
		padding:6px !important;
		border:1px dotted #963 !important;
		text-align:center;
		display:block !important;
		font-size:16px !important;
	}
	
	
	form.miniSurveyView span.required {
		margin-bottom:0 !important;
		padding:0 !important;
		border:none !important;
		text-align:left;
		display:inline !important;
		font-size:12px !important;
	}
	
	@media only screen and (max-width:420px) {
section table {
		width: 100%;
		margin-bottom:10px;
		
		background:none;
		color:#353434;

	}
   section table tr{
		padding:0;
        display:block;
        margin-bottom:0.5em;
		
    }
section table tr:nth-child(even) {
		background:none;
}
	
    section table th , section table td{
        display:list-item;
        border:none;
		line-height:130%;
		
		padding:12px;
    }
	
    section table td{
        display:list-item;
        border:none;
		line-height:130%;
		
		padding:12px;
		background:url(../images/common/tbl_bg.jpg) repeat;
    }
    section table th {
        text-align:left;
		width:auto;
		padding:5px;
		background:none;
		
		/*background:url(../images/common/tbl_line.jpg) repeat-x left bottom;*/
		font-weight:bold;
    }
	
	
    form.miniSurveyView table.formBlockSurveyTable {
			width:100%;
	}
		
    form.miniSurveyView table.formBlockSurveyTable td {
		padding-bottom:0 !important;
		padding-top:8px !important;
	}
    form.miniSurveyView table.formBlockSurveyTable td.answer {
		padding-bottom:10px !important;
		padding-top:10px;
	}
	
    table.formBlockSurveyTable td:before {
		content:"◆";
	}
    table.formBlockSurveyTable td.answer:before {
		content:"";
	}
    table.formBlockSurveyTable th , table.formBlockSurveyTable td {
        display:list-item;
        border:none;
		line-height:100%;
		padding:0;
		margin:0;
    }
	
    section table td {
		/*background:url(../images/common/table_line.jpg) repeat-x left bottom #653316;*/
    }
	}


input#Question4 , input#Question5a , input#Question5b , textarea#Question6 {
		width:10%;
}


/*-------------------Gmap set-------------------*/

	
div.view-container-border iframe {
		width:100%;
		height:200px;
}

div.gmap iframe {
	display:none;
}

div.gmap small a {
	display: inline-block;
	width: 300px;
	height: 50px;
	background-color: #427604;
	background-image: -webkit-linear-gradient(top, #427604, #2d5301);
	background-image: linear-gradient(to bottom, #427604, #2d5301);
	box-shadow: inset 1px 1px 0 #8dc150;
	border-radius: 4px;
	border:1px solid #427604;
	color: #fff !important;
	text-align: center !important;
	font-size:16px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #555;
	line-height: 50px;
	outline: none;
	
	margin-top:-16px;
	margin-bottom:10px;
}


	p.topTxt  {
		color:#f0e8d7;
		margin-bottom:10px;
	}
	p.topTxt span  {
		color:#C93;
		margin-top:5px;
		display:block;
		
		font-size:18px;
	}

	
	
/*h-group set*/

section h2 {
	margin-bottom: 20px;
	}

section h2 img {
    height: auto;
    margin-top: 20px;
    width: 160%;
}
section h3 {
		background:url(../images/common/side_menu_line.png) left bottom repeat-x;
		padding-left:5px;
		font-size:16px;
		color:#b07f00/*#675b4c*/;
		font-weight:normal;
		
		margin-bottom:10px;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

/*=========================================== 
	lightbox set
=========================================▼*/
.zoom {
			position:absolute;
			right:10px;
			bottom:10px;
			z-index:200;
}

.zoom-b {
			position:absolute;
			right:10px;
			top:75px;
			z-index:200;
}


.thmub_list {
}
.thmub_list li span img {
		width:96%;
		height:100px;
}
.thmub_list li span {
		position:relative;
}
.thmub_list li {
		width:50%;
		float:left;
		position:relative;
}

.thmub_list2 {
}
.thmub_list2 li div img {
		width:96%;
		height:100px;
}
.thmub_list2 li div {
		position:relative;
}
.thmub_list2 li {
		width:50%;
		float:left;
		position:relative;
}

.thmub_list2 p {
	font-size:12px;
	margin-top:-5px;
}



.imgBlock {
		width:100%;
		height:auto;
}

.price {
		font-size:18px;
		color:#002b00;
		font-weight:bold;
}
.price span {
		font-size:12px;
}

/*=========================================== 
	飲み物 set
=========================================▼*/
	.menuTbl {
	}

.sakeList {
		padding:20px;
		margin-bottom:10px;
		background:#c0b89c;
		color:#fff;
}
.sakeTtl {
	font-weight:bold;
}

.menuNav {
		margin-bottom:40px;
		overflow:hidden;
}

	.menuNav li {
		border:3px double #c0b89c;
		width:94px;
		margin-right:3px;
		margin-bottom:5px;
		
		float:left;
	}
	.menuNav li a {
		width:94px;
		height:40px;
		line-height:40px;
		text-align:center;
		
		
		display:inline-block;
		padding:;
		/*background-color: #c0b89c;*/
		color:#533c02;
	}

	
/*===========================================
	scean set　[お祝いの席に]
=========================================▼*/


.sceanCopy {
		background:url(../images/sp/page_main_scean_sp.jpg) no-repeat left top;
		background-size:310px 207px;
		
		width:310/*600*/px;
		height:147px;
		padding:30px 20px;
		
		line-height:150%;
}

.sceanBox {
		margin-bottom:10px;
		overflow:hidden;
		padding:0 15px;
}

.sceanBox .imgArea {
		text-align:center;
}

.sceanBox .txtArea {
		overflow:hidden;
}
.sceanBox .txtArea img {
}

.sceanBox .txtArea h5 {
		background:url(../images/common/sc_ttl_bg.png) no-repeat left top;
		margin-bottom:5px;
		font-size:17px;
		padding-left:30px;
		padding-top:5px;
		padding-bottom:5px;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		color:#360;
}
.sceanBox .txtArea p {
		line-height:140%;
}

.sceanBox .imgArea img{
	-moz-box-shadow: 0 2px 5px #cfc198;
	-webkit-box-shadow: 0 2px 5px #cfc198;
	
	border:1px solid #fff;
}

.atten {
		font-size:16px;
		
		color:#FF3300;
		font-weight:bold;
}
	#tbltempo td{
	display: block;
	margin-bottom: 4px;
}
#tbltempo img{
	width: 100%;
	height: auto;
	
}