@charset "utf-8";

/*全サイトの共通フッター共通設定footermenu-course
------------------------------------------------------------------------------------------------------------------------------------------------------*/

footer .pr {display: block;font-size: 80%;}
footer {
	position: relative;z-index: 9;
	clear: both;text-decoration: none;
	line-height: 1.5;	/*行間を基準より少し狭くする*/
	padding: 50px 0 0;	/*上、左右、下へのボックス内の余白*/
	font-size: 85%;		/*文字サイズ*/
	background: #6b6351;	/*背景色*/
	color: #fff;	/*文字色*/
}
/*リンクテキスト、マウスオン時の文字色*/
footer a, footer a:hover {
	color: #fff;
}

/*footer内のh3タグ*/
footer h3 {
	margin-bottom: 10px;
	font-size: 24px;	/*文字サイズ*/
}
/*footer内のh3タグの１文字目*/
footer h3::first-letter {
	border-left: 2px solid #fff;	/*左側の線の幅、線種、色*/
	padding-left: 10px;				/*線とテキストの間の余白*/
}
/*footer内の段落タグ*/
footer p {
	padding: 0px 10px 20px;	/*上、左右、下への余白*/
}
/*footer内の左側のブロック指定*/
#footer-left {
	width: 43%;	/*幅*/
	float: left;	/*左に回り込み*/
	padding-left: 5%;	/*左に空ける余白*/
	padding-bottom: 50px;	/*下に空ける余白*/
}
/*フッターのロゴブロック*/
#footer-logo {
	 padding-bottom: 10px;
	 margin-bottom: 10px;
	 border-bottom: 1px dotted #fff;	/*下線の幅、線種、色*/
}
/*フッターのロゴ画像*/
#footer-logo img {
	 width: 60%;	/*画像の幅*/
}
/*footer内の右側のブロック指定*/
#footer-right {
	width: 43%;	/*幅*/
	float: right;	/*右に回り込み*/
	padding-right: 5%;	/*右に空ける余白*/
	padding-bottom: 50px;	/*下に空ける余白*/
}

/*フッター内のfacebookなどのアイコン設定
---------------------------------------------------------------------------*/
/*アイコン画像１個あたりの設定*/
#icon img {
	width: 40px;	/*アイコンの幅*/
	margin-right: 10px;	/*アイコン同士の余白*/
}


#copyright {
	clear: both;
	text-align: center;
	background: #000;	/*背景色*/
}
#copyright a {text-decoration: none;}
#copyright a:hover {color: #666;}


/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

/*フッター設定800ika
---------------------------------------------------------------------------*/
/*footer内の左右のブロック指定*/
#footer-left,#footer-right {
	width: auto;	/*幅*/
	float: none;	/*回り込みの解除*/
	padding: 0 5%;	/*上下、左右へのブロック内の余白*/
}
}

/*その他/*画面幅800px以下の設定



/*フッターメニューtpクリニック３
---------------------------------------------------------------------------*/
#footermenu {
	clear: both;
	text-align: center;
	padding-bottom: 20px;
}
#footermenu li {
	display: inline;
	margin: 10px;
}


/*フッターメニューtpポータル１講座を4列で表示下ので5列で右あいている
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu-course  {text-decoration: none;
	overflow: hidden;
	padding: 20px 0;	/*上下、左右へのボックス内の余白*/
	font-size: 12px;	/*文字サイズを少し小さく*/
}
/*１列分の設定*/
#footermenu-course ul {
	float: left;	/*左に回り込み*/
	width: 23%;		/*幅。4列25％にしたいので、１８から23にしてみた今回は5列作ったのでここの幅18%と下のpadding(合計の2%)でトータル20%になるよう設定。列に応じて調整して下さい。*/
	padding-right: 1%;
	padding-left: 1%;
}
/*メニュー１個あたりの設定*/
#footermenu-course ul li {
	padding: 0 10px;	/*上下、左右への余白*/
}
/*見出し*/
#footermenu-course li.title {
	font-weight: bold;	/*太字にする*/
	background: rgba(0,0,0,0.1);	/*背景色*/
	border-radius: 2px;	/*角丸のサイズ*/
}
/*リンクテキスト*/
#footermenu-course a {
	text-decoration: none;
	opacity: 0.7;	/*透明度。70%色がでた状態の事。*/
}
/*マウスオン時*/
#footermenu-course a:hover {
	opacity: 1;	/*透明度。100%色がでた状態の事。*/
}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
	font-size: 13px;	/*文字サイズを少し小さく追加*/
	
}
/*フッターメニュー
ウィンドウ幅が狭くなって見づらくなるので、１列にレイアウト変更。
---------------------------------------------------------------------------*/
#footermenu-course ul {
	float: none;
	width: auto;
}}

/*SNS
---------------------------------------------------------------------------*/
#bg-icon-sns-list-copyright {
	clear: both;
	text-align: center;
	background: #6b6351;	/*背景色*/padding: 5px 10px 25px 10px;	/*ボックス内の余白*/
}
#bg-icon-sns-list-copyright a {text-decoration: none;}
#bg-icon-sns-list-copyright a:hover {color: #666;}


/*フッター内のfacebookなどのアイコン設定
---------------------------------------------------------------------------*/
/*アイコン画像１個あたりの設定*/
#icon img {
	width: 40px;	/*アイコンの幅*/
	margin-right: 10px;	/*アイコン同士の余白*/
}  
    
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
#icon img {
	width: 30px;	/*アイコンの幅*/
	margin-right: 9px;	/*アイコン同士の余白*/
} }