/* common */
html, input, textarea, option, select { font-family:'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;  font-size:15px; }
html, body { margin:0;  padding:0;  height:100%;  width:100%; }
html { scroll-behavior:smooth; }
textarea, input, select { border-width:1px;  padding:2px 5px;  border-radius:3px; }
option { color:#000000; }
input:focus, textarea:focus, select:focus, option:focus { border-color:#80bdff;  outline:0;  box-shadow:0 0 0 .2rem rgba(0,123,255,0.25); }

/* format */
.glink { text-decoration:none;  color:#fffa5c; }
.glink:active, .glink:visited { color:#fffa5c; }
.font_yusei { font-family:"Yusei Magic"; }

/* links */
a, nanikore { text-decoration:none;  cursor:pointer; }
a:hover, nanikore:hover { text-decoration:underline;  transition:.2s; }

/* table */
table { font-size:15px;  border-collapse:collapse; }
td, div { word-break:break-all; }

/* design */
.link_none:hover { text-decoration:none;  background:transparent; }
.imgb { border-radius:1em; }
.checkbox2 { -ms-transform:scale(1.5, 1.5);  -webkit-transform:scale(1.5, 1.5);  transform:scale(1.5, 1.5); }
.vertical_top_block { display:table-cell;  vertical-align:top; }



/* global space */
.global_navi_itt { position:fixed;  left:0;  top:0; }



/* HRline */
.hr1 { border:dashed 1px #ebd9ff; }
.hr2 { border:dashed 1px #0000ff; }
.hr3 { border:dashed 2px #ffff00;  width:75vw; }



/* HTML4 */
b { font-weight:bold; }
i { font-style:italic; }
u { text-decoration:underline; }
s { text-decoration:line-through; }
img { border:0 solid #000000; }



/* animation */
.blink1 { animation-name:blinking1;  animation-duration:1.2s;  animation-iteration-count:infinite; }
@keyframes blinking1 { 0% { opacity:1; }  50% { opacity:0; } }
.blink2 { animation-name:blinking2;  animation-duration:0.5s;  animation-iteration-count:infinite; }
@keyframes blinking2 { 0% { opacity:0; }  50% { opacity:0; } }
.fadein { opacity:1;  transition:2s ease-in-out;  -webkit-transition:3s ease-in-out; }
.fadeout { opacity:0;  transition:2s ease-in-out;  -webkit-transition:3s ease-in-out; }
.loader, .loader:after { border-radius:50%;  width:25px;  height:25px; }
.loader { border-radius:50%;  width:25px;  height:25px;  border-top:5px solid rgba(179,188,245,0.4);  border-right:5px solid rgba(179,188,245,0.4);  border-bottom:5px solid rgba(179,188,245,0.4);  border-left:5px solid #3249e6;  animation:load_anime 1.1s infinite linear; }
@keyframes load_anime { 0% { transform:rotate(0deg); }  100% { transform:rotate(360deg); } }

.rainbow1
{
  background:linear-gradient(to right, #f00 0%, #f80 14.28%, #dd0 28.56%, #0d0 42.85%, #0dd 57.14%, #00f 71.42%, #e0e 85.71%, #f00 100%) 0% center / 200% auto;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:rainbow1 4s linear infinite;
}
@keyframes rainbow1 { to { background-position-x:200%; } }



/* subject v1 */
.article_pink
{
  padding:0 5px;
  border-radius:3px;
  color:#ff3e6f;
  background:#ffb0d8;
}

.article_skyblue
{
  padding:0 5px;
  border-radius:3px;
  color:#1e4bbc;
  background:#ddeaff;
}



/* block1 */
.td_expt { padding:3px;  vertical-align:top;  font-size:13px; }

/* block2 */
.main_sp { width:80%; }
.topic { text-align:left;  padding:3px 15px;  font-size:19px;  border-radius:5px;  background:linear-gradient(90deg,#3864b5,#4e88ed);  color:#ffffff;  font-weight:bold; }
.topic_logo { font-size:23px; }
.topic_moji { text-align:left;  padding:0 8%; }
.topic_space { height:60px; }
.topic_span { height:25px; }



/* push_button v2 */
.button_act2
{
  display:inline-block;
  padding:5px 20px;
  text-align:center;
  border-width:0;
  text-decoration:none;
  border-radius:3px;
  cursor:pointer;
  transition:.4s;
}

.button_act2:active
{
  -ms-transform:translateY(2px);
  -webkit-transform:translateY(2px);
  transform:translateY(2px);
  border-bottom:none;
}

.button_top  /* 上に戻るやつ（ぇ */
{
  padding:1px 40px;
  border-radius:10px;
  color:#ffffff;
  background:#092782;
  border:1px solid #092782;
  cursor:pointer;
  transition:.4s;
}

.button_top:hover
{
  background:#ffffff;
  color:#092782;
}

.button_top:visited
{
  color:#ffffff;
}

.button_top:active
{
  color:#ffffff;
  -ms-transform:translateY(2px);
  -webkit-transform:translateY(2px);
  transform:translateY(2px);
}



/* push_button v3 */
.btn_cp_common
{
  font-size:17px;
  display:inline-block;
  padding:3px 30px;
  border-radius:3px;
  cursor:pointer;
  transition:.4s;
}

.btn_cp_common:active
{
  -webkit-transform:translateY(3px);
  transform:translateY(3px);
}

.btn_send
{
  color:#009100;
  background:#f0fff0;
  border:1px solid #009100;
  font-size:20px;
}

.btn_send:hover
{
  background:#009100;
  color:#ffffff;
}

.btn_edit
{
  color:#d4700b;
  background:#fff4e8;
  border:1px solid #d4700b;
  font-size:17px;
  padding:1px 20px;
}

.btn_edit:hover
{
  background:#d4700b;
  color:#ffffff;
}

.btn_skyblue
{
  color:#04788f;
  background:#e6fbff;
  border:1px solid #04788f;
  font-size:17px;
  padding:1px 20px;
}

.btn_skyblue:hover
{
  background:#04788f;
  color:#ffffff;
}

.btn_del
{
  color:#ad034d;
  background:#ffebf3;
  border:1px solid #ad034d;
  font-size:17px;
  padding:1px 20px;
}

.btn_del:hover
{
  background:#ad034d;
  color:#ffffff;
}

.btn_blue
{
  color:#2a3de8;
  background:#d4d8ff;
  border:1px solid #2a3de8;
  font-size:17px;
  padding:1px 20px;
}

.btn_blue:hover
{
  background:#2a3de8;
  color:#ffffff;
}



/* push_button v4 */
.back
{
  transition:.4s;
  padding:4px 15px 3px 15px;
  border-radius:10px 0 0 10px;
  color:#2f378e;
  background:#bfc4ff;
  border-left:solid 3px #2f378e;
  text-decoration:none;
  cursor:pointer;
  transition:.3s;
}

.recent
{
  transition:.4s;
  padding:4px 15px 3px 15px;
  color:#2f378e;
  background:#bfc4ff;
  text-decoration:none;
  cursor:pointer;
  transition:.3s;
}

.next
{
  transition:.4s;
  padding:4px 15px 3px 15px;
  border-radius:0 10px 10px 0;
  color:#2f378e;
  background:#bfc4ff;
  border-right:solid 3px #2f378e;
  text-decoration:none;
  cursor:pointer;
  transition:.3s;
}

.back:hover, .recent:hover, .next:hover { color:#ffffff;  background:#2f378e;  text-decoration:none; }



/* push_button v5 */
.btnv5_common
{
  display:inline-block;
  font-size:13px;
  padding:1px 10px;
  border-radius:5px;
  cursor:pointer;
  transition:.2s;
}

.btnv5_common:active
{
  -webkit-transform:translateY(2px);
  transform:translateY(2px);
}

.btnv5_green { background:#c7ffc6;  border:1px solid #1b631a;  color:#000000; }
.btnv5_orange { background:#ffc993;  border:1px solid #ba5f04;  color:#000000; }
.btnv5_yellow { background:#ffffaa;  border:1px solid #adad00;  color:#000000; }
.btnv5_skyblue { background:#d0ffff;  border:1px solid #00a8a8;  color:#000000; }
.btnv5_blue { background:#ccd4ff;  border:1px solid #2849fa;  color:#000000; }
.btnv5_red { background:#ffc7c9;  border:1px solid #f5272f;  color:#000000; }
.btnv5_gray { background:#cccccc;  border:1px solid #666666;  color:#000000; }
.btnv5_pink_inv { background:#800444;  border:1px solid #b81d6d;  color:#ffffff; }