@charset "utf-8";

.showSp{display:none;}

@media screen and (max-width: 1280px) {
/* Header Setting
=========================================================================================== */
#estimateBtnArea{
    width: calc(85% - 135px);
}
.account{
    width:15%;
}
/* IndexContents Setting
=========================================================================================== */

/* mainContents Setting
=========================================================================================== */
.article1200{
    width:100%;
    padding:0 50px;
}
.columnSet .sekouPanel{
    width:32%;
    margin-left:2%;
}
.columnSet .sekouPanel a{
    padding:35% 5%;
}
/*モーダルパターン2*/
.modal-content{
    width:90%;
    /*padding: 90px 2% 90px;*/
}
/* footer Setting
=========================================================================================== */
}
@media screen and (max-width: 1000px) {
.showSp{display:block;}
/* Header Setting
=========================================================================================== */
.account{
    text-align:center;
}
.account > span{
    display:none;
}
.accountName strong{
    padding-bottom:10px;
    border-bottom:2px solid #FFF;
}
.headerBtn li a{
    width:200px;
}
/* mainContents Setting
=========================================================================================== */
.article1000{
    width:100%;
    padding:0 50px;
}
.articleTab{
    width:100%;
    padding:0 2%;
}
.actabContent3{
    padding:24px;
}
.boxPatternA{
    width:100%;
}
.productColSet .column3{
    width:48%;
    margin-left:4%;
}
.productColSet .column3:nth-child(3n+1){
    margin-left:4%;
}
.productColSet .column3:nth-child(2n+1){
    margin-left:0;
}

.tableStyle1.ver2 th, .tableStyle1.ver2 td{
    padding: 16px 8px;
}
.tableStyle2 th{
    padding: 20px 0 20px 20px;
}
.tableStyle2 th strong{
    margin: 0.5em 0 0.5em;
}
.tableStyle2 td{
  padding:24px 14px 24px 24px;
}
.tableStyle3 th, .tableStyle3 td{
    padding:24px 8px;
}


#fluctuateTable .upList,
#fluctuateTable .downList,
#fluctuateTable .addList,
#fluctuateTable2 .upList,
#fluctuateTable2 .downList,
#fluctuateTable2 .addList{
    display:block;
    width: 100%;
    margin-bottom: 5px;
}


input.w50{
    width:80%;
}
select.selectStyle1{
    width:80%;
}
.fileBtnSet{
    white-space: nowrap;
}
.detaSet{
    margin:0;
}
.detaSet .inputTextBox1{
    margin:0 5px;
}
/*モーダルパターン1*/
.modal_box{
    width:96%;
}
.modal_box .modalInnerStyle1{
    width:100%;
}
/*モーダルパターン2*/
.modal-content{
    width:93%;
    padding: 90px 2% 90px;
}
}

@media screen and (max-width: 834px) {
}