@charset "UTF-8";
	
/* ********************************************
// climb-factory base css
// ***************************************** */

@font-face{font-family:"IonIcons";src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');


body {
    -webkit-print-color-adjust: exact;
    color:#333;
    @extend html;
    box-sizing: border-box;
}
html {
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic Medium", sans-serif;
    font-feature-settings: "pkna" 1;
}

h1, h2, h3, h4, h5, h6, strong {
    @extend html;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "游ゴシック体", YuGothic, "Yu Gothic", sans-serif;
    font-weight: 700;
}
.DispNone{display:none !important;}

.mgnT10{margin-top:10px !important;}
.mgnT20{margin-top:20px !important;}
.mgnT30{margin-top:30px !important;}
.mgnT40{margin-top:40px !important;}
.mgnT50{margin-top:50px !important;}

.mgnR10{margin-right:10px !important;}
.mgnR20{margin-right:20px !important;}
.mgnR30{margin-right:30px !important;}
.mgnR40{margin-right:40px !important;}
.mgnR50{margin-right:50px !important;}

.mgnB10{margin-bottom:10px !important;}
.mgnB20{margin-bottom:20px !important;}
.mgnB30{margin-bottom:30px !important;}
.mgnB40{margin-bottom:40px !important;}
.mgnB50{margin-bottom:50px !important;}

.mgnL10{margin-left:10px !important;}
.mgnL20{margin-left:20px !important;}
.mgnL30{margin-left:30px !important;}
.mgnL40{margin-left:40px !important;}
.mgnL50{margin-left:50px !important;}

.pddT10{padding-top:10px !important;}
.pddT20{padding-top:20px !important;}
.pddT30{padding-top:30px !important;}
.pddT40{padding-top:40px !important;}
.pddT50{padding-top:50px !important;}

.pddR10{padding-right:10px !important;}
.pddR20{padding-right:20px !important;}
.pddR30{padding-right:30px !important;}
.pddR40{padding-right:40px !important;}
.pddR50{padding-right:50px !important;}

.pddB10{padding-bottom:10px !important;}
.pddB20{padding-bottom:20px !important;}
.pddB30{padding-bottom:30px !important;}
.pddB40{padding-bottom:40px !important;}
.pddB50{padding-bottom:50px !important;}

.pddL10{padding-left:10px !important;}
.pddL20{padding-left:20px !important;}
.pddL30{padding-left:30px !important;}
.pddL40{padding-left:40px !important;}
.pddL50{padding-left:50px !important;}

.alignC{text-align:center;}
.alignR{text-align:right;}
.alignL{text-align:left;}

.disp_hide{display:none;}

.row {
    margin:10px 0;
}
.delline{
    background:#eee;
}
input[readonly]{
    color:#666 !important;
}
.header-sub{
    font-size:0.8em;
}
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #1bbc9c;
    border-color: #dee2e6 #dee2e6 #fff;
}
.container{
    width:950px;
    margin:0 auto;
    max-width:100%;
    box-sizing: border-box;
}
.page_ttl{
    font-size:2.0em;
    font-weight:normal;
}
#foo-table_wrapper{
    padding: 0;
}
div.dataTables_wrapper div.dataTables_filter input,
div.dataTables_wrapper div.dataTables_length select {
    border: 1px solid #bdc3c7;
    color: #34495e;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-size: 15px;
    line-height: 1.467;
    padding: 8px 12px;
    height: 42px;
    border-radius: 6px;
    box-shadow: none;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}
table.dataTable{
    font-size:0.8em;
}
table.dataTable thead th{
    font-weight:normal;
}


div.dataTables_wrapper div.dataTables_length select {
    height: auto !important;
}
.pagination li.active>a, .pagination li.active>span {
    background-color: #1abc9c !important;
}
#loading{
    display:none;
    position: absolute;
    top: 0;
    left: 0;
    background:#ccc;
    opacity: 0.5;
    width:100%;
    height: 100%;
    text-align:center;
    padding:10% 0;
}
#imgcol{
    display:none;
    text-align:center;
}
@media screen and (min-device-width: 769px) {
    .PChide{display:none;}

}

@media screen and (min-width: 0px) and (max-device-width: 768px) {
    .SPhide{display:none;}

}

@media screen{

}


@media print {


}