@charset "UTF-8";
/*----------------------------------------
 TITLE : かくりよの宿飯
 UPDATE ： 2018.01.25
----------------------------------------*/
a:focus { outline: none; }

body {
	width: 100%;
	min-width: 1280px;
	font-family: "游明朝", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: url(../img/bg01.jpg) 50% 0;
	overflow-y: scroll;
	position: fixed;
}

/* CONTENT ----*/
.content {
	position: relative;
	width: 100%;
	height: 1070px;
	/*overflow: hidden;*/
}
.content:after {
	display: block;
	content: "";
	clear: both;
	height: 0;
}
	/* LEFT BLOCK ----*/
	.LeftBlock {
		float: left;
		position: relative;
		width: 250px;
		height: 100%;
		padding: 0 0 0 20px;
	}
	/* RightBlock ----*/
	.RightBlock {
		float: right;
		position: relative;
		width: 250px;
		padding: 0 20px 0 0;
	}
		.news {
			position: relative;
			width: 250px;
			margin: 50px 0 0;
			padding: 0 20px 20px 14px;
			background: #fff;
			border: 2px solid #ddd;
			border-radius: 10px;
			box-sizing: border-box;
		}
			.news h2 {
				width: 152px;
				height: 61px;
				margin: -10px 0 15px;
			}
			.news_deco {
				position: absolute;
				width: 76px;
				height: 76px;
				top: -20px;
				right: 0;
			}
			.newsCont {
				width: 216px;
			}
				.newsCont li {
					margin: 0 0 10px;
					padding: 0 0 10px;
					border-bottom: 1px dashed #ddd;
				}
					.news li a {
						color: #333;
						text-decoration: none;
					}
					.news li a:hover {
						text-decoration: underline;
					}
					.date {
						margin: 0 0 8px;
						font-size: 12px;
						line-height: 12px;
						text-indent: 12px;
						background: url(../img/news_icon.png) no-repeat 0 0;
					}
					.ttl {
						font-size: 14px;
						line-height: 1.28;
					}
			.news_btn {
				margin: 5px 0 0;
				text-align: center;
			}
			.news_btn a:hover {
				opacity: .7;
			}

		.twTL {
			position: relative;
			width: 250px;
			margin: 20px 0 20px;
			padding: 0 14px 20px;
			background: #fff;
			border: 2px solid #ddd;
			border-radius: 10px;
			box-sizing: border-box;
		}
			.twTL h2 {
				width: 150px;
				height: 61px;
				margin: -10px 0 20px;
			}
			.tw_deco {
				position: absolute;
				width: 75px;
				height: 63px;
				top: -10px;
				right: 0;
			}
			.twInner {
				/* position: relative;
				width: 218px;
				height: 198px; */
				margin: 0 auto 20px;
				border: 1px solid #ddd;
				/* overflow: hidden; */
			}
				/* .twInner iframe {
					position: absolute !important;
					top: 0;
					left: 0;
				} */
			.tw_btn {
				text-align: center;
			}
			.tw_btn a:hover {
				opacity: .7;
			}
		.fb_btn {
			margin: 0 0 20px;
		}
		.fb_btn a:hover {
			opacity: .7;
		}
		.shareBtn {
			width: 250px;
			padding: 15px;
			letter-spacing: -.4em;
			background: #fff;
			border: 2px solid #ddd;
			border-radius: 10px;
			box-sizing: border-box;
		}
			.shareBtn p {
				display: inline-block;
				letter-spacing: normal;
			}
			.shareBtn p a:hover {
				opacity: .7;
			}
			.share_lbl {
				margin: 0 13px 0 0;
			}
			.share_tw {
				margin: 0 10px 0 0;
			}
	/* MAIN ----*/
	.main {
		position: absolute;
		width: 1240px;
		height: 1070px;
		top: 0;
		left: 50%;
		margin: 0 0 0 -620px;
		z-index: -1;
	}
		.visual {
			position: absolute;
			width: 100%;
			height: 1070px;
			top: 0;
			left: 0;
			opacity: 0;
		}
			.visual img {
				width: 100%;
			}
		.mainCopy {
			position: absolute;
			width: 94px;
			height: 364px;
			margin: 0 -26.6% 0 0;/*0 -330px 0 0;*/
			top: 19px;
			right: 50%;/*290px;*/
			opacity: 0;
		}
		.roadshow {
			position: absolute;
			width: 446px;
			height: 151px;
			bottom: 33px;
			left: 50%;
			-webkit-transform: translate(-50%, 0);
			   -moz-transform: translate(-50%, 0);
			    -ms-transform: translate(-50%, 0);
			     -o-transform: translate(-50%, 0);
			        transform: translate(-50%, 0);
			opacity: 0;
		}
/* BANNER AREA 01 ----*/
.bnrArea {
	width: 100%;
	/*height: 180px;*/
	padding: 30px 0;
	background: url(../img/bnr_bg.png) repeat 0 0;
}
	.bnrArea ul {
		width: 1280px;
		margin: 0 auto;
		letter-spacing: -.4em;
		text-align: center;
	}
	.bnrArea li {
		display: inline-block;
		margin: 0 10px;
		letter-spacing: normal;
	}
/* FOOTER ----*/
.footer {
	width: 100%;
	background: url(../img/footer_bg.png) repeat 0 0;
}
	.footerBnr {
		width: 1280px;
		margin: 0 auto;
		padding: 30px 0;
		text-align: center;
	}
		.footerBnr ul {
			letter-spacing: -.4em;
		}
		.footerBnr li {
			display: inline-block;
			margin: 0 10px;
		}
	.copyright {
		padding: 0 0 30px;
		color: #fff;
		font-size: 9px;
		line-height: 1;
		text-align: center;
	}