*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}


.ellipsis{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 40px;
    padding: 10px 0px 13px 0px;
    text-align: center;
    display: block;
    border-radius: 5px;
    font-size:16px;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
select
{
    max-width:100% !important;
}


.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding:0.8rem;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width:100%;
    max-width: 80%;
    text-align:center;
}




.container{padding:0px 10px;}
.mb-0{ margin-bottom:0.0rem !important; }
.mb-1{ margin-bottom:0.5rem !important; }
.mb-2{ margin-bottom:1.0rem !important; }
.mb-3{ margin-bottom:2.5rem !important; }
.mb-4{ margin-bottom:4.0rem !important; }
.mb-5{ margin-bottom:6.0rem !important; }

.mt-0{ margin-top:0.0rem !important; }
.mt-1{ margin-top:0.5rem !important; }
.mt-2{ margin-top:1.0rem !important; }
.mt-3{ margin-top:2.5rem !important; }
.mt-4{ margin-top:4.0rem !important; }
.mt-5{ margin-top:6.0rem !important; }

.p-0{ padding:0.0rem !important; }
.p-1{ padding:0.5rem !important; }
.p-2{ padding:1.0rem !important; }
.p-3{ padding:2.5rem !important; }
.p-4{ padding:4.0rem !important; }
.p-5{ padding:6.0rem !important; }

.pb-0{ padding-bottom:0.0rem !important; }
.pb-1{ padding-bottom:0.5rem !important; }
.pb-2{ padding-bottom:1.0rem !important; }
.pb-3{ padding-bottom:2.5rem !important; }
.pb-4{ padding-bottom:4.0rem !important; }
.pb-5{ padding-bottom:6.0rem !important; }

.pt-0{ padding-top:0.0rem !important; }
.pt-1{ padding-top:0.5rem !important; }
.pt-2{ padding-top:1.0rem !important; }
.pt-3{ padding-top:2.5rem !important; }
.pt-4{ padding-top:4.0rem !important; }
.pt-5{ padding-top:6.0rem !important; }

.pl-0{ padding-left:0.0rem !important; }
.pl-1{ padding-left:0.5rem !important; }
.pl-2{ padding-left:1.0rem !important; }
.pl-3{ padding-left:2.5rem !important; }
.pl-4{ padding-left:4.0rem !important; }
.pl-5{ padding-left:6.0rem !important; }


.pr-0{ padding-right:0.0rem !important; }
.pr-1{ padding-right:0.5rem !important; }
.pr-2{ padding-right:1.0rem !important; }
.pr-3{ padding-right:2.5rem !important; }
.pr-4{ padding-right:4.0rem !important; }
.pr-5{ padding-right:6.0rem !important; }

.w-100{width:100% !important;}

.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.input_image{
    padding:5px;
    display:block;
    margin:0px auto;
}

.font-weight-bold{font-weight:bold;}


.message_box_normal{
    clear:both;
    border:solid 1px #cccccc;
    background-color:#f5f5f5;
    padding:10px;
    margin:0px auto 2rem auto;
    width:100%;
    border-radius:5px;
}

.message_box_error{
    clear:both;
    border:solid 1px #ff0000;
    background-color:#FFF2F2;
    padding:10px;
    margin:0px auto 2rem auto;
    width:100%;
    border-radius:5px;
}

.message_box_success{
    clear:both;
    border:solid 1px #3a84df;
    background-color:#EAF3FE;
    padding:10px;
    margin:0px auto 2rem auto;
    width:100%;
    border-radius:5px;

}

.message_box_normal p,
.message_box_error p,
.message_box_success p{
    margin-bottom:0px;
}



table {
    border-collapse: collapse;
    border-spacing: 0;
}


table.list {
    clear:both;
    width:100%;
    border:solid 1px #d7dcde;
}


table.list th{
    padding:7px 5px 7px 5px;
    text-align:center;
    font-weight: normal;
    background-color: #d7dcde;
    border-bottom:solid 1px #d7dcde;
    border-right:solid 1px #f5f5f5;
}

table.list td{
    padding:7px 5px 7px 5px;
    border-bottom:solid 1px #d7dcde;
    border-right:solid 1px #d7dcde;
}


.alert{color:#ff0000;}



div.paging{
    max-width: 400px;
    margin:0px auto;
}

div.paging a{
    display:block;
    width:65px;
    height:40px;
    line-height:36px;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#333333;
    padding: 3px 5px 3px 5px;
    text-decoration: none;
}

div.paging p.page{
    font-size:12px;
    font-weight:bold;
    text-align:center;
    line-height:1rem;
}


div.paging p.result{
    font-size:12px;
    text-align:center;
}

div.paging table{
    width:100%;
    margin:0px auto 10px auto;
}

div.paging td.prev{
    width:77px;
}

div.paging td.next{
    width:77px;
}


div.paging td.prev div{
    border-radius: 3px;
    border:solid 1px #D4D4D4;
    background-color: #ECECEC;
    background: -moz-linear-gradient(
        #FEFEFE 0%,
        #ECECEC 100%);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#FEFEFE),
        to(#ECECEC));
    background:linear-gradient(
        #FEFEFE 0%,
        #ECECEC 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE',endColorstr='#ECECEC')";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE',endColorstr='#ECECEC');
}

div.paging td.content{
    text-align:center;
    vertical-align:middle;
}



div.paging td.next div{
    border-radius: 3px;
    border:solid 1px #D4D4D4;
    background-color: #ECECEC;
    background: -moz-linear-gradient(
        #FEFEFE 0%,
        #ECECEC 100%);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#FEFEFE),
        to(#ECECEC));
    background:linear-gradient(
        #FEFEFE 0%,
        #ECECEC 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE',endColorstr='#ECECEC')";
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FEFEFE',endColorstr='#ECECEC');
}