@charset "UTF-8";
/* Add your custom css below
-------------------------------------------------------------- */
/* base-xx-color */
:root {
  --base-bg-color1:#fffffe;
  --base-bg-color2:#d1d1e9;
  --base-btn-color1:#6246ea;
  --base-btn-color2:#e45858;
  --base-txt-color1:#2b2c34;
}

:root {
  --custom-width:100%;
}

/*Media Query*/
/* ---------------------------------------------------
  global icons
-------------------------------------------------- */
.ico {
  position: relative;
  display: inline-block;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin: 0 4px 0 0;
  padding: 0;
  box-sizing: border-box;
  /*&-clock-history {
    position: absolute;
    width: 15px;
    height: 15px;
    border: solid 1px currentColor;
    border-radius: 8px;
    color: $color;

    &::before {
      content: '';
      position: absolute;
      top: 7px;
      left: 3px;
      width: 5px;
      height: 1px;
      background-color: currentColor;
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
    }

    &::after {
      content: '';
      position: absolute;
      top: 7px;
      left: 7px;
      width: 1px;
      height: 6px;
      background-color: currentColor;
      -webkit-transform-origin: 0% 0%;
      transform-origin: 0% 0%;
    }

    @include media_xs{
      transform: scale(0.8);
    }//media

    @include media_lg{
      transform: scale(1.0);
    }//media
  }*/
}
.ico-sp-search {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2213.998%22%20viewBox%3D%220%200%2014%2013.998%22%3E%20%3Cpath%20id%3D%22search-2%22%20data-name%3D%22search%22%20d%3D%22M15.783%2C14.8l-2.6-2.576a6.294%2C6.294%2C0%2C1%2C0-.972.973l2.574%2C2.576a.7.7%2C0%2C0%2C0%2C.993-.973Zm-7.493-1.6a4.9%2C4.9%2C0%2C1%2C1%2C4.9-4.9%2C4.9%2C4.9%2C0%2C0%2C1-4.9%2C4.9Z%22%20transform%3D%22translate(-1.979%20-1.979)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
}
.ico-sp-service {
  width: 14px;
  height: 13px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2213.3%22%20viewBox%3D%220%200%2014%2013.3%22%3E%20%3Cpath%20id%3D%22suitcase%22%20d%3D%22M13.9%2C5.3H11.8V4.6A2.1%2C2.1%2C0%2C0%2C0%2C9.7%2C2.5H8.3A2.1%2C2.1%2C0%2C0%2C0%2C6.2%2C4.6v.7H4.1A2.1%2C2.1%2C0%2C0%2C0%2C2%2C7.4v6.3a2.1%2C2.1%2C0%2C0%2C0%2C2.1%2C2.1h9.8A2.1%2C2.1%2C0%2C0%2C0%2C16%2C13.7V7.4A2.1%2C2.1%2C0%2C0%2C0%2C13.9%2C5.3ZM7.6%2C4.6a.7.7%2C0%2C0%2C1%2C.7-.7H9.7a.7.7%2C0%2C0%2C1%2C.7.7v.7H7.6Zm7%2C9.1a.7.7%2C0%2C0%2C1-.7.7H4.1a.7.7%2C0%2C0%2C1-.7-.7V10.165H5.5V10.9a.7.7%2C0%2C0%2C0%2C1.4%2C0v-.735h4.2V10.9a.7.7%2C0%2C1%2C0%2C1.4%2C0v-.735h2.1Zm0-4.9H3.4V7.4a.7.7%2C0%2C0%2C1%2C.7-.7h9.8a.7.7%2C0%2C0%2C1%2C.7.7Z%22%20transform%3D%22translate(-2%20-2.5)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 13px;
}
.ico-sp-book {
  width: 12px;
  height: 15px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2215%22%20viewBox%3D%220%200%2012%2015%22%3E%20%3Cpath%20id%3D%22book_3_%22%20data-name%3D%22book%20(3)%22%20d%3D%22M14.5%2C2H7A3%2C3%2C0%2C0%2C0%2C4%2C5v9a3%2C3%2C0%2C0%2C0%2C3%2C3h7.5A1.5%2C1.5%2C0%2C0%2C0%2C16%2C15.5V3.5A1.5%2C1.5%2C0%2C0%2C0%2C14.5%2C2Zm-9%2C3A1.5%2C1.5%2C0%2C0%2C1%2C7%2C3.5h7.5V11H7a2.933%2C2.933%2C0%2C0%2C0-1.5.42ZM7%2C15.5a1.5%2C1.5%2C0%2C1%2C1%2C0-3h7.5v3Zm1.5-9h3a.75.75%2C0%2C1%2C0%2C0-1.5h-3a.75.75%2C0%2C1%2C0%2C0%2C1.5Z%22%20transform%3D%22translate(-4%20-2)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
  background-size: 12px 15px;
}
.ico-sp-news {
  width: 19px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219.001%22%20height%3D%2214.476%22%20viewBox%3D%220%200%2019.001%2014.476%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_10570%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2010570%22%20transform%3D%22translate(-90%20-249)%22%3E%20%3Cg%20id%3D%22%E5%90%88%E4%BD%93_2%22%20data-name%3D%22%E5%90%88%E4%BD%93%202%22%20transform%3D%22translate(90%20249)%22%20fill%3D%22%23fff%22%3E%20%3Cpath%20d%3D%22M%2013.56945705413818%2013.4066047668457%20L%2012.5552806854248%2012.17560005187988%20L%2012.34528064727783%2011.92070007324219%20L%2012.0150203704834%2011.92070007324219%20L%202.999700546264648%2011.92070007324219%20C%201.731640577316284%2011.92070007324219%200.700000524520874%2010.8886604309082%200.700000524520874%209.620100021362305%20L%200.700000524520874%202.99970006942749%20C%200.700000524520874%201.731640100479126%201.731640577316284%200.7000001072883606%202.999700546264648%200.7000001072883606%20L%2016.00020027160645%200.7000001072883606%20C%2017.26876068115234%200.7000001072883606%2018.30080032348633%201.731640100479126%2018.30080032348633%202.99970006942749%20L%2018.30080032348633%209.620100021362305%20C%2018.30080032348633%2010.8886604309082%2017.26876068115234%2011.92070007324219%2016.00020027160645%2011.92070007324219%20L%2015.23092079162598%2011.92070007324219%20L%2014.92144012451172%2011.92070007324219%20L%2014.71316051483154%2012.14961051940918%20L%2013.56945705413818%2013.4066047668457%20Z%22%20stroke%3D%22none%22%2F%3E%20%3Cpath%20d%3D%22M%2013.59572410583496%2012.33760929107666%20L%2014.61196041107178%2011.22070026397705%20L%2016.00020027160645%2011.22070026397705%20C%2016.88277053833008%2011.22070026397705%2017.60080146789551%2010.50267028808594%2017.60080146789551%209.620100021362305%20L%2017.60080146789551%202.99970006942749%20C%2017.60080146789551%202.117620229721069%2016.88277053833008%201.400000095367432%2016.00020027160645%201.400000095367432%20L%202.999700546264648%201.400000095367432%20C%202.117620468139648%201.400000095367432%201.40000057220459%202.117620229721069%201.40000057220459%202.99970006942749%20L%201.40000057220459%209.620100021362305%20C%201.40000057220459%2010.50267028808594%202.117620468139648%2011.22070026397705%202.999700546264648%2011.22070026397705%20L%2012.67555046081543%2011.22070026397705%20L%2013.59572410583496%2012.33760929107666%20M%2013.54320049285889%2014.47560024261475%20L%2012.0150203704834%2012.62069988250732%20L%202.999700546264648%2012.62069988250732%20C%201.342800498008728%2012.62069988250732%205.432128773463774e-07%2011.27700042724609%205.432128773463774e-07%209.620100021362305%20L%205.432128773463774e-07%202.99970006942749%20C%205.432128773463774e-07%201.342800140380859%201.342800498008728%201.21307365930079e-07%202.999700546264648%201.21307365930079e-07%20L%2016.00020027160645%201.21307365930079e-07%20C%2017.65710067749023%201.21307365930079e-07%2019.00080108642578%201.342800140380859%2019.00080108642578%202.99970006942749%20L%2019.00080108642578%209.620100021362305%20C%2019.00080108642578%2011.27700042724609%2017.65710067749023%2012.62069988250732%2016.00020027160645%2012.62069988250732%20L%2015.23092079162598%2012.62069988250732%20L%2013.54320049285889%2014.47560024261475%20Z%22%20stroke%3D%22none%22%20fill%3D%22%23222%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_56533%22%20data-name%3D%22%E3%83%91%E3%82%B9%2056533%22%20d%3D%22M4.366-1.5H3.4L1.533-4.722V-1.5H.571V-6.4h.962L3.408-3.166V-6.4h.958ZM8.014-3.621H6.168v1.313H8.334V-1.5H5.206V-6.4H8.328v.818H6.168v1.168H8.014Zm4.519.71L13.161-6.4h.958L13.084-1.5h-.968l-.76-3.279L10.6-1.5H9.629L8.594-6.4h.958l.631%2C3.481L10.953-6.4h.814Z%22%20transform%3D%22translate(92.415%20259.11)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_56533_-_%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2056533%20-%20%E3%82%A2%E3%82%A6%E3%83%88%E3%83%A9%E3%82%A4%E3%83%B3%22%20d%3D%22M13.116-1.456h-1.04L11.352-4.58l-.724%2C3.124H9.588L8.533-6.448H9.585l.6%2C3.3.729-3.3H11.8l.725%2C3.3.595-3.3H14.17Zm-.969-.09h.9l1.016-4.812h-.865l-.622%2C3.451-.089%2C0-.758-3.452h-.742l-.761%2C3.446-.089%2C0L9.51-6.358H8.645L9.661-1.547h.9l.752-3.244H11.4Zm-3.773.09H5.156V-6.448H8.368v.908H6.208v1.078H8.054v.881H6.208v1.223H8.375Zm-3.128-.09H8.284v-.721H6.118v-1.4H7.964v-.7H6.118V-5.63h2.16v-.728H5.246Zm-.84.09H3.374l-1.8-3.1v3.1H.521V-6.448H1.554l1.8%2C3.109V-6.448H4.407Zm-.981-.09h.89V-6.358H3.448V-3L1.5-6.358H.612v4.812h.871V-4.894Z%22%20transform%3D%22translate(92.42%20259.115)%22%20fill%3D%22%23222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 19px 14px;
}
.ico-sp-cat {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cpath%20id%3D%22category%22%20d%3D%22M1.476-.75H3.54A2.235%2C2.235%2C0%2C0%2C1%2C5.766%2C1.489V3.572A2.235%2C2.235%2C0%2C0%2C1%2C3.54%2C5.811H1.476A2.235%2C2.235%2C0%2C0%2C1-.75%2C3.572V1.489A2.235%2C2.235%2C0%2C0%2C1%2C1.476-.75ZM3.54%2C4.456a.879.879%2C0%2C0%2C0%2C.871-.884V1.489A.879.879%2C0%2C0%2C0%2C3.54.6H1.476A.879.879%2C0%2C0%2C0%2C.6%2C1.489V3.572a.879.879%2C0%2C0%2C0%2C.871.884ZM8.96-.75h2.065A2.235%2C2.235%2C0%2C0%2C1%2C13.25%2C1.489V3.572a2.235%2C2.235%2C0%2C0%2C1-2.225%2C2.239H8.96A2.235%2C2.235%2C0%2C0%2C1%2C6.734%2C3.572V1.489A2.235%2C2.235%2C0%2C0%2C1%2C8.96-.75Zm2.065%2C5.206a.878.878%2C0%2C0%2C0%2C.87-.884V1.489A.878.878%2C0%2C0%2C0%2C11.025.6H8.96a.879.879%2C0%2C0%2C0-.871.884V3.572a.879.879%2C0%2C0%2C0%2C.871.884ZM1.476%2C6.689H3.54a2.235%2C2.235%2C0%2C0%2C1%2C2.226%2C2.24v2.082A2.235%2C2.235%2C0%2C0%2C1%2C3.54%2C13.25H1.476A2.235%2C2.235%2C0%2C0%2C1-.75%2C11.011V8.929A2.235%2C2.235%2C0%2C0%2C1%2C1.476%2C6.689ZM3.54%2C11.9a.879.879%2C0%2C0%2C0%2C.871-.884V8.929a.879.879%2C0%2C0%2C0-.871-.885H1.476A.879.879%2C0%2C0%2C0%2C.6%2C8.929v2.082a.879.879%2C0%2C0%2C0%2C.871.884ZM8.96%2C6.689h2.065a2.235%2C2.235%2C0%2C0%2C1%2C2.225%2C2.24v2.082a2.235%2C2.235%2C0%2C0%2C1-2.225%2C2.239H8.96a2.235%2C2.235%2C0%2C0%2C1-2.226-2.239V8.929A2.235%2C2.235%2C0%2C0%2C1%2C8.96%2C6.689ZM11.025%2C11.9a.878.878%2C0%2C0%2C0%2C.87-.884V8.929a.879.879%2C0%2C0%2C0-.87-.885H8.96a.879.879%2C0%2C0%2C0-.871.885v2.082a.879.879%2C0%2C0%2C0%2C.871.884Z%22%20transform%3D%22translate(0.75%200.75)%22%20fill%3D%22%23200e32%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
}
.ico-sp-tag {
  width: 14px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%20%3Cpath%20id%3D%22tag%22%20d%3D%22M5.851%2C4.8A1.05%2C1.05%2C0%2C1%2C0%2C6.9%2C5.851%2C1.05%2C1.05%2C0%2C0%2C0%2C5.851%2C4.8Zm9.535%2C3.3L9.5%2C2.2A.7.7%2C0%2C0%2C0%2C9%2C2H2.7a.7.7%2C0%2C0%2C0-.7.7V9a.7.7%2C0%2C0%2C0%2C.2.5L8.1%2C15.386a2.1%2C2.1%2C0%2C0%2C0%2C2.968%2C0l4.32-4.285a2.1%2C2.1%2C0%2C0%2C0%2C0-2.968ZM14.4%2C10.072h0l-4.327%2C4.32a.7.7%2C0%2C0%2C1-.987%2C0L3.4%2C8.714V3.4H8.714L14.4%2C9.085a.7.7%2C0%2C0%2C1%2C0%2C.987Z%22%20transform%3D%22translate(-2%20-2)%22%2F%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
}
.ico-mn-search {
  width: 19px;
  height: 19px;
  margin: 0 0 5px 0;
  padding: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22search%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2218.997%22%20viewBox%3D%220%200%2019%2018.997%22%3E%20%3Cpath%20id%3D%22search-2%22%20data-name%3D%22search%22%20d%3D%22M20.712%2C19.374l-3.522-3.5a8.542%2C8.542%2C0%2C1%2C0-1.32%2C1.32l3.494%2C3.5a.944.944%2C0%2C0%2C0%2C1.348-1.32ZM10.544%2C17.2a6.65%2C6.65%2C0%2C1%2C1%2C6.646-6.65%2C6.648%2C6.648%2C0%2C0%2C1-6.646%2C6.65Z%22%20transform%3D%22translate(-1.979%20-1.979)%22%20fill%3D%22%23222%22%2F%3E%3C%2Fsvg%3E");
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  content: " ";
  box-sizing: border-box;
  display: inline-block;
}
.ico-mn-regist {
  width: 19px;
  height: 19px;
  margin: 0 0 5px 0;
  padding: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2019%2019%22%3E%20%3Cpath%20id%3D%22edit%22%20d%3D%22M20.045%2C11.5a.95.95%2C0%2C0%2C0-.95.95v5.7a.95.95%2C0%2C0%2C1-.95.95H4.849a.95.95%2C0%2C0%2C1-.95-.95V4.849a.95.95%2C0%2C0%2C1%2C.95-.95h5.7a.95.95%2C0%2C0%2C0%2C0-1.9h-5.7A2.849%2C2.849%2C0%2C0%2C0%2C2%2C4.849v13.3a2.849%2C2.849%2C0%2C0%2C0%2C2.849%2C2.849h13.3a2.849%2C2.849%2C0%2C0%2C0%2C2.849-2.849v-5.7A.95.95%2C0%2C0%2C0%2C20.045%2C11.5ZM5.8%2C12.219v4.027a.95.95%2C0%2C0%2C0%2C.95.95h4.027a.95.95%2C0%2C0%2C0%2C.674-.275l6.572-6.582h0l2.7-2.64a.95.95%2C0%2C0%2C0%2C0-1.349L16.692%2C2.275a.95.95%2C0%2C0%2C0-1.349%2C0L12.665%2C4.963h0L6.074%2C11.544A.95.95%2C0%2C0%2C0%2C5.8%2C12.219Zm10.219-7.93%2C2.688%2C2.688L17.357%2C8.325%2C14.669%2C5.637ZM7.7%2C12.608%2C13.33%2C6.976l2.688%2C2.688L10.386%2C15.3H7.7Z%22%20transform%3D%22translate(-2%20-1.994)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-size: 19px 19px;
  content: " ";
  box-sizing: border-box;
  display: inline-block;
}
.ico-person-fill {
  position: absolute;
  margin-top: 12px;
  margin-right: 4px;
  width: 14px;
  height: 6px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-top: solid 1px currentColor;
  border-bottom: solid 1px transparent;
  border-radius: 6px 6px 0 0;
  color: #9A9A9A;
}
.ico-person-fill::before {
  content: "";
  position: absolute;
  left: 2px;
  top: -10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: solid 1px currentColor;
}
.ico-clock {
  position: absolute;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  border: solid 1px currentColor;
  border-radius: 8px;
  display: inline-block;
  color: #9A9A9A;
}
.ico-clock::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 7px;
  width: 5px;
  height: 1px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.ico-clock::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 7px;
  width: 1px;
  height: 6px;
  background-color: currentColor;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.ico-clock-history {
  position: absolute;
  width: 15px;
  height: 15px;
  margin-right: 4px;
}
.ico-clock-history::before {
  width: 15px;
  height: 15px;
  content: "";
  display: inline-block;
  background-image: url(../img/icon_update.svg);
  background-repeat: no-repeat;
  background-size: 15px 15px;
}
.ico-clock-history::after {
  display: none;
}
.ico-folder2 {
  position: absolute;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  border-radius: 1px 1px 1px 0;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  color: #9A9A9A;
}
.ico-folder2::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: 9px;
  height: 10px;
  border-radius: 1px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ico-folder2::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
}
.ico-tag {
  position: absolute;
  width: 7px;
  height: 7px;
  margin-right: 4px;
  border-radius: 1px 1px 1px 0;
  border-left: solid 1px currentColor;
  border-top: solid 1px currentColor;
  color: #9A9A9A;
}
.ico-tag::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 1px;
  width: 9px;
  height: 10px;
  border-radius: 1px;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
  border-bottom: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ico-tag::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  background-color: currentColor;
}
.ico-view {
  position: absolute;
  left: 0px;
  top: 2px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  border-radius: 70% 15%;
  border: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  color: #fff;
}
.ico-view::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: solid 1px #fff;
}
.ico-close {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0;
  padding: 0;
  margin-right: 4px;
  background-color: #fff;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
}
.ico-close::before, .ico-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 20px;
  background: #333;
}
.ico-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.ico-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.ico-newtxt {
  position: absolute;
  left: 5px;
  top: 5px;
  z-index: 90;
  margin: 0;
  padding: 5px 8px 5px 8px;
  background-color: var(--base-btn-color1);
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1;
  color: #fff;
  border-radius: 12px;
  box-sizing: border-box;
}
.ico-new {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 90;
  margin: 0;
  padding: 0;
  content: " ";
  display: block;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22new_1_%22%20data-name%3D%22new%20(1)%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.998%22%20height%3D%2239.996%22%20viewBox%3D%220%200%2039.998%2039.996%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54092%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054092%22%20d%3D%22M39.755%2C16.918%2C23.089.252A.833.833%2C0%2C0%2C0%2C22.5.009H.835a.833.833%2C0%2C0%2C0-.59%2C1.423l38.33%2C38.33A.834.834%2C0%2C0%2C0%2C40%2C39.172V17.507A.833.833%2C0%2C0%2C0%2C39.755%2C16.918Z%22%20transform%3D%22translate(0%20-0.009)%22%20fill%3D%22%23cb4d1f%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8927%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208927%22%20transform%3D%22translate(13.345%203.334)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54093%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054093%22%20d%3D%22M174.982%2C52.686a.833.833%2C0%2C0%2C1-.817-1l1.127-5.634-3.053%2C3.058a.833.833%2C0%2C0%2C1-1.178-1.178l5-5a.833.833%2C0%2C0%2C1%2C1.407.752l-1.127%2C5.634%2C3.055-3.053a.833.833%2C0%2C0%2C1%2C1.2%2C1.158l-.02.02-5%2C5A.833.833%2C0%2C0%2C1%2C174.982%2C52.686Z%22%20transform%3D%22translate(-170.827%20-42.688)%22%20fill%3D%22%23fafafa%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54094%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054094%22%20d%3D%22M248.678%2C126.52a.833.833%2C0%2C0%2C1-.59-.243l-2.5-2.5a.833.833%2C0%2C0%2C1%2C0-1.178l5-5a.833.833%2C0%2C0%2C1%2C1.178%2C0l2.5%2C2.5a.833.833%2C0%2C0%2C1-1.158%2C1.2l-.02-.02-1.91-1.911-3.821%2C3.821%2C1.91%2C1.91a.833.833%2C0%2C0%2C1-.588%2C1.423Z%22%20transform%3D%22translate(-239.523%20-111.522)%22%20fill%3D%22%23fafafa%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54095%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054095%22%20d%3D%22M279.963%2C152.807a.833.833%2C0%2C0%2C1-.59-.243l-1.667-1.667a.833.833%2C0%2C0%2C1%2C1.178-1.178l1.667%2C1.667a.833.833%2C0%2C0%2C1-.588%2C1.422Z%22%20transform%3D%22translate(-269.142%20-141.142)%22%20fill%3D%22%23fafafa%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_54096%22%20data-name%3D%22%E3%83%91%E3%82%B9%2054096%22%20d%3D%22M324.206%2C182.345a.833.833%2C0%2C0%2C1-.79-1.1l1.14-3.418-3.418%2C1.14a.843.843%2C0%2C0%2C1-.893-.245.833.833%2C0%2C0%2C1-.115-.918l3.333-6.666a.834.834%2C0%2C1%2C1%2C1.492.745h0l-2.433%2C4.866%2C3.091-1.03a.842.842%2C0%2C0%2C1%2C.853.2.833.833%2C0%2C0%2C1%2C.2.853l-1.03%2C3.09%2C4.866-2.433a.834.834%2C0%2C0%2C1%2C.745%2C1.492l-6.666%2C3.333A.833.833%2C0%2C0%2C1%2C324.206%2C182.345Z%22%20transform%3D%22translate(-308.385%20-160.681)%22%20fill%3D%22%23fafafa%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: center center;
  background-repeat: no-repeat;
}
@media (min-width: 0px) {
  .ico-new {
    width: 25px;
    height: 25px;
    background-size: 25px 25px;
  }
}
@media (min-width: 992px) {
  .ico-new {
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
  }
}

@media (min-width: 0px) {
  .ico-clock, .ico-clock-history {
    transform: scale(0.8);
  }
}
@media (min-width: 992px) {
  .ico-clock, .ico-clock-history {
    transform: scale(1);
  }
}
/* common
-------------------------------------------------------------- */
html {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  color: var(--base-txt-color1);
  scroll-behavior: smooth;
  overscroll-behavior-y: contain;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 0px) {
  html.noscroll {
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  html.noscroll {
    overflow: scroll;
  }
}

body {
  margin: 0 auto;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Arial", "Noto Sans JP", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
  background-color: var(--base-bg-color1);
  word-break: break-all;
  font-size: 16px;
  font-size: 1rem;
}

a {
  color: var(--base-txt-color1);
}
a:hover {
  color: var(--base-btn-color2);
  text-decoration: underline;
}
a:active {
  color: var(--base-btn-color2);
}

.custom-scrollbar {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.custom-scrollbar::-webkit-scrollbar {
  height: 12px;
  border-radius: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: linear-gradient(to right, #f2f2f2, #ffffff);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  border: 3px solid transparent;
  border-radius: 100px;
  background-color: rgba(226, 226, 226, 0.8862745098);
  background-clip: content-box;
  transition: background-color 0.1s linear;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--base-btn-color2);
}
.custom-scrollbar ul {
  flex-wrap: nowrap;
}

.btn-theme {
  margin: 0;
  padding: 1em 4em 1em 4em;
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 40px;
  text-decoration: none;
}
.btn-theme:hover {
  text-decoration: none;
}
.btn-theme__primary {
  background-color: var(--base-btn-color1);
}
.btn-theme__primary:hover {
  transition: opacity 0.2s ease-in;
  opacity: 0.9;
  color: #fff;
}
.btn-theme__secondary {
  background-color: var(--base-btn-color2);
}
.btn-theme__secondary:hover {
  transition: opacity 0.2s ease-in;
  opacity: 0.9;
  color: #fff;
}

.off-left {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: block;
}

.post-thumbnail img {
  max-width: 100%;
  width: 100%;
  height: 30em;
  object-fit: cover;
  object-position: 50% 50%;
}

/* picture-noimage */
.picture-noimage {
  position: relative;
  width: 100%;
  min-height: 100%;
  height: 100%;
  background-color: #f2f2f2;
}
.picture-solid {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
.picture-solid.icon {
  color: #ddd;
  position: absolute;
  width: 30px;
  height: 30px;
  border: solid 2px currentColor;
  background-color: currentColor;
}
.picture-solid.icon::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: white;
  border: solid 4px currentColor;
}
.picture-solid.icon::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 18px;
  width: 24px;
  height: 16px;
  color: white;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 0;
  box-sizing: border-box;
  background: transparent;
}

@media (min-width: 0px) {
  #main {
    margin: 0 auto;
    padding: 0;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  #main {
    margin: 0 auto;
    padding: 0;
    align-items: stretch;
  }
}
#main article.sticky {
  position: relative;
}
@media (min-width: 0px) {
  #main article.sticky::before {
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: var(--base-btn-color2);
    content: "★";
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
}
@media (min-width: 992px) {
  #main article.sticky::before {
    position: absolute;
    right: 10px;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: var(--base-btn-color2);
    content: "★";
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
  }
}
@media (min-width: 0px) {
  #main article.sticky::after {
    position: absolute;
    right: 10px;
    top: 40px;
    height: 0;
    width: 0;
    border-left: 20px solid var(--base-btn-color2);
    border-right: 20px solid var(--base-btn-color2);
    border-bottom: 10px solid transparent;
    display: block;
  }
}
@media (min-width: 992px) {
  #main article.sticky::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 40px;
    height: 0;
    width: 0;
    border-left: 20px solid var(--base-btn-color2);
    border-right: 20px solid var(--base-btn-color2);
    border-bottom: 10px solid transparent;
    display: block;
  }
}

@media (min-width: 0px) {
  #secondary {
    margin: 0 0 0 0;
    padding: 1em 1em 1em 1em;
    height: auto;
    background-color: #f2f2f2;
  }
}
@media (min-width: 992px) {
  #secondary {
    margin: 0;
    padding: 0;
    height: auto;
    background-color: transparent;
  }
}

/* カードタイプレイアウト
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .box-card-full {
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 auto 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card-full {
    width: 85%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 0 30px 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
  }
}

@media (min-width: 0px) {
  .box-card {
    max-width: 100%;
    min-width: 190px;
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 auto 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card {
    max-width: 260px;
    min-width: 260px;
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 10px 0 0;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-card:hover {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .box-card:hover {
    box-shadow: none;
  }
}
@media (min-width: 0px) {
  .box-card__image {
    position: relative;
    overflow: hidden;
    max-height: 120px;
  }
}
@media (min-width: 992px) {
  .box-card__image {
    position: relative;
    overflow: hidden;
    max-height: 120px;
  }
}
.box-card__image img {
  min-width: 100%;
  max-height: 120px;
  object-fit: cover;
  object-position: center center;
  transition: transform 0.2s ease;
  transform: scale(1);
}
@media (min-width: 0px) {
  .box-card__noimage {
    position: relative;
    overflow: hidden;
    height: 120px;
  }
}
@media (min-width: 992px) {
  .box-card__noimage {
    position: relative;
    overflow: hidden;
    height: 120px;
  }
}
@media (min-width: 0px) {
  .box-card__details {
    width: 100%;
    padding: 10px 0 0 0;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card__details {
    width: 100%;
    padding: 0 0 0 0;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-card__details-tit {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 992px) {
  .box-card__details-tit {
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.4;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 0px) {
  .box-card__details-tit a {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-card__details-tit a {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .box-card__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: #000;
  }
}
@media (min-width: 992px) {
  .box-card__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: #000;
  }
}
@media (min-width: 0px) {
  .box-card__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .box-card__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
  }
}
@media (min-width: 0px) {
  .box-card__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-card__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-card__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .box-card__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.box-card__extra-name .icon-avatar {
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
  border-radius: 32px;
  overflow: hidden;
}
.box-card__extra-name .icon-avatar img {
  object-position: 50% 50%;
  object-fit: cover;
}
@media (min-width: 0px) {
  .box-card__status {
    margin: 0 10px 10px 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-card__status {
    margin: 10px 10px 5px 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-card__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #aaa;
  }
}
@media (min-width: 992px) {
  .box-card__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    color: #aaa;
  }
}
@media (min-width: 0px) {
  .box-card__status-view {
    width: auto;
    height: 20px;
    margin: auto auto auto 0;
    padding: 6px 6px 6px 6px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.8;
    box-sizing: border-box;
    border: 1px solid var(--base-txt-color1);
    border-radius: 30px;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-card__status-view {
    width: auto;
    height: 20px;
    margin: auto auto auto 0;
    padding: 6px 6px 6px 6px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.8;
    box-sizing: border-box;
    border: 1px solid var(--base-txt-color1);
    border-radius: 30px;
    color: var(--base-txt-color1);
  }
}
.box-card__status-view .ico > * {
  border: 1px solid var(--base-txt-color1);
  color: var(--base-txt-color1);
}
.box-card__status-view .ico-view::before {
  border-color: var(--base-txt-color1);
}
@media (min-width: 0px) {
  .box-card__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-card__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-card__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-card__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}
@media (min-width: 992px) {
  .box-card__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-card__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}

/* リストタイプレイアウト
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .box-list {
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    margin: 0 auto 30px auto;
    padding: 10px 10px 10px 10px;
    overflow: hidden;
    border: 0px solid transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
    border-left: 5px solid var(--base-btn-color2);
  }
}
@media (min-width: 992px) {
  .box-list {
    width: 100%;
    height: auto;
    position: relative;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    margin: 0 auto 30px auto;
    padding: 0;
    overflow: hidden;
    border: 2px solid transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-list:hover {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .box-list:hover {
    box-shadow: none;
  }
}
.box-list:hover .post-thumbnail > img, .box-list:hover .picture-noimage {
  transition: transform 0.2s ease;
  transform: scale(1.1);
}
@media (min-width: 0px) {
  .box-list .entry-eye-catch {
    min-width: 90px;
    max-width: 90px;
  }
}
@media (min-width: 992px) {
  .box-list .entry-eye-catch {
    min-width: 280px;
    max-width: 280px;
  }
}
@media (min-width: 0px) {
  .box-list .entry-eye-catch .box-card__noimage {
    height: 90px;
  }
}
@media (min-width: 992px) {
  .box-list .entry-eye-catch .box-card__noimage {
    height: 100%;
  }
}
@media (min-width: 0px) {
  .box-list__image {
    position: relative;
    overflow: hidden;
    max-width: 90px;
    max-height: 90px;
  }
}
@media (min-width: 992px) {
  .box-list__image {
    position: relative;
    overflow: hidden;
    max-width: 280px;
    max-height: 245px;
  }
}
@media (min-width: 0px) {
  .box-list__image img {
    min-width: 100%;
    max-height: 90px;
    object-fit: cover;
    object-position: center center;
  }
}
@media (min-width: 992px) {
  .box-list__image img {
    min-width: 100%;
    max-height: 236px;
    object-fit: cover;
    object-position: center center;
    transition: transform 0.2s ease;
    transform: scale(1);
  }
}
@media (min-width: 0px) {
  .box-list__noimage {
    position: relative;
    overflow: hidden;
    height: 90px;
  }
}
@media (min-width: 992px) {
  .box-list__noimage {
    position: relative;
    overflow: hidden;
    height: 245px;
  }
}
@media (min-width: 0px) {
  .box-list__details {
    width: calc(100% - 90px);
    padding: 0px 0px 10px 20px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    order: 1;
  }
}
@media (min-width: 992px) {
  .box-list__details {
    width: calc(100% - 280px);
    padding: 20px 20px 0 20px;
    background-color: var(--base-bg-color1);
    box-sizing: border-box;
    order: 2;
  }
}
@media (min-width: 0px) {
  .box-list__details-tit {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-list__details-tit {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.4;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-list__details-tit a {
    text-decoration: none;
    font-weight: bold;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .box-list__details-tit a {
    text-decoration: none;
    font-weight: bold;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .box-list__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: #000;
  }
}
@media (min-width: 992px) {
  .box-list__details-tit h2 {
    text-decoration: none;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    display: inline-block;
    color: #000;
  }
}
@media (min-width: 0px) {
  .box-list__details-txt {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-list__details-txt {
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    display: block;
    box-sizing: border-box;
  }
}
.box-list__details .entry-meta {
  margin-bottom: 0;
}
@media (min-width: 0px) {
  .box-list__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
  }
  .box-list__extra::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    bottom: -7px;
  }
}
@media (min-width: 992px) {
  .box-list__extra {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
    position: relative;
  }
  .box-list__extra::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
    bottom: -7px;
  }
}
@media (min-width: 0px) {
  .box-list__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-list__extra-data {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-list__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media (min-width: 992px) {
  .box-list__extra-name {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.box-list__extra-name .icon-avatar {
  width: 32px;
  height: 32px;
  margin: 0 10px 0 0;
  border-radius: 32px;
  overflow: hidden;
}
.box-list__extra-name .icon-avatar img {
  object-position: 50% 50%;
  object-fit: cover;
}
@media (min-width: 0px) {
  .box-list__status {
    margin: 0 10px 10px 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 992px) {
  .box-list__status {
    margin: 10px 10px 10px 0;
    padding: 0;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media (min-width: 0px) {
  .box-list__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #aaa;
  }
}
@media (min-width: 992px) {
  .box-list__status-time {
    width: auto;
    margin: 0 5px 0 0;
    padding: 0;
    display: inline-block;
    font-size: 13px;
    font-size: 0.8125rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #aaa;
  }
}
@media (min-width: 0px) {
  .box-list__status-view {
    width: auto;
    height: 20px;
    margin: 0 auto 0 0;
    padding: 6px 10px 6px 10px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.8;
    box-sizing: border-box;
    border: 1px solid var(--base-txt-color1);
    border-radius: 30px;
    color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .box-list__status-view {
    width: auto;
    height: 20px;
    margin: 0 0 0 auto;
    padding: 6px 10px 6px 10px;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.8;
    box-sizing: border-box;
    border: 1px solid var(--base-txt-color1);
    border-radius: 30px;
    color: var(--base-txt-color1);
  }
}
.box-list__status-view .ico > * {
  border: 1px solid var(--base-txt-color1);
  color: var(--base-txt-color1);
}
.box-list__status-view .ico-view::before {
  border-color: var(--base-txt-color1);
}
@media (min-width: 0px) {
  .box-list__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .box-list__read_more {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-align: right;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .box-list__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-list__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}
@media (min-width: 992px) {
  .box-list__read_more a {
    padding-right: 0;
    padding-left: 40px;
    position: relative;
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    color: var(--base-txt-color1);
  }
  .box-list__read_more a::before {
    position: absolute;
    content: "";
    background-color: var(--base-txt-color1);
    margin: auto;
    width: 100%;
    height: 1px;
    top: 0;
    left: 0;
    bottom: 0;
    transform: scaleX(0.2);
    transform-origin: left center;
    animation: read-more-anim;
    animation-fill-mode: forwards;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.6, 0.01, 0, 1);
  }
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #ddd;
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.skip-link.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
  background-color: #f2f2f2;
  border: 1px solid #21759b;
  border-radius: 3px;
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.screen-reader-text.menu-close {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  background-color: transparent;
  border: 1px solid #000;
  bottom: 5px;
  display: none;
}
.screen-reader-text.menu-close:focus {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 5px;
  clip: auto !important;
  clip-path: none;
  color: #000;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: 35px;
  line-height: normal;
  padding: 5px 15px;
  text-decoration: none;
  bottom: -30px;
  width: auto;
  z-index: 100000;
  display: none;
}

h2.screen-reader-text {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  background-color: #F8F9FA;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 30px;
}

/* 親子カテゴリー（widget）
-------------------------------------------------------------- */
@media (min-width: 992px) {
  .widget-catelist {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .widget-catelist__item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .widget-catelist__item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .widget-catelist__item-parent {
    margin: 0;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #ddd;
  }
}
@media (min-width: 992px) {
  .widget-catelist__item-parent {
    margin: 0;
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #ddd;
  }
}
.widget-catelist__item-parent::after {
  margin: auto 0 auto 4px;
  padding: 0;
  content: attr(data-count);
  display: block;
  white-space: nowrap;
  font-weight: normal;
  box-sizing: border-box;
  opacity: 0.7;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 0px) {
  .widget-catelist__item-child {
    margin: 5px 0 5px 10px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .widget-catelist__item-child {
    margin: 5px 0 5px 10px;
    padding: 0;
  }
}
.widget-catelist__item-child::after {
  margin: auto 0 auto 4px;
  padding: 0;
  content: attr(data-count);
  display: block;
  white-space: nowrap;
  font-weight: normal;
  box-sizing: border-box;
  opacity: 0.7;
  font-size: 14px;
  font-size: 0.875rem;
}
@media (min-width: 992px) {
  .widget-catelist__item-link {
    margin: 0;
    padding: 2px 2px 2px 2px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}

/* おすすめタグ一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-tag {
    margin: 30px auto 50px auto;
    padding: 0 10px 30px 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-tag {
    margin: 30px auto 50px auto;
    padding: 0 0 30px 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output {
    margin: 0 auto 20px auto;
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output {
    margin: 0 0 20px 20px;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output-item {
    position: relative;
    margin: 0 auto 10px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output-item {
    position: relative;
    margin: 0 10px 10px 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .pickup-tag__output-link {
    margin: 0;
    padding: 5px 5px 5px 5px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    border: 1px solid #6246ea;
    text-decoration: none;
    border-radius: 2px;
    color: #6246ea;
  }
}
@media (min-width: 992px) {
  .pickup-tag__output-link {
    margin: 0;
    padding: 5px 5px 5px 5px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    border: 1px solid #6246ea;
    text-decoration: none;
    border-radius: 2px;
    color: #6246ea;
  }
}
.pickup-tag__output-link:hover {
  text-decoration: none;
  background-color: #6246ea;
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
  color: #fff;
}
.pickup-tag__output-link::before {
  content: "#";
}

/* どのような記事を読みたいですか一覧
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pickup-assist {
    margin: 30px auto 50px auto;
    padding: 0 10px 30px 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-assist {
    margin: 30px auto 50px auto;
    padding: 0 0 30px 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output {
    margin: 0 auto 20px auto;
    padding: 0 0 0 10px;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output {
    margin: 0 0 20px 20px;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output-item {
    position: relative;
    margin: 0 auto 10px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-item {
    position: relative;
    margin: 0 10px 10px 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .pickup-assist__output-link {
    margin: 0;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    background-color: white;
    text-decoration: none;
    border-radius: 2px;
    color: #6246ea;
    border: 1px solid #6246ea;
    display: block;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-link {
    margin: 0;
    padding: 10px 30px 10px 30px;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    line-height: 1.2;
    word-break: nowrap;
    white-space: nowrap;
    background-color: white;
    text-decoration: none;
    border-radius: 2px;
    color: #6246ea;
    border: 1px solid #6246ea;
    display: block;
  }
}
.pickup-assist__output-link:hover {
  text-decoration: none;
  background-color: #6246ea;
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
  color: #fff;
}
.pickup-assist__output-link:hover span {
  color: #fff;
}
@media (min-width: 0px) {
  .pickup-assist__output-link .count {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    color: #2b2c34;
  }
}
@media (min-width: 992px) {
  .pickup-assist__output-link .count {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    display: block;
    color: #2b2c34;
  }
}

/* プロモーションエリア
-------------------------------------------------------------- */
.widget-promoarea ul {
  margin: 0 20px 0 20px;
  list-style: square inside;
}
.widget-promoarea ul li {
  margin-bottom: 5px;
}
.widget-promoarea .sampleimg {
  position: relative;
  max-width: 90%;
  width: 100%;
  height: 220px;
  background-color: #f2f2f2;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}
.widget-promoarea .sampleimg::before {
  content: "SampleImg";
}
.widget-promoarea img {
  max-width: 90%;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0 auto 0 auto;
  display: block;
}

/* コメント欄
-------------------------------------------------------------- */
.comments-area {
  border-top: 2px solid #333;
  margin: 30px auto 30px auto;
  padding: 20px 0 0 0;
}
.comments-area .form-submit {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
  padding: 15px 30px 15px 30px;
  display: block;
  border: none;
  border-radius: 30px;
  box-sizing: border-box;
}
.comments-area .comment-reply-title {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
.comments-area .comment-form input:not([type=checkbox]) {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 10px 10px 10px 10px;
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}
.comments-area .comment-form textarea {
  width: 100%;
  min-height: 150px;
  margin: 0;
  padding: 10px 10px 10px 10px;
  border: 2px solid #ddd;
  border-radius: 4px;
  box-sizing: border-box;
}
.comments-area .comment-form p {
  margin: 0 auto 20px auto;
  padding: 10px 10px 10px 10px;
}
.comments-area .comment-form label {
  margin: 0 0 5px 0;
  padding: 0;
  display: block;
  font-weight: bold;
}
.comments-area .comment-form-cookies-consent label {
  display: inline;
}

/* custom-footer
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .custom-footer {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
  }
}
@media (min-width: 992px) {
  .custom-footer {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: transparent;
  }
}
.custom-footer .customize-partial-edit-shortcut-button {
  left: 10%;
}
@media (min-width: 0px) {
  .custom-footer__container {
    position: relative;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
  }
  .custom-footer__container:after {
    width: 100%;
    height: 1px;
    margin: 30px auto 0 auto;
    padding: 0;
    background-color: var(--base-bg-color1);
    content: "";
    display: block;
    opacity: 0.3;
  }
}
@media (min-width: 992px) {
  .custom-footer__container {
    position: relative;
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0;
    box-sizing: border-box;
    text-align: center;
  }
  .custom-footer__container:after {
    width: 100%;
    height: 1px;
    margin: 30px auto 0 auto;
    padding: 0;
    background-color: var(--base-bg-color1);
    content: "";
    display: block;
    opacity: 0.3;
  }
}

/* PDFダウンロード（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .download-page {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .download-page {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .download-page__container {
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }
}
@media (min-width: 992px) {
  .download-page__container {
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }
}
@media (min-width: 0px) {
  .download-page__thumb {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .download-page__thumb {
    max-width: 300px;
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .download-page__thumb-img {
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .download-page__thumb-img {
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 0px) {
  .download-page__tit {
    margin: 0 auto 20px auto;
    padding: 0;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: bold;
    text-align: center;
    color: #2b2c34;
  }
}
@media (min-width: 992px) {
  .download-page__tit {
    margin: 0 auto 20px auto;
    padding: 0;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: bold;
    text-align: center;
    color: #2b2c34;
  }
}
@media (min-width: 0px) {
  .download-page__tit-small {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 992px) {
  .download-page__tit-small {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media (min-width: 0px) {
  .download-page__textwrap {
    margin: 0 auto 40px auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.6;
    color: #2b2c34;
  }
}
@media (min-width: 992px) {
  .download-page__textwrap {
    margin: 0 auto 40px auto;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    text-align: center;
    line-height: 1.6;
    color: #2b2c34;
  }
}
@media (min-width: 0px) {
  .download-page__btngroup {
    margin: 0 auto 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .download-page__btngroup {
    margin: 0 auto 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* メルマガ登録バナー（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .mail-magazine {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .mail-magazine {
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .mail-magazine__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .mail-magazine__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .mail-magazine #default-link {
    position: relative;
    width: 100%;
    height: 100px;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: var(--base-btn-color1);
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    border-radius: 0.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: #fff;
  }
}
@media (min-width: 992px) {
  .mail-magazine #default-link {
    position: relative;
    width: 100%;
    height: 100px;
    display: block;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background: var(--base-btn-color1);
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    border-radius: 0.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: #fff;
  }
}
.mail-magazine #default-link:hover {
  transition: opacity 0.2s ease-in-out;
  opacity: 0.7;
  text-decoration: none;
}
@media (min-width: 0px) {
  .mail-magazine #default-link .tit-wrap {
    position: relative;
    z-index: 2;
    margin: auto 2rem auto 2rem;
    padding: 0;
    display: block;
    text-decoration: none;
    background: var(--base-btn-color1);
  }
}
@media (min-width: 992px) {
  .mail-magazine #default-link .tit-wrap {
    position: relative;
    z-index: 2;
    margin: auto 2rem auto 2rem;
    padding: 0;
    display: block;
    text-decoration: none;
    background: var(--base-btn-color1);
  }
}
@media (min-width: 0px) {
  .mail-magazine #default-link .en {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
  }
}
@media (min-width: 992px) {
  .mail-magazine #default-link .en {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 100;
    text-transform: uppercase;
    display: block;
  }
}
.mail-magazine #default-link::before {
  content: "";
  width: 16px;
  height: 16px;
  border-top: solid 3px var(--base-bg-color1);
  border-right: solid 3px var(--base-bg-color1);
  transform: rotate(45deg);
  position: absolute;
  right: 18px;
}

/* リンク集（ブックマーク）（widget）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .custom-bookmark {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .custom-bookmark {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .custom-bookmark a {
    margin: 0 0 2px 0;
    padding: 10px 10px 10px 10px;
    background-color: var(--base-btn-color1);
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #fff;
    box-sizing: border-box;
    display: block;
  }
}
@media (min-width: 992px) {
  .custom-bookmark a {
    margin: 0 0 2px 0;
    padding: 10px 10px 10px 10px;
    background-color: #f2f2f2;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    color: #333;
    box-sizing: border-box;
    display: block;
  }
}
.custom-bookmark a:hover {
  background-color: #ddd;
  transition: background-color 0.2s ease-in;
  text-decoration: none;
  color: #111;
}

/* サイドバー（sidebar）
-------------------------------------------------------------- */
.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  right: 0;
  border-top: 1px solid var(--base-bg-color1);
}
@media (min-width: 0px) {
  .sidebar-page-list {
    margin: 0 auto 30px auto;
    padding: 0;
    list-style: none;
  }
}
@media (min-width: 992px) {
  .sidebar-page-list {
    margin: 20px auto 30px auto;
    padding: 0;
    list-style: none;
  }
}
@media (min-width: 0px) {
  .sidebar-page-list li {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .sidebar-page-list li {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .sidebar-page-list a {
    margin: 0;
    padding: 10px 0 10px 0;
    text-decoration: none;
    display: block;
  }
}
@media (min-width: 992px) {
  .sidebar-page-list a {
    margin: 0;
    padding: 10px 0 10px 0;
    text-decoration: none;
    display: block;
  }
}

@media (min-width: 0px) {
  .admin-bar {
    margin-top: -46px;
  }
}
@media (min-width: 992px) {
  .admin-bar {
    margin-top: 0;
  }
}
@media (min-width: 0px) {
  .admin-bar .wrapper {
    padding-top: 46px;
  }
}
@media (min-width: 992px) {
  .admin-bar .wrapper {
    padding-top: 0;
  }
}

.wp-temp {
  position: fixed;
  left: 0;
  bottom: 0;
  width: auto;
  background-color: #eee;
  display: inline-block;
  margin: 0;
  padding: 10px 10px 10px 10px;
  color: #333;
}

.custom-width {
  width: 100%;
  max-width: var(--custom-width, 980px);
}

/* SP menu
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .sp-menu {
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    z-index: 10;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--base-bg-color1);
  }
}
@media (min-width: 992px) {
  .sp-menu {
    display: none;
  }
}
.sp-menu .icon-menu {
  width: 22px;
  height: 7px;
  display: block;
  margin: 0 auto;
  padding: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%227%22%20viewBox%3D%220%200%2022%207%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6152%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206152%22%20transform%3D%22translate(-307%20-21)%22%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_481%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20481%22%20width%3D%2222%22%20height%3D%222%22%20transform%3D%22translate(307%2021)%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_482%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20482%22%20width%3D%2222%22%20height%3D%222%22%20transform%3D%22translate(307%2026)%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background: no-repeat center center 100% auto;
}
.sp-menu.is_active .icon-menu {
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22enable-background%3Anew%200%200%20512%20512%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23000000%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22512%2C52.535%20459.467%2C0.002%20256.002%2C203.462%2052.538%2C0.002%200%2C52.535%20203.47%2C256.005%200%2C459.465%2052.533%2C511.998%20256.002%2C308.527%20459.467%2C511.998%20512%2C459.475%20308.536%2C256.005%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.sp-chk {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

@media (min-width: 0px) {
  input[type=checkbox]:checked ~ .gnavi-wrap > .gnavi-btn {
    position: absolute;
    top: 1px;
    height: auto;
    z-index: 99999;
    opacity: 1;
    visibility: visible;
    transition: top 0.2s ease-in-out, height 0.2s ease-in-out, visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;
  }
}
@media (min-width: 992px) {
  input[type=checkbox]:checked ~ .gnavi-wrap > .gnavi-btn {
    height: 0;
    opacity: 0;
    visibility: hidden;
  }
}

/* header
-------------------------------------------------------------- */
/* content
-------------------------------------------------------------- */
/* slider
-------------------------------------------------------------- */
/* modal&floating
-------------------------------------------------------------- */
.custom-modal__box {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -9999;
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  visibility: hidden;
  transition: background-color 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in;
}
.custom-modal__box.is_active {
  transition: background-color 0.2s ease-in, opacity 0.2s ease-in, visibility 0.2s ease-in;
  opacity: 1;
  z-index: 9999;
  visibility: visible;
}
.custom-modal__box-link {
  margin: 0;
  padding: 0;
  display: block;
  transition: opacity 0.2s ease-in;
}
.custom-modal__box-link:hover {
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
}
.custom-modal__box-close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
}
.custom-modal__container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  background-color: #fff;
}

.custom-floating__box {
  position: fixed;
  z-index: 10;
  left: 10px;
  bottom: 10px;
  transform: translateX(-120%);
  width: auto;
  height: auto;
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.custom-floating__box.is_active {
  transition: transform 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transform: translateX(0%);
}
.custom-floating__box-link {
  margin: 0;
  padding: 0;
  display: block;
  transition: opacity 0.2s ease-in;
}
.custom-floating__box-link:hover {
  transition: opacity 0.2s ease-in;
  opacity: 0.8;
}
.custom-floating__box-close {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 2;
}

/* widget
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .widget {
    margin: 0 auto 0 auto;
    padding: 2em 1em 2em 1em;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 992px) {
  .widget {
    margin: 0 auto 0 auto;
    padding: 0px 1em 2em 1em;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 0px) {
  .widget-area {
    margin: 0 auto 0 auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .widget-area {
    margin: 0 auto 0 auto;
    padding: 0;
  }
}
.widget select {
  max-width: 100%;
}
.widget:last-child {
  margin-bottom: 0px;
}
.widget .textwidget img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
@media (min-width: 0px) {
  .widget__title {
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #424242;
    border-bottom: 2px solid #ddd;
  }
}
@media (min-width: 992px) {
  .widget__title {
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #424242;
    border-bottom: 2px solid #ddd;
  }
}
@media (min-width: 0px) {
  .widget ul {
    list-style: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
@media (min-width: 992px) {
  .widget ul {
    list-style: none;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
.widget ul li.cat-item {
  margin: 0 0 10px 0;
  padding: 0;
}
.widget ul li:last-of-type {
  margin-bottom: 0;
}
.widget ul ul {
  padding-left: 15px;
}
.widget ul ul ul {
  padding-left: 5px;
}
.widget table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.widget table th {
  background-color: #ddd;
  padding: 5px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.widget table td {
  padding: 5px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.widget.widget_rss li {
  margin-bottom: 30px;
}
.widget.widget_rss .rssSummary {
  font-size: 95%;
  padding-top: 10px;
}
.widget.widget_rss cite {
  padding-top: 10px;
  display: inline-block;
  font-weight: 700;
}
.widget.widget_rss a.rsswidget {
  font-size: 110%;
}
.widget.widget_rss .rss-date {
  font-size: 80%;
}
@media (min-width: 0px) {
  .widget__error-text {
    width: 100%;
    margin: 0 auto;
    padding: 5px 10px 5px 10px;
    border: 1px solid var(--base-btn-color2);
    color: var(--base-btn-color2);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    box-sizing: border-box;
    display: block;
    text-align: center;
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .widget__error-text {
    width: 100%;
    margin: 0 auto;
    padding: 5px 10px 5px 10px;
    border: 1px solid var(--base-btn-color2);
    color: var(--base-btn-color2);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    box-sizing: border-box;
    display: block;
    text-align: center;
    border-radius: 4px;
  }
}

/* page（Column）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .front-area {
    margin: 0 auto;
    padding: 0px 0 20px 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .front-area {
    margin: 0 auto;
    padding: 0px 0 40px 0;
    box-sizing: border-box;
  }
}

@media (min-width: 0px) {
  .single-area {
    margin: 0 auto;
    padding: 40px 0 20px 0;
  }
}
@media (min-width: 992px) {
  .single-area {
    margin: 0 auto;
    padding: 40px 0 40px 0;
  }
}

/*category-base*/
@media (min-width: 0px) {
  .category-base {
    margin: 0 auto 30px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .category-base {
    margin: 0 auto 30px auto;
    padding: 0;
  }
}

/*error-base*/
@media (min-width: 0px) {
  .error-base {
    margin: 0 auto 30px auto;
    padding: 0;
    min-height: auto;
  }
}
@media (min-width: 992px) {
  .error-base {
    margin: 0 auto 30px auto;
    padding: 0;
    min-height: 500px;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .error-base .page__header {
    margin: 40px auto 0 auto;
    text-align: center;
    border-bottom: none;
  }
}
@media (min-width: 992px) {
  .error-base .page__header {
    margin: 40px auto 0 auto;
    text-align: center;
    border-bottom: none;
  }
}
@media (min-width: 0px) {
  .error-base .page__header-tit {
    margin: 0 auto 20px auto;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .error-base .page__header-tit {
    margin: 0 auto 20px auto;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .error-base .page__header-tit img {
    max-width: 141px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
@media (min-width: 992px) {
  .error-base .page__header-tit img {
    max-width: 234px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
@media (min-width: 0px) {
  .error-base .page__header-txt {
    margin: 0 auto 0px auto;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .error-base .page__header-txt {
    margin: 0 auto 0px auto;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .error-base__body {
    max-width: 335px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .error-base__body {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 0 60px 0;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .error-base__body .search-form {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .error-base__body .search-form {
    margin-bottom: 30px;
  }
}

/*search-base*/
@media (min-width: 0px) {
  .search-base {
    margin: 0 auto 30px auto;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .search-base {
    margin: 0 auto 30px auto;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .search-base__body {
    margin: 0 auto;
    padding: 30px 0 30px 0;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .search-base__body {
    margin: 0 auto;
    padding: 30px 0 30px 0;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .search-base__no-result {
    margin: 0 auto;
    padding: 30px 0 30px 0;
  }
}
@media (min-width: 992px) {
  .search-base__no-result {
    margin: 0 auto;
    padding: 30px 0 30px 0;
  }
}
@media (min-width: 0px) {
  .search-base__no-result-wrap {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .search-base__no-result-wrap {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media (min-width: 0px) {
  .search-base__no-result-txt {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    text-align: center;
  }
}
@media (min-width: 992px) {
  .search-base__no-result-txt {
    margin: 0 auto 30px auto;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    color: var(--base-txt-color1);
    text-align: center;
  }
}

/*page*/
@media (min-width: 0px) {
  .page-template-default {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .page-template-default {
    max-width: 100%;
  }
}
@media (min-width: 0px) {
  .page-template-default .post-content {
    max-width: 335px;
    margin: 0 auto 0 auto;
  }
}
@media (min-width: 992px) {
  .page-template-default .post-content {
    max-width: 100%;
    margin: 0;
  }
}

/* page（Parts）
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .page__header {
    margin: 0 auto;
    padding: 40px 20px 40px 20px;
    background: linear-gradient(-180deg, #d1d1e9, #ffffff);
  }
}
@media (min-width: 992px) {
  .page__header {
    margin: 0 auto;
    padding: 60px 30px 60px 30px;
    background: linear-gradient(-180deg, #d1d1e9, #ffffff);
  }
}
@media (min-width: 0px) {
  .page__header-tit {
    margin: 0 auto;
    padding: 0;
    font-size: 30px;
    font-size: 1.875rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .page__header-tit {
    margin: 0 auto;
    padding: 0;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
  }
}
@media (min-width: 0px) {
  .page__header-txt {
    margin: 10px auto 0 auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .page__header-txt {
    margin: 10px auto 0 auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    text-align: center;
  }
}

/* search widget
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .search-form {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .search-form {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
.search-form label {
  width: 100%;
}
.search-form label .screen-reader-text {
  position: absolute;
  left: 0;
  visibility: hidden;
}
.search-field {
  width: 100%;
  height: 50px;
  margin: 0;
  padding: 0 20px 0 20px;
  border-radius: 4px;
  outline: 0;
  background: var(--base-bg-color1);
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  font-size: 16px;
  font-size: 1rem;
}
.search-field::placeholder {
  color: #ccc;
}
.search-field:focus {
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  background-color: #fff;
  box-shadow: 0px 3px 6px rgba(var(--base-txt-color1), 0.15) inset;
  color: #333;
}
.search-submit {
  width: 52px;
  height: 52px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-color: var(--base-btn-color2);
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
}

/* pagination
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .pagination {
    margin: 0 auto 40px auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none;
  }
}
@media (min-width: 992px) {
  .pagination {
    margin: 30px auto 40px auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    list-style: none;
  }
}
@media (min-width: 0px) {
  .pagination-spacer {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .pagination-spacer {
    height: 70px;
  }
}
@media (min-width: 0px) {
  .pagination .page-item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .pagination .page-item {
    margin: 0;
    padding: 0;
  }
}
@media (min-width: 0px) {
  .pagination .page-item.active .page-link {
    background-color: var(--base-btn-color2);
    border-color: var(--base-btn-color2);
    color: #fff;
  }
}
@media (min-width: 992px) {
  .pagination .page-item.active .page-link {
    background-color: var(--base-btn-color2);
    border-color: var(--base-btn-color2);
    color: #fff;
  }
}
@media (min-width: 0px) {
  .pagination .page-link {
    padding: 8px 10px 8px 10px;
    background-color: var(--base-bg-color1);
    border-color: #f2f2f2;
    text-decoration: none;
    color: var(--base-btn-color2);
  }
}
@media (min-width: 992px) {
  .pagination .page-link {
    background-color: var(--base-bg-color1);
    border-color: #f2f2f2;
    text-decoration: none;
    color: var(--base-btn-color2);
  }
}
.pagination .page-link:hover {
  background-color: var(--base-btn-color2);
  border-color: var(--base-btn-color2);
  color: #fff;
}

/* post-navigation
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .post-navigation {
    margin: 0 auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .post-navigation {
    margin: 0 auto 50px auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-links {
    width: calc(100% - 2em);
    margin: 30px auto 30px auto;
    padding: 0 10px 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-links {
    width: calc(100% - 2em);
    margin: 30px auto 30px auto;
    padding: 0 10px 0 10px;
    font-size: 14px;
    font-size: 0.875rem;
    text-decoration: none;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-links a {
    width: 100%;
    height: 100%;
    margin: 0 auto 10px auto;
    padding: 5px 15px 5px 15px;
    display: block;
    background-color: var(--base-bg-color1);
    text-decoration: none;
    color: var(--base-btn-color2);
    border-radius: 30px;
    border: 1px solid var(--base-btn-color2);
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-links a {
    width: calc(100% - 2em);
    height: 100%;
    margin: 0 auto auto auto;
    padding: 5px 15px 5px 15px;
    display: block;
    background-color: var(--base-bg-color1);
    text-decoration: none;
    color: var(--base-btn-color2);
    border-radius: 30px;
    border: 1px solid var(--base-btn-color2);
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
.post-navigation .nav-links a:hover {
  background-color: var(--base-btn-color2);
  color: #fff;
  transition: background-color 0.2s ease-in-out;
}
@media (min-width: 0px) {
  .post-navigation .nav-previous {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-previous {
    max-width: 50%;
    width: 100%;
    margin: 0 0 0 auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-previous a {
    margin: 0;
    padding: 14px 0 14px 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-previous a {
    margin: 0;
    padding: 14px 14px 14px 14px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-next {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-next {
    max-width: 50%;
    width: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    display: block;
  }
}
@media (min-width: 0px) {
  .post-navigation .nav-next a {
    margin: 0;
    padding: 14px 0 14px 0;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .post-navigation .nav-next a {
    margin: 0;
    padding: 14px 14px 14px 14px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.4;
    box-sizing: border-box;
  }
}

/* posts-navigation
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .posts-navi {
    margin: 50px auto 50px auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .posts-navi {
    margin: 0 auto 50px auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .posts-navi__col {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .posts-navi__col {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .posts-navi__inner {
    width: 100%;
    margin: 0;
    padding: 0 0px 0 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .posts-navi__inner {
    width: 100%;
    margin: 0;
    padding: 20px 0px 20px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .posts-navi__title {
    width: 100%;
    margin: 10px 0 0 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: normal;
    order: 2;
    display: block;
  }
}
@media (min-width: 992px) {
  .posts-navi__title {
    width: calc(100% - 100px);
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    order: 1;
  }
}
@media (min-width: 0px) {
  .posts-navi__title-date {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: bold;
    color: #aaa;
  }
}
@media (min-width: 992px) {
  .posts-navi__title-date {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    color: #aaa;
  }
}
@media (min-width: 0px) {
  .posts-navi__button {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--base-btn-color2);
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .posts-navi__button {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: var(--base-btn-color2);
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 0px) {
  .posts-navi__links {
    margin: 0;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    text-decoration: none;
  }
}
@media (min-width: 992px) {
  .posts-navi__links {
    margin: 0;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    text-decoration: none;
  }
}
.posts-navi__links:hover {
  text-decoration: none;
  transition: color 0.2s ease-in;
}
.posts-navi__links:hover img {
  transform: scale(1.1);
  transition: transform 0.2s ease-in;
}
@media (min-width: 0px) {
  .posts-navi__thumb {
    width: 100px;
    height: 70px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .posts-navi__thumb {
    width: 100px;
    height: 70px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
  }
}
@media (min-width: 0px) {
  .posts-navi__thumb img {
    width: 100px;
    height: 70px;
    object-fit: cover;
  }
}
@media (min-width: 992px) {
  .posts-navi__thumb img {
    width: 100px;
    height: 70px;
    object-fit: cover;
  }
}
@media (min-width: 0px) {
  .posts-navi__category {
    margin: 5px 0 0 0;
    padding: 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2;
    color: var(--base-btn-color2);
  }
}
@media (min-width: 992px) {
  .posts-navi__category {
    margin: 5px 0 0 0;
    padding: 0;
    display: block;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.2;
    color: var(--base-btn-color2);
  }
}
@media (min-width: 0px) {
  .posts-navi__prev {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev {
    position: relative;
    height: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    padding-left: 50px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-inner {
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-inner {
    padding-right: 20px;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-btn {
    left: 0;
    top: 10px;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-btn {
    left: 0;
    top: 30px;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-btn .txt {
    position: absolute;
    z-index: -1;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-btn .txt {
    position: absolute;
    z-index: -1;
  }
}
.posts-navi__prev-btn .icon-arrow::before {
  content: "←";
  display: inline-block;
}
@media (min-width: 0px) {
  .posts-navi__prev-link {
    padding: 10px 10px 10px 0;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-link {
    padding: 10px 10px 10px 0;
  }
}
@media (min-width: 0px) {
  .posts-navi__prev-thumb {
    margin: 0 0 0 0;
    order: 0;
  }
}
@media (min-width: 992px) {
  .posts-navi__prev-thumb {
    margin: 0 20px 0 0;
    order: 1;
  }
}
@media (min-width: 0px) {
  .posts-navi__next {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-right: 0px;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .posts-navi__next {
    position: relative;
    height: 100%;
    margin: 0 0 0 auto;
    padding: 0;
    padding-right: 50px;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-inner {
    padding-left: 0px;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-inner {
    padding-left: 20px;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-btn {
    right: 0;
    top: 10px;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-btn {
    right: 0;
    top: 30px;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-btn .txt {
    position: absolute;
    z-index: -1;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-btn .txt {
    position: absolute;
    z-index: -1;
  }
}
.posts-navi__next-btn .icon-arrow::before {
  content: "→";
  display: inline-block;
}
@media (min-width: 0px) {
  .posts-navi__next-link {
    padding: 10px 0 10px 10px;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-link {
    padding: 10px 0 10px 10px;
  }
}
@media (min-width: 0px) {
  .posts-navi__next-thumb {
    order: 0;
    margin: 0 0 0 0;
  }
}
@media (min-width: 992px) {
  .posts-navi__next-thumb {
    order: 1;
    margin: 0 0 0 20px;
  }
}

/* pagetop
-------------------------------------------------------------- */
.pagetop {
  transition: opacity 1s;
  visibility: hidden;
  opacity: 0;
}

.pagetop.is-fadein {
  visibility: visible;
  opacity: 1;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .pagetop {
    visibility: visible;
  }
}
.arrow {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 9999;
  color: var(--base-bg-color1);
  cursor: pointer;
  background-color: var(--base-btn-color2);
  border-radius: 50%;
  width: 54px;
  height: 54px;
  padding: 0;
  transition: all 0.2s ease-in-out;
  display: block;
}
.arrow:hover {
  opacity: 0.8;
  bottom: 15px;
  background-color: var(--base-btn-color2);
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.5);
}
.arrow:active {
  background-color: var(--base-txt-color1);
}
.arrow:before {
  content: "";
  width: 16px;
  height: 16px;
  border-top: solid 3px var(--base-bg-color1);
  border-right: solid 3px var(--base-bg-color1);
  transform: rotate(-45deg);
  position: absolute;
  left: 18px;
}
.arrow:before {
  top: 22px;
}

/* footer
-------------------------------------------------------------- */
@media (min-width: 0px) {
  .site-footer {
    margin: 0 auto;
    padding: 30px 0 0 0;
    background-color: var(--base-bg-color2);
  }
}
@media (min-width: 992px) {
  .site-footer {
    margin: 0 auto;
    padding: 20px 0 0 0;
    background-color: var(--base-bg-color2);
  }
}
@media (min-width: 0px) {
  .site-footer__widget-ct {
    max-width: 335px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .site-footer__widget-ct {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media (min-width: 0px) {
  .site-footer__container {
    padding: 0 1em 0 1em;
    display: block;
  }
}
@media (min-width: 992px) {
  .site-footer__container {
    padding: 0;
    display: contents;
  }
}
@media (min-width: 0px) {
  .site-footer .widget {
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
    margin: 0 auto 15px auto;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 992px) {
  .site-footer .widget {
    width: 100%;
    max-width: calc(50% - 1em);
    padding-top: 20px;
    margin: 0 auto 20px 0;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 992px) {
  .site-footer .widget {
    width: 100%;
    max-width: calc(25% - 1em);
    padding-top: 20px;
    margin: 0 auto 20px 0;
    box-sizing: border-box;
    background-color: var(--base-bg-color1);
    border-radius: 3px;
  }
}
@media (min-width: 0px) {
  .site-footer__copy {
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
    background-color: var(--base-txt-color1);
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.6;
    text-align: center;
    color: var(--base-bg-color1);
    display: block;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .site-footer__copy {
    margin: 0 auto 0 auto;
    padding: 15px 0 15px 0;
    background-color: var(--base-txt-color1);
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.6;
    color: var(--base-bg-color1);
    display: block;
    box-sizing: border-box;
  }
}
.site-footer__copy a {
  color: #fff;
}
@media (min-width: 0px) {
  .site-footer__navi {
    margin: 0 auto 0 auto;
    padding: 30px 0 30px 0;
    background-color: var(--base-txt-color1);
  }
}
@media (min-width: 992px) {
  .site-footer__navi {
    margin: 0 auto 0 auto;
    padding: 30px 0 30px 0;
    background-color: var(--base-txt-color1);
  }
}
@media (min-width: 0px) {
  .site-footer__navi-container {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 992px) {
  .site-footer__navi-container {
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }
}
@media (min-width: 0px) {
  .site-footer__navi ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-direction: column;
  }
}
@media (min-width: 992px) {
  .site-footer__navi ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    flex-direction: row;
  }
}
@media (min-width: 0px) {
  .site-footer__navi li {
    margin: 10px auto 10px auto;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1;
  }
}
@media (min-width: 992px) {
  .site-footer__navi li {
    margin: 0;
    padding: 0 10px 0 10px;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
  }
}
.site-footer__navi li a {
  color: #fff;
}
.site-footer__navi li a:hover {
  text-decoration: none;
}

/*justcms*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
[data-speed=flag] {
  opacity: 0;
}

[data-loaded=true] {
  -webkit-animation: fadeIn 5s both;
  animation: fadeIn 1s both;
}

/* SPドロワーメニューヘッダー
-------------------------------------------------------------- */
/* SP menu open */
.drawrnavi {
  position: fixed;
  left: 100%;
  top: 0px;
  z-index: 9999;
  width: 100%;
  height: 100%;
  padding: 0;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.drawrnavi__closebtn {
  position: absolute;
  left: 24px;
  top: 0;
  z-index: 2;
  width: 56px;
  height: 56px;
  margin: 0;
  padding: 0 0 0 24px;
  box-sizing: border-box;
  cursor: pointer;
  background: transparent;
}
.drawrnavi__closebtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: 16px;
  height: 2px;
  background-color: #fff;
}
.drawrnavi__closebtn span:nth-of-type(1) {
  top: 20px;
  left: 16px;
  transform: translateY(6px) rotate(-45deg);
  width: 40%;
}
.drawrnavi__closebtn span:nth-of-type(2) {
  top: 32px;
  left: 16px;
  transform: translateY(-6px) rotate(45deg);
  width: 40%;
}
.drawrnavi-bg {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.6);
}
.drawrnavi__navi {
  position: fixed;
  left: 0px;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: " ";
  background-color: #F4F7FF;
  visibility: hidden;
  transform: translateX(100%);
  transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.drawrnavi__header {
  width: calc(100% - 80px);
  height: 56px;
  margin: 0;
  padding: 0 0 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  border-bottom: 1px solid #E8EBF4;
  background-color: #fff;
}
.drawrnavi__header a:not(.gnavi-custom__btn-option) {
  position: relative;
  width: auto;
  height: 36px;
  margin: auto 0 auto 0;
  padding: 0;
  overflow: hidden;
}
.drawrnavi__header a:not(.gnavi-custom__btn-option) img {
  width: auto;
  height: 36px;
  object-fit: cover;
}
.drawrnavi-frame {
  margin: 0;
  padding: 0 0 100px 0;
  height: calc(100vh - 100px);
  overflow-y: scroll;
}
.drawrnavi-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.drawrnavi-item {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border-bottom: 1px solid #E8EBF4;
}
.drawrnavi-item.menu-item-has-children {
  border-bottom: none;
}
.drawrnavi-item .sub-menu {
  display: block !important;
  visibility: visible;
  opacity: 1;
  z-index: 999;
  width: 100%;
  height: auto;
  list-style: none;
  border: none;
}
.drawrnavi-item .sub-menu .menu-item {
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 14px;
  border-bottom: 1px solid #e8ebf4;
}
.drawrnavi-item .sub-menu:first-of-type {
  border-top: 1px solid #e8ebf4;
}
.drawrnavi-item .sub-menu:last-of-type {
  border-bottom: none;
}
.drawrnavi-textlink {
  position: relative;
  width: calc(100% - 80px);
  height: 100%;
  margin: 0;
  padding: 0 0 0 20px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 56px;
  letter-spacing: 1px;
  box-sizing: border-box;
  text-decoration: none;
  color: #000;
}
.drawrnavi-textlink.disabled {
  position: relative;
  pointer-events: none;
}
.drawrnavi-textlink.disabled::after {
  display: none;
}
.drawrnavi-textlink.disabled::before {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  content: " ";
}
.drawrnavi-textlink.disabled .ico {
  mix-blend-mode: multiply;
  opacity: 0.5;
}
.drawrnavi-textlink .num {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
}
.drawrnavi-textlink:hover {
  color: #1F67CB;
  text-decoration: none;
}
.drawrnavi-textlink:active {
  color: #000;
}
.drawrnavi-textlink .ico {
  width: 19px;
  margin-right: 14px;
  background-position: left center;
}
.drawrnavi-textlink::after {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 14px;
  height: 11px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2244%22%20viewBox%3D%220%200%207%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8569%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208569%22%20transform%3D%22translate(-316%20-2014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202027)%20rotate(-90)%22%20fill%3D%22%230069c7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202038)%20rotate(-90)%22%20fill%3D%22%23002c69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202049)%20rotate(-90)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-4%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202060)%20rotate(-90)%22%20fill%3D%22%239a9a9a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  content: " ";
  display: block;
}
.drawrnavi-textlink:hover {
  color: #002C69;
}
.drawrnavi-textlink:hover::before {
  background-position: 0px -11px;
}
.drawrnavi-textlink:active {
  color: #000000;
}
.drawrnavi-textlink:active::before {
  background-position: 0px -22px;
}
.drawrnavi-textlink.disabled {
  pointer-events: none;
  color: #9A9A9A;
}
.drawrnavi-textlink.disabled::before {
  background-position: 0px -33px;
}
.drawrnavi-textlink + .drawrnavi-content {
  height: auto;
  opacity: 1;
  padding: 0 20px 20px 20px;
  max-height: 100vh;
  visibility: visible;
  will-change: transform;
  transform: translateY(0);
  transition: transform 0.4s ease-out;
}
.drawrnavi-label {
  position: relative;
  width: calc(100% - 80px);
  height: 56px;
  margin: 0;
  padding: 0 0 0 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1rem;
  line-height: 56px;
  box-sizing: border-box;
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
.drawrnavi-label:hover {
  color: #1F67CB;
  text-decoration: none;
}
.drawrnavi-label:active {
  color: #000;
}
.drawrnavi-label .ico {
  width: 19px;
  margin-right: 14px;
  background-position: left center;
}
.drawrnavi-label.type-arrow::after {
  position: absolute;
  top: 40%;
  right: 22px;
  transform: translateY(-50%);
  width: 7px;
  height: 11px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2244%22%20viewBox%3D%220%200%207%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8569%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208569%22%20transform%3D%22translate(-316%20-2014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202027)%20rotate(-90)%22%20fill%3D%22%230069c7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202038)%20rotate(-90)%22%20fill%3D%22%23002c69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202049)%20rotate(-90)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-4%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202060)%20rotate(-90)%22%20fill%3D%22%239a9a9a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  content: " ";
  transform: rotate(90deg);
  display: block;
  transition: 0.1s;
}
.drawrnavi-label.type-plus::after {
  position: absolute;
  top: 35%;
  right: 20px;
  transform: translateY(-50%);
  width: 21px;
  height: 21px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231F67CB%22%20d%3D%22M19%2C11H13V5a1%2C1%2C0%2C0%2C0-2%2C0v6H5a1%2C1%2C0%2C0%2C0%2C0%2C2h6v6a1%2C1%2C0%2C0%2C0%2C2%2C0V13h6a1%2C1%2C0%2C0%2C0%2C0-2Z%22%2F%3E%3C%2Fsvg%3E");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  content: " ";
  transform: rotate(90deg);
  display: block;
}
.drawrnavi-label:hover {
  color: #002C69;
}
.drawrnavi-label:hover::before {
  background-position: 0px -11px;
}
.drawrnavi-label:active::before {
  background-position: 0px -22px;
}
.drawrnavi-label.disabled {
  pointer-events: none;
  color: #9A9A9A;
}
.drawrnavi-label.disabled::before {
  background-position: 0px -33px;
}
.drawrnavi-content {
  width: calc(100% - 80px);
  height: 0;
  max-height: 0;
  opacity: 0;
  padding: 0;
  visibility: hidden;
  box-sizing: border-box;
  transform: translateY(-10%);
  transition: transform 0.4s ease-in;
}
.drawrnavi-check {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.drawrnavi-check:checked + .drawrnavi-label::after {
  transform: rotate(-90deg);
}
.drawrnavi-check:checked + .drawrnavi-label.type-plus::after {
  transform: rotate(0deg);
  background-position: center center;
}
.drawrnavi-check:checked + .drawrnavi-label + .drawrnavi-content {
  height: auto;
  opacity: 1;
  padding: 0 20px 20px 20px;
  max-height: 100vh;
  visibility: visible;
  will-change: transform;
  transform: translateY(0);
  transition: transform 0.4s ease-out;
}
.drawrnavi__search-list {
  width: 100%;
  min-height: 58px;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  list-style: none;
  overflow: hidden;
}
.drawrnavi__search-item {
  margin: 0 8px 10px 0;
  padding: 0;
}
.drawrnavi__search-item .btn-keyword {
  font-size: 12px;
  font-size: 0.75rem;
  height: 26px;
  line-height: 26px;
}
@media (min-width: 0px) {
  .drawrnavi__child-list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.drawrnavi__child-item {
  width: 100%;
  margin: 0;
  padding: 0;
}
.drawrnavi__child-link {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 0 30px;
  display: block;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 38px;
  box-sizing: border-box;
  text-decoration: none;
  color: #000;
}
.drawrnavi__child-link:hover {
  color: #1F67CB;
  text-decoration: none;
}
.drawrnavi__child-link:active {
  color: #000;
}
.drawrnavi__child-link .icon {
  margin-right: 14px;
}
.drawrnavi__child-link::after {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 7px;
  height: 11px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2244%22%20viewBox%3D%220%200%207%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8569%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208569%22%20transform%3D%22translate(-316%20-2014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202027)%20rotate(-90)%22%20fill%3D%22%230069c7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202038)%20rotate(-90)%22%20fill%3D%22%23002c69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202049)%20rotate(-90)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-4%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202060)%20rotate(-90)%22%20fill%3D%22%239a9a9a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  content: " ";
  display: block;
}
.drawrnavi__child-link:hover {
  color: #002C69;
}
.drawrnavi__child-link:hover::before {
  background-position: 0px -11px;
}
.drawrnavi__child-link:active {
  color: #000000;
}
.drawrnavi__child-link:active::before {
  background-position: 0px -22px;
}
.drawrnavi__child-link.disabled {
  pointer-events: none;
  color: #9A9A9A;
}
.drawrnavi__child-link.disabled::before {
  background-position: 0px -33px;
}
.drawrnavi .widget-catelist__item-parent {
  position: relative;
}
.drawrnavi .widget-catelist__item-parent::before {
  display: none;
}
.drawrnavi .widget-catelist__item-parent::after {
  position: absolute;
  top: 41%;
  right: 0;
  width: 7px;
  height: 11px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2244%22%20viewBox%3D%220%200%207%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8569%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208569%22%20transform%3D%22translate(-316%20-2014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202027)%20rotate(-90)%22%20fill%3D%22%230069c7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202038)%20rotate(-90)%22%20fill%3D%22%23002c69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202049)%20rotate(-90)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-4%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202060)%20rotate(-90)%22%20fill%3D%22%239a9a9a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  content: " ";
  transform: rotate(0deg);
  display: block;
  transition: 0.1s;
}
.drawrnavi .widget-catelist__item-child {
  position: relative;
}
.drawrnavi .widget-catelist__item-child::after {
  position: absolute;
  top: 41%;
  right: 0;
  width: 7px;
  height: 11px;
  margin: 0;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%2244%22%20viewBox%3D%220%200%207%2044%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8569%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208569%22%20transform%3D%22translate(-316%20-2014)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202027)%20rotate(-90)%22%20fill%3D%22%230069c7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-2%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202038)%20rotate(-90)%22%20fill%3D%22%23002c69%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-3%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202049)%20rotate(-90)%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_36-4%22%20data-name%3D%22%E3%83%91%E3%82%B9%2036%22%20d%3D%22M7.5%2C9%2C2%2C3.607%2C3.638%2C2%2C7.5%2C5.787%2C11.362%2C2%2C13%2C3.607Z%22%20transform%3D%22translate(314%202060)%20rotate(-90)%22%20fill%3D%22%239a9a9a%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 0px 0px;
  background-repeat: no-repeat;
  content: " ";
  transform: rotate(0deg);
  display: block;
  transition: 0.1s;
}
.drawrnavi .widget-catelist__item-link {
  padding: 5px 30px 5px 30px;
  font-size: 14px;
  line-height: 1.6;
  text-decoration: none;
}
.drawrnavi .popularTags {
  padding-top: 10px;
  margin-bottom: 0;
}
.drawrnavi .popularTags__link {
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 11px;
}

.is_active ~ .drawrnavi {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.2s ease-in;
}
.is_active ~ .drawrnavi .drawrnavi__navi {
  visibility: visible;
  transform: translateX(80px);
  transition: transform 0.2s ease-in;
}
.is_active #btnspnavi {
  position: fixed;
  right: calc(100% - 80px);
  top: 0;
  z-index: 10000;
}
.is_active .drawrnavi__closebtn {
  position: fixed;
  left: 20px;
}/*# sourceMappingURL=common.min.css.map */