@charset "UTF-8";
/* CSS Document */

.pc{ display:block;} .pc2{ display:block;} .sp{ display:none;} .sp2{ display:none;}
@media screen and (max-width: 786px) {
.pc{ display:none;} .sp{ display:block;}
}
@media screen and (max-width: 640px) {
.pc2{ display:none;}  .sp2{ display:block;}
}
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Lucida Grande" , "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
}

.clear {
	clear: both;
}
.clear2 {
	clear: both;
	margin-top: 20px;
}
.clear3 {
    clear: both;
    height: 20px;
}
hr {
    width: 100%;
	max-width: 1920px;
    border: none;
    border-top: solid 1px #778ca3;
}
.black_font1 {
    color: #414141;
}
.blue_font1 {
    color: #324D93;
    font-weight: bold;
    font-size: 110%;
}
.blue_font2 {
    color: #324D93;
    font-weight: bold;
    padding-bottom: 10px;
    margin-left: 10px;
}
.topimages {
	width: 100%;
	max-width: 1920px;
	margin-left: auto;
	margin-top: 0px;
	margin-right: auto;
}
.day {
    width: 25%;
    max-width: 130px;
    margin: 0 0 10px 10px;
    background-color: #324D93;
    padding: 3px;
    float: left;
    font-size: 105%;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.info_aeria {	width: 100%;
	max-width: 960px;
	margin: 0px auto;
}
.content1 {
	margin: 25px 0;
	padding: 0 20px;
}
	.content1 dt {
		border-left: 5px solid #4B7BD0;
		padding: 2px 10px;
		font-weight: bold;
		margin-bottom: 1%;
		background: #F2F2F2;
		color: #324D93;
	}
		.content1 dd {
			padding: 2px 0;
			font-weight: normal;
		}
.img_wrap img:hover{
  opacity: 0.6;
  transition-duration: 0.3s;
}
.box840 {
	width: 100%;
	max-width: 842px;
	margin: 0px auto;
}
.box960 {
	width: 100%;
	max-width: 960px;
	margin: 0px auto;
}
.btn a {
  width: 30.3%;
  line-height:40px;
  float:left;
  margin: 1% 1.5%;
  background: #F2F2F2;
  color: #324D93;
  font-size: 100%;
  text-align:center;
  text-decoration: none;
  position: relative;
  display: inline-block;
  border: solid 1px #324D93;
  transition: .4s;
}
.btn a:hover {
  background-color: #324D93;
  color: #fff;
}
.banner {
    width: 23%;
    margin: 2% 1% 0 1% ;
    float: left;
}
.footer {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    background-color: #F2F2F2;
}
.logo {
    width: 100%;
    max-width: 95px;
    margin-top: 20px;
    margin-bottom: 0px;
    float: left;
}
.kumadaicenter {
    width: 100%;
    max-width: 354px;
    float: left;
    margin-top: 20px;
    margin-bottom: 0px;
    margin-left: 200px;
    text-align: center;
    padding-bottom: 20px;
    font-size: 90%;
}
.kumadaicenterfoot {
    width: 100%;
    max-width: 1920px;
    text-align: center;
    font-size: 90%;
    height: 30px;
    color: #FFFFFF;
    background-color: #29285B;
    padding-top: 5px;
    padding-bottom: 3px;
}
* {
  box-sizing: border-box;
}


@media screen and (max-width: 786px) {
.info_aeria{
	width: 90%;
}
.day {
    width: 30%;
    margin: 0 0 10px 0;
    font-size: 100%;
}
.black_font1 {
    font-size: 90%;
}
.blue_font1 {
    font-size: 90%;
}
.blue_font2 {
    font-size: 95%;
}
.btn a {
  width: 41%;
  margin: 2% 0 0 6%;
  line-height:40px;
  font-size: 95%;
}
.banner {
  width: 41%;
  margin: 2% 0 0 6%;
}
.footer {
    max-width: 780px;
}
.logo {
    margin-left: auto;
    margin-top: 20px;
    margin-right: auto;
    margin-bottom: 0px;
    float: none;
    padding-top: 20px;
}
.kumadaicenter {
    width: 90%;
    margin-left: auto;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 0px;
    float: none;
}
	* {
  box-sizing: border-box;
}
}