@charset "UTF-8";
    html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
span, table, caption, tbody, tfoot, thead, tr, th {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
background: transparent;
}
main {
display: block;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
} *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
body {
max-width: 100%;
color: #333;
font-family: "Noto Sans JP", sans-serif;
font-size: 16px;
line-height: 1;
}
ul {
list-style: none;
}
a {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
}
img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: bottom;
}
.df {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.pc {
display: block;
}
.tb {
display: none;
}
.sp {
display: none;
}
@media screen and (max-width: 1199px) {
.pc {
display: none;
}
.tb {
display: block;
}
.sp {
display: none;
}
}
@media screen and (max-width: 758px) {
.pc {
display: none;
}
.tb {
display: none;
}
.sp {
display: block;
}
}
.container {
margin: 0 auto;
max-width: 100%;
width: calc(100% - 5vw);
}
@media screen and (max-width: 1199px) {
.container {
width: 100%;
padding: 0 15px;
}
}
.btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
display: block;
width: 20.8vw;
line-height: 5vw;
font-size: 1.33vw;
font-weight: 500;
color: #fff;
background-color: #eb7aab;
border-radius: 0.34vw;
}
.btn::after {
position: absolute;
top: 50%;
right: 5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 0.83vw;
}
.btn:hover {
background-color: #fff;
color: #eb7aab;
border: 1px solid #eb7aab;
}
@media screen and (max-width: 1199px) {
.btn {
width: 250px;
line-height: 60px;
font-size: 16px;
border-radius: 6px;
}
.btn::after {
font-size: 10px;
}
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}  .main-contents {
margin-left: 300px;
width: calc(100% - 300px);
background-color: #f7f8f8;
}
@media screen and (max-width: 1199px) {
.main-contents {
margin-left: 0;
width: 100%;
}
} .page-wrap {
padding: 40px 0 60px;
}
.page-wrap .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-wrap .main {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-wrap .sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 20.1%;
flex: 0 0 20.1%;
margin-left: 30px;
}
@media screen and (max-width: 1199px) {
.page-wrap .sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
margin-left: 10px;
}
}
@media screen and (max-width: 758px) {
.page-wrap {
padding: 20px 0 40px;
}
.page-wrap .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-wrap .main {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.page-wrap .sidebar {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-left: 0;
}
} .left-header {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 300px;
overflow-y: auto;
z-index: 1;
background-color: #fff;
}
.left-header .logo h1,
.left-header .logo p {
width: 114px;
padding-top: 18px;
padding-bottom: 18px;
margin: 0 auto;
}
.left-header .logo__link {
display: block;
}
.left-header .nav__item {
border-top: 1px dotted #b3b3b3;
}
.left-header .nav__item:last-child {
border-bottom: 1px dotted #b3b3b3;
}
.left-header .nav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 18px 40px;
}
.left-header .nav .heading {
font-size: 22px;
font-weight: 500;
color: #eb7aab;
}
.left-header .nav .heading + .heading {
margin-top: 9px;
}
.left-header .nav .sub {
margin-top: 10px;
font-size: 13px;
color: #333;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.left-header .nav__ico {
width: 38px;
font-size: 16px;
line-height: 36px;
text-align: center;
color: #eb7aab;
border: 1px solid #eb7aab;
border-radius: 50%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.left-header .nav__link:hover .sub {
color: #eb7aab;
}
.left-header .nav__link:hover .nav__ico {
color: #fff;
background-color: #eb7aab;
}
.left-header .sns-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
padding: 0 20px;
}
.left-header .sns {
position: relative;
display: block;
padding-top: 14px;
width: 120px;
height: 120px;
text-align: center;
border: 2px solid #000;
border-radius: 6px;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
.left-header .sns__ico {
display: block;
width: 45px;
height: 45px;
margin: 0 auto;
}
.left-header .sns__text {
margin-top: 6px;
font-size: 14px;
line-height: 1.4;
color: #333;
}
.left-header .sns:hover {
top: 2px;
left: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.left-header .tel-contact {
margin-top: 20px;
padding: 0 20px;
text-align: center;
font-size: 14px;
}
.left-header .tel-contact .tel img {
display: block;
width: 100%;
margin: 10px auto;
}
.left-header .tel-contact .tel p + p {
margin-top: 10px;
} .section-title {
font-size: 24px;
font-weight: 500;
padding: 1.08vw 0;
border-top: 2px solid #4d4d4d;
border-bottom: 1px solid #b3b3b3;
}
@media screen and (max-width: 1199px) {
.section-title {
font-size: 24px;
padding: 20px 0;
}
}
@media screen and (max-width: 758px) {
.section-title {
font-size: 16px;
padding: 14px 15px 18px;
}
} .common-contact {
padding-bottom: 1.66vw;
}
.common-contact .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.common-contact .tel,
.common-contact .mail {
padding-top: 2.8vw;
width: 49.4%;
height: 18.3vw;
background-color: #fff;
text-align: center;
}
.common-contact .tel .title,
.common-contact .mail .title {
margin-top: 21px;
font-weight: 400;
font-size: 1.33vw;
}
.common-contact .tel__ico {
display: block;
margin: 0 auto;
width: 4.2vw;
height: auto;
}
.common-contact .tel__num {
margin-top: 0.92vw;
width: 19vw;
}
.common-contact .tel__text {
margin-top: 11px;
font-size: 0.83vw;
}
.common-contact .tel__text + .tel__text {
margin-top: 7px;
}
.common-contact .mail__ico {
display: block;
margin: 0 auto;
width: 4.2vw;
height: auto;
}
.common-contact .mail__btn {
margin: 1.16vw auto 0;
}
@media screen and (max-width: 1199px) {
.common-contact {
padding-bottom: 20px;
}
.common-contact .tel,
.common-contact .mail {
padding-top: 33px;
padding-bottom: 22px;
height: auto;
}
.common-contact .tel .title,
.common-contact .mail .title {
margin-top: 16px;
font-size: 16px;
}
.common-contact .tel__ico {
width: 50px;
}
.common-contact .tel__num {
margin-top: 16px;
width: 230px;
}
.common-contact .tel__text {
margin-top: 10px;
font-size: 12px;
}
.common-contact .mail__ico {
width: 50px;
}
.common-contact .mail__btn {
margin: 16px auto 0;
}
}
@media screen and (max-width: 758px) {
.common-contact {
padding-bottom: 15px;
}
.common-contact .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.common-contact .tel,
.common-contact .mail {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
height: auto;
padding-top: 15px;
}
.common-contact .tel .title,
.common-contact .mail .title {
font-size: 12px;
}
.common-contact .tel {
padding-bottom: 13px;
}
.common-contact .tel__ico {
width: 38px;
}
.common-contact .tel__num {
margin-top: 10px;
width: 172px;
}
.common-contact .tel__text {
margin-top: 5px;
font-size: 10px;
}
.common-contact .mail {
margin-top: 5px;
padding-bottom: 14px;
}
.common-contact .mail__ico {
width: 38px;
}
.common-contact .mail__btn {
width: 187px;
height: 45px;
line-height: 45px;
font-size: 12px;
margin: 10px auto 0;
}
.common-contact .mail__btn::after {
right: 3%;
}
}
.common-access {
padding-bottom: 3.3vw;
}
.common-access iframe {
width: 100%;
height: 28.3vw;
}
@media screen and (max-width: 1199px) {
.common-access {
padding-bottom: 40px;
}
.common-access iframe {
width: 100%;
height: 490px;
}
}
@media screen and (max-width: 758px) {
.common-access {
padding-bottom: 0;
}
.common-access .container {
width: 100%;
padding: 0;
}
.common-access iframe {
width: 100%;
height: 240px;
}
} .lowermv {
padding-top: 40px;
padding-bottom: 18px;
width: 100%;
background-color: #fff;
}
.lowermv__text p {
font-size: 20px;
color: #eb7aab;
}
.lowermv__text h1 {
margin-top: 10px;
font-size: 36px;
font-weight: 400;
}
@media screen and (max-width: 758px) {
.lowermv {
padding-top: 40px;
padding-bottom: 10px;
}
.lowermv__text p {
font-size: 15px;
}
.lowermv__text h1 {
margin-top: 10px;
font-size: 24px;
}
} .breadcrumb-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 5px;
font-size: 12px;
color: #666;
font-weight: 500;
}
.breadcrumb-wrap span {
margin: 0 10px 0 5px;
}
.breadcrumb-wrap span:last-child {
margin-right: 0;
}
.breadcrumb-wrap span a {
color: #666;
}
@media screen and (max-width: 1199px) {
.breadcrumb-wrap {
margin-top: 14px;
}
}
@media screen and (max-width: 758px) {
.breadcrumb-wrap {
margin-top: 15px;
font-size: 10px;
line-height: 1.5;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.breadcrumb-wrap span {
margin: 0 3px;
}
.breadcrumb-wrap .breadcrumb span:first-child {
margin-left: 0;
}
} .pagination {
margin-top: 40px;
text-align: center;
}
.pagination .page-numbers {
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 24px;
font-weight: 500;
text-align: center;
color: #fff;
background-color: #333;
}
.pagination .page-numbers + .page-numbers {
margin-left: 5px;
}
.pagination .page-numbers.current {
background-color: #eb7aab;
}
.pagination .page-numbers:hover {
background-color: #eb7aab;
}
@media screen and (max-width: 1199px) {
.pagination {
margin-top: 30px;
}
.pagination .page-numbers {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 18px;
}
}
@media screen and (max-width: 758px) {
.pagination {
margin-top: 20px;
}
.pagination .page-numbers {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
} .header.pc {
height: 50px;
}
.header.pc .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 50px;
}
.header.pc .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.header.pc .menu-item {
position: relative;
padding-left: 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.header.pc .menu-item::before {
position: absolute;
top: 3px;
left: 0;
content: "";
background: url(//sakura-shoji.com/cms/wp-content/themes/sakurashoji-theme/img/nav-ico@3x.png) no-repeat;
background-size: 14px 14px;
width: 14px;
height: 14px;
}
.header.pc .menu-item + .menu-item {
margin-left: 35px;
}
.header.pc .menu-item a {
color: #333;
font-size: 14px;
}
.header.pc .menu-item:hover {
opacity: 0.5;
}
.header.pc .sns-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header.pc .sns {
display: block;
width: 20px;
height: 20px;
margin-left: 10px;
}
@media screen and (max-width: 1199px) {
.header.pc {
display: block;
background-color: #fff;
}
.header.pc.pc {
display: block;
}
.header.pc.sp {
display: none;
}
}
@media screen and (max-width: 758px) {
.header.pc {
display: none !important;
}
.header.sp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.header {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 55px;
background-color: #fff;
z-index: 11;
}
.header__logo {
padding-left: 15px;
width: 120px;
}
.header .sp-menu {
position: absolute;
top: 0;
right: -100%;
bottom: 0;
padding-top: 65px;
width: 100%;
height: 100vh;
background-color: rgba(235, 122, 171, 0.95);
z-index: 10;
opacity: 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header .sp-menu__inner {
padding: 0 30px;
}
.header .sp-menu .sp-nav .menu-item {
text-align: center;
border-bottom: 1px solid #fff;
}
.header .sp-menu .sp-nav .menu-item a {
display: block;
padding: 13px 0;
color: #fff;
font-size: 14px;
}
.header .sp-menu__tel {
margin-top: 30px;
}
.header .sp-menu__tel-link {
display: block;
margin: 0 auto;
width: 87%;
}
.header .sp-menu__tel-text {
font-size: 14px;
color: #fff;
text-align: center;
}
.header .sp-menu__sns {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.header .sp-menu__email-btn {
position: relative;
display: block;
width: 100%;
margin-top: 20px;
background-color: #fff;
line-height: 60px;
text-align: center;
font-weight: 500;
color: #eb7aab;
}
.header .sp-menu__email-btn .fas {
position: absolute;
top: 50%;
right: 5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 18px;
}
.header .sp-menu.show {
opacity: 1;
right: 0;
}
.header #menu-btn {
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 10;
width: 55px;
height: 55px;
border: none;
background-color: #eb7aab;
overflow: hidden;
outline: none;
}
.header #menu-btn span {
position: absolute; top: 27px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
display: block;
width: 28px;
height: 2px;
background-color: #fff;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.header #menu-btn span:first-of-type {
top: 17px;
}
.header #menu-btn span:last-of-type {
top: 37px;
}
.header #menu-btn.active span:first-of-type {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
top: 27px;
left: 14px;
}
.header #menu-btn.active span:nth-of-type(2) {
opacity: 0;
}
.header #menu-btn.active span:last-of-type {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
left: 14px;
top: auto;
bottom: 26px;
}
.header .sp-menu.show + #menu-btn {
background-color: #fff;
z-index: 15;
}
.header .sp-menu.show + #menu-btn span {
background-color: #eb7aab;
}
}
.subheader-wrap {
display: none;
}
@media screen and (max-width: 1199px) {
.subheader-wrap {
display: block;
padding: 15px 0;
}
.subheader-wrap .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.subheader-wrap .sns-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.subheader-wrap .sns {
display: block;
padding-top: 5px;
width: 70px;
height: 70px;
text-align: center;
border: 2px solid #000;
border-radius: 6px;
-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
}
.subheader-wrap .sns__ico {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
}
.subheader-wrap .sns__text {
margin-top: 5px;
font-size: 10px;
line-height: 1;
color: #333;
}
.subheader-wrap .sns + .sns {
margin-left: 10px;
}
.subheader-wrap .subheader__title {
width: 200px;
margin: 0 auto;
}
.subheader-wrap .tel-contact {
text-align: center;
font-size: 12px;
font-weight: 500;
}
.subheader-wrap .tel-contact .tel img {
display: block;
width: 150px;
margin: 5px auto;
}
.subheader-wrap .tel-contact .tel p + p {
margin-top: 5px;
}
}
@media screen and (max-width: 758px) {
.subheader-wrap {
display: none;
}
}
.menu-wrap {
display: none;
}
@media screen and (max-width: 1199px) {
.menu-wrap {
display: block;
width: 100%;
background-color: #fff;
border-bottom: 2px solid #f7f8f8;
}
.menu-wrap .nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.menu-wrap .nav__item {
text-align: center;
}
.menu-wrap .nav__item.sell {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
}
.menu-wrap .nav__item.buy, .menu-wrap .nav__item.lease {
-webkit-box-flex: 1;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
width: 25%;
border-left: 1px dotted #b3b3b3;
}
.menu-wrap .nav__link {
display: block;
padding: 2vw 0;
}
.menu-wrap .nav .heading {
font-size: 22px;
color: #eb7aab;
font-weight: 500;
}
.menu-wrap .nav .sub {
margin-top: 10px;
font-size: 14px;
color: #333;
}
.menu-wrap .nav__ico {
display: block;
margin: 10px auto 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 38px;
border: 1px solid #eb7aab;
border-radius: 50%;
color: #eb7aab;
}
}
@media screen and (max-width: 758px) {
.menu-wrap {
margin-top: 55px;
}
.menu-wrap .nav__link {
padding: 11px 0 0px;
}
.menu-wrap .nav .heading {
font-size: 14px;
}
.menu-wrap .nav .sub {
margin-top: 6px;
font-size: 10px;
}
.menu-wrap .nav__ico {
margin: -2px auto 0;
width: 36px;
height: 36px;
line-height: 34px;
font-size: 12px;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
} .facebook-link,
.insta-link,
.youtube-link {
display: block;
width: 35px;
height: 35px;
margin-left: 10px;
font-size: 20px;
text-align: center;
line-height: 33px;
color: #fff;
border-radius: 50%;
}
.facebook-link:hover,
.insta-link:hover,
.youtube-link:hover {
opacity: 0.6;
}
.facebook-link {
background-color: #3b5998;
}
.insta-link {
position: relative;
overflow: hidden;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.youtube-link {
background-color: #f00;
}
@media screen and (max-width: 1199px) {
.facebook-link,
.insta-link,
.youtube-link {
display: block;
width: 30px;
height: 30px;
margin-left: 10px;
font-size: 18px;
line-height: 28px;
}
}
@media screen and (max-width: 758px) {
.facebook-link,
.insta-link,
.youtube-link {
display: block;
width: 30px;
height: 30px;
margin-left: 10px;
font-size: 16px;
line-height: 28px;
background-color: #fff;
}
.facebook-link {
color: #eb7aab;
}
.insta-link {
color: #eb7aab;
background: #fff;
}
.youtube-link {
color: #eb7aab;
}
} .footer {
padding: 3.3vw 0 45px;
background-color: #fff;
}
.footer .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer__left {
margin-right: 20px;
}
.footer__logo {
width: 207px;
}
.footer h3 {
margin-top: 25px;
}
.footer .address,
.footer .tel,
.footer .fax {
font-size: 14px;
color: #333;
}
.footer .address {
margin-top: 20px;
line-height: 1.3;
}
.footer .tel {
display: inline-block;
margin-top: 13px;
}
.footer .fax {
display: inline-block;
margin-left: 24px;
}
.footer .copy {
margin-top: 35px;
color: #b3b3b3;
}
.footer__right {
width: 33vw;
margin-left: auto;
}
.footer-nav {
width: 100%;
}
.footer .nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer .menu-item {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
margin-bottom: 23px;
}
.footer .menu-item a {
color: #333;
}
.footer .menu-item a:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.footer {
padding: 40px 0 45px;
}
.footer .container {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__left {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
margin-right: auto;
}
.footer__logo {
width: 200px;
}
.footer h3 {
font-size: 22px;
}
.footer .address,
.footer .tel,
.footer .fax {
font-size: 14px;
}
.footer .address {
margin-top: 14px;
}
.footer .tel {
display: block;
margin-top: 14px;
}
.footer .fax {
margin-top: 5px;
display: block;
margin-left: 0;
}
.footer .copy {
margin-top: 35px;
font-size: 12px;
}
.footer__right {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
}
.footer-nav {
width: 100%;
font-size: 14px;
}
.footer .menu-item {
width: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
margin-bottom: 23px;
}
.footer .menu-item a {
color: #333;
}
.footer .menu-item a:hover {
opacity: 0.6;
}
}
@media screen and (max-width: 758px) {
.footer {
padding: 20px 0;
}
.footer .container {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer__left {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
margin-right: 0;
text-align: center;
}
.footer__logo {
width: 155px;
}
.footer h3 {
margin-top: 20px;
font-size: 12px;
}
.footer .address,
.footer .tel,
.footer .fax {
font-size: 10px;
}
.footer .address {
margin-top: 16px;
}
.footer .fax {
display: none;
}
.footer .copy {
margin-top: 18px;
}
.footer__right {
display: none;
}
} .sidebar .widget {
background-color: #fff;
padding: 15px 15px 17px;
}
.sidebar .widget + .widget {
margin-top: 15px;
}
.sidebar .widget-title {
font-weight: 500;
padding-bottom: 8px;
color: #eb7aab;
border-bottom: 1px solid #ccc;
}
.sidebar .widget ul {
margin-top: 15px;
font-size: 12px;
font-weight: 500;
}
.sidebar .widget ul li + li {
margin-top: 12px;
}
.sidebar .widget ul a {
color: #333;
}
.sidebar .widget ul a:hover {
color: #eb7aab;
}
.sidebar .widget ul a::before {
content: "\f054";
margin-right: 15px;
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 10px;
}
.sidebar .widget_news {
margin-top: 20px;
padding: 15px 15px 17px;
background-color: #fff;
}
.sidebar .widget_news .widget-title {
font-weight: 500;
padding-bottom: 8px;
color: #eb7aab;
border-bottom: 1px solid #ccc;
}
.sidebar .widget_news li {
border-bottom: 1px dotted #b3b3b3;
}
.sidebar .widget_news a {
display: block;
padding: 10px 0;
font-size: 10px;
}
.sidebar .widget_news a:hover {
opacity: 0.6;
}
.sidebar .widget_news time {
color: #333;
}
.sidebar .widget_news h3 {
margin-top: 5px;
color: #eb7aab;
line-height: 1.5;
}
@media screen and (max-width: 758px) {
.sidebar {
margin-top: 40px;
}
}  .home .mv {
position: relative;
}
.home .mv__inner::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.home .mv__img {
width: 100%;
}
.home .mv__img source {
display: block;
width: 100%;
}
.home .mv__text {
width: 100%;
text-align: center;
position: absolute;
top: 49.5%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
}
.home .mv__text h2 {
font-size: 4.5vw;
line-height: 1.19;
font-weight: 500;
}
.home .mv__text h2 span {
color: #eb7aab;
}
.home .mv__text p {
margin-top: 1.33vw;
font-size: 2vw;
line-height: 1.5;
font-weight: 500;
}
@media screen and (max-width: 1199px) {
.home .mv__text h2 {
font-size: 5vw;
}
.home .mv__text p {
margin-top: 2vw;
font-size: 2.8vw;
}
}
@media screen and (max-width: 758px) {
.home .mv .sp-none {
display: none;
}
.home .mv__text {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.home .mv__text h2 {
font-size: 26px;
line-height: 1.27;
}
.home .mv__text p {
margin-top: 10px;
font-size: 14px;
}
} .home .line-banner {
padding: 3.3vw 0 4.2vw;
}
.home .line-banner__link {
display: block;
margin: 0 auto;
width: 61.6vw;
}
.home .line-banner__link:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.home .line-banner {
padding: 40px 0 50px;
}
}
@media screen and (max-width: 758px) {
.home .line-banner {
padding: 20px 15px;
}
.home .line-banner__link {
width: 100%;
}
.home .line-banner__link:hover {
opacity: 0.6;
}
} .home .news-insta .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .news-insta .news {
-webkit-box-flex: 0;
-ms-flex: 0 0 51.7vw;
flex: 0 0 51.7vw;
width: 51.7vw;
margin-right: 3.3vw;
}
.home .news-insta .news__title {
font-size: 1.66vw;
font-weight: 500;
}
.home .news-insta .news-entries {
margin-top: 1.66vw;
width: 100%;
height: 29.3vw;
padding: 0 1.66vw;
overflow-y: auto;
background-color: #fff;
}
.home .news-insta .news-entry {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.home .news-insta .news-entry__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home .news-insta .news-entry__cate {
width: 80px;
white-space: nowrap;
text-align: center;
padding: 0 5px;
line-height: 30px;
background-color: #eb7aab;
margin-left: 20px;
font-size: 14px;
color: #fff;
}
.home .news-insta .news-entry__cate.youtube {
background-color: #f00;
}
.home .news-insta .news-entry__cate.blog {
background-color: #007cba;
}
.home .news-insta .news-entry__title {
margin-left: 20px;
font-weight: 400;
}
.home .news-insta .news-entry__title a {
color: #333;
}
.home .news-insta .news-entry__title a:hover {
opacity: 0.6;
}
.home .news-insta .instagram {
width: 25vw;
height: 33.3vw;
}
.home .news-insta .instagram .sbi_header_link {
color: #333;
}
.home .news-insta .instagram .sbi_no_avatar .sbi_header_img {
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
}
.home .news-insta .instagram #sb_instagram .sb_instagram_header .sbi_header_img {
top: 5px;
width: 40px;
height: 40px;
border-radius: 10px;
}
.home .news-insta .instagram #sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio h3 {
margin-left: 50px !important;
}
@media screen and (max-width: 1199px) {
.home .news-insta .news {
-webkit-box-flex: 0;
-ms-flex: 0 0 62%;
flex: 0 0 62%;
width: 62%;
margin-right: 20px;
}
.home .news-insta .news__title {
font-size: 20px;
}
.home .news-insta .news-entries {
margin-top: 20px;
height: 360px;
padding: 0 10px;
}
.home .news-insta .news-entry {
padding: 10px 0;
}
.home .news-insta .news-entry__date {
font-size: 14px;
}
.home .news-insta .news-entry__cate {
width: 60px;
padding: 0 5px;
line-height: 25px;
margin-left: 10px;
font-size: 12px;
}
.home .news-insta .news-entry__title {
margin-left: 10px;
font-size: 14px;
}
.home .news-insta .instagram {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
height: auto;
}
}
@media screen and (max-width: 758px) {
.home .news-insta .container {
width: 100%;
padding: 0 15px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .news-insta .news {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-right: 0;
}
.home .news-insta .news__title {
font-size: 15px;
}
.home .news-insta .news-entries {
margin-top: 15px;
height: 220px;
padding: 10px 15px 0;
}
.home .news-insta .news-entry {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding: 10px 0 14px;
}
.home .news-insta .news-entry__date {
font-size: 12px;
}
.home .news-insta .news-entry__cate {
line-height: 15px;
margin-left: 15px;
font-size: 10px;
}
.home .news-insta .news-entry__title {
margin-top: 8px;
margin-left: 0;
font-size: 12px;
line-height: 1.3;
}
.home .news-insta .instagram {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
margin-top: 20px;
}
} .home .youtube-wrap {
margin-top: 6.6vw;
}
.home .youtube-wrap .container {
position: relative;
}
.home .youtube-wrap .swiper-slide {
position: relative;
width: 100%;
padding-top: 20%;
}
.home .youtube-wrap .wp-block-embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-bottom: 0;
}
.home .youtube-wrap .wp-block-embed__wrapper {
height: 100%;
}
.home .youtube-wrap iframe {
width: 100% !important;
height: 100% !important;
}
.home .youtube-wrap .swiper-button-prev,
.home .youtube-wrap .swiper-button-next {
position: absolute;
width: 2.5vw;
height: 2.5vw;
background-color: #fff;
border: 1px solid #eb7aab;
border-radius: 50%;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%);
color: #eb7aab;
line-height: 2.5vw;
font-size: 0.9vw;
text-align: center;
}
.home .youtube-wrap .swiper-button-prev {
background-image: none;
left: -1.5vw;
}
.home .youtube-wrap .swiper-button-next {
background-image: none;
right: -1.5vw;
}
.home .youtube-wrap .yt-btn {
display: block;
width: 250px;
line-height: 60px;
margin-top: 20px;
background-color: #f00;
font-size: 16px;
text-align: center;
color: #fff;
border: 1px solid #f00;
border-radius: 5px;
outline: none;
}
.home .youtube-wrap .yt-btn:hover {
background-color: #fff;
color: #f00;
}
@media screen and (max-width: 1199px) {
.home .youtube-wrap .swiper-slide {
position: relative;
width: 100%;
padding-top: 25%;
}
.home .youtube-wrap .wp-block-embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
margin-bottom: 0;
}
.home .youtube-wrap .wp-block-embed__wrapper {
height: 100%;
}
.home .youtube-wrap iframe {
width: 100% !important;
height: 100% !important;
}
.home .youtube-wrap .swiper-button-prev,
.home .youtube-wrap .swiper-button-next {
display: block;
width: 30px;
height: 30px;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%);
line-height: 28px;
font-size: 16px;
z-index: 2;
}
.home .youtube-wrap .swiper-button-prev {
left: 10px;
}
.home .youtube-wrap .swiper-button-next {
right: 10px;
}
}
@media screen and (max-width: 758px) {
.home .youtube-wrap {
margin-top: 20px;
padding-bottom: 20px;
}
.home .youtube-wrap .container {
padding: 0;
}
.home .youtube-wrap .swiper-slide {
position: relative;
width: 100%;
padding-top: 40%;
}
.home .youtube-wrap .wp-block-embed {
position: absolute;
top: 0;
left: 0;
height: 100%;
margin-bottom: 0;
}
.home .youtube-wrap .wp-block-embed__wrapper {
height: 100%;
}
.home .youtube-wrap iframe {
width: 100% !important;
height: 100% !important;
}
.home .youtube-wrap .swiper-button-prev,
.home .youtube-wrap .swiper-button-next {
display: block;
width: 30px;
height: 30px;
-webkit-transform: translateY(-70%);
-ms-transform: translateY(-70%);
transform: translateY(-70%);
line-height: 28px;
font-size: 14px;
z-index: 2;
}
.home .youtube-wrap .swiper-button-prev {
left: 6px;
}
.home .youtube-wrap .swiper-button-next {
right: 6px;
}
.home .youtube-wrap .yt-btn {
width: 187px;
line-height: 45px;
margin: 20px auto;
font-size: 12px;
}
} .home .open-house-wrap {
margin-top: 6.6vw;
}
.home .oh {
background-color: #fff;
}
.home .oh + .oh {
margin-top: 30px;
}
.home .oh__head {
background-color: #eb7aab;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px 0 15px 2.1vw;
}
.home .oh__cate {
padding: 0 15px;
line-height: 30px;
background-color: #fff;
color: #eb7aab;
}
.home .oh__title {
margin-left: 25px;
font-size: 20px;
font-weight: 500;
color: #fff;
}
.home .oh__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.3vw 2.1vw 1.83vw;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.home .oh__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
width: 34%;
margin-right: 1.8vw;
}
.home .oh__thumb-img {
width: 100%;
padding-top: 89.5%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.home .oh__thumb.sp-l {
display: none;
}
.home .oh__detail {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.home .oh__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 8px;
color: #000;
border-bottom: 1px solid #ccc;
}
.home .oh__price .panel {
width: 100px;
height: 50px;
font-size: 20px;
font-weight: 500;
color: #eb7aab;
line-height: 48px;
text-align: center;
border: 1px solid #eb7aab;
}
.home .oh__price p {
font-size: 24px;
font-weight: 700;
margin-left: 16px;
}
.home .oh__data .attr {
line-height: 2;
}
.home .oh__data .attr span + span {
margin-left: 0.5em;
}
.home .oh__data .address {
margin: 3px 0;
line-height: 2;
padding-left: 2px;
}
.home .oh__data .address .fas {
color: #eb7aab;
margin-right: 8px;
font-size: 18px;
}
.home .oh__data .access {
line-height: 2;
}
.home .oh__data .access .fas {
color: #eb7aab;
margin-right: 5px;
font-size: 18px;
}
.home .oh__point {
margin-top: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .oh__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
height: 80px;
background-color: #eb7aab;
line-height: 80px;
color: #fff;
text-align: center;
}
.home .oh__point .data {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 22px;
border: 1px solid #ccc;
border-left: none;
}
.home .oh__point .data p + p {
margin-top: 16px;
}
.home .oh__foot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
padding: 0 2.1vw 1.5vw;
border: 1px solid #ccc;
border-top: none;
}
.home .oh__foot .date p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500;
font-size: 18px;
}
.home .oh__foot .date p + p {
margin-top: 9px;
}
.home .oh__foot .date span {
margin-right: 15px;
padding: 0 10px;
background-color: #eb7aab;
color: #fff;
line-height: 26px;
font-weight: 400;
font-size: 16px;
}
.home .oh__link {
padding-bottom: 5px;
}
.home .oh__link-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .oh__link-line {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 6px 16px 6px 13px;
margin-right: 15px;
border: 1px solid #000;
border-radius: 6px;
}
.home .oh__link-line img {
width: 28px;
height: 28px;
margin-right: 8px;
}
.home .oh__link-line p {
font-size: 13px;
line-height: 1.28;
color: #333;
}
.home .oh__link-line br {
display: none;
}
.home .oh__link-line:hover {
opacity: 0.6;
}
.home .oh__link-btn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .oh__link-btn-wrap a {
margin-left: 15px;
}
.home .oh__link-btn {
display: block;
padding: 0 14px;
line-height: 48px;
color: #fff;
border-radius: 5px;
}
.home .oh__link .vr-btn {
width: 250px;
background-color: #992859;
border: 1px solid #992859;
text-align: center;
}
.home .oh__link .vr-btn:hover {
background-color: #fff;
color: #992859;
}
.home .oh__link .detail-btn {
width: 250px;
background-color: #eb7aab;
border: 1px solid #eb7aab;
text-align: center;
}
.home .oh__link .detail-btn:hover {
background-color: #fff;
color: #eb7aab;
}
@media screen and (max-width: 1450px) {
.home .oh__foot {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.home .oh__link-btn-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .oh__link-btn-wrap a + a {
margin-top: 10px;
}
.home .oh__link .vr-btn {
width: 300px;
}
.home .oh__link .detail-btn {
width: 300px;
}
}
@media screen and (max-width: 1199px) {
.home .open-house-wrap {
margin-top: 80px;
}
.home .oh__foot {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.home .oh__link-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .oh__link-btn-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .oh__link-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 213px;
height: 42px;
}
.home .oh__link-btn {
width: 200px;
height: 42px;
margin-top: 5px;
line-height: 40px;
font-size: 14px;
text-align: center;
}
}
@media screen and (max-width: 899px) {
.home .oh + .oh {
margin-top: 30px;
}
.home .oh__head {
padding: 15px 0 15px 20px;
}
.home .oh__body {
padding: 25px 20px 15px;
}
.home .oh__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 42%;
flex: 0 0 42%;
width: 42%;
margin-right: 20px;
}
.home .oh__price .panel {
width: 80px;
height: 40px;
font-size: 18px;
line-height: 38px;
}
.home .oh__price p {
font-size: 22px;
margin-left: 14px;
}
.home .oh__data {
font-size: 14px;
}
.home .oh__point {
margin-top: 10px;
font-size: 14px;
}
.home .oh__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 64px;
line-height: 62px;
}
.home .oh__point .data {
padding-left: 18px;
}
.home .oh__point .data p + p {
margin-top: 14px;
}
.home .oh__foot {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
padding: 0 25px 18px;
}
.home .oh__foot .date p {
font-size: 16px;
}
.home .oh__foot .date p + p {
margin-top: 6px;
}
.home .oh__foot .date span {
margin-right: 10px;
line-height: 30px;
font-weight: 400;
font-size: 14px;
}
.home .oh__link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 0;
}
.home .oh__link a {
font-size: 14px;
line-height: 40px;
}
.home .oh__link a.vr-btn, .home .oh__link a.detail-btn {
width: 200px;
}
}
@media screen and (max-width: 758px) {
.home .open-house-wrap {
margin-top: 22px;
}
.home .open-house-wrap .container {
width: 100%;
padding: 0;
}
.home .oh + .oh {
margin-top: 20px;
}
.home .oh__head {
padding: 11px 15px;
}
.home .oh__cate {
padding: 0 14px;
line-height: 23px;
font-size: 12px;
}
.home .oh__title {
margin-left: 18px;
font-size: 15px;
}
.home .oh__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 15px 20px;
}
.home .oh__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-right: 0;
}
.home .oh__thumb-img {
padding-top: 45.5%;
}
.home .oh__detail {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 11px;
}
.home .oh__price {
padding-bottom: 11px;
}
.home .oh__price .panel {
width: 75px;
height: 38px;
font-size: 15px;
line-height: 36px;
}
.home .oh__price p {
font-size: 18px;
margin-left: 10px;
}
.home .oh__data {
padding-top: 4px;
font-size: 12px;
}
.home .oh__data .address {
margin-top: 13px;
}
.home .oh__data .address .fas {
margin-right: 5px;
font-size: 14px;
}
.home .oh__data .access {
margin-top: 5px;
}
.home .oh__data .access .fas {
margin-right: 2px;
font-size: 14px;
}
.home .oh__point {
font-size: 12px;
}
.home .oh__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
width: 75px;
height: 60px;
line-height: 58px;
}
.home .oh__point .data {
padding-left: 16px;
}
.home .oh__point .data p + p {
margin-top: 12px;
}
.home .oh__foot {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0 15px 20px;
}
.home .oh__foot .date p {
font-size: 14px;
}
.home .oh__foot .date span {
-webkit-box-flex: 0;
-ms-flex: 0 0 56px;
flex: 0 0 56px;
width: 56px;
height: 20px;
line-height: 20px;
font-size: 12px;
}
.home .oh__link {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 20px;
width: 100%;
}
.home .oh__link-inner {
width: 100%;
display: block;
}
.home .oh__link-btn-wrap {
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home .oh__link-line {
width: auto;
height: 90px;
padding-top: 10px;
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.home .oh__link-line img {
width: 33px;
height: 33px;
margin: 0;
}
.home .oh__link-line p {
margin-top: 5px;
line-height: 1.28;
font-size: 12px;
}
.home .oh__link-line br {
display: block;
}
.home .oh__link-btn {
padding: 0;
margin: 0;
width: 100%;
font-size: 10px;
line-height: 38px;
}
.home .oh__link-btn + .oh__link-btn {
margin-top: 4px !important;
}
.home .oh__link a {
font-size: 11px;
margin: 0;
}
.home .oh__link .vr-btn {
width: 100%;
margin-right: 0;
}
.home .oh__link .detail-btn {
width: 100%;
margin-top: 0;
}
} .home .house-info {
margin-top: 6.6vw;
}
.home .house-info .contents.pc.tb {
display: block;
}
.home .house-info .contents.pc .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 40px 0;
}
.home .house-info .contents.pc .content + .content {
border-top: 1px solid #b3b3b3;
}
.home .house-info .contents.pc .content__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 17.6vw;
flex: 0 0 17.6vw;
width: 17.6vw;
padding-top: 20px;
text-align: center;
}
.home .house-info .contents.pc .content__ico {
display: block;
width: 80px;
margin: 0 auto;
}
.home .house-info .contents.pc .content__title {
margin-top: 16px;
font-size: 20px;
font-weight: 500;
color: #eb7aab;
}
.home .house-info .contents.pc .content__text {
margin-top: 13px;
font-size: 14px;
line-height: 2;
}
.home .house-info .contents.pc .content__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 14px;
line-height: 2;
color: #eb7aab;
}
.home .house-info .contents.pc .content__link img {
width: 14px;
margin-left: 8px;
}
.home .house-info .contents.pc .content__link:hover {
opacity: 0.6;
}
.home .house-info .contents.pc .content__link.tb {
display: none;
}
.home .house-info .contents.pc .content__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 1.5vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home .house-info .contents.pc .content__body.sp-l {
display: none;
}
.home .house-info .contents.pc .content .house {
-webkit-box-flex: 0;
-ms-flex: 0 1 32.3%;
flex: 0 1 32.3%;
padding: 10px;
width: 32.3%;
background-color: #fff;
margin-left: 1%;
}
.home .house-info .contents.pc .content .house__link {
display: block;
}
.home .house-info .contents.pc .content .house__thumb-img {
width: 100%;
padding-top: 66%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.home .house-info .contents.pc .content .house__cate {
display: inline-block;
margin-top: 10px;
padding: 0 5px;
line-height: 20px;
font-size: 12px;
color: #fff;
background-color: #334458;
}
.home .house-info .contents.pc .content .house__cate.lease-usedhouse, .home .house-info .contents.pc .content .house__cate.trade-usedhouse {
background-color: #9fcf5e;
}
.home .house-info .contents.pc .content .house__cate.lease-apart, .home .house-info .contents.pc .content .house__cate.trade-apart {
background-color: #6298fd;
}
.home .house-info .contents.pc .content .house__cate.lease-newhouse, .home .house-info .contents.pc .content .house__cate.trade-newhouse {
background-color: #58c5b1;
}
.home .house-info .contents.pc .content .house__cate.lease-land, .home .house-info .contents.pc .content .house__cate.trade-land {
background-color: #f49426;
}
.home .house-info .contents.pc .content .house__title {
font-weight: 500;
margin-top: 15px;
color: #000;
}
.home .house-info .contents.pc .content .house__address {
margin-top: 15px;
font-size: 14px;
color: #333;
}
.home .house-info .contents.pc .content .house__address .fas {
margin-right: 5px;
color: #eb7aab;
}
.home .house-info .contents.pc .content .house__price {
margin-top: 18px;
font-size: 20px;
font-weight: 500;
color: #000;
}
.home .house-info .contents.pc .content .house__btn-wrap {
margin-top: 18px;
}
.home .house-info .contents.pc .content .house__link-line {
display: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 10px;
border: 1px solid #000;
border-radius: 5px;
}
.home .house-info .contents.pc .content .house__link-line img {
width: 20px;
height: 20px;
margin-right: 5px;
}
.home .house-info .contents.pc .content .house__link-line p {
font-size: 12px;
color: #333;
}
.home .house-info .contents.pc .content .house__btn {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
margin-top: 5px;
max-width: 100%;
width: 200px;
height: 38px;
font-size: 13px;
line-height: 36px;
text-align: center;
color: #fff;
border-radius: 5px;
}
.home .house-info .contents.pc .content .house__btn.vr-btn {
background-color: #992859;
border: 1px solid #992859;
}
.home .house-info .contents.pc .content .house__btn.vr-btn:hover {
color: #992859;
background-color: #fff;
}
.home .house-info .contents.pc .content .house__btn.detail-btn {
background-color: #eb7aab;
border: 1px solid #eb7aab;
}
.home .house-info .contents.pc .content .house__btn.detail-btn:hover {
color: #eb7aab;
background-color: #fff;
}
@media screen and (max-width: 1199px) {
.home .house-info {
margin-top: 80px;
}
.home .house-info .section-title {
font-size: 24px;
padding: 20px 0;
}
.home .house-info .contents.pc .content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 0 40px;
}
.home .house-info .contents.pc .content__head {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding-top: 0;
}
.home .house-info .contents.pc .content__titles {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home .house-info .contents.pc .content__ico {
width: 50px;
margin: 0;
}
.home .house-info .contents.pc .content__title {
margin-top: 0;
font-size: 24px;
margin-left: 10px;
}
.home .house-info .contents.pc .content__text {
margin-top: 10px;
}
.home .house-info .contents.pc .content__link.pc {
display: none;
}
.home .house-info .contents.pc .content__link.tb, .home .house-info .contents.pc .content__link.sp {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .house-info .contents.pc .content__body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-left: 0;
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home .house-info .contents.pc .content .house {
-webkit-box-flex: 0;
-ms-flex: 0 0 32.3%;
flex: 0 0 32.3%;
padding: 10px;
width: 32.3%;
background-color: #fff;
}
.home .house-info .contents.pc .content .house__link {
display: block;
}
.home .house-info .contents.pc .content .house__cate {
display: inline-block;
margin-top: 10px;
padding: 0 5px;
line-height: 20px;
font-size: 12px;
color: #fff;
background-color: #334458;
}
.home .house-info .contents.pc .content .house__title {
font-weight: 500;
margin-top: 15px;
color: #000;
}
.home .house-info .contents.pc .content .house__address {
margin-top: 15px;
font-size: 14px;
color: #333;
}
.home .house-info .contents.pc .content .house__address .fas {
margin-right: 5px;
color: #eb7aab;
}
.home .house-info .contents.pc .content .house__price {
margin-top: 18px;
font-size: 20px;
font-weight: 500;
color: #000;
}
.home .house-info .contents.pc .content .house__link-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .house-info .contents.pc .content .house__btn {
width: 100%;
height: 36px;
font-size: 12px;
line-height: 34px;
}
}
@media screen and (max-width: 758px) {
.home .house-info {
margin-top: 20px;
}
.home .house-info .container {
width: 100%;
padding: 0;
}
.home .house-info .section-title {
font-size: 16px;
padding: 14px 15px 18px;
}
.home .house-info .contents.pc .content {
padding: 20px 0 40px;
}
.home .house-info .contents.pc .content + .content {
border-top: 1px dotted #b3b3b3;
}
.home .house-info .contents.pc .content__ico {
width: 40px;
}
.home .house-info .contents.pc .content__title {
font-size: 20px;
margin-left: 8px;
}
.home .house-info .contents.pc .content__text {
padding: 0 30px;
font-size: 12px;
line-height: 1.7;
text-align: left;
}
.home .house-info .contents.pc .content__link.tb, .home .house-info .contents.pc .content__link.sp {
margin-top: 23px;
}
.home .house-info .contents.pc .content__body {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-left: 0;
margin-top: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home .house-info .contents.pc .content__body.pc-l {
display: none;
}
.home .house-info .contents.pc .content__body.sp-l {
display: block !important;
}
.home .house-info .contents.pc .content .swiper-container {
width: 100%;
}
.home .house-info .contents.pc .content .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .house-info .contents.pc .content .swiper-slide {
width: 62% !important;
margin: 0 5px;
}
.home .house-info .contents.pc .content .house {
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
width: auto;
}
.home .house-info .contents.pc .content .house__title {
font-size: 14px;
line-height: 1.3;
margin-top: 13px;
}
.home .house-info .contents.pc .content .house__address {
margin-top: 13px;
font-size: 10px;
}
.home .house-info .contents.pc .content .house__address .fas {
font-size: 13px;
}
.home .house-info .contents.pc .content .house__price {
margin-top: 16px;
font-size: 18px;
}
.home .house-info .contents.pc .content .house__link-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .house-info .contents.pc .content .house__link-line p {
font-size: 11px;
}
.home .house-info .contents.pc .content .house__btn-wrap {
margin-top: 18px;
}
.home .house-info .contents.pc .content .house__btn {
height: 32px;
font-size: 10px;
line-height: 30px;
}
} .home .useful-info .content {
margin-top: 1.66vw;
}
.home .useful-info .content__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .useful-info .content__title-buy, .home .useful-info .content__title-sell {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
padding: 0.83vw 1.66vw;
font-size: 1.5vw;
font-weight: 500;
color: #fff;
}
.home .useful-info .content__title-buy {
background-color: #f5b4d1;
}
.home .useful-info .content__title-sell {
background-color: #eb7aab;
}
.home .useful-info .content__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.home .useful-info .content__body h4 {
margin-top: 36px;
padding-bottom: 12px;
font-size: 18px;
font-weight: 500;
border-bottom: 1px dotted #b3b3b3;
}
.home .useful-info .content__body p {
margin-top: 3px;
font-size: 14px;
line-height: 2;
}
.home .useful-info .content .buy,
.home .useful-info .content .sell {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
width: 50%;
padding: 2vw 2.5vw 1.33vw;
}
.home .useful-info .content .buy > *:first-child,
.home .useful-info .content .sell > *:first-child {
margin-top: 0;
}
.home .useful-info .content .buy {
background-color: rgba(245, 180, 209, 0.1);
}
.home .useful-info .content .sell {
background-color: rgba(255, 122, 171, 0.1);
}
@media screen and (max-width: 1199px) {
.home .useful-info .section-title {
font-size: 24px;
padding: 20px 0;
}
.home .useful-info .content {
margin-top: 20px;
}
.home .useful-info .content__title-buy, .home .useful-info .content__title-sell {
padding: 10px 20px;
font-size: 20px;
}
.home .useful-info .content__body h4 {
margin-top: 30px;
padding-bottom: 10px;
font-size: 18px;
}
.home .useful-info .content__body p {
margin-top: 3px;
font-size: 14px;
line-height: 2;
}
.home .useful-info .content .buy,
.home .useful-info .content .sell {
padding: 24px 20px 16px;
}
}
@media screen and (max-width: 758px) {
.home .useful-info .container {
width: 100%;
padding: 0;
}
.home .useful-info .section-title {
font-size: 16px;
padding: 14px 15px 18px;
}
.home .useful-info .content {
position: relative;
}
.home .useful-info .content__title-buy, .home .useful-info .content__title-sell {
padding: 8px 0;
font-size: 13px;
text-align: center;
background-color: #b3b3b3;
}
.home .useful-info .content__title-buy.active, .home .useful-info .content__title-sell.active {
background-color: #eb7aab;
}
.home .useful-info .content__body h4 {
margin-top: 24px;
padding-bottom: 9px;
font-size: 14px;
}
.home .useful-info .content__body p {
margin-top: 2px;
font-size: 12px;
}
.home .useful-info .content .buy,
.home .useful-info .content .sell {
display: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding: 18px 22px 32px;
}
.home .useful-info .content .buy.show,
.home .useful-info .content .sell.show {
display: block;
}
.home .useful-info .content .sell {
background-color: rgba(245, 180, 209, 0.1);
}
} .home .staff {
padding: 70px 0;
}
.home .staff__link {
display: block;
}
.home .staff__link:hover {
opacity: 0.6;
}
@media screen and (max-width: 758px) {
.home .staff {
padding: 20px 0;
}
.home .staff .container {
width: 100%;
padding: 0;
}
} .archive .lowermv,
.blog .lowermv {
border-bottom: 1px solid #ccc;
}
.archive .entry,
.blog .entry {
padding: 30px 30px 25px;
background-color: #fff;
}
.archive .entry + .entry,
.blog .entry + .entry {
margin-top: 20px;
}
.archive .entry__head,
.blog .entry__head {
border-bottom: 1px solid #ccc;
}
.archive .entry__meta,
.blog .entry__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.archive .entry .post-categories,
.blog .entry .post-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.archive .entry .post-categories .entry__cate,
.blog .entry .post-categories .entry__cate {
display: block;
padding: 0 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
color: #fff;
background-color: #eb7aab;
}
.archive .entry .post-categories .entry__cate.youtube,
.blog .entry .post-categories .entry__cate.youtube {
background-color: #f00;
}
.archive .entry .post-categories li + li,
.blog .entry .post-categories li + li {
margin-left: 5px;
}
.archive .entry__date,
.blog .entry__date {
font-size: 14px;
margin-left: 9px;
}
.archive .entry__title,
.blog .entry__title {
margin-top: 17px;
padding-bottom: 17px;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
}
.archive .entry__body,
.blog .entry__body {
padding-top: 16px;
}
.archive .entry__excerpt,
.blog .entry__excerpt {
line-height: 2;
}
.archive .entry__link,
.blog .entry__link {
margin-top: 20px;
text-align: right;
}
.archive .entry__link a,
.blog .entry__link a {
color: #eb7aab;
}
.archive .entry__link a:hover,
.blog .entry__link a:hover {
opacity: 0.6;
}
.archive .entry__link img,
.blog .entry__link img {
display: inline-block;
width: 15px;
height: auto;
margin-left: 13px;
}
@media screen and (max-width: 758px) {
.archive .entry,
.blog .entry {
padding: 20px 15px 25px;
background-color: #fff;
}
.archive .entry + .entry,
.blog .entry + .entry {
margin-top: 15px;
}
.archive .entry .post-categories .entry__cate,
.blog .entry .post-categories .entry__cate {
font-size: 10px;
line-height: 18px;
}
.archive .entry__date,
.blog .entry__date {
font-size: 12px;
}
.archive .entry__title,
.blog .entry__title {
margin-top: 12px;
padding-bottom: 12px;
font-size: 14px;
}
.archive .entry__body,
.blog .entry__body {
padding-top: 8px;
}
.archive .entry__excerpt,
.blog .entry__excerpt {
font-size: 12px;
}
.archive .entry__link,
.blog .entry__link {
margin-top: 16px;
}
.archive .entry__link a,
.blog .entry__link a {
font-size: 12px;
}
.archive .entry__link img,
.blog .entry__link img {
display: inline-block;
width: 11px;
margin-left: 6px;
}
} .single .entry {
padding: 30px;
background-color: #fff;
}
.single .entry__thumb {
width: 100%;
}
.single .entry__thumb .youtube-link {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
}
.single .entry__thumb .youtube-link:hover {
opacity: 0.9;
}
.single .entry__thumb .youtube-link:hover::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.single .entry__thumb .youtube-link:hover::after {
content: "動画を見る";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 150px;
height: 150px;
padding-top: 135px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(//sakura-shoji.com/cms/wp-content/themes/sakurashoji-theme/img/youtube-ico.svg) no-repeat;
background-size: 150px 150px;
text-decoration: underline;
z-index: 1;
}
.single .entry__thumb img {
display: block;
width: 100%;
}
.single .entry__head {
padding-top: 25px;
border-bottom: 1px solid #ccc;
}
.single .entry__meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single .entry .post-categories {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single .entry .post-categories .entry__cate {
display: block;
padding: 0 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
color: #fff;
background-color: #eb7aab;
}
.single .entry .post-categories .entry__cate.youtube {
background-color: #f00;
}
.single .entry__date {
font-size: 14px;
margin-left: 9px;
}
.single .entry__title {
margin-top: 17px;
padding-bottom: 17px;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
}
.single .entry__body {
padding-top: 16px;
}
.single .entry__body > *:first-child {
margin-top: 0;
}
.single .entry__body p {
line-height: 2;
margin-top: 15px;
}
.single .entry__body p + p {
margin-top: 43px;
}
.single .entry__body h2 {
margin-top: 50px;
padding-bottom: 18px;
font-size: 24px;
font-weight: 700;
color: #eb7aab;
line-height: 1.3;
border-bottom: 1px solid #ccc;
}
.single .entry__body h3 {
margin-top: 45px;
padding-bottom: 14px;
font-size: 20px;
line-height: 1.3;
border-bottom: 1px solid #ccc;
}
.single .entry__body h4 {
margin-top: 40px;
padding-bottom: 10px;
font-size: 18px;
color: #eb7aab;
line-height: 1.3;
border-bottom: 1px solid #ccc;
}
.single .entry__body ul {
margin-top: 24px;
padding-bottom: 15px;
padding-left: 1.3em;
}
.single .entry__body ul li {
list-style: disc;
}
.single .entry__body ul li + li {
margin-top: 24px;
}
.single .entry__body ol {
counter-reset: number;
list-style-type: none;
margin-top: 24px;
padding-bottom: 15px;
}
.single .entry__body ol li {
position: relative;
padding-left: 36px;
line-height: 1;
}
.single .entry__body ol li + li {
margin-top: 24px;
}
.single .entry__body ol li::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
counter-increment: number;
content: counter(number);
display: inline-block;
width: 25px;
height: 25px;
background-color: #eb7aab;
color: #fff;
font-weight: 500;
line-height: 23px;
text-align: center;
border-radius: 50%;
}
.single .back-btn {
display: block;
margin: 60px auto 0;
width: 220px;
height: 50px;
font-size: 16px;
line-height: 50px;
text-align: center;
background-color: #333;
border: 1px solid #333;
}
.single .back-btn::after {
display: none;
}
.single .back-btn:hover {
background-color: #f7f8f8;
color: #333;
}
@media screen and (max-width: 1199px) {
.single .entry__thumb .youtube-link {
position: relative;
display: block;
width: 100%;
height: auto;
margin: 0;
}
.single .entry__thumb .youtube-link::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.3);
}
.single .entry__thumb .youtube-link::after {
content: "動画を見る";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
padding-top: 60px;
font-size: 10px;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background: url(//sakura-shoji.com/cms/wp-content/themes/sakurashoji-theme/img/youtube-ico.svg) no-repeat;
background-size: 60px 60px;
text-decoration: underline;
z-index: 1;
color: #fff;
}
}
@media screen and (max-width: 758px) {
.single .entry {
padding: 0 15px 40px;
}
.single .entry__thumb {
width: calc(100% + 30px);
margin-left: -15px;
}
.single .entry__thumb .youtube-link:hover::after {
width: 50px;
height: 50px;
padding-top: 50px;
background-size: 50px 50px;
}
.single .entry__thumb .youtube-link::after {
width: 50px;
height: 50px;
padding-top: 50px;
background-size: 50px 50px;
}
.single .entry__head {
padding-top: 20px;
}
.single .entry .post-categories .entry__cate {
font-size: 10px;
line-height: 18px;
}
.single .entry__date {
font-size: 12px;
}
.single .entry__title {
margin-top: 12px;
padding-bottom: 12px;
font-size: 16px;
}
.single .entry__body {
padding-top: 10px;
}
.single .entry__body > *:first-child {
margin-top: 0;
}
.single .entry__body p {
font-size: 12px;
line-height: 2;
margin-top: 12px;
}
.single .entry__body p + p {
margin-top: 20px;
}
.single .entry__body h2 {
margin-top: 20px;
padding-bottom: 8px;
font-size: 16px;
}
.single .entry__body h3 {
margin-top: 20px;
padding-bottom: 7px;
font-size: 14px;
}
.single .entry__body h4 {
margin-top: 20px;
padding-bottom: 6px;
font-size: 13px;
}
.single .entry__body ul {
margin-top: 18px;
padding-bottom: 8px;
}
.single .entry__body ul li {
font-size: 12px;
}
.single .entry__body ul li + li {
margin-top: 12px;
}
.single .entry__body ol {
margin-top: 18px;
padding-bottom: 8px;
}
.single .entry__body ol li {
padding-left: 25px;
line-height: 1.3;
font-size: 12px;
}
.single .entry__body ol li + li {
margin-top: 12px;
}
.single .entry__body ol li::before {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 10px;
}
.single .back-btn {
margin: 20px auto 0;
width: 187px;
height: 45px;
font-size: 12px;
line-height: 45px;
}
.single .back-btn::after {
display: none;
}
.single .back-btn:hover {
background-color: #f7f8f8;
color: #333;
}
}  .page-about .hero {
width: 100%;
height: 440px;
padding-top: 55px;
padding-bottom: 125px;
background: url(//sakura-shoji.com/cms/wp-content/themes/sakurashoji-theme/img/about-hero-100.jpg) no-repeat;
background-size: cover;
background-position: center bottom;
}
.page-about .hero .container {
width: 80%;
}
.page-about .hero__title {
font-size: 36px;
font-weight: 400;
line-height: 1.5;
text-align: center;
}
.page-about .hero__ac {
color: #eb7aab;
}
.page-about .hero__text {
margin-top: 25px;
line-height: 2;
font-weight: 500;
text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;
}
@media screen and (max-width: 758px) {
.page-about .hero {
height: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.page-about .hero .container {
width: 100%;
padding: 0 15px;
}
.page-about .hero__title {
font-size: 22px;
}
.page-about .hero__text {
margin-top: 20px;
font-size: 12px;
font-weight: 400;
text-shadow: none;
}
} .page-about .copy {
padding-top: 30px;
padding-bottom: 67px;
background-color: #fff;
text-align: center;
}
.page-about .copy .container {
width: 80%;
}
.page-about .copy__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 36px;
font-weight: 400;
}
.page-about .copy__title span {
font-size: 18px;
}
.page-about .copy__subtitle {
margin-top: 24px;
font-size: 24px;
color: #eb7aab;
}
.page-about .copy__text {
margin-top: 18px;
line-height: 2;
text-align: left;
}
.page-about .footer .copy {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
text-align: left;
}
@media screen and (max-width: 758px) {
.page-about .copy {
padding-top: 40px;
padding-bottom: 40px;
}
.page-about .copy .container {
width: 100%;
padding: 0 15px;
}
.page-about .copy__title {
font-size: 22px;
}
.page-about .copy__title span {
font-size: 14px;
}
.page-about .copy__subtitle {
margin-top: 18px;
font-size: 18px;
}
.page-about .copy__text {
margin-top: 14px;
font-size: 12px;
}
} .page-about .philo {
padding-top: 55px;
}
.page-about .philo .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-about .philo__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
padding-right: 20px;
}
.page-about .philo__img img {
display: block;
width: 100%;
z-index: 2;
}
.page-about .philo__inner {
padding-left: 10px;
}
.page-about .philo__title {
font-size: 20px;
color: #eb7aab;
font-weight: 500;
}
.page-about .philo__text {
margin-top: 20px;
font-size: 30px;
line-height: 1.5;
}
@media screen and (max-width: 1199px) {
.page-about .philo__text {
font-size: 26px;
}
}
@media screen and (max-width: 758px) {
.page-about .philo {
padding-top: 30px;
}
.page-about .philo .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-about .philo__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-top: 15px;
padding-right: 0;
}
.page-about .philo__inner {
padding-left: 0;
}
.page-about .philo__title {
font-size: 18px;
}
.page-about .philo__text {
margin-top: 10px;
font-size: 22px;
}
} .page-about .vision {
margin-top: 43px;
padding-bottom: 55px;
}
.page-about .vision .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-about .vision__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
width: 50%;
padding-right: 10px;
}
.page-about .vision__inner {
padding-left: 20px;
}
.page-about .vision__title {
font-size: 20px;
color: #eb7aab;
font-weight: 500;
}
.page-about .vision__text {
margin-top: 20px;
font-size: 30px;
line-height: 1.5;
}
.page-about .vision ul {
margin-top: 24px;
}
.page-about .vision li {
line-height: 1.3;
text-indent: -1em;
padding-left: 1em;
}
.page-about .vision li + li {
margin-top: 12px;
}
@media screen and (max-width: 1199px) {
.page-about .vision__text {
font-size: 26px;
}
.page-about .vision li {
font-size: 14px;
}
}
@media screen and (max-width: 758px) {
.page-about .vision {
margin-top: 60px;
padding-bottom: 40px;
}
.page-about .vision .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-about .vision__img {
margin-top: 15px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding-right: 0;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.page-about .vision__inner {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 0;
}
.page-about .vision__title {
font-size: 18px;
}
.page-about .vision__text {
margin-top: 10px;
font-size: 22px;
}
.page-about .vision ul {
margin-top: 15px;
}
.page-about .vision li {
font-size: 12px;
}
.page-about .vision li + li {
margin-top: 10px;
}
} .page-about .sdgs__contents {
padding: 24px 0 64px;
}
.page-about .sdgs__text h3 {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
color: #eb7aab;
}
.page-about .sdgs__text p {
margin-top: 17px;
line-height: 2;
}
.page-about .sdgs__icons {
margin-top: 30px;
}
.page-about .sdgs__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-about .sdgs__ico {
width: 23%;
height: auto;
margin-bottom: 18px;
}
@media screen and (max-width: 1199px) {
.page-about .sdgs__contents {
padding-right: 0;
}
.page-about .sdgs__text {
padding-right: 0;
}
.page-about .sdgs__icons {
padding: 0;
}
.page-about .sdgs__ico {
margin-bottom: 18px;
}
}
@media screen and (max-width: 758px) {
.page-about .sdgs .container {
width: 100%;
padding: 0;
}
.page-about .sdgs__contents {
padding: 20px 15px 40px;
}
.page-about .sdgs__text {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.page-about .sdgs__text h3 {
font-size: 16px;
}
.page-about .sdgs__text p {
margin-top: 10px;
font-size: 12px;
}
.page-about .sdgs__icons {
margin-top: 15px;
padding: 0;
}
.page-about .sdgs__inner {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-about .sdgs__ico {
width: 48.5%;
margin-bottom: 10px;
}
} .page-about .info {
padding-bottom: 65px;
}
.page-about .info__detail dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
border-bottom: 1px solid #ccc;
}
.page-about .info__detail dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
width: 250px;
padding: 21px 30px 16px;
line-height: 2;
font-weight: 500;
background-color: rgba(235, 122, 171, 0.05);
}
.page-about .info__detail dd {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 21px 30px 16px 60px;
line-height: 2;
}
.page-about .info__detail dl:last-child dt {
padding-top: 50px;
}
@media screen and (max-width: 758px) {
.page-about .info {
padding-bottom: 40px;
}
.page-about .info .container {
width: 100%;
padding: 0;
}
.page-about .info__detail dl {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-about .info__detail dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding: 10px 15px;
font-size: 13px;
}
.page-about .info__detail dd {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
padding: 10px 15px;
font-size: 13px;
}
.page-about .info__detail dl:last-child dt {
padding-top: 10px;
}
} .page-operation .lowermv {
border-bottom: 1px solid #ccc;
}
.page-operation .main {
padding: 33px 0 15px;
}
.page-operation .sagge__title {
padding-bottom: 11px;
font-size: 30px;
font-weight: 500;
color: #eb7aab;
line-height: 1.5;
border-bottom: 1px dashed #b3b3b3;
}
.page-operation .sagge__text {
margin-top: 16px;
line-height: 2;
}
.page-operation .howto__img {
display: block;
width: 100%;
margin-top: 23px;
margin-bottom: 40px;
}
.page-operation .howto__card {
margin-top: 20px;
padding: 30px;
background-color: #fff;
}
.page-operation .howto__card-title {
padding-bottom: 16px;
font-size: 24px;
font-weight: 500;
border-bottom: 1px solid #eb7aab;
}
.page-operation .howto__card-title span {
margin-left: 20px;
font-size: 14px;
color: #eb7aab;
font-weight: 400;
}
.page-operation .howto__card-text {
margin-top: 7px;
line-height: 2;
}
.page-operation .howto__card-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 19px;
}
.page-operation .howto__card-feature h4 {
width: 100px;
height: 30px;
line-height: 30px;
font-weight: 400;
text-align: center;
color: #fff;
border-radius: 15px;
}
.page-operation .howto__card-feature ul {
margin-top: 16px;
}
.page-operation .howto__card-feature li {
position: relative;
padding-left: 20px;
}
.page-operation .howto__card-feature li + li {
margin-top: 10px;
}
.page-operation .howto__card-feature li::before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 14px;
height: 14px;
border-radius: 50%;
}
.page-operation .howto__card-feature .merit {
width: 50%;
}
.page-operation .howto__card-feature .merit h4 {
background-color: #eb7aab;
}
.page-operation .howto__card-feature .merit li::before {
background-color: #eb7aab;
}
.page-operation .howto__card-feature .demerit {
width: 50%;
}
.page-operation .howto__card-feature .demerit h4 {
background-color: #6298FD;
}
.page-operation .howto__card-feature .demerit li::before {
background-color: #6298FD;
}
.page-operation .howto__card:last-child .merit {
width: 100%;
}
.page-operation .worry {
margin-top: 37px;
}
.page-operation .worry .section-title {
margin-top: 22px;
}
.page-operation .worry__cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 25px;
}
.page-operation .worry__card {
width: 49%;
margin-bottom: 25px;
}
.page-operation .worry__card-img img {
display: block;
width: 100%;
}
.page-operation .worry__card-title {
margin-top: 20px;
padding-bottom: 15px;
font-size: 20px;
font-weight: 500;
color: #eb7aab;
border-bottom: 1px dashed #b3b3b3;
}
.page-operation .worry__card-text {
margin-top: 7px;
line-height: 2;
}
@media screen and (max-width: 1199px) {
.page-operation .howto__card-feature {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-operation .howto__card-feature li {
line-height: 1.4;
}
.page-operation .howto__card-feature li::before {
top: 4px;
}
.page-operation .howto__card-feature .merit {
width: 45%;
}
.page-operation .howto__card-feature .worry {
width: 45%;
}
.page-operation .worry__card-title {
line-height: 1.3;
}
}
@media screen and (max-width: 758px) {
.page-operation .main {
padding: 30px 0;
}
.page-operation .section-title {
width: calc(100% + 30px);
margin-left: -15px;
}
.page-operation .sagge__title {
padding-bottom: 10px;
font-size: 18px;
line-height: 1.3;
}
.page-operation .sagge__title br {
display: none;
}
.page-operation .sagge__text {
font-size: 12px;
margin-top: 10px;
}
.page-operation .howto__img {
margin-top: 10px;
margin-bottom: 20px;
}
.page-operation .howto__card {
margin-top: 10px;
padding: 20px 15px 30px;
}
.page-operation .howto__card-title {
padding-bottom: 10px;
font-size: 18px;
}
.page-operation .howto__card-title span {
margin-left: 12px;
font-size: 11px;
}
.page-operation .howto__card-text {
margin-top: 8px;
font-size: 12px;
}
.page-operation .howto__card-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px;
}
.page-operation .howto__card-feature h4 {
width: 80px;
height: 22px;
line-height: 22px;
font-size: 12px;
border-radius: 12px;
}
.page-operation .howto__card-feature ul {
margin-top: 10px;
}
.page-operation .howto__card-feature li {
padding-left: 15px;
font-size: 12px;
}
.page-operation .howto__card-feature li + li {
margin-top: 10px;
}
.page-operation .howto__card-feature li::before {
top: 3px;
width: 12px;
height: 12px;
}
.page-operation .howto__card-feature .merit {
width: 100%;
}
.page-operation .howto__card-feature .demerit {
width: 100%;
margin-top: 20px;
}
.page-operation .worry {
margin-top: 40px;
}
.page-operation .worry .section-title {
margin-top: 20px;
}
.page-operation .worry__cards {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 10px;
}
.page-operation .worry__card {
width: 100%;
margin-bottom: 25px;
}
.page-operation .worry__card-title {
margin-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
.page-operation .worry__card-text {
margin-top: 6px;
font-size: 12px;
}
} .page-privacy .lowermv {
border-bottom: 1px solid #ccc;
}
.page-privacy .breadcrumb {
margin-top: 20px;
}
.page-privacy .privacy-entry {
margin: 40px 0;
padding: 30px;
background-color: #fff;
}
.page-privacy .privacy-entry > *:first-child {
margin-top: 0;
}
.page-privacy .privacy-entry h2 {
margin-top: 50px;
padding-bottom: 18px;
font-size: 24px;
font-weight: 700;
color: #eb7aab;
line-height: 1.3;
border-bottom: 1px solid #ccc;
}
.page-privacy .privacy-entry p {
margin-top: 15px;
line-height: 2;
}
.page-privacy .privacy-entry ol {
counter-reset: number;
list-style-type: none;
margin-top: 24px;
padding-bottom: 15px;
}
.page-privacy .privacy-entry ol li {
position: relative;
padding-left: 36px;
line-height: 1;
}
.page-privacy .privacy-entry ol li + li {
margin-top: 24px;
}
.page-privacy .privacy-entry ol li::before {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
counter-increment: number;
content: counter(number);
display: inline-block;
width: 25px;
height: 25px;
background-color: #eb7aab;
color: #fff;
font-weight: 500;
line-height: 23px;
text-align: center;
border-radius: 50%;
}
.page-privacy .privacy-entry-top {
font-size: 18px;
margin-bottom: 76px;
font-weight: 500;
}
.page-privacy .privacy-entry .card {
width: 535px;
margin-top: 20px;
padding: 30px;
font-size: 14px;
background-color: rgba(235, 122, 171, 0.05);
}
.page-privacy .privacy-entry .card__title {
font-weight: 500;
}
.page-privacy .privacy-entry .card__address {
margin-top: 20px;
line-height: 1.3;
}
.page-privacy .privacy-entry .card__contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 0;
line-height: 1.3;
}
.page-privacy .privacy-entry .card__contact p {
margin-top: 5px;
}
.page-privacy .privacy-entry .card__fax {
margin-left: 24px;
}
@media screen and (max-width: 1199px) {
.page-privacy .privacy-entry h2 {
margin-top: 45px;
padding-bottom: 16px;
font-size: 20px;
}
.page-privacy .privacy-entry p {
margin-top: 14px;
font-size: 14px;
}
.page-privacy .privacy-entry ol {
margin-top: 20px;
padding-bottom: 10px;
}
.page-privacy .privacy-entry ol li {
padding-left: 30px;
line-height: 1.3;
font-size: 14px;
}
.page-privacy .privacy-entry ol li + li {
margin-top: 20px;
}
.page-privacy .privacy-entry-top {
font-size: 16px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 758px) {
.page-privacy .privacy-entry {
margin: 20px 0;
padding: 20px 15px;
}
.page-privacy .privacy-entry h2 {
margin-top: 36px;
padding-bottom: 9px;
font-size: 18px;
}
.page-privacy .privacy-entry p {
margin-top: 12px;
font-size: 12px;
}
.page-privacy .privacy-entry ol {
margin-top: 18px;
padding-bottom: 8px;
}
.page-privacy .privacy-entry ol li {
padding-left: 25px;
line-height: 1.3;
font-size: 12px;
}
.page-privacy .privacy-entry ol li + li {
margin-top: 12px;
}
.page-privacy .privacy-entry ol li::before {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 10px;
}
.page-privacy .privacy-entry-top {
font-size: 14px;
margin-bottom: 40px;
}
.page-privacy .privacy-entry .card {
width: 100%;
margin-top: 10px;
padding: 20px 10px;
font-size: 12px;
}
.page-privacy .privacy-entry .card__address {
margin-top: 10px;
}
.page-privacy .privacy-entry .card__fax {
margin-left: 15px;
}
}  .page-staff .hero {
width: 100%;
} .page-staff .staff-contents {
padding: 40px 0;
}
.page-staff .staff {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 35px 30px 28px;
background-color: #fff;
}
.page-staff .staff + .staff {
margin-top: 20px;
}
.page-staff .staff__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
padding-right: 10px;
}
.page-staff .staff__name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.page-staff .staff__name h2 {
font-size: 24px;
font-weight: 500;
}
.page-staff .staff__name p {
margin-left: 25px;
font-size: 14px;
color: #eb7aab;
}
.page-staff .staff h3 {
padding-bottom: 9px;
font-weight: 500;
color: #eb7aab;
border-bottom: 1px solid #ccc;
}
.page-staff .staff__quali {
margin-top: 26px;
}
.page-staff .staff__quali li {
margin-top: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
line-height: 1.3;
}
.page-staff .staff__quali li::before {
position: relative;
top: 3px;
content: "";
margin-right: 4px;
width: 13px;
height: 13px;
background-color: #eb7aab;
border-radius: 50%;
}
.page-staff .staff__msg {
margin-top: 30px;
}
.page-staff .staff__msg p {
margin-top: 2px;
line-height: 2;
}
.page-staff .staff__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
padding-left: 10px;
}
.page-staff .staff__img img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 1199px) {
.page-staff .staff__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 55%;
flex: 0 0 55%;
padding-right: 10px;
}
.page-staff .staff__name h2 {
font-size: 22px;
}
.page-staff .staff__name p {
margin-left: 20px;
font-size: 12px;
}
.page-staff .staff__quali {
margin-top: 22px;
}
.page-staff .staff__quali li {
font-size: 14px;
}
.page-staff .staff__quali li::before {
top: 2px;
}
.page-staff .staff__msg {
margin-top: 18px;
}
.page-staff .staff__msg p {
font-size: 14px;
}
.page-staff .staff__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
}
@media screen and (max-width: 758px) {
.page-staff .staff-contents {
padding: 20px 0;
}
.page-staff .staff {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0;
background-color: transparent;
}
.page-staff .staff + .staff {
margin-top: 30px;
}
.page-staff .staff__data {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding: 0 0 0 30px;
}
.page-staff .staff .staff__inner {
position: relative;
padding: 20px 15px;
margin-top: -60px;
background-color: #fff;
z-index: 1;
}
.page-staff .staff__name {
display: block;
}
.page-staff .staff__name h2 {
font-size: 18px;
}
.page-staff .staff__name p {
margin-left: 0;
margin-top: 5px;
font-size: 10px;
}
.page-staff .staff__quali {
margin-top: 15px;
}
.page-staff .staff__quali li {
font-size: 12px;
}
.page-staff .staff__quali li::before {
-webkit-box-flex: 0;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
top: 2px;
width: 10px;
height: 10px;
margin-right: 2px;
}
.page-staff .staff h3 {
font-size: 13px;
padding-bottom: 5px;
}
.page-staff .staff__msg {
margin-top: 15px;
}
.page-staff .staff__msg p {
font-size: 12px;
}
.page-staff .staff__img {
margin-top: 0;
padding-left: 0;
padding-right: 30px;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
} .page-thanks .lowermv {
border-bottom: 1px solid #ccc;
}
.page-thanks .thanks-contents {
padding: 40px 0;
}
.page-thanks .contents {
padding: 40px 20px 58px;
background-color: #fff;
}
.page-thanks .contents h2 {
font-size: 36px;
font-weight: 500;
}
.page-thanks .contents p {
margin-top: 35px;
font-size: 18px;
line-height: 2;
}
.page-thanks .contents a {
display: block;
margin-top: 35px;
color: #eb7aab;
font-weight: 500;
}
.page-thanks .contents a img {
position: relative;
top: 1px;
display: inline-block;
width: 15px;
height: 15px;
margin-left: 17px;
}
.page-thanks .contents a:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.page-thanks .contents h2 {
font-size: 30px;
}
.page-thanks .contents p {
font-size: 16px;
}
}
@media screen and (max-width: 758px) {
.page-thanks .thanks-contents {
padding: 20px 0;
}
.page-thanks .contents {
padding: 20px 15px 40px;
}
.page-thanks .contents h2 {
font-size: 18px;
line-height: 1.3;
}
.page-thanks .contents p {
margin-top: 30px;
font-size: 12px;
line-height: 1.5;
}
.page-thanks .contents a {
margin-top: 30px;
font-size: 12px;
}
.page-thanks .contents a img {
width: 12px;
height: 12px;
margin-left: 12px;
}
} .page-contact .content {
padding: 40px 0 60px;
}
.page-contact .content__inner {
background-color: #fff;
padding: 30px 20px 45px;
}
.page-contact form {
margin-top: -60px;
padding-top: 60px;
}
.page-contact .form-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #ccc;
}
.page-contact .form-list:last-child {
border-bottom: 1px solid #ccc;
}
.page-contact .form-title {
display: block;
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
font-weight: 500;
padding: 40px 30px 37px 20px;
padding-right: 30px;
background-color: #f2f2f2;
}
.page-contact .form-title .required,
.page-contact .form-title .any {
float: right;
margin-top: -3px;
font-size: 14px;
width: 40px;
height: 25px;
line-height: 25px;
text-align: center;
color: #fff;
}
.page-contact .form-title .required {
background-color: #b20e2f;
}
.page-contact .form-title .any {
background-color: #333;
}
.page-contact .form-data {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 26px 0 26px 20px;
font-weight: 500;
}
.page-contact #contact-type {
padding-top: 40px;
font-weight: 500;
}
.page-contact #contact-type input {
margin-top: -3px;
}
.page-contact #contact-type .wpcf7-list-item + .wpcf7-list-item {
margin-left: 42px;
}
.page-contact #contact-type .wpcf7-list-item-label {
margin-left: 6px;
margin-right: 26px;
}
.page-contact input[type=text],
.page-contact input[type=number],
.page-contact input[type=tel],
.page-contact input[type=email] {
width: 400px;
height: 45px;
padding-left: 17px;
font-size: 16px;
line-height: 43px;
background-color: #f2f2f2;
border: none;
border-radius: 4px;
}
.page-contact .notice {
font-size: 12px;
margin-left: 20px;
}
.page-contact .zipcode {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.page-contact .zipcode .data-name {
width: 120px;
font-weight: 500;
}
.page-contact .zipcode input {
width: 200px;
}
.page-contact .add {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
}
.page-contact .add .data-name {
margin-top: 16px;
width: 120px;
font-weight: 500;
}
.page-contact .add .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
display: block;
margin-top: 10px;
}
.page-contact textarea {
width: 520px;
height: 185px;
padding: 14px 17px;
background-color: #f2f2f2;
font-size: 16px;
line-height: 1.3;
border: none;
border-radius: 8px;
}
.page-contact .build {
height: 100px;
}
.page-contact #agree {
margin-top: 80px;
text-align: center;
font-weight: 500;
}
.page-contact #agree input[type=checkbox] {
display: inline-block !important;
margin-top: 0;
}
.page-contact #agree a {
color: #eb7aab;
text-decoration: underline;
}
.page-contact #agree a:hover {
opacity: 0.75;
text-decoration: none;
}
.page-contact form input[type=submit] {
display: block;
width: 320px;
height: 50px;
position: relative;
background-color: #eb7aab;
border: none;
margin: 75px auto 0;
font-size: 18px;
font-weight: 700;
line-height: 50px;
color: #fff;
border: 1px solid #eb7aab;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border-radius: 4px;
outline: none;
}
.page-contact form input[type=submit]:hover {
background-color: #fff;
color: #eb7aab;
border: 1px solid #eb7aab;
}
.page-contact form .wpcf7-back {
display: block;
border: none;
background: transparent;
margin: 0 auto;
font-size: 18px;
font-weight: 400;
color: #333;
text-decoration: underline;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-contact form .wpcf7-back:hover {
opacity: 0.6;
text-decoration: none;
}
.page-contact span.wpcf7-list-item {
margin: 0;
}
.page-contact span.wpcf7-list-item-label {
margin-left: 2px;
}
.page-contact input:-internal-autofill-selected {
background-color: rgb(242, 242, 242) !important;
}
.page-contact .wpcf7-form-control-wrap {
position: relative;
}
.page-contact .wpcf7-not-valid-tip {
display: inline-block;
position: absolute;
top: -28px;
left: 0;
background-color: #ff5555;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
z-index: 1;
}
.page-contact .wpcf7-not-valid-tip:after {
content: "";
position: absolute;
bottom: -17px;
left: 5px;
border-top: 10px solid #ff5555;
border-right: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid transparent;
}
.page-contact .recruit-check {
position: relative;
}
.page-contact .recruit-check .wpcf7-not-valid-tip {
top: -196px;
}
.page-contact .wpcf7-validation-errors {
display: none !important;
}
.page-contact .wpcf7-form-control-wrap {
position: relative;
}
.page-contact .wpcf7-not-valid-tip {
display: inline-block;
position: absolute;
top: -28px;
left: 0;
background-color: #ff5555;
color: #fff;
padding: 5px 10px;
border-radius: 4px;
z-index: 1;
}
.page-contact .wpcf7-not-valid-tip:after {
content: "";
position: absolute;
bottom: -17px;
left: 5px;
border-top: 10px solid #ff5555;
border-right: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid transparent;
}
.page-contact .recruit-check {
position: relative;
}
.page-contact .recruit-check .wpcf7-not-valid-tip {
top: -196px;
}
.page-contact .wpcf7-validation-errors {
display: none !important;
}
.page-contact .wpcf7 form.invalid .wpcf7-response-output,
.page-contact .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: transparent;
}
.page-contact .wpcf7 form.invalid .wpcf7-response-output {
text-align: center;
color: #ff5555;
margin-top: 0;
}
.page-contact .wpcf7-form.invalid input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
background-color: rgba(235, 122, 171, 0.1);
}
@media screen and (max-width: 1199px) {
.page-contact {  }
.page-contact .form-title {
padding: 30px 20px 20px;
font-size: 14px;
}
.page-contact .form-title .required,
.page-contact .form-title .any {
margin-top: -5px;
font-size: 12px;
width: 34px;
height: 23px;
line-height: 23px;
}
.page-contact .form-data {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 15px 20px 15px 20px;
font-size: 14px;
}
.page-contact #contact-type {
padding-top: 30px;
}
.page-contact #contact-type input {
margin-top: -1px;
}
.page-contact #contact-type .wpcf7-list-item + .wpcf7-list-item {
margin-left: 20px;
}
.page-contact #contact-type .wpcf7-list-item-label {
margin-left: 0;
margin-right: 16px;
}
.page-contact input[type=text],
.page-contact input[type=number],
.page-contact input[type=tel],
.page-contact input[type=email] {
width: 100%;
height: 40px;
padding-left: 10px;
font-size: 14px;
line-height: 38px;
}
.page-contact .notice {
display: block;
font-size: 10px;
margin-left: 0;
margin-top: 5px;
}
.page-contact .zipcode .data-name {
width: 142px;
}
.page-contact .zipcode input {
width: 100%;
}
.page-contact .zipcode .notice {
line-height: 1.3;
margin-left: 10px;
margin-top: 0;
}
.page-contact .add .data-name {
margin-top: 14px;
width: 78px;
-webkit-box-flex: 0;
-ms-flex: 0 0 78px;
flex: 0 0 78px;
}
.page-contact .add .data-input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-contact .add input[type=text] {
width: 100%;
}
.page-contact .add .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
display: block;
margin-top: 10px;
}
.page-contact textarea {
width: 100%;
padding: 10px;
font-size: 14px;
}
.page-contact #agree {
margin-top: 40px;
font-size: 14px;
}
.page-contact #agree input[type=checkbox] {
margin-top: 0;
}
.page-contact form .btn.wpcf7-back {
margin-top: 15px;
}
.page-contact form input[type=submit] {
margin: 40px auto 0;
font-size: 16px;
}
.page-contact form .btn.wpcf7-back {
font-size: 16px;
}
}
@media screen and (max-width: 758px) {
.page-contact {  }
.page-contact .content {
padding: 20px 0 40px;
}
.page-contact .content__inner {
padding: 20px 10px 40px;
}
.page-contact .form-list {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.page-contact .form-title {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 10px 5px;
font-size: 14px;
}
.page-contact .form-title .required,
.page-contact .form-title .any {
position: relative;
top: -1px;
float: none;
display: inline-block;
margin-top: -1px;
margin-left: 16px;
font-size: 10px;
width: 34px;
height: 20px;
line-height: 20px;
}
.page-contact .form-data {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 10px 0;
font-size: 14px;
}
.page-contact #contact-type {
padding: 10px 0;
}
.page-contact #contact-type input {
position: relative;
top: -2px;
margin-top: 0;
}
.page-contact #contact-type .wpcf7-form-control-wrap {
display: block;
}
.page-contact #contact-type .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
margin-top: 10px;
}
.page-contact #contact-type .wpcf7-list-item + .wpcf7-list-item {
margin-left: 14px;
}
.page-contact #contact-type .wpcf7-list-item-label {
margin-left: 0;
}
.page-contact input[type=text],
.page-contact input[type=number],
.page-contact input[type=tel],
.page-contact input[type=email] {
width: 100%;
height: 40px;
padding-left: 5px;
font-size: 14px;
line-height: 40px;
}
.page-contact .notice {
margin-top: 3px;
}
.page-contact .zipcode .data-name {
font-size: 14px;
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
.page-contact .add .data-name {
margin-top: 14px;
width: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
.page-contact .add .data-input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.page-contact .add input[type=text] {
width: 100%;
}
.page-contact .add .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
display: block;
margin-top: 10px;
}
.page-contact textarea {
width: 100%;
padding: 10px;
font-size: 14px;
}
.page-contact #agree {
margin-top: 14px;
line-height: 1.3;
font-size: 12px;
}
.page-contact form input[type=submit] {
width: 100%;
margin: 30px auto 0;
font-size: 14px;
}
.page-contact form .btn.wpcf7-back {
margin-top: 0;
font-size: 14px;
}
.page-contact .wpcf7-not-valid-tip {
font-size: 12px;
}
} .page-recommend .main,
.search .main {
padding-top: 40px;
}
.search .search-result {
color: #eb7aab;
}
@media screen and (max-width: 758px) {
.page-recommend .main,
.search .main {
padding-top: 20px;
}
} .post-type-archive-trade .form-wrap,
.post-type-archive-lease .form-wrap {
padding-top: 28px;
padding-bottom: 60px;
}
.post-type-archive-trade .form__title,
.post-type-archive-lease .form__title {
font-size: 20px;
font-weight: 500;
}
.post-type-archive-trade .form__contents,
.post-type-archive-lease .form__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
padding: 25px 20px 5px;
background-color: #fff;
}
.post-type-archive-trade .form__group + .form__group,
.post-type-archive-lease .form__group + .form__group {
margin-top: 35px;
}
.post-type-archive-trade .form__label,
.post-type-archive-lease .form__label {
width: 25%;
margin-bottom: 25px;
}
.post-type-archive-trade .form__input,
.post-type-archive-lease .form__input {
display: none;
}
.post-type-archive-trade .form .checkbox-parts,
.post-type-archive-lease .form .checkbox-parts {
position: relative;
padding-left: 30px;
margin-right: 20px;
}
.post-type-archive-trade .form .checkbox-parts::before,
.post-type-archive-lease .form .checkbox-parts::before {
content: "";
display: block;
position: absolute;
top: 3px;
left: 0;
width: 20px;
height: 20px;
border: 1px solid #b3b3b3;
}
.post-type-archive-trade .form__input:checked + .checkbox-parts::after,
.post-type-archive-lease .form__input:checked + .checkbox-parts::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 5px;
width: 12px;
height: 16px;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
border-bottom: 4px solid #eb7aab;
border-right: 4px solid #eb7aab;
}
.post-type-archive-trade .form__submit,
.post-type-archive-lease .form__submit {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
margin-top: 20px;
width: 220px;
height: 50px;
background-color: #eb7aab;
font-size: 16px;
color: #fff;
border: 1px solid #eb7aab;
border-radius: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
outline: none;
}
.post-type-archive-trade .form__submit:hover,
.post-type-archive-lease .form__submit:hover {
background-color: transparent;
color: #eb7aab;
}
@media screen and (max-width: 1199px) {
.post-type-archive-trade .form-wrap,
.post-type-archive-lease .form-wrap {
padding-top: 20px;
padding-bottom: 40px;
}
.post-type-archive-trade .form__contents,
.post-type-archive-lease .form__contents {
margin-top: 10px;
padding: 20px 20px 5px;
}
.post-type-archive-trade .form__group + .form__group,
.post-type-archive-lease .form__group + .form__group {
margin-top: 20px;
}
.post-type-archive-trade .form__label,
.post-type-archive-lease .form__label {
width: 50%;
margin-bottom: 20px;
font-size: 14px;
}
.post-type-archive-trade .form .checkbox-parts::before,
.post-type-archive-lease .form .checkbox-parts::before {
top: 2px;
}
}
@media screen and (max-width: 758px) {
.post-type-archive-trade .form-wrap,
.post-type-archive-lease .form-wrap {
padding-top: 20px;
padding-bottom: 20px;
}
.post-type-archive-trade .form__title,
.post-type-archive-lease .form__title {
font-size: 14px;
}
.post-type-archive-trade .form__contents,
.post-type-archive-lease .form__contents {
margin-top: 10px;
padding: 15px 15px 5px;
}
.post-type-archive-trade .form__group + .form__group,
.post-type-archive-lease .form__group + .form__group {
margin-top: 15px;
}
.post-type-archive-trade .form__label,
.post-type-archive-lease .form__label {
width: 50%;
margin-bottom: 15px;
font-size: 12px;
}
.post-type-archive-trade .form .checkbox-parts,
.post-type-archive-lease .form .checkbox-parts {
position: relative;
padding-left: 20px;
margin-right: 0;
}
.post-type-archive-trade .form .checkbox-parts::before,
.post-type-archive-lease .form .checkbox-parts::before {
top: 2px;
width: 15px;
height: 15px;
}
.post-type-archive-trade .form__input:checked + .checkbox-parts::after,
.post-type-archive-lease .form__input:checked + .checkbox-parts::after {
left: 3px;
width: 10px;
height: 14px;
border-bottom: 3px solid #eb7aab;
border-right: 3px solid #eb7aab;
}
.post-type-archive-trade .form__submit,
.post-type-archive-lease .form__submit {
margin-top: 10px;
width: 135px;
height: 40px;
font-size: 12px;
}
} .post-type-archive-trade .things,
.post-type-archive-lease .things,
.page-recommend .things,
.search .things {
padding-bottom: 60px;
}
.post-type-archive-trade .things .thing,
.post-type-archive-lease .things .thing,
.page-recommend .things .thing,
.search .things .thing {
background-color: #fff;
border: 1px solid #ccc;
padding: 30px 25px;
}
.post-type-archive-trade .things .thing + .thing,
.post-type-archive-lease .things .thing + .thing,
.page-recommend .things .thing + .thing,
.search .things .thing + .thing {
margin-top: 20px;
}
.post-type-archive-trade .things .thing__head,
.post-type-archive-lease .things .thing__head,
.page-recommend .things .thing__head,
.search .things .thing__head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.post-type-archive-trade .things .thing__cate,
.post-type-archive-lease .things .thing__cate,
.page-recommend .things .thing__cate,
.search .things .thing__cate {
padding: 0 28px;
line-height: 30px;
background-color: #334458;
color: #fff;
}
.post-type-archive-trade .things .thing__cate.lease-usedhouse, .post-type-archive-trade .things .thing__cate.trade-usedhouse,
.post-type-archive-lease .things .thing__cate.lease-usedhouse,
.post-type-archive-lease .things .thing__cate.trade-usedhouse,
.page-recommend .things .thing__cate.lease-usedhouse,
.page-recommend .things .thing__cate.trade-usedhouse,
.search .things .thing__cate.lease-usedhouse,
.search .things .thing__cate.trade-usedhouse {
background-color: #9fcf5e;
}
.post-type-archive-trade .things .thing__cate.lease-apart, .post-type-archive-trade .things .thing__cate.trade-apart,
.post-type-archive-lease .things .thing__cate.lease-apart,
.post-type-archive-lease .things .thing__cate.trade-apart,
.page-recommend .things .thing__cate.lease-apart,
.page-recommend .things .thing__cate.trade-apart,
.search .things .thing__cate.lease-apart,
.search .things .thing__cate.trade-apart {
background-color: #6298fd;
}
.post-type-archive-trade .things .thing__cate.lease-newhouse, .post-type-archive-trade .things .thing__cate.trade-newhouse,
.post-type-archive-lease .things .thing__cate.lease-newhouse,
.post-type-archive-lease .things .thing__cate.trade-newhouse,
.page-recommend .things .thing__cate.lease-newhouse,
.page-recommend .things .thing__cate.trade-newhouse,
.search .things .thing__cate.lease-newhouse,
.search .things .thing__cate.trade-newhouse {
background-color: #58c5b1;
}
.post-type-archive-trade .things .thing__cate.lease-land, .post-type-archive-trade .things .thing__cate.trade-land,
.post-type-archive-lease .things .thing__cate.lease-land,
.post-type-archive-lease .things .thing__cate.trade-land,
.page-recommend .things .thing__cate.lease-land,
.page-recommend .things .thing__cate.trade-land,
.search .things .thing__cate.lease-land,
.search .things .thing__cate.trade-land {
background-color: #f49426;
}
.post-type-archive-trade .things .thing__title,
.post-type-archive-lease .things .thing__title,
.page-recommend .things .thing__title,
.search .things .thing__title {
margin-left: 25px;
font-size: 20px;
font-weight: 500;
}
.post-type-archive-trade .things .thing__body,
.post-type-archive-lease .things .thing__body,
.page-recommend .things .thing__body,
.search .things .thing__body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 22px 0 0;
}
.post-type-archive-trade .things .thing__thumb,
.post-type-archive-lease .things .thing__thumb,
.page-recommend .things .thing__thumb,
.search .things .thing__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 34%;
flex: 0 0 34%;
width: 34%;
margin-right: 1.8vw;
}
.post-type-archive-trade .things .thing__thumb-img,
.post-type-archive-lease .things .thing__thumb-img,
.page-recommend .things .thing__thumb-img,
.search .things .thing__thumb-img {
width: 100%;
padding-top: 89.5%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.post-type-archive-trade .things .thing__detail,
.post-type-archive-lease .things .thing__detail,
.page-recommend .things .thing__detail,
.search .things .thing__detail {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.post-type-archive-trade .things .thing__price,
.post-type-archive-lease .things .thing__price,
.page-recommend .things .thing__price,
.search .things .thing__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
color: #000;
}
.post-type-archive-trade .things .thing__price .panel,
.post-type-archive-lease .things .thing__price .panel,
.page-recommend .things .thing__price .panel,
.search .things .thing__price .panel {
width: 100px;
height: 50px;
font-size: 20px;
font-weight: 500;
color: #eb7aab;
line-height: 48px;
text-align: center;
border: 1px solid #eb7aab;
}
.post-type-archive-trade .things .thing__price p,
.post-type-archive-lease .things .thing__price p,
.page-recommend .things .thing__price p,
.search .things .thing__price p {
font-size: 24px;
font-weight: 700;
margin-left: 25px;
}
.post-type-archive-trade .things .thing__data,
.post-type-archive-lease .things .thing__data,
.page-recommend .things .thing__data,
.search .things .thing__data {
margin-top: 9px;
}
.post-type-archive-trade .things .thing__data .attr,
.post-type-archive-lease .things .thing__data .attr,
.page-recommend .things .thing__data .attr,
.search .things .thing__data .attr {
line-height: 2;
}
.post-type-archive-trade .things .thing__data .attr span + span,
.post-type-archive-lease .things .thing__data .attr span + span,
.page-recommend .things .thing__data .attr span + span,
.search .things .thing__data .attr span + span {
margin-left: 0.3em;
}
.post-type-archive-trade .things .thing__data .address,
.post-type-archive-lease .things .thing__data .address,
.page-recommend .things .thing__data .address,
.search .things .thing__data .address {
margin: 7px 0 0;
line-height: 2;
font-size: 14px;
padding-left: 2px;
}
.post-type-archive-trade .things .thing__data .address .fas,
.post-type-archive-lease .things .thing__data .address .fas,
.page-recommend .things .thing__data .address .fas,
.search .things .thing__data .address .fas {
color: #eb7aab;
margin-right: 6px;
}
.post-type-archive-trade .things .thing__data .access,
.post-type-archive-lease .things .thing__data .access,
.page-recommend .things .thing__data .access,
.search .things .thing__data .access {
line-height: 2;
font-size: 14px;
}
.post-type-archive-trade .things .thing__data .access .fas,
.post-type-archive-lease .things .thing__data .access .fas,
.page-recommend .things .thing__data .access .fas,
.search .things .thing__data .access .fas {
color: #eb7aab;
margin-right: 5px;
}
.post-type-archive-trade .things .thing__point,
.post-type-archive-lease .things .thing__point,
.page-recommend .things .thing__point,
.search .things .thing__point {
margin-top: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-type-archive-trade .things .thing__point .panel,
.post-type-archive-lease .things .thing__point .panel,
.page-recommend .things .thing__point .panel,
.search .things .thing__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
height: 80px;
background-color: #eb7aab;
line-height: 80px;
color: #fff;
text-align: center;
}
.post-type-archive-trade .things .thing__point .data,
.post-type-archive-lease .things .thing__point .data,
.page-recommend .things .thing__point .data,
.search .things .thing__point .data {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 22px;
border: 1px solid #ccc;
border-left: none;
line-height: 1.3;
}
.post-type-archive-trade .things .thing__point .data p + p,
.post-type-archive-lease .things .thing__point .data p + p,
.page-recommend .things .thing__point .data p + p,
.search .things .thing__point .data p + p {
margin-top: 16px;
}
.post-type-archive-trade .things .thing__link,
.post-type-archive-lease .things .thing__link,
.page-recommend .things .thing__link,
.search .things .thing__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 27px;
}
.post-type-archive-trade .things .thing__link-btn,
.post-type-archive-lease .things .thing__link-btn,
.page-recommend .things .thing__link-btn,
.search .things .thing__link-btn {
display: block;
padding: 0 14px;
line-height: 48px;
color: #fff;
border-radius: 5px;
}
.post-type-archive-trade .things .thing__link-btn + .thing__link-btn,
.post-type-archive-lease .things .thing__link-btn + .thing__link-btn,
.page-recommend .things .thing__link-btn + .thing__link-btn,
.search .things .thing__link-btn + .thing__link-btn {
margin-left: 15px;
}
.post-type-archive-trade .things .thing__link .vr-btn,
.post-type-archive-lease .things .thing__link .vr-btn,
.page-recommend .things .thing__link .vr-btn,
.search .things .thing__link .vr-btn {
width: 62.7%;
background-color: #992859;
border: 1px solid #992859;
text-align: center;
}
.post-type-archive-trade .things .thing__link .vr-btn:hover,
.post-type-archive-lease .things .thing__link .vr-btn:hover,
.page-recommend .things .thing__link .vr-btn:hover,
.search .things .thing__link .vr-btn:hover {
background-color: #fff;
color: #992859;
}
.post-type-archive-trade .things .thing__link .detail-btn,
.post-type-archive-lease .things .thing__link .detail-btn,
.page-recommend .things .thing__link .detail-btn,
.search .things .thing__link .detail-btn {
width: 35%;
margin-left: auto;
background-color: #eb7aab;
border: 1px solid #eb7aab;
text-align: center;
}
.post-type-archive-trade .things .thing__link .detail-btn:hover,
.post-type-archive-lease .things .thing__link .detail-btn:hover,
.page-recommend .things .thing__link .detail-btn:hover,
.search .things .thing__link .detail-btn:hover {
background-color: #fff;
color: #eb7aab;
}
.post-type-archive-trade .no-search-built,
.post-type-archive-lease .no-search-built,
.page-recommend .no-search-built,
.search .no-search-built {
font-size: 22px;
font-weight: 500;
}
@media screen and (max-width: 1199px) {
.post-type-archive-trade .things .thing,
.post-type-archive-lease .things .thing,
.page-recommend .things .thing,
.search .things .thing {
padding: 15px 15px 30px;
}
.post-type-archive-trade .things .thing__head,
.post-type-archive-lease .things .thing__head,
.page-recommend .things .thing__head,
.search .things .thing__head {
padding-bottom: 15px;
}
.post-type-archive-trade .things .thing__cate,
.post-type-archive-lease .things .thing__cate,
.page-recommend .things .thing__cate,
.search .things .thing__cate {
padding: 0 15px;
line-height: 30px;
}
.post-type-archive-trade .things .thing__title,
.post-type-archive-lease .things .thing__title,
.page-recommend .things .thing__title,
.search .things .thing__title {
margin-left: 20px;
}
.post-type-archive-trade .things .thing__body,
.post-type-archive-lease .things .thing__body,
.page-recommend .things .thing__body,
.search .things .thing__body {
padding: 15px 0 20px;
}
.post-type-archive-trade .things .thing__price,
.post-type-archive-lease .things .thing__price,
.page-recommend .things .thing__price,
.search .things .thing__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 0;
color: #000;
}
.post-type-archive-trade .things .thing__price .panel,
.post-type-archive-lease .things .thing__price .panel,
.page-recommend .things .thing__price .panel,
.search .things .thing__price .panel {
width: 80px;
height: 40px;
font-size: 18px;
line-height: 38px;
}
.post-type-archive-trade .things .thing__price p,
.post-type-archive-lease .things .thing__price p,
.page-recommend .things .thing__price p,
.search .things .thing__price p {
font-size: 22px;
margin-left: 14px;
}
.post-type-archive-trade .things .thing__data,
.post-type-archive-lease .things .thing__data,
.page-recommend .things .thing__data,
.search .things .thing__data {
margin-top: 9px;
}
.post-type-archive-trade .things .thing__data .attr,
.post-type-archive-lease .things .thing__data .attr,
.page-recommend .things .thing__data .attr,
.search .things .thing__data .attr {
line-height: 2;
font-size: 14px;
}
.post-type-archive-trade .things .thing__data .address,
.post-type-archive-lease .things .thing__data .address,
.page-recommend .things .thing__data .address,
.search .things .thing__data .address {
margin: 7px 0 0;
font-size: 12px;
}
.post-type-archive-trade .things .thing__data .address .fas,
.post-type-archive-lease .things .thing__data .address .fas,
.page-recommend .things .thing__data .address .fas,
.search .things .thing__data .address .fas {
margin-right: 6px;
}
.post-type-archive-trade .things .thing__data .access,
.post-type-archive-lease .things .thing__data .access,
.page-recommend .things .thing__data .access,
.search .things .thing__data .access {
font-size: 12px;
}
.post-type-archive-trade .things .thing__point,
.post-type-archive-lease .things .thing__point,
.page-recommend .things .thing__point,
.search .things .thing__point {
margin-top: 10px;
font-size: 14px;
}
.post-type-archive-trade .things .thing__point .panel,
.post-type-archive-lease .things .thing__point .panel,
.page-recommend .things .thing__point .panel,
.search .things .thing__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 64px;
line-height: 64px;
}
.post-type-archive-trade .things .thing__point .data,
.post-type-archive-lease .things .thing__point .data,
.page-recommend .things .thing__point .data,
.search .things .thing__point .data {
padding-left: 18px;
}
.post-type-archive-trade .things .thing__point .data p + p,
.post-type-archive-lease .things .thing__point .data p + p,
.page-recommend .things .thing__point .data p + p,
.search .things .thing__point .data p + p {
margin-top: 14px;
}
.post-type-archive-trade .things .thing__link,
.post-type-archive-lease .things .thing__link,
.page-recommend .things .thing__link,
.search .things .thing__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-type-archive-trade .things .thing__link-line,
.post-type-archive-lease .things .thing__link-line,
.page-recommend .things .thing__link-line,
.search .things .thing__link-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.post-type-archive-trade .things .thing__link-btn,
.post-type-archive-lease .things .thing__link-btn,
.page-recommend .things .thing__link-btn,
.search .things .thing__link-btn {
font-size: 14px;
line-height: 40px;
}
}
@media screen and (max-width: 758px) {
.post-type-archive-trade .things,
.post-type-archive-lease .things,
.page-recommend .things,
.search .things {
padding-bottom: 40px;
}
.post-type-archive-trade .things .thing,
.post-type-archive-lease .things .thing,
.page-recommend .things .thing,
.search .things .thing {
padding: 0 15px 20px;
}
.post-type-archive-trade .things .thing + .thing,
.post-type-archive-lease .things .thing + .thing,
.page-recommend .things .thing + .thing,
.search .things .thing + .thing {
margin-top: 15px;
}
.post-type-archive-trade .things .thing__head,
.post-type-archive-lease .things .thing__head,
.page-recommend .things .thing__head,
.search .things .thing__head {
padding: 11px 0;
}
.post-type-archive-trade .things .thing__cate,
.post-type-archive-lease .things .thing__cate,
.page-recommend .things .thing__cate,
.search .things .thing__cate {
padding: 0 10px;
line-height: 23px;
font-size: 10px;
}
.post-type-archive-trade .things .thing__title,
.post-type-archive-lease .things .thing__title,
.page-recommend .things .thing__title,
.search .things .thing__title {
margin-left: 8px;
font-size: 14px;
}
.post-type-archive-trade .things .thing__body,
.post-type-archive-lease .things .thing__body,
.page-recommend .things .thing__body,
.search .things .thing__body {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 5px 0 0;
}
.post-type-archive-trade .things .thing__thumb,
.post-type-archive-lease .things .thing__thumb,
.page-recommend .things .thing__thumb,
.search .things .thing__thumb {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
margin-right: 0;
}
.post-type-archive-trade .things .thing__thumb-img,
.post-type-archive-lease .things .thing__thumb-img,
.page-recommend .things .thing__thumb-img,
.search .things .thing__thumb-img {
padding-top: 45.5%;
}
.post-type-archive-trade .things .thing__detail,
.post-type-archive-lease .things .thing__detail,
.page-recommend .things .thing__detail,
.search .things .thing__detail {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 11px;
}
.post-type-archive-trade .things .thing__price,
.post-type-archive-lease .things .thing__price,
.page-recommend .things .thing__price,
.search .things .thing__price {
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.post-type-archive-trade .things .thing__price .panel,
.post-type-archive-lease .things .thing__price .panel,
.page-recommend .things .thing__price .panel,
.search .things .thing__price .panel {
width: 75px;
height: 38px;
font-size: 15px;
line-height: 36px;
}
.post-type-archive-trade .things .thing__price p,
.post-type-archive-lease .things .thing__price p,
.page-recommend .things .thing__price p,
.search .things .thing__price p {
font-size: 18px;
margin-left: 10px;
}
.post-type-archive-trade .things .thing__data,
.post-type-archive-lease .things .thing__data,
.page-recommend .things .thing__data,
.search .things .thing__data {
margin-top: 0;
padding-top: 0;
font-size: 12px;
}
.post-type-archive-trade .things .thing__data .attr,
.post-type-archive-lease .things .thing__data .attr,
.page-recommend .things .thing__data .attr,
.search .things .thing__data .attr {
font-size: 13px;
}
.post-type-archive-trade .things .thing__data .address,
.post-type-archive-lease .things .thing__data .address,
.page-recommend .things .thing__data .address,
.search .things .thing__data .address {
margin-top: 10px;
}
.post-type-archive-trade .things .thing__data .access,
.post-type-archive-lease .things .thing__data .access,
.page-recommend .things .thing__data .access,
.search .things .thing__data .access {
margin-top: 5px;
}
.post-type-archive-trade .things .thing__point,
.post-type-archive-lease .things .thing__point,
.page-recommend .things .thing__point,
.search .things .thing__point {
font-size: 12px;
}
.post-type-archive-trade .things .thing__point .panel,
.post-type-archive-lease .things .thing__point .panel,
.page-recommend .things .thing__point .panel,
.search .things .thing__point .panel {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
width: 75px;
min-height: 60px;
line-height: 58px;
}
.post-type-archive-trade .things .thing__point .data,
.post-type-archive-lease .things .thing__point .data,
.page-recommend .things .thing__point .data,
.search .things .thing__point .data {
padding-right: 5px;
padding-left: 16px;
}
.post-type-archive-trade .things .thing__point .data p + p,
.post-type-archive-lease .things .thing__point .data p + p,
.page-recommend .things .thing__point .data p + p,
.search .things .thing__point .data p + p {
margin-top: 8px;
}
.post-type-archive-trade .things .thing__foot,
.post-type-archive-lease .things .thing__foot,
.page-recommend .things .thing__foot,
.search .things .thing__foot {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0;
}
.post-type-archive-trade .things .thing__link,
.post-type-archive-lease .things .thing__link,
.page-recommend .things .thing__link,
.search .things .thing__link {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
width: 100%;
}
.post-type-archive-trade .things .thing__link-line,
.post-type-archive-lease .things .thing__link-line,
.page-recommend .things .thing__link-line,
.search .things .thing__link-line {
width: 36%;
height: 90px;
margin: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.post-type-archive-trade .things .thing__link-line img,
.post-type-archive-lease .things .thing__link-line img,
.page-recommend .things .thing__link-line img,
.search .things .thing__link-line img {
margin: 0;
}
.post-type-archive-trade .things .thing__link-line p,
.post-type-archive-lease .things .thing__link-line p,
.page-recommend .things .thing__link-line p,
.search .things .thing__link-line p {
margin-top: 5px;
}
.post-type-archive-trade .things .thing__link-btn-wrap,
.post-type-archive-lease .things .thing__link-btn-wrap,
.page-recommend .things .thing__link-btn-wrap,
.search .things .thing__link-btn-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 55%;
}
.post-type-archive-trade .things .thing__link-btn,
.post-type-archive-lease .things .thing__link-btn,
.page-recommend .things .thing__link-btn,
.search .things .thing__link-btn {
width: 100%;
height: 40px;
padding: 0 11px;
font-size: 11px;
line-height: 38px;
text-align: center;
}
.post-type-archive-trade .things .thing__link .vr-btn,
.post-type-archive-trade .things .thing__link .detail-btn,
.post-type-archive-lease .things .thing__link .vr-btn,
.post-type-archive-lease .things .thing__link .detail-btn,
.page-recommend .things .thing__link .vr-btn,
.page-recommend .things .thing__link .detail-btn,
.search .things .thing__link .vr-btn,
.search .things .thing__link .detail-btn {
width: 100%;
margin-bottom: 5px;
margin-left: 0;
}
.post-type-archive-trade .no-search-built,
.post-type-archive-lease .no-search-built,
.page-recommend .no-search-built,
.search .no-search-built {
font-size: 16px;
}
} .error404 .main {
padding: 40px 0;
}
.error404 .contents {
padding: 40px 20px 58px;
background-color: #fff;
}
.error404 .contents h2 {
font-size: 36px;
font-weight: 500;
}
.error404 .contents p {
margin-top: 35px;
font-size: 18px;
line-height: 2;
}
.error404 .contents a {
display: block;
margin-top: 35px;
color: #eb7aab;
font-weight: 500;
}
.error404 .contents a img {
display: inline-block;
width: 15px;
height: 15px;
margin-left: 17px;
}
.error404 .contents a:hover {
opacity: 0.6;
}
@media screen and (max-width: 1199px) {
.error404 .contents h2 {
font-size: 30px;
}
.error404 .contents p {
font-size: 16px;
}
}
@media screen and (max-width: 758px) {
.error404 .main {
padding: 20px 0;
}
.error404 .contents {
padding: 20px 15px 40px;
}
.error404 .contents h2 {
font-size: 18px;
line-height: 1.3;
}
.error404 .contents p {
margin-top: 30px;
font-size: 12px;
line-height: 1.5;
}
.error404 .contents a {
margin-top: 30px;
font-size: 12px;
}
.error404 .contents a img {
width: 12px;
height: 12px;
margin-left: 12px;
}
} .single-open_house .lowermv__cate,
.single-trade .lowermv__cate,
.single-lease .lowermv__cate {
display: inline-block;
padding: 7px 28px;
color: #fff;
background-color: #334458;
font-size: 16px;
}
.single-open_house .lowermv__cate.cate-oh,
.single-trade .lowermv__cate.cate-oh,
.single-lease .lowermv__cate.cate-oh {
background-color: #eb7aab;
}
.single-open_house .lowermv__cate.lease-usedhouse, .single-open_house .lowermv__cate.trade-usedhouse,
.single-trade .lowermv__cate.lease-usedhouse,
.single-trade .lowermv__cate.trade-usedhouse,
.single-lease .lowermv__cate.lease-usedhouse,
.single-lease .lowermv__cate.trade-usedhouse {
background-color: #9fcf5e;
}
.single-open_house .lowermv__cate.lease-apart, .single-open_house .lowermv__cate.trade-apart,
.single-trade .lowermv__cate.lease-apart,
.single-trade .lowermv__cate.trade-apart,
.single-lease .lowermv__cate.lease-apart,
.single-lease .lowermv__cate.trade-apart {
background-color: #6298fd;
}
.single-open_house .lowermv__cate.lease-newhouse, .single-open_house .lowermv__cate.trade-newhouse,
.single-trade .lowermv__cate.lease-newhouse,
.single-trade .lowermv__cate.trade-newhouse,
.single-lease .lowermv__cate.lease-newhouse,
.single-lease .lowermv__cate.trade-newhouse {
background-color: #58c5b1;
}
.single-open_house .lowermv__cate.lease-land, .single-open_house .lowermv__cate.trade-land,
.single-trade .lowermv__cate.lease-land,
.single-trade .lowermv__cate.trade-land,
.single-lease .lowermv__cate.lease-land,
.single-lease .lowermv__cate.trade-land {
background-color: #f49426;
}
.single-open_house .lowermv__text h1,
.single-trade .lowermv__text h1,
.single-lease .lowermv__text h1 {
margin-top: 13px;
}
.single-open_house .section-title,
.single-trade .section-title,
.single-lease .section-title {
font-size: 20px;
}
.single-open_house .thing,
.single-trade .thing,
.single-lease .thing {
padding: 30px 0 40px;
background-color: #f7f8f8;
}
.single-open_house .detail,
.single-trade .detail,
.single-lease .detail {
padding: 30px 20px 30px 25px;
background-color: #fff;
}
.single-open_house .detail__inner,
.single-trade .detail__inner,
.single-lease .detail__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-open_house .detail__thumb,
.single-trade .detail__thumb,
.single-lease .detail__thumb {
width: 313px;
}
.single-open_house .detail__thumb-img,
.single-trade .detail__thumb-img,
.single-lease .detail__thumb-img {
width: 100%;
padding-top: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.single-open_house .detail__body,
.single-trade .detail__body,
.single-lease .detail__body {
margin-left: 22px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.single-open_house .detail__price,
.single-trade .detail__price,
.single-lease .detail__price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-bottom: 12px;
border-bottom: 1px solid #ccc;
color: #000;
}
.single-open_house .detail__price .panel,
.single-trade .detail__price .panel,
.single-lease .detail__price .panel {
width: 100px;
height: 50px;
font-size: 20px;
font-weight: 500;
color: #eb7aab;
line-height: 48px;
text-align: center;
border: 1px solid #eb7aab;
}
.single-open_house .detail__price p,
.single-trade .detail__price p,
.single-lease .detail__price p {
font-size: 24px;
font-weight: 700;
margin-left: 25px;
}
.single-open_house .detail__infos,
.single-trade .detail__infos,
.single-lease .detail__infos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 20px;
}
.single-open_house .detail__info,
.single-trade .detail__info,
.single-lease .detail__info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 48%;
margin-bottom: 12px;
margin-right: 1%;
}
.single-open_house .detail__info dt,
.single-trade .detail__info dt,
.single-lease .detail__info dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
width: 60px;
height: 28px;
background-color: #4d4d4d;
font-size: 12px;
color: #fff;
line-height: 28px;
text-align: center;
}
.single-open_house .detail__info dd,
.single-trade .detail__info dd,
.single-lease .detail__info dd {
margin-left: 10px;
font-size: 14px;
line-height: 1.3;
}
.single-open_house .detail__point,
.single-trade .detail__point,
.single-lease .detail__point {
margin-top: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.single-open_house .detail__point .panel,
.single-trade .detail__point .panel,
.single-lease .detail__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
width: 100px;
height: 80px;
background-color: #eb7aab;
line-height: 80px;
color: #fff;
text-align: center;
}
.single-open_house .detail__point .meta,
.single-trade .detail__point .meta,
.single-lease .detail__point .meta {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 22px;
border: 1px solid #ccc;
border-left: none;
line-height: 1.3;
}
.single-open_house .detail__point .meta p + p,
.single-trade .detail__point .meta p + p,
.single-lease .detail__point .meta p + p {
margin-top: 16px;
}
.single-open_house .detail__imgs,
.single-trade .detail__imgs,
.single-lease .detail__imgs {
margin-top: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single-open_house .detail__imgs.sp-l,
.single-trade .detail__imgs.sp-l,
.single-lease .detail__imgs.sp-l {
display: none;
}
.single-open_house .detail__img,
.single-trade .detail__img,
.single-lease .detail__img {
display: block;
width: 12%;
margin-bottom: 10px;
margin-left: 0.5%;
}
.single-open_house .detail__img:nth-of-type(8n + 1),
.single-trade .detail__img:nth-of-type(8n + 1),
.single-lease .detail__img:nth-of-type(8n + 1) {
margin-left: 0;
}
.single-open_house .detail__img-content,
.single-trade .detail__img-content,
.single-lease .detail__img-content {
width: 100%;
padding-top: 75%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.single-open_house .vr,
.single-trade .vr,
.single-lease .vr {
margin-top: 40px;
}
.single-open_house .vr__contents,
.single-trade .vr__contents,
.single-lease .vr__contents {
position: relative;
margin-top: 20px;
width: 100%;
padding-top: 60%;
overflow: hidden;
}
.single-open_house .vr__contents iframe,
.single-trade .vr__contents iframe,
.single-lease .vr__contents iframe {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.single-open_house .vr-link,
.single-trade .vr-link,
.single-lease .vr-link {
display: block;
width: 260px;
height: 50px;
margin: 30px auto 0;
background-color: #992859;
color: #fff;
line-height: 48px;
text-align: center;
border-radius: 4px;
border: 1px solid #992859;
}
.single-open_house .vr-link:hover,
.single-trade .vr-link:hover,
.single-lease .vr-link:hover {
color: #992859;
background-color: #fff;
}
.single-open_house .data,
.single-trade .data,
.single-lease .data {
margin-top: 40px;
}
.single-open_house .data__contents,
.single-trade .data__contents,
.single-lease .data__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 15px;
}
.single-open_house .data__content,
.single-trade .data__content,
.single-lease .data__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 50%;
height: 45px;
font-size: 14px;
}
.single-open_house .data__content dt,
.single-trade .data__content dt,
.single-lease .data__content dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 16px;
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
height: 45px;
padding: 0 10px;
background-color: #f5b4d1;
color: #fff;
border-bottom: 1px dotted #b3b3b3;
}
.single-open_house .data__content dd,
.single-trade .data__content dd,
.single-lease .data__content dd {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 45px;
padding: 0 16px;
background-color: #fff;
border-bottom: 1px dotted #b3b3b3;
}
.single-open_house .data__content.other,
.single-trade .data__content.other,
.single-lease .data__content.other {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
min-height: 45px;
height: auto;
}
.single-open_house .data__content.other dt,
.single-trade .data__content.other dt,
.single-lease .data__content.other dt {
display: block;
min-height: 45px;
height: auto;
padding-top: 16px;
padding-bottom: 16px;
}
.single-open_house .data__content.other dd,
.single-trade .data__content.other dd,
.single-lease .data__content.other dd {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
display: block;
min-height: 45px;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
line-height: 1.3;
}
.single-open_house .data__content dd:empty:after,
.single-trade .data__content dd:empty:after,
.single-lease .data__content dd:empty:after {
content: "ー";
}
.single-open_house .data__contents + .section-title,
.single-trade .data__contents + .section-title,
.single-lease .data__contents + .section-title {
margin-top: 30px;
}
.single-open_house .data__contents.w100 dl,
.single-trade .data__contents.w100 dl,
.single-lease .data__contents.w100 dl {
width: 100%;
}
.single-open_house .access,
.single-trade .access,
.single-lease .access {
margin-top: 40px;
}
.single-open_house .access .map,
.single-trade .access .map,
.single-lease .access .map {
position: relative;
margin-top: 15px;
width: 100%;
padding-top: 57.6%;
overflow: hidden;
}
.single-open_house .access .map iframe,
.single-trade .access .map iframe,
.single-lease .access .map iframe {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 1199px) {
.single-open_house .lowermv__cate,
.single-trade .lowermv__cate,
.single-lease .lowermv__cate {
padding: 7px 20px;
font-size: 14px;
}
.single-open_house .lowermv__text h1,
.single-trade .lowermv__text h1,
.single-lease .lowermv__text h1 {
margin-top: 10px;
}
.single-open_house .section-title,
.single-trade .section-title,
.single-lease .section-title {
font-size: 24px;
}
.single-open_house .thing,
.single-trade .thing,
.single-lease .thing {
padding: 20px 0 30px;
}
.single-open_house .detail,
.single-trade .detail,
.single-lease .detail {
padding: 15px;
}
.single-open_house .detail__thumb,
.single-trade .detail__thumb,
.single-lease .detail__thumb {
width: 250px;
}
.single-open_house .detail__body,
.single-trade .detail__body,
.single-lease .detail__body {
margin-left: 15px;
}
.single-open_house .detail__price,
.single-trade .detail__price,
.single-lease .detail__price {
padding-bottom: 10px;
}
.single-open_house .detail__price .panel,
.single-trade .detail__price .panel,
.single-lease .detail__price .panel {
width: 80px;
height: 40px;
font-size: 18px;
line-height: 38px;
}
.single-open_house .detail__price p,
.single-trade .detail__price p,
.single-lease .detail__price p {
font-size: 22px;
margin-left: 14px;
}
.single-open_house .detail__infos,
.single-trade .detail__infos,
.single-lease .detail__infos {
padding-top: 10px;
}
.single-open_house .detail__info,
.single-trade .detail__info,
.single-lease .detail__info {
width: 48%;
margin-bottom: 7px;
}
.single-open_house .detail__info dt,
.single-trade .detail__info dt,
.single-lease .detail__info dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
width: 50px;
height: 22px;
font-size: 13px;
line-height: 20px;
}
.single-open_house .detail__info dd,
.single-trade .detail__info dd,
.single-lease .detail__info dd {
margin-left: 6px;
font-size: 14px;
}
.single-open_house .detail__point,
.single-trade .detail__point,
.single-lease .detail__point {
margin-top: 10px;
font-size: 14px;
}
.single-open_house .detail__point .panel,
.single-trade .detail__point .panel,
.single-lease .detail__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
width: 80px;
height: 60px;
line-height: 58px;
}
.single-open_house .detail__point .meta,
.single-trade .detail__point .meta,
.single-lease .detail__point .meta {
padding-left: 18px;
}
.single-open_house .detail__point .meta p + p,
.single-trade .detail__point .meta p + p,
.single-lease .detail__point .meta p + p {
margin-top: 10px;
}
.single-open_house .vr,
.single-trade .vr,
.single-lease .vr {
margin-top: 30px;
}
.single-open_house .vr__contents,
.single-trade .vr__contents,
.single-lease .vr__contents {
margin-top: 15px;
}
.single-open_house .data,
.single-trade .data,
.single-lease .data {
margin-top: 30px;
}
.single-open_house .data__content,
.single-trade .data__content,
.single-lease .data__content {
height: 45px;
font-size: 14px;
}
.single-open_house .data__content dt,
.single-trade .data__content dt,
.single-lease .data__content dt {
width: 109px;
-webkit-box-flex: 0;
-ms-flex: 0 0 109px;
flex: 0 0 109px;
}
.single-open_house .data__content dd,
.single-trade .data__content dd,
.single-lease .data__content dd {
padding: 0 10px;
}
.single-open_house .data__content.other dt,
.single-trade .data__content.other dt,
.single-lease .data__content.other dt {
width: 109px;
-webkit-box-flex: 0;
-ms-flex: 0 0 109px;
flex: 0 0 109px;
}
.single-open_house .access,
.single-trade .access,
.single-lease .access {
margin-top: 30px;
}
}
@media screen and (max-width: 758px) {
.single-open_house .lowermv__cate,
.single-trade .lowermv__cate,
.single-lease .lowermv__cate {
padding: 5px 15px;
font-size: 12px;
}
.single-open_house .lowermv__text h1,
.single-trade .lowermv__text h1,
.single-lease .lowermv__text h1 {
margin-top: 8px;
}
.single-open_house .section-title,
.single-trade .section-title,
.single-lease .section-title {
width: calc(100% + 30px);
margin-left: -15px;
font-size: 16px;
}
.single-open_house .thing,
.single-trade .thing,
.single-lease .thing {
padding: 20px 0 30px;
}
.single-open_house .detail,
.single-trade .detail,
.single-lease .detail {
padding: 11px 15px 15px;
}
.single-open_house .detail__inner,
.single-trade .detail__inner,
.single-lease .detail__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-open_house .detail__thumb,
.single-trade .detail__thumb,
.single-lease .detail__thumb {
width: 100%;
}
.single-open_house .detail__thumb-img,
.single-trade .detail__thumb-img,
.single-lease .detail__thumb-img {
padding-top: 50%;
}
.single-open_house .detail__body,
.single-trade .detail__body,
.single-lease .detail__body {
margin-left: 0;
margin-top: 11px;
}
.single-open_house .detail__price .panel,
.single-trade .detail__price .panel,
.single-lease .detail__price .panel {
width: 75px;
height: 38px;
font-size: 15px;
line-height: 36px;
}
.single-open_house .detail__price p,
.single-trade .detail__price p,
.single-lease .detail__price p {
font-size: 18px;
margin-left: 10px;
}
.single-open_house .detail__infos,
.single-trade .detail__infos,
.single-lease .detail__infos {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.single-open_house .detail__info,
.single-trade .detail__info,
.single-lease .detail__info {
width: 100%;
margin-bottom: 7px;
}
.single-open_house .detail__info dt,
.single-trade .detail__info dt,
.single-lease .detail__info dt {
font-size: 11px;
}
.single-open_house .detail__info dd,
.single-trade .detail__info dd,
.single-lease .detail__info dd {
margin-left: 4px;
font-size: 13px;
}
.single-open_house .detail__point,
.single-trade .detail__point,
.single-lease .detail__point {
margin-top: 10px;
font-size: 12px;
}
.single-open_house .detail__point .panel,
.single-trade .detail__point .panel,
.single-lease .detail__point .panel {
-webkit-box-flex: 0;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
width: 75px;
height: 64px;
line-height: 62px;
}
.single-open_house .detail__point .meta,
.single-trade .detail__point .meta,
.single-lease .detail__point .meta {
padding-left: 16px;
padding-right: 5px;
}
.single-open_house .detail__point .meta p + p,
.single-trade .detail__point .meta p + p,
.single-lease .detail__point .meta p + p {
margin-top: 8px;
}
.single-open_house .detail__imgs,
.single-trade .detail__imgs,
.single-lease .detail__imgs {
margin-top: 30px;
}
.single-open_house .detail__imgs.pc-l,
.single-trade .detail__imgs.pc-l,
.single-lease .detail__imgs.pc-l {
display: none;
}
.single-open_house .detail__imgs.sp-l,
.single-trade .detail__imgs.sp-l,
.single-lease .detail__imgs.sp-l {
display: block;
}
.single-open_house .detail__img,
.single-trade .detail__img,
.single-lease .detail__img {
display: block;
width: auto;
margin-bottom: 0;
margin-left: 5px;
}
.single-open_house .vr,
.single-trade .vr,
.single-lease .vr {
margin-top: 20px;
}
.single-open_house .vr__contents,
.single-trade .vr__contents,
.single-lease .vr__contents {
margin-top: 10px;
}
.single-open_house .vr-link,
.single-trade .vr-link,
.single-lease .vr-link {
margin-top: 20px;
width: 187px;
height: 45px;
font-size: 12px;
line-height: 43px;
}
.single-open_house .data,
.single-trade .data,
.single-lease .data {
margin-top: 20px;
}
.single-open_house .data__contents,
.single-trade .data__contents,
.single-lease .data__contents {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 10px;
}
.single-open_house .data__content,
.single-trade .data__content,
.single-lease .data__content {
width: 100%;
height: 45px;
font-size: 12px;
}
.single-open_house .data__content dt,
.single-trade .data__content dt,
.single-lease .data__content dt {
width: 28%;
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
font-size: 12px;
padding: 0 6px;
line-height: 1.1;
}
.single-open_house .data__content dd,
.single-trade .data__content dd,
.single-lease .data__content dd {
padding: 0 6px;
font-size: 12px;
}
.single-open_house .data__content.other dt,
.single-trade .data__content.other dt,
.single-lease .data__content.other dt {
width: 28%;
-webkit-box-flex: 0;
-ms-flex: 0 0 28%;
flex: 0 0 28%;
}
.single-open_house .access,
.single-trade .access,
.single-lease .access {
margin-top: 20px;
}
.single-open_house .access .map,
.single-trade .access .map,
.single-lease .access .map {
margin-top: 10px;
}
} .modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 50;
}
.modal__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.9);
z-index: 51;
}
.modal__img-wrap {
width: 50%;
overflow: hidden;
}
.modal__img {
position: relative;
width: 100%;
padding-top: 75%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: 52;
}
.modal__close {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
position: absolute;
top: 0;
right: 0;
width: 55px;
height: 55px;
background-color: rgba(255, 255, 255, 0.9);
font-size: 36px;
line-height: 50px;
text-align: center;
border: none;
outline: none;
z-index: 53;
cursor: pointer;
}
@media screen and (max-width: 1199px) {
.modal__img-wrap {
width: 75%;
}
}
@media screen and (max-width: 758px) {
.modal__close {
position: fixed;
width: 55px !important;
height: 55px !important;
}
}