@charset : "UTF-8";
#modal-content{
  display : none;
}

/* 見出し */
h2{
  font-size : 3.2rem;
  text-align : left;
  font-weight : bold;
  margin-bottom : 0;
}

h3{
  font-size : 1.6rem;
  /*padding : 20px 0 0;*/
  font-weight : bold;
}
h3.weight_normal{
  font-weight : normal;
  padding : 10px 0;
}

h4{
  border-left : 8px solid;
  padding : 3px 10px;
  margin : 10px 0;
  font-size : 1.8rem;
}

h5{
  border : 1px solid #b9b9b9;
  padding : 2px 20px;
  margin : 30px 0 5px;
  width : 50%;
  width : max-content;
  font-size : 1.6rem;
}

h6{
  font-size : 1.6rem;
}

 /* 見出し */
h1{
  font-size : 3.6rem;
  text-align : left;
  font-weight : bold;
  margin-bottom : 0;
}

h2{
  margin : 0;
  font-size : 2.6rem;
  padding : 40px 0 10px;
}
.flowtitle{
  padding-top : 40px;
  padding-bottom : 20px;
}
.right_column{
  float : right;
  max-width : 700px;
  width : 100%;
}
.subtitle {
  /*border-bottom: 1px solid;*/
  padding: 0 0 5px 0;
  font-size: 1.6rem;
}
.read_text{
  padding : 6px 0;
  font-size : 1.7rem;
}

p{
  padding : 5px 0;
}

table{
  border-collapse : collapse;
}

.main ul li{
  list-style-type : none;
  padding : 2px;
  margin-left : 20px;
}
.main ol li{
  list-style-type : none;
  padding : 2px;
  margin-left : 20px;
}

/* リンク */
a{
  color : #000000;
  text-decoration : underline;
}

/* コンテナ */
.wedding_container{
    padding: 70px 0 0px;
}

.wedding_container2{
    padding: 70px 0 40px;
    border-bottom: 1px solid #bbb;
}
.wedding_container3{
    padding: 70px 0 0;
}
.wedding_container4{
    padding: 70px 0 70px;
    border-bottom: 1px solid #bbb;
}
.wedding_m_container{
    /*padding-bottom: 70px;*/
}
.next_plan{
  padding-top : 30px;
  margin-top : 30px;
  border-top : dotted 3px #b49d6d;
}
.last_plan{
  margin-top : 50px;
  border-top : dotted 3px #b49d6d;
}
.maintop_img{
  margin-bottom : 40px;
}
/* ウェディングプラン概要 */
.main ul.location li{
  padding : 5px;
  background : #b49d6d;
  width : 100px;
  text-align : center;
  color : #ffffff;
  margin : 10px 20px 10px 0;
  display : inline-block;
}
/* 挙式プラン写真 */
#photo_container,
#photo_container2,
#photo_container3,
#photo_container4,
#photo_container5{
  height : 392px;
  overflow : hidden;
  margin-bottom : 20px;
}
#plan_main_photo,
#plan_main_photo2,
#plan_main_photo3,
#plan_main_photo4,
#plan_main_photo5{
  position: relative;
}
#plan_main_photo img,
#plan_main_photo2 img,
#plan_main_photo3 img,
#plan_main_photo4 img,
#plan_main_photo5 img{
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.plan_photo_big{
  /*width : 589px;*/
  width : 545px;
  float : left;
  height : 420px;
  overflow : hidden;
}
.plan_photo_big img{
  width : 100%;
  /*height : 392px;*/
  height : 380px;
}
.plan_photo_right{
  float : right;
  width : 338px;
}
.plan_photo_small{
  overflow : hidden;
  margin-right : /*-10px*/ -46px;
}
#plan_photo,
#plan_photo2,
#plan_photo3,
#plan_photo4,
#plan_photo5{
  overflow: hidden;
  width: 100%;
}
.plan_photo_small img{
  width : auto;
  /*height : 50px;*/
  height : 100%;
  display : block;
  position : absolute;
  top:0;
  right:0;
  left:0;
  margin:auto;
}
.plan_photo_small ul li{
  list-style-type :none;
  display : inline-block;
  margin-left : 0;
  margin-right : /*6px*/ 14px;
  background : rgba(200,200,200,0.5);
  /*background : rgba(140,190,197,0.5);*/
  /*width : 77px;
  height : 50px;*/
  width : 71px;
  height : 49px;
  padding : 0;
  margin-bottom : 5px;
  position : relative;
  overflow : hidden;
}
.plan_photo_small ul li a{
  display : block;
  height : 50px;
}
#plan_photo li.current img,
#plan_photo2 li.current img,
#plan_photo3 li.current img,
#plan_photo4 li.current img,
#plan_photo5 li.current img{
  opacity: .4;
  filter: alpha(opacity=40);
}
.plan_photo_cation{
  width : 338px;
  height : /*160px*/ 137px;
  overflow : auto;
  float : right;
  background : #eeebe1;
  padding : 3px 8px;
}

/* 施設情報 */
.info{
  background : #eeebe1;
  padding :  10px 20px 10px 30px;
  width : 530px;
  float : left;
}
.info table{
  width : 100%;
  border : none;
  border-collapse : separate;
  border-spacing : 10px;
  margin-left : -10px;
}
.info th{
  width : 180px;
  border : none;
  background : #ffffff;
  padding : 5px;
}
.info td{
  border : none;
  background : #ffffff;
  padding : 5px 5px 5px 10px;
}
/* 料金 */
.price_wrapper{
  background : #eeebe1;
  padding : 54px 20px;
  width : 390px;
  float : right;
}
.price_container{
  width : 100%;
  overflow : hidden;
  border : 0;
}
.price_header{
  width : 100%;
  background : #ffffff;
}
.price_header th{
  border-right : 10px solid #eeebe1;
  width : 100px;
}
.price_header td{
  border : 0;
  text-align : right;
  font-size : 3rem;
  padding-right : 10px;
}
/*
.price_header{
  float : left;
  background : #ffffff;
  padding : 5px;
  width : 30%;
  text-align : center;
}
.price_data{
  float : right;
  background : #ffffff;
  padding : 5px;
  width : 67%;

}
.price_data p{
  font-weight : bold;
  font-size : 1.6rem;
  text-align : right;
  font-size : 3rem;
}
*/

.price_wrapper .img{
  width : 100%;
  height : 200px;
  margin : 10px 0;
}
.price_wrapper .img img{
  width : 100%;
}
/* プラン概要 */


/* 挙式開始時間 */


/* この挙式プランに含まれているもの */
.in_plan{
  background : #eeebe1;
  padding : 10px 20px;
  width : 100%;
}

.in_plan_box table{
  width : 170px;
  border : 0;
  color : #b49d6d;
  float : left;
  margin : 0 5px;
  border-collapse : separate;
  border-spacing : 0 10px;
}
.in_plan_box tr{
  margin : 10px;
}
.in_plan_box th{
  background : #fff;
  text-align : left;
  padding : 5px;
  font-size : 1.4rem;
  color : #b49d6d;
  border : 1px solid #b49d6d;
  border-right-style : none; 
}
.in_plan_box td{
  background : #fff;
  text-align : center;
  width : 50px;
  font-size : 2.4rem;
    border : 1px solid #b49d6d;
}
.discription{
  margin : 10px;
}
.discription table{
  border : 0;
  border-collapse : separate;
  border-spacing : 0 5px;
}
.discription th{
  padding : 0 5px;
  border : 0;
  border-right : 1px solid #aaa;
}
.discription td{
  border : 0;
  padding : 0 5px;
}
/* プランの写真 */
.plan_photo2_wrapper{
  margin-right : -20px;
}
.plan_photo2{
  float : left;
  width : 300px;
  margin-right : 20px;
}
.plan_photo2 img{
  width : 300px;
  height : 200px;
}


/* その他含まれているもの */
.in_plan_box th{
  height : 60px;
}

/* 備考 */


/* プラン有効期限 */



/* 全体のながれ */
.flow_wrapper{
  background : #eeebe1;
  padding : 20px;
  width : 100%;
}
.flow{
  padding : 15px 20px;
  background : #fff;
  margin-bottom : 20px;
  position : relative;
}
.flow::after{
  display : block;
  content : "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
  position : absolute;
  bottom : -20px;
  left : 0;
  right : 0;
  margin: auto;
}
.notri::after{
  display : none;
}
/* 挙式前フォト */
#before_photo_container{
  height : 420px;
}
#before_main_photo{
  position: relative;
  height: 420px;
}
#before_main_photo img{
  position: absolute;
  top:0;
  width: 100%;
}
.before_photo_big{
  width : 589px;
  height : 420px;
  float : left;
}
#before_thumbnail{
  overflow: hidden;
  width: 100%;
}
.before_photo_big img{
  width : 100%;
  height : 420px;
}

.before_photo_right{
  float : right;
  width : 338px;
}
.before_photo_small{
  overflow : hidden;
  margin-right : -10px;
}
.before_photo_small img{
  width : 77px;
  height : 50px;
}
.before_photo_small ul li{
  list-style-type :none;
  display : inline-block;
  margin-left : 0;
  margin-right : 6px;
  background : #aaaaaa;
  width : 77px;
  height : 50px;
  padding : 0;
}
#before_thumbnail li.current img{
  opacity: .4;
  filter: alpha(opacity=40);
}
.before_photo_cation{
  width : 338px;
  min-height : 251px;
  float : right;
  background : #fdf4eb;
  padding : 10px;
  margin-top : 10px;
}
.before_photo_small ul li{
  list-style-type :none;
  display : inline-block;
  margin-left : 0;
}
#thumbnail li.current img{
  opacity: .4;
  filter: alpha(opacity=40);
}
/* レセプションパーティー  */
.party_left{
  float : left;
}
.party_slide{
  width : 546px;
  height : 365px;
  background : #aaa;
  margin-bottom : 10px;
}
.party_slide ul li{
  list-style-type : none;
  margin : 0;
}
.party_caption{
  width : 546px;
  min-height : 107px;
  float : right;
  background : #fdf4eb;
  padding : 10px;
}
.party_right{
  float : right;
  width : 379px;
  border : 1px solid #b49d6d;
  padding : 10px 20px;
}
.party_right h5{
  border : none;
  padding : 0;
  font-weight : bold;
  margin : 10px 5px 5px;
}
.party_set{
  margin : 10px 0 20px;
}
.party_set ul li{
  list-style-type : none;
  margin-left : 0;
}
/* 施設オプション一覧 */
.option_left{
  float : left;
}
.option_slide{
  width : 546px;
  height : 365px;
  background : #aaa;
  margin-bottom : 10px;
}
.option_caption{
  width : 546px;
  min-height : 107px;
  float : right;
  background : #fdf4eb;
  padding : 10px;
}
.option_right{
  float : right;
  width : 379px;
  border : 1px solid #b49d6d;
  padding : 10px 20px;
}
.option_right h5{
  border : none;
  padding : 0;
  font-weight : bold;
  margin : 10px 5px 5px;
}
.option_set{
  margin : 10px 0 20px;
}
.option_set ul li{
  list-style-type : none;
  margin-left : 0;
}

/* 注意事項 */
.attention{
  padding : 30px 0;
}
/*========  BLESS BALI 共通 Option ========*/
.resort_photo_tour{
  padding-top : 30px;
}
.resort_photo_tour table{
  border-collapse : collapse;
  width : 100%;
  border : 1px solid #000000;
}
.resort_photo_tour th{
  width : 150px;
  padding : 10px;
  text-align : center;
  border : 1px dotted #aaaaaa;
}
.resort_photo_tour td{
  padding : 10px;
  padding : 10px;
  text-align : left;
  border : 1px dotted #aaaaaa;
}

.photo_caption-00 {padding-left:20px;margin-bottom:20px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  h5{
    padding : 5px 20px 3px; /* IE10（\9なしでIE11にも適用） */
  }
  .info th{
    padding-top : 10px;
  }
  .info td{
    padding-top : 10px;
  }
  .price_header th{
    padding-top : 10px;
  }
  .price_header td{
    padding-top : 10px;
  }
}
/*========  メディアクエリ ========*/
@media(max-width:970px){
.info,
.price_wrapper{
  max-width : 970px;
  width : 100%;
  float : none;
  min-height: auto;
}
.price_wrapper .img{
  overflow : hidden;
  height : auto;
}
.plan_photo_big,
.plan_photo_right,
.plan_photo_cation,
.plan_photo{
  max-width : 970px;
  width : 100%;
  /*height : auto;*/
  float : none;
  margin : 20px auto;
}
.plan_photo_wrapper{
  margin-right : 0;
}
.plan_photo{
  text-align : center;
  
}
.plan_photo_big img{
  height : auto;
}
.party_slide,
.option_slide{
  margin : 0 auto;
}
#photo_container,
#photo_container2{
  height : auto;
}
.photo_caption-00 {padding-left:10px;}
}

@media(max-width:640px){

}
@media only screen and (max-width:480px){
    .sptab01 { margin: 0 -10px; }
    .sptab01 th,
    .sptab01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .sptab01 th { border-bottom: 1.5px solid #ddd; }
}
@media (max-width: 440px){
.plan_photo2 {float: none;width: 100%;margin-right: 0;margin-bottom:20px;}
.plan_photo2 img {width: 100%;height: auto;}
}

#photo_container, #photo_container2, #photo_container3, #photo_container4, #photo_container5 {height:auto;}
.plan_photo_big {width: 100%;float: none;height:656px;}
.plan_photo_big img {height:auto;}
.plan_photo_cation {width: 100%; height: auto;float: none;background: #fff;}
.plan_photo_right {float: none;width: 940px; margin:0 auto;text-align:center;}
.plan_photo_small {margin-right: 0;}
.plan_photo_small ul li {margin-right: 10px;background: #fff; width: 100px; height: 65px;}


@media (max-width: 939px){
.plan_photo_right {width: 100%}
}

@media (max-width: 510px){
.plan_photo_small ul li {margin-right: 0;width: 23%;}
}