@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:1024px){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.main{position:relative; /*z-index:1;*/}
#commonHeader div.main .inner{
	display:flex;
	align-items: center;
}
#commonHeader div.main .inner > *{
	flex-shrink: 0;
	flex-grow: 0;
}

#commonHeader ul.menu li{display:inline;}
#home #commonHeader h1,#commonHeader div.main .inner p.logo{padding:2px 0 3px 20px; order: -1; flex-grow:1;}
#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{}
#commonHeader p.timetable{ margin-right: 30px; }
#commonHeader p.timetable a{width:48px;height:15px;background-image:url(../img/icon_globalmenu_timetable.png);}
#commonHeader div.main ul.menu{width:185px; margin-right: 20px;}
#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.i1 a{background-image: url(../img/icon_globalmenu_first.png);}
#commonHeader div.main ul.menu li.i2{margin-left:20px;width:85px;}
#commonHeader div.main ul.menu li.i2 a{background-image: url(../img/icon_globalmenu_help02.png);} 
/*
#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{width:249px;border-radius:4px;margin-right: 30px;position:relative;}
#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{
	margin-right: 10px;
	position:relative;
	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;}

/*global*/
#commonHeader div.global{border-top:#eeeeee 1px solid;position:relative;z-index:2;box-shadow: rgba(0,0,0,.2) 0px 2px 3px -2px;}
#commonHeader div.global .inner{max-width:1000px;}
#commonHeader div.global ul.menu{margin:0 auto;width:100%;max-width:1000px;display: flex; justify-content: space-between; height:71px;}
#commonHeader div.global ul.menu::after{content: none;}

#commonHeader div.global ul.menu li {width:auto;height:100%;line-height:0;text-align:left;font-size:0; flex-grow:0; flex-shrink: 0; float:none;}
#commonHeader div.global ul.menu li a{
	margin:0 auto;height:100%;width:100%;position:relative;display:block;
	background-position:0 0;background-repeat:no-repeat; background-size: cover;
	font-size:0;text-indent:100%;overflow:hidden;white-space:nowrap;
}

#commonHeader div.global ul.menu li.i1{width:90px;}
#commonHeader div.global ul.menu li.i2{width:83px;}
#commonHeader div.global ul.menu li.i3{width:83px;}
#commonHeader div.global ul.menu li.i4{width:83px;}
#commonHeader div.global ul.menu li.i5{width:130px;}
#commonHeader div.global ul.menu li.i6{width:53px;}
#commonHeader div.global ul.menu li.i7{width:114px;}
#commonHeader div.global ul.menu li.i8{width:65px;}


#commonHeader div.global ul.menu li a:hover{background-position:0 50%;}

/*global current and hover*/
#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;}


/*global fixed*/
#commonHeader div.fixed ul.menu{height:63px;}
#commonHeader div.fixed ul.menu li a{width:88.73%;}
#commonHeader div.global.fixed{position: fixed;border-top:none;top:-100%;}



/* 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;}

/* @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 */


/*****************************************
		SUMMER MODE
******************************************/
/* schoolMode */
#commonHeader.school.summer #selectMode .afterschoolMode{background-image:url("../img/school/icon_mode_summer.png");cursor: pointer;}
#commonHeader.school.summer #selectMode .afterschoolMode:hover{background-color:#e0eaef;}
.afterschool.summer .bg_afterschool{background-color:#e8fafe;}
body#home.afterschool.summer #bg01 {background-image: url("../img/summer/bg_summer.png");}

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

/* afterSchool mode */
#commonHeader.afterschool.summer .main{background: url(../img/summer/bg_global_menu.png);overflow: hidden;}
#commonHeader.afterschool.summer #modeLock.lockOn{background:#1386d6;}
#commonHeader.afterschool.summer #selectMode{background:#158ad0;}
#commonHeader.afterschool.summer #selectMode .afterschoolMode{background-image:url("../img/summer/icon_mode_summer.png");}
#commonHeader.afterschool.summer #selectMode:before{background-image:url("../img/summer/icon_mode_arrow.png");}
#commonHeader.afterschool.summer div.global{border-color:rgba(238,238,238,0);}
#commonHeader #wave-wrap{display:none;}
#commonHeader.afterschool.summer #wave-wrap{display:block;}

/* afterschool summer mode */
#commonHeader.afterschool.summer .main{position:relative;}
#commonHeader.afterschool.summer .global{background:#3ca5df;}
#wave-wrap{position:absolute;bottom:-1px;height:16px;width:100%;}

.waves{
	width:100%;height:16px;
	position:absolute;
	left:0;bottom:0;
	background-position:left top;
	background-repeat:repeat-x;
	background-size:81px 60px;
}

#wave1{background-image:url(../img/summer/wave_b_01.png);z-index:4;background-position:-1px top;transition:opacity .2s ease,height .1s ease;opacity:1;}
#waveBk1{background-image:url(../img/summer/wave_bk_01.png);z-index:2;height:21px;background-position:21px top;transition:opacity .2s ease,height .1s ease;opacity:1;}


.summer_ship{position:absolute;right:-10%;bottom:2px;z-index:1;}
#commonHeader .main:hover .summer_ship{
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}
#commonHeader .summer_ship img{transition:opacity .4s ease,height .1s ease;height:auto;opacity:1;}
#commonHeader .main:hover .summer_ship img{opacity:0;height:0;z-index:0;}
#commonHeader .main:hover #waveBk1,#commonHeader .main:hover #wave1{opacity:0;height:0;z-index:0;}

#summer_ship01{animation:ship_move1 120s ease infinite;}

@keyframes ship_move1 {
0%{right:-5%;}
8%{transform:rotateZ(0deg);}
9%{transform:rotateZ(3deg);}
11%{transform:rotateZ(-3deg);}
13%{transform:rotateZ(2deg);}
14%{transform:rotateZ(-1deg);}
15%{transform:rotateZ(0deg);}
20%{transform:rotateZ(0deg);}
21%{transform:rotateZ(-2deg);}
23%{transform:rotateZ(2deg);}
25%{transform:rotateZ(-2deg);}
26%{transform:rotateZ(1deg);}
27%{transform:rotateZ(0deg);}

35%{transform:rotateZ(0deg);}
36%{transform:rotateZ(-2deg);}
38%{transform:rotateZ(2deg);}
40%{transform:rotateZ(-2deg);}
41%{transform:rotateZ(1deg);}
50%{right:55%;transform:rotateZ(3deg);}
58%{right:60%;transform:rotateZ(3deg);}
60%{transform:rotateZ(-3deg);}
65%{right:60%;transform:rotateZ(0deg);}
66%{transform:rotateZ(3deg);}
67%{transform:rotateZ(-3deg);}
67.5%{transform:rotateZ(-1deg);}
68%{transform:rotateZ(1deg);}
68.5%{transform:rotateZ(0deg);}
69%{transform:rotateZ(-2deg);}
74%{transform:rotateZ(2deg);}
75%{transform:rotateZ(0deg);}
82%{transform:rotateZ(0deg);}
83%{transform:rotateZ(-2deg);}
85%{transform:rotateZ(2deg);}
86%{transform:rotateZ(0deg);}
100%{right:105%;}
}

/* @end */
/*****************************************
	END	SUMMER MODE
******************************************/


/* **************************************
	#selectLanguage start
*************************************** */
#commonHeader #selectLanguage{
	display: flex;
	align-items: center;
	margin-right: 10px;
	padding: 0;
	-ms-user-select: none;
	user-select: none;
}
#commonHeader #selectLanguage .selectWrapper{
	position: relative;
}
#commonHeader #selectLanguage .selectValue{
	position: relative;
	border-radius: 3px;
	background: #b9b9b9;
	color: #fff;
	overflow: hidden;
	height: 42px;
	line-height: 42px;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 1.885em 0 0.7em;
	cursor: pointer;
	-ms-user-select: none;
	user-select: none;
}
#commonHeader #selectLanguage .selectValue:before{
	content: "";
	position: absolute;
	width: 1.285em;
	right: 0;
	height: 100%;
	background: #7E7E7E;
	pointer-events: none;
	-ms-user-select: none;
	user-select: none;
}
#commonHeader #selectLanguage .selectValue:after {
	content: "";
	display: inline-block;
	position: absolute;
	border-style: solid;
	border-color: #FFF transparent transparent transparent;
	border-width: 0.35em 0.25em 0;
	right: 0.38em;
	top: 50%;
	transform: translateY(-50%);
	margin: auto;
	pointer-events: none;
	-ms-user-select: none;
	user-select: none;
}
#commonHeader #selectLanguage .selectValue:hover {
	background: #c0c0c0;
}
#commonHeader #selectLanguage .selectList{
	position: absolute;
	bottom: -1px;
	right:0;
	transform: translateY(100%);
	z-index: 10;
	overflow: hidden;
	transition: opacity 200ms ease;
	background: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
#commonHeader #selectLanguage .selectList.selectListHide{
	height: 0;
	opacity: 0;
}
#commonHeader #selectLanguage .selectList li{
	padding: 0.5em 1.5em;
	background: #eeeeee;
	color: #666;
	border-bottom: 1px solid #ddd;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
#commonHeader #selectLanguage .selectList li:hover{
	opacity: 0.8;
}
#commonHeader #selectLanguage .selectList li:last-child{
	border-bottom: 0;
}

/* **************************************
	#selectLanguage end
*************************************** */


/* **************************************
	#commonHeader.en start
*************************************** */
#commonHeader.en p.timetable{width:auto; margin: 0 10px 0 0;}
#commonHeader.en p.timetable a{width:101px;height:27px;background-image:url("../img/en/icon_globalmenu_timetable.png");}
#commonHeader.en div.main ul.menu{width:auto;margin:0;}
#commonHeader.en div.main ul.menu li.i1{ margin: 0 10px 0 0; width:auto; }
#commonHeader.en div.main ul.menu li.i1 a{width:67px;height:27px;background-image: url("../img/en/icon_globalmenu_first.png"); margin:0;}
#commonHeader.en div.main ul.menu li.i2{ margin: 0 10px 0 0; width:auto;}
#commonHeader.en div.main ul.menu li.i2 a{width:67px;height:27px;background-image: url("../img/en/icon_globalmenu_help.png"); margin:0;}


#commonHeader.en div.global ul.menu li.i1{width:62px;}
#commonHeader.en div.global ul.menu li.i2{width:106px;}
#commonHeader.en div.global ul.menu li.i3{width:105px;}
#commonHeader.en div.global ul.menu li.i4{width:78px;}
#commonHeader.en div.global ul.menu li.i5{width:75px;}
#commonHeader.en div.global ul.menu li.i6{width:113px;}
#commonHeader.en div.global ul.menu li.i7{width:75px;}

/* school mode */
#commonHeader.en.school div.global ul.menu li.i1 a{background-image:url("../img/en/school/icon_globalmenu_home.png");}
#commonHeader.en.school div.global ul.menu li.i2 a{background-image:url("../img/en/school/icon_globalmenu_program.png");}
#commonHeader.en.school div.global ul.menu li.i3 a{background-image:url("../img/en/school/icon_globalmenu_clip.png");}
#commonHeader.en.school div.global ul.menu li.i4 a{background-image:url("../img/en/school/icon_globalmenu_dcontent.png");}
#commonHeader.en.school div.global ul.menu li.i5 a{background-image:url("../img/en/school/icon_globalmenu_play.png");}
#commonHeader.en.school div.global ul.menu li.i6 a{background-image:url("../img/en/school/icon_globalmenu_teacher.png");}
#commonHeader.en.school div.global ul.menu li.i7 a{background-image:url("../img/en/school/icon_globalmenu_playlist.png");}
#commonHeader.en.school  #selectMode .schoolMode{background-image:url("../img/en/school/icon_mode_school.png");}
#commonHeader.en.school  #selectMode .afterschoolMode{;background-image:url("../img/en/school/icon_mode_afterschool.png");}

/* afterschool mode */
#commonHeader.en.afterschool div.global ul.menu li.i1 a{background-image:url("../img/en/afterschool/icon_globalmenu_home.png");}
#commonHeader.en.afterschool div.global ul.menu li.i2 a{background-image:url("../img/en/afterschool/icon_globalmenu_program.png");}
#commonHeader.en.afterschool div.global ul.menu li.i3 a{background-image:url("../img/en/afterschool/icon_globalmenu_clip.png");}
#commonHeader.en.afterschool div.global ul.menu li.i4 a{background-image:url("../img/en/afterschool/icon_globalmenu_dcontent.png");}
#commonHeader.en.afterschool div.global ul.menu li.i5 a{background-image:url("../img/en/afterschool/icon_globalmenu_play.png");}
#commonHeader.en.afterschool div.global ul.menu li.i6 a{background-image:url("../img/en/afterschool/icon_globalmenu_teacher.png");}
#commonHeader.en.afterschool div.global ul.menu li.i7 a{background-image:url("../img/en/afterschool/icon_globalmenu_playlist.png");}
#commonHeader.en.afterschool #selectMode .schoolMode{background-image:url("../img/en/afterschool/icon_mode_school.png");}
#commonHeader.en.afterschool #selectMode .afterschoolMode{background-image:url("../img/en/afterschool/icon_mode_afterschool.png");}

/* summer schoolMode */
#commonHeader.en.afterschool.summer div.global ul.menu li.i1 a{background-image:url("../img/en/summer/icon_globalmenu_home.png");}
#commonHeader.en.afterschool.summer div.global ul.menu li.i2 a{background-image:url("../img/en/summer/icon_globalmenu_program.png");}
#commonHeader.en.afterschool.summer div.global ul.menu li.i3 a{background-image:url("../img/en/summer/icon_globalmenu_clip.png");}
#commonHeader.en.afterschool.summer div.global ul.menu li.i4 a{background-image:url("../img/en/summer/icon_globalmenu_dcontent.png");}
#commonHeader.en.afterschool.summer div.global ul.menu li.i5 a{background-image:url("../img/en/summer/icon_globalmenu_play.png");}
#commonHeader.en.afterschool.summer div.global ul.menu li.i6 a{background-image:url("../img/en/summer/icon_globalmenu_teacher.png");}
#commonHeader.en.afterschool.summer div.global ul.menu li.i7 a{background-image:url("../img/en/summer/icon_globalmenu_playlist.png");}
#commonHeader.en.school.summer #selectMode .afterschoolMode{background-image:url("../img/en/school/icon_mode_summer.png");}

/* summer afterSchool */
#commonHeader.en.afterschool.summer #selectMode .afterschoolMode{background-image:url("../img/en/summer/icon_mode_summer.png");}

#commonHeader #enGuideBalloon{position:absolute;right:10px;top:52px;width:134px;height:67px;z-index:100;background-image:url("../img/img_enguide.png");}}
/* **************************************
   #commonHeader.en end
*************************************** */