/* 2024.7.24jp-add fotter-common*/
.tp-main-footer-content .tp-main-footer-content__col:nth-of-type(3) a:nth-of-type(2), 
.tp-main-footer-content .tp-main-footer-content__col:nth-of-type(3) a:nth-of-type(3),
.tp-main-footer-bottom__section.tp-main-footer-bottom__section--social p.tp-main-footer-bottom__statement {
    display: none;
}

/* 2020.3.16jp-add blogcategory-1article*/
.j-blog .j-blog-meta.j-blog-post--header a.j-blog-post--category{
    font-size:0.7em;display:inline-block;margin: 0 7.5rem 0.6em 7.5rem;}
.j-blog a.j-blog-post--category:before{content: "「";}
.j-blog a.j-blog-post--category:after {content: "」";}

/* //////////// for jp-blog category & infoblog add START //////////// */
/* 2020 jp add for info blog */
/*only cms info*/.jp-cmsonly-info-block{display:none;}
/*only cms info*/.cc-lc-cms .jp-cmsonly-info-block{
/*only cms info*/    display:block;
/*only cms info*/    border: solid 5px #0fcddc;
/*only cms info*/    padding: 0.8em;
/*only cms info*/    font-size: 0.8em;
/*only cms info*/    line-height: 2;
/*only cms info*/    margin: 0.8em;
/*only cms info*/    border-radius: 1em 0 1em 0;
/*only cms info*/}
.infobox-blog-pickup {
    margin:1.2em 0 0 0;
    padding: 8px;
    background-color: #caceda;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 7px 7px;
}
.infobox-blog-pickup .blog-innerbox {
    margin: 0;
    background-color: white;
    padding: 1em 1.2em;
}
.blog-pickup-title{}
.infobox-blog-pickup ul{
    margin: 0.2em 0;
    padding: 0 0 0 1.6em;}
/* 2020 jp add for blog */
/* ブログ jp-blog-category 共通 jp-blog-category-toplist ブログリストonly */
/* ▼▼▼ WRAP --------------------------- */
 /* // wrap outline // */
.jp-blog-category .tp-main__wrap {
  display: -webkit-box;/* old Android */
  display: -webkit-flex;/* Safari etc. */
  display: flex;
  max-width: 60rem;
  margin: 0 auto;
  width: 100%;
}
 /* // wrap right // */
.jp-blog-category .tp-main__sub-nav {
  display: block;
  /*flex-basis: 20rem;
  max-width:none;*/
 max-width: 250px;
    width: 100%;
}
 /* // wrap left // */
.jp-blog-category .tp-main__content {
  flex-shrink: 2;
  margin: 0 1em 0 0;
}
/* ▲▲▲ WRAP ----------------------------- */
/* ▼▼▼ SUBNAV --------------------------- */
 /* // sub navi // */
.jp-blog-category .tp-main__sub-nav ul {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.jp-blog-category .tp-main__sub-nav ul li {
  font-size: 0.8em;
  border-bottom: dashed 1px #ccc;
}
 /* //// only toplist //// */
 /* toponly */.jp-blog-category-toplist .tp-main__sub-nav ul li#cc-nav-view-2474234688 a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: .16667rem;
    width: 100%;
    background-color: #7cd6eb;
}
/* ▲▲▲ SUBNAV --------------------------- */
/* ▼▼▼ BLOG ARTICL ---------------------- */
/* /// tp-main__content > #content_area > j-blogarticle /// */
 /* outline */
.jp-blog-category .j-blogarticle {
  display: flex;
  flex-wrap: wrap;
}

 /* 1 article common */
.jp-blog-category #cc-matrix- {
  flex-basis: 50%;
  margin: 0 0 2em 0;
}
 
 /* //// only toplist //// */
 /* toponly */.jp-blog-category-toplist #cc-matrix- {
 /* toponly */  flex-basis: 33.3%;
 /* toponly */}
 /* toponly */ .jp-blog-category-toplist #cc-matrix-:first-child{margin-bottom:1.8em;}
.jp-blog-category .j-blogarticle .j-module {
  padding: 0 0.4em;
  margin: 0 0 0.6em 0;
}
.jp-blog-category .j-blog{padding:0;}

/* blog hide block*/
.jp-blog-category #cc-matrix- div.j-spacing,
.jp-blog-category #cc-matrix- div.j-text:nth-child(5),/* blog-read-nonthum*/
.jp-blog-category #cc-matrix- div.j-text p a,/* blog-cont*/
.jp-blog-category #cc-matrix- div.j-text:nth-child(6) {
  display: none;
}

 /* blog top list 1st article(wide)  */
/* //// only toplist //// */
/* toponly */.jp-blog-category-toplist #cc-matrix- figure.cc-imagewrapper{height: 6em!important;}
/* toponly */.jp-blog-category-toplist #cc-matrix-:nth-child(2),
.jp-blog-category #cc-matrix-:first-child {
/* toponly */  flex-basis: 100%;
/* toponly */  align-content: flex-start;
/* toponly */}
/* toponly */.jp-blog-category.jp-blog-category-toplist #cc-matrix-:nth-child(2) figure.cc-imagewrapper {
/* toponly */  height: 23.5em!important;
/* toponly */}

 /* blog Category top h1*/
.jp-blog-category #cc-matrix-:first-child h1 {
    font-size: 0.75rem;
    font-weight: normal;
    color: #a9a9a9;
    padding: 0.1333rem .83333rem 1.2rem .83333rem;
    border-bottom: .05556rem solid #e6e7f0;
    line-height: 2;
}
.jp-blog-category #cc-matrix-:first-child h1:before{content: "ブログカテゴリ：";}
.jp-blog-category .j-text a, .jp-blog-category .j-text a {color: #666;}
.jp-blog-category .j-text a:focus, .jp-blog-category .j-text a:hover {color: #3e6de0;}

/* blog thumbnail */
.jp-blog-category figure.cc-imagewrapper {
  display: block;
  overflow: hidden;
  position: relative;
  height: 9em!important;
  background-color: #fafafa;
  border: solid 1px #eee;
}
.jp-blog-category .cc-imagewrapper img {
  display: block;
  transition-duration: 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  transform: scale(1) translate(-50%, -50%);
}
.jp-blog-category .cc-imagewrapper img:hover {
  transform: scale(1.1) translate(-45%, -45%);
  transition-duration: 0.3s;
}

 /* blog tag & day nth-child(3) */
.jp-blog-category #cc-matrix- div.j-text:nth-child(3),
.jp-blog-category #cc-matrix- div.j-text:first-child {
  font-size: 0.7em;
  color: #a9a9a9;
  padding-left:7px;
  margin-bottom:0.4em;
}
.jp-blog-category .j-text a.j-blog-page--tag {
    background-color: #5c74af;
    color: #eee;
    white-space:nowrap;
    display:inline-block;
    padding: 0.3em 0.7em;
    border-radius: 0 1em;
    text-transform: none;
    line-height: 1;
    font-size: 0.9em;
    transition: 0.3s ;
}
.jp-blog-category .j-text a:hover{background-color:#3e6de0}

/* blog title j-text:nth-child(4) */
.jp-blog-category .j-blog-meta {
  padding: 0;
}
.jp-blog-category #cc-matrix- h2.j-blog-post--headline {
  line-height: 1.5;
  font-size: 1em;
}
/* top article(whide) */
 /* //// only toplist //// */
 /* toponly */.jp-blog-category-toplist #cc-matrix-:nth-child(2) h2.j-blog-post--headline,
 /* toponly */.jp-blog-category-toplist #cc-matrix-:first-child h2.j-blog-post--headline {
 /* toponly */  line-height: 1.3;
 /* toponly */  font-size: 1.4em;
 /* toponly */  }

/* // block more article button // */
.jp-blog-category #load-more-blog-posts-content {
  width: 99%;
}
.jp-blog-category .j-blog .blogreadmore {
  display: block;
  color: #3e6de0;
  border: solid 1px #3e6de0;
  padding: 0.4em 0.6em;
  border-radius: 2em;
  background-size: 200% 100%;
  background-image: -webkit-linear-gradient(left, transparent 50%, rgba(62,109,224, 1) 50%);
  background-image: linear-gradient(to right, transparent 50%, rgba(62,109,224, 1) 50%);
  -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
  transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.jp-blog-category .j-blog .blogreadmore:hover {
  cursor: pointer;
  color: white;
  background-color: #3e6de0;
  background-position: -100% 100%;
}
/* ▲▲▲ BLOG ARTICL ---------------------- */
/* ▼▼▼ @MEDIA  ---------------------- */
  /* only IE 10-11 */
@media (min-width: 989px) and (-ms-high-contrast: none) {
  .jp-blog-category .tp-main__content{width:55rem;}
 .jp-blog-category .tp-main__sub-nav {width: 20rem;}
}
@media (max-width: 989px) {
  /* all wrap */
  .jp-blog-category .tp-main__wrap {
    flex-direction: column-reverse;
  }
  /* nav */
  .jp-blog-category .tp-main__sub-nav {
    padding: 0;
    max-width: 100%;
  }
  .jp-blog-category .tp-main__sub-nav ul {
    flex-direction: row;
    flex-wrap: wrap;
    align-self: auto;
    border-top: solid 0px #ccc;
  }
  .jp-blog-category .tp-main__sub-nav ul li {
    border-bottom: dashed 0px #ccc;/* clear */
    padding: 0;
    flex-basis: 50%;
  }
  .jp-blog-category .tp-main__sub-nav ul li a {
    border-bottom: dashed 1px #ccc;
    padding: 0.8em 0.4em;
    margin: 0 0.8em;
    font-size: 0.9em;
  }
    /* blogreadmorebutton */
 .jp-blog-category #load-more-blog-posts-content {margin:auto 1em; }
}
@media (max-width: 500px) {
/* toponly */.jp-blog-category-toplist #cc-matrix-,
.jp-blog-category #cc-matrix- {flex-basis: 100%;width:100%;}
/* toponly */.jp-blog-category.jp-blog-category-toplist #cc-matrix-:nth-child(2) figure.cc-imagewrapper {
/* toponly */  height: 12em!important;
/* toponly */}
}
/*}*/
/* ▲▲▲ @MEDIA ---------------------- */
/* ▼▼▼ blog common style
body add jp-info-style or tabaleclass jp-info-table-basic
（only jp-infoblog） ---------------------- */
    .jp-info-style .update-box{border: solid 3px #ccc; padding: 1.2em;margin-bottom:1.2em;}
/* infotable */
    .jp-info-style .j-blog-content table,
    .jp-info-table-basic{
        border: 1px solid #ccc;border-bottom-width: 0px;
        border-collapse:collapse; border-spacing:0px;
        width:100%;
        word-break: break-word;
    }
    .jp-info-style .j-blog-content th,
    .jp-info-style .j-blog-content td,
    .jp-info-table-basic th,
    .jp-info-table-basic td{
        padding:0.6em 0.4em;font-size:0.98em;text-alin::1.8;
        border-bottom: 1px solid #999;
    }
    .jp-info-style .j-blog-content th,
    .jp-info-table-basic th{
        /* background-color: #52aadf; */
        color:white;
        background-color: #4e75ba;
    }
    .jp-info-style .j-blog-content td,
    .jp-info-table-basic td{
        border-right: 1px solid #ccc;
    }
    .jp-info-style .j-blog-content tr td:last-child,
    .jp-info-table-basic tr td:last-child{
        border-left-width:0px;
    }
    .jp-info-style .j-blog-content tr td:first-child,
    .jp-info-table-basic tr td:first-child{
        text-align:center;
        text-align: center;
        width: 30%;
    }
/* ▲▲▲ blog only info-block -----*/
/* ▼▼▼ blog common style 
 add jp-blog-airticle class
 & if like a blog style add .bga-style ---------------------- */
/* 外枠 */
.jp-blog-airticle.bga-style .cc-content-parent,
.jp-blog-airticle .post.j-blog-content{
    line-height: 2;
    color: #555;
}
/* 目次 */
.article-auto-list{
    padding: 0;
    color: #002129;
    margin:1.2em 0 1.8em 0;
}
.article-auto-list p{font-size: 0.8em;margin-left:0.8em;}
.article-auto-list ul{margin:0.4em 0 0 0;padding:0;}
.cc-lc-cms .article-auto-list ul{display:none;}
.article-auto-list li{
    background-color: #f4f5f9;
    font-size: 0.8em;
    list-style: none;
    margin: 0!important;
    padding: 0;

}
.article-auto-list li:first-child{border-radius:6px 6px 0px 0px;}
.article-auto-list li a{
    border-bottom: dashed 1px #ddd;
    display: block;
    margin: 0;
    padding: 0.6em 1.2em;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #555;
}
.article-auto-list li a:hover{
    background-color: #ffffff73;
}
.article-auto-list .auto-H2{}
.article-auto-list .auto-H3{}
.article-auto-list .auto-H4{}
/* タイトル */
.jp-blog-airticle.bga-style .cc-content-parent h1,
.jp-blog-airticle h1.j-blog-headline{
    font-size: 2.2em;
    color: #495d8e;
    padding-bottom: 0.25em!important;}
/* headline */
.jp-blog-airticle.bga-style .cc-content-parent h2,
.jp-blog-airticle.bga-style .cc-content-parent h3,
.jp-blog-airticle  .post.j-blog-content h2,
.jp-blog-airticle  .post.j-blog-content h3{color: #5c74af;margin-bottom: 0.2em;}
.jp-blog-airticle.bga-style .cc-content-parent h2,
.jp-blog-airticle  .post.j-blog-content h2{padding-top: 1.5em;font-size: 2em;border-bottom: dashed 2px #ddd;padding-bottom: 0.3em;}
.jp-blog-airticle.bga-style .cc-content-parent h3,
.jp-blog-airticle  .post.j-blog-content h3{padding-top: 1.6em;font-size:1.8em;}
/* for alink headline h2 for alink jump ofset */.jp-blog-airticle .post.j-blog-content h2{padding-top: 3.5em; margin-top: -2em;}

/* li */
.jp-blog-airticle .post.j-blog-content li{margin-bottom:0.27em;}
.jp-blog-airticle .post.j-blog-content ol li:last-child,
.jp-blog-airticle .post.j-blog-content ul li:last-child{margin-bottom:0em;}
/*黄色ライン*/
.jp-blog-airticle table em,
.jp-blog-airticle .cc-m-textwithimage-inline-rte em,
.jp-blog-airticle .j-text em{background: linear-gradient(transparent 60%, #ffff99 20%);font-style: normal;}
/*二重枠*/
.jp-blog-airticle .box-w-line{padding: 1.2em;border: 5px double #c7c7c7;border-radius: 4px;}

/* 
jp-blog-airticleだけの既存記事に影響しないように
jp-blog-cssplus を合わせて付与  */
/* img margin */
/*default*/.jp-blog-airticle.jp-blog-cssplus .j-blog-content .j-imageSubtitle figure{padding-bottom:1em;}
/*topimg*/.jp-blog-airticle.jp-blog-cssplus .j-blog-content .j-imageSubtitle:first-child figure,
/*img-margin-none*/.jp-blog-airticle.jp-blog-cssplus .j-blog-content .j-imageSubtitle.img-style-none figure{padding-bottom:0;}
/* img align */
.jp-blog-airticle.jp-blog-cssplus .j-imageSubtitle figure{text-align:center;}
.jp-blog-airticle.jp-blog-cssplus .j-imageSubtitle.img-style-none figure.cc-m-image-align-1{text-align:left;}
.jp-blog-airticle.jp-blog-cssplus .j-imageSubtitle figure.cc-m-image-align-2{text-align:right;}
.jp-blog-airticle.jp-blog-cssplus .j-imageSubtitle figure.cc-m-image-align-3{text-align:center;}
/* ▲▲▲ blog common style ---------------------- */
/* //////////// for jp-blog category add END //////////// */
/* //////////// for jp-blog CTA add START //////////// */
/* CTAボタン ブログのみ 2020 June / re 2121 march add-jp  */
.jp-blog-airticle #cta-button {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    display: none;
    z-index: 1;
    border-top: solid 1px white;
    background-color: #f4f5f9;
    text-align: center;
}
.jp-blog-airticle #cta-button p{
    font-size:0.6em;
    padding:0.4em 0.2em;
    margin:0;
}
.jp-blog-airticle #cta-button a.cta-button{
    box-shadow:inset 0 1px 1px 0px rgba(0, 0, 0, .3);
    visibility: unset;
    display:block;
    font-size:0.8em;
    text-decoration: none !important;
    color: #fff !important;
    width: 100%;
    padding: 1em 0;
    text-align: center;
    display: block;
    background-color: #455fa0;
    background-size: 200% 100%;
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(62,109,224,1) 50%);      
    background-image: linear-gradient(to right, transparent 50%, rgba(62,109,224,1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.jp-blog-airticle #cta-button a.cta-button:hover{
    color:#3e6de0;
    background-color: white;
    background-position: -100% 100%;}
/* //////////// for jp-blog CTA add END //////////// */
/* //////////// for jp-blog point box add START //////////// */
.pointbox1 {
    margin: 2em 0;
    background: #dcefff;
}
.pointbox1 .box-title {
    font-size: 1.2em;
    background: #2156fa;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.pointbox1 p {
    padding: 15px 20px;
    margin: 0;
}

.pointbox2 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #2156fa;
    border-radius: 8px;
}
.pointbox2 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #2156fa;
    font-weight: bold;
}
.pointbox2 p {
    margin: 0; 
    padding: 0;
}

.pointbox3 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.pointbox3 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.pointbox3 p {
    margin: 0; 
    padding: 0;
}

.pointbox4 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #5148ff;
    border-radius: 8px;
}
.pointbox4 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #5148ff;
    font-weight: bold;
}
.pointbox4 p {
    margin: 0; 
    padding: 0;
}

.pointbox5 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #6e6e6e;
    border-radius: 8px;
}
.pointbox5 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #6e6e6e;
    font-weight: bold;
}
.pointbox5 p {
    margin: 0; 
    padding: 0;
}

.pointbox6 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.pointbox6 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.poointbox6 p {
    margin: 0; 
    padding: 0;
}
/* //////////// for jp-blog point box add END //////////// */
/*]]>*/
</style>