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

.plan-image{

	background-image: url(../image/image.jpg);
	
	
}

.plan{
	margin: 0 auto 100px;
	max-width: 1200px;
}
.plan-title{
	
	font-size: 30px;
	margin: 10px 0 10px 0;
	     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

	letter-spacing: 2px;

}
.plan-title em{
	font-size: 12px;
	padding-left: 10px;
}
.ti-cap{
	color: #ADA142;
	
	font-size: 14px;
}
.plan-content{
	width: 50%;
}
.plan-detail{
width: 80%;
margin: 0 auto;
}
.plan-detail p{
	font-size: 12px;
	line-height: 2;

}
.plan-detail h2{
	color: red;
	font-size: 30px;
	font-family: 'Source Serif Pro', serif;
	letter-spacing: 1px;
margin: 0px 0 20px;
border-bottom: solid #ccc 1px;
padding-bottom: 10px;
}
.plan-detail h2 em{
	font-size: 12px;
}
.plan-detail h2.plan-title-j{
	font-size: 14px;
	
	letter-spacing: 1px;
	
	color: #666;
}
.plan-detail h2.price-option{
    margin-top: 4px;
}
.plan-detail h4{
    font-size: 12px;
    color: #ADA142;
    margin-top: 20px;
}
.plan-detail h4 strong{
      font-weight: bold;
    color: #333;
    font-size: 14px;
    line-height: 3;
}
.plan-detail dl{
font-size: 12px;
margin-bottom: 30px;
}
.plan-detail dt{
float: left;
font-weight: bold;
}
.plan-detail dd{
margin: 0 0 0 130px;
}
.plan-detail dd strong{
  font-weight: bold;
  color: #f00;
}
.plan-detail dt,.plan-detail dd{
	margin-bottom: 14px;
	line-height: 1.8;
}
.plan-detail h3{
	font-size: 14px;
border-bottom: solid #ccc 1px;
padding-bottom: 6px;
margin-bottom: 6px;
}
.plan-detail h3.teika{
  border-bottom: none;
  padding: 0;
  margin:20px 0 0;
      font-size: 20px;
    color: #777;
    letter-spacing: 1px;
    font-family: 'Source Serif Pro', serif;
}
.plan-detail h3.teika em{
  font-size: 12px;
}
.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{
	display:none;
	     font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.modalBody{
  display:none;
	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{
  display:none;
  position: fixed; 
  z-index:9999; 
  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;
    z-index: 9999;
    line-height: 1.4;
}
.modal h2 em{
  font-size: 10px;
}
.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%; 
}
.plan-single{
  margin: 0 auto 100px;
  max-width: 1000px;
}
.plan-single-image {
    width: 100%;
    height: auto;
    position: relative;
    background-size: cover;
        margin: 0 0 100px;
}
.plan-single-image img{
  width: 100%;
}
.plan-single-title{
  text-align: center;
}
.plan-single-title h1{
font-size: 36px;
       font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 50px 0;
}
.plan-single-title h1 em{
  font-size: 14px;
}
.plan-single-title h2{
  color: #ADA142;
}
.plan-single-title p{
 font-size: 14px;
 line-height: 2;
}
.plan-single-title h3{
  color: #f00;
  font-size: 36px;
  font-family: 'Source Serif Pro', serif;
  border-bottom: solid #f00 1px;
  padding: 0 0 20px 0;
  margin: 0 0 30px;

  letter-spacing: 2px;
}
.plan-single-title h3 em{
  font-size: 12px;
}
.plan-single-title h4{
      font-size: 16px;
    color: #777;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

}
.plan-left{
  float: left;
  width: 450px;
}
.plan-right{
  float: right;
  width: 520px;
  font-size: 14px;
  line-height: 2;
}
.plan-left img{
  width: 100%;
}
.plan-right dl{

    box-sizing: border-box;
    margin: 20px 0 60px;
    font-size: 16px;
}
.plan-right dt{
float: left;
font-weight: bold;
width: 100px;
color: #ADA142;
}
.plan-right dd{

}
.plan-table{
  width: 100%;
  font-size: 12px;
  border-top: solid #ccc 1px;
  border-left: solid #ccc 1px;
}
.plan-table td,.plan-table th{
  border-right: solid #ccc 1px;
  border-bottom: solid #ccc 1px;
  padding: 10px;
}
.plan-table tr td:last-child{
  text-align: center;
}
.plan-table th{
  background-color: #eee;
}
.tokuten{
  border: solid #ccc 1px;
    padding: 34px 30px 20px;
    position: relative;
    margin: 0 0 50px;
}
.tokuten h3 span{
background: pink;
    padding: 5px 24px;
    color: #fff;
    position: absolute;
    top: -24px;
    left: -1px;
    width: 100px;
    text-align: center;
    font-size: 16px;
}
.plan-kind h5{
font-size: 14px;
color: #f00;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
margin: 0 0 30px 0;
}
.plan-kind h3{
  line-height: 0.4;
}
.plan-kind li{
  display: inline-block;
  
  width: 24%;
}
.plan-single-title .plan-kind h3{
  padding: 0 25px 0px;
  box-sizing: border-box;
}
.plan-single-title .plan-kind h3 em{
  line-height: 5;
}
.plan-sub-menu{
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.plan-sub-menu li{
  display: inline-block;
  margin:0 20px;
}
.plan-sub-menu li a{
  color: #000;
}
.plan-sub-menu li a:hover{
  text-decoration: none;
}
@media screen and (max-width: 768px){
   .bridal-plan .midashi{
   	    font-size: 12px;
    margin: 50px;
   }
   .main-image-text{
   	top:42%;
   }
   .modalBody{
   	width: 600px;
   }
   .plan-sub-menu li {
    display: block;
    margin: 20px 0;
}
}
@media screen and (max-width: 469px){
    .plan-content{
    	width: 100%;
    }
    .plan-detail {
    width: 90%;
    margin: 20px auto;
}
.plan-title{
  font-size: 22px;
}
.modalBody{
   	width: 300px;
   }
   .modal .width50{
   	width: 100%;
   }
   .modal h2{
   	font-size: 12px;
   }
   .plan-right,.plan-left{
    float: none;
    width: 100%;
   }
   .plan-table{
    font-size: 10px;
   }
   .plan-single-image{
        margin: 63px 0 60px;
   }
   .plan-single{
    padding: 0 10px;
    box-sizing: border-box;
   }
   .plan-single-title h2{
    font-size: 14px;
    margin: 0 30px;
    line-height: 1.4;
   }
   .plan-single-title h1{
    font-size: 24px;
   }
   .plan-single-title h1 em {
    font-size: 12px;
}
.plan-single-title h3{
  font-size: 24px;
  margin: 0 0 30px;
  padding: 0;

}
.plan-single-title h3 em {
    font-size: 10px;
}
.plan-right dl{
  font-size: 12px;
}
.plan-kind li{
  display: block;
  width: auto;
}
}