@charset "UTF-8";



/* =================================================================================================
====================================================================================================

SINGLE STYLE

====================================================================================================
================================================================================================= */

#single-fv .wrap{
  height: auto;
  position: relative;
}
#single-fv .inner{/* width: calc(100% - 80px); *//* height: calc(100% - 140px); *//* margin: auto; *//* top: 0; *//* bottom: 0; *//* left: 0; *//* right: 0; */line-height: 1;/* position: absolute; */line-height: 0;max-width: 1024px;margin: 0 auto;padding: 70px 0px 0px;}
#single-article .wrap{

}
#single-fv .gr-bg{
  width: 100%;
  height: 70%;
  position: absolute;
  top: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
}

#single-fv .thumb{/* background-position: center; *//* background-repeat: no-repeat; *//* background-size: cover; *//* height: 100%; *//* width: 100%; */position: relative;z-index: 1;line-height: 1;}
#single-article .inner{
  max-width: 768px;
  margin: 0 auto;
  padding: 40px 40px;
  margin-top: 10px;
  margin-bottom: 100px;
}
#single-article .meta-area{
  margin-bottom: 100px;
  border-bottom: solid 1px #999;
  padding-bottom: 100px;
}
#single-article .meta-area .breadcrumbs {
    padding: 0 0 30px;
    font-size: 8px;
    line-height: 1;
    width: 100%;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin-bottom: -10px;
    -webkit-tap-highlight-color: transparent;
    transform: translate3d(0,0,0);
}
#single-article .meta-area .breadcrumbs-box {
  margin-bottom: 20px;
}
#single-article .meta-area .breadcrumbs-wrap {
  height: 12px;
  overflow-y: hidden;
  margin: 0;
}
#single-article .meta-area .breadcrumbs,
#single-article .meta-area .breadcrumbs a {
  font-size: 11px;
  transition-duration: 300ms;
  color: rgb(0 0 0 / 70%);
  line-height: 1;
}

#single-article .meta-area .breadcrumbs a:hover{
  opacity: 0.6;
}
#single-article .meta-area .date{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  color: rgb(0 0 0 / 50%);
}
#single-article .meta-area .tit{font-size: 24px;line-height: 1.5;margin-bottom: 20px;word-break: break-all;}
#single-article .article-body-wrap{

}
#single-article .article-body-wrap p{margin-bottom: 40px;line-height: 2;word-break: break-all;font-size: 15px;}
#single-article .article-body-wrap a{

}
#single-article .article-body-wrap p a{font-weight: bold;text-decoration: underline;transition-duration: 300ms;}
#single-article .article-body-wrap a:hover,
#single-article .article-body-wrap p a:hover{opacity: 0.6;}
#single-article .article-body-wrap strong{

}
#single-article .article-body-wrap h3{margin: 60px 0px 30px;font-size: 20px;}
#single-article .article-body-wrap .caption{font-size: 11px;font-style: italic;margin-top: -20px;}
#single-article .article-body-wrap img{margin: 20px 0px;width: auto;max-width: 100%;}
#single-article .article-body-wrap .tate-img{margin: 0 25%;}
#single-article .article-body-wrap .movie-wrap{padding: 0 0 56.25%;width: 100%;margin: 0 auto 60px;position: relative;height: 0;overflow: hidden;}
#single-article .article-body-wrap .movie-wrap iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#single-article .article-body-wrap .single-table{margin: 60px 0px;}
#single-article .article-body-wrap .single-table th,
#single-article .article-body-wrap .single-table tr{text-align: left;}
#single-article .article-body-wrap .single-table th{

}
#single-article .article-body-wrap .btn{
  text-align: center;
  margin: 20px 0px;
}
#single-article .article-body-wrap .btn a{
    padding: 20px 40px;
    border: solid 1px #151515;
    border-radius: 30px;
    display: inline-block;
    font-size: 12px;
    transition-duration: 300ms;
    background-color: #fff;
    font-weight: bold;
}
#single-article .article-body-wrap .btn a:hover{
  background-color: #000;
  opacity: 1;
  color: #fff;
}
#single-article .article-body-wrap .single-table tr{

}
#single-article .article-body-wrap ul{margin: 60px 0px;}
#single-article .article-body-wrap ul li{}
#single-article .article-body-wrap ul li p{
    margin-bottom: 0px;
}
#single-article .article-body-wrap .info-box{padding: 40px 40px;background-color: #efefef;margin: 60px 0px;margin: 60px 0px 40px;}
#single-article .article-body-wrap .info-box h3{margin-top: 0px;font-size: 16px;margin: 20px 0px 20px;}
#single-article .article-body-wrap .info-box p{font-size: 13px;margin-bottom: 20px;}
#single-article .article-body-wrap .info-box a{

}
#single-article .article-body-wrap .info-box .caption{

}
#single-article .article-body-wrap .info-box img{

}
#single-article .sns-count{margin: 20px 0px 40px 0px;}
#single-article .sns-count ul{display: flex;justify-content: space-between;}
#single-article .sns-count ul li{/* padding: 0 1%; */text-align: center;width: calc(33.333% - 1.3%);}
#single-article .sns-count ul li a{color: #fff;font-size: 12px;font-weight: bold;display: block;width: 100%;text-align: center;outline: 0;cursor: pointer;zoom: 1;padding: 8px 0;border-radius: 30px;display: flex;justify-content: center;transition-duration: 200ms;}
#single-article .sns-count ul li a:hover{
    opacity: 0.4;
}
#single-article .sns-count ul li.fb{

}
#single-article .sns-count ul li.tw{

}
#single-article .sns-count ul li.ln{

}
#single-article .sns-count ul li.fb a{background-color: #3b5998;}
#single-article .sns-count ul li.tw a{background-color: #3cf;}
#single-article .sns-count ul li.ln a{background-color: #00c402;}

#single-article .sns-count li a svg {
  width: 16px;
  height: 16px;
}
#single-article .sns-count li a svg{
  fill: rgb(255 255 255);
  fill: #fff;
}



@media screen and (max-width: 420px) {
  #single-article .inner {
    padding: 40px 20px;
    margin-top: 0px;
    margin-bottom: 40px;
}
#single-article .meta-area .tit {
  font-size: 22px;
}
#single-article .article-body-wrap p {
  margin-bottom: 30px;
  line-height: 2;
  font-size: 14px;
}
#single-article .article-body-wrap .tate-img {
  margin: 0;
}
#single-article .article-body-wrap .movie-wrap {
  margin: 0 auto 40px;
}
#single-article .article-body-wrap h3 {
  margin: 60px 0px 30px;
  font-size: 18px;
}
#single-article .article-body-wrap .info-box {
  padding: 20px;
  margin: 60px 0px 40px;
}
#single-fv .inner{
  width: 100%;
  height: auto;
  padding: 60px 0px;
}
#single-fv .wrap {
  height: 100%;
}
#single-fv .gr-bg{
  height: 100%;
}
#single-article .meta-area{
  margin-bottom: 40px;
  padding-bottom: 60px;
}
}


/* LAST */