body
{
  background-color: #fff;
}

.pc{
  display: none;
}


#logo_txt
{
  font-size: 10px;
  position: absolute;
  top:10px;
  width:100%;
}

#logo
{
  position: absolute;
  bottom:0;
  width:100%;
  overflow: hidden;
  padding-bottom:5px;

}

#logo:before,
#logo:after
{
  content:"";
  border-top: #d2d2d2 1px solid;
  display:block;
  position: absolute;
  bottom:49px;
  width:100%;
}


#logo:before
{
  right:50%;
  margin-right:60px;

}

#logo:after
{
  left:50%;
  margin-left:60px;
}

#logo img
{
  width:100px;
}


nav
{
    max-height: 0;
    transition: max-height .3s ease-out;
    background: #fdfbf8 url('../img/cmn_bg.png') 0 0 repeat;
}

.gnav_open nav
{
    max-height: 300px;
}

nav ul
{
  padding: 30px 0 30px 0;

}

nav ul li
{
  width:28%;
    margin-top:20px;
}

nav ul li:first-child,
nav ul li:nth-child(2),
nav ul li:nth-child(3)
{
  margin-top: 0;
}
nav ul li a
{
  background-size: 70px auto;
    font-size: 16px;
    padding-top: 80px;

}

nav li span.mb{
  margin-right: 5px;
}


header{
  position: relative;
  background: #fdfbf8 url('../img/cmn_bg.png') 0 0 repeat;
  border-bottom: #d2d2d2 1px solid;
  height:100px;
}

#title {
    margin-top:0;
}

#title h1
{
    background-image: url(../../img/cmn_ttl_icon_message.png),url(../../img/cmn_ttl_bg.jpg);
    background-repeat: no-repeat;
    background-size: 30px auto,cover;
    background-position:15px center,center center;
    font-size: 25px;
    padding:15px 0 15px 60px;
}

#title_school {
    margin-top:0;
}

#title_school h1
{
    background-image: url(../../img/cmn_ttl_icon_message.png),url(../../img/cmn_ttl_bg.jpg);
    background-repeat: no-repeat;
    background-size: 30px auto,cover;
    background-position:15px center,center center;
    font-size: 25px;
    padding:15px 0 15px 60px;
	color:#ffffff; 
}



body.page_bulletin #title h1
{
    background-image: url(../../img/cmn_ttl_icon_bulletin.png),url(../../img/cmn_ttl_bg.jpg);
}
body.page_message #title h1
{
    background-image: url(../../img/cmn_ttl_icon_message.png),url(../../img/cmn_ttl_bg.jpg);
}
body.page_school #title_school h1
{
    background-image: url(../../img/cmn_ttl_icon_school.png),url(../../img/cmn_ttl_bg_school_sp.jpg);
}
body.page_rule #title h1
{
    background-image: url(../../img/cmn_ttl_icon_rule.png),url(../../img/cmn_ttl_bg.jpg);
}
body.page_song #title h1
{
    background-image: url(../../img/cmn_ttl_icon_song.png),url(../../img/cmn_ttl_bg.jpg);
}
body.page_news #title h1
{
    background-image: url(../../img/cmn_ttl_icon_news.png),url(../../img/cmn_ttl_bg.jpg);
}




#menu_toggle
{
  position: absolute;
  right:0;
  bottom:-1px;
  width: 50px;
  height: 50px;
}

#menu_toggle_in
{
  width: 26px;
  height: 26px;
  position: absolute;
  left:12px;
  top:12px;

}

#menu_toggle_in div
{
    position: absolute;
    top: 0;
    top: 50%;
    left: 0;

    width: 100%;
    height: 3px;
    margin-top: -2px;

    transition: all .3s ease-out;
    transform-origin: 50% 50%;

    background-color: #313131;
}

#menu_toggle_in div:nth-child(1)
{
    transform: translateY(-200%);
}

#menu_toggle div:nth-child(3)
{
    transform: translateY(200%);
}

.gnav_open #menu_toggle
{
  border-left:#d2d2d2 1px solid;
  background: #fdfbf8 url('../img/cmn_bg.png') 0 0 repeat;
}



.gnav_open #menu_toggle_in div:nth-child(1)
{
    transform: rotate(135deg);
}

.gnav_open #menu_toggle_in div:nth-child(2)
{
    transform: scaleX(0);
}

.gnav_open #menu_toggle_in div:nth-child(3)
{
    transform: rotate(-135deg);
}



#bread
{
  border-bottom:#ede8e0 1px solid;
  padding:10px 15px;
  font-size: 12px;
}

#bread li
{
  background-image: url(../../img/cmn_bread_arw_sp.png);
  color:#7092c9;
}

#bread li a
{
  color:#7092c9;
}

#contents_wpr
{

    padding-top: 20px;

}

#contents
{
    padding: 0 15px 20px 15px;
}

#contents h2
{
    font-size: 26px;

}

#contents h3
{
  margin-top: 20px;
  margin-bottom: 20px;
    font-size: 22px;
    padding: 8px 0 8px 40px;
    background-size: 20px auto;

}
#contents h4
{
    font-size: 20px;
    padding: 8px 0 8px 20px;
}

#contents .fl,
#contents .fr
{

    margin: 0 0 20px 0;
}


#contents .fl img,
#contents .fr img
{
  width:100%;
}

#contents .images{
    margin: 20px 0 20px 0;
}

#contents .images .image
{
    margin: 20px 0 20px 0;
}

#contents .images .image:first-child
{
    margin-top:0;
}

#contents .images .image:last-child
{
    margin-bottom:0;
}

#contents table.default th,
#contents table.default td
{
    padding: 5px 5px;
    font-size: 14px;
}

#contents ul.files
{
    margin: 30px 0 30px 0;
}


#contents ul.btns li
{
    margin-top: 10px;
}


#contents ul.btns li:first-child
{
    margin-top:0;
}


#contents ul.magazine
{

}

#contents ul.magazine li
{
   width: 48%;
   margin-top: 20px;
}


#contents ul.magazine li:first-child,
#contents ul.magazine li:nth-child(2)
{
    margin-top:0;
}

#contents ul.magazine li:nth-child(odd)
{
  float:left;
  clear:left;
}

#contents ul.magazine li:nth-child(even)
{
  float:right;
}



#contents .score img
{

  width:100%;
  margin-bottom:15px;
}


#pagetop a
{
  position: absolute;
  bottom: -25px;
  right: 50%;
  margin-right:-25px;
}

#contents_wpr
{

    background-size: 1200px auto;

}

#bottom
{
    padding: 100px 0 150px 0;

}

#bottom dt
{
    margin-bottom: 5px;
}


#bottom dt img
{
  width:120px;
}

#bottom dd
{
    margin-bottom: 3px;
}

#bottom .txt_1
{
    font-size: 16px;

}

#bottom .txt_2
{
    font-size: 14px;

}


#about .link
{
}

#about .link a
{
  display: block;
  border-top:#ede8e0 1px solid;
  border-bottom:#ede8e0 1px solid;
  padding:15px 0;
}


#about .link a span
{
    font-size: 14px;

    padding-right: 20px;

    background-image: url(../../img/cmn_arw.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 8px auto;
}

#about .catch
{
  padding:40px 0 15px 0;

}

#about .catch span
{
  display: block;

}

/* 0307 */
#contents.rule_ct {
    padding-top: 15px;
}
#contents.rule_ct dl {
    padding-top: 0;
    background: none;
}
#contents.rule_ct dl dt {
    color: #626262;
}
#contents.rule_ct dl dd ul {
  padding-left: 0;
}
#contents.rule_ct dl dd ul li {
  margin-top: 8px;
  margin-left: 0;
  text-indent: -1em;
}


/* 0511 */

.dotline {
	border: #d2d2d2 1px dotted;	
	clear:both; 
}

.school_sub05 {
	 width:50%;
	 margin-left:100px; 	
}

.school_sub09 {
	 width:50%;
	 margin-left:100px; 	
}

.school_sub13 {
	 margin-top:-29px; 	
}

.fullBtn{border-width:3px;}
.fullBtn a{
font-size:14px;
background-image: none;
}