@charset "utf-8";
/* ----------------------------------------------------

★全体共通css
-------------------------------------------------------

build:2014-11
lastupdate:2015-12
version:1.1
author:kh

-------------------------------------------------------

★目次
01.reset
02.font
03.linkcolor

---------------------------------------------------- */

.sub_head {
	background: url(/common/img/head_bg.png) repeat;
	margin: 30px 0 10px;
}

.sub_head .tit {
	width: 141px;
	padding: 50px;
	margin: auto;
}

.pankuzu {
	width: 1000px;
	color: #fff;
	margin: 10px auto 60px;
}

.pankuzu a {
	color: #fff;
	text-decoration: underline;
}

.content:after {
	content: "";
	display: block;
	clear: both;
}

.content {
	display: inline-block;
}

.content {
	display: block;
	width: 1000px;
	margin: auto;
	color: #fff;
}

.content_left a {
	color: #fff;
}

.content_left {
	width: 70%;
	display: inline-block;
	float: left;
}

.content_right {
	width: 26%;
	display: inline-block;
	float: right;
	background: url(/common/img/side_bg.png) no-repeat right bottom / 80% auto;
}

.content_right .innar {
	width: 65%;
	background: #000;
	border: solid 6px #fff;
	padding: 20px;
	margin: 0 9% 9%;
}

.content_right .tit {
	margin: auto;
	border-bottom: solid 2px #ccc;
	margin-bottom: 17px;
	padding-bottom: 13px
}

.content_right ul {
	margin-bottom: 10px;
}

.content_right li {
	margin-bottom: 7px;
}

.content_right li a {
	display: block;
	color: #fff;
	padding-left: 13px;
	background: url(/common/img/icon_arrow.png) no-repeat left center / 6px auto;
}

.content_right li a:hover {
	text-decoration: none;
	color: #e5107d;
	-webkit-transition: .2s;
	transition: .2s;
}


h2.min_tit {
	font-size: 22px;
	letter-spacing: 0.06em;
	padding-bottom: 15px;
	margin-bottom: 30px;
	border-bottom: dotted 4px #fff;
}

.article_cont:after {
	content: "";
	display: block;
	clear: both;
}

.article_cont {
	display: inline-block;
}

.article_cont {
	display: block;
	margin-bottom: 40px;
}

.article_cont .pho {
	width: 30%;
	display: inline-block;
	float: left;
}

.article_cont .txt {
	width: 64%;
	display: inline-block;
	float: right;
}

.article_cont .txt .date {
	margin-bottom: 10px;
	color: #2e8aca;
	font-size: 11px;
	line-height: 33px;
}

.article_cont .txt .date span {
	border: solid 1px #2e8aca;
	padding: 5px 20px;
}

.article_cont .txt h3 {
	margin-top: 20px;
}

.article_cont .txt h3 a:hover {
	text-decoration: none;
	color: #e5107d;
	-webkit-transition: .2s;
	transition: .2s;
}

.article .title {
	font-size: 22px;
	letter-spacing: 0.06em;
	line-height: 26px;
	padding: 15px 0 15px 50px;
	margin-bottom: 15px;
	border-bottom: dotted 4px #fff;
	background: url(/common/img/hit-icon.svg) no-repeat left center / 40px auto;
}

.article .date {
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #2e8aca;
	font-size: 11px;
	line-height: 33px;
}

.article .date span {
	border: solid 1px #2e8aca;
	padding: 5px 20px;
}

/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1320px) {
	/* ▼PC用================================================================== */

	.content {
		width: 1000px;
	}

	/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1319px) {
	/* ▼Tab用================================================================= */

	.content {
		max-width: 1000px;
		width: 96%;
	}

	.pankuzu {
		max-width: 1000px;
		width: 96%;
	}


	/* ▲Tab用================================================================= */
}

/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
	/* ▼SP横用================================================================ */

	.content {
		width: 96%;
	}

	.pankuzu {
		width: 96%;
	}

	.content_left {
		width: auto;
		display: block;
		float: none;
		margin-bottom: 30px;
	}

	.content_right {
		width: auto;
		display: block;
		float: none;
		background: none;
	}

	.content_right .innar {
		margin: auto;
		width: 70%;
	}

	/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
	/* ▼SP縦用用================================================================ */

	.content {
		width: 92%;
	}

	.pankuzu {
		width: 92%;
	}

	.content_left {
		width: auto;
		display: block;
		float: none;
		margin-bottom: 30px;
	}

	.content_right {
		width: auto;
		display: block;
		float: none;
		background: none;
	}

	.content_right .innar {
		margin: auto;
		width: 80%;
	}

	.content_right .innar .tit {
		width: 80%;
	}

	.article_cont .pho {
		width: 70%;
		margin: 30px auto 0;
		display: block;
		float: none;
	}

	.article_cont .txt {
		width: auto;
		display: block;
		float: none;
	}

	.article_cont .txt a {
		text-decoration: underline;
	}

	/* ▲SP縦用用================================================================ */
}

/* ■03.link 
--------------------------------------------------- */


/* add css 260309 */

*{
	box-sizing: content-box !important;
}
.page-subhead .tit {
	color: #fff;
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.8), 0 1px 3px rgba(0, 0, 0, 0.6);
}

.grecaptcha-badge {
	display: none !important;
}