@charset "UTF-8";
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+　ローカルの指定 そぞろ歩きマップ
+　local.css
+　URL : http://www.fukuyama-u.ac.jp/
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* --------------------------------------------------------------------------------------
 主にイラストマップインデックス用
--------------------------------------------------------------------------------------- */
/* 左バナー等の色指定
/* --------------------------------------------------------------------------------------
 タイトル周・リンク色の処理は各ローカルで指定
--------------------------------------------------------------------------------------- */
#page{
	/*display: none !important;*/
	/*background: url(../../themes/map/images/map-bk.jpg) #000;*/
}
.map-index { /* 大外枠 */
    position: relative;
    width: 100%;
    height: auto;
    background-image: url(../../themes/map/images/map-bk.jpg);
	background-size: cover;
}
.map-index:after { /* afterまたはbefore .ratio-1_1を.boxに変えてもOKでした*/
    content: "";
    display: block;
    padding-top: 75%; /* 1:1 */
}

.point-i { /*い（石段筋）*/
    position: absolute;
    top: 16.666%; left: 4.2%;
    width: 29.166%;
    height: 38.888%;
}
.point-ro { /*ろ（表参道）*/
    position: absolute;
    top: 16.666%; left: 33.3%;
    width: 12.5%;
    height: 38.888%;
}
.point-ha { /*は（神明筋）*/
    position: absolute;
    top: 55.555%; left: 4.166%;
    width: 62.5%;
    height: 11.111%;
}
.point-ni { /*に（神明北）*/
    position: absolute;
    top: 55.555%; left: 66.666%;
    width: 29.166%;
    height: 11.111%;
}
.point-ho { /*ほ（南界隈）*/
    position: absolute;
    top: 66.666%; left: 4.166%;
    width: 37.5%;
    height: 27.777%;
}
.point-to { /*と（北界隈）*/
    position: absolute;
    top: 66.666%; left: 41.666%;
    width: 54.166%;
    height: 27.777%;
}

.map-index .inner img{
	width: 100%;
	height: auto;
}

.google-map{
	background: #F0E6E6;
	margin-bottom: 20px;
	/*background: #722e2f;*/
}

.google-map iframe{
	border: 2px #F0E6E6 solid;
	padding: 5px 0;
}



/* =Responsive Structure メディアクエリー レスポンシブ対応 641px以上の場合
--------------------------------------------------------------------------------------- */
@media (min-width: 641px) {
	#nothing{
	}	
}
/* =Responsive Structure メディアクエリー レスポンシブ対応 641px以上の場合
--------------------------------------------------------------------------------------- */
@media (min-width: 641px) {
	#nothing{
	}	
}