@media screen and (max-width:1300px) {
		.inner {
		padding: 0 20px;
		
	}
}
@media screen and (max-width:1100px) {
	body.home::before {
		width: 100%;
		left: 0;
	}
	body.home.scrolled::before {
		left: -50%;
		width: 200%;
		height: 140vh;
		bottom: 0;
	}
	




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

	.single .eyecatch {
		height: 20vh;
	}
	
	.single main {
		padding-top:20vh;
	}
	.blog-card {
			width: calc(100% - 60px);
			margin-left: 30px;
			max-width: 400px;
		}
	.blog-card-thumbnail,
	.blog-card-content {
		width: 100%;
		padding: 14px;
		padding-bottom: 0;
		
	}
	.ranking a {
		display: block;

	}
	.ranking .ranking-img,
	.ranking .txt {
		width: 100%;
		line-height: 1.3;
		padding: 4px 0 0;
	}
	
	.normal-list h2 {
		padding-top: 10px;
	}
	.footer_area {
		margin-bottom: 20px;
	}
	.footer_area .widget {
		width: 100%;
		border-left: 1px solid #681534;
		margin: 0 10px;
	}
	
	body.home.scrolled .normal-list .eyecatch {
		width: 120%;
	}
	.pv::after {
		width: 90%;
	}

}

@media screen and (max-width: 526px) {
	footer nav ul {
		width: 100%;
	}
	footer nav li {
		width: 50%;
		border-bottom: 1px solid #fff;
	}
	footer nav li:first-child {
		border-left: none;
	}
	footer nav li:nth-child(2) {
		border-right: none;
	}
	footer nav li:last-child {
		border-bottom: none;
		border-right: none;
		border-left: 1px solid #fff;
	}
	footer nav li:nth-last-child(2) {
		border-right: none;
		border-bottom: none;
	}

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


}



/* トップページ PC */
@media screen and (min-width: 780px) {
				/* 幅780px以上のとき適用するスタイル */
.normal-list .list-txt {
	width: calc(60% - 30px);
	margin-left: 30px;
}
.normal-list .eyecatch {
	width: 40%;
}
.normal-list h2 {
	padding-top: 5px;
}
}