@charset "utf-8";
/******************************
 * 高圧電力コンテンツ
 ******************************/

#ep-high-main {
    margin-top: 10px;
    margin-right: 140px;
    margin-bottom: 30px;
    margin-left: 140px;
    padding: 0;
}


.my-plan {
	color: #fff;
}

.ep-high-title-02  {
	width: 350px;
  font-size: 1.2rem;
  color: #fff;
  /*font-weight: bold;*/
  /*text-decoration: underline;*/
  margin-bottom: 2px;
  padding: 8px 10px 2px 18px;
  background-color:#063;
 /* text-shadow: #000 2px 2px 2px;*/
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 border-radius:8px;
 
   }

.ep-high-c  li{
list-style-type:none;		/*リストマーカー無しにする*/
}
.ep-high-c2  li{
list-style-type:none;		/*リストマーカー無しにする*/
font-size: 16px;
}

.ep-high-img1 img{
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	border: 2px solid #9cf;
}
.ep-high-img1 img:hover{
	border: 2px solid #f63;
}

@media screen and (max-width:1000px){
#ep-high-main {
    margin-right: 30px;
    margin-left: 40px;
}
}

@media screen and (max-width:641px){
#ep-high-main {
    margin-right: 10px;
    margin-left: 15px;

}
.ep-high-title-02 {
	width: 240px;
  font-size: 85%;
  margin-bottom: 2px;
/*  padding: 8px 10px 2px 18px;*/
}
.ep-high-c2  li{
font-size: 15px;
}
.ep-high-c3{
	font-size: 15px;
}
}
@media screen and (max-width:480px){
#ep-high-main {
    margin-right: 10px;
    margin-left: 10px;
}

.ep-high-title-02 {
	width: 220px;
  font-size: 80%;
  margin-bottom: 2px;
 /* padding: 8px 10px 2px 18px;*/
}
.ep-high-c2  li{
font-size: 14px;
}
.ep-high-c3{
	font-size: 14px;
}
.pop-box img{
	width:245px;
	height:161px;
}

}





/* 全体設定 */
* {   
  box-sizing: border-box;
  }

/*********/
.btn-open img{
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	border: 2px solid #9cf;
}
/*********/

/* ポップアップウインドウの設定 */
.popup {
  background-color: #efefef;
  box-shadow: 0 0 0 9999px rgba(0, 0, 0, .8);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 70vw;
  height: 55vw;
  overflow-y: scroll;
}
/* チェックボックスの初期設定 */
#popup-on{
  display: none;
}
/* チェックされたらポップアップウインドウを開く */
#popup-on:checked + .popup{
  display: block;
}

/* 閉じるアイコン（右上） */
.icon-close{
  background: #000;
  color: #fff;
  font-size: 30px;
  padding: 0 10px;
  position: absolute;
  right: 0;
}

/* 閉じるボタン */
.btn-close{
  background: #000;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* 開くボタン */
.btn-open{
  background: #fff;
  border-radius: 10px;
  color: #fff;
  padding: 10px;
  cursor: pointer;
  margin: 10px auto;
  width: 95%;
  text-align: center;
}

/* ポップアップの内容 */
.popup-content{
  margin: 40px auto 40px auto;
  width: 90%;
}