@charset "utf-8";
/* =========================================================
   静的化の調整 ＋ スマホ表示（株式会社コーワホーム）
   旧テーマの style.css はほぼそのまま。ここで上書きする
   ========================================================= */

/* ---------- 共通（静的化の調整） ---------- */
html{scroll-behavior:smooth}
.min,#catch-area h2,.top-message-catch,.about-catch-blue,.company-catch-blue,#manage-flow-con-title{
  font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Noto Serif JP","Noto Serif CJK JP",serif;
}
#sp-header,#sp-nav,#sp-fix{display:none}
a[href^="tel:"]{text-decoration:none;color:inherit}
#footer-con-tel a,#contact-tel-tel a{color:#D88B55}

/* 旧 WOW.js＋animate.css の代わり */
.wow{visibility:hidden}
.wow.animated{visibility:visible;animation-duration:1s;animation-fill-mode:both}
.wow.fadeIn.animated{animation-name:kFadeIn}
.wow.fadeInUp.animated{animation-name:kFadeInUp}
.wow.fadeInLeft.animated{animation-name:kFadeInLeft}
@keyframes kFadeIn{from{opacity:0}to{opacity:1}}
@keyframes kFadeInUp{from{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:none}}
@keyframes kFadeInLeft{from{opacity:0;transform:translate3d(-60px,0,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wow{visibility:visible !important;animation:none !important}}

/* ヘッダーのメニュー下線（旧サイトはJSで位置を決めていた） */
#header-navi span{left:0;width:0}

/* 右の固定ボタン（旧サイトはスクロールに合わせて追いかける動き） */
#side-con-area{position:fixed;top:164px}
#side-con-area ul{margin:0;padding:0}
#side-con-area img{display:block}

/* フッターのInstagram */
#footer-insta{margin:6px 0 0}
#footer-insta img{display:block;width:216px;height:auto}
#footer-info{height:auto;min-height:116px}

/* 施工事例の写真切り替え（旧 bxSlider） */
#works-img-l-area{position:relative}
ul.works-img{position:relative;width:665px;height:486px;margin:0;padding:0}
ul.works-img li{position:absolute;top:0;left:0;opacity:0;transition:opacity .5s;pointer-events:none}
ul.works-img li.on{opacity:1;pointer-events:auto}
#works-img-l-area button{position:absolute;top:50%;margin-top:-22px;width:44px;height:44px;border:0;background:rgba(20,43,64,.75);color:#fff;font-size:18px;cursor:pointer;font-family:Arial,sans-serif}
#works-img-l-area .works-prev{left:0}
#works-img-l-area .works-next{right:0}
#works-thum{margin:0;padding:0}
#works-thum a{display:block;opacity:.5;transition:opacity .2s}
#works-thum a.active,#works-thum a:hover{opacity:1}
#single-works-box p{font-size:14px}
.works-none{width:100%;text-align:center;padding:30px 0 60px;font-size:15px}

/* 会社概要：地図 */
#googleMapsArea{height:400px;margin-top:20px}
#googleMapsArea iframe{display:block;width:100%;height:100%;border:0}

/* お問い合わせ（フォーム廃止 → 電話・メール） */
#contact-area h3{margin-bottom:20px}
#contact-area h3 span{display:block}
#contact-mail-box{background:#FFF;padding:35px;text-align:center;margin-bottom:40px}
#contact-mail-address{font-size:30px;margin-bottom:14px;line-height:1.2}
#contact-mail-address a{color:#142B40;text-decoration:none;padding-left:40px;background:url(/assets/img/icon-mail.png) no-repeat 0 center;background-size:26px}
#contact-mail-address a{filter:none}
#contact-mail-text{font-size:14px;margin-bottom:10px}
#contact-fax{font-size:14px;margin:0;color:#555}
#contact-privacy-link{text-align:center;line-height:1.8}

/* 新着情報 */
.news-cate-event{background:#D98B56}
#side_left{margin-top:30px}
.side-title{margin:-10px 0 20px -40px;line-height:1}
.news-list-title{text-align:left;font-size:20px;margin-bottom:24px}
.news-single{padding-bottom:20px}
#single-news-naiyou img{max-width:100%;height:auto}
#single-news-naiyou p{margin-bottom:18px}
.news-photos{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 18px}
.news-photos figure{margin:0;width:calc(33.333% - 8px)}
.news-photos.one figure{width:auto;max-width:100%}
.news-photos img{display:block;width:100%;height:150px;object-fit:cover}
.news-photos.one img{height:auto;max-height:520px;width:auto;max-width:100%}
.news-photos figcaption{font-size:12px;line-height:1.5;margin-top:4px;text-align:center}
.news-files{list-style:none;margin:0 0 18px;padding:0}
.news-files li{margin-bottom:8px}
.news-files a{display:inline-block;padding:6px 14px;border:solid 1px #ccc;background:#fff;text-decoration:none;line-height:1.6}
.news-files .ext{display:inline-block;font-size:10px;line-height:14px;color:#fff;background:#D98B56;padding:0 5px;margin-left:8px;vertical-align:1px}
.news-back{margin-top:30px}
.wp-pagenavi{margin:20px 0 10px}
.wp-pagenavi span,.wp-pagenavi a{display:inline-block;border:solid 1px #BFBFBF;padding:0 8px;margin:0 4px 4px 0;line-height:24px;text-decoration:none;background:#fff}
.wp-pagenavi .current{border-color:#142B40;background:#142B40;color:#fff}
#top-news-r .news-error,#news-list .news-error{padding:14px 0}

/* 404 */
#notfound-area{width:1000px;margin:0 auto 80px;background:#fff;padding:40px;box-sizing:border-box;text-align:center}
.notfound-text{font-size:15px;margin-bottom:30px}

/* 拡大表示 */
#lightbox{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:10000;align-items:center;justify-content:center}
#lightbox.on{display:flex}
#lightbox figure{margin:0;text-align:center}
#lightbox img{display:block;margin:0 auto;max-width:94vw;max-height:84vh;background:#fff}
#lightbox figcaption{color:#fff;font-size:13px;margin-top:8px}
#lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:44px;line-height:1;cursor:pointer;padding:10px 14px;font-family:Arial,sans-serif}
#lightbox .lb-prev{left:6px;top:50%;margin-top:-32px}
#lightbox .lb-next{right:6px;top:50%;margin-top:-32px}
#lightbox .lb-close{right:6px;top:6px;font-size:36px}
#lightbox.single .lb-prev,#lightbox.single .lb-next{display:none}

/* =========================================================
   スマホ（767px以下）
   旧サイトはスマホでもPC表示（WPtouch）だったので新しく組む
   ========================================================= */
@media screen and (max-width:767px){
  body,h1,h2,h3,h4,h5,h6,p,td,th,ol,ul,li,dl,dt,dd{font-size:14px}
  body{padding:60px 0 60px;line-height:1.8}
  img{max-width:100%;height:auto}
  #wrapper{min-width:0}

  /* ヘッダー（上に固定）・メニュー */
  #sp-header{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:60px;padding:0 4px 0 14px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);z-index:900;box-sizing:border-box}
  #sp-header .sp-logo{display:block;line-height:0}
  #sp-header .sp-logo img{width:140px;height:auto}
  #sp-menu-btn{width:52px;height:52px;border:0;background:none;padding:15px 13px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}
  #sp-menu-btn span{display:block;height:2px;background:#142B40;transition:.25s}
  .menu-open #sp-menu-btn span:nth-child(1){transform:translateY(9px) rotate(45deg)}
  .menu-open #sp-menu-btn span:nth-child(2){opacity:0}
  .menu-open #sp-menu-btn span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
  #sp-nav{display:block;position:fixed;top:60px;left:0;right:0;bottom:0;background:rgba(20,43,64,.97);z-index:899;overflow-y:auto;visibility:hidden;opacity:0;transition:.25s}
  .menu-open #sp-nav{visibility:visible;opacity:1}
  .menu-open{overflow:hidden}
  #sp-nav ul{list-style:none;margin:0;padding:10px 24px 0}
  #sp-nav li{border-bottom:solid 1px rgba(255,255,255,.2)}
  #sp-nav li a{display:block;padding:15px 4px;color:#fff;text-decoration:none;font-size:16px;font-weight:bold;letter-spacing:.08em}
  #sp-nav li a:after{content:"›";float:right;color:#D98B56}
  .sp-nav-tel{text-align:center;padding:24px 0 100px;margin:0}
  .sp-nav-tel a{display:block;color:#fff;font-size:28px;text-decoration:none}
  .sp-nav-tel span{color:#fff;font-size:13px}
  #sp-fix{display:flex;position:fixed;left:0;right:0;bottom:0;height:60px;z-index:898}
  #sp-fix a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:bold;font-size:15px;line-height:1.3}
  #sp-fix small{font-size:11px;font-weight:normal}
  #sp-fix .sp-fix-tel{background:#D98B56;font-size:18px}
  #sp-fix .sp-fix-con{background:#142B40}
  #side-con-area{display:none}

  header,.home header,.works header,.news header,.page-id-7 header,.page-id-10 header,.page-id-12 header,.page-id-13 header,.page-id-8 header,.page-id-14 header{
    height:220px;background-attachment:scroll !important;background-size:cover !important;background-position:center !important}
  .home header{height:320px}
  #header-bar-area{display:none}
  #catch-area{width:auto;padding:130px 16px 0}
  #catch-area h2{font-size:14px;padding-top:44px;background-size:auto 40px !important;background-position:top right !important;text-shadow:0 0 6px #fff}
  #header-catch-area{width:auto;padding:40px 20px 0}
  #header-catch-logo{margin:0 0 16px}
  #header-catch-logo img{width:190px}
  #header-catch-text{font-size:30px;text-shadow:0 1px 8px rgba(0,0,0,.35)}
  #header-catch-text span{margin-left:30px;padding-right:60px}

  #main,.home #main{background-size:900px;padding-top:16px}
  .home #main{padding-top:30px}
  #bread-area{width:auto;padding:0 16px 16px}
  #breadNavi{font-size:11px;line-height:1.6}
  h3 span{font-size:20px}

  /* 白い箱（上下の斜めの飾りは残す） */
  .top-message-box,.about-info-box,.manage-info-box,#single-works-box{width:auto !important;padding:16px 20px !important;margin:40px 0 46px !important}
  .top-message-box::before,.about-info-box::before,.manage-info-box::before,#single-works-box::before{top:-24px;height:24px;background-size:100% 100%}
  .top-message-box::after,.about-info-box::after,.manage-info-box::after,#single-works-box::after{bottom:-24px;height:24px;background-size:100% 100%}
  #top-message2 .top-message-box::before{top:-24px;height:24px}
  #top-message2 .top-message-box::after{bottom:-24px;height:24px}

  /* TOP */
  #top-message1-area,#top-message2-area{height:auto;margin-bottom:20px}
  #top-message1,#top-message2{width:auto;height:auto;margin:0;padding:0 16px;display:flex;flex-direction:column}
  #top-message1 .top-message-eng,#top-message2 .top-message-eng{position:relative;top:auto;left:auto;right:auto;margin:0 0 -18px;z-index:2;order:1}
  #top-message2 .top-message-eng{text-align:right}
  #top-message1 .top-message-eng img,#top-message2 .top-message-eng img{width:82%}
  #top-message1 .top-message-img,#top-message2 .top-message-img{position:static;width:auto;margin:0 -16px;order:2}
  #top-message1 .top-message-box,#top-message2 .top-message-box{position:relative;top:auto;left:auto;right:auto;order:3}
  .top-message-catch{font-size:20px}
  .top-message-text{font-size:14px}
  #top-works-area,#works-works-area{margin-top:0;background:#142B40 url(/assets/img/top-works-bg.png) no-repeat top center;background-size:auto 100%;padding-bottom:40px;margin-bottom:0}
  #works-other-all{background:#142B40;padding-bottom:40px}
  #top-works,#works-works,#works-other{width:auto;padding:40px 16px 0}
  #top-works-box-area{display:block}
  .top-works-box,#top-works-box-area div.top-works-box:nth-child(3n){width:auto;float:none;margin:0 0 50px}
  .top-works-img,.works_image{width:100%;height:auto;aspect-ratio:300/220;display:block}
  .top-works-info-box{width:auto;margin:-50px 40px 0 0}
  .top-works-box:hover .top-works-info-box{margin-top:-50px}
  #top-works-area .more-btn a,#works-works-area .more-btn a,#works-other .more-btn a{background:#fff}
  #top-news{width:auto;padding:30px 16px 40px}
  #top-news-l{width:auto;float:none;margin:0 0 16px;padding:0;display:flex;align-items:center;justify-content:space-between}
  #top-news-l h3{margin:0;text-align:left}
  #top-news-l .more-btn a{padding:10px 18px}
  #top-news-r{width:auto;float:none}
  #top-news-r ul li{height:auto;line-height:1.6;padding:12px 4px}
  .top-news-time{margin-right:10px}
  .top-news-cate{margin-right:0}
  .top-news-dai{display:block;margin-top:4px}

  /* コーワホームの家づくり */
  #about-area1,#about-area2{width:auto;height:auto;margin:0 0 30px;padding:0 16px;display:flex;flex-direction:column}
  .about-eng1,.about-eng2,.about-bg1,.about-bg2,.about-bg3,#about-area1 .about-catch,#about-area2 .about-catch,.about-info-box1,.about-info-box2,.about-info-box3{
    position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto}
  .about-eng1{width:78%;order:1}
  #about-area1 .about-catch{order:2;margin:10px -16px 0;text-align:left}
  .about-bg1{order:3;margin:0 -16px}
  .about-info-box1{order:4}
  #about-area2 .about-catch{order:1;margin:0 -16px}
  .about-bg2{order:2;margin:0 -16px}
  .about-eng2{order:3;width:70%;margin:-30px 0 0 auto}
  .about-info-box2{order:4}
  .about-bg3{order:5;margin:0 -16px}
  .about-info-box3{order:6}
  .about-catch-blue{font-size:20px;display:block}
  .about-catch-d{font-size:26px}
  #about-area1 .about-catch-blue,#about-area2 .about-catch-blue,#manage-area1 .about-catch-blue,#manage-area2 .about-catch-blue{padding:14px 18px}
  #about-info-img ul{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  #about-info-img ul li{width:auto;margin:0 !important;float:none}

  /* アパート経営 */
  #manage-area1,#manage-area2{width:auto;height:auto;margin:0 0 20px;padding:0 16px;display:flex;flex-direction:column}
  #manage-catch-eng{position:relative;order:1}
  #manage-catch-eng img{width:82%}
  #manage-area1 .manage-catch,#manage-area2 .manage-catch,#manage-area1 .manage-img,#manage-area2 .manage-img,.manage-info-box1,.manage-info-box2,.manage-info-box3{
    position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto}
  .manage-catch{margin:0 -16px}
  #manage-area1 .manage-catch{order:2}
  .manage-info-box1{order:3}
  #manage-area1 .manage-img{order:4;margin:0 -16px}
  .manage-info-box2{order:5}
  #manage-area2 .manage-catch{order:1;text-align:left}
  #manage-area2 .manage-img{order:2;margin:0 -16px}
  .manage-info-box3{order:3}
  #manage-flow{width:auto;padding:30px 16px 0}
  #manage-flow-top{font-size:14px;text-align:left}
  #manage-flow-box-area{background-position:top 30px left 8px}
  .manage-flow-box{width:auto;height:auto;margin-bottom:30px;padding-left:30px}
  .manage-flow-step{position:static;width:auto;text-align:left;background-position:top left;padding:0 0 0 22px;margin:0 0 8px -30px}
  .manage-flow-info-box{width:auto;height:auto;margin:0;padding:0 18px 18px}
  .manage-flow-img-area{position:static;width:auto;margin:0 -18px 14px}
  .manage-flow-img{height:auto}
  .manage-flow-dai{font-size:18px}
  #manage-flow-con-area{background-attachment:scroll;padding:70px 16px 40px}
  #manage-flow-con-title{font-size:17px;line-height:1.6}
  #manage-flow-con-btn{width:auto}
  #manage-flow-con-btn ul li{width:auto;float:none;margin:0 0 12px}
  #manage-flow-con-btn ul li a{height:auto;padding:16px 0;font-size:18px}
  #manage-flow-con-btn ul li.manage-flow-con-con a span,#manage-flow-con-btn ul li.manage-flow-con-cat a span{font-size:22px}

  /* 施工事例 */
  #works-all{width:auto;padding:0 16px}
  #single-works-area{width:auto;padding:0 16px;margin-bottom:30px}
  #works-img-area{width:auto}
  ul.works-img{width:100%;height:auto;aspect-ratio:665/486}
  ul.works-img li,ul.works-img li .works_image{width:100%;height:100%}
  ul#works-thum{display:flex;gap:8px}
  ul#works-thum li{width:auto;flex:1;margin:0}
  ul#works-thum li .works_image{width:100%;height:auto;aspect-ratio:125/90}
  #single-works-box{position:relative;top:auto;right:auto;margin-top:50px !important}
  #single-works-catch{font-size:22px}

  /* 会社概要 */
  #company-area{width:auto;padding:0 16px}
  #company-catch{position:static;text-align:left;margin:0 -16px 16px}
  .company-catch-blue{padding:14px 18px;font-size:18px;display:block}
  .company-catch-d{font-size:30px}
  #company-area-l,#company-area-r{float:none;width:auto;margin:0;padding:0}
  #company-t-area{padding:16px;margin-bottom:20px}
  .company-t th,.company-t td{display:block;width:auto;padding:10px 4px}
  .company-t th{text-align:left;border-bottom:0;padding-bottom:0;color:#142B40}
  .company-t td{border-bottom:solid 1px #ccc}
  #googleMapsArea{height:300px}

  /* お問い合わせ */
  #contact-area,#link-area,#sitemap-area,#privacy-area,#notfound-area{width:auto;margin:0 16px}
  #contact-tel-box,#contact-mail-box{padding:20px 16px}
  #contact-tel-box-l,#contact-tel-box-r{width:auto;float:none;text-align:center}
  #contact-tel-catch{font-size:18px;line-height:1.5}
  #contact-tel-text{line-height:1.7;margin-bottom:16px}
  #contact-tel-tel{font-size:30px}
  #contact-mail-address{font-size:22px}
  #contact-mail-text br{display:none}

  /* リンク・サイトマップ・個人情報 */
  .link-box{padding:20px 16px}
  .link-box-logo,.link-box-name{width:auto;float:none}
  .link-box-logo{margin-bottom:10px}
  .sitemap-area-box,.sitemap-name{width:auto;float:none;margin-right:0}
  #privacy-top-text{font-size:14px;margin-bottom:24px}
  .privacy-box{padding:20px 16px}
  .privacy-box-catch{margin:-4px 0 14px -16px}
  .privacy-box-catch span{font-size:14px;padding:10px 16px;line-height:1.4}

  /* 新着情報 */
  #contents-area{width:auto;padding:0 16px}
  #contents{width:auto;float:none;margin:0}
  #side_left{width:auto;float:none;margin-top:40px}
  .side-title{margin:-10px 0 16px -10px}
  #recent-posts-2,#archives-2,#categories-2{padding:30px 16px 16px}
  .all-news-dai{font-size:17px}
  h2#single-news-dai{font-size:20px}
  #single-news-naiyou,#single-news-naiyou p{font-size:15px}
  .news-photos figure{width:calc(50% - 6px)}
  .news-photos img{height:auto;aspect-ratio:4/3}
  .news-files a{display:block}

  /* フッター */
  footer{padding-top:170px;background-attachment:scroll !important;background-size:auto 290px !important;background-position:top center !important}
  footer::after{background-size:900px !important}
  #footer{width:auto;padding:0 16px}
  #footer-con-area{position:relative;top:-60px;width:auto;height:auto;padding:20px 16px;margin-bottom:-30px}
  #footer-con-l,#footer-con-r{width:auto;float:none;margin:0}
  #footer-con-l{margin-bottom:16px}
  #footer-con-text{font-size:13px;line-height:1.5}
  #footer-con-tel{font-size:28px}
  #footer-con-tel span{background-size:26px;background-position:0 7px;padding-left:32px}
  #footer-con-r ul{display:flex;gap:8px}
  #footer-con-r ul li,#footer-con-r ul li.footer-con-con,#footer-con-r ul li.footer-con-cat{width:auto;flex:1;height:auto;margin:0}
  #footer-con-r ul li.footer-con-con a,#footer-con-r ul li.footer-con-cat a{width:auto;height:auto;padding:12px 0;font-size:14px}
  #footer-con-r ul li.footer-con-con a span,#footer-con-r ul li.footer-con-cat a span{font-size:16px}
  #footer-logo,#footer-info,#footer-navi{width:auto;height:auto;float:none;border:0;padding:0;margin:0 0 20px}
  #footer-logo #logo{padding:0}
  #footer-info-name{padding-top:0}
  #footer-navi{display:flex;flex-wrap:wrap}
  .footer-navi-retu{width:50%;margin:0}
  address{padding:20px 0 24px;line-height:1.7}
  .pagetop{display:none}
}