@charset "UTF-8";
/* =====
 * MODULE::Start
========================================================= */
.slick-slider {
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none; }
/* Slider */
.slick-loading .slick-list { background: #fff url('../slick/ajax-loader.gif') center center no-repeat; }
/* Icons */
@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../slick/fonts/slick.eot');
    src: url('../slick/fonts/slick.eot?#iefix') format('embedded-opentype'),
    url('../slick/fonts/slick.woff') format('woff'),
    url('../slick/fonts/slick.ttf') format('truetype'),
    url('../slick/fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 2;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    opacity: 0.8;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before { opacity: .25; }
.slick-prev:before,
.slick-next:before {
    /*
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    */
    font-size: 30px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    display: block;
    width: 60px;
    height: 60px;
    -webkit-transform: scale( 1.5 ),translateY( -15px );
    -moz-transform: scale( 1.5 )translateY( -15px );
    transform: scale( 1.5 )translateY( -15px );
}
.slick-prev { left: 0; }
[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}
.slick-next { right: 0; }
[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}
/*
.slick-prev:before,[dir='rtl'] .slick-next:before { content: '\e901'; }
.slick-next:before,[dir='rtl'] .slick-prev:before { content: '\e902'; }
*/
.slick-prev:before,[dir='rtl'] .slick-next:before { content: '〈'; }
.slick-next:before,[dir='rtl'] .slick-prev:before { content: '〉'; }
/* Dots */
.slick-dots {
    position: absolute;
    bottom: -1em;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 2em;
    margin: 0 0.2em;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    display: block;
    width: 100%;
    height: 0;
    padding-top: 0.2em;
    overflow: hidden;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background-color: #bcc5d6;
}
.slick-dots li button:hover,
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {
    background-color: #fff;
}
/* =====
 * ALL DEVICE::Start
========================================================= */
p, ul, ol, li, dl, dd, table {
    margin-bottom: 1em;
}
p {
    font-size: 112.5%;
}
* > *:last-child {
    margin-bottom: 0;
}
img {
    display: block;
    width: 100%;
    height: auto;
}
a.btn { display: block;text-decoration: none; }
a.btn-style-01,
a.btn-style-02 {
    display: inline-block;
    position: relative;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 125%;
    line-height: 1.5;
    padding: 0.5em 4em;
}
a.btn-style-01 {
    background-color: #15394a;
}
a.btn-style-02 {
    background-color: #c78883;
}
a.btn-style-01::before,
a.btn-style-02::before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: block;
    position: absolute;
    top: 50%;
    right: 0.5em;
    margin-top: -0.55em;
    font-size: 2em;
    color: #fff;
}
a.btn-style-03 {
    display: inline-block;
    position: relative;
    color: #353535;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-size: 100%;
    line-height: 1.5;
    padding: 1em 4em;
    border: 0.1em solid #353535;
    border-radius: 0.5em;
}
a.btn-style-03::before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    display: block;
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -0.5em;
    font-size: 1em;
}
.ttl-style-01 {
    font-size: 175%;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "MS 明朝", serif;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    position: relative;
    margin-bottom: 1em;
}
.ttl-style-01 ruby {
    font-family: 'JaneAusten';
    display: block;
    font-size: 50%;
    font-weight: 300;
    color: #dccea2;
    line-height: 1;
    margin-top: 1em;
}
.ttl-style-02 {
    font-size: 175%;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "MS 明朝", serif;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    background: transparent url(../img/top/bg-01.jpg) no-repeat 50% 100%;
    background-size: 100% 200%;
    position: relative;
}
.ttl-style-02 span {
    display: block;
    background-size: 2px;
    padding: 2em 0 3em;
}
.ttl-style-02 span ruby {
    font-family: 'JaneAusten';
    display: block;
    font-size: 50%;
    font-weight: 300;
    color: #dccea2;
    line-height: 1;
    margin-top: 1em;
}
.ttl-style-03 {
    font-size: 100%;
    line-height: 2;
    text-align: center;
    color: #595757;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 1em;
}
.ttl-style-03 ruby {
    display: block;
    font-size: 162.5%;
    font-weight: 300;
    color: #333;
    line-height: 1;
}
* + .ttl-style-01,
* + .ttl-style-02,
* + .ttl-style-03 {
    margin-top: 2em;
}
.ttl-style-04 {
    font-size: 175%;
    font-weight: normal;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HG明朝E", "MS 明朝", serif;
    line-height: 1.4;
    text-align: center;
    color: #fff;
    position: relative;
    margin-bottom: 1em;
    padding-top: 3em;
}
.ttl-style-04 ruby {
    font-family: 'JaneAusten';
    display: block;
    font-size: 50%;
    font-weight: 300;
    color: #dccea2;
    line-height: 1;
    margin-top: 1em;
}
.ttl-style-04 strong {
    font-family: 'EB Garamond', serif;
    font-size: 200%;
    font-weight: normal;
    color: #b9a14f;
    line-height: 1;
}
.ttl-style-04::before {
    content: "";
    display: block;
    width: 1px;
    height: 2em;
    background-color: #907d68;
    position: absolute;
    left: 50%;
    top: -1em;
}

.tbl-list {
    display: table;
}
.tbl-list > * {
    display: table-cell;
    vertical-align: top;
}
.tbl-style-01 {
    font-size: 112.5%;
    width: 100%;
    border-collapse: separate;
    border-top: 1px solid #f6f6f6;
}
.tbl-style-01 tr th {
    border-top: 0 none transparent;
    border-right: 0 none transparent;
    border-left: 0 none transparent;
    border-bottom: 1px solid #fff;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
    font-weight: 600;
    color: #58331b;
}
.tbl-style-01 tr td {
    border-top: 0 none transparent;
    border-right: 0 none transparent;
    border-left: 0 none transparent;
    border-bottom: 1px solid #f6f6f6;
    background-color: #fff;
    padding: 1em;
    font-weight: 400;
}
.tbl-style-01 tbody th {
    text-align: center;
    background-color: #f6f6f6;
    width: 10em;
}
.grid-list {
    margin: 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.grid-list > * {
    margin: 10px;
}
.arealist {
    background: transparent url(../img/top/img-05.jpg) no-repeat 50% 50%;
    background-size: 100% 100%;
    min-height: calc(100vw - 4em);
    position: relative;
}
.arealist h4 {
    font-size: 150%;
    font-weight: bold;
    line-height: 1;
    padding: 1em;
    position: relative;
    color: #fff;
}
.arealist h4::before {
    border-left-width: 0.2em;
    border-style: solid;
    content: "";
    display: block;
    width: 0;
    height: 0.8em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
}
.arealist ul li {
    position: absolute;
    width: 6em;
    height: 2em;
    margin: -1em 0 0 -3em;
    background-color:  #fff;
    font-size: 125%;
}
.arealist ul li.yamaguchi {top:14%;left: 64%;}
.arealist ul li.fukuoka {top:26%;left: 24%;}
.arealist ul li.saga {top:40%;left: 24%;}
.arealist ul li.nagasaki {top:54%;left: 18%;}
.arealist ul li.oita {top:44%;left: 64%;}
.arealist ul li.kumamoto {top:60%;left: 54%;}
.arealist ul li.miyazaki {top:74%;left: 64%;}
.arealist ul li.kagoshima {top:84%;left: 24%;}
.arealist ul li.other {display: none;}
.arealist ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    line-height: 2;
    position: relative;
    overflow: hidden;
}
.arealist ul li.blank a {
    color: #888;
    pointer-events: none;
}
.arealist ul li a span {
    font-weight: bold;
}
.arealist ul li a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    transform: skewX(-45deg);
}
.arealist ul li.yamaguchi a::before {background-color: #da7b00;}
.arealist ul li.fukuoka a::before {background-color: #0c5592;}
.arealist ul li.saga a::before {background-color: #e8e000;}
.arealist ul li.nagasaki a::before {background-color: #49a549;}
.arealist ul li.oita a::before {background-color: #309f86;}
.arealist ul li.kumamoto a::before {background-color: #02615e;}
.arealist ul li.miyazaki a::before {background-color: #b4618e;}
.arealist ul li.kagoshima a::before {background-color: #97441c;}
.arealist ul li.blank a::before {background-color: #ddd;}

.newslist,
.eventlist {
    background-color: #fff;
    padding-bottom: 3em;
}
.newslist h4,
.eventlist h4 {
    font-size: 150%;
    font-weight: bold;
    line-height: 1;
    padding: 1em;
    position: relative;
    color: #243248;
}
.newslist h4::before,
.eventlist h4::before {
    border-left-width: 0.2em;
    border-style: solid;
    content: "";
    display: block;
    width: 0;
    height: 0.8em;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em;
}
.newslist ul,
.eventlist ul {
    padding: 0 1.5em;
}
.newslist ul li,
.eventlist ul li {
    border-top: 2px solid #243248;
    padding: 1em 0;
    margin: 0;
    overflow: hidden;
}
.newslist ul li:nth-child(odd),
.eventlist ul li:nth-child(odd) {
    background-color: #fafafa;
}
.newslist ul li + li,
.eventlist ul li + li {
    border-top: 1px solid #ddd;
}
.newslist ul li > a,
.eventlist ul li > div {
    text-decoration: none;
    color: #353535;
    display: block;
    padding: 0 1em;
}
.newslist ul li time,
.eventlist ul li time {
    margin-right: 1em;
}
.newslist ul li .new,
.eventlist ul li .new {
    color: #9a7000;
}
.newslist ul li .area::before,
.newslist ul li .category::before,
.eventlist ul li .area::before,
.eventlist ul li .category::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 1em;
    vertical-align: text-bottom;
    margin: 0 1em 0 0.5em;
    background-color: #353535;
}
.newslist ul li h5,
.eventlist ul li h5 {
    font-weight: bold;
    font-size: 125%;
    color: #243248;
}
.eventlist ul li a {
    color: #243248;
    text-decoration: none;
}
.eventlist ul li figure {
    float: left;
    width: 10em;
}
.eventlist ul li figure + div {
    padding-left: 11em;
}
.eventlist .pdf {
    padding-top: 0.75em;
}
.eventlist .pdf > p {
    display: inline-block;
}
.eventlist .pdf > p a {
    display: block;
    border-radius: 1.1em;
    box-sizing: border-box;
    line-height: 2;
    white-space: nowrap;
    padding: 0 1.5em 0.1em;
    border: 1px solid #6687a7;
    text-decoration: none;
}
.eventlist .pdf > p a::before {
    content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin-right: 0.75em;
    vertical-align: baseline;
    background: transparent url(../img/common/icon-request-01.png) no-repeat 50% 50%;
    background-size: contain;
    -webkit-filter: invert(100%);
    -moz-filter: invert(100%);
    -o-filter: invert(100%);
    -ms-filter: invert(100%);
    filter: invert(100%);
}
.propertylist > ul > li {
    background-color: #fff;
}
.propertylist > ul > li > a {
    display: block;
    padding: 1em 1em 0;
    position: relative;
    text-decoration: none;
    color: #243248;
}
.propertylist > ul > li > a > figure figcaption {
    font-weight: bold;
    font-size: 150%;
    color: #243248;
    margin-top: 0.5em;
}
.propertylist > ul > li > a .new {
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -100%;
    width: 5em;
    height: 5em;
    background: transparent url(../img/common/icon-new-01.png) no-repeat 0 0;
    background-size: contain;
    overflow: hidden;
    z-index: 2;
}
.propertylist > ul > li > a .modelroom {
    float: left;
    background: transparent url(../img/common/grad-04.png) no-repeat 50% 0;
    background-size: 100% 100%;
    color: #fff;
    padding: 0.5em 1em;
    margin: 0;
    line-height: 2;
    position: absolute;
    top: 1em;
    left: 1em;
    right: 1em;
    text-align: center;
    font-size: 100%;
}
.propertylist > ul > li > a .area {
    display: block;
    text-align: right;
}
.propertylist .report {
    margin: 0 1em 2em;
    overflow: hidden;
}
.propertylist .report h5 {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    font-size: 125%;
    line-height: 2;
    margin-bottom: 1em;
}
.propertylist .report a {
    display: block;
    font-size: 112.5%;
    color: #6687a7;
    text-decoration: none;
}
.propertylist .report a:hover {
    text-decoration: underline;
}
.propertylist .report img {
    float: left;
    width: 10em;
}
.propertylist .report figcaption {
    padding-left: 11em;
    line-height: 1.3;
}
.propertylist .report figcaption time {
    display: block;
    text-decoration: none;
    color: #353535;
    margin-bottom: 0.2em;
}
.propertylist .cv {
    display: table;
    width: 100%;
}
.propertylist .cv li {
    display: table-cell;
}
.propertylist .cv li a {
    display: block;
    color: #fff;
    font-size: 125%;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 1em 0;
}
.propertylist .cv li a::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 1em;
    vertical-align: text-bottom;
}
.propertylist .cv li.sold a {
    background: transparent url(../img/common/btn-bg-05.png) no-repeat 50% 50%;
    background-size: 100% 100%;
}
.propertylist .cv li.request a {
    background: transparent url(../img/common/btn-bg-03.png) no-repeat 50% 50%;
    background-size: 100% 100%;
}
.propertylist .cv li.reserve a {
    background: transparent url(../img/common/btn-bg-04.png) no-repeat 50% 50%;
    background-size: 100% 100%;
}
.propertylist .cv li.sold a::before {
    background: transparent url(../img/common/icon-sold-01.png) no-repeat 50% 50%;
    background-size: contain;
}
.propertylist .cv li.request a::before {
    background: transparent url(../img/common/icon-request-01.png) no-repeat 50% 50%;
    background-size: contain;
}
.propertylist .cv li.reserve a::before {
    background: transparent url(../img/common/icon-reserve-01.png) no-repeat 50% 50%;
    background-size: contain;
}
/* =====
 * ALL DEVICE::End
========================================================= */
@media only screen and (max-width:768px) {
/* =====
 * SP::Start
========================================================= */
    body {
        font-size: 3vw;
        padding: 55px 0;
    }
    body.open {
        overflow: hidden;
    }
    /* -----
         * Module
        ----------------------------------------------------------------------------- */
    .pc { display: none!important; }
    .cf > .left,
    .cf > .right {
        float: none;
    }
    a.btn-style-01,
    a.btn-style-02 {
        display: block;
        padding: 1em 1.25em 1em 1.25em;
    }
    a.btn-style-01 {
        background-color: #15394a;
    }
    .ttl-style-02,
    .ttl-style-03 {
        font-size: 162.5%;
    }
    .ttl-style-02 span {
        padding: 1em 0;
    }
    .ttl-style-03::before, .ttl-style-03::after {
        display: none;
    }
    .ttl-style-03 {
        padding-bottom: 0.5em;
        border-bottom: 5px solid #f6f6f6;
    }
    .tbl-style-01 {
        display: block;
        width: 100%;
        border-spacing: 0;
    }
    .tbl-style-01 tbody {
        display: block;
        width: 100%;
    }
    .tbl-style-01 tr {
        display: block;
        width: 100%;
    }
    .tbl-style-01 tr:nth-child(odd) {
        background-color: rgba(243, 239, 236, 0.3);
    }
    .tbl-style-01 tr th {
        display: block;
        width: auto;
        background-color: transparent;
        border: 0 none transparent;
        padding: 1em 1em 0;
        text-align: left;
    }
    .tbl-style-01 tr td {
        display: block;
        width: auto;
        background-color: transparent;
        border: 0 none transparent;
        padding: 0 1em 1em;
    }
    .tbl-style-01 tr td:last-child {
        border-bottom: 0 none transparent;
    }
    /* -----
         * Header
        ----------------------------------------------------------------------------- */
    #GlobalHeader {}
    #GlobalHeader .container {
    }
    #GlobalHeader .logo {
        background: #0b1942 url(../img/common/grad-01.png) no-repeat 50%;
        background-size: 100% 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }
    #GlobalHeader .logo a,
    #GlobalHeader .logo img {
        display: block;
        width: auto;
        height: 55px;
        margin: 0 auto;
    }
    /* -----
         * Navigation
        ----------------------------------------------------------------------------- */
    #GlobalNavi {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }
    #GlobalNavi > ul {
        display: table;
        width: 100%;
    }
    #GlobalNavi > ul > li {
        display: table-cell;
        text-align: center;
        vertical-align: top;
    }
    #GlobalNavi > ul > li.menu {width:55px;}
    #GlobalNavi > ul > li.menu .toggle {
        display: block;
        width: 25px;
        height: 25px;
        padding: 15px;
        cursor: pointer;
        z-index: 101;
        background-color: #fff;
    }
    #GlobalNavi > ul > li.menu .toggle > span {     
        display: block;
        position: relative;
    }
    #GlobalNavi > ul > li.menu .toggle > span span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #0b1942;
        left: 0;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    #GlobalNavi > ul > li.menu .toggle > span span:nth-child(1) {
        top: 0;
    }
    #GlobalNavi > ul > li.menu .toggle > span span:nth-child(2) {
        top: 11px;
    }
    #GlobalNavi > ul > li.menu .toggle > span span:nth-child(3) {
        top: 22px;
    }
    #GlobalNavi > ul > li.menu.on .toggle > span span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    #GlobalNavi > ul > li.menu.on .toggle > span span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    #GlobalNavi > ul > li.menu.on .toggle > span span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    #GlobalNavi > ul > li .toggle {
        display: block;
        text-decoration: none;
        font-size: 15px;
        font-weight: bold;
        color: #fff;
        line-height: 55px;
    }
    #GlobalNavi > ul > li.request .toggle {
        background: #e0b100 url(../img/common/btn-bg-01.png) no-repeat 50%;
        background-size: 100% 100%;
    }
    #GlobalNavi > ul > li.reserve .toggle {
        background: #e28a00 url(../img/common/btn-bg-02.png) no-repeat 50%;
        background-size: 100% 100%;
    }
    #GlobalNavi > ul > li > a + ul {
        position: fixed;
        top: 55px;
        bottom: 55px;
        left: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.9);
        opacity: 0;
        z-index: -1;
        pointer-events: none;
        transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
        padding: 2em;
        box-sizing: border-box;
        overflow-y: scroll;
    }
    #GlobalNavi > ul > li.on > a + ul {
        opacity: 1;
        z-index: 2;
        pointer-events: inherit;
    }
    #GlobalNavi > ul > li.on > a + ul li a.btn {
        color: #243248;
        font-size: 125%;
        font-weight: bold;
        display: block;
        padding: 1em;
        border-radius: 5px;
        border: 1px solid #243248;
        position: relative;
    }
    #GlobalNavi > ul > li.on > a + ul li a.btn::after {
        content: "〉";
        display: block;
        line-height: 1;
        position: absolute;
        top: 50%;
        right: 0.5em;
        margin-top: -0.5em;
    }
    #GlobalNavi > ul > li.on > a + ul li a.title {
        color: #243248;
        font-size: 125%;
        font-weight: bold;
        border: none;
        text-decoration: none;
        display: block;
    }
    #GlobalNavi > ul > li.on > a + ul li + li a.title {
        margin-top: 2em;
    }
    /* -----
        * Side
    ----------------------------------------------------------------------------- */
    /* -----
        * Main
    ----------------------------------------------------------------------------- */
    #Main {
    }
    #Main .block > .container {
        padding: 2em 2em 4em;
    }
    #Breadcrumb {
        background: #071339;
        border-top: 1px solid #2a4e94;
        overflow: hidden;
    }
    #Breadcrumb ul {
        overflow:  hidden;
    }
    #Breadcrumb ul li {
        float: left;
        margin: 0;
        font-size: 100%;
        line-height: 1;
        padding: 1em;
        position: relative;
        color: #fff;
    }
    #Breadcrumb ul li:last-child {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #Breadcrumb ul.col-05-list li:nth-child(3) {max-width: 7em;}
    #Breadcrumb ul.col-05-list li:nth-child(5) {max-width: 20em;}
    #Breadcrumb ul.col-07-list li:nth-child(3),
    #Breadcrumb ul.col-07-list li:nth-child(5) {max-width: 3.5em;}
    #Breadcrumb ul.col-07-list li:nth-child(7) {max-width: 13em;padding-right: 0;}
    #Breadcrumb ul li a {
        text-decoration: none;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        color: #bcc5d6;
    }
    #Breadcrumb ul li.separator {
        height: 1em;
        padding: 1em 0.5em;
    }
    #Breadcrumb ul li.separator::before {
        content: "";
        display: block;
        border-width: 1.5em 0 1.5em 1em;
        border-color: transparent transparent transparent #071339;
        border-style: solid;
        position: absolute;
        top: 1px;
        right: 1px;
        z-index: 2;
    }
    #Breadcrumb ul li.separator::after {
        content: "";
        display: block;
        border-width: 1.5em 0 1.5em 1em;
        border-color: transparent transparent transparent #2a4e94;
        border-style: solid;
        position: absolute;
        top: 1px;
        right: 0;
    }
    #Breadcrumb ul li span,
    #Breadcrumb ul li .icon-angle-right {
        display: none;
    }
    .eventlist ul li figure {
        display: none;
    }
    .eventlist ul li figure + div {
        padding-left: 1em;
    }
    .eventlist .pdf > p {
        display: block;
    }
    .eventlist .pdf > p a {
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1em;
        border-radius: 4em;
    }
    /* -----
        * Footer
    ----------------------------------------------------------------------------- */
    #Colophon {
        background: transparent url(../img/common/grad-03.png) no-repeat 50% 100%;
        background-size: 100% 100%;
        position: relative;
        padding-top: 6em;
    }
    #Colophon .copyright {
        background: #0b1942 url(../img/common/grad-01.png) no-repeat 50%;
        background-size: 100% 100%;
        font-size: 75%;
        font-weight: 300;
        text-align: center;
        padding: 0 0 1.5em;
        color: #fff;
    }
    #Colophon .goto-top {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    #Colophon .goto-top a {
        font-weight: 300;
        text-decoration: none;
        text-align: center;
        display: block;
        padding: 1em;
        color: #fff;
        border-bottom: 1px solid#586b94;
    }
    #Colophon .goto-top a::before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e901";
        display: block;
        font-size: 2em;
        margin: 0 auto;
    }
    #Colophon .logo {
        background: #0b1942 url(../img/common/grad-01.png) no-repeat 50%;
        background-size: 100% 100%;
        border-top: 1px solid#2a4e94;
        padding: 0 30%;
    }
    /* -----
         * Child Common
        ----------------------------------------------------------------------------- */
    /* BLOCK::COMMON::01
    -----------------------*/
    .block-common-01 .slider-external {
        background: transparent url(../img/common/grad-02.png) no-repeat 50% 100%;
        background-size: 100% 100%;
        padding: 2em 0;
    }
    .block-common-01 .slider-external .slick-slide {
        width: 18em;
        margin: 1em;
    }
    /* BLOCK::COMMON::02
    -----------------------*/
    #Colophon .block-common-02 {
        margin: 2em 2em;
        border-top: 1px solid#ddd;
        border-left: 1px solid#ddd;
        border-right: 1px solid#ddd;
    }
    #Colophon .block-common-02 h3 {
        text-align: center;
        border-bottom: 1px solid#ddd;
        padding: 1em;
        color: #ccd2df;
        font-weight: bold;
        font-size: 150%;
        position: relative;
    }
    #Colophon .block-common-02 h3::after {
        content: "＋";
        display: block;
        line-height: 1.5;
        width: 1.5em;
        height: 1.5em;
        text-align: center;
        color: #ddd;
        border: 1px dotted #ddd;
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -0.75em;
        font-size: 87.5%;
    }
    #Colophon .block-common-02 h3.on::after {
        content: "ー";
    }
    #Colophon .block-common-02 h3 + ul {
        padding: 1em;
        display: none;
        border-bottom: 1px solid#ddd;
    }
    #Colophon .block-common-02 .column:nth-child(3) h3 + ul {
        border-bottom: 1px solid#ddd;
    }
    #Colophon .block-common-02 h3 + ul li {
        margin: 0;
    }
    #Colophon .block-common-02 h3 + ul li a {
        text-align: center;
        text-decoration: none;
        display: block;
        color: #ccd2df;
        font-weight: bold;
        font-size: 112.5%;
        padding: 1em;
    }
    #Colophon .block-common-02 h3 + ul li + li a {
        border-top: 1px solid#586b94;
    }
    #Colophon .block-common-02 h3 + ul li.blank a {
        pointer-events: none;
        color: #8a98b4;
    }
    /* BLOCK::COMMON::03
    -----------------------*/
    .block-common-03 .ttl-style-02 {
        padding-bottom: 2em;
    }
    .block-common-03 .slider-billboard {
        overflow: hidden;
        padding-bottom: 1em;
    }
    .block-common-03 .slider-billboard .slick-slide {
        width: 27em;
        margin: 1em;
    }
    #Main .block-common-03 .ttl-style-02 + .bg {
        position: relative;
        background: transparent url(../img/common/grad-02.png) no-repeat 50% 50%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab {
        background: transparent url(../img/common/grad-04.png) no-repeat 50% 0;
        background-size: 100% 200%;
        margin: -2em 2em 1em;
        position: relative;
        border: 1px solid #2a4e94;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab h4 {
        text-align:  center;
        font-size: 137.5%;
        color: #bcc5d6;
        line-height: 1;
        padding: 1em;
        position: relative;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab h4::after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -0.5em;
        color: #bcc5d6;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab h4.on::after {
        content: "\e901";
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab h4 + div {
        display: none;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul {
        margin: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border-top: 1px solid #2a4e94;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li {
        margin: 0;
        width: 33.33%;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li a {
        display: block;
        padding:1em 0;
        text-align: center;
        text-decoration: none;
        color: #fff;
        position: relative;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li.blank a {
        color: #8a98b4;
        pointer-events: none;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li.current {display: none;}
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li + li a::before {
        display: block;
        content: "";
        width: 1px;
        height: 1em;
        line-height: 1;
        background-color: #2a4e94;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -0.5em;
    }

    /* BLOCK::ARCHIVE::01
    -----------------------*/
    #Main .block-news-01 {
        border-bottom: 2px solid #f6f6f6;
        padding: 0 0 3em;
    }
    #Main .block-news-01 .ttl-style-02 {
        background-image: url(../img/top/bg-01.jpg);
    }
    #Main .block-news-01 .ttl-style-02 span {
        position: inherit;
        bottom: inherit;
        left: inherit;
    }
    #Main .block-news-01 .ttl-style-02 span ruby {}
    #Main .block-news-01 .ttl-style-02 + .bg {}
    #Main .block-news-01 .ttl-style-02 + .bg > .container {}
    #Main .block-news-01 .container article {
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        position: relative;
        padding: 1em 0;
    }
    #Main .block-news-01 .container article + article {
        border-top: 0 none transparent;
    }
    #Main .block-news-01 .container article a {
        text-decoration: none;
        color: #555;
        line-height: 2;
    }
    #Main .block-news-01 .container article h4 {
        white-space: nowrap;
        width: 26em;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 112.5%;
        font-weight: 600;
    }
    #Main .block-news-01 .container article time {
        float: left;
        background-color: #1d968c;
        line-height: 2;
        color: #fff;
        padding: 0 1em;
        margin-right: 1em;
        font-weight: 600;
    }
    .pagination,
    .post-navigation {
        text-align: center;
        padding: 3em 0;
        font-size: 112.5%;
    }
    .pagination h2,
    .post-navigation h2 {
        display: none;
    }
    .pagination .nav-links,
    .post-navigation .nav-links {
        overflow: hidden;
    }
    .post-navigation .nav-links .nav-next {
        float: right;
        border: 1px solid #ddd;
        padding: 0.5em 2em;
        border-radius: 2px;
    }
    .post-navigation .nav-links .nav-previous {
        float: left;
        border: 1px solid #ddd;
        padding: 0.5em 2em;
        border-radius: 2px;
    }
    .pagination .page-numbers {
        border: 1px solid #bcc5d6;
        background-color: #bcc5d6;
        display: inline-block;
        margin-right: 0.5em;
        padding: 0 0.75em;
        line-height: 2;
        text-decoration: none;
        color: #fff;
    }
    .pagination a.page-numbers {
        background-color: transparent;
        border-color: #bcc5d6;
    }
    .pagination a.prev,
    .pagination a.next,
    .post-navigation .nav-previous a,
    .post-navigation .nav-next a {
        background-color: transparent;
        border-color: transparent;
        text-decoration: none;
    }
    .pagination a.page-numbers:hover,
    .post-navigation a.page-numbers:hover {
        background-color: #bcc5d6;
        color: #fff;
    }
    /* BLOCK::SINGLE::01
    -----------------------*/
    #Main .block-post-01 {
        padding: 0;
    }
    #Main .block-post-01 .ttl-style-02 {
        background-image: url(../img/top/bg-01.jpg);
        padding-bottom: 1em;
    }
    #Main .block-post-01 .ttl-style-02 + .bg {
        margin-left: 2em;
        margin-right: 2em;
        padding-top: 1px;
    }
    #Main .block-post-01 .post .cf > .right {
        clear: both;
        padding: 1em 0 0;
    }
    #Main .block-post-01 .post .ttl-style-01 {
        font-size: 125%;
        background-color: #e6eaf0;
        padding: 1em;
        color: #29445c;
        margin-top: -2em;
    }
    #Main .block-post-01 .post figure {
        margin-bottom: 0.5em;
    }
    #Main .block-post-01 .post h4 {
        font-size: 125%;
        font-weight: 600;
        margin: 0 0 1em;
        clear: left;
    }
    /* report */
    #Main .block-post-01 .post .layout_report figure + figure {
        margin-top: 3em;
    }
    #Main .block-post-01 .post .layout_report figure figcaption {
        padding: 1em;
        font-size: 112.5%;
        line-height: 2;
        position: relative;
        text-indent: 4.5em;
    }
    #Main .block-post-01 .post .layout_report figure figcaption::before {
        display: block;
        background-color: #e6eaf0;
        color: #29445c;
        width: 2em;
        height: 2em;
        line-height: 2;
        text-align: center;
        text-indent: 0;
        position: absolute;
        top: -0.75em;
        left: 0.5em;
        font-size: 200%;
        font-family: 'EB Garamond', serif;
    }
    #Main .block-post-01 .post .layout_report figure:nth-child(1) figcaption::before {content: "01";}
    #Main .block-post-01 .post .layout_report figure:nth-child(2) figcaption::before {content: "02";}
    #Main .block-post-01 .post .layout_report figure:nth-child(3) figcaption::before {content: "03";}
    #Main .block-post-01 .post .layout_report figure:nth-child(4) figcaption::before {content: "04";}
    #Main .block-post-01 .post .layout_report figure:nth-child(5) figcaption::before {content: "05";}
    #Main .block-post-01 .post .layout_report figure:nth-child(6) figcaption::before {content: "06";}
    #Main .block-post-01 .post .layout_report figure:nth-child(7) figcaption::before {content: "07";}
    #Main .block-post-01 .post .layout_report figure:nth-child(8) figcaption::before {content: "08";}
    #Main .block-post-01 .post .layout_report figure:nth-child(9) figcaption::before {content: "09";}
    #Main .block-post-01 .post .layout_report figure:nth-child(10) figcaption::before {content: "10";}
    /* aside */
    /* aside */
    #Main .block-post-01 .post aside {
        border-top: 1px solid #ddd;
        padding-top: 2em;
        margin-top: 3em;
    }
    #Main .block-post-01 .post aside a {
        display: block;
        position: relative;
        text-decoration: none;
        color: #353535;
    }
    #Main .block-post-01 .post aside figure {
        position: relative;
    }
    #Main .block-post-01 .post aside .data .new {
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -100%;
        width: 5em;
        height: 5em;
        background: transparent url(../img/common/icon-new-01.png) no-repeat 0 0;
        background-size: contain;
        overflow: hidden;
        z-index: 2;
    }
    #Main .block-post-01 .post aside .data .modelroom {
        background: transparent url(../img/common/grad-04.png) no-repeat 50% 0;
        background-size: 100% 100%;
        color: #fff;
        padding: 0.5em 0;
        margin: 0;
        line-height: 2;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        font-size: 100%;
    }
    #Main .block-post-01 .post aside .data h5 {
        font-weight: bold;
        font-size: 150%;
        color: #243248;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
        line-height: 1;
    }
    #Main .block-post-01 .post aside .data .address {
        font-weight: bold;
        font-size: 100%;
        color: #243248;
        line-height: 1;
    }
    #Main .block-post-01 .post aside .data .lead {
        margin-bottom: 1.5em;
    }
    #Main .block-post-01 .post aside .cv {
        display: table;
        width: 100%;
    }
    #Main .block-post-01 .post aside .cv li {
        display: table-cell;
    }
    #Main .block-post-01 .post aside .cv li a {
        display: block;
        color: #fff;
        font-size: 125%;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 1em 0;
        font-size: 93.75%;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    #Main .block-post-01 .post aside .cv li.sold a {
        background: transparent url(../img/common/btn-bg-05.png) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    #Main .block-post-01 .post aside .cv li.request a {
        background: transparent url(../img/common/btn-bg-03.png) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    #Main .block-post-01 .post aside .cv li.reserve a {
        background: transparent url(../img/common/btn-bg-04.png) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    #Main .block-post-01 .post aside .cv li a:hover {
        opacity: 0.8;
    }
    #Main .block-post-01 .post aside .cv li a::before {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        margin-right: 1em;
        vertical-align: text-bottom;
    }
    #Main .block-post-01 .post aside .cv li.sold a::before {
        background: transparent url(../img/common/icon-sold-01.png) no-repeat 50% 50%;
        background-size: contain;
    }
    #Main .block-post-01 .post aside .cv li.request a::before {
        background: transparent url(../img/common/icon-request-01.png) no-repeat 50% 50%;
        background-size: contain;
    }
    #Main .block-post-01 .post aside .cv li.reserve a::before {
        background: transparent url(../img/common/icon-reserve-01.png) no-repeat 50% 50%;
        background-size: contain;
    }

    /* COMMON::PROPERTY::01
    -----------------------*/
    .block-property-01 .information > header > div + div {
        margin-top: 2em;
    }
    .block-property-01 .information > .propertylist {
        margin-top: 2em;
    }
    /* POST::PRESET::01
    -----------------------*/
    /* alignment */
    .post_content .alignright,
    .post_content .alignleft,
    .post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5em; }
    .post_content blockquote.alignleft, .post_content img.alignleft { display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5em; }
    .post_content .wp-caption.alignleft { display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5em; }
    .post_content blockquote.alignright, .post_content img.alignright { display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5em; }
    .post_content .wp-caption.alignright { display:block; margin-left:auto; margin-right:auto; margin-bottom:0.5em; }
    .post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:0.25em; margin-bottom:0.25em; }
    
    /* text and headline */
    .post_content p { line-height:2; margin:0 0 2em 0; }
    .post_content p br { display: none; }
    .post_content hr { margin:0 0 3em 0; clear:both; }
    .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:600; margin:0 0 0.5em 0; padding: 0; }
    .post_content h1 {
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        font-size: 150%;
        text-align: center;
        line-height: 1.5;
        margin-bottom: 1em;
    }
    .post_content h2 {
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        font-size: 137.5%;
        line-height: 1.5;
        margin-bottom: 1em;
    }
    .post_content h3 { font-size:130%; }
    .post_content h4 { font-size:120%; }
    .post_content h5 { font-size:110%; }
    .post_content h6 { font-size:100%; }
    
    /* image */
    .post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image
     { height:auto; max-width:100%; }
    
    /* list */
    .post_content li, .post_content dt, .post_content dd { line-height:2.2; }
    .post_content ul, .post_content ol, .post_content dl { margin-bottom:1em; }
    .post_content ol { list-style:decimal outside none; margin-left:1.5em; }
    .post_content ul { list-style:circle outside none; margin-left:1.3em; }
    .post_content li > ul, .post_content li > ol { margin-bottom:0; }
    .post_content dt { font-weight:bold; }
    .post_content dd { margin-bottom:1em; }
    
    /* table */
    .post_content table { margin:0 0 1em 0; }
    .post_content td, .post_content th { border:1px solid #ccc; padding:1em 1em 0.75em; line-height:2.2; }
    .post_content th { background:#fafafa; font-weight:normal; }
    
    /* block quote */
    .post_content blockquote { margin:0 0 1em 0; padding:1em 1em 1px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; }
    .post_content blockquote:before { content: '"'; font-style:italic; font-size:200%; font-weight:normal; line-height:1.2; width:2em; height:2em; position:absolute; top:0.1em; left:0.2em; color:#607b5a; }
    .post_content blockquote:after { content: '"'; font-style:italic; font-size:200%; font-weight:normal; text-align:left; line-height:3em; width:2em; height:2em; position:absolute; bottom:-0.25em; right:-1.25em; color:#607b5a; }
    .post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }
    
    /* captions */
    .post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
    .post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }
    
    /* gallery */
    .gallery { margin-bottom:20px; }
    .gallery a img { border: 0 !important; }
    .gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
    .gallery-columns-1 .gallery-item { max-width:100%; }
    .gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
    .gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
    .gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
    .gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
    .gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
    .gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
    .gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
    .gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
    .gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
    .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
    .gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
    .gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
    .gallery-item:hover .gallery-caption { opacity: 1; }
    .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }
    
    
    /* etc */
    .post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
    .post_content address { margin:0 0 24px 0; line-height:2.2; }
    .post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
    .post_content .sticky { }
    .post_content .mejs-container { margin: 12px 0 25px; }
    /* meta */
    .post .meta { background-color:#f6f6f6; color:#58331b; padding: 0.5em 1em; text-align: right; border-radius: 5px; border-bottom: 0 none transparent; margin-top: 2em;}

/* =====
 * SP::End
========================================================= */
}
@media only screen and (max-width:768px) and (orientation: landscape) {
/* =====
 * SP(LANDSCAPE)::Start
========================================================= */
/* =====
 * SP(LANDSCAPE)::End
========================================================= */
}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}
@media only screen and (min-width:769px) {
/* =====
 * PC::Start
========================================================= */
    body {
        padding-top: 80px;
    }
    /* -----
         * Module
        ----------------------------------------------------------------------------- */
    .sp { display: none!important; }
    .btn {transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;;cursor: pointer;}
    .btn:hover { opacity: 0.75; }
    .container { max-width: 1260px;margin: 0 auto;padding:4em 0 8em; }
    img {
        display: block;
    }
    .inner {
        padding: 1.25em;
    }
    a.btn-style-01,
    a.btn-style-01::before,
    a.btn-style-02,
    a.btn-style-02::before,
    a.btn-style-03,
    a.btn-style-03::before {
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    a.btn-style-01:hover ,
    a.btn-style-02:hover {
        opacity: 0.9;
    }
    a.btn-style-01:hover::before,
    a.btn-style-02:hover::before {
        right: 0.6em;
    }
    a.btn-style-03:hover {
        background-color: #353535;
        color: #fff;
    }
    a.btn-style-03:hover::before {
        right: 1.2em;
        color: #fff;
    }
    /* -----
         * Header
        ----------------------------------------------------------------------------- */
    #GlobalHeader {
        background: #0b1942 url(../img/common/grad-01.png) no-repeat 50%;
        background-size: 100% 100%;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
        padding: 0 1em;
        box-sizing: border-box;
    }
    #GlobalHeader .logo {
        float: left;
    }
    #GlobalHeader .logo img {
        height: 80px;
        width: auto;
        display: block;
    }
    #GlobalNavi > ul {
    }
    #GlobalNavi > ul > li {
        font-size: 87.5%;
    }
    #GlobalNavi > ul > li.request {
        position: absolute;
        top: 0;
        right: 12em;
        z-index: 2;
    }
    #GlobalNavi > ul > li.reserve {
        position: absolute;
        top: 0;
        right: 2em;
        z-index: 2;
    }
    #GlobalNavi > ul > li.request .toggle,
    #GlobalNavi > ul > li.reserve .toggle {
        display: block;
        padding: 0.75em 0;
        line-height: 1;
        color: #fff;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
        width: 10em;
    }
    #GlobalNavi > ul > li.request .toggle {
        background: #e0b100 url(../img/common/btn-bg-01.png) no-repeat 50%;
        background-size: 100% 100%;
    }
    #GlobalNavi > ul > li.reserve .toggle {
        background: #e28a00 url(../img/common/btn-bg-02.png) no-repeat 50%;
        background-size: 100% 100%;
    }
    #GlobalNavi > ul > li.request .toggle + ul,
    #GlobalNavi > ul > li.reserve .toggle + ul {
        height: 0;
        width: 0;
        overflow: hidden;
    }
    #GlobalNavi > ul > li.request .toggle + ul li,
    #GlobalNavi > ul > li.reserve .toggle + ul li {
        margin: 0;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a,
    #GlobalNavi > ul > li.reserve .toggle + ul li a {
        background-color: #fff;
        padding: 0 4em 0 1em;
        width: 15em;
        position: relative;
        opacity: 0;
        font-weight: bold;
        transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 240ms, padding cubic-bezier(0.445, 0.05, 0.55, 0.95) 240ms;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a.btn {
        color: #e0b100;
    }
    #GlobalNavi > ul > li.reserve .toggle + ul li a.btn {
        color: #e28a00;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a.btn::after,
    #GlobalNavi > ul > li.reserve .toggle + ul li a.btn::after {
        content: "〉";
        display: block;
        line-height: 1;
        position: absolute;
        top: 50%;
        right: 0.5em;
        margin-top: -0.5em;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    body.ie #GlobalNavi > ul > li.request .toggle + ul li a.btn::after,
    body.ie #GlobalNavi > ul > li.reserve .toggle + ul li a.btn::after {
        right: 1em;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a.btn:hover,
    #GlobalNavi > ul > li.reserve .toggle + ul li a.btn:hover {
        background-color: #f1f1f1;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a.btn:hover::after,
    #GlobalNavi > ul > li.reserve .toggle + ul li a.btn:hover::after {
        right: 1em;
    }
    body.ie #GlobalNavi > ul > li.request .toggle + ul li a.btn:hover::after,
    body.ie #GlobalNavi > ul > li.reserve .toggle + ul li a.btn:hover::after {
        right: 1.5em;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a.title,
    #GlobalNavi > ul > li.reserve .toggle + ul li a.title {
        display: block;
        pointer-events: none;
        text-decoration: none;
        color: #fff;
    }
    #GlobalNavi > ul > li.request .toggle + ul li a.title {
        background: #e0b100 url(../img/common/btn-bg-01.png) no-repeat 50%;
        background-size: 100% 100%;
    }
    #GlobalNavi > ul > li.reserve .toggle + ul li a.title {
        background: #e28a00 url(../img/common/btn-bg-02.png) no-repeat 50%;
        background-size: 100% 100%;
    }
    #GlobalNavi > ul > li.request.on,
    #GlobalNavi > ul > li.reserve.on {
        z-index: 1;
        right: 2em;
    }
    #GlobalNavi > ul > li.request.on .toggle {
        margin-right: 10em;
    }
    #GlobalNavi > ul > li.reserve.on .toggle {
        margin-left: 10em;
    }
    #GlobalNavi > ul > li.request.on .toggle + ul,
    #GlobalNavi > ul > li.reserve.on .toggle + ul {
        width: 20em;
        height: auto;
        max-height: 600px;
        overflow-y: scroll;
        box-sizing: border-box;
    }
    #GlobalNavi > ul > li.request.on .toggle + ul li a,
    #GlobalNavi > ul > li.reserve.on .toggle + ul li a {
        padding: 1em 4em 1em 1em;
        opacity: 1;
    }
    #GlobalNavi > ul > li.request.on .toggle + ul li + li a,
    #GlobalNavi > ul > li.reserve.on .toggle + ul li + li a {
        border-top: 1px solid #ddd;
    }
    #GlobalNavi > ul > li.menu .toggle {
        display: none;
    }
    #GlobalNavi > ul > li.menu .toggle + ul {
        display: table;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li {
        display: table-cell;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li.sp {
        display: none;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li a {
        color: #bcc5d6;
        display: block;
        padding: 1em 2em;
        line-height: 1;
        font-weight: bold;
        white-space: nowrap;
        position: relative;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li a:hover,
    .top #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(1) a,
    .property #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(2) a,
    .result #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(3) a,
    .concept #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(4) a,
    .sic #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(5) a {
        color: #fff;
        opacity: 1;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li + li a::before {
        content: "";
        display: block;
        width: 1px;
        height: 1em;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -0.5em;
        background-color: #586b94;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li a::after {
        content: "";
        display: block;
        height: 2px;
        width: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        background-color: #fff;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    #GlobalNavi > ul > li.menu .toggle + ul li a:hover::after,
    .top #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(1) a::after,
    .property #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(2) a::after,
    .result #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(3) a::after,
    .concept #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(4) a::after,
    .sic #GlobalNavi > ul > li.menu .toggle + ul li:nth-child(5) a::after {
        left: 0;
        width: 100%;
    }

    /* -----
         * Navigation
        ----------------------------------------------------------------------------- */
    #GlobalNavi {
        float: right;
    }
    /* -----
         * Side
        ----------------------------------------------------------------------------- */
    /* -----
         * Main
        ----------------------------------------------------------------------------- */
    #Main {
    }
    #Main .container {
    }
    #Breadcrumb {
        background: transparent url(../img/common/grad-04.png) no-repeat 50% 0;
        background-size: 100% 200%;
        border-top: 1px solid #2a4e94;
        overflow: hidden;
    }
    #Breadcrumb ul {
        box-sizing: border-box;
        margin: 0 1em;
    }
    #Breadcrumb ul li {
        color: #fff;
        float: left;
        margin: 0;
        font-size: 75%;
        line-height: 1;
        padding: 1em 0.5em;
        position: relative;
    }
    #Breadcrumb ul.col-05-list li:nth-child(3) {max-width: 15em;}
    #Breadcrumb ul.col-07-list li:nth-child(3),#Breadcrumb ul.col-07-list li:nth-child(5) {max-width: 10em;}
    #Breadcrumb ul li a {
        font-weight: bold;
        text-decoration: none;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    #Breadcrumb ul li a:hover {
        color: #fff;
    }
    #Breadcrumb ul li.separator {
        height: 1em;
        padding: 1em 0.5em;
        color: #586b94;
    }
    .arealist h4,
    .eventlist h4,
    .newslist h4 {
        font-size: 112.5%;
        padding: 1.5em 1.5em 0.5em;
    }
    .arealist h4::before,
    .eventlist h4::before,
    .newslist h4::before {
        margin-top: 0;
    }
    .arealist {
        width: 500px;
        height: 500px;
        min-height: auto;
    }
    .arealist ul {
        height: 100%;
    }
    .arealist ul li {
        font-size: 93.75%;
    }
    .arealist ul li a span {
        position: relative;
        z-index: 2;
    }    
    .arealist ul li a::before {
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
    }
    .arealist ul li a:hover {
        color: #fff;
    }
    .arealist ul li a:hover::before {
        transform: skewX(0);
        left: 0;
    }
    .newslist,
    .eventlist {
        padding-bottom: 0;
    }
    .newslist ul,
    .eventlist ul {
        overflow-y: scroll;
        max-height: 400px;
    }
    .newslist ul li > a {
        font-size: 87.5%;
    }
    .newslist ul li a:hover h5,
    .newslist ul li a:hover .excerpt,
    .eventlist ul li a:hover h5,
    .eventlist ul li a:hover .excerpt {
        text-decoration: underline;
    }
    .eventlist ul li figure + div {
        font-size: 87.5%;
        padding-left: 13em;
    }
    .eventlist .pdf > p a {
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;
    }
    .eventlist .pdf > p a:hover {
        background-color: #6687a7;
        color: #fff;
    }
    .eventlist .pdf > p a:hover::before {
     -webkit-filter: invert(0);
     -moz-filter: invert(0);
     -o-filter: invert(0);
     -ms-filter: invert(0);
     filter: invert(0);
    }
    .propertylist > ul {
        margin: -20px 10px 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;    
    }
    .propertylist > ul > li {
        margin: 20px 10px 0;
        width: calc(25% - 20px);
        position: relative;
        padding-bottom: 3.5em;
    }
    .propertylist > ul > li > a {
        padding: 10px 10px 0;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
        overflow: hidden;
    }
    .propertylist > ul > li > a:hover {
        background-color: rgba(255, 255, 255, 1);
    }
    .propertylist > ul > li > a::after {
        font-size: 87.5%;
    }
    .propertylist > ul > li > a > figure figcaption {
        font-size: 100%;
        letter-spacing: 0;
    }
    .propertylist > ul > li > a > figure img {
        transform-origin: 50% 100%;
        transform: scale(1.15,1.15);
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    .propertylist > ul > li > a:hover > figure img {
        transform: scale(1.1,1.1);
    }
    .propertylist > ul > li > a > figure + p {
        min-height: 3.4em;
        font-size: 87.5%;
    }
    .propertylist > ul > li > a .modelroom {
        padding: 0 1em;
        top: 0;
        left: 0;
        right: 0;
        font-size: 87.5%;
    }
    .propertylist > ul > li > a > .area {
        font-size: 87.5%;
    }
    .propertylist .report {
        margin: 0 10px 10px;
        display: block;
        overflow: hidden;
    }
    .propertylist .report h5 {
        font-size: 93.75%;
    }
    .propertylist .report img {
        width: 4.5em;
    }
    .propertylist .report a {
        font-size: 100%;
    }
    .propertylist .report figcaption {
        padding-left: 6em;
        font-size: 87.5%;
    }
    .propertylist .cv {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .propertylist .cv li a {
        font-size: 93.75%;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    .propertylist .cv li a:hover {
        opacity: 0.8;
    }
    /* -----
         * Footer
        ----------------------------------------------------------------------------- */
    #Colophon {
        background: transparent url(../img/common/grad-03.png) no-repeat 50% 100%;
        background-size: 100% 100%;
        position: relative;
    }
    #Colophon .container {
        display: table;
        border-spacing: 20px;
        width: 100%;
    }
    #Colophon .column {
        display: table-cell;
    }
    #Colophon .column h3 {
        color: #fff;
        border-bottom: 1px solid#586b94;
        font-size: 93.75%;
        line-height: 1;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
    #Colophon .column ul li a {
        font-size: 93.75%;
        color: #bcc5d6;
        text-decoration: none;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;

    }
    #Colophon .column ul li a:hover {
        color: #fff;
        text-decoration: underline;
    }
    #Colophon .column ul li.blank a {
        pointer-events: none;
        color: #8a98b4;
    }
    #Colophon .logo {
        float: right;
        padding-right: 1.5em;
    }
    #Colophon .logo img {
        height: 2.75em;
        width: auto;
    }
    #Colophon .goto-top {display: none;}
    #Colophon .copyright {
        background: #0b1942 url(../img/common/grad-01.png) no-repeat 50%;
        background-size: 100% 100%;
        font-size: 75%;
        font-weight: 300;
        border-top: 1px solid #2a4e94;
        padding: 1.5em 0 1.5em 2em;
        color: #fff;
    }
    /* -----
         * Child Common
        ----------------------------------------------------------------------------- */
    /* BLOCK::COMMON::01
    -----------------------*/
    .block-common-01 .slider-external {
        background: transparent url(../img/common/grad-02.png) no-repeat 50% 100%;
        background-size: 100% 100%;
        padding: 2em 0;
    }
    .block-common-01 .slider-external .slick-slide {
        width: 22em;
        margin: 1em;
    }
    /* BLOCK::COMMON::02
    -----------------------*/
    #Main .block-common-02 {
        border-top: 2px solid #f6f6f6;
        margin-top: 5em !important;
        background: transparent url(../img/top/bg-02.png) no-repeat 48% 20px;
        background-size: 852px auto;
    }
    #Main .block-common-02 h3 {
        max-width: 380px;
        margin: -0.5em auto 0;
    }
    #Main .block-common-02 h3 img,
    #Main .block-common-02 .custom-post-list img {
        display: block;
        width: 100%;
        height: auto;
    }
    #Main .block-common-02 .custom-post-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #Main .block-common-02 .custom-post-list article {
        margin-top: 2em;
        padding: 1em;
        width: 25%;
        background-color: #fff;
        position: relative;
        border-left: 1px dashed #ddd;
        border-bottom: 1px dashed #ddd;
        box-sizing: border-box;
    }
    #Main .block-common-02 .custom-post-list article:nth-child(4n),
    #Main .block-common-02 .custom-post-list article:last-child {
        border-right: 1px dashed #ddd;
    }
    #Main .block-common-02 .custom-post-list article a {
        color: #555;
        text-decoration: none;
    }
    #Main .block-common-02 .custom-post-list article .category {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: center;
    }
    #Main .block-common-02 .custom-post-list article .category a {
        display: inline-block;
        color: #fff;
        line-height: 2;
        padding: 0 1em;
        font-weight: 800;
    }
    #Main .block-common-02 .custom-post-list article .category a.product {background-color: #e83a47;}
    #Main .block-common-02 .custom-post-list article .category a.recipe {background-color: #a5d6e8;}
    #Main .block-common-02 .custom-post-list article .category a.media {background-color: #e83a47;}
    #Main .block-common-02 .custom-post-list article .category a.pickup {background-color: #3aade8;}
    #Main .block-common-02 .custom-post-list article .category a.information {background-color: #31ac23;}
    #Main .block-common-02 .custom-post-list article .category a.tool {background-color: #58331b;}
    #Main .block-common-02 .custom-post-list article h4 {
        font-weight: 600;
        text-align: center;
        margin: 1.5em 1em 0.5em;
        line-height: 1.4;
    }
    #Main .block-common-02 .custom-post-list article .date {
        text-align: center;
        color: #888;
        letter-spacing: 0.1em;
    }
    /* BLOCK::COMMON::03
    -----------------------*/
    #Main .block-common-03 .slider-billboard {
      overflow: hidden;
      padding-bottom: 2em;
    }
    #Main .block-common-03 .ttl-style-02 span {
        bottom: -2em;
    }
    #Main .block-common-03 .ttl-style-02 + .bg {
        position: relative;
        background: transparent url(../img/common/grad-02.png) no-repeat 50% 50%;
        background-size: 100% 100%;
        padding-top: 1px;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab {
        margin: -2em auto 0;
        max-width: 1260px;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab h4 {
        display: none;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul {
        margin: -20px 1em 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: 1px solid #2a4e94;
        background: transparent url(../img/common/grad-04.png) no-repeat 50% 0;
        background-size: 100% 200%;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li {
        margin: 0;
        width: 10%;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li a {
        display: block;
        padding:1em 0;
        text-align: center;
        text-decoration: none;
        color: #fff;
        position: relative;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li.blank a {
        color: #8a98b4;
        pointer-events: none;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li.current a {
        background-color: rgba(0, 0, 0, 0.3);
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li + li a::before {
        display: block;
        content: "";
        width: 1px;
        height: 1em;
        line-height: 1;
        background-color: #2a4e94;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -0.5em;
    }
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li.current a::before,
    #Main .block-common-03 .ttl-style-02 + .bg > .areatab ul li.current + li a::before {
        display: none;
    }
    #Main .block-common-03 .slider-billboard .slick-slide {
        width: 710px;
        margin: 1em;
        background-color: #000;
    }
    #Main .block-common-03 .slider-billboard .slick-slide img {
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;
        opacity: 0.4;
    }
    #Main .block-common-03 .slider-billboard .slick-current img {
        opacity: 1;
    }
    #Main .block-common-03 .slider-billboard .slick-dots {bottom: 0;}
    #Main .block-common-03 .custom-post-list img {
        display: block;
        width: 100%;
        height: auto;
    }
    #Main .block-common-03 .custom-post-list article {
        font-size: 112.5%;
        background-color: #fff;
        position: relative;
        border-bottom: 1px dashed #ddd;
    }
    #Main .block-common-03 .custom-post-list article + article {
        margin-top: 1.5em;
    }
    #Main .block-common-03 .custom-post-list article figure {
        float: left;
        width: 8em;
        margin-bottom: 1.5em;
    }
    #Main .block-common-03 .custom-post-list article .area {
        font-size: 100%;
        position: absolute;
        top: 0;
        left: 9em;
        background: #006eb5;
        color: #fff;
        padding: 0.25em 1em 0.1em;
    }
    #Main .block-common-03 .custom-post-list article .title {
        font-weight: 600;
        font-size: 112.5%;
        padding: 2.5em 1em 0.5em 8em;
        margin: 0;
        line-height: 1.4;
    }
    #Main .block-common-03 .custom-post-list article a {
        color: #555;
        text-decoration: none;
        display: block;
        overflow: hidden;
    }
    #Main .block-common-03 .custom-post-list article .detail {
        font-weight: 400;
        font-size: 100%;
        margin: 0 1em 1.5em 9em;
        line-height: 1;
    }
    #Main .block-common-03 .custom-post-list article .date {
        color: #888;
        letter-spacing: 0.1em;
        position: absolute;
        top: 0;
        right: 0;
    }
    /* BLOCK::ARCHIVE::01
    -----------------------*/
    #Main .block-news-01 {
        padding-top: 0;
    }
    #Main .block-news-01 .ttl-style-02 {
        background-image: url(../img/top/bg-01.jpg);
    }
    #Main .block-news-01 .ttl-style-02 span {
        bottom: -2em;
    }
    #Main .block-news-01 .ttl-style-02 + .bg {}
    #Main .block-news-01 .ttl-style-02 + .bg > .container {}
    #Main .block-news-01 .container article {
        position: relative;
        padding: 1em 2em;
    }
    #Main .block-news-01 .container article + article {
        border-top: 1px solid #d9d9d9;
    }
    #Main .block-news-01 .container article a {
        text-decoration: none;
        color: #555;
        line-height: 2;
    }
    #Main .block-news-01 .container article h4 {
        white-space: nowrap;
        width: 42em;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 112.5%;
        font-weight: 600;
    }
    #Main .block-news-01 .container article time {
        float: left;
        background-color: #1d968c;
        font-size: 75%;
        color: #fff;
        padding: 0.25em 1em 0.1em;
        margin-right: 1em;
    }
    .pagination,
    .post-navigation {
        text-align: center;
        padding: 3em 0;
    }
    .pagination h2,
    .post-navigation h2 {
        display: none;
    }
    .pagination .nav-links,
    .post-navigation .nav-links {
        overflow: hidden;
        font-size: 112.5%;
    }
    .post-navigation .nav-links .nav-next {
        float: right;
    }
    .post-navigation .nav-links .nav-previous {
        float: left;
    }
    .pagination .page-numbers {
        border: 1px solid #bcc5d6;
        background-color: #bcc5d6;
        display: inline-block;
        margin-right: 0.5em;
        padding: 0 0.75em;
        line-height: 2;
        text-decoration: none;
        color: #243248;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    .pagination a.page-numbers {
        color: #fff;
        background-color: transparent;
        border-color: #bcc5d6;
    }
    .pagination a.prev,
    .pagination a.next,
    .post-navigation .nav-previous a,
    .post-navigation .nav-next a {
        background-color: transparent;
        border-color: transparent;
        text-decoration: none;
    }
    .pagination a.page-numbers:hover,
    .post-navigation a.page-numbers:hover {
        background-color: #bcc5d6;
        color: #243248;
    }
    /* COMMON::PROPERTY::01
    -----------------------*/
    .block-property-01 .banner_kumamoto {
      max-width: 600px;
      margin: -2em auto 2em;
    }
    .block-property-01 .information > header {
        display: table;
        border-spacing: 20px;
        width: 100%;
    }
    .block-property-01 .information > header > div {
        display: table-cell;
        width: 50%;
        padding-bottom: 3em;
    }
    .slider-count-1 + .block-property-01 .container {
        padding-top: 1em;
    }
    /* POST::PRESET::01
    -----------------------*/
    #Main .block-post-01 {
        padding-top: 0;
    }
    #Main .block-post-01 .ttl-style-02 {
        background-image: url(../img/top/bg-01.jpg);
    }
    #Main .block-post-01 .ttl-style-02 + .bg {
        padding-top: 1px;
    }
    #Main .block-post-01 .ttl-style-02 + .bg > .container {
        margin-top: -2em;
        padding-top: 0;
    }
    #Main .block-post-01 .post .ttl-style-01 {
        font-size: 125%;
        background-color: #e6eaf0;
        padding: 1em;
        color: #29445c;
    }
    #Main .block-post-01 .post .post_content {
        max-width: 60em;
        margin: 0 auto;
    }
    #Main .block-post-01 .post .post_content .excerpt {
        font-size: 112.5%;
        line-height: 2;
        padding: 1em;
    }
    /* report */
    #Main .block-post-01 .post .layout_report figure {
        position: relative;
        margin-top: 3em;
        overflow: hidden;
    }
    #Main .block-post-01 .post .layout_report figure + figure {
    }
    #Main .block-post-01 .post .layout_report figure img {
        width: 18em;
        float: left;
    }
    #Main .block-post-01 .post .layout_report figure figcaption {
        padding: 2.5em;
        font-size: 112.5%;
        line-height: 2;
        position: relative;
        text-indent: 3em;
        background-color: #fafafa;
        margin: 1em 0 0 15em;
    }
    #Main .block-post-01 .post .layout_report figure figcaption::before {
        display: block;
        background-color: #e6eaf0;
        color: #29445c;
        width: 2em;
        height: 2em;
        line-height: 2;
        text-align: center;
        text-indent: 0;
        position: absolute;
        top: 0;
        left: 0;
        font-size: 200%;
        font-family: 'EB Garamond', serif;
    }
    #Main .block-post-01 .post .layout_report figure:nth-child(1) figcaption::before {content: "01";}
    #Main .block-post-01 .post .layout_report figure:nth-child(2) figcaption::before {content: "02";}
    #Main .block-post-01 .post .layout_report figure:nth-child(3) figcaption::before {content: "03";}
    #Main .block-post-01 .post .layout_report figure:nth-child(4) figcaption::before {content: "04";}
    #Main .block-post-01 .post .layout_report figure:nth-child(5) figcaption::before {content: "05";}
    #Main .block-post-01 .post .layout_report figure:nth-child(6) figcaption::before {content: "06";}
    #Main .block-post-01 .post .layout_report figure:nth-child(7) figcaption::before {content: "07";}
    #Main .block-post-01 .post .layout_report figure:nth-child(8) figcaption::before {content: "08";}
    #Main .block-post-01 .post .layout_report figure:nth-child(9) figcaption::before {content: "09";}
    #Main .block-post-01 .post .layout_report figure:nth-child(10) figcaption::before {content: "10";}
    /* aside */
    #Main .block-post-01 .post aside {
        border-top: 1px solid #ddd;
        padding-top: 2em;
        margin: 3em auto;
        max-width: 60em;
    }
    #Main .block-post-01 .post aside a {
        display: block;
        position: relative;
        text-decoration: none;
        color: #353535;
    }
    #Main .block-post-01 .post aside a:hover {
        text-decoration: underline;
    }
    #Main .block-post-01 .post aside figure {
        float: left;
        width: 20em;
        position: relative;
    }
    #Main .block-post-01 .post aside .data {
        padding-left: 22em;
    }
    #Main .block-post-01 .post aside .data .new {
        position: absolute;
        top: 0;
        left: 0;
        text-indent: -100%;
        width: 5em;
        height: 5em;
        background: transparent url(../img/common/icon-new-01.png) no-repeat 0 0;
        background-size: contain;
        overflow: hidden;
        z-index: 2;
    }
    #Main .block-post-01 .post aside .data .modelroom {
        float: left;
        background: transparent url(../img/common/grad-04.png) no-repeat 50% 0;
        background-size: 100% 100%;
        color: #fff;
        padding: 0.5em 0;
        margin: 0;
        line-height: 2;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        font-size: 100%;
        width: 20em;
    }
    #Main .block-post-01 .post aside .data h5 {
        font-weight: bold;
        font-size: 150%;
        color: #243248;
        margin-bottom: 0.5em;
        line-height: 1;
    }
    #Main .block-post-01 .post aside .data .address {
        font-weight: bold;
        font-size: 100%;
        color: #243248;
        line-height: 1;
    }
    #Main .block-post-01 .post aside .data .lead {
        margin-bottom: 1.5em;
    }
    #Main .block-post-01 .post aside .cv {
        display: table;
        padding-left: 2em;
    }
    #Main .block-post-01 .post aside .cv li {
        display: table-cell;
    }
    #Main .block-post-01 .post aside .cv li a {
        display: block;
        color: #fff;
        font-weight: bold;
        text-align: center;
        text-decoration: none;
        padding: 1em 4em;
        font-size: 93.75%;
        transition: all cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms;
    }
    #Main .block-post-01 .post aside .cv li.sold a {
        background: transparent url(../img/common/btn-bg-05.png) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    #Main .block-post-01 .post aside .cv li.request a {
        background: transparent url(../img/common/btn-bg-03.png) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    #Main .block-post-01 .post aside .cv li.reserve a {
        background: transparent url(../img/common/btn-bg-04.png) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    #Main .block-post-01 .post aside .cv li a:hover {
        opacity: 0.8;
    }
    #Main .block-post-01 .post aside .cv li a::before {
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        margin-right: 1em;
        vertical-align: text-bottom;
    }
    #Main .block-post-01 .post aside .cv li.sold a::before {
        background: transparent url(../img/common/icon-sold-01.png) no-repeat 50% 50%;
        background-size: contain;
    }
    #Main .block-post-01 .post aside .cv li.request a::before {
        background: transparent url(../img/common/icon-request-01.png) no-repeat 50% 50%;
        background-size: contain;
    }
    #Main .block-post-01 .post aside .cv li.reserve a::before {
        background: transparent url(../img/common/icon-reserve-01.png) no-repeat 50% 50%;
        background-size: contain;
    }
    /* alignment */
    .post_content .alignright { float:right;width:48% !important;margin-left: 2%;margin-bottom: 2em; }
    .post_content .alignleft { float:left;width:48%!important;margin-right: 2%;margin-bottom: 2em; }
    .post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:2em; }
    .post_content img.alignleft,
    .post_content img.alignright { width: 100%;height:auto; }
    .post_content .wp-caption.alignleft { float:left;width:48%!important;margin-right: 2%; }
    .post_content .wp-caption.alignright { float:right;width:48% !important;margin-left: 2%; }
    .post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:1em; margin-bottom:1em; }
    
    
    /* text and headline */
    .post_content p { line-height:2; margin:0 0 2em 0; }
    .post_content hr { margin:0 0 2em 0; clear:both; }
    .post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:600; margin:0 0 10px 0; padding:10px 0 0 0; }
    .post_content h1 {
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        font-size: 150%;
        text-align: center;
        line-height: 1.5;
        margin-bottom: 1.5em;
        clear: both;
    }
    .post_content h2 {
        font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
        font-size: 137.5%;
        line-height: 1.5;
        margin-bottom: 1.5em;
    }
    .post_content h3 { font-size:130%; }
    .post_content h4 { font-size:120%; }
    .post_content h5 { font-size:110%; }
    .post_content h6 { font-size:100%; }
    
    
    /* image */
    .post_content img {display: inline-block;}
    .post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image
     { height:auto; max-width:100%; }
    
    
    /* list */
    .post_content li, .post_content dt, .post_content dd { line-height:2.2; }
    .post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
    .post_content ol { list-style:decimal outside none; margin-left:1.5em; }
    .post_content ul { list-style:circle outside none; margin-left:1.3em; }
    .post_content li > ul, .post_content li > ol { margin-bottom:0; }
    .post_content dt { font-weight:bold; }
    .post_content dd { margin-bottom:1em; }
    
    
    /* table */
    .post_content table { margin:0 0 24px 0; }
    .post_content td, .post_content th { border:1px solid #ccc; padding:10px 15px 7px; line-height:2.2; }
    .post_content th { background:#fafafa; font-weight:normal; }
    
    
    /* block quote */
    .post_content blockquote { margin:0 0 24px 0; padding:27px 30px 1px; border:1px solid #ccc; box-shadow:0 0 3px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; clear:both;}
    .post_content blockquote:before { content: '"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#607b5a; }
    .post_content blockquote:after { content: '"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#607b5a; }
    .post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }
    
    /* captions */
    .post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
    .post_content .wp-caption-text { text-align:center; font-size:100%; font-style:italic; line-height:1.5; margin:9px auto; }
    .post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }
    
    
    /* gallery */
    .gallery { margin-bottom:20px; }
    .gallery a img { border: 0 !important; }
    .gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
    .gallery-columns-1 .gallery-item { max-width:100%; }
    .gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
    .gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
    .gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
    .gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
    .gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
    .gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px);	max-width:calc(14.28% - 4px); }
    .gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
    .gallery-columns-9 .gallery-item { max-width: 9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
    .gallery-columns-10 .gallery-item { max-width: 7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
    .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
    .gallery-caption { background-color:rgba(0, 0, 0, 0.7);	-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
    .gallery-caption:before { content: ""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
    .gallery-item:hover .gallery-caption { opacity: 1; }
    .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display: none; }
    
    
    /* etc */
    .post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
    .post_content address { margin:0 0 24px 0; line-height:2.2; }
    .post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
    .post_content .sticky { }
    .post_content .mejs-container { margin: 12px 0 25px; }

    /* meta */
    .post .meta { background-color:#f6f6f6; color:#58331b; padding: 0.5em 1em; text-align: right; border-radius: 5px; border-bottom: 0 none transparent; margin-top: 2em;}

    /* BLOCK::404::01
    -----------------------*/
    .block-404-01 {
        padding: 40px;
    }
    .block-404-01 .btn {
        text-align: center;
        margin-top: 3em;
    }

/* =====
 * PC::End
========================================================= */
}
/* =====
 * TAB::Start
========================================================= */
@media only screen and (min-width: 769px) and (max-width: 1260px) {
    #GlobalNavi > ul > li.menu .toggle + ul li a {
        padding: 1em;
    }
    .propertylist > ul > li {
        width: calc(33.33% - 20px);
    }
}
/* =====
 * TAB::End
========================================================= */