@media screen and (max-width : 1024px) {
	.wrapper {width: 100%; padding: 0 15px;}

/*	.half-content-wrapper {width: 100%; padding: 0 0 0 15px;}
	.half-content:last-child .half-content-wrapper {padding: 0 15px 0 0;}*/

    #intro .half-content.content30{ width: 100%; padding: 40px 80px;}
    #intro .half-content-wrapper{ width: 100%; text-align: center; }

    .gallery li img {padding:0 50px 0 50px;
    	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;}

}

@media screen and (max-width : 999px) {
    #main-menu {margin: 0 0 0 450px;}
}

@media screen and (max-width : 899px) {
	#footer-copyright {width: 100%; text-align: center;margin: 15px 0 0 0;}

	.site-logo {line-height: 55px;}

	#main-menu-toggle {display: block;}
	#main-menu {float: right; margin: 0;}
	#main-menu > ul {position: fixed; left: 0; top: 55px; display: none; width: 100%; height: calc(100% - 55px); background: #fff; overflow: auto; -webkit-overflow-scrolling: touch; text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main-menu .level-0:not(.icon-fb) {width: 100%;line-height: 100% !important}
	#main-menu .level-0:not(.icon-fb) > a {width: 100%; line-height: 100% !important; padding: 20px 0; font-size: 24px; }
	#main-menu .level-0:not(.icon-fb):hover > a {background: #9f1717; color: #fff;}
	#main-menu .level-0.current-menu-item > a, #main-menu .level-0.current-menu-parent > a {background: #9f1717; color: #fff !important;}
    .icon-fb a {margin-left:0}

}

@media screen and (max-width : 768px) {
 	.in-middle {width: 100%;}

    #home-book .half-content{ width: 100%;}

    .info-text .half-content{ width: 100%;}

    .book .half-content{ width: 100%;}

    .info-images {min-height: 290px;}
}

@media screen and (max-width : 640px) {

}

@media screen and (max-width : 599px) {
    .site-logo a {font-size:18px;}
    .site-logo a span { padding-left:80px}

    #footer-copyright {margin: 0;}

    .padding-content {padding: 50px 0;}

    #page-navi ul{margin:0}
    #page-navi a {font-size: 14px; padding: 0 10px;}
}

@media screen and (max-width : 500px) {

    #intro .half-content.content30{padding: 40px 20px;}

    .info-images {min-height: 220px;}

    .contact-form {width: 100%;}

}

@media screen and (max-width : 479px) {

}

@media screen and (max-width : 374px) {

    #page-navi a {font-size: 12px; padding: 0 10px;}

}