/*
Theme Name: habakiri-child
Theme URI: http://2inc.org
Description: Habakiri の西東京不動産様専用子テーマです。
Author: Smile Jyushin
Author URI: http://smile-j.jp/
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

html {scroll-behavior: smooth;}
body {font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height: 1.8;font-weight: normal;font-size: 16px;}
boby, p, h1, h2, h3, h4, a {font-family: 'Noto Serif JP' !important;font-weight: normal;color:#322420;}
.clearfix::after {content: " ";display: block;clear: both;}
.leader {font-family: メイリオ, Meiryo, sans-serif;display: contents;}

h2, .h2 {font-size: 3.5rem;}
h3, .h3 {font-size: 3rem;}
h4, .h4 {font-size: 2.5rem;}
h5, .h5 {font-size: 2rem;}
p, a{font-size: 18px;}
a, a:focus, a:hover {text-decoration: none;}
.breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active {font-size: 12px;}
.entry__content{margin: 0 2rem;}
.copyright {background-color: #6c9bd2;color: #eee;text-align: center;}
a.anchor {display: block;padding-top: 150px;margin-top: -150px;}

.site-branding__heading {font-size: 18px;display: flex;align-items: center;margin-left: 4rem;}
.site-branding__logo {width: 25%;margin-right: 1rem;}
.site-branding a {display: flex;align-items: flex-end;}
.site-branding a span{display: block;font-size: 15px;}
.site-branding a span.syubetu-box{margin-top: 0.5rem;padding: 0.5rem;background: rgba(108,155,210,0.8);font-size: 1.25rem;color: #fff;text-align: center;letter-spacing: 0.1rem;border: solid 1px #fff;}


@media (min-width: 1180px){
.site-branding__heading {font-size: 18px;}
.site-branding__logo {width: 130px;}
.site-branding a span{font-size: 14px;}
}

.responsive-nav a {font-size: 14px;}
.responsive-nav > ul > li a, .responsive-nav > * > ul > li a {color: #322420 !important;font-weight: 100;}
.responsive-nav > ul > li a small, .responsive-nav > * > ul > li a small {color: #322420 !important;}
.responsive-nav > ul > li a:before, .responsive-nav > * > ul > li a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 8px;
    left: 0;
    background-color: #6c9bd2;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 240ms cubic-bezier(0.390,0.575,0.565,1.000);
    -moz-transition: all 240ms cubic-bezier(0.390,0.575,0.565,1.000);
    -o-transition: all 240ms cubic-bezier(0.390,0.575,0.565,1.000);
    transition: all 240ms cubic-bezier(0.390,0.575,0.565,1.000);
    -webkit-transition-timing-function: cubic-bezier(0.390,0.575,0.565,1.000);
    -moz-transition-timing-function: cubic-bezier(0.390,0.575,0.565,1.000);
    -o-transition-timing-function: cubic-bezier(0.390,0.575,0.565,1.000);
    transition-timing-function: cubic-bezier(0.390,0.575,0.565,1.000);
}
.responsive-nav > ul > li a:hover:before, .responsive-nav > * > ul > li a:hover:before{visibility: visible;-webkit-transform: scaleX(.420);transform: scaleX(.420);}

.page-header {padding: 9rem 0 1rem;margin:0;}
.page-header__description {width: 70%;margin: 10px auto 0;padding-top: 13px;border-top: solid 1px #fff;}
.page-header__title{color: #fff;}
.page-header__description p{color: #fff;}

@media screen and (max-width: 960px) {
.habakiri-slider__image{min-height: unset !important;}
.page-header__description {width: 100%;}

h2, .h2 {font-size: 2.5rem;}
h3, .h3 {font-size: 2rem;}
h4, .h4 {font-size: 1.8rem;}
h5, .h5 {font-size: 1.5rem;}
p, a{font-size: 16px;}
}

.side-menu {position: fixed;top: 20.75%;right: 0;z-index: 100;}
.side-menu li {list-style: none;}
.side-menu li a {display: block;width: 45px;height: 150px;padding: 10px 2px;color: #fff;background-color: rgba(0,117,194,0.8);border: solid 1px;margin-top: 3px;font-weight: 600;writing-mode: vertical-rl;text-decoration: none;}
.side-menu li a {background:linear-gradient(rgba(160,216,239,0.8), rgba(108,155,210,0.8));}
.side-menu li a:hover{opacity: 0.8;}
.side-menu:hover li{transition: margin .5s;margin-right: 0;}

.fa-phone-alt:before {font-family: 'Font Awesome 5 Free';content: "\f879";}
.fa-envelope:before {font-family: 'Font Awesome 5 Free';content: "\f0e0";}
.fa-caret-right:before {font-family: 'Font Awesome 5 Free';content: "\f0da";}
.btn-tel a, .btn-contact a{font-size: 2rem;}
.btn-tel a i, .btn-contact a i{font-size: 2rem;}

.footer-widget h2{font-size: 2.5rem;}
ul#menu-footer-menu li.menu-item{position: relative;padding-left: 2rem;}
ul#menu-footer-menu li.menu-item:before {content: "";position: absolute;top: 1.5rem;left: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);width: 1rem;height: 1rem;border-top: 2px solid #eee;border-right: 2px solid #eee;}
ul#menu-footer-menu li.menu-item a:focus, ul#menu-footer-menu li.menu-item a:hover{color: #fff;}

@media screen and (max-width: 500px) {
.side-menu {width: 100%;display: flex;bottom: 0;top: unset;right: unset;margin: 0;padding: 0;text-align: center;}
.side-menu li {width: 100%;}
.side-menu li a{width: 100%;height: 60px;writing-mode: unset;}
.btn-tel {display: block;}
.footer {margin-bottom: 60px;}
.footer-widget-area{padding: 60px 0 25px 15px;}
}

.br-pc{display: block;}
.br-tb{display: none;}
.br-sp{display: none;}

.mt-3{margin-top: 3rem;}
.mb-3{margin-bottom: 3rem;}

.text-red{color: #f00 !important;font-weight: bold;}
.text-orange{color: #f9c270;}
.text-green{color: #00a9a9;}
.text-blue{color: #9fd9f6;}
.text-pink{color: #f4b4d0;}
.text-12{font-size: 1.2em;line-height: 1.2;}
.text-15{font-size: 1.5em;}

.contents-title-line{width: 100%;display: block;margin: 1rem auto;border-bottom: 2px solid #6c9bd2;}
.contents-title-line.w35{width: 35%;}
.contents-title-line.w50{width: 50%;}
.contents-title-line.w65{width: 65%;}
.contents-title-line.w80{width: 80%;}

@media screen and (max-width: 960px) {
.br-tb{display: block;}
.br-pc{display: none;}
}
@media screen and (max-width: 540px) {
.br-sp{display: block;}
.breadcrumbs .br-sp{display: none;}
.btn-ref.twoline {padding: 1.1rem ;}
.contents-title-line.w35{width: 100%;}
.contents-title-line.w50{width: 100%;}
.contents-title-line.w65{width: 100%;}
.contents-title-line.w80{width: 100%;}
}
@media screen and (max-width: 379px) {

}

/* toppage */
body.home {background: linear-gradient( 135deg, #fff 10%, #a0d8ef 50%, #6c9bd2 100%);}
.catch-img img{margin-bottom: 30px;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);}
.btn-more a:hover{color: #6c9bd2 !important;background-color: #fff !important;border: solid 2px #6c9bd2 !important;}

.catch-box{width: 75%;margin: 0 auto; border: solid 1px #6c9bd2;background: #fff;padding: 5rem;}
.catch-box p{font-size: 2rem;padding-top: 4rem;}
.genchi-box{margin: 0;}
.kukaku-box{margin: 0 0 3rem;padding: 2rem;background: #fff;border: solid 1px #666;}
.top-map-box{padding: 0;}
.top-movie{width: 50vw;margin: 0 auto;text-align: center;}

.coming-soon {position: relative;margin-bottom: 0.2rem;padding: 6rem 0;font-weight: bold;text-align: center;}
.coming-soon::before {position: absolute;top: 3.5rem;left: 50%;transform: translateX(-50%);color: rgba(108, 155, 210, 0.2);font-size: 40px;font-style: italic;text-transform: uppercase;content: 'Coming Soon';z-index: -1;}

.video {position: relative;width: 100%;padding-top: 56.25%; /* 16:9のアスペクト比 */height: 0;}
.video iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

@media screen and (min-width: 990px) {
.genchi-box{display: flex;}
.kukaku-box{margin: 0 15px 0 0;}
}
@media screen and (max-width: 779px) {
.catch-img .alignright, .catch-img .alignleft {margin: 30px auto;text-align: center !important;float: none !important;display: block !important;}
.btn-more{width: 95%;}
.catch-box{width: 100%;padding: 1rem 2rem;}
.catch-box p{padding-top: 1rem;}
.catch-box h2 span {display: block;}
.top-movie{width: 100%;margin: 0 auto;}
.coming-soon::before {top: 4rem;font-size: 2.5rem;}
}

/*====================================================================
.top-area .accordion_one
====================================================================*/
.top-area {margin: 50px auto;}
.top-area .accordion_one {margin: 0 auto;}
.top-area .accordion_one .accordion_header {
  box-shadow: 0 10px 25px 0 rgb(0 0 0 / 50%);
  background-color: transparent;
  text-align: center;
  position: relative;
  z-index: +1;
  margin-bottom: 5vh;
}
.top-area .accordion_one .accordion_inner {padding: 30px 30px;box-sizing: border-box;background-color: #fff;margin-top: -50px;}

/* toppage contents */
.main-catch-text{font-size: 2rem;}
h3.location-title{background-color: #a0d8ef;padding: 1rem 2rem;}
h3.landscape-title{background-color: #f9c270;padding: 1rem 2rem;}

@media print, (max-width: 767px) {
.main-catch-text{font-size: 1.8rem;}
.container{padding-left: 0;padding-right: 0;}
.top-area .accordion_one .accordion_inner{padding: 1rem;}
}

/* location contents */
.location p {margin-bottom: 3rem;}
.location small {line-height: 2rem;display: inline-block;}
.image-circle {width:180px;height:180px;margin: 1rem 0 2rem;object-fit:cover;border-radius:50%;}
.image-photo {width:100%;height:100%;margin: 0 auto;object-fit:cover;border-radius:50%;}
.wp-block-columns{column-gap: 1rem;}
.wp-block-column p{font-size: 1.5rem;line-height: 1.7rem;}

@media (min-width: 992px){
.img-left {text-align: left;}
.img-right {text-align: right;}
.wp-block-column p{font-size: 1.75rem;line-height: 1.9rem;}
}

/* outline contents */
.sub-page-contents .entry__content{background-image: none;}
.page-list-title {background-color: #6c9bd2;padding: 1rem 2rem;margin: 6rem 0 3rem;color: #fff;text-align: center;}
.page-list-title small {color: #fff;}
.sub-page-contents  small {line-height: 2rem;display: inline-block;}
.sub-page-contents  small.syubetu{font-size: 2rem;}

.head-border {position: relative;display: inline-block;padding: 0 35px;}
.head-border:before,
.head-border:after {content: '';position: absolute;top: 50%;display: inline-block;width: 30px;height: 2px;background-color: #666;}
.head-border:before {left: 0;}
.head-border:after {right: 0;}

.wp-block-table td, .wp-block-table th {box-sizing: border-box;}
.list_table tbody tr td:nth-of-type(1), .list_table > .wp-block-table td:nth-of-type(2) {padding: 1em;margin: 0px;}
.list_table tbody tr td:nth-of-type(1) {background-color: #6c9bd2;color: #fff;}
.list_table tbody tr td:nth-of-type(2) {background-color: #fff;}

@media screen and (min-width: 768px) {
    .list_table {border-top: 1px solid #ddd;border-bottom:none;}
    .sub-page-contents .textBox {padding: 3rem 0;text-align: center;}
    .list_table tbody tr td:nth-of-type(2) {border: 1px solid #ddd;border-top: none;}
    .list_table tbody tr td:nth-of-type(1) {text-align: center;}
    .list_table tbody tr td:nth-of-type(1) {width: 20%;}
    .list_table tbody tr td:nth-of-type(2) {width: 80%;border-right: 1px solid #ddd;}
}
@media print, (max-width: 767px) {
    .list_table tbody {display: flex;flex-wrap: wrap;border-bottom: 1px solid #ddd;}
    .list_table tbody tr{width: 100%;}
    .list_table tbody tr td:nth-of-type(1), .list_table tbody tr td:nth-of-type(2) {display: flex;flex-direction: column;justify-content: center;border-top: 1px solid #ddd;}
    .list_table tbody tr td:nth-of-type(1) {width: 100%;}
    .list_table tbody tr td:nth-of-type(2) {width: 100%;border: 1px solid #ddd;}
}