/*------------------------------------------------------ page-title ------------------------------------------------------*/ #page-title { background: url(/campuslife/images/st_pagetitle.jpg) no-repeat center center; background-size: cover;} @media (min-width: 768px) { } @media (max-width: 767px) { } @media (max-width: 480px) { #index #page-title { background: url(/campuslife/images/st_pagetitle_sp.jpg) no-repeat center center; background-size: cover; } } /*------------------------------------------------------ [index] ------------------------------------------------------*/ @media (min-width: 768px) { } @media screen and (min-width:768px) and ( max-width:1220px) { #index #main-visual .title { font-size: 6vw; } } @media (max-width: 767px) { } /*------------------------------------------------------ studen_info ------------------------------------------------------*/ #campuslife-student-info .table-a th, #campuslife-student-info .table-a td { text-align: left; } #campuslife-student-info .table-a th { padding: 10px; } #campuslife-student-info .table-a th:first-of-type { width: 25%; } #campuslife-student-info .table-a td { padding: 10px 20px; } #campuslife-student-info-5 > .l_col-2 figure { margin-bottom: 0; } #campuslife-student-info-5 > .text p { margin-bottom: 0; } #campuslife-student-info-11 figure { margin-bottom: 0; } @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ event_schedule ------------------------------------------------------*/ #campuslife-event_schedule figure { margin: 0; } #campuslife-event_schedule #university-festival figure { margin-left: auto; margin-right: auto;} @media (min-width: 768px) { #campuslife-event_schedule .list-a { margin: 0; } #campuslife-event_schedule #university-festival figure { margin-bottom: 50px;} } @media (max-width: 767px) { #campuslife-event_schedule .list-a { margin-top: 0; margin-bottom: 10px; } #campuslife-event_schedule #university-festival figure { margin-bottom: 30px;} } /*------------------------------------------------------ dispensary ------------------------------------------------------*/ #campuslife-dispensary-2 > .list-a { margin-top: 0; } #campuslife-dispensary-2 > .table-a th, #campuslife-dispensary-2 > .table-a td { text-align: left; padding: 10px; } #campuslife-dispensary-2 > .table-a th { width: 25%; } #campuslife-dispensary-2 > .table-a td { padding: 10px 20px; } @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ [campuslife-counseling] 学生相談室 ------------------------------------------------------*/ #campuslife-counseling #case .bg-blue { padding: 15px 20px;} #campuslife-counseling #case .bg-blue p:first-of-type { font-size: 1.6rem; font-weight: bold;} #campuslife-counseling #case .bg-blue .list-a { margin-top: 10px; margin-bottom: 10px;} #campuslife-counseling #case .bg-blue p:last-of-type { font-size: 1.6rem;} #campuslife-counseling #how-to-use .annotation ul li { font-weight: bold;} #campuslife-counseling #how-to-use .table-b th { font-weight: normal;} #campuslife-counseling #counselor-introduction .table-b th { font-weight: normal;} @media (min-width: 768px) { #campuslife-counseling #case .title-c { margin-bottom: 50px;} } @media (max-width: 767px) { #campuslife-counseling #case .title-c { margin-bottom: 30px;} } /*------------------------------------------------------ [campuslife-volunteer] ボランティア ------------------------------------------------------*/ #campuslife-volunteer #activity-content figure img { width: 100%;} #campuslife-volunteer #activity-content .message p { font-size: 1.8rem;} #campuslife-volunteer #outline {} #campuslife-volunteer #outline .l_col-2-l .text p { margin-bottom: 0;} @media (min-width: 768px) { #campuslife-volunteer #contact-address .l_col-2 > div:nth-child(n+3) { margin-top: 20px; } } @media (max-width: 767px) { } /*------------------------------------------------------ [campuslife-club] クラブ?同好会 ------------------------------------------------------*/ #campuslife-club #club .link li { font-size: 1.6rem;} #campuslife-club #club .img figure img { width: 100%;} #campuslife-club #other-club .link li { font-size: 1.6rem; } #campuslife-club #other-club .img figure img { width: 100%; } @media (min-width: 768px) { } @media (max-width: 767px) { #campuslife-club #club .link li { margin-bottom: 5px;} #campuslife-club #other-club .link li { margin-bottom: 5px; } } /*------------------------------------------------------ [campuslife-qa] ------------------------------------------------------*/ #campuslife-qa .table-b { width: 100%;} #campuslife-qa ol { padding-left: 2em; margin-top: 20px; margin-bottom: 30px;} #campuslife-qa ol li { font-size: 1.6rem;} #campuslife-qa #cooling-off ol > li > .list-b { margin-top: 10px; margin-bottom: 30px;} #campuslife-qa #internet-trouble .table-b { margin-bottom: 10px;} #campuslife-qa #internet-trouble .table-b th { font-weight: normal; text-align: center;} #campuslife-qa #internet-trouble .l_col-3 .bg-blue { margin-bottom: 0; text-align: center; padding: 15px 20px 30px;} #campuslife-qa #internet-trouble .l_col-3 .bg-blue .note { color: #EC3A94; font-weight: bold;} #campuslife-qa #internet-trouble .list-a .list-b { margin-top: 15px; margin-bottom: 30px; } @media (min-width: 768px) { #campuslife-qa #cooling-off .table-b { width: auto; margin-top: 0;} #campuslife-qa #internet-trouble .l_col-2 > section:nth-child(n+3) { margin-top: 30px;} } @media (max-width: 767px) { #campuslife-qa #internet-trouble .l_col-2 > section { margin-bottom: 50px;} #campuslife-qa #internet-trouble .l_col-2 > section:last-child { margin-bottom: 0;} } /*------------------------------------------------------ [club] 各クラブ紹介 ------------------------------------------------------*/ body#club .table-b { width: 100%;} body#club .table-b .list-a { margin-top: 10px; margin-bottom: 10px;} body#club #support { text-align: center;} body#club .return a { margin-left: auto; margin-right: auto; } @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ [campuslife-dormitory] 学生寮?クラブ合宿所 ------------------------------------------------------*/ #campuslife-dormitory #usage-fee .table-b { /* width: 100%; */ } #campuslife-dormitory #usage-fee .annotation ul { counter-reset: number 0; position: relative; } #campuslife-dormitory #usage-fee .annotation ul li { position: relative; padding-left: 3em; text-indent: 0;} #campuslife-dormitory #usage-fee .annotation ul li::before { counter-increment: number 1; content: '※'counter(number); position: absolute; left:0; top: 0; } #campuslife-dormitory #introduction .l_col-2 > section { background-color: #fff;} #campuslife-dormitory #introduction .l_col-2 figure { max-width: 480px; margin-left: auto; margin-right: auto; border: 1px solid #eee; } #campuslife-dormitory #introduction .l_col-2 .text { margin-bottom: 0;} #campuslife-dormitory #document .list-a { margin-top: 0;} #campuslife-dormitory #support .l_col-3 li { font-weight: bold; font-size: 1.6rem;} #campuslife-dormitory #support .table-a { width: 100%;} #campuslife-dormitory #support .table-b { width: 100%;} #campuslife-dormitory #support .btn-c a { margin-left: auto; margin-right: auto; max-width: 360px;} #campuslife-dormitory #training-camp .table-b { /* width: 100%; */ } @media (min-width: 768px) { #campuslife-dormitory #usage-fee .annotation { padding: 40px;} #campuslife-dormitory #introduction { padding: 50px 0;} #campuslife-dormitory #introduction .l_col-2 > section { padding: 40px;} #campuslife-dormitory #support .l_col-3 li { padding: 40px;} } @media (max-width: 767px) { #campuslife-dormitory #introduction { padding: 40px 0 20px;} #campuslife-dormitory #introduction .l_col-2 > section { padding: 30px 20px;} #campuslife-dormitory #document .list-a { margin-bottom: 30px;} } /*------------------------------------------------------ [harassment] キャンパス?ハラスメントへの取り組み ------------------------------------------------------*/ #harassment .btn-c a { max-width: 100%; } /*------------------------------------------------------ [harassment-guidance] キャンパス?ハラスメント相談の手引き ------------------------------------------------------*/ #harassment-guidance #outline {} #harassment-guidance #outline .heading { padding-left: 2em; text-indent: -2em;} #harassment-guidance #outline .heading::first-letter { font-size: 150%; padding-right: 8px; display: inline-block; vertical-align: -2px; } #harassment-guidance #outline .heading + .list-a { margin-top: 0; padding-top: 5px; margin-bottom: 30px; } #harassment-guidance #punishment {} #harassment-guidance #punishment .table-a { table-layout: auto; margin-bottom: 20px;} #harassment-guidance #punishment .table-a th {} #harassment-guidance #punishment .table-a td { vertical-align: middle; width: 30%;} #harassment-guidance #punishment .table-a tbody th { text-align: left; padding-left: 3em; text-indent: -2em;} #harassment-guidance #punishment .table-a tbody th::first-letter { font-size: 150%; padding-right: 8px; display: inline-block; vertical-align: -2px; } #harassment-guidance #victim .list-a { margin-bottom: 30px;} #harassment-guidance .text p.title-d { font-size: 1.8rem; padding-top: 15px;} #harassment-guidance #flow {} #harassment-guidance #flow ul {} #harassment-guidance #flow ul li { font-size: 1.6rem; border-top: 1px solid #C7CED2; border-bottom: 1px solid #C7CED2; position: relative;} #harassment-guidance #flow ul li:not(:last-child) { margin-bottom: 38px;} #harassment-guidance #flow ul li:not(:last-child)::after { content: ''; position: absolute; left: 0; right: 0; bottom: -27px; margin: auto; border-top: 16px solid #5C2E7E; width: 32px; height: 16px; border-left: 16px solid transparent; border-right: 16px solid transparent; } @media (min-width: 768px) { #harassment-guidance #outline {} #harassment-guidance #outline .heading {} #harassment-guidance #outline .heading::first-letter {} #harassment-guidance #outline .heading + .list-a { padding-left: 3em;} #harassment-guidance #punishment {} #harassment-guidance #punishment .table-a {} #harassment-guidance #punishment .table-a th {} #harassment-guidance #punishment .table-a td {} #harassment-guidance #punishment .table-a tbody th {} #harassment-guidance #punishment .table-a thead th:first-of-type { width: 85%; } #harassment-guidance #flow {} #harassment-guidance #flow ul {} #harassment-guidance #flow ul li { text-align: center; padding: 30px 10px;} } @media (max-width: 767px) { #harassment-guidance #outline {} #harassment-guidance #outline .heading {} #harassment-guidance #outline .heading::first-letter {} #harassment-guidance #outline .heading + .list-a { padding-left: 2em;} #harassment-guidance #punishment {} #harassment-guidance #punishment .table-a {} #harassment-guidance #punishment .table-a th {} #harassment-guidance #punishment .table-a td {} #harassment-guidance #flow {} #harassment-guidance #flow ul {} #harassment-guidance #flow ul li { padding: 20px 10px;} } /*------------------------------------------------------ [harassment-regulation] 学校法人皇學館キャンパス?ハラスメント防止に関する規程 ------------------------------------------------------*/ #harassment-regulation #regulation-contents {} #harassment-regulation #regulation-contents ol { padding-left: 2em;} #harassment-regulation #regulation-contents ol li { font-size: 1.6rem;} #harassment-regulation #regulation-contents ol ol { counter-reset: brackets 0; list-style-type: none; } #harassment-regulation #regulation-contents ol ol > li { position: relative;} #harassment-regulation #regulation-contents ol ol > li::before { position: absolute; top: 0px; left: -1.5em; counter-increment: brackets 1; content: counter(brackets)")"; } @media (min-width: 768px) { #harassment-regulation #regulation-contents {} #harassment-regulation #regulation-contents ol {} #harassment-regulation #regulation-contents ol li {} } @media (max-width: 767px) { #harassment-regulation #regulation-contents {} #harassment-regulation #regulation-contents ol {} #harassment-regulation #regulation-contents ol li {} } /*------------------------------------------------------ [campuslife-campusdiary] キャンパスダイアリー ------------------------------------------------------*/ #campuslife-campusdiary .l_col-campusdiary .main-contents { } #campuslife-campusdiary .l_col-campusdiary .side-nav { } #campuslife-campusdiary .category a { color: #5C2E7E; } #campuslife-campusdiary .title-d-wrap { background: #D7E1E7; padding: 10px; margin-bottom: 20px; } #campuslife-campusdiary .title-d-wrap p { margin-bottom: 0px; } #campuslife-campusdiary .new-arrivals-list ul li p { font-size: 1.4rem; } #campuslife-campusdiary .new-arrivals-list a { text-decoration: none; } #campuslife-campusdiary .new-arrivals-list ul li { border-bottom: 1px solid #D7E1E7; margin-bottom: 20px; } #campuslife-campusdiary .new-arrivals-list .title { color: #333; font-size: 1.4rem; } #campuslife-campusdiary .new-arrivals-list .title:hover { text-decoration: underline; } #campuslife-campusdiary .main-contents .info { } #campuslife-campusdiary .main-contents .info p { font-size: 1.4rem; } #campuslife-campusdiary .main-contents .info > div { display: inline-block; width: auto; margin-right: 10px; min-width: 90px;} #campuslife-campusdiary .tag { font-weight: bold; color: #393472; text-align: center; width: 100px; border: 1px solid #5C2E7E; background: #fff; } #campuslife-campusdiary .tag p { font-size: 1.4rem; line-height: 1.6; } #campuslife-campusdiary .tag a { color: #393472; text-decoration: none; } #campuslife-campusdiary .title-post { font-size: 2.8rem; color: #5C2E7E; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #5C2E7E; margin-bottom: 15px; line-height: 140%; letter-spacing: 1px; } #campuslife-campusdiary .title-post a { color: #5C2E7E; text-decoration: none; } #campuslife-campusdiary .title-post a:hover { color: #3096B7; text-decoration: underline; } #campuslife-campusdiary .date { font-size: 1.6rem; font-weight: bold; margin-bottom: 0px;} #diaryFoot { background-color: #f2f0f2; border-top: 1px solid #ccc; padding: 15px;} #diaryFoot .permalink { color: #3a75a5; font-size: 12px; margin-bottom: 10px; word-break: break-all;} #diaryFoot .snsWrap { text-align: right; } #diaryFoot .snsWrap .snsInner { display: inline-block; line-height: 0; vertical-align: middle; } #diaryFoot .snsWrap .snsInner img { max-width: 100px;} #campuslife-campusdiary .pagination { text-align: center; } #campuslife-campusdiary .pagination li { display: inline-block; font-size: 1.4rem; width: 37px; height: 37px; } #campuslife-campusdiary .pagination li a { display: block; border: 1px solid #5C2E7E; color: #5C2E7E !important; text-decoration: none; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #campuslife-campusdiary .pagination li a:hover { background: #F0EAF5; } #campuslife-campusdiary .pagination .active span { background: #5C2E7E; color: #fff !important; width: 100%; height: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } #campuslife-campusdiary .pagination .disabled { display: none; } #campuslife-campusdiary .l_col-campusdiary .side-nav .list-a li:not(:last-child) { margin-bottom: 8px; } #campuslife-campusdiary .l_col-campusdiary .side-nav .category .list-a { margin-top: 20px; } @media (min-width: 768px) { #campuslife-campusdiary .l_col-campusdiary .main-contents { max-width: 860px; width: 75%; } #campuslife-campusdiary .l_col-campusdiary .side-nav { max-width: 260px; width: 23%; } } @media (max-width: 767px) { #campuslife-campusdiary .l_col-campusdiary .main-contents { width: 100%; } #campuslife-campusdiary .l_col-campusdiary .side-nav { width: 100%; } #campuslife-campusdiary .main-contents { margin-bottom: 50px; } #diaryFoot { margin-bottom: 50px; } #campuslife-campusdiary .pagination { margin: 20px 0 40px; } #campuslife-campusdiary .pagination li { font-size: 1.2rem; } #campuslife-campusdiary .pagination li a { padding: 5px 6px; } } /*------------------------------------------------------ gakuhi ------------------------------------------------------*/ #campuslife-gakuhi .contents .title-c { margin-bottom: 20px; } #campuslife-gakuhi .contents .QR .bg-blue figure { width: 110px; } #campuslife-gakuhi .contents .QR .qr_wrap .text { width: calc( 100% - 130px ); } #campuslife-gakuhi .contents .QR .bg-blue a { word-break: break-all; } #campuslife-gakuhi .contents .QR .l_col-2 { /* -webkit-align-items: center; align-items: center; */ } #campuslife-gakuhi .QR .bg-blue > * { } #campuslife-gakuhi .contents ul.l_col-2 > *:nth-child(n+3) { margin-top: 5px; } #campuslife-gakuhi .contents ul.l_col-2 { margin-bottom: 20px; } #campuslife-gakuhi .contents ul li { } #campuslife-gakuhi .contents .list-a li { } #campuslife-gakuhi .contents table.table-a thead th { background: #F0F5F8; } #campuslife-gakuhi .contents table.table-a thead th.dark { background: #D7E1E7; } #campuslife-gakuhi .contents .table-a th,#campuslife-gakuhi .table-a td{ text-align: center; vertical-align: middle; } #campuslife-gakuhi .contents .table-a.text-left tr td,#campuslife-gakuhi .table-a.text-left tr th { text-align: left; } #campuslife-gakuhi .contents h4 a { text-decoration: none; } #campuslife-gakuhi .table-wrap { } #campuslife-gakuhi #campuslife-gakuhi-keihi { } @media (min-width: 768px) { #campuslife-gakuhi .contents ul li { font-size: 1.6rem; } #campuslife-gakuhi .contents .list-a li { font-size: 1.8rem; } } @media (max-width: 767px) { #campuslife-gakuhi .contents .table-wrap { overflow-x: auto; } #campuslife-gakuhi .contents .table-wrap .table-a { width: 800px; } #campuslife-gakuhi #campuslife-gakuhi-keihi .l_col-2 > div { margin-bottom: 0px; } #campuslife-gakuhi .contents ul li { font-size: 1.6rem; } #campuslife-gakuhi .contents .list-a li { font-size: 1.6rem; } } /*------------------------------------------------------ [insurance] ------------------------------------------------------*/ @media (min-width: 768px) { } @media (max-width: 767px) { } /*------------------------------------------------------ ------------------------------------------------------*/ @media (min-width: 768px) { } @media (max-width: 767px) { }