/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2022 | 07:18:15 */
/*　ヘッダー　*/
.ESHeadder--flex {
    background-color: #F2F2F2;
    max-width: 1080px;
    margin: 16px auto;
}

.ESHeadder--flex_inner {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 16px;
}

.ESHeadderLeft {
    padding-left: 1rem;
}

.ESHeadderTitle {
    padding: 0 0 16px 0;
}

.ESHeadderFeature {
    color: #236DB0;
    margin: 0;
    font-size: 24px;
    font-weight: bold;
}

p.ESHeadderSiteName {
    margin: 0;
    font-weight: bold;
    font-size: 32px;
}

.ESHeadderRight {
    padding-right: 1rem;
    margin-left: auto;
}

/*　ヘッダーここまで　*/

.stbtn_content {
  display: flex;
}

.stbtn_icon {
    width: auto;
    height: 42px;
    margin: 0 1px;
}

.toc_toggle{
  display:none;
}

#toc_container{
  font-size:18px;
  padding:20px 40px;
}

#toc_container p.toc_title {
  text-align:left;
}

.upper-box {
    margin-bottom: 16px;
}

.flex-box{
    display:flex;
  }

.flex-box.wrap{
  display:flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin-right:-11px;
  width:767px;
}
.flex-box.column{
  display:flex;
  flex-direction: column;
}
.flex-box.center{
  display:flex;
  justify-content: center;
}

.flex-box.container{
  display:flex;
  justify-content: center;
  max-width:1080px;
  margin: 0 auto;
}

.wp-block-column.flex-box.center{
  border-top:3px solid #78a780;
  padding-top:8rem;
}

.seo{
  margin-right:25px;
  width:40%;
}
.production{
  margin-left:25px;
  width:40%;
}

  .startup-btn{
      display: flex;
      justify-content: space-between;
      padding: 0.5em 1em;
      text-decoration: none;
      border: 1px solid #CACACA;
      box-sizing: border-box;
      border-radius: 3px;
      transition: .4s;    
      align-items: center;
      width: 31.333%;
      height: 96px;
      padding:10px;
  }

  .startup-btn:nth-child(3n-1) {
      margin-right:16px;
      margin-left:16px;
      margin-bottom: 16px;
}
  
  .startup-btn:hover{
      background: #E9F0F7!important;
      border: 1px solid #236DB0!important;
      cursor: pointer;
  }
  
  .startup-btn-icon{
      width: auto;
      height: 42px;
      margin: 0 1px;
  }
  
  .startup-btn-arrow{
      position: relative;
      display: inline-block;
      padding-left: 7px;
  }
  .startup-btn-arrow::after{
      content: '';
      width: 6px;
      height: 6px;
      border: 0px;
      border-top: solid 2px #000000;
      border-right: solid 2px #000000;
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      position: absolute;
      top: 50%;
      right: 0;
      margin-top: -4px;
  }
  
  .btn_leftgp {
    display: flex;
    align-items: center;
    width: 340px
  }

  .startup-btn-expo{
      margin: 16px 8px;
      align-items: center;
  }
  
  
  .startup-btn-expo-title{
      color: #103773;
      font-weight: bold;
      font-size: 16px;
      margin:0;
  }
  
  .startup-btn-expo-text{
      font-size: 12px;
      margin:2px 0 0 0;
  }

.page-id-7554 ul li{
  line-height:2em;
}


/*-----------------------------------------動画マニュアル*/
.startup-content.startup-content-video p{
  padding:0px 33px;
}
.startup-content.startup-content-video .startup-btn-arrow::after {
  left:-40px;
}
.startup.startup-content-list {
  flex: 2;
  border-right: 1px solid #CACACA;
}
.startup-content.startup-content-video {
    margin-left: 0;
}
.startup .startup-btn {
    margin: 0 1em 1em;
    cursor: pointer;
}
.startup-content.startup-content-video .startup-btn {
    display: flex;
    flex-direction: column;
    height: 208px;
    padding-top: 2em;
    width:200px;
    background-color:#effff3;
    margin-left:20px;
}
.startup-content.startup-content-video img {
  height: auto;
  margin: -5px auto;
}
.startup-btn-video-btn {
  display: flex;
}
.startup .startup-content:last-of-type .startup-btn {
    margin-bottom: 0;
}


/*-----------------------------------------リリース情報*/

li::marker {
  color:#236DB0;
}

ul#lcp_instance_0 {
  margin: 0 0 1rem 1rem;
}

.lcp_catlist li {
  position:relative;
}

.lcp_catlist li a {
  position:relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

/*-----------------------------------------
.lcp_catlist li a::before{
    position: absolute;
    content: "";
    top: 1px;
    left: -15px;
    height: 16px;
    width: 2px;
    background-color: #8b8b8b;
}
*/

h2.front-page{
  width: 100%;
}

.lcp_catlist li a {
    margin-right:20px;
}

div.relaese-info{
  margin-left:20px;
  width:43%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.release-info-list{
  max-width:1100px!important;
  margin:0 auto!important;
}

a.release-info{
	background-color: #82b327;
    color: #fff !important;
    border-radius: 10px;
    padding: 7px 25px;
    margin-top: -21px;
    text-decoration: none;
    margin-top: 16px;
}
a.release-info:hover{
	background-color: #006537;
    box-shadow:0 1px 1px #333;
    transition:.5s;
    transform:translateY(-1px);
}

article.post{
    max-width: 1080px;
    margin: 0 auto;
    padding: 8px;
}
article.post h1{
  text-align:left;
}
article h2{
  font-size:20px;
}
article p, article ul{
  font-size:18px;
}

.entry-categories-inner {
  display: flex;
  justify-content: flex-start;
}

/*---------------------------------------------広告枠*/

p.pc {
  margin-bottom: 0;
}

.PRBx .pc img {
    width: 800px;
    height: auto;
    padding-top: 24px;
    margin: 0 auto;
}

.PRBx .sp {
    display: none;
}

/*---------------------------------------------sp*/
@media screen and (max-width: 1080px) {

.flex-box.wrap{
  width:100%;
}
 
  .upper-box.flex-box {
    flex-direction: column;
  } 

  .basic-menu {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }

  .startup-content.startup-content-video .startup-btn {
    margin-left:0;
  }

    .startup-btn {
      width: 48%;
      margin-bottom: 16px;
}

  .startup-btn:nth-child(3n-1) {
      margin-right:0px;
      margin-left:0px;
      margin-bottom: 16px;
}

  .upper-box.flex-box{
    margin-top:-5px;
  }
.seo, .production{
  margin-right:0px;
  width:90%;
  margin:0 auto;
}
.relaese-info {
  width:initial;
  margin-left:initial;
}
  
  .flex-box.wrap {
    align-content: center;
  }
  .startup-content.startup-content-video {
    display: flex;
    justify-content: center;
}
  div.relaese-info {
    margin-left: 0;
    width: initial;
}

}

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

.ESHeadder--flex_inner {
  display: block;
}

.ESHeadderRight img {
  margin: 0 auto;
}

.ESHeadder--flex_inner {
    padding: 24px 10px;
}

    .startup-btn {
      min-width: 98%;
      margin-bottom: 16px;
}

.PRBx .pc {
    display: none;
}

.PRBx .sp {
    display: block!important;
    max-width: 600px;
    margin: 0 auto;
    padding-top: 24px;
}

}