@media only screen and (min-width:769px) {
		.visual { clear:both; height: 0; padding-bottom: 57%; }
		.visual img { width: 100% !important; }
		
		.top { text-align: center; padding: 40px 0; margin: 40px 0 0; }
		.top h2 { font-size: 24px; color: #996633; }
		.top p { font-size: 20px; }

		.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; }
		.plan ul li .content .price { font-size: 20px; border-bottom: solid 1px #D6D6D6; }
		.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; }

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

		.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; padding-bottom: 40px; color: #646464}

		.option { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 0; background: #EDEDED; }
		.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: 800px; 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; }

.option p+h4 { border-top: dotted 2px #D6D6D6; padding-top: 10px; }
.option h4+p { padding-left: 1em; }

.notice p+h4 { border-top: dotted 2px #D6D6D6; padding-top: 10px; }
.notice h4+p { padding-left: 1em; }


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



	}
	@media only screen and (max-width:768px) {
		
		.top { text-align: center; padding: 40px 0; margin: 40px 0 0; }
		.top h2 { font-size: 20px; color: #996633; }
		.top p { font-size: 16px; }

		.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; }
		.plan ul li .content .price { font-size: 16px; border-bottom: solid 1px #D6D6D6; }
		.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; padding-top: 20px; }

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

		.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; padding-bottom: 40px; color: #646464}

		.option { width: 100%; float: left; border-top: double 4px #D6D6D6; padding: 40px 10px; background: #EDEDED; 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; }


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

	}