@charset "UTF-8";

/*
========================================
File Name       : screen.scss
Description     : 読み込み用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
/* -----------------------------------------------------------------*/
/* css import
/* -----------------------------------------------------------------*/
/*
========================================
File Name       : _setting.css
Description     : セッティング用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
/* -----------------------------------------------------------------*/
/* Mixin Setting */
/* -----------------------------------------------------------------*/
/* 
■font-sizeを14pxにしたい場合
.hoge {
  @include fts(14);
}
■line-heightを故意的に変えたい場合
.hoge {
  @include fts(10,28);
}
■line-heightを取りたくない場合、font-sizeと同じ数字を入れるとline-height: 1が返る
.hoge {
  @include fts(14,14);
}
*/
/*  レスポンシブ  */
/*  スマホ 736 */
/* 
指定のセレクタのSP版CSSを生成する
.header {
  font-size : 1.2rem;
  @include sp {
    font-size : 1.4rem;
  }
}
 */
/* -----------------------------------------------------------------*/
/* Various Settings */
/* -----------------------------------------------------------------*/
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
a {
  color: #362d08; }

a:visited {
  color: #362d08; }

a:hover {
  color: #362d08;
  text-decoration: underline; }

a:active {
  color: #362d08; }
body {
	background: url(/image/2016/common/bg_contents.png);
}
#dWrapper #dHWrapper #dBreadCrumbs {
  margin: 17px auto 24px; }
#aMainContents .dModSecNormal>div,
#aMainContents .dModSecNormal .section{
	overflow: visible;
	padding-bottom: 0;
}
br.sp-only {
  display: none; }

.emText {
  color: #e63800; }

.gasText {
  color: #187eb7; }

.Montserrat {
  font-family: "Montserrat",sans-serif;
  font-weight: 700; }

.priceNumText {
  font-size: 23px;
  font-size: 2.3rem; }

.pricePointText {
  font-size: 19px;
  font-size: 1.9rem; }

.priceYenText {
  font-weight: bold; }

.priceDiscountText {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold; }

.ulModEleDisc li {
  margin-bottom: 0; }

.kModLink {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  overflow: hidden; }
  .kModLink ul {
    float: left;
    left: 50%;
    position: relative; }
    .kModLink ul li {
      float: left;
      left: -50%;
      position: relative; }
      .kModLink ul li a {
        font-size: 15px;
        font-size: 1.5rem;
        color: #362d08;
        text-decoration: underline; }
        .kModLink ul li a:hover {
          text-decoration: none; }

.eModCol2 {
  margin-top: 20px; }
  .eModCol2:first-child {
    margin-top: 0; }
  .eModCol2 .eModColL {
    float: left;
    width: 55%;
    padding-right: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
  .eModCol2 .eModColR {
    float: right;
    width: 45%;
    padding-left: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
    .eModCol2 .eModColR img {
      width: 100%;
      height: auto; }
  .eModCol2 .eModColHelf {
    float: left;
    width: 50%;
    padding-right: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
    .eModCol2 .eModColHelf:last-child {
      float: right;
      padding-right: 0;
      padding-left: 10px; }
  .eModCol2 + .otokuBtn {
    margin-top: 40px; }

.eModText {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6; }

.eModEleBigger {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.25; }

.eModEleHead {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5; }
  .eModEleHead .small {
    font-size: 14px;
    font-size: 1.4rem; }

@media only screen and (max-width: 1000px) {
	#dWrapper #dMFWrapper #dMain #dMainColumn #aMainContents {
		padding: 0 15px !important;
	}
}

.kateneBtn {
  behavior: url("/css/PIE.htc");
  max-width: 340px;
  line-height: 1.4;
  margin: auto;
  text-align: center; }
  .kateneBtn a {
    display: block;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    background: #e63800;
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    position: relative; }
    .kateneBtn a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: .7; }
  .kateneBtn.kateneBtnFS01 a {
    font-size: 20px !important;
    font-size: 2.0rem !important;
    padding: 16px 0; }
		@media only screen and (max-width: 834px) {
    .denki .kateneBtn.kateneBtnFS01.moushikomu a {
      font-size: 15px !important;
      font-size: 1.5rem !important;
      padding: 16px 0; }
    }
  .kateneBtn.kateneBtnFS02 a {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 17px 0; }
  .kateneBtn.kateneBtnFS03 a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 18px 0; }
  .kateneBtn.kateneBtn01 a:after {
    content: " ";
    width: 9px;
    height: 16px;
    background: url("/image/2017/module/ico_angle_right_white.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px; }
  .kateneBtn.kateneBtn01 button:after {
    content: " ";
    width: 9px;
    height: 16px;
    background: url("/image/2017/module/ico_angle_right_white.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px; }
  .kateneBtn.kateneBtn02 a {
    background: #1ba9e6; }
  .kateneBtn.kateneBtn02 a:after {
    content: " ";
    width: 9px;
    height: 16px;
    background: url("/image/2017/module/ico_angle_right_white.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px; }
  .kateneBtn.kateneBtn02 button:after {
    content: " ";
    width: 9px;
    height: 16px;
    background: url("/image/2017/module/ico_angle_right_white.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px; }
  .kateneBtn button {
    width: 100%;
    max-width: 420px;
    cursor: pointer;
    border: none;
    display: block;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.4;
    text-decoration: none;
    padding: 16px 0;
    background-image: none;
    background: #e63800;
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    position: relative; }
    .kateneBtn button:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: .7; }

.otokuBtn {
  behavior: url("/css/PIE.htc");
  max-width: 360px;
  margin: auto;
  text-align: center; }
  .otokuBtn a {
    display: block;
    text-align: center;
    color: #623f1d;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #623f1d;
    border-radius: 25px;
    position: relative; 
		background-color: #ffffff;
}
    .otokuBtn a:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: .7; }
  .otokuBtn.otokuBtn01 a:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 13px;
    height: 13px;
    background: url("/image/2017/module/ico_arrow_right_brown.png") 0 center no-repeat;
    margin-right: 7px; }
  .otokuBtn.otokuBtn02 a {
    background-color: #fff; }
    .otokuBtn.otokuBtn02 a:before {
      content: " ";
      display: inline-block;
      position: relative;
      top: 2px;
      width: 13px;
      height: 13px;
      background: url("/image/2017/module/ico_arrow_right_brown.png") 0 center no-repeat;
      margin-right: 7px; }
  .otokuBtn.otokuBtn03 {
    max-width: 500px; }
    .otokuBtn.otokuBtn03 a {
      background-color: #fff; }
      .otokuBtn.otokuBtn03 a:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 2px;
        width: 13px;
        height: 13px;
        background: url("/image/2017/module/ico_arrow_right_brown.png") 0 center no-repeat;
        margin-right: 7px; }
  .otokuBtn.btnBlank a:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 2px;
    width: 14px;
    height: 13px;
    background: url("/image/2016/module/ico_popup.png") 0 center no-repeat;
    margin-right: 6px; }
  .otokuBtn.otokuClose {
    max-width: 260px; }
    .otokuBtn.otokuClose a {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.4;
      padding: 12px 0 11px; }
    .otokuBtn.otokuClose a:before {
      content: " ";
      display: block;
      position: absolute;
      top: 50%;
      left: 20px;
      width: 16px;
      height: 16px;
      margin-top: -8px;
      background: url("/image/2017/module/ico_close.png") 0 center no-repeat; }
  .otokuBtn.otokuBtnFS01 {
    max-width: 340px;
margin-top: 40px;}
  .checkResultDokonyan .otokuBtn.otokuBtnFS01 {
margin-top: 25px;}
    .otokuBtn.otokuBtnFS01 a {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      padding: 12px 0; }
  .otokuBtn.otokuBtnFS02 a, .otokuBtn.otokuBtnFS03 a {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 12px 0; }
  .otokuBtn + .textBtn {
    margin-top: 30px; }
  .otokuBtn + .otokuBtn {
    margin-top: 20px; }

.textBtn {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin: auto;
  text-align: center; }
  .textBtn a {
    display: inline-block;
    text-decoration: underline; }
    .textBtn a:hover {
      text-decoration: none; }
    .textBtn a[target="_blank"]:not(.aModEleDef) {
      display: inline-block;
      padding-left: 0;
      text-indent: 0; }
  .textBtn + .otokuBtn {
    margin-top: 30px; }

.hasCustomSelect.cs_katene {
  z-index: 2;
  background: #ffffff; }
  .hasCustomSelect.cs_katene optgroup {
    font-style: normal; }

.customSelect.cs_katene {
  width: 100%;
  display: block;
  text-decoration: none;
  background: #ffffff;
  text-align: left;
  border-radius: 10px;
  padding: 17px 19px;
  margin: 0;
  color: #362d08;
  position: relative;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  z-index: 1; }
  .customSelect.cs_katene:after {
    content: " ";
    display: block;
    position: absolute;
    width: 18px;
    height: 10px;
    background: url("/image/2017/module/ico_angle_bottom_orange.png") 0 0 no-repeat;
    background-size: contain;
    right: 16px;
    top: 50%;
    margin-top: -5px; }
  .customSelect.cs_katene .customSelectInner {
    position: relative;
    width: 100% !important;
    display: block !important; }

.spTableWrapper {
  width: 100%;
  overflow: auto;
  margin: 0 auto;
  position: relative; }
  .spTableWrapper::-webkit-scrollbar {
    height: 6px;
    background: #dbdbdb; }
  .spTableWrapper::-webkit-scrollbar-thumb {
    background: #e85938;
    border-radius: 3px; }
  .spTableWrapper::-webkit-scrollbar-track-piece {
    background: #dbdbdb; }
  .spTableWrapper table {
    border-top: 1px solid #362d08;
    border-left: 1px solid #362d08;
    border-collapse: separate;
    background-color: #fff;
    font-size: 15px;
    font-size: 1.5rem;
    margin: 0 auto; }
    .spTableWrapper table thead tr th {
      border-bottom: 1px solid #362d08;
      /*border-right: 2px dotted #362d08;*/
      border-right: none;
      background: url("/image/2017/template/bg_table_dot.png") 100% 0 repeat-y;
      background-color: #666666;
      color: #fff;
      font-weight: bold;
      text-align: center; }
      .spTableWrapper table thead tr th:last-child {
        border-right: 1px solid #362d08;
        background-image: none; }
      .spTableWrapper table thead tr th .yen {
        font-size: 12px;
        font-size: 1.2rem; }
    .spTableWrapper table tbody tr th {
      border-bottom: 1px solid #362d08;
      /*border-right: 2px dotted #362d08;*/
      border-right: none;
      background-image: url("/image/2017/template/bg_table_dot.png");
      background-position: 100% 0;
      background-repeat: repeat-y;
      background-color: #666666;
      color: #fff;
      font-weight: bold;
      text-align: left; }
      .spTableWrapper table tbody tr th:last-child {
        border-right: 1px solid #362d08;
        background-image: none; }
    .spTableWrapper table tbody tr td {
      border-bottom: 1px solid #362d08;
      /*border-right: 2px dotted #362d08;*/
      border-right: none;
      background-image: url("/image/2017/template/bg_table_dot.png");
      background-position: 100% 0;
      background-repeat: repeat-y; }
      .spTableWrapper table tbody tr td:last-child {
        border-right: 1px solid #362d08;
        background-image: none; }
    .spTableWrapper table tbody tr .centerTd {
      text-align: center; }
    .spTableWrapper table tbody tr .priceTd {
      text-align: right; }
    .spTableWrapper table tbody tr .unitPriceCell01 {
      width: 19.5%; }
    .spTableWrapper table tbody tr .unitPriceCell03 {
      width: 25%; }
    .spTableWrapper table tbody tr .unitPriceCell04 {
      width: 25%; }
    .spTableWrapper table tbody tr:nth-child(even) th,
    .spTableWrapper table tbody tr:nth-child(even) td {
      background-color: #f4f4f4; }

/*============================
.eTokuLeadWrapper
============================*/
.eTokuLeadWrapper {
  padding: 44px 0 45px;
  margin: 0 0 60px;
  position: relative; }
  .eTokuLeadWrapper:after {
    content: " ";
    display: block;
    position: absolute;
    width: 63px;
    height: 34px;
    left: 50%;
    bottom: -34px;
    margin-left: -32px;
    background: url("/image/2017/page/gas/bg_tail.png") 0 0 no-repeat;
    background-size: contain; }
  .eTokuLeadWrapper p {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.38;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 0; }
    .eTokuLeadWrapper p .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 52px;
      font-size: 5.2rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
      .eTokuLeadWrapper p .priceText .yen {
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: bold;
        font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
    .eTokuLeadWrapper p .lineBreak {
      display: inline-block;
      margin: 12px 0 0; }
    .eTokuLeadWrapper p sup {
      font-size: 14px;
      font-size: 1.4rem;
      top: -1.5em; }
  .eTokuLeadWrapper .notice {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    font-weight: normal;
    margin-bottom: 22px; }
  .eTokuLeadWrapper .condition {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    margin: 14px 0 0;
    padding: 0; }
    .eTokuLeadWrapper .condition .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
    .eTokuLeadWrapper .condition + .notice {
      margin-bottom: 0;
      margin-top: 22px;
      margin: 22px auto 0;
      text-align: left;
      width: 90%; }
		.eTokuLeadWrapper .pKurashibnr {
		margin-bottom: 30px; }
		@media only screen and (max-width: 834px) {
			.eTokuLeadWrapper .pKurashibnr {
				margin-bottom: 15px; }
		}
/*============================
.contentsWrapper
============================*/
.otokuReasonWrapper {
  padding: 0 40px 40px; }

.katenePointWrapper {
  padding: 36px 40px 50px; }
  .katenePointWrapper .section {
    margin-top: 46px; }
    .katenePointWrapper .section:first-child {
      margin-top: 0; }
  .katenePointWrapper .lineHeight {
    display: inline-block;
    line-height: 2.1;
    padding-top: 5px; }
  .katenePointWrapper .registerText {
    margin-top: -3px; }
  .katenePointWrapper .kateneDiscount {
    padding: 0; }
    .katenePointWrapper .kateneDiscount:first-child {
      margin: -15px 0 0; }
    .katenePointWrapper .kateneDiscount .priceNumText {
      font-size: 26px;
      font-size: 2.6rem; }
    .katenePointWrapper .kateneDiscount .priceYenText {
      font-size: 18px;
      font-size: 1.8rem; }
    .katenePointWrapper .kateneDiscount .priceDiscountText {
      font-size: 21px;
      font-size: 2.1rem; }
    .katenePointWrapper .kateneDiscount .comModEleMore {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.6; }
    .katenePointWrapper .kateneDiscount .katenePointMore {
      background-color: #fff6d0;
      padding: 20px 25px;
      margin: 33px auto 0;
      position: relative; }
      .katenePointWrapper .kateneDiscount .katenePointMore:after {
        content: " ";
        width: 78px;
        height: 70px;
        background: url("/image/2017/page/denki/otoku/ico_more.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -23px;
        top: -20px; }
      .katenePointWrapper .kateneDiscount .katenePointMore h4 {
        text-align: center;
        padding: 0;
        margin: 0 0 14px;
        background: none; }
        .katenePointWrapper .kateneDiscount .katenePointMore h4 > span {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.44;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
      .katenePointWrapper .kateneDiscount .katenePointMore p {
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6; }
      .katenePointWrapper .kateneDiscount .katenePointMore + .registerText {
        margin-top: 17px; }
      .katenePointWrapper .kateneDiscount .katenePointMore .pointNotice {
        margin-top: 18px;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        text-align: left;
        font-weight: normal; }
        .katenePointWrapper .kateneDiscount .katenePointMore .pointNotice li {
          text-indent: -1em;
          padding-left: 1em; }
  .katenePointWrapper .pointNotice {
    margin-top: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center; }
    .katenePointWrapper .pointNotice li {
      text-indent: -1em;
      padding-left: 1em;
      text-align: left; }

.katenePlanWrapper {
  padding: 36px 40px 50px; }
  .katenePlanWrapper .section {
    margin-top: 46px; }
    .katenePlanWrapper .section:first-child {
      margin-top: 0; }
  .katenePlanWrapper .registerText {
    margin-top: -3px; }

.gasPointWrapper {
  padding: 50px 40px; }
  .gasPointWrapper .section {
    margin-top: 46px; }
    .gasPointWrapper .section:first-child {
      margin-top: 0; }

/*============================
.eDenkiPlanMenu
============================*/
.eDenkiPlanMenu {
  background: #ffe99e;
  padding: 0 90px 40px; }
  .eDenkiPlanMenu h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    color: #362d08;
    padding: 30px 0;
    margin: 0;
    text-align: center;
    position: relative; }
    .eDenkiPlanMenu h3:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100px;
      height: 68px;
      background: url("/image/2017/template/ico_denkimenu.png") 0 0 no-repeat;
      background-size: contain;
      left: 50%;
      top: -40px;
      margin-left: -50px; }
  .eDenkiPlanMenu .checkMenuBtn {
    padding: 0; }
    .eDenkiPlanMenu .checkMenuBtn ul {
      margin: 0; }
      .eDenkiPlanMenu .checkMenuBtn ul + ul {
        margin-top: 24px; }
    .eDenkiPlanMenu .checkMenuBtn li {
      float: right;
      width: 50%;
      padding-left: 10px; }
      .eDenkiPlanMenu .checkMenuBtn li:first-child {
        float: left;
        width: 50%;
        padding-left: 0;
        padding-right: 10px; }
    .eDenkiPlanMenu .checkMenuBtn a {
      display: block;
      text-align: center;
      color: #362d08;
      font-weight: bold;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.5;
      text-decoration: none;
      padding: 16px 0 10px;
      background: #fff;
      box-shadow: 0px 4px 0px 0px #e6e6e6;
      border-radius: 8px;
      position: relative; }
      .eDenkiPlanMenu .checkMenuBtn a .priceText {
        color: #e63800; }
      .eDenkiPlanMenu .checkMenuBtn a .planText {
        font-size: 20px;
        font-size: 2.0rem;
        display: block;
        margin: 4px 0 0; }
      .eDenkiPlanMenu .checkMenuBtn a .smallText {
        font-size: 11px;
        font-size: 1.1rem; }
      .eDenkiPlanMenu .checkMenuBtn a.active, .eDenkiPlanMenu .checkMenuBtn a:hover {
        color: #fff;
        text-decoration: none;
        background: #e85938;
        box-shadow: 0px 4px 0px 0px #ba472d; }
        .eDenkiPlanMenu .checkMenuBtn a.active .priceText, .eDenkiPlanMenu .checkMenuBtn a:hover .priceText {
          color: #fff; }
          .checkMenuBtn p.additional {
            margin-top: 25px;
           }
           @media only screen and (max-width: 834px) {
            .checkMenuBtn p.additional {
              margin-top: 15px;
              font-size: 12px;
              font-size: 1.2rem;
             }
           }

/*============================
.eGasPlanMenu
============================*/
.eGasPlanMenu {
  background: #ffe99e;
  padding: 0 90px 40px; }
  .eGasPlanMenu h3 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1;
    color: #362d08;
    padding: 37px 0 29px;
    margin: 0;
    text-align: center;
    position: relative; }
    .eGasPlanMenu h3:before {
      content: " ";
      display: block;
      position: absolute;
      width: 40px;
      height: 62px;
      background: url("/image/2017/template/ico_gasmenu.png") 0 0 no-repeat;
      background-size: contain;
      left: 50%;
      top: -38px;
      margin-left: -20px; }
  .eGasPlanMenu .checkMenuBtn {
    padding: 0; }
    .eGasPlanMenu .checkMenuBtn ul {
      margin: 0;
      padding-right: 40px; }
    .eGasPlanMenu .checkMenuBtn li {
      float: left;
      width: 33.3%;
      margin-right: 20px; }
      .eGasPlanMenu .checkMenuBtn li:last-child {
        width: 33.3%;
        margin-right: -40px; }
    .eGasPlanMenu .checkMenuBtn a {
      display: block;
      text-align: center;
      color: #362d08;
      font-weight: bold;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.5;
      text-decoration: none;
      padding: 20px 0 21px;
      background: #fff;
      box-shadow: 0px 4px 0px 0px #e6e6e6;
      border-radius: 8px;
      position: relative; }
      .eGasPlanMenu .checkMenuBtn a .priceText {
        color: #e63800; }
      .eGasPlanMenu .checkMenuBtn a .planText {
        font-size: 20px;
        font-size: 2.0rem;
        display: block;
        margin: 4px 0 0; }
      .eGasPlanMenu .checkMenuBtn a .smallText {
        font-size: 11px;
        font-size: 1.1rem; }
      .eGasPlanMenu .checkMenuBtn a.active, .eGasPlanMenu .checkMenuBtn a:hover {
        color: #fff;
        text-decoration: none;
        background: #e85938;
        box-shadow: 0px 4px 0px 0px #ba472d; }
        .eGasPlanMenu .checkMenuBtn a.active .priceText, .eGasPlanMenu .checkMenuBtn a:hover .priceText {
          color: #fff; }

/*============================
.areaTable
============================*/
.areaTable {
  margin-top: 30px;
  border: 2px solid #e0d9d2; }
  .areaTable h4 {
    margin: 0;
    padding: 9px 0;
    font-size: 15px;
    font-size: 1.5rem;
    text-align: center;
    background: none;
    background-color: #ece8e4; }
  .areaTable .kModLink ul {
    padding: 18px 0; }
    .areaTable .kModLink ul .icon {
      margin-right: 20px; }

#dWrapper #dHWrapper .globalHeader {
	margin-bottom: 0;
	position: relative;
}
#dWrapper #dHWrapper .globalHeader img{
	width: auto;
}
#dWrapper #dHWrapper #dKateneNav {
  clear: both;
  padding-top: 25px;
  margin-bottom: 20px;
  letter-spacing: 0.1em; }
  #dWrapper #dHWrapper #dKateneNav ul {
    *zoom: 1;
    width: 100%;
    max-width: 1011px;
    margin-left: auto;
    margin-right: auto; }
    #dWrapper #dHWrapper #dKateneNav ul:after {
      content: "";
      display: table;
      clear: both;
      margin-bottom: 0; }
    #dWrapper #dHWrapper #dKateneNav ul li {
      float: left;
      width: 33.333333%;
      padding-left: 6px;
      padding-right: 5px;
      position: relative;
      box-sizing: border-box; }
      #dWrapper #dHWrapper #dKateneNav ul li a {
        display: block;
        text-align: center;
        color: #362d08;
        font-weight: bold;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1;
        text-decoration: none;
        padding: 17px 0 13px;
        background: #fff;
        box-shadow: 0px 4px 0px 0px #e6e6e6;
        border-radius: 8px;
        position: relative; }
        #dWrapper #dHWrapper #dKateneNav ul li a span {
          font-size: 12px;
          font-size: 1.2rem; }
        #dWrapper #dHWrapper #dKateneNav ul li a:hover {
          text-decoration: none;
          color: #fff;
          background: #e85938;
          box-shadow: 0px 4px 0px 0px #ba472d; }
      #dWrapper #dHWrapper #dKateneNav ul li.li-denki a:before {
        content: " ";
        display: block;
        width: 53px;
        height: 36px;
        position: absolute;
        top: -25px;
        left: 50%;
        margin-left: -27px;
        background: url("/image/2017/template/kn_denki.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper #dHWrapper #dKateneNav ul li.li-denkigas a:hover {
        text-decoration: none;
        color: #fff;
        background: #1ba9e6;
        box-shadow: 0px 4px 0px 0px #1483b3; }
      #dWrapper #dHWrapper #dKateneNav ul li.li-denkigas a:before {
        content: " ";
        display: block;
        width: 92px;
        height: 35px;
        position: absolute;
        top: -22px;
        left: 50%;
        margin-left: -36px;
        background: url("/image/2017/template/kn_denkigas.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper #dHWrapper #dKateneNav ul li.li-denkigas.li-active a {
        text-decoration: none;
        color: #fff;
        background: #1ba9e6;
        box-shadow: 0px 4px 0px 0px #1483b3; }
      #dWrapper #dHWrapper #dKateneNav ul li.li-touden a:before {
        content: " ";
        display: block;
        width: 91px;
        height: 35px;
        position: absolute;
        top: -23px;
        left: 50%;
        margin-left: -46px;
        background: url("/image/2017/template/kn_touden.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper #dHWrapper #dKateneNav ul li.li-active a {
        text-decoration: none;
        color: #fff;
        background: #e85938;
        box-shadow: 0px 4px 0px 0px #ba472d; }
#dWrapper #dMFWrapper .h2Wrapper {
  background: url(/image/2017/template/bg_h2_katene.png);
  text-align: center;
  height: 90px;
  position: relative;
overflow: visible;}
@media only screen and (max-width: 1000px) {
	#dWrapper #dMFWrapper .h2Wrapper {
		margin-right: -15px;
		margin-left: -15px;
	}
}
@media only screen and (max-width: 768px) {
	#dWrapper #dMFWrapper .h2Wrapper {
		height: 64px;
	}
	
}
#dWrapper #dMFWrapper .h2_katene {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: relative;
  font-weight: bold;
  display: table;
  width: 100%;
  height: 90px; }
  #dWrapper #dMFWrapper .h2_katene > span {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center; }
    #dWrapper #dMFWrapper .h2_katene > span .catch {
      display: inline-block;
      width: auto;
      height: auto;
      font-size: 28px;
      font-size: 2.8rem;
      line-height: 1.5; }
		
    #dWrapper #dMFWrapper .h2_katene > span .small {
      display: inline-block;
      width: auto;
      height: auto;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5; }
      #dWrapper #dMFWrapper .h2_katene > span .small:first-child {
        font-size: 12px;
        font-size: 1.2rem;
        margin-bottom: 2px;
        margin-top: 9px; }
      #dWrapper #dMFWrapper .h2_katene > span .small:last-child {
        margin-top: 0; }
    #dWrapper #dMFWrapper .h2_katene > span .smallText {
      font-size: 22px;
      font-size: 2.2rem; }
#dWrapper #dMFWrapper .h2CatDenki:after {
  content: " ";
  display: block;
  width: 139px;
  height: 180px;
  position: absolute;
  bottom: -84px;
  left: 50%;
  margin-left: 339px;
  background: url("/image/2017/page/denki/bg_h2_kateeneko_smooth.png") 0 0 no-repeat;
  background-size: contain;
	z-index: 10;
}
#dWrapper #dMFWrapper .h2CatGas:after {
  content: " ";
  display: block;
  width: 162px;
  height: 190px;
  position: absolute;
  bottom: -86px;
  left: 50%;
  margin-left: 316px;
  background: url("/image/2017/page/gas/bg_h2_kateeneko.png") 0 0 no-repeat;
  background-size: contain;
	z-index: 10;
}
#dWrapper #dMFWrapper .h2CatTepco:after {
  content: " ";
  display: block;
  width: 231px;
  height: 146px;
  position: absolute;
  bottom: -111px;
  left: 50%;
  margin-left: 259px;
  background: url("/image/2017/page/ikigai/bg_h2_kateneko.png") 0 0 no-repeat;
  background-size: contain; }
.inquiry-box {
	position: relative;
 padding-top: 188px;
overflow: visible !important;
margin-bottom: 0 !important}
  #dWrapper #dMFWrapper .icon a {
    text-decoration: underline; }
    #dWrapper #dMFWrapper .icon a:hover {
      text-decoration: none; }
  #dWrapper #dMFWrapper .h3Merit {
    font-size: 25px;
    font-size: 2.5rem;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    color: #362d08;
    padding: 20px 0;
    margin: 0;
    background: url(/image/2017/template/bg_h3_katene.png);
    position: relative; }
    #dWrapper #dMFWrapper .h3Merit .smallText {
      font-size: 18px;
      font-size: 1.8rem; }
    #dWrapper #dMFWrapper .h3Merit.merit01:before {
      content: " ";
      width: 100px;
      height: 88px;
      background: url("/image/2017/page/denki/ico_reason01.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -22px;
      top: -26px; }
    #dWrapper #dMFWrapper .h3Merit.merit02:before {
      content: " ";
      width: 100px;
      height: 88px;
      background: url("/image/2017/page/denki/ico_reason02.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -22px;
      top: -26px; }
    #dWrapper #dMFWrapper .h3Merit.merit03:before {
      content: " ";
      width: 100px;
      height: 88px;
      background: url("/image/2017/page/denki/ico_reason03.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -22px;
      top: -26px; }
    #dWrapper #dMFWrapper .h3Merit.merit04:before {
      content: " ";
      width: 100px;
      height: 88px;
      background: url("/image/2017/page/denki/ico_reason04.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -22px;
      top: -26px; }
    #dWrapper #dMFWrapper .h3Merit.point01:before {
      content: " ";
      width: 100px;
      height: 90px;
      background: url("/image/2017/page/gas/ico_point01(768).png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -25px;
      top: -27px; }
    #dWrapper #dMFWrapper .h3Merit.point02:before {
      content: " ";
      width: 100px;
      height: 90px;
      background: url("/image/2017/page/gas/ico_point02(768).png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -25px;
      top: -27px; }
    #dWrapper #dMFWrapper .h3Merit.point03:before {
      content: " ";
      width: 100px;
      height: 90px;
      background: url("/image/2017/page/gas/ico_point03(768).png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -25px;
      top: -27px; }
	#dWrapper #dMFWrapper .h3Merit.point03.noIcon:before {
		display: none; }
    #dWrapper #dMFWrapper .h3Merit.point04:before {
      content: " ";
      width: 100px;
      height: 90px;
      background: url("/image/2017/page/gas/ico_point04(768).png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -25px;
      top: -27px; }
  #dWrapper #dMFWrapper .h4Line {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.5;
    font-weight: bold;
    border-bottom: 1px solid #362d08;
    background: none;
    padding: 0 0 5px;
    margin: 0 0 15px; }
    #dWrapper #dMFWrapper .h4Line .smallText {
      font-size: 16px;
      font-size: 1.6rem; }
    #dWrapper #dMFWrapper .h4Line .bigText {
      font-size: 24px;
      font-size: 2.4rem; }
  #dWrapper #dMFWrapper .kateneCol2 {
    padding-right: 20px; }
    #dWrapper #dMFWrapper .kateneCol2 .kateneCol2Item {
      float: left;
      width: 50%;
      margin-right: 20px; }
      #dWrapper #dMFWrapper .kateneCol2 .kateneCol2Item:last-child {
        margin-right: -20px; }
  #dWrapper #dMFWrapper .otokuReason {
    padding-right: 20px; }
    #dWrapper #dMFWrapper .otokuReason.otokuReasonCol1 {
      padding-right: 0; }
      #dWrapper #dMFWrapper .otokuReason.otokuReasonCol1 .otokuReasonItem {
        width: 100%;
        float: none;
        margin-right: 0; }
    #dWrapper #dMFWrapper .otokuReason.otokuReasonCol2 .otokuReasonItem {
      width: 50%; }
    #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 {
      padding-right: 40px; }
      #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuReasonItem {
        width: 33.3%; }
        #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuReasonItem:last-child {
          margin-right: -40px; }
      #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuTextWhite {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.5;
        padding: 25px 0; }
    #dWrapper #dMFWrapper .otokuReason .otokuReasonItem {
      float: left;
      width: 50%;
      margin-right: 20px;
      padding: 25px 25px 20px;
      background: url("/image/2017/page/denki/bg_otoku_stripe.png") 0 0 repeat; }
      #dWrapper #dMFWrapper .otokuReason .otokuReasonItem:last-child {
        margin-right: -20px; }
    #dWrapper #dMFWrapper .otokuReason .otokuTextWhite {
      background-color: #fff;
      text-align: center;
      font-size: 26px;
      font-size: 2.6rem;
      line-height: 1.2;
      font-weight: bold;
      padding: 25px 0; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .smallText {
        font-size: 20px;
        font-size: 2.0rem; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 36px;
        font-size: 3.6rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
        #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText .point {
          font-size: 20px;
          font-size: 2.0rem;
          font-weight: bold;
          font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .lineBreak {
        display: inline-block;
        margin-top: 5px; }
        #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .lineBreak:first-child {
          margin-top: 0; }
    #dWrapper #dMFWrapper .otokuReason .otokuNotice {
      margin-top: 18px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.57; }
      #dWrapper #dMFWrapper .otokuReason .otokuNotice p {
        margin-bottom: 0; }
      #dWrapper #dMFWrapper .otokuReason .otokuNotice li {
        text-indent: -1em;
        padding-left: 1rem; }
      #dWrapper #dMFWrapper .otokuReason .otokuNotice .smallText {
        font-size: 12px;
        font-size: 1.2rem; }
    #dWrapper #dMFWrapper .otokuReason .otokuReason01 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuReason .otokuReason01:after {
        content: " ";
        width: 100px;
        height: 88px;
        background: url("/image/2017/page/denki/ico_deals01.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -16px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuReason .otokuReason02 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuReason .otokuReason02:after {
        content: " ";
        width: 100px;
        height: 88px;
        background: url("/image/2017/page/denki/ico_deals02.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -16px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuReason .otokuReason03 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuReason .otokuReason03:after {
        content: " ";
        width: 100px;
        height: 88px;
        background: url("/image/2017/page/denki/ico_deals03.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -16px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuReason .otokuReason04 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuReason .otokuReason04:after {
        content: " ";
        width: 100px;
        height: 88px;
        background: url("/image/2017/page/denki/ico_deals04.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -16px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuReason .otokuMore {
      position: relative; }
      #dWrapper #dMFWrapper .otokuReason .otokuMore:after {
        content: " ";
        width: 100px;
        height: 88px;
        background: url("/image/2017/page/denki/ico_more.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -16px;
        top: -30px; }
  #dWrapper #dMFWrapper .otokuPoint {
    padding-right: 60px; }
    #dWrapper #dMFWrapper .otokuPoint .otokuPointItem {
      float: left;
      width: 25%;
      margin-right: 20px;
      /*padding: 15px 15px 15px;*/
      background: url("/image/2017/template/bg_otoku_stripe_blue.png") 0 0 repeat; }
      #dWrapper #dMFWrapper .otokuPoint .otokuPointItem:last-child {
        margin-right: -60px; }
      #dWrapper #dMFWrapper .otokuPoint .otokuPointItem > a {
        display: block;
        padding: 15px 15px 13px; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPointItem > a .aModEleDef {
          padding: 4px 0 3px 17px;
          text-decoration: underline; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPointItem > a:hover {
          text-decoration: none; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPointItem > a:hover .aModEleDef {
            text-decoration: none; }
    #dWrapper #dMFWrapper .otokuPoint .otokuTextWhite {
      background-color: #fff;
      text-align: center;
      font-size: 22px;
      font-size: 2.2rem;
      line-height: 1.36;
      font-weight: bold;
      padding: 15px 0;
      display: table;
      width: 100%;
      min-height: 120px; }
      #dWrapper #dMFWrapper .otokuPoint .otokuTextWhite > p {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
    #dWrapper #dMFWrapper .otokuPoint .otokuNotice {
      margin-top: 15px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.57; }
      #dWrapper #dMFWrapper .otokuPoint .otokuNotice li {
        text-indent: -1em;
        padding-left: 1rem; }
    #dWrapper #dMFWrapper .otokuPoint .otokuDetail {
      margin: 22px -15px 0 -15px;
      text-align: center; }
      #dWrapper #dMFWrapper .otokuPoint .otokuDetail a {
        display: block;
        color: #362d08;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        padding: 5px 0 11px;
        text-decoration: underline; }
        #dWrapper #dMFWrapper .otokuPoint .otokuDetail a .aModEleDef {
          display: inline-block;
          text-decoration: underline; }
        #dWrapper #dMFWrapper .otokuPoint .otokuDetail a:hover .aModEleDef {
          display: inline-block;
          text-decoration: none; }
    #dWrapper #dMFWrapper .otokuPoint .otokuPoint01 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuPoint .otokuPoint01:after {
        content: " ";
        width: 76px;
        height: 66px;
        background: url("/image/2017/page/gas/ico_point01.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -15px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuPoint .otokuPoint02 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuPoint .otokuPoint02:after {
        content: " ";
        width: 76px;
        height: 66px;
        background: url("/image/2017/page/gas/ico_point02.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -15px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuPoint .otokuPoint03 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuPoint .otokuPoint03:after {
        content: " ";
        width: 76px;
        height: 66px;
        background: url("/image/2017/page/gas/ico_point03.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -15px;
        top: -30px; }
    #dWrapper #dMFWrapper .otokuPoint .otokuPoint04 {
      position: relative; }
      #dWrapper #dMFWrapper .otokuPoint .otokuPoint04:after {
        content: " ";
        width: 76px;
        height: 66px;
        background: url("/image/2017/page/gas/ico_point04.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -15px;
        top: -30px; }
#dWrapper #dFWrapper {
  overflow: visible;
padding-top: 60px;}
#fGlobalFooter .icon:hover{
	text-decoration: none;
}
#fGlobalFooter .icon_orange{
	background: url(/image/2016/module/ico_arrow_right_orange.png) no-repeat left center;
}
#fGlobalFooter .icon{
	text-decoration: underline;
    padding-left: 14px;
}
  #dWrapper #dFWrapper #fGlobalFooter > h2,
	.inquiry-box > h2{
    width: 100%;
    max-width: 450px;
    font-size: 36px !important;
    font-size: 3.6rem !important;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 50%;
    margin: 0;
    margin-left: -225px; }
    #dWrapper #dFWrapper #fGlobalFooter > h2:before,
		.inquiry-box > h2:before{
      content: " ";
      display: inline-block;
      width: 30px;
      height: 47px;
      margin-right: 15px;
      margin-bottom: -9px;
      background: url("/image/2017/template/bg_slash_left.png") 0 0 no-repeat;
      background-size: contain; }
    #dWrapper #dFWrapper #fGlobalFooter > h2:after,
		.inquiry-box > h2:after{
      content: " ";
      display: inline-block;
      width: 30px;
      height: 47px;
      margin-left: 15px;
      margin-bottom: -9px;
      background: url("/image/2017/template/bg_slash_right.png") 0 0 no-repeat;
      background-size: contain; }
  #dWrapper #dFWrapper #fGlobalFooter .gLoginArea,
	.inquiry-box .gLoginArea{
    background: url("/image/2016/common/bg_texture_yellow.png");
    padding: 0 0 42px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 0.1em; }
    #dWrapper #dFWrapper #fGlobalFooter .gLoginArea:before,
		.inquiry-box .gLoginArea:before{
      content: " ";
      display: block;
      width: 101px;
      height: 80px;
      position: absolute;
      top: -69px;
      left: 50%;
      margin-left: -40px;
      background: url("/image/2017/template/bg_kateneko_footer.png") 0 0 no-repeat;
      background-size: contain; }
    #dWrapper #dFWrapper #fGlobalFooter .gLoginArea h3,
		.inquiry-box .gLoginArea h3{
      text-align: center;
      font-size: 22px;
      font-size: 2.2rem;
      color: #362d08; }
    #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .noMember {
      padding: 32px 0 0;
			background: url("/image/2016/common/bg_line_dot_hor.png") 0 top repeat-x;
margin-top: 35px;}
    #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember,
		.inquiry-box .gLoginArea .loginMember{
      padding: 42px 0 0;
      margin: 0;
       }
      #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .pointNotice,
			.inquiry-box .gLoginArea .loginMember .pointNotice{
        font-size: 12px;
        font-size: 1.4rem;
        text-align: center;
        margin: -10px 0 30px; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .pointNotice a.link,
				.inquiry-box .gLoginArea .loginMember .pointNotice a.link{
          text-decoration: underline; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .pointNotice a.link:hover,
				.inquiry-box .gLoginArea .loginMember .pointNotice a.link:hover{
          text-decoration: none; }
      #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember h3,
			.inquiry-box .gLoginArea .loginMember h3{
        margin-bottom: 6px; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember h3 + p,
				.inquiry-box .gLoginArea .loginMember h3 + p{
          text-align: center;
          font-size: 14px;
          font-size: 1.4rem;
          margin-bottom: 12px; }
      #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea {
        width: 100%;
        max-width: 820px;
        margin: 0 auto 30px; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea .input_inputID {
          float: left;
          width: 50%;
          padding-right: 10px; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea .input_inputPW {
          float: right;
          width: 50%;
          padding-left: 10px; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dl {
          margin: 0;
          padding: 0; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dt {
          padding: 0;
          margin: 0 0 3px;
          font-size: 16px;
          font-size: 1.6rem;
          font-weight: bold; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dd {
          margin: 0;
          padding: 0; }
          #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dd input {
            font-size: 18px;
            font-size: 1.8rem;
            width: 100%;
            margin: 0;
            padding: 10px 12px 11px;
            background: none;
            border: none;
            border-radius: 10px;
            outline: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            background-color: #fff; }
    #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi,
		.inquiry-box .gLoginArea .login_navi{
      position: relative;
      overflow: hidden;
      margin: 33px auto 0; }

        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi ul li,
				.inquiry-box .gLoginArea .login_navi ul li{
          float: none;
          text-align: center;
          position: relative; }
	.inquiry-box .gLoginArea .login_navi ul li+li {
		margin-top: 10px;
	}
          #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi ul li a,
					.inquiry-box .gLoginArea .login_navi ul li a{
            color: #362d08;
            font-size: 14px;
            font-size: 1.4rem;
            text-decoration: underline;
            margin-right: 15px; }
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi ul li a:hover,
						.inquiry-box .gLoginArea .login_navi ul li a:hover{
              text-decoration: none; }

#dWrapper #dFWrapper #fGlobalFooter.-gas {
	position: relative;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-weight: 400;	
	padding-top: 40px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2 {
	margin-left: -250px;
	max-width: 550px;
	line-height: 1.1;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2:before,
#dWrapper #dFWrapper #fGlobalFooter.-gas h2:after {
	display: none;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span {
	position: relative;
	display: inline-block;
	padding: 0 70px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:before,
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:after{
	content: "";
	position: absolute;
	bottom: 0;
	background-size: 100%;
	background-position: center top;
	width: 50px;
	height: 67px;
	-moz-animation: attention 0.8s ease 0s infinite alternate;
	-webkit-animation: attention 0.8s ease 0s infinite alternate;
	animation: attention 0.8s ease 0s infinite alternate;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:before {
	left: 0;
	background-image: url(/image/2017/page/gas/icon_attention_rl.png);
}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:after {
	right: 0;
	background-image: url(/image/2017/page/gas/icon_attention_rr.png);
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea {
	padding: 50px 0; 
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea:before{
	width: 216px;
	height: 120px;
	margin-left: -55.5px;
	top: -109px;
	background-size: 100%;
	background-image: url(/image/2017/page/gas/bg_character_telephone.gif);
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3 {
	color: #333333;
	text-align: center;
	font-size: 2.8rem;
	font-weight: 700;
	margin-bottom: 20px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3>span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3>span.-pc {
	background-image: url(/image/2017/page/gas/icon_pc.png);
	background-size: 54px 37px;
	padding-left: 73px;
	
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3>span.-tel {
	background-image: url(/image/2017/page/gas/icon_tel.png);
	background-size: 38px 38px;
	padding-left: 58px;
	min-height: 38px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns {
	padding-right: 90px;
	padding-left: 90px;
}
#dWrapper #tel_css .gLoginArea .tel-box{
	/*padding-right: 40px;
	padding-left: 40px;*/
	padding-right: 20px;
	padding-left: 20px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column {
	float: left;
	width: 50%;
	padding-right: 50px;
	background-image: url("/image/2016/common/bg_line_dot_ver.png");
	background-repeat: repeat-y;
	background-position: right top;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child {
	margin-right: 0;
	padding-right: 0;
	padding-left: 50px;
	background-image: none;
	position: relative;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position {
	position: absolute;
	bottom: 16px;
	left: 50px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow {
	
	
	
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a {
	font-weight: 500;
	font-size: 1.6rem;
	padding-left: 26px;
	position: relative;
	display: inline-block;
	text-decoration: underline;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a:before,
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a:after{
	position: absolute;
	top: 5px;
	left: 0;
	content: "";
	vertical-align: middle;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a:before {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #e63800;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a:after {
	left: 4px;
	width: 5px;
	height: 5px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 10px
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column>h4{
	text-align: center;
	color: #333333;
	font-size: 2.0rem;
	font-weight: 700;
	padding: 0;
	background-image: none;
	line-height: 1.2;
	margin-bottom: 20px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column .kateneBtn.kateneBtnFS01 a{
	font-weight: 500;
}

#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box {
	position: relative;
	margin: 60px 40px 0;
	max-width: 920px;
	width: 100%;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box:before {
	content: "";
	position: absolute;
	left: -40px;
	top: -30px;
	width: 101px;
	height: 89px;
	background-image: url(/image/2017/page/gas/img_fukidashi_gas.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
	z-index: 5;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box {
	padding: 20px 20px 20px 0;
	position: relative;
	background-color: #2f93cb;
	height: 240px;
	
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fca011;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	border-bottom: 240px solid #2f93cb;
  border-left: 240px solid transparent;
	margin-left: -240px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list {
	display: table;
	width: 100%;
	height: 200px;
	position: relative;
	z-index: 2;
	
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.left {
	display: table-cell;
	vertical-align: middle;
	width: 28.91304347826087%;
	text-align: center;
	padding: 0 20px;
	line-height: 1.6;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: normal;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.left ruby {
	
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.left ruby rt{
	font-size: 0.8rem;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right {
	display: table-cell;
	vertical-align: middle;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right:after {
	content: "";
	display: table;
	clear: both;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right>li {
	float: left;
	max-width: 308px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right>li>a {
	display: block;
	background-color: transparent;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right>li+li {
	margin-left: 15px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section+.section {
	margin-top: 50px;
}
#dWrapper #tel_css .gLoginArea .tel-box {
	margin-bottom: 20px;
}
#dWrapper #tel_css .gLoginArea .tel-box>h4{
	display: table;
	width: 100%;
	text-align: center;
	height: 60px;
	color: #ffffff;
	font-size: 2.0rem;
	font-weight: 700;
	padding: 0;
	background-image: none;
	background-color: #e63800;
	margin-bottom: 0;
}
#dWrapper #tel_css .gLoginArea .tel-box h4 span{
	display: table-cell;
	vertical-align: middle;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box {
	background-color: #ffffff;
	padding: 20px;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p {
	text-align: center;
	margin-bottom: 16px;
	font-size: 1.6rem;
	font-weight: 400;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p:last-child {
	margin-bottom: 0;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span {
	display: inline-block;
	vertical-align: middle;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.icon {
	border-radius: 5px;
	background-color: #3280de;
	padding: 5px 8px;
	color: #ffffff;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	margin-right: 10px;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.tel {
	font-family: "Montserrat",sans-serif;
	font-weight: 700;
	font-size: 3.6rem;
	line-height: 1;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.tel.sp {
	display: none;
}
#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.bold {
	font-weight: 500;
	
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link,
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link>a{
	font-size: 1.4rem;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link>a{
	text-decoration: underline;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link>a:hover{
	text-decoration: none;
}
.-ikigai .gLoginArea {
	padding-bottom: 50px;
} 
.-ikigai .gLoginArea .columns.-two {
	max-width: 820px;
	margin: auto;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-weight: 500;
	padding-top: 50px;
}
.-ikigai .gLoginArea .columns.-two:after {
	content: "";
	clear: both;
	display: table;
}
.-ikigai .gLoginArea .columns.-two>.column {
	float: left;
	width: 50%;
}
.-ikigai .gLoginArea .columns.-two>.column:nth-of-type(1) {
	padding-right: 10px;
}
.-ikigai .gLoginArea .columns.-two>.column:nth-of-type(2) {
	padding-left: 10px;
}
.-ikigai .gLoginArea .columns.-two>.column a{
	font-weight: 500;
}
.-ikigai .gLoginArea .columns.-two>.column:nth-of-type(2) a{
	background-color: #1ba9e6;
}
#dWrapper #eMain {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
#dWrapper .eArticleWrapper {
  background: #fff;
margin-bottom: 0 !important;
}
  #dWrapper .eArticleWrapper .sliderCampaignPriceWrapper {
    padding: 0 0 3px;
    background: url("/image/2017/template/bg_line_dot_gray.png") 0 100% repeat-x; }
  #dWrapper .eArticleWrapper .sliderCampaignPriceMain {
    width: 100%;
    max-width: 840px;
    margin: 0 auto;
    padding: 30px 0; }
  #dWrapper .eArticleWrapper + .eArticleWrapper {
    margin-top: 56px; }
  #dWrapper .eArticleWrapper.eArticleSet {
    margin-top: 0;
    background: url("/image/2017/template/bg_sim_rp.png") 0 0 repeat; }
  #dWrapper .eArticleWrapper .checkSetWrapper {
    padding: 125px 0 30px;
    position: relative; }
    #dWrapper .eArticleWrapper .checkSetWrapper:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
      height: 125px;
      left: 0;
      top: 0;
      margin: 0;
      background: url("/image/2016/common/bg_contents.png") 0 0 repeat; }
    #dWrapper .eArticleWrapper .checkSetWrapper:after {
      content: " ";
      display: block;
      position: absolute;
      width: 49px;
      height: 49px;
      left: 50%;
      top: 36px;
      margin: 0 0 0 -25px;
      background: url("/image/2017/page/denki/ico_plus.png") 50% 50% no-repeat;
      background-size: contain; }
    #dWrapper .eArticleWrapper .checkSetWrapper .checkResultInner {
      background-color: #fff;
      padding: 50px;
      margin: 30px 30px 0; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultInner + .checkResultInner {
        margin-top: 20px; }
    #dWrapper .eArticleWrapper .checkSetWrapper h3.h3DenkiOption {
      background: url("/image/2017/template/bg_sim_select_rp.png") 0 0 repeat;
      width: 100%;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      text-align: center;
      position: relative;
      margin: 0;
      padding: 18px 0 14px;
      color: #362d08; }
      #dWrapper .eArticleWrapper .checkSetWrapper h3.h3DenkiOption > span {
        font-size: 3.2rem;
        line-height: 1.5;
        display: inline-block;
        position: relative; }
    #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 {
      width: 100%;
      max-width: 360px;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.5;
      text-align: center;
      position: relative;
      margin: 0 auto 18px;
      padding: 0;
      background: none; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 > span {
        display: inline-block;
        position: relative; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 > span:before {
          content: " ";
          display: block;
          position: absolute;
          vertical-align: top;
          width: 53px;
          height: 94px;
          left: -80px;
          top: 50%;
          margin-right: 15px;
          margin-top: -47px;
          background: url("/image/2017/page/denki/bg_slash_tohogas_left.png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 > span:after {
          content: " ";
          display: block;
          position: absolute;
          vertical-align: top;
          width: 53px;
          height: 94px;
          right: -80px;
          top: 50%;
          margin-right: 15px;
          margin-top: -47px;
          background: url("/image/2017/page/denki/bg_slash_tohogas_right.png") 0 0 no-repeat;
          background-size: contain; }
    #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .blueText {
      color: #187eb7; }
    #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice {
      margin-top: 30px; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuHead {
        font-size: 0;
        width: 100%;
        height: 3px;
        background: url("/image/2017/page/denki/bg_baloon_top.png") 0 0 repeat-x; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft {
        background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
          padding: 28px 0 30px;
          background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
          text-align: center;
          font-weight: bold;
          font-size: 20px;
          font-size: 2.0rem; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft .resultOtokuRight p {
            text-align: center; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .kateneBtn {
            margin: 0 auto; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuFoot {
        font-size: 0;
        width: 100%;
        height: 3px;
        background: url("/image/2017/page/denki/bg_baloon_top.png") 0 0 repeat-x;
        position: relative; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuFoot.resultNeko02:after {
          content: " ";
          width: 138px;
          height: 156px;
          background: url("/image/2017/page/denki/bg_otoku_kateeneko02.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          right: auto;
          left: 36px;
          bottom: -25px; }
    #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport {
      padding: 47px 50px 50px; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 {
        width: 100%;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.5;
        text-align: center;
        position: relative;
        margin: 0 auto 31px;
        padding: 0;
        background: none; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .borderText {
          display: inline-block;
          background-color: #e63800;
          font-size: 30px;
          font-size: 3.0rem;
          line-height: 1.1875;
          padding: 0 10px;
          color: #fff;
          margin-right: 10px; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 > span {
          display: inline-block;
          position: relative; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 > span:before {
            content: " ";
            display: block;
            position: absolute;
            vertical-align: top;
            width: 53px;
            height: 94px;
            left: -80px;
            top: 50%;
            margin-right: 15px;
            margin-top: -47px;
            background: url("/image/2017/page/denki/bg_slash_left(768).png") 0 0 no-repeat;
            background-size: contain; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 > span:after {
            content: " ";
            display: block;
            position: absolute;
            vertical-align: top;
            width: 53px;
            height: 94px;
            right: -80px;
            top: 50%;
            margin-left: 15px;
            margin-top: -47px;
            background: url("/image/2017/page/denki/bg_slash_right(768).png") 0 0 no-repeat;
            background-size: contain; }

					#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan > h4 > span:before {
            background: url("/image/2017/page/denki/bg_slash_dokonyan_left(768).png") 0 0 no-repeat;
						background-size: contain;
					 }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan > h4 > span:after {
            background: url("/image/2017/page/denki/bg_slash_dokonyan_right(768).png") 0 0 no-repeat;
						background-size: contain;
           }
					#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan .orangeText {
            color: #ff6600; 
					}


        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .smallerText {
          font-size: 24px;
          font-size: 2.4rem; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .smallText {
          font-size: 20px;
          font-size: 2.0rem; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .priceText {
          color: #e63800; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice {
        margin-top: 0; 
        margin-bottom: 50px;}
			#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan .resultOtokuPrice {
							margin-bottom: 0;}
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuHead {
          font-size: 0;
          width: 100%;
          height: 3px;
          background: url("/image/2017/page/denki/bg_baloon_top.png") 0 0 repeat-x; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft {
          background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
            padding: 28px 0 30px;
            background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
            text-align: center;
            font-weight: bold;
            font-size: 20px;
            font-size: 2.0rem; }
#dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .resultOtokuRight__txtred {
            color: #e63800; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft .resultOtokuRight p {
              text-align: center; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .kateneBtn {
              margin: 0 auto; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuFoot {
          font-size: 0;
          width: 100%;
          height: 3px;
          background: url("/image/2017/page/denki/bg_baloon_top.png") 0 0 repeat-x;
          position: relative; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuFoot.resultSupport:after {
            content: " ";
            width: 182px;
            height: 118px;
            background: url("/image/2017/page/denki/img_support.png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: auto;
            right: 14px;
            bottom: -25px; }
				#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan .resultOtokuPrice .resultOtokuFoot.resultSupport:after {
            content: " ";
            width: 170px;
            height: 165px;
            background: url("/image/2017/page/denki/img_dokonyan.jpg") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: auto;
						right: 20px;
						bottom: -14px; }
      #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn {
        max-width: 420px;
        position: relative;
        z-index: 5; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn a {
          padding: 17px 0;
          border-radius: 30px; }
  #dWrapper .eArticleWrapper + .otokuBtn {
    margin-top: 50px; }
    #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice {
      margin-top: 18px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      text-align: left; }
      #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice p, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice p, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice p {
        margin-bottom: 0; }
      #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice li, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice li, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice li {
        text-indent: -1em;
        padding-left: 1rem; }
      #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice .smallText, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice .smallText, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice .smallText {
        font-size: 12px;
        font-size: 1.2rem; }
      #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice + .otokuBtn, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice + .otokuBtn {
        margin-top: 18px; }
      #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtnLast, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice + .otokuBtnLast, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice + .otokuBtnLast {
        margin-top: 28px; }
      #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice a, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice a, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice a {
        text-decoration: underline; }
        #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice a:hover, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice a:hover, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice a:hover {
          text-decoration: none; }

/*============================
.checkResult
============================*/
.checkResult .resultOtokuFoot.resultNeko01:after {
  content: " ";
  width: 158px;
  height: 146px;
  background: url("/image/2017/page/denki/bg_otoku_kateeneko01.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  right: -35px;
  bottom: -6px; }

.checkResult .otokuBreakDown {
  text-align: center;
  background-color: #dbdbdb;
  margin-top: 10px;
  margin-bottom: 0; 
	font-size: 20px;
	font-weight: 700;
}
.checkResult .otokuTable.-mt40 {
	margin-top: 40px !important;
}
.checkResult .otokuTable.columns {
	max-width: 840px;
	margin: 27px auto 0;
}
.checkResult .otokuTable.columns>.column {
	float: left;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-weight: 400;
	position: relative;
	border-radius: 10px;
	margin-right: 5.357142857142857%;
}
.checkResult .otokuTable.columns.-three>.column {
	width: 29.76190476190476%;
	
	
}
.checkResult .otokuTable.columns.-two>.column {
	width: 47.32142857142857%;
	
}
.checkResult .otokuTable.columns>.column:after {
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -17.5px;
	width: 35px;
	height: 35px;
	background: url("/image/2017/template/bg_otoku_plus(768).png") 50% 0 no-repeat; 
	background-size: 100%;
}
.checkResult .otokuTable.columns.-three>.column:after {
	right: -17%;
}
.checkResult .otokuTable.columns.-two>.column:after {
	right: -10.7%;
}
.checkResult .otokuTable.columns>.column.-electricity {
	border: 2px solid #fca011;
}

.checkResult .otokuTable.columns>.column.-gas {
	border: 2px solid #2f93cb;;
}
.checkResult .otokuTable.columns>.column.-more {
	border: 2px solid #e63800;
	margin-right: 0;
	padding: 20px;
}
.checkResult .otokuTable.columns>.column.-more:after {
	display: none;
}

.checkResult .otokuTable.columns>.column.-total{
	background-color: #ffe6e6;
	display: table;
	margin-right: 0;
	margin-left: 5.357142857142857%;
	padding: 20px;
}
.checkResult .otokuTable.columns>.column.-total:after{
	right: inherit;
	left: -16%;
	width: 35px;
	height: 22px;
	background: url("/image/2017/template/bg_otoku_equal.png") 50% 0 no-repeat; 
	background-size: 100%;
	margin-top: -11px;
}

.checkResult .otokuTable.columns>.column>.upper {
	position: relative;
	border-radius: 8px 8px 0 0;
	padding: 28px 12px 12px;
	
	
}
.checkResult .otokuTable.columns>.column>.upper:after {
	content: "";
	position: absolute;
	left: 50%;
	background-postion: center top;
	background-repeat: no-repeat;
	background-size: 100%;
}
.checkResult .otokuTable.columns>.column.-electricity>.upper {
	background-color: #fca011;
	border: 1px solid #fca011;
}
.checkResult .otokuTable.columns>.column.-electricity>.upper:after {
	margin-left: -12.5px;
	top: -20px;
	background-image: url(/image/2017/page/gas/icon-electricity.png);
	width: 25px;
	height: 40px;
}
.checkResult .otokuTable.columns>.column.-gas>.upper {
	background-color: #2f93cb;
	border: 1px solid #2f93cb;
}
.checkResult .otokuTable.columns>.column.-gas>.upper:after {
	margin-left: -13.5px;
	top: -17px;
	background-image: url(/image/2017/page/gas/icon-gas.png);
	width: 27px;
	height: 37px;
}

.checkResult .otokuTable.columns>.column>.upper>.title {
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 0;
}

.checkResult .otokuTable.columns>.column>.lower {
	padding: 20px 12px 12px;
}
.checkResult .otokuTable.columns>.column .message {
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 20px;
	line-height: 1.4;
}
.checkResult .otokuTable.columns>.column .message>span {
	color: #e63800;
	font-size: 20px;
}
.checkResult .otokuTable.columns>.column .message>span>.price {
	display: inline-block;
	font-family: "Montserrat",sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 1;
}
.checkResult .otokuTable.columns>.column .message>span>.price.-large {
	font-size: 43px;
}
.checkResult .otokuTable.columns>.column.-electricity>.lower>.icon-box {
	display: table;
	width: 100%;
	height: 65px;
}
.checkResult .otokuTable.columns>.column.-electricity>.lower>.icon-box>p {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 0;
	width: 100%;
	text-align: center;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p {
	margin-bottom: 0;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p+p {
	margin-top: 5px;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p>span {
	display: block;
	min-height: 30px;
	line-height: 1;
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	padding: 7px 10px;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-elec>span {
	background-color: #f46722;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-gas>span {
	background-color: #357ad8;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set {
	position: relative;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	min-height: 30px;
	background-color: #fca011;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 50%;
	min-height: 30px;
	background-color: #2f93cb;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set>.separator {
	position: absolute;
	display: inline-block;
	left: 50%;
	top: 0;
	margin-left: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 20px 0 0;
	border-color: #fca011 #2f93cb transparent transparent;
	z-index: 3;
	padding: 0;
}
.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set>span {
	position: relative;
	z-index: 4;
	padding-top: 6px;
}
.checkResult .otokuTable.columns>.column.-more>.more-text{
	text-align: center;
	margin-bottom: 16px;
}
.checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi {
	position: relative;
	display: block;
	border-radius: 24px;
	height: 48px;
	line-height: 48px;
	padding: 0;
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	background-color: #e63800;
	width: 92px;
	margin: auto auto 10px;
}
.checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:before,
.checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:after{
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	bottom: -9px;
	border-top: 10px solid #e63800;
}
.checkResult .otokuTable.columns>.column.-more>.more-text>.point {
	display: block;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	color: #e63800;
	margin-bottom: 30px;
}

.checkResult .otokuTable.columns>.column.-total>.message {
	display: table-cell;
	vertical-align: middle;
}

.checkResult .otokuTable h6 {
  margin: 0;
  padding: 0; }
.checkResult .otokuTable img {
  height: auto; }
.checkResult .otokuTable .otokuTableTop {
  overflow: hidden; }
  .checkResult .otokuTable .otokuTableTop .otokuTableDenkiPlan {
    float: left;
    width: 50%;
    padding-right: 10px;
    border: none; }
    .checkResult .otokuTable .otokuTableTop .otokuTableDenkiPlan h6 {
      border: 3px solid #ffa820;
      background-color: #ffa820;
      border-bottom: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableTop .otokuTableDenkiPlan .img {
      border: 3px solid #ffa820;
      border-top: none;
      text-align: center; }
  .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan {
    float: right;
    width: 50%;
    margin-top: 0;
    padding-left: 10px;
    border: none; }
    .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan h6 {
      border: 3px solid #187eb7;
      background-color: #187eb7;
      border-bottom: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan .img {
      border: 3px solid #187eb7;
      border-top: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan:first-child {
      float: left;
      padding: 0 10px 0 0; }
  .checkResult .otokuTable .otokuTableTop .otokuTableSetPlan {
    float: right;
    width: 50%;
    margin-top: 0;
    padding-left: 10px;
    border: none; }
    .checkResult .otokuTable .otokuTableTop .otokuTableSetPlan h6 {
      border: 3px solid #187eb7;
      background-color: #187eb7;
      border-bottom: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableTop .otokuTableSetPlan .img {
      border: 3px solid #187eb7;
      border-top: none;
      text-align: center; }
.checkResult .otokuTable .otokuTableBottom {
  margin-top: 8px;
  padding-top: 42px;
  overflow: hidden;
  background: url("/image/2017/template/bg_otoku_plus.png") 50% 0 no-repeat; }
  .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan {
    float: left;
    width: 50%;
    padding-right: 10px;
    border: none;
    position: relative; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan h6 {
      border: 3px solid #ffa820;
      background-color: #ffa820;
      border-bottom: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan .img {
      border: 3px solid #ffa820;
      border-top: none;
      text-align: center;
      position: relative; }
      .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan .img:after {
        content: " ";
        width: 56px;
        height: 54px;
        background: url("/image/2017/page/gas/ico_coin.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: 50%;
        bottom: 16px;
        margin-left: 100px; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan:before {
      content: " ";
      width: 78px;
      height: 70px;
      background: url("/image/2017/page/gas/ico_more.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      right: auto;
      left: 50%;
      top: -23px;
      margin-left: -172px; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan:last-child {
      float: none;
      width: 100%;
      padding: 0; }
  .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan {
    float: right;
    width: 50%;
    margin-top: 0;
    padding-left: 10px;
    border: none;
    position: relative; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan h6 {
      border: 3px solid #187eb7;
      background-color: #187eb7;
      border-bottom: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan .img {
      border: 3px solid #187eb7;
      border-top: none;
      text-align: center; }
    .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan:before {
      content: " ";
      width: 78px;
      height: 70px;
      background: url("/image/2017/page/gas/ico_more.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      right: auto;
      left: 50%;
      top: -23px;
      margin-left: -132px; }
.checkResult .otokuTable + .planDetailBtn,
.checkResult .otokuTable + .otokuBtn {
  margin-top: 40px; }
.checkResult .kateneBtn {
  margin-top: 40px; }
  .checkResult .kateneBtn + .planDetailBtn {
    margin-top: 20px; }
  .checkResult .kateneBtn + .otokuBtn {
    margin-top: 20px; }
.checkResult .planDetailBtn {
  padding: 0 50px; }
.checkResult .planDetailBtn.ikigai {
  padding: 0;
	margin: auto;
	max-width: 700px;
}
  .checkResult .planDetailBtn li {
    width: 50%;
    float: right;
    margin: 0; }
    .checkResult .planDetailBtn li:first-child {
      float: left;
      margin: 0; }
		.checkResult .planDetailBtn.ikigai li:first-child{
			padding-right: 10px;
}
.checkResult .planDetailBtn.ikigai li:last-child{
			padding-left: 10px;
}
.checkResult .simulationBtn .kateneBtn {
  margin-top: 20px; }
  .checkResult .simulationBtn .kateneBtn + .kateneBtn {
    margin-top: 10px; }
.checkResult .pointNotice {
  margin-top: 10px; }
  .checkResult .pointNotice a.link {
    text-decoration: underline; }
  .checkResult .pointNotice a.link:hover {
    text-decoration: none; }
.checkResult .otokuTrialCalc {
  margin: 40px auto 0; }
  .checkResult .otokuTrialCalc .trialTitle {
    padding: 14px 0 13px;
    background-color: #ece8e4;
    color: #623f1d;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer; }
    .checkResult .otokuTrialCalc .trialTitle:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_closs.png") 0 0 no-repeat;
      background-size: contain;
      display: inline-block;
      margin-left: 10px;
      vertical-align: top; }
    .checkResult .otokuTrialCalc .trialTitle.active:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_minus.png") 0 50% no-repeat;
      background-size: 13px auto;
      display: inline-block;
      margin-left: 10px; }
  .checkResult .otokuTrialCalc .trialNotice {
    font-size: 12px;
    font-size: 1.2rem; }
    .checkResult .otokuTrialCalc .trialNotice p, .checkResult .otokuTrialCalc .trialNotice ul {
      margin: 0; }

#eFloatPageTop {
  display: block;
  position: fixed;
  right: 20px;
  bottom: 80px;
  width: 70px;
  height: 70px;
  z-index: 5; }
  #eFloatPageTop .ePageTop {
    width: 70px;
    height: 70px;
    overflow: hidden; }
    #eFloatPageTop .ePageTop a {
      display: block;
      width: 70px;
      height: 70px;
	  padding-top: 70px;
      color: #fff;
	  outline:none; }
      #eFloatPageTop .ePageTop a:after {
        content: "";
        width: 70px;
        height: 70px;
        position: absolute;
        top: 0;
        left: 0;
        background: url("/image/2017/template/btn_pagetop.png") 0 50% no-repeat; }
      #eFloatPageTop .ePageTop a:hover {
        opacity: 0.8; }

#eFloatNavi {
  /*
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -182px;
  height: 365px;
  width: 50px;
  z-index: 5;
  li {
  	position: relative;
  	&:first-child {
  		margin-bottom: 5px;
  	}
  	a{
  		display: block;
  		width: 50px;
  		height: 180px;
  		position: relative;
  		text-align: center;
  		font-size: 15px;
  		font-size: 1.5rem;
  		line-height: 1;
  		color:#ffffff;
  		font-weight:bold;
  		text-decoration:none;
  		padding:14px 17px;
  		background: #e63800;
  		box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
  		border-radius: 10px 0 0 10px;
  		&:after {
  			content:" ";
  			width:14px;
  			height:14px;
  			background:url("/image/2017/module/ico_arrow_right.png") 0 0 no-repeat;
  			background-size:contain;
  			position:absolute;
  			left:50%;
  			bottom:10px;
  			margin-left:-7px;
  		}
  		&:hover {
  			filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  			opacity:.7;
  		}
  	}
  }*/
  display: none; }

#eGasFloatNavi {
  position: fixed;
  right: 0;
  top: 35px;
  margin-top: 0;
  height: 329px;
  width: 50px;
  z-index: 5; }
  #eGasFloatNavi li {
    position: relative;
    margin-top: 5px; }
    #eGasFloatNavi li:first-child {
      margin-top: 0; }
    #eGasFloatNavi li:nth-child(2) a {
      padding: 49px 17px 14px;
      background-color: #e63800; }
      #eGasFloatNavi li:nth-child(2) a:after {
        bottom: 33px;
        background: url("/image/2017/module/ico_arrow_right.png") 0 0 no-repeat;
        background-size: contain; }
    #eGasFloatNavi li:last-child a {
      padding: 21px 17px 14px; }
      #eGasFloatNavi li:last-child a:after {
        bottom: 16px; }
    #eGasFloatNavi li a {
      display: block;
      width: 50px;
      height: 162px;
      position: relative;
      text-align: center;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1;
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
      padding: 14px 17px;
      background: #1ba9e6;
      box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 10px 0 0 10px; }
      #eGasFloatNavi li a .longVertical {
        display: block;
        -moz-transform: matrix(0, 1, 1, 0, 0, 0);
        -webkit-transform: matrix(0, 1, 1, 0, 0, 0);
        -o-transform: matrix(0, 1, 1, 0, 0, 0);
        transform: matrix(0, 1, 1, 0, 0, 0);
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1, mirror=1); }
      #eGasFloatNavi li a:after {
        content: " ";
        width: 14px;
        height: 14px;
        background: url("/image/2017/module/ico_arrow_right_blue.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: 50%;
        bottom: 10px;
        margin-left: -7px; }
      #eGasFloatNavi li a:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
				opacity: .7; }

@media only screen and (min-width: 769px) {
	#dWrapper #dMFWrapper {
		padding-bottom: 60px;
	}
	#dWrapper #dMFWrapper.is-active {
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 1000px) {
  #dWrapper #dMFWrapper {
    padding: 0 0 60px; }
    #dWrapper #dMFWrapper .h2CatDenki:after {
      left: auto;
      margin-left: 0;
      right: 0; }
    #dWrapper #dMFWrapper .h2CatGas:after {
      left: auto;
      margin-left: 0;
      right: 0; }
    #dWrapper #dMFWrapper .h2CatTepco:after {
      left: auto;
      margin-left: 0;
      right: 0; } }
@media only screen and (max-width: 834px) {
  a {
    text-decoration: underline; }

  br.sp-only {
    display: inline; }

  br.pc-only {
    display: none; }

  body {
    padding-top: 0; }

  .priceNumText {
    font-size: 18px;
    font-size: 1.8rem; }

  .pricePointText {
    font-size: 15px;
    font-size: 1.5rem; }

  .priceDiscountText {
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold; }

  .kModLink ul li a {
    font-size: 13px;
    font-size: 1.3rem; }

  .eModCol2 {
    margin-top: 10px; }
    .eModCol2:first-child {
      margin-top: 0; }
    .eModCol2 .eModColL {
      float: none;
      width: 100%;
      padding-right: 0;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6; }
    .eModCol2 .eModColR {
      float: none;
      width: 100%;
      padding-left: 0;
      margin-top: 20px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6; }
      .eModCol2 .eModColR img {
        width: 100%;
        height: auto; }
    .eModCol2 .eModColHelf {
      float: none;
      width: 100%;
      padding-right: 0;
      margin-top: 0;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6; }
      .eModCol2 .eModColHelf:last-child {
        float: none;
        padding-right: 0;
        padding-left: 0;
        margin-top: 20px; }
    .eModCol2 .eModColImg {
      text-align: center; }
    .eModCol2 .eModColWideImg {
      width: auto;
      margin-left: -15px;
      margin-right: -15px; }
      .eModCol2 .eModColWideImg img {
        width: 100%;
        height: auto; }
    .eModCol2 + .otokuBtn {
      margin-top: 20px; }

  .eModText {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6; }

  .eModEleBigger {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.53; }

  .kateneBtn {
    width: 100%;
    max-width: none;
    margin: auto;
    text-align: center;
    position: relative;
    display: table; }
    .kateneBtn a {
      width: 100%;
      height: 50px;
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      color: #ffffff;
      font-weight: bold;
      text-decoration: none;
      background: #e63800;
      box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 25px;
      position: static; }
    .kateneBtn.kateneBtn01 a:after,
    .kateneBtn.kateneBtn01 button:after {
      content: " ";
      width: 8px;
      height: 13px;
      background: url("/image/2017/module/ico_angle_right_white(768).png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -6px; }
    .kateneBtn.kateneBtn02 a {
      background: #1ba9e6; }
    .kateneBtn.kateneBtn02 a:after,
    .kateneBtn.kateneBtn02 button:after {
      content: " ";
      width: 8px;
      height: 13px;
      background: url("/image/2017/module/ico_angle_right_white(768).png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -6px; }
    .kateneBtn.kateneBtnFS01 a,
    .kateneBtn.kateneBtnFS01 button, .kateneBtn.kateneBtnFS02 a,
    .kateneBtn.kateneBtnFS02 button, .kateneBtn.kateneBtnFS03 a,
    .kateneBtn.kateneBtnFS03 button {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.2;
      padding: 0; }
    .kateneBtn button {
      width: 100%;
      height: 50px;
      max-width: none;
      cursor: pointer;
      border: none;
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      color: #ffffff;
      font-weight: bold;
      line-height: 1.4;
      text-decoration: none;
      background-image: none;
      background: #e63800;
      box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
      border-radius: 30px;
      position: static; }

  .otokuBtn {
    max-width: none; }
    .otokuBtn a {
      font-size: 14px;
      font-size: 1.4rem; }
    .otokuBtn.otokuBtn01 {
      max-width: none; }
      .otokuBtn.otokuBtn01 a:before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 2px;
        width: 12px;
        height: 12px;
        background: url("/image/2017/module/ico_arrow_right_brown(768).png") 0 center no-repeat;
        background-size: contain;
        margin-right: 7px; }
    .otokuBtn.otokuBtn02 {
      max-width: none; }
      .otokuBtn.otokuBtn02 a {
        background-color: #fff; }
        .otokuBtn.otokuBtn02 a:before {
          content: " ";
          display: inline-block;
          position: relative;
          top: 2px;
          width: 12px;
          height: 12px;
          background: #fff url("/image/2017/module/ico_arrow_right_brown(768).png") 0 center no-repeat;
          background-size: contain;
          margin-right: 7px; }
    .otokuBtn.otokuBtn03 {
      max-width: none; }
      .otokuBtn.otokuBtn03 a {
        border-radius: 32px;
        background-color: #fff; }
        .otokuBtn.otokuBtn03 a:before {
          content: " ";
          display: block;
          position: absolute;
          top: 50%;
          left: 15px;
          width: 12px;
          height: 12px;
          background: #fff url("/image/2017/module/ico_arrow_right_brown(768).png") 0 center no-repeat;
          background-size: contain;
          margin-right: 0;
          margin-top: -6px; }
    .otokuBtn.btnBlank a:before {
      content: " ";
      display: inline-block;
      position: relative;
      top: 2px;
      width: 15px;
      height: 14px;
      background: url("/image/2016/module/ico_popup(768).png") 0 center no-repeat;
      background-size: contain;
      margin-right: 6px; }
    .otokuBtn.otokuClose {
      max-width: 210px; }
      .otokuBtn.otokuClose a {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 12px 0 11px; }
      .otokuBtn.otokuClose a:before {
        content: " ";
        display: block;
        position: absolute;
        top: 50%;
        left: 20px;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        background: url("/image/2017/module/ico_close.png") 0 center no-repeat; }
    .otokuBtn.otokuBtnFS01 {
      max-width: none; }
      .otokuBtn.otokuBtnFS01 a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42;
        padding: 12px 0 12px; }
    .otokuBtn.otokuBtnFS02 {
      max-width: none; }
      .otokuBtn.otokuBtnFS02 a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42;
        padding: 12px 0 12px; }
    .otokuBtn.otokuBtnFS03 {
      max-width: none; }
      .otokuBtn.otokuBtnFS03 a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.42;
        padding: 12px 24px 12px 36px;
        text-align: left; }
    .otokuBtn + .textBtn {
      margin-top: 15px; }
    .otokuBtn + .otokuBtn {
      margin-top: 10px; }

  .textBtn {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    margin: auto;
    text-align: center; }
    .textBtn a {
      text-decoration: underline; }
      .textBtn a:hover {
        text-decoration: none; }
    .textBtn + .otokuBtn {
      margin-top: 20px; }

  .hasCustomSelect.cs_katene {
    z-index: 2;
    background: #ffffff;
    font-size: 16px;
    font-size: 1.6rem; }
    .hasCustomSelect.cs_katene optgroup {
      font-style: normal; }

  .customSelect.cs_katene {
    width: 100%;
    max-width: none;
    display: block;
    text-decoration: none;
    background: #ffffff;
    text-align: left;
    border-radius: 10px;
    padding: 15px 15px 16px;
    color: #362d08;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    z-index: 1; }
    .customSelect.cs_katene:after {
      content: " ";
      display: block;
      position: absolute;
      width: 13px;
      height: 8px;
      background: url("/image/2017/module/ico_angle_bottom_orange(768).png") 0 0 no-repeat;
      background-size: contain;
      right: 15px;
      top: 50%;
      margin-top: -4px; }
    .customSelect.cs_katene .customSelectInner {
      position: relative; }

  .spTableWrapper {
    width: 100%;
    overflow-x: auto;
    margin: 30px auto;
    padding: 0 0 10px; }
    .spTableWrapper table {
      border-top: 1px solid #362d08;
      border-left: 1px solid #362d08;
      border-collapse: separate;
      background-color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      display: table;
      width: 750px; }
      .spTableWrapper table thead {
        display: table-header-group; }
        .spTableWrapper table thead tr {
          display: table-row; }
          .spTableWrapper table thead tr th {
            display: table-cell;
            border: none;
            border-bottom: 1px solid #362d08;
            /*border-right: 2px dotted #362d08;*/
            background-image: url("/image/2017/template/bg_table_dot.png");
            background-position: 100% 0;
            background-repeat: repeat-y;
            background-size: 2px 4px;
            background-color: #666666;
            font-weight: bold;
            text-align: center; }
            .spTableWrapper table thead tr th:last-child {
              border-right: 1px solid #362d08;
              background-image: none; }
            .spTableWrapper table thead tr th .yen {
              font-size: 12px;
              font-size: 1.2rem; }
      .spTableWrapper table tbody tr {
        display: table-row; }
        .spTableWrapper table tbody tr th {
          display: table-cell;
          border: none;
          border-bottom: 1px solid #362d08;
          /*border-right: 2px dotted #362d08;*/
          background-image: url("/image/2017/template/bg_table_dot.png");
          background-position: 100% 0;
          background-repeat: repeat-y;
          background-size: 2px 4px;
          color: #fff;
          font-weight: bold;
          text-align: left; }
          .spTableWrapper table tbody tr th:last-child {
            border-right: 1px solid #362d08;
            background-image: none; }
        .spTableWrapper table tbody tr td {
          display: table-cell;
          border: none;
          border-bottom: 1px solid #362d08;
          /*border-right: 2px dotted #362d08;*/
          background-image: url("/image/2017/template/bg_table_dot.png");
          background-position: 100% 0;
          background-repeat: repeat-y;
          background-size: 2px 4px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          padding: 1px 8px; }
          .spTableWrapper table tbody tr td:last-child {
            border-right: 1px solid #362d08;
            background-image: none; }
        .spTableWrapper table tbody tr .centerTd {
          text-align: center; }
        .spTableWrapper table tbody tr .priceTd {
          text-align: right; }
        .spTableWrapper table tbody tr .unitPriceCell01 {
          width: 19.5%; }
        .spTableWrapper table tbody tr .unitPriceCell03 {
          width: 25%; }
        .spTableWrapper table tbody tr .unitPriceCell04 {
          width: 25%; }
        .spTableWrapper table tbody tr:nth-child(even) th,
        .spTableWrapper table tbody tr:nth-child(even) td {
          background-color: #f4f4f4; }

  /*============================
  .eTokuLeadWrapper
  ============================*/
  .eTokuLeadWrapper {
    padding: 20px 0 18px;
    margin: 10px 0 30px;
    position: relative; }
    .eTokuLeadWrapper:after {
      content: " ";
      display: block;
      position: absolute;
      width: 38px;
      height: 20px;
      left: 50%;
      bottom: -20px;
      margin-left: -19px;
      background: url("/image/2017/page/gas/bg_tail(768).png") 0 0 no-repeat;
      background-size: contain; }
    .eTokuLeadWrapper p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.294;
      text-align: center;
      font-weight: bold;
      margin: 0;
      padding: 0; }
      .eTokuLeadWrapper p .lineHeight {
        display: inline-block;
        margin-top: 5px; }
      .eTokuLeadWrapper p .lineBreak {
        display: inline-block;
        margin-top: 5px; }
      .eTokuLeadWrapper p .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 27px;
        font-size: 2.7rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
        .eTokuLeadWrapper p .priceText .yen {
          font-size: 17px;
          font-size: 1.7rem;
          font-weight: bold;
          font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
      .eTokuLeadWrapper p sup {
        font-size: 11px;
        font-size: 1.1rem;
        top: -1em; }
    .eTokuLeadWrapper .notice {
      font-size: 11px;
      font-size: 1.1rem;
      text-align: center;
      font-weight: normal;
      margin: 7px 0 14px; }
    .eTokuLeadWrapper .condition {
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.66;
      margin: 9px 0 0;
      padding: 0; }
      .eTokuLeadWrapper .condition .smallText {
        font-size: 10px;
        font-size: 1.0rem; }
      .eTokuLeadWrapper .condition + .notice {
        margin: 10px 15px 0;
        text-indent: -1em;
        padding-left: 1em;
        text-align: left;
        width: 90%;
        margin: 22px auto;
        text-align: left; }
			

  /*============================
  .contentsWrapper
  ============================*/
  .otokuReasonWrapper {
    padding: 0 15px 30px; }

  .katenePointWrapper {
    padding: 15px 15px 30px; }
    .katenePointWrapper .section {
      margin-top: 25px; }
      .katenePointWrapper .section:first-child {
        margin-top: 0; }
    .katenePointWrapper .lineHeight {
      display: inline-block;
      line-height: 2.1; }
    .katenePointWrapper .registerText {
      margin-top: -13px; }
    .katenePointWrapper .kateneDiscount {
      padding: 0; }
      .katenePointWrapper .kateneDiscount:first-child {
        margin: 0; }
      .katenePointWrapper .kateneDiscount .comModEleMore {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.6; }
      .katenePointWrapper .kateneDiscount .priceNumText {
        font-size: 21px;
        font-size: 2.1rem; }
      .katenePointWrapper .kateneDiscount .priceYenText {
        font-size: 14px;
        font-size: 1.4rem; }
      .katenePointWrapper .kateneDiscount .priceDiscountText {
        font-size: 15px;
        font-size: 1.5rem; }
      .katenePointWrapper .kateneDiscount .katenePointMore {
        background-color: #fff6d0;
        padding: 20px;
        margin: 20px auto 0;
        position: relative; }
        .katenePointWrapper .kateneDiscount .katenePointMore:after {
          content: " ";
          width: 39px;
          height: 35px;
          background: url("/image/2017/page/denki/otoku/ico_more.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -10px;
          top: -10px; }
        .katenePointWrapper .kateneDiscount .katenePointMore h4 {
          text-align: center;
          padding: 0;
          margin: 0 0 14px;
          background: none; }
          .katenePointWrapper .kateneDiscount .katenePointMore h4 > span {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.64;
            padding: 0 4px 8px;
            display: inline-block;
            background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
            background-size: auto 3px; }
        .katenePointWrapper .kateneDiscount .katenePointMore p {
          text-align: center;
          font-weight: bold;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.6; }
        .katenePointWrapper .kateneDiscount .katenePointMore + .registerText {
          margin-top: 17px; }

  .katenePlanWrapper {
    padding: 15px 15px 30px; }
    .katenePlanWrapper .section {
      margin-top: 25px; }
      .katenePlanWrapper .section:first-child {
        margin-top: 0; }
    .katenePlanWrapper .registerText {
      margin-top: -13px; }

  .gasPointWrapper {
    padding: 30px 15px; }
    .gasPointWrapper .section {
      margin-top: 25px; }
      .gasPointWrapper .section:first-child {
        margin-top: 0; }

  /*============================
  .eDenkiPlanMenu
  ============================*/
  .eDenkiPlanMenu {
    background: #ffe99e;
    padding: 0 10px 30px;
    margin-top: 40px; }
    .eDenkiPlanMenu h3 {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1;
      color: #362d08;
      padding: 22px 0 23px;
      margin: 0;
      text-align: center;
      position: relative; }
      .eDenkiPlanMenu h3:before {
        content: " ";
        display: block;
        position: absolute;
        width: 50px;
        height: 34px;
        background: url("/image/2017/template/ico_denkimenu.png") 0 0 no-repeat;
        background-size: contain;
        left: 50%;
        top: -17px;
        margin-left: -25px; }
    .eDenkiPlanMenu .checkMenuBtn {
      padding: 0; }
      .eDenkiPlanMenu .checkMenuBtn ul {
        margin: 0; }
        .eDenkiPlanMenu .checkMenuBtn ul + ul {
          margin-top: 10px; }
      .eDenkiPlanMenu .checkMenuBtn li {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 10px; }
        .eDenkiPlanMenu .checkMenuBtn li:first-child {
          float: none;
          width: 100%;
          padding-left: 0;
          padding-right: 0;
          margin-top: 0; }
        .eDenkiPlanMenu .checkMenuBtn li.eDenkiPlanOtoku a {
          padding: 7px 0 5px; }
      .eDenkiPlanMenu .checkMenuBtn a {
        display: block;
        text-align: center;
        color: #362d08;
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        text-decoration: none;
        padding: 16px 0 10px;
        background: #fff;
        box-shadow: 0px 4px 0px 0px #e6e6e6;
        border-radius: 8px;
        position: relative; }
        .eDenkiPlanMenu .checkMenuBtn a .priceText {
          color: #e63800; }
        .eDenkiPlanMenu .checkMenuBtn a .planText {
          font-size: 15px;
          font-size: 1.5rem;
          display: block;
          margin: 4px 0 0; }
        .eDenkiPlanMenu .checkMenuBtn a .smallText {
          font-size: 10px;
          font-size: 1.0rem; }
        .eDenkiPlanMenu .checkMenuBtn a.active, .eDenkiPlanMenu .checkMenuBtn a:hover {
          color: #fff;
          text-decoration: none;
          background: #e85938;
          box-shadow: 0px 4px 0px 0px #ba472d; }
          .eDenkiPlanMenu .checkMenuBtn a.active .priceText, .eDenkiPlanMenu .checkMenuBtn a:hover .priceText {
            color: #fff; }

  /*============================
  .eGasPlanMenu
  ============================*/
  .eGasPlanMenu {
    background: #ffe99e;
    padding: 0 10px 30px;
    margin-top: 40px; }
    .eGasPlanMenu h3 {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1;
      color: #362d08;
      padding: 22px 0 23px;
      margin: 0;
      text-align: center;
      position: relative; }
      .eGasPlanMenu h3:before {
        content: " ";
        display: block;
        position: absolute;
        width: 20px;
        height: 32px;
        background: url("/image/2017/template/ico_gasmenu.png") 0 0 no-repeat;
        background-size: contain;
        left: 50%;
        top: -16px;
        margin-left: -10px; }
    .eGasPlanMenu .checkMenuBtn {
      padding: 0; }
      .eGasPlanMenu .checkMenuBtn ul {
        margin: 0;
        padding: 0; }
      .eGasPlanMenu .checkMenuBtn li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 10px; }
        .eGasPlanMenu .checkMenuBtn li:last-child {
          width: 100%; }
        .eGasPlanMenu .checkMenuBtn li:first-child {
          margin-top: 0; }
      .eGasPlanMenu .checkMenuBtn a {
        display: block;
        text-align: center;
        color: #362d08;
        font-weight: bold;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5;
        text-decoration: none;
        padding: 10px 0 4px;
        background: #fff;
        box-shadow: 0px 4px 0px 0px #e6e6e6;
        border-radius: 8px;
        position: relative; }
        .eGasPlanMenu .checkMenuBtn a .priceText {
          color: #e63800; }
        .eGasPlanMenu .checkMenuBtn a .planText {
          font-size: 15px;
          font-size: 1.5rem;
          display: block;
          margin: 4px 0 0; }
        .eGasPlanMenu .checkMenuBtn a .smallText {
          font-size: 10px;
          font-size: 1.0rem; }
        .eGasPlanMenu .checkMenuBtn a.active, .eGasPlanMenu .checkMenuBtn a:hover {
          color: #fff;
          text-decoration: none;
          background: #e85938;
          box-shadow: 0px 4px 0px 0px #ba472d; }
          .eGasPlanMenu .checkMenuBtn a.active .priceText, .eGasPlanMenu .checkMenuBtn a:hover .priceText {
            color: #fff; }

  /*============================
  .areaTable
  ============================*/
  .areaTable {
    margin-top: 20px;
    border: 2px solid #e0d9d2; }
    .areaTable h4 {
      margin: 0;
      padding: 7px 0;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.5;
      text-align: center;
      background: none;
      background-color: #ece8e4; }
    .areaTable .kModLink ul {
      padding: 9px 0; }
      .areaTable .kModLink ul .icon {
        margin-right: 20px; }

  /* #dWrapper {
    padding-bottom: 65px; } */
   
	#dWrapper #dHWrapper .globalHeader {
		padding-top:0;
	}
	#dWrapper #dHWrapper .globalHeader img{
		width: 55.9375%;
    max-width: 179px;
	}
    #dWrapper #dHWrapper #dKateneNav {
      clear: both;
      padding: 0 2px 0 3px;
      margin: 18px -15px 12px;
      letter-spacing: 0; }
      #dWrapper #dHWrapper #dKateneNav ul {
        width: 100%;
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box; }
        #dWrapper #dHWrapper #dKateneNav ul:after {
          content: "";
          display: table;
          clear: both;
          margin-bottom: 0; }
        #dWrapper #dHWrapper #dKateneNav ul li {
          width: 33.3333%;
          float: left;
          padding-left: 2px;
          padding-right: 3px; }
          #dWrapper #dHWrapper #dKateneNav ul li a {
            display: block;
            text-align: center;
            padding: 15px 0 15px;
            position: relative;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.2;
            font-weight: bold;
            color: #362d08; }
            #dWrapper #dHWrapper #dKateneNav ul li a span {
              font-size: 9px;
              font-size: 0.9rem; }
            #dWrapper #dHWrapper #dKateneNav ul li a:after {
              content: " ";
              display: block;
              width: auto;
              height: 4px;
              position: absolute;
              bottom: 0;
              left: 5px;
              right: 5px;
              background-color: transparent; }
          #dWrapper #dHWrapper #dKateneNav ul li.li-denki a:before {
            content: " ";
            display: block;
            width: 34px;
            height: 23px;
            position: absolute;
            top: -16px;
            left: 50%;
            margin-left: -17px;
            background: url("/image/2017/template/kn_denki(768).png") 0 0 no-repeat;
            background-size: contain; }
          #dWrapper #dHWrapper #dKateneNav ul li.li-denkigas a:before {
            content: " ";
            display: block;
            width: 59px;
            height: 24px;
            position: absolute;
            top: -15px;
            left: 50%;
            margin-left: -21px;
            background: url("/image/2017/template/kn_denkigas(768).png") 0 0 no-repeat;
            background-size: contain; }
          #dWrapper #dHWrapper #dKateneNav ul li.li-touden a:before {
            content: " ";
            display: block;
            width: 59px;
            height: 23px;
            position: absolute;
            top: -16px;
            left: 50%;
            margin-left: -30px;
            background: url("/image/2017/template/kn_touden.png") 0 0 no-repeat;
            background-size: contain; }
          #dWrapper #dHWrapper #dKateneNav ul li.li-active a {
            text-decoration: none; }

      #dWrapper #dMFWrapper .h2Wrapper:after {
        content: " ";
        display: none;
        width: auto;
        height: auto;
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        margin-left: 0;
        background: none; }
    #dWrapper #dMFWrapper .h2_katene {
      text-align: center;
      padding: 0;
      margin: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      position: relative;
      font-weight: bold;
      display: table;
      width: 100%;
      height: 64px; }
      #dWrapper #dMFWrapper .h2_katene > span {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        text-align: center; }
        #dWrapper #dMFWrapper .h2_katene > span .catch {
          font-size: 18px;
          font-size: 1.8rem; }
        #dWrapper #dMFWrapper .h2_katene > span .smallText {
          font-size: 14px;
          font-size: 1.4rem; }
        #dWrapper #dMFWrapper .h2_katene > span .small {
          display: inline-block;
          width: auto;
          height: auto;
          font-size: 10px;
          font-size: 1.0rem; }
          #dWrapper #dMFWrapper .h2_katene > span .small:first-child {
            font-size: 10px;
            font-size: 1.0rem;
            margin-bottom: 0;
            margin-top: 0; }
          #dWrapper #dMFWrapper .h2_katene > span .small:last-child {
            margin-top: 0; }
    #dWrapper #dMFWrapper .h2CatDenki:after {
      content: " ";
      display: none; }
    #dWrapper #dMFWrapper .h2CatGas:after {
      content: " ";
      display: none; }
    #dWrapper #dMFWrapper #dBreadCrumbs {
      display: none; }
    .inquiry-box {
      padding-top: 100px;
			margin:  -15px;
	}
      #dWrapper #dMFWrapper .h3Merit {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.4;
        font-weight: bold;
        text-align: center;
        color: #362d08;
        width: 100%;
        padding: 0;
        height: 55px;
        display: table;
        margin: 0;
        background: url(/image/2017/template/bg_h3_katene.png);
        background-size: 5px 5px;
        position: relative; }
        #dWrapper #dMFWrapper .h3Merit > span {
          display: table-cell;
          width: 100%;
          text-align: center;
          vertical-align: middle; }
        #dWrapper #dMFWrapper .h3Merit .smallText {
          font-size: 10px;
          font-size: 1.0rem; }
        #dWrapper #dMFWrapper .h3Merit.merit01:before {
          content: " ";
          width: 50px;
          height: 44px;
          background: url("/image/2017/page/denki/ico_reason01.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.merit02:before {
          content: " ";
          width: 50px;
          height: 44px;
          background: url("/image/2017/page/denki/ico_reason02.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.merit03:before {
          content: " ";
          width: 50px;
          height: 44px;
          background: url("/image/2017/page/denki/ico_reason03.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.merit04:before {
          content: " ";
          width: 50px;
          height: 44px;
          background: url("/image/2017/page/denki/ico_reason04.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.point01:before {
          content: " ";
          width: 50px;
          height: 45px;
          background: url("/image/2017/page/gas/ico_point01(768).png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.point02:before {
          content: " ";
          width: 50px;
          height: 45px;
          background: url("/image/2017/page/gas/ico_point02(768).png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.point03:before {
          content: " ";
          width: 50px;
          height: 45px;
          background: url("/image/2017/page/gas/ico_point03(768).png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
        #dWrapper #dMFWrapper .h3Merit.point04:before {
          content: " ";
          width: 50px;
          height: 45px;
          background: url("/image/2017/page/gas/ico_point04(768).png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: -3px;
          top: -20px; }
      #dWrapper #dMFWrapper .h4Line {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5;
        font-weight: bold;
        border-bottom: 1px solid #362d08;
        background: none;
        padding: 0 0 5px;
        margin: 0 0 15px; }
        #dWrapper #dMFWrapper .h4Line .smallText {
          font-size: 12px;
          font-size: 1.2rem; }
        #dWrapper #dMFWrapper .h4Line .bigText {
          font-size: 19px;
          font-size: 1.9rem; }
      #dWrapper #dMFWrapper .otokuReason {
        margin-top: 20px;
        padding-right: 0; }
        #dWrapper #dMFWrapper .otokuReason.otokuReasonCol2 .otokuReasonItem {
          width: 100%;
          margin-top: 20px; }
        #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 {
          padding-right: 0; }
          #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuReasonItem {
            width: 100%; }
            #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuReasonItem:last-child {
              margin-right: 0; }
          #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuTextWhite {
            font-size: 17px;
            font-size: 1.7rem;
            line-height: 1.2;
            padding: 15px 0; }
        #dWrapper #dMFWrapper .otokuReason .otokuReasonItem {
          float: none;
          width: 100%;
          margin-right: none;
          margin-top: 8px;
          padding: 12px;
          background: url("/image/2017/page/denki/bg_otoku_stripe.png") 0 0 repeat;
          background-size: 28px 28px; }
          #dWrapper #dMFWrapper .otokuReason .otokuReasonItem:first-child {
            margin-top: 0; }
          #dWrapper #dMFWrapper .otokuReason .otokuReasonItem:last-child {
            margin-right: 0; }
        #dWrapper #dMFWrapper .otokuReason .otokuTextWhite {
          background-color: #fff;
          text-align: center;
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.2;
          font-weight: bold;
          padding: 15px 0; }
          #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .smallText {
            font-size: 13px;
            font-size: 1.3rem; }
          #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText {
            display: inline-block;
            margin: 0 3px;
            font-size: 22px;
            font-size: 2.2rem;
            color: #e63800;
            font-family: "Montserrat",sans-serif;
            font-weight: 700; }
            #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText .point {
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: bold;
              font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
          #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .lineBreak {
            display: inline;
            margin-top: 0; }
            #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .lineBreak:first-child {
              margin-top: 0; }
        #dWrapper #dMFWrapper .otokuReason .otokuNotice {
          margin-top: 8px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.64; }
          #dWrapper #dMFWrapper .otokuReason .otokuNotice li {
            text-indent: -1em;
            padding-left: 1rem; }
        #dWrapper #dMFWrapper .otokuReason .otokuReason01 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuReason .otokuReason01:after {
            content: " ";
            width: 50px;
            height: 44px;
            background: url("/image/2017/page/denki/ico_deals01.png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -8px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuReason .otokuReason02 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuReason .otokuReason02:after {
            content: " ";
            width: 50px;
            height: 44px;
            background: url("/image/2017/page/denki/ico_deals02.png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -8px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuReason .otokuReason03 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuReason .otokuReason03:after {
            content: " ";
            width: 50px;
            height: 44px;
            background: url("/image/2017/page/denki/ico_deals03.png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -8px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuReason .otokuReason04 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuReason .otokuReason04:after {
            content: " ";
            width: 50px;
            height: 44px;
            background: url("/image/2017/page/denki/ico_deals04.png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -8px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuReason .otokuMore {
          position: relative; }
          #dWrapper #dMFWrapper .otokuReason .otokuMore:after {
            content: " ";
            width: 50px;
            height: 44px;
            background: url("/image/2017/page/denki/ico_more.png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -16px;
            top: -30px; }
      #dWrapper #dMFWrapper .otokuPoint {
        margin-top: 20px;
        padding-right: 0; }
        #dWrapper #dMFWrapper .otokuPoint:first-child {
          margin-top: 0; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPointItem {
          float: none;
          width: 100%;
          margin-right: none;
          margin-top: 20px;
          padding: 0;
          background: url("/image/2017/template/bg_otoku_stripe_blue.png") 0 0 repeat;
          background-size: 28px 28px; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPointItem:first-child {
            margin-top: 0; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPointItem:last-child {
            margin-right: 0; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPointItem > a {
            display: block;
            padding: 28px 30px 13px;
            text-decoration: none; }
        #dWrapper #dMFWrapper .otokuPoint .otokuTextWhite {
          background-color: #fff;
          text-align: center;
          font-size: 15px;
          font-size: 1.5rem;
          line-height: 1.2;
          font-weight: bold;
          padding: 21px 0;
          height: auto;
          min-height: auto; }
          #dWrapper #dMFWrapper .otokuPoint .otokuTextWhite > p {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            text-decoration: none; }
        #dWrapper #dMFWrapper .otokuPoint .otokuNotice {
          margin-top: 7px;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.66; }
          #dWrapper #dMFWrapper .otokuPoint .otokuNotice li {
            text-indent: -1em;
            padding-left: 1rem; }
        #dWrapper #dMFWrapper .otokuPoint .otokuDetail {
          margin: 7px -15px 0 -15px;
          text-align: center; }
          #dWrapper #dMFWrapper .otokuPoint .otokuDetail a {
            display: block;
            color: #362d08;
            font-size: 12px;
            font-size: 1.2rem;
            line-height: 1.5;
            padding: 8px 0 11px;
            text-decoration: underline; }
            #dWrapper #dMFWrapper .otokuPoint .otokuDetail a .aModEleDef {
              display: inline-block;
              text-decoration: underline; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPoint01 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPoint01:after {
            content: " ";
            width: 50px;
            height: 45px;
            background: url("/image/2017/page/gas/ico_point01(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -13px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPoint02 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPoint02:after {
            content: " ";
            width: 50px;
            height: 45px;
            background: url("/image/2017/page/gas/ico_point02(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -13px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPoint03 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPoint03:after {
            content: " ";
            width: 50px;
            height: 45px;
            background: url("/image/2017/page/gas/ico_point03(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -13px;
            top: -15px; }
        #dWrapper #dMFWrapper .otokuPoint .otokuPoint04 {
          position: relative; }
          #dWrapper #dMFWrapper .otokuPoint .otokuPoint04:after {
            content: " ";
            width: 50px;
            height: 45px;
            background: url("/image/2017/page/gas/ico_point04(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: -13px;
            top: -15px; }
    #dWrapper #dFWrapper {
      overflow: visible;
      padding-bottom: 0;}
      #dWrapper #dFWrapper #fGlobalFooter,
			.inquiry-box{
        position: relative; }
        #dWrapper #dFWrapper #fGlobalFooter > h2,
				.inquiry-box > h2{
          width: 100%;
          max-width: none;
          font-size: 20px !important;
          font-size: 2.0rem !important;
          letter-spacing: 0.05em;
          text-align: center;
          position: absolute;
          top: 40px;
          left: 0;
          margin: 0;
          margin-left: 0; }
          #dWrapper #dFWrapper #fGlobalFooter > h2:before,
					.inquiry-box > h2:before{
            content: " ";
            display: inline-block;
            width: 15px;
            height: 24px;
            margin-right: 6px;
            margin-bottom: -4px;
            background: url("/image/2017/template/bg_slash_left.png") 0 0 no-repeat;
            background-size: contain; }
          #dWrapper #dFWrapper #fGlobalFooter > h2:after,
					.inquiry-box > h2:after{
            content: " ";
            display: inline-block;
            width: 15px;
            height: 24px;
            margin-left: 6px;
            margin-bottom: -4px;
            background: url("/image/2017/template/bg_slash_right.png") 0 0 no-repeat;
            background-size: contain; }
        #dWrapper #dFWrapper #fGlobalFooter .gLoginArea,
				.inquiry-box .gLoginArea{
          background: url(/image/2016/common/bg_texture_yellow.png);
          background-size: 25px auto;
          padding: 0 0 20px;
          margin-bottom: 0;
          position: relative;
          letter-spacing: 0; }
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea:before,
					.inquiry-box .gLoginArea:before{
            content: " ";
            display: block;
            width: 45px;
            height: 41px;
            position: absolute;
            top: -30px;
            left: 50%;
            margin-left: -22px;
            background: url("/image/2017/template/bg_kateneko_footer.png") 0 0 no-repeat;
            background-size: contain; }
	.-ikigai .gLoginArea {
		padding-bottom: 30px;	
	}
	.-ikigai .gLoginArea .columns.-two {
		padding-top: 30px;
	}
	.-ikigai .gLoginArea .columns.-two>.column {
		float: none;
		width: 100%;
		
	}
	.-ikigai .gLoginArea .columns.-two>.column:nth-of-type(1) {
		padding: 0 0 8px;
	}
	.-ikigai .gLoginArea .columns.-two>.column:nth-of-type(2) {
		padding: 8px 0 0;
	}
          #dWrapper #dFWrapper #fGlobalFooter .gLoginArea h3,
					.inquiry-box .gLoginArea h3{
            text-align: center;
            font-size: 16px;
            font-size: 1.6rem;
            color: #362d08; }
          #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .noMember {
            padding: 20px 0 0;
	margin-top: 35px;
	background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 top repeat-x;
            background-size: auto 3px;}
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .noMember h3 {
              margin-bottom: 15px; }
          #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember,
					.inquiry-box .gLoginArea .loginMember{
            margin: 0 0 0;
            
            padding: 20px 0 0; }
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .pointNotice,
						.inquiry-box .gLoginArea .loginMember .pointNotice{
              font-size: 10px;
              font-size: 1.0rem;
              text-align: center;
              margin: -10px 0 25px; }
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember h3,
						.inquiry-box .gLoginArea .loginMember h3{
              margin-bottom: 3px; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember h3 + p,
							.inquiry-box .gLoginArea .loginMember h3 + p{
                text-align: center;
                font-size: 12px;
                font-size: 1.2rem;
                margin-bottom: 10px; }
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea {
              width: 100%;
              max-width: none;
              margin: 0 auto 20px; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea .input_inputID {
                float: none;
                width: 100%;
                padding-right: 0; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea .input_inputPW {
                float: none;
                width: 100%;
                padding-left: 0;
                margin-top: 10px; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dl {
                margin: 0;
                padding: 0; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dt {
                padding: 0;
                margin: 0;
                font-size: 13px;
                font-size: 1.3rem;
                font-weight: bold; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dd {
                margin: 5px 0 0;
                padding: 0; }
                #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .loginMember .inputArea dd input {
                  font-size: 16px;
                  font-size: 1.6rem;
                  width: 100%;
                  margin: 0;
                  padding: 9px 12px 10px;
                  background: none;
                  border: none;
                  border-radius: 10px;
                  outline: none;
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  background-color: #fff; }
          #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi,
					 .inquiry-box .gLoginArea .login_navi{
            position: relative;
            overflow: hidden;
            margin: 17px auto 0; }
            #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi ul,
						.inquiry-box .gLoginArea .login_navi ul{
              float: none;
              left: auto;
              position: relative; }
              #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi ul li,
							.inquiry-box .gLoginArea .login_navi ul li{
                text-align: center;
                float: none;
                left: auto;
                position: relative; }

                #dWrapper #dFWrapper #fGlobalFooter .gLoginArea .login_navi ul li a,
								.inquiry-box .gLoginArea .login_navi ul li a{
                  color: #362d08;
                  font-size: 12px;
                  font-size: 1.2rem;
                  text-decoration: underline;
                  margin-right: 15px;
                  padding: 5px 0 5px 17px; }
	
	#dWrapper #dFWrapper #fGlobalFooter.-gas {
		padding-top: 10px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2 {
		margin-left: 0;
		max-width: inherit;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span {
		padding: 0 30px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:before,
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:after{
		width: 25px;
		height: 33.5px;
	}

	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea {
		padding: 24px 0; 
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea:before{
		width: 108px;
		height: 60px;
		margin-left: -34px;
		top: -56px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3 {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3>span.-pc {
		background-size: 33px 22.5px;
		padding-left: 43px;

	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea h3>span.-tel {
		background-size: 25px 25px;
		padding-left: 34px;
		min-height: 25px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns,
	#dWrapper #tel_css .gLoginArea .tel-box{
		padding-right: 0;
		padding-left: 0;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column {
		float: none;
		width: 100%;
		margin-right: 0;
		padding: 0 0 20px;
		background-image: url("/image/2016/common/bg_line_dot_hor(768).png");
		background-repeat: repeat-x;
		background-position: left bottom;
		background-size: 7.5px 3px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child {
		margin-top: 20px;
		padding-left: 0;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position {
		position: static;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow {
		text-align: center;
		
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a {
		font-size: 1.3rem;
		padding-left: 16px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a:before {
		width: 12px;
		height: 12px;
		
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column:last-child>.link-position>.arrow>a:after {
		width: 3px;
		height: 3px;
		top: 8.5px;
		left:3px; 
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box {
		margin: 50px 0 0;
		padding-top: 0 !important;
		
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box:before {
		left: -10px;
		top: -35px;
		width: 66px;
		height: 58px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box {
		padding: 14px;
		height: auto;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box:before {
		width: 100%;
		height: 71%;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box:after {
		left: 0;
		bottom: 15%;
		border: none;
		width: 100%;
		height: 70%;
		background-image: url(/image/2017/page/gas/bg_triangle.png);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: left center;
    margin-left: 0;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list {
		display: block;
		height: auto;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.left {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0;
		font-size: 1.6rem;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right {
		display: block;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right>li {
		float: none;
		max-width: 500px;
		margin: auto ;
	}
		#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right>li:last-child {
			margin: 15px auto 0;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.right>li+li {
		margin: 15px 0 0;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section.flow-box>.padding-box>.table-list>.left ruby rt {
		font-size: 0.5rem;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .columns>.column>h4{
		font-size: 1.2rem;
		margin-bottom: 10px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .section+.section {
		padding-top: 20px;
		margin-top: 20px;
	}
	#dWrapper #tel_css .gLoginArea .tel-box {
		margin-bottom: 15px;
	}
	#dWrapper #tel_css .gLoginArea .tel-box h4{
		height: 54px;
		font-size: 1.5rem;
		padding: 0 15px;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box {
		padding: 15px;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box p {
		font-size: 1.2rem;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.icon {
		display: inline-block;
		margin-right: 0;
		font-size: 1.2rem;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.tel {
		font-size: 2.8rem;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.tel.pc {
		display: none;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.tel.sp {
		display: block;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box p span.tel.sp>a {
    text-decoration: none;
    font-size: 24px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link,
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link>a{
		font-size: 1.2rem;
	}
    #dWrapper #eMain {
      widows: 100%;
      max-width: none;
      margin-left: auto;
      margin-right: auto; }
    #dWrapper .eArticleWrapper {
      background: #fff;
}
      #dWrapper .eArticleWrapper + .eArticleWrapper {
        margin-top: 30px; }
      #dWrapper .eArticleWrapper .sliderCampaignPriceWrapper {
        padding: 0 0 3px;
        background: url("/image/2017/template/bg_line_dot_gray(768).png") 0 100% repeat-x;
        background-size: 7px auto; }
      #dWrapper .eArticleWrapper .sliderCampaignPriceMain {
        width: 100%;
        max-width: none;
        margin: 0 auto;
        padding: 15px;
        margin-top: 10px;
       }
      #dWrapper .eArticleWrapper.eArticleSet {
        margin-top: 0;
        background: url("/image/2017/template/bg_sim_rp.png") 0 0 repeat;
        background-size: 136px 136px; }
      #dWrapper .eArticleWrapper .checkSetWrapper {
        padding: 72px 0 10px;
        position: relative; }
        #dWrapper .eArticleWrapper .checkSetWrapper:before {
          content: " ";
          display: block;
          position: absolute;
          width: 100%;
          height: 72px;
          left: 0;
          top: 0;
          margin: 0;
          background: url("/image/2016/common/bg_contents.png") 0 0 repeat; }
        #dWrapper .eArticleWrapper .checkSetWrapper:after {
          content: " ";
          display: block;
          position: absolute;
          width: 35px;
          height: 35px;
          left: 50%;
          top: 15px;
          margin: 0 0 0 -18px;
          background: url("/image/2017/page/denki/ico_plus(768).png") 50% 50% no-repeat;
          background-size: contain; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultInner {
          background-color: #fff;
          padding: 30px 10px 25px;
          margin: 10px 10px 0; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultInner + .checkResultInner {
            margin-top: 10px; }
        #dWrapper .eArticleWrapper .checkSetWrapper h3.h3DenkiOption {
          background: #ffb23a none;
          width: 100%;
          text-align: center;
          position: relative;
          margin: 0;
          padding: 6px 0 7px;
          color: #362d08; }
          #dWrapper .eArticleWrapper .checkSetWrapper h3.h3DenkiOption > span {
            display: inline-block;
            position: relative;
            font-size: 17px;
            font-size: 1.7rem;
            line-height: 1.26; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport {
          padding: 30px 10px 25px; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 {
            width: 100%;
            max-width: none;
            font-size: 17px;
            font-size: 1.7rem;
            text-align: center;
            position: relative;
            margin: 0 auto;
            padding: 0;
            background: none; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .borderText {
              display: inline-block;
              background-color: #e63800;
              font-size: 16px;
              font-size: 1.5rem;
              line-height: 1.1875;
              padding: 4px 5px;
              color: #fff;
              margin-right: 5px; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 > span {
              display: inline-block;
              position: relative; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 > span:before {
                content: " ";
                display: block;
                position: absolute;
                vertical-align: top;
                width: 27px;
                height: 47px;
                left: -35px;
                top: auto;
                bottom: 0;
                margin: 0;
                margin-right: 10px;
                background: url("/image/2017/page/denki/bg_slash_left(768).png") 0 0 no-repeat;
                background-size: contain; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 > span:after {
                content: " ";
                display: block;
                position: absolute;
                vertical-align: top;
                width: 27px;
                height: 47px;
                right: -35px;
                top: auto;
                bottom: 0;
                margin: 0;
                margin-left: 10px;
                background: url("/image/2017/page/denki/bg_slash_right(768).png") 0 0 no-repeat;
                background-size: contain; }
						#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan > h4 > span:before {
							background: url("/image/2017/page/denki/bg_slash_dokonyan_left(768).png") 0 0 no-repeat;
							background-size: contain;
							left: -25px;
						 }
						#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan > h4 > span:after {
							background: url("/image/2017/page/denki/bg_slash_dokonyan_right(768).png") 0 0 no-repeat;
							background-size: contain;
							right: -25px;
						 }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .smallText {
              font-size: 10px;
              font-size: 1.0rem; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .smallerText {
              font-size: 13px;
              font-size: 1.3rem; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .priceText {
              color: #e63800; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice {
            margin-top: 18px; 
            margin-bottom: 20px;}
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuHead {
              font-size: 0;
              width: 100%;
              height: 3px;
              background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 0 repeat-x;
              background-size: 321px auto; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft {
              background: url("/image/2017/page/denki/bg_baloon_h(768).png") 0 0 repeat-y;
              background-size: 2px auto; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
                padding: 16px 10px 20px 10px;
                background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
                background-size: 2px auto;
                text-align: center;
                font-weight: bold;
                font-size: 13px;
                font-size: 1.3rem; }
                #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuLeft .resultOtokuRight p {
                  line-height: 1.6;
                  text-align: center;
                  margin: 0 0 13px; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuFoot {
              font-size: 0;
              width: 100%;
              height: 3px;
              background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 0 repeat-x;
              background-size: 321px auto;
              position: relative; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .resultOtokuPrice .resultOtokuFoot.resultSupport:after {
                content: " ";
                display: none;
                position: static; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn {
            margin-top: 10px;
            max-width: auto;
            position: relative;
            z-index: 5; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn a {
              font-size: 14px;
              font-size: 1.4rem;
              line-height: 1.42;
              padding: 6px 0 6px 0;
              text-align: center;
              border-radius: 32px; }
						#dWrapper .eArticleWrapper .checkSetWrapper .checkResultDokonyan .otokuBtn a {
												padding: 15px 0 15px 0; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn a:before {
                display: none; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn a > span {
                display: inline-block;
                padding: 0 17px;
                margin: 0 auto;
                position: relative;
                text-align: left; }
                #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport .otokuBtn a > span:before {
                  content: " ";
                  display: block;
                  position: absolute;
                  top: 50%;
                  left: 0;
                  width: 12px;
                  height: 12px;
                  background: #fff url("/image/2017/module/ico_arrow_right_brown(768).png") 0 center no-repeat;
                  background-size: contain;
                  margin-right: 0;
                  margin-top: -6px; }
        #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas {
          padding: 30px 10px 25px; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 {
            width: 100%;
            max-width: none;
            font-size: 17px;
            font-size: 1.7rem;
            text-align: center;
            position: relative;
            margin: 0 auto;
            padding: 0;
            background: none; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 > span {
              display: inline-block;
              position: relative; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 > span:before {
                content: " ";
                display: block;
                position: absolute;
                vertical-align: top;
                width: 27px;
                height: 47px;
                left: -35px;
                top: 50%;
                margin-right: 10px;
                margin-top: -23px;
                background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 0 0 no-repeat;
                background-size: contain; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas > h4 > span:after {
                content: " ";
                display: block;
                position: absolute;
                vertical-align: top;
                width: 27px;
                height: 47px;
                right: -35px;
                top: 50%;
                margin-right: 0;
                margin-left: 10px;
                margin-top: -23px;
                background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 0 0 no-repeat;
                background-size: contain; }
	
	
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice {
            margin-top: 18px; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuHead {
              font-size: 0;
              width: 100%;
              height: 3px;
              background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 0 repeat-x;
              background-size: 321px auto; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft {
              background: url("/image/2017/page/denki/bg_baloon_h(768).png") 0 0 repeat-y;
              background-size: 2px auto; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
                padding: 16px 10px 20px 10px;
                background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
                background-size: 2px auto;
                text-align: center;
                font-weight: bold;
                font-size: 13px;
                font-size: 1.3rem; }
                #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft .resultOtokuRight p {
                  text-align: center;
                  margin: 0 0 13px; }
                #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .kateneBtn {
                  margin: 0 auto; }
            #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuFoot {
              font-size: 0;
              width: 100%;
              height: 3px;
              background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 0 repeat-x;
              background-size: 321px auto;
              position: relative; }
              #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .resultOtokuPrice .resultOtokuFoot.resultNeko02:after {
                content: " ";
                display: none;
                position: static; }
          #dWrapper .eArticleWrapper .checkSetWrapper .checkResultTohoGas .blueText {
            color: #187eb7; }
					
      #dWrapper .eArticleWrapper + .otokuBtn {
        margin: 0 20px;
        margin-top: 30px; }
        #dWrapper .eArticleWrapper + .otokuBtn.otokuClose {
          margin: 0 auto;
          margin-top: 30px; }
        #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn {
          margin: 0 20px;
          margin-top: 10px; }
        #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice {
          margin: 13px 5px 0;
          font-size: 11px;
          font-size: 1.1rem;
          line-height: 1.5;
          text-align: left; }
          #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice p, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice p, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice p {
            margin-bottom: 0; }
          #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice li, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice li, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice li {
            text-indent: -1em;
            padding-left: 1rem; }
          #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice .smallText, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice .smallText, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice .smallText {
            font-size: 9px;
            font-size: 0.9rem; }
          #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice + .otokuBtn, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice + .otokuBtn {
            margin: 0 20px;
            margin-top: 10px; }
          #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtnLast, #dWrapper .eArticleWrapper + .otokuBtn + .otokuBtn + .pointNotice + .otokuBtnLast, #dWrapper .eArticleWrapper + .otokuBtn + .pointNotice + .otokuBtn + .pointNotice + .otokuBtnLast {
            margin-top: 20px; }
        #dWrapper .eArticleWrapper + .otokuBtn + .eArticleSet {
          margin-top: 7px; }

  /*============================
  .checkResult
  ============================*/
  .checkResult .resultOtokuFoot.resultNeko01:after {
    content: " ";
    display: none; }
  .checkResult .resultOtokuFoot.resultNeko02:after {
    content: " ";
    display: none; }
  .checkResult .otokuTable {
    background: none; }
	
	
	
	
    .checkResult .otokuTable h6 {
      margin: 0;
      padding: 0; }
      .checkResult .otokuTable h6 img {
        vertical-align: top; }
    .checkResult .otokuTable img {
      height: auto; }
    .checkResult .otokuTable .otokuTableTop {
      overflow: hidden; }
      .checkResult .otokuTable .otokuTableTop .otokuTableDenkiPlan {
        float: left;
        width: 50%;
        padding-right: 5px;
        border: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableDenkiPlan h6 {
          border: 2px solid #ffa820;
          border-bottom: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableDenkiPlan .img {
          border: 2px solid #ffa820;
          border-top: none; }
      .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan {
        float: right;
        width: 50%;
        margin-top: 0;
        padding-left: 5px;
        border: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan h6 {
          border: 2px solid #187eb7;
          border-bottom: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan .img {
          border: 2px solid #187eb7;
          border-top: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableGasPlan:first-child {
          float: left;
          padding: 0 5px 0 0; }
      .checkResult .otokuTable .otokuTableTop .otokuTableSetPlan {
        float: right;
        width: 50%;
        margin-top: 0;
        padding-left: 5px;
        border: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableSetPlan h6 {
          border: 2px solid #187eb7;
          border-bottom: none; }
        .checkResult .otokuTable .otokuTableTop .otokuTableSetPlan .img {
          border: 2px solid #187eb7;
          border-top: none; }
    .checkResult .otokuTable .otokuTableBottom {
      margin-top: 4px;
      padding-top: 21px;
      overflow: hidden;
      background: url("/image/2017/template/bg_otoku_plus.png") 50% 0 no-repeat;
      background-size: 17px 17px; }
      .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan {
        float: left;
        width: 50%;
        padding-right: 5px;
        border: none;
        position: relative; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan h6 {
          border: 2px solid #ffa820;
          background-color: #ffa820;
          border-bottom: none;
          text-align: center; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan .img {
          border: 2px solid #ffa820;
          border-top: none;
          text-align: center;
          position: relative; }
          .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan .img:after {
            content: " ";
            width: 24.21875%;
            height: 34.09%;
            background: url("/image/2017/page/denki/ico_coin(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: auto;
            right: 10px;
            top: 5px;
            margin-left: 0; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan:before {
          content: " ";
          width: 38.5185%;
          height: 34.074%;
          background: url("/image/2017/page/gas/ico_more(768).png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          right: auto;
          left: 4px;
          top: -8px;
          margin-left: 0; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan:last-child {
          float: none;
          width: 100%;
          padding: 0; }
          .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan:last-child .img:after {
            content: " ";
            width: 11.654%;
            height: 33.333%;
            background: url("/image/2017/page/denki/ico_coin(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: 50%;
            right: auto;
            top: auto;
            bottom: 17px;
            margin-left: 21.05%; }
          .checkResult .otokuTable .otokuTableBottom .otokuTableKatenePlan:last-child:before {
            content: " ";
            width: 19.259%;
            height: 32.857%;
            background: url("/image/2017/page/gas/ico_more(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            right: auto;
            left: 50%;
            top: -8px;
            margin-left: -41.481%; }
      .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan {
        float: right;
        width: 50%;
        margin-top: 0;
        padding-left: 5px;
        border: none;
        position: relative; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan h6 {
          border: 2px solid #187eb7;
          background-color: #187eb7;
          border-bottom: none;
          text-align: center; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan .img {
          border: 2px solid #187eb7;
          border-top: none;
          text-align: center; }
        .checkResult .otokuTable .otokuTableBottom .otokuTableSetPlan:before {
          content: " ";
          width: 38.5185%;
          height: 34.074%;
          background: url("/image/2017/page/gas/ico_more(768).png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          right: auto;
          left: 8px;
          top: -8px;
          margin-left: 0; }
    .checkResult .otokuTable + .planDetailBtn,
    .checkResult .otokuTable + .otokuBtn {
      margin-top: 25px; }
  .checkResult .kateneBtn {
    margin-top: 20px; }
  .checkResult .planDetailBtn {
    padding: 0; }
    .checkResult .planDetailBtn li {
      width: 100%;
      float: none;
      padding-right: 0;
      margin-top: 10px; }
      .checkResult .planDetailBtn li:first-child {
        float: none;
        padding-left: 0;
        margin-top: 12px; }
  .checkResult .simulationBtn .kateneBtn {
    float: none;
    margin-top: 15px;
    display: table; }
    .checkResult .simulationBtn .kateneBtn + .kateneBtn {
      margin-top: 10px; }
    .checkResult .simulationBtn .kateneBtn a {
      width: 100%; }
  .checkResult .otokuTrialCalc {
    margin: 0 auto 0; }
    .checkResult .otokuTrialCalc .trialTitle {
      padding: 14px 0;
      background-color: #ece8e4;
      color: #623f1d;
      font-weight: bold;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1;
      cursor: pointer; }
      .checkResult .otokuTrialCalc .trialTitle:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_closs(768).png") 0 0 no-repeat;
        background-size: contain;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
      .checkResult .otokuTrialCalc .trialTitle.active:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_minus(768).png") 0 50% no-repeat;
        background-size: 12px auto;
        display: inline-block;
        margin-left: 10px; }
    .checkResult .otokuTrialCalc .trialNotice {
      font-size: 12px;
      font-size: 1.2rem; }

  #eFloatPageTop {
    display: block;
    position: fixed;
    right: 10px;
    bottom: 75px;
    width: 50px;
    height: 50px;
    z-index: 5; }
    #eFloatPageTop .ePageTop {
      width: 50px;
      height: 50px;
      overflow: hidden; }
      #eFloatPageTop .ePageTop a {
        display: block;
        width: 50px;
        height: 50px;
        padding-top: 50px; }
        #eFloatPageTop .ePageTop a:after {
          content: "";
          width: 50px;
          height: 50px;
          position: absolute;
          top: 0;
          left: 0;
          background: url("/image/2017/template/btn_pagetop(768).png") 0 0 no-repeat;
          background-size: contain; }

  #eFloatNavi {
    display: block;
    position: fixed;
    left: 0;
    right: auto;
    top: auto;
    bottom: 0;
    margin-top: 0;
    height: 65px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #b5b5b5;
    z-index: 5; }
    #eFloatNavi .ePageTop {
      width: 45px;
      height: 45px;
      position: absolute;
      top: -80px;
      right: 10px;
      overflow: hidden; }
      #eFloatNavi .ePageTop a {
        display: block;
        width: 45px;
        height: 45px;
        padding-top: 45px;
        background-color: #362d08;
        color: #fff; }
        #eFloatNavi .ePageTop a:after {
          content: "";
          width: 45px;
          height: 45px;
          position: absolute;
          top: 0;
          left: 0; }
    #eFloatNavi ul {
      padding: 8px 5px;
      overflow: hidden; }
      #eFloatNavi ul li {
        width: 50%;
        float: right;
        position: relative;
        padding-left: 2px; }
        #eFloatNavi ul li:first-child {
          float: left;
          margin-bottom: 0;
          padding-left: 0;
          padding-right: 2px; }
        #eFloatNavi ul li a {
          display: block;
          width: 100%;
          height: auto;
          position: relative;
          text-align: center;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.23;
          color: #ffffff;
          font-weight: bold;
          text-decoration: none;
          padding: 9px 0 6px;
          background: #e63800;
          box-shadow: 0px 4px 0px 0px #b82d00;
          border-radius: 8px; }
          #eFloatNavi ul li a:after {
            content: " ";
            width: 12px;
            height: 12px;
            background: url("/image/2017/module/ico_arrow_right(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: auto;
            bottom: auto;
            right: 10px;
            top: 50%;
            margin-left: 0;
            margin-top: -6px; }

  #eGasFloatNavi {
    display: none; } }
/*
========================================
File Name       : _unit.css
Description     : ユニットモジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
.lightbox #dWrapper {
  padding: 30px; }

/* -----------------------------------------------------------------*/
/* page
/* -----------------------------------------------------------------*/
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
.eMessageWrapper p {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: bold;
  margin: 52px auto 45px; }

/*============================
#denkiPriceMenu
============================*/
#denkiPriceMenu {
  background: url("/image/2017/template/bg_sim_rp.png") 0 0 repeat; }
  #denkiPriceMenu > h3 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.39;
    letter-spacing: 0.05em;
    color: #362d08;
    padding: 54px 0 0;
    margin: 0 0 6px;
    text-align: center;
    background: url("/image/2017/template/bg_sim_wave.png") 0 0 repeat-x;
    position: relative; }
    #denkiPriceMenu > h3 .baloon {
      display: block;
      position: absolute;
      width: 260px;
      height: 50px;
      padding: 10px 0 0;
      margin-left: -130px;
      top: 57px;
      left: 50%;
      background: url("/image/2017/page/denki/bg_baloon_otoku.png") 0 0 repeat-x;
      background-size: contain;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1;
      color: #ffffff;
      font-weight: bold;
      text-align: center; }
  #denkiPriceMenu .checkNavi {
    margin: 0 auto 11px;
    padding: 0;
    position: relative;
    overflow: hidden; }
    #denkiPriceMenu .checkNavi ul {
      float: left;
      left: 50%;
      position: relative; }
      #denkiPriceMenu .checkNavi ul li {
        float: left;
        left: -50%;
        position: relative; }
        #denkiPriceMenu .checkNavi ul li a,a.denkimodal {
          font-size: 16px !important;
          font-size: 1.6rem !important;
          color: #362d08;
          text-decoration: underline; }
          #denkiPriceMenu .checkNavi ul li a:hover {
            text-decoration: none; }
            #denkiPriceMenu .checkNavi.button {
              width: 100%;
              margin-bottom: 40px;
              padding-top: 30px;
              padding-bottom: 30px;
              background-color: #fff;
            }
            @media only screen and (max-width: 834px) {
              #denkiPriceMenu .checkNavi.button {
                padding-top: 15px;
                padding-bottom: 15px;
                margin-bottom: 20px;
              }
            }
            @media only screen and (max-width: 834px) {
              #denkiPriceMenu .checkNavi.button>ul>li {
                margin-top: 5px;
                float: none;
                text-align: center;
              }
            }
            #denkiPriceMenu .checkNavi.button>ul>li.modal {
              position: relative;
              padding-right: 20px;
            }
            #denkiPriceMenu .checkNavi.button>ul>li.modal>a,
            a.denkimodal {
              position: relative;
            }
            #denkiPriceMenu .checkNavi.button>ul>li.modal>a:before,
            a.denkimodal:before {
              content:'';
              display: inline-block;
              position: absolute;
              top: 50%;
              transform: translateY(-50%);
              right: -20px;
              width: 14px;
              height: 13px;
              background: url(/image/template/modal.svg);
              background-repeat: no-repeat;
              background-size: cover;
            }
            #denkiPriceMenu .checkNavi.button>ul>li:last-child {
              margin-left: 40px;
            }
            @media only screen and (max-width: 834px) {
              #denkiPriceMenu .checkNavi.button>ul>li:last-child {
                margin-left: 0;
              }
            }
            .checkNaviwrap {
              margin-top: 35px;
              padding-left: 90px;
              padding-right: 90px;
            }
            @media only screen and (max-width: 834px) {
              .checkNaviwrap {
                margin-top: 10px;
                padding-left: 10px;
                padding-right: 10px;
              }
            }
  #denkiPriceMenu .checkMenuBtn {
    background: url("/image/2017/template/bg_sim_select_rp.png") 0 0 repeat;
    padding: 30px 90px 34px; }
    #denkiPriceMenu .checkMenuBtn ul {
      margin: 0; }
      #denkiPriceMenu .checkMenuBtn ul + ul {
        margin-top: 24px; }
    #denkiPriceMenu .checkMenuBtn li {
      float: right;
      width: 50%;
      padding-left: 10px; }
      #denkiPriceMenu .checkMenuBtn li:first-child {
        float: left;
        width: 50%;
        padding-left: 0;
        padding-right: 10px; }
      /* #denkiPriceMenu .checkMenuBtn li.pointPlan a, #denkiPriceMenu .checkMenuBtn li.toku2Plan a {
        padding: 40px 0; } */
        #denkiPriceMenu .checkMenuBtn li.pointPlan a .descText, #denkiPriceMenu .checkMenuBtn li.toku2Plan a .descText {
          margin: 27px 0 0; }
    #denkiPriceMenu .checkMenuBtn a {
      display: block;
      text-align: center;
      color: #362d08;
      font-weight: bold;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.5;
      text-decoration: none;
      padding: 27px 0 23px;
      background: #fff;
      box-shadow: 0px 4px 0px 0px #e6e6e6;
      border-radius: 8px;
      position: relative; }
      #denkiPriceMenu .checkMenuBtn a#contents_menu_004 {
        padding: 30px 0 26px; }
        @media only screen and (max-width: 834px) {
          #denkiPriceMenu .checkMenuBtn a#contents_menu_004 {
            padding: 0; }
        }
        #denkiPriceMenu .checkMenuBtn a#contents_menu_001:before {
          content:'';
          display: inline-block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 25px;
          width: 70px;
          height: 70px;
          background: url(/image/clubkatene/p/denki/hitori.png);
          background-repeat: no-repeat;
          background-size: cover;
        }
        #denkiPriceMenu .checkMenuBtn a#contents_menu_002:before {
          content:'';
          display: inline-block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 25px;
          width: 70px;
          height: 70px;
          background: url(/image/clubkatene/p/denki/kazoku.png);
          background-repeat: no-repeat;
          background-size: cover;
        }
        #denkiPriceMenu .checkMenuBtn a#contents_menu_003:before {
          content:'';
          display: inline-block;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 25px;
          width: 70px;
          height: 70px;
          background: url(/image/clubkatene/p/denki/nisetai.png);
          background-repeat: no-repeat;
          background-size: cover;
        }
        @media only screen and (max-width: 834px) {
          #denkiPriceMenu .checkMenuBtn a#contents_menu_001:before {
            left: 20px;
            width: 42px;
            height: 42px;
          }
          #denkiPriceMenu .checkMenuBtn a#contents_menu_002:before {
            left: 20px;
            width: 42px;
            height: 42px;
          }
          #denkiPriceMenu .checkMenuBtn a#contents_menu_003:before {
            left: 20px;
            width: 42px;
            height: 42px;
          }
        }
      #denkiPriceMenu .checkMenuBtn a .priceText {
        color: #e63800;
        text-align: center;
        display: inline-block; }
      #denkiPriceMenu .checkMenuBtn a .smallText {
        font-size: 16px;
        font-size: 1.6rem; }
        #denkiPriceMenu .checkMenuBtn a .largeText {
          font-size: 24px;
          font-size: 2.4rem;
        }
        @media only screen and (max-width: 834px) {
          #denkiPriceMenu .checkMenuBtn a .largeText {
            font-size: 18px;
            font-size: 1.8rem;
          }
        }
      #denkiPriceMenu .checkMenuBtn a .descText {
        font-size: 13px;
        font-size: 1.3rem;
        display: block;
        margin: 12px 0 0;
        font-weight: normal; }
      #denkiPriceMenu .checkMenuBtn a .bigText {
        line-height: 1.5;
        padding: 0;
        display: inline-block;
        text-align: left; }
      #denkiPriceMenu .checkMenuBtn a.active, #denkiPriceMenu .checkMenuBtn a:hover {
        text-decoration: none;
        background: #fff08c;
        box-shadow: 0px 4px 0px 0px #ccbb68; }

#dWrapper #dMFWrapper .otokuReason {
  margin-top: 25px; }
  #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuTextWhite {
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.16;
    padding: 30px 0; }
  #dWrapper #dMFWrapper .otokuReason + .otokuReason {
    margin-top: 40px; }
  #dWrapper #dMFWrapper .otokuReason .otokuTextWhite {
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.16;
    font-weight: bold;
    padding: 30px 0;
    margin: 0;
    width: 100%;
    display: table; }
    #dWrapper #dMFWrapper .otokuReason .otokuTextWhite > p {
      display: table-cell;
      width: 100%;
      text-align: center;
      vertical-align: middle; }
    #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .smallText {
      font-size: 18px;
      font-size: 1.8rem; }
    #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .bigText {
      font-size: 26px;
      font-size: 2.6rem; }
    #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText .point {
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
#dWrapper #dMFWrapper .checkKateneDenkiOtoku04 .otokuReason01 .otokuTextWhite,
#dWrapper #dMFWrapper .checkKateneDenkiOtoku04 .otokuReason02 .otokuTextWhite {
  line-height: 1.4; }
#dWrapper #dMFWrapper .eArticleWrapper .checkResultWrapper + .checkSetWrapper {
  padding: 110px 0 30px;
  position: relative; }
  #dWrapper #dMFWrapper .eArticleWrapper .checkResultWrapper + .checkSetWrapper:before {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 110px;
    left: 0;
    top: 0;
    margin: 0;
    background: url("/image/2016/common/bg_contents.png") 0 0 repeat; }
  #dWrapper #dMFWrapper .eArticleWrapper .checkResultWrapper + .checkSetWrapper:after {
    content: " ";
    display: block;
    position: absolute;
    width: 49px;
    height: 49px;
    left: 50%;
    top: 30px;
    margin: 0 0 0 -25px;
    background: url("/image/2017/page/denki/ico_plus.png") 50% 50% no-repeat;
    background-size: contain; }

/*============================
.checkKateneDenkiOtoku
============================*/
.checkKateneDenkiOtoku .checkResultWrapper {
  padding: 30px; }
.checkKateneDenkiOtoku .checkResultInner {
  background-color: #fff;
  padding: 50px; }
  .checkKateneDenkiOtoku .checkResultInner + .checkResultInner {
    margin-top: 30px; }
  .checkKateneDenkiOtoku .checkResultInner > h4 {
    width: 100%;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.9735;
    text-align: center;
    position: relative;
    margin: 0 0 22px;
    padding: 0;
    background: none; }
    .checkKateneDenkiOtoku .checkResultInner > h4 > span {
      display: inline-block;
      position: relative; }
      .checkKateneDenkiOtoku .checkResultInner > h4 > span:before {
        content: " ";
        display: inline-block;
        vertical-align: top;
        width: 35px;
        height: 60px;
        margin-right: 15px;
        margin-bottom: -30px;
        background: url("/image/2017/page/denki/bg_slash_left.png") 0 0 no-repeat;
        background-size: contain; }
      .checkKateneDenkiOtoku .checkResultInner > h4 > span:after {
        content: " ";
        display: inline-block;
        vertical-align: top;
        width: 35px;
        height: 60px;
        margin-left: 15px;
        margin-bottom: -30px;
        background: url("/image/2017/page/denki/bg_slash_right.png") 0 0 no-repeat;
        background-size: contain; }
  .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuHead {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 0 0 repeat-x; }
  .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft {
    background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
    .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
      padding: 29px 0 18px;
      background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
      text-align: center;
      font-weight: bold;
      font-size: 34px;
      font-size: 3.4rem;
      line-height: 1.266666666666667; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .borderText {
        display: inline-block;
        background-color: #ffa820;
        font-size: 32px;
        font-size: 3.2rem;
        line-height: 1.1875;
        padding: 0 10px;
        color: #fff;
        margin-right: 10px; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .smallText {
        font-size: 24px;
        font-size: 2.4rem; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .smallerText {
        font-size: 30px;
        font-size: 3.0rem; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .lineBreak {
        display: inline-block;
        margin-top: 20px; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .lineBreakBig {
        display: inline-block;
        margin-top: 6px; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .lineHeight {
        display: inline-block;
        line-height: 1.15; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText {
        display: inline-block;
        margin: 0 3px;
        color: #e63800;
        font-size: 60px;
        font-size: 6.0rem;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
        .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText .yen {
          font-size: 34px;
          font-size: 3.4rem; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .bigText {
        font-size: 46px;
        font-size: 4.6rem; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight sup {
        font-size: 12px;
        font-size: 1.2rem;
        top: -1.5em; }
  .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuFoot {
    font-size: 0;
    width: 100%;
    height: 38px;
    background: url("/image/2017/page/denki/bg_baloon_bottom.png") 0 0 no-repeat;
    position: relative; }
  .checkKateneDenkiOtoku .checkResultInner .emPoint {
    margin-top: 23px;
    font-size: 20px;
    font-size: 2.0rem;
    text-align: center;
    font-weight: bold; }
    .checkKateneDenkiOtoku .checkResultInner .emPoint p {
      text-align: center; }
    .checkKateneDenkiOtoku .checkResultInner .emPoint + .kateneBtn {
      margin-top: 32px; }
  .checkKateneDenkiOtoku .checkResultInner .miniNotice {
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    margin-top: 8px;
    margin-bottom: 15px; }

.checkKateneDenkiOtoku04 .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
  padding: 18px 0 18px;
  line-height: 1.478260869565217; }

/*============================
IE10+ hack
============================*/
@media all and (-ms-high-contrast: none) {
  .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .borderText,
  #dWrapper .eArticleWrapper .checkSetWrapper .checkResultSupport > h4 .borderText {
    line-height: 0;
    padding: 26px 10px 12px 10px; } }
@media only screen and (max-width: 834px) {
  .eMessageWrapper p {
    font-size: 17px;
    font-size: 1.7rem;
    text-align: center;
    font-weight: bold;
    margin: 26px auto 24px; }

  /*============================
  #denkiPriceMenu
  ============================*/
  #denkiPriceMenu {
    background: url("/image/2017/template/bg_sim_rp.png") 0 0 repeat;
    background-size: 136px 136px; }
    #denkiPriceMenu > h3 {
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.4;
      color: #362d08;
      padding: 26px 0 0;
      margin: 0 0 5px;
      text-align: center;
      background: url("/image/2017/template/bg_sim_wave.png") 0 0 repeat-x;
      background-size: 30px auto;
      position: relative; }
      #denkiPriceMenu > h3 .baloon {
        display: block;
        position: absolute;
        width: 170px;
        height: 33px;
        padding: 7px 0 0;
        margin-left: -87px;
        top: 30px;
        left: 50%;
        background: url("/image/2017/page/denki/bg_baloon_otoku(768).png") 0 0 no-repeat;
        background-size: contain;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1;
        color: #ffffff;
        font-weight: bold;
        text-align: center; }
    #denkiPriceMenu .checkNavi {
      margin: 0 auto 8px;
      padding: 0;
      position: relative;
      overflow: hidden; }
      #denkiPriceMenu .checkNavi ul {
        float: left;
        left: 50%;
        position: relative; }
        #denkiPriceMenu .checkNavi ul li {
          float: left;
          left: -50%;
          position: relative; }
          #denkiPriceMenu .checkNavi ul li a {
            color: #362d08;
            text-decoration: underline;
            font-size: 12px;
            font-size: 1.2rem; }
    #denkiPriceMenu .checkMenuBtn {
      background: url("/image/2017/template/bg_sim_select_rp.png") 0 0 repeat;
      padding: 20px 10px 24px; }
      #denkiPriceMenu .checkMenuBtn ul {
        margin: 0; }
        #denkiPriceMenu .checkMenuBtn ul + ul {
          margin-top: 14px; }
      #denkiPriceMenu .checkMenuBtn li {
        float: none;
        width: 100%;
        padding-left: 0;
        display: table; }
        #denkiPriceMenu .checkMenuBtn li:first-child {
          float: none;
          width: 100%;
          padding-left: 0;
          padding-right: 0;
          margin-bottom: 14px; }
        #denkiPriceMenu .checkMenuBtn li.pointPlan a, #denkiPriceMenu .checkMenuBtn li.toku2Plan a {
          padding: 0; }
          #denkiPriceMenu .checkMenuBtn li.pointPlan a .descText, #denkiPriceMenu .checkMenuBtn li.toku2Plan a .descText {
            margin: 15px 0 0; }
      #denkiPriceMenu .checkMenuBtn a {
        display: table-cell;
        width: 100%;
        height: 70px;
        vertical-align: middle;
        text-align: center;
        color: #362d08;
        font-weight: bold;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5;
        text-decoration: none;
        padding: 0;
        background: #fff;
        box-shadow: 0px 4px 0px 0px #e6e6e6;
        border-radius: 8px;
        position: relative; }
        #denkiPriceMenu .checkMenuBtn a .priceText {
          color: #e63800; }
        #denkiPriceMenu .checkMenuBtn a .smallText {
          font-size: 12px;
          font-size: 1.2rem; }
        #denkiPriceMenu .checkMenuBtn a .descText {
          font-size: 12px;
          font-size: 1.2rem;
          display: block;
          margin: 4px 0 0; }
        #denkiPriceMenu .checkMenuBtn a .bigText {
          line-height: 1.5; }

  #dWrapper #dMFWrapper .otokuReason {
    margin-top: 8px; }
    #dWrapper #dMFWrapper .otokuReason.otokuReasonCol3 .otokuTextWhite {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.27;
      padding: 15px 0; }
    #dWrapper #dMFWrapper .otokuReason + .otokuReason {
      margin-top: 20px; }
    #dWrapper #dMFWrapper .otokuReason .otokuReasonItem {
      margin-top: 20px; }
    #dWrapper #dMFWrapper .otokuReason .otokuTextWhite {
      background-color: #fff;
      text-align: center;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.27;
      font-weight: bold;
      padding: 15px 0;
      margin: 0;
      width: 100%;
      display: block; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite > p {
        display: block;
        width: 100%;
        text-align: center;
        vertical-align: middle; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .smallText {
        font-size: 13px;
        font-size: 1.3rem; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .bigText {
        font-size: 14px;
        font-size: 1.4rem; }
      #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 22px;
        font-size: 2.2rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
        #dWrapper #dMFWrapper .otokuReason .otokuTextWhite .priceText .point {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: bold;
          font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
  #dWrapper #dMFWrapper .checkKateneDenkiOtoku04 .otokuReason01 .otokuTextWhite,
  #dWrapper #dMFWrapper .checkKateneDenkiOtoku04 .otokuReason02 .otokuTextWhite {
    line-height: 1.4; }
  #dWrapper #dMFWrapper .eArticleWrapper .checkResultWrapper + .checkSetWrapper {
    padding: 65px 0 10px;
    position: relative; }
    #dWrapper #dMFWrapper .eArticleWrapper .checkResultWrapper + .checkSetWrapper:before {
      content: " ";
      display: block;
      position: absolute;
      width: 100%;
      height: 65px;
      left: 0;
      top: 0;
      margin: 0;
      background: url("/image/2016/common/bg_contents.png") 0 0 repeat; }
    #dWrapper #dMFWrapper .eArticleWrapper .checkResultWrapper + .checkSetWrapper:after {
      content: " ";
      display: block;
      position: absolute;
      width: 35px;
      height: 35px;
      left: 50%;
      top: 15px;
      margin: 0 0 0 -18px;
      background: url("/image/2017/page/denki/ico_plus(768).png") 50% 50% no-repeat;
      background-size: contain; }

  /*============================
  .checkKateneDenkiOtoku
  ============================*/
  .checkKateneDenkiOtoku {
    padding: 0; }
    .checkKateneDenkiOtoku .checkResultWrapper {
      padding: 10px; }
    .checkKateneDenkiOtoku .checkResultInner {
      background-color: #fff;
      padding: 30px 10px; }
      .checkKateneDenkiOtoku .checkResultInner + .checkResultInner {
        margin-top: 10px; }
      .checkKateneDenkiOtoku .checkResultInner > h4 {
        width: 100%;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.5;
        text-align: center;
        position: relative;
        margin: 0 0 15px;
        padding: 0;
        background: none;
        text-align: center; }
        .checkKateneDenkiOtoku .checkResultInner > h4 > span {
          display: inline-block;
          position: relative; }
          .checkKateneDenkiOtoku .checkResultInner > h4 > span:before {
            content: " ";
            display: block;
            position: absolute;
            top: 50%;
            left: -25px;
            width: 18px;
            height: 30px;
            margin-top: -15px;
            background: url("/image/2017/page/denki/bg_slash_left.png") 0 0 no-repeat;
            background-size: contain; }
          .checkKateneDenkiOtoku .checkResultInner > h4 > span:after {
            content: " ";
            display: block;
            position: absolute;
            top: 50%;
            right: -25px;
            width: 18px;
            height: 30px;
            margin-top: -15px;
            background: url("/image/2017/page/denki/bg_slash_right.png") 0 0 no-repeat;
            background-size: contain; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuHead {
        font-size: 0;
        width: 100%;
        height: 3px;
        background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 0 repeat-x;
        background-size: 321px auto; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft {
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 0 0 repeat-y;
        background-size: auto 324px; }
        .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
          padding: 15px 0 7px;
          background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
          background-size: auto 324px;
          text-align: center;
          font-weight: bold;
          font-size: 17px;
          font-size: 1.7rem; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .borderText {
            display: inline-block;
            background-color: #ffa820;
            font-size: 19px;
            font-size: 1.9rem;
            padding: 2px 5px 1px;
            color: #fff;
            margin: 0 0 5px; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .smallText {
            font-size: 13px;
            font-size: 1.3rem; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .smallerText {
            font-size: 15px;
            font-size: 1.5rem; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .lineBreak {
            display: inline-block;
            margin-top: 10px; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .lineBreakBig {
            display: inline-block;
            margin-top: 6px; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .bigText {
            font-size: 23px;
            font-size: 2.3rem; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText {
            display: inline-block;
            margin: 0 3px;
            color: #e63800;
            font-size: 30px;
            font-size: 3.0rem;
            font-family: "Montserrat",sans-serif;
            font-weight: 700; }
            .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText .yen {
              font-size: 17px;
              font-size: 1.7rem; }
          .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight sup {
            font-size: 9px;
            font-size: 0.9rem;
            top: -0.5em; }
      .checkKateneDenkiOtoku .checkResultInner .resultOtokuPrice .resultOtokuFoot {
        font-size: 0;
        width: 100%;
        height: 22px;
        background: url("/image/2017/page/denki/bg_baloon_bottom(768).png") 50% 0 no-repeat;
        background-size: 768px auto;
        position: relative; }
      .checkKateneDenkiOtoku .checkResultInner .emPoint {
        margin-top: 15px;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
        font-weight: bold; }
        .checkKateneDenkiOtoku .checkResultInner .emPoint p {
          text-align: center; }
        .checkKateneDenkiOtoku .checkResultInner .emPoint + .kateneBtn {
          margin-top: 19px; }
      .checkKateneDenkiOtoku .checkResultInner .miniNotice {
        text-align: center;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 7px;
        margin-bottom: 8px; }
        .checkKateneDenkiOtoku .checkResultInner .miniNotice + .otokuBtn {
          margin-top: 10px; }
      .checkKateneDenkiOtoku .checkResultInner .kateneBtn {
        margin-top: 25px; }
      .checkKateneDenkiOtoku .checkResultInner .otokuBtn {
        margin-top: 15px; }
        .checkKateneDenkiOtoku .checkResultInner .otokuBtn a {
          font-size: 14px;
          font-size: 1.4rem; }

  .checkKateneDenkiOtoku04 .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
    padding: 7px 0 7px;
    line-height: 1.478260869565217; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.denki.point #dMFWrapper .otokuReason .otokuReason01:after {
  content: " ";
  width: 100px;
  height: 90px;
  background: url("/image/2017/page/denki/point/ico_baloon.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px; }
#dWrapper.denki.point #dMFWrapper .ePointBox {
  margin: 10px auto 0;
  padding: 44px 0 0;
  max-width: 520px;
  background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat; }
  #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxHead {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 0 repeat-x; }
  #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft {
    background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
    #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
      padding: 12px 0;
      background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
      text-align: center;
      font-weight: bold;
      font-size: 22px;
      font-size: 2.2rem; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
        margin-top: -10px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 52px;
        height: 48px;
        background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
        display: inline-block;
        margin: 0 3px;
        color: #e63800;
        font-size: 38px;
        font-size: 3.8rem;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
        font-size: 30px;
        font-size: 3.0rem;
        color: #e63800; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
        font-size: 12px;
        font-size: 1.2rem;
        top: -2.5em; }
  #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxFoot {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 100% repeat-x;
    position: relative; }
  #dWrapper.denki.point #dMFWrapper .ePointBox + .pointNotice {
    margin: 18px 0 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center; }
#dWrapper.denki.point #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
#dWrapper.denki.point #dMFWrapper .katenePoint {
  margin-top: 20px;
  padding-right: 20px; }
  #dWrapper.denki.point #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
    width: 50%; }
  #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem {
    float: left;
    width: 50%;
    margin: 20px 20px 0 0;
    padding: 25px;
    background: #fff6d0; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
      margin-right: -20px; }
	#dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem:nth-of-type(1),
#dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2){
	margin-top: 0;
}
    #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem h5 {
      text-align: center;
      margin-bottom: 14px; }
      #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem h5 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent .smallText {
      font-size: 20px;
      font-size: 2.0rem; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent .point {
      color: #e63800;
      font-size: 30px;
      font-size: 3.0rem;
      font-weight: bold; }
  #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice p {
      margin-bottom: 0; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice li {
      text-indent: -1em;
      padding-left: 1rem; }
    #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.denki.point #dMFWrapper .katenePoint .pointText {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
  #dWrapper.denki.point #dMFWrapper .katenePoint .pointImg {
    margin-top: 18px;
    padding: 15px;
    background-color: #fff; }
  #dWrapper.denki.point #dMFWrapper .katenePoint + .otokuBtn {
    margin-top: 40px; }


@media only screen and (max-width: 850px) {
	.checkResult .otokuTable.columns {
		margin-top: 5px;
		max-width: inherit;
	}
	.checkResult .otokuTable.columns.-mt40 {
		margin-top: 20px !important;
	}
	.checkResult .otokuTable.columns>.column {
		float: none !important;
		width: 100% !important;
		border-radius: 10px;
		margin-right: 0;
		margin-bottom: 27.5px;
	}
	.checkResult .otokuTable.columns>.column:after {
		right: inherit;
		top: inherit;
		bottom: -24px;
		left: 50%;
		margin-top: 0;
		margin-left: -8.75px; 
		width: 17.5px;
		height: 17.5px;
	}
	.checkResult .otokuTable.columns>.column.-more {
		padding: 10px;
		margin-bottom: 0;
	}
	.checkResult .otokuTable.columns>.column.-total{
		display: block;
		margin-left: 0;
		margin-top: 27.5px;
		padding: 10px;
		margin-bottom: 0;
	}
	.checkResult .otokuTable.columns>.column.-total:after{
		top: -18px;
		left: 50%;
		width: 17.5px;
		height: 11px;
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
		margin-left: -8.75px;
		margin-top: 0;
	}
	
	.checkResult .otokuTable.columns>.column>.upper {
		padding: 5px 12px 6px;
	}
	.checkResult .otokuTable.columns>.column.-electricity>.upper:after {
		margin-left: -34px;
		top: 5px;
		width: 13.5px;
		height: 21.5px;
	}
	.checkResult .otokuTable.columns>.column.-gas>.upper:after {
		margin-left: -35.5px;
		top: 5px;
		width: 15px;
		height: 21.5px;
	}

	.checkResult .otokuTable.columns>.column>.upper>.title {
		font-size: 15px;
	}

	.checkResult .otokuTable.columns>.column>.lower {
		padding: 10px;
	}
	.checkResult .otokuTable.columns>.column .message {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.checkResult .otokuTable.columns>.column.-total>.message {
		display: block;
		margin-bottom: 0;
	}
	.checkResult .otokuTable.columns>.column .message>span {
		font-size: 15px;
	}
	.checkResult .otokuTable.columns>.column .message>span>.price {
		font-size: 23px;
	}
	.checkResult .otokuTable.columns>.column .message>span>.price.-large {
		font-size: 27px;
	}
	.checkResult .otokuTable.columns>.column.-electricity>.lower>.icon-box {
		display: block;
		height: auto;
	}
	.checkResult .otokuTable.columns>.column.-electricity>.lower>.icon-box>p {
		display: block;
	}
	.checkResult .otokuTable.columns>.column>.lower>.icon-box>p>span {
		min-height: 17.5px;
		font-size: 13px;
		padding: 3px 10px;
	}
	.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set>span {
		padding-top: 2px;
	}
	.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set:before {
		min-height: 17.5px;
	}
	.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set:after {
		min-height: 17.5px;
	}
	.checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set>.separator {
		margin-left: -10px;
		border-width: 17.5px 10px 0 0;
	}

	.checkResult .otokuTable.columns>.column.-more>.more-text{
		margin-bottom: 5px;
	}
	.checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi {
		display: inline-block;
		border-radius: 12px;
		height: 24px;
		line-height: 24px;
		font-size: 12px;
		width: auto;
		margin: 0 10px 0 0;
		padding: 0 12px;
	}
	.checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:before,
	.checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:after{
		left: inherit;
		bottom: inherit;
		top: 50%;
		margin-top: -3px;
		border: none;
		border-top: 3px solid transparent;
		border-bottom: 3px solid transparent;
		right: -4px;
		border-left: 5px solid #e63800;
	}
	.checkResult .otokuTable.columns>.column.-more>.more-text>.point {
		display: inline-block;
		font-size: 15px;
		font-weight: 700;
		text-align: left;
		margin-top: 0;
		margin-bottom: 0;
	}
	.checkResult .otokuTable.columns>.column.-more>.message {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 834px) {
  #dWrapper.denki.point {
    padding-bottom: 0; }
    #dWrapper.denki.point #dMFWrapper .otokuReason .otokuReason01:after {
      content: " ";
      width: 50px;
      height: 45px;
      background: url("/image/2017/page/denki/point/ico_baloon.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -13px;
      top: -15px; }
    #dWrapper.denki.point #dMFWrapper .ePointBox {
      margin: 5px auto 0;
      padding: 22px 0 0;
      max-width: none;
      background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat;
      background-size: 48px auto; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxHead {
        font-size: 0;
        width: 100%;
        height: 3px;
        background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
        background-size: 321px auto; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft {
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 10 0 repeat-y;
        background-size: 2px auto; }
        #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
          padding: 8px 0;
          background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
          background-size: 2px auto;
          text-align: center;
          font-weight: bold;
          font-size: 15px;
          font-size: 1.5rem; }
          #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
            margin-top: -6px;
            margin-right: 5px;
            vertical-align: middle;
            display: inline-block;
            content: " ";
            width: 26px;
            height: 24px;
            background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
            background-size: contain; }
          #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
            color: #e63800;
            font-size: 23px;
            font-size: 2.3rem;
            font-family: "Montserrat",sans-serif;
            font-weight: 700; }
          #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
            font-size: 19px;
            font-size: 1.9rem;
            color: #e63800; }
          #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
            font-size: 12px;
            font-size: 1.2rem;
            top: -2.5em; }
      #dWrapper.denki.point #dMFWrapper .ePointBox .pointBoxFoot {
        font-size: 0;
        width: 100%;
        height: 3px;
        background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
        background-size: 321px auto;
        position: relative; }
      #dWrapper.denki.point #dMFWrapper .ePointBox + .pointNotice {
        margin: 10px 0 0;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.5;
        text-align: center; }
    #dWrapper.denki.point #dMFWrapper .trialNotice {
      margin-top: 15px;
      font-size: 11px;
      font-size: 1.1rem;
      text-indent: -1em;
      padding-left: 1rem; }
    #dWrapper.denki.point #dMFWrapper .h4Line + .katenePoint {
      margin-top: 0; }
    #dWrapper.denki.point #dMFWrapper .katenePoint {
      margin-top: 16px;
      padding-right: 0; }
      #dWrapper.denki.point #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
        width: 100%;
        margin-top: 10px; }
        #dWrapper.denki.point #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem:first-child {
          margin-top: 0; }
      #dWrapper.denki.point #dMFWrapper .katenePoint.katenePointImg .katenePointItem {
        padding: 15px 10px 10px; }
      #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem {
        float: left;
        width: 100%;
        margin: 10px 0 0;
        padding: 15px;
        background: #fff6d0; }
		#dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2) {
			margin-top: 10px;
	}
        #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
          margin-right: 0; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem h5 {
          text-align: center;
          margin-bottom: 12px; }
          #dWrapper.denki.point #dMFWrapper .katenePoint .katenePointItem h5 span {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.64;
            padding: 0 4px 8px;
            display: inline-block;
            background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
            background-size: auto 3px; }
      #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent {
        text-align: center;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.2;
        font-weight: bold;
        padding: 0; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent .smallText {
          font-size: 15px;
          font-size: 1.5rem; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent .priceText {
          display: inline-block;
          margin: 0 3px;
          font-size: 23px;
          font-size: 2.3rem;
          color: #e63800;
          font-family: "Montserrat",sans-serif;
          font-weight: 700; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .pointPresent .point {
          color: #e63800;
          font-size: 20px;
          font-size: 2.0rem;
          font-weight: bold; }
      #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice {
        margin-top: 8px;
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.5; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice p {
          margin-bottom: 0; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice li {
          text-indent: -1em;
          padding-left: 1rem; }
        #dWrapper.denki.point #dMFWrapper .katenePoint .pointNotice .smallText {
          font-size: 12px;
          font-size: 1.2rem; }
      #dWrapper.denki.point #dMFWrapper .katenePoint .pointText {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.66; }
      #dWrapper.denki.point #dMFWrapper .katenePoint .pointImg {
        margin-top: 15px;
        padding: 10px;
        background-color: #fff; }
      #dWrapper.denki.point #dMFWrapper .katenePoint + .otokuBtn {
        margin-top: 20px; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.denki.otoku #dMFWrapper .otokuReason .otokuReason01:after {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/ico_reason01.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px; }
#dWrapper.denki.otoku #dMFWrapper .otokuReason .otokuReason02:after {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/ico_reason02.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px; }
#dWrapper.denki.otoku #dMFWrapper .otokuReason .otokuTextWhite {
  background-color: #fff;
  text-align: center;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 25px 0; }
#dWrapper.denki.otoku #dMFWrapper .otokuReason {
  margin-top: 25px; }
#dWrapper.denki.otoku #dMFWrapper .ePointBox {
  margin: 10px auto 0;
  padding: 44px 0 0;
  max-width: 520px;
  background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat; }
  #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxHead {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 0 repeat-x; }
  #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft {
    background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
    #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
      padding: 12px 0;
      background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
      text-align: center;
      font-weight: bold;
      font-size: 22px;
      font-size: 2.2rem; }
      #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
        margin-top: -10px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 52px;
        height: 48px;
        background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
        display: inline-block;
        margin: 0 3px;
        color: #e63800;
        font-size: 38px;
        font-size: 3.8rem;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
        font-size: 30px;
        font-size: 3.0rem;
        color: #e63800; }
      #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
        font-size: 12px;
        font-size: 1.2rem;
        top: -2.5em; }
      #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight.yenBoxRight:before {
        margin-top: -10px;
        margin-right: 0;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 78px;
        height: 52px;
        background: url("/image/2017/page/denki/ico_yen.png") 0 0 no-repeat;
        background-size: contain; }
  #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxFoot {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 100% repeat-x;
    position: relative; }
  #dWrapper.denki.otoku #dMFWrapper .ePointBox + .pointNotice {
    margin-top: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center; }
#dWrapper.denki.otoku #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
#dWrapper.denki.otoku #dMFWrapper .katenePoint {
  margin-top: 20px;
  padding-right: 20px; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
    width: 50%; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem {
    float: left;
    width: 50%;
    margin: 20px 20px 0 0;
    padding: 25px;
    background: #fff6d0; }
	 #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(1),
#dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2){
	margin-top: 0;
}
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
      margin-right: -20px; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem h5 {
      text-align: center;
      margin-bottom: 14px; }
      #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem h5 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent .smallText {
      font-size: 20px;
      font-size: 2.0rem; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent .point {
      color: #e63800;
      font-size: 30px;
      font-size: 3.0rem;
      font-weight: bold; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointNotice {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointNotice p {
      margin-bottom: 0; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointNotice li {
      text-indent: -1em;
      padding-left: 1rem; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointNotice .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointText {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointImg {
    padding: 15px;
    margin-top: 18px;
    background-color: #fff; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint + .otokuBtn {
    margin-top: 40px; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint + .otokuBtn + .pointNotice {
      margin-top: 18px; }

@media only screen and (max-width: 834px) {
  .otokuReasonWrapper {
    padding: 0 15px 30px; }

  #dWrapper.denki.otoku #dMFWrapper .otokuReason .otokuTextWhite {
    background-color: #fff;
    text-align: center;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    font-weight: bold;
    padding: 15px 0; }
  #dWrapper.denki.otoku #dMFWrapper .otokuReason .otokuReason01:after {
    content: " ";
    width: 50px;
    height: 44px;
    background: url("/image/2017/page/denki/ico_reason01.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    left: -13px;
    top: -15px; }
  #dWrapper.denki.otoku #dMFWrapper .otokuReason .otokuReason02:after {
    content: " ";
    width: 50px;
    height: 44px;
    background: url("/image/2017/page/denki/ico_reason02.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    left: -13px;
    top: -15px; }
  #dWrapper.denki.otoku #dMFWrapper .ePointBox {
    margin: 5px auto 0;
    padding: 22px 0 0;
    max-width: none;
    background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat;
    background-size: 48px auto; }
    #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxHead {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto; }
    #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft {
      background: url("/image/2017/page/denki/bg_baloon_h(768).png") 10 0 repeat-y;
      background-size: 2px auto; }
      #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
        padding: 8px 0;
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
        background-size: 2px auto;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        font-size: 1.5rem; }
        #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
          margin-top: -6px;
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block;
          content: " ";
          width: 26px;
          height: 24px;
          background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
          display: inline-block;
          margin: 0 3px;
          color: #e63800;
          font-size: 23px;
          font-size: 2.3rem;
          font-family: "Montserrat",sans-serif;
          font-weight: 700; }
        #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
          font-size: 19px;
          font-size: 1.9rem;
          color: #e63800; }
        #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
          font-size: 12px;
          font-size: 1.2rem;
          top: -2.5em; }
        #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight.yenBoxRight:before {
          margin-top: -6px;
          margin-right: 0;
          vertical-align: middle;
          display: inline-block;
          content: " ";
          width: 39px;
          height: 26px;
          background: url("/image/2017/page/denki/ico_yen.png") 0 0 no-repeat;
          background-size: contain; }
    #dWrapper.denki.otoku #dMFWrapper .ePointBox .pointBoxFoot {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto;
      position: relative; }
    #dWrapper.denki.otoku #dMFWrapper .ePointBox + .pointNotice {
      margin-top: 10px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5;
      text-align: center; }
  #dWrapper.denki.otoku #dMFWrapper .trialNotice {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1rem; }
  #dWrapper.denki.otoku #dMFWrapper .h4Line + .katenePoint {
    margin-top: 0; }
  #dWrapper.denki.otoku #dMFWrapper .katenePoint {
    margin-top: 16px;
    padding-right: 0; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
      width: 100%;
      margin-top: 10px; }
      #dWrapper.denki.otoku #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem:first-child {
        margin-top: 0; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint.katenePointImg .katenePointItem {
      padding: 15px 10px 10px; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem {
      float: left;
      width: 100%;
      margin: 10px 0 0;
      padding: 15px;
      background: #fff6d0; }
			#dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2) {
				margin-top: 10px;
	}
      #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
        margin-right: 0; }
      #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem h5 {
        text-align: center;
        margin-bottom: 12px; }
        #dWrapper.denki.otoku #dMFWrapper .katenePoint .katenePointItem h5 span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.64;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
          background-size: auto 3px; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent {
      text-align: center;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2;
      font-weight: bold;
      padding: 0; }
      #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent .smallText {
        font-size: 15px;
        font-size: 1.5rem; }
      #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 23px;
        font-size: 2.3rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointPresent .point {
        color: #e63800;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointText {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.66; }
    #dWrapper.denki.otoku #dMFWrapper .katenePoint .pointImg {
      margin-top: 15px;
      padding: 10px;
      background-color: #fff; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReason01:after {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/ico_reason01.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px; }
#dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReason02:after {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/ico_reason02.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px; }
#dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReason03:after {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/ico_reason03.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px; }
#dWrapper.denki.tokutoku #dMFWrapper .otokuReason {
  margin-top: 25px; }
#dWrapper.denki.tokutoku #dMFWrapper .ePointBox {
  margin: 10px auto 0;
  padding: 44px 0 0;
  max-width: 520px;
  background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat; }
  #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxHead {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 0 repeat-x; }
  #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft {
    background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
    #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
      padding: 12px 0;
      background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
      text-align: center;
      font-weight: bold;
      font-size: 22px;
      font-size: 2.2rem; }
      #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
        margin-top: -10px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 52px;
        height: 48px;
        background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
        display: inline-block;
        margin: 0 3px;
        color: #e63800;
        font-size: 38px;
        font-size: 3.8rem;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
        font-size: 30px;
        font-size: 3.0rem;
        color: #e63800; }
      #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
        font-size: 12px;
        font-size: 1.2rem;
        top: -2.5em; }
      #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight.yenBoxRight:before {
        margin-top: -10px;
        margin-right: 0;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 78px;
        height: 52px;
        background: url("/image/2017/page/denki/ico_yen.png") 0 0 no-repeat;
        background-size: contain; }
  #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxFoot {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 100% repeat-x;
    position: relative; }
  #dWrapper.denki.tokutoku #dMFWrapper .ePointBox + .pointNotice {
    margin-top: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center; }
#dWrapper.denki.tokutoku #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
  #dWrapper.denki.tokutoku #dMFWrapper .trialNotice + .textBtn {
    margin-top: 30px; }
#dWrapper.denki.tokutoku #dMFWrapper .katenePoint {
  margin-top: 20px;
  padding-right: 20px; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
    width: 50%; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem {
    float: left;
    width: 50%;
    margin: 20px 20px 0 0;
    padding: 25px;
    background: #fff6d0; }
	#dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(1),
	#dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2){
		margin-top: 0;
}
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
      margin-right: -20px; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem h5 {
      text-align: center;
      margin-bottom: 14px; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem h5 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent .smallText {
      font-size: 20px;
      font-size: 2.0rem; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent .point {
      color: #e63800;
      font-size: 30px;
      font-size: 3.0rem;
      font-weight: bold; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice p {
      margin-bottom: 0; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice li {
      text-indent: -1em;
      padding-left: 1rem; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointText {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointImg {
    margin-top: 18px;
    padding: 15px;
    background-color: #fff; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint + .otokuBtn {
    margin-top: 40px; }

.section.toku2CaseWrapper {
  background-color: #fff6d0;
  padding: 25px; }
  .section.toku2CaseWrapper .toku2CaseItem {
    display: table;
    width: 100%;
    margin-top: 10px;
    background-color: #ffffff; }
    .section.toku2CaseWrapper .toku2CaseItem:first-child {
      margin-top: 0; }
    .section.toku2CaseWrapper .toku2CaseItem .toku2CaseTtl {
      display: table-cell;
      width: 90px;
      text-align: center;
      vertical-align: middle;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      background-color: #fedd74; }
    .section.toku2CaseWrapper .toku2CaseItem .toku2CaseExp {
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0 15px; }
    .section.toku2CaseWrapper .toku2CaseItem .toku2CaseImg {
      width: 66%;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }

@media only screen and (max-width: 834px) {
  #dWrapper.denki.tokutoku #dMFWrapper .otokuReason {
    margin-top: 8px; }
    #dWrapper.denki.tokutoku #dMFWrapper .otokuReason.otokuReasonCol3 .otokuTextWhite {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.2;
      padding: 15px 0; }
    #dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReasonItem {
      margin-top: 20px; }
    #dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuNotice {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.64;
      margin-top: 10px; }
    #dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReason01:after {
      content: " ";
      width: 50px;
      height: 44px;
      background: url("/image/2017/page/denki/ico_reason01.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -13px;
      top: -15px; }
    #dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReason02:after {
      content: " ";
      width: 50px;
      height: 44px;
      background: url("/image/2017/page/denki/ico_reason02.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -13px;
      top: -15px; }
    #dWrapper.denki.tokutoku #dMFWrapper .otokuReason .otokuReason03:after {
      content: " ";
      width: 50px;
      height: 44px;
      background: url("/image/2017/page/denki/ico_reason03.png") 0 0 no-repeat;
      background-size: contain;
      position: absolute;
      left: -13px;
      top: -15px; }
  #dWrapper.denki.tokutoku #dMFWrapper .ePointBox {
    margin: 5px auto 0;
    padding: 22px 0 0;
    max-width: none;
    background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat;
    background-size: 48px auto; }
    #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxHead {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto; }
    #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft {
      background: url("/image/2017/page/denki/bg_baloon_h(768).png") 10 0 repeat-y;
      background-size: 2px auto; }
      #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
        padding: 8px 0;
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
        background-size: 2px auto;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        font-size: 1.5rem; }
        #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
          margin-top: -6px;
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block;
          content: " ";
          width: 26px;
          height: 24px;
          background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
          display: inline-block;
          margin: 0 3px;
          color: #e63800;
          font-size: 23px;
          font-size: 2.3rem;
          font-family: "Montserrat",sans-serif;
          font-weight: 700; }
        #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
          font-size: 19px;
          font-size: 1.9rem;
          color: #e63800; }
        #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
          font-size: 12px;
          font-size: 1.2rem;
          top: -2.5em; }
        #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight.yenBoxRight:before {
          margin-top: -6px;
          margin-right: 0;
          vertical-align: middle;
          display: inline-block;
          content: " ";
          width: 39px;
          height: 26px;
          background: url("/image/2017/page/denki/ico_yen.png") 0 0 no-repeat;
          background-size: contain; }
    #dWrapper.denki.tokutoku #dMFWrapper .ePointBox .pointBoxFoot {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto;
      position: relative; }
    #dWrapper.denki.tokutoku #dMFWrapper .ePointBox + .pointNotice {
      margin-top: 10px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5;
      text-align: center; }
  #dWrapper.denki.tokutoku #dMFWrapper .trialNotice {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1rem; }
    #dWrapper.denki.tokutoku #dMFWrapper .trialNotice + .textBtn {
      margin-top: 15px; }
  #dWrapper.denki.tokutoku #dMFWrapper .h4Line + .katenePoint {
    margin-top: 0; }
  #dWrapper.denki.tokutoku #dMFWrapper .katenePoint {
    margin-top: 16px;
    padding-right: 0; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
      width: 100%;
      margin-top: 10px; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem:first-child {
        margin-top: 0; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint.katenePointImg .katenePointItem {
      padding: 15px 10px 10px; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem {
      float: left;
      width: 100%;
      margin: 10px 0 0;
      padding: 15px;
      background: #fff6d0; }
	#dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2) {
	margin-top: 10px;
	}
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
        margin-right: 0; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem h5 {
        text-align: center;
        margin-bottom: 12px; }
        #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .katenePointItem h5 span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.64;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
          background-size: auto 3px; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent {
      text-align: center;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2;
      font-weight: bold;
      padding: 0; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent .smallText {
        font-size: 15px;
        font-size: 1.5rem; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 23px;
        font-size: 2.3rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointPresent .point {
        color: #e63800;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice {
      margin-top: 8px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice p {
        margin-bottom: 0; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice li {
        text-indent: -1em;
        padding-left: 1rem; }
      #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointNotice .smallText {
        font-size: 12px;
        font-size: 1.2rem; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointText {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.66; }
    #dWrapper.denki.tokutoku #dMFWrapper .katenePoint .pointImg {
      margin-top: 15px; }

  .section.toku2CaseWrapper {
    background-color: #fff6d0;
    padding: 10px; }
    .section.toku2CaseWrapper .toku2CaseItem {
      display: block;
      width: 100%;
      margin-top: 10px;
      background-color: #ffffff; }
      .section.toku2CaseWrapper .toku2CaseItem:first-child {
        margin-top: 0; }
      .section.toku2CaseWrapper .toku2CaseItem .toku2CaseTtl {
        display: block;
        width: 100%;
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        font-size: 1.3rem;
        padding: 7px 0 8px;
        line-height: 1.5;
        font-weight: bold;
        background-color: #fedd74; }
      .section.toku2CaseWrapper .toku2CaseItem .toku2CaseExp {
        display: block;
        text-align: center;
        vertical-align: middle;
        font-size: 12px;
        font-size: 1.2rem;
        padding: 15px 0; }
      .section.toku2CaseWrapper .toku2CaseItem .toku2CaseImg {
        width: 100%;
        display: block;
        text-align: center;
        vertical-align: middle; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.denki.smartlife #dMFWrapper .nightTimeWrapper {
  padding: 34px 40px 50px; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeWrapper .eModColHelf .pointNotice {
    padding: 0 0 0 36px;
    margin-top: 16px;
    text-align: left; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeWrapper .eModColHelf .pointNotice li {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      padding-left: 1em;
      text-indent: -1em; }
#dWrapper.denki.smartlife #dMFWrapper .nightLifeWrapper {
  padding: 34px 40px 50px; }
#dWrapper.denki.smartlife #dMFWrapper .nightTimeCol {
  padding-right: 40px;
  margin-top: 25px; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem {
    width: 33.3%;
    float: left;
    margin-right: 20px; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem:last-child {
      margin-right: -40px; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeTitle {
      height: 60px; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeTitle h4 {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.5;
        padding: 5px 0;
        margin: 0;
        text-align: center;
        background: none;
        color: #fff; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeTitle h4 .bigText {
          font-size: 18px;
          font-size: 1.8rem; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent {
      border: 2px solid #ffa820;
      border-top: none;
      padding: 20px 18px; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeRange {
        border: 1px solid #547bb4;
        text-align: center;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5;
        font-weight: bold;
        color: #547bb4;
        padding: 4px 0 3px; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeImage {
        margin: 20px 0 0; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeOtoku {
        margin: 20px 0 0;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.5;
        text-align: center;
        font-weight: bold; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeOtoku .emText .numText {
          font-size: 26px;
          font-size: 2.6rem; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeText {
        text-align: center;
        margin: 10px 0 0;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.5; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice {
        background-color: #fff6d3;
        padding: 17px 0;
        margin-top: 25px;
        position: relative; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice:after {
          content: " ";
          width: 24px;
          height: 15px;
          background: url("/image/2017/page/denki/smartlife/bg_baloon_tail.png") 0 0 no-repeat;
          background-size: contain;
          position: absolute;
          left: 50%;
          top: -15px;
          margin-left: -12px; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice p {
          margin: 0;
          padding: 0;
          text-align: center;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.5;
          font-weight: bold; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice .emText {
          margin-top: 5px;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.625; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeSmart .nightTimeTitle {
    background-color: #ffa820; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeSmart .nightTimeTitle h4 {
      padding: 18px 0; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeSmart .nightTimeContent {
    border: 2px solid #ffa820;
    border-top: none; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeAsa .nightTimeTitle {
    background-color: #ed7217; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeAsa .nightTimeContent {
    border: 2px solid #ed7217;
    border-top: none; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeYoru .nightTimeTitle {
    background-color: #ed4e17; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeYoru .nightTimeContent {
    border: 2px solid #ed4e17;
    border-top: none; }
#dWrapper.denki.smartlife #dMFWrapper .trialNotice {
  margin-top: 20px; }
#dWrapper.denki.smartlife #dMFWrapper .ePointBox {
  margin: 10px auto 0;
  padding: 44px 0 0;
  max-width: 520px;
  background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat; }
  #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxHead {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 0 repeat-x; }
  #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft {
    background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
    #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
      padding: 12px 0;
      background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
      text-align: center;
      font-weight: bold;
      font-size: 22px;
      font-size: 2.2rem; }
      #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
        margin-top: -10px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 52px;
        height: 48px;
        background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
        display: inline-block;
        margin: 0 3px;
        color: #e63800;
        font-size: 38px;
        font-size: 3.8rem;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
        font-size: 30px;
        font-size: 3.0rem;
        color: #e63800; }
      #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
        font-size: 12px;
        font-size: 1.2rem;
        top: -2.5em; }
  #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxFoot {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 100% repeat-x;
    position: relative; }
  #dWrapper.denki.smartlife #dMFWrapper .ePointBox + .pointNotice {
    margin-top: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center; }
#dWrapper.denki.smartlife #dMFWrapper .katenePoint {
  margin-top: 20px;
  padding-right: 20px; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
    width: 50%; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem {
    float: left;
    width: 50%;
    margin: 20px 20px 0 0;
    padding: 25px;
    background: #fff6d0; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
      margin-right: -20px; }
		#dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem:nth-of-type(1),
		#dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2) {
      margin-top: 0; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem h5 {
      text-align: center;
      margin-bottom: 14px; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem h5 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent .smallText {
      font-size: 20px;
      font-size: 2.0rem; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent .point {
      color: #e63800;
      font-size: 30px;
      font-size: 3.0rem;
      font-weight: bold; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice p {
      margin-bottom: 0; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice li {
      text-indent: -1em;
      padding-left: 1rem; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointText {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointImg {
    margin-top: 18px;
    padding: 15px;
    background-color: #fff; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint + .otokuBtn {
    margin-top: 40px; }

@media only screen and (max-width: 834px) {
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeWrapper {
    padding: 15px 15px 30px; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeWrapper .eModColHelf .pointNotice {
      padding: 0;
      margin-top: 16px;
      text-align: left; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeWrapper .eModColHelf .pointNotice li {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.5;
        padding-left: 1em;
        text-indent: -1em; }
  #dWrapper.denki.smartlife #dMFWrapper .nightLifeWrapper {
    padding: 15px; }
  #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol {
    padding-right: 0;
    margin-top: 15px; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem {
      width: 100%;
      float: none;
      margin-right: 0;
      margin-top: 15px; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem:first-child {
        margin-top: 0; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem:last-child {
        margin-right: 0; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeTitle {
        height: 40px; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeTitle h4 {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          padding: 9px 0 10px;
          margin: 0;
          text-align: center;
          background: none;
          color: #fff; }
          #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeTitle h4 .bigText {
            font-size: 14px;
            font-size: 1.4rem; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent {
        border: 2px solid #ffa820;
        border-top: none;
        padding: 20px 18px; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeRange {
          border: 1px solid #547bb4;
          text-align: center;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5;
          font-weight: bold;
          color: #547bb4;
          padding: 5px 0; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeImage {
          text-align: center;
          margin: 20px 0 0; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeOtoku {
          margin: 10px 0 0;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5;
          text-align: center;
          font-weight: bold; }
          #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeOtoku .emText .numText {
            font-size: 20px;
            font-size: 2.0rem; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeText {
          text-align: center;
          margin: 10px 0 0;
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.5; }
        #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice {
          background-color: #fff6d3;
          padding: 17px 0;
          margin-top: 25px;
          position: relative; }
          #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice:after {
            content: " ";
            width: 21px;
            height: 13px;
            background: url("/image/2017/page/denki/smartlife/bg_baloon_tail(768).png") 0 0 no-repeat;
            background-size: contain;
            position: absolute;
            left: 50%;
            top: -13px;
            margin-left: -11px; }
          #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice p {
            margin: 0;
            padding: 0;
            text-align: center;
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.5;
            font-weight: bold; }
          #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem .nightTimeContent .nightTimeAdvice .emText {
            margin-top: 5px;
            font-size: 15px;
            font-size: 1.5rem;
            line-height: 1.53; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeSmart .nightTimeTitle {
      background-color: #ffa820; }
      #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeSmart .nightTimeTitle h4 {
        padding: 9px 0 10px; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeSmart .nightTimeContent {
      border: 2px solid #ffa820;
      border-top: none; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeAsa .nightTimeTitle {
      background-color: #ed7217; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeAsa .nightTimeContent {
      border: 2px solid #ed7217;
      border-top: none; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeYoru .nightTimeTitle {
      background-color: #ed4e17; }
    #dWrapper.denki.smartlife #dMFWrapper .nightTimeCol .nightTimeItem.nightTimeYoru .nightTimeContent {
      border: 2px solid #ed4e17;
      border-top: none; }
  #dWrapper.denki.smartlife #dMFWrapper .trialNotice {
    font-size: 11px;
    font-size: 1.1rem;
    margin-top: 15px;
    text-indent: -1em;
    padding-left: 1em; }
  #dWrapper.denki.smartlife #dMFWrapper .ePointBox {
    margin: 5px auto 0;
    padding: 22px 0 0;
    max-width: none;
    background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat;
    background-size: 48px auto; }
    #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxHead {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto; }
    #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft {
      background: url("/image/2017/page/denki/bg_baloon_h(768).png") 10 0 repeat-y;
      background-size: 2px auto; }
      #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
        padding: 8px 0;
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
        background-size: 2px auto;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        font-size: 1.5rem; }
        #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
          margin-top: -6px;
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block;
          content: " ";
          width: 26px;
          height: 24px;
          background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
          display: inline-block;
          margin: 0 3px;
          color: #e63800;
          font-size: 23px;
          font-size: 2.3rem;
          font-family: "Montserrat",sans-serif;
          font-weight: 700; }
        #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
          font-size: 19px;
          font-size: 1.9rem;
          color: #e63800; }
        #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
          font-size: 12px;
          font-size: 1.2rem;
          top: -2.5em; }
    #dWrapper.denki.smartlife #dMFWrapper .ePointBox .pointBoxFoot {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto;
      position: relative; }
    #dWrapper.denki.smartlife #dMFWrapper .ePointBox + .pointNotice {
      margin-top: 10px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5;
      text-align: center; }
  #dWrapper.denki.smartlife #dMFWrapper .h4Line + .katenePoint {
    margin-top: 0; }
  #dWrapper.denki.smartlife #dMFWrapper .katenePoint {
    margin-top: 16px;
    padding-right: 0; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
      width: 100%;
      margin-top: 10px; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem:first-child {
        margin-top: 0; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint.katenePointImg .katenePointItem {
      padding: 15px 10px 10px; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem {
      float: left;
      width: 100%;
      margin: 10px 0 0;
      padding: 15px;
      background: #fff6d0; }
	#dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2) {
		margin-top: 10px;
	}
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
        margin-right: 0; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem h5 {
        text-align: center;
        margin-bottom: 12px; }
        #dWrapper.denki.smartlife #dMFWrapper .katenePoint .katenePointItem h5 span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.64;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
          background-size: auto 3px; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent {
      text-align: center;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2;
      font-weight: bold;
      padding: 0; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent .smallText {
        font-size: 15px;
        font-size: 1.5rem; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 23px;
        font-size: 2.3rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointPresent .point {
        color: #e63800;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice {
      margin-top: 8px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice p {
        margin-bottom: 0; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice li {
        text-indent: -1em;
        padding-left: 1rem; }
      #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointNotice .smallText {
        font-size: 12px;
        font-size: 1.2rem; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointText {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.66; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint .pointImg {
      margin-top: 15px; }
    #dWrapper.denki.smartlife #dMFWrapper .katenePoint + .otokuBtn {
      margin-top: 20px; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper {
  padding: 46px 0 40px;
  margin: 0 0 60px; }
  #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    font-weight: normal;
    margin: 28px 0 0;
    padding: 0; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText p .emText {
      font-weight: bold; }
  #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText .monthPrice {
    font-size: 20px;
    font-size: 2.0rem; }
  #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan {
    margin: 36px auto 0;
    max-width: 920px; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlanItem {
      padding: 25px;
      background: #fff6d0; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlanItem h5 {
        text-align: center;
        margin-bottom: 14px; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlanItem h5 span {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.44;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText {
      text-align: center; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul {
        margin: 0 0 6px;
        padding: 0; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul li {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.6;
          color: #e63800;
          font-weight: bold;
          padding: 0;
          margin: 0;
          list-style-type: none;
          display: inline-block;
          margin-right: 20px; }
          #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul li:last-child {
            margin-right: 0; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText p {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
        font-weight: normal; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText p .emText {
          font-weight: bold; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 {
      margin-top: 50px;
      position: relative;
      text-align: center; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02:before {
        display: block;
        content: " ";
        width: 34px;
        height: 34px;
        background: url("/image/2017/template/bg_otoku_plus.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: 50%;
        top: -42px;
        margin-left: -17px; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .priceText {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.5;
        font-weight: bold;
        text-align: center; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .priceText .pointText {
          display: inline-block;
          margin: 0 3px;
          font-size: 20px;
          font-size: 2.0rem;
          color: #e63800;
          line-height: 1; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .priceText .taxText {
          font-size: 16px;
          font-size: 1.6rem; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .normalText {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.5;
        text-align: center;
        font-weight: bold; }
#dWrapper.denki.support_set #dMFWrapper .h3Merit.merit01:before {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/support_set/ico_num01.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -22px;
  top: -26px; }
#dWrapper.denki.support_set #dMFWrapper .h3Merit.merit02:before {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/support_set/ico_num02.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -22px;
  top: -26px; }
#dWrapper.denki.support_set #dMFWrapper .h3Merit.merit03:before {
  content: " ";
  width: 100px;
  height: 88px;
  background: url("/image/2017/page/denki/support_set/ico_num03.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -22px;
  top: -26px; }
#dWrapper.denki.support_set #dMFWrapper .otokuReason {
  padding-right: 20px;
  margin-top: 50px; }
  #dWrapper.denki.support_set #dMFWrapper .otokuReason + .otokuReason {
    margin-top: 40px; }
  #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReasonItem {
    float: left;
    width: 50%;
    margin-right: 20px;
    padding: 25px 25px 20px;
    background: url("/image/2017/page/denki/bg_otoku_stripe.png") 0 0 repeat; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReasonItem:last-child {
      margin-right: -20px; }
  #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuTextWhite {
    background-color: #fff;
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.4;
    font-weight: bold;
    padding: 0;
    width: 100%;
    height: 130px;
    display: table; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuTextWhite > p {
      display: table-cell;
      width: 100%;
      height: 130px;
      vertical-align: middle;
      text-align: center; }
  #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice {
    margin-top: 18px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice .otokuNoticeImg {
      float: right; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice ul {
      padding-right: 140px; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice ul li {
        text-indent: -1em;
        padding-left: 1rem; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason01,
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason02,
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason03,
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason04,
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason05 {
		position: relative; }
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason01:after,
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason02:after,
	#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason03:after {
		content: " ";
		width: 118px;
		height: 104px;
		background: url("/image/2017/page/denki/support_set/ico_price01.png") 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		left: -16px;
		top: -24px; }
		#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason04:after {
		content: " ";
		width: 118px;
		height: 104px;
		background: url("/image/2017/page/denki/support_set/ico_price02.png") 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		left: -16px;
		top: -24px; }
		#dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason05:after {
		content: " ";
		width: 118px;
		height: 104px;
		background: url("/image/2017/page/denki/support_set/ico_price03.png") 0 0 no-repeat;
		background-size: contain;
		position: absolute;
		left: -16px;
		top: -24px; }
#dWrapper.denki.support_set #dMFWrapper .assistText {
  text-align: center;
  margin: 36px auto 0; }
  #dWrapper.denki.support_set #dMFWrapper .assistText p {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #ed4e17;
    font-weight: bold; }
    #dWrapper.denki.support_set #dMFWrapper .assistText p .smallText {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.6; }
#dWrapper.denki.support_set #dMFWrapper .komeNotice {
  margin: 18px auto 0; }
  #dWrapper.denki.support_set #dMFWrapper .komeNotice li {
    text-indent: -2em;
    padding-left: 2em; }
#dWrapper.denki.support_set #dMFWrapper .cleaningWrapper {
  display: table;
  width: 100%; }
  #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText {
    display: table-cell;
    vertical-align: top; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText p {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.6; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText .textBtn {
      text-align: left; }
  #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningImg {
    text-align: right;
    width: 230px;
    display: table-cell; }
#dWrapper.denki.support_set #dMFWrapper .cleaningPrice {
  margin-top: 20px;
  background-color: #fff6d0;
  padding: 25px; }
  #dWrapper.denki.support_set #dMFWrapper .cleaningPrice h5 {
    text-align: center;
    margin-bottom: 20px; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice h5 span {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.44;
      padding: 0 4px 8px;
      display: inline-block;
      background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem {
    display: table;
    width: 100%;
    margin-top: 10px;
    background-color: #ffffff; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem:first-child {
      margin-top: 0; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem .cleaningPriceTtl {
      display: table-cell;
      width: 240px;
      text-align: center;
      vertical-align: middle;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      background-color: #fedd74; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem .cleaningPriceExp {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      padding: 0 15px; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem .cleaningPriceImg {
      width: 51.725%;
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
#dWrapper.denki.support_set #dMFWrapper .etcSupport {
  background-color: #fff6d0;
  padding: 25px; }
  #dWrapper.denki.support_set #dMFWrapper .etcSupport h5 {
    text-align: center;
    margin-bottom: 15px; }
    #dWrapper.denki.support_set #dMFWrapper .etcSupport h5 span {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.44;
      padding: 0 4px 8px;
      display: inline-block;
      background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.support_set #dMFWrapper .etcSupport .section {
    margin-top: 20px; }
#dWrapper.denki.support_set #dMFWrapper .trialNotice {
  margin-top: 20px; }
#dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap {
  background-color: #fff6d0;
  padding: 25px;
  display: table;
  width: 100%; }
  #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf {
    float: none;
    display: table-cell;
    vertical-align: middle; }
    #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf h5 {
      text-align: left;
      margin-bottom: 15px; }
      #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf h5 span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
    #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf .section {
      margin-top: 20px; }
  #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .movieThumbs {
    position: relative;
    width: 100%;
    padding: 57.377% 0 0 0; }
    #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .movieThumbs iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100% !important;
      height: 100% !important; }

@media only screen and (max-width: 834px) {
  #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper {
    padding: 20px 0 20px;
    margin: 10px 0 30px;
    position: relative; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText p {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6;
      text-align: center;
      font-weight: normal;
      margin: 11px 0 0;
      padding: 0; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText p .emText {
        font-weight: bold; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText .monthPrice {
      font-size: 15px;
      font-size: 1.5rem; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .eTokuLeadText .smallText {
      font-size: 11px;
      font-size: 1.1rem; }
    #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan {
      margin: 20px 15px 0;
      padding-right: 0;
      max-width: auto;
      background: none; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlanItem {
        padding: 15px;
        background: #fff6d0; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlanItem h5 {
          text-align: center;
          margin-bottom: 10px; }
          #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlanItem h5 span {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.64;
            padding: 0 4px 8px;
            display: inline-block;
            background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
            background-size: auto 3px; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 {
        position: relative; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul {
          margin: 0 auto;
          padding: 0;
          text-align: left;
          max-width: 250px; }
          #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul li {
            font-size: 13px;
            font-size: 1.3rem;
            line-height: 1.6;
            color: #e63800;
            font-weight: bold;
            padding: 0;
            margin: 0;
            list-style-type: none;
            display: inline-block;
            margin-right: 18px; }
            #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul li:nth-child(2n), #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText ul li:last-child {
              margin-right: 0; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText p {
          font-size: 11px;
          font-size: 1.1rem;
          line-height: 1.6;
          text-align: left;
          font-weight: normal;
          margin: 8px 0 0; }
          #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan01 .targetText p .emText {
            font-weight: bold; }
      #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 {
        margin: 25px auto 0;
        text-align: center;
        padding: 18px 0 14px;
        position: relative; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02:before {
          content: "";
          position: absolute;
          top: -21px;
          left: 50%;
          width: 17px;
          height: 17px;
          margin-left: -9px;
          background: url("/image/2017/template/bg_otoku_plus.png") 50% 50% no-repeat;
          background-size: contain; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .priceText {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5;
          font-weight: bold;
          margin-top: 0; }
          #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .priceText .pointText {
            display: inline-block;
            margin: 0 3px;
            font-size: 16px;
            font-size: 1.6rem;
            color: #e63800; }
          #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .priceText .taxText {
            font-size: 13px;
            font-size: 1.3rem; }
        #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan .targetPlan02 .normalText {
          font-size: 13px;
          font-size: 1.3rem;
          line-height: 1.5;
          text-align: center;
          font-weight: bold; }
  #dWrapper.denki.support_set #dMFWrapper .h3Merit.merit01:before {
    content: " ";
    width: 50px;
    height: 44px;
    background: url("/image/2017/page/denki/support_set/ico_num01.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    left: -3px;
    top: -20px; }
  #dWrapper.denki.support_set #dMFWrapper .h3Merit.merit02:before {
    content: " ";
    width: 50px;
    height: 44px;
    background: url("/image/2017/page/denki/support_set/ico_num02.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    left: -3px;
    top: -20px; }
  #dWrapper.denki.support_set #dMFWrapper .h3Merit.merit03:before {
    content: " ";
    width: 50px;
    height: 44px;
    background: url("/image/2017/page/denki/support_set/ico_num03.png") 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    left: -3px;
    top: -20px; }
  #dWrapper.denki.support_set #dMFWrapper .otokuReason {
    padding-right: 0;
    margin-top: 25px; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason + .otokuReason {
      margin-top: 20px; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReasonItem {
      float: none;
      width: 100%;
      margin-right: none;
      margin-top: 20px;
      padding: 15px;
      background: url("/image/2017/page/denki/bg_otoku_stripe.png") 0 0 repeat;
      background-size: 28px 28px; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReasonItem:first-child {
        margin-top: 0; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReasonItem:last-child {
        margin-right: 0; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuTextWhite {
      background-color: #fff;
      text-align: center;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5;
      font-weight: bold;
      padding: 0;
      width: 100%;
      height: 75px;
      display: table; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuTextWhite > p {
        display: table-cell;
        width: 100%;
        height: 75px;
        vertical-align: middle;
        text-align: center; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice {
      margin-top: 9px;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.64; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice .otokuNoticeImg {
        float: right;
        width: 34.8%;
        text-align: right; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice ul {
        padding-right: 36.8%; }
        #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice ul li {
          text-indent: -1em;
          padding-left: 1rem; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuNotice .smallText {
        font-size: 11px;
        font-size: 1.1rem; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason01,
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason02,
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason03 {
      position: relative; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason01:after,
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason02:after,
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason03:after {
        content: " ";
        width: 64px;
        height: 57px;
        background: url("/image/2017/page/denki/support_set/ico_price01.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -10px;
        top: -15px; }
    #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason04 {
      position: relative; }
      #dWrapper.denki.support_set #dMFWrapper .otokuReason .otokuReason04:after {
        content: " ";
        width: 64px;
        height: 57px;
        background: url("/image/2017/page/denki/support_set/ico_price02.png") 0 0 no-repeat;
        background-size: contain;
        position: absolute;
        left: -10px;
        top: -15px; }
  #dWrapper.denki.support_set #dMFWrapper .assistText {
    text-align: center;
    margin: 18px auto 0; }
    #dWrapper.denki.support_set #dMFWrapper .assistText p {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6;
      color: #ed4e17;
      font-weight: bold; }
      #dWrapper.denki.support_set #dMFWrapper .assistText p .smallText {
        font-size: 11px;
        font-size: 1.1rem;
        line-height: 1.6; }
  #dWrapper.denki.support_set #dMFWrapper .komeNotice {
		text-align: left;
    margin: 15px auto 0; }
    #dWrapper.denki.support_set #dMFWrapper .komeNotice li {
      text-indent: -2em;
      padding-left: 2em;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.63; }
  #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper {
    display: block;
    width: 100%; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText {
      display: block;
      vertical-align: top; }
      #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText p {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.6;
        margin-bottom: 10px; }
      #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText .textBtn {
        text-align: left; }
        #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningText .textBtn img {
          width: 100%;
          height: auto; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningWrapper .cleaningImg {
      text-align: center;
      width: auto;
      display: block;
      margin: 20px auto 0; }
  #dWrapper.denki.support_set #dMFWrapper .cleaningPrice {
    margin-top: 15px;
    background-color: #fff6d0;
    padding: 15px 10px; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice h5 {
      text-align: center;
      margin-bottom: 15px; }
      #dWrapper.denki.support_set #dMFWrapper .cleaningPrice h5 span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.64;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
        background-size: auto 3px; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper {
      background-color: #fff6d0;
      padding: 0; }
      #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem {
        display: block;
        width: 100%;
        margin-top: 10px;
        background-color: #ffffff; }
        #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem:first-child {
          margin-top: 0; }
        #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem .cleaningPriceTtl {
          display: block;
          width: 100%;
          text-align: center;
          vertical-align: middle;
          font-size: 13px;
          font-size: 1.3rem;
          padding: 7px 0 8px;
          line-height: 1.5;
          font-weight: bold;
          background-color: #fedd74; }
        #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem .cleaningPriceExp {
          display: block;
          text-align: center;
          vertical-align: middle;
          font-size: 12px;
          font-size: 1.2rem;
          padding: 10px 0;
          font-weight: bold; }
        #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .cleaningPriceWrapper .cleaningPriceItem .cleaningPriceImg {
          width: 100%;
          display: block;
          text-align: center;
          vertical-align: middle; }
    #dWrapper.denki.support_set #dMFWrapper .cleaningPrice .trialNotice {
      font-size: 11px;
      font-size: 1.1rem;
      padding-left: 1em;
      text-indent: -1em;
      margin-top: 15px; }
  #dWrapper.denki.support_set #dMFWrapper .etcSupport {
    background-color: #fff6d0;
    padding: 15px; }
    #dWrapper.denki.support_set #dMFWrapper .etcSupport h5 {
      text-align: center;
      margin-bottom: 11px; }
      #dWrapper.denki.support_set #dMFWrapper .etcSupport h5 span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.64;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
        background-size: auto 3px; }
    #dWrapper.denki.support_set #dMFWrapper .etcSupport .section {
      margin-top: 11px; }
  #dWrapper.denki.support_set #dMFWrapper .trialNotice {
    margin-top: 20px; }
  #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap {
    background-color: #fff6d0;
    padding: 15px;
    display: block;
    width: 100%; }
    #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf {
      float: none;
      display: block;
      vertical-align: top; }
      #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf h5 {
        text-align: center;
        margin-bottom: 11px; }
        #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf h5 span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.64;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
          background-size: auto 3px; }
      #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .eModColHelf .section {
        margin-top: 11px; }
    #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .movieThumbs {
      position: relative;
      width: 100%;
      padding: 57.377% 0 0 0; }
      #dWrapper.denki.support_set #dMFWrapper .eModCol2.movieWrap .movieThumbs iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
/*============================
#priceCheckArea
============================*/
#priceCheckArea {
  background: url("/image/2017/template/bg_sim_rp.png") 0 0 repeat; }
  #priceCheckArea h3 {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.39;
    color: #362d08;
    padding: 50px 0 0;
    margin: 0 0 36px;
    text-align: center;
    background: url("/image/2017/template/bg_sim_wave.png") 0 0 repeat-x; }
  #priceCheckArea .priceCheckForm {
    background: url("/image/2017/template/bg_sim_select_rp.png") 0 0 repeat;
    padding: 30px 90px 40px; }
    #priceCheckArea .priceCheckForm dl {
      padding: 0;
      margin: 0; }
      #priceCheckArea .priceCheckForm dl dt {
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.65;
        font-weight: bold;
        color: #362d08;
        padding: 0;
        padding-left: 30px;
        margin: 0;
        position: relative; }
      #priceCheckArea .priceCheckForm dl dd {
        padding: 10px 0 0;
        margin: 0; }
    #priceCheckArea .priceCheckForm .select_denki {
      float: left;
      width: 50%;
      padding-right: 10px;
      box-sizing: border-box; }
      #priceCheckArea .priceCheckForm .select_denki dt:before {
        content: " ";
        display: block;
        position: absolute;
        width: 21px;
        height: 30px;
        background: url("/image/2017/template/ico_check_denki.png") 0 0 no-repeat;
        background-size: contain;
        left: 0;
        top: 50%;
        margin-top: -15px; }
    #priceCheckArea .priceCheckForm .select_gas {
      float: right;
      width: 50%;
      padding-left: 10px;
      box-sizing: border-box; }
      #priceCheckArea .priceCheckForm .select_gas dt:before {
        content: " ";
        display: block;
        position: absolute;
        width: 20px;
        height: 29px;
        background: url("/image/2017/template/ico_check_gas.png") 0 0 no-repeat;
        background-size: contain;
        left: 2px;
        top: 50%;
        margin-top: -15px; }
    #priceCheckArea .priceCheckForm .kateneBtn.kateneBtn01 {
      margin-top: 12px; }
  #priceCheckArea .checkNavi {
    margin: 14px auto 0;
    padding: 0;
    position: relative;
    overflow: hidden; }
    #priceCheckArea .checkNavi ul {
      float: left;
      left: 50%;
      position: relative; }
      #priceCheckArea .checkNavi ul li {
        float: left;
        left: -50%;
        position: relative; }
        #priceCheckArea .checkNavi ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6;
          color: #362d08;
          text-decoration: underline; }
          #priceCheckArea .checkNavi ul li a:hover {
            text-decoration: none; }

#dWrapper #dMFWrapper .eContentsWrapper {
  padding: 48px 30px 0; }
#dWrapper #dMFWrapper .eContentsWrapper .pModEleCenter:first-child {
  margin-bottom: 5px; }
  #dWrapper #dMFWrapper .eContentsWrapper > h3 {
    text-align: center; }
  #dWrapper #dMFWrapper .eContentsWrapper .leadText {
    margin-top: 28px; }
    #dWrapper #dMFWrapper .eContentsWrapper .leadText p {
      font-size: 32px;
      font-size: 3.2rem;
      text-align: center;
      font-weight: bold;
      margin: 0; }
  #dWrapper #dMFWrapper .eContentsWrapper .checkNavi {
    margin: 0 auto;
    padding: 0;
    position: relative;
    overflow: hidden; }
    #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul {
      float: left;
      left: 50%;
      position: relative; }
      #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul li {
        float: left;
        left: -50%;
        position: relative; }
        #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul li a {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6;
          color: #362d08;
          text-decoration: underline; }
          #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul li a:hover {
            text-decoration: none; }
  #dWrapper #dMFWrapper .eContentsWrapper .kModImage {
    margin-top: 0;
    margin-bottom: 48px;
    text-align: center;
    position: relative; }
    #dWrapper #dMFWrapper .eContentsWrapper .kModImage:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent; }

#dWrapper #dMFWrapper .tetsuzukiWrapper {
	position: relative;
	margin-top: 100px;
	background: url(/image/2017/template/bg_sim_select_rp.png) 0 0 repeat;
	padding: 40px 9%;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-weight: 400;
}

#dWrapper #dMFWrapper .tetsuzukiWrapper h3{
	text-align: center;
	font-weight: 700;
	font-size: 4.0rem;
	line-height: 1.1;
	margin-bottom: 40px;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span{
	display: inline-block;
	position: relative;
	padding: 0 87px;
	color: #333333;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:before,
#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:after{
	content: "";
	position: absolute;
	bottom: 0;
	width: 50px;
	height: 67px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	-moz-animation: attention 0.8s ease 0s infinite alternate;
	-webkit-animation: attention 0.8s ease 0s infinite alternate;
	animation: attention 0.8s ease 0s infinite alternate;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:before {
	left: 0;
	background-image: url(/image/2017/page/gas/icon_attention_l.png);
}
#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:after {
	right: 0;
	background-image: url(/image/2017/page/gas/icon_attention_r.png);
}
#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span>span{
	display: block;
	color: #ff3e00;
	font-weight: 700;
	font-size: 2.0rem;
	padding: 16px 0 10px;
	line-height: 1.1;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper:before {
	content: "";
	position: absolute;
	top: -80px;
	right: 8%;
	width: 146px;
	height: 199px;
	background-image: url(/image/2017/page/gas/bg_character_point.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100%;
}

#dWrapper #dMFWrapper .tetsuzukiWrapper .columns {
	margin-bottom: 20px;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column {
	float: left;
	position: relative;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 50px 16px 30px;
	width: 23.17073170731707%;
	margin-right: 2.439024390243902%;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:last-child {
	margin-right: 0;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:after {
	content: "";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;
	left: 50%;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(1):after {
	top: -17px;
	margin-left: -14.5px;
	background-image: url(/image/2017/page/gas/icon_tetsuzuki01.png);
	width: 29px;
	height: 47px;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(2):after {
	top: -17px;
	margin-left: -22px;
	background-image: url(/image/2017/page/gas/icon_tetsuzuki02.png);
	width: 44px;
	height: 44px;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(3):after {
	top: -13px;
	margin-left: -23px;
	background-image: url(/image/2017/page/gas/icon_tetsuzuki03.png);
	width: 46px;
	height: 34px;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(4):after {
	top: -19px;
	margin-left: -17px;
	background-image: url(/image/2017/page/gas/icon_tetsuzuki04.png);
	width: 34px;
	height: 47px;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p {
	display: table;
	width: 100%;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 5px;
	white-space: nowrap;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p>span {
	display: table-cell;
	vertical-align: middle;
}

#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p.point {
	color: #ff3e00;
	font-weight: 700;
	font-size: 2.4rem;
	margin-bottom: 0;
	line-height: 1.2;
}
#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p.point>span>span {
	font-size: 1.8rem;
}

#dWrapper #dMFWrapper .tetsuzukiWrapper .attention {
	font-size: 1.4rem;
}

/*============================
.checkKateneGasOtoku
============================*/
.checkKateneGasOtoku {
  padding: 3%; }
  .checkKateneGasOtoku .checkResultInner {
    background-color: #fff;
    padding: 42px 5.319148936170213% 50px; }
    .checkKateneGasOtoku .checkResultInner + .checkResultInner {
      margin-top: 30px; }
    .checkKateneGasOtoku .checkResultInner > h4 {
      width: 100%;
      font-size: 32px;
      font-size: 3.2rem;
      line-height: 1.875;
      text-align: center;
      position: relative;
      margin: 0 0 28px;
      padding: 0;
      background: none; }
      .checkKateneGasOtoku .checkResultInner > h4 > span {
        display: inline-block;
        position: relative; }
        .checkKateneGasOtoku .checkResultInner > h4 > span:before {
          content: " ";
          display: inline-block;
          vertical-align: top;
          width: 35px;
          height: 60px;
          margin-right: 15px;
          margin-bottom: -30px;
          background: url("/image/2017/page/gas/bg_slash_blue_left.png") 0 0 no-repeat;
          background-size: contain; }
        .checkKateneGasOtoku .checkResultInner > h4 > span:after {
          content: " ";
          display: inline-block;
          vertical-align: top;
          width: 35px;
          height: 60px;
          margin-left: 15px;
          margin-bottom: -30px;
          background: url("/image/2017/page/gas/bg_slash_blue_right.png") 0 0 no-repeat;
          background-size: contain; }
    .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuHead {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top.png") 0 0 repeat-x; }
    .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft {
      background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
      .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
        padding: 25px 0 33px;
        background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
        text-align: center;
        font-weight: bold;
        font-size: 34px;
        font-size: 3.4rem;
        line-height: 1.133333333333333; }
        .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .smallText {
          font-size: 26px;
          font-size: 2.6rem; }
        .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText {
          display: inline-block;
          margin: 0 3px;
          color: #e63800;
          font-size: 60px;
          font-size: 6.0rem;
          font-family: "Montserrat",sans-serif;
          font-weight: 700; }
          .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText .yen {
            font-size: 34px;
            font-size: 3.4rem; }
        .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight sup {
          font-size: 12px;
          font-size: 1.2rem;
          top: -2.5em; }
    .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuFoot {
      font-size: 0;
      width: 100%;
      height: 38px;
      background: url("/image/2017/page/denki/bg_baloon_bottom.png") 0 0 no-repeat;
      position: relative; }
      .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuFoot.resultNeko02:after {
        left: 18px;
        bottom: -15px; }
    .checkKateneGasOtoku .checkResultInner .trialNotice {
      margin-top: 25px;
      font-size: 12px;
      font-size: 1.2rem;
      text-indent: -1em;
      padding-left: 1rem; }
    .checkKateneGasOtoku .checkResultInner .miniNotice {
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem;
      margin-top: 8px;
      margin-bottom: 15px; }
    .checkKateneGasOtoku .checkResultInner .simulationBtn {
      margin-top: 25px; }
      .checkKateneGasOtoku .checkResultInner .simulationBtn .textBtn + .textBtn {
        margin-top: 5px; }

@media only screen and (max-width: 834px) {
  #dWrapper #dMFWrapper .eContentsWrapper {
    padding: 20px 10px 30px; }
    #dWrapper #dMFWrapper .eContentsWrapper > h3 {
      text-align: center;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px; }
    #dWrapper #dMFWrapper .eContentsWrapper .leadText {
      margin-top: 15px; }
      #dWrapper #dMFWrapper .eContentsWrapper .leadText p {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center;
        font-weight: bold; }
    #dWrapper #dMFWrapper .eContentsWrapper .checkNavi {
      margin: 0 auto;
      padding: 0;
      position: relative;
      overflow: hidden; }
      #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul {
        float: left;
        left: 50%;
        position: relative; }
        #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul li {
          float: left;
          left: -50%;
          position: relative; }
          #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul li a {
            font-size: 12px;
            font-size: 1.2rem;
            color: #362d08;
            text-decoration: underline; }
            #dWrapper #dMFWrapper .eContentsWrapper .checkNavi ul li a:hover {
              text-decoration: none; }
    #dWrapper #dMFWrapper .eContentsWrapper .kModImage {
      margin-top: 8px;
      margin-bottom: 0;
      text-align: center;
      position: relative; }
      #dWrapper #dMFWrapper .eContentsWrapper .kModImage:after {
        content: "";
        position: static;
        display: none;
        background: none; }
      #dWrapper #dMFWrapper .eContentsWrapper .kModImage a {
        display: block;
        position: relative;
        padding: 0 0 35px; }
        #dWrapper #dMFWrapper .eContentsWrapper .kModImage a:after {
          content: " ";
          display: block;
          position: absolute;
          width: 33px;
          height: 35px;
          background: url("/image/2017/template/ico_zoom(768).png") 0 0 no-repeat;
          background-size: contain;
          right: 0;
          bottom: 0; }
	
	#dWrapper #dMFWrapper .tetsuzukiWrapper {
		margin-top: 0;
		padding: 25px 10px 20px;
	}

	#dWrapper #dMFWrapper .tetsuzukiWrapper h3{
		font-size: 2.0rem;
		margin-bottom: 25px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span{
		padding: 0 33px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:before,
	#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:after{
		width: 25px;
		height: 33.5px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:before {
		left: 1px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span:after {
		right: 1px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper h3>span>span{
		font-size: 1.3rem;
		padding: 9px 0 0;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper:before {
		display: none;
	}

	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns {
		margin-bottom: 20px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column {
		padding: 30px 10px 10px;
		width: 48.27586206896552%;
		margin-right: 3.448275862068966%;
		margin-top: 20px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(2n+2) {
		margin-right: 0;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(1),
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(2){
		margin-top: 0;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(1):after {
		top: -15px;
		margin-left: -13.125px;
		width: 26.25px;
		height: 39.75px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(2):after {
		top: -14px;
		margin-left: -18.375px;
		width: 36.75px;
		height: 36px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(3):after {
		top: -7px;
		margin-left: -19.125px;
		width: 38.25px;
		height: 29.25px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column:nth-of-type(4):after {
		top: -14px;
		margin-left: -13.5px;
		width: 27px;
		height: 38.25px;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p {
		font-size: 1.3rem;
	}

	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p.point {
		font-size: 1.5rem;
	}
	#dWrapper #dMFWrapper .tetsuzukiWrapper .columns >.column p.point>span>span {
		font-size: 1.1rem;
	}

	#dWrapper #dMFWrapper .tetsuzukiWrapper .attention {
		font-size: 1.2rem;
	}


  /*============================
  #priceCheckArea
  ============================*/
  #priceCheckArea {
    background: url("/image/2017/template/bg_sim_rp.png") 0 0 repeat;
    background-size: 136px 136px; }
    #priceCheckArea h3 {
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.4;
      color: #362d08;
      padding: 26px 0 0;
      margin: 0 0 19px;
      text-align: center;
      background: url("/image/2017/template/bg_sim_wave.png") 0 0 repeat-x;
      background-size: 30px auto; }
    #priceCheckArea .priceCheckForm {
      background: url("/image/2017/template/bg_sim_select_rp.png") 0 0 repeat;
      background-size: 136px 136px;
      padding: 20px 10px 30px; }
      #priceCheckArea .priceCheckForm dl {
        padding: 0;
        margin: 0; }
        #priceCheckArea .priceCheckForm dl dt {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.43;
          font-weight: bold;
          color: #362d08;
          padding: 0;
          padding-left: 22px;
          margin: 0;
          position: relative; }
        #priceCheckArea .priceCheckForm dl dd {
          padding: 10px 0 0;
          margin: 0; }
      #priceCheckArea .priceCheckForm .select_denki {
        float: none;
        width: auto;
        padding-right: 0;
        box-sizing: border-box; }
        #priceCheckArea .priceCheckForm .select_denki dt:before {
          content: " ";
          display: block;
          position: absolute;
          width: 15px;
          height: 21px;
          background: url("/image/2017/template/ico_check_denki(768).png") 0 0 no-repeat;
          background-size: contain;
          left: 0;
          top: 50%;
          margin-top: -11px; }
      #priceCheckArea .priceCheckForm .select_gas {
        float: none;
        width: auto;
        padding-left: 0;
        margin-top: 13px;
        box-sizing: border-box; }
        #priceCheckArea .priceCheckForm .select_gas dt:before {
          content: " ";
          display: block;
          position: absolute;
          width: 16px;
          height: 24px;
          background: url("/image/2017/template/ico_check_gas(768).png") 0 0 no-repeat;
          background-size: contain;
          left: 0;
          top: 50%;
          margin-top: -12px; }
      #priceCheckArea .priceCheckForm .kateneBtn.kateneBtn01 {
        margin-top: 12px;
        padding: 0 20px; }
        #priceCheckArea .priceCheckForm .kateneBtn.kateneBtn01 button:after {
          right: 35px; }
    #priceCheckArea .checkNavi {
      margin: 14px auto 0;
      padding: 0;
      position: relative;
      overflow: hidden; }
      #priceCheckArea .checkNavi ul {
        float: left;
        left: 50%;
        position: relative; }
        #priceCheckArea .checkNavi ul li {
          float: left;
          left: -50%;
          position: relative; }
          #priceCheckArea .checkNavi ul li a {
            font-size: 12px;
            font-size: 1.2rem;
            color: #362d08;
            text-decoration: underline; }
            #priceCheckArea .checkNavi ul li a:hover {
              text-decoration: none; }

  /*============================
  .checkKateneGasOtoku
  ============================*/
  .checkKateneGasOtoku {
    padding: 10px; }
    .checkKateneGasOtoku .checkResultInner {
      background-color: #fff;
      padding: 30px 10px; }
      .checkKateneGasOtoku .checkResultInner + .checkResultInner {
        margin-top: 10px; }
      .checkKateneGasOtoku .checkResultInner > h4 {
        width: 100%;
        font-size: 17px;
        font-size: 1.7rem;
        line-height: 1.5;
        text-align: center;
        position: relative;
        margin: 0 0 15px;
        padding: 0;
        background: none; }
        .checkKateneGasOtoku .checkResultInner > h4 > span {
          display: inline-block;
          position: relative; }
          .checkKateneGasOtoku .checkResultInner > h4 > span:before {
            content: " ";
            display: block;
            position: absolute;
            top: 50%;
            left: -20px;
            width: 18px;
            height: 30px;
            margin-top: -15px;
            background: url("/image/2017/page/gas/bg_slash_blue_left.png") 0 0 no-repeat;
            background-size: contain; }
          .checkKateneGasOtoku .checkResultInner > h4 > span:after {
            content: " ";
            display: block;
            position: absolute;
            top: 50%;
            right: -20px;
            width: 18px;
            height: 30px;
            margin-top: -15px;
            background: url("/image/2017/page/gas/bg_slash_blue_right.png") 0 0 no-repeat;
            background-size: contain; }
      .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuHead {
        font-size: 0;
        width: 100%;
        height: 3px;
        background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 0 repeat-x;
        background-size: 321px auto; }
      .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft {
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 0 0 repeat-y;
        background-size: auto 324px; }
        .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight {
          padding: 15px 0 10px;
          background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
          background-size: auto 324px;
          text-align: center;
          font-weight: bold;
          font-size: 17px;
          font-size: 1.7rem; }
          .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .smallText {
            font-size: 14px;
            font-size: 1.4rem; }
          .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText {
            display: inline-block;
            margin: 0 3px;
            color: #e63800;
            font-size: 30px;
            font-size: 3.0rem;
            font-family: "Montserrat",sans-serif;
            font-weight: 700; }
            .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight .priceText .yen {
              font-size: 17px;
              font-size: 1.7rem; }
          .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuLeft .resultOtokuRight sup {
            font-size: 10px;
            font-size: 1.0rem;
            top: -0.5em; }
      .checkKateneGasOtoku .checkResultInner .resultOtokuPrice .resultOtokuFoot {
        font-size: 0;
        width: 100%;
        height: 22px;
        background: url("/image/2017/page/denki/bg_baloon_bottom(768).png") 50% 0 no-repeat;
        background-size: 768px auto;
        position: relative; }
      .checkKateneGasOtoku .checkResultInner .otokuBreakDown {
        text-align: center;
        background-color: #dbdbdb;
        height: 35px;
				line-height: 35px;
				font-size: 20px;
				font-weight: 500;
        margin-bottom: 40px; }
        .checkKateneGasOtoku .checkResultInner .otokuBreakDown > img {
          max-width: 100%;
          height: auto; }
      .checkKateneGasOtoku .checkResultInner .trialNotice {
        margin-top: 12px;
        font-size: 11px;
        font-size: 1.1rem;
        text-indent: -1em;
        padding-left: 1rem; }
      .checkKateneGasOtoku .checkResultInner .miniNotice {
        text-align: center;
        font-size: 11px;
        font-size: 1.1rem;
        margin-top: 7px;
        margin-bottom: 8px; }
      .checkKateneGasOtoku .checkResultInner .simulationBtn {
        margin-top: 18px; }
        .checkKateneGasOtoku .checkResultInner .simulationBtn .textBtn + .textBtn {
          margin-top: 10px; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.set.kateneplan1 #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
#dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper {
  padding: 0 40px 40px; }
  #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash {
    width: 100%;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.4;
    text-align: center;
    position: relative;
    margin: 40px auto 0;
    padding: 44px 0 0;
    background: none;
    color: #362d08;
    background: url("/image/2017/page/gas/ico_plan.png") 50% 0 no-repeat; }
    #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span {
      display: inline-block;
      position: relative; }
      #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span:before {
        content: " ";
        display: block;
        position: absolute;
        width: 54px;
        height: 94px;
        left: -64px;
        top: 50%;
        margin-top: -37px;
        background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 50% 0 no-repeat;
        background-size: contain; }
      #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span:after {
        content: " ";
        display: block;
        position: absolute;
        width: 54px;
        height: 94px;
        right: -64px;
        top: 50%;
        margin-top: -37px;
        background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 50% 0 no-repeat;
        background-size: contain; }
      #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span .smallText {
        font-size: 18px;
        font-size: 1.8rem;
        display: inline-block; }
      #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span .moreSmallText {
        font-size: 14px;
        font-size: 1.4rem; }
  #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .img {
    margin: 50px auto 0;
    position: relative; }
    #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .img:after {
      content: " ";
      display: block;
      position: absolute;
      width: 93px;
      height: 81px;
      right: 23%;
      top: -50px;
      background: url("/image/2017/page/gas/kateneplan1/ico_more.png") 0 0 no-repeat;
      background-size: contain; }
  #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .otokuBtn {
    margin-top: 40px; }
#dWrapper.set.kateneplan1 #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
#dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc {
  margin: 40px auto 0; }
  #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialTitle {
    padding: 9px 0;
    background-color: #ece8e4;
    color: #623f1d;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    cursor: pointer; }
    #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialTitle:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_closs.png") 0 0 no-repeat;
      background-size: contain;
      display: inline-block;
      margin-left: 10px; }
    #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialTitle.active:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_minus.png") 0 50% no-repeat;
      background-size: 13px auto;
      display: inline-block;
      margin-left: 10px; }
  #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialNotice {
    font-size: 12px;
    font-size: 1.2rem; }
    #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialNotice p, #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialNotice ul {
      margin: 0; }
#dWrapper.set.kateneplan1 #dMFWrapper .gasPlanWrapper {
  padding: 40px 40px 50px; }
  #dWrapper.set.kateneplan1 #dMFWrapper .gasPlanWrapper h4 {
    margin: 0 0 22px;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
    background: none; }
    #dWrapper.set.kateneplan1 #dMFWrapper .gasPlanWrapper h4 .smallText {
      font-size: 14px;
      font-size: 1.4rem; }
#dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper {
  width: 100%;
  overflow: auto;
  margin: 0 auto; }
  #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper .img {
    margin: 0 0 2px; }
  #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable {
    line-height: 1.3; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr.title th {
      font-size: 16px;
      font-size: 1.6rem;
      background-color: #dbdbdb;
      color: #362d08; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .gas {
      background-color: #187eb7;
      color: #fff; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .otoku {
      background-color: #e54715 !important;
      color: #fff !important; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .centerTd {
      text-align: center; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd {
      text-align: right; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd.emText {
        font-weight: bold; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody .unitPriceCell01 {
      width: 20%; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody .unitPriceCell02 {
      width: 20%; }

@media only screen and (max-width: 834px) {
  #dWrapper.set.kateneplan1 #dMFWrapper .trialNotice {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1rem; }
  #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper {
    padding: 0 15px 30px; }
    #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash {
      width: 100%;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.4;
      text-align: center;
      position: relative;
      margin: 20px auto 0;
      padding: 40px 0 0;
      background: none;
      color: #362d08;
      background: url("/image/2017/page/gas/ico_plan(768).png") 50% 0 no-repeat;
      background-size: 70px auto; }
      #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span {
        display: inline-block;
        position: relative; }
        #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span:before {
          content: " ";
          display: block;
          position: absolute;
          width: 27px;
          height: 47px;
          left: -30px;
          top: auto;
          bottom: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span:after {
          content: " ";
          display: block;
          position: absolute;
          width: 27px;
          height: 47px;
          right: -30px;
          top: auto;
          bottom: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span .smallText {
          display: inline-block;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.4;
          margin: 0 0 3px; }
        #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .h3Slash > span .moreSmallText {
          font-size: 9px;
          font-size: 0.9rem; }
    #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .img {
      margin-top: 18px;
      position: relative; padding-left: 18px;}
      #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .img:after {
        content: " ";
        display: block;
        position: absolute;
        width: 73px;
        height: 64px;
        left: -18px;
        top: 38%;
        background: url("/image/2017/page/gas/kateneplan1/ico_more(768).png") 0 0 no-repeat;
				background-size: contain;
       }
    #dWrapper.set.kateneplan1 #dMFWrapper .denkiSetWrapper .otokuBtn {
      margin-top: 25px; }
  #dWrapper.set.kateneplan1 #dMFWrapper .trialNotice {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1rem; }
  #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc {
    margin: 25px auto 0; }
    #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialTitle {
      padding: 14px 0;
      background-color: #ece8e4;
      color: #623f1d;
      font-weight: bold;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.08;
      cursor: pointer; }
      #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialTitle:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_closs(768).png") 0 0 no-repeat;
        background-size: contain;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
      #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialTitle.active:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_minus(768).png") 0 50% no-repeat;
        background-size: 12px auto;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
    #dWrapper.set.kateneplan1 #dMFWrapper .otokuTrialCalc .trialNotice {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.set.kateneplan1 #dMFWrapper .gasPlanWrapper {
    padding: 20px 15px 30px; }
    #dWrapper.set.kateneplan1 #dMFWrapper .gasPlanWrapper h4 {
      margin: 0 0 11px;
      padding: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      text-align: center;
      background: none; }
      #dWrapper.set.kateneplan1 #dMFWrapper .gasPlanWrapper h4 .smallText {
        font-size: 9px;
        font-size: 0.9rem; }
  #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto 15px;
    padding: 0 0 10px; }
    #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable {
      border-top: 1px solid #362d08;
      border-left: 1px solid #362d08;
      border-collapse: separate;
      border-spacing: 0px;
      background-color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      display: table;
      width: 460px; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 5px 0; }
        #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th:last-child {
          border-right: 1px solid #362d08;
          background-image: none; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr.title th {
        font-size: 12px;
        font-size: 1.2rem;
        background-color: #dbdbdb;
        color: #362d08; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .gas {
        background-color: #187eb7;
        color: #fff; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .otoku {
        background-color: #e54715 !important;
        color: #fff !important; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .smallText {
        font-size: 9px;
        font-size: 0.9rem; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .centerTd {
        text-align: center; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd {
        text-align: right; }
        #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd.emText {
          font-weight: bold; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody .unitPriceCell01 {
        width: 25%; }
      #dWrapper.set.kateneplan1 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody .unitPriceCell02 {
        width: 25%; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.set.kateneplan2 #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
#dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper {
  padding: 0 40px 40px; }
  #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash {
    width: 100%;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.4;
    text-align: center;
    position: relative;
    margin: 40px auto 0;
    padding: 44px 0 0;
    background: none;
    color: #362d08;
    background: url("/image/2017/page/gas/ico_plan.png") 50% 0 no-repeat; }
    #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span {
      display: inline-block;
      position: relative; }
      #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span:before {
        content: " ";
        display: block;
        position: absolute;
        width: 54px;
        height: 94px;
        left: -64px;
        top: 50%;
        margin-top: -37px;
        background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 50% 0 no-repeat;
        background-size: contain; }
      #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span:after {
        content: " ";
        display: block;
        position: absolute;
        width: 54px;
        height: 94px;
        right: -64px;
        top: 50%;
        margin-top: -37px;
        background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 50% 0 no-repeat;
        background-size: contain; }
      #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span .smallText {
        font-size: 18px;
        font-size: 1.8rem;
        display: inline-block; }
      #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span .moreSmallText {
        font-size: 14px;
        font-size: 1.4rem; }
  #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .img {
    margin: 50px auto 0;
    position: relative; }
    #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .img:after {
      content: " ";
      display: block;
      position: absolute;
      width: 93px;
      height: 81px;
      right: 23%;
      top: -50px;
      background: url("/image/2017/page/gas/kateneplan1/ico_more.png") 0 0 no-repeat;
      background-size: contain; }v
  #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .otokuBtn {
    margin-top: 40px; }
#dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc {
  margin: 40px auto 0; }
  #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialTitle {
    padding: 9px 0;
    background-color: #ece8e4;
    color: #623f1d;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    cursor: pointer; }
    #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialTitle:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_closs.png") 0 0 no-repeat;
      background-size: contain;
      display: inline-block;
      margin-left: 10px; }
    #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialTitle.active:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_minus.png") 0 50% no-repeat;
      background-size: 13px auto;
      display: inline-block;
      margin-left: 10px; }
  #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialNotice {
    font-size: 12px;
    font-size: 1.2rem; }
    #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialNotice p, #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialNotice ul {
      margin: 0; }
#dWrapper.set.kateneplan2 #dMFWrapper .gasPlanWrapper {
  padding: 40px 40px 50px; }
  #dWrapper.set.kateneplan2 #dMFWrapper .gasPlanWrapper h4 {
    margin: 0 0 22px;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
    background: none; }
    #dWrapper.set.kateneplan2 #dMFWrapper .gasPlanWrapper h4 .smallText {
      font-size: 14px;
      font-size: 1.4rem; }
#dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper {
  width: 100%;
  overflow: auto;
  margin: 0 auto; }
  #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper .img {
    margin: 0 0 2px; }
  #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable {
    line-height: 1.3; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th {
      width: auto;
      background-color: #dbdbdb;
      color: #362d08; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr.title th {
      font-size: 16px;
      font-size: 1.6rem;
      background-color: #dbdbdb;
      color: #362d08; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell01 {
      width: 12.5%; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell02 {
      width: 25%; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell03 {
      width: 50%; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .toku2 {
      background-color: #666;
      color: #fff; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .gas {
      background-color: #187eb7;
      color: #fff; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .otoku {
      background-color: #e54715 !important;
      color: #fff !important; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .centerTd {
      text-align: center; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd {
      text-align: right; }
      #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd.emText {
        font-weight: bold; }

@media only screen and (max-width: 834px) {
  #dWrapper.set.kateneplan2 #dMFWrapper .trialNotice {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1rem; }
  #dWrapper.set.kateneplan2 #dMFWrapper .gasPlanWrapper {
    padding: 20px 15px 30px; }
    #dWrapper.set.kateneplan2 #dMFWrapper .gasPlanWrapper h4 {
      margin: 0 0 11px;
      padding: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      text-align: center;
      background: none; }
      #dWrapper.set.kateneplan2 #dMFWrapper .gasPlanWrapper h4 .smallText {
        font-size: 9px;
        font-size: 0.9rem; }
  #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper {
    padding: 0 15px 30px; }
    #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash {
      width: 100%;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.4;
      text-align: center;
      position: relative;
      margin: 20px auto 0;
      padding: 40px 0 0;
      background: none;
      color: #362d08;
      background: url("/image/2017/page/gas/ico_plan(768).png") 50% 0 no-repeat;
      background-size: 70px auto; }
      #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span {
        display: inline-block;
        position: relative; }
        #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span:before {
          content: " ";
          display: block;
          position: absolute;
          width: 27px;
          height: 47px;
          left: 10px;
          top: auto;
          bottom: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span:after {
          content: " ";
          display: block;
          position: absolute;
          width: 27px;
          height: 47px;
          right: 10px;
          top: auto;
          bottom: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span .smallText {
          display: inline-block;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.4;
          margin: 0 0 3px; }
        #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .h3Slash > span .moreSmallText {
          font-size: 9px;
          font-size: 0.9rem; }
    #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .img {
      margin-top: 18px;
      position: relative;
			padding-left: 18px; }
      #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .img:after {
        content: " ";
        display: block;
        position: absolute;
        width: 73px;
        height: 64px;
        left: -18px;
        top: 38%;
        background: url("/image/2017/page/gas/kateneplan1/ico_more(768).png") 0 0 no-repeat;
				background-size: contain;
       }
    #dWrapper.set.kateneplan2 #dMFWrapper .denkiSetWrapper .otokuBtn {
      margin-top: 25px; }
  #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc {
    margin: 25px auto 0; }
    #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialTitle {
      padding: 14px 0;
      background-color: #ece8e4;
      color: #623f1d;
      font-weight: bold;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.08;
      cursor: pointer; }
      #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialTitle:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_closs(768).png") 0 0 no-repeat;
        background-size: contain;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
      #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialTitle.active:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_minus(768).png") 0 50% no-repeat;
        background-size: 12px auto;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
    #dWrapper.set.kateneplan2 #dMFWrapper .otokuTrialCalc .trialNotice {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto 15px;
    padding: 0 0 10px; }
    #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable {
      border-top: 1px solid #362d08;
      border-left: 1px solid #362d08;
      border-collapse: separate;
      border-spacing: 0px;
      background-color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      display: table;
      width: 460px; }
      #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead {
        display: table-header-group; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr {
          display: table-row; }
          #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th {
            display: table-cell;
            border: none;
            border-bottom: 1px solid #362d08;
            /*border-right: 2px dotted #362d08;*/
            background-image: url("/image/2017/template/bg_table_dot.png");
            background-position: 100% 0;
            background-repeat: repeat-y;
            background-size: 2px 4px;
            background-color: #dbdbdb;
            color: #362d08;
            font-weight: bold;
            text-align: center;
            font-size: 11px;
            font-size: 1.1rem;
            padding: 5px 0; }
            #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th:last-child {
              border-right: 1px solid #362d08;
              background-image: none; }
            #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th .yen {
              font-size: 12px;
              font-size: 1.2rem; }
          #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr.title th {
            font-size: 12px;
            font-size: 1.2rem;
            background-color: #dbdbdb; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell01 {
          width: 12.5%; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell02 {
          width: 25%; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .gas {
          background-color: #187eb7;
          color: #fff; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .otoku {
          background-color: #e54715 !important;
          color: #fff !important; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .smallText {
          font-size: 9px;
          font-size: 0.9rem; }
      #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .centerTd {
        text-align: center; }
      #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd {
        text-align: right; }
        #dWrapper.set.kateneplan2 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd.emText {
          font-weight: bold; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.set.kateneplan3 #dMFWrapper .trialNotice {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -1em;
  padding-left: 1rem; }
#dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper {
  padding: 0 40px 40px; }
  #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash {
    width: 100%;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.4;
    text-align: center;
    position: relative;
    margin: 40px auto 0;
    padding: 44px 0 0;
    background: none;
    color: #362d08;
    background: url("/image/2017/page/gas/ico_plan.png") 50% 0 no-repeat; }
    #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span {
      display: inline-block;
      position: relative; }
      #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span:before {
        content: " ";
        display: block;
        position: absolute;
        width: 54px;
        height: 94px;
        left: -64px;
        top: 50%;
        margin-top: -37px;
        background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 50% 0 no-repeat;
        background-size: contain; }
      #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span:after {
        content: " ";
        display: block;
        position: absolute;
        width: 54px;
        height: 94px;
        right: -64px;
        top: 50%;
        margin-top: -37px;
        background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 50% 0 no-repeat;
        background-size: contain; }
      #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span .smallText {
        font-size: 18px;
        font-size: 1.8rem;
        display: inline-block; }
      #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span .moreSmallText {
        font-size: 14px;
        font-size: 1.4rem; }
  #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .img {
    margin: 50px auto 0;
    position: relative; }
    #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .img:after {
      content: " ";
      display: block;
      position: absolute;
     width: 93px;
      height: 81px;
      right: 23%;
      top: -50px;
      background: url("/image/2017/page/gas/kateneplan1/ico_more.png") 0 0 no-repeat;
      background-size: contain; }
  #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .otokuBtn {
    margin-top: 40px; }
#dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc {
  margin: 40px auto 0; }
  #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialTitle {
    padding: 9px 0;
    background-color: #ece8e4;
    color: #623f1d;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    cursor: pointer; }
    #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialTitle:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_closs.png") 0 0 no-repeat;
      background-size: contain;
      display: inline-block;
      margin-left: 10px; }
    #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialTitle.active:after {
      content: " ";
      width: 13px;
      height: 13px;
      background: url("/image/2017/template/ico_minus.png") 0 50% no-repeat;
      background-size: 13px auto;
      display: inline-block;
      margin-left: 10px; }
  #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialNotice {
    font-size: 12px;
    font-size: 1.2rem; }
    #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialNotice p, #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialNotice ul {
      margin: 0; }
#dWrapper.set.kateneplan3 #dMFWrapper .gasPlanWrapper {
  padding: 40px 40px 50px; }
  #dWrapper.set.kateneplan3 #dMFWrapper .gasPlanWrapper h4 {
    margin: 0 0 22px;
    padding: 0;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
    background: none; }
    #dWrapper.set.kateneplan3 #dMFWrapper .gasPlanWrapper h4 .smallText {
      font-size: 14px;
      font-size: 1.4rem; }
#dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper {
  width: 100%;
  overflow: auto;
  margin: 0 auto; }
  #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper .img {
    margin: 0 0 2px; }
  #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable {
    line-height: 1.3; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th {
      width: auto;
      background-color: #dbdbdb;
      color: #362d08; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr.title th {
      font-size: 16px;
      font-size: 1.6rem;
      background-color: #dbdbdb;
      color: #362d08; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .toku2 {
      background-color: #666666;
      color: #fff; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .gas {
      background-color: #187eb7;
      color: #fff; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .otoku {
      background-color: #e54715 !important;
      color: #fff !important; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell01 {
      width: 12.5%; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell02 {
      width: 25%; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .centerTd {
      text-align: center; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd {
      text-align: right; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd.emText {
        font-weight: bold; }

@media only screen and (max-width: 834px) {
  #dWrapper.set.kateneplan3 #dMFWrapper .trialNotice {
    margin-top: 15px;
    font-size: 11px;
    font-size: 1.1rem;
    text-indent: -1em;
    padding-left: 1rem; }
  #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper {
    padding: 0 15px 30px; }
    #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash {
      width: 100%;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.4;
      text-align: center;
      position: relative;
      margin: 20px auto 0;
      padding: 40px 0 0;
      background: none;
      color: #362d08;
      background: url("/image/2017/page/gas/ico_plan(768).png") 50% 0 no-repeat;
      background-size: 70px auto; }
      #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span {
        display: inline-block;
        position: relative; }
        #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span:before {
          content: " ";
          display: block;
          position: absolute;
          width: 27px;
          height: 47px;
          left: 0;
          top: auto;
          bottom: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_tohogas_left(768).png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span:after {
          content: " ";
          display: block;
          position: absolute;
          width: 27px;
          height: 47px;
          right: 0;
          top: auto;
          bottom: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_tohogas_right(768).png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span .smallText {
          display: inline-block;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.4;
          margin: 0 0 3px; }
        #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .h3Slash > span .moreSmallText {
          font-size: 9px;
          font-size: 0.9rem; }
    #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .img {
      margin-top: 18px;
      position: relative;
			padding-left: 18px; }
      #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .img:after {
        content: " ";
        display: block;
        position: absolute;
        width: 73px;
        height: 64px;
        left: -18px;
        top: 38%;
        background: url("/image/2017/page/gas/kateneplan1/ico_more(768).png") 0 0 no-repeat;
				background-size: contain;
       }
    #dWrapper.set.kateneplan3 #dMFWrapper .denkiSetWrapper .otokuBtn {
      margin-top: 25px; }
  #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc {
    margin: 25px auto 0; }
    #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialTitle {
      padding: 14px 0;
      background-color: #ece8e4;
      color: #623f1d;
      font-weight: bold;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.08;
      cursor: pointer; }
      #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialTitle:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_closs(768).png") 0 0 no-repeat;
        background-size: contain;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
      #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialTitle.active:after {
        content: " ";
        width: 12px;
        height: 12px;
        background: url("/image/2017/template/ico_minus(768).png") 0 50% no-repeat;
        background-size: 12px auto;
        display: inline-block;
        margin-left: 10px;
        vertical-align: top; }
    #dWrapper.set.kateneplan3 #dMFWrapper .otokuTrialCalc .trialNotice {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.set.kateneplan3 #dMFWrapper .gasPlanWrapper {
    padding: 20px 15px 30px; }
    #dWrapper.set.kateneplan3 #dMFWrapper .gasPlanWrapper h4 {
      margin: 0 0 11px;
      padding: 0;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5;
      text-align: center;
      background: none; }
      #dWrapper.set.kateneplan3 #dMFWrapper .gasPlanWrapper h4 .smallText {
        font-size: 9px;
        font-size: 0.9rem; }
  #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper {
    width: 100%;
    overflow-x: auto;
    margin: 0 auto 15px;
    padding: 0 0 10px; }
    #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable {
      border-top: 1px solid #362d08;
      border-left: 1px solid #362d08;
      border-collapse: separate;
      border-spacing: 0px;
      background-color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      display: table;
      width: 460px; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable .unitSizeCell01 {
        width: 25%; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable .unitSizeCell02 {
        width: 50%; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th {
        font-size: 11px;
        font-size: 1.1rem;
        padding: 5px 0; }
        #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th:last-child {
          border-right: 1px solid #362d08;
          background-image: none; }
        #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr th .yen {
          font-size: 12px;
          font-size: 1.2rem; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead tr.title th {
        font-size: 12px;
        font-size: 1.2rem;
        background-color: #dbdbdb; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .gas {
        background-color: #187eb7;
        color: #fff; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .otoku {
        background-color: #e54715 !important;
        color: #fff !important; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .smallText {
        font-size: 9px;
        font-size: 0.9rem; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell01 {
        width: 12.5%; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable thead .unitPriceCell02 {
        width: 25%; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .centerTd {
        text-align: center; }
      #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd {
        text-align: right; }
        #dWrapper.set.kateneplan3 #dMFWrapper .spTableWrapper table.eGasTokuTable tbody tr .priceTd.emText {
          font-weight: bold; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
.pointPopup #dWrapper.set.point4 #dMFWrapper {
  background: none;
  padding-bottom: 80px; }
  .pointPopup #dWrapper.set.point4 #dMFWrapper .eArticleWrapper {
    max-width: 1000px;
    margin: 40px auto; }

#dWrapper.set.point4 #dMFWrapper .pointUp {
  margin-top: 10px; }
#dWrapper.set.point4 #dMFWrapper .point4Wrapper {
  padding: 50px 40px; }
  #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem {
    float: left;
    width: 25%;
    margin-right: 20px;
    padding: 15px 15px 0;
    background: url("/image/2017/template/bg_otoku_stripe_blue.png") 0 0 repeat; }
    #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem:last-child {
      margin-right: -60px; }
    #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem a {
      display: block;
      text-decoration: none; }
      #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem a:hover {
        text-decoration: none; }
  #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuDetail {
    margin: 15px -15px 0 -15px;
    text-align: center;
    position: relative;
    height: 30px;
    text-indent: -9999px;
    background: #b2e3ea url("/image/2017/module/ico_angle_bottom_brown.png") 50% 50% no-repeat; }
#dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper {
  padding: 40px; }
  #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .leadText {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.5;
    padding: 65px 0 0;
    background: url("/image/2017/page/4point/kn_denkigas.png") 50% 0 no-repeat; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .leadText p {
      text-align: center;
      font-weight: bold; }
  #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModImage {
    text-align: center;
    margin: 20px auto 0;
    position: relative; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModImage:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent; }
  #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .detailText {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin: 45px auto 0; }
  #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModLink {
    margin-top: 5px; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModLink ul {
      left: 0; }
      #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModLink ul li {
        left: 0; }
  #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .trialNotice {
    margin-top: 25px; }
#dWrapper.set.point4 #dMFWrapper .setPaymentWrapper {
  padding: 35px 40px 40px; }
  #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .eModCol2 {
    margin: 0 0 30px; }
    #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .eModCol2 .eModColHelf:first-child .img {
      margin-top: 30px; }
  #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .matometeCheck {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    position: relative;
    padding-right: 300px; }
    #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .matometeCheck .img {
      display: block;
      position: absolute;
      right: 0;
      top: 0; }
#dWrapper.set.point4 #dMFWrapper .setSafetyWrapper {
  padding: 35px 40px 50px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6; }
  #dWrapper.set.point4 #dMFWrapper .setSafetyWrapper .kModImage {
    text-align: center;
    margin: 47px auto 0;
    position: relative; }
    #dWrapper.set.point4 #dMFWrapper .setSafetyWrapper .kModImage:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent; }
#dWrapper.set.point4 #dMFWrapper .reasonWrapper {
  margin: 40px 0 0;
  background-color: #fff6d0;
  padding: 25px; }
  #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem {
    display: table;
    width: 100%;
    margin-top: 10px;
    background-color: #ffffff; }
    #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem:first-child {
      margin-top: 0; }
    #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem .reasonTtl {
      display: table-cell;
      width: 110px;
      padding: 20px 0;
      text-align: center;
      vertical-align: middle;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.6;
      font-weight: bold;
      background-color: #fedd74; }
    #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem .reasonImg {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.6;
      padding: 24px 20px 23px;
      display: table-cell;
      text-align: left;
      vertical-align: middle; }
#dWrapper.set.point4 #dMFWrapper .importGas {
  margin: 45px 0 0; }
  #dWrapper.set.point4 #dMFWrapper .importGas h4 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.53;
    font-weight: bold;
    border: none;
    background: none;
    text-align: center;
    padding: 0;
    margin: 0 0 32px; }
  #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 {
    margin: 32px 0 0; }
    #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem {
      background: #fff6d0;
      padding: 25px; }
      #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem h5 {
        text-align: center;
        margin-bottom: 20px; }
        #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem h5 > span {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.44;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
      #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.6; }
        #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section .img {
          float: left; }
        #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section p {
          padding: 0 0 0 180px;
          margin: 0; }
        #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section .noticeText {
          margin: 7px 0 0;
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.5; }
#dWrapper.set.point4 #dMFWrapper .importGasSafety {
  position: relative;
  margin: 20px 0 0;
  padding: 56px 0 20px; }
  #dWrapper.set.point4 #dMFWrapper .importGasSafety p {
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1.38;
    color: #e63800;
    font-weight: bold;
    border: none;
    background: none;
    text-align: center;
    padding: 0;
    margin: 0; }
  #dWrapper.set.point4 #dMFWrapper .importGasSafety:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 118px;
    height: 42px;
    margin-left: -59px;
    background: url("/image/2017/page/4point/bg_arrow.png") 0 0 no-repeat;
    background-size: contain; }
  #dWrapper.set.point4 #dMFWrapper .importGasSafety:after {
    content: "";
    position: absolute;
    top: 40px;
    left: 50%;
    width: 110px;
    height: 136px;
    margin-left: 289px;
    background: url("/image/2017/page/4point/bg_kateneko.png") 0 0 no-repeat;
    background-size: contain; }
#dWrapper.set.point4 #dMFWrapper .setStepWrapper {
  padding: 35px 40px 40px; }

@media only screen and (max-width: 834px) {
  .pointPopup #dWrapper.set.point4 {
    padding-bottom: 0; }
    .pointPopup #dWrapper.set.point4 #dMFWrapper {
      background: none;
      padding-bottom: 40px; }
      .pointPopup #dWrapper.set.point4 #dMFWrapper .eArticleWrapper {
        max-width: none;
        margin: 30px 5px; }

  #dWrapper.set.point4 #dMFWrapper .img {
    text-align: center; }
  #dWrapper.set.point4 #dMFWrapper .pointUp {
    margin-top: 8px; }
  #dWrapper.set.point4 #dMFWrapper .kModImage {
    margin-top: 10px;
    text-align: center;
    position: relative; }
    #dWrapper.set.point4 #dMFWrapper .kModImage:after {
      content: "";
      position: static;
      display: none;
      background: none; }
    #dWrapper.set.point4 #dMFWrapper .kModImage + .kModLink {
      margin-top: 0; }
    #dWrapper.set.point4 #dMFWrapper .kModImage a {
      display: block;
      position: relative;
      padding: 0 0 35px; }
      #dWrapper.set.point4 #dMFWrapper .kModImage a:after {
        content: " ";
        display: block;
        position: absolute;
        width: 33px;
        height: 35px;
        background: url("/image/2017/template/ico_zoom(768).png") 0 0 no-repeat;
        background-size: contain;
        right: 0;
        bottom: 0; }
  #dWrapper.set.point4 #dMFWrapper .h3Merit {
    width: 100%;
    padding: 0;
    height: 55px;
    display: table; }
    #dWrapper.set.point4 #dMFWrapper .h3Merit > span {
      display: table-cell;
      width: 100%;
      text-align: center;
      vertical-align: middle; }
  #dWrapper.set.point4 #dMFWrapper .point4Wrapper {
    padding: 50px 40px; }
    #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem {
      float: left;
      width: 25%;
      margin-right: 20px;
      padding: 15px 15px 0;
      background: url("/image/2017/template/bg_otoku_stripe_blue.png") 0 0 repeat; }
      #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem:last-child {
        margin-right: -60px; }
      #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem a {
        display: block;
        text-decoration: none; }
        #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuPointItem a:hover {
          text-decoration: none; }
    #dWrapper.set.point4 #dMFWrapper .point4Wrapper .otokuPoint .otokuDetail {
      margin: 15px -15px 0 -15px;
      text-align: center;
      position: relative;
      height: 30px;
      text-indent: -9999px;
      background: #b2e3ea url("/image/2017/module/ico_angle_bottom_brown.png") 50% 50% no-repeat; }
  #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper {
    padding: 20px 15px 25px; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .leadText {
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.5;
      padding: 40px 0 0;
      background: url("/image/2017/page/4point/kn_denkigas.png") 50% 0 no-repeat;
      background-size: 70px auto; }
      #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .leadText p {
        text-align: center;
        font-weight: bold; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModImage {
      text-align: center;
      margin: 10px auto 0; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .detailText {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6;
      margin: 13px auto 0; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModLink {
      margin-top: 5px; }
      #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModLink ul {
        left: 0; }
        #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .kModLink ul li {
          left: 0; }
    #dWrapper.set.point4 #dMFWrapper .kateneGasSetWrapper .trialNotice {
      margin-top: 12px;
      font-size: 11px;
      font-size: 1.1rem;
      text-indent: -1em;
      padding-left: 1em; }
  #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper {
    padding: 17px 15px 25px; }
    #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .ulModEleDisc {
      margin-bottom: 8px; }
    #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .eModCol2 {
      margin: 0 0 38px; }
      #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .eModCol2 .eModColHelf {
        margin-top: 28px; }
        #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .eModCol2 .eModColHelf:first-child {
          margin-top: 0; }
          #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .eModCol2 .eModColHelf:first-child .img {
            margin-top: 20px; }
    #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .matometeCheck {
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6;
      padding: 0; }
      #dWrapper.set.point4 #dMFWrapper .setPaymentWrapper .matometeCheck .img {
        position: static;
        top: auto;
        right: auto;
        margin-top: 25px; }
  #dWrapper.set.point4 #dMFWrapper .setSafetyWrapper {
    padding: 17px 15px 25px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6; }
    #dWrapper.set.point4 #dMFWrapper .setSafetyWrapper .kModImage {
      text-align: center;
      margin: 20px auto 0; }
  #dWrapper.set.point4 #dMFWrapper .reasonWrapper {
    margin: 20px 0 0;
    background-color: #fff6d0;
    padding: 10px; }
    #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem {
      display: block;
      width: 100%;
      margin-top: 10px;
      background-color: #ffffff; }
      #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem:first-child {
        margin-top: 0; }
      #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem .reasonTtl {
        display: block;
        width: auto;
        padding: 5px 0;
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.5;
        font-weight: bold;
        background-color: #fedd74; }
      #dWrapper.set.point4 #dMFWrapper .reasonWrapper .reasonItem .reasonImg {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.66;
        padding: 11px 15px;
        display: block;
        text-align: left;
        vertical-align: middle; }
  #dWrapper.set.point4 #dMFWrapper .importGas {
    margin: 21px 0 0; }
    #dWrapper.set.point4 #dMFWrapper .importGas h4 {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.4375;
      font-weight: bold;
      border: none;
      background: none;
      text-align: center;
      padding: 0;
      margin: 0 0 16px; }
    #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 {
      margin: 16px 0 0; }
      #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .eModColHelf:last-child {
        margin: 10px 0 0; }
      #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem {
        background: #fff6d0;
        padding: 15px; }
        #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem h5 {
          text-align: center;
          margin-bottom: 16px; }
          #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem h5 > span {
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.642857142857143;
            padding: 0 4px 7px;
            display: inline-block;
            background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
        #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section {
          font-size: 12px;
          font-size: 1.2rem;
          line-height: 1.66; }
          #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section .img {
            width: 80px;
            float: left; }
            #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section .img img {
              width: 100%;
              height: auto; }
          #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section p {
            padding: 0 0 0 90px;
            margin: 0; }
          #dWrapper.set.point4 #dMFWrapper .importGas .eModCol2 .importGasItem .section .noticeText {
            margin: 7px 0 0;
            font-size: 11px;
            font-size: 1.1rem;
            line-height: 1.5; }
  #dWrapper.set.point4 #dMFWrapper .importGasSafety {
    position: relative;
    margin: 10px 0 0;
    padding: 32px 0 83px; }
    #dWrapper.set.point4 #dMFWrapper .importGasSafety p {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.53;
      color: #e63800;
      font-weight: bold;
      border: none;
      background: none;
      text-align: center;
      padding: 0;
      margin: 0; }
    #dWrapper.set.point4 #dMFWrapper .importGasSafety:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      width: 59px;
      height: 21px;
      margin-left: -30px;
      background: url("/image/2017/page/4point/bg_arrow.png") 0 0 no-repeat;
      background-size: contain; }
    #dWrapper.set.point4 #dMFWrapper .importGasSafety:after {
      content: "";
      position: absolute;
      top: auto;
      bottom: 5px;
      left: 50%;
      width: 55px;
      height: 68px;
      margin-left: -27px;
      background: url("/image/2017/page/4point/bg_kateneko.png") 0 0 no-repeat;
      background-size: contain; }
  #dWrapper.set.point4 #dMFWrapper .setStepWrapper {
    padding: 17px 15px 25px; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================
*/
#dWrapper.set.area #dMFWrapper .eAreaTitle {
  padding: 43px 0 0; }
  #dWrapper.set.area #dMFWrapper .eAreaTitle h3 {
    font-size: 26px;
    font-size: 2.6rem;
    text-align: center;
    color: #362d08;
    line-height: 1.5;
    margin: 0 0 21px; }
  #dWrapper.set.area #dMFWrapper .eAreaTitle .lead {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center; }
#dWrapper.set.area #dMFWrapper .areaTable {
  margin: 30px 40px 0; }
#dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper {
  margin: 30px 0 0;
  background-color: #ece8e4; }
  #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect {
    position: relative;
    overflow: hidden;
    padding: 10px 0 14px; }
    #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul {
      float: left;
      left: 50%;
      position: relative; }
      #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li {
        position: relative;
        float: left;
        left: -50%;
        width: 50px;
        color: #362d08;
        font-size: 22px;
        font-size: 2.2rem;
        padding: 7px 0;
        margin-right: 10px;
        font-weight: bold;
        text-align: center;
        background-color: #ffffff;
        border-radius: 8px;
        box-shadow: 0px 4px 0px 0px #dbdbdb;
        cursor: pointer; }
        #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li:hover, #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li.select {
          color: #fff;
          background-color: #e85938;
          box-shadow: 0px 4px 0px 0px #ba472d; }
        #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li.lastElement {
          margin-right: 0; }
#dWrapper.set.area #dMFWrapper div .eAreaContent {
  padding: 40px; }
  #dWrapper.set.area #dMFWrapper div .eAreaContent h4 {
    color: #362d08;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: bold;
    border: none;
    border-bottom: 1px solid #362d08;
    margin-bottom: 20px;
    padding: 0;
    background: none; }
    #dWrapper.set.area #dMFWrapper div .eAreaContent h4 span {
      color: #362d08; }
#dWrapper.set.area #dMFWrapper div.eAreaBox .hide {
  display: none; }
#dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion {
  border-bottom: 1px dotted #362d08;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dt {
    color: #362d08;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0;
    background: url("/image/2017/page/area/ico_plus.png") no-repeat 100% 50%;
    cursor: pointer; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dt span {
      color: #362d08;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      padding-left: 1em; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dt.open {
      background: url("/image/2017/page/area/ico_minus.png") no-repeat 100% 50%; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dd {
    display: none;
    padding: 15px 0 0;
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
#dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen {
  border-bottom: 1px dotted #362d08;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen dt {
    color: #362d08;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0;
    background: none;
    cursor: default; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen dt span {
      color: #362d08;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: normal;
      padding-left: 1em; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen dd {
    display: none;
    padding: 15px 0 0;
    margin: 0;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
#dWrapper.set.area #dMFWrapper div.eAreaNoArea {
  background-color: #fff6d0;
  border: none;
  padding: 70px 0;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  font-weight: bold; }

@media only screen and (max-width: 834px) {
  #dWrapper.set.area #dMFWrapper .eAreaTitle {
    padding: 21px 0 0; }
    #dWrapper.set.area #dMFWrapper .eAreaTitle h3 {
      font-size: 17px;
      font-size: 1.7rem;
      text-align: center;
      color: #362d08;
      line-height: 1.5;
      margin: 0 0 13px; }
    #dWrapper.set.area #dMFWrapper .eAreaTitle .lead {
      padding: 0 15px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.63; }
      #dWrapper.set.area #dMFWrapper .eAreaTitle .lead li {
        text-indent: -1em;
        padding-left: 1em;
        text-align: left; }
  #dWrapper.set.area #dMFWrapper .areaTable {
    margin: 20px 15px 0; }
  #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper {
    margin: 20px 0 0;
    background-color: #ece8e4; }
    #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect {
      position: relative;
      overflow: hidden;
      width: 280px;
      padding: 0 0 14px;
      margin: 0 auto; }
      #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul {
        float: left;
        left: 50%;
        position: relative; }
        #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li {
          position: relative;
          float: left;
          left: -50%;
          width: 50px;
          color: #362d08;
          font-size: 17px;
          font-size: 1.7rem;
          padding: 12px 0 11px;
          margin-top: 11px;
          margin-right: 7px;
          font-weight: bold;
          text-align: center;
          background-color: #ffffff;
          border-radius: 8px;
          box-shadow: 0px 4px 0px 0px #dbdbdb;
          cursor: pointer; }
          #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li:hover, #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li.select {
            color: #fff;
            background-color: #e85938;
            box-shadow: 0px 4px 0px 0px #ba472d; }
          #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li.lastElement, #dWrapper.set.area #dMFWrapper div.eAreaSelectWrapper .eAreaSelect ul li:nth-child(5) {
            margin-right: 0; }
  #dWrapper.set.area #dMFWrapper div .eAreaContent {
    padding: 25px 15px 25px; }
    #dWrapper.set.area #dMFWrapper div .eAreaContent h4 {
      color: #362d08;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      border: none;
      border-bottom: 1px solid #362d08;
      margin-bottom: 15px;
      padding: 0 0 5px;
      background: none; }
      #dWrapper.set.area #dMFWrapper div .eAreaContent h4 span {
        color: #362d08; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox .hide {
    display: none; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion {
    border-bottom: 1px dotted #362d08;
    padding-bottom: 12px;
    margin-bottom: 12px; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dt {
      color: #362d08;
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: bold;
      padding: 0;
      background: url("/image/2017/page/area/ico_plus(768).png") no-repeat 100% 50%;
      background-size: 18px 13px;
      cursor: pointer; }
      #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dt span {
        color: #362d08;
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: normal;
        padding-left: 1em; }
      #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dt.open {
        background: url("/image/2017/page/area/ico_minus(768).png") no-repeat 100% 50%;
        background-size: 18px 2px; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaAccordion dd {
      display: none;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6;
      padding: 7px 0 0;
      margin: 0; }
  #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen {
    border-bottom: 1px dotted #362d08;
    padding-bottom: 12px;
    margin-bottom: 12px; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen dt {
      color: #362d08;
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: bold;
      padding: 0;
      background: none;
      cursor: default; }
      #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen dt span {
        color: #362d08;
        font-size: 11px;
        font-size: 1.1rem;
        font-weight: normal;
        padding-left: 1em; }
    #dWrapper.set.area #dMFWrapper div.eAreaBox dl.eAreaNoOpen dd {
      display: none;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.6;
      padding: 7px 0 0;
      margin: 0; }
  #dWrapper.set.area #dMFWrapper div.eAreaNoArea {
    background-color: #fff6d0;
    border: none;
    padding: 35px 0;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
    font-weight: bold; } }
/*
========================================
File Name       : _module.css
Description     : モジュール用
Version         : 1.0.0
Since           : 2017-07-01
Last Up Date    : 2017-07-01
========================================


*/
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper {
  padding: 46px 0 0;
  margin: 0 0 60px;
  position: relative; }
  #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper:after {
 }
  #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.38;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 52px;
      font-size: 5.2rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .priceText .yen {
        font-size: 32px;
        font-size: 3.2rem;
        font-weight: bold;
        font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .lineBreak {
      display: inline-block;
      margin: 12px 0 0; }
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead sup {
      font-size: 14px;
      font-size: 1.4rem;
      top: -1.5em; }
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .attention {
	margin: 40px auto 20px;
	max-width: 760px;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .attention>li {
	font-size: 1.4rem;
	font-weight: normal;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.7;
	
}
  #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .condition {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.625;
    margin: 14px 0 0;
    padding: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .condition .smallText {
      font-size: 12px;
      font-size: 1.2rem; }

#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two {
	max-width: 814px;
	margin: 0 auto 50px;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two:after {
	content: "";
	clear: both;
	display: table;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column {
	float: left;
	width: 50%;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(1) {
	padding-right: 47px;
	background-image: url(/image/2016/common/bg_line_dot_ver_gray.png);
	background-repeat: repeat-y;
	background-position: right top;
}

#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2) {
	padding-left: 47px;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.bnr {
	margin: 0 auto 10px;
	max-width: 302px;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.btn {
	margin-bottom: 0;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.btn>a {
	font-size: 1.6rem;
	padding: 16px 0;
	font-weight: 500;
	display: block;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
	border-radius: 30px;
	position: relative;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2n+1)>p.btn>a {
	background-color: #ffa900;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2n+2)>p.btn>a {
	background-color: #0a7db9;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.btn>a:before {
	content: "";
	position: absolute;
	left: 30px;
	top: 10px;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2n+1)>p.btn>a:before {
	width: 25px;
	height: 40px;
	background-image: url(/image/2017/page/ikigai/icon_electricity.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2n+2)>p.btn>a:before {
	width: 27px;
	height: 37px;
	background-image: url(/image/2017/page/ikigai/icon_gas.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.btn>a:after {
	content: " ";
	width: 9px;
	height: 16px;
	background: url(/image/2017/module/ico_angle_right_white.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -8px;
}
  #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 {
    position: relative;
    text-align: center;
    margin: 60px auto 0;
    padding: 0;
    font-size: 26px;
    font-size: 2.6rem;
    color: #362d08; }
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 > span {
      display: inline-block;
      position: relative; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 > span:before {
        content: " ";
        display: block;
        position: absolute;
        width: 35px;
        height: 60px;
        margin-right: 15px;
        margin-top: -27px;
        background: url("/image/2017/page/denki/bg_slash_left.png") 0 0 no-repeat;
        background-size: contain;
        left: -47px;
        top: 50%; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 > span:after {
        content: " ";
        display: block;
        position: absolute;
        width: 35px;
        height: 60px;
        margin-left: 15px;
        margin-top: -27px;
        background: url("/image/2017/page/denki/bg_slash_right.png") 0 0 no-repeat;
        background-size: contain;
        right: -47px;
        top: 50%; }
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement {
				max-width: 920px;
				margin: 20px auto 50px;
				padding: 20px 50px 0;
				border-top: 1px solid #e6e6e6;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-item {
				display: flex;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-item .Agreement-title {
				border-radius: 5px;
				border: 1px solid #333333;
				padding: 3px 0;
				min-width: 160px;
				text-align: center;
				display: inline-table;
				font-size: 14px;
				font-weight: 600;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents {
				max-width: 615px;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents ul li {
				position: relative;
				padding-left: 15px;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents ul li:not(:first-child) {
				margin-top: 5px;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents ul li:before {
				content: "・";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents .Agreement-contents-title {
				font-weight: 600;
				margin-bottom: 10px;
			}
			#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents .Agreement-contents-lead {
				font-weight: 600;
			}
			.Agreement-contents-lead.list__item {
				font-weight: 600;
				position: relative;
				padding-left: 15px;
			}
			.Agreement-contents-lead.list__item:not(:first-child) {
				margin-top: 5px;
			}
			.Agreement-contents-lead.list__item:before {
				content: "・";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
			}
#dWrapper.denki.ikigai #dMFWrapper .examplePlanWrapper {
  padding: 0 40px 50px; }
#dWrapper.denki.ikigai #dMFWrapper .examplePlanWrapper.-before {
  padding: 34px 40px 50px; }
#dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 {
  background: #fff6d0;
  padding: 25px; }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 h5 {
    text-align: center;
    margin-bottom: 25px; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 h5 > span {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.44;
      padding: 0 4px 8px;
      display: inline-block;
      background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 h5 > span .smallText {
        font-size: 15px;
        font-size: 1.5rem; }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem {
    display: table;
    width: 100%;
    margin-top: 3px;
    background-color: #ffffff; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem:first-child {
      margin-top: 0;
      margin-bottom: 8px; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem .expCaseTtl {
      display: table-cell;
      width: 140px;
      text-align: center;
      vertical-align: middle;
      background-color: #fedd74; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem .expCaseImg {
      display: table-cell;
      text-align: center;
      vertical-align: middle; }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .pointNotice {
    margin-top: 16px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .pointNotice li {
      padding-left: 1em;
      text-indent: -1em; }
#dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 {
  background: #fff6d0;
  padding: 30px 25px 24px;
  margin-top: 60px;
  position: relative; }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02:before {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    width: 34px;
    height: 34px;
    margin-left: -17px;
    background: url("/image/2017/template/bg_otoku_plus.png") 50% 50% no-repeat;
    background-size: contain; }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 p {
    text-align: center;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.33;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 p .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 p .bigText {
      font-size: 26px;
      font-size: 2.6rem; }
#dWrapper.denki.ikigai #dMFWrapper .basePrice {
  background: #fff6d0;
  padding: 25px;
  margin: 20px 0 0; }
  #dWrapper.denki.ikigai #dMFWrapper .basePrice h5 {
    text-align: center;
    margin-bottom: 25px; }
    #dWrapper.denki.ikigai #dMFWrapper .basePrice h5 > span {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.44;
      padding: 0 4px 8px;
      display: inline-block;
      background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.ikigai #dMFWrapper .basePrice .kModImage {
    margin-top: 10px;
    text-align: center;
    position: relative; }
    #dWrapper.denki.ikigai #dMFWrapper .basePrice .kModImage:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent; }
  #dWrapper.denki.ikigai #dMFWrapper .basePrice + .pointNotice {
    margin-top: 16px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left; }
#dWrapper.denki.ikigai #dMFWrapper .eModColHelf .pointNotice {
  padding: 0 0 0 36px;
  margin-top: 16px;
  text-align: left; }
  #dWrapper.denki.ikigai #dMFWrapper .eModColHelf .pointNotice li {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 1em;
    text-indent: -1em; }
#dWrapper.denki.ikigai #dMFWrapper .trialNotice {
  margin-top: 20px; }
#dWrapper.denki.ikigai #dMFWrapper .katenePoint {
  margin-top: 20px;
  padding-right: 20px; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
    width: 50%; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem {
    float: left;
    width: 50%;
    margin: 20px 20px 0 0;
    padding: 25px;
    background: #fff6d0; }
		#dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem:nth-of-type(1),
		#dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2){
			margin-top: 0;
		}
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem:nth-of-type(2n+2) {
      margin-right: -20px; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem h5 {
      text-align: center;
      margin-bottom: 14px; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem h5 > span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent .smallText {
      font-size: 20px;
      font-size: 2.0rem; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent .priceText {
      display: inline-block;
      margin: 0 3px;
      font-size: 36px;
      font-size: 3.6rem;
      color: #e63800;
      font-family: "Montserrat",sans-serif;
      font-weight: 700; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent .point {
      color: #e63800;
      font-size: 30px;
      font-size: 3.0rem;
      font-weight: bold; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice p {
      margin-bottom: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice li {
      text-indent: -1em;
      padding-left: 1rem; 
      text-align: left;}
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice .smallText {
      font-size: 12px;
      font-size: 1.2rem; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointText {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointImg {
    margin-top: 18px;
    padding: 15px;
    background-color: #fff; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint + .otokuBtn {
    margin-top: 40px; }
#dWrapper.denki.ikigai #dMFWrapper .ePointBox {
  margin: 10px auto 0;
  padding: 44px 0 0;
  max-width: 520px;
  background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat; }
  #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxHead {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 0 repeat-x; }
  #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft {
    background: url("/image/2017/page/denki/bg_baloon_h.png") 0 0 repeat-y; }
    #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
      padding: 12px 0;
      background: url("/image/2017/page/denki/bg_baloon_h.png") 100% 0 repeat-y;
      text-align: center;
      font-weight: bold;
      font-size: 22px;
      font-size: 2.2rem; }
      #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
        margin-top: -10px;
        margin-right: 20px;
        vertical-align: middle;
        display: inline-block;
        content: " ";
        width: 52px;
        height: 48px;
        background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
        background-size: contain; }
      #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
        display: inline-block;
        margin: 0 3px;
        color: #e63800;
        font-size: 38px;
        font-size: 3.8rem;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
        font-size: 30px;
        font-size: 3.0rem;
        color: #e63800; }
      #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
        font-size: 12px;
        font-size: 1.2rem;
        top: -2.5em; }
  #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxFoot {
    font-size: 0;
    width: 100%;
    height: 3px;
    background: url("/image/2017/page/denki/bg_baloon_top.png") 7px 100% repeat-x;
    position: relative; }
  #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointNotice {
    margin-top: 18px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: left;
    text-indent: -1em;
    padding-left: 1em; }

#dWrapper.denki.ikigai #dMFWrapper .stepListWrapper {
  padding: 58px 40px 41px; }
  #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li {
    width: 31.5%;
    float: left;
    background-color: #fff6d0;
    padding: 0 25px 23px;
    position: relative; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li h4 {
      text-align: center;
      background: none;
      padding-left: 0;
      margin: -6px 0 21px; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li h4 > span {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.44;
        padding: 0 8px 8px 4px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li .img {
      text-align: center;
      margin-top: 20px; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li .text {
      margin: 30px 0 0;
      font-size: 15px;
      position: relative; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li .link {
      font-size: 13px;
      text-align: left;
      margin-top: 2px; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:before {
      content: "";
      position: relative;
      width: 56px;
      height: 56px;
      left: 50%;
      margin-left: -28px;
      top: -18px;
      display: block; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(1) {
      margin-right: 2.7%; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(1):before {
        background: url("/image/2017/page/ikigai/ico_step1.png") no-repeat left top; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(1):after {
        content: "";
        background: url("/image/2017/page/ikigai/ico_step_arr_01.png") no-repeat left top;
        position: absolute;
        right: -7.5%;
        top: 50%;
        margin-top: -22px;
        width: 16px;
        height: 44px;
        display: block;
        z-index: 1; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2) {
      margin-right: 2.7%; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2) .img {
        margin-top: 28px; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2):before {
        background: url("/image/2017/page/ikigai/ico_step2.png") no-repeat left top; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2):after {
        content: "";
        background: url("/image/2017/page/ikigai/ico_step_arr_01.png") no-repeat left top;
        position: absolute;
        right: -7.5%;
        top: 50%;
        margin-top: -22px;
        width: 16px;
        height: 44px;
        display: block;
        z-index: 1; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3) .img {
      margin-top: 34px; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3) .text {
      margin-top: 36px; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3):before {
      background: url("/image/2017/page/ikigai/ico_step3.png") no-repeat left top; }
  #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepText {
    margin: 81px 0 0;
    position: relative;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.5em;
    font-weight: bold;
    padding: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepText:after {
      content: "";
      background: url("/image/2017/page/ikigai/ico_step_arr_02.png") no-repeat left top;
      position: absolute;
      left: 50%;
      top: -61px;
      margin-left: -59px;
      width: 118px;
      height: 42px;
      display: block;
      z-index: 1; }

@media only screen and (max-width: 834px) {
  #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper {
    padding: 20px 15px 20px;
    margin: 0 0 30px;
    position: relative; }
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper:after {
}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .attention>li {
		font-size: 1.2rem;
	}
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead {
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.294;
      text-align: center;
      font-weight: bold;
      margin: 0;
      padding: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .lineHeight {
        display: inline-block;
        margin-top: 5px; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .lineBreak {
        display: inline-block;
        margin-top: 5px; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 27px;
        font-size: 2.7rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
        #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead .priceText .yen {
          font-size: 17px;
          font-size: 1.7rem;
          font-weight: bold;
          font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .lead sup {
        font-size: 11px;
        font-size: 1.1rem;
        top: -1em; }

	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .attention {
		margin-top: 20px;
	}
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .condition {
      text-align: center;
      font-weight: bold;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.66;
      margin: 0 0 30px;
      padding: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .condition .smallText {
        font-size: 10px;
        font-size: 1.0rem; }
	
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two {
		margin-bottom: 30px;
		
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column {
		float: none;
		width: 100%;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(1) {
		padding: 0 0 20px;
		background-image: url(/image/2016/common/bg_line_dot_hor_gray.png);
		background-repeat: repeat-x;
		background-position: left bottom;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2) {
		padding: 20px 0 0;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.bnr {
		max-width: 230px;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.btn>a {
		font-size: 1.4rem;
		padding: 16px 20px 16px 30px;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column>p.btn>a:before {
		left: 22px;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2n+1)>p.btn>a:before {
		width: 20px;
		height: 32px;
	}
	#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .columns.-two>.column:nth-of-type(2n+2)>p.btn>a:before {
		width: 22px;
		height: 30px;
	}
    #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 {
      position: relative;
      text-align: center;
      margin: 25px auto 0;
      padding: 0;
      font-size: 16px;
      font-size: 1.6rem;
      color: #362d08; }
      #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 > span {
        display: inline-block;
        position: relative; }
        #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 > span:before {
          content: " ";
          display: block;
          position: absolute;
          width: 18px;
          height: 30px;
          margin-right: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_left.png") 0 0 no-repeat;
          background-size: contain;
          left: -27px;
          top: auto;
          bottom: 0; }
        #dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper h3 > span:after {
          content: " ";
          display: block;
          position: absolute;
          width: 18px;
          height: 30px;
          margin-left: 0;
          margin-top: 0;
          background: url("/image/2017/page/denki/bg_slash_right.png") 0 0 no-repeat;
          background-size: contain;
          right: -27px;
          top: auto;
          bottom: 0; }
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement {
					max-width: inherit;
					margin: 20px auto 0;
					padding: 20px 0;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-item {
					display: block;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-item:not(:first-child) {
					margin-top: 20px;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-item .Agreement-title {
					padding: 0;
					min-width: inherit;
					max-width: 200px;
					margin: 0 auto 10px;
					text-align: center;
					display: block;
					font-size: 12px;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents {
					margin-left: 0;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents p {
					font-size: 1.2rem;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents ul li:not(:first-child) {
					margin-top: 5px;
				}
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents .Agreement-contents-title {
					font-weight: 600;
					margin-bottom: 0;
					text-align: center;
				}	
				#dWrapper.denki.ikigai #dMFWrapper .eTokuLeadTepcoWrapper .dAgreement .Agreement-contents .Agreement-contents-lead {
					font-size: 1.2rem;
        }
				.Agreement-contents-lead.list__item {
					font-size: 1.2rem;
        }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlanWrapper {
    padding: 0; }
	#dWrapper.denki.ikigai #dMFWrapper .examplePlanWrapper.-before {
    padding: 15px 15px 20px;}
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 {
    background: #fff6d0;
    padding: 20px 10px; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 h5 {
      text-align: center;
      margin-bottom: 20px; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 h5 > span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.64;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
        background-size: auto 3px; }
        #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 h5 > span .smallText {
          font-size: 12px;
          font-size: 1.2rem; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem {
      display: table;
      width: 100%;
      margin-top: 3px;
      background-color: #ffffff; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem:first-child {
        margin-top: 0;
        margin-bottom: 6px; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem .expCaseTtl {
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        background-color: #fedd74; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .expCaseWrapper .expCaseItem .expCaseImg {
        display: table-cell;
        text-align: center;
        vertical-align: middle; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .pointNotice {
      margin-top: 16px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.63; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem01 .pointNotice li {
        padding-left: 1em;
        text-indent: -1em; }
  #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 {
    background: #fff6d0;
    padding: 18px 0 13px;
    margin-top: 30px;
    position: relative; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02:before {
      content: "";
      position: absolute;
      top: -24px;
      left: 50%;
      width: 17px;
      height: 17px;
      margin-left: -9px;
      background: url("/image/2017/template/bg_otoku_plus.png") 50% 50% no-repeat;
      background-size: contain; }
    #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 p {
      text-align: center;
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.58;
      font-weight: bold;
      padding: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 p .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 23px;
        font-size: 2.3rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.ikigai #dMFWrapper .examplePlan .examplePlanItem02 p .bigText {
        font-size: 18px;
        font-size: 1.8rem; }
  #dWrapper.denki.ikigai #dMFWrapper .basePrice {
    background: #fff6d0;
    padding: 15px;
    margin: 20px 0 0; }
    #dWrapper.denki.ikigai #dMFWrapper .basePrice h5 {
      text-align: center;
      margin-bottom: 20px; }
      #dWrapper.denki.ikigai #dMFWrapper .basePrice h5 > span {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.64;
        padding: 0 4px 8px;
        display: inline-block;
        background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
        background-size: auto 3px; }
    #dWrapper.denki.ikigai #dMFWrapper .basePrice .kModImage {
      margin-top: 10px;
      text-align: center;
      position: relative; }
      #dWrapper.denki.ikigai #dMFWrapper .basePrice .kModImage:after {
        content: "";
        position: static;
        display: none;
        background: none; }
      #dWrapper.denki.ikigai #dMFWrapper .basePrice .kModImage a {
        display: block;
        position: relative;
        padding: 0 0 35px; }
        #dWrapper.denki.ikigai #dMFWrapper .basePrice .kModImage a:after {
          content: " ";
          display: block;
          position: absolute;
          width: 33px;
          height: 35px;
          background: url("/image/2017/template/ico_zoom(768).png") 0 0 no-repeat;
          background-size: contain;
          right: 0;
          bottom: -5px; }
    #dWrapper.denki.ikigai #dMFWrapper .basePrice + .pointNotice {
      margin-top: 13px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5;
      padding-left: 1em;
      text-indent: -1em; }
  #dWrapper.denki.ikigai #dMFWrapper .trialNotice {
    margin-top: 20px; }
  #dWrapper.denki.ikigai #dMFWrapper .eModColHelf .pointNotice {
    padding: 0;
    margin-top: 16px;
    text-align: left; }
    #dWrapper.denki.ikigai #dMFWrapper .eModColHelf .pointNotice li {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5;
      padding-left: 1em;
      text-indent: -1em; }
	
	.checkResult .planDetailBtn.ikigai {
		padding: 0 15px;
	}
	.checkResult .planDetailBtn.ikigai li {
		padding: 0 !important;
	}
  #dWrapper.denki.ikigai #dMFWrapper .h4Line + .katenePoint {
    margin-top: 0; }
  #dWrapper.denki.ikigai #dMFWrapper .katenePoint {
    margin-top: 10px;
    padding-right: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem {
      width: 100%;
      margin: 10px 0 0; }
		#dWrapper.denki.ikigai #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem:nth-of-type(1){
			margin-top: 0;
     }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint.katenePointCol2 .katenePointItem:nth-of-type(2n+2){
        margin-right: 0; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint.katenePointImg .katenePointItem {
      padding: 15px 10px 10px; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem {
      float: left;
      width: 100%;
      margin-right: 0;
      padding: 15px;
      background: #fff6d0; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem:last-child {
        margin-right: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem h5 {
        text-align: center;
        margin-bottom: 12px; }
        #dWrapper.denki.ikigai #dMFWrapper .katenePoint .katenePointItem h5 span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.64;
          padding: 0 4px 8px;
          display: inline-block;
          background: url("/image/2016/common/bg_line_dot_hor(768).png") 0 100% repeat-x;
          background-size: auto 3px; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent {
      text-align: center;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.2;
      font-weight: bold;
      padding: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent .smallText {
        font-size: 14px;
        font-size: 1.4rem; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent .priceText {
        display: inline-block;
        margin: 0 3px;
        font-size: 23px;
        font-size: 2.3rem;
        color: #e63800;
        font-family: "Montserrat",sans-serif;
        font-weight: 700; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointPresent .point {
        color: #e63800;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice {
      margin-top: 8px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice p {
        margin-bottom: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice li {
        text-indent: -1em;
        padding-left: 1rem; }
      #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointNotice .smallText {
        font-size: 12px;
        font-size: 1.2rem; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointText {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.66; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint .pointImg {
      margin-top: 15px;
      padding: 10px;
      background-color: #fff; }
    #dWrapper.denki.ikigai #dMFWrapper .katenePoint + .otokuBtn {
      margin-top: 20px; }
  #dWrapper.denki.ikigai #dMFWrapper .ePointBox {
    margin: 5px auto 0;
    padding: 22px 0 0;
    max-width: none;
    background: url("/image/2017/page/denki/ico_arrow_bottom_small.png") 50% 0 no-repeat;
    background-size: 48px auto; }
    #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxHead {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto; }
    #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft {
      background: url("/image/2017/page/denki/bg_baloon_h(768).png") 10 0 repeat-y;
      background-size: 2px auto; }
      #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight {
        padding: 8px 0;
        background: url("/image/2017/page/denki/bg_baloon_h(768).png") 100% 0 repeat-y;
        background-size: 2px auto;
        text-align: center;
        font-weight: bold;
        font-size: 15px;
        font-size: 1.5rem; }
        #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight:before {
          margin-top: -6px;
          margin-right: 5px;
          vertical-align: middle;
          display: inline-block;
          content: " ";
          width: 26px;
          height: 24px;
          background: url("/image/2017/page/denki/tokutoku/ico_coin.png") 0 0 no-repeat;
          background-size: contain; }
        #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .priceText {
          display: inline-block;
          margin: 0 3px;
          color: #e63800;
          font-size: 23px;
          font-size: 2.3rem;
          font-family: "Montserrat",sans-serif;
          font-weight: 700; }
        #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight .yen {
          font-size: 19px;
          font-size: 1.9rem;
          color: #e63800; }
        #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxLeft .pointBoxRight sup {
          font-size: 12px;
          font-size: 1.2rem;
          top: -2.5em; }
    #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointBoxFoot {
      font-size: 0;
      width: 100%;
      height: 3px;
      background: url("/image/2017/page/denki/bg_baloon_top(768).png") 0 100% repeat-x;
      background-size: 321px auto;
      position: relative; }
    #dWrapper.denki.ikigai #dMFWrapper .ePointBox .pointNotice {
      margin-top: 10px;
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.5;
      text-align: left; }
  #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper {
    padding: 20px 15px 23px; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList {
      margin-bottom: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li {
        width: 100%;
        float: none;
        background-color: #fff6d0;
        padding: 0 14px 16px;
        position: relative;
        margin-bottom: 20px;
        margin-top: 0; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li h4 {
          text-align: center;
          background: none;
          padding-left: 0;
          margin: -6px 0 0; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li h4 > span {
            font-size: 18px;
            font-size: 1.4rem;
            line-height: 1.44;
            padding: 0 8px 8px 4px;
            display: inline-block;
            background: url("/image/2016/common/bg_line_dot_hor.png") 0 100% repeat-x; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li .img {
          text-align: center;
          width: 58%;
          margin: 11px auto 0;
          padding-left: 13px; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li .text {
          margin: 11px 0 0;
          font-size: 1.2rem;
          position: relative; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li .link {
          font-size: 11px;
          text-align: left;
          margin-top: 9px; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:before {
          content: "";
          position: relative;
          width: 36px;
          height: 36px;
          left: 50%;
          margin-left: -18px;
          top: -13px;
          display: block; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(1) {
          margin-right: 2.7%; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(1):before {
            background: url("/image/2017/page/ikigai/ico_step1(768).png") no-repeat left top;
            background-size: cover; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(1):after {
            content: "";
            background: url("/image/2017/page/ikigai/ico_step_arr_01.png") no-repeat left top;
            position: absolute;
            right: -22px;
            top: 50%;
            margin-top: -22px;
            width: 16px;
            height: 44px;
            display: none;
            z-index: 1; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2) {
          margin-right: 2.7%; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2) .img {
            margin-top: 14px;
            width: 57%; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2):before {
            background: url("/image/2017/page/ikigai/ico_step2(768).png") no-repeat left top;
            background-size: cover; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(2):after {
            content: "";
            background: url("/image/2017/page/ikigai/ico_step_arr_01.png") no-repeat left top;
            position: absolute;
            right: -22px;
            top: 50%;
            margin-top: -22px;
            width: 16px;
            height: 44px;
            display: none;
            z-index: 1; }
        #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3) {
          margin-bottom: 0; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3) .img {
            margin-top: 12px;
            width: 43%;
            padding-left: 0px;
            text-align: center; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3) .text {
            margin-top: 11px; }
          #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepList li:nth-of-type(3):before {
            background: url("/image/2017/page/ikigai/ico_step3(768).png") no-repeat left top;
            background-size: cover; }
    #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepText {
      margin: 42px 0 0;
      position: relative;
      text-align: center;
      font-size: 1.6rem;
      line-height: 1.5em;
      font-weight: bold;
      padding: 0; }
      #dWrapper.denki.ikigai #dMFWrapper .stepListWrapper .stepText:after {
        content: "";
        background: url("/image/2017/page/ikigai/ico_step_arr_02.png") no-repeat left top;
        position: absolute;
        left: 50%;
        top: -32px;
        margin-left: -29px;
        width: 59px;
        height: 21px;
        display: block;
        z-index: 1;
        background-size: contain; } }

.eTokuLeadWrapper .bg_vermilion {
  margin-bottom: 20px;
}

.eTokuLeadWrapper .bg_vermilion span {
  display: inline-block;
  background-color: #ec4c18;
  position: relative;
  padding: 4px 20px;
  border-radius: 16px;
  font-size: 16px;
  text-align: center;
  color: #fff;
}
.eTokuLeadWrapper .bg_vermilion.-large span {
  font-size: 20px;
}

.eTokuLeadWrapper .bg_vermilion span:after {
  display: inline-block;
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  width: 8px;
  height: 5px;
  margin: auto;
  line-height: 0;
  content: url(/image/2016/clubkatene/newmenu/icon_balloon_arrow.png);
}

#dWrapper #dMFWrapper .otokuReason .otokuReason05 {
  position: relative
}

#dWrapper #dMFWrapper .otokuReason .otokuReason05:after {
  content: " ";
  width: 118px;
  height: 105px;
  background: url("/image/2017/page/denki/ico_deals05.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  left: -16px;
  top: -30px
}
.eCheckWrapper .lcl_row.lcl_col_2 {
  margin-bottom: 20px;
  overflow: hidden;
}
.eCheckWrapper .lcl_row.-top>.lcl_col {
  float: left;
  width: 30% !important;
}
.eCheckWrapper .lcl_row.-top>.lcl_col:nth-child(2n) {
  padding-left: 20px;
  padding-right: 0;
    background: none;
}
.eCheckWrapper .lcl_row.-top>.lcl_col.dFirstChild {
  width: 70% !important;
}
.text_left {
  text-align: left !important;
}
.regular_space {
  margin-bottom: 20px !important;
}

.pModEleCenter, .comModEleCenter {
  text-align: center;
}

.eCheckWrapper .lcl_row.-top>.lcl_col .lead {
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #362d08;
}
.eCheckWrapper .lcl_row.lcl_bordered {
  max-width: 840px;
  margin: 0 auto 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col {
  background: url(/image/2016/clubkatene/newmenu/bg_dot_gray_vertical.png) repeat-y right top;
  width: 50%;
  float: left;
  padding-right: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col:nth-child(2n){
  padding-left: 20px;
  padding-right: 0;
  background: none;
}

.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail{
  overflow: hidden;
  margin-bottom: 20px;
}



.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail p.bg_vermilion{
  border-radius: 40px;
  position: relative;
  margin: 10px 0 30px 10px;
  background-color: #ffffff;
  color: #ed4e17;
  font-weight: bold;
  padding: 17.5px 0;
  font-size: 16px;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  .eCheckWrapper .lcl_row.lcl_bordered.-service-list{
    max-width: 390px;
    margin-right: auto;
    margin-left: auto;
  }
}

.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service01>div{
  background-color: #40a3e1;
  border-radius: 10px;
  padding: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service01>div>p {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service01>div>p.title {
  font-size: 18px;
  margin-bottom: 5px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service01>div>p>span {
  font-size: 18px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service02>div{
  background-color: #9197e8;
  border-radius: 10px;
  padding: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service02>div>p {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service02>div>p.title {
  font-size: 18px;
  margin-bottom: 5px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service02>div>p>span {
  font-size: 18px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service03>div{
  background-color: #ffb20d;
  border-radius: 10px;
  padding: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service03>div>p {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service03>div>p.title {
  font-size: 18px;
  margin-bottom: 5px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service03>div>p>span {
  font-size: 18px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service04>div{
  background-color: #83d23c;
  border-radius: 10px;
  padding: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service04>div>p {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service04>div>p.title {
  font-size: 18px;
  margin-bottom: 5px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service04>div>p>span {
  font-size: 18px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service05>div{
  background-color: #f75c3e;
  border-radius: 10px;
  padding: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service05>div>p {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service05>div>p.title {
  font-size: 18px;
  margin-bottom: 5px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service05>div>p>span {
  font-size: 18px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service06>div{
  background-color: #fb7699;
  border-radius: 10px;
  padding: 20px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service06>div>p {
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 1.4rem;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service06>div>p.title {
  font-size: 18px;
  margin-bottom: 5px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail.-service06>div>p>span {
  font-size: 18px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail p.bg_vermilion img{
  position: absolute;
  left: -10px;
  top: -8px;
}
.eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail p.pModEleCenter {
  font-size: 14px;
}
.eCheckWrapper .pDetailBtn {
  text-align: right;
  margin-top: 20px;
}
.eCheckWrapper .pDetailBtn>a {
  height: 46px;
  text-decoration: none;
}
.eCheckWrapper .pDetailBtn>a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.eCheckWrapper .pDetailBtn>a>span {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
  border-radius: 30px;
  padding: 10px 30px;
  font-size: 16px;
  background: #ec4c18;
  text-align: center;
  font-weight: bold;
}
.eCheckWrapper .pDetailBtn>a>span img{
  vertical-align: middle;
  margin-right: 10px;
}
.panel{
  margin-top: 50px;
  margin-bottom: 50px;
  background-color: #ffffff;
}

.lcl_ttl.addition {
  background-color: #e6ccb3 !important;
  background-image: none !important;
  padding: 20px 30px 20px 40px !important;
}
.additional_intro_box {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.08em;
  line-height: 1.875;
}
.additional_intro_box .dIntro {
  margin-bottom: 20px;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.additional_intro_box .dIntro .left {
  float: left;
  width: 50%;
  padding-right: 10px;
}
.additional_intro_box .dIntro .right {
  float: left;
  width: 50%;
  padding-left: 10px;
}
.additional_intro_box .dIntro .left p {
  border-radius: 30px;
  color: #ffffff;
  padding: 10px;
  text-align: center;
  font-size: 14px;
  background-color: #ec4c18;
  font-weight: bold;
  margin-bottom: 0;
}
.additional_intro_box .dIntro .right p {
  color: #ec4c18;
  font-weight: bold;
  font-size: 16px;
}
.additional_intro_box .ulModEleAttention li {
  font-weight: normal;
  font-size: 14px;
}

.bordered_box {
  padding: 20px;
  border: 1px solid #e0d9d2;
  border-radius: 6px;
}
@media only screen and (min-width: 769px) {
  .additional_intro_box {
    padding: 0 200px 0 0 !important;
    margin: 0;
    background-image: url(/image/2016/clubkatene/newmenu/support_2_img_service.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-color: transparent !important;
    min-height: 186px;
  }
}
@media only screen and (max-width: 834px) {
  #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper {
    padding: 15px;
  }
  .eTokuLeadWrapper .bg_vermilion span {
    font-size: 12px !important;
  }
  #dWrapper.denki.support_set #dMFWrapper .eTokuLeadWrapper .targetPlan {
    margin-right: 0;
    margin-left: 0;
  }
  #dWrapper #dMFWrapper .otokuReason .otokuReason05:after {
    content: " ";
    width: 64px!important;
    height: 57px!important;
    left: -10px;
    top: -15px;
  }
  .eCheckWrapper .lcl_row>.lcl_col {
    margin-bottom: 20px;
  }
  .eCheckWrapper .lcl_row.-top>.lcl_col.dFirstChild {
    width: 100% !important;
  }
	.eCheckWrapper .lcl_row.-top>.lcl_col.dFirstChild .lead {
    font-size: 1.5rem;
  }
  .eCheckWrapper .lcl_row.-top>.lcl_col {
    float: none;
    width: 100% !important;
  }
  .eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail p.bg_vermilion{
    padding-left: 15%;
    font-size: 12px !important;
  }
  .eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail p.pLine01 {
    padding: 13.5px 0;
  }
  .eCheckWrapper .lcl_row.lcl_bordered .lcl_col .lcl_support_detail p.bg_vermilion img{
    width: 25%;
    max-width: 60px;
  }
  .eCheckWrapper .lcl_row.lcl_bordered .lcl_col {
    width: 100%;
    background-image: none;
    float: none;
    padding-right: 0;
  }
  .eCheckWrapper .lcl_row.lcl_bordered .lcl_col:nth-child(2n) {
    width: 100%;
    background-image: none;
    float: none;
    padding-left: 0;
  }
  .panel{
    margin: 20px 0;
  }
  .lcl_ttl.addition {
    padding: 15px !important;
  }
  .additional_intro_box {
    background-image: none !important;
    padding: 0 !important;
    min-height: inherit;
  }
  .additional_intro_box .dIntro .left {
    float: none;
    width: 100%;
    padding: 0 0 5px;
  }
  .additional_intro_box .dIntro .right {
    float: none;
    width: 100%;
    padding: 5px 0 0;
  }
}

.pointImg .ulLogoList{
	margin-bottom: 0;
}
.pointImg .ulLogoList:after{
	content: "";
	clear: both;
	display: table;
}
.pointImg .ulLogoList>li{
	float: left;
	width: 24%;
	margin: 5px 1.333333333333333% 0 0;
}
.pointImg .ulLogoList>li:nth-of-type(4n+4){
	margin-right: 0;
}
.pointImg .ulLogoList>li:nth-of-type(1),
.pointImg .ulLogoList>li:nth-of-type(2),
.pointImg .ulLogoList>li:nth-of-type(3),
.pointImg .ulLogoList>li:nth-of-type(4) {
	margin-top: 0;
}

#cboxOverlay.info_colorbox {
	background-color: rgba(0,0,0,0.9);
}
.info_colorbox #cboxContent {
	padding: 0 0 90px;
	position: relative;
}
@media only screen and (max-width: 834px) {
	.info_colorbox #cboxContent {
		padding-bottom: 40px;
	}
}
.info_colorbox #cboxContent #cboxLoadedContent {
	background-color: transparent;
	margin-bottom: 0;
}
.info_colorbox #cboxContent #cboxLoadedContent .cboxPhoto {
	margin-top: 0 !important;
}
.info_colorbox #cboxContent #cboxClose {
	text-indent: inherit;
	background-image: none;
	width: 300px;
	height: 50px;
	right: 50%;
	margin-right: -150px;
	top: inherit;
	bottom: 0;
	background-color: #ff7800;
	border-radius: 25px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	font-size: 2.0rem;
	box-shadow: 0 -2px #441a04 inset;
	padding-left: 30px;
	line-height: 50px;
}
@media only screen and (max-width: 834px) {
	.info_colorbox #cboxContent #cboxClose {
		width: 103px;
		height: 22px;
		margin-right: -52px;
		border-radius: 11px;
		font-size: 1.4rem;
		box-shadow: 0 0 #441a04 inset;
		padding-left: 11px;
		line-height: 22px;
	}
}
.info_colorbox #cboxContent #cboxClose:before,
.info_colorbox #cboxContent #cboxClose:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.info_colorbox #cboxContent #cboxClose:before {
	left: 50%;
	margin-left: -50px;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #ffffff;
}
@media only screen and (max-width: 834px) {
	.info_colorbox #cboxContent #cboxClose:before {
		margin-left: -35px;
		width: 16px;
		height: 16px;
	}
}
.info_colorbox #cboxContent #cboxClose:after {
	left: 50%;
	margin-left: -45px;
	width: 5px;
	height: 5px;
	border-top: 2px solid #ff7800;
	border-right: 2px solid #ff7800;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width: 834px) {
	.info_colorbox #cboxContent #cboxClose:after {
		margin-left: -30px;
		width: 3px;
		height: 3px;
	}
}
.info_colorbox .cboxIframe {
	background-color: transparent;
}
.lightbox #dWrapper {
	background-color: transparent;
}

@keyframes attention{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes attention{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes attention{
	0%{opacity:0}
	100%{opacity:1}
}

/*-----------------
	20180925～
	gas + denki
-----------------*/

/* #dWrapper #dMFWrapper.-gas{
	padding-bottom: 80px;
	background: none; } */

#dWrapper #dHWrapper #hGlobalHeader .katene-logo{
	position: absolute;
	top: 0;
	left: 77px;
	z-index: 2; }
#dWrapper #dMFWrapper.-gas .eContentsWrapper {
	text-align: center;
	padding: 36px 30px 0; }
/* entryWrap */
#dWrapper .entryWrap{
	position: relative; }
#dWrapper .entryWrap > .bnr {
	text-align: center; }
#dWrapper .entryWrap > .bnr:hover img {
	opacity: .7; }
#dWrapper .entryWrap {
	text-align: center;
	background: url(/image/2017/page/gas/bg_entry.jpg) repeat center top;
	padding: 34px 0 38px;
	margin: 30px 0 40px; }
#dWrapper .entryWrap p {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0; }
#dWrapper .entryWrap .entry_ttl {
	color: #222;
	font-size: 24px;
	text-align: center;
	margin-bottom: 7px; }
#dWrapper .entryWrap .entry_ttl span {
	position: relative }
#dWrapper .entryWrap .entry_ttl span:before,
#dWrapper .entryWrap .entry_ttl span:after {
	content: "";
	position: absolute;
	top: 5px;
	width: 30px;
	height: 24px;
	background: url(/image/2016/module/ico_cat_pad_blue.png) no-repeat center; }
#dWrapper .entryWrap .entry_ttl span:before {
	left: -38px; }
#dWrapper .entryWrap .entry_ttl span:after {
	right: -38px; }
#dWrapper .entryWrap .bg_character{
	position: absolute;
	top: 132px;
	right: 10px;
	z-index: 1; }
#dWrapper .entryWrap .bg_txt{
	position: absolute;
	top: 58px;
	right: 22px;
	z-index: 1; }
#dWrapper .entryWrap .gLoginArea{
	margin: 35px 0;
}
#dWrapper .entryWrap .gLoginArea .column {
	display: inline-block;
	width: 340px; }

#dWrapper .entryWrap .gLoginArea .column:first-child {
	margin-right: 35px; }

#dWrapper .entryWrap .gLoginArea .column a:hover img {
	opacity: .7; }
#dWrapper .entryWrap .icon{
	text-decoration: underline;
	padding-left: 14px; }
#dWrapper .entryWrap .icon:hover{
	text-decoration: none; }
#dWrapper .entryWrap .icon_orange{
	background: url(/image/2016/module/ico_arrow_right_orange.png) no-repeat left center; }
/* areaWrap */
#dWrapper #dMFWrapper .areaWrap{
  padding: 0 40px 0;
  margin-bottom: 20px;
}
#dWrapper #dMFWrapper .areaWrap .areaTable{
	background: #e9f0f4;
	padding: 13px 18px 9px;
	border: 2px solid #dfe8ed; }
#dWrapper #dMFWrapper .areaWrap .areaTable h4{
	font-size: 12px;
	text-align: left;
	width: 490px;
	background: transparent;
	padding: 0;
	border: 0;
	float: left; }
#dWrapper #dMFWrapper .areaWrap .areaTable .kModLink{
	text-align: left;
	width: 250px;
	float: left; }
#dWrapper #dMFWrapper .areaWrap .areaTable ul{
	padding: 0; }
#dWrapper #dMFWrapper .areaWrap .areaTable ul .icon{
	margin-right: 20px; }
#dWrapper #dMFWrapper .areaWrap .areaTable ul li a{
	color: #222;
	font-size: 12px;
  font-weight: bold; }
  /* denka-puropan */
.denka-puropan {
  position: relative;
  text-align: center;
  z-index: 2;
}p.denka-puropan:last-child {
  padding-bottom: 30px;
}
@media only screen and (max-width: 834px) {
p.denka-puropan:last-child {
  padding-bottom: 10px;
}
}
.denka-puropan:before {
  content:'';
  display: inline-block;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translateX(-50%);
  width: 470px;
  height: 40px;
  background-color: #de960a;
  border-radius:30px;
  z-index: 1;
}
@media only screen and (max-width: 834px) {
  .denka-puropan:before {
    height: 45px;
  }
}
@media only screen and (max-width: 834px) {
  .denka-puropan:before {
    width: 90%;
  }
}
.denka-puropan>a {
  display: inline-block;
  position: relative;
  width: 470px;
  padding: 10px 70px 10px 60px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.1em;
  font-weight: 700;
  background-color: #ffa900;
  border-radius:30px;
  z-index: 2;
  text-decoration: none;
}
@media only screen and (max-width: 834px) {
  .denka-puropan>a {
    width: 90%;
    padding: 5px 50px 5px 50px;
    letter-spacing: 0;
    font-size: 12px !important;
  }
}
.denka-puropan>a:hover {
  background-color: #FFC431;
}
.denka-puropan>a:before {
  content:'';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 17px;
  height: 28px;
  background: url(/image/template/light.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.twin-button .denka-puropan:before {
  height: 60px;
}
.twin-button .denka-puropan>a:before {
  content:'';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
  width: 25px;
  height: 40px;
  background: url(/image/template/light.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 834px) {
  .twin-button .denka-puropan>a:before {
    width: 20px;
    height: 32px;
  }
}
.denka-puropan>a.arrow:after {
  content:'';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%)rotate(45deg);
  right: 30px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid transparent;
  border-right: 2px solid #fff;
  border-left: 2px solid transparent;
  background: none;
}
@media only screen and (max-width: 834px) {
.denka-puropan>a.arrow:after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)rotate(45deg);
    right: 30px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid transparent;
    border-right: 2px solid #fff;
    border-left: 2px solid transparent;
    background: none;
}
}
.denka-puropan>a:after {
  content:'';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 14px;
  height: 13px;
  background: url(/image/template/blankblanc.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 834px) {
  .denka-puropan>a:after {
    content:normal;
  }
}
/* priceCheck */
#dWrapper #dMFWrapper.-gas .priceCheck{
	position: relative; }
#dWrapper #dMFWrapper.-gas .priceCheck h3{
	text-align: center;
	background: #4a4a4a;
	padding: 15px; }
#dWrapper #dMFWrapper.-gas .priceCheck h3 .ttlInner{
	background: url(/image/2017/page/gas/bg_priceheck_ttl.jpg) repeat center top;
	padding: 32px 0 33px;
	border-radius: 8px; }
#dWrapper #dMFWrapper.-gas .priceCheck .bg_character{
	position: absolute;
	top: 35px;
	left: 28px; }
#dWrapper #dMFWrapper.-gas .priceCheck .bg_character_dec{
	position: absolute;
	top: -5px;
	left: 75px; }
#dWrapper #dMFWrapper.-gas .priceCheck .bg_dec{
	position: absolute;
	top: 84px;
	right: 36px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki{
	position: relative;
	padding-bottom: 40px;
	border-bottom: 2px solid #e9f0f4; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	width: 56px;
	height: 56px;
	background: url(/image/2017/page/gas/ico_plus_yellow.png) 50% 0 no-repeat;
	background-size: 56px 56px;
	margin-top: -28px;
	margin-left: -28px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas{
	padding-top: 37px; }
#dWrapper #dMFWrapper.-gas .priceCheck h4{
	position: relative;
	font-size: 20px;
	text-align: center;
	line-height: 25px;
	background-image: none;
	padding: 0;
	margin-bottom: 50px; }
#dWrapper #dMFWrapper.-gas .priceCheck h4 span{
	font-size: 14px; }
#dWrapper #dMFWrapper.-gas .priceCheck h4:before,
#dWrapper #dMFWrapper.-gas .priceCheck h4:after{
	content: "";
	position: absolute;
	top: -26px;
	left: 50%;
	width: 30px;
	height: 60px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:before,
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:after{
	background: url(/image/2017/page/gas/icon_denki.gif) no-repeat center;
	background-size: 25px 50px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:before{
	margin-left: -131px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:after{
	margin-left: 90px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:before,
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:after{
	background: url(/image/2017/page/gas/icon_gas.gif) no-repeat center;
	background-size: 25px 50px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:before{
	margin-left: -130px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:after{
	margin-left: 101px; }
#dWrapper #dMFWrapper.-gas .priceCheck h5{
	margin-bottom: 12px; }
#dWrapper #dMFWrapper.-gas .priceCheck h5 img{
	margin: 0 auto; }
#dWrapper #dMFWrapper.-gas .priceCheck .priceCheckForm{
	position: relative;
	padding: 16px 40px 30px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkNavi{
	/* position: absolute;
	top: 10px;
  right: 60px; */
  position: relative;
  text-align: right;
  margin-bottom: 10px;
	font-size: 16px;
	z-index: 1; }
  @media only screen and (max-width: 834px) {
    #dWrapper #dMFWrapper.-gas .priceCheck .checkNavi{
      margin-bottom: 20px;
  }
}
#dWrapper #dMFWrapper.-gas .priceCheck .checkNavi .icon_orange {
	background: url(/image/2016/module/ico_arrow_right_orange.png) no-repeat left center;
	padding-left: 18px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li{
	position: relative;
	width: 32.6%;
	box-sizing: border-box;
	float: left; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li:before{
	content: "";
	position: absolute;
	top: 0;
	right: -1px;
	height: 100%;
	border-right: 2px dotted #9cadb7; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li:last-child:before{
	display: none; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li.category1{
	padding-right: 20px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li.category2{
	padding: 0 20px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li.category3{
	padding-left: 20px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .planbox{
	position: relative;
	border: 2px solid #dfe8ed;
	border-radius: 16px;
	margin-top: 10px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .planbox.select,
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .planbox.hover_select{
	background: #25a8e4;
	border: 2px solid #25a8e4; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name{
	position: absolute;
	left: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	width: 100%; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li .name.txt{
	top: 16px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li .name.txt.row1{
	top: 26px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li .name.txt{
	top: 125px; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li .name.txt.row1{
	top: 132px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img{
	top: 40px;
	right: 0;
	width: auto;
	margin: auto; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img.row1{
	top: 60px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .select .name .noSelect,
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name .select{
	display: none; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .select .name .select{
	display: block;
	margin: 0 auto; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .hover_select .name .noSelect {
	display: none;
}
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .hover_select .name .select,
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .hover_select.select .name .select{
	display: block;
	margin: 0 auto;
}
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .planbox.select .name{
	color: #fff; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li label{
	display: block;
	position: relative;
	height: 151px;
	cursor: pointer;
	z-index: 2; }
#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li label{
	height: 151px; }
#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li label input{
	opacity: 0; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkKateneGasOtoku{
	padding: 10px 40px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner{
	padding: 0; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner > h4{
	color: #fff;
	font-size: 20px;
	line-height: 54px;
	margin-bottom: 0;
	background: #fedc3e;
	margin-bottom: 0; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner > h4 > span{
	color: #222;
	font-size: 24px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner > h4 > span:before,
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner > h4 > span:after{
	display: none; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner .noSelect{
	height: 250px;
	box-sizing: border-box;
	padding-top: 80px;
	border: 2px solid #dfe8ed;
	border-radius: 16px;
	margin-top: 20px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner .noSelect p{
	color: #25a8e4;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 36px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns{
	max-width: 940px;
	margin-top: 20px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-three>.column{
	width: 18.4%;
	min-height: 270px;
	border-radius: 16px;
	margin-right: 2.2%; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-two>.column{
	width: 27.9%;
	min-height: 270px;
	border-radius: 16px;
	margin-right: 3%; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column:after{
	right: -15.5%;
	width: 28px;
	height: 28px;
	background: url(/image/2017/page/gas/ico_plus_yellow.png) 50% 0 no-repeat;
	background-size: 28px 28px;
	margin-top: -14px;
	z-index: 1; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price:after{
	display: none;}
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-two>.column:after{
	right: -10.5%; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.upper{
	padding: 0 0 4px 15px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.upper:after{
	top: 1px;
	left: 50%;
	width: 20px;
	height: 30px;
	margin-top: 0;
	margin-left: -40px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower{
	padding: 20px 6px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-electricity>.lower>.icon-box{
	height: 53px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p>span{
	font-size: 14px;
	line-height: 24px;
	min-height: 24px;
	padding: 0; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .message{
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 5px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .message>span>.price{
	font-size: 28px;
	line-height: 36px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .message>span{
	color: #f74551; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .planLink{
	text-align: center; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .planLink .icon{
	text-align: center;
	text-decoration: underline;
	background: url(/image/2016/module/ico_arrow_right_orange.png) no-repeat left center;
	background-size: 10px 10px;
	padding-left: 14px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .planLink .icon:hover{
	text-decoration: none; }
/* priceCheck electricity */
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-electricity>.upper:after{
	background: url(/image/2017/page/gas/icon_electricity.png) 50% 0 no-repeat; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-electricity>.upper{
	background: #ff8831;
	border: 2px solid #ff8831; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-elec>span{
	background: #f74551; }
/* priceCheck gas */
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-gas>.upper:after{
	background: url(/image/2017/page/gas/icon_gas.png) 50% 0 no-repeat; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-gas>.upper{
	background: #25a8e4;
	border: 2px solid #25a8e4; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-gas>span{
	background: #25a8e4; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set{
	background: #ff8831;
	overflow: hidden; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set:before{
	background: #ff8831; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set:after{
	background: #25a8e4; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p.plan-set>.separator{
	border-color: #ff8831 #25a8e4 transparent transparent;
	border-width: 24px 24px 0 0; }
/* priceCheck more */
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more{
	padding: 35px 0;
	border: 2px solid #f74551; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more:after{
	display: block;
	background: url(/image/2017/page/gas/ico_equal_yellow.png) 50% 0 no-repeat;
	background-size: 28px 28px; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi{
	font-size: 16px;
	line-height: 32px;
	width: 80px;
	height: 32px;
	background: #f74551; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:before,
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:after{
	border-top: 10px solid #f74551; }
.checkResult .otokuTable.columns>.column.-more>.more-text>.point{
	color: #f74551;
	font-size: 20px;
	margin-bottom: 25px; }
/* priceCheck price */
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price{
	padding-top: 50px;
	margin-right: 0; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-three>.column.-price,
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-two>.column.-price{
	width: 38.2%;
	margin-right: 0; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price p{
	font-size: 20px;
	line-height: 1.2;
	font-weight: bold;
	text-align: center; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .present p{
	margin-bottom: 10px;
}
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .present p.txtPresent{
	margin-bottom: 0;
}
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .price{
	color: #f74551;
	font-size: 24px;
	line-height: 1em; }

/* ////// priceText ////// */
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .priceText {
	font-size: 48px;
    font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
 .odometer.odometer-theme-default .odometer-digit .odometer-value {
	position: relative;
	width: 42px;
	height: 56px;
	color: #fff;
    text-align: center;
	line-height: 56px;
	padding-top: 2px;
}
.odometer-digit {
	margin: 0 1px;
	background: #e13c47;
	background: -moz-linear-gradient(top, #e13c47 0%, #e13c47 50%, #f6290c 51%, #f74551 100%); 
	background: -webkit-linear-gradient(top, #e13c47 0%,#e13c47 50%,#f6290c 51%,#f74551 100%); 
	background: linear-gradient(to bottom, #e13c47 0%,#e13c47 50%,#f6290c 51%,#f74551 100%);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer,
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner,
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
	width: 42px;
}
.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
	vertical-align: bottom;
}
@media only screen and (max-width: 850px) {
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .priceText {
		font-size: 32px;
	}
	.odometer.odometer-auto-theme .odometer-digit .odometer-value,
	.odometer.odometer-theme-default .odometer-digit .odometer-value {
	   width: 22px;
	   height: 37px;
	   line-height: 37px;
   }
   .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
   .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer,
   .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, 
   .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner,
   .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, 
   .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner,
   .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
   .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
		width: 22px;
   }
}
/* ////// priceText ////// */
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .price sup{
	color: #222; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .txtOtoku{
	font-size: 28px; }
/* priceCheck present */
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .present{
	background: #e9f0f4;
	padding: 10px 0;
	margin: 56px 0 0; }
#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .present p{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 52px; }
/* priceCheck trialTitle */
#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle{
	position: relative;
	color: #623f1d;
	background: #eee; }
  #dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle>span {
position: relative;
  }
  #dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle.accordion:after{
    content: normal;
  }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle.accordion>span:before,
#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle.accordion>span:after{
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	background: #ec4c18;
	margin: auto; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle.accordion>span:before{
	right: -25px;
	width: 16px;
  height: 4px;
  border-radius: 2px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle.accordion>span:after{
	right: -19px;
	width: 4px;
	height: 16px;
	background-image: none;
  border-radius: 2px; }
#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle.active:after{
	display: none; }
/* bnrWrap */
#dWrapper #dMFWrapper .bnrWrap{
	text-align: center;
	padding: 0 30px 40px; }
/* anshin */
#dWrapper #dMFWrapper .anshin{
	position: relative;
	background: #25a8e4 url(/image/2017/page/gas/bg_anshin_dec.jpg) repeat-x center top;
	padding-top: 40px; }
#dWrapper #dMFWrapper .anshin h3{
	color: #fff;
	font-size: 28px;
	text-align: center;
margin-bottom: 15px;
line-height: 1.2;}
#dWrapper #dMFWrapper .anshin .padding-box {
	background-color: #ffffff;
	/*padding: 20px;*/
	padding: 20px 20px 30px 20px;
	margin: 0 4px 20px;
	position: relative;
}
#dWrapper #dMFWrapper .anshin .padding-box p{
	text-align: center;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
}
#dWrapper #dMFWrapper .anshin .padding-box p>span{
	color: #f74551;
	font-size: 28px;
}
	#dWrapper #dMFWrapper .anshin ul{
	border: 4px solid #25a8e4; }
#dWrapper #dMFWrapper .anshin ul li{
	position: relative;
	font-size: 0;
	letter-spacing: 0;
	width: 494px;
	width: -webkit-calc(50% - 2px);
	width: calc(50% - 2px);
	height: 100px;
	background: #fff;
	box-sizing: border-box;
	padding-top: 17px;
	margin-top: 4px;
	float: left; }
#dWrapper #dMFWrapper .anshin ul .notes{
	color: #fff;
	background: #25a8e4;
	padding: 12px 0 0 16px; }
#dWrapper #dMFWrapper .anshin ul .notes p{
	font-size: 14px; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(odd){
	margin-right: 4px; }
#dWrapper #dMFWrapper .anshin ul li .iconArea,
#dWrapper #dMFWrapper .anshin ul li .txtArea{
	display: inline-block;
	vertical-align: middle; }
#dWrapper #dMFWrapper .notes {
	font-size: 14px;
	margin-top: 20px;
}
#dWrapper #dMFWrapper .anshin ul li .iconArea{
	height: 60px;
	width: 20%;
	box-sizing: border-box;
	border-right: 2px dotted #e9f0f4; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(1) .iconArea{
	background: url(/image/2017/page/gas/icon_tetsuzuki06.png) no-repeat center; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(2) .iconArea{
	background: url(/image/2017/page/gas/icon_tetsuzuki02.png) no-repeat center; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(3) .iconArea{
	background: url(/image/2017/page/gas/icon_tetsuzuki03.png) no-repeat center; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(4) .iconArea{
	background: url(/image/2017/page/gas/icon_tetsuzuki04.png) no-repeat center; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(5) .iconArea{
	background: url(/image/2017/page/gas/icon_tetsuzuki05.png) no-repeat center; }
#dWrapper #dMFWrapper .anshin ul li:nth-child(6) .iconArea{
	background: url(/image/2017/page/gas/icon_tetsuzuki01.png) no-repeat center; }
#dWrapper #dMFWrapper .anshin ul li .txtArea{
	width: 80%; }
#dWrapper #dMFWrapper .anshin ul li .txtArea p{
	font-size: 16px;
	font-weight: bold;
	text-align: center; }
#dWrapper #dMFWrapper .anshin ul li .txtArea p span{
	color: #25a8e4;
	font-size: 28px; }
#dWrapper #dMFWrapper .anshin ul li .icon{
	position: absolute;
	bottom: 5px;
	right: 10px;
	font-size: 12px;
	text-decoration: underline;
	padding-left: 14px; }
#dWrapper #dMFWrapper .anshin .padding-box .icon{
	position: absolute;
	bottom: 30px;
	right: 10px;
	font-size: 12px;
	text-decoration: underline;
	padding-left: 14px; }
#dWrapper #dMFWrapper .anshin .padding-box .icon+.icon{
	bottom: 10px;}
#dWrapper #dMFWrapper .anshin ul li .icon:hover{
	text-decoration: none; }
#dWrapper #dMFWrapper .anshin ul li .icon_orange,
#dWrapper #dMFWrapper .anshin .padding-box .icon{
	background: url(/image/2016/module/ico_arrow_right_orange.png) no-repeat left center;
	background-size: 10px 10px; }
/* fGlobalFooter */
#dWrapper #dFWrapper #fGlobalFooter.-gas{
	position: relative;
	padding-top: 0; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .fEntryWrap{
	background: #fff;
  padding: 76px 0 38px;
	padding-bottom: 44px; }
  #dWrapper .-gas #dFWrapper #fGlobalFooter.-gas .fEntryWrap{
    margin-top: 20px;
    padding-top: 38px; }
@media only screen and (max-width: 834px) {
  #dWrapper .-gas #dFWrapper #fGlobalFooter.-gas .fEntryWrap{
    padding-top: 20px; }
}
  #dWrapper .-gas #dFWrapper #fGlobalFooter.-gas .fEntryWrap.partner{
		margin-top: 40px;}
#dWrapper #dFWrapper #fGlobalFooter.-gas h2{
	font-size: 36px;
	text-align: center;
	margin: 0 auto 72px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas h2 span{
	top: -8px;
	font-size: 14px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea,
#dWrapper #tel_css #entry .gLoginArea.gLoginArea_tel{
	background: #fff;
	padding: 40px 0;
	margin: 0; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea:before{
	display: none; }
#dWrapper #dFWrapper #fGlobalFooter.-gas > h2{
	position: static;
	margin: 0 auto; }
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:before{
	left: -80px;
	background-image: url(/image/2017/page/gas/icon_attention_l_blue.png); }
#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:after{
	right: -80px;
	background-image: url(/image/2017/page/gas/icon_attention_r_blue.png); }
#dWrapper #dFWrapper #fGlobalFooter.-gas .fEntry{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto; }
  #dWrapper #dFWrapper #fGlobalFooter.-gas .entryWrap,
  #dWrapper #tel_css #entry .entryWrap.tel{
	position: relative;
	padding: 20px 20px 20px 20px;
	margin: 0 0 44px 0;
}
#nopoint{
	margin-top: -80px;
	padding-top: 80px;
}
#dWrapper #dFWrapper #fGlobalFooter.-gas .entry_ttl,
#dWrapper #tel_css .tel .entry_ttl{
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	width: 550px;
	height: 40px;
	background: #fff;
	margin: 0 auto;
	z-index: 1; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .bg_character,
#dWrapper #dFWrapper #fGlobalFooter.-gas .bg_txt{
	position: absolute;
	z-index: 1; }
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column{
	position: relative; }
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column:first-child{
	margin-right: 80px; }
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea.columns--one .column {
	margin-right: 0; }
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column:first-child:before{
	content: "";
	position: absolute;
	top: 0;
	right: -43px;
	height: 100%;
	width: 0;
	border-right: 2px dotted #ddd; }
@media only screen and (max-width: 834px) {
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column:first-child:before{
	border-right: none; }
}
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea.columns--one .column:first-child:before{
	border-right: none; }
#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column .img{
	margin: 20px auto; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .dFooter{
	padding-top: 68px; }
/* fGlobalFooter point */
#dWrapper #dFWrapper #fGlobalFooter.-gas .point .entry_ttl{
	width: 590px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .point .bg_character{
	top: -59px;
	right: 30px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .point .bg_txt{
	top: -86px;
	right: 0; }
/* fGlobalFooter nopoint */
#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .gLoginArea{
	padding: 35px 0 40px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .entry_ttl{
	width: 395px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .bg_character{
	top: -35px;
	right: 35px; }
#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .bg_txt{
	top: -20px;
	right: 116px; }

/* fGlobalFooter tel */
#dWrapper #tel_css .tel .gLoginArea{
	padding: 20px 0 15px; }
#dWrapper #tel_css .tel .gLoginArea p{
	letter-spacing: 0; }
#dWrapper #tel_css .tel .entry_ttl{
	width: 390px; }
#dWrapper #tel_css .tel .gLoginArea .tel-box{
	position: relative;
	margin-bottom: 0; }
/* #dWrapper #tel_css .tel .gLoginArea .tel-box:before{
	content: "";
	position: absolute;
	top: 38px;
	left: 80px;
	width: 120px;
	height: 91px;
  background: url(/image/2017/page/gas/bg_img_phone.png) no-repeat center; } */
  #dWrapper #tel_css .gLoginArea .tel-box .tel-box_content {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }
  #dWrapper #tel_css .gLoginArea .tel-box .tel-box_icon {
    /*width: 160px;*/
		width: 150px;
    padding-right: 40px;
    box-sizing: border-box;
  }
#dWrapper #tel_css .tel .gLoginArea .tel-box .padding-box p{
	font-size: 14px;
	margin-bottom: 0;
	text-align: left; }
#dWrapper #tel_css .tel .gLoginArea .tel-box .padding-box p span.icon{
	font-size: 14px;
	text-decoration: none;
	background: #25a8e4;
	padding: 7px 8px; }
#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap{
  margin-top: 17px;
  margin-bottom: 4px; }
  #dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap .phoneNumnerwrap_time {
    margin-top: 10px;
  }
#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap .link:before{
	display: none;}
#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p .tel{
	font-family: "Montserrat",sans-serif;
	font-size: 44px;
	font-weight: 700; }
#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p.pModEleCenter{
  color: #362d08;
  font-weight: 700;
	padding: 14px 0 0 0; }
#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p.pModEleCenter a{
  font-weight: 700;
  color: #362d08; }
  #dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_sub {
    text-align: left;
		margin-top: 15px;
    /*font-size: 14px;
    line-height: 1.4;
    color: #362d08;
    padding-left: 160px;
    margin-top: 30px;*/
  }
  #dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_num_area {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
  }
  #dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_num_area .tel-box_num + .tel-box_num {
    margin-left: 35px;
  }
#dWrapper #dMFWrapper.-gas .sp-only,
#dWrapper #dFWrapper .-gas .sp-only{
	display: none; }
#login+#dWrapper {
		padding-top: 0;
  }
@media only screen and (max-width: 834px) {
  #dWrapper #tel_css .gLoginArea .tel-box .tel-box_icon {
    width: 70px;
    padding-right: 10px;
  }
    #dWrapper #dHWrapper.fixed #hGlobalHeader.no-fixed {
		position: static;
		padding: 0;
	}
	#dWrapper #dHWrapper.fixed {
		padding-top: 0;	
	}
	#dWrapper #dHWrapper.fixed #hGlobalHeader #dSiteID{
		left: 5px; }
	#dWrapper #dHWrapper #hGlobalHeader .katene-logo{
		left: 54px;
		width: 71px; }

	/* #dWrapper #dMFWrapper.-gas{
		padding-bottom: 40px; } */
	#dWrapper #dMFWrapper.-gas .pc-only,
	#dWrapper #dFWrapper .-gas .pc-only{
		display: none; }
	#dWrapper #dMFWrapper.-gas .sp-only,
	#dWrapper #dFWrapper .-gas .sp-only{
		display: block; }
	#dWrapper #dMFWrapper.-gas img.sp-only,
	#dWrapper #dFWrapper.-gas img.sp-only{
		display: inline-block; }
	#dWrapper #dMFWrapper.-gas .eContentsWrapper{
		padding: 6px 10px 0; }
	#dWrapper .entryWrap{
		padding: 18px 0;
		margin: 20px 0 13px; }
	#dWrapper .entryWrap .entry_ttl{
		font-size: 16px;
		line-height: 19px; }
	#dWrapper .entryWrap .entry_ttl span:before,
	#dWrapper .entryWrap .entry_ttl span:after{
		top: 50%;
		left: 50%;
		right: auto;
		width: 20px;
		height: 16px;
		background-size: cover;
		margin-top: -8px; }
	#dWrapper .entryWrap .entry_ttl span:before{
		/*margin-left: -102px;*/
	margin-left: -125px !important;}
	#dWrapper .entryWrap .entry_ttl span:after{
		/*margin-left: 88px;*/
	margin-left: 110px !important;}
	#dWrapper .entryWrap p{
		font-size: 10px;
		line-height: 1em; }
    #dWrapper .entryWrap p>a{
      font-size: 10px !important;
      line-height: 1em; }
	#dWrapper .entryWrap .noEntryTxt{
		font-size: 12px; }
	#dWrapper .entryWrap .gLoginArea .column,
	#dWrapper .entryWrap .gLoginArea .column:first-child{
		width: 100%;
		margin-right: 0; }
	#dWrapper .entryWrap .gLoginArea .column + .column{
		display: block; }
	#dWrapper #entry .entryWrap .gLoginArea{
    padding: 0;
		margin: 20px 10px 29.5%; }
	#dWrapper .entryWrap .bg_character{
		top: 68.5%;
		left: 63%;
		width: 21%; }
	#dWrapper .entryWrap .bg_txt{
		top: 69%;
		left: 18%;
		width: 47.7%; }
	#dWrapper #dMFWrapper .areaWrap{
		padding: 0 10px 0; }
	#dWrapper #dMFWrapper .areaWrap .areaTable{
		padding: 7px 7px 3px;
		margin-top: 20px; }
	#dWrapper #dMFWrapper .areaWrap .areaTable h4,
	#dWrapper #dMFWrapper .areaWrap .areaTable .kModLink{
		width: 100%; }
	#dWrapper #dMFWrapper .areaWrap .areaTable h4{
		font-size: 10px;
		line-height: 12px;
		margin-bottom: 3px; }
	#dWrapper #dMFWrapper .areaWrap .areaTable ul{
		float: none; }
	#dWrapper #dMFWrapper .areaWrap .areaTable ul li a{
		font-size: 10px;
		line-height: 1em; }
	#dWrapper #dMFWrapper.-gas .priceCheck h3{
		position: relative;
		padding: 8px; }
	#dWrapper #dMFWrapper.-gas .priceCheck h3 .ttlInner{
		padding: 3% 0;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck h3 .ttlInner .sp-only{
		width: 65.8%;
		margin: 0 auto; }
	#dWrapper #dMFWrapper.-gas .priceCheck .bg_character{
		top: 37%;
		left: 4.5%;
		width: 12.6%; }
	#dWrapper #dMFWrapper.-gas .priceCheck .bg_dec{
		top: 67%;
		right: 4%;
		width: 11.3%; }
	#dWrapper #dMFWrapper.-gas .priceCheck .bg_character_dec{
		top: 9.5%;
		left: 12.2%;
		width: 2.6%; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkKateneGasOtoku{
		padding: 10px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner > h4{
		font-size: 12px;
		line-height: 33px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner > h4 > span{
		font-size: 16px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns{
		margin-top: 10px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.upper{
		padding: 0 0 2px 0; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.upper:after{
		margin-left: -26px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower{
		padding: 5px 6px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column>.lower>.icon-box>p>span{
		font-size: 10px;
		line-height: 16px;
		min-height: 16px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-electricity>.upper .title{
		font-size: 12px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-electricity>.upper:after,
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-gas>.upper:after{
		width: 10px;
		height: 15px;
		background-size: cover; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .message{
		font-size: 12px;
		margin-top: 0; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .message>span>.price{
		font-size: 18px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi{
		font-size: 10px;
		line-height: 16px;
		width: 40px;
		height: 16px;
		padding: 0; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:before,
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more>.more-text>span.fukidashi:after{
		border-top: 0; }
	.checkResult .otokuTable.columns>.column.-more>.more-text>.point{
		font-size: 12px;
		margin-bottom: 0; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more{
		padding: 5px 0; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price p{
		font-size: 12px;
		margin-bottom: 5px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .price{
		font-size: 16px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-price .txtOtoku{
		font-size: 18px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column:after{
		bottom: -22px;
		width: 26px;
		height: 26px;
		background-size: 26px 26px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column:after{
		margin-left: -13px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column.-more:after{
		background-size: 26px 26px;
		margin-right: -13px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg); }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns>.column{
		margin-bottom: 16px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .present p{
		font-size: 13px;
		line-height: 33px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .priceCheckForm{
    padding: 32px 10px 0;
    padding-top: 0;
  }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li{
		width: 100%;
		margin-bottom: 22px;
		float: none; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li.category1,
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li.category2,
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li.category3{
		padding: 0;
		margin-bottom: 10px; }
	#dWrapper #dMFWrapper.-gas .priceCheck h5,
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .planbox{
		float: left; }
	#dWrapper #dMFWrapper.-gas .priceCheck h5{
		width: 11.6%;
		margin-bottom: 5px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .planbox{
		width: 41.4%;
		margin-top: 0;
		margin-left: 2.7%;
		margin-bottom: 2.7%; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li label,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li label{
		height: 100px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li .name.txt{
		top: 35px;
		font-size: 12px;
		line-height: 16px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li .name.txt.row1{
		top: 40px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki{
		padding-bottom: 0; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki:before{
		width: 28px;
		height: 28px;
		background-size: 28px 28px;
		margin-top: -14px;
		margin-left: -14px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas{
		padding-top: 20px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category1 #planbox7 .name.img img{
		width: 88px }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category1 #planbox8 .name.img img{
		width: 103px }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category1 #planbox9 .name.img img{
		width: 83px }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category2 .name.img:nth-child(1) img,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category2 .name.img:nth-child(2) img,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category3 .name.img:nth-child(1) img,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li.category3 .name.img:nth-child(2) img{
		width: 77px }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li.category1 #planbox1 .name.img img{
		width: 87px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li.category1 #planbox2 .name.img img{
		width: 65px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li.category2 #planbox3 .name.img img{
		width: 100px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li.category2 #planbox4 .name.img img{
		width: 86px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li.category3 #planbox5 .name.img img{
		width: 86px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki .categoryList li.category3 #planbox6 .name.img img{
		width: 65px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li .name.txt,
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img.row1.spRow2{
		font-size: 10px;
		line-height: 12px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img{
		top: 32px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img.row1_5{
		top: 37px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img.row1{
		top: 37px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li .name.img.row3{
		top: 23px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li .name.txt,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas .categoryList li .name.txt.row1{
		top :65px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkNavi{
		top: -4px;
		right: 20px;
		font-size: 12px; }
	#dWrapper #dMFWrapper.-gas .priceCheck h4{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 13px; }
	#dWrapper #dMFWrapper.-gas .priceCheck h4 span{
		font-size: 10px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:before,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:after,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:before,
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:after{
		top: -27px;
		background-size: 15px 30px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:before{
		margin-left: -94px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_denki h4:after{
		margin-left: 64px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:before{
		margin-left: -105px; }
	#dWrapper #dMFWrapper.-gas .priceCheck #menu_gas h4:after{
		margin-left: 75px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li:before{
		border-right: 0;
		border-bottom: 2px dotted #e9f0f4; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li:before {
		top: 100%;
		right: 0;
		width: 100%;
		height: 0;
		border-bottom: 2px dotted #e9f0f4;
		border-right: 0; }
	#dWrapper #dMFWrapper.-gas .priceCheck .categoryList li:last-child:before {
		display: none; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-three>.column,
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-two>.column{
		min-height: auto; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column.-electricity>.lower>.icon-box{
		height: auto; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-three>.column.-price,
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .otokuTable.columns.-two>.column.-price{
		padding-top: 15px;
		padding-bottom: 5px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTable.columns>.column .planLink .icon{
		font-size: 10px; }


	#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner .noSelect{
		height: 180px;
		padding-top: 50px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResultInner .noSelect p{
		font-size: 16px;
		line-height: 24px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle:before{
		width: 12px;
		height: 3px; }
	#dWrapper #dMFWrapper.-gas .checkResult .otokuTrialCalc .trialTitle:after{
		right: 14.5px;
		width: 3px;
		height: 12px; }
	#dWrapper #dMFWrapper .bnrWrap{
		padding: 0 10px 20px; }
	#dWrapper #dMFWrapper .notes {
		font-size: 10px;
		margin-top: 5px;
		padding: 0 5px;
	}
	#dWrapper #dMFWrapper .anshin{
		background-size: 17px 16px;
		padding-top: 30px; }
	#dWrapper #dMFWrapper .anshin h3{
		font-size: 16px;
		margin-bottom: 15px; }
	#dWrapper #dMFWrapper .anshin .padding-box {
		padding: 10px;
		margin-bottom: 0;
	}
	#dWrapper #dMFWrapper .anshin .padding-box p{
		font-size: 14px;
	}
	#dWrapper #dMFWrapper .anshin .padding-box p>span{
		font-size: 18px;
	}
	#dWrapper #dMFWrapper .anshin ul li{
		width: 100%;
		height: 60px;
		padding-top: 10px; 
	}
	#dWrapper #dMFWrapper .anshin ul li:nth-child(1){
		margin-top: 0;
	}
	#dWrapper #dMFWrapper .anshin ul li .iconArea{
		height: 28px; }
	#dWrapper #dMFWrapper .anshin ul li:nth-child(1) .iconArea{
		background-size: 26px 26px; }
	#dWrapper #dMFWrapper .anshin ul li:nth-child(2) .iconArea{
		background-size: 25px 24px; }
	#dWrapper #dMFWrapper .anshin ul li:nth-child(3) .iconArea{
		background-size: 26px 20px; }
	#dWrapper #dMFWrapper .anshin ul li:nth-child(4) .iconArea{
		background-size: 18px 26px; }
	#dWrapper #dMFWrapper .anshin ul li:nth-child(5) .iconArea{
		background-size: 25px 20px; }
	#dWrapper #dMFWrapper .anshin ul li:nth-child(6) .iconArea{
		background-size: 18px 27px; }
	#dWrapper #dMFWrapper .anshin ul li .txtArea p{
		font-size: 10px; }
	#dWrapper #dMFWrapper .anshin ul li .txtArea p span{
		font-size: 18px; }
	#dWrapper #dMFWrapper .anshin .padding-box .icon{
		bottom: 17px;
		right: 6px;
		font-size: 10px; }
	#dWrapper #dMFWrapper .anshin .padding-box .icon+.icon{
		bottom: 1px;
		right: 6px;
		font-size: 10px; }
	#dWrapper #dMFWrapper .anshin ul li .icon{
		bottom: 1px;
		right: 6px;
		font-size: 10px; }
	#dWrapper #dMFWrapper .anshin ul .notes{
		height: auto;
		padding: 4px 0 0 0; }
	#dWrapper #dMFWrapper .anshin ul .notes p{
		font-size: 10px;
		text-indent: -1em;
		line-height: 12px;
		margin-left: 16px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .fEntryWrap{
		padding: 23px 0 20px; }
@media only screen and (max-width: 834px) {
	#dWrapper #dFWrapper #fGlobalFooter.-gas .fEntryWrap{
		padding: 20px 0 20px; }
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2{
		font-size: 20px;
		margin-bottom: 30px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2 span{
		display: block;
		top: 0;
		font-size: 10px;
		margin-top: 5px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:before{
		bottom: 35px;
		left: 50%;
		margin-left: -145px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:after{
		bottom: 35px;
		left: 50%;
		right: auto;
		margin-left: 120px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .fEntry{
		box-sizing: border-box;
		padding: 0; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .point .entry_ttl,
	#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .entry_ttl,
	#dWrapper #tel_css .tel .entry_ttl{
		top: -4px;
		font-size: 14px;
		line-height: 18px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .point .entry_ttl{
		top: -15px;
		width: 235px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .entry_ttl{
		width: 245px;
		height: 20px; }
  #dWrapper #dFWrapper #fGlobalFooter.-gas .tel .entry_ttl,
  #dWrapper #tel_css .tel .entry_ttl{
		/*width: 205px;*/
		width: 275px;
		height: 20px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .entryWrap .entry_ttl span{
		position: static; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .entryWrap .entry_ttl span:before{
		margin-left: -91px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .entryWrap .entry_ttl span:after{
		margin-left: 71px; }
  #dWrapper #tel_css .gLoginArea,
  #dWrapper #dFWrapper #fGlobalFooter.-gas .point .gLoginArea{
		padding: 20px 10px 28%; }
	#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column:first-child{
		margin-right: 0; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .point .bg_character{
		top: auto;
		bottom: 18px;
		left: 58.8%;
		right: auto;
		width: 19%; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .point .bg_txt{
		top: auto;
		bottom: 18.5%;
		left: 22.2%;
		right: auto;
		width: 34.52%; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .gLoginArea{
		padding: 21px 0 25.5%; }
  #dWrapper #dFWrapper #fGlobalFooter.-gas .entryWrap,
  #dWrapper #tel_css #entry .entryWrap.tel{
		padding: 10px;
		margin: 22px 0 0; }
  #dWrapper #dFWrapper #fGlobalFooter.-gas .entryWrap.tel,
  #dWrapper #entry .entryWrap.tel{
		margin-bottom: 20px; }
	#dWrapper #dFWrapper .-gas .entryWrap.nopoint .gLoginArea .column{
		width: 50%;
		box-sizing: border-box;
		padding: 0 10px;
		margin-top: 0;
		float: left; }
	#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea.columns--one .column {
		width: 100%;
	}
	#dWrapper #dFWrapper .-gas .entryWrap.nopoint .gLoginArea.columns--one .column .img {
		width: 78px;
	}
	#dWrapper #dFWrapper .-gas .entryWrap.nopoint .gLoginArea .column:first-child{
		margin-right: 0; }
	#dWrapper #dFWrapper .-gas .entryWrap .gLoginArea .column:first-child:before{
		right: -1px; }
	#dWrapper #dFWrapper .-gas .entryWrap.nopoint .gLoginArea .column p{
		line-height: 14px; }
	#dWrapper #dFWrapper .-gas .entryWrap.nopoint .gLoginArea .column .img{
		width: 54.4%;
		margin: 8px auto 10px; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .bg_character{
		top: auto;
		bottom: 18px;
		left: 68.8%;
		right: auto;
		width: 11.62%; }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .nopoint .bg_txt{
		top: auto;
		bottom: 13%;
		left: 19.2%;
		right: auto;
    width: 46.62%; }
  #dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea.gLoginArea_tel, #dWrapper #tel_css #entry .gLoginArea.gLoginArea_tel{
		padding: 24px 0 18px; }
	#dWrapper #tel_css .tel .gLoginArea .tel-box{
		padding-left: 0;}
	#dWrapper #tel_css .tel .gLoginArea .tel-box:before{
		top: 0;
		left: 10px;
		width: 60px;
		height: 46px;
		background-size: 60px 46px; }
	#dWrapper #tel_css .gLoginArea .tel-box .padding-box{
		padding: 0 12px; }
	#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p{
		text-align: left;
		float: none; }
	#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p .tel{
		font-size: 28px;
		line-height: 0.7; }
	#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p .tel a{
    text-decoration: none; }
    #dWrapper #tel_css .gLoginArea .tel-box .tel-box_content {
      justify-content: center;
    }
	#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p.pModEleCenter{
    /*text-align: left;*/
		text-align: left !important;
    padding-left: 1.4em;
    text-indent: -1.4em;
    margin-left: 1.4em;
    line-height: 1.3;
		padding: 15px 0 0;
	margin-bottom: 10px;
		margin-left: -60px;
	}
	#dWrapper #tel_css .tel .gLoginArea .tel-box .padding-box p{
    font-size: 10px;
    line-height: 1; }
    #dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap .phoneNumnerwrap_time {
      margin-top: 12px;
			margin-left: -60px;
    }
	#dWrapper #tel_css .tel .gLoginArea .tel-box .padding-box p span.icon{
		font-size: 9px;
		padding: 3px 4px 4px;
    border-radius: 4px; }
    #dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_num_area .tel-box_num + .tel-box_num {
      margin-left: 0;
      margin-top: 20px;
    }
    #dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_num_area {
      display: block;
    }
    #dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap {
      margin-top: 7px;
      margin-bottom: 0;
			margin-left: 70px;
    }
    #dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_sub {
      padding-left: 1em;
      text-indent: -1em;
      font-size: 10px;
      margin-top: 20px;
    }
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link,
	#dWrapper #dFWrapper #fGlobalFooter.-gas .gLoginArea .link>a{
		font-size: 10px;
		margin-left: -30px;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .dFooter{
		padding-top: 30px; }
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .present{
		text-align: center;
		margin-top: 40px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .present p:nth-child(1){
		display: inline-block;
		margin-right: -6px;
	}
	#dWrapper #dMFWrapper.-gas .priceCheck .checkResult .present p:nth-child(2){
		display: inline-block;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2 span{
		margin-top: 15px;
	}
}

.anime_btn {
	display: block;
    -webkit-animation: purun 2s linear 0s infinite normal;
    animation: purun 2s linear 0s infinite normal;
}
@keyframes purun {
	0%,100%,10%,15%,25%,35% {
		animation-timing-function: cubic-bezier(0.215,.61,.355,1)
	}
	0% {
		transform: scale3d(1,1,1)
	}
	10% {
		transform: scale3d(1.06,1.06,1.06);
	}
	15% {
		transform: scale3d(1,1,1)
	}
	25% {
		transform: scale3d(1.03,1.03,1.03);
	}
	35% {
		transform: scale3d(1,1,1)
	}
}
@media only screen and (max-width: 1260px) {
	#header {
		background-color: #FFF7D5;
	}		
}


#content {
	padding-left: 0;
}
#login+#content {
	padding-left: 230px;
}
@media only screen and (max-width: 1260px) {
	#login+#content {
		padding-left: 0;
	}
}
#content .section {
	overflow: visible;
	text-align: left;
	padding-bottom: 0;
}

/*ガスキャンペーン*/
.step-box {
	margin-top: 20px;
	padding: 20px 20px 14px;
	background-color: #d9f2ff;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
@media only screen and (max-width: 834px) {
	.step-box {
		padding: 10px;
		margin-top: 10px;
	}
}
.step-box>.columns {
	margin: 0 -20px;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns {
		margin: -25px 0;
	}
}
.step-box>.columns:after {
	content: "";
	clear: both;
	display: table;
}
.step-box>.columns>.columns__column {
	float: left;
	width: 25%;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column {
		float: none;
		width: 100%;
		padding: 25px 0;
	}
}
.step-box>.columns>.columns__column:after {
	content: "";
	position: absolute;
	right: -20px;
	top: 50%;
	margin-top: -22px;
	width: 38px;
	height: 44px;
	background-image: url(/image/2017/page/gas/bg_arrow_right.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column:after {
		right: inherit;
		top: inherit;
		bottom: -21px;
		left: 50%;
		margin-left: -22px;
		width: 44px;
		height: 38px;
		background-image: url(/image/2017/page/gas/bg_arrow_down.png);
	}
}
.step-box>.columns>.columns__column:last-child:after {
	display: none;
}
.step-box>.columns>.columns__column>.padding-box {
	background-color: #ffffff;
	padding: 26px 14px 117px;
	border-radius: 10px;
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #333333;
	position: relative;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column>.padding-box {
		padding: 15px;
	}
}
.step-box>.columns>.columns__column>.padding-box.-last {
	background-color: #f74551;
	color: #ffffff;
}
.step-box>.columns>.columns__column:nth-of-type(1)>.padding-box {
	background-image: url(/image/2017/page/gas/img_step01.png);
	background-position: center bottom 23px;
	background-size: 68px 81px;
}
.step-box>.columns>.columns__column:nth-of-type(2)>.padding-box {
	background-image: url(/image/2017/page/gas/img_step02.png);
	background-position: center bottom 34px;
	background-size: 124px 60px;
}
.step-box>.columns>.columns__column:nth-of-type(3)>.padding-box {
	background-image: url(/image/2017/page/gas/img_step03.png);
	background-position: center bottom 41px;
	background-size: 66px 44px;
}
.step-box>.columns>.columns__column:nth-of-type(4)>.padding-box {
	background-image: url(/image/2017/page/gas/img_step04.png);
	background-position: center bottom 23px;
	background-size: 107px 93px;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column:nth-of-type(1)>.padding-box,
	.step-box>.columns>.columns__column:nth-of-type(2)>.padding-box,
	.step-box>.columns>.columns__column:nth-of-type(3)>.padding-box,
	.step-box>.columns>.columns__column:nth-of-type(4)>.padding-box {
		background-image: none;
	}
	.step-box>.columns>.columns__column>.padding-box:after {
		content: "";
		position: absolute;
		right: 15px;
		bottom: 15px;
		background-position: right bottom;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.step-box>.columns>.columns__column:nth-of-type(1)>.padding-box:after {
		background-image: url(/image/2017/page/gas/img_step01.png);
		width: 39px;
		height: 48px;
	}
	.step-box>.columns>.columns__column:nth-of-type(2)>.padding-box:after {
		background-image: url(/image/2017/page/gas/img_step02.png);
		width: 84px;
		height: 41px;
	}
	.step-box>.columns>.columns__column:nth-of-type(3)>.padding-box:after {
		background-image: url(/image/2017/page/gas/img_step03.png);
		width: 46px;
		height: 32px;
	}
	.step-box>.columns>.columns__column:nth-of-type(4)>.padding-box:after {
		background-image: url(/image/2017/page/gas/img_step04.png);
		width: 83px;
		height: 71px;
	}
}
.step-box>.columns>.columns__column>.padding-box>.heading-3 {
	text-align: center;
	margin-bottom: 20px;
	padding: 0;
	background-image: none;
	background-color: transparent;
	border: none;
	line-height: 1;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column>.padding-box>.heading-3 {
		margin-bottom: 10px;
	}
	.step-box>.columns>.columns__column:nth-of-type(4)>.padding-box>.heading-3 {
		text-align: left;
	}
}
.step-box>.columns>.columns__column:nth-of-type(1)>.padding-box>.heading-3 img {
	width: 86px;
}
.step-box>.columns>.columns__column:nth-of-type(2)>.padding-box>.heading-3 img,
.step-box>.columns>.columns__column:nth-of-type(3)>.padding-box>.heading-3 img{
	width: 90px;
}
.step-box>.columns>.columns__column:nth-of-type(4)>.padding-box>.heading-3 img {
	width: 147px;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column:nth-of-type(1)>.padding-box>.heading-3 img {
		width: 75px;
	}
	.step-box>.columns>.columns__column:nth-of-type(2)>.padding-box>.heading-3 img,
	.step-box>.columns>.columns__column:nth-of-type(3)>.padding-box>.heading-3 img{
		width: 77px;
	}
	.step-box>.columns>.columns__column:nth-of-type(4)>.padding-box>.heading-3 img {
		width: 123px;
	}
}
.step-box>.columns>.columns__column>.padding-box>.lead{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 10px;
	letter-spacing: 0.025em;
	margin-left: 0.025em;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column>.padding-box>.lead{
		font-size: 16px;
		text-align: left;
	}
}
.step-box>.columns>.columns__column>.padding-box>.message{
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.05em;
	margin-left: 0.05em;
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column>.padding-box>.message{
		font-size: 12px;
		text-align: left;
	}
}
.step-box>.columns>.columns__column>.padding-box>.attention{
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.05em;
	margin-left: 0.05em;
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
	.step-box>.columns>.columns__column>.padding-box>.attention{
		font-size: 11px;
		text-align: left;
	}
}
.step-box>.attention {
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin-top: 16px;
}
@media only screen and (max-width: 834px) {
	.step-box>.attention {
		font-size: 10px;
		margin-top: 10px;
	}
}

.faq-link {
	text-align: center;
	margin-top: 20px;
}
@media only screen and (max-width: 834px) {
	.faq-link {
		text-align: left;
	}
}
.faq-link>a {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	position: relative;
	display: inline-block;
	font-weight: 400;
	text-decoration: underline;
	font-size: 12px;
	padding-left: 13px;
	color: #333333;
}
.faq-link>a:hover {
	text-decoration: none;
}
.faq-link>a:before{
	position: absolute;
	top: 7px;
	left: 0;
	content: "";
	width: 5px;
	height: 5px;
	border-top: 2px solid #187fc4;
	border-right: 2px solid #187fc4;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*キャンペーン特典とお手続き方法について*/

/*お申込みはこちらから*/
.eloginWrapper {
	position: relative;
	margin-top: 50px;
}
@media only screen and (max-width: 834px) {
	.eloginWrapper {
		margin-top: 30px;
	}
}
.eloginWrapper,
.eloginWrapper p,
.eloginWrapper h2,
.eloginWrapper h3 {
	text-align: center;
}

.eloginWrapper h2 {
	width: 100%;
	max-width: 450px;
	font-size: 36px;
	font-size: 3.6rem;
	margin: 0 auto;
	text-align: center;
}
@media only screen and (max-width: 834px) {
	.eloginWrapper h2 {
		width: 100%;
		max-width: none;
		font-size: 20px;
		font-size: 2.0rem;
		letter-spacing: 0.05em;
	}
}
.eloginWrapper h2:before {
	content: " ";
	display: inline-block;
	width: 30px;
	height: 47px;
	margin-right: 15px;
	margin-bottom: -9px;
	background: url(/image/2017/template/bg_slash_left.png) 0 0 no-repeat;
	background-size: contain;
}
.eloginWrapper h2:after {
	content: " ";
	display: inline-block;
	width: 30px;
	height: 47px;
	margin-left: 15px;
	margin-bottom: -9px;
	background: url(/image/2017/template/bg_slash_right.png) 0 0 no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
	.eloginWrapper h2:before {
		content: " ";
    width: 15px;
    height: 24px;
    margin-right: 6px;
    margin-bottom: -4px;
	}
	.eloginWrapper h2:after {
    width: 15px;
    height: 24px;
    margin-left: 6px;
    margin-bottom: -4px;
	}
}

.eloginWrapper h3 {
	margin-top: 40px;
}
@media only screen and (max-width: 834px) {
	.eloginWrapper h3 {
		margin-top: 20px;
    margin-bottom: 15px;
	}
}
.eloginWrapper .login_navi {
	margin-top: 20px;
}
@media only screen and (max-width: 834px) {
	.eloginWrapper .login_navi {
		margin-top: 10px;
	}
}
@media only screen and (max-width: 834px) {
	.eloginWrapper .noMember {
		margin-top: 20px;
	}
	.lightbox #dWrapper {
		padding: 15px;
	}
}
.cb-table-wrapper {
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-weight: 400;
	font-size: 1.4rem;
}
.cb-table-wrapper .heading-3{
	border-bottom: 1px solid #333333;
	margin-bottom: 20px;
	padding-bottom: 10px;
	background-color: transparent;
	color: #333333;
	font-size: 1.6rem;
	font-weight: 500;
}

.cb-table-wrapper table{
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}
.cb-table-wrapper table thead tr th{
	text-align: center;
	padding: 10px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #fedd74;
	font-size: 1.4rem;
}
.cb-table-wrapper table thead tr th span{
	font-size: 1.2rem;
}
.cb-table-wrapper table thead tr th:last-child{
	border-right: 1px solid #333333;
}
.cb-table-wrapper table tbody tr th{
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
	background-color: #f4f4f4;
	font-size: 1.4rem;
	vertical-align: middle;
}
.cb-table-wrapper table tbody tr td{
	padding: 10px;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}
.cb-table-wrapper table tbody tr td:last-child{
	border-right: 1px solid #333333;
}
.cb-table-wrapper .attention {
	margin-top: 20px;
}
.cb-table-wrapper .attention>li {
	font-size: 1.2rem;
}
@media only screen and (max-width: 834px) {
	#cboxContent {
		padding-left:15px;
		padding-right: 15px;
	}
	.cb-table-wrapper .scroll-x>div {
		opacity: 1 !important;
		overflow: visible !important;
		background-color: #362d08 !important;
		height: 2px !important;
		top: 3px !important;
	}
	.cb-table-wrapper .scroll-x>div>div {
		background-color: #e63800 !important;
		height: 6px !important;
		border-radius: 5px !important;
		top: -1px !important;
		border: none !important;
	}
}
.twin-button {
  margin-top: 20px;
}
@media only screen and (max-width: 834px) {
  .twin-button {
    margin-top: 15px;
  }
}
.columns {
  display: flex;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
}
@media only screen and (max-width: 834px) {
  .columns {
    display: block;
    margin-left: 0;
    margin-right: 0;
  }
}
.columns__column {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}
@media only screen and (max-width: 834px) {
  .columns__column {
    width: 100%;
    margin-top: 7px;
    padding-left: 0;
    padding-right: 0;
  }
}
.twin-button .denka-puropan{
}
.twin-button .denka-puropan:last-child{
  padding-bottom: 0;
}
.twin-button .denka-puropan:before{
  width: 100%;
  height: 100%;
  background-color: #c21e3c;
  border-radius: 33px;
}
@media only screen and (max-width: 834px) {
  .twin-button .denka-puropan:before{
    width: 280px;
  }
}
@media only screen and (max-width: 834px) {
  .twin-button .denka-puropan>a:before{
    left: 15px;
  }
}
.twin-button .denka-puropan.fire:before{
  width: 100%;
  height: 100%;
  background-color: #0b79b1;
}
@media only screen and (max-width: 834px) {
  .twin-button .denka-puropan.fire:before{
    width: 280px;
  }
}
.twin-button .denka-puropan>a{
  width: 100%;
  padding: 20px 70px 20px 60px;
  border-radius: 30px;
  text-align-last: left;
  font-size: 16px !important;
  background-color: #f6284e;
}
@media only screen and (max-width: 834px) {
  .twin-button .denka-puropan>a{
    width: 280px;
    padding: 5px 25px 5px 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align-last: center;
    font-size: 14px !important;

  }
}
.twin-button .denka-puropan>a:hover{
  background-color: #f96d87;
}
.twin-button .denka-puropan.fire>a{
  background-color: #0d9be3;
}
.twin-button .denka-puropan.fire>a:before{
  left: 30px;
  width: 27px;
  height: 37px;
  background: url(/image/template/fire.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 834px) {
  .twin-button .denka-puropan.fire>a:before{
    left: 15px;
    width: 22px;
    height: 31px;
  }
}
.twin-button .denka-puropan.fire>a:hover{
  background-color: #44AEE3;
}
.icon.gasmodal {
  position: relative;
}
.icon.gasmodal:before {
  content:'';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -20px;
  width: 14px;
  height: 13px;
  background: url(/image/template/modal.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 834px) {
  .icon.gasmodal {
    line-height: 1.3;
  }
}
.icon.iconmodal {
  display: inline-block;
  position: relative;
}
.miniNotice.icon.iconmodal {
  left: 50%;
  transform: translateX(-50%);
}
.icon.iconmodal:before {
  content:'';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  width: 14px;
  height: 13px;
  background: url(/image/template/modal.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
/* .footer-section__dokonyan {
    margin-top: 40px;
  }
@media only screen and (max-width: 834px) {
.footer-section__dokonyan {
    margin-top: 20px;
  }
} */
@media only screen and (max-width: 834px) {
#dWrapper #dMFWrapper {
    background: url(/image/2016/template/bg_contents_bottom.png) center calc(100% - 245px) no-repeat;
    background-size: 250%;
}
}
@media only screen and (max-width: 834px) {
  .denki .isNotLoginDisp.mb30 {
    display: block;
    margin-bottom: 30px;
  }
}
.denki .login_navi>ul {
  text-align: center;
}
.denki #kateneMember .link{
  display: inline;
}
@media only screen and (max-width: 834px) {
.-gas .kateneBtnFS01>img+img {
    margin-bottom: 10px;
}
}
.denki .dCenteringInner.narrow {
  max-width: 800px;
}
.denki .gLoginArea .noMember {
  padding: 32px 0 0;
    background: url(/image/2016/common/bg_line_dot_hor.png) 0 top repeat-x;
    margin-top: 35px;
}

.gas.fixed-btn {
	position: fixed;
	width: 140px;
	height: 140px;
	right: 25px;
	bottom: 122px;
	z-index: 1000;
	opacity: 0;
	transition: all .5s;
}
.gas.fixed-btn.is-active {
	opacity: 1;
}
.gas.fixed-btn a:hover img{
	opacity: 0.7;
}
@media only screen and (max-width: 834px) {
	.gas.fixed-btn {
		width: 80px;
		height: 80px;
		right: -1px;
		/*bottom: 83px;*/
		bottom: 110px;
	}
}

.-gas .movie-area {
	margin: 30px auto 0;
	max-width: 670px;
}
.-gas .movie-area img {
	-webkit-backface-visibility: hidden;
}
.-gas #aMainContents .dModSecNormal .-movie-section{
	margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
	.-gas .movie-area {
		padding: 0 27px 0 28px;
		margin-top: 30px;
	}
	.-gas #aMainContents .dModSecNormal .-movie-section{
		margin-bottom: 20px;
	}
}

/* summer_campaign */
.summer_campaign {
  font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Osaka,sans-serif;
  letter-spacing: 0.02em;
  position: relative;
}

/* summer_campaign_mv */
.summer_campaign_mv {
  /* width: 100%;
  height: 900px; */
  /* background: url(/image/2017/page/gas/mv_bg.jpg) no-repeat top center / cover; */
  color: #fff;
  /* padding: 50px 0 0 50px; */
  box-sizing: border-box;
  position: relative;
}
.summer_campaign_partner .summer_campaign_mv {
  /* height: 570px;
  background: url(/image/2017/page/gas/mv_bg.jpg) no-repeat top center / 100% auto; */
}
.mv_pc_btn {
  font-size: 12px;
  width: 300px;
  background: transparent;
  padding: 6px 0 4px;
  border-radius: 4px;
  border: 1px solid #fff;
  position: absolute;
  left: 1.6%;
  bottom: 3%;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s;
}
.mv_pc_btn img {
  vertical-align: middle;
  margin: -2px 0 0 5px;
}
.mv_pc_btn:hover:visited,
.mv_pc_btn:hover:link{
  color: #25a8e4;
  text-decoration: none;
  background-color: #fff;
}
.mv_pc_btn:visited,
.mv_pc_btn:link{
  color: #fff;
}
.mv_pc_btn:link {
  color: #fff;
}
.summer_campaign_mv_inner {
  /* width: 900px;
  margin: 0 auto;
  position: relative; */
  background: linear-gradient(to bottom, #ffeeac, #ffeeac 65.83%, #022662 65.83%, #022662 85.68%, #ffeeac 85.68%, #ffeeac 100%);
}
@media only screen and (max-width: 834px) {
  .summer_campaign_mv_inner {
    background: none;
  }
}
#gotag {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1200px;
  overflow: hidden;
}
#gotag>img {
  position: relative;
  left: -1px;
}
@media only screen and (max-width: 834px) {
  #gotag {
    max-width: 100%;
    position: static;
    left: 0;
    transform: none;
  }
  #gotag>img {
    left: auto;
}
}
/* .mv_img {
  position: absolute;
  left: -50px;
  top: 0;
  width: 624px;
} */
.mv_txt {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
}
.mv_txt_num {
  font-size: 24px;
}
.mv_txt_date {
  font-size: 16px;
  vertical-align: middle;
  border-radius: 4px;
  padding: 12px 20px;
  border: 2px solid #fff;
  margin-left: 14px;
}
.mv_txt_s {
  font-size: 12px;
}
.mv_ttl {
  margin: 20px 0 0;
  width: 575px;
}
.mv_catch {
  font-size: 18px;
  line-height: 1.211;
  font-weight: bold;
  margin-top: 15px;
}
.mv_catch_l {
  font-size: 26px;
}
.mv_present_txt {
  margin: 17px 0 0 -50px;
  width: 613px;
}
.mv_bottom {
  width: 100%;
  /* height: 350px; */
  /* background: linear-gradient(to right, #002c76, #002c76 54%, #022662 54%, #022662 100%); */
  /* position: absolute;
  left: 0;
  bottom: 0; */
  /* padding: 40px 50px; */
  /* padding: 60px 0; */
  box-sizing: border-box;
}
.mv_bottom_cont {
  display: flex;
  justify-content: center;
  background: linear-gradient(to right, #002c76, #002c76 50%, #022662 50%, #022662 100%);
  /* justify-content: space-between;
  flex-wrap: wrap; */
  /* align-items: flex-end; */
  /* width: 900px;
  margin: 0 auto; */
}
.mv_bottom_btn_area {
  /* width: 530px; */
  width: 54%;
  max-width: 645px;
  padding: 60px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  background-color: #002c76;
}
#mv_bottom_anchor {
  margin-right: 115px;
}
@media only screen and (max-width: 1080px) {
  #mv_bottom_anchor {
  margin-right: 12%;
  width: 300px;
  }
}
@media only screen and (max-width: 834px) {
  #mv_bottom_anchor {
    margin-right: 0;
    width: 100%;
  }
}
ul.mv_bottom_btn_list {
  width: 390px;
  margin-right: 140px;
}
@media only screen and (max-width: 1080px) {
  ul.mv_bottom_btn_list {
    margin-right: 4%;
  }
}
@media only screen and (max-width: 834px) {
  ul.mv_bottom_btn_list {
    margin-left: 40px;
    margin-right: 40px;
  }
}
.mv_bottom_btn_area_obi {
  display: flex;
  position: relative;
  text-align: center;
  /* width: 100%; */
  width: 445px;
  font-size: 14px;
  line-height: 1;
  justify-content: center;
  align-items: center;
}
.summer_campaign_partner .mv_bottom_btn_area_obi {
  display: none;
}
.mv_bottom_btn_area_obi img {
  margin-left: 5px;
  vertical-align: middle;
}
.mv_bottom_btn_area_obi:before,
.mv_bottom_btn_area_obi:after {
  content: "";
  display: block;
  /* width: 120px; */
  width: 84px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media only screen and (max-width: 1080px) {
  .mv_bottom_btn_area_obi:before,
  .mv_bottom_btn_area_obi:after {
    width: 20px;
  }
}
.mv_bottom_btn_area_obi:before {
  left: 0;
}
.mv_bottom_btn_area_obi:after {
  right: 0;
}
.mv_bottom_btn_area_obi:visited {
  color: #fff;
}
.mv_bottom_btn_area_obi:link {
  color: #fff;
}
@media only screen and (max-width: 834px) {
  .mv_bottom_btn_area_obi:link {
    width: 100%;
    color: #fff;
    background-color: #022662;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 28px;
  }
}
.mv_bottom_btn_area_txt {
  margin: 29px 0 5px 20px;
  font-size: 13px;
  font-weight: bold;
  position: relative;
  z-index: 2;
  color: #fe7a40;
  display: block;
  width: 100%;
  text-align: right;
  margin-right: 210px;
}
@media only screen and (max-width: 1080px) {
  .mv_bottom_btn_area_txt {
    margin-right: 16%;
  }
}
.mv_bottom_btn_area_txt img {
  vertical-align: middle;
  width: 61px;
}
.mv_bottom_btn_list li {
  width: 100%;
  height: 83px;
  position: relative;
}
.mv_bottom_btn_list li + li {
  margin-top: 20px;
}
@media only screen and (max-width: 834px) {
  .mv_bottom_btn_list li + li {
    margin-top: 14px;
  }
}
.mv_bottom_btn_list li:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: -4px;
  right: 0px;
  background-color: #fff;
  border-radius: 5px;
}
.mv_bottom_btn_list a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
  line-height: 1.63;
  background: linear-gradient(to right, #e60112, #ff5c12);
  text-align: center;
  font-size: 15px;
  z-index: 1;
  border-radius: 5px;
}
.mv_bottom_btn_list a.pseudo {
  position: relative;
}
.mv_bottom_btn_list a.pseudo:before {
  content:'';
  display: inline-block;
  position: absolute;
  width: 61px;
  height: 61px;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  background: url(/image/2017/page/gas/mv_bottom_btn_area_txt_icon.png);
  background-size: contain;
}
@media only screen and (max-width: 1080px) {
  .mv_bottom_btn_list a.pseudo:before {
    left: 30px;
  }
}
@media only screen and (max-width: 834px) {
  .mv_bottom_btn_list a.pseudo:before {
    width: 45px;
    height: 45px;
    background-size: contain;
  }
}
.mv_bottom_btn_list a.alt {
  background: linear-gradient(to right, #1ca9e7, #42c6ff);
}
.mv_bottom_btn_list a:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-left: none;
  border-bottom: none;
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  margin: auto 0;
  transform: rotate(45deg);
}
.mv_bottom_cm {
  /* width: 330px; */
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 60px 0;
  width: 46%;
  max-width: 565px;
  background-color: #022662;
}
.mv_bottom_cm_ttl {
  /* width: 202px; */
  width: 100%;
  margin: 0 auto 30px;
  margin-top: -7px;
  text-align: left;
  margin-left: 180px;
}
@media only screen and (max-width: 1080px) {
  .mv_bottom_cm_ttl {
    margin-left: 18%;
  }
}
.mv_bottom_cm_ttl>.title {
  width: 202px;
}
.mv_bottom_cm_ttl>.sp {
  width: 202px;
}
@media only screen and (max-width: 834px) {
  .summer_campaign_mv {
    height: auto;
    background: none;
    padding: 0;
    box-sizing: border-box;
    position: relative;
  }
  .summer_campaign_partner .summer_campaign_mv {
    height: auto;
    background: none;
  }  
  .summer_campaign_mv_inner {
    /* width: 100%;
    height: 375px;
    background: url(/image/2017/page/gas/mv_bg_sp.png) no-repeat center / 100% auto;
    position: relative; */
  }
  .mv_img {
    left: 0;
    top: auto;
    bottom: 0;
    right: 0;
    /* width: 320px; */
    width: 100%;
  }  
  .mv_txt {
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
  }
  .mv_txt_num {
    font-size: 20px;
  }
  .mv_ttl {
    margin: 0 auto;
    width: 310.5px;
    position: absolute;
    top: 34.5px;
    left: 0;
    right: 0;
  }
  .mv_catch {
    font-size: 14px;
    line-height: 1.145;
    margin: 0;
    position: absolute;
    top: 124px;
    left: 12px;
  }
  .mv_catch_l {
    font-size: 20px;
  }
  .mv_present_txt {
    margin: 0;
    width: 196.5px;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .mv_date_sp {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 183px;
  }
  .mv_bottom {
    /* height: auto;
    background: #fff;
    position: static;
    padding: 0 10px 20px; */
    background: none;
  }
  .mv_bottom_cont {
    display: block;
    width: 100%;
  }
  .mv_bottom_btn_area {
    width: 100%;
    padding-top: 0;
    padding-bottom: 33px;
    background: #fff;
    justify-content: center;
    max-width: 100%;
  }
  .mv_bottom_btn_area_obi {
    font-size: 14px;
    background-color: #000;
    padding: 15px 10px;
    margin-left: -10px;
    margin-bottom: 20px;
    box-sizing: content-box;
  }
  .mv_bottom_btn_area_obi img {
    margin-left: 5px;
    vertical-align: middle;
  }
  .mv_bottom_btn_area_obi:before,
  .mv_bottom_btn_area_obi:after {
    display: none;
  }
  .summer_campaign_partner .mv_bottom_btn_area_obi {
    margin-left: 0;
    margin-bottom: 0;
    display: flex;
  }
  .mv_bottom_btn_area_txt {
    margin: 0 0 7px;
    font-size: 11px;
    /* color: #000; */
    text-align: right;
    line-height: 1;
    text-align: center;
    }
  .mv_bottom_btn_list_icon {
    width: 61px;
    position: absolute;
    top: -25px;
    left: -7px;
    z-index: 3;
  }
  .mv_bottom_btn_list li {
    /* height: 78px; */
    height: 60px !important;
    position: relative;
  }
  .mv_bottom_btn_list li:after {
    background-color: #a7090d;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    bottom: 16px;
  }
  .mv_bottom_btn_list li+li:after {
    background-color: #197eab;
  }
  .mv_bottom_btn_list a {
    line-height: 1.5;
    font-size: 12px;
    height: auto;
    padding-top: 11px;
    padding-bottom: 11px;
    min-height: 58px;
  }
  .mv_bottom_btn_list a:after {
    right: 10px;
  }
  .mv_bottom_cm {
    width: 100%;
    /* margin-top: 40px; */
    margin-top: 0;
    padding-top: 25px;
    padding-bottom: 40px;
    max-width: 100%;
  }
  .mv_bottom_cm_ttl {
    /* width: 201px;
    margin: 0 auto 10px; */
    display: inline-block;
    width: 170px;
    margin: 0 auto 22px;
  }
}

/* summer_campaign_gas_ryokin */
.summer_campaign_gas_ryokin {
  background: repeating-linear-gradient(315deg, #c3e7e5, #c3e7e5 25px, #afdfdc 25px, #afdfdc 65px );
  /* background-size: 44px; */
  /* background-color: #009ad5; */
  /* padding: 47px 0 95px; */
  padding: 25px 0 25px;
  /* color: #fff; */
  color: #022662;
  margin-bottom: 35px;
}
@media only screen and (max-width: 834px) {
  .summer_campaign_gas_ryokin {
    background: repeating-linear-gradient(315deg, #c3e7e5, #c3e7e5 32px, #afdfdc 32px, #afdfdc 86px );
		margin-bottom: 30px;
  }
}
.summer_campaign_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.summer_campaign_gas_ryokin_txt_area_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.summer_campaign_gas_ryokin_txt_area {
  width: 440px;
}
.summer_campaign_gas_ryokin_graph_area {
  width: 485px;
}
.summer_campaign_gas_ryokin_txt_area_ttl {
  font-size: 18px;
  line-height: 1.4;
  background-color: #0061ab;
  width: 100%;
  padding: 20px 0 20px 20px;
  color: #fff;
  font-weight: bold;
  border-radius: 4px;
  margin-bottom: 15px;
}
.summer_campaign_gas_ryokin_txt_area_txt {
  font-size: 18px;
  line-height: 1.75;
  font-weight: bold;
  margin-bottom: 0;
}
.summer_campaign_gas_ryokin_txt_area_txt_price {
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  margin: 10px 0 0;
}
.summer_campaign_gas_ryokin_txt_area_txt_price_num {
  font-size: 50px;
}
.summer_campaign_gas_ryokin_txt_area_txt_price_border {
  display: inline-block;
  position: relative;
}
.summer_campaign_gas_ryokin_txt_area_txt_price_border:after {
  content: "";
  display: block;
  height: 10px;
  width: 100%;
  background: linear-gradient(to right, #f59c00, #ed2314);
  position: absolute;
  bottom: 5px;
  right: 0;
}
.summer_campaign_gas_ryokin_txt_area_txt_price_border span {
  position: relative;
  z-index: 1;
}
.summer_campaign_gas_ryokin_txt_area_sub {
  margin-top: 50px;
}
.summer_campaign_gas_ryokin_txt_area_sub_ttl {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  margin-bottom: 18px;
  padding: 2px 0 0 34px;
  background: url(/image/2017/page/gas/summer_campaign_gas_ryokin_txt_area_sub_ttl_icon.png) no-repeat top left / auto 100%;
}
.summer_campaign_gas_ryokin_txt_area_sub_list li {
  font-size: 14px;
  line-height: 1.75;
}
.summer_campaign_gas_ryokin_graph_area_ttl {
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
  color: #fff;
  margin-bottom: 14px;
  padding: 2px 0 0 34px;
  background: url(/image/2017/page/gas/summer_campaign_gas_ryokin_txt_area_sub_ttl_icon.png) no-repeat top left / auto 100%;
}
.summer_campaign_gas_ryokin_sub_cont {
  /* margin-top: 40px; */
  display: flex;
  justify-content: center;
  /* margin-top: 70px; */
  /* margin-left: 35px;
  margin-right: 35px; */
}
@media only screen and (max-width: 834px) {
  .summer_campaign_gas_ryokin_sub_cont {
    display: block;
    /* margin-top: 45px; */
    margin-left: 20px;
    margin-right: 24px;
  }
}
.summer_campaign_partner .summer_campaign_gas_ryokin_sub_cont {
  margin-top: 0;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
  /* width: 490px; */
  /* max-width: 500px; */
  /*height: 320px;*/
	height: 290px;
	padding-right: 0
  /*padding-right: 25px;*/
}

@media only screen and (max-width: 1080px) {
  .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
    /*width: 355px;*/
  }
}
@media only screen and (max-width: 834px) {
  .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
    width: 100%;
    /*max-width: 390px;*/
    margin: 0 auto;
		padding-right: 0;
}
}
/*.summer_campaign_gas_ryokin_sub_cont_scroll_wrap::-webkit-scrollbar {
  width: 8px;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap::-webkit-scrollbar-thumb {
  background: #004ea2;
  border-radius: 10px;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}*/
/*.summer_campaign_gas_ryokin_sub_cont_scroll_wrap::-webkit-scrollbar {
  width: 6px;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap::-webkit-scrollbar-thumb {
  background: #cbcbcb;
  border-radius: 10px;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
}*/
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap + .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
  margin-left: 25px;
  /* margin-top: 40px; */
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_inside > .mCSB_container {
	margin-right: 50px !important;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools {
	width: 8px !important;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_draggerContainer {
	left: 0 !important;
	top: 0 !important;
	height: auto !important;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #ffffff !important;
	border-radius: 4px;
	width: 8px;
}
.summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	border-radius: 4px;
	width: 8px;
	background-color: #004ea2 !important;
}
#colorbox.map_colorbox #cboxContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools {
	width: 10px !important;
}
#colorbox.map_colorbox #cboxContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #ebebeb !important;
}
#colorbox.map_colorbox #cboxContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #ebebeb !important;
	border-radius: 0 !important;
	width: 10px !important;
}

#colorbox.map_colorbox #cboxContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #004ea2 !important;
	border-radius: 0 !important;
	width: 10px !important;
}
@media only screen and (max-width: 834px) {
  .summer_campaign_gas_ryokin_sub_cont_scroll_wrap + .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
    margin: 0 auto;
    margin-top: 32px;
  }
	.summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_inside > .mCSB_container {
		margin-right: 30px !important;
	}
}
.summer_campaign_gas_ryokin_sub_cont_ttl {
  /*font-size: 14px;*/
	font-size: 16px;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: bold;
	color: #004ea2;
	padding-left: 15px;
	position: relative;
}
.summer_campaign_gas_ryokin_sub_cont_ttl:before {
content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #004ea2;
    border-radius: 50%;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.large {
	font-size: 18px;
  line-height: 1.5;
	margin-top: 30px;
  margin-bottom: 15px;
  font-weight: bold;
	color: #004ea2;
	padding-left: 0;
	position: relative;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.large:before {
content:normal;
/*    display: inline-block;
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 14px;
    background: #004ea2;
    border-radius: 0;*/
}
.summer_campaign_gas_ryokin_sub_cont_ttl.largest {
	font-size: 20px;
  line-height: 1.15;
	letter-spacing: 0em;
  margin-bottom: 30px;
  font-weight: bold;
	color: #004ea2;
	position: relative;
	padding-left: 0;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.largest.text-center {
	text-align: center;
}
ul+.summer_campaign_gas_ryokin_sub_cont_ttl.largest {
	margin-top: 30px;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.largest:before {
content: normal;
}
	.summer_campaign_gas_ryokin_sub_cont_ttl.normal{
		color: #333333;
		padding-left: 0;
	}
	.summer_campaign_gas_ryokin_sub_cont_ttl.normal:before {
		display: none;
	}
.summer_campaign_gas_ryokin_sub_cont_ttl.border {
	border-left: 3px solid #004ea2;
	color: #333333;
	padding-left: 5px;
	line-height: 1;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.border:before {
	display: none;
}
@media only screen and (max-width: 834px) {
.summer_campaign_gas_ryokin_sub_cont_ttl {
	font-size: 14px;
  margin-bottom: 5px;
	padding-left: 10px;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.large {
	font-size: 15px;
	margin-top: 15px;
  margin-bottom: 5px;
	padding-left: 0;
}
.summer_campaign_gas_ryokin_sub_cont_ttl.largest {
	font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
}
ul+.summer_campaign_gas_ryokin_sub_cont_ttl.largest {
	margin-top: 10px;
}
.summer_campaign_gas_ryokin_sub_cont_ttl:before {
content: '';
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
}

.summer_campaign_gas_ryokin_sub_cont_ttl.large:before {
/*content: '';
    left: 0;
    top: 5px;
    width: 3px;
    height: 12px;*/
}
.summer_campaign_gas_ryokin_sub_cont_ttl.largest:before {
content: normal;
}
}
/*.summer_campaign_gas_ryokin_sub_cont_ttl + .summer_campaign_gas_ryokin_sub_cont_ttl {
  margin-bottom: 20px;
}*/
.summer_campaign_gas_ryokin_sub_cont_list--point {
	position: relative;
}
.summer_campaign_gas_ryokin_sub_cont_list--attention {
	position: relative;
	padding-left: 20px;
}
.summer_campaign_gas_ryokin_sub_cont_list--attention:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	font-weight: 400;
}
.summer_campaign_gas_ryokin_sub_cont_list li {
  /*font-size: 12px;*/
 /* line-height: 2;*/
	font-size: 14px;
  line-height: 1.5;
	letter-spacing: 0em;
  padding-left: 0;
	margin-left: 0;
}

.summer_campaign_gas_ryokin_sub_cont_list li.attention-text {
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
}
.summer_campaign_gas_ryokin_sub_cont_list--point li{
	padding-left: 10px;
	position: relative;
}
.summer_campaign_gas_ryokin_sub_cont_list--point li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0.7em;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #333333;
}
.summer_campaign_gas_ryokin_sub_cont_list li.list--number {
	text-indent: -17px;
	padding-left: 17px;
	
}
.summer_campaign_gas_ryokin_sub_cont_list li+li {
margin-top: 10px;
}
.summer_campaign_gas_ryokin_sub_cont_list_tel li {
  padding-left: 0;
  text-indent: 0;
}
@media only screen and (max-width: 834px) {
.summer_campaign_gas_ryokin_sub_cont_list li {
	font-size: 13px;
}
}
/*.summer_campaign_gas_ryokin_sub_cont_list + .summer_campaign_gas_ryokin_sub_cont_ttl {
  margin-top: 35px;
}*/
@media only screen and (max-width: 834px) {
  .summer_campaign_gas_ryokin {
    /* padding: 20px 0 10px; */
    padding: 30px 0 30px;
  }
  .summer_campaign_inner {
    width: 100%;
    max-width: 100%;
    /* padding: 0 10px; */
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
  }
  .summer_campaign_gas_ryokin_txt_area_wrap {
    display: block;
    text-align: center;
  }
  .summer_campaign_gas_ryokin_txt_area {
    width: 100%;
  }
  .summer_campaign_gas_ryokin_graph_area {
    width: 100%;
  }
  .summer_campaign_gas_ryokin_txt_area_ttl {
    font-size: 12px;
    padding: 10px 0;
    margin-left: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .summer_campaign_gas_ryokin_txt_area_txt {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .summer_campaign_gas_ryokin_txt_area_txt_price {
    font-size: 18px;
    margin-top: 0;
  }
  .summer_campaign_gas_ryokin_txt_area_txt_price_num {
    font-size: 38px;
  }
  .summer_campaign_gas_ryokin_txt_area_txt_price_border {
    font-size: 14px;
  }
  .summer_campaign_gas_ryokin_txt_area_txt_price_border:after {
    bottom: 2px;
  }
  .summer_campaign_partner .summer_campaign_gas_ryokin_sub_cont {
    margin-top: 0;
  }  
  .summer_campaign_gas_ryokin_sub_cont_link {
    margin: 18px 0 0;
  }
  .summer_campaign_gas_ryokin_sub_cont_link_txt {
    font-size: 12px;
    line-height: 1;
    text-decoration: underline;
    color: #fff;
    display: inline-block;
    position: relative;
  }
  .summer_campaign_gas_ryokin_sub_cont_link_txt:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -18px;
    width: 14px;
    height: 13px;
    background: url(/image/2017/page/gas/summer_campaign_gas_ryokin_sub_cont_link_txt_icon.jpg) no-repeat top center / cover;
  }
  .summer_campaign_gas_ryokin_sub_cont_link_txt:visited {
    color: #fff;
    text-decoration: underline;
  }
  .summer_campaign_gas_ryokin_sub_cont_link_txt:link {
    color: #fff;
    text-decoration: underline;
  }  
  .summer_campaign_gas_ryokin_txt_area_sub {
    margin-top: 27px;
  }
  .summer_campaign_gas_ryokin_txt_area_sub_ttl {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .summer_campaign_gas_ryokin_txt_area_sub_list li {
    font-size: 12px;
    line-height: 2;
  }
  .summer_campaign_gas_ryokin_graph_area_ttl {
    font-size: 18px;
    margin: 30px 0 14px;
    padding: 2px 0 0 34px;
  }
}

/* summer_campaign_bnr_area */
.summer_campaign_bnr_area {
  padding: 40px 0;
  text-align: center;
}
.summer_campaign_bnr_area_txt {
  font-size: 19px;
  line-height: 1;
  text-align: center;
  margin-bottom: 36px;
}
.summer_campaign_bnr {
  display: block;
  line-height: 0;
  width: 576px;
  margin: 0 auto;
}
.summer_campaign_bnr_link_sub {
  font-size: 14px;
  display: inline-block;
  line-height: 1;
  padding-right: 24px;
  background: url(/image/2017/page/gas/summer_campaign_bnr_link_sub_icon.png) no-repeat top right / auto 100%;
  margin-top: 20px;
}
@media only screen and (max-width: 834px) {
  .summer_campaign_bnr_area {
    padding: 16px 0 20px;
    text-align: center;
  }
  .summer_campaign_bnr_area_txt {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .summer_campaign_bnr {
    width: 300px;
  }
}

/* modal */
#modal_img .modal_inner,
#mainView_modal .modal_inner{
	background: #fff;
	max-width: 960px;
	overflow: auto;
	padding: 40px 40px 0;
	font-size: 14px;
}
#modal_img .modal_inner{
	padding: 0;
}
#mainView_modal .modal_mainTit{
	text-align: center;
	font-size: 1em;
	margin: 0 0 2em;
}
#mainView_modal .modal_box{
	margin: 0 0 1em;
}
#mainView_modal .modal_box:last-child{
	margin: 0 0 40px;
}
#mainView_modal .modal_tit{
	margin: 0;
	font-size: 1em;
}
#mainView_modal .modal_subTit{
	margin: 1em 0 0;
}
#mainView_modal .modal_txt,
#mainView_modal .modal_list,
#mainView_modal .modal_numList,
#mainView_modal .modal_indentList{
	font-size: 1em;
}
#mainView_modal .modal_numList li{
	text-indent: -3em;
	padding-left: 3em;
}
#mainView_modal .modal_numList li:not(:last-child){
	margin: 0 0 1em;
}
#mainView_modal .modal_list li:not(:last-child){
	margin: 0 0 1em;
}
#mainView_modal .modal_indentList li{
	text-indent: -1em;
	padding-left: 1em;
}
#mainView_modal .modal_tel{
	font-size: 1em;
	color: #333;
}
@media only screen and (max-width: 834px) {
  #modal_img .modal_inner,
  #mainView_modal .modal_inner{
    padding: 5.33vw 3vw 0;
    font-size: 3.2vw;
  }
  #modal_img .modal_inner{
    padding: 0;
  }
  #mainView_modal .modal_mainTit{
    text-align: center;
    margin: 0 0 1em;
  }
  #mainView_modal .modal_box:last-child{
    margin: 0 0 5.33vw;
  }
  #mainView_modal .modal_tit{
    margin: 0;
  }
  #mainView_modal .modal_subTit{
    margin: 1em 0 1.3vw;
    font-size: 3.2vw;
  }
  #mainView_modal .modal_txt,
  #mainView_modal .modal_list,
  #mainView_modal .modal_numList,
  #mainView_modal .modal_indentList{
    font-size: 3.2vw;
  }
  /*#mainView_modal .modal_tel{
    font-size: 3.75vw;
  }*/
}
.lity-wrap body {
  background: #fff;
  margin: 0;
}
/*.lity-iframe-container {
  padding-top: 75vh !important;
}*/
#mv_bottom_cm {
  margin-left: 120px;
}
@media only screen and (max-width: 1080px) {
  #mv_bottom_cm {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 834px) {
  #mv_bottom_cm {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  #mv_bottom_cm>img {
    padding-left: 40px;
    padding-right: 40px;
    width: 100%;
    max-width: 470px;
  }
}
.summer_campaign.summer_campaign_partner {
  background: linear-gradient(to bottom, #ffeeac, #ffeeac 62.50%, #022662 62.50%, #022662 81.5%, #ffeeac 81.5%, #ffeeac 100%);
}
@media only screen and (max-width: 834px) {
  .summer_campaign.summer_campaign_partner {
    background: none;
  }
}
.summer_campaign_mv_img_wrap {
  margin: 0 auto;
  display: block;
  max-width: 1200px;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 834px) {
  .summer_campaign_mv_img_wrap {
    max-width: 100%;
  }
}
.summer_campaign_mv_img_wrap>img {
  max-width: 1200px;
  left: -1px;
  position: relative;
}
@media only screen and (max-width: 834px) {
  .summer_campaign_mv_img_wrap>img {
    max-width: 100%;
    left: 0;
  }
}
.kv-button-wrap {
  max-width:1000px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 834px) {
  .kv-button-wrap {
    max-width: 100%;
  }
}
.kv-button-wrap>a {
  font-size: 12px;
  width: 300px;
  background: transparent;
  padding: 6px 0 4px;
  border-radius: 4px;
  border: 1px solid #fff;
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s;
  background: #022662;
  border:none;
  left: 0;
  bottom: 20px;
  position: relative;
}
@media only screen and (min-width: 769px) and (max-width: 1000px){
  .kv-button-wrap>a {
    left: 15px;
  }
}
@media only screen and (max-width: 834px) {
  .kv-button-wrap>a {
    left: auto;
    bottom:0;
    padding-top: 16px !important;
    padding-bottom: 15px !important;
    border-radius:0;
  }
}
.voice-wrapper {
	margin-top: 55px;
}
@media only screen and (max-width: 834px) {
.voice-wrapper {
	margin-top: 50px;
	margin-left: -15px;
	margin-right: -15px;
}
}
.heading2-voice {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	    margin-bottom: -41px !important;
	z-index: 2;
	position: relative;
	margin-bottom: -31px;
}
@media only screen and (max-width: 834px) {
	.heading2-voice {
    padding-left: 40px;
    padding-right: 40px;
		margin-bottom: -30px !important;
}
}
.heading2-voice-wrapper {
	position: relative;
	width: 100%;
	max-width: 630px;
}
@media only screen and (max-width: 834px) {
.heading2-voice-wrapper {
	text-align: center;
	max-width: 100%;
}
}
.heading2-voice-wrapper:before {
	content:'';
	display: inline-block;
	position: absolute;
	top: 0;
	left: -60px;
	border-top:solid 40px transparent;
	border-bottom:solid 40px transparent;
	border-left:solid 30px transparent;
	border-right:solid 30px #0054a1;
}
@media only screen and (max-width: 834px) {
.heading2-voice-wrapper:before {
	left: -50px;
	border-top:solid 30px transparent;
	border-bottom:solid 30px transparent;
	border-left:solid 25px transparent;
	border-right:solid 25px #0054a1;
}
}
.heading2-voice-wrapper:after {
	content:'';
	display: inline-block;
	position: absolute;
	top: 0;
	right: -60px;
	border-top:solid 40px transparent;
	border-bottom:solid 40px transparent;
	border-left:solid 30px #0054a1;
	border-right:solid 30px transparent;
}
@media only screen and (max-width: 834px) {
.heading2-voice-wrapper:after {
	right: -50px;
	border-top:solid 30px transparent;
	border-bottom:solid 30px transparent;
	border-left:solid 25px #0054a1;
	border-right:solid 25px transparent;
}
}
.heading2-voice_content {
	width: 100%;
	padding: 22px 0;
	display: inline-block;
	background: #0054a1;
	text-align: center;
	position: relative;
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.heading2-voice_content {
    padding-top: 9px;
    padding-bottom: 14px;
    height: 60px;
}
}
.heading2-voice_content:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 77px;
	height: 84px;
	top: -32px;
	right: 99px;
	background: url(/image/2017/page/gas/balloon.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.heading2-voice_content:before {
width: 54px;
    height: 58px;
    top: -12px;
    right: -2px;
    z-index: 2;
}
}
@media only screen and (max-width: 374px) {
	.heading2-voice_content:before {
    right: -30px;
}
}
.heading2-voice_content:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 90px;
	height: 123px;
	bottom: 11px;
	left: -7px;
	background: url(/image/2017/page/gas/img_hear.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
	.heading2-voice_content:after {
	width: 64px;
	height: 88px;
	bottom: 8px;
	left: 0;
}
}
@media only screen and (max-width: 374px) {
	.heading2-voice_content:after {
    left: -20px;
}
}
.heading-2_voice_img {
	width: 219px;
	position: relative;
}
@media only screen and (max-width: 834px) {
.heading-2_voice_img {
	width: 176px;
}
}

.heading2-reason {
display: table;
    width: 100%;
    justify-content: center;
    margin-top: 60px;
    margin-bottom: -71px;
    z-index: 2;
    position: relative;
    padding: 0 195px;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.heading2-reason {
    padding: 0 95px;
	}
}
@media only screen and (max-width: 834px) {
.heading2-reason {
	margin-top: 40px;
	margin-bottom: -52.5px;
	padding-left: 25px;
    padding-right: 25px;
}
}
.heading2-reason-wrapper {
    display: table;
    width: 100%;
}
@media only screen and (max-width: 374px) {
.heading2-reason {
	margin-bottom: -14.1vw;
}
.heading2-reason-wrapper {
	position: relative;
	width: 100%;
	max-width: 610px;
}
}
@media only screen and (max-width: 834px) {
.heading2-reason-wrapper {
	width: 100%;
	display: table;
}
}
.heading2-reason-wrapper:before {
	content:'';
	display: inline-block;
	position: absolute;
	top: 0;
	left: 115px;
	border-top:solid 70.5px transparent;
	border-bottom:solid 70.5px transparent;
	border-left:solid 40px transparent;
	border-right:solid 40px #0054a1;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.heading2-reason-wrapper:before {
	left: 15px;
}
}
@media only screen and (max-width: 834px) {
.heading2-reason-wrapper:before {
	left: -25px;
	border-top:solid 52px transparent;
	border-bottom:solid 52px transparent;
	border-left:solid 25px transparent;
	border-right:solid 25px #0054a1;
}
}
@media only screen and (max-width: 374px) {
.heading2-reason-wrapper:before {
	left: -50px;
	border-top:solid 13.5vw transparent;
	border-bottom:solid 13.5vw transparent;
}
}
.heading2-reason-wrapper:after {
	content:'';
	display: inline-block;
	position: absolute;
	top: 0;
	right: 115px;
	border-top:solid 70.5px transparent;
	border-bottom:solid 70.5px transparent;
	border-left:solid 40px #0054a1;
	border-right:solid 40px transparent;
}
@media only screen and (min-width: 769px) and (max-width: 1100px) {
.heading2-reason-wrapper:after {
	right: 15px;
}
}
@media only screen and (max-width: 834px) {
.heading2-reason-wrapper:after {
	right: -25px;
	border-top:solid 52px transparent;
	border-bottom:solid 52px transparent;
	border-left:solid 25px #0054a1;
	border-right:solid 25px transparent;
}
}
@media only screen and (max-width: 374px) {
.heading2-reason-wrapper:after {
	right: -50px;
	border-top:solid 13.5vw transparent;
	border-bottom:solid 13.5vw transparent;
}
}
.heading2-reason_content {
	width: 100%;
	padding: 10px 0 15px 0;
	display: inline-block;
	background: #0054a1;
	text-align: center;
	position: relative;
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.heading2-reason_content {
	padding: 6px 10px 12px 10px;
}
}
/*.heading2-reason_content:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 77px;
	height: 84px;
	top: -32px;
	right: 99px;
	background: url(/image/2017/page/gas/balloon.svg);
	background-repeat: no-repeat;
	background-size: contain;
}*/
.heading2-reason_content:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 77px;
	height: 136px;
	bottom: 11px;
	left: 20px;
	background: url(/image/2017/page/gas/img_finger.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.heading2-reason_content:after {
    width: 52px;
    height: 91px;
    bottom: 46px;
    left: -15px;
}
}
.kira.kira--01 {
    position: absolute;
    width: 41px;
    height: 37px;
    top: 4px;
    right: 110px;
	animation: kirakira 1s linear 0s infinite normal;
}
@media only screen and (max-width: 834px) {
.kira.kira--01 {
    width: 24px;
    height: 22px;
    top: 6px;
    right: 8px;
}
}
.kira.kira--02 {
    position: absolute;
    width: 24px;
    height: 27px;
    top: 31px;
    right: 96px;
	animation: kirakira 1s linear 0.3s infinite normal;
}
@media only screen and (max-width: 834px) {
.kira.kira--02 {
    width: 12px;
    height: 14px;
    top: 24px;
    right: -2px;
}
}

@keyframes kirakira{
0% {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
50% {
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
100% {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
}
@-webkit-keyframes kirakira{
0% {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
50% {
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
100% {
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}
}
.heading-2_reason_img {
	width: 369px;
	position: relative;
}
@media only screen and (max-width: 834px) {
.heading-2_reason_img {
	width: 274px;
}
}

.voice-box {
	padding: 30px 87px;
	background: url(/image/2017/page/gas/bg_dot_voice.jpg);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	position: relative;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.voice-box {
	overflow: hidden;
}
}
@media only screen and (max-width: 834px) {
.voice-box {
	padding: 15px 15px 25px;
}
}
.voice-box.one {
	padding-top: 71px;
}
@media only screen and (max-width: 834px) {
.voice-box.one {
	padding: 50px 15px 25px;
}
}
.voice-box:nth-child(2n+1) {
	background: url(/image/2017/page/gas/bg_dot_voice_2.jpg);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-start;
}
@media only screen and (max-width: 834px) {
.voice-box:nth-child(2n+1) {
	padding: 15px 15px 25px;
}
}
.voice-box:last-child {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.voice-box:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 81px;
	height: 83px;
	bottom: 0;
	right: 60px;
	background: url(/image/2017/page/gas/guy.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.voice-box:after {
	bottom: -2px;
}
}
@media only screen and (max-width: 834px) {
.voice-box:after {
	width: 61px;
	height: 65px;
	bottom: 0;
	right: 28px;
	}
}
.voice-box:nth-child(3):after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 75px;
	height: 82px;
	bottom: 0;
	left: 60px;
	background: url(/image/2017/page/gas/lady.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.voice-box:nth-child(3):after {
	bottom: -2px;
}
}
@media only screen and (max-width: 834px) {
.voice-box:nth-child(3):after {
	width: 62px;
	height: 65px;
	bottom: 0;
	left: 30px;
}
}
.voice-box:nth-child(4):after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 81px;
	height: 84px;
	bottom: 0;
	right: 13%;
	background: url(/image/2017/page/gas/gentle.svg);
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.voice-box:nth-child(4):after {
	bottom: -2px;
}
}
@media only screen and (max-width: 834px) {
.voice-box:nth-child(4):after {
	width: 62px;
	height: 65px;
	bottom: 0;
	right: 30px;
}
}
@media only screen and (max-width: 834px) {
.voice-balloon {
	max-width: 690px;
	padding: 8px 10px 10px !important;
}
}
.voice-balloon {
	position: relative;
	max-width: 690px;
	padding: 20px;
	border: solid #4e7eca 3px;
	border-radius: 10px;
	background: #fff;
}
.voice-balloon .attention-text {
	position: absolute;
	bottom: -18px;
	right: -8px;
	line-height: 1;
	font-size: 10px;
	font-weight: 400;
	text-align: right;
}
@media only screen and (max-width: 834px) {
	.voice-balloon .attention-text {
		transform: scale(0.9);
		right: -16px;
	}
}
.voice-balloon:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 27px;
	height: 21px;
	bottom: -21px;
	right: 100px;
	background: url(/image/2017/page/gas/img_tail_r.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.voice-balloon:before {
	width: 19px;
	height: 16px;
	bottom: -16px;
	right: 95px;
	background: url(/image/2017/page/gas/img_tail_r_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
}
}
.voice-box:nth-child(2n+1) .voice-balloon:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 27px;
	height: 21px;
	bottom: -21px;
	left: 100px;
	background: url(/image/2017/page/gas/img_tail_l.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.voice-box:nth-child(2n+1) .voice-balloon:before {
	width: 19px;
	height: 16px;
	bottom: -16px;
	left: 95px;
	background: url(/image/2017/page/gas/img_tail_l_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
}
}
.voice-balloon_content {
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0;
	color: #333;
	margin-bottom: 18px;
}
@media only screen and (max-width: 834px) {
.voice-balloon_content {
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 10px;
}
}
.voice-balloon_content>span {
	color: #336ec1;
	font-size:18px; 
	line-height: 1.5;
	background: linear-gradient(to top, #fff, #fff 3px, #fff17f 3px, #fff17f 8px, #fff 8px, #fff 100%);
}
@media only screen and (max-width: 834px) {
.voice-balloon_content>span {
	font-size:16px; 
	line-height: 1.5;
}
}
.voice-balloon_add {
	display: inline-block;
	padding: 2px 18px 5px;
	background: #47c4ef;
	border-radius: 15px;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #fff;
	margin-bottom: 0;
}

@media only screen and (max-width: 834px) {
.voice-balloon_add {
padding: 1px 13px 2px;
	border-radius: 13px;
	font-size: 14px;
	line-height: 1.6;
}
}
.voice-box:nth-child(2n+1) .voice-balloon_add {
	float: right;
}

.reason-content-wrapper {
	padding: 125px 40px 40px 40px;
	background: url(/image/2017/page/gas/bg_dot_reason.jpg);
}
@media only screen and (max-width: 834px) {
.reason-content-wrapper {
	padding: 83px 15px 20px 15px;
	margin-left: -15px;
	margin-right: -15px;
}
}
.reason-content-box {
	position: relative;
}
.column>.reason-content-box {
	

	padding-left: 20px;
	padding-right: 20px;
}
.reason-content-box:before {
		content: '';
    display: inline-block;
    position: absolute;
    width: 69px;
    height: 62px;
    top: -17px;
    right: 20px;
	background: url(/image/2017/page/gas/heart.svg);
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
@media only screen and (max-width: 834px) {
.reason-content-box:before {
    width: 57px;
    height: 50px;
    top: -16px;
}
}
.column>.reason-content-box.two:before {
    right: 40px !important;
}
@media only screen and (max-width: 834px) {
.column>.reason-content-box.two:before {
    right: 34px !important;
}
}
.reason-content-box.three:before {
    width: 44px;
    height: 70px;
    top: -20px;
    right: 40px;
	background: url(/image/2017/page/gas/cellphone.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.reason-content-box.three:before {
    width:38px;
    height: 60px;
    top: -18px;
    right: 34px;
}
}
.reason-content-box.one:before {
    width: 64px;
    height: 62px;
    top: -20px;
    right: 21px;
	background: url(/image/2017/page/gas/wallet.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.reason-content-box.one:before {
    width: 55px;
    height: 54px;
    top: -18px;
    right: 14px;
}
}
.reason-content-box-wrapper+.reason-content-box-wrapper {
	margin-top: 50px;
}
@media only screen and (max-width: 834px) {
.reason-content-box-wrapper+.reason-content-box-wrapper {
	margin-top: 30px;
}
}
.reason-content-box-wrapper>.columns  {
	margin-left: -20px;
	margin-right: -20px;
}
.reason-content-box-wrapper>.columns>.column  {
	width: 50%;
}
@media only screen and (max-width: 834px) {
.reason-content-box-wrapper>.columns>.column  {
	width: 100%;
}
.reason-content-box-wrapper>.columns>.column+.column  {
	margin-top: 30px;
}
}
.reason-heading-box {
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #83c7f2;
	-webkit-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
}
@media only screen and (max-width: 834px) {
.reason-heading-box {
	padding-top: 14px;
	padding-bottom: 14px;
}
}
.reason-heading-box:before {
		content: '1';
    font-size: 24px;
    line-height: 1.95;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    color: #fff;
    display: inline-block;
    position: absolute;
    width: 48px;
    height: 45px;
    top: -5px;
    left: 20px;
    background: #0054a1;
}
@media only screen and (max-width: 834px) {
.reason-heading-box:before {
		content: '1';
    font-size: 20px;
    line-height: 1.8;
    width: 40px;
    height: 37px;
    top: -5px;
    left: 14px;
}
}
.reason-content-box.two .reason-heading-box:before {
		content: '2';
}
.reason-content-box.three .reason-heading-box:before {
		content: '3';
}
.reason-heading-box:after {
		content: '';
    display: inline-block;
    position: absolute;
    top: 31px;
    left: 20px;
	border-top:solid 9px transparent;
	border-bottom:solid 9px transparent;
	border-left:solid 24px #0054a1;
	border-right:solid 24px #0054a1;
}
@media only screen and (max-width: 834px) {
	.reason-heading-box:after {
    top: 25px;
    left: 14px;
    border-top: solid 7px transparent;
    border-bottom: solid 7px transparent;
    border-left: solid 20px #0054a1;
    border-right: solid 20px #0054a1;
}
}
.heading-3-reason {
	text-align: center;
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.heading-3-reason {
		font-size:inherit;
	}
}
.reason-content-box.two .heading-3_reason_img {
	width: 125px;	
}
@media only screen and (max-width: 834px) {
.reason-content-box.two .heading-3_reason_img {
	width: 100px;	
}
}
.reason-content-box.three .heading-3_reason_img {
	width: 125px;	
}
@media only screen and (max-width: 834px) {
.reason-content-box.three .heading-3_reason_img {
	width: 100px;	
}
}
.reason-content-box.one .heading-3_reason_img {
	width: 90px;	
}
@media only screen and (max-width: 834px) {
.reason-content-box.one .heading-3_reason_img {
	width: 73px;	
}
}
.reason-content {
/*	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;*/
	position: relative;
	text-align: center;
	justify-content: center;
	flex-wrap: wrap;
	padding: 35px 20px 30px;
	background: #fff;
-webkit-border-radius: 0 0 5px 5px / 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px/ 0 0 5px 5px;
    border-radius: 0 0 5px 5px/ 0 0 5px 5px;
}
@media only screen and (max-width: 834px) {
.reason-content {
	padding: 25px 14px 25px;
}
.reason-content.adjust-padding {
	padding: 25px 14px 20px;
}
}
.reason-content:before {
	content:'';
	display: inline-block;
	position: absolute;
	top: 0;
	left:50%;
	width: 0;
	height: 0;
	transform: translateX(-50%);
	border-top:10px solid #83c7f2;
	border-bottom:10px solid transparent;
	border-left:9px solid transparent;
	border-right:9px solid transparent;
	
}
.reason-content_paragraph {
	width: 100%;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0;
	text-align: center;
	color: #333;
	margin-bottom: 25px;
}
@media only screen and (max-width: 834px) {
.reason-content_paragraph {
	margin-top: 0;
	font-size: 16px;
	line-height: 1.7;
	margin-bottom: 20px;
}
}
.reason-content_paragraph.smaller {
	margin-top: 5px;
	font-size: 16px;
}
@media only screen and (max-width: 834px) {
.reason-content_paragraph.smaller {
	margin-top: 0;
	font-size: 14px;
	line-height: 1.4;
	text-align: left;
}
}
.reason-content_image {
	width: 108px;
}
@media only screen and (max-width: 834px) {
.reason-content_image {
	width: 90px;
	height: 103px;
}
}
.heading-4-reason {
width: 100%;
    text-align: center;
    font-size: 26px;
    letter-spacing: 0;
    padding-left: 0;
    margin-top: 35px;
    background: none;
}
@media only screen and (max-width: 834px) {
.heading-4-reason {
		font-size: 20px;
    margin-top: 23px;
    margin-bottom: 20px;
}
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.heading-4-reason {
    font-size: 20px;
}
}
.heading-4-reason span {
	position: relative;
}
.heading-4-reason span:before {
		content: '';
    display: inline-block;
    position: absolute;
    width: 45px;
    height: 3px;
    top: calc(50% - 1.5px);
    left: -75px;
		background: #333333;
}
@media only screen and (max-width: 834px) {
.heading-4-reason span:before {
    left: -60px;
}
}
.heading-4-reason.narrow span:before {
    left: -65px;
}
@media only screen and (max-width: 834px) {
.heading-4-reason.narrow span:before {
    left: -60px;
}
}
.heading-4-reason span:after {
		content: '';
    display: inline-block;
    position: absolute;
    width: 45px;
    height: 3px;
    top: calc(50% - 1.5px);
    right: -75px;
		background: #333333;
}
@media only screen and (max-width: 834px) {
.heading-4-reason span:after {
    right: -60px;
}
}
.heading-4-reason.narrow span:after {
    right: -65px;
}
@media only screen and (max-width: 834px) {
.heading-4-reason.narrow span:after {
    right: -60px;
}
}

.reason-content .columns {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	width: 100%;
	/*max-width: 675px;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;*/
	justify-content: center;
	    margin-left: -40px;
    margin-right: -40px;
}
@media only screen and (max-width: 834px) {
	.reason-content .columns {
    display: block;
    margin-left: 0;
    margin-right: 0;
}
}
.reason-content .columns>.column{
	padding-left: 40px;
	padding-right: 40px;
}
@media only screen and (max-width: 834px) {
.reason-content .columns>.column{
	padding-left: 0;
	padding-right: 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .columns>.column{
	padding-left: 30px;
	padding-right: 30px;
}
}
.reason-content .columns>.column:first-child{
	width: 315px;
	box-sizing: content-box;
	padding-left: 50px;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .columns>.column:first-child{
	width: 260px;
}
}
@media only screen and (max-width: 834px) {
.reason-content .columns>.column:first-child{
width: calc(100% - 35px);
    padding-left: 35px;
}
}
.reason-content .columns>.column:last-child{
	width: 275px;
}
@media only screen and (max-width: 834px) {
.reason-content .columns>.column:last-of-type{
	width: 100%;
	margin-top: 50px;
}
}
.reason-content .point_plan {
display: inline-block;
    background: #f39800;
    border-radius: 4px;
    padding: 13px 50px;
    width: 100%;
    max-width: 285px;
	position: relative;
	margin-bottom: 0;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
	.reason-content .point_plan {
    max-width: 240px;
}
}
@media only screen and (max-width: 834px) {
	.reason-content .point_plan {
    display: block;
    margin: 0 auto;
}
}
@media only screen and (max-width: 374px) {
.reason-content .point_plan {
    padding: 13px 38px;
}
}
.reason-content .point_plan:last-child {
	margin-top: 30px;
	background: #34a0d6;
}
.reason-content .point_plan:before {
		content: '';
    display: inline-block;
    position: absolute;
    width: 68px;
    height: 68px;
    top: 50%;
    left: 0;
	transform: translate(-50%,-50%);
	background: url(/image/2017/page/gas/denki.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.reason-content .point_plan:last-child:before {
	background: url(/image/2017/page/gas/gas.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.reason-content .point_plan:last-child span {
	position: relative;
}
.reason-content .point_plan:last-child span:before {
content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 5px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%)rotate(90deg);
    border-radius: 5px;
    background: #0054a1;
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (max-width: 834px) {
.reason-content .point_plan:last-child span:before {
content: '';
    left: calc(50% - 14px);
}
}
@media only screen and (max-width: 374px) {
	.reason-content .point_plan:last-child span:before {
    left: calc(-70px + 40vw);
}
}
.reason-content .point_plan:last-child span:after {
content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 5px;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    background: #0054a1;
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (max-width: 834px) {
.reason-content .point_plan:last-child span:after {
content: '';
    left: calc(50% - 14px);
}
}
@media only screen and (max-width: 374px) {
	.reason-content .point_plan:last-child span:after {
    left: calc(-70px + 40vw);
}
}
.reason-content .point_plan>span {
	font-size: 18px;
	letter-spacing: 0;
	color: #fff;
	white-space: nowrap;
	font-weight: 700;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .point_plan>span {
	font-size: 14px;
}
}
.reason-content .for-member {
	width: 100%;
	border: solid 2px #0054a1;
	border-radius: 4px;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .for-member {
	width: 220px;
}
}
@media only screen and (max-width: 834px) {
	.reason-content .for-member {
    max-width: 315px;
    margin: 0 auto;
}
}
.reason-content .for-member>p {
	background: #0054a1;
	width: 100%;
	font-size: 18px;
	letter-spacing: 0;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	margin-bottom: 0;
	font-weight: 700;
}
@media only screen and (max-width: 834px) {
.reason-content .for-member>p {
	padding: 5px 0;
}
}
.reason-content .for-member>.detail {
    padding: 18px 15px 8px;
	background: #fff;
}
@media only screen and (max-width: 834px) {
.reason-content .for-member>.detail {
padding: 10px 10px 5px;
}
}
.reason-content .for-member>.detail>span {
}
.reason-content .for-member>.detail>span.sun {
    display: inline-block;
		color: #fff;
    background: #ff0000;
    border-radius: 50%;
    font-size: 15px;
    letter-spacing: 0.15em;
    font-weight: 500;
    width: 48px;
    padding: 13px 0;
		position: relative;
    top: -10px;
}
@media only screen and (max-width: 834px) {
	.reason-content .for-member>.detail>span.sun {
    font-size: 14px;
    top: -10px;
    padding-top: 21px;
    padding-bottom: 22px;
    width: 43px;
		line-height: 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
	.reason-content .for-member>.detail>span.sun {
		font-size: 12px;
    width: 35px;
    padding: 8px 0;
	}
}
.reason-content .for-member>.detail>span.price {
	font-size: 44px	;
	letter-spacing: 0.0025em;
	font-weight: 900;
	color: #ff0000;
	font-family: 'Roboto', sans-serif;
	position: relative;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .for-member>.detail>span.price {
	font-size: 30px;
	}
}
@media only screen and (max-width: 834px) {
	.reason-content .for-member>.detail>span.price {
    font-size: 40px;
}
}
.reason-content .for-member>.detail>span.price>span {
	font-size: 20px	;
	letter-spacing: 0.05em;
	padding-left: 6px;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .for-member>.detail>span.price>span {
	font-size: 14px;
}
}
@media only screen and (max-width: 834px) {
.reason-content .for-member>.detail>span.price>span {
	font-size: 18px;
}
}
.reason-content .for-member>.detail>span.price>span.small {
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
.reason-content .for-member>.detail>span.price:before {
content: 'おトク!';
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #000;
    display: inline-block;
    position: absolute;
    top: 0px;
    right: -2px;
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.reason-content .for-member>.detail>span.price:before {
    font-size: 12px;
}
}
@media only screen and (max-width: 834px) {
	.reason-content .for-member>.detail>span.price:before {
    font-size: 13px;
    top: 2px;
}
}
.reason-content_banner{
	/*margin-top: 30px;*/
	margin-top: 25px;
}
@media only screen and (max-width: 834px) {
.reason-content_banner{
	/*margin-top: 20px;*/
	margin-top: 25px;
	text-align: center;
}
}
.reason-content_banner>img {
    display: inline-block;
    width: 610px;
}
.reason-content_banner>img.sp {
		display: none !important;
	}
@media only screen and (max-width: 834px) {
.reason-content_banner>img {
		width: 100%;
	max-width: 315px;
	}
.reason-content_banner>img.pc {
		display: none !important;
	}
.reason-content_banner>img.sp {
		display: inline-block !important;
	}
}
.reason-content .denka-puropan {
	margin-top: 30px;
	padding-bottom: 0 !important;
}
@media only screen and (max-width: 834px) {
.reason-content .denka-puropan {
	margin-top: 20px;
}
}
.reason-content .denka-puropan:before {
	background-color: #0b79b1;
	width: 450px;
	height: 65px;
	    top: 8px;
    border-radius: 50px;
}
@media only screen and (max-width: 834px) {
	.reason-content .denka-puropan:before {
    height: 50px;
		max-width: 315px;
    width: 100%;
		top: 3px;
}
}
.reason-content .denka-puropan>a {
	font-size: 18px !important;
	line-height: 1.5;
	letter-spacing: 0;
	background: #0d9be3;
	width: 450px;
	padding: 22px 70px 22px 60px;
	border-radius: 45px;
	transition: 0.3s;
}
@media only screen and (max-width: 834px) {
	.reason-content .denka-puropan>a {
    width: 100%;
		max-width: 315px;
    font-size: 14px !important;
    line-height: 1.7;
    white-space: nowrap;
		padding: 13px 40px 14px 35px;
}
}
@media only screen and (max-width: 374px) {
	.reason-content .denka-puropan>a {
}
}
.reason-content .denka-puropan>a:hover {
    background: #3db1eb;
}
.reason-content .denka-puropan>a:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 27px;
    height: 37px;
		background: url(/image/template/fire.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (max-width: 834px) {
	.reason-content .denka-puropan>a:before {
    left: 15px;
    width: 21px;
    height: 29px;
}
}
@media only screen and (max-width: 374px) {
	.reason-content .denka-puropan>a:before {
    left: 7px;
}
}
.reason-content .denka-puropan>a:after {
content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 14px;
    height: 14px;
    /*border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%)rotate(45deg);
    background: none;*/
}
@media only screen and (max-width: 834px) {
.reason-content .denka-puropan>a:after {
    right: 20px;
}
}
@media only screen and (max-width: 374px) {
	.reason-content .denka-puropan>a:after {
    right: 10px;
}
}
.reason-content dl {
	margin-top: 30px;
	text-align: left;
}
@media only screen and (max-width: 834px) {
.reason-content dl {
	margin-top: 20px;
}
}
.reason-content dl>dt {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: relative;
	font-weight: 700;
}
.reason-content dl>dd {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-left: 0;
	margin-top: 15px;
	position: relative;
}
.reason-content dl>dd+dt {
	margin-top: 20px;
	padding-top: 20px;
	background: url(/image/2017/page/gas/bor_dotted.png);
	background-repeat: repeat-x;
}
.reason-content .dt-icon {
display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    background: #0054a1;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 1px;
    padding-bottom: 0px;
    margin-right: 16px;
    border: 2px solid #0054a1;
    line-height: 1.1em;
    position: absolute;
    top: calc(50% + 1px);
    transform: translateY(-50%);
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.reason-content .dt-icon {
    line-height: 1.0em;
	}
}
@media only screen and (max-width: 834px) {
	.reason-content .dt-icon {
    width: 28px;
    height: 28px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 10px;
    line-height: 1.1em;
    font-size: 18px;
    line-height: 1.35;
}
}
.reason-content dd+dt .dt-icon {
    top: calc(50% + 11px);
}
.reason-content .dd-icon {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #0054a1;
    font-family: 'Roboto', sans-serif;
	border: 2px solid #0054a1;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding-left: 6.5px;
    padding-right: 6.5px;
    padding-top: 1px;
    padding-bottom: 0;
    margin-right: 16px;
    line-height: 1.1em;
    position: absolute;
    top: calc(50% + 1px);
    transform: translateY(-50%);
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.reason-content .dd-icon {
    line-height: 1.0em;
	}
}
@media only screen and (max-width: 834px) {
	.reason-content .dd-icon {
    width: 28px;
    height: 28px;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-right: 10px;
    line-height: 1.1em;
    font-size: 18px;
    line-height: 1.35;
}
}
.dt-content {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
	margin-left: 45px;
}
@media only screen and (max-width: 834px) {
.dt-content {
    font-size: 14px;
	margin-left: 40px;
}
}
.dd-content {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0;
	margin-left: 45px;
	min-height: 32px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 834px) {
.dd-content {
    font-size: 14px;
	margin-left: 40px;
	min-height: 28px;
}
}
.column>.reason-content-box {
	height: 100%;
}
.column>.reason-content-box>.reason-content {
	height: calc(100% - 70px);
}
@media only screen and (max-width: 834px) {
.column>.reason-content-box>.reason-content {
	height: auto;
}
}
.reason-wrapper {
	margin-bottom: 60px;
}
@media only screen and (max-width: 834px) {
.reason-wrapper {
	margin-bottom: 0;
}
}
.reason-content_point-wrapper{
	display: flex;
	justify-content: center;
}
.reason-content_point-wrapper .arrow{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
	justify-content: center;
	width: 43px;
	height: 66px;
}
.reason-content_point-wrapper .arrow{
position: absolute;
    top: calc(50% - 21px);
    left: 50%;
}
@media only screen and (max-width: 834px) {
	.reason-content_point-wrapper .arrow {
    position: absolute;
    /*top: calc(50% - 17px);*/
		top: 141px;
    left: calc(50% - 30px);
	width: 86px;
	height: 42px;
}
}
.reason-content_point-wrapper .arrow>span:nth-child(1){
	position: absolute;
	top: 0;
	left: 0;
	width: 6px;
	height: 40px;
	background: #0054a1;
	-webkit-animation: arrow_move_01 2s linear 0s infinite normal;
	animation: arrow_move_01 2s linear 0s infinite normal;
}
@media only screen and (max-width: 834px) {
	.reason-content_point-wrapper .arrow>span:nth-child(1) {
    top: 0;
    left: 0;
    width: 60px;
    height: 6px;
}
}
.reason-content_point-wrapper .arrow>span:nth-child(2){
	position: absolute;
	top: 0;
	left: 9px;
	width: 6px;
	height: 40px;
	background: #0054a1;
	-webkit-animation: arrow_move_02 2s linear 0s infinite normal;
	animation: arrow_move_02 2s linear 0s infinite normal;
}
@media only screen and (max-width: 834px) {
	.reason-content_point-wrapper .arrow>span:nth-child(2) {
    width: 60px;
    height: 6px;
    left: 0;
    top: 9px;
}
}
.reason-content_point-wrapper .arrow>span:nth-child(3){
	position: absolute;
	top: 0;
	left: 18px;
	width: 12px;
	height: 40px;
	background: #0054a1;
	-webkit-animation: arrow_move_03 2s linear 0s infinite normal;
	animation: arrow_move_03 2s linear 0s infinite normal;
}
@media only screen and (max-width: 834px) {
	.reason-content_point-wrapper .arrow>span:nth-child(3) {
    width: 60px;
    height: 10px;
    left: 0;
    top: 19px;
}
}
.reason-content_point-wrapper .arrow>span:nth-child(3):before{
	content:'';
	display: inline-block;
	position: absolute;
top: -14px;
    left: 6px;
    width: 0;
    height: 0;
	border-top: 33px solid transparent;
	border-bottom: 33px solid transparent;
	border-left: 18px solid #0054a1;
	border-right: 18px solid transparent;
}
@media only screen and (max-width: 834px) {
.reason-content_point-wrapper .arrow>span:nth-child(3):before{
    border-top: 17px solid #0054a1;
    border-bottom: 17px solid transparent;
    border-left: 43px solid transparent;
    border-right: 43px solid transparent;
    top: 6px;
    left: -13px;
}
}

@keyframes arrow_move_01{
0% {
    opacity: 0;
}
25% {
    opacity: 1;
}
50% {
    opacity: 1;
}
75% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes arrow_move_01{
0% {
    opacity: 0;
}
25% {
    opacity: 1;
}
50% {
    opacity: 1;
}
75% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes arrow_move_02{
0% {
    opacity: 0;
}
25% {
    opacity: 0;
}
50% {
    opacity: 1;
}
75% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes arrow_move_02{
0% {
    opacity: 0;
}
25% {
    opacity: 0;
}
50% {
    opacity: 1;
}
75% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@keyframes arrow_move_03{
0% {
    opacity: 0;
}
25% {
    opacity: 0;
}
50% {
    opacity: 0;
}
75% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes arrow_move_03{
0% {
    opacity: 0;
}
25% {
    opacity: 0;
}
50% {
    opacity: 0;
}
75% {
    opacity: 1;
}
100% {
    opacity: 1;
}
}
/*.kateneBtn.kateneBtnFS01 a{
	padding: 16px 0;
}*/

@media only screen and (max-width: 834px) {
.areaWrap+.denka-puropan:last-child {
	padding-bottom: 0;
}
}
.button.sim {
    max-width: 450px;
    margin: 30px auto 0;
}
@media only screen and (max-width: 834px) {
.button.sim {
	margin-top: 20px;
max-width: inherit;
    margin-bottom: 0;
}
}
.button.sim>a {
    display: table;
    height: 65px;
    width: 100%;
    border-radius: 32.5px;
    background-color: #0d9be3;
    box-shadow: 0px 2px 0px 0px #0b79b1;
    position: relative;
    padding: 0 20px;
    transition: all .3s;
    text-decoration: none;
    transition: 0.3s;
}
@media only screen and (max-width: 834px) {
.button.sim>a {
	    height: 50px;
    border-radius: 25px;
}
}
.button.sim>a>span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 700;
}
@media only screen and (max-width: 834px) {
.button.sim>a>span {
	font-size: 1.4rem;
}
}
@media only screen and (max-width: 374px) {
.button.sim>a>span {
	font-size: 1.3rem;
}
}
.button.sim>a:hover {
    opacity: 0.7;
    text-decoration: none;
}
@media only screen and (max-width: 834px) {
.button.sim>a:hover {
}
}
.button.sim>a:before, .button>a:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 100%;
}
@media only screen and (max-width: 834px) {
.button.sim>a:before, .button>a:after {
}
}
.button.sim>a:before {
    width: 27px;
    height: 37px;
    background-image: url(/image/2017/page/gas/fire.svg);
  background-repeat: no-repeat;
  background-size: contain;
    left: 33px;
}
@media only screen and (max-width: 834px) {
.button.sim>a:before {
	width: 21px;
    height: 29px;
    left: 18px;
}
}
@media only screen and (max-width: 374px) {
.button.sim>a:before {
    left: 8px;
}
}
.button.sim>a:after {
    width: 14px;
    height: 13px;
    background-image: url(/image/2017/page/denki/icon_popup_w.svg);
  background-repeat: no-repeat;
  background-size: contain;
    right: 30px;
}
@media only screen and (max-width: 834px) {
.button.sim>a:after {
	    right: 19px;
}
}
@media only screen and (max-width: 374px) {
.button.sim>a:after {
	    right: 10px;
}
}
	br.browze-narrow {
display: none;
	}
@media only screen and (max-width: 374px) {
	br.browze-narrow {
display: block;
	}
}
@media only screen and (max-width: 834px) {
.-gas .kateneBtn.kateneBtnFS01 a {
	font-size: 15px !important;
	font-size: 1.5rem !important;
}
}
@media only screen and (max-width: 834px) {
.kateneMember+.kateneNoMember {
	margin-top: 10px;
	margin-bottom: 20px;
}
}
	.is-320 {
		display: none;
	}
@media only screen and (max-width: 374px) {
	.is-320 {
		display: block;
	}
}
@media only screen and (max-width: 374px) {
	.is-not-320 {
		display: none;
	}
}
.reason-wrapper.mb-adjust {
	margin-bottom: 0;
}

.reason-content .otokuTrialCalc {
    margin: 25px auto 0
}
@media only screen and (max-width: 834px) {
.reason-content .otokuTrialCalc {
    margin: 15px auto 0
}
}
.reason-content .trialTitle.accordion {
		position: relative;
    background: #eee;
    padding: 10px 0 12px;
    background-color: #eeeeee;
    font-weight: 500;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1;
    cursor: pointer;
    color: #333333;
    max-width: 680px;
    margin: 0 auto;
		border-radius: 5px;
}
@media only screen and (max-width: 834px) {
.reason-content .trialTitle.accordion {
    padding: 16px 0 16px;
}
}
.reason-content .trialTitle.accordion>span {
    position: relative;
}
.reason-content .trialTitle.accordion>span:before, .reason-content .trialTitle.accordion>span:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #ec4c18;
    margin: auto;
}
.reason-content .trialTitle.accordion>span:before {
    right: -25px;
    width: 13px;
    height: 3px;
    border-radius: 2px;
}
.reason-content .trialTitle.accordion>span:after {
    right: -20px;
    width: 3px;
    height: 13px;
    background-image: none;
    border-radius: 2px;
	transition: 0.3s;
}
.reason-content .trialTitle.accordion.active>span:after {
    transform: rotate(90deg);
}
.reason-content .trialNotice {
    text-align: left;
    margin-top: 15px;
    font-size: 12px;
    font-size: 1.2rem;
    text-indent: -1em;
    padding-left: 1rem;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}
.reason-content .trialNotice>p {
	margin-bottom: 0;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 0;
	color: #0054a1;
}
@media only screen and (max-width: 834px) {
.reason-content .trialNotice>p {
	font-size: 11px;
}
}
.reason-content .trialNotice>ul {
	margin-top: 5px;
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.3;
	letter-spacing: 0;
	color: #333333;
}
@media only screen and (max-width: 834px) {
.reason-content .trialNotice>ul {
	font-size: 11px;
}
}
.sim-wrapper {
    margin-top: 20px;
    padding: 20px;
    background: #d6efff;
    width: 100%;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}
@media only screen and (max-width: 834px) {
.sim-wrapper {
    padding: 15px 10px;
}
}
@media only screen and (max-width: 768px) {
	.sim-wrapper {
		max-width: inherit;
	}
	#dWrapper #dFWrapper {
		padding-top: 0;
	}
}

.sim-paragraph {
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0;
    text-align: center;
    margin-bottom: -15px;
}
@media only screen and (max-width: 834px) {
.sim-paragraph {
	font-size: 14px;
	line-height: 1.4;
    margin-bottom: -5px;
}
}
/*.reason-content_calculation {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.button_calculation-accordion {
    width: 100%;
    max-width: 680px;
    text-align: center;
    background: #eeeeee;
    padding-top: 7px;
    padding-bottom: 8px;
    margin-bottom: 0;
}
.button_calculation-accordion>span {
    font-size: 13px;
    color: #333333;
}
.reason-content_calculation_content {
    width: 100%;
    max-width: 680px;
    padding-top: 15px;
    text-align: left;
}*/
.h2Wrapper.h2CatGas.end {
	margin-top: 60px;
	/*margin-bottom: 60px;*/
	margin-bottom: 45px;
}

.h2Wrapper.h2CatGas.end:before {
	content:'';
	display: inline-block;
	position: absolute;
	top: -65px;
	left: 50%;
	transform: translateX(-50%);
	width: 511px;
	height: 78px;
	background: url(/image/2017/page/gas/img_ribbon_customers.png?date=1222);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.h2Wrapper.h2CatGas.end:before {
width: 355px;
    height: 56px;
    top: -43px;
}
}
@media only screen and (max-width: 374px) {
.h2Wrapper.h2CatGas.end:before {
width: 310px;
    height: 47px;
    top: -37px;
}
}
.campaign_end {
	margin-top: 30px;
	margin-bottom: 30px;
	/*margin-bottom: 95px;*/
	padding: 20px !important;
	background-image: repeating-linear-gradient(315deg, #e4eff6, #e4eff6 3px, #fff 3px, #fff 7px);
}
@media only screen and (max-width: 834px) {
.campaign_end {
	padding: 10px !important;
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
}
@media screen and (orientation: portrait) {
	.is-mobile .campaign_end {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
.campaign_end_inner {
	background: #fff;
	padding: 26px 20px 30px;
}
@media only screen and (max-width: 834px) {
.campaign_end_inner {
	padding: 20px 10px;
}
}
.columns.end {
	align-items: flex-end;
}
.columns.end .column {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 834px) {
.columns.end {
}
.columns.end .column {
    width: 100%;
	    padding-left: 0;
    padding-right: 0;
}
.columns.end .column+.column {
margin-top: 14px;
}
}
.mv_bottom_btn_area_txt_like {
	margin-bottom: 6px;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0;
	color: #fe7a40;
	font-weight: 700;
}
@media only screen and (max-width: 834px) {
.mv_bottom_btn_area_txt_like {
	font-size: 11px;
}
}
.end #mv_bottom_btn1, .end #mv_bottom_btn2 {
	height: 77px;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0;
}
.end #mv_bottom_btn1.pseudo:before {
	left: 41px;
}
.end #mv_bottom_btn1 {
	box-shadow: 0 5px #a7090d;
}
.end #mv_bottom_btn2 {
	box-shadow: 0 5px #197eab;
}
@media only screen and (max-width: 834px) {
.end #mv_bottom_btn1, .end #mv_bottom_btn2 {
	height: 58px;
	font-size: 12px;
}
.end #mv_bottom_btn1.pseudo:before {
	left: 34px;
}
.end #mv_bottom_btn1 {
	box-shadow: 0 4px #a7090d;
}
.end #mv_bottom_btn2 {
	box-shadow: 0 4px #197eab;
}
}
@media only screen and (max-width: 374px) {
.end #mv_bottom_btn1.pseudo:before {
	left: 29px;
}
}
.area-link-content {
    margin-top: 34px;
    padding: 18px 18px 20px;
    border: 2px solid #e9f0f4;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media only screen and (max-width: 834px) {
.area-link-content {
    margin-top: 19px;
    padding: 7px 10px 15px;
    display: block;
}
}
.service-area_box {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 834px) {
.service-area_box {
    display: block;
    align-items: left;
}
}
.service-area {
	    display: inline-block;
    font-size: 12px;
    letter-spacing: 0;
    color: #362d08;
    font-weight: 700;
	margin-bottom: 0;
}
@media only screen and (max-width: 834px) {
.service-area {
    font-size: 10px;
}
}
.service-area .point-red {
    color: #e60212;
}
.area_content_box {
    display: flex;
    font-size: 12px !important;
    letter-spacing: 0;
    color: #362d08;
    font-weight: 700;
    border: 1px solid #222222;
padding: 4px 8px 5px 8px;
		margin-left: 5px;
}
@media only screen and (max-width: 834px) {
.area_content_box {
	margin-top: 3px;
    font-size: 10px !important;
padding: 0 5px 2px 5px;
		margin-left: 0;
}
}
@media only screen and (max-width: 374px) {
.area_content_box {
	flex-wrap: wrap
}
}
.service-area_text {
    white-space: nowrap;
    margin-right: 7px;
    padding-top: 3px;
	line-height: 1.8;
}
@media only screen and (max-width: 834px) {
.service-area_text {
    margin-right: 0;
    padding-top: 3px;
	line-height: 1.8;
}
}
@media only screen and (max-width: 374px) {
.service-area_text {
	width: 100%;
}
}
.area_content_box ul {
    width: 100%;
    display: flex;
}
.area_content_box ul li:not(:first-child){
    margin-left: 18px;
}
@media only screen and (max-width: 834px) {
.area_content_box ul li:not(:first-child){
    margin-left: 13px;
}
}
.area_content_box ul li a{
    font-size: 12px !important;
    letter-spacing: 0;
    color: #362d08;
}
@media only screen and (max-width: 834px) {
.area_content_box ul li a{
    font-size: 10px !important;
}
}
.denka-puropan_end {
	margin-top: 10px;
    width: 100%;
    text-align: center;
}
.denka-puropan_end a {
	position: relative;
    font-size: 12px !important;
    letter-spacing: 0;
    color: #362d08;
    font-weight: 700;
}
.denka-puropan_end a span {
	border-bottom: 1px solid #362d08;
}
.denka-puropan_end a:hover {
	text-decoration: none;
}
.denka-puropan_end a:hover span{
	border-bottom: none;
}
.denka-puropan_end a:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    width: 13px;
    height: 21px;
    background: url(/image/template/light.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (max-width: 834px) {
.denka-puropan_end {
	margin-top: 6px;
    text-align: left;
}
.denka-puropan_end a {
	position: relative;
    font-size: 10px !important;
}
.denka-puropan_end a span {
}
.denka-puropan_end a:before {
    right: -14px;
    width: 10px;
    height: 17px;
}
}
.adjust-320 {
	display: none;
}
@media only screen and (max-width: 374px) {
.adjust-320 {
	display: block;
}
}


	/*見出しの装飾カテエネコ削除*/
/*#dWrapper #dMFWrapper .h2CatGas:after {
	content: normal !important;
}*/
.shinseikatsu-kv {
    position: relative;
}
.shinseikatsu-kv-content {
    margin-bottom: -30px;
    z-index: 2;
    position: relative;
}
@media only screen and (max-width: 834px) {
	.shinseikatsu-kv-content {
			margin-bottom: 0;
		margin-left: -8px;
    margin-right: -2px;
	}
.shinseikatsu-wrapper {
	margin-left: -15px;
	margin-right: -15px;
}
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	.shinseikatsu-kv-content {
    margin-left: -17px;
    margin-right: -5px;
		margin-bottom: -10px;
}
	.shinseikatsu-kv-content>img {
    width: 100%;
}
}
.button-kv {
	
}
.button-kv .button-inkv{
	margin-bottom: 10px;
}
.button-inkv>a {
	transition: 0.3s;
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 3;
	width: 450px;
}

.button-inkv>a {
	animation: animation-button-jump_transform 2s infinite;
	animation-play-state: running;
	display: block;
}
.button-inkv.type02>a {
	top: 136px;
	animation-delay: 1s;
}
@keyframes animation-button-jump_transform {
    0% {
			margin-top: 2px;
    }
    5% {
			margin-top: -2px;
    }
    10% {
			margin-top: 2px;
    }
    15% {
			margin-top: -2px;
    }
    20% {
			margin-top: 2px;
    }
    25% {
			margin-top: -2px;
    }
    30% {
			margin-top: 0px;
    }
}
@media only screen and (max-width: 834px) {
	
.button-inkv {
margin-bottom: 0;
}
.button-inkv>a {
    position: absolute;
    top: 11px;
		width: 97vw;
    max-width: 362px;
}
	.button-inkv.type02>a {
		top: 25vw;
	}	
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	.button-inkv>a {
    top: 1vw;
	}
	.button-inkv.type02>a {
		top: 12vw;
	}	
}
.shinseikatsu-wrapper .link {
    padding: 0;
}
.shinseikatsu-wrapper .link:before, .shinseikatsu-wrapper .link:after {
    content:normal;
}
.tooltip-wrapper {
    position: absolute;
    bottom: 150px;
    right: 90px;
    z-index: 3;
    width: 95px;
    height: 96px;
	    outline: none;
    -webkit-tap-highlight-color: transparent;
}
.tooltip-wrapper>img {
    cursor: pointer;
}
.tooltip-wrapper>.text {
    display: inline-block;
    position: absolute;
    top: -104px;
    left: -60px;
    padding: 10px 15px;
    width: 214px;
    height: 84px;
    font-size: 14px;
    letter-spacing: 0;
    color: #fff;
    background: #333333;
    border-radius: 6px;
		opacity: 0;
		transition: 0.3s;
}
.tooltip-wrapper.is-active>.text {
	opacity: 1;
}
.tooltip-wrapper>.text:before {
		content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%,100%);
    border-top: 15px #333333 solid;
    border-bottom: 15px transparent solid;
    border-left: 9px transparent solid;
    border-right: 9px transparent solid;
}
@media only screen and (max-width: 834px) {
	.tooltip-wrapper {
    bottom: 162px;
    right: 5px;
    width: 67px;
    height: 46px;
}
.tooltip-wrapper>.text {
top: -70px;
    left: -83px;
    padding: 6px 9px;
    width: 150px;
    height: 60px;
    font-size: 10px;
}
.tooltip-wrapper>.text:before {
left: 77%;
    transform: translate(-50%,100%);
    border-top: 10px #333333 solid;
    border-bottom: 10px transparent solid;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
}
}
@media screen and (min-width: 415px) and (max-width: 834px) {
.tooltip-wrapper {
    right: 15px;
    bottom: 32vw;
    width: 13vw;
    height: 13vw;
}
	.tooltip-wrapper>.text {
    top: -110px;
    left: auto;
    right: 0px;
    width: 220px;
    height: 90px;
    padding: 14px 15px;
    font-size: 14px;
}
}
@media screen and (min-width: 769px) and (max-width: 834px) {
.tooltip-wrapper {
    bottom: 14vw;
}
}
@media only screen and (max-width: 374px) {
.tooltip-wrapper {
    bottom: 145px;
    right: 0px;
    width: 60px;
    height: 40px;
}
	.tooltip-wrapper>.text {
		left: -95px;
	}
}
.shinseikatsu-kv .link>a {
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 20px !important;
    letter-spacing: 0;
    color: #fff;
    background: #0054a1;
	text-decoration: none;

}
@media only screen and (max-width: 834px) {
.shinseikatsu-kv .link>a {
    font-size: 16px !important;
    padding-top: 16px;
    padding-bottom: 16px;
}
}
.shinseikatsu-kv .link>a>span {
	position: relative;
	border-bottom: 1px solid #ffffff;
}
.shinseikatsu-kv .link>a:hover>span {
	border-bottom: none;
}
.shinseikatsu-kv .link>a>span:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: -20px;
    width: 9px;
    height: 15px;
    transform: translateY(-40%);
    background: url(/image/2017/page/gas/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
	transition: 0.3s;
}
@media only screen and (max-width: 834px) {
.link>a>span:before {
    right: -20px;
    width: 8px;
    height: 13px;
}
}



.introduction-wrapper {
	padding: 40px 110px;
    background: repeating-linear-gradient(135deg, #a6e3ff, #a6e3ff 10px, #95dbfd 10px, #95dbfd 20px);
}
.introduction-heading {
font-size: 24px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: 700;
    color: #004ea2;
    text-align: center;
	margin-top: -10px;
    margin-bottom: 20px;
	position: relative;
}
.introduction-heading>span {
	position: relative;
	display: inline-block;
}
.italic	{
	font-style: italic;
}
.introduction-heading>span:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 38px;
	height: 44px;
	bottom: 0;
	left: -50px;
	background: url("/image/2017/page/gas/img_asset_pile_l.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-heading>span:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 38px;
	height: 44px;
	bottom: 0;
	right: -48px;
	background: url("/image/2017/page/gas/img_asset_pile_r.png");
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-wrapper .case-box {
	margin-top: 50px;
	padding: 45px 110px 25px;
	background: #fff;
	border-radius: 20px;
	position: relative;
}
.introduction-wrapper .case-box.one {
}
.introduction-wrapper .case-box.two {
}
.introduction-wrapper .case-box.three {
}
.introduction-wrapper .case-box.one:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 224px;
	height: 98px;
	top: 0;
	left: 23px;
	transform: translateY(-100%);
	background: url(/image/2017/page/gas/img_kateeneko_gakuran.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-wrapper .case-box.one:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 156px;
	height: 40px;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(/image/2017/page/gas/img_case1.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-wrapper .case-box.two:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 82px;
	height: 222px;
	top: 180px;
	right: 0;
	transform: translateX(100%);
	background: url(/image/2017/page/gas/img_asset_gas_valve.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media all and (-ms-high-contrast: none) {
	.introduction-wrapper .case-box.two:before {
		right: 1px;
	}
}
.introduction-wrapper .case-box.two:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 156px;
	height: 40px;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(/image/2017/page/gas/img_case2.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-wrapper .case-box.three:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 96px;
	height: 119px;
	top: 143px;
	left: 0;
	transform: translateX(-100%);
	background: url(/image/2017/page/gas/img_asset_gas.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-wrapper .case-box.three:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 156px;
	height: 40px;
	top: 0;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(/image/2017/page/gas/img_case3.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.case-box-heading {
	font-size: 20px;
	color: #004ea2;
	font-weight: bold;
	margin-bottom: 25px;
	position: relative;
	text-align: center;
}
.case-box-heading>span {
	position: relative;
}
.case-box-heading>span:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 93px;
	height: 59px;
    top: 50%;
    left: -98px;
    transform: translateY(-50%);
	background: url(/image/2017/page/gas/img_example.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 834px) {
.case-box-heading>span:before {
    width: 63px;
    height: 41px;
    top: 25%;
    left: -70px;
    transform: translateY(-50%);
    background: url(/image/2017/page/gas/img_example_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.introduction-wrapper .case-box.one:before {
	width: 133px;
	height: 68px;
	top: 1px;
	left: 7px;
	background: url(/image/2017/page/gas/img_kateeneko_gakuran_sp.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.introduction-wrapper .case-box.one:after {
	top: 10px;
    width: 120px;
    height: 35px;
    background: url(/image/2017/page/gas/img_case1_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.introduction-wrapper .case-box.two:before {
	content:normal;
}
.introduction-wrapper .case-box.two:after {
	top: 10px;
    width: 120px;
    height: 37px;
    background: url(/image/2017/page/gas/img_case2_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.introduction-wrapper .case-box.three:before {
	content:normal;
}
.introduction-wrapper .case-box.three:after {
	top: 10px;
    width: 120px;
    height: 35px;
    background: url(/image/2017/page/gas/img_case3_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.case-box-heading {
	width: 100%;
	font-size: 15px;
	text-align: left;
	margin-bottom: 15px;
	padding-left: 80px;
	padding-right: 5px;
}
.case-box-heading:before {
width: 63px;
    height: 41px;
    top: -15px;
    left: 10px;
    background: url(/image/2017/page/gas/img_example_sp.png);
    background-repeat: no-repeat;
    background-size: contain;
}
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	.case-box-heading {
    text-align: center;
    padding-right: 80px;
}
}
.introduction-wrapper .case-box.three .case-box-heading>span {
	display: inline-block;
	line-height: 1.2;
}

.case-box-heading>span>span {
	font-size: 16px;
	font-weight: 400;
}
@media only screen and (max-width: 834px) {
	.case-box-heading>span>span {
		font-size: 13px;
	}
}
@media only screen and (max-width: 360px) {
	.case-box-heading>span>span {
		font-size: 11px;
	}
}
.case-box-image {
    margin-bottom: 30px;
}
@media only screen and (max-width: 834px) {
.case-box-image {
	margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
}
.case-box .point-columns-caption-link>a {
	font-size: 16px !important;
}
@media only screen and (max-width: 834px) {
.case-box .point-columns-caption-link>a {
	font-size: 14px !important;
}
}
.button-case-box {
	text-align: center;
	margin-bottom: 0;
}
.button-case-box>a {
	transition: 0.3s;
	display: inline-block;
}
.button-case-box>a:hover {
opacity: 0.8;
}

.button-case-box>a {
	animation: animation-button-jump 2s infinite;
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	.case-box-image {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
}
	.button-case-box {
    width: 100%;
	}
	.button-case-box>a {
    margin: 0 auto;
    max-width: 400px;
	}
}
@keyframes animation-button-jump {
    0% {
        transform: translate(0px, 2px);
    }
    5% {
        transform: translate(0px, -2px);
    }
    10% {
        transform: translate(0px, 2px);
    }
    15% {
        transform: translate(0px, -2px);
    }
    20% {
        transform: translate(0px, 2px);
    }
    25% {
        transform: translate(0px, -2px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
@keyframes animation-scale {
	0% {
			transform: scale(1);
	}
	50% {
			transform: scale(1.2);
	}
	100% {
			transform: translate(1);
	}
}
@media only screen and (max-width: 834px) {
.introduction-wrapper {
	padding: 25px 10px;
    background: repeating-linear-gradient(135deg, #a6e3ff, #a6e3ff 10px, #95dbfd 10px, #95dbfd 20px);
}
.introduction-heading {
font-size: 16px;
    margin-bottom: 14px;
}
.introduction-wrapper .case-box {
	margin-top: 35px;
	padding: 40px 6px 12px;
	border-radius: 10px;
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.introduction-wrapper .case-box:not(:first-child) {
	margin-top: 22px;
}
.introduction-heading>span:before {
	width: 23px;
	height: 26px;
	bottom: 0;
	left: -28px;
}
.introduction-heading>span:after {
	width: 23px;
	height: 26px;
	bottom: 0;
	right: -28px;
}
}

@media only screen and (max-width: 374px) {
	.introduction-heading>span:before {
		left: -20px;
	}
	.introduction-heading>span:after {
		right: -20px;
	}
}

.point-columns {
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 110px;
}
.point-columns .column{
	width: 33.33%;
	padding-left: 5px;
	padding-right: 5px;
}
@media only screen and (max-width: 834px) {
	.point-columns {
		margin-bottom: 90px;
    display: block;
    flex-wrap: wrap;
}
	.point-columns .column {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
		margin: auto;
    max-width: 325px;
}
	.point-columns .column:not(:first-child) {
margin-top: 10px;
}
}
.point-columns .column .point-content {
	padding: 12px 32px 0;
	border-radius: 20px;
	position: relative;
	    height: 125px;
	overflow: hidden;
}
.point-columns .column .point-content.denki {
	background: #f8b500;
}
.point-columns .column .point-content.gas {
	background: #00b9e7;
}
.point-columns .column .point-content.hikari {
	background: #fff;
}

.point-columns .column .point-content:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 193px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 3;
}
.point-columns .column .point-content.hikari:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 193px;
	height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: #333;
	background-repeat: no-repeat;
	background-size: contain;
    z-index: 3;
}
.point-columns .column .point-content>p {
	margin-top: 3px;
	text-align: center;
	    margin-bottom: 0;
}
.point-columns .column .point-content.hikari>p {
	margin-top: 0;
}
.point-columns .column .point-content .text {
		display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0em;
    padding-top: 5px;
    padding-left: 10px;
    position: relative;
    top: -5px;
}
.point-columns .column .point-content .asset {
	display: inline-block;
	width: 36px;
	height: 36px;
}
.point-columns .column .point-content .asset.hikari {
	width: 100px;
	height: 42px;
}
.point-columns .column .point-content .image {
		width: 164px;
    margin: 5px auto 0;
    position: relative;
    left: 10px;
}

	.point-columns .column .point-content.hikari .image {
	margin-top: 5px;
}
.tooltip-wrapper+.link:before {
	content:normal;
}
@media only screen and (max-width: 834px) {
		.point-columns .column .point-content {
			height: 60px;
			padding: 0 10px 0 20px;
			border-radius: 10px;
			text-align: left;
	}
	.point-columns .column .point-content>p {
    position: relative;
    top: -16px;
		display: inline-block;
		margin-top: 0;
}
	.point-columns .column .point-content.hikari>p {
    top: -13px;
		margin-top: 0;
}
	.point-columns .column .point-content .asset {
    width: 40px;
    height: 40px;
		    top: 2px;
    position: relative;
}
	.point-columns .column .point-content .text {
    font-size: 24px;
}
	.point-columns .column .point-content .image {
    display: inline-block;
    width: 145px;
    top: -5px;
		left: 44px;
}
	.point-columns .column .point-content.hikari .image {
top: 0px;
    left: 44px;
		margin-top: 2px;
}
	.point-columns .column .point-content:before {
    width: 2px;
    height: 40px;
    left: 150px;
}
	.point-columns .column .point-content.hikari:before {
    width: 2px;
    height: 40px;
    left: 150px;
}
}

.point-columns-caption {
	margin-top: 7px;
	font-size: 10px;
	line-height: 1.4;
	color: #000;
}
.point-columns-caption>span {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
}
.point-columns-caption.alt>span {
    display: inline-block;
    text-indent: -1.7em;
    padding-left: 1.7em;
}
.point-columns-caption-link {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.point-columns-caption-link.left {
  text-align: left;
}
.point-columns-caption-link.strong {
  font-weight: 600;
}
.point-columns-caption-link a {
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: 0em;
    color: #004ea2;
    padding-bottom: 0px;
	text-decoration: none;
	box-sizing: border-box;
    display: inline-block;
	border-bottom: 1px solid #004ea2;
	padding-bottom: 3px;
}
@media only screen and (max-width: 834px) {
.point-columns .point-columns-caption-link {
	margin: 10px 0 -2px;
}
.point-columns-caption-link a {
	border-bottom: none;
}
}
.point-columns-caption-link a:hover {
    border-bottom: 1px solid transparent;
}
.point-columns-caption-link .window {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 8px;
    position: relative;
    top: -5px;
}
@media only screen and (max-width: 834px) {
.point-columns-caption-link .window {
    top: -3px;
}
}
.lawson-wrapper {
	margin-top: 0;
	background: #fff;
	border:10px solid #006aba;
	position: relative;
}
.lawson-wrapper:before {
	content:'';
	display: inline-block;
	position: absolute;
	width: 168px;
	height: 127px;
top: 80px;
    left: 40px;
    background: url("/image/2017/page/gas/img_track.png");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.lawson-wrapper:after {
	content:'';
	display: inline-block;
	position: absolute;
	width: 94px;
	height: 116px;
    top: 90px;
    right: 97px;
    background: url("/image/2017/page/gas/img_coffee.png");
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.lawson-wrapper .lawson-heading{
text-align: center;
    background: #006aba;
    padding-top: 20px;
    padding-bottom: 1px;
	position: relative;
}
.lawson-wrapper .lawson-heading>span{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0em;
	color: #fff;
}
.lawson-wrapper .lawson-heading>span.logos{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 17px;
    padding-bottom: 17px;
}
.lawson-wrapper .lawson-heading>span.logos .content{
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 416px;
	position: relative;
}
.lawson-wrapper .lawson-heading>span.logos .content:before{
	content:'';
	display: inline-block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
    background: url("/image/2017/page/gas/X.svg");
	background-repeat: no-repeat;
	background-size: contain;
	
}
.lawson-wrapper .lawson-heading .logo.katene{
display: inline-block;
	width: 160px;
	height: 44px;
	margin-right: 47px;
}
.lawson-wrapper .lawson-heading .logo.katene.sp{
display: none !important;
}
.lawson-wrapper .lawson-heading .logo.lawson{
display: inline-block;
	width: 161px;
	height: 25px;
	margin-left: 47px;
}
.lawson-wrapper .lawson-heading:before {
content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,99%);
    border-top: 36px solid #006aba;
    border-bottom: 36px solid transparent;
    border-left: 190px solid transparent;
    border-right: 190px solid transparent;
}
.lawson-wrapper .lawson-content {
	padding: 30px 100px 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.lawson-wrapper .lawson-content .point-columns-caption-link>a {
	font-size: 16px !important;
}
.lawson-wrapper .small-heading {
	font-size: 20px;
	line-height: 1.4;
	letter-spacing: 0em;
	font-weight: bold;
	color: #006aba;
	text-align: center;
	margin-bottom: 10px;
}
.lawson-wrapper .paragraph {
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0em;
	font-weight: bold;
	color: #333333;
	text-align: left;
	margin-bottom: 10px;
	width: 770px;
}
.lawson-wrapper .paragraph.small {
	font-size: 12px;
	font-weight: 500;
	color: #221815;
}
.lawson-wrapper .paragraph.small span.indent {
    display: inline-block;
    text-indent: -1em;
    padding-left: 1em;
}
.lawson-wrapper .paragraph.small a {
	font-size: 12px!important;
border-bottom: 1px solid #221815;
	font-weight: 500 !important;
}
.lawson-wrapper .paragraph.small a:hover {
border-bottom: none;
	text-decoration: none;
}
.lawson-banner {
	margin-top: 10px;
	margin-bottom: 5px;
}
.lawson-banner a {
	transition: 0.3s;
}
.lawson-banner a:hover {
	opacity: 0.7;
}
.lawson-banner a>img {
	border: 1px solid #333;
}
@media only screen and (max-width: 834px) {
.lawson-wrapper{
}
.lawson-wrapper:before {
	width: 77px;
	height: 63px;
    top: 75px;
    left: 10px;
}
.lawson-wrapper:after {
width: 43px;
    height: 53px;
    top: 79px;
    right: 20px;
}
.lawson-wrapper .lawson-heading{
    margin-top: -5px;
    padding-top: 10px;
    padding-bottom: 0px;
}
.lawson-wrapper .lawson-heading:before {
    left: 50%;
    transform: translate(-50%,99%);
    border-top: 30px solid #006aba;
    border-bottom: 30px solid transparent;
    border-left: 180px solid transparent;
    border-right: 180px solid transparent;
}
.lawson-wrapper .lawson-heading>span{
	font-size: 18px;
}
	.lawson-wrapper .lawson-heading>span.logos {
		    margin-top: 7px;
		padding-bottom: 13px;
	}
.lawson-wrapper .lawson-heading>span.logos .content{
    width: 286px;
}
.lawson-wrapper .lawson-heading>span.logos .content:before{
	width: 16px;
	height: 16px;
	
}
.lawson-wrapper .lawson-heading .logo.katene{
	width: 111px;
	height: 31px;
	margin-right: auto;
}
.lawson-wrapper .lawson-heading .logo.katene.pc{
display: none !important;
}
.lawson-wrapper .lawson-heading .logo.katene.sp{
display: inline-block !important;
}
.lawson-wrapper .lawson-heading .logo.lawson{
	width: 112px;
	height: 17px;
	margin-left: auto;
}
.lawson-wrapper .lawson-content {
	padding: 22px 10px 20px;
}
.lawson-wrapper .small-heading {
	font-size: 16px;
	line-height: 1.5;
}
.lawson-wrapper .paragraph {
	font-size: 13px;
	text-align: left;
	margin-bottom: 5px;
	width: 100%;
}
.lawson-wrapper .paragraph.small {
	font-size: 10px;
}
	.lawson-wrapper .paragraph.small a {
    font-size: 10px!important;
}
	
.lawson-banner {
	margin-top: 12px;
	margin-bottom: 0;
}
.lawson-banner>a {
	display: inline-block;
	max-width: 315px;
}
.lawson-wrapper .lawson-content .point-columns-caption-link>a {
	font-size: 14px !important;
}
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	.lawson-wrapper .lawson-content {
    padding: 22px 45px 20px;
}
.lawson-banner>a {
	max-width: 100%;
}
}

@media screen and (min-width: 320px) and (max-width: 374px) {
.lawson-wrapper .lawson-heading>span{
	font-size: 15px;
}
	
.lawson-wrapper .lawson-content .point-columns-caption-link>a {
	font-size: 12px !important;
}
}


.conditions-wrapper {
	margin-top: 0;
	padding: 40px;
	background: #d0f0ff;
}
@media only screen and (max-width: 834px) {
.conditions-wrapper{
	padding: 20px 15px;
}
.conditions-wrapper.adjust{
		margin-top: -60px;
    padding-top: 80px;
}
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	.conditions-wrapper {
    padding: 20px 45px;
}
.conditions-wrapper.adjust{
		margin-top: -60px;
    padding-top: 80px;
}
}

.sim-graph-wrapper {
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding-bottom: 15px;
	border: 2px solid #0054a1;
	border-radius: 4px;
}
.sim-graph-heading {
		font-size: 20px;
    letter-spacing: 0em;
    color: #fff;
    background: #0054a1;
    font-weight: 500;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 11px;
	    margin-bottom: 8px;
}
@media only screen and (max-width: 834px) {
.sim-graph-wrapper {
	margin-top: 25px;
}
.sim-graph-heading {
		font-size: 18px;
	    margin-bottom: 4px;
    padding-top: 5px;
    padding-bottom: 6px;
}
}
@media screen and (orientation: portrait) {
	.sim-graph-heading {
		font-size: 4.8vw;
	}
}
.sim-text {
	text-align: center;
	margin-bottom: 15px;
}
@media only screen and (max-width: 834px) {
.sim-text {
	margin-bottom: 12px;
}
}
.sim-text>span.price {
	font-size: 50px	;
	letter-spacing: -0.01em;
	font-weight: 900;
	color: #ff0000;
	font-family: 'Roboto', sans-serif;
	position: relative;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.sim-text>span.price {
	font-size: 45px;
	}
}
@media only screen and (max-width: 834px) {
	.sim-text>span.price {
    font-size: 45px;
}
}
.sim-text>span.price>span {
	font-size: 25px	;
	letter-spacing: 0.05em;
	padding-left: 6px;
}
@media only screen and (min-width: 769px) and (max-width: 930px) {
.sim-text>span.price>span {
	font-size: 24px;
}
}
@media only screen and (max-width: 834px) {
.sim-text>span.price>span {
	font-size: 24px;
}
}
.sim-text>span.price>span.small {
    font-family: 'Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
}

.sim-text>.sub {
	display: inline-block;
	vertical-align: bottom;
	font-size: 14px	;
	line-height: 1;
	padding-bottom: 8px;
	padding-left: 5px;
	
}
.sim-text>.sub>span {
	display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
@media only screen and (max-width: 834px) {
.sim-text>.sub {
	font-size: 11px	;
}
}
.sim-graph-box {
    display: flex;
    justify-content: center;
	align-items:  flex-start;
}
.sim-graph-box>img {
    width: 360px;
}
@media only screen and (max-width: 834px) {
	.sim-graph-box {
		max-width: 290px;
		margin: auto;
	}
.sim-graph-box>img {
    width: 100%;
	
}
}
@media only screen and (max-width: 374px) {
	.sim-graph-box {
		max-width: 245px;
	}
}
.button-sim {
	text-align: center
}
.button-sim>a {
	display: inline-block;
	text-align: center;
	margin-top: 15px;
	padding-top: 8px;
	padding-bottom: 10px;
	width: 265px;
	border: #0054a1 1px solid;
	border-radius: 25px;
	transition: 0.3s;
	text-decoration: none;
	position: relative;
}
.button-sim>a:before {
content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 13px;
    width: 7px;
    height: 7px;
    border-bottom: #0054a1 solid 2px;
    border-right: #0054a1 solid 2px;
    transform: translateY(-50%) rotate(-45deg);
	transition: 0.3s;
}
.button-sim>a:hover {
	opacity: 0.7;
}
.button-sim>a:hover:before {
    right: 8px;
}
.button-sim>a>span {
	color: #010101;
	font-size: 14px;
	letter-spacing: 0.025em;
}
@media only screen and (max-width: 834px) {
.button-sim>a {
	width: 100%;
	max-width: 270px;
}
.button-sim>a:before {
	width: 6px;
	height: 6px;
}
.button-sim>a>span {
	font-size: 13px;
}
}
@media only screen and (max-width: 374px) {
.button-sim>a {
	max-width: 250px;
}
}
#colorbox.map_colorbox #cboxContent:after {
	content: normal;
}
#colorbox.map_colorbox #cboxContent #cboxLoadedContent {
	border-radius: 20px;
	padding: 40px 20px 40px 40px;
}
#colorbox.map_colorbox #cboxContent #cboxLoadedContent .scroll-box {
	
	padding: 0;
	margin-top: 0;
}
#colorbox.map_colorbox #cboxContent #cboxLoadedContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
	    height: 450px;
}
#colorbox.map_colorbox #cboxContent .mCustomScrollBox {
	padding-right: 0;
	height: auto !important;
}
#colorbox.map_colorbox #cboxContent .btn-position .c-close>a {
	background-color: #0054a1;
}
#colorbox.map_colorbox #cboxContent .mCustomScrollBox {
	outline: none;
}
@media only screen and (max-width: 834px) {
	#colorbox.map_colorbox #cboxContent #cboxLoadedContent {
		border-radius: 10px;
		padding: 20px 10px 20px;
	}
	#colorbox.map_colorbox #cboxContent #cboxLoadedContent .scroll-box {
	border-radius: 0;
	padding: 0;
}
	#colorbox.map_colorbox #cboxContent #cboxLoadedContent .scroll-box {
    margin-top: 0;
}
#colorbox.map_colorbox #cboxContent #cboxLoadedContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
	    height: 270px;
}
	#colorbox.map_colorbox #cboxContent {
    padding-top: 0;
}
}
@media only screen and (min-width: 769px) and (max-width: 834px) {
	#colorbox.map_colorbox #cboxContent #cboxLoadedContent {
    padding: 20px 20px 20px;
    max-width: 704px;
    margin-left: auto;
    margin-right: auto;
}
#colorbox.map_colorbox #cboxContent #cboxLoadedContent .summer_campaign_gas_ryokin_sub_cont_scroll_wrap {
	    height: 450px;
}
}
.footer-columns__column {
	margin: 0;
}
@media only screen and (max-width: 834px) {
	.footer-columns__column{
		max-width: 250px;
		margin: auto !important;
	}
}
@media screen and (min-width: 415px) and (max-width: 834px) {
	#dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_sub {
    /*text-align: center;*/
}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .point .gLoginArea {
    padding: 20px 10px 70px;
}
	.movie-area-general>a {
		width: auto !important;
	}
	/*.movie-area-general>a>img {
		max-width: 400px;
	}*/
	.footer-columns {
		margin: auto;
	}
	#dWrapper #dFWrapper #fGlobalFooter.-gas .point .bg_character {
		display: none;
	}
	#dWrapper #entry .entryWrap .gLoginArea {
    margin: 20px 10px 10.5%;
}
}
@media screen and (min-width: 376px) and (max-width: 834px) {
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:before {
    margin-left: -185px;
}
	#dWrapper #dFWrapper #fGlobalFooter.-gas h2>span:after {
    margin-left: 160px;
}
}
.banner.to-gas-cp {
    margin-bottom: 70px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.banner.to-gas-cp>a {
    display: inline-block;
}
@media screen and (max-width: 834px) {
.banner.to-gas-cp {
	padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}
}
#campaign_time {
    text-align: left;
}

.single .tel-box_txt_area {
	width: 650px;
}
.single .phoneNumnerwrap {
	display: flex;
	align-items: center;
}
.single .flex-adjust {
	width: 325px;
}
	span.sp-only {
		display: none !important;
	}
@media screen and (max-width: 834px) {
.tel-box_txt_area {
	/*width: 250px;*/
	width: 300px !important;
}
.single .phoneNumnerwrap {
	display: block;
}
.single .flex-adjust {
	width: auto;
}
/*	.tel-box_num {
		margin-top: 20px;
	}*/
	span.sp-only {
		display: inline-block !important;
	}
	.pseudo_adjust {
		padding-left: 70px;
	}
	#dWrapper #tel_css .gLoginArea .tel-box .tel-box_content {
    position: relative;
}
	#dWrapper #tel_css .gLoginArea .tel-box .tel-box_icon {
		display: none;
	}
	#dWrapper #tel_css .tel .gLoginArea .tel-box .tel-box_num_area .tel-box_num {
    position: relative;
}
.tel-box_num:before {
content:'';
display: inline-block;
position: absolute;
width: 60px;
height: 46px;
top: 0;
left: 0;
background: url(/image/2017/page/gas/bg_img_phone.png);
background-repeat: no-repeat;
background-size: contain;

}
}

@media screen and (min-width: 321px) and (max-width: 375px) {
	.single .phoneNumnerwrap_time {
		margin-left: -80px !important;
	}
	.single .phoneNumnerwrap_time.adjust {
		margin-left: -70px !important;
	}
}
@media screen and (min-width: 375px) and (max-width: 834px) {
	#dWrapper #tel_css .tel .gLoginArea .tel-box .phoneNumnerwrap p.pModEleCenter{
		white-space: pre;
}
}

@media screen and (min-width: 414px) and (max-width: 834px) {
.tel-box_txt_area {
	width: 270px !important;
}
}
.to-conditions {
	cursor: pointer;
}
.tooltip-wrapper+.link {
	padding-left: 0;
}
.tooltip-wrapper+.link:before, .tooltip-wrapper+.link:after {
	content: normal;
}
.section.campaign-wrapper .button-case-box.pc {
	display: block !important;
}
.section.campaign-wrapper .button-case-box.sp {
	display: none !important;
}
@media screen and (max-width: 834px) {
.section.campaign-wrapper .button-case-box.pc {
	display: none !important;
}
.section.campaign-wrapper .button-case-box.sp {
	display: block !important;
}
}
#dWrapper #dMFWrapper .h2Wrapper.h2CatGas.end.summer-campaign:after {
	display: none;
}
#dWrapper #dMFWrapper .h2Wrapper.h2CatGas.end.summer-campaign {
	margin-bottom: 30px;
	height: 116px;
}
#dWrapper #dMFWrapper .summer-campaign .h2_katene {
	height: 116px;
}
#dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch {
	font-size: 2.4rem;
	font-size: 24px;
	line-height: 1.2;
	padding-top: 15px;
}
	#dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch >.important {
		font-size: 3.2rem;
		display: block;
		color: #ff0000;
		font-weight: 900;
	}
#dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch >.important>.roboto {
	display: inline-block;
	position: relative;
	top: 2px;
	font-family: 'Roboto';
	font-size: 4.0rem;
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .h2Wrapper.h2CatGas.end.summer-campaign {
		margin-bottom: 20px;
		margin-top: 60px;
		height: 79px;
	}
	#dWrapper #dMFWrapper .summer-campaign .h2_katene {
		height: 79px;
	}
	#dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch {
		font-size: 1.6rem;
		font-size: 16px;
		padding-top: 0;
		line-height: 1 !important;
	}
	#dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch >.important {
		font-size: 2.2rem;
		line-height: 1 !important;
	}
	#dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch >.important>.roboto {
		font-size: 2.8rem;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .h2Wrapper.h2CatGas.end.summer-campaign:before {
		width: 94.667vw;
    height: 14.933vw;
    top: -11.467vw;
	}
	.is-mobile #dWrapper #dMFWrapper .h2Wrapper.h2CatGas.end.summer-campaign {
		margin-bottom: 5.333vw;
		margin-top: 16vw;
		height: 21.067vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .h2_katene {
		height: 21.067vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch {
		font-size: 4.267vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch >.important {
		font-size: 5.867vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .h2_katene > span .catch >.important>.roboto {
		font-size: 7.467vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .more-arrow{
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	width: 190px;
	height: 70px;
}
#dWrapper #dMFWrapper .summer-campaign .more-arrow--rl{
	position: relative;
	margin: 10px auto;
	left: inherit;
	top: inherit;
	transform: translateX(0);
	animation: animation-scale 1s linear 0s infinite normal;
}
#dWrapper #dMFWrapper .summer-campaign .more-arrow:before {
	content: "";
	position: absolute;
	width: 130px;
	height: 26px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ff7600;
}
#dWrapper #dMFWrapper .summer-campaign .more-arrow:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	top: 25px;
	left: 0;
	border-top: 44px solid #ff7600;
  border-right: 95px solid transparent;
  border-left: 95px solid transparent;
}
#dWrapper #dMFWrapper .summer-campaign .more-arrow p{
	text-align: center;
	font-size: 2.4rem;
	line-height: 1;
	color: #ffffff;
	font-weight: 500;
	padding-top: 15px;
	position: relative;
	z-index: 2;
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .more-arrow{
		top: -30px;
		width: 132px;
		height: 65px;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow--rl{
		left: inherit !important;
		top: inherit !important;
		height: 48px;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow:before {
		width: 90px;
		height: 40px;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow:after {
		top: 39px;
		border-top: 25px solid #ff7600;
		border-right: 66px solid transparent;
		border-left: 66px solid transparent;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow--rl:before {
		height: 18px;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow--rl:after {
		top: 17px;
		border-top: 30px solid #ff7600;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow p{
		font-size: 1.8rem;
		padding-top: 15px;
	}
	#dWrapper #dMFWrapper .summer-campaign .more-arrow--rl p{
		padding-top: 8px;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow{
		top: -8vw;
		width: 35.2vw;
		height: 17.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow--rl{
		height: 12.8vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow:before {
		width: 24vw;
		height: 10.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow:after {
		top: 10.4vw;
		border-top: 6.667vw solid #ff7600;
		border-right: 17.6vw solid transparent;
		border-left: 17.6vw solid transparent;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow--rl:before {
		height: 4.8vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow--rl:after {
		top: 4.533vw;
		border-top: 8vw solid #ff7600;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow p{
		font-size: 4.8vw;
		padding-top: 4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .more-arrow--rl p{
		padding-top: 2.133vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .kv-wrapper {
	position: relative;
	width: 100%;
	height: 615px;
	background-image: url(/image/2017/page/gas/bg_summer_ff.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 40px 0;
	margin-bottom: 0;
}



#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .catch{
	text-align: center;
	margin-bottom: 0;
}
#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .catch img{
	max-width: 586px;
}
#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .animation-button {
	margin-top: 60px;
	margin-left: 30px;
	text-align: center;
}
#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .animation-button img{
	max-width: 500px;
}
@media only screen and (max-width: 1000px) {
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper {
		margin: 0 -15px;
		width: auto;
		padding: 4vw 0;
		height: 61.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .catch img{
		max-width: 58.6vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .animation-button {
		margin-top: 6vw;
		margin-left: 3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .animation-button img{
		max-width: 50vw;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper {
		height: 124vw;
		background-image: url(/image/2017/page/gas/bg_summer_ff_sp.gif);
		padding: 14.667vw 0 1.333vw;
		margin: 0 -15px;
		width: auto;
	}
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .catch img{
		max-width: 87.467vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .animation-button {
		margin-top: 4vw;
		margin-left: 6.4vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .kv-wrapper .animation-button img{
		max-width: 69.867vw;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .kv-wrapper {
		margin: 0 -4vw;
	}
}

#dWrapper #dMFWrapper .summer-campaign .date-wrapper {
	width: 100%;
	background-color: #e5ff5c;
	display: table;
	height: 80px;
	text-align: center;
	margin-bottom: 0;
}


#dWrapper #dMFWrapper .summer-campaign .date-wrapper>p{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#dWrapper #dMFWrapper .summer-campaign .date-wrapper>p>img{
	max-width: 404px;
}
@media only screen and (max-width: 1000px) {
	#dWrapper #dMFWrapper .summer-campaign .date-wrapper {
		width: calc(100% + 30px);
		margin: 0 -15px;
		height: 8vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .date-wrapper>p>img{
		max-width: 40.4vw;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .date-wrapper {
		width: calc(100% + 30px);
		height: 14.667vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .date-wrapper>p>img{
		max-width: 69.867vw;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .date-wrapper {
		width: calc(100% + 8vw);
		margin: 0 -4vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper {
	padding: 20px;
	background-color: #ffffff;
	margin-bottom: 30px;
}
@media only screen and (max-width: 1000px) {
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper {
		margin: 0 -15px 30px;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper {
		margin: 0 -15px;
		padding: 10px;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper {
		margin: 0 -4vw;
		padding: 2.667vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap{
	margin-top: 0;
	border: 2px solid #d1e2fd;
	padding: 20px;
	height: 220px;
	margin-bottom: 30px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_inside > .mCSB_container{
	margin-right: 28px !important;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #d1e2fd !important;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_scrollTools .mCSB_draggerRail {
	background-color: #eeeeee !important;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.largest {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	color: #5192fa;
	margin-bottom: 20px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_list {
	margin-bottom: 20px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl {
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 5px;
	color: #344b87;
	padding-left: 18px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl:before {
	background-color: #344b87;
	width: 7px;
	height: 7px;
	top: 8px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_list li {
	font-size: 1.3rem;
	font-weight: 500;
	text-align: left;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.large {
	padding-left: 15px;
	margin-top: 0;
	margin-bottom: 20px;
	color: #5192fa;
	font-size: 1.6rem;
	position: relative;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.large:before {
	content: "";
	position: absolute;
	left: 0;
	top: 5px;
	width: 5px;
	height: 15px;
	background-color: #5192fa;
	border-radius: 2.5px;
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap{
		border-width: 1px;
		padding: 15px;
		height: 240px;
		margin-bottom: 15px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_inside > .mCSB_container{
		margin-right: 18px !important;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_list {
		margin-bottom: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.largest {
		font-size: 1.4rem;
		margin-bottom: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl {
		font-size: 1.3rem;
		padding-left: 12px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl:before {
		width: 5px;
		height: 5px;
		top: 8px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_list li {
		font-size: 1.2rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.large {
		padding-left: 10px;
		margin-bottom: 10px;
		font-size: 1.3rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.large:before {
		top: 5px;
		width: 4px;
		height: 11px;
		border-radius: 2px;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap{
		border-width: 0.267vw;
		padding: 4vw;
		height: 64vw;
		margin-bottom: 4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_scroll_wrap .mCSB_inside > .mCSB_container{
		margin-right: 4.8vw !important;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_list {
		margin-bottom: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.largest {
		font-size: 3.733vw;
		margin-bottom: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl {
		font-size: 3.467vw;
		padding-left: 3.2vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl:before {
		width: 1.333vw;
		height: 1.333vw;
		top: 2.133vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_list li {
		font-size: 3.2vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.large {
		padding-left: 2.667vw;
		margin-bottom: 2.667vw;
		font-size: 3.467vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .summer_campaign_gas_ryokin_sub_cont_ttl.large:before {
		top: 1.333vw;
		width: 1.067vw;
		height: 2.933vw;
		border-radius: 0.533vw;
	}
}

#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns {
	margin: 0 -10px 37px;
	display: flex;
  justify-content: center;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column {
	width: 50%;
	padding: 0 10px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item {
	position: relative;
	border-radius: 10px;
	box-shadow: 0px 4px 2.5px 2.5px rgba(0, 0, 0, 0.12);
	width: 100%;
	height: 95px;
	overflow: hidden;
}

#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item:after {
	content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue {
	background-color: #00afff;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue:after {
	background-image: linear-gradient(to bottom right, transparent, transparent 50%, #02a3ed 50%, #02a3ed); 
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red {
	background-color: #ff6d2d;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red:after {
	background-image: linear-gradient(to bottom right, transparent, transparent 50%, #ec5614 50%, #ec5614); 
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p {
	position: relative;
	z-index: 2;
}

#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a{
	display: block;
	width: 100%;
	height: 95px;
	text-align: center;
	position: relative;
	text-decoration: none;
}

#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a:before{
	content: "";
	position: absolute;
	
	top: 50%;
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue p a:before{
	background-image: url(/image/2017/page/gas/icon_summer_gas.png);
	width: 44px;
	height: 57px;
	left: 15px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red p a:before{
	background-image: url(/image/2017/page/gas/icon_summer_truck.png);
	width: 88px;
	height: 73px;
	left: 11px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span{
	display: block;
	text-align: center;
	color: #ffffff;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
	padding-top: 15px;
	height: 95px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue a>span {
	padding: 0 50px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red a>span {
	padding: 0 71px 0 109px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span>span.small {
	font-size: 1.6rem;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow {
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
  display: block;
	width: 15px;
	height: 15px;
	box-sizing: border-box;
  border: 3px solid #fff;
	border-left: none;
	border-bottom: none;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow01 {
	right: 13px;
	animation: arrow_move_02 2s linear 0s infinite normal;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow02 {
	right: 24px;
	animation: arrow_move_01 2s linear 0s infinite normal;
}
@media only screen and (max-width: 1000px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item,
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a{
		height: 9.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue p a:before{
		width: 4.4vw;
		height: 5.7vw;
		left: 1.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red p a:before{
		width: 8.8vw;
		height: 7.3vw;
		left: 1.1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span{
		font-size: 2.2vw;
		padding-top: 1.5vw;
		height: 9.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue a>span {
		padding: 0 5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red a>span {
		padding: 0 7.1vw 0 10.9vw;
		white-space: nowrap;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span>span.small {
		font-size: 1.6vw;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns {
		margin: -5px 0 15px;
		display: block;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column {
		width: 100%;
		padding: 5px 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item {
		border-radius: 6px;
		box-shadow: 0px 2px 2.5px 2.5px rgba(0, 0, 0, 0.12);
		height: 80px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a{
		height: 80px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue p a:before{
		width: 34px;
		height: 42px;
		left: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red p a:before{
		width: 58px;
		height: 48px;
		left: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span{
		font-size: 1.5rem;
		line-height: 1.6;
		height: 80px;
		padding-top: 15px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue a>span {
		padding: 0 40px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red a>span {
		padding: 0 68px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span>span.small {
		font-size: 1.3rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow {
		right: 12px;
		width: 10px;
		height: 10px;
		border-width: 2px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow01 {
		right: 12px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow02 {
		right: 20px;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns {
		margin: -1.333vw 0 4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column {
		padding: 1.333vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item {
		border-radius: 1.6vw;
		box-shadow: 0px 0.533vw 0.667vw 0.667vw rgba(0, 0, 0, 0.12);
		height: 21.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a{
		height: 21.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue p a:before{
		width: 9.067vw;
		height: 11.2vw;
		left: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red p a:before{
		width: 15.467vw;
		height: 12.8vw;
		left: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span{
		font-size: 4vw;
		height: 21.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--blue a>span {
		padding: 4vw 10.667vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item--red a>span {
		padding: 4vw 18.133vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item p a>span>span.small {
		font-size: 3.467vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow {
		right: 3.2vw;
		width: 2.667vw;
		height: 2.667vw;
		border-width: 0.533vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow01 {
		right: 3.2vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .button-columns__column__item a>span>.arrow02 {
		right: 5.333vw;		
	}
}

#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box {
	max-width: 880px;
	margin: 0 auto 30px;
	display: flex;
	justify-content: flex-start;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left {
	width: calc(352 / 880 * 100%);
	padding: 0 10px;
	background-color: #e26d09;
	position: relative;
	display: table;
	height: 98px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left>div {
	display: table-cell;
	vertical-align: middle;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p{
	text-align: center;
	color: #ffffff;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo {
	margin-bottom: 10px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo img{
	width: 221px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.message{
	font-size: 1.0rem;
	line-height: 1.4;
	font-weight: 500;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-bottom: 15px solid transparent;
  border-left: 15px solid #ffffff;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right {
	width: calc(528 / 880 * 100%);
	border: 1px solid #e26d09;
	padding: 0 10px 0 20px;
	display: table;
	height: 98px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right>div {
	display: table-cell;
	vertical-align: middle;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p,
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a{
	line-height: 1.5;
	font-size: 1.3rem;
	margin-bottom: 0;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a.window {
	padding-right: 25px;
	background-image: url(/image/2017/page/gas/icon_popup_o3.svg);
	background-repeat: no-repeat;
	background-position: right 0.3em;
	background-size: 14px 13px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p+p{
	margin-top: 5px;
}
@media only screen and (max-width: 1000px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box {
		margin: 0 auto 3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left {
		padding: 0 1vw;
		height: 9.8vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo {
		margin-bottom: 1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo img{
		width: 22.1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.message{
		font-size: 1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left:after {
		border-bottom: 1.5vw solid transparent;
		border-left: 1.5vw solid #ffffff;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right {
		border: 0.1vw solid #e26d09;
		padding: 0 1vw 0 2vw;
		height: 9.8vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p,
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a{
		font-size: 1.3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a.window {
		padding-right: 2.5vw;
		background-size: 1.4vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p+p{
		margin-top: 0.5vw;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box {
		max-width: inherit;
		margin-bottom: 20px;
		display: block;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left {
		width: 100%;
		padding: 10px;
		display: block;
		height: auto;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left>div {
		display: block;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo {
		margin-bottom: 5px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo img{
		width: 160px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.message{
		font-size: 1.0rem;
		text-align: left;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left:after {
		border-bottom: 15px solid transparent;
		border-left: 15px solid #ffffff;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right {
		width: 100%;
		padding: 15px 10px;
		display: block;
		height: auto;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right>div {
		display: block;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p,
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a{
		font-size: 1.2rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a.window {
		padding-right: 14px;
		background-position: right 0.4em;
		background-size: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p+p{
		margin-top: 5px;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box {
		margin-bottom: 5.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left {
		padding: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo {
		margin-bottom: 1.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.logo img{
		width: 42.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left p.message{
		font-size: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__left:after {
		border-bottom: 4vw solid transparent;
		border-left: 4vw solid #ffffff;
		top: -0.267vw;
		left: -0.267vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right {
		padding: 4vw 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p,
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a{
		font-size: 3.2vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p>a.window {
		padding-right: 3.733vw;
		background-size: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .hikari-box__right p+p{
		margin-top: 1.333vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title {
	text-align: center;
	margin-bottom: 25px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title>a {
	font-size: 1.8rem;
	font-weight: 500;
	padding-right: 28px;
	color: #344b87;
	background-image: url(/image/2017/page/gas/icon_popup_bl.svg);
	background-repeat: no-repeat;
	background-position: right 0.4em;
	background-size: 16px 15px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box {
	border: 2px solid #344b87;
	padding: 0 30px 20px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title {
	text-align: center;
	width: 346px;
	margin: 0 auto;
	display: table;
	height: 30px;
	background-color: #344b87;
	border-top: 1px solid #344b87;
	border-radius: 0 0 15px 15px;
	position: relative;
	top: -1px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title>span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 500;
	padding-bottom: 4px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns {
	margin: 20px -15px 0;
	display: flex;
	justify-content: center;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column {
	width: 50%;
	padding: 8px 15px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column:first-child {
	border-right: 1px solid #e0e0e0;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns {
	margin: 0 -7.5px 15px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column {
	padding: 0 7.5px;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__icon {
	border-radius: 2px;
	background-color: #5192fa;
	height: 21px;
	line-height: 19px;
	padding: 0 9px;
	color: #ffffff;
	font-size: 1.3rem;
	display: inline-block;
	margin-bottom: 0;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__tel {
	padding-left: 33px;
	background-image: url(/image/2017/page/gas/icon_telephone.svg);
	background-repeat: no-repeat;
	background-position: left 0.1em;
	background-size: 26px 26px;
	color: #344b87;
	font-family: 'Roboto';
	font-weight: 500;
	font-size: 3.4rem;
	line-height: 1;
	margin-bottom: 0;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message {
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 1.3;
	color: #344b87;
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message>span {
	font-family: 'Roboto';
	font-size: 1.6rem;
	
}
#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .attention {
	text-align: center;
	font-size: 1.2rem;
	font-weight: 500;
	margin-bottom: 0;
	line-height: 1.5;
	color: #344b87;
}
@media only screen and (max-width: 1000px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title {
		margin-bottom: 2.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title>a {
		font-size: 1.8vw;
		padding-right: 2.8vw;
		background-size: 1.6vw 1.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box {
		border: 0.2vw solid #344b87;
		padding: 0 3vw 2vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title {
		width: 34.6vw;
		height: 3vw;
		border-top: 0.1vw solid #344b87;
		border-radius: 0 0 1.5vw 1.5vw;
		top: -0.1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title>span {
		font-size: 1.4vw;
		padding-bottom: 0.4vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns {
		margin: 2vw -1vw 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column {
		padding: 0.8vw 1vw;
		margin: 0 !important;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column:first-child {
		border-right: 0.1vw solid #e0e0e0;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns {
		margin: 0 -0.75vw 1.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column {
		padding: 0 0.75vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__icon {
		border-radius:0.2vw;
		height: 2.1vw;
		line-height: 1.9vw;
		padding: 0 0.9vw;
		font-size: 1.3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__tel {
		padding-left: 3.3vw;
		background-size: 2.6vw;
		font-size: 3.4vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message {
		font-size: 1.4vw;
		margin-bottom: 0.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message>span {
		font-size: 1.6vw;

	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .attention {
		font-size: 1.15vw;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title {
		margin-bottom: 20px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title>a {
		font-size: 1.5rem;
		padding-right: 22px;
		background-position: right 0.4em;
		background-size: 11px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box {
		border-width: 2px;
		padding: 0 18px 15px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title {
		width: 266px;
		height: 30px;
		border-radius: 0 0 10px 10px;
		margin-bottom: 15px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title>span {
		font-size: 1.3rem;
		padding-bottom: 4px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns {
		margin: -10px 0;
		display: block;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column {
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column:first-child {
		border-right: none;
		border-bottom: 1px solid #e0e0e0;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns {
		margin: -2px 0;
		flex-direction: column;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column {
		padding: 2px 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__icon {
		border-radius: 2px;
		height: 21px;
		line-height: 21px;
		padding: 0 9px;
		font-size: 1.2rem;
		text-align: center;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__tel {
		text-align: center;
		padding-left: 25px;
		background-position: left 0.15em;
		background-size: 19px;
		font-size: 2.8rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message {
		font-size: 1.2rem;
		padding-left: 5em;
		text-indent: -5em;
		margin-bottom: 2px;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message>span {
		font-size: 1.3rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .attention {
		text-align: left;
		font-size: 1.0rem;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title {
		margin-bottom: 5.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-wrapper__title>a {
		font-size: 4vw;
		padding-right: 5.867vw;
		background-size: 2.933vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box {
		border-width: 0.533vw;
		padding: 0 4.8vw 4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title {
		width: 70.933vw;
		height: 8vw;
		border-radius: 0 0 2.667vw 2.667vw;
		margin-bottom: 4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box__title>span {
		font-size: 3.467vw;
		padding-bottom: 1.067vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns {
		margin: -2.667vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column {
		padding: 2.667vw 0;
		margin: 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .columns__column:first-child {
		border-width: 0.267vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns {
		margin: -0.533vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column {
		padding: 0.533vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__icon {
		border-radius: 0.533vw;
		height: 5.6vw;
		line-height: 5.6vw;
		padding: 0 2.4vw;
		font-size: 3.2vw;
		text-align: center;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .faq-box__tel-columns__column__tel {
		text-align: center;
		padding-left: 6.667vw;
		background-size: 5.067vw;
		font-size: 7.467vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message {
		font-size: 3.2vw;
		margin-bottom: 0.533vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .message>span {
		font-size: 3.467vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .padding-wrapper .faq-box .attention {
		font-size: 2.667vw;
	}
}

#dWrapper #dMFWrapper .summer-campaign .telephone-box {
	border-radius: 10px 10px 0 0;
	overflow: hidden;
	background-color: #f3bf00;
	position: relative;
	padding: 10px;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box:after {
	content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  height: 100%;
	background-image: linear-gradient(to bottom right, transparent, transparent 50%, #fcad24 50%, #fcad24); 
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box__title {
	text-align: center;
	margin-bottom: 3px;
	position: relative;
	z-index: 2;
	
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box__title>span {
	color: #ffffff;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1;
	background-image: url(/image/2017/page/gas/icon_summer_tel.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 59px 64px;
	padding-left: 77px;
	padding-top: 18px;
	min-height: 65px;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box {
	background-color: #ffffff;
	padding: 30px;
	position: relative;
	z-index: 2;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:before {
	content: "";
	position: absolute;
	right: 58px;
	top: 20px;
	z-index: 3;
	width: 133px;
	height: 143px;
	background-image: url(/image/2017/page/gas/icon_summer_fukidashi.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:after {
	content: "";
	position: absolute;
	right: 20px;
	bottom: -13px;
	z-index: 3;
	width: 133px;
	height: 130px;
	background-image: url(/image/2017/page/gas/animation_tel.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone{
	text-align: center;
	line-height: 1;
	font-size: 5.2rem;
	font-family: 'Roboto';
	font-weight: 700;
	margin-bottom: 5px;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link {
	margin-bottom: 10px;
	text-align: center;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link>a {
	font-size: 1.8rem;
	font-weight: 500;
	padding-left: 28px;
	min-height: 19px;
	background-image: url(/image/2017/page/gas/icon_arrow_right_bl.svg);
	background-repeat: no-repeat;
	background-position: left 0.25em;
	background-size: 19px 19px;
	color: #333333;
	display: inline-block;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date {
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	margin-bottom: 5px;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date>span {
	font-family: 'Roboto';
	font-weight: 500;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date--attention {
	font-weight: 500;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 5px;
}
#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-attention {
	font-weight: 500;
	font-size: 1.4rem;
	text-align: center;
	margin-bottom: 0;
}
@media only screen and (max-width: 1000px){
	#dWrapper #dMFWrapper .summer-campaign .telephone-box {
		border-radius: 1vw 1vw 0 0;
		padding: 1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box__title {
		margin-bottom: 0.3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box__title>span {
		font-size: 2.2vw;
		background-size: 5.9vw 6.4vw;
		padding-left: 7.7vw;
		padding-top: 1.8vw;
		min-height: 6.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box {
		padding: 3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:before {
		right: 5.8vw;
		top: 2vw;
		width: 13.3vw;
		height: 14.3vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:after {
		right: 2vw;
		bottom: -1.3vw;
		z-index: 3;
		width: 13.3vw;
		height: 13vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone{
		font-size: 5.2vw;
		margin-bottom: 0.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link {
		margin-bottom: 1vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link>a {
		font-size: 1.8vw;
		padding-left: 2.8vw;
		min-height: 1.9vw;
		background-size: 1.9vw 1.9vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date {
		font-size: 1.8vw;
		margin-bottom: 0.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date--attention {
		font-size: 1.4vw;
		margin-bottom: 0.5vw;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-attention {
		font-size: 1.4vw;
	}
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .telephone-box {
		border-radius: 6px 6px 0 0;
		padding: 5px 10px 10px;
		margin: 10px -5px 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box__title {
		margin-bottom: 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box__title>span {
		font-size: 1.5rem;
		background-size: 44px;
		padding-left: 51px;
		padding-top: 15px;
		min-height: 49px;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box {
		padding: 17px 10px 60px;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:before {
		right: 85px;
		top: inherit;
		bottom: 10px;
		width: 237px;
		height: 39px;
		background-image: url(/image/2017/page/gas/icon_summer_fukidashi_sp.png);
		background-position: left bottom;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:after {
		right: 0;
		bottom: -9px;
		z-index: 3;
		width: 80px;
		height: 78px;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone{
		font-size: 3.4rem;
		margin-bottom: 5px;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link {
		margin-bottom:5px;
		display: flex;
		justify-content: center;
		text-align: left;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link>a {
		font-size: 1.4rem;
		padding-left: 18px;
		min-height: 13px;
		background-position: left 0.3em;
		background-size: 13px;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date {
		font-size: 1.4rem;
		margin-bottom: 5px;
		padding-left: 5em;
		text-indent: -5em;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date--attention {
		font-size: 1.1rem;
		margin-bottom: 5px;
	}
	#dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-attention {
		font-size: 1.2rem;
		text-align: left;
		line-height: 1.4;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box {
		border-radius: 1.6vw 1.6vw 0 0;
		padding: 1.333vw 2.667vw 2.667vw;
		margin: 10px -1.333vw 0;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box__title>span {
		font-size: 4vw;
		background-size: 11.733vw;
		padding-left: 13.6vw;
		padding-top: 4vw;
		min-height: 13.067vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box {
		padding: 4.532vw 2.667vw 16vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:before {
		right: 22.667vw;
		bottom: 2.667vw;
		width: 63.2vw;
		height: 10.4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box:after {
		bottom: -2.4vw;
		width: 21.333vw;
		height: 20.8vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone{
		font-size: 9.067vw;
		margin-bottom: 1.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link {
		margin-bottom:1.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-link>a {
		font-size: 3.733vw;
		padding-left: 4.8vw;
		min-height: 3.467vw;
		background-size: 3.467vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date {
		font-size: 3.733vw;
		margin-bottom: 1.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-date--attention {
		font-size: 2.933vw;
		margin-bottom: 1.333vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .telephone-box .padding-box .telephone-attention {
		font-size: 3.2vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .banner {
	width: 100%;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .banner {
		margin-bottom: 10px;
		max-width: inherit;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .banner{
		margin-bottom: 2.667vw;
	}
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper {
	background-color: #f5ce3e;
	padding: 20px;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .sim-paragraph {
	font-weight: 500;
	margin-bottom: 15px;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner {
	max-width: 545px;
	margin: 0 auto;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a {
	background-color: #f97300;
	height: 65px;
	border-radius: 6px;
	padding: 0 0 0 60px;
	position: relative;
	display: block;
	text-decoration: none;
	transition: all .3s ease;
	width: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:before {
	content: "";
	position: absolute;
	left: 71px;
	top: -14px;
	width: 38px;
	height: 47px;
	background-image: url(/image/2016/mypage/icon_simulation_calc.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:after {
	content: "";
	position: absolute;
	left: 10px;
	top: -14px;
	width: 89px;
	height: 101px;
	background-image: url(/image/2016/mypage/icon_simulation_character.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:hover:after {
	transition: linear .25s;
	transform: rotateY(360deg);
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span {
	position: relative;
	display: block;
	padding-top: 18px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 400;
	color: #ffffff;
	line-height: 1.3;
	height: 65px;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 23px;
	height: 23px;
	background-image: url(/image/2016/mypage/icon_arrow_right_o.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 100%;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.small {
	color: #ffffff;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.025em;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.large {
	color: #ffffff;
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 500;
	letter-spacing: 0.025em;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker {
	color: #ffffff;
	position: relative;
	display: inline-block;
	font-size: 2.0rem;
	font-weight: 500;
	border-bottom: 3px solid #ffde62;
	padding-bottom: 0;
	line-height: 1.2;
	letter-spacing: 0.025em;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker:before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: -2px;
	border-bottom: 3px solid #ffde62;
	border-left: 2px solid transparent;
}
#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker:after {
	content: "";
	position: absolute;
	bottom: -3px;
	right: -2px;
	border-top: 3px solid #ffde62;
	border-right: 2px solid transparent;
	background-image: none;
	top: inherit;
	transform: translateY(0);
}
@media only screen and (max-width: 768px){
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper {
		padding: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .sim-paragraph {
		font-size: 1.3rem;
		margin-bottom: 10px;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner {
		max-width: inherit;
		margin: 0 auto;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a {
		height: 54px;
		padding-left: 0;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:before {
		left: 44px;
		bottom: 21px;
		top: inherit;
		width: 20px;
		height: 23px;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:after {
		left: 12px;
		top: inherit;
		bottom: -13px;
		width: 49px;
		height: 57px;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span {
		height:54px;
		padding: 8px 0 0 10px;
		font-size: 1.1rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span:after {
		right: 5px;
		width: 14px;
		height: 14px;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.small {
		font-size: 1.2rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.large {
		font-size: 1.4rem;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker {
		font-size: 1.4rem;
		border-bottom: 2px solid #ffde62;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker:before {
		bottom: -2px;
		left: -1px;
		border-bottom: 2px solid #ffde62;
		border-left: 1px solid transparent;
	}
	#dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker:after {
		bottom: -2px;
		right: -1px;
		border-top: 2px solid #ffde62;
		border-right: 1px solid transparent;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper {
		padding: 2.667vw;
		margin-top: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .sim-paragraph {
		font-size: 3.467vw;
		margin-bottom: 2.667vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a {
		height: 14.4vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:before {
		left: 11.733vw;
		bottom: 5.6vw;
		width: 5.333vw;
		height: 6.133vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a:after {
		left: 3.2vw;
		bottom: -3.467vw;
		width: 13.067vw;
		height: 15.2vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span {
		height:14.4vw;
		padding: 2.133vw 0 0 2.667vw;
		font-size: 2.933vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span:after {
		right: 1.333vw;
		width: 3.733vw;
		height: 3.733vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.small {
		font-size: 3.2vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.large {
		font-size: 3.733vw;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker {
		font-size: 3.733vw;
		border-bottom: 0.533vw solid #ffde62;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker:before {
		bottom: -0.533vw;
		left: -0.267vw;
		border-bottom: 0.533vw solid #ffde62;
		border-left: 0.267vw solid transparent;
	}
	.is-mobile #dWrapper #dMFWrapper .summer-campaign .sim-wrapper .simulation-banner a>span>.marker:after {
		bottom: -0.533vw;
		right: -0.267vw;
		border-top: 0.533vw solid #ffde62;
		border-right: 0.267vw solid transparent;
	}
}

.simulation-wrapper-fixed {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: #f5ce3e;
	padding: 15px 0;
	opacity: 0;
	z-index: -1;
	transition: all .3s;
}
.simulation-wrapper-fixed.is-active {
	opacity: 1;
  z-index: 100;
}
.simulation-wrapper-fixed .simulation-banner {
	max-width: 648px;
	margin: 0 auto 0;
	padding-left: 115px;
}
.simulation-wrapper-fixed .simulation-banner a {
	background-color: #f26232;
	height: 90px;
	box-shadow: 1.414px 1.414px 2px 0px rgba(0,0,0,0.4);
	border-radius: 45px;
	position: relative;
	display: block;
	text-decoration: none;
	transition: all .3s ease;
	transform-origin: center bottom;
}
.simulation-wrapper-fixed .simulation-banner a:hover:after {
	transition: linear .25s;
	transform: rotateY(360deg);
}
.simulation-wrapper-fixed .simulation-banner a:before {
	content: "";
	position: absolute;
	left: -19px;
	top: -20px;
	width: 60px;
	height: 73px;
	background-image: url(/image/2016/mypage/icon_simulation_calc.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
.simulation-wrapper-fixed .simulation-banner a:after {
	content: "";
	position: absolute;
	left: -115px;
	top: -19px;
	width: 140px;
	height: 161px;
	background-image: url(/image/2016/mypage/icon_simulation_character.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100%;
}
.simulation-wrapper-fixed .simulation-banner a>span {
	position: relative;
	display: block;
	text-align: center;
	padding: 15px 50px 0;
	font-family: 'Noto Sans Japanese';
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.015em;
	margin-left: 0.015em;
	color: #ffffff;
	line-height: 1.5;
	height: 90px;
}
.simulation-wrapper-fixed .simulation-banner a>span:after {
	content: "";
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 28px;
	height: 28px;
	background-image: url(/image/2016/mypage/icon_arrow_right_o.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 100%;
}
.simulation-wrapper-fixed .simulation-banner a>span>.small {
	color: #ffffff;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0.025em;
}
.simulation-wrapper-fixed .simulation-banner a>span>.large {
	color: #ffffff;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 500;
	letter-spacing: 0.025em;
}
.simulation-wrapper-fixed .simulation-banner a>span>.marker {
	color: #ffffff;
	position: relative;
	display: inline-block;
	font-size: 2.2rem;
	font-weight: 500;
	border-bottom: 4px solid #ffde62;
	padding-bottom: 0;
	line-height: 1.2;
	letter-spacing: 0.025em;
}
.simulation-wrapper-fixed .simulation-banner a>span>.marker:before {
	content: "";
	position: absolute;
	bottom: -4px;
	left: -2px;
	border-bottom: 4px solid #ffde62;
	border-left: 2px solid transparent;
}
.simulation-wrapper-fixed .simulation-banner a>span>.marker:after {
	content: "";
	position: absolute;
	bottom: -4px;
	right: -2px;
	border-top: 4px solid #ffde62;
	border-right: 2px solid transparent;
	background-image: none;
	top: inherit;
	transform: translateY(0);
}
@media only screen and (max-width: 768px){
	.simulation-wrapper-fixed {
		padding: 10px 0;
	}
	.simulation-wrapper-fixed .simulation-banner {
		width: 100%;
		padding: 0 11px 0 19px;
	}
	.simulation-wrapper-fixed .simulation-banner a {
		height: 80px;
		border-radius: 45px;
	}
	.simulation-wrapper-fixed .simulation-banner a:before {
		left: 38px;
		top: 26px;
		width: 27px;
		height: 34px;
	}
	.simulation-wrapper-fixed .simulation-banner a:after {
		left: -9px;
		top: 27px;
		width: 71px;
		height: 81px;
	}
	.simulation-wrapper-fixed .simulation-banner a>span {
		height: 80px;
		padding: 10px 36px 0;
		font-size: 12px;
		line-height: 1.4;
	}
	.simulation-wrapper-fixed .simulation-banner a>span:after {
		width: 21px;
		height: 21px;
	}
	.simulation-wrapper-fixed .simulation-banner a>span>.small {
		font-size: 13px;
	}
	.simulation-wrapper-fixed .simulation-banner a>span>.large {
		font-size: 16px;
	}
	.simulation-wrapper-fixed .simulation-banner a>span>.marker {
		font-size: 16px;
		border-width: 2px;
	}
	.simulation-wrapper-fixed .simulation-banner a>span>.marker:before {
		bottom: -2px;
		left: -1px;
		border-bottom: 2px solid #ffde62;
		border-left: 1px solid transparent;
	}
	.simulation-wrapper-fixed .simulation-banner a>span>.marker:after {
		bottom: -4px;
		right: -1px;
		border-top: 4px solid #ffde62;
		border-right: 1px solid transparent;
	}
}
@media screen and (orientation: portrait) {
	.is-mobile .simulation-wrapper-fixed {
		padding: 2.667vw 0;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner {
		padding: 0 2.933vw 0 5.067vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a {
		height: 21.333vw;
		border-radius: 12vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a:before {
		left: 10.133vw;
		top: 6.933vw;
		width: 7.2vw;
		height: 9.067vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a:after {
		left: -2.4vw;
		top: 7.2vw;
		width: 18.933vw;
		height: 21.6vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span {
		height: 21.333vw;
		padding: 2.667vw 9.6vw 0;
		font-size: 3.2vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span:after {
		width: 5.6vw;
		height: 5.6vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span>.small {
		font-size: 3.467vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span>.large {
		font-size: 4.267vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span>.marker {
		font-size: 4.267vw;
		border-width: 0.533vw;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span>.marker:before {
		bottom: -0.533vw;
		left: -0.267vw;
		border-bottom: 0.533vw solid #ffde62;
		border-left: 0.267vw solid transparent;
	}
	.is-mobile .simulation-wrapper-fixed .simulation-banner a>span>.marker:after {
		bottom: -1.067vw;
		right: -0.267vw;
		border-top: 1.067vw solid #ffde62;
		border-right: 0.267vw solid transparent;
	}
}
#aMainContents>.section {
	overflow: visible;
}
@media only screen and (max-width: 768px){
	#aMainContents>.section {
		padding-bottom: 50px;
	}
	#dWrapper #dMFWrapper {
		padding-bottom: 40px;
	}
}
@media screen and (orientation: portrait) {
	#aMainContents>.is-mobile .section {
		padding-bottom: 13.33333vw;
	}
}

#dWrapper #dMFWrapper #dMain #dMainColumn #aMainContents {
	position: relative;
	z-index: 2;
	
}