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

@import "//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css";

/*リセット*/
* {
    margin: 0; padding: 0;
}
body, div, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, td, img, form {
    font-style: normal;
    list-style-type: none;
    border: none;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a, img {
    text-decoration: none;
    border: none;
}
.ui-datepicker{
    z-index: 999999999 !important;
}
/*クリアフィックス*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*.clearfix {
    display: inline-block;
    }
*/

/*ベースＣＳＳ*/
.clear { clear: both;}

.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}
.auto { margin-left: auto; margin-right: auto;}
.auto_l { margin-left: auto;}
.auto_r { margin-right: auto;}

.float_l { float:left;}
.float_r { float:right;}

/*----------- color ---------*/
.red { color: red;}
.blue { color: blue;}
.green { color: green;}
.yellow { color: yellow;}
.orange { color: orange;}
.pink { color: pink;}
.white { color: white;}
.black { color: black;}
.gray, .grey { color: gray;}
.gray3, .grey3 { color: #333;}
.gray6, .grey6 { color: #666;}
.gray9, .grey9 { color: #999;}
.grayc, .greyc { color: #ccc;}

/*----------- font ---------*/
.fs9  { font-size: 9px;}
.fs10 { font-size: 10px;}
.fs11 { font-size: 11px;}
.fs12 { font-size: 12px;}
.fs14 { font-size: 14px;}
.fs18 { font-size: 18px;}
.fs20 { font-size: 20px;}
.fs24 { font-size: 24px;}
.fs30 { font-size: 30px;}
.bold { font-weight: bold;}

/*----------- margin ---------*/
.mt0  { margin-top: 0px;}
.mt5  { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt50 { margin-top: 50px;}
.mt100 { margin-top: 100px;}

.mb0  { margin-bottom: 0px;}
.mb5  { margin-bottom: 5px;}
.mb10 { margin-bottom: 10px;}
.mb15 { margin-bottom: 15px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb100 { margin-bottom: 100px;}

.ml0  { margin-left: 0px;}
.ml5  { margin-left: 5px;}
.ml10 { margin-left: 10px;}
.ml15 { margin-left: 15px;}
.ml20 { margin-left: 20px;}
.ml30 { margin-left: 30px;}
.ml40 { margin-left: 40px;}
.ml50 { margin-left: 50px;}
.ml100 { margin-left: 100px;}

.mr0  { margin-right: 0px;}
.mr5  { margin-right: 5px;}
.mr10 { margin-right: 10px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mr30 { margin-right: 30px;}
.mr40 { margin-right: 40px;}
.mr50 { margin-right: 50px;}
.mr100 { margin-right: 100px;}

/*----------- padding ---------*/
.pt0  { padding-top: 0px;}
.pt5  { padding-top: 5px;}
.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}

.pb0  { padding-bottom: 0px;}
.pb5  { padding-bottom: 5px;}
.pb10 { padding-bottom: 10px;}
.pb15 { padding-bottom: 15px;}
.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}

.pl0  { padding-left: 0px;}
.pl5  { padding-left: 5px;}
.pl10 { padding-left: 10px;}
.pl15 { padding-left: 15px;}
.pl20 { padding-left: 20px;}
.pl30 { padding-left: 30px;}
.pl40 { padding-left: 40px;}
.pl50 { padding-left: 50px;}

.pr0  { padding-right: 0px;}
.pr5  { padding-right: 5px;}
.pr10 { padding-right: 10px;}
.pr15 { padding-right: 15px;}
.pr20 { padding-right: 20px;}
.pr30 { padding-right: 30px;}
.pr40 { padding-right: 40px;}
.pr50 { padding-right: 50px;}



/* ---- その他共通デザイン ---- */
span.hidden-ct {
    position: relative;
    color: #999;
    font-size: 0.88em;
}
span.hidden-ct:before {
    content: "\f070";
    margin-right: -5px;
    width: 1em;
    height: 1em;
    font-family: "fontAwesome";
    font-size: 1.2em;
}
.easybuyErrorItem {
    background-color: #ffaeae;
}
.errorMessage {
    color: #ff0000;
    font-size: 12px;
    padding: 20px;
    text-align: left;
}

/* ---- マイページのカード登録フォーム ---- */
#creditForm {
    position: relative;
}
#creditForm table {
    transition: all 0.6s;
}
#creditForm table.fade {
    opacity: 0.1;
}
#loaderCredit {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: opacity 0.3s;
}
#loaderCredit::after {
    content: url(/themes/simple_02/p/images/loader.gif);
}