@charset "utf-8";

/* ============================================================== */
/* CSS Mobile Reset */
.maincontainer .mainbox .innerbox .tablebox input[type="button"].btn01:disabled,
.maincontainer .mainbox .innerbox .tablebox input[type="button"].btn02:disabled
{
    /*
    color:#467bd0;
    border:1px solid #467bd0;
    background-color:#FFF;
    */
    background:#E4E4E4;
    cursor:default;
}
.maincontainer .mainbox .innerbox .tablebox select.inputerror {
    background: #FFEFEF;
}

/* ==============================================
   モーダルメッセージ内のリスト設定
============================================== */
#mdlMsgList ul
{
    padding:0;
    margin:0 0 0 1em;
    list-style:none;
    text-align:left;
    display:inline-block;
    word-break:break-word;
    max-width:95%;
}
#mdlMsgList ul li
{
    margin-bottom: 1em;
    text-indent: -1em;
}
#mdlMsgList ul li:before
{
    content:'・';
}
#mdlMsgList ul li span:not(:last-child):after
{
    content:'、';
}

/* ==============================================
   ダイアログ
============================================== */
.dialog_yes_no,
.dialog_3over {
  display: none;
  text-align: center;
}

/* 読み込み中表示
   width,heightはjsで設定 */
#showNowLoading
{
    position:absolute;
    top:0;
    left:0;
    z-index:99991;
    width:100%;
    height:100%;
}
#showNowLoading > div:first-child
{
    position:absolute;
    top:0;
    left:0;
    background: #FFF;
    opacity:0.2;
    width:100%;
    height:100%;
}
#showNowLoading > div:last-child
{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    text-align:center;
    vertical-align:middle;
    width:50px;
    height:50px;
}

/* ==============================================
   ソートアイコン
============================================== */
.addSorterIcon {
    user-select: none;
}
.addSorterIcon > span.iconArea {
    position: relative;
    width:1px;
    height:1px;
    vertical-align:middle;
}
.addSorterIcon > span.iconArea::before {
    position:absolute;
    left:10px;
    content: '△';
    text-align:left;
    top:-25%;
}
.addSorterIcon > span.iconArea::after {
    position:absolute;
    left:10px;
    content: '▽';
    text-align:left;
    top:25%;
}
.addSorterIcon.tablesorter-headerAsc > span.iconArea::before {
    top: 0;
}
.addSorterIcon.tablesorter-headerDesc > span.iconArea::before {
    display: none;
}
.addSorterIcon.tablesorter-headerAsc > span.iconArea::after {
    display: none;
}
.addSorterIcon.tablesorter-headerDesc > span.iconArea::after {
    top: 0;
}

/* ============================================================== */
/* メディア別 : 設定を上書きしたいので最後に書く */