@charset "UTF-8";
/* //////////////////////////////////////////////////
[include]
////////////////////////////////////////////////// */

@import url('initialize.css');
@import url('component.css');
@import url('shame.css');

/* //////////////////////////////////////////////////
[汎用クラス]
////////////////////////////////////////////////// */

.is-hide {
    display: none !important;
}

.is-show {
    display: block !important;
}

/* //////////////////////////////////////////////////
[common]
////////////////////////////////////////////////// */
body {
    background: #fff;
    color: #000;
    letter-spacing: 0.02em;
    position: relative;
    min-width:960px;
    width:100%;
}

a:link {
    color: #1f7aee;
    text-decoration: underline;
}

a:visited {
    color: #460fc3;
    text-decoration: underline;
}

a:hover,
a:active {
    text-decoration: none;
}

a:active {
    color: #11607a;
}

table {
    width: 100%;
    margin-bottom: 20px;
    border: 1px #d6d3c8 solid;
}

caption {
    font-weight: bold;
    border-left: 5px #382c1c solid;
    margin-bottom: 5px;
    padding-left: 5px;
    line-height: 1.2;
}

th {
    font-weight: bold;
    padding: 6px 10px;
    background: #f4f2e9;
    border-bottom: 1px #b2ada4 dotted;
    vertical-align: baseline;
}

td {
    padding: 6px 10px;
    border-bottom: 1px #b2ada4 dotted;
    vertical-align: baseline;
}

sup {
    line-height: 1;
}

.wrapper {
    position: relative;
    width: 960px;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}

.wrapper:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.box {
    clear: both;
    width: auto;
    margin-bottom: 20px;
    overflow: hidden;
}

.subLink {
    float: right;
    margin: 0 10px 10px 0;
}

.subLink a {
    background: url(/ui/utility/common/svg/iconAP_arrow_txtlink_dkblue.svg) 1px 2px / 10px no-repeat;
    display: block;
    line-height: 1.2;
    padding: 0 0 0 15px;
    display: inline-block;
    height: 28px;
    margin-left: 10px;
}

.subLink a:last-child {
    padding-right: 0;
}

.price {
    font-size: 128%;
    font-weight: bold;
    color: #FF4949;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: -0.02em;
    line-height: 1;
}

.unit {
    margin-left: 2px;
    font-size: 14px;
}

.Hover {
    cursor: pointer;
}

.link {
    text-align: right;
    margin-bottom: 5px;
}

.link a {
    background: url(/ui/utility/common/svg/iconAP_arrow_txtlink_dkblue.svg) 1px 2px / 10px no-repeat;
    display: block;
    line-height: 1.2;
    padding: 0 0 0 15px;
}

.attention,
.immunity li {
    font-size: 71%;
    color: #bababa;
    margin-bottom: 2px;
    line-height: 1.4;
    letter-spacing: .075em;
}

.boxLink {
    cursor: pointer;
}

.note {
    font-weight: normal;
    font-size: 85%;
    margin-bottom: 10px;
}

.holidayNote {
    font-size: 1em;
    padding-bottom: 20px;
    padding-left: 15px;
    text-indent: -1em;
}

.hint {
    background: url(/ui/utility/pc/images/png/ico_hint.png) no-repeat left center;
    padding-left: 18px;
    font-weight: bold;
}

.subTxt {
    font-weight: bold;
    margin-bottom: 10px;
}

.subTxt span {
    font-weight: normal;
}

.error {
    color: #de2200;
    background: url(/ui/utility/pc/images/png/ico_alert.png) no-repeat center left;
    padding-left: 20px;
    font-weight: bold;
}

/* 選択超過のポップアップ */
#errMes {
    position: fixed;
    bottom: 88px;
    width: 294px;
    padding: 10px;
    background: #fff;
    border: 2px #df2121 solid;
    border-radius: 5px;
    text-align: center;
    z-index: 700;
    margin-left: -157px;
    left: 50%;
}

#errMes::before {
    position: absolute;
    left: 144px;
    bottom: -25px;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 14px solid #df2121;
}

#errMes::after {
    position: absolute;
    left: 144px;
    bottom: -22px;
    content: "";
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top: 14px solid #fff;
}

#errMes.open {
    animation: errorPopup 0.4s;
    animation-fill-mode: both;
    z-index: 200;
}

@keyframes errorPopup {
    0% {
        opacity: 0;
        bottom: 0;
        transform: translateY(-22px);
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
        transform: translateY(-32px);
    }

    100% {
        opacity: 1;
        transform: translateY(-22px);
    }
}

#errMes p {
    font-size: 16px;
    margin: 0;
}

#errMes p strong {
    font-weight: bold;
    color: #da0000;
}

.restval {
    color: #999;
}

.last {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

#contents .adBanner {
    clear: both;
    margin: 0 0 20px;
    text-align: center;
}

#rightSide .adBanner,
#leftSide .adBanner {
    clear: both;
    margin: 0 0 10px;
    text-align: center;
}

#contents .adBanner iframe,
#rightSide .adBanner iframe,
#leftSide .adBanner iframe {
    margin-bottom: 0;
}

.sitecatalyst {
    display: none;
}


/* 見出し */
.headdingWrap {
    margin: 0 0 20px;
    padding: 10px 0 10px 45px;
    position: relative;
    border-bottom: 1px solid #ccc;
    border-top: 6px solid #ff9300;
}

div.titleArea {
    margin: 0 0 20px 0;
    padding: 0;
    height: 52px;
}

h2.contentTitle {
    margin: 0 0 20px 0;
    padding: 8px 20px 10px 20px;
    background: url(/ui/utility/pc/images/png/h2_tit.png) repeat-x bottom;
    line-height: 1.3;
    color: #333;
    font-size: 150%;
    text-shadow: #ccc 1px 1px 0px;
    border-top: solid 3px #936F0E;
    border-left: solid 1px #DCD7CA;
    border-right: solid 1px #DCD7CA;
    border-bottom: solid 1px #DCD7CA;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 2px 0 #d6d6d6;
    -moz-box-shadow: 0 0 2px 0 #d6d6d6;
    box-shadow: 0 0 2px 0 #d6d6d6;
}

h1.box-title,
h2.box-title,
h3.box-title {
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    padding-top: 2px;
    border-bottom: 5px solid #9d9177;
    font-size: 20px;
    line-height: 1;
    text-shadow: 1px 1px 0 #C7C7C7;
}

h1.box-title span,
h2.box-title span,
h3.box-title span {
    border-bottom: 5px solid #382c1c;
    display: inline-block;
    margin-bottom: -5px;
    padding: 0 30px 5px 0;
}

/* h1 市区郡・市区町村選択 */
.prefhead .heading-lv1 {
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
}

.prefhead .heading-lv1>span {
    margin-right: 4px;
    font-size: 32px;
    color: #ff9300;
}

.prefhead.prefhead-line-icon {
    background: url(/ui/utility/common/svg/iconT_route.svg) 0 13px / 38px no-repeat;
}

.prefhead.prefhead-area-icon {
    background: url(/ui/utility/common/svg/iconT_area.svg) 0 13px / 38px no-repeat;
}

.prefhead.prefhead-mu-icon {
    background: url(/ui/utility/common/svg/iconC_mansionUsed.svg) 0 16px / 38px no-repeat;
}

.prefhead.prefhead-hu-icon {
    background: url(/ui/utility/common/svg/iconC_houseUsed.svg) 0 16px / 38px no-repeat;
}

.prefhead.prefhead-hn-icon {
    background: url(/ui/utility/common/svg/iconC_houseNew.svg) 0 16px / 38px no-repeat;
}

.prefhead .estateNum {
    display: inline-block;
    height: 40px;
    margin-top: 7px;
    padding: 0 20px;
    background: #fffced;
    border-radius: 20px;
    color: #80654d;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    vertical-align: top;
    margin-left: 20px;
}

.prefhead .estateNum .prefhead__txt {
    display: inline-block;
    margin: 0 2px 0 10px;
    font-weight: bold;
    font-size: 18px;
}

.prefhead .update {
    float: right;
    margin: 0 20px 0 0;
    text-align: right;
    font-weight: bold;
    color: #80654d;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
}

/* h2 市区郡・市区町村選択 */

.tabletUser .prefhead .update {
    width: 200px;
}

/* タブUI */

.tabNav {
    clear: both;
    position: relative;
    width: auto;
    height: 48px;
    margin: 0 -3px 10px;
    z-index: 50;
    background: url(/ui/utility/pc/images/png/tab_line.png) repeat-x 0 34px;
}

.tabNav li {
    float: left;
    height: 48px;
    margin: 0 3px;
}

.tabNav li.selected {
    background: url(/ui/utility/pc/images/png/tab_arrow.png) no-repeat bottom center;
}

.tabNav li a,
.tabNav li a:visited {
    display: block;
    padding: 0 0 0 30px;
    color: #000;
    font-size: 107%;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    background: url(/ui/utility/pc/images/png/tab.png) no-repeat left -80px;
}

* html .tabNav li a {
    width: 180px;
    height: 40px;
}

.tabNav li a:hover {
    color: #fff;
    background-position: left -40px;
}

.tabNav li a.tab-selected {
    padding: 0 0 0 40px;
    color: #fff !important;
    background-position: left 0 !important;
}

.tabNav li a span {
    display: block;
    height: 40px;
    padding: 0 30px 0 0;
    cursor: pointer;
    background: url(/ui/utility/pc/images/png/tab.png) no-repeat right -80px;
}

.tabNav li a:hover span {
    background-position: right -40px;
}

.tabNav li a.tab-selected span {
    padding: 0 45px 0 0;
    background-position: right 0 !important;
}

/* 検討するボタンクリック後のアラート */

.favoriteMeg {
    position: absolute;
    top: 100px;
    z-index: 700;
}

.favoriteMeg.fix {
    position: fixed;
    top: 87px;
}

.favoriteMeg .inner {
    position: relative;
    width: 207px;
    height: 224px;
    margin-bottom: 0;
    padding: 94px 55px 40px 55px;
    text-align: left;
    color: #252525;
    background: url(/ui/utility/pc/images/png/headerFav.png) no-repeat;
}

.favoriteMeg .inner .close {
    position: absolute;
    top: 52px;
    right: 32px;
    cursor: pointer;
}

.favoriteMeg .inner p {
    line-height: 1.3;
    margin-bottom: 0;
}

.favoriteMeg .inner p.msg {
    letter-spacing: -0.02em;
    font-weight: bold;
    margin-bottom: 24px;
}

.favoriteMeg .inner p.note {
    font-size: 100%;
    font-weight: bold;
    line-height: 28px;
}

.favoriteMeg .inner p.note span {
    font-size: 143%;
    font-weight: bold;
    margin: 0 1px;
}

.favoriteMeg .inner .favList {
    position: absolute;
    left: 64px;
    bottom: 50px;
}

.favoriteMeg .inner .favList2 {
    position: absolute;
    left: 64px;
    bottom: 50px;
}

/* 検討するボタンクリック後、登録が上限に達していた場合に表示されるアラート */

#favoriteAlertMeg {
    overflow: visible;
    width: 420px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -210px;
    padding: 20px 5px 5px;
    text-align: center;
    z-index: 900;
    background: #fff;
    border-radius: 5px;
    -moz-box-shadow: 0 2px 30px #666;
    -webkit-box-shadow: 0 2px 30px #666;
    box-shadow: 0 2px 30px #666;
}

/* help tooltip */
#otherSearchList .checkBoxIn,
#kodawariSearch .checkBoxIn {
    position: relative;
}
.typeCheckBox .checkBoxIn label {
    display: inline-block;
}
#mansionNew .typeCheckBox .checkBoxIn label {
    display: inline;
}
.typeCheckBox .checkBoxIn .helpBtn::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/ui/utility/common/svg/icon-what.svg) no-repeat scroll 0px 0px / 16px auto;
    cursor: pointer;
    vertical-align: text-top;
}

.helpBtn:hover+.helpTooltip {
    visibility: visible;
    opacity: 1;
}

.helpTooltip {
    position: absolute;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    width: 280px;
    box-sizing: border-box;
    padding: 12px 12px 10px;
    border-radius: 4px;
    background: rgba(0, 0, 0, .8);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
    transition: all .2s ease;
    color: #fff;
}

.helpTooltip.rightTop {
    left: 0;
    bottom: 100%;
    margin-bottom: 5px;
}

.helpTooltip .helpTooltipLine {
    margin-bottom: 0;
    font-size: .8rem;
    line-height: 1.5;
}

html>
/**/

body #favoriteAlertMeg {
    border
    /*\**/
    : 3px #333 solid\9
}

*:first-child+html #favoriteAlertMeg {
    border: 3px #333 solid;
}

#favoriteAlertMeg p {
    margin-bottom: 8px;
}

#favoriteAlertMeg p.msg {
    font-weight: bold;
}

#favoriteAlertMeg p.note {
    color: #8d8c8c;
}

#favoriteAlertMeg p.toFavorite {
    margin-bottom: 5px;
}

#favoriteAlertMeg p.toFavorite span {
    font-size: 78%;
}

#favoriteAlertMeg p.closeBtn {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    background: url(/ui/utility/pc/images/png/btn_favmeg_close.png) no-repeat 0 0;
    cursor: pointer;
}

#favoriteAlertMeg p.closeBtn:hover {
    background-position: 0 -40px;
}

.tooltip {
    display: inline;
    height: 16px;
    margin: 0 2px;
    vertical-align: top;
    width: 16px;
}

/* //////////////////////////////////////////////////
[header]
////////////////////////////////////////////////// */

#header {
    position: relative;
    width: 100%;
    min-width: 960px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 85%;
    z-index: 610;
}

#header .headerInner {
    padding-bottom: 5px;
}

#header .wrapper {
    text-align: left;
}

/* ロゴパネル */

#header #logoPanel {
    float: left;
    margin-left: -2px;
    width: 153px;
    height: 85px;
    background: url(/ui/utility/pc/images/png/header.png) no-repeat 0 0;
}

#header #logoPanel #logo {
    margin: 11px 0 0 13px;
}

#header #logoPanel #statement {
    width: 125px !important;
    height: 14px;
    margin: 11px 0 0 15px !important;
    background: url(/ui/utility/pc/images/png/header.png) no-repeat 0 -171px !important;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* light header用 */

#header.light {
    background: url(/ui/utility/pc/images/png/bg_header.png) 0px -50px repeat-x;

}

#header.light .wrapper {
    width: 860px;
}

#header.light .subSection {
    width: 720px;
    margin-top: 13px;
    padding: 0 0 3px 0;
    float: right;
}

#header.light #logoPanel {
    position: absolute;
    float: none;
    width: 123px;
    height: 65px;
    background: url(/ui/utility/pc/images/png/header.png) no-repeat 0px -194px;
}

#header.light #logoPanel #logo {
    margin: 6px 0 0 13px;
}

/* グローバルナビ */

#header #globalNavi {
    background: url(/ui/utility/pc/images/png/header.png) no-repeat -160px -130px;
    height: 45px;
    left: 20px;
    overflow: hidden;
    padding-top: 24px;
    position: relative;
    top: 5px;
    width: 725px;
}

* html #header #globalNavi {
    background: url(/ui/utility/pc/images/png/header.png) no-repeat -160px -121px;
    height: 64px;
}

#header #globalNavi li {
    float: left;
    height: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#header #globalNavi li.chintai,
#header #globalNavi li.chintaiAct {
    width: 62px;
}

#header #globalNavi li.mansion_new,
#header #globalNavi li.mansion_new {
    width: 113px;
}

#header #globalNavi li.mansion_used,
#header #globalNavi li.mansion_usedAct {
    width: 113px;
}

#header #globalNavi li.house_new,
#header #globalNavi li.house_newAct {
    width: 113px;
}

#header #globalNavi li.house_used,
#header #globalNavi li.house_usedAct {
    width: 113px;
}

#header #globalNavi li.sell,
#header #globalNavi li.sellAct {
    width: 103px;
}

#header #globalNavi li.townMenu,
#header #globalNavi li.townMenuAct {
    width: 104px;
}

#header #globalNavi li a {
    background: url(/ui/utility/pc/images/png/header.png) no-repeat;
    height: 30px;
}

#header #globalNavi li.chintai a {
    display: block;
    width: 62px;
    background-position: -160px 0;
}

#header #globalNavi li.chintai a:hover {
    background-position: -160px -40px;
}

#header #globalNavi li.chintaiAct,
#header #globalNavi li.chintaiAct a {
    display: block;
    width: 62px;
    height: 45px;
}

#header #globalNavi li.chintaiAct a,
#header #globalNavi li.chintaiAct a:hover {
    background-position: -160px -80px !important;
}

#header #globalNavi li.mansion_new a {
    display: block;
    width: 113px;
    background-position: -222px 0;
}

#header #globalNavi li.mansion_new a:hover {
    background-position: -222px -40px;
}

#header #globalNavi li.mansion_newAct,
#header #globalNavi li.mansion_newAct a {
    display: block;
    width: 113px;
    height: 45px;
}

#header #globalNavi li.mansion_newAct a,
#header #globalNavi li.mansion_newAct a:hover {
    background-position: -222px -80px !important;
}

#header #globalNavi li.mansion_used a {
    display: block;
    width: 113px;
    background-position: -335px 0;
}

#header #globalNavi li.mansion_used a:hover {
    background-position: -335px -40px;
}

#header #globalNavi li.mansion_usedAct,
#header #globalNavi li.mansion_usedAct a {
    display: block;
    width: 113px;
    height: 45px;
}

#header #globalNavi li.mansion_usedAct a,
#header #globalNavi li.mansion_usedAct a:hover {
    background-position: -335px -80px !important;
}

#header #globalNavi li.house_new a {
    display: block;
    width: 113px;
    background-position: -448px 0;
}

#header #globalNavi li.house_new a:hover {
    background-position: -448px -40px;
}

#header #globalNavi li.house_newAct,
#header #globalNavi li.house_newAct a {
    display: block;
    width: 113px;
    height: 45px;
}

#header #globalNavi li.house_newAct a,
#header #globalNavi li.house_newAct a:hover {
    background-position: -448px -80px !important;
}

#header #globalNavi li.house_used a {
    display: block;
    width: 113px;
    background-position: -561px 0;
}

#header #globalNavi li.house_used a:hover {
    background-position: -561px -40px;
}

#header #globalNavi li.house_usedAct,
#header #globalNavi li.house_usedAct a {
    display: block;
    width: 113px;
    height: 45px;
}

#header #globalNavi li.house_usedAct a,
#header #globalNavi li.house_usedAct a:hover {
    background-position: -561px -80px !important;
}

#header #globalNavi li.sell a {
    display: block;
    width: 103px;
    background-position: -674px 0;
}

#header #globalNavi li.sell a:hover {
    background-position: -674px -40px;
}

#header #globalNavi li.sellAct,
#header #globalNavi li.sellAct a {
    display: block;
    width: 103px;
    height: 45px;
}

#header #globalNavi li.sellAct a,
#header #globalNavi li.sellAct a:hover {
    background-position: -674px -80px !important;
}

#header #globalNavi li.townMenu a {
    display: block;
    width: 104px;
    background-position: -777px 0;
}

#header #globalNavi li.townMenu a:hover {
    background-position: -777px -40px;
}

#header #globalNavi li.townMenuAct,
#header #globalNavi li.townMenuAct a {
    display: block;
    width: 104px;
    height: 45px;
}

#header #globalNavi li.townMenuAct a,
#header #globalNavi li.townMenuAct a:hover {
    background-position: -777px -80px !important;
}

/* H1,機能ナビ */

#header .subSection {
    clear: both;
    float: left;
    margin-top: -26px;
    padding: 5px 0 5px 170px;
    position: relative;
    width: 790px;
    min-height: 26px !important;
    height: auto;
}

* html #header .subSection {
    width: 960px;
}

#header .subSection h1 {
    float: left;
    width: 410px;
    color: #666;
    font-size: 85%;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: 0.1em;
}

/* 最近検索した条件/最近見た物件/検討中リスト */

#header .subSection ul#headerNavi li.searchRecently {
    background: none;
    width: 150px;
}

#header .subSection ul#headerNavi li.searchRecently a {
    background: none;
    width: 140px;
}

#header .subSection ul#headerNavi li.searchRecently a>span {
    display: block;
    height: 26px;
    background: url(/ui/utility/common/svg/iconF_save_brown.svg) no-repeat 7px 3px;
    background-size: 18px;
    padding-left: 40px;
    line-height: 26px;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
}

#header .subSection ul#headerNavi {
    float: right;
    min-width: 244px;
    width: auto;
    margin-bottom: -5px;
    margin-top: -3px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #fff;
    position: relative;
}

#header .subSection ul#headerNavi li {
    position: relative;
    float: left;
    width: 112px;
    height: 26px;
    padding: 4px 4px 4px;
    border-left: 1px solid #fff;
    border-right: 1px solid #ebebeb;
    cursor: pointer;
}

#header .subSection ul#headerNavi li:hover {
    background: none;
}

#header .subSection ul#headerNavi li a {
    display: block;
    width: 100px;
    height: 26px;
    padding: 0px 6px;
    color: #333;
    text-indent: 0;
    text-decoration: none;
    border-radius: 5px;
}

#header .subSection ul#headerNavi li a:hover {
    background-color: #fffbd8;
}

#header .subSection ul#headerNavi li a:hover span {
    position: static;
    top: 0;
    margin-left: 0;
    padding: 0;
    color: #333;
}

#header .subSection ul#headerNavi li.history a span {
    display: block;
    height: 26px;
    background: url(/ui/utility/common/svg/iconF_history_brown.svg) no-repeat left center/20px;
    padding-left: 24px;
    line-height: 26px;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
}

#header .subSection ul#headerNavi li.favorite a>span {
    display: block;
    height: 26px;
    padding-left: 27px;
    background: url(/ui/utility/common/svg/iconF_heart_brown.svg) no-repeat 3px 4px/18px;
    line-height: 26px;
    font-size: 12px;
    text-decoration: none;
}

#header .subSection ul#headerNavi li.favorite.active {
    width: 120px;
}

#header .subSection ul#headerNavi li.favorite.active a {
    width: 108px;
}

#header .subSection ul#headerNavi li.favorite.active a>span {
    padding-left: 38px;
    background-position: 0 4px;
    transition: padding 0.4s ease, background-position 0.4s ease;
}

#header .subSection ul#headerNavi li.searchRecently .count {
    display: block;
    position: absolute;
    top: 0px;
    right: 110px;
    width: 16px;
    padding: 4px 2px 5px 2px;
    background: #ff1800;
    border: 2px solid #fff;
    border-radius: 50%;
}

#header .subSection ul#headerNavi li.searchRecently .count span {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    font-family: Tahoma, Geneva, sans-serif;
}

#header .subSection ul#headerNavi li.favorite .count {
    position: absolute;
    top: 0px;
    right: 82px;
    width: 16px;
    padding: 4px 2px 5px 2px;
    background: #ff1800;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
}

#header .subSection ul#headerNavi li.favorite.active .count {
    display: block;
}

#header .subSection ul#headerNavi li.favorite .count span {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    font-family: Tahoma, Geneva, sans-serif;
}

/* ///////////////////////
[ logo common ]
/////////////////////// */

/* logo */

.siteAbout {
    width: 960px;
    margin: 20px auto;
    overflow: hidden;
}

.siteLogoWrap {
    width: 116px;
    padding: 10px 0;
    float: left;
}

/* 固定ヘッダー */

.fixNavi {
    display: none;
    background: url(/ui/utility/pc/images/png/bg_fixbar.png) repeat-x top;
    height: 60px;
    z-index: 999;
}

.fixNavi p {
    margin-bottom: 0;
}

.fixed {
    position: fixed;
    width: 100%;
}

.fixNaviInner {
    position: relative;
    margin: 0 auto;
    width: 960px;
}

.fixNavi .logo {
    float: left;
    width: 100px;
    height: 60px;
    padding: 0;
}

.fixNavi .logo a {
    display: block;
    width: 100px;
    height: 55px;
    background: url(/ui/utility/pc/images/png/fixbar02.png);
    background-position: 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}

.fixNavi .message {
    display: none;
}

/* 固定ヘッダー 最近見た物件/検討中リスト */

.fixNavi ul#statusNavi {
    float: right;
    overflow: hidden;
}

.fixNavi ul#statusNavi li {
    position: relative;
    float: left;
    width: 70px;
    height: 57px;
    cursor: pointer;
}

.fixNavi ul#statusNavi li a {
    display: block;
    width: 60px;
    height: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
}

.fixNavi ul#statusNavi li.history,
.fixNavi ul#statusNavi li.favorite,
.fixNavi ul#statusNavi li.searchRecently {
    border-left: solid 1px #847469;
    border-right: solid 1px #847469;
}

.fixNavi ul#statusNavi li.favorite {
    border-left: none;
}

.fixNavi ul#statusNavi li.searchRecently {
    border-right: none;
}

.fixNavi ul#statusNavi li.history a,
.fixNavi ul#statusNavi li.history.active a {
    width: 68px;
    height: 57px;
    background: url(/ui/utility/common/svg/iconF_history_white.svg)center 8px/30px no-repeat;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
}

.fixNavi ul#statusNavi li.favorite a {
    width: 69px;
    background: url(/ui/utility/common/svg/iconF_heart_white.svg.svg) center 8px/28px no-repeat;
    border-right: solid 1px #333;
}

.fixNavi ul#statusNavi li.searchRecently a {
    width: 68px;
    background: url(/ui/utility/common/svg/iconF_save_white.svg) center 8px/28px no-repeat;
    border-left: solid 1px #333;
}

.fixNavi ul#statusNavi li.searchRecently.active a {
    width: 68px;
    border-left: solid 1px #000;
}

.fixNavi ul#statusNavi li:hover {
    background: #383026;
}

.fixNavi ul#statusNavi li p {
    color: #f1efea;
    font-size: 10px;
    line-height: 1;
}

.fixNavi ul#statusNavi li a>span {
    background: none;
    display: block;
    position: absolute;
    top: 44px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    text-indent: 0;
    white-space: nowrap;
    overflow: visible;
    margin: 0;
    padding: 0 0 0 3px;
}

.fixNavi ul#statusNavi li.favorite a>span {
    left: 7px;
}

.fixNavi ul#statusNavi li .count {
    display: none;
}

.fixNavi ul#statusNavi li.active .count {
    display: block;
}

.fixNavi ul#statusNavi li.favorite .count,
.fixNavi ul#statusNavi li.searchRecently .count {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    padding: 4px 2px 5px 2px;
    background: #ff1800;
    border: 2px solid #402610;
    border-radius: 50%;
}

.fixNavi ul#statusNavi li.favorite .count span,
.fixNavi ul#statusNavi li.searchRecently .count span {
    display: block;
    color: #fff;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 1;
}

.fixNavi ul#statusNavi li span.txt {
    margin: 0;
    text-align: center;
    color: #fff;
}

/* 固定ヘッダー検索メニュー */

.fixNavi #estateSearch {
    float: left;
    width: 142px;
    height: 55px;
    margin-left: 570px;
    text-align: left;
    font-size: 11px;
    color: #d4cec6;
    text-shadow: 1px 1px 0 #20180e;
    cursor: pointer;
}

.fixNavi #estateSearch:hover {
    background: #383026;
}

.fixNavi #estateSearch p {
    height: 58px;
    line-height: 55px;
    margin: 0;
    padding: 0 0 0 8px;
    background: url(/ui/utility/pc/images/png/fixbar02.png) no-repeat -1065px 10px;
}

.fixNavi #estateSearch p.open {
    background-position: -915px 10px;
    background-color: #383026;
}

.fixNavi #estateSearch p span {
    line-height: 55px;
}

.fixNavi #estateSearch ul {
    display: none;
    right: -10px;
    width: 140px;
    padding: 8px 0;
    background-color: #383026;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0px 5px 14px -6px #1b150e;
    -moz-box-shadow: 0px 5px 14px -6px #1b150e;
    box-shadow: 0px 5px 14px -6px #1b150e;
}

.fixNavi #estateSearch ul li {
    font-size: 107%;
}

.fixNavi #estateSearch ul li a {
    display: block;
    padding: 5px 15px;
    line-height: 28px;
    color: #eeeae6;
    text-decoration: none;
    text-shadow: 1px 1px 0 #20180e;
}

.fixNavi #estateSearch ul li a:hover {
    background: #6a6054;
}

/* //////////////////////////////////////////////////
[ global header ]
////////////////////////////////////////////////// */

#globalHeader.hShort {
    position: absolute;
}

#globalHeader.hShort+#container {
    margin: 0 auto 0;
    padding-top: 100px;
}

/* for press pewview */

.p-preview+#globalHeader {
    top: auto;
}

.p-preview+#globalHeader,
.p-preview+#holidayClsNtc+#globalHeader {
    top: auto;
}

.p-preview+#holidayClsNtc {
    display: none;
}

#globalHeader .siteLogoWrap {
    padding: 14px 0 0;
}

.siteLogoWrap .siteLogo {
    position: relative;
    display: block;
    width: 118px;
    height: 42px;
    overflow: hidden;
    margin-bottom: 3px;
}

.siteLogoWrap .siteLogo img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 122px;
}

.siteLogoWrap .siteCopy {
    width: 118px;
    font-size: 11px;
    color: #666666;
    text-align: center;
    padding: 0 0 0;
    margin-bottom: 0;
    font-weight: bold;
}

#globalHeader {
    position: fixed;
    width: 100%;
    z-index: 999;
}

/* お知らせ枠があったら */

#holidayClsNtc+#globalHeader {
    top: 30px;
}

#holidayClsNtc+#globalHeader+form>#container,
#globalHeader+form>#container {
    top: 100px;
}

#globalHeader+form>#container,
#mansionNew #holidayClsNtc+#globalHeader+form>#container,
#houseNew #holidayClsNtc+#globalHeader+form>#container {
    padding-bottom: 40px;
}

/* スマホでPC表示時にお知らせ枠があったら */

#smartphone+#holidayClsNtc+#globalHeader,
#smartphone+input+#holidayClsNtc+#globalHeader,
#smartphone+form+#holidayClsNtc+#globalHeader {
    top: 160px;
}

#globalHeader #header {
    border-top: solid 3px #ff9300;
    border-bottom: solid 1px #ccc;
    background: none;
    margin-bottom: 0;
}

#globalHeader #header .headerInner {
    padding-bottom: 0;
    background: none;
    background-color: #fff;
    height: 86px;
}

#globalHeader #header .headerInner .wrapper {
    padding: 0;
}

#globalHeader #header #globalNaviWrap {
    width: 580px;
    padding: 8px 0 0 40px;
    float: left;
}

#globalHeader #header #globalNavi {
    height: initial;
    padding: 0;
    margin: 0;
    float: left;
    background: none;
    left: 0;
    top: 0;
    position: initial;
    overflow: visible;
}

#globalHeader #header #globalNavi li {
    height: initial;
    min-height: 70px;
    padding-right: 10px;
    text-indent: 0;
}

#globalHeader #header #globalNavi li:last-child {
    padding-right: 0;
}

#globalHeader #header #globalNavi dl#mansion,
#globalHeader #header #globalNavi dl#house {
    width: 112px;
}

#globalHeader #header #globalNavi dl#sell,
#globalHeader #header #globalNavi dl#townMenu {
    width: auto;
}

#globalHeader #header #globalNavi dt.gblNavi_tit {
    text-align: center;
    text-indent: initial;
    font-size: 11px;
    font-weight: bold;
    color: #000;
    margin-bottom: 6px;
    padding: 0;
    height: 17px;
}

#globalHeader #header #globalNavi li dt.gblNavi_tit span {
    color: #fff;
    background: #ff9300;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    /* Safari、Google Chrome */
    -moz-border-radius: 10px;
    /* Firefox */
    padding: 1px 9px 0;
    display: block;
}

#globalHeader #header #globalNavi .gblNavi_cat {
    display: table;
    min-height: 46px;
}

#globalHeader #header #globalNavi .gblNavi_item {
    display: table-cell;
    font-size: 15px;
    vertical-align: middle;
    width: 56px;
}

#globalHeader #header #globalNavi li:nth-child(4) div.gblNavi_item,
#globalHeader #header #globalNavi li:nth-child(5) div.gblNavi_item {
    font-size: 14px;
}

#globalHeader #header #globalNavi li:nth-child(4) div.gblNavi_item a.ui-btn-common,
#globalHeader #header #globalNavi li:nth-child(5) div.gblNavi_item a.ui-btn-common {
    padding: 11px 7px 8px;
    line-height: 1.64;
}

#globalHeader #header #globalNavi dl#mansion div#mansion_new,
#globalHeader #header #globalNavi dl#mansion div#mansion_used,
#globalHeader #header #globalNavi dl#house div#house_new,
#globalHeader #header #globalNavi dl#house div#house_used {
    width: 56px;
}

#globalHeader #header #globalNavi li a.ui-btn-common {
    height: auto;
    background: none;
    text-indent: initial;
    padding: 11px 10px 8px;
    ;
}

#globalHeader #header #globalNavi .gblNavi_cat .gblNavi_item.act a.ui-btn-common {
    background-color: #fff;
    border: 1px solid #ff9300;
    border-bottom: 4px solid #ff9300;
}

#globalHeader #header #globalNavi .gblNavi_cat .act a.ui-btn-common {
    border-right: 1px solid #ff9300;
}

#globalHeader #header #globalNavi li a.ui-btn-common:hover,
#globalHeader #header #globalNavi .gblNavi_cat .act a.ui-btn-common:hover {
    background-color: #f2f2f2;
}

#globalHeader #header #globalNavi dl#mansion div#mansion_new a,
#globalHeader #header #globalNavi dl#house div#house_new a {
    border-right: none;
    border-radius: 5px 0 0 5px;
    outline: none;
    padding: 11px 10px 8px;
}

#globalHeader #header #globalNavi dl#mansion div#mansion_new.act a,
#globalHeader #header #globalNavi dl#house div#house_new.act a {
    border-right: 1px solid #ff9300;
}

#globalHeader #header #globalNavi dl#mansion div#mansion_used a,
#globalHeader #header #globalNavi dl#house div#house_used a {
    border-radius: 0 5px 5px 0;
    padding: 11px 10px 8px;
}

#globalHeader #header #globalNavi dl#mansion div#mansion_used.noact a,
#globalHeader #header #globalNavi dl#house div#house_used.noact a {
    border-left: none;
}

/* Functional Navigation */

#globalHeader.fixNavi {
    display: block !important;
    background: none;
    height: 90px;
}

#globalHeader.fixNavi {
    display: block !important;
    background: none;
    height: 90px;
}

#globalHeader #header .subSection {
    max-width: 224px;
    float: right;
    padding: 0;
    clear: none;
    margin-top: 0;
}

#globalHeader #header ul#headerNavi {
    margin: 0;
    padding: 0;
    border-left: 1px solid #ccc;
    border-right: none;
    min-width: auto;
}

#globalHeader #header ul#headerNavi li {
    min-height: 86px;
    width: 73px;
    float: left;
    border-left: none;
    padding: 0;
    position: relative;
    border-right: solid #ccc 1px;
}

#globalHeader #header ul#headerNavi li:nth-child(3) {}

#globalHeader #header .subSection ul#headerNavi li a {
    width: 74px;
}

#globalHeader #header .subSection ul#headerNavi li.favorite .count,
#globalHeader #header .subSection ul#headerNavi li.searchRecently .count {
    display: none;
}

#globalHeader #header .subSection ul#headerNavi li.favorite.active .count,
#globalHeader #header .subSection ul#headerNavi li.searchRecently.active .count,
#globalHeader #header .subSection ul#headerNavi li.history.active .count {
    position: absolute;
    top: 16px;
    left: 44px;
    width: 16px;
    padding: 4px 2px 5px 2px;
    background: #ff1800;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align: center;
    display: block;
}

#globalHeader #header .subSection ul#headerNavi li.searchRecently.active .count {
    right: 96px;
}

#globalHeader #header .subSection ul#headerNavi li.favorite .count span,
#globalHeader #header .subSection ul#headerNavi li.searchRecently .count span,
#globalHeader #header .subSection ul#headerNavi li.history .count span {
    display: block;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    line-height: 1;
    font-family: Tahoma, Geneva, sans-serif;
}

#globalHeader #header .subSection ul#headerNavi li a {
    text-decoration: none;
    height: 86px;
    display: block;
    padding: 0;
    width: 73px;
}

#globalHeader .fixNavi #statusNavi ul#headerNavi li a {
    height: 77px;
}

#globalHeader #header .subSection ul#headerNavi li.favorite a>span {
    background: url(/ui/utility/common/svg/iconF_heart_brown.svg) no-repeat center 22px/28px;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    color: #000;
    font-weight: bold;
    padding: 58px 0 0;
    line-height: 1;
    display: block;
}

#globalHeader #header .subSection ul#headerNavi li.searchRecently a>span {
    background: url(/ui/utility/common/svg/iconF_save_brown.svg) no-repeat center 22px/28px;
    font-size: 11px;
    text-decoration: none;
    text-align: center;
    color: #000;
    font-weight: bold;
    padding: 58px 0 0;
    line-height: 1;
    display: block;
}

#globalHeader #header .subSection ul#headerNavi li.history a>span {
    background: url(/ui/utility/common/svg/iconF_history_brown.svg) no-repeat center 22px/28px;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    padding: 58px 0 0 10px;
    color: #000;
    font-weight: bold;
    line-height: 1;
    display: block;
}

#globalHeader #header .subSection ul#headerNavi li.history a span::before {
    content: "";
    position: absolute;
    top: 60px;
    right: 7px;
    border: 4px solid transparent;
    border-top: 6px solid #333;

}

#mansionNew #globalHeader #header .subSection ul#headerNavi li.history a>span,
#houseNew #globalHeader #header .subSection ul#headerNavi li.history a>span,
#mansionNew #globalHeader #header .subSection ul#headerNavi li.history a>span,
#mansionNew #globalHeader #header .subSection ul#headerNavi li.history a>span {
    text-align: center;
    padding: 58px 0 0 0;
}

#mansionNew #globalHeader #header .subSection ul#headerNavi li.history a>span::before,
#houseNew #globalHeader #header .subSection ul#headerNavi li.history a>span::before {
    content: none;
}

/*[ global header end ]*/

/*　吹き出しデザイン　*/

#searchArrow-fade {
    display: none;
}

.searchArrow {
    position: absolute;
    top: 54px;
    left: 510px;
}

.searchArrowInner {
    position: relative;
    color: #fff;
    opacity: 0.8;
    padding: 6px 12px;
    font-size: 13px;
    background: #000;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 10px;
    box-shadow: 1px 0px 4px -1px #cccccc;
    -moz-box-shadow: 1px 0px 4px -1px #cccccc;
    -webkit-box-shadow: 1px 0px 4px -1px #cccccc;
    box-sizing: border-box;
}

p.searchArrowInner {
    text-shadow: 3px 3px 4px #000;
    -moz-text-shadow: 3px 3px 4px #000;
    -webkit-text-shadow: 3px 3px 4px #000;
}

.searchArrowInner:after,
.searchArrowBox:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.searchArrowInner:after {
    border-bottom-color: #000;
    border-width: 7px;
    margin-left: -7px;
}

/* 通常ヘッダー検索メニュー */

#header .subSection #estateSearchHead {
    position: absolute;
    left: 593px;
    width: 120px;
    height: 36px;
    margin-top: -5px;
    margin-bottom: -5px;
    border-left: 1px solid #ebebeb;
    text-align: left;
    font-size: 11px;
    color: #8a8176;
    cursor: pointer;
}

#header .subSection #estateSearchHead p {
    height: 26px;
    margin: 0;
    padding: 11px 0 0 20px;
    border-left: 1px solid #fff;
    background: url(/ui/utility/common/svg/iconAP_toggle_down_brown.svg);
    background-position: right 16px top 12px;
    background-repeat: no-repeat;
    background-size: 14px;
    font-size: 12px;
    color: #8a8176;
}

#header .subSection #estateSearchHead p.open {
    background: url(/ui/utility/common/svg/iconAP_toggle_up_brown.svg) no-repeat;
    background-position: right 16px top 12px;
    background-size: 14px;
}

#header .subSection #estateSearchHead ul {
    display: none;
    right: -10px;
    width: 140px;
    margin-top: 0;
    padding: 0;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 5px 7px -2px #999;
    -moz-box-shadow: 0 5px 7px -2px #999;
    box-shadow: 0 5px 7px -2px #999;
}

#header .subSection #estateSearchHead ul li {
    font-size: 107%;
}

#header .subSection #estateSearchHead ul li a {
    display: block;
    padding: 5px 15px;
    line-height: 28px;
    color: #8a8176;
    text-decoration: none;
}

#header .subSection #estateSearchHead ul li a:hover {
    background: #5B4E35;
    color: #fff;
}

#header .subSection #estateSearchHead ul li:nth-child(2) a {
    border-radius: 0 0 3px 3px;
}

/* 保存した検索条件パネル */

#searchTermsBox {
    position: absolute;
    right: 0;
    top: 100px;
    background: #fff;
    border: 1px #ccc solid;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-box-shadow: 0 0 3px 0 #d6d6d6;
    -moz-box-shadow: 0 0 3px 0 #d6d6d6;
    box-shadow: 0 0 3px 0 #d6d6d6;
    z-index: 100;
}

#searchTermsBox ul {
    background: url(/ui/utility/pc/images/png/bg_search_terms.png) no-repeat 95% top;
    margin-top: -15px;
    padding: 25px 10px 10px;
    overflow: hidden;
}

#searchTermsBox ul li {
    float: left;
    width: 260px;
    margin: 15px 8px 0;
    display: inline;
}

* html #searchTermsBox ul li {
    float: none;
    vertical-align: top;
}

#searchTermsBox ul li dl {
    margin-bottom: 10px;
}

#searchTermsBox ul li dl dt {
    clear: left;
    float: left;
    width: 6em;
    padding: 4px 5px;
    color: #a2a2a2;
}

* html #searchTermsBox ul li dl dt {
    white-space: nowrap;
}

#searchTermsBox ul li dl dd {
    margin-left: 0;
    padding: 4px 5px 4px 7em;
    border-bottom: dotted 1px #a8a6a6;
    font-weight: bold;
}

#searchTermsBox ul li .btn {
    text-align: center;
}

#searchTermsBox ul li .btn img {
    cursor: pointer;
}

/* パネルを閉じるボタン */

#searchTermsBox .closeSearchTerms {
    position: absolute;
    width: 62px;
    height: 14px;
    top: 10px;
    right: 14px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    background: url(/ui/utility/pc/images/png/bg_close_search_terms.png) no-repeat;
}

/* 未登録の状態 */

#searchTermsBox.none {
    width: 196px;
    height: 35px;
    padding: 18px 10px 12px;
    background: url(/ui/utility/pc/images/png/bg_search_terms_none.png) no-repeat;
}

#searchTermsBox.none ul {
    background: none;
    margin: 0;
    padding: 0;
}

#searchTermsBox.none ul li {
    width: 196px;
    margin: 0;
    min-height: auto;
    height: auto;
}

#searchTermsBox.none ul li p {
    text-align: center;
    font-weight: bold;
    line-height: 34px;
}

#searchTermsBox.none .closeSearchTerms {
    display: none;
}

/* //////////////////////////////////////////////////
[container]
////////////////////////////////////////////////// */

#container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

#globalHeader+#container,
#globalHeader+form+#container {
    margin: 0px auto 40px;
    padding-top: 100px;
}

.tpl_pc_saveSearch #globalHeader+#container,
.tpl_pc_saveSearch #globalHeader+form+#container {
    margin: 0px auto;
    padding-top: 100px;
}

#container:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
}

.breadcrumbs,
.breadcrumbs2 {
    margin-bottom: 8px;
    text-align: left;
    font-size: 85%;
}

.breadcrumbs2 {
    margin-top: -5px;
}

#article .breadcrumbs {
    width: 680px;
    margin-left: 0;
}

.breadcrumbs li,
.breadcrumbs2 li {
    display: inline;
    margin-right: 2px;
}

.breadcrumbs li,
.breadcrumbs2 li {
	  background: url(/ui/utility/common/svg/iconAS_arrowThin_right_gray.svg) 3px 50%/10px no-repeat;
    padding-left: 16px;
}

.breadcrumbs li:first-child,
.breadcrumbs2 li:first-child {
    background: none;
    padding-left: 0;
}

/* ▽▽▽カラム定義 !!!以下の階層ごとの指定は階層別CSSに記述すること 後に削除!!! */

#contents {
    float: left;
    width: 960px;
    text-align: left;
}

body#rail #contents,
body#list #contents,
body#detail #contents {
    clear: both;
    float: none;
    width: 960px;
}

body#inquiry #contents {
    clear: both;
    float: none;
    width: 860px;
    margin: 0 auto;
}

/* //////////////////////////////////////////////////
[お知らせ]
////////////////////////////////////////////////// */

/* システムメンテナンスのお知らせ */

#maintenance {
    border: 1px solid #dfdfdf;
    color: #666666;
    font-size: 12px;
    margin: 0 0 20px;
    padding: 7px;
    text-align: left;
}

#leftSide {
    text-align: left;
}

#rightSide {
    float: right;
    width: 300px;
    text-align: left;
}

#rightSideBnr {
    margin-bottom: 10px;
}

.bnr {
    margin: 0 0 20px 0;
    padding: 0;
}

.bnrBtom {
    margin: 20px 0;
    padding: 0;
}

/* //////////////////////////////////////////////////
[メインカラム 記事コンテンツリスト]
////////////////////////////////////////////////// */

#articleIndex {
    clear: both;
    margin: 20px 0;
}

#articleIndex h3 {
    margin-bottom: 15px;
    border-bottom: 5px #9d9177 solid;
}

#articleIndex h3 img {
    margin-bottom: -5px;
}

#articleIndex ul li {
    border-bottom: 1px #bababa dotted;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

#articleIndex ul li .image {
    float: left;
}

#articleIndex ul li .image span.eyecatch {
    border: 1px #ccc solid;
    -webkit-box-shadow: 0 0 3px 0 #e0e0e0;
    -moz-box-shadow: 0 0 3px 0 #e0e0e0;
    box-shadow: 0 0 3px 0 #e0e0e0;
    width: 60px;
    height: 60px;
    display: block;
    background: url(/ui/press/pc/images/svg/no_image.svg) no-repeat center center;
    background-size: cover;
}

#articleIndex ul li .articleInfo {
    margin-left: 70px;
}

#articleIndex ul li .articleInfo p {
    margin-bottom: 0;
    font-size: 85%;
}

#articleIndex ul li .articleInfo p strong {
    font-size: 128%;
}

#articleIndex ul li .articleInfo p .update {
    font-size: 85%;
    color: #666;
    margin-left: 5px;
}

#articleIndex ul li div.articleInfo p.category strong {
    font-size: 100%;
    margin: 0 5px 0 0;
}

#articleIndex ul li div.articleInfo p.category a {
    margin: 0 10px 0 0;
}

#articleIndex p.link,
#articleIndex .articleIndexLink {
    text-align: right;
    color: #666;
    float: right;
}

/* //////////////////////////////////////////////////
[メインカラム 関連リンク枠]
////////////////////////////////////////////////// */

#relationLinkBox {
    width: 640px;
    background: url(/ui/utility/pc/images/png/bg_mainbox_640.png) no-repeat bottom;
    margin-bottom: 20px;
    font-size: 85%;
}

#list #relationLinkBox {
    width: 740px;
    background: url(/ui/utility/pc/images/png/bg_mainbox_740.png) no-repeat bottom;
}

#detail #relationLinkBox {
    width: 700px;
    background: url(/ui/utility/pc/images/png/bg_mainbox_700.png) no-repeat bottom;
}

#relationLinkBox .wrap {
    width: 620px;
    padding: 10px;
    overflow: hidden;
}

#list #relationLinkBox .wrap {
    width: 720px;
}

#detail #relationLinkBox .wrap {
    width: 680px;
}

#relationLinkBox h3 {
    background: url(/ui/utility/pc/images/png/tit_relationLink_right.png) no-repeat right top;
    height: 36px;
    position: relative;
}

#relationLinkBox.sideBox h3 img {
    margin: 0;
    padding: 0;
    position: absolute;
}

#relationLinkBox .wrap h4 {
    margin-bottom: 5px;
}

#relationLinkBox .wrap ul {
    width: 620px;
    margin-bottom: 10px;
    overflow: hidden;
}

#relationLinkBox .wrap ul li {
    float: left;
    width: 102px;
    margin-right: 10px;
    margin-bottom: 5px;
}

#relationLinkBox .wrap ul li a {
    background: url(/ui/utility/pc/images/png/arrow01.png) no-repeat left 1px;
    margin-bottom: 2px;
    padding-left: 12px;
}

#relationLinkBox .btn {
    text-align: right;
}

/* //////////////////////////////////////////////////
[メインカラム 関連リンク枠]
////////////////////////////////////////////////// */
/* 物件一覧 下　他情報リンク枠 / エリア・駅から探す（width:740px）*/
/* flame design */
.infoLink {
    margin-bottom: 20px;
    font-size: 12px;
}

.infoLink .inner {
    padding: 8px;
    background: #f5f5f5;
}

.infoLink .block {
    margin-bottom: 8px;
    padding: 10px 10px 0;
    background: #fff;
    box-shadow: 0 0 3px #ccc;
}

.infoLink .block:last-of-type {
    margin-bottom: 0px;
}

.infoLink .heading-lv4 .heading-lv4__text-bold {
    font-weight: bold;
    font-size: 15px;
}

.infoLink .heading-lv2>span {
    font-size: 15px;
}

.infoLink .linkList {
    padding: 0 14px;
    overflow: hidden;
}

.infoLink .linkList li {
    float: left;
    width: 19%;
    margin: 0 1% 10px 0;
    box-sizing: border-box;
    font-size: 13px;
}

.infoLink .linkList li span {
    font-size: 11px;
}

.tabletUser .infoLink .linkList li {
    width: 23%;
    margin: 0 2% 20px 0;
    font-size: 16px;
}

.infoLink .is-none {
    color: #bbb;
}

/* 周辺の駅・市区郡 */
.relatedNeighbor {
    padding: 2px 20px 6px;
}

.relatedNeighbor dl {
    margin: 0 0 0 0;
    padding: 5px 0;
    border-top: 1px dotted #ccc;
    overflow: hidden;
    zoom: 1;
}

.relatedNeighbor dl:first-of-type {
    border-top: 0;
}

.relatedNeighbor dt {
    float: left;
    width: 140px;
    font-weight: bold;
}

.relatedNeighbor dd {
    float: left;
}

.relatedNeighbor dd a {
    display: inline;
}

.relatedNeighbor dd:after {
    float: right;
    content: "";
    width: 20px;
    height: 3px;
    margin: 8px 8px 0 8px;
    background: #d5dfea;
}

.relatedNeighbor dd:last-child:after {
    content: none;
}

/* pref下（width:960px）*/
/* 路線・エリアから探す */
.linkList {
    padding: 0 10px;
    overflow: hidden;
}

.linkList ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 10px;
}

.linkList li {
    width: 25%;
    line-height: 2;
    font-size: 13px;
}

.linkList li span {
    font-size: 11px;
}

.tabletUser .linkList li {
    width: 23%;
    margin: 0 2% 20px 0;
    font-size: 16px;
}

/* 駅から探す */
.infoLink-list {
    margin-bottom: 10px;
}

.infoLink-list .heading-lv2 span {
    font-size: 22px;
}

.linkLineList ul {
    overflow: hidden;
    padding: 0px 10px 10px;
    box-sizing: border-box;
}

.linkLineList li {
    position: relative;
    background: none;
    float: left;
    margin: 0 30px 8px 0;
    text-align: left;
    font-size: 13px;
}

.linkLineList li::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 3px;
    background: #ccc;
    top: 7px;
    right: -25px;
}

.linkLineList li:last-child::after {
    content: none;
}

/* 他の路線 未実装*/
.otherLineList ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.otherLineList li {
    flex-basis: 18%;
    flex-grow: 0;
    margin-bottom: 6px;
}

.otherLineList a {
    font-size: 13px;
}

/* //////////////////////////////////////////////////
[サイド コンテンツ枠]
////////////////////////////////////////////////// */

.sideContentsBox {
    margin-bottom: 10px;
    font-size: 85%;
}

.sideContentsBox .inner {
    margin-top: -5px;
    padding: 8px 8px 0 8px;
    background: #eee;
    border: 1px #666666 solid;
    border-top: none;
    overflow: hidden;
}

.sideContentsBox .inner .box {
    margin: 0 0 10px 0;
    padding: 10px;
    background: #fff;
    border-top: 1px #e7e7e7 solid;
    border-left: 1px #e7e7e7 solid;
    border-right: 1px #e7e7e7 solid;
    border-bottom: 1px #bebebe solid;
    box-shadow: 0 0 3px 0 #d6d6d6;
    overflow: hidden;
}

.sideContentsBox .inner .box h4 {
    margin-bottom: 5px;
    padding-bottom: 8px;
    font-size: 114%;
    border-bottom: 1px #5c5c5c solid;
}

.sideContentsBox .attention {
    font-size: 85%;
}

.sideContentsBox .btn {
    text-align: center;
    margin-bottom: 5px;
}

/* 前回検索した条件で再検索 */

#recommend.sideContentsBox .inner {
    background: #e5dfd1;
}

/* //////////////////////////////////////////////////
[サイド レコメンド物件枠]
////////////////////////////////////////////////// */

.sideEstateBox {
    margin-bottom: 10px;
    padding: 10px;
    font-size: 85%;
    background: #efefef;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.sideEstateBox .box {
    margin: 0;
    padding: 10px;
    background: #fff;
    border-top: 1px #e7e7e7 solid;
    border-left: 1px #e7e7e7 solid;
    border-right: 1px #e7e7e7 solid;
    border-bottom: 1px #bebebe solid;
    -webkit-box-shadow: 0 0 3px 0 #d6d6d6;
    -moz-box-shadow: 0 0 3px 0 #d6d6d6;
    box-shadow: 0 0 3px 0 #d6d6d6;
    overflow: hidden;
    zoom: 1;
}

.sideEstateBox .box h2,
.sideEstateBox .box h4 {
    background: url(/ui/utility/common/svg/iconF_history_black.svg) 2px 2px / 22px no-repeat;
    margin-top: -2px;
    padding: 5px 0 8px 34px;
    font-size: 128%;
    border-bottom: 1px #000 solid;
    line-height: 1.2;
    margin-bottom: 10px;
}

.sideEstateBox .box ul li {
    clear: both;
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #E3EFFF;
    overflow: hidden;
    zoom: 1;
}

.sideEstateBox .box ul li .images {
    float: left;
    width: 60px;
    height: 60px;
    margin-right: 10px;
    margin-bottom: 0;
    border: 1px #ccc solid;
}

#updateInfo .box ul li img {
    float: left;
    height: 32px;
    margin: 0 5px 0 0;
}

.sideEstateBox .box ul li .estateInfo {
    float: left;
    width: 185px;
}

.sideEstateBox .box ul li .estateInfo .name {
    margin-bottom: 0;
}

.sideEstateBox .box ul li .estateInfo .spec li {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 1.3;
}

.sideEstateBox .btn {
    text-align: center;
    margin-bottom: 5px;
}

/* //////////////////////////////////////////////////
[サイド 関連サービス枠]
////////////////////////////////////////////////// */
/* 汎用ボックス設定 */

.ui-right-sideBox {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.ui-right-sideBox .ui-right-sideBox-title {
    background: #f1f1f1;
    font-size: 16px;
    padding: 6px 10px 2px;
    border-radius: 5px 5px 0 0;
}

.ui-right-sideBox img {
    border: solid 1px #ccc;
}

.sideBox .inner {
    padding: 8px;
    font-size: 12px;
    background: none;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

.sideBox ul li {
    clear: both;
    width: 282px;
    border-bottom: 1px #bababa dotted;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

.sideBox ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.sideBox li .image {
    display: block;
    float: left;
    margin-right: 15px;
}

.sideBox ul li p {
    margin-bottom: 0.2em;
    overflow: hidden;
}

/* //////////////////////////////////////////////////
[サイド 検索履歴枠]
////////////////////////////////////////////////// */

#recommend #lastSearch div.cond {
    margin-bottom: 10px;
}

#recommend #lastSearch div.cond p {
    border-bottom: 1px dotted #A8A6A6;
    font-weight: bold;
    margin-left: 0;
    padding: 0 5px 5px;
}

#recommend #lastSearch div.cond p strong {
    font-weight: normal;
    color: #A2A2A2;
}

/* //////////////////////////////////////////////////
[Global footer]
////////////////////////////////////////////////// */

#globalFooter {
    width: 100%;
    font-size: 85%;
    margin-top: 40px;
}

#globalFooter #gblFooterContent {
    margin: 0;
    overflow: hidden;
    border-top: solid 2px #eee;
}

#globalFooter.fShort #gblFooterContent {
    border-top: none;
}

#globalFooter.fShort {
    bottom: 0;
}

/* --gbl footer upper-- */

#globalFooter #gblFooterContent .gblSiteAbout {
    clear: both;
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    padding: 10px 0px;
    display: table;
}

/* gbl footer description */

.gblfDescription {
    width: 800px;
    height: auto;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.gblfDescription p {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.7;
}

/* --gbl footer middle-- */

/*  gbl campagin bnr  */

.gblfCpn {
    padding: 10px 0 20px;
    display: none;
}

.gblfCpn a {
    width: 860px;
    margin: 0 auto;
    display: block;
}

.gblfCpn span {
    background: url(/ui/others/pc/images/campaign/seiyaku/seiyaku_860_100_ptnA.jpg) no-repeat;
    height: 100px;
    width: 860px;
    display: block;
    margin: 0 auto;
}

/*  footerColumn  */

#gblfColumnWrap {
    width: 100%;
    background: #f5f5f5;
}

.gblfColumn {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 16px 0;
}

.gblfColumn h2 {
    border-bottom: solid 1px #ccc;
    text-align: left;
    margin-bottom: 10px;
    line-height: 1.2;
    padding-bottom: 10px;
}

/* gbl footer column */

.gblfColumn01,
.gblfColumn02,
.gblfColumn03 {
    float: left;
    display: inline;
    margin: 0;
    border: solid 1px #ccc;
    border-radius: 5px;
}

.gblfColumn01 {
    width: 488px;
    padding: 15px;
    margin-right: 40px;
}

.gblfColumn02 {
    margin: 0;
    padding: 15px;
}

.gblfColumn03 {
    margin-top: 8px;
    background-color: #fff;
    border: none;
    width: 344px;
    padding: 10px 18px;
}

.gblfColumn01 a,
.gblfColumn02 a {
    text-decoration: none;
    color: #392f21;
}

/* gblfColumn01 */

.gblfColumn01 #gblfSelectArea ul li {
    padding-left: 5px;
    color: #989898;
}

.gblfColumn01 #gblfSelectArea ul li:nth-child(2) {
    background: none;
    padding-left: 0;
}

.gblfColumn01 #gblfSelectArea ul li.first {
    background: none;
    padding-left: 0;
}

.gblfColumn01 #gblfSelectArea ul li.titArea {
    background: none;
    color: #392F21;
}

.gblfColumn01 #gblfSelectArea ul li,
.gblfColumn01 #gblfSelectArea ul li.titArea {
    line-height: 1.7;
    float: left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 5px;
}

.gblfColumn01 #gblfSelectArea ul {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: left;
    margin-bottom: 5px;
}

.gblfColumn01 #gblfSelectArea ul li.titArea,
.gblfColumn01 #gblfSelectArea ul li.titOp {
    margin: 0;
    padding: 0 10px 0 0;
    font-weight: bold;
    width: 38px;
    text-align: left;
}

.gblfColumn01 #gblfSelectArea ul li.titArln {
    min-height: 35px;
}

.gblfColumn01 #gblfSelectArea ul li span.linkrot {
    color: #A89F92;
}

/* gblfColumn02 */

.gblfColumn02 {
    text-align: left;
    display: table;
}

.gblfColumn02Left,
.gblfColumn02Right_01,
.gblfColumn02Right_02 {
    width: 164px;
}

.gblfColumn02Right_02 {
    margin-top: 31px;
}

.gblfColumn02Left {
    padding-right: 40px;
    display: table-cell;
}

.gblfColumn02 ul li {
    line-height: 2;
    display: inline-block;
    width: 164px;
}

/* fMedium */

#globalFooter.fMedium .gblfColumn02 {
    padding: 15px 20px;
}

#globalFooter.fMedium .gblfColumn02Left {
    width: 604px;
    padding-right: 75px;
}

#globalFooter.fMedium .gblfColumn02Right_01 {
    width: 240px;
}

#globalFooter.fMedium .gblfColumn02 ul li {
    line-height: 2;
    display: inline-block;
    width: 115px;
}

/*  gblfColumn short footer ver  */

#globalFooter.short .gblfColumn02 {
    margin-right: 20px;
    padding: 0;
    border: none;
}

#globalFooter.short .gblfColumn h2 {
    padding-bottom: 6px;
    margin-bottom: 6px;
}

#globalFooter.short .gblfColumn02Left {
    width: 600px;
    padding-right: 10px;
    border: none;
}

#globalFooter.short .gblfColumn02Left ul li {
    display: inline-block;
    padding-right: 2px;
}

#globalFooter.short .gblfColumn02Left ul li:last-child {
    padding-right: 0;
}

#globalFooter.short .gblfColumn02Right {
    width: 348px;
}

#globalFooter.short .gblfColumn02Right ul li {
    display: inline-block;
    width: 170px;
}

#globalFooter.short .gblfColumn03 {
    width: 330px;
    padding: 16px 0;
    margin: 0;
}

#globalFooter.short .gblfColumn03 ul li {
    margin-right: 3px;
}

/* --gbl footer bottom-- */

#gblfCorpWrap {
    background: #333;
}

#gblfCorp {
    color: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 960px;
    height: 60px;
}

.corpLeft {
    text-align: left;
}

.corpLeft .corpLogo {
    color: #edeae4;
    margin-bottom: 4px;
}

.corpLeft .corpLogo img {
    margin-right: 20px;
}

.corpLeft .corpCopy {
    margin-bottom: 0;
    font-size: 78%;
}

.corpLeft .corpCopy a {
    color: #fff;
}

.corpRight ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.corpRight ul li {
    margin-left: 25px;
}

.corpRight ul li a {
    color: #fff;
}

.corpRight .copyright {
    float: right;
    font-size: 85%;
    color: #5f554b;
    line-height: 1.6;
    margin-bottom: 0;
    letter-spacing: -0.02em;
}

.corpRight .copyright a {
    color: #5f554b;
}

.google_conversion_frame {}

/* /New Global footer end*/

/* //////////////////////////////////////////////////
[街コンテンツ]
////////////////////////////////////////////////// */

#townBox {
    margin: 30px 0;
    padding: 0;
    overflow: hidden;
    zoom: 1;
}

#top #townBox {
    margin: 0px 0px 30px 0px;
}

#townBox .townDetail {
    margin: 0;
    padding: 0;
}

#townBox .townDetai p {
    float: left;
    margin: 0;
    padding: 0;
}

#townBox .townDetail p.townImage {
    margin: 0 10px 0 0;
    width: 150px;
    height: 123px;
    float: left;
}

#townBox .townDetail p.townTxt {
    margin: 0;
    width: 480px;
    float: right;
}

#townBox .townDetai p.subLink {
    margin: 0;
    text-align: right;
}

/* グループサイトリンク */

.footerNavi-new {
    margin: 5px auto 10px;
    padding-bottom: 10px;
    width: 960px;
}

.footerNavi-new ul {
    padding: 10px 0px 0 0;
    margin: 0px;
    font-size: 85%;
    color: #818181;
    line-height: 140%;
    text-align: left;
}

.footerNavi-new ul li.theme {
    font-weight: bold;
    color: #484848;
    padding-right: 15px;
}

.footerNavi-new ul li {
    display: inline;
    color: #888888;
}

.footerNavi-new ul li a,
.footerNavi-new ul li a:link,
.footerNavi-new ul li a:visited {
    color: #888888;
    text-decoration: none;
}

.footerNavi-new ul li.theme a,
.footerNavi-new ul li.theme a:link,
.footerNavi-new ul li.theme a:visited {
    color: #484848;
    text-decoration: none;
}

.footerNavi-new ul li a:hover {
    color: #1F7AEE;
    text-decoration: none;
}

.footerNavi-new ul li.theme a:hover {
    color: #1F7AEE;
    text-decoration: none;
}

/*スマフォでアクセスした際に表示*/

#smartphone {
    width: 100%;
    background-color: #cdcdcd;
    padding: 0;
    margin: 0;
}

#smartphone a {
    text-align: center;
    padding: 15px;
    display: block;
}

/* 年末年始のお知らせ */

#holidayClsNtc {
    margin: 0;
    background-color: #FFFAC0;
}

#holidayClsNtc a {
    text-align: center;
    display: block;
    width: 100%;
    line-height: 30px;
}

#holidayClsNtc a:hover,
#holidayClsNtc a:visited {
    color: #1F7AEE;
}

#holidayClsNtc a span {
    width: 420px;
    padding-left: 28px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 13px;
    white-space: nowrap;
    position: relative;
    height: 25px;
}

#holidayClsNtc a span:before {
    content: '';
    background: url(/ui/utility/common/svg/iconI_caution_outlined_brown.svg) 3px 5px / 20px no-repeat;
    position: absolute;
    top: -6px;
    left: 0;
    height: 28px;
    width: 24px;
    display: inline-block;
}

/* //////////////////////////////////////////////////
モーダル用記述
////////////////////////////////////////////////// */

.colorbox-innner {
    position: relative;
    padding: 5px;
}

.modleClose {
    position: absolute;
    top: -5px;
    right: -15px;
    background: url(/js/libs/jquery/1.4.4/plugin/colorbox/images/btn_close.png) no-repeat 0 0;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    border: none;
}

.modleClose:hover {
    background-position: 0 -45px;
}

.modleFream {
    margin-top: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* //////////////////////////////////////////////////
最近検索した条件から物件を探す
////////////////////////////////////////////////// */

#modal-wrapper {
    width: 100%;
    text-align: left;
    display: none;
}

#modal-wrapper .searchArrow-modleInner {
    width: 850px;
    margin: 20px;
}

#modal-wrapper .searchArrow-modleInner .searchArrow-modlelTitle {
    border-left: #fc0 3px solid;
    margin-bottom: 15px;
    padding: 3px 0 3px 8px;
    font-size: 16px;
    font-weight: bold;
}

#modal-wrapper .searchArrow-modleInner dl.seachBox {
    width: 100%;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

#modal-wrapper .searchArrow-modleInner dl.seachBox dt {
    background-color: #f9f9f9;
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: bold;
}

#modal-wrapper .searchArrow-modleInner dl.seachBox dt span {
    text-align: right;
    padding: 1px 10px;
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    float: right;
    font-size: 13px;
    font-weight: normal;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#modal-wrapper .searchArrow-modleInner dl.seachBox dd {
    padding: 10px 20px;
}

#modal-wrapper .searchArrow-modleInner dl.seachBox dd p.text {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 10px;
}

#modal-wrapper .searchArrow-modleInner dl.seachBox dd span.name {
    font-weight: bold;
}

#modal-wrapper .searchArrow-modleInner .ui-btn-doubleLayout-wrapper {
    font-size: 14px;
}

#modal-wrapper .searchArrow-modleInner .searchArrow-mail {
    background: url(/ui/utility/common/svg/iconI_newsmail.svg)0 5px/23px no-repeat;
    padding: 5px 35px
}

#modal-wrapper .searchArrow-modleInner .searchArrow-search {
    background: url(/ui/utility/common/svg/iconI_search_white.svg) no-repeat 0 5px/26px;
    padding: 5px 35px
}

/* 吹き出しコンテンツ */

#modal-wrapper .searchArrowFlow {
    position: relative;
    background: #fff4e5;
    border: 5px solid #ffc371;
    width: 850px;
    margin: 0 auto 20px auto;
    box-sizing: border-box;
    padding: 15px 20px;
}

#modal-wrapper .searchArrowFlow:after,
.searchArrowFlow:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#modal-wrapper .searchArrowFlow:after {
    right: 227px;
    border-color: rgba(255, 244, 229, 0);
    border-bottom-color: #fff4e5;
    border-width: 14px;
    margin-left: -14px;
}

#modal-wrapper .searchArrowFlow:before {
    right: 220px;
    border-color: rgba(255, 195, 113, 0);
    border-bottom-color: #ffc371;
    border-width: 21px;
    margin-left: -21px;
}

#modal-wrapper .searchArrowFlow .searchArrow-comment {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: bold;
}

#modal-wrapper .searchArrowFlow ul.stepFlow {
    margin-top: 10px;
    width: 800px;
    height: 132px;
    letter-spacing: -.40em;
    font-size: 13px;
}

#modal-wrapper .searchArrowFlow ul.stepFlow li {
    display: inline-block;
    width: 266px;
    letter-spacing: normal;
    text-align: center;
    margin-top: 110px;
    background: none;
}

#modal-wrapper .searchArrowFlow .stepFlowNotes {
    margin: 10px 0 0;
    font-size: 11px;
}

/* //////////////////////////////////////////////////
ページトップスクロール
////////////////////////////////////////////////// */

#scrollTop {
    display: none;
    position: fixed;
    bottom: 6px;
    width: 86px;
    margin-left: 970px;
    z-index: 910;
    border-radius: 5px;
    background: #999;
    cursor: pointer;
}

#scrollTop:hover {
    background: #aaa;
}

#scrollTop #topTriangle {
    width: 0px;
    height: 0px;
    border-top: solid 0px transparent;
    border-right: solid 16px transparent;
    border-bottom: solid 20px #fff;
    border-left: solid 16px transparent;
    position: absolute;
    top: 10px;
    left: 27px;
}

#scrollTop a.sss {
    display: block;
    width: 72px;
    height: 48px;
    padding: 3px 7px;
    text-align: center;
}

#scrollTop a #topText {
    display: block;
    width: 86px;
    margin-top: 4px;
    font-size: 9px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    position: absolute;
    bottom: 5px;
    left: 0;
}

/* //////////////////////////////////////////////////
広告タグ
////////////////////////////////////////////////// */

iframe[name="google_conversion_frame"] {
    display: none;
}

/* //////////////////////////////////////////////////
[他情報リンク枠]
////////////////////////////////////////////////// */

.infoBlock {
    margin-bottom: 20px;
    border: 2px solid #e7e7e7;
    border-radius: 5px;
    font-size: 13px;
    overflow: hidden;
}

.infoBlock h2 {
    padding: 6px 10px;
    background: #eee;
    font-size: 15px;
}

.infoBlock h3 {
    font-size: 14px;
}

.infoBlock ul {
    padding: 10px 20px 4px;
    overflow: hidden;
}

.infoBlock li {
    float: left;
    width: 128px;
    margin-bottom: 5px;
    margin-right: 10px;
}

/* ○○の町から探す */

#sameTownInfo h3 {
    margin: 0px 20px 0px;
}

#sameTownInfo h3:first-of-type {
    margin-top: 10px;
}

#sameTownInfo.infoBlock ul {
    margin-bottom: 6px;
    padding: 2px 20px 0px;
    border-bottom: 1px dotted #ccc;
}

#sameTownInfo.infoBlock ul:last-of-type {
    margin-bottom: 0;
    border-bottom: 0;
}

/* 旧パーツ用CSS */
#serviceBox h2,
#serviceBox h3 {
    background: url(/images/utility/contents/tit_service_right.png) no-repeat right top;
    height: 36px;
    position: relative;
}

#serviceBox.sideBox h3 img {
    margin: 0;
    padding: 0;
    position: absolute;
}

#serviceBox ul li {
    clear: both;
    width: 282px;
    border-bottom: 1px #bababa dotted;
    margin-bottom: 5px;
    padding-bottom: 5px;
    overflow: hidden;
}

#serviceBox ul li.last {
    border-bottom: none;
    margin-bottom: 0;
}

#serviceBox ul li .image {
    display: block;
    float: left;
    margin-right: 15px;
}

#serviceBox ul li .image img {
    border: solid 1px #ccc;
    -webkit-box-shadow: 0 0 3px 0 #e0e0e0;
    -moz-box-shadow: 0 0 3px 0 #e0e0e0;
    box-shadow: 0 0 3px 0 #e0e0e0;
}

#serviceBox ul li p {
    margin-bottom: 0.2em;
    overflow: hidden;
}

/* 汎用ボックス設定 */
.sideBox {
    margin-bottom: 10px;
}

.ui-right-sideBox.sideBox .inner {
    border: none;
}

.sideBox .inner {
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 0 0 5px 5px;
    border-top: none;
}

/* //////////////////////////////////////////////////
ネットワーク広告タグ位置調整
////////////////////////////////////////////////// */
#div-gpt-ad-rightside_top {
    margin-bottom: 15px;
}

#div-gpt-ad-rightside_under {
    margin-top: 15px;
}

#div-gpt-ad-rightside_under:first-child {
    margin-top: 0px;
}

#div-gpt-ad-leftside_top {
    margin-bottom: 15px;
}

#div-gpt-ad-leftside_under {
    margin-top: 15px;
}

#div-gpt-ad-leftside_under:first-child {
    margin-top: 0;
}

.div-gpt-ad-under_wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

#div-gpt-ad-under_left,
#div-gpt-ad-under_right {
    padding: 15px;
}

#div-gpt-ad-footer {
    margin: 10px auto 20px;
}

/* //////////////////////////////////////////////////
[新着アラート]
////////////////////////////////////////////////// */
#newAlert-fade.balloonAlert.new-alert .arrow_box {
    background: #fffCE8;
    border: 2px solid #7E6A50;
}

#newAlert-fade.balloonAlert.new-alert .arrow_box .btn-close {
    background-image: url(/ui/utility/common/svg/iconI_close_black.svg);
    opacity: .7;
}

#newAlert-fade.balloonAlert.new-alert .arrow_box:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -10px;
    border: 9px solid transparent;
    border-bottom: 9px solid #fffCE8;
    z-index: 2;
}

#newAlert-fade.balloonAlert.new-alert .arrow_box:after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -11px;
    border: 10px solid transparent;
    border-bottom: 10px solid #7E6A50;
    z-index: 1;
    opacity: 1;
}

#newAlert-fade.balloonAlert.new-alert .arrow_box .number {
    color: #333;
}

#newAlert-fade.balloonAlert.new-alert .arrow_box .number .is-bold {
    color: #ff9300
}

#newAlert-fade.balloonAlert.new-alert.fixed {
    width: 266px;
    margin-left: 714px;
    position: fixed;
    z-index: 1000;
    top: 110px;
}

#newAlert-fade.balloonAlert.new-alert.fixed a {
    text-decoration: none;
    color: #333;
    display: block;
}

#newAlert-fade.balloonAlert.new-alert .icon-notice {
    background: url(/ui/utility/common/svg/iconI_notice_orange_thin.svg) left 0/18px no-repeat;
    padding-left: 3px;
    display: block;
    width: 185px;
    margin-left: 30px;
}