@charset "utf-8";
/* article_wrap
---------------------------------------- */
@media screen and (max-width: 767px) {
  .article_wrap .inner {
    margin: 0 auto;
    width: 90.338164251%;
  }
}

/* article_header
---------------------------------------- */
.article_header {
  margin-bottom: 38px;
  padding: 8px 0 32px;
  border-bottom: 2px solid #262626;
}

.article_header .label_wrap {
  margin-bottom: 22.5px;
}

.article_header .ttl {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.5;
  color: #262626;
  margin: 0 0 10px;
}

.article_header .member_keyword_wrap {
  display: flex;
  align-items: center;
}

.article_header .member_label {
  flex: none;
}

.article_header .member_img {
  margin-right: 14px;
  max-width: 62px;
}

.article_header .member_name {
  font-size: 1.3rem;
  line-height: 1.769;
  color: #181818;
}

.article_header .keyword_list {
  display: flex;
  flex-wrap: wrap;
}

.article_header .member_label + .keyword_list {
  margin-left: 51px;
}

.article_header .keyword_list li + li {
  margin-left: 5px;
}

.article_header .keyword_list li {
  margin-bottom: 5px;
}

.article_header .keyword_item {
  margin: 5px;
}

.article_header .keyword_link {
  font-weight: 700;
  font-size: 1.1rem;
  line-height: 1;
  color: #fff;
  display: block;
  padding: 9px 10.775px;
  background: #BFBEBE;
  pointer-events: none;
}

.ie11 .article_header .keyword_link {
  padding: 12px 10.775px 6px;
}

.article_header .keyword_link::before {
  content: "#";
}

@media screen and (min-width: 768px) {
  /*.article_header .category_label:hover {
    color: #fff;
    background: #181818;
    opacity: 1;
  
  .article_header .keyword_link:hover {
    background: #333;
    opacity: 1;
  }
  }*/
}

@media screen and (max-width: 767px) {
  .article_header {
    margin-bottom: 20px;
    padding: 40px 0 10px;
    border-bottom: 1px solid #DEDEDE;
  }

  .article_header .label_wrap {
    margin-bottom: 15px;
  }

  .article_header .ttl {
    font-size: 2rem;
  }

  .article_header .member_keyword_wrap {
    display: block;
  }
  
  .article_header .member_label {
    margin-bottom: 20px;
  }

  .article_header .member_img {
    margin-right: 10px;
    max-width: 50px;
  }

  .article_header .member_name {
    font-size: 1.4rem;
    line-height: 1.714;
  }

  .article_header .member_label + .keyword_list {
    margin-left: 0;
  }

  .article_header .keyword_item {
    margin: 0 10px 10px 0;
  }

  .article_header .keyword_link {
    padding: 5.5px 9.095px;
  }
}

/* article_main
---------------------------------------- */
.article_main {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 2px solid #DEDEDE;
}

.article_main strong {
  font-weight: 700;
}

.article_main p {
  font-size: 1.6rem;
  line-height: 2.3125;
  letter-spacing: .08em;
  margin-top: 1em;
}

.article_main code {
  display: block;
  background: #eee;
  padding: 15px;
  border-radius: 4px;
  line-height: 1.5;
  color: #666;
  letter-spacing: 0.1em;
}

.article_main a {
  text-decoration: underline;
}

.article_main a:hover {
  text-decoration: none;
}

.article_main h2 {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.32142857142;
  letter-spacing: .08em;
  position: relative;
  margin-top: 60px;
  padding-bottom: 28px;
  border-bottom: 4px solid #DEDEDE;
}

.article_main h2::before {
  content:"";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 156px;
  height: 4px;
  background: linear-gradient(-90deg, #4C69D3 0%, #3BAEDB 100%);
}

.article_main h2 img.icon {
  margin-right: 12px;
  width: 37px;
}

.article_main h3 {
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.70833333333;
  color: #fff;
  margin-top: 60px;
  padding: 14.5px 21px;
  border-radius: 5px;
  background:#1B245E;
}

.ie11 .article_main h3 {
  padding: 20px 21px 9px;
}

.article_main h4 {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.68181818181;
  position: relative;
  margin-top: 60px;
  padding: 1.5px 23px 20.5px;
}

.ie11 .article_main h4 {
  padding: 6px 23px 16px;
}

.article_main h4::before {
  content:"";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: calc(100% - 19px);
  border-radius: 2px;
  background: #21AEDD;
}

.article_main h4::after {
  content:"";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #DEDEDE;
}

.article_main figure {
  margin-top: 40px;
}

.article_main ul {
  margin-top: 20px;
  padding: 27.5px 32px 26.5px;
  border-radius: 5px;
  background: #F8F8FA;
}

.article_main ul li {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.3125;
  letter-spacing: .08em;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.article_main ul li::before {
  content:"・";
  margin-right: .5em;
}

.article_main ol {
  counter-reset: my-counter;
  margin-top: 40px;
  padding: 27.5px 32px 37.5px;
  border-radius: 5px;
  background: #F8F8FA;
}

.article_main ol li {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.3125;
  letter-spacing: .08em;
  text-indent: -35px;
  padding-left: 35px;
}

.article_main ol li::before {
  counter-increment: my-counter;
  content: counter(my-counter) '.';
  color: #5591D6;
  margin-right: 19px;
}

.article_main table {
  width: 100%;
  margin: 1em 0 2em;
  font-size: 15px;
  line-height: 1.7;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-word;
}

.article_main table tr {
  border-top: 1px solid #e1e1e1;
  min-height: 1px;
}

.article_main td, 
.article_main th {
  padding: 26px 24px;
  border-left: 1px solid #e1e1e1;
}

.article_main th {
  font-weight: 700;
  background-color: #f3f3f3;
}

.article_main td:first-child, 
.article_main th:first-child {
  border-left-width: 0;
}

.article_main th:first-of-type {
  text-align: left;
}

.article_main .img_clm {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.article_main .img {
  width: 26%;
}

.article_main .img span {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: .08em;
  margin-top: .8em;
}

.wp-caption.alignnone, 
.wp-caption.alignleft {
  align-items: center;
  float: none;
  display: flex;
  width: 100% !important;
  justify-content: space-between;
}

.wp-caption.alignnone > img, 
.wp-caption.alignleft > img {
  width: 80px;
  height: 80px
}

.wp-caption.alignnone > p, 
.wp-caption.alignleft > p {
  border: 2px solid #ededed;
  width: calc( 100% - 110px );
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  word-wrap: break-word;
}

.wp-caption.alignnone > p::before, 
.wp-caption.alignleft > p::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

.wp-caption.alignnone > p::after, 
.wp-caption.alignleft > p::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -29px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #ededed;
  z-index: 1;
}
 
.wp-caption.alignright {
  align-items: center;
  float: none;
  flex-flow: row-reverse nowrap;
  display: flex;
  width: 100% !important;
  justify-content: space-between;
}

.wp-caption.alignright > img {
  width: 80px;
  height: 80px
}

.wp-caption.alignright > p {
  border: 2px solid #ededed;
  width: calc( 100% - 110px );
  border-radius: 10px;
  box-sizing: border-box;
  padding: 20px;
  position: relative;
  word-wrap: break-word;
}

.wp-caption.alignright > p::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid #FFF;
  z-index: 2;
}

.wp-caption.alignright > p::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -29px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid #ededed;
  z-index: 1;
}

.article_main #toc_container {
  background: #F8F8FA;
  border-radius: 5px;
  border: none;
  box-sizing: border-box;
  margin-top: 40px;
  padding: 40px 26px 35.5px 31px;
  width: 100%;
}

.article_main #toc_container .toc_title {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.72222222222;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 44.5px;
  padding: 5.5px 0 3.5px;
  width: 100%;
  max-width: 300px;
  border-radius: 20px;
  background:#1B245E;
}

.ie11 .article_main #toc_container .toc_title {
  padding: 8px 0 1px;
}

.article_main #toc_container .toc_title::before {
  content:"";
  display: block;
  position: relative;
  bottom: 1px;
  left: 0;
  margin-right: 12px;
  width: 15px;
  height: 12px;
  background: url(../../img/new/common/ico_white_list.svg) center / cover no-repeat;
}

.ie11 .article_main #toc_container .toc_title::before {
  bottom: 3px;
}

.article_main #toc_container .toc_list > li {
  margin-left: 12px;
}

.article_main #toc_container .toc_list > li > a,
.article_main #toc_container .toc_list ul > li > a {
  text-indent: -28px;
  padding-left: 28px;
}

.article_main #toc_container .toc_list a {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.6875;
  color:#222;
  display: block;
}

.article_main #toc_container .toc_list a:hover {
  color: #262626;
  opacity: 1;
}

.article_main #toc_container .toc_list > li + li > a {
  margin-top: 24.5px;
}

.article_main #toc_container .toc_depth_1 {
  color: #262626;
  margin-right: 15px;
}

.article_main #toc_container .toc_depth_1::after {
  content:".";
}

.article_main #toc_container .toc_list ul {
  padding: 20.5px 0 24.5px 42px;
  border-bottom: 1px dotted #DEDEDE;
  margin-left: 0;
}

.article_main #toc_container .toc_list ul ul {
  padding: 0;
  border-bottom: none;
}

.article_main #toc_container .toc_list ul > li > a::before {
  content:"・";
  color: #262626;
  margin-right: 12px;
}

.article_main #toc_container .toc_list ul > li + li {
  margin-top: 10px;
}

.article_main #toc_container .toc_list ul > li > ul {
  padding-left: 35px;
  padding-top: 10px;
}
.article_main #toc_container .toc_list ul > li > ul > li + li {
  margin-top: 5px;
}
.article_main #toc_container .toc_list ul > li > ul > li a {
  font-size: 1.4rem;
}
.article_main #toc_container .toc_list ul > li > ul > li a::before {
  content: "-";
}

.article_main #toc_container .toc_depth_2 {
  display: none;
}

.article_main #toc_container .toc_depth_3 {
  display: none;
}

.article_main #toc_container  ul li::before {
  content: none;
}

.article_main #toc_container a:hover {
  text-decoration: none;
}

.article_main .comment_wrap {
  margin-top: 40px;
}

.article_main .asp_list {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
  background: none;
}

.article_main .asp_list .item {
  margin-bottom: 5%;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.857;
  letter-spacing: .06em;
  text-indent: 0;
  padding-left: 0;
}

.article_main .asp_list .mall_logo {
  text-align: center;
  margin: 0 auto;
  min-height: 103px;
}

.article_main .asp_list .txt {
  text-align: center;
  font-size: 13px;
  line-height: 1.857;
  letter-spacing: .06em;
}

.article_main .asp_list .item::before {
  content: none;
}

.article_main iframe.wp-embedded-content {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .article_main #toc_container .toc_list a:hover {
    color: #262626;
    opacity: 1;
  }
  .article_main .asp_list .item {
    width: 32%;
    margin-right: 2%;
  }
  .article_main .asp_list .item:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .article_main {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 4px solid #EDEDED;
  }

  .article_main p {
    font-size: 1.5rem;
    line-height: 2;
    margin-top: 20px;
  }

  .article_main h2 {
    font-size: 2.2rem;
    line-height: 1.666666666666;
    position: relative;
    margin-top: 40px;
    padding-bottom: 18px;
    border-bottom: 4px solid #EDEDED;
  }

  .article_main h2::before {
    width: 156px;
  }

  .article_main h3 {
    font-size: 1.8rem;
    line-height: 1.666666666666;
    letter-spacing: .08em;
    color: #fff;
    margin-top: 40px;
    padding: 15px 21px;
  }

  .article_main h4 {
    font-size: 1.8rem;
    margin-top: 30px;
  }
  
  .article_main figure {
    margin-top: 20px;
  }

  .article_main ul {
    margin-top: 20px;
    padding: 32.5px 5.347593582%;
  }

  .article_main ul li {
    font-size: 1.5rem;
    line-height: 2;
  }

  .article_main ol {
    margin-top: 20px;
    padding: 32.5px 5.347593582%;
  }

  .article_main ol li {
    font-size: 1.5rem;
    line-height: 2;
  }

  .article_main iframe {
    width: 100%;
  }

  .article_main .img_clm {
    display: block;
    text-align: center;
  }

  .article_main .img {
    width: 100%;
  }

  .article_main .img + .img {
    margin-top: 5.5%;
  }

  .article_main #toc_container {
    margin-top: 20px;
    padding: 40px 0 41px;
  }

  .article_main #toc_container .toc_title {
    margin: 0 auto 51px;
    width: 80.213903743%;
  }

  .article_main #toc_container .toc_list {
    margin: 0 auto;
    width: 89.304812834%;
  }
  
  .article_main #toc_container .toc_list > li {
    margin-left: 0;
  }

  .article_main #toc_container .toc_list > li > a,
  .article_main #toc_container .toc_list ul > li > a {
    text-indent: -28px;
    padding-left: 28px;
  }

  .article_main #toc_container .toc_list a {
    font-size: 1.5rem;
    line-height: 1.73333333333;
  }

  .article_main .comment_wrap {
    margin-top: 20px;
  }
  
  .wp-caption.alignnone > p, 
  .wp-caption.alignnleft > p {
    margin-top: 0;
  }
  
  .wp-caption.alignnright > p {
    margin-top: 0;
  }
  
  .article_main .asp_list .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 8%;
  }
  
  .article_main .asp_list .item:nth-child(2n) {
    margin-right: 0;
  }
  
  .article_main .asp_list .mall_logo {
    min-height: 16vw;
  }

    .article_main .asp_list .mall_logo img {
    width: 100%;
  }

    .article_main .asp_list .item:nth-of-type(1) .mall_logo {
    width: 42.133vw;
  }

    .article_main .asp_list .item:nth-of-type(2) .mall_logo {
    width: 38.133vw;
  }

    .article_main .asp_list .item:nth-of-type(3) .mall_logo {
    width: 31.6vw;
  }

    .article_main .asp_list .item:nth-of-type(4) .mall_logo {
    width: 36.8vw;
  }

    .article_main .asp_list .item:nth-of-type(5) .mall_logo {
    width: 40.4vw;
  }

    .article_main .asp_list .item:nth-of-type(6) .mall_logo {
    width: 32.533vw;
  }

    .article_main .asp_list .item:nth-of-type(7) .mall_logo {
    width: 34.4vw;
  }
  
  .article_main .asp_list .txt {
    margin-top: 0;
  }
}

/* article_footer
---------------------------------------- */
.detail_pager_list {
  display: flex;
  position: relative;
  margin-bottom: 60px;
}

.detail_pager_list::before {
  content:"";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 40px;
  background: #ddd;
  transform: translate(-50%,-50%);
}

.detail_pager_item.next {
  margin-left: auto;
}

.detail_pager_item.no_page {
  pointer-events: none;
  opacity: 0;
}

.detail_pager_item a {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  letter-spacing: .06em;
  text-indent: .06em;
  color: #181818;
  display: flex;
  align-items: center;
  padding: 12px 0;
}

.detail_pager_item a::before,
.detail_pager_item a::after {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: .3s;
}

.detail_pager_item a::before,
.detail_pager_item a::after {
  position: relative;
  bottom: 2px;
}

.detail_pager_item.prev a::before {
  margin-right: 30px;
  background-image: url(../../img/new/common/ico_black_arrow.svg);
  transform: rotate(180deg);
}

.detail_pager_item.next a::after {
  margin-left: 30px;
  background-image: url(../../img/new/common/ico_black_arrow.svg);
}

.article_footer .author_wrap {
  position: relative;
  z-index: 1;
  margin-bottom: 80px;
  padding: 0 36px 39.5px;
}

.article_footer .author_wrap::before {
  content:"";
  display: block;
  position: absolute;
  top: 9px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: calc(100% - 9px);
  border-radius: 5px;
  background: #F8F8FA;
}

.article_footer .author_wrap .ttl {
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: .08em;
  color: #181818;
  margin-bottom: 50px;
}

.article_footer .author_wrap .row {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 17.5px;
  padding-left: 131px;
}

.article_footer .author_wrap .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}

.article_footer .author_wrap .image img {
  width: 100%;
}

.article_footer .author_wrap .name {
  font-weight: 700;
  font-size: 1.8rem;
  color: #3C3C3C;
  margin-right: 41px;
}

.ie11 .article_footer .author_wrap .name {
  padding-top: 6px;
}

.article_footer .author_wrap .btn_link {
  font-weight: 700;
  font-size: 1.3rem;
  color: #333;
  display: block;
  padding: 11px 12px 9px;
  border: 1px solid #707070;
  background: #fff;
}

.ie11 .article_footer .author_wrap .btn_link {
  padding: 13px 12px 7px;
}

.article_footer .author_wrap .txt {
  font-size: 1.5rem;
  line-height: 1.733;
  color: #333;
  margin-left: 131px;
}

.article_footer .contact_wrap {
  margin-bottom: 60px;
  padding-bottom: 60px;
  padding-top: 60px;
  border-bottom: 2px solid #DEDEDE;
  border-top: 2px solid #DEDEDE;
}

.article_footer .contact_wrap .txt {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}

.article_footer .contact_wrap .btn a {
  background: -moz-linear-gradient(left, #4C69D3, #3BAEDB);
  background: -webkit-linear-gradient(left, #4C69D3, #3BAEDB);
  background: linear-gradient(to right, #4C69D3, #3BAEDB);
  border-radius: 5px;
  color: #fff;
  display: block;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.714;
  max-width: 300px;
  margin: 34px auto 0;
  padding: 1.25em .4em;
  position: relative;
  text-align: center;
  width: 85%;
}

.article_footer .recommend_wrap .ttl {
  font-weight: 700;
  font-size: 2.2rem;
  line-height: 1.45454545454;
  letter-spacing: .08em;
  color: #181818;
  position: relative;
  margin: 0 0 30px;
  padding: 4px 0 4px 30px;
}

.ie11 .article_footer .recommend_wrap .ttl {
  padding: 8px 0 0 30px;
}

.article_footer .recommend_wrap .ttl::before {
  content:"";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 3px;
  height: 100%;
  background: repeating-linear-gradient(#28B52D 0, #28B52D 3px,transparent 3px, transparent 6px);
  transform: translateY(-50%);
}

.article_footer .recommend_wrap .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 49px;
}

.article_footer .recommend_wrap .list::after {
  content:"";
  width: 31.5%;
}

.article_footer .recommend_wrap .item {
  margin-bottom: 23px;
  width: 31.5%;
}

.article_footer .recommend_wrap .link {
  display: block;
}

.article_footer .recommend_wrap .recommend_img {
  margin-bottom: 19.7px;
  overflow: hidden;
}

.article_footer .recommend_wrap .recommend_img img {
  width: 100%;
  transition: .3s;
}

.article_footer .recommend_wrap .reuse_txt_wrap {
  padding: 0;
  width: 100%;
}

.article_footer .recommend_wrap time {
  margin-bottom: 7.5px;
}

.article_footer .recommend_wrap .sttl {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.666;
  color: #333;
}

.article_footer .recommend_wrap .back_btn {
  text-align: center;
}

.article_footer .recommend_wrap .back_link {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.71428571428;
  color: #fff;
  display: inline-block;
  padding: 17px 0 15px;
  width: 100%;
  max-width: 380px;
  border: 1px solid #181818;
  background: #181818;
}

.ie11 .article_footer .recommend_wrap .back_link {
  padding: 19px 0 13px;
}

.sns__container {
  padding-bottom: 35px;
}

.sns_ttl {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 40px;
  text-align: center;
}

.sns_ttl span {
  align-items: center;
}

.sns__container ul {
  display: flex;
  margin: 0 auto;
  width: 75%;
}

.sns__container li {
  width: 25%;
}

.sns__container li a {
  font-size: 3rem;
  display: block;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
  width: 100%;
}

.sns__container a:hover {
  opacity: 0.6;
}

.sns__twitter {
  background: #55acee;
}
 
.sns__facebook {
  background: #3b5998;
}
 
.sns__pocket {
  background: #ef3f56;
}
 
.sns__line {
  background: #1dcd00;
}
 
.sns__hatena {
  background: #00a5de;
}

@media screen and (min-width: 768px) {
  .detail_pager_item a:hover {
    color: #28B52D;
    opacity: 1;
  }

  .detail_pager_item.prev a:hover::before,
  .detail_pager_item.next a:hover::after {
    background-image: url(../../img/new/common/ico_green_arrow.svg);
  }
  
  .article_footer .recommend_wrap .link:hover {
    opacity: 1;
  }

  .article_footer .recommend_wrap .link:hover .recommend_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  .article_footer .recommend_wrap .back_link:hover {
    color: #181818;
    border-color: #707070;
    background: #fff;
    opacity: 1;
  }
  
  .article_footer .author_wrap .btn_link:hover {
    color: #fff;
    border-color: #3C3C3C;
    background: #3C3C3C;
    opacity: 1;
  }
}

@media screen and (max-width: 767px) {
  .detail_pager_list {
    margin-bottom: 40px;
  }

  .detail_pager_link.prev a::before {
    margin-right: 7.246vw;
  }

  .detail_pager_link.next a::after {
    margin-left: 7.246vw;
  }

  .article_footer .author_wrap {
    margin-bottom: 50px;
    padding: 0 3.381vw 18px 5.31vw;
  }

  .article_footer .author_wrap::before {
    border-radius: 0;
  }

  .article_footer .author_wrap .ttl {
    font-size: 1.6rem;
    margin-bottom: 30px;
  }

  .article_footer .author_wrap .row {
    margin-bottom: 17.5px;
    padding-left: 0;
  }

  .article_footer .author_wrap .image {
    position: static;
    margin-right: 4.83vw;
    width: 70px;
  }

  .article_footer .author_wrap .name {
    font-size: 1.6rem;
    margin-right: 4.83vw;
  }

  .article_footer .author_wrap .btn_link {
    font-size: 1.2rem;
    padding: 10px 12.5px 9px;
  }

  .article_footer .author_wrap .txt {
    margin-left: 0;
  }

  .sns_ttl {
    font-size: 1.4rem;
    margin-bottom: 30px;
  }

  .sns_ttl span:before {
    margin-right: .8rem;
  }

  .sns_ttl span:after {
    margin-left: .8rem;
  }

  .sns__container li a {
    font-size: 2.5rem;
    padding: 0.4rem 0;
  }

  .article_footer .contact_wrap {
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .article_footer .contact_wrap .txt {
    font-size: 1.4rem;
    line-height: 1.8;
  }

  .article_footer .contact_wrap .btn a {
    font-size: 1.3rem;
    margin: 20px auto 0;
    padding: 1.25em .4em;
  }

  .article_footer .recommend_wrap .ttl {
    font-size: 1.8rem;
    line-height: 1.55555555555;
    margin: 0 0 14px;
    padding: 0 0 0 22px;
  }

  .article_footer .recommend_wrap .ttl::before {
    width: 2px;
    background: repeating-linear-gradient(#28B52D 0, #28B52D 2px,transparent 2px, transparent 4px);
  }
  
  .article_footer .recommend_wrap .list {
    display: block;
    margin-bottom: 53px;
  }

  .article_footer .recommend_wrap .item {
    margin-bottom: 0;
    padding: 20px 0;
    width: 100%;
    border-bottom: 1px solid #DEDEDE;
  }

  .article_footer .recommend_wrap .link {
    display: flex;
  }

  .article_footer .recommend_wrap .recommend_img {
    margin: 0 3.743315508% 0 0;
  }

  .article_footer .recommend_wrap time {
    margin-bottom: 11px;
  }

  .article_footer .recommend_wrap .back_link {
    padding: 13px 0 11px;
  }
}

@media screen and (max-width: 374px) {
  .article_footer .author_wrap .image {
    width: 50px;
  }
}

/* page_top_btn
---------------------------------------- */
.page_top_btn {
  margin: 65px 52px 22.5px 0;
}

@media screen and (max-width: 767px) {
  .page_top_btn {
    margin: 63.5px 0 24.5px;
  }
}


.postpass-area {
  margin-top: 30px;
}
.postpass-area form,
.postpass-area p.link {
  text-align: center;
}
.postpass-area input[type="password"] {
  background: #EFF4FA;
  font-size: 16px;
  padding: 20px;
  box-sizing: border-box;
  max-width: 100%;
}
.postpass-area input[type="submit"] {
  width: 100%;
  display: block;
  background: #1B245E;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 20px;
  border-radius: 4px;
  cursor: pointer;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  transition-duration: .3s;
  margin-top: 20px;
}