@charset "UTF-8";

/* top
---------------------------------------------------------------------------*/
#wrap {
	overflow: hidden;
	min-width: 1300px;
}

#mainContents {
	max-width: 100%;
}

.contents-wrap {
	max-width: 1440px;
	margin: 0 auto;
}

.contents section {
	padding-right: 60px;
}

.news-header .slick-list {
	overflow: hidden !important;
}


/* .bnr-main
---------------------------------------------------------------------------*/
.bnr-main {
	position: relative;
	width: 100%;
	margin-bottom: 115px;
	z-index: 0;
	opacity: 0;
}

.slider-bnr {
/* 	margin-left: calc(-20% - 80px); */
}

.slick-list {
	overflow: inherit !important;
}

.bnr-main .slider .inner {
	box-sizing: border-box;
	max-width: 870px;
	padding: 0 23px;
	opacity: 1;
	transition: .15s ease-out;
	pointer-events: none;
}

.bnr-main .slider .inner a:hover {
	opacity: 0.8 !important;
}

.bnr-main .slider .inner img {
	width: 100%;
	height: auto;
	-webkit-transform: translateZ(0);
}

.bnr-main .slider .inner figure {
	position: relative;
	margin-bottom: 20px;
	z-index: 2;
}

.bnr-main .slider .inner h2 {
	position: relative;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	transition: .2s ease-out .3s;
	transform: translateY(-30px);
	opacity: 0;
	z-index: 1;
}

.bnr-main .slider .slick-current {
	pointer-events: auto;
}

.bnr-main .slider .slick-current h2,
.bnr-main .slider .active:not(.slick-current) + .slick-cloned h2,
.bnr-main .slider .slick-cloned.end h2 {
	transform: translateY(0);
	transition: .4s cubic-bezier(0.165, 0.84, 0.44, 1) .45s;
	opacity: 1;
}

.product-nav:after {
	display: block;
	content: '';
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: calc(-50vw + 310px);
	width: 50vw;
	height: 100%;
	z-index: -1;
}

.bnr-main .slick-prev,
.bnr-main .slick-next {
	background: url(../img/share/btn-arrow-s.svg) no-repeat;
	background-size: 27px auto;
	transition: .15s ease-out;
	opacity: 0.4;
}

.bnr-main .slick-prev {
	right: 58px;
	transform: rotate(-90deg) scaleY(-1);
}

.bnr-main .slick-next {
	right: 22px;
	transform: rotate(-90deg);
}

.bnr-main .slick-prev:hover ,
.bnr-main .slick-next:hover {
	opacity: 1;
}

.bnr-main .slider-dot .slick-dots {
	bottom: 2px;
}

.bnr-main .slider-dot .slick-dots:not(.narrow) {
	left: 865px !important;
}

/* media query
-----------------------------------*/
@media (max-width: 1439px) {
	.slider-bnr {
		margin-left: 0;
	}
	.slider-bnr .slick-track {
		left: -140px;
	}
	.product-nav:after {
		left: calc(-50vw + 280px);
	}
}
@media (max-width: 1380px) {
	.slider-dot .slick-dots li,
	.slider-dot .slick-dots button {
		width: 16px;
	}
	.bnr-main .slick-prev,
	.bnr-main .slick-next {
		background-size: 25px auto;
	}
	.bnr-main .slick-prev { right: 46px; }
	.bnr-main .slick-next { right: 12px; }
}
@media (max-width: 1340px) {
	.slider-dot .slick-dots li,
	.slider-dot .slick-dots button {
		width: 12px;
	}
}


/* .bnr-sub
---------------------------------------------------------------------------*/
.bnr-sub {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 120px;
}

/* .sns-top
------------------------------------*/
.sns-top {
	margin-top: -63px;
	padding-left: 25px;
}

.sns-top h2 {
	margin-bottom: 20px;
	text-align: center;
}

.sns-top h2 img {
	width: 100%;
	max-width: 214px;
	height: auto;
}

.sns-top .sns-list {
	transform: translateX(7px);
}

/* media query
-----------------------------------*/
@media (max-width: 1400px) {
	.sns-top {
		margin-right: -10px;
		padding-left: 40px;
	}
}


/* .sec-news
---------------------------------------------------------------------------*/
.sec-news {
/* 	margin: 120px 0 0; */
	margin: 0 0 100px;
}

.sec-title {
	position: relative;
	border-bottom: 1px solid #E9E9E9;
	margin-bottom: 50px;
	padding-bottom: 20px;
	white-space: nowrap;
}

.sec-news .sec-title {
	margin-bottom: 0;
	padding-left: 5px;
	padding-bottom: 30px;
}

.sec-title h2,
.sec-title nav,
.sec-title nav li {
	display: inline-block;
}

.sec-title h2 {
	margin-right: 24px;
	font-size: 22px;
	letter-spacing: 0.1em;
}

.sec-title nav {
	transform: translateY(-3px);
}

.sec-news .sec-title nav,
.sec-event .sec-title nav {
	position: absolute;
	top: -1px;
	right: 5px;
}

.sec-title nav li {
	margin-right: 2px;
}

.sec-title nav li a {
	display: inline-block;
	border: 1px solid #D8D8D8;
	border-radius: 20px;
	padding: 8px 14px 8px 16px;
	color: #555555;
	font-size: 12px;
	letter-spacing: 0.12em;
}

.btn-filter {
	position: absolute;
	top: 1px;
	right: 32px;
}

.btn-filter li {
	display: inline-block;
}

.btn-filter li a,
.btn-filter li span {
	display: inline-block;
	background: url(../img/share/ico-arrow-link.svg) no-repeat left 2px top 8px;
	background-size: 8px 7px;
	padding: 5px 7px 10px 18px;
	font-size: 13px;
	letter-spacing: 0.1em;
	transition: .15s ease-out;
	cursor: pointer;
}

.btn-filter li:hover {
	opacity: 0.5;
}

/* .news-top
------------------------------------*/
.news-top article {
	border-bottom: 1px solid #E9E9E9;
}

.news-top article a {
	display: -webkit-box;
	display: flex;
	padding: 16px 5px 15px;
}

.news-top time,
.news-top h2 {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.08em;
}

.news-top time {
	width: 120px;
	min-width: 120px;
}

.news-top h2 {
	letter-spacing: 0.1em;
}

/* media query
-----------------------------------*/
@media (max-width: 1360px) {
	.sec-title h2 {
		margin-right: 24px;
	}
	.btn-filter {
		right: -7px;
	}
	.sec-product-category .sec-title .btn-filter {
		margin-right: -8px !important;
	}
	.sec-title nav li a {
		padding-right: 12px;
		padding-left: 13px;
		letter-spacing: 0.1em;
	}
	.sec-product .product-list {
		padding-right: 0 !important;
	}
	.category-img-list {
		padding-right: 0 !important;
	}
}


/* .sec-product
---------------------------------------------------------------------------*/
.sec-product .product-list,
.sec-product-category .product-list {
/* 	overflow: hidden; */
	padding-right: 40px;
}

.sec-product {
	margin-top: 120px;
}


/* .sec-event
---------------------------------------------------------------------------*/
.sec-event {
	position: relative;
}

.sec-event .sec-title {
	margin-bottom: 40px;
}

.btn-calendar {
	margin-top: 10px;
}

.btn-calendar a {
	display: block;
	box-sizing: border-box;
	border: 1px solid #D9D9D9;
	padding: 20px;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.15em;
}

/* .event-top
------------------------------------*/

.event-top {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}

.event-top article {
	width: 47%;
	margin: 0 4% 3% 0;
}

.event-top article:nth-of-type(2n) {
	margin-right: 2%;
}

.event-top article a {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.event-top .category {
	display: none;
}

.event-top figure {
	position: relative;
	overflow: hidden;
	width: 155px;
	min-width: 155px;
	height: 106px;
	align-self: flex-start;
}

.event-top figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translateZ(0);
}

.event-top div {
	padding: 0 0 5px 30px;
}

.event-top time {
	display: block;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: 0.08em;
}

.event-top h2 {
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0.08em;
}


/* .category-img-list
---------------------------------------------------------------------------*/
.sec-product-category {
	margin-top: 75px;
}

.sec-product-category .sec-title {
	border-bottom: none;
	margin-bottom: -35px;
	padding-bottom: 0;
}

.sec-product-category .sec-title nav {
	float: right;
	margin-right: 14px;
}

.sec-product-category .sec-title .btn-filter {
	position: static;
	float: right;
	margin-right: 33px;
}

.category-img-list {
	margin-top: 60px;
	margin-bottom: 0;
	padding: 0 40px 0 0;
}