@media screen and (max-width:480px){

html {
    width: 100%;
    margin: 0 auto;
    padding: 0 auto;
}
body {
    -webkit-text-size-adjust: 100%!important;
}
img {
    max-width: 100%;
    height: auto;
    float:none;
}

table{
    max-width: 100%;
    height: auto;
    font-size: 0.85em;
}

table.info{
    max-width: 100%;
    height: auto;
    font-size: 0.85em;
}


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
iframe {
    max-width: 100%;
}

h1, h2, h3, h4, h5, p, div{
    width: 100% ;
    padding:0;
    margin: 0 0 30 0 ;
    font-size : 90% ;
}

/*==========　ヘッダー　==========*/

#header {
    max-width : 100% ;
    height:auto;
    padding: 0 0 30px 0;
    margin: 0;
    text-align: center ;
}

.title{
    max-width : 100% ;
    margin: 0 auto;
    height:auto;
    display: block;
    text-align: center ;
}

/*==========　ヘッダー　==========*/

#side {
    display: none;
}
#main {
    float: none;
    width: 100%;
}
#nav {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#666;
    text-decoration: none;
    background: linear-gradient(#F9FF92, #FFD954);
    font-size: 1.1em;
}
.nav {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#666;
    text-decoration: none;
    background: linear-gradient(#F9FF92, #FFD954);
    font-size: 1.1em;
}
.nav li {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#666;
    text-decoration: none;
    background: linear-gradient(#F9FF92, #FFD954);
    border-bottom: 1px solid #FFD954;
    font-size: 1.1em;
}
.nav li a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#666;
    text-decoration: none;
    background: linear-gradient(#F9FF92, #FFD954);
    border-bottom: 1px solid #FFD954;
    font-size: 1.1em;
}
.nav li a:hover {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#666;
    text-decoration: none;
    background: linear-gradient(#FFD954, #F9FF92);
    border-bottom: 1px solid #FFD954;
    font-size: 1.1em;
}
.nav li.active a {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#666;
    text-decoration: none;
    background: linear-gradient(#FFD954, #F9FF92);
    border-bottom: 1px solid #FFD954;
    font-size: 1.1em;
}

.spmenu{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#002266;
    text-decoration: none;
    background: linear-gradient(to right,#ffff99, #fcffaf);
    border-bottom: 1px solid #FFD954;
    font-size: 1.3em;
}

.spmenu li a{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#002266;
    text-decoration: none;
    background: linear-gradient(to right,#ffff99, #fcffaf);
    border-bottom: 1px solid #FFD954;
    font-size: 1.3em;
}

.spmenu li a:hover{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#002266;
    text-decoration: none;
    background: linear-gradient(to right,#ffff99, #fcffaf);
    border-bottom: 1px solid #FFD954;
    font-size: 1.3em;
}

.spmenu li.active a{
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    height: auto;
    float: none;
    border-radius: 0;
    /*角丸*/
    background-image: none;
    /*背景画像*/
    text-align: center;
    line-height: 2.0em;
    vertical-align: middle;
    color:#002266;
    text-decoration: none;
    background: linear-gradient(to right,#ffff99, #fcffaf);
    border-bottom: 1px solid #FFD954;
    font-size: 1.3em;
}

#pagetop{
    margin-top: 20px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 5px;
    text-align: right;
}



/*==========　ニュース　==========*/
.scr {
}

dl {
}

dt {
    float: none;
}

dd {
}

dd{
}





}