@charset "utf-8"; 
@import url(https://fonts.googleapis.com/css?family=Fjalla+One); @font-face {
    font-family: 'mplus';
    src: url(font/rounded-l-mplus-1m-medium.woff2) format('woff2'), url(font/rounded-l-mplus-1m-medium.woff) format('woff'), url(font/rounded-l-mplus-1m-medium.otf) format('opentype');
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
資料請求ページのみ帯タイトル非表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-index-2 .page_promo_wrap {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部　＞　Google reCAPTCHAバッチ　邪魔なため非表示に(2022-02-08)mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ボタン（全フェーズ共通） */
#booking-package button {
    font-size: 16px;
    background: #f1a209;
    padding: 10px;
    color: #fff;
    min-width: 150px;
}
/* ボタン（前日、翌日への切替ボタン）※不要なので削除 */
#returnDayButton,
#nextDayButtton{
	display:none;
}

/* ボタン（予約確定or戻る、最終フェーズのボタン） */
#booking-package_inputFormPanel .returnButton {
    max-width: 400px;
    display: block;
    margin: 0 auto;
}

/* 日付の選択フェーズ */
div#daysListPanel [class*="selectPanel"] {
    text-align:center;
}
div#daysListPanel [class*="selectPanel"] > *:first-child {
    display:none;
}
div#daysListPanel [class*="selectPanel"] > *:last-child:after {
    content:' 日';
}

/* 時間の選択フェーズ */
div#scheduleMainPanel .selectPanel span:first-child:after {
    content: '◯';
}

div#scheduleMainPanel .selectPanelError span:first-child:after {
    content: '✕';
}

/* テキストフィード */
#booking-package_inputFormPanel input[type=text] {
    max-width: 500px;
}

/*
#booking-package_inputFormPanel .bottomBarPanel {
    padding: 0!important;
}

#booking-package button {
    background: #ff8c01;
    width: auto!important;
    display: block;
    margin: 10px auto!important;
    color: #fff;
    padding: 10px;
    min-width: 170px;
}

#booking-package [id*="booking-package-day"] {
    font-size: 24px;
    height: 70px!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー　SNSボタン追加（2022-06-02tok）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.sns a {
    text-decoration: none;
}
.insta img{
    width: 48px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ビュッフェ住宅（2021-05-19 停止 take）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*#home_buffet .buffet {
    position: relative;
    padding: 30px;
    background: center,url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/buffet_backgrouped.jpg)no-repeat center top;
    border: 1px #000000 solid;
}

#home_buffet .buffet p.inner {
    margin-bottom: 20px;
}

#home_buffet .buffet .box_w {
    margin: 0 auto;
    width: 610px;
    height: 440px;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 35px;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Slickスライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.common_event_list .slick-prev, 
.common_event_list .slick-next {
    border:none;
    background:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.post_archive li .cat > *.fin {
    background: #afafaf;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.table01 th {
    background-color: #fbfaf4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#main_area .icon_label > * {
    font-size: 14px;
    background: #a0a0a0;
    padding: 8px 10px;
    min-width: 120px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 1;
}

#main_area .icon_label > *:not(:last-child) {
    margin-right:10px;
}
#main_area .articleDate_area_event {
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding: 10px 0 20px;
    font-size: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Slickスライダー（施工事例詳細ページのメインスライダー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コントロール（「次へ」「前へ」）のカスタマイズ */
body.single-works .slick-prev, body.single-works .slick-next {
    border: 0 solid rgba(0, 0, 0, 0.8);
    border-top-width: 3px;
    border-right-width: 3px;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 200px;
    border-radius: 0;
}

body.single-works .slick-prev {
    transform: rotate(-135deg);
    left: 0;
}

body.single-works .slick-next {
    transform: rotate(45deg);
    right: 0;
}

body.single-works .slick-prev:before, body.single-works .slick-next:before {
    display: none;
}

/* スライダー　メイン画像 */
body.single-works .slick-slider {
    margin: 30px auto;
}

body.single-works .slick-list .img_container {
    padding-top: 50%;
}

/* スライダーのサムネイルリスト */
body.single-works .slick-dots {
    position: static;
    margin-top: 10px;
    text-align: left;
}

body.single-works .slick-dots li {
    width: 80px;
    position: relative;
    padding-top: 60px;
    overflow: hidden;
}

body.single-works .slick-dots li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
    height: 100%!important;
    width: auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup a {
    background: #f1a209;
}

.next_pickup a:hover {
    border-color: #f1a209;
    color: #f1a209;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .txt_box {
    width: auto;
    min-width: 500px;
    display: table;
    padding: 20px 0 75px;
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg04.png) no-repeat 50% 100% / 166px auto;
}

.page_promo .txt_box .inner {
    background: #fff;
    border: 2px solid #5e380b;
    border-radius: 10px;
    padding: 10px 20px;
    position: relative;
}

.page_promo .txt_box .inner:after {
    content: '';
    width: 18px;
    height: 18px;
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/fukidashi.png) no-repeat 50% / contain;
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -9px;
}

.page_promo .sub_ttl {
    background: transparent;
    color: #f1a209;
    font-weight: normal;
    border-bottom: 2px solid #f1a209;
}

.page_promo .ttl {
    font-size: 28px;
    color: #4f0f0f;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キーフレームアニメーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes up_down {
    0% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0px);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area a {
    color: #fff;
}

.tweet_area {
    background: rgba(57, 33, 9, .9);
    /* position: absolute; */
    width: 100%;
    /* bottom: 0; */
	display:none;
}

.tweet_area .txt_wrap {
    color: #fff;
    position: relative;
    display: flex;
}

.tweet_area .icon {
    font-family: 'Fjalla One', sans-serif;
    position: relative;
    font-size: 18px;
    padding-left: 50px;
}

.tweet_area .icon:before, .tweet_area .txt_wrap .icon:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
}

.tweet_area .icon:before {
    border-width: 11px 14px 11px 0;
    border-color: transparent #f1a209 transparent transparent;
    left: 14px;
}

.tweet_area .icon:after {
    border-width: 11px 0 11px 14px;
    border-color: transparent transparent transparent #b5b5b6;
    left: 0;
}

.tweet_area .items {
    padding-left: 30px;
    margin-left: 30px;
    position: relative;
}

.tweet_area .items:before {
    content: '';
    height: 40px;
    width: 1px;
    position: absolute;
    background: #fff;
    left: 0;
    top: -7px;
}

.tweet_area .date {
    margin-right: 1em;
}

.tweet_area .more {
    position: absolute;
    right: 0;
    padding-right: 15px;
}

.tweet_area .more:after {
    font-family: FontAwesome;
    content: '\f105';
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    line-height: 1;
    right: 0;
    font-size: 1.3em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン(bxslider.cssの上書き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コントロール（「次へ」「前へ」）のカスタマイズ */
.bx-controls-direction a:after {
    border-top-color: #4a341d;
    border-right-color: #4a341d;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.to_page_top a {
    color: #f1a209;
    border-color: #f1a209;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list01 li:before {
    color: #f1a209;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list02 > li {
    border-color: #f1a209;
}

ol.list02 > li:before {
    background-color: #f1a209;
}

ol.list02 > li:after {
    color: #f1a209;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a]のスタイル */
h2[class*="h2a"] {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/h2_bg.png) no-repeat 50% 0 / 37px 46px transparent;
    color: #471b08;
    text-align: center;
    font-size: 30px;
    padding: 75px 0 0;
    font-weight: bold;
}

/* [.h2b]のスタイル */
h2[class*="h2b"] {
    padding: 10px 15px;
    background: #5B3C19;
    color: #fff;
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding: 8px 5px;
    background: transparent;
    border-bottom: 2px solid #f1a209;
    font-weight: bold;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3b"] {
    background: #f1a209;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*---2019/2/15修正ここから---*/
[class*="section_kugiri02"] {
    background: #f7f5f2;
}

.section_kugiri04 {
    background: url(images/bg01.jpg);
    position: relative;
    /*---margin-top: 77px;（※セクションの順番を入れ替えた為、topの△部分非表示）---*/
    padding-top: 60px;
}

/*---m.section_kugiri04:before {
    （※セクションの順番を入れ替えた為、topの△部分非表示）
    content: '';
    background: url(images/bg01a.jpg);
    width: 1100px;
    height: 77px;
    display: inline-block;
    position: absolute;
    top: -77px;
    left: 50%;
    margin-left: -550px;
}---*/
/*---2019/2/15修正ここまで---*/

.section_kugiri05 {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/bg02.jpg) no-repeat 50% 0 / cover;
}

[class*="section_kugiri07"] {
    background: #d5c68c;
}

.section_kugiri08 {
    padding-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01 {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    font-weight: bold;
    z-index: 1;
    overflow: hidden;
}

a.btn01:hover {
    opacity: 1;
    color: #ddd!important;
    text-decoration: none!important;
}

a.btn01:before {
    font-weight: normal;
}

/*
a.btn01:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: scale(1);
    transition: .5s ease;
    z-index:-1;
}
a.btn01:hover:after {
    transform: scale(7);
    background: #000;
}
*/
a.btn01:after {
    position: absolute;
    top: 50%;
    left: -20px;
    content: '';
    width: 0px;
    height: 0px;
    background-color: #000;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

a.btn01:hover:after {
    animation: btn_anim 1s both;
    animation-direction: alternate;
}

@keyframes btn_anim {
    0% {
        left: -20px;
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }

    100% {
        left: 50%;
		/* ボタン内のテキストが長いときに黒塗り範囲を広げるため(2021-10-26)mori */
        width: 550px;
        height: 375px;
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h2.common_ttl {
    display: table;
    margin: 0 auto;
    position: relative;
    text-align: center;
}

h2.common_ttl .main {
    font-family: "mplus";
    font-size: 48px;
    line-height: 1.2;
}

h2.common_ttl .sub {
    display: block;
    margin: 10px auto;
}

h2.common_ttl:before, h2.common_ttl:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト（カスタム投稿タイプ「イベント」）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.common_event_list:not(.slick-initialized) {
	height:180px;
	overflow:hidden;
}

ul.common_event_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 -10px;
}

ul.common_event_list li {
    overflow: hidden;
    width: calc(50% - 10px);
	padding:0 10px;
}

/*アイキャッチ画像がない場合背景がグレーになるように設定 2026-04-27re*/
ul.common_event_list .area_a {
    width: 180px;
    margin-right: 15px;
    float: left;
    background-color: #dfdfdf;
}

ul.common_event_list .area_a .img_container {
    padding-top: 180px;
}

ul.common_event_list .area_b {
    width: calc(100% - 195px);
    float: right;
}

ul.common_event_list .meta {
    margin-bottom: 20px;
}

ul.common_event_list .meta > * {
    font-size: 14px;
    background: #a0a0a0;
    padding: 8px 10px;
    min-width: 120px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 1;
    position: relative;
}

ul.common_event_list .meta > .cat:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #a0a0a0 transparent transparent transparent;
    position: absolute;
    bottom: -7px;
    right: 10%;
}

ul.common_event_list .meta > .info:after {
    border-top-color: #8fa823;
}

ul.common_event_list .meta > .kengaku:after {
    border-top-color: #ce5a27;
}

ul.common_event_list .meta > .event:after {
    border-top-color: #02a6a7;
}

ul.common_event_list .meta > .column:after {
    border-top-color: #009bc1;
}

ul.common_event_list .meta > *:not(:first-child) {
    margin-left: 5px;
}

ul.common_event_list .date {
    font-size: 14px;
    margin-bottom: 5px;
}

ul.common_event_list .ttl {
    margin-bottom: 10px;
    line-height: 1.4;
}

ul.common_event_list .ttl a {
    font-size: 18px;
    text-decoration: underline!important;
}

ul.common_event_list .ttl a:hover {
    text-decoration: none!important;
}

ul.common_event_list .txt {
    font-size: 14px;
    color: #626262;
    line-height: 1.4;
}

ul.common_event_list .place {
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト（カスタム投稿タイプ「施工事例」）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.common_works_list {
    display: flex;
    flex-wrap: wrap;
    margin: 20px -2px;
}

ul.common_works_list > * {
    /* 割る3だとIEでカラム落ち */
    width: calc((100% - 12px) * .333);
	margin: 0 2px;
    position: relative;
    margin-bottom: 25px!important;
}

ul.common_works_list .cat {
    font-size: 14px;
    background: #a0a0a0;
    padding: 10px 10px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

ul.common_works_list .txt_wrap {
    padding: 10px 10px 0;
}

ul.common_works_list .ttl a {
    text-decoration: underline!important;
}

ul.common_works_list .ttl a:hover {
    text-decoration: none!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用リスト（通常の投稿）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.common_post_list {
    margin: 20px 0;
}

ul.common_post_list li {
    display: flex;
}

ul.common_post_list li:not(:last-child) {
    margin-bottom: 30px;
}

ul.common_post_list .area_a {
    width: 95px;
    margin-right: 25px;
    height: 70px;
    overflow: hidden;
    border: 1px solid #ddd;
}

ul.common_post_list .area_a .img_container {
    padding-top: 70px!important;
}

ul.common_post_list .area_a .img_container img {
    height: 95px!important;
}

ul.common_post_list .area_b {
    width: calc(100% - 120px);
}

ul.common_post_list .meta {
    margin-bottom: 0px;
}

ul.common_post_list .cat {
    font-size: 12px;
    background: #a0a0a0;
    padding: 5px 10px;
    min-width: 80px;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 1;
    position: relative;
    border-radius: 15px;
    vertical-align: 2px;
}

ul.common_post_list .meta > *:not(:first-child) {
    margin-left: 10px;
}

ul.common_post_list .ttl a {
    text-decoration: underline!important;
}

ul.common_post_list .ttl a:hover {
    text-decoration: none!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「Evevt & News」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_event .common_ttl {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg01b.png) no-repeat 50% 0 / 128px auto;
    padding-top: 63px;
}

div#home_event .common_ttl .main {
    font-size: 38px;
}

div#home_event .common_ttl:before, div#home_event .common_ttl:after {
    width: 182px;
    height: 92px;
    bottom: auto;
    top: 10px;
}

/*TOPの投稿セクションの文言修正に伴うあしらいの修正 2026-04-27re*/
div#home_event .common_ttl:before {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg01a.png) no-repeat 50% 0 / contain;
    left: -140px;
}

div#home_event .common_ttl:after {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg01c.png) no-repeat 50% 0 / contain;
    right: -140px;
}

div#home_event .btn {
    position: absolute;
    right: 0;
    top: -90px;
}

div#home_event .btn a {
    padding: 10px 30px 10px 20px;
    min-width: 150px;
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　事例集
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_works .common_ttl {
    margin: 20px auto;
}

div#home_works .common_ttl:before, div#home_works .common_ttl:after {
    bottom: 15px;
}

div#home_works .common_ttl:before {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg02a.png) no-repeat 50% 0 / contain;
    left: -113px;
    width: 113px;
    height: 96px;
}

div#home_works .common_ttl:after {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg02b.png) no-repeat 50% 0 / contain;
    right: -149px;
    width: 149px;
    height: 118px;
}

/*--SDGsバナー追加（2022-01-26tky）--*/
div#home_works p.top_sdgs_bnr {
    margin: 70px 0 35px;
}

div#home_works p.top_sdgs_bnr a {
    display: table;
    border: 1px solid #000;
    padding: 30px 40px;
    margin: 0 auto;
}

div#home_works p.top_sdgs_bnr a:hover {
    opacity: .8;
}

div#home_works p.top_sdgs_bnr a img:hover {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プラン（2021-05-19 停止 take）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*div#home_plan .common_ttl {
    padding-bottom: 20px;
}

div#home_plan .common_ttl:before {
    background: url(images/ttl_bg03a.png) no-repeat 50% 0 / contain;
    left: -197px;
    width: 197px;
    height: 151px;
}

div#home_plan .common_ttl:after {
    background: url(images/ttl_bg03b.png) no-repeat 50% 0 / contain;
    right: -246px;
    width: 246px;
    height: 91px;
}

div#home_plan .main_container {
    background: #fff;
    padding: 50px;
}

div#home_plan .main_ttl {
    font-size: 20px;
    margin-bottom: 30px;
    text-align: center;
}

div#home_plan ul.items {
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
    margin: 0 -30px -30px;
}

div#home_plan ul.items > * {
    width: calc((100% - 180px) /2);
    margin: 0 30px 30px;
    position: relative;
}

div#home_plan .img {
    height: 296px;
}

div#home_plan .img.zeh {
    position: relative;
    padding-top: 40px;
}

div#home_plan .img.zeh:before {
    content: '';
    width: 125px;
    height: 54px;
    background: url(images/zeh.jpg) no-repeat 50% / contain;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

div#home_plan .ttl {
    font-family: 'Arbutus Slab', serif;
    font-size: 30px;
    margin-top: 15px;
}

div#home_plan .memo {
    font-size: 17px;
    line-height: 1.4;
    margin: 10px 0 15px;
}

div#home_plan .price {
    font-size: 18px;
    position: relative;
    min-height: 50px;
    margin-bottom: 15px;
}

div#home_plan .price .txt {
    padding-top: 5px;
    display: inline-block;
}

div#home_plan .price strong {
    font-size: 40px;
    line-height: 1;
}

div#home_plan .price:before {
    content: '価格帯';
    font-size: 14px;
    background: #ccc;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
}

div#home_plan li:nth-child(1) .price:before {
    background: #dd9905;
}

div#home_plan li:nth-child(2) .price:before {
    background: #315180;
}

div#home_plan li:nth-child(3) .price:before {
    background: #462f08;
}

div#home_plan .btn a {
    padding: 10px 30px 10px 20px;
    min-width: 80%;
}

div#home_plan .half_bnr {
    display: flex;
    margin: 30px auto;
    justify-content: space-between;
}

div#home_plan .half_bnr > * {
    width: 530px;
}

div#home_plan .bnr {
    background: #fff;
    margin-top: 30px;
}*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　プラン2(2021-05-17 take)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_plan2 .common_ttl {
    padding-bottom: 20px;
}

div#home_plan2 .common_ttl:before {
    background: url(images/ttl_bg03a.png) no-repeat 50% 0 / contain;
    left: -197px;
    width: 197px;
    height: 151px;
}

div#home_plan2 .common_ttl:after {
    background: url(images/ttl_bg03b.png) no-repeat 50% 0 / contain;
    right: -246px;
    width: 246px;
    height: 91px;
}

div#home_plan2 .buffet {
    position: relative;
    padding: 30px;
    background: center,url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/buffet_backgrouped.jpg)no-repeat center top;
    border: 1px #000000 solid;
    margin-bottom: 30px;
}

div#home_plan2 .buffet p.inner {
    margin-bottom: 20px;
}

div#home_plan2 .buffet .box_w {
    margin: 0 auto;
    width: 610px;
    height: 440px;
    background-color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 35px;
}

div#home_plan2 p.main_ttl{
    font-size: 22px;
    margin-bottom: 50px;
    text-align: center;
}

div#home_plan2 ol[class*="items"]{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -12.5px 70px;
}

div#home_plan2 ol[class*="items"] li{
    width:200px;
    text-align:center;
    position:relative;
    margin: 0 12.5px;
}

div#home_plan2 ol[class*="items"] li::before{
    position: absolute;
    content: "0"counters(ol_cnt, "");
    top: -25px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #003f62;
    color:#fff;
    font-size: 24px;
    letter-spacing:.05em;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:3;
}

div#home_plan2 ol.items02 li::before{
    background-color: #f78d1c;
}

div#home_plan2 ol[class*="items"] li .area_a{
    margin-bottom: 15px;
    position:relative;
}

div#home_plan2 ol[class*="items"] li .area_a .brand{
    position:absolute;
    left:0;
    top:0;
    z-index: 2;
    width:200px;
    height:300px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

div#home_plan2 ol[class*="items"] li .area_a .brand a{
    color:#fff;
    text-decoration:none;
}

div#home_plan2 ol[class*="items"] li .area_a .brand a::before{
    content:"";
    width:200px;
    height:300px;
    background:rgba(0,0,0,.3);
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
}

div#home_plan2  ol.items02 li .area_a .brand a::before{
    background:rgba(43,22,9,.3);
}


div#home_plan2 ol[class*="items"] li .area_a p.img{
    padding-top: 300px;
}

div#home_plan2 ol[class*="items"] li h3.ttl{
    font-size:20px;
    font-family:my_mincho;
    line-height:1.1;
    margin-bottom:10px;
}

div#home_plan2 ol[class*="items"] li h3.ttl a{
    color: inherit;
    background-image: linear-gradient(to right, #afb6ba 50%, transparent 50%);
    background-position: 100% 100%;
    background-size: 200% 40%;
    background-repeat: no-repeat;
    transition: background-position .3s ease-out;
}

div#home_plan2 ol.items02 li h3.ttl a{
    background-image: linear-gradient(to right, #d1b783 50%, transparent 50%);
}

div#home_plan2 ol[class*="items"] li h3.ttl a:hover{
    background-position: 0% 100%;
}

div#home_plan2 ol[class*="items"] li h3.ttl a > span{
    display:inline-block;
}

div#home_plan2 ol[class*="items"] li h3.ttl a > span:nth-child(2){
    margin-left:10px;
    padding-left:10px;
    border-left:1px solid;
}

div#home_plan2 ol[class*="items"] li p.txt{
    font-size:15px;
}

div#home_plan2 .bnr {
    background: #fff;
    margin-top: 30px;
}

div#home_plan2 .bnr:not(:last-child) {
    margin-bottom:40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　コンセプト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_concept .common_ttl {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg04.png) no-repeat 50% 100% / contain;
    padding-bottom: 70px;
}

div#home_concept .main_ttl {
    font-size: 36px;
    text-align: center;
    margin: 10px 0;
}

div#home_concept .txt {
    text-align: center;
    margin-bottom: 30px;
}

div#home_concept .btn01 {
    min-width: 350px;
    padding: 24px 30px 24px 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　3つのサービスメニュー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_menu ul.items {
    display: flex;
    margin: 0 -20px;
}

div#home_menu ul.items li {
    width: calc((100% - 80px) / 3);
    margin: 0 20px;
}

div#home_menu ul.items .img_wrap {
    margin-bottom: 10px;
    display: block;
}

div#home_menu ul.items .centering_container {
    position: relative;
    display: block;
}

div#home_menu ul.items .ttl_wrap {
    position: absolute;
    z-index: 1;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

div#home_menu ul.items .ttl {
    text-align: center;
    color: #fff;
}

div#home_menu ul.items .ttl:before {
    content: '';
    display: table;
    margin: 0 auto 20px;
}

div#home_menu ul.items li:hover .ttl:before, div#home_menu ul.items li.active .ttl:before {
    animation: up_down .3s 0s ease-in-out alternate;
}

div#home_menu ul.items li.active .ttl:before {
    animation-iteration-count: 5;
}

div#home_menu ul.items li:hover .ttl:before {
    animation-iteration-count: infinite!important;
}

div#home_menu ul.items li:nth-child(1) .ttl:before {
    width: 70px;
    height: 63px;
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/icon_heart.png) no-repeat 50% / contain;
}

div#home_menu ul.items li:nth-child(2) .ttl:before {
    width: 71px;
    height: 62px;
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/icon_house.png) no-repeat 50% / contain;
}

div#home_menu ul.items li:nth-child(3) .ttl:before {
    width: 57px;
    height: 56px;
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/icon_tool.png) no-repeat 50% / contain;
}

div#home_menu ul.items .txt {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

div#home_menu .bnrs {
    /* margin-bottom:50px; */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「社長挨拶・スタッフ紹介バナー」セクション移動の為、id無しに変更(2022-01-26)tky
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.top_greeting_bnr {
    margin-bottom: 50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「スタッフブログ」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_blog {
    border: solid 2px;
    border-image: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/hr01.jpg) 2 repeat;
    padding: 25px;
    width: 720px;
    float: left;
    position: relative;
}

div#home_blog .common_ttl {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/ttl_bg05.png) no-repeat 50% 100% / contain;
    padding-bottom: 20px;
}

div#home_blog .common_ttl .main {
    font-size: 30px;
}

div#home_blog .btn {
    position:absolute;
    right: 25px;
    top: 40px;
}
div#home_blog .btn01 {
    padding: 10px 30px 10px 20px;
    min-width: 150px;
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　バナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_bnrs {
    width: 340px;
    float: right;
}

div#home_bnrs > *:not(:first-child) {
    margin-top: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「家づくりコラム」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_column > * {
    position: relative;
}

div#home_column h2.main_ttl {
    width: 197px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
}

div#home_column ul.items {
    display: flex;
    padding-left: 218px;
}

div#home_column ul.items li {
    width: 274px;
    margin-left: 20px;
    background: #fff;
}

div#home_column .more {
    position: absolute;
    bottom: 0;
    z-index: 2;
}

div#home_column .more a {
    min-width: 212px;
    width: 212px;
    font-size: 15px;
    vertical-align: bottom;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「アクセス」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_access .addr {
    text-align: center;
}

div#home_access .btn {
    text-align: center;
    margin: 10px 0 20px;
}

div#home_access .map iframe {
    vertical-align: bottom;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/bg03.jpg) no-repeat 50% 0 / cover;
    height: 500px;
    padding: 50px 0;
}

#contact_area .main_container {
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/contact_bg1.jpg) no-repeat,#FFF;
    padding: 70px 50px 40px 10px;
    height: 380px;
}

#contact_area .main_ttl {
    width: 413px;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
    font-family: "my_mincho",serif;
    /*background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/contact_ttl_bg.png) no-repeat 50% 0 / 380px auto;
    padding-top: 35px;*/
}

#contact_area .main_ttl .color {
    color: #f1a209;
}

#contact_area .txt {
    text-align: center;
    font-size: 16px;
    margin: 20px 0px;
}

#contact_area .info_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 640px;
}

#contact_area .btn a {
    font-size: 20px;
    width: 326px;
    padding: 25px 30px 25px 20px;
}

#contact_area .info_wrap2 {
    text-align: center;
}

#contact_area .tel {
    font-family: 'Fjalla One', sans-serif;
    font-size: 36px;
    vertical-align: middle;
    margin-right: 10px;
}

#contact_area .tel:before {
    content: '';
    width: 56px;
    overflow: hidden;
    background: url(https://gift-home.net/wordpress/wp-content/themes/cyber-child/images/freedial.svg) no-repeat 50% / contain;
    height: 33px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 2px;
}

#contact_area .open {
    font-size: 14px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info .logo {
    width: 240px;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame {
    background: #f1a209;
}