@charset "UTF-8";
/* --------------------------------------------------
	
	Format Ver  : 1.0
	Last UpDate : 2022/01/29
	
	1 - 宣言
	2 - ナビ（カレント）
	3 - パブリシティ&PR企画
	4 - 
	5 - 
	6 - 
	5 - 
	6 - 
	7 - 
	8 - 
	9 - 

/* --------------------------------------------------

	宣言

-------------------------------------------------- */
/* --------------------------------------------------

	ナビ（カレント）

-------------------------------------------------- */
@media screen and (min-width: 480px) {
  #header .gnav li:nth-child(2) a::after {
    transform: scale(1, 1);
    background: #b9d200; } }

/* --------------------------------------------------

	パブリシティ&PR企画

-------------------------------------------------- */
#main.pr {
  /* おすすめ企画 */
  /* パブリシティ番組 */
  /* まるごとCPP */ }
  #main.pr h3 {
    color: #b9d200;
    font-size: 1.5em;
    margin-top: 2rem; }
  #main.pr article > h3 {
    margin-top: 0; }
  #main.pr .recommend {
    margin-top: 2rem; }
    #main.pr .recommend ul,
    #main.pr .recommend li {
      list-style: none; }
    @media screen and (min-width: 480px) {
      #main.pr .recommend ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between; } }
    #main.pr .recommend li {
      margin-top: 2rem; }
      #main.pr .recommend li:first-child {
        margin-top: 0; }
      @media screen and (min-width: 480px) {
        #main.pr .recommend li {
          width: calc( 95% / 2 ); }
          #main.pr .recommend li:nth-child(1), #main.pr .recommend li:nth-child(2) {
            margin-top: 0; } }
      #main.pr .recommend li a.thumbArea {
        text-align: center;
        color: #fff;
        text-decoration: none;
        display: block; }
      #main.pr .recommend li .download {
        background: #000;
        margin-top: 0;
        padding: .5em 0; }
        #main.pr .recommend li .download::before {
          font-family: "Font Awesome 5 Free";
          content: "\f023";
          margin-right: .5em; }
      #main.pr .recommend li .comment {
        margin-top: 1rem; }
        #main.pr .recommend li .comment a[target="_blank"]::after {
          font-family: "Font Awesome 5 Free";
          content: "\f35d";
          margin-right: .5em; }
  #main.pr .publicity,
  #main.pr .marugotoCPP {
    margin-top: 2rem; }
    #main.pr .publicity ul,
    #main.pr .publicity li,
    #main.pr .marugotoCPP ul,
    #main.pr .marugotoCPP li {
      list-style: none; }
    #main.pr .publicity li,
    #main.pr .marugotoCPP li {
      margin-top: 2rem; }
      #main.pr .publicity li:first-child,
      #main.pr .marugotoCPP li:first-child {
        margin-top: 0; }
      @media screen and (min-width: 480px) {
        #main.pr .publicity li,
        #main.pr .marugotoCPP li {
          display: flex;
          flex-wrap: wrap;
          justify-content: flex-start; } }
      #main.pr .publicity li .thumb,
      #main.pr .marugotoCPP li .thumb {
        margin-bottom: 1rem; }
        @media screen and (min-width: 480px) {
          #main.pr .publicity li .thumb,
          #main.pr .marugotoCPP li .thumb {
            margin-right: 50px; } }
        @media screen and (max-width: 480px) {
          #main.pr .publicity li .thumb img,
          #main.pr .marugotoCPP li .thumb img {
            width: 100%; } }
      @media screen and (min-width: 480px) {
        #main.pr .publicity li .text,
        #main.pr .marugotoCPP li .text {
          width: 625px; } }
      #main.pr .publicity li .title,
      #main.pr .marugotoCPP li .title {
        color: #b9d200;
        font-size: 1.5em;
        font-weight: bold; }
      #main.pr .publicity li .oa,
      #main.pr .publicity li .hp,
      #main.pr .marugotoCPP li .oa,
      #main.pr .marugotoCPP li .hp {
        margin-top: .5rem; }
      #main.pr .publicity li .hp,
      #main.pr .marugotoCPP li .hp {
        font-size: .8em; }
        #main.pr .publicity li .hp a[target="_blank"]::after,
        #main.pr .marugotoCPP li .hp a[target="_blank"]::after {
          font-family: "Font Awesome 5 Free";
          content: "\f35d";
          margin-right: .5em; }
      #main.pr .publicity li btn.download,
      #main.pr .marugotoCPP li btn.download {
        margin-top: 1rem; }
        @media screen and (max-width: 480px) {
          #main.pr .publicity li btn.download,
          #main.pr .marugotoCPP li btn.download {
            width: 18em;
            margin: 1rem auto 0; } }