@charset "utf-8";

#topgazo {
	/*max-height:260px;*/
	height: auto;
	/*margin:0 0 12px 0*/; padding:0;
	/*background: rgba(0,0,0,0.1);*/
	overflow: hidden;
}

.inbox {
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	background: rgba(255,255,255,0.6);
}

img.mark1 {
	width:100%;
	max-width:150px;
}

.rs-arrows a{
	margin-right:10px;
}

.rs-arrows img:hover {
	opacity: 0.85; filter: alpha(opacity=85);
	background:#ff0;
}

#access p {margin:1.5em 0; font-size:0.9em;}

/* ***********************
  Google map
*/
.map-container {text-align:center; width: 100%;}
.map-container iframe{	display: block; pointer-events: none; position: relative;}
.map-container iframe.clicked{pointer-events: auto;}

@media only screen and (min-width: 901px) {
	.map-container iframe {width:100%; height:62.5vh; margin:0; border:none !important;}
}
@media only screen and (max-width: 900px) {
	.map-container iframe {width:96%; height:calc(100vh - 120px); margin:0 2%; border:1px solid #999;}
}


/*** SmartPhone, Tablet and PC Screen CSS ***/


/* スマホ向け　~ 480px */
@media only screen and (max-width:480px) {

	.rs-arrows {
		padding:8px 0 10px 10px;
	}

	img.waku {
		margin-left:3%;
		margin-right:3%;
		max-width:90%;
	}
	
	th {
		font-size:70%;
	}	
}


/* タブレット向け　481 ~ 768px */
@media only screen and (min-width:481px) {

	.inbox {
		margin:0 1%;
		padding:8px;
		background: rgba(255,255,255,0.5);
	}

	#message {
		clear:both;
		width:100%/*532px*/;
		min-height:120px; float:left;
		padding:8px;
		margin:0 8px 16px 0;
		text-align:left;
	}
	
	#mark1 {
		clear:both;
		float:left;
		margin-top:6px;
		margin-left:8px;
	}
	
	#mark1_cap {
		float:left;
		margin-top:4px;
		margin-bottom:8px;
		margin-left:16px;
		max-width:580px;
	}


	.rs-arrows {
		padding:8px 0 0 10px;
	}
	
}


/* PC向け　769px ~ */
@media only screen and (min-width:769px) {

	#topgazo {
		margin-right:12px;
	}
	
	.rs-arrows {
		padding:10px;
	}

	#message {
		clear:both;
		width:764px/*532px*/;
		min-height:120px; float:left;
		padding:8px;
		margin:0 8px 16px 0;
		text-align:left;
	}
	
	#mark1 {
		clear:both;
		float:left;
		margin-left:8px;
	}
	
	#mark1_cap {
		float:left;
		margin-top:8px;
		margin-left:16px;
		max-width:580px;
	}

	#message p {
		font-size:13px;
		line-height:1.7em;
	}

}