@charset "Windows-31J";
/* ==============================
  reset
============================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}

body {
line-height: 1;
}

ol,
ul {
list-style: none;
}

blockquote,
q {
quotes: none;
}

blockquote:before,
blockquote:after {
content: '';
content: none;
}

q:before,
q:after {
content: '';
content: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

.l-header .l-header-inner,
.l-inner-container,
.l-footer,
.box,
.box .inner-box,
.box .pager-holder {
*zoom: 1;
}

.l-header .l-header-inner:before,
.l-inner-container:before,
.l-footer:before,
.box:before,
.box .inner-box:before,
.box .pager-holder:before,
.l-header .l-header-inner:after,
.l-inner-container:after,
.l-footer:after,
.box:after,
.box .inner-box:after,
.box .pager-holder:after {
display: table;
content: " ";
}

.l-header .l-header-inner:after,
.l-inner-container:after,
.l-footer:after,
.box:after,
.box .inner-box:after,
.box .pager-holder:after {
clear: both;
}

.m-global-navi .m-global-navi-item a,
.box .label {
display: inline-block;
*display: inline;
*vertical-align: auto;
*zoom: 1;
}

.m-global-navi .m-global-navi-item,
.l-footer .l-footer-utility-item,
.box td span,
.box input[type="checkbox"],
.box select,
.box .input-holder,
.box .input-holder label,
.box .input-holder-wide-label,
.box .input-holder-wide-label label,
.box .input-holder-wide-label-pad label,
.box .input-holder-wide-select label,
.box .input-holder-small-label label,
.box .searchBox,
.text-box .two-col p,
.text-box .three-col p {
display: inline-block;
vertical-align: top;
*display: inline;
*vertical-align: auto;
*zoom: 1;
}

#resellpick_admin .mt-0 {
margin-top: 0 !important;
}

#resellpick_admin .mb-0 {
margin-bottom: 0 !important;
}

#resellpick_admin .ml-0 {
margin-left: 0 !important;
}

#resellpick_admin .mr-0 {
margin-right: 0 !important;
}

#resellpick_admin .pt-0 {
padding-top: 0 !important;
}

#resellpick_admin .pb-0 {
padding-bottom: 0 !important;
}

#resellpick_admin .pl-0 {
padding-left: 0 !important;
}

#resellpick_admin .pr-0 {
padding-right: 0 !important;
}

#resellpick_admin .mt-5 {
margin-top: 5px !important;
}

#resellpick_admin .mt-10 {
margin-top: 10px !important;
}

#resellpick_admin .mt-15 {
margin-top: 15px !important;
}

#resellpick_admin .mt-20 {
margin-top: 20px !important;
}

#resellpick_admin .mt-25 {
margin-top: 25px !important;
}

#resellpick_admin .mt-30 {
margin-top: 30px !important;
}

#resellpick_admin .mt-35 {
margin-top: 35px !important;
}

#resellpick_admin .mt-40 {
margin-top: 40px !important;
}

#resellpick_admin .mt-45 {
margin-top: 45px !important;
}

#resellpick_admin .mt-50 {
margin-top: 50px !important;
}

#resellpick_admin .mb-0 {
margin-bottom: 0px !important;
}

#resellpick_admin .mb-5 {
margin-bottom: 5px !important;
}

#resellpick_admin .mb-10 {
margin-bottom: 10px !important;
}

#resellpick_admin .mb-15 {
margin-bottom: 15px !important;
}

#resellpick_admin .mb-20 {
margin-bottom: 20px !important;
}

#resellpick_admin .mb-25 {
margin-bottom: 25px !important;
}

#resellpick_admin .mb-30 {
margin-bottom: 30px !important;
}

#resellpick_admin .mb-35 {
margin-bottom: 35px !important;
}

#resellpick_admin .mb-40 {
margin-bottom: 40px !important;
}

#resellpick_admin .mb-45 {
margin-bottom: 45px !important;
}

#resellpick_admin .mb-50 {
margin-bottom: 50px !important;
}

#resellpick_admin .mt-m5 {
margin-top: -5px;
}

#resellpick_admin .mt-m10 {
margin-top: -10px;
}

#resellpick_admin .mt-m15 {
margin-top: -15px;
}

#resellpick_admin .mt-m20 {
margin-top: -20px;
}

#resellpick_admin .mt-m25 {
margin-top: -25px;
}

#resellpick_admin .mt-m30 {
margin-top: -30px;
}

#resellpick_admin .mb-m5 {
margin-bottom: -5px;
}

#resellpick_admin .mb-m10 {
margin-bottom: -10px;
}

#resellpick_admin .mb-m15 {
margin-bottom: -15px;
}

#resellpick_admin .mb-m20 {
margin-bottom: -20px;
}

#resellpick_admin .mb-m25 {
margin-bottom: -25px;
}

#resellpick_admin .mb-m30 {
margin-left: -30px;
}

#resellpick_admin .ml-m5 {
margin-left: -5px;
}

#resellpick_admin .ml-m10 {
margin-left: -10px;
}

#resellpick_admin .ml-m15 {
margin-left: -15px;
}

#resellpick_admin .ml-m20 {
margin-left: -20px;
}

#resellpick_admin .ml-m25 {
margin-left: -25px;
}

#resellpick_admin .ml-m30 {
margin-left: -30px;
}

#resellpick_admin .mr-m5 {
margin-right: -5px;
}

#resellpick_admin .mr-m10 {
margin-right: -10px;
}

#resellpick_admin .mr-m15 {
margin-right: -15px;
}

#resellpick_admin .mr-m20 {
margin-right: -20px;
}

#resellpick_admin .mr-m25 {
margin-right: -25px;
}

#resellpick_admin .mr-m30 {
margin-left: -30px;
}

#resellpick_admin .pt-5 {
padding-top: 5px !important;
}

#resellpick_admin .pt-10 {
padding-top: 10px !important;
}

#resellpick_admin .pt-15 {
padding-top: 15px !important;
}

#resellpick_admin .pt-20 {
padding-top: 20px !important;
}

#resellpick_admin .pt-25 {
padding-top: 25px !important;
}

#resellpick_admin .pt-30 {
padding-top: 30px !important;
}

#resellpick_admin .pt-35 {
padding-top: 35px !important;
}

#resellpick_admin .pt-40 {
padding-top: 40px !important;
}

#resellpick_admin .pt-45 {
padding-top: 45px !important;
}

#resellpick_admin .pt-50 {
padding-top: 50px !important;
}

#resellpick_admin .pb-5 {
padding-bottom: 5px !important;
}

#resellpick_admin .pb-10 {
padding-bottom: 10px !important;
}

#resellpick_admin .pb-15 {
padding-bottom: 15px !important;
}

#resellpick_admin .pb-20 {
padding-bottom: 20px !important;
}

#resellpick_admin .pb-25 {
padding-bottom: 25px !important;
}

#resellpick_admin .pb-30 {
padding-bottom: 30px !important;
}

#resellpick_admin .pb-35 {
padding-bottom: 35px !important;
}

#resellpick_admin .pb-40 {
padding-bottom: 40px !important;
}

#resellpick_admin .pb-45 {
padding-bottom: 45px !important;
}

#resellpick_admin .pb-50 {
padding-bottom: 50px !important;
}

#resellpick_admin .vt {
vertical-align: top !important;
}

#resellpick_admin .vm {
vertical-align: middle !important;
}

#resellpick_admin .vb {
vertical-align: bottom !important;
}

#resellpick_admin .tl {
text-align: left;
}

#resellpick_admin .tc {
text-align: center;
}

#resellpick_admin .tr {
text-align: right;
}

#resellpick_admin .ls-m1 {
letter-spacing: -1px;
}

#resellpick_admin .ls-m2 {
letter-spacing: -2px;
}

#resellpick_admin .ls-m3 {
letter-spacing: -3px;
}

#resellpick_admin .f-gr {
color: #acacab;
}

#resellpick_admin .fl {
float: left;
}

#resellpick_admin .fr {
float: right;
}

#resellpick_admin .bdn {
border-bottom: none;
}

#resellpick_admin .bdb {
border-bottom: 1px dotted #666666;
}

/* =====================================================
_base.scss include the basic layout for the
administration pages.

Index:

1 - body style
2 - layout style
3 - header style
4 - global-navi style
5 - main-contents style
6 - sub-contents style
7 - footer style
====================================================== */
/* ------------------------------------------------------
## body
```
```
*/
#resellpick_admin {
line-height: 1.5;
color: #333333;
font-family: メイリオ, 'ヒラギノ角ゴ Std W1', sans-serif;
}

/* ------------------------------------------------------
## layout
```
```
*/
.l-wrapper {
background: #f8f8f8;
}

.l-container {
width: 1335px;
margin: 0 auto 65px;
}

/* ------------------------------------------------------
## header
```
```
*/
.l-header {
background: #ffffff;
padding: 15px 0;
}

.l-header .l-header-inner {
width: 1170px;
margin: 0 auto;
}

.l-header .m-corporate-logo {
float: left;
}

.l-header .m-site-logo {
float: right;
}

/* ------------------------------------------------------
## global-navi
```
```
*/
.m-global-navi {
margin-bottom: 30px;
background: #42b3e5;
font-size: 0;
}

.m-global-navi .m-global-navi-inner {
width: 1170px;
margin: 0 auto;
}

.m-global-navi .m-global-navi-item {
padding: 4px 0;
background: #42b3e5;
}

.m-global-navi .m-global-navi-item:hover {
background: #177da9;
}

.m-global-navi .m-global-navi-item a {
text-decoration: none;
padding: 10px;
font-size: 12px;
color: #ffffff;
}

.m-global-navi .m-global-navi-item.active {
background: #177da9;
}

.m-global-navi .m-global-navi-item.active .m-global-navi-item-arrow {
display: block;
}

.m-global-navi .m-global-navi-item-arrow {
display: none;
}

/* ------------------------------------------------------
## main-contents
```
```
*/
.l-main-contents {
float: right;
width: 1000px;
padding: 30px 20px;
background: #ffffff;
}

.l-main-contents-login {
width: 340px;
padding: 30px 20px;
background: #ffffff;
margin: 0 auto;
}

.l-main-contents .m-section-title {
padding-bottom: 7px;
border-bottom: 2px solid #cccccc;
color: #666666;
font-size: 16px;
}

/* ------------------------------------------------------
## sub-contents
```
```
*/
.l-sub-contents {
float: left;
width: 245px;
margin-right: 30px;
}

.l-sub-contents .m-side-navi-item {
position: relative;
background: #ffffff;
}

.l-sub-contents .m-side-navi-item.on {
color: #ffffff;
background: #42b3e5;
}

.l-sub-contents .m-side-navi-item.blue {
color: #ffffff;
background: #177da9;
}

.l-sub-contents .m-side-navi-item.gray {
color: #ffffff;
background: #bababa;
}

.l-sub-contents .m-side-navi-item.sub-gray {
color: #ffffff;
background: #cccccc;
}

.l-sub-contents .m-side-navi-item a {
display: block;
padding: 12px 18px;
color: #42B3E5;
font-size: 14px;
text-decoration: none;
}

.l-sub-contents .m-side-navi-item a:hover {
text-decoration: underline;
}

.l-sub-contents .m-side-navi-item.on a,
.l-sub-contents .m-side-navi-item.blue a,
.l-sub-contents .m-side-navi-item.gray a,
.l-sub-contents .m-side-navi-item.sub-gray a {
color: #ffffff;
}

.l-sub-contents .m-side-navi-item.on .m-side-navi-item-arrow,
.l-sub-contents .m-side-navi-item.blue .m-side-navi-item-arrow,
.l-sub-contents .m-side-navi-item.gray .m-side-navi-item-arrow,
.l-sub-contents .m-side-navi-item.sub-gray .m-side-navi-item-arrow {
border-top: 8px solid #ffffff;
}

.l-sub-contents .m-side-navi-item.on .m-side-navi-item-arrow.on,
.l-sub-contents .m-side-navi-item.blue .m-side-navi-item-arrow.on,
.l-sub-contents .m-side-navi-item.gray .m-side-navi-item-arrow.on,
.l-sub-contents .m-side-navi-item.sub-gray .m-side-navi-item-arrow.on {
border-top: none;
border-bottom: 8px solid #ffffff;
}

.l-sub-contents .m-side-navi-item-arrow {
position: absolute;
top: 50%;
right: 15px;
display: block;
width: 0;
height: 0;
margin-top: -4px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 8px solid #cccccc;
}

.l-sub-contents .m-side-navi-item-arrow.on {
border-top: none;
border-bottom: 8px solid #cccccc;
}

.l-sub-contents .m-side-navi-item-bottom-border {
position: absolute;
bottom: 0;
left: 50%;
display: block;
width: 230px;
height: 1px;
margin-left: -115px;
background: #cccccc;
}

/* ------------------------------------------------------
## footer
```
```
*/
.l-footer {
padding: 75px 0 15px;
color: #ffffff;
background: #202020;
}

.l-footer .l-footer-inner {
width: 1170px;
margin: 0 auto;
}

.l-footer .l-footer-copy {
float: left;
font-size: 10px;
}

.l-footer .l-footer-utility {
float: right;
}

.l-footer .l-footer-utility-item a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
}

.l-footer .l-footer-utility-item a:hover {
text-decoration: underline;
}

/* ------------------------------------------------------
## box
```
```
*/
.box {
padding: 25px 0;
border-bottom: 2px solid #cccccc;
color: #575756;
  /* ------------------------------------------------------
  ## searchBox
  ```
  ```
  */
  /* ------------------------------------------------------
  ## order-table
  ```
  ```
  */
  /* ------------------------------------------------------
  ## order-table
  ```
  ```
  */
}

.box:last-child {
border-bottom: none;
}

.box table {
width: 100%;
}

.box td span {
font-size: 12px;
}

.box label {
color: #575756;
}

.box select {
width: 100%;
margin-bottom: 10px;
border: 1px solid #929497;
color: #575756;
font-size: 12px;
background: #ededed;
background: -moz-linear-gradient(top, #ededed 0%, #dddddd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #dddddd));
background: -webkit-linear-gradient(top, #ededed 0%, #dddddd 100%);
background: -o-linear-gradient(top, #ededed 0%, #dddddd 100%);
background: -ms-linear-gradient(top, #ededed 0%, #dddddd 100%);
background: linear-gradient(to bottom, #ededed 0%, #dddddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dddddd', GradientType=0 );
outline: none;
}

.box select.time-select {
margin-right: 7px;
}

.box select.month {
width: 76px;
}

.box select.date {
width: 82px;
}

.box select.year {
width: 98px;
margin-right: 0;
}

.box select.custom {
padding: 6px 15px;
}

.box select.custom-for-list {
padding-top: 5px;
padding-bottom: 5px;
width: 272px;
margin-bottom: 0px;
}

.box select.custom-for-list-vertical {
padding-top: 0px;
padding-bottom: 1px;
width: 272px;
margin-bottom: 0px;
}

.box select.number {
width: 52px;
margin-right: 10px;
padding: 6px;
}

.box select.category {
width: 248px;
margin-right: 30px;
padding: 6px;
}

.box textarea {
height: 100px;
margin-bottom: 15px;
padding: 9px;
border: 1px solid #929497;
background: #f7f7f7;
resize: none;
outline: none;
}

.box textarea.short {
width: 235px;
}

.box textarea.half {
width: 525px;
}

.box textarea.full {
width: 815px;
}

.box textarea.bottom {
margin-bottom: 0;
}

.box textarea.small {
height: 55px;
}

.box textarea:focus {
background: #ffffff;
}

.box .two-col td {
width: 50%;
}

.box .two-col .input-holder {
width: 400px;
}

.box .two-col input[type="text"] {
width: 270px;
outline: none;
}

.box .two-col input[type="password"] {
width: 270px;
outline: none;
}

.box .three-col td {
width: 33%;
}

.box .three-col .input-holder {
width: 250px;
}

.box .three-col .input-holder-wide-select {
width: 528px;
}

.box .three-col .input-holder-wide-label {
width: 250px;
}

.box .three-col .input-holder-small-label {
width: 250px;
}

.box .three-col input[type="text"] {
width: 123px;
}

.box .inner-box {
margin-bottom: 15px;
}

.box .input-holder {
padding: 5px 0;
border-bottom: 1px dotted #cccccc;
font-size: 0;
}

.box .input-holder-wide-label {
padding: 5px 0;
border-bottom: 1px dotted #cccccc;
font-size: 0;
}

.box .input-holder-wide-label-pad {
padding: 5px 0;
border-bottom: 1px dotted #cccccc;
font-size: 0;
}

.box .input-holder-wide-select {
padding: 5px 0;
border-bottom: 1px dotted #cccccc;
font-size: 0;
}

.box .input-holder-small-label {
padding: 5px 0;
border-bottom: 1px dotted #cccccc;
font-size: 0;
}

.box .input-holder label {
width: 122px;
font-size: 14px;
}

.box .input-holder-wide-label label {
width: 200px;
font-size: 14px;
}

.box .input-holder-wide-label-pad label {
padding-top: 5px;
width: 200px;
font-size: 14px;
}

.box .input-holder-wide-select label {
width: 122px;
font-size: 14px;
}

.box .input-holder-small-label label {
width: 122px;
font-size: 13px;
}

.box .input-holder input[type="text"] {
font-size: 14px;
}

.box .input-holder input[type="password"] {
font-size: 14px;
}

.box .box-lead {
margin-bottom: 15px;
color: #177DA9;
font-size: 14px;
font-weight: bold;
}

.box .box-lead .category {
margin-right: 15px;
color: #666666;
font-size: 14px;
}

.box .box-lead .value {
margin-right: 45px;
}

.box .form-input {
border: 1px solid #cccccc;
background: #f7f7f7;
}

.box .form-input:focus {
background: #ffffff;
}

.box .inner-box.col-wide {
width: 545px;
}

.box .inner-box.col-wide .inner-box {
width: 255px;
}

.box .inner-box.col-short {
width: 255px;
}

.box .searchBox {
font-size: 0;
}

.box .searchBox input[type="text"].form-input {
width: 155px;
padding: 7px;
border: 1px solid #929497;
font-size: 13px;
}

.box .searchBox .search-button {
padding: 8px 15px;
padding: 6px 15px\9;
border: none;
color: #ffffff;
background: #42b3e5;
font-size: 13px;
cursor: pointer;
margin-left:10px;
}

.box .label {
padding-top: 5px;
font-size: 14px;
}

.box .label.normal {
padding-top: 0;
}

.box .label.normal label {
margin-right: 10px;
}

.box .order-table {
margin-bottom: 10px;
border: 1px solid #7F7F7F;
font-size: 11px;
text-align: center;
}

.box .order-table a {
color:#42b3e5;
text-decoration: none;
}

.box .order-table a:hover {
color:#42b3e5;
text-decoration: underline;
}

.box .order-table tr {
border-bottom: 1px solid #7F7F7F;
}

.box .order-table th {
padding: 8px;
border-right: 1px solid #7F7F7F;
color: #ffffff;
background: #333333;
}

.box .order-table th a {
color: #ffffff;
}

.box .order-table td {
padding: 8px;
border-right: 1px solid #7F7F7F;
font-size:12px
}

.box .order-table button {
width: 100%;
padding: 4px 0;
border: none;
color: #ffffff;
background: #ffffff;
font-size: 12px;
cursor: pointer;
}

.box .order-table .grey {
background: #bababa;
cursor:default;
}

.box .order-table .green {
background: #4cb94c;
}

.box .order-table .orange {
background: #ff9933;
}

.box .order-table .red {
background: #cc0000;
}

.box .order-table .blue1 {
background: #42b3e5;
}

.box .order-table .blue2 {
background: #177da9;
}

.box .order-table .blue3 {
background: #3256a2;
}

.box .order-table .checkbox {
border-radius: 0;
border: 1px solid #7F7F7F;
background: #ffffff;
}

.box .pager-holder .display-option {
float: left;
}

.box .pager-holder .number-label {
font-size: 10px;
}

.box .pager-holder .pager {
float: right;
font-size: 12px;
}

.box .pager-holder .page.active {
border: 1px solid #929497;
}

.box .pager-holder .page.active a {
color: #336699;
}

.box .pager-holder .page a {
padding: 5px;
color: #1D1D1B;
text-decoration: none;
}

/* ------------------------------------------------------
## button-box
```
```
*/
.button-box {
margin-bottom: 20px;
padding-bottom: 25px;
border-bottom: 1px dotted #cccccc;
font-size: 0;
}

.button-box button {
margin-right: 20px;
padding: 10px 25px;
border: none;
color: #ffffff;
background: #ffffff;
font-size: 14px;
cursor: pointer;
}

.button-box button:last-child {
margin-right: 0;
}

.button-box.bigger {
border-bottom: 2px solid #cccccc;
}

.button-box.bigger button {
margin-bottom: 20px;
font-size: 26px;
font-weight: bold;
}

.button-box.linedup button {
margin-right: 32px;
font-size: 20px;
}

.button-box.linedup button.last {
margin-right: 0;
}

.button-box.linedup .short {
width: 230px;
}

.button-box.linedup .long {
width: 300px;
}

.button-box .blue1 {
background: #42b3e5;
}

.button-box .blue2 {
background: #177da9;
}

.button-box .blue3 {
background: #3256a2;
}

.button-box .green {
background: #4cb94c;
}

.button-box .orange {
background: #ff9933;
}

.button-box .red {
background: #cc0000;
}

/* ------------------------------------------------------
## button-box
```
```
*/
.text-box p {
font-size: 12px;
margin-bottom: 20px;
}

.text-box p.bigger {
font-size: 14px;
}

.text-box .inner-box {
border-bottom: 1px dotted #cccccc;
}

.text-box .two-col p {
width: 400px;
}

.text-box .two-col p:nth-child(odd) {
float: left;
}

.text-box .two-col p:nth-child(even) {
float: right;
}

.text-box .three-col {
margin-bottom: 0;
border-bottom: none;
}

.text-box .three-col p {
width: 252px;
margin-right: 30px;
}

.text-box .three-col p:last-child {
margin-right: 0;
}

.paging_full_numbers a {
text-decoration: none
}

.paging_full_numbers span.paginate_active.paginate_button a:hover {
text-decoration: none;
}

.paging_full_numbers span.paginate_button a:hover {
text-decoration: underline;
}

.paging_full_numbers span.paginate_active.paginate_button a{
border: 1px solid #aaa;
padding: 1px 5px;
margin: 0 3px;
color: -webkit-link;
}

.paging_full_numbers span.paginate_button a{
color: #000;
}

.paging_full_numbers span.prev a,
.paging_full_numbers span.next a{
color: #000;
}

.submit_green {
width: 100%;
padding: 8px 16px;
border: none;
color: #ffffff;
font-size: 24px;
cursor: pointer;
background: #4cb94c;
}

.submit_red {
width: 100%;
padding: 8px 16px;
border: none;
color: #ffffff;
font-size: 24px;
cursor: pointer;
background: #cc0000;
}

.submit_blue3 {
width: 100%;
padding: 8px 16px;
border: none;
color: #ffffff;
font-size: 24px;
cursor: pointer;
background: #3256a2;
}

.submit_orange {
width: 100%;
padding: 8px 16px;
border: none;
color: #ffffff;
font-size: 24px;
cursor: pointer;
background: #ff9933;
}

.mypage_steps{
margin-bottom:20px;
font-size:0;
list-style:none;
padding-bottom:10px;
border-bottom:1px dotted #cccccc
}

.mypage_steps .mypage_steps_item.active{
position:relative;
margin-right:14px;
padding:6px 15px;
color:#fff;
background:#42b3e5;
font-size:12px;
display:inline-block;
vertical-align:top
}

.mypage_steps .mypage_steps_item{
position:relative;
margin-right:14px;
padding:6px 15px;
color:#fff;
background:#cccccc;
font-size:12px;
display:inline-block;
vertical-align:top
}

.mypage_steps .righ_arrow.active{
position:absolute;
top:0;
right:-14px;
display:block;
width:0;
height:0;
border-top:transparent solid 14px;
border-bottom:transparent solid 14px;
border-left:14px solid #42b3e5
}

.mypage_steps .righ_arrow{
position:absolute;
top:0;
right:-14px;
display:block;
width:0;
height:0;
border-top:transparent solid 14px;
border-bottom:transparent solid 14px;
border-left:14px solid #cccccc
}

.mypage_steps .mypage_steps_item.last{
margin-right:0
}

.line_before_next_button {
  color: #ffffff; /* 線の色(IE用) */
  background-color: #ffffff; /* 線の色(NN用) */
  height: 0px; /* 線の太さ */
  border: 1px; /* 枠の太さ */
  border-style: dotted; /* ドットライン */
  border-color: #cccccc;
  margin-top:10px;
  margin-bottom:20px;
}

.pickup_location_info tr{
border-bottom: 1px solid #7F7F7F
}

.l-main-contents .message {
color: #4cb94c;
font-size: 20px;
font-weight: bold;
margin-bottom: 20px;
}

.inner-box.mb-0 label {
margin-right:10px
}

.inner-box.mb-0 .radio_button label {
margin-left:10px;
margin-right:0px
}

.add_card_blue3 {
width: 100%;
padding: 8px 16px;
border: none;
color: #ffffff;
font-size: 12px;
cursor: pointer;
background: #3256a2;
}

.line_between_vertical_button {
  color: #ffffff; /* 線の色(IE用) */
  background-color: #ffffff; /* 線の色(NN用) */
  height: 0px; /* 線の太さ */
  border: 0px; /* 枠の太さ */
  border-style: dotted; /* ドットライン */
  border-color: #cccccc;
  margin-top:6px;
  margin-bottom:6px;
}

.line_between_vertical_text {
  color: #ffffff; /* 線の色(IE用) */
  background-color: #ffffff; /* 線の色(NN用) */
  height: 0px; /* 線の太さ */
  border: 0.5px; /* 枠の太さ */
  border-style: solid; /* ドットライン */
  border-color: black;
  margin-top:6px;
  margin-bottom:6px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;   /* prevent horizontal scrollbar */
    overflow-x: hidden; /* add padding to account for vertical scrollbar */
    z-index:1000 !important;
}