body {
  font-family: Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  background-color: #fff;
  line-height: 150%;
  color: #333;
}

hr{
  border: 1px solid #e8e8e8;
  margin: 20px 0px 20px 0px;
}

a { text-decoration: none; }
a:link { color: #84b70e; }
a:visited { color: #84b70e; }
a:hover { color: #84b70e; }
a:active { color: #84b70e; }

#latest_term {
  color: #212121;
}
#latest_term.term {
  font-size: 1rem;
  font-weight: bold;
  line-height: 150%;
  vertical-align: baseline
}
#latest_term.term .time {
  vertical-align: baseline;
  font-size: 85%;
}

.red{
  color: #D0011B;
}

.campaign {
  margin-top: 60px;
  background-color: #FF6B06;
  background-image: url(img/top1.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: 100% auto;
  padding-top: 127%;
}
.campaign.period1 {
  background-color: #FF6B06;
  background-image: url(img/top1.jpg);
}
.campaign.period1 .box .subject {
  background-color: #6C3F21;
}
.campaign.period2 {
  background-color: #186D6B;
  background-image: url(img/top2.jpg);
}
.campaign.period2 #latest_term {
  color: #FFF;
}
.campaign.period2 .box .subject {
  background-color: #DC0000;
}
.campaign.period3 {
  background-color: #0086E0;
  background-image: url(img/top3.jpg);
}
.campaign.period3 #latest_term {
  color: #000;
}
.campaign.period3 .box .subject {
  background-color: #E4C600;
}
.campaign.period4 {
  background-color: #FBBB01;
  background-image: url(img/top4.jpg);
}
.campaign.period4 .box .subject {
  background-color: #D72929;
}

.campaign .app_link {
  width: 90%;
  margin: 0 auto;
}
.campaign .app_link img.btn {
  width: 100%;
}
.campaign .app_link.latest {
  width: 85%;
  margin-bottom: 10px;
}

.campaign .app_txt {
  display: none;
  padding-top: 30px;
}
.campaign .app_txt img.obi {
  width: 100%;
}

.campaign .download_txt {
  text-align: center;
  font-size: 0;
  line-height: 0;
  background-color: #fff;
}
.campaign .download_txt img {
  width: 90%;
}

.campaign .download_app {
  padding: 15px 0 0 0;
}
.campaign .download_app a:link { color: #000; }
.campaign .download_app a:visited { color: #000; }
.campaign .download_app a:hover { color: #000; }
.campaign .download_app a:active { color: #000; }
.campaign .download_app .store_link p {
  font-size: 0.9rem;
}
.campaign .download_app_area {
  display: none;
}
.campaign .download_app_area.with_latest_term {
  padding-top: 10px;
}

.campaign .footer {
  background-color: #f6c122;
  padding: 10px 0;
}
.campaign .footer p {
  color: #fff;
  font-size: .65rem;
}

.period {
  height: 61px;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
}
.period.no1 {
  background-image: url(img/no1.png);
}
.period.no2 {
  background-image: url(img/no2.png);
}
.period.no3 {
  background-image: url(img/no3.png);
}
.period.no4 {
  background-image: url(img/no4.png);
}

.box {
  margin: 20px 15px;
  background-color: #fff;
  border-radius: 8px 8px;
  box-shadow: 0 3px 3px 1px rgba(0,0,0,0.3);
  text-align: center;
}
.box .subject {
  border-radius: 8px 8px 0 0;
  background-color: #ff9044;
  color: #fff;
  padding: 10px 0;
  font-size: 1.1rem;
  font-weight: bold;
}
.box .body {
  background-color: #fff;
  padding: 30px 25px 15px 25px;
  position: relative;
}
.box .body.with_award {
  border-bottom: 1px solid #EAEAE1;
}
.box .body.last_award {
  border-bottom: 1px solid #999;
}
.box .body img {
  width: 100%;
  height: auto;
}
.box .body .closed_tearm {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  box-sizing: border-box;
}
.box .body .closed_tearm .message {
  display: flex;
  height: 100%;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.box .body .closed_tearm .message p {
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}
.box .body.app_link {
  padding: 0 10px !important;
}
.box .body.app_txt {
  padding: 5px 0 0 0 !important;
  line-height: 0;
}
.box .body.download_app {
  padding: 10px 0 0 0 !important;
}
.box .body.yellow {
  background-color: #fffdeb;
}
.box .body.orange, .bg_orange {
  background-color: #ff6b06;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  padding: 10px 0 !important;
}
.box .footer {
  padding: 0;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  min-height: 1em;
  line-height: 100%;
}
.box .footer.yellow {
  background-color: #fffdeb;
}
.box .footer.closed_tearm {
  background-color: #999;
}
.box .term {
  background-color: #fff;
  border: 2px solid #eddd74;
  border-radius: 6px;
  margin: 5px 0 10px 0;
  font-size: .85rem;
  font-weight: bold;
  line-height: 150%;
  padding: 6px 0px;
  vertical-align: baseline
}
.box .term .time {
  vertical-align: baseline;
  font-size: 85%;
}

.box .award {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.box .award .thumbnail {
  flex-basis: 40%;
  height: auto;
  background-repeat: no-repeat;
  background-position: top;
  background-size: contain;
  height: 120px;
}
.box .award .thumbnail.no1 {
  background-image: url(img/award1.png);
}
.box .award .thumbnail.no2 {
  background-image: url(img/award2.jpg);
}
.box .award .thumbnail.no2.secret {
  background-image: url(img/award2_secret.png);
}
.box .award .thumbnail.no3 {
  background-image: url(img/award3.jpg);
}
.box .award .thumbnail.no3.secret {
  background-image: url(img/award3_secret.png);
}
.box .award .thumbnail.no4 {
  background-image: url(img/award4.png);
}
.box .award .thumbnail.no4.secret {
  background-image: url(img/award4_secret.png);
}
.box .award .detail {
  flex-basis: 58%;
  text-align: left;
}
.box .award .detail .catch {
  font-size: .9rem;
  line-height: 150%;
  font-weight: bold;
  color: #ff6b06;
  margin: 0 0 1px 0;
}
.box .award .detail .name {
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
  line-height: 0;
  padding-top: 4px;
  /* height: 80px; */
}
/* .box .award .detail .name.no1 {
  background-image: url(img/award_name1.png);
}
.box .award .detail .name.no2 {
  background-image: url(img/award_name2.png);
}
.box .award .detail .name.no2.secret {
  background-image: url(img/award_name2_secret.png);
}
.box .award .detail .name.no3 {
  background-image: url(img/award_name3.png);
}
.box .award .detail .name.no3.secret {
  background-image: url(img/award_name3_secret.png);
}
.box .award .detail .name.no4 {
  background-image: url(img/award_name4.png);
}
.box .award .detail .name.no4.secret {
  background-image: url(img/award_name4_secret.png);
} */
.box .award .detail .number_of_winners {
  background-color: #fff;
  text-align: center;
  min-width: 5em;
  display: inline-block;
  border-radius: 30px;
  border: 2px solid #eddd74;
  padding: 2px 30px;
  font-size: .9rem;
  font-weight: bold;
  /* margin-top: 6px; */
}
.box .attention {
  text-align: left;
  font-size: .8rem;
  line-height: 150%;
}
.box .message {
  color: #f00;
  text-align: left;
}

.box.latest {
  margin: 20px 15px;
  background-color: #fff;
  border-radius: 8px 8px;
  box-shadow: 0 3px 3px 1px rgba(0,0,0,0.3);
  text-align: center;
}
.box.latest .subject {
  background-color: #fff;
  height: 10px;
  font-size: 0;
  line-height: 0;
  padding: 0;
}
.box.latest .body {
  padding: 5px 15px 20px 15px;
}

.box.campaigns .body {
  padding: 15px;
}

.box.check .body {
  padding: 20px 0;
}
.box.check .body .topic {
  width: 78%;
  margin: 0 auto;
  padding-bottom: 20px;
}
.box.check .body .topic img {
  width: 100%;
}
.box.check .body img.menu {
  width: 80%;
  padding-left: 5%;
  margin-top: 10px;
}
.box.check .body p {
  font-size: 1rem;
}

.box.terms .body {
  padding: 25px 24px 0 31px;
}
.box.terms .body a:link { color: #1189E3; }
.box.terms .body a:visited { color: #1189E3; }
.box.terms .body a:hover { color: #1189E3; }
.box.terms .body a:active { color: #1189E3; }

.box.terms .body ul {
  list-style: disc;
  text-align: left;
}
.box.terms .body ul li {
  font-size: .9rem;
  margin-bottom: 10px;
  line-height: 150%;
}

.box.winning_announcement .body {
  padding: 25px 24px 0 31px;
}
.box.winning_announcement .body ul {
  text-align: left;
  list-style: disc;
}
.box.winning_announcement .body ul li {
  font-size: .9rem;
  margin-bottom: 10px;
}
.box.winning_announcement .body ul li .attention {
  font-size: .8rem;
}

.box.au_pay_market .body {
  padding: 20px 25px 0 25px;
}
.box.au_pay_market .body img.logo {
  width: 90%;
  height: auto;
  margin: 10px 0 8px 0;
}
.box.au_pay_market .body .about {
  font-size: .9rem;
  text-align: left;
  margin-bottom: 20px;
  line-height: 150%;
}
.box.au_pay_market .body #au_pay_market_banner img {
  width: 80%;
  height: auto;
}

.icon_hand {
  width: 67px;
  height: 76px;
  position: absolute;
  top: 0;
  right: -2%;
}
.icon_hand img {
  width: 100%;
}