@charset 'UTF-8';
.shopItem {
	position: relative;
	overflow: hidden;
	min-width: 1000px;
}
.shopItem > a {
	text-decoration: none;
}
.block-fig {
	position: relative;
	width: 60%;
	height: 550px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.block-fig img {
	display: none;
}
.block-cont {
	/* display: table; */
	position: absolute;
	top: 0;
	z-index: 2;
	width: 40%;
	height: 430px;
	padding: 100px 5% 0;
	box-sizing: border-box;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.block1 .block-cont {
	right: 0;
}
.block2 .block-cont {
	left: 0;
}
.block-contInner {
	display: table-cell;
	vertical-align: top;
}
/* PCのみ。SPではdisplay: none */
.block-bg {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 40%;
	height: 100%;
	background: url(../img/shared/bgbody.jpg) repeat center top;
}
.block-bg:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 35px;
	height: 33px;
	margin-top: -16px;
}
.block-hoverFig {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
/* modifier
-----------------------------------------------------------------*/
.block1 .block-fig {
	float: left;
}
.block1 .block-bg {
	right: 0;
}
.block1 .block-bg:after {
	right: 100%;
	background: url(../img/course/arrowl.png) no-repeat center top;
}
.block2 .block-fig {
	float: right;
}
.block2 .block-bg {
	left: 0;
}
.block2 .block-bg:after {
	left: 100%;
	background: url(../img/course/arrowl.png) no-repeat center top;
	transform: rotate(180deg);
}
.block1Item .block-fig {
	background-image: url(../img/course/sec6_img1.jpg);
}
.block1Item .block-hoverFig {
	background-image: url(../img/course/sec6_img1_on.jpg);
}
.block2Item .block-fig {
	background-image: url(../img/course/sec6_img2.jpg);
}
.block2Item .block-hoverFig {
	background-image: url(../img/course/sec6_img2_on.jpg);
}
/* animation
-----------------------------------------------------------------*/
.block-bg {
	-webkit-transition: all .7s cubic-bezier(.165, .84, .44, 1);
	transition: all .7s cubic-bezier(.165, .84, .44, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.block-hoverFig {
	-webkit-transition: opacity 1s cubic-bezier(.165, .84, .44, 1), -webkit-transform 3s .3s ease-out;
	transition: opacity 1s cubic-bezier(.165, .84, .44, 1), transform 3s .3s ease-out;
}
/* hover
-----------------------------------------------------------------*/
.shopItem:hover .block-bg {
	width: 100%;
}
.shopItem:hover .shopItem-shopName, .shopItem:hover .shopItem-txt {
	color: #fff;
}
.shopItem:hover .block-hoverFig {
	opacity: 1;
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

@media screen and (max-width: 2100px) {
.txtsizeS{
	font-size:1.75em !important;
}
}


@media screen and (max-width: 1800px) {
.block-bg {
	min-width: 500px;
	width: 40%;
}
.txtsizeS{
	font-size:1.5em !important;
}
.block-cont {
	min-width: 500px;
	padding: 50px 2% 0;
}
}