@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);
}

#mainmenu{
      display:none;
}

/*--------------------event---------------------------*/
#roop_event{
	overflow: hidden;
	margin-bottom: 10px;
	margin-top: 10px;
	/* margin-left: 2%; */
}

.kugiri{
 width:100%;
 /*height: 50px;*/
 padding-top:10px;
 padding-bottom:10px;
 background-color: #eef0f6;
 /*margin-bottom: 30px;*/
/* margin-top:50px;*/
}

.topics_after {
   background: #e7f013;
   text-align: center;
  /* padding-top:15px;*/
   z-index:5;
   color: #04b4e3;
   font-weight: bold;
   font-size: 18px;
}

.moji{
	margin-top:0;
	margin-bottom: 0;	
	text-align: left;
        padding:0 20px;
	}

.ya{
	clear: both;
	text-align: right;
	margin-right:50px;
	padding-top:0;

	}

.ya a{
	color: black;
	/* font: italic small-caps bold 20px/2 cursive; */
	text-decoration: none;
	font-weight: bold;
	font-size: 22px;
}

.ya a:hover{
    color: #ff4500;
	
}
/*---------------------syoukai-----------------------*/
#syoukai{
	position: absolute;
	top:50px;
	width:50%;
	/* height:340px; */
	left:50%;
}
/*---------------------slider ovarlap-----------------------*/
#top_layer{
     position: relative;
     list-style: none;
     padding:0;
}

.fade-list {
  position: absolute;
  top: 0;
  left: 0;
  display:none;
}

/*---------------------slider beside-----------------------*/
#carousel-area {
 /* left:0; */
 display: flex;
 position: absolute;
}
.carousel-list {
  list-style:none;
}

/*---------------------arow-----------------------*/
#arrow,#arrow_img{
	width: 100%;
	overflow: hidden;
	position: relative;
}

.arrow_left,.arrow_left_img{
	position: absolute;
	top:50%;
    left:10px;
}

.arrow_right,.arrow_right_img{
	position: absolute;
	top:50%;
    right:10px;
}

.btn_stop,.btn_play,.btn_stop_img,.btn_play_img{
  position: absolute;
  top:3px;
  font-size: 14px;
  left:10px;
  padding:3px 8px;
  border-radius:5px;
  color: #fff;
  background-color: #eb6100;
}
/*---------------------box-----------------------*/
#box{
  width:100%;
  margin-bottom:90px;
  margin-top: 100px;
  /* background: #eb1564; */
 }

.box{
 display: inline-block;
 /* float:left; */
 /* width: 130px; */
 /* margin-left: 25%; */
 /* border-radius:10px; */
 /* background-color: #96e3ff; */
 /* opacity:0.5; */
 /* text-align: center; */
 padding-bottom: 3px;
 padding-top: 6px;
 /* font-weight:bold; */
 /* font-family: "ＭＳ Ｐゴシック",sans-serif; */
 /* clear: both; */
 color: #111111;
 font-size: 25px;
 /* margin-top: 100px; */
 border-bottom: 3px #ff987d solid;
 border-top: 3px #ff987d solid;
 color: #ff987d;
}

#box1{
  position: relative;
  padding-top:10px;
  width: 100%;
  height:270px;
  margin-left:2.5%;
  background-color: #bcf;
  /* border-radius: 10px; */
}

.box1{
  /* margin-left: 5%; */
  /* font-weight:bold; */
  display: block;
  padding-left: 7%;
  background: #FFF0F5;
  /* height: 450px; */
  /* margin-top: 50px; */
  padding-top: 20px;
  padding-bottom: 30px;
  border-top: 1px #ff987d dotted;
  border-bottom: 1px #ff987d dotted;
  }
.box1 a{color: #ff987d;}
.box1 a:hover{color: #ff4500;}

.box2{
  margin-top:30px;
  background: #fff;
  padding-bottom: 30px;
 } 
.box2 a{color: #000;}
.box2 a:hover{color: #ff4500;}

#box4{  
   top:10px;
   left:45%;
   position: absolute;
   width:50%;/*600*/
   height:260px;/*450*/
   z-index:2;
}

.box:hover{background-color: #4d90fe;color:#f8f8f8;}

.bosyuu{
        position: relative;
        height: 36px;
        background: #eef0f6;
        text-align: left;
        color: #04b4e3;
        font-weight: bold;
        margin-bottom:10px;
        padding-left: 0;
}

.bosyuu>span{
    position: absolute;
    top:8px;
    left:85px;
}


#tirashi{
  width:44%;
  overflow:hidden;
  margin-left:2%;
  float:left;
 }

.tirashi{
  height:220px;
  border: 1px #000 solid;   
}

.bosyuchu{
 float:left;
 height:36px; 
}

/*---------------------google calendar-----------------------*/
.google-calendar {
   margin-top: 30px;
 }

.google-calendar iframe {
   margin-left:2%;
   margin-right:2%;
   width: 50%;  
}
/*---------------------term-label-----------------------*/
.term-label-home{
    margin-top:20px;
	text-align: center;
	color: #fff;
       background: #7f7fff;
       font-family:"Roboto Slab" , Garamond , "Times New Roman" , "Yu Mincho" , "YuMincho" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "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" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "MS PMincho" , serif;
}
/*---------------------content----------------------*/
#wrapper_notice{
        /* display: flex; */
}
#notice{
        margin-top: 30px;
	margin-bottom: 30px;
        margin-left: 2%;
        word-spacing: 0.5em;
        width: 96%;
}
#notice_content{
        /* border: 5px #6f6f83 solid; */
        /* border-bottom-right-radius: 3px; */
        /* border-bottom-left-radius: 3px; */
        max-height: 250px;
        overflow-x: hidden;
        overflow-y: scroll;
        margin-bottom:30px;
        margin-top: 7px;
}
#notice_title{
         /* font: italic small-caps bold 20px/2 cursive; */
         /* border-top-left-radius: 3px; */
         border-radius: 4px;
         background-color: #96e3ff;
         /* opacity:0.5; */
         padding-left: 20px;
         padding-top: 10px;
         padding-bottom: 10px;
         color: #fff;
         font-weight:bold;
         font-size: 20px;
}
.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: 20px;
}

#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;
}

/*---------------------participation-----------------------*/
.btn-flat-info {
         /* FONT-WEIGHT: 500; */
         text-align: center;
         /* width: 80%; */
         text-decoration: none;
         background: #ff987d;
         border-radius: 4px;
         /* padding-left:0; */
         font-weight: bold;
         /* margin-bottom: 15px; */
         margin-top: 25px;
         margin-left: 1.5%;
         padding: 10px 50px;
         /* margin-right: 7%; */
         border: 1px #ff987d solid;
         display: inline-block;
 }

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

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

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

.btn-flat-part {
         /* FONT-WEIGHT: 500; */
         text-align: center;
         /* width: 80%; */
         text-decoration: none;
         background: #96e3ff;
         border-radius: 4px;
         /* padding-left:0; */
         font-weight: bold;
         /* margin-bottom: 15px; */
         margin-top: 25px;
         margin-left: 2%;
         /* margin-right: 7%; */
         color: #ffffff;
         padding: 10px 50px;
         /* text-decoration-line: none; */
         border: 1px #96e3ff solid;
         display: inline-block;
 }

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

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

a.btn-flat-part:hover {
         background: #fff;
         color:#04b4e3;
}
#restrant{
 width:80%;
 margin-left:10%;
 margin-top:20px;
 margin-bottom:50px;
}

/*-------------------loop-slide-----------------------*/
.loop-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 100px;
  background: #ffff00;
}
.loop-area {
  display: flex;
  animation: loop-slide 10s infinite linear 1s both;
  list-style: none;
  margin: 0;
  padding: 0;
}

.content {
  width:900px;
  color:red;
  font-weight:bold;
  font-size:50px;
}


@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*--------------------keisai---------------------------*/
#keisai-left{
    float:left;
	width: 45%;
	text-align: left;
	margin-left: 3%;
    margin-bottom:20px;  
    margin-top:20px;  	
}

.youtube{
    margin-left:2%;
    width:45%;
	margin-left: 3%;
    margin-bottom:20px;  
    margin-top:30px;  	
    aspect-ratio: 16 / 9;
}

/*---------------------@media screen -----------------------*/
@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%;          
}

.box1,.box2{
 font-size:16px;
} 
 
#box1{
   clear:both;
}

#box4{
 top:130px;
 left:5%;
 width:90%;
  height:300px;
}
 
.google-calendar {
  clear:both;
}
.google-calendar iframe {
   width: 90%; 
   margin-left:5%;
}
#tirashi{
  width:90%;
  margin-left:5%;
  margin-bottom:30px;
}

.tirashi{
  height:350px;
} 

p.moji{
   font-size:15px;
}

 #keisai-left{
	width: 94%;
	margin-bottom:0;
}

.youtube{
	width: 94%;
}

}

.seminar{
width:30%; 
margin-left:1.8%;
display:inline-box;	
}

@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%;
}

#box{
 margin-bottom:100px; 
 } 
 
div.box{
  font-size:10px;
  padding-top:5px;
}
 
.box1,.box2{
 padding-top: 5px;
 font-size: 14px;
 padding-left:10px;
 padding-right:10px;
}
 
#box4{
 top:180px;
 left:5%;
 width:90%;
} 

#arrow,#arrow_img{
	width:100%
} 
.google-calendar {
  clear:both;
}
.google-calendar iframe {
   width: 90%; 
   margin-left:5%;
}
#tirashi{
  width:90%;
  margin-left:5%;
  margin-bottom:30px;
}

p.moji{
   font-size:13px;
}

.arrow_left,.arrow_right{
  display:none;
}

.btn_stop,.btn_play,.btn_stop_img,.btn_play_img{
  position: absolute;
  font-size: 12px;
  left:0px;
  padding:1px 4px;
  border-radius:5px;
  color: #fff;
  background-color: #eb6100;
}
 

 

#notice_title {
 font-size:14px;
 padding-top:5px;
 padding-bottom:5px;

}

p.moji {
 padding: 0 5px;
 margin-left: 0px;
}

.btn-flat-info,.btn-flat-part  {
    padding:10px 20px;
}

#restrant {
    width: 90%;
    margin-left: 2%;
    margin-top: 20px;
    margin-bottom: 20px;
} 

#keisai-left{
	width: 94%;
	margin-bottom:0;
}

.youtube{
	width: 94%;
}

.seminar{
width:95%; 
display:block;
margin-top:15px;
margin-bottom:10px;
}

 
}