@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 40px 0;
				background: #fff;
				border: 2px solid #ddd;
				border-radius: 10px;
				box-sizing: border-box;
			}
			/* REPORT */
			.cd_list {
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-start;
				width: 820px;
				margin: 0 auto;
			}
				.cd_list li {
					width: 246px;
					margin: 0 40px 40px 0;
				}
				.cd_list li:nth-child( 3n+3 ) {
					margin: 0 0 40px;
				}
					.cd_list li a {
						color: #333;
						text-decoration: none;
					}
					.listImg {
						position: relative;
						width: 246px;
						height: 246px;
						margin: 0 0 30px;
						padding: 22px 20px 20px 22px;
						overflow: hidden;
						box-sizing: border-box;
					}
					.listImg:after {
						display: block;
						position: absolute;
						content: "";
						width: 246px;
						height: 246px;
						top: 0;
						left: 0;
						background: url(../cd/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;
					}
					.cd_list li a:hover .cd_list_date span,
					.cd_list li a:hover .cd_list_title span {
						border-bottom: 1px solid #333;
					}
					.cd_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);
					}
					.cd_list_date {
						width: 240px;
						margin: 0 0 10px;
						color: #333;
						font-size: 15px;
						line-height: 1;
						padding: 0 0 0 15px;
						background: url(../cd/img/cd_list_mark.png) no-repeat 0 0;
					}
					.cd_list_title {
						width: 240px;
						color: #333;
						font-size: 20px;
						line-height: 1.2;
						word-break: break-all;
					}
			/* CD DETAIL */
			#cd_det.contWrapp {
				padding: 40px;
			}
			#cd_det h3 {
				width: 100%;
				height: 40px;
				margin: 0 0 20px;
				color: #000;
				font-size: 20px;
				line-height: 1.6;
				vertical-align: top;
				background: url(../cd/img/cd_lbl_bg01.png) repeat-x 0 100%;
			}
			.cd_artist,
			.cd_releaseday {
				font-size: 18px;
				font-weight: bold;
				line-height: 1.6;
				text-align: center;
			}
			.cdBox01 {
				width: 640px;
				margin: 30px auto 0;
			}
				.cdBox01_01 {
					float: left;
					width: 300px;
					margin: 0 0 30px;
				}
				.cdBox01_02 {
					float: right;
					width: 300px;
					margin: 0 0 30px;
				}
					.cdBox01_01 dl,
					.cdBox01_02 dl {
						width: 100%;
						margin: 14px 0 0;
					}
					.cdBox01_01 dt,
					.cdBox01_02 dt {
						color: #d44247;
						font-size: 18px;
						font-weight: bold;
						line-height: 2;
						text-align: center;
					}
					.cdBox01_01 dd,
					.cdBox01_02 dd {
						font-size: 15px;
						font-weight: bold;
						line-height: 1.8;
						text-align: center;
					}
				.cdBox01_pv {
					clear: both;
					width: 100%;
					margin: 30px 0 0;
				}
					.cdBox01_pv iframe {
						width: 100%;
					}
				.cdBox01_03 {
					clear: both;
					width: 100%;
					margin: 30px 0 0;
					padding: 28px;
					border: 1px dashed #d44247;
					box-sizing: border-box;
				}
					.cdBox01_03 dl,
					.cdBox01_03 p {
						font-size: 15px;
						font-weight: bold;
						line-height: 2;
					}
					.cdBox01_03 dt {
						color: #d44247;
					}
			.cdBox02 {
				width: 640px;
				margin: 0 auto;
			}
				.cdBox02_01 {
					width: 300px;
					margin: 0 auto;
				}
					.cdBox02_01 dl {
						width: 100%;
						margin: 14px 0 0;
					}
					.cdBox02_01 dt {
						color: #d44247;
						font-size: 18px;
						font-weight: bold;
						line-height: 2;
						text-align: center;
					}
					.cdBox02_01 dd {
						font-size: 15px;
						font-weight: bold;
						line-height: 1.8;
						text-align: center;
					}
				.cdBox02_03 {
					clear: both;
					width: 100%;
					margin: 30px 0 0;
					padding: 28px;
					border: 1px dashed #d44247;
					box-sizing: border-box;
				}
					.cdBox02_03 dl,
					.cdBox02_03 p {
						font-size: 15px;
						font-weight: bold;
						line-height: 2;
					}
					.cdBox02_03 dt {
						color: #d44247;
					}
				h4 {
					color: #d44247;
					font-size: 18px;
					line-height: 1.8;
				}
				dl.hojinTokuten {
					width: 100%;
					margin: 14px 0 0;
					letter-spacing: -.4em;
				}
					dl.hojinTokuten dt {
						display: inline-block;
						width: 55%;
						padding: 0 20px 0 0;
						font-size: 15px;
						font-weight: bold;
						line-height: 1.8;
						letter-spacing: normal;
						vertical-align: top;
						box-sizing: border-box;
					}
					dl.hojinTokuten dd {
						display: inline-block;
						width: 45%;
						vertical-align: top;
						text-align: center;
					}
				dl.hojinTokuten02 {
					width: 100%;
					margin: 14px 0 0;
					letter-spacing: -.4em;
				}
					dl.hojinTokuten02 dt {
						display: inline-block;
						width: 360px;
						padding: 0 20px 0 0;
						font-size: 15px;
						font-weight: bold;
						line-height: 1.8;
						letter-spacing: normal;
						vertical-align: top;
						box-sizing: border-box;
					}
					dl.hojinTokuten02 dd {
						display: inline-block;
						width: 280px;
						vertical-align: top;
						text-align: center;
					}
				.houjinTokuten_atten {
					margin: 32px 0 0;
				}


			#cd_det hr {
				margin: 40px 0;
				border-top: 1px dashed #686563;
			}
		.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;
}