@charset "UTF-8";
#df_wrap .snsShare__small .snsButton {
  display: flex; }

#df_wrap .title--stripe {
  background: -webkit-repeating-linear-gradient(-55deg, #f4f4ee, #f4f4ee 10px, #fdfdfb 10px, #fcfcfc 20px);
  background: repeating-linear-gradient(-55deg, #f4f4ee, #f4f4ee 10px, #fdfdfb 10px, #fcfcfc 20px); }

#df_wrap #df_side {
  min-width: 300px;
  max-width: 300px;
  margin-left: 28px; }
  @media all and (max-width: 768px) {
    #df_wrap #df_side {
      margin-top: 20px;
      width: 100%;
      margin-left: auto;
      max-width: 100%; } }

#df_wrap #df_adSide--a {
  max-width: 300px;
  margin: 0 auto; }
  #df_wrap #df_adSide--a + div {
    margin-top: 10px; }
  #df_wrap #df_adSide--a .df_bnRectangle {
    text-align: center; }
    #df_wrap #df_adSide--a .df_bnRectangle:nth-of-type(n + 2) {
      margin-top: 10px; }
    #df_wrap #df_adSide--a .df_bnRectangle a {
      display: inline-block;
      transition: .3s;
      width: auto; }
      #df_wrap #df_adSide--a .df_bnRectangle a:hover {
        opacity: .7; }
      #df_wrap #df_adSide--a .df_bnRectangle a img {
        width: 100%; }

#df_wrap #df_adSide--b {
  max-width: 300px;
  margin: 0 auto; }
  #df_wrap #df_adSide--b .df_bnRectangle {
    text-align: center; }
    #df_wrap #df_adSide--b .df_bnRectangle:nth-of-type(n + 2) {
      margin-top: 10px; }
    #df_wrap #df_adSide--b .df_bnRectangle a {
      transition: .3s; }
      #df_wrap #df_adSide--b .df_bnRectangle a:hover {
        opacity: .7; }
    #df_wrap #df_adSide--b .df_bnRectangle .df_banner li img {
      width: 100%; }

#df_wrap .df_adSide-c {
  max-width: 300px;
  margin: 0 auto; }
  #df_wrap .df_adSide-c__list {
    text-align: center; }
  #df_wrap .df_adSide-c__item {
    margin-top: 12px; }
    #df_wrap .df_adSide-c__item a {
      display: inline-block;
      transition: .3s; }
      #df_wrap .df_adSide-c__item a:hover {
        opacity: .7; }
    #df_wrap .df_adSide-c__item img {
      width: auto; }

#df_wrap .df_pankuzu {
  background: rgba(0, 94, 161, 0.1);
  margin-bottom: 6px !important; }
  @media all and (max-width: 768px) {
    #df_wrap .df_pankuzu {
      height: 28px;
      overflow: hidden;
      position: relative;
      z-index: 40; } }
  #df_wrap .df_pankuzu ul {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 8px; }
    @media all and (max-width: 768px) {
      #df_wrap .df_pankuzu ul {
        position: relative;
        z-index: 1;
        padding-bottom: 30px;
        overflow-X: scroll;
        -webkit-overflow-scrolling: touch;
        margin-left: 6px;
        margin-right: 6px; } }
    #df_wrap .df_pankuzu ul li {
      padding: 4px 6px !important;
      font-size: 12px;
      white-space: nowrap;
      /*
				i
					margin: 0 12px!important;
				}
	*/ }
      #df_wrap .df_pankuzu ul li:first-child a:before {
        content: "\f015";
        font-family: Fontawesome;
        padding-right: 4px;
        color: #005ea1; }
      #df_wrap .df_pankuzu ul li + li:before {
        content: '\f0da';
        display: inline-block;
        margin: 0 8px 0 2px;
        color: rgba(0, 94, 161, 0.6);
        font-size: 12px;
        font-family: fontAwesome; }
      #df_wrap .df_pankuzu ul li a {
        font-size: 12px;
        color: #005ea1; }
        #df_wrap .df_pankuzu ul li a:hover {
          text-decoration: underline; }
      @media only screen and (min-width: 769px) {
        #df_wrap .df_pankuzu ul li:last-child {
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap; } }
    #df_wrap .df_pankuzu ul .home_ {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
      margin: 0 12px 0 0 !important; }
      #df_wrap .df_pankuzu ul .home_:after {
        display: none;
        position: absolute;
        right: -14px;
        content: "";
        border-top: 14px solid transparent;
        border-right: 0px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 14px solid #005ea1; }
      #df_wrap .df_pankuzu ul .home_ i {
        color: #fff !important;
        margin: 0 5px 0 7px !important; }
      #df_wrap .df_pankuzu ul .home_ a {
        color: #fff !important;
        font-size: 12px !important; }

#df_wrap .df_snsShare {
  border-radius: 3px;
  text-align: center;
  min-width: 300px;
  margin: auto auto 18px auto;
  width: 60%;
  overflow: hidden;
  zoom: 1;
  padding: 2% 0; }
  #df_wrap .df_snsShare__title {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3; }
  #df_wrap .df_snsShare__snsBtnWrap {
    display: flex;
    justify-content: space-between; }
  #df_wrap .df_snsShare__snsBtn {
    width: calc(100% / 3);
    width: 100px; }

#df_main {
  width: 1100px;
  margin: 0 auto;
  min-width: 320px; }
  @media all and (max-width: 768px) {
    #df_main {
      width: 100%;
      display: block; } }
  #df_main .df_category .df_category__ttl {
    width: 100px;
    text-align: center;
    color: #fff;
    padding: 3px; }
  #df_main .df_category .df_green {
    background-color: #03ACB3; }
  #df_main .df_category .df_orange {
    background-color: #F27A03; }
  #df_main .df_category .df_pink {
    background-color: #EF356E; }
  #df_main .df_category .df_purple {
    background-color: #9468A5; }
  #df_main .df_category .df_blue {
    background-color: #2272DC; }
  #df_main .df_category .df_red {
    background-color: #B74B55; }
  #df_main .df_category .df_brown {
    background-color: #613a08; }

#df_content {
  margin: 0 auto; }
  @media all and (max-width: 768px) {
    #df_content {
      width: 100% !important; } }
  #df_content .df_cornerMainTitle {
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0 15px;
    padding: 5px 10px;
    border-bottom: 1px solid #005ea1;
    border-top: 1px solid #005ea1;
    border-left: 7px solid #005ea1;
    color: #005ea1; }
    #df_content .df_cornerMainTitle i {
      margin-right: 7px; }
    #df_content .df_cornerMainTitle img {
      width: 20px;
      vertical-align: middle;
      margin-bottom: 2px;
      margin-right: 7px; }
  #df_content .df_cornerMidTitle {
    font-size: 17px;
    font-weight: bold;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #f4f4f4;
    padding: 6px 17px; }
    #df_content .df_cornerMidTitle:before {
      content: "";
      width: 4px;
      height: 80%;
      top: 10%;
      margin-right: 4px;
      left: 5px;
      position: absolute;
      background: #c9485c; }
  #df_content .df_cornerSmallTitle {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
    padding-left: 10px;
    position: relative; }
    #df_content .df_cornerSmallTitle:before {
      content: "";
      background-color: #EFA31E;
      height: 100%;
      width: 5px;
      position: absolute;
      top: 0;
      left: 0; }
  #df_content .df_nowProgram__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    @media all and (max-width: 640px) {
      #df_content .df_nowProgram__inner {
        display: block; } }
  #df_content .df_nowProgram__linkWrap {
    display: flex;
    align-items: center;
    width: 100%; }
  #df_content #df_nowOnAir {
    margin-top: 0;
    border: 3px solid #005ea1; }
    @media all and (max-width: 640px) {
      #df_content #df_nowOnAir {
        width: 100%; } }
    #df_content #df_nowOnAir__ttl {
      background-color: #005ea1;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      padding: 5px;
      position: relative; }
      @media all and (max-width: 768px) {
        #df_content #df_nowOnAir__ttl {
          padding: 10px 5px; } }
      #df_content #df_nowOnAir__ttl .df_ttlImg {
        width: 40px;
        position: absolute;
        top: calc(50% - 2px);
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
        #df_content #df_nowOnAir__ttl .df_ttlImg:first-of-type {
          left: 10px; }
        #df_content #df_nowOnAir__ttl .df_ttlImg:last-of-type {
          right: 10px; }
        #df_content #df_nowOnAir__ttl .df_ttlImg img {
          width: 100%; }
      #df_content #df_nowOnAir__ttl p {
        font-size: 15px;
        line-height: 1;
        text-align: center;
        font-weight: bold;
        color: #fff;
        margin: 0 10px; }
        #df_content #df_nowOnAir__ttl p span {
          display: inline-block;
          color: #fff;
          font-size: 11px;
          margin-left: 5px; }
    #df_content #df_nowOnAir__program {
      background-color: #fff; }
    #df_content #df_nowOnAir #df_nowticker {
      display: block; }
    #df_content #df_nowOnAir .df_nowProgram {
      width: 100%;
      display: flex;
      align-items: center;
      padding: 6px;
      flex-wrap: wrap; }
      @media all and (max-width: 640px) {
        #df_content #df_nowOnAir .df_nowProgram {
          display: flex; } }
      #df_content #df_nowOnAir .df_nowProgram:last-of-type {
        margin-top: 3px; }
      #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn {
        display: block;
        width: 100%;
        padding: 4px 8px;
        text-align: center;
        border-radius: 2px;
        margin-top: 4px;
        color: #fff;
        border: 1px solid #24adb4;
        transition: .2s;
        font-weight: 600; }
        @media all and (max-width: 768px) {
          #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn {
            width: calc(100% / 2 - 4px);
            margin: 4px 2px; } }
        @media all and (max-width: 640px) {
          #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn {
            width: 100%;
            margin: 4px 0 0; } }
        #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn:hover {
          text-decoration: none;
          background: #fff !important;
          color: #24adb4; }
          #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn:hover:before {
            color: #24adb4; }
        #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn.twitterColor {
          background: #fff !important;
          border-color: #1c99ea !important;
          color: #1c99ea !important;
          border-radius: 30px;
          padding: 1px 10px 0;
          font-size: 12px;
          position: relative;
          max-width: 200px;
          margin: 6px auto 4px;
          box-shadow: 0 2px 0 #1c99ea; }
          @media all and (max-width: 768px) {
            #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn.twitterColor {
              max-width: 280px; } }
          #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn.twitterColor:before {
            content: "" !important;
            font-family: Fontawesome;
            color: #1c99ea !important; }
          #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn.twitterColor:hover {
            background: rgba(28, 153, 234, 0.8) !important;
            top: 2px;
            box-shadow: 0 0 0 #1c99ea;
            color: #fff !important; }
            #df_content #df_nowOnAir .df_nowProgram .bangumihyoBtn.twitterColor:hover:before {
              color: #fff !important; }
      #df_content #df_nowOnAir .df_nowProgram .radioBangumiWrap {
        display: flex;
        flex-wrap: wrap;
        margin-top: 4px; }
        @media all and (max-width: 768px) {
          #df_content #df_nowOnAir .df_nowProgram .radioBangumiWrap {
            width: 100%; } }
      #df_content #df_nowOnAir .df_nowProgram.tv {
        border-bottom: 1px dotted #25adb4; }
        #df_content #df_nowOnAir .df_nowProgram.tv .bangumihyoBtn {
          background: #ff788d;
          border: 1px solid #ff788d; }
          #df_content #df_nowOnAir .df_nowProgram.tv .bangumihyoBtn:before {
            content: "\f073";
            font-family: Fontawesome;
            color: #fff;
            font-weight: 100;
            margin-right: 6px;
            transition: .2s; }
          #df_content #df_nowOnAir .df_nowProgram.tv .bangumihyoBtn:hover {
            color: #ff788d; }
            #df_content #df_nowOnAir .df_nowProgram.tv .bangumihyoBtn:hover:before {
              color: #ff788d; }
        #df_content #df_nowOnAir .df_nowProgram.tv .df_nowProgram__date {
          width: calc(100% - 94px);
          line-height: 3; }
      #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn:before {
        content: "\f073";
        font-family: Fontawesome;
        color: #fff;
        font-weight: 100;
        margin-right: 6px;
        transition: .2s; }
      #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn__title {
        width: 84px;
        display: block;
        text-align: center;
        color: #fff;
        font-weight: 600;
        padding: 4px 16px; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn__title:before {
          content: "\f073";
          font-family: Fontawesome;
          color: #fff;
          font-weight: 100;
          margin-right: 6px;
          transition: .2s; }
      #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn__text {
        text-align: center;
        flex-grow: 2;
        font-weight: 600;
        font-size: 13px; }
      #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.thisWeek {
        border-color: #24adb4;
        color: #fff;
        background-color: #24adb4;
        text-align: center; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.thisWeek .bangumihyoBtn__title {
          background: #24adb4; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.thisWeek .bangumihyoBtn__text {
          color: #24adb4; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.thisWeek:hover {
          color: #24adb4; }
          #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.thisWeek:hover:before {
            color: #24adb4; }
      #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.lastWeek {
        border-color: #4dc0a6 !important;
        color: #fff;
        background-color: #4dc0a6; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.lastWeek .bangumihyoBtn__text {
          color: #fff; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.lastWeek .bangumihyoBtn__title {
          background: #d9bb00; }
        #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.lastWeek:hover {
          color: #4dc0a6 !important;
          background: #fff !important; }
          #df_content #df_nowOnAir .df_nowProgram.radio .bangumihyoBtn.lastWeek:hover:before {
            color: #4dc0a6 !important; }
      #df_content #df_nowOnAir .df_nowProgram__link {
        width: 46px; }
        #df_content #df_nowOnAir .df_nowProgram__link a {
          display: block;
          color: #fff;
          background-color: #ff788d;
          padding: 2px 0;
          border-radius: 25px;
          text-decoration: none;
          text-align: center;
          margin: 0 auto;
          transition: .2s;
          width: 100%;
          font-size: 11px;
          white-space: nowrap; }
          #df_content #df_nowOnAir .df_nowProgram__link a:hover {
            opacity: .7; }
        #df_content #df_nowOnAir .df_nowProgram__link--radio {
          background-color: #24adb4 !important; }
      #df_content #df_nowOnAir .df_nowProgram__date {
        width: calc(100% - 94px);
        padding-left: 6px;
        display: flex;
        align-items: center; }
        #df_content #df_nowOnAir .df_nowProgram__date--time {
          display: block;
          width: 70px;
          font-weight: bold;
          font-size: 12px;
          white-space: nowrap;
          margin-right: 6px; }
        #df_content #df_nowOnAir .df_nowProgram__date--ttl {
          display: block;
          width: 100%;
          font-weight: 600;
          font-size: 13px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
          #df_content #df_nowOnAir .df_nowProgram__date--ttl a {
            font-weight: bold;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            display: block;
            width: 100%; }
        #df_content #df_nowOnAir .df_nowProgram__date--ttlNone {
          width: 100%;
          font-size: 12px;
          text-align: center; }

@keyframes pounding {
  0% {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3); }
  100% {
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1); } }
  #df_content .radikoNowOnAir-wrap {
    position: relative; }
    #df_content .radikoNowOnAir-wrap:hover .radikoNowOnairBtn {
      text-decoration: none;
      opacity: 1 !important;
      background: #fff !important; }
    #df_content .radikoNowOnAir-wrap:hover .imasuguText {
      color: #29a5dc !important; }
    #df_content .radikoNowOnAir-wrap:hover #icon-radiko .st0 {
      fill: #29a5dc; }
    #df_content .radikoNowOnAir-wrap .radikoClick {
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      height: 100%;
      margin: auto;
      z-index: 2; }
  #df_content .radikoNowOnairBtn {
    background: #29a5dc !important;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: block;
    position: relative;
    transition: .2s;
    border: 1px solid #29a5dc !important; }
    #df_content .radikoNowOnairBtn #icon-radiko {
      width: 18px !important;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
  #df_content .radikoNowOnairBtn #icon-radiko .st0 {
    fill: #fff;
    transition: .2s; }
  #df_content .radikoNowOnairBtn:hover {
    background: #fff !important; }
  #df_content .radikoNowOnairBtn:hover #icon-radiko .st0 {
    fill: #29a5dc; }
  #df_content .df_programList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px; }
    #df_content .df_programList__item {
      overflow: hidden;
      width: calc(100% / 4 - 20px);
      border: 1px solid #eaeaea;
      border-radius: 3px;
      padding: 8px 10px;
      position: relative;
      background: #fff;
      margin: 0 10px 20px;
      box-shadow: 0 0 4px 0px #d8d8d8; }
      @media all and (max-width: 768px) {
        #df_content .df_programList__item {
          width: calc(100% / 3 - 20px); } }
      @media all and (max-width: 640px) {
        #df_content .df_programList__item {
          width: calc(100% / 2 - 20px); } }
      @media screen and (max-width: 400px) {
        #df_content .df_programList__item {
          width: 100%; } }
      #df_content .df_programList__item .df_peepIcon {
        color: #fff;
        background-color: #fb839f;
        font-size: 12px;
        padding: 2px;
        width: 60px;
        text-align: center;
        position: absolute;
        z-index: 15;
        top: 0;
        left: 0; }
    #df_content .df_programList__img {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 130px;
      margin: 0 auto;
      transition: .2s; }
      #df_content .df_programList__img:hover {
        opacity: .7; }
    #df_content .df_programList__ttl {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 50px;
      font-size: 15px;
      border: 1px dashed #a5a5a5;
      border-right: none;
      border-left: none;
      padding: 6px 0;
      margin-bottom: 14px;
      font-weight: bold;
      line-height: 1.2;
      font-weight: bold;
      transition: .1s; }
    #df_content .df_programList__detailTtl {
      text-align: center;
      background-color: #ffc56b;
      font-weight: bold;
      border-radius: 21px;
      color: #535353; }
    #df_content .df_programList__time {
      margin-top: 2px; }
    #df_content .df_programList__txt {
      padding: 6px 2px; }
  #df_content .df_detailBtn {
    width: 100%;
    background-color: #005ea1;
    display: block;
    text-align: center;
    color: #fff !important;
    padding: 5px;
    text-decoration: none !important;
    transition: .3s; }
    #df_content .df_detailBtn:before {
      content: "\f105";
      font-family: FontAwesome;
      margin-right: 7px; }
    #df_content .df_detailBtn:hover {
      opacity: .7; }
  #df_content .df_twitterBtn {
    display: block;
    width: 100%;
    color: #fff !important;
    text-align: center;
    background-color: #4fb4c5;
    text-decoration: none !important;
    transition: .3s; }
    #df_content .df_twitterBtn:before {
      content: "\f099";
      font-family: fontAwesome;
      margin-right: 5px; }
    #df_content .df_twitterBtn:hover {
      opacity: .7; }
  #df_content .df_timeTable-btn {
    display: block;
    width: 100%;
    color: #fff !important;
    text-align: center;
    background-color: #436190;
    text-decoration: none !important;
    transition: .3s; }
    #df_content .df_timeTable-btn:before {
      content: "\f0ce";
      font-family: fontAwesome;
      margin-right: 5px; }
    #df_content .df_timeTable-btn:hover {
      opacity: .7; }
  #df_content .df_updateBlog-cardLink {
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: rgba(187, 187, 187, 0.2);
    height: 180px;
    width: 30%;
    margin-top: 20px;
    position: relative;
    transition: .2s;
    background-position: center center; }
    #df_content .df_updateBlog-cardLink:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 35%;
      background: linear-gradient(transparent 0, rgba(0, 0, 0, 0.85) 80%);
      opacity: 0.9; }
    #df_content .df_updateBlog-cardLink:hover {
      opacity: .7; }
    #df_content .df_updateBlog-cardLink .df_updateBlog__announcerImg {
      position: absolute;
      bottom: 30px;
      left: -10px;
      z-index: 1; }
      @media all and (max-width: 768px) {
        #df_content .df_updateBlog-cardLink .df_updateBlog__announcerImg {
          bottom: 30px;
          left: -6px; } }
      #df_content .df_updateBlog-cardLink .df_updateBlog__announcerImg span {
        width: 68px;
        display: block; }
        #df_content .df_updateBlog-cardLink .df_updateBlog__announcerImg span img {
          width: 100%;
          border: 2px solid #fff;
          border-radius: 50%; }
    #df_content .df_updateBlog-cardLink .df_detailArea__name {
      font-size: 12px !important;
      display: inline-block;
      background-color: #24adb4;
      text-align: center;
      padding: 1px 8px;
      position: absolute;
      top: 0;
      left: 0; }
      #df_content .df_updateBlog-cardLink .df_detailArea__name span {
        color: #fff; }
        #df_content .df_updateBlog-cardLink .df_detailArea__name span:before {
          content: "\f130";
          font-family: Fontawesome;
          margin-right: 4px; }
    #df_content .df_updateBlog-cardLink .df_updateBlog__detailArea {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 4px 8px;
      overflow: hidden; }
      #df_content .df_updateBlog-cardLink .df_updateBlog__detailArea .df_detailArea__date {
        width: 100%;
        font-size: 10px;
        color: #fff;
        display: block;
        text-align: right; }
      @media all and (max-width: 640px) {
        #df_content .df_updateBlog-cardLink .df_updateBlog__detailArea .df_blogIndexTitle {
          font-size: 12px; } }
      #df_content .df_updateBlog-cardLink .df_updateBlog__detailArea .df_blogIndexTitle span {
        color: #fff;
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        word-break: break-all;
        word-wrap: normal; }
  #df_content .df_paging {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
    @media all and (max-width: 768px) {
      #df_content .df_paging {
        display: block; } }
    #df_content .df_paging__list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 100%; }
      #df_content .df_paging__list li {
        margin: 4px 2px; }
      #df_content .df_paging__list a {
        padding: 5px 8px !important;
        color: #fff !important;
        transition: .3s;
        background-color: #a7a7a7 !important;
        background-image: none !important; }
        @media all and (max-width: 640px) {
          #df_content .df_paging__list a {
            font-size: 13px;
            padding: 5px 7px; } }
        #df_content .df_paging__list a:hover {
          text-decoration: none;
          color: #fff !important;
          background-color: #005ea1 !important; }
  #df_content .df_paging__allNumber {
    color: #313131;
    display: inline-block;
    padding: 0 4px;
    font-weight: bold;
    font-size: 1.2em; }
  #df_content .df_on a {
    cursor: default;
    background-color: #005ea1 !important;
    color: #fff !important; }

#df_wrap .df_noEvent {
  margin-top: 24px;
  padding: 12px;
  border: solid 2px #005ea1;
  border-radius: 3px;
  background: #ffffe6; }
  #df_wrap .df_noEvent img {
    display: none; }

#df_wrap .df_number {
  color: #313131;
  padding: 8px;
  text-align: center; }

#df_wrap .df_bold {
  display: inline-block;
  font-weight: bold; }

#df_wrap .df_alignR {
  text-align: right; }

#df_wrap .df_left {
  text-align: left; }

#df_wrap .df_right {
  text-align: right; }

#df_wrap .df_small {
  font-size: 12px; }

#df_wrap .df_red {
  color: #E53935; }

#df_wrap .df_iframeWrap {
  width: 100%; }
  @media all and (max-width: 768px) {
    #df_wrap .df_iframeWrap {
      position: relative;
      padding-top: 56.25%; } }
  #df_wrap .df_iframeWrap iframe {
    width: 100%; }
    @media all and (max-width: 768px) {
      #df_wrap .df_iframeWrap iframe {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%; } }

#df_wrap .df_map {
  width: 100%; }
  @media all and (max-width: 768px) {
    #df_wrap .df_map {
      position: relative;
      padding-top: 56.25%; } }
  #df_wrap .df_map iframe {
    width: 100%;
    height: 300px; }
    @media all and (max-width: 768px) {
      #df_wrap .df_map iframe {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%; } }

#df_wrap #df_googleMap img,
#df_wrap .df_map {
  max-width: inherit; }

#df_wrap .df_cornerMainTitle span,
#df_wrap .df_cornerTitleMiddle span {
  font-weight: bold; }

#df_wrap .df_cornerTitleMiddle {
  padding: 12px;
  border-radius: 2px;
  background: #f2f2f2;
  font-weight: bold;
  font-size: 16px; }

#df_wrap .df_mokuji {
  margin-bottom: 32px;
  padding: 12px;
  width: 100%;
  border: solid 1px #c2cfd3;
  border-radius: 3px; }

#df_wrap .fa.df_link {
  color: #00999B; }

#df_wrap .df_modoruLink {
  margin-top: 24px !important;
  padding-top: 16px !important;
  padding-right: 8px !important;
  border-top: solid 1px #c2cfd3;
  text-align: right;
  font-size: 13px; }
  #df_wrap .df_modoruLink a {
    text-decoration: underline;
    padding: 0 !important; }
    #df_wrap .df_modoruLink a:hover {
      text-decoration: none; }
  #df_wrap .df_modoruLink:before {
    display: inline-block;
    margin: 0 8px;
    color: #aaa;
    content: '\f105';
    font-family: fontAwesome; }

#df_wrap .title--kakko {
  position: relative;
  margin: auto;
  padding: 8px;
  width: 300px;
  text-align: center;
  font-weight: bold; }
  #df_wrap .title--kakko:after,
  #df_wrap .title--kakko:before {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16px;
    height: 30px;
    content: ''; }
  #df_wrap .title--kakko:before {
    top: 0;
    left: 0;
    border-top: 1px solid #555;
    border-left: 1px solid #555; }
  #df_wrap .title--kakko:after {
    right: 0;
    bottom: 0;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555; }

#df_wrap .title--hr {
  position: relative;
  padding-top: 16px;
  text-align: center;
  font-weight: bold; }
  #df_wrap .title--hr:before {
    position: relative;
    top: -16px;
    display: block;
    margin: auto;
    width: 65%;
    height: 2px;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.42) 22%, #020000 52%, rgba(0, 0, 0, 0.15) 93%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.42) 22%, #020000 52%, rgba(0, 0, 0, 0.15) 93%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.42) 22%, #020000 52%, rgba(0, 0, 0, 0.15) 93%, rgba(255, 255, 255, 0) 100%);
    content: "";
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00ffffff', endColorstr='#00ffffff',GradientType=1 ); }

#df_wrap .title--bgSiteColor {
  padding: 12px;
  background: #005ea1;
  color: #FFF; }

#df_wrap .title--yokoLine {
  position: relative;
  z-index: 1;
  margin-bottom: 12px;
  padding: 12px 16px;
  font-weight: bold; }
  #df_wrap .title--yokoLine:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 1px;
    height: 100%;
    border-left: 1px solid #000;
    content: ""; }
  #df_wrap .title--yokoLine a {
    font-weight: bold; }

#df_wrap .title--bgGrey {
  margin-bottom: 16px;
  padding: 16px;
  border-radius: 2px;
  background: #eee;
  font-weight: bold; }

#df_wrap .title--line {
  margin: auto auto 16px;
  max-width: 640px;
  border-top: solid 2px #000;
  text-align: center; }
  #df_wrap .title--line span {
    display: inline-block;
    padding-top: 18px;
    padding-bottom: 10px;
    border-bottom: solid 1px #000;
    font-weight: bold; }

#df_wrap .title--line2 {
  padding: 6px 0;
  border-top: solid 3px #000;
  border-bottom: solid 1px #000;
  text-align: center;
  font-weight: bold; }

#df_wrap .title--suihei {
  position: relative;
  text-align: center; }
  #df_wrap .title--suihei:before {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 100%;
    height: 1px;
    border-top: solid 1px black;
    content: ""; }
  #df_wrap .title--suihei span {
    position: relative;
    z-index: 5;
    padding: 0 20px;
    background: #fff; }

#df_wrap .title--stripe {
  padding: 8px 12px;
  font-weight: bold;
  line-height: 1.3; }

#df_wrap .title__big {
  position: relative;
  margin-bottom: 26px;
  padding: 12px 12px 11px;
  background: #005ea1;
  color: #FFF;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.7; }
  @media all and (min-width: 769px) {
    #df_wrap .title__big {
      font-size: 1.8rem;
      margin-bottom: 32px; } }
  #df_wrap .title__big:after {
    background: -webkit-repeating-linear-gradient(-55deg, #eaeadf, #eaeadf 10px, #fdfdfb 10px, #fcfcfc 20px);
    background: repeating-linear-gradient(-55deg, #eaeadf, #eaeadf 10px, #fdfdfb 10px, #fcfcfc 20px);
    position: absolute;
    top: 12px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    content: ""; }

#df_wrap .title__middle {
  margin-bottom: 10px;
  padding: 6px 12px 5px;
  background: #005ea1;
  color: #FFF;
  font-weight: bold;
  font-size: 1.4rem; }
  @media all and (min-width: 769px) {
    #df_wrap .title__middle {
      font-size: 16px; } }

#df_wrap .title__small {
  margin-bottom: 4px;
  padding: 2px 8px;
  background: #f2f2f2;
  font-weight: bold; }

#df_wrap .title__kakko--kado {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 20px;
  max-width: 1200px;
  text-align: center; }
  @media all and (max-width: 768px) {
    #df_wrap .title__kakko--kado {
      max-width: inherit !important;
      width: 96% !important; } }
  #df_wrap .title__kakko--kado br {
    display: none; }
    @media all and (max-width: 414px) {
      #df_wrap .title__kakko--kado br {
        display: block; } }

#df_wrap .title__kakko--kado::after,
#df_wrap .title__kakko--kado::before {
  position: absolute;
  top: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 100%;
  border-top: 2px solid #005ea1;
  border-bottom: 2px solid #005ea1;
  content: ''; }

#df_wrap .title__kakko--kado::before {
  left: 0;
  border-left: 2px solid #005ea1; }

#df_wrap .title__kakko--kado::after {
  right: 0;
  border-right: 2px solid #005ea1; }

#df_wrap .title__kadoKakkoIn {
  font-weight: bold; }
  @media all and (max-width: 640px) {
    #df_wrap .title__kadoKakkoIn--text {
      line-height: 1.2; } }

#df_wrap .table {
  width: 100%;
  border: solid 1px #CCC;
  border-spacing: 1px;
  border-collapse: collapse; }
  @media only screen and (max-width: 375px) {
    #df_wrap .table {
      display: block;
      border: none; } }
  @media only screen and (max-width: 375px) {
    #df_wrap .table tr {
      display: block; } }
  #df_wrap .table tr td, #df_wrap .table tr th {
    padding: 8px;
    border: solid 1px #CCC;
    vertical-align: middle; }
    @media only screen and (max-width: 375px) {
      #df_wrap .table tr td, #df_wrap .table tr th {
        display: block;
        border: solid 1px #CCC !important;
        border-bottom: none; } }
  #df_wrap .table th {
    background: #f2f2f2;
    text-align: center; }

#df_wrap #df_ouboLogin {
  margin-bottom: 32px;
  padding: 12px;
  width: 100%;
  border: solid 1px #c2cfd3;
  border-radius: 3px;
  background: #f2f2f2;
  text-align: center; }
  #df_wrap #df_ouboLogin a {
    display: inline-block;
    margin: 0 4px; }

#df_wrap *[disabled] {
  cursor: no-drop; }

#df_wrap a[href*="http://maps.google.co.jp/maps?"] {
  position: relative;
  display: inline-block;
  margin-top: 6px; }
  #df_wrap a[href*="http://maps.google.co.jp/maps?"]:after {
    font-family: fontAwesome;
    display: inline-block;
    margin-left: 4px;
    content: '\f08e'; }

#df_wrap {
  /*--- ページ上部のちっちゃい版 ---*/
  /*--- 記事中盤に「この◯◯◯◯をシェア」 ---*/
  /*--- ページ中盤のでかい版 ---*/ }
  #df_wrap .yajirushiMidashi {
    font-weight: bold !important;
    background: #ebf6f6 !important;
    padding: 2px 1em !important;
    border-radius: 2px;
    font-size: 14px !important;
    color: #484848 !important; }
    #df_wrap .yajirushiMidashi:before {
      content: "\f0da";
      font-family: Fontawesome;
      display: inline-block;
      margin-right: 4px;
      color: #005ea1;
      font-size: 18px;
      position: relative;
      top: 1px; }
    #df_wrap .yajirushiMidashi.on {
      background: rgba(227, 8, 8, 0.1); }
      #df_wrap .yajirushiMidashi.on:before {
        color: #df0000; }
  #df_wrap .wakuMiniBtn {
    text-decoration: none !important;
    border: 1px solid #005ea1;
    padding: 2px 10px;
    color: #005ea1 !important;
    border-radius: 2px;
    display: inline-block;
    font-size: 12px;
    transition: .2s; }
    #df_wrap .wakuMiniBtn:before {
      content: "\f105";
      font-family: FontAwesome;
      margin-right: 7px; }
    #df_wrap .wakuMiniBtn:hover {
      background: #005ea1;
      color: #fff !important; }
  #df_wrap .kugiriLine {
    margin: 30px 0;
    border-top: 1px dashed #bebcbc;
    border-bottom: none; }
  #df_wrap .fukidashiTitle {
    background: #f3f2f2;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 6px;
    position: relative;
    border-radius: 2px;
    margin-bottom: 20px;
    color: #484848; }
    #df_wrap .fukidashiTitle:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 0 10px;
      border-color: #f3f2f2 transparent transparent transparent;
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%); }
  #df_wrap .modoruLinkWrap {
    border-top: solid 1px #c2cfd3;
    padding-top: 16px;
    display: flex;
    justify-content: flex-end; }
    #df_wrap .modoruLinkWrap .df_modoruLink {
      border-top: none;
      padding-top: 0;
      margin-top: 0; }
  #df_wrap .snsShare__small .snsButton {
    letter-spacing: -0.4em;
    justify-content: flex-end;
    line-height: 1; }
    #df_wrap .snsShare__small .snsButton > div + div,
    #df_wrap .snsShare__small .snsButton > div + iframe,
    #df_wrap .snsShare__small .snsButton > iframe + div,
    #df_wrap .snsShare__small .snsButton > iframe + iframe {
      margin-left: 8px; }
      @media all and (max-width: 640px) {
        #df_wrap .snsShare__small .snsButton > div + div,
        #df_wrap .snsShare__small .snsButton > div + iframe,
        #df_wrap .snsShare__small .snsButton > iframe + div,
        #df_wrap .snsShare__small .snsButton > iframe + iframe {
          margin-left: 6px; } }
    @media all and (max-width: 640px) {
      #df_wrap .snsShare__small .snsButton {
        display: block;
        text-align: center; } }
    #df_wrap .snsShare__small .snsButton__box {
      display: inline-block;
      vertical-align: top;
      letter-spacing: normal; }
      @media all and (max-width: 640px) {
        #df_wrap .snsShare__small .snsButton__box {
          margin-bottom: 6px; } }
    #df_wrap .snsShare__small .snsButton__mail a {
      border-radius: 2px;
      background: #06c0a8;
      color: #FFF;
      text-decoration: none;
      text-align: center;
      font-size: 10px;
      display: inline-block;
      font-weight: 600;
      letter-spacing: -0.02em;
      padding: 4px 8px;
      white-space: nowrap; }
      @media all and (max-width: 640px) {
        #df_wrap .snsShare__small .snsButton__mail a {
          padding: 4px; } }
      #df_wrap .snsShare__small .snsButton__mail a .fa {
        margin: 0 3px 0 0;
        font-size: 12px; }
  #df_wrap .snsShare__set {
    text-align: center;
    margin: 30px auto 0;
    border: solid 1px;
    padding: 20px;
    border: solid 1px #E6E6E6; }
    @media all and (max-width: 980px) {
      #df_wrap .snsShare__set {
        padding: 12px; } }
    #df_wrap .snsShare__set .title__waribashi {
      margin-bottom: 12px; }
  #df_wrap .snsShare__big .snsButton {
    display: flex;
    justify-content: space-around;
    width: 100%; }
    #df_wrap .snsShare__big .snsButton a {
      white-space: nowrap;
      text-decoration: none;
      width: calc(100% / 3 - 30px);
      display: block;
      color: #FFF;
      font-weight: 600;
      text-align: center;
      font-size: 12px;
      border-radius: 2px;
      padding: 8px 8px 10px;
      line-height: 1; }
      #df_wrap .snsShare__big .snsButton a span {
        font-weight: 600;
        color: #fff; }
      #df_wrap .snsShare__big .snsButton a + a {
        margin-left: 8px; }
    #df_wrap .snsShare__big .snsButton .fa, #df_wrap .snsShare__big .snsButton img {
      font-size: 26px;
      display: block;
      margin: 2px auto; }
    #df_wrap .snsShare__big .snsButton img {
      height: 28px;
      margin-bottom: 5px; }
    #df_wrap .snsShare__big .snsButton .fa {
      position: relative;
      min-height: 30px;
      color: #fff; }
    #df_wrap .snsShare__big .snsButton .snsButton__like--fb {
      width: calc(100px);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 2px;
      margin-right: 8px; }
    #df_wrap .snsShare__big .snsButton .snsButton__share--tw {
      background: #1b95e0; }
      #df_wrap .snsShare__big .snsButton .snsButton__share--tw:hover {
        background: #1677b2; }
    #df_wrap .snsShare__big .snsButton .snsButton__share--fb {
      background: #4267b2; }
      #df_wrap .snsShare__big .snsButton .snsButton__share--fb .fa {
        font-size: 24px;
        top: 2px; }
      #df_wrap .snsShare__big .snsButton .snsButton__share--fb:hover {
        background: #34518d; }
    #df_wrap .snsShare__big .snsButton .snsButton__share--line {
      background: #00b833; }
      #df_wrap .snsShare__big .snsButton .snsButton__share--line:hover {
        background: #008525; }
    #df_wrap .snsShare__big .snsButton .snsButton__share--mail {
      background: #06c0a8; }
      #df_wrap .snsShare__big .snsButton .snsButton__share--mail .fa {
        font-size: 24px;
        top: 1px; }
      #df_wrap .snsShare__big .snsButton .snsButton__share--mail:hover {
        background: #048f7d; }
  #df_wrap #df_topHead #df_header .df_globalNavWrap {
    margin-bottom: 0 !important; }
  @media all and (max-width: 768px) {
    #df_wrap .df_topMainNews__ttlWrap {
      line-height: 1.5; } }
  #df_wrap .df_topNews .df_topNews__listWrap .df_topNews__list .df_topNews__listImg img {
    max-height: 80px !important; }
  @media all and (max-width: 768px) {
    #df_wrap .df_topNews__contentInner .df_topNews__listWrap li {
      padding: 0 10px; }
      #df_wrap .df_topNews__contentInner .df_topNews__listWrap li:first-child {
        padding-top: 10px; } }
  #df_wrap .df_topNews__contentInner .df_topNews__listWrap .df_topNews__listLink {
    padding: 0 !important;
    margin-bottom: 8px; }
    @media all and (max-width: 768px) {
      #df_wrap .df_topNews__contentInner .df_topNews__listWrap .df_topNews__listLink {
        padding-bottom: 6px !important;
        padding-top: 4px !important;
        min-height: auto !important;
        align-items: flex-start !important; } }
  @media only screen and (max-width: 374px) {
    #df_wrap .df_topNews__contentInner .df_topNews__listWrap .df_topNews__listTxt--detail {
      font-size: 12px; } }
  @media all and (max-width: 768px) {
    #df_wrap .df_topNews__contentInner .df_topNews__listWrap .df_topNews__txtArea span {
      position: absolute;
      bottom: 2px; } }
  @media all and (max-width: 768px) {
    #df_wrap .df_topNews__contentInner .df_topNews__listWrap .df_topNews__txtArea {
      padding-bottom: 1.4em; } }
  #df_wrap .df_topMainNews__video, #df_wrap .df_topNews__listImg {
    position: relative; }
  #df_wrap .df_topMainNews__video .vjs-controls {
    display: none !important; }
  #df_wrap .df_topMainNews__video .movieModalOpen .vjs-controls {
    display: block !important; }
  @media all and (max-width: 640px) {
    #df_wrap .df_topMainNews__video .movieOya {
      min-height: 56.5vw !important; } }
  @media only screen and (max-width: 374px) {
    #df_wrap .df_topNews__listImg {
      width: 100px !important; } }
  #df_wrap .df_topNews__listImg a {
    transition: .2s; }
    #df_wrap .df_topNews__listImg a:hover {
      opacity: 0.8; }
  #df_wrap .df_topNews__listImg .vjs-controls {
    display: none !important; }
    @media all and (max-width: 640px) {
      #df_wrap .df_topNews__listImg .vjs-controls {
        display: block !important; } }
  #df_wrap .df_topNews__listImg .movieModalOpen .vjs-controls {
    display: block !important; }
    @media all and (max-width: 640px) {
      #df_wrap .df_topNews__listImg .movieModalOpen .vjs-controls {
        display: block !important; } }
  #df_wrap .moviePlay {
    display: inline-block;
    padding: 1px 6px;
    background: rgba(0, 0, 0, 0.8);
    color: #ccc;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    pointer-events: none; }
    #df_wrap .moviePlay i {
      color: #fff; }
  #df_wrap .movieIcon {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    padding-right: 2em !important;
    position: relative; }
    #df_wrap .movieIcon:after {
      content: "\f03d";
      font-family: Fontawesome;
      color: rgba(0, 94, 161, 0.7);
      position: absolute;
      top: 0;
      right: 6px; }
  #df_wrap .movieModalBg {
    opacity: 0;
    transition: .2s;
    width: 100%;
    height: 100%; }
    #df_wrap .movieModalBg.open {
      position: fixed;
      top: 0;
      left: 0;
      background: rgba(0, 0, 0, 0.8);
      opacity: 1;
      z-index: 100;
      cursor: pointer; }
  #df_wrap .movieClose {
    display: none; }
    #df_wrap .movieClose.active {
      display: inline-block;
      padding: 2px 10px;
      background: rgba(255, 255, 255, 0.2);
      color: #fff;
      border: 1px solid #fff;
      cursor: pointer;
      position: absolute;
      top: -34px;
      right: 0;
      transition: .2s;
      z-index: 100;
      pointer-events: none; }
      #df_wrap .movieClose.active:hover {
        background: rgba(255, 255, 255, 0.4); }
  #df_wrap #df_videoArea.movieModalOpen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 100;
    width: 50%;
    height: 50%; }
    @media all and (max-width: 640px) {
      #df_wrap #df_videoArea.movieModalOpen {
        width: 90%; } }
  #df_wrap #df_content .movieOya {
    width: 100%;
    height: 100%;
    min-height: 80px;
    cursor: pointer; }
  #df_wrap .moviePlaying .movieClose {
    display: none !important; }
    #df_wrap .moviePlaying .movieClose.active {
      display: inline-block !important; }