{% extends "ultimatum/Page.html" %}

{% block title %}
<div align="center">
  <h2 class="var_title">説 明</h2>
</div>
{% endblock %}
{% block content %}
<style>
  body {
    background-color: #C2DDE6;
  }
</style>
<div align="center">

  <div class="card"
    style="overflow:auto; padding: 10px; margin: 10px; box-shadow: 2px 2px 4px gray;">
    <br>
    <p>あなたはここにいる誰かとペアになり、<span class=red>配り手</span>と<span class=red>受け手</span>にわかれます。</p>
      <br>

    <strong>① 配り手</strong>
    <p>{{ C.endowment }}の中から<span class=red>相手に渡す金額を提案</span>します。<br>
      残りが自分の取り分です。</p>

    <p> ただし、相手には拒否権があります。</p>
    <p>相手が了承すれば提案どおり配分され、<br>
      拒否すれば２人とも何ももらえません。</p>

    <hr>
    <br>
    <strong>② 受け手</strong>
    <p>配り手が提案した分配額を<span class=red>了承または拒否</span>します。</p>
    <p>了承すれば相手の提案どおり分配され、<br>
      拒否すれば２人とも何ももらえません。</p><br>
  </div>

  <br>
  <p>
    では、あなたの役割を発表します！
  </p>

  {% next_button %}
</div>
{% endblock %}