@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=Oswald:300,400");

@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css");

body {

  font-family: YakuHanJP, "Hiragino Sans", Meiryo, "Yu Gothic Medium",

 sans-serif; }



main a,

main a:visited {

  color: #3399cc; }



a[target="_blank"]:after {

  content: "";

  margin-left: 0.5em;

  display: inline-block;

  width: 10px;

  height: 9px;

  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_1 png");

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: contain; }



a[target="_blank"].not-icon:after {

  content: none; }



.container {

  margin: 0 auto;

  max-width: 960px;

  position: relative; }

  @media (max-width: 960px) {

    .container {

      padding: 0 20px; } }



.pt {

  background: #ffffff; }

  .pt .container {

    height: 100px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    @media (max-width: 768px) {

      .pt .container {

        height: 70px; } }

    .pt .container h2 {

      font-size: 28px;

      letter-spacing: 0.1em; }

      @media (max-width: 768px) {

        .pt .container h2 {

          font-size: 18px;

          letter-spacing: 0; } }



.bread {

  padding: 5px 0;

  background: #f5f5f5; }

  @media (max-width: 768px) {

    .bread {

      padding: 0; } }

  .bread ul li {

    display: inline-block;

    font-size: 12px; }

    @media (max-width: 768px) {

      .bread ul li {

        font-size: 10px; } }

    .bread ul li + li:before {

      margin: 0 10px;

      content: "/";

      color: #ccc; }



.m-btn, .m-btn_orange, .m-btn_blue, .m-btn_white, .m-btn_white2, .m-btn_gray {

  padding: 0 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border-radius: 3px;

  height: 40px;

  font-weight: bold;

  text-decoration: none;

  background: #fff;

  color: #37474f;

  border: 1px solid #37474f;

  position: relative; }

  @media (max-width: 768px) {

    .m-btn, .m-btn_orange, .m-btn_blue, .m-btn_white, .m-btn_white2, .m-btn_gray {

      height: 50px; } }

  .m-btn:visited, .m-btn_orange:visited, .m-btn_blue:visited, .m-btn_white:visited, .m-btn_white2:visited, .m-btn_gray:visited {

    color: #37474f; }



.m-btn_orange {

  background: #e99459;

  color: #ffffff;

  border: none; }

  .m-btn_orange:visited {

    color: #fff; }

  .m-btn_orange:hover {

    background: #e68542; }



.m-btn_blue {

  background: #c5e3ed;

  color: #2364a0;

  border: none; }

  .m-btn_blue:visited {

    color: #2364a0; }

  .m-btn_blue:hover {

    background: #b2dae7; }



.m-btn_white {

  background: #fff;

  border: 1px solid #ddd;

  color: #999; }

  .m-btn_white:visited {

    color: #999; }

  .m-btn_white:hover {

    background: #ddd;

    color: #333333;

    text-decoration: underline; }



.m-btn_white2 {

  background: #fff;

  border: 1px solid #1db8f2;

  color: #1db8f2; }

  .m-btn_white2:visited {

    color: #1db8f2; }

  .m-btn_white2:hover {

    text-decoration: underline; }



.m-btn_gray {

  background: #ddd;

  color: #666;

  border: none; }

  .m-btn_gray:visited {

    color: #666; }

  .m-btn_gray:hover {

    background: #ccc; }



.m-btn_regist {

  position: relative; }

  .m-btn_regist span:before {

    margin-right: 0.3em;

    content: "";

    display: inline-block;

    width: 17px;

    height: 17px;

    background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_plus_2 png") no-repeat 0 0;

    background-size: contain; }

  .m-btn_regist:hover span {

    background: #b2dae7;

    text-decoration: underline; }

  .m-btn_regist input {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    background: none;

    border: none;

    text-indent: -200%;

    overflow: hidden;

    cursor: pointer; }



.m-heading_1 {

  margin-bottom: 30px;

  font-size: 26px;

  letter-spacing: 0.1em;

  line-height: 1.4;

  text-align: center; }

  @media (max-width: 768px) {

    .m-heading_1 {

      font-size: 23px;

      letter-spacing: 0.05em; } }



.m-fs-oswald, #index .indexWeather .indexWeather_data dl dd, #about .aboutFlow article .articleText:before, #weather .todayInfo h3, #weather .weatherData article .weatherData_info p, #weather .weatherData article .weatherData_info dl dd {

  font-family: "Oswald", sans-serif; }



.js-inview {

  opacity: 0;

  -webkit-transform: translateY(20px);

          transform: translateY(20px);

  -webkit-transition: all 0.5s;

  transition: all 0.5s; }

  .js-inview.is-view {

    opacity: 1;

    -webkit-transform: translateY(0);

            transform: translateY(0); }



main {

  margin-bottom: 80px;

  line-height: 1.8;

  display: block; }

  @media (max-width: 768px) {

    main {

      margin-bottom: 40px; } }

  main img {

    max-width: 100%; }

  main.is-fixed {

    padding-top: 80px; }

    @media (max-width: 960px) {

      main.is-fixed {

        padding-top: 50px; } }



.g-header_menu:before {

  content: "";

  display: inline-block;

  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/global_nav_arrow svg") no-repeat center center;

  background-size: contain;

  width: 0.8em; }



.anchorLabel {

  margin-top: -80px;

  padding-top: 80px;

  display: block; }



.cdHeader {

  background: #000000;

  position: relative;

  z-index: 9;

  width: 100%; }

  .cdHeader.is-fixed {

    position: fixed;

    top: 0; }

  .cdHeader .container {

    height: 80px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    position: static; }

    @media (max-width: 960px) {

      .cdHeader .container {

        padding: 0;

        height: 50px; } }

  .cdHeader h2 {

    -webkit-transform: translateY(4px);

            transform: translateY(4px); }

    @media (max-width: 960px) {

      .cdHeader h2 {

        margin-left: 15px;

        width: 96px;

        margin-right: auto; }

        .cdHeader h2 img {

          width: 100%; } }

  @media (max-width: 960px) {

    .cdHeader .globalNavi {

      display: none; } }

  .cdHeader .globalNavi ul {

    display: inline-block; }

    .cdHeader .globalNavi ul li {

      display: inline-block; }

      .cdHeader .globalNavi ul li a {

        padding: 0 15px;

        display: block;

        color: #ffffff;

        line-height: 80px;

        position: relative; }

        .cdHeader .globalNavi ul li a:hover {

          text-decoration: none;

          background: rgba(55, 71, 79, 0.6); }

        .cdHeader .globalNavi ul li a[target="_blank"]:after {

          background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png"); }

      .cdHeader .globalNavi ul li.globalNavi_sub a:before {

        content: "";

        display: inline-block;

        width: 7px;

        height: 11px;

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_arrow_1 png") no-repeat 0 0;

        background-size: cover;

        -webkit-transform: rotate(90deg) translateY(4px);

                transform: rotate(90deg) translateY(4px);

        position: absolute;

        left: 50%;

        bottom: 15px; }

    .cdHeader .globalNavi ul ul {

      position: absolute;

      left: 0;

      top: 80px;

      width: 100%;

      background: rgba(55, 71, 79, 0.9);

      height: 0;

      overflow: hidden;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      -webkit-transition: all 0.4s;

      transition: all 0.4s; }

      .cdHeader .globalNavi ul ul.is-show {

        height: 80px; }

      .cdHeader .globalNavi ul ul li a {

        display: inline;

        line-height: 1.4;

        margin: 0 25px; }

        .cdHeader .globalNavi ul ul li a:hover {

          background: none;

          text-decoration: underline; }

        .cdHeader .globalNavi ul ul li a:before {

          content: none !important; }

      .cdHeader .globalNavi ul ul li + li {

        border-left: 1px solid rgba(255, 255, 255, 0.3); }

  .cdHeader .globalNavi .globalNavi_company {

    display: none; }

  .cdHeader .globalNavi_sp {

    display: none; }

    @media (max-width: 960px) {

      .cdHeader .globalNavi_sp {

        display: block;

        position: absolute;

        top: 50px;

        left: 0;

        right: 0;

        bottom: 0;

        background: #37474f;

        width: 100%;

        height: 0;

        overflow-y: scroll;

        -webkit-overflow-scrolling: touch;

        -webkit-transition: all 0.4s;

        transition: all 0.4s; }

        .cdHeader .globalNavi_sp .loginName {

          padding: 15px 20px;

          background: #f5f5f5; }

        .cdHeader .globalNavi_sp ul li a {

          padding: 15px 20px;

          display: block;

          border-bottom: 1px solid rgba(0, 0, 0, 0.2);

          font-size: 12px;

          color: #ffffff;

          background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_1 png") no-repeat right 15px center;

          background-size: 12px; }

          .cdHeader .globalNavi_sp ul li a[target="_blank"]:after {

            background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png"); }

        .cdHeader .globalNavi_sp ul li ul {

          background: #263137;

          display: none; }

        .cdHeader .globalNavi_sp ul li.globalNavi_sub a {

          background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_2 png") no-repeat right 15px center;

          background-size: 12px; }

          .cdHeader .globalNavi_sp ul li.globalNavi_sub a[target="_blank"]:after {

            content: none; }

        .cdHeader .globalNavi_sp ul li.is-open a {

          background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_3 png") no-repeat right 15px center;

          background-size: 12px; }

        .cdHeader .globalNavi_sp ul li.is-open ul {

          display: block; }

          .cdHeader .globalNavi_sp ul li.is-open ul li a {

            background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_1 png") no-repeat right 15px center;

            background-size: 12px; }

            .cdHeader .globalNavi_sp ul li.is-open ul li a[target="_blank"]:after {

              content: ""; }

        .cdHeader .globalNavi_sp.is-open {

          height: 60vh; } }

    .cdHeader .globalNavi_sp .globalNavi_company {

      display: none; }

  .cdHeader .globalNavi_userInfo p {

    margin-bottom: 3px;

    font-size: 12px;

    font-weight: bold;

    color: #ffffff;

    text-align: right;

    width: 150px; }

    @media (max-width: 960px) {

      .cdHeader .globalNavi_userInfo p {

        display: none; } }

    .cdHeader .globalNavi_userInfo p a {

      color: #ffffff;

      text-decoration: underline; }

  .cdHeader .globalNavi_userInfo ul {

    font-size: 0;

    text-align: right; }

    .cdHeader .globalNavi_userInfo ul li {

      display: inline-block; }

      .cdHeader .globalNavi_userInfo ul li a {

        padding: 0;

        width: 60px;

        height: 20px;

        font-size: 10px;

        font-weight: normal;

        border: none;

        background: #666666;

        color: #ffffff; }

        @media (max-width: 768px) {

          .cdHeader .globalNavi_userInfo ul li a {

            height: 25px; } }

      .cdHeader .globalNavi_userInfo ul li + li {

        margin-left: 5px; }

  .cdHeader .globalNavi_btn a {

    height: 36px;

    line-height: 36px; }

    @media (max-width: 960px) {

      .cdHeader .globalNavi_btn a {

        height: 25px;

        line-height: 25px;

        font-size: 12px; } }

  .cdHeader .globalNavi_menu {

    display: none; }

    @media (max-width: 960px) {

      .cdHeader .globalNavi_menu {

        padding: 0 12px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        width: 50px;

        height: 50px;

        -webkit-box-sizing: border-box;

                box-sizing: border-box; }

        .cdHeader .globalNavi_menu img {

          width: 100%;

          height: 100%; } }



@media (max-width: 768px) {

  .cdHeader_simple p {

    margin-right: 15px; } }



.cdHeader_simple p a {

  color: #ffffff; }



.cdFooter h3 {

  margin-bottom: 20px;

  padding-left: 10px;

  font-size: 16px;

  font-weight: bold;

  line-height: 1.2;

  border-left: 2px solid #000; }

  @media (max-width: 768px) {

    .cdFooter h3 {

      margin: 0;

      padding: 10px 0;

      font-size: 12px;

      font-weight: bold;

      text-align: center;

      background: #bebebe;

      color: #ffffff;

      border-left: none; } }



.cdFooter .bottomSns {

  padding: 40px 0;

  border-top: 1px solid #eee; }

  @media (max-width: 768px) {

    .cdFooter .bottomSns {

      padding: 20px 0; } }

  @media (max-width: 768px) {

    .cdFooter .bottomSns h3 {

      margin-bottom: 20px;

      padding: 0 0 0 10px;

      border-left: 2px solid #000;

      background: none;

      color: #000000;

      font-size: 14px;

      text-align: left; } }

  .cdFooter .bottomSns ul {

    font-size: 0;

    overflow: hidden; }

    .cdFooter .bottomSns ul li {

      margin-right: 40px;

      display: inline-block;

      vertical-align: top;

      font-size: 14px; }

      @media (max-width: 768px) {

        .cdFooter .bottomSns ul li {

          margin-bottom: 20px;

          width: 100%; }

          .cdFooter .bottomSns ul li:last-child {

            margin-bottom: 0; } }

      .cdFooter .bottomSns ul li a {

        color: #000000; }

      .cdFooter .bottomSns ul li img {

        margin-right: 10px;

        width: 40px;

        vertical-align: middle; }



.cdFooter .bottomMenu {

  padding: 40px 0 20px;

  background: #f5f5f5; }

  @media (max-width: 768px) {

    .cdFooter .bottomMenu {

      padding: 0; } }

  @media (max-width: 768px) {

    .cdFooter .bottomMenu .container {

      padding: 0; } }

  .cdFooter .bottomMenu ul {

    margin: 0 -10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    overflow: hidden; }

    @media (max-width: 768px) {

      .cdFooter .bottomMenu ul {

        margin: 0; } }

    .cdFooter .bottomMenu ul li {

      margin-bottom: 20px;

      padding: 0 10px;

      width: 33.333%; }

      @media (max-width: 768px) {

        .cdFooter .bottomMenu ul li {

          margin-bottom: 0;

          padding: 0;

          width: 50%;

          border-bottom: 1px solid rgba(0, 0, 0, 0.15);

          border-right: 1px solid rgba(0, 0, 0, 0.15); }

          .cdFooter .bottomMenu ul li:nth-child(even) {

            border-right: none; } }

      .cdFooter .bottomMenu ul li a {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        text-align: center;

        height: 80px;

        background: #ffffff;

        font-size: 14px;

        font-weight: bold;

        color: #333333; }

        @media (max-width: 768px) {

          .cdFooter .bottomMenu ul li a {

            background: none;

            font-size: 10px;

            height: 60px; } }

      .cdFooter .bottomMenu ul li.bottomMenu_taisetsu a:before {

        content: "";

        margin-right: 0.5em;

        display: inline-block;

        width: 10px;

        height: 16px;

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_taisetsu png") no-repeat 0 0;

        background-size: contain;

        -webkit-transform: translateY(-0.15em);

                transform: translateY(-0.15em); }



.cdFooter .footerLink {

  padding: 40px 0;

  background: #333; }

  @media (max-width: 768px) {

    .cdFooter .footerLink {

      padding: 0; } }

  .cdFooter .footerLink .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    @media (max-width: 768px) {

      .cdFooter .footerLink .container {

        padding: 0;

        display: block; } }

  .cdFooter .footerLink ul li {

    margin-bottom: 0.5em; }

    @media (max-width: 768px) {

      .cdFooter .footerLink ul li {

        margin: 0;

        border-top: 1px solid rgba(255, 255, 255, 0.2); } }

    .cdFooter .footerLink ul li a {

      color: #ffffff;

      font-size: 14px;

      font-weight: bold; }

      @media (max-width: 768px) {

        .cdFooter .footerLink ul li a {

          padding: 12px 20px;

          display: block;

          font-size: 12px;

          background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_1 png") no-repeat right 15px center;

          background-size: 12px; } }

      .cdFooter .footerLink ul li a:before {

        content: "";

        margin-right: 10px;

        display: inline-block;

        width: 6px;

        height: 10px;

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_arrow_1 png") no-repeat 0 0;

        background-size: contain; }

        @media (max-width: 768px) {

          .cdFooter .footerLink ul li a:before {

            margin: 0;

            content: none; } }

    .cdFooter .footerLink ul li ul {

      margin-top: 0.5em;

      margin-left: 1em; }

      @media (max-width: 768px) {

        .cdFooter .footerLink ul li ul {

          margin: 0;

          background: #000;

          display: none; } }

      .cdFooter .footerLink ul li ul li a {

        font-size: 12px;

        font-weight: normal; }

        @media (max-width: 768px) {

          .cdFooter .footerLink ul li ul li a {

            font-weight: bold; } }

    @media (max-width: 768px) {

      .cdFooter .footerLink ul li.globalNavi_sub a {

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_2 png") no-repeat right 15px center;

        background-size: 12px; } }

    @media (max-width: 768px) {

      .cdFooter .footerLink ul li.is-open a {

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_3 png") no-repeat right 15px center;

        background-size: 12px; }

      .cdFooter .footerLink ul li.is-open ul {

        display: block; }

        .cdFooter .footerLink ul li.is-open ul li a {

          background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_footer_1 png") no-repeat right 15px center;

          background-size: 12px; } }

  .cdFooter .footerLink ul + ul {

    margin-left: 40px;

    padding-left: 40px;

    border-left: 1px solid rgba(255, 255, 255, 0.2); }

    @media (max-width: 768px) {

      .cdFooter .footerLink ul + ul {

        margin: 0;

        padding: 0;

        border: none; } }



#index {

  /**

   * メインビジュアル＆ログインパネル

   */

  /**

   * CLUB DAIKINとは

   */

  /**

   * おすすめ情報

   */

  /**

   * 空気指数

   */

  /**

   * お役立ち情報

   */

  /**

   * 登録製品一覧

   */ }

  #index section {

    margin-top: -80px;

    padding-top: 80px;

    position: relative; }

    @media (max-width: 768px) {

      #index section {

        margin-top: -50px;

        padding-top: 50px; } }

    #index section .sectionInner {

      padding: 40px 0;

      z-index: 2; }

  #index .indexLead {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: relative;

    z-index: 8;

    /**メインビジュアルスライダー */

    /**ログインパネル */ }

    @media (max-width: 768px) {

      #index .indexLead {

        display: block; } }

    #index .indexLead .mainVisual {

      width: calc(100% - 295px);

      position: relative; }

      @media (max-width: 768px) {

        #index .indexLead .mainVisual {

          margin-bottom: 10px;

          width: 100%; } }

      #index .indexLead .mainVisual ul li {

        background-position: center center;

        background-size: 1400px 400px; }

        #index .indexLead .mainVisual ul li a {

          display: block;

          width: 100%;

          height: 400px;

          background: #ffffff;

          opacity: 0;

          -webkit-transition: all .2s;

          transition: all .2s; }

          #index .indexLead .mainVisual ul li a:hover {

            opacity: 0.3; }

            @media (max-width: 768px) {

              #index .indexLead .mainVisual ul li a:hover {

                opacity: 1; } }

          @media (max-width: 768px) {

            #index .indexLead .mainVisual ul li a {

              height: auto;

              opacity: 1; } }

          #index .indexLead .mainVisual ul li a img {

            display: none; }

            @media (max-width: 768px) {

              #index .indexLead .mainVisual ul li a img {

                display: block; } }

      #index .indexLead .mainVisual .slick-arrow {

        width: 40px;

        height: 40px;

        overflow: hidden;

        font-size: 0;

        position: absolute;

        top: 50%;

        -webkit-transform: translateY(-20px);

                transform: translateY(-20px);

        z-index: 1;

        cursor: pointer;

        background: none;

        border: none;

        outline: none; }

        @media (max-width: 768px) {

          #index .indexLead .mainVisual .slick-arrow {

            width: 20px;

            height: 20px;

            -webkit-transform: translateY(-10px);

                    transform: translateY(-10px); } }

      #index .indexLead .mainVisual .slick-prev {

        left: 10px;

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_mainvisual_arrow svg") no-repeat center center;

        background-size: contain; }

        @media (max-width: 768px) {

          #index .indexLead .mainVisual .slick-prev {

            left: 5px; } }

      #index .indexLead .mainVisual .slick-next {

        right: 10px;

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_mainvisual_arrow svg") no-repeat center center;

        background-size: contain;

        -webkit-transform: scale(-1, 1) translateY(-20px);

                transform: scale(-1, 1) translateY(-20px); }

        @media (max-width: 768px) {

          #index .indexLead .mainVisual .slick-next {

            right: 5px;

            -webkit-transform: scale(-1, 1) translateY(-10px);

                    transform: scale(-1, 1) translateY(-10px); } }

      #index .indexLead .mainVisual .slick-dots {

        margin-top: 0;

        position: absolute;

        bottom: -10px;

        left: 50%;

        -webkit-transform: translateX(-50%);

                transform: translateX(-50%); }

        #index .indexLead .mainVisual .slick-dots li {

          margin: 0 3px;

          width: 40px;

          height: 2px;

          border-radius: 0; }

          @media (max-width: 768px) {

            #index .indexLead .mainVisual .slick-dots li {

              width: 20px; }

              #index .indexLead .mainVisual .slick-dots li:not(.slick-active) {

                display: inline-block; } }

        #index .indexLead .mainVisual .slick-dots .slick-active {

          background-color: #000; }

    #index .indexLead .loginPanel {

      width: 295px;

      background: #f5f5f5;

      text-align: center;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between;

      /**会員の方はこちらからログイン */

      /**初めての方はこちら */ }

      @media (max-width: 768px) {

        #index .indexLead .loginPanel {

          width: 100%; } }

      #index .indexLead .loginPanel h2 {

        margin-bottom: 10px;

        font-size: 12px;

        font-weight: bold; }

        #index .indexLead .loginPanel h2.is-login {

          font-size: 14px; }

        @media (max-width: 768px) {

          #index .indexLead .loginPanel h2 {

            margin-bottom: 15px;

            font-size: 14px; } }

      #index .indexLead .loginPanel .contentsBtn a {

        height: 60px;

        border: 1px solid #ccc; }

      #index .indexLead .loginPanel .productRegistBtn {

        margin-top: 20px;

        position: relative; }

        #index .indexLead .loginPanel .productRegistBtn span {

          height: 60px; }

        #index .indexLead .loginPanel .productRegistBtn input {

          position: absolute;

          top: 0;

          right: 0;

          bottom: 0;

          left: 0;

          width: 100%;

          background: none;

          border: none;

          text-indent: -200%;

          overflow: hidden;

          cursor: pointer; }

        #index .indexLead .loginPanel .productRegistBtn:hover {

          text-decoration: underline;

          color: #1db8f2; }

      #index .indexLead .loginPanel .loginPanel_login {

        padding: 0 20px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        -webkit-box-flex: 2;

            -ms-flex-positive: 2;

                flex-grow: 2;

        background: #ffffff;

        width: 100%; }

        @media (max-width: 768px) {

          #index .indexLead .loginPanel .loginPanel_login {

            padding: 20px; } }

        #index .indexLead .loginPanel .loginPanel_login .errorText {

          margin-top: 5px;

          font-size: 10px;

          display: none; }

        #index .indexLead .loginPanel .loginPanel_login form {

          -ms-flex-item-align: center;

              align-self: center;

          width: 100%; }

        @media (max-width: 768px) {

          #index .indexLead .loginPanel .loginPanel_login ul {

            margin-bottom: 15px; } }

        #index .indexLead .loginPanel .loginPanel_login ul li {

          margin-bottom: 10px; }

        #index .indexLead .loginPanel .loginPanel_login input[type="email"],

        #index .indexLead .loginPanel .loginPanel_login input[type="password"] {

          padding: 10px;

          width: 100%;

          height: 40px;

          border-radius: 3px;

          border: none;

          background-color: #f5f5f5;

          -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);

                  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); }

          @media (max-width: 768px) {

            #index .indexLead .loginPanel .loginPanel_login input[type="email"],

            #index .indexLead .loginPanel .loginPanel_login input[type="password"] {

              -webkit-appearance: none;

                 -moz-appearance: none;

                      appearance: none;

              font-size: 16px; } }

          #index .indexLead .loginPanel .loginPanel_login input[type="email"]::-webkit-input-placeholder,

          #index .indexLead .loginPanel .loginPanel_login input[type="password"]::-webkit-input-placeholder {

            color: #bebebe;

            font-size: 10px;

            font-weight: bold; }

          #index .indexLead .loginPanel .loginPanel_login input[type="email"]:-ms-input-placeholder,

          #index .indexLead .loginPanel .loginPanel_login input[type="password"]:-ms-input-placeholder {

            color: #bebebe;

            font-size: 10px;

            font-weight: bold; }

          #index .indexLead .loginPanel .loginPanel_login input[type="email"]::-ms-input-placeholder,

          #index .indexLead .loginPanel .loginPanel_login input[type="password"]::-ms-input-placeholder {

            color: #bebebe;

            font-size: 10px;

            font-weight: bold; }

          #index .indexLead .loginPanel .loginPanel_login input[type="email"]::placeholder,

          #index .indexLead .loginPanel .loginPanel_login input[type="password"]::placeholder {

            color: #bebebe;

            font-size: 10px;

            font-weight: bold; }

            @media (max-width: 768px) {

              #index .indexLead .loginPanel .loginPanel_login input[type="email"]::-webkit-input-placeholder,

              #index .indexLead .loginPanel .loginPanel_login input[type="password"]::-webkit-input-placeholder {

                font-size: 12px; }

              #index .indexLead .loginPanel .loginPanel_login input[type="email"]:-ms-input-placeholder,

              #index .indexLead .loginPanel .loginPanel_login input[type="password"]:-ms-input-placeholder {

                font-size: 12px; }

              #index .indexLead .loginPanel .loginPanel_login input[type="email"]::-ms-input-placeholder,

              #index .indexLead .loginPanel .loginPanel_login input[type="password"]::-ms-input-placeholder {

                font-size: 12px; }

              #index .indexLead .loginPanel .loginPanel_login input[type="email"]::placeholder,

              #index .indexLead .loginPanel .loginPanel_login input[type="password"]::placeholder {

                font-size: 12px; } }

        #index .indexLead .loginPanel .loginPanel_login .autoLogin {

          margin-bottom: 10px;

          font-size: 12px;

          line-height: 1; }

          @media (max-width: 768px) {

            #index .indexLead .loginPanel .loginPanel_login .autoLogin {

              margin-bottom: 15px;

              font-size: 14px; } }

          #index .indexLead .loginPanel .loginPanel_login .autoLogin label {

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -webkit-box-align: center;

                -ms-flex-align: center;

                    align-items: center;

            -webkit-box-pack: center;

                -ms-flex-pack: center;

                    justify-content: center; }

        #index .indexLead .loginPanel .loginPanel_login .loginBtn {

          margin-bottom: 10px;

          position: relative; }

          #index .indexLead .loginPanel .loginPanel_login .loginBtn:hover span {

            background: #b2dae7;

            text-decoration: underline; }

          #index .indexLead .loginPanel .loginPanel_login .loginBtn input {

            position: absolute;

            top: 0;

            right: 0;

            bottom: 0;

            left: 0;

            width: 100%;

            background: none;

            border: none;

            text-indent: -200%;

            overflow: hidden;

            cursor: pointer; }

        #index .indexLead .loginPanel .loginPanel_login .passwordReminder {

          font-size: 12px; }

          @media (max-width: 768px) {

            #index .indexLead .loginPanel .loginPanel_login .passwordReminder {

              font-size: 14px; } }

          #index .indexLead .loginPanel .loginPanel_login .passwordReminder a {

            text-decoration: underline; }

            #index .indexLead .loginPanel .loginPanel_login .passwordReminder a:hover {

              color: #ff3333; }

      #index .indexLead .loginPanel .loginPanel_signup {

        padding: 15px 20px;

        background: #f5f5f5; }

        @media (max-width: 768px) {

          #index .indexLead .loginPanel .loginPanel_signup {

            padding: 20px; } }

        #index .indexLead .loginPanel .loginPanel_signup .signupBtn {

          margin-bottom: 10px; }

        #index .indexLead .loginPanel .loginPanel_signup .signupFlow {

          font-size: 12px; }

          #index .indexLead .loginPanel .loginPanel_signup .signupFlow a {

            text-decoration: underline; }

            #index .indexLead .loginPanel .loginPanel_signup .signupFlow a:hover {

              color: #ff3333; }

          @media (max-width: 768px) {

            #index .indexLead .loginPanel .loginPanel_signup .signupFlow {

              font-size: 14px; } }

  #index .indexAbout p {

    margin-bottom: 40px; }

  #index .indexAbout .btnMore {

    margin: 0 auto;

    max-width: 330px; }

  #index .indexRecommend .sectionInner {

    background: #f5f5f5; }

  #index .indexRecommend .btnMore {

    margin: 0 auto;

    max-width: 330px; }

    @media (max-width: 768px) {

      #index .indexRecommend .btnMore {

        max-width: 100%; } }

    #index .indexRecommend .btnMore_regist a {

      height: 60px; }

      @media (max-width: 768px) {

        #index .indexRecommend .btnMore_regist a {

          height: 50px; } }

      #index .indexRecommend .btnMore_regist a[target="_blank"]:after {

        background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png"); }

  #index .indexWeather .indexWeather_inner {

    margin: 0 -20px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    @media (max-width: 768px) {

      #index .indexWeather .indexWeather_inner {

        display: block; } }

    #index .indexWeather .indexWeather_inner .innnerColumn {

      padding: 0 20px;

      width: 50%; }

      @media (max-width: 768px) {

        #index .indexWeather .indexWeather_inner .innnerColumn {

          width: 100%; } }

  #index .indexWeather .indexWeather_head {

    margin-bottom: 30px; }

    @media (max-width: 768px) {

      #index .indexWeather .indexWeather_head {

        margin-bottom: 10px;

        text-align: center; } }

    #index .indexWeather .indexWeather_head h3 {

      margin-right: 5px;

      display: inline-block;

      vertical-align: middle;

      font-size: 24px;

      line-height: 1.2; }

      @media (max-width: 768px) {

        #index .indexWeather .indexWeather_head h3 {

          font-size: 18px; } }

      #index .indexWeather .indexWeather_head h3 em {

        margin-right: 5px;

        padding: 3px 15px;

        display: inline-block;

        background: #ffffff;

        font-style: normal; }

    #index .indexWeather .indexWeather_head p {

      display: inline-block;

      font-size: 12px; }

  #index .indexWeather .indexWeather_data {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    position: relative; }

    @media (max-width: 768px) {

      #index .indexWeather .indexWeather_data {

        margin: 0 -5px 40px; } }

    #index .indexWeather .indexWeather_data dl {

      width: 126px;

      background: white;

      text-align: center; }

      @media (max-width: 768px) {

        #index .indexWeather .indexWeather_data dl {

          margin: 0 5px;

          width: 33.333%; } }

      #index .indexWeather .indexWeather_data dl dt {

        background: #333333;

        color: #ffffff;

        font-size: 12px;

        font-weight: bold; }

        @media (max-width: 768px) {

          #index .indexWeather .indexWeather_data dl dt {

            font-size: 10px; } }

      #index .indexWeather .indexWeather_data dl dd {

        font-weight: 300;

        height: 106px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -ms-flex-line-pack: center;

            align-content: center; }

        @media (max-width: 768px) {

          #index .indexWeather .indexWeather_data dl dd {

            height: 88px; } }

        #index .indexWeather .indexWeather_data dl dd .weatherIcon {

          margin-top: -0.4em;

          width: 60px;

          height: 60px; }

        #index .indexWeather .indexWeather_data dl dd .weatherPercent {

          width: 100%;

          line-height: 1;

          font-size: 60px; }

          @media (max-width: 768px) {

            #index .indexWeather .indexWeather_data dl dd .weatherPercent {

              font-size: 40px; } }

          #index .indexWeather .indexWeather_data dl dd .weatherPercent small {

            font-size: 0.5em; }

          #index .indexWeather .indexWeather_data dl dd .weatherPercent .tempHigh {

            color: #fa5f5f; }

          #index .indexWeather .indexWeather_data dl dd .weatherPercent .tempLow {

            color: #3c96f0; }

        #index .indexWeather .indexWeather_data dl dd .dataCaution {

          font-size: 10px;

          line-height: 1;

          color: #fff;

          position: absolute;

          left: 0;

          bottom: -1.3em;

          text-shadow: 1px 0px 2px #000, 0px 1px 2px #000, -1px 0px 2px #000, 0px -1px 2px #000; }

          @media (max-width: 768px) {

            #index .indexWeather .indexWeather_data dl dd .dataCaution {

              padding: 0 5px;

              color: #000000;

              text-shadow: none; } }

    #index .indexWeather .indexWeather_data .wehaterFine dd .weatherPercent {

      font-size: 22px;

      font-weight: 400; }

  #index .indexWeather .indexWeather_desc {

    margin-bottom: 40px; }

  #index .indexWeather .btnMore {

    max-width: 300px; }

    @media (max-width: 768px) {

      #index .indexWeather .btnMore {

        max-width: 100%; } }

    #index .indexWeather .btnMore_regist a {

      height: 60px; }

      @media (max-width: 768px) {

        #index .indexWeather .btnMore_regist a {

          height: 50px; } }

      #index .indexWeather .btnMore_regist a[target="_blank"]:after {

        background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png"); }

  #index .indexUseful .indexUseful_caption {

    margin-bottom: 40px;

    text-align: center; }

    @media (max-width: 768px) {

      #index .indexUseful .indexUseful_caption {

        text-align: left; } }

  #index .indexUseful .btnMore {

    margin: 0 auto;

    max-width: 330px; }

    @media (max-width: 768px) {

      #index .indexUseful .btnMore {

        max-width: 100%; } }

    #index .indexUseful .btnMore_regist a {

      height: 60px; }

      @media (max-width: 768px) {

        #index .indexUseful .btnMore_regist a {

          height: 50px; } }

      #index .indexUseful .btnMore_regist a[target="_blank"]:after {

        background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png"); }

  #index .indexProductList .productRegistBtn {

    margin-bottom: 20px;

    max-width: 300px; }

    @media (max-width: 768px) {

      #index .indexProductList .productRegistBtn {

        max-width: 100%; } }

    #index .indexProductList .productRegistBtn span {

      height: 60px;

      font-size: 16px;

      color: #ffffff;

      background: #1db8f2; }

  #index .indexProductList .g-btn {

    padding-top: 8px;

    padding-bottom: 8px;

    background: #c5e3ed;

    color: #2364a0; }

    #index .indexProductList .g-btn:before {

      content: none; }

    #index .indexProductList .g-btn:hover {

      background: #b2dae7; }



#about {

  /**

   * CLUB DAIKIN会員登録のメリット

   */

  /**

   * ご購入製品登録のメリット

   */

  /**

   * 会員登録方法

   */

  /**

   * 製品登録方法のご案内

   */ }

  #about .aboutLead {

    padding: 80px 0;

    background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/about/lead_bg jpg") no-repeat center center;

    background-size: cover; }

    @media (max-width: 768px) {

      #about .aboutLead {

        padding: 40px 0; } }

    #about .aboutLead h3 {

      margin: 0 auto;

      max-width: 529px; }

      @media (max-width: 768px) {

        #about .aboutLead h3 {

          max-width: 322px; } }

      #about .aboutLead h3 img {

        display: block; }

  #about section {

    margin-top: -80px;

    padding-top: 80px; }

    @media (max-width: 768px) {

      #about section {

        margin-top: 0px;

        padding-top: 0px; } }

    #about section .sectionInner {

      padding: 40px 0; }

  #about .aboutFlow article {

    margin-bottom: 40px;

    padding-bottom: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    border-bottom: 1px dotted #ccc; }

    @media (max-width: 768px) {

      #about .aboutFlow article {

        margin-bottom: 20px;

        padding-bottom: 20px;

        -webkit-box-orient: vertical;

        -webkit-box-direction: reverse;

            -ms-flex-direction: column-reverse;

                flex-direction: column-reverse;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap; } }

    #about .aboutFlow article .articlePhoto {

      width: 38.54167%; }

      @media (max-width: 768px) {

        #about .aboutFlow article .articlePhoto {

          width: 100%; } }

    #about .aboutFlow article .articleText {

      width: 57.29167%;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

      @media (max-width: 768px) {

        #about .aboutFlow article .articleText {

          margin-bottom: 10px;

          width: 100%;

          -ms-flex-wrap: nowrap;

              flex-wrap: nowrap;

          -webkit-box-align: start;

              -ms-flex-align: start;

                  align-items: flex-start;

          line-height: 1.4; } }

      #about .aboutFlow article .articleText:before {

        margin-right: 20px;

        content: attr(data-num);

        float: left;

        display: inline-block;

        width: 40px;

        height: 40px;

        line-height: 40px;

        background: #000;

        color: #ffffff;

        text-align: center; }

      #about .aboutFlow article .articleText .articleText_inner {

        font-size: 16px; }

        @media (max-width: 768px) {

          #about .aboutFlow article .articleText .articleText_inner {

            width: calc(100% - 60px);

            display: -webkit-box;

            display: -ms-flexbox;

            display: flex;

            -ms-flex-wrap: wrap;

                flex-wrap: wrap;

            -webkit-box-align: center;

                -ms-flex-align: center;

                    align-items: center;

            min-height: 40px; } }

        #about .aboutFlow article .articleText .articleText_inner .flowNotice {

          margin-top: 10px;

          font-size: 12px; }

          #about .aboutFlow article .articleText .articleText_inner .flowNotice ul li {

            margin-left: 1.5em;

            list-style: disc; }

  #about .btnRegist .btnRegist_caution {

    margin-bottom: 20px;

    text-align: center; }

  #about .btnRegist .btnRegist_btn {

    margin: 0 auto 20px;

    width: 330px; }

    @media (max-width: 768px) {

      #about .btnRegist .btnRegist_btn {

        width: 100%; } }

    #about .btnRegist .btnRegist_btn a {

      height: 60px; }

  #about .aboutMemberMerit h3 span {

    margin: 0 5px; }

    @media (max-width: 768px) {

      #about .aboutMemberMerit h3 span {

        display: inline-block; } }

  #about .aboutMemberMerit article {

    margin-top: -120px;

    padding-top: 120px;

    margin-bottom: 40px;

    padding-bottom: 40px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    border-bottom: 1px dotted #ccc; }

    @media (max-width: 768px) {

      #about .aboutMemberMerit article {

        margin-top: 0;

        padding-top: 0;

        margin-bottom: 20px;

        padding-bottom: 20px;

        display: block; } }

    #about .aboutMemberMerit article .articlePhoto {

      width: 38.54167%; }

      @media (max-width: 768px) {

        #about .aboutMemberMerit article .articlePhoto {

          margin-bottom: 10px;

          width: 100%; } }

    #about .aboutMemberMerit article .articleText {

      width: 57.29167%; }

      @media (max-width: 768px) {

        #about .aboutMemberMerit article .articleText {

          width: 100%; } }

      #about .aboutMemberMerit article .articleText h4 {

        margin-bottom: 20px;

        font-size: 20px;

        font-weight: bold; }

        @media (max-width: 768px) {

          #about .aboutMemberMerit article .articleText h4 {

            margin-bottom: 10px;

            padding-right: 20px;

            line-height: 1.5; } }

        #about .aboutMemberMerit article .articleText h4 strong {

          color: #2364a0; }

  #about .aboutMemberMerit .cautionText {

    margin: -30px 0 20px;

    font-size: 10px;

    text-align: right; }

    @media (max-width: 768px) {

      #about .aboutMemberMerit .cautionText {

        margin: 0 0 20px 0;

        text-align: center; } }

  #about .aboutProductMerit .sectionInner {

    background: #f5f5f5; }

  #about .aboutProductMerit .leadText {

    margin-bottom: 40px;

    text-align: center; }

  #about .aboutProductMerit .aboutProductMerit_inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

            box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);

    overflow: hidden; }

    @media (max-width: 768px) {

      #about .aboutProductMerit .aboutProductMerit_inner {

        display: block; } }

    #about .aboutProductMerit .aboutProductMerit_inner article {

      width: 50%;

      -webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);

              box-shadow: -1px -1px 0 rgba(0, 0, 0, 0.15);

      position: relative;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column; }

      @media (max-width: 768px) {

        #about .aboutProductMerit .aboutProductMerit_inner article {

          width: 100%; } }

      #about .aboutProductMerit .aboutProductMerit_inner article h4 {

        padding: 40px;

        text-indent: -1em; }

        @media (max-width: 768px) {

          #about .aboutProductMerit .aboutProductMerit_inner article h4 {

            padding: 30px 40px; } }

        #about .aboutProductMerit .aboutProductMerit_inner article h4:before {

          margin-right: 0.5em;

          content: "「"; }

        #about .aboutProductMerit .aboutProductMerit_inner article h4:after {

          margin-left: 0.5em;

          content: "」"; }

      #about .aboutProductMerit .aboutProductMerit_inner article p {

        padding: 20px 40px;

        background: rgba(197, 227, 237, 0.6);

        -webkit-box-flex: 2;

            -ms-flex-positive: 2;

                flex-grow: 2;

        font-size: 16px;

        font-weight: bold; }

        @media (max-width: 768px) {

          #about .aboutProductMerit .aboutProductMerit_inner article p {

            padding: 20px; } }

    #about .aboutProductMerit .aboutProductMerit_inner .aboutProductMerit_kanri {

      background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/about/product_merit_bg_kanri jpg") no-repeat right top;

      background-size: cover; }

    #about .aboutProductMerit .aboutProductMerit_inner .aboutProductMerit_manual {

      background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/about/product_merit_bg_manual jpg") no-repeat right top;

      background-size: cover; }

    #about .aboutProductMerit .aboutProductMerit_inner .aboutProductMerit_parts {

      background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/about/product_merit_bg_parts jpg") no-repeat right top;

      background-size: cover; }

    #about .aboutProductMerit .aboutProductMerit_inner .aboutProductMerit_support {

      background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/about/product_merit_bg_support jpg") no-repeat right top;

      background-size: cover; }

  #about .aboutMemberFlow {

    margin-bottom: 80px; }

    @media (max-width: 768px) {

      #about .aboutMemberFlow {

        margin-bottom: 40px; } }

    #about .aboutMemberFlow .leadText {

      margin-bottom: 40px;

      text-align: center; }

    #about .aboutMemberFlow .aboutMemberFlow_inner {

      margin-bottom: 40px; }

      #about .aboutMemberFlow .aboutMemberFlow_inner_1 .articleText_inner {

        width: 100%; }

  #about .aboutProductFlow .leadText {

    margin-bottom: 40px;

    text-align: center; }

  #about .aboutProductFlow .aboutProductFlow_inner_1 .articleText:before {

    margin-bottom: 10px; }

  #about .aboutProductFlow .aboutProductFlow_inner_1 .articleText p {

    margin-bottom: 10px;

    width: 100%; }

  #about .aboutProductFlow .aboutProductFlow_inner_1 .articleText dl {

    margin-bottom: 10px;

    padding: 10px;

    font-size: 12px;

    border: 1px solid #ccc; }



/**

 * ご購入製品の登録 個別ページ

 */

#products .productsContent {

  padding-top: 40px; }



#products h3 {

  margin-bottom: 20px;

  font-size: 18px;

  font-weight: bold; }



#products section {

  margin-top: -80px;

  padding-top: 80px; }

  @media (max-width: 768px) {

    #products section {

      margin-top: -50px;

      padding-top: 50px; } }

  #products section .sectionInner {

    padding: 40px 0; }



#products .productsDetail .g-btn {

  padding-top: 5px;

  padding-bottom: 5px;

  background: #c5e3ed;

  font-size: 12px;

  color: #2364a0;

  white-space: normal; }

  @media (max-width: 768px) {

    #products .productsDetail .g-btn {

      font-size: 10px; } }

  #products .productsDetail .g-btn:before {

    content: none; }

  #products .productsDetail .g-btn:after {

    content: "";

    margin-left: 0.5em;

    display: inline-block;

    width: 10px;

    height: 9px;

    background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_1 png");

    background-repeat: no-repeat;

    background-position: 0 0;

    background-size: contain; }

  #products .productsDetail .g-btn:hover {

    background: #b2dae7; }



#products .productsDetail table {

  margin-bottom: 20px; }

  #products .productsDetail table th, #products .productsDetail table td {

    padding: 15px;

    border: 1px solid #ddd; }

    @media (max-width: 768px) {

      #products .productsDetail table th, #products .productsDetail table td {

        width: 10px;

        font-size: 12px; } }

  #products .productsDetail table th {

    border-left: none;

    border-right: none;

    background: #f5f5f5;

    color: #666666; }

    #products .productsDetail table th[rowspan] {

      border-right: 1px solid #ddd; }

  #products .productsDetail table td {

    border-left: none;

    border-right: none; }



#products .productsDetail .productsDetail_btn {

  margin-bottom: 20px;

  text-align: center;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }

  @media (max-width: 768px) {

    #products .productsDetail .productsDetail_btn {

      margin: 0 -5px 10px; } }

  #products .productsDetail .productsDetail_btn li {

    margin: 0 10px;

    position: relative;

    display: inline-block; }

    @media (max-width: 768px) {

      #products .productsDetail .productsDetail_btn li {

        margin: 0 5px;

        width: 50%; } }

    #products .productsDetail .productsDetail_btn li span {

      width: 200px; }

      @media (max-width: 768px) {

        #products .productsDetail .productsDetail_btn li span {

          width: 100%; } }

    #products .productsDetail .productsDetail_btn li:hover span {

      background: #b2dae7;

      text-decoration: underline; }

    #products .productsDetail .productsDetail_btn li input {

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      left: 0;

      width: 100%;

      background: none;

      border: none;

      text-indent: -200%;

      overflow: hidden;

      cursor: pointer; }

    #products .productsDetail .productsDetail_btn li.btnDelete:hover span {

      background: #ccc; }

    #products .productsDetail .productsDetail_btn li.btnBack {

      width: 300px;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap; }

      @media (max-width: 768px) {

        #products .productsDetail .productsDetail_btn li.btnBack {

          width: 100%; } }



#products .productsSolution h3 {

  margin-bottom: 0; }



#products .productsSolution .leadText {

  margin-bottom: 20px; }

  #products .productsSolution .leadText .leadText_caution {

    font-size: 12px;

    text-align: right; }

    @media (max-width: 768px) {

      #products .productsSolution .leadText .leadText_caution {

        text-align: left; } }



#products .productsSolution .solutionList article {

  margin-bottom: 40px; }

  #products .productsSolution .solutionList article h4 {

    margin-bottom: 15px;

    padding: 10px;

    font-weight: bold;

    background: #37474f;

    color: #fff;

    line-height: 1.2; }

  #products .productsSolution .solutionList article dl {

    margin-bottom: 15px;

    padding-bottom: 15px;

    border-bottom: 1px dotted #ccc;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; }

    @media (max-width: 768px) {

      #products .productsSolution .solutionList article dl {

        display: block; } }

    @media (max-width: 768px) {

      #products .productsSolution .solutionList article dl dt {

        margin-bottom: 10px; } }

    #products .productsSolution .solutionList article dl dt:before {

      margin-right: 10px;

      content: '';

      display: inline-block;

      width: 24px;

      height: 24px;

      background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_hatena png") no-repeat 0 0;

      background-size: contain;

      vertical-align: middle; }

    #products .productsSolution .solutionList article dl dd {

      font-weight: bold;

      text-align: right; }

      @media (max-width: 768px) {

        #products .productsSolution .solutionList article dl dd {

          text-align: left; } }

      @media (max-width: 768px) {

        #products .productsSolution .solutionList article dl dd a {

          padding: 10px;

          display: block;

          border: 1px solid #39c;

          border-radius: 3px;

          text-align: center; } }

      #products .productsSolution .solutionList article dl dd a:before {

        margin-right: 10px;

        content: '';

        display: inline-block;

        width: 24px;

        height: 24px;

        background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_light png") no-repeat 0 0;

        background-size: contain;

        vertical-align: middle; }



.recommendList {

  margin: 0 -20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  @media (max-width: 768px) {

    .recommendList {

      margin: 0;

      display: block; } }

  .recommendList article {

    margin-bottom: 40px;

    padding: 0 20px;

    width: 33.333%; }

    @media (max-width: 768px) {

      .recommendList article {

        margin-bottom: 20px;

        padding: 0 0 20px 0;

        width: 100%;

        border-bottom: 1px dotted #ccc; }

        .recommendList article:last-child {

          border-bottom: none; } }

    .recommendList article a {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between;

      height: 100%;

      color: #000000; }

      @media (max-width: 768px) {

        .recommendList article a {

          -webkit-box-orient: horizontal;

          -webkit-box-direction: normal;

              -ms-flex-direction: row;

                  flex-direction: row; } }

    .recommendList article .articlePhoto {

      width: 100%;

      min-height: 0%; }

      @media (max-width: 768px) {

        .recommendList article .articlePhoto {

          padding-right: 10px;

          width: 40%; } }

      .recommendList article .articlePhoto img {

        display: block; }

    .recommendList article .articleInfo {

      padding: 15px 20px 60px;

      width: 100%;

      background: #ffffff;

      -webkit-box-flex: 2;

          -ms-flex-positive: 2;

              flex-grow: 2;

      position: relative; }

      @media (max-width: 768px) {

        .recommendList article .articleInfo {

          padding: 0;

          width: 60%;

          background: none; } }

      .recommendList article .articleInfo h3 {

        font-size: 14px;

        font-weight: bold;

        line-height: 1.6; }

        @media (max-width: 768px) {

          .recommendList article .articleInfo h3 {

            margin-bottom: 5px;

            line-height: 1.5;

            font-weight: normal; } }

      .recommendList article .articleInfo .articleBtn {

        padding: 0 20px;

        position: absolute;

        left: 0;

        bottom: 20px;

        width: 100%; }

        @media (max-width: 768px) {

          .recommendList article .articleInfo .articleBtn {

            padding: 0;

            position: static; } }

        .recommendList article .articleInfo .articleBtn span {

          height: 25px;

          font-size: 10px; }

          .recommendList article .articleInfo .articleBtn span:after {

            content: "";

            margin-left: 0.5em;

            display: inline-block;

            width: 10px;

            height: 9px;

            background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_1 png");

            background-repeat: no-repeat;

            background-position: 0 0;

            background-size: contain; }

          .recommendList article .articleInfo .articleBtn span.not-icon:after {

            content: none; }



/**

 * おすすめ情報 個別ページ

 */

#recommend .recommendContents {

  padding-top: 40px; }



#recommend .recommendList article .articleInfo {

  background: #f5f5f5; }

  @media (max-width: 768px) {

    #recommend .recommendList article .articleInfo {

      background: #ffffff; } }



/**

 * 時間・天気 背景分岐

 */

.weatherBg {

  background-repeat: no-repeat;

  background-position: center bottom;

  background-size: cover; }



.weatherBg-day-fine {

  background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/weather_day_fine jpg"); }



/**

 * 空気指数

 */

#weather .weatherBg {

  padding-bottom: 180px; }

  @media (max-width: 768px) {

    #weather .weatherBg {

      padding-bottom: 160px; } }



#weather .pt {

  background: none; }



#weather .todayInfo {

  text-align: center; }

  #weather .todayInfo h3 {

    margin-bottom: 15px;

    font-size: 70px;

    font-weight: 300;

    line-height: 1; }

    #weather .todayInfo h3 span {

      margin-left: 5px;

      font-size: 24px; }

  #weather .todayInfo .todayInfo_area {

    margin-bottom: 15px;

    font-size: 30px; }

    #weather .todayInfo .todayInfo_area strong {

      margin-right: 5px;

      padding: 0 15px;

      font-weight: normal;

      background: #ffffff;

      -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

              box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);

      border-radius: 3px; }

  #weather .todayInfo .todayInfo_detail {

    margin-bottom: 15px;

    font-size: 12px; }

  #weather .todayInfo .todayInfo_btn {

    margin: 0 auto;

    width: 255px; }

    @media (max-width: 768px) {

      #weather .todayInfo .todayInfo_btn {

        width: 100%; } }



#weather .weatherData {

  margin: -120px -10px 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  #weather .weatherData article {

    display: none;

    margin-bottom: 40px;

    width: 25%;

    padding: 0 20px; }

    @media (max-width: 768px) {

      #weather .weatherData article {

        margin-bottom: 20px;

        padding: 0 10px;

        width: 50%; } }

    #weather .weatherData article.is-show {

      display: block; }

    #weather .weatherData article .articleInner {

      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

              box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

    #weather .weatherData article h4 {

      background: #f07882;

      color: #ffffff;

      height: 30px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

      @media (max-width: 768px) {

        #weather .weatherData article h4 {

          height: 22px;

          font-size: 10px; } }

    #weather .weatherData article .weatherData_icon {

      height: 100px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      background: #ffffff; }

      @media (max-width: 768px) {

        #weather .weatherData article .weatherData_icon {

          height: 75px; } }

      #weather .weatherData article .weatherData_icon p {

        width: 70px; }

        @media (max-width: 768px) {

          #weather .weatherData article .weatherData_icon p {

            width: 50px; } }

        #weather .weatherData article .weatherData_icon p img {

          display: block; }

    #weather .weatherData article .weatherData_info {

      background: #f5f5f5;

      height: 80px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center;

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center;

      text-align: center; }

      @media (max-width: 768px) {

        #weather .weatherData article .weatherData_info {

          height: 60px; } }

      #weather .weatherData article .weatherData_info .tempHigh {

        color: #fa5f5f; }

      #weather .weatherData article .weatherData_info .tempLow {

        color: #3c96f0; }

      #weather .weatherData article .weatherData_info p {

        font-size: 30px;

        font-weight: 300;

        line-height: 1.2; }

      #weather .weatherData article .weatherData_info .infoWord {

        font-size: 18px; }

      #weather .weatherData article .weatherData_info dl {

        margin: 0 5px;

        line-height: 1; }

        #weather .weatherData article .weatherData_info dl dt {

          margin-bottom: 5px;

          font-size: 10px; }

        #weather .weatherData article .weatherData_info dl dd {

          font-size: 30px;

          font-weight: 300; }

          @media (max-width: 768px) {

            #weather .weatherData article .weatherData_info dl dd {

              font-size: 22px; } }

      #weather .weatherData article .weatherData_info small {

        font-size: 0.7em; }

      #weather .weatherData article .weatherData_info .dataCaution {

        font-size: 10px;

        width: 100%; }

        @media (max-width: 768px) {

          #weather .weatherData article .weatherData_info .dataCaution {

            font-size: 7px; } }

  @media (max-width: 768px) {

    #weather .weatherData #weather-daily {

      margin: 0 auto 20px; } }

  #weather .weatherData #weather-weekly {

    margin-top: -1.5em;

    width: 75%; }

    @media (max-width: 768px) {

      #weather .weatherData #weather-weekly {

        margin-top: 0;

        margin-left: -10px;

        margin-right: -10px;

        padding: 0;

        width: calc(100% + 20px);

        position: relative; } }

    #weather .weatherData #weather-weekly .articleInner {

      -webkit-box-shadow: none;

              box-shadow: none; }

    #weather .weatherData #weather-weekly .weatherData_weeklyHead {

      font-size: 12px;

      color: #c05a62;

      text-align: center;

      position: relative; }

      @media (max-width: 768px) {

        #weather .weatherData #weather-weekly .weatherData_weeklyHead {

          margin: 0 20px; } }

      #weather .weatherData #weather-weekly .weatherData_weeklyHead:before, #weather .weatherData #weather-weekly .weatherData_weeklyHead:after {

        content: '';

        display: inline-block;

        width: 42%;

        height: 1px;

        background: #c05a62;

        position: absolute;

        top: 49%; }

        @media (max-width: 768px) {

          #weather .weatherData #weather-weekly .weatherData_weeklyHead:before, #weather .weatherData #weather-weekly .weatherData_weeklyHead:after {

            width: 35%; } }

      #weather .weatherData #weather-weekly .weatherData_weeklyHead:before {

        left: 0; }

      #weather .weatherData #weather-weekly .weatherData_weeklyHead:after {

        right: 0; }

    @media (max-width: 768px) {

      #weather .weatherData #weather-weekly .weatherData_weeklyScrollWrap {

        padding: 3px 0;

        width: 100%;

        overflow-x: scroll;

        -webkit-overflow-scrolling: touch; } }

    @media (max-width: 768px) {

      #weather .weatherData #weather-weekly .weatherData_weeklyScrollWrap .weatherData_weeklyScrollInner {

        padding: 0 20px;

        width: 200%; } }

    #weather .weatherData #weather-weekly .weatherData_weeklyInner {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);

              box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

      @media (max-width: 768px) {

        #weather .weatherData #weather-weekly .weatherData_weeklyInner {

          width: 100%; } }

      #weather .weatherData #weather-weekly .weatherData_weeklyInner li {

        width: 1666.66667%; }

        #weather .weatherData #weather-weekly .weatherData_weeklyInner li h4 {

          font-size: 12px; }

        #weather .weatherData #weather-weekly .weatherData_weeklyInner li + li {

          -webkit-box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);

                  box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1); }

        #weather .weatherData #weather-weekly .weatherData_weeklyInner li .weatherData_info p {

          font-size: 20px; }

          @media (max-width: 768px) {

            #weather .weatherData #weather-weekly .weatherData_weeklyInner li .weatherData_info p {

              font-size: 18px; } }



#weather .bottomInfo {

  padding: 0 10px; }

  @media (max-width: 768px) {

    #weather .bottomInfo {

      padding: 0; } }

  #weather .bottomInfo .weatherNotice {

    margin-bottom: 30px;

    font-size: 12px; }

  #weather .bottomInfo .weatherDesc {

    margin-bottom: 20px; }

    #weather .bottomInfo .weatherDesc p {

      margin-bottom: 15px;

      padding-left: 7px;

      font-weight: bold;

      border-left: 2px solid #000;

      line-height: 1.2; }

    #weather .bottomInfo .weatherDesc table {

      border-collapse: collapse;

      width: 100%; }

      #weather .bottomInfo .weatherDesc table th, #weather .bottomInfo .weatherDesc table td {

        padding: 7px 15px;

        border: 1px solid #ddd;

        text-align: left;

        font-size: 12px;

        font-weight: normal; }

      #weather .bottomInfo .weatherDesc table th {

        background: #f5f5f5;

        width: 20%; }

  #weather .bottomInfo .inputApi {

    text-align: right; }



#weather .weatherSetting {

  padding: 20px;

  display: none;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 999;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }

  #weather .weatherSetting.is-show {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

  #weather .weatherSetting .weatherSetting_bg {

    background: rgba(0, 0, 0, 0.8);

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0; }

  #weather .weatherSetting .weatherSetting_inner {

    padding: 20px;

    width: 600px;

    background: #ffffff;

    z-index: 1; }

    @media (max-width: 768px) {

      #weather .weatherSetting .weatherSetting_inner {

        padding: 10px; } }

    #weather .weatherSetting .weatherSetting_inner section {

      margin-bottom: 20px;

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -ms-flex-wrap: wrap;

          flex-wrap: wrap;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between; }

      #weather .weatherSetting .weatherSetting_inner section h2 {

        margin-bottom: 20px;

        padding: 5px;

        width: 100%;

        background: #37474f;

        color: #ffffff;

        font-weight: bold;

        text-align: center; }

        @media (max-width: 768px) {

          #weather .weatherSetting .weatherSetting_inner section h2 {

            margin-bottom: 10px;

            padding: 3px; } }

      #weather .weatherSetting .weatherSetting_inner section article {

        width: 48.5%; }

        #weather .weatherSetting .weatherSetting_inner section article h3 {

          margin-bottom: 5px;

          font-size: 12px;

          font-weight: bold; }

        #weather .weatherSetting .weatherSetting_inner section article select {

          padding: 5px;

          width: 100%; }

          @media (max-width: 768px) {

            #weather .weatherSetting .weatherSetting_inner section article select {

              font-size: 16px; } }

      #weather .weatherSetting .weatherSetting_inner section.settingItem {

        margin-bottom: 40px; }

        @media (max-width: 768px) {

          #weather .weatherSetting .weatherSetting_inner section.settingItem {

            margin-bottom: 20px; } }

        #weather .weatherSetting .weatherSetting_inner section.settingItem ul {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -ms-flex-wrap: wrap;

              flex-wrap: wrap;

          border-top: 1px solid #ddd;

          border-left: 1px solid #ddd;

          width: 100%; }

          #weather .weatherSetting .weatherSetting_inner section.settingItem ul li {

            width: 25%;

            border-right: 1px solid #ddd;

            border-bottom: 1px solid #ddd;

            line-height: 1.4; }

            @media (max-width: 768px) {

              #weather .weatherSetting .weatherSetting_inner section.settingItem ul li {

                width: 33.333%;

                line-height: 1.2; } }

            #weather .weatherSetting .weatherSetting_inner section.settingItem ul li input {

              display: none; }

            #weather .weatherSetting .weatherSetting_inner section.settingItem ul li label {

              display: block;

              height: 80px;

              display: -webkit-box;

              display: -ms-flexbox;

              display: flex;

              text-align: center;

              -webkit-box-align: center;

                  -ms-flex-align: center;

                      align-items: center;

              -webkit-box-pack: center;

                  -ms-flex-pack: center;

                      justify-content: center;

              cursor: pointer;

              background: #f5f5f5;

              color: #999;

              -webkit-transition: all .2s;

              transition: all .2s;

              position: relative; }

              @media (max-width: 768px) {

                #weather .weatherSetting .weatherSetting_inner section.settingItem ul li label {

                  height: 60px;

                  font-size: 12px; } }

              #weather .weatherSetting .weatherSetting_inner section.settingItem ul li label em {

                font-style: normal;

                font-size: 10px;

                font-weight: bold;

                position: absolute;

                bottom: 5px;

                left: 0;

                right: 0;

                text-align: center;

                color: #999; }

                @media (max-width: 768px) {

                  #weather .weatherSetting .weatherSetting_inner section.settingItem ul li label em {

                    font-size: 7px; } }

                #weather .weatherSetting .weatherSetting_inner section.settingItem ul li label em.sign-on {

                  display: none; }

                #weather .weatherSetting .weatherSetting_inner section.settingItem ul li label em.sign-off {

                  display: inline-block; }

            #weather .weatherSetting .weatherSetting_inner section.settingItem ul li input:checked + label {

              background: #fff;

              color: #333333; }

              #weather .weatherSetting .weatherSetting_inner section.settingItem ul li input:checked + label em.sign-on {

                display: inline-block; }

              #weather .weatherSetting .weatherSetting_inner section.settingItem ul li input:checked + label em.sign-off {

                display: none; }

      #weather .weatherSetting .weatherSetting_inner section.settingBtn ul {

        text-align: center;

        width: 100%;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center; }

        #weather .weatherSetting .weatherSetting_inner section.settingBtn ul li {

          margin: 0 5px;

          width: 200px; }

          @media (max-width: 768px) {

            #weather .weatherSetting .weatherSetting_inner section.settingBtn ul li {

              margin: 0;

              padding: 0 5px;

              width: 50%; } }



.usefulList {

  margin: 0 -20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }

  @media (max-width: 768px) {

    .usefulList {

      margin: 0 0 40px 0;

      display: block; } }

  .usefulList article {

    display: none;

    margin-bottom: 100px;

    padding: 0 20px;

    width: 33.333%;

    position: relative; }

    @media (max-width: 768px) {

      .usefulList article {

        margin-bottom: 30px;

        padding: 0;

        width: 100%; } }

    .usefulList article.is-show {

      display: block; }

    .usefulList article a {

      color: #000000;

      text-decoration: none; }

      @media (max-width: 768px) {

        .usefulList article a {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex; } }

      .usefulList article a:hover .articleInfo_btn span {

        background: #37474f;

        text-decoration: underline; }

    .usefulList article .articlePhoto {

      -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

              box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

      @media (max-width: 768px) {

        .usefulList article .articlePhoto {

          margin-right: -20px;

          width: 40.296%;

          -webkit-box-shadow: none;

                  box-shadow: none; } }

      .usefulList article .articlePhoto img {

        display: block; }

    .usefulList article .articleInfo {

      position: absolute;

      left: 30px;

      right: 30px;

      bottom: -60px; }

      @media (max-width: 768px) {

        .usefulList article .articleInfo {

          position: static;

          width: 65.671%; } }

      .usefulList article .articleInfo .articleTag {

        padding: 2px 0;

        width: 140px;

        background: rgba(79, 195, 247, 0.9);

        color: #ffffff;

        font-size: 12px;

        font-weight: bold;

        text-align: center; }

        @media (max-width: 768px) {

          .usefulList article .articleInfo .articleTag {

            font-size: 10px;

            width: 45.454%; } }

      .usefulList article .articleInfo .articleInfo_inner {

        padding: 15px 20px;

        background: rgba(255, 255, 255, 0.95);

        font-size: 14px;

        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

                box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

        position: relative; }

        .usefulList article .articleInfo .articleInfo_inner h3 {

          margin-bottom: 1em;

          font-weight: bold;

          line-height: 1.6; }

          @media (max-width: 768px) {

            .usefulList article .articleInfo .articleInfo_inner h3 {

              font-weight: normal; } }

      .usefulList article .articleInfo .articleInfo_tags {

        margin: 0 -5px 10px 0;

        font-size: 0; }

        .usefulList article .articleInfo .articleInfo_tags li {

          margin: 0 5px 5px 0;

          padding: 1px 5px;

          display: inline-block;

          font-size: 10px;

          border: 1px solid #ccc;

          border-radius: 3px; }

          .usefulList article .articleInfo .articleInfo_tags li:before {

            content: '#';

            display: inline; }

      .usefulList article .articleInfo .articleInfo_date {

        font-size: 10px;

        font-weight: bold; }

      .usefulList article .articleInfo .articleInfo_btn {

        position: absolute;

        right: 5px;

        bottom: -1em; }

        .usefulList article .articleInfo .articleInfo_btn span {

          width: 130px;

          height: 25px;

          border: none;

          background: rgba(55, 71, 79, 0.8);

          color: #ffffff;

          font-size: 12px; }

          @media (max-width: 768px) {

            .usefulList article .articleInfo .articleInfo_btn span {

              padding: 0;

              width: 110px;

              height: 20px;

              font-size: 10px; } }

          .usefulList article .articleInfo .articleInfo_btn span:after {

            content: "";

            margin-left: 0.5em;

            display: inline-block;

            width: 10px;

            height: 9px;

            background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png");

            background-repeat: no-repeat;

            background-position: 0 0;

            background-size: contain; }



/**

 * お役立ち記事 個別ページ

 */

#useful {

  margin-bottom: 0; }

  #useful .usefulContents {

    padding-top: 40px; }

  #useful .leadText {

    margin-bottom: 40px;

    text-align: center; }

    @media (max-width: 768px) {

      #useful .leadText {

        text-align: left; } }

  #useful .tagsList {

    margin-bottom: 20px;

    background: #f5f5f5;

    position: relative;

    z-index: 2; }

    @media (max-width: 768px) {

      #useful .tagsList {

        padding: 10px; } }

    #useful .tagsList .container {

      position: static; }

    @media (max-width: 768px) {

      #useful .tagsList .tagsList_pc {

        display: none; } }

    #useful .tagsList .tagsList_pc ul {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center; }

      #useful .tagsList .tagsList_pc ul li {

        width: 12.5%;

        font-size: 12px;

        line-height: 1.4;

        text-align: center; }

        #useful .tagsList .tagsList_pc ul li:hover {

          background: #eee; }

        #useful .tagsList .tagsList_pc ul li a,

        #useful .tagsList .tagsList_pc ul li span {

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-pack: center;

              -ms-flex-pack: center;

                  justify-content: center;

          -webkit-box-align: center;

              -ms-flex-align: center;

                  align-items: center;

          text-align: center;

          height: 80px;

          position: relative;

          color: #333333;

          cursor: pointer; }

        #useful .tagsList .tagsList_pc ul li span:before {

          content: "";

          display: inline-block;

          width: 7px;

          height: 11px;

          background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_arrow_2 png") no-repeat 0 0;

          background-size: cover;

          -webkit-transform: rotate(90deg) translateY(4px);

                  transform: rotate(90deg) translateY(4px);

          position: absolute;

          left: 50%;

          bottom: 5px; }

        #useful .tagsList .tagsList_pc ul li ul {

          padding: 0 10px;

          position: absolute;

          top: 80px;

          left: 0;

          width: 100%;

          height: 0;

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          -webkit-box-align: center;

              -ms-flex-align: center;

                  align-items: center;

          background: rgba(220, 220, 220, 0.9);

          overflow: hidden;

          -webkit-transition: all .3s;

          transition: all .3s; }

          #useful .tagsList .tagsList_pc ul li ul.is-show {

            height: 70px; }

          #useful .tagsList .tagsList_pc ul li ul li {

            margin: 0 5px;

            width: auto;

            border-right: none; }

            #useful .tagsList .tagsList_pc ul li ul li a {

              padding: 10px;

              font-size: 14px;

              height: auto; }

        #useful .tagsList .tagsList_pc ul li + li {

          border-left: 1px solid rgba(0, 0, 0, 0.1); }

    #useful .tagsList select {

      display: none;

      -webkit-appearance: none;

         -moz-appearance: none;

              appearance: none;

      padding: 10px;

      width: 100%;

      border: 1px solid #37474f;

      font-size: 16px;

      background: #fff url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_v png") no-repeat right 10px center;

      background-size: 12px 7px; }

      @media (max-width: 768px) {

        #useful .tagsList select {

          display: block; } }

  #useful .tagsList_bottom {

    margin-bottom: 0; }

    #useful .tagsList_bottom .tagsList_pc ul li span:before {

      top: 5px;

      bottom: auto;

      -webkit-transform: rotate(-90deg) translateY(-4px);

              transform: rotate(-90deg) translateY(-4px); }

    #useful .tagsList_bottom .tagsList_pc ul li ul {

      top: auto;

      bottom: 80px;

      -webkit-transform-origin: left bottom;

              transform-origin: left bottom; }

  #useful .usefulCate {

    margin-bottom: 30px;

    font-size: 26px;

    text-align: center; }

    @media (max-width: 768px) {

      #useful .usefulCate {

        font-size: 23px; } }

  #useful .usefulList {

    margin-bottom: 80px; }

    #useful .usefulList article .articleTag {

      display: none; }

    #useful .usefulList article .articleInfo_tags {

      display: block; }



/**

 * お役立ち記事 記事ページ

 */

#useful .usefulPost .usf-mb_0 {

  margin-bottom: 0px !important; }



#useful .usefulPost .usf-mb_5 {

  margin-bottom: 5px !important; }



#useful .usefulPost .usf-mb_10 {

  margin-bottom: 10px !important; }



#useful .usefulPost .usf-mb_15 {

  margin-bottom: 15px !important; }



#useful .usefulPost .usf-mb_20 {

  margin-bottom: 20px !important; }



#useful .usefulPost .usf-mb_25 {

  margin-bottom: 25px !important; }



#useful .usefulPost .usf-mb_30 {

  margin-bottom: 30px !important; }



#useful .usefulPost .usf-mb_35 {

  margin-bottom: 35px !important; }



#useful .usefulPost .usf-mb_40 {

  margin-bottom: 40px !important; }



#useful .usefulPost .usf-mb_45 {

  margin-bottom: 45px !important; }



#useful .usefulPost .usf-mb_50 {

  margin-bottom: 50px !important; }



#useful .usefulPost .usf-mb_55 {

  margin-bottom: 55px !important; }



#useful .usefulPost .usf-mb_60 {

  margin-bottom: 60px !important; }



#useful .usefulPost .usf-mb_65 {

  margin-bottom: 65px !important; }



#useful .usefulPost .usf-mb_70 {

  margin-bottom: 70px !important; }



#useful .usefulPost .usf-mb_75 {

  margin-bottom: 75px !important; }



#useful .usefulPost .usf-mb_80 {

  margin-bottom: 80px !important; }



#useful .usefulPost .usf-mb_85 {

  margin-bottom: 85px !important; }



#useful .usefulPost .usf-mb_90 {

  margin-bottom: 90px !important; }



#useful .usefulPost .usf-mb_95 {

  margin-bottom: 95px !important; }



#useful .usefulPost .usf-mb_100 {

  margin-bottom: 100px !important; }



@media (max-width: 768px) {

  #useful .usefulPost .usf-mb_0_sp {

    margin-bottom: 0px !important; }

  #useful .usefulPost .usf-mb_5_sp {

    margin-bottom: 5px !important; }

  #useful .usefulPost .usf-mb_10_sp {

    margin-bottom: 10px !important; }

  #useful .usefulPost .usf-mb_15_sp {

    margin-bottom: 15px !important; }

  #useful .usefulPost .usf-mb_20_sp {

    margin-bottom: 20px !important; }

  #useful .usefulPost .usf-mb_25_sp {

    margin-bottom: 25px !important; }

  #useful .usefulPost .usf-mb_30_sp {

    margin-bottom: 30px !important; }

  #useful .usefulPost .usf-mb_35_sp {

    margin-bottom: 35px !important; }

  #useful .usefulPost .usf-mb_40_sp {

    margin-bottom: 40px !important; }

  #useful .usefulPost .usf-mb_45_sp {

    margin-bottom: 45px !important; }

  #useful .usefulPost .usf-mb_50_sp {

    margin-bottom: 50px !important; }

  #useful .usefulPost .usf-mb_55_sp {

    margin-bottom: 55px !important; }

  #useful .usefulPost .usf-mb_60_sp {

    margin-bottom: 60px !important; }

  #useful .usefulPost .usf-mb_65_sp {

    margin-bottom: 65px !important; }

  #useful .usefulPost .usf-mb_70_sp {

    margin-bottom: 70px !important; }

  #useful .usefulPost .usf-mb_75_sp {

    margin-bottom: 75px !important; }

  #useful .usefulPost .usf-mb_80_sp {

    margin-bottom: 80px !important; }

  #useful .usefulPost .usf-mb_85_sp {

    margin-bottom: 85px !important; }

  #useful .usefulPost .usf-mb_90_sp {

    margin-bottom: 90px !important; }

  #useful .usefulPost .usf-mb_95_sp {

    margin-bottom: 95px !important; }

  #useful .usefulPost .usf-mb_100_sp {

    margin-bottom: 100px !important; } }



#useful .usefulPost .usf-visible_pc {

  display: block; }

  @media (max-width: 768px) {

    #useful .usefulPost .usf-visible_pc {

      display: none; } }



#useful .usefulPost .usf-visible_sp {

  display: none; }

  @media (max-width: 768px) {

    #useful .usefulPost .usf-visible_sp {

      display: block; } }



#useful .usefulPost .usf-arrow_01::before {

  content: '';

  padding-left: 5px;

  display: inline-block;

  width: 10px;

  height: 10px;

  background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_arrow_3 png") no-repeat 0 0;

  background-size: contain; }



#useful .usefulPost .usf-ta_center {

  text-align: center; }



#useful .usefulPost .usefulPost_header {

  margin-bottom: 40px; }

  #useful .usefulPost .usefulPost_header .date {

    margin-bottom: 10px; }

  #useful .usefulPost .usefulPost_header h3 {

    font-size: 34px;

    line-height: 1.4; }

    @media (max-width: 768px) {

      #useful .usefulPost .usefulPost_header h3 {

        font-size: 28px; } }



#useful .usefulPost .usefulPost_share {

  margin-bottom: 40px; }

  #useful .usefulPost .usefulPost_share ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex; }

    #useful .usefulPost .usefulPost_share ul li {

      width: 25%; }

      #useful .usefulPost .usefulPost_share ul li span, #useful .usefulPost .usefulPost_share ul li a {

        height: 40px;

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

            -ms-flex-pack: center;

                justify-content: center;

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center; }

      #useful .usefulPost .usefulPost_share ul li span {

        background: #333333;

        color: #ffffff;

        font-family: Arial, Helvetica, sans-serif; }

  #useful .usefulPost .usefulPost_share_tw a {

    background: #000; }

  #useful .usefulPost .usefulPost_share_fb a {

    background: #305097; }

  #useful .usefulPost .usefulPost_share_hb a {

    background: #00a3e1; }



#useful .usefulPost .usefulPost_contents {

  margin-bottom: 80px; }

  #useful .usefulPost .usefulPost_contents p {

    margin-bottom: 20px; }

  #useful .usefulPost .usefulPost_contents .usefulPost_point {

    border: 1px solid #e5e5e5; }

    #useful .usefulPost .usefulPost_contents .usefulPost_point_title {

      margin-bottom: 0;

      padding: 10px 0;

      background: #e5e5e5;

      text-align: center;

      font-family: Arial, Helvetica, sans-serif;

      font-size: 16px;

      letter-spacing: 0.2em; }

    #useful .usefulPost .usefulPost_contents .usefulPost_point ul {

      padding: 20px; }

      #useful .usefulPost .usefulPost_contents .usefulPost_point ul li {

        margin-left: 2em;

        list-style: disc; }

  #useful .usefulPost .usefulPost_contents .heading {

    text-align: center; }

    #useful .usefulPost .usefulPost_contents .heading h4 {

      margin-bottom: 35px;

      padding-bottom: 20px;

      display: inline-block;

      border-bottom: 2px solid #000;

      font-size: 30px;

      font-weight: bold;

      line-height: 1.4; }

      @media (max-width: 768px) {

        #useful .usefulPost .usefulPost_contents .heading h4 {

          font-size: 20px; } }



#useful .usefulPost .usefulPost_contact {

  background: #666666;

  color: #ffffff;

  position: relative; }

  #useful .usefulPost .usefulPost_contact_inner {

    padding: 40px 240px 40px 0; }

    @media (max-width: 768px) {

      #useful .usefulPost .usefulPost_contact_inner {

        padding: 20px 0; } }

    #useful .usefulPost .usefulPost_contact_inner::after {

      content: '';

      position: absolute;

      bottom: 0;

      right: 0;

      display: inline-block;

      width: 238px;

      height: 300px;

      background: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/useful/post/contact_photo png") no-repeat 0 0;

      background-size: contain; }

      @media (max-width: 768px) {

        #useful .usefulPost .usefulPost_contact_inner::after {

          content: none; } }

  #useful .usefulPost .usefulPost_contact_catch {

    padding-bottom: 5px;

    margin-bottom: 10px;

    border-bottom: 1px solid #fff; }

  #useful .usefulPost .usefulPost_contact h3 {

    font-size: 24px; }

    @media (max-width: 768px) {

      #useful .usefulPost .usefulPost_contact h3 {

        font-size: 20px; } }

  #useful .usefulPost .usefulPost_contact_text {

    margin-bottom: 15px; }

    @media (max-width: 768px) {

      #useful .usefulPost .usefulPost_contact_text {

        font-size: 12px; } }

  #useful .usefulPost .usefulPost_contact_btn a {

    display: inline-block;

    padding: 10px 20px;

    color: #ffffff;

    border: 1px solid #fff; }

    @media (max-width: 768px) {

      #useful .usefulPost .usefulPost_contact_btn a {

        width: 100%;

        font-size: 12px;

        text-align: center; } }

    #useful .usefulPost .usefulPost_contact_btn a[target="_blank"]:after {

      background-image: url("/-/media/Project/Daikin/ac_daikin_co_jp/clubdaikin/images/icn_blank_2 png"); }



#useful .usefulPost-001 .container {

  max-width: 650px; }



#useful .usefulPost-001 .o-heading_01 {

  padding: 2px 10px;

  background: #19a1cf;

  color: #ffffff;

  display: inline-block;

  text-align: center;

  border-radius: 5px; }



#useful .usefulPost-001 .o-heading_02 {

  padding: 2px 5px;

  display: inline-block;

  font-size: 0.8em;

  line-height: 1.2;

  border: 1px solid #333; }



#useful .usefulPost-001 .o-grid {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap; }



#useful .usefulPost-001 .o-products_wrap {

  padding: 20px;

  border: 1px solid #ccc; }



#useful .usefulPost-001 .o-products_inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center; }

  @media (max-width: 768px) {

    #useful .usefulPost-001 .o-products_inner {

      display: block; } }



#useful .usefulPost-001 .o-products_column {

  margin: 0 10px; }

  @media (max-width: 768px) {

    #useful .usefulPost-001 .o-products_column {

      margin: 0; } }

  #useful .usefulPost-001 .o-products_column:nth-child(1) {

    text-align: center; }

  @media (max-width: 768px) {

    #useful .usefulPost-001 .o-products_column img {

      margin: 0 auto;

      width: 40%; } }

  #useful .usefulPost-001 .o-products_column ul li {

    margin-left: 2em;

    list-style: disc; }



#useful .usefulPost-002 .container {

  max-width: 650px; }



#useful .usefulPost-002 .o-heading {

  margin-bottom: 50px;

  position: relative; }

  @media (max-width: 768px) {

    #useful .usefulPost-002 .o-heading {

      margin-bottom: 30px; } }

  #useful .usefulPost-002 .o-heading h5 {

    padding: 2px 10px;

    width: 90%;

    background: #199ecc;

    color: #ffffff;

    font-size: 16px;

    font-weight: bold;

    border-radius: 5px; }

    @media (max-width: 768px) {

      #useful .usefulPost-002 .o-heading h5 {

        font-size: 12px; } }

  #useful .usefulPost-002 .o-heading p {

    position: absolute;

    right: 0;

    top: 50%;

    margin-bottom: 0;

    padding-top: 5px;

    background: #ff802e;

    color: #ffffff;

    width: 155px;

    height: 80px;

    border-radius: 50%;

    text-align: center;

    font-size: 16px;

    font-weight: bold;

    line-height: 1.4;

    -webkit-transform: translateY(-50%);

            transform: translateY(-50%); }

    @media (max-width: 768px) {

      #useful .usefulPost-002 .o-heading p {

        padding-top: 10px;

        width: 125px;

        height: 70px;

        font-size: 12px; } }

    #useful .usefulPost-002 .o-heading p span {

      font-size: 12px; }

      @media (max-width: 768px) {

        #useful .usefulPost-002 .o-heading p span {

          font-size: 10px; } }



#useful .usefulPost-002 .o-grid {

  margin-bottom: 40px; }

  #useful .usefulPost-002 .o-grid_row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 100%; }

    @media (max-width: 768px) {

      #useful .usefulPost-002 .o-grid_row {

        display: block; } }

  #useful .usefulPost-002 .o-grid_text {

    width: 320px; }

    @media (max-width: 768px) {

      #useful .usefulPost-002 .o-grid_text {

        width: 100%; } }

    #useful .usefulPost-002 .o-grid_text .o-indent {

      padding-left: 1.5em;

      text-indent: -1.5em; }

  #useful .usefulPost-002 .o-grid_photo {

    width: 300px; }

    @media (max-width: 768px) {

      #useful .usefulPost-002 .o-grid_photo {

        width: 100%; } }

  #useful .usefulPost-002 .o-grid_row1 .o-grid_text,

  #useful .usefulPost-002 .o-grid_row1 .o-grid_photo {

    width: 100%; }

  @media (max-width: 768px) {

    #useful .usefulPost-002 .o-grid_row_modifier1 {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between; }

      #useful .usefulPost-002 .o-grid_row_modifier1 .o-grid_text {

        width: 200px; }

      #useful .usefulPost-002 .o-grid_row_modifier1 .o-grid_photo {

        width: auto; } }



#useful .usefulPost-002 .o-caution {

  padding: 30px;

  border: 1px solid #ff802e; }

  @media (max-width: 768px) {

    #useful .usefulPost-002 .o-caution {

      padding: 15px; } }

  #useful .usefulPost-002 .o-caution h5 {

    margin-bottom: 15px;

    padding: 3px 10px;

    display: inline-block;

    background: #ff802e;

    color: #ffffff;

    font-weight: bold;

    border-radius: 3px; }

  #useful .usefulPost-002 .o-caution ul li {

    margin-bottom: 1em;

    padding-left: 1em;

    text-indent: -1em; }

    @media (max-width: 768px) {

      #useful .usefulPost-002 .o-caution ul li {

        font-size: 12px; } }

    #useful .usefulPost-002 .o-caution ul li.o-caution_img {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-pack: justify;

          -ms-flex-pack: justify;

              justify-content: space-between; }

      #useful .usefulPost-002 .o-caution ul li.o-caution_img img {

        margin-top: -3em; }

        @media (max-width: 768px) {

          #useful .usefulPost-002 .o-caution ul li.o-caution_img img {

            margin-top: 0;

            width: 150px;

            height: 100%; } }



#useful .usefulPost-002 .o-products {

  padding: 25px;

  border: 1px solid #ccc; }

  #useful .usefulPost-002 .o-products h5 {

    font-weight: 16px;

    font-weight: bold; }

  #useful .usefulPost-002 .o-products_row {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    #useful .usefulPost-002 .o-products_row p {

      margin-bottom: 0; }

    #useful .usefulPost-002 .o-products_row_column_photo {

      width: 206px; }

    #useful .usefulPost-002 .o-products_row_column_text {

      padding-left: 20px; }

      @media (max-width: 768px) {

        #useful .usefulPost-002 .o-products_row_column_text {

          padding-left: 0; } }

      #useful .usefulPost-002 .o-products_row_column_text h6 {

        margin-bottom: 10px; }

      #useful .usefulPost-002 .o-products_row_column_text ul li {

        padding-left: 1em;

        text-indent: -1em; }



#useful .usefulPost-002 .o-attention {

  padding-left: 1em;

  text-indent: -1em;

  font-size: 12px; }



.cd-qa .g-section-lg {

  overflow: hidden; }



.cd-qa .g-ttl-2 {

  margin-top: -120px;

  padding-top: 120px; }

  @media (max-width: 768px) {

    .cd-qa .g-ttl-2 {

      margin-top: -70px;

      padding-top: 70px; } }