.top_img_box{
  width: 100%;
  position: relative;
}
.bestchapel img{
	width: 321px;
    height: auto;
    margin: 200px auto 0px;
    display: block;
}

.top_img_box::before{
  /*display: block;
  padding-top: calc(761/1280*100%);
  content: '';*/
}

.top_img_box img{
  /*object-fit: cover;*/
  width: 100%;
  height: auto;
  /*position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);*/
}

.top_bf_div{
  /*padding: calc(60 /1280*100vw)  calc(65/1280*100vw)  calc(43/1280*100vw)  calc(65/1280*100vw);*/
    padding:  calc(60/1280*100vw) 10%;
}


.bf_contents{
  display: flex;
  flex-flow: wrap;
  width: 100%;
  margin-top:  calc(40/1280*100vw);
  margin-bottom:  calc(40/1280*100vw);
    
}

.bf_contents li{
  width: 50%;
  margin-bottom:  calc(38/1280*100vw);
}
.bf_contents li a{
  display: flex;
  flex-flow: row;
     
}
.bf_img_div{
  position: relative;
}

.bf_img_div img{
  position: absolute;
  top: 0;
  left: 0;
  height:  calc(35/1280*100vw);
  width:  calc(82/1280*100vw);
  z-index: 2;
}

.bf_img_box{
  width: calc(140/1280*100vw);
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  z-index: -1;
}

.bf_img_box::before{
  padding-top: 100%;
  content: '';
  display: block;
}

.bf_img_box img{
  /*object-fit: cover;*/
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.bf_right{
  margin-left: calc(13.61/1280*100vw);
  /*display: flex;
  flex-flow: column;
  justify-content: center;*/
}

.bf_text_box{
  display: flex;
  flex-flow: row;
  color: #000000;
}

.r_angle2{
  display: block;
  border-radius: 50%;
  background-color: #C7B661;
  position: relative;
  overflow: hidden;
  width: calc(38 /1280*100vw);
  height:  calc(38/1280*100vw);
  margin-left:  calc(15/1280*100vw);
  margin-top:  calc(4.5/1280*100vw);
}

.r_angle2::before{
  display: block;
  content: '';
  border-bottom: solid 1px #FFFFFF;
  border-right: solid 1px #FFFFFF;
  transform: translate(-65%,-50%) rotateZ(-45deg);
  width: calc(7.25 * 1.41421356237px);
  height: calc(7.25 * 1.41421356237px);
  position: absolute;
  top: 50%;
  left: 50%;
}

.bf_text_box p{
  font-size: 18px;
  line-height: 1.6;
  width:  calc(240/1280*100vw);
    margin-bottom: 10px;
}

.bf_point{
  display: flex;
  flex-wrap: wrap;
  /*max-width: 400px;*/
    width:  calc(270/1280*100vw);
}

.bf_point span{
  background-color: #EED5CE;
  border-radius: 10px;
  padding:  3px 14px;
  margin-right:  7px;
  margin-bottom:  7px;
  color: #000000;
  font-size: 14px;
}

.top_news_div{
  background-color: #EFE9E1;
  padding:  calc(40/1280*100vw) 12% calc(40 /1280*100vw);
}

.line3_h2{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: calc(45 /1280*100vw);
}

.ch2{
  font-size: 40px;
  color: #C7B661;
  padding: 0  calc(15.8/1280*100vw);
  font-family:Garamond,YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
    font-weight: normal;
}

.line3_h2 span{
  width:  calc(400/1280*100vw);
  height: calc(10 /1280*100vw);
  border-top: solid 1px #C7B661;
  border-bottom: solid 1px #C7B661;
  position: relative;
}
.line3_h2 span::before{
  display: block;
  content: '';
  height: 1px;
  width: 100%;
  background-color: #C7B661;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.news_contents{
  display: flex;
  flex-flow: row;
  /*justify-content: space-between;*/
  margin-top:  calc(26.05/1280*100vw);
  margin-bottom: calc(42.86 /1280*100vw);
}

.news_content{
  width: calc(260 /1280 *100vw);
  cursor: pointer;
	margin-right: 10%;
}
.news_contents .news_content:last-child{
	margin-right: 0%;
}
.news_img_div{
  width: 100%;
  position: relative;
}

.lt_span{
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  font-size: 14px;
  z-index: 2;
  color: #000000;
    text-align: center;
    padding: 0.2em 0;
}
.lt_span.plan{background-color: #CFB7D6;}
.lt_span.event{background-color: #D89F71;}
.lt_span.eigyo{background-color: #9EA6C6;}
.lt_span.other{background-color: #D0D56A;}
.lt_span.news{background-color: #99cbc7;}

.news_img_box{
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.news_img_box::before{
  padding-top: 61.492%;
  content: '';
  display: block;
}

.news_img_box img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  /*object-fit: cover;*/
  width: 100%;
  height: 100%;
}

.date_p{
  color: #736357;
  margin-top: calc(10.67 /1280*100vw);
  font-size: 18px;
  line-height: 1.6;
    font-family:Garamond,YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

.news_p{
  font-size: 16px;
  margin-top:  calc(4.67/1280*100vw);
  color: #000000;
  line-height: 1.6;
}

.news_a{
  width:  calc(385/1280*100vw);
  height:  calc(71/1280*100vw);
  margin: 0 auto;
  padding:  calc(8/1280*100vw);
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news_a span{
  border: solid 1px #C7B661;
  color: #C7B661;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.bt_div{
  position: relative;
  padding: calc(116/1280*100vw) 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
.bc{
  padding:  calc(69.95/1280*100vw)  calc(27/1280*100vw) 0  calc(62.2/1280*100vw);
  width:  calc(581/1280*100vw);
  height:  calc(356/1280*100vw);
  min-height: 300px;
  background-color: rgba(255,255,255,0.75);
  position: absolute;
  top: calc(198 /1280 * 100vw);
  z-index: 5;
  margin: 0 auto;
}

.banq_card{
  left: 0;
}

.chapel_card{
  right:0;
}

.bc_title{
  color: #534741;
  font-size:calc(56/1280*100vw);
  margin-bottom:  calc(67.27/1280*100vw);
  font-family:Garamond,YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  position: relative;
}

.bc_title::before{
  position: absolute;
  top: calc(100% + 20px);
  display: block;
  content: '';
  background-color: #534741;
  height: 1px;
  width: 20%;
  left: 0;
}

.bc_text{
  line-height: 1.8;
  width:  calc(416/1280*100vw);
    font-family:YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

.more_box{
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  position: absolute;
  bottom: 25px;
  right: 27px;
}

.more2_box{
  display: flex;
  justify-content: center;
  align-items: center;
}
.more_box a,.more2_box a{
  line-height: 1.5;
  border-bottom: solid 1px #000000;
  color: #000000;
  text-align: center;
  padding:0  calc(20/1280*100vw) 0  calc(15/1280*100vw);
  position: relative;
  
}

.more_box a::before,.more2_box a::before{
  display: block;
  content: '';
  position: absolute;
  bottom: -1px;
  right: .5px;
  width: 8px;
  height: 1px;
  background-color: #000000;
  transform: rotateZ(60deg);
  transform-origin: right;
}

.s2_box{
  display: flex;
  flex-flow: row-reverse;
  width: 100%;
}

.s2_box2{
  display: flex;
  flex-flow: row;
  width: 100%;
}

.s2_img_box{
  width: 50%;
}

.s2_img_box img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.s2_card_box{
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.s2_cb1{
  background-color: #EDE7CE;
}

.s2_cb2{
  background-color: #E1CFE8;
}

.s2_title{
  font-size: 48px;
  font-family:Garamond,YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  margin-bottom:  calc(20.52/1280*100vw);
  color: #FFFFFF;
}

.s2_text{
  margin-bottom: calc(30.86 /1280*100vw);
  text-align: center;
  line-height: 2;
    font-family:YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

.youtube_box{
  background-color: #EDE7CE;
  padding:  calc(58.29/1280*100vw) 0  calc(43.25/1280*100vw) 0;
  width: 100%;
}
.youtube_box2{
  padding:  50px 0;
  width: 100%;
}
.y_title{
  color: #FFFFFF;
  font-size: 40px;
  font-family:Garamond,YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  margin-bottom:  calc(27/1280*100vw);
}

.y_box{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.insta_box{
  padding:  calc(45/1280*100vw) 0  calc(150/1280*100vw) 0;
}

.i_title{
  font-size: 40px;
  font-family:Garamond,YuMincho,"Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  margin-bottom:  calc(38/1280*100vw);
}

.i_title::before{
  display: inline-block;
  content: '';
  width:  38px;
  height: 38px;
  background-image: url(../img/insta_color.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right:  calc(10/1280*100vw);
}


.sns_title{
  margin: calc(35 /1280*100vw) 0  calc(22/1280*100vw) 0;
  text-align: center;
  font-size: 21px;
}

.ifb{
  max-width: 963px;
  display:flex;
  justify-content: space-around;
  margin: 0 auto  calc(58/1280*100vw) auto;
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
}

.i_insta_box{
  width: 100%;
}
/*.i_insta_box img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}*/
@media (max-width:770px) {
	.bestchapel img {margin: 100px auto 0px;}
    .top_bf_div{
        padding: 30px 5%;
    }
  /*.top_img_box{
    overflow: hidden;
  }*/
  .top_img_box::before{
    padding-top: calc(557/360*100vw);
  }
  .bf_contents {
    flex-flow: column;
  }
  .bf_content {
    width: 100%;
  }
  .bf_img_box {
    width: calc(108/360*100vw);
  }
  .bf_img_div img {
    height: calc(21/360*100vw);
    width: calc(40/360*100vw);
  }
  .bf_img_box img {
    width: 100%;
    height: 100%;
  }
  .bf_text_box p {
    width: calc(167/360*100vw);
      font-size: 14px;
  }
.bf_point{width:100%;}
  .bf_point span {
    font-size: 8px;
  }
  .r_angle2 {
    width: calc(27.6 /360*100vw);
    height: calc(27.6/360*100vw);
  }


  .ch2 {
    font-size: 24px;
  }
  .line3_h2 span {
    width: calc(137/360*100vw);
    height: calc(8 /360*100vw);
  }
  .top_news_div {
    padding: calc(40/360*100vw) 0 calc(43 /360*100vw);
  }
  .news_contents {
    flex-flow: column;
  }
  .news_content {
    width: 95%;
    display: flex;
    flex-flow: row;
    margin-bottom: calc(12/360*100vw);
    margin-right: 0%;
  }
  .news_img_div {
    width: calc(138/360*100vw);
    /*margin-left: calc(24/360*100vw);*/
      margin-left:5%;
  }
.news_img_box{
  width: 100%;

}

.news_img_box::before{
  padding-top: 61.492%;
  content: '';
  display: block;
}

.news_img_box img{

}
    .lt_span{font-size: 10px;width: 84px;}
  .dn_box{width: 60%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-left: calc(14/360*100vw);
  }
  .date_p{
    font-size: 12px;
      margin-top: 0;
  }
  .news_p {
    margin-top: 0;
      font-size: 14px;
  }
  .news_a {
    width: calc(312/360*100vw);
    height: calc(57/360*100vw);
    padding: calc(6/360*100vw);
  }
  .news_contents {
    margin-top: calc(17/360*100vw);
    margin-bottom: calc(25 /360*100vw);
  }
  .bc {
    padding: calc(18/360*100vw) calc(17/360*100vw) 0 calc(18/360*100vw);
    width: calc(324/360*100vw);
    height: calc(205/360*100vw);
    min-height: 0;
    position: relative;
    top:0;
    margin-bottom: calc(21/360*100vw);
  }
  .bc_text {
    line-height: 1.6;
    width: 100%;
    font-size: calc(13/360*100vw);text-align: justify;
  }
  .bc_title {
    font-size: calc(28/360*100vw);
    margin-bottom: calc(30/360*100vw);
  }
  .bc_title::before {
    top: calc(100% + 10px);
  }
  .more_box {
    justify-content: center;
    position: relative;
    top: 0;
    left: 0;
  }
  .more_box a, .more2_box a {
    padding: 0 calc(15/360*100vw) 0 calc(10/360*100vw);
    margin-top: calc(15/360*100vw);
  }
  .bt_div {
    padding: calc(22/360*100vw) 0;
    overflow: hidden;
  }
  .s2_box,.s2_box2{
    flex-flow: column-reverse;
  }
  .s2_img_box,.s2_card_box{
    width: 100%;
    height: calc(240/360*100vw);
  }
  .s2_title {
    font-size: 28px;
    margin-bottom: calc(25/360*100vw);
  }
  .s2_text {
    font-size: 13px;
    margin-bottom:0;
  }
  .y_title {
    font-size: 24px;
    margin-bottom: calc(14/360*100vw);
  }
  .i_title {
    font-size: 24px;
    margin-bottom: calc(20/360*100vw);
  }
  .i_title::before {
    width: 24px;
    height: 24px;
  }
  .sns_title {
    font-size: 16px;
  }
  .sb_a {
    padding-top: calc(21.7/360*100vw);
    padding-bottom: calc(24.27/360*100vw);
  }


}
@media (max-width:430px){
	.bestchapel img {width: 70%;}
}