@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');
.UG,
.StorageBattery .Shohin .badge.new .icon_txt
{
	font-family: "Noto Sans JP", serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
}




body	{
	background-color: #fff;
	background-image: url(../img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;

}

#DocumentBG	{

	min-width: 970px; 
}
#DocumentArea,
.HeaderArea,
.BackTop,
#Contents,
.FooterArea	{
	width: 970px;
}
.HeaderArea,
.MenuBarArea,
#ContainerBG,
#Contents,
.BackTop,
.FooterArea	{
	margin-left: auto;
	margin-right: auto;
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
}

@media screen and (max-width: 480px) {
}

@media screen and (min-width: 481px) {
}

@media screen and (min-width:1024px){
}


#DocumentArea	{
	text-align:left;
	margin: 0 auto;

}

#Header	{
	font-size: 0.8em;

}
.HeaderArea	{
	margin-left: auto;
	margin-right: auto;
}
#ContainerBG	{
	margin-left: auto;
	margin-right: auto;
	display: block;

}
#ContainerArea	{}


#Contents	{
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 1.5em;

}



#Footer	{}




#Header	{

}
#Header img	{ margin: 5px 0; }
#Header ul	{
	list-style: none;
	margin: 0;
}
#Header li	{
	display: block;
	float: left;
	width: auto;
	white-space: nowrap;
}

.HeaderArea	{
	position: relative;
	height: 140px;

}
.HeaderLogoImg,
.HeaderLogo,
.HeaderRight	{ position: absolute; }

.HeaderLogoImg	{
	top: 0px;
	left: 0px;
}
.HeaderLogo	{
	top: 0px;
	left: 0px;
	width: 280px;
	height: 140px;
	background-image: url(../img/bg_bl70.png);
	color: #fff;
	padding: 20px;
}
.HeaderRight	{
	top: 0px;
	right: 0px;
	width: 690px;
	height: 140px;
	text-align: right;
	background-image: url(../img/bg_w70.png);
	padding-top: 10px;

}




#Header a	{ display: inline; }


.HeaderLogo	{ text-align: center; }
.HeaderLogo .SiteCatch	{ display: block; }
.HeaderLogo h1	{
	font-size: 1em;
	margin-bottom: 0px;
}
.HeaderLogo h1 a	{
	display: block;
	margin-top: 5px;
}
.HeaderLogo h2,
.HeaderLogo h3	{
	font-weight: normal;
	font-size: 1em;
	margin-bottom: 0;
}
.HeaderLogo h2	{
	clear: both;
	margin-top: 0px;
}
.HeaderLogo h2 img	{
	margin-top: 5px;
	margin-bottom: 5px;
}
.HeaderLogo h3	{ }





#Header .HeaderRightArea	{
	width: auto;
	border-top-width: 0px;

}
#Header .HeaderRight table	{
	margin-right: 0px;
	margin-left: auto;

}
.HeaderRight th,
.HeaderRight td	{ background: none; }
.HeaderRight caption	{}
.HeaderRight th	{ }
#Header .HeaderRight td	{
	vertical-align: middle;
	padding-right: 10px;

}



#Header .HeaderMenuMini a	{ text-decoration: underline; }
#Header .HeaderMenuMini table	{

}
#Header .HeaderMenuMini td	{
	vertical-align: top;

}


.HeaderMenuMini li	{
	margin-left: 1em;

}



#Header .HeaderRight td.TextSize	{
	padding-left: 2em;
	padding-right: 2em;
}
.TextSize li	{ }
#Header .TextSize td	{  }

.TextSize ul	{}
.TextSize li	{}
.TextSize li a	{}
.TextSize .changeText	{}
.TextSize .changeBtn	{
	cursor: pointer;
	padding-left: 1em;
}


.TextSize .changeBtn .active	{}



.HeaderAddress	{ }
.HeaderAddress table	{ height: auto; }

.HeaderAddress li	{
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.HeaderAddress li img	{ vertical-align: text-top; }


.HeaderTelFreeText	{
	display: inline-block;
	text-align: left;
	margin:0;
	padding:0;
	vertical-align: middle;
}
.HeaderTelFreeText br	{
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}










#MenuBar	{
	text-align: center;
}
#MenuBar a	{
	display: block;
	text-align: center;
}
#MenuBar li a	{
	border-left-width: 1px;
	border-color: #333;
}
#MenuBar li:nth-child(1) a,
#MenuBar li:nth-child(7) a	{
	border-left-width: 0px;
}
#MenuBar a img	{
	margin: 0;
}
#MenuBar #MenuBarIndex	{
	width: 35px;
}



#MenuBar ul	{
	list-style: none;
	margin: 0;
}
#MenuBar li	{
	display: block;
	float: left;
	margin-top: 0.75em;

}
#MenuBar li	{
	width:calc((100% - 0px) / 4)
}
#MenuBar li:nth-child(2),
#MenuBar li:nth-child(3),
#MenuBar li:nth-child(4),
#MenuBar li:nth-child(5),
#MenuBar li:nth-child(6)	{
	width:calc((100% - 45px) / 5)
}


#MenuBar li a	{
}
#MenuBar li a img	{
	margin: 0;
}


#Header #MenuBar table,
#Header #MenuBar th,
#Header #MenuBar td	{
	text-align: center;
	border-width: 0px;
}
#Header #MenuBar table	{
	margin-left: auto;
	margin-right: auto;
	height: calc(45px / 2);
	table-layout: fixed;
	width: 100%;

}


#Header #MenuBar table:last-child	{
	width: calc(100% - 45px);
}

#Header #MenuBar td	{
	padding: 0;
	padding-left: 0px;
	padding-right: 0px;

}














.BackTop	{
	text-align: right;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 0.8em;
}



#Footer .BackTop	{
	display: block;
	float: right;
	font-size: 0.8em;
	width: 6em;
	text-align: center;

}

#Footer .BackTop a	{

	text-decoration: none;
}



#Footer	{
	clear: both;
	margin: 0;

}
.FooterArea,
.FooterArea a	{ color: #fff; }


#Footer table,
#Footer th,
#Footer td	{
	background: none;
	vertical-align: middle;
	border-width: 0;
	margin: auto;

}
#Footer table	{
	width: 100%;
	background: none;

}
#Footer h1,
#Footer h2	{
	margin-bottom: 0px;
	font-weight: bold;

}
#Footer h1	{
	font-size: 1.2em;
	vertical-align: top;

}

#Footer h2	{ font-size: 1.2em; }

#Footer .FooterInfo	{
	float: left;
	width: 26%;
	font-size: 0.8em;
	border-right-width: 1px;
	border-color: #fff;
}
#Footer .UneiZip,
#Footer .Address1,
#Footer .Address2	{ display: block; }
#Footer address	{
	text-align: inherit;
}


#Footer address div strong	{
	padding-left: 0.25em;
	padding-right: 0.25em;
	font-weight: normal;

}

#Footer .FooterArea	{ padding: 3%;
	background-image: url(../img/bg_bl70.png);
 }


#Footer .FooterMenu	{
	float: right;
	width: 70%;

}
#Footer .FooterMenu table	{
	margin-left: auto;
	margin-right: 0px;
}


#Footer .FooterBanner	{ text-align: center; }
#Footer .FooterBanner a	{
	padding-left: 5px;
	padding-right: 5px;
}
#Footer .FooterBanner img	{ vertical-align: top; }


#Footer .FooterMenu	{
	text-align: left;

}




#Footer .FooterCopy	{
	background-image: url(../img/bg_w70.png);
	text-align: center;
	line-height: 5;

}









.PageNavi,
.SortNavi	{
	font-size:0.8em;

}
.Main .PageNavi,
.Main .SortNavi	{  }

.Main .SortNavi table	{
	border-collapse:collapse;
	width: auto;
}
.Main .SortNavi th,
.Main .SortNavi td	{
	border-width: 0;
	padding-left: 0px;
	padding-right: 0px;
}


.CategoryMenu	{
	text-align: center;
	letter-spacing: 0px;
}
.CategoryMenu ul	{
	list-style: none;
	width: 100%;
	width : -webkit-calc(100% + 8px) ;
	width : calc(100% + 1px) ;
	margin-left: 0px;
	border-left-width: 1px;
}
.CategoryMenu li	{
	display: table;
	float: left;
	width: 25%;
	width : -webkit-calc(25% - 1px);
	width : calc(25% + 1px);
	min-height: 3em;
	text-align: center;
	margin-bottom: 0px;
	padding: 1px 1px 0 0;
	background: linear-gradient(-135deg, transparent 0px, #000 0px);
}
.CategoryMenu li p	{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	margin-left: auto;
	margin-top: auto;
	width: 100%;
	height: 100%;
	background: linear-gradient(-135deg, transparent 0px, #fff 0px);

}

li.CategoryMenuEnd	{
	background: linear-gradient(-135deg, transparent 10px, #000 10px);
}
li.CategoryMenuEnd p	{
	background: linear-gradient(-135deg, transparent 10px, #fff 10px);
}


.CategoryMenu ul
	{ zoom: 1; }

.CategoryMenu:after
	{
	content: ""; 
	display: block; 
	clear: both;
}




.Main h1	{}
.Main h2,
.CampaignText .Title	{
	background-image: url(../img/bg_bl70.png);
	color: #fff;
	padding: 0.5em 1em;
	font-size: 1.5em;
	text-shadow : 0px 1px 1px #666;
}
.Main h3	{
	text-align: left;
	color: #004bb4;
	border-bottom-width: 1px;
	padding-bottom: 0.5em;
}
.Main h4	{}

.Main h1 img,
.Main h1 span img,
.Main h2 img,
.Main h2 span img,
.Main h3 img,
.Main h3 span img,
.Main h4 img,
.Main h4 span img {
	border-width: 0;
	vertical-align: middle;
	float: none;
	margin: 0;
	width: auto;
	border-width: 0;
	margin-bottom: 0;
	padding: 0;
	box-shadow: 0px 0px 0px #fff;
	-moz-box-shadow: 0px 0px 0px #fff;
	-webkit-box-shadow: 0px 0px 0px #fff;
}


h1 .r,
h2 .r,
h3 .r,
h4 .r,
.Main h1 .r,
.Main h2 .r,
.Main h3 .r,
.Main h4 .r {
	display: block;
	float: right;
	text-align: right;
	width: 40%;
	font-size: 0.7em;
	line-height: inherit;
	font-weight: normal;
}

.Main h1 span a.mark,
.Main h2 span a.mark,
.Main h3 span a.mark,
.Main h4 span a.mark { text-decoration: none; }


.FormBtn	{
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 1em 0;
}


.blinking	{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink	{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink	{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink	{
    0% {opacity:0;}
    100% {opacity:1;}
}



.read	{
	font-weight:bold;
	font-size: 1.2em;

}

.read table,
.read th,
.read td	{
	background: none;
	border-width: 0;
}
.read strong	{ font-size: 1.2em; }




.Line	{
	background-image: url(../img/bg_line.gif);
	background-position: center center;
	background-repeat: repeat;
	text-align: center;
}


.memo	{
	border-width: 1px;
	padding: 0.5em 1em;

}
.memo strong	{}
.memo li	{
	margin-bottom: 0px;
	margin-top: 0px;
}


.AccessBanner	{ }
.AccessBannerArea	{ background-image: url(../img/bg_w70.png); }
.AccessBannerBox	{
	margin-left:-2px;
	background-image:url(../img/Banner_access_pic.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-top: -1px;
	padding-left: 162px;
	height: 141px;
	overflow: hidden;
}
.AccessBannerBox ul	{
	list-style: none;
	margin: 0px;
}
.AccessBannerBox li	{
	display: inline;
	float: left;
	margin: 0;
	padding: 15px 0px;
	margin-left: 15px;
}
.AccessBannerBox .AccessBannerLeft	{ margin-top: 15px; }
.AccessBannerBox .AccessBannerRight	{
	margin-top: -10px;
}
.AccessBannerRight a	{
	display: block;
	margin-top: 10px;
}




.Banner ul	{
	list-style: none;
	margin-left: 0px;
	margin-top: -1em;
}
.Banner li	{
	margin-top: 1em;
	margin-bottom: 0px;

}
.Banner li img	{ display: block; }
.Banner p	{ margin-top: 5px; }

.BannerBox	{ margin: 4px; }




.Snap img	{
	border-width: 5px;
	vertical-align: top;
}


.ImgBg	{
	background: #fff;
	padding: 10px;
	text-align: center;
}



.Gallery img	{
	width: 200px;
	margin-bottom: 0.5em;
}

.Gallery table,
.Gallery th,
.Gallery td	{
	width: auto;
	background: none;
	border-width: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.Gallery th	{
	width: 220px;
}



.PrevNext { margin-bottom: 1em; }

.PrevNext .PrevBtn,
.PrevNext .NextBtn	{
	display: block;
	width: 40%;
}

.PrevNext .PrevBtn	{
	text-align: left;
	float: left;
}
.PrevNext .NextBtn	{
	text-align: right;
	float: right;
}



.Main .NewMarkImg,
.Main .PaymentImg	{
	border-width: 0;
	vertical-align: middle;
}



.PriceImg img {
	padding-bottom: 5px;
	padding-right: 2px;
}
.PriceImg .PriceImgComma img {
	padding-bottom: 0px;
	padding-right: 0px;
}
.PriceOverImg img { padding-bottom: 10px; }







.CampaignText	{
	text-align: left;
	border-width: 1px;
	border-color: #fff;
	border-style: dashed;

}
.CampaignText h2,
.CampaignText .Title	{
	color: red;
	font-size: 1em;
	padding: 0.25em 0.5em;
	margin: 0;
	border-bottom-width: 1px;
	border-color: #fff;
	border-style: dashed;

}
.CampaignText h2,
.CampaignText h2 *,
.CampaignText .Title,
.CampaignText .Title *	{
	font-weight: normal;
}
.CampaignTextMain	{
	padding: 10px;
}
.CampaignTextMain.img_l img	{ margin-right: 1em; }




.Alldenka .CampaignText	{ background-image: url(../img/bg_y70.png); }
.Alldenka .CampaignText h2,
.Alldenka .CampaignText .Title	{
	background-image: url(../img/bg_w70.png);
}
.Alldenka .CampaignTextMain	{ background-image: url(../img/bg_y70.png); }





.Solar h2	{ background-image: url(../img/bg_r70.png); }

.Nagare ol	{
	list-style: none;
	margin-left: 0px;
}


.NagareNo,
.NagareNoImg	{ width: 200px; }

.NagareText	{ float: right; }
.NagareNo	{
	float: left;
	background-image: url(../img/step_arrow_b.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 2em;

}
.NagareNoImg,
.NagareEnd	{
	text-align: center;
	vertical-align: middle;
	background-image: url(../img/bg_bl70.png);
	background-color: #fff;
	color: #fff;
	padding: 10px;

}
.NagareNoImg img	{
	max-width: 180px;
	width: auto !important\9;
	width: 180px\9;

	max-height: 120px;
	height: auto !important\9;
	height: 180px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.NagareNoImg img	{
		width: auto !important;
		width: 180px;
		height: auto !important;
		height: 120px;
	}
}


#NagareEnd .NagareNo	{
	padding-bottom: 0px;
	background: none;
}
.NagareText	{
	width: 100%;

}
.NagareText h3	{ margin-top: 0px; }

.NagareEnd	{
	background: #004bb4;

}

.NagareEnd,
.NagareEnd h3	{
	color: #fff;
}
.NagareEnd h3	{
	padding: 0;
	margin: 0;
	border-width: 0;

}








.StorageBattery	{
}



.StorageBattery.List .Top	{
	display: block;
	text-align: center;
	font-size: 1.2em;
}

.StorageBattery.List .Top .ColorBtn	{
	display: inline-block;
	padding: 1em;
	border-radius: 0.2em;
}





.StorageBattery.List .Maker	{
	position: relative;
}
.StorageBattery.List .Maker:after	{
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	width: 6em;
	height: 6em;
	right: -0.25em;
	top: -0.5em;
	transform: rotate(3deg);
	opacity: 1.0;
}


.StorageBattery.Detail .Maker .MakerName	{
	position: relative;
}

.StorageBattery.Detail .Maker .Shohin .Img	{
	position: relative;
	text-align: center;
	background-color: rgba(255,255,255,1.0);	
	padding: 0.5em;
	box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-webkit-box-shadow: 0px 0px 5px #ccc;
}
.StorageBattery.Detail .Maker.Ranking h2>b	{
	position: relative;
}
.StorageBattery.Detail .Maker .Shohin .Img:after,
.StorageBattery.Detail .Maker.Ranking h2>b:after	{
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: rotate(-3deg);
}

@media screen and ( min-width:480px) { 
	.StorageBattery.Detail .Maker .Shohin .Img:after,
	.StorageBattery.Detail .Maker.Ranking.ranking_icon h2>b:after	{
		content: "";
		transform: rotate(-3deg);
	}
	.StorageBattery.Detail .Maker .Shohin .Img:after	{
		top: -2em;
		left: -1.5em;
		width: 8em;
		height: 8em;
	}
	.StorageBattery.Detail .Maker.Ranking.ranking_icon h2>b:after	{
		top: -2em;
		left: calc(100% + 1.5em);
		width: 5em;
		height: 5em;
	}

}


@media screen and ( max-width:479px) { 
	.StorageBattery.Detail .Maker .Shohin .osusume .Img:after,
	.StorageBattery.Detail .Maker.Ranking h2>b:after	{
		content: "";
		top: calc(0em - (5.5em / 2.5));
		left: calc(100% + 1em);
		width: 5.5em;
		height: 5.5em;
		transform: rotate(3deg);
	}
}




.StorageBattery.List .Maker.Ranking	{}


.StorageBattery.List .Maker.Ranking1:after,
.StorageBattery.Detail .Maker.Ranking1 .ranking_icon .Img:after,
.StorageBattery.Detail .Maker.Ranking1 h2>b:after	{
	background-image: url(../img/ranking1.png);
}


.StorageBattery.List .Maker.Ranking2:after,
.StorageBattery.Detail .Maker.Ranking2 .ranking_icon .Img:after,
.StorageBattery.Detail .Maker.Ranking2 h2>b:after	{
	background-image: url(../img/ranking2.png);
}


.StorageBattery.List .Maker.Ranking3:after,
.StorageBattery.Detail .Maker.Ranking3 .ranking_icon .Img:after,
.StorageBattery.Detail .Maker.Ranking3 h2>b:after	{
	background-image: url(../img/ranking3.png);
}



.StorageBattery .saigai_campaign	{}
.StorageBattery .Maker .Shohin .saigai_campaign .Img	{}
.StorageBattery .Maker .Shohin .saigai_campaign .Img:after	{
	background-image: url(../img/saigai_campaign.png);
}
.StorageBattery.List .saigai_campaign	{}
.StorageBattery.Detail .saigai_campaign	{}




@media screen and ( min-width:480px) { 
	.StorageBattery.Detail .Maker .Shohin .saigai_campaign .Img:after	{
		background-position: left top;
		width: 100%;
		height: 6em;
		margin-top: -1em;
	}
}

@media screen and ( max-width:479px) { 
	.StorageBattery.Detail .Maker .Shohin .saigai_campaign .Img:after	{
		background-position: right top;
		left: initial;
		right: 0;
		width: 100%;
		height: 5em;
		margin-top: -2em;
	}
}












.StorageBattery .Title	{}
.StorageBattery.Detail .Title	{
	position: relative;
	font-size: 1.75em;
}




.StorageBattery .Kana	{
	font-size: 0.9em;
}
.StorageBattery.Detail .Kana	{
	font-weight: normal;
}






.StorageBattery .Model	{
	font-size: 0.8em;
	display: inline-block;
}
.StorageBattery.Detail .Title .Model	{
	margin-left: 1em;
}





.StorageBattery .Volume	{
	display: inline-block;
	margin-left: 0.5em;
}
.StorageBattery.Detail .Title .Volume	{
}





.osusume .Img	{
}
.osusume .Img:after	{
	background-image: url(../img/osusume.png);
}

@media screen and ( min-width:480px) { 
}

@media screen and ( max-width:479px) { 
	.StorageBattery.Detail .Maker .Shohin .osusume .Img:after	{
		left:0;
	}
}




.StorageBattery.List
{
}

.StorageBattery.List h3
{
	padding: 0;
	margin: 0;
	border-width: 0;
	font-size: 1em;
	margin-bottom: 1em;
}

.StorageBattery.List h3 .Img
{
	display: block;
	height: 2em;
	margin-bottom: 1em;
}

.StorageBattery.List h3 img
{
	width: 100%;
	height: 2em;
	object-fit: contain;
	object-fit: cover;
	object-fit: scale-down;
	object-position: left center;
}


.StorageBattery.List h3>b
{
	display: block;
	line-height: 1.5;
}

.StorageBattery.List h3>b>span
{
	display: block;
}

.StorageBattery.List a	{
	padding: 2em 1.5em;
	display: block;
	position: relative;
}

.StorageBattery.List ul	{
}
.StorageBattery.List li	{
	background-color: rgba(255,255,255,1.0);
	border-width: 1px;
	border-color: rgba(0,0,0,0.2);
}
.StorageBattery.List li>.Wrap	{
}

.StorageBattery.List .Maker	{
}
.StorageBattery.List .Maker>.Wrap	{
}
.StorageBattery.List .Btn	{
	display: block;
	text-align: right;
	position: absolute;
	right: 0;
	bottom: 0em;
}
.StorageBattery.List .ColorBtn	{
	border-radius: 0;
}


.StorageBattery.List .ShohinImg	{
}
.StorageBattery.List .ShohinImg img	{
	max-height: 7em;
	width: auto;
}




.StorageBattery.List .Ranking	{}
.StorageBattery.List .Ranking h3	{}
.StorageBattery.List .Ranking h3 img	{
}

@media screen and ( min-width:480px) { 
	.StorageBattery.List .Ranking1 h3 img,
	.StorageBattery.List .Ranking2 h3 img,
	.StorageBattery.List .Ranking3 h3 img	{
		max-width: 75%;
	}
	
}

@media screen and ( max-width:479px) { 
	.StorageBattery.List .Ranking1 h3 img,
	.StorageBattery.List .Ranking2 h3 img,
	.StorageBattery.List .Ranking h3 img	{
		max-width: 80%;
	}
	
}







.StorageBattery.Detail	{
}
.StorageBattery.Detail .Shohin	{
}
.StorageBattery.Detail .Shohin>ul	{
	list-style: none;
	margin-left: 0;
}
.StorageBattery.Detail .Shohin>ul>li	{
}
.StorageBattery.Detail .Shohin>ul>li:not(:first-child)	{
	margin-top: 5em;
}
.StorageBattery.Detail .Shohin>ul>li:not(:last-child)	{
	margin-bottom: 5em;
}

.StorageBattery.Detail .Img	{
	width: 40%;
	float: left;
}
.StorageBattery.Detail .Txt	{
	width: calc(100% - (40% + 3em));
	float: right;
}





.StorageBattery .Shohin .badge
{
}

.StorageBattery .Shohin .badge.new .icon_txt
{
	--r: 0.6em; 

	font-size: 1.5em;

	position: absolute;
	left: -1em;
	top: -0.5em;
	rotate: -5deg;

	color: #fff;
	letter-spacing: normal;

	padding: 0.25em calc(var(--r) * 2) 0.25em 0.5em;

	filter: drop-shadow(1px 3px 1px rgb(0 0 0 / 0.2));
}
.StorageBattery .Shohin .badge.new .icon_txt::before
{
	content: "";
	display: block;

	position: absolute;
	left: 50%;
	top: 50%;
	translate :-50% -50%;

	width: calc(100% + 0em);
	height: calc(100% + 0em);

	background-color: red;
	--gradation_angle				: 90deg;
	--gradation_color_start			: 242 224 139;
	--gradation_color_start_alpha	: 1.0;
	--gradation_color_2				: 202 154 12;
	--gradation_color_2_alpha		: 1.0;
	--gradation_color_3				: 250 206 0;
	--gradation_color_3_alpha		: 1.0;
	--gradation_color_end			: 222 192 82;
	--gradation_color_end_alpha		: 1.0;
	
	background-image: linear-gradient(
		var(--gradation_angle),
		rgb(var(--gradation_color_start) / var(--gradation_color_start_alpha)),
		rgb(var(--gradation_color_2) / var(--gradation_color_2_alpha)),
		rgb(var(--gradation_color_3) / var(--gradation_color_3_alpha)),
		rgb(var(--gradation_color_end) / var(--gradation_color_end_alpha))
	);

	filter: hue-rotate(-5deg);

	background-color: rgb(var(--w) / 0);

	clip-path: polygon(
		-100vw 0,
		100% 0,
		calc(100% - var(--r)) 50%,
		100% 100%,
		-100vw 100%
	);
}

.StorageBattery .Shohin .badge.new .icon_txt>b
{
	position: relative;
	font-weight: inherit;
	filter: drop-shadow(1px 1px 0px rgb(0 0 0 / 0.5));
}




.StorageBattery .Function>li	{
	background-color: rgba(255,255,255,1.0);
	text-align: center;
	font-weight: bold;
	border-radius: 100em;
}
.StorageBattery .Function>li>.Wrap	{
	padding: 0em 1em;
	display: table;
	width: 100%;
	text-align: inherit;
	border-radius: 100em;
}

.StorageBattery .Function>li>.Wrap>.Wrap
{
	display: table-cell;
	vertical-align: middle;
	height: 4em;
	line-height: 1.5;
}

.StorageBattery .Function>li>.Wrap>.Wrap span	{
	display: block;
}




.StorageBattery .Function :is(
	.Ai,
	.AiJuHouden,
	.AiTenki,
	.TokuteiFuka,
	.ZenFuka
)>.Wrap
{
	background-color: rgba(255,193,7,0.5);
	background-color: rgba(255,235,59,0.7);
}


.StorageBattery .Function :is(
	[class*="Hybrid"],
	.Cycle2,
	.HybridPowerCon
)>.Wrap
{
	background-color: rgba(255,193,7,0.7);
	background-color: rgba(255,152,0,0.6);
}


.StorageBattery .Function :is(
	[class*="Anshin"],
	[class*="Hosho"],
	.Anshin10y,
	.Hosho10y,
	.Anshin15y,
	.Hosho15y,
	.Disaster10
)>.Wrap
	{
	background-color: rgba(255,82,0,0.3);
	background-color: rgba(233,30,99,0.3);
}



.StorageBattery .Function :is(
	.Kizon5hosyo,
	.Reborn
)>.Wrap
{
	background-color: rgba(233,30,99,0.3);
	border-width: 3px;
	border-style: double;
	border-color: rgba(233,30,99,1.0);
}
.StorageBattery .Function :is(
	.Kizon5hosyo,
	.Reborn
)>.Wrap>.Wrap
{
	height: calc(4em - (3px * 2));
}


.StorageBattery .Function :is(
	.Teiden,
	.TeidenMax,
	.TeidenCustom,
	.Warning,
	.SaltDamage)
>.Wrap
{
	background-color: rgba(41,181,47,0.5);
}



.StorageBattery .Function :is(
	.RowCost,
	.Indoor,
	.OutsideIndoor,
	.indoor_space,
	.add_later,
	.kouji_fuyou,
	.ZousetsuOk,
	.koukan_zousetsu
)>.Wrap
	{
	background-color: rgba(33,150,243,0.5);
}





.StorageBattery .Function .Cycle2	{
}


.StorageBattery .Function .Ai	{
}


.StorageBattery .Function .Anshin10y	{
}

.StorageBattery .Function .Hosho10y	{}



.StorageBattery .Function .Anshin15y	{}


.StorageBattery .Function .Hosho15y	{}


.StorageBattery .Function .Teiden	{
}


.StorageBattery .Function .TeidenMax	{}




.StorageBattery .Function .TeidenCustom	{}
.StorageBattery .Function .TeidenCustom>.Wrap>.Wrap span	{
	display: inline;
}


.StorageBattery .Function .Kw	{}



.StorageBattery .Function .RowCost	{
}

.StorageBattery .Function .Max	{
}
.StorageBattery .Function .Max>.Wrap	{
}

.StorageBattery .Function .V	{
}
.StorageBattery .Function .V>.Wrap	{
}


.StorageBattery .Function .Compact	{
}
.StorageBattery .Function .Compact>.Wrap	{
}


.StorageBattery .Function .Blackout	{
}
.StorageBattery .Function .Blackout>.Wrap	{
}


.StorageBattery .Function .Kizon5hosyo	{
	width: calc(100% - 1em);
}



.StorageBattery .Function .Reborn	{}




.StorageBattery .Function .Max,
.StorageBattery .Function .V,
.StorageBattery .Function .Blackout	{
}

ul.Function>li:nth-child(2n+3)	{
	clear: none;
}






.StorageBattery.Detail #Looop .Shohin .LooopEneblock	{
}
.StorageBattery.Detail #Looop .Shohin .LooopEneblock .Kw	{
}
.StorageBattery.Detail #Looop .Shohin .LooopEneblock .Kw>.Wrap>.Wrap	{
	line-height: 1.25;
}



.StorageBattery.Detail #Nichicon .Shohin li .Img img	{
	width: 12em;
}
.StorageBattery.Detail #Nichicon .Shohin li.NichiconESS-P1S1 .Img img,
.StorageBattery.Detail #Nichicon .Shohin li.Nichicon41 .Img img	{
	width: auto;
}

.StorageBattery.Detail .Omron .Img,
.StorageBattery.Detail .Sharp .Img,
.StorageBattery.Detail .Panasonic .Img	{
	width: 25%;
}
.StorageBattery.Detail .Omron .Txt,
.StorageBattery.Detail .Sharp .Txt,
.StorageBattery.Detail .Panasonic .Txt	{
	width: calc(100% - (25% + 3em));
}







.V2H	{}
.V2H sup	{
	color: inherit;
}

.V2H .read	{
	padding: 2em;
	background-color: rgba(255,255,255,1.0);
}
.V2H .read img	{
	display: block;
	margin-bottom: 1em;
}
.V2H .read h2	{
	position: relative;
	margin-top: 0;
}
.V2H .read h2>b	{
	display: block;
	font-size: 1.2em;
}
.V2H .read h2 .small	{
	display: block;

}
.V2H .read h2 .small:before,
.V2H .read h2 .small:after	{
	display:inline;
}
.V2H .read h2 .small:before	{
	content: "[ ";
}
.V2H .read h2 .small:after	{
	content: " ]";
}


.V2H .main	{
}
.V2H .main h3	{
}

.V2H .main .Short	{
	padding-top: 1px;
}

.V2H .main .Img	{
	width: 45%;
	float: right;
	margin-left: 2em;
}
.V2H .main .Img:nth-child(odd)	{
}
.V2H .main .Img	{
}
.V2H .main img	{
	max-height: 15em;
	width: auto;
}
.V2H .main .Img p	{
	text-align: left;
	margin-top: 1em;
	font-size: 0.8em;
	display: inline-block;
}



.V2H .Function > .PowerConExchangeNashi,
.V2H .Function > .BatteryAndV2hAtozukeOk
{
	background-color: rgba(255,235,59,0.7);
}


.V2H .Function > .SolarNashiOk,
.V2H .Function > .SolarSumi
{
	background-color: rgba(255,193,7,0.7);
}


.V2H .Function > .Baisoku,
.V2H .Function > .BatterySettiOk
{
	background-color: rgba(33,150,243,0.5);
}


.V2H .Function > .StandSeparate,
.V2H .Function > .StandSet,
.V2H .Function > .TeidenAutomaticSwitching
{
	background-color: rgba(233,30,99,0.3);
}

.V2H .Function > .PowerConExchangeOk {

}


.specification	{}
.specification h3	{
	margin-top: 3em;
}

.specification table	{
	text-align: center;
	border-right-width: 1px;
	table-layout: fixed;
}
.specification th,
.specification td	{
	border-left-width: 1px;
}

.specification .Data1	{}
.specification .Data1 tbody	{}
.specification .Data1 tbody tr td	{}
.specification .Data1 tbody tr td:first-child	{}


.Stripe	{
}
.Stripe tbody	{
}
.Stripe tbody tr	{
}
.Stripe tbody tr:nth-child(odd)	{
}
.Stripe tbody tr:nth-child(odd) th,
.Stripe tbody tr:nth-child(odd) td	{
}
.Stripe tbody tr:nth-child(even)	{
}
.Stripe tbody tr:nth-child(even) th,
.Stripe tbody tr:nth-child(even) td	{
	background-color: rgba(255,255,255,1.0);
}




.V2H.Ct,
.V2H.Ct *	{
	position: relative;
}

.V2H.Ct ul	{
	text-align: center;
}

.V2H.Ct ul>li	{
	margin-top: 3em;
}


@media screen and ( max-width:30em) { 
.V2H.Ct ul,
.V2H.Ct ul>li	{
	display: block;
	margin-left: 0;
	width: 100%;
}

.V2H.Ct ul	{
	margin-top: 0;
}

}


.V2H.Ct a	{
	text-decoration: none;
	color: inherit;
}

.V2H.Ct .title	{
	border-width: 0;
	margin: 0;
	text-align: inherit;
	color: inherit;
	padding-bottom: 0;
}

.V2H.Ct .title>b	{
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5em;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 1.5em;
	text-align: center;
}

.V2H.Ct .title>b.Arrow	{
}

.V2H.Ct .title>b.Arrow:before	{
	content: "";
	display: block;
	position: absolute;
	right: 1px;
	bottom: 1px;
	width: calc(((0.5em * 1) + (0.5em * 2)) - 1px);
	height: calc(((0.5em * 1) + (0.5em * 2)) - 1px);
	transform: rotate(0deg);
	border-width: 0;
	background-color: rgba(255,255,255,1.0);
	opacity: 0.5;
}

.V2H.Ct .title>b.Arrow:after	{
	position: absolute;
	right: 0.5em;
	bottom: 0.5em;
}

.V2H.Ct .title>b.Arrow span
{
	margin: auto;
	width: 100%;
}

.V2H.Ct .title .lead	{
	display: inline-block;
	color: rgba(0,75,180,1.0);
}

.V2H.Ct .title .lead>*	{
	display: inline-block;
}

.V2H.Ct .title .lead>*:before,
.V2H.Ct .title .lead>*:after	{
	content: "";
	display: inline-block;
	position: absolute;
	bottom: 0.5em;
	width: 2px;
	height: 1em;
	border-radius: 100em;
	background-color: rgba(0,75,180,1.0);
}

.V2H.Ct .title .lead>*:before	{
	right: calc(100% + 1em);
	transform: rotate(-20deg);
}
.V2H.Ct .title .lead>*:after	{
	left: calc(100% + 1em);
	transform: rotate(20deg);
}


.V2H.Ct .title .ShohinImg
{
}

.V2H.Ct .title .ShohinImg img
{
	width: 50%;
}




.V2H.Ct .EvPowerStation	{
}

.V2H.Ct .EvPowerStation .title	{
}

.V2H.Ct .EvPowerStation .title>b	{
	background-color: rgba(255,165,0,1.0);
}



.V2H.Ct .Tribrid	{
}

.V2H.Ct .Tribrid .title	{
}

.V2H.Ct .Tribrid .title>b	{
	background-color: rgba(76,175,80,1.0);
}






.Alldenka h2,
.Alldenka .Title	{
	background-image: url(../img/bg_y70.png);
	background-color: #fff;
}
.Alldenka h3	{
	border-color: #fff;
	color: #562e18;
}






.Maker ul	{}
.Maker li	{}

.Maker li a	{
	display: block;
}


.Maker ul>li	{}
.Maker ul>li>.Wrap	{}
.Maker .border	{
	border-width: 1px;
	background-color: rgba(255,255,255,1.0);
	text-align: center;
	padding: calc(5px - 1px);
	border-color: rgba(204,204,204,1.0);
	width: 200px;
}
.Maker .border img	{
	max-width: 100%;
	height: auto;
	max-height: 40px;
	width: auto;
}



.Maker .original	{
	display: table;
	height: 50px;
}

.Maker .original a	{
	display: table-cell;
	vertical-align: middle;
}
.Maker .original img	{
	max-width: 80%;
}





#Aboutus .StaffImg	{
	margin-left: auto;
	margin-right: auto;
	padding-top: 3em;
}


.AboutusTel table,
.AboutusTel th,
.AboutusTel td	{
	border-width: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.AboutusTel th	{
	font-weight: normal;
	background: none;
}

.AboutusTel ul	{
	list-style: none;
	margin-left: 0px;
	margin-top: -0.3em;
	margin-bottom: -0.2em;
}
.AboutusTel li	{}



#annai	{}
#annai table	{}
#annai th	{
	width: 13em;
}



.Area	{}
.Area>.Note	{
}
.Area>.Note>ul	{
	margin-top: 1em;
	padding-top: 1px;
}
.Area ul	{}
.Area .Column>ul.box>li	{
	margin-top: 0;
}

@media screen and ( max-width:30em) { 
	.Area .Column>ul.box>li	{
	width: calc(33.33% - 1%);
	float: left;
	display: block;
	}
	.Area .Column>ul.box>li:nth-child(2n+3),
	.Area .Column>ul.box>li:nth-child(5n+6)	{
	clear: none;
	}
	.Area .Column>ul.box>li:nth-child(3n+4)	{
	clear: both;
	}
}

.Area .Column>ul>ul	{ list-style: none; }
.Area .Column>ul>li>ul>li	{
	float: none;
	margin: 0;
	display: inline-block;
	width: 33.33%;

}






.Contact td ul	{
	list-style: none;
	margin-left: 0em;
}
.Contact td li	{
	display: inline;
	margin-right: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: nowrap;
}







.Privacy dt	{
	background: none;
	border-width: 0;
	padding-left:0px;
	font-weight:bold;
}
.Privacy dd	{}





.Sitemap h2,
.Sitemap h3	{ margin-top: 1em; }
.Sitemap h3	{ margin-bottom: 0em; }
.Sitemap ul	{ margin-top: -1em; }
.Sitemap ul li	{ margin-top: 1em; }
.Sitemap ul ul	{
	list-style-image: url(../img/arrow10_bl.png);
	margin-left: 1.5em;
}




.Voice .EdgeCurl	{ background-image: url(../img/white_paperboard.png); }
.Voice hr	{
	margin-top: 1em;
	margin-bottom: 1em;
}

.VoiceComment h2	{
	background: none;
	color: #004bb4;
	font-size: 1em;
	padding: 0;
	margin-top: 0px;
	color: #004bb4;
}
.VoiceComment h3	{
	font-size: 1em;
	padding: 0;
}
.VoiceComment .CommentName	{
	border-width: 1px;
	border-style: dashed;
	padding: 0.3em 0.5em;
	margin-bottom: 1em;
	background-image: url(../img/bg_w70.png);
	color: inherit;
	margin-top: 0px;
}


.VoiceComment .CommentSpec	{
	display: block;
	float: right;
	font-weight: normal;
	text-align: right;
}

.VoiceComment .Spec	{
	font-weight: bold;
	margin-bottom: 1em;
}

.Voice .read ol strong	{ font-size: 1em; }
.Voice .read ol strong,
.VoiceComment h2 strong	{
	background-image: url(../img/bg_bl70.png);
	line-height: 1.1em;
	padding: 0.7em 0.5em;
	color: #fff;
}

.VoiceComment dd strong,
.VoiceComment .Note strong	{
	background-image: url(../img/bg_pk70.png);
	line-height: 1.1em;
	padding: 0.7em 0.5em;
	color: #fff;
	text-shadow: 0px 1px 1px #666;
}

.VoiceComment dd .VoiceMArk,
.VoiceComment .Note .VoiceMArk	{
	text-indent: -2.5em;
	padding-left: 2.5em;
}

.VoiceComment ul li	{
	list-style: none;
	list-style-type: disc;
	text-indent: 0px;
}

.VoiceComment h2 strong.VoiceSingle,
.VoiceComment .Note strong.VoiceSingle	{
	padding-left: 0.8em;
	padding-right: 0.8em;
	letter-spacing: 0px;
}


.VoiceComment01 h2 strong	{
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	background-image: url(../img/mark_star2_bl.svg);

}
.VoiceComment01 dd strong	{
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	background-image: url(../img/mark_star2_pk.svg);

}



.VoiceComment .VoiceCommentType2 h2	{
	font-size: 1.2em;
}
.VoiceComment .VoiceCommentType2 h2 strong	{
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	background-image: url(../img/mark_star2_bl.svg);
	line-height: 1.1em;
	padding: 0.7em 0.5em;
	color: #fff;
}



.VoiceCommentImgBox	{
	width: 57%;
	float: right;
	margin-left: 2%;
	margin-top: -5px;

}
.Voice figure	{
	font-size: 1em;
	width: 48%;
	float: left;
	margin-left: 2%;
	margin-top: 5px;


}
.Voice figure img	{
	display: block;
}
.VoiceCommentImgBox figure .VoiceCommentImgDsp	{
	background: #fff;
	padding: 10px;
}


.VoiceComment02 dl	{}
.VoiceComment02 dt	{
	font-size: 1em;
	font-weight: normal;
}
.VoiceComment02 dd	{
	margin-left: 0px;
}

.VoiceComment02 dd .Paragraph	{
}
.VoiceComment02 dd .Paragraph>div	{
}
.VoiceComment02 dd .Paragraph>div:first-letter	{
}



.Voice .VoiceCommentImgBox.C01	{
	width: 27.3%;
	float: right;
}
.Voice .VoiceCommentImgBox.C01 figure	{
	width: 100%;
	margin-left: 0px;
}



.Voice figure img	{
	width: 100%;
	margin-bottom: 0px;
}

.Voice figcaption	{
	margin-top: 0.5em;
}
.VoiceCommentImgBox figure:nth-child(2n+3)	{
	clear: both;
}


.VoiceCommentImgBox2 figure	{
	width: 100%;
}




.SNo	{}
.SuBR	{
	display: block;
	font-weight: inherit;
}
.SBR	{
	display: inline;
	font-weight: inherit;
}


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

}