/***************************************
*
*	1. index style
*	2. detail style
*
***************************************/
/* 1. index style */
/* ------------------------------------------------------------------------------------ */
/*.main-sec {
  background: url(../img/blog/img-main.png) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 460px;
  position: relative;
}*/
#privacy .main-sec {
  background: url(../img/privacy/img-privacy.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 300px;
  position: relative;
}

#tl-main {
  background: url(../img/privacy/tl-main.svg) no-repeat 0 0;
  background-size: 557px 56px;
  width: 557px;
  height: 56px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
}

.main-txt {
  position: absolute;
  top: 89px;
  left: 90px;
}

.main-txt p {
  font-size: 1.2em;
  margin-left: 2px;
  margin-top: 14px;
}

.stl-main {
  background: url(../img/privacy/stl-privacy.svg) no-repeat 0 0;
  background-size: 480px 43px;
  width: 480px;
  height: 43px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  margin: 80px auto 0 auto;
}

#detail-sec {
  width: 100%;
  min-width: 960px;
}

#detail-sec .inner {
  width: 800px;
  margin: 0 auto 100px auto;
}

#detail-sec .title {
  margin-top: 35px;
  font-weight: 600;
  font-size: 1.33333em;
  line-height: 1.3;
}

#detail-sec ul,
#detail-sec p {
  margin-top: 20px; 
  line-height: 1.7;
}

#detail-sec .txt {
  margin-top: 40px;
}

#detail-sec ul {
  padding-left: 1em;
  text-indent: -1em;

}

#detail-sec li {
  margin-bottom: 17px;
}

#detail-sec li.last {
  margin-bottom: 0px;
}

#detail-sec .revision {
  margin-top: 63px;
}

#detail-sec .revision li {
  text-align: right;
  margin-bottom: 0px;
}

#blog .inner {
  margin: 50px 90px 90px 90px;
  position: relative;
  -moz-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
}

@media all and (max-width: 1100px) {
  #blog .inner {
    margin-left: 30px;
    margin-right: 30px;
  }
}
#post-sec {
  width: 100%;
}

.post-item {
  overflow: hidden;
  *zoom: 1;
  width: 100%;
  padding-right: 236px;
  box-sizing: border-box;
  margin-bottom: 40px;
}

.post-img {
  float: left;
}

.post-detail {
  margin-left: 230px;
}

.date-post {
  color: #828693;
  display: inline-block;
}

.tag-post {
  display: inline-block;
  margin-left: 6px;
  line-height: 23px;
  padding: 0 6px;
}

.tl-post {
  font-size: 1.6em;
  line-height: 1.3;
  font-weight: 600;
  color: #222273;
  margin-top: 4px;
  margin-bottom: 19px;
}

.post-desc {
  line-height: 1.53333;
}

.pager-block {
  margin-right: 236px;
  position: relative;
}
.pager-block ul {
  text-align: center;
  letter-spacing: -.40em;
}
.pager-block li {
  display: inline-block;
  letter-spacing: normal;
  height: 39px;
  line-height: 37px;
  box-sizing: border-box;
  margin-left: 8px;
}
.pager-block li a {
  background: transparent;
  width: 39px;
  border: solid 1px #d5c7b9;
  border-radius: 3px;
  color: #54350d;
  text-decoration: none;
  display: block;
  margin-right: 2px;
}
.pager-block li a:hover, .pager-block li a.current {
  background: #54350d;
  border-color: #54350d;
  color: #fff;
}

.link-prev,
.link-next {
  width: 39px;
  height: 39px;
  box-sizing: border-box;
  border: solid 1px #d5c7b9;
  border-radius: 3px;
  position: absolute;
  top: 0;
}
.link-prev:hover,
.link-next:hover {
  background-color: #54350d;
  border-color: #54350d;
}

.link-prev {
  background-image: url(../img/blog/arrow-prev.svg);
  background-repeat: no-repeat;
  background-position: 14px 11px;
  background-size: 8px 14px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  left: 0;
}
.link-prev:hover {
  background-image: url(../img/blog/arrow-prev-white.svg);
}

.link-next {
  background-image: url(../img/blog/arrow-next.svg);
  background-repeat: no-repeat;
  background-position: 15px 11px;
  background-size: 8px 14px;
  display: block;
  text-indent: -9999px;
  overflow: hidden;
  right: 0;
}
.link-next:hover {
  background-image: url(../img/blog/arrow-next-white.svg);
}

#side-bar {
  position: absolute;
  right: 0;
  top: 0;
}

.tl-tags a,
.tl-backnum a {
  font-size: 1.2em;
  font-weight: 600;
  color: #54350d;
  text-decoration: none;
  padding-left: 14px;
  position: relative;
}
.tl-tags a:before,
.tl-backnum a:before {
  background: url(../img/blog/icon-link-bw.svg) no-repeat 0 0;
  background-size: 8px 10px;
  width: 8px;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
}
.tl-tags a:hover,
.tl-backnum a:hover {
  color: #a08c78;
}

.tags ul,
.backnum ul {
  margin-left: 14px;
  margin-top: 18px;
}
.tags li,
.backnum li {
  margin-bottom: 13px;
  padding-right: 18px;
}
.tags li a,
.backnum li a {
  color: #54350d;
  text-decoration: none;
  position: relative;
  padding-left: 11px;
}
.tags li a:before,
.backnum li a:before {
  background: url(../img/blog/arrow-next.svg) no-repeat 0 0;
  background-size: 4px 8px;
  width: 4px;
  height: 8px;
  display: block;
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
}
.tags li a:hover,
.backnum li a:hover {
  color: #a08c78;
}
.tags li.current,
.backnum li.current {
  position: relative;
  z-index: 10;
}
.tags li.current:before,
.backnum li.current:before {
  background: #faf5f2;
  width: 170px;
  height: 30px;
  display: block;
  content: "";
  position: absolute;
  left: -14px;
  top: -7px;
  z-index: 0;
}

.tags {
  margin-bottom: 40px;
}

.show-more {
  display: inline-block;
  font-size: 0.86667em;
  color: #54350d;
  padding-left: 12px;
  position: relative;
  margin-left: 14px;
  text-decoration: none;
  margin-top: 3px;
  cursor: pointer;
}
.show-more:before {
  background: url(../img/blog/arrow-open.svg) no-repeat 0 0;
  background-size: 8px 4px;
  width: 8px;
  height: 4px;
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
}
.show-more.on {
  display: none;
}

.show-close {
  display: none;
  font-size: 0.86667em;
  color: #54350d;
  padding-left: 12px;
  position: relative;
  margin-left: 14px;
  text-decoration: none;
  cursor: pointer;
  margin-top: 3px;
}
.show-close:before {
  background: url(../img/blog/arrow-close.svg) no-repeat 0 0;
  background-size: 8px 4px;
  width: 8px;
  height: 4px;
  display: block;
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
}

.backnum .more-list {
  display: none;
  margin-top: 0;
}

/* 2. detail style */
/* ------------------------------------------------------------------------------------ */
#blog-detail .main-sec.ske {
  background: url(../img/blog/img-seikouen.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 300px;
}
#blog-detail .main-sec.cke {
  background: url(../img/blog/img-choukouen.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 300px;
}
#blog-detail .main-sec.sme {
  background: url(../img/blog/img-sawami.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 300px;
}
#blog-detail .main-sec.sks {
  background: url(../img/blog/img-siinoki.jpg) no-repeat 0 0;
  background-size: cover;
  width: 100%;
  height: 300px;
}
#blog-detail .main-txt {
  position: absolute;
  top: 89px;
  left: 90px;
}
#blog-detail .main-txt p {
  color: #fff;
}
#blog-detail #tl-main {
  background: url(../img/blog/tl-main-white.svg) no-repeat 0 0;
  background-size: 119px 67px;
}
#blog-detail .inner {
  margin: 50px 90px 90px 90px;
  position: relative;
  -moz-transition: all .6s;
  -webkit-transition: all .6s;
  transition: all .6s;
}
@media all and (max-width: 1100px) {
  #blog-detail .inner {
    margin-left: 30px;
    margin-right: 30px;
  }
}
#blog-detail .tl-block {
  margin-bottom: 28px;
}
#blog-detail .date-post {
  font-size: 1.2em;
}
#blog-detail .tag-post {
  line-height: 32px;
  padding: 0 10px;
}
#blog-detail .tl-post {
  color: #161e34;
  font-size: 2.66667em;
  line-height: 1.3;
  margin-top: 8px;
}
#blog-detail .content-block {
  padding-right: 236px;
}
#blog-detail .content-block p {
  font-style: 1.13333em;
  line-height: 1.88235;
  margin: 6px 0;
}
#blog-detail .content-block img {
  width: 100%;
  margin: 15px 0;
}
#blog-detail .detail-pager {
  margin: 100px 236px 60px 0;
}
#blog-detail .detail-pager ul {
  margin-bottom: 36px;
}
#blog-detail .detail-pager li {
  width: 50%;
}
#blog-detail .detail-pager li a {
  color: #54350d;
  text-decoration: none;
  display: block;
  position: relative;
  line-height: 1.3;
}
#blog-detail .detail-pager li a:hover {
  color: #a08c78;
}
#blog-detail .detail-pager li.post-prev {
  float: left;
}
#blog-detail .detail-pager li.post-prev a {
  padding-left: 21px;
  display: inline-block;
}
#blog-detail .detail-pager li.post-prev a:before {
  background: url(../img/blog/arrow-prev-detail.svg) no-repeat 0 0;
  background-size: 11px 20px;
  width: 11px;
  height: 20px;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
#blog-detail .detail-pager li.post-next {
  float: left;
  text-align: right;
}
#blog-detail .detail-pager li.post-next a {
  padding-right: 21px;
  display: inline-block;
}
#blog-detail .detail-pager li.post-next a:after {
  background: url(../img/blog/arrow-next-detail.svg) no-repeat 0 0;
  background-size: 11px 20px;
  width: 11px;
  height: 20px;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
#blog-detail .detail-pager a.btn-blog {
  background: #54350d;
  width: 340px;
  height: 70px;
  box-sizing: border-box;
  color: #fff;
  padding-top: 27px;
  font-weight: 600;
  display: block;
  text-align: center;
  border-radius: 3px;
  text-decoration: none;
  margin: 0 auto;
}
#blog-detail .detail-pager a.btn-blog span {
  position: relative;
  padding-left: 18px;
  margin-left: -3px;
}
#blog-detail .detail-pager a.btn-blog span:before {
  background: url(../img/blog/icon-link-blog.svg) no-repeat 0 0;
  background-size: 8px 10px;
  width: 8px;
  height: 10px;
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
}
#blog-detail .detail-pager a.btn-blog:hover {
  background: #a08c78;
}