@charset "UTF-8";
/*
Theme Name: meikandb
Theme URI: https://wordpress.org/themes/meikandb/
Author: Japan Actors Association
Author URI: http://www.actors.or.jp
Description: meikandb themes
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600,700,900&display=swap&subset=japanese");
@import url("https://use.fontawesome.com/releases/v5.6.3/css/all.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/izimodal/1.5.1/css/iziModal.min.css");
html, body,
h1, h2, h3, h4, h5, h6,
a, p, span,
em, small, strong,
sub, sup,
mark, del, ins, strike,
abbr, dfn,
blockquote, q, cite,
code, pre,
ol, ul, li, dl, dt, dd,
div, section, article,
main, aside, nav,
header, hgroup, footer,
img, figure, figcaption,
address, time,
audio, video,
canvas, iframe,
details, summary,
fieldset, form, label, legend,
table, caption,
tbody, tfoot, thead,
tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
}

/* Typography
 * *********************************** */
html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  line-height: 1.4;
}

* {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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

/* Layout
 * *********************************** */
article,
aside,
footer,
header,
nav,
section,
main {
  display: block;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* Elements
 * *********************************** */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol,
ul {
  list-style: none;
}

img,
video {
  max-width: 100%;
}

img {
  border-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}

/* Attributes & states
 * *********************************** */
[hidden] {
  display: none !important;
}

[disabled] {
  cursor: not-allowed;
}

:focus:not(:focus-visible) {
  outline: none;
}

/* Utility classes
 * *********************************** */
.sr-only {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  left: -9999px;
  top: -9999px;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

select {
  outline: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

select option {
  background-color: #fff;
  color: #333;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

/* Scss Document */
.full {
  width: 100%;
}

img, video {
  width: 100%;
  max-width: 100%;
  height: auto;
}

#header {
  background-color: #1d262f;
  width: 100%;
  color: white;
  position: relative;
}

#header .header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(1200px + 8vw);
  margin: 0 auto;
  padding: 12px 4vw;
}

#header .global-header-info__brand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: auto;
}

#header .nav-site_all-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 0 3rem;
}

#header .nav-site_all-btn::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("assets/img/brand/ico-service.png") 50% 50% no-repeat;
  background-size: 16px;
}

#header .nav-site_all-btn span {
  display: inline-block;
  padding-left: 0.75rem;
  color: white;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  #header .nav-site_all-btn span {
    font-size: 1.2rem;
  }
}

#header .nav-site_all-btn.btn_close {
  display: inline-block;
  border: 1px solid #fff;
  padding: 1.2rem 2.0rem;
  min-width: 200px;
  text-align: center;
}

#header .nav-site_all-btn.btn_close span {
  padding: 0;
}

#header .nav-site_all-btn.btn_close::before {
  display: none;
}

#header #nav-site_all {
  display: none;
  position: absolute;
  background-color: #1d262f;
  width: 100%;
  z-index: 100;
}

#header #nav-site_all .nav-site_all-inner {
  max-width: calc(1200px + 8vw);
  margin: 0 auto;
  padding: 0 2vw;
}

#header #nav-site_all .nav-site_all-inner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 20px 0;
}

#header #nav-site_all .nav-site_all-inner ul li {
  width: 50%;
  padding: 20px 2vw;
}

@media screen and (min-width: 768px) {
  #header #nav-site_all .nav-site_all-inner ul li {
    width: 33.3333%;
  }
}

#header #nav-site_all .nav-site_all-inner ul li .thumb {
  position: relative;
  width: 100%;
  height: 128px;
}

#header #nav-site_all .nav-site_all-inner ul li .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: auto;
}

#header #nav-site_all .nav-site_all-inner ul li .caption {
  font-size: 1.3rem;
  line-height: 1.6;
  padding: 1.6rem 0 0;
  letter-spacing: 0.1rem;
}

#header #nav-site_all .nav-site_all-inner ul .cat-kotw .thumb {
  background-color: white;
}

#header #nav-site_all .nav-site_all-inner ul .cat-kotw .thumb img {
  width: 240px;
}

#header #nav-site_all .nav-site_all-inner ul .cat-enmokudb .thumb {
  background: url("assets/img/brand/enmokudb_bg.png") center center no-repeat;
  background-size: cover;
}

#header #nav-site_all .nav-site_all-inner ul .cat-enmokudb .thumb img {
  width: 240px;
}

#header #nav-site_all .nav-site_all-inner ul .cat-yougodb .thumb {
  background: url("assets/img/brand/yougodb_bg.png") center center no-repeat;
  background-size: cover;
}

#header #nav-site_all .nav-site_all-inner ul .cat-yougodb .thumb img {
  width: 240px;
}

#header #nav-site_all .nav-site_all-inner ul .cat-kouendb .thumb {
  background: url("assets/img/brand/kouendb_bg.png") center center no-repeat;
  background-size: cover;
}

#header #nav-site_all .nav-site_all-inner ul .cat-kouendb .thumb img {
  width: 170px;
}

#header #nav-site_all .nav-site_all-inner ul .cat-haiyu01 .thumb {
  background: url("assets/img/brand/haiyu_bg.jpg") center center no-repeat;
  background-size: cover;
}

#header #nav-site_all .nav-site_all-inner ul .cat-haiyu01 .thumb img {
  width: 240px;
}

#header #nav-site_all .nav-site_all-inner ul .cat-haiyu02 .thumb {
  background: url("assets/img/brand/haiyuomoide_bg.jpg") center center no-repeat;
  background-size: cover;
}

#header #nav-site_all .nav-site_all-inner ul .cat-haiyu02 .thumb img {
  width: 240px;
}

#header #nav-site_all .nav-site_all-inner .btn-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 2.0rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#header .nav-lang {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header .nav-lang::before {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("assets/img/brand/ico-lang.png") 50% 50% no-repeat;
  background-size: 16px;
}

#header .nav-lang a {
  font-size: 1.2rem;
  padding-left: 0.75rem;
  line-height: 1;
}

@media screen and (min-width: 768px) {
  #header .nav-lang a {
    font-size: 1.4rem;
  }
}

#header #nav-gloal {
  background-color: white;
  border-bottom: 1px solid silver;
}

#header #nav-gloal ul {
  max-width: 1200px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#header #nav-gloal ul li {
  width: 25%;
  text-align: center;
  border-left: 1px solid silver;
}

#header #nav-gloal ul li:last-child {
  border-right: 1px solid silver;
}

#header #nav-gloal ul li a {
  display: block;
  color: #1e1e1e;
  padding: 16px;
}

@media screen and (min-width: 768px) {
  #header #nav-gloal ul li a {
    font-size: 1.8rem;
  }
}

#header #nav-gloal ul li a span {
  position: relative;
  display: inline-block;
}

#header #nav-gloal ul li a span::after {
  content: '';
  display: block;
  border-bottom: 1px solid white;
  position: relative;
  bottom: -4px;
}

#header #nav-gloal ul li .current a span::after {
  border-bottom: 1px solid #6e9553;
}

/* Header */
#service-header {
  background-color: #1f8065;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  text-align: center;
}

@media screen and (min-width: 1112px) {
  #service-header #service-header-inner {
    max-width: calc(1200px);
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

#service-header h1 {
  font-size: 2.4rem;
  font-family: 'Noto Serif JP','Source Han Serif', serif;
  font-weight: 900;
  padding: 1.6rem;
}

#service-header h1 small {
  font-size: 1.4rem;
  margin: 0 1.0rem;
}

@media screen and (min-width: 1112px) {
  #service-header h1 small {
    font-size: 1.8rem;
  }
}

#service-header ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #F4F4E9;
}

@media screen and (min-width: 1112px) {
  #service-header ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-right: 2rem;
    background-color: transparent;
  }
}

#service-header ul li {
  width: 100%;
}

@media screen and (min-width: 1112px) {
  #service-header ul li {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

#service-header ul li a {
  display: block;
  font-size: 1.4rem;
  font-weight: bold;
  color: #1f8065;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15);
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: 1.4rem 0.5rem;
}

@media screen and (min-width: 1112px) {
  #service-header ul li a {
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: none;
    font-size: 1.4rem;
    padding: 1.6rem 2.0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: white;
  }
}

#service-header ul li a span {
  font-size: 1.2rem;
}

@media screen and (min-width: 1112px) {
  #service-header ul li a span {
    font-size: 1.4rem;
  }
}

#service-header ul li a:hover {
  opacity: 0.7;
}

/* footer */
/* footer */
footer {
  background-color: #1d262f;
  color: #fff;
  font-size: 1.4rem;
  padding: 1.5rem;
  letter-spacing: 0.1rem;
}

footer .footer-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
}

footer .footer-inner .nav-footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

footer .footer-inner .nav-footer-info li {
  width: 100%;
}

footer .footer-inner .nav-footer-info li a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  padding: 2rem 0;
}

footer .footer-inner .copyright {
  padding: 2rem 0;
}

@media screen and (min-width: 1112px) {
  footer .footer-inner .copyright {
    padding: 0 0;
  }
}

@media screen and (min-width: 1112px) {
  footer .footer-inner .nav-footer-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  footer .footer-inner .nav-footer-info li {
    width: auto;
  }
  footer .footer-inner .nav-footer-info li a {
    border: none;
    border-right: 1px solid rgba(255, 255, 255, 0.15);
    padding: 0 1rem;
  }
}

@media screen and (min-width: 1112px) {
  footer {
    padding: 3rem 1.5rem;
  }
}

/* LocalNavi */
.local-navi {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.4rem;
  padding: 1.5rem;
  letter-spacing: 0.1rem;
}

.local-navi .search-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.local-navi .search-items li {
  width: 100%;
}

.local-navi .search-items li a {
  display: block;
  border-bottom: 1px solid #f4f4f4;
  padding: 2rem 0;
}

@media screen and (min-width: 1112px) {
  .local-navi {
    padding: 3rem 1.5rem;
  }
  .local-navi .search-items {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .local-navi .search-items li {
    width: auto;
  }
  .local-navi .search-items li a {
    border: none;
    border-right: 1px solid #f4f4f4;
    padding: 0 1rem;
  }
}

/* Form */
.input-text {
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #D0D0D0;
  border-radius: 0.6rem;
  margin: 0.8rem 0 0 0;
  padding: 0.8rem;
}

@media screen and (min-width: 1112px) {
  .input-text {
    margin: 0 1.6rem 0 0;
    padding: 1.4rem;
  }
}

.mod-searchbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin: 1.2rem 0 0 0;
}

@media screen and (min-width: 1112px) {
  .mod-searchbox {
    margin: 0;
    padding: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.mod-searchbox.type-keyword .input-text {
  margin: 0;
}

@media screen and (min-width: 1112px) {
  .mod-searchbox.type-keyword {
    margin: 2.0rem 0 0 0;
  }
  .mod-searchbox.type-keyword .input-text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 1.6rem 0 0;
  }
}

.select-wrap {
  position: relative;
  margin: 0 0.8rem 0 0;
}

.select-wrap::before {
  display: inline-block;
  z-index: 1;
  position: absolute;
  right: 15px;
  bottom: 0;
  content: '\f0dc';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 46px;
  color: #7F878C;
  pointer-events: none;
}

.select-wrap select {
  width: 100%;
  border: 1px solid #e0e0e0;
  background-color: whitesmoke;
  margin: 0.8rem 0 0 0;
  padding: 1.0rem 1.2rem;
}

.mod-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.2rem 0 0 0;
}

.mod-radio label {
  display: block;
  width: 100%;
  margin: 0.8rem 0 0 0;
}

@media screen and (min-width: 1112px) {
  .mod-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .mod-radio label {
    margin-right: 4rem;
    white-space: nowrap;
  }
}

/* Button */
.block-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.2rem 0 0 0;
}

.block-button button {
  margin: 0 0.8rem;
}

@media screen and (min-width: 1112px) {
  .block-button {
    margin: 4.0rem 0 0 0;
    padding: 4.0rem 0 0 0;
    border-top: 1px solid #e0e0e0;
  }
  .block-button input {
    margin: 0 0.8rem;
  }
}

.btn-reset {
  display: inline-block;
  font-size: 1.6rem;
  color: #323232;
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 0.6rem;
  margin: 1.2rem 0.4rem 0 0.4rem;
  padding: 1.2rem 2.4rem;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.btn-reset:hover {
  background-color: #e0e0e0;
  border: 1px solid #e0e0e0;
}

@media screen and (min-width: 1112px) {
  .btn-reset {
    font-size: 1.8rem;
    margin: 0 0 0 0;
    padding: 1.6rem 6.4rem;
  }
}

.btn-search {
  display: inline-block;
  font-size: 1.6rem;
  color: white;
  background-color: #1f8065;
  border: 1px solid #1f8065;
  border-radius: 0.6rem;
  margin: 1.6rem 0.4rem 0 0.4rem;
  padding: 1.2rem 2.4rem;
  -webkit-transition: all .3s;
  transition: all .3s;
  min-width: 160px;
}

.btn-search:hover {
  color: #1f8065;
  background-color: white;
  border: 1px solid #1f8065;
}

@media screen and (min-width: 1112px) {
  .btn-search {
    font-size: 1.8rem;
    margin: 0 0 0 0;
    padding: 1.6rem 6.4rem;
  }
}

/* Hadline */
.page-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 4.0rem;
  margin: 0 0 5.4rem;
}

.page-headline h1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page-headline h1::after {
  display: block;
  content: '';
  width: 50%;
  height: 4px;
  background-color: #1f8065;
  margin: 1.0rem 0;
}

h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.0rem;
  color: #323232;
  line-height: 1.2;
}

@media screen and (min-width: 1112px) {
  h2 {
    font-size: 2.4rem;
  }
}

h2::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 4px solid #1f8065;
  border-radius: 24px;
  margin-right: 0.5rem;
}

@media screen and (min-width: 1112px) {
  h2::before {
    width: 24px;
    height: 24px;
    border: 6px solid #1f8065;
  }
}

h3 {
  font-size: 1.8rem;
  color: #323232;
  line-height: 1.2;
  border-bottom: 2px solid #1f8065;
  margin: 2.0rem 0 0 0;
  padding: 0 0 1.0rem 0;
}

.panel-base h3.repertoire-name {
  font-size: 1.4rem;
  font-weight: normal;
  border-bottom: none;
  padding: 0 0 0 0;
}

.panel-base h3.repertoire-name a, .panel-base h3.repertoire-name button {
  font-size: 1.8rem;
  margin-right: 0.5rem;
}

h4 {
  font-weight: bold;
  margin: 1.6rem 0 0 0;
}

.panel-base h3 a, .panel-base h3 button {
  display: inline-block;
  color: #323232 !important;
}

.panel-base h3 a::before, .panel-base h3 button::before {
  content: '\f054';
  color: #1f8065;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 1.2rem;
  margin: 0 1rem;
}

.panel-base h3 a:hover, .panel-base h3 button:hover {
  color: #1f8065 !important;
}

.title-head {
  display: block;
  border-bottom: 2px solid #1f8065;
  padding: 0 0 1.2rem 0;
}

@media screen and (min-width: 1112px) {
  .title-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.title-head .typebox {
  color: #1f8065;
  margin-right: 1rem;
}

.title-head .title {
  font-size: 2.0rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.title-head a.arrow {
  color: #323232 !important;
}

.title-head a.arrow::before {
  content: '\f054';
  color: #1f8065;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 1.4rem;
  margin-right: 0.5rem;
}

.block-result.panel-base .sectionBody {
  display: block;
}

.block-result.panel-base .sectionBody dl {
  border-bottom: 1px solid #e0e0e0;
  padding: 1.4rem 1.0rem;
}

/* Toggle */
.acMenu {
  cursor: pointer;
  margin: 1.2rem 0 0 0;
  border: 1px solid #e0e0e0;
}

@media screen and (min-width: 1112px) {
  .acMenu {
    margin: 1.6rem 0 0 0;
  }
}

.acMenu dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
  padding: 1.2rem;
}

.acMenu dt::after {
  display: inline-block;
  content: '\f107';
  font-size: 1.6rem;
  color: #858585;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
}

.acMenu dt.active::after {
  content: '\f106';
}

.acMenu dd {
  display: none;
  padding: 0 1.6rem;
}

@media screen and (min-width: 1112px) {
  .acMenu dd {
    padding: 0 4.2rem 4.2rem;
  }
}

.acMenu dd ul {
  margin: 0 0 0 0;
}

.acMenu dd ul li {
  padding: 1.2rem;
  border-bottom: 1px solid #e0e0e0;
}

.acMenu dd ul li a, .acMenu dd ul li button {
  color: #bc2730;
  text-decoration: none;
  font-weight: bold;
  margin-left: -1.0rem;
}

.acMenu dd ul li a::before, .acMenu dd ul li button::before {
  display: inline-block;
  content: '\f105';
  font-size: 1.4rem;
  color: #858585;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  margin-right: 0.5rem;
}

.acMenu dd ul li a:hover, .acMenu dd ul li button:hover {
  opacity: 0.7;
}

.jumbotron {
  position: relative;
}

@media screen and (min-width: 1112px) {
  .jumbotron {
    max-height: 540px;
  }
}

.jumbotron-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 160px;
  max-height: 540px;
  background: url(assets/img/jumbotron-bg@2x.png) center center no-repeat;
  background-size: cover;
}

@media screen and (min-width: 1112px) {
  .jumbotron-inner {
    height: 100vw;
  }
}

.jumbotron-slogan {
  padding: 6.4vw;
  text-align: center;
  background-color: #1d262f;
  font-size: 1.6rem;
}

.jumbotron-slogan img {
  max-width: 540px;
  height: auto;
}

.jumbotron-slogan__copy {
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.1rem;
}

@media screen and (min-width: 1112px) {
  .jumbotron-slogan__copy {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 1112px) {
  .jumbotron-slogan {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    background-color: rgba(29, 38, 47, 0.8);
    padding: 4.8vw;
  }
}

@media screen and (min-width: 1112px) {
  #search-box {
    margin: 2.0rem 0 0 0;
  }
  #search-box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #search-box form .inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #search-box form .size-mid {
    width: 200px;
  }
  #search-box form .size-small {
    width: 144px;
  }
  #search-box form .btn-search {
    padding: 1.4rem 3.2rem;
  }
}

.type-cards {
  margin: -36px -16px;
}

@media screen and (min-width: 1112px) {
  .type-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1.0rem 4.8rem -1.0rem;
  }
}

.type-cards .type-card {
  background-color: #fff;
  margin: 0.5rem 0;
  padding: 2.0rem 2.0rem;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 1.0rem;
    padding: 0;
    width: 50%;
  }
}

.type-cards .type-card--item {
  text-align: center;
  font-size: 2.0rem;
  font-weight: bold;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--item {
    padding: 2.4rem 2.0rem;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 100%;
  }
}

.type-cards .type-card--item .serch-block {
  margin: 1.6rem 0 0 0;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--item .serch-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.type-cards .type-card--item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--item a {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
}

.type-cards .type-card--item a img {
  width: 64px;
  height: auto;
  margin: 0 auto;
}

.type-cards .type-card--item .search-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.type-cards .type-card--item .search-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.5%;
  width: 25%;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--item .search-list li {
    padding: 0.8%;
    width: 14.2%;
  }
}

.type-cards .type-card--item .search-list li a {
  display: block;
  width: 100%;
  border: 1px solid #1f8065;
  padding: 0.8rem 0.2rem;
}

.type-cards .type-card--item .search-list li a .ruby {
  font-size: 1.1rem;
  width: 100%;
  color: #646464 !important;
}

.type-cards .type-card--item .search-list li a .search-name {
  display: block;
  font-size: 1.6rem;
}

.type-cards .type-card--item .search-list li a:hover {
  color: #fff;
  background-color: #1f8065;
}

.type-cards .type-card--item .search-list li a:hover .ruby {
  color: #fff !important;
}

.type-cards .type-card--item .search-list li a.disabled:hover .ruby {
  color: #646464 !important;
}

.type-cards .type-card--item.type-card--alphabet .search-list li {
  width: 19%;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--item.type-card--alphabet .search-list {
    width: 50%;
  }
  .type-cards .type-card--item.type-card--alphabet .search-list li a {
    padding: 0.2rem;
  }
}

.type-cards .type-card--container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #323232;
  padding: 0.8rem 0 0.8rem 1.6rem;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--container {
    padding: 0.8rem 0 0.8rem 0;
  }
}

.type-cards .type-card--container p {
  font-size: 1.4rem;
  color: #646464;
}

.type-cards .type-card--container p::after {
  content: '\f101';
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 1.2rem;
  margin-left: 0.5rem;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--container p {
    margin: 1.0rem 0 0 0;
  }
}

.type-cards .type-card--headline {
  font-weight: 900;
}

.type-cards .type-card--headline span {
  font-size: 1.8rem;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card--headline {
    margin: 1.0rem 0 0 0;
  }
}

.type-cards .type-card .type-card--perform {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  margin: 1.0rem 0 0 0;
  padding: 0.5rem 1.6rem;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card .type-card--perform {
    border: none;
    margin: 0;
    padding: 2.0rem;
    border-left: 1px solid #e0e0e0;
  }
}

.type-cards .type-card .type-card--perform a {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card .type-card--perform a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.type-cards .type-card .type-card--perform a img {
  margin: 1.0rem auto 0 auto;
  width: 20px;
  height: auto;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card .type-card--perform a img {
    width: 64px;
    margin: 0 auto;
  }
}

.type-cards .type-card .type-card--perform a .type-card--container {
  padding: 0.8rem 0 0.8rem 0.8rem;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card .type-card--perform a .type-card--container {
    padding: 0.8rem 0 0.8rem 0;
  }
}

.type-cards .type-card .type-card--perform .type-card--headline span {
  font-size: 1.4rem;
}

@media screen and (min-width: 1112px) {
  .type-cards .type-card .type-card--perform .type-card--headline span {
    font-size: 1.8rem;
  }
}

/* table */
.table-base {
  margin: 1.6rem 0 0 0;
}

.table-base th, .table-base td {
  border: 1px solid #e0e0e0;
  padding: 1.6rem;
}

.table-base th {
  width: 25%;
  background-color: #f3f3f3;
}

/* Base */
html, body {
  font-family: 'Noto Sans JP', source-han-sans-japanese, sans-serif;
  font-size: 62.5%;
  line-height: 1.6;
  font-style: normal;
  font-weight: 400;
  color: #323232;
  background-color: #f4f3e9;
  padding: 0;
  margin: 0 !important;
  letter-spacing: 0.05rem;
}

main {
  font-size: 1.4rem;
  padding: 36px 0;
}

@media screen and (min-width: 1112px) {
  main {
    font-size: 1.6rem;
    padding: 72px 0;
  }
}

.modal-iframe main {
  padding: 36px 0;
}

@media screen and (min-width: 768px) {
  #contents {
    padding: 0 2rem;
  }
}

.contents-inner {
  padding: 0 16px;
  max-width: 1200px;
}

@media screen and (min-width: 1112px) {
  .contents-inner {
    padding: 0;
    margin: 0 auto;
  }
}

.contents-inner a, .contents-inner a:visited {
  color: #1f8065;
  text-decoration: none;
}

.is-home main {
  margin: 0;
  padding: 0;
}

.is-home #contents {
  margin: 0;
  padding: 0;
}

.is-home .contents-inner {
  max-width: none;
  padding: 0;
}

.is-home .main-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 36px 16px;
}

@media screen and (min-width: 1112px) {
  .is-home .main-content {
    padding: 54px 0;
  }
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.panel-base {
  margin-top: 2.0rem;
  padding: 1.6rem;
  background-color: white;
  border: 1px solid #f4f4f4;
}

@media screen and (min-width: 1112px) {
  .panel-base {
    padding: 4.0rem;
  }
}

.panel-base h3 {
  font-size: 2.0rem;
  margin: 1.0rem 0 0 0;
  border-bottom: 1px solid #1f8065;
}

.panel-base .sectionBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin: 2.0rem 0 0 0;
}

.panel-base .sectionBody__block {
  width: 100%;
  padding: 0.75rem 0;
}

.panel-base .sectionBody__block p {
  margin-top: 0.5rem;
}

.panel-base .sectionBody .img {
  text-align: center;
}

@media screen and (min-width: 1112px) {
  .panel-base .sectionBody .img {
    width: 25%;
  }
}

.panel-base .sectionBody h4 {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  margin: 0;
}

.panel-base .sectionBody h4.h4 {
  margin: 1.6rem 0 1.0rem 0;
}

.panel-base .sectionBody .data {
  padding: 0rem 1.6rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media screen and (min-width: 1112px) {
  .panel-base .sectionBody .data {
    padding: 0rem 3.0rem;
  }
}

.panel-base .sectionBody .data h4 {
  display: block;
  width: 100%;
  font-size: 1.6rem;
  margin: 0.5rem 0 0 0;
}

.panel-base .sectionBody .data .items {
  font-size: 1.2rem;
  border-bottom: 1px solid #e0e0e0;
}

@media screen and (min-width: 1112px) {
  .panel-base .sectionBody .data .items {
    font-size: 1.6rem;
  }
}

.panel-base .sectionBody .data .items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.panel-base .sectionBody .data .items li .type {
  width: 64px;
  color: #666666;
  padding: 0.6rem 0;
}

@media screen and (min-width: 1112px) {
  .panel-base .sectionBody .data .items li .type {
    width: 90px;
    padding: 1.6rem 0.6rem;
  }
}

.panel-base .sectionBody .data .items li .number {
  text-align: center;
  width: 32px;
  color: #666666;
  padding: 0.6rem 0;
}

@media screen and (min-width: 1112px) {
  .panel-base .sectionBody .data .items li .number {
    width: 72px;
    padding: 1.6rem 0.6rem;
  }
}

.panel-base .sectionBody .data .items li .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #323232;
  border-bottom: 1px solid #e0e0e0;
}

.panel-base .sectionBody .data .items li .title a {
  display: block;
  color: #323232;
  background-color: #fff;
  padding: 0.6rem;
}

.panel-base .sectionBody .data .items li .title a:hover {
  color: #1f8065;
  -webkit-box-shadow: 0px 0px 6px #00000029;
          box-shadow: 0px 0px 6px #00000029;
}

@media screen and (min-width: 1112px) {
  .panel-base .sectionBody .data .items li .title a {
    padding: 1.6rem 0.6rem;
  }
}

.panel-base .sectionBody .data .items li:last-child .title {
  border-bottom: 1px solid rgba(224, 224, 224, 0);
}

@media screen and (min-width: 1112px) {
  .panel-base .searchAbout, .panel-base .list-style--disc {
    padding: 0 0 0 2rem;
    margin: 1.0rem 0;
  }
}

.panel-base .searchAbout li, .panel-base .list-style--disc li {
  margin: 1.6rem 0;
  padding: 0 0 0 1.6rem;
}

@media screen and (min-width: 1112px) {
  .panel-base .searchAbout li, .panel-base .list-style--disc li {
    padding: 0 0 0 0;
  }
}

.panel-base .searchAbout li::before, .panel-base .list-style--disc li::before {
  content: "●";
  font-size: 0.75rem;
  color: #1f8065;
  font-weight: bold;
  display: inline-block;
  width: 1.6rem;
  margin-top: -2px;
  margin-left: -1.6rem;
}

.panel-base--static {
  margin: 3.2rem 0 0 0;
}

.panel-base--static section {
  margin: 3.2rem 0 0 0;
}

.panel-base--static section:first-child {
  margin: 0;
}

.panel-base--static h2 {
  padding: 1.0rem 0;
}

.panel-base--static h3 {
  margin: 3.2rem 0 0 0;
}

.panel-base--static p {
  margin: 1.6rem 0 0 0;
}

.panel-base--static dl.data-list--base {
  border-bottom: 1px solid #e0e0e0;
  padding: 2.0rem 0;
}

.panel-base--static dl.data-list--base dt {
  font-weight: 900;
  margin: 0 0 1.0rem 0;
}

.is-home .panel-base {
  margin-top: 6rem;
}

.panel-base.kv {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.panel-base.kv .sectionBody {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}

.panel-base.kv .sectionBody .img {
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}

.panel-base.kv .sectionBody .img img {
  max-width: 120px;
  margin: 0 auto;
}

@media screen and (min-width: 1112px) {
  .panel-base.kv .sectionBody .img {
    width: 400px;
  }
  .panel-base.kv .sectionBody .img img {
    max-width: none;
  }
}

.panel-base.kv .sectionBody .result_header {
  border-bottom: 2px solid #1f8065;
  padding: 0 0 1.6rem 0;
  margin: 0 0 2rem 0;
}

.panel-base.kv .sectionBody .result_header h1 {
  font-size: 2.0rem;
  border: none;
}

@media screen and (min-width: 1112px) {
  .panel-base.kv .sectionBody .result_header h1 {
    font-size: 3.2rem;
  }
}

.panel-base.kv .sectionBody .result_header .perform_title {
  font-size: 2.4rem;
}

.panel-base.kv .sectionBody .data {
  padding: 0;
}

@media screen and (min-width: 1112px) {
  .panel-base.kv .sectionBody .data {
    padding: 0 0 0 3.0rem;
  }
}

.panel-base.kv .sectionBody .data .items li .title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: transparent;
}

.panel-base.kv .sectionBody .data .items li .title a::after {
  content: '\f054';
  color: #c9c9c9;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 1.2rem;
  margin-left: 1rem;
}

.panel-base.kv .sectionBody .data .items li .title a:hover::after {
  color: #1f8065;
}

.example {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: whitesmoke;
  margin: 0.8rem 0 0 0;
  padding: 1.2rem;
}

@media screen and (min-width: 1112px) {
  .example {
    margin: 1.6rem 0 0 0;
    padding: 2.4rem;
  }
}

.example dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.dl-list-block {
  margin: 0 0 1.0rem 0;
}

.dl-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.8rem 0 0.8rem 0;
  /*padding: 1.2rem;*/
}

@media screen and (min-width: 1112px) {
  .dl-list {
    margin: 1.6rem 0 1.6rem 0;
    /*padding: 2.4rem;*/
  }
}

.dl-list dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*modal*/
.iziModal {
  font-size: 1.6rem;
}

.iziModal .iziModal-header.iziModal-noSubtitle h2.iziModal-header-title {
  font-weight: bold;
}

.iziModal .iziModal-header.iziModal-noSubtitle h2.iziModal-header-title::before {
  display: none;
}

.iziModal .panel-base {
  margin-top: 0;
  border: none;
}

.iziModal .block-result {
  border-top: 1px solid rgba(0, 0, 0, 0.7);
  padding: 4vw;
}

.iziModal .block-result .search-control:first-child {
  margin-top: 0;
}

.iziModal .block-result .block-search-list {
  padding: 1.6rem 0;
}

.color-gray {
  color: #969696;
}

.link-button-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 1.0rem 0 0 0;
}

.link-button-list li {
  width: 100%;
  padding: 0.4rem;
}

@media screen and (min-width: 1112px) {
  .link-button-list li {
    width: auto;
  }
}

.link-button-list li a {
  display: block;
  border: 1px solid #1f8065;
  padding: 1.2rem;
}

.link-button-list li a:hover {
  background-color: #1f8065;
  color: #fff;
}

.result-headline {
  font-size: 3.2rem;
  text-align: center;
}

.result-block {
  margin: 6.0rem -1.0rem 0;
}

.result-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.result-block__list > li {
  width: 100%;
  background-color: #fff;
  margin: 1.0rem 0 0 0;
}

.result-block__list > li::before {
  display: block;
  content: '';
  width: 100%;
  height: 4px;
  background-color: #806023;
}

@media screen and (min-width: 1112px) {
  .result-block__list > li {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 1.0rem;
  }
}

.result-block__list > li.type01::before {
  background-color: #806023;
}

.result-block__list > li.type02::before {
  background-color: #6F9041;
}

.result-block__list > li.type03::before {
  background-color: #376888;
}

.result-block__list > li.type04::before {
  background-color: #6B3D83;
}

.result-block__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 2.4rem;
}

.result-block__link li {
  margin: 0 0 1.0rem 0;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 1112px) {
  .result-block__link li {
    width: 100%;
  }
}

.result-block__link li a {
  display: block;
}

.result-block__link li a .ruby {
  font-size: 1.2rem;
  color: #646464;
}

.search-type_1 .family_name {
  display: none;
}

.search-type_2 .family_name {
  display: block;
  color: #646464;
  font-size: 1.4rem;
  margin-right: 2.0rem;
}

.actor-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 2px solid #1f8065;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 0 1.6rem;
}

.actor-headline h1 .name {
  display: block;
  font-size: 2.4rem;
}

.actor-headline h1 .kana {
  font-size: 1.4rem;
}

.actor-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

@media screen and (min-width: 1112px) {
  .actor-link {
    width: auto;
  }
}

.actor-link li {
  width: 100%;
  margin-left: 1.0rem;
}

@media screen and (min-width: 1112px) {
  .actor-link li {
    width: auto;
  }
}

.actor-link li a {
  display: block;
  color: #fff;
  border: 1px solid #1f8065;
  padding: 1.2rem 1.6rem;
}

@media screen and (min-width: 1112px) {
  .actor-link li a {
    padding: 1.2rem 1.6rem;
  }
}

.actor-link li a::before {
  content: '\f054';
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

.button-style a,
.button-style a:visited {
  border: 1px solid #1f8065;
}

.button-style a::before,
.button-style a:visited::before {
  color: #1f8065;
}

.button-style a:hover {
  color: #fff;
  background-color: #1f8065;
}

.button-style-white a,
.button-style-white a:visited {
  color: #fff;
  border: 1px solid #1f8065;
  background-color: #1f8065;
}

.button-style-white a::before,
.button-style-white a:visited::before {
  color: #fff;
}

.button-style-white a:hover {
  -webkit-filter: brightness(90%);
          filter: brightness(90%);
}

.actor-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 3.0rem 0 0 0;
}

.actor-data__image {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (min-width: 1112px) {
  .actor-data__image {
    width: 136px;
  }
}

.actor-data__image figure {
  width: 136px;
}

.actor-data__image figure img {
  width: 100%;
}

.actor-data__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  -ms-flex-line-pack: baseline;
      align-content: baseline;
  width: 100%;
}

@media screen and (min-width: 1112px) {
  .actor-data__info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-left: 2.4rem;
  }
}

.actor-data__info dt, .actor-data__info dd {
  padding: 0.8rem;
}

.actor-data__info dt {
  font-weight: bold;
  width: 20%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 1112px) {
  .actor-data__info dt {
    width: 12%;
  }
}

.actor-data__info dd {
  width: 80%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

@media screen and (min-width: 1112px) {
  .actor-data__info dd {
    width: 88%;
  }
}

.nav-anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 3.0rem -0.5rem 2.0rem -0.5rem;
}

@media screen and (min-width: 1112px) {
  .nav-anchor {
    margin: 6.0rem -1.0rem 4.0rem -1.0rem;
  }
}

.nav-anchor li {
  width: 50%;
  text-align: center;
  padding: 0.5rem;
}

@media screen and (min-width: 1112px) {
  .nav-anchor li {
    width: 20%;
    padding: 0 1.0rem;
  }
}

.nav-anchor li a {
  width: 100%;
  display: block;
  padding: 1.2rem 1.6rem;
}

.nav-anchor li a span {
  display: block;
  margin: 0 auto;
}

.nav-anchor li a span::before {
  content: '\f309';
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

.mod-gallry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin: 2.0rem 0 0 0;
}

.mod-gallry li {
  width: 50%;
  padding: 1.0rem;
}

@media screen and (min-width: 1112px) {
  .mod-gallry li {
    width: 16.6666%;
  }
}

.mod-gallry li figure {
  max-height: 240px;
  overflow: hidden;
}

.mod-linklist {
  width: 100%;
  margin: 2.0rem 0 0 0;
}

.mod-linklist li {
  padding: 1.0rem;
}

.mod-linklist li a::before {
  color: rgba(0, 0, 0, 0.3);
  content: '\f054';
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.5rem;
}

.search-result-actor h1 {
  font-size: 2.4rem;
  text-align: center;
}

.search-result-actor__list .kana {
  font-size: 1.2rem;
  color: #646464;
}

.pedigree_image {
  max-width: 640px;
  margin: 0 auto;
}

.only-pc {
  display: none;
}

.only-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.view-none {
  display: none !important;
}

@media screen and (min-width: 1112px) {
  .only-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .only-sp {
    display: none;
  }
}

#is-omoide h3 {
  border-bottom: 2px solid #8c7532;
}

#is-omoide #service-header {
  background-color: #8c7532;
}

#is-omoide #service-header ul li a {
  color: #8c7532;
}

@media screen and (min-width: 1112px) {
  #is-omoide #service-header ul li a {
    color: white;
  }
}

#is-omoide .jumbotron-inner {
  background: url(assets/img/omoidedb_main@2x.jpg) center center no-repeat;
  background-size: cover;
}

#is-omoide .btn-search {
  background-color: #8c7532;
  border: 1px solid #8c7532;
}

#is-omoide .btn-search:hover {
  color: #8c7532;
  background-color: white;
  border: 1px solid #8c7532;
}

#is-omoide .type-cards .type-card--item .search-list li a {
  border: 1px solid #8c7532;
}

#is-omoide .type-cards .type-card--item .search-list li a:hover {
  color: #fff !important;
  background-color: #8c7532;
}

#is-omoide .type-cards .type-card--item .search-list li a:hover .ruby {
  color: #fff !important;
}

#is-omoide .contents-inner a, #is-omoide .contents-inner a:visited {
  color: #8c7532;
}

#is-omoide .link-button-list li a {
  border: 1px solid #8c7532;
}

#is-omoide .link-button-list li a:hover {
  color: #fff !important;
  background-color: #8c7532;
}

#is-omoide .button-style a, #is-omoide .button-style a:visited {
  border: 1px solid #8c7532;
}

#is-omoide .button-style a:hover, #is-omoide .button-style a:visited:hover {
  color: #fff;
  background-color: #8c7532;
}

#is-omoide .button-style-white a, #is-omoide .button-style-white a:visited {
  color: #fff;
  border: 1px solid #8c7532;
  background-color: #8c7532;
}

#is-omoide .actor-headline {
  border-bottom: 2px solid #8c7532;
}

#is-omoide .panel-base h3 {
  border-bottom: 1px solid #8c7532;
}

#is-omoide .searchAbout li::before, #is-omoide .list-style--disc li::before {
  color: #8c7532;
}

#is-omoide .result-block__section {
  padding: 2.4rem;
}

#is-omoide .result-block__section .result-block__item {
  padding: 0;
}

#is-omoide .result-block__section .result-block__item .result-block__link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2.0rem 0 0 0;
}

#is-omoide .result-block__section .result-block__item .result-block__link li {
  width: 50%;
}

@media screen and (min-width: 1112px) {
  #is-omoide .result-block__section .result-block__item .result-block__link li {
    width: 16.6666%;
  }
}

#is-omoide .result-block__link {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 2.0rem 0 0 0;
}

#is-omoide .result-block__link li {
  width: 50%;
}

@media screen and (min-width: 1112px) {
  #is-omoide .result-block__link li {
    width: 16.6666%;
  }
}

.page .panel-base p,
.page .panel-base h3 {
  margin-top: 20px;
}

#is-ontheweb #service-header {
  background-color: #333B43;
  border-bottom: 1px solid rgba(29, 38, 47, 0.15);
  text-align: center;
}

.disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

.disabled:hover {
  color: #1f8065 !important;
  background-color: #fff !important;
}

.disabled:hover .ruby {
  color: #646464 !important;
}

#is-omoide .type-cards .type-card--item .search-list li a.disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

#is-omoide .type-cards .type-card--item .search-list li a.disabled:hover {
  color: #8c7532 !important;
  background-color: #fff !important;
}

#is-omoide .type-cards .type-card--item .search-list li a.disabled:hover .ruby {
  color: #646464 !important;
}
/*# sourceMappingURL=style.css.map */