@font-face {
  font-family: "Karla-M";
  src: url("../languages/Karla/Karla-Medium.ttf") format("ttf"),
  url("../languages/Karla/Karla-Medium.woff") format("woff");
}

@font-face {
  font-family: "Karla-B";
  src: url("../languages/Karla/Karla-Bold.ttf") format("ttf"),
  url("../languages/Karla/Karla-Bold.woff") format("woff");
}


:root {
  --main-cl: #333;
  --gray-cl: #555;
  --back-cl: #F0F0F0;
  --corp-cl: #FBA008;
  --corp-act-cl: #ff780b;
  --corp-brown: #6c5b59;
  --font-base: "Noto Sans JP","Hiragino Kaku Gothic ProN",
    "Hiragino Sans",'メイリオ','Meiryo', 'Helvetica Neue', sans-serif;
  --ft-size-8: 0.571rem;
  --ft-size-10: 0.714rem;
  --ft-size-12: 0.857rem;
  --ft-size-14: 1rem;
  --ft-size-15: 1.0714;
  --ft-size-16: 1.143rem;
  --ft-size-18: 1.286rem;
  --ft-size-20: 1.714rem;
  --ft-size-24: 1.43rem;
  --ft-size-26: 1.857rem;
  --anim-trans-1: all 0.5s ease 0s;
}


/*fs-re-device-resize*/

html {/* PCベース */
  font-size: 16px; 
  touch-action: manipulation;
}
@media (max-width: 1024px) {/* タブレット調整 */
  html {
    font-size: 15px; 
  }
}
@media (max-width: 767px) {/* モバイル調整 */
  html {
    font-size: 14px; 
  }
}
/* ================ font ====================== */

/* ================ common style ====================== */
body {
  font-family: "Karla-M","Helvetica Neue",Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif;
  color: var(--main-cl);
  background: var(--back-cl);
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  padding-top: 5.5rem;
}

.header-wrapper {
  background: var(--main-color);
  color: white;
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100vw;
}

.header-inner {
    max-width: 1000px;
}

a, .nav-link a{
  color: inherit;
  text-decoration: none;
}

a:hover, .nav-link a:hover{
    color: var(--corp-cl)!important;
    transition: var(--anim-trans-1)!important;
}

a img, .nav-link a img{
opacity: 1;
transition: all .3s;
}

a:hover img, .nav-link a:hover img{
  opacity: 0.6;
}
a:active{
  border: none!important;
} 

figure{
  height: auto;
  margin: 0;
  display: block;
  line-height: 0;

}

figure a{
    display: block;
    transition: all .3s;
}

figure a:hover{
  opacity: 0.6;
  transition: all .3s;
}

figure.wp-block-image.size-full img {
    width: 100%;
}

.flex{display: flex;}
.grid{display: grid;}

.wrapper{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer{
   margin-top: auto;
}

#primary {
    min-height: 860px;
    padding: 6rem 3rem 3rem;
}

.container h2, .container h3{
  font-weight: bold;
  line-height: 1.46;
  color: var(--main-cl);
}

figcaption{
  line-height: 1.6;
}

.base-kadomaru{
  border-radius: 1rem;
  border: none;
}

.breadcrumb {
    color: var(--gray-cl);
    margin: 0 2rem;
    font-size: var(--ft-size-10);
}

  .breadcrumb a {
      padding: 0 0.5em;
      color: var(--main-cl);
    }

  .breadcrumb a:hover{
    color: var(--corp-cl);
    transition: all .3s;
  }

@media (max-width: 990px) {
    body{
      box-sizing: border-box;
      padding-top: 4rem;
      width: 100%;
      overflow-x: hidden;
      box-sizing: border-box;
    }
}

@media (max-width: 767px){
  body{padding-top: 4rem;}
  article{width: 100vw;}


  .home{
    padding-top: 2.5rem;
  }

  .breadcrumb{
    margin-top: 3.5rem;
    margin-right:0.5rem;
    margin-left:1.5rem;
    a:first-child{
      margin-left: -0.5rem;
    }
  }
}