@charset "utf-8";

/*
Css Name: reset.css for smartphone
Version: 3.3
色など、適宜編集してご利用下さい
*/


/*-----------------------------------------------
デフォルトスタイルのリセット
-----------------------------------------------*/

/* 標準文字サイズを10pxに */
html { font-size: 62.5%; }

/*
余計な隙間・ボーダーの削除
幅の計算にpaddingを含める設定
半角文字も改行可能にする
フォントサイズの初期設定（html62.5%に対する1.2remなので、12px）
行の高さ1.5
フォントの太さをノーマルにする（Androidで再現できない機種があるため）
タップ時の色を消す
デバイスを横向きにした際、文字サイズを拡大する機能の停止
ベースラインを揃える
背景を透過と明示する
フォームの機種ごとの差異を減らす
iOSでの文字サイズの自動変更バグを改善する
*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-break:break-all;
	word-wrap:break-word;
	font-size: 1.6rem;
	line-height: 1.5;
	font-weight:normal;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
	background: transparent;
	/* -webkit-appearance: none; */
	border-radius: 0px;
	-webkit-text-size-adjust: 100%;
}

/* 画像縦位置を揃える */
img {
	vertical-align: top;
	width: 100%;
	height: auto;
	max-width: 100%;
	line-height: 0;
}

/* 背景色・文字色・フォントの指定 */
body {
	background-color: #fff;
	color: #000;
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", Arial, Helvetica, Verdana, sans-serif;
}

/*chromeの文字サイズバグ対策*/
textarea{
	font-family: verdana, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, Meiryo, "ＭＳ ゴシック", "MS PGothic", Sans-Serif;
}

body{
	font-size:1.2em;
}

/*andoroid4.2のテキストが折り返される問題の解消*/
p{
	background-image: url(../img/s.png);
}



/* リストの装飾を削除 */
ul,
ol { list-style: none; }

/* テーブルのセル間のほとんどのスペースを削除 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* リンク基本設定 */
a {
	color: #333;
	text-decoration: none;
}

/* チェックボックスとラジオボタンの設定　必要ならコメント外して使う */
/*
input[type="checkbox"]{
	-webkit-appearance:none;
	background:#ffffff;
	width:32px;
	height:32px;
	-webkit-box-shadow:inset 0 0 8px 0 #aaaaaa;
	-moz-box-shadow:inset 0 0 8px 0 #aaaaaa;
	-o-box-shadow:inset 0 0 8px 0 #aaaaaa;
	-ms-box-shadow:inset 0 0 8px 0 #aaaaaa;
	box-shadow:inset 0 0 8px 0 #aaaaaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin:auto 24px auto 36px;
	border:0;
}
*/

/* タップ前のラジオボタンデザイン */

/*
input[type="radio"]{
	-webkit-appearance:none;
	background:#ffffff;
	width:32px;
	height:32px;
	-webkit-box-shadow:inset 0 0 8px 0 #aaaaaa;
	-moz-box-shadow:inset 0 0 8px 0 #aaaaaa;
	-o-box-shadow:inset 0 0 8px 0 #aaaaaa;
	-ms-box-shadow:inset 0 0 8px 0 #aaaaaa;
	box-shadow:inset 0 0 8px 0 #aaaaaa;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-o-border-radius: 16px;
	-ms-border-radius: 16px;
	border-radius: 16px;
	margin:auto 24px auto 36px;
	border:0;
}
*/

/* タップ後のデザイン */
/*
input[type="checkbox"]:checked,
input[type="radio"]:checked{
	-webkit-appearance:none;
	background:#ffffff;
	width:32px;
	height:32px;
	-webkit-box-shadow:0 0 8px 0 #dddddd;
	-moz-box-shadow:0 0 8px 0 #dddddd;
	-o-box-shadow:0 0 8px 0 #dddddd;
	-ms-box-shadow:0 0 8px 0 #dddddd;
	box-shadow:0 0 8px 0 #dddddd;
	margin:auto 24px auto 36px;
	border:0;
}

input[type="checkbox"]:checked{
	background:url(../img/bg_gb04.png) no-repeat center #ffffff;
}

input[type="radio"]:checked{
	background:url(../img/bg_gb05.png) no-repeat center #ffffff;
}
*/
/* チェックボックスとラジオボタン終了 */
