/*
Theme Name: 長野市空き家バンク
Theme http://nagano-akiyabank.jp/
Author: インダストリーネットワーク株式会社
Author URI: http://www.industry.co.jp/
Template: devdmbootstrap3
Description: devdmbootstrap3 1.71.とhonoka3.3.5をベースに作られています。
Version: 1.0
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: devdmbootstrap3

devdmbootstrap3 WordPress Theme, Copyright 2015 Danny Machal.
devdmbootstrap3 is distributed under the terms of the GNU GPL v3.
*/

/* The bootstrap.css file is auto-enqueued in functions.php */

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've made a child theme available for you to use. Download it here http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap styles ****************/


/* bootstrap
====================================================================================================*/

html {
  scroll-behavior: smooth;
}

.alignnone {
  /*margin: 5px 20px 20px 0;*/
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  /*margin: 5px 20px 20px 0;*/
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

img.alignright,
img.alignleft,
img.alignnone {
  margin-top: 0;

}

a img.alignright,
a img.alignleft,
a img.alignnone {
  margin-top: 0;

}

.clear {
  clear: both;
}

@media (max-width: 767px) {
  .wp-image-326,
  .wp-image-305 {
    display: block;
    float: none!important;
    margin: 0 auto!important;
  }
}


ol{
  counter-reset:number; /* 名前を付けたカウンターをリセット */
  list-style:none; /* olが数字を付けることをキャンセル */
  margin:0;
  padding:0 0 0 40px;
}
ol li{
  /* リスト部分は好きに装飾！ */

}
ol li:before{
counter-increment: number;
    content: counter(number);
    width: 19px;
    height: 19px;
    line-height:17px;
    text-align:center;
    border: solid 1px #333;
    border-radius: 50%;
    padding: 1px 5px;
margin: 0 10px 0 -29px;
    font-size: 14px;
    display: inline-block;
    vertical-align: text-top;
}

.radio label, .checkbox label {
  position: relative;
}
div.wpcf7-response-output {
    text-align: center;
}

/*@media (max-width: 767px) {
  img.alignright,
  img.alignnone {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
  }
  a img.alignright,
  a img.alignnone {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
  }

  img.alignleft {
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
  a img.alignleft {
    margin-right: auto;
    margin-left: auto;
    display: block;
    float: none;
  }
}*/

.img-responsive  {
  margin-right: auto;
  margin-left: auto;
}

.input-group-btn>.btn {
  height: 34px;
}
.inquiry_type .wpcf7-list-item {
  display: block;
}
.form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}
.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 10px;
  padding-right: 10px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}

@media (min-width: 768px) {
    .container {
      width: 100%;
  }
}
@media (min-width: 992px) {
  .container {
      width: 960px;
  }
}
@media (max-width: 767px) {}


.navbar-collapse {
	 padding-left: 0;
  	padding-right: 0;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.container, .container-fluid {
  padding-left: 10px;
  padding-right: 10px;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  margin-right: 0;
  margin-left: 0;
}

.dmbs-main .h1:first-child, .dmbs-main .h1:first-child, .dmbs-main h2:first-child, .dmbs-main h2:first-child {
    margin-top: 0;
}


/*h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
	margin: 0;
	font-size: 100%;
}*/
.dmbs-main h1,.dmbs-main .h1,
.dmbs-main h2,.dmbs-main .h2,
.dmbs-main h3,.dmbs-main .h3,
.dmbs-main h4,.dmbs-main .h4,
.dmbs-main h5,.dmbs-main .h5,
.dmbs-main h6,.dmbs-main .h6 {
  margin: 0 0 25px 0;
  
}
.dmbs-main h1 .alignnone,.dmbs-main .h1 .alignnone,
.dmbs-main h2 .alignnone,.dmbs-main .h2 .alignnone,
.dmbs-main h3 .alignnone,.dmbs-main .h3 .alignnone,
.dmbs-main h4 .alignnone,.dmbs-main .h4 .alignnone,
.dmbs-main h5 .alignnone,.dmbs-main .h5 .alignnone,
.dmbs-main h6 .alignnone,.dmbs-main .h6 .alignnone {
  margin: 0;
}
.dmbs-main h1,.dmbs-main .h1,
.dmbs-main h2,.dmbs-main .h2 {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}

.dmbs-main h1 ,
.dmbs-main .h1 {

  padding: 0 0 18px 0;
  margin: 0 0 40px 0;
  border-bottom: solid 5px #638033;
  font-size: 26px;
}
.dmbs-main h2,
.dmbs-main .h2 {
  font-size: 26px;
  padding: 5px 0 0 10px;
  margin: 70px 0 30px 0;
  border-left: solid 11px #638033;
}
.dmbs-main h2 img,
.dmbs-main .h2 img {
  vertical-align: baseline;
}

.dmbs-main h3 ,
.dmbs-main .h3 {
  margin: 40px 0 10px 0;
  color: #638033;
  font-weight: bold;
  font-size: 20px;
}

.dmbs-main p {
  margin: 0 0 30px 0;
  line-height: 1.73;
}
.dmbs-main hr {
    margin: 35px 0;
    border-top: dotted 1px #000;
}
/**
 * [wc_column]
 * ----------------------------------------------------------------------------
 */
.wc-shortcodes-one-half { width: 49% }
.wc-shortcodes-one-third { width: 32.66% }
.wc-shortcodes-two-third { width: 65.33% }
.wc-shortcodes-one-fourth { width: 24% }
.wc-shortcodes-three-fourth { width: 74% }
.wc-shortcodes-one-fifth { width: 17.8% }
.wc-shortcodes-two-fifth { width: 39.6% }
.wc-shortcodes-three-fifth { width: 58.4% }
.wc-shortcodes-four-fifth { width: 67.2% }
.wc-shortcodes-one-sixth { width: 15.33% }
.wc-shortcodes-five-sixth { width: 82.67% }

.wc-shortcodes-one-half,
.wc-shortcodes-one-third,
.wc-shortcodes-two-third,
.wc-shortcodes-three-fourth,
.wc-shortcodes-one-fourth,
.wc-shortcodes-one-fifth,
.wc-shortcodes-two-fifth,
.wc-shortcodes-three-fifth,
.wc-shortcodes-four-fifth,
.wc-shortcodes-one-sixth,
.wc-shortcodes-five-sixth {
  position: relative;
  margin-left: 2%;
  margin-bottom: 0;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* tuning
====================================================================================================*/

a {
  word-wrap: break-word
}

a:hover img:not(.rollover) {
  opacity: .7;
}
.banner-box a:hover img,
.navbar a:hover img {
  opacity: 1;
}

img {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

p.error {
  margin: 0 0 5px 0;
  padding: 2px 10px;
  font-size: 16px!important;
  background-color: #ffcccc;
  border-radius: 3px;
}
i {
  color: #638033;
}
a i {
  color: inherit;
}
iframe {
  border: none;
  /*vertical-align: bottom;*/
  vertical-align: middle;
}

.widget h3 {
  display: none;
}

.iframe-content {
  display: block;
  position: relative;
  width: 100%;
  padding: 58.947368421053% 0 0 0;
}
.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.breadcrumbs {
  margin: 10px 0 30px 0;
  font-size: 12px;
}
.breadcrumbs a {
  color: #000;
}

.slick-dots {

    bottom: -25px;

}
.slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 1px;
}
.slick-dots li button {
  padding: 0;
  width: auto;
  height: auto;
}
.slick-dots li button:before {
  width: auto;
  height: auto;
}

ul.reset,
ol.reset {
	list-style-type:none;
	margin:0;
	padding:0;
}

.fb-like-box {
	display:block!important;
	max-width:100%;
	overflow-x:hidden;
}
/* base layout
====================================================================================================*/


body{
  font-size: 19px;
  font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

.dmbs-container {

}
.dmbs-header {
    border-top: solid 6px #638033;
}
.dmbs-header a {
  color: #231815;
}
.header-menu{
  font-size: 12px;
}
.header-menu .menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
}


@media (max-width: 767px) {
  body {
    padding-bottom: 60px;
  }
  body>.dmbs-container>header{
    position: relative;
  }
  #searchNavbar {
    padding-top: 10px;
    min-height: 60px;
  }
  .header-menu{
    position: relative;
    padding: 0 10px 10px 10px;
  }
  .header-menu .menu {
    text-align: center;
  }
  .header-menu .menu>li {
    margin: 0 10px;
    line-height: 16px;
    height: 16px;
    display: inline;
  }
  #menu-item-26 {
    width: 245px;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -122px;
  }
  .header-menu .menu>li .icon {
    vertical-align: text-top;
  }
}

@media (min-width: 768px) {
  .dmbs-header {
    margin: 0 0 5px 0;
  }
  .dmbs-header .header-menu {
    margin: 0 20px 0 0;
    float: right;
  }
  .dmbs-header .header-menu .menu {
    
  }
  .dmbs-header .header-menu .menu li {
      margin-left: 25px;
      float: left;
  }
  .dmbs-header .header-menu .menu>li {
  line-height: 41px;
  height: 41px;
}
.dmbs-header .header-menu .menu>li>a>img {
  vertical-align: baseline;
}
.dmbs-header .header-menu .menu>li>a>.icon {
  vertical-align: text-top;
}


}

.dmbs-header-img {

}

.dmbs-header-text {

}

.dmbs-sitelogo {
  
}
.dmbs-sitelogo img {
  width: 100%;
  height: auto;
}

.dmbs-top-menu {

}
.dmbs-top-menu a {
  color: #231815;
}
.dmbs-top-menu .navbar>.container .navbar-brand,
.dmbs-top-menu .navbar>.container-fluid .navbar-brand {
    padding: 0;
}
@media (max-width: 767px) {
    .dmbs-sitelogo {
      width: 240px;
  }
}
@media (min-width: 768px) {
  .dmbs-sitelogo {
    width: 30.851063829787%;
    margin: 0;
    float: left;
  }
  .dmbs-top-menu {
    margin: 0 0 25px 0;
  }
  .dmbs-top-menu .navbar {
    margin: 15px 0 0 0;
    width: 67.021276595745%;
    float: right;
  }

  .dmbs-top-menu .navbar>.container .navbar-brand,
  .dmbs-top-menu .navbar>.container-fluid .navbar-brand {
      width: 30.851063829787%;
  }
  .dmbs-top-menu .navbar>.container .navbar-brand img,
  .dmbs-top-menu .navbar>.container-fluid .navbar-brand img {
      width: 100%;
      height: auto;
  }

}

.dmbs-content {
  margin-bottom: 60px;
}

.dmbs-main {

}
.dmbs-main-image {
  margin-right: 0;
}

.dmbs-left {

}

.dmbs-right {

}

.dmbs-footer-banner {

}
@media (max-width: 767px) and (orientation : portrait) {
  .dmbs-footer-banner .widget {
    width: 48%;
    margin: 0 4% 17px 0;
    float: left;
  }
  .dmbs-footer-banner .widget:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767px) and (orientation : landscape) {
  .dmbs-footer-banner .widget {
    width: 32%;
    margin: 0 2% 17px 0;
    float: left;
  }
  .dmbs-footer-banner .widget:nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
/*    .dmbs-footer-banner .widget {
      width: 21.276595744681%;
      margin: 0 4.893617021277% 17px 0;
      float: left;
    }*/
    .dmbs-footer-banner {
      font-size: 0;
      text-align: center;
    }
    .dmbs-footer-banner .widget {
      display: inline-block;
      width: 19%;
      margin: 0 1.25% 17px 0;
      font-size: 14px;
    }
    .dmbs-footer-banner .widget:nth-child(5n) {
      margin-right: 0;
    }
    .dmbs-footer-banner .widget:nth-child(5n+1) {
      clear: both;
    }
}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}

.dmbs-footer {
  margin: 40px 0 0 0;
  padding: 50px 0 25px 0;
  background-color: #638033;
  color: #fff;
  text-align: right;
  font-size: 10px;
}

.dmbs-footer-copyright {}



/* class
====================================================================================================*/
.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
}
.scaleX7 {
  display: block;
  white-space: nowrap;
  transform: scaleX(0.7);
  transform-origin: left center;
}
.scaleX9 {
  display: block;
  white-space: nowrap;
  transform: scaleX(0.9);
  transform-origin: left center;
}
.clearboth {
  clear: both;
}

.form-control {
    border-radius: 0;
    margin: 0 0 5px 0!important;
}

@media (min-width: 768px) {
  .form-inline .form-control.display-block {
    display: block;
    width: 100%;
  }
}

.input-xs {
  height: 25px;
  padding: 2px 10px;
  line-height: 1.2;
}

.print {
  cursor: pointer;
}
.print:hover {
  opacity: .7;
}

.must {
  color: #f00;
}

/* navbar
==================================================*/
.navbar-styleA {
  font-size: 13px;
  min-height: initial;
  min-height: auto;
}
.navbar-styleA .navbar-nav {
  margin: 14.5px -15px;
}
.navbar-styleA .navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
  border-radius: 0;
}
.navbar-styleA .nav>li>a:focus,
.navbar-styleA .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
    position: relative;
}
.navbar-styleA .nav>li>a:focus:before,
.navbar-styleA .nav>li>a:hover:before {
  content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: #638033;

}
.navbar-styleA .navbar-nav>.active>a,
.navbar-styleA .navbar-nav>.active>a:focus,
.navbar-styleA .navbar-nav>.active>a:hover {
  position: relative;
}

.navbar-styleA .navbar-nav>.active>a:before,
.navbar-styleA .navbar-nav>.active>a:focus:before,
.navbar-styleA .navbar-nav>.active>a:hover:before {
    content: "";
  display: block;
  height: 4px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -10px;
  background-color: #638033;
}

@media (max-width: 767px) {
  .navbar-styleA {
    position: static;
    margin-bottom: 0;
  }
  .navbar-styleA .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-styleA .navbar-nav .open .dropdown-menu > li > a,
  .navbar-styleA .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-styleA .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .navbar-styleA .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-styleA .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
  .navbar-styleA .navbar-nav>.active>a:before,
  .navbar-styleA .navbar-nav>.active>a:focus:before,
  .navbar-styleA .navbar-nav>.active>a:hover:before {
    height: 2px;
    bottom: 0px;
  }
  .navbar-styleA .nav>li>a:focus:before,
  .navbar-styleA .nav>li>a:hover:before {
    height: 2px;
    bottom: 0px;

  }

}
@media (min-width: 768px) {
  .navbar-styleA .container {
    width: auto;
    padding: 0;
    margin: 0;
  }
  .navbar-styleA .navbar-nav {
    float: none;
    margin: 0;
  }

  .navbar-styleA .navbar-nav > li {
    width: 20%;
    margin-right: 0;
    padding: 0;
    text-align: center;
    float: left;
    position: relative;

  }
  .navbar-styleA .navbar-nav > li > a {
    padding: 0 4.777070063695%;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-styleA .navbar-nav > li .icon {
    display: block;
    margin: -10px auto 0 auto;
  }
  .navbar-styleA .navbar-nav > li:first-child:before {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    border-left: dotted 1px #638033;
    top: 0;
    left: 0;
  }
  .navbar-styleA .navbar-nav > li:after {
    content: "";
    display: block;
    width: 1px;
    height: 80%;
    position: absolute;
    border-right: dotted 1px #638033;
    top: 0;
    right: 0;
  }
}
@media (max-width: 767px) {
	.navbar-styleA .navbar-nav > li .icon {
		width:24px;
		height:auto;
		margin-right:10px;
	}
}
.navbar-styleA .navbar-header {
  position: absolute;
  right: 10px;
  top: 35px;
}
.navbar-styleA .navbar-toggle {
  border-color: #ddd;
  margin: 0;
}
.navbar-styleA .navbar-toggle:hover, .navbar-styleA .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-styleA .navbar-toggle .icon-bar {
  background-color: #888;
}

/* btnStyle
==================================================*/
.btn-styleA {
  padding: 10px;
  border-radius: 4px;
  border: solid 1px #eee;
  background-color: #fff;
  display: inline-block;
  text-align: center;
}
.btn-styleA:hover {
  text-decoration: none;
}
.btn-styleA i {
  color: inherit;
}

.btn-styleB {
  display: block;
  padding: 0 56px 0 10px;
  height: 44px;
  line-height: 44px;
  background-color: #54c2f0;
  color: #fff;
  border-radius: 6px;
  position: relative;
  text-align: center;

}
.btn-styleB .arrow {
  display: block;
  height: 44px;
  line-height: 44px;
  width: 46px;
  background-color: #0080cb;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.btn-styleB .arrow i {
  color: #fff;
  font-size: 14px;
}
.btn-styleB:hover {
  color: #fff;
  text-decoration: none;
  opacity: 0.7;
}


.btn-styleC { 
  color: #FFFFFF; 
  background-color: #0080CB; 
  border-color: #0080CB;
  text-decoration: none!important;
} 
 
.btn-styleC:visited {
  color: #ffffff;
}
.btn-styleC:hover, 
.btn-styleC:focus, 
.btn-styleC:active, 
.btn-styleC.active, 
.open .dropdown-toggle.btn-styleC { 
  color: #FFFFFF; 
  background-color: #0080CB; 
  border-color: #0080CB; 
} 
 
.btn-styleC:active, 
.btn-styleC.active, 
.open .dropdown-toggle.btn-styleC { 
  background-image: none; 
} 
 
.btn-styleC.disabled, 
.btn-styleC[disabled], 
fieldset[disabled] .btn-styleC, 
.btn-styleC.disabled:hover, 
.btn-styleC[disabled]:hover, 
fieldset[disabled] .btn-styleC:hover, 
.btn-styleC.disabled:focus, 
.btn-styleC[disabled]:focus, 
fieldset[disabled] .btn-styleC:focus, 
.btn-styleC.disabled:active, 
.btn-styleC[disabled]:active, 
fieldset[disabled] .btn-styleC:active, 
.btn-styleC.disabled.active, 
.btn-styleC[disabled].active, 
fieldset[disabled] .btn-styleC.active { 
  background-color: #0080CB; 
  border-color: #0080CB; 
} 
 
.btn-styleC .badge { 
  color: #0080CB; 
  background-color: #FFFFFF; 
}
/* defineStyle
==================================================*/
.defineStyleB {
  font-size: 14px;
}
.defineStyleB dt {
  width: 35%;
  padding: 5px 20px 0 0;
  font-weight: normal;
  text-align: right;
  float: left;
  clear: left
}
.defineStyleB dd {
  display: block;
  width: 65%;
  float: left;
  margin: 0 0 5px 0;
}
.defineStyleB p {
  margin-bottom: 0;
}
.defineStyleB .form-control {
    width: auto;
max-width:100%;
  display: inline;
}

/* titleStyle
==================================================*/

.titleStyleA {
  margin: 0 0 30px 0;
  position: relative;
  font-size: 28px;
color:#638033;
}
.titleStyleA:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #638033;
  z-index: 1;
}
.titleStyleA .titleStyleA-inner {
  background-color: #fff;
  padding: 0 25px 0 0;
  position: relative;
  z-index: 2;
  vertical-align: middle;
}

.titleStyleB {
  margin: 0 0 30px 0;
  position: relative;
  font-size: 28px;
color:#009598;
}
.titleStyleB:after {
  content: "";
  display: block;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  background-color: #009598;
  z-index: 1;
}
.titleStyleB .titleStyleB-inner {
  background-color: #fff;
  padding: 0 25px 0 0;
  position: relative;
  z-index: 2;
  vertical-align: middle;
}

/* boxStyle
==================================================*/

.boxStyleA {
      margin: 0 0 30px 0;

}

.boxStyleA .box {
  

}
.boxStyleA .box:last-child {
  margin-right: 0;
}
.boxStyleA .title {
  border-bottom: dotted 1px #000000;
  text-align: center;
  font-size: 100%;
}
.boxStyleA .title2 {
  margin: 0 0 15px 0;
}
.boxStyleA .title2:after {
  display: none;
}
.boxStyleA .box p {
  margin-bottom: 15px;
}
.boxStyleA .alignnone  {
  margin: 0;
}
@media (max-width: 767px) {
   .boxStyleA {

    padding: 15px;
    background-image: url(img/home_bg_01.jpg);
    -webkit-background-size: cover;
    background-size: cover;
  }
  .boxStyleA .title {
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;

  }
  .boxStyleA .box {
      font-size: 15px;
  line-height: 20px;

    width: 48%;
    margin: 0 4% 10px 0;
    float: left;
  }
  .boxStyleA .box:nth-child(even) {
    clear:both;
  }
  .boxStyleA .box:nth-child(odd) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .boxStyleA {
    background-image: url(img/home_bg_01.jpg);
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 25px 0 17px 20.957446808511%;
    -webkit-background-size: contain;
    background-size: contain;
  }
  .boxStyleA .title {
    padding: 0 0 15px 0;
    margin: 0 0 20px 0;

  }
  .boxStyleA .box {
      font-size: 17px;
  line-height: 26px;

    width: 28.263795423957%;
    margin: 0 6.729475100942% 0 0;
    float: left;
  }
}

.boxStyleB .alignnone {
  margin: 0;
}

.boxStyleB .boxA {
  margin-bottom: 15px;
}
.boxStyleB .boxA .img1{
  width: 100%;
  margin: 15px 0;
}
.boxStyleB .boxA .img2{
  float: left;
  width: 49.45652173913%;
  margin: 0 1.08695652174% 0 0;
}
.boxStyleB .boxA .img3{
  float: left;
  width: 49.45652173913%;
  margin: 0 0 0 0;
}
.boxStyleB .boxB {
  width: 60%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .boxStyleB .boxA {
    width: 58.723404255319%;
    line-height: 33px;
    float: left;
  }



  .boxStyleB .boxB {
    width: 39.148936170213%;
    float: right;
  }

}

.boxStyleC {
  max-width: 480px;
  border: solid 2px #a5a5a6;
  border-radius: 4px;
}
.boxStyleC .header {
  position: relative;
}
.boxStyleC .header img {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;

}

.boxStyleC .header .close {
  position: absolute;
  right: 10px;
  top: 10px;
}
.boxStyleC .body {
  background-color: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 15px;
  text-align: center;
}
.boxStyleC .body .title2 {
  text-align: center;
  margin: 30px 0 20px 0!important;
}
.boxStyleC .body .list {
  list-style-type: none;
  margin: 0 auto;
  padding: 0 0 0 30px;
  font-size: 18px;
  width: 92%;
}
.boxStyleC .body .list li {
  margin: 0 25px 12px 0;
  width: 95px;
  text-align: left;
  float: left;
}
@media (max-width: 767px) {
  .boxStyleC .body .list {
    width: auto;
    margin: 0;
  }
  .boxStyleC .body .list li {
    margin-right: 0;
  }
}

.boxStyleE {
  padding: 0 1.327433628319% 5px 0;
  margin: 0 0 13px 0;
  border: solid 1px #dbdcdc;
  position: relative;
  font-size: 0;
}
.boxStyleE header {
  font-size: 0;
}
.boxStyleE header .icon {
    display: inline-block;
    width: 50px;
    height: 16px;
    line-height: 16px;
    margin: 0 15px 0 0;
    background-color: #e95513;
    color: #fff;
    vertical-align: middle;
    font-size: 12px;
    text-align: center;
    border-radius: 2px;
}
.boxStyleE header h2 {
  display: inline-block;
  border: none;
  padding: 5px 10px;
  margin: 0 10px 5px 0;
  font-size: 19px;
  font-weight: bold;
  background-color: transparent;
  color: #000;
  font-family: inherit;
  text-align: center;
}
.boxStyleE header h3 {
  padding: 0;
  margin: 0 0 15px 0;
  display: inline-block;
  font-size: 19px;
  border: none;
  color: #000;
  font-family: inherit;
  font-weight: normal;
}
.boxStyleE header h3:after {
  display: none;
}
.boxStyleE .photoBox {
  vertical-align: top;
  font-size: 14px;
}
.boxStyleE .photoBox>.boxA {
  height: 129px;
  margin: 0 0 2px 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
}
.boxStyleE .photoBox>.boxB {
  width: 48.837209302326%;
  height: 63px;
  margin: 0 2.325581395349% 0 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
  float: left;
}
.boxStyleE .photoBox>.boxC {
  height: 63px;
  width: 48.837209302326%;
  margin: 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
  float: left;
}
.boxStyleE .photoBox img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
}
.boxStyleE .dataBox {
  vertical-align: top;
  font-size: 10px;
}
.boxStyleE .text {
  margin: 0 0 3px 0;
  font-size: 13px;
  line-height: 1;
}
.boxStyleE .wrap {
  min-height: 125px;
  padding: 5px 0;
  margin: 0 0 5px 0;
  border-top: solid 1px #f4f4f4;
  border-bottom: solid 1px #f4f4f4;
}
.boxStyleE .text+.wrap {
  min-height: initial;
}
.boxStyleE .info {
  margin: 0 0 5px 0;
  font-size: 14px;
}
.boxStyleE .dataBox i {
color:#6fba2c;
}
.boxStyleE .dataBox .icon {
  padding: 0;
  margin: 0 0 7px 0;
  list-style-type: none;
  font-size: 0;
}
.boxStyleE .icon li {
  display: inline-block;
  width: 94px;
  height: 16px;
  margin: 0 2px 5px 0;
  padding: 0;
  vertical-align: top;
  border: solid 2px #6fba2c;
  color: #6fba2c;
  font-size: 10px;
  text-align: center;
  position: relative;
}

.boxStyleE .icon li:nth-child(5n) {

}
.boxStyleE .icon li img {
  vertical-align: top;
}

.boxStyleE .dataBox>.boxA {
  border-right: solid 1px #f4f4f4;
  float: left;
  position: relative;
}
.boxStyleE .dataBox .price {
  font-size: 12px;
}
.boxStyleE .dataBox .num {
  font-size: 22px;
  padding-right: 5px;
}

.boxStyleE .dataBox>.boxA .link {
  display: inline-block;
  font-size: 13px;
}
.boxStyleE .dataBox>.boxA .tel {
  display: inline-block;
  margin: 5px 0 0 0;
  font-size: 22px;
  letter-spacing: -1px;
}
.boxStyleE .dataBox>.boxA .box {
  position: absolute;
  right: 5px;
  top: 0;
}
.boxStyleE .dataBox>.boxA .photo {
  height: 57px;
  margin: 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
}
.boxStyleE .dataBox>.boxA .photo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.boxStyleE .dataBox>.boxB {
}
.boxStyleE .dataBox>.boxB .bookmark {
      margin: 0 0 3px 0;
}

.boxStyleE .dataBox>.boxB .day {
  margin-bottom: 3px;
  font-size: 10px;
  line-height: 1;
  text-align: center;
}

.boxStyleE .btnStyle {
  border: none;
  color: #fff;
  text-decoration: none;

}
.boxStyleE .btnStyle:hover {
  opacity: .7;
}
.boxStyleE .labelStyle {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 5px 0;
  min-width: 70px;
  border-radius: 10px;
  border: none;
  color: #fff;
  font-size: 14px;
}

.boxStyleE.chuko header h2 {

  background-color: #dd81b1;
  color: #fff;
}
.boxStyleE.chuko .btnStyle {
  background-color: #dd81b1;
}
.boxStyleE.chuko .labelStyle {
  background-color: #dd81b1;
}


.boxStyleE.kashiya header h2 {
  background-color: #f29739;

  color: #fff;
}
.boxStyleE.kashiya .btnStyle {
  background-color: #f29739;
}
.boxStyleE.kashiya .labelStyle {
  background-color: #f29739;
}

.boxStyleE.tenpo header h2 {

  background-color: #005eac;
  color: #fff;
}
.boxStyleE.tenpo .btnStyle {
  background-color: #005eac;
}
.boxStyleE.tenpo .labelStyle {
  background-color: #005eac;
}

/*.boxStyleE.tochi header h2 {

  background-color:#009599;
  color: #fff;
}
.boxStyleE.tochi .btnStyle {
  background-color: #009599;
}
.boxStyleE.tochi .labelStyle {
  background-color:#009599;
}*/
.boxStyleE.tochi header h2 {

  background-color:#955629;
  color: #fff;
}
.boxStyleE.tochi .btnStyle {
  background-color: #955629;
}
.boxStyleE.tochi .labelStyle {
  background-color:#955629;
}

.boxStyleE.rakuenakiyaBukken header h2,
.boxStyleE.rakuenakiyaBukken .btnStyle,
.boxStyleE.rakuenakiyaBukken .labelStyle {
  background-color: #638033;
}

@media (max-width:567px) {
  .boxStyleE {
    padding: 5px;
  }
  .boxStyleE .photoBox {
    width: 100%;
  }
  .boxStyleE .photoBox>.boxA {
    width: 59.722222222222%;
    float: left;
  }
  .boxStyleE .photoBox>.boxB{
    width: 38.888888888889%;
    margin: 0 0 3px 0;
    float: right;
  }

  .boxStyleE .photoBox>.boxC {
    margin: 0;
    width: 38.888888888889%;
    float: right;
  }
  .boxStyleE .wrap {
    min-height: initial;
    margin: 0;
  }
  .boxStyleE .dataBox>.boxA {
    margin: 0 0 10px 0;
    border-right: none;
  }
  .boxStyleE .dataBox>.boxA .tel {
    font-size: 26px;
  }
  .boxStyleE .dataBox>.boxA .link {
      margin: 0 10px 0 0;
  }
  .boxStyleE .dataBox>.boxB .bookmark {
    display: inline-block;
    margin: 0 5px 10px 0;
  }
  .boxStyleE .dataBox>.boxB .day {
    display: inline-block;
    font-size: 12px;
    margin: 0 0 10px 0;
  }

}
@media (min-width:568px) {
  .boxStyleE header h2 {
    min-width: 26.457399103139%;
  }
  .boxStyleE .photoBox {
    width: 25.710014947683%;
    margin: 0 1.494768310912% 0px 0.747384155456%;
    float: left;
  }
  .boxStyleE .dataBox {
    width: 71.748878923767%;
    float: right;
  }
  .boxStyleE .dataBox>.boxA {
    width: 57.083333333333%;
    padding: 0 17.916666666667% 0 0;
    border-right: solid 1px #f4f4f4;
  }
  .boxStyleE .dataBox>.boxA .box {
    width: 29.403892944039%;
  }
  .boxStyleE .dataBox>.boxB {
    width: 42.5%;
    padding: 0 0 0 1.666666666667%;
    float: left;
  }
  .boxStyleE .dataBox>.boxB .bookmark {
    width: 62.755102040816%;

    float: left;
  }
  .boxStyleE .dataBox>.boxB .day {
    margin-right: 3.102040816327%;
    float: right;
  }
  .boxStyleE .dataBox>.boxB .day .txt {
    display: block;
  }
  .boxStyleE .info.tableStyleC th {
    width: 100px;
  }
}

.boxStyleF {
  padding: 0 0 5px 0;
  margin: 0 0 13px 0;
  position: relative;
  font-size: 0;
}
.boxStyleF header {
  margin: 0 0 15px 0;
}
.boxStyleF header h1 {

  border-bottom: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
}
.boxStyleF header h2 {
  border-left: none;
  background-color: transparent;
  border-bottom: solid 1px #f4f4f4;
  font-size: 19px;
  color: #000;
  font-family: inherit;
}
.boxStyleF header .lbl {
  display: inline-block;


  margin: 0 15px 0 0;

  text-align: center;
  background-color: #ccc;
  vertical-align: middle;
}
.boxStyleF header .icon {
  display: inline-block;
  width: 50px;
  height: 16px;
  line-height: 16px;
  margin: 0 15px 0 0;
  background-color: #e95513;
  color: #fff;
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
  border-radius: 2px;
}
.boxStyleF .photoBox {
  display: inline-block;
  vertical-align: top;
  width: 172px;
  margin: 0 10px 0px 5px;
  font-size: 14px;
}
.boxStyleF .photoBox>.boxA {
  height: 129px;
  margin: 0 0 2px 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
}
.boxStyleF .photoBox>.boxB {
  width: 84px;
  height: 63px;
  margin: 0 4px 0 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
  float: left;
}
.boxStyleF .photoBox>.boxC {
  height: 63px;
  width: 84px;
  margin: 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
  float: left;
}
.boxStyleF .photoBox img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.boxStyleF .dataBox {
  vertical-align: top;
  padding: 0 0 10px 0;
  border-bottom: solid 1px #f4f4f4;
  font-size: 14px;
}
.boxStyleF .btnBox img {
  margin-left: 8px;
}
.boxStyleF .text {
  margin: 0 0 3px 0;
  font-size: 11px;
  line-height: 1;
}
.boxStyleF .wrap {
  clear: both;
}
.boxStyleF .info {
  margin: 0 0 5px 0;
}
.boxStyleF .info.tableStyleC th {
}
.boxStyleF .info.tableStyleC td {

}
.boxStyleF .day {
  clear: both;
  font-size: 14px;
}
.boxStyleF .icon {
  padding: 0;
  margin: 0 0 7px 0;
  list-style-type: none;
  font-size: 0;
}
.boxStyleF .icon li {
  display: inline-block;
  width: 130px;
  height: 22px;
  margin: 0 2px 5px 0;
  padding: 0;
  font-size: 14px;
  border: solid 2px #6fba2c;
  color: #6fba2c;
  text-align: center;
}

.boxStyleF .icon li img {
  vertical-align: top;
}
.boxStyleF .dataBox>.boxA {
  width: 264px;
  padding: 0 98px 0 0;
  border-right: solid 1px #f4f4f4;
  float: left;
  position: relative;
}
.boxStyleF .dataBox .price {
  font-size: 25px;
}
.boxStyleF .dataBox>.boxA .link {
  display: inline-block;
  font-size: 13px;
}
.boxStyleF .dataBox>.boxA .tel {
  display: inline-block;
  font-size: 24px;
}
.boxStyleF .dataBox>.boxA .box {
  position: absolute;
  right: 18px;
  top: 0;
}
.boxStyleF .dataBox>.boxA .photo {
  width: 76px;
  height: 57px;
  margin: 0;
  background-color: #dbdcdc;
  position: relative;
  overflow: hidden;
}
.boxStyleF .dataBox>.boxA .photo img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.boxStyleF .dataBox>.boxB {
  width: 214px;
  padding: 0 0 0 18px;
  float: left;
}
.boxStyleF .dataBox>.boxB .bookmark {
  margin: 0 0 5px 0;
  float: left;
}
.boxStyleF .dataBox>.boxB .day {
  margin: 0 10px 5px 0;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  float: right;
}
.boxStyleF .dataBox>.boxB .day {
  margin: 0 10px 5px 0;
  font-size: 10px;
  line-height: 1;
  text-align: center;
  float: right;
}


.boxStyleF .labelStyle {
  width: 97px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 0 5px 0;
  min-width: 70px;
  border-radius: 10px;
  border: none;
  background-color: #ccc;
  color: #fff;
  font-size: 15px;
}

.boxStyleF .btnStyle {
    height: 60px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
}
.boxStyleF .btnStyle .styleA {
  font-size: 22px;
}

.boxStyleF.tochi header .lbl {
  background-color: #955629;
  color: #fff;
}
.boxStyleF.tochi .labelStyle {
  background-color: #955629;
}
.boxStyleF.tochi .btn-styleA {
  background-color: #955629;
  color: #fff;
}

.boxStyleF.chuko header .lbl {
  background-color: #dd81b1;
  color: #fff;
}
.boxStyleF.chuko .labelStyle {
  background-color: #dd81b1;
}
.boxStyleF.chuko .btn-styleA {
  background-color: #dd81b1;
  color: #fff;
}
.boxStyleF.kashiya header .lbl {
  background-color: #f29739;
  color: #fff;
}
.boxStyleF.kashiya .labelStyle {
  background-color: #f29739;
}
.boxStyleF.kashiya  .btn-styleA {
  background-color: #f29739;
}
.boxStyleF.tenpo header .lbl {
  background-color: #005eac;
  color: #fff;
}
.boxStyleF.tenpo .labelStyle {
  background-color: #005eac;
}

.boxStyleF.tenpo .btn-styleA {
  background-color: #005eac;
  color: #fff;
}

.boxStyleF.rakuenakiyaBukken header .lbl,
.boxStyleF.rakuenakiyaBukken .labelStyle,
.boxStyleF.rakuenakiyaBukken .btn-styleA {
  background-color: #638033;
}
@media (max-width: 767px) {
  .boxStyleF header {
    margin-bottom: 0;
  }
  .boxStyleF header h1 {
      font-size: 19px;
  }
  .boxStyleF header h2 {
    padding: 0 0 10px 0;
    margin: 10px 0;
  }
  .boxStyleF header .lbl {
    padding: 5px;
  }

  .boxStyleF .btnBox {
    margin: 0 0 10px 0;
    width: 100%;

  }

  .boxStyleF .btnBox img {
    max-width: 49%;
    margin: 0 1% 0 0;
    float: left;
  }
  .boxStyleF .btnBox .removeFavorite {
    margin-right: 0;
  }
  .boxStyleF .btnStyle {
    width: 150px;
    height: 40px;
    line-height: 20px;
    font-size: 10px;
    float: right;
  }
  .boxStyleF .btnStyle .styleA {
    font-size: 14px;
  }
  .boxStyleF .day {
    clear: none;
      float: right;
      width: 130px;
      margin-right: 10px;

  }
}

@media (min-width: 768px) {
  .boxStyleF header h1 {
      font-size: 25px;
  }
  .boxStyleF header h2 {
    padding: 0 0 10px 0;
    margin: 15px 0;
  }
  .boxStyleF header .lbl {
    width: 245px;
    height: 44px;
    line-height: 44px;
  }
  .boxStyleF .btnStyle {
    width: 27.978723404255%;
    float: right;
  }
  .boxStyleF .wrap {
    float: left;
    width: 70.212765957447%;
  }
}



.boxStyleG {
  margin: 0 0 30px 0;
  border-left: none;
  position: relative;
  font-size: 0;
}
.boxStyleG header {
  margin: 0 0 15px 0;
}
.boxStyleG header h2 {
  display: inline-block;
  border: none;
  padding: 0 10px 0 0;
  margin: 0;
  font-size: 26px;
  background-color: transparent;
  color: #000;
  font-family: inherit;
}
.boxStyleG header h2:before {
  content: "";
  display: inline-block;
  border: solid 3px #0080cb;
  height: 30px;
  width: 30px;
  border-radius: 15px;
  vertical-align: bottom;
}
.boxStyleG header a {
  text-decoration: none;
}
.boxStyleG header .tel {
  font-size: 27px;
  color: #0080cb;
  line-height: 1;
  float: right;
}
.boxStyleG .photoBox {
  display: inline-block;
  vertical-align: top;
  height: 283px;
  margin: 0 15px 0 0;
  background-color: #E5E5E6;
  position: relative;
  overflow: hidden;
  font-size: 14px;
}
.boxStyleG .photoBox img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.boxStyleG .dataBox {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.boxStyleG .info {
  margin: 0 0 8px 0;
}
.boxStyleG .info.tableStyleC th {
  padding: 4px;
  width: 90px;
}
.boxStyleG .info.tableStyleC td {
  padding: 4px;
  width: 202px;
}
.boxStyleG .info.tableStyleC td[colspan] {
  width: auto;
}
.boxStyleG .numBox {
  margin: 0 0 7px 0;
  background-color: #0080cb;
  border: solid 1px #0080cb;
  float: left;
}
.boxStyleG .icon {
  padding: 0;
  margin: 0 0 7px 0;
  list-style-type: none;
  font-size: 0;
}
.boxStyleG .icon li {
  display: inline-block;
  width: 192px;
  height: 25px;
  line-height: 25px;
  margin: 0 5px 5px 0;
  padding: 0;
  font-size: 14px;
  text-align: center;
  border: solid 1px #F39903;
  border-radius: 13px;
  color: #F39903;

}
.boxStyleG .icon li a{
  color: inherit;
}
.boxStyleG .icon li:nth-child(even) {
  margin-right: 0;
}
.boxStyleG .btnBox {
  clear: both;
  font-size: 0;
}
.boxStyleG .btnA {
  width: 49%;
  font-size: 14px;
  display: block;
  margin: 0 1% 0 0;
  float: right;
}
.boxStyleG .btnB {
  width: 49%;
  font-size: 14px;
  display: block;
  float: left;
}
@media (max-width: 767px) {
  .boxStyleG {
    position: relative;
  }
  .boxStyleG .photoBox {
    display: block;
    width: 120px;
    height: 90px;
    margin: 0 0 10px 0;
  }
  .boxStyleG header {
    width: 170px;
    position: absolute;
    right: 0;
    top: 0;
  }
  .boxStyleG header h2 {
    font-size: 16px;
    margin: 0 0 20px 0;
  }
  .boxStyleG header h2:before {
    width: 16px;
    height: 16px;
    border-width: 1px;
  }
  .boxStyleG header .tel {
    font-size: 20px;
    float: none;
    display: block;
  }
  .boxStyleG .icon li {
    max-width: 49%;
    font-size: 12px;
    margin-right: 1%;
  }
  
}
@media (min-width: 768px) {
  .boxStyleG .photoBox {
    width: 37.553191489362%;
  }
  .boxStyleG .dataBox {
    width: 60.106382978723%;
  }
  .boxStyleG .icon {
    min-height: 63px;
  }
}

.boxTable {
	margin:0 0 30px 0;
}
@media (min-width: 768px) {
	.boxTable {
		display:table;
		table-layout:fixed;
		width:100%;
	}
	.boxTable>.table-cell {
		padding:15px;
		display:table-cell;
		vertical-align:top;
	}
	.boxTable>.table-cell:first-child {
		padding-left:0;
	}
	.boxTable>.table-cell:last-child {
		padding-right:0;
	}
}
.boxGray {
	padding:15px;
	border:solid 1px #efefef;
}
@media (min-width: 768px) {
	.boxDot {
		border-top:dotted 1px #000;
		border-right:dotted 1px #000;
		border-bottom:dotted 1px #000;
	}
	.boxDot:last-child {
		border-right:none;
	}
}
.boxGreen {
display: inline-block;
    height: 24px;
    line-height: 20px;
    padding: 0 2px;
    vertical-align: top;
    border: solid 2px #6fba2c;
    color: #6fba2c;
    font-size: 10px;
    text-align: center;
    position: relative;
}



.promotionBox {}
@media (max-width: 767px) {
  .promotionBox .boxB .text {
    text-align: center;
    margin: 10px 0;
  }

}
@media (min-width: 768px) {
    .promotionBox .boxA {
      width: 56.382978723404%;
      float: left;
    }
    .promotionBox .boxB {
      width: 40.851063829787%;
      float: right;
    }
    .promotionBox .boxB .text {
      margin-top: 40px;
      margin-bottom: 30px;
    }
}

/* tableStyle
==================================================*/
.tableStyleC {
  width: 100%;
  margin: 0 0 20px 0;
  line-height: 1.42857143;
  table-layout: fixed;
}
.tableStyleC th {
  width: 20%;
  padding: 4px;
  background-color: #f4f4f4;
  border: solid 1px #ccc;
  font-weight: normal;
  text-align: center;

}
.tableStyleC td {
  width: 30%;
  padding: 4px 10px;
  border: solid 1px #ccc;
}
.tableStyleC td[colspan="3"] {
  width: 80%;
}
.tableStyleC td.nopadding {
  padding-right: 0;
  padding-left: 0;
}
.tableStyleC.styleB th {
  width: 25%;
  white-space: normal;
}
.tableStyleC.styleB td {
  width: 75%;
}
.tableStyleC.styleB th,
.tableStyleC.styleB td {
  padding: 10px 10px;
  text-align: left;
}

.tableStyleC td[colspan="3"] {
  width: 80%;
}
.tableStyleC.styleD th {
  width: 210px;
}

.tableStyleC.styleE th {
  width: 210px;
}
.tableStyleC label {
  padding-left: 15px;
  text-indent: -15px;
}
@media (max-width: 767px) {
  .tableStyleC {
    font-size: 12px;
  }
  .tableStyleC td {
    padding: 4px;
  }
  .tableStyleC .form-control {
    height: auto;
  }

}
@media (min-width: 768px) {
}
/* listStyle
==================================================*/
.listStyleA {
  font-size: 16px;
}
.listStyleA li {
  padding-left: 18px;
  margin-bottom: 10px;
  position: relative;
}
.listStyleA li::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #000;
  border-radius: 7px;
  position: absolute;
  left: 0;
  top: 2px;
}


.listStyleB {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 12px;

}
.listStyleB li {
  padding: 0 0 0 1em;
  margin: 0 0 5px 0;
  text-indent: -1em;
}
.listStyleB label {
  margin: 0;
  display: inline;

}
.listStyleB ul {
  margin: 0;
  padding: 0 0 0 2em;
  list-style-type: none;
  position: relative;
}
.listStyleB ul:before {
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  border-left: solid 1px #000;
  border-bottom: solid 1px #000;
  position: absolute;
  left:1.3em;
  top: 5px;
}

.listStyleC {
  width: 100%;
  list-style-type: none;
  padding: 0 20px 0 0;
  margin: 0;
  border-left: solid 1px #6fb92c;
}
.listStyleC li {

  width: 33.3%;
  height: 40px;
  line-height: 40px;
  padding: 0 0 0 5%;
  border-top: solid 1px #6fb92c;
  border-bottom: solid 1px #6fb92c;
  float: left;
  position: relative;
}

.listStyleC li:before {
  content:"";
  display: block;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid #6fb92c;
  border-bottom: 20px solid transparent;
  position: absolute;
  right: -20px;
  top: -1px;
  z-index: 0;
}
.listStyleC li:after {
  content:"";
  display: block;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-left: 19px solid #fff;
  border-bottom: 19px solid transparent;
  position: absolute;
  right: -19px;
  top: 0px;
  z-index: 1;
}
.listStyleC li .num {
  display: inline-block;
  padding: 3px 5px;
  background-color: #6fb92c;
  color: #fff;
  line-height: 1;
  font-size: 13px;
  vertical-align: text-top;
}
.listStyleC li.active {
  background-color: #6fb92c;
  color: #fff;
}
.listStyleC li.active:first-child {
  padding-left: 2.5%;
}
.listStyleC li.active:after {
  display: none;
}
.listStyleC li.active .num {
    background-color: #fff;
    color: #6fb92c;
}
@media (max-width:767px) {
  .listStyleC {
    font-size: 10px;
    padding-right: 10px;
  }
  .listStyleC li {

      height: 30px;
      line-height: 30px;
      padding-left: 7%;

  }
    .listStyleC li:first-child {
      padding-left: 2%;
    }
  .listStyleC li:before {
    border-top: 15px solid transparent;
    border-left: 15px solid #6fb92c;
    border-bottom: 15px solid transparent;
    right: -15px;
  }
  .listStyleC li:after {
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-bottom: 14px solid transparent;
    right: -14px;
  }
  .listStyleC li .num {
    font-size: 10px;
    padding: 1px 2px;
  }
  .listStyleC li.step1,
  .listStyleC li.step3 {
    width: 28%;
  }
  .listStyleC li.step2 {
    width: 42%;

  }
  .listStyleC li.active {
    padding-left: 2%;

  }
}

.modal .listStyleC {
  font-size: 16px;
}
.modal .listStyleC .num {
  font-size: 10px;
}

.listStyleD li {
	margin:0 0 15px 0;
}
.listStyleD li img {
	display:block;
	margin: 0 auto;
}
@media (min-width:768px) {
	.listStyleD li {
		width:49.148936170213%;
		float:left;
	}
	.listStyleD li:nth-child(odd) {
		margin-right:1.702127659574%;
		clear:left;
	}
}

/* selectStyle
==================================================*/
.input-width-60 {
  width: 60px!important;
}
.input-width-70 {
  width: 70px!important;
}
.input-width-80 {
  width: 80px!important;
}
.input-width-90 {
  width: 90px!important;
}
.input-width-100 {
  width: 100px!important;
}
.input-width-110 {
  width: 110px!important;
}
.input-width-120 {
  width: 120px!important;
}
.input-width-140 {
  width: 140px!important;
}
.input-width-150 {
  width: 150px!important;
}
.input-width-170 {
  width: 170px!important;
}
.input-width-200 {
  width: 200px!important;
}
.input-width-300 {
  width: 300px!important;
}
.input-width-355 {
  width: 355px!important;
}

/* search
====================================================================================================*/
/* listBox
==================================================*/

#listBox {
}
@media (min-width: 768px) {
  #listBox {
    width: 72.340425531915%;
    float: right;
  }
}
/* searchBox
==================================================*/
#searchBox {
  font-size: 13px;
  
}
#searchBox h2 {}
#searchBox h3 {
  height: 54px;
  line-height: 54px;
  margin: 0;
  padding: 0;
  border-bottom: none;
  font-family: inherit;
  font-size: 19px;
  color: #fff;
  background-color: #6fba2c;
  text-align: center;
}
#searchBox h3 i {
  color: #fff;
}
#searchBox h3:after {
  display: none;
}

#searchBox h4 {
  font-size: 14px;
  color: inherit;
}
#searchBox h5 {
  font-weight: normal;
  color: #6fba2c;
}
#searchBox i {
  color: #6fb33b;
}
#searchBox hr {
  margin-top: 22px;
    margin-bottom: 22px;
    border: 0;
    border-top: 1px solid #eee;
}
#searchBox .widget_sp_image {
  margin: 0 0 8px 0;
}
#searchBox {
  margin: 0 0 15px 0;
}
#searchBox .box {
  padding: 20px 15px;
  background-color: #f4f4f4;
}
#searchBox .title {
  margin: 0 0 10px 0;
  font-weight: bold;
}
#searchBox .title2 {
  margin: 0 0 5px 0;
  text-indent: -.5em;
}

#searchBox .btnStyle {
  background-color: #6fb33b;
  color: #fff;
}
#searchBox .btnStyle:hover {
  opacity: .7;
}
#searchBox.search .btnStyle {
  background-color: #0080cc;
}
#searchBox.housesearch .btnStyle {
  background-color: #6fb92c;
}
#searchBox.search .textColor {
  color: #0080cc;
}
#searchBox.housesearch .textColor {
  color: #6fb92c;
}
#areaMap {
  width: 134px;
  margin: 0 auto;
}
.mapBox {
  position: relative;
}
.mapBox .mapImage {
  position: relative;
  margin: 0 0 20px 0;
  z-index: 0;
}
.mapBox area {
  z-index: 1;
}

#kakakuTab li a {
  padding: 5px 10px;
  text-decoration: none;
}

.hidden-obj .wpcf7-submit {
  display: none;
}
.modal-body>.box {
  margin-top: 10px;
}
.modal-footer .wpcf7-response-output {
  text-align: center;
}
#areaModal1 .modal-dialog,
#areaModal2 .modal-dialog {
  max-width: 470px;
  margin-top: 100px;
}



#selectedCity {
  margin: 10px 0 0 0;
}

@media (max-width: 767px) {
  #searchBox {
    display: none;
  }
}
@media (min-width: 768px) {
  #searchBox {
    width: 25.531914893617%;
    float: left;
  }
}
/* searchControl
==================================================*/
.searchControl {
  font-size: 12px;
  display: inline-block;
}
.searchControl a {
  display: inline-block;
  padding: 0 5px;
}
.searchControl .all {
  font-size: 18px;
}
.searchControl .current{
  background-color: #0080cc;
  color: #fff;
}



@media (max-width:767px) {
  #detailPhotoBox .mainPhoto {
    display: none;
  }
  #detailPhotoBox .thumbBox {
    width: 100%;
  }
  #detailPhotoBox .thumbBox>div {
    

  }
  #detailPhotoBox .thumbBox>div figure,
  #surround .body>div figure {
    width: 266px;
    height: 192px;
    padding: 0 5px;
    position: relative;
  }
  #detailPhotoBox .thumbBox>div figure img,
  #surround .body>div figure img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 100%
  }




}
@media (min-width:768px) {
  #detailPhotoBox .mainPhoto {
      width: 503px;
      height: 403px;

      position: relative;
      background-color: #eeeeef;
      float: left;
    }
   
    #detailPhotoBox {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: solid 1px #f4f4f4;
    }


  #detailPhotoBox .mainPhoto img {
    width: auto;
    max-height: 100%;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #detailPhotoBox .mainPhoto .caption {
    width: 100%;
    height: 30px;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #000;
    background-color: rgba(0,0,0,.5);
    font-size: 16px;
    text-align: center;
    color: #fff;
  }
  #detailPhotoBox .thumbBox {
    width: 435px;
    padding: 0;

    list-style-type: none;
    float: right;
    font-size: 0;
  }
  #detailPhotoBox .thumbBox>div {
    display: inline-block;
    width: 96px;
    height: 72px;
    padding: 0;
    margin: 0 0 5px 10px;
    font-size: 14px;
    vertical-align: top;
    position: relative;
    background-color: #eeeeef;
  }
  #detailPhotoBox .thumbBox img {
    width: auto;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-height: 100%
  }

#surround {
  margin: 0 0 20px 0;
  padding: 0 0 20px 120px;
  position: relative;
  font-size: 0;
  clear:both;

    border-bottom: solid 1px #f4f4f4;
}
#surround .title {
  width: 120px;
  height: 68px;
  line-height: 68px;
  text-align: center;
  font-size: 19px;
  position: absolute;
  left:0;
  top: 0;
}
#surround .body>div {
  display: inline-block;
  width: 91px;
  height: 68px;
  margin: 0 0 10px 10px;
  font-size: 14px;
  box-shadow: 3px 3px 3px #ccc;
  position: relative;
}
#surround .body>div img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
}
}


#mapWrap {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #f4f4f4;
}
#street_canvas {
  height: 350px;
  width: 100%;
  max-width: 460px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
}
#map_canvas {
  min-height: 350px;
  width: 100%;
  /* float: left; */
  text-align: center;
}
#open_street_map {
  height: 350px;
  margin-bottom: 10px;
}
/* #street_canvas+#map_canvas {
  width: 460px;
} */
#detailMovie {
}
#detailMovie .box {
  height: 350px;
  width: 460px;
  float: left;
  position: relative;
  background-color: #eeeeef;
}
#detailMovie .box:nth-child(odd) {
  margin-right: 20px;
}
#detailMovie .box iframe {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}


#inspection {
      margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #f4f4f4;
}
#inspection header {
  height: 42px;
  line-height: 40px;
  position: relative;
  padding: 0 40px 0 55px;
  margin: 0 0 10px 0;
  border: solid 1px #6fb92c;
  font-size: 20px;
}
#inspection header .icon {
  position: absolute;
  left:0;
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #6fb92c;
  color: #fff;
}
#inspection header .icon i {
  color: #fff;
}
#inspection header .link {
  display: inline;
  padding: 0 0 0 40px;
  font-size: 14px;
}
#inspection header .text {
  font-size: 14px;
}
#inspection .boxA {
  width: 315px;
  float: left;
}
#inspection .thumbBox {

  padding: 0;
  margin: 0;
  list-style-type: none;
}
#inspection .thumbBox li {
  padding: 0;
  margin: 0 10px 10px 0;
  width: 140px;
  height: 110px;
  float: left;
  position: relative;
  background-color: #eeeeef;
}
#inspection .thumbBox img {
  width: auto;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#inspection {}
#inspection .boxA+.boxB {
  width: 625px;
  float: right;
}
#inspection .tableStyleC {
  margin: 20px 0 0 0;
}
#inspection .tableStyleC td,
#inspection .tableStyleC th {
  padding-top: 10px;
  padding-bottom: 10px;
}

/*#imageData #imageDetails #titleAndCaption {
  padding: 10px;
  margin: auto;
  position: absolute;
  left:0;
  right: 0;
  top: 0;
  width: 100%;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
}*/

/*#imageContainer {
  position: relative;
}
#lightboxImage {
  position: absolute;
  top: 50px;
  left:10px;
}*/

#relatedInfo {}
#relatedInfo .list {
  width: 232px;
  padding: 0;
  margin: 0;
  list-style-type: none;
  float: left;
}
#relatedInfo .list li {
  padding: 0;
  margin: 0 0 10px 0;
}
#carousel {
  width: 670px;
  padding: 0 30px;
  float: right;
  position: relative;
  font-size: 12px;
}
#carousel .box {
  width: 610px;
  height: 143px;
  overflow: hidden;
}
#carousel ul {
  width: 800px;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#carousel ul li {
  height: 143px;
  padding: 0;
  margin: 0 10px 0 0;
  line-height: 1.4;
  float: left;
}
#carousel ul li img {
  display: block;
}
#carousel ul li a {}
#carousel .prev {
  position: absolute;
  left:0;
  top: 0;
}
#carousel .next {
  position: absolute;
  right: 0;
  top: 0;
}
/* guide
====================================================================================================*/
@media(min-width:768px) {
	#guide-map {
		margin-top:-40px;
	}
}

/* search
====================================================================================================*/
.lead {
  font-size: 16px;
  margin-bottom: 15px!important;
}