@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;}

.mgnB5{margin-bottom:5px !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;}

.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 !important;
    background-color: #666;
    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;
    margin:20px 0;
}
.cartSPqty{
    width:6em;
}
.checkcol label{
    display:inline-block;
    border-radius: 10px;
    padding: 5px;
}
.checked{
    background-color: #b1d8ff;
}
.ans_list{
    list-style-type:none;
}
.ans_list .bg_color:hover {
   background-color: #ddd;
    cursor: pointer;
}
.ans_list .bg_color{
    display:inline-block;
    border-radius: 10px;
    padding: 5px;
    margin-bottom:3px;
}
.ans_list label{
    margin-bottom:0;
}
.ans_list .alert{
    margin:0.5em 0;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff !important;
}
#foo-table .form-control{
    width:90%;
}

.form-block .add2,
.form-block .add3,
.form-block .add4{
    color:#007bff;
    cursor:pointer
}
.complete_line{
    background:#eee;
}
.close2,
.close3,
.close4{
    color: #007bff;
    font-size: 1rem;
    line-height: 1.5;
    font-weight: normal;
    opacity: 1;
}
.close2:not(:disabled):not(.disabled),
.close3:not(:disabled):not(.disabled),
.close4:not(:disabled):not(.disabled) {
    cursor: pointer;
    color: #007bff;
    opacity: 1;
}
.txtara01{
    height:5em !important;
}

@media screen and (min-device-width: 769px) {
    .PChide{display:none;}
    .modal-dialog {max-width: 750px;}
    .header-sub span{margin:0 2em;}
}
@media screen and (min-width: 0px) and (max-device-width: 768px) {
    .SPhide{display:none;}
    .modal-dialog { margin: .5rem 0 !important;}
    .modal-body {padding: 1rem 0 !important;}
    h1 img{max-width:100%;}
    h1{font-size:1.4rem;}
    h2{font-size:1.2rem;}
    .header-sub span{display:block;}
    .container{width:98%;}
}


@media screen{

}


@media print {


}