/* serendy.css Ver.20241007a */

html {
    touch-action: manipulation;
	/* touch-action: pay-y; */
	overscroll-behavior: none; /* スクロールのバウンスの無効化 */
}
body {
    background-color: #000000;
	font-family: "monospace", "ＭＳ ゴシック", "Helvetica Neue", "sans-serif", "Arial";
	margin-left: auto;
	margin-right: auto;
    touch-action: manipulation;
    /* ダブルタップ拡大を無効化 */
    /* ↓↓↓長押し機能を無効化↓↓↓ */
    /*pointer-events: none;*/
    -webkit-touch-callout: none;
    -webkit-user-callout: none;
    /*-webkit-user-select: none;*/
    -webkit-user-drag: none;
    -webkit-user-modify: none;
    -webkit-highlight: none;
    /* ↑↑↑長押し機能を無効化↑↑↑ */
    box-sizing: border-box;
}
a {
	font-weight: normal;
	text-decoration: none;
}
a:link {
	color: royalblue;
}
a:visited {
	color: royalblue;
}
a:hover {
	color: hotpink;
	text-decoration: underline;
}
a:active {
	color: hotpink;
}
.kadomaru {
    width: 120px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline;
    text-align: center;
    padding: 4px 10px 4px 10px;
    color: #ffffff;
    background-color: #dddddd;
    border-radius: 5px;
}
.touhaba {
    font-family: "Menlo";
}
.smaller {
    font-size: 90%;
}
.float-left {
    float: left;
    margin-right: 10px; /* imgタグとiframeタグの間隔を調整 */
}
.outline1wh {
    text-shadow:1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
}
.outline1bk {
    text-shadow:1px 1px 0 #000,-1px 1px 0 #000,1px -1px 0 #000,-1px -1px 0 #000;
}
.outline2wh{
    text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.outline2bk{
    text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000;
}
.outline1gr {
    text-shadow:1px 1px 0 #ddd,-1px 1px 0 #ddd,1px -1px 0 #ddd,-1px -1px 0 #777;
}
.outline2gr{
    text-shadow:0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #ddd,0 0 3px #fff;
}
/* 二重取り消し線 */
.double-line-through {
    position: relative;
}
.double-line-through::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 40%; /* テキストの中央に一番近い位置に設定 */
    height: 2px;
    background-color: currentColor;
}
.double-line-through::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 60%; /* 上の線の少し下にもう1本追加 */
    height: 2px;
    background-color: currentColor;
}