
/* Plan Page */
div.plan{
	font-size:16px;
}

div.plan h2{
	margin:0;
	padding:0;
	width:900px;
	height:300px;
	background-repeat: no-repeat;
	text-indent: -10000px;
}

div.plan h2 div.descript{
	text-indent: 0;
	font-size:14px;
	width:400px;
	margin-top:100px;
	margin-left:20px;
	font-weight:none;
	font-family: "G-OTF 新丸ゴ Pro",meiryo,osaka;
	font-weight: normal;
	border-radius: 5px;
	color: rgba(0,0,0,0.75);
}

div.plan h2 div.descript ul.descript{
	display: block;
	width: 400px;
	list-style-type: disc !important;
}

div.plan h2 div.descript ul.descript li{

	font-size:14px;
	width:180px;
	float:left;
	list-style-type: disc !important;
}

div.plan h3{
	margin:0;
	margin-bottom:10px;
	margin-top:30px;

	font-size:26px;
	border-bottom:1px solid #666;
	color: #666;
	font-weight: normal;
}

div.plan span.impact{
	font-size:22px;
	font-weight: normal;
} /**/
/*
div.plan strong{
	display: inline-block;
	padding:2px;
	color:white;
	border-radius: 5px;
	background-color: #cc9966; ;
	font-weight: normal;
}/* */



div.plan{
	width: 100%;

	background-image:url(../img/plan/frame.png);
	position: relative;
	margin-top:80px;
	padding: 10px;
}
div#c1{
	margin-top:0px;
}

div.plan > div{
	background-color: white;
	position: relative;
}

div.plan > div:first-child{
	height:100%;
	z-index:1000;
	top:0px;
}

div.plan > div h3{
	margin:0;
	padding-left:30px;
	padding-top:30px;
	font-size:22px;
	border:none;
}
div.plan > div h3 > span{
	border-bottom:0px solid #666;
	padding:0 0px;
}

div.plan > div h3 span:nth-child(1){
		font-size:36px;
}
div.plan > div h3 span:nth-child(2){
		font-size:14px;
}

div.plan > div div.price:before{
	content: '￥';
	font-size:20px;
}
div.plan > div div.price:after{
	content: ' (+tax)';
	font-size:12px;
	letter-spacing: 1px;
}

div.plan > div div.price,div.plan > div div.description{

	height:30px;
	line-height:30px;
	vertical-align: bottom;
}
div.plan > div div.price{
	margin-left:60px;
	margin-top:10px;
	font-size:26px;
	display: inline-block;
	width:170px;
}

div.plan > div div.description{
	margin-top:10px;
	margin-right: 10px;
	padding-top: 8px;
	float:right;
	text-align: right;
	font-size:16px;
}

div.plan > div div.photos{

	padding:10px 0;
	margin-top:10px;
	margin-bottom:0px;
	background-color:#ffffff;
}

div.plan > div div.photo{
	display: inline-block;
	max-width:990px; 
	width: 100%;
	height:500px;

	margin:0px;
	margin-left:0px;
	overflow: hidden;
	white-space:nowrap;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ddd;
}

div.plan > div h4{
	margin-left:60px;
	margin-top:40px;
	margin-bottom:20px;
	font-weight: normal;
	font-size:22px;
}

div.plan.comming > div h4{
	font-size:22px;
	text-align: center;
	padding:0;
	margin:0;
	margin-top:60px;
	margin-bottom:5px;
	width: 100%;

}

div.plan.comming > div h4 + p{
	font-size:20px;
	text-align: center;
	padding:5px 0;
	margin:0;
	margin-top:5px;
	margin-bottom:5px;

	text-indent: 0;
	width: 100%;
}


div.plan > div ul{
	width:auto;
	margin:0px;
	margin-left:40px;
	display: inline-block;
	vertical-align: top;
}

div.plan > div ul li{
	font-size:14px;
	line-height:26px;
	margin-left:0;
}
div.plan > div ul li.mgb{
	margin-bottom:1em;
}

div.plan > div ul.mgb{
	margin-bottom:40px;
}

div.plan > div ul li:empty{display: none;}
div.point{
	vertical-align: top;
	display: inline-block;
	width: calc( 30% - 40px );
	padding:15px;
	font-size:14px;
	border:1px solid #ddd;
	margin-right: 20px;
	line-height:26px;
}

div.point span.title{
	display: block;
	text-align: center;
	margin-bottom:1em;
}

div.hope{
	width: 72%;
	vertical-align: top;
	padding:15px;
	font-size:14px;
	line-height:26px;
	border:1px solid #ddd;
	margin: 40px auto;

}

div.hope1{
	width: 90%;
	vertical-align: top;
	padding:15px;
	font-size:14px;
	line-height:26px;
	border:1px solid #a9a9a9;
	margin: 40px auto;

}

div.hope span.title{
	display: block;
	text-align: center;
	margin-bottom:1em;
}
div.hope span.title:nth-child( n + 2 ){
	margin-top:20px;
}

div.plan div.common-message,
div.plan div.common-button{
	width:calc( 100% - 20px );
	margin:0 10px;
	margin-bottom:10px;
	background-color: white;
}

div.plan div.common-message p{font-size:12px;margin-left:3em;text-indent:-1em;}
div.plan div.common-message{bottom:20px;}

div.plan div.common-button{bottom:5px;text-align: center;}
div.plan div.common-button a{
	display: inline-block;
	line-height:18px;
	font-size:16px;
	padding:5px 8px;
	border:2px solid #aaa;
	width:100px;
	text-decoration: none;
	color:#333;
}

div.plan div.common-button a:hover{
	background-color: #fafafa;
}


div.footage img{
	border:1px solid #aaa;
}
body.medium div.plan{
	width:480px;
}
body.medium div.plan div.description{
	display: block;
	float: none;
	text-align: left;
	height: auto;
}
body.medium div.plan div.photos{text-align: center;}
body.medium div.plan h4,body.medium div.plan ul{
	margin-left:10px;
	padding-left:10px;
}
body.medium div.plan div.common-message p{
	font-size:13px;
	margin-left: 10px;
}