@charset "utf-8";
/*
 * base css 
 * pc width 1000px fixed
 */


@media (max-width: 599px) {
} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {
} /* end 600-959 */

@media (min-width: 960px) {
} /* 960- */

/* ---------------------------------------- common */

.carouselbnr {
	padding: 10px 0;
}
.carouselbnr h3 {
	border: none;
	text-align: center;
	padding: 0;
	margin: 0 0 14px;
}
.carouselbnr .multiple-item a {
	display: block;
	margin: 0 4px;
}
.carouselbnr .multiple-item figure { 
	text-align: center;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.carouselbnr .multiple-item figure img { 
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.carouselbnr .multiple-item p { 
	padding: 6px 0 0; 
	text-align: center;
}


@media (max-width: 599px) {

	.carouselbnr .multiple-item p { font-size: 1.1rem; }

} /* end -599 */

@media (min-width: 600px) and (max-width:959px) {

	.carouselbnr .multiple-item p { font-size: 1.2rem; }

} /* end 600-959 */

@media (min-width: 960px) {

	.carouselbnr .multiple-item p { font-size: 1.3rem; }

} /* 960- */


/* ----------------------------- hover effect */


@media (max-width:768px) {

	figure.effect-rotateY figcaption { display: none; }

} /* end 600-959 */

@media (min-width: 769px) {

	/* rotateY */
	figure.effect-rotateY {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	figure.effect-rotateY figcaption {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		/* 左右天地中央 */
		display: -webkit-flex; /* Safari用 */
		display: flex;
		-webkit-justify-content: center; /* Safari用 */
		justify-content: center;
		-webkit-align-items: center; /* Safari用 */
		align-items: center;
		/*  */
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.7);
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-transition: .5s;
		transition: .5s;
		opacity: 0;
	}
	figure.effect-rotateY:hover figcaption {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
		opacity: 1;
	}
	
	/* rotateX */
	figure.effect-rotateX {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	figure.effect-rotateX figcaption {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		/* 左右天地中央 */
		display: -webkit-flex; /* Safari用 */
		display: flex;
		-webkit-justify-content: center; /* Safari用 */
		justify-content: center;
		-webkit-align-items: center; /* Safari用 */
		align-items: center;
		/*  */
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.7);
		-webkit-transform: rotateX(-180deg);
		transform: rotateX(-180deg);
		-webkit-transition: .5s;
		transition: .5s;
		opacity: 0;
	}
	figure.effect-rotateX:hover figcaption {
		-webkit-transform: rotateX(0);
		transform: rotateX(0);
		opacity: 1;
	}
	
	/* coomon */
	figure img { vertical-align: top; }
	figure.effect-rotateY h3,
	figure.effect-rotateX h3 {
		color: #fff;
		text-align: center;
		font-size: 1.4rem !important;
		margin: 0 !important;
	}
	figure.effect-rotateY p,
	figure.effect-rotateX p {
		color: #fff;
		text-align: center;
	}

} /* 960- */