/*            980px Screen         */

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

	.more-article ul li{
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.more-article ul li img{
		display: block;
		margin:auto;
	}

	.more-article ul li .article-text{
		height: auto;
		padding: 16px 10px 30px 10px;
	}

}

						/*            760px Screen         */

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

	h1{font-size: 18px;}
	h2{font-size: 14px;}
	h3{font-size: 13px;}
	h4{font-size: 12px;}
	h5{font-size: 11px;}
	h6{font-size: 18px;}

	.header .frame{padding:0;}

	.top-header{padding:0;}

	.store{
		float: none;
		width: 100%;
	}

	.header{border-bottom: none;}

	.bttn-apple,
	.bttn-google{
		display: block;
		width: 100%;
		overflow: hidden;
		margin:0;
		border:none;
		border-radius: 0;
		padding-right: 20px;
	}

	.logo{
		float: none;
		width: 100%;
		padding:38px 20px;
	}

	.mobile-toggle{display: block;}

	.navigation{display: none;}

	.navigation ul li{
		float: none;
		width: 100%;
		text-align: center;
		margin-left: 0;
	}

	.navigation .frame{padding:0;}

	.navigation ul li a{border:none;}
	.navigation ul li a:first-child{padding-right: 11px;}

	.navigation li a.active,
	.navigation li a:hover{
		color:#ffffff;
		background: #00c600;
		border-bottom:none;
	}

	.right-content{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}

	.sidebar{
		float: none;
		width: 100%;
	}

	.archive-content ul li a{display: block;}

	.content{padding-top:10px;}

	.filtertag-search{margin-bottom: 10px;}

	.filtertag-search span{margin-bottom: 5px;}

	.blog-list-box{margin-bottom: 10px;}

	.blog-list-box .article-text{padding:20px 10px;}

	.search-form{margin-bottom: 10px;}

	.footer{
		padding-top:0;
		border-top:1px solid #e0e0e0;
	}

	.footer .frame{padding:0;}

	.footer-store{
		float: none;
		width: 100%;
	}

	.footer-store h3{display: none;}

	.bttn-footer{
		display: block;
		width: 100%;
		overflow: hidden;
		padding-right: 20px;
		margin:0;
		background: -webkit-linear-gradient(top, #3e3e3e, #2a2a2a);
		background: -o-linear-gradient(bottom, #3e3e3e, #2a2a2a);
		background: -moz-linear-gradient(to bottom, #3e3e3e, #2a2a2a);
		background: linear-gradient(to bottom, #3e3e3e, #2a2a2a);
		border:none;
		border-radius: 0;
	}

	.bttn-footer.google{
		color:#373737;
		background: -webkit-linear-gradient(top, #fefefe, #f0f0ef);
		background: -o-linear-gradient(bottom, #fefefe, #f0f0ef);
		background: -moz-linear-gradient(to bottom, #fefefe, #f0f0ef);
		background: linear-gradient(to bottom, #fefefe, #f0f0ef);
	}

	.right-footer{
		float: none;
		width: 100%;
		text-align: center;
		padding:25px 30px 5px 30px;
	}

	.right-footer ul{
		height: 39px;
		overflow: hidden;
		margin-top:20px;
		border:1px solid #808d91;
		border-radius: 5px;
	}

	.right-footer ul.open{height: auto;}

	.right-footer ul li{
		float: none;
		display: block;
		padding:10px;
	}

	.right-footer ul li:first-child{
		padding:10px;
		background: url('../images/grey-arrow-down.png') no-repeat 10px center;
	}

	.right-footer ul.open li:first-child{background: url('../images/grey-arrow-top.png') no-repeat 10px center;}

	.specific-blog .article-text{padding: 25px 10px 0 10px;}

}