/* 　*/

.sp_only {
	display: none;
}

@media only screen and (max-width: 1999px) {
	.block .inner {
		width: 90%;
	}
	.point .img_l,
	.point .img_r,
	.point ul,
	.about ul li img,
	.staff ul,
	.present .presentbox,
	.qa dl,
	.access .information,
	.access .map,
	.schedule .present{
		width: 100%;
	}
	.about ul li {
		width: 30%;
		margin: 0 1%;
	}
	.point .p_num {
		padding-top: 0;
	}
	footer .inner {
		width: 90%;
	}
}

@media only screen and (max-width: 1016px) {
	h1 {
		width: 100%;
	}
	.block .inner {
		width: 90%;
	}
	#main {
		min-height: inherit;
	}
	#main .mainimg .logo {
		width: 15%;
	}
	#main .mainimg .badge {
		bottom: 22% !important;
		right: 5%;
	}
	.schedule .ttl br {
		display: block;
	}
	.schedule .ttl {
		line-height: 1.4;
		font-size: 200%;
	}
	.schedule a.mail_btn,
	.schedule a.tel_btn {
		width: 90%;
 		padding: 25px 15px;
		margin: 2% 0;
	}
	.point .img_l .text,
	.point .img_r .text,
	.point .img_l img,
	.point .img_r img,
	.facility .kidsroom .text,
	.facility .kidsroom .imagephoto {
		float: none;
		width: 100%;
		margin: 0;
	}
	.point ul {
		padding: 20px;
	}
	.point ul li {
		width: 49%;
	}
	.point div h3 {
		margin-bottom: 2%;
	}
	.present .presentbox .text {
		font-size: 80%;
	}
	.point .img_l img,
	.point .img_r img {
		margin-bottom: 10%;
	}
	.facility .kidsroom h3 {
		margin: 0 0 2%;
	}
	.facility .kidsroom .numimg {
		width: 20%;
		margin: 5% 0 1% 0;
	}
	.facility .other .numimg {
		width: 70%;
	}
	.access .information .text {
		margin: 0;
	}
	.present .ttl {
		top: -15px;
    left: 13%;
    width: 75%;
	}
	.present .presentbox .web_p,
	.present .presentbox .reserve_p {
		padding: 40px 25px 25px;
	}
	.schedule .present {
		padding: 40px;
	}
	.schedule .present .ttl {
		top: -25px;
	}
	.schedule .present .presentbox .web_p,
	.schedule .present .presentbox .reserve_p {
		padding: 40px 20px 20px;
	}
	.schedule .present .presentbox .text span {
		font-size: 100%;
	}
	.schedule .present .comment p {
		font-size: 80%;
	}
	.understand .box h3 {
		line-height: 1.5;
		font-size: 100%;
		margin: 8% 0 10%;
	}
	.understand .box h3 img {
		margin-bottom: 5%;
	}
	footer {
		padding: 50px 0;
	}
	footer ul {
		width: 50%;
	}
}
@media only screen and (max-width: 639px) {
	.block h2 img,
	.schedule .catch img,
	.about ul li img,
	.point ul li,
	.point ul,
	.staff ul,
	.present .presentbox,
	.qa dl,
	.access .information,
	.access .map,
	.understand .pamphlet,
	.understand .pamphlet img {
		width: 100%;
	}
	.schedule .subtext span br,
	.block h2 br {
		display: block;
	}
	.facility .other .text,
	.present .presentbox .web_p,
	.present .presentbox .reserve_p,
	.access .information .beta,
	.access .information .text,
	.understand .pamphlet .text,
	.understand .box {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.pc_only {
		display: none;
	}
	.sp_only img,
	img.sp_only {
	  width: 100%;
		margin: 0 auto;
	}
	.sp_only {
		display: block;
	}
	body {
		font-size: 120%;
	}
	#main {
    height: auto;
	}
	#main .mainimg {
		height: 540px;
	}
	#main .mainimg img {
    width: 100%;
    left: 5%;
	}
	#main .mainimg h1 {
	  right: 0;
    padding: 0;
    position: absolute;
    line-height: 1.6;
		width: 90%;
		margin: 0 auto;
		bottom: 7% !important;
	}
	#main .mainimg .badge {
		width: 40%;
		right: 3%;
		position: absolute;
		bottom: 24% !important;
	}
	#main .mainimg .logo {
		width: 30%;
    left: 0;
	}
	
	/* block */
	.block {
		padding: 50px 0;
	}
	.block h2 {
		box-sizing: border-box;
		margin-bottom: 20px;
		font-size: 120%;
	}
	
	/* schedule */
	.schedule .catch {
		margin-bottom: 5%;
	}
	.schedule .subtext {
		margin-bottom: 5%;
	}
	.schedule .block .inner {
		padding-bottom: 0;
	}
	.schedule .comment {
		margin-top: 3%;
	}
	.schedule .comment p {
		display: block;
		text-align: center;
	}
	.schedule .comment p a {
		text-decoration: underline;
	}
	.linkarea {
		margin-top: 7%;
	}
	.schedule .present {
		width: 100%;
		background: none;
		padding: 0;
		margin-top: 8%;
	}
	.schedule .present h3 {
		padding-bottom: 8px;
    margin-bottom: 8%;
    background: none;
    font-size: 130%;
    border-bottom: 1px solid #333;
	}
	.schedule .present .comment p {
		text-align: left;
	}
	.schedule .present .ttl {
		top: -18px;
	}
	.schedule .present .presentbox .text span {
		font-size: 120%;
	}
	.schedule .present .presentbox img.pop {
		right: 40px;
		bottom: 170px;
	}

	/* about */
	.about h2 {
		background-size: 4%;
		padding-bottom: 15px;
	}
	.about ul {
		margin: 0 auto;
	}
	.about ul li {
		margin: 0 auto 5%;
		width: 80%;
	}
	.about ul li:last-child {
		margin-bottom: 0;
	}
	
	/* point */
	.point ul {
		padding: 20px;
	}
	.point ul li {
		margin-bottom: 2%;
	}
	.point div h3 {
		width: 100%;
		box-sizing: border-box;
		margin: 2% 0 5%;
	}
	.point #num04 .mh_info {
		margin-top: 10%;
	}
	.point #num04 .mh_info .photo img {
		margin-bottom: 5%;
	}
	.point #num04 .mh_shizuoka,
	.point #num04 .mh_fujieda {
		width: 100%;
		float: none;
	}
	.point #num04 .mh_shizuoka {
		margin-bottom: 10%;
	}


	/* staff */
	.staff {
		padding-top: 0;
	}
	.staff ul li {
		width: 46%;
		margin: 0 2% 4%;
	}
	
	/* facility */
	.facility {
		padding-bottom: 0;
	}
	.facility .kidsroom .numimg {
		margin-bottom: 0;
		width: 25%;
	}
	.facility .other {
		padding-top: 30px;
	}
	.facility .other .numimg {
		margin-bottom: 4%;
		width: 50%;
	}
	.facility .other .text {
		margin-bottom: 20%;
	}
	
	/* present */
	.present {
		padding-bottom: 30px;
	}
	.present h2 {
		padding-bottom: 20px;
	}
	.present .ttl {
		top: -18px;
    left: 12%;
    width: 75%;
	}
	.present .presentbox .web_p,
	.present .presentbox .reserve_p {
		margin-bottom: 10%;
	}
	.present .presentbox .text {
		font-size: 100%;
	}
	.schedule .present .comment p {
		font-size: 90%;
	}
	.present .presentbox img.pop {
		width: 25%;
		bottom: 170px;
		right: 40px;
	}
	
	/* understand */
	.understand .box h3 {
		margin-bottom: 6%;
		font-size: 110%;
	}
	.understand .box h3 img {
		width: 10%;
		margin-bottom: 3%;
	}
	.understand .pamphlet {
		margin: 20% auto 0;
    padding: 40px 25px 15px;
	}
	.understand .pamphlet .ttl {
    top: -18px;
    left: 12%;
    width: 75%;
	}
	.understand .pamphlet .text {
		margin-top: 5%;
	}
	
	/* qa */
	.qa {
		padding-bottom: 0;
	}
	.qa dl dd {
		margin-bottom: 10%;
	}
	
	/* access */
	.access .information .text {
		margin: 5% 0;
	}
	
	/* footer */
	footer ul {
		float: none;
		width: 80%;
		margin: 0 auto 5%;
    text-align: center;
	}
	footer copy {
		display: block;
		float: none;
		clear: both;
		text-align: center;
	}
}