@charset "utf-8";
/* @group default */
* {margin:0;padding:0;max-height:999999px;/*for Android*/}
html>body{font-size:16px;}
body{font-size:87.5%;font-family:"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.4;text-align:center;color:#4b4b4b;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#fff;}
html>/**/body{font-size:87.5%;}
h1, h2, h3, h4, h5, h6, table, p, ul, ol, dl, input, select, option, textarea{font-size:100%;}
h1, h2, h3, h4, h5, h6, em, strong{font-weight:bold;}
ul li, ol li{list-style-type:none;}
table{border-spacing:0;border-collapse:separate;}
table tr th, table tr td, input, select, option, textarea{line-height:1.4;text-align:left;}
hr{display:none;}
img{border:0;vertical-align:bottom;}
label{cursor:pointer;}
object, embed, a, :hover, :active, :focus{outline:0;}
a{color:#65b054;text-decoration:none;}
a:visited{}
a:hover{color:#72c75f;}
a:active{}
/* @end */
/* @group frame */
div.inner{width:990px;position:relative;text-align:left;margin:0 auto;}
p.commonNoScript, #commonHeader, #commonContent, #commonFooter, #commonItems div.inner{width:100%;min-width:990px;position:relative;}
#commonItems div.inner{max-width:1200px;}
body.search #commonItems section{padding:0;}
@media only screen and (device-width:1,024px){div.mobile #commonContent{min-height:768px;}}
@media only screen and (device-width:768px){div.mobile #commonContent{min-height:1024px;}}
/* @end */
/* @group clear hack */
div.inner:after, #commonHeader ul:after, #commonFooter ul:after{content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
/* @end */
/* @group noscript */
p.commonNoScript{font-size:78.6%;color:#fff;text-align:center;background:#e26060;padding:5px 10px;}
/* @end */
/* @group input初期化 */
#commonSearch input,.menu .keyword input,#modal input{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 0;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
box-sizing: content-box;
}
#commonSearch input::-ms-expand,.menu .keyword input::-ms-expand,#modal input::-ms-expand{display: none;}
#commonSearch input:focus,.menu .keyword input:focus,#modal input:focus{outline:none;}

/* Webkit */
#commonSearch input:focus::-webkit-input-placeholder,
.menu .keyword input:focus::-webkit-input-placeholder,
#modal input:focus::-webkit-input-placeholder{color:transparent;}
/* Firefox 18 以前 */
#commonSearch input:focus:-moz-placeholder,
.menu .keyword input:focus:-moz-placeholder,
#modal input:focus:-moz-placeholder{color:transparent;}
/* IE */
#commonSearch input:focus::-ms-input-placeholder{color:transparent;}
/*@group commonContainer*/
#commonContainer{min-width:990px;background:#fbfaf1;}
/* @group commonHeader */
/* text飛ばし */
#commonHeader h1,#home #commonHeader h1,#commonHeader p.logo,#commonHeader div.main ul.menu li a,
#commonHeader p.timetable a,#commonHeader div.global ul.menu li ul,#commonHeader div.main ul#selectMode li{display:block;font-size:0px;text-indent:100%;overflow:hidden;white-space:nowrap;}
/* background共通指定 */
#home #commonHeader h1,#commonHeader p.logo,#commonHeader p.timetable a,#commonHeader div.main ul.menu li a{background-repeat: no-repeat;background-size:contain;}
/* common */
#commonHeader{z-index:20;background:#fff;box-shadow:rgba(0,0,0,.31) 0 -1px 8px 0px;}
#commonHeader div.inner{min-width:990px;width:auto;max-width:none;}
#commonHeader div.fixed{position:fixed;}
#commonHeader div.main, #commonHeader div.global{width:100%;}
#commonHeader div.global{border-top:#eeeeee 1px solid;}
#commonHeader ul.menu li{display:inline;}
#home #commonHeader h1,#commonHeader p.logo{padding:2px 0 3px 20px;}
#home #commonHeader h1 a,#commonHeader p.logo a{display:block;width:273px;height:48px;background-size: contain;background-repeat:no-repeat;}
#commonHeader p.timetable, #commonHeader div.main ul.menu{position:absolute;}
#commonHeader p.timetable{top:18px;}
#commonHeader p.timetable{right:580px;}
#commonHeader p.timetable a{width:48px;height:15px;background-image:url(../img/icon_globalmenu_timetable.png);}
#commonHeader div.main ul.menu{top:19px;right:362px;width:195px;}
#commonHeader div.main ul.menu li{float:left;}
#commonHeader div.main ul.menu li a{height:14px;width:100%;}
#commonHeader div.main ul.menu li.i1{width:75px;}
#commonHeader div.main ul.menu li.i2{margin-left:20px;width:98px;}
#commonHeader div.main ul.menu li.i1 a{background-image: url(../img/icon_globalmenu_first.png);}
#commonHeader div.main ul.menu li.i2 a{background-image: url(../img/icon_globalmenu_help.png);}
#commonHeader #selectMode{position:absolute;top:5px;right:88px;width:249px;border-radius:4px;}
#commonHeader #selectMode:before{content:'';position:absolute;right:-5px;top:50%;margin-top:-5.5px;height:11px;width:5px;background-size:contain;background-repeat:no-repeat;}
#commonHeader #selectMode li {float:left;margin:3px 4px;width:117px;height:36px;background-repeat:no-repeat;background-size:contain;border-radius:4px;}
#commonHeader #selectMode li:first-child{margin-right:0;}
#commonHeader #selectMode li.selected{background:#fff;}
#commonHeader #selectMode li{
	transition: background .1s ease;
	-webkit-transition: background .1s ease;
	-moz-transition: background .1s ease;
	-ms-transition: background .1s ease;
}
#commonHeader #selectMode li:hover{
	transition: background .2s ease;
	-webkit-transition: background .2s ease;
	-moz-transition: background .2s ease;
	-ms-transition: background .2s ease;
}
/* modeLock */
#commonHeader #modeLock{
	position:absolute;
	top:17px;
	right:11px;
	width:43px;
	border-radius:7px;
	transition:background-color .3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-webkit-transition:background-color .3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-moz-transition:background-color .3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	-ms-transition:background-color .3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
	cursor: pointer;
}
#commonHeader #modeLock:after{content:"";position:absolute;top:-3px;left:-23px;width:18px;height:20px;background:url(../img/icon_lock.png) no-repeat center; background-size:contain;}
#commonHeader #modeLock .lockInner{position:relative;}
#commonHeader #modeLock .btn{
	background-image:url(../img/icon_modeLock.png);
	background-size: 158.13%;
	background-repeat:no-repeat;
	width:100%;
	height:19px;
	transition:background-position .2s ease;
	-webkit-transition:background-position .2s ease;
	-moz-transition:background-position .2s ease;
	}

#commonHeader #modeLock.lockOn .btn{background-position:0% center;}
#commonHeader #modeLock.lockOff{background-color:#7f7f7f;}
#commonHeader #modeLock.lockOff .btn{background-position:100% center;}
#commonHeader div.global {box-shadow: rgba(0,0,0,.2) 0px 2px 3px -2px;}
#commonHeader div.global .inner{position:relative;padding-left:0;padding-right:0;max-width:1200px;}
#commonHeader div.global ul.menu{margin:0 auto;max-width:1200px;position:relative;}
#commonHeader div.global ul.menu,#commonHeader div.global ul.menu li a{height:71px;}
#commonHeader div.fixed ul.menu,#commonHeader div.global.fixed ul.menu li a{height:63px;}
#commonHeader div.global ul.menu li {position:absolute;top:0;float:left;line-height:0;text-align:left;font-size:0;}
#commonHeader div.global ul.menu li a{margin:0 auto;height:71px;position:relative;display:inline-block;background-position:0 0;background-repeat:no-repeat; background-size:100% auto;font-size:0;text-indent:100%;overflow:hidden;white-space:nowrap;}

#commonHeader div.global ul.menu li.i1{width:90px;left:0;}
#commonHeader div.global ul.menu li.i2{width:83px;left:13.6%;}
#commonHeader div.global ul.menu li.i3{width:83px;left:26.58%;}
#commonHeader div.global ul.menu li.i4{width:83px;left:40%;}
#commonHeader div.global ul.menu li.i5{width:130px;left:51.25%;}
#commonHeader div.global ul.menu li.i6{width:53px;left:67.16%;}
#commonHeader div.global ul.menu li.i7{width:114px;left:78.25%;}
#commonHeader div.global ul.menu li.i8{width:65px;right:0;}
#commonHeader div.global ul.menu li.i1 a{width:90px;}
#commonHeader div.global ul.menu li.i2 a{width:83px;}
#commonHeader div.global ul.menu li.i3 a{width:83px;}
#commonHeader div.global ul.menu li.i4 a{width:83px;}
#commonHeader div.global ul.menu li.i5 a{width:130px;}
#commonHeader div.global ul.menu li.i6 a{width:53px;}
#commonHeader div.global ul.menu li.i7 a{width:114px;}
#commonHeader div.global ul.menu li.i8 a{width:65px;}

#commonHeader div.global ul.menu li a{background-position:0 0;}
#commonHeader div.global ul.menu li a:hover{background-position:0 50%;}
#home #commonHeader div.global ul.menu li.i1 a,#home #commonHeader div.global ul.menu li.i1 a:hover,
#program #commonHeader div.global ul.menu li.i2 a,#program #commonHeader div.global ul.menu li.i2 a:hover,
#clip #commonHeader div.global ul.menu li.i3 a,#clip #commonHeader div.global ul.menu li.i3 a:hover,
#dcontent #commonHeader div.global ul.menu li.i4 a,#dcontent #commonHeader div.global ul.menu li.i4 a:hover,
#game #commonHeader div.global ul.menu li.i5 a,#game #commonHeader div.global ul.menu li.i5 a:hover,
.teacher #commonHeader div.global ul.menu li.i6 a,.teacher #commonHeader div.global ul.menu li.i6 a:hover,
#playlist #commonHeader div.global ul.menu li.i7 a,#playlist #commonHeader div.global ul.menu li.i7 a:hover,
#commonHeader div.global ul.menu li.i8.act a,#commonHeader div.global ul.menu li.i8.act a:hover,#commonHeader div.global ul.menu li.act a:hover{background-position:0 100%;}
#commonHeader div.global ul.menu li.i8.act a{background-color:#f3f3f3;}

#commonHeader div.global.fixed{border-top:none;top:-100%;}
#commonHeader div.global.fixed ul.menu li a{height:63px;}
#commonHeader div.global.fixed ul.menu li.i1,#commonHeader div.global.fixed ul.menu li.i1 a{width:79.86px;}
#commonHeader div.global.fixed ul.menu li.i2,#commonHeader div.global.fixed ul.menu li.i2 a,#commonHeader div.global.fixed ul.menu li.i3,#commonHeader div.global.fixed ul.menu li.i3 a,
#commonHeader div.global.fixed ul.menu li.i4,#commonHeader div.global.fixed ul.menu li.i4 a{width:73.65px;}
#commonHeader div.global.fixed ul.menu li.i5,#commonHeader div.global.fixed ul.menu li.i5 a{width:115.35px;}
#commonHeader div.global.fixed ul.menu li.i6,#commonHeader div.global.fixed ul.menu li.i6 a{width:47.03px;}
#commonHeader div.global.fixed ul.menu li.i7,#commonHeader div.global.fixed ul.menu li.i7 a{width:101.15px;}
#commonHeader div.global.fixed ul.menu li.i8 ,#commonHeader div.global.fixed ul.menu li.i8 a{width:57.67px;}


/* school mode */
#commonHeader.school  .global{background:#fff;}
#home #commonHeader.school h1 a,#commonHeader.school  p.logo a{background-image:url("../img/school/logo_header.gif");}
#commonHeader.school div.global ul.menu li.i1 a{background-image:url("../img/school/icon_globalmenu_home.png");}
#commonHeader.school div.global ul.menu li.i2 a{background-image:url("../img/school/icon_globalmenu_program.png");}
#commonHeader.school div.global ul.menu li.i3 a{background-image:url("../img/school/icon_globalmenu_clip.png");}
#commonHeader.school div.global ul.menu li.i4 a{background-image:url("../img/school/icon_globalmenu_dcontent.png");}
#commonHeader.school div.global ul.menu li.i5 a{background-image:url("../img/school/icon_globalmenu_play.png");}
#commonHeader.school div.global ul.menu li.i6 a{background-image:url("../img/school/icon_globalmenu_teacher.png");}
#commonHeader.school div.global ul.menu li.i7 a{background-image:url("../img/school/icon_globalmenu_playlist.png");}
#commonHeader.school div.global ul.menu li.i8 a{background-image:url("../img/school/icon_globalmenu_search.png");}
#commonHeader.school  #selectMode{background:#65b054;}
#commonHeader.school  #selectMode .schoolMode{background-image:url("../img/school/icon_mode_school.png");}
#commonHeader.school  #selectMode .afterschoolMode{cursor:pointer;background-color:#fff;background-image:url("../img/school/icon_mode_afterschool.png");}
#commonHeader.school  #selectMode .afterschoolMode:hover{background-color:#f8ece3;}
#commonHeader.school  #selectMode:before{background-image:url("../img/school/icon_mode_arrow.png");}
#commonHeader.school  #modeLock.lockOn{background-color:#65b054;}

/* afterschool mode */
#commonHeader.afterschool .main{background:url("../img/afterschool/bg_global_menu.png");}
#commonHeader.afterschool .global{background:#b08a6f;}
#home #commonHeader.afterschool h1 a,#commonHeader.afterschool p.logo a{background-image:url("../img/afterschool/logo_header.gif");}
#commonHeader.afterschool div.global ul.menu li.i1 a{background-image:url("../img/afterschool/icon_globalmenu_home.png");}
#commonHeader.afterschool div.global ul.menu li.i2 a{background-image:url("../img/afterschool/icon_globalmenu_program.png");}
#commonHeader.afterschool div.global ul.menu li.i3 a{background-image:url("../img/afterschool/icon_globalmenu_clip.png");}
#commonHeader.afterschool div.global ul.menu li.i4 a{background-image:url("../img/afterschool/icon_globalmenu_dcontent.png");}
#commonHeader.afterschool div.global ul.menu li.i5 a{background-image:url("../img/afterschool/icon_globalmenu_play.png");}
#commonHeader.afterschool div.global ul.menu li.i6 a{background-image:url("../img/afterschool/icon_globalmenu_teacher.png");}
#commonHeader.afterschool div.global ul.menu li.i7 a{background-image:url("../img/afterschool/icon_globalmenu_playlist.png");}
#commonHeader.afterschool div.global ul.menu li.i8 a{background-image:url("../img/afterschool/icon_globalmenu_search.png");}

#commonHeader.afterschool #selectMode{background:#b08a6f;}
#commonHeader.afterschool #selectMode .schoolMode{cursor:pointer;background-color:#fff;background-image:url("../img/afterschool/icon_mode_school.png");}
#commonHeader.afterschool #selectMode .schoolMode:hover{background-color:#e3efe0;}
#commonHeader.afterschool #selectMode .afterschoolMode{background-image:url("../img/afterschool/icon_mode_afterschool.png");}
#commonHeader.afterschool #selectMode:before{background-image:url("../img/afterschool/icon_mode_arrow.png");}
#commonHeader.afterschool #modeLock.lockOn{background-color:#b08a6f;}
/* @end */
/* @group main */
#main{margin-bottom:50px;}
/* @end */
/* @group commonSearch */
#commonSearch{display:none;}
#commonSearch{padding:15px 0;background:#f3f3f3;text-align: center;}
#commonSearch .searchInner{position:relative;margin:0 auto;width:535px;}
#commonSearch .placeHolder,#commonSearch #searchKeyword{width:100%;font-size:128.57%;text-indent:15px;line-height:1;}
#commonSearch .placeHolder{position:absolute;padding:14px 0 10px;background:#fff;top:0;left:0;z-index:1;text-align:left;}

#commonSearch #searchKeyword{background:transparent;position:relative;z-index:2;height:42px;}
#commonSearch #searchKeyword.focus{background:#fff;}
#commonSearch #searchSubmit{cursor:pointer;position:absolute;top:0;right:-82px;width:82px;height:100%;color:#fff;background:#7f7f7f;text-align:center;}
#commonSearch #searchSubmit:hover{opacity:.8;transition:opacity .4s ease;}
/* @end */
/* @group commonContent */
#commonContent{z-index:1;}
.commonContentPortal{background:#fbfaf1;}
#commonContentTitle{font-size:200%;font-family:"UD Shin Go Regular","Hiragino Kaku Gothic ProN",Meiryo,"Lucida Grande",sans-serif;text-align:center;border-bottom:#e9e7db 1px solid;margin:0 0 30px 0;padding:40px 0 0 0;}
#commonContentTitle *{display:inline-block;font-style:normal;font-weight:normal;}
#commonContentTitle span *{background:none;padding:0;}
#commonContentTitle > span{position:relative;background:none;padding:0 0 14px 0;}
#commonContentTitle > span:after{content:"";width:100%;position:absolute;bottom:0;left:50%;margin:0 0 0 -50%;background:#65b054;height:2px;}
#commonContentTitle.dynamic strong{background:none;padding:0;}
#commonContentTitle.dynamic em{font-size:78.57%;}
/* @end */
/* @group commonFooter */
#commonPagetop{width:50px;height:50px;display:none;position:fixed;bottom:20px;right:20px;font-size:1px;cursor:pointer;}
#commonPagetop:hover{opacity:.85;}
#commonFooter{font-size:78.6%;z-index:5;border-top:1px solid #f8f8f8;}
/* @end */
/* @group fancybox */
#fancybox-loading, #fancybox-close, #fancybox-left-ico, #fancybox-right-ico{width:40px;height:40px;cursor:pointer;}
#fancybox-loading{position:fixed;top:50%;left:50%;overflow:hidden;z-index:1104;display:none;}
#fancybox-loading div, #fancybox-overlay, #fancybox-wrap, #fancybox-hide-sel-frame{position:absolute;top:0;left:0;}
#fancybox-loading div{width:40px;height:480px;background-image:url(../img/fancybox.png);}
#fancybox-overlay, #fancybox-tmp, #fancybox-wrap, #fancybox-title, #fancybox-close, #fancybox-left, #fancybox-right{display:none;}
#fancybox-tmp, #fancybox-img, .fancybox-bg{margin:0;padding:0;}
#fancybox-wrap, #fancybox-content, #fancybox-img, #fancybox-left, #fancybox-right{outline:0;}
#fancybox-outer, #fancybox-hide-sel-frame, #fancybox-img, #fancybox-frame{width:100%;height:100%;}
#fancybox-wrap, #fancybox-outer, #fancybox-content{}/*edit*/
#fancybox-wrap{box-shadow: rgba(0,0,0,.25) 0 0 15px;}
#fancybox-overlay{width:100%;z-index:1100;position:fixed;}
#fancybox-tmp, #fancybox-content, #fancybox-img, #fancybox-frame, .fancybox-bg{border:0;}
#fancybox-tmp{overflow:auto;}
#fancybox-wrap, #fancybox-hide-sel-frame{z-index:1101;}
#fancybox-outer, #fancybox-content{position:relative;}
#fancybox-content, #fancybox-left, #fancybox-right, #fancybox-left-ico, #fancybox-right-ico{z-index:1102;}
#fancybox-content{width:0;height:0;overflow:hidden;background:#f5f5f5;padding:0;}
#fancybox-error{margin:0;padding:10px;}
#fancybox-img{line-height:0;vertical-align:top;}
#fancybox-frame{display:block;}
.fancybox-bg{width:20px;height:20px;position:absolute;z-index:1001;}
#fancybox-close{position:absolute;top:-45px;right:0;z-index:1103;background:url(../img/fancybox.png) -40px 0;}
#fancybox-close:hover{background-position:-40px -40px;}
#fancybox-left, #fancybox-right{width:35%;height:100%;position:absolute;bottom:0;cursor:pointer;background:url(../img/blank.gif);}
#fancybox-left{left:0;}
#fancybox-right{right:0;}
#fancybox-left-ico, #fancybox-right-ico{display:block;position:absolute;top:50%;left:-99999px;background-image:url(../img/fancybox.png);margin:-20px 0 0 0;}
#fancybox-left-ico{background-position:-40px -80px;}
#fancybox-left-ico:hover{background-position:-40px -120px;}
#fancybox-right-ico{background-position:-40px -160px;}
#fancybox-right-ico:hover{background-position:-40px -200px;}
#fancybox-left:hover span{left:10px;}
#fancybox-right:hover span{left:auto;right:10px;}
/* 見切れ調整 追加 */
#fancybox-wrap{box-shadow: none;}
#fancybox-content{top:65px;box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 15px;}
#fancybox-close{top:20px;}


/* @end */
/* @group jsp */
.jspContainer, .jspTrack, .jspDrag{position:relative;}
.jspContainer{overflow:hidden;}
.jspPane, .jspVerticalBar, .jspHorizontalBar{position:absolute;}
.jspVerticalBar, .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag, .jspHorizontalBar .jspArrow, .jspCorner{height:100%;}
.jspVerticalBar, .jspHorizontalBar, .jspTrack{background:#e3e3e3;}
.jspVerticalBar{top:0;right:0;width:16px;}
.jspHorizontalBar{width:100%;height:16px;left:0;bottom:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap, .jspHorizontalBar .jspDrag, .jspHorizontalBar .jspArrow, .jspCorner{float:left;}
.jspDrag, .jspArrow{cursor:pointer;}
.jspDrag{background:#4b4b4b;top:0;left:0;}
.jspDragTop, .jspDragBottom{width:16px;height:8px;position:absolute;left:0;background:url(../img/bg_jsp_drag.png) no-repeat;}
.jspDragTop{top:0;}
.jspDragBottom{bottom:0;background-position:0 -8px;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;}
.jspVerticalBar .jspArrow:focus{outline:0;}
.jspArrow, .jspCorner{width:0;height:0;display:none;}
/* @end */