@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style {
    border-color: #cecece !important;
}

#hpb-main .hpb-parts-hl-style {
    clear: both;
    margin-top: 0.5em !important;
    margin-bottom: 1em !important;
    padding-top: 3px !important;
    padding-left: 5px !important;
    padding-bottom: 3px !important;
    text-align: left;
    font-size: 1.3em !important;
    color: #000 !important;
    font-weight: normal;
    background-image: none !important;
    background-color: transparent !important;
    height: auto;
    line-height: normal;
    letter-spacing: normal !important;
    border-color: #cecece !important;
}

.hpb-parts-cbox-style {
    border-color: #cecece !important;
}

.hpb-parts-hr-style {
    border-color: #cecece !important;
}

.hpb-parts-pbox-style {
    background-color: #e8f0e4;
    border-color: #cecece;
}

.hpb-parts-pbox-style h4 {
    padding: 0px !important;
}

.hpb-parts-pbox-style img {
    background-color: #e8f0e4;
}

.hpb-parts-blist-style {
    background-color: #e8f0e4;
    border-color: #709e59;
}

a.hpb-parts-blist-style:link {
    color: #000;
}

a.hpb-parts-blist-style:visited {
    color: #000;
}

a.hpb-parts-blist-style:hover {
    background-color: #b8d7a9;
}

a.hpb-parts-blist-style:active {
    background-color: #b8d7a9;
}

/*--------------------------------------------------------
  hpbparts
--------------------------------------------------------*/
/* 飾りなし 幅自動 */
.hpb-parts-cnt-01 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅60px */
.hpb-parts-cnt-01-060 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅120px */
.hpb-parts-cnt-01-120 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅180px */
.hpb-parts-cnt-01-180 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅240px */
.hpb-parts-cnt-01-240 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 飾りなし 幅360px */
.hpb-parts-cnt-01-360 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅自動 */
.hpb-parts-cnt-02 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅60px */
.hpb-parts-cnt-02-060 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅120px */
.hpb-parts-cnt-02-120 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅180px */
.hpb-parts-cnt-02-180 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅240px */
.hpb-parts-cnt-02-240 {
    margin-bottom: 5px;
    padding: 5px;
}

/* 線囲み 幅360px */
.hpb-parts-cnt-02-360 {
    margin-bottom: 5px;
    padding: 5px;
}

/******************************
 * 見出し (h1-h6)
 ******************************/

/* 飾りなし */
.hpb-parts-hl-01 {}

/* 下線 1 */
.hpb-parts-hl-02 {}

/* 下線 2 (2重線) */
.hpb-parts-hl-03 {}

/* 線囲み 1 */
.hpb-parts-hl-04 {
    padding: 5px 0.2em 3px 5px !important;
    border-bottom-width: 1px !important;
    border-color: #ccc !important;
}

/* 線囲み 2 (2重線) */
.hpb-parts-hl-05 {
    padding: 5px 0.2em 3px 5px !important;
    border-color: #ccc !important;
}

/* 飾りつき 1 (左■付き) */
.hpb-parts-hl-06 {
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
}

/* 飾りつき 2 (左■付き＆下線) */
.hpb-parts-hl-07 {
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
}

/* 飾りつき 3 (左■付き＆線囲み) */
.hpb-parts-hl-08 {
    padding-top: 6px !important;
    padding-left: 0.5em !important;
    border-left-width: 0.5em !important;
    border-left-color: #d3d3d3 !important;
    border-top-width: 1px !important;
    border-top-color: #ccc !important;
    border-top-style: dotted !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #ccc !important;
    border-bottom-style: dotted !important;
    border-right-width: 1px !important;
    border-right-color: #ccc;
}

/******************************
 * 文章枠 (div)
 ******************************/

/* 装飾なし */
.hpb-parts-cbox-01 {
    margin-bottom: 5px;
}

/* 線囲み 1 (実線) */
.hpb-parts-cbox-02 {
    margin-bottom: 5px;
}

/* 線囲み 2 (点線) */
.hpb-parts-cbox-03 {
    margin-bottom: 5px;
}

/* 線囲み 3 (2重線) */
.hpb-parts-cbox-04 {
    margin-bottom: 5px;
}

/******************************
 * 写真/画像 (img)
 ******************************/

/* 余白なし */
.hpb-parts-img-01 {}

/* 余白あり */
.hpb-parts-img-02 {}

/* 写真ボックス 左寄せ配置用 */
.hpb-parts-img-03 {}

/* 写真ボックス 右寄せ配置用 */
.hpb-parts-img-04 {}

/* 複数写真ボックス 左端用 */
.hpb-parts-img-05 {}

/* 複数写真ボックス 2列目用 */
.hpb-parts-img-06 {}

/* 複数写真ボックス 左端・2行目用 */
.hpb-parts-img-07 {}

/* 複数写真ボックス 2行目用 */
.hpb-parts-img-08 {}

/******************************
 * 水平線 (hr)
 ******************************/

/* 水平線 1 (実線・細) */
.hpb-parts-hr-01 {}

/* 水平線 2 (実線・太) */
.hpb-parts-hr-02 {}

/* 水平線 3 (点線・細) */
.hpb-parts-hr-03 {}

/* 水平線 4 (点線・太) */
.hpb-parts-hr-04 {}

/* 水平線 5 (破線・細) */
.hpb-parts-hr-05 {}

/* 水平線 6 (破線・太) */
.hpb-parts-hr-06 {}

/* 水平線 7 (2重線) */
.hpb-parts-hr-07 {}

/******************************
 * 写真ボックス (div)
 ******************************/

/* 飾りなし */
.hpb-parts-pbox-01 {}

.hpb-parts-pbox-01 h4 {
    margin-bottom: 0.5em;
}

/* 飾りなし 画像幅60px */
.hpb-parts-pbox-01-060 {}

/* 飾りなし 画像幅120px */
.hpb-parts-pbox-01-120 {}

/* 飾りなし 画像幅180px */
.hpb-parts-pbox-01-180 {}

/* 飾りなし 画像幅240px */
.hpb-parts-pbox-01-240 {}

/* 線囲み */
.hpb-parts-pbox-02 {}

.hpb-parts-pbox-02 h4 {
    margin-bottom: 0.5em;
}

/* 線囲み 画像幅60px */
.hpb-parts-pbox-02-060 {}

/* 線囲み 画像幅120px */
.hpb-parts-pbox-02-120 {}

/* 線囲み 画像幅180px */
.hpb-parts-pbox-02-180 {}

/* 線囲み 画像幅240px */
.hpb-parts-pbox-02-240 {}

/* 写真ボックス用 文章領域 */
.hpb-parts-pbox-desc {}

.hpb-parts-pbox-desc h4 {
    margin-bottom: 0.5em;
}

/******************************
 * 複数写真ボックス (div)
 ******************************/

/* 飾りなし 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-01-2060 {}

/* 飾りなし 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-01-3060 {}

/* 飾りなし 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-01-4060 {}

/* 飾りなし 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-01-2120 {}

/* 飾りなし 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-01-3120 {}

/* 飾りなし 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-01-4120 {}

/* 飾りなし 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-01-2180 {}

/* 飾りなし 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-01-3180 {}

/* 飾りなし 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-01-4180 {}

/* 飾りなし 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-01-2240 {}

/* 飾りなし 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-01-3240 {}

/* 飾りなし 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-01-4240 {}

/* 線囲み 画像幅60px 横2x縦1 */
.hpb-parts-mpbox-02-2060 {}

/* 線囲み 画像幅60px 横3x縦1 */
.hpb-parts-mpbox-02-3060 {}

/* 線囲み 画像幅60px 横4x縦1 */
.hpb-parts-mpbox-02-4060 {}

/* 線囲み 画像幅120px 横2x縦1 */
.hpb-parts-mpbox-02-2120 {}

/* 線囲み 画像幅120px 横3x縦1 */
.hpb-parts-mpbox-02-3120 {}

/* 線囲み 画像幅120px 横4x縦1 */
.hpb-parts-mpbox-02-4120 {}

/* 線囲み 画像幅180px 横2x縦1 */
.hpb-parts-mpbox-02-2180 {}

/* 線囲み 画像幅180px 横3x縦1 */
.hpb-parts-mpbox-02-3180 {}

/* 線囲み 画像幅180px 横4x縦1 */
.hpb-parts-mpbox-02-4180 {}

/* 線囲み 画像幅240px 横2x縦1 */
.hpb-parts-mpbox-02-2240 {}

/* 線囲み 画像幅240px 横3x縦1 */
.hpb-parts-mpbox-02-3240 {}

/* 線囲み 画像幅240px 横4x縦1 */
.hpb-parts-mpbox-02-4240 {}

/******************************
 * バナーリスト
 ******************************/

/* 文字型 1 */
.hpb-parts-blist-01 {}

.hpb-parts-blist-01 ul {
    margin-bottom: 5px;
}

.hpb-parts-blist-01 li {
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}

.hpb-parts-blist-01 li a {
    padding: 7px !important;
}

/* 文字型 2 */
.hpb-parts-blist-02 {}

.hpb-parts-blist-02 ul {
    margin-bottom: 5px;
}

.hpb-parts-blist-02 li {
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}

.hpb-parts-blist-02 li a {
    border-style: dotted;
}

/* 文字型 3 */
.hpb-parts-blist-03 {}

.hpb-parts-blist-03 ul {
    margin-bottom: 5px;
}

.hpb-parts-blist-03 li {
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}

.hpb-parts-blist-03 li a {
    border-left-width: 1em;
    border-right-width: 1em;
    border-right-style: solid;
    border-top-style: dotted;
    border-bottom-style: dotted;
}

/* 画像付き 1 */
.hpb-parts-blist-04 {}

.hpb-parts-blist-04 ul {
    margin-bottom: 5px;
}

.hpb-parts-blist-04 li {
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}

.hpb-parts-blist-04 li a {}

.hpb-parts-blist-04 li a img {}

/* 画像付き 2 */
.hpb-parts-blist-05 {}

.hpb-parts-blist-05 ul {}

.hpb-parts-blist-05 li {
    border-bottom: none !important;
    padding: 2px !important;
    padding-left: 0 !important;
    background-image: none !important;
}

.hpb-parts-blist-05 li a {
    border-style: dotted;
}

.hpb-parts-blist-05 li a img {}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/****************************************
video
****************************************/





.cont {
    display: flex;
    justify-content: center;
    margin: -50px;
}

.cont-inner {
    width: 800px;
    font-size: 32px;
    padding: 20px;
    border: solid 1px #fff;
    color: #fff;
}

#banner a:hover {
    opacity: 0.7;
}

article {
    margin-bottom: 10px;
    width: 48%;
    margin-left: 2%;
    float: left;


}


.box-a:after {
    content: "";
    display: block;
    clear: both;
}

.itiran {
    content: "";
    display: block;
    margin-bottom: 20px;

}



.box-a {
    width: 100%;
    height: auto;
}

.t1 {
    font-size: 16px;
}

.red {
    font-size: 16px;
    color: #F00;
}

.by {
    font-size: 16px;
    color: #C0F;
}

.bu {
    font-size: 16px;
    color: #03F;
}

.bu2 {
    font-size: 16px;
    color: #09F;
}

.waku1 {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    background-color: #090;
    padding: 5px 5px 5px 20px;




}

.t-b {
    font-size: 18px;
    font-weight: bold;
}

#mark {
    margin-left: 20px;

}

#sonota {
    font-size: 18px;
    line-height: 19px;

    width: 533px;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #FBD991;
    border-radius: 5px;
    background-color: #F9F1DF;
    -webkit-box-shadow: 2px 2px #BBBBBB;
    box-shadow: 2px 2px #BBBBBB;
    margin-right: 0px;
}

#genjou ol li {
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#genjou .sen {
    font-size: 21px;
    color: #F00;
    text-align: center;
}

#linkusyu img {
    float: right;
    margin-bottom: 15px;
    margin-right: 15px;
}

#eria {
    font-size: 16px;
}

#estate table {
    width: 98%;
    border-collapse: collapse;

}

#estate table td,
#estate table th {
    border: 1px solid #9B9999;
    padding-left: 5px;
    text-align: left;
}


.box-a .itiran img {
    margin-left: -5px;
}




#hpb-container p {
    font-size: 16px;


}

#company {
    font-size: 14px;
}

#contact dl {
    font-size: 14px;
}


/* サイドメニュー固定 */

#sidebar {
    position: sticky;
    top: 20px;

    height: calc(100vh - -40px);
    /* 画面全体より少し小さくする */
}

.sidebar {
    position: sticky;
    top: 5px;
    height: calc(100vh - -40px);


    /* 画面全体より少し小さくする */
}




/* マーキー　ここから */
.marquee {
    width: 890px;
    height: 40px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em 0;
    overflow: hidden;

    4 position: relative;


}

.marquee p:after {
    content: "";
    white-space: nowrap;
    padding-right: 10px;

}

.marquee p {
    color: #F00;
    margin-top: 10px;

    padding-left: 10px;
    display: inline-block;
    white-space: nowrap;
    -webkit-animation-name: marquee;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: marquee;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 20s;
    -moz-animation-iteration-count: infinite;
    -ms-animation-name: marquee;
    -ms-animation-timing-function: linear;
    -ms-animation-duration: 20s;
    -ms-animation-iteration-count: infinite;
    -o-animation-name: marquee;
    -o-animation-timing-function: linear;
    -o-animation-duration: 20s;
    -o-animation-iteration-count: infinite;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translate(0%);
    }

    99%,
    to {
        -webkit-transform: translate(-100%);
    }
}

@-moz-keyframes marquee {
    from {
        -moz-transform: translate(0%);
    }

    99%,
    to {
        -moz-transform: translate(-100%);
    }
}

@-ms-keyframes marquee {
    from {
        -ms-transform: translate(0%);
    }

    99%,
    to {
        -ms-transform: translate(-100%);
    }
}

@-o-keyframes marquee {
    from {
        -o-transform: translate(0%);
    }

    99%,
    to {
        -o-transform: translate(-100%);
    }
}

@keyframes marquee {
    from {
        transform: translate(0%);
    }

    99%,
    to {
        transform: translate(-100%);
    }
}


#bukkenphoto {
    position: relative;
    z-index: 10;
}

/* 物件写真 */


#bukkenphoto th img {
    display: block;
    margin: 0 auto;
}




/* マーキーここまで */


#bo-ni {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 10px 10px;
    background-color: #007bff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#bo-i {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 10px 10px;
    background-color: #ff006c;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#bo-h {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 10px 10px;
    background-color: #177c69;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#bo-k {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 10px 10px;
    background-color: #698106;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#bo-t {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 5px 10px;
    background-color: #ff6200;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#bo-n {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 10px 10px;
    background-color: #c400ff;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#bo-s {
    display: inline-block;
    width: 230px;
    padding: 10px 10px;
    margin: 10px 10px;
    background-color: #911605;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


.button-link:hover {
    opacity: 0.8;
}

#bo-s:hover,
#bo-n:hover,
#bo-t:hover,
#bo-k:hover,
#bo-h:hover,
#bo-i:hover,
#bo-ni:hover {
    opacity: 0.8;

}

.tik {
    text-align: center;
}


#tiku {
    display: block;
    background-color: #000;
    padding: 15px 10px;
    margin-right: 10px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
    border-radius: 5px;

}

.place {
    line-height: 1.2;
    font-size: 12px;

}


#estate .nisiizumi {
    color: #fff;
    font-size: 26px;
    text-align: center;
    background-color: #007bff;
}

#estate .izumi {
    color: #fff;
    font-size: 26px;
    text-align: center;
    background-color: #ff006c;
}

#estate .h-izumi {
    color: #fff;
    font-size: 26px;
    ;
    text-align: center;
    background-color: #177c69;
}

#estate .komenotu {
    color: #fff;
    font-size: 26px;
    text-align: center;
    background-color: #698106;
}

#estate .takaono {
    color: #fff;
    font-size: 26px;
    text-align: center;
    background-color: #ff6200;
}

#estate .noda {
    color: #fff;
    font-size: 26px;
    text-align: center;
    background-color: #c400ff;
}

#estate .sonota {
    color: #fff;
    font-size: 26px;
    text-align: center;
    background-color: #911605;
}




.map {
    font-size: 21px;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

.b {
    padding-left: 30px;

}

#detail img {
    margin-bottom: 20px;
}



/* =======================================================
  レスポンシブル設定
======================================================= */
@media screen and (max-width: 568px) {

    .vd {
        margin-top: 10px;

    }


    .marquee {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        height: 20px;
        margin-top: 10px;
        margin-bottom: -10px;
    }

    #g-map iframe {
        width: 98%;
    }

    #tiku img {
        float: left;
    }

    article {
        width: 98%;
        float: left;
        margin-left: 2%
    }



    .box-a .itiran {
        margin-bottom: 15px;
    }


    #detail-imgbox img {
        width: 100%;
        height: auto;
    }

    .boxA {
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

    .boxA img {
        width: 90%;
    }


}

/* レスポンシブル設定ここまで */


p.bt {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    background-color: #1f6a02;
    padding: 5px;
    text-align: center;
}





h3.corp {
    font-size: 18px;
    text-align: center;
}

#banner p.t20 {
    font-size: 12px;

}



#corpo p,
#corpo h4 {
    text-align: center;
}


h2.syubun {
    text-align: center;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 10px;
    background-color: #feffe0;

}



p.syousai a {
    font-weight: 600;
    margin-bottom: 20px;
    color: #0115fc;
    float: right;
    text-decoration: none;
}

p.syousai a:hover {
    color: #ff990e;
}

#tiku img {
    float: right;
    border-radius: 3px;
    margin-bottom: 15px;
    margin-right: 15px;
}


.boxA:after {
    content: "";
    display: block;
    clear: both;
}

.box1 {
    float: left;
    width: 50%;

}

.box2 {
    float: left;
    width: 50%;

}

.box3 {
    float: left;
    width: 50%;

}

.box4 {
    float: left;
    width: 50%;

}

.box5 {
    float: left;
    width: 50%;

}



.box1 img {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
}


.box2 img {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
}


.box3 img {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.box4 img {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
}

.box5 img {
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 30px;
}


.boxA img:hover {
    opacity: 0.7;
}


#g-map iframe {
    width: 98%;
}