@charset "UTF-8";
@import "reset5.css";

body { color:#231f20; line-height:1; background-color: #fff; padding: 0; position: relative; min-height: 100%; text-align: center; overflow: hidden;
	-webkit-text-size-adjust:none;/* iPhoneとかで横向きにすると文字サイズが自動調整をやめる */
	word-spacing: 0.4em;
	letter-spacing: 0.08em;
	}

html body { font-family: altivo, aktiv-grotesk, ryo-gothic-plusn, sans-serif,"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Meiryo", "Osaka", "MS Pゴシック", "MS PGothic", Helvetica, Arial }
	
html { min-height: 100%; }

* {word-wrap: break-word; }
img { -ms-interpolation-mode: bicubic; }

body { font-size:14px; line-height: 1 }
body p { line-height: 2; font-weight: 300 }
*:first-child+html body { font-size:77%;}
* html body { font-size:77%;}

h1,h2,h3,h4,h5 { font-family: altivo, ryo-gothic-plusn, sans-serif; letter-spacing: 0.08em; font-weight: 600 }


iframe { overflow: hidden }

/* !clearfix */
hr { display: none; }

.cfix { /zoom : 1; }
.cfix:after { content : ''; display : block; clear : both; }

/* スクロールバーの有無によるズレ対策 */
html {
	overflow-y: scroll;
}

/* margin-bottom
=========================================*/
.mb0 { margin-bottom:0 !important; }
.mb3 { margin-bottom:3px !important; }
.mb4 { margin-bottom:4px !important; }
.mb5 { margin-bottom:5px !important; }
.mb7 { margin-bottom:7px !important; }
.mb10 { margin-bottom:10px !important; }
.mb12 { margin-bottom:12px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mb60 { margin-bottom:60px !important; }
.mb80 { margin-bottom:80px !important; }

.tx9 { font-size: 9px !important; }
.tx10 { font-size: 10px !important; }
.tx11 { font-size: 11px !important; }
.tx12 { font-size: 12px !important; }
.tx13 { font-size: 13px !important; }
.tx14 { font-size: 14px !important; }
.tx15 { font-size: 15px !important; }
.tx16 { font-size: 16px !important; }
.tx18 { font-size: 18px !important; }
.tx20 { font-size: 20px !important; }
.tx24 { font-size: 24px !important; }

.fltR { float: right; }
.fltL { float: left; }

.txtR { text-align: right !important; }
.txtL { text-align: left !important; }
.txtC { text-align: center !important; }

/* !Links */
a:link { color: #545a5e; text-decoration: none  }
a:visited { color: #444a4e; text-decoration: none }
a:hover { color: #a12827; text-decoration: none }
a:active { color: #a12827; text-decoration: none }
p a:link { border-bottom: 1px dotted; text-decoration: none  }
p a:hover { border-bottom: 0px; text-decoration: none }

html { margin: 0; padding: 0}
body { margin: 0; padding: 0 }

#wrapper { text-align: center; position: relative; background: #fff; margin: 0; padding: 0; z-index: 10 }
#loader { position: fixed; left: 50%; top: 315px; z-index: 10000; }
#news #loader { top: 162px; }

header { background-color: #ff544b; border-bottom: 1px solid #d49a52; position: fixed; left: 0; top: 0; width: 100%; z-index: 10000 }
header h1 { padding: 8px 40px; }
header .home { position: absolute; left: 40px; top: 17px; line-height: 1; background: url(../img/arw1.png) no-repeat left top; background-size: contain; padding-left: 15px; font-weight: bold }
header .home a {color: #fbeede !important }
header .home a:hover { color: #007ea7 }
header .h_ico { position: absolute; right: 110px; top: 9px; width: 200px }
header .h_ico li { float: left; width: 20% }
header .h_ico li a { padding: 0; display: block }
header .lang { position: absolute; right: 10px; top: 9px; width: 100px; }
header .lang li { float: left; width: 50% }
header .lang li a { display: block; line-height: 30px; font-weight: bold; font-family: Helvetica, Arial, sans-serif }
header .lang li:first-child a { border-right: solid 1px #d49a52; }
header .lang li a:link, header .lang li a:visited { color: #fff }
header .lang li a:hover { color: #a12827; }

#main { margin: 46px 0 0; border-bottom: 1px solid #d6cfc5; background-color: #f6efe5; width: 100%;  position: relative; }
#main .vis { position: absolute; left: 0; top: 0; width: 100%; opacity: 0 }
#main .vis a { position: relative; width: 100%; display: block }
#main .vis a img { position: absolute; left: 0; top: 0; opacity: 0 }
#main .vis a img:first-child { opacity: 1 }
#main .vis .cap { position: absolute; bottom: 0; width: 100%; height: 85px; background: url(../img/blk70.png); color: #fff; font-size: 18px; letter-spacing: 0; font-weight: bold; z-index: 10 }
#main .vis .cap p { display: none }
#vis1 .cap p { padding-top: 27px; }

#main_sp { margin: 42px 0 0; border-bottom: 1px solid #d6cfc5; background-color: #fefbf7; display: none }
#main_sp .vis_sp { /*position: absolute; left: 0; top: 0;*/ opacity: 0 }
#main_sp .vis_sp .cap { padding: 15px 0; background: url(../img/blk70.png); color: #fff; font-size: 12px; letter-spacing: 0; font-weight: bold; }
#main_sp .vis_sp .cap p { /*display: none*/ }

#top section { padding: 60px 0 0; border-bottom: 1px solid #d6cfc5; }
#top section h2 { font-size: 24px; color: #ff544b; margin: 0 0 25px }

#top #news ul { max-width: 1280px; margin: 0 auto }
#top #news li { width: 50%; float: left; padding: 0 0 20px; cursor: pointer }
#top #news li .inner { padding: 0 20px; text-align: left }
#top #news li .inner div { padding: 15px; border: 1px solid #f6efe5; border-radius: 16px; box-shadow: 2px 2px 3px #e6dfd5; transition: all 0.2s; }
#top #news li .inner div:hover { transform: scale(1.02); box-shadow: 2px 2px 9px #e6dfd5; }
#top #news li .inner img { float: left; margin-right: 20px }
#top #news li .inner .date { margin-top: 12px }
#top #news li .inner .date span { border-top: 3px solid #a22827; padding: 15px 0 0; font-size: 12px; font-style: italic; line-height: 1 }
#top #news li .inner .cate { letter-spacing: 0.2em; color: #ff544b; font-size: 12px; margin-bottom: 5px; font-weight: bold }
#top #news li .inner h3 { font-size: 18px; line-height: 1.6 }

.frf23 { padding: 0 20px 60px; max-width: 1240px; margin: 0 auto }
.frf23 .yt { margin-bottom: 20px }
.frf23 .bt { width: 50%; margin: 0 auto; }

#official h2 { font-size: 20px; color: #ff544b; }
#official .links { display: none; font-size: 24px; padding: 12px 0 24px; }
#official .links a { font-weight: bold; font-family: Helvetica, Arial, sans-serif }
#official .icons { background-color: #ff544b; border-top: 1px solid #d6cfc5; }
#official .icons ul { width: 450px; margin: 0 auto }
#official .icons li { float: left; width: 20% }

.bnrs { padding: 50px 0; border-bottom: 1px solid #eae7e2; }
.bnrs a { margin: 0 10px }

.sns_box { margin: 0 auto; padding: 40px 0; width: 160px }
.sns_box li { float: left; width: 70px; overflow: hidden; padding: 0 5px }

footer { padding: 60px 0 15px; background: #f7f7f7; position: relative }
footer .logo_smash { margin: 0 0 15px }
footer p.copyright { margin: 0 0 5px; font-size: 12px; }
#foot_img { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 0 }

#pagetop { width: 49px; height: 40px; cursor: pointer; position: fixed; right: -49px; bottom: 40px; z-index: 10 }


/*////////// 第2階層 ////////// */

#main_vis { margin: 46px 0 0; border-bottom: 1px solid #d6cfc5; background-color: #fefbf7 }
#main_vis img { opacity: 0; margin: 0; padding: 0 }

#content { width: 1024px; margin: 92px auto 40px; opacity: 0 }
#content .left { width: 180px; float: left; text-align: left }
#content .left .date { border-top: 3px solid #a22827; padding: 30px 10px; font-size: 14px; font-style: italic; line-height: 1 }
#content .left .cate { padding: 0 10px; letter-spacing: 0.2em; color: #ff544b; font-size: 16px; font-weight: bold }

#content .right { width: 804px; float: right; text-align: left; border-top: 1px solid #d6cfc5; }
#content .right h2 { font-size: 20px; padding: 30px 0; margin: 0 0 30px; border-bottom: 2px solid #eae7e2; line-height: 1.5 }
#content table { border: solid #d6cfc5; border-width: 0 1px 1px 0; }
#content th { line-height: 1.8; font-weight: bold; padding: 10px; border: solid #d6cfc5; border-width: 1px 0 0 1px }
#content td { line-height: 1.8; padding: 10px; border: solid #d6cfc5; border-width: 1px 0 0 1px }
#content table.nb, #content table.nb th, #content table.nb td { border: none }
#content th.hd { background-color: #f7f7f7; }
#content .right h3 { font-size: 18px; margin: 0 0 20px; border-left: 2px solid #ff544b; padding-left: 15px }
#content .right h3.titC { font-size: 18px; margin: 0 0 20px; border-left: none; padding-left: 0; text-align: center }
#content .right h4 { font-size: 15px; margin: 0 0 20px; }
#content .right P.it { font-style: italic; }
#content .right article { margin: 0 0 60px; padding: 0 10px }
/*#content .right ol {}
#content .right ol li { list-style:inside square; padding-left: 1em; text-indent: -1em; line-height: 1.8; margin-bottom: 1em }
#content .right ol.cir li { list-style:inside none }
#content .right ol.cir li:before { content:"・" }
#content .right ol.disc li { list-style:inside disc }
#content .right ol.disc li strong { font-size: 15px; font-weight: 500 !important }*/
.pbox { background-color: #fdedee; padding: 25px 15px 15px }
.mailbox { padding: 15px; border: solid 1px #eae7e2 }

.cont_inner { padding: 0 0 60px }
.cont_foot { height: 50px; border-top: 1px solid #d6cfc5; background: url(../img/sdw2.png) no-repeat center top; padding: 0 10px }
.cont_foot .prev { width: 50%; float: left; text-align: left }
.cont_foot .prev p { margin-top: 20px; line-height: 1.2; background: url(../img/arw3.png) no-repeat left top; padding-left: 15px }
.cont_foot .next { width: 50%; float: right; text-align: right }
.cont_foot .next p { margin-top: 20px; line-height: 1.2; background: url(../img/arw2.png) no-repeat right top; padding-right: 15px }
.cont_foot a:link { border-bottom: 1px dotted }
.cont_foot a:hover {  border-bottom: 0px; text-decoration: none }

#news .btns img { margin: 0 5px 10px }

#news section { padding: 40px 0 0; border-bottom: 1px solid #d6cfc5; }
#news section h2 { margin: 0 0 20px }

#content .right .qa { margin-bottom: 50px }
#content .right .qa h3 { border-left: none; padding-left: 40px; position: relative }
#content .right .qa h3 .ico { position: absolute; left:0; top: -5px }
#content .right .qa p { padding-left: 40px; margin: 10px 0 0; position: relative }
#content .right .qa p .ico { position: absolute; left:0; top: -2px }

.sns_btn { width: 100% }
.sns_btn li { float: left; width: 115px; overflow: hidden; padding: 0 5px }

div.bt { text-align: center; font-size: 16px; font-weight: bold }
div.bt a { padding: 20px; display: block; border: 2px solid #d6cfc5; background-color: #fff; border-radius: 16px; transition: all 0.2s; } 
div.bt a:hover { padding: 20px; display: block; background-color: #ff544b; border: 2px solid #ff544b; color: #fff } 

p.ind { padding-left: 1em; text-indent: -1em; }
.pl10 { padding-left: 10px }
.nw { white-space: nowrap }
.nolink { opacity: 0.4 }
.uline { text-decoration: underline }
.red { color: #007ea7 }

.imgs { line-height: 0 }
.imgs img { margin: 0; padding: 0 }

.w14 { width: 12% !important; }
.w30 { width: 30% !important; }
.sp { display: none }

.news_btn { text-align: center; line-height: 2; border: 2px solid #000 }
.news_btn a { padding: 1em 0; display: block; font-size: 15px; font-weight: 500 }
.news_btn a:link { color: #000 }
.news_btn a:hover { background: #000; color: #FFF }
.news_btn a:active { color: #000 }

.msg { position: relative; background: #ffefcf; margin: 0 -10px }
.msg .msg-head { position: absolute; left: 0; top: 0; z-index: 0 }
.msg .msg-foot { position: absolute; left: 0; bottom: 0; z-index: 0 }
.msg-inner { position: relative; padding: 120px 100px 200px; text-align: center; z-index: 10 }
.msg-inner .logoset { width: 280px; margin: 0 auto 2em }
.msg p { font-size: 18px; line-height: 3em; font-weight: 500; }
#content .right .msg h3 { font-size: 24px; line-height: 2em; margin: 0 0 40px; border-left: none; padding-left: 0; text-align: center }

/* リストの高さ揃える */
.list-flex { display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

/* カラム */
.col_4,
.incol_4,
.incol_3,
.incol_2 {
  font-size: 0;
  letter-spacing: -0.4em;
  word-spacing: -1em;
}
.col_4 li,
.incol_4 li,
.incol_3 li,
.incol_2 li {
  float: left;
  padding: 0;
  vertical-align: top;
  list-style: none;
}
.col_4 ul,
.incol_3 ul { margin: 0 -12px }
.col_4 li,
.incol_3 li {
  width: calc(33% - 24px);
  padding: 0 12px; 
  margin: 0 0 40px;
}
.incol_4 ul {
  margin: 0 -10px
}
.incol_4 li {
  width: calc(25% - 20px);
  padding: 0 10px; 
  margin: 0 0 20px;
}
.incol_2 ul {
  margin: 0 -20px
}
.incol_2 li {
  width: calc(50% - 40px);
  padding: 0 20px;
  margin: 0 0 20px;
}
.col_4 li:nth-child(4n),
.incol_4 li:nth-child(4n) {
  margin-right: 0;
}
.incol_3 li:nth-child(3n) {
  margin-right: 0;
}
.incol_2 li:nth-child(2n) {
  margin-right: 0;
}
.col_4 li img,
.incol_4 li img,
.incol_3 li img,
.incol_2 li img {
  width: 100%;
  margin-bottom: 15px !important;
}
.col_4 li p,
.incol_4 li p,
.incol_3 li p,
.incol_2 li p {
  font-size: 13px !important;
  letter-spacing: 0.08em;
  word-spacing: normal;
}
.incol_3 li dl {
  margin-bottom: 40px;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: 0.08em;
  word-spacing: normal;
}
.incol_3 li dt {
  margin-bottom: 5px;
  font-weight: 500;
}
.incol_3 li dd.listen:before {
  content: "試聴：";
  font-weight: 500;
}
.incol_3 li dd.rookie:before {
  content: "YouTube：";
  font-weight: 500;
}

.pc-none { display: none !important }
.sp-none { display: block !important }

@media screen and (max-width:768px){
	
body { font-size:13px; line-height: 1 }
body p { line-height: 1.8; }

header { height: 41px }
header h1 img { width: 220px; height: auto }
header .home { display: none }
header .h_ico { display: none }
header .lang { display: none }

#main { margin: 42px 0 0; }
#main .vis .cap { position: relative; bottom: inherit; width: 100%; height: 64px; font-size: 13px; }
#main .vis .cap p { display: none }
#vis1 .cap p { padding: 10px 20px; }

#loader { position: fixed; width: 16px; height: 16px; left: 50%; top: 124px; margin-left: -8px;}
#news #loader { top: 70px; }

#top section { padding: 20px 0 0; border-bottom: 1px solid #d6cfc5; }
#top section h2 { font-size: 20px; margin: 0 0 15px }

#top #news li { width: 100%; float: none; padding: 0; background: none }
#top #news li .inner { padding: 5px; text-align: left }
#top #news li .inner div { padding: 10px; }
#top #news li .inner img { width: 90px; height: 90px }
#top #news li .inner .date { margin-top: 4px }
#top #news li .inner .date span { padding: 7px 0 0; font-size: 8px; font-style: italic; line-height: 1 }
#top #news li .inner .cate { display: none }
#top #news li .inner h3 { font-size: 15px; line-height: 1.4; letter-spacing: 0 }

#official .links { display: block; font-size: 18px; padding: 10px 0 20px; }
#official .icons ul { width: 100%; }
#official .icons ul li { width: 20%; }
#official .icons ul li img { width: 100%; height: auto }

.frf23 .bt { width: 100%; }

.bnrs { padding: 20px 0; }
.bnrs a { margin: 5px 0; display: block }
.bnrs img { width: 300px; height: auto }

.sns_box { padding: 20px 0; }

footer { padding: 40px 0 10px }
footer p { font-size: 8px !important; letter-spacing: 0 }
footer p.copyright { margin: 0 0 5px; font-size: 9px !important; letter-spacing: 0 }
#foot_img { position: fixed; left: -15%; bottom: 0; width: 130%; }

#main_vis { margin: 42px 0 0; }
#main_vis img { opacity: 0 }

#content { width: 100%; margin: 42px auto 20px }
#content .left { width: 100%; float: none; text-align: left }
#content .left .date { padding: 10px 10px 5px; font-size: 13px; font-style: italic; line-height: 1 }
#content .left .cate { padding: 0 10px 5px; letter-spacing: 0.2em; font-size: 14px; }
#content .right { width: 100%; float: none; text-align: left; border-top: 1px solid #d6cfc5; }
#content .right .inner { padding: 0 10px }

#content .right h2 { font-size: 16px; line-height: 1.4; padding: 20px 0; margin: 0 0 10px; }
#content .right h3 { font-size: 15px; line-height: 1.4; margin: 0 0 10px; }
#content .right h4 { font-size: 13px; line-height: 1.4; margin: 0 0 10px; }

#content td { word-break:break-all }

#news .btns img { width: 280px; height: auto; margin: 0 0 10px }

.cont_inner { padding: 0 0 30px }

.cont_foot .prev p span { display: none }
.cont_foot .next p span { display: none }

#news section { padding: 20px 0 0; border-bottom: 1px solid #d6cfc5; }
#news section h2 { margin: 0 0 15px }
#news div.bt { margin-top: 20px }
div.bt { line-height: 1.8 }
div.bt a { padding: 15px }
div.bt a:hover { padding: 15px; }
	
.w14 { width: auto }
.sp { display: block }

.news_btn a { font-size: 13px; }
	
.msg { margin: 0 -20px }
.msg-inner { padding: 4em 2em 8em; }
.msg-inner .logoset { width: 200px; margin: 0 auto 2em }
.msg p { font-size: 15px }
#content .right .msg h3 { font-size: 20px; margin: 0 0 20px; }

.col_4 ul,
.incol_4 ul,
.incol_3 ul,
.incol_2 lu {
	margin: 0 -10px;	
}
.col_4 li,
.incol_4 li,
.incol_3 li,
.incol_3 li:nth-child(3n),
.incol_2 li {
  width: calc(50% - 20px);
  padding: 0 10px;
}
.col_4 li:nth-child(2n),
.incol_4 li:nth-child(2n),
.incol_3 li:nth-child(2n),
.incol_2 li:nth-child(2n) {
  margin-right: 0;
}

.pc-none { display: block !important }
.sp-none { display: none !important }

}


/*===============================================
2022 General 
===============================================*/
article { line-height: 2em }
.sec { margin-top: 4em }
article ul {
  padding-left: 1.2em;
}
article ul li {
  padding: 0.25em 0
}
article ul.sq {
  padding-left: 1.2em;
  list-style-type: square;
}
article ul.sq li {
	padding: 0.25em 0
}
article ul.cir {
  padding-left: 1.2em;
  list-style-type: circle;
}
article ul.cir li {
	padding: 0.25em 0
}
ul li.circle,
ul li.asterisk,
ul li.asterisk_ {
  list-style-type: none;
}
.circle:before {
  content: "● ";
  margin-left: -1.2em;
}
.asterisk:before {
  content: "※ ";
  margin-left: -1.2em;
}
.asterisk_:before {
  content: "* ";
  margin-left: -1em;
}
.ind { padding-left: 1.2em; }
.ind_ { padding-left: 1.2em; text-indent: -1.2em }
article ol { margin-left: 2em }
article ol li { list-style-type: decimal }

article table.pln { border: none }
article table.pln th { font-style: normal; padding: 0.25em 1.2em; min-width: 1em; border: none; white-space: nowrap; vertical-align: top }
article table.pln td { font-style: normal; padding: 0.25em 1.2em; border: none; }

.mt-05 { margin-top: 0.5em !important }
.mt-1 { margin-top: 1em !important }
.mt-2 { margin-top: 2em !important }
.mt-3 { margin-top: 3em !important }
.mt-4 { margin-top: 4em !important }
.mt-5 { margin-top: 5em !important }
.mt-6 { margin-top: 6em !important }
.mt-8 { margin-top: 8em !important }
.mt-10 { margin-top: 10em !important }
.mt-12 { margin-top: 12em !important }
.mb-05 { margin-bottom: 0.5em !important }
.mb-1 { margin-bottom: 1em !important }
.mb-2 { margin-bottom: 2em !important }
.mb-3 { margin-bottom: 3em !important }
.mb-4 { margin-bottom: 4em !important }
.mb-5 { margin-bottom: 5em !important }
.mb-6 { margin-bottom: 6em !important }
.mb-8 { margin-bottom: 8em !important }
.mb-10 { margin-bottom: 10em !important }
.mb-12 { margin-bottom: 12em !important }

.pbox { padding: 1.2em; background: #f7f7f7 }
.pbox.bg1 { background: #dcf0f4 }
.pbox.bg2 { background: #dcf3f1 }
.pbox.bg3 { background: #eff5d9 }
.pbox.bg4 { background: #fcf0d3 }
.pbox.bg5 { background: #fce3d5 }
.pbox.bg6 { background: #f5dde4 }
.pbox.bg7 { background: #f0e0ef }
.pbox.bg8 { background: #e5e5f5 }
.pbox.bg9 { background: #e8e8e8 }

.tc1 { color: #4eb2ca }
.tc2 { color: #50c4b8 }
.tc3 { color: #adcc3f }
.tc4 { color: #f2b425 }
.tc5 { color: #ef732e }
.tc6 { color: #50c4b8 }
.tc7 { color: #cb5477 }
.tc8 { color: #7d7dcc }
.tc9 { color: #8c8c8c }

.ts-larger { font-size: 1.12em !important }
.ts-smaller { font-size: 0.88em !important }

.qr { text-align: left; padding: 0 1em 1em; }
.qr span { width: 160px; display: inline-block; padding: 0 0 1em; line-height: 2em }

@media screen and (max-width:768px){
}

/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #a7a7a7;
  color: #a7a7a7;
  box-shadow: 9999px 0 0 -5px #a7a7a7;
  animation: dot-pulse 1.5s infinite linear;
  animation-delay: .25s;
}

.dot-pulse::before, .dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #a7a7a7;
  color: #a7a7a7;
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #a7a7a7;
  animation: dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #a7a7a7;
  animation: dot-pulse-after 1.5s infinite linear;
  animation-delay: .5s;
}

@keyframes dot-pulse-before {
  0% {
    box-shadow: 9979px 0 0 -5px #a7a7a7;
  }
  30% {
    box-shadow: 9979px 0 0 3px #a7a7a7;
  }
  60%,
  100% {
    box-shadow: 9979px 0 0 -5px #a7a7a7;
  }
}

@keyframes dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px #a7a7a7;
  }
  30% {
    box-shadow: 9999px 0 0 3px #a7a7a7;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #a7a7a7;
  }
}

@keyframes dot-pulse-after {
  0% {
    box-shadow: 10010px 0 0 -5px #a7a7a7;
  }
  30% {
    box-shadow: 10010px 0 0 3px #a7a7a7;
  }
  60%,
  100% {
    box-shadow: 10010px 0 0 -5px #a7a7a7;
  }
}

strong { font-weight: bold !important }