@charset "utf-8";
@media screen and (min-width: 640px){
	
/* CSS Document */
header{
	position: relative;
}
header #stamp{
	position:absolute;
	top:100px;
	left:50px;
	z-index: 999;
}
/*言語ボタン*/
	#btnLang{
		width:1000px;
		margin:0 auto;
		position: relative;
	}
	#btnLang ul{
		display: flex;
		position:absolute;
		top:10px;
		left:260px;
	}
	#btnLang li{
		width:70px;
		z-index: 999;
	}
	#btnLang li a{
		display: block;
		height:100px;
		text-indent: -9999px;
	}
	#btnLang .btnEn a{background: url(../images/btn_lang_en.png) no-repeat;}
	#btnLang .btnCn a{background: url(../images/btn_lang_cn.png) no-repeat;}
	#btnLang .btnKr a{background: url(../images/btn_lang_kr.png) no-repeat;}
	#btnLang .btnEs a{background: url(../images/btn_lang_es.png) no-repeat;}
	#btnLang .btnPt a{background: url(../images/btn_lang_pt.png) no-repeat;}
	#btnLang .btnTh a{background: url(../images/btn_lang_th.png) no-repeat;}
	#btnLang .btnPh a{background: url(../images/btn_lang_ph.png) no-repeat;}
	#btnLang .btnId a{background: url(../images/btn_lang_id.png) no-repeat;}
	#btnLang .btnNp a{background: url(../images/btn_lang_np.png) no-repeat;}
	#btnLang .btnVn a{background: url(../images/btn_lang_vn.png) no-repeat;}
	
main{
	padding-top:0;
	position: relative;
}
	main#index{
	width:100%!important;
	}
	.mv{
		max-height: 350px;
		overflow: hidden;
		position:relative;
	}
.slider {
	width: 100vw;/*
	height:300px;*/
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
.slider p{
	color: #fff;
	font-size: 48px;
	line-height: 1.5;
	font-weight: bold;
	text-align:center;
	text-shadow: 1px 1px 1px #000;
}
	#sectionAnnounce{
		z-index:50;
	background: url(../images/bg_pattern_announce.jpg);
	}
	#sectionAnnounce::after{
	content:"";
	display: block;
	position: absolute;
	width:100%;
	height:20px;
	background:url(../images/bg_pattern_darkyellow_border_bottom3.png) repeat-x;
	}
#boxBtnFB{
    max-width:960px;
    margin:0 auto;
}
#boxBtnFB ul{
    display: flex;
    justify-content:space-around;
}
#boxBtnFB li{
    margin:20px 0 40px;
}
    #boxBtnFB li a{
    display:block;
    width:74px;
    height:24px;
    background: url("../images/icn_fb_s.png") no-repeat #3b5998 4px 4px;
    border-radius: 3px;
    color:#fff;
    padding-top:3px;
    padding-left:16px;
    text-align: center;
    font-size:13px;
    text-decoration: none;
}
	.boxFlex{
		width:1000px;
		margin: auto;
		display: flex;
	}	
#boxAnnounce{
	position: relative;
	width:65%;
	margin:0;
	padding:30px 0 10px;
}

#boxAnnounce h2{
	background: url(../images/h2_announcement.png) no-repeat center;
	text-indent: -9999px;
}
.chara01{
	position:absolute;
	top:10px;
	left:50px;
}
	#boxMagazine{
		width:32%;
		height:50%;/**/
		background: #eee;/**/
		margin:30px 0 20px;
	}
	#boxMagazine h2{
		background: #f18301;
		text-align: center;
		
	}
	#boxMagazine table{
		margin: 10px 10px 0px 10px;
	}
	#boxMagazine th{
		width: 80px;
		vertical-align: middle;
		font-weight: normal;
		padding: 8px;
	}
	#boxMagazine td{
		padding: 8px;
	}
	#boxMagazine .td02{
		padding: 8px 8px 0;
	}
	#boxMagazine .td03{
		width:40%;
		padding:0 5px 8px 8px;
	}
	#boxMagazine .td04{
		padding:0 10px 10px 0;
	}
#linkListAnnounce{
	width:120px;
	position:absolute;
	top:30px;
	right:30px;
	background:#362e2b;
	border-radius: 4px;
	text-align: center;
}
#linkListAnnounce a{
	display: block;
	padding:4px 12px;
	color:#fff;
}
#blockAnnounce{
	height:350px;
	overflow: scroll;
	clear:both;
	margin:0 30px;
}
#blockAnnounce dl{
	background: url(../images/bg_announcement_mdl.jpg) repeat-y;
	padding:6px;
}/*
#blockAnnounce dl:before{
	content: "";
	display:block;
	height :19px;
	background:url(../images/bg_announcement_top.jpg) repeat-y;
}
#blockAnnounce dl:after{
	content: "";
	display:block;
	height :19px;
	background: url(../images/bg_announcement_btm.jpg) repeat-y;
}*/
#blockAnnounce dt{
	clear:left;
	float:left;
	width:160px;
	margin:6px 20px 6px 22px;
}
#blockAnnounce .news{
	background:url(../images/icn_news.png) no-repeat right;
}
#blockAnnounce .event{
	background:url(../images/icn_event.png) no-repeat right;
}
#blockAnnounce .lesson{
	background:url(../images/icn_lesson.png) no-repeat right;
}
#blockAnnounce .update{
	background:url(../images/icn_update.png) no-repeat right;
}
#blockAnnounce .emergency dt{
	background:url("../images/icn_emergency.png") no-repeat right;
}
#blockAnnounce a.emergency,#blockAnnounce .emergency dd{
	color:#ff0000!important;
}
#blockAnnounce dd{
	padding:6px 0 6px 200px;
	margin:0 20px 0 20px;
	border-bottom: 1px dotted #ccc;
}
#blockLang{
	padding:20px 0 20px 100px;
	background: url(../images/select_lang.png) no-repeat left 50%;
	overflow: hidden;
}
/*ここから修正*/
#blockLang li{
	float:left;
	width:76px;
	margin-right:8px;
	text-align:center;
}
#blockLang li:last-child{
	margin-right:0;
}
#blockLang li a{
	display: block;
	padding:17px 0 16px;
	background: url(../images/bg_lang.png) no-repeat;
	border-bottom:1px;
}
/*ここまで*/
	
	#sectionEvent{
	background:url(../images/bg_pattern_darkyellow.jpg);
	}
	#sectionEvent::after{
	content:"";
	display: block;
	position: absolute;
	width:100%;
	height:20px;
	background:url(../images/bg_pattern_btm.png) repeat-x;
	}
#boxEvent{
	position:relative;/*
	background:url(../images/bg_pattern_offwhite.jpg);*/
	overflow: hidden;
	width:1000px;
	margin:0 auto;
}
/*#boxEvent::before{
	content:"";
	display: block;
	height:20px;
	background:url(../images/bg_pattern_darkyellow_border_bottom3.png) repeat-x;
	padding-top:20px;
}
#boxEvent::after{
	content:"";
	display: block;
	height:20px;
	background:url(../images/bg_pattern_top.png) repeat-x;
	margin-top:20px;
}*/
.chara02{
	position:absolute;
	top:20px;
	left:356px;
}



/*--------------------------------------------------------indexEventList*/

#boxInnerEvent{
	padding:30px;
	display:flex;
   justify-content: space-between;
}
#blockEvent{
width:455px;
}
#blockEvent h2{
	margin-bottom:14px;
	text-align:center;
}
.eveBlock{
	background:#fff;
	padding:10px;
	overflow: scroll;/**/
	height:300px;/**/
}
.eveBlock>div{
	margin-bottom:10px;
	background:#d3e95a;
	border-radius: 8px;
}
.eveBlock dl{
	display: flex;
}
.eveBlock dt{
	width:21%;
	padding:10px;
	border-right:1px dashed #fff;
	font-family:Verdana, Geneva, "sans-serif";
	font-size:28px;
	font-weight: bold;
	line-height: 1;
}
.eveBlock dd{
	padding:10px;
	overflow: hidden;
}
.eveBlock dd>div{
	line-height:1.3!important;
}
.eveBlock dd .eveBtn{
	width:8em;
	float: right;
	margin-top:6px;
}
.eveBlock dd .eveBtn a{
	display: block;
	padding:1px 5px 1px 20px;
	background:url(../images/icn_allow_ev.png) no-repeat 8px 50% #cd5052;
	border-radius: 4px;
	color:#fff!important;
	text-decoration:none;
}

#blockFB{
	width:456px;
}
#blockFB iframe{
	width:456px;
}

	
	#sectionWhatDo{
	background:url(../images/bg_pattern_offwhite.jpg);
	}
	#sectionWhatDo::after{
	content:"";
	display: block;
	position: absolute;
	width:100%;
	height:20px;
	background:url(../images/bg_pattern_offwhite_border_bottom.png) repeat-x;
	}
#boxWhatDo{
	position:relative;
	overflow: hidden;
	width:1000px;
	margin:0 auto;
	padding-bottom:20px;
}
/*#boxWhatDo:after{
	content:"";
	display: block;
	height:20px;
	background:url(../images/bg_pattern_btm.png) repeat-x;
}*/
#boxWhatDo h2{
	margin:40px 0 25px;;
	text-align:center;
}
.chara03{
	position:absolute;
	top:30px;
	left:660px;
}
#boxWhatDo ul{
	margin-left:30px;
}
#boxWhatDo li{
	float:left;
	width:176px;
	margin:0 15px 15px 0;
}
#boxWhatDo li:nth-child(5n){
	margin-right:0;
}
@media screen and (max-width:640px){	
    #boxWhatDo li:nth-child(5n){
        margin-right:15px;
    }
}

#boxWhatDo li a img:hover{
	opacity:0.8;
}
#boxWhatDo li a{
	display:block;
	background:#fff;
	border-radius: 5px;	
}

#boxBnr{
	width:1000px;
	margin:0 auto 50px auto;
	padding-top:50px;
}
#boxBnr ul{
	display: flex;
    justify-content: space-between;
	margin:20px 200px;
}
#boxBnr li a:hover{
	opacity: 0.7;
}
.swiper-mv{
	text-align: center;
}
.swiper-mv img{
	width: 100%;
	height: auto;
}
@media screen and (max-width:640px){
    #boxBnr ul{
        display: flex;
        justify-content: space-between;
        margin:20px 10px;
    }
}
/*--------------------------------------------------------Link*/
	#linkL{
		float:left;
		width:45%;
	}
	#linkR{
		float:right;
		width:45%;
	}
	#boxLink h3{
		margin-bottom:10px;
		font-size:1.5rem;
		color:#40331a;
	}
	#boxLink h3 span{
		font-size:1.2rem
	}
	#boxLink>div>div{
		margin-bottom:50px;
	}
	#boxLink li{
		margin-bottom:8px;
		padding-left:18px;
		background:url(../info/images/icn_link.png) no-repeat 0 0.5em;
	}
	#boxLink li a{
		color:#eb6100;
	}
/*--------------------------------------------------------Sitemap*/
	.level2{
		margin-top:8px;
	}

/*--------------------------------------------------------Announce*/

#boxAn dt{
	clear:left;
	float:left;
	width:160px;
	margin:12px 20px 12px 22px;
}
#boxAn .news{
	background:url(../images/icn_news.png) no-repeat right;
}
#boxAn .event{
	background:url(../images/icn_event.png) no-repeat right;
}
#boxAn .lesson{
	background:url(../images/icn_lesson.png) no-repeat right;
}
#boxAn .update{
	background:url(../images/icn_update.png) no-repeat right;
}
#boxAn dd{
	padding:12px 0 12px 200px;
	margin:0 20px 0 20px;
	border-bottom: 1px dotted #ccc;
}
	
	
/*--------------------------------------------------------eventCalender*/
	#blockCalendar>ul>li{
		padding:0.6em 0 0.6em 1em;
		background:url("../common/images/icn_sidenav.png") no-repeat 0 1.1em;
		border-bottom:1px dotted #ccc;
	}
.blockCal{
    overflow: hidden;
    width:224px;
    border:3px solid #bcb1a3;
    border-bottom:2px solid #bcb1a3;
    border-right:2px solid #bcb1a3;
    border-radius: 6px;
}
.blockCal>div{
    border-bottom:1px solid #bcb1a3;
    border-right:1px solid #bcb1a3;
}
.d{
	width: 31px;
	height: 25px;
	padding-top:5px;
	float: left;
	text-align: center;
}
.d:nth-child(7n+1){
	clear: both;
}
.blockCal .dw{
    border-bottom:1px solid #bcb1a3;
}
.btnContact{
    clear:right;
    width:45%;
    margin:20px auto;
    text-align:center;
}
.btnContact a{
    display: block;
    background:#f18301;
    padding:5px 10px;
    border-radius:4px;
    color:#fff;
    text-decoration: none;
}
.btnContact a:hover{
    opacity: 0.7;
}

}
@media (max-width: 641px) {
    /*--------------------------------------------------------eventCalender*/
    .blockCal{
        overflow: hidden;
        width:100%;
        border-radius: 6px;
        box-sizing: border-box;
        border:3px solid #bcb1a3;

    }
    .blockCal>div{
        border-bottom:1px solid #bcb1a3;
        border-right:1px solid #bcb1a3;
            box-sizing: border-box;

    }
    .d{
       /* width: 14.2% !important;*/
        width: 14.2%;
        height:auto;

        float: left;
        text-align: center;
        box-sizing: border-box;
        line-height: 1;
    }
    .d a{
        display: block;
 
    }
    .d:nth-child(7n+1){
        clear: both;
    }
    .blockCal .dw{
        border-bottom:2px solid #bcb1a3;
    }
    .blockCal .dw{
        border-bottom:1px solid #bcb1a3;
        padding-top: 8px;
    }
}


.link01{
	float:right;
	clear: right;
	margin-top:10px;
}
.link01 a{
	display:inline-block;
	border-radius: 3px;
	padding:4px 12px 4px 24px;
	background:url(../../common/images/icn_dl_tri.png) no-repeat 8px 50% #eb6100;
	color:#fff;
	text-decoration:none;
}
.link01 a:hover{
	background:url(../../common/images/icn_dl_tri.png) no-repeat 8px 50% #f38436;
}


/*--------------------------------------------------------ImportantInfoList*/
.dateUpdate{
    margin:20px 0;
}
.boxImpInfo{
    background:#fff;
    border:1px solid #ddd;
    border-radius: 5px;
    padding:10px;
    text-align: left;
}
.dateImpInfo{
    margin-bottom:10px;
    font-size:1.6rem;
}
.boxImpInfo h3{
    font-weight:bold;
}
.blockImpLang ul{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:50px;
}
.blockImpLang{
    margin-top:30px;
}
.blockImpLang li{
    width:calc((100% - 60px)  / 6);
    margin:5px;
    padding:8px 0;
    border-radius:3px;
    background:#eb6100;
    text-align:center;
}
.blockImpLang li a{
    display:block;
    color:#fff;
    text-decoration:none;
}
/*--------------------------------------------------------ImportantInfoDetail*/
#secImpDetail .dwnld a{
	display:inline-block;
	border-radius: 3px;
	padding:4px 12px 4px 24px;
	background:url(../common/images/icn_dl_tri.png) no-repeat 8px 50% #eb6100;
	color:#fff;
	text-decoration:none;
}
#secImpDetail .dwnld a:hover{
	background:url(../common/images/icn_dl_tri.png) no-repeat 8px 50% #f38436;
}
#secImpDetail .impImg{
    display:flex;
    justify-content: flex-end;
    margin-top:30px;
}
#secImpDetail .impImg dl:first-child{
    margin-right:20px;
}
#secImpDetail .impImg dd{
    margin-top:5px;
    font-size:1.4rem;
}
#secImpDetail .boxTxtImpDetail{
    margin-top:30px;
}
#secImpDetail .boxTxtImpDetail p{
    margin-bottom:20px;
    line-height: 1.8;
}
#secImpDetail .boxLinkImpInfoDetail{
    margin-top:30px;
    padding:15px 20px;
    background:#fff;
    border:1px solid #ddd;
    border-radius:5px;
}
#secImpDetail .boxLinkImpInfoDetail p:first-child{
    margin-bottom:10px;
}
#secImpDetail .back2List a{
	display:block;
	border-radius: 3px;
    margin-top:50px;
	padding:10px 12px 10px 24px;
	background:url(../common/images/icn_dl_tri.png) no-repeat calc(50% - 6rem) 50% #eb6100;
	color:#fff;
	text-decoration:none;
    text-align: center;
}
#secImpDetail .back2List a:hover{
	background:url(../common/images/icn_dl_tri.png) no-repeat calc(50% - 6rem) 50% #f38436;
}