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






/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media print {

.spTopNavigation{display:none;}
.mainVisualSp{display:none;}
.listBox img{
	display: none;
}
img.cboxPhoto{
	display: none;
}
.hrTriangle{
	width:100%;
	text-align:center;
	position:absolute;
	z-index:5000;
	top:-1px;
	left:0px;
}


/* navi
----------------------------------------- */
#bbqNav ul{
	width: 100%;
}

/* mainVisual
----------------------------------------- */
section.mainVisual{
	width:80%;
	height:auto;
	margin:60px auto;
	overflow:hidden;
	background:#fff;
	text-align: center;
}

/* section.news
------------------------------------- */
section.news{
	width:100%;
	background:#fff;
	padding:50px 0px 45px 0px;	
}
	section.news h2{
		padding:0px 0px 40px 0px;
		text-align:center;
	}
	section.news ul{
		display:block;
		width:100%;
		height:auto;
		margin:0px auto;
	}
		section.news ul li{
			font-size:15px;
			padding:0px 0px 10px 0px;
		}
			section.news ul li span.date{
				padding:0px 15px 0px 0px;
			}
			section.news ul li a{
				color:#1172eb;
			}
			section.news ul li a:hover{
				text-decoration:underline;
			}
	section.news .btn{
		padding:30px 0px 0px 0px;
		text-align:center;
	}


/* section.bbqInst
------------------------------------- */
section.bbqInst{
	position: relative;
	width:100%;
	padding:55px 0px 95px 0px;	
	margin: 0 auto;
}
	section.bbqInst h2{
		position: absolute;
		top: 12%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 100%;
		font-size: 110%;
		font-weight: 600;
		line-height: 1.8;
		letter-spacing: 1px;
		padding:0px 0px 22px 0px;
		text-align:center;
	}
	section.bbqInst .instBox{
		position: relative;
		width: 100%;
	}
		section.bbqInst figure{
			width: 100%;
			text-align: center;
		}
			section.bbqInst figure img{
				max-width: 100%;
				height: auto;
			}
		section.bbqInst div.leftBox{
			position: absolute;
			top: 0;
			left: 0;
			display: inline-block;
			width: 50%;
			height: 100%;
		}
		section.bbqInst div.leftBox:after{
			content: "";
			display: block;
			padding-top: 100%;
		}
			section.bbqInst div.leftBox p.top{
				position: absolute;
				top: 30%;
				left: 27%;
				display: inline-block;
				color: #fff;
				font-size: 100%;
				font-weight: 600;
			}
			section.bbqInst div.leftBox p.bottom{
				position: absolute;
				left: 27%;
				bottom: 37%;
				display: inline-block;
				color: #fff;
				font-size: 100%;
				letter-spacing: 1px;
			}
		section.bbqInst div.rightBox{
			position: absolute;
			top: 0;
			right: 0;
			display: inline-block;
			width: 50%;
			height: 100%;
		}
		section.bbqInst div.rightBox:after{
			content: "";
			display: block;
			padding-top: 100%;
		}
			section.bbqInst div.rightBox p.top{
				position: absolute;
				top: 30%;
				left: -4%;
				display: inline-block;
				color: #fff;
				font-size: 100%;
				font-weight: 600;
			}
			section.bbqInst div.rightBox p.bottom{
				position: absolute;
				left: -4%;
				bottom: 37%;
				display: inline-block;
				color: #fff;
				font-size: 100%;
				letter-spacing: 1px;
			}
		section.bbqInst p.bbqBtn{
			position: absolute;
			bottom: 14%;
			left: 50%;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
	


/* section.about
------------------------------------- */
section.about{
	width:100%;
	background:#fff;
	padding:50px 0px 65px 0px;	
}
	section.about .aboutBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		section.about h1{
			color:#008132;
			font-size:42px;
			font-weight:bold;
			padding:0px 0px 10px 0px;
			border-bottom:3px solid #e10000;
			text-align:center;
		}
		section.about .copyArea{
			padding:30px 0px 0px 0px;
		}
			.copyArea p{
				font-size:18px;
				padding:28px 0px 0px 0px;	
				text-align:center;
				line-height:2.5em;
			}
		.aboutBlock .galleryBox{
			width:100%;
			margin:0px auto;
			padding:63px 0px 0px 0px;
			overflow:hidden;
		}
			.galleryBox figure{
				width:258px;
				height:auto;
				margin-right:42px;
				float:left;	
			}
				.gallerBox figure img{
					
				}


/* section.program
------------------------------------- */
section.program{
	width:100%;
	background:#fff;
	padding:50px 0px 35px 0px;	
}
	section.program .programBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		section.program h1, h2.heading{
			color:#008132;
			font-size:42px;
			font-weight:bold;
			padding:0px 0px 10px 0px;
			border-bottom:3px solid #e10000;
			text-align:center;
		}
		section.program .programFloat{
			width:100%;
			height:auto;
			margin:0px auto;
			padding:40px 0px 0px 0px;
		}
		section.program .programFloat:after{
			content: "";
			display: block;
			clear: both;
		}
			.programFloat .read{
				font-size: 136%;
				font-weight: 900;
				line-height: 1.8;
				letter-spacing: 1px;
				text-align: center;
			}	
			.programFloat .illustTitle{
				padding:42px 0px 16px 0px;
				text-align:center;
			}
			.programFloat .subread{
				font-size: 110%;
				font-weight: 900;
				line-height: 1.8;
				letter-spacing: 1px;
				text-align: center;
			}	
				.programFloat .bbqFloat{
					width:100%;
					height:auto;
					margin:58px auto;
				}
				.programFloat .bbqFloat:after{
					content: "";
					display: block;
					clear: both;
				}
				.programFloat .giftFloat{
					width:100%;
					height:auto;
					margin:0px auto;
					padding:33px 0px 0px 0px;
					overflow:hidden;	
					}
					.bbqFloat .bbqSet{
						width:333px;
						height:auto;
						margin-right:27px;
						float:left;
					}
					.giftFloat .bbqSet, .programFloat .programSet{
						width:311px;
						height:auto;
						margin-right:60px;
						float:left;
					}
						.bbqSet h3.listTitle{
							font-size: 150%;
							font-weight: 900;
							letter-spacing: 1px;
							text-align:center;
							width: 76%;
							margin: 0 0 16px 8%;
							padding-bottom: 3px;
							border-bottom: 1px dotted #008132;
						}
						.bbqSet figure.listPhoto{
							position: relative;
						}
						.bbqSet figure.listPhoto:after{
							content: "";
							display: block;
							padding-top: 103%;
						}
							.bbqSet figure.listPhoto img{
								position: absolute;
								top: 0;
								left: 0;
								width: 100%;
								height: auto;
							}
							.bbqSet figure.listPhoto img.center{
								left: 3.2%;
							}
							.bbqSet figure.listPhoto img.right{
								left: 8%;
							}
	
						.programSet h3.attractionTitle{
							font-size: 150%;
							font-weight: 900;
							letter-spacing: 1px;
							text-align:center;
							width: 87%;
							margin: 0 auto 16px;
							padding-bottom: 3px;
							border-bottom: 1px dotted #008132;
						}
						.programSet p{
							font-size: 110%;
							letter-spacing: 1px;
							text-align:center;
							padding: 10px;
						}
					.programFloat p.attractionBtn{
						clear: both;
						width: 100%;
						text-align: center;
						padding-top: 20px;
					}
		

/* section.goods
------------------------------------- */
section.goods{
	width:100%;
	background:#fff;
	padding:50px 0px 35px 0px;	
}
	section.goods .goodsBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		.goodsBlock p.read{
			padding:40px 0px 0px 0px;
			font-size: 136%;
			font-weight: 900;
			line-height: 1.8;
			letter-spacing: 1px;
			text-align: center;
		}
	section.goods .goodsFloat{
		width:100%;
		height:auto;
		margin:0px auto;
		padding:50px 0px 0px 0px;	
		overflow:hidden;
	}
		.goodsFloat .goodsSet{
			float:left;
		}
			.goods01{
				width:290px;
				height:auto;
				margin-right:33px;
			}
			.goods02{
				width:197px;
				height:auto;
				margin-right:15px;
			}
			.goods03{
				width:315px;
				height:auto;
				margin-right:39px;
			}
			.goods04{
				width:197px;
				height:auto;
				margin-right:0px;
			}
			.goodsSet p{
				text-align:center;
				font-size:14px;
				padding:10px 0px 0px 0px;
			}
				.goods p span{
					font-size:12px;
				}
	
	

/* section.other
------------------------------------- */
section.other{
	width:100%;
	padding:50px 0px 65px 0px;	
	background:#fff;
}
	section.other .otherBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		.otherBlock .titleArea{
			padding:20px 0px 20px 0px;
			border-top:#e10000 solid 5px;
			border-bottom:#e10000 solid 2px;	
		}
			.otherBlock .titleArea h2{
				text-align:center;
			}
		.otherBlock h3{
			text-align:center;
			font-size:187%;
			font-weight:bold;
			padding:55px 0px 30px 0px;
			color:#008132;	
		}
		.otherBlock .staffFloat{
			width:1098px;
			height:auto;
			margin:0px auto;
			padding:40px 0px 50px 0px;	
			overflow:hidden;
		}
		.otherBlock .staffFloat2c{
			width:712px;
			height:auto;
			margin:0px auto;
			padding:15px 0px 50px 0px;	
			overflow:hidden;
		}
			.staffSet{
				width:326px;
				height:auto;
				margin:0px 60px 0px 0px;
				float:left;
			}
				.staffSet figure{
					
				}
					.staffSet figure img{
						width:100%;
						height:auto;	
					}
				.staffSet .staffDetail{
					padding:12px 0px 0px 0px;	
				}
					.staffDetail p.name{
						
					}
					.staffDetail p.position{
						padding:0px 0px 12px 0px;
						font-size:93%;
					}
					.staffDetail dl{
						padding:12px 0px 12px 0px;
						border-top:1px dotted #ccc;
						text-align:left;
						font-size:93%
					}
						.staffDetail dl dt{
							padding:3px 0px 3px 0px;
							background:#f5f5f5;
						}
						.staffDetail dl dd{
							padding:7px 0px 10px 0px;
						}
							.staffDetail dl dd ul{
								
							}
								.staffDetail dl dd ul li{
									padding:0px 0px 0px 1em;
									text-indent:-1em;
									font-size:93%;
									padding-bottom: 6px;
								}
									.staffDetail dl dd ul li span{
										display: inline-block;
										text-indent:-1em;
									}

	
/* section.schedule
------------------------------------- */
section.schedule{
	width:100%;
	background:#fff;
	padding:50px 0px 65px 0px;	
}
	section.schedule .scheduleBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		section.schedule h1{
			color:#008132;
			font-size:42px;
			font-weight:bold;
			padding:0px 0px 10px 0px;
			border-bottom:3px solid #e10000;
			text-align:center;
		}
		section.schedule .copyArea{
			padding:30px 0px 0px 0px;
		}
			.copyArea p{
				font-size:18px;
				padding:0px 0px 0px 0px;	
				text-align:center;
				line-height:1.78em;
			}
				.copyArea p span{
					font-size:26px;	
					font-weight:bold;
				}
				.copyArea p.caution{
					font-size:14px;	
				}
				
		section.schedule .anchorBox{
			padding:30px 0px 0px 0px;
		}
			section.schedule .anchorBox ul{
				overflow:hidden;
			}
				section.schedule .anchorBox ul li{
					display:block;
					width:10%;
					margin-right:1.1%;
					height:auto;
					float:left;	
				}
					section.schedule .anchorBox ul li a{
						display:block;
						width:97%;
						padding:10px 0px;
						text-align:center;
						background:url(../../common/images/icon_anchor_btm_green.png) 90% center no-repeat;
						background-size:auto 0.5em;	
						border:2px solid #f0f0f0;
					}
						section.schedule .anchorBox ul li a:hover{
							background:#6EB92B;
							color:#fff;
						}
		.scheduleBlock .placeBox{
			padding:60px 0px 0px 0px;
		}
			.placeBox h2{
				font-size:23px;
				font-weight:bold;
				padding:0px 0px 0px 10px;
				color:#008132;
				border-left:4px solid #008132;
			}
			.placeBox .tableBox{
				padding:10px 0px 0px 0px;
			}
				.placeBox .tableBox table{
					border-top:2px solid #f0f0f0;
					border-right:2px solid #f0f0f0;
				}
				.placeBox .tableBox td{
					border-left:2px solid #f0f0f0;
					border-bottom:2px solid #f0f0f0;
					padding:8px 12px;
					font-size:13px;
					vertical-align:middle;
				}

				.placeBox td a.entryBtn{
					display:block;
					width:80%;
					margin:0px auto;
					padding:3px 0px;
					text-align:center;
					background:#E60012;
					border:2px solid #f5f5f5;
					color:#fff;
				}
					.placeBox td a.entryBtn:hover{
						background:#fff;
						color:#E60012;	
						border:2px solid #E60012;
					}	
	
/* section.news
------------------------------------- */
section.news{
	width:100%;
	background:#fff;
	padding:50px 0px 65px 0px;	
}
	section.news .newsBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		section.news h1{
			color:#008132;
			font-size:42px;
			font-weight:bold;
			padding:0px 0px 10px 0px;
			border-bottom:3px solid #e10000;
			text-align:center;
		}
		
		section.news ul{
			display:block;
			margin:0px auto;
			padding:50px 0px 0px 0px;
		}
			section.news ul li{
				padding:0px 0px 15px 0px;
				margin:0px 0px 15px 0px;
				border-bottom:2px dotted #f0f0f0;	
			}
				section.news ul li span{
					padding:0px 15px 0px 0px;	
				}

				section.news ul li a{
					color:#1172eb;
				}
				section.news ul li a:hover{
					text-decoration:underline;
				}

/* detail.html
------------------------------------------ */
article{
	width:96%;
	margin:0px auto;
	padding:45px 0px 25px 0px;
}
	article .titleArea{
		padding:10px;
		border:2px solid #f0f0f0;
		border-radius:6px;	
	}
	article h2{
		font-weight:bold;
		font-size:20px;
		padding:2px 10px;
		color:#3F1826;	
		border-left:3px solid #e10000;
	}
	article .entryBody{
		padding:20px 0px 20px 0px;
		line-height:2.3em;
		overflow:hidden;
	}
	article .entryBody figure{
		float:right;
		max-width:40%;
		margin-left:15px;
		height:auto;
	}
		article .entryBody figure img{
			width:100%;
			height:auto;
		}
		article .entryBody figure img:nth-of-type(n+2){
			margin-top:10px;
		}
	p.date{
		border-top:1px dotted #ccc;
		padding:8px 0px 0px 0px;
		font-weight:bold;
		font-size:12px;
	}
	section.news .btn{
		padding:30px 0px 0px 0px;
		text-align:center;
	}	
	
/* section.member
----------------------------------------- */
section.report{
	width:100%;
	background:#fff;
	padding:50px 0px 65px 0px;	
}
	section.report .reportBlock{
		width:100%;
		height:auto;
		margin:0px auto;
	}
		section.report .reportBlock .contentArea{
			overflow: hidden;
			margin: 60px 0 0;
		}
			section.report h1{
				color:#008132;
				font-size:42px;
				font-weight:bold;
				padding:0px 0px 10px 0px;
				border-bottom:3px solid #e10000;
				text-align:center;
			}
			section.report .accordionNav{
				float: left;
				width: 24%;
				font-size: 92%;
			}
				label.tab{
					background: #60534B;
					color: #fff;
					padding: 7px 10px;
					display: block;
					margin: 0;
					border: 1px solid #fff;
				}
					label.tab span.tabBtn img{
						transform: rotate(90deg);
					}
					label.tab span.active img{
						transform: rotate(0deg);
					}
				input[type="checkbox"].inout{
				    display: none;
				}
					.accordionNav ul{
						-webkit-transition: all 1s;
						transition: all 1s;
					}
						.accordionNav li{
							background: #f0f0f0;
							padding: 8px 15px;
							border-bottom: 1px solid #fff;
							line-height: 1.4;
							font-size: 96%;
						}
						.accordionNav li a:hover{
							text-decoration: none;
							opacity: 0.6;
						}
						input[type="checkbox"].inout:checked + ul{
							max-height: 0;
							overflow: hidden;
						}
						input[type="checkbox"].inout + ul{
							max-height: 1500px;
						}
			section.report .reportMain{
				float: right;
				width: 72%;
			}
				section.report .reportMain h2{
					width: 100%;
					border: 1px solid #008132;
					border-left: 8px solid #008132;
					font-size: 140%;
					font-weight: 900;
					padding: 11px 15px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				section.report .reportMain .listBox{
					width: 100%;
					overflow: hidden;
				}
					section.report .reportMain .listBox .listSet{
						float: left;
						width: 32%;
						margin: 2% 2% 0 0;
					}
					section.report .reportMain .listBox .listSet:nth-of-type(3n){
						margin-right:0;
					}
					section.report .reportMain .listBox .listSet:nth-of-type(3n+1){
						clear: both;
					}
						section.report .reportMain .listBox .listSet figure{
							width: 100%;
							height: auto;
						}
							section.report .reportMain .listBox .listSet figure a{
								width: 276px;
								height: 208px;
								display:block;
							}
							section.report .reportMain .listBox .listSet figure img{
							}
						section.report .reportMain .listBox .listSet figcaption{
							width: 100%;
							height: auto;
							margin: 10px 0;
							padding: 5px 0;
							border-top: 1px dotted #333;
							border-bottom: 1px dotted #333;
							font-size: 96%;
						}
							section.report .reportMain .listBox .listSet figcaption a:hover{
								text-decoration: none;
								color: #e10000;
							}
							section.report .reportMain .listBox .listSet figcaption span{
								color: #008132;
								font-size: 80%;
							}
	
					
}