/*
  MediaQuery Type = Parts Unit
  0 < size
  @media only screen and (max-width: 600px)
  @media only screen and (min-width: 601px)
  @media only screen and (min-width: 601px) and (max-width: 992px)
  @media only screen and (max-width: 992px)
  @media only screen and (min-width: 993px)
  @media only screen and (min-width: 993px)
*/
.kindaichi_wrapper {
  background-image: url(../images/common/bg.jpg);
  background-size: cover;
}

@media only screen and (min-width: 993px) {
  .kindaichi_wrapper a {
    transition: opacity .1s ease;
  }
  .kindaichi_wrapper a:hover {
    opacity: 0.6;
  }
  .kindaichi_wrapper [id^="ntv_setAD"] a:hover {
    opacity: 1;
  }
}

.kindaichi_main {
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 0.1em;
  font-size: 1.6rem;
  color: #fff;
}

@media only screen and (max-width: 993px) {
  .kindaichi_main {
    padding: 0 3%;
  }
}

@media only screen and (max-width: 601px) {
  .kindaichi_main {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 993px) {
  .ntv-pageTop a {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 5px;
    z-index: 100;
  }
  .ntv-pageTop a:after {
    content: "";
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    margin-top: 24.5px;
  }
}

/* mainvisual
========================================== */
.kindaichi_mainvisual_inner {
  width: 100%;
  margin: 0 auto;
}

.kindaichi_mainvisual_img span {
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  display: block;
  width: 100%;
  padding-top: 21.25%;
  background-image: url(../images/header/header_pc.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  overflow: hidden;
  font-size: 0;
}

@media only screen and (max-width: 601px) {
  .kindaichi_mainvisual_img span {
    padding-top: 26.66667%;
    background-image: url(../images/header/header_sp.jpg);
  }
}

/* movie
========================================== */
.kindaichi_movie_inner {
  width: 100%;
  max-width: 745px;
  margin: 0 auto;
  padding: 2.5% 0;
}

.kindaichi_movie_inner .kindaichi_movie_player {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  margin: 0 auto 5%;
}

.kindaichi_movie_inner .kindaichi_movie_player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.kindaichi_movie_btn a {
  width: 50%;
  margin: 0 auto 3%;
  padding: 3% 2%;
  background: #8e7b2f;
  display: block;
  text-align: center;
  position: relative;
  vertical-align: middle;
  text-decoration: none;
  line-height: 1;
}

.kindaichi_movie_btn a span {
  padding-left: 3%;
}

.kindaichi_movie_btn a::before {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

@media only screen and (max-width: 993px) {
  .kindaichi_movie_btn a span {
    width: 100%;
    padding-top: 2%;
    padding-left: 0;
    display: block;
  }
}

@media only screen and (max-width: 601px) {
  .kindaichi_movie_inner {
    padding: 5% 0;
  }
  .kindaichi_movie_btn a {
    width: 85%;
  }
}

@media only screen and (max-width: 375px) {
  .kindaichi_movie_btn a {
    font-size: 1.3rem;
  }
}

/* schedule
========================================== */
.kindaichi_schedule_inner {
  width: 100%;
  max-width: 920px;
  margin: 2% auto;
}

.kindaichi_schedule_title {
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 100%;
  margin-bottom: 5%;
  padding-top: 15.21739%;
  background-image: url(../images/schedule/tit_schedule.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.kindaichi_schedule_box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 5%;
}

.kindaichi_schedule_box:last-of-type {
  margin-bottom: 0;
}

.kindaichi_schedule_box .kindaichi_schedule_list table td span {
  display: block;
}

.kindaichi_schedule_box .kindaichi_schedule_list table td span.txt {
  font-size: 1.2rem;
}

.kindaichi_schedule_subtitle {
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 100%;
  margin: 0 0 3%;
  padding-top: 7.6087%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.kindaichi_schedule_photo {
  font-size: 0;
  text-indent: -9999px;
  white-space: nowrap;
  width: 28%;
  padding-top: 35.3%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: contain;
}

.kindaichi_schedule_list {
  width: 72%;
  padding-left: 3%;
}

.kindaichi_schedule_list h4 {
  background: #8e7b2f;
  font-size: 2rem;
  padding: 1% 2%;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
}

.kindaichi_schedule_list h4 span {
  padding-left: 1%;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

.kindaichi_schedule_list dl {
  padding: 2% 0 4%;
  display: flex;
  flex-wrap: wrap;
}

.kindaichi_schedule_list dl dt {
  width: 30%;
  padding: 0.5% 0;
}

.kindaichi_schedule_list dl dd {
  width: 70%;
  padding: 0.5% 0;
}

.kindaichi_schedule_list ul {
  padding: 2% 0 4%;
}

.kindaichi_schedule_list ul li {
  padding: 0 0 1%;
}

.kindaichi_schedule_list ul li.notice {
  padding: 1% 0 0;
  font-size: 1.4rem;
}

.kindaichi_schedule_list table {
  width: 100%;
  font-size: 1.5rem;
  margin: 2.5% 0 0;
}

.kindaichi_schedule_list table th {
  padding: 1% 2%;
  background: #000;
  border: #9f6c68 1px solid;
  vertical-align: middle;
}

.kindaichi_schedule_list table td {
  padding: 1% 1.5%;
  border: #9f6c68 1px solid;
  vertical-align: middle;
  text-align: center;
}

.kindaichi_schedule_list table td.blank {
  letter-spacing: -1px;
}

.kindaichi_schedule_list table td:nth-of-type(1) {
  width: 5em;
  padding: 1% 0;
}

.kindaichi_schedule_list table td:nth-of-type(2) {
  width: 37%;
  text-align: left;
}

.yamada .kindaichi_schedule_subtitle {
  background-image: url(../images/schedule/name01_pc.jpg);
}

.yamada .kindaichi_schedule_photo {
  background-image: url(../images/schedule/img01.jpg);
}

.kamenashi .kindaichi_schedule_subtitle {
  background-image: url(../images/schedule/name02_pc.jpg);
}

.kamenashi .kindaichi_schedule_photo {
  background-image: url(../images/schedule/img02.jpg);
}

.matsumoto .kindaichi_schedule_subtitle {
  background-image: url(../images/schedule/name03_pc.jpg);
}

.matsumoto .kindaichi_schedule_photo {
  background-image: url(../images/schedule/img03.jpg);
}

.domoto .kindaichi_schedule_list h5 {
  padding: 4% 0 0;
}

.domoto .kindaichi_schedule_list dl {
  padding: 1% 0;
}

.domoto .kindaichi_schedule_list dl dt {
  width: 55%;
}

.domoto .kindaichi_schedule_list dl dd {
  width: 45%;
}

.domoto .kindaichi_schedule_list p {
  margin: 0 0 2%;
  padding: 2% 0 1%;
  border-bottom: #ddb1ad 1px dashed;
}

.domoto .kindaichi_schedule_list .add {
  padding: 0 0 5%;
}

.domoto .kindaichi_schedule_list .add h5 {
  padding: 2% 0 0;
}

.domoto .kindaichi_schedule_list .add ul li {
  padding: 0.5% 0;
}

.domoto .kindaichi_schedule_list_box {
  padding: 4% 0;
}

.domoto .kindaichi_schedule_list_box h5 {
  padding: 0 0 0;
}

.domoto .kindaichi_schedule_subtitle {
  background-image: url(../images/schedule/name04_pc.jpg);
}

.domoto .kindaichi_schedule_photo {
  background-image: url(../images/schedule/img04.jpg);
}

@media only screen and (max-width: 993px) {
  .kindaichi_schedule_list table {
    font-size: 1.3rem;
  }
  .kindaichi_schedule_list table td:nth-of-type(1) {
    width: 2.2em;
    padding: 1% 0;
  }
  .kindaichi_schedule_list table td:nth-of-type(2) {
    width: 10em;
    padding: 1% 1%;
  }
}

@media only screen and (max-width: 601px) {
  .kindaichi_schedule_title {
    padding-top: 18.66667%;
  }
  .kindaichi_schedule_box {
    margin-bottom: 8%;
  }
  .kindaichi_schedule_subtitle {
    padding-top: 9.09091%;
  }
  .kindaichi_schedule_photo {
    font-size: 0;
    text-indent: -9999px;
    white-space: nowrap;
    width: 100%;
    margin: 0 0 5%;
    padding-top: 60%;
  }
  .kindaichi_schedule_list {
    width: 100%;
    padding: 0;
  }
  .kindaichi_schedule_list h4 {
    font-size: 1.6rem;
    padding: 1% 3%;
  }
  .kindaichi_schedule_list h4 span {
    font-size: 1.2rem;
  }
  .kindaichi_schedule_list dl {
    padding: 2% 0 4%;
    display: flex;
    flex-wrap: wrap;
  }
  .kindaichi_schedule_list dl dt {
    width: 100%;
    padding: 0.5% 0;
    margin: 3% 0 0;
  }
  .kindaichi_schedule_list dl dt:first-of-type {
    margin-top: 0;
  }
  .kindaichi_schedule_list dl dd {
    width: 100%;
    padding: 0 0 3%;
    border-bottom: #9f6c68 1px solid;
  }
  .kindaichi_schedule_list dl dd:last-of-type {
    border-bottom: none;
  }
  .kindaichi_schedule_list ul li.notice {
    font-size: 1.2rem;
  }
  .kindaichi_schedule_list table {
    font-size: 1.15rem;
  }
  .kindaichi_schedule_list table th span {
    width: 100%;
    display: inline-block;
  }
  .kindaichi_schedule_list table td:nth-of-type(1) {
    width: 2.2em;
    padding: 1% 0;
  }
  .kindaichi_schedule_list table td:nth-of-type(2) {
    width: auto;
    padding: 1% 1%;
  }
  .kindaichi_schedule_list table td:nth-of-type(3) {
    width: 6.5em;
    padding: 1% 0;
  }
  .kindaichi_schedule_list table td:nth-of-type(4) {
    width: 6.5em;
    padding: 1% 0;
  }
  .kindaichi_schedule_list table td:nth-of-type(5) {
    width: 6.5em;
    padding: 1% 0;
  }
  .kindaichi_schedule_list table td span.txt {
    font-size: 1.5vw;
  }
  .yamada .kindaichi_schedule_subtitle {
    background-image: url(../images/schedule/name01_sp.jpg);
  }
  .kamenashi .kindaichi_schedule_subtitle {
    background-image: url(../images/schedule/name02_sp.jpg);
  }
  .matsumoto .kindaichi_schedule_subtitle {
    background-image: url(../images/schedule/name03_sp.jpg);
  }
  .domoto .kindaichi_schedule_subtitle {
    background-image: url(../images/schedule/name04_sp.jpg);
  }
  .domoto .kindaichi_schedule_list h5 {
    padding: 4% 0 0;
  }
  .domoto .kindaichi_schedule_list dl {
    padding: 1% 0;
  }
  .domoto .kindaichi_schedule_list dl dt {
    width: 100%;
  }
  .domoto .kindaichi_schedule_list dl dd {
    width: 100%;
    border-bottom: #9f6c68 1px solid;
  }
  .domoto .kindaichi_schedule_list p {
    padding: 4% 0 2%;
  }
  .domoto .kindaichi_schedule_list_box {
    padding-top: 2%;
  }
  .domoto .kindaichi_schedule_list_box h5 {
    padding: 2% 0 0;
  }
}

@media only screen and (max-width: 375px) {
  .kindaichi_schedule_list table {
    font-size: 1.1rem;
  }
  .kindaichi_schedule_list table td:nth-of-type(1) {
    width: 2.2em;
    padding: 1% 1%;
  }
  .kindaichi_schedule_list table td:nth-of-type(2) {
    width: auto;
    padding: 1% 1%;
  }
  .kindaichi_schedule_list table td:nth-of-type(3) {
    width: auto;
    padding: 1% 1%;
  }
  .kindaichi_schedule_list table td:nth-of-type(4) {
    width: auto;
    padding: 1% 1%;
  }
}

/* distribution
========================================== */
.kindaichi_distribution_inner {
  width: 100%;
  max-width: 920px;
  padding: 4% 0;
  margin: -5% auto 0;
}

.kindaichi_distribution_bnr {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.kindaichi_distribution_bnr li {
  width: 50%;
}

.kindaichi_distribution_bnr li:nth-of-type(1) {
  padding-right: 0.9%;
}

.kindaichi_distribution_bnr li:nth-of-type(2) {
  padding-left: 0.9%;
}

.kindaichi_distribution_bnr li:nth-of-type(3) {
  padding-top: 2%;
}

.kindaichi_distribution_bnr li img {
  width: 100%;
  height: auto;
}

@media only screen and (max-width: 601px) {
  .kindaichi_distribution_inner {
    margin-top: -8%;
    padding: 6% 0;
  }
  .kindaichi_distribution_bnr {
    flex-wrap: wrap;
  }
  .kindaichi_distribution_bnr li {
    width: 85%;
    margin: 0 auto;
  }
  .kindaichi_distribution_bnr li:nth-of-type(1) {
    padding-right: 0;
    padding-bottom: 2%;
  }
  .kindaichi_distribution_bnr li:nth-of-type(2) {
    padding-left: 0;
  }
}

/* banner
========================================== */
.kindaichi_banner_inner {
  width: 100%;
  max-width: 920px;
  margin: 0 auto;
}

.kindaichi_banner_img {
  padding: 5% 0;
  text-align: center;
}

.kindaichi_banner_img img {
  width: 100%;
  max-width: 800px;
  height: auto;
}

/* for printer
========================================== */
@media print {
  .not_print {
    display: none;
  }
}