@charset "UTF-8";
#second article #contents .group {
    clear: both;
    border: solid 5px #d5eeff;
    border-radius: 10px;
    margin: 20px 0 0;
    padding: 20px;
}

#second article #contents .group:first-child {
    margin-top: 0;
}

#second article #contents .group h1 {
    color: #007aec;
    border-bottom: solid 2px #007aec;
    font-size: 157%;
    font-weight: 600;
    margin-bottom: 20px !important;
    padding-bottom: 15px;
}

#second article #contents .group table {
    border-collapse: separate;
}

#second article #contents .group th, #second article #contents .group td {
    padding: 15px;
    font-size: 114.2857%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

#second article #contents .group th {
    background: #d9ecff;
    color: #007aec;
    font-weight: 600;
    width: 18%;
}

#second article #contents .group tr:nth-child(odd) td {
    background: #eee;
}

#second article #contents .group td ul {
    /*clear: both;*/
    overflow: hidden;
}

#second article #contents .group td ul li {
    float: left;
    display: block;
    list-style: none;
    white-space: nowrap;
}

#second #footer_grp {
    margin-top: 80px;
}

/*
---------------------------------------
select btn, checkbox
---------------------------------------
*/
.select-wrap {
    position: relative;
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
}

.select-wrap:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #007bff;
    border-right: solid 2px #007bff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10%;
    margin-top: -4px;
}

select {
    outline: none;
    text-indent: 0.01px;
    text-overflow: '';
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: solid 2px #007bff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 3px 0px 0px #007bff;
    -moz-box-shadow: 0px 3px 0px 0px #007bff;
    -webkit-box-shadow: 0px 3px 0px 0px #007bff;
    padding: 6px 10px;
    width: 220px;
	height:40px;
    box-sizing: border-box;
    background: #fff;
}

select:hover {
    background: #d9ecff;
    transition: 0.5s;
    box-shadow: none;
}

select option {
    background-color: #fff;
    color: #333;
}

select::-ms-expand {
    display: none;
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #828c9a;
}

input[type=checkbox] {
    display: none;
}

.checkbox {
    box-sizing: border-box;
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    margin: 0 20px 8px 0;
    padding: 0 12px 0 42px;
    vertical-align: middle;
    cursor: pointer;
}

.checkbox:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 21px;
    display: block;
    margin-top: -7px;
    width: 5px;
    height: 9px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 10;
}

.checkbox:after {
    border: 2px solid #007aec;
    content: '';
    -webkit-transition: border-color 0.2s linear;
    transition: border-color 0.2s linear;
    position: absolute;
    top: 50%;
    left: 15px;
    display: block;
    margin-top: -10px;
    width: 16px;
    height: 16px;
    background: #fff;
}

input[type=checkbox]:checked + .checkbox:after {
    border-color: #f8007b;
    background: #f8007b;
}

input[type=checkbox]:checked + .checkbox:before {
    opacity: 1;
}

/*
---------------------------------------
search btn
---------------------------------------
*/
.search {
    width: 280px;
    height: 50px;
    line-height: 46px;
    margin: 20px auto 30px;
    font-size: 19px;
}

.search a {
    padding: 0 0 0 10px !important;
}

.search a::after {
    content: '';
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 10%;
    margin-top: -14px;
    background: url(../../common/img/ico_search02.gif) no-repeat 0 0;
    background-size: 100% auto;
}

.search a::before {
    content: none;
}

/*
---------------------------------------
accordion
---------------------------------------
*/
.accordion ul {
    display: none;
}

.accordion ul.open {
    display: block;
}

.accordion .checkbox {
    display: block;
    margin: 0;
}

.accordion p {
    position: relative;
    margin-top: 10px;
}

.accordion p:before {
    content: '';
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 4px #fff;
    border-right: solid 4px #fff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -9px;
}

.accordion p.active:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}

.accordion p span {
    font-size: 16px;
    margin-left: 5px;
}

.accordion .toggle01 {
    font-size: 20px;
    color: #fff;
    background: #007aec;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    cursor: pointer;
}

.accordion > li:first-of-type > .toggle01 {
    margin-top: 0;
}

.accordion .toggle01 .checkbox:after {
    border-color: #94cbff;
}

.toggle02,
.toggle03 {
    background: #d9ecff;
    color: #007aec;
    font-size: 18px;
    height: 40px;
    line-height: 39px;
}

.toggle02:before {
    border-color: #007aec !important;
}

.toggle02 .checkbox {
    display: inline-block;
}
.toggle03 {
	margin: 0 0 10px;
	padding: 0 20px;
	position: relative;
}
.toggle03::before {
	content: '';
	width: 10px;
	height: 10px;
	border: 0px;
	border-top: solid 4px #007aec;
	border-right: solid 4px #007aec;
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 3%;
	margin-top: -9px;
}
.toggle03.active::before {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin-top: -4px;
}

/*
---------------------------------------
details
---------------------------------------
*/
.details {
    overflow: hidden;
    padding: 5px 0 10px;
}
.details.is_hidden {
	display: none;
	padding: 0 0 40px;
}

.details li {
    font-size: 16px;
    float: left;
    width: 33.33333%;
    margin-top: 15px;
}


#property-detail0 .detail0_thumb {
    width: 48%;
    max-width: 360px;
    height: auto;
    float: left;
}

#property-detail0 dl {
    width: 50%;
    float: right;
    overflow: hidden;
    border: 1px solid #fff;
    border-top: none;
    background: #d9ecff;
}

#property-detail0 dt {
    width: 30%;
    float: left;
    padding: 10px;
    color: #007aec;
    box-sizing: border-box;
    border-top: #fff solid 1px;
    font-weight: 600;
}

#property-detail0 dd {
    margin-left: 30%;
    padding: 10px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    background: #fff;
}

#property-detail0 dd:nth-of-type(odd) {
    background: #eee !important;
}

#property-detail0 dd:after {
    display: block;
    content: "";
    clear: both;
}

.other_info {
    clear: both;
    padding-top: 20px;
    text-align: right;
}

@media screen and (max-width: 640px) {
    #property-detail0 .detail0_thumb, #property-detail0 dl {
        float: none;
        width: 100%;
    }

    #property-detail0 .detail0_thumb {
        max-width: 100%;
    }

    #property-detail0 dt {
        width: 100%;
        float: none;
    }

    #property-detail0 dd {
        margin-left: auto;
        border-left: none;
    }

    #property-detail0 dd:nth-of-type(odd) {
        background: #fff !important;
    }
}

/*
---------------------------------------
option
---------------------------------------
*/
.option {
    margin-bottom: 15px;
    overflow: hidden;
}

.option li a {
    font-size: 15px;
    color: #007aec;
    text-align: center;
    padding: 0;
    height: 27px;
    width: 90px;
    line-height: 27px;
    margin-right: 5px;
}

.option li a::before {
    content: none;
}

/*
---------------------------------------
window_bottom
---------------------------------------
*/
.window_bottom {
    height: 80px;
    background: #ddefff;
    border-top: solid 2px #0066ff;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 12;
    width: 100%;
}

.window_bottom .wrapper {
    text-align: center;
}

.window_bottom .inquiryAll {
    margin-bottom: 0;
}

.window_bottom .search {
    margin: 10px auto;
}

.window_bottom.wb02 .search {
    display: inline-block;
}

.window_bottom.wb02 .inquiryAll {
    /*display: inline-block;*/
    background: none;
    /*margin-left: 10%;*/
}

/*
---------------------------------------
campus.html
---------------------------------------
*/
#campus h1 {
    margin-bottom: 0 !important;
}

#campus ul {
    overflow: hidden;
}

#campus ul li {
    float: left;
    width: 23.0519481%;
    margin: 2.5974026% 2.5974026% 0 0;
}

#campus ul li:nth-child(4n) {
    margin-right: 0;
}

#campus ul li img {
    max-width: 150px;
}

#campus .checkbox, #senmon .checkbox {
    margin: 0;
    padding: 0 0 0 27px;
 /*   line-height: 0;*/
}

#campus .checkbox:before, #senmon .checkbox:before {
    left: 6px;
}

#campus .checkbox:after, #senmon .checkbox:after {
    left: 0;
}

#senmon ul {
    overflow: hidden;
}

#senmon ul li {
    font-size: 15px;
    float: left;
    width: 31.6017316%;
    margin: 2.5974026% 2.5974026% 0 0;
}

#senmon ul li:nth-child(3n) {
    margin-right: 0;
}

#senmon .checkbox {
    vertical-align: bottom;
}

#senmon .checkbox span {
    border: #dcdcdc solid 1px;
    padding: 15px;
    vertical-align: middle;
    display: table-cell;
    line-height: normal;
}

/*
---------------------------------------
list.html
---------------------------------------
*/
#contents.index {
    position: relative;
}

.w_filter {
    overflow: hidden;
    background: #ddefff;
    margin-bottom: -10px;
    border-radius: 10px 10px 0 0;
    padding: 10px 10px 0 0;
}

.filter {
    display: none;
    float: right;
}

.filter li {
    display: inline-block;
    width: 160px;
    height: 52px;
}

.filter .btn a {
    padding-top: 0;
}

.page_bottom {
    float: none;
    text-align: center;
    background: #ddefff;
    border-radius: 10px 10px 0 0;
    padding-top: 10px;
    margin-bottom: -10px;
}

#tab_menu {
    position: relative;
    clear: both;
}

.number {
    position: absolute;
    top: 8px;
    left: 20px;
    font-size: 18px;
    font-weight: 600;
}

.number span {
    font-size: 28px !important;
    color: #f8007b !important;
    margin-right: 5px !important;
    display: inline !important;
}

.order {
    position: absolute;
    top: 15px;
    left: 25%;
}

.order span {
    margin-right: 5px;
}

.order select {
    height: 30px;
    line-height: 24px;
    text-align: left;
    display: inline-block;
    width: 180px;
    color: #333333;
    font-size: 16px;
    padding: 0 0 0 10px;
}

.tabs {
    height: 60px;
    background: #ddefff;
    border-radius: 10px;
}

.tabs li {
    float: right;
}

.tabs li a {
    background: #71bcff;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: 160px;
    height: 52px;
    margin: 8px 8px 0 0;
    text-align: center;
    line-height: 52px;
    border-radius: 10px 10px 0 0;
    position: relative;
    padding-left: 25px;
    box-sizing: border-box;
}

.tabs li a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-size: 100% auto;
    height: 100%;
}

.tabs li:first-child a:before {
    background-image: url(../../img/list/icon_map_off.png);
    width: 23px;
}

.tabs li:first-child a.is_active:before {
    background-image: url(../../img/list/icon_map_on.png);
}

.tabs li:last-child a:before {
    background-image: url(../../img/list/icon_list_off.png);
    width: 18px;
}

.tabs li:last-child a.is_active:before {
    background-image: url(../../img/list/icon_list_on.png);
}

.tabs li a.is_active {
    background: #fff;
    color: #007aec;
}

.tab_content.is_show {
    display: block;
}

.tab_content {
    overflow: hidden;
    /*display: none;*/
}

.tab_content > section {
    margin-top: 20px;
}

.tab_content > section:last-of-type {
    margin-bottom: 20px !important;
}

#favorite_list .group {
    margin-bottom: 30px !important;
}

#favorite_list .group:first-of-type {
    margin-top: 20px !important;
}

.box_detail {
    display: none;
}

#favorite_map {
    margin-top: 20px;
}

#favorite_map div > a {
    position: relative;
    display: block;
}

#favorite_map div > a:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 4px #007bff;
    border-right: solid 4px #007bff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 3%;
    margin-top: -4px;
}

#favorite_map .realestates dd.image {
    background: none;
    padding: 0;
    border: none;
    width: 80px !important;
    margin-left: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

#favorite_map .realestates dt {
    font-size: 18px;
    margin-left: 95px !important;
}

#favorite_map .realestates dd {
    border-bottom: none;
    padding: 0;
    margin-left: 95px !important;
}

#favorite_map .realestates ul li span.pink {
    font-size: 22px;
}

#gmap {
    width: 100%;
    height: 0;
    padding-bottom: 64.9350649351% !important;
    box-sizing: border-box;
}

/*
---------------------------------------
pagination
---------------------------------------
*/
.pagination {
    margin-top: 40px;
}

.pagination ul {
    text-align: center;
    height: 30px;
}

.pagination ul li {
    display: inline-block;
    padding: 2px 8px;
    margin-right: 6px;
    background: #fff;
    border: solid 2px #007bff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0px 1px 0px 0px #007bff;
    -webkit-box-shadow: 0px 1px 0px 0px #007bff;
    box-shadow: 0px 1px 0px 0px #007bff;
    position: relative;
}

.pagination ul li a {
    display: block;
    color: #007aec;
    font-size: .875em;
    font-weight: bold;
}

.pagination ul li.active {
    background: #007bff;
    color: #fff;
}

.pagination ul li.active a {
    color: #fff;
}

.pagination ul li:hover {
    background: #d9ecff;
    transition: 0.5s;
    box-shadow: none;
}

.next {
    padding-right: 15px !important;
}

.next:before {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 2px #007aec;
    border-right: solid 2px #007aec;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -3px;
}

.prev {
    padding-left: 15px !important;
}

.prev:before {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-bottom: solid 2px #007aec;
    border-left: solid 2px #007aec;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 5px;
    margin-top: -3px;
}

#new_list {
    margin-bottom: 90px;
}

#new_list #pankuzu {
    padding: 30px 0 40px;
}

#new_list #pankuzu li,
#new_list #pankuzu li a {
    color: #383838;
}

.ttl01 {
    font-weight: bold;
    font-size: 20px;
    background: url(../../img/search/list/line.jpg) repeat-x left bottom;
    padding-bottom: 10px;
    margin-bottom: 15px;
    line-height: 1.6;
}

#room_num {
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    margin-bottom: 15px;
    padding-top: 10px;
}

#room_num p,
#room_num div {
    display: inline-block;
}

#room_num label {
    margin-right: 5px;
}

#room_num .left_box p:first-child span {
    font-size: 20px;
    color: #f8017a;
    letter-spacing: 0.01em;
    margin: 0 5px 0 2px;
}

#room_num .left_box p:last-child {
    color: #808080;
    margin-left: 10px;
}

#room_num .right_box div:last-child {
    margin-left: 18px;
}

#room_num .right_box {
    padding-top: 5px;
}

.select01 {
    box-shadow: none;
    font-size: 12px;
    color: #808080;
    border: solid 2px #bfbfbf;
    border-radius: 0;
	min-width: 150px;
    width: auto;
	height: 30px;
    padding: 3px 25px 3px 5px;
    background: url(../../img/list/arrow.png) no-repeat center right 5px;
    cursor: pointer;
}

.select01:hover {
    background: url(../../img/list/arrow.png) no-repeat center right 5px;
}

.detail_article #w_tab,
#new_list #w_tab {
    /*display: flex;*/
    justify-content: space-between;
    margin-bottom: 30px;
}

.detail_article #w_tab .pagination,
#new_list #w_tab .pagination {
    padding-top: 5px;
}

.detail_article .tabs,
#new_list .tabs {
    background: none;
    /*display: flex;*/
    flex-direction: row-reverse;
    width: 100%;
}

.detail_article .tabs {
    flex-direction: row;
}

.detail_article .tabs li,
#new_list .tabs li {
    float: left;
    display: inline-block;
    width: 50%;
}

.detail_article .tabs li a:before,
#new_list .tabs li a:before {
    content: none !important;
}

.detail_article .tabs li a,
#new_list .tabs li a {
    background: #ebf4fd;
    color: #0279ec;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
    padding-left: 0;
    width: 98%;
}

.detail_article .tabs li a.is_active,
#new_list .tabs li a.is_active {
    position: relative;
    background: #0279ec;
    color: #fff;
}

.detail_article .tabs li a.is_active:after,
#new_list .tabs li a.is_active:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-top: solid 13px #0279ec;
    border-right: solid 12px transparent;
    border-left: solid 12px transparent;
    bottom: -13px;
    left: 50%;
    margin-left: -6px;
}

.detail_article .tabs li:last-child a span,
#new_list .tabs li:last-child a span {
    display: inline-block;
    background: url(../../img/list/ic_list_off.png) no-repeat center left;
    padding-left: 25px;
}

.detail_article .tabs li:first-child a span,
#new_list .tabs li:first-child a span {
    display: inline-block;
    background: url(../../img/list/ic_map_off.png) no-repeat center left;
    padding-left: 25px;
}

.detail_article .tabs li:first-child a.is_active span,
#new_list .tabs li:first-child a.is_active span {
    background-image: url(../../img/list/ic_map_on.png);
}

.detail_article .tabs li:last-child a.is_active span,
#new_list .tabs li:last-child a.is_active span {
    background-image: url(../../img/list/ic_list_on.png);
}

.room_list {
    border-bottom: solid 1px #ccc;
    padding: 10px 0;
}

.room_list a {
    display: flex;
    margin-top: 10px;
}

.room_list a:hover {
    color: #383838;
    background: #ededed;
}

.room_list .img01,
.room_list .img02 {
    font-size: 0;
    line-height: 1;
}

.room_list .img01 {
    position: relative;
    margin-right: 1px;
}

.room_list .img01 img {
    width: 220px;
    height: 140px;
    object-fit: cover;
}

/*新着表示 NEW*/
.room_list .new:before {
    border-color: #f8017a transparent transparent transparent;
    border-style: solid;
    border-width: 60px 60px 0 0;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    z-index: 2;
}

.room_list .new::after {
    color: #fff;
    content: "NEW";
    font-size: 12px;
    position: absolute;
    top: 15px;
    left: 8px;
    transform: rotate(-45deg);
    z-index: 3;
}

.room_list .img01 .fav {
    position: absolute;
    width: 41px;
    height: 36px;
    background: url(../../img/fav.png) no-repeat left top / 100% auto;
    top: 10px;
    right: 10px;
    z-index: 1;
    cursor: pointer;
}

.room_list .img01 .fav.on {
    background: url(../../img/fav_on.png) no-repeat left top / 100% auto;
}

.room_list .img01 .fav:after {
    content: none;
}

.room_list .img02 img {
    width: 150px;
    height: 140px;
    object-fit: contain;
}

.room_list .img02 img {
    border: solid 1px #ebebeb;
}


/*一覧カテゴリ表示*/
.cate_icon {
    display: inline-block;
    font-size: 10px;
    text-align: center;
    background-color: #999;
    color: #FFF;
    padding: 2px 15px;
    margin: 2px;
}
/*新築*/
.cate_01 {
    background-color: #ff1745;
}

/*新着*/
.cate_02 {
    background-color: #cc1237;
}

/*おすすめ*/
.cate_03 {
    background-color: #ff69b4;
}

/*戸建*/
.cate_04 {
    background-color: #ffa500;
}

/*オートロック*/
.cate_05 {
    background-color: #2e8b57;
}

/*ペット可*/
.cate_06 {
    background-color: #228b22;
}

/*敷礼0*/
.cate_07 {
    background-color: #006400;
}

/*動画*/
.cate_08 {
    background-color: #2e7bff;
}

/*パノラマ*/
.cate_09 {
    background-color: #2562cc;
}

/*VR*/
.cate_10 {
    background-color: #1c4a99;
}

/*イオンカード*/
.cate_11 {
    background-color: #4653a2;
}

/*AIスマートキャンペーン*/
.cate_12 {
    background-color: #ff1493;
}

/*D-room*/
.cate_13 {
    background-color: #9932cc;
}

/*シャーメゾン*/
.cate_14 {
    background-color: #9400d3;
}




.room_list .detail {
    width: calc(100% - 355px);
    padding-left: 22px;
    color: #383838;
}

.room_list .ttl {
    font-size: 20px;
    text-align: left;
}

.room_list .price,
.room_list .data,
.room_list .train {
    padding-left: 20px;
    line-height: 1.5;
}

.room_list .price {
    font-weight: bold;
    background: url(../../img/ic01.png) no-repeat left center;
}

.room_list .data {
    background: url(../../img/ic02.png) no-repeat left center;
}

.room_list .train {
    background: url(../../img/ic03.png) no-repeat left center;
    margin-bottom: 4px;
}

.room_list .comment {
    line-height: 1.5;
    font-size: 12px;
}

.room_list + .pagination {
    margin-top: 35px;
}

.room_list + .pagination ul {
    text-align: right;
}

.room_list + .pagination ul li:last-child {
    margin-right: 0;
}

#new_list #side_service {
    /*margin: 0;*/
}

#new_list #side {
    position: relative;
    z-index: 2;
}

#new_list #search_conditions {
    margin-bottom: 40px;
	padding: 0 2%;
}
#search_refine {
	padding: 0 2%;
}

.ttl01 {
    margin-bottom: 25px !important;
}

#new_list #search_conditions .btn01 {
    margin-top: 10px;
}

.btn01 {
    display: block;
    color: #fff;
	font-size: 15px;
    font-weight: bold;
    background: #0279ec;
    border: none;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 0;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: .3s;
}

.btn01:hover {
    opacity: 0.6;
}

.checkbox_list01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checkbox_list01 li {
    width: 32%;
    margin-bottom: 5px;
}

.checkbox_list01 li label {
    display: block;
    color: #808080;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border: solid 1px #808080;
    font-size: 12px;
    cursor: pointer;
}

.checkbox_list01 input {
    display: none;
}

.checkbox_list01 input:checked + label {
    background: #808080;
    color: #fff;
}

#search_refine .section01 {
    border-bottom: solid 2px #e6e6e6;
    padding-bottom: 12px;
}

#search_refine .section01 label {
    display: block;
    font-weight: bold;
    margin-bottom: 3px;
}

#search_refine .section01 input {
    border: solid 1px #808080;
    display: block;
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search_refine .section02,
#search_refine .section03,
#search_refine .section04,
#search_refine .section05,
#search_refine .section06,
#search_refine .section07,
#search_refine .section08,
#search_refine .section09 {
    width: 100%;
    padding: 20px 2px;
    border-bottom: solid 1px #e6e6e6;
}

#search_refine .section02 .flex,
#search_refine .section03 .flex,
#search_refine .section09 .flex,
#search_refine .section04,
#search_refine .section05,
#search_refine .section07 {
    display: flex;
    justify-content: space-between;
}

#search_refine .section02 span,
#search_refine .section03 span,
#search_refine .section09 span {
    font-weight: bold;
}
#search_refine .section02 a,
#search_refine .section03 a,
#search_refine .section09 a {
    color: #808080;
}
#search_refine .section04 p,
#search_refine .section05 p {
    font-weight: bold;
}

#search_refine .section04 select,
#search_refine .section05 select {
    min-width: 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#search_refine .section06 p {
    font-weight: bold;
    margin-bottom: 8px;
}
#search_refine .section07 p {
    font-weight: bold;
}

/*#search_refine .section07 select {
    width: calc(100% - 65px);
}*/

#search_refine .section08 p {
    font-weight: bold;
    margin-bottom: 8px;
}

#search_refine .section10 {
    padding: 15px 0 25px;
}

#search_refine .section10 p {
    font-weight: bold;
    margin-bottom: 8px;
}

#search_refine .section10 .checkbox_list01 li {
    width: 49%;
}

.w_btn.fixed {
    position: fixed;
    z-index: 1;
    bottom: 0;
    width: 260px;
    background: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
    padding: 10px;
}

.search_area_detail {
    display: none;
    z-index: 10000;
    position: absolute;
    top: 100px;
    left: 50%;
    background: #fff;
    border: solid 3px #c7c7c7;
    width: 1100px;
    margin-left: -550px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}

.search_area_detail.list {
    width: 170px;
    margin-left: -190px;
}

.search_area_detail.list.height {
    margin-left: -30px;
}

/*.search_area_detail:before{
    position: absolute;
    top: -22px;
    content: '';
    display: block;
    width: 30px;
    height: 22px;
    background: url(../img/arrow2.png) no-repeat;
}


.search_area_detail.area:before{
    left: 60px;
}

.search_area_detail.floor:before{
    left: 250px;
}

.search_area_detail.under:before,
.search_area_detail.height:before{
    left: 30px;
}

.search_area_detail.commit:before{
    left: 730px;
}*/

.search_area_detail.list ul {
    max-height: 300px;
    overflow: auto;
}

.search_area_detail.list li {
    padding: 10px;
    cursor: pointer;
}

.search_area_detail.list li:hover {
    background: #f8f8f8;
}

.search_area_detail .header {
    font-size: 16px;
    font-weight: bold;
    padding: 0 230px;
    border-bottom: solid 1px #e9e9e9;
}

.search_area_detail .header ul span {
    position: relative;
    display: inline-block;
    width: 180px;
    text-align: center;
    padding: 25px 0 22px;
    border-bottom: solid 2px #e9e9e9;
    cursor: pointer;
}

.search_area_detail .header ul span.active:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 8px;
    background: #0279ec;
    bottom: -6px;
}

.search_area_detail .header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.search_area_detail .w_content .content {
    display: none;
}

.search_area_detail .w_content .content:first-child {
    display: block;
}

.search_area_detail .w_content .content .inner {
    padding: 20px 40px 0;
    height: 310px;
    overflow-y: auto;
}

.search_area_detail .w_content .content .inner .ttl {
    font-size: 18px;
    font-weight: bold;
    color: #808080;
    text-align: left;
}

.search_area_detail .w_content .content .inner .parent {
    border-top: dotted 1px #c7c7c7;
    padding-top: 15px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.search_area_detail .w_content .content .inner .parent .checkbox {
    text-decoration: none;
}

.search_area_detail .checkbox {
    padding-left: 26px;
    margin-right: 0;
    text-decoration: underline;
}

.search_area_detail .checkbox:after {
    border: solid 1px #c7c7c7;
    width: 14px;
    height: 14px;
    left: 0;
}

.search_area_detail .check_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.search_area_detail .check_list li {
    margin: 0 0 10px 25px;
    width: 17%;
}

.search_area_detail .checkbox:before {
    left: 6px;
    margin-top: -7px;
    width: 3px;
    height: 7px;
    border-width: 2px;
}

.search_area_detail input[type=checkbox]:checked + .checkbox:after {
    border-color: #0279ec;
    background: #0279ec;
}

.search_area_detail .w_btn {
    border-top: solid 1px #e2e2e2;
    text-align: center;
    padding: 15px 0;
}

.search_area_detail .w_btn li {
    display: inline-block;
    margin: 0 5px;
}

.search_area_detail .w_btn a {
    display: block;
    color: #808080;
    border: solid 1px #ededec;
    width: 130px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.search_area_detail .w_btn .decision {
    color: #0279ec;
    background: #ebf4fd;
}

.overlay {
    display: none;
    z-index: 100000;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

#list_footer {
    background: #ebf4fd;
    padding: 45px 0;
}

#list_footer .inner {
    max-width: 1080px;
    margin: 0 auto;
}

#list_footer p {
    font-weight: bold;
    color: #0279ec;
    padding-left: 25px;
    margin-bottom: 8px;
}

#list_footer li {
    display: inline-block;
    line-height: 1.8;
}

#list_footer li:after {
    content: '｜ ';
}

#list_footer .train {
    background: url(../../img/ico_train.png) no-repeat left center / 18px auto;
}

#list_footer .map {
    margin-top: 35px;
    background: url(../../img/ico_location.png) no-repeat left center / 18px auto;
}

/*.sp_buttons {
    display: none;
}*/
.sp_buttons {
        background: #ebf4fd;
        padding: 15px;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
    }

    .sp_buttons li {
        width: 49%;
    }

    .sp_buttons a {
        font-weight: bold;
        display: block;
        background: #fff;
        text-align: center;
        color: #0279ec;
        border: solid 1px #0279ec;
        padding: 13px 5px;
        line-height: 1;

    }

.room_list .sp_comment {
    display: none;
}


/*
---------------------------------------
detail.html
---------------------------------------
*/

.modal {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000;
    text-align: center;
}

.modal__bg {
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
}


.fixed_btn {
    background: rgba(255, 255, 255, 0.7);
    padding: 10px 0;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 99;
}

.tab_content {
    overflow: hidden;
}

.detail_article .btn {
    color: #fff;
    background: #0279ec;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    padding: 8px 0;
}

.detail_article .coupon {
    color: #fff;
    font-size: 12px;
    background: #0279ec;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    padding: 15px 16px 10px 10px;
    position: fixed;
    top: 250px;
    right: -6px;
    z-index: 100;
}

.detail_article .coupon::before {
    content: "";
    width: 35px;
    height: 20px;
    background: url(../../img/search/detail/ico_coupon.svg) no-repeat;
    display: block;
    margin: 0 auto 4px;
}

.detail_article .cat_list {
    margin: 0 0 5px;
}

.detail_article #page_ttl {
    background: #ebf4fd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 40px;
    padding: 15px 14px 12px 30px;
}

.detail_article #page_ttl h1 {
    font-weight: bold !important;
    line-height: 1.4;
    text-shadow: none !important;
}

.detail_article #page_ttl span {
    color: #323232;
    font-size: 14px;
    display: block;
}

.detail_article #page_ttl .util {
    font-size: 14px;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-shadow: none !important;
    margin-left: auto;
}

.detail_article #page_ttl .util li:not(:last-child) {
    margin: 0 10px 0 0;
}

.detail_article #page_ttl .util a {
    color: #0279ec;
    width: 80px;
    height: 50px;
    display: block;
    background: #fff;
    border: solid 2px #0279ec;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.6;
    text-align: center;
}

.detail_article #page_ttl .util a::before {
    content: "";
    width: 14px;
    height: 14px;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: block;
    text-align: center;
    margin: 0 auto;
}

.detail_article #page_ttl .util a.print::before {
    background: url(../../img/search/detail/ico_print.svg);
}

.detail_article #page_ttl .util a.fav::before {
    background: url(../../img/search/detail/ico_fav.svg);
}

.detail_article .box {
    margin: 0 0 40px;
}

.detail_article .spec {
    margin: 0 0 40px;
}

.detail_article .spec .line {
    border-bottom: solid 1px #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.detail_article .spec .line:last-child {
    margin: 20px 0 0;
}

.detail_article .spec .line dl {
    width: 21.8%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 0 5px;
}

.detail_article .spec .line dl:nth-child(3) {
    width: 34.6%;
}

.detail_article .spec .line dl dt {
    font-weight: bold;
    margin: 0 10px 0 0;
}

.detail_article .spec .line dl dt,
.detail_article .spec .line dl dd {
    line-height: 1;
}

.detail_article .spec .line dl dd span {
    color: #f8017a;
    font-weight: bold;
}

.detail_article .spec .line dl dd span > span {
    font-size: 24px;
}

.detail_article .tabs li:first-child a span,
.detail_article .tabs li:last-child a span {
    background: none !important;
    padding: 0;
}

.detail_article .flexBox dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.detail_article .flexBox dl dt {
    font-weight: bold;
    width: 38%;
}

.detail_article .flexBox .jc_sb {
}

.detail_article .flexBox dl.wide {
    display: block;
}

.detail_article .flexBox dl.wide dt,
.detail_article .flexBox dl.wide dd {
    width: auto !important;
}

.detail_article .flexBox dl.wide dt {
    padding: 10px 0 5px !important;
}

.detail_article .flexBox dl.wide dd {
    padding: 0 0 10px !important;
}

#vrView, #youTube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    margin-bottom: 50px;
}

#vrView iframe, #youTube iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* detail_list */
#detail_list .slider {
    margin: 0 0 20px;
}
#detail_list .slider .bx-wrapper,
#detail_map .slider .bx-wrapper {
   max-height: 536px;
	height:auto;
	margin-bottom: 30px;
}
/*#detail_list .slider .gallery img,
#detail_map .slider .gallery2 img {
    width: auto !important;
    height: 536px;
}

#detail_list .slider .gallery li,
#detail_map .slider .gallery2 li {
    width: 100%;
    height: 536px;
    text-align: center;
}*/

/* detail_map */
#detail_map .spec {
    overflow: hidden;
}

#detail_map .spec dl {
    width: 48%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px 0;
}

#detail_map .spec .flexBox,
#detail_map .spec dl:not(:last-child) {
    border-bottom: solid 1px #ebf4fd;
}

#detail_map .spec dl:first-child,
#detail_map .spec dl:nth-child(3) {
    float: left;
}

#detail_map .spec dl:nth-child(2),
#detail_map .spec dl:nth-child(4) {
    float: right;
}

#detail_map .box dl dt {
    font-weight: bold;
}

/* side */
.detail_article #side .flexBox dl {
    border-bottom: solid 1px #ebf4fd;
}

.detail_article #side .flexBox dl dd {
    width: 60%;
}

.detail_article #side .flexBox dl dt,
.detail_article #side .flexBox dl dd {
    padding: 10px 0;
}

.detail_article #side .plan figure {
    text-align: center;
    margin: 0 0 20px;
}

.detail_article #side .plan dl:first-child {
    border-top: solid 1px #ebf4fd;
}

.detail_article .equipment {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 10px;
}

.detail_article .equipment li {
    color: #aeaeae;
    font-size: 10px;
    width: 31.3%;
    background: #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    margin: 0 0 3.05%;
    padding: 5px 0;
}

.detail_article .equipment li::before {
    content: "";
    width: 59px;
    height: 41px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 3px;
}

.detail_article .equipment li:nth-child(1)::before {
    background: url(../../img/search/detail/ico01.svg);
}

.detail_article .equipment li:nth-child(2)::before {
    background: url(../../img/search/detail/ico02.svg);
}

.detail_article .equipment li:nth-child(3)::before {
    background: url(../../img/search/detail/ico03.svg);
}

.detail_article .equipment li:nth-child(4)::before {
    background: url(../../img/search/detail/ico04.svg);
}

.detail_article .equipment li:nth-child(5)::before {
    background: url(../../img/search/detail/ico05.svg);
}

.detail_article .equipment li:nth-child(6)::before {
    background: url(../../img/search/detail/ico06.svg);
}

.detail_article #side ul li.on {
    color: #fff;
    background: #0279ec;
}

.detail_article .equipment li.on:nth-child(1)::before {
    background: url(../../img/search/detail/ico01_on.svg);
}

.detail_article .equipment li.on:nth-child(2)::before {
    background: url(../../img/search/detail/ico02_on.svg);
}

.detail_article .equipment li.on:nth-child(3)::before {
    background: url(../../img/search/detail/ico03_on.svg);
}

.detail_article .equipment li.on:nth-child(4)::before {
    background: url(../../img/search/detail/ico04_on.svg);
}

.detail_article .equipment li.on:nth-child(5)::before {
    background: url(../../img/search/detail/ico05_on.svg);
}

.detail_article .equipment li.on:nth-child(6)::before {
    background: url(../../img/search/detail/ico06_on.svg);
}

.detail_article .info {
    margin: 40px 0 0;
}

.detail_article .shop {
    margin: 20px 0 0;
}

.detail_article .shop p {
    font-weight: bold;
}

.detail_article .shop dl dt {
    color: #808080;
    margin: 0 0 10px;
}

.detail_article .shop a {
    text-decoration: underline;
}

.detail_article .shop address {
    font-size: 12px;
    margin: 10px 0 0 !important;
}

.detail_article #side .btn {
    width: 90%;
    margin: auto;
}

/* 下部共通 */
.detail_article #other,
.detail_article #similar,
.detail_article #sns {
    width: 100%;
    box-sizing: border-box;
    float: right;
    margin-left: -280px;
    padding-left: 280px;
}

.detail_article #sns {
    margin-top: 90px;
    margin-bottom: 100px;
}

.detail_article #sns p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 30px;
}

.detail_article #sns p::before {
    content: "";
    width: 72px;
    height: 30px;
    background: url(../../img/search/detail/ico_sns.svg) no-repeat;
    display: block;
    margin: 0 auto 10px;
}

.detail_article #sns ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.detail_article #sns ul li:not(:last-child) {
    margin: 0 30px 0 0;
}

.detail_article .sp_action {
    display: none;
}

.sp_btn_area {
    display: none;
}

.detail_article .map {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

.detail_article .map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* 間取りボタン */
.sp_slider_btn {
    display: none;
}


/* スライダー
----------------------------------------*/
.bx-wrapper {
    background: none;
    border: none;
    box-shadow: none;
    margin: 0 0 10px;
}
.bx-wrapper li {
	text-align: center;
}
.bx-wrapper img {
   width: auto;
    height: auto;
    max-width: 100%;
	max-height: 545px;
}

.thumb {
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -16px;
}

.thumb a {
    width: 92px;
    height: 86px;
    margin: 0 12px 6px 0;
    position: relative;
}

.thumb a.active::before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(2, 121, 236, 0.3);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.thumb a img {
    width: 92px;
    height: 86px;
    object-fit: cover;
}


/* 矢印 */
.slider .bx-controls-direction {
    width: 100%;
    height: 0px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.slider .bx-controls-direction a {
    width: 40px;
    height: 40px;
    background: rgba(128, 128, 128, 0.5);
    display: block;
    text-indent: -100%;
    overflow: hidden;
    position: relative;
}

.slider .bx-controls-direction a:before,
.slider .bx-controls-direction a:after {
    content: '';
    position: absolute;
    top: 12px;
    left: 8px;
}

.slider .bx-controls-direction a:after {
    width: 16px;
    height: 16px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.slider .bx-controls-direction a.bx-prev:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 16px;
}

.slider .bx-prev {
    position: absolute;
    left: 0;
}

.slider .bx-next {
    position: absolute !important;
    right: 0 !important;
}

/* 下部スライダー */
.flex.list01 {
    max-width: 688px;
    margin: 0 auto;
    position: relative;
}

.flex.list01 li,
.flex.list02 li {
    width: 32.2%;
    padding: 0 5px;
}

.flex.list01:before,
.flex.list01:after,
.flex.list02:before,
.flex.list02:after {
    width: 32.2%;
}

.flex.list01 .img,
.flex.list02 .img {
    position: relative;
}

.flex.list01 .img img {
    width: 100%;
    height: auto;
}

.flex.list01 .img .type, .flex.list01 .img .fav {
    position: absolute;
}

.flex.list02 .img .date,
.flex.list01 .img .type {
    top: 0;
    left: 0;
    color: #fff;
    background: #383838;
    font-size: 12px;
    padding: 3px 15px;
}

.flex.list02 .img .date {
    position: absolute;
    background: #f8017a;
    padding: 3px 8px;
}

.flex.list01 .img .fav {
    width: 41px;
    height: 36px;
    background: url(../../img/fav.png) no-repeat left top / 100% auto;
    top: 18px;
    right: 22px;
    z-index: 10;
    cursor: pointer;
}

.flex.list01 .img .fav.on {
    background: url(../../img/fav_on.png) no-repeat left top / 100% auto;
}

.flex.list01 li {
    margin-bottom: 20px;
}

.flex.list01 li a {
    display: block;
    color: #383838;
    height: 100%;
}

.flex.list01 li a:hover {
    background: #ededed;
}

.flex.list01 .detail {
    padding: 2px 10px 15px;
}

.flex.list01 .ttl {
    font-weight: bold;
    color: #f8017a;
    font-size: 16px;
    text-align: left;
}

.flex.list01 .price,
.flex.list01 .distance,
.flex.list01 .train {
    padding-left: 20px;
}

.flex.list01 .price {
    font-weight: bold;
    background: url(../../img/ic01.png) no-repeat left center;
}

.flex.list01 .distance {
    background: url(../../img/ic02.png) no-repeat left center;
}

.flex.list01 .train {
    background: url(../../img/ic03.png) no-repeat left center;
}

.flex.list01 .slick-prev {
    background: url(../../img/prev.png) no-repeat left top !important;
    left: -40px;
}

.flex.list01 .slick-next {
    background: url(../../img/next.png) no-repeat left top !important;
    right: -40px;
}

.flex.list01 .slick-prev, .flex.list01 .slick-next {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    padding: 25px 13px 0 0;
    border: none;
    background: none;
    cursor: pointer;
    top: 50%;
    margin-top: -22px;
}


@media screen and (max-width: 1200px) {
    #search_area {
        width: 96%;
    }

    .search_area_detail {
        margin-left: 0;
        width: 90%;
        left: 5%;
    }
}

@media screen and (max-width: 1080px) {
    #list_footer .inner {
        padding: 0 2%;
    }
}

@media screen and (max-width: 899px) {
    

    #new_list #pankuzu {
        display: none;
    }

    #new_list .wrapper {
        margin: 0;
    }

    .ttl01 {
        margin: 25px 0 0;
        padding-left: 10px;
    }

    #new_list #favorite_map,
    .room_list,
    #new_list #w_tab,
    #room_num {
        padding-left: 3%;
        padding-right: 3%;
    }

}

@media screen and (max-width: 640px) {
    #list_footer {
        display: none;
    }

    #room_num .right_box div:last-child,
    #room_num .left_box p:last-child,
    #room_num .right_box div:first-child label {
        display: none;
    }

    #new_list #w_tab {
        display: block;
    }

    #new_list .tabs {
        justify-content: space-between;
    }

    #new_list .tabs li {
        width: 48.5%;
    }

    #new_list .tabs li a {
        margin: 0;
        display: block;
        width: 100%;
    }

    .room_list {
        margin-bottom: 15px;
    }

    .room_list a {
        display: block;
    }

    .room_list a:hover {
        background: none;
    }

    .room_list .img01 {
        width: 100%;
    }

    .room_list .img01 img {
        width: 100%;
        height: auto;
    }

    .room_list .img02 {
        display: none;
    }

    .room_list .detail {
        width: 100%;
        padding-left: 0;
    }

    .room_list .ttl {
        font-size: 18px;
    }

    .room_list .comment {
        display: none;
    }

    .room_list + .pagination ul {
        text-align: center;
    }

    .room_list .sp_comment {
        position: absolute;
        display: block;
        color: #fff;
        bottom: 10px;
        padding: 0 10px;
        line-height: 1.3;
        text-shadow: 0 0 7px rgba(0, 0, 0, 0.3),
        0 0 7px rgba(0, 0, 0, 0.3),
        0 0 7px rgba(0, 0, 0, 1),
        0 0 7px rgba(0, 0, 0, 1);
        font-weight: bold;
    }
	.bx-wrapper img {
		max-height: 300px;
	}
}


/*
---------------------------------------
list of the real estate
---------------------------------------
*/
.realestates {
    position: relative;
    margin-bottom: 20px;
}

.realestates dt {
    font-size: 24px;
    font-weight: 600;
    color: #007aec;
    margin-left: 24.6753247%;
}

.realestates dt span.mansion {
    background: #f8007b;
}

.realestates dt span {
    color: #ffffff;
    font-size: 11px;
    border-radius: 9px;
    display: inline-block;
    width: 80px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    margin-left: 10px;
    vertical-align: middle;
}

.realestates dd {
    font-size: 16px;
    border-bottom: #999999 1px dashed;
    margin-left: 24.6753247%;
    padding: 5px 0;
    line-height: 1.5;
}

.realestates dd.image {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0 !important;
    border-bottom: none;
    width: 23.3766233766%;
    background: #fafafa;
    border: solid 1px #cccccc;
    padding: 2.98701299% 0.25974026%;
    box-sizing: border-box;
}

.pink {
    color: #f8007b;
}

.maininfo {
    font-weight: 600;
    font-size: 16px;
}

.realestates ul li span.pink {
    font-size: 24px;
}

.realestates ul li {
    display: inline-block;
    margin-right: 20px;
}

.station li {
    display: block !important;
}

.btn_map a {
    display: inline-block;
    padding: 2px 7px 0 0;
    width: 90px;
    background: #1c91ff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0px 3px 0px 0px #0062bd;
    -webkit-box-shadow: 0px 3px 0px 0px #0062bd;
    box-shadow: 0px 3px 0px 0px #0062bd;
    position: relative;
    font-size: 14px;
    color: #fff;
    box-sizing: border-box;
    text-align: center;
}

.btn_map a:hover {
    transition: 0.5s;
    box-shadow: none;
}

.btn_map a:before {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -3px;
}

.realestates dd.new {
    position: absolute;
    top: -33px;
    left: 10px;
    font-size: 14px !important;
    font-weight: 600;
    display: block;
    background: #fff;
    border: solid 2px #f8007b !important;
    padding: 2px 10px !important;
    width: 80px;
    box-sizing: border-box;
    text-align: center;
    z-index: 10;
    color: #f8007b;
    line-height: 1 !important;
    letter-spacing: 0.05em;
    margin-left: 0 !important;
}

.realestates dd.new:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-top-color: #f8007b;
    top: 0;
    left: -7px;
    transform: rotate(-45deg);
}

.checkall {
    font-size: 16px;
    background: #cbe7ff;
    height: 50px;
    line-height: 50px;
    margin-bottom: 2px;
}

.index table {
    width: 100%;
}

.index table thead th {
    text-align: center;
    padding: 4px 10px 2px 10px !important;
    width: auto !important;
    font-size: 14px !important;
    line-height: 1.285;
}

.index table tbody th {
    width: auto !important;
}

.index table tbody th, .index table td {
    text-align: center;
    padding: 3px 10px 3px 10px !important;
    line-height: 1.25;
}

.index table thead th:last-of-type, .index table td:last-of-type {
    border-right: none !important;
}

.index table tbody tr:nth-of-type(even) th, .index table tr:nth-of-type(even) td {
    background: #eeeeee !important;
}

.index table tbody tr:nth-of-type(odd) th, .index table tr:nth-of-type(odd) td {
    background: #fafafa !important;
}

.index table tbody th .checkbox {
    padding: 0;
    margin: 0;
}

.index table tbody th .checkbox:before {
    left: -4px;
}

.index table tbody th .checkbox:after {
    left: -10px;
}

.index table tbody td .br {
    display: block;
}

.rental_fee {
    font-weight: 600;
    font-size: 20px;
}

.index table td.btn a {
    font-size: 15px;
    border-radius: 6px;
    padding: 3px 10px 3px 0;
}

.index table td.btn.inquiry a {
    padding-right: 0;
    padding-left: 22px;
    letter-spacing: -0.05em;
}

.index table td.btn.inquiry a:before {
    content: none;
}

.index table td.btn.inquiry a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    background: url(../../img/list/icon_mail.png) no-repeat 0 50%;
    background-size: 100% auto;
    width: 19px;
    height: 100%;
}

.index table tbody td[data-href] {
    cursor: pointer;
}

.index tbody td.favorite img {
    cursor: pointer;
}

.newarrival {
    border: solid 2px #f8007b;
    color: #f8007b;
    background: #fff;
    padding: 2px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
    display: inline-block;
    line-height: 1;
}

.construction {
    display: block;
    margin-top: 4px;
}

.inquiryAll {
    background: #ddefff;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
}

.inquiryAll div {
    display: inline-block;
    font-size: 16px;
    position: relative;
    background: url(../../img/list/check.gif) no-repeat 0 55%;
    background-size: 20px auto;
    padding-left: 30px;
}

/*.inquiryAll div:before {
    content: "";
    position: absolute;
    top: 0;
    left: -30px;
    background: url(../../img/list/check.gif) no-repeat 0 55%;
    background-size: 100% auto;
    width: 20px;
    height: 100%;
}*/
.inquiryAll .btn {
    display: inline-block;
    height: 50px;
    line-height: 50px;
}

.inquiryAll .btn.sp {
    display: none;
}

.inquiryAll .btn a {
    width: 280px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 19px;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}

.inquiryAll .btn a:before {
    content: none;
}

.inquiryAll .btn a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 7%;
    background: url(../../img/list/icon_mail.png) no-repeat 0 50%;
    background-size: 100% auto;
    width: 30px;
    height: 100%;
}

.label_photo,
.label_movie,
.label_panorama {
    width: 62px;
    display: inline-block;
    box-sizing: border-box;
    background: url(../../img/list/icon_camera.png) no-repeat 3px center #007aec;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
    padding: 3px 3px 3px 18px;
}

.label_photo {
    background-image: url(../../img/list/icon_camera.png);
}

.label_movie {
    background-image: url(../../img/list/icon_movie.png);
}

.label_panorama {
    background-image: url(../../img/list/icon_panorama.png);
}

.more_btn {
    cursor: pointer;
    background: #ddefff;
    padding: 5px;
    color: #007aec;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    border-top: solid 2px #fff;
}

.more_btn span {
    position: relative;
}

.more_btn span:before {
    content: '' !important;
    width: 8px;
    height: 8px;
    border: 0;
    border-top: solid 4px #007bff;
    border-right: solid 4px #007bff;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: -20%;
    margin-top: -8px;
}

/*
---------------------------------------
left side
---------------------------------------
*/
/*side toggle*/
.toggle {
    background: #fff;
}

.toggleBox {
    display: none;
}

.toggle li > p {
    color: #007aec;
    font-size: 16px;
    font-weight: 600;
    border-top: solid 2px #007aec;
    padding: 12px 15px;
    position: relative;
    line-height: 1;
}

.toggle li > p:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #007aec;
    border-right: solid 2px #007aec;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 5%;
    margin-top: -8px;
}

.toggle li > p.active:before {
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: -4px;
}

.toggle li ul li {
    font-size: 15px;
}

.toggle .select-wrap {
    margin: 0 15px 10px !important;
}

.toggle .select-wrap:before {
    margin-top: -6px;
}

.toggle select {
    border: solid 1px #999999;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 214px;
}

.toggle select:hover {
    background: #fff;
}

.toggle .option {
    text-align: center;
}

.toggle .option li {
    display: inline-block;
}

.toggle .option li a {
    font-size: 13px;
    width: 70px;
    margin-right: 0;
}

.toggle .floorplan li {
    display: inline-block;
    width: 49%;
}

.toggle .floorplan .checkbox {
    margin-right: 0;
    padding-right: 0;
}

/*side btn search*/
#side.lists .search {
    width: auto;
    margin: 0 0 25px;
}

#side.lists .search a {
    font-size: 19px;
}

/*btn save*/
.save {
    margin-bottom: 20px;
}

.save a {
    position: relative;
    padding: 0 0 0 15px;
}

.save a:before {
    content: none;
}

.save a:after {
    position: absolute;
    content: ' ';
    top: 0;
    left: 20%;
    height: 100%;
    background: url(../../img/list/icon_save.png) no-repeat 0 50%;
    background-size: 100%;
    width: 25px;
}

/*side h1*/
#side.lists section h1 {
    margin-bottom: 20px;
}

#side.lists section h1:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid #007aec;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

#side.lists section h1:after {
    background: url(../../img/list/icon_pen.png) no-repeat 0 50%;
    background-size: 100%;
    width: 21px;
}

#side.lists section:first-of-type h1:after {
    background: url(../../img/list/icon_uni.png) no-repeat 0 50%;
    background-size: 100%;
    width: 31px;
}

/*select university*/
.uni ul {
    background: #fff;
    border-top: solid 2px #007aec;
    margin-bottom: 10px;
    padding: 0 15px 15px 15px;
}

.uni ul li {
    font-size: 15px;
    line-height: 1;
    padding: 15px 0 0 0;
}

.uni p {
    background: #fff;
    position: relative;
    padding: 5px 10px 5px 33px;
    line-height: 1;
}

.uni p:before {
    content: '';
    width: 16px;
    height: 16px;
    background: #007bff;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -8px;
}

.uni p:after {
    content: '';
    width: 4px;
    height: 4px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 14px;
    margin-top: -3px;
}

.uni p a {
    color: #007aec;
}

/*
---------------------------------------
one column
---------------------------------------
*/
#contents.oneColumn {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#contents.oneColumn h1 {
    font-size: 20px !important;
    font-weight: normal !important;
}

/*
---------------------------------------
save.html
---------------------------------------
*/
.save_items {
    background: url(../../img/search/save/icon_save.png) no-repeat 0 50%;
    background-size: 39px auto;
    padding-left: 48px;
}

.save_items_box {
    position: relative;
}

.btn.delete {
    width: 104px;
    display: inline-block;
    margin: 0;
    position: absolute;
    top: 15px;
    right: 20px;
}

.btn.delete a {
    padding: 0 0 0 25px;
    box-sizing: border-box;
    background: #eeeeee;
}

.btn.delete a::before {
    content: none;
}

.btn.delete a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    background: url(../../img/search/save/icon_delete.png) no-repeat 0 50%;
    background-size: 100% auto;
    width: 15px;
    height: 100%;
}

.save_items_box span {
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    width: 80px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    margin-right: 10px;
    text-indent: 0;
}

.save_items_box h2 {
    font-size: 16px;
    padding-bottom: 20px;
    border-bottom: #999999 dashed 1px;
    margin-bottom: 20px;
    text-indent: -90px;
    padding-left: 90px;
}

.save_items_box h2 span {
    background: #f8007b;
}

.save_items_box ul {
    width: 100%;
    height: auto;
    position: relative;
    padding-right: 25%;
    box-sizing: border-box;
}

.save_items_box ul li {
    font-size: 16px;
    width: 33.333333%;
    float: left;
    margin-bottom: 10px;
}

.save_items_box ul li.other {
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    line-height: 30px;
}

.save_items_box ul li span {
    background: #007aec;
}

.save_items_box ul li.lb span {
    color: #007aec;
    background: #ddefff;
}

.save_items_box div {
    clear: both;
    text-align: center;
    border: none !important;
    border-top: #999999 dashed 1px !important;
    margin: 10px 0 0 0 !important;
    padding: 20px 0 0 0 !important;
    border-radius: 0 !important;
}

.save_items_box .number {
    position: static;
    font-weight: normal !important;
    display: inline-block;
}

.save_items_box .number span {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.save_items_box .search {
    display: inline-block;
    margin: 0;
}

/*
---------------------------------------
recent.html
---------------------------------------
*/
.recent_items {
    background: url(../../img/recent/icon_recent.png) no-repeat 0 50%;
    background-size: 33px auto;
    padding-left: 43px;
}

.recent .group {
    margin-bottom: 30px !important;
}

.recent .inquiryAll {
    margin-top: 20px;
}

.recent .realestates dt, .recent .realestates dd {
    margin-left: 18.0952381%;
}

.recent .realestates dd.image {
    width: 17.1428571%;
}

/*
---------------------------------------
favorite.html
---------------------------------------
*/
.favorite_items {
    background: url(../../img/favorite/icon_favorite.png) no-repeat 0 50%;
    background-size: 34px auto;
    padding-left: 44px;
}

.favorite p {
    font-size: 16px;
}

.favorite p .pink {
    font-weight: 600;
}

/*
---------------------------------------
area.html
---------------------------------------
*/
#areamap .group {
    padding: 0 !important;
    overflow: hidden;
}

#area {
    background: url(../../img/bg_area.jpg) no-repeat 50% 0;
    background-size: cover;
    position: relative;
    min-height: 550px;
    border-radius: 5px;
}

#area a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #f8007b;
    padding: 5px 10px;
    line-height: 1;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    box-shadow: 1px 1px 2px 0px rgba(255, 255, 255, 0.4) inset, -1px -1px 2px 0px rgba(0, 0, 0, 0.4) inset;
    -webkit-transition: all .3s;
    transition: all .3s;
	position: relative;
	z-index: 1;
}

#area a:hover {
    background: #f8007b;
    color: #fff;
}

#area div {
    position: absolute;
	z-index: 0;
}

#area01 {
    top: 25.27%;
    left: 42.31%;
}

#area02 {
    top: 28.18%;
    left: 65.93%;
}

#area03 {
    top: 36.36%;
    left: 47.48%;
}

#area04 {
    top: 44.72%;
    left: 59.11%;
}

#area05 {
    top: 52.72%;
    left: 38.56%;
}

#area06 {
    top: 58.36%;
    left: 43.23%;
}

#area07 {
    top: 58.55%;
    left: 61%;
}

#area08 {
    top: 63.09%;
    left: 51.69%;
}

#area09 {
    top: 64%;
    left: 39.43%;
}

#area10 {
    top: 74%;
    left: 43.05%;
}

#area11 {
    top: 73.81%;
    left: 53.02%;
}

#area12 {
    top: 68.72%;
    left: 57.69%;
}

#area13 {
    top: 57.63%;
    left: 79.27%;
}

#area14 {
    top: 90.18%;
    left: 42.68%;
}

#area15 {
    top: 85.63%;
    left: 68.39%;
}

#area16 {
    background: #ffdeee;
    border: solid 2px #f8007b;
    border-radius: 10px;
    width: 247px;
    box-sizing: border-box;
    position: relative;
    top: 40.18%;
    left: 5.96%;
}

#area16:after {
    border-left: 50px solid #f8007b;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: '';
    position: absolute;
    right: -32px;
    top: 7%;
}

#area16 p {
    background: #f8007b;
    color: #fff;
    font-size: 18px;
    text-align: center;
    letter-spacing: -0.025em;
    line-height: 1.22;
    padding: 5px 0;
}

#area16 p span {
    font-size: 16px;
    display: block;
}

#area16 ul {
    overflow: hidden;
    padding: 9px 9px 4px 9px;
}

#area16 ul li {
    float: left;
    margin: 0 5px 5px 0;
}

#area16 ul li:nth-child(even) {
    margin-right: 0;
}

#area16 a {
    color: #333 !important;
    width: 110px;
    height: 30px;
    line-height: 30px !important;
    padding: 0 0 0 8px !important;
    font-weight: normal !important;
}

#area16 a:hover {
    color: #fff !important;
}

#area17 {
    top: 18.72%;
    left: 33.34%;
}

#area18 {
    top: 29.27%;
    left: 29.58%;
}

#area19 {
    top: 3.27%;
    left: 51.56%;
}

#area20 {
    top: 10.72%;
    left: 56.68%;
}

#area21 {
    top: 15.45%;
    left: 51.6%;
}

.prefecture a {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: normal !important;
    background: #63af00 !important;
    padding: 6px 10px !important;
}

.prefecture a:hover {
    color: #63af00 !important;
    background: #fff !important;
}

#area22 {
    top: 10.3%;
    left: 18.6%;
}

#area23 {
    top: 3.8%;
    left: 66.4%;
}

#area24 {
    top: 41%;
    left: 87%;
}
#area25 {
    top: 58%;
    left: 61.1%;
}
#area26 {
    top: 57.14%;
    left: 77.7%;
}
#area27 {
    top: 63.5%;
    left: 50.8%;
}
#area28 {
    top: 68%;
    left: 58.6%;
}
#area29 {
    top: 73.5%;
    left: 53.7%;
}
#area30 {
    top: 85%;
    left: 68%;
}
#area25 a, #area26 a, #area27 a, #area28 a, #area29 a, #area30 a {
	color: #005f7c !important;
}
#area25 a:hover, #area26 a:hover, #area27 a:hover, #area28 a:hover, #area29 a:hover, #area30 a:hover {
	color: #fff !important;
	background: #005f7c !important;
}
#area .none {
    opacity: 0.45;
    transition: none;
    cursor: default;
}

#area .none:hover {
    background: #fff !important;
    color: #f8007b !important;
}
#area #area26 a.none:hover {
    background: #fff !important;
    color: #005f7c !important;
}

#area16 .none:hover {
    color: #333 !important;
}

#area .prefecture a.none:hover {
    background: #63af00 !important;
    color: #fff !important;
}


.tel_box {
    background: #ffe8f5;
    border-radius: 10px;
    padding: 0 10px 5px;
    margin-bottom: 10px;
}

.ttl {
    font-size: 20px;
    font-weight: 600;
    color: #f8007b;
    text-align: center;
}

.detail_article #side .tel_box p {
    margin-bottom: 3px;
}

.detail_article #side .tel_box dl {
    background: #fff;
    border: none;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 5px;
}

.detail_article #side .tel_box dl dt {
    font-size: 16px;
    color: #333;
    background: none;
}

.detail_article #side .tel_box dl dd.tel:after {
    width: 28px;
}

.detail_article #side .tel_box dl dd.tel {
    font-size: 30px;
}

#detail01 table {
    border-top: dashed 1px #999999;
    padding-top: 10px;
    margin-top: 10px;
    width: 100%;
}

#detail01 table th {
    width: 80px !important;
    padding: 0 !important;
    height: 30px;
    vertical-align: middle;
    box-sizing: border-box;
    border-width: 0 0 5px 0 !important;
    background: none !important;
}

#detail01 table th p {
    font-size: 14px !important;
    text-align: center;
    border-radius: 5px;
    background: #ddefff !important;
    line-height: 1.33;
    vertical-align: middle;
    display: table-cell;
    width: 80px !important;
    height: 30px;
}

#detail01 table th span {
    font-size: 18px;
    display: block;
}

#detail01 table:first-of-type tr:first-of-type td {
    line-height: 1.2;
    vertical-align: middle;
}

#detail01 table span.pink {
    font-size: 26px;
    font-weight: 600;
}

#detail01 table td {
    font-size: 16px;
    padding: 0 0 0 10px !important;
    background: #fff !important;
    border: none !important;
    text-align: left;
    vertical-align: top;
}

#detail01 table td .btn_map {
    display: block;
    margin-top: 5px;
}

#detail01 table td .btn_map a {
    border-radius: 4px;
}

#detail01 table:first-of-type {
    width: 75%;
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

#detail01 table:first-of-type th p {
    background: #007aec !important;
    color: #fff !important;
}

#detail01 table:first-of-type tr:first-of-type th:first-of-type p {
    background: #f8007b !important;
    height: 65px;
}

#detail01 table:nth-of-type(2) th {
    vertical-align: sub;
}

#utility {
    overflow: hidden;
    border-top: dashed 1px #999999;
    border-bottom: dashed 1px #999999;
    padding: 10px 0;
    margin: 15px 0 10px;
}

#utility li {
    width: 91.875px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0 2.2px 4.4px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #007aec;
    border-radius: 5px;
}

#utility .off {
    background: #ccc;
}

#utility .ls {
    letter-spacing: -2px;
}

#utility .lsfs {
    letter-spacing: -2px;
    font-size: 11px;
}

#other_info {
    overflow: hidden;
}

#other_info li {
    float: left;
    line-height: 1;
}

#other_info li:first-child {
    border-right: solid 1px;
    padding-right: 1em;
    margin-right: 1em;
}

#other_info li:last-child {
    float: right;
}

#detail02 #movie {
    background: url(../../img/bg_stripe01.png) repeat 0 0;
    line-height: 0;
}

#detail02 #movie img {
    display: block;
    margin: 0 auto;
}

#detail02 #gallery {
    border-top: dashed 1px #999999;
    margin-top: 20px;
    padding-top: 20px;
    overflow: hidden;
}

#detail02 #gallery .bx-wrapper {
    box-shadow: none;
    width: 57.7922078%;
    height: 323px;
    background: #fafafa;
    border: solid 1px #cccccc;
    box-sizing: border-box;
    float: left;
    margin: 0;
}

#detail02 #gallery .bx-viewport {
    position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#detail02 #gallery .gallery_item li {
    text-align: center;
    line-height: 0;
}

#detail02 #gallery .gallery_thumb {
    width: 41.5584416%;
    float: right;
    overflow: hidden;
}

#detail02 #gallery .gallery_thumb li {
    float: left;
    line-height: 0;
}

#detail02 #gallery .gallery_thumb img {
    border: solid 2px transparent;
}

#detail02 #gallery .gallery_thumb .active img {
    border: solid 2px #f40088;
}

.contact {
    height: 80px !important;
    position: relative;
}

.contact:after {
    content: "";
    position: absolute;
    top: 0;
    left: 15px;
    height: 100%;
    background: url(../../img/detail/icon_contact.png) no-repeat 0 50%;
    background-size: 100%;
    width: 43px;
}

.contact a {
    height: 80px;
    box-sizing: border-box;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.15;
    padding: 15px 0 0 40px;
}

.contact a span {
    font-size: 15px;
    display: block;
}

.contact a::before, .fav a::before, .print a::before {
    content: none;
}

.contact_box {
    background: #d9ecff;
    border-radius: 10px;
    padding: 5px 10px 10px 10px;
    margin-bottom: 10px;
}

.contact_box p {
    margin-bottom: 8px !important;
}

.contact_box p:last-child {
    margin-bottom: 0 !important;
}

.contact_box .ttl {
    color: #007bff;
    font-weight: 600;
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
}

.contact_box .ttl span {
    display: block;
    font-size: 15px;
}

.contact_box .contact {
    height: auto !important;
}

.contact_box .contact a {
    height: 40px;
    font-size: 18px;
    text-align: left;
    padding: 8px 0 0 50px;
}

.contact_box .contact:after {
    width: 26px;
}

#detail03 table {
    margin-bottom: 20px;
}

#detail03 table th {
    font-size: 14px !important;
    background: #ddefff !important;
    line-height: 1.5;
    vertical-align: middle;
    width: 120px !important;
    padding: 12px 0 10px 20px !important;
    text-align: left !important;
    box-sizing: border-box;
}

#detail03 table td {
    padding: 12px 20px 10px 20px !important;
    text-align: left !important;
    font-size: 14px !important;
    line-height: 1.5;
}

#detail03 iframe {
    width: 100%;
}

#detail04 .inquiryAll {
    margin: 20px 0 0;
}

.print_ttl {
    display: none;
}

#sp_fixed_footer {
    display: none;
}

#sideWrap {
    z-index: -1;
    overflow: hidden;
}

@media screen and (min-width: 900px) {
    #refineOpen, #refineTitle, #refineBtn {
        display: none !important;
    }
}

@media screen and (max-width: 1100px) {
    .number {
        position: static;
        background: #ddefff;
        padding-left: 10px;
        margin-bottom: -10px;
    }

    .order {
        top: 5px;
        right: 10px;
        left: inherit;
    }

    .checkall {
        margin-bottom: 0;
    }

    .index table thead {
        display: none;
    }

    .index table tbody tr {
        position: relative;
        display: table;
        width: 100%;
    }

    .index table tbody tr:nth-child(odd) {
        background: #fafafa;
    }

    .index table tbody tr:nth-child(even) {
        background: #eee;
    }

    .index table tbody tr:before {
        content: '' !important;
        width: 8px;
        height: 8px;
        border: 0px;
        border-top: solid 4px #007bff;
        border-right: solid 4px #007bff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 5%;
        margin-top: -4px;
    }

    .index table tbody th {
        display: table-cell !important;
        width: 10% !important;
        border-width: 2px 2px 0 0 !important;
        border-top: solid #fff 2px !important;
        border-right: solid #fff 2px !important;
    }

    .index table tbody td {
        display: block;
        width: 100%;
        border-width: 0 !important;
        text-align: left;
        margin: 0 !important;
        box-sizing: border-box;
    }

    .index table tbody td:first-of-type {
        border-top: solid #fff 2px !important;
    }

    /*.index table tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        color: #007aec;
        width: 135px;
    }*/
    .index table tbody .floor_plan {
        width: 25% !important;
        display: table-cell !important;
        padding: 5px !important;
        box-sizing: border-box;
    }

    .index table tbody .floor_plan img {
        width: 100%;
    }

    .index table tbody .floor_plan + td {
        border-top: solid 2px #fff !important;
        padding-top: 10px !important;
    }

    .index table tbody tr td {
        padding-bottom: 3px !important;
    }

    .index table tbody tr td:nth-child(6) {
        padding-bottom: 10px !important;
    }

    .kanrihi:before {
        content: '管理費等：';
        font-size: 14px;
    }

    .shikikin:before, .reikin:before {
        content: '';
        display: inline-block;
        background: #cbe7ff;
        border-radius: 3px;
        padding: 3px;
        margin-right: 3px;
    }

    .shikikin:before {
        content: '敷';
    }

    .reikin:before {
        content: '礼';
    }

    .slash .br:before {
        content: '/';
        display: inline-block;
        margin: 0 3px;
    }

    .slash .br {
        margin-left: 0 !important;
    }

    .index table tbody td .br {
        display: inline;
        margin-left: 1em;
    }

    .index table tbody td br {
        display: none;
    }

    .index table tbody td.btn, .index table tbody td.favorite {
        display: none !important;
    }

    .newarrival, .construction {
        display: none;
    }

    #areamap #contents {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    #areamap #side {
        display: none;
    }

    #area01 {
        left: 44.31%;
    }

    #area02 {
        left: 57.43%;
    }

    #area03 {
        left: 47.98%;
    }

    #area04 {
        left: 56.61%;
    }

    #area05 {
        left: 41.56%;
    }

    #area06 {
        left: 45.23%;
    }

    #area07 {
        left: 58.26%;
    }

    #area08 {
        left: 51.19%;
    }

    #area09 {
        left: 41.93%;
    }

    #area10 {
        left: 45.05%;
    }

    #area11 {
        left: 52.02%;
    }

    #area12 {
        top: 68.72%;
        left: 55.69%;
    }

    #area13 {
        left: 70.27%;
    }

    #area14 {
        left: 44.68%;
    }

    #area15 {
        left: 63.39%;
    }

    #area16 {
        left: 14.96%;
    }

    #area17 {
        left: 70.18%;
    }

    #area18 {
        left: 80.55%;
    }

    #area19 {
        left: 37.34%;
    }

    #area20 {
        left: 34.58%;
    }

    #area21 {
        left: 51.56%;
    }

    #area22 {
        left: 55.68%;
    }

    #area23 {
        left: 51.1%;
    }

    #area24 {
        left: 26.6%;
    }

    #area25 {
        left: 62.4%;
    }

    #area26 {
        left: 81.6%;
    }

    #other_info li:last-child {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1024px) {
    select {
        width: 180px;
    }

    .details li {
        width: 50%;
    }

    #campus ul li {
        width: 32%;
        margin: 2% 2% 0 0 !important;
    }

    #campus ul li:nth-child(3n) {
        margin-right: 0 !important;
    }

    .save_items_box ul {
        padding-right: 33.333333%;
    }

    .save_items_box ul li {
        width: 50%;
    }

    .save_items_box ul li.other {
        width: 33.333333%;
    }

    .window_bottom.wb02 .inquiryAll {
        margin-left: 0;
        padding: 10px 0 3px;
        overflow: hidden;
    }
}

@media screen and (max-width: 899px) {
    .filter {
        display: block;
    }

    #sideWrap {
        height: auto !important;
    }

    #second #side {
        position: static !important;
        margin: 40px 0 0 0;
    }

    #second #side p.btn {
        display: none;
    }

    #second #side > div {
        position: fixed;
        top: 50px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999;
        box-sizing: border-box;
        display: none;
        background: #fff;
        overflow-y: scroll;
    }

    #second #side section {
        display: block;
    }

    #refineOpen {
        background: #007aec;
        color: #fff;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        width: 75%;
        text-align: center;
        border-radius: 5px;
        position: absolute;
        bottom: 20px;
        left: 3%;
        font-size: 16px;
        font-weight: 600;
        z-index: 10;
        letter-spacing: 0.1em;
    }

    #refineTitle {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999999;
        display: none;
        height: 50px;
        text-align: center;
        color: #fff;
        line-height: 50px;
        background: #888;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }

    #refineTitle button {
        color: #fff;
        border: 1px solid #fff;
        background: #888;
        padding: 3px 4px;
        border-radius: 4px;
        position: absolute;
        top: 8px;
        left: 3%;
        font-size: 14px;
        font-weight: 600;
    }

    #refineBtn {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        background: #fff;
        z-index: 999999;
        display: none;
    }

    #refineBtn a {
        background: #007aec;
        color: #fff;
        display: inline-block;
        height: 50px;
        line-height: 50px;
        width: 90%;
        margin: 5%;
        text-align: center;
        border-radius: 5px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.1em;
    }

    #areamap {
        display: none;
    }

    .window_bottom {
        height: auto;
        text-align: center;
    }

    .window_bottom.wb02 .inquiryAll span {
        display: none;
    }

    .window_bottom.wb02 .inquiryAll span.btn {
        display: inline-block;
    }

    .window_bottom.wb02 .inquiryAll span.btn a {
        /*width: 230px;*/
        height: auto;
        padding: 8px 0;
        line-height: 1.4;
    }

    .window_bottom.wb02 .inquiryAll span.btn {
        display: block;
        float: left;
        width: 49%;
    }

    .window_bottom.wb02 .inquiryAll p .btn:first-child {
        margin-right: 2%;
    }

    .window_bottom.wb02 .inquiryAll span.btn a {
        display: block;
        width: 100% !important;
        font-size: 16px;
    }

    .window_bottom.wb02 .inquiryAll span.btn a:after {
        content: none;
    }

    #sp_fixed_footer {
        z-index: 10;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
        box-sizing: border-box;
        padding: 10px 3%;
        background: #ddefff;
        border-top: solid 3px #007aec;
        overflow: hidden;
    }

    #sp_fixed_footer .columnL {
        float: left;
        width: 49%;
    }

    #sp_fixed_footer .columnR {
        float: right;
        width: 49%;
    }

    .w_toggle_btn {
        font-weight: bold;
        font-size: 16px;
        text-align: center;
        background: #fff;
        border: solid 2px #f8007b;
        -moz-box-shadow: 0px 3px 0px 0px #f8007b;
        -webkit-box-shadow: 0px 3px 0px 0px #f8007b;
        box-shadow: 0px 3px 0px 0px #f8007b;
        color: #f8007b;
        border-radius: 5px;
    }

    .columnR .w_toggle_btn {
        background: #fff;
        border: solid 2px #007aec;
        -moz-box-shadow: 0px 3px 0px 0px #007aec;
        -webkit-box-shadow: 0px 3px 0px 0px #007aec;
        box-shadow: 0px 3px 0px 0px #007aec;
        color: #007aec;
    }

    .w_toggle_btn a {
        display: block;
    }

    .toggle_btn {
        padding: 8px 0;
    }

    .columnL .toggle_btn {
        color: #f8007b;
    }

    .columnR .toggle_btn {
        color: #007aec;
    }

    .hide_box {
        display: none;
    }

    .columnR .hide_box a,
    .columnL .hide_box a {
        position: relative;
        background: #ccc;
        border-radius: 10px;
        margin: 0 5px 5px;
        font-weight: normal;
        padding: 8px 0 5px 18px;
        font-size: 13px;
    }

    .columnL .hide_box a {
        background: #ffe8f5;
    }

    .columnL .hide_box a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 8px;
        height: 100%;
        background: url(../../img/detail/icon_tel.png) no-repeat 0 50%;
        background-size: 100%;
        width: 16px;
    }

    .columnR .hide_box a {
        background: #ddefff;
    }

    .columnR .hide_box a:after {
        content: "";
        position: absolute;
        top: 0;
        left: 8px;
        height: 100%;
        background: url(../../img/detail/icon_contact.png) no-repeat 0 50%;
        background-size: 100%;
        width: 16px;
    }

    .columnR .hide_box a:hover,
    .columnL .hide_box a:hover {
        color: #333;
    }


    /*
    ---------------------------------------
    detail.html
    ---------------------------------------
    */
    .pc {
        display: none;
    }

    .fixed_btn {
        background: #fff;
    }

    .detail_article .coupon {
        padding: 15px 10px 10px;
        position: static;
    }

    .detail_article #page_ttl {
        margin: 0 0 10px;
        padding: 15px;
    }

    .detail_article #page_ttl .util li:not(:last-child) {
        margin: 0;
    }

    .detail_article #page_ttl .util a.print {
        display: none;
    }

    .detail_article #page_ttl .util a {
        font: 0/0 a;
        color: transparent;
        width: auto;
        height: auto;
        background: none;
        border: none;
    }

    .detail_article #page_ttl .util a::before {
        width: 24px;
        height: 23px;
    }

    .detail_article #page_ttl .util a.fav::before {
        background: url(../../img/fav.png) no-repeat left top / 100% auto;
    }

    .detail_article #page_ttl .util a.fav.on::before {
        background: url(../../img/fav_on.png) no-repeat left top / 100% auto;
    }

    .detail_article .box {
        margin: 0 0 20px;
    }

    .detail_article #other,
    .detail_article #similar,
    .detail_article #sns {
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .detail_article .spec {
        margin: 0 0 20px;
    }

    .detail_article .spec .line {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        border: none;
    }

    .detail_article .spec .line dl {
        border-top: solid 1px #ccc;
        padding: 10px 0;
    }

    .detail_article .spec .line:first-child dl:first-child {
        width: auto !important;
    }

    .detail_article .spec .line:first-child dl:first-child,
    .detail_article .spec .line:first-child dl:nth-child(2) {
        border-top: none;
    }

    .detail_article .spec .line:first-child dl:nth-child(2)::before {
        content: "/";
        margin: 0 10px;
    }

    .detail_article .spec .line:first-child dl:nth-child(2),
    .detail_article .spec .line:first-child dl:nth-child(2) dd {
        flex-grow: 2;
    }

    .detail_article .spec .line:first-child dl:nth-child(2) dd {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .detail_article .spec .line dl,
    .detail_article .spec .line dl:nth-child(3) {
        width: 50% !important;
    }

    .detail_article .spec .line:last-child dl:last-child,
    .detail_article .spec .line:last-child dl:nth-last-child(2) {
        width: 100% !important;
    }

    .detail_article .spec .line:last-child {
        border-bottom: solid 1px #ccc;
        margin: 0;
    }

    .detail_article #side .box {
        display: block !important;
        position: static !important;
        overflow: inherit !important;
    }

    .detail_article #side dl {
        width: auto !important;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .detail_article .equipment li {
        padding: 20px 0;
    }

    .detail_article #side .btn {
        display: none;
    }

    .detail_article #detail_map .spec dl {
        width: auto;
    }

    .detail_article #detail_map .spec dl:first-child,
    .detail_article #detail_map .spec dl:nth-child(2) {
        float: none;
    }

    .dropdown {
        position: relative;
    }

    .dropdown::after {
        content: "";
        width: 19px;
        height: 10px;
        background: url("./img/detail/arrow.svg") no-repeat;
        display: block;
        position: absolute;
        top: 30%;
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%);
        right: 10px;
    }

    .dropdown.open::after {
        transform: rotate(180deg);
    }

    .detail_article #sns {
        margin: 0 0 30px !important;
    }

    .detail_article #sns p {
        margin: 0 0 15px;
    }

    .detail_article #sns ul li {
        width: 80px;
        margin: 0 10px !important;
    }

    .detail_article .sp_action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 15px;
    }

    .detail_article .sp_action .btn {
        width: 48.5%;
    }

    .detail_article .sp_btn_area {
        background: #ebf4fd;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 10px;
    }

    .detail_article .sp_btn_area a {
        color: #e1e1e1;
        font-size: 13px;
        font-weight: bold;
        width: 48%;
        height: 50px;
        background: #fff;
        border: solid 2px #e1e1e1;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .detail_article .sp_btn_area a.on {
        color: #0279ec;
        border-color: #0279ec;
    }

    .detail_article .sp_btn_area a:first-child {
        width: 100%;
        margin: 0 0 2%;
    }

    .detail_article .sp_btn_area a span::before {
        content: "";
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 0;
    }

    .detail_article .sp_btn_area a.vr span::before {
        width: 19.5px;
        height: 11.5px;
        background: url(../../img/detail/ico_vr.svg);
    }

    .detail_article .sp_btn_area a.vr.on span::before {
        background: url(../../img/detail/ico_vr_on.svg);
    }

    .detail_article .sp_btn_area a.movie span::before {
        width: 17.5px;
        height: 12px;
        background: url(../../img/detail/ico_movie.svg);
    }

    .detail_article .sp_btn_area a.movie.on span::before {
        background: url(../../img/detail/ico_movie_on.svg);
    }

    .detail_article .sp_btn_area a.pp span::before {
        width: 12.5px;
        height: 9px;
        background: url(../../img/detail/ico_pp.svg);
    }

    .detail_article .sp_btn_area a.pp.on span::before {
        background: url(../../img/detail/ico_pp_on.svg);
    }


    /* スライダー
    -----------------------------*/
    .slider {
        position: relative;
    }

    /* ページャー */
    .bx-default-pager {
        color: #fff !important;
        width: auto !important;
        background: rgba(50, 50, 50, 0.7);
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        -ms-border-radius: 100px;
        border-radius: 100px;
        position: absolute !important;
        bottom: 10px !important;
        left: 10px !important;
    }

    .bx-default-pager::after {
        content: "";
        width: 12px;
        height: 12px;
        background: url(../../img/detail/ico_pager.svg) no-repeat;
        display: inline-block;
        margin: 0 0 0 5px;
    }

    .bx-wrapper .bx-pager {
        font-size: 14px !important;
        padding: 4px 10px !important;
    }

 /*   #detail_list .slider .gallery li,
    #detail_map .slider .gallery2 li {
        height: 320px;
    }

    #detail_list .slider .gallery img,
    #detail_map .slider .gallery2 img {
        height: 320px;
    }*/

    /* 間取りボタン */
    .sp_slider_btn {
        color: #fff;
        padding: 5px 10px;
        position: absolute;
        background: rgba(50, 50, 50, 0.7);
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -ms-border-radius: 6px;
        border-radius: 6px;
        display: block;
        bottom: 10px;
        right: 10px;
        z-index: 99;
    }

    .sp_slider_btn::before {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../../img/detail/ico07.svg) no-repeat;
        display: block;
        margin: 0 auto 5px;
    }

    .thumb {
        display: none;
    }

    .flex {
        white-space: nowrap;
        overflow-x: scroll;
        display: block;
    }

    .flex::-webkit-scrollbar {
        display: none;
    }

    .flex li {
        display: inline-block;
        width: 220px;
        margin-right: 10px;
        white-space: normal;
    }

    .flex.list01 li {
        width: 220px;
    }

    .flex.list01 .img .fav {
        width: 24px;
        height: 23px;
        top: 10px;
        right: 8px;
    }

    /* モーダル
    -----------------------------*/
    .modaal-wrapper {
        z-index: 1000000000;
    }

    .modaal-overlay {
        z-index: 9999999;
    }
}

@media screen and (max-width: 768px) {
    #second article #contents section:first-of-type, #second article #contents > div:first-of-type {
        margin-top: 20px;
    }

    .order {
        margin-top: 0 !important;
    }

    .accordion p:before {
        width: 6px;
        height: 6px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        right: 15px;
        margin-top: -6px;
    }

    #second article #contents .group table {
        width: 100%;
    }

    #second article #contents .group th, #second article #contents .group td {
        width: 100%;
        display: block;
        box-sizing: border-box;
        border: none;
    }

    #second article #contents .group td {
        margin-bottom: 10px;
        background: #eee;
    }

    #second article #contents .group tr:last-child td {
        margin-bottom: 0;
    }

    #refine th {
        margin-bottom: 1px;
        position: relative;
    }

    #refine th:before {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 3px #007aec;
        border-right: solid 3px #007aec;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -6px;
    }

    #refine th.active:before {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -4px;
    }

    #second article #contents .group td ul li {
        float: none;
    }

    .option li {
        display: inline-block !important;
    }

    .option li a {
        width: 80px;
        margin-right: 0;
    }

    .floorplan li {
        float: left !important;
        width: 50%;
    }

    .order span {
        display: none;
    }

    .realestates dt {
        margin-left: 0 !important;
    }

    .realestates dd {
        margin-left: 24.7395833% !important;
    }

    .realestates dd.image {
        top: 45px;
        width: 23.4375% !important;
    }

    .inquiryAll div {
        background: none;
        padding-left: 0;
    }

    .inquiryAll div span {
        display: none;
    }

    .window_bottom.wb02 .inquiryAll span.btn a {
        font-size: 16px;
        /*width: 200px;*/
    }

    .save_items_box ul {
        padding-right: 0;
    }

    .save_items_box ul li {
        width: 100%;
    }

    .save_items_box ul li.other {
        width: 100%;
        position: static;
        text-indent: -90px;
        padding-left: 90px;
        box-sizing: border-box;
    }

    #detail01 table:first-of-type th[rowspan="2"] {
        height: 65px;
    }

    #detail01 table:first-of-type td[rowspan="2"] {
        width: 80% !important;
    }

    #detail01 table:first-of-type td {
        width: 30% !important;
    }

    #detail01 table th {
        display: inline-block !important;
        margin-bottom: 10px;
    }

    #detail01 table td {
        display: inline-block !important;
        width: 80% !important;
        margin-bottom: 10px !important;
    }

    #detail01 table td .btn_map {
        text-align: right;
    }

    #utility li {
        width: 24.625%;
        margin: 0 0.5% 0.5% 0;
        font-size: 14px !important;
    }

    #utility li:nth-child(4n) {
        margin-right: 0;
    }

    #detail02 #movie {
        background: none;
    }

    #detail02 #movie img {
        width: 100%;
    }

    #detail02 #gallery .bx-wrapper {
        width: 100%;
        float: none;
        margin: 0 auto 30px;
    }

    #detail02 #gallery .gallery_thumb {
        /*width: 100%;
        float: none;*/
        display: none;
    }

    #detail02 #gallery .bx-wrapper .bx-pager {
        padding-top: 0;
        bottom: -20px;
    }

    #detail02 #gallery .bx-wrapper .bx-pager.bx-default-pager a {
        background: #999999;
    }

    #detail02 #gallery .bx-wrapper .bx-pager.bx-default-pager a:hover, #detail02 #gallery .bx-wrapper .bx-pager.bx-default-pager a.active, #detail02 #gallery .bx-wrapper .bx-pager.bx-default-pager a:focus {
        background: #007aec;
    }

    #detail02 #gallery .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        z-index: 100;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        outline: none;
        border-radius: 50%;
        background: #007aec;
        box-sizing: border-box;
        margin-top: 0;
    }

    #detail02 #gallery .bx-next:after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 3px #fff;
        border-right: solid 3px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -4px 0 0 -6px;
    }

    #detail02 #gallery .bx-prev:after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-bottom: solid 3px #fff;
        border-left: solid 3px #fff;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 50%;
        margin: -4px -6px 0 0;
    }

    #detail03 table th {
        width: 100% !important;
        /*margin-bottom: 1px;
            position: relative;*/
    }

    /*#detail03 table th:before {
        content: '';
        width: 6px;
        height: 6px;
        border: 0px;
        border-top: solid 3px #007aec;
        border-right: solid 3px #007aec;
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -6px;
    }
    #detail03 table th.active:before {
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -4px;
    }*/
}

@media screen and (max-width: 560px) {
    .details li {
        width: 100%;
    }

    #campus ul li, #senmon ul li {
        width: 49%;
        margin: 2% 2% 0 0;
    }

    #campus ul li:nth-child(3n), #senmon ul li:nth-child(3n) {
        margin-right: 2% !important;
    }

    #campus ul li:nth-child(even), #senmon ul li:nth-child(even) {
        margin-right: 0 !important;
    }

    .realestates dd {
        margin-left: 0 !important;
        border-bottom: none;
    }

    .realestates dd.maininfo, .realestates dd:nth-of-type(2) {
        padding-left: 25%;
    }

    .realestates ul li {
        display: block;
        margin-right: 0;
    }

    .realestates dd.image {
        top: 35px;
    }

    .realestates ul li.btn_map {
        text-align: right;
    }

    .btn.delete {
        top: 30px;
    }

    .save_items_box .number {
        display: block;
        text-align: left;
        margin-bottom: 5px;
    }

    #favorite_map .realestates dt {
        margin-left: 0 !important;
    }

    #favorite_map .realestates dd.image {
        top: 33px !important;
    }

    #utility li {
        width: 49.5%;
        margin: 0 1% 1% 0;
    }

    #utility li:nth-child(even) {
        margin-right: 0;
    }

    #detail02 #gallery .bx-wrapper {
        height: auto;
        padding-bottom: 85%;
    }

    .rental_fee {
        font-size: 18px;
    }

    .shikikin, .reikin, .slash, .kanrihi {
        font-size: 13px !important;
    }

    .kanrihi {
        /*display: block !important;*/
        font-size: 12px;
        margin-left: 5px !important;
        margin-top: 3px;
    }

    .kanrihi:before {
        font-size: 12px;
    }

    .window_bottom.wb02 .inquiryAll span.btn a {
        font-size: 16px;
        width: 150px;
    }
}

@media screen and (max-width: 550px) {
    #other_info li:first-child {
        border-right: none;
    }
}

@media screen and (max-width: 483px) {
    #detail01 table:first-of-type td[rowspan="2"] {
        width: 60% !important;
    }

    #detail01 table:first-of-type td {
        width: 25% !important;
    }

    #detail01 table:nth-of-type(2) th {
        margin-bottom: 0;
    }

    #detail01 table:nth-of-type(2) td {
        width: 100% !important;
        padding-left: 0 !important;
    }

    #detail01 table td {
        width: 70% !important;
    }

    .detail_article #side .btn, .detail_article #side dl {
        width: 280px;
    }
}

@media screen and (max-width: 400px) {
    #second article #contents .group h1 {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    #second article #contents .group {
        padding: 2%;
    }

    #second article #contents .group th, #second article #contents .group td {
        padding: 3%;
    }

    #second article #contents .group td .checkbox {
        padding-left: 27px;
        margin-right: 0;
    }

    #second article #contents .group td .checkbox:before {
        left: 6px;
    }

    #second article #contents .group td .checkbox:after {
        left: 0;
    }

    select {
        width: 120px;
    }

    .filter {
        float: none;
        text-align: center;
    }

    .option {
        text-align: center;
    }

    .tabs li a {
        font-size: 14px;
        width: 125px;
    }

    .tabs li a:before {
        left: 10px;
    }

    .pagination ul li {
        margin-right: 0;
    }

    .realestates dt {
        font-size: 22px;
        margin-top: 5px;
    }

    .realestates dt span.mansion {
        margin-left: 5px;
    }

    .realestates dd {
        padding: 0;
    }

    .realestates dd.new {
        top: -24px;
    }

    .realestates dd:nth-of-type(2) {
        /*padding-left: 0;*/
    }

    .realestates ul li.btn_map {
        margin-bottom: 5px;
    }

    .index table tbody th {
        padding: 0 !important;
        width: 30px !important;
    }

    .index table tbody td {
        font-size: 15px !important;
    }

    .index table tbody td:before {
        width: 100%;
        margin-bottom: 3px;
    }

    .btn.delete {
        top: 15px;
        right: 2%;
    }

    .save_items_box .search {
        margin-bottom: 1%;
    }

    #favorite_map .realestates {
        margin-bottom: 10px;
    }

    #favorite_map .realestates ul li {
        padding-right: 0;
    }

    .index table tbody .slash {
        font-size: 13px !important;
    }

}