@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	a{
		transition: 400ms;
	}
	a:hover{
		opacity: 0.6;
	}
	
	
	/* 共通箇所
	-----------------------------*/
	#news #headArea{
		background: url("../img/head_news.jpg") no-repeat top center;
		background-size: cover;
	}
	#titleArea{
		position: relative;
		background-size: 100px 100px;
		text-align: center;
		padding-bottom: 30px;
	}
	#titleArea:before{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/flame_round.png") no-repeat bottom center;
		background-size: cover;
		width: 369px;
		height: 77px;
		top: -77px;
		left: 50%;
		margin-left: -184.5px;
		z-index: 1;
	}

	#titleArea .title{
		position: relative;
		z-index: 2;
		width: 100%;
	}
	#titleArea .title:after{
		
	}
	#titleArea .subtit{
		display: block;
		width: 65px;
		position: absolute;
		top: -42px;
		left: 50%;
		margin-left: -32.5px;
		z-index: 2;
	}
	#titleArea h1{
		position: relative;
		letter-spacing: 9px;
		font-size: 30px;
		margin-right: -0.5em;
		padding-top: 20px;
	}
	#titleArea h1:before,
	#titleArea h1:after{
		position: absolute;
		content: "";
		width: 14px;
		height: 40px;
		top:50%;
		margin-top: -8px;
	}
	#titleArea h1:before{
		background: url("../../common/img/tit_l.png") no-repeat bottom center;
		background-size: cover;	
		left: 50%;
		margin-left: -5em;
	}
	#titleArea h1:after{
		background: url("../../common/img/tit_r.png") no-repeat bottom center;
		background-size: cover;	
		right: 50%;
		margin-right: -4.6em;
	}
	
	
	
	/* ニュース配信エリア
	-----------------------------*/
	#newsArea {
		position: relative;
		padding: 90px 0 0;
		background-color: #fff;
	}
	#newsArea .wrap{
		width: 1040px;
	}
		#newsArea  ul{
			position: relative;
		}
		#newsArea  ul::before {
			position: absolute;
			content: "";
			background-image: url("../img/news_bar.png");
			background-size: 9px 6px;
			width: 100%;
			height: 6px;
			bottom: -8px;
			left: 0;
		}
			#newsArea  ul li{
				padding: 20px 0;
			}
			#newsArea  ul li + li{
				border-top: solid 1px #e2d9d6;
			}
			#newsArea ul li a {
				transform: none;
				padding: 5px 0;
			}
					#newsArea ul li a dd {
						transition: 300ms;
					}
					#newsArea ul li a:hover dd {
						opacity: 0.6;
					}
				#newsArea  ul li a dl{
					font-size: 16px;
					line-height: 18px;
				}
					#newsArea  ul li a dl dt{
						display: inline-block;
						margin-right: 10px;
						font-weight: bold;
						
					}
						#newsArea  ul li a dl dt p{
							display: inline-block;
							margin-right: 20px;
						}
						#newsArea  ul li a dl dt div{
							display: none;
							width: 38px;
						}
						#newsArea  ul li a dl dt div.new{
							display: inline-block;
						}
							#newsArea  ul li a dl dt p img{
								vertical-align: middle;
							}
					#newsArea  ul li a dl dd{
						float: right;
						display: block;
						white-space: nowrap;
						text-overflow: ellipsis;
						overflow: hidden;
						width: 830px;
						font-feature-settings: "palt";
						letter-spacing: 2px;
						color: #333;
					}
	
	

	
	
	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	
	
	/* 共通箇所
	-----------------------------*/
	#news #headArea{
		background: url("../img/head_news.jpg") no-repeat top center;
		background-size: cover;
	}
	#titleArea{
		position: relative;
		text-align: center;
		padding-bottom: 30px;
	}
	#titleArea:before{
		content: '';
		display: block;
		position: absolute;
		background: url("../img/flame_round.png") no-repeat bottom center;
		background-size: cover;
		width: 245.9px;
		height: 51.3px;
		top: -42px;
		left: 50%;
		margin-left: -122.9px;
		z-index: 1;
	}

	#titleArea .title{
		position: relative;
		z-index: 2;
		width: 100%;
	}
	#titleArea .title:after{
		
	}
	#titleArea .subtit{
		display: block;
		width: 70px;
		position: absolute;
		top: -16px;
		left: 50%;
		margin-left: -35px;
		z-index: 2;
	}
	#titleArea h1{
		position: relative;
		letter-spacing: 9px;
		font-size: 23px;
		margin-right: -0.5em;
		padding-top: 35px;
	}
	#titleArea h1:before,
	#titleArea h1:after{
		position: absolute;
		content: "";
		width: 11.2px;
		height: 32px;
		top:50%;
		margin-top: 3px;
	}
	#titleArea h1:before{
		background: url("../../common/img/tit_l.png") no-repeat bottom center;
		background-size: cover;	
		left: 50%;
		margin-left: -4em;
	}
	#titleArea h1:after{
		background: url("../../common/img/tit_r.png") no-repeat bottom center;
		background-size: cover;	
		right: 50%;
		margin-right: -3.6em;
	}
	
	/* ニュース配信エリア
	-----------------------------*/
	#newsArea {
		position: relative;
		background-color: #fff;
	}

					#newsArea ul {
						position: relative;
					}
						#newsArea ul li {
							padding: 15px 0;
						}
						#newsArea ul li + li {
							border-top: solid 1px #e2d9d6;
						}
						#newsArea ul li a {
							transform: none;
							padding: 5px 0;
						}
								#newsArea ul li a dd {
									transition: 300ms;
								}
							#newsArea ul li a dl {
								font-size: 13.5px;
								line-height: 17px;
							}
								#newsArea ul li a dl dt {
									display: inline-block;
									margin-right: 10px;
									font-weight: bold;
								}
									#newsArea ul li a dl dt p {
										display: inline-block;
										margin-right: 5px;
									}
									#newsArea ul li a dl dt div {
										display: none;
										width: 38px;
									}
									#newsArea ul li a dl dt div.new {
										display: inline-block;
									}
										#newsArea ul li a dl dt p img {
											vertical-align: middle;
										}
								#newsArea ul li a dl dd {
									margin-top: 8px;
									line-height: 1.5;
									display: block;
									font-feature-settings: "palt";
									letter-spacing: 2px;
									color: #333;
								}


	
	
	
	
	
	
}