/*

はぴeみる電
PC

*/
/* =========================================================

 Scaffolding

========================================================= */
body {
  margin: 0;
  padding: 0;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
  background-color: #ffffff;
  background: url(../img/common/body_bg.jpg) repeat left top #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #666666;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #404040;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
  border: none;
}
hr {
  margin-top: 21px;
  margin-bottom: 21px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
/* ime-mode */
.b-form-ime-mode-off {
  ime-mode: disabled;
}
.b-form-ime-mode-on {
  ime-mode: active;
}
/* =========================================================

 Panels
 
 パネル

========================================================= */
.panel {
  clear: both;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin: 7px;
  overflow: hidden;
}
.panel.__h {
  overflow: hidden;
  height: 230px;
}
.panel.__h2 {
  overflow: hidden;
  height: auto;
}
.panel.__h.__double {
  height: 474px;
}
.panel.__h.__half {
  height: 110px;
  margin-bottom: 10px;
}
.panel.__h.__half + .panel.__h.__half {
  margin-bottom: 0;
}
.panel > a {
  color: #333;
  text-decoration: none;
}
.panel > a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  background: none!important;
}
/* =========================================================

 Grid kenshinnet Layout
 
 グリッド関連

========================================================= */
/*@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px

@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
@font-size-h5:            @font-size-base;
@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px*/
.u-clearfix:before,
.u-clearfix:after {
  content: " ";
  display: table;
}
.u-clearfix:after {
  clear: both;
}
/* l-container
======================================== */
.l-container {
  width: 976px;
  margin: 0 auto;
}
.l-container.__popup {
  width: 736px;
}
.l-container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
/* l-row-fluid
======================================== */
.l-row-fluid {
  width: 100%;
  *zoom: 1;
}
.l-row-fluid:before,
.l-row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.l-row-fluid:after {
  clear: both;
}
.l-row-fluid [class*="l-col-"] {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 0;
  *margin-left: -0.052083333333333336%;
}
.l-row-fluid [class*="l-col-"]:first-child {
  margin-left: 0;
}
[class*="l-col"].hide,
.l-row-fluid [class*="l-col"].hide {
  display: none;
}
[class*="l-col"].pull-right,
.l-row-fluid [class*="l-col"].pull-right {
  float: right;
}
/* .l-col-
------------------------------ */
.l-row-fluid [class*="l-col"] {
  margin-left: 0;
}
.l-row-fluid .l-col-12 {
  width: 100%;
}
.l-row-fluid .l-col-11 {
  width: 91.66666667%;
}
.l-row-fluid .l-col-10 {
  width: 83.33333333%;
}
.l-row-fluid .l-col-9 {
  width: 75%;
}
.l-row-fluid .l-col-8 {
  width: 66.66666667%;
}
.l-row-fluid .l-col-8--adjustment {
  width: 66.668%;
}
.l-row-fluid .l-col-7 {
  width: 58.33333333%;
}
.l-row-fluid .l-col-6 {
  width: 50%;
}
.l-row-fluid .l-col-5 {
  width: 41.66666667%;
}
.l-row-fluid .l-col-4 {
  width: 33.33333333%;
}
.l-row-fluid .l-col-3 {
  width: 25%;
}
.l-row-fluid .l-col-2 {
  width: 16.66666667%;
}
.l-row-fluid .l-col-1 {
  width: 8.33333333%;
}
.l-row-fluid .offset12,
.l-row-fluid .offset12:first-child {
  margin-left: 100%;
}
.l-row-fluid .offset11,
.l-row-fluid .offset11:first-child {
  margin-left: 91.66666667%;
}
.l-row-fluid .offset10,
.l-row-fluid .offset10:first-child {
  margin-left: 83.33333333%;
}
.l-row-fluid .offset9,
.l-row-fluid .offset9:first-child {
  margin-left: 75%;
}
.l-row-fluid .offset8,
.l-row-fluid .offset8:first-child {
  margin-left: 66.66666667%;
}
.l-row-fluid .offset7,
.l-row-fluid .offset7:first-child {
  margin-left: 58.33333333%;
}
.l-row-fluid .offset6,
.l-row-fluid .offset6:first-child {
  margin-left: 50%;
}
.l-row-fluid .offset5,
.l-row-fluid .offset5:first-child {
  margin-left: 41.66666667%;
}
.l-row-fluid .offset4,
.l-row-fluid .offset4:first-child {
  margin-left: 33.33333333%;
}
.l-row-fluid .offset3,
.l-row-fluid .offset3:first-child {
  margin-left: 25%;
}
.l-row-fluid .offset2,
.l-row-fluid .offset2:first-child {
  margin-left: 16.66666667%;
}
.l-row-fluid .offset1,
.l-row-fluid .offset2:first-child {
  margin-left: 8.33333333%;
}
.l-row-fluid .offset0,
.l-row-fluid .offset0:first-child {
  margin-left: 0;
}
/* l-gutters
======================================== */
.l-gutters {
  padding-right: 20px;
  padding-left: 20px;
}
.l-gutters-XS {
  padding-right: 5px;
  padding-left: 5px;
}
.l-gutters-S {
  padding-right: 10px;
  padding-left: 10px;
}
.l-gutters-L {
  padding-right: 30px;
  padding-left: 30px;
}
.l-gutters-XL {
  padding-right: 40px;
  padding-left: 40px;
}
.l-gutters-XXL {
  padding-right: 50px;
  padding-left: 50px;
}
.l-gutters-XXXL {
  padding-right: 60px;
  padding-left: 60px;
}
/* l-gutters-box
------------------------------ */
.l-gutters-box {
  padding: 20px;
}
.l-gutters-box :last-child,
.l-gutters-box-XS :last-child,
.l-gutters-box-S :last-child,
.l-gutters-box-M :last-child,
.l-gutters-box-L :last-child,
.l-gutters-box-XL :last-child,
.l-gutters-box-XXL :last-child,
.l-gutters-box-XXXL :last-child {
  margin-bottom: 0;
}
.l-gutters-box-XS {
  padding: 5px;
}
.l-gutters-box-S {
  padding: 10px;
}
.l-gutters-box-M {
  padding: 20px;
}
.l-gutters-box-L {
  padding: 30px;
}
.l-gutters-box-XL {
  padding: 40px;
}
.l-gutters-box-XXL {
  padding: 50px;
}
.l-gutters-box-XXXL {
  padding: 60px;
}
/* l-no-gutters
------------------------------ */
.l-no-gutters {
  margin-right: -20px;
  margin-left: -20px;
}
.l-no-gutters-XS {
  margin-right: -5px;
  margin-left: -5px;
}
.l-no-gutters-S {
  margin-right: -10px;
  margin-left: -10px;
}
.l-no-gutters-L {
  margin-right: -30px;
  margin-left: -30px;
}
.l-no-gutters-XL {
  margin-right: -40px;
  margin-left: -40px;
}
.l-no-gutters-XXL {
  margin-right: -50px;
  margin-left: -50px;
}
.l-no-gutters-XXXL {
  margin-right: -60px;
  margin-left: -60px;
}
/* l-ta-row-box
======================================== */
.l-ta-row-box {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.l-ta-row-box.__fixed {
  table-layout: fixed;
}
.l-ta-row-box.__sp {
  border-collapse: separate;
  /* セルの間隔を空ける */
  border-spacing: 10px;
  /* 左右 上下で記述 */
}
.l-ta-row {
  display: table-row;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.l-ta-cell {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
}
.l-ta-row-box-auto {
  width: auto;
}
.l-ta-cell.__line-R {
  border-right: 1px solid #DDD;
}
/* =========================================================

Headings

見出し関連

========================================================= */
/* head-primary
======================================== */
.b-doc-head-primary-P01 {
  color: #056b49;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 20px 0;
}
.b-doc-head-complete-primary-P01 {
  color: #056b49;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
  margin: 0 0 20px 0;
}
/* head
======================================== */
.b-doc-head-P01 {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 20px 0;
}
/* head-primary-bg
======================================== */
.b-doc-head-bg {
  position: relative;
  padding: 16px 20px;
}
.b-doc-head-bg .a-btn-R {
  display: block;
  width: auto;
  height: inherit;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding-right: 10px;
  line-height: 50px;
  color: #333;
}
.b-doc-head-bg .a-btn-R [class^="b-icons"],
.b-doc-head-bg .a-btn-R [class*=" b-icons"] {
  color: #FFFFFF;
}
.b-doc-head-primary-bg-P01,
.b-doc-head-bg.__primary-P01 {
  background-color: #67bf64 !important;
  padding: 10px;
}
a.b-doc-head-primary-bg-P01:hover,
a.b-doc-head-bg.__primary-P01:hover,
a .b-doc-head-primary-bg-P01:hover,
a .b-doc-head-bg.__primary-P01:hover {
  background-color: #49aa46 !important;
}
.b-doc-head-bg.__primary-P01 {
  background-color: #67bf64 !important;
}
a.b-doc-head-bg.__primary-P01:hover,
a .b-doc-head-bg.__primary-P01:hover {
  background-color: #49aa46 !important;
}
.b-doc-head-bg.__primary-P02 {
  background-color: #c5dc51 !important;
  padding: 10px;
}
a.b-doc-head-bg.__primary-P02:hover,
a .b-doc-head-bg.__primary-P02:hover {
  background-color: #b5d02a !important;
}
.b-doc-head-bg.__gray-P01 {
  background-color: #eeeeee !important;
}
a.b-doc-head-bg.__gray-P01:hover,
a .b-doc-head-bg.__gray-P01:hover {
  background-color: #d5d5d5 !important;
}
.b-doc-head-primary-bg-P01__text,
.b-doc-head-bg__text {
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 20px;
  line-height: 1.5;
  font-weight: bold;
}
.b-doc-heading-P01 {
  background-color: #67bf64 !important;
  padding: 10px;
}
a.b-doc-heading-P01:hover,
a .b-doc-heading-P01:hover {
  background-color: #49aa46 !important;
}
.b-doc-heading-P01__text {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 20px;
  font-weight: normal;
}
.b-doc-heading-P01.a-L2 {
  background-color: #c5dc51 !important;
}
a.b-doc-heading-P01.a-L2:hover,
a .b-doc-heading-P01.a-L2:hover {
  background-color: #b5d02a !important;
}
.b-doc-heading-P01.a-L2 {
  background-color: #c5dc51 !important;
}
a.b-doc-heading-P01.a-L2:hover,
a .b-doc-heading-P01.a-L2:hover {
  background-color: #b5d02a !important;
}
/* .b-doc--attention
======================================== */
.b-doc-head-attention {
  color: #ff4d4e;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
  margin: 0 0 20px 0;
}
.b-doc-head-attention .b-icon {
  font-size: 64px;
  display: block;
  margin-bottom: 10px;
}
/* label
======================================== */
.b-doc-label-P01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}
.b-doc-label-P01 .b-icons {
  margin-right: 5px;
}
.b-doc-label-primary-P01 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  color: #056b49;
}
.b-doc-label-primary-P01 .b-icons {
  margin-right: 5px;
}
/* =========================================================

 Typography
 
基本 タイポグラフィー

========================================================= */
.b-doc-p {
  margin: 0 0 10.5px;
  padding: 0;
  font-size: 14px;
  line-height: 1.5;
}
.b-doc-lead {
  margin-bottom: 21px;
  padding: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .b-doc-lead {
    font-size: 20px;
  }
}
.b-doc-small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.b-doc-ul,
.b-doc-ol {
  margin: 0 0 10.5px 20px;
  padding: 0;
}
.b-doc-ul ul,
.b-doc-ol ul,
.b-doc-ul ol,
.b-doc-ol ol {
  margin-bottom: 0;
}
.b-doc-list-unstyled {
  padding-left: 0;
  list-style: none;
}
.b-doc-list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.b-doc-list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.b-doc-dl {
  margin-top: 0;
  margin-bottom: 21px;
}
.b-doc-dl dt,
.b-doc-dl dd {
  line-height: 1.5;
}
.b-doc-dl dt {
  font-weight: bold;
}
.b-doc-dl dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .b-doc-dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .b-doc-dl-horizontal dd {
    margin-left: 180px;
  }
}
.b-doc-unit {
  margin-left: 5px;
  font-size: 12px;
}
/* note block
======================================== */
.b-doc-note {
  margin-bottom: 20px;
}
.b-doc-note .b-doc-note__item {
  text-indent: -1em;
  margin-left: 1em;
  font-size: 12px;
  color: #888;
}
.b-doc-note .b-doc-note__item.attention {
  color: #ff4d4e !important;
}
/* note inline
======================================== */
.b-doc-note-inline {
  font-size: 12px;
  color: #888;
  font-weight: normal;
}
/* =========================================================

 Code

========================================================= */
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 10px;
  margin: 0 0 10.5px;
  font-size: 13px;
  line-height: 1.5;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
/* =========================================================

b-doc-table-P09
 
 - 過去３ヵ月の詳しい検針結果

========================================================= */
.b-doc-table-P02 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.b-doc-table-P02 th,
.b-doc-table-P02 td {
  border-bottom: 1px solid #DDD;
  padding: 8px ;
  text-align: left;
  font-size: 14px;
}
.b-doc-table-P02 .a-unit {
  font-size: 12px;
  font-weight: normal;
}
.b-doc-table-P02 .a-head {
  background-color: #eeeeee;
  font-weight: bold;
  color: #056b49;
  width: 160px;
}
.b-doc-table-P02 .a-head-col {
  text-align: center;
  color: #056b49;
  border-bottom: none;
  padding: 8px 16px 0;
  line-height: 1;
}
.b-doc-table-P02 .a-data-col {
  padding: 4px 16px;
  text-align: center;
}
.b-doc-table-P02 .u-text-link {
  cursor: pointer;
}
.b-doc-table-P02.__P01 th,
.b-doc-table-P02.__P01 td {
  text-align: center;
}
.b-doc-table-P02.__P01 .a-head {
  text-align: left;
}
.b-doc-table-P02.__P01 .a-head.a-no-line {
  border-bottom: none;
}
.b-doc-table-P02.__P01 .a-head-col {
  padding-top: 20px;
}
.b-doc-table-P02.__P01 .a-head-col [class^="b-icons"],
.b-doc-table-P02.__P01 .a-head-col [class*=" b-icons"] {
  display: block;
  font-size: 32px;
  margin-bottom: 5px;
  color: #67bf64;
  vertical-align: top;
}
.b-doc-table-P02.__P01 .a-head-col .a-note {
  font-size: 12px;
  color: #999999;
}
.b-doc-table-P02.__P01 .__total td {
  font-size: 16px;
  font-weight: bold;
}
.b-doc-table-P02.__P01 .__line {
  border-right: 2px solid#EEEEEE;
}
.b-doc-table-P02.__P04 th,
.b-doc-table-P02.__P04 td {
  text-align: center;
}
.b-doc-table-P02.__P04 .a-head {
  text-align: left;
}
.b-doc-table-P02.__P04 .a-head-col th {
  background-color: #f4f4f4;
  color: #056b49;
}
.b-doc-table-P02.__P05 .a-keiki {
  margin: 0;
  padding: 0;
}
.b-doc-table-P02.__P05 .a-keiki td {
  margin: 0;
  padding: 0 20px 0 0;
  border: none;
}
/* =========================================================

b-doc-table-P03
 
- 電気代・使用量をグラフでみる
	- 月別で見る
	- 日別で見る

========================================================= */
.b-doc-table-P03 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 21px;
}
.b-doc-table-P03 > thead > tr > th,
.b-doc-table-P03 > tbody > tr > th,
.b-doc-table-P03 > thead > tr > td,
.b-doc-table-P03 > tbody > tr > td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
}
.b-doc-table-P03 > thead > tr > th {
  vertical-align: bottom;
}
.b-doc-table-P03 > tbody > tr > td {
  vertical-align: middle;
}
.b-doc-table-P03 > tbody > tr > td a {
  color: #056b49;
  text-decoration: underline;
}
.b-doc-table-P03 > tbody > tr > td a:hover {
  text-decoration: none;
}
.b-doc-table-P03 > thead > tr > th [class^="b-icons"],
.b-doc-table-P03 > thead > tr > th [class*=" b-icons"] {
  font-size: 20px;
}
.b-doc-table-P03.__striped > tbody > tr:nth-child(odd) {
  background-color: #f1f5f6;
}
.b-doc-table-P03 > tbody > tr > td.__sunday,
.b-doc-table-P03 > tbody > tr > th.__sunday,
.b-doc-table-P03 > tbody > tr.__sunday > td,
.b-doc-table-P03 > tbody > tr.__sunday > th {
  background-color: #ffebec;
}
.b-doc-table-P03 > tbody > tr > td.__suturday,
.b-doc-table-P03 > tbody > tr > th.__suturday,
.b-doc-table-P03 > tbody > tr.__suturday > td,
.b-doc-table-P03 > tbody > tr.__suturday > th {
  background-color: #e7f3ff;
}
/* 日別概算料金表示 */

.b-doc-table-P02.__line-dotted,
.b-doc-table-P02.__line-solid {
    border-collapse: separate;
    border-spacing: 0;
}

.b-doc-table-P02.__line-dotted th,
.b-doc-table-P02.__line-dotted td {
    border-bottom-style: dotted;
}

.b-doc-table-P02.__line-solid th,
.b-doc-table-P02.__line-solid td {
    border-bottom-style: solid;
}

.b-doc-table-P02.__line-dotted th.__noborder,
.b-doc-table-P02.__line-dotted td.__noborder,
.b-doc-table-P02.__line-solid th.__noborder,
.b-doc-table-P02.__line-solid td.__noborder {
    border-bottom: none;
}

.b-doc-table-P02.__line-solid .__line-solid__right {
    border-right: 1px solid #ddd;
    word-break: break-all;
}

.b-doc-table-P02.__line-dotted .__line-dotted__right {
    border-right: 1px dotted #ddd;
    word-break: break-all;
}

.b-doc-table-P02.__gaisanryokin-table .u-bg-gray {
    background-color: #f4f4f4 !important;
}

.b-doc-table-P02.__gaisanryokin-table th {
    background-color: #efefef;
    font-weight: normal;
    padding-left: 20px;
}

.b-doc-table-P02.__gaisanryokin-table td {
    text-align: center;
}

.b-doc-table-P02.__gaisanryokin-table-SP th.a-head.u-paL20 {
    letter-spacing: -0.05em;
    font-size: 11px;
}

.b-doc-table-P02.__gaisanryokin-table-SP th {
    padding-left: 10px;
    padding-right: 10px;
}

.b-doc-table-P02.__gaisanryokin-table-SP td {
    padding-left: 5px;
    padding-right: 5px;
}

.u-text-attention-P02 {
    color: #ff6600 !important;
}

a.u-text-attention-P02:hover {
    color: #e65c00 !important;
}

/* =========================================================

b-doc-table-P04
 
- 月別で見る
- 日別で見る
- １時間毎でみる

========================================================= */
.b-doc-table-P04 {
  background: #f6f6f6;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 21px;
  padding: 0;
}
.b-doc-table-P04 > thead > tr > th,
.b-doc-table-P04 > tbody > tr > th,
.b-doc-table-P04 > thead > tr > td,
.b-doc-table-P04 > tbody > tr > td {
  line-height: 1.2;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
.b-doc-table-P04 > thead > tr > th,
.b-doc-table-P04 > tbody > tr > th {
  padding: 10px 3px 4px;
}
.b-doc-table-P04 > thead > tr > td,
.b-doc-table-P04 > tbody > tr > td {
  padding: 4px 3px 10px;
}
.b-doc-table-P04 .a-unit {
  font-size: 11px;
  font-weight: normal;
}
.b-doc-table-P04 [class^="b-icons"],
.b-doc-table-P04 [class*=" b-icons"] {
  font-size: 20px;
}
.b-doc-table-P04 th.u-text-living-time,
.b-doc-table-P04 th.u-text-day-time,
.b-doc-table-P04 th.u-text-night-time {
  font-size: 11px;
}
.b-doc-table-P04 th.u-text-living-time [class^="b-icons"],
.b-doc-table-P04 th.u-text-day-time [class^="b-icons"],
.b-doc-table-P04 th.u-text-night-time [class^="b-icons"],
.b-doc-table-P04 th.u-text-living-time [class*=" b-icons"],
.b-doc-table-P04 th.u-text-day-time [class*=" b-icons"],
.b-doc-table-P04 th.u-text-night-time [class*=" b-icons"] {
  display: block;
  margin-bottom: 5px;
}
.b-doc-table-P04 td [class^="b-icons"],
.b-doc-table-P04 td [class*=" b-icons"] {
  margin-right: 5px;
}
.b-doc-table-P04 .__badge {
  width: 90px;
  background: #e8e8e8;
  padding: 10px 0;
  font-weight: bold;
  color: #056b49;
  text-align: center;
}
.b-doc-table-P04 .__badge img {
  display: block;
  margin: 0 auto;
}
hr.b-doc-table-P04__border-P01 {
  display: block;
  width: 2px;
  height: 60px;
  border: none;
  background: #fff;
  margin: 0;
}
hr.b-doc-table-P04__border-P02 {
  display: inline-block;
  width: 2px;
  height: 30px;
  border: none;
  background: #fff;
  margin: 0 12px;
  margin-bottom: -6px;
}
.b-doc-table-P04 .__head-note-P01 {
  font-weight: normal;
  color: #777777;
}
.b-doc-table-P04 .__data-P01,
.b-doc-table-P04 .__data-P02,
.b-doc-table-P04 .__data-P03,
.b-doc-table-P04 .__data-P04,
.b-doc-table-P04 .__data-P05 {
  vertical-align: bottom;
  line-height: 1;
}
.b-doc-table-P04 .__data-P01 {
  font-size: 24px;
}
.b-doc-table-P04 .__data-P02 {
  font-size: 16px;
}
.b-doc-table-P04 .__data-P03 {
  font-size: 30px;
}
.b-doc-table-P04 .__data-P04 {
  font-size: 20px;
}
.b-doc-table-P04 .__data-P05 {
  font-size: 32px;
}
.b-doc-table-P04 .__head-weather {
  font-size: 16px;
  line-height: 1.6;
  font-weight: normal;
  vertical-align: bottom;
}
.b-doc-table-P04 .__head-weather .__data-emperature {
  font-size: 22px;
}
.b-doc-table-P04 .__head-date {
  font-size: 24px;
  line-height: 1.6;
  font-weight: normal;
  vertical-align: middle;
}
/* =========================================================

b-doc-table-P05
 
- 各種データのダウンロード
- 「季時別電灯ＰＳ」シュミレーション手順

========================================================= */
.b-doc-table-P05 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.b-doc-table-P05 th {
  text-align: center;
  padding: 10px;
}
.b-doc-table-P05 td {
  text-align: center;
  padding: 10px;
}
.b-doc-table-P05.__striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
/* =========================================================

b-doc-table-P06
 
- 家計簿

========================================================= */
.b-doc-table-P06 {
  border-collapse: collapse;
  border-spacing: 0;
  /* for ie8 */
}
.b-doc-table-P06 th,
.b-doc-table-P06 td {
  text-align: center;
  padding: 8px 10px;
  font-size: 12px;
}
.b-doc-table-P06 tbody tr > td {
  text-align: right;
}
.b-doc-table-P06 tr > :first-child {
  width: 80px;
  border-right: 3px solid #dddddd;
  text-align: center;
}
.b-doc-table-P06 thead tr th {
  background-color: #f1f5f6;
}
.b-doc-table-P06 thead tr th [class^="b-icon-circlea"],
.b-doc-table-P06 thead tr th [class*=" b-icon-circlea"] {
  display: block;
}
.b-doc-table-P06 thead tr:first-child th {
  padding-bottom: 0;
}
.b-doc-table-P06 thead tr:last-child th {
  padding-bottom: 5px;
  padding-top: 5px;
}
.b-doc-table-P06 tbody tr:nth-child(even) > td,
.b-doc-table-P06 tbody tr:nth-child(even) > th {
  background-color: #f1f5f6;
}
.b-doc-table-P06 tbody td:nth-child(3),
.b-doc-table-P06 tbody td:nth-child(5),
.b-doc-table-P06 tbody td:nth-child(7),
.b-doc-table-P06 tbody td:nth-child(9),
.b-doc-table-P06 tbody td:nth-child(11) {
  border-right: 1px solid #dddddd;
}
.b-doc-table-P06 tbody td:first-child + * + *,
.b-doc-table-P06 tbody td:first-child + * + * + * + *,
.b-doc-table-P06 tbody td:first-child + * + * + * + * + * + *,
.b-doc-table-P06 tbody td:first-child + * + * + * + * + * + * + * + *,
.b-doc-table-P06 tbody td:first-child + * + * + * + * + * + * + * + * + * + * {
  border-right: 1px solid #dddddd;
}
.b-doc-table-P06 .b-form-control.__h-S {
  text-align: right;
}
.b-doc-table-P06.__col-3 tbody td:nth-child(2),
.b-doc-table-P06.__col-3 tbody td:nth-child(3),
.b-doc-table-P06.__col-3 tbody td:nth-child(4),
.b-doc-table-P06.__col-3 tbody td:nth-child(5),
.b-doc-table-P06.__col-3 tbody td:nth-child(6),
.b-doc-table-P06.__col-3 tbody td:nth-child(7) {
  width: 14%;
}
.b-doc-table-P06.__col-2 tbody td:nth-child(2),
.b-doc-table-P06.__col-2 tbody td:nth-child(3),
.b-doc-table-P06.__col-2 tbody td:nth-child(4),
.b-doc-table-P06.__col-2 tbody td:nth-child(5) {
  width: 20%;
}
/* =========================================================

b-doc-table-P07
 
- 各種データのダウンロード
- 過去のレポート

========================================================= */
.b-doc-table-P07 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.b-doc-table-P07 th,
.b-doc-table-P07 td {
  text-align: left;
  padding: 10px;
  font-size: 12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-doc-table-P07.__striped > tbody > tr:nth-child(odd) {
  background-color: #eeeeee;
}
.b-doc-table-P07.__no-head.__striped > tbody > tr:nth-child(even) {
  background-color: #eeeeee;
}
.b-doc-table-P07.__no-head.__striped > tbody > tr:nth-child(odd) {
  background-color: #FFFFFF;
}
.b-doc-table-P07 .__data-P01 {
  width: 70px;
}
.b-doc-table-P07 .__data-P05 {
  width: 36px;
}
.b-doc-table-P07 .__data-P06 {
  width: 30px;
}
.b-doc-table-P07 .__delete {
  font-size: 20px;
}
.b-doc-table-P07.__past-reports td {
  padding: 12px 20px;
}
.b-doc-table-P07.__past-reports td a {
  text-decoration: underline;
  color: #056b49;
}
a.b-doc-table-P07.__past-reports td a:hover {
  color: #033a28;
}
.b-doc-table-P07.__past-reports td a:hover {
  text-decoration: none;
}
/* =========================================================

b-doc-table-P08
 
- みる電レポート

========================================================= */
.b-doc-table-P08 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.b-doc-table-P08 th,
.b-doc-table-P08 td {
  border-bottom: 1px solid #DDD;
  padding: 0.6em 1.8em;
  text-align: left;
}
.b-doc-table-P08 th {
  font-weight: bold;
  color: #056b49;
}
.b-doc-table-P08 td {
  font-size: 14px;
  padding-left: 0;
}
.b-doc-table-P08 tr > :first-child {
  width: 100px;
}
.b-doc-table-P08__content th {
  border-bottom: none;
}
.b-doc-table-P08__content td {
  border-bottom: none;
  font-size: 14px;
  padding-left: 1.8em;
  padding-top: 0;
}
.b-doc-table-P08__content td .l-col-2 {
  text-align: right;
}
.b-doc-table-P08__kiki {
  width: 100%;
  margin: 0   auto;
}
.b-doc-table-P08__kiki .a-kiki-head {
  font-size: 13px;
  vertical-align: top;
  color: #333333;
  padding: 5px 10px ;
  width: 35%;
}
.b-doc-table-P08__kiki .a-kiki-data {
  font-size: 13px;
  vertical-align: top;
  padding: 5px 10px ;
  width: 15%;
}
/* =========================================================

b-doc-table-P10
 
- 本人確認情報入力

========================================================= */
.b-doc-table-P10 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.b-doc-table-P10 th,
.b-doc-table-P10 td {
  border-bottom: 1px solid #DDD;
  padding: 0.6em 1.4em;
  text-align: left;
}
.b-doc-table-P10 th {
  font-weight: bold;
  color: #056b49;
  text-align: center;
}
.b-doc-table-P10 td {
  font-size: 14px;
  padding-left: 0;
}
.b-doc-table-P10 tr > :first-child {
  width: 14px;
}
/* =========================================================

b-doc-table-calendar-P01

- 天気・気温情報と比べる

========================================================= */
.b-doc-table-calendar-P01 {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
}
.b-doc-table-calendar-P01 th {
  background: #f6f6f6;
  color: #999;
  font-size: 11px;
}
.b-doc-table-calendar-P01 th,
.b-doc-table-calendar-P01 td {
  text-align: center;
  vertical-align: middle;
  border: none;
  line-height: 1.2;
  padding: 3px;
}
.b-doc-table-calendar-P01 th {
  background: #fafafa;
  font-weight: normal;
}
.b-doc-table-calendar-P01 thead th {
  background: none;
}
.b-doc-table-calendar-P01 td {
  background: #FFFFFF;
}
.b-doc-table-calendar-P01 .__line {
  border-bottom: 1px dotted #ccc;
}
.b-doc-table-calendar-P01 .__date td,
.b-doc-table-calendar-P01 .__date th {
  background: #e8e9eb;
}
.b-doc-table-calendar-P01 .__date td {
  font-weight: bold;
  color: #333;
}
.b-doc-table-calendar-P01 td.__sut {
  background: #e7f3ff;
}
.b-doc-table-calendar-P01 td.__sun {
  background: #ffebec;
}
.b-doc-table-calendar-P01 td.__weekday {
  background: #ffebec;
}
.b-doc-table-calendar-P01__cap {
  margin: 20px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}
.b-doc-table-calendar-P01__cap .__year {
  font-size: 14px;
}
/* =========================================================

 Forms

========================================================= */
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 21px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.b-form-label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input.b-form-control {
  height: 44px;
  margin-bottom: 0;
}
.b-form-control {
  margin: 0;
  display: block;
  width: 100%;
  /*  display: inline-block;
  width: auto;*/
  height: 44px;
  padding: 12px 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -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);
  -webkit-transition: border-color ease-in-out .15s, 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;
}
.b-form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.b-form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.b-form-control:-ms-input-placeholder {
  color: #999999;
}
.b-form-control::-webkit-input-placeholder {
  color: #999999;
}
textarea.b-form-control {
  width: 100%;
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
.b-form-group {
  margin-bottom: 20px;
}
.b-radio,
.b-checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.b-radio label,
.b-checkbox label {
  min-height: 21px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.b-radio input[type="radio"],
.b-radio-inline input[type="radio"],
.b-checkbox input[type="checkbox"],
.b-checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin: 4px 0 0 -20px;
  margin-top: 4px \9;
  line-height: normal;
}
.b-radio + .b-radio,
.b-checkbox + .b-checkbox {
  margin-top: -5px;
}
.b-radio-inline,
.b-checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.b-radio-inline + .b-radio-inline,
.b-checkbox-inline + .b-checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][__disabled],
input[type="checkbox"][__disabled],
input[type="radio"].__disabled,
input[type="checkbox"].__disabled,
fieldset[__disabled] input[type="radio"],
fieldset[__disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.b-radio-inline.__disabled,
.b-checkbox-inline.__disabled,
fieldset[__disabled] .b-radio-inline,
fieldset[__disabled] .b-checkbox-inline {
  cursor: not-allowed;
}
.b-radio.__disabled label,
.b-checkbox.__disabled label,
fieldset[__disabled] .b-radio label,
fieldset[__disabled] .b-checkbox label {
  cursor: not-allowed;
}
.b-form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.b-form-control-static.b-input-lg,
.b-form-control-static.b-input-sm {
  padding-left: 0;
  padding-right: 0;
}
.b-input-sm,
.b-form-group-sm .b-form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.b-input-sm,
select.b-form-group-sm .b-form-control {
  height: 30px;
  line-height: 30px;
}
textarea.b-input-sm,
textarea.b-form-group-sm .b-form-control,
select[multiple].b-input-sm,
select[multiple].b-form-group-sm .b-form-control {
  height: auto;
}
.b-input-lg,
.b-form-group-lg .b-form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.b-input-lg,
select.b-form-group-lg .b-form-control {
  height: 46px;
  line-height: 46px;
}
textarea.b-input-lg,
textarea.b-form-group-lg .b-form-control,
select[multiple].b-input-lg,
select[multiple].b-form-group-lg .b-form-control {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 43.75px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -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);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -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);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -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);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 26px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.b-b-form-help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .b-form-group-inline .b-form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .b-form-group-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .b-form-group-inline .form-control-static {
    display: inline-block;
  }
  .b-form-group-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .b-form-group-inline .input-group .input-group-addon,
  .b-form-group-inline .input-group .input-group-btn,
  .b-form-group-inline .input-group .form-control {
    width: auto;
  }
  .b-form-group-inline .input-group > .form-control {
    width: 100%;
  }
  .b-form-group-inline .b-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .b-form-group-inline .radio,
  .b-form-group-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .b-form-group-inline .radio label,
  .b-form-group-inline .checkbox label {
    padding-left: 0;
  }
  .b-form-group-inline .radio input[type="radio"],
  .b-form-group-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .b-form-group-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
  .b-form-group-inline .input-table {
      display:table;
  }
  .b-form-group-inline .input-table div {
      display:table-cell;
  }

.b-form-horizontal .b-radio,
.b-form-horizontal .b-checkbox,
.b-form-horizontal .b-radio-inline,
.b-form-horizontal .b-checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.b-form-horizontal .b-radio,
.b-form-horizontal .b-checkbox {
  min-height: 28px;
}
.b-form-horizontal .b-form-group {
  margin-left: -15px;
  margin-right: -15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-form-horizontal .b-form-group:before,
.b-form-horizontal .b-form-group:after {
  content: " ";
  display: table;
}
.b-form-horizontal .b-form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .b-form-horizontal .b-control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.b-form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .b-form-horizontal .b-form-group-lg .b-control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .b-form-horizontal .b-form-group-sm .b-control-label {
    padding-top: 6px;
  }
}
.b-form-control--XXS,
.b-form-control.__XXS {
  width: 64px;
  display: inline-block;
}
.b-form-control--XS,
.b-form-control.__XS {
  width: 96px;
  display: inline-block;
}
.b-form-control--S,
.b-form-control.__S {
  width: 160px;
  display: inline-block;
}
.b-form-control--B,
.b-form-control.__M {
  width: 240px;
  display: inline-block;
}
.b-form-control--L,
.b-form-control.__L {
  width: 320px;
  display: inline-block;
}
.b-form-control--XL {
  width: 400px;
  display: inline-block;
}
.b-form-control--block {
  display: block;
  width: 100%;
}
.b-form-control.__h-S {
  padding: 0 5px;
  height: 30px;
  text-align: center;
}
.b-form-control-confirm {
  font-weight: bold;
}
.b-form-heading {
  font-weight: bold;
  font-size: 16px;
  margin: 0 0 20px 0;
}
.b-form-help-inline {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
  color: #999999;
  font-size: 12px;
}
.b-form-help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  vertical-align: middle;
  color: #999999;
  font-size: 12px;
}
.b-form-chek_item {
  display: inline-block;
}
.b-form-chek_item label {
  line-height: 1;
  vertical-align: middle;
}
.b-form-chek_item label input {
  border: 1px solid #C00;
  vertical-align: -2px;
}
/*02-08-06*/
.b-form-chek-list-block {
  list-style: none;
  margin: 0;
  margin-bottom: 30px;
  border: 1px solid #67bf64;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
}
.b-form-chek-list__item {
  border-bottom: 1px solid #67bf64;
}
.b-form-chek-list__item:last-child {
  border-bottom: none;
}
.b-form-chek-list__item label {
  display: block;
  padding: 10px 10px 10px 30px;
}
.b-form-chek-list__item label input {
  margin-top: 4px;
  padding: 0;
  line-height: 1;
  float: left;
  margin-left: -20px;
}
.b-form-chek-list-block.__wi-half:before,
.b-form-chek-list-block.__wi-third:before,
.b-form-chek-list-block.__wi-half:after,
.b-form-chek-list-block.__wi-third:after {
  content: " ";
  display: table;
}
.b-form-chek-list-block.__wi-half:after,
.b-form-chek-list-block.__wi-third:after {
  clear: both;
}
.b-form-chek-list-block.__wi-half .b-form-chek-list__item,
.b-form-chek-list-block.__wi-third .b-form-chek-list__item,
.b-form-chek-list-block.__wi-few .b-form-chek-list__item {
  float: left;
  border-right: 1px solid #67bf64;
  margin-right: -1px;
}
.b-form-chek-list-block.__wi-half .b-form-chek-list__item {
  width: 50%;
}
.b-form-chek-list-block.__wi-third .b-form-chek-list__item {
  width: 33.33333333%;
}
.b-form-chek-list-block.__wi-half .b-form-chek-list__item:nth-child(odd) {
  border-right: 1px solid #67bf64;
}
.b-form-chek-list-block.__wi-third .b-form-chek-list__item:nth-child(odd) {
  border-right: 1px solid #67bf64;
}
.b-form-chek-list-block.__wi-half .b-form-chek-list__item:nth-child(odd):nth-last-child(2),
.b-form-chek-list-block.__wi-third .b-form-chek-list__item:nth-child(3n+2):nth-last-child(2),
.b-form-chek-list-block.__wi-third .b-form-chek-list__item:nth-child(3n+1):nth-last-child(2),
.b-form-chek-list-block.__wi-third .b-form-chek-list__item:nth-child(3n+2):nth-last-child(3),
.b-form-chek-list-block.__wi-third .b-form-chek-list__item:nth-child(3n+1):nth-last-child(3),
.b-form-chek-list-block.__wi-third .b-form-chek-list__item:nth-child(3n+1):nth-last-child(4) .input-list-P01--col4 li:nth-child(4n+3):nth-last-child(2),
.input-list-P01--col4 li:nth-child(4n+2):nth-last-child(2),
.input-list-P01--col4 li:nth-child(4n+1):nth-last-child(2),
.input-list-P01--col4 li:nth-child(4n+2):nth-last-child(3),
.input-list-P01--col4 li:nth-child(4n+1):nth-last-child(3),
.input-list-P01--col4 li:nth-child(4n+1):nth-last-child(4) {
  border-bottom: none;
}
.b-form-chek-list-block.__wi-few {
  display: table;
}
.b-form-chek-list-block.__wi-few .b-form-chek-list__item {
  display: table-cell;
  float: none;
  width: auto;
  border-bottom: none;
}
.b-form-chek-list-block.__wi-few .b-form-chek-list__item label {
  padding-right: 1.25em;
}
.b-form-chek-list-block.__wi-few .b-form-chek-list__item:last-child {
  border-right: none;
}
.b-form-chek-block .b-form-chek-list__item {
  display: inline-block;
  border: none;
  padding: 0;
}
.b-form-chek-block .b-form-chek-list__item label {
  padding: 0 10px 0 20px;
}
/*.b-form-chek-list__item label {
	padding:0.75em;
	padding-left:30px;
}*/
/*02-03-03, 02-09-08*/
.input-list-P01--col2 li,
.input-list-P01--col3 li,
.input-list-P01--col4 li,
.input-list-P01--few li {
  float: left;
  width: 50%;
  border-right: 1px solid #67bf64;
  margin-right: -1px;
}
.input-list-P01--col3 li {
  width: 33.33333333%;
}
.input-list-P01--col4 li {
  width: 25%;
}
.input-list-P01--col2 li:nth-child(odd):nth-last-child(2),
.input-list-P01--col3 li:nth-child(3n+2):nth-last-child(2),
.input-list-P01--col3 li:nth-child(3n+1):nth-last-child(2),
.input-list-P01--col3 li:nth-child(3n+2):nth-last-child(3),
.input-list-P01--col3 li:nth-child(3n+1):nth-last-child(3),
.input-list-P01--col3 li:nth-child(3n+1):nth-last-child(4) .input-list-P01--col4 li:nth-child(4n+3):nth-last-child(2),
.input-list-P01--col4 li:nth-child(4n+2):nth-last-child(2),
.input-list-P01--col4 li:nth-child(4n+1):nth-last-child(2),
.input-list-P01--col4 li:nth-child(4n+2):nth-last-child(3),
.input-list-P01--col4 li:nth-child(4n+1):nth-last-child(3),
.input-list-P01--col4 li:nth-child(4n+1):nth-last-child(4) {
  border-bottom: none;
}
.input-list-P01--few {
  display: table;
}
.input-list-P01--few li {
  display: table-cell;
  float: none;
  width: auto;
  border-bottom: none;
}
.input-list-P01--few label {
  padding-right: 1.25em;
}
.input-list-P01--few li:last-child {
  border-right: none;
}
.b-form-nav-step-block {
  background: #e9f7e8;
}
.b-form-nav-step {
  position: relative;
  margin: 0 40px 40px 40px;
}
.b-form-nav-step__bar {
  height: 5px;
  width: 50%;
  background-color: #CCCCCC;
}
.b-form-nav-step__bar.__b1 {
  position: absolute;
  top: 7px;
  left: 0;
}
.b-form-nav-step__bar.__b2 {
  position: absolute;
  top: 7px;
  left: 50%;
}
.b-form-nav-step__item {
  border-radius: 50%;
  height: 20px;
  width: 20px;
  background: #CCCCCC;
  text-align: center;
  box-sizing: border-box;
}
.b-form-nav-step__item.__b1 {
  position: absolute;
  left: 0;
}
.b-form-nav-step__item.__b2 {
  position: absolute;
  left: 50%;
}
.b-form-nav-step__item.__b3 {
  position: absolute;
  right: 0;
}
.b-form-nav-step .activ {
  background: #68bf64;
  height: 30px;
  width: 30px;
  margin-top: -5px;
  padding-top: 6px;
  background-color: #ffa200;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
}
.b-form-nav-step-block .b-doc-head-primary-P01 .b-icons {
  float: left;
  font-size: 48px;
  margin-right: 5px;
}
.b-form-nav-step-block .b-doc-head-primary-P01 .b-doc-small {
  font-size: 14px;
  display: block;
}
.b-form-agree-checkbox {
  padding: 20px;
  margin: 0 auto 20px;
  background-color: #f8dfe3;
  text-align: center;
}
.b-form-agree-checkbox label {
  font-size: 18px;
  color: #333;
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
}
.b-form-agree-checkbox label input[type="checkbox"] {
  float: none;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}
input.__has-error-border[type="text"],
input.__has-error-border[type="password"],
input.__has-error-border[type="number"],
input.__has-error-border[type="tel"] {
  border: 3px solid #ff4d4e;
}
input.__has-error[type="text"],
input.__has-error[type="password"],
input.__has-error[type="number"],
input.__has-error[type="tel"] {
  background-color: #ff4d4e;
}
.b-form-error-block {
  color: #ff4d4e;
  font-weight: bold;
}
select.b-form-castam-select {
  width: auto;
}
/*02-03-03*/
.image-radio-btn {
  overflow: hidden;
  margin-right: 10px;
}
.image-radio-btn input[type=radio] {
  display: none;
  display: block\9;
  float: left\9;
  /* IE8,*/
}
.image-radio-btn input[type=radio]:not(:target) {
  display: none\9;
  /* IE9, 10 */
  float: none\9;
  /* IE9, 10 */
}
.image-radio-btn legend {
  margin: 0 0 5px;
  border: none;
  font-size: 14px;
  line-height: 1.5;
}
.image-radio-btn__btn {
  display: block;
  cursor: pointer;
  background: #67bf64;
  width: 120px;
  height: 120px;
  float: left;
  border-bottom: 2px solid #57a553;
  border-bottom-color: #49aa46;
  text-align: center;
  font-size: 16px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-right: 10px;
}
.image-radio-btn__btn [class^="b-icons"],
.image-radio-btn__btn [class*=" b-icons"] {
  display: block;
  text-align: center;
  font-size: 46px;
  margin: 28px auto 10px;
}
.image-radio-btn input[type=radio]:checked + .image-radio-btn__btn,
.image-radio-btn .image-radio-btn__btn.active {
  background: #056b49;
  border-bottom: 2px solid #00623e;
  border-bottom-color: #033a28;
  color: #fff;
}
.image-radio-btn input[type=radio]:checked + .image-radio-btn__btn:after,
.image-radio-btn .image-radio-btn__btn.active:after {
  font-family: 'icons';
  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;
  display: inline-block;
  vertical-align: middle;
  content: "\e640";
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  position: absolute;
  top: 8px;
  right: 8px;
  border: 2px solid #fff;
  border-radius: 50%;
}
/* =========================================================

 Buttons

========================================================= */
.b-nav-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-nav-btn:hover,
.b-nav-btn:focus,
.b-nav-btn.focus {
  color: #000000;
  text-decoration: none;
}
.b-nav-btn:active,
.b-nav-btn.active {
  outline: 0;
}
.b-nav-btn[__disabled],
fieldset[__disabled] .b-nav-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #CCCCCC;
}
.b-nav-btn--default,
.b-nav-btn.__default {
  color: #000000;
  background-color: #ffffff;
  border-color: #dddddd;
  border-bottom: 2px solid #A8A8A8;
}
.b-nav-btn--default:hover,
.b-nav-btn.__default:hover,
.b-nav-btn--default:active,
.b-nav-btn.__default:active,
.b-nav-btn--default.active,
.b-nav-btn.__default.active,
.open > .dropdown-toggle.b-nav-btn--default,
.open > .dropdown-toggle.b-nav-btn.__default {
  color: #000000;
  background-color: #ededed;
}
.b-nav-btn--default:active,
.b-nav-btn.__default:active,
.b-nav-btn--default.active,
.b-nav-btn.__default.active,
.open > .dropdown-toggle.b-nav-btn--default,
.open > .dropdown-toggle.b-nav-btn.__default {
  background-image: none;
}
.b-nav-btn--default.disabled,
.b-nav-btn.__default.disabled,
fieldset[disabled] .b-nav-btn--default,
fieldset[disabled] .b-nav-btn.__default,
.b-nav-btn--default.disabled:hover,
.b-nav-btn.__default.disabled:hover,
fieldset[disabled] .b-nav-btn--default:hover,
fieldset[disabled] .b-nav-btn.__default:hover,
.b-nav-btn--default.disabled:active,
.b-nav-btn.__default.disabled:active,
fieldset[disabled] .b-nav-btn--default:active,
fieldset[disabled] .b-nav-btn.__default:active,
.b-nav-btn--default.disabled.active,
.b-nav-btn.__default.disabled.active,
fieldset[disabled] .b-nav-btn--default.active,
fieldset[disabled] .b-nav-btn.__default.active {
  background-color: #ffffff;
  border-color: #dddddd;
}
.b-nav-btn--default .badge,
.b-nav-btn.__default .badge {
  color: #ffffff;
  background-color: #000000;
}
.b-nav-__primary,
.b-nav-btn.__primary {
  color: #000000;
  background-color: #67bf64;
  border-color: #55b852;
  border-bottom: 2px solid #489C45;
}
.b-nav-__primary:hover,
.b-nav-btn.__primary:hover,
.b-nav-__primary:active,
.b-nav-btn.__primary:active,
.b-nav-__primary.active,
.b-nav-btn.__primary.active,
.open > .dropdown-toggle.b-nav-__primary,
.open > .dropdown-toggle.b-nav-btn.__primary {
  color: #000000;
  background-color: #4eb54b;
}
.b-nav-__primary:active,
.b-nav-btn.__primary:active,
.b-nav-__primary.active,
.b-nav-btn.__primary.active,
.open > .dropdown-toggle.b-nav-__primary,
.open > .dropdown-toggle.b-nav-btn.__primary {
  background-image: none;
}
.b-nav-__primary.disabled,
.b-nav-btn.__primary.disabled,
fieldset[disabled] .b-nav-__primary,
fieldset[disabled] .b-nav-btn.__primary,
.b-nav-__primary.disabled:hover,
.b-nav-btn.__primary.disabled:hover,
fieldset[disabled] .b-nav-__primary:hover,
fieldset[disabled] .b-nav-btn.__primary:hover,
.b-nav-__primary.disabled:active,
.b-nav-btn.__primary.disabled:active,
fieldset[disabled] .b-nav-__primary:active,
fieldset[disabled] .b-nav-btn.__primary:active,
.b-nav-__primary.disabled.active,
.b-nav-btn.__primary.disabled.active,
fieldset[disabled] .b-nav-__primary.active,
fieldset[disabled] .b-nav-btn.__primary.active {
  background-color: #67bf64;
  border-color: #55b852;
}
.b-nav-__primary .badge,
.b-nav-btn.__primary .badge {
  color: #67bf64;
  background-color: #000000;
}
.b-nav-__primary-border,
.b-nav-btn.__primary-border {
  color: #000000;
  background-color: #67bf64;
  border-color: #ffffff;
}
.b-nav-__primary-border:hover,
.b-nav-btn.__primary-border:hover,
.b-nav-__primary-border:active,
.b-nav-btn.__primary-border:active,
.b-nav-__primary-border.active,
.b-nav-btn.__primary-border.active,
.open > .dropdown-toggle.b-nav-__primary-border,
.open > .dropdown-toggle.b-nav-btn.__primary-border {
  color: #000000;
  background-color: #4eb54b;
}
.b-nav-__primary-border:active,
.b-nav-btn.__primary-border:active,
.b-nav-__primary-border.active,
.b-nav-btn.__primary-border.active,
.open > .dropdown-toggle.b-nav-__primary-border,
.open > .dropdown-toggle.b-nav-btn.__primary-border {
  background-image: none;
}
.b-nav-__primary-border.disabled,
.b-nav-btn.__primary-border.disabled,
fieldset[disabled] .b-nav-__primary-border,
fieldset[disabled] .b-nav-btn.__primary-border,
.b-nav-__primary-border.disabled:hover,
.b-nav-btn.__primary-border.disabled:hover,
fieldset[disabled] .b-nav-__primary-border:hover,
fieldset[disabled] .b-nav-btn.__primary-border:hover,
.b-nav-__primary-border.disabled:active,
.b-nav-btn.__primary-border.disabled:active,
fieldset[disabled] .b-nav-__primary-border:active,
fieldset[disabled] .b-nav-btn.__primary-border:active,
.b-nav-__primary-border.disabled.active,
.b-nav-btn.__primary-border.disabled.active,
fieldset[disabled] .b-nav-__primary-border.active,
fieldset[disabled] .b-nav-btn.__primary-border.active {
  background-color: #67bf64;
  border-color: #ffffff;
}
.b-nav-__primary-border .badge,
.b-nav-btn.__primary-border .badge {
  color: #67bf64;
  background-color: #000000;
}
.b-nav-btn.__note {
  color: #000000;
  background-color: #ffbc00;
  border-color: #ffbc00;
  border-bottom: 2px solid #999999;
}
.b-nav-btn.__note:hover,
.b-nav-btn.__note:active,
.b-nav-btn.__note.active,
.open > .dropdown-toggle.b-nav-btn.__note {
  color: #000000;
  background-color: #dba200;
}
.b-nav-btn.__note:active,
.b-nav-btn.__note.active,
.open > .dropdown-toggle.b-nav-btn.__note {
  background-image: none;
}
.b-nav-btn.__note.disabled,
fieldset[disabled] .b-nav-btn.__note,
.b-nav-btn.__note.disabled:hover,
fieldset[disabled] .b-nav-btn.__note:hover,
.b-nav-btn.__note.disabled:active,
fieldset[disabled] .b-nav-btn.__note:active,
.b-nav-btn.__note.disabled.active,
fieldset[disabled] .b-nav-btn.__note.active {
  background-color: #ffbc00;
  border-color: #ffbc00;
}
.b-nav-btn.__note .badge {
  color: #ffbc00;
  background-color: #000000;
}
.b-nav-btn.__primary-P02 {
  color: #000000;
  background-color: #c5dc51;
  border-color: #c5dc51;
  border-bottom: 2px solid #999999;
}
.b-nav-btn.__primary-P02:hover,
.b-nav-btn.__primary-P02:active,
.b-nav-btn.__primary-P02.active,
.open > .dropdown-toggle.b-nav-btn.__primary-P02 {
  color: #000000;
  background-color: #bbd633;
}
.b-nav-btn.__primary-P02:active,
.b-nav-btn.__primary-P02.active,
.open > .dropdown-toggle.b-nav-btn.__primary-P02 {
  background-image: none;
}
.b-nav-btn.__primary-P02.disabled,
fieldset[disabled] .b-nav-btn.__primary-P02,
.b-nav-btn.__primary-P02.disabled:hover,
fieldset[disabled] .b-nav-btn.__primary-P02:hover,
.b-nav-btn.__primary-P02.disabled:active,
fieldset[disabled] .b-nav-btn.__primary-P02:active,
.b-nav-btn.__primary-P02.disabled.active,
fieldset[disabled] .b-nav-btn.__primary-P02.active {
  background-color: #c5dc51;
  border-color: #c5dc51;
}
.b-nav-btn.__primary-P02 .badge {
  color: #c5dc51;
  background-color: #000000;
}
.b-nav-btn.__disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #CCCCCC;
  border: none;
  color: #333;
}
.b-nav-btn.__disabled:hover {
  background-color: #CCCCCC;
  border: none;
  color: #333;
}
input:disabled {
  color: #333;
}
.b-nav-btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.b-nav-btn-success:hover,
.b-nav-btn-success:active,
.b-nav-btn-success.active,
.open > .dropdown-toggle.b-nav-btn-success {
  color: #ffffff;
  background-color: #49a749;
}
.b-nav-btn-success:active,
.b-nav-btn-success.active,
.open > .dropdown-toggle.b-nav-btn-success {
  background-image: none;
}
.b-nav-btn-success.disabled,
fieldset[disabled] .b-nav-btn-success,
.b-nav-btn-success.disabled:hover,
fieldset[disabled] .b-nav-btn-success:hover,
.b-nav-btn-success.disabled:active,
fieldset[disabled] .b-nav-btn-success:active,
.b-nav-btn-success.disabled.active,
fieldset[disabled] .b-nav-btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.b-nav-btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.b-nav-btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.b-nav-btn-info:hover,
.b-nav-btn-info:active,
.b-nav-btn-info.active,
.open > .dropdown-toggle.b-nav-btn-info {
  color: #ffffff;
  background-color: #3db5d8;
}
.b-nav-btn-info:active,
.b-nav-btn-info.active,
.open > .dropdown-toggle.b-nav-btn-info {
  background-image: none;
}
.b-nav-btn-info.disabled,
fieldset[disabled] .b-nav-btn-info,
.b-nav-btn-info.disabled:hover,
fieldset[disabled] .b-nav-btn-info:hover,
.b-nav-btn-info.disabled:active,
fieldset[disabled] .b-nav-btn-info:active,
.b-nav-btn-info.disabled.active,
fieldset[disabled] .b-nav-btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.b-nav-btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.b-nav-btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.b-nav-btn-warning:hover,
.b-nav-btn-warning:active,
.b-nav-btn-warning.active,
.open > .dropdown-toggle.b-nav-btn-warning {
  color: #ffffff;
  background-color: #ed9e2d;
}
.b-nav-btn-warning:active,
.b-nav-btn-warning.active,
.open > .dropdown-toggle.b-nav-btn-warning {
  background-image: none;
}
.b-nav-btn-warning.disabled,
fieldset[disabled] .b-nav-btn-warning,
.b-nav-btn-warning.disabled:hover,
fieldset[disabled] .b-nav-btn-warning:hover,
.b-nav-btn-warning.disabled:active,
fieldset[disabled] .b-nav-btn-warning:active,
.b-nav-btn-warning.disabled.active,
fieldset[disabled] .b-nav-btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.b-nav-btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.b-nav-btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.b-nav-btn-danger:hover,
.b-nav-btn-danger:active,
.b-nav-btn-danger.active,
.open > .dropdown-toggle.b-nav-btn-danger {
  color: #ffffff;
  background-color: #d33632;
}
.b-nav-btn-danger:active,
.b-nav-btn-danger.active,
.open > .dropdown-toggle.b-nav-btn-danger {
  background-image: none;
}
.b-nav-btn-danger.disabled,
fieldset[disabled] .b-nav-btn-danger,
.b-nav-btn-danger.disabled:hover,
fieldset[disabled] .b-nav-btn-danger:hover,
.b-nav-btn-danger.disabled:active,
fieldset[disabled] .b-nav-btn-danger:active,
.b-nav-btn-danger.disabled.active,
fieldset[disabled] .b-nav-btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.b-nav-btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.b-nav-btn-link {
  color: #666666;
  font-weight: normal;
  border-radius: 0;
}
.b-nav-btn-link,
.b-nav-btn-link:active,
.b-nav-btn-link.active,
.b-nav-btn-link[__disabled],
fieldset[__disabled] .b-nav-btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.b-nav-btn-link,
.b-nav-btn-link:hover,
.b-nav-btn-link:focus,
.b-nav-btn-link:active {
  border-color: transparent;
}
.b-nav-btn-link:hover,
.b-nav-btn-link:focus {
  color: #404040;
  text-decoration: underline;
  background-color: transparent;
}
.b-nav-btn-link[__disabled]:hover,
fieldset[__disabled] .b-nav-btn-link:hover,
.b-nav-btn-link[__disabled]:focus,
fieldset[__disabled] .b-nav-btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.b-nav-__L,
.b-nav-btn.__L {
  padding: 14px 24px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.b-nav-btn--S,
.b-nav-btn.__S {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.b-nav-btn--xs,
.b-nav-btn.__xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.b-nav-btn--block,
.b-nav-btn.__block {
  display: block;
  width: 100%;
}
.b-nav-btn-block + .b-nav-btn-block {
  margin-top: 5px;
}
input[type="submit"],
input[type="reset"],
input[type="button"] {
  -webkit-appearance: none;
  /*iPhone用*/
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.b-nav-btn--pa-S,
.b-nav-btn.__pa-S {
  padding-right: ;
  padding-left: ;
}
.b-nav-btn--pa-L,
.b-nav-btn.__pa-L {
  padding-right: 40px;
  padding-left: 40px;
}
.b-nav-btn--pa-XL,
.b-nav-btn.__pa-XL {
  padding-right: 60px;
  padding-left: 60px;
}
.b-nav-btn--pa-XXL,
.b-nav-btn.__pa-XXL {
  padding-right: 80px;
  padding-left: 80px;
}
.b-nav-btn--pa-XXXL,
.b-nav-btn.__pa-XXXL {
  padding-right: 100px;
  padding-left: 100px;
}
.b-nav-btn--pa-XXXXL,
.b-nav-btn.__pa-XXXXL {
  padding-right: 120px;
  padding-left: 120px;
}
.b-nav-btn--pa-XXXXXL,
.b-nav-btn.__pa-XXXXXL {
  padding-right: 160px;
  padding-left: 160px;
}
.b-nav-btn--pa-XXXXXXL,
.b-nav-btn.__pa-XXXXXXL {
  padding-right: 200px;
  padding-left: 200px;
}
.b-nav-btn-P03 {
  color: #333;
  font-size: 16px;
  display: inline-block;
  box-sizing: border-box;
  background-color: #FFF;
  padding: 12px 8px 12px;
  border-radius: 5px;
  border: 2px solid #67bf64;
  text-decoration: none;
  height: 50px;
}
.b-nav-btn-P03.__disabled {
  background-color: ButtonFace;
  border-color: ButtonFace;
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* =========================================================

 Button groups

========================================================= */
.b-nav-btn-group,
.b-nav-btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.b-nav-btn-group > .b-nav-btn,
.b-nav-btn-group-vertical > .b-nav-btn {
  position: relative;
  float: left;
}
.b-nav-btn-group > .b-nav-btn:hover,
.b-nav-btn-group-vertical > .b-nav-btn:hover,
.b-nav-btn-group > .b-nav-btn:focus,
.b-nav-btn-group-vertical > .b-nav-btn:focus {
  z-index: 2;
}
.b-nav-btn-group .b-nav-btn + .b-nav-btn,
.b-nav-btn-group .b-nav-btn + .b-nav-btn-group,
.b-nav-btn-group .b-nav-btn-group + .b-nav-btn,
.b-nav-btn-group .b-nav-btn-group + .b-nav-btn-group {
  margin-left: -1px;
}
.b-nav-btn-toolbar {
  margin-left: -5px;
}
.b-nav-btn-toolbar .b-nav-btn-group,
.b-nav-btn-toolbar .input-group {
  float: left;
}
.b-nav-btn-toolbar > .b-nav-btn,
.b-nav-btn-toolbar > .b-nav-btn-group,
.b-nav-btn-toolbar > .input-group {
  margin-left: 5px;
}
.b-nav-btn-group > .b-nav-btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
  border-right-width: 1px;
  border-left-width: 1px;
}
.b-nav-btn-group > .b-nav-btn:first-child {
  margin-left: 0;
}
.b-nav-btn-group > .b-nav-btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-width: 1px;
}
.b-nav-btn-group > .b-nav-btn:last-child:not(:first-child),
.b-nav-btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-width: 1px;
}
.b-nav-btn-group--primary .b-nav-btn,
.b-nav-btn-group.__primary .b-nav-btn {
  border: 3px solid #67bf64;
  font-size: 16px;
}
.b-nav-btn-group--primary .active,
.b-nav-btn-group.__primary .active {
  background-color: #67bf64;
}
.b-nav-btn-group--primary .b-nav-__primary:hover,
.b-nav-btn-group.__primary .b-nav-__primary:hover,
.b-nav-btn-group--primary .b-nav-btn.__primary:hover,
.b-nav-btn-group.__primary .b-nav-btn.__primary:hover {
  background-color: #67bf64;
  cursor: default;
}
.b-nav-btn-group > .b-nav-btn-group {
  float: left;
}
.b-nav-btn-group > .b-nav-btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.b-nav-btn-group > .b-nav-btn-group:first-child > .b-nav-btn:last-child,
.b-nav-btn-group > .b-nav-btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.b-nav-btn-group > .b-nav-btn-group:last-child > .b-nav-btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.b-nav-btn-group.open .dropdown-toggle {
  outline: 0;
}
.b-nav-btn-group > .b-nav-btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.b-nav-btn-group > .b-nav-btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.b-nav-btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.b-nav-btn-group.open .dropdown-toggle.b-nav-btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.b-nav-btn .caret {
  margin-left: 0;
}
.b-nav-btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.b-nav-btn-group-vertical > .b-nav-btn,
.b-nav-btn-group-vertical > .b-nav-btn-group,
.b-nav-btn-group-vertical > .b-nav-btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.b-nav-btn-group-vertical > .b-nav-btn-group > .b-nav-btn {
  float: none;
}
.b-nav-btn-group-vertical > .b-nav-btn + .b-nav-btn,
.b-nav-btn-group-vertical > .b-nav-btn + .b-nav-btn-group,
.b-nav-btn-group-vertical > .b-nav-btn-group + .b-nav-btn,
.b-nav-btn-group-vertical > .b-nav-btn-group + .b-nav-btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.b-nav-btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.b-nav-btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.b-nav-btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.b-nav-btn-group-vertical > .b-nav-btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.b-nav-btn-group-vertical > .b-nav-btn-group:first-child:not(:last-child) > .b-nav-btn:last-child,
.b-nav-btn-group-vertical > .b-nav-btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.b-nav-btn-group-vertical > .b-nav-btn-group:last-child:not(:first-child) > .b-nav-btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.b-nav-btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.b-nav-btn-group-justified > .b-nav-btn,
.b-nav-btn-group-justified > .b-nav-btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.b-nav-btn-group-justified > .b-nav-btn-group .b-nav-btn {
  width: 100%;
}
.b-nav-btn-group-justified > .b-nav-btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .b-nav-btn input[type="radio"],
[data-toggle="buttons"] > .b-nav-btn-group > .b-nav-btn input[type="radio"],
[data-toggle="buttons"] > .b-nav-btn input[type="checkbox"],
[data-toggle="buttons"] > .b-nav-btn-group > .b-nav-btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.b-nav-btn-form-block {
  background-color: #e2e2e2;
  padding: 20px 0;
  text-align: center;
}
.b-nav-btn-form-block .b-nav-btn {
  margin: 0 5px;
}
.b-nav-btn-form-block.__white {
  background-color: #FFFFFF;
}
/* =========================================================

 .b-nab-btn-P02

========================================================= */
.b-nab-btn-P02 {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  width: 100%;
}
.b-nab-btn-P02:hover {
  text-decoration: none;
}
.b-nab-btn-P02__content {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
}
.b-nab-btn-P02__content div {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-nab-btn-P02__content-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
.b-nab-btn-P02__content .b-icons-left {
  font-size: 42px;
  color: #ffffff;
  line-height: 1;
  margin-right: 10px;
}
.b-nab-btn-P02__content-text {
  margin: 0;
  padding: 0 0 0 0;
  vertical-align: middle;
  vertical-align: -2;
  line-height: 1;
}
.b-nab-btn-P02__icon-right {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}
.b-nab-btn-P02__icon-right.b-icons-arw {
  width: 50px;
  font-size: 24px;
  padding: 0 10px;
}
.b-nab-btn-P02-goto-detail {
  background: url(../img/common/listmark04.png) no-repeat 0px center;
  padding-left: 12px;
}
/* =========================================================

 .b-nav-btn-em

========================================================= */
.b-nav-btn-em {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  width: 100%;
  background-color: #67bf64 !important;
}
a.b-nav-btn-em:hover,
a .b-nav-btn-em:hover {
  background-color: #49aa46 !important;
}
.b-nav-btn-em:hover {
  text-decoration: none;
}
.b-nav-btn-em.__inlien {
  width: auto;
}
.b-nav-btn-em.__h-90 {
  height: 90px;
}
.b-nav-btn-em__icon-left,
.b-nav-btn-em__content,
.b-nav-btn-em__icon-right {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 15px 5px;
  line-height: 1.2;
}
.b-nav-btn-em__icon-left {
  color: #ffffff;
  text-align: center;
  width: 64px;
}
.b-nav-btn-em__icon-left [class^="b-icons"],
.b-nav-btn-em__icon-left [class*=" b-icons"] {
  font-size: 30px;
}
.b-nav-btn-em__content {
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  color: #000000;
}
.b-nav-btn-em__content div {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-nav-btn-em__content.__P02 {
  font-size: 30px;
  text-align: center;
}
.b-nav-btn-em__icon-left + .b-nav-btn-em__content {
  padding-left: 0px;
}
.b-nav-btn-em__icon-right {
  padding-right: 10px;
  padding-left: 10px;
  background: #056b49;
  color: #ffffff;
  text-align: center;
  width: 64px;
}
.b-nav-btn-em__icon-right [class^="b-icons"],
.b-nav-btn-em__icon-right [class*=" b-icons"] {
  font-size: 30px;
}
.b-nav-btn-em__icon-right.__P02 {
  background: none;
}
/* =========================================================

 .b-nav-btn-em-P02

========================================================= */
.b-nav-btn-em-P02 {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  width: 100%;
  background-color: #67bf64 !important;
}
a.b-nav-btn-em-P02:hover,
a .b-nav-btn-em-P02:hover {
  background-color: #49aa46 !important;
}
.b-nav-btn-em-P02:hover {
  text-decoration: none;
}
.b-nav-btn-em-P02.__inlien {
  width: auto;
}
.b-nav-btn-em-P02__icon-left,
.b-nav-btn-em-P02__content,
.b-nav-btn-em-P02__icon-right {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 15px 5px;
  line-height: 1.2;
}
.b-nav-btn-em-P02__icon-left {
  color: #ffffff;
  text-align: center;
  width: 64px;
}
.b-nav-btn-em-P02__icon-left [class^="b-icons"],
.b-nav-btn-em-P02__icon-left [class*=" b-icons"] {
  font-size: 30px;
}
.b-nav-btn-em-P02__content {
  padding-right: 10px;
  padding-left: 20px;
  font-size: 16px;
  color: #000000;
}
.b-nav-btn-em-P02__content div {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.b-nav-btn-em-P02__icon-left + .b-nav-btn-em-P02__content {
  padding-left: 0px;
}
.b-nav-btn-em-P02__icon-right {
  padding-right: 10px;
  padding-left: 10px;
  background: #056b49;
  color: #ffffff;
  text-align: center;
  width: 64px;
}
.b-nav-btn-em-P02__icon-right [class^="b-icons"],
.b-nav-btn-em-P02__icon-right [class*=" b-icons"] {
  font-size: 30px;
}
/* =========================================================

link-icon

========================================================= */
/* link-icon
======================================== */
.b-nav-link-icon-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.b-nav-link-icon-list a {
  padding-left: 0;
}
.b-nav-link-icon:before,
.b-nav-link-icon-list a:before {
  font-family: 'icons';
  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;
  display: inline-block;
  vertical-align: middle;
  content: "\e61b";
  font-size: 0.875em;
  margin-right: 4px;
  margin-top: -2px;
}
/* =========================================================

 Breadcrumbs

========================================================= */
.b-nav-breadcrumbs {
  line-height: 1;
  list-style: none;
  margin: 7px 7px 0 7px;
  padding: 0;
  font-size: 12px;
}
.b-nav-breadcrumbs:before,
.b-nav-breadcrumbs:after {
  content: " ";
  display: table;
}
.b-nav-breadcrumbs:after {
  clear: both;
}
.b-nav-breadcrumbs li {
  float: left;
  margin: 0 0 7px 0;
  padding: 0;
  line-height: 1;
}
.b-nav-breadcrumbs a {
  color: #056b49;
  text-decoration: underline;
}
a.b-nav-breadcrumbs a:hover {
  color: #033a28;
}
.b-nav-breadcrumbs a:hover {
  text-decoration: none;
}
.b-nav-breadcrumbs li:before {
  content: "> ";
  margin-left: 7px;
}
.b-nav-breadcrumbs li:first-child:before {
  content: " ";
}

#breadcrumb li a {
    text-decoration: underline;
}

/* =========================================================

b-nav-pagination

========================================================= */
.b-nav-pagination {
  display: table;
  margin: 20px auto;
  overflow: hidden;
}
.b-nav-pagination__item {
  float: left;
  display: block;
  color: #000000;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  background: #f2f5f6;
  border: 1px solid #c8c8c8;
  border-left: none;
  text-align: center;
}
.b-nav-pagination__prev + .b-nav-pagination__item {
  border-left: 1px solid #c8c8c8;
}
.b-nav-pagination__item:hover,
span.b-nav-pagination__item {
  background: #67bf64;
  border-top: 1px solid #67bf64;
  border-bottom: 1px solid #67bf64;
}
.b-nav-pagination__prev,
.b-nav-pagination__next {
  float: left;
  color: #cccccc;
  line-height: 44px;
  margin-top: 10px;
  padding: 1px 20px;
  font-size: 20px;
  color: #056b49;
  position: relative;
}
.b-nav-pagination__prev:hover,
.b-nav-pagination__next:hover {
  color: #CCC;
}
.b-nav-pagination__next:before {
  position: absolute;
  top: -1px;
}
/* =========================================================

.b-nav-tabs-P01

========================================================= */
.b-nav-tabs-P01 {
  display: table;
  width: 720px;
  list-style: none;
  margin: 14px 0 0 6px;
  overflow: hidden;
  padding: 0 1px;
  z-index: 100;
  position: relative;
}
.b-nav-tabs-P01 > li {
  display: table-cell;
  text-align: center;
}
.b-nav-tabs-P01 > li > a {
  display: block;
  padding: 20px;
  line-height: 1;
  font-size: 16px;
  background: #efefef;
  color: #333;
  margin: 0 2px 0 0;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #DDD;
  border-top: 1px solid #EEE;
}
.b-nav-tabs-P01 > li > a:hover {
  background-color: #ffffff;
  border-bottom: 1px solid #FFF;
  text-decoration: none;
}
.b-nav-tabs-P01 > .active > a,
.b-nav-tabs-P01 > .active > a:hover,
.b-nav-tabs-P01 > .active > a:focus {
  background-color: #ffffff;
  font-weight: bold;
  border-bottom: 1px solid #FFF;
}
.b-nav-tabs-P01 > li > a.aspNetDisabled:hover {
  background: #efefef;
  border-bottom: 1px solid #DDD;
}
/*02-03-04, 05, 06*/
.b-nav-tabs-P01.__ranking {
  width: auto;
}
.b-nav-tabs-P01.__ranking > li > a {
  font-size: 14px;
  padding-right: 15px;
  padding-left: 15px;
}
/* =========================================================

 Pagination

========================================================= */
.b-pagination {
  display: inline-block;
  padding-left: 0;
  margin: 21px 0;
  border-radius: 4px;
}
.b-pagination > li {
  display: inline;
}
.b-pagination > li > a,
.b-pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.5;
  text-decoration: none;
  color: #666666;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.b-pagination > li:first-child > a,
.b-pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.b-pagination > li:last-child > a,
.b-pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.b-pagination > li > a:hover,
.b-pagination > li > span:hover,
.b-pagination > li > a:focus,
.b-pagination > li > span:focus {
  color: #404040;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.b-pagination > .b-active > a,
.b-pagination > .b-active > span,
.b-pagination > .b-active > a:hover,
.b-pagination > .b-active > span:hover,
.b-pagination > .b-active > a:focus,
.b-pagination > .b-active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #666666;
  border-color: #666666;
  cursor: default;
}
.b-pagination > .b-disabled > span,
.b-pagination > .b-disabled > span:hover,
.b-pagination > .b-disabled > span:focus,
.b-pagination > .b-disabled > a,
.b-pagination > .b-disabled > a:hover,
.b-pagination > .b-disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.b-pagination-lg > li > a,
.b-pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.b-pagination-lg > li:first-child > a,
.b-pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.b-pagination-lg > li:last-child > a,
.b-pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.b-pagination-sm > li > a,
.b-pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.b-pagination-sm > li:first-child > a,
.b-pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.b-pagination-sm > li:last-child > a,
.b-pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
/* =========================================================

 Labels

========================================================= */
.b-label {
  display: inline;
  padding: .2em .6em .1em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.b-label:hover,
a.b-label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.b-label:empty {
  display: none;
}
.b-btn .b-label {
  position: relative;
  top: -1px;
}
.b-label-default,
.b-label.__default {
  background-color: #777777;
}
.b-label-default[href]:hover,
.b-label.__default[href]:hover,
.b-label-default[href]:focus,
.b-label.__default[href]:focus {
  background-color: #5e5e5e;
}
.b-label-primary {
  background-color: #666666;
}
.b-label-primary[href]:hover,
.b-label-primary[href]:focus {
  background-color: #4d4d4d;
}
.b-label-success {
  background-color: #5cb85c;
}
.b-label-success[href]:hover,
.b-label-success[href]:focus {
  background-color: #449d44;
}
.b-label-info {
  background-color: #5bc0de;
}
.b-label-info[href]:hover,
.b-label-info[href]:focus {
  background-color: #31b0d5;
}
.b-label-warning {
  background-color: #f0ad4e;
}
.b-label-warning[href]:hover,
.b-label-warning[href]:focus {
  background-color: #ec971f;
}
.b-label-danger {
  background-color: #d9534f;
}
.b-label-danger[href]:hover,
.b-label-danger[href]:focus {
  background-color: #c9302c;
}
.b-label-important,
.b-label.__important {
  background-color: #ff7c7c;
  color: #000000;
}
.b-label-important[href]:hover,
.b-label.__important[href]:hover,
.b-label-important[href]:focus,
.b-label.__important[href]:focus {
  background-color: #ff4949;
}
.b-label.__note-P01 {
  background-color: #ffbc00;
  color: #333333;
}
.b-label.__note-P01[href]:hover,
.b-label.__note-P01[href]:focus {
  background-color: #cc9600;
}
.b-label.__gray-P01 {
  background-color: #cccccc;
  color: #333333;
}
.b-label.__gray-P01[href]:hover,
.b-label.__gray-P01[href]:focus {
  background-color: #b3b3b3;
}
/* =========================================================

 Badges

========================================================= */
.b-badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.b-badge:empty {
  display: none;
}
.b-btn .b-badge {
  position: relative;
  top: -1px;
}
.b-btn-xs .b-badge {
  top: 0;
  padding: 1px 5px;
}
.b-btn-primary .b-badge {
  color: #666666;
  background-color: #fff;
}
a.b-badge:hover,
a.b-badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .b-badge,
.nav-pills > .active > a > .b-badge {
  color: #666666;
  background-color: #ffffff;
}
.list-group-item > .b-badge {
  float: right;
}
.list-group-item > .b-badge + .b-badge {
  margin-right: 5px;
}
.nav-pills > li > a > .b-badge {
  margin-left: 3px;
}
.b-badge-note-P01,
.b-badge.__note-P01 {
  background-color: #ffbc00;
  color: #222222;
}
.b-badge-primary-P01 {
  background-color: #c5dc51;
  color: #222222;
}
.b-badge-primary-P02 {
  background-color: #67bf64;
  color: #222222;
}
.b-badge-gray-P01 {
  background-color: #e2e2e2;
  color: #222222;
}
.b-badge.__weekday {
  background-color: #FFFFFF;
  color: #222222;
  border: 2px solid #1571aa;
}
.b-badge.__holiday {
  background-color: #FFFFFF;
  color: #222222;
  border: 2px solid #a03c3c;
}
/* =========================================================

 baloon

========================================================= */
.b-baloon-top-left,
.b-baloon-edge-top-center,
.b-baloon-top-right {
  position: relative;
}
.b-baloon-top-left:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 17%;
  margin-left: -10px;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}
.b-baloon-edge-top-center:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #ffffff transparent transparent transparent;
}
.b-baloon-edge-top-center.__gray:after {
  border-color: #e2e2e2 transparent transparent transparent;
}
.b-baloon-top-right:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 83%;
  margin-left: -10px;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
}
.b-form-balloon {
  position: relative;
  background: #67BF64;
  padding: 10px;
  font-size: 12px;
  display: inline-block;
  line-height: 1.4;
}
.b-form-balloon:after {
  right: 100%;
  top: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(103, 191, 100, 0);
  border-right-color: #67BF64;
  border-width: 10px;
  margin-top: -10px;
}
.b-form-balloon.__wL {
  width: 450px;
}
.b-form-balloon.__wS {
  width: 240px;
}
/* =========================================================

 Glyphicons kenshinnet

========================================================= */
@font-face {
  font-family: 'icons';
  src: url('../font/icons.eot?2ikpo4');
  src: url('../font/icons.eot?#iefix2ikpo4') format('embedded-opentype'), url('../font/icons.woff?2ikpo4') format('woff'), url('../font/icons.ttf?2ikpo4') format('truetype'), url('../font/icons.svg?2ikpo4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icons-kiki';
  src: url('../font/icons-kiki.eot?v=20180802');
  src: url('../font/icons-kiki.eot?v=20180802') format('embedded-opentype'), url('../font/icons-kiki.woff?v=20180802') format('woff'), url('../font/icons-kiki.ttf?v=20180802') format('truetype'), url('../font/icons-kiki.svg?v=20180802') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icons-weather';
  src: url('../font/icons-weather.eot?9uqfj6');
  src: url('../font/icons-weather.eot?#iefix9uqfj6') format('embedded-opentype'), url('../font/icons-weather.woff?9uqfj6') format('woff'), url('../font/icons-weather.ttf?9uqfj6') format('truetype'), url('../font/icons-weather.svg?9uqfj6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'icons-mimamori';
  src:url('../font/icons-mimamori.eot?-dwrvxu');
  src:url('../font/icons-mimamori.eot?#iefix-dwrvxu') format('embedded-opentype'),
      url('../font/icons-mimamori.ttf?-dwrvxu') format('truetype'),
      url('../font/icons-mimamori.woff?-dwrvxu') format('woff'),
      url('../font/icons-mimamori.svg?-dwrvxu#icons-mimamori') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'icons-MP';
    src:url('../font/icons-MP.eot?5t0sn3');
    src:url('../font/icons-MP.eot?5t0sn3#iefix') format('embedded-opentype'), url('../font/icons-MP.ttf?5t0sn3') format('truetype'), url('../font/icons-MP.woff?5t0sn3') format('woff'), url('../font/icons-MP.svg?5t0sn3#icons-MP') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="b-icons"],
[class*=" b-icons"] {
  font-family: 'icons';
  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;
  display: inline-block;
  vertical-align: middle;
}
[class^="b-icons-kiki-"],
[class*=" b-icons-kiki-"] {
  font-family: 'icons-kiki';
  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;
  display: inline-block;
  vertical-align: middle;
}
[class^="b-icons-weather-"],
[class*=" b-icons-weather-"] {
  font-family: 'icons-weather';
  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;
  display: inline-block;
  vertical-align: middle;
}
[class^="b-icons-mimamori-"],
[class*=" b-icons-mimamori-"] {
  font-family: 'icons-mimamori';
  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;
  display: inline-block;
  vertical-align: middle;
}
[class^="b-icons-MP-"], 
[class*=" b-icons-MP-"] {
  font-family: 'icons-MP';
  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;
  display: inline-block;
  vertical-align: middle;
}
.b-icons01:before {
  content: "\e600";
}
.b-icons02:before {
  content: "\e601";
}
.b-icons03:before {
  content: "\e602";
}
.b-icons04:before {
  content: "\e603";
}
.b-icons05:before {
  content: "\e604";
}
.b-icons06:before {
  content: "\e605";
}
.b-icons07:before {
  content: "\e606";
}
.b-icons08:before {
  content: "\e607";
}
.b-icons09:before {
  content: "\e608";
}
.b-icons10:before {
  content: "\e609";
}
.b-icons11:before {
  content: "\e60a";
}
.b-icons12:before {
  content: "\e60b";
}
.b-icons13:before {
  content: "\e60c";
}
.b-icons14:before {
  content: "\e60d";
}
.b-icons15:before {
  content: "\e60e";
}
.b-icons16:before {
  content: "\e60f";
}
.b-icons17:before {
  content: "\e610";
}
.b-icons18:before {
  content: "\e611";
}
.b-icons19:before {
  content: "\e612";
}
.b-icons20:before {
  content: "\e613";
}
.b-icons21:before {
  content: "\e614";
}
.b-icons22:before {
  content: "\e615";
}
.b-icons23:before {
  content: "\e616";
}
.b-icons24:before {
  content: "\e617";
}
.b-icons25:before {
  content: "\e618";
}
.b-icons26:before {
  content: "\e619";
}
.b-icons27:before {
  content: "\e61a";
}
.b-icons28:before {
  content: "\e61b";
}
.b-icons29:before {
  content: "\e61c";
}
.b-icons30:before {
  content: "\e61d";
}
.b-icons31:before {
  content: "\e61e";
}
.b-icons32:before {
  content: "\e61f";
}
.b-icons33:before {
  content: "\e620";
}
.b-icons34:before {
  content: "\e621";
}
.b-icons35:before {
  content: "\e622";
}
.b-icons36:before {
  content: "\e623";
}
.b-icons37:before {
  content: "\e624";
}
.b-icons38:before {
  content: "\e625";
}
.b-icons39:before {
  content: "\e626";
}
.b-icons40:before {
  content: "\e627";
}
.b-icons41:before {
  content: "\e628";
}
.b-icons42:before {
  content: "\e629";
}
.b-icons43:before {
  content: "\e62a";
}
.b-icons44:before {
  content: "\e62b";
}
.b-icons45:before {
  content: "\e62c";
}
.b-icons46:before {
  content: "\e62d";
}
.b-icons47:before {
  content: "\e62e";
}
.b-icons48:before {
  content: "\e62f";
}
.b-icons49:before {
  content: "\e630";
}
.b-icons50:before {
  content: "\e631";
}
.b-icons51:before {
  content: "\e632";
}
.b-icons52:before {
  content: "\e633";
}
.b-icons53:before {
  content: "\e634";
}
.b-icons54:before {
  content: "\e635";
}
.b-icons55:before {
  content: "\e636";
}
.b-icons56:before {
  content: "\e637";
}
.b-icons57:before {
  content: "\e638";
}
.b-icons58:before {
  content: "\e639";
}
.b-icons59:before {
  content: "\e63a";
}
.b-icons60:before {
  content: "\e63b";
}
.b-icons61:before {
  content: "\e63c";
}
.b-icons62:before {
  content: "\e63d";
}
.b-icons63:before {
  content: "\e63e";
}
.b-icons64:before {
  content: "\e63f";
}
.b-icons65:before {
  content: "\e640";
}
.b-icons66:before {
  content: "\e641";
}
.b-icons67:before {
  content: "\e642";
}
.b-icons68:before {
  content: "\e643";
}
.b-icons69:before {
  content: "\e644";
}
.b-icons70:before {
  content: "\e645";
}
.b-icons71:before {
  content: "\e646";
}
.b-icons72:before {
  content: "\e647";
}
.b-icons73:before {
  content: "\e648";
}
.b-icons74:before {
  content: "\e649";
}
.b-icons75:before {
  content: "\e64a";
}
.b-icons76:before {
  content: "\e64b";
}
.b-icons77:before {
  content: "\e64c";
}
.b-icons78:before {
  content: "\e64d";
}
.b-icons79:before {
  content: "\e64e";
}
.b-icons80:before {
  content: "\e64f";
}
.b-icons81:before {
  content: "\e650";
}
.b-icons82:before {
  content: "\e651";
}
.b-icons83:before {
  content: "\e652";
}
.b-icons84:before {
  content: "\e653";
}
.b-icons85:before {
  content: "\e654";
}
.b-icons86:before {
  content: "\e655";
}
.b-icons87:before {
  content: "\e656";
}
.b-icons88:before {
  content: "\e657";
}
.b-icons89:before {
  content: "\e658";
}
.b-icons90:before {
  content: "\e659";
}
.b-icons91:before {
  content: "\e65a";
}
.b-icons92:before {
  content: "\e65b";
}
.b-icons93:before {
  content: "\e65c";
}
.b-icons94:before {
  content: "\e65d";
}
.b-icons95:before {
  content: "\e65e";
}
.b-icons96:before {
  content: "\e65f";
}
.b-icons97:before {
  content: "\e660";
}
.b-icons98:before {
  content: "\e661";
}
.b-icons99:before {
  content: "\e662";
}
.b-icons100:before {
  content: "\e663";
}
.b-icons101:before {
  content: "\e664";
}
.b-icons102:before {
  content: "\e665";
}
.b-icons103:before {
  content: "\e666";
}
.b-icons104:before {
  content: "\e667";
}
.b-icons105:before {
  content: "\e668";
}
.b-icons106:before {
  content: "\e669";
}
.b-icons107:before {
  content: "\e66a";
}
.b-icons108:before {
  content: "\e66b";
}
.b-icons109:before {
  content: "\e66c";
}
.b-icons110:before {
  content: "\e66d";
}
.b-icons111:before {
  content: "\e66e";
}
.b-icons112:before {
  content: "\e66f";
}
.b-icons113:before {
  content: "\e670";
}
.b-icons114:before {
  content: "\e671";
}
.b-icons115:before {
  content: "\e672";
}
.b-icons116:before {
  content: "\e673";
}
.b-icons117:before {
  content: "\e674";
}
.b-icons118:before {
  content: "\e675";
}
.b-icons119:before {
  content: "\e676";
}
.b-icons120:before {
  content: "\e677";
}
.b-icons121:before {
  content: "\e678";
}
.b-icons122:before {
  content: "\e679";
}
.b-icons123:before {
  content: "\e67a";
}
.b-icons124:before {
  content: "\e67b";
}
.b-icons125:before {
  content: "\e67c";
}
.b-icons126:before {
  content: "\e67d";
}
.b-icons127:before {
  content: "\e67e";
}
.b-icons128:before {
  content: "\e67f";
}
.b-icons129:before {
  content: "\e680";
}
.b-icons130:before {
  content: "\e681";
}
.b-icons131:before {
  content: "\e682";
}
.b-icons132:before {
  content: "\e683";
}
.b-icons133:before {
  content: "\e684";
}
.b-icons134:before {
  content: "\e685";
}
.b-icons135:before {
  content: "\e686";
}
.b-icons136:before {
  content: "\e687";
}
.b-icons137:before {
  content: "\e688";
}
.b-icons138:before {
  content: "\e689";
}
.b-icons139:before {
  content: "\e68a";
}
.b-icons140:before {
  content: "\e900";
}
.b-icons141:before {
  content: "\e901";
}
.b-icons142:before {
  content: "\e902";
}
.b-icons143:before {
  content: "\e903";
}
.b-icons144:before {
  content: "\e904";
}
.b-icons145:before {
  content: "\e905";
}
.b-icons146:before {
  content: "\e906";
}
.b-icons147:before {
  content: "\e907";
}
.b-icons148:before {
  content: "\e908";
}
.b-icons149:before {
  content: "\e909";
}
.b-icons150:before {
  content: "\e90a";
}
.b-icons151:before {
  content: "\e90b";
}
.b-icons152:before {
  content: "\e90c";
}
.b-icons153:before {
  content: "\e90d";
}
.b-icons154:before {
  content: "\e90e";
}
.b-icons155:before {
  content: "\e90f";
}
.b-icons160:before {
  content: "\e914";
}
.b-icon-circlea {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto 5px;
  background: #67bf64;
  color: #ffffff;
  font-size: 30px;
  border-radius: 50%;
}
.icon-style-P04.icon-gus {
  background: #67bf64;
}
.icon-style-P04.icon-gus {
  background: #fea302;
}
.icon-style-P04.icon-oil {
  background: #87884d;
}
.b-icon-circlea-P02 {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  font-size: 64px;
  text-align: center;
  background: #ffffff;
  color: #056b49;
  border-radius: 50%;
  border: 2px solid #67bf64;
}
.b-icon-circlea-P03 {
  display: inline-block;
  width: 1.4em !important;
  height: 1.4em !important;
  line-height: 1.4;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 30px;
}
.__bg-light {
  background-color: #3dc9a4 !important;
}
a.__bg-light:hover,
a .__bg-light:hover {
  background-color: #2ea586 !important;
}
.__bg-basic {
  background-color: #a6c21f !important;
}
a.__bg-basic:hover,
a .__bg-basic:hover {
  background-color: #809618 !important;
}
.__bg-expert {
  background-color: #67bf64 !important;
}
a.__bg-expert:hover,
a .__bg-expert:hover {
  background-color: #49aa46 !important;
}
.__bg-keep {
  background-color: #5d9cec !important;
}
a.__bg-keep:hover,
a .__bg-keep:hover {
  background-color: #2f80e7 !important;
}
.b-icon-mark-P01 {
  background: url(../img/common/mark_img01.png) repeat-x left bottom;
}
.b-icon-mark-P01.__baloon {
  display: inline-block;
  vertical-align: top;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 60px;
}
.b-icon-mark-P01.__baloon:before {
  content: " ";
  display: block;
  width: 41px;
  height: 49px;
  background: url(../img/common/mark_img02.png) no-repeat left top;
  position: absolute;
  top: 1.75em;
  left: 50%;
  margin-left: -20px;
}
.b-ion-img-arw-mini {
  display: inline-block;
  width: auto;
  height: inherit;
  line-height: 50px;
  background: url(../img/common/listmark04.png) no-repeat 0 center;
  font-size: 12px;
  color: #fff;
  padding-left: 12px;
}
.b-img-outpdf {
  background: url(../img/common/pdf_icon01.gif) no-repeat left top;
  padding-left: 28px;
}
.b-icons-kiki-01:before {
  content: "\e800";
}
.b-icons-kiki-02:before {
  content: "\e801";
}
.b-icons-kiki-03:before {
  content: "\e802";
}
.b-icons-kiki-04:before {
  content: "\e803";
}
.b-icons-kiki-05:before {
  content: "\e804";
}
.b-icons-kiki-06:before {
  content: "\e805";
}
.b-icons-kiki-07:before {
  content: "\e806";
}
.b-icons-kiki-08:before {
  content: "\e807";
}
.b-icons-kiki-09:before {
  content: "\e808";
}
.b-icons-kiki-10:before {
  content: "\e809";
}
.b-icons-kiki-11:before {
  content: "\e80a";
}
.b-icons-kiki-12:before {
  content: "\e80b";
}
.b-icons-kiki-13:before {
  content: "\e80c";
}
.b-icons-kiki-14:before {
  content: "\e80d";
}
.b-icons-kiki-15:before {
  content: "\e80e";
}
.b-icons-kiki-16:before {
  content: "\e80f";
}
.b-icons-kiki-17:before {
  content: "\e810";
}
.b-icons-kiki-18:before {
  content: "\e811";
}
.b-icons-kiki-19:before {
  content: "\e812";
}
.b-icons-kiki-20:before {
  content: "\e813";
}
.b-icons-kiki-21:before {
  content: "\e814";
}
.b-icons-kiki-22:before {
  content: "\e815";
}
.b-icons-kiki-23:before {
  content: "\e816";
}
.b-icons-kiki-24:before {
  content: "\e817";
}
.b-icons-kiki-25:before {
  content: "\e818";
}
.b-icons-kiki-26:before {
  content: "\e819";
}
.b-icons-kiki-27:before {
  content: "\e81a";
}
.b-icons-kiki-28:before {
  content: "\e81b";
}
.b-icons-weather-100:before {
  content: "\e600";
}
.b-icons-weather-101:before {
  content: "\e601";
}
.b-icons-weather-103:before {
  content: "\e602";
}
.b-icons-weather-105:before {
  content: "\e603";
}
.b-icons-weather-111:before {
  content: "\e604";
}
.b-icons-weather-114:before {
  content: "\e605";
}
.b-icons-weather-117:before {
  content: "\e606";
}
.b-icons-weather-200:before {
  content: "\e60e";
}
.b-icons-weather-201:before {
  content: "\e60f";
}
.b-icons-weather-203:before {
  content: "\e610";
}
.b-icons-weather-205:before {
  content: "\e611";
}
.b-icons-weather-211:before {
  content: "\e612";
}
.b-icons-weather-214:before {
  content: "\e613";
}
.b-icons-weather-217:before {
  content: "\e614";
}
.b-icons-weather-300:before {
  content: "\e607";
}
.b-icons-weather-301:before {
  content: "\e608";
}
.b-icons-weather-302:before {
  content: "\e609";
}
.b-icons-weather-303:before {
  content: "\e60a";
}
.b-icons-weather-311:before {
  content: "\e60b";
}
.b-icons-weather-313:before {
  content: "\e60c";
}
.b-icons-weather-315:before {
  content: "\e60d";
}
.b-icons-weather-400:before {
  content: "\e615";
}
.b-icons-weather-401:before {
  content: "\e616";
}
.b-icons-weather-402:before {
  content: "\e617";
}
.b-icons-weather-403:before {
  content: "\e618";
}
.b-icons-weather-411:before {
  content: "\e619";
}
.b-icons-weather-413:before {
  content: "\e61a";
}
.b-icons-weather-414:before {
  content: "\e61b";
}
.b-icons-mimamori-01:before {
	content: "\e600";
}
.b-icons-MP-01:before {
    content: "\e600";
}
.b-icons-MP-02:before {
    content: "\e601";
}
.b-icons-MP-03:before {
    content: "\e602";
}
/* =========================================================

p-site-header

サイトヘッダー

========================================================= */
.p-site-header {
  min-width: 976px;
  /* Lnavi連携用テストヘッダー対応。（修正）
     白・緑の2行分の高さをとります
  height: 85px;
  */
  height: 100px;
  overflow: hidden;
  background-color: #67bf64;
}
.p-site-header.__popup {
  min-width: 100%;
  height: auto;
}
.p-site-header__logo {
  width: 140px;
  float: left;
  margin: 0;
}
.p-site-header__nav {
  float: left;
  list-style: none;
  border-left: 1px solid #ffffff;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.p-site-header__nav li {
  float: left;
  border-right: 1px solid #ffffff;
}

/* Lnavi連携用テストヘッダー対応。（追加）
   メニュー緑色カラムの定義 */
.p-site-header__nav .menu-col-green {
    width: 195.2px;
    height: 58px;
    background-color: #67BF64;
    text-align: center;
    box-sizing: border-box;
}

/* Lnavi連携用テストヘッダー対応。（追加）
   メニュー緑色カラムの要素の位置を調整 */
.p-site-header__nav .menu-col-green span {
    line-height: 1.4;
}

/* Lnavi連携用テストヘッダー対応。（追加）
   メニュー茶色カラムの定義 */
.p-site-header__nav .menu-col-blown {
    width: 194.2px;
    height: 58px;
    background-color: #D89000;
    text-align: center;
    box-sizing: border-box;
}

/* Lnavi連携用テストヘッダー対応。（追加）
   メニュー茶色カラムの要素の位置を調整 */
.p-site-header__nav .menu-col-blown span {
    line-height:53px;
}

/* Lnavi連携用テストヘッダー対応。（追加）
 メニュー茶色カラムボタン ホバー時 */
.p-site-header__nav .menu-col-blown a:hover {
    background-color: #8B5703;
}

/* Lnavi連携用テストヘッダー対応。（追加）
   メニュー茶色カラムの定義 */
/* 日本郵政会員用　2016.04.01 */
.p-site-header__nav .menu-col-Yusei {
    width: 130px;
    height: 60px;
    background-color: #D89000;
    text-align: center;
    box-sizing: border-box;
}

/* Lnavi連携用テストヘッダー対応。（追加）
   メニュー茶色カラムの要素の位置を調整 */
/* 日本郵政会員用　2016.04.01 */
.p-site-header__nav .menu-col-Yusei span{
    line-height:20px;
}

/* Lnavi連携用テストヘッダー対応。（修正）
 要素の高さ幅、位置を微調整
.p-site-header__nav a,
.p-site-header__nav .disable {
  display: block;
  width: 130px;
  height: 85px;
  color: #333333;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.2;
}
*/
.p-site-header__nav a,
.p-site-header__nav .disable {
  display: block;
  width: 195px;
  height: 58px;
  color: #333333;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.1;
}

.p-site-header__nav .b-icons01 {
  font-size: 24px;
  margin: 16px auto 13px;
  color: #ffffff;
}
.p-site-header__nav .b-icons02 {
  font-size: 37px;
  margin: 3px auto;
  color: #ffffff;
}
.p-site-header__nav .b-icons03 {
  font-size: 24px;
  margin: 12px auto 7px;
  color: #ffffff;
}
.p-site-header__nav .b-icons04 {
  font-size: 22px;
  margin: 15px auto 6px;
  color: #ffffff;
}
.p-site-header__nav .b-icons05 {
  font-size: 27px;
  margin: 13px auto;
  color: #ffffff;
}
.p-site-header__nav a:hover {
  background: #056b49;
  color: #ffffff;
}
.p-site-header__nav .active {
  background: #056b49;
  color: #ffffff;
}
.p-site-header__nav .active a {
  color: #ffffff;
}
.p-site-header__nav .active a:hover {
  cursor: default;
}
.p-site-header__nav .disable,
.p-site-header__nav .disable:hover {
  /*background:lighten(desaturate(spin(@brand-primary-P01, -5), 10%), 15%);*/
  background: #b1b6af;
  /*color:darken(desaturate(spin(@brand-primary-P01, 11), 28%), 10%);*/
  color: #757b77;
}
.p-site-header__nav .disable .b-icons01,
.p-site-header__nav .disable .b-icons02,
.p-site-header__nav .disable .b-icons03,
.p-site-header__nav .disable .b-icons04,
.p-site-header__nav .disable .b-icons05 {
  color: inherit;
}
.p-site-header__lead {
  float: left;
  margin: 10px;
}
.p-site-header__other {
  width: 123px;
  float: right;
  text-align: right;
  padding-top: 6px;
  padding-right: 14px;
  overflow: hidden;
}
.p-site-header__other .b-nav-btn {
  padding: 6px 12px;
  margin-top: 14px;
}
/* =========================================================

p-site-footer

サイトフッター

========================================================= */
.p-site-footer {
  clear: both;
  min-width: 976px;
  margin-top: 10px;
  background: rgba(79, 76, 75, 0.35);
  background: #b9aea4\9;
  color: #ffffff;
  overflow: hidden;
  padding: 12px 0;
}
.p-site-footer.__popup {
  min-width: 100%;
  height: auto;
}
.p-site-footer__link {
  float: left;
  font-size: 12px;
  list-style-image: url(../img/common/listmark03.png);
  line-height: 1.6;
  margin: 0 0 0  20px;
  padding: 0;
}
.p-site-footer__link a {
  color: #056b49;
  padding: 4px 0;
}
.p-site-footer__copyright {
  float: right;
  text-align: right;
  font-size: 10px;
  margin: 0 7px 0 0;
  line-height: 2;
}
.p-site-footer__btn {
  clear: both;
  margin-bottom: 10px;
}
.p-site-footer__btn .b-nav-btn {
  margin-top: 10px;
  width: 100%;
  background-color: #ffffff;
  color: #056b49;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.75);
}
.p-site-footer__btn .b-nav-btn:hover {
  background-color: #dddddd;
}
.p-site-footer__btn .b-nav-btn .b-icons133 {
  color: #056b49;
  font-size: 1.8em;
  margin-right: 0.25em;
  position: relative;
  z-index: 1;
}
.p-site-footer__btn .b-nav-btn .b-icons133:after {
  content: "";
  display: block;
  width: 10px;
  height: 17px;
  background-color: #94c21f;
  position: absolute;
  top: 4px;
  left: 8px;
  z-index: -1;
}
/* =========================================================

p-site-page-info 

サイトページインフォ

========================================================= */
.p-site-page-info {
  min-width: 976px;
  height: 65px;
  margin-bottom: 7px;
  background: #fff;
  background: rgba(255, 255, 255, 0.33);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  z-index: -1;
  overflow: hidden;
}
.p-site-page-info .l-container {
  position: relative;
}
.p-site-page-info__nav {
  display: table;
  width: 720px;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  z-index: 100;
  position: relative;
}
.p-site-page-info__nav > li {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.p-site-page-info__nav > li > a {
  display: block;
  padding: 23px 10px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  color: #000000;
}
.p-site-page-info__nav > li > a.disable,
.p-site-page-info__nav > li > a.disable:hover {
  background-color: #b1b6af;
  color: #757b77;
  cursor: default;
}
.p-site-page-info__nav li a:hover {
  background: #c5ce79;
}
.p-site-page-info__nav li a.active {
  background: #d5dc9e;
}
.p-site-page-info__title {
  font-size: 24px;
  color: #056b49;
  margin: 0;
  padding-left: 16px;
  line-height: 65px;
  font-weight: normal;
}
.p-site-page-info__title .b-icons {
  padding-right: 12px;
}
.p-site-page-info__back {
  position: absolute;
  right: 10px;
  top: 20px;
}
.p-site-m-header__white {
  background-color: #fff;
  height: 40px;
}
.p-site-m-header__white .p-site-m-header__container {
  width: 70%;
  height: 40px;
  min-width: 976px;
  margin: 0 auto;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__logo {
  width: 150px;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
  overflow: hidden;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__kandenlogo {
  width: 105px;
  float: right;
  margin-right: 20px;
  margin-top: 2px;
  overflow: hidden;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__logout {
  width: 105px;
  float: right;
  margin-right: 30px;
  margin-top: 5px;
  overflow: hidden;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__logout .p-site-m-header__logout-link {
  display: table;
  box-sizing: border-box;
  height: 15px;
  width: 100%;
  background-color: #fff !important;
  border: 1px solid;
  border-color: #ff6a00;
  border-width: medium;
  border-radius: 5px;
  text-decoration: none;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__logout .p-site-m-header__logout-link .p-site-m-header__logout-icon {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 5px 5px;
  line-height: 1.2;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__logout .p-site-m-header__logout-link .p-site-m-header__logout-content {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 5px 5px;
  line-height: 1.2;
  color: #ff6a00;
  font-size: 12px;
}
.p-site-m-header__white .p-site-m-header__container .p-site-m-header__logout .p-site-m-header__logout-link:hover {
  background-color: #ffc594 !important;
}
.p-site-m-header__green {
  background-color: #67bf64;
  height: 60px;
}
.p-site-m-header__green .p-site-m-header__container {
  height: 60px;
  width: 950px;
  margin: 0 auto;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav {
  height: 60px;
  width: 950px;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav .menu-col-green {
  text-align: center;
  box-sizing: border-box;
  background-color: #67bf64;
  height: 60px;
  width: 14.3%;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav .menu-col-green span {
  line-height: 1.4;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav .menu-col-blown {
  text-align: center;
  box-sizing: border-box;
  background-color: #D89000;
  height: 60px;
  width: 14.2%;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav .menu-col-blown span {
  line-height: 53px;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav .menu-col-blown img {
  width: 79px;
  height: auto;
  vertical-align: middle;
}
.p-site-m-header__green .p-site-m-header__container .p-site-m-header__nav li a {
  height: 100%;
  width: 100%;
}




/* =========================================================

p-val-block-P02

========================================================= */
/*
02-01-12

02-02-06


02-03-05
02-03-06


*/
.p-val-block-P02.a-side-border {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
.p-val-block-P02__item {
  margin: 0;
  vertical-align: top;
  text-align: center;
}
.p-val-block-P02__head {
  padding: 10px 0 0 0;
  font-size: 16px;
}
.p-val-block-P02__headP02 {
  padding: 0;
  font-weight: bold;
}
.p-val-block-P02__icon {
  font-size: 40px;
  color: #67bf64;
  padding-top: 5px;
}
.p-val-block-P02__iconP02 {
  font-size: 24px;
}
.p-val-block-P02__dataP01 {
  font-size: 32px;
}
.p-val-block-P02__dataP02 {
  font-size: 14px;
}
.p-val-block-P02__dataP03 {
  font-size: 16px;
}
.p-val-block-P02__dataP04 {
  font-size: 12px;
}
.p-val-block-P02__badge .b-badge {
  min-width: 50%;
  font-size: 14px;
}
.p-val-block-P02__data-main {
  font-size: 40px;
}
.p-val-block-P02__data-main.a-L {
  font-size: 40px;
}
.p-val-block-P02__data-main .b-icons {
  font-size: 48px;
  vertical-align: -5px;
}
.p-val-block-P02__data-time {
  font-size: 12px;
  min-height: 40px;
}
.p-val-block-P02__dl.b-doc-dl {
  margin: 10px 15px 5px 15px;
  text-align: left;
}
.p-val-block-P02__side-border {
  border-left: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
.p-val-block-P02__datetime-icon {
  font-size: 26px;
  color: ;
}
.p-val-block-P02__datetime-head {
  font-size: 16px;
  font-weight: bold;
}
.p-val-block-P02__datetime-time {
  font-size: 12px;
  min-height: 40px;
  line-height: 1.2;
}
.p-val-block-P02__datetime-data-main {
  font-size: 36px;
}
/* =========================================================

p-val-block-P03

- １時間毎でみる

========================================================= */
.p-val-block-P03.a-side-border {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
.p-val-P03__item {
  margin: 0;
  vertical-align: top;
  text-align: center;
}
.p-val-P03__head {
  padding: 10px 0 0 0;
  color: #666666;
}
.p-val-P03__icon {
  font-size: 40px;
  color: #67bf64;
  padding-top: 5px;
}
.p-val-P03__data-main {
  font-size: 40px;
}
.p-val-P03__data-main.a-L {
  font-size: 40px;
}
.p-val-P03__data-main .b-icons {
  font-size: 48px;
  vertical-align: -5px;
}
.p-val-P03__datetime-icon {
  font-size: 26px;
}
.p-val-P03__datetime-head {
  font-size: 16px;
  font-weight: bold;
}
.p-val-P03__datetime-time {
  font-size: 12px;
  min-height: 30px;
  line-height: 1.2;
}
.p-val-P03__datetime-data-main {
  font-size: 36px;
}
/* =========================================================

p-val-block-P04

- みる電レポート

========================================================= */
.p-val-block-P04.a-side-border {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
.p-val-P04__icon {
  text-align: center;
  margin: 0;
  padding: 0;
  color: #67bf64;
  font-size: 32px;
}
.p-val-P04__head {
  text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #056b49;
}
.p-val-P04__date {
  text-align: center;
  padding: ;
  font-size: 12px;
  min-height: 24px;
}
.p-val-P04__data-P01 {
  text-align: center;
  margin: 0;
  padding: 0;
  color: #333333;
  font-size: 32px;
  font-weight: bold;
}
.p-val-block-P04 .a-unit {
  font-size: 12px;
  font-weight: normal;
}
/* =========================================================

p-val-block-P05

- みる電レポート

========================================================= */
.p-val-P05__data-P01 {
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}
.p-val-P05__data-P02 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
}
.p-val-P05__data-P02 .b-badge {
  margin-right: 5px;
  line-height: 1.4;
}
.p-val-P05__data-P03 {
  font-size: 16px;
  text-align: center;
}
/* =========================================================

p-val-ranking-block

- 省エネ・省CO2ランキング

========================================================= */
.p-val-ranking-block {
  text-align: center;
  margin: 0;
  padding: 0;
}
.p-val-ranking-block div {
  margin: 0;
  padding: 0;
}
.p-val-ranking-block.a-side-border {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
.p-val-ranking-block.a-side-border-right {
  border-right: 1px solid #DDD;
}
.p-val-ranking-block.a-side-border-left {
  border-left: 1px solid #DDD;
}
.p-val-ranking-block .a-unit {
  font-size: 12px;
  font-weight: normal;
}
.p-val-ranking__icon {
  margin: 0;
  padding: 0;
  color: #67bf64;
  font-size: 40px;
}
.p-val-ranking__head {
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #666666;
}
.p-val-ranking-block.__P01 .p-val-ranking__data-P01 {
  color: #333333;
  font-size: 16px;
  font-weight: normal;
}
.p-val-ranking-block.__P01 .p-val-ranking__data-P02 {
  color: #333333;
  font-size: 36px;
  font-weight: bold;
}
.p-val-ranking-block.__P01 .p-val-ranking__data-P03 {
  color: #333333;
  font-size: 18px;
  margin-bottom: 10px;
}
.p-val-ranking-block.__P01 .p-val-ranking__data-P04 {
  color: #666666;
  font-size: 14px;
}
.p-val-ranking-block.__P02 .p-val-ranking__data-P01 {
  color: #333333;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-val-ranking-block.__P02 .p-val-ranking__head {
  margin-top: 20px;
}
.p-val-ranking-block.__P02 .p-val-ranking__icon {
  font-size: 48px;
}
.p-val-ranking-block.__P02 .p-val-ranking__head-P02 {
  color: #333333;
}
.p-val-ranking-block.__P02 .p-val-ranking__data-P02 {
  color: #333333;
  font-size: 24px;
  font-weight: bold;
}
.p-val-ranking-block.__P03 .p-val-ranking__icon {
  font-size: 40px;
}
.p-val-ranking-block.__P03 .p-val-ranking__data-P01 {
  color: #333333;
  font-size: 30px;
  font-weight: bold;
}
.p-val-ranking-block.__P04 .p-val-ranking__icon {
  font-size: 40px;
}
.p-val-ranking-block.__P04 .p-val-ranking__data-P01 {
  color: #333333;
  font-size: 30px;
  font-weight: bold;
}
.p-val-ranking-block.__P05 .b-doc-dl {
  margin-top: 20px;
}
.p-val-ranking-block.__P05 .b-doc-dl dt,
.p-val-ranking-block.__P05 .b-doc-dl dd {
  text-align: left;
}
.p-ranking-rank-block {
  margin-top: 40px;
  padding-top: 50px;
  padding-bottom: 20px;
  position: relative;
}
.p-ranking-rank-block .a-mark {
  display: block;
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 40px !important;
  text-align: center;
  background: #fff;
  border-radius: 50%;
  margin-bottom: 10px !important;
  color: #67bf64;
  border: 2px solid #67bf64;
  position: absolute;
  top: 0;
}
.p-ranking-rank-block .a-mark:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 39px;
  left: 50%;
  margin-left: -4px;
  border-style: solid;
  border-width: 8px 4px 0 4px;
  border-color: #ffffff transparent transparent transparent;
  z-index: 10;
}
.p-ranking-rank-block .a-mark:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -6px;
  border-style: solid;
  border-width: 10px 6px 0 6px;
  border-color: #67bf64 transparent transparent transparent;
  z-index: 9;
}
.p-ranking-rank-block .rankA1 {
  left: 30px;
}
.p-ranking-rank-block .rankA2 {
  left: 74px;
}
.p-ranking-rank-block .rankA3 {
  left: 118px;
}
.p-ranking-rank-block .rankB1 {
  left: 162px;
}
.p-ranking-rank-block .rankB2 {
  left: 206px;
}
.p-ranking-rank-block .rankB3 {
  left: 250px;
}
.p-ranking-rank-block .rankC1 {
  left: 294px;
}
.p-ranking-rank-block .rankC2 {
  left: 338px;
}
.p-ranking-rank-block .rankC3 {
  left: 382px;
}
.p-ranking-rank-block .rankD1 {
  left: 426px;
}
.p-ranking-rank-block .rankD2 {
  left: 470px;
}
.p-ranking-rank-block .rankD3 {
  left: 514px;
}
.p-ranking-rank-block .rankE1 {
  left: 558px;
}
.p-ranking-rank-block .rankE2 {
  left: 602px;
}
.p-ranking-rank-block .rankE3 {
  left: 646px;
}
.p-ranking-rank__measure {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px;
  table-layout: fixed;
}
.p-ranking-rank__measure .a-A,
.p-ranking-rank__measure .a-B,
.p-ranking-rank__measure .a-C,
.p-ranking-rank__measure .a-D,
.p-ranking-rank__measure .a-E {
  font-weight: bold;
  padding: 5px 0;
}
.p-ranking-rank__measure .a-A {
  border-radius: 1em 0 0 1em;
  background: /*#dbe994*/ #dbe99b;
}
.p-ranking-rank__measure .a-B {
  background: /*#d1e270*/ #d1e37d;
}
.p-ranking-rank__measure .a-C {
  background: /*#c4db4d*/ #c4dc5c;
}
.p-ranking-rank__measure .a-D {
  background: /*#a6ce3a*/ #a5cf3b;
}
.p-ranking-rank__measure .a-E {
  border-radius: 0 1em 1em 0;
  background: #94c21f;
}
.p-ranking-rank__measure .b-icons47,
.p-ranking-rank__measure .b-icons48 {
  color: #67bf64;
  font-size: 28px;
  margin-right: 4px;
  vertical-align: bottom;
}
.p-ranking-rank__measure .b-icons47 {
  font-size: 36px;
  margin-top: -6px;
}
.p-ranking-rank__measure td {
  text-align: center;
  font-size: 20px;
  vertical-align: middle;
}
.p-ranking-rank__measure td.left {
  text-align: left;
}
.p-ranking-rank__measure td.right {
  text-align: right;
}
.p-ranking-input-table-block {
  position: relative;
  margin: 20px;
}
.p-ranking-input-table__btn {
  position: absolute;
  top: 30px;
  right: -10px;
  font-size: 20px;
}
/* =========================================================

p-val-diet-block

- 電気を賢く上手にダイエット

========================================================= */
.p-val-diet-block {
  margin: 0;
  padding: 0;
}
.p-val-diet-block div {
  margin: 0;
  padding: 0;
}
.p-val-diet-block .a-unit {
  font-size: 12px;
  font-weight: normal;
}
.p-val-diet__icon {
  margin: 0;
  padding: 0;
  color: #67bf64;
  font-size: 40px;
}
.p-val-diet__head {
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #666666;
}
.p-val-diet-block.__P01 {
  text-align: center;
  margin-top: -10px;
}
.p-val-diet-block.__P01 .p-val-diet__head {
  font-size: 16px;
}
.p-val-diet-block.__P01 .p-val-diet__data-P01 {
  color: #333333;
  font-size: 40px;
  font-weight: bold;
}
.p-val-diet-block.__P01 .p-val-diet__data-P01 [class^="b-icons"],
.p-val-diet-block.__P01 .p-val-diet__data-P01 [class*=" b-icons"] {
  margin: -8px 5px 0 0;
  font-size: 48px;
}
.p-val-diet-block.__P02 {
  margin-top: -10px;
}
.p-val-diet-block.__P02 .p-val-diet__item {
  padding: 20px;
}
.p-val-diet-block.__P02 .p-val-diet__head {
  font-size: 18px;
  color: #056b49;
  margin-bottom: 5px;
}
.p-val-diet-block.__P02 .p-val-diet__data-P01 {
  color: #333333;
  font-size: 16px;
  line-height: 1.2;
}
.p-val-diet-block.__P02 .b-nav-btn-form-block {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ffffff;
}
.p-val-diet-block.__P03 {
  text-align: center;
}
.p-val-diet-block.__P03 .p-val-diet__item {
  padding: 20px;
}
.p-val-diet-block.__P03 .p-val-diet__badge {
  margin-bottom: 10px;
}
.p-val-diet-block.__P03 .p-val-diet__data-P01 {
  margin-bottom: 10px;
  color: #056b49;
  font-size: 20px;
  line-height: 1.2;
  font-weight: bold;
}
.p-val-diet-block.__P03 .a-number {
  color: #056b49;
  font-size: 24px;
  font-weight: bold;
}
.p-val-diet-block.__P04 {
  position: relative;
  text-align: center;
}
.p-val-diet-block.__P04 .p-val-diet__item {
  padding: 20px;
}
.p-val-diet-block.__P04 .p-val-diet__head {
  font-size: 16px;
  margin-bottom: 20px;
}
.p-val-diet-block.__P04 .p-val-diet__label-ratio {
  font-size: 14px;
  margin-bottom: 0px;
}
.p-val-diet-block.__P04 .p-val-diet__data-P01 {
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
}
.p-val-diet-block.__P04 .p-val-diet__data-P02 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
}
.p-val-diet-block.__P04 .__primary {
  color: #056b49;
}
.p-val-diet-block.__P04 .a-listmark-right {
  font-size: 14px;
  line-height: 1.2;
  font-weight: normal;
  display: block;
  margin-bottom: 0;
}
.p-val-diet-block.__P04 .a-arw {
  display: block;
  font-size: 10px;
  margin-bottom: 0;
}
.p-val-diet-block.__P04 .a-next {
  position: absolute;
  top: 36%;
  right: -20px;
  font-size: 28px;
  line-height: 1.2;
  color: #67bf64;
}
.p-val-diet-block.__P05 {
  text-align: center;
}
.p-val-diet-block.__P05 .p-val-diet__item {
  padding: 20px;
}
.p-val-diet-block.__P05 .p-val-diet__badge {
  margin-bottom: 10px;
}
.p-val-diet-block.__P05 .p-val-diet__date {
  min-height: 20px;
  margin-bottom: 10px;
}
.p-val-diet-block.__P05 .p-val-diet__data-P01 {
  margin-bottom: 10px;
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
}
.p-val-diet-head.__P01 {
  background-color: #eeeeee !important;
  padding: 10px;
}
.p-val-diet-head.__P01:before,
.p-val-diet-head.__P01:after {
  content: " ";
  display: table;
}
.p-val-diet-head.__P01:after {
  clear: both;
}
a.p-val-diet-head.__P01:hover,
a .p-val-diet-head.__P01:hover {
  background-color: #d5d5d5 !important;
}
.p-val-diet-head.__P01 .p-val-diet-head__text {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal;
}
.p-val-diet-head.__P01 .p-val-diet-head__text .a-date {
  font-size: 20px;
}
.p-val-diet-head.__P01 .b-icon-circlea-P03 {
  margin-top: -5px;
}
.p-val-diet-head.__P01 .u-pull-right {
  margin-top: 5px;
}
.p-diet-calendar {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 7px;
  margin-bottom: 20px;
}
.p-diet-calendar__course {
  box-sizing: border-box;
  height: 70px;
  line-height: 50px;
  padding: 10px;
  font-weight: bold;
  margin-bottom: 10px !important;
  position: relative;
}
.p-diet-calendar__course [class^="b-icons"],
.p-diet-calendar__course [class*=" b-icons"] {
  margin-right: 5px;
  color: #ffffff;
  font-size: 28px;
}
.p-diet-calendar__badge {
  display: inline-block;
  position: absolute;
  top: 4px;
  right: 4px;
  border-radius: 1em;
  padding: 3px 7px 1px;
  background: #ffbc00;
  line-height: 1;
}
.p-diet-calendar__month,
.p-diet-calendar__medal {
  background: #f0f0f0;
  text-align: center;
  color: #999999;
}
.p-diet-calendar__month {
  padding-top: 2px;
}
.p-diet-calendar__month.u-bg-light,
.p-diet-calendar__month.u-bg-basic,
.p-diet-calendar__month.u-bg-expert,
.p-diet-calendar__month.u-bg-keep {
  font-weight: bold;
  color: #333333;
}
.p-diet-calendar__month[class*="bg-color-diet-"] {
  color: inherit;
  font-weight: bold;
}
/* =========================================================

p-total-elec-gus-oil-block

- ランキング

========================================================= */
.p-total-elec-gus-oil-block .a-electricity {
  color: #056b49;
  font-weight: bold;
}
.p-total-elec-gus-oil-block .a-gus {
  color: #ea5300;
  font-weight: bold;
}
.p-total-elec-gus-oil-block .a-oil {
  color: #6e6f44;
  font-weight: bold;
}
.p-total-elec-gus-oil-block .l-col-4 {
  text-align: center;
}
.p-total-elec-gus-oil-block [class^="b-icons"],
.p-total-elec-gus-oil-block [class*=" b-icons"] {
  font-size: 20px;
  margin-right: 3px;
  margin-bottom: 2px;
  margin-left: -4px;
  text-align: center;
  font-weight: normal;
}
.p-total-elec-gus-oi_head {
  text-align: center;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0;
  color: #666666;
}
/* =========================================================

p-diet-menu-block

========================================================= */
.p-diet-menu-block {
  padding-bottom: 20px;
  display: table;
  border-collapse: separate;
  /* セルの間隔を空ける */
  border-spacing: 10px 0;
  /* 左右 上下で記述 */
  table-layout: fixed;
  width: 100%;
}
.p-diet-menu__item {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
  text-align: center;
  padding: 10px ;
  /*	width:167px;*/
}
.p-diet-menu__icon {
  margin-bottom: 10px;
}
.p-diet-menu__icon .b-icon {
  display: inline-block;
  width: 1.4em !important;
  height: 1.4em !important;
  line-height: 1.4;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 30px;
}
.p-diet-menu__icon .b-icon.__bg-P01 {
  background-color: #3dc9a4 !important;
}
a.p-diet-menu__icon .b-icon.__bg-P01:hover,
a .p-diet-menu__icon .b-icon.__bg-P01:hover {
  background-color: #2ea586 !important;
}
.p-diet-menu__icon .b-icon.__bg-P02 {
  background-color: #a6c21f !important;
}
a.p-diet-menu__icon .b-icon.__bg-P02:hover,
a .p-diet-menu__icon .b-icon.__bg-P02:hover {
  background-color: #809618 !important;
}
.p-diet-menu__icon .b-icon.__bg-P03 {
  background-color: #67bf64 !important;
}
a.p-diet-menu__icon .b-icon.__bg-P03:hover,
a .p-diet-menu__icon .b-icon.__bg-P03:hover {
  background-color: #49aa46 !important;
}
.p-diet-menu__icon .b-icon.__bg-P04 {
  background-color: #5d9cec !important;
}
a.p-diet-menu__icon .b-icon.__bg-P04:hover,
a .p-diet-menu__icon .b-icon.__bg-P04:hover {
  background-color: #2f80e7 !important;
}
.p-diet-menu__head {
  color: #056b49;
  font-size: 20px;
  font-weight: bold;
}
.p-diet-menu__data-P01 {
  font-size: 40px;
  font-weight: bold;
}
.p-diet-menu__data-P02 {
  color: #056b49;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
.p-diet-menu__btn .b-nav-btn {
  padding: 10px;
  display: block;
}
.p-diet-menu__data-P03 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.p-diet-menu__data-P03 .a-month {
  font-size: 28px;
}
.__active .b-nav-btn.__primary {
  color: #000000;
  background-color: #ffbc00;
  border-color: #ffbc00;
  border-bottom: 2px solid #999999;
}
.__active .b-nav-btn.__primary:hover,
.__active .b-nav-btn.__primary:active,
.__active .b-nav-btn.__primary.active,
.open > .dropdown-toggle.__active .b-nav-btn.__primary {
  color: #000000;
  background-color: #dba200;
}
.__active .b-nav-btn.__primary:active,
.__active .b-nav-btn.__primary.active,
.open > .dropdown-toggle.__active .b-nav-btn.__primary {
  background-image: none;
}
.__active .b-nav-btn.__primary.disabled,
fieldset[disabled] .__active .b-nav-btn.__primary,
.__active .b-nav-btn.__primary.disabled:hover,
fieldset[disabled] .__active .b-nav-btn.__primary:hover,
.__active .b-nav-btn.__primary.disabled:active,
fieldset[disabled] .__active .b-nav-btn.__primary:active,
.__active .b-nav-btn.__primary.disabled.active,
fieldset[disabled] .__active .b-nav-btn.__primary.active {
  background-color: #ffbc00;
  border-color: #ffbc00;
}
.__active .b-nav-btn.__primary .badge {
  color: #ffbc00;
  background-color: #000000;
}
.p-diet-menu__item.__P02 .p-diet-menu__head {
  margin: 20px 0;
}
.p-diet-menu__item.__P03 .p-diet-menu__data-P02 {
  margin-bottom: 0;
}
.p-diet-menu__item.__P04 {
  padding-left: 20px;
  text-align: left;
}
.p-diet-menu__item.__P04 .p-diet-menu__head {
  margin: 20px 0 30px;
  font-size: 18px;
}
.p-diet-menu__item.__P04 .p-diet-menu__data-P04 {
  font-size: 20px;
  font-weight: bold;
}
/* =========================================================

p-setsuden-idea-block

========================================================= */
.p-setsuden-idea-block {
  background: #c5dc51;
  padding: 20px 10px 10px;
}
.p-setsuden-idea__header {
  padding: 0 10px;
}
.p-setsuden-idea__header .b-doc-head-P01 {
  margin-bottom: 10px;
}
.p-setsuden-idea__header .b-doc-note__item {
  color: #333333;
}
.p-setsuden-idea__content {
  background: #ffffff;
  height: 500px;
  overflow: auto;
}
.p-setsuden-idea__content.__disabled {
  background: #cccccc;
}
.p-setsuden-idea__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.p-setsuden-idea__table .__item__even {
  background-color: #f3f8da;
}
.p-setsuden-idea__table th,
.p-setsuden-idea__table td {
  text-align: left;
  font-weight: normal;
  padding: 0 10px;
  vertical-align: top;
}
.p-setsuden-idea__table th {
  font-size: 20px;
  padding: 15px 0 10px 10px;
}
.p-setsuden-idea__table td [class^="b-icons"],
.p-setsuden-idea__table td [class*=" b-icons"] {
  font-size: 20px;
  color: #999999;
  vertical-align: 0px;
}
.p-setsuden-idea__table tr td:first-child {
  width: 197px;
}
.p-setsuden-idea__table tr td:last-child {
  white-space: nowrap;
}
.p-setsuden-idea__head {
  color: #056b49;
}
.p-setsuden-idea__head .b-doc-small {
  font-size: 14px;
}
.p-setsuden-idea__head span[class^="b-icons"] {
  margin: 0 14px;
  font-size: 24px;
}
.p-setsuden-idea__content.__disabled {
  background: #dddddd;
}
.p-setsuden-idea__content.__disabled .b-form-chek-list-block.__wi-few .b-form-chek-list__item {
  background: #dddddd;
}
.p-setsuden-idea__content.__disabled .p-setsuden-idea__table .__item__even {
  background: #dddddd;
}
.p-setsuden-idea__data-P01 {
  color: #056b49;
  font-size: 30px;
  line-height: 1;
}
.p-setsuden-idea__footer {
  margin-top: 10px;
}
.p-setsuden-idea__data-P02 {
  margin-top: 10px;
  font-size: 20px;
}
.p-setsuden-idea__data-total {
  font-size: 20px;
  text-align: right;
}
.p-setsuden-idea__data-total .__total-val {
  display: inline-block;
  vertical-align: middle;
  background: #ffffff;
  line-height: 1;
  font-size: 30px;
  padding: 10px;
  color: #056b49;
}
.p-setsuden-idea__data-total .__total-val .u-text-unit {
  font-size: 14px;
}
.p-setsuden-idea-block .b-form-chek-list-block {
  margin-bottom: 20px;
}
.p-setsuden-idea__note {
  background-color: #FFC;
  padding: 20px;
  margin: 0;
}
.p-setsuden-idea__note .a-head {
  font-size: 14px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 5px;
}
.p-setsuden-idea__note .b-doc-note {
  margin-bottom: 10px;
}
.p-setsuden-idea__note .b-doc-note .b-doc-note__item {
  color: #333333;
}
.p-setsuden-idea__note .a-quotation {
  font-size: 12px;
  color: #777777;
}
/* =========================================================

p-alert-data-slider-block

========================================================= */
.p-alert-data-slider-block {
  margin-bottom: 20px;
}
/*02-08-06*/
.p-alert-data-slider__data-P01 {
  margin: 0;
  font-size: 12px;
}
.p-alert-data-slider__data-P01 dt {
  padding-bottom: 0;
  font-weight: normal;
}
.p-alert-data-slider__data-P01 dd {
  line-height: inherit;
  margin: 0;
}
.p-alert-data-slider__data-P01 .p-alert-data-slider__data-P01__value {
  font-size: 30px;
  color: #0067b0;
}
.p-alert-data-slider__data-P01 input[type=text] {
  width: 80px;
  vertical-align: bottom;
  margin-bottom: 0;
  margin-right: 3px;
  font-size: 30px;
  color: #0067b0;
  padding: 0 5px;
  line-height: 1;
  text-align: right;
  display: inline-block;
}
/* =========================================================

p-qa-content-block

========================================================= */
.p-qa-content-block {
  display: table;
  width: 100%;
}
.p-qa__row {
  display: table-row;
}
.p-qa__icon {
  display: table-cell;
  width: 100px;
  padding: 20px;
  background: #67bf64;
  vertical-align: middle;
  text-align: center;
}
.p-qa__icon [class^="b-icons"] {
  color: #ffffff;
  font-size: 44px;
}
.p-qa__row.__A .p-qa__icon {
  background: #ffbc00;
}
.p-qa__text {
  display: table-cell;
  padding: 20px;
  vertical-align: middle;
  text-align: left;
}
.p-qa__row.__Q .p-qa__text {
  font-size: 16px;
  line-height: 1.4;
  color: #056b49;
}
/* =========================================================

p-glossary-block

========================================================= */
.p-glossary__nev-block {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #f1f1f1;
  border-bottom: 2px solid #DDD;
}
.p-glossary__nev-block li {
  margin: 0;
  padding: 0;
}
.p-glossary__nev-block a {
  display: block;
  color: #000;
  padding: 20px 15px;
  text-align: center;
  position: relative;
}
.p-glossary__nev-block a:hover,
.p-glossary__nev-block a.active {
  background: #67bf64;
}
.p-glossary__nev-block a.active:after {
  font-family: 'icons';
  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;
  display: inline-block;
  vertical-align: middle;
  content: "\e610";
  font-size: 16px;
  position: absolute;
  top: 22px;
  left: 210px;
}
.p-glossary__nev-block__icon {
  font-size: 26px;
  margin-right: 8px;
  color: #133a24;
}
.p-glossary__head {
  margin: 0;
  padding: 0;
  position: relative;
  padding: 10px 20px;
  background: #cccccc;
}
.p-glossary__head-text {
  margin: 0;
  padding: 0 120px 0 0;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.2;
}
.p-glossary__nav-goto-pagetop {
  display: block;
  width: auto;
  height: inherit;
  position: absolute;
  top: 14px;
  right: 10px;
  margin: 0;
  line-height: 1;
  color: #333;
  font-size: 12px;
  color: #056b49;
}
a.p-glossary__nav-goto-pagetop:hover {
  color: #033a28;
}
.p-glossary__content {
  padding: 10px 20px;
  font-size: 14px;
}
/* =========================================================

p-past-three-months-block

- 過去３ヵ月の詳しい検針結果

========================================================= */
.p-past-three-months-block .a-unit {
  font-weight: normal;
  font-size: 12px;
}
.p-past-three-months-block .b-doc-label-P01 {
  margin-bottom: 10px;
}
.p-past-three-months__user-name {
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0;
}
.p-past-three-months__summary-data-P01 {
  text-align: center;
}
.p-past-three-months__summary-data-P01 .a-head {
  font-weight: bold;
  color: #056b49;
  margin-bottom: 20px;
}
.p-past-three-months__summary-data-P01 .a-head._P02 {
  margin: 30px 0;
}
.p-past-three-months__summary-data-P01 .a-data-P01 {
  font-size: 36px;
  font-weight: bold;
}
.p-past-three-months__summary-data-P01 .a-data-P01 [class^="b-icons"],
.p-past-three-months__summary-data-P01 .a-data-P01 [class*=" b-icons"] {
  color: #67bf64;
  font-size: 48px;
  margin-right: 8px;
  vertical-align: -4px;
}
.p-past-three-months__summary-data-P02 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.p-past-three-months__summary-data-P02 th,
.p-past-three-months__summary-data-P02 td {
  border-bottom: 1px solid #DDD;
  padding: 8px 16px;
  text-align: left;
  font-size: 14px;
  line-height: 1.2;
  vertical-align: baseline;
}
.p-past-three-months__summary-data-P02 th {
  color: #056b49;
}
.p-past-three-months__summary-data-P02 td {
  font-weight: bold;
}
.p-past-three-months__summary-data-P02._P02 {
  margin: 20px 0;
}
.p-past-three-months__co2 {
  text-align: center;
}
.p-past-three-months__co2 .a-head {
  color: #056b49;
  font-weight: bold;
}
.p-past-three-months__co2 .a-data-P01 {
  font-size: 24px;
  margin-top: -16px;
}
.p-past-three-months__co2 .a-data-P01 [class^="b-icons"],
.p-past-three-months__co2 .a-data-P01 [class*=" b-icons"] {
  color: #67bf64;
  font-size: 48px;
  margin-right: 12px;
  margin-top: 20px;
  vertical-align: -4px;
}
.accordion-content {
  display: none;
}
/* =========================================================

p-graph

- 過去３ヵ月の詳しい検針結果
- ランキング

========================================================= */
.p-graph .a-unit {
  font-weight: normal;
  font-size: 12px;
}
.p-graph__description {
  float: right;
  display: table;
  margin-right: 10px;
}
.p-graph__description .a-item {
  display: table-cell;
  padding: 5px;
  vertical-align: bottom;
  font-size: 12px;
}
.p-graph__description .a-item [class^="b-icons"],
.p-graph__description .a-item [class*=" b-icons"] {
  font-size: 18px;
  padding-right: 6px;
}
.p-graph__description .a-item .a-fukidashi {
  background: #666;
  color: #fff;
  width: 32px;
  margin: 0 0 5px -7px;
  padding: 3px 0 0 0;
  text-align: center;
  position: relative;
  font-size: 11px;
}
.p-graph__description .a-item .a-fukidashi:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  border: 16px solid transparent;
  border-top: 4px solid #666;
}
.p-graph__description .a-item .b-icons-quadrangle {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #CCCCCC;
  margin-right: 8px;
}
.p-graph__description .a-item.__month-P02 .b-icons-quadrangle {
  width: 6px;
  margin-left: 3px;
}
.p-graph__description .a-item.__month-P03 {
  padding-right: 16px;
}
.p-graph__description .a-item.__month-P04 [class^="b-icons"],
.p-graph__description .a-item.__month-P04 [class*=" b-icons"] {
  color: #6E6E6F;
}
.p-graph__description .a-item.__month-P05 [class^="b-icons"],
.p-graph__description .a-item.__month-P05 [class*=" b-icons"] {
  font-size: 10px;
  color: #217C77;
  margin-top: -2px;
}
.p-graph__description .a-item.__month-P06 [class^="b-icons"],
.p-graph__description .a-item.__month-P06 [class*=" b-icons"] {
  font-size: 14px;
  color: #056B49;
  margin-top: -2px;
}
.p-graph__description .a-item.__day-P01 .b-icons-quadrangle {
  width: 8px;
}
.p-graph__description .a-item.__day-P04 {
  padding-right: 16px;
}
.p-graph__description .a-item.__day-P04 [class^="b-icons"],
.p-graph__description .a-item.__day-P04 [class*=" b-icons"] {
  font-size: 28px;
  padding-right: 0;
}
.p-graph__description .a-item.__day-P04 .a-label {
  margin: 0 8px 6px 0;
}
.p-graph__description .a-item.__day-P05 [class^="b-icons"],
.p-graph__description .a-item.__day-P05 [class*=" b-icons"] {
  font-size: 28px;
}
.p-graph__description .a-item.__day-P05 .a-label {
  margin: 0 8px 6px 0;
}
.p-graph__description .a-item.__day-P07 .b-icons-quadrangle {
  width: 6px;
  height: 12px;
}
.p-graph__description .a-item.__hour-P01 .b-icons-quadrangle,
.p-graph__description .a-item.__hour-P02 .b-icons-quadrangle,
.p-graph__description .a-item.__hour-P03 .b-icons-quadrangle {
  width: 6px;
  height: 12px;
}
.p-graph__description .a-item.__year-P01 [class^="b-icons"],
.p-graph__description .a-item.__year-P01 [class*=" b-icons"] {
  font-size: 14px;
  color: #96e0e0;
  margin-top: -2px;
}
.p-graph__description .a-item.__year-P02 [class^="b-icons"],
.p-graph__description .a-item.__year-P02 [class*=" b-icons"] {
  font-size: 14px;
  color: #c4deaf;
  margin-top: -2px;
}
.p-graph-note {
  text-align: right;
  margin: 0 30px 5px;
  color: #666666;
  font-size: 12px;
}
.p-graph-note [class^="b-icons"],
.p-graph-note [class*=" b-icons"] {
  font-size: 18px;
  margin: -1px 8px 0 0;
}
.p-graph-icon {
  display: inline-block;
  width: 16px;
  height: 10px;
  position: relative;
  margin-right: 3px;
}
.p-graph-icon:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 2px solid #333333;
  border-radius: 50%;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
}
.p-graph-icon:after {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 16px;
  height: 2px;
  background-color: #333333;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.p-graph.__report-P01 {
  background-color: #FFFFFF;
  padding: 10px 0;
}
.p-graph.__report-P01:before,
.p-graph.__report-P01:after {
  content: " ";
  display: table;
}
.p-graph.__report-P01:after {
  clear: both;
}
.p-graph.__report-P01 .a-unit {
  font-size: 11px;
}
.p-graph.__report-P01 .a-report-P01-content {
  float: left;
  width: 515px;
}
.p-graph.__report-P01 .a-report-P01-content__description:before,
.p-graph.__report-P01 .a-report-P01-content__description:after {
  content: " ";
  display: table;
}
.p-graph.__report-P01 .a-report-P01-content__description:after {
  clear: both;
}
.p-graph.__report-P01 .a-report-P01-content__description .a-item {
  float: right;
  margin-right: 10px;
  font-size: 12px;
}
.p-graph.__report-P01 .a-report-P01-content__description .a-item [class^="b-icons"],
.p-graph.__report-P01 .a-report-P01-content__description .a-item [class*=" b-icons"] {
  margin-right: 5px;
  font-size: 10px;
  color: #0477b7;
}
.p-graph.__report-P01 .a-report-P01-content__description .a-item [class^="b-icons"].a-present,
.p-graph.__report-P01 .a-report-P01-content__description .a-item [class*=" b-icons"].a-present {
  color: #a6c21f;
}
.p-graph.__report-P01 .a-report-P01-content__description .a-item [class^="b-icons"].a-last-year,
.p-graph.__report-P01 .a-report-P01-content__description .a-item [class*=" b-icons"].a-last-year {
  color: #0477b7;
}
.p-graph.__report-P01 .a-report-P01-text {
  float: right;
  width: 200px;
  border-left: 1px solid #CCC;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-head {
  font-size: 12px;
  margin: 0 5px 10px 10px;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table tr > td {
  height: 50px;
  vertical-align: middle;
  text-align: left;
  font-size: 14px;
  border-top: 1px solid #DDD;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table tr:first-child > td {
  border-top: none;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table .a-data-P01 {
  width: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table .a-data-P02 {
  width: 80px;
  font-weight: bold;
  font-size: 13px;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table .a-data-P03 {
  width: 70px;
  font-size: 13px;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table .active td {
  background-color: #a6c21f;
}
.p-graph.__report-P01 .a-report-P01-text .a-report-P01-text-table .active .a-data-P01 {
  color: #056b49;
}
.p-graph-ranking-user-info__item {
  margin-top: 0px;
  text-align: center;
  font-size: 12px;
}
/* =========================================================

p-graph-alert-block

========================================================= */
.p-graph-alert-block {
  text-align: center;
  padding: 40px 40px 60px 40px;
}
.p-graph-alert__icon {
  font-size: 64px;
  color: #056b49;
}
.p-graph-alert__text {
  font-size: 20px;
}
.p-modal-open {
  overflow: hidden;
}
.p-modal {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  background-color: rgba(51, 51, 51, 0.6);
  outline: 0;
}
.p-modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
  padding-top: 20px;
}
.p-modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.p-modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
}
.p-modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.p-modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.p-modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.5px;
}
.p-modal-header .close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
  margin-top: -2px;
}
.p-modal-title {
  margin: 0;
  line-height: 1.5;
}
.p-modal-body {
  position: relative;
  padding: 10px;
}
.p-modal-footer {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.p-modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.p-modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.p-modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.p-modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .p-modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .p-modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .p-modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .p-modal-lg {
    width: 900px;
  }
}
/* =========================================================

p-tooltip-block

========================================================= */
.p-tooltip-block {
  clear: both;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #e9f7e8;
  -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.8);
  overflow: hidden;
  position: absolute;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  border: 10px solid #67bf64;
  outline: 0;
  width: 280px;
}
.p-tooltip-block.is-show {
  display: block;
}
.p-tooltip-content {
  background-clip: padding-box;
  outline: 0;
}
.p-tooltip-header {
  padding: 15px 15px 5px 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.5px;
}
.p-tooltip-header .close {
  float: right;
  font-size: 12px;
  line-height: 1;
  background: none;
  border: none;
  margin: -8px -8px 0 0;
  color: #CCCCCC;
  outline: 0;
}
.p-tooltip-header .close:hover {
  color: #999999;
  cursor: pointer;
}
.p-tooltip-header .close:active,
.p-tooltip-header .close:focus {
  outline: 0;
  background: none;
}
.p-tooltip-head {
  margin: 0;
  line-height: 1.5;
  font-size: 13px;
  color: #056b49;
  font-weight: bold;
}
.p-tooltip-body {
  position: relative;
  padding: 10px 15px 5px 15px;
  font-size: 12px;
}

.p-tooltip-body .b-doc-p {
  font-size: 12px;
}
.p-tooltip-footer {
  padding: 5px 15px 15px 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}
/* =========================================================

p-touroku-nagare

- 新規登録の流れ、よくあるご質問

========================================================= */
.p-touroku-nagare__sec {
  margin-bottom: 25px;
}
.p-touroku-nagare__sec .a-head {
  font-size: 16px;
  line-height: 1.4;
  color: #056b49;
  margin-bottom: 10px;
}
.p-touroku-nagare__sec .a-low-block {
  display: table;
}
.p-touroku-nagare__sec .a-fig-block.__w-240 {
  display: table-cell;
  width: 242px;
}
.p-touroku-nagare__sec .a-fig-block.__w-240 img {
  border: 1px solid #CCCCCC;
  margin-bottom: 10px;
}
.p-touroku-nagare__sec .a-text-block {
  display: table-cell;
  padding-left: 20px;
  vertical-align: top;
}
.p-touroku-nagare__sec .a-text-block p {
  margin: 0 0 10px 0;
}
/* =========================================================

Headings

見出し関連

========================================================= */
/* head-primary
======================================== */
.p-doc-head-primary-P01 {
  color: #056b49;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  padding: 0;
  margin: 0 0 20px 0;
}
/* head-primary-bg
======================================== */
.p-con-head-bg {
  padding: 16px 20px;
  background: #c5dc51;
}
.p-con-head-bg .p-con-title {
  margin: 0;
  color: #333;
  line-height: 1;
}
.p-con-head-bg .p-con-title [class^="b-icons"],
.p-con-head-bg .p-con-title [class*=" b-icons"] {
  color: #FFFFFF;
  vertical-align: baseline;
}
.p-con-head-bg .b-icons {
  margin-right: 10px;
}
/* .p-doc-head-attention
======================================== */
.p-doc-head-attention {
  color: #ff4d4e;
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
  margin: 15px 15px 0;
  display: inline-block;
}
.p-doc-head-attention .b-icon {
  margin-right: 5px;
  font-size: 28px;
}
/* 黄緑ヘッダー アイコン色指定
======================================== */
.__primary-P02 .b-doc-head-bg__text .b-icons01 {
  font-size: 28px;
  margin-right: 7px;
  color: #ffffff;
}
/* =========================================================

Panels

パネル関連

========================================================= */
/* head-primary
======================================== */
.p-base-panel-P01 {
  background: #e2e2e2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin: 7px 7px 14px;
}
.p-base-panel-P02 {
  text-align: center;
  height: 170px;
}
/* =========================================================

Bakground

背景関連

========================================================= */
/* p-doc-bg
======================================== */
.p-doc-bg-P01 {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #e9f7e8;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  overflow: hidden;
  width: 98%;
  margin: 0 1%;
}
.p-doc-bg-P02 {
  clear: both;
  background: #ffffff;
  padding: 0;
}
.p-doc-bg-P03 {
  height: 80px;
}
/* =========================================================

Button

パネル型ボタン関連

========================================================= */
/* head-primary
======================================== */
/* コンテンツ部分 共通パネル部品 */
.p-con-panel {
  display: inline-block;
  width: 718px;
  padding: 0;
}
/* 3分割パネルボタン */
.p-con-panel-col4 {
  float: left;
  width: 230px;
  height: 200px;
  overflow: hidden;
  background: #ffffff;
  text-align: center;
  margin: 14px 7px 14px 0;
}
.p-con-panel-col4:first-child {
  margin: 14px 7px;
}
.p-con-btn-col4 {
  height: 200px;
  overflow: hidden;
  background: #ffffff;
  text-align: center;
  display: block;
  margin: 7px;
}
.p-con-btn-col4__icon {
  color: #67bf64;
  font-size: 24px;
  line-height: 1;
  margin-top: 10px;
}
.p-con-btn-col4__icon-P1 {
  color: #67bf64;
  font-size: 35px;
  line-height: 1;
  margin-top: 8px;
  height: 37px;
}
.p-con-btn-col4__icon-P2 {
  color: #67bf64;
  font-size: 40px;
  line-height: 1;
  margin-top: 5px;
  height: 40px;
}
.p-con-btn-col4__icon span {
  margin-right: 10px;
}
.p-con-btn-col4__icon span:last-child {
  margin-right: 0;
}
.p-con-btn-col4__text {
  display: table;
  width: 100%;
  height: 85px;
  line-height: 1.3;
}
.p-con-btn-col4__text p {
  display: table-cell;
  vertical-align: middle;
}
.p-con-btn-col4__text span {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}
.p-con-btn-col4__btn {
  display: block;
  font-size: 18px;
  padding: 10px 14px;
}
.p-con-btn-col4__btn .b-icons21 {
  color: #ffffff;
  margin-left: 5px;
}
.p-con-btn-col4__btn:hover,
.p-con-btn-col4__btn::active {
  color: #000000;
  background-color: #4eb54b;
}
/* コンテンツ部分 下部 */
.p-doc-label-P01 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  color: #056b49;
  margin-bottom: 4px;
}
/* 2分割パネルボタン */
.p-con-panel-col6 {
  float: left;
  width: 348.5px;
  background: #ffffff;
  margin: 14px 7px 14px 0;
}
.p-con-panel-col6:first-child {
  margin: 14px 7px;
}
.p-con-btn-col6__text {
  display: table;
  width: 100%;
  height: 85px;
  line-height: 1.3;
  font-size: 20px;
}
.p-con-panel-col6 .__icons {
  color: #67bf64;
  font-size: 42px;
}
.p-con-btn-col6__text p {
  display: table-cell;
  vertical-align: middle;
}
.p-con-btn-col6__text span {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}
.p-con-btn-col6__btn {
  display: inline-block;
  font-size: 18px;
  padding: 10px 29px;
}
.p-con-btn-col6__btn .b-icons21 {
  color: #ffffff;
  margin-left: 5px;
}
.p-con-btn-col6__btn:hover,
.p-con-btn-col6__btn::active {
  color: #000000;
  background-color: #4eb54b;
}
.u-text-yellow {
  color: #ffbc00;
}
.p-con-list__check {
  list-style: none;
  font-size: 12px !important;
  padding: 0;
}
.p-con-list__check li .b-icons65 {
  color: #ffbc00;
  font-size: 16px;
}
.p-con-list__check li {
  margin-top: 5px;
}
.p-con-list__check li:first-child {
  margin-top: 0;
}
/* =========================================================

p-login

- はぴeみる電サービストップ

========================================================= */
.p-login {
  margin-top: -53px;
  padding-top: 30px;
  height: 533px;
}
.p-form-block {
  margin: 0 14px 20px;
}
.p-form-block .b-form-control,
.p-form-block .b-nav-btn {
  margin-bottom: 15px;
}
.p-form-block input[type="text"],
.p-form-block input[type="password"] {
  background: url(../img/top/top_login01.png) no-repeat left top;
  padding-left: 26px;
}
.p-form-block input[type="password"] {
  background: url(../img/top/top_login02.png) no-repeat left top;
}
.p-form-block .b-nav-btn [class^="b-icons"],
.p-form-block .b-nav-btn [class*=" b-icons"] {
  margin-right: 10px;
  font-size: 20px;
}
.p-form-block .b-form-error-block {
  margin: -10px 0 5px;
}
.p-form-block .b-capy-puzzle {
  width: 200px;
  margin-right:auto;
  margin-left:auto;
}
.p-id-pass-block {
  margin: 0 14px  10px;
}
.p-sns-login__head {
  margin: 0;
  font-weight: bold;
  text-align: center;
}
.p-sns-login__content {
  width: 220px;
  margin: 0 auto;
}
.p-sns-login__content:before,
.p-sns-login__content:after {
  content: " ";
  display: table;
}
.p-sns-login__content:after {
  clear: both;
}
.p-sns-login__item {
  float: left;
  margin: 8px;
}
.p-sns-login__item .a-nav {
  display: block;
}
.p-sns-login__item .a-nav:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

.p-sns-login__content-baloon {
    display: none;
    box-sizing: border-box;
    background-color: #ddd;
    border: 2px solid #ccc;
    position: relative;
    z-index: 1;
    padding: 14px;
    padding-bottom: 0;
    width: auto;
    text-align: center;
}

.p-sns-login__content-baloon:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 10px 10px 10px;
    border-color: transparent transparent #ccc transparent;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    z-index: 1;
}

.p-sns-login__content-baloon .p-sns-login__item {
    float: none;
    margin: 0;
    margin-bottom: 25px;
    display: inline-block;
    width: 150px;
}

.p-sns-login__content-baloon.__P02 .p-sns-login__item {
    padding: 0 15px;
    vertical-align: top;
}

.p-sns-login__content-baloon .p-sns-login__item img {
    width: 100%;
    height: auto;
}
/* =========================================================

p-member-registration

- はぴeみる電サービストップ

========================================================= */
.p-member-registration {
  padding: 13px 10px 10px 10px;
}
.p-member-registration__head {
  text-align: center;
}
.p-member-registration__head [class^="b-icons"],
.p-member-registration__head [class*=" b-icons"] {
  font-size: 36px;
  color: #ffbc00;
}
.p-member-registration__head .a-text {
  font-size: 20px;
  margin-bottom: 15px;
}
.p-member-registration__head .a-small {
  font-size: 14px;
}
.p-member-registration__btn .b-nav-btn {
  position: relative;
  margin: 4px 0;
  padding: 6px 10px;
  text-align: left;
  font-size: 16px;
  line-height: 1.2;
}
.p-member-registration__btn .b-nav-btn [class^="b-icons"],
.p-member-registration__btn .b-nav-btn [class*=" b-icons"] {
  position: absolute;
  top: 18px;
  right: 10px;
  font-size: 24px;
  color: #FFFFFF;
}
.p-member-registration__btn .a-small {
  font-size: 12px;
}
.p-member-registration.__merit .p-member-registration__head {
  margin-bottom: 10px;
  text-align: center;
}
.p-member-registration.__merit .p-member-registration__head [class^="b-icons"],
.p-member-registration.__merit .p-member-registration__head [class*=" b-icons"] {
  font-size: 48px;
}
.p-member-registration.__merit .p-member-registration__head .a-text {
  display: block;
  font-size: 36px;
}
.p-member-registration.__merit .p-member-registration__head .a-small {
  font-size: 20px;
}
.p-member-registration.__merit .p-member-registration__btn .l-col-4 {
  padding: 0 4px;
}
.p-member-registration.__merit .p-member-registration__btn .b-nav-btn {
  padding: 20px 10px;
  font-size: 20px;
}
.p-member-registration.__merit .p-member-registration__btn .a-small {
  font-size: 14px;
}
/* =========================================================

p-bunner-P01

========================================================= */
.p-bunner-P01 a {
  height: 65px;
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-bunner-P01 a:hover {
  text-decoration: none;
}
.p-bunner-P01__icons {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  width: 45px;
  color: #ffffff;
  font-size: 24px;
  text-align: center;
}
.p-bunner-P01__head {
  display: table-cell;
  padding-top: 3px;
  vertical-align: middle;
  line-height: 1.2;
}
.p-bunner-P01 .b-badge {
  position: absolute;
  font-size: 10px;
  top: 7px;
  right: 7px;
}
/*=========================================================

p-bunner-P02

- マイページトップ
- 電気を賢く上手にダイエット > 今月の目標

=========================================================*/
.p-bunner-P02 a {
  display: table;
  background-color: #67bf64 !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-bunner-P02 a:hover {
  background-color: #49aa46 !important;
}
.p-bunner-P02 a:hover {
  text-decoration: none;
}
.p-bunner-P02__icons {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: 50px auto 0;
  background: #ffffff;
  border-radius: 50%;
}
.p-bunner-P02__icons [class^="b-icons"],
.p-bunner-P02__icons [class*="b-icons"] {
  font-size: 64px;
  color: #056b49;
}
.p-bunner-P02__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P02__icons-P02 [class^="b-icons"],
.p-bunner-P02__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P02__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto 20px;
}
.p-bunner-P02__icons-add [class^="b-icons"],
.p-bunner-P02__icons-add [class*="b-icons"] {
  font-size: 72px;
  color: #FFFFFF;
}
.p-bunner-P02__badge {
  text-align: center;
  margin: -5px auto 10px;
}
.p-bunner-P02__badge .b-badge {
  padding: 6px 20px 4px;
  font-size: 14px;
}
.p-bunner-P02__badge .b-badge .a-unit {
  font-size: 10px;
}
.p-bunner-P02__head {
  text-align: center;
  font-size: 20px;
}
.p-bunner-P02__lead {
  margin-top: 10px;
  text-align: center;
  line-height: 1.2;
}
.p-bunner-P02.__hikkoshi .p-bunner-P02__icons-P02 {
  margin-top: 40px;
}
.p-bunner-P02.__hikkoshi .p-bunner-P02__icons-P02 [class^="b-icons"],
.p-bunner-P02.__hikkoshi .p-bunner-P02__icons-P02 [class*=" b-icons"] {
  font-size: 36px;
}
.p-bunner-P02 a.disable,
.p-bunner-P02 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P02 a.disable img,
.p-bunner-P02 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P02 a.disable .p-bunner-P02__icons [class^="b-icons"],
.p-bunner-P02 a.disable .p-bunner-P02__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P03

- マイページトップ
- 電気を賢く上手にダイエット > 今月の目標

=========================================================*/
.p-bunner-P03 {
  background-color: #67bf64 !important;
}
.p-bunner-P03:hover {
  background-color: #49aa46 !important;
}
.p-bunner-P03 a {
  display: table;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-bunner-P03 a:hover {
  text-decoration: none;
}
.p-bunner-P03__icons {
  display: table-cell;
  box-sizing: border-box;
  width: 64px;
  text-align: center;
  vertical-align: middle;
  font-size: 36px;
  color: #ffffff;
}
.p-bunner-P03__head {
  display: table-cell;
  box-sizing: border-box;
  text-align: left;
  vertical-align: middle;
}
/* =========================================================

p-btn

========================================================= */
.p-btn {
  display: block;
  text-align: center;
  font-size: 16px;
  width: auto;
  height: inherit;
}
.p-btn .b-icons:before {
  display: block;
  font-size: 64px;
  border: 1px solid #C00;
  clip: rect(60px 60px 60px 60px);
}
.p-btn--data-area {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 84px;
  left: 0;
  top: 50%;
  z-index: 10;
}
.p-btn--data-area-P01 {
  top: 58.5%;
}
.p-btn--new-area {
  font-size: 13px;
  padding: 4px;
  position: absolute;
  top: 23px;
  left: 106px;
  z-index: 10;
}
.p-btn.disable,
.p-btn.disable:hover {
  /*background:lighten(desaturate(spin(@primaryL1, -5), 10%), 15%);*/
  background: #b1b6af;
  /*color:darken(desaturate(spin(@primaryL1, 11), 28%), 10%);*/
  color: #757b77;
}
.p-btn.disable .top-mainmenu__icon:before {
  background: #757b77;
}
/* =========================================================

p-btn-P02

========================================================= */
.p-btn-P02 {
  display: block;
  width: auto;
  margin-bottom: 10px;
}
.p-btn-P02__a {
  width: 100%;
  display: block;
}
/*.p-btn-P02__a:after {
	font-family: 'icons';
	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;
	display: inline-block;
	vertical-align: middle;
	content: "\e614";
	width: 24px;
	height: 24px;
	font-size: 24px;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	left: auto;
	margin: auto;
 color:@brand-primary-P02;
}*/
.p-btn-P02__a:hover {
  background-color: #e9f7e8;
}
.p-btn-P02__index-content {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 20px 40px 20px 20px;
  vertical-align: bottom;
}
.p-btn-P02__index-content div {
  margin-bottom: 0;
  font-weight: normal;
}
.p-btn-P02__index-content div:hover {
  text-decoration: none;
}
.p-btn-P02__index-content .b-doc-label-primary-P01 {
  margin-bottom: 5px;
}
/**/
.p-btn-P02__index-content.__trouble .b-doc-label-primary-P01 {
  margin-bottom: 0;
}
.p-btn-P02__index-content.__trouble .b-doc-label-primary-P01 [class^="b-icons"],
.p-btn-P02__index-content.__trouble .b-doc-label-primary-P01 [class*=" b-icons"] {
  font-size: 36px;
  margin-right: 10px;
  display: table-cell;
  vertical-align: middle;
  color: #67bf64;
}
.p-btn-P02__index-content.__trouble .b-doc-label-primary-P01 .p-btn-P02__trouble-text {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
/**/
.p-btn-P02__index-content.__index-news {
  padding-left: 40px;
}
.p-btn-P02__index-content.__index-news:before {
  font-family: 'icons';
  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;
  display: inline-block;
  vertical-align: middle;
  content: "\e61c";
  font-size: 10px;
  position: absolute;
  top: 28px;
  left: 16px;
  color: #67bf64;
}
.p-btn-P02__index-content.__index-campaign {
  padding: 0;
}
.p-btn-P02__index-content.__index-campaign:before,
.p-btn-P02__index-content.__index-campaign:after {
  content: " ";
  display: table;
}
.p-btn-P02__index-content.__index-campaign:after {
  clear: both;
}
.p-btn-P02__index-content.__index-campaign .a-thumbnail {
  float: left;
  width: 230px;
}
.p-btn-P02__index-content.__index-campaign .a-content {
  float: left;
  width: 420px;
  padding: 10px;
}
.p-btn-P02__index-content.__index-campaign .a-content .a-new {
  font-size: 12px;
  color: #056b49;
  margin-bottom: 0;
}
.p-btn-P02__index-content.__index-campaign .a-content .a-head {
  font-size: 14px;
  color: #056b49;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-btn-P02__index-content.__index-campaign .a-content .a-lead {
  font-size: 12px;
}
.p-btn-P02__a .p-qa-content-block {
  width: 100%;
  min-height: 100px;
}
.p-btn-P02__a .p-qa-content-block .p-qa__text {
  padding-right: 40px;
  color: #056b49;
}
a.p-btn-P02__a .p-qa-content-block .p-qa__text:hover {
  color: #033a28;
}
/* =========================================================

p-bunner-box

========================================================= */
.p-thumbnail a {
  display: block;
}
.p-thumbnail__img {
  width: auto;
  height: 120px;
  overflow: hidden;
  margin-bottom: 8px;
}
.p-thumbnail__img img {
  height: inherit;
}
.p-thumbnail__content {
  padding-left: 45px;
  padding-right: 10px;
}
.p-thumbnail__title {
  margin: 0;
  font-size: 14px;
  margin-bottom: 3px;
  line-height: 1.3;
}
.p-thumbnail .b-doc-p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}
.p-thumbnail .b-icons {
  position: absolute;
  top: 130px;
  left: 10px;
  font-size: 23px;
  color: #67bf64;
}
/* =========================================================

p-thumbnail-P02

========================================================= */
.p-thumbnail-P02 a {
  display: block;
}
.p-thumbnail-P02 img {
  height: auto;
}
.p-thumbnail-P02__recommend {
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  background: #ffbc00;
  color: #000000;
  padding: 6px 10px 4px;
}
.p-thumbnail-P02__recommend:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 30px;
  left: 17px;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #ffbc00 transparent transparent transparent;
  z-index: 10;
}
/* =========================================================

p-user-info

========================================================= */
.p-user-info {
  margin-top: -58px;
  height: auto;
}
.p-user-info .b-nav-btn-em .b-nav-btn-em__content {
  padding: 10px;
}
.p-user-info .b-nav-btn-em .b-nav-btn-em__icon-right {
  width: 50px;
}
.no-page-info,
.no-page-info .side .panel--login,
.no-page-info .side .p-user-info {
  margin-top: 7px;
}
.p-user-info__weather {
  box-sizing: border-box;
  width: 230px;
  height: 84px;
  background: url(../img/weather/bg-weather-100.jpg) no-repeat left top;
  position: relative;
  z-index: 0;
}
.p-user-info__weather.__ID100 {
  background: url(../img/weather/bg-weather-100.jpg) no-repeat left top;
}
.p-user-info__weather.__ID200 {
  background: url(../img/weather/bg-weather-200.jpg) no-repeat left top;
}
.p-user-info__weather.__ID300 {
  background: url(../img/weather/bg-weather-300.jpg) no-repeat left top;
}
.p-user-info__weather.__ID400 {
  background: url(../img/weather/bg-weather-400.jpg) no-repeat left top;
}
.p-user-info__weather-title {
  position: absolute;
  left: 5px;
  top: 5px;
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
  word-spacing: 0px;
}
.p-user-info__weather-data {
  padding-top: 27px;
  text-align: center;
  font-size: 24px;
  color: #ffffff;
}
.p-user-info__weather-data .b-icons-weather {
  margin: -4px 0 0 0px;
  font-size: 40px;
}
.p-user-info__weather-update {
  position: absolute;
  right: 5px;
  bottom: 3px;
  font-size: 12px;
  color: #ffffff;
  line-height: 1;
  word-spacing: 0px;
}
.p-user-info .l-gutters-box {
  padding: 15px;
}
.p-user-info__avatar-icon {
  position: relative;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 34px;
  margin: -33px 0 0 -4px;
  z-index: 1;
}
.p-user-info__name {
  margin-top: -5px;
  font-size: 20px;
  z-index: 100;
  position: relative;
}
.p-user-info__data dt {
  margin-top: 15px;
  margin-bottom: 3px;
  font-size: 12px;
}
.p-user-info__data dd {
  margin: 0;
  margin-bottom: 3px;
  font-size: 16px;
  line-height: 1.2;
}
.p-user-info__link-add {
  margin-top: 25px;
  font-size: 12px;
  vertical-align: middle;
}
.p-user-info__link-add .b-icons28 {
  margin: -2px 5px 0 0;
}
.p-user-info__link-updata {
  margin-top: 10px;
}
.p-user-info_lead {
  margin: 10px 0;
  color: #056b49;
}
/* =========================================================

p-index

========================================================= */
.p-index__head {
  margin: 0;
  padding: 10px 13px;
  height: 40px;
  line-height: 40px;
  color: #303030;
  background: none;
  font-size: 16px;
}
.p-index__icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 21px;
  margin-right: 5px;
  margin-bottom: 3px;
}
.p-index__goto-list {
  font-size: 16px;
  position: absolute;
  top: 20px;
  right: 18px;
}
.p-index__goto-list a {
  color: #056b49;
}
.p-index__nav a {
  text-decoration: none;
}
.p-index ul {
  clear: both;
  list-style: none;
  padding-left: 0;
  margin: 0;
}
.p-index li {
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  color: #333;
  height: 100px;
  line-height: 1.5;
  background-color: #fff;
  word-break: break-all;
  position: relative;
  padding: 15px 15px 15px 35px;
}
.p-index li:before {
  font-family: 'icons';
  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;
  display: inline-block;
  vertical-align: middle;
  content: "\e61c";
  font-size: 10px;
  position: absolute;
  top: 20px;
  left: 16px;
  color: #67bf64;
}
.p-index li:nth-child(odd) {
  background-color: #f6f6f6;
}
.p-index li:nth-child(even) {
  background-color: #fff;
}
.p-index__label-block {
  margin-bottom: 3px;
}
.p-index .p-index__label {
  display: inline-block;
  min-width: 65px;
  padding: 4px 7px 3px;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
  margin-right: 5px;
}
.p-index .p-index__label.__P01 {
  background-color: #FFBC00;
}
.p-index .p-index__label.__P02 {
  background-color: #94C21F;
}
.p-index .p-index__label.__P03 {
  background-color: #F78F77;
}
.p-index .p-index__label.__P04 {
  background-color: #94C21F;
}
.p-index .p-index__new {
  color: #FF7000;
}
.p-index.__setuden li a {
  height: auto;
}
/* =========================================================

p-summary

- マイページトップ
- 省エネ・省CO2ランキング

========================================================= */
/*
02-03-01
02-01-01
*/
.p-summary .a-unit {
  font-size: 12px;
  font-weight: normal;
}
.p-summary.a-side-border {
  border-right: 1px solid #DDD;
  border-left: 1px solid #DDD;
}
.p-summary__head {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 50px;
  width: 100%;
  background-color: #67bf64 !important;
}
a.p-summary__head:hover,
a .p-summary__head:hover {
  background-color: #49aa46 !important;
}
.p-summary__head:first-child:before {
  display: block;
  float: left;
  height: 50px;
  /* この値は適宜書き換える */
  content: "";
}
.p-summary__head-icon-left,
.p-summary__head-content,
.p-summary__head-icon-right {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  line-height: 1.2;
}
.p-summary__head-content {
  padding-right: 8px;
  padding-left: 8px;
  font-size: 14px;
  color: #000000;
}
.p-summary__head-content .a-menu {
  display: block;
  float: left;
  margin: 0 5px 0 0;
  padding: 2px 0 0 0;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 187px;
}
.p-summary__head-icon-left {
  width: 36px;
  color: #ffffff;
  text-align: center;
}
.p-summary__head-icon-left [class^="b-icons"],
.p-summary__head-icon-left [class*=" b-icons"] {
  font-size: 20px;
}
.p-summary__head-icon-right {
  width: 50px;
  padding-right: 7px;
  padding-left: 7px;
  background-color: #056b49 !important;
  color: #ffffff;
  text-align: center;
}
a.p-summary__head-icon-right:hover,
a .p-summary__head-icon-right:hover {
  background-color: #033a28 !important;
}
.p-summary__head-icon-right:hover {
  color: #ffffff;
}
.p-summary__head-icon-right [class^="b-icons"],
.p-summary__head-icon-right [class*=" b-icons"] {
  font-size: 24px;
}
.p-summary__head-icon-right.__w-auto {
  width: auto;
}
.p-summary__head-icon-right.__w-L {
  width: 100px;
}
/* 2015.10.05 暮らしサポート対応追加 Morita Start */
.p-summary__head-icon-right.__disabled {
  color: #919191 !important;
  background-color: #BFBFBF !important;
  pointer-events:none;
}
/* 2015.10.05 暮らしサポート対応追加 Morita End */

.p-summary__item {
  margin: 0;
  padding-bottom: 5px;
  vertical-align: top;
  text-align: center;
  height: 180px;
  /*overflow:auto;*/
  background: url(../img/common/panel_bg02.gif) no-repeat center top;
}
.p-summary__item.__odd {
  background: #f1f1f1 url(../img/common/panel_bg03.gif) repeat-y center top;
}
.p-summary__label {
  padding: 10px 0 0 0;
}
.p-summary__icon {
  font-size: 40px;
  color: #67bf64;
  padding-top: 5px;
}
.p-summary__data-P01 {
  font-size: 32px;
}
.p-summary__data-P02 {
  font-size: 14px;
}
.p-summary__data-note {
  display: table-cell;
  padding: 20px;
  text-align: left;
  font-size: 14px;
  height: 130px;
  vertical-align: middle;
}
.p-summary.__P02 {
  position: relative;
}
.p-summary.__P02 .p-summary__head-content {
  font-size: 14px;
}
.p-summary.__P02 .p-summary__head-icon-left + .p-summary__head-content {
  padding: 0 10px 0 0;
}
.p-summary.__P02 .p-summary__item {
  text-align: left;
  margin: 4px 0;
  padding: 3px  0 0 10px;
  height: 168px;
  background: url(../img/common/panel_bg04.gif) repeat-y center top;
}
.p-summary.__P02 .p-summary__dt {
  margin: 0 0 0 0;
  padding: 0 20px 0 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: bold;
  color: #056b49;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-summary.__P02 .p-summary__dd {
  margin: 0 0 14px 0;
  padding: 0 20px 0 0;
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.p-summary.__P02 .p-summary__add-contract {
  text-align: center;
  margin: 20px 0 0 0 ;
  padding: 0;
  font-size: 16px;
  line-height: 1.8;
  font-weight: bold;
  color: #056b49;
}
.p-summary.__P03 .p-summary__head {
  text-align: center;
}
.p-summary.__P03 .p-summary__head-icon-left {
  width: 80px;
  color: #333333;
}
.p-summary.__P03 .p-summary__head-icon-left [class^="b-icons"],
.p-summary.__P03 .p-summary__head-icon-left [class*=" b-icons"] {
  color: #ffffff;
}
.p-summary.__P03 .p-summary__head-content {
  margin-top: 15px;
}
.p-summary.__P03 .accordion-btn + .p-summary__head-content .a-menu {
  margin-left: 1px;
  text-align: right;
}
.p-summary.__P03 .p-summary__label {
  padding: 20px 0 0 0;
}
.p-summary.__P03 .p-summary__data-P01 {
  font-size: 34px;
}
.p-summary__btn-delete .a-btn {
  position: absolute;
  bottom: 2px;
  right: 10px;
  border: none;
  margin: 0;
  padding: 0;
  background: none;
  color: #056b49 !important;
  font-size: 24px;
}
.p-summary__btn-delete .a-btn:hover {
  color: #033a28 !important;
}
/* =========================================================

p-ranking-user-info

- 省エネ・省CO2ランキング

========================================================= */
.p-ranking-user-info {
  position: relative;
}
.p-ranking-user-info.__P02 {
  background: url(../img/ranking/ranking_img01.png) no-repeat 30px bottom #ffffff;
}
.p-ranking-user-info.__P03 {
  background: url(../img/ranking/ranking_img01.png) no-repeat 30px 90px #ffffff;
}
.p-ranking-user-info__head {
  font-size: 18px;
  margin: 0 0 10px 0;
}
.p-ranking-user-info__head [class^="b-icons"],
.p-ranking-user-info__head [class*=" b-icons"] {
  font-size: 24px;
  margin-right: 5px;
}
.p-ranking-user-info__lead {
  font-size: 16px;
  color: #056b49;
  margin-bottom: 5px;
}
.p-ranking-user-info__state {
  font-size: 14px;
  color: #999999;
  margin-bottom: 5px;
}
.p-ranking-user-info__btn-nav {
  clear: both;
}
.p-ranking-user-info__btn-nav .b-nav-btn {
  padding: 10px;
}
.p-ranking-user-info__table th,
.p-ranking-user-info__table td {
  padding: 10px;
  font-size: 14px;
  vertical-align: top;
}
.p-ranking-user-info__table td {
  border-bottom: 1px dotted #CCC;
}
.p-ranking-user-info__table tr > :first-child {
  text-align: right;
  width: 140px;
}
.p-ranking-user-info__table tr > :first-child [class^="b-icons"],
.p-ranking-user-info__table tr > :first-child [class*=" b-icons"] {
  margin-left: 5px;
}
.__P02 .p-ranking-user-info__table {
  margin-left: 150px;
}
.__P03 .p-ranking-user-info__table {
  width: auto;
  margin-left: 200px;
}
.__P03 .p-ranking-user-info__table tr > :first-child {
  width: auto;
}
.__P03 .p-ranking-user-info__table th,
.__P03 .p-ranking-user-info__table td {
  padding: 5px;
  text-align: left;
  font-size: 14px;
}
.p-ranking-user-info__edit-btn {
  display: block;
  position: absolute;
  top: 12px;
  right: 12px;
  color: #133a24;
}
.p-ranking-user-info__edit-btn [class^="b-icons"],
.p-ranking-user-info__edit-btn [class*=" b-icons"] {
  font-size: 18px;
  margin: 0 5px 0 0;
  color: #056b49;
}
/* =========================================================

p-procedure

========================================================= */
.p-procedure__title {
  margin: 0 0 5px 0;
  padding: 10px;
  background-color: #c5dc51;
  font-size: 14px;
  font-weight: bold;
}
.p-procedure .b-doc-p {
  margin-bottom: 0;
  padding: 5px 10px 10px;
}
.p-procedure .b-icons {
  position: absolute;
  top: 18px;
  right: 10px;
}
/* =========================================================

p-user-info

========================================================= */
.p-user-info {
  word-wrap: break-word;
}
/* =========================================================

p-miruden-mobile-cm

========================================================= */
.p-miruden-mobile-cm {
  background: url(../img/common/mirudenmobile_bg-p02.gif) no-repeat left top #ffffff;
  padding: 8px 10px 12px;
}
.p-miruden-mobile-cm .b-doc-p {
  width: 104px;
  padding-right: 5px;
  font-size: 11px;
  line-height: 14px;
  margin-bottom: 65px;
  float: left;
}
.p-miruden-mobile-cm .b-nav-link-icon-list {
  clear: both;
}
.p-miruden-mobile-cm__title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.p-miruden-mobile-cm__qr {
  float: left;
}
/* =========================================================

p-move-home

========================================================= */
.p-move-home__title {
  margin: 0 0 5px 0;
  padding: 10px;
  background-color: #c5dc51;
  font-size: 14px;
  font-weight: bold;
}
.p-move-home .b-doc-p {
  margin-bottom: 0;
  padding: 5px 10px 10px;
}
.p-doc-label-move {
  font-size: 14px;
  font-weight: bold;
  color: #056b49;
  line-height:1.6;
}
.p-con-btn-move {
  color: #67bf64;
  font-size: 25px;
  height: 5px;
}
.p-move-home .b-icons134 {
  position: absolute;
  top: 25px;
  right: 10px;
  font-size: 32px;
  color: #066b49;
  text-shadow: -1px -1px #ffffff, 1px -1px #ffffff, -1px 1px #ffffff, 1px 1px #ffffff;
}

.p-move-home .p-side-otetsuduki01 {
  position: absolute;
  top: 25px;
  right: 10px;
  width:25px;
  height:32px;
}

.p-side-otetsuduki01 {
  background-image: url("../img/common/side_procedure_icon.png");
  background-size:25px 32px;
}

/* =========================================================

p-mypage-manu

- マイページトップ

========================================================= */
.p-mypage-manu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px;
}
.p-mypage-manu .l-col-3 {
  width: 175px;
  margin-left: 6px;
}
.p-mypage-manu .l-col-3:first-child {
  margin-left: 0;
}
.p-mypage-manu .panel {
  margin: 0;
  position: relative;
}
.p-mypage-manu .p-bunner-P02 {
  height: 175px;
}
.p-mypage-manu .p-bunner-P02__icons {
  background-color: #056b49;
  width: 68px;
  height: 68px;
  line-height: 68px;
  margin-top: 24px;
}
.p-mypage-manu .p-bunner-P02__badge {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 90px;
  left: 0;
  top: 50%;
  z-index: 10;
}
.p-mypage-manu .p-bunner-P02__head {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.2;
}
.p-mypage-manu .p-bunner-P02.__new .p-bunner-P02__badge {
  position: absolute;
  top: 24px;
  right: 20px;
  width: auto;
  text-align: right;
}
.p-mypage-manu .p-bunner-P02.__new .p-bunner-P02__badge .b-badge {
  padding-right: 8px;
  padding-left: 8px;
}
.p-mypage-manu .p-bunner-P02 .disable .p-bunner-P02__icons {
  background-color: #757b77;
}
/*
img{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	background:none!important;
}

*/
/* =========================================================

p-ranking-kiki-summary

- ご使用の機器登録

========================================================= */
.p-ranking-kiki-summary {
  background-color: #f1f1f1;
}
.p-ranking-kiki-summary.__check {
  background-color: #ffffff;
}
.p-ranking-kiki-summary.__attention {
  background-color: #ffffff;
}
.p-ranking-kiki-summary a {
  display: block;
  height: 230px;
  box-sizing: border-box;
  padding: 10px;
}
.p-ranking-kiki-summary a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}
.p-ranking-kiki-summary.__kiki-01 a {
  background: url("../img/ranking/color-P01/ranking_btn01.gif") no-repeat center top #f1f1f1;
  /*給湯器*/
}
.p-ranking-kiki-summary.__kiki-01.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn01_checked.gif");
}
.p-ranking-kiki-summary.__kiki-01.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn01_attention.gif");
}
.p-ranking-kiki-summary.__kiki-02 a {
  background: url("../img/ranking/color-P01/ranking_btn02.gif") no-repeat center top #f1f1f1;
  /*調理器*/
}
.p-ranking-kiki-summary.__kiki-02.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn02_checked.gif");
}
.p-ranking-kiki-summary.__kiki-02.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn02_attention.gif");
}
.p-ranking-kiki-summary.__kiki-03 a {
  background: url("../img/ranking/color-P01/ranking_btn03.gif") no-repeat center top #f1f1f1;
  /*床暖房*/
}
.p-ranking-kiki-summary.__kiki-03.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn03_checked.gif");
}
.p-ranking-kiki-summary.__kiki-03.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn03_attention.gif");
}
.p-ranking-kiki-summary.__kiki-04 a {
  background: url("../img/ranking/color-P01/ranking_btn04.gif") no-repeat center top #f1f1f1;
  /*ファンヒータ*/
}
.p-ranking-kiki-summary.__kiki-04.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn04_checked.gif");
}
.p-ranking-kiki-summary.__kiki-04.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn04_attention.gif");
}
.p-ranking-kiki-summary.__kiki-05 a {
  background: url("../img/ranking/color-P01/ranking_btn05.gif") no-repeat center top #f1f1f1;
  /*浴室乾燥機*/
}
.p-ranking-kiki-summary.__kiki-05.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn05_checked.gif");
}
.p-ranking-kiki-summary.__kiki-05.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn05_attention.gif");
}
.p-ranking-kiki-summary.__kiki-06 a {
  background: url("../img/ranking/color-P01/ranking_btn06.gif") no-repeat center top #f1f1f1;
  /*エアコン*/
}
.p-ranking-kiki-summary.__kiki-06.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn06_checked.gif");
}
.p-ranking-kiki-summary.__kiki-06.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn06_attention.gif");
}
.p-ranking-kiki-summary.__kiki-07 a {
  background: url("../img/ranking/color-P01/ranking_btn07.gif") no-repeat center top #f1f1f1;
  /*冷蔵庫*/
}
.p-ranking-kiki-summary.__kiki-07.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn07_checked.gif");
}
.p-ranking-kiki-summary.__kiki-07.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn07_attention.gif");
}
.p-ranking-kiki-summary.__kiki-08 a {
  background: url("../img/ranking/color-P01/ranking_btn08.gif") no-repeat center top #f1f1f1;
  /*テレビ*/
}
.p-ranking-kiki-summary.__kiki-08.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn08_checked.gif");
}
.p-ranking-kiki-summary.__kiki-08.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn08_attention.gif");
}
.p-ranking-kiki-summary.__kiki-09 a {
  background: url("../img/ranking/color-P01/ranking_btn09.gif") no-repeat center top #f1f1f1;
  /*蓄熱暖房機*/
}
.p-ranking-kiki-summary.__kiki-09.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn09_checked.gif");
}
.p-ranking-kiki-summary.__kiki-09.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn09_attention.gif");
}
.p-ranking-kiki-summary.__kiki-10 a {
  background: url("../img/ranking/color-P01/ranking_btn10.gif") no-repeat center top #f1f1f1;
  /*食器洗浄機*/
}
.p-ranking-kiki-summary.__kiki-10.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn10_checked.gif");
}
.p-ranking-kiki-summary.__kiki-10.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn10_attention.gif");
}
.p-ranking-kiki-summary.__kiki-11 a {
  background: url("../img/ranking/color-P01/ranking_btn11.gif") no-repeat center top #f1f1f1;
  /*温水便座*/
}
.p-ranking-kiki-summary.__kiki-11.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn11_checked.gif");
}
.p-ranking-kiki-summary.__kiki-11.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn11_attention.gif");
}
.p-ranking-kiki-summary.__kiki-12 a {
  background: url("../img/ranking/color-P01/ranking_btn12.gif") no-repeat center top #f1f1f1;
  /*洗濯機*/
}
.p-ranking-kiki-summary.__kiki-12.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn12_checked.gif");
}
.p-ranking-kiki-summary.__kiki-12.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn12_attention.gif");
}
.p-ranking-kiki-summary.__kiki-13 a {
  background: url("../img/ranking/color-P01/ranking_btn13.gif") no-repeat center top #f1f1f1;
  /*電気自動車*/
}
.p-ranking-kiki-summary.__kiki-13.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn13_checked.gif");
}
.p-ranking-kiki-summary.__kiki-13.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn13_attention.gif");
}
.p-ranking-kiki-summary.__kiki-14 a {
  background: url("../img/ranking/color-P01/ranking_btn14.gif") no-repeat center top #f1f1f1;
  /*太陽光発電*/
}
.p-ranking-kiki-summary.__kiki-14.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn14_checked.gif");
}
.p-ranking-kiki-summary.__kiki-14.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn14_attention.gif");
}
.p-ranking-kiki-summary.__kiki-15 a {
  background: url("../img/ranking/color-P01/ranking_btn15.gif") no-repeat center top #f1f1f1;
  /*HEMS*/
}
.p-ranking-kiki-summary.__kiki-15.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn15_checked.gif");
}
.p-ranking-kiki-summary.__kiki-15.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn15_attention.gif");
}
.p-ranking-kiki-summary.__kiki-16 a {
  background: url("../img/ranking/color-P01/ranking_btn16.gif") no-repeat center top #f1f1f1;
  /*電子レンジ*/
}
.p-ranking-kiki-summary.__kiki-16.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn16_checked.gif");
}
.p-ranking-kiki-summary.__kiki-16.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn16_attention.gif");
}
.p-ranking-kiki-summary.__kiki-17 a {
  background: url("../img/ranking/color-P01/ranking_btn17.gif") no-repeat center top #f1f1f1;
  /*炊飯器*/
}
.p-ranking-kiki-summary.__kiki-17.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn17_checked.gif");
}
.p-ranking-kiki-summary.__kiki-17.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn17_attention.gif");
}
.p-ranking-kiki-summary.__kiki-18 a {
  background: url("../img/ranking/color-P01/ranking_btn18.gif") no-repeat center top #f1f1f1;
  /*電気ポット／ケトル*/
}
.p-ranking-kiki-summary.__kiki-18.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn18_checked.gif");
}
.p-ranking-kiki-summary.__kiki-18.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn18_attention.gif");
}
.p-ranking-kiki-summary.__kiki-19 a {
  background: url("../img/ranking/color-P01/ranking_btn19.gif") no-repeat center top #f1f1f1;
  /*HDD ・ブルーレイ／DVDレコーダー*/
}
.p-ranking-kiki-summary.__kiki-19.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn19_checked.gif");
}
.p-ranking-kiki-summary.__kiki-19.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn19_attention.gif");
}
.p-ranking-kiki-summary.__kiki-20 a {
  background: url("../img/ranking/color-P01/ranking_btn20.gif") no-repeat center top #f1f1f1;
  /*ブルーレイ／DVDレコーダー*/
}
.p-ranking-kiki-summary.__kiki-20.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn20_checked.gif");
}
.p-ranking-kiki-summary.__kiki-20.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn20_attention.gif");
}
.p-ranking-kiki-summary.__kiki-21 a {
  background: url("../img/ranking/color-P01/ranking_btn21.gif") no-repeat center top #f1f1f1;
  /*電気カーペット*/
}
.p-ranking-kiki-summary.__kiki-21.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn21_checked.gif");
}
.p-ranking-kiki-summary.__kiki-21.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn21_attention.gif");
}
.p-ranking-kiki-summary.__kiki-22 a {
  background: url("../img/ranking/color-P01/ranking_btn22.gif") no-repeat center top #f1f1f1;
  /*扇風機*/
}
.p-ranking-kiki-summary.__kiki-22.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn22_checked.gif");
}
.p-ranking-kiki-summary.__kiki-22.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn22_attention.gif");
}
.p-ranking-kiki-summary.__kiki-23 a {
  background: url("../img/ranking/color-P01/ranking_btn23.gif") no-repeat center top #f1f1f1;
  /*空気清浄機*/
}
.p-ranking-kiki-summary.__kiki-23.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn23_checked.gif");
}
.p-ranking-kiki-summary.__kiki-23.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn23_attention.gif");
}
.p-ranking-kiki-summary.__kiki-24 a {
  background: url("../img/ranking/color-P01/ranking_btn24.gif") no-repeat center top #f1f1f1;
  /*加湿器*/
}
.p-ranking-kiki-summary.__kiki-24.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn24_checked.gif");
}
.p-ranking-kiki-summary.__kiki-24.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn24_attention.gif");
}
.p-ranking-kiki-summary.__kiki-25 a {
  background: url("../img/ranking/color-P01/ranking_btn25.gif") no-repeat center top #f1f1f1;
  /*除湿機*/
}
.p-ranking-kiki-summary.__kiki-25.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn25_checked.gif");
}
.p-ranking-kiki-summary.__kiki-25.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn25_attention.gif");
}
.p-ranking-kiki-summary.__kiki-26 a {
  background: url("../img/ranking/color-P01/ranking_btn26.gif") no-repeat center top #f1f1f1;
  /*掃除機*/
}
.p-ranking-kiki-summary.__kiki-26.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn26_checked.gif");
}
.p-ranking-kiki-summary.__kiki-26.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn26_attention.gif");
}
.p-ranking-kiki-summary.__kiki-27 a {
  background: url("../img/ranking/color-P01/ranking_btn27.gif") no-repeat center top #f1f1f1;
  /*照明器具*/
}
.p-ranking-kiki-summary.__kiki-27.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn27_checked.gif");
}
.p-ranking-kiki-summary.__kiki-27.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn27_attention.gif");
}
.p-ranking-kiki-summary.__kiki-28 a {
  background: url("../img/ranking/color-P01/ranking_btn28.gif?v=20180802") no-repeat center top #f1f1f1;
  /*リモコン*/
}
.p-ranking-kiki-summary.__kiki-28.__check a {
  background-image: url("../img/ranking/color-P01/ranking_btn28_checked.gif?v=20180802");
}
.p-ranking-kiki-summary.__kiki-28.__attention a {
  background-image: url("../img/ranking/color-P01/ranking_btn28_attention.gif?v=20180802");
}
.p-ranking-kiki__head {
  font-size: 16px;
  height: 42px;
}
.p-ranking-kiki__add {
  text-align: center;
  margin-top: 129px;
  color: #056b49;
  font-weight: bold;
  font-size: 16px;
}
[class*="__check"] .p-ranking-kiki__add {
  font-size: 14px;
}
[class*="__check"] .p-ranking-kiki__add b {
  font-size: 28px;
}
[class*="__attention"] .p-ranking-kiki__add {
  font-size: 14px;
}
[class*="__attention"] .p-ranking-kiki__add b {
  font-size: 28px;
}
*/
/* =========================================================

p-campaign-detail

- ご使用の機器登録

========================================================= */
.p-campaign-detail__header .a-content {
  padding: 10px;
}
.p-campaign-detail__header .a-content .a-new {
  font-size: 12px;
  color: #056b49;
  margin-bottom: 0;
}
.p-campaign-detail__header .a-content .a-head {
  font-size: 14px;
  color: #056b49;
  font-weight: bold;
  margin-bottom: 10px;
}
.p-campaign-detail__header .a-content .a-lead {
  font-size: 12px;
}
.p-campaign-detail__content {
  margin-top: 20px;
  padding: 15px;
}
/* =========================================================

p-nav-castam-select

========================================================= */
.p-nav-castam-select {
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin: 7px;
}
.p-nav-castam-select:before,
.p-nav-castam-select:after {
  content: " ";
  display: table;
}
.p-nav-castam-select:after {
  clear: both;
}
.p-nav-castam-select__heading {
  width: 130px;
  padding: 8px 0 7px;
  text-align: center;
  background: #67bf64;
  font-weight: normal;
  float: left;
  font-size: 13px;
}
.p-nav-castam-select__body {
  margin: 0;
  width: 580px;
  float: left;
}
/*

中身のCSSは
easyselectbox.css

*/
/* =========================================================

.p-six-merit

========================================================= */
.p-six-merit__block {
  overflow: hidden;
}
.p-six-merit__block.__bg-P01 {
  background-color: #DCEFD3;
}
.p-six-merit__block.__bg-img-01-02 {
  background: url("../img/six-merit/p-six-merit-01-02-bg.gif") bottom left;
}
.p-six-merit__block.__bg-img-02-02 {
  background: url("../img/six-merit/p-six-merit-02-02-bg.gif") bottom left;
}
.p-six-merit__block.__bg-img-05-02 {
  background: url("../img/six-merit/p-six-merit-05-02-bg.gif") bottom left;
}
.p-six-merit__lead-P01 {
  font-size: 20px;
  text-align: center;
  color: #056b49;
  margin-bottom: 20px;
}
.p-six-merit__lead-P02 {
  font-size: 24px;
  text-align: center;
  color: #000000;
  margin-bottom: 20px;
}
.p-six-merit__lead-P03 {
  font-size: 18px;
  color: #056b49;
  margin-bottom: 0px;
}
.p-six-merit__figure-P02 {
  margin-left: 40px;
}
/* =========================================================

.p-syoene-shindan

========================================================= */
.p-syoene-shindan__header {
  background: #67bf64;
  padding: 20px;
}
.p-syoene-shindan__lead-P01 {
  color: #000000;
  font-size: 14px;
}
.p-syoene-shindan__question-content {
  clear: both;
  margin: 12px;
  padding: 10px;
  background: url(../img/common/panel_bg01.gif) left top;
  border-right: 1px solid #f2fbf1;
  border-bottom: 1px solid #f2fbf1;
}
.p-syoene-shindan__question-head {
  font-size: 20px;
  color: #056b49;
  margin: 20px 20px 10px 20px;
  width: 430px;
}
.p-syoene-shindan__question-btn-block {
  text-align: center;
  margin-top: 20px;
}
.b-nav-btn.__q-boolean {
  width: 100px;
  height: 100px;
  font-size: 20px;
  margin: 0 10px;
  color: #000000;
  background-color: #5d9cec;
  border-color: #5d9cec;
  border-bottom: 2px solid #999999;
}
.b-nav-btn.__q-boolean:hover,
.b-nav-btn.__q-boolean:active,
.b-nav-btn.__q-boolean.active,
.open > .dropdown-toggle.b-nav-btn.__q-boolean {
  color: #000000;
  background-color: #3d88e8;
}
.b-nav-btn.__q-boolean:active,
.b-nav-btn.__q-boolean.active,
.open > .dropdown-toggle.b-nav-btn.__q-boolean {
  background-image: none;
}
.b-nav-btn.__q-boolean.disabled,
fieldset[disabled] .b-nav-btn.__q-boolean,
.b-nav-btn.__q-boolean.disabled:hover,
fieldset[disabled] .b-nav-btn.__q-boolean:hover,
.b-nav-btn.__q-boolean.disabled:active,
fieldset[disabled] .b-nav-btn.__q-boolean:active,
.b-nav-btn.__q-boolean.disabled.active,
fieldset[disabled] .b-nav-btn.__q-boolean.active {
  background-color: #5d9cec;
  border-color: #5d9cec;
}
.b-nav-btn.__q-boolean .badge {
  color: #5d9cec;
  background-color: #000000;
}
.p-syoene-shindan__nav-step-block {
  float: right;
  position: relative;
  margin: 0 20px 0 0;
  width: auto;
}
.p-syoene-shindan__nav-step-block .a-nav-step__bar {
  margin-top: 8px;
  height: 3px;
  width: auto;
  background-color: #CCCCCC;
}
.p-syoene-shindan__nav-step-block .a-nav-step__item {
  height: auto;
  width: auto;
  background: none;
  text-align: center;
  box-sizing: border-box;
  float: left;
  margin-left: 20px;
}
.p-syoene-shindan__nav-step-block .a-nav-step__item.activ {
  width: 20px;
  height: 20px;
  padding-top: 3px;
  border-radius: 50%;
  background: #68bf64;
  vertical-align: middle;
  text-align: center;
  background-color: #ffa200;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
}
.p-syoene-shindan__nav-step-block .a-nav-step__item.check {
  margin-top: -3px;
  border: none;
  background: none;
  font-size: 16px;
  color: #056b49;
  padding: 0 3px;
  background: #FFFFFF;
}
.p-syoene-shindan__nav-step-block .a-nav-step__item.result {
  padding: 0 3px;
  background: #FFFFFF;
}
.p-syoene-shindan__nav-step-block .a-nav-step__item:first-child {
  margin-left: 0;
}
.p-syoene-shindan__result-head {
  font-size: 24px;
}
.p-syoene-shindan__result-lead-P01 {
  font-size: 16px;
  color: #056b49;
  margin: 20px;
  text-align: center;
}
.p-syoene-shindan__result-lead-P02 {
  font-size: 30px;
  color: #FC6E51;
  margin: 20px;
  text-align: center;
}
.p-syoene-shindan__result-lead-P03 {
  font-size: 15px;
  color: #333;
  margin: 20px 1px;
  text-align: center;
}
.p-syoene-shindan__figure-P01 {
  text-align: center;
  margin-bottom: 20px;
}
.p-syoene-shindan__result-icon {
  font-size: 36px;
  color: #056b49;
  margin: 20px;
  text-align: center;
}
.p-syoene-shindan__result-prag {
  font-size: 16px;
  color: #333;
  margin: 20px;
  text-align: left;
}
.__result-bg-P01 {
  background: #ECEFDF;
}
/* =========================================================

p-mypage-manu-P02

- マイページトップ（ボタン類：クーポン情報、ポイント通帳、省エネアドバイス、Lnavi）

========================================================= */
.p-mypage-manu-P02 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px;
}
.p-mypage-manu-P02 .l-col-3 {
  width: 114px;
  margin-left: 6px;
  margin-left: 5.9px;
}
.p-mypage-manu-P02 .l-col-3:first-child {
  margin-left: 0;
}
.p-mypage-manu-P02 .panel {
  margin: 0;
  position: relative;
}
.p-mypage-manu-P02 .p-bunner-P12,
.p-mypage-manu-P02 .p-bunner-P15 {
  height: 114px;
}
.p-mypage-manu-P02 .p-bunner-P12 a.__lnavi {
  background-color: #d89000 !important;
}
.p-mypage-manu-P02 .p-bunner-P12 a.__lnavi:hover {
  background-color: #a56e00 !important;
}
.p-mypage-manu-P02 .p-bunner-P12__lnavi,
.p-mypage-manu-P02 .p-bunner-P15__lnavi {
  width: 90px;
  height: 32px;
  margin: 41px auto;
}
.p-mypage-manu-P02 .p-bunner-P02 .disable {
  background-color: #e2e2e2;
}
/* =========================================================

p-nav-advice

========================================================= */
.p-nav-advice {
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin: 7px;
  border: 2px solid #fea03a;
}
.p-nav-advice:before,
.p-nav-advice:after {
  content: " ";
  display: table;
}
.p-nav-advice:after {
  clear: both;
}
a .p-nav-advice__heading:hover {
  background-color: #e6a900;
  color: #333;
  text-decoration: none;
}
.p-nav-advice__heading {
  width: 165px;
  height: 25px;
  padding: 5px 0 4px;
  text-align: center;
  background: #ffbc00;
  font-weight: normal;
  float: right;
  font-size: 13px;
  color: #6d4a18;
}
.p-nav-advice__heading img {
  margin-right: 5px;
}
.p-nav-advice__heading .b-icons {
  font-size: 24px;
  color: #ffffff;
  margin-right: 5px;
}
.p-nav-advice__body {
  margin: 0;
  float: left;
}
.p-nav-advice__body .__icon {
  display: table-cell;
  padding: 3px 7px 0 5px;
}
.p-nav-advice__body .b-icons {
  display: table-cell;
  padding: 5px 11px;
  font-size: 24px;
}
.p-nav-advice__text {
  display: table-cell;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
  padding: 8px 10px 6px 0;
  border-radius: 0;
  font-size: 13px;
  border-bottom: none;
}
/* =========================================================

 Utility classes

========================================================= */
.u-clearfix:before,
.u-clearfix:after {
  content: " ";
  display: table;
}
.u-clearfix:after {
  clear: both;
}
.u-center-block {
  margin-left: auto;
  margin-right: auto;
}
.u-pull-right {
  float: right !important;
}
.u-pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
/* display
======================================== */
.u-di-none {
  display: none !important;
}
.u-di-block {
  display: block !important;
}
.u-di-inline {
  display: inline !important;
}
.u-di-inline-block {
  display: inline-block !important;
}
.u-di-table {
  display: table !important;
  width: 100%;
  box-sizing: border-box;
}
.u-di-table-cell {
  display: table-cell !important;
}
/* vertical-align
======================================== */
.u-va-top {
  vertical-align: top !important;
}
.u-va-middle {
  vertical-align: middle !important;
}
.u-va-bottom {
  vertical-align: bottom !important;
}
/* width
======================================== */
.u-wi-auto {
  width: auto;
}
.u-wi-full {
  width: 100%;
}
.u-wi-half {
  width: 50%;
}
.u-wi-third {
  width: 33.3%;
}
.u-wi-quater {
  width: 25%;
}
.u-wi-fifth {
  width: 20%;
}
/* text-align
======================================== */
.u-al-left {
  text-align: left !important;
}
.u-al-right {
  text-align: right !important;
}
.u-al-center {
  text-align: center !important;
}
.u-al-justify {
  text-align: justify;
}
.u-text-nowrap {
  white-space: nowrap;
}
.u-text-lowercase {
  text-transform: lowercase;
}
.u-text-uppercase {
  text-transform: uppercase;
}
.u-text-capitalize {
  text-transform: capitalize;
}
.u-text-bold {
  font-weight: bold;
}
/* font-size 4の倍数
======================================== */
.u-fs0 {
  font-size: 0px !important;
}
.u-fs4 {
  font-size: 4px !important;
}
.u-fs8 {
  font-size: 8px !important;
}
.u-fs12 {
  font-size: 12px !important;
}
.u-fs16 {
  font-size: 16px !important;
}
.u-fs20 {
  font-size: 20px !important;
}
.u-fs18 {
  font-size: 18px !important;
}
.u-fs24 {
  font-size: 24px !important;
}
.u-fs28 {
  font-size: 28px !important;
}
.u-fs32 {
  font-size: 32px !important;
}
.u-fs36 {
  font-size: 36px !important;
}
.u-fs40 {
  font-size: 40px !important;
}
.u-fs44 {
  font-size: 44px !important;
}
.u-fs48 {
  font-size: 48px !important;
}
.u-fs52 {
  font-size: 52px !important;
}
.u-fs56 {
  font-size: 56px !important;
}
.u-fs60 {
  font-size: 60px !important;
}
.u-fs64 {
  font-size: 64px !important;
}
.u-fs68 {
  font-size: 68px !important;
}
.u-fs72 {
  font-size: 72px !important;
}
.u-fs76 {
  font-size: 76px !important;
}
.u-fs80 {
  font-size: 80px !important;
}
.u-text-XS {
  font-size: 10px !important;
}
.u-text-S {
  font-size: 12px !important;
}
.u-text-B {
  font-size: 14px !important;
}
.u-text-L {
  font-size: 16px !important;
}
.u-text-XL {
  font-size: 20px !important;
}
.u-text-XXL {
  font-size: 30px !important;
}
.u-text-XXXL {
  font-size: 42px !important;
}
.u-text-XXXXL {
  font-size: 52px !important;
}
/* text-colors
======================================== */
.u-text-muted {
  color: #777777;
}
.u-text-primary {
  color: #666666;
}
a.u-text-primary:hover {
  color: #4d4d4d;
}
.u-text-success {
  color: #3c763d;
}
a.u-text-success:hover {
  color: #2b542c;
}
.u-text-info {
  color: #31708f;
}
a.u-text-info:hover {
  color: #245269;
}
.u-text-warning {
  color: #8a6d3b;
}
a.u-text-warning:hover {
  color: #66512c;
}
.u-text-danger {
  color: #a94442;
}
a.u-text-danger:hover {
  color: #843534;
}
.u-text-white {
  color: #ffffff !important;
}
a.u-text-white:hover {
  color: #e6e6e6 !important;
}
.u-text-attention {
  color: #ff4d4e !important;
}
a.u-text-attention:hover {
  color: #ff1a1b !important;
}
.u-text-link {
  color: #056b49;
}
a.u-text-link:hover {
  color: #033a28;
}
.u-text-primary-P01 {
  color: #67bf64;
}
a.u-text-primary-P01:hover {
  color: #49aa46;
}
.u-text-primary-P02 {
  color: #056b49;
}
a.u-text-primary-P02:hover {
  color: #033a28;
}
.u-text-unit {
  color: #777777;
  margin-left: 5px;
  font-size: 12px;
}
a.u-text-unit:hover {
  color: #5e5e5e;
}
.u-text-plus {
  color: #eb5e00 !important;
}
a.u-text-plus:hover {
  color: #b84a00 !important;
}
.u-text-minus {
  color: #0477b7;
}
a.u-text-minus:hover {
  color: #035785;
}
.u-text-electricity {
  color: #056b49;
}
a.u-text-electricity:hover {
  color: #033a28;
}
.u-text-gus {
  color: #ea5300;
}
a.u-text-gus:hover {
  color: #b74100;
}
.u-text-oil {
  color: #6e6f44;
}
a.u-text-oil:hover {
  color: #4f4f31;
}
.u-text-touyu {
  color: #4881ce;
}
a.u-text-touyu:hover {
  color: #3068b3;
}
.u-text-suido {
  color: #60b5f4;
}
a.u-text-suido:hover {
  color: #309ff1;
}
.u-text-gasoline {
  color: #ac8b75;
}
a.u-text-gasoline:hover {
  color: #957159;
}
.u-text-keiyu {
  color: #e97335;
}
a.u-text-keiyu:hover {
  color: #d45817;
}
.u-text-jyuyu {
  color: #ea676e;
}
a.u-text-jyuyu:hover {
  color: #e43a43;
}
.u-text-day-time {
  color: #ce346b !important;
}
a.u-text-day-time:hover {
  color: #a72855 !important;
}
.u-text-day-time-P02 {
  color: #b13132 !important;
}
a.u-text-day-time-P02:hover {
  color: #892627 !important;
}
.u-text-night-time {
  color: #3692c5 !important;
}
a.u-text-night-time:hover {
  color: #2b749d !important;
}
.u-text-living-time {
  color: #3d9954 !important;
}
a.u-text-living-time:hover {
  color: #2e7540 !important;
}
.u-text-max-temperature {
  color: #d23832;
}
a.u-text-max-temperature:hover {
  color: #ab2b26;
}
.u-text-mix-temperature {
  color: #00298e;
}
a.u-text-mix-temperature:hover {
  color: #001a5b;
}
.u-text-time {
  color: #eb5e00;
}
a.u-text-time:hover {
  color: #b84a00;
}
.u-text-note-P02 {
  color: #3dc9a4;
}
a.u-text-note-P02:hover {
  color: #2ea586;
}
.u-text-note-P03 {
  color: #a6c21f;
}
a.u-text-note-P03:hover {
  color: #809618;
}
.u-text-note-P04 {
  color: #67bf64;
}
a.u-text-note-P04:hover {
  color: #49aa46;
}
.u-text-note-P05 {
  color: #5d9cec;
}
a.u-text-note-P05:hover {
  color: #2f80e7;
}
/* Contextual backgrounds
======================================== */
.u-bg-primary {
  color: #fff;
  background-color: #666666 !important;
}
a.u-bg-primary:hover,
a .u-bg-primary:hover {
  background-color: #4d4d4d !important;
}
.u-bg-success {
  background-color: #dff0d8 !important;
}
a.u-bg-success:hover,
a .u-bg-success:hover {
  background-color: #c1e2b3 !important;
}
.u-bg-info {
  background-color: #d9edf7 !important;
}
a.u-bg-info:hover,
a .u-bg-info:hover {
  background-color: #afd9ee !important;
}
.u-bg-warning {
  background-color: #fcf8e3 !important;
}
a.u-bg-warning:hover,
a .u-bg-warning:hover {
  background-color: #f7ecb5 !important;
}
.u-bg-danger {
  background-color: #f2dede !important;
}
a.u-bg-danger:hover,
a .u-bg-danger:hover {
  background-color: #e4b9b9 !important;
}
.u-bg-primary-P01 {
  background-color: #67bf64 !important;
}
a.u-bg-primary-P01:hover,
a .u-bg-primary-P01:hover {
  background-color: #49aa46 !important;
}
.u-bg-primary-P02 {
  background-color: #056b49 !important;
}
a.u-bg-primary-P02:hover,
a .u-bg-primary-P02:hover {
  background-color: #033a28 !important;
}
.u-bg-primary-P03 {
  background-color: #c5dc51 !important;
}
a.u-bg-primary-P03:hover,
a .u-bg-primary-P03:hover {
  background-color: #b5d02a !important;
}
.u-bg-gray {
  background-color: #f8f8f8 !important;
}
a.u-bg-gray:hover,
a .u-bg-gray:hover {
  background-color: #dfdfdf !important;
}
.u-bg-gray-P02 {
  background-color: #e2e2e2 !important;
}
a.u-bg-gray-P02:hover,
a .u-bg-gray-P02:hover {
  background-color: #c9c9c9 !important;
}
a.u-bg-primary-P04 {
    background-color: #81DAF5 !important;
}
a.u-bg-primary-P04 :hover 
a .u-bg-primary-P04 :hover {
    background-color: #81F7D8 !important;
}

.u-bg-pattern {
  background: url(../img/common/panel_bg01.gif) left top;
  margin: 10px;
  border-right: 1px solid #f2fbf1;
  border-bottom: 1px solid #f2fbf1;
}
.u-bg-gray .u-bg-pattern {
  background: url(../img/common/panel_bg00.gif) left top;
  margin: 10px;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
.u-bg-P01 {
  background-color: #e9f7e8 !important;
}
a.u-bg-P01:hover,
a .u-bg-P01:hover {
  background-color: #c5eac2 !important;
}
.u-bg-note-P02 {
  background-color: #3dc9a4 !important;
}
a.u-bg-note-P02:hover,
a .u-bg-note-P02:hover {
  background-color: #2ea586 !important;
}
.u-bg-note-P03 {
  background-color: #a6c21f !important;
}
a.u-bg-note-P03:hover,
a .u-bg-note-P03:hover {
  background-color: #809618 !important;
}
.u-bg-note-P04 {
  background-color: #67bf64 !important;
}
a.u-bg-note-P04:hover,
a .u-bg-note-P04:hover {
  background-color: #49aa46 !important;
}
.u-bg-note-P05 {
  background-color: #5d9cec !important;
}
a.u-bg-note-P05:hover,
a .u-bg-note-P05:hover {
  background-color: #2f80e7 !important;
}
.u-bg-note-P06 {
  background-color: #fcfdeb !important;
}
a.u-bg-note-P06:hover,
a .u-bg-note-P06:hover {
  background-color: #f5f8bd !important;
}
.u-bg-note-P07 {
  background-color: #e8f7e8 !important;
}
a.u-bg-note-P07:hover,
a .u-bg-note-P07:hover {
  background-color: #c2eac2 !important;
}
.u-bg-electricity {
  background-color: #67bf64 !important;
}
a.u-bg-electricity:hover,
a .u-bg-electricity:hover {
  background-color: #49aa46 !important;
}
.u-bg-gus {
  background-color: #ffbc00 !important;
}
a.u-bg-gus:hover,
a .u-bg-gus:hover {
  background-color: #cc9600 !important;
}
.u-bg-oil {
  background-color: #6e6f44 !important;
}
a.u-bg-oil:hover,
a .u-bg-oil:hover {
  background-color: #4f4f31 !important;
}
.u-bg-touyu {
  background-color: #4881ce !important;
}
a.u-bg-touyu:hover,
a .u-bg-touyu:hover {
  background-color: #3068b3 !important;
}
.u-bg-suido {
  background-color: #60b5f4 !important;
}
a.u-bg-suido:hover,
a .u-bg-suido:hover {
  background-color: #309ff1 !important;
}
.u-bg-gasoline {
  background-color: #ac8b75 !important;
}
a.u-bg-gasoline:hover,
a .u-bg-gasoline:hover {
  background-color: #957159 !important;
}
.u-bg-keiyu {
  background-color: #e97335 !important;
}
a.u-bg-keiyu:hover,
a .u-bg-keiyu:hover {
  background-color: #d45817 !important;
}
.u-bg-jyuyu {
  background-color: #ea676e !important;
}
a.u-bg-jyuyu:hover,
a .u-bg-jyuyu:hover {
  background-color: #e43a43 !important;
}
.u-bg-light {
  background-color: #3dc9a4 !important;
}
a.u-bg-light:hover,
a .u-bg-light:hover {
  background-color: #2ea586 !important;
}
.u-bg-basic {
  background-color: #a6c21f !important;
}
a.u-bg-basic:hover,
a .u-bg-basic:hover {
  background-color: #809618 !important;
}
.u-bg-expert {
  background-color: #67bf64 !important;
}
a.u-bg-expert:hover,
a .u-bg-expert:hover {
  background-color: #49aa46 !important;
}
.u-bg-keep {
  background-color: #5d9cec !important;
}
a.u-bg-keep:hover,
a .u-bg-keep:hover {
  background-color: #2f80e7 !important;
}
.u-bg-twitter {
  background-color: #50c1e9 !important;
}
a.u-bg-twitter:hover,
a .u-bg-twitter:hover {
  background-color: #23b1e3 !important;
}
.u-bg-facebook {
  background-color: #5d9cec !important;
}
a.u-bg-facebook:hover,
a .u-bg-facebook:hover {
  background-color: #2f80e7 !important;
}
.u-bg-google {
  background-color: #fb6e52 !important;
}
a.u-bg-google:hover,
a .u-bg-google:hover {
  background-color: #fa4420 !important;
}
.u-bg-yahoo {
  background-color: #ee5567 !important;
}
a.u-bg-yahoo:hover,
a .u-bg-yahoo:hover {
  background-color: #e9273e !important;
}
.u-bg-day-time {
  background-color: #ce346b !important;
}
a.u-bg-day-time:hover,
a .u-bg-day-time:hover {
  background-color: #a72855 !important;
}
.u-bg-night-time {
  background-color: #3692c5 !important;
}
a.u-bg-night-time:hover,
a .u-bg-night-time:hover {
  background-color: #2b749d !important;
}
.u-bg-living-time {
  background-color: #3d9954 !important;
}
a.u-bg-living-time:hover,
a .u-bg-living-time:hover {
  background-color: #2e7540 !important;
}
.u-overflow-block {
  width: 100%;
  height: 200px;
  overflow: auto;
  padding: 20px;
  border: 1px solid #DDD;
  box-sizing: border-box;
  background-color: #FFF;
}
/* =========================================================

 Utility margin padding

========================================================= */
/* margin 5の倍数
======================================== */
/* margin all 
------------------------------ */
.u-ma0 {
  margin: 0px !important;
}
.u-ma5 {
  margin: 5px !important;
}
.u-ma10 {
  margin: 10px !important;
}
.u-ma15 {
  margin: 15px !important;
}
.u-ma20 {
  margin: 20px !important;
}
.u-ma25 {
  margin: 25px !important;
}
.u-ma30 {
  margin: 30px !important;
}
.u-ma35 {
  margin: 35px !important;
}
.u-ma40 {
  margin: 40px !important;
}
.u-ma45 {
  margin: 45px !important;
}
.u-ma50 {
  margin: 50px !important;
}
.u-ma55 {
  margin: 55px !important;
}
.u-ma60 {
  margin: 60px !important;
}
.u-ma65 {
  margin: 65px !important;
}
.u-ma70 {
  margin: 70px !important;
}
.u-ma75 {
  margin: 75px !important;
}
.u-ma80 {
  margin: 80px !important;
}
.u-ma85 {
  margin: 85px !important;
}
.u-ma90 {
  margin: 90px !important;
}
.u-ma95 {
  margin: 95px !important;
}
.u-ma100 {
  margin: 100px !important;
}
/* margin-top
------------------------------ */
.u-maT-5 {
  margin-top: -5px !important;
}
.u-maT-10 {
  margin-top: -10px !important;
}
.u-maT-15 {
  margin-top: -15px !important;
}
.u-maT-20 {
  margin-top: -20px !important;
}
.u-maT-25 {
  margin-top: -25px !important;
}
.u-maT-30 {
  margin-top: -30px !important;
}
.u-maT-35 {
  margin-top: -35px !important;
}
.u-maT-40 {
  margin-top: -40px !important;
}
.u-maT-45 {
  margin-top: -45px !important;
}
.u-maT-50 {
  margin-top: -50px !important;
}
.u-maT0 {
  margin-top: 0px !important;
}
.u-maT5 {
  margin-top: 5px !important;
}
.u-maT10 {
  margin-top: 10px !important;
}
.u-maT15 {
  margin-top: 15px !important;
}
.u-maT20 {
  margin-top: 20px !important;
}
.u-maT25 {
  margin-top: 25px !important;
}
.u-maT30 {
  margin-top: 30px !important;
}
.u-maT35 {
  margin-top: 35px !important;
}
.u-maT40 {
  margin-top: 40px !important;
}
.u-maT45 {
  margin-top: 45px !important;
}
.u-maT50 {
  margin-top: 50px !important;
}
.u-maT55 {
  margin-top: 55px !important;
}
.u-maT60 {
  margin-top: 60px !important;
}
.u-maT65 {
  margin-top: 65px !important;
}
.u-maT70 {
  margin-top: 70px !important;
}
.u-maT75 {
  margin-top: 75px !important;
}
.u-maT80 {
  margin-top: 80px !important;
}
.u-maT85 {
  margin-top: 85px !important;
}
.u-maT90 {
  margin-top: 90px !important;
}
.u-maT95 {
  margin-top: 95px !important;
}
.u-maT100 {
  margin-top: 100px !important;
}
/* margin-right
------------------------------ */
.u-maR-5 {
  margin-right: -5px !important;
}
.u-maR-10 {
  margin-right: -10px !important;
}
.u-maR-15 {
  margin-right: -15px !important;
}
.u-maR-20 {
  margin-right: -20px !important;
}
.u-maR-25 {
  margin-right: -25px !important;
}
.u-maR-30 {
  margin-right: -30px !important;
}
.u-maR-35 {
  margin-right: -35px !important;
}
.u-maR-40 {
  margin-right: -40px !important;
}
.u-maR-45 {
  margin-right: -45px !important;
}
.u-maR-50 {
  margin-right: -50px !important;
}
.u-maR0 {
  margin-right: 0px !important;
}
.u-maR5 {
  margin-right: 5px !important;
}
.u-maR10 {
  margin-right: 10px !important;
}
.u-maR15 {
  margin-right: 15px !important;
}
.u-maR20 {
  margin-right: 20px !important;
}
.u-maR25 {
  margin-right: 25px !important;
}
.u-maR30 {
  margin-right: 30px !important;
}
.u-maR35 {
  margin-right: 35px !important;
}
.u-maR40 {
  margin-right: 40px !important;
}
.u-maR45 {
  margin-right: 45px !important;
}
.u-maR50 {
  margin-right: 50px !important;
}
.u-maR55 {
  margin-right: 55px !important;
}
.u-maR60 {
  margin-right: 60px !important;
}
.u-maR65 {
  margin-right: 65px !important;
}
.u-maR70 {
  margin-right: 70px !important;
}
.u-maR75 {
  margin-right: 75px !important;
}
.u-maR80 {
  margin-right: 80px !important;
}
.u-maR85 {
  margin-right: 85px !important;
}
.u-maR90 {
  margin-right: 90px !important;
}
.u-maR95 {
  margin-right: 95px !important;
}
.u-maR100 {
  margin-right: 100px !important;
}
/* margin-bottom
------------------------------ */
.u-maB0 {
  margin-bottom: 0px !important;
}
.u-maB-5 {
  margin-bottom: -5px !important;
}
.u-maB-10 {
  margin-bottom: -10px !important;
}
.u-maB-15 {
  margin-bottom: -15px !important;
}
.u-maB-20 {
  margin-bottom: -20px !important;
}
.u-maB-25 {
  margin-bottom: -25px !important;
}
.u-maB-30 {
  margin-bottom: -30px !important;
}
.u-maB-35 {
  margin-bottom: -35px !important;
}
.u-maB-40 {
  margin-bottom: -40px !important;
}
.u-maB-45 {
  margin-bottom: -45px !important;
}
.u-maB-50 {
  margin-bottom: -50px !important;
}
.u-maB0 {
  margin-bottom: 0px !important;
}
.u-maB5 {
  margin-bottom: 5px !important;
}
.u-maB10 {
  margin-bottom: 10px !important;
}
.u-maB15 {
  margin-bottom: 15px !important;
}
.u-maB20 {
  margin-bottom: 20px !important;
}
.u-maB25 {
  margin-bottom: 25px !important;
}
.u-maB30 {
  margin-bottom: 30px !important;
}
.u-maB35 {
  margin-bottom: 35px !important;
}
.u-maB40 {
  margin-bottom: 40px !important;
}
.u-maB45 {
  margin-bottom: 45px !important;
}
.u-maB50 {
  margin-bottom: 50px !important;
}
.u-maB55 {
  margin-bottom: 55px !important;
}
.u-maB60 {
  margin-bottom: 60px !important;
}
.u-maB65 {
  margin-bottom: 65px !important;
}
.u-maB70 {
  margin-bottom: 70px !important;
}
.u-maB75 {
  margin-bottom: 75px !important;
}
.u-maB80 {
  margin-bottom: 80px !important;
}
.u-maB85 {
  margin-bottom: 85px !important;
}
.u-maB90 {
  margin-bottom: 90px !important;
}
.u-maB95 {
  margin-bottom: 95px !important;
}
.u-maB100 {
  margin-bottom: 100px !important;
}
/* margin-left
------------------------------ */
.u-maL0 {
  margin-left: 0px !important;
}
.u-maL-5 {
  margin-left: -5px !important;
}
.u-maL-10 {
  margin-left: -10px !important;
}
.u-maL-15 {
  margin-left: -15px !important;
}
.u-maL-20 {
  margin-left: -20px !important;
}
.u-maL-25 {
  margin-left: -25px !important;
}
.u-maL-30 {
  margin-left: -30px !important;
}
.u-maL-35 {
  margin-left: -35px !important;
}
.u-maL-40 {
  margin-left: -40px !important;
}
.u-maL-45 {
  margin-left: -45px !important;
}
.u-maL-50 {
  margin-left: -50px !important;
}
.u-maL0 {
  margin-left: 0px !important;
}
.u-maL5 {
  margin-left: 5px !important;
}
.u-maL10 {
  margin-left: 10px !important;
}
.u-maL15 {
  margin-left: 15px !important;
}
.u-maL20 {
  margin-left: 20px !important;
}
.u-maL25 {
  margin-left: 25px !important;
}
.u-maL30 {
  margin-left: 30px !important;
}
.u-maL35 {
  margin-left: 35px !important;
}
.u-maL40 {
  margin-left: 40px !important;
}
.u-maL45 {
  margin-left: 45px !important;
}
.u-maL50 {
  margin-left: 50px !important;
}
.u-maL55 {
  margin-left: 55px !important;
}
.u-maL60 {
  margin-left: 60px !important;
}
.u-maL65 {
  margin-left: 65px !important;
}
.u-maL70 {
  margin-left: 70px !important;
}
.u-maL75 {
  margin-left: 75px !important;
}
.u-maL80 {
  margin-left: 80px !important;
}
.u-maL85 {
  margin-left: 85px !important;
}
.u-maL90 {
  margin-left: 90px !important;
}
.u-maL95 {
  margin-left: 95px !important;
}
.u-maL100 {
  margin-left: 100px !important;
}
/* margin 4の倍数
======================================== */
/* margin all 
------------------------------ */
.u-ma0 {
  margin: 0px !important;
}
.u-ma4 {
  margin: 4px !important;
}
.u-ma8 {
  margin: 8px !important;
}
.u-ma12 {
  margin: 12px !important;
}
.u-ma16 {
  margin: 16px !important;
}
.u-ma20 {
  margin: 20px !important;
}
.u-ma24 {
  margin: 24px !important;
}
.u-ma28 {
  margin: 28px !important;
}
.u-ma32 {
  margin: 32px !important;
}
.u-ma36 {
  margin: 36px !important;
}
.u-ma40 {
  margin: 40px !important;
}
.u-ma44 {
  margin: 44px !important;
}
.u-ma48 {
  margin: 48px !important;
}
.u-ma52 {
  margin: 52px !important;
}
.u-ma56 {
  margin: 56px !important;
}
.u-ma60 {
  margin: 60px !important;
}
.u-ma64 {
  margin: 64px !important;
}
.u-ma68 {
  margin: 68px !important;
}
.u-ma72 {
  margin: 72px !important;
}
.u-ma76 {
  margin: 76px !important;
}
.u-ma80 {
  margin: 80px !important;
}
/* margin-top
------------------------------ */
/*削除.u-maT0 .u-maT-20 .u-maT-40 .u-maT20 .u-maT40 .u-maT60 .u-maT80*/
.u-maT-4 {
  margin-top: -4px !important;
}
.u-maT-8 {
  margin-top: -8px !important;
}
.u-maT-12 {
  margin-top: -12px !important;
}
.u-maT-16 {
  margin-top: -16px !important;
}
.u-maT-24 {
  margin-top: -24px !important;
}
.u-maT-28 {
  margin-top: -28px !important;
}
.u-maT-32 {
  margin-top: -32px !important;
}
.u-maT-36 {
  margin-top: -36px !important;
}
.u-maT4 {
  margin-top: 4px !important;
}
.u-maT8 {
  margin-top: 8px !important;
}
.u-maT12 {
  margin-top: 12px !important;
}
.u-maT16 {
  margin-top: 16px !important;
}
.u-maT24 {
  margin-top: 24px !important;
}
.u-maT28 {
  margin-top: 28px !important;
}
.u-maT32 {
  margin-top: 32px !important;
}
.u-maT36 {
  margin-top: 36px !important;
}
.u-maT44 {
  margin-top: 44px !important;
}
.u-maT48 {
  margin-top: 48px !important;
}
.u-maT52 {
  margin-top: 52px !important;
}
.u-maT56 {
  margin-top: 56px !important;
}
.u-maT64 {
  margin-top: 64px !important;
}
.u-maT68 {
  margin-top: 68px !important;
}
.u-maT72 {
  margin-top: 72px !important;
}
.u-maT76 {
  margin-top: 76px !important;
}
/* margin-right
------------------------------ */
/*削除.u-maR0 .u-maR-20 .u-maR-40 .u-maR20 .u-maR40 .u-maR60 .u-maR80*/
.u-maR-4 {
  margin-right: -4px !important;
}
.u-maR-8 {
  margin-right: -8px !important;
}
.u-maR-12 {
  margin-right: -12px !important;
}
.u-maR-16 {
  margin-right: -16px !important;
}
.u-maR-24 {
  margin-right: -24px !important;
}
.u-maR-28 {
  margin-right: -28px !important;
}
.u-maR-32 {
  margin-right: -32px !important;
}
.u-maR-36 {
  margin-right: -36px !important;
}
.u-maR4 {
  margin-right: 4px !important;
}
.u-maR8 {
  margin-right: 8px !important;
}
.u-maR12 {
  margin-right: 12px !important;
}
.u-maR16 {
  margin-right: 16px !important;
}
.u-maR24 {
  margin-right: 24px !important;
}
.u-maR28 {
  margin-right: 28px !important;
}
.u-maR32 {
  margin-right: 32px !important;
}
.u-maR36 {
  margin-right: 36px !important;
}
.u-maR44 {
  margin-right: 44px !important;
}
.u-maR48 {
  margin-right: 48px !important;
}
.u-maR52 {
  margin-right: 52px !important;
}
.u-maR56 {
  margin-right: 56px !important;
}
.u-maR64 {
  margin-right: 64px !important;
}
.u-maR68 {
  margin-right: 68px !important;
}
.u-maR72 {
  margin-right: 72px !important;
}
.u-maR76 {
  margin-right: 76px !important;
}
/* margin-bottom
------------------------------ */
/*削除.u-maB0 .u-maB-20 .u-maB-40 .u-maB20 .u-maB40 .u-maB60 .u-maB80*/
.u-maB-4 {
  margin-bottom: -4px !important;
}
.u-maB-8 {
  margin-bottom: -8px !important;
}
.u-maB-12 {
  margin-bottom: -12px !important;
}
.u-maB-16 {
  margin-bottom: -16px !important;
}
.u-maB-24 {
  margin-bottom: -24px !important;
}
.u-maB-28 {
  margin-bottom: -28px !important;
}
.u-maB-32 {
  margin-bottom: -32px !important;
}
.u-maB-36 {
  margin-bottom: -36px !important;
}
.u-maB4 {
  margin-bottom: 4px !important;
}
.u-maB8 {
  margin-bottom: 8px !important;
}
.u-maB12 {
  margin-bottom: 12px !important;
}
.u-maB16 {
  margin-bottom: 16px !important;
}
.u-maB24 {
  margin-bottom: 24px !important;
}
.u-maB28 {
  margin-bottom: 28px !important;
}
.u-maB32 {
  margin-bottom: 32px !important;
}
.u-maB36 {
  margin-bottom: 36px !important;
}
.u-maB44 {
  margin-bottom: 44px !important;
}
.u-maB48 {
  margin-bottom: 48px !important;
}
.u-maB52 {
  margin-bottom: 52px !important;
}
.u-maB56 {
  margin-bottom: 56px !important;
}
.u-maB64 {
  margin-bottom: 64px !important;
}
.u-maB68 {
  margin-bottom: 68px !important;
}
.u-maB72 {
  margin-bottom: 72px !important;
}
.u-maB76 {
  margin-bottom: 76px !important;
}
/* margin-left
------------------------------ */
/*削除.u-maL0 .u-maL-20 .u-maL-40 .u-maL20 .u-maL40 .u-maL60 .u-maL80*/
.u-maL-4 {
  margin-left: -4px !important;
}
.u-maL-8 {
  margin-left: -8px !important;
}
.u-maL-12 {
  margin-left: -12px !important;
}
.u-maL-16 {
  margin-left: -16px !important;
}
.u-maL-24 {
  margin-left: -24px !important;
}
.u-maL-28 {
  margin-left: -28px !important;
}
.u-maL-32 {
  margin-left: -32px !important;
}
.u-maL-36 {
  margin-left: -36px !important;
}
.u-maL4 {
  margin-left: 4px !important;
}
.u-maL8 {
  margin-left: 8px !important;
}
.u-maL12 {
  margin-left: 12px !important;
}
.u-maL16 {
  margin-left: 16px !important;
}
.u-maL24 {
  margin-left: 24px !important;
}
.u-maL28 {
  margin-left: 28px !important;
}
.u-maL32 {
  margin-left: 32px !important;
}
.u-maL36 {
  margin-left: 36px !important;
}
.u-maL44 {
  margin-left: 44px !important;
}
.u-maL48 {
  margin-left: 48px !important;
}
.u-maL52 {
  margin-left: 52px !important;
}
.u-maL56 {
  margin-left: 56px !important;
}
.u-maL64 {
  margin-left: 64px !important;
}
.u-maL68 {
  margin-left: 68px !important;
}
.u-maL72 {
  margin-left: 72px !important;
}
.u-maL76 {
  margin-left: 76px !important;
}
/* margin 7の倍数
======================================== */
/* margin all 
------------------------------ */
.u-ma0 {
  margin: 0px !important;
}
.u-ma7 {
  margin: 7px !important;
}
.u-ma14 {
  margin: 14px !important;
}
.u-ma21 {
  margin: 21px !important;
}
.u-ma28 {
  margin: 28px !important;
}
.u-ma35 {
  margin: 35px !important;
}
.u-ma42 {
  margin: 42px !important;
}
.u-ma49 {
  margin: 49px !important;
}
.u-ma56 {
  margin: 56px !important;
}
.u-ma63 {
  margin: 63px !important;
}
.u-ma70 {
  margin: 70px !important;
}
/* margin-top
------------------------------ */
/*削除.u-maT0.u-maT-35 .u-maT35 .u-maT70*/
.u-maT-7 {
  margin-top: -7px !important;
}
.u-maT-14 {
  margin-top: -14px !important;
}
.u-maT-21 {
  margin-top: -21px !important;
}
.u-maT-28 {
  margin-top: -28px !important;
}
.u-maT7 {
  margin-top: 7px !important;
}
.u-maT14 {
  margin-top: 14px !important;
}
.u-maT21 {
  margin-top: 21px !important;
}
.u-maT28 {
  margin-top: 28px !important;
}
.u-maT42 {
  margin-top: 42px !important;
}
.u-maT49 {
  margin-top: 49px !important;
}
.u-maT56 {
  margin-top: 56px !important;
}
.u-maT63 {
  margin-top: 63px !important;
}
/* margin-right
------------------------------ */
/*削除.u-maR0 .u-maR-35 .u-maR35 .u-maR70*/
.u-maR-7 {
  margin-right: -7px !important;
}
.u-maR-14 {
  margin-right: -14px !important;
}
.u-maR-21 {
  margin-right: -21px !important;
}
.u-maR-28 {
  margin-right: -28px !important;
}
.u-maR7 {
  margin-right: 7px !important;
}
.u-maR14 {
  margin-right: 14px !important;
}
.u-maR21 {
  margin-right: 21px !important;
}
.u-maR28 {
  margin-right: 28px !important;
}
.u-maR42 {
  margin-right: 42px !important;
}
.u-maR49 {
  margin-right: 49px !important;
}
.u-maR56 {
  margin-right: 56px !important;
}
.u-maR63 {
  margin-right: 63px !important;
}
/* margin-bottom
------------------------------ */
/*削除.u-maR0 .u-maR-35 .u-maR35 .u-maR70*/
.u-maB-7 {
  margin-bottom: -7px !important;
}
.u-maB-14 {
  margin-bottom: -14px !important;
}
.u-maB-21 {
  margin-bottom: -21px !important;
}
.u-maB-28 {
  margin-bottom: -28px !important;
}
.u-maB7 {
  margin-bottom: 7px !important;
}
.u-maB14 {
  margin-bottom: 14px !important;
}
.u-maB21 {
  margin-bottom: 21px !important;
}
.u-maB28 {
  margin-bottom: 28px !important;
}
.u-maB42 {
  margin-bottom: 42px !important;
}
.u-maB49 {
  margin-bottom: 49px !important;
}
.u-maB56 {
  margin-bottom: 56px !important;
}
.u-maB63 {
  margin-bottom: 63px !important;
}
/* margin-left
------------------------------ */
/*削除.u-maL0 .u-maL-35 .u-maL35 .u-maL70*/
.u-maL-7 {
  margin-left: -7px !important;
}
.u-maL-14 {
  margin-left: -14px !important;
}
.u-maL-21 {
  margin-left: -21px !important;
}
.u-maL-28 {
  margin-left: -28px !important;
}
.u-maL7 {
  margin-left: 7px !important;
}
.u-maL14 {
  margin-left: 14px !important;
}
.u-maL21 {
  margin-left: 21px !important;
}
.u-maL28 {
  margin-left: 28px !important;
}
.u-maL42 {
  margin-left: 42px !important;
}
.u-maL49 {
  margin-left: 49px !important;
}
.u-maL56 {
  margin-left: 56px !important;
}
.u-maL63 {
  margin-left: 63px !important;
}
/* padding 5の倍数
======================================== */
/* padding all
------------------------------ */
.u-pa0 {
  padding: 0px !important;
}
.u-pa5 {
  padding: 5px !important;
}
.u-pa10 {
  padding: 10px !important;
}
.u-pa15 {
  padding: 15px !important;
}
.u-pa20 {
  padding: 20px !important;
}
.u-pa25 {
  padding: 25px !important;
}
.u-pa30 {
  padding: 30px !important;
}
.u-pa35 {
  padding: 35px !important;
}
.u-pa40 {
  padding: 40px !important;
}
.u-pa45 {
  padding: 45px !important;
}
.u-pa50 {
  padding: 50px !important;
}
.u-pa55 {
  padding: 55px !important;
}
.u-pa60 {
  padding: 60px !important;
}
.u-pa65 {
  padding: 65px !important;
}
.u-pa70 {
  padding: 70px !important;
}
.u-pa75 {
  padding: 75px !important;
}
.u-pa80 {
  padding: 80px !important;
}
.u-pa85 {
  padding: 85px !important;
}
.u-pa90 {
  padding: 90px !important;
}
.u-pa95 {
  padding: 95px !important;
}
.u-pa100 {
  padding: 100px !important;
}
/* padding-top
------------------------------ */
.u-paT0 {
  padding-top: 0px !important;
}
.u-paT5 {
  padding-top: 5px !important;
}
.u-paT10 {
  padding-top: 10px !important;
}
.u-paT15 {
  padding-top: 15px !important;
}
.u-paT20 {
  padding-top: 20px !important;
}
.u-paT25 {
  padding-top: 25px !important;
}
.u-paT30 {
  padding-top: 30px !important;
}
.u-paT35 {
  padding-top: 35px !important;
}
.u-paT40 {
  padding-top: 40px !important;
}
.u-paT45 {
  padding-top: 45px !important;
}
.u-paT50 {
  padding-top: 50px !important;
}
.u-paT55 {
  padding-top: 55px !important;
}
.u-paT60 {
  padding-top: 60px !important;
}
.u-paT65 {
  padding-top: 65px !important;
}
.u-paT70 {
  padding-top: 70px !important;
}
.u-paT75 {
  padding-top: 75px !important;
}
.u-paT80 {
  padding-top: 80px !important;
}
.u-paT85 {
  padding-top: 85px !important;
}
.u-paT90 {
  padding-top: 90px !important;
}
.u-paT95 {
  padding-top: 95px !important;
}
.u-paT100 {
  padding-top: 100px !important;
}
/* padding-right
------------------------------ */
.u-paR0 {
  padding-right: 0px !important;
}
.u-paR5 {
  padding-right: 5px !important;
}
.u-paR10 {
  padding-right: 10px !important;
}
.u-paR15 {
  padding-right: 15px !important;
}
.u-paR20 {
  padding-right: 20px !important;
}
.u-paR25 {
  padding-right: 25px !important;
}
.u-paR30 {
  padding-right: 30px !important;
}
.u-paR35 {
  padding-right: 35px !important;
}
.u-paR40 {
  padding-right: 40px !important;
}
.u-paR45 {
  padding-right: 45px !important;
}
.u-paR50 {
  padding-right: 50px !important;
}
.u-paR55 {
  padding-right: 55px !important;
}
.u-paR60 {
  padding-right: 60px !important;
}
.u-paR65 {
  padding-right: 65px !important;
}
.u-paR70 {
  padding-right: 70px !important;
}
.u-paR75 {
  padding-right: 75px !important;
}
.u-paR80 {
  padding-right: 80px !important;
}
.u-paR85 {
  padding-right: 85px !important;
}
.u-paR90 {
  padding-right: 90px !important;
}
.u-paR95 {
  padding-right: 95px !important;
}
.u-paR100 {
  padding-right: 100px !important;
}
/* padding-bottom
------------------------------ */
.u-paB0 {
  padding-bottom: 0px !important;
}
.u-paB5 {
  padding-bottom: 5px !important;
}
.u-paB10 {
  padding-bottom: 10px !important;
}
.u-paB15 {
  padding-bottom: 15px !important;
}
.u-paB20 {
  padding-bottom: 20px !important;
}
.u-paB25 {
  padding-bottom: 25px !important;
}
.u-paB30 {
  padding-bottom: 30px !important;
}
.u-paB35 {
  padding-bottom: 35px !important;
}
.u-paB40 {
  padding-bottom: 40px !important;
}
.u-paB45 {
  padding-bottom: 45px !important;
}
.u-paB50 {
  padding-bottom: 50px !important;
}
.u-paB55 {
  padding-bottom: 55px !important;
}
.u-paB60 {
  padding-bottom: 60px !important;
}
.u-paB65 {
  padding-bottom: 65px !important;
}
.u-paB70 {
  padding-bottom: 70px !important;
}
.u-paB75 {
  padding-bottom: 75px !important;
}
.u-paB80 {
  padding-bottom: 80px !important;
}
.u-paB85 {
  padding-bottom: 85px !important;
}
.u-paB90 {
  padding-bottom: 90px !important;
}
.u-paB95 {
  padding-bottom: 95px !important;
}
.u-paB100 {
  padding-bottom: 100px !important;
}
/* padding-left
------------------------------ */
.u-paL0 {
  padding-left: 0px !important;
}
.u-paL5 {
  padding-left: 5px !important;
}
.u-paL10 {
  padding-left: 10px !important;
}
.u-paL15 {
  padding-left: 15px !important;
}
.u-paL20 {
  padding-left: 20px !important;
}
.u-paL25 {
  padding-left: 25px !important;
}
.u-paL30 {
  padding-left: 30px !important;
}
.u-paL35 {
  padding-left: 35px !important;
}
.u-paL40 {
  padding-left: 40px !important;
}
.u-paL45 {
  padding-left: 45px !important;
}
.u-paL50 {
  padding-left: 50px !important;
}
.u-paL55 {
  padding-left: 55px !important;
}
.u-paL60 {
  padding-left: 60px !important;
}
.u-paL65 {
  padding-left: 65px !important;
}
.u-paL70 {
  padding-left: 70px !important;
}
.u-paL75 {
  padding-left: 75px !important;
}
.u-paL80 {
  padding-left: 80px !important;
}
.u-paL85 {
  padding-left: 85px !important;
}
.u-paL90 {
  padding-left: 90px !important;
}
.u-paL95 {
  padding-left: 95px !important;
}
.u-paL100 {
  padding-left: 100px !important;
}
/* padding 4の倍数
======================================== */
/* padding all
------------------------------ */
.u-pa0 {
  padding: 0px !important;
}
.u-pa4 {
  padding: 4px !important;
}
.u-pa8 {
  padding: 8px !important;
}
.u-pa12 {
  padding: 12px !important;
}
.u-pa16 {
  padding: 16px !important;
}
.u-pa20 {
  padding: 20px !important;
}
.u-pa24 {
  padding: 24px !important;
}
.u-pa28 {
  padding: 28px !important;
}
.u-pa32 {
  padding: 32px !important;
}
.u-pa36 {
  padding: 36px !important;
}
.u-pa40 {
  padding: 40px !important;
}
.u-pa44 {
  padding: 44px !important;
}
.u-pa48 {
  padding: 48px !important;
}
.u-pa52 {
  padding: 52px !important;
}
.u-pa56 {
  padding: 56px !important;
}
.u-pa60 {
  padding: 60px !important;
}
.u-pa64 {
  padding: 64px !important;
}
.u-pa68 {
  padding: 68px !important;
}
.u-pa72 {
  padding: 72px !important;
}
.u-pa76 {
  padding: 76px !important;
}
.u-pa80 {
  padding: 80px !important;
}
/* padding-top
------------------------------ */
/*削除.u-paT0 .u-paT20 .u-paT40 .u-paT60 .u-paT80*/
.u-paT4 {
  padding-top: 4px !important;
}
.u-paT8 {
  padding-top: 8px !important;
}
.u-paT12 {
  padding-top: 12px !important;
}
.u-paT16 {
  padding-top: 16px !important;
}
.u-paT24 {
  padding-top: 24px !important;
}
.u-paT28 {
  padding-top: 28px !important;
}
.u-paT32 {
  padding-top: 32px !important;
}
.u-paT36 {
  padding-top: 36px !important;
}
.u-paT44 {
  padding-top: 44px !important;
}
.u-paT48 {
  padding-top: 48px !important;
}
.u-paT52 {
  padding-top: 52px !important;
}
.u-paT56 {
  padding-top: 56px !important;
}
.u-paT64 {
  padding-top: 64px !important;
}
.u-paT68 {
  padding-top: 68px !important;
}
.u-paT72 {
  padding-top: 72px !important;
}
.u-paT76 {
  padding-top: 76px !important;
}
/* padding-right
------------------------------ */
/*削除.u-paR0 .u-paR20 .u-paR40 .u-paR60 .u-paR80*/
.u-paR4 {
  padding-right: 4px !important;
}
.u-paR8 {
  padding-right: 8px !important;
}
.u-paR12 {
  padding-right: 12px !important;
}
.u-paR16 {
  padding-right: 16px !important;
}
.u-paR24 {
  padding-right: 24px !important;
}
.u-paR28 {
  padding-right: 28px !important;
}
.u-paR32 {
  padding-right: 32px !important;
}
.u-paR36 {
  padding-right: 36px !important;
}
.u-paR44 {
  padding-right: 44px !important;
}
.u-paR48 {
  padding-right: 48px !important;
}
.u-paR52 {
  padding-right: 52px !important;
}
.u-paR56 {
  padding-right: 56px !important;
}
.u-paR64 {
  padding-right: 64px !important;
}
.u-paR68 {
  padding-right: 68px !important;
}
.u-paR72 {
  padding-right: 72px !important;
}
.u-paR76 {
  padding-right: 76px !important;
}
/* padding-bottom
------------------------------ */
/*削除.u-paB0 .u-paB20 .u-paB40 .u-paB60 .u-paB80*/
.u-paB4 {
  padding-bottom: 4px !important;
}
.u-paB8 {
  padding-bottom: 8px !important;
}
.u-paB12 {
  padding-bottom: 12px !important;
}
.u-paB16 {
  padding-bottom: 16px !important;
}
.u-paB24 {
  padding-bottom: 24px !important;
}
.u-paB28 {
  padding-bottom: 28px !important;
}
.u-paB32 {
  padding-bottom: 32px !important;
}
.u-paB36 {
  padding-bottom: 36px !important;
}
.u-paB44 {
  padding-bottom: 44px !important;
}
.u-paB48 {
  padding-bottom: 48px !important;
}
.u-paB52 {
  padding-bottom: 52px !important;
}
.u-paB56 {
  padding-bottom: 56px !important;
}
.u-paB64 {
  padding-bottom: 64px !important;
}
.u-paB68 {
  padding-bottom: 68px !important;
}
.u-paB72 {
  padding-bottom: 72px !important;
}
.u-paB76 {
  padding-bottom: 76px !important;
}
/* padding-left
------------------------------ */
/*削除.u-paL0 .u-paL20 .u-paL40 .u-paL60 .u-paL80*/
.u-paL4 {
  padding-left: 4px !important;
}
.u-paL8 {
  padding-left: 8px !important;
}
.u-paL12 {
  padding-left: 12px !important;
}
.u-paL16 {
  padding-left: 16px !important;
}
.u-paL24 {
  padding-left: 24px !important;
}
.u-paL28 {
  padding-left: 28px !important;
}
.u-paL32 {
  padding-left: 32px !important;
}
.u-paL36 {
  padding-left: 36px !important;
}
.u-paL44 {
  padding-left: 44px !important;
}
.u-paL48 {
  padding-left: 48px !important;
}
.u-paL52 {
  padding-left: 52px !important;
}
.u-paL56 {
  padding-left: 56px !important;
}
.u-paL64 {
  padding-left: 64px !important;
}
.u-paL68 {
  padding-left: 68px !important;
}
.u-paL72 {
  padding-left: 72px !important;
}
.u-paL76 {
  padding-left: 76px !important;
}
/* padding 7の倍数
======================================== */
/* padding all
------------------------------ */
.u-pa0 {
  padding: 0px !important;
}
.u-pa7 {
  padding: 7px !important;
}
.u-pa14 {
  padding: 14px !important;
}
.u-pa21 {
  padding: 21px !important;
}
.u-pa28 {
  padding: 28px !important;
}
.u-pa35 {
  padding: 35px !important;
}
.u-pa42 {
  padding: 42px !important;
}
.u-pa49 {
  padding: 49px !important;
}
.u-pa56 {
  padding: 56px !important;
}
.u-pa63 {
  padding: 63px !important;
}
.u-pa70 {
  padding: 70px !important;
}
/* padding-top
------------------------------ */
/*削除.u-paT0 .u-paT35 .u-paT70*/
.u-paT7 {
  padding-top: 7px !important;
}
.u-paT14 {
  padding-top: 14px !important;
}
.u-paT21 {
  padding-top: 21px !important;
}
.u-paT28 {
  padding-top: 28px !important;
}
.u-paT42 {
  padding-top: 42px !important;
}
.u-paT49 {
  padding-top: 49px !important;
}
.u-paT56 {
  padding-top: 56px !important;
}
.u-paT63 {
  padding-top: 63px !important;
}
/* padding-right
------------------------------ */
/*削除.u-paR0 .u-paR35 .u-paR70*/
.u-paR7 {
  padding-right: 7px !important;
}
.u-paR14 {
  padding-right: 14px !important;
}
.u-paR21 {
  padding-right: 21px !important;
}
.u-paR28 {
  padding-right: 28px !important;
}
.u-paR42 {
  padding-right: 42px !important;
}
.u-paR49 {
  padding-right: 49px !important;
}
.u-paR56 {
  padding-right: 56px !important;
}
.u-paR63 {
  padding-right: 63px !important;
}
/* padding-bottom
------------------------------ */
/*削除.u-paB0 .u-paB35 .u-paB70*/
.u-paB7 {
  padding-bottom: 7px !important;
}
.u-paB14 {
  padding-bottom: 14px !important;
}
.u-paB21 {
  padding-bottom: 21px !important;
}
.u-paB28 {
  padding-bottom: 28px !important;
}
.u-paB42 {
  padding-bottom: 42px !important;
}
.u-paB49 {
  padding-bottom: 49px !important;
}
.u-paB56 {
  padding-bottom: 56px !important;
}
.u-paB63 {
  padding-bottom: 63px !important;
}
/* padding-left
------------------------------ */
/*削除.u-paL0 .u-paL35 .u-paL70*/
.u-paL7 {
  padding-left: 7px !important;
}
.u-paL14 {
  padding-left: 14px !important;
}
.u-paL21 {
  padding-left: 21px !important;
}
.u-paL28 {
  padding-left: 28px !important;
}
.u-paL42 {
  padding-left: 42px !important;
}
.u-paL49 {
  padding-left: 49px !important;
}
.u-paL56 {
  padding-left: 56px !important;
}
.u-paL63 {
  padding-left: 63px !important;
}
/************************************/
/*      �����芮�����ʁiPC�p�j      */
/************************************/
.lc-complete-link-button {
  background-color: #E0E0E1;
}
.lc-complete-link-button .b-nav-btn:hover {
  background-color: #C0AF73;
  border-color: #A0926B;
}
.lc-coupon-complete-banner {
  width: 94%;
  margin: 0 auto;
  background-color: white;
  text-align: center;
  vertical-align: middle;
  margin-top: 14px;
  margin-bottom: 14px;
}
.context-area {
  font-size: 10px;
}
.lc-complete-link-button .b-nav-btn {
  background-color: #ccb983;
  border-color: #A0926B;
  margin-top: 5%;
  width: 20%;
}
.lc-context {
  font-size: 22px;
}
.lc-complete-img {
  width: 100%;
}
.i-icon {
  width: 5%;
  height: 5%;
}
.closefont {
  font-size: 24px;
}
/* Sitecore�̃e�L�X�g�G�f�B�^��class�w�� */
.red-font {
  font-size: 40px;
  color: red;
  font-weight: bold;
}
.br-sma {
    display: none;
}
/**************************************/
/*      �N�[�|���ڍ׉��ʁiPC�p�j      */
/**************************************/
.base-2600 {
    width: 80%;
    margin: 2% auto !important;
    background-color: #E2E2E2;
  border-top: solid 1px #f5f3ef;
    border-right: solid 1px #D7CDBC;
    border-bottom: solid 1px #D7CDBC;
  border-left: solid 1px #f5f3ef;
}
.base-2600 .content-header {
    padding: 1%;
    background-color: white;
  overflow: hidden;
}
/* �V���b�v���S�\���G���A */
.l-nav-area-shop-thumbnail {
    float: left;
  width: 10%;
}
/* �V���b�v���S�T�C�Y */
.shopThumbnail {
    width: 100%;
}
/* �V���b�v���G���A */
.l-nav-area-ShopName {
    float: left;
    width: 50%;
    padding-top: 4%;
    padding-left: 2%;
  font-size: 150%;
    font-weight: bold;
}
/* �N�[�|�����ʃ��S�G���A*/
.l-nav-area-couponKind {
    float: right;
    width: 10%;
}
/* �N�[�|�����ʃ��S�T�C�Y */
.couponKindLogo {
    width: 100%;
}
/* �N�[�|���\���G���A�i�ڍ׃p�l���j */
.l-nav-panel-detail {
    margin-top: 3%;
    margin-left: 4%;
    background-color: white; 
    width: 92%;
  border: none;
}
/* �N�[�|���\���G���A�i���o���摜�j */
.l-nav-panel-detail .b-doc-head-bg img {
    margin-left: 2%;
  vertical-align: middle;
}
/* �N�[�|���\���G���A�i���o���e�L�X�g�j */
.headding-text {
    font-size: 200%;
  vertical-align: middle;
}
.area-limit {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    margin: 0% 3%;
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #B8E2A2;
    text-align: center;
}
.yukoKigen {
    line-height: 10px;
    color: #6A994F;
}
.limitDate {
    font-size: 105%;
    color: #684D1E;
}
.item-content {
    overflow: hidden;
}
/* ���i�摜�G���A */
.l-nav-area-ItemImage {
  float: left;
    margin-left: 5%;
    margin-bottom: 3%;
    padding-left: 5%;
    padding-right: 5%;
    width: 30%;
}
/* ���i�摜�T�C�Y */
.dr_item_picture {
    width: 100%;
}
/* �ڍ׃G���A */
.l-nav-area-couponDetails {
    float: right;
    margin-right: 5%;
    width: 50%;
}
/* �����G���A */
.l-nav-area-Joken01 {
    background-color: white !important;
    padding-left: 5%;
    padding-top: 1%;
}
.l-nav-area-Joken02 {
    margin-top: 10%;
    background-color: white !important;
    padding-left: 5%;
    padding-top: 1%;
}
.textCouponTerm1 {
    width: 96%;
}
.textCouponTerm2 {
    width: 96%;
}
.clear {
    clear: both;
}
/* �{�^���G���A */
.l-nav-area-Button {
    margin: 0 4% 3%;
    background-color: white;
    border-top: 4px dashed #E2E2E2;
}
.l-nav-area-Button .b-nav-btn {
    width: 300px;
    font-size: 15px;
}
.l-nav-area-Button .b-nav-__primary,
.l-nav-area-Button .b-nav-btn.__primary {
    color: #000000;
    background-color: #FFBC00;
    border-color: #FFBC00;
    border-bottom: 2px solid #BB8716;
}
.l-nav-area-Button .b-nav-btn.__primary:hover {
    background-color: #DBA200 !important;
}
.l-FontColor-01 {
    color: #684D1E;
}
/* PC���C�A�E�g�ł́u�N�[�|�����s�v�{�^���͔��\�� */
.btnPublishCoupon-02600 {
    display: none;
}
/*******************************************/
/* �N�[�|���ڍ׉���(COOL�v���W�F�N�g) PC�p */
/*******************************************/
.base-2700 {
  width: 80%;
  margin: 2% auto !important;
    background-color: #E2E2E2; 
  border-top: solid 1px #f5f3ef;
  border-right: solid 1px #D7CDBC;
  border-bottom: solid 1px #D7CDBC;
  border-left: solid 1px #f5f3ef;
}
.base-2700 .content-header {
  padding: 1%;
    background-color: white;
    overflow: hidden;
}
/* �N�[�|���\���G���A�i�ڍ׃p�l���j */
.base-2700 .l-nav-panel-detail {
  margin-left: 4%;
  margin-top: 0%;
  margin-bottom: 4%;
  background-color: white;
  width: 92%;
  border: none;
}
/* �N�[�|���\���G���A�i�N�[�|�����o���A�C�R���j */
.couponHeaddingIcon {
    float: left;
}
.couponHeaddingText {
  overflow: hidden;
}
/* �N�[�|���\���G���A�i�N�[�|�����o���e�L�X�g1�j */
.couponHeaddingText01 {
  font-size: 125%;
}
/* �N�[�|���\���G���A�i�N�[�|�����o���e�L�X�g2�j */
.couponHeaddingText02 {
  font-size: 170%;
}
/* ���؂��� */
.borderLine-c {
  border-top: solid 3px #f5f3ef;
  width: 90%;
    margin: 0 auto;
}
/* �u���T���e�v�摜�\���G���A */
.l-nav-area-privilegeImage {
  margin: 3% auto;
  width: 20%;
}
/* �u���T���e�v�摜�T�C�Y */
.privilegeImage {
  width: 100%;
  height: 100%;
}
.privilegeText01 {
  text-align: center;
  font-size: 125%;
  margin-right: 3%;
  margin-left: 3%;
}
.privilegeText02 {
  text-align: center;
  font-size: 250%;
  font-weight: bold;
}
/* �i�����ԕ\���G���A */
.area-shintei {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0% 3%;
  padding-top: 1%;
  padding-bottom: 1%;
  background-color: #C7EB01;
    text-align: center;
  font-size: 120%;
}
/* �u�i�����ԁv�e�L�X�g�X�^�C�� */
.shinteiKikan {
  line-height: 10px;
  color: #6A994F;
}
/* �ΏۓX�܃G���A */
.l-nav-area-Taisho {
  background-color: white !important;
  padding-left: 5%;
  margin-bottom: 3%;
  padding-top: 1%;
}
/* �񎦏����G���A */
.l-nav-area-TeijiJoken {
  background-color: white !important;
  padding-left: 5%;
  margin-bottom: 3%;
  padding-top: 1%;
}
/* ���p�����G���A */
.l-nav-area-RiyoJoken {
  background-color: white !important;
  padding-left: 5%;
    margin-bottom: 3%;
  padding-top: 1%;
}
.textTaishoTenpo {
  width: 96%;
}
.textTeijiJoken {
  width: 96%;
}
.textRiyoJoken {
  width: 96%;
}
/* �{�^���G���A */
.l-nav-area-Button-CouponDetail {
  border: none;
}
.l-nav-area-Button-CouponDetail .b-nav-btn {
  width: 300px;
  font-size: 15px;
}
.l-nav-area-Button-CouponDetail .b-nav-__primary,
.l-nav-area-Button-CouponDetail .b-nav-btn.__primary {
  color: #000000;
  background-color: #FFBC00;
  border-color: #FFBC00;
  border-bottom: 2px solid #BB8716;
}
.l-nav-area-Button-CouponDetail .b-nav-btn.__primary:hover {
  background-color: #DBA200 !important;
}
.l-FontColor-02 {
  color: #056B49;
}
.btnPublishCoupon-2700 {
  display: none;
}
/**************************************/
/*      �N�[�|���Ȃ����ʁiPC�p�j      */
/**************************************/
.none-coupon {
  margin: 0 auto;
  text-align: center;
  margin: 3% 0% 3% 0%;
  padding-bottom: 0px;
}
.base-2650 {
  width: 80%;
  margin-top: 10%;
  margin-left: 10% !important;
}
/* [�‚���]�{�^���G���A */
.l-nav-area-btn-02650-close {
    padding-top: 2%;
    padding-bottom: 2%;
  background-color: #E2E2E2;
  border-right: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
  border-left: solid 1px #ddd;
}
.l-nav-area-btn-02650-close a {
  font-size: 16px;
  color: black;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
  width: 100%;
    margin: 0 auto;
  padding-top: 14px;
  text-align: center;
  vertical-align: middle;
    background-color: #DDC994 !important;
  border-bottom: solid 2px #CDBF97;
  max-width: 234px;
}
.l-nav-area-btn-02650-close a:hover {
  background-color: #CDBF97 !important;
  text-decoration: none;
}
/*********************************************/
/*          �N�[�|���y�[�W�w�b�_�[�i���j     */
/*********************************************/
.p-site-header-white {
  min-width: 976px;
  height: 85px;
  overflow: hidden;
  background-color: #ffffff;
}
.p-site-header-white__logo2 {
  width: 200px;
  float: left;
  margin-left: 20px;
  margin-top: 15px;
  overflow: hidden;
}
.p-site-header-white__kandenlogo {
  width: 105px;
  float: right;
  margin-right: 20px;
  margin-top: 20px;
  overflow: hidden;
}
.p-site-header-white__logout {
  width: 120px;
  float: right;
  margin-right: 30px;
  margin-top: 15px;
  overflow: hidden;
}
.b-nav-btn-em-t {
  display: table;
  box-sizing: border-box;
  height: 20px;
  width: 100%;
  background-color: #ffffff !important;
  border: 1px solid;
  border-color: #ff6a00;
  border-width: medium;
  border-radius: 10px;
}
.b-nav-btn-em-t__icon-right {
  width: 70px;
  float: left;
  margin-left: 0px;
  background: #ffffff;
  color: #056b49;
  overflow: hidden;
}
a.b-nav-btn-em-t:hover,
a .b-nav-btn-em-t:hover {
  background-color: #ffc594 !important;
}
.b-nav-btn-em-t:hover {
  text-decoration: none;
}
.b-nav-btn-em-t__icon-left {
 color: #ff6a00;
 text-align: left;
 padding-left: 10px;
 width: 30px;
}
.b-nav-btn-em-t__content {
  padding-right: 10px;
  font-size: 14px;
  color: #ff6a00;
}
.b-nav-btn-em-t__icon-left,
.b-nav-btn-em-t__content,
.b-nav-btn-em-t__icon-right {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 5px 5px;
  line-height: 1.2;
}
.b-nav-btn-em-t__icon-left [class^="b-icons"],
.b-nav-btn-em-t__icon-left [class*=" b-icons"] {
  font-size: 30px;
}
.b-nav-btn-em-t__icon-left + .b-nav-btn-em-t__content {
  padding-left: 0px;
}
.b-nav-btn-em-t__icon-right {
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  width: 64px;
}
.b-nav-btn-em-t__icon-right [class^="b-icons"],
.b-nav-btn-em-t__icon-right [class*=" b-icons"] {
  font-size: 30px;
}
.size {
  width: 100%;
  height: 100%;
}
/*********************************************/
/*          �N�[�|���������ʁiPC�p�j         */
/*********************************************/
.base-2610 {
    width: 80%;
  margin: 2% auto !important;
    background-color: #E2E2E2;
  border-top: solid 1px #f5f3ef;
  border-right: solid 1px #D7CDBC;
  border-bottom: solid 1px #D7CDBC;
  border-left: solid 1px #f5f3ef;
}
.base-2610 .content-header {
  padding: 1%;
  background-color: white;
  overflow: hidden;
}
.base-2610 .l-nav-panel-detail {
  margin-bottom: 3%;
}
.l-nav-panel-printInfo {
    width: 80%;
  margin: 2% auto;
  border-top: solid 1px #f5f3ef;
    border-right: solid 1px #D7CDBC;
    border-bottom: solid 1px #D7CDBC;
  border-left: solid 1px #f5f3ef;
    background-color: white;
}
.l-nav-panel-print-2610 {
  width: 80%;
  margin: 0 auto;
    background-color: white; 
  border-top: solid 1px #f5f3ef;
  border-right: solid 1px #D7CDBC;
  border-bottom: solid 1px #D7CDBC;
  border-left: solid 1px #f5f3ef;
}
.l-nav-panel-print-2610 .p-print-2610-header .p-summary__head-content {
  font-weight: bold;
}
.l-nav-panel-print-2610 .print-no {
  background-color: #F3F3F3;
  text-align: center;
  font-size: 30px;
}
.l-nav-panel-print-2610 .p-print-2610-footer {
  font-size: 20px;
  padding: 1% 0;
  text-align: center;
}
.l-nav-panel-print-2610 .p-summary__head {
  background-color: #ffffff !important;
}
.p-print-2610-header .p-summary__head-content {
  font-size: 25px !important;
}
.p-print-2610-header .p-summary__head-icon-left {
  color: #68BE64 !important;
  padding-left: 30px !important;
}
/*******************************************/
/* �N�[�|����������(COOL�v���W�F�N�g) PC�p */
/*******************************************/
.l-FontColor-03 {
  color: red;
}
.l-nav-area-ImgCoupon {
  background-color: white;
  margin-top: 2.5%;
  margin-right: auto;
  margin-left: auto;
	text-align: center;
  width: 95%;
  overflow: hidden;
}
.l-nav-area-RiyoKigen-2710 {
  width: 80%;
  margin: 3% auto 2% auto;
  background-color: #EAEAEA;
  -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
  font-weight: bold;
}
/* ���p�”\���� ���ڃe�L�X�g */
.RiyoKigen-2710 {
  font-size: 100%;
}
/* ���p�”\���� ���t */
.RiyoKigen-date-2710 {
  font-size: 110%;
}
.l-nav-area-ImgCoupon {
  background-color: white;
  margin-top: 2.5%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  width: 95%;
  overflow: hidden;
}
.l-nav-area-ImgCoupon img {
  width: 30%;
  height: auto;
    margin-bottom: 3%;
}
.Img-print-2710 {
  width: 100%;
  height: 100%;
}
/* �u�‚����v�{�^���G���A */
.l-nav-area-btn-02710 {
    padding-top: 2%;
    padding-bottom: 2%;
  margin-right: auto;
  margin-left: auto;
    background-color: #E2E2E2;
  text-align: center;
  width: 95%;
}
.l-nav-btn-02710-close {
  margin-left: 30%;
  margin-right: 30%;
}
.l-nav-btn-02710-close a {
  font-size: 16px;
  color: black;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
  width: 70%;
    margin: 0 auto;
  padding-top: 14px;
  text-align: center;
  vertical-align: middle;
    background-color: #DDC994 !important;
  border-bottom: solid 2px #CDBF97;
}
.l-nav-btn-02710-close a:hover {
    background-color: #CDBF97 !important;
    text-decoration: none;
}
/* �N�[�|���������i���p�”\�����e�L�X�g�A�N�[�|���摜���g�債�A�‚����{�^�������\���ɂ����j */
@media print {
  /* ���p�”\���� ���ڃe�L�X�g */
  .RiyoKigen-2710 {
    font-size: 150%;
  }
  /* ���p�”\���� ���t */
  .RiyoKigen-date-2710 {
    font-size: 160%;
  }
  /* �N�[�|���摜 */
  .l-nav-area-ImgCoupon img {
    width: 70%;
    height: auto;
    margin-bottom: 3%;
}
  /* �u�‚����v�{�^���G���A */
  .l-nav-area-btn-02710 {
    display: none;
}
}
/****************************************/
/*      �N�[�|�����������ʁiPC�p�j      */
/****************************************/
.base-2620 {
  width: 90%;
  margin-top: 5%;
  margin-left: 5% !important;
}
/* �N�[�|������ */
.l-nav-content1-02620 {
    background-color: white;
  border-top: solid 2px #F5F3EF;
  border-left: solid 2px #F5F3EF;
  border-right: solid 2px #D6CDBE;
  border-bottom: solid 2px #D6CDBE;
}
/* �N�[�|�������i�w�b�_�[�j */
.content1-02620-head {
  border-bottom: solid 2px #D9D9D9;
}
/* �N�[�|���\���G���A�i�ڍ׃p�l���j */
.l-nav-panel-detail-02620 {
  background-color: #E2E2E2;
    width: 100%;
  border: none;
  text-align: center;
}
/* �N�[�|���\���G���A�i���o���e�L�X�g�j */
.headding-text {
  font-size: 110%;
}
/* �X�����G���A */
.l-02620-shop-area {
  background-color: white;
  overflow: hidden;
  padding: 2%;
}
/* �X���G���A */
.l-nav-area-02620-ShopName {
  padding-left: 2%;
  padding-top: 5%;
  float: right;
  font-size: 100%;
}
/* �X�摜�G���A */
.l-02620-shop-area .l-nav-area-shop-thumbnail {
  float: left;
  width: 15%;
}
.l-nav-content2-02620 {
  margin-top: 3%;
  border-top: solid 2px #F5F3EF;
  border-left: solid 2px #F5F3EF;
  border-right: solid 2px #D6CDBE;
  border-bottom: solid 2px #D6CDBE;
    background-color: white; 
}
.l-nav-area-2620-Img {
  margin: 0 auto;
  text-align: center;
}
.content2-02620-Image {
  margin-top: 5%;
  margin-bottom: 5%;
  width: 10%;
  height: 10%;
}
.content2-02620-Text {
  font-size: 30%;
}
/* [�N�[�|�����p����]�{�^���G���A */
.l-nav-area-btn-02620-01 {
  padding-top: 3%;
  padding-bottom: 3%;
    background-color: #E2E2E2;
}
/* [�N�[�|�����p����]�{�^�� */
.l-nav-area-UsedBtn {
  padding-top: 3%;
  padding-bottom: 3%;
}
.useButtonSubText {
  font-size: 80%;
}
/* [�����p���@���ǂ�]�{�^���G���A */
.l-nav-area-btn-02620-02 {
  margin-top: 3%;
}
.l-nav-btn-em {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  min-height: 50px;
  width: 240px;
    margin: 0 auto;
  background-color: #42B4D8 !important;
  border-bottom: solid 2px #1F7987;
}
.l-nav-btn-em__icon-left,
.l-nav-btn-em__content,
.l-nav-btn-em__icon-right {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 15px 5px;
  line-height: 1.2;
}
a.l-nav-btn-em:hover,
a .l-nav-btn-em:hover {
  background-color: #209F98 !important;
}
.l-nav-btn-em:hover {
    text-decoration: none;
}
.l-nav-btn-em__content {
  font-size: 16px;
  color: #000000;
}
.l-nav-btn-em__icon-left {
  color: #ffffff;
  text-align: center;
  width: 64px;
}
.b-nav-btn-em__icon-left [class^="b-icons"],
.b-nav-btn-em__icon-left [class*=" b-icons"] {
  font-size: 30px;
}
/*********************************************/
/* �N�[�|������������(COOL�v���W�F�N�g) PC�p */
/*********************************************/
.base-02720 {
    width: 96%;
    margin-top: 1%;
    margin-left: 2% !important;
}
.l-nav-area-coupon-img-02720 {
    width: 234px;
    margin-top: 1%;
    margin-right: auto;
    margin-left: auto;
  text-align: center;
}
.l-nav-area-coupon-img-02720 img {
    width: 100%;
    height: auto;
}
/* [�N�[�|�����p����]�{�^���G���A */
.l-nav-area-btn-02720-01 {
  margin-top: 2%;
    max-width: 234px;
    margin-right: auto;
    margin-left: auto;
    background-color: #E2E2E2;
}
.l-nav-btn-em-02720 {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 30px;
    width: 100%;
    margin: 0 auto;
    background-color: #42B4D8 !important;
  border-bottom: solid 2px #1F7987;
}
a.l-nav-btn-em-02720:hover {
    text-decoration: none;
    background-color: #209F98 !important;
}
.l-nav-btn-em-02720__content {
    font-size: 16px;
  font-weight: bold;
    color: #000000;
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 10px 5px;
    line-height: 1.2;
}
.useButtonSubText-02720 {
  font-weight: lighter;
    font-size: 70%;
}
/* [�����p���@���ǂ�]�{�^���G���A */
.l-nav-area-btn-02720-02 {
  margin-top: 2%;
    max-width: 234px;
    margin-right: auto;
    margin-left: auto;
}
.b-nav-btn-em-02720__icon-left {
  color: #ffffff;
  text-align: center;
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: middle;
  padding: 10px 5px;
  line-height: 1.2;
}
/* �u�‚����v�{�^���G���A */
.l-nav-area-btn-02720-03 {
  margin-top: 2%;
    max-width: 234px;
    margin-right: auto;
    margin-left: auto;
}
.l-nav-area-btn-02720-close {
    margin-top: 1%;
}
.l-nav-area-btn-02720-close a {
  font-size: 16px;
  color: black;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
    width: 100%;
    margin: 0 auto;
  padding-top: 14px;
  text-align: center;
  vertical-align: middle;
    background-color: #DDC994 !important;
  border-bottom: solid 2px #CDBF97;
}
.l-nav-area-btn-02720-close a:hover {
    background-color: #CDBF97 !important;
    text-decoration: none;
}
/********************************************/
/*     �N�[�|�����p���@�\�����ʁiPC�p�j     */
/********************************************/
.page {
  font-size: 24px;
  font-family: "�q���M�m�ۃS Pro W4", "�q���M�m�ۃS Pro", "Hiragino Maru Gothic Pro", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "HG�ۺ޼��M-PRO", "HGMaruGothicMPRO";
  margin: 0% 3% 0% 3%;
}
.first-whiteBox {
  display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    width: 100%;
  background-color: #ffffff;
  padding-top: 3%;
  padding-bottom: 3%;
  margin-top: 5%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #bbb;
}
.padding-L2per {
  padding-left: 2%;
}
.margin-LR {
  margin: 0% 3% 0% 3%;
}
.back-btn {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 50px;
  width: 50%;
  background-color: #67bf64 !important;
}
.back-icon {
  color: #ffffff;
  text-align: right;
  width: 60px;
        font-size: 150%;
    display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    vertical-align: middle;
  padding: 15px 5px;
  line-height: 1.2;
}
.contents-txt {
    font-weight: bold;
  font-size: 130%;
}
.gray_box {
    display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
        width: 100%;        
  background-color: #dfdfdf !important;
  padding-top: 2%;
  padding-bottom: 2%;
  border-left: 1px solid #ddd;
  border-right: 1px solid #bbb;
    }
.sub_contents-txt {
  margin-top: 0%;
  margin-bottom: 1%;
  background: #ffffff;
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #ddd;
  border-right: 1px solid #bbb;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 2%;
  padding-right: 6%;
    }
/* =========================================================

Lnavi

========================================================= */
/* SP���C�A�E�g�̃w�b�_�[�����\�� */
.s-site-header {
  display: none;
    }
/* SP���C�A�E�g�̃t�b�^�[�����\�� */
.s-site-footer {
  display: none;
    }
.p-page-top {
  display: none;
    }
.p-site-l-nav-menu {
    display:none;
}    
   
/************ END ローカルクーポンTop ************/

/*************************************************/
/* クーポン詳細画面(COOLプロジェクト) PC専用     */
/* ※クーポン詳細画面(COOLプロジェクト)の　　    */
/*    「PCサイト」ボタンを押下して開かれる画面   */
/*************************************************/
.base-2701 {
    width: 978px;
    margin: 2% auto !important;
    background-color: #E4F0DA;
    border-top:solid 1px #f5f3ef;
    border-right: solid 1px #D7CDBC;
    border-bottom: solid 1px #D7CDBC;
    border-left:solid 1px #f5f3ef;
}

.base-2701 .content-header {
    background-color: white;
    display: table;
    width: 100%;
}

/* 店ロゴ表示エリア */
.l-nav-area-shop-thumbnail-2701 {
    display: table-cell;
    padding: 10px;
    width: 100px;
}

.l-nav-area-shop-thumbnail-2701 img {
    width: 100px;
    height: auto;
}

/* 店名表示エリア */
.l-nav-area-ShopName-2701 {
    display: table-cell;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
    font-size: 25px;
}



/* クーポン表示エリア（詳細パネル） */
.base-2701 .l-nav-panel-detail {
    margin-left: 4%;
    margin-top: 0%;
    margin-bottom: 4%;
    background-color: white; 
    width: 92%;
    border:none;
}



/* 「閉じる」ボタンエリア */
.l-nav-area-btn-02701-close {
    margin-top: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
    background-color: #E2E2E2;

}

/* 「閉じる」ボタン */    
.l-nav-area-btn-02701-close a {
    font-size:16px;
    color:black;
    display: table;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
    border-radius: 4px;
/*    min-height: 50px; */
    width: 300px;
    margin: 0 auto;
    padding-top:14px;
    padding-bottom:12px;
    text-align:center;
    vertical-align:middle;
    background-color: #DDC994 !important;
    border-bottom:  solid 2px #CDBF97;
}

.l-nav-area-btn-02701-close a:hover {
    background-color: #CDBF97 !important;
    text-decoration: none;
    }

/* 「クーポン発行」ボタン非表示 */
.btnPublishCoupon-2701 {
    display: none;
    }

/* 「クーポンを表示する」ボタン表示 */
.btnDispCoupon-2701 {
    display: block;
    }
/* 2015.09.29 ADD kitamura start */
/*===============================================================
    
    暮らしサポート対応

===============================================================*/

/********************************************/
/*       暮らしサポート退会登録             */
/********************************************/
.ks-09500 ul {
    color: #ff4d4e;
    font-size: 16px;
}
.ks-09500 li {
    margin-left: 1em;
}
.ks-09500 li:first-letter {
    margin-left: -1em;
}
.ks-09500 ul {
    padding-left: 0px;
    margin: 0;
}
/********************************************/
/*       暮らしサポート退会理由確認         */
/********************************************/
.ks-09520 ul {
    color: #ff4d4e;
    font-size: 16px;
}
.ks-09520 li {
    margin-left: 1em;
}
.ks-09520 li:first-letter {
    margin-left: -1em;
}
.ks-09520 ul {
    padding-left: 0px;
    margin: 0;
}

/********************************************/
/*       暮らしサポート退会登録完了         */
/********************************************/
.ks-09510 .b-nav-btn.__pa-XXL {
    padding-right: 10px;
    padding-left: 10px;
}

.ks-09510 .l-gutters-box-L {
    text-align: center;
}

.ks-09510 .b-doc-head-primary-P01 {
    font-size: 30px;
}
.ks-09510 .start-text-l-09220 img {
    margin-top: -15px;
    margin-right: 5px;
}
.ks-09510 .start-text-r-09220 img {
    margin-left: 30px;
}
.ks-09510 .tel-no-text {
    font-size: 28px;
    color: #056b49;
}

/******************************************************/
/*       暮らしサポート新規お客さま情報登録画面       */
/******************************************************/
.ks-09220 .l-gutters-box-L {
    text-align: center;
}
.back-09220 {
    background-color: #fdfdeb;
}
.start-area-09220 {
    border: 1px solid #ff4d4e; border-radius: 10px; background-color: #fff; width: 70%; margin: 0 auto;
}
.start-text-l-09220 {
    text-align: right; width: 50%;
}
.start-text-r-09220 {
    color: #ff4d4e; font-size: 18px;text-align: left; width: 50%;
}
.warning-09220 a:link {
    color: #0000ff;
    text-decoration: underline;
}
.warning-09220 a:visited {
    color: #800080;
    text-decoration: none;
}
.ks-09220.panel.banner img {
    width: 100%;
    height: auto;
}
/* 2015.09.29 ADD kitamura end   */
/* 2015.10.20 ADD bono end       */

/* 2016.05.13 ADD bono start */
/************************************************/
/* 09600_お客さまの声一覧                       */
/************************************************/
.ks-09600 .panel {
    clear: both;
}

.ks-09600 .cf:after {
    content: "";
    clear: both;
    display: block;
}

.ks-09600 .float{
    float:left;
}

.ks-09600 .icon-title {
    background: url(../Images/ic_title.png) no-repeat 0px 0px;
    min-height: 38px;
    padding-left: 40px;
}

.ks-09600 .mb-15{
    margin-bottom: 15px!important;
}


/* voice-area */
.ks-09600 .voice-area {
    margin: 0px 30px 0px 10px;
}

.ks-09600 .voice-area img {
    float: left;
    margin: 0px 20px 0px 15px;
}

.ks-09600 .voice-area p {
  font-size: 17px;
  margin: 0px;
}

.ks-09600 .voice-area p.p-personal {
  clear: both;
  text-align: right;
  font-size: 14px;
  margin-bottom: 15px;
}
/* 2016.05.13 ADD bono end   */

/* 2016.06.21 ADD yamashita Start */
.ks-09600 .p-impressions {
    margin: -8px 0px 0px 7px;
}
/* 2016.06.21 ADD yamashita End */

/* 2015.10.05 ADD kitamura start */
/************************************************/
/* 09700_暮らしサポートログイン                 */
/************************************************/
/*2016.04.25 暮らしサポート2016年度対応 ADD bono start*/
.ks-09700 .container {
     margin: 0 auto!important;
     float: none!important;
}
/*2016.04.25 暮らしサポート2016年度対応 ADD bono end*/
.ks-09700 .p-login {
    margin-top: 7px;
    padding-top: 20px;
    height: auto;
    min-height: 400px;
}

.ks-09700 .p-id-pass-block .b-doc-note{
    margin-bottom:10px;
}

.ks-09700 .p-sns-login__content{
    width:320px;
}

.ks-09700 .p-form-block {
    margin-bottom: 0;
}

.ks-09700 .p-member-registration {
    height: 400px;
    padding-top: 60px;
}

.ks-09700 .p-member-registration__head {
    margin-bottom: 40px;
    text-align: center;
}

.ks-09700 .p-member-registration__head [class^="b-icons"],
.ks-09700 .p-member-registration__head [class*=" b-icons"] {
    font-size: 36px;
}

.ks-09700 .p-member-registration__head .a-text {
    display: block;
    font-size: 24px;
}

.ks-09700 .p-member-registration__head .a-small {
    font-size: 14px;
}
/* 2015.10.05 ADD kitamura end   */

/* 2015.10.07 ADD bono start */
/************************************************/
/* 暮らしサポート会員専用バナー追加後の修正     */
/************************************************/
.p-mypage-manu .six-banner-f {
    width: 108px!important;
    margin-left: 0px!important;
}
.p-mypage-manu .six-banner {
    width: 108px!important;
    margin-left: 14px!important;
}
.p-mypage-manu .six-banner-panel {
    height: 108px!important;
}
.six-banner-img {
    margin-top: 14px!important;
    width: 45px!important;
    height: 45px!important;
}
.six-banner-img img {
    vertical-align: top!important;
    width: 45px!important;
    height: 45px!important;
}
.six-banner-text {
    font-size: 12px!important;
    margin: 14px auto 0px!important;
}
.six-banner-text-living {
    width: 70px!important;
}
.six-banner-badge {
    top: 52%!important;
}
.six-banner-badge-note {
    font-size: 10px!important;
    padding: 3px 10px 2px!important;
}
.six-banner-badge-new {
    top: 10%!important;
    left: 60px!important;
}
.six-banner-badge-note-new {
    font-size: 10px!important;
    padding: 3px!important;
}
/* 2015.10.07 ADD bono end   */

/* 2015.10.14 ADD bono start */
/************************************************/
/* 暮らしサポート会員専用サイトトップ           */
/************************************************/
.ks-09300 .support-img {
    margin: 7px;
}
.ks-09300 .support-img img {
    width: 100%;
    height: auto;
    box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    overflow: hidden;
}
.ks-09300 .service-start-ymd {
    color:#ff0000;
}
.ks-09300 .service-start-black {
    margin-left: 0px;
}
.ks-09300 .service-start-cell .service-start-ymd{
    font-size: 22px;
}
.ks-09300 .use-title-table {
    background-color: #38c1bc;
	height:50px;
    display:table;
    width: 100%;
}
.ks-09300 .use-title-cell {
    display:table-cell;
    vertical-align:middle;
    font-size:20px;
    padding-left:15px;
}
.ks-09300 .use-title-cell2 {
    display:table-cell;
    vertical-align:middle;
    font-size:20px;
    padding-left:15px;
    background-color:#cbe097;
}
.ks-09300 .emergency-image {
    padding-bottom: 10px;
    width:210px;height:210px;margin-right:19px;float:left;
}
.ks-09300 .emergency-image img{
    width: 100%;
    height: auto;
}
.ks-09300 .emergency-image-r {
    padding-bottom: 10px;
    width:210px;height:210px;float:right;
}
.ks-09300 .emergency-image-r img{
    width: 100%;
    height: auto;
}
.ks-09300 .emergency-image2 {
    /*padding-bottom: 15px;*/
}
.ks-09300 .emergency-image2 img{
    width: 23.875%;
    height: auto;
    float: left;
    margin-left: 1.49%;
}
.ks-09300 .emergency-image2 img:first-child {
    width: 23.875%;
    height: auto;
    float: left;
    margin-left: 0%;
}
.ks-09300 .use-explain-area {
	background-color:#FFFFFF;
    display:block;
    padding:20px 25px;
}
.ks-09300 .caution-explain-area {
	background-color:#FFFFFF;
    display:block;
}
.ks-09300 .support-title-area {
    width: 100%;
    display:table;
	background-color: #fb7918;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    margin-top: 10px;
}
.ks-09300 .support-title-text {
    padding-left:15px;
    padding-top:10px;
    display:table-cell;
    vertical-align:middle;
    font-size:20px;
}
.ks-09300 .support-telno-area {
	background-color: #FFFFFF;
    display:block;
    height:90px;
    border:2px solid #fb7918;
    box-sizing:border-box;
    margin-bottom:0px;
    width: 100%;
}
.ks-09300 .support-call-free-img {
     height: auto; 
     display: table-cell; 
     vertical-align: middle; 
     padding: 0 20px 0 110px;
}
.ks-09300 .support-telno-text {
    display:table-cell;
    vertical-align:middle;
}
.ks-09300 .support-telno-font {
    font-size: 50px;
}
.ks-09300 .support-time {
    margin-top: -15px;
    text-align: center;
}
.ks-09300 .support-cluboff-area {
	background-color: #FFFFFF;
    display:block;
    border:2px solid #fb7918;
    box-sizing:border-box;
    margin-bottom:0px;
    width: 100%;
}
.ks-09300 .b-nav-btn-em.__primary {
    color: #000000;
    background-color: #FFBC00!important;
    border-color: #FFBC00;
    border-bottom: 2px solid #B77E00;
}
.ks-09300 .b-nav-btn-em.__primary:hover {
    background-color: #DBA200!important;
    border-color: #DBA200;
    border-bottom: 2px solid #B77E00;
}
.ks-09300 .title-green {
    color: #056b49;
    font-size:16px;
}
.ks-09300 .txt-area-09300 {
    padding: 20px 25px;
}
.ks-09300 .txt-area-09300 li {
    margin-left: 1em;
}
.ks-09300 .txt-area-09300 li:first-letter {
    margin-left: -1em;
}
.ks-09300 .txt-area-09300 ul {
    padding-left: 14px;
    margin: 0;
}
.ks-09300 .emergency-btn {
    font-size: 16px;
    padding: 0px 5px;
    /*text-align:center;*/
}
/*サービス開始*/
.ks-09300 .service-start {
     border:2px solid #fb7918;
}
.ks-09300 .service-start-text {
     padding: 5px;
     display:table;
}
.ks-09300 .service-start-cell {
    display:table-cell;
}
.ks-09300 .service-start-cell img {
    margin-right: 10px;
    width: 30px;
    height: auto;
}
.ks-09300 .explain-text-attention{
    padding: 20px 0 10px 0;
    color: #056b49;
}
.ks-09300 .explain-text-attention li {
    margin-left: 1em;
    margin-bottom: 0.5em;
}
.ks-09300 .explain-text-attention li:first-letter {
    margin-left: -1em;
}
.ks-09300 .explain-text-attention ol {
    padding: 0;
    margin: 0;
}
.ks-09300 .b-nav-btn-em{
    width: 330px;
    height: 60px;
    margin:auto;
}
.ks-09300 .pa-01-09300 {
    padding: 20px 25px;
}
.ks-09300 .pa-02-09300 {
    /*padding-top: 15px;*/
}
.ks-09300 .to-support-table-cell1 {
    display: table-cell;
    text-align:left;
    font-size:16px;
    box-sizing: border-box;
}
.ks-09300 .to-support-table-cell2 {
    display: table-cell; 
    vertical-align: middle;
    text-align:right;
    box-sizing: border-box;
}
.ks-09300 .font-09300 {
    color: white;
    font-size:20px;
    line-height: 1.5;
}
.ks-09300 .last-btn-area-09300 {
    text-align: center;
}
.ks-09300 .b-nav-btn-em__content {
    padding-right: 0px;
}
.ks-09300 .b-nav-btn-em__content img{
    margin: 0 10px;
}
.club-off-btn-icon img {
    margin-left: 15px;
}
.ks-09300 .float-l {
    float: left;
}
.ks-09300 .denki-trouble-text {
    color: #056b49;
}

.ks-09300 .service-entry-Area {
	text-align: center;
	background-color: #E8F7E8;
	padding: 10px;
}
.ks-09300 .service-entry-Area ul {
	margin: 10px 0px 10px;
	padding: 0px;
}

.ks-09300 .service-entry-Area ul li {
	display: inline-block;
	list-style: none;
}

.ks-09300 .service-entry-Area ul li:first-child {
	margin-right: 10px;
}

.ks-09300 .service-entry-Area p {
	margin: 5px 0px;
	font-size: 16px;
}

.ks-09300 .service-entry-Area p span {
	font-size: 12px;
}

/* 2015.10.14 ADD bono end   */

/* 2015.10.14 ADD bono start */
/************************************************/
/* 暮らしサポート加入条件不適合画面             */
/************************************************/
.image-09230 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}
.warning-text-09230 {
    font-size: 24px;
}
.warning-text-09230 div {
    color: #ff4d4e;
    line-height: 1.3;
    text-align: center;
}
.warning-text-09230 p {
    font-size: 18px;
    text-align: center;
}
.text-09230 {
    margin-left: 30px;
}
.list-text-09230 {
    margin-top: -10px;
    margin-bottom: 40px;
    margin-left: 15px;
    width: 93.4%;
}
.list-link-text-09230 {
    text-decoration: underline!important;
}
.list-link-text-09230:hover {
    text-decoration: none!important;
}
.list-text-09230 a:link {
    color: #0000ff;
}
.list-text-09230 a:visited {
    color: #800080;
}
.call-text-09230 {
    margin-top: 30px;
    font-size: 11px;
}
.link-text-09230 {
    margin-top: 5px;
    margin-bottom: 30px;
}
.tel-area-09230 {
    padding: 10px 35px;
}
.tel-table-09230 {
    display: table;
    margin-top: 5px;
}
.tel-tablecell-09230 {
    display:table-cell;
    vertical-align: middle;
}
.tel-no-09230 {
    font-size: 33px;
    color: #056b49;
    padding:0 40px 0 10px;
}
.reception-time-09230 {
    padding-left: 10px;
}
/* 2015.10.14 ADD bono end   */

/* 2015.10.20 ADD bono start */
/************************************************/
/* 暮らしサポート新規お客さま情報登録画面       */
/************************************************/
.b-form-balloon-top {
  position: relative;
  background: #67BF64;
  padding: 10px;
  font-size: 12px;
  display: inline-block;
  line-height: 1.4;
  margin-top: 10px;
}
.b-form-balloon-top:after {
  right: 90%;
  top: 0%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(103, 191, 100, 0);
  border-bottom-color: #67BF64;
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-width: 10px;
  margin-top: -20px;
}
.form-balloon-w-170 {
    width: 170px;
}
.error-09200 {
    font-size: 12px;
    margin-bottom: 5px;
}

.warn-09200 {
    font-size: 12px;
    margin-bottom: 5px;
    color: #ff4d4e;
}

.word-wrap-09200 {
    word-wrap: break-word;
    margin: 7px 0;
}
.kokyaku-no-9200 {
     font-size: 18px;
     margin: 10px 0 0;
}
/* 2015.10.20 ADD bono end   */
/* 2015.11.18 ADD kitamura start */
/************************************************/
/* 09000_暮らしサポートPRページ                 */
/************************************************/
.ks-09000 .panel {
	clear: both;
}

.ks-09000 .main {
	color: #262626;
}

.ks-09000 .ml-05 {
	margin-left: 5px;
}

.ks-09000 .mb-10 {
	margin-bottom: 10px!important;
}

.ks-09000 .ml-30 {
    margin-left: 30px !important;
}

.ks-09000 .mt-10 {
    margin-top: 10px !important;
}

.ks-09000 .pb-10 {
  padding-bottom: 10px!important;
}

.ks-09000 .font-size-24 {
    font-size: 24px;
}

.ks-09000 .h3_title {
	background-color: #9CD1F2;
	font-size: 20px;
	margin: 0px;
	padding: 10px 20px;
	font-weight: bold;
}

.ks-09000 .text-red {
	color: #C43D27;
	font-size: 14px;
	font-weight: bold;
}

.ks-09000 .font-small {
	font-size: 11px;
}

.ks-09000 .obi-orenge {
	background-color: #FFBC00;
	padding: 2px 1px 2px 5px;
	font-weight: bold;
}

.ks-09000 .fl {
	float: left;
}

.ks-09000 .gray_link {
	clear: both;
	background-color: #F1F1F1;
	padding: 10px 0px!important;
	text-align: center;
}

.ks-09000 .white_link {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px 0px!important;
	text-align: center;
}

/* .im_main_01.link-btn */
.ks-09000 .im_main_01.link-btn {
  position: relative;
}

.ks-09000 .im_main_01.link-btn a {
  display: block;
  position: absolute;
  top: 48%;
  right: 1%;
  bottom: 4%;
  left: 75%;
  text-indent: -9999px;
}

.ks-09000 .emergency-Area {
    border: #389B88 solid 5px;
}
.ks-09000 .Benefit-Service-Area {
    border: #8CB728 solid 5px;
}
.ks-09000 .benefit-service-box {
    position: relative;
    min-height: 230px;
    margin: 5px 9px 10px 7px;
    padding-left: 245px;
}
.ks-09000 .benefit-service-box img.im-Benefit-Service {
    position: absolute;
    top: 0px;
    left: 0px;
}
.ks-09000 .benefit-service-box table {
    border-collapse: collapse;
    border: 0px;
    margin: 9px 0px 15px;
}
.ks-09000 .benefit-service-box table td.td-photo {
    width: 147px;
    text-align: left;
    vertical-align: top;
}
.ks-09000 .benefit-service-box table td {
    padding: 0px;
}
.ks-09000 .benefit-service-box table td.td-name {
    font-size: 18px;
    font-weight: bold;
}
.ks-09000 .benefit-service-box table td.td-detail {
    vertical-align: middle;
    font-size: 16px;
}
.ks-09000 .benefit-service-box table td.td-detail span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09000 .benefit-service-box .available-example {
    position: relative;
    border: #67BF64 solid 2px;
    min-height: 60px;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.ks-09000 .benefit-service-box .available-example p {
    padding-left: 105px;
}
.ks-09000 .benefit-service-box .available-example span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09000 .benefit-service-box p {
    margin: 0px;
}
.ks-09000 .benefit-service-box .available-example p::after {
    content: "＜ご利用例＞";
    position: absolute;
    top: 5px;
    left: 8px;
}
/* service-entry-Area */
.ks-09000 .service-entry-Area {
	text-align: center;
	background-color: #E8F7E8;
	padding: 10px 0px 0px;
}
.ks-09000 .service-entry-Area2 {
	text-align: center;
	background-color: #E8F7E8;
	padding-top: 10px;
}

.ks-09000 .service-entry-Area ul,
.ks-09000 .service-entry-Area2 ul {
	margin: 0px;
	padding: 10px 0px 10px;
}

.ks-09000 .service-entry-Area ul li,
.ks-09000 .service-entry-Area2 ul li  {
	display: inline-block;
	list-style: none;
}

.ks-09000 .service-entry-Area ul li:first-child,
.ks-09000 .service-entry-Area2 ul li:first-child {
	margin-right: 10px;
}

.ks-09000 .service-entry-Area p,
.ks-09000 .service-entry-Area2 p {
	margin: 5px 0px 0px;
	font-size: 16px;
}

.ks-09000 .service-entry-Area p span,
.ks-09000 .service-entry-Area2 p span {
	font-size: 12px;
}

.ks-09000 .service-entry-Area .grey-Area,
.ks-09000 .service-entry-Area2 .grey-Area {
	background-color: #E2E2E2;
}

/* service-entry-Area end */

/* notes-use-Area */
.ks-09000 .notes-use-Area {
	padding: 12px 15px;
    overflow: hidden;
}

.ks-09000 .notes-use-Area p {
	margin: 0px;
	font-size: 12px;
}

.ks-09000 .notes-use-Area > p {
	margin-bottom: 8px;
}

.ks-09000 .notes-use-Area .text-notes-use {
}

.ks-09000 .notes-use-Area .text-notes-use p {
	margin-left: 1em;
	text-indent: -1em;
    font-size: 13px;
}
/* Notes-use-Area end */

/* registration-Area */
.ks-09000 .registration-Area {
	padding: 10px 15px;
	background-color: #F9BE00;
}

.ks-09000 .registration-Area h3 {
	background-color: #FBDE86;
	margin: 0px 0px 10px;
}

.ks-09000 .registration-Area h4 {
	background-position: left top;
	background-repeat: no-repeat;
	color: #005840;
	min-height: 22px;
	margin: 0px 0px 0px 3px;
	padding-left: 26px;
	font-size: 16px;
}

.ks-09000 .registration-Area h4.ic_01 {
	background-image: url("~/media/71CE2AE2FBCA4F8CA94260C09069CF48.ashx");
}

.ks-09000 .registration-Area h4.ic_02 {
	background-image: url("~/media/28CAB94E30824DF4A760133F53CF90FD.ashx");
}

.ks-09000 .registration-Area h4.ic_03 {
	background-image: url("~/media/667BB69394254F009D7470E4A6AEB455.ashx");
}

.ks-09000 .registration-Area p {
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

.ks-09000 .registration-Area p.non-indent {
	padding-left: 0em;
	text-indent: 0em;
}

.ks-09000 .registration-Area p.two-indent {
	margin-left: 2em;
}

.ks-09000 .registration-Area p.fs-14 {
    font-size: 14px;
}

.ks-09000 .registration-Area .float-l {
    float: left;
    margin-right: 2px;
}

/* registration-Area end */

/* link-Area */
.ks-09000 .link-Area {
	height: 145px;
	margin: 0px 7px 7px;
}
.ks-09000 .link-Area ul {
	position: relative;
	list-style: none;
    margin: 5px 0px 0px;
}
.ks-09000 .link-Area ul li.bt_notes {
	position: absolute;
	top: 0px;
	left: 0px;
}
.ks-09000 .link-Area ul li.bt_help {
	position: absolute;
	top: 0px;
	left: 365px;
}
.ks-09000 .link-Area ul li.bt_torihiki {
    position: absolute;
    font-size: 19px;
    text-indent: 46px;
    font-weight: bold;
    background-color: rgb(103,191,100);
    top: 75px;
    left: 0px;
    width: 355px;   
}

.ks-09000 .link-Area ul li.bt_torihiki a{
    display: block;
    text-decoration: none;
    padding: 19px 0px;
    color: rgb(23,47,23);
    }

/* movie-Area */
.ks-09000 .movie-Area {
	text-align: center;
	padding: 20px 10px 0px;
}

.ks-09000 .movie-Area div {
	margin: 20px 10px 0px;
}

.ks-09000 .movie-Area iframe {
	display: inline-block;
	list-style: none;
	margin-bottom: 20px;
}

.ks-09000 .movie-Area iframe.mr-20 {
	margin-right: 20px;
}
/* 2015.11.18 ADD kitamura end   */
/* 2015.11.27 ADD kitamura start */
/**********************************************/
/* 09010_暮らしサポートPRページ（ログイン後） */
/**********************************************/
.ks-09010 .panel {
	clear: both;
}

.ks-09010 .main {
	color: #262626;
}

.ks-09010 .ml-05 {
	margin-left: 5px;
}

.ks-09010 .mb-10 {
	margin-bottom: 10px!important;
}
.ks-09010 .ml-30 {
    margin-left: 30px !important;
}
.ks-09010 .mt-10 {
    margin-top: 10px !important;
}
.ks-09010 .pb-10 {
  padding-bottom: 10px!important;
}
.ks-09010 .font-size-24 {
    font-size: 24px;
}

.ks-09010 .h3_title {
	background-color: #9CD1F2;
	font-size: 20px;
	margin: 0px;
	padding: 10px 20px;
	font-weight: bold;
}

.ks-09010 .text-red {
	color: #C43D27;
	font-size: 14px;
	font-weight: bold;
}

.ks-09010 .font-small {
	font-size: 11px;
}

.ks-09010 .obi-orenge {
	background-color: #FFBC00;
	padding: 2px 1px 2px 5px;
	font-weight: bold;
}

.ks-09010 .fl {
	float: left;
}

.ks-09010 .gray_link {
	clear: both;
	background-color: #F1F1F1;
	padding: 10px 0px!important;
	text-align: center;
}

.ks-09010 .white_link {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px 0px!important;
	text-align: center;
}

.ks-09010 .emergency-Area {
    border: #389B88 solid 5px;
}
.ks-09010 .Benefit-Service-Area {
    border: #8CB728 solid 5px;
}
.ks-09010 .benefit-service-box {
    position: relative;
    min-height: 230px;
    margin: 5px 9px 10px 7px;
    padding-left: 245px;
}
.ks-09010 .benefit-service-box img.im-Benefit-Service {
    position: absolute;
    top: 0px;
    left: 0px;
}
.ks-09010 .benefit-service-box table {
    border-collapse: collapse;
    border: 0px;
    margin: 9px 0px 15px;
}
.ks-09010 .benefit-service-box table td.td-photo {
    width: 147px;
    text-align: left;
    vertical-align: top;
}
.ks-09010 .benefit-service-box table td {
    padding: 0px;
}
.ks-09010 .benefit-service-box table td.td-name {
    font-size: 18px;
    font-weight: bold;
}
.ks-09010 .benefit-service-box table td.td-detail {
    vertical-align: middle;
    font-size: 16px;
}
.ks-09010 .benefit-service-box table td.td-detail span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09010 .benefit-service-box .available-example {
    position: relative;
    border: #67BF64 solid 2px;
    min-height: 60px;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.ks-09010 .benefit-service-box .available-example p {
    padding-left: 105px;
}
.ks-09010 .benefit-service-box .available-example span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09010 .benefit-service-box p {
    margin: 0px;
}
.ks-09010 .benefit-service-box .available-example p::after {
    content: "＜ご利用例＞";
    position: absolute;
    top: 5px;
    left: 8px;
}
/* service-entry-Area */
.ks-09010 .service-entry-Area {
	text-align: center;
	background-color: #E8F7E8;
	padding: 10px 0px 0px;
}
.ks-09010 .service-entry-Area2 {
	text-align: center;
	background-color: #E8F7E8;
	padding-top: 10px;
}

.ks-09010 .service-entry-Area ul,
.ks-09010 .service-entry-Area2 ul {
	padding: 10px 0px 10px;
	margin: 0px;
}

.ks-09010 .service-entry-Area ul li,
.ks-09010 .service-entry-Area2 ul li  {
	display: inline-block;
	list-style: none;
}

.ks-09010 .service-entry-Area ul li:first-child,
.ks-09010 .service-entry-Area2 ul li:first-child {
	margin-right: 10px;
}

.ks-09010 .service-entry-Area p,
.ks-09010 .service-entry-Area2 p {
	margin: 5px 0px 0px;
	font-size: 16px;
}

.ks-09010 .service-entry-Area p span,
.ks-09010 .service-entry-Area2 p span {
	font-size: 12px;
}

.ks-09010 .service-entry-Area .grey-Area,
.ks-09010 .service-entry-Area2 .grey-Area {
	background-color: #E2E2E2;
}

/* service-entry-Area end */

/* notes-use-Area */
.ks-09010 .notes-use-Area {
	padding: 12px 15px;
    overflow: hidden;
}

.ks-09010 .notes-use-Area p {
	margin: 0px;
	font-size: 12px;
}

.ks-09010 .notes-use-Area > p {
	margin-bottom: 8px;
}

.ks-09010 .notes-use-Area .text-notes-use {
}

.ks-09010 .notes-use-Area .text-notes-use p {
	margin-left: 1em;
	text-indent: -1em;
    font-size: 13px;
}

/* Notes-use-Area end */

/* registration-Area */
.ks-09010 .registration-Area {
	padding: 10px 15px;
	background-color: #F9BE00;
}

.ks-09010 .registration-Area h3 {
	background-color: #FBDE86;
	margin: 0px 0px 10px;
}

.ks-09010 .registration-Area h4 {
	background-position: left top;
	background-repeat: no-repeat;
	color: #005840;
	min-height: 22px;
	margin: 0px 0px 0px 3px;
	padding-left: 26px;
	font-size: 16px;
}

.ks-09010 .registration-Area h4.ic_01 {
	background-image: url("~/media/71CE2AE2FBCA4F8CA94260C09069CF48.ashx");
}

.ks-09010 .registration-Area h4.ic_02 {
	background-image: url("~/media/28CAB94E30824DF4A760133F53CF90FD.ashx");
}

.ks-09010 .registration-Area h4.ic_03 {
	background-image: url("~/media/667BB69394254F009D7470E4A6AEB455.ashx");
}

.ks-09010 .registration-Area p {
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

.ks-09010 .registration-Area p.non-indent {
	padding-left: 0em;
	text-indent: 0em;
}
.ks-09010 .registration-Area p.two-indent {
	margin-left: 2em;
}

.ks-09010 .registration-Area p.fs-14 {
    font-size: 14px;
}
.ks-09010 .registration-Area .float-l {
    float: left;
    margin-right: 2px;
}
/* registration-Area end */

/* link-Area */
.ks-09010 .link-Area {
	height: 145px;
	margin: 0px 7px 7px;
}
.ks-09010 .link-Area ul {
	position: relative;
	list-style: none;
    margin: 5px 0px 0px;
}
.ks-09010 .link-Area ul li.bt_notes {
	position: absolute;
	top: 0px;
	left: 0px;
}
.ks-09010 .link-Area ul li.bt_help {
	position: absolute;
	top: 0px;
	left: 365px;
}

.ks-09010 .link-Area ul li.bt_torihiki {
    position: absolute;
    font-size: 19px;
    text-indent: 46px;
    font-weight: bold;
    background-color: rgb(103,191,100);
    top: 75px;
    left: 0px;
    width: 355px;   
}

.ks-09010 .link-Area ul li.bt_torihiki a{
    display: block;
    text-decoration: none;
    padding: 19px 0px;
    color: rgb(23,47,23);
    }


/* movie-Area */
.ks-09010 .movie-Area {
	text-align: center;
	padding: 20px 10px 0px;
}

.ks-09010 .movie-Area div {
	margin: 20px 10px 0px;
}

.ks-09010 .movie-Area iframe {
	display: inline-block;
	list-style: none;
	margin-bottom: 20px;
}

.ks-09010 .movie-Area iframe.mr-20 {
	margin-right: 20px;
}
/* 2015.11.27 ADD kitamura end   */
/* 2016.06.20 ADD bono start */
/************************************************/
/* 09020_暮らしサポートPRページmp               */
/************************************************/
.ks-09020 .im_main_01.link-btn a {
    display: block;
    position: absolute;
    top: 48%;
    right: 1%;
    bottom: 4%;
    left: 75%;
    text-indent: -9999px;
}
.ks-09020 .ml-30 {
    margin-left: 30px !important;
}

.ks-09020 .mt-10 {
    margin-top: 10px !important;
}

.ks-09020 .font-size-24 {
    font-size: 24px;
}
.ks-09020 .emergency-Area {
    border: #389B88 solid 5px;
}
.ks-09020 .Benefit-Service-Area {
    border: #8CB728 solid 5px;
}
.ks-09020 .benefit-service-box {
    position: relative;
    min-height: 230px;
    margin: 5px 9px 10px 7px;
    padding-left: 245px;
}
.ks-09020 .benefit-service-box img.im-Benefit-Service {
    position: absolute;
    top: 0px;
    left: 0px;
}
.ks-09020 .benefit-service-box table {
    border-collapse: collapse;
    border: 0px;
    margin: 9px 0px 15px;
}
.ks-09020 .benefit-service-box table td.td-photo {
    width: 147px;
    text-align: left;
    vertical-align: top;
}
.ks-09020 .benefit-service-box table td {
    padding: 0px;
}
.ks-09020 .benefit-service-box table td.td-name {
    font-size: 18px;
    font-weight: bold;
}
.ks-09020 .benefit-service-box table td.td-detail {
    vertical-align: middle;
    font-size: 16px;
}
.ks-09020 .benefit-service-box table td.td-detail span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09020 .benefit-service-box .available-example {
    position: relative;
    border: #67BF64 solid 2px;
    min-height: 60px;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.ks-09020 .benefit-service-box .available-example p {
    padding-left: 105px;
}
.ks-09020 .benefit-service-box .available-example span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09020 .benefit-service-box p {
    margin: 0px;
}
.ks-09020 .benefit-service-box .available-example p::after {
    content: "＜ご利用例＞";
    position: absolute;
    top: 5px;
    left: 8px;
}
.ks-09020 .registration-Area p {
	margin: 0px 0px 0px 10px;
    font-size: 12px;
    padding-left: 1em;
    text-indent: -1em;
}
.ks-09020 .registration-Area p.non-indent {
    padding-left: 0em;
    text-indent: 0em;
}

.ks-09020 .registration-Area p.fs-14 {
    font-size: 14px;
}

.ks-09020 .registration-Area .float-l {
    float: left;
    margin-right: 2px;
}
.ks-09020 .link-Area ul {
	position: relative;
	list-style: none;
    margin: 5px 0px 0px;
}
.ks-09020 .registration-Area p.two-indent {
    margin-left: 2em;
}
.ks-09020 .panel {
	clear: both;
}

.ks-09020 .main {
	color: #262626;
}

.ks-09020 .ml-05 {
	margin-left: 5px;
}

.ks-09020 .mb-10 {
	margin-bottom: 10px!important;
}
.ks-09020 .ml-30 {
    margin-left: 30px !important;
}
.ks-09020 .mt-10 {
    margin-top: 10px !important;
}
.ks-09020 .pb-10 {
  padding-bottom: 10px!important;
}


.ks-09020 .h3_title {
	background-color: #9CD1F2;
	font-size: 20px;
	margin: 0px;
	padding: 10px 20px;
	font-weight: bold;
}

.ks-09020 .text-red {
	color: #C43D27;
	font-size: 14px;
	font-weight: bold;
}

.ks-09020 .font-small {
	font-size: 11px;
}

.ks-09020 .obi-orenge {
	background-color: #FFBC00;
	padding: 2px 1px 2px 5px;
	font-weight: bold;
}

.ks-09020 .fl {
	float: left;
}

.ks-09020 .gray_link {
	clear: both;
	background-color: #F1F1F1;
	padding: 10px 0px!important;
	text-align: center;
}

.ks-09020 .white_link {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px 0px!important;
	text-align: center;
}

/* service-entry-Area */
.ks-09020 .service-entry-Area {
	text-align: center;
	background-color: #E8F7E8;
	padding: 10px 0px 0px;
}
.ks-09020 .service-entry-Area2 {
	text-align: center;
	background-color: #E8F7E8;
	padding-top: 10px;
}

.ks-09020 .service-entry-Area ul,
.ks-09020 .service-entry-Area2 ul {
	padding: 10px 0px 10px;
	margin: 0px;
}

.ks-09020 .service-entry-Area ul li,
.ks-09020 .service-entry-Area2 ul li  {
	display: inline-block;
	list-style: none;
}

.ks-09020 .service-entry-Area ul li:first-child,
.ks-09020 .service-entry-Area2 ul li:first-child {
	margin-right: 10px;
}

.ks-09020 .service-entry-Area p,
.ks-09020 .service-entry-Area2 p {
	margin: 5px 0px 0px;
	font-size: 16px;
}

.ks-09020 .service-entry-Area p span,
.ks-09020 .service-entry-Area2 p span {
	font-size: 12px;
}

.ks-09020 .service-entry-Area .grey-Area,
.ks-09020 .service-entry-Area2 .grey-Area {
	background-color: #E2E2E2;
}
/* service-entry-Area end */

/* notes-use-Area */
.ks-09020 .notes-use-Area {
    padding: 12px 15px;
    overflow: hidden;
}
.ks-09020 .notes-use-Area .text-notes-use p {
	margin-left: 1em;
	text-indent: -1em;
    font-size: 13px;
}
.ks-09020 .notes-use-Area p {
	margin: 0px;
	font-size: 12px;
}
.ks-09020 .notes-use-Area > p {
	margin-bottom: 8px;
}
/* Notes-use-Area end */

/* registration-Area */
.ks-09020 .registration-Area {
	padding: 10px 15px;
	background-color: #F9BE00;
}

.ks-09020 .registration-Area h3 {
	background-color: #FBDE86;
	margin: 0px 0px 10px;
}

.ks-09020 .registration-Area h4 {
	background-position: left top;
	background-repeat: no-repeat;
	color: #005840;
	min-height: 22px;
	margin: 0px 0px 0px 3px;
	padding-left: 26px;
	font-size: 16px;
}

.ks-09020 .registration-Area h4.ic_01 {
	background-image: url("~/media/71CE2AE2FBCA4F8CA94260C09069CF48.ashx");
}

.ks-09020 .registration-Area h4.ic_02 {
	background-image: url("~/media/28CAB94E30824DF4A760133F53CF90FD.ashx");
}

.ks-09020 .registration-Area h4.ic_03 {
	background-image: url("~/media/667BB69394254F009D7470E4A6AEB455.ashx");
}

/* registration-Area end */

/* link-Area */
.ks-09020 .link-Area {
	height: 145px;
	margin: 0px 7px 7px;
}
.ks-09020 .link-Area ul {
	position: relative;
	list-style: none;
}
.ks-09020 .link-Area ul li.bt_notes {
	position: absolute;
	top: 0px;
	left: 0px;
}
.ks-09020 .link-Area ul li.bt_help {
	position: absolute;
	top: 0px;
	left: 365px;
}

.ks-09020 .link-Area ul li.bt_torihiki {
    position: absolute;
    font-size: 19px;
    text-indent: 46px;
    font-weight: bold;
    background-color: rgb(103,191,100);
    top: 75px;
    left: 0px;
    width: 355px;   
}

.ks-09020 .link-Area ul li.bt_torihiki a{
    display: block;
    text-decoration: none;
    padding: 19px 0px;
    color: rgb(23,47,23);
    }


/* movie-Area */
.ks-09020 .movie-Area {
	text-align: center;
	padding: 20px 10px 0px;
}

.ks-09020 .movie-Area div {
	margin: 20px 10px 0px;
}

.ks-09020 .movie-Area iframe {
	display: inline-block;
	list-style: none;
	margin-bottom: 20px;
}

.ks-09020 .movie-Area iframe.mr-20 {
	margin-right: 20px;
}

/**********************************************/
/* 09030_暮らしサポートPRページmp（ログイン後）*/
/**********************************************/
.ks-09030 .panel {
	clear: both;
}

.ks-09030 .main {
	color: #262626;
}

.ks-09030 .ml-05 {
	margin-left: 5px;
}

.ks-09030 .mb-10 {
	margin-bottom: 10px!important;
}
.ks-09030 .ml-30 {
    margin-left: 30px !important;
}
.ks-09030 .mt-10 {
    margin-top: 10px !important;
}
.ks-09030 .pb-10 {
  padding-bottom: 10px!important;
}


.ks-09030 .h3_title {
	background-color: #9CD1F2;
	font-size: 20px;
	margin: 0px;
	padding: 10px 20px;
	font-weight: bold;
}

.ks-09030 .text-red {
	color: #C43D27;
	font-size: 14px;
	font-weight: bold;
}

.ks-09030 .font-small {
	font-size: 11px;
}

.ks-09030 .obi-orenge {
	background-color: #FFBC00;
	padding: 2px 1px 2px 5px;
	font-weight: bold;
}

.ks-09030 .fl {
	float: left;
}

.ks-09030 .gray_link {
	clear: both;
	background-color: #F1F1F1;
	padding: 10px 0px!important;
	text-align: center;
}

.ks-09030 .white_link {
	clear: both;
	background-color: #FFFFFF;
	padding: 10px 0px!important;
	text-align: center;
}

/* service-entry-Area */
.ks-09030 .service-entry-Area {
	text-align: center;
	background-color: #E8F7E8;
	padding: 10px 0px 0px;
}
.ks-09030 .service-entry-Area2 {
	text-align: center;
	background-color: #E8F7E8;
	padding-top: 10px;
}

.ks-09030 .service-entry-Area ul,
.ks-09030 .service-entry-Area2 ul {
	padding: 10px 0px 10px;
	margin: 0px;
}

.ks-09030 .service-entry-Area ul li,
.ks-09030 .service-entry-Area2 ul li  {
	display: inline-block;
	list-style: none;
}

.ks-09030 .service-entry-Area ul li:first-child,
.ks-09030 .service-entry-Area2 ul li:first-child {
	margin-right: 10px;
}

.ks-09030 .service-entry-Area p,
.ks-09030 .service-entry-Area2 p {
	margin: 5px 0px 0px;
	font-size: 16px;
}

.ks-09030 .service-entry-Area p span,
.ks-09030 .service-entry-Area2 p span {
	font-size: 12px;
}

.ks-09030 .service-entry-Area .grey-Area,
.ks-09030 .service-entry-Area2 .grey-Area {
	background-color: #E2E2E2;
}
/* service-entry-Area end */

/* notes-use-Area */
.ks-09030 .notes-use-Area {
	padding: 12px 15px;
    overflow: hidden;
}

.ks-09030 .notes-use-Area .text-notes-use p {
	margin-left: 1em;
	text-indent: -1em;
    font-size: 13px;
}

.ks-09030 .notes-use-Area p {
	margin: 0px;
	font-size: 12px;
}
/* Notes-use-Area end */

/* registration-Area */
.ks-09030 .registration-Area {
	padding: 10px 15px;
	background-color: #F9BE00;
}

.ks-09030 .registration-Area h3 {
	background-color: #FBDE86;
	margin: 0px 0px 10px;
}

.ks-09030 .registration-Area h4 {
	background-position: left top;
	background-repeat: no-repeat;
	color: #005840;
	min-height: 22px;
	margin: 0px 0px 0px 3px;
	padding-left: 26px;
	font-size: 16px;
}

.ks-09030 .registration-Area h4.ic_01 {
	background-image: url("~/media/71CE2AE2FBCA4F8CA94260C09069CF48.ashx");
}

.ks-09030 .registration-Area h4.ic_02 {
	background-image: url("~/media/28CAB94E30824DF4A760133F53CF90FD.ashx");
}

.ks-09030 .registration-Area h4.ic_03 {
	background-image: url("~/media/667BB69394254F009D7470E4A6AEB455.ashx");
}

.ks-09030 .registration-Area p {
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

.ks-09030 .registration-Area p.non-indent {
    padding-left: 0em;
    text-indent: 0em;
}
/* registration-Area end */

/* link-Area */
.ks-09030 .link-Area {
	height: 145px;
	margin: 0px 7px 7px;
}
.ks-09030 .link-Area ul {
	position: relative;
    list-style: none;
    margin: 5px 0px 0px;
}
.ks-09030 .link-Area ul li.bt_notes {
	position: absolute;
	top: 0px;
	left: 0px;
}
.ks-09030 .link-Area ul li.bt_help {
	position: absolute;
	top: 0px;
	left: 365px;
}

.ks-09030 .link-Area ul li.bt_torihiki {
    position: absolute;
    font-size: 19px;
    text-indent: 46px;
    font-weight: bold;
    background-color: rgb(103,191,100);
    top: 75px;
    left: 0px;
    width: 355px;   
}

.ks-09030 .link-Area ul li.bt_torihiki a{
    display: block;
    text-decoration: none;
    padding: 19px 0px;
    color: rgb(23,47,23);
    }

/* movie-Area */
.ks-09030 .movie-Area {
	text-align: center;
	padding: 20px 10px 0px;
}

.ks-09030 .movie-Area div {
	margin: 20px 10px 0px;
}

.ks-09030 .movie-Area iframe {
	display: inline-block;
	list-style: none;
	margin-bottom: 20px;
}

.ks-09030 .movie-Area iframe.mr-20 {
	margin-right: 20px;
}

.ks-09030 .ml-30 {
    margin-left: 30px !important;
}
.ks-09030 .mt-10 {
    margin-top: 10px !important;
}
.ks-09030 .font-size-24 {
    font-size: 24px;
}
.ks-09030 .emergency-Area {
    border: #389B88 solid 5px;
}
.ks-09030 .Benefit-Service-Area {
    border: #8CB728 solid 5px;
}
.ks-09030 .benefit-service-box {
    position: relative;
    min-height: 230px;
    margin: 5px 9px 10px 7px;
    padding-left: 245px;
}
.ks-09030 .benefit-service-box img.im-Benefit-Service {
    position: absolute;
    top: 0px;
    left: 0px;
}
.ks-09030 .benefit-service-box table {
    border-collapse: collapse;
    border: 0px;
    margin: 9px 0px 15px;
}
.ks-09030 .benefit-service-box table td.td-photo {
    width: 147px;
    text-align: left;
    vertical-align: top;
}
.ks-09030 .benefit-service-box table td {
    padding: 0px;
}
.ks-09030 .benefit-service-box table td.td-name {
    font-size: 18px;
    font-weight: bold;
}
.ks-09030 .benefit-service-box table td.td-detail {
    vertical-align: middle;
    font-size: 16px;
}
.ks-09030 .benefit-service-box table td.td-detail span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09030 .benefit-service-box .available-example {
    position: relative;
    border: #67BF64 solid 2px;
    min-height: 60px;
    padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
.ks-09030 .benefit-service-box .available-example p {
    padding-left: 105px;
}
.ks-09030 .benefit-service-box .available-example span {
    color: #FF0000;
    font-weight: bold;
}
.ks-09030 .benefit-service-box p {
    margin: 0px;
}
.ks-09030 .benefit-service-box .available-example p::after {
    content: "＜ご利用例＞";
    position: absolute;
    top: 5px;
    left: 8px;
}

.ks-09030 .registration-Area p.fs-14 {
    font-size: 14px;
}
.ks-09030 .registration-Area .float-l {
    float: left;
    margin-right: 2px;
}

.ks-09030 .notes-use-Area > p {
    margin-bottom: 8px;
}
.ks-09030 .registration-Area p.two-indent {
    margin-left: 2em;
}
/* 2016.06.20 ADD bono end   */
/* 2015.11.30 ADD kitamura start */
/**************************************/
/* 暮らしサポートキャンペーン終了画面 */
/**************************************/
.image-09800 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}
.warning-text-09800 {
    font-size: 24px;
    color: #ff4d4e;
    text-align: center;
    margin-bottom: 40px;
}
.warning-text-09800 p {
    font-size: 18px;
    text-align: center;
}
.text-09800 {
    margin-left: 30px;
}
/* 2015.11.30 ADD kitamura end   */
/* 2015.12.04 ADD kitamura start */
/********************************************/
/* 09240_暮らしサポート加入条件説明 */
/********************************************/
.ks-09240 .b-nav-btn.__L.__primary {
	padding: 2px 24px;
}
.ks-09240 .image {
    width: 100%;
    height: auto;
}
/* 2015.12.04 ADD kitamura end   */
/* 2016.09.15 ADD Kitamura Start */
.ks-09240 .ml-30 {
    margin-left: 30px !important;
}
.ks-09240 .mt-10 {
	margin-top: 10px!important;
}

.ks-09240 .mb-10 {
	margin-bottom: 10px!important;
}

.ks-09240 .mb-15 {
    margin-bottom: 15px!important;
}

.ks-09240 .b-nav-btn.__L.__primary {
	padding: 2px 24px;
}
/* registration-Area */
.ks-09240 .registration-Area {
	padding: 10px 15px;
	background-color: #F9BE00;
}

.ks-09240 .registration-Area h3 {
	background-color: #FBDE86;
	margin: 0px 0px 10px;
}

.ks-09240 .registration-Area h4 {
	background-position: left top;
	background-repeat: no-repeat;
	color: #005840;
	min-height: 22px;
	margin: 0px 0px 0px 3px;
	padding-left: 26px;
	font-size: 16px;
}

.ks-09240 .registration-Area h4.ic_01 {
	background-image: url("~/media/71CE2AE2FBCA4F8CA94260C09069CF48.ashx");
}

.ks-09240 .registration-Area h4.ic_02 {
	background-image: url("~/media/28CAB94E30824DF4A760133F53CF90FD.ashx");
}

.ks-09240 .registration-Area h4.ic_03 {
	background-image: url("~/media/667BB69394254F009D7470E4A6AEB455.ashx");
}

.ks-09240 .registration-Area p {
	margin: 0px 0px 0px 10px;
	font-size: 12px;
	padding-left: 1em;
	text-indent: -1em;
}

.ks-09240 .registration-Area p.non-indent {
	padding-left: 0em;
	text-indent: 0em;
}

.ks-09240 .registration-Area p.two-indent {
	margin-left: 2em;
}

.ks-09240 .registration-Area p.fs-14 {
	font-size: 14px;
}

.ks-09240 .registration-Area .float-l {
	float: left;
	margin-right: 2px;
}

.ks-09240 .registration-Area .clear {
	clear: both;
}
/* registration-Area end */
/* clearfix */
.ks-09240 .clearfix:after {
    content:"";
    display:block;
    clear:both;
}

/* 2016.09.15 ADD Kitamura End   */
/* =========================================================

 p-form-control

========================================================= */
.p-form-control-confirm__product {
  font-size: 13px;
  line-height: 1.8;
}
.p-form-control__year {
  width: 117px;
  display: inline-block;
}
.p-form-control__month {
  width: 100px;
  display: inline-block;
}
.p-form-control__unit {
  font-size: 15px;
  padding-left: 5px;
  padding-right: 10px;
}
.p-form-control__unit:last-child {
  padding-right: 0;
}
/* =========================================================

p-recall-doc

- トップページ
- リコールパネル

========================================================= */
.p-recall-doc__head {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}
/* =========================================================

p-appeal-block

トップページ　訴求イメージ

========================================================= */
/* p-appeal-block
======================================== */
.p-appeal-block {
  height: 100%;
  background: #f9f8de;
  text-align: center;
}
.p-appeal-head {
  background: url(../img/support/support-merit-img_pc_var2.jpg);
  width: 718px;
  height: 474px;
}
.p-appeal-head .__text {
  width: 350px;
  padding: 210px 10px 0;
  text-align: left;
  font-size: 14px;
  letter-spacing: 1px;
}
.p-appeal-article {
  padding: 20px;
}
.p-appeal-merit {
  height: 360px;
  background: #fff;
  margin: 20px 10px 0;
  padding: 20px;
  box-sizing: border-box;
}
.p-appeal-merit .__icon {
  margin: -44px;
  vertical-align: top;
}
.p-appeal-merit .__body {
  text-align: center;
  margin-top: 20px;
}
.p-appeal-merit .__body .__head {
  font-size: 20px;
  font-weight: bold;
  line-height: 3;
  color: #056b49;
  border-bottom: 1px dotted #a0a0a0;
}
.p-appeal-merit .__body .__text {
  padding: 14px 0;
}
.p-appeal-merit .__body .__note {
  padding-top: 20px;
  color: #056b49;
}
.p-appeal-read {
  display: inline-block;
  width: 658px;
  border-radius: 32px;
  font-size: 20px;
  line-height: 1.3;
  background: #ffbc00;
  margin-top: 20px;
  padding: 7px 0;
}
/* =========================================================

p-bunner-P04

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.panel__balloon__connect {
  clear: both;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin: 7px 7px 7px -12px;
  height: 230px;
  vertical-align: top;
}
.panel__balloon__connect:first-child {
  margin: 7px;
}
.p-bunner-P04 {
  display: inline-block;
  vertical-align: top;
  background: #ffbc00;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 230px;
}
/* 吹き出し */
.p-bunner-P04.__balloon:after {
  left: 228px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 188, 0, 0);
  border-left-color: #FFBC00;
  border-width: 16px;
  margin-top: -16px;
  z-index: 99;
}
.p-bunner-P04.__bg-img-01 {
  background-image: url(../img/support/recommend_bg-01.png);
  background-position: bottom right;
}
.p-bunner-P04.__bg-img-02 {
  background-image: url(../img/support/recommend_bg-02.png);
  background-position: bottom right;
}
.p-bunner-P04__icons {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: 50px auto 0;
  background: #ffffff;
  border-radius: 50%;
}
.p-bunner-P04__icons [class^="b-icons"],
.p-bunner-P04__icons [class*="b-icons"] {
  font-size: 64px;
  color: #056b49;
}
.p-bunner-P04__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P04__icons-P02 [class^="b-icons"],
.p-bunner-P04__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P04__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: right;
}
.p-bunner-P04__icons-add [class^="b-icons"],
.p-bunner-P04__icons-add [class*="b-icons"] {
  font-size: 110px;
  color: #FFFFFF;
}
.p-bunner-P04__head {
  height: 210px;
  text-align: left;
  font-size: 16px;
  margin: 20px 0 0 20px;
  line-height: 1.4;
}
.p-bunner-P04 a.disable,
.p-bunner-P04 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P04 a.disable img,
.p-bunner-P04 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P04 a.disable .p-bunner-P04__icons [class^="b-icons"],
.p-bunner-P04 a.disable .p-bunner-P04__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P05

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P05 {
  display: inline-block;
  background: #5d9cec;
  border-collapse: collapse;
  border-spacing: 0;
  width: 244px;
  height: 100%;
  color: #000000;
  line-height: 1;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-bunner-P05 a {
  color: #000000;
  text-decoration: none;
}
.p-bunner-P05 .b-badge {
  padding: 6px 20px 4px;
}
.p-bunner-P05__cost span {
  line-height: 1;
  font-size: 42px;
}
.p-bunner-P05 .b-icons {
  color: #fff;
  margin-right: 5px;
}
.p-bunner-P05__icons {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: 50px auto 0;
  background: #ffffff;
  border-radius: 50%;
}
.p-bunner-P05__icons [class^="b-icons"],
.p-bunner-P05__icons [class*="b-icons"] {
  font-size: 64px;
  color: #056b49;
}
.p-bunner-P05__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P05__icons-P02 [class^="b-icons"],
.p-bunner-P05__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P05__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: right;
}
.p-bunner-P05__icons-add [class^="b-icons"],
.p-bunner-P05__icons-add [class*="b-icons"] {
  font-size: 110px;
  color: #FFFFFF;
}
.p-bunner-P05__head {
  text-align: left;
  font-size: 16px;
  margin: 24px 24px 16px;
  line-height: 1.4;
}
.p-bunner-P05 a.disable,
.p-bunner-P05 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P05 a.disable img,
.p-bunner-P05 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P05 a.disable .p-bunner-P05__icons [class^="b-icons"],
.p-bunner-P05 a.disable .p-bunner-P05__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P06

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P06 {
  float: left;
  display: inline-block;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 48.52320675105485%;
  /*48.52*/
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
/* 吹き出し */
.p-bunner-P06:after {
  left: 228px;
  top: 50%;
  /*228px*/
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 16px;
  margin-top: -16px;
}
.p-bunner-P06__rt {
  float: left;
  display: inline-block;
  background: #fff;
  background-position: bottom left;
  background-repeat: no-repeat;
  border-collapse: collapse;
  border-spacing: 0;
  width: 244px;
  width: 243.5px;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.p-bunner-P06__header {
  font-size: 20px;
}
.p-bunner-P06__category {
  color: #6B6A6A;
}
.p-bunner-P06__category .__title {
  font-size: 20px;
  color: #000;
  padding: 16px;
}
.p-bunner-P06__icons {
  margin: 10px auto;
}
.p-bunner-P06__icons [class^="b-icons"],
.p-bunner-P06__icons [class*="b-icons"] {
  font-size: 100px;
}
.p-bunner-P06__icons-02 {
  margin: 10px auto;
}
.p-bunner-P06__icons-02 [class^="b-icons"],
.p-bunner-P06__icons-02 [class*="b-icons"] {
  font-size: 104px;
}
.p-bunner-P06__name {
  height: 56px;
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
}
.p-bunner-P06__name-rt {
  font-size: 12px;
  text-align: right;
}
.p-bunner-P06__head {
  text-align: left;
  font-size: 16px;
  margin: 24px 24px 16px;
  line-height: 1.4;
}
/* disable*/
.p-bunner-P06 a.disable,
.p-bunner-P06 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P06 a.disable img,
.p-bunner-P06 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P06 a.disable .p-bunner-P06__icons [class^="b-icons"],
.p-bunner-P06 a.disable .p-bunner-P06__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P07

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P07 {
  display: inline-block;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 244px;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
  position: relative;
}
.p-bunner-P07.__mame {
  width: 244px;
  margin-left: 0;
  padding: 20px;
}
/* 吹き出し */
.p-bunner-P07:after {
  left: 242px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 16px;
  margin-top: -16px;
  z-index: 99;
}
.p-bunner-P07__header {
  font-size: 20px;
}
.p-bunner-P07.__mame .__head {
  font-size: 16px;
  text-align: center;
}
.p-bunner-P07.__mame .__text {
  height: 150px;
  margin-top: 20px;
  text-align: justify;
  overflow: hidden;
}
.p-bunner-P07__header .b-icons06 {
  font-size: 21px;
  color: #5d9cec;
  padding: 0 2px 3px;
}
.p-bunner-P07__main img {
  display: block;
  float: left;
}
.p-bunner-P07__bar {
  display: block;
  float: left;
  width: 25px;
  height: 185px;
}
.p-bunner-P07__bar.__bg-cost-10pc {
  background-image: url(../img/support/support_cost10.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-20pc {
  background-image: url(../img/support/support_cost20.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-30pc {
  background-image: url(../img/support/support_cost30.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-40pc {
  background-image: url(../img/support/support_cost40.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-50pc {
  background-image: url(../img/support/support_cost50.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-60pc {
  background-image: url(../img/support/support_cost60.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-70pc {
  background-image: url(../img/support/support_cost70.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-80pc {
  background-image: url(../img/support/support_cost80.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__bar.__bg-cost-90pc {
  background-image: url(../img/support/support_cost90.png);
  background-repeat: no-repeat;
}
.p-bunner-P07__cost {
  float: right;
  width: 165px;
}
.p-bunner-P07__cost span {
  font-size: 24px;
  font-weight: bold;
}
.p-bunner-P07__cost .__now,
.p-bunner-P07__cost .__new {
  padding: 10px 0 0 25px;
  text-align: left;
  border-bottom: 1px solid #e2e2e2;
}
.p-bunner-P07__cost .__new {
  padding-top: 27px;
}
.p-bunner-P07__cost-now .p-con-border {
  float: left;
}
.p-bunner-P07__cost-new .p-con-border {
  float: left;
}
.p-bunner-P07__icons {
  margin: 16px auto;
}
.p-bunner-P07__icons [class^="b-icons"],
.p-bunner-P07__icons [class*="b-icons"] {
  font-size: 104px;
}
.p-bunner-P07__name {
  font-size: 12px;
}
.p-bunner-P07__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P07__icons-P02 [class^="b-icons"],
.p-bunner-P07__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P07__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: right;
}
.p-bunner-P07__icons-add [class^="b-icons"],
.p-bunner-P07__icons-add [class*="b-icons"] {
  font-size: 110px;
  color: #FFFFFF;
}
.p-bunner-P07__head {
  text-align: left;
  font-size: 16px;
  margin: 24px 24px 16px;
  line-height: 1.4;
}
.p-bunner-P07 a.disable,
.p-bunner-P07 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P07 a.disable img,
.p-bunner-P07 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P07 a.disable .p-bunner-P07__icons [class^="b-icons"],
.p-bunner-P07 a.disable .p-bunner-P07__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P08

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P08 {
  float: left;
  display: inline-block;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
}
.p-bunner-P08 a {
  color: #000000;
}
.p-bunner-P08 .l-col-4 {
  border-right: dashed 1px #67BF63;
  width: 50%;
}
.p-bunner-P08 .l-col-4.__alone {
  border-right: none;
  width: 100%;
}
.p-bunner-P08 .l-col-4.__col-12 {
  border-right: dashed 1px #67BF63;
  width: 33.33333333%;
  height: 100%;
}
.p-bunner-P08 .l-col-4.__rt {
  border-right: none;
}
.p-bunner-P08 .__inner {
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
.p-bunner-P08 a .__inner:hover {
  background-color: #f6f6f6;
}
.p-bunner-P08__header {
  background-color: #67bf64 !important;
  font-size: 20px;
  padding: 5px 10px;
}
a.p-bunner-P08__header:hover,
a .p-bunner-P08__header:hover {
  background-color: #49aa46 !important;
}
.p-bunner-P08__data {
  display: inline-block;
  width: 132px;
  height: 70px;
  vertical-align: top;
  overflow: hidden;
  word-wrap: break-word;
}
.p-bunner-P08__category {
  font-size: 16px;
}
.p-bunner-P08__name {
  height: 30px;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.3;
  overflow: hidden;
}
.p-bunner-P08__icons {
  display: inline-block;
}
.p-bunner-P08__icons [class^="b-icons"],
.p-bunner-P08__icons [class*="b-icons"] {
  display: block;
  font-size: 68px;
  color: #67bf64;
}
.p-bunner-P08__value {
  position: relative;
  background: #cee1ef;
  margin: 0 10px 10px;
  padding: 4px 10px;
}
/* 吹き出し */
.p-bunner-P08__value:after {
  bottom: 100%;
  right: 33px;
  border-top: 14px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 7px solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(206, 225, 239, 0);
  border-bottom-color: #cee1ef;
  margin-left: -14px;
}
.p-bunner-P08__cost {
  text-align: right;
  line-height: 1.2;
}
.p-bunner-P08__cost span {
  font-size: 32px;
  font-weight: bold;
}
.p-bunner-P08__value .b-icons {
  color: #007fd8;
  margin-right: 5px;
}
.p-bunner-P08.__na {
  display: block;
  font-size: 68px;
  padding: 35px;
  text-align: center;
  color: #67bf64;
  filter: alpha(opacity=30);
  -moz-opacity: 0.3;
  opacity: 0.3;
}
/*=========================================================

p-bunner-P09

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P09 {
  display: inline-block;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 230px;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.p-bunner-P09__icons {
  height: 150px;
}
.p-bunner-P09__icons img {
  padding: 50px 0 0;
}
.p-bunner-P09__icons-add {
  display: block;
  box-sizing: border-box;
}
.p-bunner-P09__icons-add [class^="b-icons"],
.p-bunner-P09__icons-add [class*="b-icons"] {
  font-size: 104px;
  color: #FFFFFF;
}
.p-bunner-P09__head {
  font-size: 20px;
  text-align: center;
  color: #056b49;
  line-height: 1.3;
}
.p-bunner-P09__head-add {
  font-size: 20px;
  text-align: center;
  color: #000;
  line-height: 1.3;
}
/*=========================================================

p-bunner-P10

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P10 {
  display: block;
  display: inline-block;
  background: #50ABD8;
  border-collapse: collapse;
  border-spacing: 0;
  width: 51.47679324894515%;
  /*51.48*/
  height: 100%;
  color: #000000;
  line-height: 1;
  text-align: center;
  padding: 0 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-bunner-P10:hover {
  background-color: #3CA0C9;
}
.p-bunner-P10 a {
  color: #000000;
  text-decoration: none;
}
.p-bunner-P10 .b-badge {
  padding: 6px 20px 4px;
}
.p-bunner-P10__cost span {
  line-height: 1;
  font-size: 42px;
}
.p-bunner-P10 .b-icons {
  color: #fff;
  margin-right: 5px;
}
.p-bunner-P10__icons {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: 50px auto 0;
  background: #ffffff;
  border-radius: 50%;
}
.p-bunner-P10__icons [class^="b-icons"],
.p-bunner-P10__icons [class*="b-icons"] {
  font-size: 64px;
  color: #056b49;
}
.p-bunner-P10__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P10__icons-P02 [class^="b-icons"],
.p-bunner-P10__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P10__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: right;
}
.p-bunner-P10__icons-add [class^="b-icons"],
.p-bunner-P10__icons-add [class*="b-icons"] {
  font-size: 110px;
  color: #FFFFFF;
}
.p-bunner-P10__head {
  text-align: left;
  font-size: 16px;
  margin: 24px 24px 16px;
  line-height: 1.4;
}
.p-bunner-P10 a.disable,
.p-bunner-P10 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P10 a.disable img,
.p-bunner-P10 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P10 a.disable .p-bunner-P10__icons [class^="b-icons"],
.p-bunner-P10 a.disable .p-bunner-P10__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P11

- 家電サポートトップ
- メッセージサマリ

=========================================================*/
.p-bunner-P11 {
  float: left;
  display: inline-block;
  vertical-align: top;
  background: #ffbc00;
  background-image: url(../img/ranking/ranking_img01.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 32.03342618384401%;
  /*230px*/
  height: 100%;
  margin-right: 14px;
}
/* 吹き出し */
.p-bunner-P11:after {
  left: 230px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 188, 0, 0);
  border-left-color: #FFBC00;
  border-width: 14px;
  margin-top: -14px;
  z-index: 99;
}
.p-bunner-P11__icons {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: 50px auto 0;
  background: #ffffff;
  border-radius: 50%;
}
.p-bunner-P11__icons [class^="b-icons"],
.p-bunner-P11__icons [class*="b-icons"] {
  font-size: 64px;
  color: #056b49;
}
.p-bunner-P11__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P11__icons-P02 [class^="b-icons"],
.p-bunner-P11__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P11__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: right;
}
.p-bunner-P11__icons-add [class^="b-icons"],
.p-bunner-P11__icons-add [class*="b-icons"] {
  font-size: 110px;
  color: #FFFFFF;
}
.p-bunner-P11__head {
  text-align: left;
  font-size: 16px;
  margin: 24px 24px 16px;
  line-height: 1.4;
}
.p-bunner-P11 a.disable,
.p-bunner-P11 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P11 a.disable img,
.p-bunner-P11 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P11 a.disable .p-bunner-P11__icons [class^="b-icons"],
.p-bunner-P11 a.disable .p-bunner-P11__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P12

- マイページトップ


=========================================================*/
.p-bunner-P12 a {
  display: table;
  background-color: #ffffff !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.p-bunner-P12 a:hover {
  background-color: #e6e6e6 !important;
}
.p-bunner-P12 a:hover {
  text-decoration: none;
}
.p-bunner-P12 a.disable,
.p-bunner-P12 a.disable:hover {
  background-color: #b1b6af !important;
  color: #757b77;
  cursor: not-allowed;
  pointer-events: none;
  position: relative;
}
.p-bunner-P12 a.disable:hover,
.p-bunner-P12 a.disable:hover:hover {
  background-color: #979e94 !important;
}
.p-bunner-P12__icons {
  display: block;
  box-sizing: border-box;
  width: 70px;
  height: 50px;
  line-height: 1;
  text-align: center;
  margin: 20px auto 0;
}
.p-bunner-P12__icons.__coupon {
  background-image: url(../img/top/top_icon-coupon.png);
}
a.disable .p-bunner-P12__icons.__coupon {
  background-image: url(../img/top/top_icon-coupon_d.png);
}
.p-bunner-P12__icons.__point {
  background-image: url(../img/top/top_icon-point.png);
}
a.disable .p-bunner-P12__icons.__point {
  background-image: url(../img/top/top_icon-point_d.png);
}
.p-bunner-P12__icons.__advice {
  background-image: url(../img/top/top_icon-advice.png);
}
a.disable .p-bunner-P12__icons.__advice {
  background-image: url(../img/top/top_icon-advice_d.png);
}
.p-bunner-P12__head {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #6d4a18;
}
a.disable .p-bunner-P12__head {
  color: #757b77;
}
/*=========================================================

p-bunner-P13

- 家電サポートトップ
- リコールパネル

=========================================================*/
.panel__balloon {
  clear: both;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  height: 230px;
  margin: 7px;
}
.p-bunner-P13 {
  display: inline-block;
  vertical-align: top;
  background-color: #fd9f8c !important;
  background-position: bottom right;
  background-repeat: no-repeat;
  border-collapse: collapse;
  border-spacing: 0;
  color: #000000;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 5px;
}
a.p-bunner-P13:hover,
a .p-bunner-P13:hover {
  background-color: #fc755a !important;
}
.p-bunner-P13 .__note {
  font-size: 12px;
  padding: 10px 10px 0;
}
.p-bunner-P13 .__head {
  padding: 5px 15px 10px;
}
.p-bunner-P13 .__head .b-icons54 {
  font-size: 52px;
  color: #ffffff;
  margin-bottom: 16px;
}
.p-bunner-P13 .__head .b-icons {
  margin: 0;
  vertical-align: top;
}
.p-bunner-P13 .__head .__title {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1.4;
}
.p-bunner-P13 .__head .__title .__strong {
  font-size: 20px;
  font-weight: bold;
}
.p-bunner-P13 .__head .__note.__rt {
  display: inline-block;
  float: right;
  padding: 0;
}
.p-bunner-P13 .__main {
  background: #ffffff;
}
.p-bunner-P13 .__main .__text {
  width: 100%;
  padding: 6px 15px 5px;
  box-sizing: border-box;
  text-align: justify;
  word-wrap: break-word;
  word-break: break-all;
}
.p-bunner-P13 .__main .__footer {
  padding: 10px 15px;
  background: #e2e2e2;
  color: #056b49;
  text-align: center;
}
.p-bunner-P13.__balloon {
  float: left;
  height: 230px;
  margin-right: 14px;
  padding: 0;
}
/* 吹き出し */
.p-bunner-P13.__balloon:after {
  left: 228px;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(234, 103, 110, 0);
  border-left-color: #fd9f8c;
  border-width: 16px;
  margin-top: -16px;
  z-index: 99;
}
.p-bunner-P13 .b-icons54 {
  font-size: 48px;
  color: #ffffff;
  margin-bottom: 16px;
}
.p-bunner-P13__head {
  text-align: center;
  font-size: 16px;
  margin-top: 24px;
}
.p-bunner-P13__head .__strong {
  display: inline-block;
  margin-top: 7px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.25;
}
.p-bunner-P13 a.disable,
.p-bunner-P13 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P13 a.disable img,
.p-bunner-P13 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P13 a.disable .p-bunner-P13__icons [class^="b-icons"],
.p-bunner-P13 a.disable .p-bunner-P13__icons [class*=" b-icons"] {
  color: #757b77;
}
/*=========================================================

p-bunner-P14

- 家電サポートトップ
- リコールパネル

=========================================================*/
.p-bunner-P14 {
  float: left;
  display: inline-block;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  position: relative;
  border: 5px solid #fd9f8c;
  padding: 10px;
}
.p-bunner-P14:hover {
  background-color: #f6f6f6;
}
.p-bunner-P14 a {
  text-decoration: none;
}
.p-bunner-P14__header {
  font-size: 20px;
}
.p-bunner-P14__header .b-icons80 {
  font-size: 24px;
  color: #fd9f8c;
  padding-right: 5px;
}
.p-bunner-P14__icons {
  margin: 5px auto;
}
.p-bunner-P14__icons [class^="b-icons"],
.p-bunner-P14__icons [class*="b-icons"] {
  font-size: 80px;
  color: #d35548;
}
.p-bunner-P14__next {
  font-size: 16px;
  font-weight: bold;
  margin-top: 4px;
}
.p-bunner-P14__icons-title {
  display: block;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  margin: 50px auto 0;
  background: #e2e2e2;
  border-radius: 50%;
}
.p-bunner-P14__icons-title [class^="b-icons"],
.p-bunner-P14__icons-title [class*="b-icons"] {
  font-size: 64px;
  color: #67bf64;
}
.p-bunner-P14__name {
  height: 54px;
  font-size: 12px;
  word-wrap: break-word;
  overflow: hidden;
}
.p-bunner-P14__name-rt {
  font-size: 12px;
  text-align: right;
}
.p-bunner-P14__icons-P02 {
  display: block;
  box-sizing: border-box;
  text-align: center;
  margin: 25px auto;
}
.p-bunner-P14__icons-P02 [class^="b-icons"],
.p-bunner-P14__icons-P02 [class*="b-icons"] {
  font-size: 64px;
  color: #FFFFFF;
}
.p-bunner-P14__icons-add {
  display: block;
  box-sizing: border-box;
  text-align: right;
}
.p-bunner-P14__icons-add [class^="b-icons"],
.p-bunner-P14__icons-add [class*="b-icons"] {
  font-size: 110px;
  color: #FFFFFF;
}
.p-bunner-P14__head {
  text-align: left;
  font-size: 16px;
  margin: 24px 24px 16px;
  line-height: 1.4;
}
.p-bunner-P14 a.disable,
.p-bunner-P14 a.disable:hover {
  display: table;
  background-color: #b1b6af !important;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  color: #757b77;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  cursor: default;
}
.p-bunner-P14 a.disable img,
.p-bunner-P14 a.disable:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha( opacity=100 )";
  background: none!important;
}
.p-bunner-P14 a.disable .p-bunner-P14__icons [class^="b-icons"],
.p-bunner-P14 a.disable .p-bunner-P14__icons [class*=" b-icons"] {
  color: #757b77;
}

/*=========================================================

p-bunner-P16

- 家電サポート(トリセツPC版)
- メッセージサマリ

=========================================================*/
.p-bunner-P16 {
  display: inline-block;
  background-color: #030B51;
  border-color: #030B51;
  border-bottom-color: #000;
  color: #fff;
  border-collapse: collapse;
  border-spacing: 0;
  width: 230px;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  position: relative;
}
.p-bunner-P16 .p-bunner-P16__head {
  width:100%;
  height:2rem;
  left:0;
  right:0;
  top:0;
  bottom:0;
  position: absolute;
  margin: auto;
}
.p-bunner-P16 img {
  width:auto;
  height:auto;
}

/* =========================================================

p-nav-advice

========================================================= */
.p-nav-advice {
  box-sizing: border-box;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
  margin: 7px;
  border: 2px solid #fea03a;
}
.p-nav-advice:before,
.p-nav-advice:after {
  content: " ";
  display: table;
}
.p-nav-advice:after {
  clear: both;
}
a .p-nav-advice__heading:hover {
  background-color: #e6a900;
  color: #333;
  text-decoration: none;
}
.p-nav-advice__heading {
  width: 165px;
  height: 25px;
  padding: 5px 0 4px;
  text-align: center;
  background: #ffbc00;
  font-weight: normal;
  float: right;
  font-size: 13px;
  color: #6d4a18;
}
.p-nav-advice__heading img {
  margin-right: 5px;
}
.p-nav-advice__heading .b-icons {
  font-size: 24px;
  color: #ffffff;
  margin-right: 5px;
}
.p-nav-advice__body {
  margin: 0;
  float: left;
}
.p-nav-advice__body .__icon {
  display: table-cell;
  padding: 3px 7px 0 5px;
}
.p-nav-advice__body .b-icons {
  display: table-cell;
  padding: 5px 11px;
  font-size: 24px;
}
.p-nav-advice__text {
  display: table-cell;
  box-sizing: border-box;
  background-color: #fff;
  color: #333;
  padding: 8px 10px 6px 0;
  border-radius: 0;
  font-size: 13px;
  border-bottom: none;
}
.p-recall-doc__head .__title {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  cursor: pointer;
}
.p-recall-doc__head .__title .b-icons {
  padding-left: 7px;
}
.p-recall-doc__head .__text {
  color: #333;
}

/* =========================================================
 見守りサービス
PC用

========================================================= */
/*********************************/
/* 見守り管理画面                */
/*********************************/

.mimamori_hidden {
    display:none !important;
}

/*見守りサービスをお受けのお客さま情報*/
.mimamori-okyakuinfo-icon{
    margin : 10px 0px 0 10px;
    float : left;
}
.mimamori-okyakuinfo-title{
    width: 85%;
    height: auto;
    padding : 10px 0 0px 40px;
    font-size : 14pt;
}

/*横並び*/
.mimamori-td{
    display:table-cell;/*PC用*/
    /*display:inline-block;*//*スマホ用*/
}

/*お名前*/
.mimamori-okyakuname{
    float: left;
    position:relative;
}
.mimamori-name-width{
    width:280px;
}
/*さん*/
.mimamori-under{
    /*position: absolute;*/
    bottom: 0;
}

/*お客さま情報*/
.mimamori-info-frame{
    display:table-cell;/*PC*/
    /*display:block;*//*スマホ*/
}
/*お客さま情報 タイトル*/
.mimamori-okyaku-title{
    font-size: 12px !important;
    display:table-cell;
    width:25%;/*PC*/
    /*width:0%;*//*スマホ*/
    text-align: right;
    padding : 2px 0 2px 0 ;
}
/*お客さま情報 データ*/
.mimamori-info-data{
    display:table-cell;/*PC*/
    /*display:block;*//*スマホ*/
    text-align: left;
    width:400px;/*PC*/
    /*width:350%;*//*スマホ*/
    padding : 0 0 0 0;
}
/*お客さま情報 ボーダーライン*/
.mimamori-border{
    border-bottom:thin solid #D0D0D0;
    margin : 10px 0 0 0; 
}
.mimamori-border1{
    border-bottom:thin solid #FFFFFF;
}
.mimamori-border2{
    border-bottom:thin solid #D0D0D0;
}

.mimamori_Banner li{
	display:block;
    margin: 0 0 0 -15px;
    padding: 0;
}

.mimamori-center{
    text-align: center;
    position: relative;
}

/*対象年月の選択 タイトルとの隙間*/
.mimamori-nengetu-block{
   padding: 10px;
}
/*表示年月を選択*/
.mimamori-nengetu{
   float : left;
   padding: 10px;
   position: absolute;
}

/*TABLE*/
.mimamori-table-P03 {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  width: 718px;
  max-width: 100%;
  margin-bottom: 21px;
}
.mimamori-table-P03 > thead > tr > th,
.mimamori-table-P03 > tbody > tr > th,
.mimamori-table-P03 > thead > tr > td,
.mimamori-table-P03 > tbody > tr > td {
  padding: 8px;
  line-height: 1.5;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  white-space: nowrap;
}
.mimamori-table-P03 > thead > tr > th {
  vertical-align: bottom;
    padding:0px;
    line-height:35px
}
.mimamori-table-P03 > tbody > tr > td {
  vertical-align: middle;
    padding:0px;
    line-height:35px
}
.mimamori-table-P03 > tbody > tr > td a {
  color: #056b49;
  text-decoration: underline;
}
.mimamori-table-P03 > tbody > tr > td a:hover {
  text-decoration: none;
}
.mimamori-table-P03 > thead > tr > th [class^="b-icons"],
.mimamori-table-P03 > thead > tr > th [class*=" b-icons"] {
  font-size: 20px;
}
.mimamori-table-P03.__striped > tbody > tr:nth-child(odd) {
  background-color: #f1f5f6;
}
.mimamori-table-P03 > tbody > tr > td.__sunday,
.mimamori-table-P03 > tbody > tr > th.__sunday,
.mimamori-table-P03 > tbody > tr.__sunday > td,
.mimamori-table-P03 > tbody > tr.__sunday > th {
  background-color: #ffebec;
}
.mimamori-table-P03 > tbody > tr > td.__suturday,
.mimamori-table-P03 > tbody > tr > th.__suturday,
.mimamori-table-P03 > tbody > tr.__suturday > td,
.mimamori-table-P03 > tbody > tr.__suturday > th {
  background-color: #e7f3ff;
}
.mimamori-table-P03 > thead > tr:first-child th:first-child,
.mimamori-table-P03 > tbody > tr td:first-child {
}

/*▼もっと見る ボタン 幅*/
.mimamori__pa-XL{
  padding-right: 120px;
  padding-left: 120px;
}
.mimamori-gray-box{
    height : 70px;
}

/*生活記録*/
.mimamori-list-title{
    font-size : 18px;
}
/*生活記録 日時 幅*/
.mimamori-nichiji-table-width{
    width : 95px;
}

.mimamori-seikatukiroku-div1{
    position: relative;
    height: 500px;
    width: auto;
    overflow: hidden;
}

.mimamori-seikatukiroku-div2{
    position: absolute;
    overflow: hidden;
    width: 95px;
    float: left;
    height : auto;
}

/*生活記録 リスト 幅*/
.mimamori-listdata-table-width{
    width : 623px;
}

/*生活記録 リスト*/
.mimamori-aa{
    position: absolute;
    overflow: auto;
    height : auto;
    width : 100%;
    left: 95px;
    float: left;
}

/* 判定結果について 見守りサービス */
.p-mimamori-hantei__block {
    float:left;
    border-collapse: collapse;
    width:47%;
    height:auto;
}
.p-mimamori-hantei__block_cell {
    float:left;
    border-collapse: collapse;
    width:98%;
    height:auto;
    margin-right: 0px;
    margin-left: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.p-mimamori-hantei__cell {
    float:left;
    border-collapse: collapse;
    width:47%;
    height:auto;
    margin-right: 0px;
    margin-left: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.p-mimamori-hantei__cell_image {
    float: left;
    width: 15%;
    text-align: center;
}
.p-mimamori-hantei__cell_text {
    float: right;
    width: 85%;
}

/* アラート種類について 見守りサービス */
.p-mimamori-reason__cell {
    float:left;
    border-collapse: collapse;
    width:47%;
    height:auto;
    margin-right: 0px;
    margin-left: 7px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.p-mimamori-reason__cell_image {
    float: left;
    width: 15%;
    text-align: center;
}
.p-mimamori-reason__cell_text {
    float: right;
    width: 85%;
}

/* 状態確認設定 見守りサービス */
.base-mimamori-noticesetting {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel-mimamori-noticesetting {
    clear: both;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.panel-mimamori-noticesetting_title {
    border-bottom: 1px solid #ededed;
    margin-left: 2%;
    margin-right: 0%;
    padding: 1%;
}

.mimamori-noticesetting-header-left{
    float: left;
    width: 8%;
}

.mimamori-noticesetting-header-right {
    width: 92%;
    font-size: x-large;
    color:#056b49;
    padding-bottom: 2px;
}

.mimamori-noticesetting-selection {
    display: block;
    overflow: hidden;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 3%;
    padding-right: 3%;
    padding-top: 2%;
    padding-bottom: 15px;
    background-color:#fafafa;
}

.mimamori-noticesetting-selection2 {
    display: block;
    overflow: hidden;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 2%;
    padding-top: 15px;
}

.mimamori-noticesetting-info-left {
    float: left;
    width: 230px;
}

.mimamori-noticesetting-info-text {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-size: 14px;
    text-align:center;
    padding-top:2%;
    padding-left:0%;
}

.mimamori-noticesetting-info-right {
    margin-left: 30px;
}

.mimamori-noticesetting-info-select{
    padding-left: 20px;
}

.mimamori-noticesetting-info-select-text {
    font-size: 11px;
    color: #735123;
}

.mimamori-noticesetting-info-modify-mail-address {
    padding-left: 180px;
}

.mimamori-noticesetting-info-select a{
    text-decoration: none;
}

.mimamori-noticesetting-info-select a:hover{
    text-decoration: underline !important;
}

.p-mimamori-noticesetting__radio {
    border: solid 2px #735123;
    border-radius: 7px;
}

.p-mimamori-noticesetting__radio_item {
    width: 120px;
    height: 30px;
}

.p-mimamori-noticesetting__radio_item > input[type=radio] {
    vertical-align: middle;
}

.p-mimamori-noticesetting__radio_item_right {
    border-left: solid 2px #735123;
}

.mimamori-noticesetting-buttonbox {
    padding: 5px;
}
.mimamori-noticesetting-buttonbox :last-child {
    margin-bottom: 0;
}

.mimamori-noticesetting__button {
    background-color: #E2E2E2;
    padding-top: 1%;
    padding-bottom: 1%;
}

/* 「閉じる」ボタン */
.mimamori-noticesetting__button a {
    font-size:12px;
    color:black;
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 0px;
    width: 320px;
    margin: 0 auto;
    padding-top:10px;
    padding-bottom:10px;
    text-align:center;
    vertical-align:middle;
    background-color: #DDCA94 !important;
    border-bottom:  solid 2px #A38E54;
}

.mimamori-noticesetting__button a:hover {
    background-color: #CDBF97 !important;
    text-decoration: none;
}

/* =========================================================

MyPost

========================================================= */
/* Webフォント（MyPostアイコン）カラー */
.mp-icon-color {
    color: #d11818 !important;
}

/**************************************/
/* 05000_MPバナー（マイページトップ） */
/**************************************/
/* MPバナー画像 */
.mp-05000 .mp-banner-img {
    width: 230px;
    height: auto;
}

/* MPバナー（ホバー時） */
.mp-05000 a.u-bg-primary-P01:hover,
.mp-05000 a .u-bg-primary-P01:hover {
    background-color: #f6f6f6 !important;
}

/********************/
/* 05100_MP連携紹介 */
/********************/
.mp-05100 {
    background-color: #FFFFFF;
    overflow: hidden;
}

.b-doc-head-primary-P01.mp-05100-heading-color {
    color: #47BE6A;
}

.mp-05100-title-area {
    background-color: #c5dc51;
}

.mp-05100-title-text-color {
    color: #000000;
}

.mp-05100-box{
    padding-top: 10px;
    padding-bottom: 10px;
}

.mp-05100-btn-area .b-nav-btn {
    white-space: normal;
    width: 250px;
}

/* MP紹介画像エリア */
.mp-05100-main-image-area {
    margin-bottom: 14px;
}

/* MP紹介画像サイズ指定 */
.mp-05100-main-image-area img {
    width: 718px;
    height: auto;
}

.mp-05100-left {
    float: left; 
    width: 50%;
}
.mp-05100-right {
    float: right; 
    width: 50%;
}

/* 「MyPost会員の方」、「MyPostの会員登録がまだの方」文字色 */
.b-doc-head-primary-P01.mp-05100-header-color {
    color: #056B49;
}

/* センタリング */
.mp-05100-text-center {
    text-align: center;
}

/* サブコンテンツ ヘッダー */
.b-doc-head-primary-P01.mp-05100-sub-content-header {
    width: 300px;
    margin:0 auto;
    color: #056B49;
}

.mp-05100-member-title {
    margin-top: 18px;
    margin-bottom: 6px;
}

/* アイコンサイズ指定 */
.mp-05100-member-panel .mp-icon {
    width: 42px!important;
    height: 48.468px!important;
}

/* ボタン用テーブル */
.mp-05100-btn-tbl {
    display: table;
    width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    table-layout: fixed;
}
/* ボタン用テーブルセル（左） */
.mp-05100-btn-tbl-cell-left {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 20%;
}
/* ボタン用テーブルセル（中央） */
.mp-05100-btn-tbl-cell-center {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    width: 60%;
    height: 38px;
    white-space: normal;
}
/* ボタン用テーブルセル（右） */
.mp-05100-btn-tbl-cell-right {
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    width: 20%;
}
.mp-05100-btn-tbl-cell-right [class^="b-icons"],
.mp-05100-btn-tbl-cell-right [class*=" b-icons"] {
    position: static !important;
}

/* 「MyPostと連携する」ボタン用 ボタンの影の色 */
.mp-05100-member-panel .b-nav-btn.__note {
    border-bottom-color: #B77E00 !important;
}
.mp-05100-member-panel .b-nav-btn.__note:hover {
    border-color: #DBA200 !important;
    border-bottom-color: #B77E00 !important;
}

/*************************************/
/* 05100_MP連携紹介                  */
/*************************************/
/* ボタン(非活性時) */
.btn-05100.b-nav-btn.__primary.disabled
{
    color: #919191 !important;
    background-color: #BFBFBF !important;
    border-color: #BFBFBF #BFBFBF #999999 #BFBFBF !important; 
}

/*************************************/
/* 05200_MPパネル(会員情報編集)      */
/*************************************/
/* リンク(非活性時) */
.icon-05200.p-summary__head-icon-right.disabled,
.icon-05200.p-summary__head-icon-right.disabled:hover
{
    color: #919191 !important;
    background-color: #BFBFBF !important;
}

/*************************************/
/* 05300_MP連携設定*/
/*************************************/
.b-doc-head-primary-P01.mp-05300-header-color{
    color:#056B49;
}

.mp-05300-mp-now-config-color {
    color: #056B49;
}

/* 連携する・連携を解除する ボタンエリア */
.mp-setting-button-area {
    text-align: center;
}
/* 連携する・連携を解除する ボタン */
.mp-setting-button-area .b-nav-btn.__primary {
    width: 400px;
}

/* ヘッダー */
.mp-05300 .mp-05300-content-header {
    display: table; 
    width: 100%;
    margin-bottom: 20px;
}
/* ヘッダー（タイトル部分） */
.mp-05300 .mp-05300-content-header .head-title-area {
    display: table-cell;
    vertical-align: top;
}
/* ヘッダー（ボタン部分） */
.mp-05300 .mp-05300-content-header .head-btn-area {
    display: table-cell;
}
/* ヘッダー（ボタン） */
.mp-05300 .mp-05300-content-header .head-btn-area .b-nav-btn {
    margin-left: auto;
    margin-right: 0;
}

.mp-05300 .head-btn-area .b-nav-btn {
    padding: 6px 10px;
}

.mp-05300 .head-btn-area .b-nav-btn.__note {
    border-bottom-color: #B77E00 !important;
}
.mp-05300 .head-btn-area .b-nav-btn.__note:hover {
    border-color: #DBA200 !important;
    border-bottom-color: #B77E00 !important;
}
/* ボタン用テーブル */
.mp-05300-btn-tbl {
    display: table;
    width: 180px !important;
    table-layout: fixed;
}
/* ボタン用テーブルセル（左） */
.mp-05300-btn-tbl-cell-left {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 85%;
}
/* ボタン用テーブルセル（右） */
.mp-05300-btn-tbl-cell-right {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 15%;
}

/* ご利用規約 */
.mp-05300 .mp-agreement {
    overflow: hidden;
}

.mp-05300 .mp-agreement > .expand_checkbox {
	display: none;
}
.mp-05300 .mp-agreement > .expand_checkbox ~ .description {
    display: none;
}
.mp-05300 .mp-agreement > .expand_checkbox ~ .description_title:after {
    font-family: 'icons';
    content: "\e611";
}
.mp-05300 .mp-agreement > .expand_checkbox:checked ~ .description {
    display: block;
}
.mp-05300 .mp-agreement > .expand_checkbox:checked ~ .description_title:after {
    font-family: 'icons';
    content: "\e60f";
}
.mp-05300 .mp-agreement > .description_title {
    font-size: 20px;
    display: block;
    text-align: left;
    font-weight: bold;
    padding: 2%;
    cursor: pointer;
}
.mp-05300 .mp-agreement > .description {
    font-size: 14px;
    text-align: left;
    word-wrap: normal;
    margin-left: 5%;
    margin-right: 5%;
    background-color: #ffffff;
}

/*************************************/
/* 05400_MP認証ログイン*/
/*************************************/
.p-login.mp-5400-login {
    margin-top: 7px;
    padding-top: 20px;
    height: auto;
}

.mp-5400-left {
    float:left; 
    width:49%;
}

.mp-5400-text-center {
    text-align:center;
}

.mp-5400-right {
    float:right; 
    width:49%;
}

.mp-5400-shinki-area {
    height: 314px;
}

.mp-5400-t {
    width: 300px;
    margin:0 auto;
}

.mp-5400-t2 {
    margin-bottom:42px; 
    margin-top: 20px;
}

.mp-5400-ma7 {
    margin-top: 7px; 
    margin-bottom: 7px;
}

.mp-5400-top {
    top: 10px!important;
}
/****************************/
/* 05410_MP認証ログイン説明 */
/****************************/
.b-doc-p.mp-5410-explain{
    /*
    width:600px;
    */
}

.mp-5410-table {
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.mp-5410-table-cell-icon {
    color: #d11818 !important;
    display: table-cell;
    width: 10%;
}

/* アイコンサイズ指定 */
.mp-5410-table-cell-icon .mp-icon {
    width: 42px!important;
    height: 48.468px!important;
}

.mp-5410-panel .mp-5410-table-cell-icon .b-icons-MP-03 {
    font-size: 40px;
}

.mp-5410-table-cell-text {
    display: table-cell;
    width: 90%;
}

.mp-5410-table-cell-text .b-doc-head-primary-P01 {
    color: #000000;
}

/* =========================================================

新規DM PC

========================================================= */

.shinkidm-table-head th,
.shinkidm-table-head td {
    border: 1px solid #333;
}

.shinkidm-table-head {
    table-layout: fixed;
    border-collapse: collapse;
    margin-left: 10px;
    margin-right: 10px;
}

.shinkidm-table-body th,
.shinkidm-table-body td {
    border: 1px solid #333;
    border-top-style: none;
}

.shinkidm-table-body {
    table-layout: fixed;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
}

.shinkidm-head-part-cell_01 {
    width: 200px;
    height: 25px;
    text-align: center;
    background-color: gray;
    color: white;
}

.shinkidm-head-part-cell_02 {
    width: 150px;
    height: 25px;
    text-align: center;
    background-color: gray;
    color: white;
}

.shinkidm-upper-part-cell_01 {
    width: 180px;
    height: 25px;
    text-align: center;
}

.shinkidm-upper-part-cell_02 {
    width: 210px;
    height: 25px;
    text-align: left;
    padding-left: 10px;
}

.shinkidm-upper-part-cell_03 {
    width: 350px;
    height: 25px;
    text-align: left;
    padding-left: 10px;
}

.shinkidm-upper-part-cell_04 {
    width: 560px;
    height: 25px;
    text-align: left;
    padding-left: 10px;
}

.shinkidm-upper-part-cell_01_large {
    width: 200px;
    height: 80px;
    text-align: center;
}

.shinkidm-upper-part-cell_02_large {
    width: 150px;
    height: 80px;
    text-align: left;
    padding-left: 10px;
}

.shinkidm-lower-part-cell_01 {
    width: 180px;
    height: 25px;
    text-align: center;
}

.shinkidm-lower-part-cell_02 {
    width: 280px;
    height: 25px;
    text-align: left;
    padding-left: 10px;
}

.shinkidm-renrakusaki-cell {
    width: 463px;
    height: 120px;
    text-align: left;
    vertical-align: top;
    padding-top: 10px;
    padding-left: 10px;
    font-size: small;
}

.shinkidm-renrakusaki-doc {
    padding-left: 7.5em;
    text-indent: -1em;
    font-size: 12px
}

.shinkidm-jyusho-doc {
    padding-left: 4em;
}

.shinkidm-jigyosha-cell {
    width: 463px;
    height: 120px;
    text-align: left;
    vertical-align: top;
    padding-top: 60px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: small;
}

.shinkidm-jigyosha-doc {
    padding-left: 1.5em;
    text-indent: -1em;
}

.shinkidm-documents-position-head {
    margin: 0 0 0.5px 10px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}

.shinkidm-documents-position-down {
    margin: 0 0 20px 10px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}

.shinkidm-documents-position-head-title {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
    padding: 0;
    margin: 10px 0 10px 260px;
}

.shinkidm-b-form-kakunin-checkbox {
    padding: 20px;
    margin: 0 auto 20px;
    background-color: #ffffff;
    text-align: center;
}

.shinkidm-kakunin-box {
    margin: 0 80px 10px 80px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
}

.shinkidm-b-form-kakunin-checkbox label {
    font-size: 18px;
    color: #333;
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
}

.shinkidm-documents-position-body {
    margin: 0 20px 10px 20px;
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
}

.shinkidm-underline_bold {
    text-decoration: underline;
    font-weight: bold;
}

.shinkidm-pdf-u-text-link {
    color: #000000;
}

a.shinkidm-pdf-u-text-link:hover {
    color: #000000;
}

.b-nav-btn.__shinkidm-block {
    display: block;
    width: 100%;
    text-align: left;
    font-size: smaller;
}

.shinkidm-b-icon-circlea {
    display: inline-block;
    line-height: 30px;
    text-align: center;
    margin: 0px auto 5px;
    background: #67BF64 none repeat scroll 0% 0%;
    color: #FFF;
    font-size: 15px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}

.shinkidm-b-doc-p-dm {
    margin: 0px 10px 0px 10px;
    padding: 0px;
    font-size: 12px;
    line-height: 1.5;
}

/*供給条件説明画面枠線（点線）*/
.shinkidm-setsumei-naiyou-box {
    padding: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
    border: 1px dashed #333333;
}

/*供給条件説明画面タイトル*/
.shinkidm-setsumei-title {
    text-align: center;
    margin-top:10px;
    margin-bottom:50px;
}

/*供給条件説明画面事業者情報パネル*/
.shinkidm-setsumei-jigyosya-panel {
    display: block;
    width:100%;
    height:90px;
}

/*供給条件説明画面事業者情報要素BOX*/
.shinkidm-setsumei-jigyosya-box {
    display: block;
    float:right;
    width:270px;
    word-break: break-all;
    text-align: left;
    line-height:30px;
}

/* 支払明細用パネルボタン */
.p-con-panel-meisai {
  float: left;
  width: 348.5px;
  background: #ffffff;
  margin: 14px 7px 14px 0;
}
.p-con-panel-meisai:first-child {
  margin: 14px 7px;
  width: 700px;
}
.p-con-btn-meisai__text {
  display: table;
  width: 100%;
  height: 65px;
  line-height: 1.3;
  font-size: 20px;
}
/*.p-con-panel-meisai .__icons {
  color: #67bf64;
  font-size: 42px;
}*/
/*.p-con-btn-meisai__text p {
  display: table-cell;
  vertical-align: middle;
}*/
.p-con-btn-meisai__text span {
  font-size: 26px;
  font-weight: bold;
  color: #000;
}
.p-con-btn-meisai__btn {
  display: inline-block;
  font-size: 18px;
  padding: 10px 29px;
}
.p-con-btn-meisai__btn .b-icons21 {
  color: #ffffff;
  margin-left: 5px;
}
.p-con-btn-meisai__btn:hover,
.p-con-btn-meisai__btn:active {
  color: #000000;
  background-color: #4eb54b;
}

/*波線*/
.underline {
    background: url(~/media/8FA9E9C1D6EB4B16AF6703C7BB92FD91.ashx) bottom repeat-x;
    background-size: 10px;
}

/************************************************/
/* 見守りサービス申込みエラー画面               */
/************************************************/
.image-07130 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
}
.warning-text-07130 {
    font-size: 24px;
}
.warning-text-07130 div {
    color: #ff4d4e;
    line-height: 1.3;
    text-align: center;
}
.warning-text-07130 p {
    font-size: 18px;
    text-align: center;
}
.text-07130 {
    margin-left: 30px;
}
.list-text-07130 {
    margin-top: -10px;
    margin-bottom: 40px;
    margin-left: 15px;
    width: 93.4%;
}
.list-text-07130 a:link {
    color: #0000ff;
}
.list-text-07130 a:visited {
    color: #800080;
}

/* 20161011 見守りサービス */

.mimamori-okyakusamajoho-table {
    margin-top: 30px;
    font-size: 16px;
}

.table-P10 .b-doc-head-bg.__primary-P03,
.table-P10 .b-doc-head-bg.__primary-P04 {
    text-align: left;
    padding: 0.5em 20px 0.3em;
}

.b-doc-head-bg.__primary-P03-next,
.b-doc-head-bg.__primary-P04-next {
    padding: 0.5em;
    padding-left: 30px;

}

.b-doc-head-bg.__primary-P03 {
    background-color: #67bf64;
}

.b-doc-head-bg.__primary-P04 {
    background-color: #FFBC00;
}

.b-doc-head-bg.__primary-P03 .b-doc-head-bg__text,
.b-doc-head-bg.__primary-P04 .b-doc-head-bg__text,
.b-doc-head-bg.__primary-P03-next .b-doc-head-bg__text,
.b-doc-head-bg.__primary-P04-next .b-doc-head-bg__text {
    font-size: 16px;
}

.b-doc-head-bg.__primary-P03-next .b-doc-head-bg__text,
.b-doc-head-bg.__primary-P04-next .b-doc-head-bg__text {
    color: #056b49;
}

.b-doc-head-bg.__primary-P03-next.__SP,
.b-doc-head-bg.__primary-P04-next.__SP {
    padding-left: 20px;
}

.b-doc-head-bg.__primary-P03-next.__SP .b-doc-head-bg__text,
.b-doc-head-bg.__primary-P04-next.__SP .b-doc-head-bg__text {
    font-size: 20px;
    font-weight: normal;
}

.table-P10 {
    width: 100%;
    min-width: 718px;
    border-collapse: collapse;
}

.table-P10 th,
.table-P10 td {
    text-align: left;
    padding-left: 1em;
}

.table-P10 th:first-child,
.table-P10 td:first-child {
    padding-left: 20px;
}

.table-P10 th:nth-child(5),
.table-P10 td:nth-child(5),
.table-P10 th:last-child,
.table-P10 td:last-child {
    width: 86px;
    text-align: right;
    padding-left: 10px;
}

.table-P10 th:last-child,
.table-P10 td:last-child {
    padding-right: 20px;
}

.table-P10 th {
    font-size: 14px;
    padding-top: 0.6em;
    padding-bottom: 0.3em;
}

.table-P10 td {
    font-size: 16px;
    background-color: #F2F5F6;
    border-top: 2px solid #fff;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.table-P10 tr:last-child td {
    border-bottom: none;
}

.table-P10 td .b-nav-btn {
    margin: -11px 0;
}

.b-nav-btn.__mimamori-P01,
.b-nav-btn.__mimamori-P02 {
    width: 5em;
    font-size: 14px;
    padding:0.65em 0;
}

.b-nav-btn.__mimamori-P01 {
    width: 5.5em;
    font-size: 16px;
    padding: 0.7em 0;
}

.b-nav-btn.__mimamori-P01 [class^="b-icons"],
.b-nav-btn.__mimamori-P01 [class*="b-icons"],
.b-nav-btn.__mimamori-P02 [class^="b-icons"],
.b-nav-btn.__mimamori-P02 [class*="b-icons"] {
    font-size: 13px;
    margin-top: -2px;
    margin-right: 4px;
}

.table-P10.__SP {
    width: 100%;
    min-width: auto;
}

.table-P10.__SP th,
.table-P10.__SP td {
    font-weight: normal;
    font-size: 12px;
    border-top: none;
    border-bottom: 2px solid #fff;
    padding-left: 0;
    word-break: keep-all;
}

.table-P10.__SP th:first-child,
.table-P10.__SP td:first-child {
    padding-left: 20px;
}

.table-P10.__SP th:last-child,
.table-P10.__SP td:last-child {
    width: 60px;
    padding-right: 10px;
    text-align: left;
}

.table-P10.__SP .b-doc-head-bg.__primary-P03,
.table-P10.__SP .b-doc-head-bg.__primary-P04 {
    border-bottom: none;
}

.table-P10.__SP .b-doc-head-bg-second-primary-P01 th,
.table-P10.__SP .b-doc-head-bg-second-primary-P01 td,
.table-P10.__SP .b-doc-head-bg-second-primary-P02 th,
.table-P10.__SP .b-doc-head-bg-second-primary-P02 td {
    font-size: 15px;
    font-weight: bold;
    padding-top: 1.1em;
    padding-bottom: 1.1em;
}

.table-P10.__SP .b-doc-head-bg-second-primary-P01 th,
.table-P10.__SP .b-doc-head-bg-second-primary-P01 td {
    background-color: #e8f1ba;
}

.table-P10.__SP .b-doc-head-bg-second-primary-P02 th,
.table-P10.__SP .b-doc-head-bg-second-primary-P02 td {
    background-color: #fef1ba;
}

.u-text-primary-P03 {
    color: #133A24;
}

.u-text-muted-P02 {
    color: #5B5B5B;
}

.table-P11 {
    width: 100%;
    border-collapse: collapse;
}

.table-P11 th,
.table-P11 td {
    padding: 0.2em 0.15em 0.1em;
}

.table-P11 th {
    width: 7em;
    color: #5B5B5B;
    text-align: right;
    padding-right: 1.3em;
    font-weight: normal;
}

.table-P11 td {
    border-bottom: 1px solid #E1E2E2;
}

.table-P11.__SP,
.table-P11.__SP tbody,
.table-P11.__SP tr {
    display: block;
}

.table-P11.__SP th,
.table-P11.__SP td {
    display: block;
    width: 100%;
    text-align: left;
    border: none;
    padding: 0;
}

.table-P11.__SP th {
    border-top: 1px solid #E1E2E2;
    padding-top: 0.5em;
}

.table-P11.__SP td {
    font-size: 18px;
    padding-bottom: 0.2em;
}

.panel-mimamori-tsuuchi .b-doc-head-primary-P01,
.panel-mimamori-tsuuchi .u-text-link {
    color: #6D4A18 !important;
}

.panel-mimamori-tsuuchi .b-form-chek-list-block,
.panel-mimamori-tsuuchi .b-form-chek-list__item,
.panel-mimamori-tsuuchi .customSelect_P02,
.panel-mimamori-tsuuchi .customSelect_P02 .customSelect_P02Inner:after {
    border-color: #7F5B20 !important;
}

.panel-mimamori-tsuuchi .b-form-chek-list-block {
    border-width: 2px;
}

.panel-mimamori-tsuuchi .b-nav-btn.__primary {
    background-color: #DDCA94;
    border-color: #DDCA94;
    border-bottom-color:#A38E54;
}

.panel-mimamori-tsuuchi .b-nav-btn.__primary:hover {
    background-color: #d7bf7f;
    border-color: #d7bf7f;
    border-bottom-color:#917e4b;
}

.panel.panel-well {
    border: 6px solid #f1f1f1;
}

.table-P12 {
    width: 100%;
    table-layout: fixed;
}

.table-P12 th,
.table-P12 td {
    vertical-align: top;
    text-align: left;
    font-weight: normal;
    padding-bottom: 1em;
    padding-right: 1em;
}

.table-P12 tr th:nth-child(3) {
    padding-left: 1em;
}

.table-P12 tr td:last-child {
    padding-right: 0;
}

.table-P12 tr:last-child th,
.table-P12 tr:last-child td {
    padding-bottom: 0;
}

.table-P12 th {
    width: 50px;
    text-align: center;
    padding-right: 0;
    padding-top: 2px;
}

.table-P12.__SP th {
    width: 30px;
    padding-right: 10px;
    padding-top: 5px;
}

.dl-table-P01 {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.dl-table-P01 > dl {
    width: 50%;
    float: left;
    margin: 0;
    margin-bottom: 1.25em !important;
}

.dl-table-P01 > dl:nth-child(odd) dt,
.dl-table-P01 > dl:nth-child(odd) dd {
    padding-right: 1em;
}

.dl-table-P01 > dl:nth-child(even) dt,
.dl-table-P01 > dl:nth-child(even) dd {
    padding-left: 1em;
}

.dl-table-P01 > dl > dt {
    color: #056b49;
    font-weight: bold;
}

.dl-table-P01 > dl > dd {
    margin-left: 0;
}

.dl-table-P01.dl-table-P01-SP > dl {
    width: auto;
    float: none;
    margin-bottom: 1em !important;
}

.dl-table-P01.dl-table-P01-SP > dl dt,
.dl-table-P01.dl-table-P01-SP > dl dd {
    padding: 0;
}

.b-doc-table-P03-SP > thead > tr > th,
.b-doc-table-P03-SP > tbody > tr > th,
.b-doc-table-P03-SP > thead > tr > td,
.b-doc-table-P03-SP > tbody > tr > td {
    padding: 5px;
}

.b-form-heading-P02 {
    font-size: 20px;
}

.b-form-heading-P02 .b-label {
    display: inline-block;
    font-size: 12px;
    padding: 0.3em 0.75em;
    line-height: 1;
    vertical-align: middle;
    margin-top: -4px;
}

.b-form-help-inline.__color-P02,
.b-form-help-block.__color-P02 {
    color: #000;
}

.table-overflow-slider {
    overflow: auto;
}

.u-lineheight-S {
    line-height: 1.2;
}

.u-lineheight-M {
    line-height: 1.4;
}

.u-lineheight-L {
    line-height: 1.6;
}

.b-doc-table-P03.__noborder > thead > tr:first-child th:first-child,
.b-doc-table-P03.__noborder > tbody > tr td:first-child {
    border: none;
}

.panel-mimamori-modal {
    max-width: 500px;
}

.panel-mimamori-modal .b-doc-head-bg {
    position: relative;
}

.panel-mimamori-modal .b-doc-head-bg .a-btn-R {
    display: block;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0 10px;
    margin-top: -1px;
}

.panel-mimamori-modal .b-doc-head-bg .a-btn-R .b-icons152 {
    color: #333;
    font-weight: normal;
}

.u-bg-note-P08 {
    background-color: #e8f1ba;
}

/************************************************/
/* 00975_メール更新ダイアログ                   */
/************************************************/

.maildialog-00975-1 {
  color: #ff4d4e !important;
  font-size: 12px !important;
}

.maildialog-00975-2 {
    color: #0000FF;
    font-size: 12px;
}

.maildialog-00975-3 {
    font-size: 9px;
}

.maildialog-00975-4 {
    font-size: 12px !important;
    font-weight: bold !important;
}

.u-text-DownSize095 {
    display:inline-block;
    letter-spacing: -1px;
    transform: scale(0.95);
}

.u-text-DownSize095-2 {
    display:inline-block;
    letter-spacing: -1.85px;
    transform: scale(0.95);
}

/* 家電サポート 機器 リモコン未設定お知らせアイコン*/
.kiki-remo-misettei-icon {
  position: absolute;
  bottom: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  text-align: center;
}
.kiki-remo-misettei-icon:before,
.kiki-remo-misettei-icon::before {
  font-size: 26px;
  line-height: 30px;
  color: #67BF64;
}
.kiki-remo-misettei-icon:after,
.kiki-remo-misettei-icon::after {
  content: "!";
  display: block;
  width: 14px;
  height: 14px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 13px;
  background-color: #FF8500;
  border-radius: 100%;
  position: absolute;
  top: 3px;
  right: 0;
  z-index: 1;
}