@charset "utf-8"; /* CSS Document */ /*------------------------------------------------------------ トップページインフォメーションタブ ------------------------------------------------------------*/ label.panel-label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 100%; /*color: #bdc3c7;*/ cursor: pointer; /*background-color: #ecf0f1;*/ -webkit-transition-property: background-color, color; transition-property: background-color, color; -webkit-transition-duration: 200ms; transition-duration: 200ms; } label.panel-label:hover { /*color: #003399; background-color: #009fa8;*/ opacity: 0.8; } #panels { background-color: white; border: 1px solid #dfdfdf; padding: 10px; } #panels .container { margin: 0 auto; width: 100%; } #panels section header label.panel-label { /*padding: 12px 24px;*/ box-sizing: border-box; } #panels section > div { box-sizing: border-box; max-height: 0; opacity: 0; -webkit-transition: opacity 600ms; transition: opacity 600ms; overflow-y: hidden; } @media all and (-ms-high-contrast: none) { .iebox { display: none; } #topnewsarea #panels { border-bottom: none; border-left: none; border-right: none; padding-bottom: 0; padding-left: 0; padding-right: 0; } #topnewsarea #panels .container { position: relative; height: 100%; min-height: 550px; } #topnewsarea #panels .container section { position: absolute; top: 0; height: 100%; width: 100%; } #panels section > div { display: none; } #panel-1-ctrl:checked ~ #panels #panel-1 > div, #panel-2-ctrl:checked ~ #panels #panel-2 > div, #panel-3-ctrl:checked ~ #panels #panel-3 > div, #panel-4-ctrl:checked ~ #panels #panel-4 > div, #panel-5-ctrl:checked ~ #panels #panel-5 > div, #panel-6-ctrl:checked ~ #panels #panel-6 > div { display: inline-block; height: 100%; min-height: 100%; } } #panels .moduletable h3 { display: none; } #panels ul.category-module, #panels ul.category-moduleinfo01, #panels .container ul { margin: 0; text-align: left; } #panels ul.category-module li, #panels ul.category-moduleinfo01 li, #panels .container ul li { list-style-type: none; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dfdfdf; font-size: 90%; } .mod-articles-category-category { background-color: #e60019; color: #fff; padding: 1px 5px 0; text-align: left; margin: 0; font-size: 80%; background-color: #fff; color: #333; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-left: 3px solid #009fa8; } /*競技成績*/ .mod-articles-category-category.cat93, .mod-articles-category-category.cat10 { border-left-color: #ab78d2; color: #ab78d2; } .mod-articles-category-category.cat93 a:link, .mod-articles-category-category.cat93 a:active, .mod-articles-category-category.cat93 a:hover, .mod-articles-category-category.cat93 a:visited, .mod-articles-category-category.cat10 a:link, .mod-articles-category-category.cat10 a:active, .mod-articles-category-category.cat10 a:hover, .mod-articles-category-category.cat10 a:visited { color: #ab78d2; } /*入試情報*/ .mod-articles-category-category.cat94, .mod-articles-category-category.cat2 { border-left-color: #f4a600; color: #f4a600; border-left-color: #f9694d; color: #f9694d; } .mod-articles-category-category.cat94 a:link, .mod-articles-category-category.cat94 a:active, .mod-articles-category-category.cat94 a:hover, .mod-articles-category-category.cat94 a:visited, .mod-articles-category-category.cat2 a:link, .mod-articles-category-category.cat2 a:active, .mod-articles-category-category.cat2 a:hover, .mod-articles-category-category.cat2 a:visited { color: #f4a600; color: #f9694d; } /*お知らせ*/ .mod-articles-category-category.cat95, .mod-articles-category-category.cat11 { border-left-color: #f9694d; color: #f9694d; border-left-color: #f4a600; color: #f4a600; } .mod-articles-category-category.cat95 a:link, .mod-articles-category-category.cat95 a:active, .mod-articles-category-category.cat95 a:hover, .mod-articles-category-category.cat95 a:visited, .mod-articles-category-category.cat11 a:link, .mod-articles-category-category.cat11 a:active, .mod-articles-category-category.cat11 a:hover, .mod-articles-category-category.cat11 a:visited { color: #f9694d; color: #f4a600; } /*トピックス*/ .mod-articles-category-category.cat96, .mod-articles-category-category.cat9 { border-left-color: #8bc500; color: #8bc500; } .mod-articles-category-category.cat96 a:link, .mod-articles-category-category.cat96 a:active, .mod-articles-category-category.cat96 a:hover, .mod-articles-category-category.cat96 a:visited, .mod-articles-category-category.cat9 a:link, .mod-articles-category-category.cat9 a:active, .mod-articles-category-category.cat9 a:hover, .mod-articles-category-category.cat9 a:visited { color: #8bc500; } /*メディア*/ .mod-articles-category-category.cat12 { border-left-color: #fba09b; color: #fba09b; } .mod-articles-category-category.cat12 a:link, .mod-articles-category-category.cat12 a:active, .mod-articles-category-category.cat12 a:hover, .mod-articles-category-category.cat12 a:visited { color: #fba09b; } .mod-articles-category-category a, .mod-articles-category-category a:link, .mod-articles-category-category a:active, .mod-articles-category-category a:hover, .mod-articles-category-category a:visited { text-decoration: none; /*color: #fff;*/ } #panel-1-ctrl:checked ~ #panels #panel-1, #panel-2-ctrl:checked ~ #panels #panel-2, #panel-3-ctrl:checked ~ #panels #panel-3, #panel-4-ctrl:checked ~ #panels #panel-4, #panel-5-ctrl:checked ~ #panels #panel-5, #panel-6-ctrl:checked ~ #panels #panel-6 { z-index: 1; } #panel-1-ctrl:checked ~ #panels #panel-1 > div, #panel-2-ctrl:checked ~ #panels #panel-2 > div, #panel-3-ctrl:checked ~ #panels #panel-3 > div, #panel-4-ctrl:checked ~ #panels #panel-4 > div, #panel-5-ctrl:checked ~ #panels #panel-5 > div, #panel-6-ctrl:checked ~ #panels #panel-6 > div { max-height: initial; opacity: 1; /*padding: 48px 24px;*/ padding: 10px 20px; width: 100%; } #panel-1-ctrl:checked ~ #tabs-list #li-for-panel-1, #panel-2-ctrl:checked ~ #tabs-list #li-for-panel-2, #panel-3-ctrl:checked ~ #tabs-list #li-for-panel-3, #panel-4-ctrl:checked ~ #tabs-list #li-for-panel-4, #panel-5-ctrl:checked ~ #tabs-list #li-for-panel-5, #panel-6-ctrl:checked ~ #tabs-list #li-for-panel-6 { pointer-events: none; cursor: default; /*-webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0);*/ box-shadow: none; border-right: none; /*background-color: #009fa8;*/ } /*リスト一覧内の記事内容の段ができる場合の調整*/ #panels ul li { overflow: hidden; } #panels ul li .day, #panels ul li .cate_wrap, #panels ul li .txt { float: left; box-sizing: border-box; letter-spacing: 0; } #panels ul li .day { width: 17%; } #panels ul li .cate_wrap .icon_new { background-color: #cd0e0e; color: #fff; border-radius: 5px; font-size: 76%; letter-spacing: 0; text-align: center; margin-bottom: 3px; margin-top: 5px; line-height: 1.1; padding-bottom: 2px; padding-top: 3px; } #panels ul li .cate_wrap { width: 10%; } #panels ul li .txt { width: 73%; padding-left: 10px; } ul#tabs-list { display: flex; list-style: none; text-align: center; margin: 0; padding: 0; } ul#tabs-list li { text-align: center; font-size: 90%; /*width: 18%; box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05); border-right: 1px solid #dfdfdf;*/ position: relative; list-style-type: none; margin: 0 5px 0; background-color: #009fa8; color: #fff; padding: 5px; } /*全ての最新情報*/ ul#tabs-list li#li-for-panel-1 { background-color: #009fa8; } /*競技成績*/ ul#tabs-list li#li-for-panel-2 { background-color: #ab78d2; } /*入試情報*/ ul#tabs-list li#li-for-panel-3 { background-color: #f4a600; background-color: #f9694d; } /*お知らせ*/ ul#tabs-list li#li-for-panel-4 { background-color: #f9694d; background-color: #f4a600; } /*トピックス*/ ul#tabs-list li#li-for-panel-5 { background-color: #8bc500; } /*メディア*/ ul#tabs-list li#li-for-panel-6 { background-color: #fba09b; } /* ul#tabs-list li#li-for-panel-6 a:link, ul#tabs-list li#li-for-panel-6 a:active, ul#tabs-list li#li-for-panel-6 a:hover, ul#tabs-list li#li-for-panel-6 a:visited { color: #fff; } */ ul#tabs-list li:hover { -webkit-transition: none; transition: none; border-right: none; background-color: #009fa8; } ul#tabs-list li:hover.last { /*border-right: 1px solid transparent;*/ } ul#tabs-list li:hover + li { /*border-left: 1px solid #dfdfdf;*/ } ul#tabs-list li label.panel-label { position: relative; padding: 0; font-size: 90%; margin: 0 auto; line-height: 1.3; } ul#tabs-list li label.panel-label::after { content: ""; position: absolute; width: 100%; left: 0; bottom: 100%; /*background-color: #003399;*/ height: 0; -webkit-transition-property: height; transition-property: height; -webkit-transition-duration: 200ms; transition-duration: 200ms; } ul#tabs-list li label.panel-label:hover { /*padding-top: 24px; background-color: #009fa8;*/ } ul#tabs-list li label.panel-label:hover::after { /*height: 6px;*/ background-color: #009fa8; } main, .main { margin: 0 auto; width: 100%; } .panel-radios { display: none; } .btn_infoall { text-align: right; margin-bottom: 10px; } .btn_infoall a:link, .btn_infoall a:active, .btn_infoall a:hover, .btn_infoall a:visited { display: inline-block; color: #fff !important; background-color: #009fa8; color: #fff; margin: 0 0 8px 8px; padding: 1.5px 15px 1.5px; font-size: 85%; border-radius: 5px; } /*競技成績一覧用 記事一覧ボタン*/ #record .btn_infoall a:link, #record .btn_infoall a:active, #record .btn_infoall a:hover, #record .btn_infoall a:visited { background-color: #ab78d2; } /*入試情報一覧用 記事一覧ボタン*/ #exam .btn_infoall a:link, #exam .btn_infoall a:active, #exam .btn_infoall a:hover, #exam .btn_infoall a:visited { background-color: #f9694d; } /*お知らせ一覧用 記事一覧ボタン*/ #news .btn_infoall a:link, #news .btn_infoall a:active, #news .btn_infoall a:hover, #news .btn_infoall a:visited { background-color: #f4a600; } /*トピックス一覧用 記事一覧ボタン*/ #topix .btn_infoall a:link, #topix .btn_infoall a:active, #topix .btn_infoall a:hover, #topix .btn_infoall a:visited { background-color: #8bc500; } /*メディア一覧用 記事一覧ボタン*/ #media .btn_infoall a:link, #media .btn_infoall a:active, #media .btn_infoall a:hover, #media .btn_infoall a:visited { background-color: #fba09b; } #all > div.btn_infoall > a.newsarea-feed { background-color: #ee802f; } @media (max-width: 1150px) { #panels ul li .day { width: 18%; } #panels ul li .cate_wrap { width: 11%; } #panels ul li .txt { width: 71%; } } @media (max-width: 1100px) { #panels ul li .day { width: 20%; } #panels ul li .cate_wrap { width: 12%; } #panels ul li .txt { width: 68%; } } @media (max-width: 1000px) { } @media (max-width: 900px) { #panels ul li .day, #panels ul li .cate_wrap, #panels ul li .txt { width: inherit; } #panels ul li .day { margin-right: 10px; } #panels ul li .txt { width: 100%; padding-left: 0; } #panels ul li .cate_wrap { overflow: hidden; } #panels ul li .cate_wrap .cate, #panels ul li .cate_wrap .icon_new { float: left; margin: 0 2px; } /*-------------------*/ }