/* 休診・医師不在のお知らせ（院ページのお知らせ欄の別枠）案1〜3
   赤は既存テーマの #AA1C1C（担当医カレンダーの赤）に合わせる */
.cn-closed{--cn-red:#AA1C1C;--cn-red-bg:#FBEEEE;--cn-line:#DDD;--cn-text:#222;
  box-sizing:border-box;margin:0 0 2.4rem;text-align:left;color:var(--cn-text);font-size:1.4rem;line-height:1.7;letter-spacing:.05em;}
.cn-closed *{box-sizing:border-box;}
.cn-closed a{color:inherit;text-decoration:none;}
.cn-closed ul{list-style:none;margin:0;padding:0;}
.cn-closed p{margin:0;}
.cn-closed__tag{display:inline-block;background:var(--cn-red);color:#fff;font-size:1.2rem;line-height:1;letter-spacing:.05em;padding:.8rem;font-weight:500;white-space:nowrap;}
.cn-closed__item.is-closed .cn-closed__body{font-weight:700;}

/* 案1 囲み枠 */
.cn-closed--1{position:relative;background:#fff;border:1px solid var(--cn-line);border-left:4px solid var(--cn-red);padding:2rem 2.4rem 1.6rem;}
.cn-closed--1 .cn-closed__title{margin:1.2rem 0 1.2rem;font-size:1.6rem;line-height:1.6;font-weight:500;}
.cn-closed--1 .cn-closed__item{padding:.6rem 0;border-top:1px dotted var(--cn-line);}
.cn-closed--1 .cn-closed__item:first-child{border-top:0;}
.cn-closed--1 .cn-closed__date{font-weight:500;color:var(--cn-red);margin-right:1rem;}
.cn-closed--1 .cn-closed__rest{margin-top:.8rem;font-size:1.2rem;color:#666;}
.cn-closed--1 .cn-closed__more{margin-top:1.2rem;text-align:right;font-size:1.3rem;}
.cn-closed--1 .cn-closed__more a{color:var(--cn-red);border-bottom:1px solid var(--cn-red);padding-bottom:.2rem;}

/* 案2 見出し帯つき */
.cn-closed--2{border:1px solid var(--cn-line);background:#fff;}
.cn-closed--2 .cn-closed__head{background:var(--cn-red-bg);color:var(--cn-red);font-size:1.5rem;font-weight:700;line-height:1.4;padding:1.2rem 2rem;border-bottom:1px solid var(--cn-line);}
.cn-closed--2 .cn-closed__list{padding:.6rem 2rem;}
.cn-closed--2 .cn-closed__item{display:flex;gap:2rem;padding:.8rem 0;border-top:1px solid #EEE;}
.cn-closed--2 .cn-closed__item:first-child{border-top:0;}
.cn-closed--2 .cn-closed__date{flex:0 0 22rem;color:var(--cn-red);font-weight:700;}
.cn-closed--2 .cn-closed__body{flex:1;min-width:0;}
.cn-closed--2 .cn-closed__foot{display:flex;justify-content:flex-end;align-items:baseline;gap:1.6rem;padding:0 2rem 1.4rem;font-size:1.3rem;}
.cn-closed--2 .cn-closed__rest{color:#666;font-size:1.2rem;}
.cn-closed--2 .cn-closed__foot a{color:var(--cn-red);border-bottom:1px solid var(--cn-red);padding-bottom:.2rem;}

/* 案3 1行の帯 */
.cn-closed--3{margin-bottom:2rem;}
.cn-closed--3 .cn-closed__line{display:flex;align-items:center;gap:1.4rem;background:var(--cn-red-bg);border:1px solid #EBCFCF;padding:1rem 1.6rem;}
.cn-closed--3 .cn-closed__text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.4rem;}
.cn-closed--3 .cn-closed__date{color:var(--cn-red);font-weight:700;margin-right:.6rem;}
.cn-closed--3 .cn-closed__line.is-closed .cn-closed__text{font-weight:700;}
.cn-closed--3 .cn-closed__rest{flex:none;font-size:1.2rem;color:#666;white-space:nowrap;}
.cn-closed--3 .cn-closed__arrow{flex:none;color:var(--cn-red);font-size:1.6rem;line-height:1;}

@media screen and (max-width:767px){
  .cn-closed{margin-bottom:4.5vw;font-size:3.5vw;line-height:1.7;}
  .cn-closed__tag{font-size:3vw;padding:2vw 2.4vw;}
  /* 案1 */
  .cn-closed--1{padding:4.5vw 4vw 3.5vw;border-left-width:1.1vw;}
  .cn-closed--1 .cn-closed__title{margin:3vw 0 2.5vw;font-size:3.9vw;}
  .cn-closed--1 .cn-closed__item{padding:1.8vw 0;}
  .cn-closed--1 .cn-closed__date{display:block;margin:0;}
  .cn-closed--1 .cn-closed__rest{font-size:3.1vw;margin-top:2vw;}
  .cn-closed--1 .cn-closed__more{margin-top:3vw;font-size:3.3vw;}
  /* 案2 */
  .cn-closed--2 .cn-closed__head{font-size:3.8vw;padding:3vw 4vw;}
  .cn-closed--2 .cn-closed__list{padding:1.5vw 4vw;}
  .cn-closed--2 .cn-closed__item{display:block;padding:2.2vw 0;}
  .cn-closed--2 .cn-closed__date{display:block;}
  .cn-closed--2 .cn-closed__foot{padding:0 4vw 3.5vw;font-size:3.3vw;gap:3vw;}
  .cn-closed--2 .cn-closed__rest{font-size:3.1vw;}
  /* 案3：札と「ほか◯件」を上段、直近の1行を下段（2行まで）に */
  .cn-closed--3{margin-bottom:4vw;}
  .cn-closed--3 .cn-closed__line{gap:2.4vw;padding:2.6vw 3vw;}
  .cn-closed--3 .cn-closed__line{flex-wrap:wrap;row-gap:2vw;}
  .cn-closed--3 .cn-closed__tag{order:1;}
  .cn-closed--3 .cn-closed__rest{order:2;margin-left:auto;}
  .cn-closed--3 .cn-closed__arrow{order:3;}
  .cn-closed--3 .cn-closed__text{order:4;flex:0 0 100%;font-size:3.4vw;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  .cn-closed--3 .cn-closed__rest{font-size:3vw;}
  .cn-closed--3 .cn-closed__arrow{font-size:4vw;}
}

/* 案2 ほか◯件を見る（担当医カレンダーから自動で作る形・2026-10-29） */
.cn-closed--2 .cn-closed__restbox{padding:0 2rem;}
.cn-closed--2 .cn-closed__restbox > .cn-closed__list{padding:0 0 .6rem;border-top:1px solid #EEE;}
.cn-closed--2 summary.cn-closed__rest{display:inline-block;cursor:pointer;color:var(--cn-red);font-size:1.3rem;padding:.2rem 0 1rem;list-style:none;}
.cn-closed--2 summary.cn-closed__rest::-webkit-details-marker{display:none;}
.cn-closed--2 summary.cn-closed__rest::after{content:"＋";margin-left:.6rem;}
.cn-closed--2 .cn-closed__restbox[open] summary.cn-closed__rest::after{content:"－";}
@media screen and (max-width:767px){
  .cn-closed--2 .cn-closed__restbox{padding:0 4vw;}
  .cn-closed--2 summary.cn-closed__rest{font-size:3.3vw;padding:.5vw 0 2.5vw;}
}