/* キャンペーンの説明部分 */
.entry-content div.campaign-content-main {
  border: solid 2px #dfe5e7; /* ページに即した色に */
  background-color: #ffffff; /* ページに即した色に */
  border-radius: .3em; /* デフォルト値は 5px */
  font-size: 1rem; /* デフォルト値は 1.2rem; */
  padding: .6em 3%; /* デフォルト値は padding: 10px 1.5em; */
  margin: 1em 0; /* デフォルト値は設定なし */
  word-wrap: break-word;
}

.entry-content div.campaign-content-main p.campaign-keyword strong {
  color: #000000; /* ページに即した色に */
}

.caution {
  font-size: .85rem;
}

/* ブラウザ幅が広いとき概要のフォントサイズを大きくする */
@media (min-width: 600px) {
  .entry-content div.campaign-content-main {
    font-size: 1.2em;
    padding: 10px 1.5em;
  }
  .entry-content div.campaign-content-main p.campaign-keyword strong {
    font-size: 2rem;
  }
  .entry-content h3 {
    margin-top: 2.5em;
  }
}

/* 結果発表をしたときに使うクラス */
.entry-content div.campaign-content-added {
  border: solid 2px #F17C64;
  border-radius: 5px;
  padding: 10px 1.5em;
  margin: 2em 0;
}

/* デフォルトのボタンは使わない */
#requirement-and-entries > div.entry-content > div.campaign-entry-button-container {
  display: none;
}

/* 独自キャンペーンエントリーボタンの配置 */
.campaign-description .campaign-entry-button-container {
  margin: 1em 0;
}
@media (min-width: 600px) {
  .campaign-description .campaign-entry-button-container {
    margin: 2.5em 0;
  }
}

/* 独自キャンペーンエントリーボタンのスタイル */
.campaign-entry-button button.btn {
  font-size: 1.5rem;
  border-radius: .3em;
}

/* はてなブロガー紹介 */
.campaign-profile-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin: 2em 5%;
}
.campaign-profile-item {
    text-align: center;
    margin-bottom: 2em;
    box-sizing: border-box;
}
.campaign-profile-item .campaign-profile-title {
    font-weight: bold;
}
.campaign-profile-content .campaign-profile-name {
    margin: .5em auto;
}
.campaign-profile-item p {
    text-align: left;
    line-height: 1.5;
}
.campaign-profile-item a {
    color: #969696;
}
.campaign-profile-image {
    width: 150px;
    border-radius: .4em;
}
@media (min-width: 600px) {
    .campaign-profile-items {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .campaign-profile-item {
        width: 48%;
        margin-bottom: 0;
    }
}

/* キャンペーンのプレゼント画像 */
.campaign-gift-items {
    margin: 2em auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.campaign-gift-items > div {
    width: 50%;
}
.campaign-gift-items img {
    width: 100%;
    display: block;
}
@media (min-width: 600px) {
    .campaign-gift-items {
        flex-wrap: nowrap;
    }
    .campaign-gift-items > div {
        width: auto;
    }
}

/* 誘導リンク */
.induction {
  margin: 2em 3%;
  background-color: #fffaf0;
  border: solid 5px #ccb47a;
  font-weight: bold;
  font-size: large;
  border-radius: 10px;
}
.induction a {
  display: table;
  padding: 1em 2em;
  box-sizing: border-box;
  width: 100%;
  text-decoration: none;
  vertical-align: middle;
  color: #daa520;
}
.entry-content .induction a:visited {
  color: #daa520;
}
.entry-content .induction a:hover {
  color: #faebd7;
  text-decoration: none;
  background-color: #ccb47a;
}