@charset "UTF-8";
.toppage-header {
  width: 96%;
  margin: auto;
  padding: 14px 0 20px; }
  @media (min-width: 1024px) {
    .toppage-header {
      padding: 20px 0 50px; } }
  .toppage-header .news {
    display: flex;
    align-items: center;
    width: calc(100% - 60px); }
    @media (min-width: 768px) {
      .toppage-header .news {
        width: calc(100% - 100px); } }
    .toppage-header .news h2 {
      margin-right: 10px; }
      .toppage-header .news h2 img {
        width: 100px; }
        @media (min-width: 768px) {
          .toppage-header .news h2 img {
            width: 140px; } }
    .toppage-header .news .loop {
      display: flex;
      align-items: center;
      overflow: hidden;
      margin-bottom: 2px; }
      @media (min-width: 1024px) {
        .toppage-header .news .loop {
          margin-bottom: 10px; } }
      .toppage-header .news .loop ul.loop-area {
        display: flex;
        animation: loop-slide 10s infinite linear 1s both;
        list-style: none;
        margin: 0;
        padding: 0; }
        @media (min-width: 1024px) {
          .toppage-header .news .loop ul.loop-area {
            animation: loop-slide 15s infinite linear 1s both; } }
        .toppage-header .news .loop ul.loop-area li {
          width: 560px; }
          @media (min-width: 1024px) {
            .toppage-header .news .loop ul.loop-area li {
              width: 800px; } }
          .toppage-header .news .loop ul.loop-area li a {
            font-size: 0.8em;
            color: #000;
            word-break: break-all;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden; }
            @media (min-width: 1024px) {
              .toppage-header .news .loop ul.loop-area li a {
                font-size: 1.125em;
                margin-top: 8px; } }
            .toppage-header .news .loop ul.loop-area li a:hover {
              color: #A531C9; }
@keyframes loop-slide {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
/*
---------------------------------------------------------------------------------------------------------------------
メインビジュアル
---------------------------------------------------------------------------------------------------------------------
*/
#mv {
  width: 90%;
  margin: auto; }
  @media (min-width: 1024px) {
    #mv {
      display: flex;
      width: 96%; } }
  @media (min-width: 1024px) {
    #mv .mv-left {
      width: 43%; } }
  #mv .mv-left .txt {
    font-family: source-han-serif-japanese, serif;
    font-style: normal;
    margin-top: 20px; }
    #mv .mv-left .txt h4 {
      font-weight: 700;
      font-size: 1.25em;
      line-height: 1.4em;
      text-align: justify;
      font-feature-settings: "palt";
      letter-spacing: 0.04em; }
      @media (min-width: 1024px) {
        #mv .mv-left .txt h4 {
          font-size: 1.70em; } }
    #mv .mv-left .txt p {
      font-size: 0.85em;
      font-weight: 500;
      text-align: justify;
      color: #000;
      margin-top: 10px;
      font-feature-settings: "palt";
      letter-spacing: 0.04em; }
      @media (min-width: 1024px) {
        #mv .mv-left .txt p {
          font-size: 0.9em; } }
  #mv .mv-right {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      #mv .mv-right {
        width: 57%;
        padding-left: 2.5%;
        margin-top: 0; } }
    #mv .mv-right .radio .radio-ue {
      display: flex; }
      #mv .mv-right .radio .radio-ue .tilte {
        width: 170px;
        position: relative;
        left: 40px; }
        @media (min-width: 768px) {
          #mv .mv-right .radio .radio-ue .tilte {
            width: 320px; } }
        @media (min-width: 1024px) {
          #mv .mv-right .radio .radio-ue .tilte {
            width: 280px;
            left: 0; } }
        #mv .mv-right .radio .radio-ue .tilte h3 {
          font-size: 1.0em;
          font-weight: 700;
          line-height: 1.2em; }
          @media (min-width: 768px) {
            #mv .mv-right .radio .radio-ue .tilte h3 {
              font-size: 2.0em; } }
        #mv .mv-right .radio .radio-ue .tilte h4 {
          font-family: "Montserrat", sans-serif;
          font-weight: 900;
          font-style: normal;
          font-size: 2.8em;
          line-height: 0.9; }
          @media (min-width: 768px) {
            #mv .mv-right .radio .radio-ue .tilte h4 {
              font-size: 5.8em; } }
        #mv .mv-right .radio .radio-ue .tilte img {
          position: absolute;
          top: -10px;
          left: -55px;
          width: 55px; }
          @media (min-width: 768px) {
            #mv .mv-right .radio .radio-ue .tilte img {
              left: -60px;
              width: 65px; } }
      #mv .mv-right .radio .radio-ue .common-btn-type2 {
        width: calc(100% - 170px); }
        @media (min-width: 768px) {
          #mv .mv-right .radio .radio-ue .common-btn-type2 {
            width: calc(100% - 320px); } }
        @media (min-width: 1024px) {
          #mv .mv-right .radio .radio-ue .common-btn-type2 {
            width: calc(100% - 280px); } }
    #mv .mv-right .radio .radio-shita {
      font-family: source-han-serif-japanese, serif;
      font-weight: 500;
      font-style: normal;
      margin-top: 5px; }
      #mv .mv-right .radio .radio-shita h3 {
        font-size: 1.125em;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-feature-settings: "palt";
        letter-spacing: 0.04em; }
        @media (min-width: 768px) {
          #mv .mv-right .radio .radio-shita h3 {
            font-size: 4.0vw; } }
        @media (min-width: 1024px) {
          #mv .mv-right .radio .radio-shita h3 {
            font-size: 2.4vw; } }
      #mv .mv-right .radio .radio-shita p {
        font-size: 0.8em;
        color: #000;
        margin-top: 5px;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (min-width: 768px) {
          #mv .mv-right .radio .radio-shita p {
            font-size: 2vw;
            margin-top: 5px; } }
        @media (min-width: 1024px) {
          #mv .mv-right .radio .radio-shita p {
            font-size: 1vw; } }
    #mv .mv-right .f-people {
      margin-top: 40px; }
      @media (min-width: 768px) {
        #mv .mv-right .f-people {
          display: flex; } }
      #mv .mv-right .f-people .photo {
        position: relative;
        padding-left: 5%; }
        @media (min-width: 768px) {
          #mv .mv-right .f-people .photo {
            width: 50%; } }
        #mv .mv-right .f-people .photo img {
          border-radius: 10px; }
        #mv .mv-right .f-people .photo .parts-name-box {
          position: absolute;
          bottom: 10%;
          left: 0%; }
      @media (min-width: 768px) {
        #mv .mv-right .f-people .f-people-contents {
          width: 50%;
          padding-left: 2.5%; } }
      #mv .mv-right .f-people .f-people-contents .people-title {
        position: relative;
        padding-left: 50px; }
        @media (min-width: 768px) {
          #mv .mv-right .f-people .f-people-contents .people-title {
            padding-left: 0; } }
        #mv .mv-right .f-people .f-people-contents .people-title .txt {
          display: flex;
          align-items: flex-end;
          font-family: "Dela Gothic One", sans-serif;
          font-weight: 400;
          font-style: normal;
          color: #DC3A81; }
          #mv .mv-right .f-people .f-people-contents .people-title .txt .f-title {
            width: 70%; }
          #mv .mv-right .f-people .f-people-contents .people-title .txt h3 {
            font-size: 10.5vw;
            line-height: 1.0em;
            transform: scale(0.9, 1); }
            @media (min-width: 768px) {
              #mv .mv-right .f-people .f-people-contents .people-title .txt h3 {
                font-size: 6.0vw; } }
            @media (min-width: 1024px) {
              #mv .mv-right .f-people .f-people-contents .people-title .txt h3 {
                font-size: 3.5vw; } }
        #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-4 {
          position: absolute;
          top: -10px;
          left: -10px; }
          @media (min-width: 768px) {
            #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-4 {
              top: -10px;
              left: -70px; } }
          #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-4 img {
            width: 60px; }
            @media (min-width: 768px) {
              #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-4 img {
                width: 70px; } }
        #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 {
          position: absolute;
          top: -15px;
          left: 48.0vw; }
          @media (min-width: 768px) {
            #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 {
              left: 46%; } }
          @media (min-width: 1024px) {
            #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 {
              top: -30%;
              left: 10.5vw; } }
          #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 .fukidashi-5-in {
            position: relative; }
            #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 .fukidashi-5-in h3 {
              font-size: 1.125em;
              text-align: center;
              position: absolute;
              top: -10px;
              bottom: 0;
              left: 0;
              right: 0;
              display: flex;
              align-items: center;
              justify-content: center;
              color: #38B8EF;
              transform: rotate(15deg); }
            #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 .fukidashi-5-in img {
              width: 60px; }
              @media (min-width: 1250px) {
                #mv .mv-right .f-people .f-people-contents .people-title .fukidashi-5 .fukidashi-5-in img {
                  width: 84px; } }
      #mv .mv-right .f-people .f-people-contents .setimei {
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #mv .mv-right .f-people .f-people-contents .setimei {
            margin-top: 20px; } }
        #mv .mv-right .f-people .f-people-contents .setimei p {
          font-family: source-han-serif-japanese, serif;
          font-weight: 700;
          font-style: normal;
          font-size: 6vw;
          line-height: 1.4em;
          font-feature-settings: "palt";
          letter-spacing: 0.04em;
          text-align: justify;
          color: #DC3A81; }
          @media (min-width: 768px) {
            #mv .mv-right .f-people .f-people-contents .setimei p {
              font-size: 4vw; } }
          @media (min-width: 1024px) {
            #mv .mv-right .f-people .f-people-contents .setimei p {
              font-size: 2.4vw; } }
      #mv .mv-right .f-people .f-people-contents .common-btn-type2 {
        margin-top: 10px; }
        @media (min-width: 1024px) {
          #mv .mv-right .f-people .f-people-contents .common-btn-type2 {
            margin-top: 20px; } }
    #mv .mv-right .contents {
      margin-top: 80px; }
      @media (min-width: 1024px) {
        #mv .mv-right .contents {
          margin-top: 60px; } }
      #mv .mv-right .contents .mokuji {
        position: relative;
        margin-left: 20px; }
        #mv .mv-right .contents .mokuji h3 {
          font-size: 1.5em;
          color: #fff;
          display: inline-block;
          width: 84px;
          padding: 4px 10px;
          text-align: center;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          background-color: #A531C9; }
        #mv .mv-right .contents .mokuji img {
          position: absolute;
          top: -30px;
          left: 80px;
          width: 220px; }
      #mv .mv-right .contents .contents-in {
        border: 3px solid #A531C9;
        padding: 20px 20px 10px;
        border-radius: 10px; }
        #mv .mv-right .contents .contents-in .item {
          border-bottom: 1px solid #A531C9;
          margin-top: 20px; }
          @media (min-width: 768px) {
            #mv .mv-right .contents .contents-in .item {
              margin-top: 0; } }
          #mv .mv-right .contents .contents-in .item:first-child {
            margin-top: 0; }
          #mv .mv-right .contents .contents-in .item:last-child {
            border-bottom: none; }
          @media (min-width: 768px) {
            #mv .mv-right .contents .contents-in .item {
              display: flex; } }
          @media (min-width: 768px) {
            #mv .mv-right .contents .contents-in .item .left {
              width: 35%; } }
          @media (min-width: 768px) {
            #mv .mv-right .contents .contents-in .item .left .title {
              margin-top: 10px; } }
          #mv .mv-right .contents .contents-in .item .left .title h3 {
            font-size: 1.3em;
            font-weight: 900; }
            @media (min-width: 1250px) {
              #mv .mv-right .contents .contents-in .item .left .title h3 {
                font-size: 1.625em; } }
          #mv .mv-right .contents .contents-in .item .left .title p {
            font-size: 0.9em;
            font-weight: bold; }
            @media (min-width: 1250px) {
              #mv .mv-right .contents .contents-in .item .left .title p {
                font-size: 1.0em; } }
          @media (min-width: 768px) {
            #mv .mv-right .contents .contents-in .item .right {
              width: 65%; } }
          #mv .mv-right .contents .contents-in .item .right ul li {
            position: relative;
            border-bottom: 1px solid #A531C9;
            padding: 10px 0; }
            #mv .mv-right .contents .contents-in .item .right ul li:last-child {
              border-bottom: none; }
            #mv .mv-right .contents .contents-in .item .right ul li a {
              color: #A531C9; }
              #mv .mv-right .contents .contents-in .item .right ul li a:hover h4 {
                color: #DC3A81; }
              #mv .mv-right .contents .contents-in .item .right ul li a:hover img {
                right: 0; }
              #mv .mv-right .contents .contents-in .item .right ul li a:hover .arrow {
                right: 0;
                fill: #DC3A81; }
              #mv .mv-right .contents .contents-in .item .right ul li a h4 {
                font-size: 0.9em;
                word-break: break-all;
                display: -webkit-box;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
                overflow: hidden;
                transition: .5s;
                font-feature-settings: "palt";
                letter-spacing: 0.04em; }
                @media (min-width: 1250px) {
                  #mv .mv-right .contents .contents-in .item .right ul li a h4 {
                    font-size: 1.25em; } }
              #mv .mv-right .contents .contents-in .item .right ul li a .arrow {
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                width: 40px;
                display: flex;
                align-items: center;
                height: 100%;
                transition: .5s;
                fill: #a531c9; }
                @media (min-width: 1024px) {
                  #mv .mv-right .contents .contents-in .item .right ul li a .arrow {
                    right: 15px; } }
              #mv .mv-right .contents .contents-in .item .right ul li a img {
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                width: 40px;
                display: flex;
                align-items: center;
                height: 100%;
                transition: .5s; }
                @media (min-width: 1024px) {
                  #mv .mv-right .contents .contents-in .item .right ul li a img {
                    right: 15px; } }

/*
---------------------------------------------------------------------------------------------------------------------
収録レポート
---------------------------------------------------------------------------------------------------------------------
*/
#report {
  position: relative;
  margin: 0 auto 60px; }
  @media (min-width: 1024px) {
    #report {
      display: flex; } }
  #report .report-main-title {
    display: none; }
    @media (min-width: 1024px) {
      #report .report-main-title {
        padding: 0 2%;
        width: 10%;
        display: block; } }
    #report .report-main-title .report-main-title-in {
      position: -webkit-sticky;
      position: sticky;
      top: 20px; }
  @media (min-width: 1024px) {
    #report .report-in .report-main-title-sp {
      display: none; } }
  #report .report-in .report-main-title-sp h2 {
    font-family: "Dela Gothic One", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14vw;
    color: #E3C600;
    text-align: center;
    margin-bottom: 10px; }
    @media (min-width: 768px) {
      #report .report-in .report-main-title-sp h2 {
        font-size: 10vw; } }
  @media (min-width: 1024px) {
    #report .report-in {
      width: 90%;
      margin-top: -10px; } }

#report-contents {
  padding: 0 5%; }
  @media (min-width: 1024px) {
    #report-contents {
      padding: 0 2% 0 0; } }
  #report-contents.program2 {
    margin-top: 60px; }
  #report-contents .post-pickup {
    margin-top: 20px; }
    @media (min-width: 1024px) {
      #report-contents .post-pickup {
        display: flex; } }
    #report-contents .post-pickup .pickup-left {
      margin-top: 10px; }
      @media (min-width: 1024px) {
        #report-contents .post-pickup .pickup-left {
          width: 30%;
          margin-top: 0; } }
      #report-contents .post-pickup .pickup-left .pickup-txt {
        height: 100%; }
        #report-contents .post-pickup .pickup-left .pickup-txt .txt {
          font-family: source-han-serif-japanese, serif;
          font-weight: 700;
          font-style: normal; }
          #report-contents .post-pickup .pickup-left .pickup-txt .txt h3 {
            font-size: 6vw;
            font-feature-settings: "palt";
            letter-spacing: 0.04em;
            text-align: justify; }
            @media (min-width: 1024px) {
              #report-contents .post-pickup .pickup-left .pickup-txt .txt h3 {
                font-size: 2.4vw; } }
            #report-contents .post-pickup .pickup-left .pickup-txt .txt h3.collar1 {
              color: #DC3A81; }
            #report-contents .post-pickup .pickup-left .pickup-txt .txt h3.collar2 {
              color: #A531C9; }
          #report-contents .post-pickup .pickup-left .pickup-txt .txt h4 {
            font-family: "Montserrat", sans-serif;
            font-weight: 900;
            font-style: normal;
            font-size: 0.8em;
            color: #000;
            margin-top: 10px; }
            @media (min-width: 1024px) {
              #report-contents .post-pickup .pickup-left .pickup-txt .txt h4 {
                font-size: 1.0em;
                margin-top: 20px; } }
          #report-contents .post-pickup .pickup-left .pickup-txt .txt p {
            font-size: 1.0em;
            line-height: 1.4em;
            text-align: justify;
            color: #000;
            margin-top: 5px; }
            @media (min-width: 1250px) {
              #report-contents .post-pickup .pickup-left .pickup-txt .txt p {
                font-size: 1.125em;
                line-height: 1.6em;
                margin-top: 10px; } }
        #report-contents .post-pickup .pickup-left .pickup-txt .common-btn-type2 {
          margin-top: 20px; }
    #report-contents .post-pickup .pickup-right {
      position: relative; }
      @media (min-width: 1024px) {
        #report-contents .post-pickup .pickup-right {
          width: 70%;
          margin-left: 30px; } }
      #report-contents .post-pickup .pickup-right img {
        border-radius: 10px; }
      #report-contents .post-pickup .pickup-right .parts-name-box {
        position: absolute;
        bottom: -5px;
        right: 5px; }
        @media (min-width: 1024px) {
          #report-contents .post-pickup .pickup-right .parts-name-box {
            bottom: 20px;
            right: 20px; } }

/*
---------------------------------------------------------------------------------------------------------------------
エフなピーポー！スライド
---------------------------------------------------------------------------------------------------------------------
*/
#people-slide {
  overflow: hidden; }
  #people-slide .post-slide-card {
    padding: 20px 0 0 5%;
    position: relative;
    /* 前への矢印カスタマイズ */
    /* 次への矢印カスタマイズ */
    /* 前へ次への矢印カスタマイズ */
    /* 前へ次への矢印カスタマイズ */ }
    @media (min-width: 768px) {
      #people-slide .post-slide-card {
        padding: 40px 0 0 5%; } }
    @media (min-width: 1024px) {
      #people-slide .post-slide-card {
        padding: 60px 0 0 0; } }
    #people-slide .post-slide-card .swiper-slide {
      width: 220px;
      margin: 0 15px 0 0; }
      @media (min-width: 1024px) {
        #people-slide .post-slide-card .swiper-slide {
          width: 280px; } }
      @media (min-width: 1250px) {
        #people-slide .post-slide-card .swiper-slide {
          width: 350px;
          margin: 0 30px 0 0; } }
      #people-slide .post-slide-card .swiper-slide:last-child {
        margin-right: 5%; }
    #people-slide .post-slide-card .swiper-button-prev::after {
      background-image: url("../../img/parts/arrow-maru.svg");
      transform: rotate(180deg); }
    #people-slide .post-slide-card .swiper-button-next::after {
      background-image: url("../../img/parts/arrow-maru.svg"); }
    #people-slide .post-slide-card .swiper-button-prev,
    #people-slide .post-slide-card .swiper-button-next {
      height: 40px;
      width: 40px;
      box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
      border-radius: 50%;
      z-index: 20;
      top: 42%; }
      @media (min-width: 768px) {
        #people-slide .post-slide-card .swiper-button-prev,
        #people-slide .post-slide-card .swiper-button-next {
          top: 42%; } }
      @media (min-width: 1024px) {
        #people-slide .post-slide-card .swiper-button-prev,
        #people-slide .post-slide-card .swiper-button-next {
          height: 50px;
          width: 50px; } }
    #people-slide .post-slide-card .swiper-button-prev::after,
    #people-slide .post-slide-card .swiper-button-next::after {
      background-repeat: no-repeat;
      background-size: contain;
      content: "";
      margin: auto;
      height: 40px;
      width: 40px; }
      @media (min-width: 1024px) {
        #people-slide .post-slide-card .swiper-button-prev::after,
        #people-slide .post-slide-card .swiper-button-next::after {
          height: 50px;
          width: 50px; } }

/*
---------------------------------------------------------------------------------------------------------------------
エフなピーポー！浅山先生の運がいい話　ボタン
---------------------------------------------------------------------------------------------------------------------
*/
#comment-btn {
  padding: 20px 5% 0; }
  @media (min-width: 768px) {
    #comment-btn {
      display: flex; } }
  @media (min-width: 1024px) {
    #comment-btn {
      padding: 40px 2% 0 0; } }
  @media (min-width: 768px) {
    #comment-btn .comment {
      width: 50%; } }
  #comment-btn .comment .comment-in {
    position: relative;
    max-width: 500px;
    margin-left: auto; }
    #comment-btn .comment .comment-in h3 {
      font-size: 1.10em;
      position: absolute;
      top: -10px;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media (min-width: 768px) {
        #comment-btn .comment .comment-in h3 {
          top: 0; } }
      @media (min-width: 1250px) {
        #comment-btn .comment .comment-in h3 {
          font-size: 1.6em; } }
      #comment-btn .comment .comment-in h3.collar1 {
        color: #DC3A81; }
      #comment-btn .comment .comment-in h3.collar2 {
        color: #A531C9; }
  @media (min-width: 768px) {
    #comment-btn .common-btn-type2 {
      width: 50%;
      margin-left: 2%; } }
  @media (min-width: 1024px) {
    #comment-btn .common-btn-type2 {
      width: calc(100% - 350px); } }
  @media (min-width: 1250px) {
    #comment-btn .common-btn-type2 {
      width: 50%; } }

/*
---------------------------------------------------------------------------------------------------------------------
文字自動横スクロール（電光掲示板）
---------------------------------------------------------------------------------------------------------------------
*/
#repeat-txt {
  padding-top: 10px;
  margin-bottom: 30px; }
  @media (min-width: 1024px) {
    #repeat-txt {
      padding-top: 10px;
      margin-bottom: 60px; } }
  #repeat-txt .loop {
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-bottom: 2px; }
    @media (min-width: 1024px) {
      #repeat-txt .loop {
        margin-bottom: 10px; } }
    #repeat-txt .loop ul.loop-area {
      display: flex;
      animation: loop-slide 40s infinite linear 1s both;
      list-style: none;
      margin: 0;
      padding: 0; }
      #repeat-txt .loop ul.loop-area li {
        width: 1450px;
        font-size: 1.5em;
        font-weight: 900;
        color: #A531C9;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden; }
        @media (min-width: 1024px) {
          #repeat-txt .loop ul.loop-area li {
            font-size: 5.0em;
            width: 4800px; } }
@keyframes loop-slide {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
  #repeat-txt .contents {
    position: relative;
    width: 90%;
    margin: auto; }
    @media (min-width: 768px) {
      #repeat-txt .contents {
        margin: 10px auto 0; } }
    @media (min-width: 1024px) {
      #repeat-txt .contents {
        width: 96%; } }
    #repeat-txt .contents h3 {
      font-size: 0.8em;
      color: #707070;
      display: flex;
      align-items: center; }
      #repeat-txt .contents h3::after {
        content: "";
        flex-grow: 1;
        height: 1px;
        display: block;
        margin-left: .4em;
        background: #707070; }
      @media (min-width: 768px) {
        #repeat-txt .contents h3 {
          font-size: 0.9em; }
          #repeat-txt .contents h3.txt-1::after {
            margin-right: 390px; } }
      @media (min-width: 1024px) {
        #repeat-txt .contents h3 {
          font-size: 1.25em; }
          #repeat-txt .contents h3.txt-1::after {
            margin-right: 500px; } }
    #repeat-txt .contents .radio-title {
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      margin-top: 5px; }
      @media (min-width: 768px) {
        #repeat-txt .contents .radio-title {
          position: absolute;
          bottom: 0;
          right: 0; } }
      #repeat-txt .contents .radio-title h4 {
        font-size: 0.9em;
        color: #707070;
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        width: calc(100% - 80px); }
        @media (min-width: 768px) {
          #repeat-txt .contents .radio-title h4 {
            width: auto;
            max-width: 290px; } }
        @media (min-width: 1024px) {
          #repeat-txt .contents .radio-title h4 {
            font-size: 1.25em;
            max-width: 400px; } }
      #repeat-txt .contents .radio-title .common-btn {
        margin-left: 5px;
        width: 90px; }
        @media (min-width: 768px) {
          #repeat-txt .contents .radio-title .common-btn {
            width: auto; } }