@charset "utf-8";
/* CSS Document */


 .infobanner-wrap{ 
   box-sizing:border-box;margin:0;padding:0;
   position:relative;
   width:100%;
   max-width:100%;
   height:30px;
   overflow:hidden;
   display:flex;
   align-items:center;
   justify-content:center;
 }

 .infobanner{
   position:absolute;
   height:30px; /* バナー高さ */
   inset:0 0 0 0;
   display:flex;
   align-items:center;
   justify-content:center;
   padding:0 16px;
   text-decoration:none;
   font-weight:300;
   letter-spacing:0.02em;
   transition:opacity var(--duration) ease;
   opacity:0;
   pointer-events:none;
 }
 .infobanner.show{
   opacity:1;
   pointer-events:auto;
 }

 .infobanner.pink{
   background-color:#ffdfe0;
   color:#444444;
 }
 

 .infobanner .text{font-size:10px; }
 .infobanner .text a{ text-decoration:none; color:#444444;}
 @media (min-width:420px){
   .infobanner .text{font-size:12px;}
   /*:root{--height:72px;}*/
 }

 @media (prefers-reduced-motion: reduce){
   .infobanner{transition:none;}
 }