/* bunko_bilingual.css */

:root{
	/*--ora: #e57634;*/
	--ora: #f08337;
	/*--grn: #1c9437;*/
	--grn: #24a52e;
	--grn2: #64ae2f;
	--pnk: #e15a79;
	--yel: #e4ae18;
	--yel2: #eed47f;
	--pur: #d43080;
	--red: #e83731;
}


.mt10{ margin-top: 10px !important; }.mt20{ margin-top: 20px !important; }.mt30{ margin-top: 30px !important; }.mt40{ margin-top: 40px !important; }.mt50{ margin-top: 50px !important; }
.mt60{ margin-top: 60px !important; }.mt70{ margin-top: 70px !important; }.mt80{ margin-top: 80px !important; }.mt90{ margin-top: 90px !important; }.mt100{ margin-top: 100px !important; }

.mb10{ margin-bottom: 10px !important; }.mb20{ margin-bottom: 20px !important; }.mb30{ margin-bottom: 30px !important; }.mb40{ margin-bottom: 40px !important; }.mb50{ margin-bottom: 50px !important; }
.mb60{ margin-bottom: 60px !important; }.mb70{ margin-bottom: 70px !important; }.mb80{ margin-bottom: 80px !important; }.mb90{ margin-bottom: 90px !important; }.mb100{ margin-bottom: 100px !important; }

.pt10{ padding-top: 10px !important; }.pt20{ padding-top: 20px !important; }.pt30{ padding-top: 30px !important; }.pt40{ padding-top: 40px !important; }.pt50{ padding-top: 50px !important; }
.pt60{ padding-top: 60px !important; }.pt70{ padding-top: 70px !important; }.pt80{ padding-top: 80px !important; }.pt90{ padding-top: 90px !important; }.pt100{ padding-top: 100px !important; }

.pb10{ padding-bottom: 10px !important; }.pb20{ padding-bottom: 20px !important; }.pb30{ padding-bottom: 30px !important; }.pb40{ padding-bottom: 40px !important; }.pb50{ padding-bottom: 50px !important; }
.pb60{ padding-bottom: 60px !important; }.pb70{ padding-bottom: 70px !important; }.pb80{ padding-bottom: 80px !important; }.pb90{ padding-bottom: 90px !important; }.pb100{ padding-bottom: 100px !important; }


body #wrapper_bunko_bilingual .sr_only{ width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; overflow: hidden; white-space: nowrap; clip: rect(0,0,0,0); position: absolute; }
html{}
footer{ padding-bottom: 140px !important; }

#wrapper_bunko_bilingual{ width: 100%; margin: 0 auto; padding-bottom: 50px; background: #fff; position: relative; }
#wrapper_bunko_bilingual *{ margin: 0; padding: 0; list-style: none; text-decoration: none; }
#wrapper_bunko_bilingual img{ display: block; width: 100%; }

#ul_btm_bar_box{ width: 100%; background: rgba(0, 0, 0, 0.75); position: fixed; bottom: 0; left: 0; z-index: 9999; }

#wrapper_bunko_bilingual #ul_btm_bar{ display: flex; justify-content: space-between; width: 960px; margin: 0 auto; padding: 20px 40px; box-sizing: border-box; }
#wrapper_bunko_bilingual #ul_btm_bar li{ width: 48%; }
/*#wrapper_bunko_bilingual #ul_btm_bar li a{ display: block; padding: 15px 28px; background: linear-gradient(45deg, #ff6eb4, #ff90c1); font-size: 36px; border: 3px solid #fff; color: #fff; transition: all 0.3s ease; }
#wrapper_bunko_bilingual #ul_btm_bar li a:hover{ transform: scale(1.05); box-shadow: 0 4px 8px rgba(0,0,0,0.2); }*/
#wrapper_bunko_bilingual #ul_btm_bar li a{ display: block; padding: 15px 28px; background: linear-gradient(45deg, #ff6eb4, #ff90c1); font-size: 36px; border: 3px solid #fff; color: #fff; text-align: center; transition: background 1s ease, transform 0.3s ease; }
#wrapper_bunko_bilingual #ul_btm_bar li a:hover{ background: linear-gradient(45deg, #e57634, #ffb347); }

#gakuen_name{ padding: 20px 40px; background: var(--ora); font-size: 30px; color: #fff; }

/*#wrapper_bunko_bilingual .ul_link_box{ display: flex; justify-content: space-between; padding: 20px 40px; background: var(--ora); }
#wrapper_bunko_bilingual .ul_link_box li{}
#wrapper_bunko_bilingual .ul_link_box li a{ display: block; padding: 15px 30px; background: #fff; font-size: 36px; color: var(--ora); transition: all 0.3s ease; }
#wrapper_bunko_bilingual .ul_link_box li a:hover{ transform: scale(1.05); box-shadow: 0 4px 8px rgba(0,0,0,0.2); }*/

#wrapper_bunko_bilingual #bosyu_text{ padding: 20px 0; background: var(--ora); text-align: center; }
#wrapper_bunko_bilingual #bosyu_text img{ display: inline-block; width: 92%; }

#wrapper_bunko_bilingual .bg_yel{ padding: 30px 48px 50px; background: #fafbdf; }

#wrapper_bunko_bilingual .tbl_event{ width: 100%; margin-bottom: 30px; }
#wrapper_bunko_bilingual .tbl_event th, #wrapper_bunko_bilingual .tbl_event td{ padding: 10px 15px; font-size: 30px; }
#wrapper_bunko_bilingual .tbl_event th{ width: 20%; text-align: center; vertical-align: top; }
#wrapper_bunko_bilingual .tbl_event th span{ display: block; padding: 5px 0; background: var(--grn); border-radius: 10px; color: #fff; font-weight: bold; }
#wrapper_bunko_bilingual .tbl_event td{ line-height: 1.2; }
#wrapper_bunko_bilingual .tbl_event td p{ line-height: 1.5; }
#wrapper_bunko_bilingual .tbl_event td .small{ font-size: 23px; }
#wrapper_bunko_bilingual .tbl_event td .time{ color: var(--ora); font-weight: bold; }

#wrapper_bunko_bilingual .a_link{ display: block; padding: 5px 0; background: var(--pur); font-size: 32px; color: #fff; text-align: center; border-radius: 20px; position: relative; transition: all 0.3s ease; box-shadow: 0 6px 0 #9e245d; }
#wrapper_bunko_bilingual .a_link span{ display: inline-block; margin-left: 20px; transition: transform 0.3s ease; }
#wrapper_bunko_bilingual .a_link:hover{ transform: translateY(4px); box-shadow: 0 2px 0 #9e245d; }
#wrapper_bunko_bilingual .a_link:hover span{ transform: translateX(5px); }

#wrapper_bunko_bilingual hr.dot{ margin: 50px 0; border: none; border-bottom: 10px dotted var(--ora); }

#wrapper_bunko_bilingual .text_box{ padding: 50px 100px; font-size:43px; line-height: 1.6 }

#wrapper_bunko_bilingual #sodateru{ padding: 50px 0; background: var(--ora); }
#wrapper_bunko_bilingual #sodateru #uno{ width: 90%; margin: 20px auto 40px; padding: 10px 0; background: var(--grn); border-radius: 25px; font-size: 48px; font-weight: bold; color: #fff; text-align: center; line-height: 1.3; }

#wrapper_bunko_bilingual #sodateru .white_content{ width: 80%; margin: 0 auto; padding: 50px 5%; border-radius: 80px; background: #fff; }
#wrapper_bunko_bilingual .text{ font-size: 36px; }
#wrapper_bunko_bilingual .text span{ color: var(--ora); }

#wrapper_bunko_bilingual h3{ margin-bottom: 20px; height: 80px; padding: 0 40px; font-size: 36px; color: #fff; text-align: center; line-height: 80px; position: relative; }
#wrapper_bunko_bilingual h3:before, #wrapper_bunko_bilingual h3:after{ content: ''; width: 0px; height: 0px;  position: absolute; z-index: 1; }

#wrapper_bunko_bilingual h3.h3_yel{ background: var(--yel); }
#wrapper_bunko_bilingual h3.h3_yel:before{ border-width: 40px 0px 40px 15px; border-color: transparent transparent transparent #fff; border-style: solid; top: 0; left: 0; }
#wrapper_bunko_bilingual h3.h3_yel:after{ border-width: 40px 15px 40px 0px; border-color: transparent #fff transparent transparent; border-style: solid; top: 0; right: 0; }

#wrapper_bunko_bilingual h3.h3_ora{ background: var(--ora); }
#wrapper_bunko_bilingual h3.h3_ora:before{ border-width: 40px 0px 40px 15px; border-color: transparent transparent transparent var(--yel2); border-style: solid; top: 0; left: 0; }
#wrapper_bunko_bilingual h3.h3_ora:after{ border-width: 40px 15px 40px 0px; border-color: transparent var(--yel2) transparent transparent; border-style: solid; top: 0; right: 0; }

#wrapper_bunko_bilingual #katachi{ padding: 50px 0; background: var(--yel2); }
#wrapper_bunko_bilingual #katachi_inner{ padding: 30px 50px; }

#wrapper_bunko_bilingual #ichinichi{ padding: 50px 0; background: var(--grn2); }
#wrapper_bunko_bilingual #ichinichi_inner{ width: 80%; margin: 30px auto; padding: 30px 5%; background: #fff; border-radius: 80px; }
#wrapper_bunko_bilingual #tbl_ichinichi{ margin-top: 30px; }
#wrapper_bunko_bilingual #tbl_ichinichi th, #wrapper_bunko_bilingual #tbl_ichinichi td{ padding: 5px 30px; }
#wrapper_bunko_bilingual #tbl_ichinichi th{ width: 10%; color: var(--ora); font-size: 46px; font-weight: normal; text-align: right; vertical-align: top; position: relative; }

/*#wrapper_bunko_bilingual #tbl_ichinichi th.line:after{ content: ''; height: 60%; border-left: 8px solid #ccc; position: absolute; top: 70px; left: 50%; }*/
#wrapper_bunko_bilingual #tbl_ichinichi th.line:before{ content: ''; width: 0; transform: translateX(-50%); position: absolute; top: 75px; left: 50%; }
#wrapper_bunko_bilingual #tbl_ichinichi th#time1:before{ height: 120px; border-left: 8px dotted var(--grn2); }
#wrapper_bunko_bilingual #tbl_ichinichi th#time2:before{ height: 220px; border-left: 8px solid var(--grn2); }
#wrapper_bunko_bilingual #tbl_ichinichi th#time3:before{ height: 30px; border-left: 8px solid var(--grn2); }
#wrapper_bunko_bilingual #tbl_ichinichi th#time4:before{ height: 270px; border-left: 8px solid var(--grn2); }
#wrapper_bunko_bilingual #tbl_ichinichi th#time5:before{ height: 150px; border-left: 8px dotted var(--grn2); }

#wrapper_bunko_bilingual #tbl_ichinichi th.line:after{ content: ''; width: 0; height: 0; transform: translateX(-50%); position: absolute; left: 50%; bottom: -10px; }
#wrapper_bunko_bilingual #tbl_ichinichi th#time2:after,
#wrapper_bunko_bilingual #tbl_ichinichi th#time3:after,
#wrapper_bunko_bilingual #tbl_ichinichi th#time4:after{ border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid var(--grn2); }

#wrapper_bunko_bilingual #tbl_ichinichi td{ font-size: 20px; }
#wrapper_bunko_bilingual #tbl_ichinichi td dt{ padding-top: 8px; font-size: 36px; font-weight: bold; }
#wrapper_bunko_bilingual #tbl_ichinichi td dt.ora{ color: var(--ora); }
#wrapper_bunko_bilingual #tbl_ichinichi td dd{}
#wrapper_bunko_bilingual #tbl_ichinichi td dd p{ font-size: 36px; }

#wrapper_bunko_bilingual #contact{ width: 90%; margin: 50px auto 0; padding: 20px; border: 5px solid var(--ora); }
#wrapper_bunko_bilingual #contact h2{ margin-bottom: 10px; font-size: 45px; font-weight: bold; text-align: center; letter-spacing: 8px; }
#wrapper_bunko_bilingual #contact #contact_tx1{ margin-bottom: 40px; font-size: 18px; text-align: center; }
#wrapper_bunko_bilingual #contact #contact_tx1 span{
	text-decoration-line: underline;
	text-decoration-style: dashed;
	text-decoration-color: var(--red);
 	text-decoration-thickness: 2px;
 	text-underline-offset: 8px;
}
#wrapper_bunko_bilingual #contact #contact_LR{ display: flex; justify-content: space-between; width: 65%; margin: 0 auto; }
#wrapper_bunko_bilingual #contact #contact_L{}
#wrapper_bunko_bilingual #contact #contact_L *{ text-align: center; }
#wrapper_bunko_bilingual #contact #contact_L1{ font-size: 16px; }
#wrapper_bunko_bilingual #contact #contact_L2{ font-size: 30px; color: var(--ora); font-weight: bold; letter-spacing: 1px; }
#wrapper_bunko_bilingual #contact #contact_L2 a{ color: var(--ora); }
#wrapper_bunko_bilingual #contact #contact_L2 i{ margin-right: 10px; color: var(--ora); }
#wrapper_bunko_bilingual #contact #contact_L3{ margin-bottom: 5px; font-size: 12px; }
#wrapper_bunko_bilingual #contact #contact_L4 a{ font-size: 14px; color: var(--ora); }
#wrapper_bunko_bilingual #contact #contact_R a{ display: block; padding: 25px 20px; background: var(--ora); border-radius: 5px; color: #fff; font-size: 20px; }
#wrapper_bunko_bilingual #contact #contact_R a:hover{ background: var(--yel); }