@charset "utf-8";


	/*-	jp-column
-----------------------------------------------------------------------*/
#jp-page-gakki-column {
	margin-top: 20px;
}

#jp-page-gakki-column-all {
	background: #000;
}

#jp-page-gakki-column-wrap {
	padding: 40px;
}

	#jp-page-gakki-column-all #jp-page-gakki-column-title {
		position: relative;
		margin-bottom: 20px;
	}

		#jp-page-gakki-column-all #jp-page-gakki-column-title img {
			width: 100%;
			height: auto;
		}

		#jp-page-gakki-column-all #jp-page-gakki-column-title p {
			position: absolute;
			right: 30px;
			bottom: -10px;
			color: #dddddc;
			font-size: 32px;
		}

			#jp-page-gakki-column-all #jp-page-gakki-column-title p span {
				display: block;
				font-size: 26px;
			}

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

	#jp-page-gakki-column-all {
		width: auto;
	}

	#jp-page-gakki-column-wrap {
		padding: 10px;
	}

	#jp-page-gakki-column-all #jp-page-gakki-column-title {
		margin-bottom: 10px;
		text-align: center;
	}

		#jp-page-gakki-column-all #jp-page-gakki-column-title img {
			width: 100%;
			height: auto;
		}

		#jp-page-gakki-column-all #jp-page-gakki-column-title p {
			display: inline-block;
			position: static;
			margin-top: 10px;
			font-size: 130%;
		}

			#jp-page-gakki-column-all #jp-page-gakki-column-title p span {
				font-size: 90%;
			}
}

	/*-	jp-column-box
-----------------------------------------------------------------------*/
.jp-page-gakki-column-box {
	margin-bottom: 30px;
	padding: 40px 40px 20px 40px;
	border: outset 4px #BDBDBD;
}

	.jp-page-gakki-column-box h2 {
		background: #ccc linear-gradient(to bottom, rgba(220, 220, 220, 1), rgba(240, 240, 240, 1) 25%, rgba(235, 235, 235, 1) 30%, rgba(240, 240, 240, 1) 36%, rgba(235, 235, 235, 1) 50%, rgba(215, 215, 215, 1) 80%, rgba(210, 210, 210, 1)) repeat scroll 0 0;
		/*border-color: #ccc #999 #999 #ccc;*/
		border-color: #ccc #999 #999 #ccc;
		border-style: solid;
		border-width: 3px;
		-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
		        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset;
		margin-bottom: 10px;
		color: #333;
		font-weight: bold;
		font-size: 180%;
		padding: 5px;
		text-shadow: 2px 2px 0 rgba(192, 192, 192, 1);
		vertical-align: middle;
	}

		.jp-page-gakki-column-box h2 img {
			margin: 0px 10px 0 0px;
		}

	.jp-page-gakki-column-box .jp-page-gakki-column-article {
		margin-top: 10px;
		padding: 20px 0px 30px 0px;
		/*border-top: solid 1px #fff;*/
		border-bottom: dashed 1px #888888;
	}

	.jp-page-gakki-column-box p {
		margin-bottom: 16px;
		color: #fff;
		font-size: 16px;
	}

	.jp-page-gakki-column-box span.jp-page-gakki-column-article-yellow {
		color: #fff005;
	}

	.jp-page-gakki-column-box span.jp-page-gakki-column-article-pinkText {
		color: #f6C;
	}

	.jp-page-gakki-column-box .jp-page-gakki-column-article-orageText {
		color: #f39801;
	}

	.jp-page-gakki-column-box .jp-page-gakki-column-article .jp-page-gakki-column-article-img {
		text-align: center;
	}

		.jp-page-gakki-column-box .jp-page-gakki-column-article-img dl {
			display: inline-block;
			margin-bottom: 10px;
			text-align: left;
		}

			.jp-page-gakki-column-box .jp-page-gakki-column-article-img dl dt {
				width: 100%;
				height: auto;
			}

			.jp-page-gakki-column-box .jp-page-gakki-column-article-img dl dd {
				color: #fff;
			}

		.jp-page-gakki-column-box .jp-page-gakki-column-article .jp-page-gakki-column-box-btn {
			text-align: center;
			margin-top: 30px;
		}

			.jp-page-gakki-column-box .jp-page-gakki-column-article .jp-page-gakki-column-box-btn a {
				background-image: -webkit-gradient(
					linear,
					center top,
					center bottom,
					color-stop(0, #BFD9E5),
					color-stop(0.5, #3D94B7),
					color-stop(0.5, #0080b3),
					color-stop(1, #0099CC)
				);
				background: #0099cc -o-linear-gradient(center top, #BFD9E5, #3D94B7 50%, #0080b3 50%, #0099CC);
				background: #0099cc -moz-linear-gradient(center top, #BFD9E5, #3D94B7 50%, #0080b3 50%, #0099CC);
				background: #0099cc -webkit-linear-gradient(center top, #BFD9E5, #3D94B7 50%, #0080b3 50%, #0099CC);
				background: #0099cc -ms-linear-gradient(center top, #BFD9E5, #3D94B7 50%, #0080b3 50%, #0099CC);
				background: #0099cc linear-gradient(to center top, #BFD9E5, #3D94B7 50%, #0080b3 50%, #0099CC);
				border: 2px outset #0099cc;
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				color: #fff;
				font-size: 150%;
				padding: 10px;
				display: inline-block;
				line-height: 100%;
				font-weight: bold;
				width: 80%;
				text-shadow:0 2px 0px rgba(0, 0, 0, .4), 0 1px 1px rgba(255, 255, 255, .75);
			}

	.jp-page-gakki-column-box .jp-page-gakki-column-box-date {
		margin-top: 20px;
		color: #888;
		text-align: right;
	}

@media screen and (max-width: 767px) {
	.jp-page-gakki-column-box {
		padding: 10px;
	}

	.jp-page-gakki-column-box h2 {
		margin-bottom: 10px;
		font-size: 18px;
	}

	.jp-page-gakki-column-box .jp-page-gakki-column-article {
		padding: 15px 0px 25px 0px;
	}

	.jp-page-gakki-column-box p {
		margin-bottom: 12px;
		font-size: 12px;
	}

		.jp-page-gakki-column-box .jp-page-gakki-column-article .jp-page-gakki-column-box-btn {
			text-align: center;
			margin: 25px 0px 5px 0px;
		}

			.jp-page-gakki-column-box .jp-page-gakki-column-article .jp-page-gakki-column-box-btn a {
				font-size: 120%;
				width: 100%;
			}


}