/*　PC CSS */

#contents {
	margin: 1rem 0 0 0;
	min-height: 740px;
	overflow: hidden;
}

#contents h3 {
	margin: 0 0 .5rem 0;
	padding: 1rem 2rem 1rem 3rem;
	letter-spacing: .2rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
	background: url(../img/icon/icon-h3.png) no-repeat 1% 50%,#f6f8f9; /* Old browsers */
	background: url(../img/icon/icon-h3.png) no-repeat 1% 50%,-moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
	background: url(../img/icon/icon-h3.png) no-repeat 1% 50%,-webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/icon/icon-h3.png) no-repeat 1% 50%,linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */
	border-radius: 0 2rem 2rem 0;
}

#contents h3 strong{
	font-size: 1.4rem;
	font-weight: normal;
	color: #2C76B4;
	text-shadow: 0 .1rem 0 #fff;
}

#cont_in {
	width: 100%;
	min-height: 650px;
	padding: 0;
	position: relative;
	z-index:999;
}

#cont_in .Ph4 {
	margin: 0 0 .5rem 0;
	padding: .5rem 0;
	color: #f78e3f;
	font-size: 1.8rem;
	font-weight: normal;
	overflow: hidden;
	clear: both;
	background: #fff;
	border-radius: 0;
}

#cont_in h4 {
	margin: .5rem 0;
	padding: .5rem 1rem;
	color: #383838;
	font-size: 1.2rem;
	font-weight: normal;
	letter-spacing: .2rem;
	text-shadow: 0 .1rem .1rem #fff;
	background: #f1f1f1;
}

#cont_in h5 {
	margin-right: .5rem;
	padding-right: .5rem;
	color: #5676AB;
	letter-spacing: .2rem;
	border-right: .1rem solid #ddd;
	float: left;
}

#cont_in h6 {
	margin-right: .5rem;
	padding-right: .5rem;
	color: #ff6600;
	border-right: .1rem solid #ddd;
	letter-spacing: .2rem;
	float: left;
}

.UpArea {
	margin: 1rem 0 0 0;
	padding: 0 1rem 0 2rem;
	background: url(../img/H-line.jpg) no-repeat 0% 0%;
}

.DownArea {
	margin: 1rem 0 0 0;
	padding: 1rem 4rem;
	clear: both;
	background: url(../img/H-line.jpg) no-repeat 0% 0%;
}

.DA-Contin{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	-webkit-align-items: stretch; /* Safari */
	align-items: stretch;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch;
	-webkit-align-content: space-around; /* Safari */
	align-content: space-around;
}

.DA-Cont {
	margin: 0 0 1rem 0;
	clear: both;
	overflow: hidden;
}

.DA-Cont02 {
	-webkit-width: calc(100%/4.5);
	width: calc(100%/4.5);
	margin: 0 .5rem 1rem .5rem;
	border-bottom: .1rem solid #2C76B4;
	background: #f9f9f9;
}
@media screen and (max-width:780px){
	.DA-Cont02 {
		-webkit-width: calc(100%/2.2);
		width: calc(100%/2.2);
	}
}

.DA-Cont02 a {
	color: #38b572;
}

.DA-Cont02 h4 {
	margin: .2rem 0 !important;
	padding: .2rem .5rem !important;
	color: #2C76B4 !important;
	text-align: center !important;
	font-size: 1rem !important;
	font-weight: normal !important;
	letter-spacing: .2rem !important;
	border-top: .1rem solid #2C76B4 !important;
	border-bottom: .1rem solid #2C76B4 !important;
	background: #fff !important;
}

.DA-Left {
	margin: 0 1rem 0 0;
	width: 65%;
	float: left;
}

.DA-Right {
	margin: 0 1rem 0 0;
	padding: 0 0 .5rem 0;
	width: 30%;
	float: right;
}

.DA-Right img {
	margin: .5rem 0 0 0;
	border: .5rem solid #fff;
	box-shadow: 0 0 .4rem #999;
}

.DA-Up {
	padding: 1rem;
}

.DA-Down {
	padding: .5rem;
}

.DA-Down img {
	border: 1rem solid #fff;
	box-shadow: 0 0 .4rem #999;
}

#cont_in .DownArea dl {
	margin: 0 0 1rem 0;
	padding: 0 0 1rem 0;
	overflow: hidden;
	border-bottom: 1px dashed rgb(200,200,200);
}

#cont_in .DownArea dl dt{
	width: 20%;
	float: left;
}

#cont_in .DownArea dl dd{
	width: 80%;
	float: left;
}

#cont_in .DownArea dl dd a{
	color: #fd752f;
	text-decoration: none;
}

#cont_in .DownArea dl dd a:hover{
	text-decoration: underline;
}

.PF-Nav ul {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	-webkit-align-items: stretch; /* Safari */
	align-items: stretch;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch;
	-webkit-align-content: space-around; /* Safari */
	align-content: space-around;
}

.PF-Nav ul li {
	margin: 0 .5rem 0 0;
	padding: 1rem;
	height: 100%;
	text-align: center;
	background: #ff6600;
	display: block;
	border: .2rem solid #fff;
	box-shadow: 0 0 .3rem #999;
	border-radius: .4rem;
	cursor: pointer;
	transition: background .2s linear;
}

.PF-Nav ul li:hover {
	background: #ff0000;
}

.PF-Nav ul li a {
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	display: block;
}

.PF-Area {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	-webkit-align-items: stretch; /* Safari */
	align-items: stretch;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch;
	-webkit-align-content: space-around; /* Safari */
	align-content: space-around;
}

.PF-Area .PF-Peace {
	width: 100%;
	margin: .5rem;
	padding: .5rem;
	border: .2rem solid #f1f1f1;
	float: left;
}

.PF-Area .PF-Subject-Area {
	width: 70%;
	overflow: hidden;
	float: left;
}

.PF-Area .PF-Subject {
	color: #333;
	float: left;
}

.PF-Area .PF-Date-Area {
	width: 25%;
	overflow: hidden;
	float: right;
}

.PF-Area .PF-Date {
	color: #ff6600;
	float: left;
}

.LinkAll ul {
	list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-start; /* Safari */
	justify-content: flex-start;
	-webkit-align-items: stretch; /* Safari */
	align-items: stretch;
	-webkit-align-items: center; /* Safari */
	align-items: center;
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch;
	-webkit-align-content: space-around; /* Safari */
	align-content: space-around;
}

.LinkAll ul li {
	width: -webkit-calc(100%/4.4);
	width: calc(100%/4.4);
	height: 100%;
	margin: .5rem;
	padding: 1rem .5rem;
	display: block;
	border: .2rem solid #f1f1f1;
	text-align: center;
	cursor: pointer;
}

.LinkAll ul li a{
	width: 100%;
	height: 100%;
	display: block;
	color: rgb(230,25,89);
	text-decoration: none;
	transition: color .2s linear;
}

.LinkAll ul li a:hover{
	color: rgb(18, 121, 185);
}

#contents #cont_in .h4 {
	padding: 0 0 1.5rem 0;
	font-size: 1rem;
	color:rgb(4,159,232);
}



#cont_in p {
	color: rgb(100,100,100);
	font-weight: normal;
	text-align: left;
	font-size: 1rem;
}

#cont_in .tyu {
	color: red;
	font-size: 1rem;
	font-weight: normal;
	text-align: left;
}

#cont_in ol {
	padding: .5rem 2.1rem;
	list-style: decimal;
	color: rgb(100,100,100);
}

#cont_in ol li {
	margin: .3rem 0;
	font-size: 1.2rem;
	color: #d44010;
	list-style: decimal;
}

#cont_in table{
	width: 100%;
	margin: .5rem 0;
	border:1px solid rgb(100,100,100);
}

#cont_in table th{
	width: 24%;
	padding: .5rem;
	border-bottom:1px solid rgb(100,100,100);
	letter-spacing: .2rem;
}

#cont_in table td{
	width: 76%;
	padding: .5rem;
	border-bottom:1px solid rgb(100,100,100);
}

.PMArea {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
}

.PMArea .PMArticle {
	padding: .5rem;
	width: -webkit-calc(100%/4);
	width: calc(100%/4);
	box-shadow: 0 0 0 #fff;
	transition: box-shadow .3s linear;
	text-align: center;
	cursor: pointer;
}

.PMArea .PMArticle:hover {
	box-shadow: 0 1rem 3rem #333;
}

.PMArea .PMArticle .PTitle {
	width: 100%;
	padding: 0 .5rem .5rem .5rem;
	font-size: 1.2rem;
	color: #2C76B4;
}

.PMArea .PMArticle .PThum {
}

.PMArea .PMArticle .PThum ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap: wrap;
	list-style: none;
}

.PMArea .PMArticle .PThum ul li{
	height: 60px;
	overflow: hidden;
	width: -webkit-calc(100%/3);
	width: calc(100%/3);
	opacity: .5;
	transition: opacity .3s linear;
}

.PMArea .PMArticle .PThum ul li:hover{
	opacity: 1;
}

.NoImg {
	background: #ccc;
}