@charset "utf-8";

body { padding: 4vw; font-family: 'Atomy', sans-serif; font-size: 3.5vw; line-height: 1; }
.schedule_link { text-decoration: none; color: white; display: block; padding: 2vw 0; border-radius: 10vw; text-align: center; background-color: crimson; }
img { display: block; width: 100%; }
ul { padding: 0; margin: 0; }
li { position: relative; padding-left: 4vw; margin-bottom: 2vw; list-style: none; }
li.link { font-weight: bold; color: dodgerblue; padding: 0; }
li::before { content: '●'; display: block; position: absolute; top: .5vw; left: 0; width: 1vw; height: 1vw; font-size: 2vw; }
li.link::before { display: none; }
li.link a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 2vw; border-radius: 1vw; background-color: dodgerblue; color: white; height: 4vw; text-decoration: inherit; font-size: 4vw; text-align: center; }
li.link a span { color: yellow; margin-right: 1vw; }
.youtube_wrap li.link a { background-color: crimson; }
.zoom { color: dodgerblue; }
.youtube { color: crimson; }
h1 { margin: 0 0 8vw; font-size: 8vw; width: 80vw; }
h2 { margin: 0 0 8vw; font-size: 6vw; padding: 2vw; text-align: center; color: white !important; }
h2.zoom { background-color: dodgerblue; }
h2.youtube { background-color: crimson; }
h3 { margin-top: 0; }
/*h4 { padding: 4vw 0; }*/
svg { width: 5vw; fill: white; margin-right: 1vw; }
.card { position: relative; margin-top: 8vw; padding-top: 8vw; border-top: 1vw dashed silver; }
.highlight { background-color: yellow; }

#aleatArea { display: block; position: fixed; bottom: -18vw; left: 0; width: 100%; height: 6vw; padding: 6vw 0; background-color: deeppink; color: yellow; text-align: center; z-index: 9999; font-size: 6vw; transition: bottom .5s ease; }
#aleatArea.show { bottom: 0; }

#clipboardArea { display: none; flex-direction: column; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; }
#clipboardArea.open { display: flex; }
#clipboardArea::before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.9); z-index: -1; }
#clipboardArea .btn_wrap { display: flex; flex-direction: row-reverse; justify-content: space-between; width: 80vw; margin-top: 4vw; }
#clipboardArea a { display: block; width: 38vw; padding: 4vw 0; background-color: dodgerblue; text-align: center; text-decoration: none; color: white; border-radius: 2vw; }
#clipboardArea a.btn_cancel { background-color: silver; }
#shareText { display: block; width: 72vw; height: 60vh; border: 0 none; margin: 0; padding: 4vw; outline: none; font-family: 'Atomy'; font-size: 4vw; word-break: break-all; line-height: 1.5; }
.btn_share_zoom { display: block; position: absolute; top: 0; right: 0; width: 4vw; height: 4vw; padding: 2vw; border-radius: 1vw; background-color: midnightblue; }
.btn_share_zoom svg { margin: 0; width: 4vw; }

.card_row { position: relative; }
/*textarea { overflow: none; width: 0; height: 0; margin: 0; padding: 0; border: 0 none; }*/