@charset "UTF-8";
:root{
--containerCx: 1056px;
--mainMargin:  16px;
--PCtermTableCx: 100%;
--MOtermTableCx: 400px;
--borderWidthPx: 1px;
--headRadiusPx:  5px;
--buttonRadius: 8px;
--buttonRadius10: 10px;
--explanRadius: 8px;
--tablePx:    1px;
--listPx:     2px;
--head3LtPx: 12px;
--head3BtPx:  4px;
--head4LtPx: 12px;
--head4BtPx:  4px;
--black_head1Color:     #585858;
--black_head2Color:     #383838;
--black_head3Color:     #808080;
--black_head4Color:     #808080;
--black_fontColor:      #eeeeee;
--black_strongColor:    #ff0000;
--black_hoverColor:     #ffffff;
--aside_linkColor:      #3cf;
--aside_visitedColor:   #f00;
--anchor_linkColor:     #1000ff;
--anchor_visitedColor:  #7f00ff;
--black_sideColor:      #282828;
--black_listColor:      #808080;
--black_answerColor:    #808080;
--black_borderColor:    #0F0;
--black_border60Color:  #888;
--black_back3Color:     #808080;
--black_back2Color:     #606060;
--black_back1ColorA:    #484848;
--black_back1Color:     #404040;
--black_backColor:      #181818;
--black_disableColor:   #888;
--black_enableColor:    var(--black_back1Color);
--black_activeColor:    #808080;
--black_modifyColor:    var(--black_back1Color);
--black_tHeadHeadColor: #363636;
--black_tBodyHeadColor: #383838;
--black_tBodyDataColor: #404040;
--black_tBorderColor:   #000000;
--black_usageColor:     #303030;
--black_btnFontColor:   var(--black_fontColor);
--black_btnBorderColor: #eeeeee;
--rsRoad_fontColor: #000;
--rsRoad_backColor: #eee;
--rsRoad_backColor: lightgray;
--rsShop_size: 64px;
--rsShop_fontColor: #007;
--rsShop_backColor: #ffff80;
--rsEmpty_backColor: #fff;
--rsShop_bdrWidth: 1px;
--rsShop_bdrColor: #770;
--rsShop_hoverColor: #ffad58;
--rsIcon_fontColor: #eee;
--rsIcon_backColor: #595;
--browser_borderRadius: 5px;
--browser_backColor: #404040;
--how_borderRadius: 5px;
--how_borderColor: #eeeeee;
--black_explanBorderColor: #eeeeee;
--black_explanBackColor:   var(--black_back2Color);
--body_backColor:   #444444;
--client_backColor: #8484ff;
--main_backColor:   var(--client_backColor);
--footer_fontColor: #FFFFFF;
--footer_backColor: #282828;
--dungeon_paramBdrRadius: 5px;
--dungeon_paramBorderWt: 1px;
--dungeon_paramBorderColor: #eeeeee;
--conpane_coBorderPx: 1px;
--conpane_coBorderColor: #FF0;
--conpane_coFontColor: #FF0;
--compass_cmRadius: 50%;
--compass_cmFrame_backColor0: #FFF;
--compass_cmFrame_backColor1: #747474;
--compass_cmFrame_spotColor0: #F0F000;
--compass_cmFrame_spotColor1: RGBA(0,0,0,0);
--compass_cmDirChar_fontColor: #000;
--compass_cmArrowColor: #F00;
--automap_amFrame_backColor: #000;
--automap_amBack_undefinedColor: #666;
--automap_amBack_backColor:      #77f;
--automap_amSpace_backColor:     var(--automap_amBack_undefinedColor);
--automap_amBack_walkedColor:    #42f;
--automap_amDirChar_fontColor: #FFF;
--automap_amRoomBlk_borderPx:  1px;
--automap_amDoor_borderPx:  2px;
--automap_amRoomBlk_borderColor: #FFF;
--automap_amArrowColor: #F00;
--currpos_cuText_fontColor: var(--automap_amDirChar_fontColor);
--currpos_cuFrame_backColor: var(--automap_amFrame_backColor);
--board_bdFrame_bdrColor: #00F;
--board_bdFrame_bdrWidth: 1px;
--board_bdFrame_bdrRadius: 8px;
--board_bdClient_bdrRadius: 8px;
--board_bdFrame_backColor: #6987E3;
--board_bdClient_backColor: #666;
--board_bdButton_bdrRadius: 5px;
--board_bdButton_backColor: #606060;
--board_bdButClose_backColor: #404040;
--itemstock_ikRadius: 8px;
--itemstock_ikColor: #FFF;
--itemstock_ikBdrWidth: 2px;
--itemstock_ikBdrColor: #CCC;
--itemstock_ikItem_selectedColor: #66F;
--itemstock_ikItem_notSelectedColor: #333;
--itemstock_ikFrame_backColor: #AAA;
--itemstock_ikEmptyFrame_backColor: #555;
--itemstock_ikEmptyClient_backColor: #CCC;
--dungeon_txBorderRadius: 5px;
--dungeon_txBorderWidth: 1px;
--dungeon_txBorderColor: #FFF;
--dungeon_txColor: #FFF;
--dungeon_txOpacity: 0.9;
--dungeon_txBackgroundColor00: #082;
--dungeon_txBackgroundColor01: #800;
--dungeon_txBackgroundColor02: #40C;
--dungeon_csWinBackgroundColor: #000;
--dungeon_csButFontColor: #EEE;
--dungeon_csButBorderColor: #EEE;
--dungeon_csButBorderRadius: 10px;
--dungeon_csButBorderWidth: 1px;
--dungeon_csButBackgroundColor: #444;
--pull_fontColor: #000;
--pullText_hoverBackColor: #EEE;
--pullTextCurr_backColor: #888;
--pullButton_backColor: var(--black_back1Color);
--pullBorder_px: 1px;
--pullBorder_color: #FFF;
--pullBackOpen_backColor: #383838;
--pullBackClose_backColor: var(--black_backColor);
--sliw_slideColor: #666;
--sliw_backColor: #CCC;
--naviVert_opacity:     0.88;
--naviHorz_backColor:   var(--client_backColor);
--naviVert_backColor:   HSL(234,45%,75%);
--naviItem_fontColor:   #00F;
--naviItem_hoverColor:  HSL(234,45%,62%);
--naviItem_activeColor: HSL(234,45%,58%);
--naviItem_linkColor: var(--naviItem_fontColor);
--naviItem_visitedColor: #4E1A7D;
--slideImgbrdRadius:   var(--buttonRadius);
--slideImgbdrWidthPx:  2px;
--slideImgborderColor: var(--black_fontColor);
--slide_disableColor: var(--black_disableColor);
--slide_enableColor:  var(--black_enableColor);
--slide_activeColor:  var(--black_activeColor);
--cross_bdrColor: #FFF;
--cross_backColor: var(--black_back1ColorA);
--pyoko_delay: 0.1s;
--pageWidth:  180mm;
--pageMainHt: 253mm;
--pageFootHt:  10mm;
counter-reset: pageIx 0;
}
@media (min-width: 1321px){
#container{ width: var(--containerCx); margin: 0 auto; }
}
@media (min-width: 641px) and (max-width: 1320px){
#container{ width: 80%; margin: 0 auto; }
}
@media (min-width: 513px) and (max-width: 640px){
#container{ width: 512px; margin: 0 auto; }
}
@media (max-width: 512px){
#container{ width: 100%; margin: 0 auto; }
}
@media (min-width: 897px){
.vrFlexRow896{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRow768{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRow640{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRow512{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRowAro896{display:flex;flex-direction:row;justify-content:space-around;align-items:center; }
.vrFlexRowAro768{display:flex;flex-direction:row;justify-content:space-around;align-items:center; }
.vrFlexRowAro640{display:flex;flex-direction:row;justify-content:space-around;align-items:center; }
.vrFlexRowAro512{display:flex;flex-direction:row;justify-content:space-around;align-items:center; }
.vrBlock896{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrBlock768{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrBlock640{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrBlock512{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrInline896{ display: inline; }
.vrInline768{ display: inline; }
.vrInline640{ display: inline; }
.vrInline512{ display: inline; }
.vrPaddingLeft896{ padding-left: 1em; }
.vrPaddingLeft768{ padding-left: 1em; }
.vrPaddingLeft640{ padding-left: 1em; }
.vrPaddingLeft512{ padding-left: 1em; }
.vrPC896{ display: flex; }
.vrMO896{ display: none; }
.vrPC768{ display: flex; }
.vrMO768{ display: none; }
.vrPC640{ display: flex; }
.vrMO640{ display: none; }
.vrPC512{ display: flex; }
.vrMO512{ display: none; }
}
@media (min-width: 769px) and (max-width: 896px){
.vrFlexRow896{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow768{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRow640{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRow512{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRowAro896{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro768{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.vrFlexRowAro640{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.vrFlexRowAro512{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.vrBlock896{ display:block; }
.vrBlock768{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrBlock640{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrBlock512{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrInline896{ display: block; }
.vrInline768{ display: inline; }
.vrInline640{ display: inline; }
.vrInline512{ display: inline; }
.vrPaddingLeft896{ padding-top: 1em; }
.vrPaddingLeft768{ padding-left: 1em; }
.vrPaddingLeft640{ padding-left: 1em; }
.vrPaddingLeft512{ padding-left: 1em; }
.vrPC896{ display: none; }
.vrMO896{ display: block; }
.vrPC768{ display: flex; }
.vrMO768{ display: none; }
.vrPC640{ display: flex; }
.vrMO640{ display: none; }
.vrPC512{ display: flex; }
.vrMO512{ display: none; }
}
@media (min-width: 641px) and (max-width: 768px){
.vrFlexRow896{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow768{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow640{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRow512{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRowAro896{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro768{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro640{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.vrFlexRowAro512{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.vrBlock896{ display:block; }
.vrBlock768{ display:block; }
.vrBlock640{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrBlock512{ display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrInline896{ display: block; }
.vrInline768{ display: block; }
.vrInline640{ display: inline; }
.vrInline512{ display: inline; }
.vrPaddingLeft896{ padding-top: 1em; }
.vrPaddingLeft768{ padding-top: 1em; }
.vrPaddingLeft640{ padding-left: 1em; }
.vrPaddingLeft512{ padding-left: 1em; }
.vrPC896{ display: none; }
.vrMO896{ display: block; }
.vrPC768{ display: none; }
.vrMO768{ display: block; }
.vrPC640{ display: flex; }
.vrMO640{ display: none; }
.vrPC512{ display: flex; }
.vrMO512{ display: none; }
}
@media (min-width: 513px) and (max-width: 640px){
.vrFlexRow896{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow768{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow640{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow512{display:flex; flex-direction:row; justify-content:center; align-items:center; }
.vrFlexRowAro896{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro768{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro640{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro512{display:flex;flex-direction:row;justify-content:space-around;align-items:center;}
.vrBlock896{ display:block; }
.vrBlock768{ display:block; }
.vrBlock640{ display:block; }
.vrBlock512{ display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrInline896{ display: block; }
.vrInline768{ display: block; }
.vrInline640{ display: block; }
.vrInline512{ display: inline; }
.vrPaddingLeft896{ padding-top: 1em; }
.vrPaddingLeft768{ padding-top: 1em; }
.vrPaddingLeft640{ padding-top: 1em; }
.vrPaddingLeft512{ padding-left: 1em; }
.vrPC896{ display: none; }
.vrMO896{ display: block; }
.vrPC768{ display: none; }
.vrMO768{ display: block; }
.vrPC640{ display: none; }
.vrMO640{ display: block; }
.vrPC512{ display: flex; }
.vrMO512{ display: none; }
}
@media (max-width: 512px){
.vrFlexRow896{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow768{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow640{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRow512{display:flex; flex-direction:column; justify-content:center; align-items:center; }
.vrFlexRowAro896{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro768{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro640{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrFlexRowAro512{display:flex;flex-direction:column;justify-content:space-around;align-items:center;}
.vrBlock896{ display:block; }
.vrBlock768{ display:block; }
.vrBlock640{ display:block; }
.vrBlock512{ display:block; }
.vrInline896{ display: block; }
.vrInline768{ display: block; }
.vrInline640{ display: block; }
.vrInline512{ display: block; }
.vrPaddingLeft896{ padding-top: 1em; }
.vrPaddingLeft768{ padding-top: 1em; }
.vrPaddingLeft640{ padding-top: 1em; }
.vrPaddingLeft512{ padding-top: 1em; }
.vrPC896{ display: none; }
.vrMO896{ display: block; }
.vrPC768{ display: none; }
.vrMO768{ display: block; }
.vrPC640{ display: none; }
.vrMO640{ display: block; }
.vrPC512{ display: none; }
.vrMO512{ display: block; }
}
img{
max-width: 100%;
height: auto;
}
.noimg{
max-width: none;
height: none;
}
.bdrRadius10{
border-radius: 10px;
}
.tScroll{
width: 100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.flexRow{ 
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flexRowCenter{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.flexRowStart{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.flexRowEnd{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.flexRowAround{
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.flexRowBetween{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.flexInline{
display: inline-flex;
}
.flexColumn{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.flexColumnCenter{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.flexColumnAround{
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
.flexColumnBetween{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.flexImg{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.fxDirRowOrder{   flex-direction: row; }
.fxDirRowReverse{ flex-direction: row-reverse; }
.jcFlexStart{    justify-content: flex-start; }
.jcFlexEnd{      justify-content: flex-end; }
.jcSpaceBetween{ justify-content: space-between; }
.jcSpaceAround{  justify-content: space-around; }
.aiFlexTop{    align-items: flex-top; }
.aiFlexCenter{ align-items: center; }
.aiFlexEnd{    align-items: flex-end; }
.bsContent{ box-sizing: content-box; }
.bsBorder{  box-sizing: border-box; }
.border1{  border:        solid var(--borderWidthPx) var(--black_borderColor); }
.borderTp{ border-top:    solid var(--borderWidthPx) var(--black_borderColor); }
.borderBt{ border-bottom: solid var(--borderWidthPx) var(--black_borderColor); }
.borderLt{ border-left:   solid var(--borderWidthPx) var(--black_borderColor); }
.borderRt{ border-right:  solid var(--borderWidthPx) var(--black_borderColor); }
.dpFlex{ display: flex; }
.dspFlex{ display: flex; }
.dspBlock{ display: block; }
.dspNone{ display: none; }
.dspInline{   display: inline; }
.di{          display: inline; }
.dspInblock{  display: inline-block; }
.visibilityHidden{ visibility: hidden }
.posRelative{ position: relative; }
.posAbsolute{ position: absolute; }
.csrPointer{  cursor: pointer; }
.ofAuto{ overflow: auto; }
.ofxAuto{ overflow-x: auto; }
.ofyAuto{ overflow-y: auto; }
.ofVisible{ overflow: visible; }
.ofxVisible{ overflow-x: visible; }
.ofyVisible{ overflow-y: visible; }
.ofxScroll{ overflow-x: scroll; }
.ofyScroll{ overflow-y: scroll; }
.ofHidden{ overflow: hidden; }
.ofxHidden{ overflow-x: hidden; }
.ofyHidden{ overflow-y: hidden; }
.ofHover{        overflow: hidden; }
.ofHover:hover{  overflow: scroll; }
.ofxHover{       overflow-x: hidden; }
.ofxHover:hover{ overflow-x: scroll; }
.ofyHover{       overflow-y: hidden; }
.ofyHover:hover{ overflow-y: scroll; }
.weightBold{ font-weight: bold; }
.txLeft{     text-align: left; }
.txRight{    text-align: right; }
.txCenter{   text-align: center; }
.vtMiddle{   vertical-align: middle; }
.widthMax{  width: max-content; }
.width1em{  width: 1em; }
.width2em{  width: 2em; }
.width3em{  width: 3em; }
.width4em{  width: 4em; }
.width5em{  width: 5em; }
.heightMax{ height: max-content; }
.wTransFmStyle3d{ WebkitTransformStyle: preserve-3d; }
.mTransFmStyle3d{ MozTransformStyle:    preserve-3d; }
.transFmStyle3d{  transformStyle:       preserve-3d; }
.toLeftCenter{ transform-origin: left center; }
.usNone{
user-select: none;
-webkit-userDrag: none;
}
.margin1{
margin-top:    1em;
margin-bottom: 1em;
margin-left:  1em;
margin-right: 1em;
}
.marginTop01{
margin-top: 1em;
}
.marginTop15{
margin-top: 1.5em;
}
.marginBottom{
margin-bottom: 1em;
}
.wspNowrap{
white-space: nowrap;
}
b{
border-bottom: dashed 1px #fff;
}
.hrCenter{
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.hrAster1{
margin: 0;
border-style:  none;
}
.hrAster1::before{
content:"*";
}
.hrAsterisk{
border-style:  none;
margin-top:    0.2em;
margin-bottom: 0.2em;
margin-left:   1em;
}
.hrAsterisk::before{
content:"****";
}
.hrSpace{
border-style:  none;
margin-top:    0.2em;
margin-bottom: 0.2em;
margin-left:   1em;
}
.hrSpace::before{
content:"*";
}
.pageSection{
width:  var(--pageWidth);
height: var(--pageMainHt);
}
.pageBreak{
width:   var(--pageWidth);
height:  var(--pageFootHt);
break-after: page;
}
.pageDraw::after{
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
counter-increment: pageIx 1;
content: "-" counter(pageIx) "-";
}
h1{
border-left:  solid 20px var(--black_head3Color);
border-right: solid 20px var(--black_head3Color);
}
h2{
padding-left: 0.5em;
text-align: left;
border-left:   solid var(--head3LtPx) var(--black_head3Color);
border-bottom: solid var(--head3BtPx) var(--black_head3Color);
}
.h2small{
font-size: larger;
padding: auto;
border: none;
text-align: left;
}
h3{
padding-left: 0.5em;
text-align: left;
border-left:   solid var(--head4LtPx) var(--black_head4Color);
border-bottom: solid var(--head4BtPx) var(--black_head4Color);
}
ul li{
list-style-type: square;
border-bottom: solid var(--listPx) var(--black_listColor);
}
ol li{
border-bottom: solid var(--listPx) var(--black_listColor);
}
dl dd{
border-bottom: solid var(--listPx) var(--black_listColor);
}
strong{
color: var(--black_strongColor);
}
.hoverLink{
color: var(--black_hoverColor);
cursor: pointer;
}
.hoverLink:hover{
font-weight: bold;
text-decoration: underline solid var(--black_hoverColor);
}
@keyframes kfFadeIn1{
  0%{ opacity: 0.0; }
100%{ opacity: 1.0; }
}
@keyframes kfFadeIn2{
  0%{ transform: translateY(3em); }
100%{ transform: translateY(0em); }
}
@keyframes kfFadeLoop1{
  0%{ opacity: 0.0; }
 50%{ opacity: 1.0; }
100%{ opacity: 0.0; }
}
@keyframes kfFadeLoop2{
  0%{ opacity: 0.0; }
 40%{ opacity: 1.0; }
 60%{ opacity: 1.0; }
100%{ opacity: 0.0; }
}
table{
border-collapse: collapse;
}
table caption{
font-weight: bold;
}
.tHeadHead{
padding-left:  1em;
padding-right: 1em;
border: solid var(--tablePx) var(--black_tBorderColor);
background-color: var(--black_tHeadHeadColor);
}
.tBodyHead{
padding-left:  1em;
padding-right: 1em;
border: solid var(--tablePx) var(--black_tBorderColor);
background-color: var(--black_tBodyHeadColor);
}
.tDataLt{
text-align: left;
padding-left:  1em;
padding-right: 1em;
border: solid var(--tablePx) var(--black_tBorderColor);
background-color: var(--black_tBodyDataColor);
}
.tDataRt{
text-align: right;
padding-left:  1em;
padding-right: 1em;
border: solid var(--tablePx) var(--black_tBorderColor);
background-color: var(--black_tBodyDataColor);
}
.tDataCt{
text-align: center;
padding-left:  1em;
padding-right: 1em;
border: solid var(--tablePx) var(--black_tBorderColor);
background-color: var(--black_tBodyDataColor);
}
.tBrowserEffect1{
display: block;
animation-name: kfFadeIn1;
animation-duration: 4s;
animation-duration: 80s;
}
.tBrowserEffect2{
animation-name: kfFadeIn2;
animation-duration: 4s;
animation-duration: 20s;
}
.m00{
margin-top:    0;
margin-bottom: 0;
}
.m01{
margin-top:    0;
margin-bottom: 1em;
}
.m10{
margin-top:    1em;
margin-bottom: 0;
}
.m11{
margin-top:    1em;
margin-bottom: 1em;
}
.fi{
display: inline;
}
.fi0{
display: inline;
padding-right: 0em;
}
.fi1{
display: inline;
padding-right: 1em;
}
.fi2{
display: inline;
padding-right: 2em;
}
.fi3{
display: inline;
padding-right: 3em;
}
.fi4{
display: inline;
padding-right: 4em;
}
.f1{
text-indent:  -1em;
padding-left: +1em;
margin-top:    0;
margin-bottom: 0;
}
.f2{
text-indent:  -2em;
padding-left: +2em;
margin-top:    0;
margin-bottom: 0;
}
.f3{
text-indent:  -3em;
padding-left: +3em;
margin-top:    0;
margin-bottom: 0;
}
.f4{
text-indent:  -4em;
padding-left: +4em;
margin-top:    0;
margin-bottom: 0;
}
.f5{
text-indent:  -5em;
padding-left: +5em;
margin-top:    0;
margin-bottom: 0;
}
.f6{
text-indent:  -6em;
padding-left: +6em;
margin-top:    0;
margin-bottom: 0;
}
.f7{
text-indent:  -7em;
padding-left: +7em;
margin-top:    0;
margin-bottom: 0;
}
.f2a{
text-indent:  -2em;
padding-left: +2em;
}
.f3a{
text-indent:  -3em;
padding-left: +3em;
}
.f4a{
text-indent:  -4em;
padding-left: +4em;
}
.f5a{
text-indent:  -5em;
padding-left: +5em;
}
.f2b{
padding-left: +2em;
}
.f3b{
padding-left: +3em;
}
.f4b{
padding-left: +4em;
}
.f5b{
padding-left: +5em;
}
.f12{
text-indent:  -1em;
padding-left: +2em;
margin-top:    0;
margin-bottom: 0;
}
.f42{
text-indent:  -1em;
padding-left: +2em;
margin-top:    0;
margin-bottom: 0;
}
.f400{
padding-left: +4em;
margin-top:    0;
margin-bottom: 0;
}
.kome{
text-indent:  -1em;
padding-left: +1em;
}
.kome3{
text-indent:  -3em;
padding-left: +3em;
}
.kome4{
text-indent:  -4em;
padding-left: +4em;
}
.kome25{
text-indent:  -2.5em;
padding-left: +2.5em;
}
.kome35{
text-indent:  -3.5em;
padding-left: +3.5em;
}
.esp2{
text-indent:  -2em;
padding-left: +2em;
}
.esp15{
text-indent:  -1.5em;
padding-left: +1.5em;
}
.esp25{
text-indent:  -2.5em;
padding-left: +2.5em;
}
.in3lt4{
text-indent:  -3em;
padding-left: +4em;
}
.pa03{
padding-left:   0.3em;
padding-right:  0.3em;
padding-top:    0.3em;
padding-bottom: 0.3em;
}
.pa1{
padding-left:   1em;
padding-right:  1em;
padding-top:    1em;
padding-bottom: 1em;
}
.palt05{ padding-left:   0.5em; }
.part05{ padding-right:  0.5em; }
.palt1{  padding-left:   1em; }
.part1{  padding-right:  1em; }
.patp1{  padding-top:    1em; }
.pabt1{  padding-bottom: 1em; }
.palt2{  padding-left:   2em; }
.palt25{ padding-left:   2.5em; }
.answer0{
padding-bottom: 1em;
}
.answer0::before{
content:"→";
}
.answer1{
text-decoration: underline solid var(--listPx) var(--black_answerColor);
padding-bottom: 1em;
}
.answer1::before{
content:"→";
}
.fontMeiryo{
font-family: "メイリオ", "Meiryo", "ＭＳ ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
font-size: large;
}
.fontSmall{   font-size: small; }
.fontMedium{  font-size: medium; }
.fontLarge{   font-size: large; }
.fontLarger{  font-size: larger; }
.fontxLarge{  font-size: x-large; }
.fontxxLarge{ font-size: xx-large; }
.fontSize30px{ font-size: 30px; }
.fontSize33px{ font-size: 33px; }
.fontSize35px{ font-size: 35px; }
.fontSize37px{ font-size: 37px; }
.fontSize43px{ font-size: 43px; }
.fontSize45px{ font-size: 45px; }
.rotatez45{
-webkit-transform: rotateZ(45deg);
 -moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.rotatez315{
-webkit-transform: rotateZ(315deg);
 -moz-transform: rotateZ(315deg);
transform: rotateZ(315deg);
}
@keyframes kfPyoko{
  0%{
-webkit-transform: scale(1);
 -moz-transform: scale(1);
transform: scale(1);
}
  50%{
-webkit-transform: scale(3);
 -moz-transform: scale(3);
transform: scale(3);
}
100%{
-webkit-transform: scale(1);
 -moz-transform: scale(1);
transform: scale(1);
}
}
.pyoko{
display: inline-block;
transition-duration: 1s;
animation-name: kfPyoko;
animation-duration: 0.7s;
animation-iteration-count: 1;
}
@keyframes kfFadein{
  0%{
opacity: 0;
}
100%{
opacity: 1;
}
}
.fadein{
opacity: 0;
display: inline-block;
transition-duration: 1s;
animation-name: kfFadein;
animation-duration: 0.7s;
animation-iteration-count: 1;
animation-fill-mode: forwards;
border-top: solid 1px #000;
border-bottom: solid 1px #000;
}
#htmlDocument{
background-color: var(--body_backColor);
}
#htmlBody{
background-color: var(--body_backColor);
overflow-wrap: break-word;
word-wrap: break-word;
}
#noJavaScript{
text-align: center;
padding-top:    5em;
padding-bottom: 5em;
color: var(--black_fontColor);
font-weight: bold;
background-color: var(--body_backColor);
}
.modified{
font-weight: bold;
text-align: center;
}
.modified::before{
content:"書き込み日 ";
}
#container{
position: relative;
}
#client{
background-color: var(--client_backColor);
}
#mainDiv{
margin-left:  var(--mainMargin);
margin-right: var(--mainMargin);
background-color: var(--main_backColor);
overflow: hidden;
}
.footerStyle{
font-size: small;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
color: var(--footer_fontColor);
background-color: var(--footer_backColor);
}
#nvHeader{
position: fixed;
top: 0px;
background-color: var(--naviHorz_backColor);
}
.nvHeadBack{
background-color: var(--naviHorz_backColor);
}
.nvVertStyle{
background-color: var(--naviVert_backColor);
opacity: var(--naviVert_opacity);
}
.nvLogoText{
color: #000;
font-size: x-large;
font-weight: bold;
overflow: hidden;
}
.nvPadLeft{
padding-left: 0.4em;
}
.nvTop{    height: 44px; }
.nvBottom{ height: 32px; }
.nvButtDiv{
transform-style: preserve-3d;
perspective-origin: center;
perspective: 90px;
cursor: pointer;
}
.nvButton{
border-radius: 5px;
border: solid 1px #000;
transition-duration: .1s;
}
.nvButton:active{
transform-origin: right;
transform: rotateY(-82deg);
}
.nvFaviconStyle{
transition-duration: .8s;
}
.nvFaviconStyle:hover{
-webkit-transform: rotateZ(360deg);
 -moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.nvItemStyle{
color: var(--naviItem_fontColor);
padding-top:    0.2em;
padding-bottom: 0.3em;
padding-right:  0.5em;
}
.nvItemStyle:hover{
background-color: var(--naviItem_hoverColor);
}
.nvItemLink:link{
color: var(--naviItem_linkColor);
}
.nvItemLink:visited{
color: var(--naviItem_visitedColor);
}
.nvItemActiveStyle{
padding-top:    0.2em;
padding-bottom: 0.3em;
padding-right:  0.5em;
color: var(--naviItem_fontColor);
background-color: var(--naviItem_activeColor);
}
.nvItemActiveStyle:link{
color: var(--naviItem_linkColor);
}
.nvItemActiveStyle:visited{
color: var(--naviItem_visitedColor);
}
.nvRearStyle{
background-color: #000;
opacity: 0;
}
.opeButton{
padding-left:   1em;
padding-right:  1em;
padding-top:    0.5em;
padding-bottom: 0.5em;
margin: 1em;
border-radius: var(--buttonRadius);
border: solid var(--borderWidthPx) var(--black_btnBorderColor);
color: var(--black_btnFontColor);
background-color: var(--black_enableColor);
}
.opeButtonEI{
cursor: pointer;
}
.opeButtonEI:hover{
text-decoration: underline solid var(--black_btnFontColor);
}
.opeButtonEI:active{
-webkit-transform: scale(0.95);
 -moz-transform: scale(0.95);
transform: scale(0.95);
}
.opeButtonDI{
opacity: 0.4;
}
.opeHome0{}
.opeHome0::before{ content:"ダンジョン"; }
.opeHome1{}
.opeHome1::before{ content:"HOME"; }
.opePrev0{}
.opePrev0::before{ content:"PREV"; }
.opePrev1{}
.opePrev1::before{ content:""; }
.opeNext0{}
.opeNext0::before{ content:"NEXT"; }
.opeNext1{}
.opeNext1::before{ content:""; }
.listBread{
font-size: 1em;
margin-left:   0.1em;
margin-right:  0.5em;
padding-top:    1px;
padding-bottom: 1px;
padding-left:  11px;
padding-right: 11px;
width:  max-content;
}
.listBread:hover{
padding-top:    0px;
padding-bottom: 0px;
padding-left:  10px;
padding-right: 10px;
border: solid 1px #666;
cursor: pointer;
}
.shareButton{
padding-left:   1em;
padding-right:  1em;
padding-top:    0.5em;
padding-bottom: 0.5em;
margin-top:   1em;
margin-left:  1em;
margin-right: 1em;
border-radius: var(--buttonRadius);
border: solid var(--borderWidthPx) var(--black_btnBorderColor);
color: var(--black_btnFontColor);
background-color: var(--black_enableColor);
cursor: pointer;
}
.shareButton:active{
-webkit-transform: scale(0.98);
 -moz-transform: scale(0.98);
transform: scale(0.98);
}
.usageDiv1{
color: var(--black_btnFontColor);
background-color: var(--black_usageColor);
overflow: hidden;
}
.usageDiv2{
transition-duration: .5s;
}
.usageDiv2:active{
opacity: 0;
}
.usageDiv1:hover{
cursor: pointer;
}
.usage1{}
.usage1::before{ content:"…表示されるナビからコンテンツを選んで移動"; }
.aLink::after{
content: attr(href);
}
.aAnchor{
font-weight: bold;
color: var(--aside_linkColor);
}
.asideAnchor{
font-weight: bold;
color: var(--aside_linkColor);
}
.asideAnchor:active{
}
.asideAnchor:hover{
cursor: pointer;
}
.asideAnchor:link{
color: var(--aside_linkColor);
}
.asideAnchor:visited{
color: var(--aside_visitedColor);
}
.homepageBlock{ display: block; }
.homepageNone{  display: none; }
.homepage{
color: var(--black_fontColor);
background-color: var(--black_backColor);
}
.homeHow{
padding-top:    1em;
padding-bottom: 1em;
padding-left:   1em;
padding-right:  1em;
border: solid var(--borderWidthPx) var(--black_fontColor);
border-radius: var(--buttonRadius);
background-color: var(--black_back1Color);
}
.homeBack1{
border-radius: var(--buttonRadius);
padding-left:   1em;
padding-right:  1em;
padding-top:    1em;
padding-bottom: 1em;
margin-left:   0.5em;
margin-right:  0.5em;
margin-top:    0.5em;
margin-bottom: 0.5em;
background-color: var(--black_back1Color);
}
.homeBorder60{
margin-left:  2em;
margin-right: 2em;
margin-top:    1.5em;
margin-bottom: 1.5em;
border-top: solid 0.5em var(--black_border60Color);
}
.homeSpace{
padding-top: 1em;
}
.homeSpace05{
padding-top: 0.5em;
}
.homeExplan{
margin-top:    0.3em;
margin-bottom: 0.3em;
margin-left:   0.4em;
margin-right:  0.4em;
padding-left:  0.4em;
padding-right: 0.4em;
border-radius: var(--explanRadius);
border: solid var(--borderWidthPx) var(--black_explanBorderColor);
background-color: var(--black_explanBackColor);
}
.homeSupp{
font-size: x-large;
font-weight: bold;
padding-left: 0.5em;
text-align: left;
border-left:   solid var(--head3LtPx) var(--black_head3Color);
border-right:  none;
border-bottom: solid var(--head3BtPx) var(--black_head3Color);
}
.homeExpBorder{
}
.homeYouSelect{
font-weight: bold;
font-size: x-large;
animation-name: kfFadeLoop1;
animation-duration: 4s;
animation-iteration-count: infinite;
}
.homeAside{
font-size: large;
padding-left:   1em;
padding-right:  1em;
padding-top:    1em;
padding-bottom: 1em;
margin-left:   1em;
margin-right:  1em;
margin-top:    1em;
margin-bottom: 1em;
color: var(--black_btnFontColor);
border-radius: var(--buttonRadius);
border: solid var(--borderWidthPx) var(--black_btnBorderColor);
background-color: var(--black_back1Color);
animation-name: kfFadeLoop2;
animation-duration: 5s;
animation-iteration-count: infinite;
}
.homeAside:hover{
text-decoration: underline solid var(--black_fontColor);
cursor: pointer;
}
.homeAside:active{
-webkit-transform: scale(0.95);
 -moz-transform: scale(0.95);
transform: scale(0.95);
}
.homeAside:link{
color: var(--black_btnFontColor);
}
.homeAside:visited{
color: #808080;
}
.docBack{
border-radius: var(--buttonRadius);
border: solid 1px #fff;
margin-bottom: 0.5em;
margin-left:   0.5em;
margin-right:  0.5em;
background-color: var(--black_back1Color);
}
.docWindow{
border-radius: var(--buttonRadius);
height: 23.5em;
overflow-x: hidden;
overflow-y: auto;
}
.hmBook_comm{
width:  298px;
height: 254px;
border: solid var(--borderWidthPx) var(--black_fontColor);
border-radius: var(--buttonRadius);
background-color: var(--black_back1Color);
}
.hmBook_radius{
border-radius: var(--buttonRadius);
}
.videoFrame{
}
.videoSingle{
background-color: #999;
border-radius: 8px;
}
.videoDoor{
cursor: pointer;
}
.videoVideo{
border-radius: 8px;
}
.videoExplan{
}
.videoMuteOn, .videoMuteOff{
border-radius: 5px;
border: solid 1px #888;
background-color: #555;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
cursor: pointer;
}
.videoButton{
cursor: pointer;
}
.videoButton:active{
-webkit-transform: scale(0.95);
 -moz-transform: scale(0.95);
transform: scale(0.95);
}
.howCaption{
font-weight: bold;
text-align: center;
}
.howKey1{
width: 4.2em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-top:    0.25em;
padding-bottom: 0.25em;
border-radius: var(--how_borderRadius);
border: solid var(--borderWidthPx) var(--how_borderColor);
background-color: var(--black_back2Color);
}
.howKey3{
width: 14.5em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-top:    0.25em;
padding-bottom: 0.25em;
border-radius: var(--how_borderRadius);
border: solid var(--borderWidthPx) var(--how_borderColor);
background-color: var(--black_back2Color);
}
.howSwipe{
width: 4.2em;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-top:    0.25em;
padding-bottom: 0.25em;
border-radius: var(--how_borderRadius);
border: solid var(--borderWidthPx) var(--how_borderColor);
background-color: var(--black_back2Color);
}
.howExplan{
margin-top:     0.3em;
margin-bottom:  0.3em;
margin-left:    0.3em;
margin-right:   0.3em;
padding-top:    0.5em;
padding-bottom: 0.5em;
padding-left:   0.5em;
padding-right:  0.5em;
border-radius: var(--how_borderRadius);
border: solid var(--borderWidthPx) var(--how_borderColor);
background-color: var(--black_back2Color);
}
.howRotate45deg{
-webkit-transform: rotateZ(45deg);
 -moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.howRotate315deg{
-webkit-transform: rotateZ(315deg);
 -moz-transform: rotateZ(315deg);
transform: rotateZ(315deg);
}
.howItemCaption{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
justify-content: flex-start;
padding-bottom: 0.1em;
}
.cemeExplan{
margin-top:     0.5em;
margin-left:    0.5em;
margin-right:   0.5em;
padding-left:   0.5em;
padding-right:  0.5em;
border-radius: var(--how_borderRadius);
border: solid var(--borderWidthPx) var(--how_borderColor);
background-color: var(--black_back2Color);
}
.browBack{
background-color: var(--browser_backColor);
margin-left:   2em;
margin-right:  2em;
padding-top:    0.5em;
padding-bottom: 0.5em;
border-radius: var(--browser_borderRadius);
}
.monFrame{
}
.monClient{
color: var(--black_fontColor);
background-color: #000;
}
.monCaption{
color: var(--black_fontColor);
background-color: #88f;
}
.devCaption{
color: #FFF;
background-color: #000;
}
.dev_meterColor00{	background-color: RGB(224, 32,  0); }
.dev_meterColor01{	background-color: RGB(  0,112,255); }
.dev_meterColor02{	background-color: RGB(  0, 96,255); }
.dev_meterColor03{	background-color: RGB(  0, 96,255); }
.dev_meterColor04{	background-color: RGB(255,192,  0); }
.dev_meterColor05{	background-color: RGB(  0,176,  0); }
.dev_meterColor06{	background-color: RGB(255,192,  0); }
.dev_meterColor07{	background-color: RGB(  0,255,192); }
.dev_meterColor08{	background-color: RGB(216,  0,  0); }
.dev_meterColor09{	background-color: RGB(  0,255,  0); }
.dev_meterColor0A{	background-color: RGB(255,  0,192); }
.dungeon_backSky{
background: linear-gradient(to bottom left, HSL(210,100%,78%), HSL(210,100%,4%));
}
.dungeon_client{
}
.conpane_coFrame{
}
.conpane_coDiv{
box-sizing: border-box;
border: solid var(--conpane_coBorderPx) var(--conpane_coBorderColor);
overflow: hidden;
cursor: pointer;
}
.conpane_coChar{
font-weight: bold;
color: var(--conpane_coFontColor);
}
.conpane_coCharQ{
-webkit-transform: rotateZ(315deg);
 -moz-transform: rotateZ(315deg);
transform: rotateZ(315deg);
}
.conpane_coCharQ:active{
-webkit-transform: scale(0.9) rotateZ(315deg);
 -moz-transform: scale(0.9) rotateZ(315deg);
transform: scale(0.9) rotateZ(315deg);
}
.conpane_coCharW{
-webkit-transform: rotateZ(  0deg);
 -moz-transform: rotateZ(  0deg);
transform: rotateZ(  0deg);
}
.conpane_coCharW:active{
-webkit-transform: scale(0.9) rotateZ(  0deg);
 -moz-transform: scale(0.9) rotateZ(  0deg);
transform: scale(0.9) rotateZ(  0deg);
}
.conpane_coCharE{
-webkit-transform: rotateZ( 45deg);
 -moz-transform: rotateZ( 45deg);
transform: rotateZ( 45deg);
}
.conpane_coCharE:active{
-webkit-transform: scale(0.9) rotateZ( 45deg);
 -moz-transform: scale(0.9) rotateZ( 45deg);
transform: scale(0.9) rotateZ( 45deg);
}
.conpane_coCharA{
-webkit-transform: rotateZ(270deg);
 -moz-transform: rotateZ(270deg);
transform: rotateZ(270deg);
}
.conpane_coCharA:active{
-webkit-transform: scale(0.9) rotateZ(270deg);
 -moz-transform: scale(0.9) rotateZ(270deg);
transform: scale(0.9) rotateZ(270deg);
}
.conpane_coCharS{
-webkit-transform: rotateZ(180deg);
 -moz-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.conpane_coCharS:active{
-webkit-transform: scale(0.9) rotateZ(180deg);
 -moz-transform: scale(0.9) rotateZ(180deg);
transform: scale(0.9) rotateZ(180deg);
}
.conpane_coCharD{
-webkit-transform: rotateZ( 90deg);
 -moz-transform: rotateZ( 90deg);
transform: rotateZ( 90deg);
}
.conpane_coCharD:active{
-webkit-transform: scale(0.9) rotateZ( 90deg);
 -moz-transform: scale(0.9) rotateZ( 90deg);
transform: scale(0.9) rotateZ( 90deg);
}
.conpane_coCharQ::before{ content: "Q"; }
.conpane_coCharW::before{ content: "W"; }
.conpane_coCharE::before{ content: "E"; }
.conpane_coCharA::before{ content: "A"; }
.conpane_coCharS::before{ content: "S"; }
.conpane_coCharD::before{ content: "D"; }
.compass_cmFrame{
}
.compass_cmAClient{
border-radius: var(--compass_cmRadius);
background-color: var(--compass_cmFrame_backColor0);
}
.compass_cmASpot{
}
.compass_cmBClient{
background: radial-gradient(circle closest-side at 50% 50%, var(--compass_cmFrame_backColor0) 50%, var(--compass_cmFrame_backColor1) 100%);
}
.compass_cmBSpot{
background: radial-gradient(circle closest-side at 50% 25%, var(--compass_cmFrame_spotColor0) 75%, var(--compass_cmFrame_spotColor1) 95%);
}
.compass_cmDirChar{
color: var(--compass_cmDirChar_fontColor);
}
.compass_cmArrow{
background-color: var(--compass_cmArrowColor);
}
.automap_amFrame{
background-color: var(--automap_amFrame_backColor);
overflow: hidden;
}
.automap_amClient{
}
.automap_amProject{
}
.automap_amWin{
border: solid var(--automap_amRoomBlk_borderPx) var(--automap_amRoomBlk_borderColor);
overflow: hidden;
}
.automap_amBox{
border-radius: 0%;
}
.automap_amCircle{
border-radius: 50%;
}
.automap_amSpace{
background-color: var(--automap_amSpace_backColor);
overflow: hidden;
}
.automap_amBack{
background-color: var(--automap_amBack_backColor);
overflow: hidden;
}
.automap_amUndefined{
background-color: var(--automap_amBack_undefinedColor);
}
.automap_amWalked{
background-color: var(--automap_amBack_walkedColor);
}
.automap_amWayChar{
color: var(--automap_amDirChar_fontColor);
}
.automap_amRoomWallN{
border-top:    solid var(--automap_amRoomBlk_borderPx) var(--automap_amRoomBlk_borderColor);
}
.automap_amRoomWallS{
border-bottom: solid var(--automap_amRoomBlk_borderPx) var(--automap_amRoomBlk_borderColor);
}
.automap_amRoomWallW{
border-left:   solid var(--automap_amRoomBlk_borderPx) var(--automap_amRoomBlk_borderColor);
}
.automap_amRoomWallE{
border-right:  solid var(--automap_amRoomBlk_borderPx) var(--automap_amRoomBlk_borderColor);
}
.automap_amDoorNS{
border-left:   solid var(--automap_amDoor_borderPx) var(--automap_amRoomBlk_borderColor);
border-right:  solid var(--automap_amDoor_borderPx) var(--automap_amRoomBlk_borderColor);
}
.automap_amDoorWE{
border-top:    solid var(--automap_amDoor_borderPx) var(--automap_amRoomBlk_borderColor);
border-bottom: solid var(--automap_amDoor_borderPx) var(--automap_amRoomBlk_borderColor);
}
.automap_amArrow{
background-color: var(--automap_amArrowColor);
}
.automap_amUsage{
font-size: 0.95em;
background-color: #000;
}
.currpos_cuFrame{
color: var(--currpos_cuText_fontColor);
background-color: var(--currpos_cuFrame_backColor);
}
.currpos_cuClient{
background-color: #000;
}
.board_bdFrame{
border-radius: var(--board_bdFrame_bdrRadius);
border: solid var(--board_bdFrame_bdrWidth) var(--board_bdFrame_bdrColor);
background-color: var(--board_bdFrame_backColor);
}
.board_bdClient{
border-radius: var(--board_bdClient_bdrRadius);
background-color: var(--board_bdClient_backColor);
}
.board_bdBorderRadius{
border-radius: var(--board_bdClient_bdrRadius);
}
.board_bdTitle{
font-size: 2em;
font-weight: bold;
}
.board_bdIMsgGroup{
padding-top: 0.5em;
padding-bottom: 1em;
}
.board_bdIItemName{
padding-left: 0.5em;
}
.board_bdIItemExplanGroup{
padding-left:  1em;
padding-right: 1em;
padding-top:   1em;
}
.board_bdIItemExplanSent{
}
.board_bdIUsageSent{
padding-left:  1em;
padding-right: 1em;
}
.board_bdButton{
width: 6.5em;
height: 2.2em;
border-radius: var(--board_bdButton_bdrRadius);
color: var(--black_btnFontColor);
background-color: var(--board_bdButton_backColor);
margin: 1em;
}
.board_bdButClose{
font-size: 1.2em;
border-radius: var(--board_bdButton_bdrRadius);
color: var(--black_btnFontColor);
background-color: var(--board_bdButClose_backColor);
padding-top:    10px;
padding-bottom: 10px;
padding-left:  2.7em;
padding-right: 2.7em;
}
.board_bdButClose:hover{
text-decoration: underline solid var(--black_fontColor);
}
.board_bdButClose:active{
-webkit-transform: scale(0.95);
 -moz-transform: scale(0.95);
transform: scale(0.95);
}
.board_bdPush{
font-size: 1.6em;
width:  1.5em;
height: 1.5em;
text-align: center;
border: solid var(--borderWidthPx) var(--black_btnBorderColor);
border-radius: 10px;
color: var(--black_btnFontColor);
background-color: var(--board_bdButClose_backColor);
transform: rotate(180deg);
}
.board_bdPush::before{
content:"^";
}
.board_bdPush:hover{
cursor: pointer;
}
.board_bdPush:active{
transform: rotate(180deg) scale(0.95);
}
.board_bdBreadList{
font-size: 0.9em;
padding-left:   0.5em;
padding-Top:    0.5em;
padding-bottom: 0.5em;
border-bottom: solid 1px #666;
cursor: pointer;
}
.itemstock_ikFrame{
border-radius: var(--itemstock_ikRadius);
background-color: var(--itemstock_ikFrame_backColor);
overflow-x: hidden;
}
.itemstock_ikClient{
}
.itemstock_ikEmptyFrame{
border-radius: var(--itemstock_ikRadius);
background-color: var(--itemstock_ikEmptyFrame_backColor);
}
.itemstock_ikEmptyClient{
border-radius: var(--itemstock_ikRadius);
background-color: var(--itemstock_ikEmptyClient_backColor);
}
.itemstock_ikEmptyHorz{
background-color: var(--itemstock_ikEmptyClient_backColor);
}
.itemstock_ikEmptyVert{
background-color: var(--itemstock_ikEmptyClient_backColor);
}
.itemstock_ikItem{
box-sizing: border-box;
border-radius: var(--itemstock_ikRadius);
color: var(--itemstock_ikColor);
border: solid var(--itemstock_ikBdrWidth) var(--itemstock_ikBdrColor);
user-select: none;
overflow: hidden;
}
.itemstock_ikItemSize{
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
width:  48px;
height: 48px;
font-size: 28px;
}
.itemstock_ikItemCursor{
cursor: pointer;
}
.itemstock_ikItem:hover{
border: dotted 3px #fff;
}
.itemstock_ikItem:active{
-webkit-transform: scale(0.85);
 -moz-transform: scale(0.85);
transform: scale(0.85);
}
.itemstock_ikSelected{
background-color: var(--itemstock_ikItem_selectedColor);
}
.itemstock_ikNotSelected{
background-color: var(--itemstock_ikItem_notSelectedColor);
}
.dungeon_txFrame{
}
.dungeon_txClient{
font-size: 1.5em;
box-sizing: border-box;
border-radius: var(--dungeon_txBorderRadius);
text-align: center;
color: var(--dungeon_txColor);
opacity: var(--dungeon_txOpacity);
}
.dungeon_txBackground00{
background-color: var(--dungeon_txBackgroundColor00);
}
.dungeon_txBackground01{
background-color: var(--dungeon_txBackgroundColor01);
}
.dungeon_txBackground02{
background-color: var(--dungeon_txBackgroundColor02);
}
.dungeon_csClient{
background-color: var(--dungeon_csWinBackgroundColor);
}
.dungeon_csButton{
margin-top: 1em;
padding-top:    0.3em;
padding-bottom: 0.3em;
width: 8em;
text-align: center;
border-radius: var(--dungeon_csButBorderRadius);
border: solid var(--dungeon_csButBorderWidth) var(--dungeon_csButBorderColor);
color: var(--dungeon_csButFontColor);
background-color: var(--dungeon_csButBackgroundColor);
cursor: pointer;
}
.dungeon_csButton:hover{
text-decoration: underline solid var(--black_btnFontColor);
}
.dungeon_csButton:active{
-webkit-transform: scale(0.95);
 -moz-transform: scale(0.95);
transform: scale(0.95);
}
.dungeon_csButEnable{   }
.dungeon_csButDisable{  }
.dungeon_csButNewGame::before{ content:"NEW GAME"; }
.dungeon_csButLoad::before{ content:"ロード"; }
.dungeon_csButSave::before{ content:"セーブ"; }
.dungeon_csCaution{
padding-top: 0.7em;
}
.dungeon_wfFrame{
background-color: #bbb;
}
.dungeon_wfCaption{
user-select: none;
background-color: #77F;
}
.dungeon_wfCaptClr{
}
.dungeon_wfClient{
}
.dungeon_wfCorner{
background-color: #77F;
-webkit-transform: rotateZ(45deg);
 -moz-transform: rotateZ(45deg);
transform: rotateZ(45deg);
}
.dungeon_wfCorneDiv:hover{
cursor: pointer;
}
.dungeon_wfClose{
color: #000;
font-weight: bold;
}
.dungeon_wfClose:hover{
cursor: pointer;
}
.dungeon_wfClose:active{
transition-duration: .7s;
-webkit-transform: rotateZ(360deg);
 -moz-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.indicate_icClient{
background-color: #000;
}
.dungeon_ciLine{
background: linear-gradient(to right, RGBA(255,255,0,255), RGBA(0,0,0,0));
}
.dunLeft{
padding-left: 0.5em;
padding-right: 0.6em;
}
.dunTop{
padding-top: 1em;
}
.dunBottom{
padding-bottom: 1em;
}
.whiteoutFrame{
background-color: #FFF;
}
.slideInside{
border-radius: 10px;
padding-left:   1.2em;
padding-right:  1.2em;
padding-top:    0.2em;
padding-bottom: 0.2em;
background-color: var(--slide_disableColor);
}
.slideOutside{
padding-top:    1em;
padding-bottom: 1em;
padding-left:   1em;
padding-right:  1em;
}
.slideInside{
cursor: pointer;
}
.slideAvail{
background-color: var(--slide_enableColor);
}
.slideActive{
font-weight: bold;
background-color: var(--slide_activeColor);
}
.slideStopImg{
font-size: 1.5em;
border-radius: var(--slideImgbrdRadius);
border: solid var(--slideImgbdrWidthPx) var(--slideImgborderColor);
transform: rotate(90deg);
}
.slideStopImg::before{
content:"＝";
}
.slidePlayImg{
font-size: 1.7em;
border-radius: var(--slideImgbrdRadius);
border: solid var(--slideImgbdrWidthPx) var(--slideImgborderColor);
transform: rotate(270deg);
}
.slideRevImg::before{
content:"∧";
}
.slideOrdImg::before{
content:"∨";
}
.okomeDiv{
border-radius: 5px;
background-color: var(--black_back1Color);
margin-left:   0.5em;
margin-right:  0.5em;
padding: 0.5em;
}
.okomeWindow{
border-radius: 5px;
background-color: var(--black_back2Color);
height: 4em;
overflow-x: hidden;
overflow-y: auto;
padding: 0.5em;
}
.libBack{
border-radius: var(--buttonRadius);
margin-bottom: 0.5em;
margin-left:   0.8em;
margin-right:  0.8em;
padding:       0.3em;
background-color: var(--black_back1Color);
}
.libWindow{
border-radius: var(--buttonRadius);
height: 18em;
padding:    0.3em;
overflow-x: hidden;
overflow-y: auto;
background-color: var(--black_back2Color);
}
.mogoBack{
border-radius: var(--buttonRadius);
margin-bottom: 0.5em;
margin-left:   0.8em;
margin-right:  0.8em;
background-color: var(--black_back1Color);
}
.mogoWindow{
border-radius: var(--buttonRadius);
height: 18em;
overflow-x: hidden;
overflow-y: auto;
}
.mogoSepa{
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
}
.mogoTitle{
margin-bottom: 0.5em;
}
.mogoDate{
}
.mogoHash{
}
.mogoPost{
padding-top:    0.5em;
padding-bottom: 0.5em;
padding-left:   0.5em;
padding-right:  0.5em;
margin-top: 0;
margin-bottom: 0.5em;
border-radius: var(--buttonRadius);
background-color: var(--black_back2Color);
}
.mogoSent{
margin: 0;
}
.modifyDiv{
border-radius: var(--buttonRadius);
background-color: var(--black_modifyColor);
margin: 0.5em;
padding-top:    0.5em;
padding-bottom: 0.5em;
}
.modifyWindow{
height: 12em;
height: 15em;
overflow-x: hidden;
overflow-y: auto;
}
.modify6{
height: 7em;
}
.modify11{
height: 11em;
}
.modifyCaption{
font-weight: bold;
}
.modifyCaption::before{
content:"　";
}
.modifyYear, .modifyOld{
margin-top:    0;
margin-bottom: 0;
}
.modifyYear::before, .modifyOld::before{
content:"　";
}
.modifyItem{
margin-top:    0;
margin-bottom: 0;
text-indent:  -3em;
padding-left: +3em;
}
.modifyItem::before{
content:"　　■";
}
.modifySepa{
padding-top: 1em;
}
.modifyPush{
width:  1.5em;
height: 1.5em;
margin: 0.3em;
text-align: center;
border: solid var(--borderWidthPx) var(--black_btnBorderColor);
border-radius: 8px;
color: var(--black_btnFontColor);
background-color: var(--board_bdButClose_backColor);
}
.modifyPush:hover{
cursor: pointer;
}
.modifyDown{
transform: rotate(180deg);
}
.modifyDown::before{
content:"^";
}
.modifyDown:active{
transform: rotate(180deg) scale(0.95);
}
.modifyUp{
transform: rotate(0deg);
}
.modifyUp::before{
content:"^";
}
.modifyUp:active{
transform: rotate(0deg) scale(0.95);
}
#termScrollWindow{
height: 12em;
overflow-x: hidden;
overflow-y: auto;
background-color: var(--black_modifyColor);
}
#tactAdmin{
text-align: center;
}
#tactMail{
color: var(--black_hoverColor);
text-align: center;
}
@media (min-width: 897px){
.cross896{ height: 1.5em; }
.cross768{ height: 1.5em; }
.cross640{ height: 1.5em; }
.cross512{ height: 1.5em; }
}
@media (min-width: 769px) and (max-width: 896px){
.cross896{ height: 3em; }
.cross768{ height: 1.5em; }
.cross640{ height: 1.5em; }
.cross512{ height: 1.5em; }
}
@media (min-width: 641px) and (max-width: 768px){
.cross896{ height: 3em; }
.cross768{ height: 3em; }
.cross640{ height: 1.5em; }
.cross512{ height: 1.5em; }
}
@media (min-width: 513px) and (max-width: 640px){
.cross896{ height: 3em; }
.cross768{ height: 3em; }
.cross640{ height: 3em; }
.cross512{ height: 1.5em; }
}
@media (max-width: 512px){
.cross896{ height: 3em; }
.cross768{ height: 3em; }
.cross640{ height: 3em; }
.cross512{ height: 3em; }
}
.crossNone{ display: block; }
.crossCont0{ display: inline; }
.crossCont1{ display: inline; }
.crossFadeOut1{ background-color: var(--cross_backColor); }
.crossFadeOut2{ background-color: var(--cross_backColor); }
.crossSect{
margin-left:  0.3em;
margin-right: 0.3em;
}
.crossHeadDiv{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
font-size: 1.3em;
margin-top: 0.5em;
}
.crossTailDiv{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
font-size: 1.3em;
margin-bottom: 0.5em;
}
.crossHeadCt{
flex-basis: 70%;
box-sizing: border-box;
border-top:   solid var(--borderWidthPx) var(--cross_bdrColor);
border-left:  solid var(--borderWidthPx) var(--cross_bdrColor);
border-right: solid var(--borderWidthPx) var(--cross_bdrColor);
text-align: center;
background-color: var(--cross_backColor);
}
.crossHeadSd{
flex-basis: 15%;
box-sizing: border-box;
border-bottom: solid var(--borderWidthPx) var(--cross_bdrColor);
}
.crossTailCt{
flex-basis: 70%;
box-sizing: border-box;
border-bottom: solid var(--borderWidthPx) var(--cross_bdrColor);
border-left:   solid var(--borderWidthPx) var(--cross_bdrColor);
border-right:  solid var(--borderWidthPx) var(--cross_bdrColor);
text-align: center;
}
.crossTailSd{
flex-basis: 15%;
box-sizing: border-box;
border-top: solid var(--borderWidthPx) var(--cross_bdrColor);
}
.crossTailBC{
background-color: var(--cross_backColor);
}
.crossSentence{
padding-top:    1px;
padding-bottom: 1px;
border-left:   solid var(--borderWidthPx) var(--cross_bdrColor);
border-right:  solid var(--borderWidthPx) var(--cross_bdrColor);
background-color: var(--cross_backColor);
}
.pullFrame{
}
.pullFrameEnable{   }
.pullFrameDisable{  } 
.pullLabel{
padding-right: 0.3em;
}
.pullText{
padding-left:  0.8em;
padding-right: 0.8em;
}
.pullText:hover{
color: var(--pull_fontColor);
background-color: var(--pullText_hoverBackColor);
opacity: 0.8;
}
.pullTextCurr{
color: var(--pull_fontColor);
background-color: var(--pullTextCurr_backColor);
opacity: 0.8;
}
.pullTextEnable{  opacity: 1.0; }
.pullTextDisable{ opacity: 0.3; }
.pullValue{
padding-left:  0.5em;
}
.pullButton{
padding-left:  0.3em;
padding-right: 0.3em;
background-color: var(--pullButton_backColor);
}
.pullCursor{
cursor: pointer;
}
.pullPrev::before{
content:"ー";
}
.pullNext::before{
content:"＋";
}
.pullDownStatic{
-webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.pullDownStatic::before{
content:"^";
}
.pullDown{
}
.pullDown:active{
-webkit-transform: rotate(180deg);
 -moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.pullDown::before{
content:"^";
}
.pullUp{
-webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
transform: rotate(0deg);
}
.pullUp::before{
content:"^";
}
.pullWindow{
background-color: var(--pullBackClose_backColor);
}
.pullBdrSolid{
border: solid var(--pullBorder_px) var(--pullBorder_color);
}
.pullBdrNone{
border-style: none;
}
.pullBack{
}
.pullBackOpen{
border: solid var(--pullBorder_px) var(--pullBorder_color);
background-color: var(--pullBackOpen_backColor);
}
.pullBackClose{
background-color: var(--black_backColor);
}
.pullRear{
background-color: RGBA(0,0,0,0);
}
.pullAddEffect{
-webkit-transform: scale(1.5);
 -moz-transform: scale(1.5);
transform: scale(1.5);
}
.pullSubEffect{
transition-duration: 0.1s;
-webkit-transform: rotateZ(-90deg);
 -moz-transform: rotateZ(-90deg);
transform: rotateZ(-90deg);
}
.jd01radio{
}
.jd01radio:hover{
border: solid 1px #f00;
cursor: pointer;
}
.radio_selected{
background-color: #c00;
}
.radio_nonSelected{
background-color: transparent;
}
.sliwFrame{
margin-top:    0.3em;
margin-bottom: 0.3em;
margin-left:  1em;
margin-right: 1em;
cursor: pointer;
}
.sliwClient{
}
.sliwLabel{
padding-right: 0.5em;
}
.sliwRail{
padding-right: 1.6em; 
background-color: var(--sliw_backColor);
}
.sliwSlider{
background-color: var(--sliw_slideColor);
}
.sliwLtLabel{
}
.sliwRtLabel{
padding-left: 0.3em;
}
.sliwEnable{  opacity: 1.0; }
.sliwDisable{ opacity: 0.3; }
.menuDepth0{
--menuIndent: 0em;
}
.menuDepth1{
--menuIndent: 1em;
}
.menuItem{
background-color: #333;
counter-reset: indent 1;
padding-left: var(--menuIndent);
}
.menuItem::before{
}
.menuFolder{
padding-left: var(--menuIndent);
}
.menuFolder:hover > :first-child{
display: block;
}
.hoverMenu{
width: max-content;
color: #fff;
}
#resButtonDiv{
background-color: var(--itemstock_ikEmptyFrame_backColor);
background-color: #fff;
}
.mathReadyDiv{
width:  9em;
height: 9em;
background-color: lightblue;
}
.mathReadyText{
color: #000;
-webkit-transform: rotateZ(-45deg);
 -moz-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
}
.mathReadyText::before{
content: "画像は準備中…";
}
.lightSpeedDiv{
width: 400px;
height:420px;
overflow-x: auto;
border-radius: 5px;
}
.equivalenceDiv{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border-radius: 5px;
overflow: hidden;
}
.tokyoStatis{
--tokyo_ththColor: var(--black_tHeadHeadColor);
--tokyo_tbthColor: var(--black_tBodyHeadColor);
--tokyo_tbtdColor: var(--black_tBodyDataColor);
--tokyo_tColor: #000;
}
.toItem{
font-weight: bold;
padding-left:  1em;
padding-right: 1em;
border-top:  solid var(--tablePx) var(--tokyo_tColor);
border-left: solid var(--tablePx) var(--tokyo_tColor);
background-color: var(--tokyo_ththColor);
}
.toValue{
text-align: right;
padding-left:  1em;
padding-right: 1em;
border-top:  solid var(--tablePx) var(--tokyo_tColor);
border-left: solid var(--tablePx) var(--tokyo_tColor);
background-color: var(--tokyo_tbtdColor);
}
.toDivRate{
box-sizing: border-box;
border-top:  solid var(--tablePx) var(--tokyo_tColor);
border-left:  solid var(--tablePx) var(--tokyo_tColor);
border-right: solid var(--tablePx) var(--tokyo_tColor);
background-color: var(--tokyo_tbtdColor);
}
.toRateValue{
text-align: left;
}
.toItemColumn{
border-right: solid var(--tablePx) var(--tokyo_tColor);
}
.toValueColumn{
border-right: solid var(--tablePx) var(--tokyo_tColor);
}
.toRateColumn{
}
.toBottom{
border-bottom: solid var(--tablePx) var(--tokyo_tColor);
}