.fullflexbox_print {
display:inline-block;
vertical-align: top;
padding:0 3px;
}



@media screen,print{
.fullflexbox_print {
width: 11%;
height: auto;
}
}

.container_print{margin: 0 auto; width:1100px;}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*フォーム部品*/
.date-picker input[type=text]{
width:10rem;
display:inline-block;
box-sizing: border-box;
height:4rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
color:#666;
margin-bottom:0.5rem;
font-size:1.6rem;
background-color:white;
}

.date-picker input[type=submit]{
cursor: pointer;	
height:4rem;
vertical-align:top;
width:6rem;
padding:0 0.5rem; 
border: solid 1.5px #ffffff;
border-radius:0.4rem;
background-color:#ff9999;
font-size:1.5rem;
color:#fff;
margin-left:0.1rem;
}

.date-picker input:hover[type=submit]{
background-color:#68B6FB;
}

/*フォーム部品*/
.data-date-picker input[type=text]{
width:10rem;
display:inline-block;
box-sizing: border-box;
height:4rem;
padding:0 0.5rem; 
border: solid 2px #ff9999;
border-radius:0.4rem;
color:#666;
margin-bottom:0.5rem;
font-size:1.6rem;
background-color:white;
}

.data-date-picker input[type=submit]{
cursor: pointer;	
height:4rem;
vertical-align:top;
width:6rem;
padding:0 0.5rem; 
border: solid 1.5px #ffffff;
border-radius:0.4rem;
background-color:#ff9999;
font-size:1.5rem;
color:#fff;
margin-left:0.1rem;
}

.data-date-picker input:hover[type=submit]{
background-color:#68B6FB;
}




.print-form input[type=button]{
cursor: pointer;	
padding:0.5rem; 
border: solid 1px #00ccff;
border-radius:0.3rem;
background-color:#ff9999;
font-size:1.2rem;
color:#fff;

text-align:left;
}

.print-form input:hover[type=button]{
background-color:#00ccff;

}












/*divのセンタリング*/
.flex-data{
flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

/*テーブル内のdib */
.dib_table{
font-size:1.2rem;
margin-right:0.2rem;
}

/*スタッフ検索のテーブル用 */
table.data-staff{
font-weight:bold;
margin-bottom:0rem;
border-collapse: collapse;
width:100%;
line-height:1.4rem; 
}

table.data-staff th, table.data-staff td {
  border: solid 2px white;
  padding:0.5rem 0rem 0.2rem 0rem;
  font-size:1.2rem;
}

/*　ここからflexbox　*/
.data-box {
border: 0px solid red;
margin-top: 2rem;
display:inline-block;
vertical-align: top;
padding:0 3px;
float:left;
}

@media screen and (min-width:1550px){
.data-box {
width: 11.1%;
height: auto;
}
}

@media screen and (min-width:1260px)and (max-width:1550px){
.data-box {
width: 11.1%;
height: auto;
}
}

@media screen and (min-width:1004px)and (max-width:1260px){
.data-box {
width: 16.65%;
height: auto;
}
}

@media screen and (min-width:740px)and (max-width:1004px){
.data-box {
width: 25%;
height: auto;
    padding: 0 2px; 
}
}

@media screen and (min-width:480px)and (max-width:740px){
.data-box {
width: 25%;
height: auto;
padding: 0 2px; 
}
}

@media screen and (max-width:480px){
.data-box {
width: 33.33%;
height: auto;
padding: 0 2px; 
}
}

.data_top_border {
font-weight:bold;
border-top: dashed 2px #666;
margin:0.5rem 0;
font-size:1.4rem;
line-height:100%;
width: 100%;
margin: 0.5rem 0px;
}


.caption_staff {
font-size: 1.4rem;
line-height:100%;
width: 100%;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
margin: 0.1rem 0px 0px 0px;
}

/*全店の合計用のdata-box*/
.data-box-all {
width:100%;
border: 0px solid red;
margin-top: 0rem;
vertical-align: top;
padding:0 3px;
float:left;
}




























































/*注意点 */
.table-check{
    display: none;
}
.table-label{
color:#0000ee;
}
.table-content{
    height: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
}
.table-check:checked + .table-label + .table-content{
    height: auto;
    opacity: 1;
    padding: 0px;
    visibility: visible;
}
















/*売上データ用*/

.acd-check{
    display: none;
}
.acd-label{
    background: #ff9999;
    border:solid white 0.1rem;
    color: #fff;
    display: inline-block;
    margin-bottom: 1px;
    padding: 10px;
    width:100%;
}
.acd-content{
    height: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 0px;
    visibility: visible;
}

/*
.acd-check{
-webkit-appearance: none !important;
}
*/



.info-check{
    display: none;
}
.info-label{
    background: #ff9999;
border:solid white 0.1rem;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
}
.info-content{
    height: 0;
    opacity: 0;
    padding: 0;
    visibility: hidden;
}
.info-check:checked + .info-label + .info-content{
    height: auto;
    opacity: 1;
    padding: 0px;
    visibility: visible;
}











/*QA*/

.cp_linetab {
position: relative;
overflow: hidden;
width: calc(100% - 0.5rem);
margin: 0 3px;
color: #fff;
float:left;
}

.cp_linetab input {
position: absolute;
z-index: -1;
opacity: 0;
}

.cp_linetab label {
font-weight: bold;
position: relative;
display: block;
padding: 0 0 0 1em;
cursor: pointer;
margin: 0 0 5px 0;
background: #ff9999;
border: solid 1px white;
border-radius:3px;
padding:2rem 3.5rem 2rem 1rem;
}

.cp_linetab .cp_linetab-content {
overflow: hidden;
max-height: 0;
-webkit-transition: max-height 0.5s;
transition: max-height 0.5s;
color: #333333;
background: #fff;
border-radius:3px;
}

.cp_linetab .cp_linetab-content p {
margin: 1em;
/*font-size: 14px;*/
}
.cp_linetab p{
margin-bottom:0px;
}

.cp_linetab input:checked ~ .cp_linetab-content {
max-height: 30em;
}

.cp_linetab label:after{
color: #fff;
content:" ＋";
position: absolute;
top: 2rem;
right: 0;
width: 2em;
height: 3em;
}

.cp_linetab input:checked ~ label::after {
color: #fff;
content:"-";
font-size:2rem;
right: -1.5rem;
top:1.7rem;
}