.box {/*テスト用紙の枠線*/    
border: solid 3px #000000;
width: 305px;
padding: 0.5 1em ;
margin: 2em 0;}
.name {/*組年名前*/
border-bottom: solid 1px #000000;
text-align: right;}
.mischil1{/*ミスチルのミ*/
display: inline-block;
text-align:center;
color: skyblue;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: skyblue;/*背景色*/
transition: color 9s;}
.mischil1:hover{
color: #000000;
background: white;
cursor: none;}
.mischil2{/*ミスチルのチ*/
display: inline-block;
text-align:center;
color: skyblue;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: skyblue;/*背景色*/
transition: color 9s;}
.mischil2:hover{
color: #000000;
background: white;
cursor: none;}
.mischil3{cursor: none;}
.mischil4{text-align: right;}
.yemon{/*イエモンの４文字*/
display: inline-block;
text-align:center;
color: yellow;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: yellow;/*背景色*/
transition: color 9s;}
.yemon:hover{
color: #000000;
background: white;
cursor: none;}
.yemon2{text-align: right;}
.sham{/*シャムシェイドのシ*/
display: inline-block;
text-align:center;
color: darkgreen;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: darkgreen;/*背景色*/
transition: color 9s;}
.sham:hover{
color: #000000;
background: white;
cursor: none;}
.sham2{/*シャムシェイドのャ cssで〇高さを下？midlle?*/
display: inline-block;
text-align:center;
color: darkgreen;
width: 1.2em;
height: 1.2em;
border-radius: 50%;
background: darkgreen;/*背景色*/
transition: color 9s;
background-position: bottom;}
.sham2:hover{
color: #000000;
background: white;
cursor: none;}
.sham3{/*シャムシェイドのム  */
display: inline-block;
text-align:center;
color: darkgreen;
width: 1.4em;
height: 1.4em;
border-radius: 50%;
cursor: none;
background: darkgreen;
transition: color 9s;}
.sham3:hover{
display: inline-block;
text-align:center;
color: white;
border-radius: 50%;
background: white;/*背景色*/
cursor: none;
background: white;}
.sham4{cursor: none;}
.sham5{/*シャムシェイドのェ */
cursor: none;}
.sham6{/*シャムシェイドのイ*/
display: inline-block;
text-align:center;
color: darkgreen;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
cursor: none;
background: darkgreen;
transition: color 9s;}
.sham6:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
cursor: none;
background: white;}
.sham7{/*シャムシェイドの*ド/
display: inline-block;
text-align:center;
color: darkgreen;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
cursor: none;
background: darkgreen;
transition: color 9s;}
.sham7:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
background: white;/*背景色*/
cursor: none;}
.sham8{text-align: right;}
.black{/*黒夢*/
display: inline-block;
text-align:center;
color: #000000;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: #000000;/*背景色*/
transition: color 9s;
cursor: none;}
.black:hover{
display: inline-block;
text-align:center;
color: #000000;
width: 1.4em;
height: 1.4em;
border-radius: 50%;
cursor: none;
background: white;}
.black2{text-align: right;}
.sazan{/*サザンオールスターズのサ gold*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
cursor: none;
background: white;}
.sazan2{/*サザンのザ*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan2:hover{
display: inline-block;
text-align:center;
color: white;
border-radius: 50%;
cursor: none;
background: white;}
.sazan3{/*サザンのオ*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan3:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
cursor: none;
background: white;}
.sazan4{/*サザンのル*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan4:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
cursor: none;
background: white;}
.sazan5{/*サザンのス*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan5:hover{
display: inline-block;
text-align:center;
color: white;
border-radius: 50%;
cursor: none;
background: white;}
.sazan6{/*サザンのー*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan6:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
cursor: none;
background: white;}
.sazan7{/*サザンのズ*/
display: inline-block;
text-align:center;
color: orangered;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
background: orangered;/*背景色*/
transition: color 9s;
cursor: none;}
.sazan7:hover{
display: inline-block;
text-align:center;
color: #000000;
border-radius: 50%;
cursor: none;
background: white;}
.sazan8{text-align: right;}
.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;}