@charset "utf-8";

.sns {top: 500px !important;background-color: rgba(255,255,255,0) !important;}

.brSP {display: inline-block;}

#TOP {margin-top: -84px;padding-top: 84px;}

@media screen and (min-width: 0) and (max-width: 768px) {
	#TOP {
		margin-top: -22.4vw;
		padding-top: 22.4vw;
	}
}


/*-----------------------------------------------
	タイトル
-----------------------------------------------*/
.Contenttitle {
	text-align: center;
	margin-top:110px;
	margin-bottom: 90px;
	margin-right: auto;
	margin-left: auto;
}

.Contenttitle{
	font-size: 30px;
	letter-spacing: 0.1em;
	font-weight: 400;
}
.Contenttitle p {
  text-transform:capitalize;
}
.Contenttitle span {
	display: block;
	font-size: 14px;
	padding-top: 0.5em;
}
	
@media screen and (min-width: 0) and (max-width: 768px) {
	.Contenttitle {
		margin-top:2em;
		margin-bottom: 2em;
	}

	.Contenttitle{
		font-size: 4vw;
		letter-spacing: 0.1em;
		font-weight: 400;
	}

	.Contenttitle span {
		display: block;
		font-size: 3vw;
		padding-top: 0.5em;
		font-family: 'Yu Gothic',YuGothic,'游ゴシック体','游ゴシック','YuGothM','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	}

}

/*-----------------------------------------------
	記事一覧
-----------------------------------------------*/
	.archive_wrap > ul{
		margin-left: auto;
		margin-right: auto;
		border-top:1px solid #cccccc;
	}


	.archive_wrap > ul li{
		border-bottom:1px solid #cccccc;
		width: 100%;
	}

	
	.archive_wrap > ul li .single_date{
		display: inline-block;
	}
	
	.archive_wrap > ul li .single_tag{
		display: inline-block;
	}	



	.archive_wrap > ul li .single_tag{
		color: #ffffff;
		background-color: #9e4734;
		margin-left: 0.8em;
		padding-top: 0.1em;
		padding-bottom: 0.1em;
		padding-left: 0.4em;
		padding-right: 0.4em;
	}	

	/*IEのみ適用*/
	@media all and (-ms-high-contrast: none) {
		.archive_wrap > ul li .single_tag{
			padding-top: 0.3em;
		}
	}	

	.archive_wrap > ul li .single_tag.mk_arrival_of_goods{
		background-color: #348b9e;
	}	

	
	.archive_wrap > ul li .single_title{
		font-weight: normal;
		margin-top: 0.8em;
	}


/*PC*/
@media screen and (min-width: 769px){
	.archive_wrap > ul{
		width: 750px;
		margin-bottom: 50px;
	}
	
	.archive_wrap > ul li{
		padding:35px 33px;
	}
	
	
	.archive_wrap > ul li .single_date{
		font-size: 14px;
	}
	
	.archive_wrap > ul li .single_tag{
		font-size: 11px;
	}	
	
	.archive_wrap > ul li .single_title{
		font-size: 16px;
	}
}


@media screen and (min-width: 0) and (max-width: 768px) {
	.archive_wrap > ul{
		width: 100%;
		margin-bottom: 2em;
	}
	
	.archive_wrap > ul li{
		padding:3.5vw 3.2vw;
	}

	
	.archive_wrap > ul li .single_date{
		font-size: 3vw;
	}
	
	.archive_wrap > ul li .single_tag{
		font-size: 2.0vw;
	}
}



/*-----------------------------------------------
ページネーション
-----------------------------------------------*/
#Main .pagination{
	    text-align: center;
}
#Main .pagination li{
	display: inline-block;
	vertical-align: middle;
}

#Main .pagination li a{
	display: table-cell;
	vertical-align: middle;
}


/*Next Previous　←共通*/
#Main .pagination li.prev a,#Main .pagination li.next a{
	content: "";
    text-align: center;
    overflow: hidden;
    text-indent: 150%;
    white-space: nowrap;
	background-repeat: no-repeat;
	display:block;
}

/*Previous*/
#Main .pagination li.prev a{
	background-image: url(../../images/news/arrow_l.png);
	background-position: right 25% center;
}
/*Next*/
#Main .pagination li.next a{
	background-image: url(../../images/news/arrow_r.png);
	background-position: left 25% center;
}


/*選択しているページ*/
#Main .pagination li.active a{
	border-radius: 50%;
	border: 1px solid #000000;
}


/*PC*/
@media screen and (min-width: 769px){
	#Main .pagination{
		margin-bottom: 155px;
	}
	
	#Main .pagination li a{
		height: 53px;
		width:  53px;
		font-size: 18px;
	}
	
	/*Next Previous　←共通*/
	#Main .pagination li.prev a,#Main .pagination li.next a{
	background-size: 28px 7px;
	}
	


}

@media screen and (min-width: 0) and (max-width: 768px) {
	#Main .pagination{
		margin-bottom: 5em;
	}
	
	#Main .pagination li a{
		height: 10vw;
		width:  10vw;
		font-size: 3.2vw;
	}
	
	/*Next Previous　←共通*/
	#Main .pagination li.prev a,#Main .pagination li.next a{
	background-size: 4.5vw auto;
	}
	

}


/*お知らせはございません。*/
.error.no-news{
	margin-bottom: 10em;
	margin-top: -2em;
	font-size: 110%;
}

@media screen and (min-width: 0) and (max-width: 768px) {
	.error.no-news{
		margin-top: 0em;
		margin-bottom: 5em;
	}
}





/*お知らせ一覧エラー*/
.redirect-error{
	text-align: center;
	padding: 35px 33px;
}
.archive_wrap > ul{
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #cccccc;
	width: 750px;
	margin-bottom: 150px;
	/*border-bottom: 1px solid #cccccc;*/
}

@media screen and (max-width: 768px) and (min-width: 0){
	.archive_wrap > ul {
		width: 100%;
		margin-bottom: 6em;
		}
}