<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*-----------------------------------------------------------------------------------------
// smart phone
-----------------------------------------------------------------------------------------*/

@media screen and (max-width: 737px) {
  /*========================================================================
  //	html */


  /*========================================================================
  //	common */

  /* br ---------------------------------------------*/
  .sm-br {display: block;}

  /*	text  ---------------------------------------------*/
  .sm-text-center {text-align: center !important;}
  .sm-text-left {text-align: left !important;}
  .sm-text-right {text-align: right !important;}

  .text-Leadtext16 {font-size: 12px !important; line-height: 1.7 !important;}
  .text-Leadtext18 {font-size: 12px !important; line-height: 1.7 !important;}

  .text-Leadtext20 {font-size: 14px !important; line-height: 1.8 !important;}
  .text-Leadtext22 {font-size: 14px !important; line-height: 1.8 !important;}

  .text-Leadtext28, .text-Leadtext30, .text-Leadtext35
   {font-size: 18px !important; line-height: 1.8 !important;}

  .text-Leadtext40, .text-Leadtext45, .text-Leadtext-bold45
   {font-size: 22px !important;line-height: 1.8 !important;}

  .text-Leadtext50, .text-Leadtext80
   {font-size: 35px !important; line-height: 1.8 !important;}

  /* align ---------------------------------------------*/
  .sm-text-left {text-align: left !important;}
  .sm-text-right {text-align: right !important;}
  .sm-text-center {text-align: center !important;}

  .mdlg-text-vertical-flex{display: inline;}
  /* border ---------------------------------------------*/

  /* header ---------------------------------------------*/

  .header-btn {display: none;}

  /* contents ---------------------------------------------*/

  .package-img {width: 75%;}
  .package-img2 {width: 60%;}

  .catch-box {margin: 40px auto;}
  .catch-box {margin: 115px auto;}
  .catch-box {margin: 0px auto 230px auto;}
  .catch-box {margin: 0px 10px 230px auto;}
  .catch-box {margin: 138px auto 0 auto;padding-bottom: 187.24px;}
  .catch-box img {width: 50%;}
  .catch-box img {width: 96%;}

header{
    background-size: cover;
	/*background-position : left 0 bottom 0;*/
}

  .lineup-menu {
    background: url("../img22/lineup/menu-bg-sp.jpg") no-repeat center center / cover !important;
  }
  .lineup-menu-area {
    width: 320px;
    height: 500px;
    display: block;
    margin: 0 auto !important;
  }

  .box {
    position: relative;
    /* 大きさに合わせて調整が必要 */
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 70px;
    height: 70px;
    background: #ff646c;
	background: #d41c30;
	background: #5d9627;
	background: #0f184e;
    transform: rotate(45deg);
  }
  .text2 {
    font-size: 10px;
  }

  .lu-menu01 {position: absolute; top: 40px; left: 60px;}
  .lu-menu02 {position: absolute; top: 40px; right: 60px;}
  .lu-menu03 {position: absolute; top: 110px; left: 0px;}
  .lu-menu04 {position: absolute; top: 110px; left: 125px;}
  .lu-menu05 {position: absolute; top: 110px; right: 0px;}
  .lu-menu06 {position: absolute; top: 170px; left: 60px;}
  .lu-menu07 {position: absolute; top: 170px; right: 60px;}
  .lu-menu08 {position: absolute; top: 230px; left: 125px;}

  .lu-bottom-catch {
    width: 100%;
    padding: 5px;
    color: #FFF;
    text-align: left;
    font-size: 12px;
    line-height: 2;
    position: absolute;
    left: 0px;
    bottom: 60px;
  }

.lu-bottom-catch-text{
  font-size: 10px;
  line-height: 2;
}

  .title-img {
    width: 80% !important;
    padding-bottom: 50px;
  }

  /* parallax ---------------------------------------------*/

  .parallax-photo,
  .parallax-photo-large {
    min-height: 500px;
    background-attachment: scroll !important;
  }

  .parallax-photo-large {
    padding: 100px 0 0 0;
  }

  /* parallax photo bg */
  /*.rank1-photo {background: url("../img/rank/rank1-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .rank1_houji-photo {background: url("../img/rank/rank1-houji-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .rank3_set-photo {background: url("../img/rank/rank3_set-parallax-sp.jpg") no-repeat scroll center center /cover;} 
  .rank3_set-photo {background: url("../img/rank/rank3_set-parallax.jpg") no-repeat scroll center center /cover;} 
  .rank3_set-photo {background: url("../img/rank/_rank3_set-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .new-photo {background: url("../img/new/new-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .petit1 {background: url("../img/petit/petit1-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .petit2 {background: url("../img/petit/petit2-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .petit3 {background: url("../img/petit/petit3-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .petit4 {background: url("../img/petit/petit4-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .petit5 {background: url("../img/petit/petit5-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .petit6 {background: url("../img/petit/petit6-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .sweets1 {background: url("../img/spring/spring1-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .sweets2 {background: url("../img/spring/spring2-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .sweets3 {background: url("../img/spring/spring3-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .sweets4 {background: url("../img/spring/spring4-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .chaka1-photo {background: url("../img/chaka/chaka1-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .chaka2-photo {background: url("../img/chaka/chaka2-parallax-sp.jpg") no-repeat scroll center center /cover;}
  .price-photo {background: url("../img/price/price-parallax.jpg") no-repeat scroll center center /cover;}*/
  
.rank1-photo{background: url("../img22/rank/rank1-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank2-photo{background: url("../img22/rank/rank2-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank3-photo{background: url("../img22/rank/rank3-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank4-photo{background: url("../img22/rank/rank4-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank5-photo{background: url("../img22/rank/rank5-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank555-photo{background: url("../img22/rank/rank555-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank6-photo{background: url("../img22/rank/rank6-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank7-photo{background: url("../img22/rank/rank7-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank8-photo{background: url("../img22/rank/rank8-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank10-photo{background: url("../img22/rank/rank10-parallax-sp.jpg") no-repeat fixed center center /cover;}
.rank115-photo{background: url("../img22/rank/rank115-parallax-sp.jpg") no-repeat fixed center center /cover;}

.sweets1-photo{background: url("../img22/sweets/sweets1-parallax-sp.jpg") no-repeat fixed center center /cover;}
.sweets2-photo{background: url("../img22/sweets/sweets2-parallax-sp.jpg") no-repeat fixed center center /cover;}

.price-photo {background: url("../img22/price/price-parallax-sp.jpg") no-repeat scroll center center /cover;}

.pbar-photo{background: url("../img22/rank/pbar-parallax-sp.jpg") no-repeat fixed center center /cover;}

.md-rank5-photo{background: url("../img22/rank/md-rank5-parallax-sp.jpg") no-repeat fixed center center /cover;}
.md-rank6-photo{background: url("../img22/rank/md-rank6-parallax-sp.jpg") no-repeat fixed center center /cover;}
.md-rank9-photo{background: url("../img22/rank/md-rank9-parallax-sp.jpg") no-repeat fixed center center /cover;}

.f-rank7-photo{background: url("../img22/rank/f-rank7-parallax-sp.jpg") no-repeat fixed center center /cover;}

.rank5s-photo{background: url("../img22/rank/rank5s-parallax-sp.jpg") no-repeat fixed center center /cover;}

.rankt-photo{background: url("../img22/rank/rank-t-parallax-sp.jpg") no-repeat fixed center center /cover;}

.fff {
min-height: 60px;
}
.ggg {
margin-bottom: 40px;
}

.footer-link img{height: 25px;}

.footer-link li{display: inline-block; margin-left: 0px;}
.footer-link li:last-child{margin-left: 0px;}

/* */
}

@media all and (max-width: 320px) {
  /* Phone5 4.0 inch ---------------------------------------------*/
  .box {
    position: relative;
    /* 大きさに合わせて調整が必要 */
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 55px;
    height: 55px;
    background: #ff646c;
	background: #5d9627;
	background: #0f184e;
    transform: rotate(45deg);
  }

  .text2 {font-size: 8px;}

  .lu-menu01 {position: absolute; top: 80px; left: 80px;}
  .lu-menu02 {position: absolute; top: 80px; right: 80px;}
  .lu-menu03 {position: absolute; top: 140px; left: 20px;}
  .lu-menu04 {position: absolute; top: 140px; left: 135px;}
  .lu-menu05 {position: absolute; top: 140px; right: 20px;}
  .lu-menu06 {position: absolute; top: 200px; left: 80px;}
  .lu-menu07 {position: absolute; top: 200px; right: 80px;}
  .lu-menu08 {position: absolute; top: 260px; left: 135px;}
}

/*-----------------------------------------------------------------------------------------
// landscape &amp; portrait
-----------------------------------------------------------------------------------------*/

/* スマホ横*/

@media all and (max-width: 737px) and (orientation: landscape) {}

/* スマホ縦*/

@media all and (max-width: 737px) and (orientation: portrait) {}

/*-----------------------------------------------------------------------------------------
// tablet only
-----------------------------------------------------------------------------------------*/

@media screen and (min-width: 737px) and (max-width: 1024px) {

.lineup-menu-area{
  max-width: 700px !important;
  height: 900px;
}


  .box {
    position: relative;
    /* 大きさに合わせて調整が必要 */
    margin-top: 0 !important;
    margin-left: 0 !important;
    width: 120px;
    height: 120px;
    background: #ff646c;
	background: #5d9627;
	background: #0f184e;
    transform: rotate(45deg);
  }

  .text2 {font-size: 1em;}

  .lu-menu01{position: absolute; top:135px; left: 180px;}
  .lu-menu02{position: absolute; top:135px; right: 180px;}
  .lu-menu03{position: absolute; top:250px; left: 70px;}
  .lu-menu04{position: absolute; top:250px; left: 50%; transform: translate(-50%,0);}
  .lu-menu05{position: absolute; top:250px; right: 70px;}
  .lu-menu06{position: absolute; top:360px; left: 180px;}
  .lu-menu07{position: absolute; top:360px; right: 180px;}
  .lu-menu08{position: absolute; top:460px; left: 50%; transform: translate(-50%,0);}
}





/*-----------------------------------------------------------------------------------------
// tablet landscape &amp; portrait
-----------------------------------------------------------------------------------------*/

/* タブレット横 */

@media screen and (min-width: 737px) and (max-width: 1024px) and (orientation: landscape) {}

/* タブレット縦 */

@media screen and (min-width: 737px) and (max-width: 1024px) and (orientation: portrait) {}

/*-----------------------------------------------------------------------------------------
// tablet up 7inch ～ pc
-----------------------------------------------------------------------------------------*/

@media screen and (min-width: 737px) {
  .mdlg-ext-center {
    text-align: center !important;
  }
  .mdlg-text-left {
    text-align: left !important;
  }
  .mdlg-text-right {
    text-align: right !important;
  }
}

/*-----------------------------------------------------------------------------------------
// pc only
-----------------------------------------------------------------------------------------*/

@media screen and (min-device-width: 1300px) {
  /*=====================================================================
  //	border
  =====================================================================*/
  /*top*/
  .mdlg-border-t-brown_s1 {
    border-top: #2b1400 solid 1px;
  }
  /*bottom*/
  .mdlg-border-b-brown_s1 {
    border-bottom: #fff solid 1px;
	border-bottom: #000 solid 1px;
  }
  /* common ---------------------------------------------*/
  .mdlg-br {
    display: block;
  }
}
</pre></body></html>