/*===============================================
●smart.css 画面の横幅が736px以下
===============================================*/
@media screen and (max-width: 736px){

.pc {display: none;}

body {
	font-size: 4vw;
	line-height: 1.5em;
	font-feature-settings : "palt";
}

#head {
	display: none;
}
.home .main {
	width: 100vw;
	overflow:hidden;
}
.home .main h1 {
	width: 100vw;
	height: 90vw;
	background: url(../images/fukurobara2_main_sp.jpg) center no-repeat;
	background-size: 100vw auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.home .main ul {
	width: 96%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.home .main ul .leaf1 {
	padding-top: 18vw;
	width: 25%;
	float: left;
	opacity: 0;
	transform: translate(-10vw, 1vw);
	transition: all 1s;
	transition-delay: 0.7s;
}
.home .main ul .leaf2 {
	padding-top: 20vw;
	width: 25%;
	float: right;
	opacity: 0;
	transform: translate(-10vw, 1vw);
	transition: all 1.5s;
	transition-delay: 0.9s;
}
.home .main ul .leaf1.effect {
	transform: scale(1.0) translate(0, 0);
	opacity: 1;
}
.home .main ul .leaf2.effect {
	transform: scale(1.0) translate(0, 0);
	opacity: 1;
}

.home .topmenu {
	margin: 0 auto 40px;
}
.home .topmenu p {
	text-align: center;
	margin: 8vw 0 5vw;
	font-size: 4.2vw;
	line-height: 2em;
}
.home .topmenu ul {
	width: 86vw;
	text-align: center;
	margin: auto;
	overflow: auto;
}
.home .topmenu ul li {
	padding: 3vw;
	width: 37vw;
	float: left;
}

.home #location {
	background: #E2EDD4;
	margin: 0px;
	padding: 15vw 0;
}
.home #location .inner {
	padding: 0px;
	margin: auto;
}
.home #location h2 {
	background: url(../images/h2-location.svg) center top no-repeat;
	background-size: auto 30vw;
	padding: 34vw 0 0;
	margin: auto;
	text-align: center;
	font-size: 4.2vw;
	line-height: 1.5em;
}
.home #location .tcopy {
	font-size: 5vw;
	line-height: 1.5em;
	text-align: center;
	margin: 7vw 0 10vw;
}
.home #location iframe {
	width: 100vw;
	height: 80vw;
}
.home #location .movie {
	margin: 0 7vw 7vw;
}
.home #location .movie h4 {
	text-align: center;
	font-size: 5vw;
	line-height: 12vw;
	background: #666;
	color: #FFF;
	margin: 0 0 2vw;
}
.home #location .gmapbot {
	margin: 5vw 15vw;
	display: block;
}

.home #location .slick-initialized .slick-slide {
	margin: 0 2vw;
	padding: 2vw;
	border-radius: 2vw;
	background: #F4F7EF;
}
.home #location .slick-initialized {
	margin: 0 2vw;
}
.home #location .slick-initialized h5 {
	font-size: 4vw;
	line-height: 1.2em;
	border-left: 6px solid #7FB14B;
	padding: 0 0 0 2vw;
	margin: 2vw 0 1vw;
}
.home #location .slick-initialized p {
	font-size: 3vw;
	line-height: 1.5em;
	font-feature-settings: "palt";
}

.home #location h3 {
	text-align: center;
	font-size: 5vw;
	font-weight: bold;
	line-height: 12vw;
	margin: 10vw 0 0;
}

.home #location .loclist {
	margin: 0 4vw 4vw;
}
.home #location .loclist dl {
	background: #F3F8EE;
	border-radius: 10px;
	padding: 3vw;
	margin: 7vw 0;
	font-size: 3.6vw;
	line-height: 2em;
}
.home #location .loclist dl h4 {
	border-bottom: 4px solid #000;
	padding: 0 0 1vw;
	font-size: 4.5vw;
	line-height: 1.5em;
	text-align: center;
}
.home #location .loclist dl dt {
	float: left;
	padding: 2vw 0;
}
.home #location .loclist dl dd {
	text-align: right;
	border-bottom: 1px solid #000;
	padding: 2vw 0;
}
.home #location .loclist dl dt.rule {
	float: none;
	padding: 2vw 0 0;
}
.home #location .loclist dl dd.rule {
	clear: left;
	padding: 0 0 2vw;
	position: relative;
	display: flex;
	align-items: center; /* 垂直中心 */
	justify-content: flex-end; /* 水平中心 */
}
.home #location .loclist dl dd.rule:before {
  border-top: 1px solid #999;
  content: " ";
  width: 33vw; /* 線の長さ */
}
.home #location .loclist dl dd.rule.long:before {
  width: 6vw; /* 線の長さ */
}
.home #location .loclist dl dd.rule:before {
  margin-right: 1em; /* 文字の右隣 */
}
.home #location .loclist p {
	margin: 4vw;
	font-size: 3.5vw;
	line-height: 1.5em;
}

.home .cptbot {
	margin: 10vw 15vw 0;
}


.home #access {
	background: #FBE7E6;
	margin: 0px;
	padding: 10vw 0;
	position: relative;
}
.home #access h2 {
	background: url(../images/h2-access.svg) center top no-repeat;
	background-size: auto 30vw;
	padding: 34vw 0 0;
	margin: auto;
	text-align: center;
	font-size: 4.2vw;
	line-height: 1.5em;
}
.home #access .tcopy {
	font-size: 5vw;
	line-height: 1.5em;
	text-align: center;
	margin: 7vw 0 10vw;
}
.home #access ul {
	margin: 0 5vw;
}
.home #access ul li {
	margin: 0 0 5vw;
}
.home #access ul p {
	text-align: center;
	font-size: 4vw;
	line-height: 1.5em;
	padding: 0 0 10vw;
}
.home #access::after {
  content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  border-top: 7vw solid transparent;
  border-left: 50vw solid transparent;
  border-right: 50vw solid #FFF;
  border-bottom: 7vw solid #FFF;
}

.home .contact {
	position: relative;
	background: #FFF;
	margin: -3vw 0 0;
	padding: 0;
	z-index: 2;
}
.home .contact h2 {
	font-size: 5vw;
	line-height: 14vw;
	text-align: center;
	margin: 0 auto 7vw;
	background: #666666;
	color: #FFF;
}
.home .contact ul {
	width: 86vw;
	margin: 0 auto 3vw;
	overflow: auto;
}
.home .contact ul li {
	margin: 0 0 5vw;
}

.home #compartment {
	background: #FDF4E8;
	margin: 0px;
	padding: 10vw 0 0;
	position: relative;
	width: 100vw;
	overflow:hidden;
}
.home #compartment:after {
  content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: 0;
  border-top: 7vw solid transparent;
  border-left: 50vw solid #FFF;
  border-right: 50vw solid transparent;
  border-bottom: 7vw solid #FFF;
}
.home #compartment h2 {
	background: url(../images/h2-compartment.svg) center top no-repeat;
	background-size: auto 30vw;
	padding: 34vw 0 0;
	margin: auto;
	text-align: center;
	font-size: 4.2vw;
	line-height: 1.5em;
}
.home #compartment .tcopy {
	font-size: 5vw;
	line-height: 1.5em;
	text-align: center;
	margin: 7vw 0 10vw;
}
.home #compartment .map {
	display: block;
	padding: 0 7vw 0;
}
.home #compartment .map img {
	width: 100%;
}
.home #compartment .map .parcel-map {
	margin: 4vw 0;
}
.home #compartment .cjump {
	padding: 0;
	margin: 10vw 7vw;
	font-size: 0;
}
.home #compartment .cjump li:nth-child(1), .home #compartment .cjump li:nth-child(4), .home #compartment .cjump li:nth-child(7) {
	border-left: 1px solid #000;
}
.home #compartment .cjump li {
	border-right: 1px solid #000;
	display: inline-block;
	width: calc(33.3% - 4px);
	margin: 0 0 7vw;
}
.home #compartment .cjump li a {
	display: block;
	background: url(../images/cmptmt-jump-arrow.svg) center bottom no-repeat;
	background-size: 4vw auto;
	padding: 0 0 5vw;
	margin: auto;
	text-align: center;
	width: 100%;
	font-size: 8vw;
	font-weight: bold;
	line-height: 10vw;
	color: #E5AC53;
}

.home #compartment .items .item {
	padding: 7vw 7vw 12vw;
	position: relative;
}
.home #compartment .items .item:nth-child(odd) {
	background: #FFF;
	position: relative;
}
.home #compartment .items .item:nth-child(odd):before {
  content: '';
  display: block;
  position: absolute;
  left:0;
  top: 0;
  border-top: 12vw solid #FDF4E8;
  border-left: 50vw solid #FDF4E8;
  border-right: 50vw solid transparent; 
  border-bottom: 12vw solid transparent; 
}
.home #compartment .items .item:nth-child(odd):after {
  content: '';
  display: block;
  position: absolute;
  left:0;
  bottom: -24vw;
  border-top: 12vw solid #FFF;
  border-left: 50vw solid transparent;
  border-right: 50vw solid #FFF;
  border-bottom: 12vw solid transparent;
}
.home #compartment .items .item .summary {
	position: relative;
	margin: 0 auto 5vw;
	padding: 0 0 0 32vw;
	z-index: 10;
}
.home #compartment .items .item:nth-child(even) .summary {
	padding: 0 32vw 0 0;
}
.home #compartment .items .item .summary h3 {
	width: 26vw;
	margin: 0;
	position: absolute;
	top: 0vw;
	left: 0vw;
	z-index: 10;
}
.home #compartment .items .item:nth-child(even) .summary h3 {
	left: auto;
	right: 0vw;
	z-index: 10;
}
.home #compartment .items .item .summary .area {
	font-size: 3.8vw;
	line-height: 1.8em;
	border-bottom: 1px solid #000;
	padding: 0 0 2.5vw;
}
.home #compartment .items .item .summary h4 {
	font-weight: bold;
	font-size: 5vw;
	line-height: 2em;
}
.home #compartment .items .item .summary .price {
	font-weight: bold;
	font-size: 10vw;
	line-height: 1.5em;
	margin: -4.5vw 0 0;
}
.home #compartment .items .item .summary .price span {
	font-weight: nomal;
	font-size: 4.5vw;
	line-height: 1.5em;
	padding: 0 0 0;
}
.home #compartment .items .item .summary .tax {
	font-size: 3vw;
	line-height: 1.5em;
}
.home #compartment .items .item .pimg {
	display: block;
	width: 100%;
	margin: 5vw auto;
}
.home #compartment .items .item .plan {
	position: relative;
	padding: 14vw 0 5vw;
	margin: auto;
}
.home #compartment .items .item .plan ul {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 52vw;
	margin: auto;
	font-size: 0;
}
.home #compartment .items .item .plan ul li {
	width: 26vw;
	background: #999;
	color: #FFF;
	font-size: 5vw;
	font-weight: bold;
	line-height: 9.5vw;
	display: inline-block;
	text-align: center;
	border-radius: 0 2vw 2vw 0;
}
.home #compartment .items .item .plan ul li.active {
	background: #000;
}
.home #compartment .items .item .plan ul li:nth-child(1) {
	border-radius: 2vw 0 0 2vw;
}
.home #compartment .items .item .point {
	margin: 0;
}
.home #compartment .items .item .point ul {
	margin: 2vw 0 0;
}
.home #compartment .items .item .point ul li {
	background: url(../images/cmptmt-icon-walk.svg) left center no-repeat;
	background-size: 11vw;
}
.home #compartment .items .item .point ul li.hanger {
	background: url(../images/cmptmt-icon-hanger.svg) left center no-repeat;
	background-size: 12vw;
}
.home #compartment .items .item .point ul li.house {
	background: url(../images/cmptmt-icon-house.svg) left center no-repeat;
	background-size: 12vw;
}
.home #compartment .items .item .point ul li.car {
	background: url(../images/cmptmt-icon-car.svg) left center no-repeat;
	background-size: 12vw;
}
.home #compartment .items .item .point ul li.desk {
	background: url(../images/cmptmt-icon-desk.svg) left center no-repeat;
	background-size: 12vw;
}
.home #compartment .items .item .point ul li.sun {
	background: url(../images/cmptmt-icon-sun.svg) left center no-repeat;
	background-size: 12vw;
}
.home #compartment .items .item .point ul li span {
	display: table-cell;
	vertical-align: middle;
	padding: 2vw 0 2vw 15vw;
	font-size: 4.8vw;
	line-height: 6vw;
	height: 12vw;
}
.home #compartment .items .item .notes {
	margin: 4vw auto 0;
	font-size: 3vw;
	line-height: 1.5em;
	font-feature-settings: "palt";
	text-align: justify;
}
.home #compartment .items button{
        background-color: transparent;
        border: none;
        cursor: pointer;
        outline: none;
        padding: 0;
        appearance: none;

        display: block;
        font-weight: bold;
        font-size: 4.2vw;
        line-height: 12vw;
        padding: 0 6vw;
        margin: 6vw auto 1vw;
        background: #347753;
        color: #FFF;
        border-radius: 3vw;
}
.home #compartment .items #popover {
	max-width: 94%;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent;
  text-align: right;
  pointer-events: none;
}
#popover::backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
.home #compartment .items #popover .close {
	color: #FFF;
	font-size: 6vw;
	line-height: 8vw;
	cursor: pointer;
}
.home #compartment .items #popover img {
	max-height: calc(95dvh - 8vw);
}
.home #compartment .items img {
	pointer-events: auto;
}
.home #compartment .cmptmt-top-bot {
	width: 50px;
	display: block;
	position: fixed;
	top: 300px;
	top: calc(50vh - 56px);
	right: 0;
	z-index: 100;
	transition: all 500ms 0s ease-out;
	opacity: 0;
}

.home #compartment .items .item .plabel {
	margin: 4vw auto 0;
}

.home #outline {
	padding: 7vw 7vw;
	margin: auto;
	background: #E8EFD9;
}
.home #outline h2 {
	background: url(../images/h2-outline.svg) center top no-repeat;
	background-size: auto 30vw;
	padding: 34vw 0 0;
	margin: auto;
	text-align: center;
	font-size: 4.2vw;
	line-height: 1.5em;
}
.home #outline dl {
	font-size: 4vw;
	line-height: 1.5em;
	background: #FFF;
}
.home #outline dl h3 {
	font-weight: bold;
	background: #E8EFD9;
	padding: 5vw 0 2vw;
}
.home #outline dl dt {
	font-weight: bold;
	padding: 0 2vw 0;
	margin:  2vw 0 1vw 3vw;
	border-left: 1.6vw solid #7FB14B;
}
.home #outline dl dd {
	padding: 0 3vw 2vw;
	border-bottom: 2px solid #E8EFD9;
	background: #FFF;
}
.home #outline dl p {
	padding: 3vw 0 0;
	text-align: right;
	background: #E8EFD9;
}

#foot {
	text-align: center;
	padding: 7vw 0 ;
	font-size: 3.3vw;
	line-height: 1.5em;
}
#foot .logo {
	display: block;
	margin: 0 auto 4vw;
}
#foot a {
	color: #000;
}
#copyright {
	background: #7FB14B;
	text-align: center;
	font-size: 2.7vw;
	line-height: 10vw;
	color: #FFF;
	padding: 0 0 0vw;
}

.jumpgmap {
	display: block;
	position: fixed;
	z-index: 100;
	right: 2.5vw;
	bottom: 17vw;
	width: 27vw;
	transition: all .5s;
}
.jumpgmap.effect {
	bottom: 34vw;
}
.backtotop {
	display: block;
	position: fixed;
	z-index: 100;
	right: 4vw;
	bottom: 17vw;
	width: 26vw;
}

.bfix {
	height: 12vw;
}
.bfix.effect {
	position: relative;
}
.bfix.effect #fix-menu {
	position: absolute;
	bottom: 0;
	z-index: 0;
}
.bfix.effect #fix-menu.open {
	height: 43vw;
	border-bottom: 1vw solid #000;
}
#fix-menu {
	height: 12vw;
	width: 100vw;
	position: fixed;
	bottom: 0;
	overflow: hidden;
	transition: all .5s;
	z-index: 101;
}
#fix-menu.effect {
	position: relative;
}
#fix-menu.open {
	height: 43vw;
}
#fix-menu .fmenu-btn {
	width: 100vw;
}
#fix-menu .fmenu-btn .closebot {
	position: absolute;
	top: 0;
	width: 100vw;
	opacity: 0;
}
#fix-menu.open .fmenu-btn .closebot {
	opacity: 1;
}
#fix-menu ul {
	font-size: 0;
}
#fix-menu ul li {
	display: inline-block;
	width: 32.6vw;
	border-left: 1vw solid #000;
}
#fix-menu ul li:nth-child(1) {
	border-left: none;
}

.drawer--right .drawer-hamburger {
	background-color: rgba(255,255,255,0.7)!important;
	border-radius: 7px;
}
.drawer--right.drawer-open .drawer-hamburger {
	right: 0!important;
}
.drawer-menu {
	margin: 62px 0 0!important;
	border-top: 1px solid #EEE;
}
.drawer-menu li a {
	display: block;
	padding: 3vw 4vw;
	font-size: 4.5vw;
	line-height: 1.2em;
	color: #000;
	border-bottom: 1px solid #EEE;
}
.drawer-menu li.line a {
	padding: 3vw 4vw 3vw 14vw;
	background: url(../images/spmenu-line.svg) left 4vw center no-repeat;
	background-size: 8vw auto;
}
.drawer-menu li.insta a {
	padding: 3vw 4vw 3vw 14vw;
	background: url(../images/spmenu-insta.svg) left 4vw center no-repeat;
	background-size: 8vw auto;
}
.drawer-menu li.sunhomes a {
	padding: 2vw 4vw;
}
.drawer-menu li.sunhomes a img {
	height: 8vw;
}
.drawer-menu li.btmmag {
	height: 62px;
}


.zoom {
	transform: scale(1.1);
	opacity: 0;
	transition: all 2s;
	transition-delay: 0s;
}
.zoom.effect {
	transform: scale(1);
	opacity: 1;
}
.fadeup {
	transform: translate(0, 3vw);
	opacity: 0;
	transition: all 1s;
}
.fadeup.effect {
	transform: translate(0, 0);
	opacity: 1;
}
.fadeupleft, .item:nth-child(odd) {
	transform: translate(-3vw, 3vw);
	opacity: 0;
	transition: all 1s;
}
.fadeupleft, .item:nth-child(even) {
	transform: translate(3vw, 3vw);
	opacity: 0;
	transition: all 1s;
}
.fadeupleft.effect, .item.effect {
	transform: translate(0, 0);
	opacity: 1;
}

#end {}
}