@charset "UTF-8";



/* 新着情報 --------------------------------------------------------------- */
#info {
	padding: 50px 0;
	overflow: hidden;
	}
	
	#info .infoInner {
		width: 90%;
		max-width: 600px;
		margin: 0 auto;
		margin-bottom: 30px;
		padding: 20px 0;
		border-top: solid 0.5px;
		border-bottom: solid 0.5px;
		}
		
		#info .infoInner a {
			font-size: 13px;
			}
					
		#info .infoInner dl {
			width: 100%;
			display: table;
			padding: 6px 0;
			}
			
			#info .infoInner dl dt,
			#info .infoInner dl dd {
				display: table-cell;
				vertical-align: top;
				}
				
			#info .infoInner dl dt {
				width: 180px;
				padding-left: 3px;
				box-sizing: border-box;
				}
				
				#info .infoInner dl dt span {
					width: 90px;
					color: #333333;
					display: inline-block;
					margin-left: 5px;
					padding: 2px 5px;
					text-align: center;
					box-sizing: border-box;
					border-radius: 3px;
					line-height: 1.2;
					font-size: 10px;
					background-color: #ededed;
					}
					
			#info .infoInner dl dd {
				}
	
	#info .more a {
		color: #e95538;
		border-color: #e95538 !important;
		background-image: url(../../img/common/arrowR.png);
		}
	
	/* more */			
	#info .more a {
		color: #000000;
		background-image: url(../../img/common/arrowBKB.png);
		background-position: 5% center;
		border-color: #000 !important;
		}

							
@media screen and (max-width: 768px){
	#info {
		margin: 0 auto;
		padding: 50px 0;
		}
			
		#info .infoInner {
			margin-bottom: 20px;
			padding: 10px 0;
			}
			
			#info .infoInner dl {
				display: block;
				}
				
				#info .infoInner dl dt,
				#info .infoInner dl dd {
					display: block;
					}
					
				#info .infoInner dl dt {
					width: 100%;
					margin-bottom: 5px;
					}
	}



/* 新着情報 個別ページ --------------------------------------------------------------- */	
#article {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	padding: 70px 0 100px 0;
	}
	
	#article h2 {
		text-align: left;
		margin-bottom: 0;
		line-height: 1.3;
		background-image: none;
		}
		
		#article h2 span {
			color: inherit;
			font-size: 14px;
			padding-left: 5px;
			}
	
	#article #entry {
		margin-bottom: 70px;
		}
		
		#article #entry p {
			line-height: 2;
			margin-bottom: 30px;
			}
		
		/* more */			
		.more a {
			background-image: url(../../img/common/arrowBKB.png);
			background-position: 5% center;
			border-color: #000 !important;
			}


@media screen and (max-width: 768px){
	#article {
		padding: 30px 0 50px 0;
		}
		
		#article h2 {
			margin-bottom: 20px;
			}
		
		#article #entry {
			margin-bottom: 40px;
			}
			
			#article #entry p {
				line-height: 1.7;
				margin-bottom: 20px;
				}
	}