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

{% block title %}
    クイズの答え
{% endblock %}

{% block content %}

    <h>Q１の解答</h>
    {% if player.item1A == 3 %}
        <b>正解です。</b>

    {% else %}
        <b>不正解です。</b>
        
    {% endif %}
    <p>
        制度Aを選択した参加者のうち、あなたを含めて６人がイベントに参加した場合、<br>
        イベントの定員数である、2/3であるため、あなたが受け取るポイントは２０ポイントになります。<br>
        よって、正解は２０ポイントです。
    </p>

    <h>Q２の解答</h>
    {% if player.item2A == 1 %}
        <b>正解です。</b>

    {% else %}
        <b>不正解です。</b>
        
    {% endif %}
    <p>
        制度Bを選択した参加者のうち、あなたを含めて２０人がイベントに参加した場合、<br>
        イベントの定員数である、2/3を超過しているため、あなたが受け取るポイントは０ポイントになります。<br>
        よって、正解は０ポイントです。
    </p>

    <h>Q３の解答</h>
    {% if player.item3A == 2 %}
        <b>正解です。</b>

    {% else %}
        <b>不正解です。</b>
        
    {% endif %}
    <p>
        イベントへの参加人数に関わらず、イベントに行かない場合受け取るポイントは１０ポイントになります。<br>
        よって、正解は１０ポイントです。
    </p>

    <h>Q４の解答</h>
    {% if player.item4A == 3 %}
        <b>正解です。</b>

    {% else %}
        <b>不正解です。</b>
        
    {% endif %}
    <p>
        イベントへの参加人数に関わらず、イベントに行かない場合受け取るポイントは１０ポイントになります。<br>
        よって、正解は１０ポイントです。
    </p>

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