.ytoptxt {
  writing-mode: horizontal-tb !important; /* 💡最優先で横書き（左から右）にする指示 */
  width: 100% !important;                  /* 横幅をしっかり広げる */
  text-align: center;                      /* 文字を中央寄せにする */
  font-size: 24px !important;      
  line-height: 1.5 ;      /* 💡行の幅（上下のすき間）をきゅっと小さく狭める指定 */
  color: #000000 !important;        /* 文字色は黒のまま維持 */
  text-shadow: 
    2px  2px 4px #ffffff,
   -2px  2px 4px #ffffff,
    2px -2px 4px #ffffff,
   -2px -2px 4px #ffffff,
    0px  0px 8px #ffffff; 
}


/* もし文字が「ul」や「li」のリストで小分けにされている場合の保険の指示 */
.ytoptxt li {
  display: inline-block !important;        /* 縦並びを解除して横に並べる */
  writing-mode: horizontal-tb !important;
  margin: 0 5px !important;                /* 文字と文字の間のすき間 */
}

@media screen and (max-width: 599px) {
  .ytoptxt {
    font-size: 12px !important;     /* スマホ画面からはみ出さないサイズ */
    line-height: 1.4 ;
    padding-left: 10% ;  /* 💡画面の右端にぴったりくっつきすぎないためのすき間 */
    padding-right: 10%;
    margin-top: -10px;
    
  }
  .head-wrap01 {
    right: 0%;
}
}