/*
* File:   style.css
* Author: kaname
* Modify: 2020-09-29
*/

/* dev Styles */

.hide {
    display: none;
}

/* Larger than mobile */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 共通項目
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* Base Styles */
html {
    font-size: 82.5%;
}

body {
    font-size: 1rem;
    line-height: 1.7rem;
    font-weight: 400;
    color: #000000;
    margin: 0;
    padding: 0;
    font-family: "BIZ UDPGothic", "Helvetica Neue", Arial, Verdana, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #ccc;
    display: flex;
    flex-direction: column;
}

/* Typography */
p {
    margin-top: 0;
}

h1 {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2rem;
}

h2 {
    font-size: 1.4rem;
    font-weight: 600;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.8rem;
    margin-block-start: 0.1em;
    margin-block-end: 0.1em;
    padding: 0 0 0.2rem 0.5rem;
}

h3 {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.3rem;
    margin-block-start: 0.5em;
    margin-block-end: 0.7em;
}

h2 img {
    max-width: 298px;
    max-height: 43px;
}

h3 img {
    max-width: 298px;
    max-height: 43px;
}

table {
    width: 98%;
}

/* Links */
a {
    color: #0f87ff;
    text-decoration-line: none;
}

a:hover {
    color: #003b76;
    text-decoration-line: underline;
}

/* Utilities */
hr {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    border-top: 1px solid #dcdcdc;
}
.hr {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    border-top: 1px solid #dcdcdc;
}

select {
    padding: 5px 3px;
    line-height: 1.1em;
    border-radius: 5px;
    border: 1px solid #bbb;
    border-radius: .3em;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

option{
    background-color: #fcfcfc;
}

input {
    padding: 5px 3px;
    line-height: 1.2em;
    border-radius: 5px;
    border: 1px solid #666666;
}

input:disabled{
    background-color: #cccccc;
}

input[type="number"]:invalid{
    background-color: #fd7d7d;
}

.container:after,
.contents:after,
.row:after,
.news_list:after,
.u-cf {
    content: "";
    display: table;
    clear: both;
}

.l_space {
    padding: 0 0 0 2rem;
}

.r_space {
    padding: 0 0.5rem 0 0;
}

.r_align {
    text-align: right;
    padding-right: 3rem;
}

.l_align {
    text-align: left;
    padding-top: 10px;
    padding-left: 15px;
}

.f_right {
    float: right;
}

.b500 {
    font-weight: 500;
    font-size: 1.5rem;
}

.err {
    color: #ff3333;
}

.new_f {
    color: #ff3333;
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 auto;
    background-color: #ffffff;
    border-top: solid 4px #007568;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.contents {
    margin: 0 auto;
    padding: 0.1rem auto;
    text-align: left;
    flex: 1 1 auto;
}

.error_box {
    max-width: 350px;
    margin: 20px auto;
    padding: 20px;
    text-align: center;
    background-color: #dcdcdc;
}

.error_box_btn {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}

.error_box_btn .btn {
    margin: 0 20px;
    padding: 5px;
    width: 137px;
    height: 25px;
    background-image: url(/images/btn_backlogin.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}

.error_box_btn2 {
    max-width: 350px;
    margin: 0 auto;
    text-align: center;
}

.error_box_btn2 .btn {
    margin: 0 20px;
    padding: 5px;
    width: 137px;
    height: 25px;
    background-image: url(/images/btn_backmenu.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}

.page_comments {
    max-width: 750px;
    margin: 0 auto;
    padding: 10px 40px;
    text-align: center;
}

.page_comments p {
    text-align: left;
}

.page_comments .btn {
    float: right;
    margin: 0 20px;
    padding: 5px;
    width: 137px;
    height: 25px;
    background-image: url(/images/btn_close.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}

.success {
    color: #ff3333;
    font-size: 1.5rem;
}

.info_text {
    color: #007568;
    font-size: 1.5rem;
}

.required {
    color: #ff3333;
}


.pager {
    float: right;
    padding-top: 10px;
    padding-right: 10px;
}

ul.pagination{
    list-style-type: none;
    margin: auto;
    padding: 0;
    display: table;
    margin: 0 0 0 auto;
}

ul.pagination::after{
    content: "";
    display: block;
    clear: both;
}
ul.pagination > li{
    float: left;
}

ul.pagination > li > *{
    margin: 3px;
    padding: 5px 0;
    display: block;
    color: #333333;
    text-decoration: none;
}

ul.pagination > li > a, ul.pagination > li > .active, ul.pagination > li > [data-page]{
    padding: 7px 14px;
    font-size: 1.4rem;
    border:1px #ccc solid;

    &:hover {
        color: #ffffff;
        background-color: #0f87ff;
    }
}

ul.pagination > li > .active{
    color: #ffffff;
    background-color: #0f87ff;
}

ul.pagination > li > [data-page]{
    cursor: pointer;
}

.all_items{
    float: right;
    margin-bottom: 1rem;
}

.cart_view {
    margin: 0 auto;
    float: right;
    padding: 5px;
    width: 100px;
    height: 29px;
    font-size: 1em;
    text-align: center;
    border: 1px solid #bbb;
    border-radius: .3em;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.cart_view img {
    float: left;
    color: #ff3333;
}

.close_btn {
    text-align: center;
}

.close_btn .btn {
    margin: 0 20px;
    padding: 5px;
    width: 137px;
    height: 25px;
    background-image: url(/images/btn_close.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ヘッダー
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.header {
    width: 98%;
    position: relative;
    margin: 0 auto;
    padding-top: 0.8rem;
}

.header_title {
    float: left;
    max-width: 70%;
    margin-top: -8px;
}

.header_title img {
    max-width: 70%;
}

.header_lout {
    float: right;
}

.header_lout img {
    max-width: 100px;
    max-height: 34px;
}

.header_aisatsu {
    height: 1.2rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.header_menu {
    width: 100%;
    margin-top: 0.3rem;
}

.header_menu img {
    max-width: 75px;
    max-height: 45px;
    padding: 0 0.5rem;
}

.header_menu::after{
    border: 1px #ccc solid;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* フッタ―
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.footer {
    width: 100%;
    position: relative;
    margin: 0 auto;
    border-bottom: solid 4px #007568;
    background-color: #dcdcdc;
}

.footer_top{
    width: 100%;
    height: 35px;
    position: relative;
    margin: 0 auto;
    border-top: solid 4px #007568;
}

.footer_menu,
.footer_line,
.copy {
    display: block;
    float: left;
    font-size: 0.9rem;
    padding-top: 1rem;
    padding-left: 1.2rem;
    padding-bottom: 0.3rem;
}

.copy {
    position: absolute;
    bottom: 0;
    right: 0.5rem;
}

.footer_menu {
    width: 190px;
    float: left;
}

.footer_menu h3 {
    font-weight: 600;
    font-size: 1.1rem;
    margin-bottom: 0.2rem;
}

.footer_menu ul {
    margin: 0 auto;
}

.footer_menu li {
    margin-bottom: 0.2rem;
}

.footer_menu_r {
    top: 0;
    float: right;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* ログイン画面
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.top_conts {
    display: block;
}

.login_box {
    max-width: 350px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #333333;
}

.login_box table {
    width: 100%;
    margin: 0 auto;
}

.login_box td {
    padding: 5px;
}

.login_box input {
    width: 95%;
}

.login_box .btn1 {
    margin: 0 auto;
    padding: 5px;
    width: 180px;
    height: 45px;
    font-size: 1.5em;
    text-align: center;
    background-color: #106db2;
    color: #ffffff;
    border-style: none;
    border-radius: 8px;
}

.top_img{
    margin: 63px auto 20px auto;
    text-align: center;
}
.top_img img {
    width: 218px;
    height: 267px;
}

.top_title{
    margin: 0 auto 28px auto;
    text-align: center;
}
.top_title img {
    width: 309px;
    height: 84px;
}

.login_comment {
    max-width: 400px;
    margin: 0 auto;
    padding: 1rem 0;
}

.login_comment table {
    width: 100%;
    margin: 0 auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* パスワード変更画面
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.pass_check_box {
    max-width: 350px;
    margin: 0 auto;
    padding: 5px 18px;
    min-height: 80px;
    background-color: #dcdcdc;
    text-align: center;
}

.pass_check_box .btn1 {
    margin: 0 20px;
    padding: 5px;
    width: 137px;
    height: 25px;
    background-image: url(/images/btn_send.gif);
    background-size: cover;
    border-style: none;
}

.pass_check_box table {
    width: 100%;
    margin: 0 auto;
}

.pass_check_box td {
    padding: 3px;
}

.pass_check_box input {
    width: 85%;
}

.pass_check_comments {
    max-width: 350px;
    margin: 0 auto;
    padding: 10px 40px;
    text-align: center;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* メニュー画面
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.button_area{
    margin: 0 auto;
}

.button_box {
    display: block;
    float: left;
}

.button_box img {
    max-width: 160px;
    margin: 0.1rem 0.1rem;
    padding: 0.2rem 0.3rem;
}

.news_box {
    width: 98%;
    margin: 0 auto;
    padding: 0 auto;
}

.news_list {
    width: 98%;
    padding-top: 0.3rem;
    border-bottom: #dcdcdc 1px solid;
}

.news_date{
    display: block;
    float: left;
    width: 17%;
}

.news_txt{
    display: block;
    float: left;
    width: 83%;
}

.news_lists {
    float: right;
    padding-right: 15px;
}

.information__box {
    margin: 0 1rem 1rem;
    font-size: 1.2rem;
    max-height: 4.4rem;
    overflow: auto;
}

.information__box a {
    color: red;
}

.info_list {
    width: 98%;
    padding-top: 0.3rem;
}

.info_date{
    display: block;
    float: left;
    width: 25%;
}

.info_txt{
    display: block;
    float: left;
    width: 75%;
}


@media (min-width: 960px) {

	.info_date{
	    width: 17%;
	}

	.info_txt{
	    width: 83%;
	}
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 注文画面
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#tbl th,
#tbl td,
#tbl2 th,
#tbl2 td{
    margin: 0 auto;
    padding: 2px 5px;
    border-bottom: 1px solid #dcdcdc;
}

#tbl2 td {
    height: 50px;
    min-height: 50px;
}

.key_brand_th,
.key_brand_td,
.key_header_th,
.key_header_td,
.key_code_th,
.key_code_td,
.key_orders_th,
.key_orders_td,
.key_stock_th,
.key_stock_td {
    margin: 0 auto;
    text-align: center;
}


.key_brand_div,
.key_header_div,
.key_code_div,
.key_kyaku_div,
.key_orders_div,
.key_kyakutyu_div,
.key_stock_div {
    margin: 0 auto;
    float: left;
    text-align: center;
}

.key_brand_th,
.key_brand_td,
.key_brand_div {
    width: 70px;
}

.key_header_th,
.key_header_td,
.key_header_div {
    width: 60px;
}

.key_code_th,
.key_code_td,
.key_code_div {
    width: 35px;
}

.key_orders_th,
.key_orders_td,
.key_orders_div {
    width: 35px;
}

.key_kyaku_th {
    width: 50px;
    text-align: center;
}

.key_kyaku_td,
.key_kyakutyu_div,
.key_kyaku_div {
    width: 50px;
}

.key_stock_th,
.key_stock_td,
.key_stock_div {
    width: 20px;
}

.key_brand_td select,
.key_header_td select,
.key_brand_div select,
.key_header_div select {
    width: 90%;
}

.key_code_td input,
.key_orders_td input,
.key_code_div input,
.key_orders_div input {
    width: 90%;
}

.key_kyaku_td input[type=checkbox],
.key_kyakutyu_div input[type=checkbox] {
    display: none;
}

.key_kyaku_td label,
.key_kyakutyu_div label {
    font-size: 28px;
    line-height: 28px;
    display: inline-block;
    cursor: pointer;
    position: relative;
}

.key_kyaku_td label:before {
    content: '\25CF';
    width: 30px;
    left: 8px;
    display: inline-block;
    position: absolute;
    color: #a9a9a9;
    background-color: #ffffff;
}

.key_kyaku_td input[type=checkbox]:checked+label:before {
    content: '\25CF';
    font-size: 28px;
    color: #ff3333;
}

.key_kyakutyu_div label:before {
    content: '\25CF';
    width: 30px;
    left: -10px;
    display: inline-block;
    position: absolute;
    color: #a9a9a9;
    background-color: #ffffff;
}

.key_kyakutyu_div input[type=checkbox]:checked+label:before {
    content: '\25CF';
    font-size: 28px;
    color: #ff3333;
}

.key_honsuu {
    width: 35px;
}

.key_alerts {
    margin-top: 5px;
    color: #ff3333;
    font-size: 0.9rem;
    border-top: 1px solid #ddd;
    width: 100%;
}

.order_chk_flg {
    margin: 0 auto;
    font-size: 1.5rem;
}

.in_cart_btn {
    margin: 0 0.5rem;
    padding: 5px;
    width: 30px;
    height: 25px;
    text-align: center;
    background-image: url(/images/btn_cartin.gif);
    background-size: cover;
    border-style: none;
}

.blank_cart_btn {
    margin: 0 0.5rem;
    padding: 5px;
    width: 134px;
    height: 25px;
    text-align: center;
    background-image: url(/images/btn_cartin.gif);
    background-size: cover;
    border-style: none;
}

.add_row_btn {
    margin: 0 0.5rem;
    padding: 5px;
    width: 67px;
    height: 25px;
    text-align: center;
    background-image: url(/images/btn_plus.gif);
    background-size: cover;
    border-style: none;
}

.del_row_btn {
    margin: 0 auto;
    float: right;
    width: 22px;
    height: 25px;
    background-image: url(/images/btn_delete.gif);
    background-size: cover;
    border-style: none;
}

.del_blank_btn {
    margin: 0 0.5rem;
    width: 107px;
    height: 25px;
    background-image: url(/images/btn_delete_s2.gif);
    background-size: cover;
    border-style: none;
}
.breadcrumb{
    font-size: 0.9rem;
    font-weight: 300;
    float: left;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 5px;
}

.comment {
    font-size: 0.8rem;
    font-weight: 300;
    float: right;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 5px;
}

.cat_sel {
    font-size: 1rem;
    font-weight: 300;
    float: right;
    padding-top: 5px;
    padding-right: 8px;
    padding-bottom: 5px;
}

.cat_box{
    margin: 0 auto;
    padding: 0 12px;
}

.cat_list{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.cat_list li a{
    display: block;
    border: 1px solid #aaaaaa;
    width: 48%;
    height: 70px;
    align-content: center;
    margin-right: -1px;
    margin-bottom: -1px;
    position: relative;
    float: left;
}

.cat_list li a:hover{
    background-color: #deeffc;
}

.cat_list img{
    margin: 4px;
    padding: 4px;
    max-width: 50px;
    float: left;
}

.cat_list::after{
    content: "";
    display: table;
    clear: both;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 確認画面
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.item_name_th,
.item_orders_th,
.item_orders_td,
.item_img_td,
.item_cart_btn {
    text-align: center;
}

.item_name_th {
    width: 160px;
}

.item_orders_th,
.item_orders_td {
    width: 80px;
}

.item_price_th {
    text-align: center;
    width: 80px;
}

.item_price_td {
    text-align: center;
    width: 80px;
}

.item_img_td {
    width: 55px;
    margin: 0 auto;
}

.item_img_td img {
    max-width: 50px;
    max-height: 50px;
}

.item_name_td {
    width: 70px;
}

.item_orders_td input {
    width: 90%;
}

.item_price_td {
    text-align: right;
}

#all_price {
    font-weight: 600;
}

.all_price_td{
    height: 40px;
    text-align: right;
}

.item_amount {
    float: right;
    padding-right: 10px;
}

.order_comment1{
    font-size: 1.2rem;
    padding: 5px 0 5px 0;
}

.order_comment2{
    font-size: 1.1rem;
    padding: 5px 0 5px 8px;
}

.postDivision{
    height: 30px;
}

.postDivision img{
    max-width: 30px;
    margin: 0 auto;
    padding: 0 10px 0 12px;
    vertical-align: middle;
}

.postDivision_sel{
    margin: 0 auto;
    padding: 12px 0 15px 0;
    font-size: 1.2rem;
}

.item_postageDivision {
    width: 100px;
    margin: 0 auto;
}

.item_cart_btn {
    width: 100px;
}

.err_tr {
    background-color: #ff9898;
}
.err_tr td {
    border: 1px solid #ff9898;
}

.btn_box {
    text-align: center;
}

.buy_btn {
    margin: 0.5rem 0.5rem;
    padding: 5px;
    width: 134px;
    height: 25px;
    background-image: url(/images/btn_decision.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}

.buy_btn_gray {
    margin: 0.5rem 0.5rem;
    padding: 5px;
    width: 134px;
    height: 25px;
    background-image: url(/images/btn_decision_gray.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}


.out_cart_btn {
    margin: 0.5rem 0.5rem;
    padding: 5px;
    width: 134px;
    height: 25px;
    background-image: url(/images/btn_continue.gif);
    background-size: cover;
    border-style: none;
    border-radius: 5px;
}

.order_fin_box{
    width: 350px;
    text-align: center;
    margin: 0 auto;
}

.order_fin_title{
    padding-top: 15px;
    font-size: 1.8rem;
    font-weight: 600;
}

.order_fin_info{
    padding-top: 20px;
    font-size: 1.3rem;
    font-weight: 400;
}

.order_fin_info img{
    max-width: 47px;
    vertical-align: middle;
}

.order_fin_txt{
    padding-top: 20px;
    font-size: 1.3rem;
    font-weight: 400;
    text-align: left;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 履歴画面（一覧）
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.his_date,
.his_num,
.his_amount,
.his_btn {
    text-align: center;
}

.his_date {
    width: 35%;
}

.his_num {
    width: 35%;
}

.his_amount {
    width: 20%;
}

.his_btn{
    width: 10%;
}

.his_amount_td {
    color: #ff3333;
}

.search_box {
    margin: 1rem 0.5rem;
    padding: 5px;
    display: block;
    height: 100px;
    border: 1px solid #dcdcdc;
    border-radius: 4px;
    text-align: center;
}

.search_box .btn1 {
    margin: 0 auto;
    padding: 3px;
    width: 113px;
    height: 25px;
    background-image: url(/images/btn_search.gif);
    background-size: cover;
    border-style: none;
}

.search_box .btn2 {
    margin: 0 auto;
    padding: 3px;
    width: 113px;
    height: 25px;
    background-image: url(/images/btn_reset.gif);
    background-size: cover;
    border-style: none;
}

.search_term,
.search_btn {
    text-align: left;
    padding: 3px;
}

.search_term input{
    width: 90px;
    font-size: 0.9rem;
}

.search_comment {
    padding-left: 0.5rem;
    color: #ff3333;
    font-size: 0.9rem;
}

.his_btn_td {
    margin: 0 0.5rem;
    padding: 5px;
    width: 30px;
    height: 25px;
    text-align: center;
    background-image: url(/images/btn_detail.gif);
    background-size: cover;
    border-style: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 履歴画面（詳細）
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.history_order_header {
    margin: 0 auto;
    padding: 8px auto;
    font-size: 1.2rem;
    background-color: #ebf3fc;
    border-radius: 4px;
    height: 220px;
}

.history_order_header img {
    margin: 0 auto;
    padding: 1rem 2rem;
    width: 49px;
    height: 32px;
    float: left;
}

.his_head_date{
    margin: 0 auto;
    padding: 1rem 0;
    float: left;
    line-height: 1.8rem;
}

.his_head_etc{
    margin: 0 auto;
    padding: 0 1rem 0 1rem;
    float: left;
    line-height: 1.8rem;
}

.his_head_etc1{
    font-size: 0.9rem;
    display: block;
    float: left;
    width: 150px;
}

.his_head_etc2{
    font-size: 0.9rem;
    font-weight: 500;
    display: block;
    float: left;
    width: 240px;
    max-height: 52px;
    overflow: hidden;
}

.his_head_amount {
    margin: 0 auto;
    padding: 1rem 1.5rem;
    text-align: right;
    line-height: 2rem;
    float: right;
    padding-bottom: 8px;
}

.all_amount {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ff3333;
    padding-right: 8px;
}

.his_name_th,
.his_orders_th,
.new_orders_th,
.his_img_td,
.his_orders_td,
.new_orders_td,
.his_cart_btn {
    text-align: center;
}

.his_name_th {
    width: 160px;
}

.his_orders_th,
.his_orders_td {
    width: 80px;
}

.his_img_td,
.his_name_td,
.his_orders_td {
    margin-right: -3px;
    background-color: #ebf3fc;
    border-color: #ebf3fc;
}

.his_img_td {
    width: 55px;
    margin: 0 auto;
    background-color: #ebf3fc;
}

.his_img_td img {
    max-width: 50px;
    max-height: 50px;
}

.his_name_td {
    width: 70px;
}

.his_orders_td{
    font-size: 1.1rem;
    color: #ff3333;
}
.new_orders_th {
    width: 80px;
}

.new_orders_td input{
    width: 50px;
}

.his_cart_btn {
    width: 100px;
}

.re_cart_btn {
    margin: 0 0.5rem;
    padding: 5px;
    width: 30px;
    height: 25px;
    text-align: center;
    background-image: url(/images/btn_reorder.gif);
    background-size: cover;
    border-style: none;
}

.page_back_btn {
    margin: 0 0.5rem;
    padding: 5px;
    width: 134px;
    height: 25px;
    text-align: center;
    background-image: url(/images/btn_prev.gif);
    background-size: cover;
    border-style: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* その他
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.tos_content {
    margin: 0 auto;
    padding: 0 auto;
}

.help_content h4, .help_content h5 {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

.help_content h4 {
    border-bottom: 1px solid #dcdcdc;
}

.help_content img{
    display: block;
    float: left;
    width: 48%;
    border: 2px solid #dcdcdc;
}

.help_content p{
    float: left;
    width: 48%;
    padding: 8px;
    overflow-wrap: break-word;
}

#pd_list {
    width: 400px;
}

#pd_list th,
#pd_list td {
    margin: 0 auto;
    padding: 5px 5px 5px 8px;
    border-bottom: 1px solid #dcdcdc;
}
#pd_list th {
    background-color: #ebf3fc;
    text-align: center;
}

.td_clv {
    width: 60px;
    font-weight: 600;
    background-color: #ddfffb;
}
.td_sil {
    width: 40px;
}
.td_gss {
    width: 40px;
}
.td_tlh {
    width: 40px;
}
.td_bra {
    width: 60px;
}
.td_bkc {
    width: 60px;
}
.td_pag {
    width: 20px;
}

td.td_clv,
td.td_sil,
td.td_gss,
td.td_tlh,
td.td_bra,
td.td_bkc,
td.td_date,
td.td_code,
td.td_brad {
    border-right: 1px solid #dcdcdc;
}

td.td_pag {
    text-align: right;
    padding-right: 20px;
}

.td_date{
    width: 80px;
    text-align: center;
}

.td_code {
    width: 80px;
}

.td_brad {
    width: 100px;
}

.td_biko {
    width: 100px;
}

.td_type {
    width: 200px;
}

.td_page {
    width: 50px;
}

.td_biko {
    width: 100px;
}

/* Larger than tablet */
@media (min-width: 467px) {

    .footer_menu {
        width: 170px;
    }

    .search_box {
        height: 70px;
    }

    .search_term input{
        width: 130px;
        font-size: 1rem;
    }

    .search_term,
    .search_btn {
        text-align: center;
    }

    .history_order_header {
        height: 152px;
    }

    .his_head_etc2{
        width: 320px;
        max-height: 42px;
    }

}

/* Larger than tablet */
@media (min-width: 750px) {

    table {
        margin: 3px;
    }

    .l_align {
        text-align: left;
        padding-top: 10px;
        padding-left: 3rem;
    }

    .container {
        width: 750px;
    }

    .contents {
        width: 720px;
        padding: 15px;
    }

    .cart_view {
        width: 137px;
        height: 29px;
    }

    .header_title {
        max-width: 600px;
        margin-top: -8px;
    }

    .header_title img {
        max-width: 388px;
    }

    .header_lout {
        float: right;
    }
    
    .header_lout img {
        max-width: 137px;
        max-height: 45px;
    }

    .header_menu img {
        max-width: 100px;
        max-height: 75px;
        padding: 0 1rem;
    }

    .footer {
        width: 750px;
        min-height: 135px;
    }

    .footer_top {
        width: 750px;
    }

    .footer_menu {
        width: 170px;
    }

    .login_box {
        width: 450px;
    }

    .pass_check_box {
        width: 450px;
    }

    .pass_check_comments {
        max-width: 450px;
    }

    .button_area{
        padding: 0 0 0 7px;
    }

    .button_box img {
        max-width: 220px;
        margin: 0.1rem 0.1rem;
        padding: 0.3rem 0.3rem;
    }

    .key_brand_th,
    .key_brand_td,
    .key_brand_div {
        width: 160px;
    }

    .key_header_th,
    .key_header_td,
    .key_header_div {
        width: 120px;
    }

    .key_code_th,
    .key_code_td,
    .key_code_div {
        width: 90px;
    }

    .key_orders_th,
    .key_orders_td,
    .key_orders_div {
        width: 90px;
    }

    .key_kyaku_th,
    .key_kyaku_td,
    .key_kyaku_div,
    .key_kyakutyu_div {
        width: 55px;
    }

    .key_stock_th,
    .key_stock_td,
    .key_stock_div {
        width: 70px;
    }

    .key_brand {
        min-width: 90px;
    }

    .key_hinban_txt {
        min-width: 60px;
    }

    .key_hinban_num {
        min-width: 70px;
    }

    .key_honsuu {
        min-width: 60px;
    }

    .key_kyaku_td label:before {
        left: 12px;
        width: 28px;
        border-radius: 20px;
    }

    .key_kyakutyu_div label:before {
        left: -5px;
        width: 28px;
        border-radius: 20px;
    }

    .history_box tr,
    .history_box td {
        padding: 0.2rem 0.5rem;
    }

    .history_box img {
        max-width: 120px;
        max-height: 45px;
        padding: 0 0.5rem;
    }

    .history_order_header {
        height: 150px;
    }

    .item_name_th {
        width: 270px;
    }

    .item_img_td {
        width: 55px;
        margin: 0 auto;
    }

    .item_img_td img {
        max-width: 70px;
        max-height: 70px;
    }

    .item_name_td {
        width: 175px;
    }

    .item_orders_th,
    .item_orders_td {
        width: 100px;
    }

    .item_price_th,
    .item_price_td {
        width: 80px;
    }

    .item_cart_btn {
        width: 155px;
    }

    .his_date {
        width: 90px;
    }

    .his_num {
        width:190px;
    }

    .his_blank{
        width: 90px;
    }

    .his_amount {
        width: 150px;
    }

    .his_amount_td {
        float: right;
        padding-right: 5px;
    }

    .his_name_th {
        width: 270px;
    }

    .his_img_td {
        width: 55px;
        margin: 0 auto;
    }

    .his_img_td img {
        max-width: 70px;
        max-height: 70px;
    }

    .his_name_td {
        width: 175px;
    }

    .his_orders_th,
    .his_orders_td {
        width: 100px;
    }

    .his_btn {
        width: 150px;
    }

    .his_head_etc2{
        width: 530px;
        max-height: 52px;
    }

    .order_fin_box{
        width: 550px;
    }

    .order_fin_title{
        padding-top: 20px;
    }

    .order_fin_info{
        padding-top: 50px;
    }

    .cat_list li a{
        width: 224px;
        height: 70px;
    }

    .in_cart_btn {
        width: 137px;
    }

    .del_row_btn {
        width: 67px;
    }

    .re_cart_btn {
        width: 137px;
    }

    .his_btn_td {
        width: 134px;
    }

    #pd_list {
        width: 700px;
    }

    .td_clv {
        width: 60px;
    }
    .td_sil {
        width: 70px;
    }
    .td_gss {
        width: 60px;
    }
    .td_tlh {
        width: 60px;
    }
    .td_bra {
        width: 100px;
    }
    .td_bkc {
        width: 100px;
    }
    .td_pag {
        width: 30px;
    }
}

/* Larger than PC */
@media (min-width: 960px) {

    .container {
        width: 960px;
    }

    .contents {
        width: 930px;
    }

    .footer {
        width: 960px;
    }

    .footer_top {
        width: 960px;
    }

    .pager {
        padding-right: 16px;
    }

    .button_area{
        padding: 0 0 0 24px;
    }

    .button_box img {
        max-width: 275px;
        margin: 0.1rem 0.1rem;
        padding: 0.3rem 0.3rem;
    }

    .key_brand_th,
    .key_brand_td,
    .key_brand_div {
        width: 180px;
    }

    .key_header_th,
    .key_header_td,
    .key_header_div {
        width: 150px;
    }

    .key_code_th,
    .key_code_td,
    .key_code_div {
        width: 150px;
    }

    .key_orders_th,
    .key_orders_td,
    .key_orders_div {
        width: 150px;
    }

    .key_kyaku_th,
    .key_kyaku_td,
    .key_kyaku_div,
    .key_kyakutyu_div {
        width: 55px;
    }

    .key_stock_th,
    .key_stock_td,
    .key_stock_div {
        width: 90px;
    }

    .key_kyaku_td label:before {
        left: 12px;
    }

    .key_kyakutyu_div label:before {
        left: -5px;
    }

    .order_chk_flg {
        font-size: 1.8rem;
    }

    .item_name_th {
        width: 400px;
    }

    .item_img_td {
        width: 100px;
        margin: 0 auto;
    }

    .item_img_td img {
        max-width: 70px;
        max-height: 70px;
    }

    .item_name_td {
        width: 250px;
    }

    .item_orders_th,
    .item_orders_td {
        width: 200px;
    }

    .item_price_th,
    .item_price_td {
        width: 80px;
    }

    .item_cart_btn {
        width: 130px;
    }

    .cat_box{
        padding: 0;
    }

    .his_num {
        width: 200px;
    }

    .his_amount {
        width: 155px;
    }

    .his_amount_td {
        padding-right: 30px;
    }

    .his_name_th {
        width: 400px;
    }

    .his_img_td {
        width: 100px;
        margin: 0 auto;
    }

    .his_img_td img {
        max-width: 70px;
        max-height: 70px;
    }

    .his_name_td {
        width: 250px;
    }

    .his_orders_th,
    .his_orders_td {
        width: 200px;
    }

    .his_btn {
        width: 170px;
    }
    
    .his_head_etc2{
        width: 745px;
        max-height: 52px;
    }

    #pd_list {
        width: 900px;
    }

    .td_clv {
        width: 60px;
    }
    .td_sil {
        width: 70px;
    }
    .td_gss {
        width: 60px;
    }
    .td_tlh {
        width: 60px;
    }
    .td_bra {
        width: 100px;
    }
    .td_bkc {
        width: 100px;
    }
    .td_pag {
        width: 20px;
    }

}

.alerts {
    color: #ff3333;
    font-size: 0.9rem;
}


.p_plus {
    position:relative;
    display:inline-block;
}

.rp_plus48 {
    position:absolute;
    padding: 0px 2px -8px;
    right:0px;
    bottom:0px;
}

.rp_plus48 img {
    background-color: rgba(0,0,0,.04);
}

.lum-lightbox img {
    max-width: 98% !important;
    max-height: 90vh !important;
}

.lum-gallery-button {
    display: none !important;
}

.clear__button{
    margin: 0 10px;
    padding: 8px 20px;
    color: #fff;
    background-color: #909090;
    background-size: cover;
    border-style: none;
    border-radius: 5px;

    &:hover {
        background-color: darken(#909090, 7.5%);
        border-color: darken(#909090, 10%);
    }
}
.postage_help h4, .postage_help h5 {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

.postage_help h4 {
    border-bottom: 1px solid #dcdcdc;
}

.postage_help .img-1 img {
    display: block;
    width: 98%;
    max-width: 715px;
}

.postage_help .img-2 img {
    display: block;
    width: 98%;
    max-width: 302px;
}

.postage_help .img-3 img {
    display: block;
    width: 98%;
    max-width: 440px;
}