.box {/*テスト用紙の枠線*/    
border: solid 3px #000000;
width: 300px;
padding: 0.5 1em ;
margin: 2em 0;}
h2{/*タイトル*/
}
.name {/*研修医*/
border-bottom: solid 1px #000000;
text-align: right;}
.answer{/*すべての問の解答欄*/
text-align: right;}
/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;}

/*風玉堂ナース*/
.hidden_box1 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box1 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box1 .hidden_show1 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box1 input:checked ~ .hidden_show1 {
height: auto;
    opacity: 1;}

.wind{/*風玉*/
font-size: 12;
color: midnightblue;
text-align: center;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
line-height: 20px;
border: 1px solid blue;
background-color: paleturquoise;}
.nurse1{/*ナース仕事*/
display: inline-block;
text-align:center;
color: red;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: red;/*背景色*/
transition: color 1s;}
.nurse1:hover{
color: #000000;
background: white;
cursor: none;}

.vice1{/*ヴォイスのヴ*/
display: inline-block;
text-align:center;
color: purple;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: purple;/*背景色*/
transition: color 1s;}
.vice1:hover{
color: #000000;
background: white;
cursor: none;}
.vice2{/*ヴォイスのイ*/
display: inline-block;
text-align:center;
color: purple;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: purple;/*背景色*/
transition: color 1s;}
.vice2:hover{
color: #000000;
background: white;
cursor: none;}
.vice3{/*ヴォイスのス*/
display: inline-block;
text-align:center;
color: purple;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: purple;/*背景色*/
transition: color 1s;}
.vice3:hover{
color: #000000;
background: white;
cursor: none;}

/*風玉堂ヴォイス*/
.hidden_box2 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box2 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box2 .hidden_show2 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box2 input:checked ~ .hidden_show2 {
height: auto;
    opacity: 1;}

.wind{/*風玉*/
font-size: 12;
color: midnightblue;
text-align: center;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
line-height: 20px;
border: 1px solid blue;
background-color: paleturquoise;}

.an1{/*アンナチュラルのアンナ*/
display: inline-block;
text-align:center;
color: yellow;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: yellow;/*背景色*/
transition: color 1s;}
.an1:hover{
color: #000000;
background: white;
cursor: none;}
.an2{/*アンナチュラルのチ*/
display: inline-block;
text-align:center;
color: yellow;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: yellow;/*背景色*/}
.an2:hover{
color: white;
background: white;
cursor: none;}

/*風玉堂アンナチュラル*/
.hidden_box3 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box3 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box3 .hidden_show3 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box3 input:checked ~ .hidden_show3 {
height: auto;
    opacity: 1;}

.wind{/*風玉*/
font-size: 12;
color: midnightblue;
text-align: center;
display: inline-block;
width: 20px;
height: 20px;
border-radius: 50%;
background: white;
line-height: 20px;
border: 1px solid blue;
background-color: paleturquoise;}


.dragon{/*医龍*/
display: inline-block;
text-align:center;
color: white;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: white;/*背景色*/
border: 1px solid #000000;
transition: color 1s;}
.dragon:hover{
color: #000000;
background: white;
cursor: none;
border: 1px solid white;}



/*風玉堂医龍*/
.hidden_box4 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box4 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box4 .hidden_show4 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box4 input:checked ~ .hidden_show4 {
height: auto;
    opacity: 1;}


.resident{/*レジデント*/
display: inline-block;
text-align:center;
color: green;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: green;/*背景色*/
transition: color 1s;}
.resident:hover{
color: #000000;
background: white;
cursor: none;}

/*風玉堂レジデント*/
.hidden_box5 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box5 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box5 .hidden_show5 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box5 input:checked ~ .hidden_show5 {
height: auto;
    opacity: 1;}


.x1{/*ドクターＸのド*/
display: inline-block;
text-align:center;
color: #000000;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #000000;/*背景色*/
transition: color 1s;}
.x1:hover{
color: #000000;
background: white;
cursor: none;}

.x2{/*ドクターＸのク*/
display: inline-block;
text-align:center;
color: #000000;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #000000;/*背景色*/
transition: color 0s;}
.x2:hover{
color: white;
background: white;
cursor: none;}

.x3{/*ドクターＸのタ*/
display: inline-block;
text-align:center;
color: #000000;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #000000;/*背景色*/
transition: color 0s;}
.x3:hover{
color: white;
background: white;
cursor: none;}

.x4{/*ドクターＸのー*/
display: inline-block;
text-align:center;
color: #000000;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #000000;/*背景色*/
transition: color 1s;}
.x4:hover{
color: #000000;
background: white;
cursor: none;}

.x5{/*ドクターＸのｘ*/
display: inline-block;
text-align:center;
color: #000000;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #000000;/*背景色*/
transition: color 1s;}
.x5:hover{
color: #000000;
background: white;
cursor: none;}

/*風玉堂ドクターＸ*/
.hidden_box6 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box6 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box6 .hidden_show6 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box6 input:checked ~ .hidden_show6 {
height: auto;
    opacity: 1;}



.time{/*救命病棟24時の救*/
display: inline-block;
text-align:center;
color: royalblue;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: royalblue;/*背景色*/
transition: color 1s;}
.time:hover{
color: #000000;
background: white;
cursor: none;}





/*風玉堂救命病棟24時*/
.hidden_box7 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box7 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box7 .hidden_show7 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box7 input:checked ~ .hidden_show7 {
height: auto;
    opacity: 1;}

.aoi{/*ナースあおい*/
display: inline-block;
text-align:center;
color: pink;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: pink;/*背景色*/
transition: color 1s;}
.aoi:hover{
color: #000000;
background: white;
cursor: none;}

/*風玉堂ナースあおい*/
.hidden_box8 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box8 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box8 .hidden_show8 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box8 input:checked ~ .hidden_show8 {
height: auto;
    opacity: 1;}



.cordbleu{/*コードブルー*/
display: inline-block;
text-align:center;
color: midnightblue;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: midnightblue;/*背景色*/
transition: color 1s;}
.cordbleu:hover{
color: #000000;
background: white;
cursor: none;}

.cordbleu2{/*コードブルー*/
display: inline-block;
text-align:center;
color: midnightblue;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: midnightblue;/*背景色*/
transition: color 0s;}
.cordbleu2:hover{
color: white;
background: white;
cursor: none;}

/*風玉堂コードブルー*/
.hidden_box9 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box9 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box9 .hidden_show9 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box9 input:checked ~ .hidden_show9 {
height: auto;
    opacity: 1;}


.doctors{/*ドクターズ*/
display: inline-block;
text-align:center;
color: darkgray;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: darkgray;/*背景色*/
transition: color 1s;}
.doctors:hover{
color: #000000;
background: white;
cursor: none;}

/*風玉堂ドクターズ*/
.hidden_box10 label {
cursor :pointer;
   background-color: white;
display: inline-block;
border:solid 1px #000000;
width: 100px;
text-align: center;
border-radius: 0.5em;}

/*チェックは見えなくする*/
.hidden_box10 input {
    display: none;}

/*中身を非表示にしておく*/
.hidden_box10 .hidden_show10 {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;}

/*クリックで中身表示*/
.hidden_box10 input:checked ~ .hidden_show10 {
height: auto;
    opacity: 1;}

.twitter {
color: white;
background-color: #1da1f2;
text-decoration: none;
width: 80px;
text-align: center;
display: inline-block;}
.facebook {
color: white;
background-color: #3b5998;
font-weight: bold;
text-decoration: none;
width: 80px;
text-align: center;
display: inline-block;}
.line {
color: white;
background-color: #00c300;
text-decoration: none;
width: 80px;
text-align: center;
display: inline-block;}
.hatena {
color: white;
background-color: dodgerblue;
font-weight: bold;
text-decoration: none;
width: 80px;
text-align: center;
display: inline-block;}
body{
user-select:none;
touch-callout:none;
-webkit-user-select:none;
-webkit-touch-callout:none;
-webkit-user-drag:none;
-moz-user-select:none;
-kthml-user-select:none;
-kthml-user-drag:none;}