{% extends "global/Page.html" %}
{% load otree static %}

{% block title %}
    実験に関するクイズ
{% endblock %}

{% block content %}

<p>
    それでは、実験の内容が理解できたか確認するために以下のクイズにご回答ください。
</p>

<p><strong>
    正しいと思う方のボタンを押してください。
</strong></p>

    <b>
        Q1. あなたはある試行で制度Aを選択し、イベントに参加することにしました。<br>
        このとき、あなたを含めて、9人が制度Aを選択し、あなたを含めて6人がイベントに参加した場合、あなたが試行の終わりに受け取るポイントとして正しいものはどれでしょう。
    </b> 
    {% formfield player.item1A %}
    
    <b>
        Q2. あなたはある試行で制度Bを選択し、コンピュータがあなたをイベントに参加させました。<br>
        このとき、あなたを含めて、27人が制度Bを選択し、あなたを含めて20人がイベントに参加した場合、あなたが試行の終わりに受け取るポイントとして正しいものはどれでしょう。
    </b> 
    {% formfield player.item2A %}

    <b>
        Q3. あなたはある試行で制度Aを選択し、イベントに参加しないことにしました。<br>
        このとき、あなたを含めて、22人が制度Aを選択し、そのうち、13人がイベントに参加した場合、あなたが試行の終わりに受け取るポイントとして正しいものはどれでしょう。
    </b>

    {% formfield player.item3A %}

    
    <b>
        Q4. あなたはある試行で制度Bを選択し、コンピュータがあなたをイベントに参加させませんでした。<br>
        このとき、あなたを含めて、7人が制度Bを選択し、そのうち、2人がイベントに参加した場合、あなたが試行の終わりに受け取るポイントとして正しいものはどれでしょう。
    </b>
    {% formfield player.item4A %}


<p>
    回答が終わりましたら、次へボタンを押してください。
</p>

{% next_button %}

<style>
    div {
        margin : 30px;
    }
    
    #toc_container {
        background: #fffde8;
        border: solid 3px gray;/*線の種類 太さ 色*/
        display: table;
        font-size: 95%;
        margin-bottom: 1em;
        margin-left: 1em;
        padding: 10px;
        width: auto;
        font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    }
     
    .toc_title {
        font-weight: 700;
        text-align: center;
    }
     
    #toc_container li, #toc_container ul, #toc_container ul li{
        list-style-position: outside;
        margin-left: 1em;
        margin-right: 1em;
        padding: 0.5em 0;
        line-height: 1.5;
        /* リストの記号を付けない場合は   
         list-style: outside none none !important;
        */
        
    }
    
    ol {
        background: #fcfcfc;/*背景色*/
        padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
        border: solid 3px gray;/*線の種類 太さ 色*/
    }
    
    ol li{
        line-height: 1.5; /*文の行高*/
        padding: 0.5em 0; /*前後の文との余白*/
    }
    
    p,h1,h2, h3, h4, ul, ol {
        font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
    }
    </style>
{% endblock %}