@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: 10px 0 0;
  padding: 0;
}

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

.campaign-content img {
  max-width: 100%;
}


/* ========== structure ========== */
#jbk-frame-main .frame-content {
  padding-right: 0;
  padding-left: 0;
}

.campaign-content {
  background-color: #ffffff;
  color: #333333;
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 110%;
  line-height: 1.5;
  padding: 0 10px 20px;	
}

.campaign-content h1.campaign-header {
  margin-right: -10px;
  margin-left: -10px;
}

.campaign-content h1,
.campaign-content h2,
.campaign-content h3,
.campaign-content h4 {
  font-family: "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 110%;
}

.campaign-content h3,
.campaign-content h4 {
  margin-bottom: 5px;
}

.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%;
  margin-top: 30px;
}

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

.campaign-content img.full-width {
  width: 100%;
}

.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.125em;
}

/* ========== components ========== */
/* ----- campaign-close ----- */
.campaign-content .campaign-close {
  background-color:#F5F5F5;
  color: #ca0000;
  border-radius:5px 5px 5px 5px;
  margin: 0 -10px;
  padding: 10px;
}

.campaign-content .campaign-close p {
  background: url(/sp/images/icon_attention2.png) no-repeat 0 0.1em;
  color: #d80042;
  font-size: 67.5%;
  margin: 0;
  padding-left: 20px;
}

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

/* ----- important-notice ----- */
.campaign-content .important-notice {
  margin-top: 20px;
}

/* ----- campaign-button ----- */
.campaign-content .campaign-button li {
  list-style: none;
  margin-top: 20px;
}

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

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

/* ----- campaign-linkList ----- */
.campaign-content .campaign-linkList {
  border-bottom: #c9c9c9 solid 2px;
  margin: 20px -10px;
}

.campaign-content .campaign-linkList li {
  background-color: #e2e2e2;
  border-top: #c9c9c9 solid 2px;
  list-style: none;
}

.campaign-content .campaign-linkList li a {
  color: #535252;
  display: block;
  padding: 15px 15px 15px 43px;
  position: relative;
  text-align: left;
  text-decoration: none;
}

.campaign-content .campaign-linkList li a:before {
  background-image: url(/assets/img/marker_01_@2x.png);
  background-repeat: no-repeat;
  background-size: auto 18px;
  content: "";
  height: 100%;
  position: absolute;
    top: 17px;
    left: 18px;
  width: 18px;
}

/* ----- campaign-outline ----- */
.campaign-content .campaign-outline {
  border-bottom: #e0e0e0 solid 1px;
  margin: 20px -10px 0;
  padding: 0 10px 10px;
}

.campaign-content .campaign-outline h2 {
  border-color: #c9c9c9;
  border-style: solid;
  border-width: 2px 0;
  color: #474747;
  margin: 0 -10px;
  padding: 5px 10px;
}

.campaign-content .campaign-outline h3 {
  background-color: #f7f7f7;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 0;
  margin: 15px -10px;
  padding: 10px;
}

/* ----- 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: 112.5%;
}

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

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

.campaign-content .currencies tbody th img.icon-flag {
  margin-right: 5px;
  width: 50px;
}
.campaign-content .currencies tbody th span.img-caption {
  display: block;
  margin-top: 5px;
}
.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.25em;
    left: 0;
  width: 12px;
}

/* ----- attentions ----- */
.campaign-content #attentions {
  border: #cc0000 solid 2px;
  margin: 20px -10px 0;
  padding: 10px;
}

.campaign-content #attentions h3 {
  background-color: #e50000;
  color: #ffffff;
  font-size: 125%;
  margin: -10px -10px 10px;
  padding: 10px;
}


/* ========== set controls ========== */
/* ----- link ----- */
.campaign-content .campaign-linkList 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 {
  color: #e50000;
}

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

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