/* Scss Document */
body {
  margin: 0;
  padding: 0;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.8; }

header {
  background: url("../images/2019/top_bg.jpg") bottom center;
  background-size: cover;
  text-align: center; }
  header #header {
    max-width: 1024px;
    padding: 20px;
    margin: auto; }
    @media (max-width: 768px) {
      header #header {
        padding: 10px 10px 0; } }
    header #header h1 {
      margin: 0;
      padding: 0; }
    header #header img {
      width: 100%; }

main section {
  max-width: 1024px;
  padding: 20px;
  margin: auto; }
  @media (max-width: 768px) {
    main section {
      padding: 10px; } }
main .award_flame {
  border-radius: 20px;
  padding: 15px 15px 10px;
  margin: 0 0 20px; }
  main .award_flame .title {
    -js-display: flex;
    display: flex;
    width: 100%;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      main .award_flame .title {
        flex-direction: column;
        align-items: center; } }
    main .award_flame .title .left {
      width: 42%; }
      @media (max-width: 768px) {
        main .award_flame .title .left {
          width: 60%;
          margin-bottom: 10px; } }
      main .award_flame .title .left img {
        width: 100%; }
    main .award_flame .title .right {
      width: 58%;
      padding-left: 20px; }
      @media (max-width: 768px) {
        main .award_flame .title .right {
          width: auto;
          padding-left: 0; } }
      main .award_flame .title .right .name {
        font-family: "kozuka-gothic-pr6n",sans-serif;
        font-style: normal;
        font-weight: 900;
        font-size: 2.8em;
        line-height: 1.8;
        letter-spacing: -0.08em;
        margin: 0; }
        @media (max-width: 1024px) {
          main .award_flame .title .right .name {
            font-size: 2.1em; } }
        @media (max-width: 768px) {
          main .award_flame .title .right .name {
            font-size: 2.35em;
            display: table;
            margin-bottom: 10px; } }
        @media (max-width: 480px) {
          main .award_flame .title .right .name {
            font-size: 1.8em; } }
      main .award_flame .title .right ul {
        list-style: none;
        margin: 0 0 0 20px;
        padding: 0;
        -js-display: flex;
        display: flex;
        flex-wrap: wrap; }
        @media (max-width: 768px) {
          main .award_flame .title .right ul {
            display: table; } }
        main .award_flame .title .right ul li {
          font-weight: bold;
          line-height: 1.6;
          margin: 0 40px 5px 0;
          padding: 0 0 0 1.3em;
          position: relative; }
          main .award_flame .title .right ul li.time {
            width: 100%; }
          main .award_flame .title .right ul li.tel {
            font-size: 1.2em; }
          main .award_flame .title .right ul li:before {
            content: "";
            position: absolute;
            display: inline-block;
            top: 3px;
            left: 0;
            width: 1em;
            height: 1em; }
          main .award_flame .title .right ul li.time:before {
            top: 5px;
            background: url("../images/2019/ico_time.png") top left no-repeat;
            background-size: cover; }
          main .award_flame .title .right ul li.holiday:before {
            background: url("../images/2019/ico_holiday.png") top left no-repeat;
            background-size: cover; }
          main .award_flame .title .right ul li.tel:before {
            background: url("../images/2019/ico_tel.png") top left no-repeat;
            background-size: cover; }
  main .award_flame .comment {
    margin: 10px auto;
    overflow: hidden; }
    main .award_flame .comment .left {
      width: 49%;
      margin-right: 15px;
      float: left; }
      @media (max-width: 768px) {
        main .award_flame .comment .left {
          width: auto;
          margin: 0 0 20px;
          float: none; } }
      main .award_flame .comment .left img {
        width: 100%; }
    main .award_flame .comment .right p {
      margin: 0; }
    main .award_flame .comment .right img {
      float: left;
      width: 180px;
      height: auto;
      margin-right: 15px; }
    main .award_flame .comment .right .episode {
      margin-bottom: 30px; }
  main .award_flame .add {
    -js-display: flex;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 768px) {
      main .award_flame .add {
        flex-wrap: wrap; } }
    main .award_flame .add .left,
    main .award_flame .add .center,
    main .award_flame .add .right {
      width: 33%; }
      @media (max-width: 768px) {
        main .award_flame .add .left,
        main .award_flame .add .center,
        main .award_flame .add .right {
          width: 49%; } }
      main .award_flame .add .left img,
      main .award_flame .add .center img,
      main .award_flame .add .right img {
        width: 100%;
        height: auto; }
    @media (max-width: 768px) {
      main .award_flame .add .left {
        width: 100%; } }
    main .award_flame .add .left p {
      font-size: 1.2em;
      font-weight: bold;
      line-height: 2em; }
main .award1 {
  border: 4px solid #f08300;
  background: url("../images/2019/first_bg.jpg") top left no-repeat; }
main .award2 {
  border: 4px solid #8fc31f;
  background: url("../images/2019/second_bg.jpg") top left no-repeat; }
main #full_bg1 {
  background: url("../images/2019/episode_bg.png") top left repeat;
  margin: 0;
  padding: 0; }
main .others p {
  font-family: fot-tsukubrdgothic-std, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.6em;
  color: #7f2500;
  text-align: center;
  margin: 20px 0; }
main .others .others_li {
  -js-display: flex;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 768px) {
    main .others .others_li {
      flex-wrap: wrap; } }
  main .others .others_li .left,
  main .others .others_li .center,
  main .others .others_li .right {
    width: 31.5%;
    border-radius: 20px;
    border: 2px solid #985d00;
    padding: 5px;
    position: relative; }
    @media (max-width: 768px) {
      main .others .others_li .left,
      main .others .others_li .center,
      main .others .others_li .right {
        width: 100%;
        margin-bottom: 10px; } }
    main .others .others_li .left:after,
    main .others .others_li .center:after,
    main .others .others_li .right:after {
      content: "";
      position: absolute;
      display: inline-block;
      width: 40px;
      height: 40px;
      top: 0;
      right: -10px;
      background-image: url("../images/2019/ico_pen.png");
      background-size: cover; }
    main .others .others_li .left .inner,
    main .others .others_li .center .inner,
    main .others .others_li .right .inner {
      background-color: #fff;
      border-radius: 15px;
      padding: 10px;
      height: 100%;
      -js-display: flex;
      display: flex;
      flex-direction: column; }
    main .others .others_li .left h3,
    main .others .others_li .center h3,
    main .others .others_li .right h3 {
      font-family: "kozuka-gothic-pr6n",sans-serif;
      font-style: normal;
      font-weight: 900;
      font-size: 1.1em;
      color: #985d00;
      text-align: center;
      margin: 0; }
    main .others .others_li .left p,
    main .others .others_li .center p,
    main .others .others_li .right p {
      font-weight: 400;
      font-size: 1em;
      line-height: 1.6;
      color: inherit;
      text-align: left;
      margin-bottom: 20px; }
      main .others .others_li .left p.add,
      main .others .others_li .center p.add,
      main .others .others_li .right p.add {
        font-family: "kozuka-gothic-pr6n",sans-serif;
        font-style: normal;
        font-weight: 700;
        display: table;
        margin: auto auto 0; }
main #full_bg2 {
  background-color: #fffbed;
  padding: 20px 0; }
main .gallery h2 {
  font-family: "kozuka-gothic-pr6n",sans-serif;
  font-style: normal;
  font-weight: 900;
  color: #d7000f;
  font-size: 2.2em;
  text-align: center; }
  @media (max-width: 768px) {
    main .gallery h2 {
      font-size: 1.9em; } }
main .gallery ul {
  list-style: none;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0; }
  main .gallery ul li {
    width: 32%;
    background-color: #fff799;
    margin-bottom: 20px; }
    @media (max-width: 768px) {
      main .gallery ul li {
        width: 49%; } }
    main .gallery ul li img {
      width: 100%; }
    main .gallery ul li h3 {
      font-family: "kozuka-gothic-pr6n",sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 1em;
      line-height: 1.6;
      color: #009b63;
      text-align: center;
      margin: 10px 0 5px; }
      @media (max-width: 768px) {
        main .gallery ul li h3 {
          font-size: .9em; } }
    main .gallery ul li p {
      font-size: .85em;
      margin: 5px 10px 10px; }
      @media (max-width: 768px) {
        main .gallery ul li p {
          font-size: .8em; } }

footer nav {
  display: none; }
@media (max-width: 768px) {
  footer {
    margin-bottom: 38px; }
    footer nav {
      display: block; }
    footer .footer-nav {
      position: fixed;
      left: 0;
      bottom: 0; }
      footer .footer-nav .nav-list {
        display: table;
        padding: 0;
        list-style: none;
        text-align: center;
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse; }
        footer .footer-nav .nav-list .nav-item {
          display: table-cell;
          padding: 4px 0px;
          border-right: solid 1px #f1f1f1;
          background-color: #004098; }
          footer .footer-nav .nav-list .nav-item a {
            font-size: .8em;
            text-decoration: none;
            color: #fff; } }