@charset "UTF-8";
:root {
  --color-black: #000000;
  --color-white: #FFFFFF;
  --color-blue: #00BBEE;
  --color-green: #CCDD11;
  --color-red: #e73c64;
  --color-green2: #00AA77;
  --color-yellow: #FFCC00;
  --innerW: 94%;
  --fs-ttl-h3: 3.2rem;
  --fs-ttl-h3-lead: 1.4rem;
  --fs-ttl-nav: 1.8rem;
  --btn-more-height: 26px;
  --fs-slide-horizontal-ttl: 2.0rem;
  --fs-slide-horizontal-h4: 1.5rem;
  --fs-ttl-slide-music-h4: 2.8rem;
  --fs-update: 1.4rem;
  --fs-ttl-slide-music-lead: 1.4rem;
  --fs-ttl-col3-h4: 2.0rem;
  --fs-ttl-col3-lead: 1.6rem;
  --fs-slide-horizontal-ttl-mb: 32px;
  --fs-20-22: 2.0rem;
  --fs-15-16: 1.5rem;
  --fs-10-13: 1.0rem;
  --header-height: 80px;
}

@media all and (min-width: 800px) {
  :root {
    --fs-ttl-h3: 3.6rem;
    --fs-ttl-nav: 1.8rem;
    --fs-slide-horizontal-ttl: 2.0rem;
  }
}
@media all and (min-width: 1100px) {
  :root {
    --btn-more-height: 26px;
    --innerW: 94.18%;
    --fs-slide-horizontal-ttl: 2.4rem;
    --fs-slide-horizontal-h4: 1.5rem;
    --fs-ttl-slide-music-h4: 3.2rem;
    --fs-20-22: 2.2rem;
    --fs-15-16: 1.6rem;
    --fs-10-13: 1.3rem;
  }
}
:root #podcasts {
  --color-yellow: #ccdd11;
  --color-bdr: var(--color-yellow);
  --content-width: 94.44%;
  --color-label-red: #F23423;
  --color-label-pink: #FF74C7;
  --color-label-purple: #B685F6;
  --color-label-gray: #ABABAB;
  --color-cat-culture: #CCDD11;
  --color-cat-lifestyle: #00AA77;
  --color-cat-variety: #FFCC00;
  --color-cat-business: #00BBEE;
  --hover-color: var(--color-cat-culture);
  --fs-input-search: 1.6rem;
  --nav-tab-height: 45px;
  --fs-ttl-h4: 1.8rem;
  --ttl-h4-height: clamp(35px, 4.79vw, 46px);
  --subcategory-height: clamp(26px, 3.54vw, 34px);
  --fs-24-40: clamp(2.4rem, 4.17vw, 4.0rem);
  --fs-18-28: clamp(1.8rem, 2.92vw, 2.8rem);
  --fs-18-20: clamp(1.8rem, 2.08vw, 2.0rem);
  --fs-16-18: clamp(1.6rem, 1.88vw, 1.8rem);
  --fs-15-18: clamp(1.5rem, 1.88vw, 1.8rem);
  --fs-14-15: clamp(1.4rem, 1.56vw, 1.5rem);
  --fs-12-12: clamp(1.2rem, 1.25vw, 1.2rem);
}

#podcasts {
  min-height: 100vh;
  padding-bottom: 126px;
  margin-inline: auto;
  transition: opacity 0.6s ease;
}
#podcasts.disable {
  opacity: 0;
}
#podcasts.culture {
  --color-cat-bdr: var(--color-cat-culture);
}
#podcasts.lifestyle {
  --color-cat-bdr: var(--color-cat-lifestyle);
}
#podcasts.variety {
  --color-cat-bdr: var(--color-cat-variety);
}
#podcasts.business_news {
  --color-cat-bdr: var(--color-cat-business);
}
#podcasts button {
  cursor: pointer;
}
#podcasts .s-slideshow {
  margin-bottom: 54px;
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
#podcasts .s-slideshow.disable {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
}
#podcasts [data-slideshow].notransition .img_slideshow ul {
  transition: transform 0s ease;
}
#podcasts [data-slideshow].notransition .img_slideshow ul figure {
  transition: scale 0s ease;
}
#podcasts [data-slideshow].notransition .info_slideshow ul li, #podcasts [data-slideshow].notransition .info_slideshow ul li.active {
  transition: opacity 0s ease;
}
#podcasts [data-slideshow].notransition .comment_slideshow ul li, #podcasts [data-slideshow].notransition .comment_slideshow ul li.active {
  transition: opacity 0s ease;
}
#podcasts [data-slideshow] .img_slideshow {
  width: 100%;
  overflow: hidden;
}
#podcasts [data-slideshow] .img_slideshow ul {
  position: relative;
  display: flex;
  transition: transform 0.6s ease;
}
#podcasts [data-slideshow] .img_slideshow ul li {
  flex-shrink: 0;
  width: 88.88%;
  margin-right: 8px;
}
#podcasts [data-slideshow] .img_slideshow ul li a {
  display: block;
}
#podcasts [data-slideshow] .img_slideshow ul li:first-child {
  margin-left: 5.55%;
}
#podcasts [data-slideshow] .img_slideshow ul li:last-child {
  width: 91.11%;
}
#podcasts [data-slideshow] .img_slideshow ul li:last-child a {
  width: calc(100% - 8px);
}
#podcasts [data-slideshow] .img_slideshow ul figure {
  border: 2px solid var(--color-black);
  box-sizing: border-box;
  border-radius: 8px;
  overflow: hidden;
  transition: scale 0.6s ease;
}
#podcasts [data-slideshow] .img_slideshow ul figure.l {
  scale: 0.9;
  transform-origin: center right;
}
#podcasts [data-slideshow] .img_slideshow ul figure.r {
  scale: 0.9;
  transform-origin: center left;
}
#podcasts [data-slideshow] .img_slideshow ul img {
  height: auto;
  width: 100%;
  vertical-align: top;
}
#podcasts [data-slideshow] .info_slideshow {
  width: 83.33%;
  margin-inline: auto;
  margin-top: 12px;
  margin-bottom: 8px;
}
#podcasts [data-slideshow] .info_slideshow ul {
  position: relative;
  height: 5em;
}
#podcasts [data-slideshow] .info_slideshow ul li {
  width: 100%;
  position: absolute;
  top: 0px;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#podcasts [data-slideshow] .info_slideshow ul li.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s ease;
}
#podcasts [data-slideshow] .info_slideshow ul .col_l {
  width: 100%;
  position: relative;
}
#podcasts [data-slideshow] .info_slideshow ul .col_l:has(.c-label) {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#podcasts [data-slideshow] .info_slideshow ul .col_l:has(.c-label) p.date {
  width: auto;
  text-align: left;
}
#podcasts [data-slideshow] .info_slideshow ul .col_l p.date {
  font-family: "Oswald", sans-serif;
  font-size: var(--fs-15-16);
  font-weight: 700;
  width: 100%;
  text-align: right;
  height: 26px;
  line-height: 26px;
}
#podcasts [data-slideshow] .info_slideshow ul .col_r {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: 8px;
  margin-top: 13px;
}
#podcasts [data-slideshow] .info_slideshow ul .col_r p.c-cat {
  height: 23px;
  padding: 0 6px;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  border-radius: 4px;
}
#podcasts [data-slideshow] .info_slideshow ul .col_r p.c-cat span {
  font-size: var(--fs-15-16);
  font-weight: 700;
}
#podcasts [data-slideshow] .info_slideshow ul .col_r p.c-subcat span {
  font-size: var(--fs-18-20);
  font-weight: 700;
}
#podcasts [data-slideshow] .info_slideshow ul .col_r p.c-subcat span:before {
  content: "#";
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.culture p {
  color: var(--color-cat-culture);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.culture p.c-cat {
  border: 2px solid var(--color-cat-culture);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.lifestyle p {
  color: var(--color-cat-lifestyle);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.lifestyle p.c-cat {
  border: 2px solid var(--color-cat-lifestyle);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.variety p {
  color: var(--color-cat-variety);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.variety p.c-cat {
  border: 2px solid var(--color-cat-variety);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.business_news p {
  color: var(--color-cat-business);
}
#podcasts [data-slideshow] .info_slideshow ul .col_r.business_news p.c-cat {
  border: 2px solid var(--color-cat-business);
}
#podcasts [data-slideshow] .info_slideshow ul .c-label {
  width: fit-content;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#podcasts [data-slideshow] .info_slideshow ul .c-label span {
  width: fit-content;
  min-width: 96px;
  box-sizing: border-box;
  font-size: 1.6rem;
  color: var(--color-white);
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  position: relative;
  top: 0px;
  display: block;
  padding: 0 8px;
  text-align: center;
}
#podcasts [data-slideshow] .info_slideshow ul .c-label.red {
  background: var(--color-label-red);
}
#podcasts [data-slideshow] .info_slideshow ul .c-label.pink {
  background: var(--color-label-pink);
}
#podcasts [data-slideshow] .info_slideshow ul .c-label.purple {
  background: var(--color-label-purple);
}
#podcasts [data-slideshow] .info_slideshow ul .c-label.gray {
  background: var(--color-label-gray);
}
#podcasts [data-slideshow] .comment_slideshow {
  display: flex;
  position: relative;
  width: 100%;
}
#podcasts [data-slideshow] .comment_slideshow button {
  display: block;
  width: 8.33%;
  aspect-ratio: 18/24;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#podcasts [data-slideshow] .comment_slideshow button span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  background-repeat: no-repeat;
  background-size: 60% auto;
  background-position: center;
}
#podcasts [data-slideshow] .comment_slideshow button[data-prev-slideshow] {
  left: 0px;
}
#podcasts [data-slideshow] .comment_slideshow button[data-prev-slideshow] span {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOCAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDQwMDAwO308L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMy41LDIxLjUgMTgsMzYgMTgsMjguOSA3LjEsMTggMTgsNy4xIDE4LDAgMy41LDE0LjUgMCwxOCAiLz48L3N2Zz4=");
}
#podcasts [data-slideshow] .comment_slideshow button[data-next-slideshow] {
  right: 0px;
}
#podcasts [data-slideshow] .comment_slideshow button[data-next-slideshow] span {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOCAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDQwMDAwO308L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTQuNSwxNC41IDAsMCAwLDcuMSAxMC45LDE4IDAsMjguOSAwLDM2IDE0LjUsMjEuNSAxOCwxOCAiLz48L3N2Zz4=");
}
#podcasts [data-slideshow] .comment_slideshow ul {
  background: var(--color-black);
  width: 83.34%;
  max-height: 76px;
  aspect-ratio: 300/76;
  margin-inline: auto;
  border-radius: 8px;
  position: relative;
}
#podcasts [data-slideshow] .comment_slideshow ul li {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}
#podcasts [data-slideshow] .comment_slideshow ul li.active {
  opacity: 1;
  pointer-events: auto;
  transition: opacity 0.6s ease;
}
#podcasts [data-slideshow] .comment_slideshow ul li .inr {
  width: 94.66%;
}
#podcasts [data-slideshow] .comment_slideshow ul li p {
  color: var(--color-white);
  font-size: var(--fs-18-20);
  line-height: 1.3;
  text-align: center;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  　text-overflow: ellipsis;
}
#podcasts .nav_slideshow {
  margin-top: 24px;
}
#podcasts .nav_slideshow ul {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 16px;
}
#podcasts .nav_slideshow ul li button {
  text-indent: -100000px;
  display: block;
  width: 10px;
  height: 10px;
  border: 2px solid var(--color-black);
  box-sizing: border-box;
  border-radius: 100vmax;
}
#podcasts .nav_slideshow ul li.active button {
  background: var(--color-black);
}
#podcasts .b-tabs .c-tab {
  display: none;
}
#podcasts .b-tabs .c-tab.active {
  display: block;
}
#podcasts .b-tabs .c-tab .c-ttl {
  padding: 40px 0;
  text-align: center;
}
#podcasts :is(.s-search,
.s-tabs) {
  width: var(--content-width);
  max-width: 1100px;
  margin-inline: auto;
}
#podcasts .s-search {
  margin-bottom: 48px;
}
#podcasts .s-search .c-ttl {
  margin-bottom: 28px;
}
#podcasts .s-search .c-ttl h3 {
  font-size: var(--fs-24-40);
  font-family: "Ekster-Bold";
  font-feature-settings: "palt";
  line-height: 1;
}
#podcasts .s-search .c-ttl h3.ja {
  font-family: revert;
  font-weight: 700;
}
#podcasts .s-search .c-search p {
  font-size: var(--fs-15-18);
  font-weight: 700;
  line-height: 1;
  margin-bottom: 12px;
}
#podcasts .s-search .c-search form {
  display: flex;
  align-items: center;
  border-radius: 4px;
  border: 2px solid var(--color-black);
}
#podcasts .s-search .c-search form input {
  width: calc(100% - 45px);
  height: 45px;
  text-indent: 1em;
  font-size: var(--fs-input-search);
}
#podcasts .s-search .c-search button {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-black);
}
#podcasts .s-search .c-search button span.c-icon {
  width: 20px;
  height: 20px;
  display: block;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjgsMy43QzYuNSwzLjgsNi4xLDQsNS44LDQuMkM1LjUsNC40LDUuMiw0LjcsNC45LDQuOWgwaDBDNC43LDUuMiw0LjQsNS41LDQuMiw1Ljh2MEM0LDYuMSwzLjgsNi41LDMuNyw2LjhDMy42LDcuMSwzLjcsNy40LDQsNy41YzAuMywwLjEsMC41LDAsMC43LTAuM2MwLjEtMC4zLDAuMy0wLjYsMC40LTAuOHYwYzAuMi0wLjMsMC40LTAuNSwwLjYtMC43YzAuMi0wLjIsMC41LTAuNCwwLjctMC42YzAuMy0wLjIsMC41LTAuMywwLjgtMC41QzcuNSw0LjUsNy42LDQuMiw3LjUsNFM3LjEsMy42LDYuOCwzLjdMNi44LDMuN3ogTTE5LjgsMTguNkwxOS44LDE4LjZMMTYuMSwxNWMwLjYtMC43LDEuMS0xLjUsMS40LTIuM2MwLjQtMS4xLDAuNy0yLjMsMC43LTMuNWMwLTEuMi0wLjItMi40LTAuNy0zLjRsMCwwYy0wLjUtMS4xLTEuMS0yLjEtMS45LTIuOWwwLDBjLTAuOC0wLjgtMS44LTEuNS0zLTJsMCwwdjBDMTEuNSwwLjIsMTAuNCwwLDkuMSwwQzYuNiwwLDQuMywxLDIuNywyLjdjLTAuOCwwLjgtMS41LDEuOC0yLDNDMC4yLDYuNywwLDcuOSwwLDkuMWMwLDEuMiwwLjIsMi40LDAuNywzLjRsMCwwYzAuNSwxLjEsMS4xLDIuMSwyLDNoMGMwLjgsMC44LDEuOCwxLjUsMywybDAsMGgwYzEuMSwwLjQsMi4zLDAuNywzLjUsMC43YzEuMiwwLDIuNC0wLjIsMy41LTAuN2MwLjktMC40LDEuNi0wLjgsMi4zLTEuNGwzLjYsMy42YzAuMywwLjMsMC45LDAuMywxLjIsMEMyMC4xLDE5LjQsMjAuMSwxOC45LDE5LjgsMTguNkwxOS44LDE4LjZ6IE0xNC40LDE0LjRMMTQuNCwxNC40TDE0LjQsMTQuNEwxNC40LDE0LjRjLTAuNywwLjctMS41LDEuMi0yLjQsMS42Yy0wLjksMC40LTEuOCwwLjYtMi45LDAuNmMtMSwwLTItMC4yLTIuOS0wLjZsMCwwYy0wLjktMC40LTEuNy0wLjktMi40LTEuNmwwLDBoMGMtMC43LTAuNy0xLjItMS41LTEuNi0yLjRsMCwwYy0wLjQtMC45LTAuNS0xLjgtMC41LTIuOGMwLTEsMC4yLTIsMC42LTIuOWMwLjQtMC45LDAuOS0xLjcsMS42LTIuNGMxLjMtMS4zLDMuMi0yLjIsNS4zLTIuMmMxLDAsMiwwLjIsMi45LDAuNmMwLjksMC40LDEuNywwLjksMi40LDEuNmwwLDBjMC43LDAuNywxLjIsMS41LDEuNiwyLjRsMCwwYzAuNCwwLjksMC41LDEuOCwwLjUsMi44YzAsMS0wLjIsMi0wLjYsMi44QzE1LjYsMTIuOSwxNS4xLDEzLjcsMTQuNCwxNC40TDE0LjQsMTQuNHogTTE0LjUsOC42TDE0LjUsOC42Yy0wLjMsMC0wLjUsMC4yLTAuNSwwLjVjMCwwLjYtMC4xLDEuMy0wLjQsMS45bDAsMGMtMC4yLDAuNi0wLjYsMS4xLTEuMSwxLjZjLTAuNSwwLjUtMSwwLjgtMS42LDEuMUMxMC40LDEzLjksOS44LDE0LDkuMSwxNGMtMC4zLDAtMC41LDAuMi0wLjUsMC41YzAsMC4zLDAuMiwwLjUsMC41LDAuNWMwLjgsMCwxLjUtMC4yLDIuMy0wLjVjMC43LTAuMywxLjMtMC43LDEuOS0xLjNjMC42LTAuNiwxLTEuMiwxLjMtMS45bDAsMGMwLjMtMC43LDAuNS0xLjUsMC41LTIuM0MxNSw4LjgsMTQuOCw4LjYsMTQuNSw4LjZMMTQuNSw4LjZ6Ii8+PC9zdmc+");
}
#podcasts .c-nav_tab {
  width: 100%;
  margin-inline: auto;
  margin-bottom: 42px;
}
#podcasts .c-nav_tab ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 20px;
}
#podcasts .c-nav_tab ul li { /*width: 48.82%;*/
  width: calc(50% - 4px);
  height: var(--nav-tab-height);
}
#podcasts .c-nav_tab ul li a {
  width: 100%;
  height: var(--nav-tab-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-white);
  border: 1px solid var(--color-black);
  position: relative;
}
#podcasts .c-nav_tab ul li a span {
  color: var(--color-black);
  font-size: var(--fs-15-18);
  font-weight: 700;
}
#podcasts .c-nav_tab ul li a.active {
  background-color: var(--color-black);
}
#podcasts .c-nav_tab ul li a.active span {
  color: var(--color-white);
}
#podcasts .c-nav_tab ul li a.active:after {
  width: 82.54%;
}
#podcasts .c-nav_tab ul li a:after {
  content: "";
  width: 0%;
  height: 8px;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  bottom: -12px;
  border-radius: 100vmax;
  transition: width 0.3s ease;
}
#podcasts .c-nav_tab ul li a[data-nav-tab=culture]:after {
  background: var(--color-cat-culture);
}
#podcasts .c-nav_tab ul li a[data-nav-tab=lifestyle]:after {
  background: var(--color-cat-lifestyle);
}
#podcasts .c-nav_tab ul li a[data-nav-tab=variety]:after {
  background: var(--color-cat-variety);
}
#podcasts .c-nav_tab ul li a[data-nav-tab=business_news]:after {
  background: var(--color-cat-business);
}
#podcasts .c-tab {
  width: 100%;
  margin-inline: auto;
}
#podcasts .c-tab .c-tab_description {
  margin-bottom: 28px;
  font-weight: 700;
}
#podcasts .c-tab .c-tab_description p {
  font-size: var(--fs-15-18);
}
#podcasts .c-nav_subcategory ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 6px;
  row-gap: 12px;
}
#podcasts .c-nav_subcategory ul li {
  height: var(--subcategory-height);
}
#podcasts .c-nav_subcategory ul li a {
  height: var(--subcategory-height);
  min-width: 98px;
  padding: 0 10px;
  border: 1px solid var(--color-black);
  border-radius: 100vmax;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#podcasts .c-nav_subcategory ul li a span {
  font-weight: 700;
  font-size: var(--fs-15-18);
}
#podcasts .c-ttl_programs {
  margin-bottom: 24px;
}
#podcasts .c-ttl_programs h4 {
  background: var(--color-black);
  display: flex;
  align-items: center;
  height: var(--ttl-h4-height);
  border-left: 8px solid var(--color-cat-bdr);
  width: fit-content;
}
#podcasts .c-ttl_programs h4 span {
  color: var(--color-white);
  display: inline-block;
  padding: 0 18px;
  min-width: 92px;
  box-sizing: border-box;
  font-size: var(--fs-18-28);
  text-align: center;
  font-weight: 700;
}
#podcasts .c-podcast_content {
  padding-bottom: 100px;
}
#podcasts .c-slide_navs {
  width: 68px;
  height: 36px;
}
#podcasts .c-slide_navs .c-slide_nav {
  display: flex;
  column-gap: 32px;
  width: 100%;
}
#podcasts .c-slide_navs button {
  width: 18px;
  height: 36px;
  display: block;
  position: relative;
}
#podcasts .c-slide_navs button.disable {
  opacity: 0.2;
  pointer-events: none;
}
#podcasts .c-slide_navs button span {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#podcasts .c-slide_navs button[data-prev] span {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOCAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDQwMDAwO308L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMy41LDIxLjUgMTgsMzYgMTgsMjguOSA3LjEsMTggMTgsNy4xIDE4LDAgMy41LDE0LjUgMCwxOCAiLz48L3N2Zz4=");
}
#podcasts .c-slide_navs button[data-next] span {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxOCAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTggMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDQwMDAwO308L3N0eWxlPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMTQuNSwxNC41IDAsMCAwLDcuMSAxMC45LDE4IDAsMjguOSAwLDM2IDE0LjUsMjEuNSAxOCwxOCAiLz48L3N2Zz4=");
}
#podcasts .c-more {
  display: none;
}
#podcasts .c-programs {
  padding: 22px 0 0 0;
  border-top: 2px solid var(--color-black);
  margin-top: 64px;
  position: relative;
}
#podcasts .c-programs.disable {
  display: none;
}
#podcasts .c-programs .c-slide_navs {
  position: absolute;
  top: 22px;
  right: 0px;
}
#podcasts .c-list_program {
  border: 2px solid var(--color-black);
  overflow: hidden;
  background: #fafbfc;
  padding: 30px 0 50px 0;
  border-radius: 4px;
}
#podcasts .c-list_program ul {
  display: flex;
  column-gap: 16px; /*4.7%*/
  padding-left: 16px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
  scroll-behavior: smooth;
  padding-top: 30px;
  padding-bottom: 10px;
  scroll-padding: 0 0 0 16px;
  /*li{ width: 82.35%; flex-shrink: 0; overflow: hidden;
  	&:last-child{ width: 87.05%;
  		a{ width: 94.59%;}
  	}
  	a{ display: block; width: 100%;}
  	figure{ border-radius: 4px; overflow: hidden; margin-bottom: 16px;}
  }
  */
}
#podcasts .c-list_program ul li {
  width: 280px;
  flex-shrink: 0;
  scroll-snap-align: start;
  scroll-snap-stop: always;
  position: relative;
}
#podcasts .c-list_program ul li:last-child {
  width: 296px;
}
#podcasts .c-list_program ul li:last-child a {
  width: 280px;
}
#podcasts .c-list_program ul li a {
  display: block;
  width: 100%;
}
#podcasts .c-list_program ul li figure {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 12px;
  border: 1px solid #CECECE;
  overflow: hidden;
  margin-bottom: 16px;
  box-sizing: border-box;
  background: url(/podcasts/update/images/nowprinting.webp) center no-repeat;
  background-size: cover;
}
#podcasts .c-list_program ul li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#podcasts .c-list_program ul li p {
  font-size: 1.6rem;
  line-height: 1.6;
}
#podcasts .c-list_program ul li .c-label {
  position: absolute;
  top: -34px;
  left: 0px;
  min-width: 96px;
  height: 26px;
  display: grid;
  place-content: center;
}
#podcasts .c-list_program ul li .c-label span {
  font-size: 1.6rem;
  color: var(--color-white);
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  position: relative;
  top: 2px;
  display: block;
  padding: 0 8px;
}
#podcasts .c-list_program ul li .c-label.red {
  background: var(--color-label-red);
}
#podcasts .c-list_program ul li .c-label.pink {
  background: var(--color-label-pink);
}
#podcasts .c-list_program ul li .c-label.purple {
  background: var(--color-label-purple);
}
#podcasts .c-list_program ul li .c-label.gray {
  background: var(--color-label-gray);
}
#podcasts .s-business h5 {
  text-align: center;
  font-size: var(--fs-15-18);
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 16px;
}
#podcasts .s-business .content {
  width: 76.8%;
  margin-inline: auto;
  max-width: 640px;
}
#podcasts .s-business .content figure {
  border-radius: 8px;
  overflow: hidden;
}
#podcasts .s-business .content img {
  height: auto;
  width: 100%;
}
#podcasts.result .s-search {
  max-width: 900px;
}
#podcasts .c-ttl_result {
  width: var(--innerW);
  max-width: 900px;
  margin-inline: auto;
  border-bottom: 2px solid var(--color-black);
  padding-bottom: 24px;
}
#podcasts .c-ttl_result h4 {
  font-size: var(--fs-16-18);
  font-weight: 700;
}
#podcasts .c-list_result {
  padding-top: 24px;
  padding-bottom: 48px;
}
#podcasts .c-list_result img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
#podcasts .c-list_result ul {
  width: var(--innerW);
  max-width: 900px;
  margin-inline: auto;
}
#podcasts .c-list_result ul li {
  margin-bottom: 16px;
}
#podcasts .c-list_result ul li:last-child {
  margin-bottom: 0px;
}
#podcasts .c-list_result ul li a {
  background: #FAFBFC;
  display: block;
  padding: 8px;
  position: relative;
  border-radius: 8px;
}
#podcasts .c-list_result ul li .result_l {
  position: relative;
  width: 100%;
}
#podcasts .c-list_result ul li .result_l figure {
  width: 80px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #CECECE;
  box-sizing: border-box;
}
#podcasts .c-list_result ul li h5 {
  font-size: var(--fs-16-18);
  font-weight: 700;
  line-height: 1.4;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  position: absolute;
  right: 8px;
  top: 8px;
  width: calc(100% - 80px - 26px);
}
#podcasts .c-list_result ul li .c-col2 {
  display: flex;
  justify-content: space-between;
}
#podcasts .c-list_result ul li .c-col2_r {
  width: calc(100% - 80px - 10px);
}
#podcasts .c-list_result ul li p.url {
  color: #aaa;
  font-size: var(--fs-12-12);
  font-family: "Oswald", sans-serif;
  line-height: 1.4;
  margin-top: 8px;
}
#podcasts .c-list_result ul li .description {
  margin-top: 16px;
}
#podcasts .c-list_result ul li .description p {
  color: #666;
  line-height: 1.4;
  font-size: var(--fs-14-15);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
#podcasts .c-back a {
  border: 2px solid var(--color-black);
  width: 77.77%;
  max-width: 480px;
  margin-inline: auto;
  box-sizing: border-box;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-black);
}
#podcasts .c-back a span {
  font-size: var(--fs-16-18);
  color: var(--color-white);
  font-weight: 700;
  letter-spacing: 0.08em;
}

main#podcasts .s-search.a .c-ttl,
main#podcasts .s-search.a .c-search {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
main#podcasts .s-search.a.animate .c-ttl,
main#podcasts .s-search.a.animate .c-search {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
main#podcasts .s-tabs .c-nav_tab,
main#podcasts .s-tabs .b-tabs {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
main#podcasts .s-tabs.animate .c-nav_tab,
main#podcasts .s-tabs.animate .b-tabs {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
main#podcasts .c-tab .c-tab_description,
main#podcasts .c-tab .c-nav_subcategory {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
main#podcasts .c-tab.animate .c-tab_description,
main#podcasts .c-tab.animate .c-nav_subcategory {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
main#podcasts .c-programs {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
main#podcasts .c-programs .c-ttl_programs,
main#podcasts .c-programs .c-slide_navs,
main#podcasts .c-programs .c-list_program {
  opacity: 0;
  transform: translate3d(0, 40px, 0);
  transition: opacity 0.6s ease 0s, transform 0.6s ease 0s;
}
main#podcasts .c-programs.animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
main#podcasts .c-programs.animate .c-ttl_programs,
main#podcasts .c-programs.animate .c-slide_navs,
main#podcasts .c-programs.animate .c-list_program {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
main#podcasts .c-programs.animate .c-ttl_programs,
main#podcasts .c-programs.animate .c-slide_navs {
  transition-delay: 0.1s;
}
main#podcasts .c-programs.animate .c-list_program {
  transition-delay: 0.2s;
}

@media all and (min-width: 960px) {
  :root #podcasts {
    --nav-tab-height: 56px;
    --fs-input-search: 1.6rem;
    --ttl-h4-height: 46px;
  }
  .resize #podcasts c-list_program .c-accordion {
    transition: height 0s ease;
  }
  #podcasts {
    width: 100%;
    padding-bottom: 150px;
  }
  #podcasts .c-podcast_content {
    padding-bottom: 120px;
  }
  #podcasts .s-slideshow {
    margin-bottom: 96px;
  }
  #podcasts [data-slideshow] .img_slideshow ul li {
    flex-shrink: 0;
    width: 80%;
    margin-right: 24px;
  }
  #podcasts [data-slideshow] .img_slideshow ul li a {
    display: block;
  }
  #podcasts [data-slideshow] .img_slideshow ul li:first-child {
    margin-left: 10%;
  }
  #podcasts [data-slideshow] .img_slideshow ul li:last-child {
    width: 82.5%;
    margin-right: 0;
  }
  #podcasts [data-slideshow] .img_slideshow ul li:last-child a {
    width: calc(100% - 24px);
  }
  #podcasts [data-slideshow] .img_slideshow ul figure {
    border-radius: 12px;
  }
  #podcasts [data-slideshow] .img_slideshow ul img {
    height: auto;
    width: 100%;
  }
  #podcasts [data-slideshow] .info_slideshow {
    width: calc(100% - 132px);
    max-width: 768px;
    padding: 0 16px;
    box-sizing: border-box;
    margin-inline: auto;
    margin-top: 16px;
    margin-bottom: 14px;
  }
  #podcasts [data-slideshow] .info_slideshow ul {
    position: relative;
    height: 2em;
  }
  #podcasts [data-slideshow] .info_slideshow ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #podcasts [data-slideshow] .info_slideshow ul li.active {
    opacity: 1;
    pointer-events: auto;
  }
  #podcasts [data-slideshow] .info_slideshow ul .col_l {
    justify-content: flex-start;
    width: fit-content;
    column-gap: 24px;
  }
  #podcasts [data-slideshow] .info_slideshow ul .col_r {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 24px;
    margin-top: 0px;
  }
  #podcasts [data-slideshow] .info_slideshow ul .col_r p.c-cat {
    height: 26px;
    padding: 0 16px;
    box-sizing: border-box;
  }
  #podcasts [data-slideshow] .comment_slideshow {
    width: 93.75%;
    max-width: 900px;
    margin-inline: auto;
  }
  #podcasts [data-slideshow] .comment_slideshow button {
    width: 66px;
  }
  #podcasts [data-slideshow] .comment_slideshow button span {
    background-size: 27% auto;
  }
  #podcasts [data-slideshow] .comment_slideshow ul {
    width: calc(100% - 132px);
    aspect-ratio: revert;
    height: 68px;
    border-radius: 12px;
  }
  #podcasts [data-slideshow] .comment_slideshow ul li .inr {
    width: 520px;
    margin-inline: auto;
  }
  #podcasts [data-slideshow] .comment_slideshow ul li p {
    line-height: 1.3;
    text-align: center;
  }
  #podcasts .s-search {
    margin-bottom: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #podcasts .s-search .c-ttl {
    margin-bottom: 0px;
  }
  #podcasts .s-search .c-ttl h3 {
    line-height: 1;
    position: relative;
    top: 6px;
  }
  #podcasts .s-search .c-search {
    width: 710px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 24px;
  }
  #podcasts .s-search .c-search p {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0px;
  }
  #podcasts .s-search .c-search form {
    width: 500px;
    border-radius: 4px;
  }
  #podcasts .s-search .c-search form input {
    width: calc(100% - 45px);
    height: 45px;
    text-indent: 1em;
    font-size: var(--fs-input-search);
  }
  #podcasts .s-search .c-search button {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-black);
  }
  #podcasts .s-search .c-search button span.c-icon {
    width: 20px;
    height: 20px;
    display: block;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjgsMy43QzYuNSwzLjgsNi4xLDQsNS44LDQuMkM1LjUsNC40LDUuMiw0LjcsNC45LDQuOWgwaDBDNC43LDUuMiw0LjQsNS41LDQuMiw1Ljh2MEM0LDYuMSwzLjgsNi41LDMuNyw2LjhDMy42LDcuMSwzLjcsNy40LDQsNy41YzAuMywwLjEsMC41LDAsMC43LTAuM2MwLjEtMC4zLDAuMy0wLjYsMC40LTAuOHYwYzAuMi0wLjMsMC40LTAuNSwwLjYtMC43YzAuMi0wLjIsMC41LTAuNCwwLjctMC42YzAuMy0wLjIsMC41LTAuMywwLjgtMC41QzcuNSw0LjUsNy42LDQuMiw3LjUsNFM3LjEsMy42LDYuOCwzLjdMNi44LDMuN3ogTTE5LjgsMTguNkwxOS44LDE4LjZMMTYuMSwxNWMwLjYtMC43LDEuMS0xLjUsMS40LTIuM2MwLjQtMS4xLDAuNy0yLjMsMC43LTMuNWMwLTEuMi0wLjItMi40LTAuNy0zLjRsMCwwYy0wLjUtMS4xLTEuMS0yLjEtMS45LTIuOWwwLDBjLTAuOC0wLjgtMS44LTEuNS0zLTJsMCwwdjBDMTEuNSwwLjIsMTAuNCwwLDkuMSwwQzYuNiwwLDQuMywxLDIuNywyLjdjLTAuOCwwLjgtMS41LDEuOC0yLDNDMC4yLDYuNywwLDcuOSwwLDkuMWMwLDEuMiwwLjIsMi40LDAuNywzLjRsMCwwYzAuNSwxLjEsMS4xLDIuMSwyLDNoMGMwLjgsMC44LDEuOCwxLjUsMywybDAsMGgwYzEuMSwwLjQsMi4zLDAuNywzLjUsMC43YzEuMiwwLDIuNC0wLjIsMy41LTAuN2MwLjktMC40LDEuNi0wLjgsMi4zLTEuNGwzLjYsMy42YzAuMywwLjMsMC45LDAuMywxLjIsMEMyMC4xLDE5LjQsMjAuMSwxOC45LDE5LjgsMTguNkwxOS44LDE4LjZ6IE0xNC40LDE0LjRMMTQuNCwxNC40TDE0LjQsMTQuNEwxNC40LDE0LjRjLTAuNywwLjctMS41LDEuMi0yLjQsMS42Yy0wLjksMC40LTEuOCwwLjYtMi45LDAuNmMtMSwwLTItMC4yLTIuOS0wLjZsMCwwYy0wLjktMC40LTEuNy0wLjktMi40LTEuNmwwLDBoMGMtMC43LTAuNy0xLjItMS41LTEuNi0yLjRsMCwwYy0wLjQtMC45LTAuNS0xLjgtMC41LTIuOGMwLTEsMC4yLTIsMC42LTIuOWMwLjQtMC45LDAuOS0xLjcsMS42LTIuNGMxLjMtMS4zLDMuMi0yLjIsNS4zLTIuMmMxLDAsMiwwLjIsMi45LDAuNmMwLjksMC40LDEuNywwLjksMi40LDEuNmwwLDBjMC43LDAuNywxLjIsMS41LDEuNiwyLjRsMCwwYzAuNCwwLjksMC41LDEuOCwwLjUsMi44YzAsMS0wLjIsMi0wLjYsMi44QzE1LjYsMTIuOSwxNS4xLDEzLjcsMTQuNCwxNC40TDE0LjQsMTQuNHogTTE0LjUsOC42TDE0LjUsOC42Yy0wLjMsMC0wLjUsMC4yLTAuNSwwLjVjMCwwLjYtMC4xLDEuMy0wLjQsMS45bDAsMGMtMC4yLDAuNi0wLjYsMS4xLTEuMSwxLjZjLTAuNSwwLjUtMSwwLjgtMS42LDEuMUMxMC40LDEzLjksOS44LDE0LDkuMSwxNGMtMC4zLDAtMC41LDAuMi0wLjUsMC41YzAsMC4zLDAuMiwwLjUsMC41LDAuNWMwLjgsMCwxLjUtMC4yLDIuMy0wLjVjMC43LTAuMywxLjMtMC43LDEuOS0xLjNjMC42LTAuNiwxLTEuMiwxLjMtMS45bDAsMGMwLjMtMC43LDAuNS0xLjUsMC41LTIuM0MxNSw4LjgsMTQuOCw4LjYsMTQuNSw4LjZMMTQuNSw4LjZ6Ii8+PC9zdmc+");
  }
  #podcasts .c-nav_tab {
    width: 100%;
    margin-bottom: 42px;
  }
  #podcasts .c-nav_tab ul {
    display: flex;
    width: 100%;
    column-gap: 0px;
    row-gap: 0px;
    border-top: 2px solid var(--color-black);
    border-bottom: 2px solid var(--color-black);
  }
  #podcasts .c-nav_tab ul li {
    width: 25%;
  }
  #podcasts .c-nav_tab ul li a {
    border: none;
  }
  #podcasts .c-nav_tab ul li a:after {
    bottom: -16px;
  }
  #podcasts .c-nav_tab ul li a.active {
    background-color: var(--color-black);
  }
  #podcasts .c-nav_tab ul li a.active span {
    color: var(--color-white);
  }
  #podcasts .c-tab {
    width: 100%;
  }
  #podcasts .c-programs {
    padding: 38px 0 0 0;
    margin-top: 80px;
  }
  #podcasts .c-programs .c-slide_navs {
    display: none;
  }
  #podcasts .c-ttl_programs {
    margin-bottom: 40px;
  }
  #podcasts .c-ttl_programs h4 span {
    min-width: 172px;
    box-sizing: border-box;
    padding: 0 24px;
    letter-spacing: 0.1em;
  }
  #podcasts .c-list_program {
    padding: 30px 0 50px 0;
    border-radius: 8px;
  }
  #podcasts .c-programs.is-open .c-more button span.txt {
    display: none;
  }
  #podcasts .c-programs.is-open .c-more button span.txt_c {
    display: block;
  }
  #podcasts .c-programs.is-open .c-more button span.icon span {
    background-color: #ccc;
  }
  #podcasts .c-programs.is-open .c-more button span.icon span.v {
    rotate: 90deg;
  }
  #podcasts .s-business h5 {
    margin-bottom: 24px;
  }
  #podcasts .s-business h5 br {
    display: none;
  }
  #podcasts.result .s-search {
    max-width: 900px;
  }
  #podcasts.result .s-search .c-search {
    display: block;
    width: 480px;
  }
  #podcasts.result .s-search .c-search p {
    line-height: 1.5;
  }
  #podcasts.result .s-search .c-search form {
    margin-top: 8px;
  }
  #podcasts .c-ttl_result {
    padding-bottom: 24px;
  }
  #podcasts .c-list_result {
    padding-top: 24px;
    padding-bottom: 64px;
  }
  #podcasts .c-list_result ul li {
    margin-bottom: 24px;
  }
  #podcasts .c-list_result ul li a {
    padding: 16px;
    display: flex;
    justify-content: space-between;
  }
  #podcasts .c-list_result ul li .result_l {
    width: 136px;
  }
  #podcasts .c-list_result ul li .result_l figure {
    width: 136px;
  }
  #podcasts .c-list_result ul li .result_r {
    width: calc(100% - 136px - 16px);
    padding-top: 5px;
  }
  #podcasts .c-list_result ul li .result_r h5 {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: revert;
    -webkit-box-orient: revert;
    -webkit-line-clamp: none;
    position: relative;
    top: auto;
    right: auto;
  }
  #podcasts .c-list_result ul li p.url {
    margin-top: 4px;
  }
  #podcasts .c-list_result ul li .description p {
    -webkit-line-clamp: 3;
  }
}
@media all and (min-width: 1280px) {
  :root #podcasts {
    --content-width: 100%;
    --fs-input-search: 1.6rem;
    --fs-nav-tab: 1.4rem;
    --nav-tab-height: 56px;
    --fs-ttl-h4: 1.8rem;
    --ttl-h4-height: 46px;
  }
  #podcasts {
    position: relative;
  }
  #podcasts [data-slideshow] .img_slideshow ul li {
    flex-shrink: 0;
    width: 900px;
    margin-right: 24px;
  }
  #podcasts [data-slideshow] .img_slideshow ul li a {
    display: block;
  }
  #podcasts [data-slideshow] .img_slideshow ul li:first-child {
    margin-left: calc((100% - 900px) / 2);
  }
  #podcasts [data-slideshow] .img_slideshow ul li:last-child {
    width: 924px;
    margin-right: 0;
  }
  #podcasts [data-slideshow] .img_slideshow ul li:last-child a {
    width: calc(100% - 24px);
  }
  #podcasts [data-slideshow] .img_slideshow ul img {
    height: auto;
    width: 100%;
  }
  #podcasts .c-nav_tab {
    margin-bottom: 64px;
  }
  #podcasts .c-nav_tab ul li a:after {
    bottom: -16px;
  }
  #podcasts .c-tab .c-tab_description {
    margin-bottom: 41px;
  }
  #podcasts .c-nav_subcategory ul {
    column-gap: 16px;
    row-gap: 16px;
  }
  #podcasts .c-nav_subcategory ul li a {
    min-width: 160px;
    padding: 0 34px;
  }
  #podcasts .c-list_program .c-accordion {
    overflow: hidden;
    height: 437px;
    transition: height 0.3s ease;
  }
  #podcasts .c-list_program .c-more {
    margin-top: 40px;
  }
  #podcasts .c-list_program {
    border: 2px solid var(--color-black);
    overflow: visible;
    padding: 30px 0 50px 0;
    border-radius: 8px;
  }
  #podcasts .c-list_program ul {
    width: calc(100% - 44px);
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    column-gap: 22px;
    row-gap: 30px;
    padding-left: 0px;
    overflow-x: visible;
    scroll-snap-type: revert;
    scroll-snap-align: none;
    scroll-behavior: inherit;
    padding-bottom: 0px;
    scroll-padding: 0 0 0 0;
    padding-top: 0px;
  }
  #podcasts .c-list_program ul li {
    width: 336px;
    flex-shrink: 0;
    overflow: hidden;
    scroll-snap-align: revert;
    scroll-snap-stop: revert;
    padding-top: 32px;
  }
  #podcasts .c-list_program ul li:last-child {
    width: 336px;
  }
  #podcasts .c-list_program ul li:last-child a {
    width: 100%;
  }
  #podcasts .c-list_program ul li figure {
    border-radius: 12px;
    margin-bottom: 16px;
  }
  #podcasts .c-list_program ul li .c-label {
    top: 0px;
  }
  #podcasts .c-list_program ul li .c-label span {
    top: 0px;
  }
  #podcasts .c-more {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 48px);
    margin-inline: auto;
  }
  #podcasts .c-more button .inr {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }
  #podcasts .c-more button span.txt,
  #podcasts .c-more button span.txt_c {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    position: relative;
    top: -1px;
  }
  #podcasts .c-more button span.txt_c {
    display: none;
    color: #999;
  }
  #podcasts .c-more button span.icon {
    width: 14px;
    height: 14px;
    position: relative;
    display: block;
  }
  #podcasts .c-more button span.icon span {
    display: block;
    position: absolute;
    background: var(--color-black);
  }
  #podcasts .c-more button span.icon span.v {
    width: 2px;
    height: 100%;
    left: 50%;
    margin-left: -1px;
  }
  #podcasts .c-more button span.icon span.h {
    width: 100%;
    height: 2px;
    left: 0px;
    top: 50%;
    margin-top: -1px;
  }
}
@media (any-hover: hover) {
  #podcasts.culture {
    --hover-color: var(--color-cat-culture);
  }
  #podcasts.lifestyle {
    --hover-color: var(--color-cat-lifestyle);
  }
  #podcasts.variety {
    --hover-color: var(--color-cat-variety);
  }
  #podcasts.business_news {
    --hover-color: var(--color-cat-business);
  }
  #podcasts [data-slideshow] .img_slideshow figure {
    overflow: hidden;
  }
  #podcasts [data-slideshow] .img_slideshow figure img {
    transition: scale 0.3s ease;
  }
  #podcasts [data-slideshow] .img_slideshow a:hover img {
    scale: 1.05;
  }
  #podcasts [data-slideshow] button {
    transition: opacity 0.15s linear;
  }
  #podcasts [data-slideshow] button:hover {
    opacity: 0.5;
  }
  #podcasts .c-nav_tab ul li a:hover:after {
    width: 82.54%;
  }
  #podcasts .c-nav_subcategory ul li a {
    transition: border 0.15s linear;
  }
  #podcasts .c-nav_subcategory ul li a span {
    transition: color 0.15s linear;
  }
  #podcasts .c-nav_subcategory ul li a:hover {
    border-color: var(--hover-color);
  }
  #podcasts .c-nav_subcategory ul li a:hover span {
    color: var(--hover-color);
  }
  #podcasts .c-program figure img {
    transition: scale 0.3s ease;
  }
  #podcasts .c-program a:hover img {
    scale: 1.05;
  }
  #podcasts .s-business .content a {
    transition: opacity 0.15s linear;
  }
  #podcasts .s-business .content a:hover {
    opacity: 0.7;
  }
  #podcasts .c-list_result ul li a {
    transition: background 0.15s linear;
  }
  #podcasts .c-list_result ul li a:hover {
    background: #f7fdfe;
  }
  #podcasts .c-back a {
    transition: background 0.15s linear;
  }
  #podcasts .c-back a span {
    transition: color 0.15s linear;
  }
  #podcasts .c-back a:hover {
    background: var(--color-white);
  }
  #podcasts .c-back a:hover span {
    color: var(--color-black);
  }
}

/*# sourceMappingURL=podcasts.css.map */