@charset "UTF-8";
  body.lower {
    background: url("_img/bg_top.jpg") no-repeat center 70px,
url("_img/bg.jpg") center top;
  }

#birthday{width:100%;margin:0px auto; text-align:center; position:relative; padding-bottom:2rem;}
#top1{width:100%;height:720px;text-align:center; position:relative; }
#top1 .top_cake{text-align:center; width:322px;position: absolute; top:290px; left:0; right:0; margin:0 auto; z-index:3;}  
#top1 .top_title{text-align:center; width:530px;position: absolute; top:440px; left:0; right:0; margin:0 auto; z-index:4;}  
#top1 .top_motion{text-align:center; width:400px;position: absolute; top:50px; left:0; right:0; margin:0 auto; z-index:2;}
#top1 .top_others{text-align:center; width:818px;position: absolute; top:70px; left:0; right:0; margin:0 auto; z-index:1;}  


.window{width:700px; margin:0 auto; position:relative; z-index:90; font-size:1.1rem;}
.window .inner{width:94%;margin:-60px auto 0; background:#fef3f4;   border: 2px solid #ba7895;
  box-shadow:
    0 0 0 8px #fdbccf,
    0 0 0 10px #ba7895;
     border-radius:20px; padding:30px; }
.window .more{display:none;}
p.lead{text-align:left;margin-top:0.5rem;}
p.lead2{font-size:0.9rem; text-align:left;margin:0.5rem 1rem;}
p.caution{text-align:left;margin-top:1rem; font-size:0.8rem;}

.window .inner h2{margin-top:30px;}

.waku{background:#FFF; border-radius:20px; padding:10px 15px 30px; margin-top:70px;
  filter:
    drop-shadow(0 0 6px rgba(70, 180, 255, 0.55))
    drop-shadow(0 0 13px rgba(70, 180, 255, 0.35));}
.waku.pink{
  filter:
    drop-shadow(0 0 6px rgba(255, 70, 227, 0.55))
    drop-shadow(0 0 13px rgba(255, 70, 209, 0.35));}

.waku.orange{
  filter:
    drop-shadow(0 0 6px rgba(255, 215, 70, 0.55))
    drop-shadow(0 0 13px rgba(255, 166, 70, 0.35));}

.waku.green{
  filter:
    drop-shadow(0 0 6px rgba(135, 255, 70, 0.721))
    drop-shadow(0 0 13px rgba(187, 255, 70, 0.35));}

.waku .pict{width:94%; margin: 1rem auto 0; }
.waku h3{width:70%; margin:-40px auto 0; }
.waku dl{width:90%; margin:1rem  auto 0; text-align:left;display:flex; flex-wrap:wrap;}
.waku dl dt{width:28%; margin:0 auto; position: relative; text-align:left;font-weight:bold;color:#000;margin-bottom:0.5rem;padding-left:1.3rem;}
.waku dl.step dt{width:20%; height:1.7rem;margin:0 auto; position: relative; text-align:center; font-weight:bold;color:#FFF; background:#ff7e00; border-radius:20px; margin-bottom:0.5rem;padding-left:0;}


.waku dl dt::before {
content: "";
position: absolute;
background-color: #00b1d7 !important;
height: 1.1rem;
width: 1.1rem;
display: block;
border-radius: 50%;
top: 0.25rem;
left: 0;
}
.waku dl.step dt::before ,.waku dl.follow dt::before {
content: none;
}
.waku dl dd{width:72%; margin:0 auto; text-align:left;margin-bottom:0.5rem;}
.waku dl.step dd{font-weight:bold;}
.waku dl.follow dd{font-weight:bold;width:66%;display:flex; 
  flex-direction: column;  align-items: flex-start;    /* 横：左寄せ */
  justify-content: center;    /* 縦：中央 */  min-height: 130px;
  gap: 16px;}

.x-follow-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:  0.5rem 1rem;
  border-radius: 999px;
  color: #fff;margin:0;
  background: #ff7e00;
  font-weight: 700;font-size:0.8em;
  text-decoration: none;  
  gap: 16px;
}
.arrow{width:6%;margin:0 auto;}

.x-post-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

/* 読み込み前のblockquoteも中央寄せ */
.x-post-wrap .twitter-tweet {
  margin-right: auto !important;
  margin-left: auto !important;
}

.nav-open {
  cursor: pointer;
}

.nav-open.active {
  cursor: default;
}


 /* 応募規約 */
 .kiyaku{font-size:0.8rem;text-align:left;}
 .kiyaku.mini{font-size:0.7rem;margin:1rem 1rem 0;}
 .kiyaku p{
  text-align: left;
  margin-bottom: 1em;
  line-height: 1.3em;}

 .kiyaku h4{width: 100%; text-align:left; color:#000;
margin:0.9em auto 0.5rem; font-size:0.85rem;}

ul.kiyaku{
  text-align: left;
  list-style-position: inside;
  padding-left: 0; }

ul.kiyaku li{
  display: list-item;          /* list-item を明示（まれに崩れる防止） */
  padding-left: 1.2em;         /* テキスト全体を右にずらす */
  text-indent: -1.2em;         /* 1行目だけ数字位置に戻す */
  margin-bottom: 0.5em;        /* 項目間に少しスペース */
  line-height: 1.3em;
}


ul.itemList2{display:flex; flex-wrap:wrap;gap:0.5rem;margin:1rem 0.5rem 0; }
ul.itemList2 li{width:calc(50% - 0.25rem); list-style:none; text-align:center; 
border:3px solid #e8558b; border-radius:20px; padding:0.5rem; background:#fff;} 
ul.itemList2 li p{margin:0 0.25rem; font-size:0.7rem; line-height:1.5em; text-align:left;}

ul.itemList3{display:flex; flex-wrap:wrap;gap:0.1rem;margin:1rem 0.5rem 0; }
ul.itemList3 li{width:calc(33.33% - 0.1rem); list-style:none; text-align:center; padding:0.5rem; background:#fff;} 
ul.itemList3 li p{margin:0 0.25rem; font-size:0.7rem; line-height:1.5em; text-align:left;}






@media screen and (max-width: 767px) {
  body.lower {
    background: url("_img/bg_top.jpg") no-repeat center 0px,
url("_img/bg.jpg") center top ;
  background-size:
    200% auto,
    200% auto;
  }
#birthday{width:100%;margin:0 auto 0;position: relative; overflow:hidden; }
#top1{width:100%;height:90vw; text-align:center; position:relative;}

#top1 .top_cake{text-align:center;   width:calc(100%*322/818); position: absolute; top:33vw; left:0; right:0; margin:0 auto; z-index:3;}  
#top1 .top_title{text-align:center;  width:calc(100%*530/818);position: absolute; top:54vw; left:0; right:0; margin:0 auto; z-index:4;}  
#top1 .top_motion{text-align:center;  width:calc(100%*400/818);position: absolute; top:0px; left:0; right:0; margin:0 auto; z-index:2;}
#top1 .top_others{text-align:center; width:100%;position: absolute; top:0px; left:0; right:0; margin:0 auto; z-index:1;}  

.window{width:100%; margin:0 auto; font-size:1.1rem;}
.window .inner{width:94%;margin:-60px auto 0; background:#fef3f4;   border: 1px solid #ba7895;
  box-shadow:
    0 0 0 4px #fdbccf,
    0 0 0 5px #ba7895;
     border-radius:10px; padding:40px 15px 15px; }
.waku{background:#FFF; border-radius:10px; padding:15px 8px 15px; margin-top:12vw;
  filter:
    drop-shadow(0 0 4px rgba(70, 180, 255, 0.55))
    drop-shadow(0 0 7px rgba(70, 180, 255, 0.35));}
    .waku h3{width:80%; margin:-9vw auto 0; }

.waku dl{width:96%;}
.waku dl dt{width:30%;}
.waku dl dd{width:70%;}


}