@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;
			}
			/* TAB MENU */
			.tabMenu {
				width: 100%;
				margin: 0 0 30px;
				letter-spacing: -.4em;
				text-align: center;
			}
				.tabMenu li {
					display: inline-block;
					width: 164px;
					height: 30px;
					margin: 0 10px;
					letter-spacing: normal;
				}
				.tabMenu li a:hover {
					opacity: .8;
				}
			.contWrapp {
				width: 900px;
				padding: 40px;
				background: #fff;
				border: 2px solid #ddd;
				border-radius: 10px;
				box-sizing: border-box;
			}
			/* MOVIE CONTENT */
			#movie h3 {
				width: 100%;
				height: 30px;
				color: #000;
				font-size: 20px;
				line-height: 1;
				vertical-align: top;
				background: url(../special/img/special_lbl_bg01.png) repeat-x 0 100%;
			}
			.movieBox {
				margin: 20px 0 40px;
			}
			/* REPORT */
			.report_list {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				width: 820px;
				margin: 0 auto;
			}
				.report_list li {
					width: 240px;
					margin: 0 50px 40px 0;
				}
				.report_list li:nth-child( 3n+3 ) {
					margin: 0 0 40px;
				}
					.report_list li a {
						color: #333;
						text-decoration: none;
					}
					.listImg {
						position: relative;
						width: 240px;
						height: 240px;
						margin: 0 0 10px;
						padding: 11px 11px 12px;
						overflow: hidden;
						box-sizing: border-box;
					}
					.listImg:after {
						display: block;
						position: absolute;
						content: "";
						width: 240px;
						height: 240px;
						top: 0;
						left: 0;
						background: url(../special/img/report_list_waku.png) no-repeat 0 0;
					}
					.listImg img {
						-webkit-transition: all .3s ease-out;
						   -moz-transition: all .3s ease-out;
						    -ms-transition: all .3s ease-out;
						     -o-transition: all .3s ease-out;
						        transition: all .3s ease-out;
					}
					.report_list li a:hover .report_list_date span,
					.report_list li a:hover .report_list_title span {
						border-bottom: 1px solid #333;
					}
					.report_list li a:hover .listImg img {
						-webkit-transform: scale(1.1);
						   -moz-transform: scale(1.1);
						    -ms-transform: scale(1.1);
						     -o-transform: scale(1.1);
						        transform: scale(1.1);
					}
					.report_list_date {
						width: 240px;
						margin: 0 0 10px;
						color: #333;
						font-size: 15px;
						line-height: 1;
						padding: 0 0 0 15px;
						background: url(../special/img/report_list_mark.png) no-repeat 0 0;
					}
					.report_list_title {
						width: 240px;
						color: #333;
						font-size: 20px;
						line-height: 1.2;
						word-break: break-all;
					}
			/* REPORT DETAIL */
			#reportDet h3 {
				width: 100%;
				height: 40px;
				margin: 0 0 20px;
				color: #000;
				font-size: 20px;
				line-height: 1.6;
				vertical-align: top;
				background: url(../special/img/special_lbl_bg01.png) repeat-x 0 100%;
			}
				.reportBox {
					color: #333;
					font-size: 14px;
					line-height: 1.8;
				}
					.rep_txt,
					.rep_img {
						margin: 0 0 50px;
					}
					.rep_img {
						text-align: center;
					}
					.reportBox p:last-child {
						margin: 0 0 0;
					}
			.reportPager {
				width: 100%;
				padding: 40px 0 0;
				letter-spacing: -.4em;
				text-align: center;
			}
				.reportPager li {
					display: inline-block;
					margin: 0 10px;
					letter-spacing: normal;
				}


/* 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;
}