/* style_index.css */

/* media query 表示幅768px以上（pc対応） */
@media screen and (min-width: 768px) {
/* body */
	body {
		text-size-adjust: 100%;
		color: #4f4f4f;
		background-color: #efefef;
		font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}
/* img */
	img {
		vertical-align: bottom;
		border: 0;
	}
/* a */
	a {
		text-decoration: none;
	}
	a:link {
		color: #4f4f4f;
	}
	a:visited {
		color: #4f4f4f;
	}
	a:hover {
		color: #6f6faf;
		text-decoration: underline;
	}
	a:active {
		color: #ff5555;
		text-decoration: underline;
	}
/* div */
	div {
		.link-margin {margin-right: 2em;} /* ＞＞＜＜のリンクの右マージンを追加 */
		margin-right: 3em;
		margin-bottom: 5px;
		text-align: right;
	}
/* br 改行をしないように */
	br.sp-menu {
		display: none;
	}
}

/* media query 表示幅767px以下（スマホ対応） */
@media screen and (max-width: 767px) {
/* body */
	body {
		text-size-adjust: 100%;
		color: #4f4f4f;
		background-color: #efefef;
		font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	}
/* img 要素【sp-menu】の画像を非表示 */
	img {
		.sp-menu {display: none;}
	}
/* a 常にリンクにアンダーライン表示 */
	a {
		text-decoration: underline;
	}
	a:link {
		.invisible {display: none;} /* 要素【sp-menu】の画像リンクを非表示 */
		color: #4f4f4f;
	}
	a:visited {
		color: #4f4f4f;
	}
	a:hover {
		color: #ff0000; /* ホバー時のカラーを赤に */
	}
	a:active {
		color: #ff0000; /* アクティブ時のカラーを赤に */
	}
/* div 配置を中央寄せに・右マージンを削除 */
	div {
		text-align: center;
		padding: 5px;
	}
/* br 改行を追加 */
	br.sp-menu {
		display: block;
	}
}