:root{
  --ibd-ink:#15161a; --ibd-mute:#6f7785; --ibd-line:#babdc2; --ibd-soft:#f7f8fb;
  --ibd-rose:#ff8fb3; --ibd-lav:#bba8ff;
  --ibd-radius:14px; --ibd-shadow:0 12px 28px rgba(20,24,40,.08);
  --ibd-media-w: 36%;
  --ibd-gap: 22px;
}
#content .ibd-wrap{ overflow:visible !important; }
#content .ibd-row{
  display:flex;
  flex-wrap:wrap;           
  align-items:center;
  column-gap:var(--ibd-gap);
  padding:28px 26px;
  margin:40px 0;
  row-gap: 35px;
  position:relative;
  z-index:0;
  background:transparent;
}
@media (max-width:960px){
  #content .ibd-row{ flex-direction:column; align-items:stretch; row-gap:14px; padding:22px 16px; margin:32px 0; }
}
#content .ibd-media{ flex:0 0 var(--ibd-media-w); max-width:var(--ibd-media-w); min-width:260px; }
#content .ibd-cover{
  position:relative; width:100%; aspect-ratio:1/1; border-radius:0;
  box-shadow:var(--ibd-shadow); background:#fdfdfd center/cover no-repeat;
}
#content .ibd-cover.is-empty{ background:#f2f4f8; }
#content .ibd-meta{ flex:1 1 auto; color:var(--ibd-ink); display:flex; flex-direction:column; justify-content:center; }
@media (max-width:960px){ #content .ibd-media{ max-width:100%; } }
#content .ibd-type{
  display:inline-block; font-size:.82rem; color:#7a8392; letter-spacing:.02em;
  margin-bottom:.35rem;
}
#content .ibd-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;
  --ibd-uline-h:3px; --ibd-uline-w:64px;
}
#content .ibd-title::before{
  content:""; position:absolute; left:0; right:0; bottom:-6px; height:3px; background:var(--ibd-line);
}
#content .ibd-title::after{
	content:""; position:absolute; left:0; bottom:-6px; width:var(--ibd-uline-w); height:var(--ibd-uline-h);
  background:linear-gradient(90deg,var(--ibd-rose),var(--ibd-lav));
}
#content .ibd-date{
  align-self:flex-start;          
  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(--ibd-line);
  padding:.22rem .6rem; border-radius:999px; box-shadow:0 1px 0 rgba(0,0,0,.03);
  width:auto;
}
#content .ibd-date::before{
  content:""; width:.48rem; height:.48rem; border-radius:999px;
  background:linear-gradient(135deg,var(--ibd-rose),var(--ibd-lav));
}
#content .ibd-tracks{ margin-top:.9rem; line-height:1.85; color:#2f333a; }
#content .ibd-meta.is-long{ justify-content:flex-start; }
#content .ibd-actions{ margin-top:1rem; }
#content .ibd-btns{ display:flex; justify-content:center; align-items:center; gap:14px; }
#content .ibd-btns-duo{ justify-content:stretch; }
#content .ibd-btns-duo .ibd-btn{ flex:1 1 0; text-align:center; }
#content .ibd-btns-single .ibd-btn{ min-width:220px; text-align:center;}
#content .ibd-btn{
  display:inline-block; border-radius:0 !important; padding:.9rem 1.4rem !important;
  transform:none !important; box-shadow:none !important;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
  border-width:var(--ibv-more-ring,2px) !important;
}
#content .ibd-yt{
  flex:0 0 100%;
  width:100%;
  display:flex;
  justify-content:center;
}
#content .ibd-iframe{
  position:relative;
  width:clamp(320px, 75%, 820px);   
  height:auto !important;           
  padding:0 !important;             
  border-radius:var(--ibd-radius);
  box-shadow:var(--ibd-shadow);
  overflow:hidden;
}
#content .ibd-iframe::before{
  content:"";
  display:block;
  padding-top:56.25%;               
}
#content .ibd-iframe iframe{
  position:absolute; inset:0;
  width:100%; height:100% !important; 
  border:0; opacity:0; transition:opacity .28s ease;
}
#content .ibd-iframe.is-mounted iframe,
#content .ibd-iframe.is-ready iframe{ opacity:1; }
@media (min-width:961px){
  #content .ibd-iframe{ min-height:0 !important; }
}
:root{ --ibd-more-gap-pc:30px; --ibd-more-gap-sp:15px; }
#content .ibd-wrap + .swell-block-button.is-style-more_btn{ margin-top:var(--ibd-more-gap-pc) !important; }
@media (max-width:960px){
  #content .ibd-wrap + .swell-block-button.is-style-more_btn{ margin-top:var(--ibd-more-gap-sp) !important; }
}
@media (max-width:960px){
  #content .ibd-media{ min-width:0; max-width:100%; }
  #content .ibd-iframe{ width:100%; min-height:180px; }
}
@media (max-width:960px){
  #content .ibd-row{
    padding:18px 16px;
    margin:28px 0;
    row-gap:22px;               
  }
  #content .ibd-media{
    order:1;
    flex:0 0 auto;
    min-width:0;                
    width:100%;
    max-width:88vw;             
    margin:0 auto;
  }
  #content .ibd-cover{
    width:100%;
    border-radius:12px;
    aspect-ratio:1/1;           
    box-shadow:var(--ibd-shadow);
  }
  #content .ibd-title{
    order:2;
    font-size:clamp(18px,5.6vw,22px);
    padding-bottom:.34rem;
    margin:6px 0 .25rem;
  }
  #content .ibd-type{ order:2;  }
  #content .ibd-date{ order:2;}
  #content .ibd-actions{ order:2; margin-top:.9rem; }
  #content .ibd-btns-single .ibd-btn{ min-width:58vw; }
  #content .ibd-yt{
    order:3;
    margin-top:18px;
    justify-content:center;
  }
  #content .ibd-iframe{
    width:min(94vw, 640px);
    height:auto !important;
    padding:0 !important;
    border-radius:12px;
    overflow:hidden;
    position:relative;
  }
  #content .ibd-iframe::before{
    content:"";
    display:block;
    padding-top:56.25%;         
  }
  #content .ibd-iframe iframe{
    position:absolute; inset:0;
    width:100%; height:100% !important;
  }
}
@supports not (aspect-ratio: 1 / 1) {
  #content .ibd-cover{ position:relative; }
  #content .ibd-cover::before{
    content:"";
    display:block;
    padding-top:100%;           
  }
}
@media (max-width:960px){
  #content .ibd-media{ order:0; display:flex; justify-content:center; }
  #content .ibd-meta { order:1; }
  #content .ibd-yt   { order:2; }
  #content .ibd-cover{
    width:clamp(160px, 40vw, 360px); 
    aspect-ratio:1 / 1;
    border-radius:12px;
    box-shadow:var(--ibd-shadow);
  }
}
#content .ibd-meta{ display:flex; flex-direction:column; }
#content .ibd-type  { order:0; }
#content .ibd-title { order:1; }
#content .ibd-date  { order:2; }
#content .ibd-tracks{ order:3; }  
#content .ibd-actions{ order:4; }  
#content .ibd-tracks{
  margin-top:.8rem;
  font-size:clamp(14px, 1.6vw, 16px);
  line-height:1.8;
  color:#2f333a;
  max-width:66ch;
  overflow-wrap:anywhere;
}
@media (max-width:960px){
  #content .ibd-tracks{
    margin-top:.6rem;
    font-size:clamp(14px, 3.9vw, 15.5px);
  }
}
@media (min-width:961px){
  #content .ibd-row.is-long{
    align-items: flex-start;          
  }
  #content .ibd-row.is-long .ibd-media{
    margin-top: var(--ibd-media-shift, 0px); 
    align-self: flex-start;                  
  }
  #content .ibd-meta.is-long{ padding-top:0 !important; }
  #content .ibd-meta.is-long .ibd-tracks{ margin-top:.9rem !important; }
}
	
:root{
  --ibd-btnH-pc: 50px;  
  --ibd-btnH-sp: 52px;  
}
#content .ibd-btn{
  display:flex; align-items:center; justify-content:center;
  text-align:center; text-decoration:none; user-select:none; cursor:pointer;
  border: 1px solid var(--ibd-line) !important;
  color:#2b2e34;
  padding:.62rem 1rem; border-radius:0px !important;
  font-weight:700; letter-spacing:.02em;
  line-height:1.2; min-height:var(--ibd-btnH-pc);
  box-shadow:0 .5px 0 rgba(0,0,0,.04) !important;
  transition:transform .15s ease, box-shadow .15s ease, color .2s ease, border-color .2s ease, background .2s ease;
  position:relative; z-index:0;
	
}
#content .ibd-btn::after{
  content:""; position:absolute; left:50%; bottom:-5px; width:64%; height:2px;
  transform:translateX(-50%) scaleX(0); transform-origin:center;
  background:linear-gradient(90deg,var(--ibd-rose),var(--ibd-lav));
  border-radius:2px; transition:transform .22s ease; pointer-events:none;
}
#content .ibd-btn:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 6px 14px rgba(0,0,0,.08) !important;
}
#content .ibd-btn:hover::after{ transform:translateX(-50%) scaleX(1); }
#content .ibd-btns{ display:flex; justify-content:center; align-items:center; gap:14px; }
#content .ibd-btns-duo{ justify-content:stretch; }
#content .ibd-btns-duo .ibd-btn{ flex:1 1 0; text-align:center; }
#content .ibd-btns-single .ibd-btn{ min-width:220px; text-align:center; }
@media (max-width:960px){
  #content .ibd-btn{ min-height:var(--ibd-btnH-sp); }
  #content .ibd-btns-single .ibd-btn{ min-width:58vw; }
}
:root{
  --ibd-more-ring: 2px;
  --ibd-more-gap-pc: 30px;
  --ibd-more-gap-sp: 15px;
}
#content .ibd-wrap + .swell-block-button.is-style-more_btn{
  margin-top: var(--ibd-more-gap-pc) !important;
}
@media (max-width:960px){
  #content .ibd-wrap + .swell-block-button.is-style-more_btn{
    margin-top: var(--ibd-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(--ibd-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(--ibd-rose), var(--ibd-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(--ibd-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(--ibd-rose), var(--ibd-lav)) !important;
  color:#fdfdfd !important; border-color:#fdfdfd !important; box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}
#content .ibd-tracks{
  white-space: pre-wrap;   
  -moz-tab-size: 2;
  tab-size: 2;             
}
#content .ibd-tracks.is-plain{
  white-space: pre-wrap;
  -moz-tab-size: 2; tab-size: 2;
}
#content .ibd-tracks.is-grid{
  display: grid;
  grid-template-columns: max-content 1fr; 
  column-gap: .8em;
  row-gap: .28em;
  align-items: start;
}
#content .ibd-tracks.is-grid .ibd-t1{
  white-space: nowrap;          
}
#content .ibd-tracks.is-grid .ibd-t2{
  white-space: pre-wrap;        
  word-break: break-word;
}
#content .ibd-tracks.is-grid .ibd-t1::after{
  content: '：';
  margin: 0 .45em 0 .35em;
  opacity: .75;
}
#content .ibd-tracks.is-plain{
  white-space: pre-wrap;
  -moz-tab-size: 2; tab-size: 2;
}
#content .ibd-tracks.is-grid{
  display: grid;
  grid-template-columns: max-content 1fr; 
  column-gap: .8em;
  row-gap: .28em;
  align-items: start;
}
#content .ibd-tracks.is-grid .ibd-t1{ white-space: nowrap; }
#content .ibd-tracks.is-grid .ibd-t2{ white-space: pre-wrap; word-break: break-word; }
#content .ibd-tracks.is-grid .ibd-t1[data-colon="1"]::after{
  content: '：';
  margin: 0 .45em 0 .35em;
  opacity: .75;
}
#content .ibd-tracks.is-grid .ibd-tfull{
  grid-column: 1 / -1;
  white-space: pre-wrap;
}
#content .ibd-tracks.is-grid .ibd-t1::after{ content: normal; }
#content .ibd-tracks.is-grid .ibd-t1[data-colon="1"]::after{
  content: '：';
  margin: 0 .45em 0 .35em;
  opacity: .75;
}
#content .ibd-tracks .ibd-primary{
  color: var(--ibd-ink);
  font-size: 1em;          
}
#content .ibd-tracks .ibd-muted{
  color: var(--ibd-mute);
  font-size: .94em;        
}
#content .ibd-tracks.is-grid .ibd-t1::after{ content: normal; }
#content .ibd-tracks.is-grid .ibd-t1[data-colon="1"]::after{
  content: '：'; margin: 0 .45em 0 .35em; opacity: .75;
}
#content .ibd-tracks .ibd-primary { color: var(--ibd-ink); font-size: 1em; }
#content .ibd-tracks .ibd-muted { color: var(--ibd-mute); font-size: .94em; }
#content .ibd-tracks.is-grid .ibd-t1::after { content: normal; }
#content .ibd-tracks.is-grid .ibd-t1[data-colon="1"]::after{
  content:'：';
  margin:0 .45em 0 .35em;
  opacity:.75;
}
:root{
  --ibd-mute:#4a515c;
}
#content .ibd-tracks .ibd-muted{
  font-size:.80em;          
  color:var(--ibd-mute);    
}
#content .ibd-type{
  color:var(--ibd-mute);    
  font-size:.80rem;         
}
#content .ibd-btns-single{
  justify-content: stretch;       
}
#content .ibd-btns-single .ibd-btn{
  flex: 1 1 0;                    
  min-width: 0 !important;        
  width: 100%;                    
  text-align: center;
}
@media (max-width:960px){
  #content .ibd-btns-single .ibd-btn{
    min-width: unset !important;  
    width: 100%;
  }
}