/* 諸行無常 是生滅法 生滅滅已 寂滅爲樂 */
a:link {color:#05B;text-decoration:none;}
a:visited {color:#05B;text-decoration:none;}
a:hover {color:#05B;text-decoration:underline;}

a.usev:link {color:#05B;}
a.usev:visited {color:#926;}
a.usev:hover {color:#05B;}
a.usev:visited:hover {color:#926;}
.ausev a:link {color:#05B;}
.ausev a:visited {color:#926;}
.ausev a:hover {color:#05B;}
.ausev a:visited:hover {color:#926;}


* {
}
body {
color:#000;
font-size:13px;
margin:0;
padding:0;
line-height:1;
overflow-wrap:break-word;
word-wrap:break-word;
overflow-wrap:anywhere;
font-family:sans-serif;
}
img,video,iframe,input,select,textarea {
vertical-align:text-bottom;
}
img,video,iframe {
border:0;
}
a img {
border:0;
}

button,input,select,textarea {
font-family:inherit;
}


button {
border:unset;
margin:unset;
padding:unset;
display:inline-block;
background:unset;
padding-block:unset;
padding-inline:unset;
line-height:unset;
height:unset;
width:unset;
appearance:unset;
box-sizing:content-box;
}


table {
}
input[type="text"],input[type="password"],textarea {
padding:2px;
background-color:#FFF;
border:1px solid #CCC;
font-size:13px;
outline:none;
color:#666;
}
input[type="text"]:hover,input[type="password"]:hover,textarea:hover {
border-color:#AAA;
color:#444;
}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
border-color:rgba(40,139,240,0.7);
color:#000;
}
input[type="radio"],input[type="checkbox"] {
vertical-align:middle;
margin:2px 3px 2px 2px;
}
textarea {
padding:5px;
overflow:auto;
resize:none;
vertical-align:top;
}
blockquote {
margin:20px;
}
h1,h2,h3,h4,h5,h6,form {
padding:0;
margin:0;
}
p {
margin-top:3px;
margin-bottom:3px;
}

ul {
margin:0;
padding:7px 0 7px 20px;
}
ol {
margin:0;
padding:7px 0 7px 20px;
}

li {
margin-top:0.2em;
margin-bottom:0.2em;
}
h1,h2,h3,h4,h5,h6 {
font-size:inherit;
font-weight:normal;
}

th {
font-weight:normal;
}

i {
font-style:normal;
font-weight:normal;
}
em {
font-style:normal;
font-weight:bold;
}
strong {
color:#C33;
font-style:normal;
font-weight:normal;
}

fieldset {
border:1px solid #DDD;
border-radius:3px;
margin:3px 0;
}
legend {
color:#666;
font-size:11px;
font-weight:bold;
}


/* 文字類の装飾　汎用 */


.system {
font-style:italic;
}
.em {
font-style:normal;
font-weight:bold;
}
.pointer {
cursor:pointer;
}
.weak {
color:#666;
}

.xweak {
color:#999;
}

.noauth {
color:#666;
}

.notfound {
color:#666;
}
.unavailable {
color:#666;
}

.sysmsg {
color:#080;
}
.samplecomment {
color:#0AE;
}
.sysvalue {
color:#F80;
font-style:italic;
}
.require {
color:#F30;
}

input.ascii {
ime-mode:disabled;
}

input.lrg {
font-size:14pt;
letter-spacing:1px;
}
input.num{
font-size:12pt;
padding:1px 3px;
}

strong.num {
color:#FFF;
margin-left:10px;
padding:2px 5px;
}


/* 回り込み解除 */
.break {
clear:both;
}







a.block {
display:block;
padding:1px 0;
}
span.block {
display:block;
padding:1px 0;
}



.tb {
line-height:1.6;
}


.tbl {
line-height:1.3;
}


/* 汎用テキスト */
.xxxlrg-text {
font-size:30px;
}
.xxlrg-text {
font-size:26px;
}
.xlrg-text {
font-size:22px;
}
.lrg-text {
font-size:18px;
}
.mid-text {
font-size:15px;
}
.smid-text {
font-size:14px;
}
.sml-text {
font-size:13px;
}
.ssml-text {
font-size:12px;
}
.xsml-text {
font-size:11px;
}
.xxsml-text {
font-size:10px;
}



/* スペーサー */
p.s3 {
margin:0;
padding-top:3px;
}
p.s5 {
margin:0;
padding-top:5px;
}
p.s7 {
margin:0;
padding-top:7px;
}
p.s10 {
margin:0;
padding-top:10px;
}
p.s12 {
margin:0;
padding-top:12px;
}
p.s15 {
margin:0;
padding-top:15px;
}
p.s20 {
margin:0;
padding-top:20px;
}
p.s25 {
margin:0;
padding-top:25px;
}
p.s30 {
margin:0;
padding-top:30px;
}
p.s40 {
margin:0;
padding-top:40px;
}

@media screen and (max-width:500px) {
p.s20 {
margin:0;
padding-top:17px;
}
p.s25 {
margin:0;
padding-top:21px;
}
p.s30 {
margin:0;
padding-top:25px;
}
p.s40 {
margin:0;
padding-top:34px;
}
}
@media screen and (max-width:400px) {
p.s20 {
margin:0;
padding-top:15px;
}
p.s25 {
margin:0;
padding-top:19px;
}
p.s30 {
margin:0;
padding-top:23px;
}
p.s40 {
margin:0;
padding-top:32px;
}
}

p.solidline {
margin:7px 0;
border-top:1px solid #CCC;
}
p.line {
margin:7px 0;
border-top:1px solid #E8E8E8;
}
p.line-d {
margin:7px 0;
border-top:1px solid #444;
}
p.gline {
background:linear-gradient(to right,#FFF 0%,#DDD 15%,#DDD 85%,#FFF 100%);
padding-top:1px;
margin:4vh 0;
}








div.emnote {
border:solid 1px #E88;
padding:9px;
background-color:#FFF4F4;
}
@media screen and (max-width:500px) {
div.emnote {
padding:5px;
}
}




/* 共通 */

h1#TITLE {
font-weight:bold;
font-size:20px;
}
h1#TITLE a {
color:#000;
}
@media screen and (max-width:800px) {
h1#TITLE {
font-size:18px;
}
}
@media screen and (max-width:500px) {
h1#TITLE {
font-size:16px;
}
}


img.emoji {
width:1.1em;
height:1.1em;
margin:0 1px;
vertical-align:-0.1em;
}



input.btn,button.btn {
background-color:#F1F1F1;
color:#000;
height:34px;
margin:0;
border-radius:18px;
padding-block:unset;
padding-inline:unset;
padding:0 10px;
border:0;
min-width:3em;
text-align:center;
}
input.btn:hover,button.btn:hover {background-color:#E8E8E8;}
input.btn:active,button.btn:active {background-color:#DDD;box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);}
input.smlbtn,button.smlbtn {
background-color:#F1F1F1;
color:#000;
height:26px;
font-size:12px;
margin:0;
border-radius:13px;
padding-block:unset;
padding-inline:unset;
padding:0 8px;
border:0;
min-width:2em;
text-align:center;
}
input.smlbtn:hover,button.smlbtn:hover {background-color:#E8E8E8;}
input.smlbtn:active,button.smlbtn:active {background-color:#DDD;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);}
input.btndel,button.btndel {
background-color:#D55;
color:#FFF;
height:30px;
margin:0;
border-radius:15px;
padding-block:unset;
padding-inline:unset;
padding:0 8px;
border:0;
min-width:3em;
margin:2px 0;
text-align:center;
}
input.btndel:hover,button.btndel:hover {background-color:#D33;}
input.btndel:active,button.btndel:active {background-color:#B11;box-shadow:inset 0 1px 3px rgba(102,0,0,0.2);}

.input_and_btn_box {
display:flex;
flex-wrap:wrap;
align-content:flex-start;
align-items:center;
justify-content:start;
}
.input_and_btn_box > * {
margin-left:3px !important;
}
.input_and_btn_box :first-child {
margin-left:0 !important;
}


div.box,p.box {
border-radius:3px;
border:solid 1px #DDD;
padding:9px;
}

a.g {
color:#888;
}
a.g:visited {
color:#888;
}
a.g:hover {
color:#05B;
}


a.del {
color:#888;
line-height:1;
padding:1px 3px;
}
a.del:visited {
color:#888;
}
a.del:hover {
text-decoration:none;
background-color:#D33;
color:#FFF;
}
a.edit {
color:#888;
line-height:1;
padding:1px 3px;
}
a.edit:visited {
color:#888;
}
a.edit:hover {
text-decoration:none;
background-color:#288BF0;
color:#FFF;
}








/* ライトボックス */

#lightboxLoader {
z-index:250;
background-color:#FFF;
position:absolute;
border-radius:3px;
width:26px;
height:26px;
box-shadow:0 1px 3px rgba(0,0,0,0.4);
}
#lightboxLoader img {
width:16px;
height:16px;
margin:5px;
}
#lightboxLoader span.loader {
margin:5px;
}
#lightbox {
}
#lightboxOuter {
box-shadow:0 3px 9px rgba(0,0,0,0.4);
border-radius:4px;
text-align:left;
border:1px solid #BBB;
background-color:#FFF;
z-index:200;
position:absolute;
}
#lightboxCont {
padding:8px;
text-align:left;
}
#lightboxSay {
top:-10px;
left:50px;
width:19px;
height:10px;
position:absolute;
overflow:hidden;
}
#lightboxSay::before {
position:absolute;
top:4px;
left:1px;
content:"";
width:15px;
height:15px;
display:block;
background-color:#FFF;
border:1px solid #BBB;
transform:rotate(-45deg);
}
.lightboxSayRev {
top:unset !important;
bottom:-10px !important;
}
.lightboxSayRev::before {
top:-10px !important;
}
#lightboxButton {
top:-7px;
right:-7px;
width:10px;
height:10px;
padding:7px;
position:absolute;
cursor:pointer;
background-color:#999;
color:#FFF;
border-radius:50%;
}
#lightboxButton svg {
width:10px;
height:10px;
vertical-align:top;
fill:#FFF;
pointer-events:none;
}
#lightboxButton:hover {
background-color:#D33;
}

#overlay {
position:absolute;
top:0;
left:0;
z-index:100;
width:100%;
background:url(../../i/_.gif);
}
#overlay2 {
position:fixed;
top:0;
left:0;
z-index:100;
width:100%;
height:100%;
background-image:url(../../i/overlay.png);
}








span.susa {
color:#05B;
cursor:pointer;
}
span.susa:hover {
text-decoration:underline;
}
span.susab {
color:#000;
cursor:pointer;
}
span.susab:hover {
text-decoration:underline;
}
span.g {
color:#888;
cursor:pointer;
}
span.g:hover {
color:#05B;
}
span.del {
color:#AAA;
font-weight:normal;
cursor:pointer;
line-height:1;
padding:1px 3px;
}
span.del:hover {
background-color:#D33;
color:#FFF;
}








@keyframes showelem {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes hideelem {
0% {opacity:1;}
100% {opacity:0;}
}
.a---hide {
animation:hideelem 0.2s ease 0s 1 forwards;
}
.a---show {
animation:showelem 0.2s ease 0s 1 forwards;
}


span.tooltip,i.tooltip {
cursor:default;
background-color:rgba(40,139,240,0.5);
color:#FFF;
border-radius:7px;
text-align:center;
font-size:11px;
width:13px;
height:13px;
line-height:13px;
display:inline-block;
margin-left:3px;
}
span.tooltip:hover,i.tooltip:hover {
background-color:rgba(40,139,240,0.8);
}
span.tooltip-g,i.tooltip-g {
cursor:default;
background-color:rgba(153,153,153,0.8);
color:#FFF;
border-radius:6px;
text-align:center;
font-size:10px;
width:12px;
height:12px;
line-height:12px;
display:inline-block;
margin-left:2px;
}
span.tooltip-g:hover,i.tooltip-g:hover {
background-color:#999;
}


#tooltip_box {
position:fixed;
color:#FFF;
background-color:rgba(0,0,0,0.9);
width:250px;
padding:8px;
border-radius:3px;
z-index:100000;
line-height:1.5;
}
.tooltip_box_lt::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
top:-12px;
left:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
z-index:100;
}
.tooltip_box_lb::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
bottom:-12px;
left:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
z-index:100;
}
.tooltip_box_rt::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
top:-12px;
right:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(270deg);
transform:rotate(270deg);
z-index:100;
}
.tooltip_box_rb::before {
content:'';
display:block;
position:absolute;
height:0;
width:0;
bottom:-12px;
right:13px;
border:8px transparent solid;
border-right-width:0;
border-left-color:rgba(0,0,0,0.9);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
z-index:100;
}
#tooltip_box a {
color:#09F;
}




@keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}
.loaderbox {
margin:1vh 0;
text-align:center;
}
span.loader {
animation:spin 0.8s linear infinite;
box-sizing:border-box;
border:1px solid #999;
border-right-color:transparent;
display:inline-block;
vertical-align:top;
border-radius:50%;
}
span.loader12 {
width:12px;
height:12px;
}
span.loader16 {
width:16px;
height:16px;
border-width:1px;
}
span.loader24 {
width:24px;
height:24px;
border-width:2px;
}
span.loader32 {
width:32px;
height:32px;
border-width:2px;
}
span.loader48 {
width:48px;
height:48px;
border-width:2px;
}
span.loader64 {
width:64px;
height:64px;
border-width:3px;
}
span.loader80 {
width:80px;
height:80px;
border-width:3px;
}


i.svg_box {
display:inline-block;
}
i.svg_box svg {
vertical-align:top;
display:inline-block;
}
i.svg_box_icon {
width:16px;
height:16px;
vertical-align:middle;
margin:0 2px 0 0;
}
i.svg_box_icon svg {
width:16px;
height:16px;
fill:#000;
}
i.svg_box_icon_size {
width:16px;
height:16px;
vertical-align:middle;
margin:0 2px 0 0;
}
i.svg_box_icon_size svg {
width:100%;
height:100%;
fill:#000;
}


img.usericon {
border-radius:50%;
}







#CONT {
margin:30px;
}
.cbox {
margin:30px;
}
.sml-cbox {
margin:15px;
}
.lrg-cbox {
margin:40px;
}

@media screen and (max-width:600px) {
#CONT {
margin:20px 15px;
}
.cbox {
margin:20px 15px;
}
.sml-cbox {
margin:10px;
}
.lrg-cbox {
margin:25px 20px;
}
}
@media screen and (max-width:500px) {
#CONT {
margin:15px 10px;
}
.cbox {
margin:15px 5px;
}
.sml-cbox {
margin:10px 5px;
}
.lrg-cbox {
margin:20px 10px;
}
}
@media screen and (max-width:400px) {
#CONT {
margin:15px 5px;
}
.cbox {
margin:15px 0;
}
.sml-cbox {
margin:10px 0;
}
.lrg-cbox {
margin:20px 5px;
}
}

.resp_textbox {
box-sizing:border-box;
width:100%;
}
.resp_textbox_200 {
box-sizing:border-box;
width:100%;
max-width:200px;
}
.resp_textbox_300 {
box-sizing:border-box;
width:100%;
max-width:300px;
}
.resp_textbox_400 {
box-sizing:border-box;
width:100%;
max-width:400px;
}
.resp_textbox_500 {
box-sizing:border-box;
width:100%;
max-width:500px;
}
.resp_textbox_600 {
box-sizing:border-box;
width:100%;
max-width:600px;
}

span.nowrap {
white-space:nowrap;
}
span.nowrapbox {
padding:4px 0;
display:inline-block;
width:auto;
margin-right:5px;
}
span.nowrapbox-s {
padding:2px 0;
display:inline-block;
width:auto;
margin-right:3px;
}

td.vartext {
word-break:break-all;
}













a.twittermark {
display:inline-block;
width:14px;
height:14px;
vertical-align:-3px;
}

a.twittermark svg {
width:14px;
height:14px;
fill:#1D9BF0;
}

span.checkbox_outer {
display:flex;
flex-wrap:nowrap;
align-content:flex-start;
align-items:center;
}
span.checkbox_outer label {
margin-left:2px;
}