@charset "UTF-8"

html {
 font-size=100%;
}

/* HEADER */

.page-header {
 display: flex;
 justify-content: space-between;
}
.page-header h1 {
 font-size: 1.5rem;
}
 
.wrapper {
 max-width: 1600px;
 margin: 0 auto;
 padding: 0 2%;
}

.logo {
 width: 100px;
 margin-top: 0pt;
}


/* HEADER */


body {
 font-family: "新ゴ R",serif;
}

img {
 max-width: 100%;
}

.title-top {
 background-color: rgba(255,255,255,0.5);
}

.big-bg {
 background-size: cover;
 background-position: top 
}

.home-page {
 text-align: center;
 margin-top: 10%;

}

.home-page h2 {
  color: #FFFFFF;
}

#home {
 background-image: url(../img/top2_bg.jpg);
 background-color: #777777;
 height: 200px;
}

#home .page-title {
 text-transform: none;
}

/* sitemap */

.smap {
 display: flex;
 flex-wrap: wrap;

 justify-content: space-between;
/*
 margin: 10px 30px 10px 30px;
*/
}

sct1 {
 text-align: center;
 background: #2c602c;
 color: #ffffff;
 width: 32%;
}

sct2 {
 text-align: center;
 background: #ff9933;
 width: 32%;

}

sct3 {
 text-align: center;
 background: #2c602c;
 color: #ffffff;
 width: 32%;
 
}

h1 {
 text-align: center;
 
}

h2 {
 text-align: center;
 border-width: 0px 0px 1px 0px;
 border-style: double;
}

sct1 a{
 color: #ffffff;

}

sct3 a{
 color: #ffffff;

}

/* イベント　青少年科学館　グリッド */

.item {
 width: 300px;
 height: 300px;
 background: #6b1d3b;
 margin: 5px;
 padding: 5px;
 text-align: center;
}

.item a {
 color: #ffffff;
}

.item img {
 height: 85%;
 width: 100%
 object-fit: cover;
}

.grid {
 display: flex;
 flex-wrap: wrap;
}

.grid2 {
 display: flex;
 flex-direction: column;

}

.item2 {
 width: auto;

 margin: 5px;
 padding: 5px;
 text-align: center;

}

.ftr {
 width: auto;
 background-color: #6b1d3b;
 margin: 5px;
 padding: 5px;
 text-align: center;
}

.ftr a {
 color: #ffffff;
}

/* sitemapのフッター */
.ftr_smap {
 width: auto;
 background-color: #788897;
 margin: 5px 0px 0px 0px;
 padding: 5px;
 text-align: center;
}

.ftr_smap a {
 color: #6b1d3b;
}

.ftr_smap a:hover {
 color: #000000;
}