@media only screen and (max-width: 720px) {
  #entertainment-container .l-content {
    padding-left: 0;
    padding-right: 0; } }
#entertainment {
  width: 1100px;
  font-size: 16px;
  background: #fff;
  color: #000;
  line-height: 1.6; }
  @media only screen and (max-width: 960px) {
    #entertainment {
      width: 100%; } }
  @media only screen and (max-width: 720px) {
    #entertainment {
      font-size: 14px; } }
  #entertainment .container {
    width: 100%; }
    #entertainment .container .pcnone {
      display: none; }
      @media only screen and (max-width: 960px) {
        #entertainment .container .pcnone {
          display: block; } }
  #entertainment .narrow {
    width: 770px;
    margin: 0 auto; }
    @media only screen and (max-width: 960px) {
      #entertainment .narrow {
        padding: 0 20px;
        width: 100%; } }
  @media only screen and (max-width: 720px) {
    #entertainment br.spnone {
      display: none; } }
  #entertainment #kv {
    position: relative; }
    #entertainment #kv h1 {
      margin: 0px auto; }
    #entertainment #kv .text-box {
      position: absolute;
      width: 80%;
      bottom: 60px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%); }
      #entertainment #kv .text-box p {
        text-align: center;
        font-weight: bold;
        line-height: 1.8; }
        #entertainment #kv .text-box p span {
          color: #0089ff; }
    @media only screen and (max-width: 960px) {
      #entertainment #kv .text-box {
        font-size: min(16px, 1.8vw);
        width: 90%;
        bottom: 20px; } }
    @media only screen and (max-width: 720px) {
      #entertainment #kv .text-box {
        font-size: min(16px, 3.2vw);
        bottom: 7%; }
        #entertainment #kv .text-box p {
          line-height: 2.0; } }
  #entertainment .page-ttl {
    padding: 80px 20px 0 20px;
    text-align: center; }
    #entertainment .page-ttl img {
      max-width: 80%; }
    @media only screen and (max-width: 720px) {
      #entertainment .page-ttl {
        padding-top: 40px; }
        #entertainment .page-ttl img {
          max-width: 95%; } }
  #entertainment .item {
    background: url("img/bg-item.png") no-repeat center top 140px;
    padding: 60px 0 0 0; }
    #entertainment .item .item-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-bottom: 50px; }
      #entertainment .item .item-header .item-ttl {
        width: 42%;
        padding-left: 9%;
        padding-top: 90px; }
        #entertainment .item .item-header .item-ttl img {
          margin-bottom: 30px; }
        #entertainment .item .item-header .item-ttl p {
          font-weight: bold;
          line-height: 1.7; }
      #entertainment .item .item-header .item-kv {
        width: 56%; }
        #entertainment .item .item-header .item-kv img {
          width: 100%;
          height: auto; }
    #entertainment .item:nth-child(2n) .item-header {
      -ms-flex-direction: row-reverse !important;
      flex-direction: row-reverse !important; }
      #entertainment .item:nth-child(2n) .item-header .item-ttl {
        padding-left: 0;
        padding-right: 9%; }
    #entertainment .item .item-imges {
      width: 82%;
      margin: 0 auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      #entertainment .item .item-imges .item-img-block {
        width: 30%; }
        #entertainment .item .item-imges .item-img-block .item-img {
          text-align: center; }
        #entertainment .item .item-imges .item-img-block img {
          margin-bottom: 10px; }
        #entertainment .item .item-imges .item-img-block p {
          font-size: 13px; }
    #entertainment .item .item-btn {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      background: url(img/bg-btn.png) no-repeat center top/cover;
      padding: 35px 13% 20px 13%;
      margin-top: 50px; }
      #entertainment .item .item-btn a {
        width: 50%;
        padding: 0 10px;
        transition: 0.3s;
        text-align: center; }
        #entertainment .item .item-btn a:hover {
          opacity: 0.7; }
      #entertainment .item .item-btn p {
        font-size: 14px;
        color: #000; }
    @media only screen and (max-width: 960px) {
      #entertainment .item {
        padding-top: 40px; }
        #entertainment .item .item-header {
          -ms-flex-align: center;
          align-items: center; }
          #entertainment .item .item-header .item-ttl {
            padding-left: 4%;
            padding-top: 0; }
            #entertainment .item .item-header .item-ttl img {
              margin-bottom: 20px; }
            #entertainment .item .item-header .item-ttl p {
              font-size: 1.8vw; }
        #entertainment .item:nth-child(2n) .item-header .item-ttl {
          padding-right: 4%; }
        #entertainment .item .item-imges {
          width: 92%; }
        #entertainment .item .item-btn {
          padding: 35px 4% 20px 4%; } }
    @media only screen and (max-width: 720px) {
      #entertainment .item .item-header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
        margin-bottom: 30px; }
        #entertainment .item .item-header .item-ttl {
          width: 100%;
          padding-right: 4%;
          margin-top: 30px; }
          #entertainment .item .item-header .item-ttl img {
            margin-bottom: 20px;
            width: 80%; }
          #entertainment .item .item-header .item-ttl p {
            font-size: 14px; }
        #entertainment .item .item-header .item-kv {
          width: 100%;
          padding-left: 10%; }
      #entertainment .item:nth-child(2n) .item-header {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important; }
        #entertainment .item:nth-child(2n) .item-header .item-ttl {
          padding-left: 4%; }
        #entertainment .item:nth-child(2n) .item-header .item-kv {
          padding-left: 0;
          padding-right: 10%; }
      #entertainment .item .item-imges {
        width: 90%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        #entertainment .item .item-imges .item-img-block {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -ms-flex-pack: center;
          justify-content: center;
          width: 100%;
          margin-bottom: 20px; }
          #entertainment .item .item-imges .item-img-block img {
            width: 88%; }
          #entertainment .item .item-imges .item-img-block p {
            font-size: 13px; }
      #entertainment .item .item-btn {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 35px 9% 20px 9%;
        margin-top: 20px; }
        #entertainment .item .item-btn a {
          width: 100%;
          padding: 0; }
          #entertainment .item .item-btn a:nth-child(2) {
            margin-top: 10px; }
        #entertainment .item .item-btn p {
          font-size: 2.8vw; } }
  #entertainment .title-box {
    padding: 60px 0px;
    margin: 0 auto; }
    #entertainment .title-box h2 {
      background: #fff;
      color: #0089ff;
      text-align: center;
      display: block;
      padding: 10px 0px;
      margin: 0 auto 30px auto;
      width: 45%;
      border-radius: 40px; }
    #entertainment .title-box p {
      line-height: 2;
      color: #fff;
      text-align: center; }
    #entertainment .title-box span {
      font-size: 0.8em; }
    @media only screen and (max-width: 960px) {
      #entertainment .title-box {
        padding: 60px 0px 30px 0px;
        width: 100%; }
        #entertainment .title-box h2 {
          width: 80%; }
        #entertainment .title-box p {
          text-align: left; } }
    @media only screen and (max-width: 720px) {
      #entertainment .title-box h2 {
        width: 100%; }
      #entertainment .title-box p {
        line-height: normal; } }
  #entertainment #case_program {
    background: url("img/wave_line1.png"), #0089ff;
    padding-bottom: 60px;
    padding-top: 40px;
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: contain, contain, cover; }
    #entertainment #case_program #content {
      width: 900px;
      margin: 0 auto; }
      #entertainment #case_program #content .block {
        width: 100%;
        margin-bottom: 30px;
        border: 6px solid #fff; }
        #entertainment #case_program #content .block .title-bar {
          display: -ms-flexbox;
          display: flex;
          -ms-flex-align: center;
          align-items: center;
          border-bottom: 1px solid #fff;
          -ms-flex-pack: start;
          justify-content: flex-start; }
          #entertainment #case_program #content .block .title-bar .case {
            width: auto;
            background: #fff;
            color: #0089ff;
            font-weight: bold;
            padding: 30px 20px;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center; }
            #entertainment #case_program #content .block .title-bar .case span {
              font-size: 1.2em;
              white-space: nowrap; }
            #entertainment #case_program #content .block .title-bar .case span.number {
              font-size: 3em;
              margin-left: 10px;
              font-family: sans-serif; }
          #entertainment #case_program #content .block .title-bar h3 {
            width: auto;
            color: #fff;
            margin-left: 30px;
            font-size: 1.8em; }
        #entertainment #case_program #content .block .description-box {
          border-bottom: 1px solid #fff;
          padding: 30px 0px 30px 40px;
          font-size: 1.4em;
          font-weight: bold;
          line-height: 2; }
        #entertainment #case_program #content .block .box {
          padding: 30px 40px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between; }
          #entertainment #case_program #content .block .box .img {
            width: 48%; }
          #entertainment #case_program #content .block .box .txt {
            width: 48%;
            font-size: 0.9em; }
        #entertainment #case_program #content .block .award-box {
          background: #28b6ff;
          margin: 0px 40px 30px 40px;
          padding: 10px 30px;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-pack: justify;
          justify-content: space-between;
          -ms-flex-align: center;
          align-items: center; }
          #entertainment #case_program #content .block .award-box .medal {
            width: 100px; }
            #entertainment #case_program #content .block .award-box .medal img {
              width: 80px; }
          #entertainment #case_program #content .block .award-box .award-title {
            width: 85%; }
            #entertainment #case_program #content .block .award-box .award-title p {
              line-height: 2;
              font-weight: bold;
              font-size: 0.9em; }
              #entertainment #case_program #content .block .award-box .award-title p a {
                color: #fff; }
                #entertainment #case_program #content .block .award-box .award-title p a:hover {
                  text-decoration: underline; }
    @media only screen and (max-width: 960px) {
      #entertainment #case_program {
        padding: 0px 20px 30px 20px; }
        #entertainment #case_program #content {
          width: 100%; }
          #entertainment #case_program #content .block .title-bar .case {
            padding: 10px; }
            #entertainment #case_program #content .block .title-bar .case span {
              font-size: 0.8em;
              line-height: normal; }
            #entertainment #case_program #content .block .title-bar .case span.number {
              font-size: 2em;
              margin-left: 5px; }
          #entertainment #case_program #content .block .title-bar h3 {
            font-size: 1.4em;
            margin-left: 10px; }
          #entertainment #case_program #content .block .description-box {
            padding: 10px;
            font-size: 1em;
            line-height: normal; }
          #entertainment #case_program #content .block .box {
            padding: 10px;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
            #entertainment #case_program #content .block .box .img {
              width: 100%; }
            #entertainment #case_program #content .block .box .txt {
              width: 100%;
              margin-top: 10px; }
          #entertainment #case_program #content .block .award-box {
            margin: 0px 10px 10px 10px;
            padding: 10px; }
            #entertainment #case_program #content .block .award-box .medal {
              width: auto; }
              #entertainment #case_program #content .block .award-box .medal img {
                width: 70px; }
            #entertainment #case_program #content .block .award-box .award-title {
              width: 87%; } }
    @media only screen and (max-width: 720px) {
      #entertainment #case_program #content .block .title-bar .case span.number {
        font-size: 1.4em; }
      #entertainment #case_program #content .block .title-bar h3 {
        font-size: 1em; }
      #entertainment #case_program #content .block .award-box {
        margin: 0px; }
        #entertainment #case_program #content .block .award-box .medal {
          margin-right: 5px; }
          #entertainment #case_program #content .block .award-box .medal img {
            width: 40px; }
        #entertainment #case_program #content .block .award-box .award-title {
          font-size: 0.8em; }
          #entertainment #case_program #content .block .award-box .award-title p {
            line-height: normal; } }
  #entertainment #award-info {
    background: url("img/wave_line2.png"), #fff;
    padding-top: 40px;
    padding-bottom: 10px;
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: contain, contain; }
    #entertainment #award-info .title-box h2 {
      background: #0089ff;
      color: #fff; }
    #entertainment #award-info .title-box p {
      color: #424242; }
    #entertainment #award-info .info-box {
      width: 900px;
      margin: 0px auto 50px auto;
      border: 6px solid #a9e2ff; }
      #entertainment #award-info .info-box h3 {
        font-size: 1.5em;
        font-weight: bold;
        padding: 30px 0px 20px 30px;
        color: #0089ff;
        text-decoration: underline; }
        #entertainment #award-info .info-box h3 a {
          color: #0089ff; }
          #entertainment #award-info .info-box h3 a:hover {
            color: #00a8ff; }
        #entertainment #award-info .info-box h3 span {
          font-weight: normal;
          display: inline-block;
          margin-left: 30px;
          font-size: 0.8em;
          text-decoration: none; }
      #entertainment #award-info .info-box table {
        border-top: 2px solid #daf0fc;
        width: 100%; }
        #entertainment #award-info .info-box table tr {
          border-bottom: 2px solid #daf0fc; }
          #entertainment #award-info .info-box table tr th {
            width: 140px; }
            #entertainment #award-info .info-box table tr th span {
              margin-left: 20px;
              background: #0089ff;
              width: 100px;
              font-size: 0.9em;
              border-radius: 25px;
              display: block;
              text-align: center; }
          #entertainment #award-info .info-box table tr td {
            color: #424242;
            padding: 20px;
            font-size: 0.9em; }
      #entertainment #award-info .info-box a.info-btn {
        margin: 30px auto;
        background: #f38a00;
        padding: 15px 40px;
        display: block;
        width: 300px;
        color: #fff;
        font-weight: bold;
        text-align: center;
        border-radius: 5px;
        font-size: 1.2em; }
        #entertainment #award-info .info-box a.info-btn:hover {
          background: #ffa32a;
          transition: 0.3s; }
    @media only screen and (max-width: 960px) {
      #entertainment #award-info {
        padding: 0px 20px 10px 20px; }
        #entertainment #award-info .info-box {
          width: 100%; }
          #entertainment #award-info .info-box h3 {
            font-size: 1.2em;
            padding: 10px; }
            #entertainment #award-info .info-box h3 span {
              font-size: 0.7em;
              margin-left: 10px; }
          #entertainment #award-info .info-box table tr th {
            width: 100%;
            display: block;
            padding-top: 10px; }
            #entertainment #award-info .info-box table tr th span {
              margin-left: 10px;
              font-size: 0.8em; }
          #entertainment #award-info .info-box table tr td {
            padding: 10px;
            width: 100%;
            display: block; }
          #entertainment #award-info .info-box a.info-btn {
            width: 90%;
            padding: 15px; } }

.no-links {
  pointer-events: none;
  cursor: default;
  text-decoration: none; }
  .no-links img {
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5; }

.txt__close {
  padding: 0 0 0;
  text-align: center;
  font-weight: bold !important;
  font-size: 15px !important; }
  @media only screen and (max-width: 720px) {
    .txt__close {
      font-size: 13px !important; } }

.txt__close02 {
  padding: 5px 0 0;
  text-align: center;
  font-weight: bold !important;
  font-size: 15px !important; }
  @media only screen and (max-width: 720px) {
    .txt__close02 {
      font-size: 13px !important; } }