@charset "UTF-8";
html, body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1.5;
  color:#4a4a4a;
}

div.b-body a {color:#2ea7e0;}


.labo-top-wrap {
  background-color: #000;
}

.labo-top-wrap .labo-top-bar {
  max-width: 1100px;
  position: relative;
  padding: 10px 0;
  margin: 0 auto;
}

.labo-top-wrap .labo-top-bar .logo-labo {
  max-width: 500px;
  color:#fff;
  font-weight: 400;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 768px) {

  .labo-top-wrap .labo-top-bar .logo-labo {
    box-sizing: border-box;
    padding: 0 15px;
  }
}
.labo-top-wrap .labo-top-bar .logo-labo span {
  display: inline-block;
  font-size:1rem;
  vertical-align: middle;
  margin-left: 10px;
}
@media only screen and (max-width: 768px) {

  .labo-top-wrap .labo-top-bar .logo-labo span {
    display: block;
    position: relative;
    margin-left:0;
  }
}

.labo-top-wrap .labo-top-bar img {
  width:auto;
  height:auto;
  max-height: 40px;
}

.labo-top-wrap .labo-top-bar #search-box {
  position: absolute;
  bottom: 26px;
  right: 0;
}

.labo-top-wrap .labo-top-bar #search-box input[type="text"] {
  width: 250px;
  height: 34px;
  border-radius: 2px;
  border: none;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0.5px;
  text-indent: 10px;
}

.labo-top-wrap .labo-top-bar #search-box button {
  position: relative;
  top: 3px;
  left: -2px;
  color: white;
  background-color: transparent;
  border: none;
  font-size: 20px;
  cursor: pointer;
}


header#labo-gNav {
  width: 100%;
  height: auto;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 768px) {

  header#labo-gNav {
    display: none;
  }
}

header#labo-gNav nav {
  position: relative !important;
  top: auto;
}


#contents-body {
}
@media only screen and (max-width: 768px) {

  #contents-body.wrap-labo_220616bk {
    padding-top: 0 !important;
  }
}

.bottom-wrap .bottom-contents {
  max-width:1100px;
  min-height:980px;
}


.bottom-wrap .bottom-contents .b-body {
  padding: 0;
  width:100%;
  max-width:728px;
}
@media only screen and (max-width: 768px) {
  .bottom-wrap .bottom-contents .b-body {max-width:100%;}
  .bottom-wrap .bottom-contents .b-body .inner {
    padding: 0 !important;
  }
}

@media only screen and (max-width: 768px) {

  .bottom-contents {
    padding: 10px 15px 0 !important;
    box-sizing: border-box;
    min-height: 0 !important;
  }
}

.bottom-contents h3 {
  font-size: 19px;
  font-weight: 600;
  margin: 5px 0;
}
.bottom-contents.front-page-bottom-contents h3 {
  position: relative;
  margin:0 auto;
  padding:0 0 10px 0;
  font-size:15px;
  line-height:1.4;
  color:#063154;
  border-bottom: 2px solid #b8b8b9;
}

.bottom-contents.front-page-bottom-contents h3::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 160px;
  height: inherit;
  border-bottom: 2px solid #1a6ec3;
}
@media only screen and (min-width: 769px) {
.bottom-contents.front-page-bottom-contents h3:nth-of-type(1) {
  margin-top:15px;
}
}

.bottom-contents .post-loop-wrap {
  border-top: 4px solid #404040;
  padding: 5px;
}

.bottom-contents article {
  border-bottom: none;
  padding: 0 20px;
  margin: 30px 0;
}
body.category .bottom-contents article {
  padding: 15px 15px 10px 15px;
  margin: 20px 0;
  border: 1px solid #ddd;
  border-radius: 3px;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article {
    box-sizing: border-box;
    padding: 5px 0;
    margin: 10px 0;
  }
}

.bottom-contents article .post-thumbnail {
  width: 250px;
  height: auto;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article .post-thumbnail {
    width: 30%;
    float: left;
  }
}

.bottom-contents article .post-front-list {
  width: calc(100% - 280px);
  height: auto;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article .post-front-list {
    width: calc(100% - 33%);
    float: right;
  }
}

.bottom-contents article h2 {
  color: #242424;
  font-size: 32px;
  line-height: 1.3;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
  }
}

.bottom-contents article .post-tag-box {display:flex; float:right; margin:8px 0 0 0; width:calc(100% - 280px); flex-wrap:wrap; gap:8px 8px;}
.bottom-contents article .post-tag-box a {display:inline-block; margin:0 0; padding:4px 8px; font-size:12px; color:#333; background:#e0e0e0; border-radius:3px; transition:.2s;}
.bottom-contents article .post-tag-box a:nth-of-type(n+4) {display:none;}
.bottom-contents article .post-tag-box a:hover {color:#fff; background:#0077c3;}

@media only screen and (max-width: 768px) {
.bottom-contents article .post-tag-box {width:auto;}
}

@media only screen and (max-width: 420px) {
.bottom-contents article .post-tag-box a {font-size:11px;}
}



.bottom-contents article time {
  display: block;
  color: #242424;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 8px;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article time {
    font-size: 13px;
  }
}

.bottom-contents article p {
  font-size:1.4rem;
  font-weight: 200;
  line-height: 1.8;
}

.bottom-contents article a:hover h2 {
  color: #0077c3;
}

.bottom-contents article.hot-posts {
  width: 100%;
  float: none;
  padding: 0;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article.hot-posts {
    width: 100%;
    clear: both;
    margin: 0;
  }
}

.bottom-contents article.hot-posts.hot-posts-right {
  border-left: none;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article.hot-posts.hot-posts-right {
    border-top: none;
  }
}

.bottom-contents article.hot-posts .hot-posts-picture {
  height: auto;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article.hot-posts .hot-posts-picture {
    height: auto;
  }
}
@media only screen and (max-width: 500px) {

  .bottom-contents article.hot-posts .hot-posts-picture {
    height: auto;
  }
}

.bottom-contents article.hot-posts .hot-posts-picture img {
  width: 100%;
  position: relative;
  left: 1px;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article.hot-posts .hot-posts-picture img {
    position: relative;
    top: -40%;
    left: 1px;
  }
}

.bottom-contents article.hot-posts .hot-posts-info {
  padding: 20px 0 0 0;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article.hot-posts .hot-posts-info {
    padding: 10px 0 0 0;
  }
}

.bottom-contents article.hot-posts .hot-posts-info h2 {
  color: #0077c3;
  margin-bottom: 14px;
}
@media only screen and (max-width: 768px) {

  .bottom-contents article.hot-posts .hot-posts-info h2 {
    font-size: 18px;
    line-height: 1.4;
  }
}
@media only screen and (max-width: 768px) {

  .bottom-contents .hot-contents {
    overflow: hidden;
    margin-bottom: 20px;
  }
}


#labo-side {
  width: 300px;
}
@media only screen and (max-width: 768px) {

  #labo-side {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {

  #labo-side .side-inner {
    padding: 0 !important;
  }
}

#labo-side .side-banner img {
  width: 100%;
  margin: 10px 0 15px;
}

#labo-side .side-banner a:hover img {
  opacity: 0.8;
}

#labo-side .side-posts {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  line-height:0.5;
}

#labo-side .side-posts h4 {
  font-size: 19px;
  font-weight: 600;
  margin: 5px 0;
}

@media only screen and (max-width: 768px) {
#labo-side .side-posts > div h4 {position:relative; margin:0 auto; padding:0 0 10px 0; font-size:15px; line-height:1.4; color:#063154; border-bottom:2px solid #b8b8b9;}
#labo-side .side-posts > div h4::before {content:""; position:absolute; left:0; bottom:-2px; width:160px; height:inherit; border-bottom:2px solid #1a6ec3;}
}

#labo-side .side-posts ul {
  border-top: 4px solid #404040;
  padding-left: 0;
}

#labo-side .side-posts ul li {
  overflow: hidden;
  padding: 10px 0 10px 0;
}

#labo-side .side-posts ul li .thumb {
  width: 90px;
  height: 60px;
  float: left;
  border-radius: 2px;
  overflow: hidden;
  margin: 3px 0;
}
@media only screen and (max-width: 768px) {

  #labo-side .side-posts ul li .thumb {
    width: 30%;
    height: auto;
  }
}

#labo-side .side-posts ul li .thumb img {
  width: 100%;
  height: auto;
}

#labo-side .side-posts ul li .title {
  width: 190px;
  min-height: 60px;
  float: right;
  color: #323232;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 25px;
  word-break: break-all;
  box-sizing: border-box;
  padding-left: 5px;
}
@media only screen and (max-width: 768px) {

  #labo-side .side-posts ul li .title {
    width: calc(100% - 32%);
    height: auto;
    float: right;
  }
}

#labo-side .side-posts ul li .title .rank-count {
  display: block;
  color: #00A1ED;
  line-height: 23px;
  letter-spacing: 2px;
  text-indent: 2px;
  font-size: 13px;
  margin-bottom: 5px;
}

#labo-side .side-posts ul li:hover .title {
  color: #00A1ED;
  transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
}

#labo-side .side-posts ul li:nth-child(1) .title .rank-count::before {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 1px;
  content: "1";
}

#labo-side .side-posts ul li:nth-child(2) .title .rank-count::before {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 1px;
  content: "2";
}

#labo-side .side-posts ul li:nth-child(3) .title .rank-count::before {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  top: 1px;
  content: "3";
}

#labo-side .side-posts ul li:last-child {
  border-bottom: none;
}

#labo-side .side-posts ul li a img {
  width:100%;
  height:auto;
}


#labo-side .side-posts div.sp_bnr a {display:inline-block; line-height:0.5;}
#labo-side .side-posts div.sp_bnr a:hover {opacity:0.7; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s;}
#labo-side .side-posts div.sp_bnr a img {width:auto; height:auto; max-width:100%;}

div#labo-side div.side-info {margin-bottom:80px; max-width:300px; background:#fff;}

/* 右サイドの埋込型フォーム */
div#labo-side div#sideFormBox {background:#F4F4F4; margin:15px auto 80px auto;}
div#labo-side div#sideFormBox iframe {width:300px; min-height:780px;}
div#labo-side div#sideFormBox iframe.sfbType2 {min-height:960px;}

@media only screen and (max-width: 768px) {
div#labo-side div#sideFormBox {max-width:100%; position:static !important; margin:40px auto 20px auto !important;}
div#labo-side div#sideFormBox iframe {width:100%;}
}
/* //右サイドの埋込型フォーム */

/* ウィジェット sidebar用 */
div#labo-side div.side-info div.side-widget {margin-bottom:30px;}
div#labo-side div.side-info div.side-widget:last-child {margin-bottom:0;}
div#labo-side div.side-info div.side-widget-inner h4 {font-size:16px;}
div#labo-side div.side-info div.side-widget-inner div.textwidget,
div#labo-side div.side-info div.side-widget-inner div.mm_regist {margin:15px auto 0 auto; padding:0 0;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_img {margin:0 0; padding:0 0; line-height:0.5; text-align:center;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_img img {width:100%; height:auto;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_img a,
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_img a:hover {text-decoration:none;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_img a:hover img {opacity:0.7; transition:all ease-in-out .2s; -webkit-transition: all ease-in-out .2s;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_txt {margin:15px 15px 0 15px; padding:0 0; font-size:11px; line-height:1.6; text-align:left;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_btn,
div#labo-side div.side-info div.side-widget-inner div.mm_regist p:last-child {margin:15px auto 0 auto; padding:0 15px 15px 15px; text-align:center;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_btn a,
div#labo-side div.side-info div.side-widget-inner div.mm_regist p:last-child input[type="submit"] {display:block; margin:0 auto; padding:4px 0 0 0; text-align:center; color:#182b84; width:100%; height:44px; border-radius:2px; font-size:24px; line-height:40px;
 letter-spacing:2px; text-indent:4px; border:none; background:#fff000; box-shadow:0 5px 0 rgba(138, 138, 138, 0.4); text-decoration:none !important; font-family:'meiryo', sans-serif;}
div#labo-side div.side-info div.side-widget-inner div.mm_regist p:last-child input[type="submit"]:first-child {display:inline-block; width:55%;}
div#labo-side div.side-info div.side-widget-inner div.mm_regist p:last-child input[type="submit"]:last-child {display:inline-block; width:42%; font-size:14px; letter-spacing:0.5px;}
div#labo-side div.side-info div.side-widget-inner div.textwidget p.s-w_btn a:hover,
div#labo-side div.side-info div.side-widget-inner div.mm_regist p:last-child input[type="submit"]:hover {position:relative; top:2px; border:none; background:#fff44c; box-shadow:0 3px 0 rgba(138, 138, 138, 0.4); text-decoration:none !important; font-family:'meiryo', sans-serif;}

div#labo-side div.side-info div.side-widget-inner div.mm_regist p:nth-of-type(1) {margin:15px 15px; padding:0 0;}
div#labo-side div.side-info div.side-widget-inner div.mm_regist p:nth-of-type(1) input#s2email {width:100%; margin:5px 0 0 0; padding:5px 5px; font-size:14px; line-height:20px; font-family:'meiryo', sans-serif;}
/* //ウィジェット sidebar用 */



@media only screen and (min-width: 769px) {

#labo-side div.sp-auto-list {
  background:#F4F4F4;
}
#labo-side div.sp-auto-list > div > div h4 {
  margin:0 auto;
  padding:10px 5px;
  font-size:14px;
  line-height:1.5;
  text-align:center;
  color:#fff;
  background:#0077c3;
  border:none;
}
#labo-side div.sp-auto-list > div > div ul {
  margin:0 auto;
  padding:0;
  list-style:none;
  border:none;
}
#labo-side div.sp-auto-list > div > div ul li {
  display:block;
  position:relative;
  margin:0 auto;
  padding:10px 10px;
  border-bottom:1px solid #e0e0e0;
  font-size:0;
  letter-spacing:0;
}
#labo-side div.sp-auto-list > div > div ul li a:nth-of-type(1) {
  display:inline-block;
  width:70px;
  height:70px;
  margin:0 10px 0 0;
  line-height:0.5;
  overflow:hidden;
  vertical-align:top;
}
#labo-side div.sp-auto-list > div > div ul li a:nth-of-type(1) img {
  max-height:70px;
  width:auto;
  height:auto;
}
#labo-side div.sp-auto-list > div > div ul li a:nth-of-type(2) {
  display:inline-block;
  width:calc(100% - 80px);
  vertical-align:top;
  font-size:14px;
  line-height:1.5;
  color:#063154;
  font-weight:bold;
  letter-spacing:0.5px;
}
#labo-side div.sp-auto-list > div > div ul li a:nth-of-type(2) span:nth-of-type(2) {
  display:inline-block;
  width:100%;
  margin:10px 0 0 0;
  vertical-align:top;
  font-size:10px;
  line-height:1.5;
  color:#939393;
  letter-spacing:0.5px;
}
#labo-side div.sp-auto-list > div > div ul li a:hover {
  color:#063154 !important;
  opacity:0.7;
  transition:all ease-in-out .2s;
  -webkit-transition:all ease-in-out .2s;
}

#labo-side div.sp-auto-list > div > div > p.sp_btn {
  margin:0 auto;
  padding:0 0;
  text-align:center;
  border-top:1px solid #e0e0e0;
}
#labo-side div.sp-auto-list > div > div > p.sp_btn a {
  display:inline-block;
  margin:10px auto;
  padding:5px 10px;
  font-size:12px;
  line-height:1.5;
  text-align:center;
  color:#fff;
  background:#0077c3;
  border-radius:2px;
}
#labo-side div.sp-auto-list > div > div > p.sp_btn a:hover {
  opacity:0.7;
  transition:all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
}
#labo-side div.sp-auto-list > div > div > p.sp_btn a::before {
  content:"";
  display:inline-block;
  width:11px;
  height:11px;
  margin:0 5px 0 0;
  background:url(/eigyo-labo/wp-content/themes/esales/images/arrow_01.svg) no-repeat 0 0;
  background-size:100% 100%;
}

#labo-side #sp_ranking > div#wpp-2 > div ul li::before {
  position:absolute;
  top:10px;
  left:10px;
  display:block;
  margin:0;
  padding:0;
  width:20px;
  height:20px;
  font-size:14px;
  line-height:20px;
  text-align:center;
  color:#fff;
  background:#0077c3;
  box-sizing:border-box;
  z-index:10;
}
#labo-side #sp_ranking > div#wpp-2 > div ul li a::before {
  content:none;
}

#labo-side #sp_kwhw ul li:nth-of-type(n+5) {display:none;}

}

@media only screen and (max-width: 768px) {

#labo-side div.sp-auto-list {
  margin-top:40px;
}
#labo-side div.sp-auto-list > div > div ul li a:nth-of-type(2) {
  line-height:1.4 !important;
}

}














.posts-download li {
  padding: 15px 10px 15px 15px !important;
  text-align: center;
}

.posts-download .d-sub-title {
  font-size: 18px;
  letter-spacing: 4px;
}

.posts-download .d-title {
  font-size: 33px;
  letter-spacing: 1px;
}

.posts-download .d-info {
  font-size: 12px;
  text-align: left;
  padding: 10px 5px 10px 10px;
  overflow: hidden;
}

.posts-download .d-info img {
  height: 90px;
  display: block;
  float: right;
  margin: 1px 5px 0;
}

.posts-download .d-btn-blue {
  width: 250px;
  height: 44px;
  color: white;
  background-color: #10A2ED;
  border-radius: 2px;
  border: none;
  line-height: 38px;
  letter-spacing: 2px;
  text-indent: 4px;
  font-size: 24px;
  box-shadow: 0 5px 0 rgba(138, 138, 138, 0.4);
  cursor: pointer;
  padding-bottom: 4px;
  margin: 8px 0;
}
@media only screen and (max-width: 768px) {

  .posts-download .d-btn-blue {
    font-size: 22px;
  }
}

.posts-download .d-btn-blue:hover {
  position: relative;
  top: 2px;
  background-color: #26acf0;
  box-shadow: 0 3px 0 rgba(138, 138, 138, 0.4);
}


.labo-pagelink {
  margin:0 auto;
  padding:30px 0 60px 0;
}
@media only screen and (max-width: 768px) {

  .labo-pagelink {
    padding:40px 0;
  }
}

.labo-pagelink a:hover {
  background-color: #242424 !important;
}

.labo-pagelink .current {
  background-color: #242424 !important;
}


#labo-sub-footer {
  color: #F2F2F2;
  background-color: #002244;
}

#labo-sub-footer .footer-sitemap {
  max-width: 1100px;
  padding: 50px 100px 60px;
  margin: 0 auto;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {

  #labo-sub-footer .footer-sitemap {
    padding:15px;
  }
}

#labo-sub-footer .footer-sitemap .footer-sitemap-category {
  float: left;
  margin-right: 100px;
}
@media only screen and (max-width: 768px) {

  #labo-sub-footer .footer-sitemap .footer-sitemap-category {
    clear: both;
  }
}

#labo-sub-footer .footer-sitemap .footer-sitemap-company {
  float: left;
}
@media only screen and (max-width: 768px) {

  #labo-sub-footer .footer-sitemap .footer-sitemap-company {
    clear: both;
  }
}

#labo-sub-footer h4 {
  width: 200px;
  font-size: 16px;
  font-weight: 500;
  margin: 10px 0;
}
@media only screen and (max-width: 768px) {
  #labo-sub-footer h4 {width:100%; margin:0 auto 5px auto;
}
}
#labo-sub-footer ul {
  padding-left:10px;
}
#labo-sub-footer ul li {
  line-height:32px;
  font-size:15px;
  font-weight:200;
}
#labo-sub-footer ul li::before {
  content: "-";
  margin-right: 10px;
}
#labo-sub-footer ul li a {
  color: #F2F2F2;
}
#labo-sub-footer ul li a:hover {
  text-decoration: underline;
}

#labo-sub-footer #fb_related ul li:nth-of-type(n+5) {display:none;}

@media only screen and (max-width: 768px) {
  #labo-sub-footer ul {display:flex; flex-wrap:wrap; justify-content:space-between; padding:0 0;}
  #labo-sub-footer ul li {flex-basis:50%; padding:0 10px;}
  #labo-sub-footer ul li:nth-of-type(2),
  #labo-sub-footer ul li:nth-of-type(3) {flex-basis:25%;}
}

@media only screen and (max-width: 500px) {
  #labo-sub-footer ul li {flex-basis:100%;}
  #labo-sub-footer ul li:nth-of-type(2),
  #labo-sub-footer ul li:nth-of-type(3) {flex-basis:100%;}
}


footer.labo-footer {
  background-color: white !important;
}
footer#footer.labo-footer .inner {
  max-width:1100px;
}
@media only screen and (max-width: 768px) {
  footer#footer.labo-footer .inner {height:auto !important; padding:10px 0 !important;}
  footer#footer.labo-footer .inner ul {display:flex; flex-wrap:wrap; justify-content:center; padding:0 0;}
  footer#footer.labo-footer .inner ul li {width:auto; padding:0 10px;}
  footer#footer.labo-footer .inner ul li:last-child {padding:0 10px;}
}

footer.labo-footer a {
  color: #242424 !important;
}

footer.labo-footer small {
  color: #242424 !important;
}
@media only screen and (max-width: 768px) {
  footer#footer.labo-footer small {margin:15px auto 0 auto; text-align:center;}
}

.bottom-wrap .bc_bg {margin:0 auto; padding:8px 0; color:#3E3A39; background:#e0e0e0;}

@media only screen and (max-width: 768px) {
.bottom-wrap .bc_bg {margin:0 auto 5px auto; padding:5px 0 10px 0;}
}

.bottom-wrap .bc {padding:0; font-size:1rem; line-height:1.4; max-width:1100px;}

@media only screen and (max-width: 768px) {

  .bottom-wrap .bc {
    box-sizing: border-box;
    padding: 0 16px;
  }
}


.bottom-wrap .bc > span {
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 10;
}
@media only screen and (max-width: 768px) {

  .bottom-wrap .bc > span {
    top: 0px;
    left: 4px;
    margin-top: 4px;
    padding-top: 0;
  }
}

.bottom-wrap .bc > span:last-child {
    font-weight:bold;
}
.bottom-wrap .bc > span > a {
    display: inline-block;
    position: relative;
    color: #3E3A39;
}
.bottom-wrap .bc > span > a:hover {
  color: #3E3A39;
}
.bottom-wrap .bc > span > a:after {
    color: #3E3A39;
}



.bottom-wrap .bottom-contents.single-bottom-contents_231016bk {
  padding: 0;
}

.bottom-wrap .bottom-contents.single-bottom-contents article {
  border-bottom: none;
  padding: 0;
}


.post-header {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 15px 30px 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {

  .post-header {
    padding: 5px 10px;
    margin-bottom: 15px;
  }
}

.post-header h1 {
  color: #000 !important;
  font-size:1.8rem;
  line-height:1.5;
  font-weight:700;
  letter-spacing:0.5px;
}
@media only screen and (max-width: 768px) {

  .post-header h1 {
    font-size:1.8rem;
    line-height: 1.5;
    padding-bottom: 10px;
  }
}

.post-header time {
  float: right;
  font-size: 14px !important;
}
@media only screen and (max-width: 768px) {

  .post-header time {
    position: absolute;
    bottom: 32px;
    right: 10px;
  }
}

.post-header .post-header-meta {
  margin-bottom: 0 !important;
}




#labo-post-content {
  box-sizing: border-box;
  padding: 0 0;
}
@media only screen and (max-width: 768px) {

  #labo-post-content {
    padding: 0 5px;
  }
}

#labo-post-content h2 {
	display: block;
  margin:50px 0 25px 0;
  padding:6px 0 8px 15px;
  font-size:150%;
  line-height:1.5;
  font-weight:700;
  color:#0077C3;
  background-color: #f4f4f4;
  border-left: 5px solid #0077C3;
}
@media only screen and (max-width: 768px) {

  #labo-post-content h2 {
    font-size:130%;
    line-height:1.5;
  }
}

#labo-post-content h3 {
  margin:0 0 25px 0;
  padding:6px 0 8px 15px;
  font-size:110%;
  line-height:1.5;
  background:#fff;
  border-left:6px solid  #A0A0A0;}
@media only screen and (max-width: 768px) {

  #labo-post-content h3 {
    font-size:110%;
  }
}

#labo-post-content h4 {
  font-size: 100%;
  color:#4a4a4a;
  position: relative;
  padding-left: 1.5em;
  line-height: 1.4;
}
#labo-post-content h4::before {
  font-family: "FontAwesome";
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 0;
  color: #0077c3;
  font-weight: 900;
}

#labo-post-content .post-thumbnail {
  width: 100%;
  height: 0;
  float: none;
  margin: 0 auto;
  padding-top: 56%;
  position: relative;
  overflow: hidden;
}

#labo-post-content .post-thumbnail img {
  width: 100% !important;
  height: auto !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#labo-post-content p {
  font-size:1.6rem;
  line-height:1.5;
  letter-spacing:0.5px;
  padding:0;
  margin:0 0 25px 0;
}

#labo-post-content > p a {
  text-decoration:underline;
}

#labo-post-content figure {
  margin:0 0 25px 0;
}

#labo-post-content figure img {
  height:auto;
}

@media only screen and (max-width: 768px) {

  #labo-post-content p {
    font-size: 15px;
    line-height:1.6;
  }
}


#labo-post-content ol {list-style:decimal;}

#labo-post-content ul li,
#labo-post-content ol li {
  margin:0 0 1em 0;
  font-size:1.6rem;
  line-height:1.5;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 768px) {
  #labo-post-content ul li,
  #labo-post-content ol li {
    font-size: 15px;
    line-height:1.6;
  }
}


.single-bottom {
  clear: both;
}

.single-bottom .bottom-posts {
  width: 100%;
  height: auto;
}

.single-bottom .bottom-posts h4 {
  font-size: 19px;
  font-weight: 600;
  margin: 5px 0;
}

.single-bottom .bottom-posts ul {
  border-top: 4px solid #404040;
  overflow: hidden;
  padding-left: 0;
}

.single-bottom .bottom-posts ul li {
  float: left;
  overflow: hidden;
  padding: 10px 5px 10px 10px;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts ul li {
    border-right: none;
    margin: 0;
  }
}

.single-bottom .bottom-posts ul li .thumb {
  width: 90px;
  height: 60px;
  float: left;
  border-radius: 2px;
  overflow: hidden;
  margin: 3px 0;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts ul li .thumb {
    width: 30%;
    height: auto;
    margin: 0;
  }
}

.single-bottom .bottom-posts ul li .thumb img {
  width: 100%;
  height: auto;
}

.single-bottom .bottom-posts ul li .title {
  width: 190px;
  min-height: 60px;
  float: right;
  color: #323232;
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 25px;
  word-break: break-all;
  box-sizing: border-box;
  padding-left: 5px;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts ul li .title {
    width: calc(100% - 32%);
    height: auto;
    float: right;
  }
}

.single-bottom .bottom-posts ul li .title .rank-count {
  display: block;
  color: #00A1ED;
  line-height: 23px;
  letter-spacing: 2px;
  text-indent: 2px;
  font-size: 13px;
  margin-bottom: 5px;
}

.single-bottom .bottom-posts ul li:hover .title {
  color: #00A1ED;
  transition: all ease-in-out .2s;
  -webkit-transition: all ease-in-out .2s;
}

.single-bottom .bottom-posts ul li:last-child {
  border-right: none;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts ul li:last-child {
    border-bottom: none;
  }
}

.single-bottom .bottom-posts.posts-download {
  margin-bottom: 50px;
}

.single-bottom .bottom-posts.posts-download ul {
  width: 600px;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts.posts-download ul {
    width: 100%;
  }
}

.single-bottom .bottom-posts.posts-download li {
  width: 50%;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts.posts-download li {
    width: 100%;
  }
}

.single-bottom .bottom-posts.posts-related {
  margin-bottom: 40px;
}

.single-bottom .bottom-posts.posts-related .thumb {
  width: 100%;
  height: 150px;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts.posts-related .thumb {
    width: 30%;
    height: auto;
  }
}

.single-bottom .bottom-posts.posts-related .thumb img {
  width: 100% !important;
  position: relative;
  top: -15%;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts.posts-related .thumb img {
    top: 0;
  }
}

.single-bottom .bottom-posts.posts-related li {
  width: 33.3%;
  padding: 6px 13px 10px;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts.posts-related li {
    width: 100%;
    padding: 10px;
  }
}

.single-bottom .bottom-posts.posts-related li .title {
  width: 100%;
  height: 45px;
  position: relative;
  top: 2px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 768px) {

  .single-bottom .bottom-posts.posts-related li .title {
    width: calc(100% - 32%);
    height: auto;
    position: -2px;
    line-height: 24px;
    float: right;
  }
}


#toc_container {
	font-size:50%;
  width: 70%;
  border: 2px solid #D3D3D3;
  border-radius: 2px;
  clear: both;
  margin: 30px auto 0;
	display: block;
}

@media only screen and (max-width: 768px) {

 #toc_container {
    width: 90%;
    max-width: 500px;
  }
}

#toc_container p.toc_title {
  font-weight: 500 !important;
  text-align: center;
  margin: 10px 0 15px 0 !important
}

#toc_container ul {
	border-top: 1px dotted #D3D3D3;
	padding-top:20px;
  text-indent: 10px;
  margin-bottom: 15px;

}

.toc-list {list-style:  decimal;}


#toc_container ul li {
  margin: 0 0;
  padding: 0 10px 10px 10px;
}

#toc_container ul li:hover p {
  text-decoration: underline;
}

#toc_container ul li p {
  font-size: 15px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}


.bottom-contact {
  margin-bottom: 50px;
}

.bottom-contact .company {
  border-top: 4px solid #404040;
  overflow: hidden;
}

.bottom-contact .company img {
  width: 200px;
  position: relative;
  top: 10px;
  left: 10px;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .company img {
    width: 90%;
    max-width: 300px;
    display: block;
    left: 0;
    margin: 0 auto;
  }
}

.bottom-contact .company .info {
  width: calc(100% - 220px);
  float: right;
  padding: 10px;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .company .info {
    width: 100%;
    box-sizing: border-box;
    clear: both;
  }
}

.bottom-contact .company .info p {
  line-height: 31px;
  font-size: 17px;
  font-weight: 200;
  padding: 0;
  margin: 12px 0;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .company .info p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 300;
  }
}

.bottom-contact .contact {
  background-color: #ECF8FC;
  text-align: center;
  overflow: hidden;
  padding: 10px 0 25px;
}

.bottom-contact .contact .contact-title {
  letter-spacing: 2px;
  font-size: 28px;
  font-weight: 600;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .contact .contact-title {
    font-size: 17px;
    letter-spacing: 0;
  }
}

.bottom-contact .contact .contact-btn {
  width: 80%;
  margin: 0 auto;
}

.bottom-contact .contact .contact-btn button {
  width: calc(50% - 20px);
  height: 70px;
  color: white;
  background-color: #FF5E00;
  border: none;
  border-radius: 4px;
  letter-spacing: 5px;
  font-size: 26px;
  font-weight: 500;
  box-shadow: 0 5px 0 rgba(138, 138, 138, 0.4);
  cursor: pointer;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .contact .contact-btn button {
    width: 100%;
    height: 50px;
    font-size: 20px;
    margin: 5px 0;
  }
}

.bottom-contact .contact .contact-btn button:hover {
  position: relative;
  top: 2px;
  background-color: #ff6e1a;
  box-shadow: 0 3px 0 rgba(138, 138, 138, 0.4);
}

.bottom-contact .contact .contact-btn button i {
  font-size: 40px;
  margin-right: 15px;
}

.bottom-contact .contact .contact-btn button i.fa.fa-envelope {
  font-size: 35px;
  position: relative;
  top: 1px;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .contact .contact-btn button i.fa.fa-envelope {
    font-size: 28px;
  }
}

.bottom-contact .contact .contact-btn button i.fa.fa-phone {
  font-size: 42px;
  position: relative;
  top: 12px;
  left: 5px;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .contact .contact-btn button i.fa.fa-phone {
    font-size: 34px;
    top: 8px;
  }
}

.bottom-contact .contact .contact-btn button.tell p {
  display: inline;
  color: white;
  letter-spacing: 2px;
  line-height: 20px;
  font-size: 30px;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .contact .contact-btn button.tell p {
    font-size: 24px;
    letter-spacing: 1px;
  }
}

.bottom-contact .contact .contact-btn button span {
  display: block;
  position: relative;
  top: -4px;
  left: 30px;
  letter-spacing: 3px;
  font-size: 12px;
}
@media only screen and (max-width: 768px) {

  .bottom-contact .contact .contact-btn button span {
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    left: 24px;
  }
}

@media only screen and (max-width: 768px) {

  .view_pc {
    display: none;
  }
}

@media only screen and (min-width: 769px) {

  .view_sp {
    display: none;
  }
}

@media only screen and (min-width:501px) and (max-width:768px) {
img.view_sp {display:none;}
img.view_pc {display:block;} 
}


button {
}

/* 画像を強制的に全て16:9の比率でカット表示 */
.wp-block-image.size-large_16-9 {width:100%; height:0; padding-top:56%; position:relative; overflow:hidden;}
.wp-block-image.size-large_16-9 img {width:100%; height:auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}


/* トップページ下部に動画やバナー追加 */
#front-page-mov_bnr {display:flex; flex-wrap:wrap; justify-content:space-between; line-height:0.5;}
#front-page-mov_bnr > div {flex-basis:48%; margin:30px 0 60px 0;}
#front-page-mov_bnr > div a {display:inline-block; width:100%; height:100%;}
#front-page-mov_bnr > div a:hover {opacity:0.7;}
#front-page-mov_bnr > div a img {width:100%; height:auto; border:1px solid #F4F4F4;}

@media only screen and (max-width: 768px) {
#front-page-mov_bnr > div {flex-basis:49%; margin:20px 0 0 0;}
}

@media only screen and (max-width:500px) {
#front-page-mov_bnr > div {flex-basis:100%; margin:30px 0 0 0;}
}

.card-container {display:flex;}
.card-text {margin-left:20px;}
.card-text p{margin-top:10px;}

.post-img_txt {position:relative; margin:25px 0;}
.post-img_txt::after {content:''; display:block; width:0; height:0; clear:both;}
.post-img_txt figure {width:120px; line-height:0.5;}
.post-img_txt.img_circle figure {border-radius:100px; overflow:hidden;}
.post-img_txt.img_l figure {float:left; margin:5px 10px 0 0;}
.post-img_txt.img_r figure {float:right; margin:5px 0 0 10px;}
.post-img_txt figure img {width:auto; height:auto; max-width:100%; max-height:100%;}
#labo-post-content .post-img_txt p:nth-last-of-type(1) {margin:0 0;}


/* 本文中見出し上に追加 */
/* --------------------------------------------------------------------------------------------------- */
.post_add_link {
    position: relative;
    margin: 16px 0;
    padding-left: 1.2em;
    font-weight: 700;
}
.post_add_link a {
    text-decoration: underline;
}
.post_add_link::before {
    font-family: "FontAwesome";
    content: "\f054";
    font-weight: 900;
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    color: #2ea7e0;
    font-weight: 900;
}
.post_add_banner_240318bk {
    margin: 16px;
}
.post_add_banner {
    margin: 25px auto;
    max-width: 528px;
}
.post_add_banner a {
    display: block;
    text-align: center;
    transition: opacity .3s;
}
.post_add_banner img {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 769px) {
    .post_add_link {
        margin: 24px 0;
    }
    .post_add_banner_240318bk {
        margin: 24px;
    }
    .post_add_banner a:hover {
        opacity: .7;
    }
}

@media only screen and (max-width: 768px) {
    .post_add_banner {
        max-width: 500px;
    }
}

/* 特定の記事のみ「本文中見出し上に追加」のバナーを非表示 */
#post-213 .post_add_banner.pad_01,
#post-2934 .post_add_banner.pad_01,
#post-2960 .post_add_banner.pad_01,
#post-7407 .post_add_banner.pad_01,
#post-7409 .post_add_banner.pad_01,
#post-15835 .post_add_banner.pad_01 {display:none;}

#post-2934 .post_add_banner.pad_02,
#post-4619 .post_add_banner.pad_02,
#post-15835 .post_add_banner.pad_02 {display:none;}

/* 特定の記事のみ「本文中見出し上に追加」のテキストリンクを非表示 */
#post-4619 .post_add_link:not(.pal_show) {display:none;}

#post-2934 .post_add_link,
#post-2960 .post_add_link,
#post-7407 .post_add_link,
#post-7409 .post_add_link,
#post-15835 .post_add_link {display:none;}


/* 画像 + テキスト の リンクブロック */
/* --------------------------------------------------------------------------------------------------- */
.link_img_text_block a {
    display: block;
    text-align: center;
    padding: 24px;
    border: 1px solid #dcdcde;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.link_img_text_block img {
    width: 100%;
    height: auto;
}
.link_img_text_block .left {
    font-size: 0;
}
.link_img_text_block .right {
    margin: 16px 0 0;
    text-align: left;
}
.link_img_text_block .right .title {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    color: #2c3338;
}
.link_img_text_block span {
    font-weight: 700;
    display: block;
    margin-top: 16px;
    padding-left: 1.2em;
    position: relative;
}
.link_img_text_block span::before {
    font-family: "FontAwesome";
    content: "\f054";
    font-weight: 900;
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    color: #2ea7e0;
    font-weight: 900;
}
@media only screen and (min-width: 769px) {
    .link_img_text_block a {
        display: flex;
        align-items: center;
    }
    .link_img_text_block .left {
        width: 40%;
    }
    .link_img_text_block .left.left_20 {
        width: 20%;
    }
    .link_img_text_block .right {
        width: 60%;
        margin: 0 0 0 16px;
    }
    .link_img_text_block .right .title {
        font-size: 20px;
    }
    .link_img_text_block a:hover {
        box-shadow: 0 4px 8px rgb(0 0 0 / 25%);
        transform: translateY(-4px);
        transition: all 0.3s ease 0s;
    }
}

/* 記事 更新日表示 */
/* --------------------------------------------------------------------------------------------------- */
.modified-date {
    text-align: right;
    font-size: 1.4rem;
    margin: 8px 0 16px;
}
section#labo-post-content div.post-thumbnail + div.post-header .modified-date time {
    display: inline-block;
    margin: 0;
    float: none;
    color: #242424;
    position: static;
}

/* 記事内のテーブルレイアウト改善 */
/* --------------------------------------------------------------------------------------------------- */
figure.wp-block-table {width:100%; text-align:left; border-collapse:collapse; border-spacing:0; border-bottom:none !important;}
figure.wp-block-table table {margin:0 auto 5px auto; padding:0;}
figure.wp-block-table table tr th {padding:10px; border:1px solid #778ca3 !important; background:#e9faf9;}
figure.wp-block-table table tr td {padding:10px; border:1px solid #778ca3 !important;}

figure.wp-block-table table thead tr:nth-child(odd),
figure.wp-block-table table tbody tr:nth-child(odd),
figure.wp-block-table table thead tr:nth-child(even),
figure.wp-block-table table tbody tr:nth-child(even) {background-color:transparent !important;}


/* embedの表示をタイトルのリンクのみにする */
/* --------------------------------------------------------------------------------------------------- */
figure.wp-block-embed {margin:0 auto; padding:0 0;}
figure.wp-block-embed iframe.wp-embedded-content {width:100%; height:auto; max-width:100%; max-height:50px;}
figure.wp-block-embed iframe.wp-embedded-content:hover {box-shadow:none; transform:none; transition:none; opacity:0.7;}

@media only screen and (max-width:500px) {
figure.wp-block-embed iframe.wp-embedded-content {max-height:75px;}
}


/* SNSボタンのカスタマイズ */
/* --------------------------------------------------------------------------------------------------- */
.addtoany_list.a2a_kit_size_32 a {margin-left:10px; width:calc((100% - 40px) / 5); text-align:center; height:32px; border-radius:4px;}
.addtoany_list.a2a_kit_size_32 a:nth-of-type(1) {margin-left:0;}
.addtoany_list.a2a_kit_size_32 a.a2a_button_twitter {background:rgb(29, 155, 240);}
.addtoany_list.a2a_kit_size_32 a.a2a_button_facebook {background:rgb(8, 102, 255);}
.addtoany_list.a2a_kit_size_32 a.a2a_button_hatena {background:rgb(0, 166, 219);}
.addtoany_list.a2a_kit_size_32 a.a2a_button_copy_link {background:rgb(136, 137, 144);}
.addtoany_list.a2a_kit_size_32 a.a2a_dd {background:rgb(1, 102, 255);}


/* 230816 ヘッダー改造 */
/* --------------------------------------------------------------------------------------------------- */
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta {display:inline-flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 0; margin:0 auto; padding:0 0; background:#000;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li {margin:0 0 0 15px; padding:0 0 0 15px; border-bottom:none; border-left:1px solid #666;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li:nth-of-type(1) {margin:0 0; padding:0 0; border-left:none;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px 0; margin:0 0; padding:5px 5px; font-size:10px; line-height:10px; color:#fff; transition:.2s;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a:hover {filter:brightness(1.3);}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a::after {content:none;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a::before {content:""; display:block; width:40px; height:46px;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li:nth-of-type(1) > a::before {background:url(/eigyo-labo/wp-content/themes/esales/images/icon_seminar.png) no-repeat left 50% top 50% / contain;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li:nth-of-type(2) > a::before {background:url(/eigyo-labo/wp-content/themes/esales/images/icon_document.png) no-repeat left 50% top 50% / contain;}

@media only screen and (min-width:769px) {
#contents-wrap {padding-top:140px;}
#contents-wrap div.labo-top-wrap {position:fixed; left:0; top:0; width:100%; z-index:10;}
#contents-wrap > header#labo-gNav {position:fixed; left:0; top:100px;}
#contents-wrap > header#labo-gNav nav div.nav-inner {position:relative;}
#contents-wrap > header#labo-gNav nav div.nav-inner > ul > li > a {min-height:40px;}
#contents-wrap > header#labo-gNav nav.menu-fixed {top:100px;}
#contents-wrap > header#labo-gNav nav.menu-fixed .nav-inner {padding:0 0;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta {position:absolute; top:-85px; right:0; background:transparent;}

.labo-top-wrap .labo-top-bar {display:flex; justify-content:flex-start; align-items:center; padding:0 0; height:100px;}
.labo-top-wrap .labo-top-bar .logo-labo span {font-size:1.2rem;}
.labo-top-wrap .labo-top-bar #eSMlogo img {width:auto; height:auto; max-width:125px; max-height:24px;}
.labo-top-wrap .labo-top-bar .top-search {display:none;}
}

@media only screen and (max-width:768px) {
#contents-wrap div.labo-top-wrap {z-index:1100;}
#contents-wrap > header#labo-gNav {z-index:1050;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta {width:100%; justify-content:space-between; background:#666;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li {flex-basis:calc((100% - 1px) / 2); margin:0 0; padding:0 0; border:none;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a {flex-direction:row-reverse; gap:0 5px; padding:10px 5px; font-size:14px; background:#000;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a::before {width:30px; height:30px;}
}

@media only screen and (max-width:420px) {
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta > li > a::before {width:25px; height:25px;}
}


/* 230816 記事検索を右サイドに設置 */
/* --------------------------------------------------------------------------------------------------- */
div#sp_searchform {position:relative; border:1px solid #A0A0A0;}
div#sp_searchform::before {content:""; display:block; position:absolute; left:0; top:0; width:25px; height:25px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_search.png) no-repeat left 50% top 50% / 15px auto; z-index:10;}
div#sp_searchform div input[type="text"] {font-size:12px; line-height:15px; width:calc(100% - 60px); margin:0 0; padding:5px 5px 5px 25px; border:none; border-right:none; box-sizing:border-box; vertical-align:middle; background:#fff;}
div#sp_searchform div ::placeholder {opacity:0;}
div#sp_searchform div button {margin:0 0; padding:0 0 0 2px; width:60px; height:25px; font-size:11px; line-height:25px; text-align:center; letter-spacing:2px; color:#fff; background:#0077c3; border:none; box-sizing:border-box; vertical-align:middle;}
div#sp_searchform div button:hover {opacity:0.7;}


/* 230816 トップページの表示カスタマイズ */
/* --------------------------------------------------------------------------------------------------- */
div.front-page-bottom-contents .post-loop-wrap article > a {transition:.2s;}
div.front-page-bottom-contents .post-loop-wrap article > a:hover {opacity:0.7;}
div.front-page-bottom-contents .post-loop-wrap article div h2 {padding:0; color:#333; font-size:1.2rem; line-height:1.4; font-weight:700; letter-spacing:0.5px; font-feature-settings:"palt";}
div.front-page-bottom-contents .post-loop-wrap article .post-thumbnail {height:0; overflow:hidden; padding-bottom:56.25%; background:#fff;}
div.front-page-bottom-contents .post-loop-wrap article .post-excerpt-txt {display:none;}
div.front-page-bottom-contents .post-loop-wrap article time {display:none;}

div.front-page-bottom-contents #front-pick-up.post-loop-wrap {margin:0 auto 50px auto;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article {flex-basis:100%;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article > a {display:flex; flex-direction:column-reverse;}

div.front-page-bottom-contents #front-pick-up.post-loop-wrap article > a > div:nth-of-type(1) {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-thumbnail {display:inline-block; width:48%; height:auto; margin:0 0; padding:0 0; line-height:0.5;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-excerpt-txt {display:inline-block; width:48%; text-align:right;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-excerpt-txt p {margin:0 0 15px 0; padding:0 0; font-size:16px; line-height:1.6; color:#333; text-align:left;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-excerpt-txt p + span {display:inline-block; padding:5px 10px 5px 30px; font-size:12px; line-height:20px; color:#fff; background:#0077c3 url(/eigyo-labo/wp-content/themes/esales/images/icon_arrow.png) no-repeat left 10px top 50% / 12px 12px; border-radius:4px;}

div.front-page-bottom-contents #front-pick-up.post-loop-wrap article > a > div:nth-of-type(2) {margin:0 0 10px 0; text-align:right;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article div h2 {margin:0 0 5px 0; padding:0 0; font-size:1.6rem; line-height:1.5; text-align:left;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article time {display:inline-block; margin:0 0; padding:0 0 0 17px; font-size:11px; line-height:12px; text-align:right; color:#808080; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_time.png) no-repeat left 0 top 60% / 12px 12px;}

div.front-page-bottom-contents #front-recommend.post-loop-wrap {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start; margin:0 auto 50px auto;}
div.front-page-bottom-contents #front-recommend.post-loop-wrap article {flex-basis:48%;}
div.front-page-bottom-contents #front-recommend.post-loop-wrap article > a {display:flex; flex-direction:column;}
div.front-page-bottom-contents #front-recommend.post-loop-wrap article .post-thumbnail {display:inline-block; width:100%; height:auto; max-height:195px; margin:0 auto 10px auto; padding:0 0; line-height:0.5; text-align:center; overflow:hidden; background:#f6f6f6;}
div.front-page-bottom-contents #front-recommend.post-loop-wrap article .post-thumbnail img {width:auto; height:auto; max-width:100%; max-height:195px;}
div.front-page-bottom-contents #front-recommend.post-loop-wrap article div h2 {margin:0 0; padding:0 0; font-size:1.4rem; line-height:1.5; text-align:left;}

div.front-page-bottom-contents #front-latest.post-loop-wrap {justify-content:flex-start; gap:0 3.5%;}
div.front-page-bottom-contents #front-latest.post-loop-wrap article {flex-basis:31%; margin:20px 0 0 0;}

@media only screen and (max-width: 420px) {
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-thumbnail {margin:0 auto 10px auto; width:100%;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-excerpt-txt {width:100%;}
div.front-page-bottom-contents #front-pick-up.post-loop-wrap article .post-excerpt-txt p {margin:0 0 10px 0; font-size:14px;}
div.front-page-bottom-contents #front-latest.post-loop-wrap article,
div.front-page-bottom-contents #front-recommend.post-loop-wrap article {flex-basis:100%; margin:30px 0 0 0;}
div.front-page-bottom-contents #front-recommend.post-loop-wrap article div h2 {font-size:1.2rem; line-height:1.4;}
}


/* blockquote（引用）のカスタマイズ */
/* --------------------------------------------------------------------------------------------------- */
#labo-post-content .wp-block-quote {margin:0 auto 25px auto; padding:20px 20px; background:#F2F2F2;}
#labo-post-content .wp-block-quote p {font-weight:600;}
#labo-post-content .wp-block-quote p:nth-last-of-type(1) {margin-bottom:0;}
#labo-post-content .wp-block-quote p cite {font-weight:400;}


/* 231016 ナビ部分のPC表示カスタマイズ */
/* --------------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
#contents-wrap {padding-top:100px;}
#contents-wrap > header#labo-gNav {width:550px; left:50%; top:0; background:none; box-shadow:none;}
#contents-wrap > header#labo-gNav nav.menu-fixed {position:relative !important; top:auto; min-width:0; box-shadow:none;}
#contents-wrap > header#labo-gNav nav {background:none;}
#contents-wrap > header#labo-gNav nav > div > ul.nav-cta {top:15px;}

.labo-top-wrap .labo-top-bar .logo-labo {display:inline-flex;}
.labo-top-wrap .labo-top-bar .logo-labo a {transition:.2s;}
.labo-top-wrap .labo-top-bar .logo-labo a:hover {filter: brightness(1.3)}
.labo-top-wrapzzz .labo-top-bar .logo-labo span {margin:10px 0 0 25px; font-size:1.1rem;}

.labo-top-wrap .labo-top-bar #eSMlogo {position:absolute; left:160px; bottom:25px;}
.labo-top-wrap .labo-top-bar #eSMlogo a {transition:.2s;}
.labo-top-wrap .labo-top-bar #eSMlogo a:hover {filter: brightness(1.3)}

@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}

#labo-gNav a,
#labo-gNav span {display:inline-block; width:100%; height:100%; transition:all 0.5s; cursor:pointer;}

#labo-gNav nav > div > p > a:hover,
#labo-gNav nav > div > p > span:hover {color:#fff; background:#14A0DE;}

#labo-gNav nav > div {position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:0 0; width:100% !important;}
#labo-gNav nav > div > p {display:inline-block !important; width:110px; text-align:center;}
#labo-gNav nav > div > p > a,
#labo-gNav nav > div > p > span {padding:10px 10px; line-height:80px; color:#fff;}

#labo-gNav nav > div > p.nav-cat-ttl {transition:all 0.5s;}
#labo-gNav nav > div > p.nav-cat-ttl span {position:relative;}
#labo-gNav nav > div > p.nav-cat-ttl span::after {content:"▼"; display:inline-block; margin:0 0 0 5px; font-size:10px; line-height:1; transform:translateY(-2px);}
#labo-gNav nav > div > p.nav-cat-ttl:has(+ ul.nav-cat-list:hover) {color:#fff; background:#14A0DE;}
#labo-gNav nav > div > p.nav-cat-ttl:has(+ ul.nav-cat-list:hover) span {color:#fff;}

#labo-gNav nav > div > ul.nav-cat-list {position:absolute !important; padding:100px 0 0 0 !important; width:110px; left:220px; top:0; cursor:pointer;}
#labo-gNav nav > div > ul.nav-cat-list:hover {display:flex !important; flex-wrap:wrap; flex-direction:column; gap:0 0;}

#labo-gNav nav > div > ul.nav-cat-list > li {display:none !important;}
#labo-gNav nav > div > ul.nav-cat-list:hover > li {animation:fadeIn 0.5s; display:inline-block !important; position:relative; margin:0 0 0 0 !important; width:200px; font-size:14px !important; transform:translateX(-90px);}
#labo-gNav nav > div > ul.nav-cat-list > li > a {padding:10px 10px !important; color:#fff !important; background:#14A0DE; border-bottom:1px solid #fff;}
#labo-gNav nav > div > ul.nav-cat-list > li:nth-last-of-type(1) > a {border-bottom:none;}
#labo-gNav nav > div > ul.nav-cat-list > li:hover,
#labo-gNav nav > div > ul.nav-cat-list > li > a:hover,
#labo-gNav nav > div > ul.nav-cat-list > li:hover > a {color:#fff !important; background:#000; transition:all 0.5s;}
#labo-gNav nav > div > ul.nav-cat-list > li > a::before {content:"▼"; display:inline-block; margin:0 5px 0 0; font-size:10px; line-height:1; transform:translateY(-2px) rotate(90deg);}
#labo-gNav nav > div > ul.nav-cat-list > li:not(:has(ul)) a::before {opacity:0;}
#labo-gNav nav > div > ul.nav-cat-list > li > a::after {content:none !important;}
#labo-gNav nav > div > ul.nav-cat-list > li > ul {display:none;}
#labo-gNav nav > div > ul.nav-cat-list > li:hover > ul {animation:fadeIn 0.5s; display:flex !important; flex-wrap:wrap; gap:0 0; position:absolute; left:auto !important; right:100%; top:0; width:200px !important; padding:0 0 !important; background:#000 !important; overflow:hidden;}
#labo-gNav nav > div > ul.nav-cat-list > li > ul > li {position:relative; flex-basis:100%;}
#labo-gNav nav > div > ul.nav-cat-list > li > ul > li > a {position:relative; padding:10px 10px !important; color:#fff !important; border-bottom:1px solid #fff;}
#labo-gNav nav > div > ul.nav-cat-list > li > ul > li:nth-last-of-type(1) > a {border-bottom:none;}
#labo-gNavzzz nav > div > ul.nav-cat-list > li > ul > li:nth-of-type(n+4) > a {padding:11px 10px 10px 10px !important;}
#labo-gNavzzz nav > div > ul.nav-cat-list > li > ul > li > a::after {content:""; display:inline-block; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; z-index:100;}
#labo-gNav nav > div > ul.nav-cat-list > li > ul > li:hover,
#labo-gNav nav > div > ul.nav-cat-list > li > ul > li > a:hover {color:#fff !important; background:#14A0DE !important; transition:all 0.5s;}
}

@media only screen and (max-width: 768px) {
#labo-gNav nav > div > p {display:none !important;}
}


/* 231129 不要かも */
/* --------------------------------------------------------------------------------------------------- */
table.fas_table_rowheader{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	table-layout: fixed;
}
table.fas_table_rowheader th{
	border: 1px solid #999;
	padding: 5px;
	font-weight: normal;
	background: #e0ecf9;
	color: #3366cc;
	text-align: center;
}
table.fas_table_rowheader th:before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f0a9';
	margin-right: 5px;
}
table.fas_table_rowheader td {
	border: 1px solid #999;
	padding: 5px;
	text-align: center;
}
/* --------------------------------------------------------------------------------------------------- */


/* 231129 用語集の表 */
/* --------------------------------------------------------------------------------------------------- */
#post-15835 table tr th {background:#e0ecf9;}
#post-15835 table tr td:nth-of-type(1) {min-width:12em; padding:10px 5px 10px 10px;}
#post-15835 table tr td:nth-of-type(1) a {position:relative; display:block; font-weight:600; line-height:1.4; color:#0077c3;}
#post-15835 table tr td:nth-of-type(1) a:hover {opacity:0.7;}
#post-15835 table tr td:nth-of-type(1) a::after {content:""; display:block; margin:5px 0 0 0; width:86px; height:24px; background:url(/eigyo-labo/wp-content/themes/esales/images/btn_read_more.png) no-repeat 0 0 / contain;}
#post-15835 table tr td:nth-of-type(1) a span {display:inline-block; text-decoration:underline;}

@media only screen and (max-width: 420px) {
#post-15835 table tr th {display:none;}
#post-15835 table tr td {display:block; margin-bottom:10px;}
#post-15835 table tr td:nth-of-type(1) {margin-bottom:0; padding:10px 10px; background:#e0ecf9; border-bottom:none !important;}
#post-15835 table tr td:nth-of-type(1) a {padding:0 90px 0 0;}
#post-15835 table tr td:nth-of-type(1) a::after {display:inline-block; position:absolute; right:0; top:0; margin:0 0; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}
}


/* 240305 ラボ メルマガ登録フォーム */
/* --------------------------------------------------------------------------------------------------- */
#mm_form_box {margin:0 auto; padding:0 0;}
#mm_form_box form.mktoForm {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 0; margin:0 auto; padding:15px 20px 20px 20px; width:100% !important; background:#000;}
#mm_form_box form.mktoForm * {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5; color:#fff; letter-spacing:0.5px;}
#mm_form_box form.mktoForm .mktoFormRow {margin:0 0; padding:0 0;}
#mm_form_box form.mktoForm .mktoFormCol {float:none; margin:0 0 !important; min-height:0;}
#mm_form_box form.mktoForm .mktoOffset {display:none;}
#mm_form_box form.mktoForm .mktoGutter {display:none;}

#mm_form_box form.mktoForm .mktoFieldWrap {float:none;}
#mm_form_box form.mktoForm .mktoFieldWrap > div {width:100% !important;}

#mm_form_box form.mktoForm .mktoFieldWrap > label {display:none;}
#mm_form_box form.mktoForm .mktoFieldWrap > div.mktoCheckboxList {position:relative; display:inline-block; margin:0 auto; padding:0 0; width:auto !important;}
#mm_form_box form.mktoForm .mktoFieldWrap > div.mktoCheckboxList > label {margin:0 0 0 18px; padding:0 0; font-size:10px; text-align:left; user-select:none;}
#mm_form_box form.mktoForm .mktoFieldWrap > div.mktoCheckboxList > label a {margin:0 3px 0 0; padding:0 0 !important; color:#FEEE35; text-decoration:underline;}
#mm_form_box form.mktoForm .mktoFieldWrap > div.mktoCheckboxList > label a:hover {opacity:1; color:#FEF371;}

#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(1) {flex-basis:100%;}

#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) {flex-basis:100%; margin:5px 0 10px 0;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) input[type="checkbox"] {position:relative; width:14px; height:14px; background:#fff; border:none; border-radius:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) input[type="checkbox"]:checked {background:#FEEE35;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) input[type="checkbox"]::before {content:''; position:absolute; top:2px; left:5px; transform:rotate(50deg); width:3px; height:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) input[type="checkbox"]:checked::before {border-color:#0062A0;}

#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) {position:relative; flex-basis:calc(100% - 100px);}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3)::before {content:""; display:block; position:absolute; left:0; top:0; width:25px; height:25px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_mail_k.png) no-repeat left 50% top 50% / 15px auto; z-index:10;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) input[type="email"] {margin:0 0; padding:5px 5px 5px 25px; width:100% !important; height:25px; font-size:12px; line-height:15px; color:#333; background:#fff; border:none; box-sizing:border-box; border-radius:3px 0 0 3px;}

#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) div.mktoError,
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) div.mktoError {right:auto !important; bottom:auto !important; left:0 !important; top:100% !important;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) div.mktoError div.mktoErrorMsg,
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) div.mktoError div.mktoErrorMsg {font-size:11px; text-shadow:none; background:#e51b00; border:none; display:inline-block; max-width:initial;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) div.mktoError div.mktoErrorArrow,
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) div.mktoError div.mktoErrorArrow {background:#e51b00; border:none;}

#mm_form_box form.mktoForm .mktoButtonRow {margin:0 0; padding:0 0; flex-basis:100px;}
#mm_form_box form.mktoForm .mktoButtonRow span {margin:0 0 !important;}
#mm_form_box form.mktoForm .mktoButtonRow button {position:relative; margin:0 0; padding:0 0; width:100px; height:25px; font-size:12px; line-height:25px; font-weight:600; letter-spacing:0.5px; text-align:center; color:#000; background:#FEEE35; border:none; box-sizing:border-box; border-radius:0 3px 3px 0;}
#mm_form_box form.mktoForm .mktoButtonRow button:hover {opacity:1; background:#FEF371;}
#mm_form_box form.mktoForm .mktoButtonRow button::before {content:"メルマガに";}


#mm_form_box form.mktoForm .mm_form_ttl {position:relative; display:flex; justify-content:space-between; align-items:center; gap:0 0; margin:0 auto 10px auto; padding:0 0 10px 0; border-bottom:1px solid #e0e0e0;}
#mm_form_box form.mktoForm .mm_form_ttl::before {content:""; display:inline-block; width:90px; height:34px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_mm.png) no-repeat left 0 top 50% / contain;}
#mm_form_box form.mktoForm .mm_form_ttl span {position:relative; display:flex; justify-content:center; align-items:center; gap:0 0; font-size:18px; line-height:1; font-weight:600; color:#FEEE35;}
#mm_form_box form.mktoForm .mm_form_ttl span::before {content:""; display:inline-block; width:90px; height:32px; background:url(/eigyo-labo/wp-content/themes/esales/images/logo_labo_white.svg) no-repeat left 0 top 50% / contain;}

#mm_form_box form.mktoForm .mm_form_txt {margin:0 0; padding:0 0; font-size:11px; line-height:1.5;}


@media only screen and (max-width: 768px) {
.main-inner #mm_form_box {margin:20px auto 30px auto;}
.front-page-bottom-contents .main-inner #mm_form_box {margin:0 auto 50px auto;}
#mm_form_box form.mktoForm .mm_form_txt span:nth-of-type(2) {display:inline-block; color:#FEEE35;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) {flex-basis:calc(100% - 50px);}
#mm_form_box form.mktoForm .mktoButtonRow {flex-basis:50px;}
#mm_form_box form.mktoForm .mktoButtonRow button {width:50px; padding:0 0 0 2px; letter-spacing:2px;}
#mm_form_box form.mktoForm .mktoButtonRow button::before {content:none;}
}


@media only screen and (min-width: 431px) and (max-width: 768px) {
#mm_form_box {position:relative; display:flex; justify-content:space-between; align-items:center; gap:0 0; background:#000; padding:0 0 0 20px;}
#mm_form_box::before {content:""; display:inline-block; width:176px; height:68px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_mm.png) no-repeat left 0 top 50% / contain;}
#mm_form_box form.mktoForm {width:calc(100% - 176px) !important;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(1) {margin:0 0 10px 0; border-bottom:1px solid #e0e0e0;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(1) div.mktoHtmlText {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 15px; padding:0 0 10px 0;}
#mm_form_box form.mktoForm .mm_form_ttl {flex-basis:180px; margin:0 0; padding:0 0; border-bottom:none;}
#mm_form_box form.mktoForm .mm_form_ttl::before {content:none;}
#mm_form_box form.mktoForm .mm_form_txt {flex-basis:calc(100% - 180px - 15px);}

#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(2) {flex-basis:195px; margin:0 0;}
#mm_form_box form.mktoForm .mktoFormRow:nth-of-type(3) {flex-basis:calc(100% - 195px - 50px);}
}


@media only screen and (max-width: 430px) {
#mm_form_box form.mktoForm .mm_form_ttl {justify-content:center; gap:0 10px;}
}


@media only screen and (max-width: 320px) {
#mm_form_box form.mktoForm {padding:15px 15px;}
#mm_form_box form.mktoForm .mm_form_ttl::before {width:80px; height:30px;}
#mm_form_box form.mktoForm .mm_form_ttl span {font-size:16px;}
}


/* 241107 ラボ メルマガ登録フォーム SATORI */
/* --------------------------------------------------------------------------------------------------- */
#mm_form_box {background:#000;}

#mm_form_box #mm_form_msg {display:flex !important; flex-wrap:wrap; margin:0 0; padding:15px 20px 0 20px; pointer-events:none;}
#mm_form_box #mm_form_msg *,
#mm_form_box div.satori__custom_form * {font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.5; letter-spacing:0.5px;}
#mm_form_box #mm_form_msg .mm_form_ttl {position:relative; display:flex; justify-content:space-between; align-items:center; gap:0 0; margin:0 auto 10px auto; padding:0 0 10px 0; width:100%; border-bottom:1px solid #e0e0e0;}
#mm_form_box #mm_form_msg .mm_form_ttl::before {content:""; display:inline-block; width:90px; height:34px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_mm.png) no-repeat left 0 top 50% / contain;}
#mm_form_box #mm_form_msg .mm_form_ttl span {position:relative; display:flex; justify-content:center; align-items:center; gap:0 0; font-size:18px; line-height:1; font-weight:600; color:#FEEE35;}
#mm_form_box #mm_form_msg .mm_form_ttl span::before {content:""; display:inline-block; width:90px; height:32px; background:url(/eigyo-labo/wp-content/themes/esales/images/logo_labo_white.svg) no-repeat left 0 top 50% / contain;}
#mm_form_box #mm_form_msg .mm_form_txt {margin:0 0; padding:0 0; font-size:11px; line-height:1.5; color:#fff;}


#mm_form_box div.satori__custom_form {position:relative; display:flex; flex-wrap:wrap; gap:10px 0; padding:5px 20px 20px 20px; font-size:14px; line-height:1.4; background:transparent;}
#mm_form_box div.satori__custom_form > div.satori__input_group {order:2; position:relative; gap:0 0; padding:0 0; width:calc(100% - 100px);}
#mm_form_box div.satori__custom_form > div.satori__input_group::before {content: ""; display:block; position:absolute; left:0; top:0; width:25px; height:25px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_mail_k.png) no-repeat left 50% top 50% / 15px auto; z-index:10;}

#mm_form_box div.satori__custom_form > div.satori__input_group:has(input[type=email]) label {display:none;}
#mm_form_box div.satori__custom_form > div.satori__input_group input[type=email] {margin:0 0; padding:5px 5px 5px 25px; width:100% !important; height:25px; font-size: 12px; line-height: 15px; font-weight:400; color: #333; background:#fff; border: none; box-sizing: border-box; border-radius:3px 0 0 3px;}

#mm_form_box div.satori__custom_form > div.satori__input_group.error {padding:0 0 0 0;}
#mm_form_box div.satori__custom_form > div.satori__input_group .satori__error_messages {position:absolute; bottom:-17px; left:0; padding:0 0; width:260px; height:14px; font-size:10px; line-height:14px; text-align:left; color:#fff; pointer-events:none;}
#mm_form_box div.satori__custom_form > div.satori__input_group .satori__error_messages span {display:inline-block; padding:0 5px; height:14px; font-size:10px; line-height:14px; background:#E25309; border-radius:2px;}
#mm_form_box div.satori__custom_form > div.satori__input_group .satori__error_messages span:nth-of-type(1) {display:none;}

#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper div.satori__input_group .satori__error_messages {position:absolute; bottom:3px; right:0; padding:0 5px; height:14px; font-size:10px; line-height:14px; color:#fff; background:#E25309; border-radius:2px; pointer-events:none;}


#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper {order:1; position:relative; display:flex; flex-direction:row-reverse; justify-content:start; align-items:center; gap:0 5px; width:100%; height:20px;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper label {display:none;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper .satori__privacy_policy_message {margin:0 0; padding:0 0; font-size:10px; line-height:1.4; color:#fff;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper .satori__privacy_policy_message a {margin:0 3px 0 0; color:#FEEE35 !important;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper .satori__input_group {margin:0 0; padding:0 0;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper input[type="checkbox"] {position:relative; width:14px; height:14px; background:#fff; border:none; border-radius:10px; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper input[type="checkbox"]:checked {background:#FEEE35;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper input[type="checkbox"]::before {content:''; position:absolute; top:2px; left:5px; transform:rotate(50deg); width:3px; height:6px; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper input[type="checkbox"]:checked::before {border-color:#0062A0;}


#mm_form_box div.satori__custom_form p.satori__submit_group {order:3; position:relative; display:block; margin:0 0 !important; padding:0 0; width:100px; background:#FEEE35; border-radius:0 3px 3px 0; overflow:hidden;}
#mm_form_box div.satori__custom_form p.satori__submit_group::before {position:absolute; left:0; top:0; content:"メルマガに登録"; display:block; font-size:12px; line-height:25px; font-weight:600; text-align:center; width:100%; height:100%; z-index:0; box-sizing:border-box;}
#mm_form_box div.satori__custom_form p.satori__submit_group input.satori__btn {position:relative; margin:0 0; padding:0 0; width:100px; min-width:0; font-size:0; line-height:25px; font-weight:600; color: #333; border-radius:0 3px 3px 0; cursor: pointer; background:transparent; transition: all 0.3s ease-in-out;}
#mm_form_box div.satori__custom_form p.satori__submit_group input.satori__btn:hover {background:rgba(255,255,255,0.3);}


@media only screen and (min-width: 431px) and (max-width: 768px) {
#mm_form_box {flex-wrap:wrap; padding:15px 20px 20px 216px;}
#mm_form_box::before {position:absolute; left:20px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%);}

#mm_form_box #mm_form_msg {gap:0 30px; width:100%; padding:0 0; border-bottom:1px solid #e0e0e0;}
#mm_form_box #mm_form_msg .mm_form_ttl {width:auto; margin:0 0; border:none;}
#mm_form_box #mm_form_msg .mm_form_ttl::before {content:none;}
#mm_form_box #mm_form_msg .mm_form_txt span {display:block;}
#mm_form_box #mm_form_msg .mm_form_txt span:nth-of-type(2) {color:#FEEE35;}

#mm_form_box #satori__creative_container {width:100%;}

#mm_form_box div.satori__custom_form {align-items:center; gap:0; padding:10px 0 0 0;}

#mm_form_box div.satori__custom_form > div.satori__input_group {width:calc(100% - 195px - 50px);}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper {width:195px;}
#mm_form_box div.satori__custom_form p.satori__submit_group {width:50px;}
#mm_form_box div.satori__custom_form p.satori__submit_group::before {content:"登録"; padding:0 0 0 2px; letter-spacing:2px;}
#mm_form_box div.satori__custom_form p.satori__submit_group input.satori__btn {width:50px;}

#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper div.satori__input_group .satori__error_messages {bottom:-19px; left:0; right:auto;}
}


@media only screen and (max-width: 430px) {
#mm_form_box #mm_form_msg .mm_form_ttl {justify-content:center; gap:0 10px;}
#mm_form_box #mm_form_msg .mm_form_txt span {display:block;}
#mm_form_box #mm_form_msg .mm_form_txt span:nth-of-type(2) {color:#FEEE35;}

#mm_form_box div.satori__custom_form > div.satori__input_group {width:calc(100% - 50px);}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper {width:260px;}
#mm_form_box div.satori__custom_form p.satori__submit_group {width:50px;}
#mm_form_box div.satori__custom_form p.satori__submit_group::before {content:"登録"; padding:0 0 0 2px; letter-spacing:2px;}
#mm_form_box div.satori__custom_form p.satori__submit_group input.satori__btn {width:50px;}
}


/* 241107 ラボ 埋込型フォームがある記事にはメルマガ登録フォームを非表示 */
/* --------------------------------------------------------------------------------------------------- */
#contents-wrap:has(#sideFormBox) #nav-mm,
#contents-wrap:has(#sideFormBox) #nav-mm #mm_form_box,
#contents-wrap:has(#sideFormBox) #mm_form_box,
#contents-wrap:has(#sideFormBox) #mm_form_box #satori__creative_container {display:none !important; visibility:hidden; opacity:0;}

#contents-wrap:has(#dl_form_box) #nav-mm,
#contents-wrap:has(#dl_form_box) #nav-mm #mm_form_box,
#contents-wrap:has(#dl_form_box) #mm_form_box,
#contents-wrap:has(#dl_form_box) #mm_form_box #satori__creative_container,
#contents-wrap:has(#dl_form_box) #wp_cta_10128_container {display:none !important; visibility:hidden; opacity:0;}


/* 240321 ラボ 記事内にYouTube埋め込み */
/* --------------------------------------------------------------------------------------------------- */
section.post-content > div.yt_box {position:relative; margin:0 auto 25px auto; width:100%; height:0; padding-top:56.25%;}
section.post-content > div.yt_box > iframe {position:absolute; left:0; top:0; width:100%; height:100%;}


/* 240321 ラボ 右サイドおすすめ */
/* --------------------------------------------------------------------------------------------------- */
section.post-content div.yarpp {display:none;}

@media only screen and (min-width: 769px){
#labo-side #yarpp_widget-2 h3 {margin:0 auto; padding:10px 5px; font-size:14px; line-height:1.5; text-align:center; color:#fff; background:#0077c3; border:none;}

#labo-side #yarpp_widget-2 a.yarpp-thumbnail {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:0 10px; margin:0 auto; padding:10px 10px; width:100% !important; height:auto !important; background:#F4F4F4; border-bottom:1px solid #e0e0e0;}
#labo-side #yarpp_widget-2 a.yarpp-thumbnail:nth-last-of-type(1) {border-bottom:none;}
#labo-side #yarpp_widget-2 a.yarpp-thumbnail > img {margin:0 0 !important; width:70px; height:auto;}
#labo-side #yarpp_widget-2 a.yarpp-thumbnail > span {margin:0 0 !important; width:calc(100% - 70px - 10px); height:auto; font-size:14px !important; line-height:1.5 !important; color:#063154; font-weight:bold; letter-spacing:0.5px; max-height:100%; overflow:visible;}
}



/* 240326 ラボ h2直後の画像の上に余白 */
/* --------------------------------------------------------------------------------------------------- */
div.single-bottom-contents h2 + p img {margin-top:25px;}




/* 240730 ラボ ナビの上に製品サイトのナビを表示（2段構え） */
/* --------------------------------------------------------------------------------------------------- */

#contents-wrap div#header.header {background:#D9F2F6;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo div {line-height:1.5;}

@media only screen and (min-width: 769px) {

#contents-wrap {padding-top:148px;}
#contents-wrap div.labo-top-wrap {top:82px; background:#2B80C4;}
#contents-wrap > header#labo-gNav {width:420px; left:calc(50% + 130px); top:82px;}
#contents-wrap div.labo-top-wrap .labo-top-bar {justify-content:space-between; padding:0 430px 0 0; height:66px;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo {justify-content:start; align-items:center; gap:0 10px;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo h1 a,
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo p a {display:inline-block; line-height:0.5;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo div {margin:0 0; padding:0 0;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo div span {display:block; margin:0 0;}

#contents-wrap div.labo-top-wrap .labo-top-bar .top-search {display:block; position:static;}
#contents-wrap div.labo-top-wrap .labo-top-bar .top-search > p {display:none;}
#contents-wrap div.labo-top-wrap .labo-top-bar .top-search div input[type="text"] {padding:5px 5px 5px 10px; border-radius:30px 0 0 30px; background:#fff;}
#contents-wrap div.labo-top-wrap .labo-top-bar .top-search div button {border-radius:0 30px 30px 0;}
#contents-wrap div.labo-top-wrap .labo-top-bar .top-search div button:hover {opacity:0.7;}


#contents-wrap > header#labo-gNav nav > div.nav-inner,
#contents-wrap > header#labo-gNav nav.menu-fixed > div.nav-inner {justify-content:end; padding:0 200px 0 0;}
#contents-wrap > header#labo-gNav nav > div.nav-inner > ul.nav-cat-list {left:auto; right:310px;}
#contents-wrap > header#labo-gNav nav > div.nav-inner > p > a,
#contents-wrap > header#labo-gNav nav > div.nav-inner > p > span {line-height:46px;}
#contents-wrap > header#labo-gNav nav > div.nav-inner > ul.nav-cat-list {padding:66px 0 0 0 !important;}

#nav-mm {display:flex; flex-wrap:wrap; justify-content:end; gap:0 0; position:absolute; right:0; top:13px; width:190px; transition:0.4s;}
#nav-mm:has(.mm-open) {width:300px;}
#nav-mmzzz:hover {width:300px;}

#nav-mm > p {position:relative; margin:0 0; padding:0 0 0 45px; width:100%; height:40px; background:linear-gradient(90deg, #EB7739, #FFA246); border-radius:8px; overflow:hidden; transition:0.2s; cursor:pointer;}
#nav-mm > p:hover {background:linear-gradient(90deg, #EB7739, #EB7739);}
#nav-mm > p.mm-open {background:linear-gradient(90deg, #E25309, #E25309); border-radius:8px 8px 0 0;}
#nav-mm > p.mm-open:hover {background:linear-gradient(90deg, #E25309, #E25309);}
#nav-mm > p::before {display:block; content:""; width:45px; height:100%; position:absolute; left:0; top:0; background:#E25309 url(/eigyo-labo/wp-content/themes/esales/images/icon_airplane.png) no-repeat left 50% top 50% / auto 20px;}
#nav-mm > p.mm-open::after {display:block; content:"×"; width:40px; height:100%; position:absolute; right:0; top:0; font-size:20px; line-height:40px; color:#fff; font-weight:400; text-align:center;}

#nav-mm > p span {position:relative; width:100%; height:100%; font-size:14px; line-height:40px; color:#fff; text-align:center;}
#nav-mm > p.mm-open span {text-align:left;}
#nav-mmzzz > p:hover span {text-align:left;}
#nav-mm > p span::before {display:block; content:""; position:absolute; left:0; top:calc(50% - 6px); width:6px; height:12px; background:#E25309; clip-path:polygon(0 0, 100% 50%, 0 100%);}

#nav-mm #mm_form_box {display:none; position:absolute; right:0; top:40px; width:300px; border-radius:0 0 10px 10px; overflow:hidden; box-shadow:0 5px 5px rgba(0, 0, 0, 0.25);}
#nav-mm #mm_form_box a,
#nav-mm #mm_form_box span {width:auto; height:auto;}


#hbg-chk {position:absolute; width:1px; height:1px; margin:-1px; border:0; padding:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px);}
#hbg {position:absolute; top:-99999px;}


#add_header {position:fixed; top:0; left:0; width:100%; height:67px; background:#15619d; border-bottom:1px solid #fff; z-index:500;}
#add_header #logo {position:fixed; top:18px; left:50%; transform:translate(-600px, 0); -webkit-transform:translate(-600px, 0); -ms-transform:translate(-600px, 0); width:200px; height:30px; line-height:0.5; z-index:700;}
#add_header #logo a {display:inline-block; line-height:0.5;}
#add_header #logo a:hover {opacity:0.7;}
#add_header #logo a img {width:auto; height:auto; max-width:200px; max-height:30px;}

#add_header nav {position:relative; display:flex; justify-content:end; align-items:center; gap:0 0; margin:0 auto; padding:0 0 0 210px; width:1200px; height:66px; letter-spacing:1px; z-index:600;}
#add_header nav > dl {margin:0 0; padding:0 0;}
#add_header nav > dl > dt {margin:0 0; padding:0 0; font-size:15px; line-height:60px;}

#add_header nav > dl > dt > a {display:inline-block;}
#add_header nav > dl > dt > a:hover {opacity:0.7;}

#add_header nav > dl > dt > a > span,
#add_header nav > dl > dt > span {position:relative; display:inline-block; padding:0 10px; color:#fff; cursor:pointer;}

#add_header nav > dl > dt > a > span::before,
#add_header nav > dl > dt > span::before {content:""; display:block; position:absolute; left:10px; bottom:18px; width:calc(100% - 20px); height:0; border-bottom:1px dotted#fff; opacity:0.5;}

#add_header nav > dl.has_child > dt > span::before {width:calc(100% - 20px - 5px - 8px);}

#add_header nav > dl.has_child > dt > span::after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; width:8px; height:8px; font-size:8px; margin-left:5px; display:inline-block; vertical-align:middle; transform:rotate(90deg); transition:0.2s;}

#add_header nav > dl.has_child:hover > dt > span::after {transform:rotate(-90deg);}

#add_header nav > dl > dd {position:absolute; visibility:hidden; opacity:0; left:50%; top:56px; transform:translate(-50%, 0); width:1250px; padding:40px 35px; background:#f8f8f8; box-shadow:0px 2px 6px -2px#aaa; transition:0.4s;}
#add_header nav > dl:nth-of-type(1) > dd {left:39%; transform:translate(-39%, 0); width:auto;}
#add_header nav > dl.has_child:hover > dd {visibility:visible; opacity:1;}
#add_header nav > dl > dd div {padding-bottom:10px;}
#add_header nav > dl > dd div:nth-last-of-type(1) {padding-bottom:0;}
#add_header nav > dl > dd div a {color:#000; font-size:16px;}
#add_header nav > dl > dd div a:hover {color:#0077c3;}
#add_header nav > dl > dd div a:after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; width:15px; height:15px; font-size:14px; margin-left:10px; display:inline-block; color:#0077c3;}
#add_header nav > dl > dd dl {width:100%; display:block; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 2px #ececec;}
#add_header nav > dl > dd dl dt {font-size:16px; font-weight:bold; line-height:2; color:#0171c7;}
#add_header nav > dl > dd dl dd ul li {position:relative; display:block; width:16.8%; float:left; margin:4px 4% 4px 0; padding-left:1.2em;}
#add_header nav > dl > dd dl:nth-of-type(1) dd ul li:nth-of-type(5n),
#add_header nav > dl > dd dl:nth-of-type(2) dd ul li:nth-of-type(5n) {margin-right:0;}
#add_header nav > dl > dd dl:nth-of-type(3) dd ul li:nth-of-type(1) {width:37.6%;}
#add_header nav > dl > dd dl:nth-of-type(3) dd ul li:nth-of-type(2) {width:37.6%;}
#add_header nav > dl > dd dl:nth-of-type(3) dd ul li:nth-of-type(3) {margin-right:0;}
#add_header nav > dl > dd dl dd ul li::before {content:"-"; position:fixed; margin:0 0 0 -1em;}
#add_header nav > dl > dd dl dd ul li a {position:relative; display:block; padding-right:1em; color:#000; font-size:14px; line-height:1.6;}
#add_header nav > dl > dd dl dd ul li a:hover {color:#0077c3;}
#add_header nav > dl > dd dl dd ul li a:after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; font-size:10px; display:block; position:absolute; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0; color:#0077c3;}
#add_header nav > dl > dd dl dd ul:after {content:''; display:block; width:0; height:0; clear:both;}
#add_header nav > ul {display:inline-flex; justify-content:end; gap:0 10px; padding:0 0 0 10px; z-index:700;}
#add_header nav > ul li {margin:0 0; padding:0 0;}
#add_header nav > ul li a {position:relative; display:inline-block; width:auto; padding:10px 20px; font-size:15px; line-height:20px; font-weight:600; text-align:center; color:#15619d; background:#FFCF31; border-radius:50px; transition:0.2s;}
#add_header nav > ul li a:hover {background:#ffd770;}
#add_header nav > ul li:nth-of-type(2) a {padding:9px 19px; color:#fff; background:transparent; border:1px solid#fff;}
#add_header nav > ul li:nth-of-type(2) a:hover {color:#15619d; background:#ffd770; border:1px solid #ffd770;}

}


@media only screen and (max-width: 768px) {

.top-search {cursor:pointer;}

#contents-wrap {padding-top:106px;}
#contents-wrap div.labo-top-wrap {top:56px; background:#2B80C4;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo {gap:0 10px;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo div span {margin:0 0; font-size:1.2rem; line-height:1.4;}
#contents-wrap > header#labo-gNav {top:56px;}
#contents-wrap > header#labo-gNav #nav-mm {display:none;}
#contents-wrap > header#labo-gNav nav > div > ul > li > ul > li > a {background:#2B80C4;}
#contents-wrap #contents-body {padding-top:0;}

#contents-wrap div#header.header {z-index:1200;}

#add_header {position:fixed; top:0; left:0; width:100%; height:50px; background:#15619d; z-index:1100;}
#add_header #logo {position:relative;display:flex; justify-content:start; align-items:center; margin:0 0; padding:0 0 0 20px; width:auto; height:50px; line-height:0.5; background:#15619d; z-index:20;}
#add_header #logo a {display:inline-block; line-height:0.5;}
#add_header #logo a:hover {opacity:0.7;}
#add_header #logo a img {width:auto; height:auto; max-width:180px; max-height:25px;}


#hbg {position:absolute; right:10px; top:9px; display:inline-block; width:28px; height:28px; text-indent:28px; white-space:nowrap; overflow:hidden; cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index:30;}

#hbg span,
#hbg span:before,
#hbg span:after {position:absolute; top:50%; left:2px; height:2px; width:24px; background:#fff; -webkit-transition:all 0.25s; transition:all 0.25s;}

#hbg span:before {content:""; top:-7px; left:0;}
#hbg span:after {content:""; top:7px; left:0;}

#hbg-chk {position:absolute; width:1px; height:1px; margin:-1px; border:0; padding:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px);}
#hbg-chk:checked ~ #hbg span {height:0; background:transparent;}
#hbg-chk:checked ~ #hbg span:before {top:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#hbg-chk:checked ~ #hbg span:after {top:0; -webkit-transform:rotate(45deg); transform:rotate(45deg);}

#add_header nav {display:none; position:fixed; z-index:10; width:100%; height:calc(100% - 50px); overflow-y:scroll;}

#add_header nav > dl {margin:0 0; padding:0 4%; background:#fff; border-bottom:1px solid #f3f3f3;}
#add_header nav > dl > dt {margin:0 0; padding:0 0; font-size:14px; line-height:1.6;}
#add_header nav > dl > dt > a {display:block; color:#222;}
#add_header nav > dl > dt > a:hover {opacity:0.7;}

#add_header nav > dl > dt > a > span,
#add_header nav > dl > dt > span {position:relative; display:block; width:100%; padding:14px 0; color:#222; cursor:pointer;}
#add_header nav > dl dt.nav-sub-open > span {color:#15619d;}

#add_header nav > dl > dt > a > span::after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; display:block; position:absolute; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0; color:#0077c3;}

#add_header nav > dl.has_child > dt > span::after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; display:block; position:absolute; top:38%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0; transform:rotate(90deg); color:#0077c3; transition-property:rotate,color; transition:.2s;}

#add_header nav > dl dt.nav-sub-open > span::after {transform:rotate(-90deg);}

#add_header nav > dl > dd {display:none; padding-left:4%;}
#add_header nav > dl > dd div a {position:relative; display:block; width:100%; padding:10px 15px 10px 0; color:#222; border-bottom:1px solid #f3f3f3;}
#add_header nav > dl > dd div:nth-last-of-type(1) a {border-bottom:none;}
#add_header nav > dl > dd div a:hover {opacity:0.7;}
#add_header nav > dl > dd div a:after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; display:block; position:absolute; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0; color:#0077c3;}
#add_header nav > dl > dd dl dt span {position:relative; display:block; width:100%; padding:10px 0; color:#222;border-bottom: 1px solid #f3f3f3; cursor:pointer;}
#add_header nav > dl > dd dl dt span::after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; display:block; position:absolute; top:38%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0; transform:rotate(90deg); color:#0077c3; transition-property:rotate,color; transition:.2s;}


#add_header nav > dl > dd dl dd {display:none; padding-left:4%;}

#add_header nav > dl > dd dl dd ul li a {position:relative; display:block; width:100%; padding:10px 0; color:#222; border-bottom: 1px solid #f3f3f3;}
#add_header nav > dl > dd dl dd ul li a:hover {opacity:0.7;}
#add_header nav > dl > dd dl dd ul li a:after {font-family:'icomoon' !important; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:"\e900"; display:block; position:absolute; top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); right:0; color:#0077c3;}
#add_header nav > ul {display:flex; flex-direction:column; gap:20px 0; margin:0 auto; padding:6% 4%; background:#f3f3f3; box-shadow:0 3px 6px rgba(0, 0, 0, 0.15);}
#add_header nav > ul li a {display:block; margin:0 auto; padding:15px 5px; font-size:14px; line-height:20px; text-align:center; font-weight:600; color:#fff; background:#3cb93c; border-radius:8px;}
#add_header nav > ul li a:hover {opacity:0.7;}

}

@media only screen and (max-width: 430px) {
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo div span {display:block;}
}


@media only screen and (max-width: 320px) {
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo h1 a img,
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo p a img {max-height:30px;}
#contents-wrap div.labo-top-wrap .labo-top-bar .logo-labo div span {font-size:1rem;}
#add_header nav > dl > dd {font-size:12px;}
}


/* 240730 ラボ サイドのDL */
/* --------------------------------------------------------------------------------------------------- */
#labo-side #sp_dl-ranking > div > div ul {margin:0 0; padding:0 0; list-style:none; border:none;}
#labo-side #sp_dl-ranking > div > div ul li {display:block; position:relative; margin:0 auto; padding:0 0; border-bottom:1px solid #e0e0e0; font-size:0; letter-spacing:0;}
#labo-side #sp_dl-ranking > div > div ul li:nth-last-of-type(1) {border-bottom:none;}
#labo-side #sp_dl-ranking > div > div ul li a {position:relative; display:flex; flex-wrap:wrap; justify-content:start; gap:0 10px; padding:10px 10px;}
#labo-side #sp_dl-ranking > div > div ul li a:hover {opacity:0.7;}
#labo-side #sp_dl-ranking > div > div ul li a::before {content:""; display:block; position:absolute; left:15px; top:10px; width:20px; height:20px; line-height:20px; font-size:14px; font-weight:600; text-align:center; color:#fff; background:#0077c3;}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(1) a::before {content:"1";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(2) a::before {content:"2";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(3) a::before {content:"3";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(4) a::before {content:"4";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(5) a::before {content:"5";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(6) a::before {content:"6";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(7) a::before {content:"7";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(8) a::before {content:"8";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(9) a::before {content:"9";}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(10) a::before {content:"10";}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(1) {display:inline-block; flex-basis:70px; width:70px; height:70px; line-height:0.5; overflow:hidden;}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(1) img {display:inline-block; width:auto; height:70px;}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(2) {flex-basis:calc(100% - 80px); font-size:14px; line-height:1.5; color:#063154; font-weight:600; letter-spacing:0.5px;}
#labo-side #sp_dl-ranking > div > div > p.sp_btn {margin:0 auto; padding:0 0; text-align:center; border-top:1px solid #e0e0e0;}
#labo-side #sp_dl-ranking > div > div > p.sp_btn a {display:inline-block; margin:10px auto; padding:5px 10px; font-size:12px; line-height:1.5; text-align:center; color:#fff; background:#0077c3; border-radius:2px;}
#labo-side #sp_dl-ranking > div > div > p.sp_btn a:hover {opacity:0.7;}
#labo-side #sp_dl-ranking > div > div > p.sp_btn a::before {content:""; display:inline-block; width:11px; height:11px; margin:0 5px 0 0; background:url(/eigyo-labo/wp-content/themes/esales/images/arrow_01.svg) no-repeat 0 0 / 100% 100%;}


@media only screen and (min-width: 769px) {
#labo-side #sp_dl-ranking {background:#F4F4F4;}
#labo-side #sp_dl-ranking > div > div h4 {margin:0 auto; padding:10px 5px; font-size:14px; line-height:1.5; text-align:center; color:#fff; background:#0077c3; border:none;}
}


@media only screen and (max-width: 768px) {
#labo-side #sp_dl-ranking {padding-top:25px;}
#labo-side #sp_dl-ranking > div > div ul {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 20px; margin:20px auto;}
#labo-side #sp_dl-ranking > div > div ul li {flex-basis:calc((100% - 20px) / 2); border-bottom:none;}
#labo-side #sp_dl-ranking > div > div ul li a {padding:0 0;}
#labo-side #sp_dl-ranking > div > div ul li a::before {left:0; top:0; width:18px; height:18px; line-height:18px; font-size:12px;}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(1) {flex-basis:45px; width:45px; height:45px;}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(1) img {height:45px;}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(2) {flex-basis:calc(100% - 55px); font-size:13px; color:#333;}
#labo-side #sp_dl-ranking > div > div > p.sp_btn {display:none;}
}


@media only screen and (max-width: 430px) {
#labo-side #sp_dl-ranking > div > div ul {gap:15px 15px;}
#labo-side #sp_dl-ranking > div > div ul li {flex-basis:100%;}
#labo-side #sp_dl-ranking > div > div ul li a span:nth-of-type(2) {font-size:12px;}
#labo-side #sp_dl-ranking > div > div ul li:nth-of-type(n+6) {display:none;}
}




/* 240816 ラボ コンテンツ下部にフォーム埋め込み（タイプ1） */
/* --------------------------------------------------------------------------------------------------- */
div#dl_form_box {width:100%; margin:0 auto; padding:0 0; letter-spacing:0.5px; color:#333; background:#F4F4F4; overflow:hidden;}
div#dl_form_box > div {margin:0 auto; padding:15px 5px; font-size:16px; line-height:1.5; font-weight:600; text-align:center; color:#fff; background:#0077c3;}
div#dl_form_box > p {display:inline; font-size:0; line-height:0;}

div#dl_form_box ::-webkit-input-placeholder {color:#999; font-weight:200;}
div#dl_form_box ::-moz-placeholder {color:#999; font-weight:200;}
div#dl_form_box :-moz-placeholder {color:#999; font-weight:200;}
div#dl_form_box :-ms-input-placeholder {color:#999; font-weight:200;}

div#dl_form_box :focus::-webkit-input-placeholder {color:#0077c3; font-weight:600;}
div#dl_form_box :focus::-moz-placeholder {color:#0077c3; font-weight:600;}
div#dl_form_box :focus::-ms-input-placeholder {color:#0077c3; font-weight:600;}
div#dl_form_box :focus::placeholder {color:#0077c3; font-weight:600;}

div#dl_form_box form.mktoForm {max-width:100%; width:100% !important; padding:20px 15px;}
div#dl_form_box form.mktoForm,
div#dl_form_box form.mktoForm * {font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif !important;}

div#dl_form_box form.mktoForm div.mktoFormRow {margin:0 0; padding:0 0 10px 0; width:100% !important; float:none !important; box-sizing:border-box;}
div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoFormRow + div.mktoButtonRow) {}
div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoButtonRow) {padding:0 0;}
div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoButtonRow) span {display:block; margin:0 auto; text-align:center;}
#labo-post-content div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoButtonRow) p {margin:0 0; font-size:1.2rem;}
#labo-post-content div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoButtonRow) p a {color:#0077c3;}

div#dl_form_box form.mktoForm div.mktoFormRow span.error_msg {display:none;}

div#dl_form_box form.mktoForm div.mktoFormRow > div {width:100% !important; float:none; min-height:0; margin:0 auto !important;}
div#dl_form_box form.mktoForm div.mktoFormRow > div > div,
div#dl_form_box form.mktoForm div.mktoFormRow > div > div > div:not(.mktoError) {width:100% !important; float:none; height:auto !important;}

div#dl_form_box form.mktoForm div.mktoFormRow div div textarea,
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="text"],
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="email"],
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="tel"],
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="number"],
div#dl_form_box form.mktoForm div.mktoFormRow div div select {margin:0 0; padding:10px 10px; width:calc(100% - 150px) !important; height:auto; font-size:14px; line-height:23px; letter-spacing:1px; background:#fff; border:1px solid #e3e3e3; border-radius:8px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type=checkbox],
div#dl_form_box form.mktoForm div.mktoFormRow div div select {-webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}

div#dl_form_box form.mktoForm div.mktoFormRow div div div.mktoRadioList {display:inline-flex; flex-wrap:wrap; gap:10px 10px; padding:10px 10px; width:calc(100% - 150px) !important; background:#fff; border-radius:8px;}

div#dl_form_box form.mktoForm div.mktoFormRow div div div.mktoRadioList input {position:absolute; width:1px; height:1px; z-index:-10; opacity:0;}

div#dl_form_box form.mktoForm div.mktoFormRow div div div.mktoRadioList label {display:inline-block; margin:0 0; padding:2px 10px; font-size:14px; line-height:1.5; color:#5F5F5F; background:#fff; border:1px solid #e3e3e3; border-radius:4px; cursor:pointer;}

div#dl_form_box form.mktoForm div.mktoFormRow div div div.mktoRadioList label:hover {opacity:0.7;}
div#dl_form_box form.mktoForm div.mktoFormRow div div div.mktoRadioList input:checked + label {color:#fff; background:#0077c3; border:1px solid #0077c3;}

div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoFormRow + div.mktoButtonRow) > div > div:has(textarea) > label {display:none;}
div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoFormRow + div.mktoButtonRow) > div > div:has(textarea) > textarea {width:100% !important;}


div#dl_form_box form.mktoForm div.mktoButtonRow {display:block; margin:20px auto 0 auto; padding:0 0; text-align:center;}
div#dl_form_box form.mktoForm div.mktoButtonRow span {margin:0 auto !important;}
div#dl_form_box form.mktoForm div.mktoButtonRow button {margin:0 auto; padding:10px 5px; width:300px; height:auto; min-height:50px; font-size:1.6rem; line-height:1.5; font-weight:bold; color:#fff; letter-spacing:0.5px; border:none; border-radius:50px; cursor:pointer; background:#0077c3;}
div#dl_form_box form.mktoForm div.mktoButtonRow button:hover {opacity:0.7;}

div#dl_form_box form.mktoForm div.mktoOffset,
div#dl_form_box form.mktoForm div.mktoGutter {width:0 !important;}

div#dl_form_box form.mktoForm label.mktoLabel {width:150px !important; padding-top:11px; line-height:23px; font-weight:bold;}
div#dl_form_box form.mktoForm label.mktoLabel#LblPrivacyPolicy {padding-top:0;}
div#dl_form_box form.mktoForm div.mktoRequiredField div.mktoAsterix {display:none;}

div#dl_form_box form.mktoForm .mktoRadioList,
div#dl_form_box form.mktoForm .mktoCheckboxList {padding:0; line-height:1.4;}

div#dl_form_box form.mktoForm .mktoRadioList > label,
div#dl_form_box form.mktoForm .mktoCheckboxList > label {margin:0 0; line-height:23px; min-height:0;}

div#dl_form_box form.mktoForm .mktoCheckboxList > input {margin:5px 10px 0 15px;}

div#dl_form_box form.mktoForm .ng_mail::after {content:""; display:block; margin:10px 0 0 160px; width:auto; height:10px; background:url(/form/img/error_msg_ng_mail.png) no-repeat 0 0;}


@media screen and (max-width: 768px) {
div#dl_form_box {margin-left:-20px; width:calc(100% + 40px);}
div#dl_form_box form.mktoForm div.mktoButtonRow button {width:100%; border-radius:8px;}
}


@media screen and (max-width: 725px) {
div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoButtonRow) {padding:0 0 !important;}
#labo-post-content div#dl_form_box form.mktoForm div.mktoFormRow:has(+ div.mktoButtonRow) p a {padding:0 0;}

div#dl_form_box form.mktoForm div.mktoFormRow div div div.mktoRadioList {width:100% !important;}

div#dl_form_box form.mktoForm div.mktoFormRow div div textarea,
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="text"],
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="email"],
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="tel"],
div#dl_form_box form.mktoForm div.mktoFormRow div div input[type="number"],
div#dl_form_box form.mktoForm div.mktoFormRow div div select{width:100% !important;}

div#dl_form_box form.mktoForm label.mktoLabel {width:100% !important; padding-top:0; padding-bottom:5px;}
div#dl_form_box form.mktoForm label.mktoLabel#LblPrivacyPolicy {padding-bottom:5px;}
div#dl_form_box form.mktoForm .mktoCheckboxList > input {margin:5px 8px 0 0;}

div#dl_form_box form.mktoForm .ng_mail::after {margin:10px 0 0 10px;}
}


/* 2401107 ラボ コンテンツ下部にフォーム埋め込み SATORI */
/* --------------------------------------------------------------------------------------------------- */
div#dl_form_box > div#satori__creative_container {padding:0 0; font-weight:400;}

div#dl_form_box div.satori__custom_form {padding:15px 5px 20px 5px; font-size:14px; line-height:1.4; background:#f4f4f4;}
div#dl_form_box div.satori__custom_form span.satori__require,
div#dl_form_box div.satori__custom_form span.satori__not_require {display:none;}
div#dl_form_box div.satori__custom_form div.satori__input_group div.satori__error_messages {flex-basis:100%; font-size:11px; line-height:15px; text-align:center; color:#e51b00;}
div#dl_form_box div.satori__custom_formzzz div.satori__input_group:not(.not_filled) div.satori__error_messages {display:none !important;}
div#dl_form_box div.satori__custom_form div.satori__input_group.not_filled div.satori__error_messages {display:block !important;}
div#dl_form_box div.satori__custom_form > div.satori__input_group.error:has(input[type=email]) div.satori__error_messages,
div#dl_form_box div.satori__custom_form > div.satori__input_group.error:has(textarea) div.satori__error_messages {display:block !important;}

div#dl_form_box div.satori__custom_form div.satori__horiz_group:has(.not_filled) > div:not(.not_filled)::after {content:""; display:inline-block; width:100%; height:15px;}

div#dl_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper {background:transparent; border:none;}
div#dl_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper > p {margin:15px auto 0 auto; font-size:12px; text-align:center;}

div#dl_form_box div.satori__custom_form > div.satori__input_group {position:relative; display:flex; flex-wrap:wrap; justify-content:start; align-items:center; gap:10px 10px; padding:5px 10px 5px 140px;}
div#dl_form_box div.satori__custom_formzzz > div.satori__input_group:has(textarea) {padding:10px 10px;}
div#dl_form_box div.satori__custom_form > div.satori__input_group > label:nth-of-type(1) {position:absolute; left:10px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); padding:0 0; width:125px; color:#333;}
div#dl_form_box div.satori__custom_form > div.satori__input_group > label:has(.satori__require) {font-weight:600;}

div#dl_form_box div.satori__custom_form a {color:#0077c3; text-decoration:underline;}
div#dl_form_box div.satori__custom_form a:hover {color:#0077c3; opacity:0.7;}

div#dl_form_box div.satori__custom_form input[type=text],
div#dl_form_box div.satori__custom_form input[type=tel],
div#dl_form_box div.satori__custom_form input[type=email],
div#dl_form_box div.satori__custom_form select,
div#dl_form_box div.satori__custom_form textarea {background-color:#fff !important; border-color:#e3e3e3 !important; box-shadow:none; border-radius:8px;}
div#dl_form_box div.satori__custom_form textarea {min-height:100px;}

div#dl_form_box div.satori__custom_form select {padding:13px; width:100%; height:auto; webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}
div#dl_form_box div.satori__custom_form input[type=checkbox] {webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}

div#dl_form_box div.satori__custom_form div input[type=radio] {position:absolute; width:1px; height:1px; z-index:-10; opacity:0;}
div#dl_form_box div.satori__custom_form div label:nth-of-type(n+2) {display:inline-block; margin:0 0; padding:2px 10px; font-size:14px; line-height:1.5; text-align:left; color:#333; background:#fff; border:1px solid #e3e3e3; border-radius:4px;}
div#dl_form_box div.satori__custom_form div label:nth-of-type(n+2):hover {border:1px solid #0077c3;}

div#dl_form_box div.satori__custom_form div input[type=radio]:checked + label {color:#fff; background:#0077c3; border:1px solid #0077c3;}
div#dl_form_box div.satori__custom_form div input[type=checkbox] + label {font-size:12px; color:#333;}
div#dl_form_box div.satori__custom_form div input[type=checkbox] + label:hover {color:#0077c3;}
div#dl_form_box div.satori__custom_form div input[type=checkbox]:checked + label {color:#0077c3;}

div#dl_form_box div.satori__custom_form p.satori__submit_group {display:flex; flex-wrap:wrap; justify-content:center; gap:10px 10px; margin:10px auto 0 auto !important; padding:0 10px;}
div#dl_form_box div.satori__custom_form p.satori__submit_group input.satori__btn {margin:0 0; padding:15px 10px; width:100%; max-width:280px; font-size:16px; line-height:1.25; font-weight:600; color:#333; border-radius:50px; cursor:pointer; background:#ff9c00; transition:all 0.3s ease-in-out;}
div#dl_form_box div.satori__custom_form p.satori__submit_group input.satori__btn:hover {opacity:1; filter:brightness(1.2);}
div#dl_form_box div.satori__custom_form p.satori__submit_group input.satori__btn.cancel {font-weight:400; color:#222; background:#ccc;}

div#dl_form_box div.satori__custom_form label:has(.satori__require) + input[type=text],
div#dl_form_box div.satori__custom_form label:has(.satori__require) + input[type=tel],
div#dl_form_box div.satori__custom_form label:has(.satori__require) + input[type=email],
div#dl_form_box div.satori__custom_form label:has(.satori__require) + textarea {background-color:#E8F0FE !important}

div#dl_form_box div.satori__custom_form label:has(.satori__require) + input[type=text]:placeholder-shown,
div#dl_form_box div.satori__custom_form label:has(.satori__require) + input[type=tel]:placeholder-shown,
div#dl_form_box div.satori__custom_form label:has(.satori__require) + input[type=email]:placeholder-shown,
div#dl_form_box div.satori__custom_form label:has(.satori__require) + select,
div#dl_form_box div.satori__custom_form label:has(.satori__require) + textarea:placeholder-shown {background-color:#fff !important;}

div#dl_form_box div.zzzsatori__custom_form > div.satori__input_group.radio_checked:has(.satori__require)::before {background-color:#E8F0FE !important;}

div#dl_form_box div.satori__custom_form .not_filled label:has(.satori__require) + input[type=text],
div#dl_form_box div.satori__custom_form .not_filled label:has(.satori__require) + input[type=tel],
div#dl_form_box div.satori__custom_form .not_filled label:has(.satori__require) + input[type=email],
div#dl_form_box div.satori__custom_form .not_filled label:has(.satori__require) + select,
div#dl_form_box div.satori__custom_form .not_filled label:has(.satori__require) + textarea {background-color:#fdd !important}

div#dl_form_box div.zzzsatori__custom_form > div.satori__input_group.not_filled:has(.satori__require)::before {background-color:#fdd !important;}
div#dl_form_box div.satori__custom_form > div.satori__input_group.not_filled:has(.satori__require) input[type=radio] + label {background-color:#fdd !important;}

div#dl_form_box div.satori__custom_form .ng_mail label:has(.satori__require) + input[type=email] {background-color:#fdd !important;}
div#dl_form_box div.satori__custom_form .ng_mail::after {content:""; display:block; margin:0 auto; width:100%; height:15px; background:url(/form/img/error_msg_ng_mail.png) no-repeat 50% 0 / auto 10px;}

div#dl_form_box div.not_filled:has(#satori__privacy_policy_agreement) {padding:10px 5px; background-color:#fdd !important; border-radius:8px;}

div#dl_form_box div.satori__custom_form p#special_notice_msg a {color:#0077c3 !important;}
div#dl_form_box div.satori__custom_form p.satori__message a {color:#0077c3 !important;}

div#dl_form_box div.satori__custom_form .satori__system_notes {font-size:80%; font-weight:400;}
div#dl_form_box div.satori__custom_form .satori__not_require + .satori__system_notes {display:none;}

div#dl_form_box div.satori__custom_form .satori__error_messages span:nth-of-type(1) {display:none;}

@media only screen and (max-width: 430px) {
div#dl_form_box div.satori__custom_form > div.satori__input_group {padding:10px 10px;}
div#dl_form_box div.satori__custom_form > div.satori__input_group > label:nth-of-type(1) {position:static; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); width:100%;}
}

@media only screen and (max-width: 330px) {
div#dl_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper > p {text-align:left;}
}

div#dl_form_box div.satori__custom_form > div.satori__horiz_group {gap:10px 10px; position:relative; padding:5px 10px 5px 140px;}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group:has(div.satori__customer_last_name)::before {content:"氏名"; display:block; position:absolute; left:10px; top:50%; transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); font-weight:600;}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group > div {padding:0 0;}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group > div label {display:none;}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group > div input + .satori__error_messages {margin-top:10px;}

@media only screen and (max-width: 430px) {
div#dl_form_box div.satori__custom_form > div.satori__horiz_group {padding:10px 10px;}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group:has(div.satori__customer_last_name)::before {position:static; width:100%; font-size:14px; text-align:left; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group > div {width:calc(50% - 10px); flex-basis:calc(50% - 10px);}
div#dl_form_box div.satori__custom_form > div.satori__horiz_group > div input {width:100%;}
}


/* 2401107 ラボ サイドにフォーム埋め込み SATORI */
/* --------------------------------------------------------------------------------------------------- */
div#sideFormBox:has(.satori__custom_form) div#ttlBox {margin:0 auto; padding:0 0; width:100%; box-sizing:border-box;}
div#sideFormBox:has(.satori__custom_form) div#ttlBox p {margin:0 auto; padding:10px 10px; color:#fff; font-size:14px; line-height:20px; text-align:center; background:#000;}
div#sideFormBox:has(.satori__custom_form) div#inqBox {margin:0 0; padding:15px 10px; width:100%; box-sizing:border-box;}
div#sideFormBox:has(.satori__custom_form) div#inqBox p {margin:0 auto; padding:0; font-size:10px; line-height:1.5;}
div#sideFormBox:has(.satori__custom_form) div#inqBox p span {display:inline-block;}
div#sideFormBox:has(.satori__custom_form) div#inqBox a, div#inqBox a:hover, div#inqBox a:visited {text-decoration:none; color:#333;}

div#sideFormBox div.satori__custom_form select,
div#sideFormBox div.satori__custom_form input[type=checkbox] {webkit-appearance:auto; -moz-appearance:auto; appearance:auto;}

div#sideFormBox div.satori__custom_form {margin:0 0; padding:0 0; font-size:14px; line-height:1.4; background:transparent;}
div#sideFormBox div.satori__custom_form span.satori__require,
div#sideFormBox div.satori__custom_form span.satori__not_require {display:none;}
div#sideFormBox div.satori__custom_form div.satori__input_group div.satori__error_messages {display:none !important; visibility:hidden;}

div#sideFormBox div.satori__custom_form > div.satori__input_group {position:relative; display:flex; flex-wrap:wrap; justify-content:start; align-items:center; gap:5px 5px; padding:10px 10px 0 10px;}
div#sideFormBox div.satori__custom_form > div.satori__input_group > label:nth-of-type(1) {margin:0 0; padding:0 0; width:100%; color:#333;}
div#sideFormBox div.satori__custom_form > div.satori__input_group > label:has(.satori__require) {font-weight:600;}

div#sideFormBox div.satori__custom_form a {color:#0077c3; text-decoration:underline;}
div#sideFormBox div.satori__custom_form a:hover {color:#0077c3; opacity:0.7;}

div#sideFormBox div.satori__custom_form div.satori__input_group input[type=text],
div#sideFormBox div.satori__custom_form div.satori__input_group input[type=tel],
div#sideFormBox div.satori__custom_form div.satori__input_group input[type=email],
div#sideFormBox div.satori__custom_form div.satori__input_group select,
div#sideFormBox div.satori__custom_form div.satori__input_group textarea {padding:5px 5px; background-color:#fff !important; border-color:#e3e3e3 !important; box-shadow:none;}
div#sideFormBox div.satori__custom_form div.satori__input_group textarea {min-height:80px;}

div#sideFormBox div.satori__custom_form select {padding:5px 10px; width:100%; height:auto;}

div#sideFormBox div.satori__custom_form div input[type=radio],
div#sideFormBox div.satori__custom_form > div.satori__input_group input[type=checkbox] {position:absolute; width:1px; height:1px; z-index:-10; opacity:0;}
div#sideFormBox div.satori__custom_form div label:nth-of-type(n+2) {display:inline-block; margin:0 0; padding:2px 6px; font-size:14px; line-height:1.5; text-align:left; color:#333; background:#fff; border:1px solid #e3e3e3; border-radius:4px;}
div#sideFormBox div.satori__custom_form div label:nth-of-type(n+2):hover {border:1px solid #0077c3;}

div#sideFormBox div.satori__custom_form div input[type=radio]:checked + label,
div#sideFormBox div.satori__custom_form > div.satori__input_group input[type=checkbox]:checked + label {color:#fff; background:#0077c3; border:1px solid #0077c3;}
div#sideFormBox div.satori__custom_form div input[type=checkbox] + label {margin:0 0; padding:0 0; font-size:12px; color:#333;}
div#sideFormBox div.satori__custom_form div input[type=checkbox] + label:hover {color:#0077c3;}
div#sideFormBox div.satori__custom_form div input[type=checkbox]:checked + label {color:#0077c3;}
div#sideFormBox div.satori__custom_form > div.satori__input_group input[type=checkbox] + label {font-size:14px;}

div#sideFormBox #satori__privacy_policy_agreement_wrapper {padding:10px 10px 0 10px;}
div#sideFormBox #satori__privacy_policy_agreement_wrapper > p {margin:0 0; padding:0 0; font-size:10px; text-align:left;}
div#sideFormBox #satori__privacy_policy_agreement_wrapper > div.satori__input_group {padding:5px 0 0 0; text-align:left;}

div#sideFormBox div.satori__custom_form p.satori__submit_group {margin:15px auto 0 auto; padding:0 10px;}
div#sideFormBox div.satori__custom_form p.satori__submit_group input.satori__btn {margin:0 auto; padding:10px 5px; width:100%; max-width:300px; font-size:14px; line-height:1.5; font-weight:600; color:#333; border-radius:50px; cursor:pointer; background:#ff9c00;}

div#sideFormBox div.satori__custom_form .ng_mail label:has(.satori__require) + input[type=email] {background-color:#fdd !important;}
div#sideFormBox div.satori__custom_form .ng_mail::after {content:""; display:block; width:100%; height:15px; background:url(/form/img/error_msg_ng_mail.png) no-repeat 0 0 / auto 10px;}

div#sideFormBox div.satori__custom_form p.satori__message a {color:#0077c3 !important;}

div#sideFormBox div.satori__custom_form .satori__system_notes {font-size:80%; font-weight:400;}
div#sideFormBox div.satori__custom_form > div.satori__input_group:has(textarea) .satori__system_notes {display:none; opacity:0;}

div#sideFormBox div.satori__custom_form div.satori__input_group.error > label:nth-of-type(1)::after,
div#sideFormBox div.satori__custom_form div.satori__horiz_group:has(.error)::after {display:inline-block; content:"必須です"; padding:2px 4px; font-size:10px; line-height:12px; font-weight:400; text-align:left; color:#fff; background:#e51b00; border-radius:4px; transform:translate(0, -1px); -webkit-transform:translate(0, -1px); -ms-transform:translate(0, -1px);}

div#sideFormBox div.satori__custom_form div.satori__horiz_group:has(.error)::after {position:absolute; top:13px; left:40px;}

div#sideFormBox div.satori__custom_form > div.satori__horiz_group {gap:5px 5px; position:relative; padding:10px 10px 0 10px;}
div#sideFormBox div.satori__custom_form > div.satori__horiz_group:has(div.satori__customer_last_name)::before {content:"氏名"; display:block; width:100%; font-weight:600; text-align:left;}
div#sideFormBox div.satori__custom_form > div.satori__horiz_group > div {position:relative; padding:0 0; width:calc(50% - 5px); flex-basis:calc(50% - 5px);}
div#sideFormBox div.satori__custom_form > div.satori__horiz_group > div input {width:100%;}
div#sideFormBox div.satori__custom_form > div.satori__horiz_group > div label {display:none;}
div#sideFormBox div.satori__custom_form > div.satori__horiz_group > div input + .satori__error_messages {margin-top:5px;}


/* 240913 ラボ 固定ページ（サイドあり） */
/* --------------------------------------------------------------------------------------------------- */
.bottom-contents.page-bottom-contents img {width:auto; height:auto; max-width:100%; max-height:100%;}

.bottom-contents.page-bottom-contents article {border-bottom:none; padding:0;}
.bottom-contents.page-bottom-contents article:nth-of-type(1) {margin-top:15px;}
.bottom-contents.page-bottom-contents article time {display:inline-block; margin:0; float:none; color:#242424; position:static;}
.bottom-contents.page-bottom-contents article #labo-post-content .post-thumbnail {height:auto; padding:0; line-height:0.5;}
.bottom-contents.page-bottom-contents article #labo-post-content .post-thumbnail img {position:static; top:auto; left:auto; transform:none;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box {margin:50px auto; padding:0 0 20px 0; background:#edf6ff;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box p {margin:0 auto 20px auto; padding:10px 5px; font-size:18px; text-align:center; font-weight:600; color:#fff; background:#0077c3;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box ul {margin:0 20px; padding:0 0 0 1.5em; list-style:disc;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box ul li {margin:0 auto 5px auto; font-size:18px; font-weight:600; color:#0077c3;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box ul li:nth-last-of-type(1) {margin:0 auto;}
.bottom-contents.page-bottom-contents article #labo-post-content .img_box {margin:20px auto; padding:0 0; width:100%; line-height:0.5; text-align:center;}
.bottom-contents.page-bottom-contents article #labo-post-content h2 {margin-bottom:25px;}
.bottom-contents.page-bottom-contents article #labo-post-content h3 {margin-bottom:25px;}
.bottom-contents.page-bottom-contents article #labo-post-content h4 {margin-left:0; margin-bottom:10px; font-weight:600;}

.bottom-contents.page-bottom-contents .popular-posts,
.bottom-contents.page-bottom-contents .widget_yarpp_widget {display:none;}

@media only screen and (max-width: 768px) {
.bottom-contents.page-bottom-contents article:nth-of-type(1) {margin-top:5px;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box p {font-size:15px;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box ul {margin:0 10px;}
.bottom-contents.page-bottom-contents article #labo-post-content .top_point_box ul li {font-size:15px;}
}


/* 241129 ラボ コンテンツ最下部に同じカテゴリの関連記事・最新記事・人気記事 */
/* --------------------------------------------------------------------------------------------------- */
#bc_recommend_list {clear:both; display:flex; flex-wrap:wrap; gap:20px 20px; padding:0 0 20px 0;}
#bc_recommend_list > div {width:calc((100% - 40px) / 3); margin:0 0; padding:0 0; background:#F4F4F4;}
#bc_recommend_list > div h2 {margin:0 0; padding:10px 10px; font-size:16px; line-height:1.5; color:#fff; background:#0077c3; border:none;}
#bc_recommend_list > div ul {margin:0 0; padding:0 0;}
#bc_recommend_list > div ul li {margin:0 0; padding:0 0; border-bottom:1px solid #e0e0e0;}
#bc_recommend_list > div ul li:nth-last-of-type(1) {border-bottom:none;}
#bc_recommend_list > div ul li a {display:flex; flex-wrap:wrap; gap:10px 10px; margin:0 0; padding:10px 10px; transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s; text-decoration:none !important;}
#bc_recommend_list > div ul li a:hover {text-decoration:none !important;}
#bc_recommend_list > div ul li a div.thumb {margin:3px 0; width:90px; line-height:0.5; overflow:hidden;}
#bc_recommend_list > div ul li a div.thumb img {width:100%; height:auto;}
#bc_recommend_list > div ul li a div.title {width:calc(100% - 100px); font-size:14px; line-height:1.4; letter-spacing:0.5px; word-break:break-all; box-sizing:border-box;}
#bc_recommend_list > div ul li a:hover div.title {color:#00A1ED;}

@media only screen and (max-width: 768px) {
#bc_recommend_list > div h2 {font-size:14px;}
#bc_recommend_list > div ul li a div.thumb {width:45px; height:45px; border-radius:0;}
#bc_recommend_list > div ul li a div.thumb img {width:auto; height:100%;}
#bc_recommend_list > div ul li a div.title {width:calc(100% - 55px); font-size:12px;}
}

@media only screen and (max-width: 430px) {
#bc_recommend_list > div {width:100%;}
}


/* 241202 ラボ 同じカテゴリの記事が少ない（5つ未満）場合 */
/* --------------------------------------------------------------------------------------------------- */
body:has(.category-know-how) #bc_recommend_list,
body:has(.category-knowledge-consideration) #bc_recommend_list {display:none !important;}

body:has(.category-know-how) #fb_related,
body:has(.category-knowledge-consideration) #fb_related {display:none !important;}

@media only screen and (min-width: 769px) {
body:has(.front-page-bottom-contents) div#fb_related,
body:has(.front-page-bottom-contents) div#fb_related {display:inline-block !important;}
}

/* 241202 ラボ 右サイドに追従型フォームがある場合 */
/* --------------------------------------------------------------------------------------------------- */
body:has(#sideFormBox) #bc_recommend_list #related_random {display:none !important;}

/* 241204 ラボ 右サイドの資料DLランキングを複製してフッターに入れる */
/* --------------------------------------------------------------------------------------------------- */
#fb_dl-ranking_clone ul li:nth-of-type(n+5) {display:none;}
#fb_dl-ranking_clone ul li::before {content:none;}
#fb_dl-ranking_clone ul li a,
#fb_dl-ranking_clone ul li a span {transition:all ease-in-out .2s; -webkit-transition:all ease-in-out .2s; text-decoration:none;}
#fb_dl-ranking_clone ul li a span:nth-of-type(1) {width:90px; height:60px; display:inline-block; overflow:hidden; margin:3px 10px 3px 0; vertical-align:top;}
#fb_dl-ranking_clone ul li a span:nth-of-type(1) img {width:100%; height:auto;}
#fb_dl-ranking_clone ul li a span:nth-of-type(2) {width:calc(100% - 100px); min-height:60px; display:inline-block; color:#fff; font-size:14px; letter-spacing:0.5px; line-height:25px; word-break:break-all; box-sizing:border-box; vertical-align:top;}
#fb_dl-ranking_clone ul li a:hover span {color:#00A1ED;}

@media only screen and (min-width: 769px) {
div.footer_box:nth-of-type(1) ul li div.thumb,
div.footer_box:nth-of-type(2) ul li div.thumb {border-radius:0;}
}


/* 250110 ラボ 記事先頭のSNSボタンを開閉式にする */
/* --------------------------------------------------------------------------------------------------- */
section#labo-post-content div.post-thumbnail + div.post-header h1 {margin:0 0; font-size:3.5rem; line-height:1.4;}
section#labo-post-content div.post-thumbnail + div.post-header h1 + .modified-date {margin:10px 0 0 0; padding:0 0; font-size:12px !important; line-height:32px; text-align:left; color:#999;}
section#labo-post-content div.post-thumbnail + div.post-header h1 + .modified-date time {font-size:12px !important; line-height:32px; color:#999;}

#addToAny_trigger {width:32px; height:32px; margin-left:calc(100% - 32px); transform:translate(0, -32px); background:url(/eigyo-labo/wp-content/themes/esales/images/icon_up.png) no-repeat right 5px top 50% / 22px auto; cursor:pointer;}
#addToAny_trigger:hover {opacity:0.7;}

#addToAny_trigger + .addtoany_content {display:flex; justify-content:end; margin:-32px 42px -2px 0; padding:0 0; transform:translate(0, -32px);}
#addToAny_trigger + .addtoany_content .addtoany_list {display:flex; justify-content:end; width:0; opacity:0; overflow:hidden; background:#fff; transition:all 0.3s ease-in-out;}
#addToAny_trigger.trgr_on + .addtoany_content .addtoany_list {width:calc(100% - 200px); opacity:1;}

#addToAny_trigger:not(:has(+ .addtoany_content_top)) {margin:0 0 25px 0 !important; transform:none; width:0; height:0; background:none; opacity:0;}

@media screen and (max-width: 768px) {
section#labo-post-content div.post-thumbnail + div.post-header h1 {font-size:2.8rem;}
.addtoany_content_top + #mm_form_box {margin-top:0 !important;}
}

@media screen and (max-width: 430px) {
section#labo-post-content div.post-thumbnail + div.post-header h1 {font-size:2.2rem;}
#addToAny_trigger.trgr_on + .addtoany_content .addtoany_list {width:100%;}
}


/* 250124 ラボ 右サイドのカセット式CTA */
/* --------------------------------------------------------------------------------------------------- */
div#labo-side div.side-posts:has(div[id^="side-cta-"]) {margin-top:15px;}
div#labo-side div[id^="side-cta-"] {padding:15px 5px; line-height:1; background:#fff; border:10px solid #dbf0fd;}
div#labo-side div[id^="side-cta-"] * {letter-spacing:0.5px;}
div#labo-side div[id^="side-cta-"] h4 {margin:0 auto 10px auto; padding:0 0; font-size:16px; line-height:1.5; text-align:center; color:#0077c3; border:none !important;}
div#labo-side div[id^="side-cta-"] h4::before {content:none !important; display:none !important; opacity:0;}
div#labo-side div[id^="side-cta-"] h4 span {display:inline-block;}
div#labo-side div[id^="side-cta-"] h4 span:nth-last-of-type(1) {font-size:95%;}
div#labo-side div[id^="side-cta-"] h4 span:nth-of-type(1) {font-size:100%;}
div#labo-side div[id^="side-cta-"] picture {display:block; width:60%; margin:0 auto 15px auto; padding:0 0;}
div#labo-side div[id^="side-cta-"] picture img {width:auto; height:auto; max-width:100%; max-height:100%;}
div#labo-side div[id^="side-cta-"] dl {position:relative; margin:0 auto; padding:0 0; text-align:center;}
div#labo-side div[id^="side-cta-"] dl dt {display:inline-block; margin:0 auto 10px auto; padding:0 3px 0 5px; font-size:12px; line-height:20px; border:1px solid #222; letter-spacing:2px;}
div#labo-side div[id^="side-cta-"] dl dd {margin:0 auto; padding:0 0;}
div#labo-side div[id^="side-cta-"] dl dd h5 {margin:0 auto 5px auto; padding:0 0; font-size:16px; line-height:1.4; font-weight:700;}
div#labo-side div[id^="side-cta-"] dl dd ul {display:inline-block; margin:0 auto 15px 0; padding:0 0; border:none !important;}
div#labo-side div[id^="side-cta-"] dl dd ul li {margin:0 auto; padding:0 0; font-size:12px; line-height:1.5; font-weight:700; text-align:left;}
div#labo-side div[id^="side-cta-"] p {margin:0 auto; padding:0 0; text-align:center;}
div#labo-side div[id^="side-cta-"] p a {display:inline-block; margin:0 auto; padding:10px 10px; min-width:220px; color:#fff; background:#0077c3; border-radius:8px; transition:all 0.3s ease-in-out;}
div#labo-side div[id^="side-cta-"] p a:hover {opacity:0.7;}
div#labo-side div[id^="side-cta-"] p a span {position:relative; display:flex; justify-content:center; align-items:center; gap:0 5px;}
div#labo-side div[id^="side-cta-"] p a span::before {content:"無料"; display:inline-block; padding:0 5px; font-size:10px; line-height:16px; color:#222; background:#f1d91f;}
div#labo-side div[id^="side-cta-"] p a span::after {content:""; display:inline-block; width:14px; height:14px; background:url(/images/icon_002_w.png) no-repeat left 50% top 50% / contain;}


/* 250304 ラボ 記事の本文にフォームを複数埋め込んでタブで切り替える */
/* --------------------------------------------------------------------------------------------------- */
#labo-post-content div#formTabWrap ul {display:flex; flex-wrap:wrap; gap:1px 1px;}
#labo-post-content div#formTabWrap ul li {width:calc((100% - 3px) / 4); margin:3px 0 0 0; padding:5px 2px 4px 2px; font-size:16px; line-height:1.6; text-align:center; color:#3E3A39; background:#E0E0E0; cursor:pointer; transition:all 0.5s; user-select:none; border-bottom:1px solid #fff;}
#labo-post-content div#formTabWrap ul li:hover {color:#fff; background:#14A0DE;}
#labo-post-content div#formTabWrap ul li.ftOn,
#labo-post-content div#formTabWrap ul li.ftOn:hover {margin:0 0; padding:8px 2px 4px 2px; color:#fff; background:#0077c3; border-bottom:1px solid #0077c3;}
div#formTabWrap + div#dl_form_box > div[class$="Ttl"] {padding:10px 2px;}
div#formTabWrap + div#dl_form_box > div:nth-of-type(n+3) {display:none;}

@media screen and (max-width: 768px) {
#labo-post-content div#formTabWrap ul {margin-left:-20px; width:calc(100% + 40px);}
}

@media screen and (max-width: 431px) {
#labo-post-content div#formTabWrap ul li {font-size:14px;}
#labo-post-content div#formTabWrap ul li span {display:none;}
div#formTabWrap + div#dl_form_box > div[class$="Ttl"] {font-size:14px;}
}

@media screen and (max-width: 320px) {
#labo-post-content div#formTabWrap ul li {font-size:12px;}
}


/* 250327 ヘッダーの製品ロゴ変更 ここから
===========================================================*/
#header.header .header__logo > * {max-height:54px; background:url(/wp-content/themes/esm/assets/img/common/logo.svg) no-repeat 0 0; background-size:contain; aspect-ratio:3 / 1;}

@media screen and (max-width: 1023px) {
#header.header {padding:10px 20px;}
#header.header .header__logo > * {max-height:36px;}
}


/* 250418 右サイドのフォーム追従しないようにした際の高さ調整 ここから
===========================================================*/
@media only screen and (min-width: 769px) {
.bottom-contents:has(.side-infozzz) {min-height:1060px;}
div#labo-side div#sideFormBox.side-infozzz {position:absolute; margin:15px 0 0 0;}
}


/* 250424 CTA ワイドバナー型 */
/* --------------------------------------------------------------------------------------------------- */
.post_add_banner:has(.pab_wide) {max-width:100%; text-align:center;}

@media only screen and (max-width: 768px) {
.post_add_banner:has(.pab_wide) {max-width:100%;}
}


/* 250509 記事最下部の2つセットバナー */
/* --------------------------------------------------------------------------------------------------- */
.s-btm-type2 {margin:20px auto 0 auto; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 0; max-width:100% !important;}

.s-btm-type2 .sbt2_a,
.s-btm-type2 .sbt2_b {width:50%;}

.s-btm-type2 .sbt2_a a,
.s-btm-type2 .sbt2_b a {display:inline-block; line-height:0.5; transition:all .3s;}

.s-btm-type2 .sbt2_a a:hover,
.s-btm-type2 .sbt2_b a:hover {opacity:0.7;}

.s-btm-type2 .sbt2_a a img,
.s-btm-type2 .sbt2_b a img {width:auto; height:auto; max-width:100%;}


@media screen and (max-width:430px) {
.s-btm-type2 .sbt2_a,
.s-btm-type2 .sbt2_b {width:100%;}
}


/* 250528 バナー型CTAの上に簡易メッセージ */
/* --------------------------------------------------------------------------------------------------- */
.txt_bfr_cta {margin:25px auto 0 auto; padding:0 0; font-size:1.8rem; line-height:1.5; text-align:center; color:#FF640F;}
.txt_bfr_cta span {display:inline-block; position:relative;}
.txt_bfr_cta span::before {content:"＼"; display:inline; padding:0 5px 0 0;}
.txt_bfr_cta span::after {content:"／"; display:inline; padding:0 0 0 5px;}
.txt_bfr_cta + .post_add_banner {margin-top:10px;}

@media only screen and (max-width: 768px) {
.txt_bfr_cta {font-size:1.7rem;}
}


/* 250611 モーダルバナー */
/* --------------------------------------------------------------------------------------------------- */
#mdlBnr {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer; z-index:1300;}
#mdlBnr > div {position:fixed; left:50%; top:50%; width:90%; height:90%; max-width:400px; max-height:400px; line-height:0.5; transition:all 0.3s ease-in-out; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
#mdlBnr > div a {display:inline-block; line-height:0.5; background:#fff; border-radius:4px; overflow:hidden; transition:all 0.3s ease-in-out; filter:drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.3));}
#mdlBnr > div a:hover {opacity:1;}
#mdlBnr > div a img {width:auto; height:auto; max-width:100%; max-height:100%; transition:all 0.3s ease-in-out;}
#mdlBnr > div a:hover img {opacity:0.7;}
#mdlBnr > div span {display:block; position:absolute; right:-10px; top:-10px; width:30px; height:30px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_close.png) no-repeat 50% 50% / contain; transition:all 0.3s ease-in-out; cursor:pointer; border-radius:50px;}
#mdlBnr > div span:hover {filter:brightness(0.9);}


/* 250611 フローティングバナー（右） */
/* --------------------------------------------------------------------------------------------------- */
#fltBnrRght {display:none; position:fixed; right:20px; bottom:20px; width:300px; height:300px; transition:all 0.3s ease-in-out; z-index:1300;}
#fltBnrRght > div {position:absolute; right:0; top:0; width:100%; height:100%; max-width:300px; max-height:300px; line-height:0.5; transition:all 0.3s ease-in-out;}
#fltBnrRght > div a {display:inline-block; line-height:0.5; background:#fff; border-radius:4px; overflow:hidden; transition:all 0.3s ease-in-out; filter:drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.3));}
#fltBnrRght > div a:hover {opacity:1;}
#fltBnrRght > div a img {width:auto; height:auto; max-width:100%; max-height:100%; transition:all 0.3s ease-in-out;}
#fltBnrRght > div a:hover img {opacity:0.7;}
#fltBnrRght > div span {display:block; position:absolute; right:-10px; top:-10px; width:30px; height:30px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_close.png) no-repeat 50% 50% / contain; transition:all 0.3s ease-in-out; cursor:pointer; border-radius:50px;}
#fltBnrRght > div span:hover {filter:brightness(0.9);}

#fltBnrRght.fbr_off {width:0;}
#fltBnrRght.fbr_off > div {width:10px; height:10px;}
#fltBnrRght.fbr_off > div span {transform:rotate(45deg);}


/* 250612 モーダルバナー（下） */
/* --------------------------------------------------------------------------------------------------- */
#mdlBnrBtm {display:none; position:fixed; left:0; bottom:0; width:100%; height:calc(100vh / 3); max-height:240px; background:rgba(0,0,0,0.5); z-index:1300; transition:all 0.3s ease-in-out; transform:translate(0, 100%); -webkit-transform:translate(0, 100%); -ms-transform:translate(0, 100%);}
#mdlBnrBtm > div {position:absolute; left:0; bottom:0; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 20px; width:100%; height:100%; padding:20px 20px; line-height:0.5; transition:all 0.3s ease-in-out;}
#mdlBnrBtm > div a {display:inline-block; width:auto; height:100%; line-height:0.5; background:#fff; border-radius:4px; overflow:hidden; transition:all 0.3s ease-in-out; filter:drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.3));}
#mdlBnrBtm > div a:hover {opacity:1;}
#mdlBnrBtm > div a img {width:auto; height:auto; max-width:100%; max-height:100%; transition:all 0.3s ease-in-out;}
#mdlBnrBtm > div a:hover img {opacity:0.7;}
#mdlBnrBtm_250612bk > div span {display:block; position:absolute; right:20px; top:20px; width:30px; height:30px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_close.png) no-repeat 50% 50% / contain; transition:all 0.3s ease-in-out; cursor:pointer; border-radius:50px;}
#mdlBnrBtm > div span {display:inline-flex; justify-content:center; align-items:center; gap:0 5px; position:absolute; right:40px; top:-40px; width:auto; height:40px; padding:0 15px; background:#2B80C4; transition:all 0.3s ease-in-out; cursor:pointer; border-radius:8px 8px 0 0;}
#mdlBnrBtm > div span::before {content:"おすすめ情報を開く"; display:inline-block; font-size:14px; line-height:1.6; color:#fff;}
#mdlBnrBtm > div span::after {content:"▲"; display:inline-block; font-size:10px; line-height:1; color:#fff;}
#mdlBnrBtm > div span:hover {filter:brightness(0.9);}

#mdlBnrBtm.mbb_on {display:block; transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0);}
#mdlBnrBtm.mbb_on > div span {background:#666;}
#mdlBnrBtm.mbb_on > div span::before {content:"おすすめ情報を閉じる";}
#mdlBnrBtm.mbb_on > div span::after {transform:rotate(180deg);}

@media screen and (max-width: 768px) {
#mdlBnrBtm > div span {right:20px; padding:0 10px;}
#mdlBnrBtm > div span::before {font-size:13px;}
}

@media screen and (max-width:430px) {
#mdlBnrBtm_250612bk {height:calc(((100vw - 10px - 10px - 5px - 30px - 5px) / 2) + 10px + 10px);}
#mdlBnrBtm_250612bk > div {gap:0 10px; padding:10px 40px 10px 10px;}
#mdlBnrBtm_250612bk > div span {right:5px; top:5px;}
#mdlBnrBtm {height:calc(((100vw - 10px - 10px - 10px) / 2) + 10px + 10px);}
#mdlBnrBtm > div {gap:0 10px; padding:10px 10px;}
}


/* 250701 ブラウザの範囲外（上側）にカーソルが出るとモーダルバナー */
/* --------------------------------------------------------------------------------------------------- */
#mdlBnrPls {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); cursor:pointer; z-index:1300;}
#mdlBnrPls > div {position:fixed; left:50%; top:50%; width:92%; height:auto; max-width:1100px; line-height:0.5; transition:all 0.3s ease-in-out; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); background:#fff; border-radius:4px; filter:drop-shadow(0px 3px 12px rgba(0, 0, 0, 0.3));}
#mdlBnrPls > div ul {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:0 50px; width:100%; height:100%; padding:50px 0; cursor:auto;}
#mdlBnrPls > div ul li {width:calc((100% - 200px) / 3); height:100%; margin:0 0; padding:0 0;}
#mdlBnrPls > div ul li a {display:inline-block; width:100%; height:100%; aspect-ratio:1/1; line-height:0.5; border-radius:4px; overflow:hidden; transition:all 0.3s ease-in-out;}
#mdlBnrPls > div ul li a:hover {opacity:1;}
#mdlBnrPls > div ul li a img {width:auto; height:auto; max-width:100%; max-height:100%; transition:all 0.3s ease-in-out;}
#mdlBnrPls > div ul li a:hover img {opacity:0.7;}
#mdlBnrPls > div span {display:block; position:absolute; right:-10px; top:-10px; width:30px; height:30px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_close.png) no-repeat 50% 50% / contain; transition:all 0.3s ease-in-out; cursor:pointer; border-radius:50px;}
#mdlBnrPls > div span:hover {filter:brightness(0.9);}

@media only screen and (max-width: 768px) {
#mdlBnrPls > div ul {gap:0 20px; padding:20px 0;}
#mdlBnrPls > div ul li {width:calc((100% - 80px) / 3);}
}

@media only screen and (max-width: 430px) {
#mdlBnrPls > div ul {gap:0 10px; padding:10px 0;}
#mdlBnrPls > div ul li {width:calc((100% - 40px) / 3);}
}


/* 250618 メルマガ申込フォームにreCAPTCHA追加する際の調整 */
/* --------------------------------------------------------------------------------------------------- */
#mm_form_box #mm_form_msg .mm_form_ttl {justify-content:center; gap:0 15px;}
#satori__recaptcha_wrapper {order:4;}
#satori__recaptcha_wrapper .satori__input_group {padding:0 0;}
#satori__recaptcha_wrapper .satori__input_group .g-recaptcha > div > div {line-height:0.5 !important;}

@media only screen and (min-width: 769px) {
#nav-mm:has(.mm-open) {width:342px;}
#nav-mm #mm_form_box {width:342px;}
}

@media only screen and (min-width: 431px) and (max-width: 768px) {
#mm_form_box {padding:15px 15px;}
#mm_form_box::before {content:none;}
#mm_form_box #mm_form_msg {border-bottom:none;}
#mm_form_box #mm_form_msg .mm_form_ttl {position:relative; margin:0 auto 10px auto; width:100%; border-bottom:1px solid #e0e0e0;}
#mm_form_box #mm_form_msg .mm_form_ttl::before {content:""; display:inline-block; width:90px; height:34px; background:url(/eigyo-labo/wp-content/themes/esales/images/icon_mm.png) no-repeat left 0 top 50% / contain;}
#mm_form_box #mm_form_msg .mm_form_ttl span {gap:0 2px; font-size:20px;}
#mm_form_box #mm_form_msg .mm_form_ttl span::before {width:100px; height:40px;}
#mm_form_box div.satori__custom_form {padding:5px 319px 0 0;}
#mm_form_box div.satori__custom_form > div.satori__input_group {width:calc(100% - 50px);}
#mm_form_box div.satori__custom_form > div#satori__privacy_policy_agreement_wrapper {margin-bottom:5px;}
#satori__recaptcha_wrapper {position:absolute; right:0; bottom:0; width:auto; padding:0 0;}
}

@media only screen and (max-width: 430px) {
#mm_form_box #mm_form_msg {padding:15px 15px 0 15px;}
#mm_form_box div.satori__custom_form {padding:5px 15px 15px 15px;}
#satori__recaptcha_wrapper {padding:5px 0 0 0;}
}