/*
Theme Name: fukumoto child
Template: lightning
Text Domain: lightning
Theme URI: https://lightning.vektor-inc.co.jp/en/
Description: Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: Vektor,Inc.
Author URI: https://www.vektor-inc.co.jp
Version: 15.25.1
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Lightning WordPress theme, Copyright (C) 2015-2024 Vektor,Inc.
Lightning WordPress theme is licensed under the GPL.

Lightning WordPress Theme bundles the following third-party resources:

Font Awesome icon font, Copyright 2012 Fonticons, Inc.
its fonts are licensed under the terms of the SIL OFL License 1.1, and its code is licensed under the terms of the MIT license
Source: https://fontawesome.com/

Bootstrap framework, Copyright 2011 Bootstrap Authors and Twitter, Inc.
Bootstrap is licensed under the terms of the MIT license
Source: https://getbootstrap.com/

CSS Simple Tree Shaking
CSS Simple Tree Shaking is licensed under the terms of the GNU General Public License v2 license
Source: https://celtislab.net/
*/
a {
  color: #0068b7;
}
p {
  padding: 0;
  margin: 0;
}

.center {
  text-align: center;
}

.veu_adminEdit {
  display: none;
}

#ClickableMap {
  margin: 0;
  padding: 0;
}

#ClickableMap area,
#ClickableMap img {
  margin: 0;
  padding: 0;
}

#ClickableMap img {
  vertical-align: bottom;
}

#ClickableMap .area1:hover {
  opacity: 0.7;
}

.contact-txt .contact-txt-catch {
  font-size: 14px !important;
  font-weight: 600;
  margin-bottom: 5px !important;
}

/********************************
  サイドフローティングバナー
  *****************************/
#side-floating {
  display: block;
  position: fixed;
  top: 70%;
  right: 0;
  z-index: 9999;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
  transition: 0.3s;
  background: none;
}

#side-floating img {
  width: 250px;
  height: auto;
}

#side-floating a {
  position: relative;
  display: block;
  text-decoration: none;
  margin: 0px 0;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

#side-floating a:hover {
  opacity: 0.8;
  transition: 0.3s;
}

#sp-floating {
  position: fixed;
  bottom: 52px;
  left: 0;
  z-index: 9999;
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: center;
  transition: 0.3s;
  background: none;
  z-index: 3;
  text-align: center;
  width: 100%;
}

#sp-floating a {
  text-align: center;
  width: 100%;
}

#sp-floating a:hover {
  opacity: 0.8;
}

#sp-floating img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.badge {
  margin: 0 3px;
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge-success {
  color: #fff !important;
  background-color: #28a745;
}

#contactform .red {
  font-weight: bold;
  color: #ff0000;
}

#contactform .lbl {
  font-weight: bold;
  padding: 1em 0 10px 0;
}

#contactform .frame {
  padding: 15px;
  margin: 15px 0;
  border: 1px solid #89d6d2;
  background: #f2fafa;
  font-weight: bold;
}

#contactform .frame div {
  font-weight: bold;
  color: #ff0000;
}

.wpcf7-submit {
  margin-top: 2em;
  width: 50%;
}

.formexp {
  color: #c00;
}

.formexp i {
  margin-right: 4px;
}

@media only screen and (min-width: 800px) {
  #sp-floating {
    display: none;
  }
}

.page-id-10017 .ctaForm,
.page-id-10017 #side-floating,
.page-id-10017 #sp-floating,
.page-id-11188 .ctaForm,
.page-id-11188 #side-floating,
.page-id-11188 #sp-floating,
.page-id-11186 .ctaForm,
.page-id-11186 #side-floating,
.page-id-11186 #sp-floating,
.page-id-11179 .ctaForm,
.page-id-11179 #side-floating,
.page-id-11179 #sp-floating,
.page-id-11177 .ctaForm,
.page-id-11177 #side-floating,
.page-id-11177 #sp-floating,
.page-id-11172 .ctaForm,
.page-id-11172 #side-floating,
.page-id-11172 #sp-floating,
.page-id-11169 .ctaForm,
.page-id-11169 #side-floating,
.page-id-11169 #sp-floating,
.page-id-10907 .ctaForm,
.page-id-10907 #side-floating,
.page-id-10907 #sp-floating,
.page-id-9621 .ctaForm,
.page-id-9621 #side-floating,
.page-id-9621 #sp-floating,
.page-id-10000 .ctaForm,
.page-id-10000 #side-floating,
.page-id-10000 #sp-floating {
  display: none;
}

/********************************
  メールフォームプロ
  *****************************/
#mailformpro h4 {
  padding: .5em .7em;
  border-left: 5px solid #028ccf;
  color: #111;
  background: #f0f9ff;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="radio"],
input[type="file"],
textarea,
select,
button {
  border-radius: 3px;
  font-size: 16px;
  padding: 10px;
  font-weight: normal !important;
  width: auto;
  margin: 2px;
  border: solid 3px #028ccf;
  border: solid 3px #eee;
}

textarea {
  width: 98%;
  min-height: 14em;
}

textarea::placeholder,
input::placeholder {
  font-size: 13px;
  font-weight: normal !important;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.mailform {
  font-size: 14px !important;
}

div#mfp_hidden {
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0px;
  margin: 0px;
}

div#mfp_hidden input {
  margin: 10px;
}

.must {
  display: inline-block;
  background-color: #ca2424;
  padding: 2px 5px;
  font-size: 10px;
  color: #fff;
  float: right;
  margin: 0px 5px;
  border-radius: 2px;
}

/* radio checkbox */
form#mailformpro label {
  border-radius: 3px;
  margin: 3px;
  display: inline-block;
  font-size: 16px;
  padding: 12px;
}

form#mailformpro label.mfp_checked {
  padding: 6px;
  border: solid 1px #ccc;
  background-color: #e8eef9;
  box-shadow: 0px 1px 3px #ccc inset;
  border: solid 3px #028ccf;
}

form#mailformpro label.mfp_not_checked {
  padding: 6px;
  border: solid 1px #eee;
  border: solid 3px #eee;
}

div#mfp_loading_screen {
  z-index: 20000;
  opacity: 0.8;
  display: none;
  background-color: #000;
  position: absolute;
}

div.mfp_err {
  clear: both;
  display: none;
  text-align: left;
  margin: 5px 0px 0px 0px;
  padding: 3px 0px 5px 0;
  color: #ca2424;
  font-size: 12px;
  line-height: normal;
}

.mfp_parent_error {
  border: solid 2px #ca2424;
}

.problem {
  background-color: #fcc;
}

div#mfp_error {
  background-color: #fee;
  border: solid 1px #ca2424;
  padding: 10px;
  display: none;
}

div#mfp_error p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: center;
}

div#mfp_error p strong {
  font-size: 18px;
  color: #ca2424;
}

div#mfp_warning {
  background-color: #fee;
  border: solid 1px #ca2424;
  padding: 10px;
  display: none;
  border-radius: 5px;
}

div#mfp_warning p {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  text-align: center;
}

div#mfp_warning p strong {
  font-size: 18px;
  color: #ca2424;
}

button.mfp_next {
  float: right;
}

button.mfp_prev {
  float: left;
}

div.mfp_buttons {
  clear: both;
  padding: 10px 0px;
  text-align: center;
}

.imagebutton {
  margin: 0px;
  padding: 0px;
  border: none;
  outline: none;
  background: none;
}

.mfp_element_all {
  max-width: 90%;
}

.mfp_element_reset {
  color: #333;
}

div.mfp_ok {
  border-radius: 3px;
  background-color: #090;
  border: solid 1px #090;
  line-height: 1.5em;
  padding: 0px 5px;
  margin: 0px 2px;
  color: #fff;
  font-size: 10px;
  background-size: 100% 100%;
  display: none ;
}

.hidefield {
  height: 0px;
  overflow: hidden;
}

.showfield {
  height: auto;
  overflow: visible;
}

div.mfp_guide {
  position: relative;
  width: 1px;
  height: 1px;
}

div.mfp_guide div {
  position: absolute;
  bottom: 0px;
  left: 0px;
  margin-top: -2em;
  white-space: nowrap;
  border-radius: 5px;
  padding: 5px 10px;
  line-height: 1em;
  font-size: 12px;
  color: #fff;
  font-weight: bolder;
  background: #ca2424;
  display: none ;
}

.mfp_ng {
  background-color: rgba(255, 0, 0, 0.2);
}

button.mfp_submit_enable {
  background: none;
  background: #333;
}

button.mfp_submit_disable {
  background: none;
  background: #fd8282;
}

.mfp_buttons {
  text-align: center;
}

.mfp_buttons .mfp_element_button {
  font-size: 1.2rem;
  font-weight: 800;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1rem 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border: none;
  background: #332e22;
  color: #fff;
  border: 3px solid #332e22;
  width: 38%;
  margin: 1em auto;
  border-radius: 50vh;
  border: 1px solid #f3a649;
  background: -webkit-gradient(45deg, #eb590b 35%, #f3a649);
  background: linear-gradient(45deg, #eb590b 35%, #f3a649);

}
.mfp_buttons .mfp_element_button2 {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.5;
  position: relative;
  display: block;
  padding: 1rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border: none;
  background: #332e22;
  color: #fff;
  border: 3px solid #332e22;
  width: 80%;
  margin: 1em auto;
  border-radius: 50vh;
  border: 1px solid #f3a649;
  background: -webkit-gradient(45deg, #eb590b 35%, #f3a649);
  background: linear-gradient(45deg, #eb590b 35%, #f3a649);

}
.mfp_buttons .mfp_element_button:hover,
.mfp_buttons .mfp_element_button2:hover {
  opacity: 0.8;
}

.red {
  color: #dc143c;
}

.mfp_colored {
  background-color: #f0f9ff;
  background-color: #FFF;
}

.mfp_achroma {
  background-color: #FFF;
}
.home form#mailformpro {
  width: 800px  !important;
  margin: 0 auto;
}
form#mailformpro dl dd:last-child {
  border-bottom: none;
}

form#mailformpro dl dt {
  float: left;
  clear: both;
  font-size: 16px;
  padding: 21px 1em 10px 1em;
  text-align: right;
  margin: 0px;
  width: 220px;
}

form#mailformpro dl dd {
  margin: 0px;
  padding: 10px 5px 10px 220px;
  font-size: 14px;
  text-align: left;
}

form#mailformpro dl dd ul,
form#mailformpro dl dd ol {
  margin: 0px;
  padding: 0px;
}

form#mailformpro dl dd ul li,
form#mailformpro dl dd ol li {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

form#mailformpro .exp {
  color: #c00;
}
/* 段階的入力機能 */
button.mfp_next, button.mfp_prev {
  font-size: 18px;
  margin: 10px;
  padding: 5px 10px;
}

button.mfp_next {
  float: right;
}

button.mfp_prev {
  float: left;
}

ul#mfp_phase_stat:before, ul#mfp_phase_stat:after {
  content: "";
  display: table
}

ul#mfp_phase_stat:after {
  clear: both
}

ul#mfp_phase_stat {
  zoom: 1
}

/* IE 6/7用。不要なら削除可。 */
ul#mfp_phase_stat li {
  float: left;
  padding: 8px 15px;
  border-radius: 3px;
  margin: 5px;
  list-style: none;
  font-size: 14px;
}

ul#mfp_phase_stat li.mfp_phase_arrow {
  box-shadow: none;
  padding: 8px 5px;
}

ul#mfp_phase_stat li.mfp_active_phase {
  background-color: #E8EEF9;
  box-shadow: 0px 0px 5px #000;
}

ul#mfp_phase_stat li.mfp_inactive_phase {
  background-color: #DDD;
  color: #666;
  box-shadow: 0px 0px 5px #DDD;
}
/*
#area1 {
  display: none;
}
*/
#townFrame, #townetc {
  display: inline-block;
}

#Step1CityTownTownetc {
  font-weight: 600;
  font-size: 26px;
  color: #028ccf;
}

/********************************
  エリア検索フォーム
  *****************************/
#AreaFrame input[type="text"] {
  border: solid 3px #028ccf;
  padding: 13.5px;
}

#AreaFrame label {
  border-radius: 3px !important;
  margin: 3px !important;
  display: inline-block !important;
  font-size: 16px !important;
  padding: 10px !important;
  border: solid 3px #028ccf !important;
  background-color: #fff !important;
  font-weight: 600 !important;
}

#AreaFrame .must {
  float: none;
  font-size: 14px;
  border-radius: 50vh;
  padding: 2px 10px;
  text-align: center;
  line-height: normal;
}

#AreaFrame select {
  border: solid 3px #028ccf;
  padding: 13px !important;
  font-weight: bold !important;
}


#AreaFrame table {
  width: auto;
  margin: 0 auto;
}

#AreaFrame table,
#AreaFrame table th,
#AreaFrame table td {
  border: none;
  white-space: nowrap;
  padding: 1em;
  vertical-align: top;
}

#AreaFrame input::placeholder,
#AreaFrame input::-ms-input-placeholder,
#AreaFrame input:-ms-input-placeholder {
  color: #ff0000 !important;
  font-weight: 600;
}

#AreaFrame .mfp_buttons .mfp_element_button {
  margin-bottom: 0 !important;
  vertical-align: baseline;
  font-weight: 600 !important;
  font-size: 24px;
  width: 40%;
}

#AreaFrame .label {
  font-weight: 600;
  ;
  margin-bottom: 5px;
}
/********************************
  Googleマップ
  *****************************/
#map {
    width: 100%;
    height: 500px;
}
.gmapBalloon {
    font-size: 16px;
    font-weight: 600;
}
/********************************
  こんなお悩みありませんか？
  *****************************/
ul.nayami li {
/*
  list-style: url(/wp-content/uploads/2024/08/check.png) inside;
*/
  list-style: none;
}
ul.nayami li {
  border-bottom: 2px dashed #028ccf;
  background: url(/wp-content/uploads/2024/08/check.png) left 0px top 3px no-repeat;
  padding: 7px 5px 8px 33px;
  margin-left: 0;
  font-weight: 600;
  font-size: 1.3em;
}

/********************************
  市区町村-見出し
  *****************************/
h5.wp-block-heading.townTtl1,
h5.wp-block-heading.townTtl2 {
  line-height: 1.7;  
}
/********************************
  市区町村-相場リスト
  *****************************/
#soubaList {
  margin:0 auto;
  padding: 0;
}
#soubaList .wp-block-column {
  padding:1em .5em;
  max-width: 360px;
}

#soubaList .wp-block-column {
  position: relative;
}

#soubaList  .wp-block-column::before {
  content: "";
  position: absolute;
  left: -.5em;
  top: .5em;
  right: .5em;
  bottom: -.5em;
  background: #d8e4ec;
  z-index: -1
}

/********************************
  レスポンシブ
  *****************************/
@media screen and (max-width: 800px) {
  form#mailformpro {
    width: auto  !important;
    margin: 0 auto;
  }
  
  #Step1CityTownTownetc {
    font-size: 22px;
  }

  form#mailformpro #area2 label {
    display: block;
  }
  
  h5.wp-block-heading.townTtl1 {
    font-size: 9px !important;  
    line-height: 1.5 !important;  
  }
  h5.wp-block-heading.townTtl2 {
    font-size: 9px !important;  
    line-height: 1.5 !important;  
  }

  #soubaList .wp-block-column {
    max-width: 100%;
  }
  
  .spimgsmall {
    text-align: center;
  }
  .spimgsmall img {
    width: 66%;
    height: auto;
    margin: 0 auto;
  }
  #townFrame {
    display: block;
  }
  #AreaFrame {
    text-align: center;
  }
  #AreaFrame select {
    width: 100% !important;
  }

  #AreaFrame table{
    padding: 0;
    table-layout: fixed !important;
  }
  #AreaFrame table,
  #AreaFrame table th,
  #AreaFrame table td {
    display: block;
    text-align: center;
    width: 100% !important;
    display: table;
  }
  #AreaFrame table td {
    padding: 1em !important;
    display: block;
  }
  #AreaFrame table td .label {
    text-align: left;
    display: block;
  }
  #AreaFrame label {
    text-align: left;
    display: block !important;
  }

  #AreaFrame .mfp_buttons .mfp_element_button {
    width: 90%;
  }
  .must {
    display: inline-block;
    float: left;
  }

  .mfp_buttons .mfp_element_button ,
  .mfp_buttons .mfp_element_button2 {
    width: 100%;
  }

  select,
  textarea,
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="number"] {
    width: 90% !important;
  }

  h1.page-header-title {
    font-size: 20px;
  }

  /* page header */
  .page-header {
    min-height: 5rem;
  }

  form#mailformpro dl dt {
    float: none;
    width: auto;
    padding: 5px 0;
    text-align: left;
    font-weight: bolder;
  }

  form#mailformpro dl dd {
    clear: both;
    border-top: none;
    padding: 5px 0px;
    line-height: 1.5em;
  }
  .wpcf7-submit {
    width: 90%;
  }

  #side-floating {
    display: none;
  }

}