@charset "utf-8";

/* -----------------------------------------------------------
	Site Name: 下野市文化財バーチャルミュージアム　キッズ
	Author: Yamazen Communications co.,ltd.
	Comment: gallery
	Since2012.2
----------------------------------------------------------- */
	
/*Index
	1.structure
	2.pagetitle
	3.main
	4.googlemap
	
----------------------------------------------------------- */





/*1.structure
----------------------------------------------------------------------------------*/
div#main{width:550px;margin:0 0 0 50px;}





/* 2.pagetitle
----------------------------------------------------------------------------------*/
div#pttl{background:url(../img/gallery/pttl.gif) no-repeat left top;}





/*3.main
----------------------------------------------------------------------------------*/
div#main h3{
	height:49px;
	text-indent:-99999px;
	background:url(../img/gallery/ttl.gif) no-repeat left top;
}


/*4.googlemap
----------------------------------------------------------------------------------*/

div#map{
	width:550px;
	height:500px;
	margin-top:30px;
	page-break-after:always;
}
iframe{
	max-width:100%;
	min-height:330px;
}
/* marker */
div#marker{width:300px;text-align:center;position:absolute;}
div#marker p.ttl{color:#646464;font-size:16px;text-align:left;}
div#marker ul{margin:10px 0 0 0;padding:0;list-style:none;}
div#marker ul#pap li{display:inline;margin:0 10px;}
div#marker ul#pap li a{font-size:14px;}
div#marker ul#pap li a:link   {color:#0068b6;text-decoration:underline;}
div#marker ul#pap li a:visited{color:#0068b6;text-decoration:underline;}
div#marker ul#pap li a:hover  {color:#ff6600;text-decoration:none;}
div#marker ul#pap li a:active {color:#0068b6;text-decoration:underline;}




/* mobile
------------------------------------------------------------*/
@media screen and (max-width:930px){
	div#main {
		width: calc(100% - 313px);
		margin: 0 0 0 40px;
		padding-left:0;
	}
	div#main h3{
		height:auto;
		padding:15px 10px 13px;
		text-indent:0;
		background:#339ad5;
	}
	div#main h3 span{
		color:#fff;
		font-size:16px;
		font-weight:bold;
	}
	div#map {
		width:100%;
	}
}
@media screen and (max-width:540px){
	.gm-style .gm-style-iw-c{
		max-width:calc(80vw - 24px)!important;
	}
	div#marker{
		width:calc(100% - 15px)!important;
	}
	div#marker img#target{
		width:100%!important;
		display:blcok;
	}
}
@media screen and (max-width:350px){
	.gm-style .gm-style-iw-c{
		max-width:calc(80vw - 12px)!important;
		max-height: 275px!important;
		padding:0;
	}
	iframe{
		height:270px;
		max-height:270px;
		min-height:270px;
	}
}