@charset "utf-8";

/*-------------------------------------*/
/* reset                               */
/*-------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,cod,form,fieldset,legend,
input,textarea,p,blockquote,th,td{
    margin        :0;
    padding        :0;
}

table{
    border-collapse    :collapse;
    border-spacing    :0;
}
fieldset,img{
    border        :0;
}
address,caption,cite,code,dfn,
em,strong,th,var,
h1, h2, h3, h4,h5,h6{
    margin-bottom    : 0.5em;
    font-style        :normal;
}
pre,input,textarea,select{
    font-family    :inherit;
    font-size    :inherit;
}
li{
    list-style-type    :none;
}
/*-------------------------------------*/
/* 全体                                */
/*-------------------------------------*/
body {
    background    : #fafafa;
    color        : #333;
    font-family    :
                'ヒラギノ角ゴ Pro W3',
                'Hiragino Kaku Gothic Pro',
                'メイリオ',
                Meiryo,
                'ＭＳ Ｐゴシック',
                sans-serif;
    font-size    : 0.8em;
    /*overflow-x    : visible;*/
}
a {
    color            : #333;
    text-decoration    : underline;
}
/*
#header h1 {
    margin-left        : 1em;
    margin-bottom    : 0px;
    text-indent        : -999999px;
    height            : 70px;
    background        : url(../img/logo/a3.png) no-repeat left top;
}
*/
h2 {
    border-left        : 10px solid #44617b;
    border-bottom    : 1px solid #aaa;
    border-radius    : 5px;
    color            : #333;
    padding            : 10px;
    font-size        : 12pt;
    opacity            : 0.8;
    /*width            : 500px;*/
}
h3 {
    padding            : 10px;
    border-left        : 3px solid #2c6877;
    font-size        : 12pt;
}
h4 {
    color            : #4682b4;
    font-weight        : normal;
    font-size        : 14pt;
    border-bottom    : 10px double #4682b4;
}
h5{
    font-size        : 11pt;
    font-weight        : normal;
    border-bottom    : 2px solid yellow;
}
hr{
    margin-bottom    : 2em;
    border            : 0;
    height            : 1px;
    background-image: -webkit-linear-gradient(
                        left,
                        transparent,
                        rgba(102, 127, 204, 0.75),
                        transparent);
    background-image: -moz-linear-gradient(
                        left, 
                        transparent, 
                        rgba(102, 127, 204, 0.75),
                        transparent);
    background-image: -ms-linear-gradient(
                        left, 
                        transparent, 
                        rgba(102, 127, 204, 0.75),
                        transparent);
    background-image: -o-linear-gradient(
                        left, 
                        transparent, 
                        rgba(102, 127, 204, 0.75),
                        transparent);
}

/* 共通用ulの横表示 */
ul.yoko li
{
    float:left;
}

.center{
    text-align            : center;
}

tr.center td{
    text-align            : center;
}
pre{
    background        : #f5f5f5;
    border-right    : 2px solid #aaa;
    border-bottom    : 2px solid #aaa;
    padding            : 2em;
}
ul.able li{
    list-style-type : disc;
    list-style-position    : inside;
}
.clearfix{
    zoom            : 1;
}
.clearfix:after{
    content            : "";
    display            : block;
    clear            : both;
}
.disnon{
    display                : none;
}

.clearfix li
{
    display:inline-block;
    
}


.clearfix ul > li:before 
{
    content: "| ";
}

.clearfix ul li:first-child:before,
.clearfix ul li:first-child .before
{
    display: none;
    
}

input[type=submit],button,select{
    color: #333;
}

/*-------------------------------------*/
/*  page top                           */
/*-------------------------------------*/

#page_top{
    width            : 6.5em;
    background        : rgba(0,0,0,0.4);
    position        : fixed;
    right            : 0px;
    bottom            : 80px;
    margin            : 0em;
    border-radius    : 3px;
    text-align        : center;
}
#page_top a{
    color            : #fff;
    display:block;
    padding:0.5em;
    padding-right: 0em;
    padding-left:0em;
    text-decoration: none;
    text-align:right;
    border-top-left-radius    : 3px;
    border-bottom-left-radius    : 3px;
}

#page_top a:link , #page_top a:visited{
    background    : url("../img/icon/pagetop.png") no-repeat scroll 0.5em center rgba(0,0,0,0.4);
    color: #fff;
}
#page_top a:hover, #page_top a:active {
    background    : url("../img/icon/pagetop.png") no-repeat scroll 0.5em center rgba(0,0,0,0.7);
    color: #f60;
}


/*-------------------------------------*/
/*                                     */
/*  page bottom (ページ末尾へ移動)     */
/*                                     */
/*-------------------------------------*/

#page_bottom{
    width            : 6.5em;
    background        : rgba(0,0,0,0.4);
    position        : fixed;
    right            : 0px;
    bottom            : 20px;
    margin            : 0em;
    border-radius    : 3px;
    text-align        : center;
}
#page_bottom a{
    color            : #fff;
    display:block;
    padding:0.5em;
    padding-right: 0em;
    padding-left:0em;
    text-decoration: none;
    text-align:right;
    border-top-left-radius    : 3px;
    border-bottom-left-radius    : 3px;
}
#page_bottom a:link , #page_bottom a:visited{
    background    : url("../img/icon/pagebottom.png") no-repeat scroll 0.5em center rgba(0,0,0,0.4);
    color: #fff;
}
#page_bottom a:hover, #page_bottom a:active {
    background    : url("../img/icon/pagebottom.png") no-repeat scroll 0.5em center rgba(0,0,0,0.7);
    color: #f60;
}

/*-------------------------------------*/
/* layout                              */
/*-------------------------------------*/
#container {
    text-align    : left;
}
#header{
    padding-top        : 10px;
    padding-bottom    : 10px;
    overflow        : hidden;
}
#content1{
    background        : #fff;
    clear            : both;
    color            : #333;
    padding            : 10px;
    min-height        : 400px;
}
#footer {
    clear        : both;
    padding        : 5px 0px;
    text-align    : center;
    color        : #44617b;
    background-color    : #eee;
    background-image    : url(../img/footer.png);
    background-repeat    : repeat-x;
}
a.footer_link:link{
    color: #44617b !important;
}
a.footer_link:visited{
    color: #44617b !important;
}
a.footer_link:hover{
    color: #000 !important;
}
a.footer_link:active{
    color: #000 !important;
}

div.login{
    margin-top        : 100px;
    margin-bottom    : 100px;
    width            : 850px;
    margin-left        : auto;
    margin-right    : auto;
    border-radius   : 5px;
    background        : #fff;
}
.login label{
    float            : left;
    clear            : left;
    line-height        : 30px;
    width            : 130px;
}
.login label.checkbox{
    clear            : none;
    width            : auto;
}
#SellerSaveCookie{
    margin-top        : .7em;
}
.login input{
    width            : 400px;
}
.login form{
    margin-right    : auto;
    margin-left        : auto;
    width            : 600px;
}
.login .submit{
    text-align        : center;
}
.loginop label{
    width : 11em;
}

#copyright:not(.replace-variables-list-items-replace_text) {
    color: #909090;
}

.date_time1 select,
#content1 .date_time1 select,
.date_time2 select,
#content1 .date_time2 select
{
    width : 100px;
}

div.right_block{
    width        : 420px;
    word-break    : break-all;
    display        : inline-block;
}

/*-------------------------------------*/
/* Table全体                           */
/*-------------------------------------*/
table {
    border            : 0px;
    clear            : both;
    color            : #333;
    margin-bottom    : 10px;
    width            : 850px;
    background-color: #f5f7f7;
}
th {
    border            : 1px solid #aaa;
    border-bottom    : 2px solid #555;
    text-align        : center;
    padding            : 2px;
    color            : #ddd;
    background        : url('../img/table_th.png') repeat-x left;
    background-size    : contain;
}
table td {
    text-align        : left;
    vertical-align    : middle;
    padding-left    : 5px;
    border            : 1px solid #aaa;
}
table th hr{
    padding            : 0;
    margin            : 0;
    background        : #eee;
}
table td hr{
    padding            : 0;
    margin            : 0;
    background        : #aaa;
}
table tr:nth-child(even){
    background        : #fff;
}
div.table_button{
    width            : auto;
    float            : right;
    padding-right    : 10px;
}
table.borderless{
    border        : 0px;
    margin        : 0px;
}
table.borderless tr td{
    padding        : 0px;
    border        : 0px;
    background    : #fff;
}
table th.common1 {
    width: 200px;
}
/*-------------------------------------*/
/*  迷惑メール通報                     */
/*-------------------------------------*/
table.report_spam tr td:first-child{
    width    : 150px;
}
div.report_spam input[type="text"]{
    width        : 500px;
}
div.report_spam div{
    margin        : 10px 0px;
}
div.report_spam li ol[type="1"] li{
    list-style    : decimal inside;
    margin        : 0px;
}
div.report_spam input[type="checkbox"]{
    margin        : 3px 5px 0px 0px;
}
div.report_spam ul li{
    margin        : 15px 0px;
}
div.report_spam span.header{
    display        : block;
    font-weight    : bold;
}
div.all_optout{
    margin        : 10px 0px;
    display        : inline-block;
    padding        : 10px;
    background    : #f0f0f0;
}
div.report_spam_link {
    margin        : 10px 0px 0px 5px;;
}

/*-------------------------------------*/
/* ボタン                              */
/*-------------------------------------*/

input[type=submit],
input[type="button"],
button,
.buttonchange {
    display            : inline;
    font-size        : 110%;
    width            : auto;
    line-height        : 1.5em;
    padding            : 5px 10px 5px 30px;
    margin            : 0px 0.8em 0px 0.1em;
    background        : #fff url('../img/button/button_arrow.png') no-repeat 0px 1px;
    border-radius    : 5px;
    border-color    : #9cf;
    cursor            : pointer;
}
input[type=submit]:hover,
input[type="button"]:hover,
button:hover,
.buttonchange:hover{
    background-color: #f2f9ff;
    /*color            : #fff;*/
    top                : 1px;
    left            : 1px;
    position        : relative;
}
.buttonchange{
    color            : #333;
    text-decoration    : none;
    line-height        : 3em;
    margin            : 5px;
}

/* 
OEMの場合にショッピングカートシナリオの登録フォームで確認ボタンを横並びにするための設定
*/
.submit button+input, 
#content1 .submit button+input { 
    display: inline; 
}

/* 登録フォーム　開催日　ボタン選択肢 */
form div.button_frame_label {
    margin: 5px 0px;
    padding: 0px 2px !important;
    border: 1px solid transparent;
    font-weight: 700;
}
form div.button_frame_label.required {
    border-color: #e32;
    background-color: #fdd !important;
}
form div.button_frame input#UserEventDatetime {
    position: absolute;
    height: 0px;
    margin: 0px;
    padding: 0px;
    background: transparent !important;
    border: none;
    color: transparent;
    font-size: 0px;
}
form div.button_frame button {
    width: 74px;
    margin: 2px 0px;
    padding: 5px;
    background: #fff;
}
form div.button_frame button.active {
    font-weight: 700;
    background: #f2f9ff;
}

/*-------------------------------------*/
/*  文字装飾                           */
/*-------------------------------------*/

span.footer{
    color        : #aaa;
}
.attention{
    color    : red;
    font-weight        : bold;
}
span.red{
    color        : crimson;
}
span.underline{
    font-size        : 11pt;
    padding-bottom    : 5px;
    border-bottom    : 1px solid #4682b4;
}

/*-------------------------------------*/
/*  サブメニュー                       */
/*-------------------------------------*/
ul.submenu li {
    margin-top    : 0px;
    background    : url('../img/grad_downtoup.png') repeat-x bottom left #fff;
    padding        : 3px;
}

ul.submenu li:hover {
    background    : url('../img/grad_uptodown.png') repeat-x top left #fff;
    border-bottom    : 1px solid #eee;
}
ul.submenu li.active a {
    background        : url('../img/arrow_small_high.png') no-repeat 3px;
}

ul.submenu li a {
    text-decoration    : none;
    width            : 170px;
    display            : block;
    background        : url('../img/arrow_small_gray.png') no-repeat 3px;
    padding-left    : 15px;
}

ul.submenu li a:hover {
}

/*-------------------------------------*/
/*  マニュアル                         */
/*-------------------------------------*/
div.manual_header{
    background        : #f5f5f5;
    border-right    : 2px solid #aaa;
    border-bottom    : 2px solid #aaa;
    padding            : 2em;
}

ul.manual_menu{
    font-size        : 10pt;
    width            : 200px;
    float            : left;
}
ul.manual_menu li{
    padding            : 10px 5px;
    border-radius    : 3px;
}
ul.manual_menu li.header{
    background    : url(../img/affiliator/buttonbg.png) repeat-x center;
}
ul.manual_menu a{
    color            : #fff;
    text-decoration    : none;
    display            : block;
}
ul.manual_submenu{
    margin-left    : 5px;
}
ul.manual_submenu li{
    background        : url(../img/affiliator/arrow_low.png) no-repeat left;
    padding-left    : 15px;
}
ul.manual_submenu a{
    color            : #696969;
    text-decoration    : none;
    display            : block;
}
ul.manual_submenu li:hover{
    background        : url(../img/arrow_high.png) no-repeat left;
}
div.manual_main{
    clear        : none;
    margin-left    : 210px;
    width        : 750px;
}
div.manual_main pre{
    background    : none;
    border        : none;
    padding        : 0;
}
div.manual_main img{
    border        : 1px solid black;
}
table.manual{
    width            : 100%;
    margin            : 0;
    padding            : 0;
    clear            : none;
}
table.manual tr td{
    padding            : 5px;
    border            : 1px solid #aaa;
}
table.manual tr td:nth-child(1){
    font-weight        : bold;
    width            : 145px;
}
.manual table.non_style{
    width            : auto;
    background        : aliceblue;
    margin-left        : auto;
    margin-right    : auto;
}
.manual table.non_style tr td{
    width            : 100px;
    border            : 0;
    text-align        : center;
    padding            : 10px 0px;
}
.manual table.non_style tr:nth-child(1){
    background        : #696969;
    color            : white;
    font-weight        : bold;
}

/*-------------------------------------*/
/*  迷惑メール解除方法                 */
/*-------------------------------------*/

ul.freemail{
    float            : left;
    width            : 155px;
    margin-top        : 30px;
    cursor            : pointer;
}
ul.freemail li{
    background        : #eee;
    border            : 1px solid #696969;
    padding            : 10px;
}
ul.freemail li:hover{
    background        : #f0f8ff;
}
div.public{
    margin-left        : 190px;
    margin-top        : 30px;
    width            : 900px;
}
div.public table{
    clear            : none;
}
div.public img{
    border            : 1px solid #ccc;
    margin-right    : auto;
    margin-left        : atuo;
}
div.public table tr td:first-child{
    text-align        : center;
}
div.public table tr td{
    border            : 0px;
    border-bottom    : 30px solid white;
}
div.public table tr:last-child td{
    text-align        : left;
}
div.public table p{
    padding-bottom    : 20px;
}
div.public table li{
    list-style        : disc inside;
}
p.red{
    color            : red;
}

/*-------------------------------------*/
/*  ポイント                           */
/*-------------------------------------*/
table.point_gift
{

    width: 100%;
}

.point_gift_operate {
    width: 160px;
}
.point_change_form_point_count {
    text-align: center;
}
#content1 table.point_gift tr td.point_gift_description
{
    margin-top: -1px;
    border: 1px solid #aaa;
}

.point_gift_description div
{
    padding: 10px 10px;
}


.point_gift_detail_description div
{
    padding: 10px 10px;
}

/**/
.point_gift_name,
.point_gift_operate
{
    padding-top: 10px;
    padding-bottom: 10px;
    
}



/*詳細ページのポイント消費コメント*/
.point_gift_alert {
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center;
}

/*詳細ページの交換ボタン*/
.point_gift_detail_operate
{
    width: 160px;
    padding-top: 10px; 
    padding-bottom: 10px; 
    text-align: center;
}

#content1 table.point_gift tr td:first-child
{
    padding-left : 0px;
    padding-right : 0px;
} 

/*-------------------------------------*/
/*  sendlist                           */
/*-------------------------------------*/

div.sendlist table
{
    width        : 628px;
    margin        : 2px;
    font-size    : 14px;
}

/*************************************************/

fieldset {
    border: none;
    margin-bottom: 1em;
    padding: 16px 10px;
}
fieldset legend {
    color: #e32;
    font-size: 160%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0;
    padding: 10px 0 0;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 20px;
}
form .required > label:first-child,
span.required{
    font-weight    : bold;
    font-size    : 110%;
}
form .required > label:first-child:after,
span.required:after{
    color: #e32;
    content: '*';
    display:inline;
}
div.submit {
    border    : 0;
    clear    : both;
    padding    : 2px;
}
label {
    display: block;
    font-size: 110%;
    margin-bottom:3px;
    width: auto;
}
input, textarea {
    display        : block;
    padding        : 3px;
    /*width        : 830px;*/
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 120%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}
input[type=radio] {
    float:left;
    width:auto;
    margin-top: 4px;
    margin-right: 4px;
    padding: 0;
    line-height: 26px;
}
.radio label {
    margin: 0 0 6px 20px;
    line-height: 26px;
}

#UserItemForm label.paymode_radio {
    display: block;
}

/* Form errors */
form .error {
    background: #FFDACC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-weight: normal;
}
form .error-message {
    -moz-border-radius: none;
    -webkit-border-radius: none;
    border-radius: none;
    border: none;
    background: none;
    margin: 0;
    padding-left: 4px;
    padding-right: 0;
}
form .error,
form .error-message {
    color: #9E2424;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
}
/*警告文*/
#content1 #flashMessage{
    color        : red;
    text-align    : left;
    font-size    : 120%;
    font-weight: bold;
}
/*-------------------------------------*/
/*  メール作成時の配信指定             */
/*-------------------------------------*/
div#userlist table tr td{
    border        : 1px solid #aaa !important;
}
div#userlist table#paginator tr td{
    border        : 0px !important;
}
div#userlist table .name1{
    width        : 200px !important;
    border-right: 0px !important;
}
div#userlist table .name2{
    width        : 200px !important;
    border-left    : 0px !important;
}
div#userlist table .mail{
    width        : 550px !important;
}
div#userlist table .line-user{
    min-width: 50px;
    padding: 0 5px;
}
/*-------------------------------------*/
/*  フォーム             */
/*-------------------------------------*/
/*非表示フォーム*/
form.hidden_form
{
    display : none !important;
    min-height: 0px !important;
}


/* ========================================== */
/* レガシー対応 format   */
/* ========================================== */



/*-------------------------------------*/
/*  ラジオボタン             */
/*-------------------------------------*/
input[type=radio]
{
    cursor: pointer;
}


.radiobutton_frame
{   
    display: table-row;
}

.radiobutton_input,
.radiobutton_label
{
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

.radiobutton_input input[type=radio]
{
    margin : 0;    
}

.radiobutton_label label
{
    margin : 0;
    cursor: pointer;    
}



/*-------------------------------------*/
/*  チェックボックス             */
/*-------------------------------------*/

.checkbox_frame
{   
    display: table-row;
}

.checkbox_input,
.checkbox_label
{
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 10px;
}

.checkbox_input input[type=checkbox]
{
    margin-right : 10px;
    margin-left : 0px;
    margin-top : 0px;
    margin-bottom : 0px;
    padding : 0;
    cursor: pointer;
}

.checkbox_label label
{
    margin : 0;
    cursor: pointer;
}
/* myasp-ui-button style (primaryとnormalのみ置いています）*/
/* Public/ask_confirm,Public/askでmyasp-ui-buttonを使用しています */
/* ボタン */
.myasp-ui-button {
    display: flex;
    align-items: center;
    width: fit-content;
    width: -moz-fit-content;
    padding: 0px 8px !important; /* 打ち消し */
    border: 1px solid #aaa;
    border-radius: 5px;
    color: #333;
    font-size: 12px;
    white-space: nowrap;
    background: #fff; /* 画像を消しつつ背景色 */
    background-image: none !important; /* 画像を消しつつ背景色 */
    cursor: pointer;
}
.myasp-ui-button.disabled,
.myasp-ui-button[disabled] {
    color: #aaa !important;
    cursor: default !important;
}
.myasp-ui-button:not(.plain).disabled,
.myasp-ui-button:not(.plain)[disabled] {
    background-color: #EBEBEB !important; /* 打ち消し */
    color: #aaa !important;
    border: 1px solid #999;
}
.myasp-ui-button:hover {
    top: 0px !important;  /* プルプル打ち消し */
    left: 0px !important; /* プルプル打ち消し */
}
.myasp-ui-button:not(.primary):not(.passive):not([disabled]):not(.disabled):hover {
    background-color: #f2f9ff !important; /* 打ち消し */
}
.myasp-ui-button:not(.primary):not(.passive):not([disabled]):not(.disabled):active,
.myasp-ui-button:not(.primary):not(.passive):not([disabled]):not(.disabled).active {
    background-color: #f2f9ff !important;
    border-color: #1096cb;
}
/* 最優先（プライマリ）ボタン：青背景／白太文字 */
.myasp-ui-button.primary {
    color: #fff !important;
    font-weight: bold;
    background-color: #1096cb !important;
}
.myasp-ui-button.primary:not([disabled]):not(.disabled):hover {
    box-shadow: 0px 0px 2px #1096cb;
}
/* ボタンアイコン */
.myasp-ui-button[data-background-icon]::before {
    content: attr(data-background-icon);
    font-family: 'Material Icons';
    font-size: 22px;
    line-height: 32px; /* アイコンあるなしに関わらず高さを一定に */
    font-weight: normal;
    overflow-y: hidden; /* アンダーライン打ち消し */
}
.myasp-ui-button[data-background-icon].faIcon::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}
.myasp-ui-button:not(.passive):not([disabled]):not(.disabled):active::before,
.myasp-ui-button:not(.passive):not([disabled]):not(.disabled).active::before {
    color: #1096cb;
}
.myasp-ui-button.primary:not([disabled]):not(.disabled):active::before,
.myasp-ui-button.primary:not([disabled]):not(.disabled).active::before {
    color: #f2f9ff;
}
/* ボタンテキスト */
.myasp-ui-button[data-background-icon] > span {
    margin-left: 5px;
}
.myasp-ui-button > span,
input.myasp-ui-button[value],
span.myasp-ui-button-text {
    line-height: 32px; /* アイコンあるなしに関わらず高さを一定に */
}

/*======================================
ボタンコンテナ
======================================*/
div.myasp-ui.button-container {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    width: fit-content;
    width: -moz-fit-content;
    height: fit-content;
    height: -moz-fit-content;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}
/* 設置方法 */
div.myasp-ui.button-container.buttons-inner-left {
    margin: 2px 0px 2px 30px;
}
div.myasp-ui.button-container.buttons-inner-right {
    margin: 2px 0px 2px auto;
}
div.myasp-ui.button-container.buttons-content-header,
div.myasp-ui.button-container.buttons-content-footer {
    margin: 20px;
}
/* ボタンレイアウト：横（デフォ） */
div.myasp-ui.button-container.button-layout-horizontal > *:not(:last-child)
{
    margin-right: 10px;
}
/* ボタンレイアウト：縦 */
div.myasp-ui.button-container.button-layout-vertical {
    flex-direction: column;
}
div.myasp-ui.button-container.button-layout-vertical > *:not(:last-child)
{
    margin-bottom: 10px;
}

/*-----------------------------------
パスワード強度チェック
-----------------------------------*/
div.password-check {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 500px;
}
div.password-check div {
    padding: 0px;
    margin-bottom: 10px;
}
div.password-check label {
    color: #aaa;
}
div.password-check .myasp-ui-label-text-frame {
    font-size: 16px;
}
div.password-check .check-help {
    display: flex;
    align-items: baseline;
}

/*-----------------------------------
置き換え文字一覧
-----------------------------------*/
div.replace-variables {
    display: flex;
}
ul.replace-variables-list-index {
    padding: 20px;
    margin: 20px;
    width: fit-content;
    width: -moz-fit-content;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #aaa;
    background: #fff;
    font-size: 1.5em;
    column-count: 3;
    counter-reset: index-counter;
}
ul.replace-variables-list-index > li::before { /* 目次自動採番 */
    counter-increment: index-counter;
    content: counters(index-counter, ".") ". ";
    letter-spacing: 1px;
}
ul.replace-variables-menu {
    position: sticky;
    width: 200px;
    height: fit-content;
    height: -moz-fit-content;
    top: 15px;
    margin: 15px;
    background-color: #f5f5f5;
    border: 1px solid #333;
}
ul.replace-variables-menu > li {
    padding: 10px;
}
ul.replace-variables-menu > li:not(:last-of-type) {
    border-bottom: 1px solid #333;
}
ul.replace-variables-menu div.input.radio > label {
    cursor: pointer;
}
div.replace-variables-list-items {
    counter-reset: list-counter;
}
div.replace-variables-list-items > h4::before { /* リスト見出し自動採番 */
    counter-increment: list-counter;
    content: counters(list-counter, ".") ". ";
    letter-spacing: 1px;
}
div.replace-variables-list-description {
    flex-wrap: wrap;
    background: #F9F9F9;
    margin-bottom: 10px;
    padding: 10px;
}
table.replace-variables-list-items-table {
    table-layout: fixed;
}
table.replace-variables-list-items-table > thead > tr > th,
table.replace-variables-list-items-table > tbody > tr > td {
    overflow-wrap: anywhere;
    width: 15%;
    padding: 5px;
}
table.replace-variables-list-items-table > thead > tr > th:nth-of-type(1),
table.replace-variables-list-items-table > tbody > tr > td:nth-of-type(1) { /* 置き換え文字 */
    width: 10%;
}
table.replace-variables-list-items-table > thead > tr > th:nth-of-type(3),
table.replace-variables-list-items-table > thead > tr > th:nth-of-type(4),
table.replace-variables-list-items-table > tbody > tr > td:nth-of-type(3),
table.replace-variables-list-items-table > tbody > tr > td:nth-of-type(4) { /* 出力例 */
    width: 30%;
}
div.replace-variables-list,
div.replace-variables-list-items > table {
    width: 100%;
    max-width: 1688px;
}
div.replace-variables-list-items ul {
    padding-left: 25px;
}
div.replace-variables-list-items ul > li {
    list-style-type: unset;
}
/* 出力例：会員サイトメニュー系 */
div.replace-variables-site-menu {
    width: 60%;
}
div.replace-variables-site-menu > div {
    display: flex;
    justify-content: space-between;
    margin: 2px;
    padding: 2px 5px;
    background: #272824;
    color: #fff;
}
div.replace-variables-site-menu > p {
    padding: 2px;
    margin-left: 5px;
    border-bottom: 1px solid #dbdbdb;
}
div.replace-variables-site-article {
    max-width: 220px;
}
div.replace-variables-site-article > div {
    font-weight: bold;
}
div.replace-variables-site-article > p {
    margin: 5px;
}
div.replace-variables-site-article > p > span:last-of-type {
    margin-left: 45px;
}
div.replace-variables-site-article > p > span:last-of-type > span {
    text-decoration: underline;
}
div.replace-variables-site-container {
    width: 100%;
    overflow: auto;
}
div.replace-variables-site-container input,
div.replace-variables-site-container select,
div.replace-variables-site-container textarea {
    cursor: default;
    resize: none;
}
div.replace-variables-site-container input:not([type="button"]):not([type="radio"]),
div.replace-variables-site-container select,
div.replace-variables-site-container textarea {
    width: 200px;
    background-color: #fff;
}
div.replace-variables-site-container input[type="button"] {
    top: unset !important; /* 打ち消し */
    left: unset !important; /* 打ち消し */
    padding: 5px 10px;
    background: #fff;
    color: #333;
}
div.replace-variables-site-container table {
    width: 100%;
    margin: 0px;
    background-color: #fff;
}
div.replace-variables-site-container table > tbody tr:nth-child(even) {
    background-color: #f5f7f7;
}
div.replace-variables-site-container table > tbody tr.secret {
    color: #aaa;
}
div.replace-variables-site-container table td {
    padding: 5px;
    border: none;
}
div.replace-variables-site-container table input:not([type="button"]):not([type="radio"]),
div.replace-variables-site-container table select,
div.replace-variables-site-container table textarea {
    width: 150px;
}
div.replace-variables-site-container > hr {
    margin: 5px 0px;
}
/* 備考欄：特殊処理 */
div.replace-variables-specialActions {
    display: flex;
}
div.replace-variables-specialActions > label {
    display: flex;
    align-items: center;
    margin: 0px;
    cursor: pointer;
}
div.replace-variables-specialActions > label > input[type="checkbox"] {
    margin: 0px 5px;
}

/* カレンダー */
div.replace-variables-cal {
    padding: 2px;
    border: 1px solid #aaa;
    background-color: #fff;
}
div.replace-variables-cal div {
    display: flex;
}
div.replace-variables-cal-yearMonth {
    justify-content: center;
}
div.replace-variables-cal-weeks {
    flex-direction: column;
}
div.replace-variables-cal-weeks > div:first-child {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}
div.replace-variables-cal-day {
    justify-content: center;
    width: calc(100% / 7);
}
div.replace-variables-cal-day.otherMonth {
    opacity: 0.5;
}
div.replace-variables-cal-day:first-child {
    color: #E3616E;
}
div.replace-variables-cal-day:last-child {
    color: #1096cb;
}
div.replace-variables-cal-day.isToday {
    background-color: #f2f9ff;
}