.header{
    width: 100%;
    height: 70px;
    padding: 5px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header img{
    width: 100px;
}

.clear {
  clear: both; }
  .clear hr {
    display: none; }


@media screen and (max-width:768px){
    .header{
        margin-bottom: 0px;
    }
}

.sp {
    display: none;
}

@media screen and (max-width:768px){
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
}
*{
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
}
img{
    width: 100%;
    vertical-align: bottom;
}
.container{
    width: 1100px;
    margin: 0 auto;
}
.kv{
    width: 100%;
    margin-bottom: 30px;
}
.txt{
    font-size: 13px;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-align: center;
    margin: 60px 0;
}
.items{
    width: 100%;
}
.list{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    margin-left: 0px;
}
.list::before{
    display: block;
    content: '';
    width: 25%;
    order: 1;
}
.list::after{
    display: block;
    content: '';
    width: 25%;
}
.list li{
    flex-basis: 25%;
    padding: 10px;
    margin-bottom: 20px;
	height: 400px;
}
.list li a{
    display: block;
    text-decoration: none;
    color: #333;
}
.item-status{
    padding: 5px;
}
.item-status .bland{
    margin-bottom: 5px;
}
.item-status .item-name{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
    margin-bottom: 5px;
}
.item-status .price::before{
	content: "\0a5";
}
.list li p{
    font-size: 12px;
    letter-spacing: 0.1em;
}
.item-img{
    width: 100%;
    overflow: hidden;
}
.item-img img {
    height: auto;
    transition: transform .6s ease; 
}
.item-img:hover img {
    transform: scale(1.06);
	transition: .3s;
}
.item-btn{
    position: relative;
    width: 100%;
    text-align: center;
    color: #333;
    padding: 5px 0px;
    background: #eae6e0;
    font-size:13px;
    font-weight: bold;
    transition: .4s;
    border: 1px solid #eae6e0;
}
.item-btn:hover{
    background: #fff;
}
.item-btn::after{
    content: '▶';
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0,-50%);
    font-size: 9px;
}
.more-btn{
    width: 360px;
    margin: 60px auto;
    text-align: center;
}
.more-btn a{
    position: relative;
    display: block;
    color: #333;
    background: #eae6e0;
    font-size:13px;
    font-weight: bold;
    border: 1px solid #eae6e0;
    padding: 20px 0px;
    text-decoration: none;
    transition: .2s;
}
.more-btn a:after{
    content: '▶';
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translate(0,-50%);
    font-size: 9px;
}
.more-btn a:hover{
    background: #fff;
}
.fadeIn_up {
    opacity: 0;
    transform: translate(0, 20%);
    transition: 1.2s;
}
.fadeIn_up.is-show {
    transform: translate(0, 0);
    opacity: 1;
}
.copylight{
	font-size: 11px;
	letter-spacing: 0.1em;
	text-align: center;
	margin: 100px 0;
}

	.backno{
		background: #FBFBFB;
		margin: 100px 0;
		padding: 50px;
	}
	.backno_title{
		text-align: center;
		font-size: 20px;
		margin-top: 50px;
		letter-spacing: 0.1em;
	}
	#backnumber{
		margin-top: 30px;
	}
	.archive{
		display: block;
		width: calc(100%/4);
		float: left;
		padding: 10px;
		margin-bottom: 50px;
		color: #000000;
		text-decoration: none;
		border: solid 1px #FBFBFB;
	}
	.archive .date{
		font-size: 15px;
		text-align: center;
		margin-top: 10px;
	}

	.archive:hover{
		border: solid 1px #000000;
	}



@media screen and (max-width:768px){
    .container{
        width: 100%;
        padding: 10px;
    }
    .list::before{
        width: 50%;
    }
    .list::after{
        width: 50%;
    }
    .list li{
        flex-basis: 50%;
		padding: 5px;
		height: 280px;
    }
    .txt{
        font-size: 12px;
    }
    .item-status .bland{
        margin-bottom: 2px;
    }
    .item-status .item-name{
        margin-bottom: 2px;
    }
    .list li p{
        font-size: 10px;
        letter-spacing: 0.1em;
    }
    .more-btn{
        width: 300px;
    }
	.backno{
	padding: 10px;
	}
	.archive{
		width: calc(100%/2);
		margin-bottom: 15px;
	}
	.archive .date{
		font-size: 10px;
	}

}
.fadeIn_up {
    opacity: 1;
    transform: none;
}

/*フッター用*/
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul, li {
	list-style: none;
	padding-left: 0px;
}
.fs-l-footer {
	background: white !important;
	border-top: 0px solid #7c8790 !important;
}
footer {
	width: 100%;
}
.footer-sns {
	width: 1200px;
	margin: 0 auto;
}
.footer-sns-wrap {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 25px 0px;
}
.footer-info-wrap {
	padding: 30px 0px;
	border-bottom: 1px solid #eee;
	text-align: left;
}
.footer-info {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.footer-sns ul {
	display: flex;
	justify-content: center;
}
.footer-sns ul li {
	width: 30px;
	margin: 0px 10px;
	text-align: center;
}
.footer-sns ul li a {
	text-decoration: none;
	color: black;
	font-size: 1.5em;
}
.footer-sns ul li a:hover {
	color: rgba(98, 98, 98, 0.867);
}
.footer-info > div {
	max-width: 300px;
}
.footer-info-guide {
	margin: 0 100px;
}
.footer-list-item {
	margin-bottom: 10px;
}
.footer-list-item a {
	font-size: 0.9em;
	color: black;
	text-decoration: none;
}
.footer-list-item a:hover {
	text-decoration: underline;
}
.footer-list-title {
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer-list-item {
	font-size: 0.9em;
}
.footer-copy {
	text-align: center;
	font-size: 0.8em;
	padding: 15px 0px;
}
.copylight{
	font-size: 9px;
}

@media screen and (max-width:1024px) {
.footer-sns {
	width: 100%;
}
.footer-info {
	width: 100%;
	flex-wrap: wrap;
}
.footer-info > div {
	max-width: 100%;
	width: 70%;
	margin: 0 auto 40px;
}
}
.page-header_row {
	background-color: #343535;
}
/*フッター用*/