@media only screen and (min-width:769px) {
		.visual { clear:both; height: 0; padding-bottom: 57%; position: relative; }
		.visual img { width: 100% !important; }
		.visual h2 {
position: absolute; 
bottom: 15%;
    font-size: 64px;
    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		.visual p {
position: absolute;
bottom: 30%;
    font-size: 40px;
line-height: 1.5em;
    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		
		.top { text-align: center; padding: 40px 0; margin: 40px 0 0; }
		.top h2 { font-size: 24px; color: #996633; }
		.top p { font-size: 20px; }

		.photos { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #FFF; overflow: hidden; }
		.photos h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.photos h3 { font-size: 16px; text-align: center; color: #646464}

		.plan { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #EDEDED; }
		.plan h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.plan h3 { font-size: 16px; text-align: center; color: #646464}
		.plan ul { width: 990px; margin: 0 auto; }
		.plan ul li { width: 100%; float: left; background: #FFF; margin: 40px 0 0; }
		.plan ul li .photo { width: 240px; float: left; }
		.plan ul li .content { width: 750px; float: right; box-sizing: border-box; padding: 20px; }
		.plan ul li .content h4 { font-size: 20px; }
		.plan ul li .content h5 { font-size: 16px; border-bottom: solid 1px #D6D6D6; }
		.plan ul li .content .price { font-size: 20px; }
		.plan ul li .content .price b { color: #BC3829; }
		.plan ul li .content .price span { font-size: 14px; }
		.plan ul li .content .caption { font-size: 16px; color: #323232; line-height: 1.5em; }
		.plan ul li .content .reserve { text-align: right; }

		.option { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #FFF; }
		.option h3 { clear: both; font-size: 24px; text-align: center; padding-top: 30px; background: url("/common/imgs/title_sakura_s.png") no-repeat top center; }
		.option .box { width: 640px; margin: 40px auto; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.option .box h4 { font-size: 20px; }
		.option .box p { font-size: 16px; padding-bottom: 1em; }


		.calendar { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #EDEDED; }
		.calendar h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.calendar h3 { font-size: 16px; text-align: center; color: #646464; }
		.calendar h4 { font-size: 36px; text-align: center; }
		.calendar table { width: 880px; margin: 40px auto 0; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.calendar th { font-size: 20px; border-bottom: solid 2px #D6D6D6; padding: 20px; background: #EDEDED; text-align: center; }
		.calendar td { font-size: 20px; border-bottom: solid 2px #D6D6D6; padding: 20px; }
		.calendar td b { color: #BB3828; }
		.calendar p { text-align: center; }
		.calendar .caption { text-align: left; color: #BB3828; width: 880px; margin: 0 auto; }
		
		



	}
	@media only screen and (max-width:768px) {
		.visual { position: relative; }
		.visual h2 {
position: absolute; 
bottom: 15%;
    font-size: 32px;
line-height: 1.5em;

    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		.visual p {
position: absolute;
bottom: 30%;
    font-size: 16px;
line-height: 1.5em;
    color: #FFF;
    text-align: center;
    width: 100%;
text-shadow:0px 0px 10px #000;
}
		
		.top { text-align: center; padding: 40px 0; margin: 40px 0 0; }
		.top h2 { font-size: 20px; color: #996633; }
		.top p { font-size: 16px; }

		.photos { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #FFF; overflow: hidden; }
		.photos h2 { font-size: 24px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.photos h3 { font-size: 16px; text-align: center; color: #646464}

		.plan { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #EDEDED; box-sizing: border-box; }
		.plan h2 { font-size: 24px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.plan h3 { font-size: 16px; text-align: center; color: #646464}
		.plan ul { width: 100%; margin: 0 auto; }
		.plan ul li { width: 100%; float: left; background: #FFF; margin: 40px 0 0; padding: 20px; box-sizing: border-box; }
		.plan ul li .photo { width: 240px; margin: 0 auto; }
		.plan ul li .content { width: 100%; }
		.plan ul li .content h4 { font-size: 20px; }
		.plan ul li .content h5 { font-size: 16px; border-bottom: solid 1px #D6D6D6; }
		.plan ul li .content .price { font-size: 16px; }
		.plan ul li .content .price b { color: #BC3829; }
		.plan ul li .content .price span { font-size: 14px; }
		.plan ul li .content .caption { font-size: 14px; color: #323232; line-height: 1.5em; }
		.plan ul li .content .reserve { text-align: center; }

		.option { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #FFF; box-sizing: border-box; }
		.option h3 { clear: both; font-size: 24px; text-align: center; padding-top: 30px; background: url("/common/imgs/title_sakura_s.png") no-repeat top center; }
		.option .box { width: 100%; margin: 40px auto; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.option .box h4 { font-size: 16px; }
		.option .box p { font-size: 14px; padding-bottom: 1em; }


		.calendar { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #EDEDED; box-sizing: border-box; }
		.calendar h2 { font-size: 48px; text-align: center; padding-top: 40px; background: url("/common/imgs/title_sakura.png") no-repeat top center;}
		.calendar h3 { font-size: 16px; text-align: center; color: #646464}




		.calendar h4 { font-size: 24px; text-align: center; }
		.calendar table { width: 100%; margin: 40px auto 0; padding: 20px; border: solid 2px #D6D6D6; box-sizing: border-box; background: #FFF; }
		.calendar th { font-size: 16px; border-bottom: solid 2px #D6D6D6; padding: 10px; background: #EDEDED; text-align: center; }
		.calendar td { font-size: 16px; border-bottom: solid 2px #D6D6D6; padding: 10px; }
		.calendar td b { color: #BB3828; }
		.calendar p { text-align: center; }
		.calendar .caption { text-align: left; color: #BB3828; }

		

	}