@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(../special/img/special_bg.jpg) repeat 0 0;
	opacity: 0;
}
/* CONTENT ----*/
.content {
	position: relative;
	width: 100%;
	padding: 0 0 180px;
}
.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;
	}
	/* RIGHT BLOCK ----*/
	.RightBlock {
		float: left;
		width: 100%;
		margin: 0 0 0 -270px;
		padding: 0 0 0 270px;
		box-sizing: border-box;
	}
		.inner {
			width: 900px;
			margin: 0 auto;
			padding: 0 0 110px;
			opacity: 0;
		}
			.inner h2 {
				margin: 20px 0 60px;
			}
			.keywordTab {
				width: 100%;
				letter-spacing: -.4em;
				text-align: center;
			}
				.keywordTab li {
					display: inline-block;
					margin: 0 10px 20px;
					letter-spacing: normal;
				}
				.keywordTab li a > img {
					opacity: .7;
				}
				.keywordTab li a:hover img {
					opacity:  1;
				}
			/*　KEYWORD */
			.keywordInner {
				padding: 0 0 0 200px;
			}
				.keywordInner > div {
					margin: 40px 0 0;
				}
				.keywordInner > div:first-child {
					margin: 0 0 0;
				}
					.keywordInner h3 {
						width: 100%;
						padding: 8px 0 8px 10px;
						color: #fff;
						font-size: 20px;
						line-height: 1.5;
						background: #fb969a;
						box-sizing: border-box;
					}
						.keywordInner h3 span {
							display:  inline-block;
							font-size: 13px;
							text-indent: 1em;
						}
						rt {
							font-size: 8px;
							line-height: 1;
						}
					.keyword_det {
						margin: 20px 0 0;
						letter-spacing: -.4em;
					}
						.keyword_det p {
							display: inline-block;
							color: #333;
							font-size: 15px;
							font-weight: bold;
							line-height: 1.6;
							letter-spacing: normal;
							vertical-align: top;
						}
						.keyword_det p.ktxt {
							width: 450px;
						}
						.keyword_det p.kimg {
							width: 250px;
							margin: 0 0 0 20px;

						}


	/* keywordList */
	.keywordList {
		position: absolute;
		width: 180px;
		top: 250px;/*197px;*/
		left: 26%;
		opacity: 0;
	}
		.keywordList li {
			padding: 0 0 0 1.3em;
			color: #333;
			font-size: 13px;
			font-weight: bold;
			line-height: 2.3;
			text-indent: -1.3em;
			vertical-align: top;
			cursor: pointer;
		}
		.keywordList li:not(.is-active):hover {
			color: #d44247;
			text-decoration: underline;
		}
		.keywordList li.is-active {
			color: #d44247;
			cursor: default;
		}
			.keywordList li span {
				margin: 0 0 0 5px;
				padding: 0 4px;
				color: #fff;
				font-size: 10px;
				font-weight: bold;
				vertical-align: top;
				background: #d44247;
			}

/* FOOTER ----*/
.footer {
	width: 100%;
	padding: 36px 0;
	color: #fff;
	font-size: 9px;
	line-height: 1;
	text-align: center;
	background: url(../common/img/footer_bg.png);
}

/* BACK TO TOP ----*/
.back_to_top {
	position: fixed;
	display: none;
	width:  69px;
	height: 90px;
	bottom: 35px;
	right: 23px;
	cursor: pointer;
}
.back_to_top:hover {
	opacity: .7;
}