/* button **********************************/
.btn {
text-align: center;
display: block;
-webkit-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
transition: all .2s ease 0s; }

/* category navi common header ************************************/
.catenavi {
border-width: 1px 0 1px 0;
border-style: solid; }
.catenavi .catenavi_in {
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 1200px;
padding: 0 16px;
font-size: 0; }
@media only screen and (max-width: 1119px) {
.catenavi .catenavi_in {
padding: 0 24px; } }
@media only screen and (max-width: 690px) {
.catenavi .catenavi_in {
padding: 0 16px; } }
.catenavi .catenavi_in li {
margin-right: 32px;
display: inline-block; }
.catenavi .catenavi_in li a {
line-height: 1.5;
font-size: 12px;
position: relative;
padding: 18px 0 16px;
display: block;
text-decoration: none; }
@media only screen and (max-width: 979px) {
.catenavi .catenavi_in li a {
padding: 8px 0 6px; } }
.catenavi .catenavi_in li a:after {
content: "";
height: 1px;
width: 0;
position: absolute;
left: 0;
bottom: -1px; }
.catenavi .catenavi_in li a:hover:after {
width: 100%; }
@media only screen and (max-width: 979px) {
.catenavi .catenavi_in li {
margin-right: 24px; } }
.catenavi.foot {
margin-top: 30px; }
@media only screen and (max-width: 979px) {
.catenavi {
padding: 8px 0; } }
@media only screen and (max-width: 690px) {
.catenavi {
display: none; } }


/* blog list category ************************************/
.catelist, .taglist {
font-size: 0;
margin: 4px 0 0; }
.catelist a, .taglist a {
margin-right: 5px;
position: relative;
font-size: 10px;
line-height: 1.4;
font-weight: bold;
display: inline-block;
/*&:before{
content: "/";
color: $accent-color2;
font-size: 14px;
padding-right: 10px;
text-decoration: none;
}
&:first-child{
&:before{
display: none;
}
}*/ }
@media screen and (max-width: 690px) {
.catelist a, .taglist a {
font-size: 10px; } }
.catelist a:hover:before, .taglist a:hover:before {
text-decoration: none; }

.taglist a {
padding: 3px 6px; }

.catelist a {
padding: 3px 6px; }

/* archive year month tag category list ************************************/
.archivelist {
font-size: 12px;
line-height: 1.4;
margin-bottom: 20px; }
@media only screen and (max-width: 690px) {
.archivelist {
margin-bottom: 10px; } }
.archivelist .list a {
font-size: 14px;
color: #909090;
margin-right: 1em;
position: relative;
padding-left: 20px;
}
.archivelist .list a:before{
content: '';
position: absolute;
width: 15px;
height: 15px;
background-image: url(../other/tag_icon.svg);
background-size: 15px auto;
background-repeat: no-repeat;
background-position: center;
top: calc(50% - 7.5px);
left: 0;
}
.archivelist .list a:hover, .archivelist .list a.current {
text-decoration: none; }
@media only screen and (max-width: 690px) {
.archivelist .year a {
font-size: 16px; }
@media only screen and (max-width: 690px) {
.archivelist .year a {
font-size: 14px; } }

/* pager new old ************************************/
.newold, .pager {
text-align: right;
margin-bottom: 15px; }

.pager {
font-size: 0; }
.pager a {
padding: 4px 10px;
display: inline-block;
font-size: 13px; }
.pager span {
padding: 4px 10px;
margin: 0 5px;
font-size: 13px; }