@charset "utf-8";
@media screen and (max-width:640px){
	
/* CSS Document */
    header{
        position: relative;
    }
    header #stamp{
        position:absolute;
        top:100px;
        left:50px;
        z-index: 999;
    }
	#btnLang{
		width:100%;
		margin:0 auto;
		position: relative;
	}
	#btnLang ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding: 10px 10px 0;
		background:#fff;/**/
	}
	#btnLang li{
		width:70px;
	}
	#btnLang li a{
		display: block;
		height:70px;
		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;
        padding:0!important;
        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;
    }

    #boxBtnFB{
        margin:0 auto;
        background: url(../images/bg_pattern_announce.jpg);
    }
    #boxBtnFB ul{
        display: flex;
        justify-content:space-around;
        flex-wrap: wrap;
        padding-top:20px;
    }
    #boxBtnFB li{
        margin:10px;
        width:100px;
    }
        #boxBtnFB li a{
        display: block;
        height: 27px;
        background: url(../images/icn_fb_s.png) no-repeat #3b5998 4px center;
        border-radius: 3px;
        color: #fff;
        padding-top: 6px;
        padding-left: 16px;
        text-align: center;
        font-size: 13px;
        text-decoration: none;
    }
    #boxAnnounce{
        position: relative;/*
        width:1000px;*/
        margin:0 auto;
        background: url(../images/bg_pattern_announce.jpg);
        padding:30px 0 10px;
    }

    #boxAnnounce h2{
        background: url(../images/h2_announcement.png) no-repeat center;
        text-indent: -9999px;
    }
    .chara01{
        position:absolute;
        top:60px;
        left:20px;
    }
    #linkListAnnounce{
        width:120px;
        position:absolute;
        top:75px;
        right:10px;
        background:#362e2b;
        border-radius: 4px;
        text-align: center;
    }
    #linkListAnnounce a{
        display: block;
        padding:4px 12px;
        color:#fff;
    }
    #blockAnnounce{
        clear:both;
        height:70vh;/*
        overflow: hidden;*/
        overflow: scroll;
        margin:50px 15px 0;
    }
    #blockAnnounce dl{
        padding:10px 0;
        background: #fff;
    }/*
    #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 0px 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;*/
        padding:3px 0 6px;
        margin:0 20px 0 20px;
        border-bottom: 1px dotted #ccc;
    }
	/*info toyonaka*/
	#boxMagazine{
		width:100%;
		background: #eee;/**/
		padding-bottom:20px;
	}
	#boxMagazine h2{
		background: #f18301;
		text-align: center;
	}
	#boxMagazine table{
		margin: 10px auto 0px;
		border-top: 1px solid rgb(187, 187, 187);
		border-right: 1px solid rgb(187, 187, 187);
	}
	#boxMagazine th{
		width: 120px;
		vertical-align: middle;
		font-weight: normal;
		padding: 8px;
		border-bottom: 1px solid rgb(187, 187, 187);
		border-left: 1px solid rgb(187, 187, 187);
		background: none repeat scroll 0% 0% rgb(239, 239, 239);
	}
	#boxMagazine td{
		padding: 8px;
		border-bottom: 1px solid rgb(187, 187, 187);
		border-left: 1px dotted rgb(187, 187, 187);
	}
	#boxMagazine .td02{
		padding: 8px 8px 0;
		border-left: 1px dotted rgb(187, 187, 187);
	}
	#boxMagazine .td03{
		width:110px;
		padding:0 5px 8px 8px;
		border-bottom: 1px solid rgb(187, 187, 187);
		border-left: 1px dotted rgb(187, 187, 187);
	}
	#boxMagazine .td04{
		width:110px;
		padding:0 10px 10px 0;
		border-bottom: 1px solid rgb(187, 187, 187);
	}
	
#blockLang{
	padding:20px 0 20px 100px;
	background: url(../images/select_lang.png) no-repeat left 50%;
	overflow: hidden;
}
/*ここから修正*/
	#blockLang ul{
		display: flex;
	}
    #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;
    }
    /*ここまで*/
    #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 10px;
        display:flex;
       justify-content: space-between;
        flex-direction: column;
    }
    #blockEvent{/*
    width:455px;*/
        margin-bottom:20px;
    }
    #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{
        /*float:right;
        width:456px;*/
    }

    #boxWhatDo{
        position:relative;
        overflow: hidden;
        background:url(../images/bg_pattern_darkyellow.jpg);/*
        width:1000px;*/
        margin:0 auto;
    }
    /*#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{
        display: flex;/**/
        flex-wrap: wrap;/**/
        justify-content: center;/**/
        margin-left:-15px;
    }
    #boxWhatDo li{
        float:left;
        /*width:176px;*/
        width:40%;
        margin:0 0 15px 15px;
    }
    /*#boxWhatDo li:nth-child(5n){
        margin-right:15px;
    }*/

    #boxWhatDo li a img{
        width:100%;
    }
    #boxWhatDo li a img:hover{
        opacity:0.8;
    }
    #boxWhatDo li a{
        display:block;
        border-radius: 5px;	
    }

    #boxBnr{/*
        width:1000px;*/
        margin:0 auto 50px auto;
        padding-top:50px;
        background:url(../images/bg_pattern_btm.png) repeat-x;
    }
    #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;
    }
    #boxBnr ul{
        display: flex;
        justify-content: space-between;
        margin:20px 10px;
    }
/*--------------------------------------------------------Link*/
	#linkL{
		float:left;
		width:45%;
	}
	#linkR{
		float:right;
		width:45%;
	}
	#boxLink{
		margin-left:20px;
	}
	#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{
        margin-bottom:50px!important;
    }
    #boxAn dt{
        clear:left;
        float:left;
        width:100px;
        min-height: 40px;
        margin:12px 20px 12px 22px;
        text-align: center;
    }
    #boxAn .news{
        background:url(../images/icn_news.png) no-repeat bottom;
    }
    #boxAn .event{
        background:url(../images/icn_event.png) no-repeat bottom;
    }
    #boxAn .lesson{
        background:url(../images/icn_lesson.png) no-repeat bottom;
    }
    #boxAn .update{
        background:url(../images/icn_update.png) no-repeat bottom;
    }
    #boxAn dd{
        min-height:40px;
        padding:12px 0 12px 100px;
        margin:0 20px 0 20px;
        border-bottom: 1px dotted #ccc;
    }


/*--------------------------------------------------------eventCalender*/
	#blockCalendar{
		margin:30px 20px;
	}
	#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;/**/
		width:80%;
		border:3px solid #bcb1a3;
		border-bottom:2px solid #bcb1a3;
		border-right:2px solid #bcb1a3;
		border-radius: 6px;
		margin:10px auto;
	}
	.blockCal>div{
		border-bottom:1px solid #bcb1a3;
		border-right:1px solid #bcb1a3;
	}
    .d{
        --widthA:100%;
        --widthB:calc(var(--widthA) - 7px);
        --widthC:calc(var(--widthB) / 7);
        width:var(--widthC);
        height: auto!important;
        padding-top:5px;
        float: left;
        text-align: center;
        line-height:1.6!important;
        box-sizing:content-box!important;
    }
    .d:nth-child(7n+1){
        clear: both;
    }
	.blockCal .dw{
		border-bottom:3px 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;
	}

/*--------------------------------------------------------*/
    #mainImpDetail{
        padding:10px!important;
    }
	#secImpDetail{
        margin-bottom:50px;
    }
	
}