@charset "utf-8";


/*===============================================*/

/*  for PC / IE8   画面の横幅が959px以上 */

/*===============================================*/


img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	}




/*.slide ※詳細はjquery.bxslider.cssへ
------------------------------------*/
section.slide {
	margin: 0px auto 0px;
	padding:0px 0px 0px 0px;
	max-width: 1200px;
	position:relative;
}

section.slide .banaLine {
	margin: 0;
	padding:0;
	width: 200px;
	height:auto;
	position:absolute;
	top:50px;
	left:3%;
	z-index:50;
}
	

/*.section menuList
------------------------------------*/
div.menuList {
	margin: 0px auto 0px;
	padding:0px 0px 0px 0px;
	max-width: 1200px;
	height:300px;
	/*flexbox*/
	display: -webkit-flex;
  	display: flex;
	}
	
div.menuList section {
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #e9e9e9;
	text-align:center;
	background: url(../images/top/dots.gif) repeat-x left top;
	/*flexbox*/
	-webkit-flex: 1;
	flex: 1;
	}
	
div.menuList section img {
	padding:45px 0px 0px 0px;
	}
	
div.menuList section h2 {
	margin: 15px 0px 0px 0px;
	font-size:26px;
	width:auto;
	text-align:center;
	font-family:Ryumin Regular KL ;
	}
	
div.menuList section span {
	margin: 0px 0px 0px 0px;
	text-align:center;
	font-size:87%;
	display:block;
	color:#e80953;
	font-family: FB PoynterSerif RE Italic ;
	}
	
div.menuList section figcaption {
	margin: 10px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
	}
	
div.menuList section p {
	margin: 20px auto 0px;
	width:98px;
	height:23px;
	text-align:center;
	font-size:12px;
	line-height:20px;
	border: 1px solid #bfbfbf;
	}

div.menuList section a:link {color: #7c7c7c;text-decoration: none;}
div.menuList section a:visited {color: #7c7c7c;text-decoration: none;}
div.menuList section a {display:block; height:270px; -webkit-transition: background-color .70s ease;transition: background-color .70s ease;}
div.menuList section a:hover {height:270px;background: #feebf0 ;}

  
 
/*.news
------------------------------------*/
section.news{
	margin:60px auto 0px;
	padding:0px 0px 0px 0px;
	width:760px;
	text-align:center;
	}

section.news h2{
	margin:0px auto 20px;
	padding:0px 0px 0px 0px;
	width:247px;
	font-size:18px;
	text-align:center;
	background: url(../images/common/dots2.gif) repeat-x left center;
	font-family:Ryumin Regular KL ;
	}
	
section.news h2 span{
	padding-left:10px;
	background-color: #fff; 
	letter-spacing: 0.3em;
	}

section.news dl{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 5px;
	width:760px;
	clear:both;
	overflow:hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #a8a8a8;
	}
section.news dl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	
section.news dt{
	margin:7px 0px 7px 0px;
	padding:7px 0px 7px 5px;
	background-repeat: no-repeat;
	background-position: 90px center;
	width:200px;
	float:left;
	}
	
section.news dd{
	margin:7px 0px 7px 0px;
	padding:7px 0px 7px 0px;
	width:550px;
	float:right;
	}
	
.ne{background-image: url(../images/top/icon_topics.gif);}
.ev{background-image: url(../images/top/icon_event.gif);}

section.news a:link {color: #7c7c7c;text-decoration: none;}
section.news a:visited {color: #7c7c7c;text-decoration: none;}
section.news a:hover {color: #e80953; text-decoration: underline;}




/*.section menuList2
------------------------------------*/
div.menuList2 {
	margin: 60px auto 0px;
	padding:0px 0px 0px 0px;
	max-width: 1200px;
	height:300px;
	/*flexbox*/
	display: -webkit-flex;
  	display: flex;
	}
	
div.menuList2 section {
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 15px 15px;
	border: 1px solid #e9e9e9;
	text-align:center;
	background: url(../images/top/dots.gif) repeat-x left top;
	/*flexbox*/
	-webkit-flex: 1;
	flex: 1;
	}
	
div.menuList2 section img {
	padding:60px 0px 0px 0px;
	}
	
div.menuList2 section div {
	margin: 0px 0px 0px 0px;
	padding:70px 0px 0px 0px;
	width:240px;
	height:auto;
	}
	
div.menuList2 section div h2 {
	margin: 0px 0px 0px 0px;
	font-size:26px;
	width:auto;
	text-align:center;
	font-family:Ryumin Regular KL ;
	}
	
div.menuList2 section div span {
	margin: 0px 0px 0px 0px;
	text-align:center;
	font-size:87%;
	display:block;
	color:#e80953;
	font-family: FB PoynterSerif RE Italic ;
	}
	
div.menuList2 section div figcaption {
	margin: 10px 0px 0px 0px;
	font-size:12px;
	line-height:20px;
	}
	
div.menuList2 section div p {
	margin: 20px auto 0px;
	width:98px;
	height:23px;
	text-align:center;
	font-size:12px;
	line-height:20px;
	border: 1px solid #bfbfbf;
	}

div.menuList2 section a:link {color: #7c7c7c;text-decoration: none;}
div.menuList2 section a:visited {color: #7c7c7c;text-decoration: none;}
div.menuList2 section a {display:block; height:270px; -webkit-transition: all .8s ;transition: all .8s;}
div.menuList2 section a:hover {margin-right:15px;height:270px;background: #feebf0 ;}



/*section banaList
------------------------------------*/
section.banaList {
	margin: 30px auto 0px;
	padding:0px 0px 0px 0px;
	max-width: 1200px;
	height:auto;
	}


/*===============================================*/





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


@media screen and (max-width: 959px){


section.slide .banaLine {display:none;}

/*.section menuList
------------------------------------*/
div.menuList {
	/*flexbox*/
	display: inline;/*!!!カラム解除!!!*/
	-webkit-flex-direction: column;
    flex-direction: column;
	}


/*.news
------------------------------------*/
section.news{
	margin:50px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	height:auto;
	}
	
section.news dl{
	margin:7px auto 7px auto;
	padding:7px 0px 7px 0px;
	width:100%;
	}
	
section.news dt{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	width:30%;
	background-position: 93px center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:left;
	}
	
section.news dd{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	width:70%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float:right;
	}



	
/*.section menuList2
------------------------------------*/
div.menuList2 {
	/*flexbox*/
	display: inline;/*!!!カラム解除!!!*/
	-webkit-flex-direction: column;
    flex-direction: column;
	}
	
	
/*section banaList
------------------------------------*/
section.banaList {
	width: 100%;
	height:auto;
	}
	



}
/*===============================================*/






/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

@media screen and (max-width: 599px){



/*.newsbox
------------------------------------*/
section.news dl{margin:7px auto 7px auto;padding:7px 0px 7px 0px;width:100%;}
section.news dt{padding:0px 10px 0px 10px;width:100%;float:none;}
section.news dd{padding:0px 10px 0px 10px;width:100%;float:none;}
	

/*.section menuList2
------------------------------------*/
div.menuList2 {
	height:auto;
	/*flexbox*/
	display: inline;/*!!!カラム解除!!!*/
	-webkit-flex-direction: column;
    flex-direction: column;
	}
	
div.menuList2 section {height:400px; padding: 15px 15px 15px 15px;}
div.menuList2 section img {text-align:center;float:none;}
div.menuList2 section div {margin: 0px auto 0px; padding-top:0px;}
div.menuList2 section a { height:400px }
div.menuList2 section a:hover {margin-right:0px;height:400px}



}
/*===============================================*/