@charset "utf-8";

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




/* --------------------------------------------------
 * HEADLINE
 * --------------------------------------------------
 */
#headline {}
	#headline_wrap {}
		/* title */
			#headline .ttl .jp {
				margin-top: 4px;
			}



/* --------------------
 * sort
 */
#sort {
	clear: both;
	background-color: #fff;
}
	#sort_wrap {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		border-top: 1px solid #d2d2d4;
		border-bottom: 1px solid #d2d2d4;
		text-align: center;
	}
		#sort ul {
			display: table;
			margin: 0 auto;
		}
			#sort li {
				display: table-cell;
				padding: 24px 0;
			}
				#sort li span {
					display: block;
					padding: 0 25px;
					border-right: 1px solid #000;
					color: #000;
				}
					#sort li span i {
						font-size: 108%;
						font-weight: bold;
						font-style: normal;
						line-height: 1.10;
						cursor: pointer;
					}
					#sort li.focus span i {
						color: #00009c;
						cursor: default;
					}
					#sort li.disable span i {
						opacity: 0.3;
						cursor: default;
					}
		#sort .btn {
			position: absolute;
			right: 12px;
			top: 12px;
		}



/* --------------------
 * category
 */
.category {
	clear: both;
	background-color: #fff;
}
	.category_wrap {
		position: relative;
		width: 1200px;
		margin: 0 auto;
		border-top: 1px solid #e4e4e4;
	}
	#category_hokkaido .category_wrap {
		border-top: none;
	}

		/* category : header */
		.category .header {
			padding: 44px 0;
		}
			.category .header .ttl {
				font-size: 244%;
				color: #000;
				line-height: 1.10;
				text-align: center;
			}

		/* category : article */
		.category .article {
			margin-left: -45px;
		}
			.category .article .item {
				width: 575px;
				height: 700px;
				margin-left: 45px;
				padding-bottom: 52px;
				float: left;
			}
				.category .article .item_wrap {
					color: #000;
				}
					.category .article .item .img {
						display: block;
						width: 100%;
						height: 383px;
						background-color: #f5f5f5;
						overflow: hidden;
					}
						.category .article .item .img span {
							display: block;
							width: 100%;
							height: 383px;
							background-repeat: no-repeat;
							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;
							opacity: 0;
						}
						.category .article .item a.img:hover span {
							-webkit-transform: scale(1.05);
							-moz-transform: scale(1.05);
							-o-transform: scale(1.05);
							-ms-transform: scale(1.05);
							transform: scale(1.05);
						}
					.category .article .item .ttl {
						padding-top: 12px;
						font-size: 143%;
						font-weight: bold;
					}
					.category .article .item .content {
						
					}
						.category .article .item .content dl {
							display: table;
							margin-top: 9px;
						}
							.category .article .item .content dt {
								display: table-cell;
								width: 72px;
								font-size: 100%;
								font-weight: bold;
							}
							.category .article .item .content dd {
								font-size: 100%;
							}
								.category .article .item .content dd span {
									font-size: 86%;
								}
					.category .article .item .link {
						padding-top: 24px;
					}
						.category .article .item .link ul {
							display: table;
						}
							.category .article .item .link li {
								display: table-cell;
								padding-right: 12px;
							}
								.category .article .item .link li a {
									display: table;
									width: 130px;
								}
								.category .article .item .link li.blog a {
									background-color: #b3b3b3;
								}
								.category .article .item .link li.blog a:hover {
									text-decoration: none;
								}
								.category .article .item .link li.detail a {
									background-color: #0000c9;
								}
								.category .article .item .link li.detail a:hover {
									text-decoration: none;
								}
									.category .article .item .link li a span {
										display: table-cell;
										height: 40px;
										background-image: url(/liberala/asset/img/body/ico_next_white.png);
										background-repeat: no-repeat;
										background-position: 112px;
										background-size: 6px auto;
										font-size: 86%;
										font-weight: bold;
										color: #fff;
										text-align: center;
										vertical-align: middle;
									}