.fade .toShow {
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }
  .fade .toShow.show {
    opacity: 1;
    -webkit-transition-duration: 1.0s;
            transition-duration: 1.0s;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); }

header .mHeader {
  border-bottom: none; }

#main #mv ul {
	overflow: hidden; }
	#main #mv ul li {
	  position: relative; }
	  #main #mv ul li img {
		width: 100%; }
	  #main #mv ul li .caption {
		position: absolute;
		top: 50%;
		left: 12%;
		width: 500px;
		height: 278px;
		margin-top: -139px;
		padding: 25px 30px;
		box-sizing: border-box;
		color: #fff; }
		@media screen and (max-width: 766px) {
		  #main #mv ul li .caption {
			color: #000;
			background: #f2f2f2;
			position: static;
			top: auto;
			left: auto;
			width: 100%;
			height: auto;
			margin-top: 0;
			padding: 3% 0 10%; } }
		#main #mv ul li .caption .mBase {
		  width: auto; }
		  @media screen and (max-width: 766px) {
			#main #mv ul li .caption .mBase {
			  width: 93.75%; } }
		#main #mv ul li .caption .caption1 .update {
		  font-size: 1.6rem;
		  margin-bottom: 15px; }
		  @media screen and (max-width: 766px) {
			#main #mv ul li .caption .caption1 .update {
			  font-size: 0.8rem;
			  margin-bottom: 10px; } }
		  #main #mv ul li .caption .caption1 .update span {
			font-size: 0.8rem;
			margin-left: 5px; }
			@media screen and (max-width: 766px) {
			  #main #mv ul li .caption .caption1 .update span {
				font-size: 0.6rem;
				letter-spacing: 0.5px; } }
		#main #mv ul li .caption .caption1 .type {
		  margin-bottom: 5px; }
		  @media screen and (max-width: 766px) {
			#main #mv ul li .caption .caption1 .type {
			  margin-bottom: 0; } }
		  #main #mv ul li .caption .caption1 .type span {
			border: 1px solid #fff;
			font-size: 1.4rem;
			font-weight: bold;
			padding: 5px; }
			@media screen and (max-width: 766px) {
			  #main #mv ul li .caption .caption1 .type span {
				border-color: #000;
				font-size: 1.2rem; } }
		@media screen and (max-width: 766px) {
		  #main #mv ul li .caption .caption1 {
			float: left;
			width: 32%;
			margin-right: 5%; } }
		#main #mv ul li .caption .caption2 .copy {
		  font-size: 2.2rem;
		  font-weight: bold;
		  line-height: 1.5;
		  position: relative;
		  margin-bottom: 20px; }
		  @media screen and (max-width: 766px) {
			#main #mv ul li .caption .caption2 .copy {
			  font-size: 1.4rem;
			  margin-bottom: 0; } }
		  #main #mv ul li .caption .caption2 .copy:after {
			position: absolute;
			content: "";
			border-bottom: 1px solid #fff;
			bottom: -10px;
			left: 0;
			width: 20px; }
			@media screen and (max-width: 766px) {
			  #main #mv ul li .caption .caption2 .copy:after {
				display: none; } }
		#main #mv ul li .caption .caption2 .place {
		  font-size: 1.4rem; }
		  @media screen and (max-width: 766px) {
			#main #mv ul li .caption .caption2 .place {
			  font-size: 1.2rem; } }
		  #main #mv ul li .caption .caption2 .place * {
			font-weight: bold; }
		@media screen and (max-width: 766px) {
		  #main #mv ul li .caption .caption2 {
			float: left;
			width: 63%;
			padding-right: 5%;
			box-sizing: border-box;
			background: url(../images/common/arrow.svg) no-repeat right center;
			background-size: 11px auto; } }
		#main #mv ul li .caption .detailBt {
		  position: absolute;
		  bottom: 25px; }
		  #main #mv ul li .caption .detailBt a {
			width: 90px;
			display: block;
			font-size: 1.4rem;
			background: url(../images/common/arrow_right.png) no-repeat right center;
			text-decoration: none;
			color: #fff; }
		  @media screen and (max-width: 766px) {
			#main #mv ul li .caption .detailBt {
			  display: none; } }

#main #mv .bx-wrapper {
  margin-bottom: 0; }
  #main #mv .bx-wrapper .bx-pager {
    right: 20px;
    bottom: 15px;
    width: auto; }
    @media screen and (max-width: 766px) {
      #main #mv .bx-wrapper .bx-pager {
        right: auto;
        width: 100%; } }
    #main #mv .bx-wrapper .bx-pager.bx-default-pager a {
      background: rgba(0, 0, 0, 0.3);
      box-shadow: 0 0 0 1px inset;
      color: #fff; }
      #main #mv .bx-wrapper .bx-pager.bx-default-pager a.active {
        background: #fff;
        box-shadow: none; }

#main #areaSearch {
  border-bottom: 1px solid #bebebe;
  padding: 60px 0;
  text-align: center;
  position: relative;
  z-index: 100; }
  @media screen and (max-width: 766px) {
    #main #areaSearch {
      padding: 20px 0; } }
  #main #areaSearch .searchBlock .searchTitleLabel {
    display: inline-block;
    font-size: 1.8rem; }
    @media screen and (max-width: 766px) {
      #main #areaSearch .searchBlock .searchTitleLabel {
        display: block;
        font-size: 1.2rem;
        margin-bottom: 5px; } }
  #main #areaSearch .searchBlock .searchBox {
    width: 540px;
    display: inline-block;
    margin-left: 20px;
    position: relative; }
    @media screen and (max-width: 766px) {
      #main #areaSearch .searchBlock .searchBox {
        display: block;
        width: 80%;
        margin: 0 auto; } }
    #main #areaSearch .searchBlock .searchBox input.value {
      width: 100%;
      border: 1px solid #000;
      padding: 10px;
      font-size: 1.8rem;
      box-sizing: border-box; }
      @media screen and (max-width: 766px) {
        #main #areaSearch .searchBlock .searchBox input.value {
          font-size: 1.0rem; } }
    #main #areaSearch .searchBlock .searchBox .searchBt a {
      position: absolute;
      top: 10px;
      right: 20px;
      background: url(../images/common/icon_search.svg) no-repeat center center;
      width: 18px;
      height: 25px;
      text-indent: -9999px; }
      @media screen and (max-width: 766px) {
        #main #areaSearch .searchBlock .searchBox .searchBt a {
          background-size: 9px auto;
          top: 5px;
          right: 10px; } }
    #main #areaSearch .searchBlock .searchBox .searchArea {
      width: 100%;
      background: url(../images/top/arrow_search.png) no-repeat center top;
      padding-top: 10px;
      position: absolute;
      display: none; }
      #main #areaSearch .searchBlock .searchBox .searchArea.show {
        display: block; }
      #main #areaSearch .searchBlock .searchBox .searchArea .searchList {
        border: 2px solid #000;
        padding: 40px 28px 20px;
        background-color: #fff;
        box-sizing: border-box;
        position: relative; }
        @media screen and (max-width: 766px) {
          #main #areaSearch .searchBlock .searchBox .searchArea .searchList {
            padding: 5%; } }
        #main #areaSearch .searchBlock .searchBox .searchArea .searchList .close {
          position: absolute;
          top: 5px;
          right: 5px; }
          #main #areaSearch .searchBlock .searchBox .searchArea .searchList .close a {
            display: block;
            width: 40px;
            height: 40px;
            background: url(../images/common/icon_close2.png) no-repeat center center;
            text-indent: -9999px; }
            @media screen and (max-width: 766px) {
              #main #areaSearch .searchBlock .searchBox .searchArea .searchList .close a {
                width: 20px;
                height: 20px;
                background-size: 10px auto; } }
        #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul {
          font-size: 0; }
          #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul li {
            text-align: left;
            display: inline-block;
            vertical-align: top;
            width: 25%;
            margin-bottom: 10px; }
            @media screen and (max-width: 766px) {
              #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul li {
                width: 50%; } }
            #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul li input {
              margin-right: 5px; }
              @media screen and (max-width: 766px) {
                #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul li input {
                  width: 10%; } }
            #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul li label {
              font-size: 1.4rem; }
              @media screen and (max-width: 766px) {
                #main #areaSearch .searchBlock .searchBox .searchArea .searchList ul li label {
                  width: 80%; } }

#main .listStyle {
  padding-top: 50px; }
  @media screen and (max-width: 766px) {
    #main .listStyle {
      padding-top: 20px; } }
  #main .listStyle .mTitle {
    -webkit-transition-delay: 0s;
            transition-delay: 0s; }
  #main .listStyle .contents {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
  #main .listStyle#recommend {
    padding-bottom: 100px; }
    #main .listStyle#recommend .mBase {
      text-align: center; }
    @media screen and (max-width: 766px) {
      #main .listStyle#recommend {
        padding-bottom: 20px; }
      #main #recommend li.mProperty {
        margin-bottom: 0; }
      #main #recommend li.mProperty a .imgWrap {
        width: 100%;
        float: none; } }
      #main .listStyle#recommend .contents .mBase .comingsoon {
        text-align: center;
        padding: 90px 0;
        font-size: 1.4rem;
        opacity: 0.5; }
        @media screen and (max-width: 766px) {
          #main .listStyle#recommend .contents .mBase .comingsoon {
            padding: 45px 0;
            font-size: 1.0rem; } }
  #main .listStyle .contents {
    position: relative; }
    #main .listStyle .contents ul {
      font-size: 0; }
  @media screen and (max-width: 766px) {
    #main .listStyle {
      border-bottom: 1px solid #bebebe; } }

#main #about {
  padding-top: 50px;
  background-color: #f3f3f3;
  text-align: center;
  border-bottom: 1px solid #fff; }
  @media screen and (max-width: 766px) {
    #main #about {
      padding-top: 20px;
      border-bottom: none; } }
  #main #about .en {
    margin-bottom: 15px; }
  #main #about p {
    font-weight: normal;
    letter-spacing: 2px; }
    #main #about p.sub {
      font-weight: normal; }
  #main #about .copy {
    font-size: 2.8rem;
    margin-bottom: 45px;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
    @media screen and (max-width: 766px) {
      #main #about .copy {
        font-size: 1.4rem;
        margin-bottom: 25px; } }
  #main #about .img {
    margin-bottom: 20px;
    -webkit-transition-delay: 1s;
            transition-delay: 1s; }
    @media screen and (max-width: 766px) {
      #main #about .img {
        width: 72%;
        margin: 0 auto 20px; }
        #main #about .img img {
          width: 100%; } }
  #main #about .txt {
    font-size: 2.0rem;
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s; }
    @media screen and (max-width: 766px) {
      #main #about .txt {
        font-size: 1.2rem; } }
  #main #about .points {
    margin-top: 150px;
    background-color: #e5e5e5; }
    @media screen and (max-width: 766px) {
      #main #about .points {
        margin-top: 70px; } }
    @media screen and (max-width: 766px) {
      #main #about .points .mBase {
        width: 100%; } }
    #main #about .points ul {
      display: table;
      table-layout: fixed;
      width: 100%; }
      @media screen and (max-width: 766px) {
        #main #about .points ul {
          display: block;
          table-layout: auto; } }
      #main #about .points ul li {
        display: table-cell;
        padding: 0 5%;
        border-right: 1px solid #fff;
        text-align: left;
        font-size: 2.0rem; }
        @media screen and (max-width: 766px) {
          #main #about .points ul li {
            display: block;
            border-right: none;
            border-bottom: 1px solid #fff; }
            #main #about .points ul li:last-child {
              border-bottom: none; } }
        #main #about .points ul li:first-child {
          border-left: 1px solid #fff; }
          @media screen and (max-width: 766px) {
            #main #about .points ul li:first-child {
              border-left: none; } }
        #main #about .points ul li.point1 {
          -webkit-transition-delay: 2.0s;
                  transition-delay: 2.0s; }
        #main #about .points ul li.point2 {
          -webkit-transition-delay: 2.25s;
                  transition-delay: 2.25s; }
        #main #about .points ul li.point3 {
          -webkit-transition-delay: 2.5s;
                  transition-delay: 2.5s; }
        #main #about .points ul li .inner {
          position: relative;
          padding: 30% 0 25%; }
          @media screen and (max-width: 766px) {
            #main #about .points ul li .inner {
              padding: 10% 0; } }
          #main #about .points ul li .inner .pointTitle {
            position: absolute;
            top: -40px;
            left: 0;
            text-align: center;
            line-height: 1.2; }
            @media screen and (max-width: 766px) {
              #main #about .points ul li .inner .pointTitle {
                top: -30px; } }
            #main #about .points ul li .inner .pointTitle .ttl {
              font-size: 1.4rem; }
              @media screen and (max-width: 766px) {
                #main #about .points ul li .inner .pointTitle .ttl {
                  font-size: 0.8rem; } }
            #main #about .points ul li .inner .pointTitle .num {
              font-size: 4.2rem; }
              @media screen and (max-width: 766px) {
                #main #about .points ul li .inner .pointTitle .num {
                  font-size: 2.1rem; } }
          #main #about .points ul li .inner .txt {
            letter-spacing: 2px; }
            @media screen and (max-width: 766px) {
              #main #about .points ul li .inner .txt {
                margin: 0 auto;
                padding-left: 25%; } }

#main #information .list {
  float: left;
  width: 44%;
  background-color: #f3f3f3;
  padding: 4% 6% 6% 6%;
  box-sizing: border-box;
  position: relative; }
  @media screen and (max-width: 766px) {
    #main #information .list {
      float: none;
      width: 100%;
      padding: 20px 0; } }
  #main #information .list .mTitle {
    text-align: left;
    background-position: center left;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 70px;
    margin-bottom: 15px; }
    @media screen and (max-width: 766px) {
      #main #information .list .mTitle {
        text-align: center;
        padding-top: 35px;
        padding-bottom: 15px;
        padding-left: 0;
        margin-bottom: 0;
        background-position: center top; } }
  #main #information .list dl {
    font-size: 1.4rem;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s; }
    @media screen and (max-width: 766px) {
      #main #information .list dl {
        width: 88%;
        margin: 0 auto 10px;
        font-size: 1.2rem; } }
    #main #information .list dl dd {
      margin-bottom: 15px; }
      #main #information .list dl dd:last-child {
        margin-bottom: 0; }

#main #information .like {
  float: right;
  width: 56%;
  text-align: center;
  padding-top: 100px; }
  @media screen and (max-width: 766px) {
    #main #information .like {
      float: none;
      width: 100%;
      padding: 15px 0; } }

.mSearchBt {
  left: -54px;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: left;
  transition-property: left; }
  @media screen and (max-width: 766px) {
    .mSearchBt {
      left: 10px; } }
  .mSearchBt.show {
    left: 0; }
    @media screen and (max-width: 766px) {
      .mSearchBt.show {
        left: 10px; } }

.mSearch {
  height: 100%; }
  .mSearch .mSearchMain {
    background: #fff;
    position: fixed; }
    @media screen and (max-width: 766px) {
      .mSearch .mSearchMain {
        position: relative; } }
    .mSearch .mSearchMain .inner {
      position: relative;
      height: 100%; }
      @media screen and (min-width: 767px) and (max-width: 979px) {
        .mSearch .mSearchMain .inner {
          margin-top: -365px; } }
      @media screen and (max-width: 766px) {
        .mSearch .mSearchMain .inner {
          top: auto;
          margin-top: 0; } }
      .mSearch .mSearchMain .inner .selectArea {
        margin-bottom: 60px; }
        .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.line {
          font-size: 0; }
          .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.line dd {
            width: 32%;
            display: inline-block;
            margin-right: 2%; }
            .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.line dd:last-child {
              margin-right: 0; }
            @media screen and (min-width: 767px) and (max-width: 979px) {
              .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.line dd {
                width: 100%;
                display: block;
                margin-right: 0;
                margin-bottom: 2%; } }
            @media screen and (max-width: 766px) {
              .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.line dd {
                width: 100%;
                display: block;
                margin-right: 0;
                margin-bottom: 2%; } }
        .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.slider dt {
          display: inline-block;
          margin-right: 10px; }
        .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.slider dd {
          display: inline-block; }
          .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.slider dd input.price {
            font-size: 1.2rem; }
        @media screen and (max-width: 766px) {
          .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.design {
            padding-bottom: 10px;
            border-bottom: 1px solid #d5d5d5; } }
        @media screen and (max-width: 766px) {
          .mSearch .mSearchMain .inner .selectArea .conditions ul li dl.fixate {
            padding-top: 10px; } }
        .mSearch .mSearchMain .inner .selectArea .conditions ul li dl dd.select .searchList {
          right: -360px; }
          @media screen and (min-width: 767px) and (max-width: 979px) {
            .mSearch .mSearchMain .inner .selectArea .conditions ul li dl dd.select .searchList {
              top: 30px;
              left: 0;
              right: auto;
              width: 100%;
              box-sizing: border-box; } }
          @media screen and (min-width: 767px) and (max-width: 979px) {
            .mSearch .mSearchMain .inner .selectArea .conditions ul li dl dd.select .searchList:after {
              width: 100%;
              left: 0;
              top: -13px;
              background-image: url(../images/common/arrow_up.png);
              background-position: center top; } }
      .mSearch .mSearchMain .inner .btArea .resetBt {
        position: absolute;
        right: 0;
        bottom: 0; }
        @media screen and (max-width: 766px) {
          .mSearch .mSearchMain .inner .btArea .resetBt {
            position: static; } }

.mFavoriteWrap .mFavoriteContents .mFavoriteBt {
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-property: right;
  transition-property: right;
  right: -40px; }
  @media screen and (max-width: 766px) {
    .mFavoriteWrap .mFavoriteContents .mFavoriteBt {
      right: -40px; } }
  .mFavoriteWrap .mFavoriteContents .mFavoriteBt.show {
    right: 0; }