@import url(common.css);
@import url(backnumber_common.css);
@import url(common_sm.css);

h2.hidden {
  display: none;
}

#main .lead {
  font-size: 95%;
  margin: 1em 0;
}

#headline {
  margin: 1em 0;
  padding: 0;
  font-size: 90%;
}

#pickup-image {
  width: 150px; height: 120px;
  float: left;
}

#pickup-image a img {
  border: none;
}

#pickup-news {
  margin-left: 160px;
}

#pickup-news h3 {
  margin: 0;
  padding: 0;
}

#pickup-news h3 img {
  display: none;
}

#pickup-news .date {
  text-align: right;
  margin: .5em 0 .2em;
}

#pickup-news-head {
  margin: 0; padding: 0;
  text-align: justify; text-justify: inter-ideograph;
}

#pickup-news .continue {
  margin: .2em 0 0; padding: 0;
  text-align: right;
}

#main dl {
  line-height: 1.6;
  margin: 0 0 2em;
  padding: 0;
}

#main dl dt {
  clear: left; float: left;
  font-family: monospace;
  white-space: nowrap;
  vertical-align: top;
  background: url(image/star.png) no-repeat left center;
  padding-left: 16px; padding-right: 1em;
}

#main dl dd {
  margin-bottom: .3em;
  margin-left: 7em;
}

@media (max-width: 767px) {
	#location {display: none;}
	#calendar {width: auto; display: none;}
	#contents-main #ads img {width: 100%; height: 100%;}
	#main dl {line-height: normal; margin: 0; padding: 0;}
	#main h1 {
		margin: 0 0 10px;
		padding: 0 8px 4px;
		font-size: 16pt;
		border: 0;
		color: #028;
	}
	#main p.lead {
		margin: 0 0 10px;
		padding: 0 8px;
		font-size: medium;
	}
	#headline {
		margin : 0 0 10px;
		font-size: medium;
	}
	#pickup-image {
		padding: 0 8px 8px;
		width: 100px;
		height: 75px;
	}
	#pickup-image img {
		width: 100%;
		height: 100%;
	}
	#pickup-news {
		margin: 0;
		padding: 0 8px;
	}
	#pickup-news-head {
		clear: left;
	}
	#pickup-news .continue {
		display: none;
	}
	#main dl dt {
		background-image: none;
		float: left;
		width: 4.5rem;
		font-family: sans-serif;
		padding: 8px;
		border-top: 1px solid #ccc;
	}
	#main dl dd {
		margin: 0;
		padding: 8px 8px 8px 5rem;
		border-top: 1px solid #ccc;
		min-height: 44px;
	}
}