@charset "utf-8";



/*slide.cssの読み込み
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@import url(file:///C|/Users/Work PC/Downloads/tp_bar2_blue/css/slide.css);



/*PC・タブレット・スマホ(全端末)共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*menuページ
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.list {
	position: relative;
	float: left;	/*左に回り込み*/
	width: 33.3%;	/*幅*/
}
/*画像*/
.list img {
	transition: 1s;
	opacity: 0.8
		;	/*50%の透明度にする*/
}
/*画像（マウスオン時）*/
.list:hover img {
	opacity: 1;	/*マウスオン時に100%色を出す*/
}
/*photoボックス内の段落(p)タグ*/
.list p {
	display: none;	/*非表示にしておく設定*/
	padding: 5px 0 !important;	/*上下、左右への段落タグ内の余白*/
	position: absolute;
	bottom: 0px;	/*listボックスの下から0pxの場所に配置*/
	width: 100%;	/*幅*/
	background: #111;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.5);	/*背景色。0,0,0は黒の事で0.5は50%色がついた状態のこと*/
	color: #fff;		/*文字色*/
	text-align: center;	/*文字をセンタリング*/
	font-size: 80%;		/*文字サイズ*/
}
/*マウスオン時の段落タグ*/
.list:hover p {
	display: block;	/*非表示から表示に切り替える*/
}