@import url("common.css");
@import url(https://fonts.googleapis.com/css?family=Codystar&text=efiloPr);

/* Polka Dots(Blue) Template
 * (C) Kakei.R
 * update 2016/07/09
 */

/* 上部に「Profile」と表示 */

body:before {
  display: inline-block;
  color: #0066CC;
  background-color: rgba(26,167,177,.8);
  content: "Profile";
  font: bold 3rem/1 'Codystar', cursive;
}

/* body */

body {
  text-align: center;
}

/* テーブル */

table {
  margin: 1em auto;
  border: 0;
  font-size: inherit;
  font: 100%;
}

th, td {
  font-family: sans-serif;
  line-height: 1.4;
}

/* 項目名 */

th {
  padding: 0.6em;
  -webkit-border-radius: 20% 50% 50% 50%;
  border-radius: 20% 50% 50% 50%;
 -webkit-box-shadow: .3em .3em .3em rgba(255,254,255,.5) inset, -0.3em -0.3em .3em rgba(0,0,0,.1) inset, .1em .1em 3px hsl(210,100%,90%), .1em .3em 1px hsl(210,100%,80%), 0 .5em 5px rgba(0,0,0,.2);
  box-shadow: .3em .3em .3em rgba(255,254,255,.5) inset, -0.3em -0.3em .3em rgba(0,0,0,.1) inset, .1em .1em 3px hsl(210,100%,90%), .1em .3em 1px hsl(210,100%,80%), 0 .5em 5px rgba(0,0,0,.2);
  background-color: rgba(26,167,177,.9);
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  text-align: center;
  text-shadow: 0 8px 9px #ccf, 0px -2px 1px #fff;
  font-weight: 400;
}

/* 内容 */

td {
  padding: 0.6em;
  width: 80%;
  -webkit-border-radius: 1em 1em 0 0;
  border-radius: 1em 1em 0 0;
  border-bottom: 1px dotted rgba(153,204,255,.8);
  background: -webkit-radial-gradient(rgba(26,167,177,1), rgba(26,167,177,.9));
  background: radial-gradient(rgba(26,167,177,1), rgba(26,167,177,.9));
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* Polka Dots(Blue) Template End */