.ms-edit-frontend {
  display: none; }

.none {
  display: none; }

html {
  scrollbar-width: none;
  -ms-overflow-style: none; }
  html::-webkit-scrollbar {
    display: none; }

input[type=radio] {
  appearance: none;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  top: -4px;
  width: 20px; }
  input[type=radio]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    position: relative;
    top: 3px;
    display: inline-block;
    margin-right: 0.5em;
    color: rgba(21, 21, 21, 0.5);
    font-size: 1.4em;
    font-weight: 400; }
  input[type=radio]:checked::before {
    content: "\f192";
    color: #001d9d;
    font-weight: 400; }

input[type=checkbox] {
  appearance: none;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  top: -3px; }
  input[type=checkbox]:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0c8";
    position: relative;
    top: 2px;
    display: inline-block;
    color: rgba(21, 21, 21, 0.3);
    font-size: 1.4em;
    font-weight: 400; }
  input[type=checkbox]:checked::before {
    content: "\f14a";
    color: #001d9d;
    font-weight: 400; }

body {
  max-width: 100vw;
  line-height: 1.7;
  font-family: "Neue Haas Grotesk Text Pro", "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Meiryo, "Yu Gothic", YuGothic, Verdana, "M+ 1p", sans-serif;
  font-style: normal;
  font-size: 1.6rem; }
  body * a {
    display: block;
    text-decoration: none;
    color: #151515; }
  body .wrap, body .sp_wrap {
    max-width: 90%;
    margin: 0 auto; }
  body main {
    min-height: calc(100vh - 120px - 92px);
    margin-top: 120px; }
  body section {
    margin: 100px 0; }
  body .logo {
    font-weight: 700; }
  body h1, body h2 {
    font-size: 3rem;
    font-weight: bold; }
  body h3 {
    margin-bottom: 1em;
    font-size: 2.8rem; }
  body .tit {
    width: 100%;
    margin-bottom: 1em;
    padding: 0 3% 12px;
    border-bottom: 3px solid #151515;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1; }
  body strong {
    font-weight: bold; }
  body .back_link {
    display: flex;
    justify-content: start;
    max-width: 200px;
    height: 50px;
    margin-top: 1em;
    border-bottom: 1px solid rgba(21, 21, 21, 0.5); }
    body .back_link.center {
      justify-content: center; }
    body .back_link a {
      position: relative;
      width: 100%;
      padding: .5em 1em .5em .5em;
      font-size: 1.8rem;
      text-align: center;
      background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 24"><path fill="%23DDDDDD" d="M2.255,11.871l8.9-8.9a1.1,1.1,0,0,1,1.554,0l1.038,1.038a1.1,1.1,0,0,1,0,1.553L6.7,12.648l7.054,7.087a1.1,1.1,0,0,1,0,1.553L12.71,22.326a1.1,1.1,0,0,1-1.554,0l-8.9-8.9A1.1,1.1,0,0,1,2.255,11.871Z" /></svg>') no-repeat 5% center;
      background-size: 20px auto; }
  body .btn {
    width: 100%;
    margin-top: 5em; }
    body .btn a {
      width: 280px;
      height: 70px;
      margin: 0 auto;
      border: 1px solid #FFF;
      font-size: 2rem;
      text-align: center;
      line-height: 70px; }
  body a.exit_link {
    display: inline-block;
    padding-right: 30px;
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="%23AFBEFF" d="M0,0V36H36V27H31.5v4.5H4.5V4.5H9V0ZM18,0l6.75,6.75L13.5,18,18,22.5,29.25,11.25,36,18V0Z" /></svg>') no-repeat right center;
    background-size: 16px auto;
    color: #001d9d;
    text-decoration: underline; }

body main article {
  overflow: hidden;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 5em; }
  body main article > section:first-child {
    margin-top: 0; }

dl.memo dt {
  font-size: 2rem;
  font-weight: bold; }
dl.memo div.flex {
  margin-bottom: 1em;
  padding: .5em 1em;
  border: 1px solid #BBB; }
  dl.memo div.flex dd {
    width: 50%; }
    dl.memo div.flex dd a {
      width: 100%; }

details {
  max-width: 1000px;
  margin: 0 auto; }
  details summary {
    margin-bottom: 1em;
    padding: 1em;
    background: rgba(21, 21, 21, 0.5);
    color: #fff; }
  details + section {
    margin-top: 50px; }

.p-filter {
  max-width: 1000px;
  margin: 0 auto; }
  .p-filter form > div:not(:last-child) {
    margin-bottom: 1.5em; }
  .p-filter form > div h5 {
    width: 90px;
    margin-right: 30px;
    padding-left: 10px;
    border-left: 10px solid rgba(21, 21, 21, 0.5);
    line-height: 40px; }
  .p-filter form > div.check_box h5 {
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(21, 21, 21, 0.5); }
  .p-filter form > div.select_box {
    display: flex; }
    .p-filter form > div.select_box .select_parent {
      position: relative; }
      .p-filter form > div.select_box .select_parent select {
        width: 200px;
        padding: 2px 1em 0 1em;
        line-height: 38px; }
      .p-filter form > div.select_box .select_parent:after {
        position: absolute;
        content: '\f0d7';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        top: 8px;
        right: 10px;
        color: rgba(21, 21, 21, 0.5); }
  .p-filter form > div.check_box div label {
    display: inline-block;
    margin: 0 0 5px 10px; }
    .p-filter form > div.check_box div label span.count {
      margin-left: 3px;
      color: rgba(21, 21, 21, 0.5);
      font-size: 1.4rem; }
  .p-filter .btn_set button {
    border: none;
    width: 200px;
    background: #001d9d;
    color: #fff;
    line-height: 40px; }
    .p-filter .btn_set button.clear {
      width: 130px;
      background: rgba(21, 21, 21, 0.2);
      color: #151515; }

.pager ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 94%;
  margin-bottom: 1em;
  border: none; }
  .pager ul li {
    width: 40px;
    height: 40px;
    margin: 0 5px;
    padding: 0 !important;
    border: none !important;
    text-align: center;
    line-height: 40px; }
    .pager ul li > span {
      z-index: 1;
      display: block;
      background: rgba(21, 21, 21, 0.1); }
    .pager ul li a {
      padding: 0;
      line-height: 40px;
      transition: all 0.3s ease; }
      .pager ul li a:hover {
        transition: all 0.3s ease;
        opacity: 1;
        background: rgba(0, 29, 157, 0.2); }

header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100vw;
  background: rgba(21, 21, 21, 0.9);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px); }
  header h1 {
    width: 100%;
    padding: .3em 0 0;
    font-size: 3rem;
    text-align: center;
    line-height: 1; }
    header h1 a {
      display: inline-block;
      padding: .2em 1em;
      color: #FFF;
      font-weight: bold;
      font-style: italic; }
      header h1 a:hover {
        opacity: 1;
        color: #FFF000; }
  header #gnav {
    width: 100%; }
    header #gnav ul {
      justify-content: center;
      max-width: 600px;
      height: 40px;
      margin: 0 auto; }
      header #gnav ul li {
        width: 25%; }
        header #gnav ul li a {
          position: relative;
          color: #FFF;
          font-size: 1.6rem;
          text-align: center;
          line-height: 2.7;
          letter-spacing: 0.1em; }
          header #gnav ul li a:before {
            position: absolute;
            display: block;
            z-index: -1;
            content: '';
            left: 0;
            bottom: 0;
            width: 100%;
            height: 3px;
            background: rgba(255, 255, 255, 0.8);
            transform: scale(0, 1);
            transform-origin: right top;
            transition: transform 0.3s; }
          header #gnav ul li a:hover {
            opacity: 1;
            color: #FFF000; }
            header #gnav ul li a:hover:before {
              transform-origin: left top;
              transform: scale(1, 1); }

.list_g > ul.flex > li {
  max-width: 48%;
  margin-bottom: 2em; }
  .list_g > ul.flex > li figure {
    display: flex;
    align-items: center;
    min-height: 170px;
    margin-bottom: .5em; }
    .list_g > ul.flex > li figure img {
      margin: 0 auto; }
  .list_g > ul.flex > li p.day {
    color: rgba(21, 21, 21, 0.5);
    font-size: 1.2rem;
    line-height: 1; }
  .list_g > ul.flex > li h3 {
    min-height: 40px;
    margin: .3rem 0 .5em;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2; }
  .list_g > ul.flex > li ul.terms li {
    display: flex; }
    .list_g > ul.flex > li ul.terms li h4 {
      display: inline-block;
      height: 20px;
      margin: 3px 5px 0 0;
      padding: 0 .3em;
      border: 1px solid rgba(21, 21, 21, 0.2);
      border-radius: 5px;
      color: rgba(21, 21, 21, 0.5);
      font-size: 1.2rem; }
    .list_g > ul.flex > li ul.terms li p {
      display: inline-block; }
      .list_g > ul.flex > li ul.terms li p a {
        padding-top: 2px;
        color: rgba(21, 21, 21, 0.5);
        font-size: 1.4rem; }
.list_g > ul.flex.web_list li figure {
  min-height: 120px; }
.list_g > ul.flex.movie_list li figure {
  min-height: 95px; }

#home .list_g ul.flex li {
  margin-bottom: .5em; }

#tax_archive .list_g > ul + h2 {
  margin-top: 3em; }

.single > section {
  margin-bottom: 3em; }
.single .thumbnail figcaption {
  margin: .5em;
  color: rgba(21, 21, 21, 0.5);
  font-size: 1.4rem;
  letter-spacing: .2rem; }
.single .detail .type {
  padding-left: 10px;
  border-left: 10px solid rgba(21, 21, 21, 0.2); }
.single .detail dl div {
  display: flex;
  justify-content: start;
  margin-bottom: .5em; }
  .single .detail dl div dt {
    width: 70px;
    min-width: 70px;
    margin-right: 1em;
    border: 1px solid rgba(21, 21, 21, 0.5);
    border-radius: 5px;
    color: rgba(21, 21, 21, 0.5);
    font-size: 1.4rem;
    line-height: 24px;
    text-align: center; }
  .single .detail dl div dd {
    width: calc(100% - 70px - 1em);
    margin-top: 4px;
    line-height: 1.2; }
    .single .detail dl div dd span {
      display: inline-block; }
      .single .detail dl div dd span.sep {
        padding: 0 .5em; }
      .single .detail dl div dd span:last-child {
        display: none; }
  .single .detail dl div.size, .single .detail dl div.size_detail, .single .detail dl div.memo {
    padding: .2em 0 .3em;
    border-radius: 5px; }
    .single .detail dl div.size dt, .single .detail dl div.size_detail dt, .single .detail dl div.memo dt {
      border: none; }
  .single .detail dl div.size {
    border: 1px solid rgba(21, 21, 21, 0.5); }
  .single .detail dl div.size_detail, .single .detail dl div.memo {
    background: rgba(21, 21, 21, 0.07); }
.single .content {
  margin-top: 3em;
  padding-top: 3em;
  border-top: 2px solid rgba(21, 21, 21, 0.1); }
  .single .content figure {
    margin-bottom: 1em; }
    .single .content figure img {
      width: auto;
      max-width: 100%; }
  .single .content .movie_iframe iframe {
    max-width: 100%; }

/*# sourceMappingURL=common.css.map */
