@import url("../../css/layout.css");
.pure-u-lg-1-2, .pure-u-lg-12-24{
	float: left;
}
.ceremony-image{
	background-image: url(../image/image.jpg);
}

.banquet-image{
 background-image: url(../../banquet/image/image.jpg); 
}
.ceremony{
	margin: 0 auto 100px;
	max-width: 1200px;
  width: 100%;
}
.midashi-img{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.midashi-img img{
  width: 100%;
  vertical-align: bottom;
}
.midashi em{
  font-size: 12px;
}
.ceremony-name{
	position: static;
	font-size: 30px;
	margin: 10px 0 10px 0;
	    font-family: 'Roboto', sans-serif;
	letter-spacing: 2px;
text-align: center;
}
.ceremony-name img{
  height: 26px;
}
.ceremony-content{
	width: 50%;
}
.ceremony-detail{
width: 80%;
margin: 40% auto 0;
position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
.ceremony-detail p{
	font-size: 12px;
	line-height: 2.6;

}
.ceremony-detail h2{
	font-size: 14px;
	color: #ADA142;
	text-align: center;
		     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	letter-spacing: 1px;
margin: 20px 0;
border-bottom: solid #ccc 1px;
padding-bottom: 20px;
}
.ceremony-detail h2 em{
	font-size: 12px;
}
.ceremony-detail h2.ceremony-title-j{
	font-size: 14px;
	
	letter-spacing: 1px;
	
	color: #666;
}
.ceremony-detail .orange{
  color: orange;
}

.plan-detail a.btn{
  display: inline-block;
  width: 168px;
 
  padding: 10px 10px;
 
  background: transparent;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-size: 12px;
  background: #00B200;
  margin: 0 0 10px 0;
}
.plan-detail a.g-btn:hover {
  
  background: rgba(0,0,0,1); 
  color: #fff;
}
.plan-detail a.sc-btn{
	width: 234px;
}
.plan-detail a i{
	margin-right: 10px;
}

.modal{
  z-index:10000; 
	display:none;
	     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.modalBody{
	position: fixed; 
	z-index:10000; 
	background: #fff; 
	width:800px; 
	left:50%; 
	top:50%; 
	height: 600px;
	box-sizing: border-box;
	padding: 0 40px;
	    box-shadow: 0px 0px 10px 1px #777;
}
.modalBK{position: fixed; z-index:999; height:100%; width:100%;background:#000; opacity: 0.4;filter: alpha(opacity=90);-moz-opacity:0.90;top:0;}
.modal h2{
	text-align: center;
	    margin:40px 0 20px 0;
    border-bottom: solid #ccc 1px;
    padding: 0 0 20px 0;
    color: #ADA142;
}
.modal li{
	font-size: 12px;
	margin: 0 0 16px 0;
    text-align: center;
    line-height: 1.4;
}
.modal .width50{
	width: 48%;
}
.close{
	cursor: pointer;
	    position: absolute;
    right: 14px;
    top: 14px;
    width: 30px;
    height: 30px;
    background: url(../../image/common/close.png);
}
#bx-pager {
    display: table;
    width: 100%;
}
#bx-pager > a {
    display: table-cell;
    border: 1px solid transparent;
}
#bx-pager img {
    display: block;
    width: 100%; 
}
@media screen and (max-width: 1024px){
.ceremony-name img {
    height: 20px;
}
}
@media screen and (max-width: 768px){
   .bridal-plan .midashi{
   	    font-size: 12px;
    margin: 50px;
   }
   .main-image-text{
   	top:42%;
   }
   .modalBody{
   	width: 600px;
   }
   .ceremony-name img {
    height: 16px;
}
}
@media screen and (max-width: 469px){
    .plan-content{
    	width: 100%;
    }
    .plan-detail {
    width: 90%;
    margin: 20px auto;
}
.bridal-ceremony .midashi{
font-size: 12px;
margin: 50px;
}
.modalBody{
   	width: 300px;
   }
   .modal .width50{
   	width: 100%;
   }
   .modal h2{
   	font-size: 12px;
   }
   .ceremony-content{
    width: 100%;
   }
   .midashi-img{
    display: none;
   }
   .ceremony-detail {
    width: 80%;
    margin: 30px auto 0;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
}