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

/*===============================================
 smartphone.css -  画面の横幅が520px以下
===============================================*/

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

.onlyTub { display: none; }

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#container{
	width:95%;
	max-width:320px;
	margin: 0 auto;
	position:relative;
}

header {
	margin: 10px 0px;
	padding:0;
	background:none;
}

h1 img { width: 64%; }

.entry {
	margin-top: 30px;
	position:absolute;
	bottom: 10px;
	right:0;
}
.entry img { width: 68%; min-width: 112px; float:right; }

h3.resize img {
	height: 12px;
	margin: 0 0 2px 0;
}

section { margin-bottom: 3em; }

p { margin: 10px 0; }

#gloval_menu { margin-top: -5px; }
#gloval_menu li a {  #f00; text-decoration: none; font-weight: bold; }

.nav-toggle {
	position: absolute;
	width: 17%;
	top: -5px;
	right: -1px;
}
.nav-collapse { border-top: 1px solid #ddd; }
#top .nav-collapse li.last { border-bottom: none; }

header .enjp { display:none; }
footer .enjp { display:block; }
	
/* footer */
footer { text-align: center; }
footer .address span { display: block; }
#footerImg { width: 25%; margin: 0 auto 15px; }
footer .associate .sub { font-size:45%; line-height: 3; }

#mainSub { 
	border-top: solid 1px #999;
	border-bottom: solid 1px #999;
	padding: 20px 0 0 0;
	margin-bottom: 20px;
}
#mainSub div { width:100%; }
#mainSub .cover { height:100px; overflow:hidden; margin:0; }
#mainSub img { vertical-align:middle; }
#mainSub div.last { margin-right:0; }
#mainSub h3 { margin-bottom:20px; }

#news { 
	border-bottom: solid 1px #999;
	margin-bottom: 20px;
}
#news p { display: none; }
#news p.first { display: block; border: none; }

#banners, #subCont, #mainSubside { width:90%; margin:0 auto; }
#banners img, #subCont img, #mainSubside img { width:100%; }

#basic h2 { margin-top: 20px; }
.pankuzu { display: none; }

#basic h3 { margin: 0.3em 0 0.5em -0.5em; }

#text #oneEnt { margin-top:2em; }
#text #oneEnt h3 { margin-top:0.2em; }

.nav-collapse {
 border-top: 1px solid #ddd;
 margin-top: 15px;
}

.nav-collapse li {
  width: 100%;
  display: block;
  text-align:center;
  padding: 0.5em;
  border-bottom: 1px solid #ddd;
}

.nav-collapse li:nth-child(6n) {
  /*border-bottom: none;*/
}

#basic .barTitle { margin-top:0.5em; }
#basic .cocktail { margin:0 auto 1em auto; float:none; font-size:100%; }
#basic .cocktail img { width:60%; height:auto; }

.teachers .lLeft { width: 18%; }
.teachers .lRight { width: 78%; }

/* text_px */
#gloval_menu, footer .associate { font-size: 1.4em; line-height: 1; }/* 14px */
#news { font-size: 1.3em; line-height: 1.5; }/* 14px */
#news span.date { font-size: 85%; }

h2 { font-size: 1.5em; line-height: 1; }/* 15px */
#about h3, #about h4, #text h4, #link h3, #pub h3, #prize h3 { font-size: 1.3em; line-height: 1; }/* 13px */
#text h3 { font-size: 1.5em; line-height: 1.32; }/* 15px */

.enjp { font-size: 1.1em; line-height: 1; }/* 11px */

#textEntry h3 { font-size: 1.3em; line-height: 1.2; margin-top: 0.3em; }/* 13px */
#toBasic h3, #toBasictext h3 { font-size: 1.3em; line-height: 1; }/* 13px */
.category li, #prize h4 { font-size: 1.2em; line-height: 1; }/* 14px */
#toBasictext h4, #catList h3, #pub h4, .lEntry .data, #guideline h3, .winners_a { font-size: 1.3em; line-height: 1; }/* 13px */
#about #main p, #toBasic #main p, #text #main p, #text table, #link #main ul { font-size: 1.2em; line-height: 1.6; }/* 12px */
#toBasictext #main p { font-size: 1.2em; line-height: 1.6; }/* 12px */
#about table, #text .labo h5 { font-size: 1.1em; line-height: 1.5; }/* 11px */
.mailEntry ul { font-size: 1.3em; line-height: 1.5; }/* 11px */
#pub #main p, #prize #main p, #guideline #main p { font-size: 1.1em; line-height: 1.6; }/* 11px */
.letterEntry ul { font-size: 1.3em; line-height: 1.8; }/* 13px */
.origin { font-size: 1.2em; line-height: 1.2; }/* 12px */
#pub table, #prize table, .guideEntry table { font-size: 1.1em; line-height: 1.4; }/* 11px */
#toBasic table, #toBasictext table { font-size: 1.1em; line-height: 1.6; }/* 11px */
#about .small, #toBasic .small, #toBasictext .small { font-size: 92%; }
.new, footer .address { font-size: 1.2em; line-height: 1.6; }/* 12px */

.pankuzu { font-size: 1.1em; line-height: 1; }/* 11px */
.teacherName { font-size: 1.2em; line-height: 1.3; }/* 13px */
#textIndex .category { font-size: 85%; line-height: 1; }/* 12px */

.tableClass02 .role, .tableClass03 .role { font-size: 80%; white-space: nowrap; }
.tableClass03 td { font-size: 85%; line-height: 1; }/* 11px */
.tableClass03 .title { font-size: 93%; white-space: nowrap; }/* 12px */

.koenOld .data { font-size: 1.1em; }/* 11px */
.recommend_text { font-size: 1.1em; line-height: 1.5; }/* 12px */

}

@media screen and (min-width: 520px) {

.js .nav-collapse {
    position: relative;
}
.js .nav-collapse.closed {
    max-height: none;
}
.nav-toggle {
    display: none;
}
}