@charset "UTF-8";

/* ----------------------------------------------------------------------------------------------------
*  基本情報
* --------------------------------------------------------------------------------------------------*/

html,body{
height:100%;
}

html{
font-size:62.5%;
overflow-y: scroll;
}

body{
position: relative;
-webkit-text-size-adjust: 100%;
}

body, h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, figure, form {
margin: 0;
padding: 0;
border: none;
line-height: 100%;
list-style-type: none;
font-style: normal;
font-weight: normal;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
text-align: left;
line-height: 1;
color: #333333;
}

h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, form, input, textarea, select, button{
font-size: 1.4rem;
word-break: break-word;
line-height: 1.6;
}

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }

table{
border-spacing: 0;
}

input, textarea, select, button{
vertical-align:middle;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Arial,Verdana,sans-serif;
background-color: #fff;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
input,select,button,textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
border: none;
border-radius: 0;
padding: 0;
}
select::-ms-expand{
display: none;
}
textarea{
resize: none;
}
button,input[type="submit"],input[type="button"],select,label{
cursor:pointer;
}
input[type="radio"]:checked{
appearance: none;
}
blockquote{
margin: 0;
padding: 0;
}

img{
max-width: 100%;
height: auto;
vertical-align: middle;
}

a,
button,
input[type="submit"],
input[type="button"]{
text-decoration: none;
color: #333333;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
}
a:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover{
opacity: 0.7;
}

body{
min-width: 1280px;
}

.wrap{
max-width: 1120px;
width: 100%;
margin: 0 auto;
}

.wrap_inner{
width: 100%;
max-width: 1120px;
padding: 30px 0;
margin: 0 auto;
}

.serif{
font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.content{
margin: 30px 0 60px;
}

.content.aside-scroll {
margin: 0;
padding: 30px 0 60px;
}


/* ----------------------------------------------------------------------------------------------------
*  ヘッダー
* --------------------------------------------------------------------------------------------------*/
header {
position: fixed;
width: 100%;
top: 0;
z-index: 888;
}
main {
padding-top: 110px;
}
.header_wrap .header_top{
display: flex;
align-items: center;
justify-content: flex-end;
background: #B20714;
padding: 2px 20px;
min-height: 26px;
}
.header_wrap .header_top *{
color: #fff;
}

.header_wrap .header_top > * + *{
margin-left: 35px;
}

.header_wrap .header_top .header_name{
line-height: 1.6;
}
.header_wrap .header_top .login_btn{
line-height: 1.6;
}

.header_wrap .gnav{
display: flex;
align-items: center;
justify-content: space-between;
background: #241A14;
padding: 15px 20px;
}

.header_wrap .logo_box{
display: flex;
align-items: center;
}

.header_wrap .logo_box .logo_txt{
margin-left: 12px;
font-size: 1.6rem;
font-weight: 800;
line-height: 1.6;
letter-spacing: -0.03em;
color: #fff;
}

.header_wrap .gnav_box{
display: flex;
align-items: center;
}

.search{
display: flex;
align-items: center;
width: 300px;
height: 45px;
border: 1px solid #000;
border-radius: 3px 0 0 3px;
}

.search_box{
width: calc(100% - 45px);
height: 100%;
padding: 0 15px;
background: #fff;
border-radius: 3px 0 0 3px;
font-size: 1.4rem;
}
.search_box::placeholder{
color: #D0D0D0;
}

.search_btn{
width: 45px;
height: 100%;
background: #F2F2F2 url(../img/common/search_ico.svg) no-repeat center center;
}

.header_wrap .cart_wrap{
display: flex;
margin-left: 40px;
}

.header_wrap .cart_btn a{
display: block;
width: 40px;
padding-top: 35px;
background: url(../img/common/cart_ico.svg) no-repeat left top;
text-align: center;
font-size: 1.0rem;
font-weight: bold;
color: #fff;
}

.header_wrap .cart_txt_box{
margin-left: 20px;
}

.header_wrap .cart_ttl{
font-size: 1.2rem;
color: #fff;
line-height: 1.3;
}

.header_wrap .cart_txt{
margin-top: 10px;
font-size: 1.2rem;
color: #fff;
line-height: 1.3;
}
.header_wrap .cart_txt .num{
margin-right: 5px;
font-size: 1.6rem;
font-weight: bold;
}
.header_wrap .cart_txt.yen_txt{
margin-top: 8px;
}
.header_wrap .cart_txt .yen{
margin-right: 5px;
font-size: 1.8rem;
font-weight: bold;
}

.header_wrap .mypage_btn_box{
margin-left: 60px;
}

.header_wrap .mypage_btn_box > * + *{
margin-top: 8px;
}

.header_wrap .fav_btn a,
.header_wrap .mypage_btn a{
padding-left: 22px;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
line-height: 1.6;
}
.header_wrap .fav_btn a{
background: url(../img/common/fav_ico.svg) no-repeat left center;
}
.header_wrap .mypage_btn a{
background: url(../img/common/mypage_ico.svg) no-repeat 2px center;
}


.call_btn_box{
        margin-right: 0px;
        align-items: center;
        height: 100%;
        background-color: #888888;
}
.header_wrap .call_btn{
        align-items: center;
        text-align: center;
        font-size: 1.4rem;
        font-weight: bold;
        font-color: #ffffff;
        color: #fff;
        line-height: 1.6;
}


/* ----------------------------------------------------------------------------------------------------
*  フッター
* --------------------------------------------------------------------------------------------------*/
.footer_wrap{
padding: 10px 0 10px;
background: #241A14;
}

.footer_nav{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding-top: 20px;
margin-bottom: 35px;
}

.footer_nav li + li{
margin-left: 30px;
}

.footer_nav li a{
line-height: 1.6;
font-size: 1.4rem;
color: #fff;
}

.footer_wrap .copy{
color: #fff;
text-align: center;
line-height: 1.6;
font-size: 1.2rem;
}







/* ----------------------------------------------------------------------------------------------------
*  共通
* --------------------------------------------------------------------------------------------------*/
.txt{
line-height: 1.6;
}

.bold{
font-weight: bold;
}

.txt_up{
text-transform: uppercase;
}
.txt_noup{
text-transform: none;
}

.center{
text-align: center;
}

.tate{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
white-space: nowrap;
}

.txt_red{
color: #B20714;
}



/* ------------------------------
.ttl
------------------------------ */
.sec_ttl_box{
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
min-height: 50px;
padding: 10px 20px;
background: #241A14;
}
.sec_ttl{
font-size: 1.8rem;
font-weight: bold;
color: #fff;
line-height: 1.6;
}
.sec_ttl_box .more_btn{
margin-left: 40px;
}
.sec_ttl_box .more_btn a{
display: block;
padding-left: 16px;
background: url(../img/common/ico_arw01.svg) no-repeat left center;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
line-height: 1.6;
}

.bg_ttl{
display: flex;
flex-wrap: wrap;
align-items: center;
width: 100%;
min-height: 40px;
padding: 5px 15px;
background: #241A14;
font-size: 1.6rem;
font-weight: bold;
color: #fff;
line-height: 1.6;
}

.line_ttl{
padding-left: 10px;
margin-bottom: 25px;
border-left: 5px solid #B20714;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.6;
}

.line_ttl_sub{
padding-left: 10px;
margin-bottom: 20px;
border-left: 5px solid #333;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.6;
}



/* ------------------------------
.btn
------------------------------ */
.link:hover{
opacity: 1;
text-decoration: underline;
color: #B20714;
}

.btn{
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 45px;
background: #B20714;
text-align: center;
font-size: 1.4rem;
line-height: 1.6;
font-weight: bold;
color: #fff;
}

.btn_white{
display: flex;
align-items: center;
justify-content: center;
width: 75px;
height: 25px;
border: 1px solid #B20714;
color: #B20714;
font-weight: bold;
line-height: 1.6;
}

.btn_red{
display: flex;
align-items: center;
justify-content: center;
width: 75px;
height: 25px;
background: #B20714;
text-align: center;
line-height: 1.6;
font-weight: bold;
color: #fff;
}

/* ------------------------------
.box
------------------------------ */
.flex{
display: flex;
justify-content: space-between;
}

.dl_box{
display: flex;
}

.dl_box .dt_box,
.dl_box .dd_box{
padding: 10px 10px;
border-bottom: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
line-height: 1.6;
}
.dl_box:first-child .dt_box,
.dl_box:first-child .dd_box{
border-top: 1px solid #E3E3E3;
}

.dl_box .dt_box{
flex-shrink: 0;
width: 150px;
background: #F2F2F2;
font-weight: bold;
}
.dl_box .dd_box{
width: 100%;
background: #fff;
border-right: 1px solid #E3E3E3;
}

.table_wrap{
width: 100%;
}
.table_wrap table{
width: 100%;
}

.table_wrap th,
.table_wrap td{
padding: 10px 10px;
line-height: 1.6;
border-bottom: 1px solid #E3E3E3;
border-right: 1px solid #E3E3E3;
}
.table_wrap tr:first-child > *{
border-top: 1px solid #E3E3E3;
}
.table_wrap tr > *:first-child{
border-left: 1px solid #E3E3E3;
}

.table_wrap th{
text-align: center;
font-weight: bold;
background: #F2F2F2;
}

.table_wrap .checkbox{
margin: 0 auto;
}



/* ------------------------------
form
------------------------------ */
.checkbox{
display: flex;
align-items: center;
justify-content: center;
}
.radiobox{
display: flex;
align-items: center;
}

.checkbox .check,
.radiobox .radio{
position: relative;
display: block;
width: 20px;
height: 20px;
background: #fff;
border: 1px solid #333;
cursor: pointer;
}
.checkbox .check{
border-radius: 2px;
}
.radiobox .radio{
border-radius: 50%;
}

.checkbox input[type="checkbox"],
.radiobox input[type="radio"]{
margin: 0;
}

.checkbox .check::before,
.radiobox .radio::before{
position: absolute;
margin: auto;
content: "";
display: none;
}
.checkbox .check::before{
top: 0;
left: 0;
right: 0;
bottom: 2px;
width: 12px;
height: 7px;
transform: rotate(-40deg);
border-left: 3px solid #B20714;
border-bottom: 3px solid #B20714;
}
.radiobox .radio::before{
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 12px;
height: 12px;
background: #B20714;
border-radius: 50%;
}

.checkbox input[type="checkbox"]:checked + .check::before,
.radiobox input[type="radio"]:checked + .radio::before{
display: block;
}
.checkbox input[type="checkbox"]:checked + .check,
.radiobox input[type="radio"]:checked + .radio{
border-color: #B20714;
}

.radiobox .txt,
.checkbox .txt{
margin-left: 8px;
font-size: 1.4rem;
}

.textarea{
width: 100%;
height: 70px;
padding: 10px 15px;
border: 1px solid #333;
border-radius: 2px;
resize: vertical;
}

.input_txt{
width: 100%;
max-width: 350px;
height: 35px;
padding: 0 12px;
border: 1px solid #333;
background: #fff;
border-radius: 2px;
}
.input_txt.gray{
border-color: #848484;
background: #F2F2F2;
}

.form_box{
display: flex;
align-items: center;
justify-content: space-between;
}
.form_box > div{
width: 100%;
}

.form_box .txt_box{
flex-shrink: 0;
display: flex;
justify-content: center;
flex-direction: column;
width: 265px;
margin-left: 20px;
}

.form_post{
display: flex;
align-items: center;
}
.form_post .post_ico{
display: block;
width: 50px;
text-align: center;
font-size: 2.4rem;
}
.form_post .input_txt{
max-width: 135px;
}
.form_post .post_btn{
width: 105px;
height: 25px;
margin-left: 15px;
}
.form_post .txt{
margin-left:
}

.select{
height: 35px;
padding: 0 30px 0 12px;
background: #fff url(../img/common/ico_arw04.svg) no-repeat;
background-position: calc(100% - 10px) center;
border: 1px solid #333;
border-radius: 2px;
}
.select.gray{
background-color: #F2F2F2;
border-color: #848484;
}




/* ------------------------------
.side_menu
------------------------------ */
.side_content_wrap{
display: flex;
justify-content: flex-start;
align-items: flex-start;
}

.side_menu{
width: 200px;
margin-right: 50px;
}

.side_menu li a{
display: block;
padding: 10px 5px 10px 30px;
background: url(../img/common/ico_arw02.svg) no-repeat 10px center;
line-height: 1.5;
font-weight: bold;
font-size: 1.5rem;
}
.side_menu li a:hover{
background-color: #F2F2F2;
}

.main_content{
width: 870px;
}



/* ------------------------------
.pager
------------------------------ */
.pager{
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px;
}

.pager_list{
display: flex;
align-items: center;
justify-content: center;
}

.pager_list li + li{
margin-left: 14px;
}

.pager_list li a,
.pager_list li.current{
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border: 1px solid #000000;
border-radius: 2px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.6;
}
.pager_list li.current,
.pager_list li.current a{
background: #B20714;
border: 0;
color: #fff;
}

.pager_prev{
margin-right: 13px;
}
.pager_next{
margin-left: 13px;
}

.pager_prev a,
.pager_next a{
display: block;
width: 30px;
height: 30px;
}
.pager_prev a{
background: url(../img/common/ico_arw05.svg) no-repeat center center;
}
.pager_next a{
background: url(../img/common/ico_arw06.svg) no-repeat center center;
}



/* ------------------------------
.product_list
------------------------------ */
.product_list{
display: flex;
flex-wrap: wrap;
}

.product_list .product_item{
width: 200px;
}
.product_list .product_item + .product_item{
margin-left: 23px;
}
.product_list .product_item:nth-child(4n + 1){
margin-left: 0;
}
.product_list .product_item:nth-child(n + 5){
margin-top: 30px;
}

.product_list .product_item a{
display: block;
}

.product_list .product_item .img{
position: relative;
width: 100%;
height: 267px;
overflow: hidden;
-webkit-transition: opacity .4s ease;
transition: opacity .4s ease;
}
.product_list .product_item a:hover{
opacity: 1;
}
.product_list .product_item a:hover .img{
opacity: 0.6;
}
.product_list .product_item .img img{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
overflow: hidden;
object-fit: contain;
}

.product_list .product_item span.atsu::before{
position: absolute;
z-index: 2;
right: 0;
bottom: 7px;
content: "ATSU";
padding: 4px 6px;
background: #B20714;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
pointer-events: none;
}

.product_list .product_item.sold .img::before{
position: absolute;
z-index: 2;
left: 0;
bottom: 7px;
content: "売切れ中";
padding: 4px 6px;
/*background: #B20714;*/
background: #797979;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
pointer-events: none;
}

.product_list .product_item.a_sale .img::before{
position: absolute;
z-index: 2;
left: 0;
bottom: 7px;
content: "在庫がなくなり次第終売";
padding: 4px 6px;
/*background: #B20714;*/
background: #797979;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
pointer-events: none;
}

.product_list .product_item.new .img::before{
position: absolute;
z-index: 2;
left: 0;
bottom: 7px;
content: "新着";
padding: 4px 6px;
/*background: #B20714;*/
background: #797979;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
pointer-events: none;
}
.product_list .product_item.sale .img::before{
position: absolute;
z-index: 2;
left: 0;
bottom: 7px;
content: "セール";
padding: 4px 6px;
background: #B20714;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
pointer-events: none;
}
.product_list .product_item.commingsoon .img::before{
position: absolute;
z-index: 2;
left: 0;
bottom: 7px;
content: "入荷待ち商品";
padding: 4px 6px;
background: #B20714;
color: #fff;
font-size: 1.2rem;
font-weight: bold;
pointer-events: none;
}

.product_list .product_item .product_ttl{
display: -webkit-box;
overflow: hidden;
height: 2.8em;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin-top: 5px;
font-size: 1.4rem;
line-height: 1.5;
}
.product_list .product_item a:hover .product_ttl{
opacity: 1;
font-weight: bold;
text-decoration: underline;
color: #B20714;
}

.product_list .product_item .price_box{
display: flex;
justify-content: space-between;
margin-top: 10px;
}
.product_list .product_item .price_box + .price_box{
margin-top: 3px;
}

.product_list .product_item .price_ttl{
display: flex;
align-items: center;
justify-content: center;
min-width: 50px;
padding: 2px 5px;
text-align: center;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.5;
}
.product_list .product_item .price_ttl.black{
background: #241A14;
color: #fff;
}
.product_list .product_item .price_ttl.red{
background: #ff0000;
color: #fff;
}
.product_list .product_item .price_ttl.txt_red{
color: #ff0000;
}

.product_list .product_item .price{
font-size: 1.4rem;
line-height: 1.5;
font-weight: bold;
}
.product_list .product_item .price .yen{
margin-right: 6px;
}
.product_list .product_item .price .yen.big{
font-size: 1.6rem;
}

.product_list .product_item .quantity_wrap{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 5px;
}

.product_list .product_item .quantity_ttl{
font-size: 1.2rem;
line-height: 1.5;
font-weight: bold;
}

.product_list .product_item .stock{
font-size: 1.2rem;
line-height: 1.5;
}

.product_list .product_item .quantity_box{
display: flex;
align-items: flex-end;
}

.product_list .product_item .quantity_txt{
margin-left: 6px;
font-size: 1.4rem;
line-height: 1.3;
font-weight: bold;
}

.product_list .product_item .quantity{
width: 80px;
height: 30px;
padding: 0 10px;
border: 1px solid #241A14;
border-radius: 2px;
text-align: right;
}

.product_list .product_item .product_btn{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 45px;
margin-top: 15px;
background: #B20714;
text-align: center;
font-size: 1.4rem;
line-height: 1.6;
font-weight: bold;
color: #fff;
}



/* ------------------------------
.sort_wrap
------------------------------ */
.sort_wrap{
display: flex;
align-items: center;
background: #F5F5F5;
padding: 10px 15px;
}

.sort_wrap .sort_txt{
margin-right: 15px;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.6;
}

.sort_box{
display: flex;
align-items: center;
margin-left: 55px;
}

.sort_box select{
background: #fff url(../img/common/ico_arw04.svg) no-repeat;
background-position: calc(100% - 8px) center;
padding: 5px 25px 5px 15px;
border: 1px solid #ECECEC;
border-radius: 2px;
font-weight: bold;
}

.sort_box .sort_select{
padding-left: 38px;
background: url(../img/common/ico_select01.svg) no-repeat,url(../img/common/ico_arw04.svg) no-repeat;
background-position: 8px center, calc(100% - 8px) center;
background-color: #fff;
}
.sort_box .sort_show{
margin-left: 15px;
padding-left: 38px;
background: url(../img/common/ico_select02.svg) no-repeat,url(../img/common/ico_arw04.svg) no-repeat;
background-position: 8px center, calc(100% - 8px) center;
background-color: #fff;
}



/* ------------------------------
.favorite_table
------------------------------ */
.favorite_table .img{
position: relative;
width: 50px;
height: 66px;
margin: 0 auto;
overflow: hidden;
}
.favorite_table .img img{
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
width: 100%;
height: 100%;
max-height: 100%;
max-width: 100%;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
overflow: hidden;
object-fit: contain;
}

.favorite_table th:nth-child(1){
width: 64px;
}
.favorite_table th:nth-child(2){
width: 92px;
}
.favorite_table th:nth-child(3){
width: 127px;
}
.favorite_table th:nth-child(4){
width: 138px;
}
.favorite_table th:nth-child(5){
width: 216px;
}
.favorite_table th:nth-child(6){
width: 120px;
}
.favorite_table th:nth-child(7){
width: 120px;
}

.favorite_table td:nth-child(6){
text-align: right;
}
.favorite_table td:nth-child(7){
text-align: right;
}



/* ------------------------------
.history_table
------------------------------ */
.history_table td{
text-align: center;
}
.history_table td .btn_white{
width: 70px;
height: 25px;
margin: 0 auto;
}

.history_table th:nth-child(1){
width: 187px;
}
.history_table th:nth-child(2){
width: 187px;
}
.history_table th:nth-child(3){
width: 130px;
}
.history_table th:nth-child(4){
width: 130px;
}
.history_table th:nth-child(5){
width: 120px;
}
.history_table th:nth-child(6){
width: 120px;
}



/* ------------------------------
.history_details_table
------------------------------ */
.history_details_table th{
width: 120px;
}



/* ------------------------------
.history_product_table
------------------------------ */
.history_product_table th:nth-child(1){
width: 29px;
}
.history_product_table th:nth-child(2){
width: 287px;
}
.history_product_table th:nth-child(3){
width: 80px;
}
.history_product_table th:nth-child(4){
width: 80px;
}
.history_product_table th:nth-child(5){
width: 120px;
}
.history_product_table th:nth-child(6){
width: 80px;
}
.history_product_table th:nth-child(7){
width: 80px;
}
.history_product_table th:nth-child(8){
width: 120px;
}

.history_product_table th:nth-child(1),
.history_product_table td:nth-child(1){
padding: 10px 5px;
}

.history_product_table td:nth-child(5),
.history_product_table td:nth-child(6),
.history_product_table td:nth-child(8){
text-align: right;
}
.history_product_table td:nth-child(4),
.history_product_table td:nth-child(7){
text-align: center;
}


/* ------------------------------
.pos_purchase_table
------------------------------ */
.pos_purchase_table td{
text-align: center;
}
.pos_purchase_table td .btn_white{
width: 100px;
height: 25px;
margin: 0 auto;
}

.pos_purchase_table td .btn_red{
width: 100px;
height: 25px;
margin: 0 auto;
}

.pos_purchase_table th:nth-child(1){
width: 50px;
}
.pos_purchase_table th:nth-child(2){
width: 130px;
}
.pos_purchase_table th:nth-child(3){
width: 200px;
}
.pos_purchase_table th:nth-child(4){
width: 100px;
}
.pos_purchase_table th:nth-child(5){
width: 140px;
}
.pos_purchase_table th:nth-child(6){
width: 100px;
}
.pos_purchase_table th:nth-child(7){
width: 100px;
}

/* ------------------------------
.pos_purchase_table2
------------------------------ */

.pos_purchase_table2 td{
text-align: center;
}
.pos_purchase_table2 td .btn_white{
width: 100px;
height: 25px;
margin: 0 auto;
}

.pos_purchase_table2 td .btn_red{
width: 100px;
height: 25px;
margin: 0 auto;
}

.pos_purchase_table2 th:nth-child(1){
width: 50px;
}
.pos_purchase_table2 th:nth-child(2){
width: 130px;
}
.pos_purchase_table2 th:nth-child(3){
width: 200px;
}
.pos_purchase_table2 th:nth-child(4){
width: 140px;
}
.pos_purchase_table2 th:nth-child(5){
width: 100px;
}
.pos_purchase_table2 th:nth-child(6){
width: 100px;
}

/* ------------------------------
.cart_table
------------------------------ */
.cart_table th,
.cart_table td{
padding: 8px 6px;
}

.cart_table th:nth-child(1){
width: 32px;
}
.cart_table th:nth-child(2){
width: 250px;
}
.cart_table th:nth-child(3){
width: 80px;
}
.cart_table th:nth-child(4){
width: 80px;
}
.cart_table th:nth-child(5){
width: 120px;
}
.cart_table th:nth-child(6){
width: 80px;
}
.cart_table th:nth-child(7){
width: 80px;
}
.cart_table th:nth-child(8){
width: 157px;
}
.cart_table td:nth-child(8){
width: 93px;
}
.cart_table td:nth-child(9){
width: 64px;
}

.cart_table td:nth-child(5),
.cart_table td:nth-child(7),
.cart_table td:nth-child(8){
text-align: right;
}
.cart_table td:nth-child(3),
.cart_table td:nth-child(4),
.cart_table td:nth-child(6){
text-align: center;
}

.cart_table .cart_select_box{
display: flex;
align-items: center;
justify-content: center;
}

.cart_table .cart_select{
width: 55px;
height: 25px;
padding: 0 20px 0 3px;
background: url(../img/common/ico_arw04.svg) no-repeat;
background-position: calc(100% - 5px) center;
border: 1px solid #000;
border-radius: 2px;
}
.cart_table .cart_select_box .btn{
margin-left: 4px;
}

.cart_table .btn{
width: 48px;
height: 25px;
}
.cart_table .btn_white{
width: 48px;
height: 25px;
margin: 0 auto;
}



/* ------------------------------
.price_wrap
------------------------------ */
/*
.price_wrap {
position: absolute;
width: 100%;
bottom: 0;
}
*/
.price_wrap .dt_box{
text-align: center;
}
.price_wrap .dd_box{
text-align: right;
}
.pager_list li.pager_gap {
margin-left: 20px;
margin-right: 6px;
}
.pager_gap {
position: relative;
width: 4px;
height: 4px;
background: #000000;
border-radius:  50%;
}
.pager_gap:before {
position: absolute;
content: "";
width: 4px;
height: 4px;
top: 0;
bottom: 0;
left: -10px;
background: #000000;
border-radius:  50%;
}
.pager_gap:after {
position: absolute;
content: "";
width: 4px;
height: 4px;
top: 0;
bottom: 0;
right: -10px;
background: #000000;
border-radius:  50%;
}
.toPateTop {
display: inline-block;
position: relative;
width: 46px;
height: 46px;
padding: 0;
background: rgba(255, 255, 255, 0.9);
border: 2px solid #707070;
border-radius: 5px;
}
.toPateTop:before {
content: "";
position: absolute;
width: 18px;
top: 11px;
left: 13px;
border-top: 2px solid #707070;
}
.toPateTop:after {
content: "";
position: absolute;
height: 16px;
top: 19px;
left: 21px;
border-left: 2px solid #707070;
}
.toPateTop span {
display: inline-block;
position: absolute;
width: 11px;
height: 11px;
top: 18px;
left: 17px;
transform:rotate(45deg);
border-top: 2px solid #707070;
border-left: 2px solid #707070;
}
.content.aside-scroll aside {
position: absolute;
top: 140px;
}
.content.aside-scroll .product {
margin-left: 250px;
}