@charset "Shift_JIS";

/**********************************************
** Site Name: AFRo
** Site URI: http://www.a-fro.jp/
** Description: 未ログイン プログラム詳細
** Author: a-yamamoto
** Last Update: 2018/09/12
** Updater: a-yamamoto
**********************************************/

/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
1.0 - 汎用スタイル
    1.1 - 見出し
    1.2 - table
2.0 - 上部条件
    2.1 - 成果報酬・成果地点　2つ表示
3.0 - 下部条件
    3.1 - バッジ
    3.2 - 詳細条件
4.0 - ページ下部 ボタン ログイン
---------------------------------------------*/

/*-------------------------------------------*/
/*  1.0 - 汎用スタイル
/*-------------------------------------------*/

.adinfo .ad_detail {
  overflow: hidden;
  margin-bottom: 60px;
}
/*  1.1 - 見出し
/*-------------------------------------------*/
.adinfo h2 {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 24px;
}
/*  1.2 - table
/*-------------------------------------------*/
.adinfo .ad_detail table tr {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.adinfo .ad_detail table tr:first-child {
  border-top: 1px solid #ccc;
}
.adinfo .ad_detail table th {
  width: 120px;
  background: #efefef;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  text-align: center;
  font-weight: normal;
  font-size: 13px;
}
.adinfo .ad_detail table td {
  padding: 10px 5px 10px 15px;
  background: #fff;
  font-size: 14px;
}
.adinfo .ad_detail table th, .adinfo .ad_detail table td {
  vertical-align: middle;
  box-sizing: border-box;
  line-height: 1.8em;
}
/*-------------------------------------------*/
/*  2.0 - 上部条件
/*-------------------------------------------*/
.adinfo .ad_table1 {
  width: 695px;
  float: left;
}
.adinfo .regist {
  width: 220px;
  height: 284px;
  box-sizing: border-box;
  padding: 20px 10px;
  border: #40a7fb 2px solid;
  float: right
}
.adinfo .ad_table1 table {
  width: 695px;
}
.adinfo .ad_table1 table td img {
  margin: 5px 0;
  vertical-align: bottom;
}
.adinfo .ad_table1 .reward span,
.adinfo .ad_table1 .reward ins {
  display: inline-block;
  padding-top: 4px;
  font-size: 23px;
}
.adinfo .ad_table1 .reward span,
.adinfo .ad_table1 .reward del {
  padding-left: 3px;
}
.adinfo .ad_table1 .reward ins:before,
.adinfo .ad_table1 .reward ins:after { top: 7px;}
.adinfo .regist p:nth-child(1) {
  margin: 0 10px 15px;
}
.adinfo .regist p:nth-child(1) span {
  color: #fe194a;
}
.adinfo .regist .afi_regist {
  margin: 0 10px;
  padding-bottom: 30px;
  border-bottom: #ccc 1px solid;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 18px;
}
.adinfo .regist .afi_regist span {
  display: block;
}
.adinfo .regist .afi_regist span:nth-child(1) {
  text-shadow: 0 0 2px #2896f0;
  letter-spacing: 1px;
  line-height: 1.4em;
  font-size: 16px;
  color: #f6ff0a;
}
.adinfo .regist .afi_regist a {
  padding: 10px 15px;
}
.adinfo .regist p:nth-child(3) {
  margin: 15px 0 3px;
  font-size: 15px;
}
.adinfo .regist p:nth-child(3), .adinfo .regist p:nth-child(4) {
  text-align: center;
}
/*  2.1 - 成果報酬・成果地点　2つ表示
/*-------------------------------------------*/
.adinfo .ad_table1.achievement tr:nth-child(1) td,
.adinfo .ad_table1.achievement tr:nth-child(2) td {
  width: 225px;
}

/*-------------------------------------------*/
/*  3.0 - 下部条件
/*-------------------------------------------*/
.adinfo h2.heading {
  margin-bottom: 30px;  
}

/*  3.1 - バッジ
/*-------------------------------------------*/
.adinfo .badge_area {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px 0;
  margin-bottom: 40px;
  padding: 0 10px;
}
.adinfo .badge_area li {
  display: table-cell;
  vertical-align: middle;
  background: #ffdc97;
  border: 1px solid #d08d2e;
  border-radius: 4px;
  text-align: center;
  line-height: 1.4;
  padding: 5px 0;
}
.adinfo .badge_area li span {
  background: #ea4e4e;
  color: #fff;
  font-weight: bold;
  display: block;
  margin: 2px 10px 0;
  padding: 1px 0;
  border-radius: 20px;
}
.adinfo .badge_area li.disabled {
  background: #ddd;
  border: 1px solid #bbb;
  color: #999;
}
.adinfo .badge_area li.disabled:hover {
  opacity: 1;
}
.adinfo .badge_area li.disabled span {
  background: #aaa; 
}
.adinfo .badge_area li.offhand {
  background: #ea4e4e;
  border: 1px solid #ba2a2a;
  color: #fff;
  font-size: 16px;
}
.adinfo .badge_area li.offhand span {
  background: transparent;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

/*  3.2 - 詳細条件
/*-------------------------------------------*/
.adinfo .ad_table2 table td {
  padding: 15px 25px 30px;
}

/*-------------------------------------------*/
/*  4.0 - ページ下部 ボタン ログイン
/*-------------------------------------------*/
.adinfo ul.btn_regist {
  width: 705px;
  clear: both;
  overflow: hidden;
  margin: 0 auto 50px;
  padding-bottom: 10px;
}
.adinfo .btn_regist li {
  width: 340px;
  float: left;
}
.adinfo .btn_regist li:nth-child(1) { margin-right: 25px;}
.adinfo .btn_regist li a {
  height: 90px;
  line-height: 1.5em;
  font-size: 20px;
}
.adinfo .btn_regist li a span.str {
  display: block;
  font-size: 24px;
}
.adinfo .btn_regist li a span.str span { font-weight: bold;}
.adinfo .btn_regist li:nth-child(2) {
  height: 96px;
  padding: 10px;
  border: #40a7fb 1px solid;
  border-radius: 6px;
  text-align: center;
}
.adinfo .btn_regist li:nth-child(2) p {
  margin-bottom: 5px;
  letter-spacing: 1px;
  line-height: 1.4em;
  font-size: 15px;
}
.adinfo .btn_regist li:nth-child(2) a {
  font-size: 15px;
}