/************************************************* 
 * ------------------------------------------------
 *  マイアカウント画面 CSS
 * ------------------------------------------------
 **************************************************/

/* ------------------------------------- 
 * ページ背景色（全体）
 * ページ背景画像（全体）
 * フォント色（全体）
 * フォントサイズ（全体）
 ------------------------------------- */

body {
  margin:0;
  font-size:12px;
  line-height:1.6;
  font-family:font-family:"メイリオ", Meiryo, verdana, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

tr,td,th,div,font {
  font: 12px/130% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  color:#333333;
}

form {
  margin: 0px;
  padding: 0px;
}

img {
  border:0px;
}


/* ------------------------------------- 
 *  リンクの文字/通常時(link,visited,active)
 *  リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a{color:#46adf0;text-decoration:none;border:none;}
a:hover{background:#0b2b73;color:#fff;text-decoration:none;border:none;}


/* design css------------------------------------------ */

.base01 {
  background-color:#FFF;
}

.base02 {
  background-color:#FFF;
}


/* ------------------------------------- 
 *  テーブルの背景色と文字色
 * ------------------------------------- */
.table1 {
  background-color:#ccc;
}

.CELL_1_C {
  color: #333333;
  background-color:#F5F5F5;
  text-align:center;
}

.CELL_1_L {
  color: #333333;
  background-color:#F5F5F5;
  text-align:left;
  padding-left: 10px;
}

.CELL_1_R {
  color: #333333;
  background-color:#F5F5F5;
  text-align:right;
  padding-right: 10px;
}

.CELL_2 {
  color: #333333;
  background-color:#FFFFFF;
}


/* ------------------------------------- 
 *  注意書き１の文字色
 * ------------------------------------- */
.note {
  font-size: 10px;
  font-weight: bolder;
  color: #0b2b73;
}

/* ------------------------------------- 
 *  注意書き２の文字色
 * ------------------------------------- */
.note2 {
  font-size: 10px;
  color: #0b2b73;
}

/* ------------------------------------- 
 *  タイトルエリアの背景色
 * ------------------------------------- */
.title_area {
  border-color:#d3a880;
}

/* ------------------------------------- 
 *  タイトルエリアの背景色
 * ------------------------------------- */
.title_area {
  border-color:#d3a880;
}

/* ------------------------------------- 
 *  タイトルのショップ名の文字サイズと文字色
 * ------------------------------------- */
.shop_title {
  display:block;
  width:410px;
  height:98px;
  margin:0 auto;
  padding:0;
  text-indent:-9999px;
  overflow:hidden;
  background:url(https://file001.shop-pro.jp/PA01123/196/common/shop_title.png) no-repeat left top;
  background-size: 410px auto !important;
}

/* ------------------------------------- 
 *  メッセージ表示域の設定
 * ------------------------------------- */
.info {
  width:600px!important;
  margin: 15px auto;
  color: #0b2b73;
  text-align: left;
  font-weight:bold;
}
  
/* ------------------------------------- 
 *  会員ログインページのメッセージ表示域の設定
 * ------------------------------------- */
.members_info {
  padding: 5px 10px;
  margin: 15px auto;
  color: #0b2b73;
  text-align: left
}

/* ------------------------------------- 
 *  エラー表示域の設定
 * ------------------------------------- */
.errorbox {
  padding: 5px 10px;
  margin: 15px auto;
  color: #0b2b73;
  background-color: #FFFF99;
  text-align: left
}

/* ------------------------------------- 
 *  標準枠の設定
 * ------------------------------------- */
.sub {
  width:100%!important;
  padding:5px 0 0 0!important;
}

/* ------------------------------------- 
 *  商品合計金額の文字色
 * ------------------------------------- */
.prod_total {
  color:#0b2b73;
  font-weight: bold;
}

/* ------------------------------------- 
 *  手数料の文字色
 * ------------------------------------- */
.sub_charge {
  color: #0b2b73;
  font-weight: bold;
}

/* ------------------------------------- 
 *  総合計の文字色
 * ------------------------------------- */
.all_total {
  color: #0b2b73;
  font-weight: bold;
}

/* ------------------------------------- 
 *  使用ポイントの文字色
 * ------------------------------------- */
.point_discon {
  color: red;
  font-weight: bold;
}
  
.copyright{
  background:#0b2b73;
  color:#fff!important;
  margin:0;
  padding:20px 0!important;
  text-align:left;
}

.copyright a{color:#fff;text-decoration:underline;}
.copyright a:hover{color:#fff;}


/* ---- 767px > ---- */

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

.shop_title {
  width:80%;
  height:0;
  margin: 0 10%;
  padding:19% 0 0;
  background:url(https://file001.shop-pro.jp/PA01123/196/common/shop_title.png) no-repeat left top;
  background-size: 100% auto !important;
}
  
}