@charset "utf-8";

/* = 配色
----------------------------------------------- */
body {
    color: #000;
    background-color: #f7fafa;
}

/* = フォント設定
----------------------------------------------- */
body {
    font-size: 13px;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.sec-header,
.sec-footer,
.sec-extraContents,
.mod-breadcrumb {
    font-family: sans-serif;
}
select, input, button, textarea {
    font-size: 99%;
}

/* = リンク設定
----------------------------------------------- */
a:link    { color: #003af6; }
a:visited { color: #800080; }
a:hover   { color: #ed4b03; }
a:active  { color: #ed4b03; }

a img { border-style: solid; }
a:link img    { border-color: #003af6; }
a:visited img { border-color: #800080; }
a:hover img   { border-color: #ed4b03; }
a:active img  { border-color: #ed4b03; }



/* ========== レイアウト ========== */



/* = 基本レイアウト
----------------------------------------------- */
.sec-mainContents {
    width: 940px;
    margin: 0 auto;
    padding: 0 10px;
}
.sec-extraContents {
    min-width: 940px;
    padding: 10px 0 20px;
    background-color: #fff;
}
.sec-extraContents .sectionInner {
    width: 940px;
    margin: 0 auto;
}
.sec-wrap .sec-main {
    float: left;
    width: 700px;
}
.sec-mainContentsWide .sec-main {
    margin-bottom: 20px;
}
.sec-wrap .sec-sub {
    float: right;
    width: 220px;
}

/* clearFix */
.sec-mainContents:after,
.sec-extraContents:after,
.sec-wrap:after,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}



/* ========== サイト共通UI ========== */



/* = ui-frame-base
----------------------------------------------- */
.ui-frame-base {
    border: 1px solid #bdc8ca;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #e8ebeb;
    background-color: #fff;
    background-clip: padding-box;
}

/* = ui-frame-inset-base
----------------------------------------------- */
.ui-frame-inset-base {
    border: 1px solid #d4e6ea;
    border-radius: 5px;
    background-color: #eff5f5;
    box-shadow: inset 0 0 5px 0 rgba(124, 138, 142, 0.14);
    background-clip: padding-box;
}

/* = ui-frame-orange-bar
----------------------------------------------- */
.ui-frame-orange-bar {
    border: 1px solid #bdc8ca;
    border-top: 6px solid transparent;
    border-radius: 5px;
    background-color: #fff;
    background-image: linear-gradient(to bottom, #f1711a 1px, #ff8a00 2px, #ed6103 6px);
    background-repeat: repeat-x;
    background-position: 0 -6px;
    background-size: auto 6px;
    box-shadow: 0 1px 4px 0 rgba(122, 122, 122, 0.13);
}
.ie .ui-frame-orange-bar {
    border-top-color: #ed6103;
}



/* ========== サイト共通モジュール ========== */



/* = mod-alertMsgBox
-----------------------------------------------
 * 注意喚起
----------------------------------------------- */
.mod-alertMsgBox {
    position: absolute;
    left: 0;
    right: 0;
    padding: 10px;
    color: #fff;
    background-color: #434343;
    font-size: 16px;
    z-index: 2000;
}
.mod-alertMsgBox p {
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
}

/* = mod-breadcrumb
-----------------------------------------------
 * パンくず
----------------------------------------------- */
.mod-breadcrumb {
    margin-bottom: 12px;
    padding: 0;
    line-height: 1.5;
    font-size: 84.6%; /* 11px; */
}
.sec-mainContentsWide .mod-breadcrumb {
    width: 940px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.mod-breadcrumb li {
    display: inline-block;
    vertical-align: middle;
}
.mod-breadcrumb li + li:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 13px;
    margin: 0 3px;
    background: url(../../img/default/common/icon/breadcrumbs_arrow.png) no-repeat 50% 0;
    vertical-align: middle;
    white-space: nowrap;
    text-indent: 100%;
    overflow: hidden;
}



/* = ヘッダー
-----------------------------------------------
 * sec-header
 *   mod-primaryHeading
 *   mod-global
 *   mod-service
----------------------------------------------- */

/* = ヘッダー領域
----------------------------------------------- */
.sec-header {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 32px;
    min-width: 940px;
    border-bottom: 1px solid #e7efef;
}

/* = mod-pageTitle
-----------------------------------------------
 * pageTitle
----------------------------------------------- */
.mod-pageTitle {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 940px;
    margin-left: -470px;
    line-height: 30px;
    color: #8199a2;
    font-size: 84.6%; /* 11px */
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* = mod-global
-----------------------------------------------
 * 固定ヘッダー
----------------------------------------------- */
.mod-global {}
.mod-global.fixed {
    height: 32px;
}
.mod-global .homesBar {
    position: relative;
    width: 100%;
    height: 28px;
    min-width: 940px;
    margin-bottom: -4px;
    padding-bottom: 4px;
    background-color: #ed6103;
    z-index: 50;
}
.mod-global.fixed .homesBar {
    position: fixed;
    top: 0;
    left: 0;
    box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);
}
.mod-global .homesBar .logo {
    float: left;
}
.mod-global .homesBar .message {
    position: absolute;
    top: 8px;
    left: 104px;
    font-size: 84.6%; /* 11px */
}
.mod-global .homesBar .message .copy {
    color: #fff;
    line-height: 16px;
}
.mod-global .homesBar .message .copy a {
    color: #fff;
    text-decoration: none;
}
.mod-global .homesBar .message .copy a:hover {
    color: #ffe680
}
.mod-global .homesBar .nav-function {
    float: right;
    position: relative;
    padding-right: 15px;
    z-index: 1;
}
.mod-global .homesBar .nav > li {
    float: left;
    font-size: 84.6%; /* 11px */
}
.mod-global .homesBar .logo a,
.mod-global .homesBar .nav > li > a {
    color: #fff;text-decoration: none;
}
.mod-global .homesBar .logo a:hover,
.mod-global .homesBar .nav > li > a:hover {
    color: #ffe680;
}

.mod-global .homesBar .logo a,
.mod-global .homesBar .active {
    display: block;
    margin-right: 18px;
    line-height: 32px;
}
.mod-global .homesBar .logo a {
    padding: 2px 0 0 3px;
    line-height: 1.0;
}

/* clearFix */
.mod-global .homesBar:after,
.mod-global .globalInfo:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

/* = mod-service
-----------------------------------------------
 * LIFULL HOME'S 検索サービス群
----------------------------------------------- */
.mod-service  {
    position: relative;
    padding-right: 215px;
    border-bottom: 1px solid #e7efef;
    background-color: #fff;
    min-height: 80px;
    padding-bottom: 10px;
}
.mod-service .logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px 0 0;
}
/* serviceIdentity */
.mod-service .serviceIdentity {
    position: relative;
    min-height: 80px;
    padding-left: 190px;
}
.mod-service .serviceIdentity .logo {
    padding: 24px 0 0;
}
.mod-service .serviceIdentity .nav-category {
    padding-top: 17px;
}
.mod-service .serviceIdentity .nav-category dl {
    float: left;
    padding-top: 19px;
}
.mod-service .serviceIdentity .nav-category dl + dl {
    margin-left: 8px;
}
.mod-service .serviceIdentity .nav-category dt {
    height: 12px;
    margin: -18px 0 6px 0;
    font-size: 84.6%; /* 11px */
    white-space: nowrap;
    color: #747474;
}
/* マンション・戸建て（リンクあり） */
.mod-service .serviceIdentity .nav-category dt a {
    width: 94px;
    color: #747474;
    text-decoration: none;
}
.mod-service .serviceIdentity .nav-category dt a:hover {
    color: #ed6103;
}
.mod-service .serviceIdentity .nav-category dd {
    float: left;
}
.mod-service .serviceIdentity .nav-category dd a {
    position: relative;
    display: table-cell;
    width: 46px;
    height: 44px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
}
.mod-service .serviceIdentity .nav-category dd.shinchiku a,
.mod-service .serviceIdentity .nav-category dd.tochi-button a {
    border-right: none;
    border-radius: 4px 0 0 4px;
}
.mod-service .serviceIdentity .nav-category dd.chuko a,
.mod-service .serviceIdentity .nav-category dd.iezukuri-button a {
    border-radius: 0 4px 4px 0;
}
.mod-service .serviceIdentity .nav-category dd a:hover {
    background-color: #ededed;
    z-index: 1;
}

/* clearFix */
.mod-service .serviceIdentity .nav-category:after,
.mod-service .serviceIdentity .nav-category dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}


/* = フッター
-----------------------------------------------
 * sec-footer
 *   mod-pageTop
 *   mod-footer
 *     footerInn
 *       nav-utility
 *       companyIdentity
----------------------------------------------- */

/* = mod-pageTop
-----------------------------------------------
 * ページ上部へ戻るボタン
----------------------------------------------- */
.mod-pageTop p {
    width: 940px;
    margin: 0 auto;
}
.mod-pageTop p a {
    position: fixed;
    margin-left: 950px;
    bottom: 80px;
    outline: none;
}

/* = mod-footer
----------------------------------------------- */
.mod-footer {
    min-width: 940px;
    background-color: #ed6103;
}

/* footerInn */
.mod-footer .footerInn {
    width: 940px;
    min-height: 90px;
    margin: 0 auto;
    padding-top: 18px;
    position: relative;
}

/* nav-utility
 * ユーティリティナビゲーション */
.mod-footer .nav-utility {
    margin-left: 205px;
    margin-bottom: 15px;
}
.mod-footer .nav-utility ul {
    clear: both;
    float: right;
    padding: 5px 0;
}
.mod-footer .nav-utility li {
    float: left;
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px solid #fff;
}
.mod-footer .nav-utility li:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none;
}
.mod-footer .nav-utility li a {
    color: #fff;
    text-decoration: none;
}
.mod-footer .nav-utility li a:hover {
    color: #ffe680;;
}

/* companyIdentity
 * 運営会社明示 */
.mod-footer .companyIdentity {
    clear: both;
    padding-bottom: 40px;
}
.mod-footer .companyIdentity .logo {
    position: absolute;
    top: 5px;
    left: -15px;
}
.mod-footer .companyIdentity .copyright {
    color: #fff;
    font-size: 84.6%; /* 11px */
    font-family: verdana, sans-serif;
    text-align: right;
}

/* clearFix */
.mod-footer .nav-utility:after,
.mod-footer .nav-utility ul:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.ie .mod-footer .nav-utility,
.ie .mod-footer .nav-utility ul {
    zoom: 1;
}


/* = sec-extraContents
-----------------------------------------------
 * sec-extraContents
 *   mod-description
 *   mod-extraLinks
 *   mod-popularKeywordLinks
----------------------------------------------- */

/* = mod-description
----------------------------------------------- */
.mod-description {
    display: table;
    min-height: 81px;
    margin-bottom: 15px;
}
.mod-description .logo {
    display: table-cell;
    padding-right: 10px;
    vertical-align: top;
}
.mod-description .logo img {
    margin-left: -16px;
}
.mod-description .description {
    display: table-cell;
    width: 706px;
    padding-top: 10px;
    line-height: 1.6;
    font-size: 84.6%; /* 11px */
    vertical-align: top;
}

/* = mod-extraLinks
----------------------------------------------- */
.mod-extraLinks {
    margin-bottom: 20px;
}
.mod-extraLinks dl a:link {
    color: #000;
}
.mod-extraLinks dl a:visited {
    color: #6c6c6c;
}
.mod-extraLinks dl a:hover {
    color: #ed6103;
}
/* prefLinks
 * LIFULL HOME'S検索都道府県リンク */
.mod-extraLinks .prefLinks {
    float: left;
    width: 540px;
    position: relative;
    padding: 20px;
    min-height: 210px;
    border: 1px solid #dadada;
    border-radius: 5px;
    box-sizing: border-box;
}
.mod-extraLinks .prefLinks dl {
    position: relative;
    padding-left: 8.4em;
    font-size: 84.6%; /* 11px */
}
.mod-extraLinks .prefLinks dt {
    position: absolute;
    top: 0.8em;
    left: 0;
    padding-right: 8px;
    width: 8.4em;
    height: 100%;
}
.mod-extraLinks .prefLinks dd {
    float: left;
    margin-top: 0.8em;
    padding: 0 7px;
    border-right: 1px solid #000;
}
.mod-extraLinks .prefLinks dd:last-child {
    border-right: none;
}
/* categoryLinks
 * LIFULL HOME'S検索カテゴリーリンク */
.mod-extraLinks .categoryLinks {
    float: right;
    width: 380px;
    position: relative;
    padding: 20px 15px;
    min-height: 220px;
    border: 1px solid #dadada;
    border-radius: 5px;
    box-sizing: border-box;
}
/* round corner */
.mod-extraLinks .categoryLinks  [class^=rCorner] {
    display: none;
}
.mod-extraLinks .categoryLinks .category.service,
.mod-extraLinks .categoryLinks .category.bukkenType {
    margin-bottom: 20px;
}
.mod-extraLinks .categoryLinks .category dt {
    padding: 0 5px 5px;
    font-weight: bold;
}
.mod-extraLinks .categoryLinks .category dd {
    float: left;
    margin-top: 0.8em;
    padding: 0 5px;
    font-size: 84.6%; /* 11px */
    border-right: 1px solid #000;
}
.mod-extraLinks .categoryLinks .category dd:last-child {
    border-right: none;
}

/* clearFix */
.mod-extraLinks:after,
.mod-extraLinks .prefLinks dl:after,
.mod-extraLinks .categoryLinks .category dl:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.ie .mod-extraLinks,
.ie .mod-extraLinks .prefLinks dl,
.ie .mod-extraLinks .categoryLinks .category dl {
    zoom: 1;
}

/* = mod-popularKeywordLinks
-----------------------------------------------
 * LIFULL HOME'S検索人気キーワード
----------------------------------------------- */
.mod-popularKeywordLinks {
    border-top : solid 1px #DADADA;
    margin-bottom: 20px;
    padding-top: 20px;
}
.mod-popularKeywordLinks .heading {
    margin-bottom: 10px;
    font-weight: bold;
}
.mod-popularKeywordLinks li {
    display: inline;
    margin-right: 5px;
    line-height: 2;
    white-space: nowrap;
    font-size: 84.6%; /* 11px */
}
.mod-popularKeywordLinks li a:link {
    color: #000;
}
.mod-popularKeywordLinks li a:visited {
    color: #6c6c6c;
}
.mod-popularKeywordLinks li a:hover {
    color: #ed6103;
}

/* = mod-securityArea
-----------------------------------------------
 * LIFULL HOME'S ISOイメージ
----------------------------------------------- */
.mod-securityArea {
    border-top: solid 1px #dadada;
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 12px;
    overflow: hidden;
}
.mod-securityArea li {
    width: 460px;
    line-height: 1.5;
}
.mod-securityArea li dl {
    display: table;
}
.mod-securityArea li dl dt {
    display: table-cell;
    vertical-align: middle;
}
.mod-securityArea li dl dd {
    display: table-cell;
    padding-left: 15px;
    vertical-align: middle;
}



/* ========== サービス共通モジュール ========== */



/* = mod-contHeader
-----------------------------------------------
 * コンテンツヘッダー
----------------------------------------------- */
.mod-contHeader {
    font-size: 1rem;
    margin: 1em 0;
}
.sec-mainContentsWide .mod-contHeader {
    width: 940px;
    font-size: 1rem;
    margin: 1em auto;
    border: 1px solid #bdc8ca;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 #e8ebeb;
    background-color: #fff;
    box-sizing: border-box;
}
/* タイトル */
.mod-contHeader > .heading,
.mod-contHeader a .heading {
    width: 372px;
    height: 40px;
    margin: .625em;
    color: #ed6103;
    background: url(../../img/default/common/logo/service_name.png) no-repeat 0 0;
    font-size: 2em;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%;
}

/* 検索フォーム枠 */
.mod-contHeader > .searchForm {
    float: right;
    margin: -4em 21px 1em;
    font-size: .875em;
}

/* ナビゲーション */
.mod-contHeader > .navigation {
    margin: 1em 0;
    padding: 0 7px;
    font-size: .9375em;
}
.mod-contHeader > .navigation ul {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.mod-contHeader > .navigation ul li {
    display: table-cell;
    border: 1px solid #c4c4c4;
    border-width: 0 1px;
    text-align: center;
}
.mod-contHeader > .navigation ul li a {
    color: inherit;
    font-size: 14px;
    padding: .7em;
    text-decoration: none;
}
.mod-contHeader > .navigation ul li a:hover {
    color: #ed6103;
}
.mod-contHeader > .navigation ul li.current {
    position: relative;
    color: #ed6103;
    font-weight: bold;
}
.mod-contHeader > .navigation ul li.current:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1em;
    border-bottom: 2px solid;
}

/* = mod-customSearchForm
-----------------------------------------------
 * 検索フォーム
----------------------------------------------- */
.mod-customSearchForm {
    font-size: .875rem;
}
.mod-customSearchForm /*input*/.query,
.mod-customSearchForm /*input*/.submit {
    -webkit-appearance: none;
            appearance: none;
    box-sizing: border-box;
    height: 2em;
    border: 1px solid #bdc8ca;
    line-height: 2;
    font-size: 1em;
    vertical-align: text-bottom;
}
.mod-customSearchForm /*input*/.query {
    width: 14em;
    padding: 0 .5em;
    border-right-width: 0;
    border-radius: 5px 0 0 5px;
}
.mod-customSearchForm /*input*/.query::-webkit-search-decoration {
  -webkit-appearance: none;
}
.mod-customSearchForm /*input*/.submit {
    width: 32px;
    padding: 0;
    border-left-width: 0;
    border-radius: 0 5px 5px 0;
    background: #f0f0f0 url(../../img/default/common/icon/icon_search.png) no-repeat 50% 50%;
    text-indent: 200%;
    overflow: hidden;
    white-space: nowrap;
}

/* mod-pickupArticles
-----------------------------------------------
 * ピックアップ記事
----------------------------------------------- */
.mod-pickupArticles {
    font-size: 1rem;
}
.mod-pickupArticles .article {
    position: relative;
    float: left;
    margin-bottom: 1.25em;
    line-height: 1.5;
}
.mod-pickupArticles .article:nth-child(even) {
    margin-left: 1.25em;
}
.mod-pickupArticles .article:nth-child(odd) {
    clear: both;
}
.mod-pickupArticles .large .article {
    width: 319px;
    padding-top: 240px;
}
.mod-pickupArticles .small .article {
    width: 319px;
}
/* タイトル */
.mod-pickupArticles .article .title {
    margin: .5em 0;
}
.mod-pickupArticles .small .article .title {
    margin-top: 0;
}
.mod-pickupArticles .article .title:before {
    content: "Pickup!";
    display: inline-block;
    margin-right: .5em;
    padding: 0 .5em;
    line-height: 1.8;
    color: #fff;
    background-color: #ed6103;
    font-size: .625em;
    vertical-align: .25em;
    text-decoration: none;
    letter-spacing: .05em;
}
/* サムネイル */
.mod-pickupArticles .article .thumbnail {}
.mod-pickupArticles .large .article .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.mod-pickupArticles .small .article .thumbnail {
    float: left;
    max-width: 120px;
    max-height: 90px;
    margin-right: 10px;
}
.mod-pickupArticles .article .thumbnail img {
    border-width: 1px;
}
/* 概要 */
.mod-pickupArticles .article .description {
    font-size: .8125em;
}
.mod-pickupArticles .large .article .description .text {
    color: #747474;
}
.mod-pickupArticles .small .article .description {
    color: #747474;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Anchor */
.mod-pickupArticles .article a { text-decoration: none; }
.mod-pickupArticles .article a .title { text-decoration: underline; }
.mod-pickupArticles .article a .description .more { text-decoration: underline; }

.mod-pickupArticles .pickup:after,
.mod-pickupArticles .small .article .thumbnail:after {
    content: "";
    display: block;
    clear: both;
}

/* = mod-articleList
-----------------------------------------------
 * 記事リスト
----------------------------------------------- */
.mod-articleList {
    font-size: 1rem;
    padding: 0 1.25em;
}
.mod-articleList .pagination:first-child {
    border-bottom: 1px dotted #cad3d5;
}
.mod-articleList .articles + .pagination {
    border-top: 1px dotted #cad3d5;
}
.mod-articleList .item {
    margin: 1.25em 0;
    line-height: 1.5;
    color: #62747b;
}
.mod-articleList .item + .item {
    padding-top: 1.25em;
    border-top: 1px dotted #cad3d5;
}
.mod-articleList .articleBox {
    position: relative;
    padding-left: 110px;
    min-height: 74px;
}
.mod-articleList .articleBox .title {
    line-height: 1.4;
    word-wrap: break-word;
}
.mod-articleList .articleBox .new {
    margin-left: .5em;
    vertical-align: baseline;
}
.mod-articleList .articleBox .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
}
.mod-articleList .articleBox .thumb img {
    max-width: 96px;
    max-height: 72px;
    border-width: 1px;
}
.mod-articleList .articleBox .explain {
    display: block;
    margin: .5em 0 0;
    line-height: 1.5;
    color: #5a6a71;
    font-size: .875em;
    text-align: justify;
    text-justify: inter-ideograph; /* IE */
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mod-articleList .articleBox a {
    display: block;
}
.mod-articleList .articleBox a        { text-decoration: none; }
.mod-articleList .articleBox a .title { text-decoration: underline; }
/* 関連タグ */
.mod-articleList .articleBox .tagList {
    font-size: .6875em;
}
.mod-articleList .articleBox .tagList li {
    display: inline-block;
    margin: .5em .5em 0 0;
}
.mod-articleList .articleBox .tagList li a {
    display: inline-block;
    padding: 2px 1em;
    background-color: #e0eeee;
}
.mod-articleList .articleBox .tagList li a:not(:hover) {
    color: #397db2;
}
.mod-articleList .articleBox .tagList li a:hover {
    text-decoration: underline;
}

/* = mod-listPaging
----------------------------------------------- */
/* 件数表示およびページング
----------------------------------------------- */
/* mod-listPaging */
.mod-listPaging {
    font-size: 1rem;
    margin: 1em 0;
}
/* 件数表示 */
.mod-listPaging .resultNum {
    float: left;
    padding: 6px 10px 0 0;
    font-size: .8125em;
}
.mod-listPaging .textNum {
    margin-right: 10px;
}
.mod-listPaging .totalNum {
    color: #ed6103;
    font-weight: bold;
    font-family: verdana, sans-serif;
}
.mod-listPaging select {
    margin-right: 20px;
}
/* ページング */
.mod-listPaging ul {
    float: right;
    font-size: .875em;
}
.mod-listPaging li {
    float: left;
    margin-left: 5px;
}
.mod-listPaging li a,
.mod-listPaging li.selected span {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}
.mod-listPaging li a {
    border-color: #bdc8ca;
    color: #000;
    background-color: #fff;
    text-decoration: none;
}
.mod-listPaging li.selected span {
    color: #fff;
    font-weight: bold;
    background-color: #ed6103;
}
.mod-listPaging li.firstPage:after,
.mod-listPaging li.lastPage:before {
    content: "…";
    display: inline-block;
}
.mod-listPaging li.firstPage:after {
    margin-left: 5px;
}
.mod-listPaging li.lastPage:before {
    margin-right: 5px;
}
.mod-listPaging li.prevPage a,
.mod-listPaging li.nextPage a {
    width: 30px;
    background-image: url(../../img/default/common/icon/sprite_icon.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
.mod-listPaging li.prevPage a { padding: 0 5px 0 20px; background-position: -9px -649px; }
.mod-listPaging li.nextPage a { padding: 0 20px 0 5px; background-position: 25px -569px; }
.mod-listPaging li a:hover {
    border-color: #fbe56e;
    background-color: #fffea4;
}
.mod-listPaging li.prevPage a:hover { padding: 0 5px 0 20px; background-position: -9px -689px; }
.mod-listPaging li.nextPage a:hover { padding: 0 20px 0 5px; background-position: 25px -609px; }
/* clearFix */
.mod-listPaging:after {
    content: "";
    display: block;
    clear: both;
}

/* = mod-searchHomes
----------------------------------------------- */
.mod-searchHomes {
    margin: 2em 0 1.25em;
    box-shadow: 0 0 5px 0 #e8ebeb;
}
.sec-mainContentsWide .mod-searchHomes {
    width: 940px;
    margin: 1.1em auto 1.25em;
    box-sizing: border-box;
}
.mod-searchHomes .heading {
    position: relative;
    width: 700px;
    height: 41px;
    background: url(../../img/default/common/bg/bg_search_homes.png) no-repeat 0 0;
}
.sec-mainContentsWide .mod-searchHomes .heading {
    width: 940px;
    background: url(../../img/default/common/bg/bg_search_homes_wide.png) no-repeat 0 0;

}
.mod-searchHomes .heading .homeskun {
    position: absolute;
    bottom: 0;
    left: 7px;
    height: 28px;
    padding: 29px 0 0 68px;
    background: url(../../img/default/common/icon/bg_search_homes_homeskun.png) no-repeat 0 0;
    font-size: 138.5%; /* 18px */
    font-weight: bold;
    color: #fff;
}
.mod-searchHomes .inner {
    padding: 12px 18px 7px;
    border: #ed6102 solid 3px;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    background: #fff;
}
.mod-searchHomes .bukkenSearchList {
    margin-left: -18px;
    margin-bottom: 5px;
    letter-spacing: -1em;
    word-spacing: -1em;
}
.mod-searchHomes .bukkenSearchList li {
    display: inline-block;
    padding: 0 30px 10px 20px;
    margin-left: 18px;
    font-size: 1.2em;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    background: url(../../img/default/common/icon/arrow_right_lightgray_5x8.png) no-repeat 5px 4px;
    font-weight: bold;
}


.mod-searchHomes .bukkenSearchListDetail .item {
    display: inline-block;
    margin: 0 10px 5px 0;
    padding-right: 10px;
    border-right: 1px solid #b0c0c5;
    line-height: 1.5;
}

/* = mod-relatedSearch
----------------------------------------------- */
.mod-relatedSearch {
    margin: 1.25em 0;
    padding: 12px 20px 9px;
}
.mod-relatedSearch .hNoBorder {
    margin: -7px -20px 20px;
    padding: 10px 20px 13px;
    background: url(../../img/default/common/bg/heading_gradation_gray.png)  repeat-x 0 100%;
}
.mod-relatedSearch .heading {
    padding-left: 16px;
    font-size: 115.4%; /* 15px */
    font-weight: bold;
    line-height: 20px;
    background: url(../../img/default/common/icon/heading_small.png) no-repeat;
}
/* リスト */
.mod-relatedSearch .relatedListImg {
    margin-right: -16px;
}
.mod-relatedSearch .item {
    display: inline-block;
    position: relative;
    width: 230px;
    min-height: 62px;
    margin: 0 16px 16px 0;
    padding: 0 0 0 82px;
    vertical-align: top;
    line-height: 1.5;
}
.mod-relatedSearch .item .title {
    text-decoration: underline;
    font-size: 107.7%; /* 14px */
    line-height: 1.5;
    word-wrap: break-word;
}
.mod-relatedSearch .item .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    vertical-align: bottom;
}
.mod-relatedSearch .item a .thumbnail {
    border: 1px solid #bdc8ca;
}
.mod-relatedSearch .item a:hover .thumbnail {
    border-color: #ed4b03;
}
.mod-relatedSearch .relatedListTxt {
    border-top: 1px dotted #bdc8ca;
    padding-top: 20px;
}
.mod-relatedSearch .relatedListTxt li {
    margin-bottom: 12px;
    padding-left: 19px;
    background: url(../../img/default/common/icon/arrow_right_gray_5x8.png) no-repeat 4px 5px;
    line-height: 1.4;
    word-wrap: break-word;
}

/* = mod-sameCategory
----------------------------------------------- */
/* mod-sameCategory */
.mod-sameCategory {
    margin: 1.25em 0;
    padding: 12px 0 15px;
}
.sec-mainContentsWide .mod-sameCategory {
    width: 940px;
    margin: 1.25em auto;
    box-sizing: border-box;
}
/* 見出し */
.mod-sameCategory .hNoBorder {
    margin: -7px 0 0;
    padding: 10px 20px 13px;
    background: #fff url(../../img/default/common/bg/heading_gradation_gray.png)  repeat-x 0 100%;
}
.mod-sameCategory .heading {
    padding-left: 16px;
    font-size: 115.4%; /* 15px */
    font-weight: bold;
    line-height: 20px;
    background: url(../../img/default/common/icon/heading_small.png) no-repeat 0 0;
}

/* テキストリンクリスト */
.mod-sameCategory .sameCategoryLinks {
    padding-top: 15px;
    padding: 15px 20px 0;
}
.mod-sameCategory .sameCategoryLinks .sameCategoryLinksList {
    font-size: 100%; /* 13px */
    line-height: 1.2;
}
.mod-sameCategory .sameCategoryLinks .sameCategoryLinksList li {
    padding: 5px 0 5px 15px;
    background: url(../../img/default/common/icon/arrow_right_gray_5x8.png) no-repeat 0 10px;
    line-height: 1.4;
    word-wrap: break-word;
}
.mod-sameCategory .sameCategoryLinks .sameCategoryLinksList li a {
    margin-right: 20px;
    font-size: 100%; /* 13px */
}

/* = mod-keyword
----------------------------------------------- */
.mod-keyword {
    margin: 1.25em 0;
    padding: 12px 20px 15px;
}
.sec-mainContentsWide .mod-keyword {
    width: 940px;
    margin: 1.25em auto;
    box-sizing: border-box;
}
.mod-keyword .hNoBorder {
    margin: -7px -20px 0;
    padding: 10px 20px 13px;
    background: #fff url(../../img/default/common/bg/heading_gradation_gray.png) repeat-x 0 100%;
}
.mod-keyword .heading {
    font-size: 115.4%; /* 15px */
    font-weight: bold;
    line-height: 20px;
}
.mod-keyword .keywordList {
    margin-top: 15px;
}
.mod-keyword .keywordList .item {
    display: inline-block;
    margin-right: 10px;
    line-height: 1.5;
}
.mod-keyword .keywordList .item.primary   { font-size: 123.1%; /* 16px */ }
.mod-keyword .keywordList .item.secondary { font-size: 107.7%; /* 14px */ }
.mod-keyword .keywordList .item.normal    { font-size: 100.0%; /* 13px */ }
.mod-keyword .keywordList .item.tertiary  { font-size:  84.6%; /* 11px */ }
.mod-keyword .linkToList {
    margin-top: -1.6em;
    padding-bottom: 0.2em;
    text-align: right;
    font-size: 92.3%; /* 12px */
    line-height: 1.5;
}
.mod-keyword .linkToList .icon-arrow {
    padding: 0 0 0 11px;
    background: url(../../img/default/common/icon/arrow_right_lightgray_5x8.png) no-repeat 0 50%;
}

/* = mod-ranking
-----------------------------------------------
 * 記事ランキング
----------------------------------------------- */
.mod-ranking {
    margin-bottom: 20px;
    padding: 15px 20px 8px;
}
.mod-ranking .heading {
    height: 75px;
    margin: -11px -20px 0;
    border-bottom: 4px solid #ED6103;
    background: url(../../img/default/common/bg/sprite_heading_ranking.png) no-repeat 0 0;
    line-height: 1;
    text-indent: -9999px;
    overflow: hidden;
}
.mod-ranking .explain {
    padding: 20px 0;
    font-size: 92.3%; /* 12px */
    line-height: 1.5;
}
.mod-ranking .rankingList {
    height: 100%;
}
.mod-ranking .item {
    position: relative;
    margin-bottom: 15px;
    padding-left: 27px;
    line-height: 1.5;
    vertical-align: top;
}
.mod-ranking .item .iconRank {
    position: absolute;
    top: 3px;
    left: 0;
    width: 17px;
    height: 17px;
    line-height: 1;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../img/default/common/icon/sprite_rank_num.png) no-repeat 0 0;
}
.mod-ranking .item .iconRank.rank1   { background-position: 0    0  ; }
.mod-ranking .item .iconRank.rank2   { background-position: 0  -54px; }
.mod-ranking .item .iconRank.rank3   { background-position: 0 -108px; }
.mod-ranking .item .iconRank.rank4   { background-position: 0 -162px; }
.mod-ranking .item .iconRank.rank5   { background-position: 0 -216px; }
.mod-ranking .item .iconRank.rank6   { background-position: 0 -270px; }
.mod-ranking .item .iconRank.rank7   { background-position: 0 -325px; }
.mod-ranking .item .iconRank.rank8   { background-position: 0 -378px; }
.mod-ranking .item .iconRank.rank9   { background-position: 0 -432px; }
.mod-ranking .item .iconRank.rank10  { background-position: 0 -486px; }
.mod-ranking .item .title {
    font-size: 92.3%; /* 12px */
    line-height: 1.4;
    text-align: justify;
    text-justify: inter-ideograph; /* IE */
    word-wrap: break-word;
}


/* = mod-newArticle
-----------------------------------------------
 * 新着記事
----------------------------------------------- */
.mod-newArticle {
    margin-bottom: 20px;
    padding: 15px 20px 8px;
}
.mod-newArticle .hNoBorder {
    margin: -11px -20px 4px;
    padding: 10px 20px 9px;
    background: #fff url(../../img/default/common/bg/heading_gradation_gray.png) repeat-x 0 100%;
}
.mod-newArticle .heading {
    padding-left: 16px;
    font-size: 115.4%;
    font-weight: bold;
    line-height: 20px;
    background: url(../../img/default/common/icon/heading_small.png) no-repeat 0 0;
}
.mod-newArticle .item {
    position: relative;
    min-height: 41px;
    padding: 10px 0 10px 64px;
    line-height: 1.5;
}
.mod-newArticle .item .thumbnail {
    position: absolute;
    top: 10px;
    left: 0;
    line-height: 1;
    max-width: 52px;
    max-height: 39px;
}
.mod-newArticle .item a .thumbnail {
    border-width: 1px;
}
.mod-newArticle .item a:not(:hover) .thumbnail {
    border-color: #bdc8ca;
}
.mod-newArticle .item .title {
    font-size: 92.3%; /* 12px */
    line-height: 1.4;
    text-align: justify;
    text-justify: inter-ideograph; /* IE */
    word-wrap: break-word;
}
.mod-newArticle .item .new {
    margin-left: 5px;
    vertical-align: middle;
}


/* = mod-relatedService
-----------------------------------------------
 * 不動産サービス＆関連ツール
----------------------------------------------- */
.mod-relatedService {
    font-size: 1rem;
    margin: 1.25em 0;
    padding: 1.25em;
}
.mod-relatedService .header {}
.mod-relatedService .heading {
    position: relative;
    margin-bottom: .5em;
    padding-left: 1em;
    line-height: 1.2;
    font-size: .875em;
    font-weight: bold;
}
.mod-relatedService .heading:before {
    content: "";
    position: absolute;
    top: -0.125em;
    left: 0;
    display: block;
    width: 5px;
    height: 1.35em;
    border-radius: 3px;
    background-color: #626262;
}
.mod-relatedService .body {}
.mod-relatedService .item {
    position: relative;
    min-height: 62px;
    padding-left: 74px;
    line-height: 1.4;
    font-size: .75em;
}
.mod-relatedService .item dt {
    margin-bottom: .5em;
}
.mod-relatedService .item .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    border-width: 1px;
}
.mod-relatedService .item a:not(:hover) .thumbnail {
    border-color: #bdc8ca
}

/* = mod-officialAccount
-----------------------------------------------
 * 公式アカウント
----------------------------------------------- */
.mod-officialAccount {
    margin-bottom: 20px;
    padding: 20px;
}
.mod-officialAccount .wrap-heading {
    position: relative;
    margin-bottom: 20px;
    min-height: 57px;
}
.mod-officialAccount .wrap-heading .heading {
    position: absolute;
    bottom: 0;
    left: 67px;
    color: #333;
    line-height: 1.2;
    font-size: 115.4%; /* 15px */
    font-weight: bold;
}
.mod-officialAccount .wrap-heading .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #bdc8ca;
}
.mod-officialAccount .item {
    position: relative;
    margin-top: 20px;
}
.mod-officialAccount .item:first-child {
    margin-top: 0;
}
.mod-officialAccount .item p {
    line-height: 1.4;
    text-align: justify;
    text-justify: inter-ideograph; /* IE */
}
.mod-officialAccount .item .title {
    margin-bottom: 5px;
    padding-left: 22px;
    font-size: 100.0%; /* 13px */
    font-weight: bold;
}
.mod-officialAccount .item .thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    vertical-align: bottom;
}
.mod-officialAccount .item .explain {
    font-size: 84.6%; /* 11px */
}

/* = mod-mainBanner
-----------------------------------------------
 * メインバナー
----------------------------------------------- */
.mod-mainBanner {
    margin: 1.25em 0;
}

/* = mod-asideBanner
-----------------------------------------------
 * サイドバナー
----------------------------------------------- */
.mod-asideBanner {
    margin: 1.25em 0;
}
.mod-asideBanner.top {
    margin-top: 0;
}



/* ========== トップ ========== */



/* mod-introduction
-----------------------------------------------
 * イントロダクション
 * 　・リード文
 * 　・ピックアップ表示枠
----------------------------------------------- */
.mod-introduction {
    font-size: 1rem;

    margin-bottom: 1.25em;
}
.mod-introduction > .header {
    position: relative;
    margin-bottom: 1.25em;
    padding: 1.25em;
    border-radius: 5px 5px 0 0;
    line-height: 1.5;
    color: #434343;
    background:
        url(../../img/default/page/index/bg_introduction.png) no-repeat -100px 100%,
        #fffcec url(../../img/default/page/index/bg_introduction.png) no-repeat right -100px top 100%;
    text-align: center;
}
.mod-introduction > .header .lead {
    margin-bottom: .5em;
    color: #7a6442;
    font-size: 1.25em;
    font-weight: bold;
}
.mod-introduction > .header .description {
    font-size: .875em;
}
.mod-introduction > .header .description .update {
    position: absolute;
    top: -1px;
    left: -1px;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}
.mod-introduction > .header .description .update .ribbon {
    display: block;
    padding: .25em 5em .25em 2em;
    color: #fff;
    background-color: #19a5aa;
    font-weight: bold;
    -webkit-transform: rotate(-26deg) translate(-25px, -5px);
        -ms-transform: rotate(-26deg) translate(-25px, -5px);
            transform: rotate(-26deg) translate(-25px, -5px);
}
.mod-introduction > .pickupArticle {
    padding: 0 1.25em;
}



/* mod-postTypeSummary
-----------------------------------------------
 * カスタム投稿タイプ別サマリー
 * 　・新着記事
 * 　・カテゴリトップへのリンク
----------------------------------------------- */
.mod-postTypeSummary {
    font-size: 1rem;

    position: relative;
    margin: 1.25em 0;
}
/* ヘッダー */
.mod-postTypeSummary > .header {
    padding: 1.25em;
}
.mod-postTypeSummary > .header .heading {
    position: relative;
    margin-bottom: .5em;
    padding-left: .75em;
    color: #2e4750;
    font-size: 1.5em;
    font-weight: bold;
}
.mod-postTypeSummary > .header .heading:before {
    content: "";
    position: absolute;
    top: -0.125em;
    bottom: -0.0416em;
    left: 0;
    display: block;
    width: 6px;
    border-radius: 3px;
    background-color: #ed6103;
}
.mod-postTypeSummary > .header .description {
    font-size: .875em;
}
/* ボディ */
.mod-postTypeSummary > .body {}
/* フッター */
.mod-postTypeSummary > .footer {}
.mod-postTypeSummary > .footer .linkToArchive {
    position: absolute;
    top: 1.67em;
    right: 1.67em;
    font-size: .8125em;
}
.mod-postTypeSummary > .footer .linkToArchive a {
    padding: 0 0 0 11px;
    background: url(../../img/default/common/icon/arrow_right_lightgray_5x8.png) no-repeat 0 50%;
}



/* ========== カテゴリトップ ========== */



/* mod-archive
-----------------------------------------------
 * アーカイブ大枠
----------------------------------------------- */
.mod-archive {
    font-size: 1rem;
    margin-bottom: 1.25em;
}
.mod-archive > .header {
    margin: 1.25em;
}
.mod-archive > .header .heading {
    position: relative;
    color: #2e4750;
    font-size: 1.25em;
    font-weight: bold;
}
.mod-archive > .header .heading:before {
    content: "";
    position: absolute;
    top: -0.15em;
    bottom: -0.05em;
    left: 0;
    display: block;
    width: 6px;
    border-radius: 3px;
    background-color: #ed6103;
}
.mod-archive > .header .heading em {
    font-size: 1.4em;
}
.mod-archive > .pickupArticle {
    padding: 0 1.25em;
}
.mod-archive > .articleList {}

/* mod-archiveArticles
-----------------------------------------------
 * 記事一覧大枠
----------------------------------------------- */
.mod-archiveArticles {
    font-size: 1rem;
    margin: 1.25em 0;
    border-top: 1px solid #bdc8ca;
}
.mod-archiveArticles > .header {
    margin: 1.25em;
}
.mod-archiveArticles > .header .heading {
    line-height: 1.2;
    color: #2e4750;
    font-size: 1.25em;
    font-weight: bold;
    word-wrap: break-word;
}



/* ========== 記事ページ共通（記事本体は別CSS） ========== */

/* = mod-articleNextPage
-----------------------------------------------
 * 分割記事ページ送り
----------------------------------------------- */
.mod-articleNextPage {
  font-size: 18px;
  padding: 10px 20px 32px;
  text-align: center;
}
.mod-articleNextPage a {
  display: inline-block;
  line-height: 1.4;
  font-weight: bold;
  text-decoration: underline;
}
.mod-articleNextPage a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .5em;
  border: solid transparent;
  border-width: .375em 0 .375em .625em;
  border-left-color: #61747b;
}

/* mod-articleFooter
-----------------------------------------------
 * 記事ページフッタ
 *  ・分割記事のページネーション
----------------------------------------------- */
.mod-articleFooter {
    margin: 1.25em 0;
}
/* ページャー */
.mod-articleFooter .bottomPagingList {
    position: relative;
    left: 50%;
    float: left;
}
.mod-articleFooter .bottomPagingList li {
    position: relative;
    left: -50%;
    float: left;
    margin-left: 5px;
}
.mod-articleFooter .bottomPagingList li a,
.mod-articleFooter .bottomPagingList li.selected span {
    display: block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
}
.mod-articleFooter .bottomPagingList li a {
    border-color: #bdc8ca;
    color: #000;
    background-color: #fff;
    text-decoration: none;
}
.mod-articleFooter .bottomPagingList li.prevPage a,
.mod-articleFooter .bottomPagingList li.nextPage a {
    width: 30px;
    background-image: url(../../img/default/common/icon/sprite_icon.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
.mod-articleFooter .bottomPagingList li.prevPage a { padding: 0 5px 0 20px; background-position: -9px -649px; }
.mod-articleFooter .bottomPagingList li.nextPage a { padding: 0 20px 0 5px; background-position: 25px -569px; }
.mod-articleFooter .bottomPagingList li a:hover {
    border-color: #fbe56e;
    background-color: #fffea4;
}
.mod-articleFooter .bottomPagingList li.prevPage a:hover { background-position: -9px -689px; }
.mod-articleFooter .bottomPagingList li.nextPage a:hover { background-position: 25px -609px; }
.mod-articleFooter .bottomPagingList li.selected span {
    color: #fff;
    font-weight: bold;
    background: #ed6102;
}

/* clearFix */
.mod-articleFooter .inner:after,
.mod-articleFooter .inner ul:after {
    content: "";
    display: block;
    clear: both;
}



/* ========== 検索結果ページ ========== */



/* mod-searchResult
-----------------------------------------------
 * 検索結果大枠
----------------------------------------------- */
.mod-searchResult {
    font-size: 1rem;
    margin-bottom: 1.25em;
}
.mod-searchResult > .header {
    padding: 0 1.25em;
    border-bottom: 1px solid #bdc8ca;
    background-color: #fff; /* Old browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background-image:         linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #f7f7f7 100%); /* W3C, Fx16+, IE10+ */
    background-repeat: no-repeat;
}
.mod-searchResult > .header .heading {
    display: table;
    width: 100%;
    height: 54px;
    margin: 1.25em 0;
}
.mod-searchResult > .header .heading .title {
    display: table-cell;
    line-height: 1.2;
    color: #333;
    font-size: 1.625em;
    font-weight: bold;
    vertical-align: middle;
    word-wrap: break-word;
}



/* ========== タグページ ========== */



/* mod-taggedArticles
-----------------------------------------------
 * タグ別記事一覧大枠
----------------------------------------------- */
.mod-taggedArticles {
    font-size: 1rem;
    margin-bottom: 1.25em;
}
.mod-taggedArticles > .header {
    padding: 0 1.25em;
    border-bottom: 1px solid #bdc8ca;
    background-color: #fff; /* Old browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background-image:         linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #f7f7f7 100%); /* W3C, Fx16+, IE10+ */
    background-repeat: no-repeat;
}
.mod-taggedArticles > .header .heading {
    display: table;
    width: 100%;
    height: 54px;
    margin: 1.25em 0;
}
.mod-taggedArticles > .header .heading .title {
    display: table-cell;
    line-height: 1.2;
    color: #333;
    font-size: 1.625em;
    font-weight: bold;
    vertical-align: middle;
    word-wrap: break-word;
}
.mod-taggedArticles > .header .explain {
    padding: 1em 0;
    border-top: 1px dotted #bdc8ca;
    line-height: 1.4;
    font-size: .75em;
}



/* ========== タグ一覧ページ ========== */



/* = mod-tagList
-----------------------------------------------
 * タグ一覧
----------------------------------------------- */
.mod-tagList {
    margin-bottom: 20px;
}
/* 見出し */
.mod-tagList > .heading {
    display: table;
    width: 698px;
    height: 84px;
    padding: 20px 20px 10px;
    border-bottom: 1px solid #bdc8ca;
    background-color: #fff; /* Old browsers */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(60%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 60%, #f7f7f7 100%); /* Chrome10+,Safari5.1+ */
    background-image:         linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #f7f7f7 100%); /* W3C, Fx16+, IE10+ */
    background-repeat: no-repeat;
    box-sizing: border-box;
}
.mod-tagList > .heading .title {
    display: table-cell;
    color: #333;
    font-size: 200.0%; /* 26px */
    font-weight: bold;
    line-height: 1.2;
    vertical-align: middle;
    word-wrap: break-word;
}
/* リスト */
.mod-tagList .tagList {
    margin-left: -18px;
    padding: 20px;
    letter-spacing: -1em;
    word-spacing: -1em;
}
.mod-tagList .tagList li {
    display: inline-block;
    width: 300px;
    padding: 0 0 10px 20px;
    margin-left: 18px;
    font-size: 1em;
    line-height: 1.4;
    vertical-align: top;
    letter-spacing: normal;
    word-spacing: normal;
    background: url(../../img/default/common/icon/arrow_right_lightgray_5x8.png) no-repeat 5px 4px;
}



/* ========== 404 ========== */



/* = mod-notFoundMsg
-----------------------------------------------
 * 404 メッセージ
----------------------------------------------- */
.mod-notFoundMsg {
    margin-bottom: 20px;
    padding: 20px;
}
.mod-notFoundMsg .wrap {
    padding-bottom: 259px;
    background: url(../../img/default/page/exception/bg_sorry_homeskun.png) no-repeat 50% 100%;
}
.mod-notFoundMsg .heading {
    margin-bottom: 20px;
    padding-top: 12px;
    text-align: center;
}
.mod-notFoundMsg .motFoundMsg {
    background: url(../../img/default/page/exception/bg_404.png) no-repeat 50% 0;
    min-height: 176px;
}
.mod-notFoundMsg p {
    text-align: center;
}
.mod-notFoundMsg .explain {
    padding-top: 25px;
    color: #333;
    line-height: 2;
}
.mod-notFoundMsg .linkToTop {
    padding: 20px 0;
    font-size: 107.7%; /* 14px */
}
.mod-notFoundMsg .linkToTop .icon-arrow {
    padding: 0 0 0 15px;
    background: url(../../img/default/common/icon/arrow_right_lightgray_5x8.png) no-repeat 0 50%;
}