@charset "UTF-8";
body, *, :before, :after {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

li {
  list-style: none;
}

/* common */
body {
  overflow-x: hidden;
}

a {
  color: inherit;
  text-decoration: none;
}
a:visited, a:hover {
  color: inherit;
  text-decoration: none;
}

.el_sec_title {
  font-size: 3rem;
  color: #030303;
  font-weight: bold;
  position: relative;
  z-index: 2;
  text-align: center;
}
.el_sec_title .el_small_title {
  font-size: clamp(14px, 1.2vw, 16px);
  margin-top: clamp(6px, 1vw, 10px);
  font-weight: bold;
  display: block;
}

/* footer */
.taxonomy.infomation_category {
  display: none;
}

.bl_Breadcrumb {
  display: flex;
  margin: 3.125rem 0 0 1.875rem;
}
.bl_Breadcrumb .current-item {
  color: #808080;
}

@media (max-width: 830px) {
  .hp_spNone {
    display: none !important;
  }
  .bl_Breadcrumb {
    margin: 1.2048192771vw 0 7.2289156627vw 2.4096385542vw;
    display: flex;
  }
  .bl_Breadcrumb .current-item {
    color: #808080;
  }
  .bl_Breadcrumb span {
    font-size: 2.6506024096vw;
  }
  .el_sec_title {
    font-size: 9.156626506vw;
    line-height: 1;
    z-index: 2;
  }
  .el_sec_title::after {
    width: 13.2530120482vw;
    height: 13.2530120482vw;
  }
  .el_sec_title .el_small_title {
    line-height: 1;
    font-size: 3.8554216867vw;
    margin-bottom: 0.3614457831vw;
  }
  .dmd_info_ttl {
    font-size: 10.2409638554vw;
    font-weight: bold;
    text-align: center;
    margin-top: 8.4337349398vw;
    color: #030303;
    line-height: 1;
  }
  .dmd_info_ruby {
    font-size: 3.8554216867vw;
    text-align: center;
    display: block;
    font-weight: 700;
    margin: 1.2048192771vw 0 7.2289156627vw;
  }
  .dmd_bl_info_mainContents_wrapper {
    width: 84.3373493976vw;
    margin: 7.2289156627vw auto 0;
    padding-bottom: 12.0481927711vw;
  }
  .el_info_time {
    color: #C30000;
    font-weight: bold;
    margin-bottom: 1.2048192771vw;
    font-size: 3.6144578313vw;
  }
  .bl_info_pic_title {
    font-size: 4.8192771084vw;
    font-weight: bold;
    border-bottom: 0.3614457831vw solid #000;
    padding-bottom: 1.2048192771vw;
    margin-bottom: 5.421686747vw;
    color: #030303;
  }
  .bl_info_postContents p {
    line-height: 1.5;
    font-size: 3.8554216867vw;
  }
  .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dmd_bl_info_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #030303;
    width: 60.2409638554vw;
    height: 12.0481927711vw;
    border-radius: 6.0240963855vw;
    text-align: center;
    margin: 0 auto;
    position: relative;
    color: #fff;
  }
  .dmd_bl_info_btn a {
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.0120481928vw;
    width: 60.2409638554vw;
    height: 12.0481927711vw;
  }
  .dmd_bl_info_btn::after {
    content: "→";
    font-weight: bold;
    position: absolute;
    top: 30%;
    right: 1.25rem;
    font-size: 3.3734939759vw;
    right: 2.8192771084vw;
  }
  .dmd_info_bottomContents {
    margin: 6.0240963855vw auto 14.4578313253vw;
  }
  .navigation.post-navigation {
    font-size: 3.0120481928vw;
    text-align: center;
    margin-bottom: 6.0240963855vw;
  }
  .nav-subtitle {
    font-size: 3.6144578313vw;
  }
}
@media (min-width: 831px) {
  .hp_pcNone {
    display: none !important;
  }
  .bl_info_wrapper {
    position: relative;
  }
  .bl_info_wrapper .bl_info_sidebar {
    position: absolute;
    top: 0;
    right: clamp(1.25rem, 3vw, 1.875rem);
    width: clamp(6.25rem, 14vw, 15.625rem);
  }
  .bl_info_wrapper .bl_info_sidebar .bl_info_sidebar_ttl {
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: bold;
    padding-bottom: clamp(0.625rem, 1vw, 1.25rem);
    margin-bottom: clamp(0.625rem, 1vw, 1.25rem);
    border-bottom: 1px solid #ccc;
    color: #030303;
  }
  .bl_info_wrapper .bl_info_sidebar .bl_info_sidebar_list li {
    margin-bottom: clamp(0.5rem, 1vw, 0.625rem);
  }
  .dmd_info_ttl {
    font-size: clamp(35px, 6.5vw, 75px);
    font-weight: bold;
    text-align: center;
    margin: clamp(40px, 7vw, 70px) 0 clamp(6px, 2vw, 10px);
    color: #030303;
  }
  .dmd_info_ruby {
    font-size: clamp(12px, 2vw, 15px);
    text-align: center;
    display: block;
    font-weight: 700;
  }
  .dmd_bl_info_mainContents_wrapper {
    width: clamp(300px, 60vw, 910px);
    margin: clamp(80px, 12vw, 130px) auto clamp(80px, 11vw, 120px);
  }
  .el_info_time {
    color: #C30000;
    font-weight: bold;
    margin-bottom: clamp(6px, 1.5vw, 10px);
  }
  .bl_info_pic_title {
    font-size: clamp(20px, 4vw, 35px);
    font-weight: bold;
    color: #030303;
    border-bottom: clamp(2px, 0.5vw, 3px) solid #000;
    padding-bottom: clamp(6px, 1.5vw, 10px);
    margin-bottom: clamp(28px, 6vw, 45px);
  }
  .bl_info_postContents p {
    line-height: 1.5;
  }
  .nav-links {
    display: flex;
    align-items: center;
  }
  .dmd_bl_info_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #030303;
    width: clamp(200px, 50vw, 320px);
    height: clamp(40px, 6vw, 60px);
    border-radius: clamp(20px, 4vw, 30px);
    text-align: center;
    margin: 0 auto;
    color: #fff;
    position: relative;
  }
  .dmd_bl_info_btn a {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(14px, 2vw, 16px);
    width: clamp(200px, 50vw, 320px);
    height: clamp(40px, 6vw, 60px);
  }
  .dmd_bl_info_btn::after {
    content: "→";
    font-weight: bold;
    position: absolute;
    top: 50%;
    right: clamp(12px, 2vw, 20px);
    transform: translateY(-50%);
  }
  .dmd_info_bottomContents {
    position: relative;
    margin: clamp(30px, 6vw, 50px) auto clamp(80px, 12vw, 120px);
  }
  .navigation.post-navigation {
    position: absolute;
    left: 0;
    top: clamp(8px, 2vw, 15px);
  }
}