@charset "UTF-8"; h3 { font-weight: normal; font-size: 16px; } .post-order-nav { width: 95%; } .post-order-nav ul { display: flex; margin-bottom: 0; } .post-order-nav li { width: 20em; margin-right: .5em; margin-bottom: 0; padding: .5em; text-align: center; background: #ababab; border: 1px solid #999; cursor: pointer; } .post-order-nav li.en { background: #fff; border-bottom: 1px solid #fff; opacity: 1; } .post-order-nav li:last-child { margin-right: 0; } .post-setting-box { margin: 5px 15px; } .post-order-box-outer { width: 100%; margin: -1px 0 2em; border: 1px solid #999; background: #fff; } .post-order-box:not(:first-child) { display: none; } .list-orders-outer { width: 100%; margin-bottom: 1em; } .list-orders-inner { width: 50%; padding: .5em; position: relative; } .sort_menu_list { display: flex; } .sort_menu_list li:first-child { margin-right: 2em; } p.submit.post-order .button-primary { position: absolute; bottom: 1em; } dl.apop_setting_list, dl.apop_setting_list_dd { width: 100%; margin-top: .5em; } dl.apop_setting_list dt { float: left; } dl.apop_setting_list dd { margin-left: 200px; } dl.apop_setting_list dd:first-of-type { margin-bottom: 2em; } dl.apop_setting_list_dd dt { margin-top: 1em; font-weight: bold; } dl.apop_setting_list_dd dd { margin: .5em 0; border-bottom: 1px solid #c3c4c7; } dl.apop_setting_list_dd dd ul { margin-bottom: 1em; } dl.apop_setting_list_dd dd label { display: block; margin-bottom: .3em; } dl.apop_setting_list_dd dd input { width: 100%; } .form-table tr { border-bottom: 1px solid #ccc; } .post-order-list { margin: .5em 1em 1em 0; } .product-list { padding: 1em .5em; background: #fff; cursor: move; color: #4b4b4b; border: 1px solid #ababab; } .search_normal_sort .product-list { display: flex; } .search_normal_sort .product-list-type-label, .disable_box .product-list-type-label { width: calc(100% / 2); } .search_normal_sort .product-list-sort-type { width: 100%; display: flex; flex-wrap: wrap; } .search_normal_sort .product-list-sort-type label { width: calc((100% / 4) - 5px); } .product-list.no_order { background: #ababab; } .list_order { width: 2em; } .sort-num-label::before { content: "["; } .sort-num-label::after { content: "]"; } .no_registered_exp { width: 100%; margin: 1em 0 0 .5em; } .order_setting_list > li { padding: 1em; border: 1px solid #ccc; } .select_per_page { margin-top: 1em; padding-top: 1em; border-top: 1px solid #ccc; } .sort_custom_field { width: 100%; margin-top: .5em; padding-top: .5em; border-top: 1px solid #ccc; } .sort_custom_field_inner { display: flex; } .sort_custom_field_inner:first-child { margin-bottom: .5em; } .sort_custom_field_inner_label { width: 40%; } .disable_normal_list { display: flex; flex-wrap: wrap; justify-content: space-between; margin: .5em 1em 1em 0; } .disable_box .product-list-sort-type label:not(:first-of-type), .disable_box .sort_custom_field, .disable_box .sort_custom_field_inner { display: none; } .disable_box .product-list { width: calc((100% / 2) - 20px); display: flex; cursor: default; } .apop-submit{ margin:1em .5em; } .apop-form_table{ background: #fff; } .apop-form_table th{ padding-left:.5em; } @media only screen and (max-width: 1264px) { .search_normal_sort .product-list { display: block; } .search_normal_sort .product-list-type-label { width: 100%; margin-bottom: 1em; display: block; } .search_normal_sort .product-list-sort-type { width: 100%; } .search_normal_sort .product-list-sort-type label { width: calc((100% / 3) - 5px); } } @media only screen and (max-width: 964px) { .post-order-nav { width: 98%; } .list-orders-outer { display: block;; } .list-orders-inner { width: auto; margin: 1.5em 0 0 0; } dl.apop_setting_list dt { float: none; width: 100%; margin-bottom: 1em; } dl.apop_setting_list dd { margin-left: 0; } dl.apop_setting_list li label input[type="text"] { width: 95%; margin-top: .5em; } }