@charset "utf-8";

/*** 沖縄ウエディングアイランドとは ***/
.okiwed{
  margin-top: 5%;
  margin-bottom: 6.6%;
}
.okiwed__title{
  text-align: center;
  width: 90%;
  margin: 0 auto 5%;
}
.okiwed__mv{
  width: 100%;
}
.okiwed__mv img{
  width: 100%;
}
.okiwed__message{
  margin: 3.8% auto 11%;
  text-align: center;
  width: 55%;
}

.bnr{
  margin: 2.8% auto;
  text-align: center;
}


/*** 沖縄の結婚式場を探す ***/
.search{
  margin-bottom: 7.3%;
}
.search__title{
  width: calc(100% - 10px);
  text-align: center;
  margin: 0 auto 4%;
}
.search__list{
  border-bottom: 1px solid #000;
  margin-bottom: 3.3%;
}
.search__list:last-child{
  border-bottom: none;
}
.search__img{
  position: relative;
  width: 100%;
  margin-bottom: 3.6%;
  text-align: center;
}
.search__img::before{
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding-top: 75%;
  overflow: hidden;
}
.search__img img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 165%;
  max-height: 100%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  margin:0;
}
.search__list-title{
  background-position: left center;
  background-size: 7%;
  background-repeat: no-repeat;
  margin-bottom: 2.3%;
  padding: 1.8% 0 1.8% 10%;
  font-size: 1.5714rem;
  font-weight: 700;
  color: #3c3c3c;
}
.search__list-title.icon01{
  background-image: url(/img/hotel.svg);
}
.search__list-title.icon02{
  background-image: url(/img/hotel.svg);
}
.search__list-title.icon03{
  background-image: url(/img/hotel.svg);
}
.search__list-title.icon04{
  background-image: url(/img/hotel.svg);
}
.search__list-btn{
  display: block;
  width: 82.3%;
  margin: 4% auto;
  background-color: #fff;
}
.search__list-txt,
.unique__list-txt{
  font-size: 1rem;
}

/*** 沖縄ならではのウエディング ***/
.unique{
  margin-bottom: 6.6%;
  padding-top: 5%;
  padding-bottom: 5%;
  background-image: url(/common/img/top/unique_bg-sp.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.unique__title{
  width: 75.3%;
  text-align: center;
  margin:0 auto 7.69%;
}
.unique__body{
  margin: 0 auto;
}
.unique__list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  padding: 3.8%;
  margin-bottom: 3.3%;
}
.unique__img{
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.unique__img::before{
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding-top: 75%;
}
.unique__img img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  max-width: 100%;
  min-width: 100%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  margin:0;
}
.unique__list-title{
  background-position: left center;
  background-size: 7%;
  background-repeat: no-repeat;
  margin-bottom: 3%;
  padding: 1.8% 0 1.8% 10%;
  font-size: 1.5714rem;
  font-weight: 700;
  color: #3c3c3c;
}
.unique__list-title.icon01{
  background-image: url(/common/img/top/icon_photo.png);
}
.unique__list-title.icon02{
  background-image: url(/common/img/top/icon_ryukyu.png);
}
.unique__list-title.icon03{
  background-image: url(/common/img/top/icon_wedding.png);
}
.unique__list-text{

}
.unique__list-btn{
  display: block;
  width: 84.5%;
  margin: 4.3% auto 0;
  background-color: #fff;
}


/***********************************************************************
 Tablet
***********************************************************************/
@media screen and (min-width:640px) {


  /*** 沖縄ウエディングアイランドとは tab ***/
  .okiwed {
    margin-top: 3.6%;
    margin-bottom: 7.3%;
  }
  .okiwed__title {
    max-width: 675px;
    width: 68%;
    margin-bottom: 5.4%;
  }
  .okiwed__title img{
    width: 100%;
  }
  .okiwed__message {
    width: 37.2%;
    margin: 5.1% auto;
  }
  .okiwed__message img {
    max-width: 359px;
    width: 100%;
  }
  .okiwed .thum-box{
    margin-bottom: 9.69%
  }

  #movie .video__list{
   padding-top: 37%;
  }
  /*** 沖縄の結婚式場を探す tab***/
  .search__title{
    width: 53%;
    margin: 0 auto 4%;
  }
  .search__title img{
    max-width: 722px;
    width: 100%;
  }
  .search__list .main-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 3.6%;
    border-bottom: 1px solid #333;
    margin-bottom: 3.6%;
  }
  .search__list-title{
    margin-bottom: 4.6%;
  }
  .search__list {
    border-bottom: none;
  }
  .search__img {
    width: 40.82%;
    margin-bottom: 0;
  }
  .search__list-body{
    width: 55%;
  }
  .search__list-btn{
    width: 100%;
  }
  .search__list-btn img{
    width: 100%;
  }
  /*** 沖縄ならではのウエディング tab ***/
  .unique{
    background-image: url(../common/img/top/unique_bg.png);
  }
  .unique__title {
    width: 50%;
  }
  .unique__title img{
    max-width: 493px;
    width: 100%;
  }
  .unique__list{
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2.85%;
  }
  .unique__list-title{
    margin-bottom: 3.9%;
  }
  .unique__img {
    width: 40.3%;
    margin-bottom: 0;
    overflow: hidden;
  }
  .unique__list-body{
    width: 54.3%;
  }
  .unique__list-btn {
    width: 100%;
    padding: 0;
  }
  .unique__list-btn img{
    width: 100%;
  }
  /*** contact tab ***/
  .contactbx__body{
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .contactbx-l,.contactbx-r{
    width: 48%;
    margin-bottom: 30px;
  }


}/* Tab end */

/***********************************************************************
 PC & hover
***********************************************************************/
@media screen and (min-width:960px) {

  /*** 沖縄ウエディングアイランドとは pc ***/
  .okiwed {
    margin-top: 50px;
    margin-bottom: 100px;
  }
  .okiwed__title {
    margin-bottom: 50px;
  }
  .btn-okiwed{
    height: 85px;
  }
  .okiwed__message {
    margin: 50px auto;
  }
  .okiwed .thum-box {
    margin-bottom: 90px;
  }

  /*** youtube PC ***/
  #movie {
    margin-bottom: 100px;
  }
  .mvphoto__title{
    margin-bottom: 50px;
  }
  .video {
    margin-bottom: 25px;
 }

  /*** 沖縄の結婚式場を探す PC ***/
  .search {
    margin-bottom: 105px;
  }
  .search__title {
    margin: 0 auto 50px;
  }
  .search__list-title{
    padding: 2.7% 0 2.7% 11%;
    background-size: 8%;
  }
  .search__list-btn{
    background: url(./common/img/top/search_btn-on.png) no-repeat;
    background-size: 100%;
    padding: 0;
  }
  .search__list .main-inner{
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  .search__list-btn img{
    transition: opacity 0.3s linear;
    background-color: #fff;
  }
  .search__list-btn:hover img{
    opacity: 0;
  }

  /*** 沖縄ならではのウエディング PC ***/
  .unique{
    margin-bottom: 50px;
  }
  .unique__list-title{
    padding: 3.1% 0 3.1% 14.8%;
    background-size: 8%;
  }
  .unique__list-btn{
    background: url(./common/img/top/unique_btn-on.png) no-repeat;
    background-size: 100% 84px;
    padding: 0;
  }
  .unique__list-btn img{
    transition: opacity 0.3s linear;
    height: 84px;
  }
  .unique__list-btn:hover img{
    opacity: 0;
  }



}/*pc end*/