@charset "utf-8";

/* ----------------------------------------
 * CSS | LIBELARA BLACK
 * /scene/css/article.css
 * ---------------------------------------- */



/* --------------------
 * mainview
 */
#mainview {
	clear: both;
}
	#mainview_wrap {
		position: relative;
		overflow: hidden;
	}
		/* mainview : title */
		#mainview_wrap .ttl {
			position: absolute;
			left: 0;
			top: 50%;
			z-index: 1;
			display: block;
			width: 100%;
			font-weight: normal;
			color: #fff;
			text-align: center;
		}
			#mainview_wrap .ttl .main {
				display: block;
				margin-top: -18px;
				font-size: 258%;
				line-height: 1.10;
			}
		/* mainview : scroll */
		#mainview_wrap .scroll {
			position: absolute;
			left: 50%;
			bottom: 24px;
			z-index: 1;
			display: none;
			width: 69px;
			height: 69px;
		}
			#mainview_wrap .scroll a {
				display: block;
				width: 69px;
				height: 69px;
				margin-left: -34px;
				background-image: url(/liberala/asset/img/body/btn_scroll.png);
				background-repeat: no-repeat;
				background-size: 69px auto;
			}
		/* mainview : loader */
		#mainview_wrap .loader {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			width: 100%;
		}
		/* mainview : progress */
		#mainview_wrap .progress {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
			display: none;
			width: 100%;
		}
			#mainview_wrap .progress  span {
				display: block;
				height: 2px;
				background-color: #0000c9;
			}
		/* mainview : bg */
		#mainview_wrap .bg {
			position: relative;
		}
			#mainview_wrap .bg ul {

			}
				#mainview_wrap .bg li {
					position: absolute;
					left: 0;
					top: 0;
					z-index: 0;
					display: none;
					width: 100%;
					background-repeat: no-repeat;
					background-position: center;
					background-size: cover;
				}
				#mainview_wrap .bg li.animation {
					animation : splash_size 5s ease-out;
					-moz-animation : splash_size 5s ease-out;
					-webkit-animation : splash_size 5s ease-out;
					-ms-animation : splash_size 5s ease-out;
				}
				@keyframes splash_size {
					0% { transform: scale(1.15); }
					100% { transform: scale(1); }
				}
				@-moz-keyframes splash_size {
					0% { transform: scale(1.15); }
					100% { transform: scale(1); }
				}
				@-webkit-keyframes splash_size {
					0% { transform: scale(1.15); }
					100% { transform: scale(1); }
				}
				@-ms-keyframes splash_size {
					0% { transform: scale(1.15); }
					100% { transform: scale(1); }
				}



/* --------------------
 * contents
 */
.contents {}
	.contents_wrap {}

		/* --------------------
		 * contents : overview
		 */
		#overview {}
			/* overview : header */
			#overview .header {}
				#overview .header .lead {
					font-size: 193%;
					font-weight: bold;
				}

			/* overview : article */
			#overview .article {}
				#overview .item {
					margin-top: 52px;
					padding-top: 56px;
					border-top: 1px solid #dbdbdb;
				}
				#overview .item:first-child {
					margin-top: 0;
					border-top: none;
				}


		/* --------------------
		 * contents : recommend
		 */
		#recommend {
			margin-top: 70px;
		}


		/* --------------------
		 * contents : book
		 */
		#book {
			margin-top: 60px;
		}


		/* --------------------
		 * contents : backorder
		 */
		#backorder {
			padding-top: 40px;
			padding-bottom: 28px;
		}