@charset "utf-8";
body{
}
div.container{
  width: 420px;
  margin: 0 auto;
  text-align: center;
    /* background: linear-gradient(#05FBFF, #1E00FF); */
    background: linear-gradient(-45deg, rgba(246, 255, 0, .8), rgba(255, 0, 161, .8)) fixed, url(./img/30_600_bara_1.jpg) fixed;
      background-size: cover;
      font-family : メイリオ, "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
}
div.photo{
  position: relative;
}
div.photo p{
  position: absolute;
  color:blue;
  font-size: 32px;
  font-weight: bold;
  top:30px;
  left:50px;
}
div.photo p.small{
  position: absolute;
  font-weight:normal;
  color:blue;
  font-size: 18px;
  top:150px;
  left:40px;
}
div.link_1{
background-color: white;
height: 80px;
color: red;
font-size:40px;
margin-top: 10px;
}

div#btn{
  margin:30px auto;
  width:200px;
  height:100px;
  border-radius:50%;
  background: #EF454A;
  text-align: center;
  line-height:100px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  cursor:pointer;
  border:3px solid  #D1483E;
  user-select:none;
  }
div.ue{
  height: 160px;
}
div.naka{
  height: 310px;
}
div.sita{
  height:160px;
}
div#iro_a{
  float:left;
  margin-left: 30px;
  width: 150px;
  height:150px;
  border-radius:50%;
  background: #EF454A;
  text-align: center;
  line-height: 200px;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  background:green;
}
div#iro_b{
  float:right;
  margin-right: 30px;
  width:150px;
  height:150px;
  border-radius:50%;
  background: #EF454A;
  text-align: center;
  line-height: 200px;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  background:blue;
}
div#iro_c{
  text-align: center;
  margin: auto;
  width: 300px;
  height:300px;
  border-radius:50%;
  background: #EF454A;
  text-align: center;
  line-height: 300px;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  background:pink;
}
div#iro_d{
  float:left;
  margin-left: 30px;
  width:150px;
  height:150px;
  border-radius:50%;
  background: #EF454A;
  text-align: center;
  line-height: 200px;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  background:navy;
}
div#iro_e{
  float:right;
  margin-right: 30px;
  width:150px;
  height:150px;
  border-radius:50%;
  background: #EF454A;
  text-align: center;
  line-height: 200px;
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  background:yellow;
}
div#iro_c.a1{
background:red;
}
div#iro_c.a2{
background:green;
}
div#iro_c.a3{
background:blue;
}
div#iro_c.a4{
background:pink;
}
div#iro_c.a5{
background:blue;
}
div#iro_c.a6{
background:#886A08;
}
div#iro_c.a7{
background:#B404AE;
}
div#iro_c.a8{
background:#04B431;
}
div#iro_c.a9{
background:#0000FF;
}
div#iro_c.a10{
background:#F5BCA9;
}
div#iro_c.a11{
background:#FE2EC8;
}
div#iro_c.a12{
background:#04B45F;
}
div#iro_c.a13{
background:#642EFE;
}
div#iro_c.a14{
background:#38610B;
}
div#iro_c.a15{
background:#F5DA81;
}
div#iro_c.a16{
background:#D0A9F5;
}
div#iro_c.a17{
background:#81DAF5;
}
div#iro_c.a18{
background:#FE9A2E;
}


div#iro_a.a1{
background:#610B0B;
}
div#iro_a.a2{
background:#61380B;
}
div#iro_a.a3{
background:#5E610B;
}
div#iro_a.a4{
background:#38610B;
}
div#iro_a.a5{
background:#0B6138;
}
div#iro_a.a6{
background:#0B615E;
}
div#iro_a.a7{
background:#0B4C5F;
}
div#iro_a.a8{
background:#210B61;
}
div#iro_a.a9{
background:#4C0B5F;
}
div#iro_a.a10{
background:#F5BCA9;
}
div#iro_a.a11{
background:#610B38;
}
div#iro_a.a12{
background:#8A0829;
}
div#iro_a.a13{
background:#4B088A;
}
div#iro_a.a14{
background:#086A87;
}
div#iro_a.a15{
background:#088A4B;
}
div#iro_a.a16{
background:#688A08;
}
div#iro_a.a17{
background:#B45F04;
}
div#iro_a.a18{
background:#B40404;
}

div#iro_b.a1{
background:#FE2E2E;
}
div#iro_b.a2{
background:#FE9A2E;
}
div#iro_b.a3{
background:#64FE2E;
}
div#iro_b.a4{
background:#FF00FF;
}
div#iro_b.a5{
background:#0000FF;
}
div#iro_b.a6{
background:#886A08;
}
div#iro_b.a7{
background:#FF0080;
}
div#iro_b.a8{
background:#FF0040;
}
div#iro_b.a9{
background:#2EFEC8;
}
div#iro_b.a10{
background:#40FF00;
}
div#iro_b.a11{
background:#DF7401;
}
div#iro_b.a12{
background:#FA58F4;
}
div#iro_b.a13{
background:#F7FE2E;
}
div#iro_b.a14{
background:#0040FF;
}
div#iro_b.a15{
background:#01DFD7;
}
div#iro_b.a16{
background:#A901DB;
}
div#iro_b.a17{
background:#FF00FF;
}
div#iro_b.a18{
background:#FFBF00;
}

div#iro_d.a1{
background:#F8E0E0;
}
div#iro_d.a2{
background:#F2E0F7;
}
div#iro_d.a3{
background:#CEECF5;
}
div#iro_d.a4{
background:#ECF6CE;
}
div#iro_d.a5{
background:#E0E0F8;
}
div#iro_d.a6{
background:#CEF6D8;
}
div#iro_d.a7{
background:#CEF6E3;
}
div#iro_d.a8{
background:#F2F5A9;
}
div#iro_d.a9{
background:#A9D0F5;
}
div#iro_d.a10{
background:#E3CEF6;
}
div#iro_d.a11{
background:#D8F6CE;
}
div#iro_d.a12{
background:#A9D0F5;
}
div#iro_d.a13{
background:#9FF781;
}
div#iro_d.a14{
background:#F7BE81;
}
div#iro_d.a15{
background:#F78181;
}
div#iro_d.a16{
background:#58FA58;
}
div#iro_d.a17{
background:#F6CEEC;
}
div#iro_d.a18{
background:#F5D0A9;
}

div#iro_e.a1{
background:#3B0B0B;
}
div#iro_e.a2{
background:#0B6138;
}
div#iro_e.a3{
background:#0B3861;
}
div#iro_e.a4{
background:#2A0A29;
}
div#iro_e.a5{
background:#610B5E;
}
div#iro_e.a6{
background:#8A084B;
}
div#iro_e.a7{
background:#B404AE;
}
div#iro_e.a8{
background:#380B61;
}
div#iro_e.a9{
background:#07190B;
}
div#iro_e.a10{
background:#0B6121;
}
div#iro_e.a11{
background:#4B610B;
}
div#iro_e.a12{
background:#190707;
}
div#iro_e.a13{
background:#8A0829;
}
div#iro_e.a14{
background:#0B4C5F;
}
div#iro_e.a15{
background:#292A0A;
}
div#iro_e.a16{
background:#088A4B;
}
div#iro_e.a17{
background:#886A08;
}
div#iro_e.a18{
background:#0B4C5F;
}
div.cm{
  line-height : 20px;
  font-size: 12px;
  text-align: center;
  color: white;
}
div.left{
  padding: 5px 10px 40px 20px;
  line-height : 30px;
  font-size: 15px;
  text-align: left;
  color: white;
}
div.center{
  line-height : 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: white;
}
p.bun_l{
  font-size: 30px;
  color: red;
}
div.buck{
  font-size: 30px;
  color: red;
  background-image: url('./img/30_620_bara_1.jpg');
}
footer{
  line-height : 30px;
  font-size: 18px;
  text-align: center;
  color: red;
}