@charset utf-8;

/* Contents */
body {
	background: #fff;
}

	.hero-section {
	  background: #fefffc;  
	  background-size: cover;
		margin: 0 0  50px 0;
	  height: 90vh;
	  text-align: left;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-align-items: left;
	      -ms-flex-align: left;
	          align-items: left;
	  -webkit-justify-content: left;
	      -ms-flex-pack: left;
	          justify-content: left;
	}

h2.main_lead {
	color: #493F3A;
	margin: 0;
	padding:1em;
	font-weight: bold;
	font-size: 2.5em;
	text-align: center;
	line-height: 2.0;
}
h3.sub_title {
	margin: 0 0 1em 0;
	padding: 1em;
	background:#493F3A;
	color: #fff;
}
p.special_issue {
	font-size: 1.5em;
	line-height: 2.0;
	margin:0 0  1.5em 0;
}
img.mobile_image {
	margin-bottom: 35px;
	width: 100%;
}
@media only screen and (min-width: 40.063em) and (max-width: 64em)  {

	.hero-section {
	  background:#fefffc
	  background-size: cover;
		margin: 0 0  50px 0;
	  height: 48vh;
	  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 screen and (max-width: 39.9375em) {

	.hero-section {
	  background:#fefffc; 
	  background-size: cover;
		margin: 0 0  50px 0;
	  height: 30vh;
	  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;
	}

}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
	height: 150px;
}
ul.purposeUL {
	margin-top: 0px;
	font-size: 1.5em;
}
ul.purposeUL li {
	line-height: 2.0;
}
.mobileTBL {
	border: 3px solid #493F3A;
	padding: 0.3em;
	border-radius: 8px;
}
.mobileTBL {
	background: #fff;
}
.mobileTBL tr th {
	font-size: 30px;
	padding: 0.3em 0.5em;
}
.mobileTBL tr th.L_head {
	background: #493F3A;
	color: #fff;
	font-size: 15px;
	padding: 0.5em 0.5em;
	text-align: center;
	width: 5em;
}
.mobileTBL tr td {
	font-size: 20px;
	padding: 0.5em 1em;
	text-align: center;
}
h2.dayH2 {
	margin: 1em 0;
	padding: 0.5em;
	text-align: center;
	background: #493F3A;
	color: #fff;
	font-weight: bold;
	border-radius: 8px;
}
h2.dayH2 small {
	color: #fff;

}
span.date_tag {
	border: 1px solid #fff;
	padding: 0.35em;
	margin-bottom: 3em;
	margin-right: 1em;
	font-size: 14px;
}
span.timeSpan {
	margin: 0 1em ;
	padding: 0.1em 0.2em;
	background: #493F3A;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	border-radius: 6px;
}

.orderPanels h2 {
	font-weight: bold;
	text-align: center;
	color: #336600;
}
.orderPanels h4 span {
	font-size: 16px;
	font-weight: bold;
	margin-right: 1em;
}
.orderPanels h4 {
	font-weight: bold;
}
.orderPanels p {
	color: #cc0066;
	margin-bottom: 0.75em;
	font-weight: bold;
}
.orderPanels h5 {
	line-height: 1.9;
}
fieldset.hissukoumoku {
	margin: 2em 0;
	padding: 1em 2em;
	border-radius: 12px;
	border: 5px solid #493F3A;
	background: #ebf0fa;
}
fieldset.hissukoumoku legend {
	background: #cc0066;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 0.7em 1em 0.6em 1em;
	border-radius: 12px;
}
fieldset.hissukoumoku ul {
	margin: 1em auto;
	font-size: 20px;
	font-weight: bold;
}
h2.simekiri {
	color: #cc0066;
	font-weight: bold;
	text-align: center;
	padding: 0.5em;
	border-top: 5px solid #cc0066;
	border-bottom: 5px solid #cc0066;
}
h2.simekiri span {
	font-size: 75%;
	font-weight: bold;
}

section.buttonRow {
	margin: 0 0 ;
	padding: 0.8em 0.5em 0.3em 0.5em;
	background: #ffff99;
}