@charset "utf-8";
.swiper-container-pc{
	width: 1000px;
	max-width: 100%;
	min-height: 300px;
	margin-top: 20px;
}
.swiper-container-sp{
	width: 100%;
	max-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.swiper-container-sp .swiper-slide-next{
	opacity: 0;
}
@media screen and (min-width: 801px) {
	.swiper-container-sp{ display: none; }
}
@media screen and (max-width: 800px) {
	.swiper-container-pc{ display: none; }
}
.swiper-slide a {
	letter-spacing: -.4em;
	font-size: 0;
	position: relative;
	display: block;
	width: 100%;
}
.swiper-container-pc swiper-slide a:nth-child(1){
	float: left;
}
.swiper-container-pc .swiper-slide a:nth-child(2){
	float: left;
}
.swiper-container-pc .swiper-slide a:nth-child(3){
	float: right;
}
.swiper-container-pc .swiper-slide a:nth-child(4){
	float: right;
}
.swiper-slide a > span.cropimg {
	display: inline-block;
	width: auto;
}
.swiper-container-sp .swiper-slide a > span.cropimg {
	width: 100%;
}
.swiper-slide a > .hom-art-tex{
	position: absolute;
	width: 100%;
	display: inline-block;
	bottom: 0;
	left: 0;
	padding: 0 5% 10px;
	box-sizing: border-box;
	background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.swiper-slide a > .hom-art-tex h3{
	font-size: 18px;
	color: #FFF;
	border: 0;
	text-shadow: 0px 0px 10px #000;
}

.swiper-container-pc .swiper-slide.swiper-slide-prev
{ height: 330px }
.swiper-container-pc .swiper-slide.swiper-slide-prev .cropimg img
{ height: 330px; }
@media screen and (max-width: 1000px) {
	.swiper-container-pc {
		min-height: 30.0vw;
		height: 33.0vw;
	}
	.swiper-container-pc .swiper-slide.swiper-slide-prev
	{ height: 33.0vw; }
	.swiper-container-pc .swiper-slide.swiper-slide-prev .cropimg img
	{ height: 33.0vw; }
}

/* view-cols1 */
.swiper-container-pc.view-cols1 .swiper-slide.swiper-slide-active
{ width: 1000px !important; height: 330px; }
.swiper-container-pc.view-cols1 .swiper-slide.swiper-slide-active .cropimg img
{ width: 1000px !important; height: 330px; }
@media screen and (max-width: 1000px) {
	.swiper-container-pc.view-cols1 .swiper-slide.swiper-slide-active
	{ width: 100.0vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols1 .swiper-slide.swiper-slide-active .cropimg img
	{ width: 100.0vw !important; height: 33.0vw; }
}

/* view-cols2 */
.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active
{ width: 500px !important; height: 330px; }
.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active .cropimg img
{ width: 500px !important; height: 330px; }
.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active + .swiper-slide
{ width: 500px !important; height: 330px; }
.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
{ width: 500px !important; height: 330px; }
@media screen and (max-width: 1000px) {
	.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active
	{ width: 50.0vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active .cropimg img
	{ width: 50.0vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active + .swiper-slide
	{ width: 50.0vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols2 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
	{ width: 50.0vw !important; height: 33.0vw; }
}

/* view-cols3 */
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active
{ width: 742px !important; height: 330px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active .cropimg img
{ width: 742px !important; height: 330px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
	width: 258px !important;
	height: 165px;
	transform: translate(-258px, 165px);
}
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .cropimg img {
	width: 258px !important;
	height: 165px;
}
@media screen and (max-width: 1000px) {
	.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active
	{ width: 74.2vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active .cropimg img
	{ width: 74.2vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide {
		width: 25.8vw !important;
		height: 16.5vw;
		transform: translate(-25.8vw, 16.5vw);
	}
	.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .cropimg img {
		width: 25.8vw !important;
		height: 16.5vw;
	}
}
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide .hom-art-tex h3 { font-size: 16px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide .hom-art-tex h3 { font-size: 13px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .hom-art-tex h3 { font-size: 13px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols3 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }

/* view-cols4 */
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active
{ width: 486px !important; height: 330px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active .cropimg img
{ width: 486px !important; height: 330px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide
{ width: 256px !important; height: 330px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
{ width: 256px !important; height: 330px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .cropimg img
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
	width: 258px !important;
	height: 165px;
	transform: translate(-258px, 165px);
	transition: transform .1s;
}
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .cropimg img {
	width: 258px !important;
	height: 165px;
}
@media screen and (max-width: 1000px) {
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active
	{ width: 48.6vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active .cropimg img
	{ width: 48.6vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide
	{ width: 25.6vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
	{ width: 25.6vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .cropimg img
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide {
		width: 25.8vw !important;
		height: 16.5vw;
		transform: translate(-25.8vw, 16.5vw);
		transition: transform .1s;
	}
	.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .cropimg img {
		width: 25.8vw !important;
		height: 16.5vw;
	}
}
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide .hom-art-tex h3 { font-size: 16px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .hom-art-tex h3 { font-size: 13px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .hom-art-tex h3 { font-size: 13px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols4 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }

/* view-cols5 */
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active
{ width: 484px !important; height: 330px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active .cropimg img
{ width: 484px !important; height: 330px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide
{ width: 258px !important; height: 165px; transform: translate(-258px, 165px); }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .cropimg img
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide
{ width: 258px !important; height: 165px; transform: translate(-258px, 0); }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .cropimg img
{ width: 258px !important; height: 165px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide
{ width: 258px !important; height: 165px; transform: translate(-516px, 165px); }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .cropimg img
{ width: 258px !important; height: 165px; }
@media screen and (max-width: 1000px) {
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active
	{ width: 48.4vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active .cropimg img
	{ width: 48.4vw !important; height: 33.0vw; }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide .cropimg img
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide
	{ width: 25.8vw !important; height: 16.5vw; transform: translate(-25.8vw, 16.5vw); }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .cropimg img
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide
	{ width: 25.8vw !important; height: 16.5vw; transform: translate(-25.8vw, 0); }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .cropimg img
	{ width: 25.8vw !important; height: 16.5vw; }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide
	{ width: 25.8vw !important; height: 16.5vw; transform: translate(-51.6vw, 16.5vw); }
	.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .cropimg img
	{ width: 25.8vw !important; height: 16.5vw; }
}
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide .hom-art-tex h3 { font-size: 10px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .hom-art-tex h3 { padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .hom-art-tex h3 { padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .hom-art-tex h3 { padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }
.swiper-container-pc.view-cols5 .swiper-slide.swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide .art-lin-blo{ padding: 5px; font-size: 10px; }

.swiper-container-pc .swiper-slide a > .art-ima-bel{
	font-size: 11px;
}
.swiper-slide a .art-lin-blo{
	display: inline-block;
	padding: 6px;
	font-size: 12px;
	background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 800px) {
	.swiper-slide a .art-lin-blo{
		padding: 2px;
		font-size: 10px;
		width: auto;
	}
}