.sngl-tpc .container .post-wrap .tpcs-style .cta-container {
  margin-top:40px;
  margin-bottom:0
}
.sngl-tpc .container .post-wrap .tpcs-style .cta-container .btnList a {
  color:#fff
}
.addtoany_share_save_container,.addtoany_shortcode {
  color:#138174 !important
}
.addtoany_content_bottom,.addtoany_shortcode {
  margin-top:40px;
  margin-bottom:40px
}
.addtoany_content_bottom::before,.addtoany_shortcode::before {
  content:"この記事を読んでいいねと思ったらシェアしてください";
  display:block;
  font-family:"Helvetica Neue","Helvetica","Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
  font-weight:500;
  font-size:1.8rem;
  line-height:1.4;
  margin-bottom:7px;
  text-align:center
}
.addtoany_content_bottom .addtoany_list,.addtoany_shortcode .addtoany_list {
  display:flex;
  justify-content:center;
  margin-top:10px
}
.addtoany_content_bottom .addtoany_list a,.addtoany_shortcode .addtoany_list a {
  width:40px;
  height:40px;
  border-radius:999px;
  display:grid;
  place-content:center;
  margin:0 3px
}
@media screen and (max-width: 767px) {
  .addtoany_content_bottom,.addtoany_shortcode {
    margin-bottom:20px
  }
}
body.single-topics .l-contents,body.single-test_topics .l-contents,body.post-type-archive-topics .l-contents,body.archive .l-contents,body.post-type-archive-topics,body.archive {
  background-color:#f2f8f2
}
body.single-topics .l-contents .l-main .container .crumbs,body.single-test_topics .l-contents .l-main .container .crumbs {
  margin-bottom:20px !important;
  margin-top:0 !important;
  padding-top:15px
}
body.single-topics .l-contents .sngl-tpc,body.single-test_topics .l-contents .sngl-tpc,body.post-type-archive-topics .l-contents .m-archive,body.archive .l-contents .m-archive {
  font-family:"Helvetica Neue","Helvetica","Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
  font-weight:400;
  font-size:1.8rem;
  letter-spacing:0;
  line-height:1.8;
  color:#555
}
@media screen and (max-width: 767px) {
  body.single-topic .l-contents .sngl-tpc,body.single-test_topics .l-contents .sngl-tpc {
    font-size:1.6rem
  }
}
.sngl-tpc .container .clmn-flx {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.sngl-tpc .container .clmn-flx .l-clmn {
  width:calc(100% - 280px - 30px);
  padding-bottom:80px
}
.sngl-tpc .container .clmn-flx .l-clmn .post-wrap {
  background-color:#fff;
  border-radius:10px;
  padding:50px 60px 0
}
.sngl-tpc .container .clmn-flx .l-clmn .rltd-wrap {
  margin-top:60px;
  background-color:#fff;
  border-radius:10px
}
.sngl-tpc .container .clmn-flx .r-clmn {
  width:280px
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .clmn-flx {
    flex-direction:column
  }
  .sngl-tpc .container .clmn-flx .l-clmn {
    width:100%;
    padding-bottom:40px
  }
  .sngl-tpc .container .clmn-flx .l-clmn .post-wrap {
    border-radius:0;
    padding:0 20px;
    margin:0 calc(50% - 50vw);
    width:100vw
  }
  .sngl-tpc .container .clmn-flx .l-clmn .rltd-wrap {
    margin-top:40px
  }
  .sngl-tpc .container .clmn-flx .r-clmn {
    width:100%
  }
}
.sngl-tpc .container .post-wrap .head-flx {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center
}
.sngl-tpc .container .post-wrap .head-flx .txt-area {
  width:52.8%
}
.sngl-tpc .container .post-wrap .head-flx .txt-area .info .term-list {
  display:flex;
  flex-wrap:wrap
}
.sngl-tpc .container .post-wrap .head-flx .txt-area .info .term-list li {
  font-size:1.3rem;
  line-height:1;
  padding:.3em .7em;
  color:#fff;
  background-color:#01a590;
  margin-right:5px;
  margin-bottom:5px
}
.sngl-tpc .container .post-wrap .head-flx .txt-area .post-ttl {
  margin-top:1em;
  font-weight:700;
  font-size:2.8rem;
  line-height:1.4;
  color:#01a590
}
.sngl-tpc .container .post-wrap .head-flx figure {
  width:42.8%
}
.sngl-tpc .container .post-wrap .head-flx figure img {
  border-radius:20px
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap .head-flx {
    flex-direction:column-reverse
  }
  .sngl-tpc .container .post-wrap .head-flx .txt-area {
    width:100%;
    margin-top:16px
  }
  .sngl-tpc .container .post-wrap .head-flx .txt-area .post-ttl {
    margin-top:1.5em;
    font-size:2.5rem
  }
  .sngl-tpc .container .post-wrap .head-flx figure {
    margin:0 calc(50% - 50vw);
    width:100vw
  }
  .sngl-tpc .container .post-wrap .head-flx figure img {
    border-radius:0
  }
}
.sngl-tpc .container .post-wrap .date-area {
  margin-top:40px;
  display:flex;
  padding-bottom:10px;
  border-bottom:solid 2px #01a590
}
.sngl-tpc .container .post-wrap .date-area .date {
  font-weight:400;
  font-size:1.4rem;
  line-height:1;
  margin-right:2em;
  padding-left:1.5em;
  position:relative
}
.sngl-tpc .container .post-wrap .date-area .date:nth-child(1)::before {
  background:url(../../img/topics/ico-date.png) no-repeat center/contain
}
.sngl-tpc .container .post-wrap .date-area .date::before {
  content:"";
  width:1em;
  height:1em;
  position:absolute;
  left:0;
  top:0
}
.sngl-tpc .container .post-wrap .date-area .date.modified::before {
  background:url(../../img/topics/ico-update.png) no-repeat center/contain
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap .date-area {
    flex-direction:column;
    margin:0 calc(50% - 50vw);
    width:100vw;
    margin-top:40px;
    padding:0 20px 16px
  }
  .sngl-tpc .container .post-wrap .date-area .date {
    margin-right:0
  }
  .sngl-tpc .container .post-wrap .date-area .date.modified {
    margin-top:7px
  }
}
.sngl-tpc .container .post-wrap .lead-wrap {
  margin-top:60px
}
.sngl-tpc .container .post-wrap .lead-wrap p:not(:last-of-type) {
  margin-bottom:1.6em
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap .lead-wrap {
    margin-top:40px
  }
}
.sngl-tpc .container .post-wrap .sprvs-wrap {
  margin-top:40px
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-ttl {
  width:100%;
  height:40px;
  background-color:#01a590;
  color:#fff;
  border-radius:10px 10px 0 0;
  padding:.6em .6em .7em 1em;
  font-weight:500;
  font-size:1.6rem;
  line-height:1.4
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx {
  border-radius:0 0 10px 10px;
  background-color:#e9f3f2;
  padding:20px 30px 30px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx figure {
  width:180px;
  height:180px
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx figure img {
  border-radius:90px
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area {
  width:calc(100% - 180px - 30px)
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name {
  display:flex;
  align-items:flex-end;
  color:#333
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name.block {
  display:block
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name.block .name,.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name.block .pos {
  display:block
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name .name {
  font-weight:500;
  font-size:2.2rem;
  line-height:1.4;
  margin-right:5px
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name .pos {
  font-weight:400;
  font-size:1.6rem;
  line-height:1.8
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .en-name {
  font-weight:400;
  font-size:1.2rem;
  letter-spacing:.05em;
  line-height:1;
  color:#138274;
  margin-top:5px
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .prf {
  margin-top:20px
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .prf p {
  font-size:1.4rem;
  line-height:1.7;
  margin-bottom:0
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .link-list {
  margin-top:12px;
  margin-bottom:0;
  display:flex;
  flex-wrap:wrap
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .link-list li {
  margin-right:10px;
  font-weight:400;
  font-size:1.3rem;
  line-height:1.4
}
.sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .link-list li a {
  font-weight:400;
  font-size:1.3rem;
  line-height:1.4;
  color:#138274;
  border-bottom:solid 1px #138274
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx {
    flex-direction:column;
    padding:20px 15px 30px
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area {
    width:100%;
    margin-top:20px
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name {
    flex-direction:column;
    align-items:center
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name .name {
    text-align:center;
    margin-right:0
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .sv-name .pos {
    text-align:center
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .en-name {
    text-align:center
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .prf {
    margin-top:24px
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .prf p {
    font-size:1.3rem;
    line-height:1.6
  }
  .sngl-tpc .container .post-wrap .sprvs-wrap .sv-flx .txt-area .link-list {
    margin-top:16px
  }
}
.sngl-tpc .container .post-wrap .cta-cnt {
  margin-top:60px
}
.sngl-tpc .container .post-wrap .cta-cnt figure {
  width:100%;
  position:relative
}
.sngl-tpc .container .post-wrap .cta-cnt figure:before {
  content:"";
  width:260px;
  height:60px;
  background-color:#e3d4bf;
  -webkit-clip-path:polygon(0 0, 50% 100%, 100% 0);
  clip-path:polygon(0 0, 50% 100%, 100% 0);
  position:absolute;
  left:50%;
  bottom:-60px;
  transform:translateX(-50%)
}
.sngl-tpc .container .post-wrap .cta-cnt figure:after {
  content:"まずは相談";
  font-weight:500;
  font-size:1.8rem;
  color:#a27c4a;
  font-family:"Helvetica Neue","Helvetica","Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif;
  position:absolute;
  left:50%;
  bottom:-38px;
  transform:translateX(-50%)
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex {
  padding-top:72px;
  display:flex;
  justify-content:center;
  align-items:center
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel {
  text-align:center;
  margin-right:40px
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel a {
  display:flex;
  justify-content:center;
  align-items:center;
  text-decoration:none
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel a .ico-phone {
  width:27px;
  margin-right:6px;
  position:relative;
  top:-2px
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel a .ico-phone img {
  width:100%
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel a .number {
  font-weight:500;
  font-family:"Akshar",sans-serif;
  font-size:5rem;
  letter-spacing:-0.02em;
  line-height:1;
  color:#111;
  text-decoration:none
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel .note {
  font-size:1.5rem;
  line-height:1
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .mlform {
  display:flex;
  align-items:center
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .mlform .btn {
  position:relative;
  text-decoration:none;
  display:flex;
  justify-content:center;
  align-items:center;
  background-color:#a27c4a;
  color:#fff;
  padding:0 .5em 0 0;
  border-radius:5px;
  width:260px;
  height:70px;
  outline:none;
  transition:ease .3s
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .mlform .btn span {
  font-size:2rem;
  font-weight:500
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .mlform .btn:hover {
  background-color:#ff9c49
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .mlform .btnarrow::after {
  content:"";
  position:absolute;
  top:45%;
  right:20px;
  width:5px;
  height:5px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transform:rotate(45deg)
}
.sngl-tpc .container .post-wrap .cta-cnt .act-flex .mlform .btnarrow:hover::after {
  -webkit-animation:arrow .3s;
  animation:arrow .3s
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap .cta-cnt {
    margin-top:40px
  }
  .sngl-tpc .container .post-wrap .cta-cnt .act-flex {
    padding-top:80px;
    flex-direction:column
  }
  .sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel {
    margin-right:0;
    margin-bottom:30px
  }
  .sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel a .ico-phone {
    width:24px
  }
  .sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel a .number {
    font-size:4.4rem
  }
  .sngl-tpc .container .post-wrap .cta-cnt .act-flex .tel .note {
    margin-top:5px;
    display:block
  }
}
.sngl-tpc .container .post-wrap #toc_container {
  margin-top:50px;
  background-color:#fff;
  padding:0
}
.sngl-tpc .container .post-wrap #toc_container .toc_title {
  text-align:left;
  width:100%;
  padding:.7em 1.5em .8em;
  background-color:#01a590;
  color:#fff;
  font-weight:400;
  font-size:2rem;
  line-height:1
}
.sngl-tpc .container .post-wrap #toc_container .toc_title .toc_toggle a {
  color:#fff
}
.sngl-tpc .container .post-wrap #toc_container .toc_list {
  padding:0px 40px 40px
}
.sngl-tpc .container .post-wrap #toc_container .toc_list li a {
  display:block;
  padding-left:1.4em;
  position:relative
}
.sngl-tpc .container .post-wrap #toc_container .toc_list li a .toc_number {
  display:none
}
.sngl-tpc .container .post-wrap #toc_container .toc_list li a:before {
  width:10px;
  height:6px;
  content:"";
  background:url(../../img/topics/arw-down-grn.png) no-repeat center/contain;
  position:absolute;
  left:0;
  top:.4em
}
.sngl-tpc .container .post-wrap #toc_container .toc_list>li>a {
  margin-top:1em;
  font-weight:700;
  font-size:1.6rem;
  line-height:1.4;
  color:#138274;
  border-bottom:solid 1px #ccc;
  padding-bottom:.4em
}
.sngl-tpc .container .post-wrap #toc_container .toc_list>li ul {
  padding-left:20px;
  padding-top:5px;
  padding-bottom:8px
}
.sngl-tpc .container .post-wrap #toc_container .toc_list>li ul li {
  margin-top:10px
}
.sngl-tpc .container .post-wrap #toc_container .toc_list>li ul li a {
  font-weight:400;
  font-size:1.5rem;
  line-height:1.4;
  color:#555
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap #toc_container {
    margin-top:50px
  }
  .sngl-tpc .container .post-wrap #toc_container .toc_list {
    padding:0px 15px 20px
  }
}
.sngl-tpc .container .post-wrap .tpcs-style {
  padding-top:50px
}
.sngl-tpc .container .post-wrap .tpcs-style h2 {
  margin:50px 0 30px;
  font-weight:700;
  font-size:2.4rem;
  line-height:1.4;
  color:#333;
  padding:.5em .5em .5em 1.5em;
  border-radius:5px;
  background-color:#ddeeec;
  position:relative
}
.sngl-tpc .container .post-wrap .tpcs-style h2::before {
  content:"";
  width:5px;
  height:1.4em;
  background-color:#01a590;
  position:absolute;
  left:16px;
  top:.5em
}
.sngl-tpc .container .post-wrap .tpcs-style h3 {
  margin:40px 0 30px;
  font-weight:700;
  font-size:2rem;
  line-height:1.4;
  color:#333;
  padding-bottom:14px;
  position:relative
}
.sngl-tpc .container .post-wrap .tpcs-style h3::before {
  content:"";
  width:100px;
  height:4px;
  background-color:#138274;
  position:absolute;
  left:0;
  bottom:0;
  z-index:2
}
.sngl-tpc .container .post-wrap .tpcs-style h3::after {
  content:"";
  width:100%;
  height:4px;
  background-color:#b2b2b2;
  position:absolute;
  left:0;
  bottom:0;
  z-index:1
}
.sngl-tpc .container .post-wrap .tpcs-style h4 {
  margin:40px 0 20px;
  font-weight:700;
  font-size:1.9rem;
  line-height:1.4;
  color:#333;
  border-left:solid 4px #138274;
  padding-left:.7em
}
.sngl-tpc .container .post-wrap .tpcs-style h5 {
  margin:40px 0 20px;
  font-weight:700;
  font-size:1.8rem;
  line-height:1.4;
  color:#333;
  padding-left:1.6em;
  padding-bottom:4px;
  border-bottom:dotted 1px #138274;
  position:relative
}
.sngl-tpc .container .post-wrap .tpcs-style h5::before {
  content:"";
  width:1em;
  height:2px;
  background-color:#138274;
  position:absolute;
  left:0;
  top:.6em
}
.sngl-tpc .container .post-wrap .tpcs-style .s-marker {
  background:linear-gradient(transparent 50%, #ffff99 50%);
  font-weight:700
}
.sngl-tpc .container .post-wrap .tpcs-style a {
  font-weight:500;
  color:#a27c4a
}
.sngl-tpc .container .post-wrap .tpcs-style a:hover {
  color:#138274
}
.sngl-tpc .container .post-wrap .tpcs-style table {
  width:100%
}
.sngl-tpc .container .post-wrap .tpcs-style table thead {
  border-width:0px
}
.sngl-tpc .container .post-wrap .tpcs-style table thead tr th,.sngl-tpc .container .post-wrap .tpcs-style table thead tr td {
  padding:10px 15px;
  font-size:1.6rem;
  line-height:1.5;
  text-align:center;
  vertical-align:middle;
  border:solid 1px #ccc
}
.sngl-tpc .container .post-wrap .tpcs-style table thead tr th {
  background-color:#01a590;
  font-weight:500;
  color:#fff
}
.sngl-tpc .container .post-wrap .tpcs-style table thead tr td {
  background-color:#fff
}
.sngl-tpc .container .post-wrap .tpcs-style table tbody tr:nth-child(odd) th,.sngl-tpc .container .post-wrap .tpcs-style table tbody tr:nth-child(odd) td {
  background-color:#fff
}
.sngl-tpc .container .post-wrap .tpcs-style table tbody tr:nth-child(even) th,.sngl-tpc .container .post-wrap .tpcs-style table tbody tr:nth-child(even) td {
  background-color:#ddeeec
}
.sngl-tpc .container .post-wrap .tpcs-style table tbody tr th,.sngl-tpc .container .post-wrap .tpcs-style table tbody tr td {
  padding:10px 15px;
  font-size:1.6rem;
  line-height:1.5;
  vertical-align:middle;
  border:solid 1px #ccc
}
.sngl-tpc .container .post-wrap .tpcs-style table tbody tr th ul,.sngl-tpc .container .post-wrap .tpcs-style table tbody tr td ul {
  margin-bottom:0
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .post-wrap .tpcs-style {
    padding-top:36px
  }
  .sngl-tpc .container .post-wrap .tpcs-style h2 {
    font-size:2.2rem
  }
  .sngl-tpc .container .post-wrap .tpcs-style h3 {
    margin:40px 0 27px;
    font-size:1.9rem;
    padding-bottom:12px
  }
  .sngl-tpc .container .post-wrap .tpcs-style h4 {
    font-size:1.8rem
  }
  .sngl-tpc .container .post-wrap .tpcs-style h5 {
    font-size:1.8rem
  }
  .sngl-tpc .container .post-wrap .tpcs-style table thead tr th,.sngl-tpc .container .post-wrap .tpcs-style table thead tr td {
    padding:5px 10px;
    font-size:1.5rem
  }
  .sngl-tpc .container .post-wrap .tpcs-style table tbody tr th,.sngl-tpc .container .post-wrap .tpcs-style table tbody tr td {
    padding:5px 10px;
    font-size:1.5rem
  }
  .sngl-tpc .container .post-wrap .tpcs-style table tbody tr th ul,.sngl-tpc .container .post-wrap .tpcs-style table tbody tr td ul {
    margin-bottom:0
  }
}
.sngl-tpc .container .rltd-wrap .recommend-list .rcmd-ttl {
  width:100%;
  height:60px;
  border-radius:10px 10px 0 0;
  background-color:#01a590;
  color:#fff;
  text-align:center;
  font-size:2rem;
  line-height:60px;
  margin-bottom:0
}
.sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list {
  padding:30px 40px 40px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  -moz-column-gap:20px;
  column-gap:20px;
  row-gap:40px
}
.sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list li {
  width:100%;
  margin:0
}
.sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list li a {
  display:grid;
  opacity:.8
}
.sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list li a .thumb {
  width:100%;
  margin-bottom:0
}
.sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list li a .txt {
  font-weight:500;
  font-size:1.6rem;
  line-height:1.4;
  margin-top:.7em
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list {
    padding:20px 15px 24px;
    grid-template-columns:repeat(2, 1fr);
    row-gap:30px
  }
  .sngl-tpc .container .rltd-wrap .recommend-list .rcmd-list li a .txt {
    font-size:1.5rem
  }
}
.sngl-tpc .linkcard {
  margin-top:40px;
  padding-top:34px;
  position:relative
}
.sngl-tpc .linkcard::before {
  content:"";
  width:200px;
  height:36px;
  background:url(../../img/topics/tab-lk.png) no-repeat left center/contain;
  position:absolute;
  left:0;
  top:0
}
.sngl-tpc .linkcard .lkc-internal-wrap {
  border:solid 2px rgba(162,124,74,.3);
  border-radius:2px;
  padding:16px 20px;
  max-width:100%
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card {
  margin:0
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  position:relative
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content::after {
  width:160px;
  height:40px;
  content:"";
  background:url(../../img/topics/btn-lk.png) no-repeat center/contain;
  position:absolute;
  right:0;
  bottom:0
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-thumbnail {
  width:200px;
  max-width:100%;
  height:auto
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-thumbnail img {
  width:100%;
  height:auto
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-title {
  width:calc(100% - 200px - 18px);
  padding-bottom:60px
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-title .lkc-title-text {
  padding-top:5px;
  font-weight:700;
  font-size:2rem;
  line-height:1.4;
  color:#333
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-url {
  display:none
}
.sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-excerpt {
  display:none
}
@media screen and (max-width: 767px) {
  .sngl-tpc .linkcard .lkc-internal-wrap {
    padding:10px
  }
  .sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-thumbnail {
    width:100px
  }
  .sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-title {
    width:calc(100% - 100px - 18px);
    padding-bottom:60px
  }
  .sngl-tpc .linkcard .lkc-internal-wrap .lkc-link .lkc-card .lkc-content .lkc-title .lkc-title-text {
    padding-top:0;
    font-size:1.6rem
  }
}
.sngl-tpc .topicshort {
  margin-top:60px;
  margin-bottom:50px;
  background-color:#ddeeec;
  border-width:0px;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding:20px 20px 24px
}
.sngl-tpc .topicshort:before {
  display:none
}
.sngl-tpc .topicshort figure {
  width:100px
}
.sngl-tpc .topicshort .btn-flx {
  width:calc(100% - 100px - 10px)
}
.sngl-tpc .topicshort .btn-flx .topicshort_txt {
  font-weight:400;
  font-size:1.8rem;
  line-height:1.4;
  color:#138274
}
.sngl-tpc .topicshort .btn-flx .wrap {
  margin-top:10px;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start
}
.sngl-tpc .topicshort .btn-flx .wrap li .btn-tp {
  display:block;
  padding:12px 24px 13px 16px;
  background-color:#01a590;
  border-radius:4px;
  color:#fff;
  font-weight:500;
  font-size:1.8rem;
  position:relative
}
.sngl-tpc .topicshort .btn-flx .wrap li .btn-tp::after {
  content:"";
  width:5px;
  height:10px;
  background:url(../../img/topics/arw-r-wht.png) no-repeat center/contain;
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%)
}
.sngl-tpc .topicshort .btn-flx .wrap li .btn-tp .ssize {
  font-weight:500;
  font-size:1.4rem
}
@media screen and (max-width: 767px) {
  .sngl-tpc .topicshort {
    margin-top:50px;
    margin-bottom:30px;
    padding:20px 15px 24px
  }
  .sngl-tpc .topicshort figure {
    width:18vw;
    margin-bottom:10px
  }
  .sngl-tpc .topicshort .btn-flx {
    width:100%
  }
  .sngl-tpc .topicshort .btn-flx .topicshort_txt {
    font-weight:500;
    left:24vw;
    top:5vw;
    width:60vw
  }
  .sngl-tpc .topicshort .btn-flx .wrap {
    margin-top:0;
    flex-direction:column
  }
  .sngl-tpc .topicshort .btn-flx .wrap li:nth-child(1) {
    width:100%;
    margin-right:0;
    margin-bottom:10px
  }
  .sngl-tpc .topicshort .btn-flx .wrap li .btn-tp {
    width:100%;
    line-height:1.2
  }
  .sngl-tpc .topicshort .btn-flx .wrap li .btn-tp::after {
    content:"";
    width:5px;
    height:10px;
    background:url(../../img/topics/arw-r-wht.png) no-repeat center/contain;
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%)
  }
  .sngl-tpc .topicshort .btn-flx .wrap li .btn-tp .ssize {
    font-weight:500;
    font-size:1.4rem
  }
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit,.m-archive .container .row .col-sm-3 .sub_list .r-unit {
  background-color:#fff;
  border-radius:10px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .r-ttl,.m-archive .container .row .col-sm-3 .sub_list .r-unit .r-ttl {
  font-weight:700;
  font-size:2rem;
  line-height:1.4;
  color:#fff;
  background-color:#01a590;
  padding:.8em;
  border-radius:10px 10px 0 0
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit #topicsSearch,.m-archive .container .row .col-sm-3 .sub_list .r-unit #topicsSearch {
  border-width:0px;
  border-radius:0 0 10px 10px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit #topicsSearch input[type=submit],.m-archive .container .row .col-sm-3 .sub_list .r-unit #topicsSearch input[type=submit] {
  background:#01a590;
  top:20px;
  right:15px;
  padding:13px 10px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit #topicsSearch #topicsSearchInput,.m-archive .container .row .col-sm-3 .sub_list .r-unit #topicsSearch #topicsSearchInput {
  border:solid 1px #b4b4b4
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories {
  padding:20px 20px 10px;
  border-radius:0 0 10px 10px;
  border-width:0px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul li a,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul li a {
  font-weight:500 !important;
  color:#555 !important;
  padding-left:15px;
  position:relative
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul li a:before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul li a:before {
  content:"";
  width:6px;
  height:10px;
  background:url(../../img/topics/arw-r-grn.png) no-repeat center/contain;
  position:absolute;
  left:0;
  top:.5em
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul>li,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul>li {
  border-bottom:solid 1px #eee8e5;
  padding-bottom:18px;
  margin-bottom:20px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul>li:last-child,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul>li:last-child {
  border-width:0px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul>li a,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul>li a {
  font-size:1.8rem
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul>li ul,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul>li ul {
  margin-left:22px;
  padding:5px 0 8px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-categories>ul>li ul li a,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-categories>ul>li ul li a {
  font-size:1.6rem
}

@media screen and (max-width: 767px) {
  .sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .r-ttl,.m-archive .container .row .col-sm-3 .sub_list .r-unit .r-ttl {
    font-size:1.8rem;
    padding:.8em 1.2em
  }
  .sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit #topicsSearch input[type=submit],.m-archive .container .row .col-sm-3 .sub_list .r-unit #topicsSearch input[type=submit] {
    top:14px;
    right:8px;
    padding:11px 10px
  }
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit:not(:last-of-type),.m-archive .container .row .col-sm-3 .sub_list .r-unit:not(:last-of-type) {
  margin-bottom:30px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit.bnr,.m-archive .container .row .col-sm-3 .sub_list .r-unit.bnr {
  background-color:transparent
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit.bnr .button a,.m-archive .container .row .col-sm-3 .sub_list .r-unit.bnr .button a {
  width:100%
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit.bnr .button a.mt img,.m-archive .container .row .col-sm-3 .sub_list .r-unit.bnr .button a.mt img {
  width:100%
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking {
  padding:24px 20px 10px;
  border-radius:0 0 10px 10px;
  border-width:0px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li {
  border-bottom:solid 1px #eee8e5;
  padding-bottom:18px;
  margin-bottom:20px
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:last-child,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:last-child {
  border-width:0px;
  margin-bottom:0;
  padding-bottom:0
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(1):before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(1):before {
  content:"1";
  background-color:#d4a20c
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(2):before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(2):before {
  content:"2";
  background-color:#989999
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(3):before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(3):before {
  content:"3";
  background-color:#a65d1c
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(4):before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(4):before {
  content:"4";
  background-color:#019a6b
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(5):before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:nth-child(5):before {
  content:"5";
  background-color:#019a6b
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li:before,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li:before {
  width:24px;
  height:24px;
  line-height:24px;
  text-align:center;
  font-family:"Akshar",sans-serif;
  font-weight:700;
  font-size:1.5rem;
  color:#fff
}
.sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li .wpp-post-title,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li .wpp-post-title {
  font-weight:500;
  font-size:1.6rem;
  line-height:1.5;
  color:#555
}
@media screen and (max-width: 767px) {
  .sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit.bnr .button a.mt img {
    width:255px
  }
  .sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking {
    padding:24px 24px 10px
  }
  .sngl-tpc .container .clmn-flx .r-clmn .sub_list .r-unit .topics-ranking .wpp-list li a .wpp-thumbnail,.m-archive .container .row .col-sm-3 .sub_list .r-unit .topics-ranking .wpp-list li a .wpp-thumbnail {
    margin-right:16px
  }
}
.lg-block {
  display:none
}
@media screen and (max-width: 1279px) {
  .lg-block {
    display:block
  }
}
.lg-none {
  display:block
}
@media screen and (max-width: 1279px) {
  .lg-none {
    display:none
  }
}
.pc-only {
  display:block
}
@media screen and (max-width: 1023px) {
  .pc-only {
    display:none
  }
}
.md-only {
  display:none
}
@media screen and (max-width: 1023px) {
  .md-only {
    display:block
  }
}
.md-block {
  display:none
}
@media screen and (max-width: 1023px) {
  .md-block {
    display:block
  }
}
@media screen and (max-width: 767px) {
  .md-block {
    display:none
  }
}
.md-none {
  display:inline-block
}
@media screen and (max-width: 1023px) {
  .md-none {
    display:none
  }
}
.sm-only {
  display:none
}
@media screen and (max-width: 767px) {
  .sm-only {
    display:block
  }
  .sm-only.ilb {
    display:inline-block
  }
}
.sm-none {
  display:inline-block
}
@media screen and (max-width: 767px) {
  .sm-none {
    display:none
  }
}
.xs-only {
  display:none
}
@media screen and (max-width: 500px) {
  .xs-only {
    display:block
  }
}
.xs-none {
  display:block
}
@media screen and (max-width: 500px) {
  .xs-none {
    display:none
  }
}

/* Archive Topics カテゴリーラベルの色を緑色に統一 */
.post-type-archive-topics .m-archive .post_list ul li a .cat_list li,
.tax-cate .m-archive .post_list ul li a .cat_list li,
body.post-type-archive-topics .post_list ul li a .cat_list li,
body.archive .post_list ul li a .cat_list li {
  background: #01a590 !important;
  color: #fff;
}

/* Archive Topics の背景色を緑色に統一 */
body.post-type-archive-topics .m-archive,
body.archive .m-archive {
  background: #f2f8f2 !important;
}

/*リストタグデザイン*/
.single .post-wrap ul li::before {
	content: "・";
}
.single .post-wrap ul.dot-none li::before,
.single .post-wrap #toc_container ul li::before,
.single .post-wrap .btnList ul li::before,
.single .post-wrap .recommend-list ul li::before,
.single .post-wrap ul.term-list li::before,
.single .post-wrap .topicshort ul li::before {
	content: "";
}

/*YouTube動画レスポンシブ対応*/
.video-responsive-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9のアスペクト比 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    margin: 20px 0;
}

.video-responsive-container iframe,
.video-responsive-container object,
.video-responsive-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* トピックス記事内の動画埋め込み */
.sngl-tpc .container .post-wrap .tpcs-style .video-responsive-container {
    margin: 30px 0;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

@media screen and (max-width: 767px) {
    .video-responsive-container {
        margin: 15px 0;
    }
    
    .sngl-tpc .container .post-wrap .tpcs-style .video-responsive-container {
        margin: 20px 0;
    }
}