@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;
    transform: translateY(50px);
    -webkit-transition: all 1500ms;
    transition: all 1500ms;
  }
  
  .fadeIn.scrollIn {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
          transform: translateY(0);
    }
    #Contents {
      overflow-x: hidden;
    }
    .main-area .main-inner{
        width: 100%;
    }
    img{
      width: 100%;
    }
    .atmn_all .price{
      margin-top: calc( 30 * (100vw / 750));
      font-size: calc( 24 * (100vw / 750));
      letter-spacing: 0.1em;
      line-height: 1.75;
      text-align: center;
    }
    .pc_only{
      display: none;
    }

  /* =================
	all
================= */
#Recommend_200910{
    width: calc( 750 * (100vw / 750));
    margin: 0 auto;
    box-sizing: border-box;
    font-family: quasimoda, sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  .atmn_all{
    margin-top: calc( 95 * (100vw / 750));
    margin-bottom: calc( 204 * (100vw / 750));
  }
  .atmn_all .ttlbox{
    margin-bottom: calc( 83 * (100vw / 750));
  }
  .atmn_all .ttlbox span{
    display: block;
    margin: 0 auto;
    margin-bottom: calc( 7 * (100vw / 750));
  }
  .atmn_all .ttl{
    width: calc( 301 * (100vw / 750));
    margin-bottom: calc( 20 * (100vw / 750));
  }
  .atmn_all .main_ttl{
    width: calc( 540 * (100vw / 750));
    margin-bottom: calc( 20 * (100vw / 750));
  }
  .atmn_all .num{
    width: calc( 173 * (100vw / 750));
    margin-bottom: calc( 84 * (100vw / 750))
  }
  
  /* sec1 */
  .atmn_all .sec1{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 115 * (100vw / 750));
  }
  .atmn_all .sec1 .imgbox._01{
    width: calc( 562 * (100vw / 750));
    margin-left: calc( 35 * (100vw / 750));
  }
  .atmn_all .sec1 .imgbox._02{
    width: calc( 600 * (100vw / 750));
    margin-left: calc( 113 * (100vw / 750));
    margin-bottom: calc( 59 * (100vw / 750));
  }
  .atmn_all .sec1 .price{
    margin-bottom: calc( 113 * (100vw / 750));
  }
  .atmn_all .sec1 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .atmn_all .sec1 .imgbox._03{
    width: calc( 638 * (100vw / 750));
    margin: 0 auto;
  }

  /* sec2 */
  .atmn_all .sec2{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 116 * (100vw / 750));
  }
  .atmn_all .sec2 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .atmn_all .sec2 .imgbox._01{
    width: calc( 525 * (100vw / 750));
    margin-left: calc( 120 * (100vw / 750));
  }
  .atmn_all .sec2 .imgbox._02{
    width: calc( 675 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 61 * (100vw / 750));
  }
  
  .atmn_all .sec3{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 114 * (100vw / 750));
  }
  .atmn_all .sec3 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .atmn_all .sec3 .imgbox._01{
    width: calc( 525 * (100vw / 750));
    margin-left: calc( 35 * (100vw / 750));
  }
  .atmn_all .sec3 .imgbox._02{
    width: calc( 600 * (100vw / 750));
    margin-left: auto;
    margin-bottom: calc( 60 * (100vw / 750));
  }
  .atmn_all .sec3 .price{
    margin-bottom: calc( 112 * (100vw / 750));
  }
  .atmn_all .sec3 .imgbox._03{
    width: calc( 750 * (100vw / 750));
  }
  
  .atmn_all .sec4{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 114 * (100vw / 750));
  }
  .atmn_all .sec4 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .atmn_all .sec4 .imgbox._01{
    width: calc( 412 * (100vw / 750));
    margin: 0 auto;
  }
  .atmn_all .sec4 .imgbox._01 .price{
    margin-bottom: calc( 120 * (100vw / 750));
  }
  .atmn_all .sec4 .imgbox._02{
    width: calc( 600 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 60 * (100vw / 750));
  }
  
  .atmn_all .sec5{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 114 * (100vw / 750));
  }
  .atmn_all .sec5 .imgbox{
    width: calc( 525 * (100vw / 750));
  }
  .atmn_all .sec5 .imgbox._01{
      margin-bottom: calc( 60 * (100vw / 750));
      margin-left: calc( 35 * (100vw / 750));
  }
  .atmn_all .sec5 .imgbox._02{
     margin-left: calc( 186 * (100vw / 750));
  }
  
  .atmn_all .sec6{
    width: calc( 750 * (100vw / 750));
    margin-bottom: calc( 160 * (100vw / 750));
  }
  .atmn_all .sec6 .flexbox{
    display: flex;
    flex-wrap: wrap-reverse;
  }
  .atmn_all .sec6 .imgbox._01{
    width: calc( 562 * (100vw / 750));
  }
  .atmn_all .sec6 .imgbox._02{
    width: calc( 638 * (100vw / 750));
    margin-left: calc( 75 * (100vw / 750));
    margin-bottom: calc( 60 * (100vw / 750));
  }
  
  .atmn_all .aumn_btn{
    width: calc( 675 * (100vw / 750));
    margin: 0 auto;
  }

  .atmn_all .aumn_btn a{
    display: block;

  }

  .atmn_all .vol2{
    width: calc( 130 * (100vw / 750));
    margin: 0 auto;
    margin-bottom: calc( 204 * (100vw / 750));
	margin-top: calc( 50 * (100vw / 750));
  }