@charset "utf-8";

/*mv下テキスト*/
.resort__toptxt {
  margin-bottom: 25px;
  text-align: center;
  font-size: 1rem;
}

/*サブタイトル*/
.resort__lineup .subtite{
  width: 75.3%;
  margin: 0 auto 25px;
  text-align: center;
}

/*式場一覧*/
.lineup-list {
  margin-bottom: 15px;
}
.lineup-list ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.lineup-list li{
  width: 47.7%;
  margin-bottom: 12px;
  border-bottom: 1px solid #333;
}
.lineup-list li a {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 64.52%; 
}
.lineup-list li a img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 120%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  margin:0;
}


.lineup-list p{
  padding: 12px 0 15px;
  font-size: 1.1429rem; 
  word-break: break-all;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}



/*-- sp__end --*/

/***********************************************************************
 Tablet
***********************************************************************/
@media screen and (min-width:640px) {
  
  /*式場一覧*/
  .lineup-list img {
    width: 100%;
  }
  
}/*tab_end*/



/***********************************************************************
 PC 
***********************************************************************/
@media screen and (min-width:960px) {
  
  /*ｍｖ下テキスト*/
  .resort__toptxt {
    text-align: center;
    margin-bottom: 65px;
  } 
  
  /*サブタイトル*/
  .resort__lineup .subtite {
    margin: 0 auto 50px;
  }
  
  /*式場一覧*/
  .lineup-list ul{
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    -webkit-justify-content: inherit;
    justify-content: inherit;
    margin-bottom: 25px;
  }
  .lineup-list li {
    position: relative;
    width: 31.6%;
    margin-bottom: 2.55%;
    margin-right: 2.55%;
  }

  .lineup-list li:nth-of-type(3),
  .lineup-list li:nth-of-type(6),
  .lineup-list li:nth-of-type(9),
  .lineup-list li:nth-of-type(12){
    margin-right: 0;
　}
  .lineup-list p {
    padding: 6.4% 0;
　}
  
  
}/*pc_end*/