:root{
  --ibv-ink:#15161a; --ibv-mute:#6f7785; --ibv-line:#babdc2; --ibv-soft:#f7f8fb;
  --ibv-rose:#ff8fb3; --ibv-lav:#bba8ff;
  --ibv-radius:14px; --ibv-shadow:0 12px 28px rgba(20,24,40,.08);
  --ibv-media-w:42%; --ibv-gap:22px; 
}
#content .ibv-filterbar{
  display:flex; flex-wrap:wrap; align-items:center; gap:.5rem;
  margin:1rem 0 1.7rem; justify-content:flex-start;
}
@media (min-width:961px){
  #content .ibv-filterbar{ justify-content:flex-end; }
}
@media (max-width:960px){
  #content .ibv-filterbar{
    display:grid; grid-template-columns:repeat(4,1fr); gap:10px; justify-content:stretch;
  }
}
#content .ibv-filterbar [data-type]{
  appearance:none; cursor:pointer; user-select:none;
  border:1px solid var(--ibv-line); background:#fdfdfd; color:#2b2e34;
  padding:.56rem 1.1rem; border-radius:999px;
  font-size:.88rem; font-weight:600; letter-spacing:.03em; line-height:1;
  box-shadow:0 .5px 0 rgba(0,0,0,.04);
  transition:transform .15s ease, box-shadow .15s ease, color .2s ease, border-color .2s ease;
  position:relative; z-index:0;
}
#content .ibv-filterbar [data-type]::after{
  content:""; position:absolute; left:50%; bottom:-6px; width:70%; height:2px;
  transform:translateX(-50%) scaleX(0); transform-origin:center;
  background:linear-gradient(90deg,var(--ibv-rose),var(--ibv-lav));
  border-radius:2px; transition:transform .22s ease; pointer-events:none;
}
#content .ibv-filterbar [data-type]:hover{ transform:translateY(-1px); box-shadow:0 6px 14px rgba(0,0,0,.08); }
#content .ibv-filterbar [data-type]:hover::after{ transform:translateX(-50%) scaleX(1); }
#content .ibv-filterbar [data-type].is-active,
#content .ibv-filterbar [role="tab"][aria-selected="true"],
#content .ibv-filterbar [role="tab"][aria-pressed="true"]{
  color:#fdfdfd; border-color:transparent; box-shadow:0 10px 22px rgba(255,143,179,.18);
  background:none; position:relative;
}
#content .ibv-filterbar [data-type].is-active::before,
#content .ibv-filterbar [role="tab"][aria-selected="true"]::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:999px;
  background-image:linear-gradient(135deg,var(--ibv-rose),var(--ibv-lav));
}
#content .ibv-filterbar [data-type].is-active::after,
#content .ibv-filterbar [role="tab"][aria-selected="true"]::after{ display:none; }
#content .ibv-filterbar [role="tab"]:focus-visible,
#content .swell-block-button.is-style-more_btn .swell-block-button__link:focus-visible{
  outline:2px solid color-mix(in srgb, var(--ibv-lav) 60%, #000 0%); outline-offset:2px; box-shadow:none;
}
#content .swell-block-button.is-style-more_btn .swell-block-button__link,
#content .ibv-filterbar [role="tab"]{ -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
#content .ib-vid-sidewrap{ overflow:visible !important; }
#content .ib-vid-sidewrap .ib-vid-row{
  display:flex; align-items:center; column-gap:var(--ibv-gap);
  padding:28px 26px; margin:50px 0;
  border:0; outline:0; box-shadow:none; background:transparent;
  position:relative; z-index:0;
}
@media (max-width:960px){
  #content .ib-vid-sidewrap .ib-vid-row{ padding:22px 16px; margin:32px 0; }
}
#content .ib-vid-iframe, #content .ib-yt-thumb{
  position:relative; display:block; overflow:hidden; aspect-ratio:16/9;
  border-radius:var(--ibv-radius); box-shadow:var(--ibv-shadow); background:transparent;
}
#content .ib-vid-iframe iframe{
  position:absolute; inset:0; width:100%; height:100%;
  display:block; border:0; opacity:0; transition:opacity .28s ease;
}
#content .ib-vid-iframe.is-ready iframe{ opacity:1; }
#content .ib-vid-iframe.is-mounted iframe{ opacity:1; }
#content .ib-vid-iframe.is-mounted iframe[src^="https://www.youtube"]{ opacity:1 !important; visibility:visible !important; }
@supports not (aspect-ratio:1 / 1){
  #content .ib-vid-iframe::before, #content .ib-yt-thumb::before{
    content:""; display:block; padding-top:56.25% !important;
  }
}
#content .ib-vid-title{
  margin:0 0 .45rem; padding-bottom:.38rem;
  font-weight:800; font-size:clamp(20px,2.4vw,26px); line-height:1.35; letter-spacing:.01em;
  color:var(--ibv-ink); position:relative;
}
#content .ib-vid-title a{ color:inherit !important; text-decoration:none !important; }
#content .ib-vid-title a:hover{ opacity:.92; }
#content .ib-vid-title{ --ibv-uline-h:3px; --ibv-uline-w:64px; }
#content .ib-vid-title::before{
  content:""; position:absolute; left:0; right:0; bottom:-6px;
  height:var(--ibv-uline-h); background:var(--ibv-line);
}
#content .ib-vid-title::after{
  content:""; position:absolute; left:0; bottom:-6px; width:var(--ibv-uline-w); height:var(--ibv-uline-h);
  background:linear-gradient(90deg,var(--ibv-rose),var(--ibv-lav));
}
#content .ib-vid-date{
  display:inline-flex; align-items:center; gap:.4rem;
  margin-top:.65rem; font-size:.78rem; color:#6d7481;
  	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-weight:800;
  background:#fdfdfd; border:1px solid var(--ibv-line);
  padding:.22rem .6rem; border-radius:999px; box-shadow:0 1px 0 rgba(0,0,0,.03);
}
#content .ib-vid-date::before{
  content:""; width:.48rem; height:.48rem; border-radius:999px;
  background:linear-gradient(135deg,var(--ibv-rose),var(--ibv-lav));
}
#content .ib-vid-desc{
  margin-top:.8rem; color:#2f333a; line-height:1.82; max-width:66ch;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
#content a.ib-vid-desc{ text-decoration:none; color:inherit; }
#content a.ib-vid-desc:hover{ opacity:.92; }
@media (min-width:961px){
  .ib-vid-sidewrap .ib-vid-row{ column-gap:var(--ibv-gap); }
  .ib-vid-sidewrap .ib-vid-row .ib-vid-media{
    flex:0 0 var(--ibv-media-w) !important; max-width:var(--ibv-media-w) !important; min-width:280px;
  }
  .ib-vid-sidewrap .ib-vid-row .ib-vid-meta{ flex:1 1 auto !important; }
  .ib-vid-sidewrap .ib-vid-row .ib-vid-media > .ib-vid-iframe,
  .ib-vid-sidewrap .ib-vid-row .ib-vid-media > .ib-yt-thumb{ max-width:640px !important; margin-inline:auto; }
}
#content .ib-vid-sidewrap .ib-vid-row .ib-vid-meta{ color:var(--ibv-ink); }
#content .ib-vid-sidewrap .ib-vid-row .ib-vid-meta .typesquare_option{ font-feature-settings:"palt"; }
:root{
  --ibv-more-gap-pc: 30px;   
  --ibv-more-gap-sp: 15px;   
}
#content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore){
  margin-top: var(--ibv-more-gap-pc) !important;
}
@media (max-width: 960px){
  #content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore){
    margin-top: var(--ibv-more-gap-sp) !important;
  }
}
@media (max-width: 960px){
  #content .ib-vid-sidewrap .ib-vid-row{
    flex-direction: column;
    align-items: stretch;
    row-gap: 14px;
  }
  #content .ib-vid-sidewrap .ib-vid-row .ib-vid-media{
    width: 100%;
    min-width: 0; 
  }
  #content .ib-vid-sidewrap .ib-vid-row .ib-vid-media > .ib-vid-iframe{
    width: 100%; 
  }
  #content .ib-vid-iframe{ min-height: 180px; }
}
:root{ --ibv-more-ring: 2px; }
#content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore) .swell-block-button__link{
  border-width: var(--ibv-more-ring) !important;
}
#content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore) .swell-block-button__link:hover,
#content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore) .swell-block-button__link:focus {
  background: linear-gradient(90deg, var(--ibv-rose), var(--ibv-lav)) !important;
  color: #fdfdfd !important;
  border-color: #fdfdfd !important;                     
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important; 
}
:root{
  --ibv-more-ring: 2px;
  --ibv-more-gap-pc: 30px;
  --ibv-more-gap-sp: 15px;
}
#content .ib-vid-sidewrap + .swell-block-button.is-style-more_btn{
  margin-top: var(--ibv-more-gap-pc) !important;
}
@media (max-width:960px){
  #content .ib-vid-sidewrap + .swell-block-button.is-style-more_btn{
    margin-top: var(--ibv-more-gap-sp) !important;
  }
}
#content .swell-block-button.is-style-more_btn .swell-block-button__link{
  border-radius: 0 !important;
  padding: .9rem 1.4rem !important;
  border-width: var(--ibv-more-ring) !important;
}
#content .swell-block-button.is-style-more_btn .swell-block-button__link:hover,
#content .swell-block-button.is-style-more_btn .swell-block-button__link:focus{
  background: linear-gradient(90deg, var(--ibv-rose), var(--ibv-lav)) !important;
  color: #fdfdfd !important;
  border-color: #fdfdfd !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
}
#content .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore) .swell-block-button__link{
  border-radius: 0 !important;
  padding: .9rem 1.4rem !important;
  border-width: var(--ibv-more-ring) !important;
}
#content .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore) .swell-block-button__link:hover,
#content .swell-block-button:is(.is-style-more_btn, .is-style-view_more, .is-style-viewmore) .swell-block-button__link:focus{
  background: linear-gradient(90deg, var(--ibv-rose), var(--ibv-lav)) !important;
  color: #fdfdfd !important;
  border-color: #fdfdfd !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
	
}
:root{
  --ibv-tabLift: 2px;     
  --ibv-tabTopSafe: 14px; 
}
#content .ibv-filterbar{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0 !important;
  padding-top: var(--ibv-tabTopSafe);
  padding-bottom: calc(8px + var(--ibv-tabLift));
  contain: layout;          
  isolation: isolate;       
  position: relative; 
  z-index: 10;              
  overflow: visible;        
  overflow-anchor: none;    
}
@media (max-width:960px){
  #content .ibv-filterbar{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    justify-content:stretch;
    contain: layout;
  }
}
#content .ibv-filterbar [data-type]{
  display:flex; align-items:center; justify-content:center;
  min-height:40px; line-height:1.2;
  transition: transform .15s ease, box-shadow .15s ease, color .2s ease, border-color .2s ease;
  transform: translateZ(0);
  will-change: transform, box-shadow;
}
#content .ibv-filterbar [data-type]:hover,
#content .ibv-filterbar [data-type]:focus-visible,
#content .ibv-filterbar [data-type]:active{
  transform: translate3d(0, calc(-1 * var(--ibv-tabLift)), 0);
  box-shadow: 0 6px 14px rgba(0,0,0,.08);
}
#content .ibv-filterbar [data-type]::after{ bottom:-4px; }
#body_wrap.top #content .ibv-filterbar{
  isolation:isolate;
  filter:none !important;
  backdrop-filter:none !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
}
#body_wrap.top #content .ibv-filterbar [data-type],
#body_wrap.top #content .ibv-filterbar [data-type]::before,
#body_wrap.top #content .ibv-filterbar [data-type]::after{
  filter:none !important;
  backdrop-filter:none !important;
  mix-blend-mode:normal !important;
  opacity:1 !important;
}
#body_wrap.top #content .ibv-filterbar [data-type]{
  background:#fdfdfd !important;
  border-color:var(--ibv-line) !important;
}
#body_wrap.top #content .ibv-filterbar [data-type].is-active::before,
#body_wrap.top #content .ibv-filterbar [role="tab"][aria-selected="true"]::before{
  background-image:linear-gradient(135deg, var(--ibv-rose), var(--ibv-lav)) !important;
}
#body_wrap.top #content .ibv-filterbar [data-type]::after{
  background:linear-gradient(90deg, var(--ibv-rose), var(--ibv-lav)) !important;
}
#content .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link{
  border-radius:0 !important;
  padding:.9rem 1.4rem !important;
  border-width:var(--ibv-more-ring,2px) !important;
}
#content .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link:hover,
#content .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link:focus{
  background:linear-gradient(90deg,var(--ibv-rose),var(--ibv-lav)) !important;
  color:#fdfdfd !important;
  border-color:#fdfdfd !important;
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}
#content .ibv-slider + .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link:hover,
#content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link:hover,
#content .ibv-slider + .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link:focus,
#content .ib-vid-sidewrap + .swell-block-button:is(.is-style-more_btn,.is-style-view_more,.is-style-viewmore) .swell-block-button__link:focus{
  border-color:#fdfdfd !important; 
}
