@charset "utf-8";
/*
 index
==============================*/

/* lmp font ----------*/
@font-face {font-family:'icomoon';src: url('./fonts/icomoon.eot?sejeoz');src:url('.././fonts/icomoon.eot?sejeoz#iefix') format('embedded-opentype'),url('./fonts/icomoon.ttf?sejeoz') format('truetype'),url('./fonts/icomoon.woff?sejeoz') format('woff'),url('./fonts/icomoon.svg?sejeoz#icomoon') format('svg');font-weight:normal;font-style:normal;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-lmp-check:before {content: "\e90d";}.icon-icon-lmp-other-win2:before {content: "\e90e";}.icon-lmp-other-win2:before {content: "\e90c";}.icon-lmp-world:before {content: "\e90b";}.icon-lmp-other-win:before {content: "\e90a";}.icon-lmp-angle-right:before {content: "\e900";}.icon-lmp-angle-left:before {content: "\e901";}.icon-lmp-angle-up:before {content: "\e902";}.icon-lmp-angle-down:before {content: "\e903";}.icon-lmp-angle-last-up:before {content: "\e904";}.icon-lmp-angle-last-down:before {content: "\e905";}.icon-lmp-plus:before {content: "\e906";}.icon-lmp-minus:before {content: "\e907";}.icon-lmp-times:before {content: "\e908";}.icon-lmp-pamphlet:before {content: "\e909";}


/* body ----------*/
body { height: inherit !important; background-color: #F1F1F1; }
body a { color: #00A3D9; }

/* navbar ----------*/
.navbar { border-top: solid 4px #AFC443; border-bottom: none; background-color: #FFF; }
.navbar .logo_main { height: 20px !important; width: auto !important; padding: 0 !important; }


/* container ----------*/
.container { max-width: 760px; }

/* navbar-brand ----------*/
.navbar-brand { height: auto; padding: 0; }

/* logo_main ----------*/
/*.logo_main { bottom: auto; width: auto; }*/
@media (max-width: 767px){
	.logo_main { padding-top: 4%!important; width: 12%;}
}

@media (max-width: 480px){
.logo_main { padding-top: 8%!important; width: 25%;}
}
/* main-cont-inner ----------*/
.main-cont-inner { padding: 0 20px 20px; min-height: 400px; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; overflow: hidden; }
.main-cont-inner h3.h3-ttl { position: relative; margin-top: 60px; padding: 12px 10px 12px 35px; font-size: 22px; color: #FFF; background-color: #B0C444; border: none; }
.main-cont-inner h3.h3-ttl:before { position: absolute; top: 10px; left: 14px; content: ""; width: 5px; height: calc(100% - 20px); background-color: #FFF; }
.main-cont-inner h3.h3-ttl .t1 { color: #fcff00; }
.main-cont-inner h3.h3-ttl .t2 { display: inline-block; }

select { padding-right: 30px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../../images/f-power/common/arrow.png) !important; background-position: right center; background-repeat: no-repeat; background-size: 20px 5px; }
select::-ms-expand { display: none; }

/* footer ----------*/
footer { position: inherit; }


/* header ----------*/
#header { position: relative; overflow: hidden; background-color: #FF9933; margin-top: -22px; }
#header:before { position: absolute; top: 0; left: 50%; content: ""; width: 50vw; height: 100%; background-color: #13B5B1; }
#header .container { position: relative; z-index: 1; margin: 0 auto; padding: 0; }
@media only screen and (max-width : 767px) {
	#header { margin-top: -1.5em; }
}

/* step_bar_box ----------*/
#mv_next { padding: 0; text-align: center; }

/* step_bar_box ----------*/
#step_bar_box.box1 { margin-top: 30px; margin-bottom: 20px; padding: 20px; background-image: url(../../images/f-power/common/bg_dotto.gif); -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; border-radius:8px; }
#step_bar_box.box1 { margin-bottom: 24px; padding: 0 10px 20px; }
#step_bar_box.box1 .time { margin: 0; padding-bottom: 5px; text-align: center; border-bottom: solid 1px rgba(0,0,0,0.1); }
#step_bar_box.box1 .time img { margin-top: -30px; margin-left: -20px; }
#step_bar_box.box1 .step { margin: 0 10px; padding-top: 20px; border-top: solid 1px rgba(255,255,255,0.4); }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#step_bar_box.box1 .step { margin: 0; padding: 0; border: none; }
	.form-group { margin-bottom: 0; padding-right: 40px; }
}

/* list-bullet-01 ----------*/
.list-bullet-01 {}
.list-bullet-01 li { margin-left: 40px; text-indent: -40px; }
.list-bullet-01 li.notListStyle { margin-left: 0; margin-bottom: 5px !important; text-indent: 0; }
.list-bullet-01 li.notListStyle-s { font-size: 10px; }
.list-bullet-01 li.border_top { padding-top: 10px; border-top: solid 1px #CACACA; }
.list-bullet-01 li h4 { font-weight: bold; font-size: 20px; color: #FF5400; }
.list-bullet-01 li h4 i { margin-right: 10px; font-size: 30px; vertical-align: middle; }
.list-bullet-01 li:before { display: none; }

/* affix ----------*/
#affixWrap { margin-bottom: 35px; }
#affix {}
.affix-top { position: relative; }
.affix { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; }

/* area_tab ----------*/
#area_tab {}
#area_tab li {}
#area_tab a { color: #777; border-left: solid 3px #FFF; border-right: solid 3px #FFF; padding: 5px 2px; text-align: center; background-color: #CCC; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; }
#area_tab .active a { color: #FFF; background-color: #FF8244; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#area_tab li { width: 30.66%; float: left; margin: 0 1.33%; margin-bottom: 5px; }
	#area_tab li a { border: none; padding: 10px 0; }
}

/* yakkan_tab ----------*/
#yakkan_tab {}
#yakkan_tab li {}
#yakkan_tab a { color: #777; border-left: solid 3px #EBEBEB; border-right: solid 3px #EBEBEB; padding: 5px 2px; text-align: center; background-color: #CCC; -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; -ms-border-radius:0; border-radius:0; }
#yakkan_tab .active a { color: #FFF; background-color: #FF8244; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#yakkan_tab li { width: 30.66%; float: left; margin: 0 1.33%; margin-bottom: 5px; }
	#yakkan_tab li a { border: none; padding: 10px 0; }
}

/* area_cont ----------*/
#area_cont { max-width: 760px; margin: 0 auto; background-color: #FFF; border: solid 1px #CCC; }
#area_cont .tab-pane { padding: 10px;  }
.affix #area_cont { border: none; border-bottom: solid 1px #CCC; }

/* open_bt_wrap ----------*/
.open_bt_wrap { margin: 10px 0 20px; padding: 0 20px; }
.open_bt_wrap a { margin: 0; padding: 0; line-height: 1; background-color: transparent; border: none; }
.open_bt_wrap a .op, .open_bt_wrap a .cl { position: relative; display: inline-block; width: 100%; max-width: 520px; padding: 10px 10px 7px; font-weight: bold; font-size: 16px; line-height: 1; -webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; -ms-border-radius:30px; border-radius:30px; }
.open_bt_wrap a i { position: absolute; top: 0; bottom: 0; right: 15px; height: 16px; margin: auto; }
.open_bt_wrap a .op { color: #FFF; background-color: #00A0E9; border: solid 1px #00A0E9; }
.open_bt_wrap a .cl { color: #00A0E9; background-color: #FFF; border: solid 1px #00A0E9; }
.sbt .open_bt_wrap { margin-top: -1px !important; max-width: 760px; margin: 0 auto; text-align: right !important; }
.sbt .open_bt_wrap a .op, .sbt .open_bt_wrap a .cl { font-size: 14px; text-align: center; max-width: 80px; border-top: none; -webkit-border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -o-border-radius:0 0 15px 15px; -ms-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; }
.sbt .open_bt_wrap a i { display: block; position: inherit; text-align: center; right: auto; margin-top: 5px; }

/* collapsed ----------*/
.op { display: none !important; }
.collapsed .op { display: inline-block !important; }
.collapsed .cl { display: none !important; }

label.btn.btn-default { background-color: #FFF; border: solid 2px #00A0E9; }
label.btn.active, label.btn.active:hover, label.btn.active:active, label.btn.active.focus { background-color: #00A0E9; }

.enelink-question-tooltip { font-size: 16px; }

/* charge_menu ----------*/
.charge_menu_wrap { overflow: hidden; }
.charge_menu { padding: 20px 40px 0; border: solid 1px #CCC; }
.charge_menu h3 { margin-bottom: 15px; font-size: 28px; font-weight: normal; text-align: center; }
.charge_menu .h { margin-bottom: 10px; }
.charge_menu .h h4 { margin-right: 30px; padding-left: 8px; font-size: 28px; font-weight: bold; color: #B0C444; line-height: 1.2; float: left; border-left: solid 10px #B0C444; }
.charge_menu .h p { overflow: hidden; line-height: 1.3; }
.charge_menu table { width: 100%; margin-bottom: 40px; }
.charge_menu table th, .charge_menu table td { padding: 10px; vertical-align: middle; border-right: solid 2px #FFF; border-bottom: solid 2px #FFF; text-align: center; }
.charge_menu table th { background-color: #CCC; font-weight: normal; }
.charge_menu table td { background-color: #EEE; }
.charge_menu table .norb { border-right: none; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	.btw { text-align: center; }
	.bt-open { width: 160px; padding: 6px; padding-right: 15px; font-size: 18px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px; border-radius:20px; }
	.charge_menu h3 { font-size: 18px; font-weight: bold; }
	.charge_menu .h h4 { font-size: 18px; float: none; }
	.charge_menu .h p { font-size: 16px; }
	.charge_menu table th, .charge_menu table td { font-size: 14px; }
}

/* using-position-find-postcode ----------*/
#using-position-find-postcode, #contractor-find-postcode { border: none; padding: 6px 10px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px;
	background: #cbcbcb;
	background: -moz-linear-gradient(top, #cbcbcb 0%, #b1b1b1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cbcbcb 0%,#b1b1b1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cbcbcb 0%,#b1b1b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#b1b1b1',GradientType=0 ); /* IE6-9 */
}
#using-position-find-postcode:hover, #contractor-find-postcode:hover { opacity: 0.6; }
@media screen and (max-width:759px) {
	/*#using-position-find-postcode, #contractor-find-postcode { padding: 14px 20px; }*/
}

.orange { color: #FF5400; }
input[type="checkbox"] + span::before { font-size: 35px; vertical-align: middle; }
input[type="checkbox"]:checked + span::before { color: #FF5400; }
.checkbox-inline input[type="checkbox"] + span::before { left: -2px; }
.checkbox-inline { display: inline-block; text-align: left; border: none; }

.box-gray { position: relative; margin-bottom: 20px; padding: 10px; background-color: #EBEBEB; }
.box-gray h3 { margin-bottom: 10px; padding-left: 10px; font-size: 16px; font-weight: normal; border-left: solid 8px #B0C444; }
.box-gray .tab-content { padding: 30px; background-color: #FFF; }
.box-gray .tab-content ul {}
.box-gray .tab-content ul li { text-align: center; margin-bottom: 5px; }
.box-gray .tab-content ul li a { font-size: 18px; color: #333; text-decoration: underline; }

.btn.btn-next { font-size: 30px; font-weight: bold; background-color: #FF5400; border: none; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -ms-border-radius:100px; border-radius:100px; }
.btn.btn-next::after { content: "\f0da"; height: 40px; }

h2.h2-header { border: none; padding-left: 0; color: #333; }

/* confirmation ----------*/
#confirmation {}
#confirmation .btn.btn-next { font-size: 20px; }
#confirmation .btn.btn-next::after { height: 30px; right: 10%; }
#confirmation .btn.btn-back { font-size: 20px; font-weight: normal; background-color: #E3E6ED; border: none; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -ms-border-radius:100px; border-radius:100px; }
#confirmation .btn.btn-back::before { content: "\f0d9";  height: 30px; left: 10%; color: #999; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#confirmation #step_bar_box.box1 { padding: 10px; }
}

/* payment_methods ----------*/
#payment_methods {}
#payment_methods p.ac { margin-top: 30px; font-size: 18px; text-align: center; }
#payment_methods .btw { margin: 5px 40px 60px; padding: 0 5px 20px; overflow: hidden; }
#payment_methods .btw p { width: calc((100% - 60px) / 2); margin: 0; float: left; }
#payment_methods .btw p a { display: block; width: 100%; text-align: center; padding: 30px 10px; font-size: 16px; color: #333 !important; font-weight: normal;
	-webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; border-radius:8px;
	-webkit-box-shadow:0 6px 0 #d0cfd0; -moz-box-shadow:0 6px 0 #d0cfd0; -o-box-shadow:0 6px 0 #d0cfd0; -ms-box-shadow:0 6px 0 #d0cfd0; box-shadow:0 6px 0 #d0cfd0;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #dddddd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ededed 0%,#dddddd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ededed 0%,#dddddd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}
#payment_methods .btw .credit { margin-right: 60px; }
#payment_methods .btw .web {}
#payment_methods .ex { position: relative; margin: 0 50px 35px; padding: 20px; background-color: #f3e2e2; border: solid 1px #ff3300; }
#payment_methods .ex h2 { position: absolute; top: -17px; left: 0; right: 0; width: 200px; padding: 0; margin: auto; font-size: 24px; color: #FFF; line-height: 1; padding: 5px; text-align: center; background-color: #ff3300; -webkit-border-radius:34px; -moz-border-radius:34px; -o-border-radius:34px; -ms-border-radius:34px; border-radius:34px; }
#payment_methods .ex h2 i { position: absolute; font-size: 16px; top: 0; bottom: 0; left: 20px; width: 16px; height: 16px; margin: auto; }
#payment_methods .ex .red { font-size: 16px; color: #ff3300; line-height: 1.3; }
#payment_methods .inex { padding: 20px; background-color: #FFF; border: solid 1px #c5c5c5; }
#payment_methods .inex h3 { margin-bottom: 10px; font-size: 24px; }
#payment_methods .inex .box1 { margin-bottom: 0; }
#payment_methods .annotation { margin: 0 130px; margin-bottom: 190px; }
#payment_methods .annotation li { text-indent: -1em; margin-left: 1em; font-size: 12px; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#payment_methods #step_bar_box.box1 { padding: 10px; }
	#payment_methods .btw { padding: 0; margin-left: 0; margin-right: 0; overflow: inherit; }
	#payment_methods .btw p { width: 100%; float: none; }
	#payment_methods .btw .credit { margin-right: 0; margin-bottom: 20px; }
	#payment_methods .ex {margin-left: 0; margin-right: 0; }
	#payment_methods .ex .ac { text-align: left !important; }
	#payment_methods .annotation { margin-left: 0; margin-right: 0;  }
}

/* clearing ----------*/
#clearing {}
#clearing .h { font-size: 20px; }
#clearing .box { margin: 0 80px 40px; padding: 10px; }
#clearing .box-light_gray { background-color:#f8f8f8; }
#clearing .box p { font-size: 12px; }
#clearing .box ul li { margin-left: 1em; margin-bottom: 10px; font-size: 12px; text-indent: -1em; line-height: 1.4; }
#clearing .box a, #clearing .box2 a { color: #00A3D9; }
#clearing .in2 { margin: 0 60px; }
#clearing .box2 { margin-bottom: 40px; background-color: #f8f8f8; padding: 20px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.15); -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.15); -o-box-shadow:1px 1px 4px rgba(0,0,0,0.15); -ms-box-shadow:1px 1px 4px rgba(0,0,0,0.15); box-shadow:1px 1px 4px rgba(0,0,0,0.15); }
#clearing .box2 p { font-size: 12px;; line-height: 1.4; }
#clearing .box2 .bb { padding: 10px 0; border-bottom: dotted 1px #CCC; overflow: hidden; }
#clearing .box2 .bb2 { margin-bottom: 10px; }
#clearing .box2 select.form-control { width: auto; display: inline-block; }
#clearing .shopinfo { width: 250px; margin-right: 80px; margin-bottom: 70px; float: right; }
#clearing .shopinfo * { font-weight: normal; text-align: left; }
#clearing .shopinfo td { padding: 5px 0; border-bottom: dotted 1px #DDD; }
#clearing .shopinfo tr:last-child td { border-bottom: none; }
#clearing .form-group { width: 100%; overflow: hidden; margin-left: 0; margin-right: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #cacaca; }
#clearing .btn.btn-next { font-size: 20px; }
#clearing .btn.btn-next::after { right: 10%; height: 30px; }
#clearing .btn.btn-back { font-size: 20px; font-weight: normal; background-color: #E3E6ED; border: none; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; -ms-border-radius:100px; border-radius:100px; }
#clearing .btn.btn-back::before { left: 10%; content: "\f0d9"; height: 30px; color: #999; }
#clearing .return-bt .btn-back { margin-bottom: 40px; padding: 10px 50px; font-size: 12px; color: #666; background-color: #FFF; border: solid 1px #666; -webkit-border-radius:70px; -moz-border-radius:70px; -o-border-radius:70px; -ms-border-radius:70px; border-radius:70px; }
#clearing .return-bt .btn.btn-back::before { height: 18px; color: #666; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#clearing #step_bar_box.box1 { padding: 10px; }
	#clearing .box { margin: 0 0 40px; }
	#clearing .in2 { margin: 0; }
	#clearing .shopinfo { width: 100%; margin-right: 0; margin-bottom: 30px; }
}

/* completed ----------*/
#completed {}
#completed #step_bar_box { margin-bottom: 10px; }
@media screen and (max-width:768px) { /* iPad 縦 m */
	#completed #step_bar_box.box1 { padding: 10px; }
}