@CHARSET "UTF-8";

/* 全体 */
.wrapper {
    width: 100%;
    border-top: 6px solid #E60013;
    background-color: #EFEFEF;
}

.contents {
    width: 80%;
    margin: auto;
}

.flex-direction-nav .flex-prev {
    left: 0px;
}
.flex-direction-nav .flex-next {
    right: 0px;
}

.drawer-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 10;
}

.sb-slidebar {
    background-color: #f4f7f8;
}
.sb-slidebar ul {
    list-style: none;
    padding: 0;
}
.sb-slidebar li {
    padding: 15px 10px;
    border-bottom: 1px solid #E6E6E6;
}
.sb-slidebar a {
    display: block;
    text-decoration: none;
}
.sb-slidebar li:hover {
    background-color: #ddd;
}
.sb-slidebar .fa {
    margin-right: 5px;
}
.sb-slidebar .section {
    background-color: #fff;
    border-bottom: 1px solid #E6E6E6;
    padding: 6px 10px;
    font-weight: bold;
    margin-bottom: 0;
}

ul.slider {
    padding-left: 0;
}

/* ヘッダー */
.header table {
    background-color: #000;
    width: 100%;
}
.header td.logo-area {
    width: 280px;
    padding: 20px;
    text-align: center;
}
.header td.menu-area {
    background-color: #302F2F;
    color: #fff;
    text-align: right;
    padding-right: 20px;
}
.header td.menu-area.menu {
    background-color: #4E4E4E;
    text-align: right;
    padding-right: 20px;
}
.header td.menu-area.menu a {
    color: #fff;
    font-size: 110%;
    text-decoration: none;
    display: inline-block;
    margin-left: 30px;
    cursor: pointer;
}
.header td.menu-area.menu a:hover {
    opacity: 0.6;
}

p.alert-body {
    text-align: center;
    font-size: 120%;
    line-height: 1.8;
    margin-bottom: 20px;
}

.btn-modal-close {
    text-align: center;
}

/* トップページ */
.flexslider {
    border: none;
    position: relative;
    margin-bottom: 0;
}
.flex-direction-nav a {
    height: 50px;
}

.flex-over {
    position: absolute;
    top: 40%;
    left: 15%;
    z-index: 2;
    width: 100%;
}

.caption {
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    width: 32em;
    padding: 20px;
}
.caption p.title {
    font-size: 40px;
    margin-bottom: 0;
    line-height: 1;
}
.caption p.sub-title {
    margin-bottom: 0;
    letter-spacing: 3px;
    font-size: 10px;
}

.flex-over {
    position: absolute;
    top: 40%;
    left: 15%;
    z-index: 2;
    width: 85%;
}

.caption {
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    width: 32em;
    padding: 20px;
}

.caption p.title {
    font-size: 40px;
    margin-bottom: 0;
    line-height: 1;
}

.caption p.sub-title {
    margin-bottom: 0;
    letter-spacing: 3px;
    font-size: 10px;
}

.more-link {
    background-color: #000;
    color: #fff;
    padding: 10px;
    width: 8em;
    text-align: center;
    letter-spacing: 4px;
    font-size: 12px;
    float: left;
}
.more-link-arrow {
    background-color: #E60013;
    color: #fff;
    padding: 10px;
    width: 3em;
    text-align: center;
    font-size: 12px;
    float: left;
}
.more-link, .more-link-arrow {
    cursor: pointer;
}

.search-area, .recommend-area {
    border-top: 6px solid #E60013;
    background-color: #EFEFEF;
    padding-bottom: 40px;
}
.search-area .contents, .recommend-area .contents {
    width: 80%;
    margin: auto;
}
.search-area p.title, .recommend-area p.title {
    background-color: #e60013;
    width: 8em;
    text-align: center;
    color: #fff;
    padding: 2px;
}
.search-area .contents {
    width: 80%;
    margin: auto;
}
.search-area p.title {
    background-color: #e60013;
    width: 8em;
    text-align: center;
    color: #fff;
    padding: 2px;
}
.search-area table {
    width: 100%;
    border: 1px solid #595857;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
    margin-top: 40px;
    background-color: #fff;
}
.search-area td.pref {
    width: 24%;
    padding: 15px;
    border-right: 1px solid #595857;
}
.search-area p.main {
    font-size: 20px;
    margin-bottom: 0;
}
.search-area p.main select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: none;
    width: 100%;
}
.search-area td.city {
    width: 38%;
    padding: 15px;
    border-right: 1px solid #595857;
}
.search-area td.floor {
    width: 22%;
    padding: 15px;
}
.search-area td.submit {
    padding: 15px;
}
.search-area .submit a {
    background-color: #E60013;
    width: 100%;
}
.search-area .submit a:hover {
    background-color: #de636d;
}

.sub-image-area .row {
    margin: 0;
}
.sub-image {
    padding: 0;
    position: relative;
    cursor: pointer;
}
.sub-image img {
    width: 100%;
}
.sub-image img:hover {
    opacity: 0.8;
}
.sub-image p.caption {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: transparent;
    padding: 0;
    text-align: center;
    font-size: 24px;
    margin-bottom: 0;
    letter-spacing: 4px;
    margin-top: -24px;
}

.recommend {
    cursor: pointer;
}

.recommend-area p.title {
    width: 10em;
    margin-bottom: 40px;
}
.recommend-area .glyphicon {
    transform: scale(-1,1);
}
.recommend-area .description {
    text-align: center;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 30px;
    line-height: 2;
}

.recommend img {
    width: 100%;
}
.recommend-image {
    position: relative;
    overflow: hidden;
}
.recommend-image .caption {
    position: absolute;
    bottom: 0;
    background-color: #231916;
    padding: 10px 15px;
    width: 50%;
    text-align: center;
}
.recommend-image p.new-article {
    border: 1px solid;
    font-size: 12px;
    padding: 3px 0 1px;
    margin-bottom: 2px;
}
.recommend-image p.price {
    margin-bottom: 0;
    font-size: 18px;
}
.recommend-box-base {
    display: none;
}

.more-article {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.more-article a {
    width: 300px;
    background-color: transparent;
    font-size: 20px;
    padding: 15px;
    color: #E60013;
    border-color: #E60013;
    letter-spacing: 3px;
}
.more-article a:hover {
    background-color: #fff;
    color: #de636d;
    border-color: #de636d;
}

.recommend.active-for-marker .recommend-image {
    border: 2px solid #ff0000;
    border-bottom: none;
}
.recommend.active-for-marker .description {
    border: 2px solid #ff0000;
    border-top: none;
    background-color: rgba(255,0,0,0.1);
}

.select-type-wrap {
    margin: 100px 0;
}
.select-type-wrap .rent-wrap {
    text-align: right;
    padding-right: 80px;
}
.select-type-wrap .sell-wrap {
    padding-left: 80px;
}
.select-type-wrap a.to-rent, .select-type-wrap a.to-sell {
    text-align: center;
    width: 70%;
    display: inline-block;
    padding: 2em 0;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
}
.select-type-wrap a.to-rent {
    color: rgba(255, 0, 0, 0.6);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #c58668;
    font-size:  x-large;
}
.select-type-wrap a.to-rent:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.select-type-wrap a.to-rent span {
    display:  block;
    color: #fff;
    text-shadow: none;
    font-size:  xx-large;
}
.select-type-wrap a.to-sell {
    color: rgba(0, 69, 212, 0.47);
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
    background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
    background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-bottom: solid 3px #5e7fca;
    font-size:  x-large;
}
.select-type-wrap a.to-sell:hover {
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
    border-bottom: none;
}
.select-type-wrap a.to-sell span {
    display:  block;
    color: #fff;
    text-shadow: none;
    font-size:  xx-large;
}

/* 詳細検索画面 */
.recommend-area.search-result {
    border-top: none;
    background-color: #fff;
}

.result-wrap {
    letter-spacing: -.40em;
    position: relative;
}

.result-list {
    width: 100%;
    display: block;
    letter-spacing: 0;
}
.result-list .area, .result-list .floor, .result-list .price, .result-list .result {
    margin: auto;
    font-size: 110%;
    padding-left: 5%;
    padding-right: 5%;
}
.result-list .area {
    padding: 25px 5%;
    border-bottom: 1px solid #4E4E4E;
}
.result-list .area select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: none;
    margin-left: 20px;
}
.result-list .floor {
    padding: 20px 5%;
    border-bottom: 1px solid #4E4E4E;
}
.result-list .floor p.title {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    vertical-align: middle;
    line-height: 41px;
}
.result-list .floor-select {
    width: 30%;
    display: inline-block;
    margin-left: 10px;
       *
    display: inline;   *
    zoom: 1;
    position: relative;
    border-radius: 0.2em;
    border: 1px solid rgba(0, 0, 0, 0.5);
    box-shadow: 0px 2px 0 #AAA;
    background-color: white;
}
.result-list .floor-select:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1.8em;
    display: block;
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGFBMVEUAAAAZJCYWISIYIyQYIiUWIiIYIyQYIiXh0rToAAAACHRSTlMA/hTRqiinvwFkb0sAAABCSURBVHjajchBDsAgDAPBOJDw/x+XVN0icQGfPGs3i+2GEqeiLCXWLENzvdzrDfP2ls/NjfKbgimYglfBq2Dm+LwHguMA235EdKYAAAAASUVORK5CYII=") center no-repeat;
    pointer-events: none;
}
.result-list .floor-select > select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    padding: 0;
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: content-box;
    width: 100%;
    padding: 0.6em 2.4em 0.6em 0.6em;
}
.result-list .price {
    padding: 20px 5%;
    border-bottom: 1px solid #4E4E4E;
    position: relative;
}
.result-list .price p.lowest, .price p.highest {
    font-size: 70%;
    position: absolute;
    top: 115px;
    margin-bottom: 0;
}
.result-list .price p.lowest {
    left: 6.5%;
}
.result-list .price p.highest {
    right: 6.5%;
}
.result-list .graph {
    position: relative;
    width: 90%;
    height: 50px;
    margin: 0 auto;
}
.result-list .graph .bar {
    display: inline-block;
    position: absolute;
    bottom: 0;
    width: 20px;
    background: #BCBBBB;
}
.result-list .result {
    padding: 20px 5%;
}
.result-list .result p.title {
    margin-bottom: 20px;
}

.search-result .contents {
    width: 100%;
}
.search-result .caption {
    width: 50%;
}
.search-result .caption .price {
    padding: 0;
    border: none;
}

.ui-widget-content {
    height: 2px;
    top: 0;
    margin: auto;
    margin-bottom: 35px;
    width: 90%;
    border: #cc0000;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -9px;
    border-radius: 10px;
    background: #fff;
    border-color: #000;
}

.result-map-wrap {
    height: 500px;
}
.result-map {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.result-map label {
    width: auto;
    display: inline;
}
.result-map img {
    max-width: none;
}
.result-map div {
    letter-spacing: 0;
}

/* オーナー詳細 */
.owner-detail p.comment {
    font-size: 150%;
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    padding: 15px;
    width: 100%;
    line-height: 1.5;
    color: #ED6D00;
    background: #F6F6F6;
    border: 2px solid #898989;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 0;
}
.owner-detail p.comment:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -24px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 9px 16px 9px 0;
    border-color: transparent #F6F6F6 transparent transparent;
    z-index: 0;
}
.owner-detail p.comment:after {
    content: "";
    position: absolute;
    top: 50%;
    left: -20px;
    margin-top: -25px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 18px 10px 0;
    border-color: transparent #898989 transparent transparent;
    z-index: -1;
}

.evaluation {
    background-color: #fff;
    padding: 25px;
}
.ev-title {
    text-align: center;
}
.evaluation-star {
    margin-top: -10px;
}
.ev-star {
    position: relative;
    font-size: 300%;
    color: #ffa500;
}
.ev-star.off {
    color: #ddd;
}
.ev-count {
    font-size: 200%;
    color: #E60013;
}
.ev-star.rate00:after { width: 0; }
.ev-star.rate05:after { width: 7.3%; }
.ev-star.rate10:after { width: 14.6%; }
.ev-star.rate15:after { width: 25%; }
.ev-star.rate20:after { width: 32.3%; }
.ev-star.rate25:after { width: 42.8%; }
.ev-star.rate30:after { width: 50.1%; }
.ev-star.rate35:after { width: 60.7%; }
.ev-star.rate40:after { width: 68%; }
.ev-star.rate45:after { width: 78.6%; }
.ev-star.rate50:after { width: 85.9%; }

.owner-detail .infomation {
    margin-top: 30px;
}
.owner-detail .infomation table {
    width: 100%;
    border: 2px solid #898989;
}
.owner-detail .infomation tr {
    border-bottom: 2px solid #898989;
}
.owner-detail .infomation th, .owner-detail .infomation td {
    padding: 10px 15px;
    letter-spacing: 2px;
}
.owner-detail .infomation th {
    background-color: #FED962;
    width: 15%;
}
.owner-detail .infomation td {
    background-color: #fff;
    border-right: 2px solid #898989;
}

.description p.title {
    font-weight: bold;
    font-size: 120%;
}
.description p.body {
    width: 100%;
    word-wrap: break-word;
    line-height: 1.8;
}

.recommend-area.owner {
    border-top: none;
    margin-top: 50px;
}
.recommend-area.owner .contents {
    width: 100%;
}

.rate-area {
    margin-top: 10px;
    margin-bottom: 50px;
}

.rate-box {
    padding: 30px 0;
    border-bottom: 1px dotted;
}
.rate-box .title {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 10px;
}
.rate-box .message {
    word-wrap: break-word;
    line-height: 1.8;
}
.rate-box .name {
    font-size: 110%;
    margin-bottom: 15px;
    width: 15em;
}
.rate-box .ev-star {
    font-size: 120%;
}
.rate-box .ev-count {
    font-size: 120%;
    width: 3em;
}
.rate-detail-star {
    width: 10em;
}

.more-rate {
    margin: 30px 0;
    text-align: center;
}
.more-rate .btn {
    width: 250px;
    padding: 10px;
    font-size: 120%;
    color: #E60013;
    border-color: #E60013;
    background-color: transparent;
}
.more-rate .btn:hover {
    opacity: 0.6;
    background-color: #fff;
}

.recommend-area.owner-article {
    background: none;
    padding: 0;
    margin-top: 40px;
}
.owner-article .description {
    background-color: #efefef;
}

/* 物件詳細 */
.article-over {
    position: absolute;
    top: 0;
    background-color: #231916;
    padding: 10px 15px;
    width: 280px;
    text-align: center;
    z-index: 2;
}
.article-over .caption {
    background-color: transparent;
    width: 100%;
    padding: 0;
}
.article-over p.new-article {
    border: 1px solid #fff;
    padding: 5px;
}
.article-over p.price {
    margin-bottom: 0;
    font-size: 130%;
}

.article-detail {
    border-top: 6px solid #E60013;
    margin-bottom: 50px;
}
.article-detail .detail-info {
    margin-top: 30px;
    margin-bottom: 30px;
}
.article-detail .address {
    text-align: center;
    font-size: 110%;
    line-height: 1.8;
    letter-spacing: 3px;
}
.article-detail .contact {
    margin-bottom: 10px;
}
.article-detail .contact .btn {
    width: 100%;
    padding: 10px;
    background-color: #EF868C;
    color: #fff;
    border-color: #EF868C;
    letter-spacing: 2px;
}
.article-detail .favorite .btn {
    width: 100%;
    background-color: transparent;
    color: #EF868C;
    border-color: #EF868C;
    letter-spacing: 2px;
}
.article-detail .contact .btn:hover {
    opacity: 0.6;
}
.article-detail .favorite .btn:hover {
    opacity: 0.6;
    background-color: #fff;
}
.article-detail p.description {
    line-height: 1.8;
    word-wrap: break-word;
    font-size: 110%;
}

.to-insite {
    font-size: 150%;
    position: relative;
    display: block;
    text-align: center;
    margin: 30px auto;
    padding: 10px 15px;
    width: 300px;
    line-height: 1.5;
    color: #EF868C;
    background: transparent;
    border: 2px solid #EF868C;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    z-index: 0;
}
.to-insite:before {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -139px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 139px 0 139px;
    border-color: #fff transparent transparent transparent;
    z-index: 0;
}
.to-insite:after {
    content: "";
    position: absolute;
    bottom: -17px;
    left: 50%;
    margin-left: -140px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 140px 0 140px;
    border-color: #ef868c transparent transparent transparent;
    z-index: -1;
}
.to-insite p {
    margin: 0;
}

.insite-area {
    margin-top: 50px;
}

.insite-box {
    margin-bottom: 60px;
}
.insite-box .image {
    margin-bottom: 20px;
}
.insite-box .content {
    font-size: 110%;
    letter-spacing: 3px;
    line-height: 1.8;
}

.howseit-report {
    margin-bottom: 50px;
}
.howseit-report .title {
    width: 300px;
    margin: 20px auto;
}
.howseit-report .body {
    border-top: 1px solid #231916;
    border-bottom: 1px solid #231916;
    padding: 25px 0;
    font-size: 110%;
    letter-spacing: 3px;
    line-height: 1.8;
}

.social-area {
    padding: 5px 0;
    text-align: center;
    background-color: #DCDDDD;
    margin-bottom: 50px;
}
.social-area .btn {
    width: 9em;
    position: relative;
    text-align: left;
    padding-left: 2.8em;
    font-size: 110%;
    color: #fff;
    font-weight: bold;
    text-shadow: 2px 2px 0 #555;
    cursor: pointer;
}
.social-area .btn:hover {
    opacity: 0.6;
}
.social-area .btn img {
    width: 1.8em;
    position: absolute;
    top: 0.25em;
    left: 0.3em;
}
.btn-facebook {
    background: #4E69B1;
    background-image: -moz-linear-gradient(top, #4E69B1 0%, #7C96CC 50%, #4E69B1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4E69B1), color-stop(0.50, #7C96CC), color-stop(1, #4E69B1));
    border-color: #4E69B1;
    letter-spacing: 5px;
}
.btn-twitter {
    background: #3bbee8;
    background-image: -moz-linear-gradient(top, #3bbee8 0%, #99D6EC 50%, #3bbee8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3bbee8), color-stop(0.50, #99D6EC), color-stop(1, #3BBEE8));
    border-color: #3bbee8;
    letter-spacing: 5px;
}
.btn-line {
    background: #74BB2B;
    background-image: -moz-linear-gradient(top, #74BB2B 0%, #A4CE67 50%, #74BB2B 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #74BB2B), color-stop(0.50, #A4CE67), color-stop(1, #74BB2B));
    border-color: #74BB2B;
}
.btn-google {
    background: #E72726;
    background-image: -moz-linear-gradient(top, #E72726 0%, #F6BBC0 50%, #E72726 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E72726), color-stop(0.50, #F6BBC0), color-stop(1, #E72726));
    border-color: #E72726;
    letter-spacing: 5px;
}

.info-area {
    margin-bottom: 30px;
}
.info-area .info table {
    width: 100%;
    border-top: 1px solid #000;
}
.info-area .info tr {
    border-bottom: 1px solid #000;
}
.info-area .info th, .info-area .info td {
    padding: 15px 10px;
}
.info-area .info td {
    text-align: right;
    letter-spacing: 2px;
}

.request.bottom {
    margin-top: 40px;
}
.request.bottom .contact, .request.bottom .favorite, .request.bottom .add-evaluation {
    width: 50%;
    margin: 10px auto;
}
.request.bottom .add-evaluation.no-login {
    text-align: center;
    font-size: 120%;
    color: #ff0000;
    font-weight: bold;
    margin-top: 30px;
}
.request.bottom .contact .btn {
    font-size: 150%;
    padding: 15px;
}
.request.bottom .add-evaluation .btn {
    display: block;
    font-size: 120%;
}

.input-evaluation h1.modal-title {
    font-size: 150%;
    text-align: center;
}
.input-evaluation .modal-close {
    text-align: center;
}
.input-evaluation .evaluation-star {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    margin-top: 30px;
}
.input-evaluation .evaluation-star input[type='radio']{
    display: none;
}
.input-evaluation .evaluation-star label{
    position: relative;
    padding: 10px 10px 0;
    color: gray;
    cursor: pointer;
    font-size: 50px;
}
.input-evaluation .evaluation-star label .text{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: gray;
}
.input-evaluation .evaluation-star label:hover,
.input-evaluation .evaluation-star label:hover ~ label,
.input-evaluation .evaluation-star input[type='radio']:checked ~ label{
    color: #ffcc00;
}
.input-evaluation button.registration {
    width: 200px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    font-size: 120%;
    font-weight: bold;
}

.evaluation-body {
    margin-top: 20px;
}
.evaluation-body p {
    text-align: center;
    font-size: 150%;
}

button.close {
    display: none;
}

p.no-evaluations {
    text-align: center;
    margin: 60px 0;
    font-size: 150%;
    color: #aaa;
}

.article-detail .favorite .btn.fv-on {
    background-color: #ccc;
    border-color: #000;
    color: #000;
}

.select-room-wrap {
    position: relative;
}
.select-room-wrap .prev-room, .select-room-wrap .next-room {
    position: fixed;
    top: -200px;
    z-index: 3;
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: rgba(0,0,0,0.6);
}
.select-room-wrap .prev-room {
    left: 0;
}
.select-room-wrap .next-room {
    right: 0;
}
.select-room-wrap .prev-room a, .select-room-wrap .next-room a {
    color: #fff;
    font-size: 110%;
    font-weight: bold;
    display: block;
    height: 100%;
    padding: 30px 0;
    text-decoration: none;
}

.article-over.fix {
    position: fixed!important;
    top: 0;
    left: 0;
}
.article-over.article-detail {
    border-top: none;
}

/* お問い合わせ */
.contact p.description {
    line-height: 3;
    margin-bottom: 40px;
}

.contact-form table {
    width: 100%;
}
.contact-form th, .contact-form td {
    padding: 15px 0 15px 15px;
}
.contact-form th {
    width: 15%;
    text-align: right;
}
.contact-form th.require:after {
    content: "※";
    position: absolute;
    color: red;
}
.contact-form td {
    width: 35%;
    text-align: left;
    position: relative;
}
.contact-form td.spacer {
    width: 15%;
}
.contact-form td.post-code-area span {
    width: 10%;
    display: inline-block;
    text-align: center;
}
.contact-form span.post-code-description {
    white-space: nowrap;
}
.contact-form td.name.first:before {
    content: "姓：";
    position: absolute;
    top: 1.6em;
    left: -1em;
}
.contact-form td.name.last:before {
    content: "名：";
    position: absolute;
    top: 1.6em;
    left: -1em;
}
.contact-form td.name.first-kana:before {
    content: "セイ：";
    position: absolute;
    top: 1.6em;
    left: -2em;
}
.contact-form td.name.last-kana:before {
    content: "メイ：";
    position: absolute;
    top: 1.6em;
    left: -2em;
}
.contact-form td.post-code-area:before {
    content: "〒：";
    position: absolute;
    top: 1.6em;
    left: -1em;
}

.form-control.name {
    width: 80%;
    display: inline;
}
.form-control.postCode1, .form-control.postCode2 {
    display: inline;
}
.form-control.postCode1 {
    width: 30%;
}
.form-control.postCode2 {
    width: 40%;
}
.form-control.address {
    width: 91.5%;
}
.form-control.phone {
    width: 80%;
}

.contact-form .submit-area {
    margin: 30px 0 80px;
    text-align: center;
}
.contact-form .submit-area .btn {
    font-size: 150%;
    letter-spacing: 5px;
    width: 250px;
    padding: 8px;
    font-weight: bold;
}
.contact-form .submit-area .btn:hover {
    opacity: 0.6;
}
.contact-form .submit-area .btn.btn-submit {
    background-color: #F5B91C;
    border-color: #F5B91C;
    margin-right: 10px;
}
.contact-form .submit-area .btn.btn-reset {
    background-color: #B2B2B2;
    border-color: #B2B2B2;
    margin-left: 10px;
}

.contact p.description.publish {
    line-height: 1.6;
}

.error-message {
    font-weight: bold;
    color: red;
}

.contact p.description.publish.check {
    font-size: 110%;
    text-align: center;
    line-height: 2;
}
.contact .form-check-body table {
    font-size: 120%;
}
.contact .form-check-body th {
    padding-right: 6%;
    width: 30%;
}
.contact .form-check-body td {
    padding-left: 4%;
}
.contact p.description.publish.check span.form-check-title {
    color: #ff0000;
    font-weight: bold;
}
.contact .form-check-body {
    margin-bottom: 60px;
}

.usage-agree {
    text-align: center;
    margin: 10px;
}
.usage-agree-checkbox {
    display: none;
}
.check_css {
    -webkit-transition: background-color 0.2s linear;
    transition: background-color 0.2s linear;
    position: relative;
    display: inline-block;
    padding: 0 0 0 42px;
    vertical-align: middle;
    cursor: pointer;
}
.check_css:hover:after {
    border-color: #0171bd;
}
.check_css:after {
    -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: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 6px;
    content: '';
}
.check_css:before {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    position: absolute;
    top: 50%;
    left: 21px;
    display: block;
    margin-top: -7px;
    width: 8px;
    height: 12px;
    border-right: 3px solid #0171bd;
    border-bottom: 3px solid #0171bd;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.usage-agree-checkbox:checked + .check_css:before {
    opacity: 1;
}

/* よくある質問 */
h2.faq-title {
    margin: 80px 0 0;
    text-align: center;
}

hr.dotted-line {
    margin-top: 50px;
    margin-bottom: 50px;
    border-style: dotted;
    border-color: #000;
}

.faq-area {
    margin-bottom: 120px;
}

.faq-box .question {
    font-size: 160%;
    margin-bottom: 15px;
}
.faq-box .question:before {
    content: "Q . ";
}

/* ハウズイットについて */
.about-title {
    width: 60%;
    margin: 80px auto 60px;
}
.about-title img {
    width: 100%;
}

.about-area {
    position: relative;
}

.about-back {
    text-align: right;
}
.about-back img {
    width: 60%;
}

.about-body {
    position: absolute;
    top: 60px;
    left: 0;
}
.about-body h1 {
    margin-bottom: 0;
    line-height: 1.4;
    font-feature-settings: "palt";
    list-style-type: disc !important;
    font-family: "Yu Gothic" , sans-serif;
    margin-left: 2.5%;
}
.about-body p {
    margin-left: 3%;
    margin-bottom: 30px;
}
.about-body p.description {
    letter-spacing: 3px;
}

.about-box {
    width: 97%;
    margin: 0 0 0 auto;
}
.about-box p.title {
    font-size: 150%;
    margin-bottom: 15px;
}
.about-box p.body {
    margin-bottom: 20px;
}
.about-box p.link {
    width: 40%;
    margin: 0 0 0 auto;
    font-size: 130%;
    text-align: right;
    border-bottom: 2px solid #9FA0A0;
    padding-bottom: 0;
    padding-right: 2em;
    position: relative;
    cursor: pointer;
}
.about-box p.link:after {
    border-right: 2px solid #9FA0A0;
    content: " ";
    position: absolute;
    bottom: -0.3em;
    right: 0.4em;
    height: 1.6em;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.about-box.last {
    margin-bottom: 150px;
}

/* プライバシーポリシー */
p.privacy-main {
    line-height: 2;
}

.privacy-area {
    margin-top: 40px;
}

.privacy-box {
    margin-bottom: 40px;
}
.privacy-box .title {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
    margin-left: 1.5em;
}
.privacy-box .title:before {
    content: "";
    background-color: #000;
    border: 10px solid #000;
    color: #000;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    position: absolute;
    margin-left: -1.5em;
}
.privacy-box .content {
    line-height: 2;
}

hr.dotted-line.last {
    margin-bottom: 100px;
}

/* 運営会社について */
.about-body.company table {
    width: 90%;
    margin: auto;
    margin-top: -60px;
    table-layout: fixed;
}
.about-body.company th, .about-body.company td {
    padding: 15px 0;
    vertical-align: top;
    font-size: 120%;
}
.about-body.company th {
    width: 7em;
    -moz-text-align-last: justify;
    text-align-last: justify;
    vertical-align: middle;
}
td.spacer {
    width: 4em;
}

/* 利用規約 */
.usage-area {
    margin-top: 40px;
}

.usage-box {
    margin-bottom: 40px;
}
.usage-box .title {
    font-size: 140%;
    margin-bottom: 10px;
}
.usage-box .content {
    line-height: 2;
}
.usage-box a {
    color: #E60013;
}

/* こだわり */
.commitment-header .caption {
    width: 100%;
    text-align: center;
}
.commitment-header .flex-over {
    top: 280px;
    left: 10%;
    width: 80%;
}
.commitment-header .image {
    overflow: hidden;
    height: 500px;
}
.commitment-header .image img {
    margin-top: -100px;
}

/* リンク集 */
p.privacy-main.alt-box {
    border: 1px solid #ccc;
    height: 3em;
    margin-bottom: 30px;
    line-height: 3em;
    padding: 0 10px;
}

hr.dotted-line.links {
    margin-bottom: 20px;
}
hr.dotted-line.last.links {
    margin-bottom: 100px;
    margin-top: 10px;
}

.to-links-info {
    margin-top: 60px;
    text-align: right;
}

.link-info-wrap {
    margin-top: 30px;
}
.link-info-wrap h3 {
    font-size: 20px;
    font-weight: bold;
}
.link-info-wrap table {
    width: 100%;
}
.link-info-wrap th, .link-info-wrap td {
    padding: 10px;
    border: 1px solid #aaa;
}
.link-info-wrap th {
    width: 15%;
}

.links-wrap {
    max-height: 550px;
    overflow-y: scroll;
}
.links-wrap .col-sm-4 {
    margin-bottom: 10px;
}

/* フッター */
.footer {
    border-top: 6px solid #E60013;
    background-color: #000;
    padding-bottom: 40px;
}
.footer .contents {
    width: 70%;
    margin: 30px auto 0;
    color: #fff;
}
.footer .contents a {
    color: #fff;
    line-height: 2;
    cursor: pointer;
}
.footer p.title {
    font-size: 15px;
    margin-bottom: 2px;
}

.f-menu {
    width: 80%;
    text-align: center;
    margin: 50px auto;
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.f-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.f-menu li {
    display: inline;
    padding: 0 10px;
}
.f-menu a {
    color: #fff;
    cursor: pointer;
}
.f-menu.sp .row {
    margin-right: -2px;
    margin-left: -2px;
}
.f-menu.sp .col-xs-4 {
    padding-right: 2px;
    padding-left: 2px;
    margin-bottom: 5px;
}

.f-logo {
    width: 200px;
    margin: 0 auto 10px;
}
.f-logo img {
    width: 100%;
}