@charset "UTF-8";

/* for PC,ipad */
@import url("low_pc.css") screen and (min-width:927px);

/* for iphone,ipod,Andoroid */
@import url("low_mobi.css") screen and (min-width:0) and (max-width:926px);

/* //////////////////////////////////////////////////////////
*****************************************
 Lower Page Style - Common device
Developer: Neoworkers Corp.

--- お客様へ ---
お客様サイドでスタイル指定したい場合は、以下のCSSファイルに記述してください。
■全てのデバイス共通 … /css/lower/single.css
■PC(ipadなどのタブレット含む)　… /css/lower/single_pc.css
■モバイル … /css/lower/single_mobi.css

*****************************************
////////////////////////////////////////////////////////// */

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Common List Block Style
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* TwoBlock(pc+land) list */
/* english */
.siteListShadow > li,
.siteListShadow > div > div{
	border-width:0 8px 8px 0;
	border-style:solid;
	position:relative;
}

.siteListShadow > li:after,
.siteListShadow > li:before,
.siteListShadow > div > div:after,
.siteListShadow > div > div:before{
	position:absolute;
	content:'';
	width:10px;
	height:10px;
	z-index:100;
	background:#fff;
}

.siteListShadow > li:after,
.siteListShadow > div > div:after{top:0;right:-10px;}
.siteListShadow > li:before,
.siteListShadow > div > div:before{bottom:-10px;left:0;}

.siteListShadow > li > .inner,
.siteListShadow > div > div > .inner{
	border-width:1px;
	border-style:solid;
}

/* Alternately diagonal */
.diagonalList li:nth-child(2n) .inner,
.diagonalList .oneBox:nth-child(2n) .inner{background:rgba(246,248,250,1);}
.diagonalList li:nth-child(2n):before,
.diagonalList li:nth-child(2n):after,
.diagonalList .oneBox:nth-child(2n):before,
.diagonalList .oneBox:nth-child(2n):after{
	content:"";
	position: absolute;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
}

.diagonalList li:nth-child(2n):before,
.diagonalList .oneBox:nth-child(2n):before{
	top: 0;
	border-color: transparent  transparent  transparent rgba(246,248,250,1);;
}
.diagonalList li:nth-child(2n):after,
.diagonalList .oneBox:nth-child(2n):after{
	bottom: 0;
	border-color: transparent  transparent  transparent rgba(246,248,250,1);;
}

/* icon commnet */
.comment dt,.comment dd{display:inline-block;vertical-align:top;}
.comment dt{width:20px;}
.comment dd{
	font-weight:600;
	width:calc(100% - 20px);}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
Guide
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
/* ------------------------------------------------ 
       facility
---------------------------------------------------  */
#facilityContentMap .secondary ul li{width:calc(50% - 2px);margin-right:2px;margin-bottom:2px;}
#facilityContentMap .secondary ul li a{display:block;}
#facilityContentMap .secondary ul li a em{margin-right:.5em;}

#facilityContentMap .secondary .helmet .men{width:20%;}
#facilityContentMap .secondary .helmet .txt{
	padding:0 10px;
	width:45%;}
#facilityContentMap .secondary .helmet .helmetImg{width:35%;}
#facilityContentMap .secondary .helmet .helmetImg img{
	border-width:2px;
	border-style:solid;
}

/* modal */
.facilityModal img.mainImg{border:8px solid #fff;}
.facilityModal .primary .subImgRadius{border:3px solid #fff;border-radius:50%;}
.facilityModal h2{z-index:100;}


/* modal17 only */
#modal17 a.btn{
	width:100%;
	display:block;
	margin-top:20px;
	border-radius:10px;
}

#modal17 a.btn img{width:80px;}

/* ------------------------------------------------ 
       Message from the Chairman / principal
---------------------------------------------------  */
#graduate_message_caption h2 i{
	transform: rotate(-20deg);
	font-size:1.2em;}
	
#graduateSlideWrap li.slick-slide{
	width:300px;
	margin-right:5px;
}

#graduateSlideWrap li img{
	width:100%;
	height:300px;
	object-fit:cover;
}
#graduateSlideWrap li figcaption{padding:10px;}

/* open modal */
.graduate_modal .graduate_modl_head h2{
	display:inline-block;
	border-width:0 0 4px;
	border-style:solid;
}

.graduate_data .graduateYear{
	display:inline-block;
	border:1px solid #333;
	padding:3px 10px;
	font-weight:600;
}

.graduate_data dt,.graduate_data dd{display:inline-block;}
.graduate_data dt{padding-right:1em;}

.graduate_modal .modal_close_head{
	text-align:center;
	border-width:1px;
	border-style:solid;
	padding:5px;
	border-radius:50%;
	z-index:9100;
}

/* ------------------------------------------------ 
       Become the protagonist of the future
---------------------------------------------------  */

#future_content #futureList .inner h2{
	border-width:0 0 1px;
	border-style:solid;
	margin-bottom:15px;
}

/* ------------------------------------------------ 
       Taisei history
---------------------------------------------------  */

#historyFounder .primary{background:rgba(173,114,56,1);}
#historyFounder .primary .positionName dt,#historyFounder .primary .positionName dd{display:inline-block;}
#historyFounder .primary dl{text-align:right;}

#historyChronology .chronology dl.year > dd{
	border-width:0 0 0 2px;
	border-style:solid;
}
#historyChronology .chronology li:last-child dl.year > dd{border-width:0;}
#historyChronology ul.imgList > li img{object-fit:cover;}
#historyChronology ul.imgList > li figcaption{margin-top:5px;}

/* ------------------------------------------------ 
       life
---------------------------------------------------  */
#lifeAttempt .secondary h3{
	display:inline-block;
	border-width:0 0 1px;
	border-style:solid;
}
#lifeAttempt .secondary aside{border-radius:10px;}
#lifeHairstyle figure img{max-width:300px;}
#lifeOther h3 span,#lifeOther h3 em{
	vertical-align:top;
	display:inline-block;}
#lifeOther h3 span{
	border-style:solid;
	border-width:1px;
	text-align:center;
}

/* ------------------------------------------------ 
       course top
---------------------------------------------------  */
#courseLists {overflow:hidden;}

#courseLists > div.outer > div.inner{
	overflow:hidden;
	width:100%;
	height:100%;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all  0.8s ease;
}

#courseLists  div.outer:nth-child(1) > div.inner{margin-top:-100vh;}
#courseLists.active  div.outer:nth-child(1) > div.inner{margin-top:0;}
#courseLists  div.outer:nth-child(2) > div.inner{margin-left:100vw;}
#courseLists.active  div.outer:nth-child(2) > div.inner{margin-left:0;}
#courseLists  div.outer:nth-child(3) > div.inner{margin-left:-100vw;}
#courseLists.active  div.outer:nth-child(3) > div.inner{margin-left:0;}
#courseLists  div.outer:nth-child(4) > div.inner{margin-top:100vh;}
#courseLists.active  div.outer:nth-child(4) > div.inner{margin-top:0;}

#courseLists > div.outer > div.inner > .contentbox > div.tx h3{
	display:inline-block;
	padding:0 5px;
	border-bottom:1px solid #fff;}

#courseLists > div.outer > div.inner > .contentbox > div.tx .btn a{
	display:inline-block;
	border:1px solid #fff;}



/* ------------------------------------------------ 
       course common
---------------------------------------------------  */

.curriculumTb .tableWrap th,.curriculumTb .tableWrap td{vertical-align:middle;}
.curriculumTb .tableWrap table{width:100%;}

#specialClmTable .tableWrap th,#nomal-courseClmTable .tableWrap th{width:20%;}
#selectionClmTable .tableWrap th{width:25%;}
#it-courseClmTable .tableWrap th{width:33.3%;}

#specialClmTable .tableWrap tbody tr td:nth-child(even){width:20px;}
#nomal-courseClmTable .tableWrap td.bgSeaKye60{width:20%;}
#selectionClmTable .tableWrap td.bgSeaKye60{width:23%;}
#it-courseClmTable .tableWrap td:nth-child(odd){width:32%;}

#specialClmTable .tableWrap tbody tr td:nth-child(2n+1){background:rgba(246,248,250,1);}
#selectionClmTable .tableWrap tbody tr td.txCn,
#nomal-courseClmTable .tableWrap tbody tr td.txCn,
#it-courseClmTable .tableWrap tbody tr td.txCn{width:20px;}

.timeTables .note{margin-top:20px;}
.timeTables .note dl{margin-right:1em;}
.timeTables .note dt:after{
	content:"＝";
}

/* ------------------------------------------------ 
       special course
---------------------------------------------------  */
#special-courseHeadTable figure table{width:100%;}
#special-courseHeadTable figure table tr td:nth-child(1){text-align:left;}
#special-courseHeadTable figure table tr td:nth-child(2){width:60px;text-align:center;}
#special-courseHeadTable p.note{width:100%;text-align:right;}

#specialHeadTableTitle h4 .triangle,.timeTables h3 .triangle{
	left:calc(50% - 20px);
	bottom:-20px;
	border-width: 20px 20px 0 20px;
}


/* ------------------------------------------------ 
       nomal education course
---------------------------------------------------  */
#nomal-courseRecommend .inner h4{display:inline-block;}

/* ------------------------------------------------ 
       it course
---------------------------------------------------  */
#it-courseMeasures .primary > div > dl > dd > strong,
#it-courseMeasures .secondary h3 strong {font-size:1.2em;}

/* ------------------------------------------------ 
       uniform
---------------------------------------------------  */
.uniformtabs .hfcolumns .inner > div{background:rgba(255,255,255,0.9);}
.uniformtabs {display:none;}
.uniformtabs.show {display:block;}

#unifoemSwicth li{width:50%;}
#unifoemSwicth li div{cursor:pointer;}
#uniformGallery figure{overflow:hidden;}
#uniformGallery figure img{
	width:100%;
	object-fit:cover;}

#uniformIndividual #yshirt-Girls .primaryImg{max-width:45%;}
#uniformIndividual #yshirt-Girls .secondaryImg{max-width:55%;}
#uniformIndividual #yshirt-Boys .primaryImg{max-width:46%;}
#uniformIndividual #yshirt-Boys .secondaryImg{max-width:54%;}
#uniformIndividual #skirtwinter-Girls ul,#uniformIndividual #skirtsummer-Girls ul{max-width:80%;}
#uniformIndividual #skirtwinter-Girls li,#uniformIndividual #skirtsummer-Girls li{width:50%;}

#uniformIndividual #sweater-Boys .primaryImg{max-width:46%;}
#uniformIndividual #sweater-Boys .secondaryImg{max-width:54%;}

#uniformIndividual #coat .primaryImg{max-width:48%;}
#uniformIndividual #coat .secondaryImg{max-width:52%;}

#uniformIndividual #cardigan .primaryImg{max-width:47%;}
#uniformIndividual #cardigan .secondaryImg{max-width:53%;}

#uniformIndividual #ribon .primaryImg{max-width:43%;}
#uniformIndividual #ribon .secondaryImg{max-width:57%;}

#uniformIndividual #tie .primaryImg{max-width:43%;}
#uniformIndividual #tie .secondaryImg{max-width:57%;}

#uniformIndividual #bag .primaryImg{max-width:52%;}
#uniformIndividual #bag .secondaryImg{max-width:48%;}

#uniformIndividual #bag .primaryImg{max-width:52%;}
#uniformIndividual #bag .secondaryImg{max-width:48%;}

#ruck .primaryImg{max-width:63%;}

#uniformIndividual #sweater-Girls .primaryImg,#uniformIndividual #sweater-Girls .secondaryImg,
#uniformIndividual #tie .primaryImg,#uniformIndividual #tie .secondaryImg{max-width:50%;}


/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
feature
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
       education
---------------------------------------------------  */
#educationList .primary h4{
	display:inline-block;
	border-style:solid;
	border-width:0 0 1px 0;
}
#educationList .primary h3,
#educationList .primary h3 sup,
#educationList .primary h3 span{
	vertical-align:bottom;
	display:inline-block;}


#educationList .secondary.imgJpg img{
	width:100%;
	object-fit:cover;
}

/* ------------------------------------------------ 
       7j
---------------------------------------------------  */
#sevenjFeature h3{
	display:inline-block;
	border-style:solid;
	border-width:0 0 1px 0;
}

#sevenjVoice .oneBox .primary h4 span{
	padding:0 5px;
	border-bottom:1px solid #fff;}

/* ------------------------------------------------ 
       recycle
---------------------------------------------------  */
#recyclePlan h4{
	display:inline-block;
	border-style:solid;
	border-width:0 0 1px 0;
}

/* ------------------------------------------------ 
       careerday
---------------------------------------------------  */
.careerdayOneVoiceList .one dl.lecturer{
	border-style:solid;
	border-width:0 0 1px 0;
}
#careerdayTwoTeacher .one h5 i{font-size:1.2em;margin-right:1em;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
career
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
       career-counselor
---------------------------------------------------  */
#counselorStudy .inner h3{
	border-width:0 0 1px;
	border-style:solid;
}

#counselorSchedule .timeTable tr td,
#counselorSchedule .timeTable tr th{
	text-align:left;
	width:33%;}

#counselorSchedule .timeTable tr th:nth-child(1),
#counselorSchedule .timeTable tr td:nth-child(1){width:7%;}

/* ------------------------------------------------ 
       result
---------------------------------------------------  */
#resultRecommended .cnbdTitle strong{font-size:1.8em;}
#resultRecommended .inner h4{display:inline-block;}
#resultMarch .inner dl dd sub{vertical-align:baseline;}
#resultData th{text-align:left;}
#resultData td{text-align:right;}
#resultUniversityData table tbody th{text-align:left;}
#resultUniversityData table tbody td{text-align:center;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
exam
-------------------------------------------------------------
////////////////////////////////////////////////////////// */

/* ------------------------------------------------ 
       Requirements
---------------------------------------------------  */
.exam-inf-one .course dd{text-align:right;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
access
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
#accessMap figure{background:#e1efd8;}
#accessMap .gmap iframe{
	width:100%;
	height:50vh;
}

/* ------------------------------------------------ 
       train
---------------------------------------------------  */
#trainContent {margin:40px 0 20px;}
#trainContent .oneStation {
	padding:10px;
	margin:0 5px 10px;
}

.trainAccess > div {text-align:center;}
.trainAccess > div > .cnbdTitle h3 strong{font-size:1.2em;}

.trainAccess > div > h4{
	padding:0 10px;
	display:inline-block;}
	
.trainAccessBusTime table,.trainAccessBusTime th,.trainAccessBusTime td{width:100%;}
.trainAccessBusTime th{padding:3px 10px;}
.trainAccessBusTime td{padding:10px 0 0;text-align:left;}

.trainAccess {background:rgba(0,0,0,0.8);}
.trainAccess > div{
	height:calc(100vh - 100px);
	overflow-y:scroll;
	max-width:1024px;
	background:#fff;
	margin:50px auto 0;}

.trainAccess .js-modal-close {
	cursor:pointer;
	z-index:9200;
	font-size:30px;
}

/* ------------------------------------------------ 
       bicycle
---------------------------------------------------  */
#bicycleLineSelect li{
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #efefef;
}
#bicycleLineSelect li a.tab{display:block;}
#bicycleLineSelect li a.tab:hover,
#bicycleLineSelect li .tab.active{color:#fff;}


#chuo-line .station a,
#bicycleLineSelect .chuo:hover,
#bicycleLineSelect .chuo.active{background:rgba(239,129,15,1) !important;}
[id^="chuo-line"] h3{color:rgba(239,129,15,1);}
[id^="chuo-line"] hr,
[id^="chuo-line"] figure img{border-color:rgba(239,129,15,1);}

#nanbu-line .station a,
#bicycleLineSelect .nanbu:hover,
#bicycleLineSelect .nanbu.active{background:rgba(210,105,30,1) !important;}
[id^="nanbu-line"] h3{color:rgba(210,105,30,1);}
[id^="nanbu-line"] hr,
[id^="nanbu-line"] figure img{border-color:rgba(210,105,30,1);}

#musashino-line .station a,
#bicycleLineSelect .musashino:hover,
#bicycleLineSelect .musashino.active{background:rgba(255,131,0,1) !important;}
[id^="musashino-line"] h3{color:rgba(255,131,0,1);}
[id^="musashino-line"] hr,
[id^="musashino-line"] figure img{border-color:rgba(255,131,0,1);}

#marunouchi-line .station a,
#bicycleLineSelect .marunouchi:hover,
#bicycleLineSelect .marunouchi.active{background:rgba(198,0,28,1) !important;}
[id^="marunouchi-line"] h3{color:rgba(198,0,28,1);}
[id^="marunouchi-line"] hr,
[id^="marunouchi-line"] figure img{border-color:rgba(198,0,28,1);}

#odakyu-line .station a,
#bicycleLineSelect .odakyu:hover,
#bicycleLineSelect .odakyu.active{background:rgba(50,91,255,1) !important;}
[id^="odakyu-line"] h3{color:rgba(50,91,255,1);}
[id^="odakyu-line"] hr,
[id^="odakyu-line"] figure img{border-color:rgba(50,91,255,1);}

#keio-line .station a,
#bicycleLineSelect .keio:hover,
#bicycleLineSelect .keio.active,
#sagamihara-line .station a,
#bicycleLineSelect .sagamihara:hover,
#bicycleLineSelect .sagamihara.active{background:rgba(221,17,108,1) !important;}
[id^="keio-line"] h3,[id^="sagamihara-line"] h3{color:rgba(221,17,108,1);}
[id^="keio-line"] hr,[id^="sagamihara-line"] hr,
[id^="keio-line"] figure img,[id^="sagamihara-line"] figure img{border-color:rgba(221,17,108,1);}

#inogashira-line .station a,
#bicycleLineSelect .inogashira:hover,
#bicycleLineSelect .inogashira.active{background:rgba(70,148,198,1) !important;}
[id^="inogashira-line"] h3{color:rgba(70,148,198,1);}
[id^="inogashira-line"] hr,
[id^="inogashira-line"] figure img{border-color:rgba(70,148,198,1);}

#shinjuku-line .station a,
#bicycleLineSelect .shinjuku:hover,
#bicycleLineSelect .shinjuku.active,
#kokubunji-line .station a,
#bicycleLineSelect .kokubunji:hover,
#bicycleLineSelect .kokubunji.active{background:rgba(255,187,0,1) !important;}
[id^="shinjuku-line"] h3,[id^="kokubunji-line"] h3{color:rgba(255,187,0,1);}
[id^="shinjuku-line"] hr,[id^="kokubunji-line"] hr,
[id^="shinjuku-line"] figure img,[id^="kokubunji-line"] figure img{border-color:rgba(255,187,0,1);}

#ikebukuro-line .station a,
#bicycleLineSelect .ikebukuro:hover,
#bicycleLineSelect .ikebukuro.active{background:rgba(0,204,153,1) !important;}
[id^="ikebukuro-line"] h3{color:rgba(0,204,153,1);}
[id^="ikebukuro-line"] hr,
[id^="ikebukuro-line"] figure img{border-color:rgba(0,204,153,1);}

#tamako-line .station a,
#bicycleLineSelect .tamako:hover,
#bicycleLineSelect .tamako.active{background:rgba(36,37,80,1) !important;}
[id^="tamako-line"] h3{color:rgba(36,37,80,1);}
[id^="tamako-line"] hr,
[id^="tamako-line"] figure img{border-color:rgba(36,37,80,1);}

.bicycleShowLine{display:none;}
.bicycleShowLine.show{display:block;}
.bicycleShowLine .station{
	background:url("/img/page/access/line.png") repeat-x center;
}

.bicycleShowLine .station a{
	border:4px solid #fff;
}
.bicycleShowLine .station a{display:table;margin:0 auto;}
.bicycleShowLine .station a > span{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	color:#fff;
}

.bicycleAccess {background:rgba(0,0,0,0.8);}
.bicycleAccess > div{
	text-align:center;
	overflow-y:scroll;
	max-width:1024px;
	max-height:calc(100vh - 100px);
	background:#fff;
	margin:50px auto 0;}

.bicycleAccess figure img{
	border-style:solid;
	border-width:4px;
}
.bicycleAccess dl i{font-size:1.6em;}

.bicycleAccess .js-modal-close{
	cursor:pointer;
	font-size:30px;
}
.bicycleAccess .js-modal-close.closeSecond {text-align:right;}
.bicycleAccess .js-modal-close.closeFast {
	z-index:9200;
}

/* ------------------------------------------------ 
       event common (open school etc
---------------------------------------------------  */
.signboardEvent .secondary ul.openday li em{font-size:1.2em;}
.signboardEvent .secondary ul.openday li:after{content:'・';}
.signboardEvent .secondary ul.openday li:last-child:after{content:'　';}
.signboardEvent .secondary ul.openday li{border-bottom:1px solid #fff;}
.signboardEvent .secondary ul.openday li{padding-bottom:10px;}
.signboardEvent .secondary ul.openday.titLevel4 li{padding-bottom:5px;}

.eventTabs .tab-area .tab em{font-size:1.2em;}

/* ------------------------------------------------ 
       open school 
---------------------------------------------------  */
#openschoolDay .clubIntroduce li{
	margin:0 5px 10px;
	padding:5px 10px;
}

/* ------------------------------------------------ 
     q and a
---------------------------------------------------  */

#qaList .qaOne .answer{
	border-width:1px 0 0;
	border-style:solid;
}

#qaList .qaOne .answer,
#qaList .qaOne .open .minus,
#qaList .qaOne.active .open .plus{display:none;}
#qaList .qaOne .question,#qaList .qaOne .open{cursor:pointer;}

#qaList .qaOne.active .answer{display:flex;}
#qaList .qaOne.active .open .minus{display:block;}

#qaList .qaOne .open{
	top:0;
	right:10px;
	text-align:right;
}

/* ------------------------------------------------ 
       alumni
---------------------------------------------------  */
#alumniNews .archiveLists li{
	border-width:1px;
	border-style:solid;
}

/* ------------------------------------------------ 
       pamphlet
---------------------------------------------------  */
#pamphletList .primary h2 span{
	display:inline-block;
	border-style:solid;
	border-width:0 0 1px 0;
	padding-bottom:5px;
}

#pamphletList .secondary img{max-width:100%;}

/* //////////////////////////////////////////////////////////
-------------------------------------------------------------
school life
-------------------------------------------------------------
////////////////////////////////////////////////////////// */
.schoollifeSection .lrBox .halfBox h3{
	border-bottom:2px dashed #fff;
	display:inline-block;
}
.schoollifeSection .lrBox .secondary,
.schoollifeSection .lrBox .secondary > figure{overflow:hidden;}
.schoollifeSection .lrBox .secondary > figure{width:100%;}
.schoollifeSection #lifeClubTennis.lrBox .secondary > figure{width:50%;}
.schoollifeSection .lrBox .secondary > figure img{
	width:100%;
	object-fit:cover;
}
.schoollifeSection .lrBox .halfBox .engImg{z-index:100;}

img.inActive,img.inActived{
	margin-left:100px;
	opacity:0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all  1s ease;}
img.inActive.active,
img.inActived.active{
	margin-left:0;
	opacity:1;}

.inRoll{
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all  1s ease;
}
.inRoll.active{transform: rotate(20deg); transition: transform .5s;}
#lifeEventWrap .oneEvent .primary .inner.active{height:100%;}
#lifeEventWrap .oneEvent .primary .inner{background:url("/img/page/schoollife/event_dot.gif") repeat-y center;}
.oneEvent .primary dl{border-radius:50%;}
.oneEvent .primary dl dt span{border-bottom:2px dashed #fff;}
.oneEvent .primary dl dt{padding-bottom:5px;}
.oneEvent .primary dl dt em{font-size:0.7em;}

#lifeCookingMenu > div{
	background:url("/img/page/schoollife/menu_bg.jpg") no-repeat center center;
	background-size:cover;
}

/* ------------------------------------------------ 
       event
---------------------------------------------------  */
.eventSignboard img{width:100px;}
.eventMonth{
	border-width:1px 1px 0;
	border-style:solid;
}
#eventMarch2 {border-width:0 1px 1px;}

.eventMonth.eventOnly{border-width:0 1px 0;}

.eventMonth .month em{font-size:0.7em;}
.eventMonth .content{color:#000;}
.eventMonth .content dl{margin-top:10px;}
.eventMonth .content dl dt{display:inline-block;padding:5px 10px;}
.eventMonth .content dl dd{padding-top:5px;}
.eventMonth .content li i{font-size:1.2em;}
.eventMonth .pickup a figcaption span{padding:5px;}


.eventMonth .fa-graduation-cap,
.eventMonth .fa-school,
.eventMonth .fa-running,
.eventMonth .fa-door-open {color:rgba(51,112,204,0.5);}
.eventMonth .fa-edit{color:rgba(0,126,78,0.5);}
.eventMonth .fa-weixin{color:rgba(222,56,56,0.5);}
.eventMonth .fa-star{color:rgba(222,56,56,1);}
.eventMonth .pickup figcaption{
	bottom:10px;
	left:0;
}

.eventMonth .pickup figcaption span{
	margin:0 auto;
	max-width:80%;
	display:block;}

.eventMonth .pickup a:hover figcaption span{opacity:0.8;}

.eventMonth .secondary{
	background:rgba(254,251,240,1);
	display:none;}
.eventMonth .secondary figure figcaption{padding-top:10px;}
.eventMonth .pickup figcaption span .clevent,
.eventMonth .zoomImg.active figcaption span .op{display:none;}
.eventMonth .zoomImg.active figcaption span .clevent{display:inline-block;}
/* ------------------------------------------------ 
       down load
---------------------------------------------------  */
#downloadList li a{
	display:block;
	width:100%;
}
#downloadList li a .temp{font-size:0.8em;}
#downloadSoft .adobe{padding-top:10px;}

/* ------------------------------------------------ 
       Taisei Movie
---------------------------------------------------  */

.taiseiMovieOne .primary h4{
	display:inline-block;
	border-width:0 0 1px;
	border-style:solid;
}

.taiseiMovieOne .secondary figure img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.taiseiMovieOne .secondary figure a{
	top:0;
	left:0;
	display:block;}

.taiseiMovieOne .secondary figure a span.play{display:table;}
.taiseiMovieOne .secondary figure a span.play > span{
	text-align:center;
	vertical-align:middle;
	display:table-cell;}

.taiseiMovieOne .secondary figure a span.play > span i{font-size:3em;}