@charset "utf-8";

#cmeMain.subCatTop #cmeCont {
	padding-bottom: 0;
}

.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
	color: #fff;
	background-image: none;
	background-color: #75a1ef;
}

.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader .cFrame {
	background-image: url(../images/header_bg.png);
	background-position: 50% 0;
}


.pickupMovies {
	margin-top: -20px !important;
	margin-bottom: 160px !important;
/*	border: 6px solid #528aeb;*/
	text-align: center;
}

.pickupMovies .pickupMoviesInner {
	padding: 0;
}

.pickupMovies h2 {
	margin: 0 0 53px;
	font-size: 32px;
	line-height: 1;
}

.pickupMovies .movieBlock {
	max-width: 800px;
	margin: 0 auto 80px;
}

.pickupMovies .movieBlock .movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}

.pickupMovies .movieBlock .movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pickupMovies .movieBlock .link {
	margin: 24px 0 0;
	font-size: 16px;
	line-height: 1;
	text-align: right;
}

.pickupMovies .movieBlock .link a {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.pickupMovies .movieBlock .link a:after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	margin: 0 0 0 10px;
	background-image: url(/club-me/common/v0006/images/icon_blank.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.movieMonodukuri .monodukuriInner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 355px;
	margin: 0 0 160px;
	padding: 60px;
	color: #fff;
	background-image: url(../images/bg_movielist.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

.movieMonodukuri h2 {
	width: 31.684699%;
	font-size: 32px;
	line-height: 1.5;
}

.movieMonodukuri .lead {
	width: 47.527048%;
	font-size: 14px;
	line-height: calc(12/7);
}

.movieMonodukuri .btn {
	width: 184px;
}

.movieMonodukuri .btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 3px;
	height: 48px;
	font-size: 16px;
	text-decoration: none;
	transition: all 0.3s ease;
}

.movieMonodukuri .btn a:after {
	content: '';
	display: block;
	width: 14px;
	height: 12px;
	margin: 0 0 0 10px;
	background-image: url(/club-me/common/v0006/images/icon_blank.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.movieMonodukuri .btn a:hover {
	opacity: 0.7;
}

.movieByAppliances {
	padding: 120px 0 160px;
	background: #f7f7f7;
}

.movieByAppliances h2 {
	margin: 0 0 60px;
	font-size: 32px;
	line-height: 1;
	text-align: center;
}

.movieByAppliances .applianceList {
	display: flex;
	flex-wrap: wrap;
	list-style-type: none;
	max-width: 800px;
	margin: 0 auto;
}

.movieByAppliances .applianceList li {
	width: calc((100% - 100px) / 3);
	margin: 0 46px 50px 0;
}

.movieByAppliances .applianceList li:nth-of-type(2),
.movieByAppliances .applianceList li:nth-of-type(4) {
	margin: 0 0 50px;
}
.movieByAppliances .applianceList li:nth-of-type(1),
.movieByAppliances .applianceList li:nth-of-type(2),
.movieByAppliances .applianceList li:nth-of-type(3),
.movieByAppliances .applianceList li:nth-of-type(4) {
	width: calc(50% - 23px);
}
/*.movieByAppliances .applianceList li:nth-of-type(3){
	margin-right: 46px;
}*/

.movieByAppliances .applianceList li a {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	width: 100%;
	height: 240px;
	padding: 190px 0 0;
	border: 1px solid #dbdbdb;
	background-color: #fff;
	background-position: 50% calc(50% - 25px);
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s ease;
}

.movieByAppliances #ip_aircon a {background-image: url(/club-me/common/v0006/images/icon_appliances/icon_aircon.svg),url(/club-me/common/v0006/images/icon_appliances/icon_fan.svg);background-position: 23.5% 48%, 73% 30.5%;background-size: 150px 45px, 55px 123px;}
.movieByAppliances #ip_refrigerator a {background-image: url(/club-me/common/v0006/images/icon_appliances/icon_refrigerator.svg),url(/club-me/common/v0006/images/icon_appliances/icon_ricecooker.svg);background-position: 30% 25%, 73% 55%;background-size: 64px 139px, 68px 75px;}
.movieByAppliances #ip_tv a {background-image: url(/club-me/common/v0006/images/icon_appliances/icon_tv.svg);}
.movieByAppliances #ip_home_appliances a {
	background-image: url(/club-me/common/v0006/images/icon_appliances/icon_cleaner.svg),url(/club-me/common/v0006/images/icon_appliances/icon_tv.svg);background-position: 23.5% 42%, 73% 50%;background-size: 105px 100px, 95px 78px;}
.movieByAppliances #ip_housing_equipment a {
	background-image: url(/club-me/common/v0006/images/icon_appliances/icon_ihcookingheater.svg),url(/club-me/common/v0006/images/icon_appliances/icon_ecocute.svg);
	background-position: 23.5% 53%, 73% 30.5%;
	background-size: 93px 59px, 115px 120px; 
}


.movieByAppliances .applianceList li a:hover {
	opacity: 0.7;
}

.movieByAppliances .applianceList li a:before {
	display: none !important;
}

.movieByAppliances .applianceList li a:after {
	content: '';
	display: block;
	position: absolute;
	right: 12px;
	bottom: 10px;
	width: 14px;
	height: 12px;
	margin: 0 0 0 10px;
	background-image: url(/club-me/common/v0006/images/icon_blank.svg);
	background-size: contain;
	background-repeat: no-repeat;
}

.movieByAppliances .bannerArea {
	margin: 30px 0 0;
	text-align: center;
}

.movieByAppliances .bannerArea figcaption {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 15px 0 0;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
}

.movieByAppliances .bannerArea figcaption:before,
.movieByAppliances .bannerArea figcaption:after {
	content: '';
	display: block;
	margin: 0 10px;
	background-repeat: no-repeat;
	background-size: contain;
}

.movieByAppliances .bannerArea figcaption:before {
	width: 18px;
	height: 18px;
	background-image: url(/club-me/common/v0006/images/icon_youtube.png);
}

.movieByAppliances .bannerArea figcaption:after {
	width: 14px;
	height: 12px;
	background-image: url(/club-me/common/v0006/images/icon_blank.svg);
}




@media only screen and (max-width:767px) {
	
	
	/*#cmeMain.subCatTop #cmeCont {
		padding-bottom: 0;
	}
	
	.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
		color: #222;
		background-image: none;
		background-color: #cbdcf9;
	}*/
	
	.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader .cFrame {
		background-image: url(../images/header_bg_sp.png);
		background-position: 100% 100%;
		background-size: 100% auto;
	}
	
	.pickupMovies {
		margin-top: 0 !important;
		margin-bottom: calc(100vw/(750/160)) !important;
		padding: 0 !important;
		/*border: calc(100vw/(750/12)) solid #528aeb;*/
		text-align: center;
	}
	
	.pickupMovies .pickupMoviesInner {
		padding: 0 calc(100vw/(750/40)) !important;
	}
	
	.pickupMovies h2 {
		margin: 0 0 calc(100vw/(750/75));
		font-size: calc(100vw/(750/48));
	}
	
	.pickupMovies .movieBlock {
		max-width: 100%;
		margin: 0 auto calc(100vw/(750/65));
	}
	
	.pickupMovies .movieBlock .link {
		margin: calc(100vw/(750/10)) 0 0;
		font-size: calc(100vw/(750/26));
		line-height: 2;
	}
	
	.pickupMovies .movieBlock .link a:after {
		width: calc(100vw/(750/20));
		height: calc(100vw/(750/17));
		margin: 0 0 0 calc(100vw/(750/10));
	}
	
	.movieMonodukuri .monodukuriInner {
		display: block;
		height: auto;
		margin: 0 0 calc(100vw/(750/160));
		padding: calc(100vw/(750/145)) calc(100vw/(750/40)) calc(100vw/(750/207));
		background-image: url(../images/bg_movielist_sp.jpg);
		border-radius: 5px;
	}
	
	.movieMonodukuri h2 {
		width: 100%;
		margin: 0 0 calc(100vw/(750/54));
		font-size: calc(100vw/(750/48));
		text-align: justify;
	}
	
	.movieMonodukuri .lead {
		width: 100%;
		font-size: calc(100vw/(750/26));
		line-height: 2;
	}
	
	.movieMonodukuri .btn {
		margin: calc(100vw/(750/66)) 0 0;
		padding: 0 calc(100vw/(750/40));
		width: auto;
	}
	
	.movieMonodukuri .btn a {
		border-radius: 5px;
		height: calc(100vw/(750/96));
		font-size: calc(100vw/(750/26));
	}
	
	.movieMonodukuri .btn a:after {
		width: calc(100vw/(750/20));
		height: calc(100vw/(750/17));
		margin: 0 0 0 calc(100vw/(750/18));
	}
	
	.movieByAppliances {
		padding: calc(100vw/(750/170)) 0 calc(100vw/(750/230));
	}
	
	.movieByAppliances h2 {
		margin: 0 0 calc(100vw/(750/70));
		font-size: calc(100vw/(750/48));
	}
	
	.movieByAppliances .applianceList li {
		width: calc(1/3 * 100%);
		height: auto;
		margin: 0 -1px -1px 0 !important;
	}
	.movieByAppliances .applianceList li:nth-of-type(1),
	.movieByAppliances .applianceList li:nth-of-type(2),
	.movieByAppliances .applianceList li:nth-of-type(3),
	.movieByAppliances .applianceList li:nth-of-type(4) {
		width: 50%;
	}
	.movieByAppliances .applianceList li:nth-of-type(4) {
		margin-right: -2px !important;
	}
	
	.movieByAppliances .applianceList li a {
		height: calc(100vw/(750/242));
		padding: calc(100vw/(750/172)) 0 0;
		background-position: 50% calc(50% - (100vw/(750/30)));
		font-size: calc(100vw/(750/26));
	}
	.movieByAppliances #ip_aircon a {
		background-position: 25% 46.5%, 73% 22.5%;
		background-size: calc(100vw/7.0754717) calc(100vw/19.2307692), calc(100vw/14.0754717) calc(100vw/4.975472); 
	}
	.movieByAppliances #ip_refrigerator a{
		background-position: 30% 17%, 70% 50%;
		background-size: calc(100vw/11.71875) calc(100vw/5.43478261), calc(100vw/11.05754717) calc(100vw/10.575472) ;
	}
	.movieByAppliances #ip_home_appliances a {
		background-position: 19.5% 34%, 78.5% 40%;
		background-size: calc(100vw/7.3754717) calc(100vw/7.6754717), calc(100vw/7.89473684) calc(100vw/9.6153846); 
	}
	.movieByAppliances #ip_housing_equipment a {
		background-position: 19.5% 46.5%, 78.5% 22.5%;
		background-size: calc(100vw/8.0754717) calc(100vw/11.775472), calc(100vw/6.6754717) calc(100vw/6.3754717); 
	}
	
	.movieByAppliances .applianceList li a:after {
		width: calc(100vw/(750/20));
		height: calc(100vw/(750/17));
		margin: 0 0 0 calc(100vw/(750/18));
		right: 5px;
		bottom: 5px;
	}
	
	.movieByAppliances .bannerArea {
		margin: calc(100vw/(750/80)) 0 0;
	}
	
	.movieByAppliances .bannerArea img {
		width: 100%;
		height: auto;
	}
	
	.movieByAppliances .bannerArea figcaption {
		margin: calc(100vw/(750/15)) 0 0;
		font-size: calc(100vw/(750/26));
	}
	
	.movieByAppliances .bannerArea figcaption:before {
		width: calc(100vw/(750/28));
		height: calc(100vw/(750/28));
		margin: 0 calc(100vw/(750/18)) 0 0;
	}
	
	.movieByAppliances .bannerArea figcaption:after {
		width: calc(100vw/(750/20));
		height: calc(100vw/(750/17));
		margin: 0 0 0 calc(100vw/(750/18));
	}
	
	
}