html, body {
height: 100vh;
}
.section {
height: 100vh; }
.container {
min-height: 100%;
height: auto;
}
.nav li.active { color: #000; text-decoration: underline; }
body{
font-family: "メイリオ", "游ゴシック",YuGothic,Meiryo, sans-serif;
font-size:12px;
background-color:#fff ;
margin-top:0px;
}
h1.top{
font-size: 1.2em;
font-weight: normal;
color: #000;
}
h2{
font-weight: normal;
color: #000;
}
@media (max-width:767px){
h2{
font-size: 1.0em;
}
span{
font-size: 0.9em;
}
}
@media (min-width:768px){
h2{
font-size: 0.9em;
}
span{
font-size: 1em;
}
}
span{
text-align:center;
}
p{
font-size: 1em;
}
#Home,#about,#past,#info,#blog,#cous {
color:#000;
background-size: cover;
background-repeat: no-repeat;
height:auto;
padding-bottom: 100px;
padding-top:100px;
margin-left: 10px;
margin-right: 10px;
overflow: hidden;
width: auto;
}
#Home{
background-color: rgba(255,241,207,1);
}
#about{
background-color: rgba(242,242,176,1);
}
#past{
background-color: rgba(253,239,242,1);
}
#info{
background-color: rgba(224,235,175,1);
}
#blog{
background-color: rgba(244,221,165,1);
}
#cous{
background-color: rgba(230,205,227,1);
}
.tx_cntr{
text-align: center;
}
.tx_rigt{
text-align: right;
}
.tx_left{
text-align: left;
}
table.repo{
color:#000;
font-size: 0.9em;
width: 100%;
text-align: center;
}
th.repo{
text-align: left;
font-weight: bold;
}
td.repo{
text-align: left;
font-weight: normal;
}
/*HOMEで使用*/
.toppage_text{
color:#000;
font-size: 1.0em;
text-align: center;
font-weight: normal;
}
/*出現予定の最後で使用*/
.omachi{
color:#000;
font-size: 1.0em;
text-align: center;
font-weight: normal;
}
/*さえずりで使用*/
.blog_title,.blog_message,.blog_image{
font-size: 1.0em;
font-weight: normal;
margin: 10px;
}
.blog_title,.blog_image{
text-align: center;
}
.blog_message{
text-align: left;
}
/* テキストの背景を半透明表示 */
.text_back{
/*background-color: rgba( 204, 255, 204, 0.55 );*/
background-color: rgba( 255, 255, 255, 0.55 );
color: #000;
}
/* 出没情報で使用 */
.event_padd{
padding-top:20px;
}