@charset "UTF-8";
/*==============
    paage news/goods
================*/
@media screen and (min-width: 769px) {
	body{
		padding-top: 180px;
	}

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


/* ------------------------------
    newswrap
------------------------------ */
.newswrap{
	padding-bottom: 140px;
}
.newswrap .inner{
	background: #fff;
	border-radius: 15px;
	padding: 77px 15px;
}
@media screen and (min-width: 769px) {

}
@media screen and (min-width: 769px) and (max-width: 1280px) {
}
@media screen and (max-width: 768px) {
	.newswrap{
		background: #fff;
		width: 100%;
		padding: 14.2vw 8%;
		padding-bottom: 140px;
	}
	.newswrap .inner{
		padding:  0;
	}
}


/* ------------------------------
    newsli
------------------------------ */
.ttl_news{
	text-align: center;
	line-height: 1;
	font-size: 4.5rem;
	margin-bottom: 90px;
}

.newsli{
	margin: 0 auto 134px;
	line-height: 1;
}
.newsli li+li{
	margin-top: 40px;
}
.newsli a{
	display: flex;
}
.newsli .date{
	font-size: 1.1rem;
}

@media screen and (min-width: 769px) {
	.newsli {
		max-width: 1007px;
	}
	.newsli .date{
		width: 92px;
	}
	.newsli .news_ttl{
		overflow: hidden;
    	white-space: nowrap;
    	width: 15em;
    	margin-right: 40px;
    	font-size: 1.5rem;
    	font-feature-settings: normal;
	}
	.newsli .txt{
		flex: 1;
		overflow: hidden;
    	text-overflow: ellipsis;
    	white-space: nowrap;
    	font-size: 1.4rem;
	}

}


@media screen and (max-width: 768px) {
	.ttl_news{
		font-size: 7.38vw;
		margin-bottom: 10vw;
	}

	.newsli{
		margin: 0 auto 18vw;
	}
	.newsli li+li{
		margin-top: 13vw;
	}
	.newsli a{
		display: block;
	}
	.newsli .date{
		font-size: 2.4vw;
		margin-bottom: 4.4vw;
	}
	.newsli .news_ttl{
		font-size: 4vw;
		margin-bottom: 4.4vw;
	}
	.newsli .txt{
		font-size: 3.2vw;
		line-height: 1.9;
		margin-bottom: 4vw;
	}


}




/* ------------------------------
   goodslist
------------------------------ */
.ttl_goods{
	text-align: center;
	margin-top: -15px;
	margin-bottom: 63px;
}
.goodslist{
	margin: 0 auto 86px;
	flex-wrap: wrap;
}
.goodslist .img{
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
}
.goodslist img {
    transition: .3s;
}
.goodslist a:hover img {
    transform: scale(1.1);
}
.goodslist .ttlbox{

}
.goodslist .marker{
	font-size: 1.7rem;
	color: #fff;
	background: linear-gradient(#000 100%, #000 0%);
  	display: inline;
  	/*横に余白をつけたり、下にずらしたりするときは以下のpaddingを調整してください*/
 	 padding: 0.2em 0.3em 0;
 	 font-feature-settings:normal;
}
	.safari .goodslist .marker{
		 padding: 0.1em 0.3em;
	}
.goodslist .txt{
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	font-size: 1.3rem;
	line-height: 1.6;
	overflow: hidden;
	height: 4.5em;
}
.goodslist .txt .date{
	direction: block;
	line-height: 1;
	font-size: 1.1rem;
}

@media screen and (min-width: 769px) {
	.goodslist{
		max-width: 1020px;
	}
	.goodslist li{
		width: 32%;
		max-width: 266px;
	}
	.goodslist li:nth-child(n+4){
		margin-top: 90px;
	}
	.goodslist:before{
    	content:"";
    	display:block;
    	width: 32%;
    	height:0;
    	order:1;
	}

}

@media screen and (max-width: 768px) {
	.ttl_goods{
		margin-top: -4.4vw;
		margin-bottom: 8vw;
	}
	.ttl_goods img{
		width: 76vw;
	}
	.goodslist{
		margin: 0 auto 18vw;
		flex-wrap: wrap;
		padding-top: 4vw;
		width: 82.3vw;
	}
	.goodslist li{
		width: 38vw;
	}
	.goodslist li:nth-child(n+3){
		margin-top: 14vw;
	}
	.goodslist .img{
	    border-radius: 12px;
	    margin-bottom: 3.5vw;
	}
	.goodslist .ttlbox{

	}
	.goodslist .marker{
		font-size: 4vw;
		 padding: 0.1em 0.3em;
	}
	.goodslist .txt{
		margin-top: 2vw;
		margin-bottom: 3.2vw;
		font-size: 3.2vw;
		line-height: 1.4;
		height: 4em;
	}
	.goodslist .txt .date{
		font-size: 2.4vw;
	}
}

/* ------------------------------
    pagenation
------------------------------ */
.p_nation{
	display: flex;
	justify-content: center;
	white-space: nowrap;
	position: relative;
}
.p_nation li{
	display: inline-block;
	line-height: 25px;
	font-size: 1.9rem;
	font-weight: bold;
}
.p_nation li{
}
.p_nation li a{
	color: #000;
}
.p_nation li.num{
	margin: 0 25px;
}
.p_nation li:last-child{
	margin-right: 0;
}

.p_nation li.num a{
	padding: 0;
	width: 28px;
	text-align:center;
	display: inline-block;
	margin:0;
	padding-top: 3px;
	text-decoration: underline;
}
.p_nation li.num a+a{
	margin-left: 6px;
}
.p_nation li.num a.current{
	background: #000;
	color: #fff;
	text-decoration: none;
}

.p_nation li.arw{
	position: relative;
	width: 15px;
}
.p_nation li.arw a{
	display: block;
	width: 100%;
	height:100%;
}
.p_nation li.arw a:before{
	content: "";
	display: block;
	position: absolute;
	width: 15px;
	height: 15px;
	border: 1px solid #000;
	top: 6px;
	transform: rotate(45deg);
}
.p_nation li.next{
}
.p_nation li.next a:before{
	border-bottom: none;
	border-left: none;
}

.p_nation li.prev{
}
.p_nation li.prev a:before{
	border-top: none;
	border-right: none;
}

@media screen and (min-width: 769px) {
	.p_nation li a:hover{
		opacity: 0.4;
	}
}

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

}
@media screen and (max-width: 374px) {
	.p_nation li{
		line-height: 7vw;
		font-size: 5.1vw;
	}
	.p_nation li{
	}
	.p_nation li a{
	}
	.p_nation li.num{
		margin: 0 5.3vw;
	}

	.p_nation li.num a{
		width: 7.8vw;
		padding-top: 0.8vw;
	}
	.p_nation li.num a+a{
		margin-left: 2vw;
	}
	.p_nation li.num a.current{
	}
	.p_nation li.arw{
		width: 15px;
	}
	.p_nation li.arw a:before{
		width: 15px;
		height: 15px;
		top: 6px;
	}
	.p_nation li.next{
	}
	.p_nation li.prev{
	}
}





/* ------------------------------
    post
------------------------------ */
.post_wrap{
}

/*--post_main--*/
.post_main{

}
.post_ttl{
	font-size: 2.4rem;
	line-height: 1;
	border-bottom: 1px solid #000;
	margin-bottom: 53px;
}
.post_ttl .date{
	font-size: 1.2rem;
	line-height: 1;
	display: block;
	margin-top: 13px;
	margin-bottom: 15px;
}
.post_main img{
	margin-bottom: 30px;

}
.post_main p{
	font-size: 1.4rem;
	line-height: 2.85;
}

/*--post_side--*/
.post_side{
	padding-top: 14px;

}
.side_ttl{
	line-height: 1;
	font-size: 1.8rem;
	padding-bottom: 33px;
	border-bottom: 1px solid #000;
	margin-bottom: 30px;
}
.side_list{
	margin-bottom: 96px;
}
.side_list li{
	font-size: 1.5rem;
	line-height: 1.5;
}
.side_list li+li{
	margin-top: 40px;
}
.side_list p{
	margin-bottom: 0.5em;
}
.side_list .date{
	line-height: 1;
	font-size: 1.2rem;
}


.side_cat{
	padding-top: 3px;
}
.side_cat li{
	line-height: 1;
	font-size: 1.5rem;
}
.side_cat li+li{
	margin-top: 19px;
}

.back_list{
	display: block;
	text-align: center;
	width: 100%;
	line-height: 1;
	background: #F2F2F2;
	padding: 1em 0;
	transition: .3s;
	font-size: 1.8rem;
	margin-top: 100px;
}
@media screen and (min-width: 769px) {
	.post_wrap{
		max-width: 1024px;
		margin: 0 auto;
	}
	.post_main{
		flex: 1;
	}
	.post_side{
		width: 180px;
		margin-left: 44px;
	}
	.back_list:hover{
		background: #000;
		color: #fff;
		opacity: 1;
	}
}


@media screen and (max-width: 768px) {
	.post_wrap{
		display: block;
	}

	/*--post_main--*/
	.post_main{

	}
	.post_ttl{
		font-size: 4vw;
		margin-bottom: 6vw;
		line-height: 1.2;
	}
	.post_ttl .date{
		font-size: 2.4vw;
		margin-top: 2.6vw;
		margin-bottom: 4.6vw;
	}
	.post_main img{
		margin-bottom: 7.3vw;
	}
	.post_main p{
		font-size: 3.2vw;
		line-height: 1.9;
	}

	/*--post_side--*/
	.post_side{
		padding-top: 14.8vw;
	}
	.side_ttl{
		font-size: 4.8vw;
		/*padding-bottom: 8.8vw;*/
		padding-bottom: 5.3vw;
		margin-bottom: 8.3vw;
		padding-left: 2.6vw;
	}
	.side_list{
		margin-bottom: 24vw;
	}
	.side_list li{
		font-size: 4vw;
		line-height: 1;
	}
	.side_list li+li{
		margin-top: 11.5vw;
	}
	.side_list p{
		margin-bottom:  3.6vw;
		line-height: 1;
		overflow: hidden;
		white-space: nowrap;
	}
	.side_list .date{
		font-size: 3.2vw;
	}

	.side_cat{
		padding-top: 3.5vw;
	}
	.side_cat li{
		font-size: 4vw;
	}
	.side_cat li+li{
		margin-top: 5.3vw;
	}

	.back_list{
		font-size: 4vw;
		margin-top: 10vw;
	}


}