/**** プレーンページ用基本CSS（PC/SP） ****/

body {
}

/*
fixedTop(pageTopフェードイン・アウト)
============================== */
#fixedTop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#fixedTop a {
}
#fixedTop a img {
	width: 100%;
	height: auto;
}

/*
PC/SP表示非表示
============================== */
.pc-content {display: block;}
.sp-content {display: none;}

.pc-text {display: inline;}
.sp-text {display: none;}

.noBR_pc {display: none;}
.noBR_sp {display: inline;}

/*
ウェブアイコンフォント共通設定
============================== */
/* 外部リンクアイコン */
.fa-external-link,
.fa-external-link-alt {
	margin-left: 5px;
}


/*
レスポンシブ設定
――――――――――――――――――――――――――――――*/
/*
view-portサイズメモ => ウィンドウ幅640pxの時のvw指定、px数÷6.4（小数点第2位以下切り上げ）
レスポンシブサイトでは基本的に、
幅や文字サイズについては、pxではなく%またはvwで指定すること

※参考
640px => 100vw ※全体幅
100px => 15.6vw
64px  => 10vw
60px  => 9.4vw
40px  => 6.3vw
30px  => 4.8vw
20px  => 3.2vw
10px  => 1.6vw
5px   => 0.8vw

*/
@media screen and (max-width : 640px ){

	body{
		font-size: 2vw; /* 13px */
	}

	/*
	PC/SP表示非表示
	============================== */
	.pc-content {display: none;}
	.sp-content {display: block;}

	.pc-text {display: none;}
	.sp-text {display: inline;}

	.noBR_pc {display: inline;}
	.noBR_sp {display: none;}

	/*
	ウェブアイコンフォント共通設定
	============================== */
	/* 外部リンクアイコン */
	.fa-external-link,
	.fa-external-link-alt {
		margin-left: 0.8vw; /* 5px */
	}

	/*
	page Topフェードイン・アウト
	============================== */
	#page_top {
	}
	#page_top a {
	}
	#fixedTop a img {
	}

}