@charset "utf-8";


#mainVisual,
#topCmeNavi,
#cmeMain,
.loginAreaWrapper {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

.loginAreaWrapper li {
	list-style-type: none;
}

/* @group MainVisual ------------------------------ */

#mainVisual {
	position: relative;
}

.slide .mainTxtArea {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	padding: 130px 0 0;
}

.slide .topLogo {
	width: 500px;
	height: 280px;
	margin: 0 auto;
	background-image: url(../images/logo_mainvisual.svg);
	background-size: contain;
	background-repeat: no-repeat;
	text-indent: -999em;
}

.slide .mainTxtArea .mainCopy {
	width: 500px;
	margin: 44px auto 0;
	color: #fff;
	font-size: 18px;
	line-height: 1.5;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 0 23px rgba(0, 0, 0, .23);
}

.slide .mainTxtArea--r .topLogo,
.slide .mainTxtArea--r .mainCopy {
	margin-right: 140px;
	margin-left: auto;
}

.slide .mainTxtArea--l .topLogo,
.slide .mainTxtArea--l .mainCopy {
	margin-right: auto;
	margin-left: 140px;
}

#mainVisual .slideArea {
	
}

#mainVisual .slideArrows {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	z-index: 6;
	max-width: 1414px;
	transform: translateX(-50%) ;
}

#mainVisual .slideArrows .slickArrow {
	position: absolute;
	width: 54px;
	height: 54px;
	background: #fff;
	border-radius: 50%;
	transform: translateY(-50%);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	text-indent: -999em;
}

#mainVisual .slideArrows .slickArrow:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 17px;
	height: 17px;
	margin: -8px 0 0;
	border-top: 2px solid #222;
	border-left: 2px solid #222;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}

#mainVisual .slideArrows .slickPrev {
	left: 0;
	margin-left: -13px;
}

#mainVisual .slideArrows .slickNext {
	right: 0;
	margin-right: -13px;
}

#mainVisual .slideArrows .slickPrev:after {
	left: 0;
	transform: rotate(-45deg);
	margin-left: 22px;
}

#mainVisual .slideArrows .slickNext:after {
	right: 0;
	transform: rotate(135deg);
	margin-right: 22px;
}

#mainVisual .slideArea .slide {
	position: relative;
	width: 1414px;
}

#mainVisual .slideArea .slide a {
	display: block;
	transition: all 0.3s ease;
}

#mainVisual .slideArea .slide a:hover {
	opacity: 0.7;
}

#mainVisual .slideArea .slide img {
	width: 100%;
	height: auto;
}

#mainVisual .slick-dots {
	display: flex;
	justify-content: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0 0 23px;
}

#mainVisual .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 9px;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	text-indent: -999em;
}

#mainVisual .slick-dots li.slick-active {
	background: #c00;
}

#mainVisual .slick-dots li button {
	font-size: 1px;
	border: none;
	opacity: 0;
}

/* @end */

/* @group Navigation ------------------------------ */

#topCmeNavi {
	border-bottom: 1px solid #dbdbdb;
}

#topCmeNavi ul {
	display: flex;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 13px;
	list-style-type: none;
}

#topCmeNavi ul li {
	flex: 1;
	font-size: 18px;
	font-weight: 500;
}

#topCmeNavi ul li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 99px;
	color: #222;
	line-height: 1;
	font-weight: 500;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topCmeNavi ul li a:before {
	content: '';
	display: block;
	width: 100%;
	height: 19px;
	margin: 0 0 10px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* @group Icon */

#topCmeNavi ul li:nth-of-type(1) a:before {
	background-image: url(../common/v0006/images/icon_appliances.svg);
	background-size: 16px 19px;
}

#topCmeNavi ul li:nth-of-type(2) a:before {
	background-image: url(../common/v0006/images/icon_recipe.svg);
	background-size: 20px 16px;
}

#topCmeNavi ul li:nth-of-type(3) a:before {
	background-image: url(../common/v0006/images/icon_living.svg);
	background-size: 18px 18px;
}

#topCmeNavi ul li:nth-of-type(4) a:before {
	background-image: url(../common/v0006/images/icon_knowledge.svg);
	background-size: 16px 18px;
}

#topCmeNavi ul li:nth-of-type(5) a:before {
	background-image: url(../common/v0006/images/icon_point.svg);
	background-size: 19px 19px;
}

#topCmeNavi ul li:nth-of-type(6) a:before {
	background-image: url(../common/v0006/images/icon_mastery.svg);
	background-size: 20px 19px;
}

/* @end */

#topCmeNavi ul li a:hover {
	color: #fff;
}

#topCmeNavi ul li:nth-of-type(1) a:hover {background-color: #528aeb;}
#topCmeNavi ul li:nth-of-type(2) a:hover {background-color: #f26179;}
#topCmeNavi ul li:nth-of-type(3) a:hover {background-color: #32a64b;}
#topCmeNavi ul li:nth-of-type(4) a:hover {background-color: #a632a6;}
#topCmeNavi ul li:nth-of-type(5) a:hover {background-color: #f2a200;}
#topCmeNavi ul li:nth-of-type(6) a:hover {background-color: #36b8d9;}

#cmeHeader.cat1 .cmeNavi ul li:nth-of-type(1) a {background-color: #528aeb;}
#cmeHeader.cat2 .cmeNavi ul li:nth-of-type(2) a {background-color: #f26179;}
#cmeHeader.cat3 .cmeNavi ul li:nth-of-type(3) a {background-color: #32a64b;}
#cmeHeader.cat4 .cmeNavi ul li:nth-of-type(4) a {background-color: #a632a6;}
#cmeHeader.cat5 .cmeNavi ul li:nth-of-type(5) a {background-color: #f2a200;}
#cmeHeader.cat6 .cmeNavi ul li:nth-of-type(6) a {background-color: #36b8d9;}


#topCmeNavi ul li:nth-of-type(1) a:hover:before {background-image: url(../common/v0006/images/icon_appliances_on.svg);}
#topCmeNavi ul li:nth-of-type(2) a:hover:before {background-image: url(../common/v0006/images/icon_recipe_on.svg);}
#topCmeNavi ul li:nth-of-type(3) a:hover:before {background-image: url(../common/v0006/images/icon_living_on.svg);}
#topCmeNavi ul li:nth-of-type(4) a:hover:before {background-image: url(../common/v0006/images/icon_knowledge_on.svg);}
#topCmeNavi ul li:nth-of-type(5) a:hover:before {background-image: url(../common/v0006/images/icon_point_on.svg);}
#topCmeNavi ul li:nth-of-type(6) a:hover:before {background-image: url(../common/v0006/images/icon_mastery_on.svg);}

/* @end */


/* @group LogInArea ------------------------------ */

#topCmeNavi ~ .loginAreaWrapper {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: 23px 13px 23px;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	height: auto;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea {
	display: flex;
	align-items: center;
}

/* @group MemberInfo ------------------------------ */

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo {
	margin: 10px 0 23px;
	color: #4c4c4c;
	font-size: 16px;
	line-height: 1;
	letter-spacing: -0.02em;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome {
	display: flex;
	align-items: center;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px solid #dbdbdb;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome:before {
	content: '';
	display: block;
	width: 16px;
	height: 21px;
	margin: 0 5px 0 0;
	background-image: url(../common/v0006/images/icon_member.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome .name {
	display: inline-block;
	margin: 0 5px;
	font-weight: 500;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome small {
	font-size: 14px;
}



#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .pointNum {
	display: block;
	margin: 0 5px 0 10px;	
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .ownedPoint,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .expirationPoint {
	display: flex;
	align-items: center;	
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .ownedPoint {
	margin: 0 18px 0 0;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .ownedPoint .pointNum {
	color: #cc0000;
	font-size: 20px;
}

/* @end */

/* @group ButtonArea ------------------------------ */

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList {
	justify-content: space-between;
	width: 100%;
	padding: 0 0 24px;
	font-size: 20px;
	font-weight: 500;
	list-style-type: none;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li {
	width: calc((100% - 30px) / 4);
	text-align: center;
}


#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 80px;
	padding: 0 0 2px;
	border: 1px solid #333;
	border-radius: 3px;
	/*line-height: 38px;*/
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnProductRegist a {
	color: #fff;
	background-color: #222;
	border-color: #222;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMypage a,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogin a {
	color: #fff;
	background-color: #c00;
	border-color: #c00;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnDetailChange a,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMemberRegist a {
	color: #c00;
	border-color: #c00;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogout a,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnForBeginner a {
	color: #42a0cb;
	border-color: #42a0cb;
}

/* hover */
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnProductRegist a:hover {
	opacity: 0.75;
/*	background-color: #434343;*/
	border-color: #434343;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMypage a:hover,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogin a:hover {
	opacity: 0.75;
	/*background-color: #ae0000;*/
	border-color: #ae0000;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnDetailChange a:hover,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMemberRegist a:hover {
	background-color: #fbebeb;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogout a:hover,
#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnForBeginner a:hover {
	background-color: #f0f8fb;
}



#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li a:before {
	content: '';
	display: block;
	margin-right: 16px;
	background-repeat: no-repeat;
	background-size: contain;
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnProductRegist a:before {
	width: 16px;
	height: 19px;
	background-image: url(../common/v0006/images/icon_appliances_on.svg);
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMypage a:before {
	width: 16px;
	height: 21px;
	background-image: url(../common/v0006/images/icon_member_fff.svg);
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnDetailChange a:before {
	width: 24px;
	height: 19px;
	background-image: url(../common/v0006/images/icon_reload.svg);
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogout a:before {
	width: 17px;
	height: 18px;
	background-image: url(../common/v0006/images/icon_logout.svg);
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMemberRegist a:before {
	width: 16px;
	height: 21px;
	background-image: url(../common/v0006/images/icon_member_c00.svg);
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnForBeginner a:before {
	width: 14px;
	height: 18px;
	background-image: url(../common/v0006/images/icon_beginner.svg);
}

#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogin a:before {
	width: 17px;
	height: 18px;
	background-image: url(../common/v0006/images/icon_login.svg);
}




/* @end */

/* @group Notation ------------------------------ */

.loginAreaWrapper .note,
.loginAreaWrapper .note dt {
	display: flex;
	align-items: center;
	font-size: 14px;
	line-height: 25px;
}

.loginAreaWrapper .note {
	/*margin: 0 0 25px;*/
	margin: 0 0 12px;
	padding: 11px 24px;
	background: #fcf2f2;
}

.loginAreaWrapper .note dt {
	margin: 0 5px 0 0;
	color: #c00;
	white-space: nowrap;
}

.loginAreaWrapper .note dt:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	margin: 0 12px 0 0;
	background-image: url(../images/icon_ex.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

/* @end */

/* @group ソーシャルメディア ------------------------------ */

.loginAreaWrapper .officialSns {
	display: flex;
	align-items: center;
	margin: 25px 0 0;
	font-size: 16px;
}

.loginAreaWrapper .officialSns dt {
	display: flex;
	align-items: center;
	width: 285px;
	margin: 0;
}

.loginAreaWrapper .officialSns dt:before {
	content: '';
	display: block;
	width: 6px;
	height: 16px;
	margin: 0 20px 0 0;
	background: #dbdbdb;
}

.loginAreaWrapper .officialSns dd ul {
	display: flex;
	align-items: center;
}

.loginAreaWrapper .officialSns .btnSns {
	margin: 0 10px 0 0;
}

.loginAreaWrapper .officialSns .btnSns a {
	display: flex;
	align-items: center;
	height: 48px;
	padding: 0 40px;
	color: #222;
	border: 1px solid #dbdbdb;
	border-radius: 3px;
	text-decoration: none;
}

.loginAreaWrapper .officialSns .btnSns a:hover {
	color: #c00;
	background-color: #f5f5f5;
}

.loginAreaWrapper .officialSns .btnSns a:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 0 0 12px;
	border-top: 2px solid #c00;
	border-right: 2px solid #c00;
	transform: rotate(45deg);
}

.loginAreaWrapper .officialSns .btnSns.fb a {
	padding: 0 14px;
	color: #1877f2;
	border-color: #1877f2;
	font-size: 20px;
}

.loginAreaWrapper .officialSns .btnSns.fb a:before {
	content: '';
	display: block;
	width: 21px;
	height: 21px;
	margin: 0 8px 0 0;
	background-image: url(../images/icon_facebook.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.loginAreaWrapper .officialSns .btnSns.fb a:after {
	display: none;
}

/* @end */

/* @group 検索 ------------------------------ */

.loginAreaWrapper .indexSearch {
	display: flex;
	align-items: center;
	margin: 25px 0 0;
	font-size: 16px;
}

.loginAreaWrapper .indexSearch dt {
	display: flex;
	align-items: center;
	width: 285px;
}

.loginAreaWrapper .indexSearch dt:before {
	content: '';
	display: block;
	width: 6px;
	height: 16px;
	margin: 0 20px 0 0;
	background: #dbdbdb;
}

.loginAreaWrapper .indexSearch dd {
	flex: 1;
	max-width: 700px;
}

/* @end */



#cmeMain {
	border: none;
}

#cmeCont {
	padding: 126px 0 0;
}

#cmeCont img {
	vertical-align: bottom;
}

.cmeHeadline2Top {
	text-align: center;
}

#cmeCont .topSect {
	margin-bottom: 70px;
}

/* @group 新着情報 ------------------------------ */

#topWhatsNew .cmeHeadline2Top.new {
	position: relative;
}

#topWhatsNew .cmeHeadline2Top.new:before {
	content: 'NEW';
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -22px 0 0 -124px;
	color: #cc0000;
	border-radius: 50%;
	border: 1px solid #cc0000;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0em;
}

#topWhatsNew .articleList {
	/*margin: 0 -37px;*/
	margin: 0 -2.61669%;
}

#topWhatsNew .articleList .articleBlock {
	width: 25%;
	margin: 0 0 80px;
	/*padding: 0 37px;*/
	padding: 0 2.486559%;
}

#topWhatsNew .articleList .articleBlock:nth-of-type(1),
#topWhatsNew .articleList .articleBlock:nth-of-type(2) {
	width: 50%;
}

/* @end */

/* @group 家電に関する記事 ------------------------------ */

#cmeCont #topAppliances {
	margin-bottom: 157px;
	padding: 47px 0 60px;
	background: #f2f2f2;
}

#topAppliances .cmeHeadline2Top {
	font-size: 24px;
}

#topAppliances .cmeHeadline2Top:before {
	content: '';
	display: block;
	width: 24px;
	height: 29px;
	margin: 0 auto 20px;
	background-image: url(../common/v0006/images/icon_appliances.svg);
	background-size: contain;
}

#topAppliances .btnMore {
	margin: 32px 0 0;
}

#topAppliances .btnMore a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 440px;
	height: 48px;
	margin: 0 auto;
	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;
}

#topAppliances .btnMore a:after {
	content: '';
	display: block;
	position: absolute;
	right: 25px;
	top: 50%;
	width: 7px;
	height: 7px;
	margin: -3px 0 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topAppliances .btnMore a:hover {
	opacity: 0.75;
}

/* @end */

/* @group ピックアップコーナー ------------------------------ */

#topPickup .pickupList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none;
}

#topPickup .pickupList li {
	width: 47.454031%;
	margin: 0 0 80px;
}

#topPickup .pickupList li a {
	display: block;
	position: relative;
}

#topPickup .pickupList li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topPickup .pickupList li a:hover:after {
	background-color: rgba(0, 0, 0, .25);
}

#topPickup .pickupList li img {
	width: 100%;
	height: auto;
}

/* @end */

#cmeCont #topRecommend {
	margin-bottom: 70px;
}

/* @group 注目のキーワード ------------------------------ */

#cmeCont #topKeyword {
	margin-bottom: 157px;
	padding: 72px 0;
	background: #f2f2f2;
}

#topKeyword .cmeTopKeyword {
	display: flex;
	align-items: center;
	position: relative;
	font-size: 16px;
	line-height: 30px;
}

#topKeyword .cmeTopKeyword .label {
	display: flex;
	align-items: center;
	width: 250px;
/*	padding: 7px 0 16px;*/
	font-size: 24px;
	font-weight: 700;
}

#topKeyword .cmeTopKeyword .label:before {
	content: '';
	display: block;
	width: 30px;
	height: 29px;
	margin: 3px 13px 0 0;
	background-image: url(../common/v0006/images/icon_search.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

#topKeyword .cmeTopKeyword .keywordList {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	list-style-type: none;
}

#topKeyword .cmeTopKeyword .keywordList li {
	margin: 8px;
}

#topKeyword .cmeTopKeyword .keywordList li a {
	padding: 7px 12px;
	display: block;
	background: #fff;
	font-weight: 500;
	line-height: 1;
	border-radius: 4px;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topKeyword .cmeTopKeyword .keywordList li a:hover {
	background-color: #e5e5e5;
}

#topKeyword .cmeTopKeyword .keywordLink {
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 13px -24px 0;
	line-height: 1;
}

#topKeyword .cmeTopKeyword .keywordLink a {
	display: flex;
	align-items: center;
	justify-content: center;
	/* text-decoration: none; */
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topKeyword .cmeTopKeyword .keywordLink a:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 0 0 5px;
	border-top: 2px solid #c00;
	border-right: 2px solid #c00;
	transform: rotate(45deg);
}

/* @end */

#cmeCont #topPoint {
	margin-bottom: 122px;
}

#topPoint .pointList {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -0.636492%;
}

#topPoint .pointList .pointPanel {
	width: 25%;
	margin: 0 0 35px;
	padding: 0 0.628492%;
}

#topPoint .pointList .pointPanel .thumb {
	display: block;
	position: relative;
}

#topPoint .pointList .pointPanel .thumb:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .0);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#topPoint .pointList .pointPanel a:hover .thumb:after {
	background-color: rgba(0, 0, 0, .25);
}

#topPoint .pointList .pointPanel img {
	width: 100%;
	height: auto;
}

#topPoint .pointList .pointPanel .link {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 14px 0 0;
	font-size: 14px;
	line-height: 1.5;
}

#topPoint .pointList .pointPanel .link:after {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	margin: 0 0 0 5px;
	border-top: 2px solid #c00;
	border-right: 2px solid #c00;
	transform: rotate(45deg);
}

#topPoint .pointList .noti_Panel {
	width: 49.371508%;
	display: flex;
	align-items: center;
	border: 2px solid #CC0000;
	box-sizing: border-box;
	margin-bottom: 70px;
}

#topPoint .pointList .noti_Panel dl {
	padding: 10px 3.985%;
}

#topPoint .pointList .noti_Panel dt {
	font-size: 16px;
	font-weight: 700;
	color: #CC0000;
	position: relative;
	padding-left: 30px;
}

#topPoint .pointList .noti_Panel dt:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background: url(/club-me/images/icon_ex.svg) no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 55%;
	transform: translateY(-50%);
}

#topPoint .pointList .noti_Panel dd {
	font-size: 14px;
	margin-top: 8px;
	line-height: 1.5;
}

@media only screen and (min-width:768px) and (max-width:1100px){

	#topPoint .pointList .noti_Panel dl {
		padding: 0.909vw 1.93vw;
	}

	#topPoint .pointList .noti_Panel dt {
		font-size: 1.455vw;
		padding-left: 18px;
	}

	#topPoint .pointList .noti_Panel dt:before {
		width: 16px;
		height: 16px;
	}

	#topPoint .pointList .noti_Panel dd {
		font-size: 1.273vw;
		margin-top: 0.727vw;
	}
}

@media only screen and (max-width:1414px) {
	
	#mainVisual {
		overflow: hidden;
	}
	
	.slide .mainTxtArea {
		padding: calc(100vw/10.8769231) 0 0;
	}
	
	.slide .topLogo {
		width: calc(100vw/2.828);
		height: calc(100vw/5.05);
	}
	
	.slide .mainTxtArea .mainCopy {
		width: calc(100vw/2.828);
		margin-top: calc(100vw/32.1363636);
		font-size: calc(100vw/78.55555555);
	}

	.slide .mainTxtArea--r .topLogo,
	.slide .mainTxtArea--r .mainCopy{
		margin-right: calc(100vw/9.900990099);
	}

	.slide .mainTxtArea--l .topLogo,
	.slide .mainTxtArea--l .mainCopy{
		margin-left: calc(100vw/9.900990099);
	}
	
	#mainVisual .slideArrows .slickPrev:after {
		margin-left: 26px;
	}
	
	#mainVisual .slideArrows .slickNext:after {
		margin-right: 26px;
	}
	
	#mainVisual .slideArea .slide {
		/* width: 100%; */
	}
	
	#cmeCont {
		padding-top: calc(100vw/9.8630137);
	}
	
	#cmeCont .topSect {
		margin-bottom: calc(100vw/20.5714286);
	}
	
	#topWhatsNew .articleList .articleBlock,
	#topPickup .pickupList li {
		margin-bottom: calc(100vw/18);
	}
	
	#cmeCont #topAppliances,
	#cmeCont #topKeyword {
		margin-bottom: calc(100vw/9.17197452);
	}
	
	.articleList .articleBlock {
		margin-bottom: calc(100vw/19.2);
	}
	
}

@media only screen and (max-width:1100px) {
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList {
		flex-wrap: wrap;
		padding-bottom: 14px;
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li {
		width: calc((100% - 10px) / 2);
		margin-bottom: 10px;
	}
	
	.loginAreaWrapper .note {
		display: block;
	}
	
}

@media only screen and (max-width:950px) {
	
	.loginAreaWrapper .officialSns {
		display: block;
	}
	
	.loginAreaWrapper .officialSns dt {
		margin: 0 0 10px;
		width: auto;
	}

	.loginAreaWrapper .indexSearch {
		display: block;
	}
	
	.loginAreaWrapper .indexSearch dt {
		margin: 0 0 10px;
		width: auto;
	}
	
	#topKeyword .cmeTopKeyword {
		display: block;
	}
	
	#topKeyword .cmeTopKeyword .label {
		margin: 0 8px 10px;
	}
	
}

@media only screen and (min-width:768px) {

	#topWhatsNew .articleList .articleBlock {
		display: block !important;
	}
	
}
	

@media only screen and (max-width:767px) {
	
	
	#content {
		padding: 0;
	}
	
	/* @group MainVisual ------------------------------ */
	
	.slide .mainTxtArea {
		padding: calc(100vw/3) 0 0;
	}
	
	.slide .topLogo {
		width: calc(100vw/1.42857143);
		height: calc(100vw/2.55102041);
	}
	
	.slide .mainTxtArea .mainCopy {
		width: auto;
		margin: calc(100vw/8.333333333) 0 0;
		font-size: calc(100vw/26.7857143);
		text-shadow: 0 0 12px rgba(0, 0, 0, .23);
	}

	.slide .mainTxtArea--r .topLogo,
	.slide .mainTxtArea--r .mainCopy{
		margin-right: auto;
	}

	.slide .mainTxtArea--l .topLogo,
	.slide .mainTxtArea--l .mainCopy{
		margin-left: auto;
	}
	
	#mainVisual .slideArea .slide {
		width: 100%;
	}
	
	#mainVisual .slideArea .slide {
		width: 100%;
		height: calc(100vw/0.73818898);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#mainVisual .slideArea .slide img {
		/*display: none;*/
	}
	
/*	#mainVisual .slideArea .slide01 {background-image: url(../images/mainvisual01_sp.jpg);}
	#mainVisual .slideArea .slide02 {background-image: url(../images/mainvisual02_sp.jpg);}
	#mainVisual .slideArea .slide03 {background-image: url(../images/mainvisual03_sp.jpg);}
	#mainVisual .slideArea .slide04 {background-image: url(../images/mainvisual04_sp.jpg);}*/
	
	/* @end */
	
	/* @group Navigation ------------------------------ */

	#topCmeNavi {
		border: none;
	}
	
	#topCmeNavi ul {
		flex-wrap: wrap;
		max-width: 100%;
		padding: 0;
	}
	
	#topCmeNavi ul li {
		flex: auto;
		/*width: calc(100vw/3);*/
		width: calc(1/3 * 100%);
		border-bottom: 1px solid #dbdbdb;
		border-right: 1px solid #dbdbdb;
		font-size: calc(100vw/26.7857143);
	}
	
	#topCmeNavi ul li:nth-of-type(5) {
		font-size: calc(100vw/28.8461538);
	}
	
	#topCmeNavi ul li:nth-of-type(3n) {
		border-right: none;
	}
	
	#topCmeNavi ul li a {
		height: calc(100vw/3.82653061);
		line-height: calc(16/13);
		text-align: center;
	}
	
	#topCmeNavi ul li:nth-of-type(4) a,
	#topCmeNavi ul li:nth-of-type(6) a {padding-bottom: calc(100vw/23.4375);}
	
	#topCmeNavi ul li a:before {
		height: calc(100vw/25.802069);
		margin: 0 0 calc(100vw/34.09090909);
	}
	
	/* @group Icon */
	
	#topCmeNavi ul li:nth-of-type(1) a:before {background-size: calc(100vw/(750/24)) calc(100vw/(750/29));}
	#topCmeNavi ul li:nth-of-type(2) a:before {background-size: calc(100vw/(750/30)) calc(100vw/(750/24));}
	#topCmeNavi ul li:nth-of-type(3) a:before {background-size: calc(100vw/(750/27)) calc(100vw/(750/27));}
	#topCmeNavi ul li:nth-of-type(4) a:before {background-size: calc(100vw/(750/24)) calc(100vw/(750/27));}
	#topCmeNavi ul li:nth-of-type(5) a:before {background-size: calc(100vw/(750/29)) calc(100vw/(750/29));}
	#topCmeNavi ul li:nth-of-type(6) a:before {background-size: calc(100vw/(750/30)) calc(100vw/(750/29));}
	
	/* @end */
	
	
	/* @end */
	
	/* @group LogInArea ------------------------------ */

	#topCmeNavi ~ .loginAreaWrapper {
		max-width: 100%;
		margin: 0 auto;
		padding: 0 calc(100vw/18.75);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea {
		display: block;
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList,
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo,
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea {
		display: block;
	}
	
	/* @group MemberInfo ------------------------------ */
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo {
		margin: calc(100vw/9.375) 0 0;
		font-size: calc(100vw/28.8461538);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome {
		margin: 0 0 calc(100vw/25);
		padding: 0;
		border-right: none;
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome:before {
		width: calc(100vw/35.7142857);
		height: calc(100vw/25);
		margin: 0 calc(100vw/46.875) 0 0;
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome .name {
		font-size: calc(100vw/26.7857143);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .memberInfo .welcome small {
		font-size: calc(100vw/28.8461538);
	}
	
	
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .pointNum {
		display: block;
		margin: 0 calc(100vw/68.18181818);	
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .ownedPoint,
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .expirationPoint {
		line-height: calc(24/13);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .ownedPoint {
		margin: 0;
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .pointArea .ownedPoint .pointNum {
		font-size: calc(100vw/17.8571429);
	}
	
	/* @end */
	
	/* @group ButtonArea ------------------------------ */
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: calc(100vw/18.75) 0 calc(100vw/46.875);
		font-size: calc(100vw/25);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li {
		width: 48.208955%;
		margin: 0 0 calc(100vw/31.25);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnProductRegist,
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMypage,
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogin {width: 100%}
	
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li a {
		display: flex;
		align-items: center;
		justify-content: center;
		height: calc(100vw/6.25);
		border: calc(100vw/375) solid #333;
		line-height: 1.2;
		font-weight: 500;
		text-align: left;
	}
	
	
	
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li a:before {
		margin-right: calc(100vw/31.25);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnProductRegist a:before {
		width: calc(100vw/31.25);
		height: calc(100vw/25.862069);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMypage a:before {
		width: calc(100vw/41.666666666);
		height: calc(100vw/28.8461538);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnDetailChange a:before {
		width: calc(100vw/20.833333333);
		height: calc(100vw/25.862069);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogout a:before {
		width: calc(100vw/27.77777777);
		height: calc(100vw/26.7857143);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnMemberRegist a:before {
		width: calc(100vw/41.666666666);
		height: calc(100vw/28.8461538);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnForBeginner a:before {
		width: calc(100vw/34.09090909);
		height: calc(100vw/26.7857143);
	}
	
	#topCmeNavi ~ .loginAreaWrapper .loginBtnArea .btnList li.btnLogin a:before {
		width: calc(100vw/27.77777777);
		height: calc(100vw/26.7857143);
	}
	
	
	
	
	/* @end */
	
	/* @group Notation ------------------------------ */
	
	.loginAreaWrapper .note,
	.loginAreaWrapper .note dt {
		font-size: calc(100vw/31.25);
		line-height: calc(5/3);
	}
	
	.loginAreaWrapper .note {
		position: relative;
		/*margin: 0 0 calc(100vw/9.375);*/
		margin: 0 0 calc(100vw/(750/24));
		padding: calc(100vw/50) calc(100vw/25) calc(100vw/50) calc(100vw/8.82352941);
		background: #fcf2f2;
	}
	
	.loginAreaWrapper .note:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw/19.2307692);
		height: calc(100vw/19.2307692);
		margin: calc(100vw/31.25) 0 0 calc(100vw/31.25);
		background-image: url(../images/icon_ex.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.loginAreaWrapper .note dt,
	.loginAreaWrapper .note dd {
		display: block;
		letter-spacing: -0.01em;
	}
	
	.loginAreaWrapper .note dt {
		margin: 0 -0.5em 0 0;
		color: #c00;
	}
	
	.loginAreaWrapper .note dt:before {
		display: none;
	}
	
	/* @end */
	
	/* @group ソーシャルメディア ------------------------------ */
	
	.loginAreaWrapper .officialSns {
		display: block;
		align-items: center;
		margin: calc(100vw/9.375) 0 0;
		font-size: calc(100vw/25);
	}
	
	.loginAreaWrapper .officialSns dt {
		display: flex;
		align-items: center;
		margin: 0 0 calc(100vw/19.7368421);
	}
	
	.loginAreaWrapper .officialSns dt:before {
		width: calc(100vw/62.5);
		height: calc(100vw/25);
		margin: 0 calc(100vw/22.7272727) 0 0;
	}
	
	.loginAreaWrapper .officialSns dd ul {
		display: flex;
		align-items: center;
	}
	
	.loginAreaWrapper .officialSns .btnSns {
		margin: 0 10px 0 0;
	}
	
	.loginAreaWrapper .officialSns .btnSns a {
		width: calc(100vw/2.31481481);
		height: calc(100vw/7.8125);
		padding: 0 calc(100vw/53.5714286) 0 calc(100vw/34.0909091);
		border-radius: 5px;
		font-size: calc(100vw/28.8461538);
	}
	
	.loginAreaWrapper .officialSns .btnSns a:after {
		width: calc(100vw/75);
		height: calc(100vw/75);
		margin: 0 0 0 calc(100vw/107.142857);
		border-top: 2px solid #c00;
		border-right: 2px solid #c00;
	}
	
	.loginAreaWrapper .officialSns .btnSns.fb a {
		justify-content: center;
		font-size: calc(100vw/25);
/*		font-size: 20px;*/
	}
	
	.loginAreaWrapper .officialSns .btnSns.fb a:before {
		width: calc(100vw/24.1935484);
		height: calc(100vw/24.1935484);
		margin: 0 calc(100vw/41.66666666) 0 0;
	}
	
	.loginAreaWrapper .officialSns .btnSns.fb a:after {
		display: none;
	}
	
	/* @end */
	
	/* @group 検索 ------------------------------ */

	.loginAreaWrapper .indexSearch {
		display: block;
		align-items: center;
		margin: calc(100vw/17) 0 0;
		font-size: calc(100vw/25);
	}

	.loginAreaWrapper .indexSearch dt {
		display: flex;
		align-items: center;
		margin: 0 0 calc(100vw/19.7368421);
	}
	
	.loginAreaWrapper .indexSearch dt:before {
		width: calc(100vw/62.5);
		height: calc(100vw/25);
		margin: 0 calc(100vw/22.7272727) 0 0;
	}

	.loginAreaWrapper .indexSearch dd {
		flex: initial;
		max-width: none;
	}

	/* @end */
		
	

	
	#cmeCont {
		padding: calc(100vw/3.31858407) 0 0;
	}
		
	#cmeCont .topSect {
		margin-bottom: calc(100vw/6.25);
	}
	
	/* @group 新着情報 ------------------------------ */
	
	
	#topWhatsNew .cmeHeadline2Top.new:before {
		width: calc(100vw/10.2739726);
		height: calc(100vw/10.2739726);
		margin: calc(100vw/21.4285714 * -1) 0 0 calc(100vw/4.11069519 * -1);
		font-size: calc(100vw/34.09090909);
	}
	
	
	#topWhatsNew .articleList {
		/*margin: 0 -37px;*/
		margin: 0;
	}
	
	#topWhatsNew .articleList .articleBlock {
		width: calc(100vw/2.38095238);
		margin: 0 0 calc(100vw/10);
		padding: 0;
	}
	
	/*#topWhatsNew .articleList .articleBlock:nth-of-type(n+5) {
		display: none;
	}*/
	
	#topWhatsNew .articleList .articleBlock:nth-of-type(-n+2) {
		width: 100%;
	}
	
	#topWhatsNew .articleList .articleBlock:nth-of-type(-n+2) h3.cmeHadline3 {
		font-size: calc(100vw/25);
	}
	
	#topWhatsNew .articleList .articleBlock:nth-of-type(-n+2) .attribute {
		display: flex;
	}
	
	#topWhatsNew .articleList .articleBlock:nth-of-type(-n+2) .attribute .category {
		margin-right: calc(100vw/31.25);
		padding-right: calc(100vw/31.25);
		border-right: 1px solid #dbdbdb;
	}
	
	#topWhatsNew .articleList .articleBlock:nth-of-type(-n+2) .attribute .tag {
		margin: 0;
	}
	
	#topWhatsNew .wnMore {
		/*padding: 0 calc(100vw/18.75);*/
		padding: 0;
	}
	
	#topWhatsNew .wnMore a {
		display: flex;
	    align-items: center;
	    justify-content: center;
	    position: relative;
	    width: 100%;
	    height: calc(100vw/9.375);
	    margin: 0 ;
	    color: #fff;
	    background: #222;
	    border-radius: 5px;
	    font-size: calc(100vw/25);
	    font-weight: 500;
	    text-decoration: none;
	    -webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#topWhatsNew .wnMore a:before,
	#topWhatsNew .wnMore a:after {
		content: '';
		display: block;
		position: absolute;
		right: calc(100vw/25);
		top: 50%;
		width: calc(100vw/26.7857143);
		height: 2px;
		margin-top: -1px;
		background-color: #fff;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#topWhatsNew .wnMore a:after {
		transform: rotate(90deg);
	}
	
	
	#topWhatsNew .wnMore.acOpen a:after {
		transform: rotate(-180deg);
	}
	
	#topWhatsNew .wnMore a:hover {
		opacity: 0.75;
	}
	
	/* @end */
	
	/* @group 家電に関する記事 ------------------------------ */
	
	#cmeCont #topAppliances {
		margin-bottom: calc(100vw/7.5);
		/*padding: calc(100vw/9.375) calc(100vw/18.75);*/
		padding: calc(100vw/9.375) 0;
	}
	
	#topAppliances .cmeHeadline2Top {
		font-size: calc(100vw/20.833333333);
	}
	
	#topAppliances .cmeHeadline2Top:before {
		width: calc(100vw/20.8333333);
		height: calc(100vw/17.0454545);
		margin: 0 auto calc(100vw/28.8461538);
	}
	
	#topAppliances .btnMore {
		margin: calc(100vw/18.75) 0 0;
	}
	
	#topAppliances .btnMore a {
		width: 100%;
		height: calc(100vw/9.375);
		border-radius: 5px;
		font-size: calc(100vw/25);
	}
	
	#topAppliances .btnMore a:after {
		right: 25px;
		top: 50%;
		width: calc(100vw/75);
		height: calc(100vw/75);
		margin: -3px 0 0;
	}
	
	#topAppliances .btnMore a:hover {
		opacity: 0.75;
	}
	
	/* @end */
	
	/* @group ピックアップコーナー ------------------------------ */
	
	#cmeCont #topPickuo {
		margin-bottom: calc(100vw/11.36363636);
	}
	
	#topPickup .pickupList {
		display: block;
		/*padding: 0 calc(100vw/18.75);*/
		padding: 0;
	}
	
	#topPickup .pickupList li {
		width: 100%;
		margin: 0 0 calc(100vw/18.75);
	}
	
	#topPickup .pickupList li a {
		display: block;
		position: relative;
	}
	
	#topPickup .pickupList li a:after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .0);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	
	#topPickup .pickupList li a:hover:after {
		background-color: rgba(0, 0, 0, .25);
	}
	
	#topPickup .pickupList li img {
		width: 100%;
		height: auto;
	}
	
	/* @end */
	
	#cmeCont #topRecommend {
		margin-bottom: calc(100vw/9.375);
	}
	
	/* @group 注目のキーワード ------------------------------ */
	
	#cmeCont #topKeyword {
		margin-bottom: calc(100vw/7.14285714);
		padding: calc(100vw/9.375) 0;
	}
	
	#topKeyword .cmeTopKeyword {
		display: block;
		font-size: calc(100vw/31.25);
		line-height: calc(100vw/12.5);
	}
	
	#topKeyword .cmeTopKeyword .label {
		width: auto;
		margin-bottom: calc(100vw/18.75);
	/*	padding: 7px 0 16px;*/
		font-size: calc(100vw/20.8333333333);
	}
	
	#topKeyword .cmeTopKeyword .label:before {
		width: calc(100vw/17.4418605);
		height: calc(100vw/17.4418605);
		margin: 0 calc(100vw/37.5) 0 0;
	}
	
	#topKeyword .cmeTopKeyword .keywordList {
		margin: 0 calc(100vw/50 * -1);
	}
	
	#topKeyword .cmeTopKeyword .keywordList li {
		margin: calc(100vw/50);
	}
	
	#topKeyword .cmeTopKeyword .keywordList li a {
		padding: calc(100vw/41.666666666) calc(100vw/31.25);
		border-radius: 5px;
	}
	
	#topKeyword .cmeTopKeyword .keywordLink {
		position: static;
		margin: calc(100vw/16.666666666) 0 0;
	}
	
	#topKeyword .cmeTopKeyword .keywordLink a {
		justify-content: flex-end;
	}
	
	#topKeyword .cmeTopKeyword .keywordLink a:after {
		width: calc(100vw/75);
		height: calc(100vw/75);
		margin: 0 0 0 calc(100vw/50);
	}
	
	/* @end */
	
	#cmeCont #topPoint {
		margin-bottom: calc(100vw/3.75);
	}
	
	#topPoint .pointList {
		justify-content: space-between;
		margin: 0;
		/*padding: 0 calc(100vw/18.75);*/
		padding: 0;
	}
	
	#topPoint .pointList .pointPanel {
		width: calc(100vw/2.38095238);
		margin: 0 0 calc(100vw/22.727272727);
		padding: 0;
	}
	
	#topPoint .pointList .pointPanel .link {
		display: block;
		margin: calc(100vw/46.875) 0 0;
		font-size: calc(100vw/31.25);
		letter-spacing: -0.05em;
	}
	
	#topPoint .pointList .pointPanel .link:after {
		display: inline-block;
		position: relative;
		top: calc((100vw/250) * -1);
		width: calc(100vw/75);
		height: calc(100vw/75);
		margin: 0 0 0 calc(100vw/100);
	}

	#topPoint .pointList.addReg {
		display: block;
	}

	#topPoint .pointList.addReg .pointPanel {
		width: 100%;
	}

	#topPoint .pointList.addReg .pointPanel .link {
		text-align: center;
	}

	#topPoint .pointList .noti_Panel {
		width: 100%;
		display: block;
		margin-bottom: calc(100vw/19.5);
	}

	#topPoint .pointList .noti_Panel dl {
		padding: 4.615vw 4.615vw 4.103vw;
		text-align: center;
	}

	#topPoint .pointList .noti_Panel dt {
		font-size: 3.462vw;
		padding-left: 5.867vw;
		display: inline-block;
	}

	#topPoint .pointList .noti_Panel dt:before {
		width: 4.267vw;
		height: 4.267vw;
		top: 53%;
	}

	#topPoint .pointList .noti_Panel dd {
		font-size: 3.205vw;
		margin-top: 10px;
		text-align: left;
		line-height: 1.7;
	}

}