.contents .nav_sub.spOnly{
display:none;
}
.contents .cat_ttl{
margin-top:30px;
font-family: 'Karla', sans-serif;
  letter-spacing:0.1em;
}
.contents .sort{
	font-size:12px;
    font-family:"游ゴシック体", "Yu Gothic", YuGothic,  "メイリオ", "Meiryo", sans-serif;
  margin-bottom:30px;
}
.contents ul.page {
	text-align: center;
	clear: both;
	width: auto;
	letter-spacing:-.40rem;
    margin-top:50px;
	margin-bottom:60px;
}
.contents ul.page li {
	list-style-type:none;
	list-style-image:none;
	margin: 0;
	padding: 0;
	display: inline;
	font-family: 'Karla', sans-serif;
	font-size:12px;
	letter-spacing:0;
}
.contents ul.page li a,
.contents ul.page li span {
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	margin: 0px 5px;
}
.contents ul.page li a {
	text-decoration: none;
}
.contents ul.page li a:hover {
	text-decoration: underline;
}
.contents ul.page li .current {
	border-bottom: solid 1px #212121;
}
.contents ul.page li.nextprev {
	letter-spacing:0.2rem;
}
.contents .noitem{
text-align:center;
  margin:30px auto;
  font-family:"游ゴシック体", "Yu Gothic", YuGothic,  "メイリオ", "Meiryo", sans-serif;
  letter-spacing:0.2em;
  font-weight:bold;
}
.contents .nav_sub{
width:100%;
  height:70px;
  border-bottom:1px dotted #cccccc;
  display: flex;
    align-items: center;
}
.contents .nav_sub ul{
  margin:0 auto;
      position: relative;
    display: flex;
    align-items: center;
}
.nav_sub  ul li{
	padding:10px 30px 10px 30px;
	border-right:1px dotted #cccccc;
	}
.nav_sub ul li a{
	font-family: 'Karla', sans-serif;
	letter-spacing:0.2em;
	font-size:14px;
	}
.nav_sub ul li:last-of-type{
	border-right:none;
	}

@media screen and (max-width: 750px) {
.nav_sub.pcOnly{
  display:none;
  }
  .nav_sub.spOnly{
  display:block;
  }
}