@charset "utf-8";
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
    z-index: 100;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* smartPhone *//*-------------------------------------------------*/
@media screen and (max-width: 420px) {
    
   #slideshow {
   position: relative;
   width: 250%; /* 画像の横幅に合わせて記述 */
   height: 360px; /* 画像の高さに合わせて記述 */
      
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   width: 100%; /* 画像の横幅に合わせて記述 */
   height: 360px; /* 画像の高さに合わせて記述 */
   background-size:cover;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
    
#event_text{
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        top:7em;
        z-index: 30;
        color: #fff;
    }
    .event_title {
    font-size: 3em;    
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bolder;
    }
    #event_text h2{
    font-size: 2em;
    }
    #event_text p{
     font-size: 1.2em;
     font-weight: bold;
    }
    #main_contents{
        margin-top: 2em;
    }
    #main_title{
        position: relative;
    }
    #rice_title{
    width: 100%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.5em;
    background-color: rgba(173,222,11,0.5);
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
        margin: 10px auto;
        
    }
    #otanoshimi{
        background-image: url("../img/back_01.jpg");
        width: 100%;
        margin: 10px auto;
        text-align: center;
        position: relative;
        padding: 1em;
        box-sizing: border-box;
    }
    #otanoshimi h3{
        padding: 1em;
        color: #0D780B;
        font-size: 1.2em;
        top:1em;
        left:4.5em;
        border-bottom: 2px dotted;  
    }
    
    #otanoshimi img{
    max-width: 100%;
    height: 150px;
    background-size: cover;        
        /*display: none;*/   
    }
    
    article p{
        /*display: none;*/
    } 
    #sub_contents{
        margin-top: 2em;
        margin-bottom: 2em;
    }
    #sub_title{
        position: relative;
    }
    #sub_title{
    width: 100%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.5em;
    background-color: rgba(173,222,11,0.5);
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
        margin: 10px auto;
        
    }
    #shishoku{
        background-image: url("../img/back_01.jpg");
        width: 100%;
        margin: 10px auto;
        text-align: center;
        position: relative;
        padding: 1em;
        box-sizing: border-box;
    }
    #shishoku h3{
        padding: 1em;
        color: #0D780B;
        font-size: 1.2em;
        top:1em;
        left:4.5em;
        border-bottom: 2px dotted;
         }
    #shishoku img{
        max-width: 100%;
        height: 150px;
           }
    #main_tawara_a{
        display: none;
    }
    #main_tawara_b{
        display: none;
    }
    article{
        background-color:rgba(255,255,255,0.7);
        padding: 0.8em;
        margin: 1em 0;
    }
    .pagetop{
        display: none;
    }
      
}
/*タブレット*//*------------------------------------------------------*/
@media (min-width: 421px) and (max-width: 768px){
   #slideshow {
   position: relative;
   width: 100%; /* 画像の横幅に合わせて記述 */
   height: 200px; /* 画像の高さに合わせて記述 */
       margin-top: 2em;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   width: 100%; /* 画像の横幅に合わせて記述 */
   height: 200px; /* 画像の高さに合わせて記述 */
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
    #event_text{
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        top:3em;
        z-index: 30;
        color: #fff;
    }
    .event_title {
    font-size: 3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bolder;
    }
    #event_text h2{
    font-size: 2em;
    }
    #event_text p{
     font-size: 1.2em;
     font-weight: bold;
    }
    
    #main_event{
        margin-top: 2em;
    }
    #main_contents{
        margin-top: 5em;
        position: relative;
        text-align: center;

    }
    #main_title{
        position: relative; 
    }
    #main_tawara_a{
        position: absolute;
        width: 20%;
        top:-4em;
        left:1em;
        z-index: 20;
    }
    #main_tawara_b{
        position: absolute;
        width: 20%;
        top:-4em;
        right:1em;
        z-index: 20;
    }
    #rice_title{
    width: 100%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.5em;
    background-color: rgba(173,222,11,0.5);
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
    margin: 10px auto;
    }
    #otanoshimi{
        background-image: url("../img/back_01.jpg");
        background-repeat: repeat;
        width: 100%;
        max-width: 768px;
        margin: 10px auto;
        padding: 3em 1em;
        text-align: center;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }
    article{
        width: 200px;
        height: auto;
        margin: 0.5em;
        float: left;
    }
    #otanoshimi h3{
        padding: 0.3em;
        color: #0D780B;
        font-size: 1.2em;
        border-bottom: 2px dotted;
    }
    #otanoshimi img{
        width: 100%;
        height: 150px;
        background-size: cover;
    }
    article p{
        padding: 0.4em;
        text-align: left;
        line-height: 1.2;
    } 
    #sub_contents{
    margin-top: 5em;
    margin-bottom: 2em;
    width: 100%;
        text-align: center;
    }
    #sub_event{
        margin-top: 2em;
    }
    #sub_title{
        position: relative;
    }
    #sub_title{
    width: 100%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.5em;
    background-color: rgba(173,222,11,0.5);
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
        margin: 10px auto;
        
    }
    #shishoku{
        background-image: url("../img/back_01.jpg");
        background-repeat: repeat;
        width: 100%;
        max-width: 768px;
        margin: 10px auto;
        padding: 3em 1em;
        text-align: center;
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
    }
    #shishoku h3{
        padding: 1em;
        color: #0D780B;
        font-size: 1.2em;
        top:1em;
        left:4.5em;
        border-bottom: 2px dotted;
         }
    #shishoku img{
        width: 100%;
        height: 150px;  
    }
    article:nth-child(3n){
        /*margin-right: 0;*/
    }
    article{
        background-color:rgba(255,255,255,0.7);
        padding: 0.8em;
    }
    .pagetop{
        display: none;
    }
}



/* pc *//*----------------------------------------------------------*/
@media screen and (min-width: 769px) {
     #slideshow {
   position: relative;
   width: 100%; /* 画像の横幅に合わせて記述 */
   height: 200px; /* 画像の高さに合わせて記述 */
       margin-top: 2em;
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
   width: 100%; /* 画像の横幅に合わせて記述 */
   height: 200px; /* 画像の高さに合わせて記述 */
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}
    #event_text{
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        top:3em;
        z-index: 30;
        color: #fff;
    }
    .event_title {
    font-size: 3em;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bolder;
    }
    #event_text h2{
    font-size: 2em;
    }
    #event_text p{
     font-size: 1.2em;
     font-weight: bold;
    }
    
    #main_event{
        margin-top: 2em;
    }
    #main_contents{
        margin-top: 5em;
        position: relative;
    }
    #main_title{
        position: relative; 
    }
    #main_tawara_a{
        position: absolute;
        width: 20%;
        top:-9em;
        left:1em;
        z-index: 20;
    }
    #main_tawara_b{
        position: absolute;
        width: 20%;
        top:-9em;
        right:1em;
        z-index: 20;
    }
    #rice_title{
    width: 100%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.5em;
    background-color: rgba(173,222,11,0.5);
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
    margin: 10px auto;
    }
    #otanoshimi{
        background-image: url("../img/back_01.jpg");
        background-repeat: repeat;
        width: 90%;
        max-width: 1240px;
        margin: 10px auto;
        padding: 2em;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    article{
         width: 300px;
        height: auto;
        margin: 2em;
        float: left;
    }
    #otanoshimi h3{
        padding: 0.3em;
        color: #0D780B;
        font-size: 1.2em;
        border-bottom: 2px dotted;
    }
    #otanoshimi img{
        width: 100%;
        height: 200px;
        background-position: center;      
    }
    #otanoshimi article p{
        padding: 0.4em;
        text-align: left;
        line-height: 1.2;
    } 
    
    
    #sub_contents{
    margin-top: 5em;
    margin-bottom: 2em;
    width: 100%;
        text-align: center;
    }
    #sub_event{
        margin-top: 2em;
    }
    #sub_title{
        position: relative;
    }
    #sub_title{
    width: 100%;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.5em;
    background-color: rgba(173,222,11,0.5);
    color: #fff;
    text-shadow: 1px 1px 5px #000000;
        margin: 10px auto;
        
    }
    #shishoku{
        background-image: url("../img/back_01.jpg");
        background-repeat: repeat;
        width: 90%;
        max-width: 1240px;
        margin: 10px auto;
        padding: 2em;
        text-align: center;
        position: relative;
        overflow: hidden;
    }
    #shishoku h3{
        padding: 0.3em;
        color: #0D780B;
        font-size: 1.2em;
        border-bottom: 2px dotted;
         }
    #shishoku img{
        width: 100%;
        height: 200px;
    }
   /* article:nth-child(5n){
        margin-right: 0;
    }*/
    article{
        background-color:rgba(255,255,255,0.7);
        padding: 0.8em;
    }
}