@charset "utf-8";

/* PC：basic_sp.css
 * やってみたい！をやってみよう！（2018-0110）
 * **************************************************
 * Body (Font Size)
 * Container
 * Img
 * Header
 * Content (Main)
 * Footer
 * **************************************************
 */

/* Body
------------------------------------------------------------------ */
/* Font：基本サイズ（16 * 0.625 = 10px） */
body {
	position:relative;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 62.5%;
	line-height: 1.6;
	background-color: #f8f8f8;
}

/* Container
------------------------------------------------------------------ */
.container {
	clear: both;
	overflow:hidden;
	text-align:center;
}
.container:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

 /* Img
------------------------------------------------------------------ */
.main img {
}

 /* Header
------------------------------------------------------------------ */
#header {
	width: 100%;
}
#header .inner {
	margin: 0 auto;
}
#header .inner:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Content (Main)
------------------------------------------------------------------ */
#content {
	clear: both;
	display: block;
	width: 100%;
}
#content .inner {
	margin: 0 auto;
}
#content .inner:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/* Footer
------------------------------------------------------------------ */
#footer {
	clear: both;
	width: 100%;
}
#footer .inner {
	margin: 0 auto;
}
#footer .inner:after {
	content:".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}