charset=utf-8"

table,p {
    border: 0;
}

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000;
    background-color:pink;
    margin:0;
     }

ul , li{
margin: 0 0 0 0;
padding: 0;
list-style:  none;
}

ol {
margin: -1.5em 0 1em 0;
padding: 0;
}

ol li{
    list-style-type: decimal;
    margin-left:2em;
}
img{
    border:0;
    }

figure{
    margin:0;
    padding:0;
}
/*----------------------------------------------- */
.clear {
    clear: both;
}

/*----------------------------------------------- */
a { text-decoration: none; }
a:link { color: #3a75af; }
a:visited { color: #3a75af; }
a:hover { color: #ff6600; }
/*コンテナー
----------------------------------------------- */
#wrapped{
    width:100%;
    height:100%;
    }
/* ヘッダー
------------------------------------------------ */
header{
    width:100%;
    height:13em;
    position:relative;
    background:#fff;
    background-image: url(../img/img01.png);
    background-repeat:no-repeat;
    background-position: center bottom 1em;
}
.header_inner{
    max-width:900px;
    margin:0 auto;
    height:13em;

}
header figure{
    width:48%;
    float:left;
    margin-top:1em;
}
	header figure img{ 
		width:100%;
	}
    header .text_block{
        float:right;
        width:48%;
        margin-right:2%;
        margin-top:1em;

    }
	header .contact_tel{
		font-size:1.5em;
        color:#00BFFF;
        font-weight:bold;
        text-align: right;
		}

	header .contact_tel a{
		color:#00BFFF;
		font-weight:bold;
	}
	header .contact_hour {
		
        font-size:1.5em;
        font-weight:bold;
        color:#00BFFF;
        text-align: right;
    }

/* グローバルメニュー
------------------------------------------------ */
/*gloval_nav*/

#wrapped > nav{
    background:#fff;
    height:3em;
    margin:0 auto;
    width:100%;
    padding:1em 0;
       }
    #wrapped > nav a{
    color:#fff;
    font-size:1em;
    line-height:3em;
    text-decoration:none;
    font-weight:700;
    height:3em;
    text-align:center;
    display:block;
    background:deeppink;
    border-radius: 2em;
    }
    .slct a{
        background: green !important;
    }
    
    
    #wrapped > nav ul{
        max-width:1000px;
        background:#fff;
        margin:0 auto;
        height:3em;
        }        
    #wrapped > nav ul li {
    float: left;
    text-align: center;
    width: 19%;
    margin-left: 1%;
    border-radius: 3em;
    }
    #wrapped > nav a:hover{
        background: orange;
        border-radius: 3em;

        }
        #wrapped > nav ul li:first-child {
            margin-left:0.5%;
        }
/*上に戻るボタン
----------------------------------------------- */
.back {
 position: fixed;
 bottom: 10px;
 right: 4em;
 text-align: center;
  
 border:1px solid #888888;
 padding:2pt;
 background-color: #ffffff;
 filter:alpha(opacity=85);
 -moz-opacity:0.85;
 -khtml-opacity: 0.85;
 opacity:0.85;
     
 text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa; 
 -webkit-box-shadow: 1px 1px 2px #E7E7E7;
 -moz-box-shadow: 1px 1px 2px #E7E7E7; 
 -webkit-border-radius: 3px; 
 -moz-border-radius: 3px;
}
#gototop{
    z-index:20000;
    }
    #gototop a{
        display:block;
        width:8rem;
        cursor:pointer;
    }
    #gototop a:hover{
        opacity:0.5;
    }
    #gototop a:hover ::after{
        opacity:1;
    }


/* コンテンツ
----------------------------------------------- */
main{
    max-width:1000px;
    margin:0 auto;
    background:#fff;
    padding:1% 0;
}
main h2{
    padding:0.5em 0 0.5em 2em; 
    background:deeppink;
    color:#fff;
    border-radius: 20px / 20px;

}
#contents{
    max-width: 900px;
    margin: 0 auto;
    background-image:url("../img/back.jpg");  
    background-repeat: no-repeat; 
    background-position: center;
    }

    .notice{
        font-size:1.2em;
        display: block;
        padding:3%;
        line-height: 1.5;
        font-weight:700;
        background:rgba(255,255,255,0.7)
    }
    #open{
        
        width: 65%;
        height:1.5em;
        line-height:1.5;
        margin:1em 0 0 1.5em;
        background:deeppink; 
        font-size:3em; 
        font-weight:bold; 
        text-align:center;
        border-radius: 20px / 20px;
        color:#fff;
        }
    
    
        h1{
            
            width: 80%;
            height:1.5em;
            line-height:1.5;
            margin:-0.1em 0 2em 3em;
            background:deeppink; 
            top:0.9em;
            left:6em;
            font-size:3em; 
            font-weight:bold; 
            text-align:center;
            border-radius: 20px / 20px;
            color:#fff;
            }
    
            .open03{
                width:60%;
                padding:2%;
                margin: 0 0 0 6em;
                background:rgba(255,255,00, .8);
                font-size:1.2em; 
                text-align: center;
                font-weight:bold; 
                border-radius: 20px / 20px;
                }
                .open10{
                    width:30%;
                    padding:2%;
                    margin: -1em 0 0 26em;
                    background:rgba(255,255,00, .8);
                    font-size:1.2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    } 
                    .open04{
                        width:65%;
                        padding:2%;
                        margin: 1em 0 0 6em;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        }
                    .open05{
                        width:40%;
                        padding:2%;
                        margin: 1em 0 0 9em;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        }
                    .open06{
                        width:40%;
                        padding:2%;
                        margin: -1em 0 0 18em;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        }
            .open08{
                width:75%;
                padding:2%;
                margin: 5em 0 0 6em;
                background:rgba(255,255,00, .8); 
                font-size:1.2em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                }
            .open09{
                width:16em;
                padding:2%;
                margin:1em auto;
                background:rgba(255,255,00, .8); 
                font-size:1.5em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                }

#riyou{    
    max-width: 900px;
    margin: 3% 0 ;
    padding:0% 10%;
    font-size:1.2em; 
    font-weight:bold; 
    text-align:left;
    line-height:1.5;
    color:#787878;
    }
    #riyou ol{    
        list-style-type: decimal !important;
    }
#ph{
    width: 100%;
    margin: 0 auto;
    }

.dl{
    width: 80%;
    margin: 1em auto;
    }
.dl a{
    font-size:2em;
}
.dl li{
    line-height: 2.5;
}    
.dl ul li img{
    width:1.5em;
    vertical-align: middle;
    padding-right:1em;
}
    
    
 /* スライドショー
----------------------------------------------- */   
    
#slideshow {
   position: relative;
   width:  480px; 
   height: 360px; 
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; 
   height: 360px; 
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  480px; 
   height: 260px; 
   display: block;
   border: 0;
   margin-bottom: 10px; 
}    
/* フッター
----------------------------------------------- */

footer{
             width:100%;
             margin:0 auto;
             background: #fff;
             height:10em;
             }

footer >.inner{
             max-width:900px;
             margin:0 auto;
             padding:1em 0;
             text-align:center;
             
             }

@media screen and (max-width:900px){
    #wrapped > nav ul{
        width:100%;
        background:#fff;
        margin:0 auto;
        height:3em;

        }    
        #open{
        
            width: 65%;
            height:1.5em;
            line-height:1.5;
            margin:1em 0 0 1.5em;
            background:deeppink; 
            font-size:2.5em; 
            font-weight:bold; 
            text-align:center;
            border-radius: 20px / 20px;
            color:#fff;
            }
        
        
            h1{
                
                width: 80%;
                height:1.5em;
                line-height:1.5;
                margin:-0.1em 0em 2em 3em;
                background:deeppink; 
                top:0.9em;
                left:6em;
                font-size:2.5em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                color:#fff;
                }
                    
                .open03{
                    width:68%;
                    padding:2%;
                    margin: 0 0 0 2em;
                    background:rgba(255,255,00, .8); 
                    font-size:1.2em; 
                    text-align: center;
                    font-weight:bold; 
                    border-radius: 20px / 20px;
                    }
                .open10{
                        width:38%;
                        padding:2%;
                        margin: -1em 0 0 15em;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        } 
                        .open04{
                            width:78%;
                            padding:2%;
                            margin: 1em 0 0 6em;
                            background:rgba(255,255,00, .8);
                            font-size:1.2em; 
                            font-weight:bold; 
                            text-align:center;
                            border-radius: 20px / 20px;
                            }
                        .open05{
                            width:48%;
                            padding:2%;
                            margin: 1em 0 0 4em;
                            background:rgba(255,255,00, .8);
                            font-size:1.2em; 
                            font-weight:bold; 
                            text-align:center;
                            border-radius: 20px / 20px;
                            }
                        .open06{
                            width:48%;
                            padding:2%;
                            margin: -1em 0 0 10em;
                            background:rgba(255,255,00, .8);
                            font-size:1.2em; 
                            font-weight:bold; 
                            text-align:center;
                            border-radius: 20px / 20px;
                            }
                .open08{
                    width:90%;
                    padding:2%;
                    margin: 7em auto 0;
                    background:rgba(255,255,00, .8);
                    font-size:1.2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    }
                .open09{
                    width:16em;
                    padding:2%;
                    margin:1em auto;
                    background:rgba(255,255,00, .8);
                    font-size:1.5em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    }
        
}

@media screen and (max-width:760px){
    
    header{
        width:100%;
        height:13em;
        position:relative;
        background:#fff;
        background-image: url(../img/img01.png);
        background-repeat:no-repeat;
        background-position: center bottom 1em;
        
        padding-top:2em;
    }
    .header_inner{
        max-width:900px;
        margin:0 auto;
        height:13em;
    
    }
    header figure{
        width:60%;
        margin: 0 auto;
        float: none;
        
    }
        header figure img{ 
            width:100%;
        }
        header .text_block{
            width:60%;
            margin:0 auto;
            float:none;
            text-align:center;
        }
        header .contact_tel{
            font-size:2em;
            color:#00BFFF;
            font-weight:bold;
            text-align: center;
            background:deeppink;
            border-radius:1em
            }
    
        header .contact_tel a{
            color:#00BFFF;
            font-weight:bold;
        }
        header .contact_hour {
            display: none;
        }
        #wrapped > nav ul{
            width:100%;
            background:#fff;
            margin:0 auto;
            height:3em;
            } 
            #contents{
                max-width: 90height:45em;
                margin: 0 auto;
                background-image:url("../img/back.jpg");  
                background-repeat: no-repeat; 
                background-position: center;
                background-size: 100%;
                }
                #open{
        
                    width: 65%;
                    height:1.5em;
                    line-height:1.5;
                    margin:1em 0 0 1.5em;
                    background:deeppink; 
                    font-size:2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    color:#fff;
                    }
                
                
                    h1{
                        
                        width: 80%;
                        height:1.5em;
                        line-height:1.5;
                        margin:-0.1em 0em 2em 3em;
                        background:deeppink; 
                        top:0.9em;
                        left:6em;
                        font-size:2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        color:#fff;
                        }            
            
            
            
            
            .open03{
                width:85%;
                padding:2%;
                margin: 0 0 0 1em;
                background:rgba(255,255,00, .8);
                font-size:1.2em; 
                text-align: center;
                font-weight:bold; 
                border-radius: 20px / 20px;
                }
            .open10{
                    width:50%;
                    padding:2%;
                    margin: -1em 0 0 14em;
                    background:rgba(255,255,00, .8);
                    font-size:1.2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    } 
                    .open04{
                        width:95%;
                        padding:2%;
                        margin: 1em auto 0;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        }
                    .open05{
                        width:60%;
                        padding:2%;
                        margin: 1em 0 0 4em;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        }
                    .open06{
                        width:60%;
                        padding:2%;
                        margin: -1em 0 0 10em;
                        background:rgba(255,255,00, .8);
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        }
            .open08{
                width:95%;
                padding:2%;
                margin: 7em auto 0;
                background:rgba(255,255,00, .8);
                font-size:1em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                }
            .open09{
                width:16em;
                padding:2%;
                margin:1em auto;
                background:rgba(255,255,00, .8);
                font-size:1.5em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                }
                @media screen and (max-width:700px){
                    #wrapped > nav a{
                        color:#fff;
                        font-size:0.85em;
                        line-height:3em;
                        text-decoration:none;
                        font-weight:700;
                        height:3em;
                        text-align:center;
                        display:block;
                        background:deeppink;
                        border-radius: 2em;
                        }
                    }
    
}
@media screen and (max-width:620px){
    .dl a{
        font-size:1.7em;
    }
}


@media screen and (max-width:600px){
    body{
        background:#fff;
            }
    #wrapped > nav ul li{
        float: left;
        text-align: center;
        width: 90%;
        margin-left:5%;
        border:solid 1px #fff;
        box-sizing:border-box;
        }
        #wrapped > nav ul a:hover {
            background:orange;
            border-radius: 1em;
             }
             #wrapped > nav a{
                color:#fff;
                font-size:1em;
                padding:0.5em 0;
                text-decoration:none;
                font-weight:700;
                text-align:center;
                display:block;
                background:deeppink;
                border-radius: 1em;
                }
                #wrapped > nav{
                    background:#fff;
                    margin:0 auto;
                    height:13.5em;
                    width:100%;
                    padding:1em 0;
                       }
        header figure{
            width:80%;
            margin: 0 auto;
            float: none;
        }
        header .contact_tel{
            font-size:2em;
            color:#00BFFF;
            font-weight:bold;
            text-align: center;
            }
            header .text_block{
                width:80%;
                margin:2% auto;
                float:none;
                text-align:center;
            }
            #wrapped > nav ul li:first-child {
                margin-left:5%;
            }
            main h2{
                text-align:center;
                padding:0.5em 0;
            }
            #contents {
                max-width: 900px;
                margin: 0 auto;
                background-image: url(../img/back_sp.jpg);
                background-repeat: no-repeat;
                background-position: center;
                background-size: 100%;
            }
            #open{
                width: 100%;
                height:1.5em;
                margin:1em auto 0;
                line-height:1.5;
                background:deeppink; 
                font-size:2em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                color:#fff;
                }
            
            
                h1{
                    width: 100%;
                    margin:0 auto 1em;
                    height:1.5em;
                    line-height:1.5;
                    background:deeppink; 
                    font-size:2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    color:#fff;
                    }       

            .open03{
                width:100%;
                margin:0 auto;
                padding:2%;
                background-color:rgba(255,255,00, .8); 
                font-size:1.2em; 
                text-align: center;
                font-weight:bold; 
                border-radius: 20px / 20px;
                box-sizing: border-box;
                }
                .open10{
                    width:100%;
                    padding:2%;
                    margin: -1em 0 0 0;
                    background-color:rgba(255,255,00, .8); 
                    font-size:1.2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    box-sizing: border-box;
                } 
                    .open04{
                        width:100%;
                        padding:2%;
                        margin: 1em auto 0;
                        background-color:rgba(255,255,00, .8); 
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        box-sizing: border-box;

                        }
                    .open05{
                        width:100%;
                        padding:2%;
                        margin: 1em auto 0;
                        background-color:rgba(255,255,00, .8); 
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        box-sizing: border-box;
                        }
                    .open06{
                        width:100%;
                        padding:2%;
                        margin: -1em auto 0;
                        background-color:rgba(255,255,00, .8); 
                        font-size:1.2em; 
                        font-weight:bold; 
                        text-align:center;
                        border-radius: 20px / 20px;
                        box-sizing: border-box;
                        }
            .open08{
                width:100%;
                padding:2%;
                margin: 5em auto 0;
                background-color:rgba(255,255,00, .8); 
                font-size:1.2em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                box-sizing: border-box;
            }
            .open09{
                width:100%;
                padding:2%;
                margin:1em auto;
                background:#FFFF00; 
                font-size:1.5em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                box-sizing: border-box;

                }
                .dl{
                    width:100%;
                }
                .dl a{
                    display:block;
                    width:100%;
                    margin: 1% auto;
                    background:deeppink;
                    padding:2% 0;
                    color:#fff;
                    text-align: center;
                    font-size:1.5em;
                    border-radius: 0.5em;;
                    }
                    .dl h2{
                        text-align: center;
                    }
                    .dl ul li img{
                        display: none;
                    }
                    footer{
                    width:100%;
                    margin:0 auto;
                    background: #fff;
                    height:10em;
                    }
       
       footer >.inner{
                    max-width:900px;
                    margin:0 auto;
                    padding:1em 0;
                    text-align:center;
                    font-size:0.8em;
                    
                    }
                    .back {
                        position: fixed;
                        bottom: 10px;
                        right: 1em;
                        text-align: center;
                    }
}



@media screen and (max-width:500px){
h1{
    width: 100%;
    margin:0 auto 1em;
    height:1.5em;
    line-height:1.5;
    background:deeppink; 
    font-size:1.7em; 
    font-weight:bold; 
    text-align:center;
    border-radius: 20px / 20px;
    color:#fff;
    } 
    #open{
        width: 100%;
        height:1.5em;
        line-height:1.5;
        background:deeppink; 
        font-size:1.7em; 
        font-weight:bold; 
        text-align:center;
        border-radius: 20px / 20px;
        margin-top:1em;
        color:#fff;
        }  
}

@media screen and (max-width:400px){
    header .contact_tel{
        font-size:1.5em;
        color:#00BFFF;
        font-weight:bold;
        text-align: center;
        }
        header figure{
            width:95%;
            margin: 0 auto;
            float: none;
        }

        header .text_block{
            width:90%;
            margin:2% auto;
            float:none;
            text-align:center;
        }
        #contents{
            width: 100%;
            margin: 0 auto;
            background-image:url("../img/back_sp.jpg");  
            background-repeat: no-repeat; 
            background-position: center;
            background-size: 100%;
            }

        #open{
            width: 100%;
            height:1.5em;
            line-height:1.5;
            background:deeppink; 
            font-size:1.5em; 
            font-weight:bold; 
            text-align:center;
            border-radius: 20px / 20px;
            margin-top:1em;
            color:#fff;
            }
        
        
            h1{
                margin-top:-0.1em;
                width: 100%;
                height:1.5em;
                line-height:1.5;
                background:deeppink; 
                top:0.9em;
                left:6em;
                font-size:1.5em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                color:#fff;
                }
        
        .open03{
            width:100%;
            margin:0 auto;
            padding:2%;
            background-color:rgba(255,255,00, .8); 
            font-size:1em; 
            text-align: center;
            font-weight:bold; 
            border-radius: 20px / 20px;
            box-sizing: border-box;
            }
            .open10{
                width:100%;
                padding:2%;
                margin: -1em 0 0 0;
                background-color:rgba(255,255,00, .8); 
                font-size:1em; 
                font-weight:bold; 
                text-align:center;
                border-radius: 20px / 20px;
                box-sizing: border-box;
            } 
                .open04{
                    width:100%;
                    padding:2%;
                    margin: 1em auto 0;
                    background-color:rgba(255,255,00, .8); 
                    font-size:1.2em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    box-sizing: border-box;

                    }
                .open05{
                    width:100%;
                    padding:2%;
                    margin: 1em auto 0;
                    background-color:rgba(255,255,00, .8); 
                    font-size:1em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    box-sizing: border-box;
                    }
                .open06{
                    width:100%;
                    padding:2%;
                    margin: -1em auto 0;
                    background-color:rgba(255,255,00, .8); 
                    font-size:1em; 
                    font-weight:bold; 
                    text-align:center;
                    border-radius: 20px / 20px;
                    box-sizing: border-box;
                    }
        .open08{
            width:100%;
            padding:2%;
            margin: 5em auto 0;
            background-color:rgba(255,255,00, .8); 
            font-size:1em; 
            font-weight:bold; 
            text-align:center;
            border-radius: 20px / 20px;
            box-sizing: border-box;
        }
        .open09{
            width:100%;
            padding:2%;
            margin:1em auto;
            background-color:rgba(255,255,00, .8); 
            font-size:1em; 
            font-weight:bold; 
            text-align:center;
            border-radius: 20px / 20px;
            box-sizing: border-box;

            }

            footer >.inner{
                max-width:900px;
                margin:0 auto;
                padding:1em 0;
                text-align:center;
                font-size:0.7em;
                
                }
}
@media screen and (max-width:350px){
    #open{
        width: 100%;
        height:1.5em;
        line-height:1.5;
        background:deeppink; 
        font-size:1.2em; 
        font-weight:bold; 
        text-align:center;
        border-radius: 20px / 20px;
        margin-top:1em;
        color:#fff;
        }
    
    
        h1{
            margin-top:-0.1em;
            width: 100%;
            height:1.5em;
            line-height:1.5;
            background:deeppink; 
            top:0.9em;
            left:6em;
            font-size:1.2em; 
            font-weight:bold; 
            text-align:center;
            border-radius: 20px / 20px;
            color:#fff;
            }
        }