/* ! 1.0 Base */ /* ! ================================================*/ html{overflow-x:hidden;} html body{max-width:100%;min-height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;word-wrap:break-word;word-break:break-all;font-family:Arial, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;font-size:1.4rem;font-weight:500;line-height:1.5;color:#333333;} /* link */ a{color:#333333;font-size:1.3rem;text-decoration:none;} a:hover img{opacity:0.7;} /* ! ================================================*/ /* ! 2.0 Layout */ /* ! ================================================*/ .section{padding:0 3%;} @media screen and (min-width:1161px){ html body{min-width:1160px;font-size:1.4rem;line-height:1.6;} .section{padding:0 calc((100% - 1160px) / 2);display:inline-block; width:100%;} /*.section{ width:1160px; margin-left:auto; margin-right:auto;}*/ #sp-header{display:none;} } @media all and (-ms-high-contrast: none) { *::-ms-backdrop, .section{} /* IE11 */ } .waku{background-color: rgba(221,221,221,1.00); padding: 35px 35px; margin-bottom: 20px; margin-top: 20px;} /* ! Header ================================================ */ /* #sp-header ==================== */ #sp-header{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;background:#fff;height:45px;padding:0 10px;border-top:2px solid #e88000;border-bottom:1px solid #c7c7c7;} #site-title{display:none;} /*#sp-title*/ #sp-title img{height:30px;} /*.btn-menu*/ .btn-menu{width:20px;height:15px;} .btn-menu img{height:100%;width:100%;} #nav-drawer{margin-top:5px;} .menu-trigger,.menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box; cursor:pointer;} .menu-trigger{position:relative;width:30px;height:22px;} .menu-trigger span{position:absolute;left:0;width:100%;height:4px;background-color:#e88000;border-radius:4px;} .menu-trigger span:nth-of-type(1){top:0;} .menu-trigger span:nth-of-type(2){top:9px;} .menu-trigger span:nth-of-type(3){bottom:0;} .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(9px) rotate(-315deg);transform:translateY(9px) rotate(-315deg);} .menu-trigger.active span:nth-of-type(2){opacity:0;} .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-9px) rotate(315deg);transform:translateY(-9px) rotate(315deg);} #site-header{overflow:auto;position:fixed; top: 0; margin-top: 45px; right:-100vw;z-index:9999;width:90%;max-width:330px;height:100%;background:#fff;transition:.5s ease-in-out;} /*チェックが入ったらもろもろ表示*/ #wrapper #site-header.active{ right: 0;} @media screen and (min-width:769px){ #sp-header{display:none;} #site-title{display:block;} } /* #site-header ==================== */ /*#site-header{display:none;position:fixed;z-index:9;right:0;top:0;width:300px;height:100%;overflow-y:scroll;background:#fff;}*/ @media screen and (min-width:769px){ #site-header{display:block;position:relative !important; z-index: 2; width:100%;height:auto;overflow:inherit !important;transform:translateX(0%); max-width:100%; margin-top: 0; right: 0; left: 0;} } /* #header ==================== */ @media screen and (min-width:769px){ #header{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;height:80px;padding:0 calc((100% - 1160px) / 2);border-top:5px solid #e88000;} } /* #site-title ==================== */ #site-title img{margin:7px 15px;height:30px;} @media screen and (min-width:769px){ #site-title img{margin:0;height:auto;} } /* #nav-global ==================== */ #nav-global{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;margin:0 0 5px 0;font-size:1.1rem;line-height:1;} #nav-global li{width:50%;padding:5px 15px;} #nav-global a{display:block;padding:5px 10px;background:url(img/icon_arr01.png) no-repeat left center;} @media screen and (min-width:769px){ #nav-global{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;font-size:1.3rem;line-height:1;} #nav-global li{width:auto;} #nav-global a{display:block;padding:5px 10px;background:url(img/icon_arr01.png) no-repeat left center;} } /* ! Navigation ================================================ */ @media screen and (min-width:769px){ #navigation{padding:0 calc((100% - 1160px) / 2);border-bottom:1px solid #c7c7c7;} } /* nav-main ==================== */ #nav-main{width:100%;font-size:1.2rem;line-height:1;font-weight:bold;} #nav-main>li{padding:10px 0 5px; position: relative;} #nav-main>li span{ content: "";background:url(img/icon_arr03.png) no-repeat 50% center;background-size:auto 10px; width: 20px; height: 20px; position: absolute; top: 23px; right: 0px; margin-top: -10px;transform: rotate(0deg);} #nav-main>li.active span{transform: rotate(90deg);} #nav-main>li.child.active .sub-menu{display:block;} #nav-main>li>a{display:flex;align-items:center;padding:5px 10px;} #nav-main>li.child.open>a{background:url(img/icon_arr04.png) no-repeat 95% center;background-size:10px auto;} .sub-menu{display:none;margin:10px 0 0 0;padding:10px 15px;font-size:1.1rem;line-height:1;background:#e88000;} .sub-menu>p{display:none;} #nav-main .sub-menu li a{display:block;margin:0 0 5px 0;padding:8px;background:#efa74f url(img/icon_arr02.png) no-repeat 97% center;background-size:auto 8px;color:#fff;} @media screen and (min-width:769px){ #nav-main{display:flex;justify-content:space-between;width:100%;font-size:1.6rem;line-height:1;font-weight:bold;} #nav-main>li{width:100%;box-sizing: border-box; padding:20px 0 15px;border-bottom:5px solid #fff; position: static; text-align: center;} #nav-main>li>a{display:flex;justify-content:center;align-items:center;height:30px;border-right:1px solid #c7c7c7;background:none;font-size:15px;} #nav-main>li:first-child>a{border-left:1px solid #c7c7c7;} #nav-main>li:hover{border-bottom:5px solid #e88000;} #nav-main>li>span{display: none;} .sub-menu{display:none;} #nav-main>li:hover .sub-menu{display:block;position:absolute;z-index:10;top:135px;left:0;width:100%;height:auto;padding:0 calc((100% - 1160px) / 2);background:#e88000;} /* #nav-main>li .sub-menu{display:block;position:absolute;z-index:10;top:135px;left:0;width:100%;height:auto;padding:0 calc((100% - 1160px) / 2);background:#e88000;} */ .sub-menu ul{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;margin:0 0 15px 0;} .sub-menu>p{display:block;padding:25px 0;font-size:2.0rem;line-height:1;color:#fff;} #nav-main .sub-menu li{width:calc((100% - (20px * 3)) / 4);margin:0 20px 15px 0;} #nav-main .sub-menu li:nth-of-type(4n){margin:0 0 15px 0;} #nav-main .sub-menu li a{display:block;margin:0;padding:10px;font-size:1.3rem;line-height:1;background:#efa74f url(img/icon_arr02.png) no-repeat 97% center;background-size:auto 8px;color:#fff;} } /* ! Footer ================================================ */ #site-footer{background:#fff7ec; margin-top: 30px;} #footer{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;padding:20px 3%;} /*footer-logo*/ .footer-logo{display:block;flex-flow:row nowrap;justify-content:space-between;align-items:center;order:2;width:100%;font-size:1.3rem;line-height:1.4;} .footer-logo figure{width:130px;margin:20px 0 0 15px;} .footer-logo p{width:auto; display:block;margin:20px 0 0 15px;} .footer-logo .layout-box2{margin:20px 0 0 15px;} /*nav-footer*/ #footer .nav-footer{order:1;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;width:100%;} #footer .nav-footer li{width:48%;margin:3% 1%;} #footer .nav-footer li:nth-of-type(2n){border-left:1px solid #b6b6b6;} #footer .nav-footer li a{display:block;margin:5px 20px;color:#333333;} /*address*/ #site-footer address{padding:10px 0;text-align:center;font-size:1.3rem;line-height:1;background:#e88000;color:#fff;} @media screen and (min-width:769px){ #site-footer{background:#fff7ec; margin-top: 50px;} #footer{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;padding:30px calc((100% - 1160px) / 2);} /*footer-logo*/ .footer-logo{display:block;order:1;width:30%;font-size:1.3rem;line-height:1.4;} .footer-logo figure{width:auto;margin:0 0 20px 0;} .footer-logo p, .footer-logo .layout-box2{width:auto;margin:0 0 0 0;} /*nav-footer*/ #footer .nav-footer{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;order:2;width:70%;} #footer .nav-footer li:nth-of-type(2n){border-left:none;} #footer .nav-footer li{width:25%;margin:0;border:none;border-right:1px solid #b6b6b6;} #footer .nav-footer li:first-child{border-left:1px solid #b6b6b6;} #footer .nav-footer li a{display:block;margin:5px 20px;color:#333333;} #site-footer address{padding:12px 0;font-size:1.2rem;line-height:1;} } /* PageTop ================================================ */ #pageTop{position:fixed;z-index:5;bottom:30px;right:10px;} /* ! Container ===================== /* top_slider-box ==================== */ /*=========================== */ .slider-section{margin-top:151px;} @media screen and (min-width:769px){ .slider-section{margin-top:0px; z-index: 1; position: relative;} } /* message-box ==================== */ .message-box{max-width:100%;margin:20px auto;padding:5px;border:1px solid #dad8d8;color:#727272;} .message-box h2{padding:10px;text-align:center;font-size:1.2rem;line-height:1;background:#f6f6f6;} .message-box p{padding:10px;font-size:1.3rem;line-height:2;background:#f6f6f6;} @media screen and (min-width:769px){ .message-box{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;max-width:928px;margin:30px auto;padding:5px;border:1px solid #dad8d8;color:#727272;} .message-box h2{display:flex;justify-content:center;align-items:center;width:20%;padding:20px;font-size:1.8rem;line-height:1;background:#f6f6f6;} .message-box p{width:80%;padding:20px;font-size:1.3rem;line-height:2;background:#f6f6f6;} } /* home_news ==================== */ .home_news{max-width:96%;color:#727272; margin-bottom:40px;} .home_news h2{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:0 0 20px 0;font-size:1.5rem;line-height:1;} .home_news h2 small{display:block;font-size:1.3rem;line-height:1;} .home_news h2 a{margin:0 0 0 0;padding:0 0 0 10px;font-size:1.3rem;line-height:1;background:url(img/icon_arr01.png) no-repeat left center;color:#e88000;} /* お知らせ 共通 start */ ul.news_list{padding:0px;font-size:1.1rem;line-height:1;} ul.news_list li{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;margin:0 0 10px 0;} ul.news_list li .dete{width:20%;} .icon{width:25%;padding:3px 0;text-align:center;background:#f39e9c;color:#fff;} .icon.app{background:#89cfd0;} .icon.media{background:#7ec99d;} .icon.online{background:#f9c046;} /* お知らせ 共通 end */ ul.news_list li a{width:100%;padding:5px 0 0 0px;line-height:2;} @media screen and (min-width:769px){ .home_news{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;max-width:100%;color:#727272;} .home_news h2{display:flex;flex-flow:column wrap;justify-content:center;align-items:center;width:20%;margin:0 0 0 0;font-size:2.4rem;line-height:1;border-right:1px solid #dad8d8;} .home_news h2 small{display:block;font-size:1.5rem;line-height:1;} .home_news h2 a{margin:20px 0 0 0;padding:0 0 0 10px;font-size:1.3rem;line-height:1;background:url(img/icon_arr01.png) no-repeat left center;color:#e88000;} /* お知らせ 共通 start */ ul.news_list{width:80%;padding:20px;font-size:1.3rem;line-height:2;} ul.news_list li{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;margin:0 0 15px 0;} ul.news_list li .dete{width:20%;text-align:center;} .icon{width:15%;padding:2px 0;text-align:center;background:#89cfd0;color:#fff;} .icon.app{background:#89cfd0;} .icon.media{background:#F9D164;} .icon.online{background:#f9c046;} .icon.icon_comment{background:#89cfd0!important;} .icon.icon_movie{background:#F9D164!important;} ul.news_list li .icon.icon_linguistic-reviews-of-language{background-color: #E8A29E;} ul.news_list li .icon.icon_linguistic-reviews-of-language-movie{background-color: #6CB783;} /* お知らせ 共通 end */ ul.news_list li a{width:60%;padding:0 0 0 25px;} } /* home_news ==================== */ .home_entrance{padding-bottom:20px;font-size:1.1rem;line-height:1.6;background:#fbfaf6;} .home_entrance h2{width:100%;margin:-10px 0 30px 0;text-align:center;font-size:1.1rem;line-height:1;color:#e88000;} .home_entrance h2 span{padding:13px;background:#fff; border: 2px solid #E77F00; border-radius:3px; text-align:center; position:relative;} .home_entrance h2 span::after{ content:""; width:20px; height:20px;border-top:2px solid #E77F00; border-right:2px solid #E77F00; background-color:#fff; margin-top:-2px; transform: rotate(135deg); position:absolute; bottom:-11px; left:50%; margin-left:-10px; } .home_entrance ul{} .home_entrance ul li{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;width:100%;margin:0 0 10px 0;background:#fff;} .home_entrance ul li figure{width:40%;margin:auto;} .home_entrance ul li figure img{width:100%;height:auto;} .home_entrance ul li .box{position:relative;width:60%;padding:0 0 0 0;} .home_entrance ul li .box h3{display:flex;justify-content:center;align-items:center;padding:5px 0;text-align:center;font-size:1.2rem;line-height:1;font-weight:bold;} .home_entrance ul li .box h3:before{content:url(img/icon_school.png);margin:0 10px 0 0;} .home_entrance ul li.student .box h3:before{content:url(img/icon_student.png);} .home_entrance ul li.book .box h3:before{content:url(img/icon_book.png);} .home_entrance ul li.general .box h3:before{content:url(img/icon_general.png);} .home_entrance ul li .box p{padding:5px 15px;font-size:1.1rem;line-height:1.5;} .home_entrance ul li .box p.btn{width:100%;padding:10px 0 15px 0;text-align:center;font-size:1.1rem;line-height:1;} .home_entrance ul li .box p.btn a{padding:5px 30px;line-height:1.5;background:#f39e9c;color:#fff;font-weight:bold;} .home_entrance ul li .box p.btn a:after{content:url(img/icon_arr02.png);margin:0 0 0 10px;} .home_entrance ul li.student .box p.btn a{background:#89cfd0;} .home_entrance ul li.book .box p.btn a{background:#7ec99d;} .home_entrance ul li.general .box p.btn a{background:#f8d164;} @media screen and (min-width:769px){ .home_entrance{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;padding-bottom:0;font-size:1.3rem;line-height:1.6;background:#fbfaf6; margin-top: 50px;} .home_entrance h2{width:100%;margin:-10px 0 90px 0;text-align:center;font-size:2.2rem;line-height:1;color:#e88000;} .home_entrance h2 span{padding:13px 20px;background:#fff; border: 2px solid #E77F00; border-radius:3px; text-align:center; position:relative;} .home_entrance h2 span::after{ content:""; width:20px; height:20px;border-top:2px solid #E77F00; border-right:2px solid #E77F00; background-color:#fff; margin-top:-2px; transform: rotate(135deg); position:absolute; bottom:-11px; left:50%; margin-left:-10px; } .home_entrance ul{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;} .home_entrance ul li{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;width:calc((100% - 40px) / 2);margin:0 0 50px 0;} .home_entrance ul li:nth-of-type(odd){margin:0 40px 50px 0;} .home_entrance ul li figure{width:48%;} .home_entrance ul li figure img{width:100%;height:100%;} .home_entrance ul li .box{position:relative;width:52%;padding:0 0 40px 0;background:#fff;border:10px solid #f39e9c;} .home_entrance ul li.student .box{border:10px solid #89cfd0;} .home_entrance ul li.book .box{border:10px solid #7ec99d;} .home_entrance ul li.general .box{border:10px solid #f8d164;} .home_entrance ul li .box h3{display:flex;justify-content:center;align-items:center;padding:15px 0;text-align:center;font-size:1.8rem;line-height:1;font-weight:bold;} .home_entrance ul li .box h3:before{content:url(img/icon_school.png);margin:0 10px 0 0;} .home_entrance ul li.student .box h3:before{content:url(img/icon_student.png);} .home_entrance ul li.book .box h3:before{content:url(img/icon_book.png);} .home_entrance ul li.general .box h3:before{content:url(img/icon_general.png);} .home_entrance ul li .box p{padding:15px 15px;font-size:1.3rem;line-height:1.5;} .home_entrance ul li .box p.btn{position:absolute;bottom:0px;left:0;width:100%;padding:0 0 15px 0;text-align:center;font-size:1.3rem;line-height:1;} .home_entrance ul li .box p.btn a{padding:7px 45px;font-size:1.3rem;line-height:1.5;background:#f39e9c;color:#fff;} .home_entrance ul li .box p.btn a:after{content:url(img/icon_arr02.png);margin:0 0 0 10px;} .home_entrance ul li.student .box p.btn a{background:#89cfd0;} .home_entrance ul li.book .box p.btn a{background:#7ec99d;} .home_entrance ul li.general .box p.btn a{background:#f8d164;} } /* search-box ==================== */ .search-box{padding-top:15px;padding-bottom:15px;background:#ddd;} .search-form{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;border-radius:5px;background:#fff;} .search-form h2{padding:15px 15px 15px 60px;font-size:1.2rem;line-height:1;background:url(img/icon_search02.png) no-repeat 15px center;} .search-form p{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;} .search-form p select{min-width:130px;height:20px;margin:0 10px 0 0;padding:0;border-radius:none;border:1px solid #ddd;} .search-form p:nth-of-type(2){width:100%;margin:0 0 10px 0;} .search-form p input[type="text"]{width:calc(100% - 50px);margin:0 10px 0 10px;padding:5px;border:none;border-bottom:1px solid #ddd;} .search-form p input.searchsubmit{cursor:pointer;display:block;width:20px;height:20px;text-indent:200%;white-space:nowrap;overflow:hidden;border:none;background:url(img/icon_search01.png) no-repeat 0 0;background-size:100% 100%;} @media screen and (min-width:769px){ .search-box{padding-top:15px;padding-bottom:15px;background:#ddd;} .search-form{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:stretch;border-radius:5px;background:#fff;} .search-form h2{padding:15px 25px 15px 60px;;font-size:1.6rem;line-height:1;background:url(img/icon_search02.png) no-repeat 15px center;} .search-form p{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;} .search-form p select{min-width:230px;height:28px;margin:0 20px 0 0;padding:0;border-radius:0;border:1px solid #ddd;} .search-form p:nth-of-type(2){width:760px;margin:0;} .search-form p input[type="text"]{width:700px;margin:0 20px 0 0;padding:10px;border:none;border-bottom:1px solid #ddd;} .search-form p input.searchsubmit{cursor:pointer;display:block;width:30px;height:28px;text-indent:200%;white-space:nowrap;overflow:hidden;border:none;background:url(img/icon_search01.png) no-repeat 0 0;background-size:auto auto;} } /* home_section ==================== */ .home-title{padding:10px 0 30px 0;font-size:1.3rem;line-height:1;color:#727272;} @media screen and (min-width:769px){ .home-title{padding:30px 0 20px 0; margin-bottom: 30px; border-bottom: 1px solid #ddd;font-size:2.2rem;line-height:1;color:#727272;} .home_section_banner ul.layout-box4 li{margin-bottom: 15px;} } /* ! slider ================================================ */ /*.slider-block{position:relative;max-width:100vw;margin:0 auto 10px;overflow:hidden;} .slider-area{display:flex;width:calc((100vw * 5) * 3);} .slider-area>li{width:100vw;text-align:center;border:1px solid #aaa69c;} .slider-area>li img{width:100%;}*/ @media screen and (min-width:769px){/* .slider-section{position: relative;} .slider-block{position:relative;max-width:100vw;min-width:1160px;margin:0 auto 30px;overflow:hidden;} .slider-area{display:flex;width:calc((1160px * 5) * 3);} .slider-area>li{width:1160px;text-align:center;} */ } /*.slider-nav*/ /* .slider-nav{text-align:center;margin:20px 0 0;} .slider-nav li{display:inline-block;width:10px;height:10px;margin:0 5px;border-radius:20px;background:#696969;cursor:pointer;} .slider-nav li.current{background:#e88000;color:#fff;} .slider-btn{display:none;} @media screen and (min-width:769px){ .slider-btn{display:block;position:absolute;top:50%;width:30px;height:30px;cursor:pointer;} .slider-btn.prev{left:calc((100vw - 1190px) / 2);} .slider-btn.next{right:calc((100vw - 1190px) / 2);} }*/ /* ! ================================================*/ /* ! 3.0 Page */ /* ! ================================================*/ /* ! #contents-header ================================================ */ #contents-header{padding:14px 0;text-align:center;background:#e88000;color:#fff;} #contents-header img{height:40px;} .contents-title{margin:5px 0 0;font-size:1.2rem;line-height:1;} @media screen and (min-width:769px){ #contents-header{padding:22px 0;text-align:center;background:#e88000;color:#fff;} #contents-header img{height:auto;} .contents-title{margin:10px 0 0;font-size:2.0rem;line-height:1;} } /* ! #breadcrumbs ================================================ */ #breadcrumbs{padding:8px 0;background:#eee;} #breadcrumbs>ul{display:flex;max-width:96%;margin:0 auto 0;font-size:1.3rem;line-height:1;} #breadcrumbs>ul>li{padding:0 20px 0 0;} #breadcrumbs>ul>li:after{padding:0 0 0 20px;content:"\0bb"} #breadcrumbs>ul>li:last-child:after{content:"";} @media screen and (min-width:769px){ #breadcrumbs>ul{display:flex;max-width:1160px;margin:0 auto 0;font-size:1.3rem;line-height:1;} } /* ! .page-header ================================================ */ .page-header{padding:20px 3% 10px;text-align:center;font-size:1.3rem;line-height:1.5;} .page-title{margin:0 0 20px;font-size:1.3rem;line-height:1;color:#e88000;} @media screen and (min-width:769px){ .page-header{padding:60px 0 40px;text-align:center;font-size:1.3rem;line-height:1.5;} .page-title{margin:0 0 30px;font-size:2.6rem;line-height:1;color:#e88000;} } /* ! .section-header ================================================ */ .section-title{margin:0 0 30px;padding:40px 0 15px;font-size:1.3rem;line-height:1;font-weight:bold;background:url(img/bg_section_title.png) no-repeat left bottom;} .block-title{margin:0 0 20px;padding:4px 0 2px 10px;font-size:1.3rem;line-height:1;font-weight:bold;border-left:3px solid #e88000;} .area-title{margin:0 0 7px;padding:7px 10px;font-size:1.2rem;line-height:1;font-weight:bold;background:#f8f8f8;color:#727272;} @media screen and (min-width:769px){ .section-title{margin:0 0 45px;padding:70px 0 30px;font-size:2.4rem;line-height:1;font-weight:bold;background:url(img/bg_section_title.png) no-repeat left bottom;} .block-title{margin:0 0 40px;padding:4px 0 2px 20px;font-size:2.0rem;line-height:1;font-weight:bold;border-left:4px solid #e88000;} .area-title{margin:0 0 10px;padding:15px 20px;font-size:1.6rem;line-height:1;font-weight:bold;background:#f8f8f8;color:#727272;} } /* ! .book_english_index ================================================ */ /* .pickup_section ================ */ .pickup_section{padding-top:20px;padding-bottom:10px;text-align:center;background:#fdf4e8;} .pickup-list{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin:20px auto 30px;} .pickup-list li{width:30%;} .pickup-list li figure{margin:0 auto 15px;} .pickup-list li p{padding:0 15px;} @media screen and (min-width:769px){ .pickup_section{padding-top:30px;padding-bottom:60px;text-align:center;background:#fdf4e8;} .pickup-list{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin:30px auto 60px;} .pickup-list li{width:300px;} .pickup-list li figure{margin:0 auto 25px;padding:0;} .pickup-list li p{padding:0;} } /* .base_section ================ */ .base_section{ margin-left: 10px; margin-right: 10px;} .base-list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 30px;} .base-list li{width:30%;margin:0 3% 15px 0;} .base-list li:nth-of-type(3n){margin:0 0 15px 0;} .base-list li figure{margin:0 auto 20px;padding:0 15px;} .base-list li p{font-size:1.3rem;line-height:1.6;text-decoration:underline;} @media screen and (min-width:769px){ .base_section{} .base-list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 70px;} .base-list li{width:160px;margin:0 30px 30px 0;} .base-list li:nth-of-type(3n){margin:0 30px 30px 0;} .base-list li:nth-of-type(6n){margin:0 0 30px 0;} .base-list li figure{margin:0 auto 40px;padding:0 0;} .base-list li p{font-size:1.3rem;line-height:1.6;text-decoration:underline;} } /* .app_section ================ */ .app_section{padding-top:20px;padding-bottom:20px;text-align:center;background:#fdf4e8;} .app_section>h2{margin:0 0 20px;font-size:1.3rem;line-height:1;color:#e88000;} .app_section>p{margin:0 0 20px;font-size:1.3rem;line-height:1.6;} .english_page .app_section .layout-box5 li{width: 100% !important; display: block;} @media screen and (min-width:769px){ .app_section{padding-top:50px;padding-bottom:60px;text-align:center;background:#fdf4e8;} .app_section>h2{margin:0 0 30px;font-size:2.6rem;line-height:1;color:#e88000;} .app_section>p{margin:0 0 30px;font-size:1.3rem;line-height:1.6;} .english_page .app_section .layout-box5 li{width:auto !important; display: block;} } /* .app-link */ .app-link{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin:20px auto 10px;} .app-link li{width:48%;margin:0 0 5px 0;} .app-link li a{display:flex;justify-content:center;align-items:center;width:100%;height:30px;background:#fff;color:#333;} .app-link li a span:after{content:url(img/icon_arr05.png);padding:0 0 0 10px;} @media screen and (min-width:769px){ .app-link{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin:30px auto 40px;} .app-link li{width:275px;margin:0 0 0 0;} .app-link li a{display:flex;justify-content:center;align-items:center;width:275px;height:60px;background:#fff;color:#333;} .app-link li a span:after{content:url(img/icon_arr05.png);padding:0 0 0 10px;} } /* .base_section ================ */ .materials_section{padding-bottom:30px;} /* .materials_list */ .materials_list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 30px;} .materials_list li{width:30%;margin:0 3% 20px 0;} .materials_list li:nth-of-type(3n){margin:0 0 20px 0;} .materials_list li figure{margin:0 auto 20px;padding:0 15px;} .materials_list li p{font-size:1.3rem;line-height:1.6;text-decoration:underline;} /* .materials_dl_list */ .materials_dl_list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 20px;} .materials_dl_list li{width:50%;margin:15px 0;} .materials_dl_list li a{text-decoration:underline;color:#333;} @media screen and (min-width:769px){ .materials_section{padding-bottom:80px;} /* .materials_list */ .materials_list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 30px;} .materials_list li{width:160px;margin:0 30px 30px 0;} .materials_list li:nth-of-type(3n){margin:0 30px 30px 0;} .materials_list li:nth-of-type(6n){margin:0 0 30px 0;} .materials_list li figure{margin:0 auto 40px;padding:0 0;} .materials_list li p{font-size:1.3rem;line-height:1.6;text-decoration:underline;} /* .materials_dl_list */ .materials_dl_list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 30px;} .materials_dl_list li{width:25%;margin:30px 0;} .materials_dl_list li a{text-decoration:underline;color:#333;} } /* ! book_auxiliaryenglish_list_system ================================================ */ #side-bar{display:none;} @media screen and (min-width:769px){ #contents.col2{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;max-width:1200px;margin:60px auto;} #contents.col2 #main{max-width:920px;width:100%;margin:0;} #contents.col2 #side-bar{display:block;max-width:215px;} } /* index_pickup_section */ .index_pickup{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;margin:30px 2%;} .index_pickup li img{margin:0 0 10px 0;} .index_pickup li{width:30%;max-width:150px;margin:0 5px;font-weight:bold;text-align:center;} @media screen and (min-width:769px){ .index_pickup{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:flex-start;margin:0 0 30px;} .index_pickup li{max-width:240px;text-align:center;} } /* .index-list */ .index-list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 2% 60px;} .index-list li{width:150px;margin:0 10px 20px 0;} .index-list li figure{margin:0 0 5px; min-height:150px; } .index-list li figure img{border: 1px solid #eee; min-height: 150px; } .index-list li a{text-decoration:underline; font-size: 1.4rem;} @media screen and (min-width:769px){ .index-list{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 0 60px;} .index-list li{width:200px;margin:0 40px 40px 0;} .index-list li figure{margin:0 0 10px; min-height:282px; } .index-list li figure img{width: auto;min-height: auto; } .index-list li a{text-decoration:underline;} .index-list li:nth-of-type(4n){width:200px;margin:0 0 40px 0} .index-list.layout-box5 li{width: 18.5%; margin: 0 0 20px 0;} } /* .index-list1 */ .index-list1{display:flex;justify-content:space-between;flex-flow:row wrap;align-items:stretch;margin:0 2% 60px;} .index-list1 li{width:150px;margin:0 10px 20px 0;} .index-list1 li figure{margin:0 0 5px;} .index-list1 li a{text-decoration:underline;} @media screen and (min-width:769px){ .index-list1{display:flex;flex-flow:row wrap;align-items:stretch;margin:0 0 60px;} .index-list1 li{width:200px;margin:0 40px 40px 0;} .index-list1 li figure{margin:0 0 10px;} .index-list1 li a{text-decoration:underline;} .index-list1 li:nth-of-type(5n){width:200px;margin:0 0 40px 0;} } /* .book_list */ .book_list li figure{ padding-bottom: 20px;} .book_list li a figure:hover{opacity: 0.7;} .book_list li figure img{border: 1px solid #eee; min-height: 150px; } .book_list li figure span{display: block; height: 153px; background: no-repeat center;background-size: contain;} .book_list li .icon {width: 130px; padding: 2px 5px; display: inline-block;margin-right: 10px;} .book_list li .icon.icon_movie{background-color: #F9D164 !important;} .book_list li .article_title{margin: 5px 0;} .layout-box2.book_list, .layout-box3.book_list, .layout-box4.book_list, .layout-box5.book_list, .layout-box6.book_list{overflow: hidden;} .layout-box2.book_list li, .layout-box3.book_list li, .layout-box4.book_list li, .layout-box5.book_list li, .layout-box6.book_list li{ margin-bottom: 30px; word-break: keep-all;} /* List -----------------------------------------------------------------------------*/ /*num_list 頭数字のついたリストが表示されます*/ .num_list li{position:relative;padding-left:30px;} .num_list dt{position:relative;padding-left:30px;} .num_list dt:before, .num_list li:before{content:"";position:absolute;top:0;left:0;} .num_list dt:nth-child(1):before, .num_list li:nth-child(1):before{content:"1.";} .num_list dt:nth-child(3):before, .num_list li:nth-child(2):before{content:"2.";} .num_list dt:nth-child(5):before, .num_list li:nth-child(3):before{content:"3.";} .num_list dt:nth-child(7):before, .num_list li:nth-child(4):before{content:"4.";} .num_list dt:nth-child(9):before, .num_list li:nth-child(5):before{content:"5.";} .num_list dt:nth-child(11):before, .num_list li:nth-child(6):before{content:"6.";} .num_list dt:nth-child(13):before, .num_list li:nth-child(7):before{content:"7.";} .num_list dt:nth-child(15):before, .num_list li:nth-child(8):before{content:"8.";} .num_list dt:nth-child(17):before, .num_list li:nth-child(9):before{content:"9.";} .num_list dt:nth-child(19):before, .num_list li:nth-child(10):before{content:"10.";} /*dl_list*/ .dl_list > dt{border-bottom:1px solid #eee;font-weight:bold;line-height:22px;padding-bottom:12px;} .dl_list > dd{padding:10px 0 15px;} @media only screen and (max-width :768px) { .dl_box > dd a{font-size:1.4rem;} } /*square_list*/ .square_list > li{margin-bottom:10px;padding-left:30px;position:relative;} .square_list > li:before{content:"";position:absolute;top:4px;left:0px;width:6px;height:6px;border:4px solid #000;} @media only screen and (max-width :768px) { .square_list > li{margin-bottom:10px;padding-left:30px;} .square_list > li:before{top:2px;width:4px;height:4px;} } /*round list */ .round_list > li{margin-left:15px;margin-bottom: 15px; position: relative;} .round_list > li:before{content:"";display: block; width: 5px; height: 5px; background-color: #555; border-radius: 15px; position: absolute; top: 8px; left: -15px;} /*link_list*/ .link_list > li{margin-bottom:20px;} .link_list > li a {background:#fff;border: 1px solid #ddd; box-sizing: border-box;display:inline-block;font-size:1.6rem;font-weight:bold; line-height:24px;padding:13px 20px;position:relative;text-align:left;width:100%; transition: .8s;} .link_list > li a::after{content:"";position:absolute;top:50%;margin-top:-5px;right:15px;width:8px;height:8px; border-top:2px solid #666;border-right:2px solid #666;transform:rotate(45deg); z-index:1; transition: .3s;} .link_list > li a:hover{text-decoration: none; background-color: #ddd; cursor: pointer;} .link_list > li a:hover::after{text-decoration: none; right: 10px;} /*qa_list*/ .qa_list > dt{background:url(../../assets/images/common/q_tit.gif) 0 23px no-repeat; border-bottom:1px solid #eee;font-size:1.6rem;padding:20px 0 15px 50px; font-weight: bold;} .qa_list > dd{background:url(../../assets/images/common/a_tit.gif) 0 20px no-repeat; padding:20px 0 50px 50px;} @media only screen and (max-width :768px) { .qa_list > dt{background-size:30px auto;padding-left:45px;} .qa_list > dd{background-size:30px auto;padding-left:45px;} } /*topics_list*/ .topics_list{position:relative} .topics_list .topics_list_tit{border-bottom:1px solid #B4B4B6;font-size:2.2rem;font-weight:normal;margin-bottom:15px;padding-bottom:15px;} .topics_list li{clear:both; line-height:20px;padding-bottom:15px} .topics_list li .date{display:block;float:left;width:100px;} .topics_list li a{display:block;letter-spacing:0px;padding-left:100px;} .topics_list .link_btn{position:absolute;top:0;right:0;} @media only screen and (max-width :768px) { .topics_list li{padding-bottom:5px;} .topics_list li .date{width:75px !important;} .topics_list li a{padding-left:75px !important;} .topics_list .link_btn{margin-top:0;top:-2px;} } /* check_list */ .check_list > *{ padding-left: 30px; text-indent: -30px;} .check_list > *::before{ content: ""; display:inline-block; width: 24px; height: 21px; margin-right:5px; background: url("../../assets/images/common/check_ico.png") no-repeat 0 0; vertical-align: middle;} /* line_list */ .line_list > *{border-bottom: 1px solid #eee; padding-bottom: 13px; margin-bottom: 25px;} /* flow　流れ -----------------------------------------------------------------------------*/ .flow_list > *{position: relative;} .flow_list > * img{width: 100%; height: auto;} .flow_list > *::after{content:"";position:absolute;top:40%;margin-top:-5px;right:0px;width:0;height:0;border-style:solid;border-width:32px 0 32px 13px;border-color:transparent transparent transparent #ddd;transform:rotate(0deg); z-index:0;} .flow_list > * .flow_box{padding-right: 30px;} /* .flow_list.layout_box5 > *::after{top: 10%; right: -8.0%;} .flow_list.layout_box4 > *::after{top: 15%; right: -7.0%;} .flow_list.layout_box3 > *::after{top: 35%; right: -4.0%;} .flow_list.layout_box2 > *::after{top: 25%; right: -7.0%;}*/ .flow_list.layout_box6 > *:nth-child(6n)::after, .flow_list.layout_box5 > *:nth-child(5n)::after, .flow_list.layout_box4 > *:nth-child(4n)::after, .flow_list.layout_box3 > *:nth-child(3n)::after, .flow_list.layout_box2 > *:nth-child(2n)::after{display: none;} @media only screen and (max-width :768px) { .flow_list > *{margin-bottom: 20px; display: block; width: 46% !important;} .flow_list > * .flow_box{padding-bottom: 15px;} .flow_list > *::after{ display: block !important;content:"" !important;} .flow_list > *:last-child::after{display: none !important;} } @media only screen and (max-width :415px) { .flow_list > *{margin-bottom: 20px; padding-bottom: 20px; display: block; width: 100% !important;} .flow_list > * .flow_box{padding-bottom: 15px; padding-right: 0;} .flow_list > *::after{ transform: rotate(0deg); border-width: 13px 32px 0 32px; border-color: #ddd transparent transparent transparent; margin-left: auto; margin-right: auto; bottom: 0px !important; top: auto!important; left: 50%; margin-left: -32px; } } /* .widget ================ */ .widget-title{padding:20px 0 30px;font-size:2.0rem;line-height:1;border-top:4px solid #e88000;color:#e88000; border-bottom: 1px solid #ddd;} .sub-index>li>a{display:block;padding:20px 0;font-size:1.5rem;line-height:1.3;font-weight:bold;background:url(img/icon_arr03.png) no-repeat right center; padding-right: 15px;} .sub-index>li>ul a{display:block;font-size:1.3rem;line-height:1.6;padding:10px 0;} .sub-index>li>ul>li{border-bottom: 1px solid #ddd; } /* .navigation ================ */ .navigation{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:0 2% 30px;font-size:1.3rem;line-height:1;} .navigation a.prev, .navigation a.next{width:/0px; text-decoration:underline;width: auto; height: auto; background: none; color: #333;} .navigation a.prev{margin-right: 0px;} .navigation a.next{margin-left: 0px;} .navigation ul{display:flex;flex-flow:row wrap;align-items:stretch; width: 100%; text-align: center; justify-content: center;} .navigation ul li{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:0 5px;} .navigation ul li a, .navigation ul li .current{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:23px;height:23px;background:#ddd;color:#fff;} .navigation ul li .current, .navigation ul li a.hover{background:#e88000; color: #fff;} @media screen and (min-width:769px){ .navigation{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin:0 0 60px;font-size:1.3rem;line-height:1;} .navigation a.prev, .navigation a.next{width:100px; text-decoration:underline;width: auto; height: auto; background: none; color: #333;} .navigation a.prev{margin-right: 40px;} .navigation a.next{margin-left: 40px;} .navigation ul{display:flex;flex-flow:row wrap;align-items:stretch; width: 100%; text-align: center; justify-content: center;} .navigation ul li{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;margin:0 5px;} .navigation ul li a, .navigation ul li .current{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:30px;height:30px;background:#ddd;} .navigation ul li .current{color: #fff;} .navigation ul li .current , .navigation ul li a.hover{background:#e88000;} } /* ! book_auxiliaryenglish_list_system ================================================ */ .entry-header{width:96%;margin:20px auto;} .entry-header span{padding:4px 7px;font-size:1.3rem;line-height:1;background:#e88000;color:#fff;} .entry-title{margin:0 0 15px;padding:20px 0 16px;font-size:1.3rem;line-height:1;font-weight:bold;background:url(img/bg_section_title.png) no-repeat left bottom;color:#333;} @media screen and (min-width:769px){ .entry-header{width:100%;margin:0 auto;} .entry-header span{padding:8px 15px;font-size:1.3rem;line-height:1;background:#e88000;color:#fff;} .entry-title{margin:0 0 30px;padding:40px 0 15px;font-size:2.4rem;line-height:1;font-weight:bold;background:url(img/bg_section_title.png) no-repeat left bottom;color:#333;} } .tag-list{width:96%;display:flex;flex-flow:row wrap;align-items:stretch;margin:0 auto 20px auto;} .tag-list a{margin:0 10px 0 0;padding:4px 10px;font-size:1.3rem;line-height:1;background:#eeeeee;color:#333;} @media screen and (min-width:769px){ .tag-list{width:100%;display:flex;flex-flow:row wrap;align-items:stretch;margin:0 0 40px 0;} .tag-list a{margin:0 10px 0 0;padding:6px 15px;font-size:1.3rem;line-height:1;background:#eeeeee;color:#333;} } .entry-content{margin:0 0 30px;} .entry-content iframe{max-width: 100%; height: auto;} .entry-content>figure{max-width:250px; width:250px;margin:0 auto;text-align:center;} .entry-content>figure a#thumbnail span{background-color: #A52A2B; color: #fff;} .entry-content>figure a#thumbnail span::after{content: url(img/icon_arr02.png);} .entry-content>figure img{ border:1px solid #ddd;} .entry-content>figure span{display:block;margin:10px 0 20px 0;padding:10px 0;font-size:1.2rem;line-height:1;border:1px solid #ddd;} .entry-content>figure span:after{padding-left:10px;content:url(img/icon_arr05.png);} .entry-content>.text{width:96%;margin:0 auto;} .entry-content>.text p{margin:0 0 15px 0;} .entry-content>.text .blue{color:#0036d9;} @media screen and (min-width:769px){ .entry-content{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin:0 0 60px; width:100%;} .entry-content>figure{max-width:300px; width:300px;margin:0;text-align:center;} .entry-content>figure img{ border:1px solid #ddd;} .entry-content>figure span{display:block;margin:30px 0 20px 0;padding:10px 0;font-size:1.6rem;line-height:1;} .entry-content>figure span:after{padding-left:10px;content:url(img/icon_arr05.png);} .entry-content>.text{width:590px;margin:0;} .entry-content>.text p{margin:0 0 22px 0;} .entry-content>.text .blue{color:#0036d9;} } .detail_box01{margin:0 2% 20px;text-align:center;background:#f8f8f8;} .detail_box01 img{height:25px;} .detail_box01 p{margin:10px 0 10px;} .detail_box01 ul{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;} .detail_box01 ul li{width:100%;max-width:150px;margin:0 10px 20px;} .detail_box01 ul a{display:block;padding:8px 0;background:#fff;} .detail_box01 ul a span:after{content:url(img/icon_arr05.png);padding-left:6px;} @media screen and (min-width:769px){ .detail_box01{margin:0 0 40px;text-align:center;background:#f8f8f8;} .detail_box01 img{height:auto;} .detail_box01 p{margin:18px 0 20px;} .detail_box01 ul{display:flex;flex-flow:row wrap;justify-content:center;align-items:stretch;} .detail_box01 ul li{width:100%;max-width:300px;margin:0 10px 30px;} .detail_box01 ul a{display:block;padding:15px 0;background:#fff;} .detail_box01 ul a span:after{content:url(img/icon_arr05.png);padding-left:6px;} } .detail_box02{margin:0 2% 20px;padding:15px;text-align:center;background:#fdf4e8;} .detail_box02 img{height:46px;} .detail_box02 p{margin:9px 0 10px;} .detail_box02 a{display:block;width:90%;max-width:200px;margin:0 auto;padding:8px 0;background:#fff;border:1px solid #ddd;} .detail_box02 p.btn a span:after{content:url(img/icon_arr05.png);padding-left:6px;} .btn.return{margin:0 auto 30px;} .btn.return a{display:block;width:90%;margin:0 auto;padding:15px 0;text-align:center;} .btn.return a span:after{content:url(img/icon_arr05.png);padding-left:6px;} @media screen and (min-width:769px){ .detail_box02{margin:0 0 40px;padding:24px;text-align:center;background:#fdf4e8;} .detail_box02 img{height:auto;} .detail_box02 p{margin:18px 0 20px;} .detail_box02 a{display:block;width:90%;max-width:355px;margin:0 auto;padding:15px 0;background:#fff;border:1px solid #ddd;} .detail_box02 p.btn a span:after{content:url(img/icon_arr05.png);padding-left:6px;} .btn.return a{display:block;width:90%;margin:0 auto;padding:15px 0;text-align:center;} .btn.return a span:after{content:url(img/icon_arr05.png);padding-left:6px;} } /*---------------- Thu edit ----------------*/ @media only screen and (max-width:769px){ /*#nav-main>li:nth-child(2) .sub-menu{display:block;} #nav-main>li:nth-child(2)>a{background:url(img/icon_arr04.png) no-repeat 95% center;background-size:10px auto;}*/ } /* ! teacherondemand ================================================ */ .content_box.teacherondemand .cont ul.layout-box2>li{ width: 100%; float: none;} /* ! onseiDownload ================================================ */ #onseiDownload_container a{ text-decoration: underline;} /* ! column ================================================ */ .column p{margin-bottom: 15px;} /* ! column_book ================================================ */ .column_banner{ /*width: 100%; padding: 15px calc((100% - 1100px) / 2);*/ /*border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;*/ box-sizing: border-box; text-align: center; margin-bottom: 30px; border: 1px solid #ddd;margin: 0 auto; width: 100%; padding: 10px; margin-bottom: 30px; } .column_banner figure{margin-bottom: 10px;} ul.news_list li .icon a{color: #fff;} .column_navi li.cat-item.cat-item-234 a{background-color: #89cfd0;color: #fff;} .column_navi li.cat-item.cat-item-250 a{background-color: #F9D164;color: #fff;} #column_book #c_book_box{} #column_book .column_navi{padding-top: 50px;} #column_book .news_list{width: 100%; padding: 20px 0;} .column_navi{width: auto; margin-left: auto; margin-right: auto;} .column_navi li a{min-width: inherit!important; width: 100%;background:#fff; padding: 15px; text-align:center;display:inline-block;font-size:16px; text-align: center; border: 1px solid #ddd; position: relative;} .column_navi li a:after{content:'';background:url(../../assets/css/img/icon_arr05.png) no-repeat;background-size:9px 11px;margin-left:6px;height:11px;width:9px; display: inline-block;} #column_book .news_list li{border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 15px;} #column_book .news_list li .ico{background-color: #e88000 !important; color: #fff;} #column_book_detail{padding: 40px 0;} @media screen and (min-width: 769px){ .column_banner{ margin-bottom: 60px; width: 1160px; padding: 15px 30px; } .column_banner figure{margin-bottom: 30px;} .column_navi{width:980px; margin-left: auto; margin-right: auto;} .column_navi li a{min-width:260px;background:#fff; padding: 15px; text-align:center;display:inline-block;font-size:16px; text-align: center; border: 1px solid #ddd; position: relative; color: #fff;} .column_navi li a:after{content:'';/*background:url(../../assets/css/img/icon_arr05.png) no-repeat;background-size:9px 11px;*/margin-left:6px; display: inline-block;width: 0; height: 0;border-style: solid;border-width: 4.5px 0 4.5px 9px;border-color: transparent transparent transparent #fff;} ul.news_list li .icon a{color: #fff !important; padding: 0 !important;} .column_navi li.cat-item.cat-item-234 a{background-color: #89cfd0;} .column_navi li.cat-item.cat-item-250 a{background-color: #F9D164;} } /* ! password_box ================================================ */ .password_box{width: 400px; margin: 60px auto;} .password_box p{text-align: center;} .password_box input{ line-height: 30px; margin: 0 5px;} .password_box form{justify-content: center;} @media screen and (max-width:769px){ .password_box{width: 100%; margin:30px auto;} .password_box input{width: 100%; box-sizing: border-box; margin-bottom: 10px;} } /* ! new_course ================================================ */ #new_course .new_course_main-img{background: url("../images/new_course/main_bg.jpg") center center no-repeat; background-size: cover; height: 480px; align-items: center;} .new_course_list .new_course_tit{background-color: #ccc; color: #fff; line-height: 1.2; padding: 8px 20px; margin-bottom: 25px; font-weight: bold; font-size: 20px; letter-spacing: 3px;} .new_course_list .new_course_list_txt{text-align: center; font-size: 18px;} .new_course_list .new_course_list_box{margin-bottom: 40px;} .new_course_list .new_course_list_box:last-child{margin-bottom: 0;} .new_course_list .new_course_list_img > li{text-align: center;} .new_course_list .new_course_list_img > li p > img{height: 300px; border: 1px solid #ddd;} .new_course_download dl{margin-bottom: 35px;} .new_course_download dl dt{background-color: #ccc; color: #fff; display: block; padding: 4px 20px; font-weight: bold; font-size: 18px; margin-bottom: 15px;} .new_course_download dl.newrays_index dt, .new_course_list .newrays_index .new_course_tit{ background-color: #E3530B;} .new_course_download dl.besmart_index dt, .new_course_list .besmart_index .new_course_tit{ background-color: #0076A9;} .new_course_download dl.beclear_index dt, .new_course_list .beclear_index .new_course_tit{ background-color: #48A536;} .new_course_download dl.harmony_index dt, .new_course_list .harmony_index .new_course_tit{ background-color: #D3A002;} @media screen and (max-width:769px){ #new_course .new_course_main-img{height: 280px;} #new_course .new_course_list_box li{width: 100% !important; margin-right: 0 !important; margin-bottom: 10px;} #new_course .new_course_list_box li .layout-box2 > *{width: 100% !important;margin-right: 0 !important;} } /* ! course_navi ==================== */ /* common start */ .course_mainbox{flex-wrap: wrap;} .course_mainbox .course_main-img{width: 490px;} .course_mainbox .course_maintxt{width: 610px;} .course_mainbox .course_maintxt .course_main_tit{margin-bottom: 30px;} .course_mainbox .course_maintxt .course_main_tit span{display: inline-block; margin-top: 30px; font-size: 16px; font-weight: bold;} .course_navi .course_navi_box{background-color: #F8F8F8; padding: 30px 40px 20px 40px;} .main_tit_mark{padding: 10px; text-align: center; color: #fff; display: inline-block; margin-right: 5px; margin-bottom: 10px;} #data.course_navi .main-table td{padding-left: 10px;padding-right: 10px;} #message.course_navi .message_list{border: 1px solid #eee; padding: 25px 40px;} #message.course_navi .message_list li strong{font-weight: bold;} #message.course_navi .message_list .c-ttl3{ margin-top: 15px;} #table .table_list_main .mokuji_btn{margin-top: 20px;} #table .table_list_main .th01{width: 5%;} #table .table_list_main .th02{width: 50%;} #table .table_list_main .th02_1{width: 20%;} #table .table_list_main .th02_2{width: 30%;} #table .table_list_main .th03{width: 15%;} #table .table_list_main .th04{width: 20%;} #table .table_list_main .th05{width: 10%;} #table .table_list_main .w10p{width: 10%;} #table .table_list_main .main-table_table{display: none;} #features.course_navi dl.features_box {padding: 30px 40px; margin-bottom: 30px; align-items:flex-start;} #features.course_navi dl.features_box dt{ width: 120px; margin-right: 15px; text-align: center; font-family: 'Oswald', sans-serif; font-style: normal;font-weight:500; font-size: 60px;} #features.course_navi dl.features_box dd.course_features_detail{width: 825px; padding-right: 20px;} #features.course_navi dl.features_box dd.course_features_detail h3{ font-weight: bold; font-size: 20px;} .mark_waku{background: #e88000; color: #fff; padding: 3px 5px; line-height: 1.2;} /* common end */ /* textbook_sound -----------------------------------*/ .new_course_play .new_course_play_main{ background: #F8F8F8; padding: 0 50px 50px 50px;} .new_course_play .new_course_play_main .new_course_play_tit{text-align: center; margin-bottom: 40px; font-weight: bold;} .new_course_play .new_course_play_main .new_course_play_tit::before{ content:""; display:table; margin: 0 auto 30px auto; background-color: #E88000; width: 50px; height: 8px; } .new_course_play .new_course_play_main .new_course_play_box dt{ background-color: #E88000; padding: 15px 20px; color: #fff; margin-bottom: 30px; position: relative; cursor: pointer; transition: 0.5s; line-height: 1.4;} .new_course_play .new_course_play_main .new_course_play_box dt:hover{opacity: 0.5;} .new_course_play .new_course_play_main .new_course_play_box dt::after{content:"";position:absolute;top:50%;margin-top:-6px;right:15px;width:12px;height:12px; border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg); transition: 0.5s; z-index:0;} .new_course_play .new_course_play_main .new_course_play_box dt.active::after{transform:rotate(135deg); } .new_course_play .new_course_play_main .new_course_play_box dd{display: none; margin-bottom: 30px;} .new_course_play .new_course_play_main .new_course_play_box dd td{word-wrap: break-word;} .new_course_play .new_course_play_main .new_course_play_box dd td .new_course_btn::before{content: ""; display: inline-block; width: 20px; height: 20px; background: url("../images/new_course/play_btn.png") no-repeat center center;background-size: cover; vertical-align: middle; margin-right: 5px;} .new_course_play .new_course_play_main .new_course_play_box dd .new_course_btn img{width: 20px;} .new_course_play .new_course_play_main .new_course_play_btnlist li{margin-bottom: 15px;} .new_course_play .new_course_play_main .new_course_play_btnlist li:last-child{margin-bottom: 0;} /* new_course_detail common -----------------------------------*/ .new_course_detail .cont {margin-bottom: 60px;} .new_course_detail .cont_box{padding-left: 20px; padding-right: 20px;} .new_course_detail .link-btn.long{min-width: 450px !important;} .new_course_detail .link-btn, .new_course_detail .link-btn:hover, .new_course_detail .link-btn:visited{border-radius: 40px; padding-top: 12px; padding-bottom: 12px; text-align: center; font-weight: bold;border: none; min-width: 300px;} .new_course_detail .course_main_tit {margin-bottom: 35px; letter-spacing: 3px;} .new_course_detail .course_main_tit .course_main_no > *{display: inline-block; vertical-align: middle;} .new_course_detail .course_main_tit .course_main_no i{font-size: 1.8rem; font-weight: bold; font-style: normal; color: #999; margin-right: 15px;} .new_course_detail .course_main_tit .course_main_no::after{content: ""; display: inline-block; width: 250px; background-color: #BBBBBB; height: 1px;} .new_course_detail .course_main_tit .course_main_txt{display: block; font-size: 2.4rem; letter-spacing: 3px; font-weight: bold; border-bottom: 1px solid #ddd; padding-bottom: 10px;} .new_course_detail .course_sub_tit{border-left: 6px solid #999; color: #333; font-weight: bold; padding: 5px 0 5px 15px; line-height: 1.4;margin-bottom: 25px; font-size: 1.8rem;} .new_course_detail #main-vis{align-items: center;} .new_course_detail .main-vis_img{flex-basis: 560px; margin-right: 30px; text-align: center;} .new_course_detail .main-vis_main{flex: 1; align-self: center;} .new_course_detail .main-vis_main > *{margin-bottom: 25px;} .new_course_detail .main-vis_main > *:last-child{margin-bottom: 0;} .new_course_detail .main-vis_main .main_course_list li{background: #fff; padding: 8px 10px; line-height: 1.2; margin-bottom: 10px; font-weight: bold; display: inline-block;} .new_course_detail .main-vis_main .main_course_list li:last-child{margin: 0;} .new_course_detail .main-table, .new_course_detail .main-table th, .new_course_detail .main-table td{border: #E8E8E8 1px solid;} .new_course_detail .main-table th{width: auto;} .new_course_detail #course_data .main-table{background: #fff; border: #E8E8E8 1px solid; margin: 35px 0;} .new_course_detail #syllabus .syllabus_list > *{border: 3px solid #999; padding: 25px 40px; border-radius: 10px; margin-bottom: 30px; background: #fff;} .new_course_detail #syllabus .syllabus_list .syllabus_tit{text-align: center; color: #999; font-weight: bold;} .new_course_detail #syllabus .syllabus_list h4{background: #dddd; text-align: center; padding: 5px 10px; line-height: 1.4; border-radius: 5px; font-weight: bold; margin-bottom: 25px;} .new_course_detail #syllabus .syllabus_file_list li > p{display: inline-block; text-align: center; margin: 0 5px;} .new_course_detail #syllabus .syllabus_file_list li p span{display: block;} .new_course_detail #syllabus .syllabus_file_list li .syllabus_data{font-size: 1.2rem; padding-top: 15px;} .new_course_detail .youtube_box iframe{height: 320px; width: 100%;} .new_course_detail .student_list .student_img{flex-basis: 202px; margin-right: 25px;} .new_course_detail .student_list > *{display: flex; margin-bottom: 30px; justify-content: space-between; flex-wrap: wrap;} .new_course_detail .student_list .student_main{flex: 1;} .new_course_detail .student_list .student_main > *{margin-bottom: 8px;} .new_course_detail .student_list .student_main > *:last-child{margin-bottom: 0;} .new_course_detail .student_list .student_sub{ background: #fff; padding: 5px 8px; line-height: 1.2; display: inline-block; font-weight: bold;} .new_course_detail .student_list .student_btn > *{margin-bottom: 5px;} .new_course_detail .student_list .student_btn .link-btn{line-height: 1.2;} .new_course_detail .student_list .student_other{flex-basis: 100%; padding-top: 10px;} .new_course_detail .digital_list > *{background-color: #F3F3F3; padding: 35px 40px; display: flex; justify-content: space-between; align-items: center; } .new_course_detail .digital_list .digital_img{flex-basis: 145px; margin-right: 25px;} .new_course_detail .digital_list .digital_main{flex: 1;} .new_course_detail .digital_list .digital_main .digital_cat{background-color: rgba(196,196,196,1.00); color: #fff; text-align: center; padding: 8px 10px; margin-bottom: 15px; border-radius: 5px; font-weight: bold;} .new_course_detail .digital_list .digital_leader .digital_main .digital_cat{background-color: #0059B2;} .new_course_detail .digital_list .digital_study .digital_main .digital_cat{background-color: #006600;} /* course_navi */ .new_course_detail #course_navi{ padding:25px 10px 15px 10px; border-radius: 5px; background-color: #ddd;} .new_course_detail #course_navi #course_navi_list li a{display: block; width: 100%; border-radius: 5px; font-size: 1.6rem; text-align: center; font-weight: bold; padding-top: 15px; padding-bottom: 15px; letter-spacing: 3px; background-color: #fff;border: none;} @media only screen and (max-width :767px) { .new_course_detail .main-vis_img{margin-right: 0px; margin-bottom: 20px;} } @media only screen and (max-width :415px) { .new_course_detail .link-btn.long{min-width:100% !important; line-height: 1.2;} .new_course_detail .link-btn, .new_course_detail .link-btn:hover, .new_course_detail .link-btn:visited{min-width: inherit; margin-bottom: 0;} .new_course_detail .course_main_tit .course_main_txt{font-size: 2.0rem; letter-spacing: 1px;} .new_course_detail .main-vis_main h2.txt26{font-size: 2.0rem !important;} .new_course_detail .main-vis_main .main_course_list li{border: 1px solid #E8E8E8;} } /* new_rays -----------------------------------*/ #new_rays{background: url("../images/new_course/newrays/main_bg.jpg") no-repeat top center; background-size: contain; padding-top: 60px; border: 10px solid #E88000;} #new_rays.new_course_detail #course_navi{background-color: #AF1F24;} #new_rays.new_course_detail #course_navi #course_navi_list li a{color:#AF1F24;} #new_rays.new_course_detail #course_navi #course_navi_list li a::after{border-color: #AF1F24;} #new_rays.new_course_detail #syllabus .syllabus_list > *, #new_rays.new_course_detail .course_sub_tit{border-color: #E88000;} #new_rays.new_course_detail #syllabus .syllabus_list .syllabus_tit, #new_rays.new_course_detail .course_sub_tit, #new_rays.new_course_detail .course_main_tit .course_main_no i{color: #E88000;} #new_rays.new_course_detail .link-btn{background-color: #E88000;} #new_rays.new_course_detail .box_bg{background-color: #FFF4EA; } #new_rays.new_course_detail #syllabus .syllabus_list h4{background-color: #FFE9D2;} #new_rays.new_course_detail .youtube_box iframe{height: 350px; margin: 0 auto 15px auto;} #new_rays.new_course_detail #student, #new_rays.new_course_detail #message{border-radius: 10px;} #new_rays.new_course_detail #feature .youtube_box{width: 900px; margin: 0 auto;} .line_bg{background: url("../images/new_course/line_bg.jpg") repeat;} @media only screen and (max-width :768px) { .new_course_detail #syllabus .syllabus_list > *{padding: 15px 20px;} .new_course_detail .student_list > *{display: block;} .new_course_detail .student_list .student_img{margin-bottom: 15px; margin-right: 0; text-align: center;} .new_course_detail .digital_list > *{display: block;} .new_course_detail .digital_list .digital_img{text-align: center; margin-right: 0; margin-bottom: 15px;} #new_rays.new_course_detail #feature .youtube_box{width: auto;} #new_rays.new_course_detail .youtube_box iframe{height: 250px} } /* be -----------------------------------*/ #be{background: url("../images/new_course/be/main_bg.jpg") no-repeat top center; background-size: contain; padding-top: 60px; border: 10px solid #0076A9;} #be.new_course_detail #course_navi{background-color: #069F3F;} #be.new_course_detail #course_navi #course_navi_list li a{color:#069F3F;} #be.new_course_detail #course_navi #course_navi_list li a::after{border-color: #069F3F;} #be.new_course_detail #syllabus .syllabus_list > *, #be.new_course_detail .course_sub_tit{border-color: #0076A9;} #be.new_course_detail #syllabus .syllabus_list .syllabus_tit, #be.new_course_detail .course_sub_tit, #be.new_course_detail .course_main_tit .course_main_no i{color: #333;} #be.new_course_detail .link-btn{background-color: #0076A9; color: #fff;} #be.new_course_detail .box_bg{background-color: #E6F9FF; } #be.new_course_detail #syllabus .syllabus_list h4{background-color: #E6F9FF;} #be.new_course_detail .syllabus_btn_clear{background-color: #1A9749 !important;} #be.new_course_detail .cler_bg{background-color: #1A9749 !important;} #be.new_course_detail .syllabus_tit_clear{background-color: #E6FFF0 !important;} #be.new_course_detail .smart_color{color: #0076A9 !important;} #be.new_course_detail .clear_color{color: #1A9749 !important;} /* harmony -----------------------------------*/ #harmony{background: url("../images/new_course/harmony/harmony_bg.jpg") no-repeat top center; background-size: contain; padding-top: 60px; border: 10px solid #F0B31C;} #harmony.new_course_detail #course_navi{background-color: #F2511B;} #harmony.new_course_detail #course_navi #course_navi_list li a{color:#F2511B;} #harmony.new_course_detail #course_navi #course_navi_list li a::after{border-color: #F2511B;} #harmony.new_course_detail #syllabus .syllabus_list > *, #harmony.new_course_detail .course_sub_tit{border-color: #F0B31C;} #harmony.new_course_detail #syllabus .syllabus_list .syllabus_tit, #harmony.new_course_detail .course_sub_tit, #harmony.new_course_detail .course_main_tit .course_main_no i{color: #F0B31C;} #harmony.new_course_detail .link-btn{background-color: #F0B31C;} #harmony.new_course_detail .box_bg{background-color: #FEF8E8; } #harmony.new_course_detail #syllabus .syllabus_list h4{background-color: #FEF8E8;} /* digital_textbook -----------------------------------*/ #digital_textbook .new_course_main-img{background: url("../images/new_course/digital_textbook/main_bg.jpg") center center no-repeat; background-size: cover; height: 315px; align-items: center; margin-bottom: 40px; display: flex; align-content: center;} #digital_textbook.new_course_detail #course_navi{background-color: #00468C;} #digital_textbook.new_course_detail #course_navi #course_navi_list li a{color:#00468C;} #digital_textbook.new_course_detail #course_navi #course_navi_list li a::after{border-color: #00468C;} #digital_textbook.new_course_detail .course_sub_tit{border-color: #238DDC;} #digital_textbook.new_course_detail .course_sub_tit, #digital_textbook.new_course_detail .course_main_tit .course_main_no i{color: #238DDC;} #digital_textbook.new_course_detail .link-btn{background-color: #238DDC;} #digital_textbook.new_course_detail .box1_list dt{font-size: 1.5rem; font-weight: bold;margin-bottom: 10px;} #digital_textbook.new_course_detail .box1_list dd{margin-bottom: 25px;} #digital_textbook .box1_list{padding-left: 30px;} @media only screen and (max-width :767px) { /* common start */ .new_course_detail #student .layout-box2 > *, .new_course_detail #guidance .layout-box2 > *, .new_course_detail #message .layout-box2 > *{width: 100% !important; margin-right: 0%!important;} .new_course_detail .course_mainbox .course_maintxt, .new_course_detail .course_mainbox .course_main-img{width: 100% !important;} .new_course_detail .course_mainbox .course_main-img img{width: 50%; height: auto; margin:0 auto 20px auto; display: block; text-align: center;} .new_course_detail .course_mainbox .course_maintxt .course_main_tit img{width: 70%; height: auto; margin:0 auto 20px auto; display: block; text-align: center;} .new_course_detail .course_mainbox .course_maintxt .txt30 { font-size: 2.0rem;} .new_course_detail #message iframe{width: 100%;} .new_course_detail .course_navi{ margin-left: 0 !important; margin-right: 0 !important;} .new_course_detail .course_navi .course_navi_box{padding: 15px 15px 10px 15px;} /* common end */ #new_rays {padding-top: 20px;} #message.course_navi .message_list{padding: 15px 20px !important;} #message.course_navi .message_list li{width: 100%; box-sizing: border-box; margin-right: 0 !important;} #features.course_navi dl.features_box{padding: 15px 20px !important; margin-bottom: 15px;} #features.course_navi dl.features_box dt, #features.course_navi dl.features_box dd.course_features_detail{width:auto; padding-right: 0;} #features.course_navi dl.features_box dd.course_features_img{text-align: center; padding-top: 10px;} .new_course_play .new_course_play_main{ background: #F8F8F8; padding: 0 15px 15px 15px;} .new_course_play .new_course_play_main .new_course_play_box dt{font-size: 1.8rem !important;} #digital_textbook .new_course_main-img{ text-align: center; justify-content: center; flex-wrap: wrap;} #digital_textbook .new_course_main-img #new_course_main_title{margin-bottom: 15px;} } /* ! e-onigiri_englishword ================================================ */ #contents.col2.e-onigiri_englishword_main, #contents.col2.support_main{padding: 0 !important; max-width: inherit !important; margin-top: 0 !important; display: block !important;} #contents.col2.e-onigiri_englishword_main #main2, #contents.col2.support_main #main2{width: auto;} #contents.col2.e-onigiri_englishword_main .base_section, #contents.col2.support_main .base_section {padding:0 !important;} .e-onigiri_englishword_main .link-btn{background-color: #fff !important; border-radius: 4px; min-width: 600px; padding:20px 30px !important; text-align: center; font-size: 24px; font-weight: bold; color: #00B8AC !important; border: none !important;} .e-onigiri_englishword_main .link-btn::after{border-color: #00B8AC !important;} .onigiri_main-img {background-color: #02B9AD; text-align: center;padding: 35px 3%;} .e-onigiri_main_tit {font-style: italic; margin-bottom: 40px;} .e-onigiri_main_tit > *{display: block;text-align: center; letter-spacing: 3px;} .e-onigiri_main_tit .e-onigiri_main_no{font-size: 14px; font-weight: bold;} .e-onigiri_main_tit .e-onigiri_main_txt{font-size: 35px; font-weight: bold; color: #01B8AC;} .e-onigiri_main_tit .e-onigiri_main_txt i{ border-bottom: 1px solid #01B8AC; padding-bottom: 8px;} .e-onigiri_englishword_main .cta_box{background-color: #02B9AD; color: #fff; text-align: center; padding: 40px 3%; margin-bottom: 40px;} .e-onigiri_englishword_main .cta_box dl dt{font-weight: bold;} .e-onigiri_englishword_main .blue{color: #00B8AC;} .e-onigiri_englishword_main .box2_blue{background-color: #F0FBFA; border-radius: 3px;} .onigiri_main-img .onigiri_main_box{ background: url("../images/e-onigiri_englishword/line_bg.png") repeat; padding: 35px 3% 25px 3%;} .onigiri_main-img .onigiri_main_box #onigiri_header_title{font-size: 62px; margin-bottom: 15px; font-weight: bold; color: #fff;} .onigiri_main-img .onigiri_main_box .onigiri_main-cala{margin-bottom: 10px;} .onigiri_main-img .onigiri_main_box .onigiri_sub{background-color: #FF0000; padding: 5px 15px; margin: 0 0% 25px 0%; text-align: center; font-size: 29px; color: #FFFF00; font-weight: bold;} .onigiri_main-img .onigiri_main_box .main-vis_point_list{margin-bottom: 30px;} .onigiri_main-img .onigiri_main_box .main-vis_point_list li{background-color: #FFFFFF; padding: 15px 10px; text-align: center; line-height: 1.2; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .e-onigiri_englishword_main #box1{background: url("../images/e-onigiri_englishword/box1_bg.jpg") bottom center no-repeat;background-size: cover;} .e-onigiri_englishword_main #box1 .cont dl{position: relative;} .e-onigiri_englishword_main #box1 .cont dl > dt{margin-bottom: 45px;} .e-onigiri_englishword_main #box1 .cont dl dd.box1_other > *{position: absolute; bottom: 50px;} .e-onigiri_englishword_main #box1 .cont dl dd.box1_other > *.box1_other1{left: calc(50vw - 600px - 60px);} .e-onigiri_englishword_main #box1 .cont dl dd.box1_other > *.box1_other2{right: calc(50vw - 600px - 60px);} .e-onigiri_englishword_main #box1 .box1_result{background-color: #02B9AD; color: #fff; text-align: center; padding: 40px 5%; border-radius: 5px; font-weight: bold; font-size: 20px;} .e-onigiri_englishword_main #box1 .box1_result dt{width: 300px; margin: 0 auto 15px auto; display: table; line-height: 1.4; padding: 5px 10px; border-radius: 3px; background-color: #fff; color: #02B9AD;} .e-onigiri_englishword_main #box1 .box1_result dd{margin-bottom: 30px;} .e-onigiri_englishword_main #box1 .box1_result dd:last-child{margin-bottom: 0;} .e-onigiri_englishword_main #box1 .box1_result dd .yellow{color: rgba(255,253,0,1.00);} .e-onigiri_englishword_main #box2 .box2_main .box2_box{margin:0 3% 40px 3%; background-color: #F0FBFA; border-radius: 3px; padding: 40px 3%; text-align: center;} .e-onigiri_englishword_main #box2 .box2_main .box2_box:nth-child(2n){background-color: #fff;} .e-onigiri_englishword_main #box2 .box2_tit{margin-bottom: 40px;} .e-onigiri_englishword_main #box2 .box2_tit > *{display: block; text-align: center; font-weight: bold;} .e-onigiri_englishword_main #box2 .box2_tit > .box2_tit_img{margin-bottom: 10px;} .e-onigiri_englishword_main #box2 #box2_01 ul{justify-content: center;} .e-onigiri_englishword_main #box2 #box2_01 li{background-color: #02B9AD; color: #fff; padding: 5px 10px; font-weight: bold; font-size: 18px; line-height: 1.2; border-radius: 4px; } .e-onigiri_englishword_main #box2 #box2_01 li:last-child{margin-right: 0 !important;} .e-onigiri_englishword_main #box2 #box2_02 .box2_02_otherbox{background-color: #F6F6F6; text-align: center; padding: 20px 3%; border-radius: 3px;} .e-onigiri_englishword_main #box2 #box2_03 .box2_03_box_test{display: flex; justify-content: center; align-items:center;} .e-onigiri_englishword_main #box2 #box2_04 {padding-left: 0; padding-right: 0;} .e-onigiri_englishword_main #box2 #box2_04 .box02_04_tit_ico{font-size: 20px; font-weight: bold; background-color: #00B8AC; color: #fff; text-align: center; padding: 5px 10px; margin-bottom: 15px; width: 300px; border-radius: 3px; display: table; margin: 0 auto 15px auto;} .e-onigiri_englishword_main #box2 #box2_04 .box02_04_tit_txt{font-weight: bold; font-size: 20px; color: #00B8AC;} .e-onigiri_englishword_main #box2 #box2_03 .box2_03_box, .e-onigiri_englishword_main #box2 #box2_04 .box2_04_box{background-color: #fff; padding: 20px 3%; margin-bottom: 35px; border-radius: 3px;} .e-onigiri_englishword_main #box2 #box2_03 .box2_03_box:last-child, .e-onigiri_englishword_main #box2 #box2_04 .box2_04_box:last-child{margin-bottom: 0;} .e-onigiri_englishword_main #box3 .box3_box{text-align: center; margin-bottom: 35px;} .e-onigiri_englishword_main #box3 .box3_box_sub{border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 25px; text-align: center;} .e-onigiri_englishword_main .main-vis_bammer{display: flex; justify-content: center; margin-bottom: 20px;} .e-onigiri_englishword_main .main-vis_bammer > *{display: inline-block; margin: 0 20px;} .e-onigiri_englishword_main .main-vis_bammer > * .qa_img{background-color: #fff; padding: 8px; margin-top: 10px;} @media only screen and (max-width :767px) { .onigiri_main-img .onigiri_main_box{margin-left: 0; margin-right: 0;} .e-onigiri_englishword_main #box1 .cont dl dd.box1_other{display: none;} } @media only screen and (max-width :450px) { .base_section #e-onigiri_englishword .link-btn{min-width: inherit !important; width: 100% !important; font-size: 16px !important;} .base_section #e-onigiri_englishword .box{margin-left: 0; margin-right: 0;} .e-onigiri_main_tit .e-onigiri_main_txt{font-size: 23px; line-height: 2.0;} .base_section #support, .base_section #e-onigiri_englishword, #contents.col2.e-onigiri_englishword_main .base_section, #contents.col2.support_main .base_section{margin-left: 0 !important; margin-right: 0 !important;} .base_section #support, .onigiri_main_box #onigiri_header_title, .onigiri_main-img .onigiri_main_box #onigiri_header_title{font-size: 28px !important;} .onigiri_main-img .onigiri_main_box .onigiri_sub{font-size: 20px !important;} .onigiri_main-img .onigiri_main_box .main-vis_point_list li{font-size: 13px; padding: 10px 5px;} .e-onigiri_englishword_main #box1 .box1_result{font-size: 15px; padding: 25px 3%;} .e-onigiri_englishword_main #box1 .box1_result br{display: none;} .e-onigiri_englishword_main #box5 .section iframe{height: 250px} } /* textbook -----------------------------------------------------------------------------*/ /* commmon start */ #textbook {padding: 50px 0; letter-spacing: 0.15em;} #textbook a{text-decoration: underline;} #textbook .bg_glay{background-color: #F9F9F9;} #textbook .link-btn{background-color:rgb(151 151 151) !important; color: #fff; border-color: #ddd; width: auto; min-width: 230px; text-align: center; font-size: 1.8rem; font-weight: bold;line-height: 1.5; padding: 12px 25px 12px 15px; text-decoration: none; /*background: linear-gradient(180deg,rgba(255, 255, 255, 1) 1%, rgba(217, 217, 217, 1) 50%, rgba(255, 255, 255, 1) 100%);*/} #textbook .link-btn::after{border-color: #fff;} #textbook .link-btn.full{width: 100%;min-width:inherit;} #textbook .link-btn.ico_pdf::before{content: ""; display: inline-block; margin-right: 5px; vertical-align: middle; width: 25px; height: 26px; background: url("../images/textbook/common/ico_pdf.png") no-repeat center; background-size: contain;} #textbook .box_waku{background: #fff; padding: 40px 8%;} #textbook .box_waku img{border: 1px solid #ddd;} #textbook .tb_box,#textbook .tb_contents{margin-bottom: 50px;} #textbook .tb_box:last-child,#textbook .tb_contents:last-child{margin-bottom: 0;} #textbook #textbook_main{background: #fff; padding: 0 3% 0px 3%; margin-top: 120px;} #textbook #textbook_main > *{transform: translateY(-60px);} #textbook #textbook_main .cont_flex{justify-content: center;} #textbook #textbook_main .textbook_main_img{filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2)); padding:0 0 0 5%; text-align: center;} #textbook #textbook_navi{margin-bottom: 60px; border-bottom: 3px solid #ddd;} #textbook #textbook_navi .link-btn{width: 100%;} #textbook #textbook_navi li{margin-bottom: 0;} /*#textbook #textbook_navi li.active{opacity: 0.5;}*/ #textbook .tb_no_tit{margin-bottom: 40px;} #textbook .tb_no_tit .ico_no{position: relative; font-size: 1.6rem; color: #E94559; transform: translateX(-45px); display: block; font-weight: bold;} #textbook .tb_no_tit .ico_no::after{content: ""; display: block; width: 40px; height: 1px; background-color: #ccc; transform: rotate(-45deg); position: absolute; top: 80%; left: 20px;} #textbook .tb_no_tit .tb_no_ja{font-size: 3.2rem; font-weight: bold; letter-spacing: 0.2em;} #textbook .ico_features{padding: 3px 10px; line-height: 1; display: inline-block;} #textbook .textbook02_list ul.textbook02_list_box > li{background-color: #fff; padding: 15px 25px; font-weight: bold; text-align: center;} #textbook .textbook02_list .textbook02_list_tit{font-weight: bold; background: #eee; padding: 8px 5px; line-height: 1.5; margin-bottom: 10px;} #textbook .textbook02_list .textbook02_list_ico{display: flex; justify-content: center;} #textbook .textbook02_list .textbook02_list_ico > *{margin: 0 10px 3px 10px;} #textbook .textbook03_list .link-btn{width: 100%;} #textbook .textbook03_list .features_btn{margin-bottom: 25px;} #textbook .textbook_no{margin-bottom: 35px;} #textbook .textbook_no > span{background-color: #eee; padding: 3px 5px; margin: 0 3px 3px 0; line-height: 1;} #textbook .textbook_no > span:only-child{margin-right: 0;} #textbook #features_book > li{background-color: #fff; padding: 15px 20px; margin-bottom: 20px;} #textbook #features_book > li:last-child{margin-bottom: 0;} /*#textbook #features_book > li .img_right{width: 200px;}*/ #textbook #features_book .features_book_tit{ font-weight: bold;} #textbook.textbook2026 .features_btn{margin-bottom: 15px;} #textbook.textbook2026 .features_btn .link-btn{width: 100%;} #textbook .textbook_main_tit{text-align: center; margin-bottom: 40px; position: relative; padding-top: 40px;} #textbook .textbook_main_tit::before, #textbook .textbook_main_tit::after{content: ""; display: inline-block; position: absolute; top: 0; width: 22px; height: 4px; left: 50%;} #textbook .textbook_main_tit::before{background-color: #FF8000; transform: translateX(calc(-50% - 1px));} #textbook .textbook_main_tit::after{background-color: #006DD9; transform: translateX(50%);} #textbook .textbook_main_tit > span{display: block; text-align: center; font-weight: bold; line-height: 1.4;} #textbook .textbook_main_tit .tb_main_tit_ja{font-size: 2.5rem;} #textbook .textbook_main_tit .tb_main_tit_en{font-size: 1.6rem; color: #AAAAAA;} #textbook .tb_block_tit{background-color: #FFDFBF; font-size: 2.0rem; line-height: 1.2; padding: 8px 18px; margin-bottom: 25px; font-weight: bold;} /*#textbook .tb_sec_tit{font-size: 2.5rem;line-height: 1.3; font-weight: bold; letter-spacing: 2px; margin-bottom: 30px; } #textbook .tb_sec_tit::before{content: ""; display:table; width:37px; height: 1px; background-color: #aaa; margin-bottom: 35px;}*/ #textbook .tb_sec_tit{padding: 8px 15px; margin-bottom: 20px; font-size: 2.2rem; font-weight: bold; border-bottom: 4px solid #666;} #textbook .tb_sub_tit{font-size: 1.6rem;line-height: 1.3; font-weight: bold; letter-spacing: 2px; margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 5px;} #textbook .tb_book_list{display: flex; justify-content: space-between;} #textbook .tb_book_list > *{padding: 8px; background-color: rgba(221,221,221,1.00); margin:0 2% 2% 0;} #textbook .tb_book_list > *:last-child{margin-right: 0;} #textbook .tb_book_list > .tb_list_en{background-color: #FDF0F2; flex: 1;} #textbook .tb_book_list > .tb_list_logic_ex{background-color: #E8FAFF; flex: 3;} #textbook .tb_book_list > .tb_list_en dt{background-color: #E94559;} #textbook .tb_book_list > .tb_list_logic_ex dt{ background-color: #006DD9;} #textbook .tb_book_list dl dt{background: rgba(111,111,111,1.00); text-align: center; color: #fff; padding: 7px 5px; margin-bottom: 20px; font-weight: bold;} #textbook .tb_book_list .tb_book_img{position: relative; display: inline-block; margin-bottom: 10px;} #textbook .tb_book_list .tb_book_img::before{content: ""; display: block; width: 37px; height: 37px; background: url("../images/textbook/common/ico_new.png") no-repeat center; background-size: contain; position: absolute; top: -13px; left: -18px; z-index: 1;} #textbook .bd_box{background-color: #F9F9F9; padding: 25px 35px;} #textbook .tb_list_white > *{background-color: #fff; padding: 10px 8px;} #textbook.textbook2026 .newrays_features_list > *{margin-bottom: 30px; background: #fff; border: 3px solid #ddd; padding: 25px 8%; display: flex; justify-content: space-between; align-items: center;} #textbook.textbook2026 .newrays_features_list > *:last-child{margin-bottom: 0;} #textbook.textbook2026 .newrays_features_list .newrays_features_list_tit{flex-basis: 350px;} #textbook.textbook2026 .newrays_features_list .newrays_features_list_read{flex: 1;} #textbook.textbook2026 .textbook_tab_box .tb_contents {display: none;} #textbook.textbook2026 .tb_tab_list li.active .link_btn{background-color: #fff; color: #333} #textbook.textbook2026 .textbook_tab_box .tb_contents.active{display: block;} /* commmon end */ @media screen and (max-width:769px){ #textbook .youtube_box iframe{width: 100%; height: 220px;} .tb_book_list{display: block;} #textbook.textbook2026 .newrays_features_list > *{display: block;} #textbook .tb_book_list{display: block;} #textbook #textbook_main{padding: 0 8%; margin-top: 60px;} #textbook #textbook_main .textbook_main_img{margin: 20px auto 0 auto; padding: 0;} } /* textbook2026 ================================================ */ #textbook.textbook2026.index .linenap_english_pdf{padding: 15px 8%; color: #fff; width: 100% !important; min-width: inherit !important; align-items: center; border: 1px solid #ddd;} #textbook.textbook2026.index .linenap_english_pdf a{color: #fff; text-decoration: none;} #textbook.textbook2026.index .linenap_english_pdf img{border: none; width: 60px;} #textbook.textbook2026.index .linenap_english_pdf .le_pdf_tit {display: flex; justify-content: center; align-items: center; font-weight: bold;} #textbook.textbook2026.index .linenap_english_pdf .le_pdf_tit > .le_pdf_ico{margin-right: 10px;} #textbook.textbook2026.index .linenap_english_pdf .le_pdf_txt{flex: .9; font-weight: normal; font-size: 1.4rem;} /* newrays */ #textbook.textbook2026.newrays {background-color: #FFEDED;} #textbook.textbook2026.newrays .newrays_main_info .ico_features, #textbook.textbook2026.newrays .newrays_features_list .ico_features{margin-bottom: 8px; display: inline-block; font-size: 1.8rem;} #textbook.textbook2026.newrays .ico_features{background-color: #E94559; color: #fff;} #textbook.textbook2026.newrays .newrays_main_info > *{margin-bottom: 20px;} #textbook.textbook2026.newrays .newrays_features_list > *{border-color: #E94559;} #textbook.textbook2026.newrays .link-btn{background-color: #E94559 !important; color: #fff;} #textbook.textbook2026.newrays .features_btn .link-btn{background-color: #E94559 !important; color: #fff;} #textbook.textbook2026.newrays .tb_tab_list li.active .link_btn{background-color: #fff; color: #E94559} #textbook.textbook2026.newrays #textbook_navi .active .link-btn{background-color: #af2d3c !important;} /* be */ #textbook.textbook2026.be {background-color: #E8FAFF;} #textbook.textbook2026.be .main_table2 th{vertical-align: middle;background-color: #878787; color: #fff;} #textbook.textbook2026.be .ico_smart{background-color: #006FBC !important; color: #fff;} #textbook.textbook2026.be .ico_clear{background-color: #009842 !important; color: #fff;} #textbook.textbook2026.be .ico_features{background-color: #00698C !important; color: #fff;} #textbook.textbook2026.be .textbook_no i img{height: 18px; margin-right: 8px; vertical-align:bottom;} #textbook.textbook2026.be .btn_list{text-align: center;} #textbook.textbook2026.be .waku_box_wrp > *{background-color: #fff; border: 3px solid #ddd; padding: 25px 8%;} #textbook.textbook2026.be .waku_box{border: 1px solid #DDDDDD; background-color: #fff; padding: 25px 8%;} #textbook.textbook2026.be #textbook_navi .link-btn{background-color: #006fbc !important;} #textbook.textbook2026.be #textbook_navi .active .link-btn{background-color: #064877 !important;} #textbook.textbook2026.be .textbook02_list .textbook02_list_box.bg_smart .textbook02_list_tit{background-color: #006FBC !important; color: #fff;} #textbook.textbook2026.be .textbook02_list .textbook02_list_box.bg_clear .textbook02_list_tit{background-color: #009842 !important; color: #fff;} #textbook.textbook2026.be .newrays_features_list > *{border-color: #009842;} /* harmony */ #textbook.textbook2026.harmony {background-color: #FFF9E6;} #textbook.textbook2026.harmony .link-btn{background-color: rgb(251 189 10) !important; color: #fff;} #textbook.textbook2026.harmony #textbook_navi .active .link-btn{background-color: rgb(232 144 8) !important;} #textbook.textbook2026.harmony .ico_features{background-color: rgb(251 189 10); color: #fff;} #textbook.textbook2026.harmony .newrays_features_list > *{border-color: rgb(251 189 10); } /* digital */ #textbook.textbook2026.digital #textbook_digital_main{background-color: #326496; color: #fff; align-items: center; padding: 35px 3%; text-align: center; font-size: 2.5rem; font-weight: bold; justify-content: space-around;} /* ppt */ #textbook.textbook2026.ppt .tb_ppt_box li a {display: grid; /*grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr);*/ grid-column-gap: 0px; grid-row-gap: 0px; text-align: left; place-content: center;} #textbook.textbook2026.ppt .tb_ppt_box li a::before { grid-area: 1 / 1 / 3 / 2; width: 65px; height: 65px; background-image: url(../images/textbook/common/ico_ppt.png);} #textbook.textbook2026.ppt .tb_ppt_box li a > span{ grid-area: 2 / 2 / 2 / 3; width: 100%;white-space: nowrap;} #textbook.textbook2026.ppt .tb_ppt_box li a > strong{ grid-area: 1 / 2 / 3 / 3; width: 100%; font-size: 1.6rem; } @media screen and (max-width:769px){ #textbook.textbook2026.ppt .tb_ppt_box li a > span{white-space:normal;} #textbook.textbook2026.ppt .tb_ppt_box li a::before{display: table; margin: 0 auto 5px auto;} #textbook.textbook2026.ppt .tb_ppt_box li a{display: block !important; text-align: center;} #textbook.textbook2026.ppt .tb_ppt_box li a > *{display: block;} } /* data */ #textbook.textbook2026.data .data_list_box > *{padding: 25px 35px;} #textbook.textbook2026.data .data_list_box > *.newrays{background-color: #FFEAEA;} #textbook.textbook2026.data .data_list_box > *.harmony{background-color: #FEF3D7;} #textbook.textbook2026.data .data_list_box > *.be_clear{background-color: #F4FBF1;} #textbook.textbook2026.data .data_list_box > *.be_smart{background-color: #ECF7FC;}