/**
 * Makoto-CSS スマホ・タブレット対応
 */

/** 1200px (Small Desktop, Netbook) **/
@media screen and (max-width:1280px) {
	.wp3 {
		background-position: 50px 0;
	}
}

/** Bootstrap 990px Breakpoint to 480px **/
@media screen and (min-width:480px) and (max-width:991px) {
	.iphone {
		display: none;
	}
	.fluid-white {
		display: none;
	}
	.wrapper {
		background: #f3f5f8;
		height: 540px;
	}
	.wp2, .wp5, .light-box {
		margin-bottom: 30px;
	}
	.legals {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.credit {
		text-align: center;
	}
}

/** xGA iPad **/
@media screen and (max-width:1024px) {
	.wp3 {
		background-position: 50px 0;
	}
	.swag {
		background-attachment: scroll;
	}
	.subscribe {
		background-attachment: scroll;
	}
	.intro {
		padding: 60px 30px;
	}
}

/** 480px (WVGA - Low End Windows Phone) **/
@media screen and (max-width:480px) {
	.wrapper {
		background: #f3f5f8;
		height: 640px;
	}
	.iphone {
		display: none;
	}
	.fluid-white {
		display: none;
	}
	.wp2, .wp4, .wp5, .light-box {
		margin-bottom: 30px;
	}
	.legals {
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.credit {
		text-align: center;
	}
	.makoto-header-title {
		padding: 20px 0 100px 0;
	}
	.makoto-header-title h1 {
		font-size: 28px;
	}
	.makoto-header-title h2 {
		font-size: 11px;
	}
	.inner {
		padding-top: 120px;
	}
	.wp4 {
		margin-bottom: 0px;
	}
	body.home footer {
		padding: 20px 0px !important;
	}
	.learn-more-btn {
		margin-top: 20px;
	}
	.flex-direction-nav {
		display: none;
	}
	.flexslider {
		padding-top: 40px;
	}
}

/** 320px (iPhone) **/
@media screen and (max-width:320px) {
}

@media only screen and (min-width:651px) {
  html {
    font-size: 71.4286%;
  }
}

@media only screen and (min-width:961px) {
  html {
    font-size: 75.8929%;
  }
}