@media screen and ( max-width:599px )
{
img { width: 100%; }
.visible-md { display:none;}
.visible-xs { display: block;}
.wrapper { width: auto ; padding: 34px 10px 70px ; }
	.header-wrapper { width: auto; padding: 0; margin: 0 0 10px; height: auto; }
	.header-name { width: auto; padding:10px 0 0; float: none; margin: 0; text-align: center;}
	.header-name img { width: 40%; height: auto;}
	.header-logo { width: auto; float: none; padding: 0px 0 0; margin: 0; text-align: center;}
	.header-logo img { width: 50%; height: auto;}
	.header-tools {display: none;}

	.index-box { padding:20px 15px; }
	.slide-box { padding:10px 10px 20px; }
	.fb { float:none; width:auto; margin-bottom: 30px; height: 20%;}
	.news { float: none; height: auto; width:auto;}
	.wrapper-sub { width:auto; }
	.prof { width:auto; margin-bottom: 30px;}
	.prof h3 img{ width: auto; }
	.prof p { padding: 0 15px; }
	.history {  width:auto; background: url(../img/bg_prof.png) repeat-x top; border-top:1px solid #fff;  }
	.history h3{ margin-bottom: 0px;}
	.history h3 img { width: auto;}
	.history p { padding: 0 15px; }
	.history table { padding: 15px; margin: 0;}
	.history td{ padding: 2px 0; margin: 0; vertical-align: top;}
	.year { width:18%; }
	.date { width:12%; text-align: left;}
	.event { width: 70%; }
  .footer-sns {display: block; text-align: center; padding: 20px 15px 8px; border-top: 1px solid #f8e0e0;}
	.footer-sns img {width: auto; }
	.sns-icons {margin-bottom: 10px; padding: 0;}
	.shop-icons { padding: 0;}

	.container { width:auto; }
	.container h2 { margin-bottom: 10px;}
  .second-cap { font-size: 16px;  }

	.box-wedding { width:auto; padding: 0px 13px 13px 0; margin: 20px 0px;}
	.wedding01 { float: none; width: auto; padding: 0;}
	.wedding01 img { width: 100%; }
	.wedding-inner  { padding:  0; }
	.wedding02 { float: none; padding: 0 13px;}
	.wedding02 img { width: 105%; }

	.gal-box { width: auto; float: none; padding: 8px; margin: 0 0 10px; height: auto;}
	.gal-box2 { width: auto; float: none; padding: 8px; margin: 0 0 10px; height: auto;}
	.gallery-btn { padding: 20px 0px;}

	.box-lesson { width:auto; padding: 13px 13px 8px; margin: 20px 0px;
	  overflow: hidden; border: 1px solid #ffebf0;}
	.lesson01 { float: none; margin: 0px 0 6px;}
	.lesson02 { float: none; }
	.lesson-btn { padding: 0px;}

	.box-about{ width:auto; padding: 20px 15px; margin: 0px 0px 14px;
	  overflow: hidden; border: 1px solid #ffebf0;}
	.about-txt { float: none; margin-bottom: 10px;}
	.about-pic { width: 97%; float: none;}

	.box-contact { width:auto; padding: 20px 14px 40px; margin: 16px 0px;}
	.form-wrap { width: auto; margin: 30px 0px; padding: 20px 15px 20px;}
	.form-txt1 { padding: 0px 0px 15px; margin: 0 0 24px; }
	.form-txt1 h4, .form-txt2 h4, .form-txt3 h4 { color: #cc3366; font-weight: 600; margin-bottom: 10px; text-align: center;}
	.form-txt2 { width: auto; float: none; margin-left: 0px; margin-bottom: 20px; border-bottom: 1px dashed #c5b08e;  padding-bottom: 15px;}
	.form-txt3 { width: auto; float: none; margin-right: 0px;}

.test-form-box{ width:auto; }
.form-text{ width:90%;}
.form-text2{ width:90%;}
.form-text3{ width:15%;}

}


@media screen and (min-width:600px) and  (max-width:959px)
{
img { width: auto; }
.visible-md { display:none;}
.visible-xs { display: none;}
.wrapper { width: auto ; padding: 34px 10px 70px ;}
.header-wrapper { width: auto; padding: 0; margin: 0 0 10px; height: auto; }
.header-name { width: auto; padding:10px 0 0; float: none; margin: 0; text-align: center;}
.header-name img { width: 30%; height: auto;}
.header-logo { width: auto; float: none; padding: 0px 0 0; margin: 0; text-align: center;}
.header-logo img { width: 30%; height: auto;}
.header-tools {display: none;}
.slide-box { padding:20px 15px 30px;}
.slide-box h2 img {width: auto%;}
.index-box { padding:20px; }
.fb { float:left; width:40%; background: #000;}
.news { float: right; height: auto; width:auto; width:53%;}
.news img { width: 100%;}
.wrapper-sub { width:auto; padding: 0 15px;}
.prof { float: left; width:38%; }
.prof h3 img{ width: auto; }
.prof img{ width: 100%; }
.history { float: right; width:55%; color:#663333; }
.history h3 img { width: auto;}
.year { width:18%; }
.date { width:12%; text-align: right;}
.event { width: 80%; }
.footer-sns {display: block; text-align: center; padding: 20px 15px 8px; border-top: 1px solid #f8e0e0; margin-top: 40px;}
.footer-sns img {width: auto; }
.sns-icons {margin-bottom: 10px; padding: 0;}
.shop-icons { padding: 0;}

.container { width:auto; }
.container h2 { margin-bottom: 20px;}
.container h2 img { width: 100%;}
.second-cap { font-size: 16px;  }

.box-wedding { width:auto; padding: 13px 13px 13px; margin: 40px 0px; }
.wedding01 { float: left; width: 63%; margin:15px 10px 0 0px; }
.wedding01 img { width: 100%; }
.wedding-inner  { padding: 10px 20px 0; }
.wedding02 { float: right; width: 35%;  }
.wedding02 img { width: 100%; }

.gal-box { width: 30%; float: left; padding: 8px; margin: 0 8px 10px 0; height: auto;}
.gal-box img { width: 100%; }
.gal-box2 { width: 30%; float: left; padding: 8px; margin: 0 0 10px; height: auto;}
.gal-box2 img { width: 100%;}
.gallery-btn { padding: 20px 100px;}

.box-lesson { width:auto; padding: 13px 13px 8px; margin: 20px 0px;
	overflow: hidden; border: 1px solid #ffebf0;}
.lesson01 { float: left; margin: 0px 8px 0 0; width: 31%;}
.lesson02 { float: right; width: 31%; }
.lesson-btn { padding:0px 100px;}

.box-about{ width:auto; padding: 20px 20px; margin: 0px 0px 14px;
	overflow: hidden; border: 1px solid #ffebf0;}
.box-about h3 img { width:100%; }
.about-txt { width: 54%; float: left; margin-bottom: 20px;}
.about-pic { width: 40%; float: right;}

.box-contact { width:auto; padding: 24px 30px 40px; margin: 30px 0px;}
.form-wrap { margin: 20px 0 0; }
.form-txt1 { margin: 40px 0px 20px; }
.form-txt1 h4, .form-txt2 h4, .form-txt3 h4 { color: #cc3366; font-weight: 600; margin-bottom: 10px;}
.form-txt2 { width: 48%; float: left; margin-left: 0px;}
.form-txt3 { width: 48%; float: right; margin-right: 0px;}

.test-form-box{ width:auto; }
.form-text{ width:95%;}
.form-text2{ width:95%;}
.form-text3{ width:20%;}

}