@charset "utf-8";

/*------------------------------------------------------------------*/
/*     学校紹介用CSS                                            */
/*------------------------------------------------------------------*/

/* mainImages
----------------------------------- */
#mainimg {
  background-image:url(../images/mainimg.png);
}
/* ナビゲーション
----------------------------------- */
#nav li a.navi02 {
  background-position: 0 -100px;
}

/* PC用設定
------------------------------------------------------------------- */
#thumbFrame {
  padding:10px 0 20px;
}
#thumbFrame .wrap {
  position:relative;
  width:50%;
  height:auto;
  float:left;
  padding: 0;
  margin: 10px 0;
}
#thumbFrame .wrap a {
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  padding: 0;
  margin: 0;
  text-indent:-9999px;
  z-index: 10;
}
#thumbFrame .wrap a:hover{
  background:#ed7189;
  opacity: .10; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=10); /* IE lt 8 */
  -ms-filter: "alpha(opacity=10)"; /* IE 8 */
  -khtml-opacity: .10; /* Safari 1.x */
  -moz-opacity: .10; /* FF lt 1.5, Netscape */
}

#thumbFrame .wrap dl {
	margin:20px;
	padding: 20px;
	border: 3px solid #d88a97;
	background-color: #fff;
}
#thumbFrame .wrap dl dt {
  font-size:180%;
  line-height:180%;
  padding:12px;
  background:url(../../common/images/arrow_top.png) no-repeat right 24px;
}
#thumbFrame .wrap dl dd {
  width:460px;
  margin:0 auto;
  text-align:center;
}



/* SmartPhone用設定
------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 767px) {

/* mainImages
----------------------------------- */
#mainimg {
  width:100%;
  padding:0;
  margin:0;
}
/* mainField
----------------------------------- */
#thumbFrame {
  width:100%;
  padding:0 0 10px 0;
}
#thumbFrame .wrap {
  position:relative;
  width:50%;
  height:auto;
  float:left;
  padding: 0;
  margin: 10px 0 5px;
}
#thumbFrame .wrap a {
  position:absolute;
  width:100%;
  height:100%;
  display:block;
  padding: 0;
  margin: 0;
  text-indent:-9999px;
  z-index: 10;
}
#thumbFrame .wrap a:hover{
  background:#ed7189;
  opacity: .10; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=10); /* IE lt 8 */
  -ms-filter: "alpha(opacity=10)"; /* IE 8 */
  -khtml-opacity: .10; /* Safari 1.x */
  -moz-opacity: .10; /* FF lt 1.5, Netscape */
}

#thumbFrame .wrap dl {
	margin:6px;
	padding: 10px;
	border: 2px solid #d88a97;
	background-color: #fff;
}
#thumbFrame .wrap dl dt {
  font-size:90%;
  line-height:140%;
  padding:8px 0;
  background:url(../../common/images/arrow_top.png) no-repeat right 12px;
  background-size:13px 10px;
}
#thumbFrame .wrap dl dd {
  width:96%;
  margin:0 auto;
  text-align:center;
}

}