@charset "utf-8";

/* yokosukas */

body#yokosukas {
	background: #fff;
	height: 100%;
	font-family: meiryo,"メイリオ";
}
body#yokosukas p {
	font-size: 110%;
}
header#yokosukas-header {
	background: #000;
	margin:0;
	padding: 0;
}
body#yokosukas div.row .column {
	margin: 3em 0 0 0;
}
body#yokosukas .hero-section h1#3emH1 {
	color: #fff;
	font-weight: bold;
	font-size: 3em;
}
body#yokosukas h4.pdf-h4 {
	color: #ff3399;
	font-weight: bold;
}
body#yokosukas h4.levelH4{
	color: #3399ff;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
body#yokosukas h4.levelH4 span{
	color: #222;
	font-weight: normal;
	font-size: 75%;
	margin-left: 1em;
}
p.level-p {
	margin-top:0.5em;
	margin-bottom: 2em;
	font-size: 110%;
}
ul.archives {
	margin:0;
	padding:0;
	font-size: 1.2em;
}
ul.archives li {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	line-height: 1.9;
}
span.SIROobi {
	color: #fff;
	background: #00cc66;
	margin: 0 1em;
	padding: 0 0.5em;
	font-size: 80%;
}
span.CHAobi {
	color: #fff;
	background: #990000;
	margin: 0 1em;
	padding: 0 0.5em;
	font-size: 80%;
}
span.KUROobi {
	color: #fff;
	background: #222;
	margin: 0 1em;
	padding: 0 0.5em;
	font-size: 80%;
}


span.increasePage {
	color: #ff0066;
	background: transparent;
	margin: 0;
	padding: 0 0.55em;
	font-size: 75%;
	font-weight: bold;
	border: 1px solid #ff0066;
	border-radius: 4px;
}


div.pagetitlePanel {
	margin: 3em 0 1em 0;
	display:inline-block;
}
div.pagetitlePanel img {
	margin: 0 0 2em 0;
}
.description_UL h4 {
	margin: 1.5em 0 0 0;
	font-weight: bold;
	color: #222;
}
.description_UL h4 li {
	font-size: 110%;
}
.background01 {
	background: url("../img/news/yokosukano/TopBackground.png");
  	background-size: cover;
  	height: 70vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* header */

.hero-section {
  background: url("../img/news/yokosukano/TopBackground.png") 50% no-repeat;
  background-size: cover;
  height: 70vh;
  text-align: center;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 40.063em) {
	.hero-section {
	  background: url("../img/news/yokosukano/TopBackground.png") 50% no-repeat;
	  background-size: cover;
	  height: 50vh;
	  text-align: center;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-align-items: center;
	      -ms-flex-align: center;
	          align-items: center;
	  -webkit-justify-content: center;
	      -ms-flex-pack: center;
	          justify-content: center;
	}
}



body#yokosukas div.hero-section-text h5.headeer-h5 {
	color: #fff;
	font-weight: bold;
}
body#yokosukas h1 {
	color: #ff3399;
	font-weight: bold;
	margin: 1.5em 0 0.75em 0;
	text-align: center;
}
body#yokosukas h4.yearTitle {
	margin: 0 0 3em 0;
	font-weight: bold;
	text-align: center;
}



body#yokosukas h4.fontred,
body#yokosukas h5.fontred,
body#yokosukas h4.endDate,
body#yokosukas h4.endDate small{
	color: #ff3399;
	font-weight: bold;
}

body#yokosukas h5.description-h5{
	margin: 0;
	padding: 0 0 4em 0;
	line-height: 2.0;
	color:#222;
}
img.yokosukas-image {
	margin: 3em 0;
}
div.orderColumn {
	margin:0;
	padding: 3em 0;
}
ul.yokosukasUL {
	margin: 3em 0;
}
fieldset.classDay {
	margin:0;
	padding: 1em;
	background: #009900;
}
fieldset.classDay h3,
fieldset.classDay h4,
fieldset.classDay h5 {
	color: #fff;
	font-weight: bold;
}
fieldset.classDay legend {
	color: #009900;
	font-size: 115%;
	background: #fff;
}
fieldset.classDay small {
	color: #fff;
	margin-left: 0.1em;
}
dl.yokosukasDL {
	margin:0;
}
dl.yokosukasDL dd {
	font-size: 70%;
	margin: 0;
	padding:0.5em 0 0 0;
}
dl.yokosukasDL dt {
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding: 0;
	color: #009900;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
dl.yokosukasDL dt small {
	color: tranparent;
	margin-left: 0.5em;
}

body#yokosukas a.button {
	margin: 1em 0;
}

body#yokosukas div.outofOrder h4.endDate,
body#yokosukas div.outofOrder h5.fontred,
body#yokosukas div.outofOrder small {
	color: #ff3399;
}

.footer-image {
	margin: 3em 0 0 0;
}