/* ========================================================================
   Swiper style custom.
 ========================================================================== */
 /* 全体のスタイル */
 .swiper-container {
 	width: 100%;
 }
.swiper-wrapper {
	/*width: 100%;*/
	width: 473px;
	height: 400px;
}
/* 全スライド共通スタイル */
.swiper-slide {
	color: #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 250px;
	/*background-color: #fff;*/
	cursor: pointer;
    display: flex;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-container.swiper1  {
	border: 0px;
	/*border-bottom: 1px solid #ccc;*/
}
.swiper1 .swiper-slide .swiper-img{
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	height: 360px;
	width: 360px;
	padding: 0;
}
.swiper2 .swiper-slide .swiper-img{
	background-size: contain;
	background-position: top;
	background-repeat: no-repeat;
	height: 80px;
	width: 80px;
	padding: 0;
}
/* 2個目のSwiper全体のスタイル */
.swiper2 {
	height: 80px;
	margin-top: 10px;
	margin-bottom: 10px !important;
}
/* 2個目のSwiperのスライドのスタイル */
.swiper2 .swiper-slide {
	height: 80px;
	line-height: 80px;
}

#modal-img{
	max-height: 500px;
}

.ukc-header-bg {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	opacity: 0.4;
	z-index: -1;
	-webkit-filter: blur(6px);
	-moz-filter: blur(6px);
	-o-filter: blur(6px);
	-ms-filter: blur(6px);
	filter: blur(6px) brightness(100%);
}