@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #555;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  line-height: 150%;
  word-wrap: break-word; }

th, td {
  color: #555;
  vertical-align: top;
  font-size: 16px;
  font-weight: normal;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  line-height: 150%;
  word-wrap: break-word; }

h1, h2, h3, h4, h5, h6 {
  font-size: 18px;
  line-height: 150%;
  font-feature-settings: "palt"; }

.wrap {
  width: 100%;
  max-width: 1600px;
  margin: auto; }

.content {
  width: 90%;
  max-width: 90%;
  padding: 0 0;
  box-sizing: border-box; }

.content_foot,
.global_foot {
  width: 90%;
  max-width: 90%; }

.content_foot ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center; }
  @media only screen and (max-width: 768px) {
    .content_foot ul {
      -webkit-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (min-width: 769px) {
    .content_foot ul {
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: stretch;
      align-items: stretch;
      -webkit-align-content: stretch;
      align-content: stretch;
      text-align: center; } }

@media only screen and (max-width: 768px) {
  .content_foot .map {
    margin: 0 0 20px 0;
    width: 100%; } }

@media only screen and (min-width: 769px) {
  .content_foot .map {
    width: calc( 100% - 320px); } }

@media only screen and (max-width: 768px) {
  .content_foot .tweet {
    width: 100%; } }

@media only screen and (min-width: 769px) {
  .content_foot .tweet {
    width: 300px; } }

.hero {
  margin: 0 0 15px 0; }
  .hero img {
    width: 100%; }

.iteminfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  text-align: center;
  margin: 0 0 30px 0; }
  @media only screen and (max-width: 768px) {
    .iteminfo {
      -webkit-flex-direction: column;
      flex-direction: column; } }
  @media only screen and (min-width: 769px) {
    .iteminfo {
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: stretch;
      align-items: stretch;
      -webkit-align-content: stretch;
      align-content: stretch;
      text-align: center; } }
  .iteminfo h2 {
    background-color: #000;
    color: #fff;
    padding: 10px 0 9px 0; }
  .iteminfo .block {
    box-sizing: border-box; }
    @media only screen and (max-width: 768px) {
      .iteminfo .block {
        width: 100%;
        margin: 0 0 20px 0; } }
    @media only screen and (min-width: 769px) {
      .iteminfo .block {
        width: 49%; } }
  .iteminfo .artist {
    background-color: #efefef;
    padding: 15px;
    box-sizing: border-box;
    border-top: 3px solid #af0000;
    border-bottom: 3px solid #af0000;
    margin: 0 0 15px 0; }
  .iteminfo .pic {
    background-color: #c9c9c9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    overflow: hidden;
    margin: 0 auto 10px; }
    @media only screen and (max-width: 768px) {
      .iteminfo .pic {
        height: 300px; } }
    @media only screen and (min-width: 769px) {
      .iteminfo .pic {
        height: 550px; } }
    .iteminfo .pic img {
      width: auto;
      width: 100%;
      height: auto; }
  .iteminfo .taboo li {
    width: 32%;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box; }
    .iteminfo .taboo li img {
      max-width: 100%;
      width: auto;
      max-height: 130px;
      height: auto; }
  .iteminfo .kazzrock li {
    width: 24%;
    border: 1px solid #ccc;
    padding: 10px;
    box-sizing: border-box; }
    .iteminfo .kazzrock li img {
      max-width: 100%;
      width: auto;
      max-height: 130px;
      height: auto; }
  .iteminfo .thum {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    align-content: stretch; }
    .iteminfo .thum li {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-align-items: center;
      align-items: center;
      -webkit-align-content: center;
      align-content: center;
      height: 150px; }
  .iteminfo table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse; }
    @media only screen and (max-width: 768px) {
      .iteminfo table th, .iteminfo table td {
        text-align: left; }
      .iteminfo table th {
        width: 25%; }
      .iteminfo table td {
        width: 75%; } }
    @media only screen and (min-width: 769px) {
      .iteminfo table th, .iteminfo table td {
        border-bottom: 1px dotted #ccc;
        padding: 6px 0 5px 0; }
      .iteminfo table th {
        width: 25%; }
      .iteminfo table td {
        width: 75%; } }

.attention {
  text-align: center;
  margin: 0 0 40px 0; }
  .attention h3 {
    background-color: #cc0000;
    color: #fff;
    padding: 10px 0 9px 0; }
  .attention ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 0 0 20px;
    padding: 0; }
    @media only screen and (max-width: 768px) {
      .attention ul {
        -webkit-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (min-width: 769px) {
      .attention ul {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch;
        text-align: center; } }
  @media only screen and (max-width: 768px) {
    .attention li {
      width: 100%;
      text-align: left; } }
  @media only screen and (min-width: 769px) {
    .attention li {
      width: 31%;
      text-align: left; } }

.talk {
  text-align: center;
  margin: 0 0 40px 0; }
  .talk h4 {
    background-color: #000;
    color: #fff;
    padding: 10px 0 9px 0; }
  .talk .detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
    @media only screen and (max-width: 768px) {
      .talk .detail {
        -webkit-flex-direction: column;
        flex-direction: column; } }
    @media only screen and (min-width: 769px) {
      .talk .detail {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        align-content: stretch; } }
    .talk .detail .info {
      text-align: left; }
      @media only screen and (min-width: 769px) {
        .talk .detail .info {
          order: 2;
          width: 48%; } }
      .talk .detail .info table {
        width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        margin: 0 0 15px 0; }
      .talk .detail .info th, .talk .detail .info td {
        border-bottom: 1px solid #ccc;
        padding: 8px 0; }
      .talk .detail .info th {
        width: 20%;
        text-align: center; }
      .talk .detail .info td {
        width: 80%; }
      .talk .detail .info p {
        margin: 0 0 20px 0; }
    @media only screen and (min-width: 769px) {
      .talk .detail .pic {
        order: 1;
        width: 50%; } }
    .talk .detail .pic ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      flex-direction: row;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-align-items: stretch;
      align-items: stretch;
      -webkit-align-content: stretch;
      align-content: stretch; }
    .talk .detail .pic li {
      width: 49%;
      margin: 0 0 10px 0; }
    .talk .detail .pic img {
      width: 100%;
      max-width: 100%; }
    .talk .detail .sanka {
      margin: 0;
      padding: 0;
      list-style: none; }
      .talk .detail .sanka li {
        margin: 0 0 20px 0; }

.last_year {
  text-align: center;
  margin: 0 0 40px 0; }
  .last_year h5 {
    background-color: #000;
    color: #fff;
    padding: 10px 0 9px 0; }
  .last_year .block {
    margin: 0 5px; }
    .last_year .block img {
      max-height: 500px; }
  .last_year .slider {
    display: none; }
  .last_year .slider.slick-initialized {
    display: block; }