/*+ 免税情報：免税リストCSS*/
/**共通*/
.div_flex{
    width: 95%;
    display: flex;
    margin: 0 auto;
}

/**指定期間 period*/
.period > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.period .div_flex{
    justify-content: space-between;
}

.period .div_flex div{
    width: 48%;
}

.period .div_flex div p{
    padding-left: 1.5em;
    margin-bottom: 0.5em;
}

/*p左丸*/
.period .div_flex div p::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.period .div_flex div img{
    width: 60%;
}

/**店舗コード shop_code*/
.shop_code{
    position: relative;
}

.shop_code .div_flex{
    justify-content: space-between;
}

img[data-original="../../1-sales/1-4-001/img/shop_code_1.png"]{
    width: 60%;
}

.shop_code .div_1{
    width: 40%;
    position: absolute;
    top: 45%;
    left: 4.2%;
    left: 3.5em;
}

.shop_code .div_1 div:first-of-type{
    margin-bottom: 1.5em;
}

/*p左丸*/
.shop_code .div_1 p::before{
    content: "●";
    display: inline-block;
    font-size: 20px;
}

.shop_code .div_1 img{
    width: 90%;
}

/**グループ検索 group*/
.group{
    position: relative;
}

.group .div_flex{
    justify-content: space-between;
}

img[data-original="../../1-sales/1-4-001/img/group_search_1.png"]{
    width: 60%;
    margin-bottom: 5em;/*ｸﾞﾙｰﾌﾟｺｰﾄﾞ用スペース*/
}

/*//ｸﾞﾙｰﾌﾟｺｰﾄﾞ group_code*/
.group_code{
    width: 63%;
    position: absolute;
    top: 48%;
    left: 2em;
}

.group_code p{
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
}

img[data-original="../../1-sales/1-4-001/img/group_code_1.png"]{
    width: 68%;
}

/**部門コード dept_code*/
.dept_code img{
    width: 35%;
    height: fit-content;
}

/**表示方式 view*/
.view p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.view table{
    width: 95%;
    margin: 0 auto;
}

.view table th{
    width: 10em;
}

img[data-original="../../1-sales/1-4-001/img/view_1.png"]{
    width: 75%;
    margin-bottom: 0.5em;
}

img[data-original="../../1-sales/1-4-001/img/view_2.png"]{
    width: 95%;
    margin-bottom: 0.5em;
}

img[data-original="../../1-sales/1-4-001/img/view_3.png"]{
    width: 75%;
    margin-bottom: 0.5em;
}

/**連番 serial*/
.serial img{
    width: 35%;
    height: fit-content;
}

/**パスポートNo passport*/
.passport .div_flex{
    justify-content: space-between;
}

.passport img{
    width: 45%;
    margin: 0;
}

/**枝番 sub_no*/
.sub_no .div_flex p{
    width: 45%;/*+仮*/
}

.sub_no img{
    width: 35%;
    height: fit-content;
}

/**免税区分 tax_exempt*/
.tax_exempt p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.tax_exempt table{
    width: 95%;
    margin: 0 auto;
}

.tax_exempt table th{
    width: 10em;
}

.tax_exempt table img{
    width: 80%;
    margin-bottom: 1em;
}

/**検索キー key_search*/
.key_search > p:first-of-type{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.key_search img{
    width: 40%;
    height: fit-content;
}

/**画像表示 image_display*/
img[data-original="../../1-sales/1-4-001/img/image_display_1.png"]{
    width: 45%;
}

/*+詳細検索 refine*/
/**表示項目 refine div_1*/
.refine .div_1 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.refine .div_1 img{
    width: 80%;
}

/** カテゴリ選択 refine div_2*/
.refine .div_2 p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.refine .div_2 img{
    width: 67%;
    margin-left: 10%;
}

/*+データダウンロード download*/
.download p{
    width: 100%;
    padding-left: 1em;
    margin-bottom: 1em;
}

.download .div_flex{
    justify-content: space-between;
}

.download .div_flex div{
    width: 49%;
}

.download .div_flex div img{
    width: 27%;
    margin-right: 7%;
}