@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
*/

/* Simplicity子テーマ用のスタイルを書く */
/*
--------------------------------------------------------- */
/* ブック情報
--------------------------------------------------------- */

table.book {
 font-size: 75%;
 max-width: 500px;
}

table.book td.fire  { background: #fdd; }
table.book td.water { background: #ddf; }
table.book td.earth { background: #dfd; }
table.book td.air   { background: #ffb; }

table.book td.fire_earth  { background: #fdf; background-image:linear-gradient(-20deg, #fdd,#dfd); }
table.book td.water_air   { background: #8f8; background-image:linear-gradient(-20deg, #ddf,#ffb); }
table.book td.fire_air    { background: #fdf; background-image:linear-gradient( 20deg, #fdd,#ffb); }
table.book td.water_earth { background: #8f8; background-image:linear-gradient( 20deg, #ddf,#dfd); }
table.book td.fire_water  { background: #fdf; background-image:linear-gradient( 20deg, #fdd,#ddf); }
table.book td.earth_air   { background: #8f8; background-image:linear-gradient( 20deg, #dfd,#ffb); }

table.book td.quattro     { background:         radial-gradient( left center 20deg, ellipse farthest-side, #fdd 10%,#ffb 50%,#dfd 80%,#ddf 120%); }
table.book td.quattro     { background:    -moz-radial-gradient( left center 20deg, ellipse farthest-side, #fdd 10%,#ffb 50%,#dfd 80%,#ddf 120%); }
table.book td.quattro     { background: -webkit-radial-gradient( left center, ellipse farthest-side, #fdd 10%,#ffb 50%,#dfd 80%,#ddf 120%); }
table.book td.quattro     { background:     -ms-radial-gradient( left center, ellipse farthest-side, #fdd 10%,#ffb 50%,#dfd 80%,#ddf 120%); }
table.book td.quattro     { background:      -o-radial-gradient( left center, ellipse farthest-side, #fdd 10%,#ffb 50%,#dfd 80%,#ddf 120%); }

table.book th       { text-align: left; font-weight: normal; }
table.book th.title { text-align: center; }
table.book th.title span.bookname { font-weight: bold; }

table.book th.concept { text-align: light; background: #fff; }
table.book th.concept span.concept_str { font-weight: normal; font-size: 100%;}

table.book th img {
 margin: 0 5px 0 0;
/* width: 250px; */
 width: 60%;
 max-width: 350px;
 float: left;
}


/*
--------------------------------------------------------- */