article, aside, details, figcaption, figure, header, hgroup, menu, nav, section {
        display: block;
}


body {
      font-family:"HG明朝E", "HGP明朝B", "HGP明朝E", 
       "Garamond", "MS Georgia", Times New Roman;
            color:#FFF;
            line-height:25px;
            font-size:0.95em;
                             }


img { width: 100%;
      max-width:100%;
      height: auto;
      border:0px;
                 }


a {
   text-decoration:none;
                        }

a:link {
        color:#00F;
                   }

a:visited {
           color:#999;
                      }

a:hover {
         color:#F0F;
         text-decoration:underline;
                                   }

a:active {
          color:#FF0;
                     }


h1 {
    font-size:0.9em;
    margin:0px;
               }

h2 {
    font-size:0.9em;
    margin:0px 0px 20px 0px;
                            }



#wrap {width:90%;
       margin:0 auto;
                     }


#menu {width: 100%;
       margin:0px;
       padding:0px;
                   }

#menu li {width: 33.3%;
          max-width:100%;
          height: auto;
          float:left;
          list-style-type:none;
                               }

#yoyaku {width: 100%;
       margin:0px;
       padding:0px;
                   }

#yoyaku li {width: 50%;
          max-width:100%;
          height: auto;
          float:left;
          list-style-type:none;
                               }




#twitter {width: 100%;
       margin:0px;
       padding:0px;
                   }

#twitter li {width: 100%;
          max-width:100%;
          height:auto;
          float:left;
          list-style-type:none;
                               }


#mainimg {
           width: 100%;
           height: auto;     
           margin: 0px 0px 0px 0px;
                                   }

#ranking {
       margin:0px;
       padding:0px;
                   }

#ranking li {width:33.33%;
             float:left;
             list-style-type:none;
                                  }

#rankingpop {
             margin:0px;
             padding:0px;
                         }

#rankingpop li {width:100%;
                float:left;
                list-style-type:none;
                                     }

#contents {
           width:100%;
           float:left;
                      }

#newsbox {
          width:100%;
          height:auto;

          margin-bottom:15px;
          background-color:#FFF;
                                 }


#newsbox p {
            border-bottom:dashed 1px #CCC;
                                          }


.popbox {
              width:100%;
              height:100%;
              margin-bottom:0px;
              background-color:#000;
                                }

.bosyubox {
              width:100%;
              height:auto;
              margin-bottom:5px;
              background-color:#FFF
                                }

.contentsbox {
              width:100%;
              height:auto;
              border:groove 5px #000;
              padding:10px;
              margin-bottom:15px;
              background-color:#FFF;
                                    }




.imgbox {
         width:100%;
         height:auto;
         float:right;
         margin:0px 0px 0px 0px;
                                }





.midashi {width: 100%;
          border-bottom:dashed 2px #C30;
          font-weight:bold;
          color:#F00;
          font-size:1.5em;
                          }

.midashi2 {width: 100%;
           border-bottom:dashed 2px #000;
           font-weight:bold;
           color:#000;
           font-size:1.5em;
                           }

.syashinwomiru {width: 100%;
                font-weight:bold;
                color:#FFF;
                font-size:1.5em;
                                }

.clear {
        clear:both;
                   }


#Movie{
       width: 100%;
       font-size:1.5em;
       border-bottom:solid 2px #FFF;
       margin:0px 0px 15px 0px;
       color:#FFF;
                  }

#Rink{ width: 100%;
         font-size:1.5em;
         border-bottom:solid 2px #C30;
         margin:0px 0px 15px 0px;
         color:#C30;
}



}



#sidenavi {
           width:100%;
           margin-left:0px;
           float:left;
           text-align:center;
                      }



.YouTube {
          position: relative;
          width:100%;
          padding-top:56.25%;
          margin:0px 0px 10px 0px;
                                  }
 
.YouTube iframe {
                 position: absolute;
                 top: 0;
                 left: 0;
                 width: 100% !important;
                 height: 100% !important;
                                         }


.sidebox {
          width:100%;
          height:auto;
          margin-bottom:15px;
          text-align:center;
                            }


footer {
        width:100%;
        clear:both;
        height:50px;
        padding-top:30px;
        text-align:center;
        font-size:0.85em;
        background-image:url(img/rain3.jpg);
        background-repeat:no-repeat;
        display:block;
                   }

#tizubox {
          width:100%;
          height:auto;
          margin-right:10px;
          margin-bottom:5px;
          background-color:#000;
                                }




.ggmap {
        position: relative;
        padding-bottom: 100%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
                         }
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
                           }

#mawarikomi {

             float:left;
                        }

#mawarikomi2 {

              float:right;
                          }



#systembox {
            width:100%;
            height:auto;
            border:groove 0px #000;
            margin-right:0px;
            padding:0px;
            margin-bottom:0px;
            background-color:FFF;
                                   }


#systembox p {
              border-bottom:dashed 1px #000;
                                            }


#kyujinbox {
            width:100%;
            height:auto;
            border:groove 0px #000;
            margin-right:0px;
            padding:5px;
            margin-bottom:0px;
            background-color:#FFF;
                                  }


#kyujinbox p {
              border-bottom:dashed 1px #000;
                                            }



span1{
      display:inline-block;
      width:20em;
                 }


span2{
      display:inline-block;
      width:8em;
                }

span3{
      display:inline-block;
      width:8em;
                }

span4{
      display:inline-block;
      width:10em;
                 }
span5{
      display:inline-block;
      width:5em;
                }

#staffbox {
           width:100%;
           height:auto;
           float:left;
           border:groove 0px #000;
           margin-right:100%;
           padding:0px;
           margin-bottom:0px;
           background-color:#000;
                                 }

#staffbox p {
             border-bottom:dashed 1px #000;
                                           }

#photobox {
           width:50%;
           height:auto;
           float:left;
           margin-left:30px;
           border:groove px #000;
           padding:0px;
           margin-bottom:0px;
           background-color:#FFF;
                                 }


.albumbox {
           width:100%;
           height:auto;
           float:left;
           border:groove 0px #000;
           margin-right:0px;
           padding:0px;
           margin-bottom:0px;
           background-color:#FFF;
                                 }

.albumbox p {
             border-bottom:dashed 1px #000
                                          ｝

.albumimgbox {
              width:400px;
              height:200px;
              float:right;
              margin:20px px 20px 20px;
                                       }

@media (max-width: 1000px) {
.wrapper, .content, .sidebar {
                              float: none;
                              margin: 0;
                              width: auto;
                                          }
                                          }

@media (max-width: 767px) {

#wrap{
      width:100%;
                 }

#mainimg {
          width: 100%;
                      }

#mainimg img{
             width: 100%;
                         }

.content{
         width:100%;
                    }

body{
     width:100%;
                }

ul.bxslider{
            width:100%;
                       }

.bxslider{
          width:100%;
          height:auto;
                      }

.bxslider li{
             width:100%;
                        }

.bxslider img{
              width:100%;
              height:auto;
                          }
                          }
@media screen and (max-width: 480px) {
/* ここに480px以下用（スマートフォン） */
}
#wrap{
      width:100%;
                 }

#mainimg {
          width: 100%;
                      }

#mainimg img{
             width: 100%;
                         }

.content{
         width:100%;
                    }

body{
     width:100%;
                }

ul.bxslider{
            width:100%;
                       }

.bxslider{
          width:100%;
          height:auto;
                      }

.bxslider li{
             width:100%;
                        }

.bxslider img{
              width:100%;
              height:auto;
                          }
                          }



.facebook_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
 
.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
  height: 500px !important;
}



