@charset "UTF-8";
/* 変数宣言 */
/* 変数宣言 */
/* 変数宣言 */
/* 変数宣言 */
/* 変数宣言 */
/* 変数宣言 */
/* 変数宣言 */
/* 変数宣言 */
/*
サイズ用関数
$pixelsVw:フォントサイズ
$baseWidth:ベースとなる画面横幅
*/
@keyframes arrowDown {
  0% {
    opacity: 0;
    transform: translateY(0); }
  25% {
    opacity: 1; }
  75% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: translateY(20px); } }
body.home {
  padding-top: 0;
  /*mv*/
  /*openhouse END*/
  /*collection END*/ }
  body.home .bg-light {
    background-color: rgba(248, 249, 250, 0) !important; }
  body.home .hamburger__line {
    background-color: #FFFFFF; }
  body.home nav .top_logo {
    display: block; }
  body.home nav .common_logo {
    display: none; }
  body.home .mv {
    /*intro END*/
    /*topbn*/ }
    body.home .mv .intro {
      width: 100%;
      height: 100vh;
      margin-bottom: 3px;
      position: relative;
      overflow: hidden; }
      @media screen and (min-width: 1000px) {
        body.home .mv .intro {
          margin-bottom: 0; } }
      body.home .mv .intro .titleline {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-150%);
        z-index: 10; }
        @media screen and (min-width: 768px) {
          body.home .mv .intro .titleline {
            transform: translateY(-50%); } }
        body.home .mv .intro .titleline h2 {
          font-size: 5.333vw;
          /*20px*/
          color: #FFFFFF;
          font-family: 'Noto Serif JP', serif;
          margin: 0 auto 10px;
          text-align: center;
          line-height: 1;
          letter-spacing: 0.2em; }
          @media screen and (min-width: 1000px) {
            body.home .mv .intro .titleline h2 {
              font-size: 40px; } }
        body.home .mv .intro .titleline p {
          font-size: 3.2vw;
          /*12px*/
          color: #FFFFFF;
          font-family: 'Noto Serif JP', serif;
          margin: 0;
          line-height: 1.6;
          text-align: center;
          letter-spacing: 0.2em; }
          @media screen and (min-width: 1000px) {
            body.home .mv .intro .titleline p {
              font-size: 24px; } }
      body.home .mv .intro .slick01 {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100% !important;
        opacity: 0;
        transition: opacity .3s linear;
        pointer-events: none; }
        body.home .mv .intro .slick01.slick-initialized {
          opacity: 1; }
        body.home .mv .intro .slick01 .slick-list {
          height: 100%; }
          body.home .mv .intro .slick01 .slick-list .slick-track {
            height: 100%; }
            body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide {
              width: 100%;
              height: 100% !important; }
              @media screen and (max-width: 999px) {
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.imgmove img {
                  transition-delay: 0s;
                  transition: 35s; }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide01 img {
                  transform: translateX(0px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide01.imgmove img {
                  transform: translateX(-200px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide02 img {
                  transform: translateX(-450px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide02.imgmove img {
                  transform: translateX(-650px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide03 img {
                  transform: translateX(-450px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide03.imgmove img {
                  transform: translateX(-650px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide05 img {
                  transform: translateX(-400px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide05.imgmove img {
                  transform: translateX(-600px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide06 img {
                  transform: translateX(-500px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide06.imgmove img {
                  transform: translateX(-700px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide08 img {
                  transform: translateX(0px); }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.slide08.imgmove img {
                  transform: translateX(-200px); } }
              @media screen and (min-width: 1000px) {
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide.imgmove img {
                  transform: scale(1.5); } }
              body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img {
                top: 0;
                position: absolute;
                height: 100%;
                max-width: none; }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img.pc {
                  display: none; }
                  @media screen and (min-width: 768px) {
                    body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img.pc {
                      display: block; } }
                @media screen and (min-width: 768px) {
                  body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img.sp {
                    display: none; } }
                @media screen and (max-width: 999px) {
                  body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img {
                    transition: 5s;
                    transition-delay: 2s;
                    width: auto;
                    animation-timing-function: linear;
                    left: 0; } }
                @media screen and (min-width: 1000px) {
                  body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img {
                    transition: 50s;
                    object-fit: cover;
                    width: 100%;
                    animation-timing-function: linear; } }
                body.home .mv .intro .slick01 .slick-list .slick-track li.slick-slide img:hover {
                  transform: none;
                  cursor: default; }
      body.home .mv .intro .next_arrow {
        position: absolute;
        z-index: 10;
        left: 0;
        bottom: 30%;
        width: 100%; }
        @media screen and (min-width: 1000px) {
          body.home .mv .intro .next_arrow {
            display: none; } }
        body.home .mv .intro .next_arrow figure {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          margin: 0;
          text-align: center;
          animation-name: arrowDown;
          animation-duration: 2s;
          animation-timing-function: ease-out;
          animation-iteration-count: infinite; }
          body.home .mv .intro .next_arrow figure img {
            width: 8%; }
    body.home .mv #topbn .free {
      margin-bottom: 3px; }
  body.home .banner_freearea figure {
    width: 100%;
    margin: 5.333vw auto 0 !important;
    /*20px*/
    overflow: hidden; }
    @media screen and (min-width: 768px) {
      body.home .banner_freearea figure {
        width: 90%;
        max-width: 680px;
        margin-top: 2.857vw !important;
        /*40px*/ } }
    body.home .banner_freearea figure a img {
      width: 100%; }
      @media screen and (min-width: 768px) {
        body.home .banner_freearea figure a img:hover {
          transform: scale(1.02); } }
  body.home .openhouse {
    margin: 80px 0; }
    body.home .openhouse .element_wrap {
      font-size: 3.733vw;
      /*14px*/
      letter-spacing: 0.05rem; }
      @media screen and (min-width: 768px) {
        body.home .openhouse .element_wrap {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          width: 92%;
          margin: 0 auto;
          max-width: 800px;
          font-size: 1.823vw;
          /*14px*/ } }
      @media screen and (min-width: 800px) {
        body.home .openhouse .element_wrap {
          font-size: 14px; } }
      body.home .openhouse .element_wrap .element {
        width: 95%;
        margin: 0 auto;
        border: 1px solid rgba(0, 0, 0, 0.125);
        padding-bottom: 10px; }
        @media screen and (min-width: 768px) {
          body.home .openhouse .element_wrap .element {
            width: calc(50% - 10px); } }
        body.home .openhouse .element_wrap .element:not(:last-of-type) {
          margin-bottom: 20px; }
          @media screen and (min-width: 768px) {
            body.home .openhouse .element_wrap .element:not(:last-of-type) {
              margin-bottom: 0; } }
        body.home .openhouse .element_wrap .element > a {
          text-decoration: none;
          display: block;
          padding: 40px 0 5px; }
          body.home .openhouse .element_wrap .element > a .index {
            margin-bottom: 10px; }
            body.home .openhouse .element_wrap .element > a .index p {
              width: 95%;
              margin: 0 auto; }
              body.home .openhouse .element_wrap .element > a .index p:not(:last-of-type) {
                margin-bottom: 5px; }
              body.home .openhouse .element_wrap .element > a .index p span {
                color: #92866d;
                font-size: 1.3em; }
          body.home .openhouse .element_wrap .element > a .gakutop {
            background-color: #858B97;
            color: #FFFFFF;
            padding: 5px 10px; }
          body.home .openhouse .element_wrap .element > a .element_img img {
            object-fit: cover;
            width: 100%;
            height: 210px; }
          body.home .openhouse .element_wrap .element > a .details {
            padding: 20px 0 10px; }
            body.home .openhouse .element_wrap .element > a .details dl {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              margin: 0 auto;
              width: 90%; }
              body.home .openhouse .element_wrap .element > a .details dl dt {
                width: calc(20% - 5px);
                text-align: center;
                font-weight: normal; }
              body.home .openhouse .element_wrap .element > a .details dl dd {
                width: calc(80% - 5px); }
        body.home .openhouse .element_wrap .element .link {
          width: 95%;
          margin: 0 auto; }
          body.home .openhouse .element_wrap .element .link .link_wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between; }
            body.home .openhouse .element_wrap .element .link .link_wrap p {
              text-align: center;
              width: 67%;
              margin: 0 auto;
              /*margin: 0;
              width: calc(50% - 5px);
              text-align: center;*/
              /*a {
              	display: block;
              	color: #FFFFFF;
              	font-size: 15px;
              	padding: 15px 10px;
              	transition: 0.3s;
              	@include min-screen($breakpoint-768) {
              		&:hover {
              			color: #FFFFFF!important;
              			opacity: 0.6;
              		}
              	}
              }*/
              /*&:first-of-type {
              	a {
              		background-color: #92a584;
              		border: 1px solid #92a584;
              		letter-spacing: 0.2rem;
              	}
              }*/
              /*&:last-of-type {
              	a {
              		background-color: #343a40;
              		border: 1px solid #343a40;
              		letter-spacing: 0.05rem;
              	}
              }*/ }
              body.home .openhouse .element_wrap .element .link .link_wrap p a {
                letter-spacing: 0.05rem;
                font-size: 15px;
                padding: 15px 10px;
                color: #FFFFFF;
                background-color: #a49a7b;
                border: 1px solid #a49a7b;
                display: block;
                width: 100%;
                height: 100%;
                transition: 0.1s; }
                @media screen and (min-width: 768px) {
                  body.home .openhouse .element_wrap .element .link .link_wrap p a:hover {
                    color: #FFFFFF !important;
                    opacity: 0.6; } }
  body.home #collection {
    margin: 16vw 0 21.3333333333vw; }
    @media screen and (min-width: 768px) {
      body.home #collection {
        margin: 8.7719298246vw 0 7.0175438596vw; } }
    @media screen and (min-width: 992px) {
      body.home #collection {
        margin: 100px 0 80px; } }
    body.home #collection .title_line {
      margin: 0 auto 8vw; }
      @media screen and (min-width: 768px) {
        body.home #collection .title_line {
          margin: 0 auto 2.6315789474vw; } }
      @media screen and (min-width: 992px) {
        body.home #collection .title_line {
          margin: 0 auto 30px;
          max-width: 920px; } }
      @media screen and (min-width: 1200px) {
        body.home #collection .title_line {
          max-width: 1140px; } }
      body.home #collection .title_line p {
        font-size: 4.2666666667vw;
        color: #9e0000;
        line-height: 1em;
        margin-bottom: 2.6666666667vw;
        text-align: center;
        position: relative; }
        @media screen and (min-width: 768px) {
          body.home #collection .title_line p {
            font-size: 16px;
            margin-bottom: 1.7543859649vw;
            padding-left: 1.3157894737vw; } }
        @media screen and (min-width: 992px) {
          body.home #collection .title_line p {
            margin-bottom: 20px;
            padding-left: 15px;
            text-align: left; } }
        @media screen and (min-width: 768px) {
          body.home #collection .title_line p:after {
            content: '';
            display: block;
            position: absolute;
            left: -50%;
            top: 10px;
            bottom: 0;
            width: 50%;
            background-color: #c21b23;
            height: 1px; } }
      body.home #collection .title_line h3 {
        font-size: 6.4vw;
        text-align: center;
        letter-spacing: 0.8vw;
        font-family: 'Noto Serif JP', serif; }
        @media screen and (min-width: 768px) {
          body.home #collection .title_line h3 {
            font-size: 30px; } }
        @media screen and (min-width: 992px) {
          body.home #collection .title_line h3 {
            font-size: 40px;
            padding-left: 15px;
            text-align: left; } }
    body.home #collection .thumbnail {
      max-width: 1140px;
      margin: 0 auto; }
      body.home #collection .thumbnail figure {
        position: relative; }
        body.home #collection .thumbnail figure a img {
          width: 100%; }
          body.home #collection .thumbnail figure a img.img_pc {
            display: none; }
            @media screen and (min-width: 768px) {
              body.home #collection .thumbnail figure a img.img_pc {
                display: block; } }
          @media screen and (min-width: 768px) {
            body.home #collection .thumbnail figure a img.img_sp {
              display: none; } }
        body.home #collection .thumbnail figure:after {
          content: '';
          display: block;
          position: absolute;
          right: 5.3333333333vw;
          bottom: 3.4666666667vw;
          width: 4vw;
          height: 4vw;
          border: 2.1333333333vw solid;
          border-color: transparent transparent transparent #fff;
          transform: rotate(-220deg);
          z-index: 2; }
          @media screen and (min-width: 768px) {
            body.home #collection .thumbnail figure:after {
              right: 1.7543859649vw;
              bottom: 1.1403508772vw;
              width: 1.3157894737vw;
              height: 1.3157894737vw;
              border: 0.701754386vw solid;
              border-color: transparent transparent transparent #fff; } }
          @media screen and (min-width: 992px) {
            body.home #collection .thumbnail figure:after {
              right: 20px;
              bottom: 13px;
              width: 15px;
              height: 15px;
              border: 8px solid;
              border-color: transparent transparent transparent #fff; } }
        body.home #collection .thumbnail figure:before {
          content: '';
          display: block;
          position: absolute;
          bottom: 5.6vw;
          right: 6.6666666667vw;
          width: 8vw;
          height: 0.8vw;
          background-color: #FFFFFF;
          z-index: 2; }
          @media screen and (min-width: 768px) {
            body.home #collection .thumbnail figure:before {
              bottom: 1.8421052632vw;
              right: 2.1929824561vw;
              width: 2.6315789474vw;
              height: 0.2631578947vw; } }
          @media screen and (min-width: 992px) {
            body.home #collection .thumbnail figure:before {
              bottom: 21px;
              right: 25px;
              width: 30px;
              height: 3px; } }
  body.home #christmas {
    margin-top: 13.3333333333vw; }
    @media screen and (min-width: 768px) {
      body.home #christmas {
        margin-top: 7.0175438596vw;
        margin-bottom: 2.6315789474vw; } }
    @media screen and (min-width: 992px) {
      body.home #christmas {
        margin-top: 80px;
        margin-bottom: 30px; } }
    body.home #christmas figure {
      width: 100%;
      text-align: center; }
      body.home #christmas figure:hover {
        cursor: auto; }
      body.home #christmas figure img {
        width: 100%;
        max-width: 600px; }
        body.home #christmas figure img:hover {
          transform: none;
          opacity: 0.8; }