/**
 * Simple Text Styles - Exported CSS
 * エクスポート日時: 2025-12-30 05:15:11
 * このファイルは自動生成されています
 */

/* カスタム設定 */
/* box-gray */
span.box-gray {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em;
    position: relative;
    line-height: 1.4;
    background: #f9f9f9;
    border: 2px solid #d3d3d3;
}
/* box-red */
span.box-red {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em;
    position: relative;
    line-height: 1.4;
    background: #ffebeb;
    border: 2px solid #fa8989;
}
/* box-yellow */
span.box-yellow {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em;
    position: relative;
    line-height: 1.4;
    background: #fff9e5;
    border: 2px solid #fae989;
}
/* label-check */
span.label-check {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em 1em 1em 3.4em;
    position: relative;
    line-height: 1.4;
    background: #edf6ff;
    border: 1px solid #acf;
}
span.label-check:before {
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", Aharoni, "Arial Black", Impact, Arial, sans-serif;
    content: "\f0eb";
    font-weight: 900;
    color: #9cf;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1.2em;
    transform: translateY(-50%) scale(1.5);
}
/* label-warn */
span.label-stop {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em 1em 1em 3.4em;
    position: relative;
    line-height: 1.4;
    background: #ffebeb;
    border: 1px solid #fa8989;
}
span.label-stop:before {
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", Aharoni, "Arial Black", Impact, Arial, sans-serif;
    content: "\f071";
    font-weight: 900;
    color: #fa8989;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1.2em;
    transform: translateY(-50%) scale(1.5);
}
/* label-warn */
span.label-warn {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em 1em 1em 3.4em;
    position: relative;
    line-height: 1.4;
    background: #fff9e5;
    border: 1px solid #fae989;
}
span.label-warn:before {
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", Aharoni, "Arial Black", Impact, Arial, sans-serif;
    content: "\f071";
    font-weight: 900;
    color: #fae989;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 1.2em;
    transform: translateY(-50%) scale(1.5);
}
/* inlink */
span.inlink {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 0 0 0 1.2em;
    position: relative;
    line-height: 1.4;
    display: inline-block;
}
span.inlink:before {
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", Aharoni, "Arial Black", Impact, Arial, sans-serif;
    content: "\f105";
    font-weight: 900;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: .2em;
    transform: translateY(-50%) scale(1.5);
}
/* outlink */
span.outlink {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 0 0 0 2em;
    position: relative;
    line-height: 1.4;
    display: inline-block;
}
span.outlink:before {
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", Aharoni, "Arial Black", Impact, Arial, sans-serif;
    content: "\f0c1";
    font-weight: 900;
    color: #ccc;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: .2em;
    transform: translateY(-50%) scale(1.5);
}
/* box-back-gray */
span.box-back-gray {
    line-height: 1;
    font-size: 1em;
    display: block;
    border: 2px solid #F8F9F9;
    padding: 1.2em 1em;
    background-color: #F8F9F9;
    line-height: 2.3;
}
/* box-back-red */
span.box-back-red {
    line-height: 1;
    font-size: 1em;
    display: block;
    border: 2px solid #ffebeb;
    padding: 1.2em 1em;
    background-color: #ffebeb;
    line-height: 2.3;
}
/* alart */
span.alart:before {
    line-height: 1;
    font-size: 1em;
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free","Font Awesome 5 Brands",Aharoni,"Arial Black",Impact,Arial,sans-serif;
    content: "\f071";
    font-weight: 900;
    padding-right: .2em;
    margin-right: .2em;
    color: #6bb6ff;
}
/* check */
span.check:before {
    line-height: 1;
    font-size: 1em;
    line-height: 1;
    font-size: 1em;
    font-family: "Font Awesome 5 Free","Font Awesome 5 Brands",Aharoni,"Arial Black",Impact,Arial,sans-serif;
    content: "\f058";
    font-weight: 900;
    padding-right: .2em;
    margin-right: .2em;
    color: #6bb6ff;
}
/* label-bg-blue */
span.label-bg-blue {
    line-height: 1;
    font-size: 1em;
    padding: .3em;
    text-align: center;
    background-color: #acf;
    color: #ffffff;
    font-size: 90%;
    margin-right: 5px;
}
/* label-bg-red */
span.label-bg-red {
    line-height: 1;
    font-size: 1em;
    padding: .3em;
    text-align: center;
    background-color: rgb(255, 154, 145);
    color: #ffffff;
    font-size: 90%;
    margin-right: 5px;
}
/* button-orange */
span.button-orange {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em 1.3em;
    background-color: #F6AE2D;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    line-height: 1.4em;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    font-weight: 700;
}
/* button-blue */
span.button-blue {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em 1.3em;
    background-color: #5BA9F7;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    line-height: 1.4em;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    font-weight: 700;
}
/* box-before */
span.box-before {
    line-height: 1;
    font-size: 1em;
    display: block;
    text-align: center;
    position: relative;
    font-size: 1.2em;
    border-radius: 5px;
    padding: .7em;
    font-weight: 500;
    background: #eee;
    color: #797979;
    line-height: 1.5;
}
span.box-before:before {
    line-height: 1;
    font-size: 1em;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #eee;
}
/* box-after */
span.box-after {
    line-height: 1;
    font-size: 1em;
    display: block;
    text-align: center;
    position: relative;
    font-size: 1.2em;
    border-radius: 5px;
    padding: .7em;
    font-weight: 500;
    background: #ffc1bb;
    color: #fff;
    line-height: 1.5;
}
span.box-after:before {
    line-height: 1;
    font-size: 1em;
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    border: 10px solid transparent;
    border-top: 10px solid #ffc1bb;
}
/* boxbackyellow */
span.boxbackyellow {
    line-height: 1;
    font-size: 1em;
    display: block;
    border: 2px solid #fff9e5;
    padding: 1.2em 1em;
    background-color: #fff9e5;
    line-height: 2.3;
}
/* button-green */
span.button-green {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em 1.3em;
    background-color: #679436;
    text-align: center;
    color: #ffffff;
    border-radius: 3px;
    line-height: 1.4em;
    box-shadow: 0 2px 3px rgba(0,0,0,.2), 0 2px 3px -2px rgba(0,0,0,.15);
    font-weight: 700;
}
/* aka-waku */
span.artb-1523 {
    line-height: 1;
    font-size: 1em;
    display: block;
    padding: 1em;
    position: relative;
    line-height: 1.4;
    border: 2px solid #fa8989;
}
/* 蛍光ペン(赤) */
span.artb-130 {
    line-height: 1;
    font-size: 1em;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #f69 75%);
    font-weight: bold;
}
/* 蛍光ペン(緑) */
span.artb-131 {
    line-height: 1;
    font-size: 1em;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #6f6 75%);
    font-weight: bold;
}
/* 蛍光ペン(青) */
span.artb-132 {
    line-height: 1;
    font-size: 1em;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #6cf 75%);
    font-weight: bold;
}
/* 蛍光ペン(黄色) */
span.artb-133 {
    line-height: 1;
    font-size: 1em;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #ff6 75%);
    font-weight: bold;
}
/* ソースコード */
/* 上付き文字 */
/* 下付き文字 */

/* プリセット */
span.highlighter-red { line-height: 1; font-size: 1em; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #f69 75%); font-weight: bold; }
span.highlighter-green { line-height: 1; font-size: 1em; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #6f6 75%); font-weight: bold; }
span.highlighter-blue { line-height: 1; font-size: 1em; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #6cf 75%); font-weight: bold; }
span.highlighter-yellow { line-height: 1; font-size: 1em; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 60%, #ff6 75%); font-weight: bold; }

/* 動的フォント色 */
span.artb-font-color-ff0000 { color: #ff0000; }
span.artb-font-color-ff6600 { color: #ff6600; }
span.artb-font-color-ffcc00 { color: #ffcc00; }
span.artb-font-color-00ff00 { color: #00ff00; }
span.artb-font-color-0066ff { color: #0066ff; }
span.artb-font-color-9900ff { color: #9900ff; }
span.artb-font-color-ff00ff { color: #ff00ff; }
span.artb-font-color-000000 { color: #000000; }
span.artb-font-color-ffffff { color: #ffffff; }
span.artb-font-color-333333 { color: #333333; }
span.artb-font-color-666666 { color: #666666; }
span.artb-font-color-999999 { color: #999999; }
span.artb-font-color-cccccc { color: #cccccc; }

/* 動的背景色 */
span.artb-background-color-ff0000 { background-color: #ff0000; }
span.artb-background-color-ff6600 { background-color: #ff6600; }
span.artb-background-color-ffcc00 { background-color: #ffcc00; }
span.artb-background-color-00ff00 { background-color: #00ff00; }
span.artb-background-color-0066ff { background-color: #0066ff; }
span.artb-background-color-9900ff { background-color: #9900ff; }
span.artb-background-color-ff00ff { background-color: #ff00ff; }
span.artb-background-color-000000 { background-color: #000000; }
span.artb-background-color-ffffff { background-color: #ffffff; }
span.artb-background-color-333333 { background-color: #333333; }
span.artb-background-color-666666 { background-color: #666666; }
span.artb-background-color-999999 { background-color: #999999; }
span.artb-background-color-cccccc { background-color: #cccccc; }

/* 動的フォントサイズ */
span.artb-font-size-10px { font-size: 10px; }
span.artb-font-size-12px { font-size: 12px; }
span.artb-font-size-14px { font-size: 14px; }
span.artb-font-size-16px { font-size: 16px; }
span.artb-font-size-18px { font-size: 18px; }
span.artb-font-size-20px { font-size: 20px; }
span.artb-font-size-24px { font-size: 24px; }
span.artb-font-size-28px { font-size: 28px; }
span.artb-font-size-32px { font-size: 32px; }
span.artb-font-size-36px { font-size: 36px; }
span.artb-font-size-48px { font-size: 48px; }
span.artb-font-size-64px { font-size: 64px; }
span.artb-font-size-0-5em { font-size: 0.5em; }
span.artb-font-size-0-75em { font-size: 0.75em; }
span.artb-font-size-1em { font-size: 1em; }
span.artb-font-size-1-25em { font-size: 1.25em; }
span.artb-font-size-1-5em { font-size: 1.5em; }
span.artb-font-size-1-75em { font-size: 1.75em; }
span.artb-font-size-2em { font-size: 2em; }
span.artb-font-size-2-5em { font-size: 2.5em; }
span.artb-font-size-3em { font-size: 3em; }

/* 投稿で使用されているクラス（参考情報） */
/* 使用中: .artb-font-color */
/* 使用中: .artb-130 */
/* 使用中: .artb-133 */
/* 使用中: .artb-131 */
/* 使用中: .artb-132 */
/* 使用中: .artb-font-size */
/* 使用中: .artb-1523 */