@charset "utf-8";


/* sp/fmm/store-staff/index.html */

.contents .storetxt1{
    font-size: 120%;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
    line-height: 1.5em;
}
.contents .storetxt2{
    font-size: 120%;
    font-weight: 600;
    text-align: center;
    margin: 20px 0;
    line-height: 1.5em;
}
.contents .storetxt3{
    font-size: 110%;
    font-weight: 600;
    text-align: center;
    margin: 20px 0 80px;
    line-height: 1.5em;
    border: solid 14px #f6f6f6;
    padding: 1.5em
}

.contents .store01{
    margin:1vh 0 5vh;
}
.contents .store01 img{
    width: 100%;
}
.contents .txt1{
    color: #009933;
    font-size: 160%;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
}
.contents .store01 span{
    font-size: 76%;
}
.contents .storeh3{
    width: 100%;
    background-color: #009933;
    text-align: center;
    color: #fff;
    font-size: 150%;
    padding: 0.4em 0;
    position: relative;
}
.contents .storeh3:after{
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #009933 transparent transparent transparent;
    border-width: 12px 10px 0 10px;
}

.contents .store02,
.contents .store03,
.contents .store04{
    text-align: center;
    color: #009933;
    font-size: 140%;
    font-weight: bold;
    margin: 5vh 0 1vh;
}
.contents .store02::before,
.contents .store03::before,
.contents .store04::before{
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url(../img/store_staff/img_check_grn.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 0 0.2em 0.2em;
}
.table-wrap1,
.table-wrap2{
    border: 0.66667vw solid #ddd;
}
.table-responsive{
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contents .storetb1,
.contents .storetb2{
    width: 160%;
    border-collapse:collapse;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.contents .storetb1 th, .contents .storetb1 td,
.contents .storetb2 th, .contents .storetb2 td{
    padding: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    display: table-cell;
    vertical-align: middle;
}
.contents .storetb1 th{
    text-align: center;
    background-color: #f6f6f6;
    width: 25%;
    font-weight: 600;
}
.contents .storetb2 th.row{
    text-align: center;
    background-color: #f6f6f6;
    font-weight: 600;
}
.contents .storetb2 th{
    background-color: #ebf7eb;
    width: 25%;
}
.contents .storetb2 td{
    text-align: center;
}
.contents .storenote{
    line-height: 1.4em;
    margin: 1vh 0 10vh;
    font-size: 90%;
}
.contents .chart{
    margin:5vh 0 10vh;
}