/*==================================================
サブページ
===================================*/
#SubPage {
	margin: 0 auto;
}
	
/*サブページヘッドイメージ
------------------------------------------------------------*/
#SubPage .page-image {
	width: 100%;
	background-color: black;
	display: inline-block;
	position: relative;
	margin-bottom: -10px;
}

#SubPage .page-image img{
	width: 100%;
	height: 350px;
	display: block;
	opacity: 0.7;
	object-fit: cover;
}

/* サブページイメージ内タイトル
------------------------------------------------------------*/
#SubPage .page-image .page-title {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#SubPage .page-image .page-title h1 {
	font-size: 50px;
	font-weight:bold;
	line-height: 1.0em;
	color: #fff;
}

#SubPage .page-image .page-title h2 {
	margin-top: 15px;
	font-size: 23px;
	font-weight:bold;
	line-height: 1.2em;
	color: #fff;
}

/* カテゴリータイトル
------------------------------------------------------------*/
#SubPage .catergory {
	position: relative;
	font: 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#SubPage .catergory h1 {
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 3px 0 1px 6px;
	line-height: 1.0em;
	color: #000;
	border-bottom: solid 1px #000;
	border-left: solid 3px #000;
	font-size: 20px;
}

/* サブページタイトル両脇ボーダー（黒）
------------------------------------------------------------*/
#SubPage .title h2{
	width: 40%;
	margin: 50px auto 0;
	font-size: 22px;
	font-weight:normal;
	text-align: center;
	background: url(../images/borderBlack.png) repeat-x 0 50%;
	background-size: 1px 1px;
}

#SubPage .title h2 span {
	background: #fff;
	padding: 0 15px;
}

/* サブページタイトル両脇ボーダー（白）
------------------------------------------------------------*/
#SubPage .title h3 {
	width: 30%;
	margin: 50px auto 0;
	font-size: 22px;
	font-weight:normal;
	text-align: center;
	background: url(../images/borderWhite.png) repeat-x 0 50%;
	background-size: 1px 1px;
}

#SubPage .title h3 span {
	background: #272727;
	padding: 0 15px;
	color: #fff;
}



/* カテゴリーテキスト
------------------------------------------------------------*/
#SubPage .explanatory-text {
	margin-top: 20px;
	margin-bottom: 40px;
	border: 0px solid #da0000;
}

#SubPage .explanatory-text p {
	padding: 0 15px;
	line-height: 2.0em;
	font-size: 15px;
}

/* 注意書き
------------------------------------------------------------*/
#SubPage .warning {
	margin: 50px auto 50px;
	width: 530px;
}

#SubPage .warning p {
	text-align: left;
	font-weight: 300;
}

#SubPage .warning p {
	line-height: 1.5em;
}

/* ページコントロール
------------------------------------------------------------*/
.page-control {
	margin-right: 10px;
	text-align: right;
}



/* RESPONSIVE 設定
------------------------------------------------------------*/
@media only screen and (min-width: 1200px){
}

@media screen and (max-width: 850px) {
}

@media only screen and (min-width: 800px){
}

@media only screen and (max-width: 799px){
}

@media only screen and (min-width: 641px){
}

@media only screen and (max-width: 640px){
	/* サブページヘッドイメージ
	------------------------------------------------------------*/
	#SubPage .page-image img{
		height: 200px;
	}

	/* サブページイメージ内タイトル
	------------------------------------------------------------*/
	#SubPage .page-image .page-title h1 {
		font-size: 45px;
	}

	/* サブページタイトル両脇ボーダー（黒）
	------------------------------------------------------------*/
	#SubPage .title h2{
		width: 70%;
	}

	#SubPage .page-image .title h2 {
		font-size: 15px;
	}

	/* サブページタイトル両脇ボーダー（白）
	------------------------------------------------------------*/
	#SubPage .title h3{
		width: 70%;
	}

	#SubPage .page-image .title h3 {
		font-size: 15px;
	}



	/* 注意書き
	------------------------------------------------------------*/
	#SubPage .warning {
		width: 90%;
		text-align: left;
	}



}