@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が-1520pxの場合に適用 */
@media screen and ( max-width:1520px ) {

	
}

/* ウィンドウ幅が-1280pxの場合に適用 */
@media screen and ( max-width:1280px ) {

}

/* ウィンドウ幅が-900pxの場合に適用 */
@media screen and ( max-width:900px ) {
}

/* ウィンドウ幅が700pxの場合に適用 */
@media screen and ( max-width:700px ) {
 	.pc { display: none !important; }
	.sp { display: inline !important; }
  #wrapper  .inner {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }
  #wrapper .block {
    padding-bottom: 44px;
  }
  .header__logo {
    padding: 10px 0;
    text-align: center;
  }
  .header__logo img {
    width: 50%;
    max-width: 258px;
  }
  
 /* fv
----------------------------------------------*/
#fv .fv__tryal {
  padding: 15px 0;
  background: url("../../img/fv_tryal-bg__pc.jpg") no-repeat;
  background-size: cover;
}  
   /* page-link
----------------------------------------------*/
.page-link {
  margin-top: 25px;
}
  .page-link li {
    margin-bottom: 1.5vw;
  }
 /* gallery
----------------------------------------------*/
#gallery .gallery__tl {
  width: 60%;
  max-width: 225px;
  margin: 40px auto 20px auto;
}
   /* slick slider
----------------------------------------------*/
  .slick-prev {
    left: 0;
    z-index: 999;
  }
  .slick-next {
    right:0;
  }
  .slick-prev::before, .slick-next::before {
    font-size: 24px;
  }
 /* point
----------------------------------------------*/
#point {
  padding-top: 40px;
  }
  #point .point__tl {
    width: 80%;
  max-width: 448px;
  margin: 0 auto 20px auto;
}
  #point .inner.point__box-wrap {
    width: 98%;
  }
  #point .point__box {
    margin-bottom: 10px;
  }
  /* special
----------------------------------------------*/
#special {
  padding-bottom: 40px;
}
#special .special__present {
  margin-top: 0;
  margin-bottom: 30px;
}
  #tryal {
  padding-bottom: 20px;
}
.btn_link {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
}
#tryal .btn_link {
  margin-top: 20px;
}
#tryal .tryal__notes {
  padding-top: 30px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}
    
    
 /* point
----------------------------------------------*/
#raiten {
  padding-top: 40px;
  }
  #raiten .raiten__tl {
    width: 80%;
  max-width: 448px;
  margin: 0 auto 20px auto;
}
  #raiten .inner.raiten__box-wrap {
    width: 98%;
  }
  #raiten .raiten__box {
    margin-bottom: 10px;
  }    
    

}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{

}


/* PC用　ウィンドウ幅が900px-の場合に適用 */ 
@media screen and ( min-width:900px ) {
 /* page-link
----------------------------------------------*/
  .page-link {
  display: flex;
  justify-content: space-between;
}
.page-link li {
  width: 31.7%;
  background: #fff;
}
}