@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;
}
#mono_1102{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    font-feature-settings: "palt";
    box-sizing: border-box;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    font-weight: 400;
}
.price{
    font-size: calc( 26 * (100vw / 750));
    line-height: 1.47;
    letter-spacing: 0.07em;
    font-family: freight-big-pro, serif;
    font-style: normal;
    font-weight: 400;
}
#mono_1102 .btn_1102 p a{
    display: block;
}
.pc_only{
    display: none !important;
}
/* =================
    top
================= */
#mono_1102 .ttlbox{
    margin-top: calc( 38 * (100vw / 750));
    margin-bottom: calc( 78 * (100vw / 750))
}
#mono_1102 .ttl{
    width: calc( 700 * (100vw / 750));
    margin: 0 auto;
    display: block;
    font-family: a-otf-futo-min-a101-pr6n,serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.03em;
    text-align: center;
    font-size: calc( 54 * (100vw / 750));
}
#mono_1102 .ttl .big{
    font-size: calc( 112 * (100vw / 750));
    color: #959fa0;
    margin-left: calc( 30 * (100vw / 750));
}
#mono_1102 .ttl .small{
    font-size: calc( 42 * (100vw / 750));
    position: relative;
    top: calc( -20 * (100vw / 750));
    left: calc( -4 * (100vw / 750));
}
#mono_1102 .ttl .txt{
    position: relative;
    left: calc( -23 * (100vw / 750));
    top: calc( -16 * (100vw / 750));
    letter-spacing: 0.11em;
}
#mono_1102 .sub{
    width: calc( 249 * (100vw / 750));
    margin: 0 auto;
    position: relative;
    padding-top: calc( 9 * (100vw / 750));
    margin-bottom: calc( 3 * (100vw / 750));
}
#mono_1102 .sub::before{
    content: "";
    width: calc( 280 * (100vw / 750));
    height: calc( 17 * (100vw / 750));
    background-color: #c6cccc;
    margin: 0 auto;
    z-index: -1;
    position: absolute;
    top: calc( 27 * (100vw / 750));
    left: calc( -14 * (100vw / 750));
}
/* =================
    sec1
================= */
#mono_1102 .sec1{
    margin-bottom: calc( 161 * (100vw / 750));
}
#mono_1102 .sec1 .flexbox{
    margin-bottom: calc( 33 * (100vw / 750));
}
#mono_1102 .sec1 .model{
    width: calc( 638 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc( -1 * (100vw / 750));
}
#mono_1102 .sec1 .price{
    margin-left: calc( 58 * (100vw / 750));
}
/* =================
    sec2
================= */
#mono_1102 .sec2{
    width: calc( 638 * (100vw / 750));
    margin-bottom: calc( 152 * (100vw / 750));
    margin-left: calc( 56 * (100vw / 750));
}
#mono_1102 .sec2 .imgbox{
    margin-bottom: calc( 69 * (100vw / 750));
}
#mono_1102 .sec2 .imgbox .model._01{
    width: calc( 562 * (100vw / 750));
    margin-bottom: calc( 69 * (100vw / 750));
}
#mono_1102 .sec2 .imgbox .model._02{
    width: calc( 450 * (100vw / 750));
    margin-left: calc( 188 * (100vw / 750));
}
#mono_1102 .sec2 .cntbox .model{
    width: calc( 360 * (100vw / 750));
    margin-left: calc( 44 * (100vw / 750));
    margin-bottom: calc( 37 * (100vw / 750));
}
#mono_1102 .sec2 .cntbox .price{
    text-align: right;
}
/* =================
    sec3
================= */
#mono_1102 .sec3{
    width: calc( 713 * (100vw / 750));
    margin-bottom: calc( 156 * (100vw / 750));
    margin-left: calc( 37 * (100vw / 750));
}
#mono_1102 .sec3 .flexbox .model._01{
    width: calc( 562 * (100vw / 750));
    margin-bottom: calc( 69 * (100vw / 750));
}
#mono_1102 .sec3 .flexbox .model._02{
    width: calc( 600 * (100vw / 750));
    margin-bottom: calc( 34 * (100vw / 750));
    margin-left: auto;
}
/* =================
    secs4
================= */
#mono_1102 .sec4{
    margin-bottom: calc( 154 * (100vw / 750));
}
#mono_1102 .sec4 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
}
#mono_1102 .sec4 .imgbox{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 99 * (100vw / 750));
}
#mono_1102 .sec4 .cntbox{
    width: calc( 750 * (100vw / 750));
}
#mono_1102 .sec4 .cntbox .model{
    width: calc( 450 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 35 * (100vw / 750));
}
#mono_1102 .sec4 .price{
    text-align: right;
    margin-right: calc( 32 * (100vw / 750));
}
/* =================
    secs5
================= */
#mono_1102 .sec5{
    width: calc( 676 * (100vw / 750));
    margin-bottom: calc( 156 * (100vw / 750));
    margin-left: calc( 37 * (100vw / 750));
}
#mono_1102 .sec5 .flexbox .model{
    width: calc( 676 * (100vw / 750));
    margin-bottom: calc( 69 * (100vw / 750));
}
#mono_1102 .sec5 .cntbox .model{
    width: calc( 451 * (100vw / 750));
    margin-bottom: calc( 34 * (100vw / 750));
    margin-left: auto;
}
/* =================
    secs6
================= */
#mono_1102 .sec6{
    width: calc( 630 * (100vw / 750));
    margin-bottom: calc( 156 * (100vw / 750));
    margin-left: calc( 60 * (100vw / 750));
}
#mono_1102 .sec6 .flexbox{
    display: flex;
    flex-wrap: wrap;
}
#mono_1102 .sec6 .flexbox .model._01{
    width: calc( 375 * (100vw / 750));
    margin-bottom: calc( 34 * (100vw / 750));
    order: 2;
}
#mono_1102 .sec6 .flexbox .model._02{
    width: calc( 488 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc( 69 * (100vw / 750));
    order: 1;
}
#mono_1102 .sec6 .flexbox .price{
    text-align: right;
    margin-left: auto;
    order: 3;
}
/* =================
    sec7
================= */
#mono_1102 .sec7{
    margin-bottom: calc( 160 * (100vw / 750));
}
#mono_1102 .sec7 .flexbox{
    margin-bottom: calc( 32 * (100vw / 750));
}
#mono_1102 .sec7 .model{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-top: calc( -1 * (100vw / 750));
}
#mono_1102 .sec7 .price{
    margin-left: calc( 75 * (100vw / 750));
}
/* =================
    bnt
================= */
#mono_1102 .btn_1102{
    font-family: freight-big-pro, serif;
    font-style: normal;
    box-sizing: border-box;
    border: calc( 1 * (100vw / 750)) solid #000000; 
    width: calc( 676 * (100vw / 750));
    height: calc( 201 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 202 * (100vw / 750));
    box-sizing: border-box;
    font-size: calc( 44 * (100vw / 750));
    line-height: 1.09;
    letter-spacing: 0.05em;
    text-align: center;
    padding-top: calc( 49 * (100vw / 750));
}