@charset "Shift_JIS";

p{font-size: 12px; line-height: 20px;} .intro{margin-left: 10px} #navi{margin-bottom:0;} .banner{margin:10px 0;} .notice{margin:0 0 20px;} .welcome{margin-left: 10px} .sns ul{list-style-type:none; padding-left:0; width:164px; margin:auto; overflow:hidden;} .sns li{width:40; margin:12px 0.5px; float:left;} .sns img{vertical-align:bottom;} #fb_box{margin:20px auto 10px;} .tw_btn{margin-bottom:20px;}

.pagetop {
    margin:0;
    padding:0;
    position:fixed;
    bottom:16px;
    right:16px;
}
.pagetop a {
    display: block;
    background-color:#00aa0b;
    width:50px;
    height:50px;
    color: #fff;
    line-height:50px;
    font-size:16px;
    text-decoration:none;
    text-align:center;
    -webkit-transition:all 0.3s ;
    -moz-transition:all 0.3s ;
    transition:all 0.3s ;
}
.pagetop a:hover {
    opacity:0.5;
}

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

/* リセット */
* {
        margin:0px;
        padding:0px;
        font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
a {
        text-decoration:none;
}
ul {
        list-style:none;
}
table{
        width:100%;
        height:auto;
	border-collapse:collapse;
}
td{
        display:block;
        width:100%;
        height:auto;
}
.hidden_sp {
        display:none;
}
.nobreak{
	display:inline-block;
}

#header{
        width:320px;
        height:92px;
        margin:16px auto;
        background:url(../img/logo-sp.gif) no-repeat center;
}
#header img{
        display:none;
}

.intro, .update{
	line-height:1.5;
}
.intro{
	padding:8px;
}
.intro img{
	width:auto;
	height:auto;
}
.intro, .welcome{
	margin:0;
}
.update{
	padding-bottom:8px;
	text-align:center;
}

#navi .item{
	display:block;
        border-bottom:dotted 1px #336600;
	padding:8px 0;
	line-height:1.5;
}
#navi a{
        display:inline-block;
}
#navi a font{
	font-size:16px;
}
#navi span:last-child img{
	vertical-align:-2px;
}

.material table tr.group td:first-child{
	display:none;
}
.material table tr.group td:last-child  font:before{
	content:attr(data-number);
	font-weight:bold;
}
.material table td{
	box-sizing:border-box;
	padding:4px 4px 0;
	line-height:1.6;
}
.material table td font{
	font-size:14px;
}
.material table:first-child tr:nth-child(2) td, .material table tr:first-child td, .material table:last-child tr:last-child td{
	padding:4px;
}
.material table:first-child tr:first-child td{
	padding:8px 0;
	line-height:1.5;
}
.material table:first-child tr:first-child td font{
	font-size:16px;
}

.link_sp{
	display:block !important;
}
.link_sp li{
        border-bottom:dotted 1px #336600;
	padding:8px 0;
	text-align:center;
	line-height:1.6;
	font-size:14px;
}
.link_sp a{
        display:inline-block;
	color:#336600;
}

.admin{
	border-bottom:dotted 1px #336600;
	padding:8px 0;
	line-height:1.6;
}
.admin a{
	display:inline-block;
}
.admin font{
	font-size:14px;
}

#fb_box{
        width:98%;
        margin:12px auto;
}
.tw_btn{
        margin-bottom:24px;
}

.footer .banner{
	display:none;
}
#banner_sp{
        display:block !important;
        background-color:#000000;
        margin:12px 0px;
        padding:24px 0px;
}
.footer .notice{
	margin-bottom:24px;
}
.footer .notice font{
	font-size:12px;
}

.link_ncc, .link_learning{
	width:100%;
	margin:0;
}
.link_ncc, .link_learning p{
	line-height:1.6;
}
.link_ncc font, .link_learning p font{
	font-size:14px;
}
.link_ncc{
	background-color:#ffffcc;
	box-sizing:border-box;
	padding-top:4px;
}
.link_learning{
	border-style:none;
	margin-bottom:24px;
}
.link_learning td{
	border-style:none;
}
.link_ncc a, .link_learning a{
	display:inline-block;
}
.link_learning .unit1, .link_learning .unit2{
	display:block;
	padding:4px 4px 0;
}
.link_learning .unit1{
	background-color:#ccff99;
}
.link_learning .unit2{
	background-color:rgba(204, 255, 102, 0.42);
}

}