body {
  padding-top: var(--v-layout-top); /* ヘッダーの高さ分の余白を追加 */
}

.tabs {
  position: fixed;
  top:56px;
  width: 100%;
  background-color: #fff;
}

.tabs__anchor {
  font-weight: bold;
  display: block;
  text-align: center;
  line-height: 4.2rem;
  font-size: 14px !important;
  color: #fff !important;
}

.tabs__anchor.--top {
  background-color: rgba(61, 182, 128, 0.5);
}

.tabs__anchor.--ranking {
    background-color: #A3B100;
        /* background-color: #44A5CB;
        background-color: rgba(68, 165, 203, 0.5); */
        background-color: rgba(163, 177, 0, 0.5);
}

.tabs__anchor.--entertainment {
    background-color: #2DB753;
        /* background-color: #6A8CC7;
        background-color: rgba(106, 140, 199, 0.5); */
        background-color: rgba(45, 183, 83, 0.5);
}

.tabs__anchor.--gourmet {
    background-color: #f66e4f;
        /* background-color: #9D73BB;
        background-color: rgba(157, 115, 187, 0.5); */
        background-color: rgba(246, 110, 79, 0.5);
}

.tabs__anchor.--travel {
    background-color: #7a49a5;
        /* background-color: #B75C9D;
        background-color: rgba(183, 92, 157, 0.5); */
        background-color: rgba(122, 73, 165, 0.5);
}

.tabs__anchor.--life {
    background-color: #4974a5;
        /* background-color: #DA6272;
        background-color: rgba(218, 98, 114, 0.5); */
        background-color: rgba(73, 116, 165, 0.5);
}

.tabs__anchor.active {
  color: #333 !important;
  background-color: #ffbb00 !important;
}

.tabs__container {
  height: 4.0rem;
  margin-top: 0.8rem;
}

.entry__title {
  font-weight: bold;
}

.breadcrumb__page:not(:last-child)::after{
  content:"";
  display:inline-block;
  background-image:url(../../images/icon__chevron-right.svg);
  background-position:center;
  background-repeat:no-repeat;
  background-size:contain;
  width:1.2rem;
  height:1.2rem;
  margin:0 0.2rem;
  color:#000;
  vertical-align:-0.2rem
}
.breadcrumb{
  margin-top:-0.1rem;
  padding-top:0.1rem
}
.breadcrumb__content{
  margin-top:1.3rem;
  padding:0 1.6rem;
  width: 100%;
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.breadcrumb__page{                    font-size:1.2rem;                    line-height:1.5;                    color:#0d9cca}
.breadcrumb [data-current]{                    color:#000}
.pager__link,.pager__pages{                    display:flex;                    justify-content:center}
.pager__pages{                    padding:4rem 0;                    flex-direction:row}
.pager__link{                    align-items:center;                    width:3.2rem;                    height:3.8rem;                    line-height:1.4285714286;                    border-radius:0.5rem;                    background-color:#f3f3f3;                    margin-right:0.8rem}
[data-current] .pager__link{                    background-color:#fb0}

.post__program_link {
  margin: 1.0rem auto;
  width: 100%;
}

.post__program_link .link {
  color: #0d9cca;
}

@keyframes blink_3_GQA{0%{opacity:0}to{opacity:1}}

.--active-live::before {
  position: absolute;
  right: 56px;
  top: 17px;
  padding: 3px 8px;
  content: 'ライブ中';
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background-color: #FFBB00;
  border-radius: 50px;
  line-height: 1.1;

  animation: blink_3_GQA .8s ease-in-out infinite alternate;
}



.--link-live::after {
  padding: 3px 8px;
  content: 'ライブ中';
  display: block;
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background-color: #FFBB00;
  border-radius: 6px;
  margin-left: 16px;
  animation: blink_3_GQA .8s ease-in-out infinite alternate;
}


.contents__entries .entries {
  grid-template-columns: repeat(3, 32rem);
  justify-content: space-between;
}

.ui-widget-content {
  background: #F7F7F7 !important;
}

.ui-widget.ui-widget-content {
  border : 0 !important;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-radius: 0 !important;
}

.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}
.navigation__tabs__wrapper {
  position: fixed;
  top: 64px;
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: #F7F7F7 !important;
  z-index: 100;
}
.navigation__tabs__wrapper::-webkit-scrollbar {
  display:none;
}

.navigation__tabs {
  /*max-width: 100rem;*/
  width: calc((22vw + 4px) * 6);
  white-space:nowrap !important;
  margin: 0.8rem auto 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: #F7F7F7 !important;
  border-bottom: #FFBB00 solid 0.4rem !important;
}

.navigation__tabs > li {
  border: 0 !important;
  border-radius: 0.6rem 0.6rem 0 0 !important;
  display: inline-block !important;
  white-space:normal; /* なくても大丈夫nowrapでも */
}
.navigation__tabs > li > a {
  margin: 0;
  /*margin-top: 0.4rem; */
  width: 8.7rem;
  width: 22vw !important;
  height: 3.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 8px 0 0 !important;
  font-size: 14px !important;
  font-weight: bold !important;
  border: 0 !important;
}

:focus:not(:focus-visible) {
  outline: 0;
}
.ui-tabs-nav .ui-state-focus a {
  outline: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  /* background: #FFBB00 !important; */
  border: 0 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 0 !important;
  color: #fff;
}

.ui-tabs .ui-tabs-nav li {
  margin: 0 4px 0 0 !important;
}

.ui-tabs .ui-tabs-nav .--top {
    background-color: #3DB680;
  /* background-color: #3DB680;
  background-color: rgba(61, 182, 128, 1.0); */
  background-color: rgba(61, 182, 128, 0.5);
}


.ui-tabs .ui-tabs-nav .--ranking {
    background-color: #A3B100;
        /* background-color: #44A5CB;
        background-color: rgba(68, 165, 203, 0.5); */
        background-color: rgba(163, 177, 0, 0.5);
}

.ui-tabs .ui-tabs-nav .--entertainment {
    background-color: #2DB753;
        /* background-color: #6A8CC7;
        background-color: rgba(106, 140, 199, 0.5); */
        background-color: rgba(45, 183, 83, 0.5);
}

.ui-tabs .ui-tabs-nav .--gourmet {
    background-color: #f66e4f;
        /* background-color: #9D73BB;
        background-color: rgba(157, 115, 187, 0.5); */
        background-color: rgba(246, 110, 79, 0.5);
}

.ui-tabs .ui-tabs-nav .--travel {
    background-color: #7a49a5;
        /* background-color: #B75C9D;
        background-color: rgba(183, 92, 157, 0.5); */
        background-color: rgba(122, 73, 165, 0.5);
}

.ui-tabs .ui-tabs-nav .--life {
    background-color: #4974a5;
        /* background-color: #DA6272;
        background-color: rgba(218, 98, 114, 0.5); */
        background-color: rgba(73, 116, 165, 0.5);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #FFBB00 !important;
   padding: 0 !important;
   color: #333 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active  {
  /* background-color: #FFBB00 !important; */
   padding: 0 !important;
}

.ui-state-active > a {
  /* color: #222 !important; */
     color: #333 !important;
}

.entry__summary-badge {
  position: relative;
}
.entry__summary-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left:0;
  background-image: url(../../images/icon_special.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 66px;
  height: 66px;
}

figure.wp-block-image>figcaption {
  font-size: 0.8em;
  color: #666;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}

.contents__app-banner {
  margin: 0;
  padding: 8px 0;
  width: 100%;
  border-bottom: 0.1rem solid #e5e5e5;
}

.contents__app-banner>.link{
  width: 100%;
  display: block;
}
.contents__app-banner>.link>.image-banner{
  width: 100%;
  height: auto;
}

#app-store-link {
  display: none;
}

#google-play-link {
  display: none;
}

.service__image--5 {
  width: 108px;
  height: 28px;
}

.share__link--twitter {
  width: 3rem;
}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.button-link {
  margin: auto auto auto 0;
  width: fit-content;
  padding: 16px 64px 16px 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.5;
  color: #333 !important;
  background-color: #ffbb00;
  border-radius: 50px;
  position: relative;
  transition: all 0.25s ease-in;
}
.button-link::after {
  margin: auto;
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top:0;
  bottom: 0;
  right: 32px;
  background-size: contain;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"><path d="M7.293 4.707 14.586 12l-7.293 7.293 1.414 1.414L17.414 12 8.707 3.293 7.293 4.707z"/></svg>');
}

.button-link:hover {
  background-color: rgba(255,187,0, 0.8);
}

.button-link.--center {
  margin: auto;
}

.button-link.--right {
  margin-left: auto;
  margin-right: 0;
}