@charset "utf-8";

/* ----------------------------------------
 * CSS | LIBELARA BLACK
 * /catalog/css/index.css
 * ---------------------------------------- */



/* --------------------
 * mainview
 */
#mainview {
	clear: both;
}
	#mainview_wrap {
		background-color: #fff;
	}
		#mainview .img {

		}
		#mainview .lead {
			display: block;
			padding-top: 68px;
			font-size: 193%;
			font-weight: bold;
			color: #000;
			text-align: center;
		}
		#mainview .txt {
			display: block;
			padding-top: 8px;
			padding-bottom: 58px;
			font-size: 100%;
			color: #000;
			line-height: 1.429;
			text-align: center;
		}
		#mainview .anchors {
			width: 1200px;
			margin: 0 auto;
			border-top: 1px solid #d2d2d4;
		}
			#mainview .anchors ul {
				display: table;
				margin: 0 auto;
			}
				#mainview .anchors li {
					display: table-cell;
					padding: 24px 0;
				}
					#mainview .anchors li a {
						display: block;
						padding: 0 25px;
						border-right: 1px solid #000;
						color: #000;
					}
					#mainview .anchors li:first-child a {
						border-left: 1px solid #000;
					}
					#mainview .anchors li a:hover {
						text-decoration: none;
					}
						#mainview .anchors li a span {
							font-size: 108%;
							line-height: 1.10;
						}



/* --------------------
 * category
 */
.category {
	clear: both;
	padding-top: 50px;
}
.category#category_core_model {
	padding-top: 0;
}

.category#category_other_model {
	padding-bottom: 80px;
}
	.category_wrap {

	}

		/* header */
		.category .header {
			padding-top: 36px;
			padding-bottom: 33px;
			background-image: url(/liberala/catalog/img/border.png);
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: auto 1px;
		}
			.category .header .ttl {
				
			}
				.category .header .ttl .en {
					display: block;
					font-size: 244%;
					line-height: 1.10;
					text-align: center;
				}
				.category .header .ttl .jp {
					display: block;
					padding-top: 4px;
					font-size: 108%;
					font-weight: bold;
					line-height: 1.10;
					text-align: center;
				}

		/* article */
		.category .article {
			clear: both;
		}
			/* article : header */
			.article_header {
				padding-top: 30px;
			}
				.article_header .ttl {
					
				}
					.article_header .ttl .en {
						display: block;
						font-size: 172%;
						color: #bfbfbf;
						line-height: 1.10;
						text-align: center;
					}
					.article_header .ttl .jp {
						display: block;
						padding-top: 4px;
						font-size: 93%;
						color: #8f8f8f;
						line-height: 1.10;
						text-align: center;
					}

			/* article : container */
			.article_container {
				padding: 0 5px;
				padding-top: 30px;
			}
				.article_container .item {
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
					width: 33.333%;
					padding: 0 5px;
					float: left;
				}
					.article_container .item_wrap {
						position: relative;
						display: block;
						background-color: #111111;
						overflow: hidden;
					}
						.article_container .item .content {
							position: relative;
							z-index: 1;
						}
							.article_container .item .icon {
								position: absolute;
								right: 17px;
								top: 12px;
								display: table;
							}
								.article_container .item .icon span {
									display: table-cell;
									height: 23px;
									padding: 0 8px;
									border: 1px solid #fff;
									border-radius: 2px;
									-moz-border-radius: 2px;
									-webkit-border-radius: 2px;
									font-size: 79%;
									line-height: 1.10;
									vertical-align: middle;
								}
							.article_container .item .name {
								position: absolute;
								left: 18px;
								bottom: 15px;
								font-size: 136%;
								line-height: 1.10;
							}
						.article_container .item .bg {
							position: absolute;
							left: 0;
							top: 0;
							z-index: 0;
							width: 100%;
							background-repeat: no-repeat;
							background-position: center;
							background-size: cover;
							-moz-transition: -moz-transform 0.5s ease-out;
							-webkit-transition: -webkit-transform 0.5s ease-out;
							-o-transition: -o-transform 0.5s ease-out;
							-ms-transition: -ms-transform 0.5s ease-out;
							transition: transform 0.5s ease-out;
						}
						.article_container .item a:hover .bg {
							-webkit-transform: scale(1.05);
							-moz-transform: scale(1.05);
							-o-transform: scale(1.05);
							-ms-transform: scale(1.05);
							transform: scale(1.05);
						}