@charset "utf-8";

html {
	font-size: 62.5%;
	height: 100%;
}
body {
	color: #333;
	font-size: 1.4rem;
	height: 100%;
	min-height: 100%;
	position: relative;
	height: auto !important;
	background-position: center center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-color:#efefef;
	background-size:100% 100%;
	padding-right: 0 !important;
	padding-bottom:200px;
}

html,body,
td,th{
/*font-family: 'Noto Sans Japanese', serif;*/
font-family: 'ShinGoPro', sans-serif;
}

.alert, .badge, .breadcrumb, .btn, .form-control, .input-gruop, .label,
.lead, .list-group, .nav-pills, .nav-tabs, .navbar, .no-thank-yu,
.pager, .pagination, .panel-heading, .panel-title, .popover, .tooltip {
	font-family: "ShinGoPro", sans-serif;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "ShinGoPro", sans-serif;
  font-weight: 300;
  line-height: 1.2;
  color: inherit;
}

.select2-container .select2-choices .select2-search-field input,
.select2-container .select2-choice,
.select2-container .select2-choices {
  background: none;
  padding: 0;
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "ShinGoPro", sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-search input {
  border-color: #cccccc;
  border-radius: 4px;
  color: #555555;
  font-family: "ShinGoPro", sans-serif;
  background-color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.nvtooltip {
    position: absolute;
    background-color: rgba(255,255,255,1.0);
    color: rgba(0,0,0,1.0);
    padding: 1px;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 10000;
    display: block;

    font-family: "ShinGoPro", sans-serif;
    font-size: 13px;
    text-align: left;
    pointer-events: none;

    white-space: nowrap;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nvd3 text {
    font: normal 12px ShinGoPro;
}

.nvd3 .title {
    font: bold 14px ShinGoPro;
}

ul li, ol li {
	list-style: none;
	list-style-image: none;
}

h1, h2, h3, h4, h5, dl, ol, ul, dd, p {
	padding: 0;
	margin: 0;
}

img {
	max-width: 100%;
}

p {
	line-height: 1.6;
}

input[type="number"] {
	text-align: right;
}

.border-none {
	border: none;
}

/*テキストエリアを縦方向のみリサイズする*/
textarea {
	resize: vertical;
}

/* 透明色の読み取り専用 */
.processing-readonly {
	background-color: inherit !important;
}


br.md-br,
br.sm-br{
	display:none;
}
.dark-tooltip{/*bootstrap ow*/
margin-top:-12px !important;
box-shadow:0px 0px 0px 4px rgba(255,255,255,1);
-moz-box-shadow:0px 0px 0px 4px rgba(255,255,255,1);
-webkit-box-shadow:0px 0px 0px 4px rgba(255,255,255,1);
}

@media only screen and (max-width : 480px) {
	br.sm-br {
		display: inline;
	}
}

@media only screen and (max-width : 768px) {
	html{
	-webkit-text-size-adjust: none;
	}
	body,td,th{
	font-family: 'ShinGoPro', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
	button,
	.btn,
	a:link,
	a:visited{
	-webkit-tap-highlight-color: rgba(0,0,0,.1);
	}
}

@media only screen and (min-width : 768px) {
	br.md-br {
		display:inline;
	}
 }
/* お客さま文字対応 iphone+ipad*/
@media only screen and (max-width : 768px) {
	.navbar-text.header_account1 p{
		margin-top: 70px;
	    margin-left: 33%;
	    color:#FFFFFF;
	}
}
/* PCのログを左端に移動（若干右に移動する場合：140px） */
@media only screen and (min-width : 768px) {
	img.logo_main{
		margin-left:10px;
		height:60px;
		width:auto;
	}
 }
/* 支払い変更のウェジェット iphone*/
@media (max-width : 480px) {
    #walletWidgetContainer{
        width:auto!important;
    }
    #walletWidgetDiv{
        width:auto!important;
    }

}
/*契約変更非活性対応*/
input#input_usingPositionPostcode{
	pointer-events: none;
	background: #ccc;
}
input#input_usingPositionAddress{
	pointer-events: none;
	background: #ccc;
}
input#input_usingPositionBuilding{
	pointer-events: none;
	background: #ccc;
}


a{
	/*color: #3e96d2;*/
	color:#333;
}
a:hover {
	opacity: 0.7;
	color:#333;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

a.new-window {
	color:#18AFBE;
}

a.footer_link {
	color:white;
}

/*外部リンクにアイコンを表示*/
a.new-window:before {
	font-family: FontAwesome;
	content: "\f08e";
	margin-right: 5px;
}

a.txt-dllink:before {
	font-family: FontAwesome;
	content: "\f1c1";
	margin-right: 5px;
}

a.bule-link {
	color:#18AFBE;

}

a.blue-link-under {
	color:#18AFBE;
	text-decoration: underline;
}

/*--------------------
	ラジオ
--------------------*/
input[type="radio"]+span {
}
label.btn.btn-default{
	border:1px solid #555555;
	border:1px solid #555555;
	background: #EEE;
	color: #666;
}
label.btn.active {
	background-color: #555555;
	background-color: #555555;
	color: #FFFFFF !important;
}
label.btn.active:hover,
label.btn.active:active,
label.btn.active.focus{
	background-color:#3e96d2;
	opacity: 0.7;
}
/*--------------------
	チェックボックス
--------------------*/
.checkbox-inline{
display: block;
position: relative;
padding:20px 10px 10px 35px;
font-size:1.4rem;
font-weight: bold;
/*border-bottom:1px dashed rgba(0,0,0,.1);*/
margin-top:14px !important;
}
.checkbox-inline input[type=checkbox]+span:before{
position: absolute;
left:4px;
top:2px;
}

input[type=checkbox] {
	display: none;
}

@media (min-width : 768px) {
	input[type=checkbox]+span:hover{
		opacity: .7;
		display:block;
	}
}


input[type=checkbox]+span:before {
	font-family: FontAwesome;
	content: "\f096";
	color: #CCCCCC;
	font-size:2.8rem;
	vertical-align: middle;
	line-height: 1;
	margin-top:2px;
}
input[type=checkbox]:checked+span:before {
	content: "\f14a";
	color: #555555;
}
li.active input[type=checkbox]:checked+span:before {
	color: #FF3333;
}

.checkbox-sub{
    color:#777777;
    font-weight: normal;
}

/*--------------------
BUTTON WHITE DEFAULT
--------------------*/
/*.btn{
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  text-align: center;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  background-color:  #b4c0cc;
  background-color: #717c88;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
  border:1px solid rgba(0,0,0,.1);
  color:rgba(255,255,255,1);
  text-shadow: 1 0px 0 rgba(0,0,0,0.2);
}*/
.btn{
  cursor:pointer;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border:0px none;
  border-top: 1px solid rgba(255,255,255,.2);
  border-bottom: 3px solid rgba(28,35,45,.2);
  border-radius: 4px;
  text-align: center;
  white-space: nowrap;
/*  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;*/
  background-color:  #434c53;
  background-color:  #e3e6ed;
}

.btn:hover {
 opacity: .9;
 border-top: 1px solid rgba(255,255,255,.4);
 border-bottom-color:rgba(0,0,0,.3);
}
.btn a:hover {

}
/* BOOTSTRAP OW */
.btn.btn-default{background-color:#e3e6ed;}
.btn.btn-primary{background-color:#555555;}/*#555555*/
.btn.btn-success{background-color:#2e3a49;}/*#388d38*/
.btn.btn-info{background-color:#2e3a49;}/*#1a94b8*/
.btn.btn-warning{background-color:#2e3a49;}/*#f38005*/
.btn.btn-danger{background-color:#2e3a49;}/*#b92c28*/
.btn.btn-link{background-color:transparent;color:blue;}

.btn.btn-link:disabled {color: #AAAAAA;}


#check-button:disabled * {opacity: .4}

/* CTM */
.btn-blue {
min-width:100%;
min-height: 50px;
}
/* 進むボタン */
.btn.btn-next,
.btn.btn-back,
.btn.enelink-btn{
	padding:20px;
}
.btn.btn-next {
	/*background-color: #f38005;*/
	background-color: #555555;
	color: #FFF;
}
.btn.btn-next:after {
	content: " \f105";
	font-family: FontAwesome;
	position: absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	right:4%;
	height:20px;
}
/* 戻るボタン */
.btn.btn-back:before {
	content: " \f104";
	font-family: FontAwesome;
	position: absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	left:4%;
	height:20px;
}

/* 注意ボタン */
.btn.btn-warning {
	background-color: #a82a2a;
	color: #FFF;
}

/* 青いボタン */
.btn.btn-dark-blue {
    background-color: #2a54a8;
    color: #FFF;
}

.check-icon {
	margin-right: 3px;
}

.check-btn {
	border-radius:20px;
}

.modal-footer{
	padding-left: 30px;
	padding-right: 30px;
}


/* ICON */
.btn-icon-bar-chart:before,
.btn-icon-bar-area-chart:before,
.btn-icon-jpy:before,
.btn-icon-inbox:before,
.btn-icon-history:before,
.btn-icon-clipboard:before,
.btn-icon-calendar:before,
.btn-icon-pdf:before,
.btn-icon-archiv:before{
	font-family: FontAwesome;
	margin-right:5px;
	color:#717c88;
	display: inline-block;
	width:22px;
	height:22px;
	text-align:center;
	/*overflow: hidden;*/
	font-size:1.5rem;
	height:1;
	vertical-align: middle;
}

.btn-icon-bar-chart:before{
	content: " \f080";
}
.btn-icon-jpy:before{
	content: " \f157";
}
.btn-icon-bar-area-chart:before{
	content: " \f1fe";
}
.btn-icon-inbox:before{
	content: " \f01c";
}
.btn-icon-history:before{
	content: " \f1da";
}
.btn-icon-clipboard:before{
	content: " \f0ea";
}
.btn-icon-calendar:before{
	content: " \f073";
}
.btn-icon-pdf:before{
	content: " \f1c1";
}
.btn-icon-archiv:before{
	content: " \f187 ";
}

.btn-icon:after {
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: 25%;
    height: 20px;
}
.search-icon:after {
    content: "\f002";
}

.pencil-icon:after {
    content: "\f040";
}

.trash-icon:after {
    content: "\f1f8";
}

.btn.btn-link.resultDetail {
	color: #2a54a8;
	font-size: 1.2rem;
	border: none;
	padding: 0;
}
.resultDetail::before {
    content: "\f0f6";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #2a54a8
}
/*
<i class="fa fa-bar-chart" aria-hidden="true"></i> f080
<i class="fa fa-jpy" aria-hidden="true"></i> f157
<i class="fa fa-area-chart" aria-hidden="true"></i>f1fe
<i class="fa fa-inbox" aria-hidden="true"></i>: f01c
<i class="fa fa-history" aria-hidden="true"></i> f1da
<i class="fa fa-clipboard" aria-hidden="true"></i> f0ea
<i class="fa fa-calendar" aria-hidden="true"></i> f073
<i class="fa fa-archive" aria-hidden="true"></i> f187
*/

.btn-icon-chevron-right:after {
	content: " \f105";
	font-family: FontAwesome;
	position: absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	right: 14px;
	height:30px;
	font-size:2rem;
	color:rgba(0,0,0,.5);
}
/* LOGIN */
#login-button .btn{
	padding:10px 0;
	color:#FFF;
}
/*--------------------
SIZE
--------------------*/
.btn-sm {
  min-width: 60%;
  font-size: 16px;
  font-size: 1.6rem;
}

.btn-mid {
  min-width: 80%;
  font-size: 16px;
  font-size: 1.6rem;
}

.btn-lg {
  min-width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
}

@media (max-width:480px){
	.btn-mobile{
		font-size: 1.4rem;
	}
}

/*--------------------
	list
--------------------*/
.list-bullet-01 {
	margin: 0 0 10px 4px;
}

.list-bullet-01 li {
	margin: 0 0 12px 15px;
	position: relative;
}

.list-bullet-01 li:before {
	font-family: FontAwesome;
	content: " \f111";
	font-size: 1rem;
	position: absolute;
	left: -15px;
	top: 2px;
}

.list-bullet-02 {
	margin: 0 0 10px 4px;
}

.list-bullet-02 li {
	margin: 0 0 12px 15px;
	position: relative;
}

.list-bullet-02 li:before {
	font-family: FontAwesome;
	content: " \f0da";
	color: #3E96D2;
	font-size: 2.5rem;
	position: absolute;
	left: -15px;
	top: -8px;
}

.notListStyle {
	margin: 0 !important;
}

.notListStyle:before {
	content: none !important;
}
/*===================
HEADER LOGO
=====================*/
.navbar{
border:0px none;
border-bottom:1px solid rgba(0,0,0,0.1);/*OW*/
}

.navbar-brand {
display: block;
background-size: contain;
height: 90px;
width:160px;
line-height: 0px;
/*overflow: hidden;*/
color: transparent !important;
margin-right: 30px;
/*position: absolute;
top:0;
bottom:0;
margin:auto;*/
}
.navbar-brand.logo-vendor{
width:200px;
height:90px;
background: url("../images/logo_ezoden.png") no-repeat left center;
background-size: contain;
}

.nav-sp a:before {
    content: " \f105 ";
    font-family: FontAwesome;
    margin-right: 7px;
}
.nav-sp li {
	border-bottom: 1px dashed rgba(0,0,0,.1);
}

.logo_main {
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	height: auto;
	vertical-align: middle;
	margin-left: 5px;
	width: 170px;
}
.logo_customer{
display: block;
position: absolute;
top: 0;
bottom: 0;
margin:auto;
height:auto;
display: inline-block !important;
vertical-align: middle;
margin-left:10px;
padding-top:4px;
width:200px;
}

@media (max-width : 480px) {
	.navbar-brand{
		width:33%;
	}
	.logo_customer{
		width:25%;
		margin-left:50px;
	}
	.logo_main{
		width:30%;
	}
}
@media ( min-width : 480px) and (max-width : 767px) {
	.navbar-brand {
	padding:1em 0;
	}
	.navbar-brand.logo-vendor{
	width:120px;
	height:60px;
	}
	.logo_main{
		width: 150px;

	}
	.logo_customer{
		margin-left:10%!important;
		width:26%;
	}

}

/*===================
HEADER ACCOUNT
=====================*/

.header_account1 {
   font-size: 15px;
   margin-right : 20px ;
   margin-top : 35px ;
   margin-bottom : 0px ;
}

.header_account2 {
   font-size: 15px;
   margin-right : 20px ;
   margin-top : 35px ;
   margin-bottom : 0px ;
}

 @media (min-width: 768px) {
     .header_account1 {
         display: none;
     }
 }


 @media (max-width: 767px) {
     .header_account2 {
         display: none;
     }
 }

 @media ( min-width : 480px) and (max-width : 767px) {
     .header_account1{
        font-size: 14px;
        margin-right : 10px ;
    }
 }
 @media (max-width : 480px) {
    .header_account1{
        font-size: 12px;
        margin-right : 10px ;
    }

}

/*===================
SP HEADER BURGER MENU
=====================*/
button.navbar-toggle:focus,
button.navbar-toggle:hover{
background:#FFF !important;
}
button.navbar-toggle{
font-size: 2.4rem;
color:#717c88;
line-height:0;
margin:2% 4% 0 0;
padding:.8rem;
background:#FFF;
border-color: #ddd;
}
button.navbar-toggle:after{
content:"MENU";
font-size:8px;
margin-top:0.4rem;
display: block;
}

@media ( min-width : 768px) {
	.enelink-navbar-collapse {
	float: right;
	}
}

.navbar-for-ipad-font {
	position: absolute;
	bottom: 10px;
	font-weight: bolder;
	color: #01abba;
}
.contract-requred-area{}

.form-control{
margin:.1rem;
}

/*======================
TOP MAIN WAKU
=======================*/
.customertop-template{
	border:1px solid blue;
}

.form-horizontal .control-label{
	/*text-align:left;*/
}


@media (max-width:480px){
	.control-label{
	font-weight: bold;
	font-size:1.4rem;
	width:100%;
	line-height:2;
	}
	.control-label span{
	}
}

/*=================
FOOTER
===================*/
footer {
	width: 100%;
	text-align: center;
	float: none;
	min-height:150px;
	background-color:#555555;
	display: block;
	position: absolute;
	bottom: 0;
	color:white;
}
footer .container {
	padding-top:5rem;
}
footer .footer-l {
	float: left;
}
footer .footer-r {
	float: right;
}
.foot-link {
	overflow: hidden;
	zoom:1;
	margin:1rem;
	color:white;
	display: flex;
	justify-content: center;
}
.foot-link li {
	float: none;
	display: inline-block;
	padding:0.5rem;
}
.foot-link li:last-child {
	margin-right: 0;
}
.foot-link li a {
}
.copy {
	display:block;
	width:100%;
	font-size: 1.2rem;
	word-wrap: break-word;
}

/*=================
2nd MAIN CONT
===================*/
/*見出し*/
h2.h2-header {
	font-size: 3rem;
	background-color: #4DD0E2;
	background-color: rgba(255,255,255,1);
	padding: 3% 6%;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	border-bottom:1px solid #ebedf0;
	font-weight: bold;
	letter-spacing:3px;
	color:#434c53;

}
h2.h2-header img{
	height:60px;
	vertical-align: middle;
	margin-right:10px;
	width:auto;
}

.main-cont-inner {
	padding: 3% 6%;
	background-color: #FFF;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
}

.main-cont-inner.sub {
	border-radius: 8px 8px 8px 8px;
}

.main-cont-inner p{
	padding:.2rem;
}
.main-cont-inner a{
}

.form-groupform-group{
	margin:0 0 2rem 0;
}
.form-group label{
}

.enelink-h3 {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 30px;
	padding: 1rem 2rem;
	margin-bottom: 20px;
	border-left: 4px solid #434c53;
	background: rgba(0,0,0,.02);
	background: #eee;
}

.main-cont-inner h3.h3-ttl {
	font-size: 2rem;
	font-weight: bold;
	margin-top: 30px;
	padding:1rem 2rem;
	margin-bottom: 20px;
	border-left:4px solid #434c53;
	background:rgba(0,0,0,.02);
	background: #eee;
}
.main-cont-inner h4.h4-ttl {
	font-size: 1.8rem;
	padding-left: 10px;
	border-left: 5px solid #00AABA;
	color: #00AABA;
	margin-top: 15px;
	margin-bottom: 15px;
}


.navbar-nav li{
margin-top:8px;
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 767px) {																												------------------------------------------------------------------
	.main-cont-inner {
		padding: 4%;
		line-height:1.2;
		font-size:1.4rem;
	}
	.main-cont-inner p{
	}
	h2.h2-header {
		font-size: 2rem;
		padding: 15px;
	}
	.main-cont-inner h3.h3-ttl {
		font-size: 1.7rem;
		margin-top: 10px;
	}
	.main-cont-inner h4.h4-ttl {
		font-size: 1.6rem;
		margin-top: 10px;
	}
	.navbar{
		min-height:50px;
		margin-bottom:1.5rem;
	}
	.navbar-header {
		padding: 0px;
		margin: 0px;
		position: relative;
	}

	.navbar-brand{
	margin-right: -40px;
	height:60px;
	margin-left:10px;
/* 	width:33%; */
	}

	.navbar-collapse{
	background-color:#c9d0da;
	text-align:center;
	}
	.navbar #site-menu .navbar-nav li{
	border-left:0px solid none;
	}
	.navbar #site-menu .navbar-nav li a{
	font-size:1.8rem;
	display:block;
	text-align:center;
	line-height:3rem;
	width:92%;
	margin:3px auto;
	color:#717c88;
	}
	.navbar #site-menu .navbar-nav li a:before {
	display:none;
	}

}


/*=================
SIDE BAR
===================*/
.side-ttl {
	font-size: 1.4rem;
	background:rgba(77,89,120,.15);
	border-bottom:0px none;
	padding: 15px 5px;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	text-align: center;
}

ul.side-cont-inner {
	background-color: #FFF;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	margin-bottom:20px;
}

li {
	display: list-item;
	text-align: -webkit-match-parent;
}

ul.side-cont-inner li a {
	display: block;
	padding: 15px;
	position: relative;
}

ul.side-cont-inner li a:after {
	content: " \f105";
	font-family: FontAwesome;
	position: absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	right: 14px;
	height:30px;
	font-size:2rem;
	color:rgba(0,0,0,.5);
}

ul.side-cont-inner li {
	padding-left: 	10px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}

ul.side-cont-inner li:last-child {
	border-bottom:0px none;
}

@media ( min-width : 768px) {
	ul.side-cont-inner li a {
		padding: 15px 10px 15px 0;
	}
	ul.side-cont-inner li {
		padding-left: 10px;
	}
}

@media ( min-width : 992px) {
	ul.side-cont-inner li a {
		padding: 15px 15px 15px 0;
	}
	ul.side-cont-inner li {
		padding-left: 15px;
	}
}

.form-control-static {
	word-wrap: break-word;
}
/*===============================
TOP MAIN 3 MENU
=================================*/
.icon-head {
	text-align: center;
	display: table-cell;
	width:15%;
}
.icon-foot {
	padding:0 0 20% 0;
	color:#2e3a41;
	padding-left:1rem;
	text-align:left;
	display: table-cell;
	font-size:1.8rem;
	width:75%;
	font-weight: bold;
}
.icon-head,
.icon-foot{
	position: relative;
	vertical-align: middle;
	padding:4% 2%;
}
.enelink-display-content > div > a.icon{
	display: table;
	width:100%;
	-webkit-border-radius: 8px;
	text-align: center;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f7 100%);/
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f7 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f7',GradientType=0 );
}

@media (max-width: 768px){
	.enelink-display-content{}
	.enelink-display-content .icon-head img{
	width:180px;
	}
	.enelink-question-tooltip{
	display:block;
	}
}

@media (min-width: 768px){
	.enelink-display-content .icon-head img{
	width:80px;
	height:auto;
	margin:3px 0px 0px 0px;
	border-radius: 50%;
	}
	.icon-head,
	.icon-foot{
	text-align:center;
	display: block;
	width:100%;
	}
	.icon-head{
	background:#2e3948;
	border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	}
	.icon-foot{
	padding:20px 0px;
	font-size: 1.6rem;
	border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	}
}
@media (min-width:992px){
	.enelink-display-content .icon-head img{
	width:100px;
	}
	.icon-foot{
	font-size: 2rem;
	}
}




/*よくある質問へのリンク*/
.link-faq-bn {
	margin: 1rem 0;
	position: relative;
	font-size: 2.2rem;
}

.link-faq-bn a {
	display: block;
	padding: 35px 20px;
	text-align: center;
	position: relative;
	background-color: rgba(77,89,120,.15);
	background-color: rgba(255,255,255,.35);
	border:3px double rgba(77,89,120,.15);
	vertical-align: middle;
	border-radius: 8px
}
.link-faq-bn a:before {
	content: " \f086";
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 10px;
	color: rgba(77,89,120,.5);
	font-size: 3rem;
	vertical-align: middle;
	margin-left:-3rem;
}
.enelink-girl {
	background: url("../images/bg_faq.png") no-repeat 98% bottom;
	-webkit-background-size: 105px auto;
	-o-background-size: 105px auto;
	background-size: 105px auto;
}
@media (max-width: 768px){
	.link-faq-bn a{
	font-size: 1.8rem;
	}
}

.icon-reenter:before {
	content: "\e902";
}

.icon-login:before {
	content: "\e903";
}

.icon-move:before {
	content: "\e904";
}

.icon-pay:before {
	content: "\e905";
}

.icon-user-edit:before {
	content: "\e906";
}

/*--------------------
	helper　class
--------------------*/
/*ボックスシャドウ*/
.box-shadow {
	box-shadow: 4px 4px 2px rgba(0, 0, 0,.05);
	-webkit-box-shadow:  4px 4px 2px rgba(0, 0, 0,.05);
	-moz-box-shadow:  4px 4px 2px rgba(0, 0, 0,.05);
}

.text-left {
	text-align: left;
}
/*--------------------
	margin/padding
--------------------*/
.m-top-5 {
	margin-top: 5px;
}

.m-top-10 {
	margin-top: 10px;
}

.m-top-15 {
	margin-top: 15px;
}

.m-top-20 {
	margin-top: 20px;
}

.m-top-25 {
	margin-top: 25px;
}

.m-top-50 {
	margin-top: 100px;
}

.m-bottom-0 {
	margin-bottom: 0px !important;
}

.m-bottom-5 {
	margin-bottom: 5px;
}

.m-bottom-10 {
	margin-bottom: 10px;
}

.m-bottom-15 {
	margin-bottom: 15px;
}

.m-bottom-20 {
	margin-bottom: 20px;
}

.m-bottom-30 {
	margin-bottom: 30px;
}

.m-bottom-40 {
    margin-bottom: 40px;
}

.m-left-4 {
	margin-left: 4px;
}

.m-left-5 {
	margin-left: 5px;
}

.m-left-10 {
	margin-left: 10px;
}

.m-left-15 {
	margin-left: 15px;
}

.p-left-15 {
	padding-left: 15px;
}

.p-left-40 {
	padding-left: 40px;
}

.p-0 {
	padding: 0px;
}

.p-5 {
	padding: 5px;
}
.p-10 {
	padding: 10px;
}

.p-20 {
	padding: 20px;
}

.p-top-5 {
	padding-top: 5px;
}

.p-top-7 {
	padding-top: 7px;
}

.p-top-10 {
	padding-top: 10px;
}

.p-top-20 {
	padding-top: 20px !important;
}

.p-top-40 {
	padding-top: 40px;
}

.p-right-0 {
	padding-right: 0px;
}

.p-left-0 {
	padding-left: 0px;
}

.p-left-20 {
	padding-left: 20px;
}

.p-bottom-5 {
	padding-bottom: 5px;
}

.p-bottom-10 {
	padding-bottom: 10px;
}

@media only screen and (min-width : 768px) {
	.m-top-md-10 {
		margin-top: 10px;
	}
	.m-left-md-30 {
		margin-left: 30px;
	}
	.p-left-md-0 {
		padding-left: 0px;
	}
	.p-left-md-10 {
		padding-left: 10px;
	}
	.p-left-md-40 {
		padding-left: 40px;
	}
	.p-left-md-60 {
		padding-left: 60px;
	}
}

@media ( min-width : 480px) and (max-width: 768px) {
	.m-bottom-sm-15 {
		margin-bottom: 15px;
	}
	.p-left-sm-30 {
		padding-left: 30px;
	}
	.p-right-sm-0 {
		padding-right: 0px;
	}
}

@media only screen and (max-width : 480px) {
	.m-top-xs-10 {
		margin-top: 10px;
	}
	.m-bottom-xs-15 {
		margin-bottom: 15px;
	}
	.p-xs-0 {
		padding: 0px;
	}
	.p-left-xs-10 {
		padding-left: 10px;
	}
	.p-right-xs-0 {
		padding-right: 0px;
	}
	.p-right-xs-10 {
		padding-right: 10px;
	}
}

/*--------------------
	App Origin
--------------------*/
.enelink-large-area {
	width: 100%;
	height: 400px;
}

.enelink-middle-area {
	width: 100%;
	height: 300px;
}

.enelink-mini-area {
	width: 100%;
	height: 150px;
}

.enelink-template {
	display: none;
}

.enelink-hidden-submit {
	display: none;
}

.enelink-hidden-area {
	display: none;
}

.enelink-visibility-hidden-area {
	visibility: hidden;
}

@media only screen and (max-width : 479px) {
	.xs-enelink-hidden-area {
		display: none;
	}
}

@media ( min-width : 480px) and ( max-width : 767px) {
	.sm-enelink-hidden-area {
		display: none;
	}
}

@media ( min-width : 768px) and ( max-width : 991px) {
	.md-enelink-hidden-area {
		display: none;
	}
}

@media ( min-width : 992px) {
	.lg-enelink-hidden-area {
		display: none;
	}
}

.enelink-display-content {
	margin-top: 5px;
}

.enelink-large-font {
	font-size: 45px;
}

.enelink-middle-font {
	font-size: 20px;
}

.enelink-small-font {
	font-size: smaller;
}

.enelink-money-blue-font {
	color: #3E96D2;
}

.enelink-money-large-font {
	font-size: 50px;
}

.enelink-money-middle-font {
	font-size: 30px;
}

.enelink-money-small-font {
	font-size: 10px;
}

/*--------------------
	Font
--------------------*/
.font-90per {
	font-size: 90%;
}

.font-80per {
	font-size: 80%;
}

/* XSサイズ : Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.enelink-money-large-font {
		font-size: 40px;
	}
	.enelink-money-middle-font {
		font-size: 25px;
	}
}

.enelink-attention-font {
	font-size: 15px;
	color: #FF0000;
}

.enelink-memo-info-font {
	color: #FF0000;
}

.error {
	color: #FF0000;
}

.imp-info {
	background-color: rgba(255, 255, 255, 0.8) !important;
	margin-bottom: 20px;
	padding: 10px;
	overflow: hidden;
}

.require-sample:after {
	content: "\f069";
	font-family: FontAwesome;
	color: #eb7461;
	font-size: xx-small;
}

.require:after {
	content: "\f069";
	font-family: FontAwesome;
	color: #eb7461;
	font-size: xx-small;
	margin-left: 5px;
}

/*半角文字の暫定対応*/
.hankaku-font {
	font-weight: 900;
}

.datepicker {
	padding: 0 !important;
}

/* 住所検索ボタン */
.find-postcode {
}

.find-postcode:before {
	content: "\f002";
	font-family: FontAwesome;
	margin-right: 5px;
}

/*--------------------
	 ローディング画像
--------------------*/
.loader {
	background-image: url('../images/bx_loader.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px;
	-webkit-transition-property: none !important;
	-o-transition-property: none !important;
	transition-property: none !important;
}
.view-loader-bg {
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #000;
	z-index: 1;
	opacity: 0.8;
}
.view-loader {
	display: block;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #fff;
	z-index: 2;
}


/*--------------------
	表
--------------------*/
.table-list {
	margin-top: 24px;
	margin-bottom: 10px;
	width: 100%;
	margin: 0 auto;
}

.table-list dl {
	font-size: 92%;
	line-height: 1.2;
	float: left;
	margin-right: -1px;
	margin-bottom: 20px;
}

.table-list dl dt {
	font-weight: 400;
	padding: 0.5em 0.5em;
	background: #e3e6ed;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	min-height: 1em;
	text-align: center;
}

.table-list dl dd {
	padding: 0.5em 0.5em;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	min-height: 1em;
}

.table-responsive th {
	background-color: #e3e6ed;
	color: #231815;
	font-weight: normal;
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

/*--------------------
	noscriptメッセージ
--------------------*/
.noscriptMessage {
	background-color: #D74C77;
	color: #FBF8DC;
}

/*--------------------
	グラフ
--------------------*/
/*軸のフォントを指定*/
.nvd3 text {
	/*font: 400 12px 'Noto Sans Japanese', serif;*/
}
/*ツールチップ*/
.enelink-tooltip {
	/*font-family: 'Noto Sans Japanese', serif;*/
	background-color: rgba(253, 253, 253, 0.8);
	border: 1px solid #808080;

	padding: 10px;
	line-height: 1.6;
}

.enelink-tooltip .tooltip-title {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bolder;
}

.enelink-tooltip .tooltip-table {
	display: table;
	margin-bottom: 10px;
	margin-left: 15px;
}

.enelink-tooltip .tooltip-table .tooltip-row {
	display: table-row;
}

.enelink-tooltip .tooltip-table .tooltip-row span {
	display: table-cell;
}

.tooltip-price:before {
	font-family: FontAwesome;
	content: "\f157";
	margin-right: 5px;
	float: left;
}

.tooltip-amount:before {
	font-family: FontAwesome;
	content: "\f0e7";
	margin-right: 5px;
	float: left;
}

.nvtooltip {
	border: none;
	background-color: transparent;
}
/*--------------------
	select2
--------------------*/
.select2-chosen, .select2-results {
	color: #555 !important;
}

/* LOGIN */
#box-login{
	margin:30px auto;
	background:rgba(255,255,255,.8);
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	border-radius: 8px;
}
#box-login > div{
	padding:30px 60px;
}
#box-login .form-group{
	margin-bottom:20px;
}

@media ( min-width : 768px) {
	#box-login{
		width:460px;
	}
	#box-login > div{
		padding:40px 80px;
	}
}

/* ALOGIN */
#box-alogin{
    background-color: #FFF;
}
#box-alogin .form-group{
    margin-bottom:20px;
}

/*-----------------------------------
	disabled ロールオーバー時に
	カーソルをデフォルト
------------------------------------*/
*[disabled] {
	cursor: default !important;
}
.select2-container.select2-container-disabled .select2-choice,
.select2-container.select2-container-disabled .select2-choices {
  cursor: default;
}

/*-----------------------------------
	ノート調
------------------------------------*/
.note {
	position:relative;
	padding: 0;
	margin:2em auto;
	overflow:hidden;
}
.note:before {
	content:"";
	position:absolute;
	top:0;
	right:0;
	width:0;
	border-width:0 30px 30px 0;
	border-style:solid;
	border-color:#fff #fff #ddd #ddd;
	background:#f8f8f8;
	display:block;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
}

.memo {
	background-color: #f8f8f8;
	padding: 10px !important;
    min-height: 50px;
    max-height: 300px;
    overflow-y: scroll;
}

textarea[name=memo1] {
	height: 150px;
}

textarea[name=memo2] {
	height: 50px;
}

.memo.memo1 {
	height: 150px;
}

.memo.memo2 {
	height: 50px;
}


/**
 * 暫定共通fount
 */
.font-1 {
    font-size: 1rem;
}

.font-1-1 {
	font-size: 1.1rem;
}

.font-1-3 {
	font-size: 1.3rem;
}

.font-2 {
    font-size: 2rem;
}

.font-1-5 {
	font-size: 1.5rem;
}

.font-1-6 {
	font-size: 1.6rem;
}

.font-1-75 {
	font-size: 1.75rem;
}

.break-all {
	word-break: break-all;
}

.border-b {
	border-bottom: 1px dashed rgba(0,0,0,.1);
}

.open .dropdown-toggle {
	background-color: #3e96d2 !important;
}

/**
 * modaal css
 */
.modaal-wrapper .modaal-close {
	background-color: #3e96d2;
	opacity: 0.9;
}

.modaal-wrapper .modaal-close:hover {
	opacity: 1;
}

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
	background: #fff;
}

.corp-header {
	font-size: 2rem !important;
	background: rgba(77, 89, 120, .15) !important;
}

.translucent {
	color: rgba(0,0,0,.5);
}

.unit {
	padding-left: 0px;
	font-size: 1.2rem;
	padding-bottom: 0px;
	padding-top: 20px;
}

.validateErr {
	color: #FF0000;
	background-color: rgb(255, 221, 221);
}

.form-control-birthday{
	width:90%;
	height:37px;
	padding:6px 12px;
	font-size:16px;
	line-height:1.42857;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:2px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.tokuteishou{
    padding:0% 5% 5% 5%;
}
.tokuteishou .headBorder{
	padding:7px 0;
	margin-bottom:15px;
	border-top:1px solid #023894;
	border-bottom:1px solid #023894;
	color:#023894;
	text-align:center;
	font-size:2.8rem;
	font-weight:700
}

.tokuteishou .tokuteishou_main{
	display:flex;
	flex-wrap:wrap;
	border-top:1px solid #ccc;
}
.tokuteishou dt,.container .tokuteishou dd{
	border-bottom:1px solid #ccc
}
.tokuteishou dt{
	width:36%;
	font-weight:700;
	padding:8px 5px 8px 0;
	border-right:1px solid #ccc
}
.tokuteishou dd{
	width:64%;
	padding:8px 0 8px 6px
}
.tokuteishou a{color:#136ebc}

.danraku{
	margin-left: 1em;
	text-indent: -1em;
}

.table-tpo {
	border-spacing: 0;
    border-collapse: collapse;
	background-color: transparent;
    width: 100%;
    max-width: 100%;
    margin-bottom: 5px;
}

.annotation-text{
     margin-bottom: 20px;
}
.grayOutbtn.disabled, .grayOutbtn[disabled], fieldset[disabled] {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    background-color: #808080;
}

/**
 * 赤字
 */
.red { color: #ff0000; }

/**
 * 青字（LinkColor)
 */
.linkColor { color: #136ebc; }

/**
 * 太字
 */
.bolder {font-weight: bolder;  }

.blockCenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.textCenter {
    text-align:center
}

.popupDesign {
    margin-bottom: 15px;
}
.AmazonTitlePadding {
    padding: 3% 6%
}
.AmazonTextPadding {
    padding: 7% 6% 0% 6%
}