@charset "UTF-8";

body.page {
	background-color: var(--c-base);
}

.page {
  
}

.page .singleTit {
  color: var(--c-base);
  padding-top: 150px;
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)), url(../img/mv_backB.jpg) no-repeat;
  background-size: cover;
  padding-bottom: 30px;
}
.page .singleTit h1 {
  
}
.page .singleTit h1 img {
  height: 40px;
  margin-bottom: 20px;
}
.page .singleTit h1 .singleTitSub {
  display: block;
}

.workTopNav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 200px auto 50px;
  width: 600px;
}

.workTopNav ul li {

}
.workTopNav ul li.active {
 display: inline-block;
  background: var(--c-accent1);
  padding: .5em 1em;
  color: #fff;
}
.workTopNav ul li a,
.workTopNav ul li a:link,
.workTopNav ul li a:visited {
  text-decoration:  underline;
}




article {
/*     text-align: left; */
  margin-top:50px;
}
article .entry-header {
  width: 90%;
  max-width: 700px;
  margin: 50px auto 30px;
  text-align: left;
}
article .entry-title {
  padding-bottom: 0px;
  border-bottom:  3px solid #000;
  margin: 10px auto;
  font-size: 2em;
  display: flex;
  justify-content: space-between;
  align-items:  baseline;
}
article .entry-meta {
  font-family: var(--font-titg);
  font-size: .5em;
  font-weight: lighter;
  margin-left: auto;
  margin-right: 0; 
  display: inline-block;
  line-height: .6em;
}
article .post-thumbnail {

}
article .post-thumbnail img{
  width: 100%;
  max-width: 600px;
  height: auto;
}
article .attachment-800x500article .attachment-800x500article .entry-content {
}
article .comment {
  margin: 30px auto 30px;
  text-align: left;
  width: 90%;
  max-width: 700px;
}
article .pager {
  display: flex;
  margin: 50px auto;
  justify-content: space-between;
  align-items: center;
  width: 340px;
}
article .pager li.pagenolink {
  color: #dddddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom:  solid 3px #dddddd;
  padding: 5px 0;
  width: 160px;
}
article .pager li .eng {
  font-family: var(--font-titg);
  font-size: 1.5em;
  font-weight: bold;
}
article .pager li .icon {
  font-size: .8em;  
  line-height: .8em;
}
article .pager li:nth-of-type(1) .icon {
  margin-right: .5em;
  margin-left: auto;
}
article .pager li:nth-of-type(2) .icon {
  margin-left: .5em;
  margin-right: auto;
}
article .pager li .jpcomment {
  font-size: .9em;
}
article .pager a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  border-bottom:  solid 3px var(--color-main);
  padding: 5px 0;
  width: 160px;

}
article .pager a:hover {
  border-color: var(--color-accent1);
}