@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;
				background: #fff;
				border: 2px solid #ddd;
				border-radius: 10px;
				box-sizing: border-box;
			}
			/* LIST */
			.goods_list {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				width: 820px;
				margin: 0 auto;
			}
				.goods_list li {
					position: relative;
					display: none;
					width: 244px;
					margin: 0 44px 80px 0;
				}
				.goods_list li.active {
					display: block;
				}
				.goods_list li:nth-child( 3n+3 ) {
					margin: 0 0 80px 0;
				}
					.goods_list li a {
						color: #000;
						text-decoration: none;
					}
					/* HOVER */
					.goods_list li a:hover .itemThum 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);
					}
					.goods_list li a:hover .goods_thum_name {
						text-decoration: underline;
					}
					/* THUMNAILE */
					.itemThum {
						position: relative;
						width: 244px;
						height: 244px;
						padding: 24px;
						box-sizing: border-box;
					}
						.itemThum img {
							-webkit-transition: all .25s ease-out;
							   -moz-transition: all .25s ease-out;
							    -ms-transition: all .25s ease-out;
							     -o-transition: all .25s ease-out;
							        transition: all .25s ease-out;
						}
					.itemThum:before {
						display: block;
						position: absolute;
						content: "";
						width: 244px;
						height: 244px;
						top: 0;
						left: 0;
						background: url(../goods/img/waku.png) no-repeat 0 0;
						z-index: 1;
					}
					.new:after {
						display: block;
						position: absolute;
						content: "";
						width: 160px;
						height: 80px;
						top: 164px;
						left: 0;
						background: url(../bddvd/img/tokutenBnr01.png) no-repeat 0 0;
						z-index: 2;
					}
					.goods_thum_name {
						margin: 14px 0 0;
						font-size: 18px;
						line-height: 1.4;
					}
					/* GOODS DATA */
					.goods_list dl {
						letter-spacing: -.4em;
					}
						.goods_list dt {
							display: inline-block;
							width: 60px;
							margin: 10px 10px 0 0;
							padding: 2px 0;
							color: #fff;
							font-size: 15px;
							font-weight: bold;
							line-height: 1.8;
							letter-spacing: normal;
							text-align: center;
							vertical-align: top;
							background: #ff6194;
						}
						.goods_list dd {
							display: inline-block;
							width: 174px;
							margin: 10px 0 0;
							padding: 2px 0;
							font-size: 15px;
							font-weight: bold;
							line-height: 1.8;
							letter-spacing: normal;
							vertical-align: top;
						}
			/* PAGER */
			.goods_pager {
				width: 100%;
				margin: 30px 0 0;
				text-align: center;
				letter-spacing: -.4em;
			}
				.prev,
				.next {
					display: inline-block;
					width: 68px;
					height: 23px;
					margin: 0 5px;
					line-height: 1;
					cursor: pointer;
				}
				.pagerBlock {
					display: inline-block;
					margin: 0 5px;
					vertical-align: top;
				}
					.pagerBlock li {
						display: inline-block;
						width: 24px;
						height: 24px;
						margin: 0 10px 0 0;
						color: #fff;
						font-size: 15px;
						line-height: 24px;
						letter-spacing: normal;
						text-align: center;
						vertical-align: baseline;
						border-radius: 12px;
						background: #aaa;
						cursor: pointer;
					}
					.pagerBlock li:last-child {
						margin: 0;
					}
					.pagerBlock li:hover {
						background: #ff6194;
					}
					.pagerBlock li.is-active {
						background: #ff6194;
						cursor: default;
					}
			/* DETAILE */
			#goods_det.contWrapp {
				padding: 40px;
			}
			#goods_det.contWrapp:after{
				display: block;
				content: "";
				clear: both;
				height: 0;
			}
			#goods_det h3 {
				width: 100%;
				height: 40px;
				margin: 0 0 30px;
				color: #000;
				font-size: 20px;
				line-height: 1.6;
				vertical-align: top;
				background: url(../goods/img/lbl_bg01.png) repeat-x 0 100%;
			}
				.goods_img {
					float: left;
					width: 296px;
				}
					.goods_img p {
						display: inline-block;
						margin: 0 0 10px;
						border: 1px solid #ccc;
					}
				.goods_txt {
					float: right;
					width: 495px;
				}
					.goods_txt dl {
						margin: 30px 0 0;
					}
					.goods_txt dl:first-child {
						margin: 0 0 0;
					}
						.goods_txt dt {
							color: #ff6194;
							font-size: 18px;
							font-weight: bold;
							line-height: 1.4;
						}
						.goods_txt dd {
							margin: 10px 0 0;
							color: #000;
							font-size: 15px;
							font-weight: bold;
							line-height: 1.6;
						}
					.goods_link {
						margin: 30px 0 0;
						font-size: 15px;
						font-weight: bold;
						line-height: 1.6;
					}
						.goods_link a {
							color: #ff6194;
							text-decoration: none;
						}
						.goods_link a:hover {
							text-decoration: underline;
						}
						.goods_linl span {
							font-size: 12px;
							font-weight: bold;
						}
		.backBtn {
			margin: 30px 0 0;
			text-align: center;
		}
		.backBtn a{
			-webkit-transition: all .25s ease-out;
			   -moz-transition: all .25s ease-out;
			    -ms-transition: all .25s ease-out;
			     -o-transition: all .25s ease-out;
			        transition: all .25s ease-out;
		}
		.backBtn a:hover {
			opacity: .7;
		}


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