@charset "UTF-8";

/*------------------------------
 *全般のスタイル
--------------------------------*/
  a {
    text-decoration: none;
    color: inherit;
  }
  a:hover {
    text-decoration: underline;
    color: inherit
  }

  body{
    font-family: 'Noto Sans JP', sans-serif;
    color:var(--font-color);
    font-size:var(--spx);
  }
  .main-content{
      background:var(--bg-color);
      padding:var(--lpx) 0;
  }
  .main-content .container{
      background:#fff;
      padding:var(--mpx);
  }
  @media only screen and (max-width: 644px) {
    .main-content .container{
      padding:var(--spx);
    }
  }
  a:focus,
  a:active,
  a:hover{
    color:var(--main-color);
  }
  
  .text-primary {
    color: var(--primary-color)!important;
  }
  
  footer{
    background:var(--bg-color);
    padding: var(--lpx) 0;
  }
  
  /*------------------------------
   *タイポグラフィ
  --------------------------------*/
  body{
    --fs-ll:3em;
    --fs-l:2em;
    --fs-mm:1.6em;
    --fs-m:1.4em;
    --fs-s:1em;
    --fs-ss:0.7em;
  }
  .fs-ll{font-size:var(--fs-ll);}
  .fs-l{font-size:var(--fs-l);}
  .fs-mm{font-size:var(--fs-mm);}
  .fs-m{font-size:var(--fs-m);}
  .fs-s{font-size:var(--fs-s);}
  .fs-ss{font-size:var(--fs-ss);}
  
  /*------------------------------
   *余白
  --------------------------------*/
  :root {
    --llpx: 90px;
    --lpx: 60px;
    --mmpx: 45px;
    --mpx: 30px;
    --spx: 15px;
    --sspx: 5px;
  }
  
  /* margin */
  .m-ll{margin:var(--llpx)!important;}
  .mt-ll{margin-top:var(--llpx)!important;}
  .mb-ll{margin-bottom:var(--llpx)!important;}
  .ml-ll{margin-left:var(--llpx)!important;}
  .mr-ll{margin-right:var(--llpx)!important;}
  .m-l{margin:var(--lpx)!important;}
  .mt-l{margin-top:var(--lpx)!important;}
  .mb-l{margin-bottom:var(--lpx)!important;}
  .ml-l{margin-left:var(--lpx)!important;}
  .mr-l{margin-right:var(--lpx)!important;}
  .m-mm{margin:var(--mmpx)!important;}
  .mt-mm{margin-top:var(--mmpx)!important;}
  .mb-mm{margin-bottom:var(--mmpx)!important;}
  .ml-mm{margin-left:var(--mmpx)!important;}
  .mr-mm{margin-right:var(--mmpx)!important;}
  .m-m{margin:var(--mpx)!important;}
  .mt-m{margin-top:var(--mpx)!important;}
  .mb-m{margin-bottom:var(--mpx)!important;}
  .ml-m{margin-left:var(--mpx)!important;}
  .mr-m{margin-right:var(--mpx)!important;}
  .m-s{margin:var(--spx)!important;}
  .mt-s{margin-top:var(--spx)!important;}
  .mb-s{margin-bottom:var(--spx)!important;}
  .ml-s{margin-left:var(--spx)!important;}
  .mr-s{margin-right:var(--spx)!important;}
  .m-ss{margin:var(--sspx)!important;}
  .mt-ss{margin-top:var(--sspx)!important;}
  .mb-ss{margin-bottom:var(--sspx)!important;}
  .ml-ss{margin-left:var(--sspx)!important;}
  .mr-ss{margin-right:var(--sspx)!important;}
  /* padding */
  .p-llp{padding:15%!important;}
  .pt-llp{padding-top:15%!important;}
  .pb-llp{padding-bottom:15%!important;}
  .pl-llp{padding-left:15%!important;}
  .pr-llp{padding-right:15%!important;}
  .p-ll{padding:var(--llpx)!important;}
  .pt-ll{padding-top:var(--llpx)!important;}
  .pb-ll{padding-bottom:var(--llpx)!important;}
  .pl-ll{padding-left:var(--llpx)!important;}
  .pr-ll{padding-right:var(--llpx)!important;}
  .p-l{padding:var(--lpx)!important;}
  .p-lp{padding:10%!important;}
  .pt-lp{padding-top:10%!important;}
  .pb-lp{padding-bottom:10%!important;}
  .pl-lp{padding-left:10%!important;}
  .pr-lp{padding-right:10%!important;}
  .pt-l{padding-top:var(--lpx)!important;}
  .pb-l{padding-bottom:var(--lpx)!important;}
  .pl-l{padding-left:var(--lpx)!important;}
  .pr-l{padding-right:var(--lpx)!important;}
  .p-mm{padding:var(--mmpx)!important;}
  .p-mmp{padding:7%!important;}
  .pt-mmp{padding-top:7%!important;}
  .pb-mmp{padding-bottom:7%!important;}
  .pl-mmp{padding-left:7%!important;}
  .pr-mmp{padding-right:7%!important;}
  .pt-mm{padding-top:var(--mmpx)!important;}
  .pb-mm{padding-bottom:var(--mmpx)!important;}
  .p-m{padding:var(--mpx)!important;}
  .p-mp{padding:5%!important;}
  .pt-mp{padding-top:5%!important;}
  .pb-mp{padding-bottom:5%!important;}
  .pl-mp{padding-left:5%!important;}
  .pr-mp{padding-right:5%!important;}
  .pt-m{padding-top:var(--mpx)!important;}
  .pb-m{padding-bottom:var(--mpx)!important;}
  .pl-m{padding-left:var(--mpx)!important;}
  .pr-m{padding-right:var(--mpx)!important;}
  .p-s{padding:var(--spx)!important;}
  .p-sp{padding:3%!important;}
  .pt-sp{padding-top:3%!important;}
  .pb-sp{padding-bottom:3%!important;}
  .pl-sp{padding-left:3%!important;}
  .pr-sp{padding-right:3%!important;}
  .pt-s{padding-top:var(--spx)!important;}
  .pb-s{padding-bottom:var(--spx)!important;}
  .pl-s{padding-left:var(--spx)!important;}
  .pr-s{padding-right:var(--spx)!important;}
  .p-ss{padding:var(--sspx)!important;}
  .p-ssp{padding:1%!important;}
  .pt-ssp{padding-top:1%!important;}
  .pb-ssp{padding-bottom:1%!important;}
  .pl-ssp{padding-left:1%!important;}
  .pr-ssp{padding-right:1%!important;}
  .pt-ss{padding-top:var(--sspx)!important;}
  .pb-ss{padding-bottom:var(--sspx)!important;}
  .pl-ss{padding-left:var(--sspx)!important;}
  .pr-ss{padding-right:var(--sspx)!important;}
  
  .archive.container,
  .single.container,
  .section-ll{
    padding-top:var(--llpx);
    padding-bottom:var(--llpx);
  }
  .section-l{
    padding-top:var(--lpx);
    padding-bottom:var(--lpx);
  }
  .section-mm{
    padding-top:var(--mmpx);
    padding-bottom:var(--mmpx);
  }
  .section-m{
    padding-top:var(--mpx);
    padding-bottom:var(--mpx);
  }
  .section-s{
    padding-top:var(--spx);
    padding-bottom:var(--spx);
  }
  .section-ss{
    padding-top:var(--sspx);
    padding-bottom:var(--sspx);
  }
  .btn-box{
    margin-top:var(--mpx);
  }
  .post-box h1{
    margin-top:var(--lpx);
    margin-bottom:var(--mmpx);
  }
  .post-box h2{
    margin-top:var(--mmpx);
    margin-bottom:var(--mpx);
  }
  .post-box h3{
    margin-top:var(--mmpx);
    margin-bottom:var(--mpx);
  }
  .post-box h4{
    margin-top:var(--mpx);
    margin-bottom:var(--spx);
  }
  .col-mb-m div[class*="col-"] {
    margin-bottom:var(--mpx);
  }
  .col-mb-s div[class*="col-"] {
    margin-bottom:var(--spx);
  }
  .col-mb-ss div[class*="col-"] {
    margin-bottom:var(--sspx);
  }
/*メンバーボタンテキスト*/
.member-btn-text{
  display: inline-block;
}
@media only screen and (max-width: 644px) {
  .member-btn-text{
    display: none;
  }
}