@charset "utf-8";

/* @group 記事リスト ------------------------------ */

.articleList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.661952%;
}

.articleList .articleBlock {
	width: 33.333333333%;
	margin: 0 0 75px;
	padding: 0 1.608487%;
}

.articleList .articleBlock .thumb {
	display: block;
	overflow: hidden;
	margin: 0 0 18px;
}

.articleList .articleBlock .thumb a {
	display: block;
	overflow: hidden;
}

.articleList .articleBlock .thumb img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.articleList .articleBlock .thumb a:hover img {
	transform: scale(1.1);
}

.articleList .articleBlock .titleArea {
	position: relative;
}

.articleList .articleBlock .date {
	margin: 0 0 10px;
	color: #7a9099;
	font-size: 13px;
	line-height: calc(22/13);
	letter-spacing: 0.1em;
	/*text-align: right;*/
}

.articleList .articleBlock .appGenre {
	position: absolute;
	top: 0;
	right: 0;
	color: #7a9099;
	font-size: 13px;
	line-height: 1;
	padding: 3px 12px 4px;
	border: 1px solid #dbdbdb;
}

.articleList .articleBlock .articleTitle {
	/*margin: 0 0 20px;*/
	margin: 0;
}

.articleList .articleBlock .summary {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: calc(12/7);
}

.articleList .articleBlock .note{
	font-size: 12px;
    position: relative;
    padding-left: 1.2em;
    margin-top: 3px;
}

.articleList .articleBlock .note .indent{
	position: absolute;
	left: 0;
}

.articleList .articleBlock .attribute {
	/*display: flex;
	align-items: flex-start;*/
	margin: 20px 0 0;
	font-size: 13px;
	line-height: 1.2;
}

.articleList .articleBlock .attribute dt {
	/*display: flex;*/
	display: block;
	/*align-items: center;*/
	align-items: flex-start;
	/*min-width: 97px;*/
	position: relative;
	margin: 0 17px 0 0;
	padding: 0 17px 0 14px;
	/*border-right: 1px solid #dbdbdb;*/
	/*white-space: nowrap;*/
}

.articleList .articleBlock .attribute dt:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 10px;
	margin: 3px 8px 0 0;
}

#cmeCont .articleList .articleBlock .attribute dt.catAppliances a {color: #528aeb;}
#cmeCont .articleList .articleBlock .attribute dt.catFood a {color: #f26179;}
#cmeCont .articleList .articleBlock .attribute dt.catLife a {color: #32a64b;}
#cmeCont .articleList .articleBlock .attribute dt.catKnowledge a {color: #a632a6;}
#cmeCont .articleList .articleBlock .attribute dt.catPointCampaign a {color: #f2a200;}
#cmeCont .articleList .articleBlock .attribute dt.catHowto a {color: #36b8d9;}
#cmeCont .articleList .articleBlock .attribute dt.catOther a {color: #bdbdbd;}

.articleList .articleBlock .attribute dt.catAppliances:before {background-color: #528aeb;}
.articleList .articleBlock .attribute dt.catFood:before {background-color: #f26179;}
.articleList .articleBlock .attribute dt.catLife:before {background-color: #32a64b;}
.articleList .articleBlock .attribute dt.catKnowledge:before {background-color: #a632a6;}
.articleList .articleBlock .attribute dt.catPointCampaign:before {background-color: #f2a200;}
.articleList .articleBlock .attribute dt.catHowto:before {background-color: #36b8d9;}
.articleList .articleBlock .attribute dt.catOther:before {background-color: #bdbdbd;}

.articleList .articleBlock .attribute .tag {
	display: flex;
	flex-wrap: wrap;
	margin-top: 12px;
	margin-bottom: -10px;
	/*flex: 1;*/
}

#cmeCont .articleList .articleBlock .attribute .tag a {
	margin: 0 12px 12px 0;
	color: #7a9099;
	line-height: 1;
}

/* @end */

/* @group 記事リスト4カラム用 ------------------------------ */

.articleList.list4Col {
	margin: 0 -.6364922207%;
}

.articleList.list4Col .articleBlock {
	width: 25%;
	margin: 0 0 65px;
	padding: 0 .6284916201%;
}

/* @end */

/* @group 商品アイコンパネルリスト ------------------------------ */

.appliancesGenre {
	margin: 0 0 20px;
}

.iconPanelList {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: auto;
	margin: 0 -1px 0 0;
	/*background-color: #fff;*/
	/*border: 1px solid #e6e6e6;*/
	/*border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;*/
	border-radius: 3px;
/*	overflow: hidden;*/
}

.iconPanelList .iconPanel {
	/*flex: 1;*/
	position: relative;
/*	top: -1px;*/
	width: calc(1/6 * 100% + 1px);
	height: 241px;
	/*margin: -1px -1px -1px -1px;*/
	margin: -1px -1px 0 0;
	/*border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;*/
	border: 1px solid #e6e6e6;
	background-color: #fff;
	list-style-type: none;
	text-align: center;
}

.iconPanelList .iconPanel > a {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	padding: 0 20px 25px;
	background-repeat: no-repeat;
	background-position: 50% calc(50% - 25px);
	font-size: 18px;
	line-height: 1.5;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.iconPanelList .iconPanel > a:after {
	content: '';
	display: block;
	position: absolute;
	right: 14px;
	bottom: 13px;
	width: 7px;
	height: 7px;
	margin: 0;
	border-top: 2px solid #c00;
	border-right: 2px solid #c00;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#cmeCont .iconPanelList .iconPanel > a:hover {
	color: #fff;
	background-color: #528aeb;
}

.iconPanelList .iconPanel > a:hover:after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.iconPanelList .iconPanelTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 30px;
	color: #fff;
	background: #528aeb;
	font-size: 24px;
	line-height: calc(41/24);
	font-weight: 500;
}

#ip_refrigerator a {/*冷蔵庫*/
	background-image: url(../images/icon_appliances/icon_refrigerator.svg);
	background-size: 64px 139px;
}

#ip_ricecooker a {/*ジャー炊飯器*/
	background-image: url(../images/icon_appliances/icon_ricecooker.svg);
	background-size: 71px 78px;
}

#ip_breadoven a {/*ブレッドオーブン*/
	background-image: url(../images/icon_appliances/icon_breadoven.svg);
	background-size: 97px 64px;
}

#ip_microwave a {/*レンジグリル（オーブンレンジ）*/
	background-image: url(../images/icon_appliances/icon_microwave.svg);
	background-size: 101px 53px;
}

#ip_ihcookingheater a {/*IH クッキングヒーター*/
	background-image: url(../images/icon_appliances/icon_ihcookingheater.svg);
	background-size: 101px 64px;
}

#ip_kitchendryer a {/*キッチンドライヤー*/
	background-image: url(../images/icon_appliances/icon_kitchendryer.svg);
	background-size: 91px 68px;
}

#ip_dishwasher a {/*ビルトイン食器洗い乾燥機*/
	background-image: url(../images/icon_appliances/icon_dishwasher.svg);
	background-size: 105px 61px;
}

#ip_cleaner a {/*掃除機*/
	background-image: url(../images/icon_appliances/icon_cleaner.svg);
	background-size: 105px 100px;
}

#ip_futondryer a {/*ふとん乾燥機*/
	background-image: url(../images/icon_appliances/icon_futondryer.svg);
	background-size: 90px 79px;
}

#ip_batteries a {/*乾電池*/
	background-image: url(../images/icon_appliances/icon_batteries.svg);
	background-size: 108px 32px;
}

#ip_aircon a {/*ルームエアコン*/
	background-image: url(../images/icon_appliances/icon_aircon.svg);
	background-size: 106px 39px;
}

#ip_clothesdryer a {/*除湿機*/
	background-image: url(../images/icon_appliances/icon_clothesdryer.svg);
	background-size: 62px 94px;
}

#ip_moisturizer a {/*パーソナル保湿機*/
	background-image: url(../images/icon_appliances/icon_moisturizer.svg);
	background-size: 97px 74px;
}

#ip_fan a {/*扇風機*/
	background-image: url(../images/icon_appliances/icon_fan.svg);
	background-size: 160px 133px;
}

#ip_aircleaner a {/*空気清浄機*/
	background-image: url(../images/icon_appliances/icon_aircleaner.svg);
	background-size: 73px 91px;
}

#ip_enedia a {/*ENEDIA*/
	background-image: url(../images/icon_appliances/icon_enedia.svg);
	background-size: 109px 70px;
}

#ip_ecocute a {/*三菱 エコキュート*/
	background-image: url(../images/icon_appliances/icon_ecocute.svg);
	background-size: 99px 104px;
}

#ip_electrification a {/*スマート電化*/
	background-image: url(../images/icon_appliances/icon_electrification.svg);
	background-size: 110px 69px;
}

#ip_hotwaterheating a {/*ヒートポンプ式温水暖房システム*/
	background-image: url(../images/icon_appliances/icon_hotwaterheating.svg);
	background-size: 100px 57px;
}

#ip_bathheating a {/*バス乾燥・暖房・換気システム*/
	background-image: url(../images/icon_appliances/icon_bathheating.svg);
	background-size: 106px 98px;
}

#ip_hems a {/*HEMS*/
	background-image: url(../images/icon_appliances/icon_hems.svg);
	background-size: 78px 109px;
}

#ip_homesecurity a {/*ホームセキュリティ*/
	background-image: url(../images/icon_appliances/icon_homesecurity.svg);
	background-size: 85px 73px;
}

#ip_waterheater a {/*電気温水器*/
	background-image: url(../images/icon_appliances/icon_waterheater.svg);
	background-size: 54px 122px;
}

#ip_ledbulb a {/*LED 電球*/
	background-image: url(../images/icon_appliances/icon_ledbulb.svg);
	background-size: 58px 108px;
}

#ip_lighting a {/*照明器具*/
	background-image: url(../images/icon_appliances/icon_lighting.svg);
	background-size: 102px 38px;
}

#ip_elevator a {/*ホームエレベーター*/
	background-image: url(../images/icon_appliances/icon_elevator.svg);
	background-size: 85px 114px;
}

#ip_tv a {/*液晶テレビ*/
	background-image: url(../images/icon_appliances/icon_tv.svg);
	background-size: 95px 78px;
}

#ip_carnavigation a {/*カーナビゲーションシステム*/
	background-image: url(../images/icon_appliances/icon_carnavigation.svg);
	background-size: 104px 62px;
}

#ip_washingmachine a {/*洗濯機*/
	background-image: url(../images/icon_appliances/icon_washingmachine.svg);
	background-size: 81px 93px;
}

#ip_refrigerator a:hover {background-image: url(../images/icon_appliances/icon_refrigerator_on.svg);}
#ip_ricecooker a:hover {background-image: url(../images/icon_appliances/icon_ricecooker_on.svg);}
#ip_breadoven a:hover {background-image: url(../images/icon_appliances/icon_breadoven_on.svg);}
#ip_microwave a:hover {background-image: url(../images/icon_appliances/icon_microwave_on.svg);}
#ip_ihcookingheater a:hover {background-image: url(../images/icon_appliances/icon_ihcookingheater_on.svg);}
#ip_kitchendryer a:hover {background-image: url(../images/icon_appliances/icon_kitchendryer_on.svg);}
#ip_dishwasher a:hover {background-image: url(../images/icon_appliances/icon_dishwasher_on.svg);}
#ip_cleaner a:hover {background-image: url(../images/icon_appliances/icon_cleaner_on.svg);}
#ip_futondryer a:hover {background-image: url(../images/icon_appliances/icon_futondryer_on.svg);}
#ip_batteries a:hover {background-image: url(../images/icon_appliances/icon_batteries_on.svg);}
#ip_aircon a:hover {background-image: url(../images/icon_appliances/icon_aircon_on.svg);}
#ip_clothesdryer a:hover {background-image: url(../images/icon_appliances/icon_clothesdryer_on.svg);}
#ip_moisturizer a:hover {background-image: url(../images/icon_appliances/icon_moisturizer_on.svg);}
#ip_fan a:hover {background-image: url(../images/icon_appliances/icon_fan_on.svg);}
#ip_aircleaner a:hover {background-image: url(../images/icon_appliances/icon_aircleaner_on.svg);}
#ip_enedia a:hover {background-image: url(../images/icon_appliances/icon_enedia_on.svg);}
#ip_ecocute a:hover {background-image: url(../images/icon_appliances/icon_ecocute_on.svg);}
#ip_electrification a:hover {background-image: url(../images/icon_appliances/icon_electrification_on.svg);}
#ip_hotwaterheating a:hover {background-image: url(../images/icon_appliances/icon_hotwaterheating_on.svg);}
#ip_bathheating a:hover {background-image: url(../images/icon_appliances/icon_bathheating_on.svg);}
#ip_hems a:hover {background-image: url(../images/icon_appliances/icon_hems_on.svg);}
#ip_homesecurity a:hover {background-image: url(../images/icon_appliances/icon_homesecurity_on.svg);}
#ip_waterheater a:hover {background-image: url(../images/icon_appliances/icon_waterheater_on.svg);}
#ip_ledbulb a:hover{background-image: url(../images/icon_appliances/icon_ledbulb_on.svg);}
#ip_lighting a:hover {background-image: url(../images/icon_appliances/icon_lighting_on.svg);}
#ip_elevator a:hover {background-image: url(../images/icon_appliances/icon_elevator_on.svg);}
#ip_tv a:hover {background-image: url(../images/icon_appliances/icon_tv_on.svg);}
#ip_carnavigation a:hover {background-image: url(../images/icon_appliances/icon_carnavigation_on.svg);}
#ip_washingmachine a:hover {background-image: url(../images/icon_appliances/icon_washingmachine_on.svg);}




.iconPanelList .iconPanelArticles {
	display: flex;
	width: calc(4/6 * 100% + 1px);
}


.iconPanelList .iconPanelArticles .articleBlock {
	
	width: 50%;
	text-align: left;
}

.iconPanelList .iconPanelArticles .articleBlock:first-child {
	border-right: 1px solid #e6e6e6;
}

.iconPanelList .iconPanelArticles .articleBlock a {
	display: flex;
	justify-content: space-between;
	position: relative;
	padding: 50px 20px 50px 30px;
	text-decoration: none;
}

.iconPanelList .iconPanelArticles .articleBlock a:after {
	content: '';
	display: block;
	position: absolute;
	right: 14px;
	bottom: 13px;
	width: 7px;
	height: 7px;
	margin: 0;
	border-top: 2px solid #c00;
	border-right: 2px solid #c00;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.iconPanelList .iconPanelArticles .articleBlock .thumb {
	width: 53.333333%;
	overflow: hidden;
}

.iconPanelList .iconPanelArticles .articleBlock .thumb img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.iconPanelList .iconPanelArticles .articleBlock a:hover img {
	transform: scale(1.1);
}

.iconPanelList .iconPanelArticles .articleBlock .titleArea {
	display: flex;
	align-items: center;
	/*flex-direction: column;
	justify-content: space-between;*/
	width: 41%;
}

.iconPanelList .iconPanelArticles .articleBlock .titleArea .date {
	color: #7a9099;
	font-size: 13px;
	line-height: 1;
	text-align: right;
}

.iconPanelList .iconPanelArticles .articleBlock .titleArea .articleTitle {
	font-size: 18px;
	line-height: 1.5;
}

.iconPanelList .iconPanelArticles .articleBlock .titleArea .tag {
	color: #7a9099;
	font-size: 13px;
	line-height: 1;
}


.cat1 ~ #cmeMain #ip_refrigerator a:before {
	content: '';
	/*display: block;*/
	display: none;
	position: absolute;
	right: 0;
	top: 50%;
	width: 13px;
	height: 13px;
	margin: -7px -7px 0 0;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	background: #fff;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cat1 ~ #cmeMain #ip_refrigerator a:hover:before {
	border-top: 1px solid #528aeb;
	border-right: 1px solid #528aeb;
	background: #528aeb;
}


/* @end */

/* @group キーワード検索結果ページ ------------------------------ */

.keywordResultHeader {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 0 0 50px;
}

.keywordResultHeader .keywordResultTitle {
	display: flex;
	align-items: flex-end;
	margin-top: 16px;
	padding-left: 12px;
	border-left: 6px solid #dbdbdb;
	font-size: 28px;
	line-height: 1;
	letter-spacing: 0.1em;
}

.keywordResultHeader .keywordResultTitle small {
	margin: 0 0 0 12px;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
}

#cmeMain .keywordResultHeader .btnProducts a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 243px;
	height: 44px;
	padding: 0 0 2px;
	color: #fff;
	background: #c00;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-decoration: none;
}

.keywordResultHeader .btnProducts a:hover {
	opacity: 0.75;
}

/* @end */

/* @group サブカテゴリ ------------------------------ */

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

#cmeMain.subCatTop #cmeCont .visualHeader {
	height: 280px;
	margin: 0 0 160px;
}

.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
	color: #fff;
	background-color: #6c9bee;
	background-image: url(/club-me/appliances/images/sub_header_bg.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.cat1 ~ #cmeMain.appQa #cmeCont .visualHeader {
	background: url(/club-me/appliances/qa/images/qa_header_bg.png), -moz-linear-gradient(90deg, #01c4fe 0%, #01c4fe 50%, #309bef 50%, #309bef 100%); 
	background: url(/club-me/appliances/qa/images/qa_header_bg.png), -webkit-linear-gradient(90deg, #01c4fe 0%, #01c4fe 50%, #309bef 50%, #309bef 100%); 
	background: url(/club-me/appliances/qa/images/qa_header_bg.png), linear-gradient(to right, #01c4fe 0%, #01c4fe 50%, #309bef 50%, #309bef 100%);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader {
	background-color: #eef8ff;
	text-align: center;
	margin-bottom: 60px;
	background-image: none;
	color: #333;
}

.cat2 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
	background-color: #f8e8eb;
	text-align: center;
	margin-bottom: 60px;
}

.cat3 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
	/*color: #fff;*/
	background-color: #eaf3ec;
	text-align: center;
	margin-bottom: 60px;
}

.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader .copy,
.cat2 ~ #cmeMain.subCatTop #cmeCont .visualHeader .copy,
.cat3 ~ #cmeMain.subCatTop #cmeCont .visualHeader .copy {
	margin-top: 30px;
	font-weight: bold;
	line-height: 1.75;
}



#cmeMain.subCatTop #cmeCont .visualHeader > .cFrame {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 280px;
}



#cmeMain.subCatTop #cmeCont .visualHeader .subCatTitle {
	font-size: 32px;
	letter-spacing: 0.1em;
	line-height: calc(41/32);
}


#cmeMain.subCatTop #cmeCont .visualHeader .copy {
	margin: 10px 0 0;
	font-size: 16px;
	line-height: 1.5;
}


#cmeMain.subCatTop .btnMore {
	
}

#cmeMain.subCatTop .btnMore a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 440px;
	height: 48px;
	margin: 0 auto;
	padding: 0 0 2px;
	color: #fff;
	background: #222;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#cmeMain.subCatTop .btnMore a:before,
#cmeMain.subCatTop .btnMore a:after {
	content: '';
	display: block;
	position: absolute;
	right: 22px;
	top: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0;
	background: #fff;
}

#cmeMain.subCatTop .btnMore a:after {
	transform: rotate(90deg);
}

#cmeMain.subCatTop .btnMore a:hover {
	opacity: 0.75;
}


#cmeMain.subCatTop .featureBlock {
	display: flex;
	align-items: center;
	width: 100%;
	margin-left: 1.608487%;
	margin-right: 1.608487%;
	padding: 40px;
	background: #f7f7f7;
}

#cmeMain.subCatTop .featureBlock .thumb {
	width: 32.983508%;
	margin-bottom: 0;
}

#cmeMain.subCatTop .featureBlock .textArea {
	flex: 1;
	/*padding: 0 220px 0 48px;*/
	padding: 0 0 0 48px;
}

#cmeMain.subCatTop .featureBlock.new .date {
	display: flex;
	align-items: center;
}

#cmeMain.subCatTop .featureBlock.new .date:before {
	content: 'NEW';
	margin: 0 10px 0 0;
	padding: 3px 10px;
	color: #c00;
	border: 1px solid #c00;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.03em;
}

/* @end */



.articleBlock.singleColBlock {
	margin: 0 0 80px;
}

.articleBlock.singleColBlock a {
	display: flex;
	align-items: center;
	position: relative;
	width: 100%;
	padding: 40px;
	background: #f7f7f7;
	text-decoration: none;
	transition: all 0.3s ease;
}

.articleBlock.singleColBlock a:after {
	content: '';
	display: block;
	position: absolute;
	right: 25px;
	bottom: 25px;
	width: 7px;
	height: 7px;
	margin: 0;
	border-top: 2px solid #c00;
	border-right: 2px solid #c00;
	transform: rotate(45deg);
	transition: all 0.3s ease;
}

.articleBlock.singleColBlock a:hover {
	opacity: 0.7;
}

.articleBlock.singleColBlock .thumb {
	width: 32.983508%;
	margin-bottom: 0;
}

.articleBlock.singleColBlock .thumb img {
	width: 100%;
	height: auto;
}

.articleBlock.singleColBlock .textArea {
	flex: 1;
	padding: 0 0 0 48px;
}

.articleBlock.singleColBlock .year {
	position: absolute;
	top: 40px;
	right: 48px;
	color: #7a9099;
	font-size: 28px;
	line-height: 1;
	font-weight: 700;
}

.articleBlock.singleColBlock .dateArea {
	display: flex;
	align-items: center;
	margin: 0 0 12px;
}

.articleBlock.singleColBlock .dateArea .date {
	color: #7a9099;
    font-size: 13px;
    line-height: calc(22/13);
    letter-spacing: 0.1em;
}

.articleBlock.singleColBlock.new .dateArea:before {
	display: inline-block;
	content: 'NEW';
	margin: 0 10px 0 0;
	padding: 3px 10px;
	color: #c00;
	border: 1px solid #c00;
	font-size: 14px;
	line-height: 1;
	letter-spacing: 0.03em;
}

.articleBlock.singleColBlock .summary {
	margin: 10px 0 0;
	font-size: 14px;
	line-height: calc(12/7);
}



#cmeCont .keywordResult {
	padding-bottom: 80px;
}

.keywordResult .btnMore a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 440px;
	height: 48px;
	margin: 0 auto;
	padding: 0 0 2px;
	color: #fff !important;
	background: #222;
	border-radius: 3px;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.keywordResult .btnMore a:before,
.keywordResult .btnMore a:after {
	content: '';
	display: block;
	position: absolute;
	right: 22px;
	top: 50%;
	width: 14px;
	height: 2px;
	margin: -1px 0 0;
	background: #fff;
}

.keywordResult .btnMore a:after {
	transform: rotate(90deg);
}

.keywordResult .btnMore a:hover {
	opacity: 0.75;
}


@media only screen and (max-width:1440px) {

	.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
		background-position: -80px 50%;
	}
	.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader {
		background-position: inherit;
	}

}


@media only screen and (max-width:767px) {
	
	/* @group 記事リスト ------------------------------ */
	
	.articleList {
		justify-content: space-between;
		margin: 0;
		/*padding: 0 calc(100vw/18.75);*/
		padding: 0;
	}
	
	.articleList .articleBlock {
		width: 47.1641791%;
		margin: 0 0 calc(100vw/10);
		padding: 0;
	}
	
	.articleList .articleBlock .thumb {
		margin: 0 0 calc(100vw/32.6086957);
	}
	
	.articleList .articleBlock .date {
		margin: 0 0 calc(100vw/(750/20));
		font-size: calc(100vw/34.09090909);
		text-align: left;
	}
	
	.articleList .articleBlock .appGenre {
		display: inline-block;
		position: relative;
		margin: 0 0 calc(100vw/37.5);
		font-size: calc(100vw/(750/24));
		padding: calc(100vw/(750/3)) calc(100vw/(750/12)) calc(100vw/(750/4));
	}
	
	.articleList .articleBlock .articleTitle {
		/*margin: 0 0 calc(100vw/31.25);*/
	}
	
	.articleList .articleBlock .attribute {
		display: block;
		margin: calc(100vw/31.25) 0 0;
		font-size: calc(100vw/34.09090909);
	}
	
	.articleList .articleBlock .attribute dt {
		margin: 0;
		padding: 0 0 0 calc(100vw/(750/21));
		border-right: none;
	}
	
	.articleList .articleBlock .attribute dt:before {
		width: calc(100vw/(750/9));
		height: calc(100vw/37.5);
		margin: calc(100vw/(750/3)) calc(100vw/(750/12)) 0 0;
	}
	
	.articleList .articleBlock .attribute .tag {
		margin: calc(100vw/37.5) 0 calc(100vw/(750/18) * -1);
	}
	
	#cmeCont .articleList .articleBlock .attribute .tag a {
		margin: 0 calc(100vw/(750/18)) calc(100vw/(750/18)) 0;
	}
	
	
	/* @end */
	
	/* @group 記事リスト4カラム用 ------------------------------ */
	
	.articleList.list4Col {
		margin: 0;
		justify-content: space-between;
	}
	
	.articleList.list4Col .articleBlock {
		width: 47.1641791%;
		margin: 0 0 calc(100vw/10.7142857);
		padding: 0;
	}
	
	/* @end */
	
	
	/* @group 商品アイコンパネルリスト ------------------------------ */
	
	.appliancesGenre {
		margin: 0 0 calc(100vw/18.75);
	}

	
	.iconPanelList {
		flex-wrap: wrap;
		border-radius: 5px;
		justify-content: flex-start;
	}
	
	.iconPanelList .iconPanel {
		flex: none;
		width: calc(100vw/3.34821429);
		height: calc(100vw/3.07377049);
	}
	
	/*.iconPanelList .iconPanel#ip_refrigerator {
		width: 100%;
	}*/
	
	.iconPanelList .iconPanel > a {
		padding: 0 calc(100vw/(750/10)) calc(100vw/30);
		background-position: 50% calc(50% - (100vw/22));
		font-size: calc(100vw/(750/24));
	}
	
	.iconPanelList .iconPanel > a:after {
		display: none;
		/*right: 14px;
		bottom: 13px;*/
		width: calc(100vw/75);
		height: calc(100vw/75);
	}
	
	
	.iconPanelList .iconPanel > a:hover:after {
		/*border-top: 2px solid #fff;
		border-right: 2px solid #fff;*/
	}
	
	.iconPanelList .iconPanelTitle {
		width: 100%;
		height: calc(100vw/(750/118));
		padding: 0;
		border-radius: 5px 5px 0 0;
		font-size: calc(100vw/(750/31.25));
		line-height: 1;
	}
	
	.iconPanelList .iconPanelTitle br {
		display: none;
	}

	
	#ip_refrigerator a {background-size: calc(100vw/11.71875) calc(100vw/5.43478261);}
	#ip_ricecooker a {background-size: calc(100vw/10.5633803) calc(100vw/9.6153864);}
	#ip_breadoven a {background-size: calc(100vw/7.73195876) calc(100vw/11.71875);}
	#ip_microwave a {background-size: calc(100vw/7.42574257) calc(100vw/14.1509434);}
	#ip_ihcookingheater a {background-size: calc(100vw/7.42574257) calc(100vw/14.1509434);}
	#ip_kitchendryer a {background-size: calc(100vw/8.24175824) calc(100vw/11.0294118);}
	#ip_dishwasher a {background-size: calc(100vw/7.14285714) calc(100vw/12.295082);}
	#ip_cleaner a {background-size: calc(100vw/7.14285714) calc(100vw/7.5);}
	#ip_futondryer a {background-size: calc(100vw/8.33333333) calc(100vw/9.49367088);}
	#ip_batteries a {background-size: calc(100vw/6.94444444) calc(100vw/23.4375);}
	#ip_aircon a {background-size: calc(100vw/7.0754717) calc(100vw/19.2307692);}
	#ip_clothesdryer a {background-size: calc(100vw/12.0967741935) calc(100vw/7.9787234);}
	#ip_moisturizer a {background-size: calc(100vw/(750/97)) calc(100vw/(750/74));}
	#ip_fan a {background-size: calc(100vw/4.6875) calc(100vw/5.639097744);}
	#ip_aircleaner a {background-size: calc(100vw/(750/73)) calc(100vw/(750/91));}
	#ip_enedia a {background-size: calc(100vw/(750/109)) calc(100vw/(750/70));}
	#ip_ecocute a {background-size: calc(100vw/(750/99)) calc(100vw/(750/104));}
	#ip_electrification a {background-size: calc(100vw/(750/110)) calc(100vw/(750/69));}
	#ip_hotwaterheating a {background-size: calc(100vw/(750/100)) calc(100vw/(750/57));}
	#ip_bathheating a {background-size: calc(100vw/(750/106)) calc(100vw/(750/98));}
	#ip_hems a {background-size: calc(100vw/(750/78)) calc(100vw/(750/109));}
	#ip_homesecurity a {background-size: calc(100vw/(750/85)) calc(100vw/(750/73));}
	#ip_waterheater a {background-size: calc(100vw/(750/54)) calc(100vw/(750/122));}
	#ip_ledbulb a {background-size: calc(100vw/(750/58)) calc(100vw/(750/108));}
	#ip_lighting a {background-size: calc(100vw/(750/102)) calc(100vw/(750/38));}
	#ip_elevator a {background-size: calc(100vw/(750/85)) calc(100vw/(750/114));}
	#ip_tv a {background-size: calc(100vw/7.89473684) calc(100vw/9.6153846);}
	#ip_carnavigation a {background-size: calc(100vw/(750/104)) calc(100vw/(750/62));}
	#ip_washingmachine a {background-size: calc(100vw/9.25925925) calc(100vw/8.06451613);}
	
	
	.iconPanelList .iconPanelArticles {
		justify-content: space-between;
		/*width: calc(4/6 * 100% + 1px);*/
		width: 100%;
		padding: calc(100vw/18.75);
		height: auto;
	}
	
	
	.iconPanelList .iconPanelArticles .articleBlock {
		
		width: calc(100vw/(750/276));
		text-align: left;
	}
	
	.iconPanelList .iconPanelArticles .articleBlock:first-child {
		border-right: none;
	}
	
	.iconPanelList .iconPanelArticles .articleBlock a {
		display: block;
		justify-content: space-between;
		position: relative;
		height: 100%;
		padding: 0;
		text-decoration: none;
	}
	
	.iconPanelList .iconPanelArticles .articleBlock a:after {
		display: none;
		right: 14px;
		bottom: 13px;
		width: 7px;
		height: 7px;
	}
	
	.iconPanelList .iconPanelArticles .articleBlock .thumb {
		width: auto;
		margin: 0 0 calc(100vw/30);
	}
		
	.iconPanelList .iconPanelArticles .articleBlock .titleArea {
		display: flex;
		align-items: center;
		/*flex-direction: column;
		justify-content: space-between;*/
		width: auto;
	}
	
	
	.iconPanelList .iconPanelArticles .articleBlock .titleArea .articleTitle {
		font-size: calc(100vw/(750/26));
		line-height: calc(20/13);
	}
	
	.iconPanelList .iconPanelArticles .articleBlock .titleArea .tag {
		color: #7a9099;
		font-size: 13px;
		line-height: 1;
	}
	
	
	.cat1 ~ #cmeMain #ip_refrigerator a:before {
		right: auto;
		top: auto;
		left: 50%;
		bottom: 0;
		margin: 0 0 -7px -7px;
		background: #fff;
		transform: rotate(135deg);
	}
	
		
	
	/* @end */
	
	
	/* @group キーワード検索結果ページ ------------------------------ */
	
	.keywordResultHeader {
		display: block;
		margin: 0 0 calc(100vw/9.375);
		/*padding: 0 calc(100vw/18.75);*/
		padding: 0;
	}
	
	.keywordResultHeader .keywordResultTitle {
		display: block;
		margin-top: 0;
		padding-left: calc(100vw/34.0909090909);
		border-left: calc(100vw/62.5) solid #dbdbdb;
		font-size: calc(100vw/17.8571429);
	}
	
	.keywordResultHeader .keywordResultTitle small {
		display: block;
		margin: calc(100vw/26.7857143) 0 0;
		font-size: calc(100vw/28.8461538);
	}
	
	#cmeMain .keywordResultHeader .btnProducts {
		margin: calc(100vw/9.375) 0 0;
	}
	
	
	#cmeMain .keywordResultHeader .btnProducts a {
		width: 100%;
		height: calc(100vw/9.375);
		border-radius: 5px;
		font-size: calc(100vw/25);
	}
	
	/* @end */
	
	/* @group サブカテゴリ ------------------------------ */
	
	
	#cmeMain.subCatTop #cmeCont .visualHeader {
		height: calc(100vw/(750/420));
		margin: 0 0 calc(100vw/(750/160));
	}
	
	.cat1 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
		background-image: url(/club-me/appliances/images/sub_header_bg_sp.png);
		background-position: 50% 50%;
		background-size: cover;
	}
	
	.cat1 ~ #cmeMain.appQa #cmeCont .visualHeader {
		background-image: url(/club-me/appliances/qa/images/qa_header_bg_sp.png);
		background-position: 50% 50%;
		background-size: cover;
	}
	.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader {
		margin-bottom: 50px;
	}
	.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader .subCatTitle {
		width: calc(100vw/(750/302.3));
		margin: 0 auto;
	}
	.cat2 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
		margin-bottom: 50px;
	}
	
	.cat2 ~ #cmeMain.subCatTop #cmeCont .visualHeader .subCatTitle {
		width: calc(100vw/(750/302.3));
		margin: 0 auto;
	}

	.cat3 ~ #cmeMain.subCatTop #cmeCont .visualHeader {
		margin-bottom: 50px;
	}
	
	.cat3 ~ #cmeMain.subCatTop #cmeCont .visualHeader .subCatTitle {
		width: calc(100vw/1.824817518);
		margin: 0 auto;
	}
	.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader .copy,
	.cat2 ~ #cmeMain.subCatTop #cmeCont .visualHeader .copy,
	.cat3 ~ #cmeMain.subCatTop #cmeCont .visualHeader .copy{
		font-size: calc(100vw/31.25);
		margin-top: calc(100vw/(750/25));
	}
	.cat1 ~ #cmeMain.subCatTop.appliancesColumn #cmeCont .visualHeader > .cFrame,
	.cat2 ~ #cmeMain.subCatTop #cmeCont .visualHeader > .cFrame,
	.cat3 ~ #cmeMain.subCatTop #cmeCont .visualHeader > .cFrame {
		padding-top: calc(100vw/(750/93));
	}
	#cmeMain.subCatTop #cmeCont .visualHeader > .cFrame {
		display: block;
		height: 100%;
		padding-top: calc(100vw/(750/73));
	}
	
	
	
	#cmeMain.subCatTop #cmeCont .visualHeader .subCatTitle {
		font-size: calc(100vw/(750/48));
		line-height: calc(31/24);
	}

	#cmeMain.subCatTop #cmeCont .visualHeader .subCatTitle img{
		width: 100%;
		height: auto;
	}
	
	#cmeMain.subCatTop #cmeCont .visualHeader .copy {
		margin: calc(100vw/(750/13)) 0 0;
		font-size: calc(100vw/(750/26));
		line-height: calc(20/13);
	}
	
	/*.cat1 ~ #cmeMain.appQa #cmeCont .visualHeader .copy {
		width: 55%;
	}*/
	
	
	#cmeMain.subCatTop .btnMore {
		
	}
	
	#cmeMain.subCatTop .btnMore a {
		width: 100%;
		height: calc(100vw/9.375);
		border-radius: 5px;
		font-size: calc(100vw/25);
	}
	
	#cmeMain.subCatTop .btnMore a:before,
	#cmeMain.subCatTop .btnMore a:after {
		right: calc(100vw/25);
		width: calc(100vw/26.7857143);
	}
	
	
	
	#cmeMain.subCatTop .featureBlock {
		display: block;
		margin-left: 0;
		margin-right: 0;
		padding: calc(100vw/(750/24));
	}
	
	#cmeMain.subCatTop .featureBlock .thumb {
		width: 100%;
		margin-bottom: calc(100vw/(750/30));
	}
	
	#cmeMain.subCatTop .featureBlock .textArea {
		padding: 0;
	}
	
	
	#cmeMain.subCatTop .featureBlock.new .date:before {
		margin: 0 calc(100vw/(750/24)) 0 0;
		padding: calc(100vw/(750/7)) calc(100vw/(750/12));
		font-size: calc(100vw/(750/22));
	}

	
	/* @end */
	
	.articleBlock.singleColBlock {
		margin: 0 0 calc(100vw/(750/160));
	}
	
	.articleBlock.singleColBlock a {
		display: block;
		padding: calc(100vw/(750/24));
	}
	
	.articleBlock.singleColBlock a:after {
		right: calc(100vw/(750/25));
		bottom: calc(100vw/(750/25));
		width: calc(100vw/75);
		height: calc(100vw/75);
	}
	
	
	.articleBlock.singleColBlock .thumb {
		width: 100%;
		margin-bottom: calc(100vw/(750/40));
	}
	
	.articleBlock.singleColBlock .thumb img {
		width: 100%;
		height: auto;
	}
	
	.articleBlock.singleColBlock .textArea {
		padding: 0;
	}
	
	.articleBlock.singleColBlock .year {
		display: none;
	}
	
	.articleBlock.singleColBlock.new .dateArea {
		margin: 0 0 calc(100vw/(750/12));
	}
	
	.articleBlock.singleColBlock .dateArea .date {
	    font-size: calc(100vw/34.09090909);
	}
	
	.articleBlock.singleColBlock.new .dateArea:before {
		margin: 0 calc(100vw/(750/10)) 0 0;
		padding: calc(100vw/(750/7)) calc(100vw/(750/12));
		font-size: calc(100vw/(750/22));
	}
	
	.articleBlock.singleColBlock .summary {
		margin: calc(100vw/(750/18)) 0 0;
		font-size: calc(100vw/(750/26));
		line-height: 2;
	}
	
	
	#cmeCont .keywordResult {
		padding-bottom: calc(100vw/(750/80));
	}
	
	.keywordResult .btnMore a {
		width: 100%;
		height: calc(100vw/9.375);
		border-radius: 5px;
		font-size: calc(100vw/25);
	}
	
	.keywordResult .btnMore a:before,
	.keywordResult .btnMore a:after {
		right: calc(100vw/25);
		width: calc(100vw/26.7857143);
	}
	
}