@charset "utf-8";
/* CSS Document */

.pds-row{
	display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; width:100%;
}

.pds-l,
.pds-r{display:flex; padding:1% 2%; width:50%; vertical-align:top; font-size:16px;}

.pds-item{display:flex; flex-wrap:wrap; margin:0 auto 4px auto; padding:4px 0; width:100%; justify-content:flex-start; align-content:flex-start; font-size:15px; color:#000; line-height:1.5;}

.pds-i-l,
.pds-i-r{display:flex; flex-wrap:wrap; padding:4px; align-content:flex-start; justify-content:flex-start;}

.pds-i-l{width:10%; color:#003e71; text-align:center; justify-content:center;}
.pds-i-r{width:90%;}


.pds-i-t,
.pds-i-pick,
.pds-i-pick-t,
.pds-i-put{
	display:inline-flex; vertical-align:middle; 
}



.pds-i-t{font-size:15px;}
.pds-i-pick{margin:0 10px 5px 0; width:24px; height:24px; background:#dedede; border:rgba(0,0,0,0) 2px solid; cursor:pointer; transition:all ease-in-out 0.2s;}
.pds-i-pick:hover{opacity:0.8; transition:all ease-in-out 0.3s;}
.pds-i-pick.p-selected{border:rgba(0,0,0,1) 2px solid; transition:all ease-in-out 0.3s;}


.pds-i-pick-t{margin:0 10px 5px 0; padding:4px 6px; background:#dedede; border:rgba(0,0,0,0) 2px solid; cursor:pointer; transition:all ease-in-out 0.2s; background:#999; color:#fff; font-size:13px;}
.pds-i-pick-t:hover{opacity:0.8; transition:all ease-in-out 0.3s;}
.pds-i-pick-t.p-t-selected{border:rgba(0,0,0,1) 2px solid; transition:all ease-in-out 0.3s;}



.pds-i-put{margin:auto 5px; padding:2px 4px; line-height:20px; height:24px; font-size:15px;}
.pds-i-put.w-input{width:46px;}



.box-inline{display:inline-block; vertical-align:middle; margin-right:5px; line-height:24px;}

.pbox-icon{display:inline-block; margin-bottom:5px; line-height:28px; color:#db1514;}
.pbox-title{display:inline-block; margin-bottom:5px; line-height:28px; font-size:18px; font-weight:bold; color:#db1514;}

.txt-red{color:#f00; font-size:18px; font-weight:bold;}


@media screen and (max-width: 768px){

.pds-i-l,
.pds-i-r{}

}



.sub-buy-btn{display:inline-block; margin:0 auto; padding:4px 8px; font-size:12px; letter-spacing:1px; text-align:center; color:#fff; background:#999; cursor:pointer; vertical-align:middle;}
.sub-buy-btn:hover{background:#000;}

.sub-cou-btn{display:inline-block; margin:0 10px; padding:4px 12px; font-size:14px; letter-spacing:1px; text-align:center; color:#fff; background:#000; cursor:pointer; vertical-align:middle;
	line-height:26px;
}
.sub-cou-btn:hover{background:#ccc;}




.pdb-title{display:block; margin:30px 0 4px 0; padding:5px 10px; font-size:16px; letter-spacing:1px; text-align:left; background:#ededed;}


.pdb-item{display:flex; flex-wrap:no-wrap; margin:0 auto 8px auto; width:100%; align-content:flex-start; justify-content:flex-start; font-size:0; border:#ccc 1px solid;}
.pdb-item .pdb-li{flex:1 1 auto; vertical-align:middle; align-self:center; padding:0 4px; font-size:14px; text-align:center;}
.pdb-item .pdb-li:nth-of-type(1){flex:1 1 78px;}
.pdb-item .pdb-li:nth-of-type(2){text-align:left;}
.pdb-item .pdb-li:nth-of-type(4){flex:1 1 62px;}
.pdb-item .pds-i-name{font-weight:bold; color:#000; font-size:15px;}
.pdb-item .pds-i-price{color:#f00;}

@media screen and (max-width: 768px){

.pdb-item{flex-wrap:wrap;}
.pdb-item .pdb-li:nth-of-type(1){flex:1 1 30%;}
.pdb-item .pdb-li:nth-of-type(2){flex:1 1 70%;}
.pdb-item .pdb-li:nth-of-type(3){flex:1 1 50%; text-align:right;}
.pdb-item .pdb-li:nth-of-type(4){flex:1 1 50%; text-align:left;}

.pdb-item .pdb-li:nth-of-type(3),
.pdb-item .pdb-li:nth-of-type(4){padding:8px 4px; align-self:stretch; background:#ededed;}

}