@charset "utf-8";
/* CSS Document */


/* 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; /* 画像の高さに合わせて記述 */
}
#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;
    }
   
    #takuhai_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;
        
    }
    #takuhai_list{
        background-image: url("../img/back_01.jpg");
        width: 100%;
        
        text-align: center;
        position: relative;
        padding: 1em;
        box-sizing: border-box;
    }
    #takuhai_list h3{
        padding: 1em;
        color: #0D780B;
        font-size: 1.2em;
        top:1em;
        left:4.5em;
        border-bottom: 2px dotted;  
    }
    
    #takuhai_list img{
        max-width: 100%;
        height: 180px;  
    }
    article{
        background-color:rgba(255,255,255,0.7);
        padding: 0.8em;
        margin: 1em 0;
        
    }
    article p{
        width: 100%;
        text-align: left;
    } 
    
    #form_takuhai{
        margin-top: 2em;
        margin-bottom: 2em;
    }
    #takuhai_title{
        position: relative;
    }
    #takuhai_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; 
    }
    
    #main_contact{
        margin-top: 2em ;
        padding: 1em;
    }
    #main_contents h2{
        font-size:1.2em;
        margin: 1em 0;
    }
    #main_contents p{
        margin: 1em 0;
    }
    #main_contents th{
        margin: 1em;
    }
    
    input[type=text] {
    width: 250px;
        margin-top: 2em;
}
    input[type=email] {
    width: 250px;
        margin-top: 2em;
}
    
    input[type=textarea] {
    width: 250px;
        margin-top: 2em;
}
    input, textarea {
    margin-top: 2em;
}
    input[type=submit] {
    padding: 5px 15px;
    font-size: 1.2em;
    background-color: rgb(173,222,11);
    color: #555555;
    border-style: none;

}
    input[type=reset] {
    padding: 5px 11px;
    font-size: 1.2em;
    background-color: rgb(173,222,11);
    color: #555555;
    border-style: none;
}
    .last th{
    vertical-align: middle;
    }
   
   
    
}
/*タブレット*//*------------------------------------------------------*/
@media (min-width: 421px) and (max-width: 768px){
   #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; /* 画像の高さに合わせて記述 */
}
#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;
    }
   
    #takuhai_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;
        
    }
    #takuhai_list{
        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;
        background-color:rgba(255,255,255,0.6);
        border-bottom: 2px dotted;
    }
    
    #takuhai_list img{
        width: 100%;
        height: 150px;
    }
    article{
        background-color:rgba(255,255,255,0.7);
        padding: 0.8em;   
    }
    article p{
        padding: 0.4em;
        text-align: left;
        line-height: 1.2;
    } 
    
    #form_takuhai{
        margin-top: 2em;
        margin-bottom: 2em;
    }
    #takuhai_title{
        position: relative;
    }
    #takuhai_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; 
    }
    
    #main_contact{
        margin-top: 2em ;
        padding: 1em;
    }
    #main_contents h2{
        font-size:1.2em;
        margin: 1em 0;
    }
    #main_contents p{
        margin: 1em 0;
    }
    #main_contents th{
        margin: 1em;
    }
    input[type=text] {
    width: 60%;
        margin-top: 2em;
}
    input[type=email] {
    width: 60%;
        margin-top: 2em;
}
    
    input[type=textarea] {
    width: 50%;
        margin-top: 2em;
}
    input, textarea {
    margin-top: 2em;
}
    input[type=submit] {
    padding: 5px 25px;
    font-size: 1.2em;
    background-color: rgb(173,222,11);
    color: #555555;
    border-style: none;

}
    input[type=reset] {
    padding: 5px 15px;
    font-size: 1.2em;
    background-color: rgb(173,222,11);
    color: #555555;
    border-style: none;
}
    /*article:nth-child(3n){
        margin-right: 0;
    }*/
        #main_contents h2{
        font-size: 2em;
    }
    .tb-contact{
        width: 80%;
        margin: 0 auto;
        padding: 6em;
        border: 1px dashed #EE810B;
    }
.last th{
        vertical-align: middle;
    }
}



/* 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;
        text-align: center;
    }
    #main_title{
        position: relative;
    }
   
    #takuhai_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;
        
    }
    #takuhai_list{
        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;
    }
    
    #takuhai_list img{
    max-width: 100%;
    height: 150px;
    background-size: cover;        
    }
    article{
        background-color:rgba(255,255,255,0.7);
        padding: 0.8em;   
    }
    article p{
        padding: 0.4em;
        text-align: left;
        line-height: 1.2;
    } 
    
    #form_takuhai{
        margin-top: 2em;
        margin-bottom: 2em;
    }
    #takuhai_title{
        position: relative;
    }
    #takuhai_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; 
    }
    
    #main_contact{
        margin-top: 2em ;
        padding: 1em;
    }
    #main_contents h2{
        font-size:1.2em;
        margin: 1em 0;
    }
    #main_contents p{
        margin: 1em 0;
    }
    #main_contents th{
        margin: 1em;
    }
    input[type=text] {
    width: 60%;
        margin-top: 2em;
}
    input[type=email] {
    width: 60%;
        margin-top: 2em;
}
    
    input[type=textarea] {
    width: 60%;
        margin-top: 2em;
}
    input, textarea {
    margin-top: 2em;
}
    input[type=submit] {
    padding: 5px 25px;
    font-size: 1.2em;
    background-color: rgb(173,222,11);
    color: #555555;
    border-style: none;

}
    input[type=reset] {
    padding: 5px 15px;
    font-size: 1.2em;
    background-color: rgb(173,222,11);
    color: #555555;
    border-style: none;
}
/*article:nth-child(3n){
        margin-right: 0;
    }*/
    #main_contents h2{
        font-size: 2em;
    }
    .tb-contact{
        width: 60%;
        margin: 0 auto;
        padding: 6em;
        border: 1px dashed #EE810B;
    }
    .last th{
        vertical-align: middle;
    }
    
}