@charset "UTF-8";

/* CSS Document */

.teiden-alert #inner-content-area {
	margin-top: 0;
}
h1{
	margin-bottom:10px;
}

h1 img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}

.nobg{
	background: none;
}
h3{
	font-weight: bold;
}

.related_contents{
	font-weight:bold;
	font-size: 106%;
	padding:10px 0;
	color: #444444;
}

.related_contents::before{
	content:"";
	display:block;
	width:100%;
	height:4px;
  background-color: #efefef;
    background-image: linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc), linear-gradient(45deg, #cccccc 25%, transparent 25%, transparent 75%, #cccccc 75%, #cccccc);
	margin-bottom:10px;
  background-size: 2px 2px;
}


/*local_navi*/

.local_navi {
	counter-reset: lnavi;
	justify-content: space-between;
	margin: 5px 0 20px;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	--navi-bg: linear-gradient(#f9f9f9, #f0f0f0);
	flex-wrap: wrap;
}

.local_navi:nth-of-type(1){
	display:none;
}


.local_navi .item {
	counter-increment: lnav;
	flex-grow: .5;
	box-shadow: inset 1px 0 1px 1px #ffffff;
	background: var(--navi-bg);
	overflow: hidden;
	border-right: solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
}

.local_navi .item:nth-of-type(1) {
	--thiscolor: #00a87b;
	--activebg: linear-gradient(#32b995, #01a87c);
	--hoverbg: #57d1b1;
}

.local_navi .item:nth-of-type(2) {
	--thiscolor: #528ec3;
	--activebg: linear-gradient(#74a4cf, #538ec3);
	--hoverbg: #90b8db;
	--prevbg: linear-gradient(#32b995, #01a87c);
	--prevhoverbg: #57d1b1;
}

.local_navi .item:nth-of-type(3) {
	--thiscolor: #ef9155;
	--activebg: linear-gradient(#f2a776, #ef9156);
	--hoverbg: #ffbc90;
	--prevhoverbg: #90b8db;
	--prevbg: linear-gradient(#74a4cf, #538ec3);
}

.local_navi .item:nth-of-type(4) {
	--thiscolor: #ab59e0;
	--activebg: linear-gradient(#ab59e0, #964ac7);
	--hoverbg: #c68dec;
	--prevhoverbg: #ffbc90;
	--prevbg: linear-gradient(#f2a776, #ef9156);
}

.local_navi .item a {
	box-sizing: border-box;
	padding: 10px 10px;
	font-weight: bold;
	letter-spacing: .05em;
	display: flex;
	height: 100%;
	line-height: 1.2;
	align-items: center;
	justify-content: left;
	font-size: 90%;
	position: relative;
	color: var(--thiscolor);
	text-shadow: 1px 1px #ffffff;
	text-decoration: none;
}
.local_navi .item a::before {
	content: counter(lnav);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	width: 1.25em;
	height: 1.25em;
	line-height: 1;
	box-sizing: border-box;
	text-align: center;
	font-family: Arial;
	color: #ffffff;
	background: var(--thiscolor);
	text-shadow: none;
	font-size: 96%;
}

.local_navi .item:hover a,
.local_navi .item.active a {
	color: rgba(255, 255, 255, .95);
	text-shadow: none;
	background: var(--activebg);
}

.local_navi .item:hover a {
	background: var(--hoverbg);
}

.local_navi .item:hover a::before,
.local_navi .item.active a::before {
	background-color: rgba(255, 255, 255, .95);
	color: var(--hoverbg);
}

.local_navi .item.active+.item a::after {
	background: var(--prevbg);
}

.local_navi .item:hover+.item a::after {
	background: var(--prevhoverbg);
}



/*local_navi*/




div.energy_cont ul.flow {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}

div.energy_cont ul.flow li {
	float: left;
}

div.energy_cont ul.flow li.flow2 li.flow4 {
	margin: 0 -25px 0;
}

div.energy_cont div.h4_offLink {
	margin-bottom: 15px;
}

div.energy_cont h5.bgOof {
	margin-bottom: 5px;
}

div.energy_cont p {
	padding: 0 10px 30px 10px;
}

div.energy_cont p.img_right {
	float: right;
	padding-left: 20px;
}

div.energy_cont p.bn_link {
	padding-bottom: 20px;
	font-weight: bold;
	font-size: 116%;
}

div.energy_cont p.small {
	font-size: 100%;
}

div.energy_cont p.bn_link a {
	padding-left: 15px;
	background: url('/share_corporate/images/arr_4.gif') no-repeat 0px 7px;
}

div.energy_cont ul.links {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

div.energy_cont ul.links li {
	flex-basis:calc(100% / 2.1);
}



div.energy_cont ul.links li span {
	display: block;
	padding: 5px 5px 0;
	line-height: 1.4;
}

ul.anzenkakuho_list {
	margin: 0 0 10px 10px;
}

ul.anzenkakuho_list li {
	padding: 0 0 3px 10px;
	background: url(/energy_supply/energy/nowenergy/images/bg_list.png) no-repeat 0 8px;
}

img.mR_25 {
	margin-right: -26px;
}



@media screen and (min-width:768px) {
h1{
	margin-bottom:0;
}

	.medium-column-reverse{
		flex-direction:column-reverse;
	}
	.medium-row-reverse{
		flex-direction:row-reverse;
	}
	
	.local_navi {
		flex-wrap: nowrap;
		display: flex !important;
		border: solid 1px #cccccc;
	}
	.local_navi .item{
		flex-basis: auto;
		border: none;
	}

	.local_navi .item:nth-of-type(1) {
		z-index: 4;
		flex-grow: 0.5;
	}
	.local_navi .item a{
		justify-content:center;
		padding: 10px 0;
	}
	.local_navi .item:not(:nth-of-type(1)) a::after {
		content: "";
		display: inline-block;
		position: absolute;
		width: 0;
		height: 0;
		padding: 11%;
		box-sizing: border-box;
		background: #cccccc;
		border: solid 1px #cccccc;
		transform: translateX(-50%) scaleX(0.6) rotate(45deg);
		background: var(--navi-bg);
		left: 0;
		z-index: 1;
	}
	.local_navi .item:not(:nth-of-type(1)) a {
		padding-left: 14px;
	}
	div.energy_cont p.bn_link {
	text-align: right;
		}

div.energy_cont ul.links li {
	flex-basis:auto;
	width:calc(100% / 4.4);
}

}