body {
	margin: 0;
	width: 100%;   /* bodyタグのwidthだけ、４種類の振り分けになる。 */
/*	background-color: #f12;   */
	-webkit-text-size-adjust: 100%;   /* スマートフォンの「自動で文字の大きさを調整する機能」をOFFにする。100% の替わりに none にすると Pc版 Google Chrome で障害が発生する。  */
	   -moz-text-size-adjust: 100%;   /* スマートフォンの「自動で文字の大きさを調整する機能」をOFFにする。100% の替わりに none にすると Pc版 Google Chrome で障害が発生する。  */
	    -ms-text-size-adjust: 100%;   /* スマートフォンの「自動で文字の大きさを調整する機能」をOFFにする。100% の替わりに none にすると Pc版 Google Chrome で障害が発生する。  */
	        text-size-adjust: 100%;

	font-family: sans-serif;
}


/*===============================================
● 画面の横幅が375px以下   bodyタグのwidthだけ、４種類の振り分けになる。
===============================================*/
@media screen and (max-width: 375px) {
body {
	width: 375px;
}
}

/*===============================================
● 画面の横幅が376px以上かつ画面の横幅が480以下   bodyタグのwidthだけ、４種類の振り分けになる。
===============================================*/
@media screen and (min-width: 376px) and (max-width: 480px) {
body {
	width: 100%;
}
}

/*===============================================
● 画面の横幅が481px以上かつ画面の横幅が960以下   bodyタグのwidthだけ、４種類の振り分けになる。
===============================================*/
@media screen and (min-width: 481px) and (max-width: 960px) {
body {
	width: 960px;
}
}






a:link    { color: #0066cc }
a:visited { color: #800080 }

img {
	margin: 0px;
	border: 0px;
	background-color: #eee;
}

br.both {
	clear: both;
}

a.phone-number {
	text-decoration: underline;
}






/*====================================================================
● 改行をパソコンレイアウトだけ無効にする
     パソコンでは長い文字列を配置できるけど、
     スマートフォンでは改行したい場合に使用する。
====================================================================*/

/*===============================================
● 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px) {
br.pc-none {
	/* 何も記述する必要なし */
}
}

/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
br.pc-none {
	display: none;
}
}






/*====================================================================
● 改行をスマートフォンレイアウトだけ無効にする
 ====================================================================*/

/*===============================================
● 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px) {
br.sp-none {
	display: none;
}
}

/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
br.sp-none {
	/* 何も記述する必要なし */
}
}






/*===============================================
● パソコンのときのみ非表示
===============================================*/

/*===============================================
● 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px) {
span.pc-none {
	/* 何もしない */
}
}

/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
span.pc-none {
	display: none;
}
}






/*===============================================
● スマートフォンのときのみ非表示
===============================================*/

/*===============================================
● 画面の横幅が480px以下
===============================================*/
@media screen and (max-width: 480px) {
span.sp-none {
	display: none;
}
}

/*===============================================
● 画面の横幅が481px以上
===============================================*/
@media print, screen and (min-width: 481px) {
span.sp-none {
	/* 何もしない */
}
}