/*********************************************************************************************************************************

	投稿記事（お知らせ、ブログ、よくあるご質問）

*********************************************************************************************************************************/


											/*
												body{
													max-width:1200px !important;
													margin-left:auto;
													margin-right:auto;
													background:url(../images/@〇〇〇〇ページ.png) center 0px no-repeat;
												}
												footer{
													margin-top:6000px;
												}
											*/




	body{
		background:white url(../images/bg02.jpg) center 0 repeat;
	}


	/*キャッチコピー（メインイメージ・エリア）･･･････････････････*/
	#mi_area .catchCopy{/*キャッチコピー*/
		background:rgba(35,28,12,0.53);
	}
		#mi_area .catchCopy>p>span.yokogaki{/*「ヨコ書き」の場合････*/
			top:84px;
			bottom:auto;
			height:316px;
		}
			#mi_area .catchCopy>p>span.yokogaki>span{/*キャッチコピー*/
				height:316px;
			}


	/*キャッチコピー（メインイメージ・エリア）･･･････････････････*/
	#mi_area{
		height:400px;
		min-height:400px;
		max-height:400px;
	}
		#mi_area .catchCopy>img.backImg{/*画像BOX*/
			display:block;
			height:400px;
		}

		/*メインイメージ・サブタイトル･･･････････････････････････････*/
		#mi_area #subtitle{
			z-index:900;
			display:inline-block;
			position:absolute;
			top:84px;
			left:0;
			right:auto;
			bottom:auto;
			background-color:var(--Cyan_03);
		}
			#mi_area>#subtitle>p{
				display:table-cell;
				height:150px;
				width:150px;
				vertical-align:middle;
			}
				#mi_area>#subtitle>p>span{
					display:inline-block;
					width:150px;
					color:white;
					text-align:center;
					text-align-last:center;
				}













/*********************************************************************************************************************************

		メディアクエリ（ ～1000px以下 ）

*********************************************************************************************************************************/
@media(max-width:1000px){
/*･･････････････････････････････････････････････････････････････････*/
	/*･･････････････････････････････････････････････････････････････*/

}




/*********************************************************************************************************************************

		メディアクエリ（ ～500px以下：モバイル対応 ）

*********************************************************************************************************************************/
@media(max-width:500px){

	/*キャッチコピー（メインイメージ・エリア）･･･････････････････*/
	#mi_area{
		height:200px;
		min-height:200px;
		max-height:200px;
		margin-top:84px;
	}
	#mi_area .catchCopy{/*キャッチコピー*/
		height:200px;
	}
		#mi_area .catchCopy>p{
			height:200px;
		}
			#mi_area .catchCopy>p>span{
				height:200px;
				margin-top:0;
			}
				#slideShow>li>div .backImg>span>img{/*画像（下層ページ・メインイメージで使用）*/
					height:200px;
				}


	/*メインイメージ・サブタイトル･･･････････････････････････････*/
	#mi_area #subtitle{
		top:0;
		
	}
		#mi_area>#subtitle>p{
			display:inline-block;
			height:auto;
			width:auto;
		}
			#mi_area>#subtitle>p>span{
				width:auto;
				padding:15px 38px 18px 38px;
				line-height:1.0em;
				font-size:17px;
				white-space:nowrap;/*改行禁止*/
			}

}



