@charset "UTF-8";

#main-content { width: 940px; margin-left: auto; margin-right: auto; }
#main-content .main-header{ overflow: hidden; }
#main-content .main-ttl{ float: left; }
#main-content .main-header .copy{ float: right; border: 1px solid #f2a849; color: #f2a849; font-size: 13px; line-height: 20px; padding: 5px 15px; }
#main-content .hotspot-wrapper{ background: url(../hotspot/image/bg01.gif) center 0 repeat; padding: 10px; margin-top: 10px; }
#main-content .hotspot-container{ padding: 40px; background-color: #ffffff; }
#main-content .hotspot-item+.hotspot-item{ margin-top: 50px; }
#main-content .hotspot-item .ttl{ border-left: 6px solid #31927b; background-color: #70c1b1; color: #ffffff; font-size: 20px; line-height: 1.5; padding: 6px 20px; text-shadow: 1px 1px 0 #5c7859; margin-bottom: 10px; }
#main-content .hotspot-item .floor{ color: #333333; }
#main-content .hotspot-item .intro-txt{ color: #ff6600; }
#main-content .hotspot-item .copy{ color: #336699; }
#main-content .hotspot-table{ margin-top: 10px; }
#main-content .hotspot-table .photo{ padding-right: 20px; }
.content-caption { font-size: 70%; text-align: center; }

.nm{ font-size: 80%; }
.ns{ font-size: 70%; }
.date{ color: #000000; }
.sp-mt5{ margin-top: 5px; }
.sp-mt10{ margin-top: 10px; }


@media screen and (max-width: 480px){
	#main-content { width: 100%; margin-left: auto; margin-right: auto; }
	#main-content .main-header{ padding: 20px 15px; }
	#main-content .main-ttl{ float: none; text-align: center; }
	#main-content .main-header .copy{ float: none; text-align: center; margin-top: 10px; }
	#main-content .hotspot-wrapper{ margin-top: 0; }
	#main-content .hotspot-container{ padding: 15px; }
	#main-content .hotspot-item+.hotspot-item{ margin-top: 30px; }
	#main-content .hotspot-item .ttl{ font-size: 18px; padding: 5px 15px; }
	#main-content .hotspot-table td{ display: block; }
	#main-content .hotspot-table .photo{ padding: 0 0 10px; text-align: center; width: 100%; }
	#main-content .hotspot-table .qr{ display: none; }
	img {width: 100%;}
}