@charset "UTF-8";
/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * setting for animation style *
===================================== */
.fadeIn {
    -webkit-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
    opacity: 0;
    -webkit-transform: translate(50px);
    -ms-transform: translate(50px);
    transform: translate(0px);
    -webkit-transition: all 1500ms;
    transition: all 1500ms;
  }
  
  /* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
  .fadeIn.scrollIn {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
/* =================
	all
================= */

a:hover img{
	opacity: 0.7;
}

img{
    color: inherit;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%;
}
.main-area .main-inner{
    width: 100%;
    max-width: none;
}
#re_all{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    font-feature-settings: "palt";
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}
.bdbox{
    box-sizing: border-box;
}
.price{
    font-size: calc( 22 * (100vw / 750));
    line-height: 1.82;
    letter-spacing: 0.1em;
    text-align: center;
}
#re_all .re_btn p a{
    display: block;
}
#re_all .posi,#re_all h2,.re_btn{
    font-family: goldenbook, serif;
    font-style: normal;
    font-weight: 300;
}
#re_all .posi{
    position: absolute;
    font-size: calc( 92 * (100vw / 750));
    letter-spacing: 0.04em;
}
#re_all .bdbox .posi span{
    opacity: 0;
    position: relative;
    top: calc( 10 * (100vw / 750));
    transition: all .3s;
    transition-delay: .4s;
}
#re_all .bdbox .posi.UL span{
    opacity: 1;
    top: 0;
	font-weight: 100;
}
#re_all .bdbox .posi::before{
    content: "";
    width: 0;
    height: calc( 21 * (100vw / 750));
    background-color: #b08f66;
    position: absolute;
    z-index: -1;
    transition: all .4s;
}
#re_all .bdbox .posi.UL::before{
    content: "";
    width: calc( 290 * (100vw / 750));
}
.pc_only{
    display: none !important;
}
/* =================
    top
================= */
#re_all .ttlbox{
    text-align: center;
    margin-top: calc( 118 * (100vw / 750));
    margin-bottom: calc( 88 * (100vw / 750));
}
#re_all .ttlbox h2{
    width: calc( 492 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 15 * (100vw / 750));
}
#re_all .ttlbox h3{
    width: calc( 185 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 8 * (100vw / 750));
}
#re_all .ttlbox .vol1{
    width: calc( 128 * (100vw / 750));
    margin: 0 auto;
}
/* =================
    sec1
================= */
#re_all .sec1{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 162 * (100vw / 750));
    position: relative;
}
#re_all .sec1 .posi{
    top: calc( 29 * (100vw / 750));
    left: calc( 27 * (100vw / 750));
    z-index: 20;
}
#re_all .sec1 .flexbox{
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .sec1 .flexbox .model._01{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 60 * (100vw / 750));
}
#re_all .sec1 .flexbox .model._02{
    width: calc( 450 * (100vw / 750));
    margin: 0 auto;
}
/* =================
    sec2
================= */
#re_all .sec2{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 160 * (100vw / 750));
    position: relative;
}
#re_all .sec2 .posi{
    top: calc( -7 * (100vw / 750));
    left: calc( 563 * (100vw / 750));
}
#re_all .sec2 .flexbox{
    display: flex;
    margin: 0 auto;
    margin-bottom: calc( 100 * (100vw / 750));
}
#re_all .sec2 .flexbox .model._01{
    width: calc( 525 * (100vw / 750));
    z-index: 10;
}
#re_all .sec2 .flexbox .model._02{
    width: calc( 320 * (100vw / 750));
    margin-top: calc( 400 * (100vw / 750));
    margin-left: calc( -95 * (100vw / 750));
    z-index: 20;
}
#re_all .sec2 .bdbox{
    position: relative;
    border: calc( 1 * (100vw / 750)) #b08f66 solid;
    width: calc( 675 * (100vw / 750));
    height: calc( 1770 * (100vw / 750));
    margin: 0 auto;
}
#re_all .sec2 .bdbox .posi{
    font-size: calc( 52 * (100vw / 750));
    letter-spacing: 0;
    line-height: 0;
    top: calc( 85 * (100vw / 750));
    left: calc( 31 * (100vw / 750));
    position: relative;
}
#re_all .sec2 .bdbox .posi::before{
    top: calc( 39 * (100vw / 750));
    left: calc( -11 * (100vw / 750));
}
#re_all .sec2 .bdbox .flexbox{
    width: calc( 615 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc( 165 * (100vw / 750));
    flex-wrap: wrap;
}
#re_all .sec2 .bdbox .flexbox .model._03{
    width: calc( 375 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 31 * (100vw / 750));
    order: 2;  
}
#re_all .sec2 .bdbox .flexbox .model._04{
    width: calc( 525 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 59 * (100vw / 750));
    order: 1;
}
#re_all .sec2 .bdbox .price{
    text-align: center;
    order: 3;
}
/* =================
    sec3
================= */
#re_all .re_blk{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 150 * (100vw / 750));
}
#re_all .re_blk .sec3{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 155 * (100vw / 750));
    position: relative;
}
#re_all .re_blk .sec3 .posi{
    top: calc( 25 * (100vw / 750));
    right: calc( 31 * (100vw / 750));
    z-index: 10;
}
#re_all .re_blk .sec3 .model{
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .re_blk .sec3 .price{
    text-align: left;
}
/* =================
    secs4
================= */
#re_all .re_blk .sec4{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    position: relative;
}
#re_all .re_blk .sec4 .posi{
    top: calc( 132 * (100vw / 750));
    left: calc( 37 * (100vw / 750));
}
#re_all .re_blk .sec4 .flexbox{
    margin-bottom: calc( 100 * (100vw / 750));
}
#re_all .sec4 .flexbox .model._01{
    width: calc( 300 * (100vw / 750));
    margin-left:calc( 400 * (100vw / 750));
    order: 1;
}
#re_all .sec4 .flexbox .model._02{
    width: calc( 340 * (100vw / 750));
    margin-top: calc( -200 * (100vw / 750));
    order: 2;
    z-index: 30;
    position: relative;
}
#re_all .sec4 .flexbox .model._03{
    width: calc( 488 * (100vw / 750));
    margin-top: calc( -160 * (100vw / 750));
    margin-left: auto;
    order: 3;
}
/* borderbox */
#re_all .sec4 .bdbox{
    position: relative;
    border: calc( 1 * (100vw / 750)) #b08f66 solid;
    width: calc( 676 * (100vw / 750));
    height: calc( 1924 * (100vw / 750));
    margin: 0 auto;
}
#re_all .sec4 .bdbox .posi{
    font-size: calc( 52 * (100vw / 750));
    letter-spacing: 0;
    line-height: 0;
    top: calc( 85 * (100vw / 750));
    left: calc( 32 * (100vw / 750));
    position: relative;
}
#re_all .sec4 .bdbox .posi::before{
    top: calc( 39 * (100vw / 750));
    left: calc( -12 * (100vw / 750));
}
#re_all .sec4 .bdbox .flexbox{
    width: calc( 490 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc( 162 * (100vw / 750));
    margin-bottom: calc( 27 * (100vw / 750));
}
#re_all .sec4 .bdbox .flexbox .model{
    width: calc( 490 * (100vw / 750));
}
#re_all .sec4 .bdbox .flexbox .model._04{
    margin-bottom: calc( 59 * (100vw / 750));
}
#re_all .sec4 .bdbox .price{
    margin-bottom: calc( 80 * (100vw / 750));
}
/* =================
    secs5
================= */
#re_all .re_blk._01{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 160 * (100vw / 750));
}
#re_all .re_blk._01 .sec5{
    margin-bottom: calc( 157 * (100vw / 750));
    position: relative;
}
#re_all .re_blk._01 .sec5 .posi{
    top: calc( -6 * (100vw / 750));
    left: calc( 31 * (100vw / 750));
}
#re_all .re_blk._01 .sec5 .flexbox{
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .re_blk._01 .sec5 .model._01{
    width: calc( 562 * (100vw / 750));
    margin-left: calc( 151 * (100vw / 750));
    margin-bottom: calc( 60 * (100vw / 750));
}
#re_all .re_blk._01 .sec5 .model._02{
    width: calc( 376 * (100vw / 750));
    margin-left: calc( 187 * (100vw / 750));
}
/* =================
    secs6
================= */
#re_all .re_blk._01 .sec6{
    width: calc( 638 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 154 * (100vw / 750));
    position: relative;
}
#re_all .re_blk._01 .sec6 .posi{
    top: calc( 42 * (100vw / 750));
    left: calc( 30 * (100vw / 750));
    z-index: 10;
}
#re_all .re_blk._01 .sec6 .model{
    width: calc( 638 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .re_blk._01 .sec6 .price{
    text-align: left;
}
/* =================
    secs7
================= */
#re_all .re_blk._01 .sec7{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 161 * (100vw / 750));
    position: relative;
}
#re_all .re_blk._01 .sec7 .posi{
    top: calc( -8 * (100vw / 750));
    left: calc( 136 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
    margin-bottom: calc( 100 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .model._01{
    width: calc( 525 * (100vw / 750));
    margin-left: calc( 60 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .model._02{
    width: calc( 488 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc( 60 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .bdbox{
    position: relative;
    border: calc( 1 * (100vw / 750)) #b08f66 solid;
    width: calc( 675 * (100vw / 750));
    height: calc( 1135 * (100vw / 750));
    margin: 0 auto;
}
#re_all .re_blk._01 .sec7 .bdbox .posi{
    font-size: calc( 52 * (100vw / 750));
    letter-spacing: 0;
    line-height: 0;
    top: calc( 85 * (100vw / 750));
    left: calc( 31 * (100vw / 750));
    position: relative;
}
#re_all .re_blk._01 .sec7 .bdbox .posi::before{
    top: calc( 39 * (100vw / 750));
    left: calc( -11 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .bdbox .flexbox{
    display: block;
    width: calc( 675 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc( 162 * (100vw / 750));
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .bdbox .flexbox .model{
    width: calc( 488 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .re_blk._01 .sec7 .bdbox .price{
    text-align: center;
    margin-bottom: calc( 80 * (100vw / 750));
}
/* =================
    sec8
================= */
#re_all .sec8{
    width: calc( 713 * (100vw / 750));
    margin-left: calc( 37 * (100vw / 750));
    margin-bottom: calc( 147 * (100vw / 750));
    position: relative;
}
#re_all .sec8 .posi{
    top: calc(-7 * (100vw / 750));
    right: calc( 70 * (100vw / 750));
}
#re_all .sec8 .flexbox .model._01{
    width: calc( 488 * (100vw / 750));
    margin-bottom: calc( 60 * (100vw / 750));
}
#re_all .sec8 .flexbox .model._02{
    width: calc( 521 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc( 34 * (100vw / 750));
}
#re_all .sec8 .price{
    text-align: left;
}
/* =================
    sec9
================= */
#re_all .sec9{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 153 * (100vw / 750));
    position: relative;
}
#re_all .sec9 .posi{
    top: calc( 24 * (100vw / 750));
    left: calc( 62 * (100vw / 750));
    z-index: 20;
}
#re_all .sec9 .flexbox{
    margin-bottom: calc( 31 * (100vw / 750));
}
#re_all .sec9 .flexbox .model{
    width: calc( 562 * (100vw / 750));
    margin: 0 auto;
}
#re_all .sec9 .flexbox .model._01{
    margin-bottom: calc( 60 * (100vw / 750));
}
#re_all .sec9 .price{
    text-align: center;
}
/* =================
    bnt
================= */
#re_all .re_btn{
    margin-bottom: calc( 204 * (100vw / 750));
}
#re_all .re_btn p{
    width: calc( 676 * (100vw / 750));
    height: calc( 198 * (100vw / 750));
    margin: 0 auto;
    box-sizing: border-box;
    border: calc( 1 * (100vw / 750)) solid #000000;
    text-align: center;
    font-size: calc( 44 * (100vw / 750));
    letter-spacing: 0.05em;
    line-height: 1.19;
    padding-top: calc( 45 * (100vw / 750));
	font-weight: 100;
}