@charset "utf-8";

/*=====================================================================
//  contents
// ***********************************************
//  01.main-img
//  02.parallax-items
=====================================================================*/
/*------------------------------------------------
	01.main-img
------------------------------------------------*/

.lineup-menu{
  /*background: url("../img/lineup/menu-bg.jpg") no-repeat center center;*/
  background: url("../img22/lineup/menu-bg.jpg") no-repeat center center;
}

.lineup-menu-area{
  max-width: 1200px;
  height: 1300px;
  margin: 0 auto;
  display:block;
  position: relative;
}

.box{
  position: relative;
  /* 大きさに合わせて調整が必要 */
  margin-top: 60px;
  margin-left: 60px;
  width: 230px;
  height: 230px;
  /*background: #00a9a7;*/
  /*background: #d41c30;*/
  background: #0f184e;
  transform: rotate(45deg);
  display: block;
}

.box:hover{
  background: #61c2c0;
  background: #f29c9f;
  background: #0068b7;
}

/* テキスト */
.text2{
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  font-size: 2em;
  color: white;
  white-space: nowrap;
  transform: translate(-50%,-50%) rotate(-45deg);
  transition: 3s ease-in-out;
}

.lu-menu01{position: absolute; top:55px; left: 235px;}
.lu-menu02{position: absolute; top:55px; right: 305px;}
.lu-menu03{position: absolute; top:246px; left: 50px;}
.lu-menu04{position: absolute; top:246px; left: 420px;}
.lu-menu05{position: absolute; top:246px; right: 120px;}
.lu-menu06{position: absolute; top:430px; left: 235px;}
.lu-menu07{position: absolute; top:430px; right: 305px;}
.lu-menu08{position: absolute; top:623px; left: 420px;}

.lu-bottom-catch{
  width: 530px;
  font-size: 1.3em;
  line-height: 2;
  color: #FFF;
  position: absolute;
  bottom: 120px;
  left:0px;
  text-align: left;
}

.lu-bottom-catch-text{
  font-size: 1.3em;
  line-height: 2;
  color: #FFF;
}

/*------------------------------------------------
	02.parallax-items
------------------------------------------------*/

.parallax-photo{
  min-height: 600px;
  z-index: -1;
  margin-top:0px;
  padding:100px 50px;
}

.parallax-photo-large{
  min-height: 900px;
  z-index: -1;
  margin-top:0px;
  padding:100px 50px;
}

.parallax-bottom-area-right{
  width: 100%;
  min-height: 120px;
  /*transform:skew(0deg, -3deg);*/
  /*background: #FFF;*/
  /*margin-top: -50px;*/
}

.parallax-bottom-area-right-in{
  /*transform:skew(0deg, 3deg);*/
}

.parallax-bottom-area-left{
  width: 100%;
  min-height: 120px;
  /*transform:skew(0deg, 3deg);*/
  /*background: #FFF;*/
  /*margin-top: -50px;*/
}

.parallax-bottom-area-left-in{
  /*transform:skew(0deg, -3deg);*/
}


.package-img{
  margin-top: -100px;
}

/*.rank1-photo{background: url("../img/rank/rank1-parallax.jpg") no-repeat fixed center center /cover;}
.rank1-hana{background: url("../img/rank/rank1-parallax-hana.jpg") no-repeat fixed center center /cover;}
.rank1-beni{background: url("../img/rank/rank1-parallax-beni.jpg") no-repeat fixed center center /cover;}
.rank1_houji-photo{background: url("../img/rank/rank1-houji-parallax.jpg") no-repeat fixed center center /cover;}
.rank2-photo{background: url("../img/rank/rank2-parallax.jpg") no-repeat fixed center center /cover;}
.rank3-photo{background: url("../img/rank/rank3-parallax.jpg") no-repeat fixed center center /cover;}
.rank3_set-photo{background: url("../img/rank/rank3_set-parallax.jpg") no-repeat fixed center center /cover;}
.rank4-photo{background: url("../img/rank/rank4-parallax.jpg") no-repeat fixed center center /cover;}
.new-photo{background: url("../img/new/new-parallax.jpg") no-repeat fixed center center /cover;}
.petit1{background: url("../img/petit/petit1-parallax.jpg") no-repeat fixed center center /cover;}
.petit2{background: url("../img/petit/petit2-parallax.jpg") no-repeat fixed center center /cover;}
.petit3{background: url("../img/petit/petit3-parallax.jpg") no-repeat fixed center center /cover;}
.petit4{background: url("../img/petit/petit4-parallax.jpg") no-repeat fixed center center /cover;}
.petit5{background: url("../img/petit/petit5-parallax.jpg") no-repeat fixed center center /cover;}
.petit6{background: url("../img/petit/petit6-parallax.jpg") no-repeat fixed center center /cover;}
.petit422{background: url("../img/petit/petit422-parallax.jpg") no-repeat fixed center center /cover;}
.petit44{background: url("../img/petit/petit44-parallax.jpg") no-repeat fixed center center /cover;}
.petit45{background: url("../img/petit/petit45-parallax.jpg") no-repeat fixed center center /cover;}
.petit46{background: url("../img/petit/petit46-parallax.jpg") no-repeat fixed center center /cover;}
.petit47{background: url("../img/petit/petit47-parallax.jpg") no-repeat fixed center center /cover;}
.spring1{background: url("../img/spring/spring1-parallax.jpg") no-repeat fixed center center /cover;}
.spring2{background: url("../img/spring/spring2-parallax.jpg") no-repeat fixed center center /cover;}
.spring3{background: url("../img/spring/spring3-parallax.jpg") no-repeat fixed center center /cover;}
.spring4{background: url("../img/spring/spring4-parallax.jpg") no-repeat fixed center center /cover;}
.spring9{background: url("../img/spring/spring9-parallax.jpg") no-repeat fixed center center /cover;}
.chaka1-photo{background: url("../img/chaka/chaka1-parallax.jpg") no-repeat fixed center center /cover;}
.chaka2-photo{background: url("../img/chaka/chaka2-parallax.jpg") no-repeat fixed center center /cover;}
.chaka44-photo{background: url("../img/chaka/chaka44-parallax.jpg") no-repeat fixed center center /cover;}
.price-photo{background: url("../img/price/price-parallax.jpg") no-repeat fixed center center /cover;}*/

.rank1-photo{background: url("../img22/rank/rank1-parallax.jpg") no-repeat fixed center center /cover;}
.rank2-photo{background: url("../img22/rank/rank2-parallax.jpg") no-repeat fixed center center /cover;}
.rank3-photo{background: url("../img22/rank/rank3-parallax.jpg") no-repeat fixed center center /cover;}
.rank4-photo{background: url("../img22/rank/rank4-parallax.jpg") no-repeat fixed center center /cover;}
.rank5-photo{background: url("../img22/rank/rank5-parallax.jpg") no-repeat fixed center center /cover;}
.rank555-photo{background: url("../img22/rank/rank555-parallax.jpg") no-repeat fixed center center /cover;}
.rank6-photo{background: url("../img22/rank/rank6-parallax.jpg") no-repeat fixed center center /cover;}
.rank7-photo{background: url("../img22/rank/rank7-parallax.jpg") no-repeat fixed center center /cover;}
.rank8-photo{background: url("../img22/rank/rank8-parallax.jpg") no-repeat fixed center center /cover;}
.rank10-photo{background: url("../img22/rank/rank10-parallax.jpg") no-repeat fixed center center /cover;}
.rank115-photo{background: url("../img22/rank/rank115-parallax.jpg") no-repeat fixed center center /cover;}

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

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

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

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

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

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

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

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

/*------------------------------------------------
	03.column-item
------------------------------------------------*/

.column-item-text-bg{
  width:100%;
  display: block;
  position: relative;
}


.column-item-text-area{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
}

.column-item-text{
  width: 70%;
  margin: 0 auto;
  display: block;
}



/*------------------------------------------------
	04.lineup menu
------------------------------------------------*/