@charset "UTF-8";
/* CSS Document */

/*++++++++++++++++++++++++++++++++++++
+
+　交通アクセス
+
+++++++++++++++++++++++++++++++++++++*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 0 0 20px;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.cam_fac {
	margin: 0px 0px 20px;
}
.cam_intro {
	margin: 0px 0px 40px;
}
.cam_intro .add {
	float: left;
	width: 35%;
}
.cam_intro .map {
	float: right;
	width: 61.25%;
}
.cam_intro .add table {
	width: 100%;
}
.cam_intro .add table tr td {
	border-bottom: 1px solid #CCC;
	padding: 10px 0px;
}
.cam_simu .st .sst {
	font-size:18px;
	float:left;
}
.cam_simu .st .sst::before {
	margin: 0 10px 0 0;
	content: " ";
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(/images/common/title_icon.gif);
	background-size: contain;
	vertical-align: middle;
}
.cam_simu .st .note {
	float: right;
	font-size: 13px;
}
.cam_simu .st {
	margin: 0px 0px 20px;
}
.cam_simu {
	margin: 0px 0px 110px;
}
.cam_simu2 {
	margin: 0px 0px 45px;
}
.cam_link {
	margin: 0px 0px 110px;
}


/*文学部*/
.cam_fac .letter {
	color:#ec6e74;
}
/*法学部*/
.cam_fac .law {
	color:#ce93c0;
}
/*経済学部*/
.cam_fac .econ {
	color: #00ab84;
}
/*経営学部*/
.cam_fac .bus {
	color: #f28f43;
}
/*理工学部*/
.cam_fac .sci {
	color: #5fbcd1;
}
/*知能情報学部*/
.cam_fac .ii {
	color: #998dc2;
}
/*マネジメント創造学部*/
.cam_fac .cube {
	color: #AF2763;
}
/*フロンティアサイエンス学部*/
.cam_fac .first {
	color: #78acdd;
}
@media only screen and (max-width: 768px){
.cam_fac {
	margin: 0px 0px 15px;
}
.cam_intro {
	margin: 0px 0px 20px;
}
.cam_intro .add {
	float: none;
	width: auto;
}
.cam_intro .map {
	float: none;
	width: auto;
}
.cam_intro .add {
	margin: 0 0 20px;
}
.cam_intro .add table {
}
.cam_intro .add table tr td {
	padding: 5px 0px;
}
.cam_simu .st .sst {
	font-size: 14px;
	float:none;
	margin: 0 0 5px;
}
.cam_simu .st .sst::before {
}
.cam_simu .st .note {
	font-size: 12px;
}
.cam_simu .st {
	margin: 0px 0px 10px;
}
.cam_simu {
	margin: 0px 0px 40px;
}
.cam_simu2 {
	margin: 0px 0px 20px;
}
.cam_link {
	margin: 0px 0px 40px;
}
}





/*++++++++++++++++++++++++++++++++++++
+
+　平生記念セミナーハウス
+
+++++++++++++++++++++++++++++++++++++*/
.semi_map {
	border: 1px solid #CCC;
	margin: 0px 0px 40px;
}
.semi_map .img {
	text-align: center;
	padding: 10px 0px 15px;
}
.semi_map .access {
	background-color: #f3f3f3;
	padding: 15px 15px 10px 15px;
}
.semi_house .house {
	float: left;
	width:48%;
}
.semi_house .house:last-child {
	float: right;
}
.semi_house .house table {
	width:100%;
	border: solid 1px #ccc;
}
.semi_house .house .st {
	font-size: 18px;
	margin: 0px 0px 10px;
}
.semi_house .house table tr th {
	width: 20%;
	border: solid 1px #ccc;
	padding: 10px;
}
.semi_house .house table tr td {
	width: 80%;
	border: solid 1px #ccc;
	padding: 10px;
}
@media only screen and (max-width: 768px){
.semi_map {
}
.semi_map .img {
	padding: 10px;
}
.semi_map .access {
	padding: 10px;
}
.semi_house .house {
	float: none;
	width: auto;
	margin:  0 0 20px;
}
.semi_house .house:last-child {
	float: none;
}
.semi_house .house table {
	width:100%;
	border: solid 1px #ccc;
}
.semi_house .house .st {
	font-size: 16px;
}
.semi_house .house table tr th {
	width: auto;
	display:  block;
	border:  none;
	background:  #f3f3f3;
}
.semi_house .house table tr td {
	width: auto;
	display: block;
	border:  none;
}

}



/*++++++++++++++++++++++++++++++++++++
+キャンパスの紹介はこちらのボタン+
+++++++++++++++++++++++++++++++++++++*/
.map .btn {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.2em;
	background: #f3f3f3;
	margin: 15px 0 0;
	display: table;
	width: 100%;
	height: 60px;
	float: right;
}
.map .btn a {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
  position:  relative;
}

.map .btn a::after {
  position: absolute;
  top: 0%;
  right: .15em;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background: url(/images/common/arrow_w.png) no-repeat center center;
  background-size: 18px 18px;
  height: 60px;
  width: 60px;
  float: right;
  transition: all .2s;
}
.map .btn a:hover {
	color:#fff;
}
.map .btn a:hover::after {
  right: -.2em;
}
.map .btn a::before {
  position: absolute;
  top: 0;
  right: 0;
  content: " ";
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  width: 60px;
  float: right;
  background: #cb2937;
}

/* Bounce To Left */
.hvr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #CB2837;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr:hover, .hvr:focus, .hvr:active {
  color: white;
}
.hvr:hover:before, .hvr:focus:before, .hvr:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
@media only screen and (max-width: 768px){
.map .btn {
	font-size: 16px;
	display: block;
	width: auto;
	height: 45px;
	float: none;
}
.map .btn a {
  display: block;
  line-height:  45px;
}

.map .btn a::after {
  background-size: 15px 15px;
  height: 45px;
  width: 45px;
}

.map .btn a:hover {
	color:#fff;
}
.map .btn a:hover::after {
  right: -.2em;
}
.map .btn a::before {
  height: 45px;
  width: 45px;
}
}