@charset "UTF-8";
* {
  position: relative;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

html, body {
  font-size: 16px;
  -webkit-text-size-adjust: none; }
  @media only screen and (min-width: 768px) {
    html, body {
      -webkit-text-size-adjust: auto; } }
  @media only screen and (min-width: 500px) and (max-width: 767px) {
    html, body {
      font-size: 16px; } }
  @media only screen and (max-width: 320px) {
    html, body {
      font-size: 14px; } }

table {
  display: table;
  border-collapse: collapse; }

#contents {
  min-width: 320px; }

#app {
  width: 100%; }
  @media only screen and (min-width: 768px) {
    #app {
      min-width: 1000px; } }

#mask {
  pointer-events: all;
  display: none; }

/* 個別 */
.heater {
  color: #efa137; }

.square {
  border: 1px solid #ff6600; }

/* ページタイトル */
.endofsale {
  max-width: 1000px;
  width: 95%;
  margin: 10px auto;
  padding: 10px;
  font-size: 0.8em;
  border: 1px solid #888; }
  @media only screen and (min-width: 768px) {
    .endofsale {
      width: 100%;
      margin: 0 auto;
      text-align: center; } }

/* 選択中グレード */
.selected_grade {
  display: flex;
  margin: 30px auto 5px;
  padding: 10px;
  justify-content: flex-end;
  max-width: 1000px;
  border-top: 1px solid #ccc;
  font-size: 0.8em; }
  @media only screen and (min-width: 768px) {
    .selected_grade {
      font-size: 0.9em; } }
  .selected_grade span {
    color: #333;
    font-size: 1.1em;
    padding: 0 0 0 10px; }
    @media only screen and (max-width: 320px) {
      .selected_grade span {
        width: auto; } }

/* ページ説明 */
hr {
  width: 100%;
  margin: 0;
  background-color: #f2f2f2; }

/* 見積り呼び出し */
.load_estimate {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto; }
  .load_estimate > div {
    display: flex;
    align-items: center;
    position: absolute;
    top: -45px;
    right: 15px;
    padding: 3px 5px;
    font-size: 0.7em;
    cursor: pointer;
    border: 1px solid #006bbe; }
    @media only screen and (min-width: 768px) {
      .load_estimate > div {
        top: -60px;
        padding: 2px 10px; } }
    @media only screen and (max-width: 320px) {
      .load_estimate > div {
        right: 5px;
        padding: 2px; } }
    .load_estimate > div div:first-child {
      width: 20px;
      margin: 3px 5px 0; }
      @media only screen and (min-width: 768px) {
        .load_estimate > div div:first-child {
          width: 20px;
          margin: 5px 0 0; } }
    .load_estimate > div img {
      width: 80%;
      height: auto; }
      @media only screen and (min-width: 768px) {
        .load_estimate > div img {
          width: 70%; } }

/* メインメニュー */
#main_menu_wrap {
  height: 55px; }
  @media only screen and (min-width: 768px) {
    #main_menu_wrap {
      height: 70px; } }
  #main_menu_wrap #main_menu_container {
    width: 100%;
    height: 55px;
    background-color: #f2f2f2; }
    @media only screen and (min-width: 768px) {
      #main_menu_wrap #main_menu_container {
        height: 70px; } }
    #main_menu_wrap #main_menu_container .swiper-container {
      width: 100%;
      height: 100%;
      max-width: 1000px;
      margin: 0 auto; }
      #main_menu_wrap #main_menu_container .swiper-container ul {
        list-style: none; }
        #main_menu_wrap #main_menu_container .swiper-container ul li {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 120px;
          /*
                    &:hover {
                        cursor: pointer;
                        background-color: $GOTO_BUTTON_COLOR;
                    }
                    &:hover::before {
                        border-left-color: $GOTO_BUTTON_COLOR;
                    }
                    */ }
          @media only screen and (min-width: 768px) {
            #main_menu_wrap #main_menu_container .swiper-container ul li {
              width: 160px; } }
          #main_menu_wrap #main_menu_container .swiper-container ul li.nopointer {
            opacity: 0.3;
            pointer-events: none; }
          #main_menu_wrap #main_menu_container .swiper-container ul li img {
            position: absolute;
            top: 50%;
            right: -15px;
            transform: translateY(-50%);
            z-index: 11; }
          #main_menu_wrap #main_menu_container .swiper-container ul li::after {
            content: "";
            position: absolute;
            border-width: 30px 20px;
            border-style: solid;
            border-color: transparent;
            top: -3px;
            right: -40px;
            border-left-color: #fff;
            pointer-events: none;
            z-index: 5; }
            @media only screen and (min-width: 768px) {
              #main_menu_wrap #main_menu_container .swiper-container ul li::after {
                border-width: 50px 40px;
                top: -15px;
                right: -73px; } }
          #main_menu_wrap #main_menu_container .swiper-container ul li::before {
            content: "";
            position: absolute;
            border-width: 30px 20px;
            border-style: solid;
            border-color: transparent;
            top: -3px;
            right: -38px;
            border-left-color: #f2f2f2;
            pointer-events: none;
            z-index: 10; }
            @media only screen and (min-width: 768px) {
              #main_menu_wrap #main_menu_container .swiper-container ul li::before {
                border-width: 50px 40px;
                top: -15px;
                right: -68px; } }
          #main_menu_wrap #main_menu_container .swiper-container ul li:last-child::before {
            display: none; }
          #main_menu_wrap #main_menu_container .swiper-container ul li:last-child::after {
            display: none; }
          #main_menu_wrap #main_menu_container .swiper-container ul li.active {
            opacity: 1;
            pointer-events: none;
            background-color: #006bbe; }
          #main_menu_wrap #main_menu_container .swiper-container ul li.active-request {
            opacity: 1;
            pointer-events: all;
            cursor: pointer; }
          #main_menu_wrap #main_menu_container .swiper-container ul li.deactive-request {
            opacity: 0.3;
            pointer-events: none;
            cursor: default; }
          #main_menu_wrap #main_menu_container .swiper-container ul li.active::before {
            pointer-events: none;
            border-left-color: #006bbe; }
          #main_menu_wrap #main_menu_container .swiper-container ul li.enter {
            cursor: pointer;
            background-color: #006bbe; }
          #main_menu_wrap #main_menu_container .swiper-container ul li.enter::before {
            border-left-color: #006bbe; }

/* タブボタン */
#menu_model {
  background-image: url("../images/menu/menu_model_pc_0.png");
  background-position: center center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_model {
      background-image: url("../images/menu/menu_model_sp_0.png");
      background-size: 50%; } }
  #menu_model.active {
    background-image: url("../images/menu/menu_model_pc_1.png");
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_model.active {
        background-image: url("../images/menu/menu_model_sp_1.png");
        background-size: 50%; } }
  #menu_model.enter {
    background-image: url("../images/menu/menu_model_pc_1.png");
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_model.enter {
        background-image: url("../images/menu/menu_model_sp_1.png");
        background-size: 50%; } }

#menu_grade {
  background-image: url("../images/menu/menu_grade_pc_0.png");
  background-position: 40px center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_grade {
      background-image: url("../images/menu/menu_grade_sp_0.png");
      background-size: 44%;
      background-position: 30px center; } }
  #menu_grade.active {
    background-image: url("../images/menu/menu_grade_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_grade.active {
        background-image: url("../images/menu/menu_grade_sp_1.png");
        background-size: 44%;
        background-position: 30px center; } }
  #menu_grade.enter {
    background-image: url("../images/menu/menu_grade_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_grade.enter {
        background-image: url("../images/menu/menu_grade_sp_1.png");
        background-size: 44%;
        background-position: 30px center; } }

#menu_mop {
  background-image: url("../images/menu/menu_mop_pc_0.png");
  background-position: 40px center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_mop {
      background-image: url("../images/menu/menu_mop_sp_0.png");
      background-size: 44%; } }
  #menu_mop.active {
    background-image: url("../images/menu/menu_mop_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_mop.active {
        background-image: url("../images/menu/menu_mop_sp_1.png");
        background-size: 44%; } }
  #menu_mop.enter {
    background-image: url("../images/menu/menu_mop_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_mop.enter {
        background-image: url("../images/menu/menu_mop_sp_1.png");
        background-size: 44%; } }

#menu_color {
  background-image: url("../images/menu/menu_color_pc_0.png");
  background-position: 50px center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_color {
      background-image: url("../images/menu/menu_color_sp_0.png");
      background-size: 58%;
      background-position: 30px center; } }
  #menu_color.active {
    background-image: url("../images/menu/menu_color_pc_1.png");
    background-position: 50px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_color.active {
        background-image: url("../images/menu/menu_color_sp_1.png");
        background-size: 58%;
        background-position: 30px center; } }
  #menu_color.enter {
    background-image: url("../images/menu/menu_color_pc_1.png");
    background-position: 50px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_color.enter {
        background-image: url("../images/menu/menu_color_sp_1.png");
        background-size: 58%;
        background-position: 30px center; } }

#menu_dop {
  background-image: url("../images/menu/menu_dop_pc_0.png");
  background-position: 40px center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_dop {
      background-image: url("../images/menu/menu_dop_sp_0.png");
      background-size: 44%; } }
  #menu_dop.active {
    background-image: url("../images/menu/menu_dop_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_dop.active {
        background-image: url("../images/menu/menu_dop_sp_1.png");
        background-size: 44%; } }
  #menu_dop.enter {
    background-image: url("../images/menu/menu_dop_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_dop.enter {
        background-image: url("../images/menu/menu_dop_sp_1.png");
        background-size: 44%; } }

#menu_result {
  background-image: url("../images/menu/menu_result_pc_0.png");
  background-position: 40px center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_result {
      background-image: url("../images/menu/menu_result_sp_0.png");
      background-size: 33%; } }
  #menu_result.active {
    background-image: url("../images/menu/menu_result_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_result.active {
        background-image: url("../images/menu/menu_result_sp_1.png");
        background-size: 33%; } }
  #menu_result.enter {
    background-image: url("../images/menu/menu_result_pc_1.png");
    background-position: 40px center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_result.enter {
        background-image: url("../images/menu/menu_result_sp_1.png");
        background-size: 33%; } }

#menu_request_estimate {
  background-image: url("../images/menu/menu_request_estimate_pc_0.png");
  background-position: center center;
  background-repeat: no-repeat; }
  @media screen and (max-width: 767px) {
    #menu_request_estimate {
      background-image: url("../images/menu/menu_request_estimate_sp_0.png");
      background-size: 45%; } }
  #menu_request_estimate.active {
    background-image: url("../images/menu/menu_request_estimate_pc_1.png");
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_request_estimate.active {
        background-image: url("../images/menu/menu_request_estimate_sp_1.png");
        background-size: 33%; } }
  #menu_request_estimate.enter {
    background-image: url("../images/menu/menu_request_estimate_pc_1.png");
    background-position: center center;
    background-repeat: no-repeat; }
    @media screen and (max-width: 767px) {
      #menu_request_estimate.enter {
        background-image: url("../images/menu/menu_request_estimate_sp_1.png");
        background-size: 33%; } }

/* 価格表示コンテナ */
.price_view_container {
  display: none;
  width: 100%;
  max-width: 1000px;
  justify-content: space-between;
  margin: 20px auto 20px; }
  @media only screen and (min-width: 768px) {
    .price_view_container {
      display: flex; } }
  .price_view_container .price_area {
    display: flex;
    flex-direction: column;
    width: 190px; }
    .price_view_container .price_area .main {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-end;
      border-bottom: 1px solid #ccc; }
      .price_view_container .price_area .main .desc {
        display: flex;
        align-items: flex-end;
        height: 45px;
        font-size: 0.75em; }
        .price_view_container .price_area .main .desc.total {
          top: 5px;
          align-items: center; }
      .price_view_container .price_area .main .price span {
        font-size: 1.2em; }
    .price_view_container .price_area .sub {
      text-align: right;
      font-size: 0.75em; }
  .price_view_container .mop {
    left: -20px; }
  .price_view_container .mop::before {
    content: "(";
    position: absolute;
    left: -15px;
    top: 5px;
    color: #ccc;
    font-size: 1.8em; }
  .price_view_container .mop::after {
    content: ") +";
    position: absolute;
    right: -45px;
    top: 5px;
    color: #ccc;
    font-size: 1.8em; }
  .price_view_container .price_area2 {
    display: flex;
    flex-direction: column;
    width: 100px;
    font-size: 1em; }
    .price_view_container .price_area2 .main {
      display: flex;
      height: 60px;
      flex-direction: row;
      justify-content: center;
      align-items: center; }
    .price_view_container .price_area2 .sub {
      text-align: right; }
  .price_view_container .other::after {
    content: "+";
    position: absolute;
    right: -30px;
    top: 5px;
    font-size: 1.8em;
    color: #ccc; }
  .price_view_container .price_area:last-child::after {
    content: ""; }
  .price_view_container .price_area2::after {
    content: "=";
    position: absolute;
    right: -25px;
    top: 5px;
    font-size: 1.8em;
    color: #ccc; }

/* 共通 */
.page {
  width: 100%;
  width: 100%;
  /* ページタイトル */
  /* タブナビ */ }
  .page .page_title {
    width: 100%;
    max-width: 1000px;
    margin: 10px auto 0;
    background-color: #f2f2f2;
    padding: 5px 20px; }
    .page .page_title .title {
      font-size: 1em;
      margin: 0 0 0 14px;
      padding: 2px 15px;
      border-left: 4px solid #6c9eda; }
      @media only screen and (min-width: 768px) {
        .page .page_title .title {
          font-size: 1.1em; } }
      .page .page_title .title span {
        font-size: 0.75em;
        padding-left: 10px; }
        @media only screen and (min-width: 768px) {
          .page .page_title .title span {
            font-size: 0.9em;
            padding-left: 20px; } }
  .page .title_desc {
    width: 100%;
    max-width: 1000px;
    margin: 10px auto;
    padding-left: 20px;
    font-size: 0.9em; }
  .page #navi_area_wrap {
    right: 0;
    bottom: 0;
    left: 0;
    margin: 30px 0 0;
    background-color: #fff;
    border-top: 1px solid #ccc;
    z-index: 40; }
    .page #navi_area_wrap.normal {
      border-top: 0;
      margin: 0; }
    .page #navi_area_wrap .navi_area {
      display: flex;
      justify-content: center;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      list-style: none; }
      .page #navi_area_wrap .navi_area .navi_item {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0; }
        @media only screen and (min-width: 768px) {
          .page #navi_area_wrap .navi_area .navi_item {
            padding: 30px 0; } }
        .page #navi_area_wrap .navi_area .navi_item.left {
          justify-content: flex-end; }
          @media only screen and (min-width: 768px) {
            .page #navi_area_wrap .navi_area .navi_item.left {
              margin-right: 20px; } }
        .page #navi_area_wrap .navi_area .navi_item.right {
          flex: 0 0 45%; }
        .page #navi_area_wrap .navi_area .navi_item .re-selection {
          display: flex;
          align-items: center;
          height: 40px;
          padding: 5px 10px;
          font-size: 0.8em;
          line-height: 1.2;
          cursor: pointer;
          background-color: #f2f2f2;
          border: 1px solid #006bbe; }
          @media only screen and (min-width: 768px) {
            .page #navi_area_wrap .navi_area .navi_item .re-selection {
              font-size: 1em; } }
          .page #navi_area_wrap .navi_area .navi_item .re-selection.big {
            height: 50px; }
        .page #navi_area_wrap .navi_area .navi_item .goto_next {
          display: flex;
          width: auto;
          height: 40px;
          width: 80%;
          justify-content: center;
          align-items: center;
          padding: 0;
          cursor: pointer;
          color: #fff;
          font-size: 1.2em;
          background-color: #006bbe; }
          @media only screen and (min-width: 768px) {
            .page #navi_area_wrap .navi_area .navi_item .goto_next {
              width: 400px;
              padding: 0 50px; } }
          .page #navi_area_wrap .navi_area .navi_item .goto_next::after {
            content: "";
            position: absolute;
            right: -40px;
            top: 0px;
            border-color: transparent;
            border-style: solid;
            border-width: 20px 20px;
            border-left-color: #006bbe; }
          .page #navi_area_wrap .navi_area .navi_item .goto_next.big {
            height: 60px;
            font-size: 1.2em; }
            @media only screen and (min-width: 768px) {
              .page #navi_area_wrap .navi_area .navi_item .goto_next.big {
                font-size: 1.6em; } }
            .page #navi_area_wrap .navi_area .navi_item .goto_next.big::after {
              border-width: 30px 20px; }
          .page #navi_area_wrap .navi_area .navi_item .goto_next.small_font {
            font-size: 1em; }

/* Help */
.help_body {
  position: absolute;
  top: -230px;
  right: 0px;
  width: 280px;
  font-size: 0.9em;
  padding: 15px;
  z-index: 100;
  background-color: #fff;
  border: 2px solid #6c9eda;
  border-radius: 5px; }
  .help_body::before {
    content: "";
    position: absolute;
    border: 15px solid transparent;
    border-top-color: #6c9eda;
    bottom: -31px;
    right: 20px; }
  .help_body::after {
    content: "";
    position: absolute;
    border: 13px solid transparent;
    border-top-color: #fff;
    bottom: -26px;
    right: 22px; }

/* グレード選択 */
.grade_select_container {
  /* グレードスライダー */
  /* スペックエリア */
  /* ページネーション　*/
  /* 注記エリア */ }
  .grade_select_container .grade_slider_container {
    width: 100%;
    max-width: 1000px;
    margin: 30px auto;
    overflow: hidden; }
    .grade_select_container .grade_slider_container .swiper_wrapper {
      width: 90%;
      margin: 0 auto; }
      @media only screen and (min-width: 321px) and (max-width: 500px) {
        .grade_select_container .grade_slider_container .swiper_wrapper {
          width: 80%; } }
      @media only screen and (max-width: 320px) {
        .grade_select_container .grade_slider_container .swiper_wrapper {
          width: 75%; } }
      .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container {
        overflow: visible; }
        .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item {
          cursor: pointer; }
          .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .icons {
            height: 40px; }
            .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .icons img {
              display: inline-block;
              margin: 0 5px 0 0; }
          .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content {
            border: 1px solid transparent;
            padding: 5px; }
            .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content .grade_name {
              display: flex;
              align-items: center;
              font-size: 0.9em;
              line-height: 1.2;
              height: 50px;
              padding-left: 10px; }
            .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content .grade_price {
              padding: 5px 0 0 10px;
              font-size: .9em; }
            .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content img {
              width: 100%; }
            .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content .select_check {
              position: absolute;
              border-bottom: 0;
              width: 30px;
              height: 30px;
              top: 0;
              right: 0; }
              .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content .select_check img {
                position: absolute;
                top: -20px;
                right: -15px;
                width: 100%;
                height: auto;
                z-index: 10; }
          .grade_select_container .grade_slider_container .swiper_wrapper .swiper-container .grade_slide_item .grade_item_content.active {
            border: 1px solid #6c9eda;
            border-radius: 10px;
            pointer-events: none;
            cursor: default; }
    .grade_select_container .grade_slider_container .arrow_left {
      position: absolute;
      width: 50px;
      height: 50%;
      transform: translateY(50%);
      left: 0;
      top: 0;
      background-image: url("../svg/arrow_left.svg");
      background-size: auto 45px;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer;
      z-index: 10; }
      @media only screen and (max-width: 320px) {
        .grade_select_container .grade_slider_container .arrow_left {
          width: 35px; } }
    .grade_select_container .grade_slider_container .arrow_left:active {
      opacity: 0.7; }
    .grade_select_container .grade_slider_container .arrow_right {
      position: absolute;
      width: 50px;
      height: 50%;
      transform: translateY(50%);
      right: 0;
      top: 0;
      background-image: url("../svg/arrow_right.svg");
      background-size: auto 45px;
      background-repeat: no-repeat;
      background-position: center center;
      cursor: pointer;
      z-index: 10; }
      @media only screen and (max-width: 320px) {
        .grade_select_container .grade_slider_container .arrow_right {
          width: 35px; } }
    .grade_select_container .grade_slider_container .arrow_right:active {
      opacity: 0.7; }
  .grade_select_container .grade_slider_container::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 6%, rgba(255, 255, 255, 0) 95%, white);
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none; }
  .grade_select_container .spec_container {
    width: 100%;
    padding: 10px;
    background-color: #f2f2f2; }
    .grade_select_container .spec_container .spec_body {
      width: 100%;
      margin: 0 auto;
      max-width: 1000px;
      justify-content: flex-end;
      /* トグル */
      /* スペック */
      /* 装備 */
      /* その他装備 */ }
      .grade_select_container .spec_container .spec_body .toggle_container {
        display: flex;
        width: 100%;
        justify-content: flex-end; }
        @media only screen and (min-width: 321px) and (max-width: 500px) {
          .grade_select_container .spec_container .spec_body .toggle_container {
            justify-content: space-between; } }
        @media only screen and (max-width: 320px) {
          .grade_select_container .spec_container .spec_body .toggle_container {
            justify-content: space-between; } }
        .grade_select_container .spec_container .spec_body .toggle_container .toggle_area {
          display: flex;
          width: 100%;
          justify-content: flex-end;
          align-items: center;
          margin: 15px 0 25px; }
          @media only screen and (min-width: 768px) {
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area {
              justify-content: flex-end; } }
          .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .help_wrap {
            width: 40px;
            right: 5px;
            cursor: pointer; }
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .help_wrap img {
              width: 40px;
              margin: 5px 0 0; }
              @media only screen and (min-width: 768px) {
                .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .help_wrap img {
                  width: 100%; } }
          .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .slash {
            margin: 0 20px 0 10px; }
            @media only screen and (min-width: 768px) {
              .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .slash {
                margin: 0 20px 0 0; } }
          .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap {
            font-size: 1em;
            font-weight: bold; }
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio {
              display: none; }
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio + .radio {
              padding-left: 20px;
              margin-right: 20px;
              cursor: pointer; }
              @media only screen and (min-width: 321px) and (max-width: 500px) {
                .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio + .radio {
                  margin-right: 5px; } }
              @media only screen and (max-width: 320px) {
                .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio + .radio {
                  margin-right: 5px; } }
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio + .radio::before {
              content: "";
              display: block;
              position: absolute;
              top: 0px;
              left: 0;
              width: 15px;
              height: 15px;
              background-color: #fff;
              border: 1px solid #006bbe;
              border-radius: 100%; }
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio:checked + .radio {
              color: #006bbe; }
            .grade_select_container .spec_container .spec_body .toggle_container .toggle_area .toggle_wrap .input_radio:checked + .radio::after {
              content: "";
              display: block;
              position: absolute;
              top: 3px;
              left: 3px;
              width: 11px;
              height: 11px;
              background: #006bbe;
              border-radius: 100%; }
      .grade_select_container .spec_container .spec_body .spec_area {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto; }
        @media only screen and (min-width: 768px) {
          .grade_select_container .spec_container .spec_body .spec_area {
            display: flex;
            justify-content: space-between; } }
        @media only screen and (max-width: 320px) {
          .grade_select_container .spec_container .spec_body .spec_area {
            flex-direction: column; } }
        @media only screen and (min-width: 321px) and (max-width: 500px) {
          .grade_select_container .spec_container .spec_body .spec_area {
            flex-direction: column; } }
        @media only screen and (min-width: 500px) and (max-width: 767px) {
          .grade_select_container .spec_container .spec_body .spec_area {
            flex-direction: column; } }
        .grade_select_container .spec_container .spec_body .spec_area .spec_item {
          width: 100%;
          flex: 1; }
          @media only screen and (max-width: 320px) {
            .grade_select_container .spec_container .spec_body .spec_area .spec_item {
              display: flex;
              flex-direction: row; } }
          @media only screen and (min-width: 321px) and (max-width: 500px) {
            .grade_select_container .spec_container .spec_body .spec_area .spec_item {
              display: flex;
              flex-direction: row; } }
          @media only screen and (min-width: 500px) and (max-width: 767px) {
            .grade_select_container .spec_container .spec_body .spec_area .spec_item {
              display: flex;
              flex-direction: row; } }
          .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap {
            display: flex;
            height: 40px;
            justify-content: center;
            border-bottom: 1px solid #ccc; }
            @media only screen and (max-width: 320px) {
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap {
                width: 50%;
                height: 50px;
                align-items: center;
                border: 0;
                border-right: 1px solid #ccc; } }
            @media only screen and (min-width: 321px) and (max-width: 500px) {
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap {
                width: 50%;
                height: 50px;
                align-items: center;
                border: 0;
                border-right: 1px solid #ccc; } }
            @media only screen and (min-width: 500px) and (max-width: 767px) {
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap {
                width: 50%;
                height: 50px;
                align-items: center;
                border: 0;
                border-right: 1px solid #ccc; } }
            .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap .title {
              font-size: 0.9em; }
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap .title img {
                top: 2px;
                margin-left: 5px;
                margin-right: 5px; }
            .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap .small {
              font-size: 0.8em; }
              @media only screen and (min-width: 768px) {
                .grade_select_container .spec_container .spec_body .spec_area .spec_item .title_wrap .small {
                  font-size: 0.9em; } }
          .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap {
            display: flex;
            width: 100%;
            height: 90px;
            justify-content: center;
            align-items: center;
            border-bottom: 1px solid #ccc; }
            @media only screen and (max-width: 320px) {
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap {
                width: 60%;
                height: 50px;
                border: 0; } }
            @media only screen and (min-width: 321px) and (max-width: 500px) {
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap {
                width: 60%;
                height: 50px;
                border: 0; } }
            @media only screen and (min-width: 500px) and (max-width: 767px) {
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap {
                width: 60%;
                height: 50px;
                border: 0; } }
            .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap .text {
              display: flex;
              flex-direction: column;
              justify-content: center;
              align-items: center;
              font-size: 0.75em;
              text-align: center; }
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap .text.grade {
                text-align: left; }
              @media only screen and (min-width: 768px) {
                .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap .text {
                  font-size: 0.8em; } }
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap .text div {
                text-align: center; }
              .grade_select_container .spec_container .spec_body .spec_area .spec_item .text_wrap .text .price {
                font-size: 1.4em; }
        .grade_select_container .spec_container .spec_body .spec_area .wide {
          flex: 1.5;
          height: 100px; }
      .grade_select_container .spec_container .spec_body .equipment_title_area {
        margin: 20px 0 0;
        width: 100%;
        /* 装備表タイトルエリア */ }
        .grade_select_container .spec_container .spec_body .equipment_title_area .title_area {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin: 5px auto; }
          .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .title {
            display: flex;
            flex: 1;
            width: 100%;
            font-size: 0.9em; }
          .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area {
            display: flex;
            justify-content: flex-end;
            right: -5px; }
            @media only screen and (min-width: 321px) and (max-width: 500px) {
              .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area {
                justify-content: center;
                flex: 1;
                margin: 0 0 20px; } }
            @media only screen and (max-width: 320px) {
              .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area {
                justify-content: center;
                flex: 1;
                margin: 0 0 20px; } }
            .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area .pdf_icon {
              display: flex;
              margin: 0 5px;
              padding: 3px 20px 3px 5px;
              justify-content: center;
              align-items: center;
              font-size: 0.7em;
              cursor: pointer;
              background-color: #fff;
              border: 1px solid #ccc; }
              @media only screen and (min-width: 768px) {
                .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area .pdf_icon .pdf_desc {
                  margin: 5px 10px; } }
            .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area .blank_icon {
              position: absolute;
              top: -1px;
              right: 4px; }
            .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area #spec_pdf {
              display: none; }
              @media only screen and (min-width: 768px) {
                .grade_select_container .spec_container .spec_body .equipment_title_area .title_area .pdf_area #spec_pdf {
                  display: flex; } }
        .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .arrow_left {
          position: absolute;
          width: 30px;
          height: 100%;
          left: 0;
          top: -30px;
          background-image: url("../svg/arrow_left.svg");
          background-size: auto 45px;
          background-repeat: no-repeat;
          background-position: center center;
          cursor: pointer;
          z-index: 10; }
        .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .arrow_left:active {
          opacity: 0.7; }
        .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .arrow_right {
          position: absolute;
          width: 30px;
          height: 100%;
          right: 0;
          top: -30px;
          background-image: url("../svg/arrow_right.svg");
          background-size: auto 45px;
          background-repeat: no-repeat;
          background-position: center center;
          cursor: pointer;
          z-index: 10; }
        .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .arrow_right:active {
          opacity: 0.7; }
        .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .equipment_item {
          display: flex;
          flex-direction: column;
          margin: 0;
          width: 100%;
          font-size: 0.8em; }
          .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .equipment_item img {
            width: 80%;
            margin: 0 auto 20px; }
          @media only screen and (min-width: 768px) {
            .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .equipment_item {
              width: auto;
              margin: 10px; }
              .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .equipment_item img {
                width: 180px;
                max-width: 180px;
                height: 115px;
                margin: 0 auto 10px; }
              .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items .equipment_item .item_desc {
                width: 180px; } }
        .grade_select_container .spec_container .spec_body .equipment_title_area .equipment_items.swiper {
          width: 98%;
          margin: 0 auto; }
        .grade_select_container .spec_container .spec_body .equipment_title_area .other_items {
          margin: 10px 5px;
          line-height: 1.2; }
      .grade_select_container .spec_container .spec_body .other_item {
        margin: 0 5px;
        line-height: 1;
        font-size: 0.8em; }
        .grade_select_container .spec_container .spec_body .other_item:first-child {
          margin-left: 0; }
  .grade_select_container .pagination {
    display: flex;
    justify-content: center;
    width: 90%;
    margin: 20px auto; }
    .grade_select_container .pagination .pagination_wrap {
      display: flex;
      flex-wrap: wrap; }
      .grade_select_container .pagination .pagination_wrap .pagination_item {
        width: 20px;
        height: 20px;
        margin: 5px;
        cursor: pointer;
        border: 1px solid #ddd;
        border-radius: 20px;
        background-color: #ddd; }
        @media only screen and (max-width: 320px) {
          .grade_select_container .pagination .pagination_wrap .pagination_item {
            width: 20px;
            height: 20px; } }
        @media only screen and (min-width: 321px) and (max-width: 500px) {
          .grade_select_container .pagination .pagination_wrap .pagination_item {
            width: 20px;
            height: 20px; } }
      .grade_select_container .pagination .pagination_wrap .active {
        cursor: default;
        pointer-events: none;
        border: 1px solid #006bbe;
        border-radius: 20px;
        background-color: #006bbe; }
  .grade_select_container .annotation_area {
    max-width: 1000px;
    margin: 0 auto;
    padding: 30px 10px;
    font-size: 0.6em; }

/* メーカーオプション */
.mop_table_container {
  display: flex;
  width: 100%;
  justify-content: center;
  background-color: #f2f2f2;
  /* マーク説明部分 */ }
  .mop_table_container .mop_table_wrap {
    display: flex;
    width: 90%;
    justify-content: center;
    max-width: 1000px;
    margin: 0 0 30px; }
    .mop_table_container .mop_table_wrap .mop_block {
      max-width: 100%; }
      .mop_table_container .mop_table_wrap .mop_block .table_block {
        max-width: 1000px;
        margin: 50px auto 0;
        display: flex; }
        .mop_table_container .mop_table_wrap .mop_block .table_block .table_slider {
          position: absolute;
          display: flex;
          top: -35px;
          right: 5px; }
          .mop_table_container .mop_table_wrap .mop_block .table_block .table_slider div {
            padding: 5px 20px 3px;
            background-color: #006bbe;
            cursor: pointer; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .table_slider div:hover {
              opacity: 0.7; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .table_slider div img {
              width: 10px; }
          .mop_table_container .mop_table_wrap .mop_block .table_block .table_slider .handle.disable {
            opacity: 0.3;
            cursor: default; }
        .mop_table_container .mop_table_wrap .mop_block .table_block .blend_mask {
          position: absolute;
          content: "";
          top: 10px;
          bottom: 0;
          width: 50px;
          right: 0;
          pointer-events: none;
          background: linear-gradient(to right, rgba(242, 242, 242, 0), rgba(242, 242, 242, 0.7) 50%, #f2f2f2 100%); }
        .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table {
          min-width: 280px;
          max-width: 280px;
          width: 100%;
          margin: 10px 0;
          table-layout: fixed; }
          .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table thead {
            border: 1px solid #999; }
          .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            font-size: 0.8em; }
            @media only screen and (max-width: 320px) {
              .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc {
                font-size: 0.65em; } }
            .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc::before {
              content: "";
              position: absolute;
              top: 49px;
              left: -8px;
              width: 295px;
              border-top: 1px solid #999;
              transform: rotate(19deg); }
              @media only screen and (min-width: 321px) and (max-width: 500px) {
                .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc::before {
                  top: 49px;
                  left: -10px;
                  width: 220px;
                  transform: rotate(26deg); } }
              @media only screen and (max-width: 320px) {
                .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc::before {
                  top: 50px;
                  left: -13px;
                  width: 190px;
                  transform: rotate(31deg); } }
            .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc div:nth-child(1) {
              position: absolute;
              top: 5px;
              right: 5px; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .table_desc div:nth-child(2) {
              position: absolute;
              top: 75px;
              left: 5px; }
          @media only screen and (min-width: 321px) and (max-width: 500px) {
            .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table {
              min-width: 200px;
              max-width: 200px; } }
          @media only screen and (max-width: 320px) {
            .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table {
              min-width: 165px;
              max-width: 165px; } }
          .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table thead tr {
            height: 100px; }
          .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .mop_name {
            display: table-row;
            min-height: 56px;
            vertical-align: middle;
            font-size: 0.7em;
            border: 1px solid #999; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .mop_name td .mop_name_inner {
              display: flex;
              justify-content: space-between; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .mop_name td .mop_name_inner div {
                margin: 0 5px;
                display: flex;
                flex: 0 0 80%;
                align-items: center; }
                @media only screen and (min-width: 321px) and (max-width: 500px) {
                  .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .mop_name td .mop_name_inner div {
                    flex: 0 0 75%; } }
                @media only screen and (max-width: 320px) {
                  .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .mop_name td .mop_name_inner div {
                    flex: 0 0 65%; } }
                .mop_table_container .mop_table_wrap .mop_block .table_block .fixed_table .mop_name td .mop_name_inner div img {
                  cursor: pointer; }
        .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper {
          /*max-width: calc(95vw - 280px); */
          width: 100%;
          padding: 10px 10px 0 0;
          overflow-x: hidden;
          -webkit-overflow-scrolling: touch; }
          @media only screen and (min-width: 500px) and (max-width: 767px) {
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper {
              overflow: auto;
              max-width: calc(95vw - 200px); } }
          @media only screen and (min-width: 321px) and (max-width: 500px) {
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper {
              overflow: auto;
              max-width: calc(95vw - 200px); } }
          @media only screen and (max-width: 320px) {
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper {
              overflow: auto;
              max-width: calc(95vw - 150px); } }
          .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table {
            table-layout: fixed; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table td {
              min-height: 56px;
              text-align: center;
              cursor: pointer;
              border: 1px solid #999; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .name {
              height: 100px;
              font-size: 1.1em; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .name.active {
                border: 1px solid #6c9eda;
                border-bottom: 0; }
                .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .name.active .wrap {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  align-items: center;
                  width: 100%;
                  height: 100%;
                  background-color: #eff6ff; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .name.active img {
                position: absolute;
                top: -10px;
                right: -10px;
                width: 25px;
                padding: 5px 0px 2px 5px;
                background-color: #006bbe;
                border-radius: 50%;
                z-index: 10; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .name .price {
                font-size: 0.8em; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .name div {
                margin: 0 auto;
                width: 86px; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .code.active2 {
              border: 1px solid #6c9eda;
              border-top: 1px solid #999; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .code.active2 .wrap {
                display: flex;
                width: 100%;
                height: 100%;
                align-items: center;
                background-color: #eff6ff; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .code.active {
              border: 1px solid #6c9eda;
              border-top: 1px solid #999;
              border-bottom: 1px solid #999; }
              .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .code.active .wrap {
                display: flex;
                width: 100%;
                height: 100%;
                align-items: center;
                background-color: #eff6ff; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .standard {
              width: 25px;
              height: 25px;
              margin: 0 auto;
              border: 1px solid #aaa;
              background-color: #e9e9e9;
              border-radius: 50%; }
            .mop_table_container .mop_table_wrap .mop_block .table_block .scroll_table_wrapper .scroll_table .optional {
              width: 25px;
              height: 25px;
              margin: 0 auto;
              background-color: #cbe1ff;
              border: 1px solid #aaa;
              border-radius: 50%; }
  .mop_table_container .desc {
    position: absolute;
    display: flex;
    align-items: center;
    margin: 20px 0 20px 0; }
    .mop_table_container .desc div {
      display: flex;
      line-height: 1;
      margin: 0 5px; }
    .mop_table_container .desc img {
      width: 15px;
      height: 15px; }

.variation_area {
  width: 100%; }
  .variation_area .variation_block {
    display: flex;
    width: 100%;
    max-width: 1000px;
    margin: 20px auto 40px;
    padding: 0 10px;
    border: 1px solid #ccc; }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .variation_area .variation_block {
        flex-direction: column; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .variation_area .variation_block {
        flex-direction: column; } }
    @media only screen and (max-width: 320px) {
      .variation_area .variation_block {
        flex-direction: column; } }
    .variation_area .variation_block img {
      width: 100px; }
    .variation_area .variation_block .block {
      display: flex;
      flex-direction: column;
      justify-content: center; }
    .variation_area .variation_block .main {
      flex: 1;
      text-align: left;
      margin: 0 10px; }
      .variation_area .variation_block .main .price {
        font-size: 1.2em; }
        .variation_area .variation_block .main .price span {
          font-size: 0.8em; }
      .variation_area .variation_block .main div {
        margin: 5px 0 10px; }
    .variation_area .variation_block .toggle_button {
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer; }

.variation_area2 {
  display: flex;
  margin: 0 auto;
  width: 90%;
  flex-direction: column;
  align-items: center;
  max-width: 0 5%;
  padding: 10px 5px 0;
  text-align: center;
  font-size: 0.9em; }
  .variation_area2 .variation_block {
    width: 100%;
    margin: 10px;
    padding: 10px;
    border: 1px solid #ccc; }
    .variation_area2 .variation_block .main {
      display: flex;
      width: 90%;
      margin: 20px auto 10px;
      justify-content: space-between; }
    .variation_area2 .variation_block .thumb {
      width: 30%;
      height: 100%; }
    .variation_area2 .variation_block .toggle {
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center; }

.render_container {
  margin-bottom: 30px;
  max-width: 100vw; }
  .render_container #render_div {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    max-width: 1000px;
    border: 1px solid #ccc; }
    @media only screen and (min-width: 768px) {
      .render_container #render_div {
        height: 320px; } }
  .render_container .control_area {
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 1000px; }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .render_container .control_area {
        font-size: 0.8em; } }
    @media only screen and (max-width: 320px) {
      .render_container .control_area {
        font-size: 0.8em; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .render_container .control_area {
        font-size: 0.8em; } }
    .render_container .control_area div {
      display: flex;
      width: 50%;
      padding: 10px;
      justify-content: center;
      align-items: center;
      border: 1px solid #ccc;
      border-top: 0;
      cursor: pointer; }
      .render_container .control_area div img {
        margin-right: 10px;
        height: 24px; }
    .render_container .control_area div:first-child {
      border-right: 0; }
  .render_container .render_help {
    margin: 10px auto 0;
    max-width: 1000px; }
    .render_container .render_help div {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      cursor: pointer; }
      .render_container .render_help div img {
        margin: 0 10px; }

.render_container2 {
  margin: 10px 0; }
  @media only screen and (min-width: 768px) {
    .render_container2 {
      margin: 20px 0; } }
  .render_container2 #render_div {
    margin: 0 auto;
    width: 100%;
    height: 200px;
    max-height: 450px;
    max-width: 1200px;
    border: 1px solid #ccc; }
    @media only screen and (min-width: 768px) {
      .render_container2 #render_div {
        height: 450px; } }
  .render_container2 .control_area {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    max-width: 1200px; }
    @media only screen and (min-width: 768px) {
      .render_container2 .control_area {
        flex-wrap: nowrap; } }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .render_container2 .control_area {
        font-size: 0.8em; } }
    @media only screen and (max-width: 320px) {
      .render_container2 .control_area {
        font-size: 0.8em; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .render_container2 .control_area {
        font-size: 0.8em; } }
    .render_container2 .control_area div {
      display: flex;
      width: 50%;
      min-height: 46px;
      padding: 10px;
      justify-content: center;
      align-items: center;
      border: 1px solid #ccc;
      border-top: 0;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        .render_container2 .control_area div {
          width: 100%; } }
      .render_container2 .control_area div img {
        margin-right: 10px;
        height: 24px; }
        @media only screen and (min-width: 768px) {
          .render_container2 .control_area div img {
            margin-right: 10px;
            height: 24px; } }
    .render_container2 .control_area div:nth-child(even) {
      border-left: 0; }
    @media only screen and (min-width: 768px) {
      .render_container2 .control_area div:nth-child(3) {
        border-left: 0; } }
  .render_container2 .render_help {
    margin: 10px auto 0;
    max-width: 1000px; }
    .render_container2 .render_help div {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      cursor: pointer; }
      .render_container2 .render_help div img {
        margin: 0 10px; }

.img_render_container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto; }
  .img_render_container img {
    width: 100%; }

.img_render_container2 {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .img_render_container2 img {
    width: 100%; }
  .img_render_container2 .control_area {
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    max-width: 1200px; }
    @media only screen and (min-width: 768px) {
      .img_render_container2 .control_area {
        justify-content: center; } }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .img_render_container2 .control_area {
        font-size: 0.8em; } }
    @media only screen and (max-width: 320px) {
      .img_render_container2 .control_area {
        font-size: 0.8em; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .img_render_container2 .control_area {
        font-size: 0.8em; } }
    .img_render_container2 .control_area .qr_wrap {
      border-right: 0; }
    .img_render_container2 .control_area div {
      display: flex;
      width: 90%;
      min-height: 46px;
      margin: 0 0 30px;
      padding: 10px;
      justify-content: center;
      align-items: center;
      border: 1px solid #ccc;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        .img_render_container2 .control_area div {
          width: 300px; } }
      .img_render_container2 .control_area div img {
        margin-right: 10px;
        width: auto;
        height: 24px; }
    .img_render_container2 .control_area div:first-child {
      border-right: 0 !important; }

.zoom_slider {
  visibility: hidden;
  position: absolute;
  flex-direction: column;
  top: calc(50% - 90px);
  /*bottom:calc(50% - 90px);*/
  left: 15px;
  padding: 0px 5px;
  z-index: 10;
  opacity: 0.8;
  background-color: rgba(255, 255, 255, 0.65);
  border-radius: 20px; }
  @media only screen and (min-width: 768px) {
    .zoom_slider {
      visibility: visible; } }
  .zoom_slider .zoom_out {
    display: flex;
    align-items: center; }
  .zoom_slider .zoom_in {
    display: flex;
    align-items: center; }

#slider {
  width: 5px;
  height: 180px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 1px solid #999;
  border-radius: 0;
  background: #666;
  /*
    box-shadow: inset 0 1px 1px 0px rgba(0, 0, 0, .5), 
                    0 1px 0 0px rgba(250, 250, 250, .5);
    */ }

#slider .ui-slider-handle {
  width: 15px;
  height: 15px;
  margin-top: -2px;
  left: -6px;
  background: #fff;
  border: 2px solid #999;
  border-radius: 15px 15px;
  cursor: pointer; }

#slider span:focus {
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.scale_change {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 5;
  cursor: pointer; }
  .scale_change img {
    max-width: 100%;
    max-height: 100%; }

/* ボディカラー選択 */
.ext_color_container {
  display: flex;
  width: 100%;
  margin: 20px auto;
  max-width: 1000px;
  font-size: 0.8em; }
  @media only screen and (min-width: 500px) and (max-width: 767px) {
    .ext_color_container {
      flex-direction: column-reverse; } }
  @media only screen and (min-width: 321px) and (max-width: 500px) {
    .ext_color_container {
      flex-direction: column-reverse; } }
  @media only screen and (max-width: 320px) {
    .ext_color_container {
      flex-direction: column-reverse; } }
  .ext_color_container .ext_color_desc {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 10px;
    margin-right: 10px;
    background-color: #f2f2f2; }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .ext_color_container .ext_color_desc {
        width: 100%; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .ext_color_container .ext_color_desc {
        width: 100%; } }
    @media only screen and (max-width: 320px) {
      .ext_color_container .ext_color_desc {
        width: 100%; } }
    .ext_color_container .ext_color_desc .block {
      display: flex;
      justify-content: space-between;
      margin: 5px 0; }
      @media only screen and (min-width: 500px) and (max-width: 767px) {
        .ext_color_container .ext_color_desc .block {
          flex-direction: column; } }
      @media only screen and (min-width: 321px) and (max-width: 500px) {
        .ext_color_container .ext_color_desc .block {
          flex-direction: column; } }
      @media only screen and (max-width: 320px) {
        .ext_color_container .ext_color_desc .block {
          flex-direction: column; } }
      .ext_color_container .ext_color_desc .block .color_name {
        font-size: 1.35em;
        flex: 0 0 auto;
        max-width: 100%; }
        @media only screen and (min-width: 768px) {
          .ext_color_container .ext_color_desc .block .color_name {
            width: 65%; } }
      @media only screen and (min-width: 500px) and (max-width: 767px) {
        .ext_color_container .ext_color_desc .block .color_price {
          display: flex;
          justify-content: flex-end; } }
      @media only screen and (min-width: 321px) and (max-width: 500px) {
        .ext_color_container .ext_color_desc .block .color_price {
          display: flex;
          justify-content: flex-end; } }
      @media only screen and (max-width: 320px) {
        .ext_color_container .ext_color_desc .block .color_price {
          display: flex;
          justify-content: flex-end; } }
  .ext_color_container .ext_color_tip_container {
    width: 50%; }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .ext_color_container .ext_color_tip_container {
        width: 100%;
        padding: 0 2%; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .ext_color_container .ext_color_tip_container {
        width: 100%;
        padding: 0 2%; } }
    @media only screen and (max-width: 320px) {
      .ext_color_container .ext_color_tip_container {
        width: 100%;
        padding: 0 2%; } }
    .ext_color_container .ext_color_tip_container .color_tip {
      display: inline-block;
      width: 78px;
      height: 38px;
      margin: 0px 5px 10px;
      cursor: pointer;
      border: 2px solid #ccc; }
      .ext_color_container .ext_color_tip_container .color_tip.active {
        border: 2px solid #006bbe;
        cursor: default;
        pointer-events: none; }
      .ext_color_container .ext_color_tip_container .color_tip.active img {
        position: absolute;
        top: -50%;
        right: -15%;
        padding: 5px 2px 5px 5px;
        background-color: #006bbe;
        border-radius: 50%;
        z-index: 10; }

/* インテリアカラー選択 */
.int_color_container {
  width: 100%;
  margin: 20px auto 0;
  max-width: 1000px; }
  .int_color_container .title {
    width: 100%;
    font-size: 1.2em;
    padding: 30px 5px 5px;
    margin: 0 0 40px;
    border-bottom: 1px solid #006bbe; }
  .int_color_container .int_img_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 95%;
    margin: 10px auto; }
    .int_color_container .int_img_container .int_info_data {
      width: 100%;
      max-width: 1000px; }
      .int_color_container .int_img_container .int_info_data .int_attention {
        max-width: 420px;
        height: 50px;
        font-size: 0.6em; }
        .int_color_container .int_img_container .int_info_data .int_attention pre {
          word-break: break-all;
          white-space: normal; }
      .int_color_container .int_img_container .int_info_data img {
        margin: 0 auto;
        width: 100%;
        max-width: 420px;
        border: 1px solid #fff; }
    @media only screen and (min-width: 768px) {
      .int_color_container .int_img_container {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start; }
        .int_color_container .int_img_container .int_info_data {
          width: 50%; }
          .int_color_container .int_img_container .int_info_data .int_attention {
            height: 50px;
            font-size: 0.6em; }
            .int_color_container .int_img_container .int_info_data .int_attention pre {
              white-space: pre-wrap; }
          .int_color_container .int_img_container .int_info_data img {
            width: 100%;
            height: auto; } }
  .int_color_container .int_color_select_container {
    display: flex;
    width: 100%; }
    @media only screen and (min-width: 500px) and (max-width: 767px) {
      .int_color_container .int_color_select_container {
        flex-direction: column-reverse; } }
    @media only screen and (min-width: 321px) and (max-width: 500px) {
      .int_color_container .int_color_select_container {
        flex-direction: column-reverse; } }
    @media only screen and (max-width: 320px) {
      .int_color_container .int_color_select_container {
        flex-direction: column-reverse; } }
    .int_color_container .int_color_select_container .int_color_tip_container {
      display: flex;
      margin: 0 0 10px; }
      @media only screen and (min-width: 768px) {
        .int_color_container .int_color_select_container .int_color_tip_container {
          margin: 0; } }
      .int_color_container .int_color_select_container .int_color_tip_container .color_tip {
        display: inline-block;
        width: 78px;
        height: 38px;
        margin: 0px 5px;
        cursor: pointer;
        border: 2px solid #ccc; }
        .int_color_container .int_color_select_container .int_color_tip_container .color_tip.active {
          border: 2px solid #006bbe;
          cursor: default;
          pointer-events: none; }
        .int_color_container .int_color_select_container .int_color_tip_container .color_tip.active img {
          position: absolute;
          top: -50%;
          right: -15%;
          padding: 5px 2px 5px 5px;
          background-color: #006bbe;
          border-radius: 50%;
          z-index: 10; }
    .int_color_container .int_color_select_container .desc {
      width: 50%;
      padding: 10px;
      margin-right: 10px;
      font-size: 0.8em;
      background-color: #f2f2f2; }
      @media only screen and (min-width: 500px) and (max-width: 767px) {
        .int_color_container .int_color_select_container .desc {
          width: 100%; } }
      @media only screen and (min-width: 321px) and (max-width: 500px) {
        .int_color_container .int_color_select_container .desc {
          width: 100%; } }
      @media only screen and (max-width: 320px) {
        .int_color_container .int_color_select_container .desc {
          width: 100%; } }
      .int_color_container .int_color_select_container .desc .color_name {
        margin: 10px 0 0;
        font-size: 1.2em; }

/* DOP選択 */
.dop_category_btn_container {
  display: flex;
  flex-direction: column;
  margin: 10px auto 0;
  max-width: 1000px; }
  @media only screen and (min-width: 768px) {
    .dop_category_btn_container {
      flex-direction: row; } }
  .dop_category_btn_container .button_container {
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    width: 100%; }
    .dop_category_btn_container .button_container div {
      display: flex;
      flex: 1;
      width: 100%;
      min-height: 50px;
      justify-content: center;
      align-items: center;
      border: 2px solid #ccc;
      margin: 3px;
      padding: 7px 0 5px 5px;
      cursor: pointer;
      font-size: 0.65em;
      line-height: 1.2;
      background: linear-gradient(white, #e7e7e7); }
      @media only screen and (min-width: 768px) {
        .dop_category_btn_container .button_container div {
          margin: 5px 3px;
          font-size: 0.9em;
          line-height: 1; } }
      .dop_category_btn_container .button_container div.active {
        border: 2px solid #006bbe;
        cursor: default;
        pointer-events: none; }
      .dop_category_btn_container .button_container div::before {
        content: "";
        position: absolute;
        top: 10px;
        bottom: 10px;
        left: 7px;
        border: 2px solid #006bbe;
        background-color: #006bbe; }
        @media only screen and (min-width: 768px) {
          .dop_category_btn_container .button_container div::before {
            left: 10px; } }
      .dop_category_btn_container .button_container div.first {
        margin-left: 0; }
        @media only screen and (min-width: 768px) {
          .dop_category_btn_container .button_container div.first {
            flex: 1.2; } }
      .dop_category_btn_container .button_container div.last {
        /* margin-right:0; */ }

.dop_info_dialog_wrap {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50; }
  @media only screen and (min-width: 768px) {
    .dop_info_dialog_wrap {
      min-width: 600px; } }
  .dop_info_dialog_wrap .dop_info_dialog {
    position: fixed;
    display: flex;
    width: 90%;
    height: auto;
    max-height: 90%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    flex-direction: column;
    justify-content: space-between;
    margin: auto;
    padding: 40px 20px 10px;
    pointer-events: all;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .dop_info_dialog_wrap .dop_info_dialog {
        flex-direction: row;
        width: 700px;
        height: auto; } }
    @media only screen and (min-width: 768px) {
      .dop_info_dialog_wrap .dop_info_dialog .left {
        width: 60%; } }
    .dop_info_dialog_wrap .dop_info_dialog .left img {
      width: 100%; }
    .dop_info_dialog_wrap .dop_info_dialog .right {
      margin: 0 10px 5px;
      font-size: 0.9em; }
      @media only screen and (min-width: 768px) {
        .dop_info_dialog_wrap .dop_info_dialog .right {
          display: flex;
          width: 40%;
          flex-direction: column;
          justify-content: space-between;
          font-size: 1em; } }
      .dop_info_dialog_wrap .dop_info_dialog .right .item {
        font-size: 0.9em; }
        .dop_info_dialog_wrap .dop_info_dialog .right .item:first-child {
          margin: 5px 0 0; }
      .dop_info_dialog_wrap .dop_info_dialog .right .price {
        text-align: right; }
        .dop_info_dialog_wrap .dop_info_dialog .right .price span {
          font-size: 0.85em; }

.dop_item_container {
  display: flex;
  flex-direction: column;
  margin: 5px auto;
  padding: 10px 5px 3px;
  max-height: 380px;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background-color: #f2f2f2;
  border: 1px solid #ccc; }
  @media only screen and (min-width: 768px) {
    .dop_item_container {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 1000px;
      max-height: 450px; } }
  .dop_item_container .dop_item {
    display: flex;
    width: 95%;
    min-height: 110px;
    margin: 5px auto;
    padding: 5px;
    background-color: #fff;
    border: 2px solid #ccc;
    cursor: pointer; }
    .dop_item_container .dop_item.active {
      background-color: #eff6ff;
      border: 2px solid #006bbe; }
    .dop_item_container .dop_item.deactive {
      opacity: 0.3;
      cursor: default;
      pointer-events: none; }
    .dop_item_container .dop_item.empty {
      border: 0;
      cursor: default;
      pointer-events: none;
      background-color: #f2f2f2; }
    @media only screen and (min-width: 768px) {
      .dop_item_container .dop_item {
        width: 32%;
        min-width: 320px;
        min-height: 125px;
        margin: 5px auto; } }
    .dop_item_container .dop_item .left {
      /* display: flex; */
      /*
            flex-direction: column;
            justify-content: space-between;
            */ }
      @media only screen and (min-width: 768px) {
        .dop_item_container .dop_item .left {
          flex: 6; } }
      .dop_item_container .dop_item .left img {
        max-width: 150px; }
        @media only screen and (min-width: 768px) {
          .dop_item_container .dop_item .left img {
            width: auto;
            max-width: 100%; } }
      .dop_item_container .dop_item .left .price {
        display: block;
        /* display:flex; */
        /* justify-content: center; */
        flex: 3;
        /* align-items: flex-end; */
        font-size: .9em;
        text-align: center;
        margin: -5px 0 0; }
        .dop_item_container .dop_item .left .price span {
          font-size: 0.8em; }
        @media only screen and (min-width: 768px) {
          .dop_item_container .dop_item .left .price {
            justify-content: flex-end;
            align-items: flex-end;
            margin: 0; } }
    .dop_item_container .dop_item .center {
      flex: 6;
      margin: 0 5px 0 10px;
      /* width:auto; */
      font-size: 0.7em; }
      @media only screen and (min-width: 768px) {
        .dop_item_container .dop_item .center {
          flex: 4; } }
    .dop_item_container .dop_item .right {
      display: flex;
      flex-direction: column;
      /* justify-content: space-between; */
      flex: 1.5;
      text-align: right; }
      .dop_item_container .dop_item .right div {
        height: 100%; }
      .dop_item_container .dop_item .right .icon_3d img {
        width: 20px; }
      .dop_item_container .dop_item .right .dop_info {
        position: absolute;
        width: 30px;
        right: 0;
        bottom: 0;
        z-index: 20;
        pointer-events: all; }
        @media only screen and (min-width: 768px) {
          .dop_item_container .dop_item .right .dop_info {
            width: 100%; } }
    .dop_item_container .dop_item.dop_caution {
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 50px;
      max-height: 50px;
      font-size: 0.8em;
      background: linear-gradient(white, #e7e7e7); }
      @media only screen and (min-width: 768px) {
        .dop_item_container .dop_item.dop_caution {
          min-height: 125px; } }
      .dop_item_container .dop_item.dop_caution img {
        margin: 0;
        width: 40px;
        height: auto; }

.dop_annotation {
  width: 95%;
  margin: 10px auto;
  max-width: 1000px;
  font-size: 0.6em; }
  .dop_annotation img {
    width: 20px;
    height: 20px;
    margin: 0; }
  @media only screen and (min-width: 768px) {
    .dop_annotation {
      display: block;
      width: 100%;
      font-size: 0.6em; }
      .dop_annotation div {
        width: 100%; }
      .dop_annotation .icon {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin: 5px 0 0; } }

.dop_link_container {
  width: 100%;
  margin: 20px auto 0;
  max-width: 1000px;
  border-bottom: 1px solid #ccc; }
  .dop_link_container ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 5px 0; }
    .dop_link_container ul li {
      display: flex;
      width: 100%;
      padding: 10px;
      justify-content: center;
      align-items: center;
      color: #6c9eda;
      font-size: 0.9em;
      cursor: pointer;
      color: #006bbe;
      border-right: 1px solid #ccc; }
      .dop_link_container ul li:first-child {
        border-left: 1px solid #ccc; }
      @media only screen and (min-width: 768px) {
        .dop_link_container ul li {
          font-size: 1.1em; } }
      .dop_link_container ul li span {
        position: absolute;
        right: 15px;
        top: 0; }
      .dop_link_container ul li.result_link {
        display: none; }
        @media only screen and (min-width: 768px) {
          .dop_link_container ul li.result_link {
            display: block; } }
      .dop_link_container ul li.result_link {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 15px;
        color: #fff;
        background-color: #006bbe; }

.dop_help_container_wrap {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50; }
  @media only screen and (min-width: 768px) {
    .dop_help_container_wrap {
      min-width: 600px; } }
  .dop_help_container_wrap .dop_help_container {
    position: fixed;
    display: flex;
    width: 90%;
    height: auto;
    max-height: 80%;
    flex-direction: column;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    padding: 30px 0 10px;
    pointer-events: all;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .dop_help_container_wrap .dop_help_container {
        width: 70%;
        height: auto;
        max-width: 900px;
        padding: 40px 20px 10px; } }
    .dop_help_container_wrap .dop_help_container .title {
      text-align: center;
      margin: 0 20px 20px;
      font-size: 1em;
      pointer-events: all; }
      @media only screen and (min-width: 768px) {
        .dop_help_container_wrap .dop_help_container .title {
          margin: 20px; } }
    .dop_help_container_wrap .dop_help_container .close_button {
      position: absolute;
      top: 10px;
      right: 15px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .dop_help_container_wrap .dop_help_container .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }
    .dop_help_container_wrap .dop_help_container .body_container {
      font-size: 0.8em;
      overflow-y: auto;
      pointer-events: all;
      -webkit-overflow-scrolling: touch;
      padding: 0 20px; }
      @media only screen and (min-width: 768px) {
        .dop_help_container_wrap .dop_help_container .body_container {
          padding: 0; } }
      .dop_help_container_wrap .dop_help_container .body_container pre {
        white-space: pre-wrap; }

/* DOP選択済みアイテム */
/* SP */
.dop_selected_list_container {
  width: 95%;
  margin: 0 auto; }
  .dop_selected_list_container .title {
    font-size: 1.2em;
    width: 100%;
    margin: 10% 0 0 0;
    padding-left: 5px;
    border-bottom: 1px solid #6c9eda; }
  .dop_selected_list_container .nums_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1em;
    margin: 30px 5px 0; }
    .dop_selected_list_container .nums_container span {
      display: inline-block;
      font-size: 1.5em;
      margin: 0 5px; }
  .dop_selected_list_container .custion {
    margin: 5px;
    font-size: 0.9em; }
  .dop_selected_list_container .selected_items_container {
    display: flex;
    flex-direction: column;
    border: 1px solid #6c9eda;
    border-bottom: 0; }
    .dop_selected_list_container .selected_items_container .top-border {
      border-top: 1px solid #6c9eda; }
    .dop_selected_list_container .selected_items_container .title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin: 0;
      padding: 10px;
      font-size: 0.9em;
      font-weight: bold;
      border-bottom: 1px solid #6c9eda; }
      .dop_selected_list_container .selected_items_container .title img {
        width: 30px;
        height: auto; }
    .dop_selected_list_container .selected_items_container .dop_result {
      width: 100%;
      font-size: 0.8em; }
      .dop_selected_list_container .selected_items_container .dop_result .dop_category_title {
        margin: 20px 0;
        padding: 0 5px;
        font-weight: bold; }
        .dop_selected_list_container .selected_items_container .dop_result .dop_category_title hr {
          width: 100%; }
        .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item {
          padding: 0 10px;
          font-weight: normal; }
          .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label {
            display: flex; }
            .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item {
              display: flex;
              width: 100%;
              margin: 5px 0;
              justify-content: space-between;
              font-size: 0.9em; }
              .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item .name {
                text-align: left;
                width: 70%;
                margin-left: 25px; }
              .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item .price {
                width: 30%;
                text-align: right; }
            .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label input[type=checkbox] {
              display: none; }
            .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label input[type=checkbox]:checked + .item::before {
              opacity: 1;
              /* 要素を表示する */ }
            .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item::before, .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item::after {
              content: "";
              position: absolute;
              display: block;
              top: 50%; }
            .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item::after {
              left: 0px;
              /* 左から配置の基準位置を決める */
              margin-top: -10px;
              /* チェック枠の位置 */
              width: 15px;
              /* ボックスの横幅を指定する */
              height: 15px;
              /* ボックスの高さを指定する */
              border: 2px solid #ccc;
              /* ボックスの境界線を実線で指定する */ }
            .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item .dop_label .item::before {
              left: 6px;
              /* 左から配置の基準位置を決める */
              margin-top: -7px;
              /* チェックマークの位置 */
              width: 5px;
              /* ボックスの横幅を指定する */
              height: 9px;
              /* ボックスの高さを指定する */
              border-right: 3px solid #0171bd;
              /* 境界線（右）のスタイルを指定する */
              border-bottom: 3px solid #0171bd;
              /* 境界線（下）のスタイルを指定する */
              transform: rotate(45deg);
              /* 要素を回転させる */
              opacity: 0;
              /* 要素を透過指定する */ }
        .dop_selected_list_container .selected_items_container .dop_result .dop_category_title .selected_item:nth-child(even) {
          background-color: #f2f2f2; }

.dop_select_container .render_container {
  margin: 0; }

.dop_select_container .title_desc {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  margin: 0;
  padding: 0; }
  .dop_select_container .title_desc .desc {
    margin: 10px 5px; }
  .dop_select_container .title_desc .render_help2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    cursor: pointer;
    margin: 5px; }
  .dop_select_container .title_desc img {
    padding: 0 10px; }

@media only screen and (min-width: 768px) {
  .dop_select_container .title_desc {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin: 10px auto;
    justify-content: space-between;
    align-items: center;
    max-width: 1000px; }
    .dop_select_container .title_desc .desc {
      margin: 10px 5px; }
    .dop_select_container .title_desc .render_help2 {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      margin: 5px; }
    .dop_select_container .title_desc img {
      padding: 0 5px; } }

.dop_select_container .total_price_container {
  margin: 15px 20px 0; }
  .dop_select_container .total_price_container .total_price {
    text-align: right; }
    .dop_select_container .total_price_container .total_price span {
      font-size: 1.5em;
      margin-right: 3px; }

.dop_select_container .dop_reset_container {
  width: 100%;
  display: flex;
  justify-content: center; }
  .dop_select_container .dop_reset_container .dop_reset {
    width: auto;
    margin: 15px auto 15px;
    padding: 15px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer; }

/* PC */
@media only screen and (min-width: 768px) {
  .dop_selected_list_container {
    width: 100%;
    margin: 0 auto;
    max-width: 1000px;
    justify-content: center; }
    .dop_selected_list_container .title {
      font-size: 1.2em;
      width: 100%;
      margin: 30px 0 0;
      padding-left: 0;
      border-bottom: 1px solid #6c9eda; }
    .dop_selected_list_container .custion {
      margin: 5px;
      font-size: 0.8em; }
    .dop_selected_list_container .dop_result {
      display: flex; }
      .dop_selected_list_container .dop_result .dop_category_wrap {
        width: 95%; }
        .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title {
          margin: 20px 0;
          font-size: 1.2em; }
          .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title hr {
            width: 95%; }
          .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item {
            width: 95%; }
            .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label {
              display: flex;
              align-items: center; }
              .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item {
                display: flex;
                width: 100%;
                justify-content: space-around;
                align-items: center;
                font-size: 0.8em;
                padding: 3px 0 3px 40px; }
                .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item .name {
                  text-align: left;
                  flex: 3; }
                .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item .price {
                  flex: 1;
                  text-align: right;
                  margin-right: 5px; }
                  .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item .price span {
                    font-size: 0.85em; }
              .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label input[type=checkbox] {
                display: none; }
              .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label input[type=checkbox]:checked + .item::before {
                opacity: 1;
                /* 要素を表示する */ }
              .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item::before, .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item::after {
                content: "";
                position: absolute;
                display: block;
                top: 50%; }
              .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item::after {
                left: 15px;
                /* 左から配置の基準位置を決める */
                margin-top: -10px;
                /* チェック枠の位置 */
                width: 15px;
                /* ボックスの横幅を指定する */
                height: 15px;
                /* ボックスの高さを指定する */
                border: 2px solid #ccc;
                /* ボックスの境界線を実線で指定する */ }
              .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item .dop_label .item::before {
                left: 21px;
                /* 左から配置の基準位置を決める */
                margin-top: -7px;
                /* チェックマークの位置 */
                width: 5px;
                /* ボックスの横幅を指定する */
                height: 9px;
                /* ボックスの高さを指定する */
                border-right: 3px solid #0171bd;
                /* 境界線（右）のスタイルを指定する */
                border-bottom: 3px solid #0171bd;
                /* 境界線（下）のスタイルを指定する */
                transform: rotate(45deg);
                /* 要素を回転させる */
                opacity: 0;
                /* 要素を透過指定する */ }
          .dop_selected_list_container .dop_result .dop_category_wrap .dop_category_title .selected_item:nth-child(even) {
            background-color: #f2f2f2; }
    .dop_selected_list_container .dop_selected_result {
      display: flex;
      width: 100%;
      max-width: 1000px;
      margin: 0 auto;
      padding: 8px 0;
      justify-content: space-between;
      align-items: center;
      border: 1px solid #6c9eda;
      border-left: 0;
      border-right: 0;
      font-size: 0.9em; }
      .dop_selected_list_container .dop_selected_result span {
        display: inline-block;
        width: 50px;
        text-align: center;
        font-size: 1.5em; }
      .dop_selected_list_container .dop_selected_result .price {
        display: inline-block;
        width: 120px;
        text-align: right; }
      .dop_selected_list_container .dop_selected_result .dop_reset {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        cursor: pointer;
        border: 1px solid #ccc;
        background-color: #f2f2f2; } }

/* 見積結果 */
.estimate_result_container {
  width: 100%;
  margin: 0 auto; }
  .estimate_result_container .your_car_container {
    max-width: 1000px;
    font-size: 1em;
    padding-left: 5px;
    margin: 20px auto 15px;
    line-height: 1; }
    @media only screen and (min-width: 768px) {
      .estimate_result_container .your_car_container {
        font-size: 1.2em;
        border-left: 4px solid #6c9eda; } }
    .estimate_result_container .your_car_container span {
      margin: 0 2px; }
      @media only screen and (min-width: 768px) {
        .estimate_result_container .your_car_container span {
          font-size: 1.4em;
          margin: 0 2px; } }
  .estimate_result_container .total_price_container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1000px; }
    @media only screen and (min-width: 768px) {
      .estimate_result_container .total_price_container {
        margin: 0 auto;
        flex-direction: row;
        justify-content: flex-end; } }
    .estimate_result_container .total_price_container .price_block {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      width: 95%;
      text-align: center; }
      @media only screen and (min-width: 768px) {
        .estimate_result_container .total_price_container .price_block {
          width: 40%;
          justify-content: center;
          margin: 12px 50px 0 0; } }
      .estimate_result_container .total_price_container .price_block span {
        font-size: 1.8em;
        line-height: 1; }
        @media only screen and (min-width: 768px) {
          .estimate_result_container .total_price_container .price_block span {
            padding: 0 10px 0;
            font-size: 2.2em; } }
      .estimate_result_container .total_price_container .price_block .price {
        width: 100%;
        text-align: right; }
        @media only screen and (min-width: 768px) {
          .estimate_result_container .total_price_container .price_block .price {
            border-bottom: 1px solid #6c9eda; } }
      .estimate_result_container .total_price_container .price_block .uchiwake {
        width: 100%;
        text-align: right;
        margin: 5px 0 0;
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          .estimate_result_container .total_price_container .price_block .uchiwake {
            text-align: right; } }
        .estimate_result_container .total_price_container .price_block .uchiwake img {
          width: 15px;
          height: 15px;
          margin-left: 20px; }
    .estimate_result_container .total_price_container .arrow3 {
      display: none;
      align-items: center; }
      @media only screen and (min-width: 768px) {
        .estimate_result_container .total_price_container .arrow3 {
          display: flex; } }
    .estimate_result_container .total_price_container .credit_info_container_pc {
      display: flex;
      flex-direction: column;
      width: 30%;
      align-items: center;
      /*
            div:last-child{
                margin:5px 0 5px;
                font-size:0.7em;
                left:40px;
            }
            */ }
      .estimate_result_container .total_price_container .credit_info_container_pc span {
        margin: 0 10px 0;
        font-size: 1.6em; }
      .estimate_result_container .total_price_container .credit_info_container_pc .rei {
        display: flex;
        align-items: center;
        padding: 5px 20px;
        border: 1px solid #6c9eda;
        cursor: pointer; }
        .estimate_result_container .total_price_container .credit_info_container_pc .rei img {
          margin: 0 10px; }
    .estimate_result_container .total_price_container .credit_info_container_sp {
      display: flex;
      width: 95%;
      margin: 10px auto 0;
      padding: 5px 0 0;
      justify-content: space-between;
      border-top: 1px solid #ccc; }
      .estimate_result_container .total_price_container .credit_info_container_sp span {
        font-size: 1.6em; }
      .estimate_result_container .total_price_container .credit_info_container_sp .rei {
        display: flex;
        align-items: center;
        padding: 5px 10px;
        margin: 10px 0 0;
        border: 1px solid #6c9eda;
        cursor: pointer; }
        .estimate_result_container .total_price_container .credit_info_container_sp .rei img {
          margin: 0 10px 0 2px; }
      .estimate_result_container .total_price_container .credit_info_container_sp > div:first-child {
        padding: 0 10px 0 0;
        font-size: 0.9em; }
    .estimate_result_container .total_price_container .attention {
      margin: 5px 0 0 5px;
      font-size: 0.6em; }
      @media only screen and (min-width: 321px) and (max-width: 500px) {
        .estimate_result_container .total_price_container .attention {
          font-size: 0.55em; } }
      @media only screen and (max-width: 320px) {
        .estimate_result_container .total_price_container .attention {
          font-size: 0.5em; } }
  .estimate_result_container .uchiwake_container {
    max-width: 1000px;
    width: 95%;
    margin: 0 auto; }
    .estimate_result_container .uchiwake_container .title_container {
      padding: 15px 20px;
      background-color: #f2f2f2; }
      .estimate_result_container .uchiwake_container .title_container .title {
        padding-left: 10px;
        font-size: 1.4em;
        border-left: 4px solid #6c9eda; }
      .estimate_result_container .uchiwake_container .title_container .print-button {
        position: absolute;
        display: flex;
        right: 20px;
        top: 50%;
        padding: 5px 10px;
        transform: translateY(-50%);
        background-color: #fff;
        cursor: pointer; }
        .estimate_result_container .uchiwake_container .title_container .print-button img {
          margin-right: 3px; }
    .estimate_result_container .uchiwake_container .result_container {
      width: 100%;
      margin: 30px 0 0; }
      .estimate_result_container .uchiwake_container .result_container .result_area .result_item {
        margin: 30px 0 0; }
        .estimate_result_container .uchiwake_container .result_container .result_area .result_item.mop_result {
          margin: 10px 0 0; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item.mop_result .title {
            padding: 0 0 5px;
            font-size: 0.8em; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item.mop_result .title .menu_link {
              font-size: 1.0em; }
        .estimate_result_container .uchiwake_container .result_container .result_area .result_item .title {
          display: flex;
          justify-content: space-between;
          font-size: 1.2em;
          font-style: bold;
          border-bottom: 1px solid #e6e6e6; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .title > div > span {
            color: #006bbe; }
        .estimate_result_container .uchiwake_container .result_container .result_area .result_item .price {
          text-align: right; }
        .estimate_result_container .uchiwake_container .result_container .result_area .result_item .total span {
          font-size: 1.6em; }
        .estimate_result_container .uchiwake_container .result_container .result_area .result_item .sub {
          display: flex;
          justify-content: space-between;
          align-items: center;
          font-size: 1.1em; }
        .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area {
          border: 1px solid #6c9eda;
          font-size: 0.8em; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area.closed {
            border-bottom: 0; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 20px 10px 0;
            font-weight: bold; }
            @media only screen and (min-width: 768px) {
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_title {
                padding: 5px 10px; } }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_title .icon_area {
              display: flex;
              align-items: center;
              width: 30px;
              height: 30px; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_title .icon_area img {
                width: 100%; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .sub_title {
            margin: 30px 0 0 5px;
            font-weight: bold; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control {
            border-bottom: 1px solid #6c9eda;
            padding: 20px; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 {
            border-top: 1px solid #6c9eda;
            padding: 20px; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 ul {
              list-style: none;
              width: 100%; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 ul li {
                display: flex;
                justify-content: space-between; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 ul li:nth-child(odd) {
                  background-color: #f2f2f2; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 ul li.tax_top {
                  padding: 5px 10px;
                  font-weight: bold;
                  background-color: #fff; }
                  .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 ul li.tax_top .price {
                    font-weight: normal; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .control2 ul li.tax_detail {
                  padding: 5px 10px 5px 20px;
                  font-weight: normal; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_content {
            display: flex;
            justify-content: space-between;
            padding: 5px 20px;
            border-top: 1px solid #f2f2f2; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_content.mop {
              display: block; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_content.mop div:first-child {
                display: flex;
                justify-content: space-between; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .item_content.mop .mop_item_content {
                margin: 5px 0;
                font-size: 0.8em; }
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_area .bg_gray {
            background-color: #f2f2f2; }
      .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container {
        margin: 20px 0 0; }
        .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .title {
          width: 100%;
          padding: 5px 10px;
          font-weight: bold;
          border-bottom: 1px solid #ccc; }
        .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container {
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin: 10px 0 0; }
          .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container div:first-child {
            width: 40%;
            padding-left: 10px;
            font-size: 0.8em; }
            @media only screen and (min-width: 768px) {
              .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container div:first-child {
                width: 50%; } }
          .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container .input_container {
            font-size: 1.2em; }
            .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container .input_container input[type=text] {
              width: 100px;
              text-align: right;
              padding: 0;
              font-size: 1em;
              background-color: #f2f2f2;
              border: 1px solid #ccc; }
  .estimate_result_container .bottom_total_price_container {
    margin: 20px 0;
    border-top: 1px solid #6c9eda; }
    .estimate_result_container .bottom_total_price_container .result_area {
      display: flex;
      flex-direction: column;
      width: 90%;
      margin: 15px auto 0;
      padding-bottom: 5px;
      justify-content: space-between;
      max-width: 1000px;
      border-bottom: 1px solid #ccc; }
      .estimate_result_container .bottom_total_price_container .result_area .title {
        text-align: left;
        font-size: 1.5em; }
      .estimate_result_container .bottom_total_price_container .result_area .price_area {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        width: 100%;
        text-align: right; }
        .estimate_result_container .bottom_total_price_container .result_area .price_area .sub {
          font-size: 0.8em; }
        .estimate_result_container .bottom_total_price_container .result_area .price_area .total_price {
          display: flex;
          align-items: baseline;
          padding: 5px 15px 0;
          line-height: 1;
          background: #dfeffb; }
          .estimate_result_container .bottom_total_price_container .result_area .price_area .total_price span {
            font-size: 2em; }
    .estimate_result_container .bottom_total_price_container .attention {
      margin: 0 auto;
      max-width: 1000px;
      font-size: 0.7em;
      padding: 5px 20px; }
      @media only screen and (min-width: 768px) {
        .estimate_result_container .bottom_total_price_container .attention {
          margin: 10px auto 0;
          padding: 0 5px; } }
  .estimate_result_container .send_dealer_area {
    display: flex;
    width: 95%;
    max-width: 1000px;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    padding: 10px 0;
    font-size: 1.2em;
    background-color: #eff6ff;
    border: 2px solid #006bbe;
    border-radius: 40px; }
    @media only screen and (min-width: 768px) {
      .estimate_result_container .send_dealer_area {
        width: 900px;
        font-size: 1.4em; } }
    .estimate_result_container .send_dealer_area .img_box {
      width: 50px;
      height: auto;
      top: 2px;
      margin-right: 10px; }
      .estimate_result_container .send_dealer_area .img_box img {
        width: 100%;
        max-width: 100%;
        height: auto; }
    .estimate_result_container .send_dealer_area:hover {
      opacity: 0.65;
      cursor: pointer; }
  .estimate_result_container .zanka_detail_container_pc_wrap {
    height: 0;
    max-width: 1200px;
    margin: 0 auto;
    text-align: right;
    z-index: 50; }
    .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc {
      position: absolute;
      display: flex;
      flex-direction: column;
      width: 850px;
      top: 40px;
      right: 10px;
      padding: 25px 25px 10px;
      border-radius: 10px;
      border: 1px solid #6c9eda;
      background-color: #fff; }
      .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc p {
        font-size: 0.8em;
        color: #C00;
        margin: 0px 0 0 209px;
        text-align: left; }
      .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .close_btn {
        position: absolute;
        top: 10px;
        right: 10px; }
      .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area .zanka_detail_top {
          width: 64%; }
          .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area .zanka_detail_top img {
            width: 100%; }
          .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area .zanka_detail_top div {
            text-align: left;
            margin: -20px 0 15px;
            font-size: 0.8em; }
            .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area .zanka_detail_top div span {
              text-decoration: underline; }
        .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area ul {
          list-style: none;
          margin: 0 20px;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          line-height: 1.35; }
          .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area ul li {
            font-size: .9em; }
            .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area ul li span {
              font-size: 1.1em; }
          .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area ul .tukizuki {
            width: 100%;
            font-size: 1.1em;
            text-align: left;
            margin: 5px 0;
            border-bottom: 2px solid #006bbe; }
            .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_area ul .tukizuki span {
              font-size: 1.6em;
              color: #006bbe; }
      .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_link {
        margin: 14px 20px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_link .zanka_link_btn {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          padding: 20px 0;
          color: #fff;
          font-size: 1.2em;
          cursor: pointer;
          background-color: #006bbe; }
          .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc .zanka_detail_link .zanka_link_btn img {
            position: absolute;
            top: 5px;
            right: 5px; }
    .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc:before {
      content: "";
      position: absolute;
      top: -40px;
      right: 200px;
      border: 20px solid transparent;
      border-bottom-color: #006bbe; }
    .estimate_result_container .zanka_detail_container_pc_wrap .zanka_detail_container_pc:after {
      content: "";
      position: absolute;
      top: -39px;
      right: 200px;
      border: 20px solid transparent;
      border-bottom-color: #fff; }
  .estimate_result_container .zanka_detail_container_sp_wrap {
    height: 0;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 50; }
    .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp {
      position: absolute;
      display: flex;
      width: 95%;
      max-width: 400px;
      right: 10px;
      top: 20px;
      flex-direction: column;
      border-radius: 10px;
      border: 1px solid #6c9eda;
      background-color: #fff;
      padding: 10px 0; }
      .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container {
        width: 80%;
        margin: 0 auto; }
        .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container ul {
          list-style: none;
          line-height: 1.35; }
          .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container ul li {
            font-size: .8em;
            text-align: left; }
            .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container ul li span {
              font-size: 1.1em; }
          .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container ul .title {
            font-size: 1.1em;
            margin: 5px 0;
            text-align: center; }
          .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container ul .tukizuki {
            width: 100%;
            font-size: 1.1em;
            text-align: center;
            margin: 5px 0;
            border-bottom: 2px solid #006bbe; }
            .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container ul .tukizuki span {
              font-size: 1.6em;
              color: #006bbe; }
        .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .detail_container p {
          font-size: 0.7em;
          color: #C00;
          margin: 5px 0; }
      .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .zanka_detail_link {
        display: flex;
        justify-content: center;
        padding: 10px 0 0; }
        .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .zanka_detail_link .img_box {
          width: 40%;
          padding: 10px;
          max-width: 187px; }
          .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .zanka_detail_link .img_box img {
            width: 100%; }
        .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .zanka_detail_link .zanka_link_btn {
          font-size: 0.9em;
          display: flex;
          flex-direction: column;
          justify-content: center; }
          .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .zanka_detail_link .zanka_link_btn div {
            display: flex;
            align-items: center; }
            .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp .zanka_detail_link .zanka_link_btn div img {
              width: 15px;
              height: 15px;
              margin-left: 5px; }
    .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp:before {
      content: "";
      position: absolute;
      top: -40px;
      right: 50px;
      border: 20px solid transparent;
      border-bottom-color: #006bbe; }
    .estimate_result_container .zanka_detail_container_sp_wrap .zanka_detail_container_sp:after {
      content: "";
      position: absolute;
      top: -39px;
      right: 50px;
      border: 20px solid transparent;
      border-bottom-color: #fff; }
  .estimate_result_container .zanka_container_sp {
    padding: 20px 0 10px;
    border: 1px solid #006bbe;
    border-left: 0;
    border-right: 0; }
    .estimate_result_container .zanka_container_sp .zanka_area {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin: 0 auto;
      padding: 0 5px;
      max-width: 1000px; }
      .estimate_result_container .zanka_container_sp .zanka_area .zanka_img img {
        max-width: 100%;
        width: auto; }
      .estimate_result_container .zanka_container_sp .zanka_area > div {
        width: 100%; }
        .estimate_result_container .zanka_container_sp .zanka_area > div ul {
          display: flex;
          flex-direction: column;
          padding: 20px 0;
          justify-content: space-around;
          list-style: none; }
          .estimate_result_container .zanka_container_sp .zanka_area > div ul li:first-child {
            flex: 0 0 40%; }
            .estimate_result_container .zanka_container_sp .zanka_area > div ul li:first-child .img_box img {
              max-width: 100%;
              width: auto; }
      .estimate_result_container .zanka_container_sp .zanka_area .credit_plan {
        font-size: 1em;
        padding: 20px;
        margin: 20px 0 0;
        border-top: 3px solid #006bbe; }
        .estimate_result_container .zanka_container_sp .zanka_area .credit_plan span {
          font-size: 1.2em;
          font-weight: bold; }
      .estimate_result_container .zanka_container_sp .zanka_area .at {
        width: 90%;
        margin: 0 auto; }
      .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area {
        max-width: 400px;
        margin: 0 auto; }
        .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area ul:first-child {
          display: block;
          width: 90%;
          max-width: 400px;
          height: 100%;
          margin: 0 auto;
          padding: 0 20px;
          font-size: 1.2em;
          background-color: #f8f8f8;
          border: 1px solid #006bbe; }
          .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area ul:first-child li {
            margin: 10px 5px;
            text-align: center;
            font-size: 0.9em; }
          .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area ul:first-child li:first-child {
            font-size: 0.8em;
            padding: 10px 0;
            text-align: center;
            border-bottom: 1px solid #006bbe; }
          .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area ul:first-child li span {
            font-size: 1.5em; }
        .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area ul:last-child {
          display: block;
          width: 90%;
          max-width: 400px;
          margin: 0 auto; }
          .estimate_result_container .zanka_container_sp .zanka_area .credit_info_area ul:last-child li {
            font-size: 1em;
            line-height: 1.5; }
      .estimate_result_container .zanka_container_sp .zanka_area .link {
        text-align: center;
        margin: 10px 0;
        font-size: 0.9em; }
    .estimate_result_container .zanka_container_sp .credit_link {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 80px;
      margin: 20px auto;
      max-width: 1000px;
      font-size: 1.2em;
      color: #fff;
      background-color: #006bbe; }
      .estimate_result_container .zanka_container_sp .credit_link img {
        position: absolute;
        top: 5px;
        right: 5px; }
        @media only screen and (min-width: 768px) {
          .estimate_result_container .zanka_container_sp .credit_link img {
            top: 10px;
            right: 10px;
            width: 15px; } }
      .estimate_result_container .zanka_container_sp .credit_link:hover {
        cursor: pointer;
        opacity: 0.7; }
  @media only screen and (min-width: 768px) {
    .estimate_result_container .uchiwake_container {
      max-width: 1000px;
      margin: 0 auto; }
      .estimate_result_container .uchiwake_container .title_container {
        padding: 15px 20px;
        background-color: #f2f2f2; }
        .estimate_result_container .uchiwake_container .title_container .title {
          padding-left: 10px;
          font-size: 1.4em;
          border-left: 4px solid #6c9eda; }
      .estimate_result_container .uchiwake_container .result_container {
        display: flex;
        margin: 0 auto;
        width: 100%;
        justify-content: space-between;
        max-width: 1000px; }
        .estimate_result_container .uchiwake_container .result_container .result_area {
          width: 100%; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) {
        .estimate_result_container .uchiwake_container .result_container .result_area {
          width: 480px; } }
  @media only screen and (min-width: 768px) {
          .estimate_result_container .uchiwake_container .result_container .result_area .result_item {
            margin: 50px 0 0; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .title {
              padding: 0 0 5px;
              font-size: 1em;
              font-weight: bold;
              border-bottom: 1px solid #ccc; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .title > div > span {
                color: #006bbe; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .title .menu_link {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 0.8em;
                color: #006bbe;
                border: 1px solid #006bbe;
                padding: 5px 5px 3px;
                min-width: 150px;
                line-height: 1;
                cursor: pointer; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item .title .menu_link img {
                  top: -2px;
                  margin-left: 5px; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .price {
              text-align: right; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .total {
              width: 100%;
              display: flex;
              justify-content: space-between;
              font-size: 0.8em;
              padding: 5px 20px 0; } }
          @media only screen and (min-width: 768px) and (min-width: 768px) {
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .total {
              font-size: 1.2em; } }
  @media only screen and (min-width: 768px) {
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .total2 {
              width: 100%;
              display: flex;
              justify-content: space-between;
              font-size: 0.8em;
              padding: 5px 20px 0; } }
          @media only screen and (min-width: 768px) and (min-width: 768px) {
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .total2 {
              font-size: 0.8em; } }
  @media only screen and (min-width: 768px) {
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .sub_title {
              font-size: 0.8em;
              font-weight: bold;
              margin: 30px 0 5px; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_title {
              display: flex;
              height: 47px;
              justify-content: space-between;
              padding: 20px 0 5px;
              font-size: 0.8em;
              font-weight: bold; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_title .menu_link {
                display: flex;
                align-items: center;
                justify-content: space-between;
                font-size: 1em;
                color: #006bbe;
                border: 1px solid #006bbe;
                padding: 5px 5px 3px;
                min-width: 150px;
                line-height: 1;
                cursor: pointer; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_title .menu_link img {
                  top: -2px;
                  margin-left: 5px; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .item_content {
              display: flex;
              justify-content: space-between;
              padding: 5px 20px;
              font-size: 0.8em;
              border-top: 1px solid #ccc; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .bg_gray {
              background-color: #f2f2f2; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .mop_item_content {
              display: flex;
              justify-content: space-between;
              padding: 0px 20px;
              font-size: 0.8em; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item .detail_btn {
              position: absolute;
              top: 5px;
              right: -25px;
              display: block;
              border: 8px solid #fff;
              border-top-color: #000;
              cursor: pointer; }
            .estimate_result_container .uchiwake_container .result_container .result_area .result_item ul {
              list-style: none;
              font-size: 0.8em; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item ul li {
                display: flex;
                width: 100%;
                justify-content: space-between;
                margin: 5px 20px 5px 0px;
                padding: 5px 20px 5px 20px; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item ul li:nth-child(even) {
                  background-color: #f2f2f2; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item ul .tax_top {
                padding-right: 20px;
                font-weight: bold;
                background-color: #fff; }
                .estimate_result_container .uchiwake_container .result_container .result_area .result_item ul .tax_top .price {
                  font-weight: normal; }
              .estimate_result_container .uchiwake_container .result_container .result_area .result_item ul .tax_detail {
                padding-left: 30px; }
          .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container {
            margin: 20px 0 0; }
            .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .title {
              width: 100%;
              padding: 5px 10px;
              font-weight: bold;
              border-bottom: 1px solid #ccc; }
            .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin: 10px 0 0; }
              .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container div:first-child {
                padding-left: 10px;
                font-size: 0.8em; }
              .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container .input_container {
                font-size: 1.2em; }
                .estimate_result_container .uchiwake_container .result_container .result_area .sitadori_container .sitadori_input_container .input_container input[type=text] {
                  width: 100px;
                  text-align: right;
                  padding: 0 5px;
                  font-size: 1em;
                  background-color: #f2f2f2;
                  border: 1px solid #ccc; }
    .estimate_result_container .bottom_total_price_container {
      margin: 20px 0;
      border-top: 1px solid #6c9eda; }
      .estimate_result_container .bottom_total_price_container .result_area {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin: 15px auto 0;
        padding-bottom: 5px;
        align-items: flex-end;
        justify-content: space-between;
        max-width: 1000px;
        border-bottom: 1px solid #ccc; }
        .estimate_result_container .bottom_total_price_container .result_area .title {
          font-size: 1.5em; }
        .estimate_result_container .bottom_total_price_container .result_area .price_area {
          display: flex;
          justify-content: space-between;
          align-items: flex-end;
          width: 350px;
          text-align: right; }
          .estimate_result_container .bottom_total_price_container .result_area .price_area .total_price {
            display: flex;
            align-items: baseline;
            padding: 5px 15px 0;
            line-height: 1;
            background: #dfeffb; }
            .estimate_result_container .bottom_total_price_container .result_area .price_area .total_price span {
              font-size: 2em; }
      .estimate_result_container .bottom_total_price_container .attention {
        margin: 10px auto 0;
        max-width: 1000px;
        font-size: 0.8em;
        text-align: right; }
    .estimate_result_container .zanka_container {
      padding: 20px 0 10px;
      border-top: 1px solid #006bbe;
      border-bottom: 1px solid #006bbe;
      background-color: #fff; }
      .estimate_result_container .zanka_container .zanka_area {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        margin: 0 auto;
        max-width: 1000px; }
        .estimate_result_container .zanka_container .zanka_area .img_box {
          width: 90%;
          margin: 0 auto; }
          .estimate_result_container .zanka_container .zanka_area .img_box img {
            max-width: 100%; }
        .estimate_result_container .zanka_container .zanka_area > div {
          width: 100%; }
          .estimate_result_container .zanka_container .zanka_area > div ul {
            display: flex;
            padding: 20px 0;
            justify-content: space-around;
            list-style: none; }
            .estimate_result_container .zanka_container .zanka_area > div ul li:first-child {
              flex: 0 0 45%;
              padding-left: 20px; }
              .estimate_result_container .zanka_container .zanka_area > div ul li:first-child .img_box p {
                font-size: 1.4em; }
              .estimate_result_container .zanka_container .zanka_area > div ul li:first-child .link {
                margin-left: 20px; }
            .estimate_result_container .zanka_container .zanka_area > div ul li:last-child {
              font-size: 1.1em; }
          .estimate_result_container .zanka_container .zanka_area > div .credit_plan {
            font-size: 0.8em;
            padding: 0 0 5px;
            border-bottom: 2px solid #006bbe; }
            .estimate_result_container .zanka_container .zanka_area > div .credit_plan span {
              font-size: 1.2em; }
          .estimate_result_container .zanka_container .zanka_area > div .credit_info_area {
            display: flex; }
            .estimate_result_container .zanka_container .zanka_area > div .credit_info_area ul:first-child {
              display: block;
              height: 100%;
              margin: 25px 0;
              padding: 0 20px;
              text-align: center;
              background-color: #f8f8f8;
              border: 1px solid #006bbe; }
              .estimate_result_container .zanka_container .zanka_area > div .credit_info_area ul:first-child li {
                margin: 10px 5px;
                font-size: 0.9em; }
              .estimate_result_container .zanka_container .zanka_area > div .credit_info_area ul:first-child li:first-child {
                font-size: 0.8em;
                padding: 10px 0;
                border-bottom: 1px solid #006bbe; }
              .estimate_result_container .zanka_container .zanka_area > div .credit_info_area ul:first-child li span {
                font-size: 1.5em; }
            .estimate_result_container .zanka_container .zanka_area > div .credit_info_area ul:last-child {
              display: block; }
              .estimate_result_container .zanka_container .zanka_area > div .credit_info_area ul:last-child li {
                padding: 0 0 0 20px;
                font-size: 0.8em;
                line-height: 1.5; }
      .estimate_result_container .zanka_container .credit_link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 80px;
        margin: 20px auto;
        max-width: 1000px;
        font-size: 1.4em;
        color: #fff;
        background-color: #006bbe; }
        .estimate_result_container .zanka_container .credit_link img {
          position: absolute;
          top: 5px;
          right: 5px; } }
      @media only screen and (min-width: 768px) and (min-width: 768px) {
        .estimate_result_container .zanka_container .credit_link img {
          top: 10px;
          right: 10px;
          width: 15px; } }
  @media only screen and (min-width: 768px) {
        .estimate_result_container .zanka_container .credit_link:hover {
          cursor: pointer;
          opacity: 0.7; } }

/* 注記上付き */
/* 背景選択 */
.bg_select_container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: all;
  z-index: 30; }
  .bg_select_container .bg_select_wrap {
    position: fixed;
    width: 90%;
    min-height: 300px;
    max-height: 90%;
    overflow-y: auto;
    max-width: 1000px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    text-align: center;
    padding: 5%;
    font-size: 1.1em;
    border-radius: 10px;
    background-color: #fff; }
    @media only screen and (min-width: 768px) {
      .bg_select_container .bg_select_wrap {
        width: auto;
        min-height: 500px;
        font-size: 1.6em; } }
    .bg_select_container .bg_select_wrap .close_btn img {
      max-width: 100%;
      width: 100%;
      height: auto; }
    .bg_select_container .bg_select_wrap .bg_container {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      max-width: 1000px;
      margin: 10% 0 0; }
      @media only screen and (min-width: 768px) {
        .bg_select_container .bg_select_wrap .bg_container {
          margin: 3% 0 0; } }
      .bg_select_container .bg_select_wrap .bg_container .items {
        text-align: center;
        font-size: 0.8em;
        max-width: 30%;
        margin: 0px 0 20px;
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          .bg_select_container .bg_select_wrap .bg_container .items {
            font-size: 0.7em; } }
        .bg_select_container .bg_select_wrap .bg_container .items img {
          width: 95%;
          text-align: center;
          border: 4px solid #eee; }
          .bg_select_container .bg_select_wrap .bg_container .items img.active {
            border: 4px solid #006bbe;
            cursor: default; }

.popup {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 100;
  pointer-events: none; }

/* 3Dコントロール */
.manipulation_select_container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: all;
  z-index: 30; }
  .manipulation_select_container .manipulation_select_wrap {
    position: fixed;
    display: flex;
    width: 90%;
    max-width: 1000px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    padding: 5%;
    flex-direction: column;
    align-items: center;
    font-size: 1.1em;
    background-color: #fff;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .manipulation_select_container .manipulation_select_wrap {
        width: 800px;
        height: 400px;
        padding: 50px;
        font-size: 1.6em; } }
    .manipulation_select_container .manipulation_select_wrap .close_btn img {
      max-width: 100%;
      width: 100%;
      height: auto; }
    .manipulation_select_container .manipulation_select_wrap .manipulation_container {
      position: relative;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin: 10% 0 0; }
      @media only screen and (min-width: 768px) {
        .manipulation_select_container .manipulation_select_wrap .manipulation_container {
          margin: 60px 0 0; } }
      .manipulation_select_container .manipulation_select_wrap .manipulation_container .items {
        text-align: center;
        flex: 0 0 20%;
        font-size: 0.6em;
        margin: 0px 10px 20px;
        cursor: pointer; }
        @media only screen and (min-width: 321px) and (max-width: 500px) {
          .manipulation_select_container .manipulation_select_wrap .manipulation_container .items {
            width: 100px;
            min-width: 100px;
            font-size: 0.5em; } }
        @media only screen and (max-width: 320px) {
          .manipulation_select_container .manipulation_select_wrap .manipulation_container .items {
            width: 100px;
            min-width: 100px;
            font-size: 0.5em; } }
        .manipulation_select_container .manipulation_select_wrap .manipulation_container .items img {
          width: 70%;
          text-align: center;
          border: 4px solid transparent; }
          .manipulation_select_container .manipulation_select_wrap .manipulation_container .items img.active {
            border: 4px solid #006bbe;
            cursor: default; }

/* ローカル保存 */
.local_store_component {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: all;
  z-index: 30; }
  .local_store_component .local_store_inner_component {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 95%;
    max-width: 1200px;
    height: 100%;
    max-height: 80vh;
    top: 50%;
    left: 50%;
    padding: 5px 0;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .local_store_component .local_store_inner_component {
        width: 960px; } }
    .local_store_component .local_store_inner_component .close_button {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 10px;
      right: 15px;
      z-index: 70;
      cursor: pointer; }
      .local_store_component .local_store_inner_component .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }
    .local_store_component .local_store_inner_component .title_block {
      width: 100%;
      margin: 10px 0; }
      .local_store_component .local_store_inner_component .title_block .title {
        display: flex;
        align-items: center;
        margin: 10px 0;
        padding: 0 10px 10px; }
        @media only screen and (min-width: 768px) {
          .local_store_component .local_store_inner_component .title_block .title {
            padding: 0 20px 10px; } }
        .local_store_component .local_store_inner_component .title_block .title img {
          margin-right: 10px;
          width: 20px; }
          @media only screen and (min-width: 768px) {
            .local_store_component .local_store_inner_component .title_block .title img {
              width: auto; } }
      .local_store_component .local_store_inner_component .title_block .item_title {
        display: flex;
        font-size: 0.6em;
        justify-content: space-between;
        padding: 16px 10px;
        background-color: #f2f2f2;
        text-align: center; }
        @media only screen and (min-width: 768px) {
          .local_store_component .local_store_inner_component .title_block .item_title {
            font-size: 0.7em;
            padding: 12px 20px; } }
        .local_store_component .local_store_inner_component .title_block .item_title div {
          flex: 1;
          text-align: left;
          margin: 0 3px; }
          @media only screen and (min-width: 768px) {
            .local_store_component .local_store_inner_component .title_block .item_title div {
              text-align: left;
              margin: 0 3px;
              flex: 1; } }
        .local_store_component .local_store_inner_component .title_block .item_title .small {
          flex: 30px;
          margin: 0 3px; }
          @media only screen and (min-width: 768px) {
            .local_store_component .local_store_inner_component .title_block .item_title .small {
              flex: none;
              width: 140px; } }
        .local_store_component .local_store_inner_component .title_block .item_title .is_pc {
          display: none; }
          @media only screen and (min-width: 768px) {
            .local_store_component .local_store_inner_component .title_block .item_title .is_pc {
              display: block;
              flex: none;
              width: 120px;
              margin: 0; } }
    .local_store_component .local_store_inner_component .main_block {
      height: 80%;
      overflow-y: auto;
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        .local_store_component .local_store_inner_component .main_block {
          padding: 0 20px; } }
      .local_store_component .local_store_inner_component .main_block .items {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-bottom: 1px solid #333;
        padding: 10px 0; }
        @media only screen and (max-width: 320px) {
          .local_store_component .local_store_inner_component .main_block .items {
            font-size: 0.75em; } }
        @media only screen and (min-width: 321px) and (max-width: 500px) {
          .local_store_component .local_store_inner_component .main_block .items {
            font-size: 0.75em; } }
        @media only screen and (min-width: 768px) {
          .local_store_component .local_store_inner_component .main_block .items {
            flex-direction: row;
            justify-content: flex-start;
            min-height: 80px; } }
        .local_store_component .local_store_inner_component .main_block .items .item_main {
          display: flex;
          flex-direction: row;
          justify-content: space-between;
          margin: 0 0 6px; }
          @media only screen and (min-width: 768px) {
            .local_store_component .local_store_inner_component .main_block .items .item_main {
              flex: 3;
              margin: 0; } }
          .local_store_component .local_store_inner_component .main_block .items .item_main div {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            word-wrap: break-word;
            font-size: 0.8em;
            margin: 0 3px;
            flex: 1; }
          .local_store_component .local_store_inner_component .main_block .items .item_main .small {
            flex: 30px; }
            @media only screen and (min-width: 768px) {
              .local_store_component .local_store_inner_component .main_block .items .item_main .small {
                flex: none;
                width: 140px; } }
        .local_store_component .local_store_inner_component .main_block .items .item_control {
          display: flex;
          justify-content: space-between;
          align-items: center;
          color: #fff;
          font-size: 0.8em; }
          @media only screen and (min-width: 768px) {
            .local_store_component .local_store_inner_component .main_block .items .item_control {
              flex: none;
              width: 240px; } }
          .local_store_component .local_store_inner_component .main_block .items .item_control .save {
            display: flex;
            width: 120px;
            height: 35px;
            justify-content: center;
            align-items: center;
            margin-top: 5px;
            padding: 5px;
            background-color: #bf0c3f;
            border-radius: 20px;
            cursor: pointer; }
            .local_store_component .local_store_inner_component .main_block .items .item_control .save img {
              width: 15px;
              margin-right: 10px; }
            @media only screen and (min-width: 768px) {
              .local_store_component .local_store_inner_component .main_block .items .item_control .save {
                margin-top: 0; } }
          .local_store_component .local_store_inner_component .main_block .items .item_control .result {
            display: flex;
            width: 150px;
            height: 35px;
            justify-content: center;
            align-items: center;
            margin-top: 5px;
            padding: 5px;
            background-color: #006bbe;
            border-radius: 20px;
            cursor: pointer; }
            .local_store_component .local_store_inner_component .main_block .items .item_control .result img {
              width: 15px;
              margin-right: 10px; }
              .local_store_component .local_store_inner_component .main_block .items .item_control .result img:last-child {
                margin-right: 0;
                margin-left: 5px; }
          .local_store_component .local_store_inner_component .main_block .items .item_control .remove {
            display: flex;
            width: 80px;
            height: 35px;
            justify-content: center;
            align-items: center;
            margin-top: 5px;
            padding: 5px;
            margin: 0 0 0 10px;
            background-color: #333;
            border-radius: 20px;
            cursor: pointer; }
            .local_store_component .local_store_inner_component .main_block .items .item_control .remove img {
              width: 15px;
              margin-right: 10px; }
              .local_store_component .local_store_inner_component .main_block .items .item_control .remove img:last-child {
                margin-right: 0;
                margin-left: 5px; }
    .local_store_component .local_store_inner_component #local_dialog {
      display: none;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: rgba(255, 255, 255, 0.65);
      font-size: 1.2em; }
      .local_store_component .local_store_inner_component #local_dialog #message {
        position: absolute;
        width: 80%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #ccc; }
        .local_store_component .local_store_inner_component #local_dialog #message .main {
          font-size: 1.2em; }
    .local_store_component .local_store_inner_component .attention {
      font-size: 0.7em;
      padding: 20px; }

/* Close button */
.close_btn {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 10px;
  right: 0px;
  cursor: pointer; }
  @media only screen and (min-width: 768px) {
    .close_btn {
      right: 10px; } }
  .close_btn img {
    width: 80%; }
    @media only screen and (min-width: 768px) {
      .close_btn img {
        width: 100%; } }

/* 特約店選択 */
.dealer_select_component {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: all;
  z-index: 30; }
  .dealer_select_component .dealer_select_component_wrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 95%;
    max-width: 1200px;
    height: 100%;
    max-height: 80vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .dealer_select_component .dealer_select_component_wrap {
        width: 700px; } }
    .dealer_select_component .dealer_select_component_wrap .close_button {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 10px;
      right: 5px;
      z-index: 70;
      cursor: pointer; }
      .dealer_select_component .dealer_select_component_wrap .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }
    .dealer_select_component .dealer_select_component_wrap .title_block {
      margin-top: 20px;
      max-height: 200px; }
      .dealer_select_component .dealer_select_component_wrap .title_block .title {
        display: flex;
        justify-content: left;
        align-items: center;
        padding: 5px 20px;
        font-size: 1em; }
        @media only screen and (min-width: 768px) {
          .dealer_select_component .dealer_select_component_wrap .title_block .title {
            padding: 5px 30px;
            font-size: 1.1em; } }
        .dealer_select_component .dealer_select_component_wrap .title_block .title img {
          width: 40px;
          height: auto;
          margin-right: 10px; }
          @media only screen and (min-width: 768px) {
            .dealer_select_component .dealer_select_component_wrap .title_block .title img {
              width: auto; } }
      .dealer_select_component .dealer_select_component_wrap .title_block .item_title {
        margin: 10px 0;
        padding: 10px 10px;
        font-size: 0.7em;
        background-color: #f2f2f2; }
        @media only screen and (min-width: 768px) {
          .dealer_select_component .dealer_select_component_wrap .title_block .item_title {
            padding: 5px 30px;
            font-size: 0.8em; } }
    .dealer_select_component .dealer_select_component_wrap .main_block {
      height: auto;
      margin: 10px 0;
      overflow-y: auto; }
      @media only screen and (min-width: 768px) {
        .dealer_select_component .dealer_select_component_wrap .main_block {
          padding: 0 10px; } }
      .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap {
        padding: 10px;
        border-bottom: 1px solid #ccc;
        cursor: pointer; }
        @media only screen and (min-width: 768px) {
          .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap {
            padding: 10px 0; } }
        .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_name {
          display: flex;
          font-size: 1em; }
          @media only screen and (min-width: 768px) {
            .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_name {
              font-size: 1.2em; } }
          .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_name .img_box {
            width: 30px;
            height: 30px;
            margin: 0 5px 0 0;
            transform-origin: 3
  0% 50%;
            transition: all 0.2s; }
            .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_name .img_box img {
              max-width: 100%;
              max-height: 100%; }
        .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_data_wrap {
          display: none;
          margin: 10px 0;
          list-style: none;
          background-color: #f2f2f2; }
          .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_data_wrap li {
            padding: 10px 0 5px 40px;
            cursor: pointer; }
            .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_data_wrap li img {
              position: absolute;
              left: 14px; }
            .dealer_select_component .dealer_select_component_wrap .main_block .area_wrap .area_data_wrap li:hover {
              background-color: #eff6ff; }
    .dealer_select_component .dealer_select_component_wrap .go_next {
      margin: 10px auto;
      padding: 20px 0;
      text-align: center;
      font-size: 0.8em; }
      @media only screen and (min-width: 768px) {
        .dealer_select_component .dealer_select_component_wrap .go_next {
          padding: 0 0 10px;
          margin: 0 auto;
          text-align: center;
          font-size: 0.8em; } }
      .dealer_select_component .dealer_select_component_wrap .go_next .next_block {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 250px;
        margin: 6px auto;
        padding: 10px 0;
        font-size: 1.4em;
        color: #fff;
        cursor: pointer;
        border-radius: 10px;
        background-color: #006bbe; }
        @media only screen and (min-width: 768px) {
          .dealer_select_component .dealer_select_component_wrap .go_next .next_block {
            width: 300px;
            padding: 5px 0;
            margin: 10px auto; } }
        .dealer_select_component .dealer_select_component_wrap .go_next .next_block.disable {
          opacity: 0.3;
          pointer-events: none;
          cursor: default; }
        .dealer_select_component .dealer_select_component_wrap .go_next .next_block .img_box {
          position: absolute;
          right: 10px;
          top: 50%;
          width: 20px;
          height: 30px;
          transform: translatey(-50%); }
          .dealer_select_component .dealer_select_component_wrap .go_next .next_block .img_box img {
            max-width: 100%;
            height: auto; }

/* ConfirmDialog */
.confirm_dialog_container_wrap {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 50; }
  .confirm_dialog_container_wrap .confirm_dialog_container {
    position: fixed;
    width: 90%;
    height: 300px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    border: 2px solid #ccc; }
    @media only screen and (min-width: 768px) {
      .confirm_dialog_container_wrap .confirm_dialog_container {
        width: 700px; } }
    .confirm_dialog_container_wrap .confirm_dialog_container .close_button {
      position: absolute;
      top: 10px;
      right: 15px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .confirm_dialog_container_wrap .confirm_dialog_container .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }
    .confirm_dialog_container_wrap .confirm_dialog_container .confirm_dialog_message {
      width: 90%;
      margin: 0 auto; }
    .confirm_dialog_container_wrap .confirm_dialog_container .confirm_dialog_btn_container {
      display: flex;
      flex-direction: row;
      list-style: none;
      justify-content: center;
      margin: 20px; }
      .confirm_dialog_container_wrap .confirm_dialog_container .confirm_dialog_btn_container li {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        margin: 10px;
        border: 1px solid #6c9eda;
        cursor: pointer;
        background: linear-gradient(white, #e7e7e7); }
        @media only screen and (max-width: 320px) {
          .confirm_dialog_container_wrap .confirm_dialog_container .confirm_dialog_btn_container li {
            width: auto;
            padding: 5px;
            margin: 5px; } }

/* 3Dヘルプ */
.render_help_container_wrap {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: auto;
  margin: auto;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50; }
  .render_help_container_wrap .render_help_container {
    position: fixed;
    display: flex;
    width: 95%;
    height: 100%;
    max-height: 80vh;
    margin: auto;
    left: 50%;
    top: 50%;
    overflow-y: hidden;
    transform: translate(-50%, -50%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5% 0;
    background-color: #fff;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .render_help_container_wrap .render_help_container {
        width: 900px;
        height: 520px;
        max-height: 520px;
        font-size: 0.9em;
        padding: 30px 20px 10px; } }
    .render_help_container_wrap .render_help_container .close_button {
      position: absolute;
      top: 10px;
      right: 0;
      width: 30px;
      height: 30px;
      right: 15px;
      cursor: pointer; }
      @media only screen and (min-width: 768px) {
        .render_help_container_wrap .render_help_container .close_button {
          right: 15px; } }
      .render_help_container_wrap .render_help_container .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }
        @media only screen and (min-width: 768px) {
          .render_help_container_wrap .render_help_container .close_button img {
            width: 100%;
            height: auto; } }
    .render_help_container_wrap .render_help_container .title {
      padding: 0 0 10px;
      font-size: 1.1em; }
      @media only screen and (min-width: 768px) {
        .render_help_container_wrap .render_help_container .title {
          padding: 0;
          font-size: 1.6em; } }
    .render_help_container_wrap .render_help_container .body_container {
      display: block;
      flex-direction: column;
      width: 100%;
      margin: 10px auto 0;
      padding: 20px 10px;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; }
      @media only screen and (min-width: 768px) {
        .render_help_container_wrap .render_help_container .body_container {
          display: flex;
          flex-direction: row;
          width: 100%;
          margin: 20px auto;
          padding: 0; } }
      .render_help_container_wrap .render_help_container .body_container .item_container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        padding-bottom: 30px;
        border-bottom: 1px solid #ccc; }
        @media only screen and (min-width: 768px) {
          .render_help_container_wrap .render_help_container .body_container .item_container {
            width: 50%;
            border: 0;
            padding: 0;
            border-right: 1px solid #ccc;
            padding-right: 20px;
            margin: 20px 10px; } }
        .render_help_container_wrap .render_help_container .body_container .item_container:last-child {
          border: 0;
          padding: 20px 0 0; }
          @media only screen and (min-width: 768px) {
            .render_help_container_wrap .render_help_container .body_container .item_container:last-child {
              padding: 0; } }
        .render_help_container_wrap .render_help_container .body_container .item_container .sub_title {
          display: flex;
          flex: 0 0 40px;
          flex-direction: row;
          justify-content: center;
          align-items: center; }
          .render_help_container_wrap .render_help_container .body_container .item_container .sub_title img {
            margin: 0 5px; }
        .render_help_container_wrap .render_help_container .body_container .item_container .img_area img {
          width: 100%; }
        .render_help_container_wrap .render_help_container .body_container .item_container .desc {
          display: flex;
          margin: 15px 0; }

/* MOP情報 */
.mop_info_container_wrap {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: auto;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50; }
  .mop_info_container_wrap .movie_container {
    position: fixed;
    width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    max-width: 1000px; }
    @media only screen and (min-width: 768px) {
      .mop_info_container_wrap .movie_container {
        width: 70%;
        height: 80vh; } }
    .mop_info_container_wrap .movie_container.hide_container {
      display: none; }
    .mop_info_container_wrap .movie_container .close_button {
      position: absolute;
      right: 0;
      top: -40px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
    .mop_info_container_wrap .movie_container iframe {
      width: 100%;
      height: 62.5vw;
      max-height: 80vh; }
  .mop_info_container_wrap .mop_info_container {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 90%;
    max-width: 1000px;
    max-height: 90%;
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-x: hidden;
    overflow-y: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0 10px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-overflow-scrolling: touch; }
    @media only screen and (min-width: 768px) {
      .mop_info_container_wrap .mop_info_container {
        flex-direction: column; } }
    @media only screen and (min-width: 768px) {
      .mop_info_container_wrap .mop_info_container {
        width: 60%;
        padding: 30px 0 10px; } }
    .mop_info_container_wrap .mop_info_container .close_button {
      position: absolute;
      top: 10px;
      right: 15px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .mop_info_container_wrap .mop_info_container .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }
    .mop_info_container_wrap .mop_info_container .mop_info_content_area {
      display: flex;
      width: 100%;
      align-items: center;
      flex-direction: column;
      overflow-y: auto;
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        .mop_info_container_wrap .mop_info_container .mop_info_content_area {
          display: flex;
          justify-content: flex-start;
          align-items: flex-start;
          flex-wrap: wrap;
          flex-direction: row; } }
      .mop_info_container_wrap .mop_info_container .mop_info_content_area .mop_item {
        width: 90%;
        font-size: 0.8em;
        margin: 0 0 20px; }
        @media only screen and (min-width: 768px) {
          .mop_info_container_wrap .mop_info_container .mop_info_content_area .mop_item {
            flex: 0 0 50%;
            max-width: 50%;
            padding: 14px 10px 0;
            margin: 0; } }
        .mop_info_container_wrap .mop_info_container .mop_info_content_area .mop_item .movie {
          cursor: pointer; }
        .mop_info_container_wrap .mop_info_container .mop_info_content_area .mop_item img {
          width: 100%;
          height: 65.2%; }
        .mop_info_container_wrap .mop_info_container .mop_info_content_area .mop_item .btn_play {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
          z-index: 50;
          width: 30%;
          height: auto; }
    .mop_info_container_wrap .mop_info_container .mop_attention_area {
      font-size: 0.8em;
      width: 90%;
      margin: 0 auto 20px; }
      .mop_info_container_wrap .mop_info_container .mop_attention_area pre {
        white-space: pre-wrap; }

.qr_view_container_wrap {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50; }
  .qr_view_container_wrap .qr_view_container {
    position: fixed;
    display: flex;
    width: 300px;
    height: 500px;
    margin: auto;
    min-height: 350px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    z-index: 60;
    background-color: #fff;
    border-radius: 10px; }
    @media only screen and (min-width: 768px) {
      .qr_view_container_wrap .qr_view_container {
        padding: 20px 20px 10px; } }
    .qr_view_container_wrap .qr_view_container #qrcode {
      width: 256px;
      height: 256px;
      margin: 20px 0; }
    .qr_view_container_wrap .qr_view_container .name {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 25px 0 0;
      font-size: 1em;
      line-height: 1; }
      @media only screen and (min-width: 768px) {
        .qr_view_container_wrap .qr_view_container .name {
          margin: 10px 0;
          font-size: 1.2em; } }
      .qr_view_container_wrap .qr_view_container .name span {
        font-size: .8em; }
    .qr_view_container_wrap .qr_view_container .desc {
      width: 80%;
      margin: 20px auto 30px;
      font-size: 0.8em; }
    @media only screen and (min-width: 768px) {
      .qr_view_container_wrap .qr_view_container {
        width: auto; } }
    .qr_view_container_wrap .qr_view_container .close_button {
      position: absolute;
      width: 30px;
      height: 30px;
      top: 10px;
      right: 15px;
      width: 30px;
      height: 30px;
      cursor: pointer; }
      .qr_view_container_wrap .qr_view_container .close_button img {
        max-width: 100%;
        width: 100%;
        height: auto; }

.conversion_container {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
  z-index: 30; }
  .conversion_container .conversion_area {
    position: absolute;
    right: 0;
    display: none; }
    @media only screen and (min-width: 768px) {
      .conversion_container .conversion_area {
        right: 20px; } }
    .conversion_container .conversion_area ul {
      list-style: none;
      pointer-events: all;
      cursor: pointer; }
      .conversion_container .conversion_area ul li {
        background-color: #006bbe;
        padding: 10px;
        border-bottom: 2px solid #fff; }
        .conversion_container .conversion_area ul li img {
          width: 30px;
          height: auto; }
    .conversion_container .conversion_area .conversion_item_container {
      position: absolute;
      display: flex;
      flex-direction: column;
      top: 0;
      right: 50px;
      display: none; }
      .conversion_container .conversion_area .conversion_item_container li {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 200px;
        height: 56px;
        color: #006bbe;
        background-color: #fff;
        border: 1px solid #006bbe; }

.button_hover:hover {
  opacity: 0.8; }

#attention {
  width: 95%;
  max-width: 1000px;
  margin: 10px auto 20px;
  font-size: 0.6em; }
  @media only screen and (min-width: 768px) {
    #attention {
      width: 100%; } }
  #attention pre {
    white-space: pre-wrap; }

/* 車種選択 */
.carmodel_select_container {
  /* タブ */ }
  .carmodel_select_container .select_tab_container {
    margin: 30px 0;
    border-bottom: 1px solid #006bbe; }
    .carmodel_select_container .select_tab_container .select_tab_inner_container {
      max-width: 1000px;
      margin: 0 auto;
      top: 1px; }
      .carmodel_select_container .select_tab_container .select_tab_inner_container ul {
        display: flex;
        justify-content: center;
        list-style: none; }
        .carmodel_select_container .select_tab_container .select_tab_inner_container ul li {
          display: flex;
          flex: 0 0 45%;
          justify-content: center;
          font-size: 0.9em;
          font-weight: bold;
          color: #fff;
          padding: 10px 0;
          margin: 0 10px;
          cursor: pointer;
          border: 1px solid #006bbe;
          background-color: #006bbe;
          border-bottom: 1px solid #006bbe; }
          @media only screen and (max-width: 320px) {
            .carmodel_select_container .select_tab_container .select_tab_inner_container ul li {
              font-size: 0.8em; } }
          @media only screen and (min-width: 768px) {
            .carmodel_select_container .select_tab_container .select_tab_inner_container ul li {
              font-size: 1.2em; } }
          .carmodel_select_container .select_tab_container .select_tab_inner_container ul li.active {
            cursor: default;
            pointer-events: none;
            color: #006bbe;
            background-color: #fff;
            border-bottom: 1px solid #fff; }
  .carmodel_select_container .car_container {
    max-width: 1000px;
    margin: 30px auto; }
    .carmodel_select_container .car_container .inner_container {
      padding: 0 10px; }
      @media only screen and (min-width: 768px) {
        .carmodel_select_container .car_container .inner_container {
          padding: 0; } }
      .carmodel_select_container .car_container .inner_container .title {
        border-bottom: 1px solid #ccc; }
      .carmodel_select_container .car_container .inner_container .select_grid {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        margin-top: 34px; }
        .carmodel_select_container .car_container .inner_container .select_grid .item {
          max-width: 50%;
          flex: 0 0 45%;
          text-align: center;
          margin: 0 5px;
          padding-top: 10px;
          transition: all .1s 0s ease;
          cursor: pointer; }
          @media only screen and (min-width: 768px) {
            .carmodel_select_container .car_container .inner_container .select_grid .item {
              max-width: 25%;
              flex: 0 0 25%;
              margin: 0 0 20px; } }
          .carmodel_select_container .car_container .inner_container .select_grid .item.active {
            cursor: default;
            pointer-events: none; }
          .carmodel_select_container .car_container .inner_container .select_grid .item img {
            max-width: 210px;
            width: 100%; }
        .carmodel_select_container .car_container .inner_container .select_grid figcaption {
          width: auto;
          margin: 7px auto 0;
          padding: 10px 2px;
          font-size: 0.8em;
          border-top: 2px solid #ccc; }
          @media only screen and (min-width: 768px) {
            .carmodel_select_container .car_container .inner_container .select_grid figcaption {
              width: 180px;
              font-size: 1em; } }
          .carmodel_select_container .car_container .inner_container .select_grid figcaption.active {
            border-top: 2px solid #006bbe; }
      .carmodel_select_container .car_container .inner_container .price_control_container {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: space-between;
        padding: 20px; }
        @media only screen and (min-width: 768px) {
          .carmodel_select_container .car_container .inner_container .price_control_container {
            flex-direction: row; } }
        .carmodel_select_container .car_container .inner_container .price_control_container > div {
          display: flex;
          width: 100%;
          align-items: baseline; }
          @media only screen and (min-width: 768px) {
            .carmodel_select_container .car_container .inner_container .price_control_container > div {
              width: 50%; } }
          .carmodel_select_container .car_container .inner_container .price_control_container > div.input_price_area {
            justify-content: center; }
          .carmodel_select_container .car_container .inner_container .price_control_container > div > div {
            display: flex;
            align-items: center;
            margin: 0 5px; }
            .carmodel_select_container .car_container .inner_container .price_control_container > div > div div {
              height: 40px;
              margin: 3px; }
        .carmodel_select_container .car_container .inner_container .price_control_container input[type=tel] {
          width: 80px;
          font-weight: bold;
          font-size: 1.3em;
          text-align: right;
          padding: 0 27px 0 0;
          border: 1px solid #ccc;
          border-radius: 5px; }
        .carmodel_select_container .car_container .inner_container .price_control_container .unit b {
          margin-left: -52px;
          margin-right: 20px;
          font-size: 1.3em; }
          @media only screen and (max-width: 320px) {
            .carmodel_select_container .car_container .inner_container .price_control_container .unit b {
              margin-left: -42px; } }
      .carmodel_select_container .car_container .inner_container .candidate_container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 20px; }
        @media only screen and (min-width: 768px) {
          .carmodel_select_container .car_container .inner_container .candidate_container {
            flex-direction: row; } }
        .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item {
          margin: 10px 10px 30px;
          max-width: 90%; }
          @media only screen and (min-width: 768px) {
            .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item {
              margin: 10px;
              max-width: 33.333%;
              flex: 0 0 33.3333%; } }
          .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_price {
            margin: 5px 0;
            padding: 10px;
            font-size: 0.7em; }
            .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_price strong {
              font-size: 1.2em;
              color: #d94d4e; }
          .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_car {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            cursor: pointer;
            background-color: #fff; }
            .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_car img {
              width: 100%;
              height: auto; }
            .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_car .detail_area {
              width: 60%; }
              .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_car .detail_area .car_name {
                padding: 0 0 3px;
                text-align: center;
                font-size: 0.9em;
                border-bottom: 2px solid #ccc; }
              .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_car .detail_area .car_price {
                width: 100%;
                text-align: center;
                font-size: 0.8em; }
                .carmodel_select_container .car_container .inner_container .candidate_container .candidate_item .candidate_car .detail_area .car_price strong {
                  font-size: 1.2em; }
    .carmodel_select_container .car_container .under_container {
      max-width: 1000px;
      margin: 0 auto; }
      .carmodel_select_container .car_container .under_container .candidate_container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 20px 0 20px; }
        @media only screen and (min-width: 768px) {
          .carmodel_select_container .car_container .under_container .candidate_container {
            flex-direction: row; } }
        .carmodel_select_container .car_container .under_container .candidate_container .candidate_item {
          max-width: 90%;
          margin: 15px 0;
          cursor: pointer; }
          @media only screen and (min-width: 768px) {
            .carmodel_select_container .car_container .under_container .candidate_container .candidate_item {
              flex: 0 0 33.333%;
              max-width: 33.333%; } }
          .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_price {
            margin: 5px 0;
            padding: 10px;
            font-size: 0.8em; }
            .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_price strong {
              font-size: 1.2em;
              color: #d94d4e; }
          .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_car {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 10px;
            cursor: pointer;
            background-color: #fff; }
            .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_car img {
              width: 100%;
              height: auto; }
            .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_car .detail_area {
              width: 60%; }
              .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_car .detail_area .car_name {
                padding: 0 0 3px;
                text-align: center;
                font-size: 0.9em;
                border-bottom: 2px solid #ccc; }
              .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_car .detail_area .car_price {
                width: 100%;
                text-align: center;
                font-size: 0.8em; }
                .carmodel_select_container .car_container .under_container .candidate_container .candidate_item .candidate_car .detail_area .car_price strong {
                  font-size: 1.2em; }

.inputSlider {
  width: 100%;
  max-width: 430px;
  position: relative;
  top: -3px;
  z-index: 1; }
  .inputSlider::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 19px;
    z-index: -1;
    box-sizing: border-box; }
    .is-IE .inputSlider::before {
      top: 23px; }
  .inputSlider .range-scale {
    display: block;
    width: calc(100% - 16px);
    height: 12px;
    margin: 0 8px;
    position: absolute;
    left: 0;
    top: 19px;
    z-index: -1; }
    .inputSlider .range-scale::before {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      background: #ccc;
      position: absolute;
      left: 25%;
      top: 0;
      margin-left: 2px;
      box-sizing: border-box; }
      .is-IE .inputSlider .range-scale::before {
        top: 4px; }
    .inputSlider .range-scale::after {
      content: "";
      display: block;
      width: 1px;
      height: 100%;
      background: #ccc;
      position: absolute;
      right: 25%;
      top: 0;
      margin-right: 2px;
      box-sizing: border-box; }
      .is-IE .inputSlider .range-scale::after {
        top: 4px; }
    .inputSlider .range-scale__division1 {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }
      .inputSlider .range-scale__division1::before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #ccc;
        position: absolute;
        left: 12.5%;
        top: 0;
        margin-left: 2px; }
        .is-IE .inputSlider .range-scale__division1::before {
          top: 4px; }
      .inputSlider .range-scale__division1::after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #ccc;
        position: absolute;
        right: 12.5%;
        top: 0;
        margin-right: 2px; }
        .is-IE .inputSlider .range-scale__division1::after {
          top: 4px; }
    .inputSlider .range-scale__division2 {
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1; }
      .inputSlider .range-scale__division2::before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #ccc;
        position: absolute;
        left: 37.5%;
        top: 0;
        margin-left: 2px; }
        .is-IE .inputSlider .range-scale__division2::before {
          top: 4px; }
      .inputSlider .range-scale__division2::after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #ccc;
        position: absolute;
        right: 37.5%;
        top: 0;
        margin-right: 2px; }
        .is-IE .inputSlider .range-scale__division2::after {
          top: 4px; }
  .inputSlider .label-min,
  .inputSlider .label-max,
  .inputSlider .label-200,
  .inputSlider .label-300,
  .inputSlider .label-400 {
    position: absolute;
    bottom: -8px; }
  .inputSlider .label-min {
    transform: translateX(-30%); }
  .inputSlider .label-200 {
    left: 25%;
    transform: translateX(-50%);
    margin-left: 4px; }
  .inputSlider .label-300 {
    left: 50%;
    transform: translateX(-50%); }
  .inputSlider .label-400 {
    left: 75%;
    transform: translateX(-50%);
    margin-left: -4px; }
  .inputSlider .label-max {
    right: 10px;
    transform: translateX(50%); }
  .is-IE .inputSlider .label-min {
    bottom: -10px;
    left: 0; }
  .is-IE .inputSlider .label-200 {
    bottom: -10px; }
  .is-IE .inputSlider .label-300 {
    bottom: -10px; }
  .is-IE .inputSlider .label-400 {
    bottom: -10px; }
  .is-IE .inputSlider .label-max {
    bottom: -10px; }
  .inputSlider input[type="range"] {
    display: flex;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    width: 100%;
    min-height: 50px;
    overflow: hidden;
    background: none; }
    .inputSlider input[type="range"]:focus {
      outline: none; }
    .inputSlider input[type="range"]::-webkit-slider-runnable-track {
      background: #3f51b5; }
    .inputSlider input[type="range"]::-webkit-slider-runnable-track {
      cursor: pointer;
      background: #ccc;
      height: 2px;
      width: 100%; }
    .inputSlider input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      background: #fff;
      border: 2px solid #006bbe;
      border-radius: 50%;
      cursor: pointer;
      margin: -5px 0;
      height: 15px;
      width: 15px;
      box-shadow: -5px 0 0 -6px #006bbe, -6px 0 0 -6px #006bbe, -7px 0 0 -6px #006bbe, -8px 0 0 -6px #006bbe, -9px 0 0 -6px #006bbe, -10px 0 0 -6px #006bbe, -11px 0 0 -6px #006bbe, -12px 0 0 -6px #006bbe, -13px 0 0 -6px #006bbe, -14px 0 0 -6px #006bbe, -15px 0 0 -6px #006bbe, -16px 0 0 -6px #006bbe, -17px 0 0 -6px #006bbe, -18px 0 0 -6px #006bbe, -19px 0 0 -6px #006bbe, -20px 0 0 -6px #006bbe, -21px 0 0 -6px #006bbe, -22px 0 0 -6px #006bbe, -23px 0 0 -6px #006bbe, -24px 0 0 -6px #006bbe, -25px 0 0 -6px #006bbe, -26px 0 0 -6px #006bbe, -27px 0 0 -6px #006bbe, -28px 0 0 -6px #006bbe, -29px 0 0 -6px #006bbe, -30px 0 0 -6px #006bbe, -31px 0 0 -6px #006bbe, -32px 0 0 -6px #006bbe, -33px 0 0 -6px #006bbe, -34px 0 0 -6px #006bbe, -35px 0 0 -6px #006bbe, -36px 0 0 -6px #006bbe, -37px 0 0 -6px #006bbe, -38px 0 0 -6px #006bbe, -39px 0 0 -6px #006bbe, -40px 0 0 -6px #006bbe, -41px 0 0 -6px #006bbe, -42px 0 0 -6px #006bbe, -43px 0 0 -6px #006bbe, -44px 0 0 -6px #006bbe, -45px 0 0 -6px #006bbe, -46px 0 0 -6px #006bbe, -47px 0 0 -6px #006bbe, -48px 0 0 -6px #006bbe, -49px 0 0 -6px #006bbe, -50px 0 0 -6px #006bbe, -51px 0 0 -6px #006bbe, -52px 0 0 -6px #006bbe, -53px 0 0 -6px #006bbe, -54px 0 0 -6px #006bbe, -55px 0 0 -6px #006bbe, -56px 0 0 -6px #006bbe, -57px 0 0 -6px #006bbe, -58px 0 0 -6px #006bbe, -59px 0 0 -6px #006bbe, -60px 0 0 -6px #006bbe, -61px 0 0 -6px #006bbe, -62px 0 0 -6px #006bbe, -63px 0 0 -6px #006bbe, -64px 0 0 -6px #006bbe, -65px 0 0 -6px #006bbe, -66px 0 0 -6px #006bbe, -67px 0 0 -6px #006bbe, -68px 0 0 -6px #006bbe, -69px 0 0 -6px #006bbe, -70px 0 0 -6px #006bbe, -71px 0 0 -6px #006bbe, -72px 0 0 -6px #006bbe, -73px 0 0 -6px #006bbe, -74px 0 0 -6px #006bbe, -75px 0 0 -6px #006bbe, -76px 0 0 -6px #006bbe, -77px 0 0 -6px #006bbe, -78px 0 0 -6px #006bbe, -79px 0 0 -6px #006bbe, -80px 0 0 -6px #006bbe, -81px 0 0 -6px #006bbe, -82px 0 0 -6px #006bbe, -83px 0 0 -6px #006bbe, -84px 0 0 -6px #006bbe, -85px 0 0 -6px #006bbe, -86px 0 0 -6px #006bbe, -87px 0 0 -6px #006bbe, -88px 0 0 -6px #006bbe, -89px 0 0 -6px #006bbe, -90px 0 0 -6px #006bbe, -91px 0 0 -6px #006bbe, -92px 0 0 -6px #006bbe, -93px 0 0 -6px #006bbe, -94px 0 0 -6px #006bbe, -95px 0 0 -6px #006bbe, -96px 0 0 -6px #006bbe, -97px 0 0 -6px #006bbe, -98px 0 0 -6px #006bbe, -99px 0 0 -6px #006bbe, -100px 0 0 -6px #006bbe, -101px 0 0 -6px #006bbe, -102px 0 0 -6px #006bbe, -103px 0 0 -6px #006bbe, -104px 0 0 -6px #006bbe, -105px 0 0 -6px #006bbe, -106px 0 0 -6px #006bbe, -107px 0 0 -6px #006bbe, -108px 0 0 -6px #006bbe, -109px 0 0 -6px #006bbe, -110px 0 0 -6px #006bbe, -111px 0 0 -6px #006bbe, -112px 0 0 -6px #006bbe, -113px 0 0 -6px #006bbe, -114px 0 0 -6px #006bbe, -115px 0 0 -6px #006bbe, -116px 0 0 -6px #006bbe, -117px 0 0 -6px #006bbe, -118px 0 0 -6px #006bbe, -119px 0 0 -6px #006bbe, -120px 0 0 -6px #006bbe, -121px 0 0 -6px #006bbe, -122px 0 0 -6px #006bbe, -123px 0 0 -6px #006bbe, -124px 0 0 -6px #006bbe, -125px 0 0 -6px #006bbe, -126px 0 0 -6px #006bbe, -127px 0 0 -6px #006bbe, -128px 0 0 -6px #006bbe, -129px 0 0 -6px #006bbe, -130px 0 0 -6px #006bbe, -131px 0 0 -6px #006bbe, -132px 0 0 -6px #006bbe, -133px 0 0 -6px #006bbe, -134px 0 0 -6px #006bbe, -135px 0 0 -6px #006bbe, -136px 0 0 -6px #006bbe, -137px 0 0 -6px #006bbe, -138px 0 0 -6px #006bbe, -139px 0 0 -6px #006bbe, -140px 0 0 -6px #006bbe, -141px 0 0 -6px #006bbe, -142px 0 0 -6px #006bbe, -143px 0 0 -6px #006bbe, -144px 0 0 -6px #006bbe, -145px 0 0 -6px #006bbe, -146px 0 0 -6px #006bbe, -147px 0 0 -6px #006bbe, -148px 0 0 -6px #006bbe, -149px 0 0 -6px #006bbe, -150px 0 0 -6px #006bbe, -151px 0 0 -6px #006bbe, -152px 0 0 -6px #006bbe, -153px 0 0 -6px #006bbe, -154px 0 0 -6px #006bbe, -155px 0 0 -6px #006bbe, -156px 0 0 -6px #006bbe, -157px 0 0 -6px #006bbe, -158px 0 0 -6px #006bbe, -159px 0 0 -6px #006bbe, -160px 0 0 -6px #006bbe, -161px 0 0 -6px #006bbe, -162px 0 0 -6px #006bbe, -163px 0 0 -6px #006bbe, -164px 0 0 -6px #006bbe, -165px 0 0 -6px #006bbe, -166px 0 0 -6px #006bbe, -167px 0 0 -6px #006bbe, -168px 0 0 -6px #006bbe, -169px 0 0 -6px #006bbe, -170px 0 0 -6px #006bbe, -171px 0 0 -6px #006bbe, -172px 0 0 -6px #006bbe, -173px 0 0 -6px #006bbe, -174px 0 0 -6px #006bbe, -175px 0 0 -6px #006bbe, -176px 0 0 -6px #006bbe, -177px 0 0 -6px #006bbe, -178px 0 0 -6px #006bbe, -179px 0 0 -6px #006bbe, -180px 0 0 -6px #006bbe, -181px 0 0 -6px #006bbe, -182px 0 0 -6px #006bbe, -183px 0 0 -6px #006bbe, -184px 0 0 -6px #006bbe, -185px 0 0 -6px #006bbe, -186px 0 0 -6px #006bbe, -187px 0 0 -6px #006bbe, -188px 0 0 -6px #006bbe, -189px 0 0 -6px #006bbe, -190px 0 0 -6px #006bbe, -191px 0 0 -6px #006bbe, -192px 0 0 -6px #006bbe, -193px 0 0 -6px #006bbe, -194px 0 0 -6px #006bbe, -195px 0 0 -6px #006bbe, -196px 0 0 -6px #006bbe, -197px 0 0 -6px #006bbe, -198px 0 0 -6px #006bbe, -199px 0 0 -6px #006bbe, -200px 0 0 -6px #006bbe, -201px 0 0 -6px #006bbe, -202px 0 0 -6px #006bbe, -203px 0 0 -6px #006bbe, -204px 0 0 -6px #006bbe, -205px 0 0 -6px #006bbe, -206px 0 0 -6px #006bbe, -207px 0 0 -6px #006bbe, -208px 0 0 -6px #006bbe, -209px 0 0 -6px #006bbe, -210px 0 0 -6px #006bbe, -211px 0 0 -6px #006bbe, -212px 0 0 -6px #006bbe, -213px 0 0 -6px #006bbe, -214px 0 0 -6px #006bbe, -215px 0 0 -6px #006bbe, -216px 0 0 -6px #006bbe, -217px 0 0 -6px #006bbe, -218px 0 0 -6px #006bbe, -219px 0 0 -6px #006bbe, -220px 0 0 -6px #006bbe, -221px 0 0 -6px #006bbe, -222px 0 0 -6px #006bbe, -223px 0 0 -6px #006bbe, -224px 0 0 -6px #006bbe, -225px 0 0 -6px #006bbe, -226px 0 0 -6px #006bbe, -227px 0 0 -6px #006bbe, -228px 0 0 -6px #006bbe, -229px 0 0 -6px #006bbe, -230px 0 0 -6px #006bbe, -231px 0 0 -6px #006bbe, -232px 0 0 -6px #006bbe, -233px 0 0 -6px #006bbe, -234px 0 0 -6px #006bbe, -235px 0 0 -6px #006bbe, -236px 0 0 -6px #006bbe, -237px 0 0 -6px #006bbe, -238px 0 0 -6px #006bbe, -239px 0 0 -6px #006bbe, -240px 0 0 -6px #006bbe, -241px 0 0 -6px #006bbe, -242px 0 0 -6px #006bbe, -243px 0 0 -6px #006bbe, -244px 0 0 -6px #006bbe, -245px 0 0 -6px #006bbe, -246px 0 0 -6px #006bbe, -247px 0 0 -6px #006bbe, -248px 0 0 -6px #006bbe, -249px 0 0 -6px #006bbe, -250px 0 0 -6px #006bbe, -251px 0 0 -6px #006bbe, -252px 0 0 -6px #006bbe, -253px 0 0 -6px #006bbe, -254px 0 0 -6px #006bbe, -255px 0 0 -6px #006bbe, -256px 0 0 -6px #006bbe, -257px 0 0 -6px #006bbe, -258px 0 0 -6px #006bbe, -259px 0 0 -6px #006bbe, -260px 0 0 -6px #006bbe, -261px 0 0 -6px #006bbe, -262px 0 0 -6px #006bbe, -263px 0 0 -6px #006bbe, -264px 0 0 -6px #006bbe, -265px 0 0 -6px #006bbe, -266px 0 0 -6px #006bbe, -267px 0 0 -6px #006bbe, -268px 0 0 -6px #006bbe, -269px 0 0 -6px #006bbe, -270px 0 0 -6px #006bbe, -271px 0 0 -6px #006bbe, -272px 0 0 -6px #006bbe, -273px 0 0 -6px #006bbe, -274px 0 0 -6px #006bbe, -275px 0 0 -6px #006bbe, -276px 0 0 -6px #006bbe, -277px 0 0 -6px #006bbe, -278px 0 0 -6px #006bbe, -279px 0 0 -6px #006bbe, -280px 0 0 -6px #006bbe, -281px 0 0 -6px #006bbe, -282px 0 0 -6px #006bbe, -283px 0 0 -6px #006bbe, -284px 0 0 -6px #006bbe, -285px 0 0 -6px #006bbe, -286px 0 0 -6px #006bbe, -287px 0 0 -6px #006bbe, -288px 0 0 -6px #006bbe, -289px 0 0 -6px #006bbe, -290px 0 0 -6px #006bbe, -291px 0 0 -6px #006bbe, -292px 0 0 -6px #006bbe, -293px 0 0 -6px #006bbe, -294px 0 0 -6px #006bbe, -295px 0 0 -6px #006bbe, -296px 0 0 -6px #006bbe, -297px 0 0 -6px #006bbe, -298px 0 0 -6px #006bbe, -299px 0 0 -6px #006bbe, -300px 0 0 -6px #006bbe, -301px 0 0 -6px #006bbe, -302px 0 0 -6px #006bbe, -303px 0 0 -6px #006bbe, -304px 0 0 -6px #006bbe, -305px 0 0 -6px #006bbe, -306px 0 0 -6px #006bbe, -307px 0 0 -6px #006bbe, -308px 0 0 -6px #006bbe, -309px 0 0 -6px #006bbe, -310px 0 0 -6px #006bbe, -311px 0 0 -6px #006bbe, -312px 0 0 -6px #006bbe, -313px 0 0 -6px #006bbe, -314px 0 0 -6px #006bbe, -315px 0 0 -6px #006bbe, -316px 0 0 -6px #006bbe, -317px 0 0 -6px #006bbe, -318px 0 0 -6px #006bbe, -319px 0 0 -6px #006bbe, -320px 0 0 -6px #006bbe, -321px 0 0 -6px #006bbe, -322px 0 0 -6px #006bbe, -323px 0 0 -6px #006bbe, -324px 0 0 -6px #006bbe, -325px 0 0 -6px #006bbe, -326px 0 0 -6px #006bbe, -327px 0 0 -6px #006bbe, -328px 0 0 -6px #006bbe, -329px 0 0 -6px #006bbe, -330px 0 0 -6px #006bbe, -331px 0 0 -6px #006bbe, -332px 0 0 -6px #006bbe, -333px 0 0 -6px #006bbe, -334px 0 0 -6px #006bbe, -335px 0 0 -6px #006bbe, -336px 0 0 -6px #006bbe, -337px 0 0 -6px #006bbe, -338px 0 0 -6px #006bbe, -339px 0 0 -6px #006bbe, -340px 0 0 -6px #006bbe, -341px 0 0 -6px #006bbe, -342px 0 0 -6px #006bbe, -343px 0 0 -6px #006bbe, -344px 0 0 -6px #006bbe, -345px 0 0 -6px #006bbe, -346px 0 0 -6px #006bbe, -347px 0 0 -6px #006bbe, -348px 0 0 -6px #006bbe, -349px 0 0 -6px #006bbe, -350px 0 0 -6px #006bbe, -351px 0 0 -6px #006bbe, -352px 0 0 -6px #006bbe, -353px 0 0 -6px #006bbe, -354px 0 0 -6px #006bbe, -355px 0 0 -6px #006bbe, -356px 0 0 -6px #006bbe, -357px 0 0 -6px #006bbe, -358px 0 0 -6px #006bbe, -359px 0 0 -6px #006bbe, -360px 0 0 -6px #006bbe, -361px 0 0 -6px #006bbe, -362px 0 0 -6px #006bbe, -363px 0 0 -6px #006bbe, -364px 0 0 -6px #006bbe, -365px 0 0 -6px #006bbe, -366px 0 0 -6px #006bbe, -367px 0 0 -6px #006bbe, -368px 0 0 -6px #006bbe, -369px 0 0 -6px #006bbe, -370px 0 0 -6px #006bbe, -371px 0 0 -6px #006bbe, -372px 0 0 -6px #006bbe, -373px 0 0 -6px #006bbe, -374px 0 0 -6px #006bbe, -375px 0 0 -6px #006bbe, -376px 0 0 -6px #006bbe, -377px 0 0 -6px #006bbe, -378px 0 0 -6px #006bbe, -379px 0 0 -6px #006bbe, -380px 0 0 -6px #006bbe, -381px 0 0 -6px #006bbe, -382px 0 0 -6px #006bbe, -383px 0 0 -6px #006bbe, -384px 0 0 -6px #006bbe, -385px 0 0 -6px #006bbe, -386px 0 0 -6px #006bbe, -387px 0 0 -6px #006bbe, -388px 0 0 -6px #006bbe, -389px 0 0 -6px #006bbe, -390px 0 0 -6px #006bbe, -391px 0 0 -6px #006bbe, -392px 0 0 -6px #006bbe, -393px 0 0 -6px #006bbe, -394px 0 0 -6px #006bbe, -395px 0 0 -6px #006bbe, -396px 0 0 -6px #006bbe, -397px 0 0 -6px #006bbe, -398px 0 0 -6px #006bbe, -399px 0 0 -6px #006bbe, -400px 0 0 -6px #006bbe, -401px 0 0 -6px #006bbe, -402px 0 0 -6px #006bbe, -403px 0 0 -6px #006bbe, -404px 0 0 -6px #006bbe, -405px 0 0 -6px #006bbe, -406px 0 0 -6px #006bbe, -407px 0 0 -6px #006bbe, -408px 0 0 -6px #006bbe, -409px 0 0 -6px #006bbe, -410px 0 0 -6px #006bbe, -411px 0 0 -6px #006bbe, -412px 0 0 -6px #006bbe, -413px 0 0 -6px #006bbe, -414px 0 0 -6px #006bbe, -415px 0 0 -6px #006bbe, -416px 0 0 -6px #006bbe, -417px 0 0 -6px #006bbe, -418px 0 0 -6px #006bbe, -419px 0 0 -6px #006bbe, -420px 0 0 -6px #006bbe; }
    .inputSlider input[type="range"]::-moz-range-track {
      width: 100%;
      height: 2px; }
    .inputSlider input[type="range"]::-moz-range-thumb {
      height: 15px;
      width: 15px;
      background: #fff;
      border-radius: 50%;
      border: 2px solid #006bbe;
      position: relative; }
    .inputSlider input[type="range"]::-moz-range-progress {
      height: 6px;
      background: #006bbe;
      border: 0;
      margin-top: 0; }
    .inputSlider input[type="range"]::-ms-track {
      background: transparent;
      border: 0;
      border-color: #ccc;
      border-radius: 0;
      border-width: 0;
      color: transparent;
      padding-top: 6px;
      height: 2px;
      width: 100%; }
      .inputSlider input[type="range"]::-ms-track .label-min,
      .inputSlider input[type="range"]::-ms-track .label-max {
        position: absolute;
        bottom: -8px; }
    .inputSlider input[type="range"]::-ms-thumb {
      height: 15px;
      width: 15px;
      background: #fff;
      border-radius: 50%;
      border: 2px solid #006bbe;
      box-shadow: none;
      margin-top: -2px; }
    .inputSlider input[type="range"]::-ms-fill-lower {
      background: #006bbe;
      height: 6px; }
    .inputSlider input[type="range"]::-ms-fill-upper {
      background: #ccc; }
    .inputSlider input[type="range"]::-ms-tooltip {
      display: none; }

.swiper-container-android, .swiper-slide {
  transform: none !important;
  -webkit-transform: none !important; }

/* 2018 new footer */
#cv_box {
  width: 100%;
  height: 230px;
  background-color: #f2f2f2; }

#cv_box ul {
  display: table;
  width: 1200px;
  margin: 45px auto 0; }

#cv_box ul li {
  display: table-cell;
  width: 25%;
  height: 230px;
  text-align: center;
  vertical-align: middle; }

#cv_box ul li a:hover {
  opacity: 0.6; }