@charset "UTF-8";
/*ＭＯＤＵＬＥ*/
/* -----------------------------------------------------------------
MODULE CSS
LAST UPDATE: 
--------------------------------------------------------------------*/
/*---------------------------------
 *notice
-----------------------------------*/
.emergency {
  background: #666666;
  padding: 12px 20px;
  min-width: 1315px; }
  .emergency p {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    width: 1000px;
    text-align: left;
    padding-left: 30px;
    margin: 0 auto 10px; }
    .emergency p:last-child {
      margin-bottom: 0; }
    .emergency p::before {
      content: "";
      display: inline-block;
      background: url("/common/img/icon_emergency.svg") no-repeat 0 0;
      width: 20px;
      height: 17px;
      background-size: 100% auto;
      position: absolute;
      top: 0;
      left: 0; }

@media screen and (max-width: 768px) {
  .emergency {
    padding: 10px;
    min-width: 0; }
    .emergency::before {
      width: 15px;
      height: 12px; }
    .emergency p {
      margin-left: 8px;
      font-size: 1.2rem;
      width: calc(100% - 28px);
      text-align: left; } }
.memberNotice {
  background: #444444;
  padding: 12px 20px;
  min-width: 1315px; }
  .memberNotice p {
    display: block;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    width: 1000px;
    text-align: left;
    padding-left: 30px;
    margin: 0 auto 10px; }
    .memberNotice p:last-child {
      margin-bottom: 0; }
    .memberNotice p::before {
      content: "";
      display: inline-block;
      background: url("/common/img/icon_emergency.svg") no-repeat 0 0;
      width: 20px;
      height: 17px;
      background-size: 100% auto;
      position: absolute;
      top: 0;
      left: 0; }

@media screen and (max-width: 768px) {
  .memberNotice {
    padding: 10px;
    min-width: 0; }
    .memberNotice::before {
      width: 15px;
      height: 12px; }
    .memberNotice p {
      margin-left: 8px;
      font-size: 1.2rem;
      width: calc(100% - 28px);
      text-align: left; } }
/*---------------------------------
 *kvArea
-----------------------------------*/
#kvArea .sliderPtn01 {
  margin: 20px 0 10px;
  overflow: hidden; }
  #kvArea .sliderPtn01 #kvSlider li {
    margin: 0 10px;
    opacity: 0.4; }
    #kvArea .sliderPtn01 #kvSlider li.slick-current {
      opacity: 1; }
    #kvArea .sliderPtn01 #kvSlider li a img {
      transition: 0.4s;
      border-radius: 10px; }
      #kvArea .sliderPtn01 #kvSlider li a img:hover {
        opacity: 0.6 !important; }
#kvArea .slideOp {
  position: relative;
  width: 385px;
  margin: 0 auto;
  text-align: center; }
  #kvArea .slideOp .slick-prev {
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin-right: 10px; }
  #kvArea .slideOp .slick-next {
    display: inline-block;
    vertical-align: middle;
    position: static;
    margin-left: 10px; }
  #kvArea .slideOp .dots {
    display: inline-block;
    vertical-align: middle; }
  #kvArea .slideOp .jsButton {
    display: block;
    position: absolute;
    top: 3px;
    right: 0; }

@media screen and (max-width: 768px) {
  #kvArea .sliderPtn01 {
    margin: 0 0 10px;
    overflow: hidden; }
    #kvArea .sliderPtn01 #kvSlider li {
      margin: 0; }
      #kvArea .sliderPtn01 #kvSlider li a img {
        border-radius: 0; }
  #kvArea .slideOp {
    position: relative;
    width: auto;
    margin: 0 auto;
    text-align: center; }
    #kvArea .slideOp .slick-prev {
      display: inline-block;
      vertical-align: middle;
      position: static;
      margin-right: 10px; }
    #kvArea .slideOp .slick-next {
      display: inline-block;
      vertical-align: middle;
      position: static;
      margin-left: 10px; }
    #kvArea .slideOp .dots {
      display: inline-block;
      vertical-align: middle; }
    #kvArea .slideOp .jsButton {
      display: block;
      position: absolute;
      top: 3px;
      right: 0; } }
/*---------------------------------
 *bunner
-----------------------------------*/
#bunner {
  margin-top: 30px; }
  #bunner p {
    width: 1000px;
    margin: 0 auto; }
    #bunner p a {
      display: block; }

@media screen and (max-width: 768px) {
  #bunner {
    margin-top: 20px; }
    #bunner p {
      width: auto;
      margin: 0 6vw; } }
/*---------------------------------
 *freeProgram
-----------------------------------*/
#freeProgram {
  background: #f2f2f2;
  padding: 35px 0 35px 50px;
  overflow: hidden; }
  #freeProgram h2 {
    font-size: 2.8rem;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px; }
    #freeProgram h2::before {
      content: "";
      background: #00288C;
      width: 5px;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
    #freeProgram h2 span {
      font-size: 1.6rem;
      color: #fff;
      background: #00288C;
      vertical-align: middle;
      font-weight: bold;
      border-radius: 20px;
      padding: 3px 10px;
      margin-left: 15px;
      display: inline-block;
      margin-top: -6px; }
  #freeProgram h3 {
    width: 160px; }
    #freeProgram h3 img {
      display: block;
      text-align: center;
      margin: 0 auto; }
    #freeProgram h3 strong {
      font-size: 1.8rem;
      display: block;
      text-align: center;
      color: #00288C;
      margin: 15px 0; }
  #freeProgram .sliderPtn02 {
    display: flex;
    align-items: center; }
  #freeProgram #freeProgramSlider {
    width: calc(100% - 160px);
    overflow: hidden;
    margin-top: 0;
    padding-right: 15px; }
    #freeProgram #freeProgramSlider .swiper-slide {
      width: 620px;
      margin: 0; }
      #freeProgram #freeProgramSlider .swiper-slide a {
        display: flex;
        transition: 0.4s; }
        #freeProgram #freeProgramSlider .swiper-slide a:hover .img {
          opacity: 0.6; }
        #freeProgram #freeProgramSlider .swiper-slide a:hover .txt .subTitle {
          text-decoration: underline; }
        #freeProgram #freeProgramSlider .swiper-slide a:hover .txt .title {
          text-decoration: underline; }
        #freeProgram #freeProgramSlider .swiper-slide a .img {
          display: block;
          width: 265px;
          transition: 0.4s; }
          #freeProgram #freeProgramSlider .swiper-slide a .img img {
            width: 100%; }
        #freeProgram #freeProgramSlider .swiper-slide a .txt {
          display: block;
          margin-left: 15px;
          width: calc(100% - 280px); }
          #freeProgram #freeProgramSlider .swiper-slide a .txt .subTitle {
            font-size: 1.2rem;
            display: block;
            color: #666666;
            margin-bottom: 10px; }
          #freeProgram #freeProgramSlider .swiper-slide a .txt .title {
            font-size: 1.6rem;
            display: block;
            font-weight: bold; }
          #freeProgram #freeProgramSlider .swiper-slide a .txt .introduction {
            font-size: 1.2rem;
            margin-top: 20px; }
      #freeProgram #freeProgramSlider .swiper-slide.check a .txt .title {
        text-indent: -20px;
        padding-left: 20px; }
        #freeProgram #freeProgramSlider .swiper-slide.check a .txt .title::before {
          content: "";
          background: url("/common/img/series/icon_check.svg") no-repeat 0 0;
          width: 16px;
          height: 16px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          margin-top: -4px; }

@media screen and (max-width: 768px) {
  #freeProgram {
    padding: 25px 0 15px 15px;
    overflow: hidden;
    margin-top: 25px; }
    #freeProgram h2 {
      font-size: 2.2rem;
      padding-left: 15px;
      margin-bottom: 10px; }
      #freeProgram h2::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
      #freeProgram h2 span {
        font-size: 1.3rem;
        border-radius: 20px;
        padding: 3px 10px;
        margin-left: 15px; }
    #freeProgram h3 {
      display: none; }
    #freeProgram #freeProgramSlider {
      width: 100%;
      padding-right: 15px; }
      #freeProgram #freeProgramSlider .swiper-slide {
        width: 33%;
        margin: 0; }
        #freeProgram #freeProgramSlider .swiper-slide a {
          display: block; }
          #freeProgram #freeProgramSlider .swiper-slide a .img {
            display: block;
            width: auto; }
          #freeProgram #freeProgramSlider .swiper-slide a .txt {
            display: block;
            margin-left: 0;
            margin-top: 15px;
            width: 100%; }
            #freeProgram #freeProgramSlider .swiper-slide a .txt .subTitle {
              font-size: 1.2rem;
              display: block;
              color: #666666;
              margin-bottom: 10px; }
            #freeProgram #freeProgramSlider .swiper-slide a .txt .title {
              font-size: 1.4rem;
              display: block;
              font-weight: bold; } }
/*---------------------------------
 *ProgramSchedule
-----------------------------------*/
#ProgramSchedule {
  padding: 0 0 0 50px;
  position: relative; }
  #ProgramSchedule .titleWrap {
    display: flex;
    align-items: flex-start; }
  #ProgramSchedule h2 {
    font-size: 2.8rem;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    padding: 0 30px 0 20px;
    margin-bottom: 25px; }
    #ProgramSchedule h2::before {
      content: "";
      background: #00288C;
      width: 5px;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
  #ProgramSchedule p.btn {
    font-size: 1.4rem;
    border: 1px solid #333;
    border-radius: 30px;
    width: 150px;
    text-align: center;
    margin-top: 0; }
    #ProgramSchedule p.btn a {
      padding: 10px 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.4s;
      border-radius: 30px; }
      #ProgramSchedule p.btn a::after {
        content: "";
        background: url("/common/img/icon_bullet.svg") no-repeat 0 0;
        width: 6px;
        height: 10px;
        background-size: 100% auto;
        display: block;
        vertical-align: middle;
        margin-left: 10px; }
      #ProgramSchedule p.btn a:hover {
        opacity: 1 !important;
        color: #fff;
        background: #333; }
        #ProgramSchedule p.btn a:hover::after {
          content: "";
          background: url("/common/img/icon_bullet_w.svg") no-repeat 0 0;
          width: 6px;
          height: 10px;
          background-size: 100% auto;
          display: block;
          vertical-align: middle;
          margin-left: 10px; }
  #ProgramSchedule .sliderPtn03 {
    display: flex;
    align-items: center; }
  #ProgramSchedule h3 {
    width: 160px; }
    #ProgramSchedule h3 img {
      display: block;
      text-align: center;
      margin: 0 auto; }
    #ProgramSchedule h3 strong {
      font-size: 1.8rem;
      display: block;
      text-align: center;
      color: #C02E2E;
      margin: 15px 0; }
    #ProgramSchedule h3 small {
      font-size: 1.2rem;
      display: block;
      text-align: center; }
    #ProgramSchedule h3.ondemand strong {
      color: #00288C; }
  #ProgramSchedule #liveSlider, #ProgramSchedule #ondemandSlider {
    width: calc(100% - 160px);
    overflow: hidden;
    margin: 0 0 15px 0;
    position: relative;
    padding-right: 15px; }
    #ProgramSchedule #liveSlider .swiper-slide, #ProgramSchedule #ondemandSlider .swiper-slide {
      width: 620px; }
      #ProgramSchedule #liveSlider .swiper-slide.stream .head, #ProgramSchedule #ondemandSlider .swiper-slide.stream .head {
        background: #C02E2E;
        color: #fff; }
        #ProgramSchedule #liveSlider .swiper-slide.stream .head::before, #ProgramSchedule #ondemandSlider .swiper-slide.stream .head::before {
          content: "";
          background: url("/common/img/icon_calendar_w.svg") no-repeat 0 0;
          width: 20px;
          height: 22px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          margin-top: -3px; }
        #ProgramSchedule #liveSlider .swiper-slide.stream .head::after, #ProgramSchedule #ondemandSlider .swiper-slide.stream .head::after {
          content: "ライブ配信中";
          font-size: 1.6rem;
          display: block;
          font-weight: bold;
          background: #fff;
          color: #C02E2E;
          top: 5px;
          right: 15px;
          position: absolute;
          border-radius: 20px;
          padding: 4px 12px; }
      #ProgramSchedule #liveSlider .swiper-slide.schedule .head, #ProgramSchedule #ondemandSlider .swiper-slide.schedule .head {
        background: #C02E2E;
        color: #fff; }
        #ProgramSchedule #liveSlider .swiper-slide.schedule .head::before, #ProgramSchedule #ondemandSlider .swiper-slide.schedule .head::before {
          content: "";
          background: url("/common/img/icon_calendar_w.svg") no-repeat 0 0;
          width: 20px;
          height: 22px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; }
        #ProgramSchedule #liveSlider .swiper-slide.schedule .head::after, #ProgramSchedule #ondemandSlider .swiper-slide.schedule .head::after {
          content: "本日配信予定";
          font-size: 1.6rem;
          display: block;
          font-weight: bold;
          background: #fff;
          color: #C02E2E;
          top: 5px;
          right: 15px;
          position: absolute;
          border-radius: 20px;
          padding: 4px 12px; }
      #ProgramSchedule #liveSlider .swiper-slide .head, #ProgramSchedule #ondemandSlider .swiper-slide .head {
        font-size: 1.8rem;
        display: block;
        background: #F2F2F2;
        color: #333;
        position: relative;
        padding: 8px 15px;
        font-weight: bold;
        vertical-align: middle;
        margin-bottom: 15px; }
        #ProgramSchedule #liveSlider .swiper-slide .head::before, #ProgramSchedule #ondemandSlider .swiper-slide .head::before {
          content: "";
          background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
          width: 20px;
          height: 22px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px;
          margin-top: -3px; }
      #ProgramSchedule #liveSlider .swiper-slide a, #ProgramSchedule #ondemandSlider .swiper-slide a {
        display: block;
        display: flex; }
        #ProgramSchedule #liveSlider .swiper-slide a:hover .txt .subTitle, #ProgramSchedule #ondemandSlider .swiper-slide a:hover .txt .subTitle {
          text-decoration: underline; }
        #ProgramSchedule #liveSlider .swiper-slide a:hover .txt .title, #ProgramSchedule #ondemandSlider .swiper-slide a:hover .txt .title {
          text-decoration: underline; }
        #ProgramSchedule #liveSlider .swiper-slide a:hover img, #ProgramSchedule #ondemandSlider .swiper-slide a:hover img {
          opacity: 0.6; }
        #ProgramSchedule #liveSlider .swiper-slide a .img, #ProgramSchedule #ondemandSlider .swiper-slide a .img {
          display: block;
          width: 265px; }
          #ProgramSchedule #liveSlider .swiper-slide a .img img, #ProgramSchedule #ondemandSlider .swiper-slide a .img img {
            width: 100%;
            transition: 0.4s; }
        #ProgramSchedule #liveSlider .swiper-slide a .txt, #ProgramSchedule #ondemandSlider .swiper-slide a .txt {
          display: block;
          margin-left: 15px;
          width: calc(100% - 280px); }
          #ProgramSchedule #liveSlider .swiper-slide a .txt .subTitle, #ProgramSchedule #ondemandSlider .swiper-slide a .txt .subTitle {
            font-size: 1.2rem;
            display: block;
            color: #666666;
            margin-bottom: 10px; }
          #ProgramSchedule #liveSlider .swiper-slide a .txt .title, #ProgramSchedule #ondemandSlider .swiper-slide a .txt .title {
            font-size: 1.6rem;
            display: block;
            font-weight: bold; }
        #ProgramSchedule #liveSlider .swiper-slide a .teacher, #ProgramSchedule #ondemandSlider .swiper-slide a .teacher {
          display: block; }
          #ProgramSchedule #liveSlider .swiper-slide a .teacher li, #ProgramSchedule #ondemandSlider .swiper-slide a .teacher li {
            font-size: 1.2rem;
            display: block;
            width: auto;
            margin-top: 10px;
            position: relative;
            padding-left: 15px; }
            #ProgramSchedule #liveSlider .swiper-slide a .teacher li::before, #ProgramSchedule #ondemandSlider .swiper-slide a .teacher li::before {
              content: "";
              background: url("/common/img/icon_human.svg") no-repeat 0 0;
              width: 12px;
              height: 12px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              position: absolute;
              top: 3px;
              left: 0; }
      #ProgramSchedule #liveSlider .swiper-slide span.nolink, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink {
        display: block;
        display: flex; }
        #ProgramSchedule #liveSlider .swiper-slide span.nolink .img, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .img {
          display: block;
          width: 265px; }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .img img, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .img img {
            width: 100%;
            transition: 0.4s; }
        #ProgramSchedule #liveSlider .swiper-slide span.nolink .txt, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .txt {
          display: block;
          margin-left: 15px;
          width: calc(100% - 280px); }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .txt .subTitle, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .txt .subTitle {
            font-size: 1.2rem;
            display: block;
            color: #666666;
            margin-bottom: 10px; }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .txt .title, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .txt .title {
            font-size: 1.6rem;
            display: block;
            font-weight: bold; }
        #ProgramSchedule #liveSlider .swiper-slide span.nolink .teacher, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .teacher {
          display: block; }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .teacher li, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .teacher li {
            font-size: 1.2rem;
            display: block;
            width: auto;
            margin-top: 10px;
            position: relative;
            padding-left: 15px; }
            #ProgramSchedule #liveSlider .swiper-slide span.nolink .teacher li::before, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .teacher li::before {
              content: "";
              background: url("/common/img/icon_human.svg") no-repeat 0 0;
              width: 12px;
              height: 12px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              position: absolute;
              top: 3px;
              left: 0; }

@media screen and (max-width: 768px) {
  #ProgramSchedule {
    padding: 0 0 0 15px;
    position: relative; }
    #ProgramSchedule h2 {
      font-size: 2.2rem;
      padding: 0 0 0 15px;
      margin-bottom: 0; }
      #ProgramSchedule h2::before {
        width: 5px;
        height: 100%;
        display: block;
        top: 0;
        left: 0; }
    #ProgramSchedule p.btn {
      font-size: 1.4rem;
      border-radius: 30px;
      width: 200px;
      margin: 20px auto 0;
      position: static; }
      #ProgramSchedule p.btn::after {
        width: 6px;
        height: 11px;
        margin-left: 10px;
        margin-top: 0; }
    #ProgramSchedule .sliderPtn03 {
      display: block;
      align-items: center;
      margin-top: 0; }
    #ProgramSchedule h3 {
      width: auto;
      display: flex;
      align-items: center;
      margin-bottom: 5px; }
      #ProgramSchedule h3 img {
        display: block;
        text-align: center;
        margin: 0 10px 0 0;
        width: 30px; }
      #ProgramSchedule h3 strong {
        font-size: 1.8rem;
        display: block;
        text-align: center;
        padding-right: 15px;
        margin-top: 10px; }
      #ProgramSchedule h3 small {
        font-size: 1.2rem;
        display: block;
        text-align: left; }
    #ProgramSchedule #liveSlider, #ProgramSchedule #ondemandSlider {
      width: 100%;
      overflow: hidden;
      margin: 0 0 15px 0; }
      #ProgramSchedule #liveSlider .swiper-slide, #ProgramSchedule #ondemandSlider .swiper-slide {
        width: 620px; }
        #ProgramSchedule #liveSlider .swiper-slide.stream .head::after, #ProgramSchedule #ondemandSlider .swiper-slide.stream .head::after {
          font-size: 1rem;
          top: 7px;
          right: 10px;
          position: absolute;
          border-radius: 20px;
          padding: 4px 10px; }
        #ProgramSchedule #liveSlider .swiper-slide.schedule .head::after, #ProgramSchedule #ondemandSlider .swiper-slide.schedule .head::after {
          font-size: 1rem;
          top: 7px;
          right: 10px;
          position: absolute;
          border-radius: 20px;
          padding: 4px 10px; }
        #ProgramSchedule #liveSlider .swiper-slide .head, #ProgramSchedule #ondemandSlider .swiper-slide .head {
          font-size: 1.2rem;
          padding: 8px 15px;
          margin-bottom: 15px; }
        #ProgramSchedule #liveSlider .swiper-slide a, #ProgramSchedule #ondemandSlider .swiper-slide a {
          display: block; }
          #ProgramSchedule #liveSlider .swiper-slide a .img, #ProgramSchedule #ondemandSlider .swiper-slide a .img {
            display: block;
            width: 100%; }
          #ProgramSchedule #liveSlider .swiper-slide a .txt, #ProgramSchedule #ondemandSlider .swiper-slide a .txt {
            display: block;
            margin-left: 0;
            margin-bottom: 10px;
            width: 100%; }
            #ProgramSchedule #liveSlider .swiper-slide a .txt .subTitle, #ProgramSchedule #ondemandSlider .swiper-slide a .txt .subTitle {
              display: none; }
            #ProgramSchedule #liveSlider .swiper-slide a .txt .title, #ProgramSchedule #ondemandSlider .swiper-slide a .txt .title {
              font-size: 1.6rem;
              display: block;
              font-weight: bold;
              margin-top: 10px; }
          #ProgramSchedule #liveSlider .swiper-slide a .teacher, #ProgramSchedule #ondemandSlider .swiper-slide a .teacher {
            display: block; }
            #ProgramSchedule #liveSlider .swiper-slide a .teacher li, #ProgramSchedule #ondemandSlider .swiper-slide a .teacher li {
              font-size: 1.2rem;
              display: block;
              width: auto;
              margin-top: 10px;
              position: relative;
              padding-left: 15px; }
              #ProgramSchedule #liveSlider .swiper-slide a .teacher li::before, #ProgramSchedule #ondemandSlider .swiper-slide a .teacher li::before {
                width: 12px;
                height: 12px;
                top: 3px; }
        #ProgramSchedule #liveSlider .swiper-slide span.nolink, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink {
          display: block; }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .img, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .img {
            display: block;
            width: 100%; }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .txt, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .txt {
            display: block;
            margin-left: 0;
            margin-bottom: 10px;
            width: 100%; }
            #ProgramSchedule #liveSlider .swiper-slide span.nolink .txt .subTitle, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .txt .subTitle {
              display: none; }
            #ProgramSchedule #liveSlider .swiper-slide span.nolink .txt .title, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .txt .title {
              font-size: 1.6rem;
              display: block;
              font-weight: bold;
              margin-top: 10px; }
          #ProgramSchedule #liveSlider .swiper-slide span.nolink .teacher, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .teacher {
            display: block; }
            #ProgramSchedule #liveSlider .swiper-slide span.nolink .teacher li, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .teacher li {
              font-size: 1.2rem;
              display: block;
              width: auto;
              margin-top: 10px;
              position: relative;
              padding-left: 15px; }
              #ProgramSchedule #liveSlider .swiper-slide span.nolink .teacher li::before, #ProgramSchedule #ondemandSlider .swiper-slide span.nolink .teacher li::before {
                width: 12px;
                height: 12px;
                top: 3px; } }
/*---------------------------------
 *newProgram
-----------------------------------*/
#newProgram {
  padding: 35px 0 35px 50px;
  overflow: hidden;
  position: relative;
  background: #f2f2f2; }
  #newProgram .titleWrap {
    display: flex;
    align-items: flex-start; }
  #newProgram h2 {
    font-size: 2.8rem;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    padding: 0 30px 0 20px;
    margin-bottom: 25px; }
    #newProgram h2::before {
      content: "";
      background: #00288C;
      width: 5px;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
    #newProgram h2 span {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px; }
      #newProgram h2 span img {
        vertical-align: top;
        margin-top: 5px; }
  #newProgram p.btn {
    font-size: 1.4rem;
    border: 1px solid #333;
    border-radius: 30px;
    width: 150px;
    text-align: center;
    margin-top: 0; }
    #newProgram p.btn a {
      padding: 10px 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.4s;
      border-radius: 30px; }
      #newProgram p.btn a::after {
        content: "";
        background: url("/common/img/icon_bullet.svg") no-repeat 0 0;
        width: 6px;
        height: 10px;
        background-size: 100% auto;
        display: block;
        vertical-align: middle;
        margin-left: 10px; }
      #newProgram p.btn a:hover {
        opacity: 1 !important;
        color: #fff;
        background: #333; }
        #newProgram p.btn a:hover::after {
          content: "";
          background: url("/common/img/icon_bullet_w.svg") no-repeat 0 0;
          width: 6px;
          height: 10px;
          background-size: 100% auto;
          display: block;
          vertical-align: middle;
          margin-left: 10px; }
  #newProgram #newProgramSlider {
    overflow: hidden;
    margin: 0;
    padding-left: 50px; }
    #newProgram #newProgramSlider .slideInn {
      width: 265px;
      margin: 0 15px; }
      #newProgram #newProgramSlider .slideInn a {
        display: block;
        transition: 0.4s; }
        #newProgram #newProgramSlider .slideInn a:hover .img {
          opacity: 0.6; }
        #newProgram #newProgramSlider .slideInn a:hover .txt .subTitle {
          text-decoration: underline;
          opacity: 0.6; }
        #newProgram #newProgramSlider .slideInn a:hover .txt .title {
          text-decoration: underline;
          opacity: 0.6; }
        #newProgram #newProgramSlider .slideInn a .date {
          font-size: 1.4rem;
          display: block;
          margin-bottom: 5px; }
          #newProgram #newProgramSlider .slideInn a .date::before {
            content: "";
            background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
            width: 20px;
            height: 22px;
            background-size: 100% auto;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -3px; }
        #newProgram #newProgramSlider .slideInn a .col2 {
          display: block; }
          #newProgram #newProgramSlider .slideInn a .col2 .img {
            display: block;
            width: 265px;
            margin-bottom: 10px;
            transition: 0.4s; }
            #newProgram #newProgramSlider .slideInn a .col2 .img:hover {
              opacity: 0.6; }
          #newProgram #newProgramSlider .slideInn a .col2 .txt {
            display: block; }
            #newProgram #newProgramSlider .slideInn a .col2 .txt .subTitle {
              font-size: 1.2rem;
              display: block;
              color: #666666;
              margin-bottom: 10px;
              transition: 0.4s; }
              #newProgram #newProgramSlider .slideInn a .col2 .txt .subTitle:hover {
                text-decoration: underline; }
            #newProgram #newProgramSlider .slideInn a .col2 .txt .title {
              font-size: 1.6rem;
              display: block;
              font-weight: bold;
              transition: 0.4s; }
              #newProgram #newProgramSlider .slideInn a .col2 .txt .title:hover {
                text-decoration: underline; }
    #newProgram #newProgramSlider a.check .col2 .txt .title {
      text-indent: -20px;
      padding-left: 20px; }
      #newProgram #newProgramSlider a.check .col2 .txt .title::before {
        content: "";
        background: url("/common/img/series/icon_check.svg") no-repeat 0 0;
        width: 16px;
        height: 16px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -4px; }

@media screen and (max-width: 768px) {
  #newProgram {
    padding: 25px 0 15px 15px; }
    #newProgram h2 {
      font-size: 2.2rem;
      padding: 0 0 0 15px;
      margin-bottom: 0; }
      #newProgram h2::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
      #newProgram h2 span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px; }
        #newProgram h2 span img {
          vertical-align: middle;
          margin-top: -12px; }
    #newProgram p.btn {
      font-size: 1.4rem;
      border-radius: 30px;
      width: 200px;
      margin: 20px auto 20px;
      position: static; }
      #newProgram p.btn a::after {
        width: 6px;
        height: 9px;
        margin-left: 10px;
        margin-top: 0; }
    #newProgram #newProgramSlider {
      overflow: hidden;
      margin: 0;
      padding-left: 0; }
      #newProgram #newProgramSlider .slick-slide {
        margin: 10px 5px;
        display: block;
        vertical-align: top;
        padding-bottom: 5px; }
        #newProgram #newProgramSlider .slick-slide div {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: stretch;
          height: 63vw; }
      #newProgram #newProgramSlider div {
        width: auto; }
        #newProgram #newProgramSlider div a {
          vertical-align: top; }
          #newProgram #newProgramSlider div a .date {
            font-size: 1.2rem;
            display: block;
            margin-bottom: 5px; }
            #newProgram #newProgramSlider div a .date::before {
              content: "";
              background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
              width: 20px;
              height: 22px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px;
              margin-top: -3px; }
          #newProgram #newProgramSlider div a .col2 {
            display: block; }
            #newProgram #newProgramSlider div a .col2 .img {
              display: block;
              width: auto;
              margin-bottom: 10px; }
              #newProgram #newProgramSlider div a .col2 .img img {
                width: 100%; }
            #newProgram #newProgramSlider div a .col2 .txt {
              display: block; }
              #newProgram #newProgramSlider div a .col2 .txt .subTitle {
                display: none; }
              #newProgram #newProgramSlider div a .col2 .txt .title {
                font-size: 1.4rem;
                display: block;
                font-weight: bold; } }
/*---------------------------------
 *ranking
-----------------------------------*/
#ranking {
  padding: 0 0 0 50px;
  position: relative;
  margin-bottom: 30px; }
  #ranking .titleWrap {
    display: flex;
    align-items: flex-start; }
  #ranking h2 {
    font-size: 2.8rem;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    padding: 0 30px 0 20px;
    margin-bottom: 25px; }
    #ranking h2::before {
      content: "";
      background: #00288C;
      width: 5px;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
    #ranking h2 span {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px; }
      #ranking h2 span img {
        vertical-align: middle; }
  #ranking p.btn {
    font-size: 1.4rem;
    border: 1px solid #333;
    border-radius: 30px;
    width: 150px;
    text-align: center;
    margin-top: 0; }
    #ranking p.btn a {
      padding: 10px 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: 0.4s;
      border-radius: 30px; }
      #ranking p.btn a::after {
        content: "";
        background: url("/common/img/icon_bullet.svg") no-repeat 0 0;
        width: 6px;
        height: 10px;
        background-size: 100% auto;
        display: block;
        margin-left: 10px; }
      #ranking p.btn a:hover {
        opacity: 1 !important;
        color: #fff;
        background: #333; }
        #ranking p.btn a:hover::after {
          content: "";
          background: url("/common/img/icon_bullet_w.svg") no-repeat 0 0;
          width: 6px;
          height: 10px;
          background-size: 100% auto;
          display: block;
          margin-left: 10px; }
  #ranking #rankingSlider {
    overflow: hidden;
    margin: 0;
    padding-left: 50px;
    padding-right: 15px; }
    #ranking #rankingSlider .swiper-slide {
      width: 265px;
      margin: 0; }
      #ranking #rankingSlider .swiper-slide a {
        display: block;
        transition: 0.4s; }
        #ranking #rankingSlider .swiper-slide a:hover .img {
          opacity: 0.6; }
        #ranking #rankingSlider .swiper-slide a:hover .title {
          text-decoration: underline; }
        #ranking #rankingSlider .swiper-slide a .rankArea {
          display: block;
          overflow: hidden; }
          #ranking #rankingSlider .swiper-slide a .rankArea .rank {
            font-size: 1.4rem;
            display: block;
            float: left; }
            #ranking #rankingSlider .swiper-slide a .rankArea .rank strong {
              font-size: 3.2rem;
              display: inline-block;
              font-weight: normal;
              margin-right: 2px; }
          #ranking #rankingSlider .swiper-slide a .rankArea .date {
            font-size: 1.4rem;
            display: block;
            float: right;
            margin-top: 15px; }
            #ranking #rankingSlider .swiper-slide a .rankArea .date::before {
              content: "";
              background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
              width: 20px;
              height: 22px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px;
              margin-top: -3px; }
        #ranking #rankingSlider .swiper-slide a .img {
          display: block;
          transition: 0.4s; }
          #ranking #rankingSlider .swiper-slide a .img img {
            width: 100%; }
        #ranking #rankingSlider .swiper-slide a .title {
          font-size: 1.6rem;
          display: block;
          font-weight: bold;
          margin-top: 10px; }

@media screen and (max-width: 768px) {
  #ranking {
    padding: 0 0 0 15px;
    position: relative;
    margin-bottom: 30px; }
    #ranking h2 {
      font-size: 2.2rem;
      padding: 0 0 0 15px;
      margin-bottom: 10px; }
      #ranking h2::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
      #ranking h2 span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px; }
        #ranking h2 span img {
          vertical-align: middle; }
    #ranking p.btn {
      font-size: 1.4rem;
      border-radius: 30px;
      width: 200px;
      margin: 20px auto 20px;
      position: static; }
      #ranking p.btn::after {
        width: 6px;
        height: 10px;
        margin-left: 10px;
        margin-top: 0; }
    #ranking #rankingSlider {
      overflow: hidden;
      margin: 0;
      padding-left: 0;
      padding-left: 0; }
      #ranking #rankingSlider .swiper-slide {
        width: auto;
        margin: 0; }
        #ranking #rankingSlider .swiper-slide a {
          display: block; }
          #ranking #rankingSlider .swiper-slide a .rankArea {
            display: block;
            overflow: hidden; }
            #ranking #rankingSlider .swiper-slide a .rankArea .rank {
              font-size: 1.4rem;
              display: block;
              float: none;
              font-weight: bold; }
              #ranking #rankingSlider .swiper-slide a .rankArea .rank strong {
                font-size: 2.4rem;
                display: inline-block;
                font-weight: bold;
                margin-right: 2px;
                line-height: 1; }
            #ranking #rankingSlider .swiper-slide a .rankArea .date {
              font-size: 1.2rem;
              display: block;
              float: none;
              margin: 5px 0; }
              #ranking #rankingSlider .swiper-slide a .rankArea .date::before {
                content: "";
                background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
                width: 20px;
                height: 22px;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-right: 5px;
                margin-top: -3px; }
          #ranking #rankingSlider .swiper-slide a .img {
            display: block;
            width: auto;
            margin-bottom: 10px; }
          #ranking #rankingSlider .swiper-slide a .title {
            font-size: 1.4rem;
            display: block;
            font-weight: bold; } }
/*---------------------------------
 *featureWrap
-----------------------------------*/
#featureWrap .feature {
  position: relative;
  margin-bottom: 60px; }
  #featureWrap .feature h2 {
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    background: #00288c;
    background: linear-gradient(180deg, #00288c 0%, #156ad8 100%);
    border-radius: 0 5px 5px 0;
    width: 140px;
    height: 260px; }
    #featureWrap .feature h2 span {
      display: block;
      margin: 30px auto 0; }
      #featureWrap .feature h2 span img {
        width: 30px;
        margin: 0 auto;
        display: block; }
  #featureWrap .feature .inner {
    padding-left: 160px;
    padding-top: 10px;
    overflow: hidden; }
    #featureWrap .feature .inner h3 {
      font-size: 2.8rem;
      font-weight: bold;
      color: #00288C; }
    #featureWrap .feature .inner .head {
      font-size: 1.8rem;
      margin: 5px 0 30px; }
    #featureWrap .feature .inner .slick-slide {
      display: block;
      margin: 0 5px; }
    #featureWrap .feature .inner .content {
      width: calc(100% + 90px);
      display: inline-block;
      vertical-align: top;
      position: relative; }
      #featureWrap .feature .inner .content .slideCont {
        margin-left: -110px; }
        #featureWrap .feature .inner .content .slideCont .slide {
          width: 545px !important;
          display: inline-block;
          vertical-align: top;
          margin-right: 20px;
          margin-left: 45px; }
          #featureWrap .feature .inner .content .slideCont .slide .slick-slide {
            display: block; }
            #featureWrap .feature .inner .content .slideCont .slide .slick-slide a img {
              width: 100%;
              height: auto;
              transition: 0.4s; }
            #featureWrap .feature .inner .content .slideCont .slide .slick-slide a:hover img {
              opacity: 0.6; }
      #featureWrap .feature .inner .content .textSlide {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 745px);
        margin-top: 20px;
        position: relative;
        z-index: 3; }
        #featureWrap .feature .inner .content .textSlide .textCont {
          display: none; }
          #featureWrap .feature .inner .content .textSlide .textCont.cur {
            display: block; }
      #featureWrap .feature .inner .content h4 {
        font-size: 2.2rem;
        font-weight: bold;
        margin-bottom: 15px; }
      #featureWrap .feature .inner .content .sliderPtn04Thumb {
        width: 100%; }
        #featureWrap .feature .inner .content .sliderPtn04Thumb .slick-slide {
          display: block;
          cursor: pointer; }
          #featureWrap .feature .inner .content .sliderPtn04Thumb .slick-slide img {
            width: 100%;
            height: auto; }
        #featureWrap .feature .inner .content .sliderPtn04Thumb .slick-list {
          overflow: hidden;
          margin: 0 30px; }
      #featureWrap .feature .inner .content .txt {
        margin-bottom: 30px;
        display: flex;
        align-items: center; }
        #featureWrap .feature .inner .content .txt p {
          font-size: 1.6rem;
          display: inline-block;
          vertical-align: top;
          width: calc(100% - 140px);
          line-height: 1.8; }
        #featureWrap .feature .inner .content .txt p.btn {
          width: 120px;
          margin-left: 20px;
          margin-top: 0;
          border: 1px solid #333;
          border-radius: 10px;
          display: flex;
          align-items: center;
          height: 140px; }
          #featureWrap .feature .inner .content .txt p.btn a {
            font-size: 1.4rem;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            transition: 0.4s;
            border-radius: 10px; }
            #featureWrap .feature .inner .content .txt p.btn a::after {
              content: "";
              background: url("/common/img/icon_bullet.svg") no-repeat 0 0;
              width: 6px;
              height: 10px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-left: 10px; }
            #featureWrap .feature .inner .content .txt p.btn a:hover {
              opacity: 1 !important;
              color: #fff;
              background: #333; }
              #featureWrap .feature .inner .content .txt p.btn a:hover::after {
                content: "";
                background: url("/common/img/icon_bullet_w.svg") no-repeat 0 0;
                width: 6px;
                height: 10px;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px; }

@media screen and (max-width: 768px) {
  #featureWrap .feature {
    position: relative;
    margin-bottom: 60px; }
    #featureWrap .feature h2 {
      font-size: 2.2rem;
      text-align: left;
      position: static;
      background: #00288c;
      background: linear-gradient(90deg, #00288c 0%, #156ad8 100%);
      border-radius: 0;
      width: auto;
      height: auto;
      vertical-align: middle;
      padding: 10px 15px; }
      #featureWrap .feature h2 span {
        display: inline-block;
        margin: 0 15px 0 0;
        vertical-align: middle; }
        #featureWrap .feature h2 span img {
          width: 25px;
          margin: 0 auto;
          display: block; }
    #featureWrap .feature .inner {
      padding: 0;
      overflow: hidden; }
      #featureWrap .feature .inner h3 {
        font-size: 1.9rem;
        padding: 15px 0 10px 15px;
        background: #e8f0fb; }
      #featureWrap .feature .inner .head {
        font-size: 1.4rem;
        margin: 0;
        padding: 5px 0 50px 15px;
        background: #e8f0fb; }
      #featureWrap .feature .inner .slick-slide {
        display: block;
        margin: 0; }
      #featureWrap .feature .inner .content {
        width: calc(100% - 15px);
        display: block;
        vertical-align: top;
        position: relative;
        margin: -30px 0 0 15px; }
        #featureWrap .feature .inner .content .slideCont {
          margin-left: 0; }
          #featureWrap .feature .inner .content .slideCont .slide {
            width: auto !important;
            display: block;
            margin-left: 0;
            margin-right: 15px; }
            #featureWrap .feature .inner .content .slideCont .slide .slick-slide {
              display: block; }
              #featureWrap .feature .inner .content .slideCont .slide .slick-slide a {
                display: block; }
        #featureWrap .feature .inner .content .textSlide {
          display: block;
          width: auto;
          margin-top: 15px;
          margin-right: 10px; }
        #featureWrap .feature .inner .content .textCont {
          display: block;
          vertical-align: top;
          width: auto; }
        #featureWrap .feature .inner .content h4 {
          font-size: 1.7rem;
          font-weight: bold;
          margin: 15px 0; }
        #featureWrap .feature .inner .content .sliderPtn04Thumb {
          overflow: hidden;
          width: auto;
          position: static;
          margin-right: 5px; }
          #featureWrap .feature .inner .content .sliderPtn04Thumb .slick-slide {
            display: block;
            margin: 0 5px; }
        #featureWrap .feature .inner .content .txt {
          margin-bottom: 20px;
          display: block;
          align-items: stretch;
          margin-right: 15px; }
          #featureWrap .feature .inner .content .txt p {
            font-size: 1.4rem;
            display: block;
            vertical-align: top;
            width: auto; }
          #featureWrap .feature .inner .content .txt p.btn {
            width: 200px;
            margin: 20px auto 0;
            border-radius: 30px;
            display: block;
            align-items: center;
            height: auto; }
            #featureWrap .feature .inner .content .txt p.btn a {
              font-size: 1.4rem;
              width: 100%;
              height: 100%;
              display: flex;
              align-items: center;
              justify-content: center;
              text-align: center;
              transition: 0.4s;
              padding: 12px 0;
              border-radius: 30px; }
              #featureWrap .feature .inner .content .txt p.btn a::after {
                content: "";
                background: url("/common/img/icon_bullet.svg") no-repeat 0 0;
                width: 6px;
                height: 11px;
                background-size: 100% auto;
                display: block;
                vertical-align: middle;
                margin-left: 10px;
                margin-top: 0; } }
/*---------------------------------
 *notice
-----------------------------------*/
#notice {
  background: #f2f2f2;
  margin: 0 50px;
  padding: 50px;
  border-radius: 30px;
  background: #F2F2F2;
  overflow: hidden;
  position: relative;
  width: calc(100% - 100px); }
  #notice h2 {
    font-size: 2.8rem;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 25px; }
    #notice h2::before {
      content: "";
      background: url("/common/img/icon_notice.svg") no-repeat 0 0;
      width: 36px;
      height: 36px;
      background-size: 100% auto;
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px; }
  #notice .inner {
    display: flex;
    border-top: 1px dotted #9B9B9B;
    padding: 15px 0;
    margin-top: 0;
    position: relative;
    cursor: pointer; }
    #notice .inner.accWrap dd {
      height: 27px; }
    #notice .inner.accWrap::after {
      content: "";
      display: block;
      background: url("/common/img/icon_plus.svg") no-repeat 0 0;
      width: 30px;
      height: 30px;
      background-size: 100% auto;
      text-align: center;
      position: absolute;
      top: 15px;
      right: 0; }
    #notice .inner.accWrap.cur::after {
      content: "";
      display: block;
      background: url("/common/img/icon_minus.svg") no-repeat 0 0;
      width: 30px;
      height: 30px;
      background-size: 100% auto;
      text-align: center;
      position: absolute;
      top: 15px;
      right: 0; }
    #notice .inner dt {
      font-size: 1.4rem;
      width: 220px;
      text-align: center;
      line-height: 2; }
    #notice .inner dd {
      font-size: 1.4rem;
      width: calc(100% - 240px);
      padding-right: 25px;
      line-height: 2;
      overflow: hidden; }
      #notice .inner dd.active {
        height: auto; }

@media screen and (max-width: 768px) {
  #notice {
    margin: 0 15px;
    padding: 25px 15px 15px 15px;
    border-radius: 15px;
    width: auto; }
    #notice h2 {
      font-size: 2.2rem;
      margin-bottom: 15px; }
      #notice h2::before {
        content: "";
        background: url("/common/img/icon_notice.svg") no-repeat 0 0;
        width: 30px;
        height: 30px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-right: 15px;
        margin-top: -5px; }
    #notice .inner {
      display: block;
      border-top: 1px dotted #9B9B9B;
      padding: 15px 0;
      margin-top: 0; }
      #notice .inner::after {
        width: 24px;
        height: 20px;
        top: 15px;
        right: 0; }
      #notice .inner.cur::after {
        width: 24px;
        height: 20px;
        top: 15px;
        right: 0; }
      #notice .inner dt {
        font-size: 1.4rem;
        width: auto;
        text-align: left;
        line-height: 2; }
      #notice .inner dd {
        font-size: 1.4rem;
        width: auto;
        padding-right: 25px;
        margin-top: 5px;
        line-height: 2;
        height: 28px;
        overflow: hidden; } }
/*---------------------------------
 *popular
-----------------------------------*/
#popular {
/*  padding: 0 50px;*/
  margin-bottom: 60px;
  margin-top: 45px; }
  #popular h2, #popular h3 {
    font-size: 2.8rem;
    font-weight: bold;
    vertical-align: middle;
    position: relative;
    padding-left: 20px;
    margin-bottom: 25px; }
    #popular h2::before, #popular h3::before {
      content: "";
      background: #00288C;
      width: 5px;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
    #popular h2 span, #popular h3 span {
      display: inline-block;
      vertical-align: middle;
      margin-left: 15px; }
      #popular h2 span img, #popular h3 span img {
        vertical-align: middle; }
  #popular ul {
    display: block; }
    #popular ul li {
      display: inline-block;
      width: calc(50% - 20px);
      margin-bottom: 25px;
      margin-right: 20px; }
      #popular ul li:nth-child(2n) {
        margin-right: 0; }
      #popular ul li a {
        display: block;
        transition: 0.4s; }
        #popular ul li a img {
          width: 100%; }
        #popular ul li a:hover {
          opacity: 0.4s; }

@media screen and (max-width: 768px) {
  #popular {
    padding: 0 20px;
    margin-bottom: 30px;
    margin-top: 25px; }
    #popular h2, #popular h3 {
      font-size: 2.2rem;
      padding-left: 15px;
      margin-bottom: 10px; }
      #popular h2::before, #popular h3::before {
        content: "";
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
      #popular h2 span, #popular h3 span {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px; }
        #popular h2 span img, #popular h3 span img {
          vertical-align: middle; }
    #popular ul {
      display: block;
      font-size: 0; }
      #popular ul li {
        display: inline-block;
        width: calc(50% - 5px);
        margin-bottom: 10px;
        margin-right: 10px; }
        #popular ul li:nth-child(2n) {
          margin-right: 0; }
        #popular ul li a {
          display: block; } }
/*---------------------------------
 *MovieArea
-----------------------------------*/
#MovieArea {
  padding: 25px 0 50px;
  margin: 0 0 60px;
  background: #F2F2F2; }
  #MovieArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #MovieArea .pageInn .seriesTtl {
      font-size: 1.6rem;
      position: relative;
      padding-left: 15px;
      vertical-align: middle;
      line-height: 1.8; }
      #MovieArea .pageInn .seriesTtl::before {
        content: "";
        background: #00288C;
        width: 3px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    #MovieArea .pageInn .trial {
      font-size: 2rem;
      font-weight: bold;
      padding-left: 30px;
      position: relative; }
      #MovieArea .pageInn .trial::before {
        content: "";
        background: url("/common/img/icon_trial.svg") no-repeat 0 0;
        width: 24px;
        height: 26px;
        background-size: 100% auto;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
    #MovieArea .pageInn h1, #MovieArea .pageInn h2 {
      font-size: 2.8rem;
      font-weight: bold;
      margin: 15px 0; }
    #MovieArea .pageInn .movieCol2 {
      display: flex; }
      #MovieArea .pageInn .movieCol2 #player_area {
        width: 900px;
        margin-right: 20px; }
        #MovieArea .pageInn .movieCol2 #player_area .myplayer video {
          width: 100%;
          height: 500px; }
        #MovieArea .pageInn .movieCol2 #player_area .myplayer .vjs-playlist {
          white-space: inherit !important;
          font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, sans-serif !important; }
        #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap .vjs-playlist {
          background: none !important;
          padding: 0 !important;
          height: auto; }
          #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap .vjs-playlist .vjs-playlist {
            white-space: inherit !important;
            font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", Verdana, Arial, sans-serif !important; }
          #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap .vjs-playlist .vjs-playlist-item {
            height: auto !important;
            background: none !important;
            margin-bottom: 10px !important;
            padding-bottom: 0;
            padding-top: 0; }
        #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap .vjs-playlist-horizontal .vjs-playlist-item-list {
          white-space: inherit !important; }
        #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol {
          display: block;
          margin-top: 20px;
          height: 60px;
          overflow-y: scroll; }
          #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li {
            display: inline-block;
            vertical-align: top;
            margin-left: 0;
            position: relative;
            width: calc(50% - 25px);
            flex-flow: wrap;
            margin-bottom: 10px;
            position: relative;
            padding-left: 25px; }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li::before {
              content: "";
              background: url("/common/img/series/icon_play_04.svg") no-repeat 0 0;
              width: 16px;
              height: 16px;
              background-size: 100% auto;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li a {
              white-space: nowrap;
              overflow: hidden;
              text-overflow: ellipsis;
              width: 100%;
              display: block; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li a span {
                text-decoration: underline;
                font-size: 14px; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li a:hover span {
                text-decoration: none;
                opacity: 1 !important; }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li.vjs-selected::before {
              content: "";
              background: url("/common/img/series/icon_play_04_cur.svg") no-repeat 0 0;
              width: 16px;
              height: 16px;
              background-size: 100% auto;
              position: absolute;
              top: 50%;
              left: 0;
              transform: translateY(-50%); }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li.vjs-selected a {
              color: #C02E2E; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li.vjs-selected a span {
                color: #C02E2E;
                font-weight: bold;
                text-decoration: none; }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li:nth-child(2n) {
              margin-left: 25px; }
        #MovieArea .pageInn .movieCol2 #player_area .myplayer .pdfSlide iframe {
          height: 630px; }
      #MovieArea .pageInn .movieCol2 #memo_area {
        width: calc(100% - 860px); }
        #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area form textarea {
          display: block;
          resize: none;
          width: 100%;
          height: 530px;
          padding: 15px 20px;
          font-size: 1.6rem;
          border: none;
          margin: 0;
          line-height: 2;
          cursor: text; }
        /* スライド用のメモ */
        #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area form textarea.mymemo_text_slide {
          height: 580px; }
        #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area form input[type="submit"] {
          display: block;
          border: none;
          background: #2D64C8;
          color: #fff;
          text-align: center;
          font-size: 1.6rem;
          padding: 13px 0;
          width: 100%;
          transition: 0.4s; }
          #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area form input[type="submit"]:hover {
            background: #00288C; }
      #MovieArea .pageInn .movieCol2 .slideDlWrap p {
        margin-left: auto;
        display: table;
        margin-top: 15px;
        text-decoration: underline;
        font-size: 1.6rem; }
        #MovieArea .pageInn .movieCol2 .slideDlWrap p::before {
          content: "";
          background: url("/common/img/series/icon_dl.svg") no-repeat 0 0;
          width: 22px;
          height: 22px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 8px;
          margin-top: -3px; }
    #MovieArea .pageInn .btnWrap {
      display: block;
      margin-top: 40px; }
      #MovieArea .pageInn .btnWrap ul {
        display: flex; }
        #MovieArea .pageInn .btnWrap ul li {
          width: calc(25% - 7px);
          margin-right: 10px; }
          #MovieArea .pageInn .btnWrap ul li:last-child {
            margin-right: 0; }
          #MovieArea .pageInn .btnWrap ul li.series a {
            border: 1px solid #9B9B9B;
            border-radius: 40px;
            background: #fff;
            display: block;
            text-align: center;
            padding: 16px 0; }
            #MovieArea .pageInn .btnWrap ul li.series a::before {
              content: "";
              background: url("/common/img/series/icon_series_02.svg") no-repeat 0 0;
              width: 22px;
              height: 22px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 15px;
              margin-top: -5px; }
            #MovieArea .pageInn .btnWrap ul li.series a:hover {
              text-decoration: underline; }
          #MovieArea .pageInn .btnWrap ul li.slide a {
            border: 1px solid #9B9B9B;
            border-radius: 40px;
            background: #fff;
            display: block;
            text-align: center;
            padding: 16px 0; }
            #MovieArea .pageInn .btnWrap ul li.slide a::before {
              content: "";
              background: url("/common/img/series/icon_slide_02.svg") no-repeat 0 0;
              width: 18px;
              height: 19px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 15px;
              margin-top: -5px; }
            #MovieArea .pageInn .btnWrap ul li.slide a:hover {
              text-decoration: underline; }
          #MovieArea .pageInn .btnWrap ul li.slide.cur a {
            border: 1px solid #333333;
            border-radius: 40px;
            background: #333333;
            display: block;
            text-align: center;
            padding: 16px 0;
            color: #fff;
            pointer-events: none; }
            #MovieArea .pageInn .btnWrap ul li.slide.cur a::before {
              content: "";
              background: url("/common/img/series/icon_slide_02_cur.svg") no-repeat 0 0;
              width: 18px;
              height: 19px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 15px;
              margin-top: -5px; }
            #MovieArea .pageInn .btnWrap ul li.slide.cur a:hover {
              text-decoration: underline; }
          #MovieArea .pageInn .btnWrap ul li.capture {
            cursor: pointer;
            transition: 0.4s; }
            #MovieArea .pageInn .btnWrap ul li.capture span {
              border: 1px solid #9B9B9B;
              border-radius: 40px;
              background: #fff;
              display: block;
              text-align: center;
              padding: 16px 0; }
              #MovieArea .pageInn .btnWrap ul li.capture span::before {
                content: "";
                background: url("/common/img/series/icon_bookmark.svg") no-repeat 0 0;
                width: 22px;
                height: 22px;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-right: 15px;
                margin-top: -5px; }
              #MovieArea .pageInn .btnWrap ul li.capture span::after {
                content: "保存する"; }
              #MovieArea .pageInn .btnWrap ul li.capture span:hover {
                text-decoration: underline; }
            #MovieArea .pageInn .btnWrap ul li.capture:hover {
              opacity: 0.6; }
            #MovieArea .pageInn .btnWrap ul li.capture.remove span {
              border: 1px solid #C02E2E;
              background: #C02E2E;
              color: #fff; }
              #MovieArea .pageInn .btnWrap ul li.capture.remove span::before {
                content: "";
                background: url("/common/img/series/icon_bookmark_cur.svg") no-repeat 0 0;
                width: 22px;
                height: 22px;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-right: 15px;
                margin-top: -5px; }
              #MovieArea .pageInn .btnWrap ul li.capture.remove span::after {
                content: "保存済み"; }
          #MovieArea .pageInn .btnWrap ul li.valuation a {
            border: 1px solid #9B9B9B;
            border-radius: 40px;
            background: #fff;
            display: block;
            text-align: center;
            padding: 16px 0; }
            #MovieArea .pageInn .btnWrap ul li.valuation a::before {
              content: "";
              background: url("/common/img/series/icon_like.svg") no-repeat 0 0;
              width: 22px;
              height: 22px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 15px;
              margin-top: -5px; }
            #MovieArea .pageInn .btnWrap ul li.valuation a:hover {
              text-decoration: underline; }

@media screen and (max-width: 768px) {
  #MovieArea {
    padding: 20px 0;
    margin: 0 0 30px; }
    #MovieArea .pageInn {
      width: auto;
      margin: 0 auto; }
      #MovieArea .pageInn .seriesTtl {
        font-size: 1.2rem;
        padding-left: 15px;
        margin: 0 15px; }
        #MovieArea .pageInn .seriesTtl::before {
          width: 3px;
          height: 100%; }
      #MovieArea .pageInn h1, #MovieArea .pageInn h2 {
        font-size: 1.4rem;
        margin: 15px; }
      #MovieArea .pageInn .trial {
        font-size: 1.6rem;
        padding-left: 25px;
        margin: 0 15px; }
        #MovieArea .pageInn .trial::before {
          width: 18px;
          height: 20px;
          margin-top: 2px; }
      #MovieArea .pageInn .movieCol2 {
        display: block; }
        #MovieArea .pageInn .movieCol2 #player_area {
          width: 100%;
          margin-right: 20px; }
          #MovieArea .pageInn .movieCol2 #player_area .myplayer video {
            width: 100%;
            height: 55vw; }
          #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap {
            margin: 30px 15px 15px; }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap p.jsAcc {
              font-size: 1.6rem !important;
              color: #333333 !important;
              padding: 15px 30px 15px 15px;
              margin-bottom: 0;
              border-radius: 5px;
              position: relative;
              border: 1px solid #333;
              cursor: pointer; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap p.jsAcc::after {
                content: "";
                display: block;
                background: url(/common/img/icon_plus.svg) no-repeat 0 0;
                width: 35px;
                height: 35px;
                background-size: 100% auto;
                text-align: center;
                position: absolute;
                top: 10px;
                right: 10px; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap p.jsAcc.cur::after {
                background: url(/common/img/icon_minus.svg) no-repeat 0 0;
                background-size: 100% auto; }
            #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol {
              display: block;
              height: 0;
              overflow: hidden;
              margin-top: 0; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol li {
                margin-left: 0 !important;
                width: 100%;
                position: relative;
                margin-bottom: 15px; }
              #MovieArea .pageInn .movieCol2 #player_area .myplayer .chapterWrap ol.active {
                height: auto;
                margin-top: 20px; }
          #MovieArea .pageInn .movieCol2 #player_area .myplayer .pdfSlide iframe {
            height: 75vw; }
        #MovieArea .pageInn .movieCol2 #memo_area {
          width: auto;
          margin: 0 15px; }
          #MovieArea .pageInn .movieCol2 #memo_area p.jsAcc {
            font-size: 1.6rem;
            color: #fff;
            background: #333;
            padding: 15px 30px 15px 15px;
            margin-bottom: 0;
            border-radius: 5px;
            position: relative;
            border: 1px solid #333;
            cursor: pointer; }
            #MovieArea .pageInn .movieCol2 #memo_area p.jsAcc::after {
              content: "";
              display: block;
              background: url(/common/img/icon_plus_w.svg) no-repeat 0 0;
              width: 20px;
              height: 20px;
              background-size: 100% auto;
              text-align: center;
              position: absolute;
              top: 17px;
              right: 17px; }
            #MovieArea .pageInn .movieCol2 #memo_area p.jsAcc.cur::after {
              background: url(/common/img/icon_minus_w.svg) no-repeat 0 0;
              background-size: 100% auto;
              top: 26px; }
          #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area {
            height: 0;
            overflow: hidden; }
            #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area form textarea {
              display: block;
              resize: none;
              width: 100%;
              height: 124px;
              padding: 12px 15px;
              font-size: 1.6rem;
              border: none;
              margin: 0;
              overflow-y: scroll;
              border-radius: 0 0 3px 3px;
              outline-offset: -3px; }
            #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area form input[type="submit"] {
              display: block;
              border: none;
              background: #2D64C8;
              color: #fff;
              text-align: center;
              font-size: 1.4rem;
              padding: 14px 60px;
              width: auto;
              margin: 15px auto 0;
              border-radius: 30px; }
            #MovieArea .pageInn .movieCol2 #memo_area #memo_input_area.active {
              height: auto; }
        #MovieArea .pageInn .movieCol2 .slideDlWrap p {
          margin: 15px auto;
          font-size: 1.4rem; }
          #MovieArea .pageInn .movieCol2 .slideDlWrap p::before {
            content: "";
            width: 18px;
            height: 18px;
            margin-right: 8px;
            margin-top: -3px; }
      #MovieArea .pageInn .btnWrap {
        margin: 20px 15px 0; }
        #MovieArea .pageInn .btnWrap ul li {
          width: 25%;
          margin-right: 5px; }
          #MovieArea .pageInn .btnWrap ul li:last-child {
            margin-right: 0; }
          #MovieArea .pageInn .btnWrap ul li.series a {
            padding: 13px 0;
            border-radius: 5px;
            font-size: 1.1rem; }
            #MovieArea .pageInn .btnWrap ul li.series a::before {
              width: 22px;
              height: 22px;
              margin: 5px auto 5px;
              display: block;
              text-align: center; }
          #MovieArea .pageInn .btnWrap ul li.slide a {
            padding: 13px 0;
            border-radius: 5px;
            font-size: 1.1rem; }
            #MovieArea .pageInn .btnWrap ul li.slide a::before {
              width: 18px;
              height: 22px;
              margin: 5px auto 5px;
              display: block;
              text-align: center; }
          #MovieArea .pageInn .btnWrap ul li.slide.cur a {
            border-radius: 5px;
            padding: 13px 0; }
            #MovieArea .pageInn .btnWrap ul li.slide.cur a::before {
              width: 18px;
              height: 22px;
              margin: 5px auto 5px;
              display: block;
              text-align: center; }
          #MovieArea .pageInn .btnWrap ul li.capture:hover {
            opacity: 1 !important; }
          #MovieArea .pageInn .btnWrap ul li.capture span {
            padding: 13px 0;
            border-radius: 5px;
            font-size: 1.1rem; }
            #MovieArea .pageInn .btnWrap ul li.capture span::before {
              width: 22px;
              height: 22px;
              margin: 5px auto 5px;
              display: block;
              text-align: center; }
          #MovieArea .pageInn .btnWrap ul li.capture.remove span::before {
            width: 22px;
            height: 22px;
            margin: 5px auto 5px;
            display: block;
            text-align: center; }
          #MovieArea .pageInn .btnWrap ul li.valuation a {
            padding: 13px 0;
            border-radius: 5px;
            font-size: 1.1rem; }
            #MovieArea .pageInn .btnWrap ul li.valuation a::before {
              width: 22px;
              height: 22px;
              margin: 5px auto 5px;
              display: block;
              text-align: center; } }
#modalbox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 0;
  font-size: 2rem;
  background: #fff;
  border: 2px solid #333333;
  border-radius: 7px;
  z-index: 10;
  width: 360px;
  text-align: center; }

#reviewmodalbox {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 30px 0;
  font-size: 2rem;
  background: #fff;
  border: 2px solid #333333;
  border-radius: 50px;
  z-index: 10;
  width: 360px;
  text-align: center; }
  #reviewmodalbox p {
    vertical-align: middle; }
    #reviewmodalbox p::before {
      content: "";
      background: url("/common/img/series/icon_like.svg") no-repeat 0 0;
      width: 24px;
      height: 24px;
      background-size: 100% auto;
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      margin-top: -5px; }

@media screen and (max-width: 768px) {
  #modalbox {
    padding: 25px 0;
    font-size: 1.8rem;
    width: 280px; }

  #reviewmodalbox {
    padding: 25px 0;
    font-size: 1.6rem;
    width: 280px; }
    #reviewmodalbox p::before {
      width: 20px;
      height: 20px;
      margin-right: 10px;
      margin-top: -5px; } }
/*---------------------------------
 *sameProgram
-----------------------------------*/
#sameProgram {
  overflow: hidden;
  margin: 60px 0 0; }
  #sameProgram .pageInn {
    width: 1155px;
    margin: 0 auto;
    overflow: hidden; }
    #sameProgram .pageInn h2, #sameProgram .pageInn h3 {
      font-size: 2.8rem;
      font-weight: bold;
      vertical-align: middle;
      position: relative;
      padding-left: 20px;
      margin-bottom: 25px; }
      #sameProgram .pageInn h2::before, #sameProgram .pageInn h3::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    #sameProgram .pageInn #sameProgramSlider {
      overflow: hidden;
      margin: 0;
      position: relative; }
      #sameProgram .pageInn #sameProgramSlider .swiper-slide {
        width: 265px;
        margin: 0; }
        #sameProgram .pageInn #sameProgramSlider .swiper-slide a {
          display: block;
          transition: 0.4s; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide a:hover .img {
            opacity: 0.6; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide a:hover .txt .title {
            text-decoration: underline; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide a .date {
            font-size: 1.4rem;
            display: block;
            margin-bottom: 5px; }
            #sameProgram .pageInn #sameProgramSlider .swiper-slide a .date::before {
              content: "";
              background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
              width: 20px;
              height: 22px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px;
              margin-top: -3px; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 {
            display: block; }
            #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .img {
              display: block;
              width: 265px;
              margin-bottom: 10px;
              transition: 0.4s; }
            #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .txt {
              display: block;
              padding: 0 !important;
              margin-bottom: 0 !important; }
              #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .txt .title {
                font-size: 1.6rem;
                display: block;
                font-weight: bold; }
              #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .txt:before {
                display: none !important; }
        #sameProgram .pageInn #sameProgramSlider .swiper-slide.check a .col2 .txt .title {
          text-indent: -20px;
          padding-left: 20px; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide.check a .col2 .txt .title::before {
            content: "";
            background: url("/common/img/series/icon_check.svg") no-repeat 0 0;
            width: 16px;
            height: 16px;
            background-size: 100% auto;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
            margin-top: -4px; }
        #sameProgram .pageInn #sameProgramSlider .swiper-slide.playing a .col2 .img {
          position: relative; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide.playing a .col2 .img::before {
            content: "再生中";
            background: rgba(0, 0, 0, 0.5);
            font-size: 2.4rem;
            font-weight: bold;
            color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px; }

@media screen and (max-width: 768px) {
  #sameProgram {
    overflow: hidden;
    margin: 0; }
    #sameProgram .pageInn {
      width: auto;
      margin: 0 15px; }
      #sameProgram .pageInn h2, #sameProgram .pageInn h3 {
        font-size: 2.2rem;
        padding-left: 15px;
        margin-bottom: 25px; }
        #sameProgram .pageInn h2::before, #sameProgram .pageInn h3::before {
          content: "";
          background: #00288C;
          width: 5px;
          height: 100%;
          position: absolute;
          display: block;
          top: 0;
          left: 0; }
      #sameProgram .pageInn #sameProgramSlider {
        overflow: hidden;
        margin: 0; }
        #sameProgram .pageInn #sameProgramSlider .swiper-slide {
          width: auto;
          margin: 0; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide a {
            display: block;
            transition: 0.4s;
            width: 100%;
            height: auto; }
            #sameProgram .pageInn #sameProgramSlider .swiper-slide a:hover {
              opacity: 0.6; }
            #sameProgram .pageInn #sameProgramSlider .swiper-slide a .date {
              font-size: 1.2rem;
              display: block;
              margin-bottom: 5px; }
              #sameProgram .pageInn #sameProgramSlider .swiper-slide a .date::before {
                width: 20px;
                height: 22px;
                margin-right: 5px;
                margin-top: -3px; }
            #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 {
              display: block; }
              #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .img {
                display: block;
                width: 100%;
                margin-bottom: 10px; }
              #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .txt {
                display: block; }
                #sameProgram .pageInn #sameProgramSlider .swiper-slide a .col2 .txt .title {
                  font-size: 1.4rem;
                  display: block;
                  font-weight: bold; }
          #sameProgram .pageInn #sameProgramSlider .swiper-slide.playing a .col2 .img::before {
            font-size: 1.8rem; } }
/*---------------------------------
 *programArea
-----------------------------------*/
#programArea {
  padding: 45px 0;
  margin-bottom: 0;
  background: #F2F2F2; }
  #programArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #programArea .pageInn h2, #programArea .pageInn h3 {
      font-size: 2.8rem;
      border-bottom: 1px dotted #333333;
      padding-bottom: 15px;
      font-weight: bold; }
      #programArea .pageInn h2::before, #programArea .pageInn h3::before {
        content: "";
        background: url("/common/img/series/icon_like.svg") no-repeat 0 0;
        width: 30px;
        height: 30px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: -5px; }
    #programArea .pageInn .answer form {
      display: block;
      width: 100%; }
      #programArea .pageInn .answer form table {
        width: 100%; }
        #programArea .pageInn .answer form table tr td ul {
          display: flex; }
          #programArea .pageInn .answer form table tr td ul li {
            width: 33%;
            margin-right: 20px; }
            #programArea .pageInn .answer form table tr td ul li:first-child {
              width: 240px; }
            #programArea .pageInn .answer form table tr td ul li:last-child {
              margin-right: 0; }
            #programArea .pageInn .answer form table tr td ul li label {
              font-size: 1.6rem;
              font-weight: bold;
              display: block;
              margin-bottom: 10px;
              cursor: auto; }
            #programArea .pageInn .answer form table tr td ul li select {
              width: 100%;
              border: 1px solid #333;
              background: #fff;
              font-size: 1.6rem;
              padding: 10px 15px;
              border-radius: 5px;
              appearance: none;
              background: url("/common/img/icon_arrow_b.svg") no-repeat right 15px center #fff;
              background-size: 16px auto;
              color: #333; }
              #programArea .pageInn .answer form table tr td ul li select option {
                font-size: 1.6rem;
                color: #333; }
            #programArea .pageInn .answer form table tr td ul li #rating {
              margin-top: 20px;
              cursor: pointer; }
              #programArea .pageInn .answer form table tr td ul li #rating img {
                width: 30px;
                height: auto; }
        #programArea .pageInn .answer form table tr td .commentWrap {
          display: flex;
          margin-top: 20px; }
          #programArea .pageInn .answer form table tr td .commentWrap .comment {
            width: 825px; }
            #programArea .pageInn .answer form table tr td .commentWrap .comment label {
              font-size: 1.6rem;
              font-weight: bold;
              display: block;
              margin-bottom: 10px;
              cursor: auto; }
            #programArea .pageInn .answer form table tr td .commentWrap .comment textarea {
              width: 100%;
              border: 1px solid #333;
              background: #fff;
              font-size: 1.6rem;
              padding: 10px 15px;
              border-radius: 5px;
              resize: none;
              line-height: 2;
              cursor: text; }
            #programArea .pageInn .answer form table tr td .commentWrap .comment .attention {
              font-size: 1.4rem;
              line-height: 1.8;
              margin-top: 10px; }
          #programArea .pageInn .answer form table tr td .commentWrap .button {
            width: calc(100% - 855px);
            margin: 32px 0 0 30px; }
            #programArea .pageInn .answer form table tr td .commentWrap .button button.contribution_btn {
              font-size: 1.6rem;
              background: #00288C;
              padding: 20px 0;
              text-align: center;
              display: block;
              width: 100%;
              border: none;
              color: #fff;
              border-radius: 50px;
              cursor: pointer;
              font-weight: bold;
              transition: 0.4s; }
              #programArea .pageInn .answer form table tr td .commentWrap .button button.contribution_btn:hover {
                opacity: 0.6; }

@media screen and (max-width: 768px) {
  #programArea {
    padding: 25px 0 40px;
    margin-bottom: 0;
    background: #F2F2F2; }
    #programArea .pageInn {
      width: auto;
      margin: 0 15px; }
      #programArea .pageInn h2, #programArea .pageInn h3 {
        font-size: 2.2rem;
        padding-bottom: 10px;
        margin-bottom: 15px; }
        #programArea .pageInn h2::before, #programArea .pageInn h3::before {
          width: 26px;
          height: 26px;
          margin-right: 6px;
          margin-top: -5px; }
      #programArea .pageInn .answer form {
        display: block;
        width: 100%; }
        #programArea .pageInn .answer form table {
          width: 100%; }
          #programArea .pageInn .answer form table tr td ul {
            display: block; }
            #programArea .pageInn .answer form table tr td ul li {
              width: 100%;
              margin-right: 0;
              display: flex;
              margin-bottom: 15px;
              align-items: center; }
              #programArea .pageInn .answer form table tr td ul li:first-child {
                width: 100%; }
              #programArea .pageInn .answer form table tr td ul li:last-child {
                margin-right: 0; }
              #programArea .pageInn .answer form table tr td ul li label {
                font-size: 1.2rem;
                display: block;
                margin-bottom: 0;
                width: 75px; }
              #programArea .pageInn .answer form table tr td ul li select {
                width: calc(100% - 75px);
                padding: 10px;
                border-radius: 3px;
                background: url("/common/img/icon_arrow_b.svg") no-repeat right 10px center #fff;
                background-size: 12px auto; }
                #programArea .pageInn .answer form table tr td ul li select option {
                  font-size: 1.4rem; }
              #programArea .pageInn .answer form table tr td ul li #rating {
                margin-top: 0; }
          #programArea .pageInn .answer form table tr td .commentWrap {
            display: block;
            margin-top: 0; }
            #programArea .pageInn .answer form table tr td .commentWrap .comment {
              width: auto; }
              #programArea .pageInn .answer form table tr td .commentWrap .comment label {
                font-size: 1.2rem;
                margin-bottom: 10px; }
              #programArea .pageInn .answer form table tr td .commentWrap .comment textarea {
                width: 100%;
                height: 40vw;
                padding: 8px 10px;
                border-radius: 3px;
                resize: none; }
              #programArea .pageInn .answer form table tr td .commentWrap .comment .attention {
                font-size: 1.2rem;
                margin-top: 10px; }
            #programArea .pageInn .answer form table tr td .commentWrap .button {
              width: 200px;
              margin: 25px auto 0; }
              #programArea .pageInn .answer form table tr td .commentWrap .button button.contribution_btn {
                font-size: 1.4rem;
                padding: 12px 0;
                border-radius: 50px; } }
/*---------------------------------
 *listArea
-----------------------------------*/
#listArea {
  padding: 45px 0;
  margin-bottom: 60px; }
  #listArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #listArea .pageInn .list {
      outline: 1px solid #333333;
      outline-offset: -2px;
      border-radius: 20px;
      padding: 50px 50px 20px 50px;
      position: relative;
      max-height: 950px;
      overflow: hidden;
      transition: 0.4s; }
      #listArea .pageInn .list .noRateBox {
        display: none;
        padding-bottom: 30px;
        border-top: 1px dotted #333333;
        padding-top: 20px; }
      #listArea .pageInn .list.noRate {
        border: 1px solid #333333;
        outline: none; }
        #listArea .pageInn .list.noRate .valuation {
          display: none; }
        #listArea .pageInn .list.noRate .noRateBox {
          display: block;
          position: relative;
          z-index: 3; }
        #listArea .pageInn .list.noRate .rating {
          display: flex;
          margin-left: 35px;
          line-height: 1.2 !important; }
          #listArea .pageInn .list.noRate .rating .starRating .front {
            width: 0; }
        #listArea .pageInn .list.noRate #btnMore {
          display: none; }
      #listArea .pageInn .list.active {
        max-height: 100%;
        border: 1px solid #333333;
        outline: none; }
        #listArea .pageInn .list.active::after {
          height: 180px; }
        #listArea .pageInn .list.active #btnMore {
          display: none; }
        #listArea .pageInn .list.active .valuation {
          position: relative;
          z-index: 3; }
      #listArea .pageInn .list::after {
        content: "";
        background: white;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 45%, white 100%);
        width: 100%;
        height: 200px;
        background-size: 100% auto;
        display: block;
        margin-top: 0;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 2; }
      #listArea .pageInn .list .listTitle {
        padding-bottom: 15px;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 3; }
        #listArea .pageInn .list .listTitle h2, #listArea .pageInn .list .listTitle h3 {
          font-size: 2.8rem;
          font-weight: bold; }
          #listArea .pageInn .list .listTitle h2::before, #listArea .pageInn .list .listTitle h3::before {
            content: "";
            background: url("/common/img/series/icon_rating.svg") no-repeat 0 0;
            width: 30px;
            height: 30px;
            background-size: 100% auto;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            margin-top: -5px; }
        #listArea .pageInn .list .listTitle .rating {
          display: flex;
          align-items: center;
          margin-left: 35px;
          line-height: 1; }
          #listArea .pageInn .list .listTitle .rating .starRating .front {
            font-size: 2.8rem;
            display: flex; }
          #listArea .pageInn .list .listTitle .rating .starRating .back {
            font-size: 2.8rem; }
          #listArea .pageInn .list .listTitle .rating .rateNum span {
            font-size: 2.8rem;
            font-weight: bold;
            color: #c02e2e; }
          #listArea .pageInn .list .listTitle .rating .rateNum small {
            font-size: 1.8rem;
            margin-left: 5px; }
      #listArea .pageInn .list .valuation {
        border-top: 1px dotted #333333;
        padding-top: 20px;
        margin-bottom: 20px; }
        #listArea .pageInn .list .valuation .title {
          display: flex;
          align-items: center; }
          #listArea .pageInn .list .valuation .title .rating {
            display: flex;
            margin-left: 0; }
            #listArea .pageInn .list .valuation .title .rating .starRating {
              margin-top: -2px; }
              #listArea .pageInn .list .valuation .title .rating .starRating .front {
                font-size: 2rem;
                display: flex; }
                #listArea .pageInn .list .valuation .title .rating .starRating .front img {
                  width: 18px;
                  height: 18px; }
              #listArea .pageInn .list .valuation .title .rating .starRating .back {
                font-size: 2rem; }
                #listArea .pageInn .list .valuation .title .rating .starRating .back img {
                  width: 18px;
                  height: 18px; }
          #listArea .pageInn .list .valuation .title .date {
            margin-top: 0;
            margin-left: 0;
            font-size: 1.8rem; }
          #listArea .pageInn .list .valuation .title .tagList {
            display: block;
            margin-top: 0;
            margin-left: 20px; }
            #listArea .pageInn .list .valuation .title .tagList li {
              font-size: 1.2rem;
              border-radius: 3px;
              padding: 5px 10px;
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px;
              color: #fff;
              text-align: center; }
              #listArea .pageInn .list .valuation .title .tagList li.gray {
                background: #868686; }
              #listArea .pageInn .list .valuation .title .tagList li.blue {
                background: #2D64C8; }
        #listArea .pageInn .list .valuation .text {
          font-size: 1.6rem;
          margin-top: 10px;
          line-height: 1.8; }
      #listArea .pageInn .list #btnMore {
        font-size: 1.6rem;
        border: 1px solid #333;
        border-radius: 50px;
        text-align: center;
        cursor: pointer;
        padding: 18px 0;
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 60px);
        z-index: 3;
        background: #fff; }
        #listArea .pageInn .list #btnMore.cur {
          display: none; }
        #listArea .pageInn .list #btnMore::after {
          content: "";
          background: url("/common/img/icon_bullet_b.svg") no-repeat 0 0;
          width: 10px;
          height: 6px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-left: 10px;
          margin-top: -5px; }

@media screen and (max-width: 768px) {
  #listArea {
    padding: 40px 0;
    margin: 0; }
    #listArea .pageInn {
      width: auto;
      margin: 0 15px; }
      #listArea .pageInn .list {
        border-radius: 20px;
        padding: 25px 15px 0 15px; }
        #listArea .pageInn .list::after {
          height: 135px;
          bottom: -1px;
          left: 0;
          z-index: 2; }
        #listArea .pageInn .list .listTitle {
          padding-bottom: 10px;
          display: flex;
          justify-content: space-between; }
          #listArea .pageInn .list .listTitle h2, #listArea .pageInn .list .listTitle h3 {
            font-size: 2.2rem;
            font-weight: bold; }
            #listArea .pageInn .list .listTitle h2::before, #listArea .pageInn .list .listTitle h3::before {
              content: "";
              background: url("/common/img/series/icon_rating.svg") no-repeat 0 0;
              width: 30px;
              height: 30px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              margin-right: 10px;
              margin-top: -5px; }
          #listArea .pageInn .list .listTitle .rating {
            display: flex;
            margin-left: 0; }
            #listArea .pageInn .list .listTitle .rating .starRating .front {
              font-size: 2rem; }
              #listArea .pageInn .list .listTitle .rating .starRating .front img {
                width: 18px;
                height: 18px; }
            #listArea .pageInn .list .listTitle .rating .starRating .back {
              font-size: 2rem; }
              #listArea .pageInn .list .listTitle .rating .starRating .back img {
                width: 18px;
                height: 18px; }
            #listArea .pageInn .list .listTitle .rating .rateNum span {
              font-size: 1.8rem;
              font-weight: bold;
              color: #c02e2e; }
            #listArea .pageInn .list .listTitle .rating .rateNum small {
              font-size: 1.2rem;
              margin-left: 5px; }
        #listArea .pageInn .list .valuation {
          border-top: 1px dotted #333333;
          padding-top: 15px;
          margin-bottom: 20px; }
          #listArea .pageInn .list .valuation .title {
            display: block;
            align-items: center; }
            #listArea .pageInn .list .valuation .title .rating {
              display: flex;
              margin-left: 0;
              align-items: center; }
              #listArea .pageInn .list .valuation .title .rating .starRating {
                margin-top: -3px; }
                #listArea .pageInn .list .valuation .title .rating .starRating .front {
                  font-size: 1.8rem; }
                  #listArea .pageInn .list .valuation .title .rating .starRating .front img {
                    width: 18px;
                    height: 18px; }
                #listArea .pageInn .list .valuation .title .rating .starRating .back {
                  font-size: 1.8rem; }
                  #listArea .pageInn .list .valuation .title .rating .starRating .back img {
                    width: 18px;
                    height: 18px; }
            #listArea .pageInn .list .valuation .title .date {
              margin-top: 0;
              margin-left: 0;
              font-size: 1.4rem; }
            #listArea .pageInn .list .valuation .title .tagList {
              display: block;
              margin-top: 5px;
              margin-left: 0; }
              #listArea .pageInn .list .valuation .title .tagList li {
                font-size: 1rem;
                border-radius: 3px;
                padding: 5px 10px;
                margin-right: 3px; }
          #listArea .pageInn .list .valuation .text {
            font-size: 1.4rem;
            margin-top: 10px;
            line-height: 1.8;
            width: 100%; }
        #listArea .pageInn .list #btnMore {
          font-size: 1.4rem;
          width: 200px;
          padding: 12px 0; } }
/*---------------------------------
 *relationArea
-----------------------------------*/
#relationArea {
  padding: 0 50px;
  margin-bottom: 60px; }
  #relationArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #relationArea .pageInn .kv {
      margin-bottom: 30px; }
      #relationArea .pageInn .kv img {
        width: 100%;
        height: auto; }
    #relationArea .pageInn h2, #relationArea .pageInn h3 {
      font-size: 2.8rem;
      font-weight: bold;
      vertical-align: middle;
      position: relative;
      padding-left: 20px;
      margin-bottom: 25px; }
      #relationArea .pageInn h2::before, #relationArea .pageInn h3::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    #relationArea .pageInn .popularListArea .popular {
      margin-bottom: 35px; }
      #relationArea .pageInn .popularListArea .popular a {
        display: block;
        width: 100%; }
        #relationArea .pageInn .popularListArea .popular a .popularList {
          display: flex;
          flex-wrap: wrap; }
          #relationArea .pageInn .popularListArea .popular a .popularList h3, #relationArea .pageInn .popularListArea .popular a .popularList h4 {
            font-size: 2rem;
            width: 100%;
            margin-bottom: 20px;
            padding-bottom: 15px;
            border-bottom: 1px solid #333;
            font-weight: bold;
            line-height: 1.8;
            padding-left: 0; }
            #relationArea .pageInn .popularListArea .popular a .popularList h3::before, #relationArea .pageInn .popularListArea .popular a .popularList h4::before {
              display: none; }
          #relationArea .pageInn .popularListArea .popular a .popularList .seriesImg {
            width: 260px;
            margin-right: 20px; }
            #relationArea .pageInn .popularListArea .popular a .popularList .seriesImg img {
              width: 100%;
              border-radius: 8px; }
          #relationArea .pageInn .popularListArea .popular a .popularList .comment {
            width: calc(100% - 280px);
            font-size: 1.6rem;
            line-height: 1.8; }
          #relationArea .pageInn .popularListArea .popular a .popularList .programTxt {
            width: calc(100% - 280px);
            font-size: 1.6rem;
            line-height: 1.8;
            margin-top: 20px;
            display: block; }
    #relationArea .pageInn .popularListArea .poplarNone {
      margin-bottom: 35px; }
      #relationArea .pageInn .popularListArea .poplarNone p {
        font-size: 1.6rem;
        line-height: 1.8; }

@media screen and (max-width: 768px) {
  #relationArea {
    padding: 0;
    margin-bottom: 30px; }
    #relationArea .pageInn {
      width: auto;
      margin: 0 15px; }
      #relationArea .pageInn .kv {
        margin-bottom: 30px; }
        #relationArea .pageInn .kv img {
          width: 100%;
          height: auto; }
      #relationArea .pageInn h2, #relationArea .pageInn h3 {
        font-size: 2.2rem;
        font-weight: bold;
        vertical-align: middle;
        position: relative;
        padding-left: 20px;
        margin-bottom: 25px; }
        #relationArea .pageInn h2::before, #relationArea .pageInn h3::before {
          content: "";
          background: #00288C;
          width: 5px;
          height: 100%;
          position: absolute;
          display: block;
          top: 0;
          left: 0; }
      #relationArea .pageInn .popularListArea .popular {
        margin-bottom: 30px;
        padding-bottom: 25px;
        border-bottom: 1px dotted #333;
        font-weight: bold; }
        #relationArea .pageInn .popularListArea .popular a {
          display: block;
          width: 100%; }
          #relationArea .pageInn .popularListArea .popular a .popularList {
            display: flex;
            flex-wrap: wrap; }
            #relationArea .pageInn .popularListArea .popular a .popularList h3, #relationArea .pageInn .popularListArea .popular a .popularList h4 {
              font-size: 1.4rem;
              width: calc(100% - 170px);
              margin-bottom: 0;
              padding-bottom: 0;
              border-bottom: none;
              order: 2; }
            #relationArea .pageInn .popularListArea .popular a .popularList .seriesImg {
              width: 155px;
              margin-right: 15px;
              order: 1; }
              #relationArea .pageInn .popularListArea .popular a .popularList .seriesImg img {
                border-radius: 5px; }
            #relationArea .pageInn .popularListArea .popular a .popularList .comment {
              width: 100%;
              font-size: 1.4rem;
              margin-top: 15px;
              order: 3; }
            #relationArea .pageInn .popularListArea .popular a .popularList .programTxt {
              width: 100%;
              font-size: 1.4rem;
              margin-top: 15px;
              order: 4;
              margin-top: 20px; }
      #relationArea .pageInn .poplarNone {
        margin-bottom: 35px; }
        #relationArea .pageInn .poplarNone p {
          font-size: 1.4rem;
          line-height: 1.8; } }
/*---------------------------------
 *series
-----------------------------------*/
#series {
  padding: 0 50px;
  margin: 0 0 30px; }
  #series .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #series .pageInn .kv {
      margin-bottom: 25px; }
      #series .pageInn .kv img {
        width: 100%;
        height: auto; }
    #series .pageInn .title {
      overflow: hidden;
      position: relative; }
      #series .pageInn .title.col2 {
        padding-top: 10px; }
      #series .pageInn .title .name {
        display: block;
        float: left;
        width: calc(100% - 90px); }
        #series .pageInn .title .name h1 {
          font-size: 2.8rem;
          font-weight: bold;
          margin-bottom: 10px; }
        #series .pageInn .title .name h2 {
          font-size: 1.8rem;
          font-weight: normal;
          margin-bottom: 20px; }
          #series .pageInn .title .name h2.big {
            font-size: 2.8rem;
            font-weight: bold; }
        #series .pageInn .title .name .rating {
          display: flex;
          align-items: center; }
          #series .pageInn .title .name .rating .starRating {
            margin-top: 1px; }
            #series .pageInn .title .name .rating .starRating .front {
              font-size: 2.8rem;
              display: flex; }
            #series .pageInn .title .name .rating .starRating .back {
              font-size: 2.8rem; }
          #series .pageInn .title .name .rating .rateNum span {
            font-size: 2.8rem;
            font-weight: bold;
            color: #c02e2e; }
          #series .pageInn .title .name .rating .rateNum small {
            font-size: 1.6rem;
            margin-left: 5px; }
        #series .pageInn .title .name.btnL {
          width: 100%; }
      #series .pageInn .title .button {
        float: right;
        font-size: 1.6rem;
        width: 80px;
        text-align: center;
        padding: 25px 0;
        border-radius: 5px;
        border: 1px solid #333;
        margin-top: 0;
        cursor: pointer;
        transition: 0.4s; }
        #series .pageInn .title .button::before {
          content: "";
          width: 24px;
          height: 24px;
          display: block;
          margin: 0 auto 5px;
          background: url("/common/img/series/icon_bookmark.svg") no-repeat 0 0;
          background-size: 100% auto; }
        #series .pageInn .title .button::after {
          content: "保存する";
          font-size: 1.6rem;
          display: block; }
        #series .pageInn .title .button.remove {
          color: #fff;
          background: #DFA752;
          border: 1px solid #DFA752; }
          #series .pageInn .title .button.remove::before {
            background: url("/common/img/series/icon_bookmark_cur.svg") no-repeat 0 0;
            background-size: 100% auto; }
          #series .pageInn .title .button.remove::after {
            content: "保存済み"; }
        #series .pageInn .title .button:hover {
          opacity: 0.6; }
      #series .pageInn .title .LinkBtn01 {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 262px;
        display: block;
        padding: 15px 0;
        text-align: center;
        border-radius: 30px;
        border: 1px solid #333;
        font-size: 1.4rem;
        margin: 0; }
        #series .pageInn .title .LinkBtn01::after {
          content: "";
          background: url(/common/img/icon_bullet.svg) no-repeat 0 0;
          width: 7px;
          height: 12px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-top: -1px;
          margin-left: 10px; }

@media screen and (max-width: 768px) {
  #series {
    padding: 0;
    margin: 0 0 20px; }
    #series .pageInn {
      width: auto;
      margin: 0; }
      #series .pageInn .kv {
        margin-bottom: 25px; }
      #series .pageInn .title {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 15px; }
        #series .pageInn .title .name {
          display: contents;
          float: none;
          width: auto !important; }
          #series .pageInn .title .name h1 {
            font-size: 1.8rem;
            font-weight: bold;
            margin-bottom: 5px; }
          #series .pageInn .title .name h2 {
            font-size: 1.4rem;
            margin-bottom: 10px;
            width: 100%; }
            #series .pageInn .title .name h2.big {
              font-size: 1.8rem;
              font-weight: bold; }
          #series .pageInn .title .name .rating {
            display: flex;
            align-items: center; }
            #series .pageInn .title .name .rating .starRating {
              margin-top: -4px; }
              #series .pageInn .title .name .rating .starRating .front {
                font-size: 2.4rem; }
                #series .pageInn .title .name .rating .starRating .front img {
                  width: 23px;
                  height: 23px; }
              #series .pageInn .title .name .rating .starRating .back {
                font-size: 2.4rem; }
                #series .pageInn .title .name .rating .starRating .back img {
                  width: 23px;
                  height: 23px; }
            #series .pageInn .title .name .rating .rateNum span {
              font-size: 2.2rem; }
            #series .pageInn .title .name .rating .rateNum small {
              font-size: 1.4rem;
              margin-left: 5px; }
        #series .pageInn .title .button {
          float: none;
          font-size: 1.1rem;
          width: 90px;
          text-align: center;
          padding: 5px 8px;
          border-radius: 3px;
          border: 1px solid #9B9B9B;
          margin-top: 0;
          vertical-align: middle;
          display: flex;
          align-items: center;
          justify-content: center; }
          #series .pageInn .title .button::before {
            width: 15px;
            height: 19px;
            display: inline-block;
            vertical-align: middle;
            margin: 5px 5px 0 0; }
          #series .pageInn .title .button::after {
            font-size: 1.1rem;
            display: block; }
          #series .pageInn .title .button:hover {
            opacity: 1 !important; }
        #series .pageInn .title .LinkBtn01 {
          width: 100%;
          margin: 20px 15px 10px;
          position: static;
          display: block; }
          #series .pageInn .title .LinkBtn01::after {
            margin-top: -1px;
            margin-left: 10px; } }
/*---------------------------------
 *captionArea
-----------------------------------*/
#captionArea {
  padding: 0 50px;
  margin: 0 0 30px; }
  #captionArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #captionArea .pageInn .col1, #captionArea .pageInn .col2 {
      display: flex; }
      #captionArea .pageInn .col1 .left, #captionArea .pageInn .col2 .left {
        width: 875px;
        margin-right: 40px; }
        #captionArea .pageInn .col1 .left .grayWrap, #captionArea .pageInn .col2 .left .grayWrap {
          border-radius: 15px;
          background: #f2f2f2;
          padding: 30px; }
          #captionArea .pageInn .col1 .left .grayWrap .txt p, #captionArea .pageInn .col2 .left .grayWrap .txt p {
            font-size: 1.6rem;
            line-height: 1.8; }
            #captionArea .pageInn .col1 .left .grayWrap .txt p a, #captionArea .pageInn .col2 .left .grayWrap .txt p a {
              font-size: 1.6rem;
              color: #2D64C8;
              text-decoration: underline;
              line-height: 1.8; }
          #captionArea .pageInn .col1 .left .grayWrap .program, #captionArea .pageInn .col2 .left .grayWrap .program {
            padding-top: 15px;
            margin-top: 20px;
            border-top: 1px dotted #9B9B9B; }
            #captionArea .pageInn .col1 .left .grayWrap .program ul li, #captionArea .pageInn .col2 .left .grayWrap .program ul li {
              font-size: 1.6rem;
              line-height: 1.8;
              margin-bottom: 5px; }
              #captionArea .pageInn .col1 .left .grayWrap .program ul li::before, #captionArea .pageInn .col2 .left .grayWrap .program ul li::before {
                content: "";
                width: 10px;
                height: 6px;
                display: inline-block;
                margin-right: 5px;
                background: url("/common/img/icon_arrow_b.svg") no-repeat 0 0;
                background-size: 100% auto;
                vertical-align: middle;
                margin-top: -3px; }
          #captionArea .pageInn .col1 .left .grayWrap .teacher, #captionArea .pageInn .col2 .left .grayWrap .teacher {
            padding-top: 15px;
            margin-top: 20px;
            border-top: 1px dotted #9B9B9B; }
            #captionArea .pageInn .col1 .left .grayWrap .teacher ul li, #captionArea .pageInn .col2 .left .grayWrap .teacher ul li {
              font-size: 1.6rem;
              line-height: 1.8;
              margin-bottom: 5px;
              padding-left: 18px;
              position: relative; }
              #captionArea .pageInn .col1 .left .grayWrap .teacher ul li::before, #captionArea .pageInn .col2 .left .grayWrap .teacher ul li::before {
                content: "";
                width: 14px;
                height: 14px;
                display: block;
                background: url("/common/img/icon_human.svg") no-repeat 0 0;
                background-size: 100% auto;
                position: absolute;
                top: 8px;
                left: 0; }
              #captionArea .pageInn .col1 .left .grayWrap .teacher ul li a, #captionArea .pageInn .col2 .left .grayWrap .teacher ul li a {
                text-decoration: underline; }
                #captionArea .pageInn .col1 .left .grayWrap .teacher ul li a:hover, #captionArea .pageInn .col2 .left .grayWrap .teacher ul li a:hover {
                  text-decoration: none;
                  opacity: 1 !important; }
        #captionArea .pageInn .col1 .left .buttonList, #captionArea .pageInn .col2 .left .buttonList {
          display: flex;
          justify-content: right; }
          #captionArea .pageInn .col1 .left .buttonList li, #captionArea .pageInn .col2 .left .buttonList li {
            width: calc(50% - 5px);
            display: flex;
            flex-direction: column;
            min-height: 80px; }
            #captionArea .pageInn .col1 .left .buttonList li.play, #captionArea .pageInn .col2 .left .buttonList li.play {
              margin-right: 5px;
              display: flex;
              flex-direction: column; }
              #captionArea .pageInn .col1 .left .buttonList li.play a, #captionArea .pageInn .col2 .left .buttonList li.play a {
                font-size: 1.8rem;
                display: block;
                background: #00288c;
                width: 100%;
                color: #fff;
                height: 100%;
                padding: 15px 0 15px 125px;
                border-radius: 50px;
                position: relative;
                font-weight: bold; }
                #captionArea .pageInn .col1 .left .buttonList li.play a::before, #captionArea .pageInn .col2 .left .buttonList li.play a::before {
                  content: "";
                  width: 20px;
                  height: 20px;
                  display: block;
                  margin-right: 5px;
                  background: url("/common/img/series/icon_play_03.svg") no-repeat 0 0;
                  background-size: 100% auto;
                  position: absolute;
                  top: 50%;
                  left: 90px;
                  transform: translateY(-50%); }
                #captionArea .pageInn .col1 .left .buttonList li.play a small, #captionArea .pageInn .col2 .left .buttonList li.play a small {
                  font-size: 1.4rem;
                  display: block;
                  margin-top: 5px; }
            #captionArea .pageInn .col1 .left .buttonList li.premium, #captionArea .pageInn .col2 .left .buttonList li.premium {
              margin-left: 5px;
              display: flex;
              flex-direction: column; }
              #captionArea .pageInn .col1 .left .buttonList li.premium a, #captionArea .pageInn .col2 .left .buttonList li.premium a {
                font-size: 1.8rem;
                vertical-align: middle;
                text-align: center;
                background: #DFA752;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                color: #fff;
                height: 100%;
                padding: 15px 0;
                border-radius: 50px;
                font-weight: bold; }
                #captionArea .pageInn .col1 .left .buttonList li.premium a::before, #captionArea .pageInn .col2 .left .buttonList li.premium a::before {
                  content: "";
                  width: 26px;
                  height: 17px;
                  display: inline-block;
                  margin-right: 5px;
                  background: url("/common/img/series/icon_premium.svg") no-repeat 0 0;
                  background-size: 100% auto;
                  vertical-align: middle; }
        #captionArea .pageInn .col1 .left.col1Wrap, #captionArea .pageInn .col2 .left.col1Wrap {
          width: 100%;
          margin-right: 0; }
          #captionArea .pageInn .col1 .left.col1Wrap .teacher, #captionArea .pageInn .col2 .left.col1Wrap .teacher {
            border-bottom: 1px dotted #9B9B9B;
            padding-bottom: 15px; }
      #captionArea .pageInn .col1 .right, #captionArea .pageInn .col2 .right {
        width: 240px; }
        #captionArea .pageInn .col1 .right .trial, #captionArea .pageInn .col2 .right .trial {
          border-top: 1px dotted #9B9B9B;
          padding-top: 25px; }
          #captionArea .pageInn .col1 .right .trial h3, #captionArea .pageInn .col2 .right .trial h3 {
            font-size: 2rem;
            font-weight: bold; }
            #captionArea .pageInn .col1 .right .trial h3::before, #captionArea .pageInn .col2 .right .trial h3::before {
              content: "";
              width: 24px;
              height: 26px;
              display: inline-block;
              margin-right: 5px;
              background: url("/common/img/series/icon_beginner.svg") no-repeat 0 0;
              background-size: 100% auto;
              vertical-align: middle; }
          #captionArea .pageInn .col1 .right .trial .img a, #captionArea .pageInn .col2 .right .trial .img a {
            position: relative;
            display: block; }
            #captionArea .pageInn .col1 .right .trial .img a::before, #captionArea .pageInn .col2 .right .trial .img a::before {
              content: "";
              width: 50px;
              height: 50px;
              display: block;
              background: url("/common/img/series/icon_play_01.svg") no-repeat 0 0;
              background-size: 100% auto;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
            #captionArea .pageInn .col1 .right .trial .img a img, #captionArea .pageInn .col2 .right .trial .img a img {
              width: 100%;
              height: auto; }
        #captionArea .pageInn .col1 .right .slide, #captionArea .pageInn .col2 .right .slide {
          border-top: 1px dotted #9B9B9B;
          padding-top: 25px;
          margin-top: 25px;
          position: relative; }
          #captionArea .pageInn .col1 .right .slide h3, #captionArea .pageInn .col2 .right .slide h3 {
            font-size: 2rem;
            font-weight: bold; }
            #captionArea .pageInn .col1 .right .slide h3::before, #captionArea .pageInn .col2 .right .slide h3::before {
              content: "";
              width: 24px;
              height: 26px;
              display: inline-block;
              margin-right: 5px;
              background: url("/common/img/series/icon_slide.svg") no-repeat 0 0;
              background-size: 100% auto;
              vertical-align: middle; }
          #captionArea .pageInn .col1 .right .slide .page, #captionArea .pageInn .col2 .right .slide .page {
            font-size: 1.2rem;
            position: absolute;
            top: 5px;
            right: 0;
            background: #F2F2F2;
            padding: 6px 10px;
            border-radius: 3px; }
            #captionArea .pageInn .col1 .right .slide .page span.num, #captionArea .pageInn .col2 .right .slide .page span.num {
              font-size: 1.2rem; }
          #captionArea .pageInn .col1 .right .slide .img a img, #captionArea .pageInn .col2 .right .slide .img a img {
            width: 100%;
            height: auto; }
          #captionArea .pageInn .col1 .right .slide .small, #captionArea .pageInn .col2 .right .slide .small {
            font-size: 1.2rem;
            margin-top: 5px; }
        #captionArea .pageInn .col1 .right .tag, #captionArea .pageInn .col2 .right .tag {
          border-top: 1px dotted #9B9B9B;
          padding-top: 25px;
          margin-top: 25px; }
          #captionArea .pageInn .col1 .right .tag h3, #captionArea .pageInn .col2 .right .tag h3 {
            font-size: 2rem;
            font-weight: bold; }
            #captionArea .pageInn .col1 .right .tag h3::before, #captionArea .pageInn .col2 .right .tag h3::before {
              content: "";
              width: 24px;
              height: 26px;
              display: inline-block;
              margin-right: 5px;
              background: url("/common/img/series/icon_tag.svg") no-repeat 0 0;
              background-size: 100% auto;
              vertical-align: middle; }
          #captionArea .pageInn .col1 .right .tag ul, #captionArea .pageInn .col2 .right .tag ul {
            display: block; }
            #captionArea .pageInn .col1 .right .tag ul li, #captionArea .pageInn .col2 .right .tag ul li {
              margin-bottom: 8px;
              text-indent: -0.5em;
              padding-left: 0.7em;
              display: inline-block;
              }
              #captionArea .pageInn .col1 .right .tag ul li a, #captionArea .pageInn .col2 .right .tag ul li a {
                font-size: 1.4rem;
                text-decoration: underline; }

@media screen and (max-width: 768px) {
  #captionArea {
    padding: 0;
    margin: 0 0 30px; }
    #captionArea .pageInn {
      width: auto;
      margin: 0 15px; }
      #captionArea .pageInn .col1, #captionArea .pageInn .col2 {
        display: flex;
        flex-flow: column; }
        #captionArea .pageInn .col1 .left, #captionArea .pageInn .col2 .left {
          width: auto;
          margin-right: 0;
          display: contents;
          flex-flow: column; }
          #captionArea .pageInn .col1 .left .grayWrap, #captionArea .pageInn .col2 .left .grayWrap {
            border-radius: 10px;
            padding: 15px;
            order: 1; }
            #captionArea .pageInn .col1 .left .grayWrap .txt p, #captionArea .pageInn .col2 .left .grayWrap .txt p {
              font-size: 1.4rem;
              line-height: 1.8; }
              #captionArea .pageInn .col1 .left .grayWrap .txt p a, #captionArea .pageInn .col2 .left .grayWrap .txt p a {
                font-size: 1.4rem; }
            #captionArea .pageInn .col1 .left .grayWrap .program, #captionArea .pageInn .col2 .left .grayWrap .program {
              padding-top: 15px;
              margin-top: 20px;
              display: none; }
              #captionArea .pageInn .col1 .left .grayWrap .program ul li, #captionArea .pageInn .col2 .left .grayWrap .program ul li {
                font-size: 1.4rem;
                margin-bottom: 5px; }
                #captionArea .pageInn .col1 .left .grayWrap .program ul li::before, #captionArea .pageInn .col2 .left .grayWrap .program ul li::before {
                  width: 10px;
                  height: 6px;
                  margin-top: -3px; }
            #captionArea .pageInn .col1 .left .grayWrap .teacher, #captionArea .pageInn .col2 .left .grayWrap .teacher {
              padding-top: 15px;
              margin-top: 20px; }
              #captionArea .pageInn .col1 .left .grayWrap .teacher ul li, #captionArea .pageInn .col2 .left .grayWrap .teacher ul li {
                font-size: 1.2rem;
                margin-bottom: 5px; }
                #captionArea .pageInn .col1 .left .grayWrap .teacher ul li::before, #captionArea .pageInn .col2 .left .grayWrap .teacher ul li::before {
                  width: 14px;
                  height: 14px;
                  top: 5px; }
          #captionArea .pageInn .col1 .left .buttonList, #captionArea .pageInn .col2 .left .buttonList {
            display: block;
            order: 3;
            margin-top: 0; }
            #captionArea .pageInn .col1 .left .buttonList li, #captionArea .pageInn .col2 .left .buttonList li {
              width: 100%;
              display: block;
              margin-bottom: 10px;
              min-height: 0; }
              #captionArea .pageInn .col1 .left .buttonList li.play, #captionArea .pageInn .col2 .left .buttonList li.play {
                margin-right: 0;
                display: block; }
                #captionArea .pageInn .col1 .left .buttonList li.play a, #captionArea .pageInn .col2 .left .buttonList li.play a {
                  font-size: 1.6rem;
                  display: block;
                  text-align: center;
                  height: 100%;
                  padding: 13px 0 13px 0px;
                  border-radius: 50px; }
                  #captionArea .pageInn .col1 .left .buttonList li.play a::before, #captionArea .pageInn .col2 .left .buttonList li.play a::before {
                    width: 20px;
                    height: 20px;
                    display: inline-block;
                    position: relative;
                    top: 25px;
                    left: 2px; }
                  #captionArea .pageInn .col1 .left .buttonList li.play a small, #captionArea .pageInn .col2 .left .buttonList li.play a small {
                    font-size: 1.4rem;
                    display: block;
                    padding-left: 25px;
                    margin-top: 5px; }
              #captionArea .pageInn .col1 .left .buttonList li.premium, #captionArea .pageInn .col2 .left .buttonList li.premium {
                margin-left: 0;
                display: block; }
                #captionArea .pageInn .col1 .left .buttonList li.premium a, #captionArea .pageInn .col2 .left .buttonList li.premium a {
                  font-size: 1.6rem;
                  display: block;
                  height: 100%;
                  padding: 25px 0;
                  border-radius: 50px;
                  font-weight: bold; }
                  #captionArea .pageInn .col1 .left .buttonList li.premium a::before, #captionArea .pageInn .col2 .left .buttonList li.premium a::before {
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    margin-right: 5px; }
        #captionArea .pageInn .col1 .right, #captionArea .pageInn .col2 .right {
          width: auto;
          order: 2;
          display: flex;
          flex-wrap: wrap; }
          #captionArea .pageInn .col1 .right .trial, #captionArea .pageInn .col2 .right .trial {
            padding-top: 0;
            border: none;
            margin-top: 25px;
            width: calc(50% - 10px);
            margin-right: 10px; }
            #captionArea .pageInn .col1 .right .trial h3, #captionArea .pageInn .col2 .right .trial h3 {
              font-size: 1.6rem; }
              #captionArea .pageInn .col1 .right .trial h3::before, #captionArea .pageInn .col2 .right .trial h3::before {
                width: 18px;
                height: 18px; }
            #captionArea .pageInn .col1 .right .trial .img a::before, #captionArea .pageInn .col2 .right .trial .img a::before {
              content: "";
              width: 30px;
              height: 30px; }
          #captionArea .pageInn .col1 .right .slide, #captionArea .pageInn .col2 .right .slide {
            padding-top: 0;
            border: none;
            margin-top: 25px;
            width: calc(50% - 10px);
            margin-left: 10px; }
            #captionArea .pageInn .col1 .right .slide h3, #captionArea .pageInn .col2 .right .slide h3 {
              font-size: 1.6rem; }
              #captionArea .pageInn .col1 .right .slide h3::before, #captionArea .pageInn .col2 .right .slide h3::before {
                width: 18px;
                height: 18px;
                margin-right: 5px; }
            #captionArea .pageInn .col1 .right .slide .page, #captionArea .pageInn .col2 .right .slide .page {
              font-size: 0.9rem;
              position: absolute;
              top: 5px;
              padding: 4px 7px;
              border-radius: 3px;
              margin: 0; }
              #captionArea .pageInn .col1 .right .slide .page span.num, #captionArea .pageInn .col2 .right .slide .page span.num {
                font-size: 0.9rem; }
            #captionArea .pageInn .col1 .right .slide .small, #captionArea .pageInn .col2 .right .slide .small {
              font-size: 1.0rem;
              margin-top: 5px; }
          #captionArea .pageInn .col1 .right .tag, #captionArea .pageInn .col2 .right .tag {
            padding-top: 20px;
            margin-top: 20px;
            padding-bottom: 15px;
            border-bottom: 1px dotted #9B9B9B;
            margin-bottom: 20px;
            width: 100%; }
            #captionArea .pageInn .col1 .right .tag h3, #captionArea .pageInn .col2 .right .tag h3 {
              font-size: 1.6rem; }
              #captionArea .pageInn .col1 .right .tag h3::before, #captionArea .pageInn .col2 .right .tag h3::before {
                width: 18px;
                height: 18px; }
            #captionArea .pageInn .col1 .right .tag ul li, #captionArea .pageInn .col2 .right .tag ul li {
              margin-bottom: 8px;
              display: inline-block;
              margin-right: 10px; }
              #captionArea .pageInn .col1 .right .tag ul li a, #captionArea .pageInn .col2 .right .tag ul li a {
                font-size: 1.4rem; } }
/*---------------------------------
 *liveArea
-----------------------------------*/
#liveArea {
  padding: 0 50px;
  margin-bottom: 60px; }
  #liveArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #liveArea .pageInn h3 {
      font-size: 2.8rem;
      font-weight: bold;
      vertical-align: middle;
      position: relative;
      padding-left: 20px;
      margin-bottom: 25px; }
      #liveArea .pageInn h3::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    #liveArea .pageInn .list {
      margin-bottom: 50px; }
      #liveArea .pageInn .list:last-child {
        margin-bottom: 0; }
      #liveArea .pageInn .list h2 {
        font-size: 1.8rem;
        font-weight: bold;
        color: #fff;
        background: #333333;
        padding: 10px 15px;
        margin-bottom: 20px;
        border-radius: 5px; }
        #liveArea .pageInn .list h2.checked::before {
          content: "";
          width: 24px;
          height: 24px;
          display: inline-block;
          margin-right: 5px;
          background: url("/common/img/series/icon_check.svg") no-repeat 0 0;
          background-size: 100% auto;
          vertical-align: middle;
          margin-top: -5px; }
      #liveArea .pageInn .list .col3 {
        display: flex; }
        #liveArea .pageInn .list .col3 .thumbWrap {
          width: 260px;
          margin-right: 20px; }
          #liveArea .pageInn .list .col3 .thumbWrap a, #liveArea .pageInn .list .col3 .thumbWrap span.noLink {
            display: block;
            width: 100%;
            position: relative; }
            #liveArea .pageInn .list .col3 .thumbWrap a::before, #liveArea .pageInn .list .col3 .thumbWrap span.noLink::before {
              content: "";
              width: 50px;
              height: 50px;
              display: block;
              background: url(/common/img/series/icon_play_01.svg) no-repeat 0 0;
              background-size: 100% auto;
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%); }
            #liveArea .pageInn .list .col3 .thumbWrap a img, #liveArea .pageInn .list .col3 .thumbWrap span.noLink img {
              width: 100%;
              height: auto;
              margin-bottom: 10px; }
          #liveArea .pageInn .list .col3 .thumbWrap span.noLink::before {
            display: none !important; }
          #liveArea .pageInn .list .col3 .thumbWrap .date {
            font-size: 1.4rem;
            display: inline-block;
            vertical-align: middle;
            margin-right: 15px; }
            #liveArea .pageInn .list .col3 .thumbWrap .date::before {
              content: "";
              width: 16px;
              height: 16px;
              display: inline-block;
              margin-right: 5px;
              background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
              background-size: 100% auto;
              vertical-align: middle;
              margin-top: -5px; }
          #liveArea .pageInn .list .col3 .thumbWrap .time {
            font-size: 1.4rem;
            display: inline-block;
            vertical-align: middle; }
            #liveArea .pageInn .list .col3 .thumbWrap .time::before {
              content: "";
              width: 16px;
              height: 14px;
              display: inline-block;
              margin-right: 5px;
              background: url("/common/img/icon_time.svg") no-repeat 0 0;
              background-size: 100% auto;
              vertical-align: middle;
              margin-top: -3px; }
        #liveArea .pageInn .list .col3 .txtWrap {
          font-size: 1.6rem;
          line-height: 1.8;
          width: 580px;
          margin-right: 20px; }
          #liveArea .pageInn .list .col3 .txtWrap.noBtn {
            width: calc(100% - 290px); }
        #liveArea .pageInn .list .col3 .btnWrap {
          width: calc(100% - 880px); }
          #liveArea .pageInn .list .col3 .btnWrap ul {
            display: block; }
            #liveArea .pageInn .list .col3 .btnWrap ul li {
              display: block;
              margin-bottom: 10px; }
              #liveArea .pageInn .list .col3 .btnWrap ul li.play a {
                font-size: 1.6rem;
                height: 66px;
                font-weight: bold;
                background: #00288C;
                border: 1px solid #00288C;
                border-radius: 40px;
                padding: 10px 0 10px 70px;
                text-align: left;
                display: block;
                color: #fff;
                position: relative; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.play a::before {
                  content: "";
                  width: 18px;
                  height: 18px;
                  display: block;
                  position: absolute;
                  top: 50%;
                  left: 45px;
                  transform: translateY(-50%);
                  background: url("/common/img/series/icon_play_02.svg") no-repeat 0 0;
                  background-size: 100% auto;
                  vertical-align: middle; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.play a span {
                  display: inline-block;
                  font-size: 1.6rem;
                  font-weight: bold; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.play a small {
                  font-size: 1.2rem;
                  display: block;
                  font-weight: bold;
                  margin-top: 2px; }
              #liveArea .pageInn .list .col3 .btnWrap ul li.premium a {
                font-size: 1.6rem;
                height: 66px;
                font-weight: bold;
                background: #DFA752;
                border: 1px solid #DFA752;
                border-radius: 40px;
                padding: 19px 0;
                text-align: center;
                display: flex;
                color: #fff;
                align-items: center;
                justify-content: center;
                }
                #liveArea .pageInn .list .col3 .btnWrap ul li.premium a::before {
                  content: "";
                  width: 26px;
                  height: 17px;
                  display: inline-block;
                  margin-right: 5px;
                  background: url("/common/img/series/icon_premium.svg") no-repeat 0 0;
                  background-size: 100% auto;
                  vertical-align: middle; }
              #liveArea .pageInn .list .col3 .btnWrap ul li.free a {
                font-size: 1.6rem;
                height: 66px;
                font-weight: bold;
                background: #fff;
                border: 1px solid #C02E2E;
                border-radius: 40px;
                padding: 19px 0;
                text-align: center;
                display: flex;
                color: #C02E2E;
                align-items: center;
                justify-content: center; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.free a::before {
                  content: "";
                  width: 18px;
                  height: 18px;
                  display: inline-block;
                  margin-right: 5px;
                  background: url("/common/img/series/icon_play_01.svg") no-repeat 0 0;
                  background-size: 100% auto;
                  vertical-align: middle; }

@media screen and (max-width: 768px) {
  #liveArea {
    padding: 0;
    margin-bottom: 40px; }
    #liveArea .pageInn {
      width: auto;
      margin: 0 15px; }
      #liveArea .pageInn h3 {
        font-size: 2.2rem;
        font-weight: bold;
        vertical-align: middle;
        position: relative;
        padding-left: 20px;
        margin-bottom: 25px; }
        #liveArea .pageInn h3::before {
          content: "";
          background: #00288C;
          width: 5px;
          height: 100%;
          position: absolute;
          display: block;
          top: 0;
          left: 0; }
      #liveArea .pageInn .list {
        margin-bottom: 0; }
        #liveArea .pageInn .list h2 {
          font-size: 1.6rem;
          font-weight: bold;
          color: #fff;
          background: #333333;
          padding: 10px 30px 10px 15px;
          margin-bottom: 20px;
          border-radius: 5px;
          position: relative; }
          #liveArea .pageInn .list h2::after {
            content: "";
            display: block;
            background: url("/common/img/icon_plus_w.svg") no-repeat 0 0;
            width: 15px;
            height: 15px;
            background-size: 100% auto;
            text-align: center;
            position: absolute;
            top: 15px;
            right: 10px; }
          #liveArea .pageInn .list h2.cur::after {
            content: "";
            display: block;
            background: url("/common/img/icon_minus_w.svg") no-repeat 0 0;
            width: 15px;
            height: 15px;
            background-size: 100% auto;
            text-align: center;
            position: absolute;
            top: 21px;
            right: 10px; }
          #liveArea .pageInn .list h2.checked::before {
            width: 24px;
            height: 24px;
            margin-right: 5px;
            margin-top: -5px; }
        #liveArea .pageInn .list .col3 {
          display: flex;
          flex-wrap: wrap;
          overflow: hidden; }
          #liveArea .pageInn .list .col3 .thumbWrap {
            width: 100%;
            margin-right: 0;
            margin-bottom: 15px;
            display: flex; }
            #liveArea .pageInn .list .col3 .thumbWrap a, #liveArea .pageInn .list .col3 .thumbWrap span.noLink {
              display: block;
              width: 180px; }
              #liveArea .pageInn .list .col3 .thumbWrap a::before, #liveArea .pageInn .list .col3 .thumbWrap span.noLink::before {
                width: 30px;
                height: 30px; }
              #liveArea .pageInn .list .col3 .thumbWrap a img, #liveArea .pageInn .list .col3 .thumbWrap span.noLink img {
                width: 180px;
                height: auto;
                margin-bottom: 0; }
            #liveArea .pageInn .list .col3 .thumbWrap .txt {
              width: calc(100% - 195px);
              margin-left: 15px; }
            #liveArea .pageInn .list .col3 .thumbWrap .date {
              font-size: 1.2rem;
              display: block;
              vertical-align: middle;
              margin-right: 0;
              margin-bottom: 10px; }
              #liveArea .pageInn .list .col3 .thumbWrap .date::before {
                width: 16px;
                height: 16px;
                margin-right: 5px;
                margin-top: -5px; }
            #liveArea .pageInn .list .col3 .thumbWrap .time {
              font-size: 1.2rem;
              display: block;
              vertical-align: middle; }
              #liveArea .pageInn .list .col3 .thumbWrap .time::before {
                width: 16px;
                height: 16px;
                margin-right: 5px;
                margin-top: -5px; }
          #liveArea .pageInn .list .col3 .txtWrap {
            font-size: 1.4rem;
            width: 100%;
            margin-right: 0;
            margin-bottom: 15px; }
            #liveArea .pageInn .list .col3 .txtWrap.noBtn {
              width: 100%; }
          #liveArea .pageInn .list .col3 .btnWrap {
            width: 100%;
            margin-bottom: 30px; }
            #liveArea .pageInn .list .col3 .btnWrap ul {
              display: block; }
              #liveArea .pageInn .list .col3 .btnWrap ul li {
                display: block;
                margin-bottom: 10px; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.play a {
                  font-size: 1.6rem;
                  height: 60px;
                  border-radius: 40px;
                  text-align: center;
                  padding-left: 3px; }
                  #liveArea .pageInn .list .col3 .btnWrap ul li.play a::before {
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    position: relative;
                    left: -2px;
                    top: 13px; }
                  #liveArea .pageInn .list .col3 .btnWrap ul li.play a span {
                    font-size: 1.6rem; }
                  #liveArea .pageInn .list .col3 .btnWrap ul li.play a small {
                    font-size: 1.2rem;
                    padding-right: 50px;
                    margin-top: 2px; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.premium a {
                  font-size: 1.6rem;
                  height: 66px;
                  font-weight: bold;
                  background: #DFA752;
                  border: 1px solid #DFA752;
                  border-radius: 40px;
                  padding: 19px 0;
                  text-align: center;
                  display: block;
                  color: #fff; }
                  #liveArea .pageInn .list .col3 .btnWrap ul li.premium a::before {
                    width: 18px;
                    height: 18px;
                    margin-right: 5px; }
                #liveArea .pageInn .list .col3 .btnWrap ul li.free a {
                  font-size: 1.6rem;
                  height: 66px;
                  font-weight: bold;
                  background: #fff;
                  border: 1px solid #C02E2E;
                  border-radius: 40px;
                  padding: 19px 0;
                  text-align: center;
                  display: block;
                  color: #C02E2E; }
                  #liveArea .pageInn .list .col3 .btnWrap ul li.free a::before {
                    width: 18px;
                    height: 18px;
                    margin-right: 5px; } }
/*---------------------------------
 *scheduleArea
-----------------------------------*/
#scheduleArea {
  padding: 40px 0;
  background: #F2F2F2; }
  #scheduleArea .pageInn {
    width: 1155px;
    margin: 0 auto; }
    #scheduleArea .pageInn h2, #scheduleArea .pageInn h3 {
      font-size: 2.8rem;
      font-weight: bold;
      vertical-align: middle;
      position: relative;
      padding-left: 20px;
      margin-bottom: 25px; }
      #scheduleArea .pageInn h2::before, #scheduleArea .pageInn h3::before {
        content: "";
        background: #00288C;
        width: 5px;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0; }
    #scheduleArea .pageInn ul {
      display: flex;
      flex-wrap: wrap; }
      #scheduleArea .pageInn ul li {
        width: calc(50% - 5px);
        margin-right: 10px;
        margin-bottom: 10px;
        position: relative;
        background: #fff;
        padding: 20px 25px; }
        #scheduleArea .pageInn ul li::before {
          content: "";
          width: 14px;
          height: 14px;
          display: block;
          background: url("/common/img/series/icon_tri.png") no-repeat 0 0;
          background-size: 100% auto;
          position: absolute;
          top: 0;
          left: 0; }
        #scheduleArea .pageInn ul li:nth-child(2n) {
          margin-right: 0; }
        #scheduleArea .pageInn ul li .date {
          font-size: 1.6rem;
          display: block;
          line-height: 1.8; }
        #scheduleArea .pageInn ul li .title {
          font-size: 1.6rem;
          display: block;
          line-height: 1.8; }

@media screen and (max-width: 768px) {
  #scheduleArea {
    padding: 40px 0 30px;
    margin-top: 0; }
    #scheduleArea .pageInn {
      width: auto;
      margin: 0 15px; }
      #scheduleArea .pageInn h2, #scheduleArea .pageInn h3 {
        font-size: 1.8rem;
        padding-left: 15px;
        margin-bottom: 15px; }
        #scheduleArea .pageInn h2::before, #scheduleArea .pageInn h3::before {
          width: 5px; }
      #scheduleArea .pageInn ul {
        display: block; }
        #scheduleArea .pageInn ul li {
          width: 100%;
          margin-right: 0;
          margin-bottom: 5px;
          padding: 10px 12px; }
          #scheduleArea .pageInn ul li::before {
            width: 10px;
            height: 10px; }
          #scheduleArea .pageInn ul li .date {
            font-size: 1.4rem; }
          #scheduleArea .pageInn ul li .title {
            font-size: 1.4rem; } }
#faqWrap .pageLinkList01 {
  display: block; }
  #faqWrap .pageLinkList01 li {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 15px; }
    #faqWrap .pageLinkList01 li a {
      display: block;
      font-size: 1.6rem; }
      #faqWrap .pageLinkList01 li a::before {
        content: "";
        width: 12px;
        height: 7px;
        display: inline-block;
        margin-right: 5px;
        background: url("/common/img/icon_bullet_b.svg") no-repeat 0 0;
        background-size: 100% auto;
        vertical-align: middle;
        margin-top: -3px; }
#faqWrap .faqListArea dl dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #F2F2F2;
  padding: 22px 15px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative; }
  #faqWrap .faqListArea dl dt::before {
    content: "";
    width: 34px;
    height: 34px;
    display: block;
    background: url("/common/img/icon_plus.svg") no-repeat 0 0;
    background-size: 100% auto;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%); }
  #faqWrap .faqListArea dl dt .qArea {
    font-size: 2.2rem;
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: #2D64C8;
    margin-top: -5px; }
  #faqWrap .faqListArea dl dt .qTextArea {
    font-size: 1.8rem;
    font-weight: bold;
    width: calc(100% - 60px);
    padding-left: 5px; }
  #faqWrap .faqListArea dl dt.cur::before {
    background: url("/common/img/icon_minus.svg") no-repeat 0 0;
    background-size: 100% auto; }
#faqWrap .faqListArea dl dd {
  display: none;
  margin: 20px 0 50px;
  overflow: hidden; }
  #faqWrap .faqListArea dl dd .aArea {
    float: left;
    font-size: 2.2rem;
    width: 40px;
    text-align: center;
    font-weight: bold;
    color: #C02E2E;
    margin-top: -1px;
    margin-left: 5px; }
  #faqWrap .faqListArea dl dd .aTextArea {
    float: left;
    font-size: 1.6rem;
    line-height: 1.8;
    width: calc(100% - 60px);
    padding-left: 5px; }

@media screen and (max-width: 768px) {
  #faqWrap .pageLinkList01 li {
    margin-right: 15px;
    margin-bottom: 10px; }
    #faqWrap .pageLinkList01 li a {
      font-size: 1.4rem; }
      #faqWrap .pageLinkList01 li a::before {
        width: 12px;
        height: 7px;
        margin-right: 5px;
        margin-top: -3px; }
  #faqWrap .faqListArea dl dt {
    padding: 15px 10px;
    margin-bottom: 10px; }
    #faqWrap .faqListArea dl dt::before {
      width: 26px;
      height: 26px;
      right: 10px; }
    #faqWrap .faqListArea dl dt .qArea {
      font-size: 1.7rem;
      width: 20px;
      margin-top: -5px; }
    #faqWrap .faqListArea dl dt .qTextArea {
      font-size: 1.4rem;
      width: calc(100% - 45px);
      padding-left: 5px; }
    #faqWrap .faqListArea dl dt.cur::before {
      background: url("/common/img/icon_minus.svg") no-repeat 0 0;
      background-size: 100% auto; }
  #faqWrap .faqListArea dl dd {
    margin: 15px 0 30px; }
    #faqWrap .faqListArea dl dd .aArea {
      font-size: 1.7rem;
      width: 20px;
      margin-top: 0; }
    #faqWrap .faqListArea dl dd .aTextArea {
      font-size: 1.4rem;
      width: calc(100% - 30px);
      padding-left: 5px; } }
#instructorListArea {
  margin-bottom: 50px; }
  #instructorListArea .kanaSelect {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #333;
    margin-top: 30px; }
    #instructorListArea .kanaSelect li {
      width: calc(9.13% - 5px);
      margin-right: 5px;
      background: #F2F2F2;
      border-radius: 10px 10px 0 0;
      text-align: center; }
      #instructorListArea .kanaSelect li:last-child {
        margin-right: 0; }
      #instructorListArea .kanaSelect li.cur {
        background: #333; }
        #instructorListArea .kanaSelect li.cur a {
          color: #fff; }
      #instructorListArea .kanaSelect li a {
        padding: 15px 0;
        font-size: 1.6rem;
        display: block; }
  #instructorListArea .instructorNumWrap .listNum {
    font-size: 1.8rem;
    vertical-align: text-bottom;
    margin: 20px 0; }
    #instructorListArea .instructorNumWrap .listNum .num {
      font-size: 2.4rem;
      font-weight: bold;
      color: #C02E2E;
      display: inline-block;
      margin: 0 5px 0 0; }
  #instructorListArea h3.title {
    background: #F2F2F2;
    border-left: 3px solid #00288C;
    padding: 10px 15px;
    font-size: 2rem;
    font-weight: bold;
    margin-top: 25px; }
  #instructorListArea ul.instructorList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
    #instructorListArea ul.instructorList li.instructorList {
      width: calc(12.5% - 15px);
      margin-right: 15px;
      margin-bottom: 20px; }
      #instructorListArea ul.instructorList li.instructorList:last-child {
        margin-right: 0; }
      #instructorListArea ul.instructorList li.instructorList a {
        display: block; }
        #instructorListArea ul.instructorList li.instructorList a .img {
          width: 110px;
          display: block;
          margin: 0 auto; }
          #instructorListArea ul.instructorList li.instructorList a .img img {
            width: 110px;
            height: 110px;
            border-radius: 10px; }
        #instructorListArea ul.instructorList li.instructorList a .txt {
          display: block;
          margin-top: 10px; }
          #instructorListArea ul.instructorList li.instructorList a .txt .name {
            display: block;
            text-align: center;
            font-size: 1.6rem;
            font-weight: bold; }
            #instructorListArea ul.instructorList li.instructorList a .txt .name small {
              display: block;
              font-size: 1.2rem; }
          #instructorListArea ul.instructorList li.instructorList a .txt .caption {
            display: block;
            text-align: center;
            font-size: 1.2rem;
            color: #868686;
            margin-top: 5px; }

@media screen and (max-width: 768px) {
  #instructorListArea {
    margin-bottom: 30px; }
    #instructorListArea .kanaSelect {
      flex-wrap: wrap;
      justify-content: center;
      border-bottom: none;
      margin-top: 20px; }
      #instructorListArea .kanaSelect li {
        width: calc(20% - 4px);
        margin-right: 5px;
        border-radius: 5px;
        margin-bottom: 5px; }
        #instructorListArea .kanaSelect li:first-child {
          width: 100%;
          margin-right: 0; }
        #instructorListArea .kanaSelect li:nth-child(5n+1) {
          margin-right: 0; }
        #instructorListArea .kanaSelect li:last-child {
          margin-right: 0; }
        #instructorListArea .kanaSelect li a {
          padding: 15px 0;
          font-size: 1.4rem; }
    #instructorListArea .instructorNumWrap .listNum {
      font-size: 1.4rem;
      margin: 15px 0; }
      #instructorListArea .instructorNumWrap .listNum .num {
        font-size: 1.8rem; }
    #instructorListArea h3.title {
      padding: 7px 12px;
      font-size: 1.8rem;
      margin-top: 30px; }
    #instructorListArea ul.instructorList {
      display: block;
      margin-top: 15px; }
      #instructorListArea ul.instructorList li.instructorList {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
        display: block; }
        #instructorListArea ul.instructorList li.instructorList:last-child {
          margin-bottom: 0; }
        #instructorListArea ul.instructorList li.instructorList a {
          display: flex;
          flex-wrap: wrap; }
          #instructorListArea ul.instructorList li.instructorList a .img {
            width: 55px;
            margin: 0; }
            #instructorListArea ul.instructorList li.instructorList a .img img {
              width: 55px;
              height: 55px; }
          #instructorListArea ul.instructorList li.instructorList a .txt {
            margin: 0 0 0 10px;
            width: calc(100% - 65px); }
            #instructorListArea ul.instructorList li.instructorList a .txt .name {
              font-size: 1.4rem;
              text-align: left; }
              #instructorListArea ul.instructorList li.instructorList a .txt .name small {
                font-size: 1.1rem;
                display: inline-block;
                text-align: left;
                margin-left: 10px; }
            #instructorListArea ul.instructorList li.instructorList a .txt .caption {
              font-size: 1.1rem;
              margin-top: 5px;
              text-align: left; } }
#instructorArea .grayWrap02 {
  display: flex;
  flex-wrap: wrap;
  background: #F2F2F2;
  border-radius: 10px;
  padding: 30px;
  margin-top: 30px; }
  #instructorArea .grayWrap02 .img {
    width: 150px;
    margin-right: 30px; }
    #instructorArea .grayWrap02 .img img {
      width: 100%;
      height: auto;
      border-radius: 10px; }
  #instructorArea .grayWrap02 .infomation {
    width: calc(100% - 180px); }
    #instructorArea .grayWrap02 .infomation .name {
      font-size: 2.8rem;
      font-weight: bold; }
      #instructorArea .grayWrap02 .infomation .name small {
        font-size: 1.8rem;
        font-weight: bold; }
    #instructorArea .grayWrap02 .infomation .caption {
      font-size: 1.6rem;
      font-weight: bold;
      margin-top: 10px; }
    #instructorArea .grayWrap02 .infomation .infoTxt {
      border-top: 1px dotted #666666;
      font-size: 1.6rem;
      margin-top: 20px;
      padding-top: 20px;
      line-height: 1.8; }

@media screen and (max-width: 768px) {
  #instructorArea .grayWrap02 {
    display: flex;
    flex-wrap: wrap;
    background: #F2F2F2;
    border-radius: 10px;
    padding: 15px;
    margin-top: 20px; }
    #instructorArea .grayWrap02 .img {
      width: 75px;
      margin-right: 15px;
      float: left; }
      #instructorArea .grayWrap02 .img img {
        width: 100%;
        height: auto;
        border-radius: 10px; }
    #instructorArea .grayWrap02 .infomation {
      width: auto;
      display: contents; }
      #instructorArea .grayWrap02 .infomation .spBlock {
        float: right;
        width: calc(100% - 90px); }
      #instructorArea .grayWrap02 .infomation .name {
        font-size: 1.9rem; }
        #instructorArea .grayWrap02 .infomation .name small {
          font-size: 1.2rem; }
      #instructorArea .grayWrap02 .infomation .caption {
        font-size: 1.2rem;
        margin-top: 5px; }
      #instructorArea .grayWrap02 .infomation .infoTxt {
        font-size: 1.4rem;
        margin-top: 15px;
        padding-top: 15px; } }
/*---------------------------------
 *enqueteWrap
-----------------------------------*/
#enqueteWrap .enquete {
  margin-top: 60px; }
  #enqueteWrap .enquete .enqueteTtl {
    border-bottom: 2px solid #00288C;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 20px; }
    #enqueteWrap .enquete .enqueteTtl .num {
      font-size: 2.2rem;
      font-weight: bold;
      color: #fff;
      padding: 12px 15px 18px;
      background: #00288C;
      border-radius: 3px;
      vertical-align: middle;
      margin-right: 15px; }
    #enqueteWrap .enquete .enqueteTtl h3 {
      font-size: 1.6rem;
      width: calc(100% - 117px);
      font-weight: bold;
      line-height: 1.8; }
      #enqueteWrap .enquete .enqueteTtl h3 strong {
        font-size: 2rem;
        display: block;
        color: #00288C; }
    #enqueteWrap .enquete .enqueteTtl .require {
      font-size: 1.2rem;
      background: #c02e2e;
      border-radius: 3px;
      color: #fff;
      padding: 6px 8px; }
    #enqueteWrap .enquete .enqueteTtl .optional {
      font-size: 1.2rem;
      background: #fff;
      border: 1px solid #333;
      border-radius: 3px;
      padding: 6px 7px; }
  #enqueteWrap .enquete .seriesArea .seriesTtlArea {
    margin-top: 30px; }
    #enqueteWrap .enquete .seriesArea .seriesTtlArea small {
      font-size: 1.6rem;
      display: block;
      margin-bottom: 5px; }
    #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 {
      display: block; }
      #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 a {
        font-size: 1.8rem;
        text-decoration: underline;
        font-weight: bold;
        display: inline;
        margin-top: 2px; }
        #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 a:hover {
          text-decoration: none; }
      #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 span {
        font-size: 1.2rem;
        border: 1px solid #9B9B9B;
        margin-left: 18px;
        margin-top: 0;
        border-radius: 3px;
        text-align: center;
        font-weight: bold;
        padding: 4px 10px;
        display: inline-block; }
    #enqueteWrap .enquete .seriesArea .seriesTtlArea.check h4 a {
      max-width: calc(100% - 30px);
      display: inline; }
    #enqueteWrap .enquete .seriesArea .seriesTtlArea.check h4::before {
      content: "";
      background: url(/common/img/series/icon_check.svg) no-repeat 0 0;
      width: 16px;
      height: 16px;
      background-size: 100% auto;
      display: inline-block;
      vertical-align: middle;
      margin-right: 5px;
      margin-top: -2px; }
  #enqueteWrap .enquete .enqueteCol {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    #enqueteWrap .enquete .enqueteCol .rating {
      display: flex;
      width: 300px;
      margin-left: 15px; }
      #enqueteWrap .enquete .enqueteCol .rating li {
        margin: 0 10px;
        text-align: center; }
        #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"] {
          appearance: none;
          position: relative; }
          #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"]::before {
            content: "";
            background: url(/common/img/series/star-off.svg) no-repeat 0 0;
            width: 35px;
            height: 35px;
            background-size: 100% auto;
            display: block;
            margin: 0 auto; }
          #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"]:checked::before {
            content: "";
            background: url(/common/img/series/star-on.svg) no-repeat 0 0;
            width: 35px;
            height: 35px;
            background-size: 100% auto;
            display: block;
            margin: 0 auto; }
        #enqueteWrap .enquete .enqueteCol .rating li label {
          display: block;
          font-size: 1.4rem;
          text-align: center;
          margin-top: 5px; }
        #enqueteWrap .enquete .enqueteCol .rating li:first-child {
          margin-left: 0;
          margin-right: 0; }
        #enqueteWrap .enquete .enqueteCol .rating li:last-child {
          margin-left: 0;
          margin-right: 0; }
    #enqueteWrap .enquete .enqueteCol .radio {
      width: 180px;
      margin: 15px 25px 0; }
      #enqueteWrap .enquete .enqueteCol .radio li {
        margin-bottom: 10px; }
        #enqueteWrap .enquete .enqueteCol .radio li label {
          display: inline-block;
          margin-left: 5px;
          font-size: 1.4rem; }
    #enqueteWrap .enquete .enqueteCol textarea {
      width: 545px;
      height: 70px;
      border: 1px solid #333;
      background: #fff;
      font-size: 1.6rem;
      padding: 10px 15px;
      border-radius: 5px;
      resize: none;
      line-height: 2; }
  #enqueteWrap .enquete .textArea {
    margin-top: 30px; }
    #enqueteWrap .enquete .textArea textarea {
      width: 100%;
      height: 90px;
      border: 1px solid #333;
      background: #fff;
      font-size: 1.6rem;
      padding: 10px 15px;
      border-radius: 5px;
      resize: none;
      line-height: 2; }
  #enqueteWrap .enquete .profile {
    display: flex; }
    #enqueteWrap .enquete .profile li {
      width: 33%;
      margin-right: 20px; }
      #enqueteWrap .enquete .profile li label {
        font-size: 1.6rem;
        font-weight: bold;
        display: block;
        margin-bottom: 10px; }
      #enqueteWrap .enquete .profile li select {
        width: 100%;
        border: 1px solid #333;
        background: #fff;
        font-size: 1.6rem;
        padding: 10px 15px;
        border-radius: 5px;
        appearance: none;
        background: url(/common/img/icon_arrow_b.svg) no-repeat right 15px center #fff;
        background-size: 16px auto;
        color: #333; }
        #enqueteWrap .enquete .profile li select:invalid {
          color: #9B9B9B; }
        #enqueteWrap .enquete .profile li select option {
          color: #333; }
#enqueteWrap .large {
  margin-top: 70px; }
#enqueteWrap .txtBtn01Large {
  margin: 40px 35px 35px; }
  #enqueteWrap .txtBtn01Large button {
    font-size: 2rem;
    background: #00288C;
    padding: 20px 35px;
    text-align: center;
    display: table;
    border: none;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 auto;
    transition: 0.4s;
    width: 100%; }
    #enqueteWrap .txtBtn01Large button::after {
      content: "";
      background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
      width: 7px;
      height: 12px;
      background-size: 100% auto;
      display: inline-block;
      vertical-align: middle;
      margin-top: -4px;
      margin-left: 10px; }
    #enqueteWrap .txtBtn01Large button:hover {
      opacity: 0.6; }

@media screen and (max-width: 768px) {
  #enqueteWrap .enquete {
    margin-top: 30px; }
    #enqueteWrap .enquete .enqueteTtl {
      display: block;
      padding-bottom: 10px;
      position: relative; }
      #enqueteWrap .enquete .enqueteTtl .num {
        font-size: 1.8rem;
        padding: 2px 15px 5px;
        border-radius: 3px;
        margin: 0 0 5px;
        display: inline-block; }
      #enqueteWrap .enquete .enqueteTtl h3 {
        font-size: 1.4rem;
        width: 100%; }
        #enqueteWrap .enquete .enqueteTtl h3 strong {
          font-size: 1.8rem;
          margin-bottom: 5px; }
      #enqueteWrap .enquete .enqueteTtl .require {
        font-size: 1.1rem;
        padding: 3px 6px;
        position: absolute;
        top: 8px;
        right: 0; }
      #enqueteWrap .enquete .enqueteTtl .optional {
        font-size: 1.1rem;
        padding: 3px 6px;
        position: absolute;
        top: 8px;
        right: 0; }
    #enqueteWrap .enquete .seriesArea .seriesTtlArea {
      margin-top: 25px; }
      #enqueteWrap .enquete .seriesArea .seriesTtlArea small {
        font-size: 1.4rem;
        display: block;
        margin-bottom: 5px; }
      #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 {
        display: block; }
        #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 a {
          font-size: 1.6rem;
          text-decoration: underline;
          font-weight: bold; }
          #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 a:hover {
            text-decoration: none; }
        #enqueteWrap .enquete .seriesArea .seriesTtlArea h4 span {
          font-size: 1.2rem;
          margin-left: 0;
          margin-top: 10px;
          padding: 4px 7px;
          display: block;
          width: 110px; }
    #enqueteWrap .enquete .enqueteCol {
      display: block; }
      #enqueteWrap .enquete .enqueteCol .rating {
        display: flex;
        width: 305px;
        margin: 0 auto; }
        #enqueteWrap .enquete .enqueteCol .rating li {
          margin: 0 2.5px;
          width: calc(25% - 5px); }
          #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"] {
            -webkit-appearance: none;
            appearance: none;
            position: relative;
            display: block;
            margin: 0 auto;
            outline: none;
            background-color: transparent;
            border: none;
            cursor: pointer;
            width: 30px;
            height: 30px; }
            #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"]::before {
              content: "";
              background: url(/common/img/series/star-off.svg) no-repeat 0 0;
              width: 30px;
              height: 30px;
              background-size: 100% auto; }
            #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"]:hover {
              -webkit-appearance: none;
              appearance: none;
              background: none; }
            #enqueteWrap .enquete .enqueteCol .rating li input[type="radio"]:checked::before {
              content: "";
              background: url(/common/img/series/star-on.svg) no-repeat 0 0;
              width: 30px;
              height: 30px;
              background-size: 100% auto; }
          #enqueteWrap .enquete .enqueteCol .rating li label {
            font-size: 1.2rem;
            margin: 5px auto 0;
            display: block; }
          #enqueteWrap .enquete .enqueteCol .rating li:first-child {
            margin-left: 0;
            margin-right: 2.5px; }
          #enqueteWrap .enquete .enqueteCol .rating li:last-child {
            margin-left: 0;
            margin-right: 2.5px; }
      #enqueteWrap .enquete .enqueteCol .radio {
        width: auto;
        margin: 15px 0 0;
        display: flex;
        justify-content: center; }
        #enqueteWrap .enquete .enqueteCol .radio li {
          margin-bottom: 10px;
          display: flex;
          align-items: center; }
          #enqueteWrap .enquete .enqueteCol .radio li label {
            display: inline-block;
            margin-left: 5px;
            font-size: 1.2rem; }
          #enqueteWrap .enquete .enqueteCol .radio li:last-child {
            margin-left: 20px; }
      #enqueteWrap .enquete .enqueteCol textarea {
        width: 100%;
        height: 120px;
        padding: 10px 15px;
        margin-top: 10px; }
    #enqueteWrap .enquete .textArea {
      margin-top: 20px; }
      #enqueteWrap .enquete .textArea textarea {
        width: 100%;
        height: 120px;
        padding: 10px 15px;
        margin-top: 0; }
    #enqueteWrap .enquete .profile {
      display: block;
      margin-top: 20px; }
      #enqueteWrap .enquete .profile li {
        width: 100%;
        margin-right: 0;
        display: flex;
        margin-bottom: 15px;
        align-items: center; }
        #enqueteWrap .enquete .profile li label {
          font-size: 1.2rem;
          display: block;
          margin-bottom: 0;
          width: 75px; }
        #enqueteWrap .enquete .profile li select {
          width: calc(100% - 75px);
          padding: 10px;
          border-radius: 3px;
          background: url(/common/img/icon_arrow_b.svg) no-repeat right 10px center #fff;
          background-size: 12px auto; }
  #enqueteWrap .large {
    margin: 30px -15px; }
  #enqueteWrap .txtBtn01Large {
    margin: 15px 20px; }
    #enqueteWrap .txtBtn01Large button {
      font-size: 1.8rem;
      padding: 15px 10px;
      border-radius: 50px;
      width: 100%;
      margin: 0; } }
/*---------------------------------
 *compornent
-----------------------------------*/
.page .pageInn {
  width: 1155px;
  margin: 0 auto; }
  .page .pageInn .titleWrap {
    display: flex;
    align-items: center; }
    .page .pageInn .titleWrap .grayTxt01 {
      margin: 0 0 0 25px;
      background: #F2F2F2;
      border-radius: 4px;
      font-size: 1.6rem;
      padding: 12px 18px;
      font-weight: bold; }
  .page .pageInn .deviceTtl01 {
    font-size: 2.8rem;
    position: relative;
    padding-left: 20px;
    vertical-align: middle;
    line-height: 1.8;
    font-weight: bold; }
    .page .pageInn .deviceTtl01:before {
      content: "";
      background: #00288C;
      width: 5px;
      height: 100%;
      position: absolute;
      display: block;
      top: 0;
      left: 0; }
  .page .pageInn .deviceTtl02 {
    font-size: 2.8rem;
    line-height: 1.8;
    font-weight: bold; }
  .page .pageInn .deviceTtl03 {
    font-size: 2.2rem;
    border-bottom: 1px solid #333;
    line-height: 1.8;
    font-weight: bold;
    padding-bottom: 10px; }
  .page .pageInn .deviceTtl04 {
    font-size: 2rem;
    background: #F2F2F2;
    line-height: 1.8;
    font-weight: bold;
    padding: 9px 18px;
    border-radius: 4px; }
    .page .pageInn .deviceTtl04 .icon {
      display: inline-block;
      margin-left: 15px;
      color: #fff;
      background: #C02E2E;
      font-size: 1.6rem;
      vertical-align: text-bottom;
      font-weight: bold;
      padding: 0 10px;
      border-radius: 2px; }
  .page .pageInn .deviceTtl04B {
    font-size: 2rem;
    background: #333;
    color: #fff;
    line-height: 1.8;
    font-weight: bold;
    padding: 9px 18px;
    border-radius: 4px; }
  .page .pageInn .deviceTtl05 {
    font-size: 2rem;
    font-weight: bold;
    color: #00288C;
    margin-top: 40px;
    line-height: 1.5; }
  .page .pageInn .deviceTtl06 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 25px; }
  .page .pageInn .deviceTtl07 {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 20px; }
  .page .pageInn .mainTxt {
    font-size: 3.6rem;
    margin: 30px 0;
    text-align: center;
    font-weight: bold; }
  .page .pageInn .mainTxt02 {
    font-size: 3.2rem;
    margin: 20px 0 40px;
    text-align: center;
    font-weight: bold; }
  .page .pageInn .txt {
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 15px; }
    .page .pageInn .txt small {
      font-size: 1.2rem; }
  .page .pageInn h2 + .txt, .page .pageInn .titleWrap + .txt {
    font-size: 1.8rem; }
  .page .pageInn .red {
    color: #C02E2E; }
  .page .pageInn .blue {
    color: #00288C; }
  .page .pageInn .big {
    font-size: 2rem; }
  .page .pageInn .layoutB {
    font-weight: bold !important; }
  .page .pageInn .cautionList01 {
    display: block; }
    .page .pageInn .cautionList01 li {
      font-size: 1.4rem;
      color: #666666;
      line-height: 1.7;
      display: block;
      margin-bottom: 5px;
      text-indent: -1em;
      padding-left: 1em; }
  .page .pageInn .cautionList02 {
    display: block; }
    .page .pageInn .cautionList02 li {
      font-size: 1.4rem;
      color: #666666;
      line-height: 1.7;
      display: block;
      margin-bottom: 5px; }
  .page .pageInn .cautionList03 {
    display: block; }
    .page .pageInn .cautionList03 li {
      font-size: 1.6rem;
      line-height: 1.7;
      display: block;
      margin-bottom: 5px;
      text-indent: -1em;
      padding-left: 1em; }
  .page .pageInn .cautionList04 {
    display: block;
    margin-top: 5px; }
    .page .pageInn .cautionList04 li {
      font-size: 1.2rem;
      color: #868686;
      line-height: 1.7;
      display: block; }
  .page .pageInn .pdfList01 {
    display: block; }
    .page .pageInn .pdfList01 li a {
      font-size: 1.6rem;
      line-height: 1.7;
      display: block;
      margin-bottom: 10px;
      padding-left: 25px;
      position: relative; }
      .page .pageInn .pdfList01 li a::before {
        position: absolute;
        top: 3px;
        left: 0;
        width: 18px;
        height: 22px;
        background: url(/common/img/icon_pdf.svg) center center no-repeat;
        background-size: 100% auto;
        content: '';
        z-index: 2; }
      .page .pageInn .pdfList01 li a small {
        font-size: 1.3rem; }
  .page .pageInn .link {
    color: #2D64C8;
    text-decoration: underline; }
    .page .pageInn .link:hover {
      text-decoration: none;
      opacity: 1 !important; }
    .page .pageInn .link.blank::after {
      content: "";
      background: url("/common/img/icon_blank.svg") no-repeat 0 0;
      width: 14px;
      height: 14px;
      background-size: 100% auto;
      display: inline-block;
      vertical-align: middle;
      margin: 0 3px; }
  .page .pageInn .liveWrap {
    margin-top: 30px; }
    .page .pageInn .liveWrap .liveList {
      margin-bottom: 30px; }
      .page .pageInn .liveWrap .liveList ul {
        display: flex;
        flex-wrap: wrap; }
        .page .pageInn .liveWrap .liveList ul li {
          width: calc(25% - 23px);
          margin-right: 30px;
          margin-bottom: 30px;
          position: relative; }
          .page .pageInn .liveWrap .liveList ul li:nth-child(4n) {
            margin-right: 0; }
          .page .pageInn .liveWrap .liveList ul li .cat {
            background: #fdfdfd;
            border-radius: 3px;
            color: #fff;
            padding: 3px 8px;
            font-size: 1.2rem;
            display: inline-block; }
            .page .pageInn .liveWrap .liveList ul li .cat.ondemand {
              background: #00288C; }
            .page .pageInn .liveWrap .liveList ul li .cat.live {
              background: #C02E2E; }
          .page .pageInn .liveWrap .liveList ul li .img {
            display: block;
            margin: 5px 0 10px; }
          .page .pageInn .liveWrap .liveList ul li .subTitle {
            font-size: 1.2rem;
            display: block;
            color: #666666;
            margin-bottom: 10px; }
          .page .pageInn .liveWrap .liveList ul li .title {
            font-size: 1.6rem;
            display: block;
            font-weight: bold; }
        .page .pageInn .liveWrap .liveList ul a img {
          transition: 0.4s; }
        .page .pageInn .liveWrap .liveList ul a .txt {
          transition: 0.4s; }
        .page .pageInn .liveWrap .liveList ul a:hover img {
          opacity: 0.6; }
        .page .pageInn .liveWrap .liveList ul a:hover .txt {
          text-decoration: underline; }
  .page .pageInn .tabList01 {
    display: flex;
    justify-content: left;
    border-bottom: 2px solid #333; }
    .page .pageInn .tabList01 li {
      width: calc(16.66% - 5px);
      margin-right: 6px;
      background: #F2F2F2;
      border-radius: 10px 10px 0 0;
      text-align: center; }
      .page .pageInn .tabList01 li:last-child {
        margin-right: 0; }
      .page .pageInn .tabList01 li a {
        padding: 15px 0;
        font-size: 1.6rem;
        display: block; }
      .page .pageInn .tabList01 li.cur {
        background: #333; }
        .page .pageInn .tabList01 li.cur a {
          color: #fff; }
      .page .pageInn .tabList01 li.tabHide {
        display: none; }
  .page .pageInn .tabList02 {
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #333; }
    .page .pageInn .tabList02.top {
      margin-top: 30px; }
    .page .pageInn .tabList02.bottom {
      display: none; }
    .page .pageInn .tabList02 li {
      width: calc(50% - 5px);
      margin-right: 6px;
      background: #F2F2F2;
      border-radius: 10px 10px 0 0;
      text-align: center;
      cursor: pointer; }
      .page .pageInn .tabList02 li:last-child {
        margin-right: 0; }
      .page .pageInn .tabList02 li span, .page .pageInn .tabList02 li a {
        padding: 15px 0;
        font-size: 1.6rem;
        display: block; }
      .page .pageInn .tabList02 li.cur {
        background: #333; }
        .page .pageInn .tabList02 li.cur span {
          color: #fff; }
  .page .pageInn .txtList01 {
    display: block; }
    .page .pageInn .txtList01 li {
      display: flex;
      align-items: flex-start;
      font-size: 1.6rem;
      margin-bottom: 10px;
      line-height: 1.7; }
      .page .pageInn .txtList01 li:last-child {
        margin-bottom: 0; }
      .page .pageInn .txtList01 li::before {
        content: "・";
        display: block;
        font-size: 1.6rem; }
  .page .pageInn .checkList01 {
    display: block; }
    .page .pageInn .checkList01 li {
      display: flex;
      align-items: center;
      font-size: 1.6rem;
      margin-bottom: 10px; }
      .page .pageInn .checkList01 li:last-child {
        margin-bottom: 0; }
      .page .pageInn .checkList01 li::before {
        content: "";
        width: 15px;
        height: 12px;
        display: block;
        background: url("/common/img/icon_check.svg") no-repeat 0 0;
        background-size: 100% auto;
        margin-right: 15px; }
  .page .pageInn .programWrap .listNum {
    font-size: 1.8rem;
    vertical-align: text-bottom;
    margin: 20px 0; }
    .page .pageInn .programWrap .listNum .num {
      font-size: 2.4rem;
      font-weight: bold;
      color: #C02E2E;
      display: inline-block;
      margin: 0 5px 0 0; }
  .page .pageInn .programWrap .resultNumWrap {
    display: flex; }
    .page .pageInn .programWrap .resultNumWrap .listKeyword {
      font-size: 1.8rem;
      vertical-align: text-bottom;
      margin: 28px 0 0 30px; }
      .page .pageInn .programWrap .resultNumWrap .listKeyword .cat {
        font-size: 1.8rem;
        font-weight: bold;
        color: #C02E2E;
        display: inline-block;
        margin: 0 5px 0 0; }
  .page .pageInn .programWrap .programList .resultNone {
    border-top: 1px dotted #333;
    padding-top: 20px; }
  .page .pageInn .programWrap .programList ul {
    display: block; }
    .page .pageInn .programWrap .programList ul li {
      display: flex;
      flex-wrap: wrap;
      border-top: 1px dotted #9B9B9B;
      padding: 20px 0; }
      .page .pageInn .programWrap .programList ul li a, .page .pageInn .programWrap .programList ul li .inn {
        display: flex;
        flex-wrap: wrap;
        width: 100%; }
        .page .pageInn .programWrap .programList ul li a .img, .page .pageInn .programWrap .programList ul li .inn .img {
          width: 180px;
          margin-right: 20px;
          transition: 0.4s; }
          .page .pageInn .programWrap .programList ul li a .img a, .page .pageInn .programWrap .programList ul li .inn .img a {
            display: block; }
          .page .pageInn .programWrap .programList ul li a .img img, .page .pageInn .programWrap .programList ul li .inn .img img {
            width: 100%; }
        .page .pageInn .programWrap .programList ul li a .txt, .page .pageInn .programWrap .programList ul li .inn .txt {
          width: calc(100% - 200px);
          margin-top: 0;
          transition: 0.4s; }
          .page .pageInn .programWrap .programList ul li a .txt a, .page .pageInn .programWrap .programList ul li .inn .txt a {
            display: contents; }
            .page .pageInn .programWrap .programList ul li a .txt a span, .page .pageInn .programWrap .programList ul li .inn .txt a span {
              transition: 0.4s; }
            .page .pageInn .programWrap .programList ul li a .txt a:hover span, .page .pageInn .programWrap .programList ul li .inn .txt a:hover span {
              opacity: 0.6; }
            .page .pageInn .programWrap .programList ul li a .txt a:hover h3, .page .pageInn .programWrap .programList ul li .inn .txt a:hover h3 {
              opacity: 0.6; }
          .page .pageInn .programWrap .programList ul li a .txt .nameWrap, .page .pageInn .programWrap .programList ul li .inn .txt .nameWrap {
            display: flex;
            flex-wrap: wrap;
            line-height: 1.8; }
            .page .pageInn .programWrap .programList ul li a .txt .nameWrap .cat, .page .pageInn .programWrap .programList ul li .inn .txt .nameWrap .cat {
              font-size: 12px;
              border: 1px solid #333;
              width: 68px;
              height: 26px;
              margin-right: 10px;
              margin-top: 2px;
              border-radius: 3px;
              text-align: center;
              font-weight: bold;
              display: flex;
              align-items: center;
              justify-content: center; }
            .page .pageInn .programWrap .programList ul li a .txt .nameWrap .title, .page .pageInn .programWrap .programList ul li .inn .txt .nameWrap .title {
              text-decoration: underline;
              font-size: 1.6rem;
              width: calc(100% - 78px); }
          .page .pageInn .programWrap .programList ul li a .txt .rating, .page .pageInn .programWrap .programList ul li .inn .txt .rating {
            margin: 0; }
            .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .front, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .front {
              font-size: 2rem; }
              .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .front img, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .front img {
                width: 20px;
                height: 20px; }
            .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .back, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .back {
              font-size: 2rem; }
              .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .back img, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .back img {
                width: 20px;
                height: 20px; }
          .page .pageInn .programWrap .programList ul li a .txt .infoWrap .date, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .date {
            font-size: 1.4rem;
            display: block;
            color: #333;
            margin-top: 7px; }
          .page .pageInn .programWrap .programList ul li a .txt .infoWrap .teacher, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .teacher {
            font-size: 1.4rem;
            display: block;
            margin-top: 7px;
            position: relative;
            padding-left: 20px;
            color: #333; }
            .page .pageInn .programWrap .programList ul li a .txt .infoWrap .teacher::before, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .teacher::before {
              content: "";
              background: url("/common/img/icon_human.svg") no-repeat 0 0;
              width: 12px;
              height: 12px;
              background-size: 100% auto;
              display: inline-block;
              vertical-align: middle;
              position: absolute;
              top: 4px;
              left: 0; }
          .page .pageInn .programWrap .programList ul li a .txt .infoWrap .txt, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .txt {
            margin-top: 10px;
            font-size: 1.4rem;
            width: 100%;
            line-height: 1.7;
            -webkit-line-clamp: 4;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden; }
          .page .pageInn .programWrap .programList ul li a .txt .seriesTxt, .page .pageInn .programWrap .programList ul li a .txt .memoTxt, .page .pageInn .programWrap .programList ul li .inn .txt .seriesTxt, .page .pageInn .programWrap .programList ul li .inn .txt .memoTxt {
            display: block;
            font-size: 1.4rem;
            margin: 10px 0 5px;
            line-height: 1.7; }
          .page .pageInn .programWrap .programList ul li a .txt .commentTxt, .page .pageInn .programWrap .programList ul li .inn .txt .commentTxt {
            display: block;
            font-size: 1.4rem;
            margin: 5px 0;
            line-height: 1.7; }
          .page .pageInn .programWrap .programList ul li a .txt h3, .page .pageInn .programWrap .programList ul li .inn .txt h3 {
            font-size: 1.6rem;
            font-weight: bold;
            margin-top: 10px;
            transition: 0.4s; }
          .page .pageInn .programWrap .programList ul li a .txt .date, .page .pageInn .programWrap .programList ul li .inn .txt .date {
            font-size: 1.2rem;
            color: #666666;
            margin-top: 15px; }
          .page .pageInn .programWrap .programList ul li a .txt .buy, .page .pageInn .programWrap .programList ul li .inn .txt .buy {
            display: block;
            margin-top: 15px; }
            .page .pageInn .programWrap .programList ul li a .txt .buy li, .page .pageInn .programWrap .programList ul li .inn .txt .buy li {
              font-size: 1.2rem;
              color: #666666;
              margin-bottom: 7px;
              display: block;
              border: none !important;
              padding: 0 !important; }
              .page .pageInn .programWrap .programList ul li a .txt .buy li:last-child, .page .pageInn .programWrap .programList ul li .inn .txt .buy li:last-child {
                margin-bottom: 0; }
              .page .pageInn .programWrap .programList ul li a .txt .buy li.pcInline, .page .pageInn .programWrap .programList ul li .inn .txt .buy li.pcInline {
                display: inline-block;
                margin-right: 20px; }
      .page .pageInn .programWrap .programList ul li .button {
        width: 60px;
        height: 100px;
        margin-left: 20px;
        text-align: center;
        padding: 30px 0;
        border-radius: 5px;
        border: 1px solid #9B9B9B;
        margin-top: 0;
        cursor: pointer;
        position: relative;
        z-index: 3;
        cursor: pointer;
        transition: 0.4s; }
        .page .pageInn .programWrap .programList ul li .button::before {
          content: "";
          background: url(/common/img/series/icon_bookmark.svg) no-repeat 0 0;
          width: 20px;
          height: 22px;
          background-size: 100% auto;
          display: block;
          vertical-align: middle;
          margin: 0 auto; }
        .page .pageInn .programWrap .programList ul li .button::after {
          content: "保存する";
          font-size: 1.2rem; }
        .page .pageInn .programWrap .programList ul li .button:hover {
          opacity: 0.6; }
        .page .pageInn .programWrap .programList ul li .button.remove {
          border: 1px solid #DFA752;
          background: #DFA752;
          color: #fff; }
          .page .pageInn .programWrap .programList ul li .button.remove::before {
            background: url(/common/img/series/icon_bookmark_cur.svg) no-repeat 0 0;
            background-size: 100% auto; }
          .page .pageInn .programWrap .programList ul li .button.remove::after {
            content: "保存済み"; }
      .page .pageInn .programWrap .programList ul li.series a .txt .nameWrap .title {
        font-weight: bold; }
      .page .pageInn .programWrap .programList ul li.slide a .txt .nameWrap .title {
        font-weight: bold; }
      .page .pageInn .programWrap .programList ul li:last-child {
        border-bottom: 1px dotted #9B9B9B; }
      .page .pageInn .programWrap .programList ul li.dlBtn a {
        width: calc(100% - 80px); }
      .page .pageInn .programWrap .programList ul li.thumbL a .img {
        width: 538px; }
      .page .pageInn .programWrap .programList ul li.thumbL a .txt {
        width: calc(100% - 558px); }
        .page .pageInn .programWrap .programList ul li.thumbL a .txt h3 {
          margin-top: 0;
          text-decoration: underline; }
      .page .pageInn .programWrap .programList ul li.imgL a .img {
        width: 260px; }
      .page .pageInn .programWrap .programList ul li.imgL a .txt {
        width: calc(100% - 280px); }
      .page .pageInn .programWrap .programList ul li.check .txt h3::before {
        content: "";
        background: url(/common/img/series/icon_check.svg) no-repeat 0 0;
        width: 16px;
        height: 16px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -4px; }
  .page .pageInn .mypagePagenationArea {
    margin-top: 30px; }
    .page .pageInn .mypagePagenationArea .pageNation {
      display: block;
      text-align: center; }
      .page .pageInn .mypagePagenationArea .pageNation span {
        display: inline-block;
        margin: 0 5px; }
        .page .pageInn .mypagePagenationArea .pageNation span a {
          display: block;
          width: 50px;
          line-height: 50px;
          border-radius: 2px;
          font-size: 1.6rem;
          transition: 0.4s; }
        .page .pageInn .mypagePagenationArea .pageNation span.prev a {
          text-indent: -9999px;
          background: url(/common/img/icon_pagenation_prev.svg) no-repeat center center;
          background-size: 9px 15px;
          background-color: transparent; }
        .page .pageInn .mypagePagenationArea .pageNation span.active a {
          color: #fff;
          background: #333;
          pointer-events: none; }
        .page .pageInn .mypagePagenationArea .pageNation span.regular a {
          color: #333;
          background: transparent; }
          .page .pageInn .mypagePagenationArea .pageNation span.regular a:hover {
            color: #fff;
            background: #333;
            opacity: 1 !important; }
        .page .pageInn .mypagePagenationArea .pageNation span.next a {
          text-indent: -9999px;
          background: url(/common/img/icon_pagenation_next.svg) no-repeat center center;
          background-size: 9px 15px;
          background-color: transparent; }
  .page .pageInn .rankingList {
    overflow: hidden;
    margin: 30px 0 0 0; }
    .page .pageInn .rankingList ul {
      display: flex;
      flex-wrap: wrap; }
      .page .pageInn .rankingList ul li {
        width: 265px;
        margin-right: 30px;
        margin-top: 20px; }
        .page .pageInn .rankingList ul li:nth-child(4n) {
          margin-right: 0; }
        .page .pageInn .rankingList ul li a {
          display: block;
          transition: 0.4s; }
          .page .pageInn .rankingList ul li a:hover .img {
            opacity: 0.6; }
          .page .pageInn .rankingList ul li a:hover .title {
            text-decoration: underline; }
          .page .pageInn .rankingList ul li a .rankArea {
            display: block;
            overflow: hidden; }
            .page .pageInn .rankingList ul li a .rankArea .rank {
              font-size: 1.4rem;
              display: block;
              float: left; }
              .page .pageInn .rankingList ul li a .rankArea .rank strong {
                font-size: 3.2rem;
                display: inline-block;
                font-weight: normal;
                margin-right: 2px; }
            .page .pageInn .rankingList ul li a .rankArea .date {
              font-size: 1.4rem;
              display: block;
              float: right;
              margin-top: 15px; }
              .page .pageInn .rankingList ul li a .rankArea .date::before {
                content: "";
                background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
                width: 20px;
                height: 22px;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-right: 5px;
                margin-top: -3px; }
          .page .pageInn .rankingList ul li a .img {
            display: block;
            width: 265px;
            transition: 0.4s; }
            .page .pageInn .rankingList ul li a .img img {
              width: 100%; }
          .page .pageInn .rankingList ul li a .title {
            font-size: 1.6rem;
            display: block;
            font-weight: bold;
            margin-top: 10px; }
  .page .pageInn .numList01 {
    list-style: none;
    counter-reset: number; }
    .page .pageInn .numList01 li {
      position: relative;
      padding-left: 40px;
      font-size: 1.6rem;
      margin-bottom: 5px;
      line-height: 1.7; }
      .page .pageInn .numList01 li::before {
        counter-increment: number;
        content: counter(number) ".";
        position: absolute;
        left: 0;
        width: 30px;
        text-align: right; }
  .page .pageInn .numList02 {
    list-style: none;
    counter-reset: number; }
    .page .pageInn .numList02 li {
      position: relative;
      padding-left: 30px;
      font-size: 1.6rem;
      margin-bottom: 5px;
      line-height: 1.7; }
      .page .pageInn .numList02 li::before {
        counter-increment: number;
        content: "(" counter(number) ")";
        position: absolute;
        left: 0;
        text-align: left; }
  .page .pageInn .grayWrap01 {
    background: #F2F2F2;
    padding: 20px 25px 25px;
    margin-top: 20px; }
  .page .pageInn .grayCol2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 5px 25px 10px; }
    .page .pageInn .grayCol2 .left {
      width: 525px;
      border-right: 1px dotted #9B9B9B; }
      .page .pageInn .grayCol2 .left .enqueteTtlNum {
        font-weight: bold;
        font-size: 2.6rem; }
        .page .pageInn .grayCol2 .left .enqueteTtlNum span {
          font-size: 3.2rem;
          font-weight: bold;
          color: #00288C;
          display: inline-block;
          margin-right: 5px; }
          .page .pageInn .grayCol2 .left .enqueteTtlNum span strong {
            font-size: 4.8rem;
            font-weight: bold;
            color: #00288C; }
      .page .pageInn .grayCol2 .left .labelTxt {
        font-size: 2.0rem;
        font-weight: bold;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1.7; }
        .page .pageInn .grayCol2 .left .labelTxt span {
          font-size: 2.0rem;
          font-weight: bold; }
        .page .pageInn .grayCol2 .left .labelTxt .label {
          border: 1px solid #333;
          padding: 0 15px;
          line-height: 1.7;
          margin-right: 15px; }
    .page .pageInn .grayCol2 .right {
      width: 480px;
      margin-left: auto; }
      .page .pageInn .grayCol2 .right .txtBtn03 {
        width: 100%;
        margin: 10px 0 0; }
        .page .pageInn .grayCol2 .right .txtBtn03 a {
          font-size: 2rem;
          padding: 20px 0;
          border-radius: 50px;
          font-weight: bold; }
  .page .pageInn .bdWrap01 {
    border: 1px solid #333;
    padding: 20px 25px 25px;
    margin-top: 20px;
    border-radius: 3px; }
  .page .pageInn .bdWrap02 {
    border: 1px solid #C02E2E;
    padding: 20px 25px 25px;
    margin-top: 20px;
    border-radius: 3px; }
  .page .pageInn .bunnerImg {
    margin: 30px 0 25px; }
    .page .pageInn .bunnerImg img {
      width: 100%;
      border-radius: 8px; }
  .page .pageInn .errorWrap {
    margin: 60px 0 30px;
    text-align: center; }
    .page .pageInn .errorWrap .txtBtn01 {
      margin: 50px auto 0; }
      .page .pageInn .errorWrap .txtBtn01 a {
        font-size: 1.6rem; }
  .page .pageInn .guideInn {
    margin-top: 80px; }
    .page .pageInn .guideInn .col2Wrap {
      display: flex;
      flex-wrap: wrap; }
      .page .pageInn .guideInn .col2Wrap .col {
        margin-right: 30px;
        margin-top: 30px;
        width: calc(50% - 15px); }
        .page .pageInn .guideInn .col2Wrap .col:nth-child(2n) {
          margin-right: 0; }
        .page .pageInn .guideInn .col2Wrap .col.pcMl {
          margin-right: 30px !important; }
        .page .pageInn .guideInn .col2Wrap .col.pcMr {
          margin-right: 0 !important; }
        .page .pageInn .guideInn .col2Wrap .col h4 {
          font-size: 1.6rem;
          font-weight: bold;
          background: #F2F2F2;
          padding: 8px 12px;
          border-radius: 3px; }
          .page .pageInn .guideInn .col2Wrap .col h4 small {
            font-weight: bold; }
        .page .pageInn .guideInn .col2Wrap .col p {
          margin-top: 15px;
          font-size: 1.6rem;
          line-height: 1.7; }
    .page .pageInn .guideInn .col.col1 {
      margin-top: 30px;
      width: 100%; }
      .page .pageInn .guideInn .col.col1 h4 {
        font-size: 1.6rem;
        font-weight: bold;
        background: #F2F2F2;
        padding: 8px 12px;
        border-radius: 3px; }
      .page .pageInn .guideInn .col.col1 .ttlList01 {
        display: block; }
        .page .pageInn .guideInn .col.col1 .ttlList01 li {
          font-size: 1.6rem;
          display: flex;
          margin-top: 20px; }
          .page .pageInn .guideInn .col.col1 .ttlList01 li span {
            min-width: 90px;
            display: inline-block;
            position: relative;
            font-size: 1.4rem;
            font-weight: bold;
            padding-right: 15px;
            margin-right: 15px;
            margin-top: 3px; }
            .page .pageInn .guideInn .col.col1 .ttlList01 li span:after {
              content: "|";
              color: #9B9B9B;
              font-size: 1.6rem;
              font-weight: normal;
              display: block;
              position: absolute;
              right: 0;
              top: -3px; }
  .page .pageInn .benefitsInn {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    .page .pageInn .benefitsInn .img {
      width: calc(50% - 30px);
      margin-right: 30px; }
    .page .pageInn .benefitsInn .txtArea {
      width: 50%;
      display: block; }
  .page .pageInn .formWrap01 {
    margin-top: 20px;
    display: block; }
    .page .pageInn .formWrap01 ul li {
      font-size: 1.6rem;
      line-height: 1.5;
      margin-bottom: 10px; }
      .page .pageInn .formWrap01 ul li input {
        margin-right: 5px; }
    .page .pageInn .formWrap01 .textAreaWrap {
      width: calc(100% - 22px);
      margin-left: auto;
      margin-top: 15px; }
      .page .pageInn .formWrap01 .textAreaWrap textarea.txtareaL {
        width: 100%;
        height: 70px;
        resize: none;
        font-size: 1.6rem;
        line-height: 2;
        padding: 10px 15px;
        display: block;
        border: 1px solid #9B9B9B;
        border-radius: 3px; }
    .page .pageInn .formWrap01 .button {
      width: 300px;
      margin: 30px auto 0; }
      .page .pageInn .formWrap01 .button a, .page .pageInn .formWrap01 .button button {
        width: 100%;
        display: block;
        padding: 15px 0;
        text-align: center;
        border-radius: 30px;
        border: 1px solid #333;
        font-size: 1.6rem;
        background: none;
        cursor: pointer;
        transition: 0.4s; }
        .page .pageInn .formWrap01 .button a:hover, .page .pageInn .formWrap01 .button button:hover {
          opacity: 0.6; }
        .page .pageInn .formWrap01 .button a::after, .page .pageInn .formWrap01 .button button::after {
          content: "";
          background: url(/common/img/icon_bullet.svg) no-repeat 0 0;
          width: 7px;
          height: 12px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-top: -3px;
          margin-left: 10px; }
  .page .pageInn .searchWrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .page .pageInn .searchWrap .sort {
      display: flex;
      margin-left: auto;
      align-items: center; }
      .page .pageInn .searchWrap .sort ul {
        display: flex;
        margin: 0;
        align-items: center; }
        .page .pageInn .searchWrap .sort ul li {
          width: 106px;
          border: 1px solid #333;
          text-align: center;
          padding: 7px 0;
          border-radius: 3px;
          margin-left: 5px;
          cursor: pointer; }
          .page .pageInn .searchWrap .sort ul li a {
            width: 100%;
            display: block; }
          .page .pageInn .searchWrap .sort ul li.cur {
            background: #333;
            color: #fff; }
            .page .pageInn .searchWrap .sort ul li.cur a {
              color: #fff; }
    .page .pageInn .searchWrap .search {
      display: flex;
      margin-left: 35px;
      align-items: center; }
      .page .pageInn .searchWrap .search ul {
        display: flex;
        margin: 0;
        align-items: center; }
        .page .pageInn .searchWrap .search ul li {
          width: 106px;
          border: 1px solid #333;
          text-align: center;
          padding: 7px 0;
          border-radius: 3px;
          margin-left: 5px;
          cursor: pointer; }
          .page .pageInn .searchWrap .search ul li a {
            width: 100%;
            display: block; }
          .page .pageInn .searchWrap .search ul li.cur {
            background: #333;
            color: #fff; }
            .page .pageInn .searchWrap .search ul li.cur a {
              color: #fff; }
  .page .pageInn .program_search {
    display: flex;
    position: relative; }
    .page .pageInn .program_search::before {
      position: absolute;
      top: 50%;
      left: 7px;
      transform: translateY(-50%);
      width: 14px;
      height: 14px;
      background: url(/common/img/icon_search.svg) center center no-repeat;
      background-size: 100% auto;
      content: '';
      z-index: 2; }
    .page .pageInn .program_search .program_search--keyword {
      padding: 9.5px 15px 9.5px 25px;
      width: 300px;
      margin: 0;
      border-right: none;
      background: #fff;
      font-size: 1.4rem; }
    .page .pageInn .program_search .program_search--button {
      margin: 0;
      padding: 8px 10px;
      background: #00288C;
      border-radius: 0 3px 3px 0;
      color: #fff;
      font-size: 1.4rem;
      border: none; }
  .page .pageInn .decideWrap {
    margin-top: 60px;
    text-align: center; }
    .page .pageInn .decideWrap p {
      font-size: 1.6rem;
      line-height: 1.7; }
    .page .pageInn .decideWrap .txtBtn01 {
      margin: 0 auto; }
      .page .pageInn .decideWrap .txtBtn01 button {
        font-size: 1.6rem;
        background: #00288C;
        padding: 20px 35px;
        text-align: center;
        display: table;
        border: none;
        color: #fff;
        border-radius: 50px;
        cursor: pointer;
        font-weight: bold;
        margin: 0 auto;
        transition: 0.4s;
        min-width: 300px; }
        .page .pageInn .decideWrap .txtBtn01 button::after {
          content: "";
          background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
          width: 7px;
          height: 12px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-top: -4px;
          margin-left: 10px; }
        .page .pageInn .decideWrap .txtBtn01 button:hover {
          opacity: 0.6; }
    .page .pageInn .decideWrap .txtBtn02 {
      margin: 0 auto; }
      .page .pageInn .decideWrap .txtBtn02 button {
        font-size: 1.6rem;
        padding: 20px 35px;
        text-align: center;
        display: table;
        border: none;
        color: #333;
        border-radius: 50px;
        cursor: pointer;
        font-weight: bold;
        margin: 0 auto;
        transition: 0.4s;
        min-width: 300px;
        background: none;
        border: 1px solid #333; }
        .page .pageInn .decideWrap .txtBtn02 button::before {
          content: "";
          background: url(/common/img/icon_arrow_r.svg) no-repeat 0 0;
          width: 7px;
          height: 12px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-top: -4px;
          margin-right: 10px; }
        .page .pageInn .decideWrap .txtBtn02 button:hover {
          opacity: 0.6; }
    .page .pageInn .decideWrap .btnCol2Wrap {
      display: flex;
      justify-content: center; }
      .page .pageInn .decideWrap .btnCol2Wrap li {
        margin: 0 30px; }
        .page .pageInn .decideWrap .btnCol2Wrap li button {
          width: 280px; }
  .page .pageInn .contactInn {
    margin-top: 30px; }
    .page .pageInn .contactInn .formTable01 {
      margin-top: 30px;
      width: 100%; }
      .page .pageInn .contactInn .formTable01 tr {
        border-top: 1px dotted #9B9B9B;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 30px 0; }
        .page .pageInn .contactInn .formTable01 tr th {
          width: 270px;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding-left: 30px; }
          .page .pageInn .contactInn .formTable01 tr th span {
            font-size: 1.6rem;
            font-weight: bold; }
            .page .pageInn .contactInn .formTable01 tr th span.require {
              font-size: 1.2rem;
              background: #c02e2e;
              border-radius: 3px;
              color: #fff;
              padding: 6px 8px; }
        .page .pageInn .contactInn .formTable01 tr td {
          width: calc(100% - 270px);
          padding-left: 35px; }
          .page .pageInn .contactInn .formTable01 tr td span {
            display: block;
            font-size: 1.6rem;
            line-height: 1.7; }
          .page .pageInn .contactInn .formTable01 tr td input[type="text"] {
            border: 1px solid #333;
            background: #fff;
            font-size: 1.6rem;
            padding: 10px 15px;
            color: #333;
            border-radius: 5px;
            width: 400px; }
          .page .pageInn .contactInn .formTable01 tr td select {
            width: 400px;
            border: 1px solid #333;
            background: #fff;
            font-size: 1.6rem;
            padding: 10px 15px;
            border-radius: 5px;
            appearance: none;
            background: url(/common/img/icon_arrow_b.svg) no-repeat right 15px center #fff;
            background-size: 16px auto;
            color: #333; }
            .page .pageInn .contactInn .formTable01 tr td select:invalid {
              color: #9B9B9B; }
            .page .pageInn .contactInn .formTable01 tr td select option {
              color: #333; }
          .page .pageInn .contactInn .formTable01 tr td textarea {
            resize: none;
            width: 100%;
            height: 110px;
            border: 1px solid #333;
            background: #fff;
            font-size: 1.6rem;
            padding: 10px 15px;
            color: #333;
            border-radius: 5px;
            margin-top: 20px; }
        .page .pageInn .contactInn .formTable01 tr:last-child {
          border-bottom: 1px dotted #9B9B9B; }
        .page .pageInn .contactInn .formTable01 tr.bdNoneBottom {
          padding-bottom: 5px; }
        .page .pageInn .contactInn .formTable01 tr.bdNoneTop {
          border: none;
          padding-top: 5px; }
    .page .pageInn .contactInn .reCAPTCHAWrap {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      width: 930px;
      margin: 60px auto 0; }
      .page .pageInn .contactInn .reCAPTCHAWrap .img {
        width: 301px; }
      .page .pageInn .contactInn .reCAPTCHAWrap .txtCol {
        width: calc(100% - 321px);
        margin-left: 15px; }
  .page .pageInn .contact {
    margin-top: 60px; }
    .page .pageInn .contact .txtBtn01 {
      margin: 40px auto 0;
      width: 354px; }
      .page .pageInn .contact .txtBtn01 a {
        background: #00288C;
        color: #fff;
        font-weight: bold;
        padding: 20px 35px;
        border-radius: 50px; }
        .page .pageInn .contact .txtBtn01 a::after {
          content: "";
          background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
          width: 7px;
          height: 12px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-top: -3px;
          margin-left: 10px; }
  .page .pageInn dl.dlList01 {
    display: flex;
    flex-wrap: wrap;
    padding: 0; }
    .page .pageInn dl.dlList01 dt {
      font-weight: bold;
      font-size: 1.6rem;
      line-height: 1.8;
      width: 175px; }
      .page .pageInn dl.dlList01 dt small {
        font-size: 1.2rem;
        font-weight: bold; }
    .page .pageInn dl.dlList01 dd {
      font-size: 1.6rem;
      line-height: 1.8;
      width: calc(100% - 175px); }
    .page .pageInn dl.dlList01:last-child {
      padding-bottom: 0; }
  .page .pageInn .thanksWrap .mainTxt.thanks::before {
    content: "";
    background: url(/common/img/icon_thanks.svg) no-repeat 0 0;
    width: 55px;
    height: 55px;
    background-size: 100% auto;
    display: block;
    vertical-align: middle;
    margin: 0 auto 10px; }
  .page .pageInn .thanksWrap .txtBtn01 {
    margin: 40px auto 0;
    width: 354px; }
    .page .pageInn .thanksWrap .txtBtn01 a {
      background: #00288C;
      color: #fff;
      font-weight: bold;
      padding: 20px 35px;
      border-radius: 50px; }
      .page .pageInn .thanksWrap .txtBtn01 a::after {
        content: "";
        background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
        width: 7px;
        height: 12px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 10px; }
  .page .pageInn .col3Plan {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
    .page .pageInn .col3Plan .col {
      position: relative;
      width: calc(33% - 30px);
      margin-right: 30px;
      outline: 1px solid #333333;
      outline-offset: -1px;
      border-radius: 12px 12px 0 0; }
      .page .pageInn .col3Plan .col::after {
        content: "";
        background: white;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 45%, white 100%);
        width: 100%;
        height: 150px;
        background-size: 100% auto;
        display: block;
        margin-top: 0;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 2; }
      .page .pageInn .col3Plan .col p.off {
        font-size: 1rem;
        font-weight: bold;
        position: absolute;
        top: -61px;
        right: 5px;
        border: 2px solid #333;
        border-radius: 60px;
        background: #fff;
        margin-top: 0; }
        .page .pageInn .col3Plan .col p.off strong {
          font-size: 1.8rem;
          display: inline-block;
          color: #C02E2E;
          font-weight: bold;
          margin-right: 2px; }
          .page .pageInn .col3Plan .col p.off strong span {
            font-size: 1.4rem;
            display: inline-block;
            color: #C02E2E;
            font-weight: bold; }
        .page .pageInn .col3Plan .col p.off.ptn01 {
          padding: 23px 8px; }
        .page .pageInn .col3Plan .col p.off.ptn02 {
          padding: 23px 9px; }
      .page .pageInn .col3Plan .col h3 {
        font-size: 2.4rem;
        color: #fff;
        font-weight: bold;
        text-align: center;
        background: #333333;
        border-radius: 12px 12px 0 0;
        padding: 18px 0; }
        .page .pageInn .col3Plan .col h3 small {
          font-size: 1.4rem;
          color: #fff;
          font-weight: bold;
          text-align: center;
          display: block;
          margin-top: 5px; }
      .page .pageInn .col3Plan .col p {
        font-size: 1.6rem;
        text-align: center;
        position: relative;
        z-index: 3;
        margin-top: 30px; }
      .page .pageInn .col3Plan .col p.price {
        font-size: 2rem;
        font-weight: bold;
        margin-top: 15px; }
        .page .pageInn .col3Plan .col p.price strong {
          font-size: 4.4rem;
          display: inline-block;
          color: #C02E2E;
          font-weight: bold;
          margin-left: 10px; }
          .page .pageInn .col3Plan .col p.price strong span {
            font-size: 2.8rem;
            display: inline-block;
            font-weight: bold;
            color: #333; }
        .page .pageInn .col3Plan .col p.price small {
          font-size: 1.6rem;
          display: inline-block;
          font-weight: bold; }
      .page .pageInn .col3Plan .col p.caution {
        font-size: 1.3rem;
        color: #868686;
        margin-top: 5px; }
      .page .pageInn .col3Plan .col p.month {
        font-size: 1.6rem;
        font-weight: bold;
        margin-top: 20px; }
        .page .pageInn .col3Plan .col p.month strong {
          font-size: 2.2rem;
          display: inline-block;
          color: #C02E2E;
          font-weight: bold; }
          .page .pageInn .col3Plan .col p.month strong span {
            font-size: 1.6rem;
            display: inline-block;
            font-weight: bold;
            color: #333; }
        .page .pageInn .col3Plan .col p.month small {
          font-size: 1.2rem;
          display: inline-block;
          font-weight: bold; }
        .page .pageInn .col3Plan .col p.month::before {
          content: "";
          background: url(/common/img/img_line_l.svg) no-repeat 0 0;
          width: 11px;
          height: 23px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-right: 10px; }
        .page .pageInn .col3Plan .col p.month::after {
          content: "";
          background: url(/common/img/img_line_r.svg) no-repeat 0 0;
          width: 11px;
          height: 23px;
          background-size: 100% auto;
          display: inline-block;
          vertical-align: middle;
          margin-left: 10px; }
      .page .pageInn .col3Plan .col p.btn {
        width: 280px;
        margin: 15px auto 0; }
        .page .pageInn .col3Plan .col p.btn a {
          width: 100%;
          display: block;
          padding: 18px 0;
          text-align: center;
          border-radius: 50px;
          background: #C02E2E;
          color: #fff;
          font-size: 1.6rem; }
          .page .pageInn .col3Plan .col p.btn a::after {
            content: "";
            background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
            width: 7px;
            height: 12px;
            background-size: 100% auto;
            display: inline-block;
            vertical-align: middle;
            margin-top: -3px;
            margin-left: 10px; }
        .page .pageInn .col3Plan .col p.btn.mtL {
          margin-top: 90px;
          margin-bottom: 60px; }
    .page .pageInn .col3Plan:last-child {
      margin-right: 0; }
  .page .pageInn .txtBtn01 {
    width: 300px;
    margin: 20px 0 0; }
    .page .pageInn .txtBtn01 a {
      width: 100%;
      display: block;
      padding: 18px 0;
      text-align: center;
      border-radius: 50px;
      border: 1px solid #333;
      font-size: 1.6rem; }
      .page .pageInn .txtBtn01 a::after {
        content: "";
        background: url(/common/img/icon_bullet.svg) no-repeat 0 0;
        width: 7px;
        height: 12px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 10px; }
    .page .pageInn .txtBtn01.blank a::after {
      content: "";
      background: url("/common/img/icon_blank.svg") no-repeat 0 0;
      width: 18px;
      height: 18px;
      background-size: 100% auto;
      display: inline-block;
      vertical-align: middle;
      margin-top: -3px;
      margin-left: 6px; }
  .page .pageInn .txtBtn02 {
    width: 300px;
    margin: 20px 0 0; }
    .page .pageInn .txtBtn02 a {
      width: 100%;
      display: block;
      padding: 18px 0;
      text-align: center;
      border-radius: 50px;
      border: 1px solid #333;
      font-size: 1.6rem; }
      .page .pageInn .txtBtn02 a::after {
        content: "";
        background: url(/common/img/icon_bullet.svg) no-repeat 0 0;
        width: 7px;
        height: 12px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 10px; }
  .page .pageInn .txtBtn03 {
    width: 344px;
    margin: 20px 0 30px; }
    .page .pageInn .txtBtn03 a {
      width: 100%;
      display: block;
      padding: 15px 0;
      text-align: center;
      border-radius: 30px;
      background: #00288C;
      color: #fff;
      font-size: 1.6rem; }
      .page .pageInn .txtBtn03 a::after {
        content: "";
        background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
        width: 7px;
        height: 12px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 10px; }
  .page .pageInn .txtBtn04 {
    width: 300px;
    margin: 20px 0 0; }
    .page .pageInn .txtBtn04 a {
      width: 100%;
      display: block;
      padding: 18px 0;
      text-align: center;
      border-radius: 50px;
      background: #00288C;
      color: #fff;
      font-size: 1.6rem; }
      .page .pageInn .txtBtn04 a::after {
        content: "";
        background: url(/common/img/icon_bullet_w.svg) no-repeat 0 0;
        width: 7px;
        height: 12px;
        background-size: 100% auto;
        display: inline-block;
        vertical-align: middle;
        margin-top: -3px;
        margin-left: 10px; }

@media screen and (max-width: 768px) {
  .page .pageInn {
    width: auto;
    margin: 0 15px; }
    .page .pageInn .titleWrap {
      display: flex;
      align-items: center;
      margin-bottom: 25px; }
      .page .pageInn .titleWrap .grayTxt01 {
        margin: 0 0 0 20px;
        background: #F2F2F2;
        border-radius: 3px;
        font-size: 1.6rem;
        padding: 8px 15px; }
    .page .pageInn .deviceTtl01 {
      font-size: 2.2rem;
      padding-left: 15px; }
      .page .pageInn .deviceTtl01:before {
        width: 4px; }
    .page .pageInn .deviceTtl02 {
      font-size: 2.8rem; }
    .page .pageInn .deviceTtl03 {
      font-size: 1.9rem; }
    .page .pageInn .deviceTtl04 {
      font-size: 1.9rem;
      padding: 7px 15px; }
      .page .pageInn .deviceTtl04 .icon {
        margin-left: 15px;
        font-size: 1.4rem;
        padding: 0 10px; }
    .page .pageInn .deviceTtl04B {
      font-size: 1.8rem;
      padding: 7px 15px; }
    .page .pageInn .deviceTtl05 {
      font-size: 1.6rem;
      margin-top: 25px; }
    .page .pageInn .deviceTtl06 {
      font-size: 1.5rem;
      margin-top: 20px; }
    .page .pageInn .mainTxt {
      font-size: 2.8rem;
      margin: 30px 0 20px; }
    .page .pageInn .mainTxt02 {
      font-size: 2.2rem;
      margin: 10px 0 25px; }
    .page .pageInn .txt {
      font-size: 1.4rem; }
      .page .pageInn .txt small {
        font-size: 1.2rem; }
    .page .pageInn h2 + .txt, .page .pageInn .titleWrap + .txt {
      font-size: 1.4rem; }
    .page .pageInn .big {
      font-size: 1.8rem; }
    .page .pageInn .cautionList01 li {
      font-size: 1.1rem;
      margin-bottom: 5px; }
    .page .pageInn .cautionList02 li {
      font-size: 1.1rem;
      margin-bottom: 5px; }
    .page .pageInn .cautionList03 li {
      font-size: 1.4rem;
      margin-bottom: 5px; }
    .page .pageInn .cautionList04 {
      margin-top: 10px; }
      .page .pageInn .cautionList04 li {
        font-size: 1.1rem; }
    .page .pageInn .pdfList01 {
      margin-top: 20px; }
      .page .pageInn .pdfList01 li a {
        font-size: 1.4rem;
        margin-bottom: 10px;
        padding-left: 25px; }
        .page .pageInn .pdfList01 li a::before {
          top: 0;
          left: 0;
          width: 18px;
          height: 22px; }
        .page .pageInn .pdfList01 li a small {
          font-size: 1.1rem;
          display: block;
          margin: 0; }
    .page .pageInn .link:hover {
      opacity: 1 !important; }
    .page .pageInn .liveWrap {
      margin-top: 20px; }
      .page .pageInn .liveWrap .liveList {
        margin-bottom: 40px; }
        .page .pageInn .liveWrap .liveList ul {
          display: block;
          margin-top: 25px; }
          .page .pageInn .liveWrap .liveList ul li {
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px; }
            .page .pageInn .liveWrap .liveList ul li .cat {
              border-radius: 3px;
              padding: 3px 8px;
              font-size: 1.2rem;
              top: -8px; }
            .page .pageInn .liveWrap .liveList ul li .img img {
              width: 100%;
              height: auto; }
            .page .pageInn .liveWrap .liveList ul li .subTitle {
              font-size: 1.1rem;
              margin: 10px 0 10px; }
            .page .pageInn .liveWrap .liveList ul li .title {
              font-size: 1.4rem; }
    .page .pageInn .tabList01 {
      flex-wrap: wrap;
      margin: 20px 0 15px;
      border: none; }
      .page .pageInn .tabList01 li {
        width: calc(33% - 3px);
        margin-right: 5px;
        margin-bottom: 5px;
        border-radius: 5px; }
        .page .pageInn .tabList01 li:nth-child(3n) {
          margin-right: 0; }
        .page .pageInn .tabList01 li:last-child {
          margin-right: 0; }
        .page .pageInn .tabList01 li a {
          padding: 10px 0; }
    .page .pageInn .tabList02 {
      flex-wrap: wrap;
      margin: 20px 0 15px;
      border: none; }
      .page .pageInn .tabList02.top {
        margin-top: 20px; }
      .page .pageInn .tabList02.bottom {
        display: flex; }
      .page .pageInn .tabList02 li {
        width: calc(50% - 3px);
        margin-right: 5px;
        margin-bottom: 5px;
        border-radius: 5px; }
        .page .pageInn .tabList02 li:nth-child(2n) {
          margin-right: 0; }
        .page .pageInn .tabList02 li:last-child {
          margin-right: 0; }
        .page .pageInn .tabList02 li span, .page .pageInn .tabList02 li a {
          padding: 10px 0; }
      .page .pageInn .tabList02.flex li {
        display: flex;
        justify-content: center; }
        .page .pageInn .tabList02.flex li span, .page .pageInn .tabList02.flex li a {
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 1.3rem; }
    .page .pageInn .txtList01 li {
      font-size: 1.2rem;
      margin-bottom: 5px;
      display: block;
      line-height: 1.8;
      padding-left: 1em; }
      .page .pageInn .txtList01 li::before {
        font-size: 1.4rem;
        display: inline-block;
        text-indent: -1em; }
    .page .pageInn .checkList01 li {
      font-size: 1.4rem;
      margin-bottom: 10px;
      display: block;
      text-indent: -25px;
      padding-left: 25px;
      line-height: 1.8; }
      .page .pageInn .checkList01 li::before {
        width: 15px;
        height: 12px;
        margin-right: 10px;
        margin-top: 7px;
        display: inline-block;
        vertical-align: text-top; }
    .page .pageInn .programWrap .listNum {
      font-size: 1.4rem;
      margin: 10px 0 15px; }
      .page .pageInn .programWrap .listNum .num {
        font-size: 1.8rem;
        margin: 0 5px 0 0; }
    .page .pageInn .programWrap .resultNumWrap {
      display: block;
      margin-top: 15px; }
      .page .pageInn .programWrap .resultNumWrap .listNum {
        margin-bottom: 0; }
      .page .pageInn .programWrap .resultNumWrap .listKeyword {
        font-size: 1.4rem;
        margin: 10px 0 15px 0; }
        .page .pageInn .programWrap .resultNumWrap .listKeyword .cat {
          font-size: 1.8rem;
          margin: 0 5px 0 0; }
    .page .pageInn .programWrap .programList .resultNone {
      padding-top: 15px; }
    .page .pageInn .programWrap .programList ul li {
      display: flex;
      flex-wrap: wrap;
      border-top: 1px dotted #9B9B9B;
      padding: 20px 0; }
      .page .pageInn .programWrap .programList ul li a, .page .pageInn .programWrap .programList ul li .inn {
        display: flex;
        flex-wrap: wrap; }
        .page .pageInn .programWrap .programList ul li a .img, .page .pageInn .programWrap .programList ul li .inn .img {
          width: 130px;
          margin-right: 15px; }
        .page .pageInn .programWrap .programList ul li a .txt, .page .pageInn .programWrap .programList ul li .inn .txt {
          width: calc(100% - 145px);
          margin-top: 0;
          transition: 0.4s;
          display: contents; }
          .page .pageInn .programWrap .programList ul li a .txt a, .page .pageInn .programWrap .programList ul li .inn .txt a {
            display: contents; }
          .page .pageInn .programWrap .programList ul li a .txt .nameWrap, .page .pageInn .programWrap .programList ul li .inn .txt .nameWrap {
            display: block;
            width: calc(100% - 147px); }
            .page .pageInn .programWrap .programList ul li a .txt .nameWrap .cat, .page .pageInn .programWrap .programList ul li .inn .txt .nameWrap .cat {
              font-size: 1rem;
              width: 54px;
              height: auto;
              margin-right: 10px;
              margin-top: 0;
              margin-bottom: 5px;
              border-radius: 3px;
              text-align: center;
              font-weight: bold;
              display: flex;
              line-height: 1;
              padding: 4px 0 5px;
              justify-content: center;
              align-items: center; }
            .page .pageInn .programWrap .programList ul li a .txt .nameWrap .title, .page .pageInn .programWrap .programList ul li .inn .txt .nameWrap .title {
              text-decoration: underline;
              font-size: 1.4rem;
              width: 100%;
              display: block; }
          .page .pageInn .programWrap .programList ul li a .txt .rating, .page .pageInn .programWrap .programList ul li .inn .txt .rating {
            margin: 0; }
            .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .front, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .front {
              font-size: 1.7rem; }
              .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .front img, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .front img {
                width: 17px;
                height: 17px; }
            .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .back, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .back {
              font-size: 1.7rem; }
              .page .pageInn .programWrap .programList ul li a .txt .rating .starRating .back img, .page .pageInn .programWrap .programList ul li .inn .txt .rating .starRating .back img {
                width: 17px;
                height: 17px; }
          .page .pageInn .programWrap .programList ul li a .txt .infoWrap .date, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .date {
            font-size: 1.2rem;
            margin-top: 7px; }
          .page .pageInn .programWrap .programList ul li a .txt .infoWrap .teacher, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .teacher {
            font-size: 1.2rem;
            margin-top: 7px;
            padding-left: 20px; }
          .page .pageInn .programWrap .programList ul li a .txt .infoWrap .txt, .page .pageInn .programWrap .programList ul li .inn .txt .infoWrap .txt {
            margin-top: 7px;
            font-size: 1.2rem;
            width: 100%; }
          .page .pageInn .programWrap .programList ul li a .txt .seriesTxt, .page .pageInn .programWrap .programList ul li a .txt .memoTxt, .page .pageInn .programWrap .programList ul li .inn .txt .seriesTxt, .page .pageInn .programWrap .programList ul li .inn .txt .memoTxt {
            display: block;
            font-size: 1.2rem;
            margin-top: 10px;
            width: 100%; }
          .page .pageInn .programWrap .programList ul li a .txt .commentTxt, .page .pageInn .programWrap .programList ul li .inn .txt .commentTxt {
            display: block;
            font-size: 1.2rem;
            margin-top: 10px;
            width: 100%; }
          .page .pageInn .programWrap .programList ul li a .txt h3, .page .pageInn .programWrap .programList ul li .inn .txt h3 {
            font-size: 1.4rem;
            margin-top: 10px;
            margin-right: 0;
            width: 100%; }
          .page .pageInn .programWrap .programList ul li a .txt .date, .page .pageInn .programWrap .programList ul li .inn .txt .date {
            font-size: 1.1rem;
            margin-top: 10px; }
          .page .pageInn .programWrap .programList ul li a .txt .buy, .page .pageInn .programWrap .programList ul li .inn .txt .buy {
            margin-top: 15px; }
            .page .pageInn .programWrap .programList ul li a .txt .buy li, .page .pageInn .programWrap .programList ul li .inn .txt .buy li {
              font-size: 1.1rem; }
              .page .pageInn .programWrap .programList ul li a .txt .buy li.pcInline, .page .pageInn .programWrap .programList ul li .inn .txt .buy li.pcInline {
                display: block;
                margin-right: 0; }
      .page .pageInn .programWrap .programList ul li .button {
        width: 35px;
        height: 35px;
        margin-left: 15px;
        padding: 7px 0;
        border-radius: 5px; }
        .page .pageInn .programWrap .programList ul li .button::before {
          width: 20px;
          height: 22px; }
        .page .pageInn .programWrap .programList ul li .button::after {
          display: none; }
        .page .pageInn .programWrap .programList ul li .button.remove {
          border: 1px solid #DFA752;
          background: #DFA752;
          color: #fff; }
          .page .pageInn .programWrap .programList ul li .button.remove::before {
            background: url(/common/img/series/icon_bookmark_cur.svg) no-repeat 0 0;
            background-size: 100% auto; }
        .page .pageInn .programWrap .programList ul li .button:hover {
          opacity: 1 !important; }
      .page .pageInn .programWrap .programList ul li:last-child {
        border-bottom: 1px dotted #9B9B9B; }
      .page .pageInn .programWrap .programList ul li.dlBtn a {
        width: calc(100% - 50px); }
        .page .pageInn .programWrap .programList ul li.dlBtn a .txt h3 {
          margin-right: -50px; }
      .page .pageInn .programWrap .programList ul li.thumbL a .img {
        width: 100%;
        margin: 0; }
      .page .pageInn .programWrap .programList ul li.thumbL a .txt {
        width: 100%; }
        .page .pageInn .programWrap .programList ul li.thumbL a .txt h3 {
          margin-top: 15px; }
        .page .pageInn .programWrap .programList ul li.thumbL a .txt .infoWrap {
          width: 100%; }
      .page .pageInn .programWrap .programList ul li.imgL a .img {
        width: 155px; }
      .page .pageInn .programWrap .programList ul li.imgL a .txt {
        width: auto; }
        .page .pageInn .programWrap .programList ul li.imgL a .txt .nameWrap {
          width: calc(100% - 170px); }
    .page .pageInn .mypagePagenationArea {
      margin-top: 20px; }
      .page .pageInn .mypagePagenationArea .pageNation span {
        margin: 0 2px; }
        .page .pageInn .mypagePagenationArea .pageNation span a {
          width: 42px;
          line-height: 42px;
          font-size: 1.4rem; }
        .page .pageInn .mypagePagenationArea .pageNation span.next a {
          background-size: 9px 15px; }
    .page .pageInn .numList01 {
      margin-top: 15px; }
      .page .pageInn .numList01 li {
        padding-left: 25px;
        font-size: 1.4rem; }
        .page .pageInn .numList01 li::before {
          width: 30px;
          text-align: right;
          font-size: 1.4rem;
          width: 22px; }
    .page .pageInn .numList02 {
      margin-top: 15px; }
      .page .pageInn .numList02 li {
        padding-left: 25px;
        font-size: 1.4rem; }
        .page .pageInn .numList02 li::before {
          font-size: 1.4rem; }
    .page .pageInn .grayWrap01 {
      padding: 15px;
      margin-top: 15px; }
    .page .pageInn .grayCol2 {
      display: block;
      margin: 0 10px 15px; }
      .page .pageInn .grayCol2 .left {
        width: 100%;
        border-right: none;
        margin: 0;
        text-align: center; }
        .page .pageInn .grayCol2 .left .enqueteTtlNum {
          font-size: 2rem; }
          .page .pageInn .grayCol2 .left .enqueteTtlNum span {
            font-size: 2.6rem;
            margin-right: 5px; }
            .page .pageInn .grayCol2 .left .enqueteTtlNum span strong {
              font-size: 3.9rem; }
        .page .pageInn .grayCol2 .left .labelTxt {
          font-size: 1.6rem;
          display: block;
          margin-top: 10px; }
          .page .pageInn .grayCol2 .left .labelTxt span {
            font-size: 1.4rem;
            display: block; }
          .page .pageInn .grayCol2 .left .labelTxt .label {
            display: block;
            padding: 3px 0;
            margin: 0 0 10px; }
      .page .pageInn .grayCol2 .right {
        width: auto;
        margin: 0; }
        .page .pageInn .grayCol2 .right .txtBtn03 {
          width: 100%;
          margin: 30px 0 0; }
          .page .pageInn .grayCol2 .right .txtBtn03 a {
            font-size: 1.8rem;
            padding: 15px 0;
            border-radius: 50px; }
    .page .pageInn .bdWrap01 {
      padding: 15px;
      margin-top: 15px;
      border-radius: 3px; }
    .page .pageInn .bdWrap02 {
      padding: 15px;
      margin-top: 15px;
      border-radius: 3px; }
    .page .pageInn .bunnerImg {
      margin: 20px 0 25px; }
      .page .pageInn .bunnerImg img {
        border-radius: 5px; }
    .page .pageInn .kv.large {
      margin: 0 -15px; }
    .page .pageInn .errorWrap {
      margin: 70px 0 25px;
      text-align: center; }
      .page .pageInn .errorWrap .txtBtn01 {
        margin: 25px 40px 0;
        width: auto; }
        .page .pageInn .errorWrap .txtBtn01 a {
          font-size: 1.4rem; }
    .page .pageInn .formWrap01 {
      margin-top: 15px; }
      .page .pageInn .formWrap01 ul li {
        font-size: 1.4rem;
        margin-bottom: 10px; }
        .page .pageInn .formWrap01 ul li label {
          position: relative; }
      .page .pageInn .formWrap01 .textAreaWrap {
        width: calc(100% - 20px);
        margin-top: 15px; }
        .page .pageInn .formWrap01 .textAreaWrap textarea.txtareaL {
          height: 90px;
          font-size: 1.6rem;
          padding: 10px 15px;
          border-radius: 3px; }
      .page .pageInn .formWrap01 .button {
        width: 200px;
        margin-top: 30px; }
        .page .pageInn .formWrap01 .button a, .page .pageInn .formWrap01 .button button {
          padding: 13px 0;
          border-radius: 30px;
          font-size: 1.4rem;
          color: #333; }
          .page .pageInn .formWrap01 .button a::after, .page .pageInn .formWrap01 .button button::after {
            margin-top: -1px;
            margin-left: 10px; }
    .page .pageInn .searchWrap {
      display: block; }
      .page .pageInn .searchWrap .sort {
        display: flex;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        justify-content: space-between; }
        .page .pageInn .searchWrap .sort p {
          width: 70px;
          font-size: 1.4rem; }
        .page .pageInn .searchWrap .sort ul {
          display: flex;
          margin: 0;
          align-items: center;
          width: calc(100% - 75px); }
          .page .pageInn .searchWrap .sort ul li {
            width: 50%;
            padding: 7px 0;
            margin-left: 5px; }
      .page .pageInn .searchWrap .search {
        display: flex;
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
        justify-content: space-between; }
        .page .pageInn .searchWrap .search p {
          width: 70px;
          font-size: 1.4rem; }
        .page .pageInn .searchWrap .search ul {
          display: flex;
          margin: 0;
          width: calc(100% - 75px); }
          .page .pageInn .searchWrap .search ul li {
            width: 50%;
            padding: 7px 0;
            margin-left: 5px; }
    .page .pageInn .program_search {
      display: flex;
      position: relative; }
      .page .pageInn .program_search::before {
        position: absolute;
        top: 50%;
        left: 7px;
        transform: translateY(-50%);
        width: 14px;
        height: 14px;
        background: url(/common/img/icon_search.svg) center center no-repeat;
        background-size: 100% auto;
        content: '';
        z-index: 2; }
      .page .pageInn .program_search .program_search--keyword {
        padding: 8px 15px 8px 25px;
        width: 100%;
        margin: 0;
        border-right: none;
        background: #fff;
        font-size: 1.6rem;
        border-radius: 3px 0 0 3px; }
      .page .pageInn .program_search .program_search--button {
        margin: 0;
        padding: 8px 10px;
        background: #00288C;
        border-radius: 0 3px 3px 0;
        color: #fff;
        font-size: 1.4rem;
        border: none; }
    .page .pageInn .rankingList {
      overflow: hidden;
      margin: 15px 0 0 0; }
      .page .pageInn .rankingList ul {
        display: block;
        flex-wrap: wrap; }
        .page .pageInn .rankingList ul li {
          width: 100%;
          margin-right: 0;
          margin-top: 15px;
          padding-bottom: 20px;
          border-bottom: 1px dotted #333; }
          .page .pageInn .rankingList ul li:first-child {
            margin-top: 0; }
          .page .pageInn .rankingList ul li a .rankArea {
            display: block;
            overflow: hidden; }
            .page .pageInn .rankingList ul li a .rankArea .rank {
              font-size: 1.4rem;
              display: block;
              float: left; }
              .page .pageInn .rankingList ul li a .rankArea .rank strong {
                font-size: 2.4rem;
                display: inline-block;
                font-weight: normal;
                margin-right: 2px; }
            .page .pageInn .rankingList ul li a .rankArea .date {
              font-size: 1.2rem;
              display: block;
              float: left;
              margin-top: 15px;
              margin-left: 20px; }
              .page .pageInn .rankingList ul li a .rankArea .date::before {
                content: "";
                background: url("/common/img/icon_calendar.svg") no-repeat 0 0;
                width: 20px;
                height: 22px;
                background-size: 100% auto;
                display: inline-block;
                vertical-align: middle;
                margin-right: 5px;
                margin-top: -3px; }
          .page .pageInn .rankingList ul li a .infoWrap {
            display: flex;
            margin-top: 10px; }
          .page .pageInn .rankingList ul li a .img {
            display: block;
            width: 165px; }
            .page .pageInn .rankingList ul li a .img img {
              width: 100%; }
          .page .pageInn .rankingList ul li a .title {
            width: calc(100% - 175px);
            font-size: 1.4rem;
            display: block;
            font-weight: bold;
            margin-left: 10px;
            margin-top: 0; }
    .page .pageInn .decideWrap {
      margin-top: 40px; }
      .page .pageInn .decideWrap p {
        font-size: 1.4rem; }
      .page .pageInn .decideWrap .txtBtn01 {
        margin: 20px 60px 0;
        width: auto; }
        .page .pageInn .decideWrap .txtBtn01 button {
          font-size: 1.4rem;
          padding: 15px 10px;
          border-radius: 50px;
          min-width: 0;
          width: 100%;
          margin: 0; }
          .page .pageInn .decideWrap .txtBtn01 button::after {
            margin-top: -3px;
            margin-left: 10px; }
      .page .pageInn .decideWrap .txtBtn02 {
        margin: 20px 60px 0;
        width: auto; }
        .page .pageInn .decideWrap .txtBtn02 button {
          font-size: 1.4rem;
          padding: 15px 10px;
          border-radius: 50px;
          min-width: 0;
          width: 100%;
          margin: 0; }
          .page .pageInn .decideWrap .txtBtn02 button::after {
            margin-top: -3px;
            margin-left: 10px; }
      .page .pageInn .decideWrap .btnCol2Wrap {
        display: flex;
        flex-wrap: wrap; }
        .page .pageInn .decideWrap .btnCol2Wrap li {
          margin: 0;
          width: 100%; }
          .page .pageInn .decideWrap .btnCol2Wrap li button {
            font-size: 1.4rem;
            padding: 15px 10px;
            border-radius: 50px;
            min-width: 0;
            width: 100%;
            margin: 0;
            display: block; }
          .page .pageInn .decideWrap .btnCol2Wrap li:nth-child(1) {
            order: 2; }
          .page .pageInn .decideWrap .btnCol2Wrap li:nth-child(2) {
            order: 1; }
    .page .pageInn .contactInn {
      margin-top: 30px; }
      .page .pageInn .contactInn .formTable01 {
        margin-top: 30px;
        width: 100%; }
        .page .pageInn .contactInn .formTable01 tr {
          border-top: 1px dotted #9B9B9B;
          display: block;
          padding: 15px 0 20px; }
          .page .pageInn .contactInn .formTable01 tr th {
            width: 100%;
            padding-left: 0;
            margin-bottom: 10px; }
            .page .pageInn .contactInn .formTable01 tr th span {
              font-size: 1.4rem; }
              .page .pageInn .contactInn .formTable01 tr th span.require {
                font-size: 1.1rem;
                padding: 3px 6px; }
          .page .pageInn .contactInn .formTable01 tr td {
            width: 100%;
            padding-left: 0;
            margin-top: 10px;
            display: block; }
            .page .pageInn .contactInn .formTable01 tr td span {
              font-size: 1.4rem; }
            .page .pageInn .contactInn .formTable01 tr td input[type="text"] {
              padding: 10px 15px;
              width: 100%;
              display: block; }
            .page .pageInn .contactInn .formTable01 tr td select {
              width: 100%;
              padding: 10px 15px;
              background: url(/common/img/icon_arrow_b.svg) no-repeat right 15px center #fff;
              background-size: 16px auto;
              display: block; }
            .page .pageInn .contactInn .formTable01 tr td textarea {
              width: 100%;
              height: 120px;
              padding: 10px 15px;
              color: #333;
              margin-top: 10px; }
          .page .pageInn .contactInn .formTable01 tr.bdNoneTop {
            padding-top: 10px; }
      .page .pageInn .contactInn .reCAPTCHAWrap {
        display: block;
        width: auto;
        margin: 30px auto 0; }
        .page .pageInn .contactInn .reCAPTCHAWrap .img {
          width: 250px;
          margin: 0 auto; }
        .page .pageInn .contactInn .reCAPTCHAWrap .txtCol {
          width: 100%;
          margin: 10px 0 0 0; }
    .page .pageInn .guideInn {
      margin-top: 40px; }
      .page .pageInn .guideInn p.img {
        margin-top: 15px; }
      .page .pageInn .guideInn .col2Wrap {
        display: block; }
        .page .pageInn .guideInn .col2Wrap .col {
          margin-right: 0;
          margin-top: 20px;
          width: 100%; }
          .page .pageInn .guideInn .col2Wrap .col.pcMl {
            margin-right: 0 !important; }
          .page .pageInn .guideInn .col2Wrap .col.pcMr {
            margin-right: 0 !important; }
          .page .pageInn .guideInn .col2Wrap .col h4 {
            font-size: 1.2rem;
            padding: 7px 10px; }
            .page .pageInn .guideInn .col2Wrap .col h4 small {
              font-weight: bold; }
          .page .pageInn .guideInn .col2Wrap .col p {
            margin-top: 10px;
            font-size: 1.2rem; }
      .page .pageInn .guideInn .col.col1 {
        margin-top: 30px;
        width: 100%; }
        .page .pageInn .guideInn .col.col1 h4 {
          font-size: 1.2rem;
          font-weight: bold;
          background: #F2F2F2;
          padding: 8px 12px;
          border-radius: 3px; }
        .page .pageInn .guideInn .col.col1 .ttlList01 {
          display: block; }
          .page .pageInn .guideInn .col.col1 .ttlList01 li {
            font-size: 1.2rem;
            display: block;
            margin-top: 20px; }
            .page .pageInn .guideInn .col.col1 .ttlList01 li span {
              min-width: 0;
              display: table;
              font-size: 1.2rem;
              padding-right: 0;
              margin-bottom: 10px;
              margin-right: 0;
              border-bottom: 1px solid #9B9B9B; }
              .page .pageInn .guideInn .col.col1 .ttlList01 li span small {
                font-size: 1.2rem;
                font-weight: bold; }
              .page .pageInn .guideInn .col.col1 .ttlList01 li span:after {
                display: none; }
    .page .pageInn .benefitsInn {
      display: block;
      margin-top: 15px; }
      .page .pageInn .benefitsInn .img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px; }
      .page .pageInn .benefitsInn .txtArea {
        width: 100%;
        display: block; }
    .page .pageInn .col3Plan {
      display: block;
      margin-top: 30px; }
      .page .pageInn .col3Plan .col {
        position: relative;
        width: 100%;
        margin-right: 0;
        margin-bottom: 80px;
        border-radius: 12px 12px 0 0; }
        .page .pageInn .col3Plan .col::after {
          height: 150px;
          bottom: -1px; }
        .page .pageInn .col3Plan .col p.off {
          font-size: 1.2rem;
          position: absolute;
          top: -39px;
          right: 4px;
          border: 1px solid #333;
          border-radius: 5px;
          width: 220px;
          text-align: center;
          margin: 0; }
          .page .pageInn .col3Plan .col p.off strong {
            font-size: 2rem;
            margin-right: 2px; }
            .page .pageInn .col3Plan .col p.off strong span {
              font-size: 1.6rem; }
          .page .pageInn .col3Plan .col p.off.ptn01 {
            padding: 9px 0; }
          .page .pageInn .col3Plan .col p.off.ptn02 {
            padding: 9px 0; }
          .page .pageInn .col3Plan .col p.off:before {
            content: "";
            position: absolute;
            bottom: -7px;
            left: 50%;
            transform: translateX(-50%);
            background: url(/common/img/img_tri.png) no-repeat;
            background-size: 100% auto;
            width: 17.5px;
            height: 9px;
            display: block; }
        .page .pageInn .col3Plan .col h3 {
          font-size: 2rem;
          border-radius: 12px 12px 0 0;
          padding: 18px 0; }
          .page .pageInn .col3Plan .col h3 small {
            font-size: 1.4rem;
            display: inline-block;
            margin-top: 0; }
        .page .pageInn .col3Plan .col p {
          font-size: 1.4rem;
          margin: 20px 20px 0; }
        .page .pageInn .col3Plan .col p.price {
          font-size: 1.8rem;
          margin-top: 10px; }
          .page .pageInn .col3Plan .col p.price strong {
            font-size: 3.6rem;
            margin-left: 5px; }
            .page .pageInn .col3Plan .col p.price strong span {
              font-size: 2.2rem; }
          .page .pageInn .col3Plan .col p.price small {
            font-size: 1.2rem; }
        .page .pageInn .col3Plan .col p.caution {
          font-size: 1.3rem;
          margin-top: 5px; }
        .page .pageInn .col3Plan .col p.month {
          font-size: 1.4rem;
          margin-top: 15px; }
          .page .pageInn .col3Plan .col p.month strong {
            font-size: 2rem; }
            .page .pageInn .col3Plan .col p.month strong span {
              font-size: 1.1rem; }
          .page .pageInn .col3Plan .col p.month small {
            font-size: 1.1rem; }
          .page .pageInn .col3Plan .col p.month::before {
            width: 11px;
            height: 23px;
            margin-right: 8px; }
          .page .pageInn .col3Plan .col p.month::after {
            width: 11px;
            height: 23px;
            margin-left: 8px; }
        .page .pageInn .col3Plan .col p.btn {
          width: 200px;
          margin: 10px auto 0; }
          .page .pageInn .col3Plan .col p.btn a {
            width: 100%;
            padding: 15px 0;
            font-size: 1.4rem; }
            .page .pageInn .col3Plan .col p.btn a::after {
              width: 7px;
              height: 12px;
              margin-top: -3px;
              margin-left: 10px; }
          .page .pageInn .col3Plan .col p.btn.mtL {
            margin-top: 20px;
            margin-bottom: 80px; }
        .page .pageInn .col3Plan .col:last-child {
          margin-bottom: 60px; }
    .page .pageInn dl.dlList01 {
      padding: 0;
      display: block; }
      .page .pageInn dl.dlList01.spBlock {
        display: block; }
      .page .pageInn dl.dlList01 dt {
        font-size: 1.4rem;
        width: 100%; }
        .page .pageInn dl.dlList01 dt small {
          font-size: 1.1rem; }
      .page .pageInn dl.dlList01 dd {
        font-size: 1.4rem;
        width: 100%; }
      .page .pageInn dl.dlList01:last-child {
        padding-bottom: 0; }
    .page .pageInn .contact {
      margin-top: 30px; }
      .page .pageInn .contact .txtBtn01 {
        margin: 20px auto 0;
        width: auto; }
        .page .pageInn .contact .txtBtn01 a {
          font-size: 1.4rem;
          padding: 15px 10px;
          border-radius: 50px;
          width: auto;
          display: block;
          margin: 0 35px; }
    .page .pageInn .thanksWrap .mainTxt.thanks::before {
      width: 45px;
      height: 45px; }
    .page .pageInn .txtBtn01 {
      width: 200px;
      margin: 20px auto 0; }
      .page .pageInn .txtBtn01 a {
        padding: 13px 0;
        border-radius: 30px;
        font-size: 1.4rem; }
        .page .pageInn .txtBtn01 a::after {
          margin-top: -1px;
          margin-left: 10px; }
    .page .pageInn .txtBtn02 {
      width: 235px;
      margin: 20px auto 0; }
      .page .pageInn .txtBtn02 a {
        padding: 13px 0;
        border-radius: 30px;
        font-size: 1.4rem; }
        .page .pageInn .txtBtn02 a::after {
          margin-top: -1px;
          margin-left: 10px; }
    .page .pageInn .txtBtn03 {
      width: 300px;
      margin: 20px auto; }
      .page .pageInn .txtBtn03 a {
        padding: 13px 0;
        border-radius: 30px;
        font-size: 1.4rem; }
        .page .pageInn .txtBtn03 a::after {
          margin-top: -1px;
          margin-left: 10px; }
    .page .pageInn .txtBtn04 {
      width: 200px;
      margin: 20px auto; }
      .page .pageInn .txtBtn04 a {
        padding: 13px 0;
        border-radius: 30px;
        font-size: 1.4rem; }
        .page .pageInn .txtBtn04 a::after {
          margin-top: -1px;
          margin-left: 10px; } }
@media screen and (max-width: 359px) {
  .spSmallHide {
    display: none !important; } }
/*---------------------------------
 *Rating Option
-----------------------------------*/
.rating .starRating {
  position: relative;
  margin-right: 10px; }
  .rating .starRating img {
    margin-right: 3px; }
  .rating .starRating .front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #dfa752;
    letter-spacing: 2px; }
  .rating .starRating .back {
    display: inline-block;
    overflow: hidden;
    color: #ccc;
    letter-spacing: 2px; }
.rating.noRate .starRating .front {
  width: 0; }

/*---------------------------------
 *Slide Option
-----------------------------------*/
.slick-next.slick-disabled {
  display: none !important; }

.slick-prev.slick-disabled {
  display: none !important; }

.slick-next.swiper-button-disabled {
  display: none !important; }

.slick-prev.swiper-button-disabled {
  display: none !important; }

#freeProgramSlider .slick-next {
  top: 0 !important;
  background: url(/common/img/icon_arrow_right.svg) no-repeat left center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #freeProgramSlider .slick-next:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#freeProgramSlider .slick-prev {
  top: 0 !important;
  background: url(/common/img/icon_arrow_left.svg) no-repeat right center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #freeProgramSlider .slick-prev:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#sameProgramSlider .slick-next {
  top: 0 !important;
  background: url(/common/img/icon_arrow_right.svg) no-repeat left center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #sameProgramSlider .slick-next:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#sameProgramSlider .slick-prev {
  top: 0 !important;
  background: url(/common/img/icon_arrow_left.svg) no-repeat right center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #sameProgramSlider .slick-prev:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#newProgramSlider .slick-next {
  top: 0 !important;
  background: url(/common/img/icon_arrow_right.svg) no-repeat left center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #newProgramSlider .slick-next:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#newProgramSlider .slick-prev {
  top: 0 !important;
  background: url(/common/img/icon_arrow_left.svg) no-repeat center center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #newProgramSlider .slick-prev:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#rankingSlider .slick-next {
  top: 0 !important;
  background: url(/common/img/icon_arrow_right.svg) no-repeat left center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #rankingSlider .slick-next:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#rankingSlider .slick-prev {
  top: 0 !important;
  background: url(/common/img/icon_arrow_left.svg) no-repeat right center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #rankingSlider .slick-prev:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#liveSlider .slick-next {
  top: 0 !important;
  background: url(/common/img/icon_arrow_right.svg) no-repeat left center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #liveSlider .slick-next:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#liveSlider .slick-prev {
  top: 0 !important;
  background: url(/common/img/icon_arrow_left.svg) no-repeat right center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #liveSlider .slick-prev:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#ondemandSlider .slick-next {
  top: 0 !important;
  background: url(/common/img/icon_arrow_right.svg) no-repeat left center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #ondemandSlider .slick-next:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

#ondemandSlider .slick-prev {
  top: 0 !important;
  background: url(/common/img/icon_arrow_left.svg) no-repeat right center !important;
  width: 70px !important;
  height: 100% !important;
  background-size: 56px 56px !important;
  opacity: 0;
  transition: 0.4s; }
  #ondemandSlider .slick-prev:hover {
    opacity: 1;
    outline: none !important;
    background-size: 65px 65px !important; }

.sliderPtn04Thumb .slick-next {
  width: 14px !important;
  height: 100% !important;
  top: 50%;
  transform: translateY(-50%);
  background: url(/common/img/icon_arrow_l.svg) no-repeat center center; }

.sliderPtn04Thumb .slick-prev {
  width: 14px !important;
  height: 100% !important;
  top: 50%;
  transform: translateY(-50%);
  background: url(/common/img/icon_arrow_r.svg) no-repeat center center; }

@media screen and (max-width: 768px) {
  .sliderPtn02 .slick-next, .sliderPtn03 .slick-next {
    display: none !important; }

  .sliderPtn02 .slick-prev, .sliderPtn03 .slick-prev {
    display: none !important; } }
/*---------------------------------
 *IMG
-----------------------------------*/
.imgWmax {
  width: 100%;
  height: auto; }

.imgWauto {
  width: auto;
  height: auto; }

.iconM5 {
  margin: 4px 5px 0 0;
  display: inline-block;
  vertical-align: top; }

@media screen and (max-width: 768px) {
  .imgWmaxSP {
    width: 100%;
    height: auto; }

  .iconM5 {
    margin: 1px 3px 0 0; } }
/*---------------------------------
*FORM
-----------------------------------*/
select,
input[type="search"],
input[type="text"],
input[type="number"] {
  background: #f7f7f7;
  border: 1px solid #c0c0c0;
  font-size: 1.6rem;
  padding: 5px;
  width: 200px; }

.erreInput01 {
  border: 1px solid #d40802;
  background: #ffebea; }

.erreInput02 {
  background: #ffebea; }

/*width*/
.inputW100 {
  width: 100px !important; }

.inputW260 {
  width: 260px !important; }

.inputW480 {
  width: 480px !important; }

@media screen and (max-width: 768px) {
  select,
  input[type="text"],
  input[type="number"] {
    -webkit-appearance: none;
    padding: 5px;
    width: 160px;
    border-radius: 0; }

  /*width*/
  .inputW100 {
    width: 100% !important; }

  .inputW260 {
    width: 100% !important; }

  .inputW480 {
    width: 100% !important; } }
/*---------------------------------
*FONTSIZE
-----------------------------------*/
.fs14sp12 {
  font-size: 1.4rem !important; }

.fs16sp14 {
  font-size: 1.6rem !important; }

.fs18sp14 {
  font-size: 1.8rem !important; }

@media screen and (max-width: 768px) {
  .fs14sp12 {
    font-size: 1.2rem !important; }

  .fs16sp14 {
    font-size: 1.4rem !important; }

  .fs18sp14 {
    font-size: 1.4rem !important; } }
/*---------------------------------
 *jsSetting
-----------------------------------*/
/*---------------------------------
*MARGIN/PADDING
-----------------------------------*/
.mAll0 {
  margin: 0 !important; }

.pAll0 {
  padding: 0 !important; }

.mb0 {
  margin-bottom: 0px !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mt0 {
  margin-top: 0px !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.ml0 {
  margin-left: 0px !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.mr0 {
  margin-right: 0px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

/*base:20px*/
.mtx6 {
  margin: 120px 0 0 !important; }

.mtx4 {
  margin: 80px 0 0 !important; }

.mtx3 {
  margin: 60px 0 0 !important; }

.mtx2 {
  margin: 40px 0 0 !important; }

.mbx4 {
  margin: 0 0 80px 0 !important; }

/*padding*/
.pb0 {
  padding-bottom: 0px !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pt0 {
  padding-top: 0px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pl0 {
  padding-left: 0px !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.pr0 {
  padding-right: 0px !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

@media screen and (max-width: 768px) {
  .mb0-sp {
    margin-bottom: 0px !important; }

  .mb5-sp {
    margin-bottom: 5px !important; }

  .mb10-sp {
    margin-bottom: 10px !important; }

  .mb15-sp {
    margin-bottom: 15px !important; }

  .mb20-sp {
    margin-bottom: 20px !important; }

  .mb25-sp {
    margin-bottom: 25px !important; }

  .mb30-sp {
    margin-bottom: 30px !important; }

  .mb35-sp {
    margin-bottom: 35px !important; }

  .mb40-sp {
    margin-bottom: 40px !important; }

  .mb45-sp {
    margin-bottom: 45px !important; }

  .mb50-sp {
    margin-bottom: 50px !important; }

  .mt0-sp {
    margin-top: 0px !important; }

  .mt5-sp {
    margin-top: 5px !important; }

  .mt10-sp {
    margin-top: 10px !important; }

  .mt15-sp {
    margin-top: 15px !important; }

  .mt20-sp {
    margin-top: 20px !important; }

  .mt25-sp {
    margin-top: 25px !important; }

  .mt30-sp {
    margin-top: 30px !important; }

  .mt35-sp {
    margin-top: 35px !important; }

  .mt40-sp {
    margin-top: 40px !important; }

  .mt45-sp {
    margin-top: 45px !important; }

  .mt50-sp {
    margin-top: 50px !important; }

  .mt60-sp {
    margin-top: 60px !important; }

  .ml0-sp {
    margin-left: 0px !important; }

  .ml5-sp {
    margin-left: 5px !important; }

  .ml10-sp {
    margin-left: 10px !important; }

  .ml15-sp {
    margin-left: 15px !important; }

  .ml20-sp {
    margin-left: 20px !important; }

  .ml25-sp {
    margin-left: 25px !important; }

  .ml30-sp {
    margin-left: 30px !important; }

  .ml35-sp {
    margin-left: 35px !important; }

  .ml40-sp {
    margin-left: 40px !important; }

  .ml45-sp {
    margin-left: 45px !important; }

  .ml50-sp {
    margin-left: 50px !important; }

  .mr0-sp {
    margin-right: 0px !important; }

  .mr5-sp {
    margin-right: 5px !important; }

  .mr10-sp {
    margin-right: 10px !important; }

  .mr15-sp {
    margin-right: 15px !important; }

  .mr20-sp {
    margin-right: 20px !important; }

  .mr25-sp {
    margin-right: 25px !important; }

  .mr30-sp {
    margin-right: 30px !important; }

  .mr35-sp {
    margin-right: 35px !important; }

  .mr40-sp {
    margin-right: 40px !important; }

  .mr45-sp {
    margin-right: 45px !important; }

  .mr50-sp {
    margin-right: 50px !important; }

  /*base:10px*/
  .mtx6 {
    margin: 60px 0 0 !important; }

  .mtx4 {
    margin: 40px 0 0 !important; }

  .mtx3 {
    margin: 30px 0 0 !important; }

  .mtx2 {
    margin: 20px 0 0 !important; }

  .mbx4 {
    margin: 0 0 40px 0 !important; }

  /*padding*/
  .pb0-sp {
    padding-bottom: 0px !important; }

  .pb5-sp {
    padding-bottom: 5px !important; }

  .pb10-sp {
    padding-bottom: 10px !important; }

  .pb15-sp {
    padding-bottom: 15px !important; }

  .pb20-sp {
    padding-bottom: 20px !important; }

  .pb25-sp {
    padding-bottom: 25px !important; }

  .pb30-sp {
    padding-bottom: 30px !important; }

  .pb35-sp {
    padding-bottom: 35px !important; }

  .pb40-sp {
    padding-bottom: 40px !important; }

  .pb45-sp {
    padding-bottom: 45px !important; }

  .pb50-sp {
    padding-bottom: 50px !important; }

  .pt0-sp {
    padding-top: 0px !important; }

  .pt5-sp {
    padding-top: 5px !important; }

  .pt10-sp {
    padding-top: 10px !important; }

  .pt15-sp {
    padding-top: 15px !important; }

  .pt20-sp {
    padding-top: 20px !important; }

  .pt25-sp {
    padding-top: 25px !important; }

  .pt30-sp {
    padding-top: 30px !important; }

  .pt35-sp {
    padding-top: 35px !important; }

  .pt40-sp {
    padding-top: 40px !important; }

  .pt45-sp {
    padding-top: 45px !important; }

  .pt50-sp {
    padding-top: 50px !important; }

  .pl0-sp {
    padding-left: 0px !important; }

  .pl5-sp {
    padding-left: 5px !important; }

  .pl10-sp {
    padding-left: 10px !important; }

  .pl15-sp {
    padding-left: 15px !important; }

  .pl20-sp {
    padding-left: 20px !important; }

  .pl25-sp {
    padding-left: 25px !important; }

  .pl30-sp {
    padding-left: 30px !important; }

  .pl35-sp {
    padding-left: 35px !important; }

  .pl40-sp {
    padding-left: 40px !important; }

  .pl45-sp {
    padding-left: 45px !important; }

  .pl50-sp {
    padding-left: 50px !important; }

  .pr0-sp {
    padding-right: 0px !important; }

  .pr5-sp {
    padding-right: 5px !important; }

  .pr10-sp {
    padding-right: 10px !important; }

  .pr15-sp {
    padding-right: 15px !important; }

  .pr20-sp {
    padding-right: 20px !important; }

  .pr25-sp {
    padding-right: 25px !important; }

  .pr30-sp {
    padding-right: 30px !important; }

  .pr35-sp {
    padding-right: 35px !important; }

  .pr40-sp {
    padding-right: 40px !important; }

  .pr45-sp {
    padding-right: 45px !important; }

  .pr50-sp {
    padding-right: 50px !important; } }
/*---------------------------------
*FLOAT/FIG
-----------------------------------*/
.figL {
  float: left !important; }

.figR {
  float: right !important; }

.clear {
  clear: both !important; }

.figC {
  margin-left: auto !important;
  margin-right: auto !important; }

.layoutC {
  text-align: center !important; }

.layoutR {
  text-align: right !important; }

.layoutL {
  text-align: left !important; }

@media screen and (max-width: 768px) {
  .layoutCsp {
    text-align: center !important; }

  .layoutRsp {
    text-align: right !important; }

  .layoutLsp {
    text-align: left !important; } }
/*---------------------------------
*clearfix
-----------------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/ }

/*---------------------------------
*HIDE/SHOW
-----------------------------------*/
.spOnly {
  display: none !important; }

.spOnlyI {
  display: none !important; }

.pcOnly {
  display: block !important; }

.pcOnlyI {
  display: inline-block !important; }

@media screen and (max-width: 768px) {
  .spOnly {
    display: block !important; }

  .spOnlyI {
    display: inline-block !important; }

  .pcOnly {
    display: none !important; }

  .pcOnlyI {
    display: none !important; } }
/*---------------------------------
*OVERLAY
-----------------------------------*/
#overlay {
  z-index: 14;
  cursor: pointer;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.5); }

/*---------------------------------
*remodal
-----------------------------------*/
.remodal#popupModal .modalInner {
  background: #fff;
  width: 500px;
  padding: 50px 20px;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #333;
  box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.2);
  border-radius: 10px; }
  .remodal#popupModal .modalInner p {
    font-size: 2rem; }
  .remodal#popupModal .modalInner ul {
    display: flex;
    flex-wrap: wrap;
    width: 380px;
    margin: 20px auto 0; }
    .remodal#popupModal .modalInner ul li {
      width: 180px;
      margin-right: 20px; }
      .remodal#popupModal .modalInner ul li button {
        background: none;
        border: 1px solid #333333;
        border-radius: 30px;
        padding: 15px 0;
        color: #333;
        text-align: center;
        width: 100%;
        cursor: pointer;
        transition: 0.4s;
        font-size: 1.6rem; }
        .remodal#popupModal .modalInner ul li button:hover {
          opacity: 0.6; }
      .remodal#popupModal .modalInner ul li:last-child {
        margin-right: 0; }

.jsHide {
  display: none !important; }

@media screen and (max-width: 768px) {
  .remodal#popupModal .modalInner {
    width: auto;
    padding: 25px 15px;
    border: 1px solid #333;
    box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.2); }
    .remodal#popupModal .modalInner p {
      font-size: 1.6rem; }
    .remodal#popupModal .modalInner ul {
      width: 100%;
      margin: 20px auto 0;
      justify-content: center; }
      .remodal#popupModal .modalInner ul li {
        width: 130px;
        margin-right: 10px; }
        .remodal#popupModal .modalInner ul li button {
          border-radius: 30px;
          padding: 15px 0;
          font-size: 1.4rem; } }