@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : ceremony_chapel.css
 author     : Ability Consultant
 style info : チャペル
=================================================================== */
/* Hover animation */
.con_com_maingimg {
  position: relative;
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  margin-bottom: 0;
}
.con_intro .box_top {
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_top {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_top {
    margin-bottom: 20px;
  }
}
.con_intro .box_top .st_title .en:before {
  width: 120%;
}
.con_intro .box_top .txt_x {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_top .txt_x {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .con_intro .box_top table {
    max-width: 380px;
    margin: auto;
  }
}
@media print {
  .con_intro .box_top table {
    max-width: 380px;
    margin: auto;
  }
}
.ie8 .con_intro .box_top table {
  max-width: 380px;
  margin: auto;
}
.con_intro .box_top table tr th {
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .con_intro .box_top table tr th {
    width: 30%;
  }
}
@media print {
  .con_intro .box_top table tr th {
    width: 30%;
  }
}
.ie8 .con_intro .box_top table tr th {
  width: 30%;
}
.con_intro .box_top table tr th,
.con_intro .box_top table tr td {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
}
@media only screen and (min-width: 768px) {
  .con_intro .box_top table tr th,
  .con_intro .box_top table tr td {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media print {
  .con_intro .box_top table tr th,
  .con_intro .box_top table tr td {
    padding-left: 1em;
    padding-right: 1em;
  }
}
.ie8 .con_intro .box_top table tr th, .ie8
.con_intro .box_top table tr td {
  padding-left: 1em;
  padding-right: 1em;
}
.con_intro .st_garden {
  text-align: center;
  vertical-align: bottom;
  margin-bottom: 0;
  font-weight: normal;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .st_garden {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .st_garden {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .st_garden {
    position: static;
  }
}
.con_intro .st_garden span {
  display: block;
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  font-size: 231%;
  letter-spacing: 0.2em;
  line-height: 1.4;
  background: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 767px) {
  .con_intro .st_garden span {
    font-size: 185%;
  }
}
.con_intro .box_thumb {
  text-align: center;
}
.con_intro .box_thumb .tit {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_thumb .tit {
    font-weight: normal;
  }
}
.con_intro .box_thumb .tit span {
  position: relative;
  padding: 0 1em;
  font-size: 170%;
  letter-spacing: 0.15em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_thumb .tit span {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_thumb .tit span {
    font-size: 139%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_thumb .tit span {
    padding: 0 .5em;
  }
}
.con_intro .box_thumb .tit span:before, .con_intro .box_thumb .tit span:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  background: #4D4543;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_thumb .tit span:before, .con_intro .box_thumb .tit span:after {
    width: 1em;
  }
}
.con_intro .box_thumb .tit span:before {
  left: -20px;
}
.con_intro .box_thumb .tit span:after {
  right: -20px;
}
.con_intro .img_thumb img {
  width: 100%;
}

/* -----------------------------------------------------------
	con_gate
----------------------------------------------------------- */
.con_gate {
  padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gate {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_gate {
    padding: 2.5em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_gate .box_container {
    max-width: 1920px;
  }
}
@media print {
  .con_gate .box_container {
    max-width: 1920px;
  }
}
.ie8 .con_gate .box_container {
  max-width: 1920px;
}
.con_gate .col_thumb {
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  .con_gate .col_thumb {
    text-align: center;
    margin-bottom: 30px;
  }
}
.con_gate .col_thumb img {
  width: 100%;
}
.con_gate .col_main {
  width: 40%;
  padding-left: 4%;
  padding-right: 15px;
  padding-top: 10%;
}
@media only screen and (max-width: 1600px) {
  .con_gate .col_main {
    padding-top: 8%;
  }
}
@media print {
  .con_gate .col_main {
    padding-top: 8%;
  }
}
.ie8 .con_gate .col_main {
  padding-top: 8%;
}
@media only screen and (max-width: 1260px) {
  .con_gate .col_main {
    padding-top: 10px;
  }
}
@media print {
  .con_gate .col_main {
    padding-top: 10px;
  }
}
.ie8 .con_gate .col_main {
  padding-top: 10px;
}
@media only screen and (max-width: 1024px) {
  .con_gate .col_main {
    padding: 0 2.5%;
  }
}
.con_gate .col_main .col_inner {
  max-width: 545px;
  margin-left: 0;
  margin-right: auto;
}
@media only screen and (max-width: 1024px) {
  .con_gate .col_main .col_inner {
    max-width: 100%;
    margin: auto;
  }
}
.con_gate .col_main .st_title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gate .col_main .st_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_gate .col_main .st_title {
    margin-bottom: 20px;
  }
}
.con_gate .col_main .img_thumb {
  text-align: center;
  margin-bottom: 20px;
}
.con_gate .col_main .txt_lg {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  font-size: 185%;
  line-height: 1.2;
  color: #4e4848;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gate .col_main .txt_lg {
    font-size: 170%;
  }
}
@media only screen and (max-width: 767px) {
  .con_gate .col_main .txt_lg {
    font-size: 154%;
  }
}
.con_gate .col_main .txt_x {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
  font-weight: bold;
  font-size: 108%;
  letter-spacing: 0.1em;
  font-weight: bold;
  line-height: 1.9;
  color: #4e4848;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_gate .col_main .txt_x {
    font-weight: normal;
  }
}
@media only screen and (max-width: 767px) {
  .con_gate .col_main .txt_x {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .con_gate .col_thumb,
  .con_gate .col_main {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	con_cystal
----------------------------------------------------------- */
.con_cystal {
  background: #faf3f0;
  padding: 80px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cystal {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_cystal {
    padding: 2.5em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_cystal .box_container {
    max-width: 1630px;
  }
}
@media print {
  .con_cystal .box_container {
    max-width: 1630px;
  }
}
.ie8 .con_cystal .box_container {
  max-width: 1630px;
}
.con_cystal .st_title {
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .con_cystal .st_title {
    margin-bottom: 20px;
  }
}
.con_cystal .txt_lg {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  font-size: 185%;
  line-height: 1.2;
  color: #4e4848;
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cystal .txt_lg {
    font-size: 170%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cystal .txt_lg {
    font-size: 154%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cystal .txt_lg {
    margin-bottom: 20px;
  }
}
.con_cystal .txt_x {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
  font-weight: bold;
  font-size: 108%;
  letter-spacing: 0.1em;
  font-weight: bold;
  line-height: 1.9;
  color: #4e4848;
  text-align: center;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .con_cystal .txt_x {
    font-weight: normal;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cystal .txt_x {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_cystal .txt_x {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_cystal .txt_x {
    text-align: left;
  }
}
.con_cystal .img_thumb {
  text-align: center;
}

/* -----------------------------------------------------------
	con_after_cer
----------------------------------------------------------- */
.con_after_cer {
  padding: 100px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_after_cer {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_after_cer {
    padding: 2.5em 0;
  }
}
@media only screen and (min-width: 1025px) {
  .con_after_cer .box_container {
    max-width: 1920px;
  }
}
@media print {
  .con_after_cer .box_container {
    max-width: 1920px;
  }
}
.ie8 .con_after_cer .box_container {
  max-width: 1920px;
}
.con_after_cer .col_thumb {
  width: 60%;
}
@media only screen and (max-width: 1024px) {
  .con_after_cer .col_thumb {
    text-align: center;
    margin-bottom: 30px;
  }
}
.con_after_cer .col_thumb img {
  width: 100%;
}
.con_after_cer .col_main {
  width: 40%;
  padding-right: 4%;
  padding-left: 15px;
  padding-top: 10%;
}
@media only screen and (max-width: 1600px) {
  .con_after_cer .col_main {
    padding-top: 8%;
  }
}
@media print {
  .con_after_cer .col_main {
    padding-top: 8%;
  }
}
.ie8 .con_after_cer .col_main {
  padding-top: 8%;
}
@media only screen and (max-width: 1260px) {
  .con_after_cer .col_main {
    padding-top: 10px;
  }
}
@media print {
  .con_after_cer .col_main {
    padding-top: 10px;
  }
}
.ie8 .con_after_cer .col_main {
  padding-top: 10px;
}
@media only screen and (max-width: 1024px) {
  .con_after_cer .col_main {
    padding: 0 2.5%;
  }
}
.con_after_cer .col_main .col_inner {
  max-width: 545px;
  margin-left: auto;
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .con_after_cer .col_main .col_inner {
    max-width: 100%;
    margin: auto;
  }
}
.con_after_cer .col_main .st_title {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_after_cer .col_main .st_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_after_cer .col_main .st_title {
    margin-bottom: 20px;
  }
}
.con_after_cer .col_main .img_thumb {
  text-align: center;
  margin-bottom: 20px;
}
.con_after_cer .col_main .txt_lg {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  font-size: 185%;
  line-height: 1.2;
  color: #4e4848;
  text-align: center;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_after_cer .col_main .txt_lg {
    font-size: 170%;
  }
}
@media only screen and (max-width: 767px) {
  .con_after_cer .col_main .txt_lg {
    font-size: 154%;
  }
}
.con_after_cer .col_main .txt_x {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
  font-weight: bold;
  font-size: 108%;
  letter-spacing: 0.1em;
  font-weight: bold;
  line-height: 1.9;
  color: #4e4848;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_after_cer .col_main .txt_x {
    font-weight: normal;
  }
}
@media only screen and (max-width: 767px) {
  .con_after_cer .col_main .txt_x {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .con_after_cer .col_thumb,
  .con_after_cer .col_main {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	con_photo_spot
----------------------------------------------------------- */
.con_photo_spot {
  overflow: hidden;
}
@media only screen and (min-width: 1025px) {
  .con_photo_spot {
    padding: 0 15px;
  }
}
@media print {
  .con_photo_spot {
    padding: 0 15px;
  }
}
.ie8 .con_photo_spot {
  padding: 0 15px;
}
@media only screen and (min-width: 1025px) {
  .con_photo_spot .box_container {
    max-width: 1410px;
  }
}
@media print {
  .con_photo_spot .box_container {
    max-width: 1410px;
  }
}
.ie8 .con_photo_spot .box_container {
  max-width: 1410px;
}
.con_photo_spot .box_main {
  background: #f7f7f7;
  -webkit-box-shadow: inset 0 0 0 15px #f7f7f7, inset 0 0 0 18px #fff;
  box-shadow: inset 0 0 0 15px #f7f7f7, inset 0 0 0 18px #fff;
  padding: 80px 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_spot .box_main {
    padding: 50px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_main {
    padding: 3em 20px 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_main {
    -webkit-box-shadow: inset 0 0 0 4px #f7f7f7, inset 0 0 0 6px #fff;
    box-shadow: inset 0 0 0 4px #f7f7f7, inset 0 0 0 6px #fff;
  }
}
.con_photo_spot .st_title {
  margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_spot .st_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .st_title {
    margin-bottom: 20px;
  }
}
.con_photo_spot .box_list {
  max-width: 1100px;
  margin: auto;
}
.con_photo_spot .box_list .list {
  margin: 0 -50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_spot .box_list .list {
    margin: 0 -10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_list .list {
    margin: 0;
  }
}
.con_photo_spot .box_list .list .item {
  width: 50%;
  padding: 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_spot .box_list .list .item {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_list .list .item {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_list .list .item {
    width: 100%;
    margin-bottom: 2.2em;
  }
}
.con_photo_spot .box_list .list .item .thumb {
  margin-bottom: 20px;
}
.con_photo_spot .box_list .list .item .thumb img {
  width: 100%;
}
.con_photo_spot .box_list .list .item .st_title_2nd {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  font-weight: normal;
  font-size: 216%;
  line-height: 1.2;
  color: #4e4848;
  text-align: center;
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_photo_spot .box_list .list .item .st_title_2nd {
    font-size: 170%;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_list .list .item .st_title_2nd {
    font-size: 154%;
  }
}
.con_photo_spot .box_list .list .item .txt_x {
  font-family: "游明朝", "Yu Mincho", "YuMincho", "游明朝体", serif;
  -webkit-transform: rotate(0.028deg);
  transform: rotate(0.028deg);
  font-weight: bold;
  font-size: 108%;
  letter-spacing: 0.1em;
  font-weight: bold;
  line-height: 1.9;
  color: #4e4848;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_list .list .item .txt_x {
    font-weight: normal;
  }
}
@media only screen and (max-width: 767px) {
  .con_photo_spot .box_list .list .item .txt_x {
    text-align: left;
  }
}

/* -----------------------------------------------------------
	con_gallery
----------------------------------------------------------- */
.con_gallery {
  padding: 110px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gallery {
    padding: 50px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_gallery {
    padding: 2.5em 0;
  }
}
.con_gallery .box_title {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gallery .box_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_gallery .box_title {
    margin-bottom: 20px;
  }
}
.con_gallery .box_photogallery .masonry {
  width: 100%;
}
.con_gallery .box_photogallery .masonry .grid {
  width: 25%;
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_gallery .box_photogallery .masonry .grid {
    width: 33.33333%;
  }
}
@media only screen and (max-width: 767px) {
  .con_gallery .box_photogallery .masonry .grid {
    width: 50%;
  }
}
.con_gallery .box_photogallery .masonry .grid a {
  display: block;
  position: relative;
}
.con_gallery .box_photogallery .masonry .grid a:hover .box_txt {
  opacity: 1;
}
.con_gallery .box_photogallery .masonry .grid a img {
  width: 100%;
}
.con_gallery .box_photogallery .masonry .grid a .box_txt {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  padding: 10%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: rgba(0, 0, 0, 0.5);
}
.con_gallery .box_photogallery .masonry .grid a .box_txt .txt_caption {
  display: table;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  position: relative;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  bottom: -20px;
}
.con_gallery .box_photogallery .masonry .grid a .box_txt .txt_caption span {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%;
}