@charset "utf-8";

/* ==================================================================
	index.css
	
=================================================================== */

/* ◆ accent
-------------------------------- */
/* accent
--------------------------------*/
#accent{
	clear:both;
	/* background-color:#FFF;*/
	position:relative;
	left:0;
	top:0;
	margin:0;
	padding:0;
	overflow:hidden;
	text-align:center;
}
#accent img{
	display:block;
	margin:0 auto;
	width:auto;
	max-width:100vw;
}


/* ◆ ページコンテンツ
-------------------------------- */
.contents{
	padding:34px 0 0 0;	
}


/* ◆ メニュー(サイド)
-------------------------------- */
.contents .sub{
	float:right;
}

/* ◆ ページ内容情報(メイン)
-------------------------------- */
.contents .main{
	float:left;
}

/* ◆ section
-------------------------------- */
.contents section h2{
	padding:0 0 11px 0;
	border-bottom:2px solid #5f5f5f;
}

/* --------------------------------
   □ newsInformation
-------------------------------- */
#newsInformation{
	margin-bottom:35px;
}


#newsInformation p.more{
	position:relative;
	z-index:1;
	height:10px;
	margin:0;
	background:#fff;
}

#newsInformation p.more a{
	position:absolute;
	top:-31px;
	right:0;
}


#newsInformation dl{
	margin-top:-1px;
	line-height:1.3;
	width:100%;
	border-bottom:1px solid #ccc;
}

	#newsInformation dt,
	#index #newsInformation dd{
		border-top:1px solid #ccc;
		padding-top:11px;
		padding-bottom:14px;
	}

	#newsInformation dt{
		position:relative;
	    width:9em;
		float:left;
		clear:both;
		padding-right:108px;
		padding-left:15px; 
	}
	
	#newsInformation dt span{
		position:absolute;
		top:9px;
		right:11px; 
	}

	#newsInformation dd{
		overflow:hidden;
	}
	
/* --------------------------------
   □ anabukigroup
-------------------------------- */
#anabukigroup{
	position:relative;
	border-bottom:1px solid #ccc
}

#anabukigroup h2{
	padding-left:6px;
}
	
#anabukigroup p.description{
	position:absolute;
	top:0;
	right:15px;
	margin:6px 0 0 0;
}

#anabukigroup ul.items{
	overflow:hidden;
	padding-top:23px;
	margin-left:-16px;
}

#anabukigroup ul.items li{
	display:inline-block;
	margin-left:19px;
	padding-bottom:23px;
}


/* smartPhone */
@media screen and (max-width: 640px) {
	#index .accent{
		width:100vw;
		background:none;
	}
	#index .accent p img{ width:100vw; }

	.contents .bnr{
		margin-bottom:2%;
	}

	#accent .bx-wrapper .bx-controls-direction {
	    width: 100%;
	    margin: 0 auto;
	    position: absolute;
	    top: 100%;
	    left: 0;
	}

	#newsInformation dt{
	   width:auto;
		float:none;
		clear:both;
		padding-left:0;
		padding-bottom:8px;
	}

	#index #newsInformation dd{
		border:none;
	}
	
	#newsInformation dt span{
		position:absolute;
		top:9px;
		right:11px;
	}
}