.sp {
    display: none;
}

.pc {
    display: block;
}

.pc-only {
    display: inline-block;
}

@media screen and (max-width: 640px) {
    .sp {
        display: block;
    }
    .pc-only {
        display: none;
    }
    .wrapper {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .wrapperMin {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }
    .section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    /*button*/
    .btn.btnStyle01,
    .btn.return {
        font-size: 14px;
    }
    /*title*/
    .ttlStyle01.mb0 {
        margin-bottom: 0;
    }
    .ttlStyle01 .en {
        font-size: 20px;
    }
    .ttlStyle01 .ja {
        font-size: 10px;
    }
    .ttlStyle02 {
        font-size: 15px;
    }
    .ttlStyle04 {
        font-size: 15px;
    }
    .ttlStyle04::before {
        width: 19px;
        height: 16px;
    }
    .ttlStyle05 {
        font-size: 18px;
    }
    .voiceBox p {
        font-size: 12px;
    }
    /*list*/
    ul.listInfo time {
        width: 100%;
        margin-right: 0;
    }
    /*font*/
    ul.listInfo * {
        font-size: 13px;
    }
    /*button*/
    .btn.btnStyle02 {
        font-size: 12px;
        padding: 10px;
        text-align: center;
        margin-left: 0;
    }
    .btn.btnStyle02.long {
        width: 100%;
        font-size: 13px;
    }
    /*header
  *******************************/
    body {
        margin-top: 55px;
    }
    #header {
        height: 55px;
    }
    #logo {
        width: 100px;
    }
    ul#subNav a {
        font-size: 10px;
        min-width: 70px;
    }
    #right {
        display: none;
    }
    .halfWrap .half {
        width: calc(100% + 30px);
        margin-right: -15px;
        margin-left: -15px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .halfWrap .half:first-of-type {
        border-bottom: 1px solid #c9c9c9;
        margin-bottom: 30px;
        padding-bottom: 30px;
    }
    .halfBorN .half:first-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .halfBorN .half:first-of-type *:last-of-type {
        margin-bottom: 0;
    }
    .halfBorN .half:first-of-type table tr:last-of-type>* {
        border-bottom: none;
    }
    /*font*/
    ul.labels {
        max-width: 100%;
    }
    ul.labels li,
    .favorite,
    .remove-parent {
        font-size: 11px;
    }
    /*glnv*/
    #glnv {
        display: none;
        position: absolute;
        left: 0;
        top: 43px;
        background: rgba(238, 238, 238, .95);
    }
    #glnv ul li {
        width: 50%;
    }
    #glnv ul li:nth-of-type(even) {
        border-left: 1px solid #C9C9C9;
    }
    #glnv ul li a {
        display: block;
        font-size: 12px;
        text-align: left;
        padding: 15px;
        border-bottom: 1px solid #C9C9C9;
    }
    #glnv a:hover::after {
        display: none;
    }
    /*sp-navi*/
    #spNavi,
    #spNavi span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    #spNavi {
        width: 25px;
        height: 16px;
        z-index: 999;
        position: relative;
    }
    #spNavi span {
        position: absolute;
        left: 0;
        width: 25px;
        height: 2px;
        background-color: #898989;
        border-radius: 3px;
    }
    #spNavi span:nth-of-type(1) {
        top: 0;
    }
    #spNavi span:nth-of-type(2) {
        top: 7px;
    }
    #spNavi span:nth-of-type(3) {
        bottom: 0;
    }
    #spNavi.active span:nth-of-type(1) {
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(5px) rotate(-45deg);
        background: #898989;
    }
    #spNavi.active span:nth-of-type(2) {
        opacity: 0;
    }
    #spNavi.active span:nth-of-type(3) {
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-9px) rotate(45deg);
        background: #898989;
    }
    /*footer
  *******************************/
    #footer {
        margin-top: 80px;
    }
    #footer>.wrapper {
        padding-top: 0;
    }
    #footLinks {
        background: #eeeeee;
        max-width: 100%;
        width: 100%;
        margin-top: 0;
    }
    #footLinks li {
        width: 50%;
        margin: 0;
        border-bottom: 1px solid #c9c9c9;
    }
    #footLinks li:nth-of-type(odd) {
        border-right: 1px solid #c9c9c9;
    }
    #footLinks li a {
        display: block;
        padding: 15px;
        font-size: 11px;
    }
    #footRight {
        width: 100%;
    }
    .sns {
        width: 100%;
        justify-content: center;
        margin: 20px 0;
    }
    #footRight .tel {
        width: 100%;
        text-align: center;
        line-height: 1.2em;
    }
    #footRight .tel .telNumber {
        display: block;
        margin: 0 15px;
        color: #fff;
        font-size: 17px;
        background: #000;
        padding: 10px 40px;
    }
    #footRight .tel .telNumber a {
        font-size: 25px;
    }
    #copy {
        border-top: 1px solid #c9c9c9;
        padding-top: 5px;
        margin-top: 20px;
    }
    /*toppage
  *******************************/
    #sliderTxt {
        width: 100%;
    }
    .slick-arrow {
        width: 15px;
        height: 15px;
    }
    .slick-prev {
        left: 10px;
    }
    .slick-next {
        right: 10px;
    }
    ul#guideNav {
        justify-content: center;
    }
    ul#guideNav li {
        width: 49%;
        max-width: 234px;
        margin-bottom: 15px;
    }
    ul#guideNav li:nth-of-type(odd) {
        margin-right: 2%;
    }
    ul#guideNav p {
        font-size: 11px;
        padding: 10px;
    }
    #footBanners .wrapper {
        margin: 30px auto;
    }
    #footBanners .wrapper li {
        width: 48%;
        text-align: center;
        margin-bottom: 10px;
    }
    /* 220202 クレジットカード追加 */
    .card {
        flex-direction: column;
    }
    .card-text {
        border-right: none;
        border-bottom: 1px solid #c8c8c8;
        padding-right: 0;
        padding-bottom: 20px;
    }
    .card-img {
        padding-left: 0;
        padding-top: 20px;
    }
    /*pages
  *******************************/
    /*know*/
    h1#knowTitle {
        min-height: auto;
        font-size: 14px;
        line-height: 2em;
        padding: 30px 15px;
    }
    h1#knowTitle.before {
        -webkit-background-size: cover;
        background-size: cover;
    }
    #pager a {
        font-size: 11px;
    }
    #pager.knowPager {
        justify-content: space-between;
    }
    #pager.knowPager li {
        margin: 0;
    }
    #pager.knowPager .next a,
    #pager.knowPager .prev a {
        padding: 0;
    }
    #pager.knowPager .next {
        width: calc((100% - 80px) / 2);
    }
    #pager.knowPager li:only-of-type {
        position: relative;
        right: calc((100% - 80px) / 2);
    }
    /*voiece*/
    .voiceBox {
        padding: 20px;
        margin-bottom: 20px;
    }
    /*rental-sale post
  *******************************/
    /*search detail*/
    #filterSearch {
        width: 100%;
    }
    #filterArea {
        padding-top: 20px;
    }
    #filterArea>div:first-of-type {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    .filter,
    #filterArea>div.long {
        width: 49%;
        -ms-align-items: flex-start;
        align-items: flex-start;
    }
    .filter .termLael {
        width: 100%;
        height: auto;
        background: #000;
        padding: 5px 0;
        margin-right: 0;
        position: relative;
    }
    .filter .termLael::after {
        font-family: FontAwesome;
        content: "\f107";
        color: #fff;
        position: absolute;
        right: 10px;
    }
    .filter .termLael.active::after {
        content: "\f106";
    }
    .filter ul {
        width: 100%;
        display: none;
    }
    .filter ul li {
        width: 100%;
        border-bottom: 1px solid #898989;
    }
    .filter ul li a {
        padding: 15px;
        display: block;
    }
    .searchBox {
        width: 100%;
        margin: 10px 0;
    }
    .searchBox input[type="text"] {
        width: 100%;
    }
    #detailSearch {
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-left: 0;
        position: relative;
    }
    #searchDetail {
        border: none;
        padding: 25px 15px;
    }
    #searchDetail img.close {
        display: none;
    }
    #searchDetail .title {
        font-size: 14px;
        border-radius: 0;
    }
    #searchDetail .halfWrap .half:first-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    #searchDetail .halfWrap .half:first-of-type {
        margin-bottom: 10px;
    }
    #searchDetail .halfWrap {
        margin-bottom: 10px;
    }
    #searchDetail .btnWrap .btn.return,
    #searchDetail .btnWrap .btn.btnStyle01 {
        width: 100%;
        font-size: 14px;
        margin-top: 15px;
        margin-right: 0;
    }
    .btn.return {
        order: 2;
        margin-right: 0;
    }
    #searchDetail .btnWrap .btn.btnStyle01 {
        order: 0;
    }
    .checkArea {
        justify-content: space-between;
    }
    .checkArea label {
        width: 49%;
        margin-bottom: 5px;
    }
    .checkArea.priceOp label {
        width: 100%;
        margin-top: 10px;
    }
    #searchDetail .titleSub {
        background: #eee;
        border-bottom: none;
        padding: 5px 10px;
        margin-bottom: 1px;
    }
    #searchDetail .titleSub::after {
        display: block;
        font-family: FontAwesome;
        content: "\f055";
        width: 20px;
        height: 20px;
        font-size: 16px;
        position: absolute;
        top: 5px;
        right: 8px;
    }
    #searchDetail .titleSub.active::after {
        content: "\f056";
    }
    #searchDetail .titleSub+.checkArea {
        display: none;
        border: 1px solid #eee;
        padding: 10px;
        margin-bottom: 1px;
    }
    #searchDetail .titleSub::before {
        display: none;
    }
    .windowBox {
        margin: 0 25px;
    }
    .windowBox .sum,
    .windowBox .inner p.tCenter {
        font-size: 16px;
    }
    .windowBox .inner p.tCenter {
        padding-top: 10px;
    }
    table.tblStyle03 tr>*,
    .windowBox .sum .plus {
        font-size: 13px;
    }
    .windowBox .close {
        right: 15px;
        top: 12px;
        width: auto;
    }
    .windowBox .title,
    table.tblStyle03 tr td .en {
        font-size: 15px;
    }
    .windowBox .inner p {
        font-size: 10px;
        padding: 15px 15px 0 15px;
    }
    .windowBox .tableWrap {
        height: 300px;
    }
    /*rental-post*/
    #galleryMain .image {
        height: 60vw;
    }
    #galleryThum .image {
        height: 18vw;
    }
    .tblStyle01 tr td,
    .tblStyle01 tr th {
        display: block;
        width: 100%;
    }
    .tblStyle01 tr th {
        border-bottom: none;
        padding-bottom: 0;
    }
    p#firstCost,
    p#printOpen {
        width: 48%;
        margin-left: 0;
        margin: 0 1%;
    }
    .postBtns {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
    }
    .postBtns>* {
        margin-bottom: 10px !important;
    }
    ul.detailSetting li {
        width: 50%;
    }
    /*post*/
    #postList .post {
        width: calc(100% + 30px);
        border-bottom: 1px solid #c9c9c9;
        padding-bottom: 30px;
        margin-bottom: 30px;
        margin-right: -15px;
        margin-left: -15px;
    }
    #postList .post a>img {
        min-width: auto;
        min-height: auto;
    }
    #postList .post:last-of-type {
        margin-bottom: 0;
    }
    #postList .post>* {
        width: 290px;
        margin-right: auto;
        margin-left: auto;
    }
    #postList ul.info li {
        font-size: 11px;
        margin-top: 5px;
    }
    .anker {
        padding-top: 50px;
        margin-top: -30px;
    }
    /*sitemap*/
    ul.sitemap {
        width: 48%;
    }
    ul.sitemap li a {
        font-size: 11px;
    }
    /*contact */
    #tellContact h3 span {
        font-size: 15px;
    }
    #tellContact .telNumber {
        font-size: 18px;
    }
    #tellContact .telNumber a {
        font-size: 25px;
    }
    .tblStyle04 tr th,
    .tblStyle04 tr td {
        width: 100%;
        display: block;
    }
    .tblStyle04 tr th {
        padding-bottom: 0;
    }
    .mwform-tel-field input[type="text"] {
        width: 80px !important;
    }
    /*access*/
    #pptyMap {
        height: auto;
        padding-top: 75%;
    }
    .access address {
        font-size: 12px;
        margin-bottom: 15px !important;
        display: block;
    }
    .access img {
        margin-bottom: 10px;
    }
    /*column*/
    .columnHead h1 {
        width: 100%;
        font-size: 20px;
    }
    #pager a {
        width: auto;
        padding: 10px;
    }
    .wp-pagenavi>*:not(.pages) {
        margin-bottom: 5px;
    }
    /*owner*/
    #owner p,
    .melitWrap .melit p,
    .trust p,
    #message p {
        font-size: 13px;
        line-height: 2em;
    }
    .melitWrap .melit {
        width: 100%;
        padding: 20px;
    }
    .melitWrap .head h3,
    .trust .ttlStyle05 {
        font-size: 16px;
    }
    .trust>div {
        width: 100%;
    }
    .trust .image {
        text-align: center;
        margin-top: 20px;
    }
    /*contactbenner*/
    #contactBanner {
        text-align: center;
    }
    #contactBanner .logo {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #898989;
        text-align: center;
        margin-bottom: 15px;
        -ms-align-items: flex-start;
        align-items: flex-start;
        padding: 0 0 15px;
    }
    #contactBanner .logo img {
        width: 120px;
    }
    #contactBanner .info {
        padding-left: 0;
    }
    #contactBanner .tel a.btn.btnStyle02 {
        margin-top: 10px;
    }
    #contactBanner .nam {
        font-size: 16px;
    }
    /*company*/
    .outlineWrap table {
        width: 100%;
    }
    .outlineWrap table th {
        width: 80px;
    }
    .outlineWrap table tr>* {
        font-size: 13px;
    }
    /*surrounding*/
    #Maps {
        margin-bottom: 40px;
        padding-top: 65%;
    }
    #postListMin .post {
        width: calc(100% + 30px);
        border-bottom: 1px solid #c9c9c9;
        padding-bottom: 30px;
        margin-bottom: 30px;
        margin-right: -15px;
        margin-left: -15px;
    }
    #postListMin .post a>img {
        min-width: auto;
        min-height: auto;
    }
    #postListMin .post:last-of-type {
        margin-bottom: 0;
    }
    #postListMin .post>* {
        width: 290px;
        margin-right: auto;
        margin-left: auto;
    }
    #postListMin ul.info li {
        font-size: 11px;
        margin-top: 5px;
    }
    /* surrounding詳細 */
    .shop_info-image {
        margin-bottom: 10px;
    }
    #postList.rental_nearest .post {
        margin-right: 0;
        margin-left: 0;
        padding-right: 10px;
        padding-left: 10px;
        border-bottom: none;
    }
    #postList.rental_nearest {
        width: 100%;
        border-bottom: 1px solid #c9c9c9;
    }
    #postList.rental_nearest .post>* {
        width: 100%;
    }
    .rental_nearest .slick-prev {
        left: 0;
    }
    .rental_nearest .slick-next {
        right: 0;
    }
    #postList.rental_nearest .slick-arrow {
        width: 30px;
        height: 30px;
    }
    .article-pagination {
        margin-top: 30px;
    }
    .article-pagination-prev,
    .article-pagination-back,
    .article-pagination-next {
        margin-bottom: 0;
    }
    /* residents_list */
    .residents_list {
        padding: 0
    }
    .residents_list-title {
        padding: 10px
    }
    .residents_list-wrap {
        padding: 23px 10px 0;
        justify-content: space-between;
    }
    .residents_list-title .ttl span {
        font-size: 15px
    }
    .ttlStyle01 .ja-bold {
        font-size: 20px
    }
    .residents_list-wrap__inner {
        max-width: 48%;
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .residents_list-wrap__inner a {
        padding: 10px 15px;
        font-size: 13px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%
    }
    /*residents_detail */
    .residents_detail .ttlStyleH1 {
        font-size: 20px
    }
    .residents_detail-content h3 {
        font-size: 14px;
        margin-top: 25px;
        margin-bottom: 10px
    }
    /*.residents_detail-content p {
        line-height: 2
    }*/
    .residents_detail #contactBanner .logo {
        border-right: 0
    }
    .residents_detail #contactBanner .info {
        padding-left: 0
    }
}