/*-----ベース-----*/
html {
   -webkit-text-size-adjust: none;
}
.video embed,
.video object,
.video iframe {
   width: 100%;
   height: auto;
}
img{
	max-width:100%;
	height: auto;
   	width: auto\9; /* ie8 */
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrap-header, .wrap-pagetop, #content, .zerogrid, .block02{width:768px;}

.social {
    width: 100%;
}
	
	.zerogrid .col-1-3{width:30%;}
	.zerogrid .col-right{width:184px;}
	.zerogrid .col-left{width:504px;}
	
	.feature{padding:0px;}
	.welcome{margin:0px;}
}

@media only screen and (max-width: 767px) {
	.wrap-header, .wrap-pagetop, #content, .zerogrid, .zerogrid .col-right, .zerogrid .col-left, .block02{width:100%; margin:0px; padding:0px;}

.social {
    width: 100%;
}

#menuButt {
    display: block;
}

.logo {
    padding: 20px;
}
	
	.feature{padding:0px;}

.block01 article {
    width: 80%;
}
	.welcome{margin:0px;}
	
	.wrap-header {margin-top: 0px;height: 50px;}

.wrap-header #menuButt {
    margin: 0 20px;
}

.wrap-header ul li {
    width: 100%;
    padding: 10px;
}
	
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.zerogrid .col-1-3{width: 100%;margin-left: 0px;margin-bottom: 20px;}
	
	.wrap-header #logo{top:auto; bottom:10px;}
	
	nav{/* top:20px; *//* left:5px; */position: relative;width: 100%;top: 0px;right: 0px;}

#menuButt {
    display: block;
}

button#menuButt {
    display: block;
}

button#menuButt {
    display: block;
}

nav#menuTop {
    display: none;
}

nav#menuTop ul li {
    width: 100%;
    padding: 0px;
}
}

@media only screen and (max-width: 479px) {
	.zerogrid .col-1-3{width:100%;margin-left: 0px;margin-bottom: 20px;}
	
	.wrap-header{/* height: 200px; */}

button#menuButt {
    display: block;
    margin-top: 0px;
}
	.wrap-header #logo{top:auto; bottom:20px; left:5px;}
	.wrap-pagetop #search{top:45px; left:5px;}
	
	nav{/* top:40px; *//* left:5px; */}

nav#menuTop ul li {
    padding: 0px;
}

nav#menuTop {
    width: 100%;
    position: relative;
    top: 0px;
    right: 0px;
    display: none;
}
	
	#main-content img{width:80%; height: 80%;}
	
	footer .copyright{/* height:50px; */}
}