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

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

{% block content %}

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

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

    <b>
        Q1. あなたはあるラウンドでイベントに参加することにしました。<br>
        このとき、あなた以外の参加者が6人イベントに参加した場合、あなたがラウンドの終わりに受け取るポイントとして正しいものはどれでしょう。
    </b> 
    {% formfield player.item1A %}
    

    <b>
        Q2. あなたはあるラウンドでイベントに参加しないことにしました。<br>
        このとき、あなた以外の参加者が5人イベントに参加した場合、あなたがラウンドの終わりに受け取るポイントとして正しいものはどれでしょう。
    </b>

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

{% next_button %}

{% endblock %}

<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>