@charset "UTF-8";

/* index */


.billboard{ position:relative; display: block; width:100%; margin: 0; /*padding: 80% 0 0 0;*/ height: 100vh; }
.billboard *{ margin-top:0;}
.billboard img.logo{ display:block; margin: auto; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.billboard #google_translate_element{ position:absolute; top: 0; right: 2.0em; margin-top: 0;}
.billboard .scrollNavi img{ position: absolute; display:block; margin: 0 auto; left: 0; right: 0; bottom:2.0em;}

.index-title{ padding:0 0 5px 0; color:#455261; border-bottom:solid 1px #B3B7C1; font-size:129%; line-height:1.5; font-weight: bold;}
.index-title img{ vertical-align: middle; padding-right: 0.5em;}
.index-title span{ font-weight:normal; font-size:86%;}



.indexInfo{ margin:0;}
.indexInfo li{ margin:0; padding:7px 10px; border-bottom:solid 1px #E0E0E0;}
.indexInfo time{  display:inline-block; margin:0 1.0em 0 0 ; padding:0;}
.indexInfo .category{ display:inline-block; margin: 0 1.0em 0 0; padding: 0; width:100px;  background: #595757; color: #FFFFFF; text-align: center; font-size:86%;}
.indexInfo a{ display:inline-block; margin:0; padding:0;}

.indexEvent{}
.indexEvent .image{ padding:100% 0 0 0; background:#F0F0F0; position:relative;}
.indexEvent .image img{ display:block; margin:auto; padding:0; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0;}
.indexEvent .date{ display:block; margin:10px 5px 0 5px; font-size:86%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.indexEvent .title{ margin:5px 5px 0 5px; line-height:1.5;}

.econokaze{}
.econokaze li{ margin:0 0 0 0; padding:5px 0 5px 0; border-bottom:solid 1px #a8a8a8;}
.econokaze a{ display:block; margin:0; padding:0; text-decoration:none;}
.econokazeTitle{ margin:0; padding:0; line-height:1.5; text-decoration:underline;}
.econokazeDate{ margin:0; padding:0; color:#333333; line-height:1.5; font-size:85%;text-decoration:none;}
.econokazeExcerpt{ margin:0; padding:0; color:#333333; line-height:1.5; font-size:85%;}

.sctwitter{ display:none;}

.title-flex{ display: flex; justify-content: space-between; align-items: center; border-bottom: solid 1px #B3B7C1;}
.title-flex *{ margin-top: 0;}
.title-flex .index-title{ border: none;}
.title-flex .title-navi{ font-size: 86%;}

@media  (min-width:480px){
	#billboard_smart{ display:none !important;}
}

@media only screen and (max-width:480px){
	#billboard_PC{ display:none !important;}
	.billboard{ width: 100%; min-height: 300px; padding:0;}
	.billboard img.logo{ width: auto; height: auto; max-width: 70%; max-height: 70%;}
	.billboard #google_translate_element{ top:0; right: 0;}
	

}