/* おみくじのCSS */

img#omikuji{			/* おみくじの画像 */
  border-style: none;
  float:right;
}

p#kokoroe_title{
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
}
span#k_title{
  background-color: #ff703f;
  padding: 3px;
}

div#kokoroe{
  font-size: 90%;
  margin-top: 30px;
  padding-left: 50px;
}

div#botan{
  margin-top: 50px;
  text-align: center;
}

img#kekka{			/* おみくじの結果画像 */
  float: left;
  border: solid 5px #111111;
}

div#omikuji_kekka{
  margin-top: 30px;
  margin-left: 220px;
  font-size: 1.6em;
  line-height: 1.5em;
}




/* モバイルサイト用開始 */
/* media queries */
@media screen and (max-device-width: 480px) {

/*おみくじの画像*/
img#omikuji{
  float: none;
  width: 80%;
}

/*おみくじの送信ボタン*/
	button.css3button {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #ffffff;
		padding: 10px 20px;
		background: -moz-linear-gradient(
			top,
			#e8a136 0%,
			#473d21);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#e8a136),
			to(#473d21));
		border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
		border: 1px solid #000000;
		-moz-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,0.7);
		-webkit-box-shadow:
			0px 1px 3px rgba(000,000,000,0.5),
			inset 0px 0px 1px rgba(255,255,255,0.7);
		text-shadow:
			0px -1px 0px rgba(000,000,000,0.4),
			0px 1px 0px rgba(255,255,255,0.3);
		width: 90%;
		font-size: 200%;
	}

}
/* モバイルサイト用終了 */