@charset "utf-8";

/*----- index.html CSS -----*/

/* game */
ul.game{
  margin: 20px 0px 10px;
  /*background: #ffeeee;*/
}
ul.game li{
  margin: 10px;
}
ul.game p{
  padding: 12px 0px;
}

/* slider */
.slider{
  /*background: #ccaaaa;*/
  box-sizing: border-box;
}
.slider img.logo{
  margin: 0px auto 10px;
}
.slider p{
  padding-top: 5px;
}
.slider p.about{
  color: #6b3f31;
  padding-bottom: 5px;
  text-shadow: 1px 1px 0px #ffffff;
}
@media(max-width:699px){/* for mobile */
  .slider p.about{
    display: none;
  }
}
ul.pickup li.box{
  margin: 10px;
  background: #ffd6d6 url(../img/portal/pickup/bg/pickupBGKuku.png);
  border: 2px solid #ffadad;
}
ul.pickup li.shura{
  background: #ead6ff url(../img/portal/pickup/bg/pickupBGShura.png);
  border: 2px solid #bba0db;
}
ul.pickup li.karuta{
  background: #ead6ff url(../img/portal/pickup/bg/pickupBGKaruta.png);
}
ul.pickup li.battle{
  background: #ead6ff url(../img/portal/pickup/bg/pickupBGBattle.png);
}
div.pickup{
  margin: 15px;
}
div.img img{
  margin: 10px;
}
div.btn{
  margin: 10px 80px 0px;
}
@media(max-width:399px){/* for mobile */
  div.btn{
    margin: 10px 30px 0px;
  }
}
div.btn p{
  padding: 12px;
  background: #8484ff;
}
div.btn p:hover{
  background: #335ecc;
}
.slider a:link,
.slider a:visited,
.slider a:active{
	color: #172b5d;
	text-decoration: none;
}
.slider a:hover{
	color: #e5e5ff;
	text-decoration: none;
}

/* mail */
.mail{
  /*background: #eeaaee;*/
  margin-bottom: 30px;
}
.mail p.link{
  padding: 10px;
}

/* line */
.line{
  margin: 50px 0px;
}