@charset   "UTF-8";
/*Theme Name:home*/

/*--------------------main---------------------------*/
#main_home {
        float:left;
	width: 76%;
	text-align: left;
	line-height: 1.6em;
	word-spacing: 0.5em;
	padding-left: 2%;
	padding-right: 2%;
        padding-bottom:20px;     
}

#home {
	width:100%;
	text-align: left;
	line-height: 1.6em;
	word-spacing: 0.5em;
     	background: rgba(255,255,255,0.5);
}

#top_home{
  /*   position: relative;*/
     width:100%;
     list-style: none;
     overflow: hidden;
     padding:0;
}

#top_home img{      
	width:100%;
}

#topimg{
     position: relative;
     width:100%;
/*     list-style: none;*/
/*     padding:0px;*/
}

#toptext{
    position:absolute;
    font-size:14px; 
    background: #000;
    filter: Alpha(opacity=50);
    opacity: 0.5;
    color:#fff;
    width: 300px;
    padding:5px;
    margin-left:15px;
    line-height:1.3em;
    bottom:10px;
  /*  z-index:5;*/
}

#mainmenu{
      display:none;
}

/*---------------------タイトルバー表示-----------------------*/
.term-label-home{
       margin-top:20px;
	text-align: center;
	color: #fff;
       background: #7f7fff;
       font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.term-label-tax{
       margin-top:0px;
	text-align: center;
	color: #fff;
       font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

/*---------------------新着情報-----------------------*/
#wrapper_notice{
        display: flex;
}
#notice{
        margin-top:10px;
        margin-left: 2%;
	word-spacing: 0.5em;
	width: 55%;
}
#notice_content{
        border: 1px silver solid;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        height: 194px;
        overflow-x: hidden;
        overflow-y: scroll; 
        margin-bottom:0;
}
#notice_title{
        font-size:90%;
	font-weight: bold;
        border: 1px silver solid;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background-color:#dcdcdc;
        padding-left:10px;
        padding-top:2px;
        padding-bottom:0px;
}
.notice-date {
        display:inline-block;
	font-weight: lighter;
        line-height:20px;
	font-size: 16px;
	font-family: "'Slabo 27px', serif";
      
}
.content_notice{
       width: 100%;
       line-height:20px;
       font-size: 16px;
       padding-left:0;
       text-decoration: none;
}
.newmark {
  display:inline-block;
  font-size: 50%;
  padding:0 2px;
  color: White;
  background-color: #ff4500;
  border-radius: 3px;
  margin-left:0px;
  line-height: 16px;
}

#info_kokuban{
        position: relative;
        margin-top:10px;
        margin-left: 2%; 
	word-spacing: 0.5em;
	width: 39%;
     /*   background-color:#dcdcdc;*/
}

#info_kokuban span{
       position: absolute;
}

#pic2{
    opacity: 0;
}

.info_title{
        display:inline;
        font-size:12px;
	font-weight: bold;
        margin-left:10px;
}
.info_content{
        display:inlinek;
        font-size:10px;
        margin-left:10px;
}
.item{
      line-height: 16px;
      margin-top:5px;
}

/*---------------------イベント参加ボタン-----------------------*/
div.sanka-btn{
        margin:10px 0 0 2%;
}

.btn-flat-border {
         display: inline-block;
         padding: 0.3em 3em;
         margin:0 auto;
         text-decoration: none;
         background: #ff4500;
         border: solid 1px #ff4500;
         border-radius: 3px;
         transition: .4s;
}

a.btn-flat-border:link {
	color: #fff;
}

a.btn-flat-border:visited {
	color: #fff;
}

a.btn-flat-border:hover {
         background: #fff;
         color:#ff4500;
}

/*---------------------デバイス切替-----------------------*/
@media screen and (min-width:480px)and (max-width:767px){
#main_home {
	width: 96%;
}

div#toptext{
        display:none;       
}

#wrapper_notice,.notice-date {
        display:block;       
}

#notice{
	width: 96%;
}

#info_kokuban{
        margin:10px 5% 0 5%;
        width:90%;
        height:90%;          
}

#notice_content{
        height: auto;
}

}

@media screen and (max-width: 480px){
#main_home {
	width: 96%;
}

div#toptext{
        display:none;       
}

.btn-flat-border {
         padding: 0.3em 2em;
}

#wrapper_notice,.notice-date {
        display:block;       
}

#info_kokuban{
        margin:10px 5% 0 5%;
        width:90%; 
        height:auto;      
}

#notice{
        width:90%;
        margin:10px 5% 0 5%;
}

#notice_content{
        height: auto;
}

}