@charset "utf-8";
/* ===================================================================
CSS information

 file name  : sp.css
 style info : スマートフォン用
=================================================================== */

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

/* -----------------------------------------------------------
    物件情報詳細
----------------------------------------------------------- */
.property_detail main #container #box #detail_box .main_contents h2 {
  font-size: 30px;
  font-size: 3.0rem;
}

.property_detail main #container #box #detail_box .main_contents h2 b {
  color: #ffffff;
  font-size: 17px;
  font-size: 1.7rem;
}

}

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

/* -----------------------------------------------------------
    toggle-panel
----------------------------------------------------------- */
#panel-btn {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 40%;
	right: 5%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1000;
}

#panel-btn:after {
	content: "MENU";
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0.9rem;
	font-weight: bolder;
	color: #0b3c5d;
	letter-spacing: 0.15em;
}

.open #panel-btn:after {
	content: "CLOSE";
	position: absolute;
	bottom: -1.5em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 0.9rem;
	font-weight: bolder;
	color: #ffffff;
	letter-spacing: 0.15em;
}

#panel-btn:hover {
	opacity: 1;
}

#panel-btn-icon {
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 2px;
	margin: -1px 0 0 -7px;
	background: #454545;
	transition: .2s;
}

#panel-btn-icon:before,
#panel-btn-icon:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 2px;
	margin-left: 0;
	background: #3f3a39;
	transition: .3s;
}

#panel-btn-icon:before {
	margin-top: -10px;
}

#panel-btn-icon:after {
	margin-top: 8px;
}

#panel-btn .close {
	background: transparent;
}

#panel-btn .close:before,
#panel-btn .close:after {
	margin-top: 0;
	background: #ffffff;
}

#panel-btn .close:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#panel-btn .close:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

#gNav {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	color: #ffffff;
	background: rgba(0,0,0,.9);
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
	visibility: hidden;
    opacity: 0;
	z-index: 999;
	padding: 10%;
}

.open #gNav {
	-webkit-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

#gNav a:link,
#gNav a:visited,
#gNav a:hover,
#gNav a:active {
	color: #ffffff;
}

/* -----------------------------------------------------------
    header
----------------------------------------------------------- */
header .wrapper > .flexWrapper {
    padding: 6.25% 0;
}

header .sub_nav {
    display: none;
}

header > nav {
    border-top: none;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

header > nav > ul {
    margin: 0;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
	flex-direction: column;
	-webkit-flex-direction: column;
    border-left: none;
}

header > nav > ul li {
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    text-align: center;
    border-right: none;
	margin: 10% 0 0;
}

header > nav > ul li:first-child {
	margin: 0;
}

header > nav > ul li a {
    font-size: 1.5rem;
    line-height: 1.5;
    padding:  0;
}

header > nav > ul li a span {
    font-size: 1.0rem;
    line-height: 1;
    margin-top: 2%;
}

header > nav > ul li a.current {
    background: none;
}

header > nav > ul li a.current span {
    color: #328cc1;
}

header > nav > ul li a:hover {
    background: none;
}

.heading {
    padding: 0;
	margin: 0;
}

.heading h1 {
    padding: 20px 0 20px 0;
}

.heading h1 span:nth-child(2) {
    margin: 0;
}

#breadcrumbs {
    display:  none;
}

.clm {
    display: block;
}

.btn {
    font-size: 12px;
    font-size: 1.2rem;
}

.property_list main #container #box #under_sale .main_contents .under_sale_box {
    display: block;
	width: 100%;
}

.property_list main #container #box #under_sale .main_contents .under_sale_box > div {
  width: 100%;
  margin-top: 5vw;
  margin-left: 0;
}

.property_list main #container #box #under_sale .main_contents .under_sale_box > div:nth-of-type(-n+3) {
  margin-top: 5vw;
}

.property_list main #container #box #under_sale .main_contents .under_sale_box > div:nth-of-type(1) {
  margin-top: 0;
}

.property_list .main_contents {
  overflow-x: auto;
}

.property_list .main_contents table {
  width: 500px !important;
}

.headerBox > h1 {
  display: block;
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 20px;
}

/* 物件詳細
----------------------------------------------------------- */
.property_detail main #container #box #detail_box .main_contents .comment {
  margin-top: 5vw;
  padding: 0 0 5vw !important;
}

.property_detail main #container #box #detail_box .main_contents h2 {
  font-size: 2.2rem;
  margin-bottom: 30px;
  display: block;
}

.property_detail main #container #box #detail_box .main_contents h2 span {
  display: block;
  font-size: 1.4rem;
  text-align: center;
  width: 140px;
  margin-bottom: 16px;
  padding: 4px 10px;
}

.property_detail main #container #box #detail_box .main_contents h2 b {
  display: inline-block;
  margin-left: 0;
  margin-top: 1vw;;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .catch > div .notes {
  font-size: 1.5rem;
  letter-spacing: 0.01em;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize {
  top: -6vw;
  left: -4vw;
  width: 85px;
  height: 85px;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize span:nth-of-type(1) {
  font-size: 1.5rem;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize span:nth-of-type(2) {
  font-size: 1.2rem;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize span:nth-of-type(3) {
  font-size: 1.2rem;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize.otoriminami span:nth-of-type(1),
.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize.otoriminami span:nth-of-type(2) {
  font-size: 1.3rem;
  letter-spacing: 0.01em;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .emphasize.otoriminami span:nth-of-type(3) {
  font-size: 1.2rem;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .catch > div h3 {
  font-size: 1.6rem;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .catch > div h3 > b {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .catch > div h3 > b:nth-of-type(2) {
  font-size: 1.2rem;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .catch > div h4 {
  /* font-size: 1.3rem; */
  font-size: 1.8rem;
  /* margin-bottom: 20px; */
  margin-bottom: 10px;
}

.property_detail main #container #box #detail_box .main_contents .detail_main_img .catch > div h4 b:nth-of-type(2) {
  font-size: 1.3rem;
}

.property_detail main #container #box #detail_box .main_contents .main_layout {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents ul.nearest {
  font-size: 1.6rem;
  line-height: 28px;
}

.property_detail main #container #box #detail_box .main_contents .main_layout li {
  width: 100%;
  margin-bottom: 50px;
}

.property_detail main #container #box #detail_box .main_contents ul.nearest li span {
  color: #b80003;
  font-size: 2.0rem;
}

.property_detail main #container #box #detail_box .main_contents .main_layout li .price_layout {
  display: block;
  padding: 20px;
  margin: 20px 0 0;
}

.property_detail main #container #box #detail_box .main_contents .main_layout li .price_layout p:nth-of-type(2) {
  font-size: 2.4rem;
  margin: 0;
}

.property_detail main #container #box #detail_box .main_contents .main_layout li .price_layout p:nth-of-type(2) small {
  font-size: 2.0rem;
}

/*.property_detail main #container #box #detail_box .main_contents > .price_box ul:nth-child(1) {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents > .price_box ul:nth-child(1) li:nth-child(2) {
  font-size: 2.4rem;
  line-height: 28px;
  margin-left: 0px;
  margin-top: 14px;
}*/

.property_detail main #container #box #detail_box .main_contents .price_box {
  padding: 20px;
}

.property_detail main #container #box #detail_box .main_contents .price_box .price {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents .price_box .price li:not(:first-of-type) {
  margin-left: 0;
}

.property_detail main #container #box #detail_box .main_contents .price_box .price li span {
  font-size: 2.4rem;
}

.property_detail main #container #box #detail_box .main_contents .price_box .price li small {
  font-size: 2.0rem;
}

.property_detail main #container #box #detail_box .main_contents .price_box .example {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents .price_box .example li:nth-child(2) {
  margin-top: 20px;
}

.property_detail main #container #box #detail_box .main_contents .price_box .example li:nth-child(1) {
  margin-right: 0;
}

.property_detail main #container #box #detail_box .main_contents .price_box .example li:nth-child(1) span {
  display: block;
  margin-right: 0;
  margin-bottom: 10px;
  text-align: center;
}

.property_detail main #container #box #detail_box .main_contents .price_box .example li:nth-child(2) span {
  display: inline-block;
  font-size: 2.4rem;
  margin-left: 0.25em;
}

.property_detail main #container #box #detail_box .main_contents .overview_box dl {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents .overview_box dl dt {
  width: 100%;
}

.bar_name {
  padding: 4px 0;
  font-size: 13px;
  font-size: 1.3rem;
}

.property_list main #container #box #next_sale .main_contents > div > span {
  padding: 10px 20px;
  background: #AB7B03;
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
}
.property_list main #container #box #next_sale .main_contents > div h2 {
  margin-left: 10px;
  font-size: 14px;
  font-size: 1.4rem;
  flex: 1 1;
  -webkit-flex: 1 1;
}

.property_detail main #container #box #detail_box .main_contents .main_layout li span {
  font-size: 2.0rem;
}

.property_detail main #container #box #detail_box .main_contents .overview_box h3 {
  font-size: 2.0rem;
}

.property_detail main #container #box #detail_box .main_contents .price_box .kakaku dl dd ul li:nth-of-type(1) > div:nth-of-type(1) span:nth-of-type(1) {
  font-size: 3.4rem;
}

.property_detail main #container #box #detail_box .main_contents .price_box .kakaku dl dd ul li:nth-of-type(1) > div:nth-of-type(1) span:nth-of-type(2) {
  font-size: 1.8rem;
}

.property_detail main #container #box #detail_box .main_contents .price_box .kakaku dl dd ul li:nth-of-type(1) > div:nth-of-type(1) b {
  display: block;
}

.property_detail main #container #box #detail_box .main_contents .price_box .kakaku.otoriminami dl dd ul li:nth-of-type(1) > div:nth-of-type(1) span:nth-of-type(3) {
  font-size: 3.4rem;
}

#sp_sub_nav {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-direction: column;
  -webkit-flex-direction: column;
  width: 100%;
}

#sp_sub_nav ul {
  margin: 10% 0 0;
}

#sp_sub_nav ul:nth-child(1) {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
}

#sp_sub_nav ul:nth-child(1) li {
  margin: 0 0 0 20px;
}

#sp_sub_nav ul:nth-child(1) li:first-child {
  margin: 0;
}

#sp_sub_nav ul:nth-child(1) li a {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  background: #ffffff;
  color: #333333;
  min-width: 150px;
  padding: 0.5em;
}

#sp_sub_nav ul:nth-child(1) li a:hover {
  background: #0b3c5d;
  color: #ffffff;
  opacity: 1;
}

#sp_sub_nav ul:nth-child(2) {
  font-size: 1.6rem;
}

#sp_sub_nav ul:nth-child(2) li {
  margin: 7% 0 0;
}

#sp_sub_nav ul:nth-child(2) li:first-child {
  margin: 0;
}

.accidental {
  padding-top: 0px;
}

section#main > ul {
    margin-top: 0px;
}

section#main > ul.slide_selector li {
    height: 42vh;
}
section#main > ul.slide_selector li:nth-child(1) {
	background-position: right;
}

section#main > ul.slide_selector li {
}

section#main > .mainBox .catchCopy > h1 {
    padding-top: 0px;
	font-size: 26px;
}

section#main > .mainBox {
	height: 53vh;
}

section#main > .mainBox .catchCopy > h1 {
    padding-top: 68px;
}

section#main > .mainBox .catchCopy > p {
    display: none;
}

section#main > .mainBox .catchCopy figure {
  width: 90vw;
}

section {
    margin-bottom: 40px;
}

.headerBox {
    height: 154px;
}

#housing_info .propertyBox {
    margin-bottom: 150px;
}

#housing_info .propertyBox > .flexWrapper > div > .announce {
  letter-spacing: 0.05em;
  margin-left: 2vw;
}

#housing_info .propertyBox:nth-child(1) > div:nth-child(1) {
    display: none;
	height: 100%;
}

#housing_info .propertyBox:nth-child(2) > div:nth-child(1) {
    display: none;
	height: 100%;
}

#housing_info .propertyBox:nth-child(3) > div:nth-child(1) {
    display: none;
	height: 100%;
}

#housing_info .propertyBox:nth-child(4) > div:nth-child(1) {
    display: none;
	height: 100%;
}

#housing_info .propertyBox:nth-child(1) > div:nth-child(2) {
    display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	padding: 30px;
}

#housing_info .propertyBox:nth-child(2) > div:nth-child(2) {
    display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

#housing_info .propertyBox:nth-child(3) > div:nth-child(2) {
    display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

#housing_info .propertyBox:nth-child(4) > div:nth-child(2) {
    display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
}

#housing_info .propertyBox > .flexWrapper > img {
    margin-left: 0px;
}

#housing_info .propertyBox > .flexWrapper > .btn_detail a {
    position: static;
	width: 100%;
}

.housing main #container #box .main_contents section {
    display: block;
}

.housing main #container #box .main_contents section > div:nth-child(1) {
    margin: 0;
}

.housing main #container #box .main_contents section > div:nth-child(1) p:nth-of-type(2) a {
    width: 100%;
}

.plan main #container #box .main_contents section:nth-of-type(2n+1) > div:nth-child(1) {
    margin: 0 0 20px 0;
}

.plan main #container #box .main_contents section > div:nth-child(1) {
    margin: 0 0 20px 0;
}

.plan main #container #box .main_contents section {
    display: block;
    margin: 5% 0 24px;
}

.plan main #container #box .main_contents section:first-of-type {
    margin: 5% 0 24px;
}

.plan main #container #box .main_contents .flow_box {
    display: block;
}

.plan main #container #box .main_contents .flow_box > div:nth-child(1) {
    margin: 0;
}

.plan main #container #box .main_contents .flow_box > div:nth-child(1) p:nth-of-type(2) a {
    width: 100%;
}

.facility main #container #box .main_contents section > div {
    display: block;
}

.facility main #container #box .main_contents section > div > div:nth-child(1) > div dl {
    display: block;
}

.facility main #container #box .main_contents section h2 {
    padding: 3.5%;
}

.facility main #container #box .main_contents section > div > div:nth-child(2) {
    margin-top: 20px;
}

.flow main #container #box .main_contents section {
    display: block;
	padding: 6%;
}

.flow main #container #box .main_contents section > div:nth-child(2) {
    margin-top: 20px;
}
/* ニュース&トピックス
----------------------------------------------------------- */
#news .flexWrapper > div:nth-child(2) dl {
    display: block;
}

#news .flexWrapper > div:nth-child(2) dl dt {
    margin-bottom: 14px;
}

/* -----------------------------------------------------------
    モデルハウス
----------------------------------------------------------- */
.model_house main #container #box .main_contents ul {
  gap: 20px;
}

.model_house main #container #box .main_contents ul li {
  width: 46.95%;
}
/* -----------------------------------------------------------
    footer
----------------------------------------------------------- */
.btn_contact {
    display: none;
}
footer > .flexWrapper {
    padding: 40px 20px;
	text-align: center;
}

footer > .flexWrapper dl {
    display: block;
	margin: 0 auto 30px;
}

footer > .flexWrapper dl dt {
    font-size: 17px;
}

footer > .flexWrapper dl dt, footer > .flexWrapper dl dd {
    margin-right: 0px;
}

footer > .flexWrapper dl dd ul {
    display: block;
}

footer > .flexWrapper dl dd ul li:nth-child(1)::after {
    content: none;
    margin: 0;
}

footer > .flexWrapper .footer_cBox ul {
    display: block;
}

footer > .flexWrapper .footer_cBox ul li {
	margin-bottom: 20px;
	margin-right: 0px;
}

footer > .flexWrapper .footer_cBox ul li:nth-child(1) {
	display: none;
}

footer .footer > .flexWrapper {
    display: block;
}

footer .footer > .flexWrapper ul {
	display: block;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

footer .footer .copyright {
		margin-top: 20px;
}

/* -----------------------------------------------------------
    .hd_01
----------------------------------------------------------- */
.hd_01 {
  font-size: 3.0rem;
	margin-top: 5vw;
}

.hd_01 span:after {
  background-color: #a49375;
	content: "";
	width: 100%;
	height: 5px;
}

/* -----------------------------------------------------------
    .tab
----------------------------------------------------------- */
.tab {
  font-size: 1.5rem;
}

.tab ul li {
  margin-left: 3vw;
}

.tab ul li a {
  flex-direction: column;
}

.tab ul li a span {
  xdisplay: block;
}

/* -----------------------------------------------------------
    ボックス
----------------------------------------------------------- */
.box {
  margin-top: 2vw;
}

.box01 p {
  font-size: 1.6rem;
}

}