@charset "UTF-8";

/*
======== table of content. ===============

summary:about

==========================================
*/

.access {  }

.tabs { padding-left:4px; padding-right:4px; }

.tabs > .tab {
  display: inline-block;
}

.tabs > .tab a { display:block; padding:5px 12px; background:#eee; text-decoration:none; text-align:center; }

.tabs > .tab.active a {
  background-color: #0e1c56;
  color:#fff;
}
.panels > .panel {
  display: none;
  padding:4px;
  border-top:1px solid #0e1c56;
}
.panels > .panel.active {
  display: block;
}

.panel ul li { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #ccc; }
.panel ul li p.description { min-height:40px; font-size:10px; }
	
	@media screen and (max-width: 767px) {
		.bg_white { border-left:none; border-right:none; border-color:#d9d9d9; }
		.tabs { padding-left:2px; padding-right:2px; }
		.tabs > .tab { font-size:10px; }
		.tabs > .tab a { padding:8px; }
		.map_detail { margin-bottom:15px; }
		.map img { width:100%; height:auto; }
		.panel ul li img { width:80%; height:auto; }
		.panel ul li p.thumb { text-align:center; }
		.panel ul li p.description { min-height:inherit; font-size:12px; }
	}