@charset "utf-8";

.main-area {
	background-image: url(../img/bg_01.jpg);
}

.lcl-box01-ttl__icon {
	/*background-color: #333;*/
}

/* ---------------------------------------------------------------- box01 ---- */
.js-slider-item {
	/*height: 322px;*/
	background-position: center;
	background-size: 100%;
}
.lcl-block01__item:not(:last-child) {
	margin-right: 25px;
}
.js-slider-item a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
.slick-prev, .slick-next {
  display: none !important;
}

/* ---------------------------------------------------------------- box03 ---- */
.lcl-info {
	background: url(../img/bg_02.jpg) center /cover no-repeat;
}
/* ---------------------------------------------------------------- box ---- */
.lcl-blog {
	background: url(../img/bg_02.jpg) center /cover no-repeat;
}

/*============================ #image ============================*/
.lcl-image {
	width: 310px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.lcl-image__detail {
	display: block;
}
/*============================ #header ============================*/
.js-gallery li {
	position: relative;
}
@media screen and (min-width: 768px) {
	.js-gallery li {
		margin-right: 10px;
	}
}
.js-gallery span {
	position: absolute;
	top: 10px;
	left: 10px;
	background-color: #333;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 4px 17px;
}

@media screen and (max-width: 767px) {
	.main-area {
		/*background-image: url(../img/sp/bg_01.jpg);*/
	}
	/* ---------------------------------------------------------------- box01 ---- */
	.lcl-block01__item:not(:last-child) {
		margin-right: 15px;
	}
	/* ---------------------------------------------------------------- info ---- */
	.lcl-info {
		background: url(../img/sp/bg_02.jpg) center /cover no-repeat;
	}
	/* ---------------------- option ---- */
	.lcl-blog {
		background: url(../img/sp/bg_03.jpg) center /cover no-repeat;
	}
	/* ---------------------------------------------------------------- box02 ---- */
	.lcl-image {
		width: calc(100% - 30px);
	}
	/*============================ #header ============================*/
	.js-gallery span {
		font-size: 13px;
		padding: 3px 10px;
	}
}