motsu0

<button id="bt-demo1" class="bt-demo">デモボタン1</button>
<p>オプション指定無し。</p>

motsu0

<div id="sample-outer">
  <p class="sample">sample文章があります。</p>
  <p class="sample">sampleという文字だけ太字にしてみましょう。</p>
</div>

motsu0

.radio-box1{
  display: flex;
}
.radio1{
  display: none;
}
.label-radio1{
  padding: 2px 8px;
  border: 1px solid #3498DB;
  color: #3498DB;

motsu0

const el_time = document.getElementById('time');

const countdown = new countDownTimer({
  element: el_time,  //カウントダウンを表示する要素
  str_date: '2100-01-02T12:00:00',  //カウントダウン目標の時刻　{YYYY}-{MM}-{DD}T{hh}:{mm}:{ss}
  is_d: true,  //bool 日を表示するか否か
  is_h: true,  //bool 時間を表示するか否か
  is_m: true,  //bool 分を表示するか否か
  is_s: true,  //bool 秒を表示するか否か
  is_ms: false,  //bool ミリ秒を表示するか否か

motsu0

/*!
 * bg-color-checkered.js v1.0
 *
 * Copyright (c) 2023 motsu
 *
 * Released under the MIT license.
 * see https://opensource.org/licenses/MIT
 */
 class bgColorCheckered{
  constructor(element, args){

motsu0

.color-checkered{
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 80%;
  max-width: 400px;
  height: 200px;
  margin: 0 auto;
  font-size: 40px;

motsu0

.block{
  margin-bottom: 40px;
}
.bt-common{
  padding: 4px 8px;
  cursor: pointer;
}
/*  */
.area-table{
  overflow-x: auto;

motsu0

.area-file{
  margin: 12px 0;
  text-align: center;
}
#message{
  margin: 12px 0;
  text-align: center;
  color: #e00000;
}
/*  */

motsu0

.block{
  margin: 8px 0 32px 0;
}
.bt-control{
  display: block;
  margin: 12px 0;
  cursor: pointer;
}
.message{
  margin: 12px 0;

motsu0

.block{
  margin-bottom: 32px;
}
th{
  font-weight: normal;
}
/*  */
#bt-sample{
  margin-right: 12px;
  cursor: pointer;