@charset "UTF-8";

/*********************

	contents

*********************/

#contents .inner {
	/*max-width: 720px;*/
	max-width: 600px;
}
.gnav{
	display: none;
}
#footer_info,.txtlink {
  display: none;
}
@media screen and (max-width: 768px) {
	.gnav{
		display: block;
	}
	#footer_info,.txtlink {
		display: none;
	}
}
/*********************

	footer

*********************/
#footer {
  border-top: 1px solid #222;
}
#footer .h1 {
	display: none;
}
.txtlink {
  background: #222;
  padding: 10px 0;
}

/*********************

	map

*********************/
#map #contents .inner {
  max-width: 720px;
}
.root {
	margin-top: 6em;
}
.root .pc{
  display: block;
}

.root .sp{
  display: none;
}
@media screen and (max-width: 768px) {
  .root{
    margin-top: 4rem;
  }
  .root .pc{
    display: none;
  }
  .root .sp{
    display: block;
  }
}	

/*********************

	outline

*********************/
#outline #contents {
	padding-top: 1em;
}
#outline #contents .inner {
  max-width: 960px;
  color: #ddd;
}
#outline #contents .block:not(:first-child) {
  margin-top: 40px;
}
#outline #contents h2 {
  margin: 1em 0 0;
  padding: 10px;
  font-size: 18px;
}
#outline table {
	width: 100%;
	font-size: 12px;
	text-align: left;
  background: #111;
}
#outline th, #outline td {
	border: #333 solid 1px;
	padding: 15px;
	box-sizing: border-box;
}
#outline th {
	width: 30%;
	background: rgba(0,63,112,0.10);
}
@media screen and (max-width: 480px) {
	#outline th, #outline td {
		display: block;
		width: 100%;
		margin-bottom: -1px;
	}
}
.date{
  text-align: right;
  font-size: 12px;
}
.yokoku-ttl {
	font-size: 14px;
}

#popupNav {
	margin: 3em auto;
	text-align: center;
}
#popupNav li {
	width: 40%;
	max-width: 240px;
	display: inline-block;
	border: 1px solid rgba(115,109,51,1.00);
}
#popupNav a {
	display: block;
	padding: 10px;
	color: rgba(115,109,51,1.00);
}
#popupNav a:hover {
	color: #eee;
}


.planNav{
	padding: 20px 0;
	margin-bottom: -80px;
	background: #fff;
	text-align: center;
}
.planNav li {
	width: 40%;
	max-width: 240px;
	display: inline-block;
	border: 1px solid rgba(115,109,51,1.00);
  margin-top: .5rem;
}
.planNav a {
	display: block;
	padding: 10px;
	color: rgba(115,109,51,1.00);
}
.planNav a:hover,
.planNav a.current{
	color: #fff;
	background: #a99b55;
}