@charset "UTF-8";
.shrine_header {
  margin-bottom: 5%; 
  text-align: center;
}

.shrine_title {
  margin-bottom: 4%;
  letter-spacing: 0.2rem; 
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 48em) {
  .shrine_title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}

.shrine_lead-txt {
  margin: auto; 
  margin-bottom: 4%;
  width: 92%;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only screen and (max-width: 48em) {
  .shrine_lead-txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}


.shrine_gallery{
  display: flex;
  justify-content: space-between;
}
.shrine_gallery span{
  width: 49.8%;
}

@media only screen and (max-width: 48em) {
.shrine_gallery span{
  width: 49.3%;
}  
}

.shrine-box {
  padding: 5% 0;
}
.shrine-box.support {
  position: relative;
}
@media only screen and (max-width: 48em) {
  .shrine-box.support {
    background-position: left center;
  }
}

.shrine-box_bg-img {
  position: absolute;
  top: 0;
  overflow: hidden; 
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.shrine-box_bg-img img {
  visibility: hidden;
}
.shrine-box_bg-img:before {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 237, 237, 0.9); 
  content: "";
}

.shrine-box_header {
  position: relative;
  margin-bottom: 4%; 
  text-align: center;
}

.shrine-box_title {
  margin: auto;
  margin-bottom: 2%;
  width: 92%;
  letter-spacing: 0.2rem; 
  font-size: 24px;
  font-size: 2.4rem;
}
@media only screen and (max-width: 48em) {
  .shrine-box_title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.shrine-box_lead-txt {
  margin: auto; 
  width: 92%;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
@media only screen and (max-width: 48em) {
  .shrine-box_lead-txt {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.support_content {
  position: relative;
}

.support_list {
  position: relative; 
  list-style-type: none;
  counter-reset: counter_001 0;
  font-size: 0;
}
/*
.support_list:before,
.support_list:after {
  position: absolute;
  bottom: 0;
  display: block; 
  width: 48%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  content: "";
}*/
.support_list:before {
  left: 0;
}
.support_list:after {
  right: 0;
}
@media only screen and (max-width: 48em) {
  .support_list:before,
  .support_list:after {
    display: none;
  }
}

.support_item {
  position: relative;
  display: inline-block ;
  margin-right: auto;
  margin-right: 2%;
  margin-left: 2%;
  padding-top: 2%;
  padding-bottom: 2%; 
  width: 46%;
  border-color: rgba(0, 0, 0, 0.2);
  border-top-width: 1px;
  border-top-style: solid;
  vertical-align: top;
  font-size: small;
  font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
@media only screen and (min-width: 48.0625em) {
  .support_item {
    width: 46%;
  }
  .support_item:nth-child(n) {
    width: 48% ;
  }
  .support_item:nth-child(2n+1) {
    margin-left: 0;
  }
  .support_item:nth-child(2n+2) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 48em) {
  .support_item {
    width: 92%;
  }
  .support_item:nth-child(n) {
    margin-right: 4%; 
    margin-left: 0;
    width: 92% ;
  }
  .support_item:nth-child(1n+1) {
    margin-left: 4%;
  }
}
.support_item:before {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 4%;
  content: counter(counter_001);
  counter-increment: counter_001;
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Oranienbaum";
  line-height: 1;
}
@media only screen and (max-width: 48em) {
  .support_item {
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .support_item:last-child {
    border-color: rgba(0, 0, 0, 0.2); 
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
}

.support_title {
  margin-bottom: 2%;
  margin-left: 5%;
  font-weight: bold; 
  font-size: 15px;
  font-size: 1.5rem;
}
@media only screen and (max-width: 48em) {
  .support_title {
    margin-left: 7%;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .support_title span {
    width: 6%;
  }
}

.support_txt {
  margin-left: 5%;
  font-size: 13px;
  font-size: 1.3rem;
}
@media only screen and (max-width: 48em) {
  .support_txt {
    margin-left: 7%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.flow_list {
  list-style-type: none;
}

.flow_item {
  position: relative; 
  margin: auto;
  margin-bottom: 30px;
  width: 50%;
  border: 1px solid #b8974f;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 3.7;
}
.flow_item:last-child:after {
  display: none;
}
.flow_item:after {
  position: absolute;
  right: 0;
  bottom: -24px;
  left: 0;
  display: block;
  margin: auto;
  width: 18px;
  height: 18px;
  background: transparent url("/bridal/yokohama/yokohama-geihinkan/common/img/icon_arrow-down-gold.png") center center no-repeat; 
  content: "";
}
@media only screen and (max-width: 48em) {
  .flow_item {
    width: 96%;
  }
}

.shrine-local {
  margin-top: 0;
}

@media only screen and (max-width: 48em) {
.shrine-local {
    margin-top: 0;
  }
}




/* LINKS バナー */
.sp-topics_title.party{
  font-size: 18px !important;
}
.sp-topics_lead-txt.party {
  font-size: 13px !important;
}
.sp-links_bg-img1 {
  width: 50%;
  min-height: 247px;
  float: left;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repea;
  background-image: url(../../wedding/ceremony/img/bnr_soundhall.jpg);
}
.sp-links_bg-img1 img
{ visibility: hidden; }

@media only screen and (max-width: 48em) {
  .sp-links_bg-img1
{ 
    float: none;
    position: relative;
    padding-top: 45.33333%;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 0;
	min-height: 166px; /*210*/
  }
  .sp-links_bg-img1 img
  {
    display: none;
  }
}



/* =========== banner_block =========== */
.banner_block {
  position: relative;
  margin-bottom: 60px;
}
@media only screen and (max-width: 48em) {
  .banner_block .wrapper {
    margin: auto;
    padding-bottom: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 48em) {
  .banner_block {
    padding-bottom: 0;
  }
}


/* = sp-topics = */
.sp-topics {
  min-height: 100%;
  max-width: 1024px;
  margin: 0 auto 50px auto;
  background-color: #ede7d5;
  position: relative;
  overflow: hidden;
  transition-timing-function: linear;
  transition-duration: 0.15s;
  transition-property: opacity;
}

@media only screen and (max-width: 48em) {
  .sp-topics  {
    margin-bottom: 5%;
    padding-bottom: 1%;
  }
}

.sp-topics a {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
  background-color: transparent;
}

.sp-topics a span {
  display: none;
}

.sp-topics:hover {
  opacity: 0.8;
}

.sp-topics:after {
  display: block;
  visibility: hidden; 
  clear: both;
  height: 0;
  content: "";
}


/* = sp-topics_content = */
.sp-topics .sp-topics_content {
  width: 48%;
  float: right;
  margin: 1%;
  padding: 5.7% 5.0%;  /*3.2*/
  border: solid 1px #FFF;
}

@media only screen and (max-width: 60em) {
  .sp-topics .sp-topics_content {
    padding: 4.7%; /*3*/
  }
}

@media only screen and (max-width: 48em) {
  .sp-topics .sp-topics_content {
    text-align: center;
    float: none;
    padding-bottom: 4%;
    margin-bottom: 0;
    width: 98%;
  }
}

/* = sp-topics_title = */
.sp-topics .sp-topics_content .sp-topics_title {
  margin-bottom: 2%;
  letter-spacing: 0.2rem;
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
}

/* = sp-topics_lead-txt = */
.sp-topics .sp-topics_content .sp-topics_lead-txt {
  letter-spacing: 0.1rem;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 2%;
}

/* = sp-topics_sub-txt = */
.sp-topics .sp-topics_content .sp-topics_sub-txt {
  letter-spacing: 0.1rem;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}



/*教式ページからのリンクで表示できなかったためローディング非表示（応急処置）*/

.LoadingBlock {
  display: none !important;
}
.LoadingBlock.firstAccess .LoadingBox,
  .LoadingBlock.firstAccess .LoadingBg {
  display: none !important;
}

.LoadingBar {
  display: none !important;
}