@media screen and (max-width: 640px) {
	html,
	body {
		min-width: 100%;
	}
	.inner {
		  width: 90%;
	}
	#g-nav {
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		display: none;
		position: relative;
		width: 100%;
	}
	#g-nav li {
		float: none;
		margin-left: 0;
		text-align: center;
	}
	#g-nav li a {
		display: block;
		padding: .5em 0;
	}
	.separator {
		display: none;
	}
	#breadcrumbs {
		margin: 0 auto;
		padding: 1em 0;
		width: 90%;
	}
	.home .sp-billboard img {
		display: block;
	}
	.home .billboard {
		margin-top: 0;
		width: 100%;
	}
	.home .billboard .inner {
		height: 300px;
	}
	.home .billboard #cloud {
		top: 0;
		-webkit-background-size: 500px;
		background-size: 500px;
	}
	.home .billboard .buddying_island,
	.home .buddying_nakama,
	.home .billboard .circle,
	.home .billboard .island02,
	.home .billboard .island03,
	.home .link_hand,
	.home .billboard #fb_btn,
	.home .blog img,
	.home .billboard #random-ochibi,
	 .home .billboard .island  {
		display: none;
	}
	.home .blog .article a div {
		margin-left: 0;
		width: 100%;
	}
	.col2 .left {
		float: none;
		width: 100%;
	}
	.col2 .right {
		float: none;
		padding: 24px 0;
		width: 100%;
	}
	.col3 .item {
		margin-right: 1em;
	}
	.ttl01 {
		font-size: 3em;
		text-align: center;
	}
	.ttl01 span {
		display: none;
	}
	.ttl02 {
		text-align: center;
	}
	.ttl03 {
		text-align: center;
	}
	.home .member {
		/*display: none;*/
	}
	.footer-separator {
		display: none;
	}
	#footer {
		padding-top: 2em;
	}
	#footer .col2 .right {
		display: none;
	}
	.sp-footer-content {
		display: block;
	}
	#header {
		padding: 1em 0;
	}
	#header .hamburger-button {
		    border: 0;
		    display: block;
		    padding: 24px;
		    position: absolute;
		    right: 0;
		    top: -.5em;
		    z-index: 100;
		  }
	  #header .hamburger-button div {
	    background: #000;
	    height: 2px;
	    margin-bottom: 4px;
	    -moz-transition: all 0.3s ease-in-out;
	    -o-transition: all 0.3s ease-in-out;
	    -webkit-transition: all 0.3s ease-in-out;
	    transition: all 0.3s ease-in-out;
	    width: 20px;
	  }
	  #header .hamburger-button.active div {
	    margin-bottom: 0;
	    margin-top: 8px;
	  }
	  #header .hamburger-button.active .bar01 {
	    -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	  }
	  #header .hamburger-button.active .bar02 {
	    display: none;
	  }
	  #header .hamburger-button.active .bar03 {
	    margin-top: -2px;
	    -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	    -webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	  }
	  #header .hamburger-button.active + #g-nav {
	    display: block;
	  }
	.members .partner div {
		width: 100%;
	}
	.members .partner img {
		display: block;
		margin: 0 auto;
		float: none;
	}
	.tb01 td,
	.tb01 th {
		display: block;
		width: 90%;
	}
	.tb02 td,
	.tb02 th {
		display: block;
		width: 90%;
	}
	input[type='email'],
	input[type='number'],
	input[type='tel'],
	input[type='text'] {
		width: 80%;
	}
	.notfound .sec01,
	.notfound .sec02 {
		background-size: 100%;
	}
	.notfound .sec02 .list02 {
		float: none;
		left: 0;
		top: 10em;
		position: relative;
	}
	.works .col3 .item-img {
		padding-top: 1em;
	}
	.home .ochibi_note {
		display: none;
	}
	#header .nav-random-ochibi {
		display: block;
	}
	.ochibi01 img {
		right: 1em;
		width: 90px;
	}
	.ochibi04 {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	body {
		font-size: .9em;
	}
	.col3 .item {
		float: none;
		margin: 0 auto!important;
		width: 70%;
	}
	.col3 .item a {
		margin-bottom: 1em;
	}
	.sitemaplist li {
		margin: 0 2em 1em 0;
		width: 100%;
	}
	#to-top {
		display: none;
	}
	.works .col3 .item-img {
		padding-top: 1.2em;
	}
}