@charset "UTF-8";
/*
Theme Name: kawasho
Theme URI: https://kogma.work
Template: 8market
Author: KOGMA
Author URI: https://kogma.work
Tags: threaded-comments,right-sidebar,folio-columns,custom-background,custom-colors,custom-header,custom-logo,custom-menu,editor-style,featured-images,flexible-header,post-formats,footer-widgets,sticky-post,theme-options,education,portfolio
Version: 6.9
Updated: 2026-5-19

*/

	/* Map Box
================================================== */
.home .wp-block-cover-image.alignfull {
    min-height: 500px;
    background-color: unset;
}	

/* googlemap　レスポンシブ*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.header-navigation-wrap {
    justify-content: unset;
}
/* flow box */

.flowBox { padding-bottom: 30px; margin-bottom: 15px; display: block; overflow: hidden; background: url(https://www.kawasho.info/wp2020/images/arrow_down.png) center bottom no-repeat;  	line-height:2;}

.flowBox:last-child { background: none; padding-bottom: 0px; margin-bottom: 0px; }

.flowBox dl { display: block; overflow: hidden; padding: 15px 20px; border: 3px solid #e5e5e5; }

.flowBox dl dt { border-bottom: 1px dotted #ccc; margin-bottom: 10px; }

.flowBox dl dd { margin-bottom: 0px; }

.flowBox dl dd p { margin-bottom: 10px; }

.flowBox dl dd ul { margin-bottom: 0px; }

/* 入居者アンケートフォーム　物件名・部屋番号　年月セレクトbox　横並び */
.wpcf7 .move_into_year select { width: 36%; display:inline; }
.wpcf7 .move_into_month select { width: 36%; display:inline; }

.wpcf7 .property_name select { width: 36%; display:inline; }
.wpcf7 .room_number input { width: 36%; display:inline; }
.form-width { max-width: 50%;}

.wpcf7-text.half {
    width: auto;
    display: inline-block;
}

/* 退去申込フォーム */
.wpcf7 input[name="room-no"]{
width: 50%!important
}

.wpcf7 input[name="parking-no"]{
width: 50%!important
}

.wpcf7 .time01 select { width: 36%; display:inline; }
.wpcf7 .time02 select { width: 36%; display:inline; }

.wpcf7 .account_type select { display:inline; }
.wpcf7 .account_no input { width: 90%; display:block; margin-left:15px; margin-top:10px; }
.wpcf7-select.half {
    width: auto;
    display: inline-block;
}

@media only screen and (min-width: 980px) {
.wpcf7 .account_holder input { width: 36%; display:inline; }
.wpcf7 .account_holder_kana input { width: 36%; display:inline; }
.wpcf7 .account_no input { width: 40%; display:inline; margin-top:30px; }	
}


/* カスタム投稿 Arichive */
#custom {
  display: inline-grid;
  margin: 1.5% 1.5% 3em 1.5%;
  width: 30%;
}
.post-type-archive .page-header {
  padding-left: 1.5%;
  padding-top: 1.5%;
  position: relative;
}

@media only screen and (max-width: 1200px) {
  #custom {
    display: inline-grid;
    float: unset;
    margin: 1.5% 1.5% 3em;
    width: 29.8%;
  }
}
@media only screen and (max-width: 980px) {
  #custom {
    width: 46.5%;
  }
}
@media only screen and (max-width: 480px) {
  #custom {
    margin: 1.5% 1.5% 1em;
    width: 97%;
    margin: 1.5% 1.5% 1em;
  }
}
/* カスタム投稿 Single */
h1.entry-title.custom {
  color: #fff;
  font-size: 2.5em;
  letter-spacing: .1em;
  line-height: 1.25;
  margin: 0 5% 1em 5%;
  position: absolute;
  text-align: center;
  top: 42%;
  width: 90%;
  z-index: 1;
  text-shadow: 0 0 10px #000, 0 0 15px #000;
}
.cat-links.custom {
    text-shadow: 0 0 10px #000, 0 0 15px #000;
}
.entry-header.custom {
  margin-bottom: 50px;
}
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, #custom {
  display: inline-block;vertical-align: top;
	  
  }
}
@media only screen and (max-width: 980px) {
  h1.entry-title.custom {
    font-size: 1.8em;
    line-height: 1.5;
  }

  .entry-header.custom {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 600px) {
  h1.entry-title.custom {
    font-size: 1.3em;
    margin: 0 5%;
    top: 39%;
  }
}

/*YouTubeレスポンシブサイズ*/
.youtube {
    position: relative;
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 500px;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*YouTubeレスポンシブサイズ トップページ*/
.video {
    position: relative;
    width: 60%;
    padding-top: 33.75%; /* 16:9のアスペクト比 */
    height: 0;
    margin: 0 auto;	
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
  
@media only screen and (max-width: 600px) {
.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
    margin: 0 auto;		
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}


/* 事業実績　カテゴリー表示 */
.per-cat span { border-right: 1px solid #dad4d4; }
.per-cat span { box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); }
.per-cat span { background-color: #fff; border: 1px solid #dad4d4; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); display: inline-block; margin: 1% 1% 1% 0; padding: 0.2em 1.0em; }

/*google map バグ対策*/
#map_canvas div > img {
  position: absolute;
}

#map_canvas div > img {
  position: absolute;
}

/* sdgs icon */
.sdgs_pc {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sdgs_pc::after{
  content:"";
  display: block;
  width:32%;
}

.sdgs-icon_pc {
  padding: 0px;
  width: 32%;
}

.sdgs_sp { display: none;}

/* sdgs list */
ul.sdgs li {padding-bottom:10px;}

/* スマホで見た時はclass名sdgs_spだけ表示 */
@media screen and (max-width: 768px){
.youtube {
    padding-top: 350px;
}
/* sdgs icon */
.sdgs_sp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sdgs_sp::after{
  content:"";
  display: block;
  width:23%;
}

.sdgs_sp .sdgs-icon_sp {
  padding: 0 0 6px 0;
  width: 23%;
}

.sdgs_pc {
    display: none;
}

.sdgs_icon_pc	 {
    display: none;
}


}

/* blockquote　引用符消す */
blockquote::before {
    display: none;
}

.social-links ul li a[href*="instagram.com"]:hover {
  background-color: #D73C60;
  color: #FFF;
}


/* 会社案内キャッチコピー */

.jisha_copy { border: solid 1px #ccc; }
.jisha_copy p { padding-left:10px; padding-right:10px; }

/* ローンシミュレーション */
#fudou_loan_box::after {
 content: "※シミュレーションの結果はあくまでも目安です。資金計画の目安としてご利用ください。";

}

@media screen and (max-width: 500px){
.youtube {
    padding-top: 200px;
}}
	span.sold-label {
    margin: 0 5px;
    background:#c30b21;
    color:#fff;
    border-radius:20px;
    letter-spacing: 1px;
    font-size: .8em;
    padding:2px 10px
}

/* トップページ　メイン画像内テキスト */
.slider-content .slider-title,
.slider-content .slider-title a {
  text-shadow: 0 0 10px #000, 0 0 15px #000;
  color: #fff;
  font-family: 'Sawarabi Gothic',"SF Pro JP",sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.1764705882352942em;
  margin: 10px 0;
  padding: 16px 2%;
}

.slider-content .slider-text {
  text-shadow: 0 0 15px #000, 0 0 15px #000;
  color: #fff;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 1.500;
  padding: 0 15% 20px 15%;
}
.single-fudo .wp-block-columns {
    align-items: normal !important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap !important;
}
@media (min-width: 782px) {
    .single-fudo .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis:0;
        flex-grow: 1;
    }

    .single-fudo .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
        flex-grow: 0
    }
}
.single-fudo .wp-block-button__link.no-border-radius {
    border-radius: 0 !important;
    display: block;
    text-align: center;
}
@media (max-width: 819px) {
.single-fudo .wp-block-columns {
    display: block;
}}
.read_more_buttons02 {
  clear: both;
  margin: 0 auto;
  width: 100%;
}

.read_more_buttons02 a.btn-default {
  font-size: 16px;
  margin: 0;
  max-width: 700px;
  padding: 1.3%;
  width: 100%;
}

.read_more_buttons02 a:before {
  display: inline-block;
  margin: 0 0.5em 0 0;
  content: '≫';
  font-size: 20px;
}

.read_more_buttons02 a:hover {
  border: 1px solid #517380;
}
	
.three-column02 {
  float: left;
  padding: 0 20px 40px;
}

.three-column02 {
  width: 33.33%;
}

@media screen and (max-width: 960px) {
.three-column02 {
  width: 100%;
}
}