@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;
			}
			.contWrapp {
				width: 900px;
				padding: 40px 40px 0 40px;
				background: #fff;
				border: 2px solid #ddd;
				border-radius: 10px;
				box-sizing: border-box;
			}
			/* Blu-ray & DVD */
			.houjinBtn {
				width: 100%;
				margin: 0 0 30px;
				text-align: center;
			}
				.houjinBtn a {
					-webkit-transition: opacity .25s ease-out;
					   -moz-transition: opacity .25s ease-out;
					    -ms-transition: opacity .25s ease-out;
					     -o-transition: opacity .25s ease-out;
					        transition: opacity .25s ease-out;
				}
				.houjinBtn a:hover {
					opacity: 0.7;
				}
			.bddvd_list {
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				width: 820px;
				margin: 0 auto;
			}
				.bddvd_list li {
					position: relative;
					width: 240px;
					margin: 0 0 40px;
				}
				li.ton:after {
					display: block;
					position: absolute;
					content: "";
					width: 160px;
					height: 80px;
					top: 241px;
					left: 0;
					background: url(../bddvd/img/tokutenBnr01.png) no-repeat 0 0;
				}
					.bddvd_list a {
						color: #333;
						text-decoration: none;
					}
					.listImg {
						position: relative;
						width: 244px;
						height: 321px;
						margin: 0 0 16px;
						padding: 23px;
						overflow: hidden;
						box-sizing: border-box;
					}
					.listImg:after {
						display: block;
						position: absolute;
						content: "";
						width: 244px;
						height: 321px;
						top: 0;
						left: 0;
						background: url(../bddvd/img/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;
					}
					.bddvd_list a:hover .bddvd_list_date span,
					.bddvd_list a:hover .bddvd_list_title span {
						border-bottom: 1px solid #333;
					}
					.bddvd_list 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);
					}
					.bddvd_list_date {
						width: 244px;
						color: #333;
						font-size: 15px;
						line-height: 1;
						padding: 0 0 0 15px;
						background: url(../bddvd/img/list_mark.png) no-repeat 0 0;
					}
					.bddvd_list_title {
						width: 244px;
						margin: 0 0 10px;
						color: #333;
						font-size: 18px;
						line-height: 1.2;
						text-indent: 8px;
						word-break: break-all;
					}
			/* DETAIL */
			#bddvd_det .houjinBtn {
				margin: 60px 0 0;
			}
			#bddvd_det.contWrapp {
				padding: 40px;
			}
			.contWrapp.houjin_tokuten {
				margin: 0 0 30px;
			}
			#bddvd_det h3,
			.contWrapp.houjin_tokuten h3{
				width: 100%;
				height: 40px;
				margin: 0 0 30px;
				color: #000;
				font-size: 20px;
				line-height: 1.6;
				vertical-align: top;
				background: url(../bddvd/img/bddvd_lbl_bg01.png) repeat-x 0 100%;
			}
			#bddvd_det01 {
				background: url(../bddvd/img/bddvd_det_img01.jpg) no-repeat 0 0;
			}
			#bddvd_det02 {
				background: url(../bddvd/img/bddvd_det_img02.jpg) no-repeat 0 0;
			}
			#bddvd_det03 {
				background: url(../bddvd/img/bddvd_det_img03.jpg) no-repeat 0 0;
			}
			#bddvd_det04 {
				background: url(../bddvd/img/bddvd_det_img04.jpg) no-repeat 0 0;
			}
			#bddvd_det05 {
				background: url(../bddvd/img/bddvd_det_img05.jpg) no-repeat 0 0;
			}
			#bddvd_det06 {
				background: url(../bddvd/img/bddvd_det_img06.jpg) no-repeat 0 0;
			}
			#bddvd_det07 {
				background: url(../bddvd/img/bddvd_det_img07.jpg) no-repeat 0 0;
			}
			#bddvd_det08 {
				background: url(../bddvd/img/bddvd_det_img08.jpg) no-repeat 0 0;
			}
			#bddvd_det09 {
				background: url(../bddvd/img/bddvd_det_img09.jpg) no-repeat 0 0;
			}
			.bddvd_det_box01 {
				min-height: 400px;
				padding: 0 0 0 316px;
			}
				.releaseDate {
					color: #000;
					font-size: 20px;
					font-weight: bold;
					line-height: 1;
				}
				.bddvd_det_box01 dl {
					margin: 30px 0 0;
				}
				.bddvd_det_box01 dt {
					color: #a984bf;
					font-size: 18px;
					font-weight: bold;
					line-height: 1.6;
				}
				.bddvd_det_box01 dd {
					font-size: 15px;
					font-weight: bold;
					line-height: 1.8;
				}
			.bddvd_det_box02 {
				width: 100%;
			}
				.bddvd_det_box02 dl {
					margin: 30px 0 0;	
				}
				.bddvd_det_box02 dt {
					color: #a984bf;
					font-size: 18px;
					font-weight: bold;
					line-height: 1.6;
				}
				.bddvd_det_box02 dd {
					font-size: 15px;
					font-weight: bold;
					line-height: 1.8;
				}
			.backBtn {
				margin: 40px 0 0;
				text-align: center;
			}
			.backBtn a {
				-webkit-transition: opacity .25s ease-out;
				   -moz-transition: opacity .25s ease-out;
				    -ms-transition: opacity .25s ease-out;
				     -o-transition: opacity .25s ease-out;
				        transition: opacity .25s ease-out;
			}
			.backBtn a:hover {
				opacity: 0.7;
			}
			hr {
				margin: 60px 0 0;
				border-top: 1px dashed #686563;
			}
			.bddvd_det_soukikounyu,
			.bddvd_det_soukiyoyaku {
				margin: 60px 0 0;
			}
				.bddvd_det_soukikounyu h4,
				.bddvd_det_soukiyoyaku h4 {
					color: #a984bf;
					font-size: 20px;
					font-weight: bold;
					line-height: 1;
				}
				.bddvd_det_mtxt {
					margin: 15px 0 0;
					font-size: 16px;
					font-weight: bold;
					line-height: 1.8;
				}
				.skkn,
				.skyy {
					margin: 30px 0 0;
					letter-spacing: -.4em;
				}
					.skkn dl,
					.skyy dl {
						display: inline-block;
						width: 500px;
						letter-spacing: normal;
						vertical-align: top;
					}
						.skkn dt,
						.skyy dt {
							color: #a984bf;
							font-size: 18px;
							font-weight: bold;
							line-height: 1.6;
						}
						.skkn dd,
						.skyy dd {
							font-size: 15px;
							font-weight: bold;
							line-height: 1.8;
						}
					.skkn div,
					.skyy div {
						display: inline-block;
						width: 316px;
						letter-spacing: normal;
						text-align: center;
						vertical-align: top;
					}
						.skkn div span {
							display: block;
							margin: 20px 0 0;
							font-size: 14px;
							font-weight: bold;
							line-height: 1.6;
						}
				.skkn_atten,
				.skyy_atten {
					margin: 30px 0 0;
					font-size: 14px;
					font-weight: bold;
					line-height: 1.6;
				}

			/* houjin */
			.tokuten {
				color: #000;
				font-size: 20px;
				font-weight: bold;
				line-height: 1.8;
			}
			.houjin_tokuten dl {
				margin: 30px 0 0;
			}
			.houjin_tokuten dt {
				color: #a984bf;
				font-size: 18px;
				font-weight: bold;
				line-height: 1.6;
			}
			.houjin_tokuten dd {
				color: #000;
				font-size: 15px;
				font-weight: bold;
				line-height: 1.8;
			}
			.tokuten_img {
				margin: 30px 0 40px;
				letter-spacing: -.4em;
			}
				.tokuten_img li {
					display: inline-block;
					width: 260px;
					/*height: 260px;*/
					margin: 0 0 0 0;
					letter-spacing: normal;
				}
				.tokuten_img li:nth-child(2) {
					margin: 0 20px;
				}



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