/*/*sectionInnersectionInnersectionInnersectionInner*/*/@charset "utf-8"; /* CSS Document */ /*---------------------------------------------------------------------------- *** Container ----------------------------------------------------------------------------*/ body {} #wrap {} /*---------------------------------------------------------------------------- *** Header ----------------------------------------------------------------------------*/ #headerArea {} #headerAreaInner {} #headerAreaInner .moushikomiBtn{display: block; text-align: center; border-radius: 5px; background-color: #242b5e; color: #fff; box-sizing: border-box;width: 49%; font-size: 100%; padding: 2px 0 5px 0;} #headerAreaInner .moushikomiBtn a{padding: 2% 2em 2% 1em;} /*---------------------------------------------------------------------------- *** contentsArea ----------------------------------------------------------------------------*/ #mainViewArea {background-image: url(../images/schedule/bgi_contents01.jpg);background-repeat: no-repeat;background-size: cover;height:250px; max-width: 1200px;} #mainViewAreaInner {padding: 5em;} /*---------------------------------------------------------------------------- *** mainsection ----------------------------------------------------------------------------*/ #mainSection {font-size: 16px;} #mainSectionInner {margin:0 auto; max-width: 1200px;} /*2021年7月6日ここから*/ #mainSection .startSec p {text-align: center;color: #1f345f;} #mainSection .startSec.sctionInner {font-size: 1.8em;text-align: center;font-weight: 600;padding: 1.2em;border-top: 4px solid #6f95e2;margin-bottom:3.6em;border-bottom: 4px solid #6f95e2;} /* #mainSection .detail p {color: red; font-weight: 600;font-size: 1.em;} */ #mainSection .sctionInner {padding: 3% 5%;} /*2021年7月6日ここまで*/ /*---------------------------------------------------------------------------- *** searchSec ----------------------------------------------------------------------------*/ button{cursor:pointer;} #searchSec {} #searchSecInner {margin:0 auto;} #searchSec > .sectionInner {max-width: 760px;margin: 0 auto;padding: 30px 0 55px;text-align: center;} #searchFlex:first-of-type{float:left;} #searchFlex.floatL{margin-right:20px;} #searchSec .sectionTtl {text-align: center; margin:50px 0;} #searchSec .searchUl {} #searchSec .searchUl .searchTtl {position: relative;line-height:40px;font-size:160%;color:#242b5e;padding: 0 0 1em 2em;} #searchSec .searchUl .txt {padding: 0 0 0 3.3em;font-size:16px;} #searchSecInner p{/* clear:both; */} select#select_course, select#select_area {background-color:#f2f7f9; padding:5px 10px; color:#1b1464; width:200px; height:65px;border-style: none;cursor:pointer;} select#select_area{margin-right:60px;} /*2021年11月11日ここから*/ #searchBtn {padding:10px 5px;background: #242b5e;color:#f8faff;border-style: none;margin: 0 0 3em 0;} /*2021年11月11日ここまで*/ #searchBtn:after{content:''; background-image:url(../images/schedule/img_contents02.png);display:inline-block;width:50%;height:50%;} #searchBtn {padding: 10px 53px;background: #242b5e;color: #f8faff;font-size: 1.4em;width: 210px;height: 60px;} #searchBtn:after {content: '';background-image: url(../images/schedule/img_contents02.png);display: inline-block;width: 27px;height: 25px;position: relative;background-repeat: no-repeat;top: 6px;left: 12px;background-size: contain;} .searchFlex {margin: 65px 0;} .selectTtl{background-color:#8cd9f3;padding:5px 10px;color:#1b1464;width:130px;height:55px;float: left;font-weight: bold;font-size:1.2em;text-align: center;line-height: 55px;} p.clearBp {clear: both;text-align: center;} .areaFloat {float: left;} /*---------------------------------------------------------------------------- *** courseSec ----------------------------------------------------------------------------*/ /*-----ラジオボタンを全て消す-----*/ #courseSec input[name="tabItem"], #courseSec input[name="season"] { display: none;} /*-----タブのスタイル-----*/ #courseSec .tabItem .btn_level600, #courseSec .tabItem .btn_level700, #courseSec .tabItem .btn_level800{display: inline-block; width: 29%; text-align: center;box-sizing: border-box; margin-bottom: 2em; padding: 0.5em 0; border-radius: 5px;} #courseSec .tabItem .btn_level600{margin-right:5%; margin-left:16%; border: 1px solid #4e77a8; color: #4e77a8; font-weight: bold;} #courseSec .tabItem .btn_level700{border: 1px solid #e8a200; color: #e8a200; font-weight: bold;} #courseSec .tabItem .btn_level800{margin-left:5%; border: 1px solid #c1475e; color: #c1475e; font-weight: bold;} /*-----hover時のタブのスタイルを変える-----*/ #courseSec .tabItem:hover{cursor: pointer;} #courseSec .tabItem.course600tab .btn_level600:hover{background-color: #a8bedd;} #courseSec .tabItem.course700tab .btn_level700:hover{background-color: #f8e0af;} #courseSec .tabItem.course800tab .btn_level800:hover{background-color: #ecc7d1;} /*-----選択されているタブのスタイルを変える-----*/ #courseSec #course600tab:checked ~ label.tabItem.course600tab .btn_level600 {background-color: #4e77a8;color: #fff; position: relative;} #courseSec #course600tab:checked ~ label.tabItem.course600tab .btn_level600:before {content: ""; width: 0;height: 0;border-style: solid;border-width: 10px 7px 0 7px;border-color: #4e77a8 transparent transparent transparent;display: block; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);} #courseSec #course700tab:checked ~ label.tabItem.course700tab .btn_level700 {background-color: #e8a200;color: #fff; position: relative;} #courseSec #course700tab:checked ~ label.tabItem.course700tab .btn_level700:before {content: ""; width: 0;height: 0;border-style: solid;border-width: 10px 7px 0 7px;border-color: #e8a200 transparent transparent transparent;display: block; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);} #courseSec #course800tab:checked ~ label.tabItem.course800tab .btn_level800 {background-color: #c1475e;color: #fff; position: relative;} #courseSec #course800tab:checked ~ label.tabItem.course800tab .btn_level800:before {content: ""; width: 0;height: 0;border-style: solid;border-width: 10px 7px 0 7px;border-color: #c1475e transparent transparent transparent;display: block; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%);} /*-----タブ切り替え_初期非表示-----*/ #courseSec .tabContent {display: none;opacity: 0;padding: 0;clear: both;overflow: hidden;width: 100%;} /*-----選択されているタブのコンテンツのみを表示-----*/ #courseSec #course600tab:checked ~ #content_course600, #courseSec #course700tab:checked ~ #content_course700, #courseSec #course800tab:checked ~ #content_course800 {display: block; opacity: 1;} #courseSec .leftBox, #courseSec .rightBox{width: 50%;} #courseSec .detail{padding-bottom: 5%; } /* #courseSec #course700 .detail, #courseSec #course800 .detail{display: block;} */ #courseSec .courseMoushikomiBtn{background: #f43f3f;width: 12em;text-align: center;margin: 1em auto 0;border-radius: 2em;color: #fff;font-weight: bold;vertical-align: middle;padding: 5px 0; font-size:20px;} #courseSec .courseMoushikomiBtn.longTxt{width: 15em;} #courseSec .courseMoushikomiBtn a{color: #fff;} /*---------------------------------------------------------------------------- *** moushikomiSec ----------------------------------------------------------------------------*/ div.moushikomiBtnBoxInner{max-width:210px; margin:0 auto; margin:60px auto;} div.moushikomiSecInner { max-width: 760px;margin: 0 auto;} .moushikomiBtnBoxInner .colorG{color:#567c03; font-weight:900;} .ttlBox .ttl-h3, .ttlBox .ttl-h32 {font-size: 250%;line-height: 0.2;position: relative; margin: 0 0 1em;font-feature-settings: normal;color: #1b1464;} .ttlBox .ttl-h3:before {content:'';background-image: url(../images/schedule/bgi_border.png);background-repeat: repeat-x; display: block;width: 100%;height: 12px;position: absolute;bottom: 1em; left: 0;right: 0;z-index: -1;} .ttlBox .ttl-h32:before {content:'';background-image: url(../images/schedule/bgi_border.png);background-repeat: repeat-x; display: block;width: 100%;height: 4px;position: absolute;bottom: 0; left: 0;right: 0;z-index: -1;} .tac {text-align: center;} .arrow-bottom {display: inline-block;width: 18px;height: 18px;margin: 0 90px;border-bottom: 4px solid #a5c174;border-right: 4px solid #a5c174;transform: rotate(45deg);} .scheduleTtl{padding: 1em 0 0; color: #242b5e;} .scheduleUl .tbl_ttl{background-color:#8cd9f3;height:38px;border-top: solid 2px #8e8e8e;display: flex;justify-content: space-evenly;color: #1b1464;} .scheduleUl .colorGlay{background-color: #e8e8e8;height:38px;} .scheduleUl li{clear: both;height: 1.5em;padding: 5px 15px 5px 15px;margin-bottom: 5px;} .scheduleUl li:last-child {border-bottom: solid 2px #8e8e8e;} dt.tbl_ttlTxt:first-child {width: 155px;text-align: center;line-height: 38px;} dd.tbl_ttlTxt:nth-last-child(3) {width: 220px;text-align: center;line-height: 38px;} dd.tbl_ttlTxt:nth-last-child(2) {width: 155px;text-align: center;line-height: 38px;} dd.tbl_ttlTxt:last-child {width: 190px;text-align: center;line-height: 38px;} .tbl_ttlTxt{float:left; font-weight:900;} .sche_date{float:left;width: 37%;line-height: 38px;text-align: center;} .sche_time{float:left;width: 22%;line-height: 38px;text-align: center;} .sche_lesson{float:left;width: 40%;line-height: 38px;text-align: center;} .sche_yoyaku {float: left;text-align: center;background: #7d7d7d; border-radius: 30px;margin: 0 0;padding: 5px 20px;color: #ffffff;font-weight: bold; cursor:pointer;} .moushikomiSec .bgcWhite{max-width: 400px;background-color:#fff; display:flex; align-items:center;width:80%; margin:0 auto; justify-content: center;} .curriculumSec .bgcWhite{background-color:#fff;display:flex;align-items:center;width:60%;margin:0 auto;justify-content: center;max-width: 300px;} .h3Txt{display:block;width:60%;line-height:1.5; padding-right: 17px;} .h3Img{display:block;width:40%;} /*---------------------------------------------------------------------------- *** flowSec ----------------------------------------------------------------------------*/ div.curriculumSecInner {margin-top: 150px;} div#lessonFlowSecInner {width: 760px;margin: 0 auto;margin-top: 10%;} #lessonFlowSecInner li{list-style: none;border-bottom: solid 1px #cdcdcd;padding-bottom: 7px;} #lessonFlowSecInner li:last-child{list-style: none;border-style:none;} .lessonShosaiSec {clear: both;} .lessonContentsInner {background-color: #f2f7f9;background-image: url(../images/schedule/img_contents04.png);background-repeat: repeat-x;max-width: 760px;height: 100%;} .lessonContentsInner2{width:550px; margin:0 auto;padding: 80px 0;} .lessonContentsInner2 .pConte{font-size:1.2em;font-weight:bold; margin-left:0%;} .lessonContentsInner2 .shosaiBox p.pBold:before, .lessonContentsInner2 .shosaiBox p.pBold:after {content: '◆';color: #54adcc;} .lessonContentsInner2 .shosaiBox .pBold{font-weight:bold;} .lessonContentsInner2 .shosaiBox .margP{margin-left:9px;} .lessonContentsInner2 .shosaiBox{margin-bottom:3%;} .lessonContentsInner2 ul {display: flex;flex-wrap: wrap;justify-content: center;} .lessonContentsInner2 li {border-bottom: solid 1.9px #cdcdcd;line-height: 1.8em;padding-left: 9px; width:100%;} .content_course800 .lessonContentsInner2 li{line-height: 1.5; display: flex;justify-content: space-around;} .lessonContentsInner2 li:nth-child(2), #lessonFlowSecInner li:nth-child(2){clear: both;} .lessonContentsInner2 li:nth-child(3), #lessonFlowSecInner li:nth-child(3) {clear: both;} .flowTtl:before{content:''; background-image:url(../images/schedule/img_contents05.png);display:inline-block;width:36px;height:32px;background-size:contain; margin-right: 10px;} .leftBox1 {float: left;height: 90px;width: 100px;line-height: 90px;text-align: center;} dt.backColorb {text-align: center;line-height: 73px;height: 73px;width: 92px;background: #4e76a9; color:#fff;} h3.flowTtl {max-width: 760px;margin: 0 auto;border-bottom: solid 1.5px #cdcdcd;text-align: center;font-size: 1.8em;margin-bottom: 35px;} .ddTxt {font-size: 0.84em;line-height: 1.7em;width: 750px;} .course6Ttl {color: #54adcc;font-size: 1.6em;font-weight: 1000;font-family: "ヒラギノ角ゴ Std W8", "メイリオ", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";text-align:center; margin-bottom:6%;} .lessonContentsInner2 .C_Green1{color: #54adcc;font-weight: 700;text-align: right;font-size: 18px;width: 22%;border-style: none;margin-right:15px; width: 1em;} .lessonContentsInner2 .content{width: calc(100% - 1em);} .colorR{color:#e84242; font-weight:600; font-size:0.9em; margin-right:3%;} .colorB{color:#4e76a9;font-weight:1000;} .cursorBtn{cursor:pointer;} /*---------------------------------------------------------------------------- *** lessonShosaiSec ----------------------------------------------------------------------------*/ #lessonShosaiSecInner {margin: 0 auto;width: 760px;margin-top:2em;} #lessonShosaiSecInner p{margin-top:4%;} #lessonShosaiSecInner .sectionTtl{margin-top: 0.5em;text-align: center;font-weight: bold;font-size: 120%;} #lessonShosaiSecInner .returnBox a{color: #fff;} .lessonContentsInner {margin: 0 auto;width: 760px;} .tableInner{border: solid 1px #cdcdcd;border-radius: 15px;padding: 15px 40px; margin: 0 70px;} .bgcWhite{background-color:#fff;} table.tableInfo {border-collapse: collapse;margin: auto;} .tableInfo tr {border-top: 1px solid #e3e3e3;} th.C_Green{color: #54adcc;font-weight: 700;text-align: left;font-size: 18px;width: 22%;border-style: none;} .tableInfo .tableTxt {font-size: 16px;line-height: 1.3;padding: 15px;border-style: none;} button#returnBtn {background: #848484; border-radius: 2em; width: 125px;height: 50px;color: #fff;font-size: 1.1em;font-weight: 600;border-style: none;margin: 20px auto 70px; display: block;} #lessonShosaiSecInner .ryoukinBox{width: auto;margin: 2em 2em 0 2em;box-sizing: border-box;} #lessonShosaiSecInner .ryoukinBox table {width: 100%; margin: 0;} #lessonShosaiSecInner .ryoukinBox table, #lessonShosaiSecInner .ryoukinBox tr, #lessonShosaiSecInner .ryoukinBox th, #lessonShosaiSecInner .ryoukinBox td {border: #4d4d4d solid 2px;} #lessonShosaiSecInner .ryoukinBox table.ryoukinUnit, #lessonShosaiSecInner .ryoukinBox .ryoukinUnit tr:first-child, #lessonShosaiSecInner .ryoukinBox .ryoukinUnit th {border-top: none;} #lessonShosaiSecInner .ryoukinBox th {background-color: #666;color: #fff;padding: 0.5em;line-height: 1.2;} #lessonShosaiSecInner .ryoukinBox td {padding: 0.7em 0.5em;line-height: 1.2;} #lessonShosaiSecInner .ryoukinBox .payment td {background-color: #eee; font-size: 95%; width: 22%;vertical-align: middle;} #lessonShosaiSecInner .ryoukinBox .payment td.gaibu{border-right: none;} #lessonShosaiSecInner .ryoukinBox .payment td.arrow{ border-left: none;border-right: none; width: 0%; padding: 0; font-size: 15px;} #lessonShosaiSecInner .ryoukinBox .payment td.seito{width: 25%; border-left: none; padding: 0;} #lessonShosaiSecInner .ryoukinBox .price td {font-size: 130%;line-height: 1.8;font-weight: bold; line-height: 1; vertical-align: middle;} #lessonShosaiSecInner .ryoukinBox .price td.gaibu{border-right: none;} #lessonShosaiSecInner .ryoukinBox .price td.arrow{ border: none; font-size: 15px;} #lessonShosaiSecInner .ryoukinBox .price td.seito{border-left: none;} #lessonShosaiSecInner .ryoukinBox .price td.seito .offTxt{background:#f43f3f; padding: 0.2em; font-size: 85%; color: #fff; margin-bottom: 0.2em;} #lessonShosaiSecInner .ryoukinBox .price td.seito .offTxt .smallTxt{font-size: 68%; vertical-align: top; padding-top: 0.2em;} #lessonShosaiSecInner .ryoukinBox .price td span {font-weight: normal;display: inline-block;} #lessonShosaiSecInner .ryoukinBox .price td span.limited{color: #ff0000; font-weight: bold;} #lessonShosaiSecInner .ryoukinBox .attention {color:#000;font-size: 90%; margin-top: 0;} #lessonShosaiSecInner .courseMoushikomiBtn{background: #f43f3f;width: 12em;text-align: center;margin: 1em auto 0;border-radius: 2em;color: #fff;font-weight: bold;vertical-align: middle;padding: 5px 0; font-size:20px;} #lessonShosaiSecInner .courseMoushikomiBtn.longTxt{width: 15em;} #lessonShosaiSecInner .courseMoushikomiBtn a{color: #fff;} /*---------------------------------------------------------------------------- *** footer ----------------------------------------------------------------------------*/ #footerArea{ } #footerAreaInner {} #footerCopyright{} /*---------------------------------------------------------------------------- *** section ----------------------------------------------------------------------------*/ .section {} /*2021年11月11日ここから*/ #searchSec .searchFlex{width: 90%;margin: 2em auto;} #searchSec #searchSecInner{width: 100%; max-width: 950px; margin: 0 auto;} #searchSec .sectionInner {width: 100%;min-width: 300px;max-width: 400px;margin: 0.5em 0;} #searchSec .selectTtl {background-color: #8cd9f3;padding: 5px 10px;color: #1b1464;width: 40%;height: 65px;float: left;font-weight: bold;font-size: 1.2em;text-align: center;box-sizing:border-box;} #searchSec select#select_month, #searchSec select#select_course, #searchSec select#select_area {background-color: #f2f7f9;padding: 5px 10px;color: #1b1464;width: 60%;height: 65px;border-style: none;cursor: pointer; box-sizing:border-box;} #selectKaijoBox {border: solid 5px #ffcf27;background-color: #fff7d9;width: 95%;margin: 0 auto;padding: 1em;box-sizing: border-box;} #selectKaijoBox .kaijo{text-align: center;font-size: 120%;font-weight: bold;/* color: #242b5e; */} #selectKaijoBox .kaijo .subTxt{font-weight: normal; font-size: 90%;} #selectKaijoBox .kaijoKochira a{text-decoration: underline;} /*2021年11月11日ここまで*/