@charset "utf-8";

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.pikapika{
  animation: pika2 1s infinite alternate;
}
@keyframes pika2{
    0% { background: #58a130 }
  100% { background: pink }
}

.input_er {
  background-color: pink !important;
}

.op_button {
  background-color: #c3d600;
  color: #fff;
}
.hide {
  display: none;
}
.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0,0,0,.5);
  background-image: url('../images/loading.gif');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-size: 27px 27px;
}

.input_special_discount {
  padding: 16px 10px !important;
}
.input_special_discount input {
  width: 88px !important;
  margin-left: 0;
}

.input_tax_exempt {
  padding: 16px 10px !important;
}
.input_tax_exempt input {
  width: 88px !important;
  margin-left: 0;
}

/*resetCSS*/
html{
color:#000;
background:#FFF;
}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
form,fieldset,input,textarea,
p,
th,td{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img{ border:0; }
address,
caption,
em{
font-style:normal;
font-weight:normal;
}
ol,ul{ list-style:none; }
caption, th{ text-align:left; }
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
q:before,q:after{ content:''; }
abbr,acronym{
border:0;
font-variant:normal;
}
sup{ vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
input,textarea,select{
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%;
}
*{
margin:0;
padding:0;
}
strong,
th{ font-weight:bold;}

#container{ width:100%; }
#contentWrapper{
width:990px;
margin:0 auto;
}
#content{ }
.section{
clear:both;
margin-bottom:30px;
}

body{
font-family: "Noto Sans Japanese";
}

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

h1{
font-size:145%;
font-weight:bold;
margin-bottom:30px;
}
h1 span{ }
h2{
font-size:130%;
font-weight:bold;
margin-bottom:20px;
margin-top:20px;
}
h2 span{ }
h3{
font-size:110%;
font-weight:bold;
margin-bottom:15px;
margin-top:15px;
}
h3 span{ }
h4{
font-size:95%;
font-weight:bold;
margin-bottom:15px;
margin-top:15px;
}
h5{
font-size:90%;
font-weight:bold;
margin-bottom:10px;
margin-top:15px;
}
p{ font-size:90%; }
.anchor a{ }

a{
text-decoration: none;
color: inherit;
}
a:hover{
text-decoration:underline;
}
/*clear Fix*/
.clearFix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearFix{
display:inline-table;
min-height:1%;
}
* html .clearFix{
height:1%;
}
.clearFix{
display:
block;
}

/*--------------------フォント指定-----------------------------------*/

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/NotoSansCJKjp-Thin.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-Thin.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Thin.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Thin.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/NotoSansCJKjp-Light.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-Light.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Light.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Light.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/NotoSansCJKjp-DemiLight.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-DemiLight.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-DemiLight.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-DemiLight.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Regular.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Medium.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Bold.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
         url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
         url('../fonts/NotoSansCJKjp-Black.ttf')  format('truetype'),
         url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}
/*--------------------ここまで-----------------------------------*/


/* --------------------ハンバーガーメニュー---------------------------------*/
.navToggle {
    /*display: block;
    position: fixed;
    left: 0;
    top: 0;*/
    float:left;
    width: 135px;
    height: 88px;
    cursor: pointer;
    z-index: 3;
    text-align: center;
    border-right:2px solid #FFF;
}

.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 54px;
    border-bottom: solid 2px #eee;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 40px;
}

.navToggle span:nth-child(1) {
    top: 16px;
}

.navToggle span:nth-child(2) {
    top: 29px;
}

.navToggle span:nth-child(3) {
    top: 42px;
}

.navToggle span:nth-child(4) {
    border: none;
    color: #eee;
    font-size: 18px;
    font-weight: bold;
    top: 50px;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
    padding:20px 40px;
}


/*******タップした後*******/
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 25px;
    left: 40px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*******グローバルナビ用*******/
.closeBtnSet{
    text-align:right;

}
.closeBtn{
    color:#58a130;
    font-weight:700;
    display:inline-block;
    position:relative;
    cursor:pointer;
}
.closeBtn:hover{
    opacity:0.7;
}
.closeBtn span{
    padding-right:10px;
}
.closeBtn i{
    font-size:36px;
    position:absolute;
    top: 50%;
    right:-50px;
    transform: translateX(-50%) translateY(-50%);
}
.navAccount{
    font-size:18px;
    font-weight:500;
    letter-spacing:0.07em;
    display: table;
    border-bottom:3px solid #e5e5e5;
    padding:60px 0 26px;
    min-width:200px;
    margin-bottom:20px;
}


.navAccount span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
}
.navAccount img{
    width:48px;
}
.navAccount p{
    display: table-cell;
    vertical-align: middle;
    color:#58a130;
    padding-left:1em;
    font-size:18px;
    text-align:left;
    font-weight:700;
}


nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 88px;
    left: 0;
    background: #F3F4F9;
    color: #000;
    text-align: center;
    transform: translateX(-100%);
    transition: all 0.6s;
    /*transform: translateY(-100%);*/
    /*width: 100%;*/
    padding:20px 40px;
    bottom: 0;
    overflow: auto;
}

nav.globalMenuSp .gnavList {
    margin: 0 auto;
    width: 100%;
    text-align: left;
    margin-bottom:40px;
}

nav.globalMenuSp .gnavList li {
    list-style-type: none;
    /*padding: 0 15px;*/
    width: 100%;
    color:#58a130;
    font-size:16px;
    font-weight:700;
}

/* 最後はラインを描かない */
nav.globalMenuSp .gnavList li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

nav.globalMenuSp .gnavList li a {
    display: block;
    padding: 0.3em 0 0.3em 20px;
    position:relative;
}
nav.globalMenuSp .gnavList li a:hover{
    background:#58a130;
    color:#FFF;
    text-decoration:none;
}
nav.globalMenuSp .gnavList li a:hover:before {
    content: none;
}

nav.globalMenuSp .gnavList li a:before {
    position:absolute;
    content:'';
    top: 50%;
    left: 5px;
    height:0;
    width:0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #58a130;
    transform: translateX(-50%) translateY(-50%);
}




/*入れ子のul*/
nav.globalMenuSp .gnavList li ul{
    margin-top: .5em;
    margin-left:2em;
}
nav.globalMenuSp .gnavList li ul li{
    position:relative;
    color:#464646;
}
nav.globalMenuSp .gnavList li ul li:before {
  content: "";
  position: absolute;
  /*top: -0.65em;*/
  top: 0;
  left: -16px;
  width: 10px;
  height: calc(100% + .95em);
  border-left: 3px solid #dddddd;
}

nav.globalMenuSp .gnavList li ul li:last-child::before {
  /*height: calc(1em + .65em);*/
  height:1em;
}

nav.globalMenuSp .gnavList li ul li:after {
  content: "";
  position: absolute;
  /*top: .95em;*/
  top: 1em;
  left: -16px;
  width: 10px;
  border-bottom: 3px solid #dddddd;
}

nav.globalMenuSp .gnavList li ul li a{
    padding: 0.3em 0 0.3em 0;
}
nav.globalMenuSp .gnavList li ul li a:before {
    content: none;
}

/*----------------------------ハンバーガーメニューここまで-----------------------------*/

/* Header Setting
=========================================================================================== */
.headerSet{
    background:#000000;
    /*padding:16px 0;*/
    color:#FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index:3;
}
.headerSet:after {
    content: "";
    display: block;
    clear: both;
}
#gnavSet{
    width:135px;
    float:left;
}
#estimateBtnArea{
    /*width:90%;*/
    float:left;
    margin:0 auto;
    text-align: center;
    width: calc(80% - 135px);
    padding:16px 0;

    display: table;
}
.headerBtn{
    font-size:0;

    vertical-align: middle;
    display: table-cell;
}
.headerBtn:after {
    content: "";
    clear: both;
    display: block;
}
.headerBtn li{
    margin-left:32px;
    display: inline-block;
    text-align:center;
    font-size:20px;
}
.headerBtn li a{
    width:280px;
    float:left;
    background:#58a130;
    padding:13px;
    border-radius:4px;
    font-weight:500;
}
.headerBtn li a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.headerBtn li.active a{
    background:#c6da52;
}

.headerBtn2{
    font-size:0;

    vertical-align: middle;
    display: table-cell;
}
.headerBtn2:after {
    content: "";
    clear: both;
    display: block;
}
.headerBtn2 li{
    margin-left:32px;
    display: inline-block;
    text-align:center;
    font-size:20px;
}
.headerBtn2 li a{
    width:150px;
    float:left;
    background:#58a130;
    padding:13px;
    border-radius:4px;
    font-weight:500;
}
.headerBtn2 li a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.headerBtn2 li.active a{
    background:#c6da52;
}

.account{
    width:10%;
    float:left;
    font-size:18px;
    font-weight:500;
    letter-spacing:0.07em;
    display: table;
    height: 88px;
}

.account span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0;
}
.account img{
    width:48px;
}
.accountName{
    display: table-cell;
    vertical-align: middle;
}
/* LoginContents Setting
=========================================================================================== */
#login{
    padding-top:120px;
}
#login .article1000{
    padding-bottom:0;
}
#login .boxPatternA {
    margin-bottom:0;
}
#login .logo{
    margin-bottom:40px;
}
#login .loginInputTextBox{
    border:2px solid #464646;
    border-radius:4px;
    width:400px;
    display: inline-block;
    margin-bottom:20px;
}
#login .submit{
    margin:20px 0;
}
/* mainContents Setting
=========================================================================================== */
#contents{
    padding-top:150px;
}
.articleMax{
    background:#f6f6f6;
    padding:80px 0;
}
.article1000{
    width:1000px;
    margin:0 auto;
    padding-bottom:80px;
}
.article1200{
    width:1200px;
    margin:0 auto;
}
.article1300{
    width:1300px;
    margin:0 auto;
    padding-bottom:80px;
}
.article1600{
    width:1600px;
    margin:0 auto;
    padding-bottom:80px;
}

h1{
    color:#000000;
    font-size:40px;
    text-align:center;
    margin-bottom:60px;
    line-height:1em;
}
h1.ttlBase02{
    color:#474747;
    font-size:40px;
    text-align:center;
    margin-bottom:10px;
}
h2.ttlBase01{
    position: relative;
    background:#c6da52;
    font-size:24px;
    display:inline-block;
    padding:18px 4em 18px 2em;
    color:#FFF;
    z-index:1;
    margin:0 0 56px;
}
h2.ttlBase01:after {
    position: absolute;
    content: '';
    right: 0px;
    top:0;
    width: 0;
    height: 0;
    border: none;
    border-left: solid 80px transparent;/*bodyのカラーと同じ色に*/
    border-bottom: solid 80px #f6f6f6;
    z-index: 2;
}
h2.ttlBase02{
    padding:20px;
    color:#464646;
    font-size:18px;
    margin: 0;
}
h2.ttlBase03{
    color:#474747;
    font-size:40px;
    text-align:center;
    margin-bottom:40px;
}
h3.ttlBase01{
    padding:0 20px;
    color:#464646;
    font-size:16px;
    margin-bottom:1.5em;
    font-weight:normal;
}

.textStyle1{
    margin-bottom:1em;
}
.textGray{
    color:#ccc;
}
.textBlack{
    color:#464646;
}
.centerAdjust{
    text-align:center;
}
.rightAdjust{
    text-align:right;
}
.leftAdjust{
    text-align:left;
}
.rightBottomBtn{
    vertical-align:bottom;
    text-align:right;
}
.topAdjust{
    vertical-align:top;
}
.bottomAdjust{
    vertical-align:bottom;
}

.linkBtnStyle1{
    text-align:center;
    margin-bottom:70px;
}
.linkBtnStyle1 a{
    width:320px;
    background:#58a130;
    border-radius:4px;
    color:#FFF;
    padding:15px;
    display:block;
    font-size:24px;
    font-weight:500;
    margin:0 auto;
}
.linkBtnStyle1 a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.linkBtnStyle2{
    text-align:center;
    margin-bottom:70px;
}
.linkBtnStyle2 a{
    width:100%;
    background:#58a130;
    border-radius:4px;
    color:#FFF;
    padding:15px;
    display:block;
    font-size:20px;
    font-weight:500;
    margin:0 auto;
}
.linkBtnStyle2 a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.ListCol4Btn {
    display: flex;
    justify-content: center;
}
.ListCol4Btn:after {
    content: "";
    clear: both;
    display: block;
}
.ListCol4Btn li{
    width:25.5%;
    float:left;
    margin-left:2%;
}
.ListCol4Btn li a{
    width:100%;
    background:#58a130;
    border-radius:4px;
    color:#FFF;
    padding:15px;
    display:block;
    font-size:20px;
    font-weight:500;
    text-align:center;
    cursor:pointer;
}
.ListCol4Btn li a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.ListCol4Btn li:first-child{
    margin-left:0;
}

.ListCol2Btn:after {
    content: "";
    clear: both;
    display: block;
}
.ListCol2Btn li{
    width:45%;
    float:left;
    margin-left:2%;
}
.ListCol2Btn li a{
    width:100%;
    background:#58a130;
    border-radius:4px;
    color:#FFF;
    padding:15px;
    display:block;
    font-size:20px;
    font-weight:500;
    text-align:center;
    cursor:pointer;
}
.ListCol2Btn li a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.ListCol4Btn li:first-child{
    margin-left:0;
}

.columnSet{
    margin-bottom:10px;
}
.columnSet:after{
    content: "";
    display: block;
    clear: both;
}
.columnSet .column3{
    width:32%;
    float:left;
    margin-left:2%;
    margin-bottom:40px;
}
.columnSet .column3:nth-child(3n+1){
    margin-left:0;
}
.columnSet .column3 .imgOnlyStyle1 img{
    width:100%;
}
.redBox{
    border:2px solid #ff0000;
    padding:20px 35px;
    color:#464646;
    line-height:2em;
}
.redBox .textStyle1{
    margin-bottom:0;
    font-size:16px;
}
.boxPatternA{
    background:#f6f6f6;
    width:800px;
    margin: 0 auto;
    padding:100px 75px;
    margin-bottom:50px;
}
.boxPatternA h1{
    color: #000000;
    margin-bottom:60px;
}
.boxPatternA .fileBtnSet{
    margin-bottom:70px;
}
.boxPatternTop{
    background:#000000;
    width:800px;
    margin: 0 auto;
    padding:100px 75px;
    margin-bottom:50px;
}
.boxPatternTop h1{
    color: #ffffff;
    margin-bottom:60px;
}
.boxPatternTop .fileBtnSet{
    margin-bottom:70px;
}
.ContentInner{
    padding: 0 40px;
    margin-bottom:15px;
}

.tableStyle1{
    font-size:14px;
    color:#464646;
    border:1px solid #464646;
    margin-bottom:40px;
    width: 100%;
}
.tableStyle1 th{
    font-weight:normal;
    text-align:center;
}
.tableStyle1 th,
.tableStyle1 td{
    border-left:1px solid #464646;
    border-right:1px solid #464646;
    padding:16px 8px;
}
.tableStyle1 tr:nth-child(odd){
    background:#f6f6f6;
}
.tableStyle1.ver2 thead th{
    background: #f6f6f6;
    padding:28px;
}
.tableStyle1.ver2 tbody th{
    text-align:left;
}
.tableStyle1.ver2 th,
.tableStyle1.ver2 td{
    padding:16px 28px;
}
.tableStyle1.ver2 tr:nth-child(even) {
    background: #f6f6f6;
}
.tableStyle1.ver2 tr:nth-child(odd) {
    background: #FFF;
}
.tableStyle1.ver3 thead th{
    background: #f6f6f6;
    padding:28px;
}
.tableStyle1.ver3 tbody td{
    padding:10px 8px;
}
.tableStyle1.ver3 tr:nth-child(odd) {
    background: #FFF;
}
.tableStyle1.ver3 tr:nth-child(even) {
    background: #f6f6f6;
}
.tableStyle1.ver4 th{
    padding:30px;
}
.tableStyle1.ver4 td{
    padding:50px 15px;
}

.tableStyle2{
    width: 100%;
    color:#464646;
    /*border-spacing:0 10px;
    border-collapse: separate;*/
}
.tableStyle2 tr{
    border-bottom:10px solid #FFF;
}
.tableStyle2 th,
.tableStyle2 td{
    background:#f6f6f6;

}
.tableStyle2 th{
    font-weight:normal;
    padding:10px 24px 10px 24px;
}
.tableStyle2 th strong{
    margin:0.5em 0 0.5em -1em;
    display:block;
}
.tableStyle2 td{
    padding:10px 24px 10px 24px;
}
.tableStyle2 .join{
    border-bottom:0;
}
.tableStyle2 .join th,
.tableStyle2 .join td{
    padding-bottom:0;
}
.tableStyle2 .join th strong{
    margin-bottom:0;
}

.tableStyle3{
    width: 100%;
    color:#464646;
}
.tableStyle3 tr{
    border-bottom:10px solid #FFF;
}
.tableStyle3 th,
.tableStyle3 td{
    background:#f6f6f6;
    font-weight:normal;
    padding:24px;
}
/* -------表データ-------- */
table span.date,
table span.update{
    display:block;
}
table span.refer a,
table span.edit a,
table span.delete a{
    display:block;
    background:#58a130;
    border-radius:4px;
    color:#FFF;
    text-align:center;
    padding:2px 10px;
    margin-bottom:10px;
    cursor:pointer;
    white-space: nowrap;
}
table span.delete a{
    margin-bottom:0;
}
table span a:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
.renewSet:after{
    content: "";
    display: block;
    clear: both;
}
.renewL{
    float:left;
    width:50%;
}
.renewR{
    float:left;
    width:50%;
}
span.unit{
    margin-left:0.5em;
}
.numArea{
    text-align:right;
    margin-bottom:25px;
}
.numArea .totalNum{
    font-size:16px;
    margin-right:1em;
}

.numArea select{
    padding: 2px 2px 2px 20px;
    height: 2em;
}

.mgr-140{
    margin-left: 140px;
}

input.w10{
    width:10px;
}
input.w100{
    width:100%;
}
input.w50{
    width:50%;
}
input.w150{
    width:150px !important;
    margin-left:0px !important;
}
input.w270{
    width:270px !important;
    margin-left:0px !important;
}
input.w251{
    width:251px;
}
input.w330{
    width:330px;
}
input.w500{
    width:500px;
}
input.w80{
    width:80px;
}
input.w140{
    width:140px;
}
input.w40{
    width:40px;
    margin-left:0px !important;
}

input[type="text"] ,input[type="email"] ,input[type="tel"]{
    border-radius:4px;
    border:1px solid #464646;
    padding:5px;
}
input[type="number"]{
    border:1px solid #464646;
    padding:5px;
    text-align: right;
    width:105px;
    /* background:none; */
    margin-left:20px;
}
input[type="text"]::placeholder{
    color:#ccc;
}
input.inputTextBox1{
    border:1px solid #464646;
    padding:5px;
    border-radius:0;
}
textarea.textareaStyle1{
    width:100%;
    border-radius:4px;
    border:1px solid #464646;
    padding:5px;
}


.fileBtnSet input{
    display:none;
}
.fileBtnSet label{
    background: #58a130;
    color: #fff;
    cursor: pointer;
    padding: 5px 20px;
    margin: 0 10px 0 0;
    display: inline-block;
    border-radius:4px;
}
.fileBtnSet label:hover {
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}
.fileName a{
    color:#000000;
    text-decoration:underline;
}
.fileBtnSet input.inputTextBox1{
    display:inline-block;
}
.fileBtnSet .btnArea{
    margin-left:15px;
}
/*.fileBtnSet label.fileButton{
    background: #58a130;
    color: #fff;
    cursor: pointer;
    padding: 5px 20px;
    margin: 0 10px 0 0;
    display: inline-block;
    border-radius:4px;
    border:none;
}
.fileBtnSet label.fileButton:hover {
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}*/



.ListCol4Table:after {
    content: "";
    clear: both;
    display: block;
}
.ListCol4Table li{
    width:23.5%;
    float:left;
    margin-left:2%;
}
.ListCol4Table li:first-child{
    margin-left:0;
}

.detaSet{
    margin:0 25px;
    display:inline-block;
}
.detaSet .inputTextBox1{
    margin:0 10px;
    width:60px;
}
.detaSet .inputTextBox1:first-child{
    width:100px;
}

/* -------動的テーブル-------- */
#fluctuateTable .upList,
#fluctuateTable .downList,
#fluctuateTable .addList{
    border:none;
    background:none;
    width: 17px;
    height: 17px;
    cursor:pointer;
}
#fluctuateTbody tr:first-child {
  display: none;
}
#fluctuateTbody input.removeList{
    font-weight: 700;
    font-size: 24px;
    border:none;
    background:none;
}

/*Noに番号追加*/
#fluctuateTable{
counter-reset:ranking;
}
#fluctuateTable td.no{
counter-increment:ranking;
}
#fluctuateTable td.no:before{
content: counter(ranking) ;
}


#fluctuateTable2 .upList,
#fluctuateTable2 .downList,
#fluctuateTable2 .addList{
    border:none;
    background:none;
    width: 17px;
    height: 17px;
    cursor:pointer;
}
#fluctuateTbody2 tr:first-child {
  display: none;
}
#fluctuateTbody2 input.removeList{
    font-weight: 700;
    font-size: 24px;
    border:none;
    background:none;
}

/*Noに番号追加*/
#fluctuateTable2{
counter-reset:ranking;
}
#fluctuateTable2 td.no{
counter-increment:ranking;
}
#fluctuateTable2 td.no:before{
content: counter(ranking) ;
}
/* -------施工例検索画面onlyスタイル-------- */
.columnSet .sekouPanel{
    margin:0 0 33px 33px;
    width:378px;
}
.columnSet .sekouPanel a{
    background:#000000;
    display: block;
    padding: 125px 0;
    color: #FFF;
    text-align: center;
    font-size:24px;
    font-weight:500;
}
.columnSet .sekouPanel a:hover{
    text-decoration:none;
    opacity:0.7;
}
/* -------製品別TOPonlyスタイル-------- */
.sekouContents{
    padding:0 3%;
}
.sekoutable{
    width:100%;
}
.sekoutable th,
.sekoutable td{
    border-bottom:1px solid #d2d2d2;
    padding:10px 0;
}
.sekoutable td{
    padding-left:1em;
}
.sekoutable th span{
    padding:5px;
    border:2px solid #58a130;
    color:#58a130;
    font-weight:700;
    font-size:18px;
    white-space:nowrap;
}



/* -------formスタイル-------- */
p.submit{
    text-align:center;
    margin-bottom:100px;
}
p.submit02{
    text-align:center;
    margin-bottom:150px;
}

.errorText{
    color:#FF0909;
    display:block;
    padding:10px 0;
    margin-bottom:0.5em;
    font-size:16px;
    font-weight: bold;
}
button.btnStyle1{
    width:320px;
    background:#58a130;
    border-radius:4px;
    border:none;
    color:#FFF;
    padding:15px;
    cursor:pointer;
    font-size:24px;
    font-weight:500;
    font-family: "Noto Sans Japanese";
}
button.btnStyle1:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
button.btnStyle2{
    width:160px;
    background:#58a130;
    border-radius:4px;
    border:none;
    color:#FFF;
    padding:5px;
    cursor:pointer;
    font-size:18px;
    font-weight:500;
    font-family: "Noto Sans Japanese";
}
button.btnStyle2:hover {
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}
button.btnStyle3{
    width:320px;
    background:#58a130;
    border-radius:4px;
    border:none;
    color:#FFF;
    padding:20px 15px;
    cursor:pointer;
    font-size:20px;
    font-weight:500;
    letter-spacing: -0.05em;
    font-family: "Noto Sans Japanese";
}
button.btnStyle3:hover{
    background:#c6da52;
    text-decoration:none;
    transition: all .3s;
}
button.btnStyle4{
    width:170px;
    background:#58a130;
    border-radius:4px;
    border:none;
    color:#FFF;
    padding:5px;
    cursor:pointer;
    font-size:16px;
    font-weight: normal;
    font-family: "Noto Sans Japanese";
}
button.btnStyle4:hover {
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}
button.btnStyle5{
    width:100px;
    background:#58a130;
    border-radius:4px;
    border:none;
    color:#FFF;
    padding:5px;
    cursor:pointer;
    font-size:18px;
    font-weight:500;
    font-family: "Noto Sans Japanese";
}
button.btnStyle5:hover {
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}
button.btnStyle6{
    width:260px;
    background:#58a130;
    border-radius:4px;
    border:none;
    color:#FFF;
    padding:5px;
    cursor:pointer;
    font-size:22px;
    font-weight:500;
    font-family: "Noto Sans Japanese";
}
button.btnStyle6:hover {
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}

/* -------ページネーション-------- */
.pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  /*width: 50px;
  height: 50px;*/
  text-align: center;
  /*position: relative;*/
  border:1px solid #464646;
}

.pager .pagination li a{
  vertical-align: middle;
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
  text-align: center;
  display:table;
  color: #464646;
  text-decoration: none;
  padding: 8px 25px;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #FFF;
  background:#58a130;
}

/* -------アコーディオン-------- */
.accordion .actabContent {
    display: block;
}
.accordion .acTitle{
    cursor: pointer;
    padding: 10px;
    position: relative;
    display: block;
    padding: 13px 24px;
    background: #000000;
    font-size:18px;
    color:#FFF;
    font-weight:normal;
    margin:0 0 15px 0;
}
.actabContent{
    background:#F6F6F6;
    padding: 24px 20px;
    margin-bottom:15px;
}
.actabContent2{
    padding: 0 40px;
    margin-bottom:15px;
}
.actabContent3{
    padding:24px 130px;
    background:#F6F6F6;
    margin-bottom: 15px;
}

.acTitle:after{
    content: "";
    width: 18px;
    height: 18px;
    border: 0px;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 50%;
    right: 40px;
    margin-top: -6px;
}

.acTitle.active:after{
    content: "";
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -12px;
}

/*----------チェックボックス----------*/
.checkBox-input{
  display: none;
}
.checkBox-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.checkBox-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #464646;
  background:#FFF;
}
.checkBox-input:checked + .checkBox-parts{
  color: #0575B6;
}
.checkBox-input:checked + .checkBox-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #0575B6;
  border-right: 3px solid #0575B6;
}
/*□と文字の隙間広いパターン*/
.checkBox-input2{
  display: none;
}
.checkBox-parts2{
  padding-left: 2em;
  position:relative;
  margin-right: 20px;
}
.checkBox-parts2::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2px;
  width: 15px;
  height: 15px;
  border: 1px solid #464646;
  background:#FFF;
}
.checkBox-input2:checked + .checkBox-parts2{
  color: #0575B6;
}
.checkBox-input2:checked + .checkBox-parts2::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 7px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #0575B6;
  border-right: 3px solid #0575B6;
}

/**checkリストul**/
.checkBoxListCol3:after {
  content: "";
  clear: both;
  display: block;
}
.checkBoxListCol3 li{
    width:33%;
    float:left;
    margin-bottom:0.5em;
}
.checkBoxListCol4:after {
  content: "";
  clear: both;
  display: block;
}
.checkBoxListCol4 li{
    width:25%;
    float:left;
    margin-bottom:0.5em;
}
.checkBoxListCol5:after {
  content: "";
  clear: both;
  display: block;
}
.checkBoxListCol5 li{
    width:20%;
    float:left;
    margin-bottom:0.5em;
}
.checkBtnListCol5Table:after {
  content: "";
  clear: both;
  display: block;
}
.checkBtnListCol5Table {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
}
.checkBtnListCol5Table li{
    margin-bottom: 0.6em;
    padding: 4px;
    width: 25%;
    box-sizing: border-box;
}
.checkBtnListCol5Table li input,
.checkBtnListCol5Table li span{
    padding: 4px;
    white-space: normal;
    text-align: left;
    width: 95%;
    height: 48px;
}
.checkBtnListCol5Table li span{
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-radius: 3px;
}

/*----------ラジオボタン----------*/
.radioInput{
  display: none;
}
.radioInput + label{
  padding-left: 2em;
  position:relative;
  margin-right: 20px;
}
.radioInput + label::before{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #464646;
  border-radius: 50%;
  background: #FFF;
}
.radioInput:checked + label{
  color: #464646;
}
.radioInput:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #464646;
  border-radius: 50%;
}
.radioBtnListCol3Table:after {
  content: "";
  clear: both;
  display: block;
}
.radioBtnListCol3Table li{
    width:20%;
    float:left;
    color:#464646;
}

.radioBtnListCol4Table li{
    /* width:25%; */
    margin-right:20px;
    float:left;
    color:#464646;
}

.selectPulldownRoom .radioInput + label{
    margin:0 15px 0 20px;
    /*padding:0;*/
}

/*----------セレクトボックス----------*/

.selectPulldownRoom select{
    border:1px solid #464646;
    padding:7px;
    height: 2.5em;
}
.selectPulldownRoom select[name="routeStart"] ,
.selectPulldownRoom select[name="routeEnd"]{
    width:140px;
}
.selectPulldownRoom select[name="route"]{
    width:105px;
    margin-right:20px;
    margin-left:20px;
}
.selectPulldownRoom .checkBox-parts{
    margin-right:0;
    vertical-align: 0.2em;
}
.selectPulldownRoom .kara{
    padding:0 10px;
    vertical-align: 0.2em;
}

select.selectStyle1{
    width:50%;
    border:1px solid #464646;
    padding:7px;
    height: 3em;
}
select.selectStyle2{
    width:100%;
    border:1px solid #464646;
    padding:7px;
    height: 2.5em;
}
select.selectStyle3{
    width:25%;
    border:1px solid #464646;
    padding:7px;
    height: 2.5em;
}

select.selectStyle4{
    width:10%;
    border:1px solid #464646;
    padding:7px;
    height: 2.5em;
    vertical-align: top;
}

#selectPlace,
#selectPlace1,
#selectPlace2,
#selectPlace3{
    -webkit-appearance: none;
    appearance: none;
}
dl.selectList{
    text-align:left;
}
dl.selectList dt{
    margin:10px;
}
.selectList dd{
    position:relative;
    margin-bottom:1.5em;
}
.selectList dd:before {
    position: absolute;
    top: 46%;
    right: 0.9em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #464646;
    pointer-events: none;
}
select.place {
    color: #CCC;
    background: #FFF;
}
/*----------モーダルウィンドウ----------*/
.modal_box {
    position: fixed;
    z-index: 7777;
    display: none;
    /*width: 80%;
    max-width: 800px;
    text-align: center;*/
    padding: 90px 2vw 90px;
    margin: 0;
    background: #fff;
}
.modal_box .modalInnerStyle1{
    width: 720px;
    text-align: center;
}
.modal_box .textStyle1{
    font-size:16px;
    margin-bottom:90px;
}
.modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6666;
    display: none;
    width: 100%;
    height: 120%;
    background-color: rgba(0,0,0,0.7);
}
.modalBtn li{
    margin-bottom:24px;
}
.modalBtn li:last-child{
    margin-bottom:0;
}
.modalBtn li a{
    width: 320px;
    padding: 20px;
    border-radius: 4px;
    font-size: 24px;
    font-weight: 500;
    background: #58a130;
    color:#FFF;
    display:block;
    margin: 0 auto;
    cursor:pointer;
}
.modalBtn li a:hover{
    background: #c6da52;
    text-decoration: none;
    transition: all .3s;
}
/*----------モーダルウィンドウパターン2----------*/
.lock {
    overflow:hidden;
}
.modal-content {
    position:relative;
    display:none;
    width:1100px;
    margin:150px 30px;
    padding: 90px 50px 90px;
    background:#fff;
}
.modal-overlay {
    z-index:888;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}
.modal-wrap {
    z-index:999;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}
/* After Setting
=========================================================================================== */
.mt0{margin-top:0 !important;}
.ml0{ margin-left:0 !important;}
.mb0{margin-bottom:0 !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.pb0{ padding-bottom:0 !important;}
.pr20{ padding-right:20px !important;}
.vat{ vertical-align:top !important;}
.vam{ vertical-align:middle !important;}
/* footer Setting
=========================================================================================== */
footer{
    text-align:center;
    padding:70px 0;
}
footer p{
    font-size:14px;
    font-weight:normal;
    color:#464646;

}

.route_td{
    display: flex;
    justify-content: space-between;
}

.b_th1 {
    width: 10px !important;;
}

.b_th2 {
    width: 15px !important;;
}

.b_th3 {
    width: 15px !important;;
}

.b_th4 {
    width: 40px !important;;
}

.b_th4 {
    width: 40px !important;;
}

.b_th5 {
    width: 300px !important;;
}

/* 2020-02-14 見積もり明細調整のため追加 */
.estimation_b_table{
    font-size:12px !important;
}
.estimation_b_table{
}
.estimation_b_table th{
    font-weight:normal;
    text-align:center;
}
.estimation_b_table th,
.estimation_b_table td{
    border-bottom:1px solid #464646;
    border-left: none;
    border-right: none;
    padding: 0 4px !important;
}
.estimation_b_table td.action{
    width: 44px;
}
.estimation_b_table tr:nth-child(odd){
    background:#f6f6f6;
}
.estimation_b_table input[type="text"], input[type="email"] ,input[type="tel"]{
    border-radius:4px;
    border: solid 1px #000000 !important;
    padding:5px;
}
.estimation_b_table input[type="text"].dsp_nm{
    border-radius:4px;
    border: solid 1px #000000 !important;
    padding:5px;
    width: 88px !important;
    text-align: right;
}

.estimation_b_table input[type="number"].num{
    width: 40px !important;
}
.estimation_b_table input[type="number"]{
    border: none !important;
    border-radius:4px;
    padding: 5px;
    text-align: right;
    width: 68px !important;
    background-color: #fff;
    margin-left: 0 !important;
    border: solid 1px #000000 !important;
}

/* 見積作成画面にスクロールナビ追加 2020-03-31 */
#contentScrollNav {
    position: fixed;
    right: 0;
    bottom: 10%;
    background: #000000;
    padding: 10px;
    color: #ffffff;
    width: 120px;
    z-index: 100;
}
.currentScrollNav {
    background: #58a130;
    color: #ffffff;
}

#noCheckRemoveNav {
    position: fixed;
    right: 0;
    bottom: 10px;
    padding: 10px;
    color: #ffffff;
    width: 120px;
    z-index: 100;
}

#subcontract_b_table input.inp_num[type="number"] {
    width: 53px;
    margin-left: 0px;
}
#subcontract_b_table .inp_unit_cd {
    width: 100%;
}
#subcontract_b_table input.inp_order_price[type="number"] {
    width: 83px;
    margin-left: 0px;
}

/*　@yggy：Box/GoogleDrive関連　start*/
#box_iframe_wrapper {
    width: 1300px;
    height: 600px;
    margin: 20px auto;
    background-color: #bfbfbf;
    margin-top: 70px;
    position: relative;
    border: 1px solid #ccc;
}
#iframe-reload {
    position: absolute;
    top: -45px;
}
#box_iframe_wrapper iframe {
    width: 100%;
    height: 100%;
}
#box_iframe_wrapper p.box_message {
    text-align: center;
    padding-top: 22%;
    font-size: 35px;
}

#googledrive_wrapper {
    width: 1300px;
    height: 650px;
    margin: 20px auto;
    position: relative;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
}

#googledrive_wrapper .table-caption {
  display: block;
  width: 100%;
  background: #f6f6f6;
  color: #FFF;
  font-size: 20px;
  font-size: 2rem;
  /*line-height: 44px;*/
  border: none;
  border-bottom: 2px solid #999;
  padding-bottom: 7px;
  padding-left: 7px;
}

#googledrive_wrapper .folder_title {
  border: 1px solid #cbd2d9;
  border-radius: 0.3rem;
  display: inline-flex;
  overflow: hidden;
}
#googledrive_wrapper .subfolder_item {
  background: #fff;
  color: #333;
  outline: none;
  padding: 0.5em 2em 0.5em 2em;
  position: relative;
  font-size: 16px;
  text-decoration: none;
  transition: background 0.2s linear;
}
#googledrive_wrapper .subfolder_item:hover:after,
#googledrive_wrapper .subfolder_item:hover {
  background: #edf1f5;
}
/*#googledrive_wrapper .subfolder_item:focus:after,
#googledrive_wrapper .subfolder_item:focus,
#googledrive_wrapper .subfolder_item.is-active:focus {
  background: #323f4a;
  color: #fff;
}*/
#googledrive_wrapper .subfolder_item:after,
#googledrive_wrapper .subfolder_item:before {
  background: white;
  bottom: 0;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}
#googledrive_wrapper .subfolder_item:before {
  background: #cbd2d9;
  margin-left: 1px;
}
#googledrive_wrapper .subfolder_item:last-child {
  border-right: none;
}
#googledrive_wrapper .subfolder_item.is-active {
  background: #edf1f5;
}
@font-face {
  font-family: 'kakuichi_item_set';
  src:  url('../fonts/kakuichi_item_set.eot?pyqcic');
  src:  url('../fonts/kakuichi_item_set.eot?pyqcic#iefix') format('embedded-opentype'),
    url('../fonts/kakuichi_item_set.ttf?pyqcic') format('truetype'),
    url('../fonts/kakuichi_item_set.woff?pyqcic') format('woff'),
    url('../fonts/kakuichi_item_set.svg?pyqcic#kakuichi_item_set') format('svg');
  font-style: normal;
  font-display: block;
}
#googledrive_wrapper [class^="kkc_"], #googledrive_wrapper [class*=" kkc_"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kakuichi_item_set' !important;
  speak: never;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  padding: 0.5rem;
    /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#googledrive_wrapper .kkc_another:before {
  content: "\e900";
}
#googledrive_wrapper .kkc_contract:before {
  content: "\e901";
}
#googledrive_wrapper .kkc_culc:before {
  content: "\e902";
}
#googledrive_wrapper .kkc_drawing:before {
  content: "\e903";
}
#googledrive_wrapper .kkc_keiyakusyo:before {
  content: "\e904";
}
#googledrive_wrapper .kkc_minutes:before {
  content: "\e905";
}
#googledrive_wrapper .kkc_minutes:before {
    font-weight: bold;
}
#googledrive_wrapper .kkc_outsourcing:before {
  content: "\e906";
}
#googledrive_wrapper .kkc_outsourcing:before {
  font-weight: bold;
}
#googledrive_wrapper .kkc_site_photo:before {
  content: "\e907";
}
#googledrive_wrapper .kkc_specification:before {
  content: "\e908";
}

#googledrive_wrapper ul.banner_button{
  display: flex;
  flex-wrap: wrap;
  padding-left: 40px;
}
#googledrive_wrapper ul.banner_button li{
    width:252px;
    height: 75px;
    margin: 15px;
    list-style: none;
    box-sizing:border-box;
    font-weight: normal;
    border: 1px solid #ccc;
}
#googledrive_wrapper ul.banner_button li a{
  text-decoration: none;
}
#googledrive_wrapper ul.banner_button li .icon{
    width: 75px;
    height: 100%;
    font-size: 45px;
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    float: left;
}
#googledrive_wrapper ul.banner_button li .title{
    display: inline-flex;
    float: left;
    width: 125px;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: left;
}
#googledrive_wrapper ul.banner_button li .badge{
    display: inline-flex;
    float: left;
    width: 45px;
    height: 100%;  
    flex-direction: column;
    justify-content: center;
    align-items: left;
}
#googledrive_wrapper .badge .notification-badge {
    position: relative;
    top: 10px;
    left: 0rem;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #000;
    color: white;
    text-align: center;
    font-size: 20px;
    line-height: 45px;
}
#googledrive_wrapper .subfolder_item.minutes{background-color: #A81A4D;color: #FFFFFF;}
#googledrive_wrapper .subfolder_item.culc{background-color: #43AB50;color: #FFFFFF;}
#googledrive_wrapper .subfolder_item.site_photo{background-color: #B0BEE1;color: #FFFFFF;}
#googledrive_wrapper .subfolder_item.specification{background-color: #71BAE8;color: #050404;}
#googledrive_wrapper .subfolder_item.outsourcing{background-color: #B0BEE1;color: #050404;}
#googledrive_wrapper .subfolder_item.drawing{background-color: #F6BF51;color: #050404;}
#googledrive_wrapper .subfolder_item.contract{background-color: #80549F;color: #FFFFFF;}
#googledrive_wrapper .subfolder_item.another{background-color: #AE8485;color: #FFFFFF;}

#googledrive_wrapper .subfolder_wrapper.minutes .icon{color: #A81A4D;}
#googledrive_wrapper .subfolder_wrapper.culc .icon{color: #43AB50;}
#googledrive_wrapper .subfolder_wrapper.site_photo .icon{color: #B0BEE1;}
#googledrive_wrapper .subfolder_wrapper.specification .icon{color: #71BAE8;}
#googledrive_wrapper .subfolder_wrapper.outsourcing .icon{color: #B0BEE1;}
#googledrive_wrapper .subfolder_wrapper.drawing .icon{color: #F6BF51;}
#googledrive_wrapper .subfolder_wrapper.contract .icon{color: #80549F;}
#googledrive_wrapper .subfolder_wrapper.another .icon{color: #AE8485;}

#googledrive_wrapper .subfolder_wrapper.minutes .notification-badge {background-color: #A81A4D;}
#googledrive_wrapper .subfolder_wrapper.culc .notification-badge {background-color: #43AB50;}
#googledrive_wrapper .subfolder_wrapper.site_photo .notification-badge {background-color: #B0BEE1;}
#googledrive_wrapper .subfolder_wrapper.specification .notification-badge {background-color: #71BAE8;}
#googledrive_wrapper .subfolder_wrapper.outsourcing .notification-badge {background-color: #B0BEE1;}
#googledrive_wrapper .subfolder_wrapper.drawing .notification-badge {background-color: #F6BF51;}
#googledrive_wrapper .subfolder_wrapper.contract .notification-badge {background-color: #80549F;}
#googledrive_wrapper .subfolder_wrapper.another .notification-badge {background-color: #AE8485;}
#googledrive_wrapper .subfolder_wrapper a{
  background-color: #FFF;
  display: block;
  width: 100%;
  height: 100%;
}
#googledrive_wrapper .banner_button .subfolder_wrapper a:hover{
  background: #000;
  color: #FFF;
  transition: background-color 0.5s;
}

#gd_folder_wrapper table {
  display: block;
  margin: 0;
  border: none;
  background: #FFF;
  font-size: 14px;
  font-size: 1.4rem;
}
@media only all and (min-width: 760px) {
  #gd_folder_wrapper table {
    display: table;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-top: none;
    font-size: 14px;
  }
}
#gd_folder_wrapper tbody {
  /*display: block;*/
}

#gd_folder_wrapper tr {
  position: relative;
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 8px;
  padding: 0.8rem;
}
#gd_folder_wrapper tr:nth-child(even) {
  background: #f5f5f5;
}
#gd_folder_wrapper tr:hover {
  background: #c6da52;
  cursor: pointer;
}
@media only all and (min-width: 760px) {
  #gd_folder_wrapper tr {
    display: table-row;
  }
}
#gd_folder_wrapper thead tr {
  display: none;
}
#gd_folder_wrapper thead tr th{
  text-align: center;
  font-size: 16px;
}
@media only all and (min-width: 760px) {
  #gd_folder_wrapper thead {
    background: #000;
    color: #FFF;
  }
  #gd_folder_wrapper thead tr {
    display: table-row;
  }
  #gd_folder_wrapper thead tr:hover {
    background: #212121;
  }
  #gd_folder_wrapper thead tr th {
    font-weight: normal;
    font-size: 16px;
    border: 1px solid #e5e5e5;
  }
}
#gd_folder_wrapper td {
  display: block;
  border: none;
  position: relative;
  text-align: left;
}
#gd_folder_wrapper td.actions {
  position: absolute;
  top: 4px;
  right: 24px;
}
#gd_folder_wrapper td.checkbox {
  position: absolute;
  top: 4px;
  right: 4px;
}
#gd_folder_wrapper tr td:last-child {
  width: 40px;
  text-align: center;
}
#gd_folder_wrapper td .delete_file_button {
  color: #FF0000;
  font-size: 26px;
}
@media only all and (min-width: 760px) {
  #gd_folder_wrapper td, th {
    display: table-cell;
    padding: 2px;
    padding: 0.2rem;
    border-bottom: 1px solid #e5e5e5;
  }
  #gd_folder_wrapper td.actions, #gd_folder_wrapper td.checkbox, #gd_folder_wrapper th.actions, #gd_folder_wrapper th.checkbox {
    position: static;
  }
}
#gd_folder_wrapper td:before {
  content: attr(data-label);
  display: inline-block;
  width: 15%;
  background: #999;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  height: 20px;
  margin: 0px 10px 0px 0px;
  margin: 0rem 1rem 0rem 0rem;
  padding: 0px 5px;
  padding: 0rem 0.5rem;
  font-size: 10px;
  font-size: 1rem;
  line-height: 20px;
  text-align: center;
  color: #FFF;
  overflow: hidden;
}
@media only all and (min-width: 560px) {
  #gd_folder_wrapper td:before {
    width: 12%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media only all and (min-width: 760px) {
  #gd_folder_wrapper td:before {
    content: "";
    display: none;
  }
}
#gd_folder_wrapper td.actions:before, #gd_folder_wrapper td.checkbox:before {
  display: none;
}
#sort_and_mode {
    height: 40px;
    width: 100%;
    float: left;
    background-color: #FFF;
    padding-right: 10px;
}
#sort_and_mode i {
    width: 30px;
    height: 30px;
    line-height: 20px;
    margin-top: 5px;
    float: right;
    font-size: 20px;
    padding: 5px;
    cursor: default;
}
#sort_and_mode i.active {
    background-color: #ffb8b8;
    color: #FFF;
}
#sort_and_mode .sort_select {
    float: right;
    height: 30px;
    margin-top: 5px;
    width: 100px;
    font-size: 15px;
    line-height: 30px;
}
#gd_folder_wrapper {
    width: 100%;
    height: calc(100% - 110px);
}
#gd_folder_wrapper .hide-important {
    display: none!important;
}
#gd_folder_wrapper .items_wrapper {
    width: 100%;
    float: left;
    height: calc(100% - 40px);
    overflow-y: auto;
}
#gd_folder_wrapper .folder_grid {
    width: 190px;
    height: 220px;
    border: 1px solid #DADCE0;
    float: left;
    margin: 10px;
    border-radius: 10px;
    position: relative;
}
#gd_folder_wrapper .folder_grid > img {
    width: 188px;
    height: 178px;
}
#gd_folder_wrapper .folder_grid[hasThumbnail="false"] {
    background-size: 20%;
}
#gd_folder_wrapper .folder_grid .title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    overflow: hidden;
    padding: 0px 5px;
    border-top: 1px solid #ccc;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#gd_folder_wrapper .folder_grid .delete_file_button {
    color: #FF0000;
    position: absolute;
    right: 2px;
    top: 2px;
    font-size: 26px;
}

#gd_upload_form {
    width: 100%;
    height: 50px;
    background-color: #c6da52;
    line-height: 50px;
    padding-left: 20px;
    position: absolute;
    bottom: 0px;
}
#gd_subfolder_select {
    height: 30px;
    width: 150px;
    font-size: 15px!important;
}
#gd_upload_files {
    width: calc(100% - 560px);
    height: 30px;
    line-height: 20px;
    font-size: 18px!important;
}
#gd_upload {
    float: right;
    height: 40px;
    margin: 5px 10px;
    background-color: #58a130;
    border: none;
    width: 130px;
    border-radius: 5px;
    color: #ffffff;
}
/*　@yggy：Box/GoogleDrive関連　end*/


#subcontract_b_table input.inp_order_price[type="number"][data-is_edited="edited"] {
    color: #ff0000;
    border-color: #ff0000;
}
#subcontract_b_table .revert_result {
    width: 20px;
    cursor: pointer;
}
#subcontract_b_table input.inp_checkbox {
    width: 17px;
    height: 17px;
    margin-top: 5px;
}

#subcontract_outsource_order_table tr {
    height: 90px;
}
#subcontract_outsource_order_table button {
    height: 30px;
    line-height: 23px;
    margin-bottom: 3px;
    margin-top: 3px;
}
#subcontract_outsource_order_table tr th:nth-child(2), #subcontract_outsource_order_table tr td:nth-child(2) {
  width: 140px;
}
#subcontract_outsource_order_table tr th:nth-child(3), #subcontract_outsource_order_table tr td:nth-child(3) {
  width: 140px;
}
#subcontract_outsource_order_table tr th:nth-child(4), #subcontract_outsource_order_table tr td:nth-child(4) {
  width: 160px;
}
#subcontract_outsource_order_table tr th:nth-child(5), #subcontract_outsource_order_table tr td:nth-child(5) {
  width: 190px;
}
#subcontract_outsource_order_table tr th:nth-child(6), #subcontract_outsource_order_table tr td:nth-child(6) {
  width: 165px;
}
#subcontract_outsource_order_table tr th:nth-child(7), #subcontract_outsource_order_table tr td:nth-child(7) {
  width: 210px;
  padding-top: 0px;
  padding-bottom: 0px;
}






#estimation_b_table input, select, textarea {
    font-size: 14px;
}
#form_store input, select, textarea {
    font-size: 12px;
}
#form_store input[type="text"].dsp_nm{
    text-align: right;
}
div.kenzai_stamp{
   color: red;
   text-align: center;
   font-size: 2em;
   font-weight: bold; /*フォントを太字に*/
   border-style: solid;
   border-width: medium;
   border-color: red;
   border-radius:9px;
   width: 5.5em;
   padding: 0em 0.5em 0em 0.5em; /*パディングを調節 上下0em 左右0.5em*/
}
div.kenzai_alert{
   color: red;
   font-size: 1.2em;
   border-style: solid;
   border-width: thin;
   border-color: red;
}
button.btnDisable {
    display:block;
    background:#999999;
    border-radius:4px;
    border:none;
    color:#FFF;
    text-align:center;
    padding:2px 10px;
    margin-bottom:10px;
    cursor:pointer;
    white-space: nowrap;
    width: 100%;
}

.scroll{
  height: 500px;
  overflow: auto;
}

.accordion_section{
   display: block;
   margin-top:-98px;
   padding-top:98px;
}