@charset "UTF-8";
/* PC */
body .PC {
  width: 100%; }
body .SP {
  display: none; }
body .wraper {
  max-width: 1600px;
  margin: 0 auto; }
  body .wraper main h1 {
    position: relative; }
    body .wraper main h1 .radiko01 {
      position: absolute;
      width: 10.5%;
      top: 80%;
      left: 74%;
      z-index: 3;
      -webkit-transition: all .3s;
      transition: all .3s; }
    body .wraper main h1 .radiko01:hover {
      filter: brightness(115%); }
    body .wraper main h1 .present_btn {
      position: absolute;
      width: 53.2%;
      top: 91.7%;
      left: 20.2%;
      z-index: 2;
      -webkit-transition: all .3s;
      transition: all .3s; }
    body .wraper main h1 .present_btn:hover {
      filter: brightness(115%); }
    body .wraper main h1 .sticker {
      position: absolute;
      width: 9.14%;
      top: 88.5%;
      left: 19.1%;
      z-index: 3; }
  body .wraper .bg {
    background-image: url("../img/bg.png"); }
    body .wraper .bg .introduction {
      position: relative;
      width: 100%;
      background-image: url("../img/about_bg.png");
      background-size: cover; }
      body .wraper .bg .introduction .about {
        margin-top: 3.5%;
        margin-bottom: 5%;
        width: 50.03%; }
      body .wraper .bg .introduction .about_btn {
        position: absolute;
        width: 32.5%;
        top: 76.8%;
        left: 33.5%;
        z-index: 2;
        -webkit-transition: all .3s;
        transition: all .3s; }
      body .wraper .bg .introduction .about_btn:hover {
        filter: brightness(115%); }
    body .wraper .bg .onair_report {
      position: relative;
      width: 100%;
      background-color: #f8ab2b; }
      body .wraper .bg .onair_report .report_bg {
        width: 100%; }
      body .wraper .bg .onair_report .report {
        position: relative;
        width: 62.5%;
        margin-top: 5%;
        margin-left: 18.75%;
        margin-right: 18.75%;
        padding: 3.5% 1.5%;
        display: flex;
        align-items: flex-start;
        background-image: url("../img/base_bg.png");
        background-size: cover; }
        body .wraper .bg .onair_report .report .report_left {
          width: 60%; }
          body .wraper .bg .onair_report .report .report_left .date {
            font-size: 1vw;
            position: absolute;
            color: #ffd107;
            background-color: #0f0f0f;
            padding: 0.5% 2%;
            top: -1vw;
            left: 43.5%; }
          body .wraper .bg .onair_report .report .report_left .navi_title {
            margin-top: 0%;
            margin-bottom: 10px;
            width: 80%; }
          body .wraper .bg .onair_report .report .report_left .navi {
            display: flex;
            margin-bottom: 3%; }
            body .wraper .bg .onair_report .report .report_left .navi .icon {
              width: 15%;
              margin-right: 1%;
              margin-left: 1%; }
              body .wraper .bg .onair_report .report .report_left .navi .icon .icon_img {
                width: 95%;
                margin-top: 2%; }
            body .wraper .bg .onair_report .report .report_left .navi .question {
              width: 77%;
              padding: 3%;
              padding-left: 5%;
              padding-right: 5%;
              margin-right: 1%;
              background-color: #ffffff; }
              body .wraper .bg .onair_report .report .report_left .navi .question .RN {
                font-size: 1vw;
                text-align: left;
                margin-bottom: 2%;
                font-weight: bold; }
              body .wraper .bg .onair_report .report .report_left .navi .question .contents {
                font-size: 0.8vw;
                text-align: left;
                line-height: 1.5vw; }
          body .wraper .bg .onair_report .report .report_left .todays_song {
            position: relative;
            margin-top: 10%; }
            body .wraper .bg .onair_report .report .report_left .todays_song .song_bg {
              background-image: url("../img/spotify_bg.png");
              background-size: cover;
              background-repeat: no-repeat;
              margin-right: 6%; }
              body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .song_title {
                width: 58%;
                position: absolute;
                top: -18%;
                left: 20%; }
              body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .spotify {
                margin-top: 7%;
                margin-bottom: 5%; }
              body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .nospotify {
                display: inline-block;
                width: 90%;
                background-color: #191b1a;
                color: #fff;
                height: 80px;
                padding: 0 10px 0 0;
                box-sizing: border-box;
                overflow: hidden;
                position: relative;
                margin-top: 7%;
                margin-bottom: 5%; }
                body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .nospotify .flex {
                  display: flex; }
                  body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .nospotify .flex .photo {
                    width: 80px;
                    background-color: gray; }
                    body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .nospotify .flex .photo img {
                      height: 80px;
                      margin: auto; }
                  body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .nospotify .flex .title {
                    width: 69%;
                    height: 80px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    line-height: 1.3;
                    padding: 8px 0;
                    box-sizing: border-box;
                    text-align: left; }
                    body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .nospotify .flex .title .text {
                      vertical-align: top;
                      margin-left: 8px;
                      overflow: hidden;
                      text-overflow: ellipsis;
                      white-space: nowrap; }
        body .wraper .bg .onair_report .report .report_right {
          width: 40%; }
          body .wraper .bg .onair_report .report .report_right .car_box {
            width: 100%;
            background-image: url("../img/car_bg.png");
            background-size: cover;
            background-repeat: no-repeat;
            margin-right: 0px;
            margin-top: 0%;
            margin-bottom: 10%; }
            body .wraper .bg .onair_report .report .report_right .car_box .todays_car {
              width: 50%;
              margin-top: 13%;
              margin-bottom: 3%;
              margin-left: 30%; }
            body .wraper .bg .onair_report .report .report_right .car_box .car_img {
              width: 85%;
              margin-left: 7.5%;
              margin-right: 7.5%;
              margin-bottom: 5%; }
            body .wraper .bg .onair_report .report .report_right .car_box .car_info {
              width: 85%;
              margin-left: auto;
              margin-right: auto;
              border-collapse: separate;
              border-spacing: 0px 8px; }
              body .wraper .bg .onair_report .report .report_right .car_box .car_info tbody {
                width: 100%; }
                body .wraper .bg .onair_report .report .report_right .car_box .car_info tbody .item {
                  text-align: center;
                  width: 25%;
                  font-size: 0.7vw; }
                  body .wraper .bg .onair_report .report .report_right .car_box .car_info tbody .item .item_color {
                    background: #f8ab2b;
                    /* 背景色 */
                    padding: 5% 7%;
                    border-radius: 30px;
                    /* 角を丸くする */
                    font-weight: bold; }
                body .wraper .bg .onair_report .report .report_right .car_box .car_info tbody .item_name {
                  font-size: 0.9vw;
                  background: #ffffff;
                  /* 背景色 */
                  padding: 2% 5%;
                  /* 上下の余白、左右の余白 */
                  border-radius: 30px;
                  /* 角を丸くする */
                  width: 75%;
                  font-weight: bold; }
            body .wraper .bg .onair_report .report .report_right .car_box .car_btn {
              width: 85%;
              margin: 5% 7.5% 6%;
              -webkit-transition: all .3s;
              transition: all .3s; }
            body .wraper .bg .onair_report .report .report_right .car_box .car_btn:hover {
              filter: brightness(120%); }
      body .wraper .bg .onair_report .btn-more {
        margin: 3.65vw auto 1.045vw; }
        body .wraper .bg .onair_report .btn-more .more .see_more {
          width: 20%;
          cursor: pointer; }
        body .wraper .bg .onair_report .btn-more .more .see_more:hover {
          filter: brightness(115%); }
    body .wraper .bg .carsensor_link {
      display: flex;
      justify-content: center; }
      body .wraper .bg .carsensor_link .bnr {
        width: 80%;
        margin-top: 15%;
        margin-bottom: 15%;
        -webkit-transition: all .3s;
        transition: all .3s; }
      body .wraper .bg .carsensor_link .bnr:hover {
        filter: brightness(115%); }

/* SP */
@media screen and (max-width: 1023px) {
  body .PC {
    display: none; }
  body .SP {
    display: flex; }
  body .wraper {
    max-width: auto; }
    body .wraper main h1 .radiko01 {
      width: 23.3%;
      top: 83.3%;
      left: 75.5%; }
    body .wraper main h1 .present_btn {
      width: 73%;
      top: 86%;
      left: 1.7%; }
    body .wraper main h1 .sticker {
      width: 15%;
      top: 91.5%;
      left: 52%; }
    body .wraper .bg .introduction {
      background-image: url("../img/sp_about_bg.png");
      background-repeat: no-repeat;
      background-size: cover; }
      body .wraper .bg .introduction .about {
        margin: 10% 5%;
        margin-top: 0%;
        width: 90%;
        padding-top: 10%; }
      body .wraper .bg .introduction .about_btn {
        width: 78%;
        left: 11%;
        top: 88.6%; }
    body .wraper .bg .onair_report {
      margin-bottom: 10%; }
      body .wraper .bg .onair_report .report {
        display: inline-block;
        margin: 0;
        width: 95%;
        margin-top: 10%;
        margin-bottom: 5%;
        background-image: url("../img/sp_base_bg.png"); }
        body .wraper .bg .onair_report .report .report_left .date {
          font-size: 5vw;
          top: -3.8vw;
          left: 32%; }
        body .wraper .bg .onair_report .report .report_left .navi_title {
          width: 63%;
          margin: 5% 20%;
          margin-top: 10%; }
        body .wraper .bg .onair_report .report .report_left .navi {
          margin: 5% 3%; }
          body .wraper .bg .onair_report .report .report_left .navi .icon {
            width: 30%;
            margin-right: 1%; }
          body .wraper .bg .onair_report .report .report_left .navi .question .RN {
            font-size: 4vw; }
          body .wraper .bg .onair_report .report .report_left .navi .question .contents {
            font-size: 3vw;
            line-height: 5vw; }
        body .wraper .bg .onair_report .report .report_left .todays_song {
          margin: 10% 0;
          margin-top: 18%; }
          body .wraper .bg .onair_report .report .report_left .todays_song .song_bg {
            margin-left: 2.5%;
            margin-right: 2.5%; }
            body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .song_title {
              width: 80%;
              left: 10%;
              top: -25%; }
            body .wraper .bg .onair_report .report .report_left .todays_song .song_bg .spotify {
              margin-top: 7%;
              margin-bottom: 5%; }
        body .wraper .bg .onair_report .report .report_right .car_box {
          width: 95%;
          margin-left: 2.5%;
          margin-right: 2.5%; }
          body .wraper .bg .onair_report .report .report_right .car_box .car_info tbody .item {
            font-size: 2.5vw; }
          body .wraper .bg .onair_report .report .report_right .car_box .car_info tbody .item_name {
            font-size: 3.5vw; }
      body .wraper .bg .onair_report .btn-more .more .see_more {
        width: 50%; }
    body .wraper .bg section .carsensor_link {
      display: inline; }
      body .wraper .bg section .carsensor_link .link .bnr {
        width: 90%;
        margin-top: 0%;
        margin-bottom: 5%; } }

/*# sourceMappingURL=carsensor.css.map */
