@charset "utf-8";

/* ========== reset ========== */
.campaign-content h1,
.campaign-content h2,
.campaign-content h3,
.campaign-content h4,
.campaign-content p,
.campaign-content ul,
.campaign-content li,
.campaign-content dl,
.campaign-content dt,
.campaign-content dd,
.campaign-content table {
  margin: 30px 0 0;
  padding: 0;
}

.campaign-content dd,
.campaign-content li {
  margin: 0;
}


/* ========== structure ========== */
.campaign-content {
  color: #333333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 88.89%; /* 16px */
  line-height: 1.5;
}

.campaign-content h1.campaign-header {
  margin: -30px -54px 20px;
}

.campaign-content #kinriup {
  margin: 0 -16px;
}

.campaign-content h1,
.campaign-content h2,
.campaign-content h3,
.campaign-content h4 {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.campaign-content h3,
.campaign-content h4 {
  font-size: 100%;
}

.campaign-content table {
  border-spacing: 0;
  width: 100%;
}

.campaign-content .c-btnGroup-01 a {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.campaign-content .c-linkList-01 li {
  margin-top: 5px;
}


/* ========== general components ========== */
.campaign-content .catch{
  font-size: 112.5%;
}

.campaign-content .flat {
  margin-top: 0 !important;
}

.campaign-content .campaign-noteList li {
  list-style: none;
  margin-left: 1em;
  text-indent: -1em;
}
.campaign-content .campaign-noteList > li > ul > li {
  text-indent: 0;
  margin-left: 0;
}
.campaign-content .campaign-noteList-02 > li {
  background: url(../img/ico_note.gif) no-repeat 0 0.18em;
  list-style: none;
  padding-left: 20px;
}

.campaign-content .campaign-noteList-02 > li .c-linkList-01 {
  margin-bottom: 5px;
}
.campaign-content .campaign-noteList-03 > li {
  margin-left: 1.2857142857142858em;
}
/* ========== components ========== */
/* ----- campaign-close ----- */
.campaign-content .campaign-close {
  border: 3px solid #CA0000;
  color: #CA0000;
  font-size: 87.5%;
  margin: -30px -54px 50px;
  padding: 10px;
}

.campaign-content .campaign-close p {
  background: url(/pc/resources_shared/images/icn_caution.gif) no-repeat 0 0.1em;
  margin: 0;
  padding-left: 20px;
}

/* ----- lead-notice ----- */
.campaign-content .lead-notice {
  border: 2px solid #e50000;
  margin-top: 20px;
  padding: 10px 30px;
}

/* ----- important-notice ----- */

/* ----- campaign-button ----- */
.campaign-content .campaign-button {
  margin-right: auto;
  margin-left: auto;
  width: 640px;
}

.campaign-content .campaign-button li {
  float: left;
  list-style: none;
}

.campaign-content .campaign-button li + li {
  margin-left: 40px;
}

/* ----- mail-entry ----- */
.campaign-content .mail-entry {
  background-color: #ffeedc;
  margin: 30px auto 10px;
  padding: 20px;
  width: 640px;
}

.campaign-content .mail-entry h4,
.campaign-content .mail-entry dl,
.campaign-content .mail-entry dt {
  margin-top: 20px;
}

/* ----- campaign-outline ----- */
.campaign-content .campaign-outline {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0 0 2px;
  margin: 0;
}

.campaign-content .campaign-outline > tbody > tr > th,
.campaign-content .campaign-outline > tbody > tr > td {
  border-color: #cccccc;
  border-style: solid;
  border-width: 0 2px;
  padding: 18px 38px;
  vertical-align: top;
}

.campaign-content .campaign-outline > tbody > tr.odd > th,
.campaign-content .campaign-outline > tbody > tr.odd > td {
  background-color: #f4f4f4;
}

.campaign-content .campaign-outline > tbody > tr > td > * {
  margin-top: 10px;
}

.campaign-content .campaign-outline > tbody > tr > td > *:first-child,
.campaign-content .campaign-outline > tbody > tr > td dt {
  margin-top: 0;
}

/* ----- currencies ----- */
.campaign-content .currencies {
  border-bottom: 1px solid #d4d5d5;
}

.campaign-content .currencies th,
.campaign-content .currencies td {
  border-top: 1px solid #d4d5d5;
  padding: 16px 0;
  text-align: center;
}

.campaign-content .currencies th {
  font-size: 87.5%;
}

.campaign-content .currencies td {
  font-size: 137.5%;
}

.campaign-content .currencies thead th {
  background-color: #eeeeee;
  padding: 20px 0;
}

.campaign-content .currencies tbody th {
  background-color: transparent;
  padding-left: 70px;
  text-align: left;
}

.campaign-content .currencies tbody th img.icon-flag {
  margin-right: 5px;
  width: 50px;
}

.campaign-content .currencies .flow-after em {
  color: #eb7000;
  display: block;
  font-size: 125%;
  position: relative;
}

.campaign-content .currencies .flow-after em:before {
  background: url(/assets/img/arrows_01_@2x.png) no-repeat -132px 0;
  content: "";
  display: block;
  height: 20px;
  position: absolute;
    top: 0.4em;
    left: 0;
  width: 12px;
}

/* ----- attentions ----- */
.campaign-content #attentions {
  border: #e50000 solid 1px;
  border-radius: 10px;
  margin: 30px 0 0;
  padding: 30px 40px;
}

.campaign-content #attentions h3 {
  font-size: 125%;
}

.campaign-content #attentions p,
.campaign-content #attentions ul {
  margin-top: 20px;
}


/* ========== set controls ========== */
/* ----- link ----- */
.campaign-content .campaign-button a:hover {
  opacity: 0.7;
}

/* ----- text ----- */
.campaign-content .currencies th,
.campaign-content .currencies .flow-before em {
  font-weight: normal;
}

.campaign-content h1,
.campaign-content h2,
.campaign-content h3,
.campaign-content h4,
.campaign-content .campaign-close,
.campaign-content .currencies .flow-after em {
  font-weight: bold;
}

/* ----- color ----- */
.campaign-content .campaign-noteList li.highlight,
.campaign-content #attentions h3 {
  color: #e50000;
}

/* ----- align ----- */
.campaign-content .important-notice {
  text-align: center;
}

/* ----- clear-fix ----- */
.campaign-content .campaign-button:after {
  clear: both;
  content: "";
  display: block;
}