@charset "utf-8";

/* p */
.head p{
  font-weight: bold;
}
.pictC li.pict p{
  text-align: center;
}

/* table */
table.shura{
	width: 90%;
}
@media(max-width:699px){/* for mobile */
  table.shura{
    width: 100%;
  }
}

/* ikutsu */
dd.detail ul.ikutsuKey,
dd.detail ul.ikutsuKKey{
  padding: 0px;
}
dd.detail ul li.head{
  margin-bottom: 10px;
}
ul.ikutsuKey .key1,
ul.ikutsuKKey .key1{
  background: url(../img/tutorial/ikutsu/ikutsuKey01.png) no-repeat left center;
}
ul.ikutsuKey .key2{
  background: url(../img/tutorial/ikutsu/ikutsuKey02.png) no-repeat left center;
}
ul.ikutsuKey .key1 p,
ul.ikutsuKKey .key1 p{
  padding-left: 90px;
}
ul.ikutsuKey .key2 p{
  padding-left: 70px;
}
table.ikutsu.mode{
  margin-bottom: 20px;
}

/* tashi */
li.pictR{
  min-width: 400px;
  text-align: right;
}
@media(max-width:859px){/* for mobile */
  li.pictR{
    text-align: center;
  }
}
@media(max-width:499px){/* for mobile */
  li.pictR{
    min-width: 300px;
  }
}
@media(max-width:399px){/* for mobile */
  li.pictR{
    min-width: auto;
  }
}
table.tashi tr td:nth-child(2){
  min-width: 40px;
}

/* karuta */
table.karuta.mode{
  margin-bottom: 20px;
}

/* ikutsuK */
ul.ikutsuKKey .key1ok{
  background: url(../img/tutorial/ikutsuK/ikutsuKKey01.png) no-repeat left center;
}
ul.ikutsuKKey .key2{
  background: url(../img/tutorial/ikutsuK/ikutsuKKey02.png) no-repeat left center;
}
ul.ikutsuKKey .key2 p{
  padding-left: 80px;
}
table.ikutsuK tr td:nth-child(5){
  min-width: 40px;
}

/* nan */
table.nan tr td:nth-child(3){
  min-width: 40px;
}