@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	margin: 0;
	color: #333;
	line-height:1.5;
}
/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.4em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center; }

.red{ color: #F33; }

img{width:100%;}
/*ヘリオ*/
.hg {
	width: 700px;
	margin: 20px auto;
}
.hg h1{
	margin: 0px 0 10px 0px;
	padding: 0 0 1px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	border-bottom: 9px double #50AAE9;
}
.hg h2{
	margin: 40px auto 20px auto;
	padding: 10px 0 2px 10px;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 3px solid #50AAE9;
}
/*タロット*/
.tp {
	width: 700px;
	margin: 20px auto;
}
.tp h1{
	margin: 0px 0 10px 0px;
	padding: 0 0 1px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	border-bottom: 9px double #50AAE9;
}
.tp h2{
	margin: 40px auto 20px auto;
	padding: 10px 0 2px 10px;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 3px solid #50AAE9;
}
/*四柱推命*/
.fp {
	width: 700px;
	margin: 20px auto;
}
.fp h1{
	margin: 0px 0 10px 0px;
	padding: 0 0 1px;
	font-weight: bold;
	font-size: 1.4em;
	text-align: center;
	border-bottom: 9px double #50AAE9;
}
.fp h2{
	margin: 40px auto 20px auto;
	padding: 10px 0 2px 10px;
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 3px solid #50AAE9;
}
ul,ol{
	margin: 0 1em 0 0;

}
li{
	margin: 0 1em 1em 0;

}
p{
	margin: 0 1em 0 1em;

}


@media
only screen and (max-width : 700px){
html,
body{
		min-width: 0;
		font-size: 90%;
}
.hg,
.tp,
.fp {
	width: 100%;
}

}