@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「建築海外研究」セクションをトップに追加（2024-09-10）rt
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-home #overseas_archives_setsumei {
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ディスプレイ右サイド　＞　固定エリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#side_fixed_zone {
    right: 10px;
    top: calc(50% - 135px);
    transition:.5s;
    opacity: 0;
}

#side_fixed_zone a img{
    transition:.3s;
}

#side_fixed_zone a:hover img{
    opacity:1;
    margin-right:5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ローカルナビ（不要とのことで非表示に）2020-11-17mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not([class*="works"]) .child_navi_wrap {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:is(.single-works,.single-overseas) #main_area > * > * > * > .editor_area {
    min-height: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プロモ hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    min-height: auto;
    max-height: none;
    background-image: none;
    height: auto;
}

#promo_frame .swiper-slide-prev::before,
#promo_frame .swiper-slide-next::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0 , 0 , 0 , .8);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　＞　グローバルナビの固定（JS連携）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* トップ　＞　固定ではない時 */
body.home #header_fixed_zone:not(.fix_target) {
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（LPリンクボタン） (2024-10-22)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_main .btn_area {
	order: -1;
	width: 100%;
	text-align: right;
	padding: 30px 0 10px;
}

.fix_target #h_navi_main .btn_area {
	display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段／親のスタイル） hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#h_navi_main .inner {
    width: 100%;
    min-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-right: 60px;
    background: #000000;
}

/* トップ（固定ではない時） */
body.home #header_fixed_zone:not(.fix_target) #h_navi_main .inner {
}

#h_navi_main .inner .logo {
}

/* トップ（固定ではない時） */
body.home #header_fixed_zone:not(.fix_target) #h_navi_main .inner .logo {
    height: 100%;
    display: flex;
    align-items: center;
	margin-top: -80px;
}

/* トップ以外（固定ではない時） */
#header_fixed_zone:not(.fix_target) #h_navi_main .inner .logo {
	margin-top: -150px;
}

#h_navi_main .inner .logo a {
    display: block;
    padding: 43px 32px;
}

#header_fixed_zone.fix_exe #h_navi_main .inner .logo a {
    padding: 23px 32px;
}

#h_navi_main .inner .logo a:hover * {
    opacity: 1;
}

#h_navi_main .inner .logo a img {
    width: 230px;
}

body:not(.home) #header_fixed_zone:not(.fix_exe) #h_navi_main .inner .logo a img{
    display: none;
}

/* 中ページ（固定ではない時）　＞　p.logoの前に大きなロゴを出す */
body:not(.home) #header_fixed_zone:not(.fix_target) #h_navi_main .inner .logo a {
    position: relative;
}

body:not(.home) #header_fixed_zone:not(.fix_target) #h_navi_main .inner .logo a::before {
    content: "";
    width: 240px;
    height: 230px;
    background: url(images/logo02.png) no-repeat center top 15px/113px 182px #000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: .3s;
}

#header_fixed_zone:not(.fix_target) #h_navi_main .inner .logo a:hover::before {
    background-color: #333;
}

/* グロナビエリア　*/
#h_navi_main ul:not(.sub-menu) {
    justify-content: flex-end;
    margin-left: 20px;
    width: calc(100% - 294px - 20px);
    max-width: 1095px;
}

#h_navi_main ul:not(.sub-menu) > li {
    min-width: auto;
    z-index: 3;
}

#h_navi_main ul:not(.sub-menu) > li.home,#h_navi_main ul:not(.sub-menu) > li.post {
    display: none;
}

#h_navi_main ul:not(.sub-menu) > li > a {
    padding: 10px 10px 25px;
    font-size: 1.6rem;
    color: #fff;
    font-family: 'Noto Serif JP', serif;
    position: relative;
}

#h_navi_main ul:not(.sub-menu) > li > a:hover {
    color: #a18a51;    
}

#h_navi_main ul:not(.sub-menu) > li > a::before {
    content: attr(data);
    display: block;
}

#h_navi_main ul:not(.sub-menu) > li > a::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 25px;
    right: 0;
    left: 0;
    margin: auto;
    justify-content: center;
    /* height: 5px; */
    background-color: #a18a51;
    transition: width 300ms;
    width: 0;
}

#header_fixed_zone.fix_exe #h_navi_main ul:not(.sub-menu) > li > a::after {
    

    bottom: 35px;
}

#h_navi_main ul:not(.sub-menu) > li > a:hover::after {
    width: 60%;
    height: 1px;
}


#header_fixed_zone.fix_exe #h_navi_main ul:not(.sub-menu) > li > a {
    padding: 34px 10px;
}

body[class*="event"] #h_navi_main ul:not(.sub-menu) > li.event > a:after, body[class*="for-sale"] #h_navi_main ul:not(.sub-menu) > li.forsale > a:after, body[class*="works"] #h_navi_main ul:not(.sub-menu) > li.works > a:after {
    /* height: 5px; */
    opacity: 1;
}

/* トップ（固定ではない時）　＞　グロナビ　*/
body.home #header_fixed_zone:not(.fix_target) #h_navi_main ul:not(.sub-menu) {
}

body.home #header_fixed_zone:not(.fix_target) #h_navi_main ul:not(.sub-menu) > li > a {
}

body.home #header_fixed_zone:not(.fix_target) #h_navi_main ul:not(.sub-menu) > li > a:after {
}

body.page-model-house-child #h_navi_main ul:not(.sub-menu) > li.wamodern > a:after {
    height: 5px;
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（下段／子のスタイル） hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* トップ（固定ではない時）　＞　子ナビ非表示　*/
body.home #header_fixed_zone:not(.fix_target) #h_navi_main ul.sub-menu {
    /* display: none; */
    opacity: 1 !important;
}

#h_navi_main ul.sub-menu {
    background-color: rgba(0, 0, 0, .9);
    top: 180px;
    background: #a18a51;
    padding: 25px 0;
}

#h_navi_main ul.sub-menu:before {
    display: none;
}

#h_navi_main ul.sub-menu li a {
    font-size: 1.6rem;
    padding: 5px 60px;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
}

#h_navi_main ul.sub-menu li:not(:last-child) a {
    border: none;
}

#h_navi_main ul.sub-menu li a:hover {
    padding: 5px 40px 5px 80px;
}

#h_navi_main ul.sub-menu li a::before {
    position: absolute;
    content: "－";
    left: 58px;
    top: 5px;
    opacity: 0;
}

#h_navi_main ul.sub-menu li a:hover::before {
    opacity: 1;
}
/* li.planのドロップダウン */
/* お問い合わせ */
#h_navi_main li.contact ul.sub-menu {
    left: auto;
    right: 0;
    -webkit-transform: translate(0%, 0%);
    -ms-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.one_column.post-type-archive-event #main_area,.one_column.post-type-archive-voice #main_area {
    width: 1200px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.contents_padding #contents_area {
    padding-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
施工事例カテ・タグ一覧開閉
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.tax_search {
    width: 100%;
    margin: 0 auto;
}

dl.tax_search > dt {
    display: none;
}

dl.tax_search > dd {
    display: block!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　家も家族の一員
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_house.lazyloaded p.img {
    background-image: url(images/house.jpg);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　佐藤建設の家造り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_ordermade.lazyloaded {
    background-image: url(images/order_bg.jpg);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　blog
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
#home_blog.lazyloaded {
    background-image: url(images/blog_bg.jpg);
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター(ナビ) hiro_202301
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#f_navi_wrap {
    background: #000;
    padding-top: 100px;
    padding-bottom: 10px;
    font-family: 'Noto Serif JP', serif;
}

div#f_navi_wrap .navi_a {
    overflow: visible;
    width: 1160px;
    margin: 0 auto;
    max-width: 90vw;
    min-width: 1160px;
    
}

div#f_navi_wrap .navi_a .inner {
    display: flex;
    flex-wrap: wrap;
}

/* 家マーク変更 */
div#f_navi_wrap .icon-home1:before {
    font-weight: bold;
    content: "ホーム";
    font-family: 'Noto Sans JP', sans-serif;
}

div#f_navi_wrap .navi_a .navi_wrap {
    width: calc(100% - 325px);
    padding-left: 80px;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu) {
    padding-left: 0;
    /* display: block; */
    width: 100%;
    flex-direction: column;
    height: 276px;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu):not(:last-child) {
    margin: 0 18px 0 0;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu) > li.home {
    position: static;
}

div#f_navi_wrap .navi_a ul:not(.sub-menu) > li {
    margin-bottom: 6px;
    margin-right: 40px;
    border-top: 1px solid #666666;
    padding: 15px 0;
}

div#f_navi_wrap ul.sub-menu {
    margin-left: 0;
}

div#f_navi_wrap ul.sub-menu li {
    margin-top: 0;
}

div#f_navi_wrap ul.sub-menu li:first-child {
    margin-top: 0;
}

div#f_navi_wrap .navi_a .navi_wrap a {
    color: #fff;
    font-family: 'Noto Sans JP', sans-serif;
}

div#f_navi_wrap .navi_a .navi_wrap ul.sub-menu > li > a {
    color: #666666;
    font-family: 'Noto Sans JP', sans-serif;
}

div#f_navi_other > * {
    border-color: #666666;
}

div#f_navi_other .hdn {
    display: flex;
    width: 1160px;
    margin: 70px auto 0;
    max-width: 90vw;
    min-width: 1160px;
}

div#f_navi_other ul {
    float: none;
}

div#f_navi_other ul.sns_list {
    align-items: center;
    margin: 0 -20px;
}

div#f_navi_other ul li:not(:last-child) {
    padding: 0;
    margin: 0;
}

div#f_navi_other ul.sns_list li {
    border: none;
    margin: 15px 20px 0;
}

div#f_navi_other ul.sns_list li a {
    display: flex;
}

div#f_navi_other ul:not(.sns_list) li a {
    color: #666666;
    font-size: 1.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}

div#f_navi_other ul:not(.sns_list) li:not(:last-child) a {
    padding-right: 20px;
    border-right: 1px solid #666666;
    margin-right: 15px;
}

div#f_navi_other ul:not(.sns_list) {
    margin-left: auto;
}

#f_navi_other .footer_search {
    display: none;
}

div#copy_area, div#copy_area a {
    font-size: 1.0rem;
    color: #666666;
    text-align: right;
    width: 1160px;
    padding: 0 0 15px;
    font-family: 'Noto Sans JP', sans-serif;
}