/* ===== law customize */
@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500;700&family=Yuji+Boku&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');

html {line-height:2.3;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-all;}/* letter-spacing:.3em; */
body {min-width:1100px;font-family: "Sawarabi Mincho", "Hiragino Kaku Gothic ProN","Kiwi Maru", Meiryo;box-sizing:content-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color:#ffffcc;}
a {color:#000;text-decoration:none;cursor:pointer;}
a:hover {color:#353D9A;}
a,a img,.home-course a::before {-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

/* a img:hover {opacity:.6;} */
h1,h2,h3,h4,h5,h6 {line-height:1.4;}
h1 {width:96%;padding:2%;color:#fff;font-size:170%;background:#400e82;text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px;}
h2 {margin:1.3em 0;padding:.6em;font-size:140%;border-bottom:2px solid #222;}
h3 {margin:1em 0;padding:.3em .6em;font-family: 'Sawarabi Mincho', sans-serif;font-size:130%;font-weight:normal;position:relative;background:#FFF;}
h4 {margin:.8em 0;}

.headcontent,.col2,.col3,.home-law,.tab-list,.listcol,.courselink,.tilelink {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;}

.listcol {margin:1em 0 0 0;padding:0 0 1em 0;border-bottom:1px solid #ddd;align-items:flex-start;}
.listcol:first-child {margin:0;}
.listcol:last-child {border-bottom:0;}

/* ---------- size */
.mainsize {width:1100px;margin:0 auto;}
.contentswrap {width:98%;margin:0 auto;padding:2em 0 0 0;}
.contentswrap p {margin:1.3em 0;}

/* ---------- header */
header { position:relative; padding:2em 0 1.5em; background-color: #222; color: #FFF;}
.headcontent {position: relative; align-items:flex-start;}
.logotuniv {width:100px;height:auto;vertical-align:middle;}
.sitename {margin:0 .5em;padding:0 .5em;font-size:90%;line-height:1.4;}
.sitename a{color: #FFF; font-size: 1.2em;}
.sitename a small{font-size: 0.5em;}
.usergenre {position:absolute;top:-15px;right:70px;width:600px;display:flex;flex-wrap:wrap; }
.usergenre a {display:block;margin:0 0 0 1%;padding:.6em .5em;box-sizing:border-box;border-bottom:3px solid #ccc;text-align:center;color:#FFF;font-size:90%;font-weight:bold;}
.usergenre a:hover {background:#eee; color: #222;}
.usergenre a.active {color:#000;background:#353D9A;border-color:#353D9A;}
.usergenre a:nth-child(1),.usergenre a:nth-child(2) {width:32%;}
.usergenre a:nth-child(3) {width:33%;}.usergenre a:nth-child(4),
.usergenre a:nth-child(5) {width:49%;}
.snslogo{position:absolute; right: 0; margin-left: 30px; transition: .5s; width: 50px;}
.snslogo img{ width:100%;}
.snslogo a:hover {opacity: 0.5;}

.lawsch-head{position: absolute; top: 0; z-index: 99;}

@media screen and (max-width: 668px) {
	header { position:relative; padding:1em 0 1em;}
	.headcontent { position: relative; flex-wrap: wrap;}
	.headcontent a img { margin-bottom: 10px;}
	.usergenre { box-sizing: border-box; position:relative;top:inherit;right:inherit; width: 100%; display: flex; flex-wrap: wrap;}
	.usergenre a{ display: block; width: 49%; box-sizing: border-box; margin: 0 0.5% ;}
	.usergenre a:nth-child(1),
	.usergenre a:nth-child(2) 	{ border-top:3px solid #ccc; }
	.usergenre a:nth-child(1) { width: 49%; border-top:3px solid #ccc; }
	.usergenre a:nth-child(2) { width: 49%; border-top:3px solid #ccc; }
	.usergenre a:nth-child(3) { width: 49%; }
	.usergenre a:nth-child(4) { width: 49%; }
	.usergenre a:nth-child(5) { width: 99%; }
	.sitename {margin-bottom:5px;}
}

/* ---------- breadcrumb */
#breadcrumb { margin-bottom: 16px;     letter-spacing: 0;}
#breadcrumb ul { margin-bottom: 10px; padding:0; list-style: none; color: #666;font-size: 14px; }
#breadcrumb li { float: left; margin-right:10px; }
#breadcrumb li:after {content: " >";}
#breadcrumb li:last-child:after {content: "";}
#breadcrumb li a{ display: inline-block; margin-right: 10px; text-decoration: none; color: #666; line-height: 1.2;}

@media screen and (max-width: 668px) {
	#breadcrumb { margin-bottom: 32px; }
}

/* ---------- home */
.keyvisual{margin-bottom: 2em;}
.home-newsevent {width:680px;margin:0 60px 0 0;}
.home-banner {width:360px;}
.home-course.blocknav a {background:url('../images/logo-hagi.png')bottom 5px right 5px no-repeat;background-size:10%;}
.home-course a::before {
    content: " ";
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 70px 70px 0;
    border-color: transparent #ccc transparent transparent;
    position: absolute;}
.home-course a:hover::before {border-color: transparent #400e82 transparent transparent;}
.home-course a.ls:hover::before {border-color: transparent #d6981c transparent transparent;}
.home-course a.pp:hover::before {border-color: transparent #25acf5 transparent transparent;}
.home-course a::after {
	content: "";
	top: 13px;
	right: 13px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
}

/* ---------- content */
main .mainsize{background: url("/common/images/mark_bg_ls.svg") no-repeat right bottom;}

.mainsize:before,.mainsize:after {content: " ";display:table;}
.mainsize:after {clear: both;}
.mainsize {*zoom: 1;}
.mainsize img{ max-width: 100%; height: auto;}
.mainsize ul,.mainsize ol{ padding-left: 2em;}

/* .subNav{width: 300px; float: left; margin-right: 30px; margin-bottom: 40px; }
.subNav h3{ margin: 0 0 2px; padding: 8px 8px 32px; background: url("/common/images/mark_hagi_wht.png") no-repeat right 20px;background-color: #400e82; color: #fff; }
.subNav h4{ margin: 0 0 2px; padding: 12px 8px; border: 1px solid #400e82; color: #400e82;  }
.subNav h4 a{ color: #400e82;  }
.subNav ul{ list-style: none; padding: 6px 8px 8px;}
.subNav ul li{ border-top: 2px solid #400e82;}
.subNav ul ul{ padding-left: 1em;}
.subNav ul ul li{ border-top: 1px solid #400e82;}
.subNav ul li a{ display: block; padding: 8px 0;}
.subNav a:hover{ opacity: 0.7;} */


.mainCol{ width:770px;min-height:400px;float:right; overflow: hidden; padding-bottom: 40px;}
.mainCol a { padding:.1em .3em;text-decoration: underline; color: #2A35FC;display:inline-block;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
.mainCol a:hover { color:#09b0ed; }
.mainCol h2 {margin:1em 0 .6em 0;padding:.8em .4em;border-bottom:2px solid #222;}
.mainCol h3 {margin:1em 0 .6em 0; padding: .5em .8em; border:1px solid #222; font-weight: bold;  font-family:"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN","メイリオ", Meiryo;}
.mainCol h4 {margin:1em 0 .6em 0; padding: .2em; border-bottom:1px solid #222;  }
.mainCol h5 {margin:1em 0 .6em 0; padding: .2em 0 .2em .6em ; border-left:8px solid #222;  }

@media (max-width: 668px) {
	.mainCol{ width:  100%; float: none; }
	.subNav{width: 100%; float: none; margin-right: inherit; margin-top: 60px; }
}

/* -------- eventList */
.eventList{}
.eventList .item{ padding-top: 20px; border-top: 1px solid #ddd;}
.eventList .item::before,
.eventList .item::after {	content: " ";	display: table;}
.eventList .item::after {	clear: both;}
.eventList .item {	*zoom: 1;}
.eventList .item .img{ float: left; margin:0 30px 15px 0;}
.eventList .item .txt{ overflow: hidden;}
.eventList .item .txt h3 { margin:0 0 18px; padding: 0; border:0; font-size: 20px; }
.eventList .item .txt p { margin:0 0 8px; }

.event-tags .tag{ display: inline-block; padding: 2px 8px; font-size: 12px; color: #fff; }

@media (max-width: 668px) {
	.eventList .item .img{ float: none; margin:0 auto 15px ; text-align: center;}
}

/* -------- alumnibloglist */
.blogDate{margin-bottom: 1em;}

/* -------- entryPage */
.entryHeader{ margin-bottom: 30px;}
.entryHeader .entryDate{ text-align: right;}
.eventSpec{ margin-bottom: 30px; }
.eventSpec .entryMainIMG{text-align: center;}

/* ---------- footer */
.courselist,.footinfo  {font-size:85%;}

footer {padding:2em 0;}
.footinfo {margin:2em 0 0 0;padding:2em 0;background:#DEE8F5;}
.footbanner {text-align:center;}
.footbanner a {margin:.35em;border:1px solid #004996;display:inline-block;}
.footbanner a img{vertical-align:bottom;}

.accessinfo section {width:48%;margin:1%;}
.accessinfo section img {width:100%;height:auto;}

.copyright{margin:2em 0 0 0; font-size:85%;letter-spacing:.1em;}

.toTOP{ position: fixed; margin: 0; bottom: 15px; right: 15px; cursor: pointer; z-index: 9999;}

/*===============================================
   各トップページ
===============================================*/
#rcaslp h1,
#education h1,
#graduate h1
{ width: 100%; margin-bottom: 15px; padding:2% 2% 100px; background: url("/common/images/mark_hagi_wht@2x.png") no-repeat right bottom #400e82;}

/*===============================================
   パーツ
===============================================*/
/* ---------- shadow */
.swiper-container,.swiper-events,.blocknav a:hover,.infobox,.infobox span.tag,.courseframe {-moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);-ms-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);}

/* ---------- option */
.listlink a {line-height:1.6;}

.importantinfo {margin:0 0 2em ; padding:0;border:2px solid #CE312A;position:relative;}
.importantinfo article{ border-bottom: 1px solid #CE312A; padding-bottom: 15px; margin-bottom: 15px; }
.importantinfo article:last-child{ border-bottom: 0; margin-bottom: 0;}

.impinfoname {top:0;right:0;padding:.5em 2em;color:#fff;font-size:90%;font-weight:bold;background:#CE312A;position:absolute;text-shadow: rgba(0, 0, 0, 0.6) 1px 1px 3px;}
.impinfodata {margin:2.8em .8em .8em .8em;}
.impinfotitle {color:#CE312A;font-weight:bold;}
.importantinfo a {padding:.6em 0 .6em 1.5em;display:block;position:relative;}
.importantinfo a::before {content:"\e876";top:.35em;left:0;font-size:120%;font-family:'Material Icons';position:absolute;}

.tilelink a {width:26%;margin:1%;padding:2.5%;border-bottom:2px solid #353D9A;background:linear-gradient(to right, #353D9A 50%, #fff 50%);background-size:200% 100.5%;background-position:right bottom;display:block;position:relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.tilelink a:hover {color:#fff;background-position:left bottom;}

.listlink a {padding:1em 2em 1em 1em;border-bottom:1px solid #353D9A;display:block;position:relative;}
.listlink a:last-child {border-bottom:0;}
.listlink a::after {
	content: "";
	top: 40%;
	right: 20px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #353D9A;
	border-right: 1px solid #353D9A;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;}

.readmore {top:5px;right:0;padding:.2em 0 .2em .8em;font-size:50%;border-left:3px solid #000;position:absolute;}
.readmore span {display:inline-block;}
.readmore::after {
    content: " ";
    top: 33%;
    left: 0;
    border-width: 3px;
    border-style: solid;
    border-color: transparent  transparent transparent #000;
    position: absolute;}

.readmoreBtn { margin-bottom: 8px; text-align: right;}
.readmoreBtn a { display: inline-block; padding:.2em 0 .2em .8em;font-size:80%;border-left:3px solid #000;}

.blocknav a {margin:0 0 1em 0;padding:2em 1em;line-height:1.4;border:1px solid #ccc;display:block;position:relative;}

.tabtrigger button {margin:0 .3em;padding:1em;font-size:90%;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.tabcontent.infobox {margin-top:0;}
.tab.is-active {color:#fff;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.tab.is-active.law {background:#400e82;}
.tab.is-active.ls {background:#d6981c;}
.tab.is-active.pp {background:#25acf5;}
.tab.is-active.all {background:#333;}
.tabcontent {display:none;}
.tabcontent.is-show {display:block;}

.infobox {width:94%;margin:1em 0 2em 0;padding:3%;position:relative;}
.infobox.addtag {margin:2.6em 0 2em 0;}
.infobox span.tag {top:-2.2em; left:0; padding:.2em .5em; color:#fff; font-size:90%; font-weight:bold; background:#18A4C6; display:block; position:absolute;}
.infobox a { text-decoration: underline;}
/*
.infobox a {margin-top:1em;display:block; text-decoration: underline;}
.infobox a:first-child {margin-top:0;}
*/

.posttitle {display:block;}

.typo-main {color:#440B9F;}
.typo-bold {font-weight:bold;}
.typo-gf1 {font-family: 'Sawarabi Mincho', sans-serif;}
.typo-large {font-size:150%;}

.bgc-law {background:#400e82;}
.bgc-ls {background:#d6981c;}
.bgc-pp {background:#25acf5;}
.bgc-other {background:#333;}

.ta-l {text-align:left;}
.ta-c {text-align:center;}
.ta-r {text-align:right;}
.txt-halfspace {margin-left:.7em;}
.txt-space {margin-left:1.3em;}

.pagenation {margin:1em 0;text-align:center;}
.pagenation a,
.pagenation span {
	margin:0 .3em 0 0;
	padding:0 .6em;
	color:#fff;
	font-size:90%;
	text-align:center;
	background:#063;
	border:2px solid #063;
	text-decoration:none;
	display:inline-block;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
}
.pagenation a:hover,.pagenation span.current {color: #063;background:#fff;border:2px solid #063;}
.pagenation span.dots {color: #063;background:#fff;border:none;}

/* ---------- material-icons */
.material-icons {margin:-.18em .1em 0 .1em;vertical-align:middle;}
.material-icons.box {padding:.2em;color:#fff;border:1px solid #fff;vertical-align:top;}
.material-icons.no_mr {margin-right:0;}
.mi14 {font-size:14px!important;}
.mi18 {font-size:18px!important;}
.mi24 {font-size:24px!important;}
.mi36 {font-size:36px!important;}

/* ---------- clear */
.txt-indent-clear {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;}

.clearfix::before,
.clearfix::after {	content: " ";	display: table;}
.clearfix::after {	clear: both;}
.clearfix {	*zoom: 1;}

/* ===== wp css */
.has-text-align-center {text-align:center;}
.has-text-align-right {text-align:right;}

/* ===== drawer customize */
.drawer-navbar {padding:3em 0;}
.drawer-menu-item,.drawer-dropdown-menu-item {font-size:14px;}
.drawer-menu-item {font-weight:bold;}
.drawer-dropdown-menu li {padding:.8em;}
.drawer-dropdown-menu-item {line-height:1.6!important;border-bottom:1px solid #fff;}
.drawer-brand{line-height:1.4!important;font-weight:normal!important;text-align:left;}

/* ===== swiper customize */
.swiper-container{overflow:hidden;position:relative;}
.keyvisual .swiper-container {height:600px;}
.swiper-wrapper {width:100%;display:flex;position:relative;box-sizing:content-box;}
.swiper-slide {flex-shrink:0;position:relative;}
.swiper-slide img {width:100%;height:auto;vertical-align:bottom;}
.swiper-events {margin:0 0 2em 0;overflow:hidden;}
.swiper-events .swiper-slide {margin:1em 0;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-events .swiper-slide h4 {margin:0;}
.swiper-events .swiper-slide span {line-height:1.4;display:block;}
.swiper-events .swiper-slide img {width:100%;height:auto;}

.event-title,.event-date {margin:.3em 0;padding:.3em 0; }
.event-title {border-bottom:2px solid #000;}

.swiper-events .event-tags {position:absolute;top:0;left:0; width:100%; display:block;color:#fff;font-size:80%;font-weight:bold;}
	.swiper-events .event-tags .tag{ display: inline-block; padding:.5em .8em;}
	.event-tags .education{background:#222222;}/* 法学部 */
	.event-tags .graduate{background:#893B39;}/* 研究大学院 */
	.event-tags .lawschool{background:#FF7A01;}/* 法科大学院 */
	.event-tags .publicpolicy{background:#00218C;}/* 公共政策大学院 */


.event-date {top:2.5em;left:0;padding:.3em;color:#fff;font-size:80%;background:rgb(30,30,30,80%);position:absolute;}
.event-closedate {font-size:80%;}

/* ===== responsive */
.pcview {display:block;}
.spview {display:none;}
@media screen and (max-width: 668px) {
	.pcview {display:none;}
	.spview {display:block}

    body {min-width:100%;}
    img {max-width:100%;height:auto;}
    h1 {font-size:150%;}
    h1 {width:94%;padding:3%;font-size:150%;}
    h2 {font-size:140%;}
    h3 {font-size:130%;}

    .col2,.col3,.courselink,.tilelink {display:block;}
    .mainsize {width:96%;}

    .home-newsevent,.home-banner {width:100%;margin:0 60px 0 0;}
    .home-newsevent {margin:0;}
    .home-course.blocknav a {background-size:8%;}
    .home-course a::before {border-color: transparent #400e82 transparent transparent;}
    .home-course a.ls::before {border-color: transparent #d6981c transparent transparent;}
    .home-course a.pp::before {border-color: transparent #25acf5 transparent transparent;}

    .footbanner a {width:45%;height:auto;}
    .accessinfo section {width:100%;margin:1em 0 0 0;}

    .tilelink a {width:88%;height:auto!important;margin:1%;padding:5%;color:#353D9A;background:#fff;display:block;position:relative;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
    .tilelink a:hover {color:#353D9A;}

    .listlink a:hover {color:#222;}

    .readmore {padding:.15em 0 .15em .8em;}

    .tabtrigger {text-align:center;}
    .tabtrigger button {width:23%;margin:.1em;border-bottom:1px solid #ddd;}
    .tabtrigger button:nth-child(4),.tabtrigger button:nth-child(5) {width:32%;}

    .keyvisual .swiper-container {height:auto;}
    .swiper-container,.swiper-slide {width:100%;}
    .swiper-container img {width:100%;}
}

/* ============================================
     contentswrap settings
   ============================================ */
/* ----- WordPress aligns  */
.alignleft{ float: left; margin: .5em 1em .5em 0; }
.alignright{ float: right; margin: .5em 0 .5em 1em;}
.alignleft,.alignright{ max-width: 47%; box-sizing: border-box;}
.aligncenter {  margin: .5em auto 1em auto; text-align: center;}

@media (max-width: 668px) {
	.alignleft,.alignright{ float: none; max-width: 100%;height:auto; margin: 1em auto 1em auto; display:block;}
}

/* ----- WordPress wp-block-image  */
.wp-block-image figure{ text-align: center;}
.wp-block-image figcaption{ font-size: 80%; color: #666;}

/* ----- WordPress 区切り線 wp-block-separator  */
hr.wp-block-separator {  display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;} 

/* ----- WordPress 文字色 has-inline-color  */
.has-inline-color.has-black-color{ color:#000000 !important; } /* é»’ */
.has-inline-color.has-cyan-bluish-gray-color{ color:#ABB8C3 !important; } /* グレー */
.has-inline-color.has-white-color{ color:#FFFFFF !important; } /* 白 */
.has-inline-color.has-pale-pink-color{ color:#F88EA7 !important; } /* ピンク */
.has-inline-color.has-vivid-red-color{ color:#D0332D !important; } /* 赤 */
.has-inline-color.has-luminous-vivid-orange-color{ color:#FF6D00 !important; } /* オレンジ */
.has-inline-color.has-luminous-vivid-amber-color{ color:#FABC01 !important; } /* 琥珀 */
.has-inline-color.has-light-green-cyan-color{ color:#77DCB5 !important; } /* 薄いグリーンシアン */
.has-inline-color.has-vivid-green-cyan-color{ color:#00D185 !important; } /* 鮮やかなグリーンシアン */
.has-inline-color.has-pale-cyan-blue-color{ color:#90CFFC !important; } /* 淡いシアンブルー */
.has-inline-color.has-vivid-cyan-blue-color{ color:#248FE3 !important; } /* 鮮やかなシアンブルー */
.has-inline-color.has-vivid-purple-color{ color:#A149E0 !important; } /* 鮮やかなパープル */

/* ============================================
     widget
   ============================================ */

/* リンク無効 */
a.noLink,
.noLink a{ pointer-events: none; opacity: 0.4; }

/* ------- floatClear
<div class="floatClear"><!-- 左右寄せをクリアー --></div>
*/
.floatClear{ height: 1px; clear: both;}

/* ------- table class */
.tblBdr01{ border-top: 3px solid #ccc; }
.tblBdr01 th,
.tblBdr01 td{ border-bottom: 1px solid #ccc; padding: 5px 15px; text-align: left; vertical-align: top;}
.tblBdr01 th{ white-space: nowrap; }

/* ------- li2btn  リストをボタンのように見せる */
.mainsize .li2btn ul,
.mainsize ul.li2btn { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.mainsize .li2btn li { margin: 0 1% 16px; padding: 0; width: 48%; box-sizing: border-box; }
.mainsize .li2btn li a{ display: block; background: url("/common/images/df_set/navigate-wh-right.png") no-repeat right center #ddd; background-size: 24px; padding: 15px 35px 15px 15px;border: 1px solid #ccc;  border-radius: 5px; color: #222; text-decoration: none;}
.mainsize .li2btn li a:hover{ background-color: #eee; }

@media (max-width: 668px) {
	.mainsize .li2btn li { width: 100%;}
	
}

/* ------- list-box */
/* .list-box { font-size: 90%; word-break: normal; -ms-word-break: normal; border-collapse: collapse; border-spacing: 0;}
  .list-box tr {    border-bottom: 1px dotted #ddd; }
  .list-box th {    padding: 5px; border-bottom: 1px dotted #ddd;}
  .list-box td {    padding: 5px; border-bottom: 1px dotted #ddd;}
  .list-box .w50 {    width: 50px; }
  .list-box .w58 {    width: 58px; }
  .list-box .w100 {    width: 100px; }
  .list-box .w130 {    width: 130px; }
  .list-box .w150 {    width: 150px; }
  .list-box .w200 {    width: 200px; }
  .list-box .w242 {    width: 242px; }
  .list-box .w250 {    width: 250px; }
  .list-box .w300 {    width: 300px; }
  .list-box .w350 {    width: 350px; }
  .list-box .w400 {    width: 400px; }
  .list-box .w450 {    width: 450px; }
  .list-box .w500 {    width: 500px; }
  .list-box .w550 {    width: 500px; }
  .list-box .w600 {    width: 600px; }
  .list-box .w630 {    width: 630px; }
  .list-box .w650 {    width: 650px; }
  .list-box .w680 {    width: 680px; }
  .list-box .w700 {    width: 700px; }
  .list-box .w800 {    width: 800px; }
  .list-box .bg-blue {    background: #f0f8ff; }
  .list-box .bg-deepblue {    background: #a7c1d8; }
  .list-box .bg-orange {    background: #f64; }
  .list-box .bg-gray {    background: #eee; }
  .list-box .bg-pink {    background: #ffeaf4; }
  .list-box .bg-lightgray {    background: #f9f9f9; }
  .list-box .bg-lightyellow {    background: #fefff0; }
  .list-box .side-border {    border-right: 1px dotted #ddd;  }
.list-box-border {  border: 1px solid #ddd;} */

/* ------- gblMsgList */
.gblMsgList .item{ margin-bottom: 1em; padding: 8px; border: 3px solid #ccc; }
	.gblMsgList .item::before,
	.gblMsgList .item::after {	content: " ";	display: table;}
	.gblMsgList .item::after {	clear: both;}
	.gblMsgList .item {	*zoom: 1;}
.gblMsgList .item p{ margin: 0;}
.gblMsgList .item .photo{ float: left; margin-right: 30px;}
.gblMsgList .item .data-name{ font-size: 150%; font-weight: bold;}

@media (max-width: 668px) {
	.gblMsgList .item .photo{ float: none; margin-right: inherit; text-align: center;}
	
}

a:focus {    outline:1px dotted #999;}

/* ------- 記事検索ボタンまわり */
.btnForm{margin-bottom: 64px;}
.btnForm input{ display:none; }
.btnForm input + label{ display: inline-block; margin-bottom: 5px; padding: 2px 16px; border: 2px solid #400e82; border-radius: 30px; text-align: center; font-size: 14px;color:#400e82;}
.btnForm .all input + label{ border-radius: 3px;}
.btnForm input:checked + label{ background-color: #400e82; color: #fff;}

.btnForm a{display: inline-block; padding-left: 20px; background: url("/common/images/df_set/listhead_yellow.png") no-repeat left center;}

.newsSelecter{ margin-bottom: 10px;}

/* ------- 記事リスト */
.newsListSec{ position: relative;}
.mainsize ul.newsList{ padding: 0; border-top:1px solid #ddd; list-style: none;}
.mainsize ul.newsList li{ margin: 0; padding: 15px 5px; border-bottom:1px solid #ddd;}

.mainsize ul.newsList li .entryHead{ letter-spacing: 0;}
.mainsize ul.newsList li .date{ display: inline-block; margin-right: 15px;}
.mainsize ul.newsList li .grps{ display: inline-block; }

.mainsize ul.newsList .grpIco{display:inline-block;padding:3px 10px; font-size: 12px; line-height: 1.2; }
	.mainsize ul.newsList .grpIco.education{ background-color: #222222; color: #fff; } /* 法学部 */
	.mainsize ul.newsList .grpIco.graduate{  background-color: #893B39; color: #fff; } /* 研究大学院 */
	.mainsize ul.newsList .grpIco.lawschool{ background-color: #FF7A01; color: #fff; } /* 法科大学院 */
	.mainsize ul.newsList .grpIco.publicpolicy{ background-color: #00218C; color: #fff; } /* 公共政策大学院 */
	.mainsize ul.newsList .grpIco.admission{ background-color: #c4d700; color: #fff; }
	.mainsize ul.newsList .grpIco.alumni{ background-color: #4b6251; color: #fff; }
	.mainsize ul.newsList .grpIco.press{ background-color: #74a64c; color: #fff; }
	.mainsize ul.newsList .grpIco.event{ background-color: #f29c97; color: #fff; }
	.mainsize ul.newsList .grpIco.rcaslp{ background-color: #888; color: #fff; } /* 公共政策大学院 */


/* ------- 同窓会メールフォーム */
.alumni-form { letter-spacing: 0; }
.alumni-form input{ border: 1px solid #ccc;}
.alumni-form .tblBdr01 td{ padding-top: 16px; padding-bottom: 16px; }

.alumni-form .obj-center{ text-align: center;}

/* ------- ページ送り CSS */
.pagenavi{padding:27px 0; font-size:12px; font-weight:bold; line-height:1;}
.pagenavi a,
.pagenavi span{ display:block;float:left;padding:8px 16px;margin-left:5px;margin-bottom:5px;
	 background:#400e82;text-decoration:none;color:#FFF;transition: all 0.3s;
	 /* border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px; */}
.pagenavi a:hover{ opacity: 0.7;}
.pagenavi span{border:1px solid #400e82;background-color:#FFF;color:#400e82;}


/* add 210624 */
.listdata p,.law-message p,.list-box,.linkbtn,.tilenav a,.subNav {line-height:1.6;}

.imgcol {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:flex-start;}

.list-box {border-collapse:collapse;}
.list-box td {padding:1%;border:1px solid #ddd;}
.list-box.td2 td:nth-child(1) {width:28%;font-size:90%;font-weight:bold;}
.list-box.td2 td:nth-child(2) {width:72%;}
.list-box td:nth-child(odd) {background:#e9f7f6;}

.law-message p {margin:0;padding:0 .5em;}
.law-message p span {font-size:150%;font-weight:bold;display:block;}

.btnnav {margin:1em 0;padding:1.8em .5em .5em .5em;border:1px solid #004fa3;background:#f0f5f7;position:relative;}
.btnnav span {top:0;left:0;width:98%;padding:1%;color:#fff;font-size:90%;background:#004fa3;display:block;position:absolute;}
.btnnav a {margin:.3em;padding:.3em 1em;font-size:90%;background:#fff;display:inline-block;-moz-box-shadow: -1px 0px 15px 5px rgba(0, 0, 0, 0.1);-webkit-box-shadow: -1px 0px 15px 5px rgba(0, 0, 0, 0.1);-ms-box-shadow: -1px 0px 15px 5px rgba(0, 0, 0, 0.1);box-shadow: -1px 0px 15px 5px rgba(0, 0, 0, 0.1);}

.tilenav a {margin:.5%;padding:2em;border:1px solid #ddd;background:#fff;display:block;position:relative;}
.tilenav a::before {
    content: " ";
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #ccc transparent transparent;
    position: absolute;}
.tilenav a:hover::before{border-color: transparent #400e82 transparent transparent;}

.listdata p {margin:.8em 0;padding:.6em .3em .6em 1.3em;border-bottom:1px solid #ddd;position:relative;}
.listdata p::before {content:"\ef42";top:10px;left:0;font-family:'Material Icons';position:absolute;}
.listdata p:last-child {border-bottom:0;}

.linkbtn {padding:.6em .9em!important;background:linear-gradient(transparent 65%, yellow 35%);display:inline!important;text-decoration:none!important;}

.subNav {width:300px;margin:0 30px 0 0;padding-bottom:40px;font-size:90%;float:left;}
.subNav h3 { margin: 0 0 2px; padding: 8px 8px 32px; background: url("/common/images/mark_hagi_wht.png") no-repeat right 20px;background-color: #400e82; color: #fff; }
.subNav h4 a {padding:1em;display:block;position:relative;}
.subNav h4 a::after {
	content: "";
	top: 38%;
	right: 20px;
	width: 7px;
	height: 7px;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	position: absolute;}
.subNav h4 a.active {color:#353D9A;}
.subNav h4:hover{background-color: #FF9D00; color: #FF3C00; transition: 0.5s;}
.sublinks .sublinks{ margin-left: 1em;}
.sublinks a {margin:0 0 0 2em;padding:1em;border-left:2px solid #ddd;display:block;}
.sublinks a:hover,.sublinks a.active {color:#353D9A;border-left:2px solid #400e82;background-color: #FF9D00;}

.g-calendar {text-align:center;}
.g-calendar iframe {width:95%;max-width:760px;height:400px;} 

@media (max-width: 668px) {
	.list-box td {display:block;}
	.list-box.td2 td:nth-child(1),.list-box.td2 td:nth-child(2) {width:96%;padding:2%;border:0;}
	.list-box.td2 td:nth-child(1) {border-bottom:1px solid #000;}
	.subNav {width:100%;}
	.g-calendar iframe {height:600px;} 
}
.reload {
	margin-bottom: 20px;
}

.reload a {
	display: block;
	width: 80%;
	max-width: 260px;
	margin: 0 auto;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #01b264;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-size: 0.875rem;
	transition: .3s ease;
}

.reload a:hover {
	background: #016839;
	transition: .3s ease;
}

.reload a i {
	margin-right: 0.5em;
}
/* 公表事項テーブル */

.font57371 {color:windowtext;
	font-size:6.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;}
.font67371 {color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
}
.font77371 {color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
}
.font87371 {color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
}
.xl657371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	vertical-align:middle;
	white-space:nowrap;}
.xl667371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:white;
	white-space:nowrap;}
.xl677371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:nowrap;}
.xl687371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#FFF2CC;
	white-space:nowrap;}
.xl697371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border:.5pt solid windowtext;
	background:#CCFFFF;
	white-space:nowrap;}
.xl707371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:nowrap;}
.xl717371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:none;
	background:#DDEBF7;
	white-space:nowrap;}
.xl727371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:nowrap;}
.xl737371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:none;
	background:#DDEBF7;
	white-space:nowrap;}
.xl747371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#CCFFFF;
	white-space:nowrap;}
.xl757371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:none;
	background:#CCFFFF;
	white-space:nowrap;}
.xl767371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:none;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#FFF2CC;
	white-space:normal;}
.xl777371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:none;
	background:#FFF2CC;
	white-space:nowrap;}
.xl787371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:none;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:normal;}
.xl797371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:center;
	vertical-align:middle;
	border-top:none;
	border-right:.5pt solid windowtext;
	border-bottom:none;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:normal;}
.xl807371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:Calibri, sans-serif;
	text-align:center;
	vertical-align:middle;
	border-top:none;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:normal;}
.xl817371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:.5pt solid windowtext;
	border-right:.5pt solid windowtext;
	border-bottom:none;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:normal;}
.xl827371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:none;
	border-right:.5pt solid windowtext;
	border-bottom:none;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:normal;}
.xl837371 {padding-top:1px;
	padding-right:1px;
	padding-left:1px;
	color:black;
	font-size:11.0pt;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
	font-family:游ゴシック, monospace;
	text-align:center;
	vertical-align:middle;
	border-top:none;
	border-right:.5pt solid windowtext;
	border-bottom:.5pt solid windowtext;
	border-left:.5pt solid windowtext;
	background:#DDEBF7;
	white-space:normal;}
ruby {ruby-align:left;}
rt {color:windowtext;
	font-size:6.0pt;
	font-weight:400;
	font-style:normal;
	text-decoration:none;
}
.law-tbl-sc01 {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid #000;
}
.law-tbl-sc01 table {
    width: 100%;
    border-collapse: collapse;
}
.law-tbl-sc01 th,
.law-tbl-sc01 td {
    padding: 8px;
    text-align: center;
    border: 1px solid #000;
}
.color-cream{
    background-color: #FFE699;
}
.color-blue{
    background-color: #BDD7EE;
}
.color-green{
    background-color: #92D050;
}
.oc-table01 table {
    width: 100%;
    border-collapse: collapse;
}
.oc-table01 thead th,
.oc-table01 thead td {
    background: #ffe33f;
    color:  #db2e8b;
    text-align: center;
    vertical-align: middle;
    padding: 12px;
    border-top: #3071b9 solid 1px;
    border-bottom: #3071b9 solid 1px;
    border-right: #3071b9 solid 1px;
    font-family: 'Kaisei Decol', serif;
    font-weight: 600;
    font-size: 2em;
}
.oc-table01 thead {
    border-left: #3071b9 solid 1px;
}
.oc-table01 tbody th {
    background: #e6163e;
}
.oc-table01 tbody td {
    padding: 20px;
    background: #b7d32e;
}
@media screen and (max-width: 668px) {
.oc-table01 table{width: 100%;}
.oc-table01 table,
.oc-table01 thead,
.oc-table01 tbody,
.oc-table01 tr,
.oc-table01 th,
.oc-table01 td{
    display: block;
}
}
.oc-contents {
    display:flex;
    flex-wrap:wrap;
    width:100%;
}
.oc-item {
    width:calc(90%/2);
    padding:20px 10px;
    text-align: center;
    margin:auto 0;    
}
.oc-item:first-child {
    text-align: left;
}
.oc-heading{
    display:flex;
    justify-content:center;
    align-items: center;
    font-size:3em;
    font-weight:600;
    font-family: 'Kaisei Decol', serif;
    color: #b5d100;
}
.oc-heading::before,
.oc-heading::after {
    content:'';
    width:15px;
    height:15px;
}
.oc-heading::before{
    margin:-80px 30px 0 0;
    border-top:15px solid #de8e9a;
    border-left:15px solid #f2d9dc;
}
.oc-heading::after{
    margin:0 0 -80px 30px;
    border-right:15px solid #de8e9a;
    border-bottom:15px solid #f2d9dc;
}

.oc-link {
    width       : calc(90%/4);
    margin      : 1%;
}
.oc-link a {
  display       : block;
  border-radius : 5%;
  padding       : 4%;
  font-size     : 18pt;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px 12px;
  background    : #d6e9c2;
  color         : #998a73;
  font-size     : 1.5em;
  line-height   : 1em;
  transition    : .3s;
  box-shadow    : 6px 6px 3px #fde7bf;
  border        : 3px solid #998a73;
}
.oc-link a:hover {
  box-shadow    : none;
  color         : #998a73;
  background    : #f8c9c7;
}
.oc-panel {
  width     : 300px;
  height    : 320px;
  overflow  : hidden;
  margin    : auto;
  text-align: center;
}
.oc-background{
  width: 100vw;
  height: 60px;
  background: #a7dae1;
}
@media screen and (max-width: 668px) {
.oc-link{
    width       : calc(90% / 2);
    margin      : 2%;}
.oc-panel{
    width       : 80%;
    margin      : 10px auto;}
.oc-background{
    height: 20px;}
}
.oc-form-button {
  width         : 14em; 
  display:  block;
  border-radius : 30px;
  padding       : 6%;
  font-size     : 18pt;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px 12px;
  background    : #d6e9c2;
  color         : #998a73;
  font-size     : 1.5em;
  line-height   : 1em;
  transition    : .3s; 
  border        : 3px solid #998a73;
}
.oc-form-button:hover{
  background    : #FFFFFF;
  color         : #666666;
}
.oc-section {
  margin-top    : 20px;
}
.oc-section{
  margin-top:20px;
  position: relative;
  padding-bottom: 50px;
  z-index:1;
}
.oc-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid #f0f0ft;
  border-top: 150px solid transparent;
  border-bottom: 150px solid #f0f0f0;
  z-index:-1;
}
.twitter_box{
  width: 90%;
  border: #595757 2px solid;
  background: #ffee8e;
  color:#ef8da5;
  font-family: 'Kiwi Maru', serif;
  font-size: 1.2em;
  font-weight: 500;
  box-shadow: 5px 5px 5px #fabd00;
  padding: 30px;
  margin:10px auto;
}
.publishment-figure table, .publishment-figure td{
    border: solid 1px #666;
    border-spacing: 0;
    text-align:center;
}
.publishment-figure tr{background:#FFF;}
.publishment-figure tr:nth-child(1) {background: #DDEBF7;}
.lightblue {background:#CCFFFF!important;}
.lightorange {background:#FFF2CC!important;}
.publishment-figure td[rowspan] {background: #DDEBF7;}
.publishment-figure td[rowspan] + .publishment-figure td {background: #DDEBF7;}

/* TOP画面 */
.top-area{display: block; width: 100vw; height: 100vh; background-color: #FFF;}
.top-area > .lawsch-menu { position: absolute; top: 200px; }
.top-area > .lawsch-menu ul {list-style: none;}
.top-area > .lawsch-menu ul li p {font-size: 0.5em;}

.top-area > .lawsch-menu a{ position: relative; width: 300px; color: #FFF; background-color: rgba(102,102,102,0.7); display: block; padding: 10px 30px;}
.top-area > .lawsch-menu a:hover{color: #FFF; background-color: rgba(102,102,102,1);}
.top-area > .lawsch-menu a::after{content: ''; position:absolute; display: block; width: 5px; height: 100%; top:0; right: 0; background-color: #444; transition: all ease .7s;}
.top-area > .lawsch-menu a:hover::after{ background-color: #C44;}

.bgimg-law{position: relative; background-image:url(/common/images/keyv00.jpg); background-size: cover; background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0.5); background-blend-mode: darken; background-attachment:fixed;background-position:center;}
#toptitle{position: absolute; bottom: 100px; right: 50px; color: #FFF; font-size: 3rem;line-height:2rem;}
#other-info{width: 300px; position: absolute; top: 200px; right: 60px; }
#other-info a{display: block; margin-bottom: 5px; border: 2px solid #FFF; color: #FFF; border-radius: 10px; padding: 10px 30px; transition: all ease 0.7s; background-color: rgba(0, 0, 0, .5);}
#other-info a:hover{border: 2px solid #444; background-color: #000;  color: #AAA;}
#toptitle span{font-size: 1rem;}

/* アクセスメニュー */
#lawschool-ft {padding: 0;}
.accordion-menu{background-color: #00053a; color: #FFF;}
.accordion-menu h2{
    margin-top: 2em;
    padding: 1em .6em;
    font-size: 140%;
    border-bottom: 2px solid #FFF;
}
.toggle-switch-access {
	display: none;
}
.ls-access {
	padding: 1em;
	display: block;
	font-weight: 800;
	font-family: "Hina Mincho";
	border-bottom: solid 1px #FFF;
}
.ed-bgcolor{background: var(--ed-color); color: var(--ed-bgcolor);}
.gr-bgcolor{background: var(--gr-color); color: var(--gr-bgcolor);}
.ls-bgcolor{background: var(--ls-color); color: var(--ls-bgcolor);}
.ls-access::before{
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.ls-access,
.access-content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.5s;
}
.access-content {
	color: #000;
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	overflow: hidden;
	background-color: #FFF;
}
.toggle-switch-access:checked + .ls-access + .access-content {
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.toggle-switch-access:checked + .ls-access::before {
	transform: rotate(-45deg) !important;
}
/* new readmorebtn */
.readmoreBtnnews { position:absolute; top: 0; right: 0; margin-bottom: 8px; text-align: right;}
.readmoreBtnnews a { display: inline-block; padding:.2em 0 .2em .8em;font-size:80%;border-left:3px solid #000;}

/* NEWS & TOPICS */
.newstopic ul.newsList .grpIco{display:inline-block;padding:3px 10px; font-size: 12px; line-height: 1.2; }
.newstopic ul.newsList .grpIco.education{ background-color: #222222; color: #fff; } /* 法学部 */
.newstopic ul.newsList .grpIco.graduate{  background-color: #893B39; color: #fff; } /* 研究大学院 */
.newstopic ul.newsList .grpIco.lawschool{ background-color: #FF7A01; color: #fff; } /* 法科大学院 */
.newstopic ul.newsList .grpIco.publicpolicy{ background-color: #00218C; color: #fff; } /* 公共政策大学院 */
.newstopic ul.newsList .grpIco.admission{ background-color: #c4d700; color: #fff; }
.newstopic ul.newsList .grpIco.alumni{ background-color: #4b6251; color: #fff; }
.newstopic ul.newsList .grpIco.press{ background-color: #74a64c; color: #fff; }
.newstopic ul.newsList .grpIco.event{ background-color: #f29c97; color: #fff; }
.newstopic ul.newsList .grpIco.rcaslp{ background-color: #888; color: #fff; } /* 公共政策大学院 */

.newstopic div.entryTtl{ margin-left: 2em;}

.newstopic ul.newsList a{padding: 0px; transition: 0.7s background ease; position: relative; color: #000; background: linear-gradient(transparent 90%, #f2cf39 0%); display:inline; }
.newstopic ul.newsList a:hover{background: linear-gradient(transparent 70%, #C44 0%);}
	.newstopic ul.newsList a[href$=".pdf"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/pdf_icon.svg'); background-position: center; background-size: contain; }
	.newstopic ul.newsList a[href$=".xls"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/xls_icon.svg'); background-position: center; background-size: contain; }
	.newstopic ul.newsList a[href$=".xlsx"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/xls_icon.svg'); background-position: center; background-size: contain; }
	.newstopic ul.newsList a[href$=".xlsm"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/xls_icon.svg'); background-position: center; background-size: contain; }
	.newstopic ul.newsList a[href$=".doc"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/doc_icon.svg'); background-position: center; background-size: contain; }
	.newstopic ul.newsList a[href$=".docx"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/doc_icon.svg'); background-position: center; background-size: contain; }
	.newstopic ul.newsList a[href$=".docm"]::after{content: ""; display: inline-block; margin-left: 0.5em; width: 1em; height: 1em; background-image: url('/common/images/icons/doc_icon.svg'); background-position: center; background-size: contain; }

.newstopic .newsListSec h2{color: #000;}


/* レスポンシブ */
@media screen and (min-width: 961px) {
.sp-br{display: none;}
.bgimg-law{ min-height: 900px; }
}
/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
.sp-br{display: none;}
}

/* smartPhone */
@media screen and (max-width: 640px) {
.lawsch-head{position:relative;}
#toptitle{position: relative; top: 0; left: 0; display: block; height: 4em; padding: 30px 0; line-height: 3rem;}
.sp-br{display: block;}
.top-area{ display: block; height: auto; }
.top-area > .lawsch-menu, .newstopic { position:relative; display: inline-block; top: 0; left: 0;}
.top-area > .lawsch-menu{bottom: 0;}
.top-area > .lawsch-menu ul li{border-bottom: solid 1px #FFF;}
.newstopic{display: block;}
#other-info{display: block; position: relative; top:0; left:0;margin: 10px auto;}
#other-info a{position: relative; margin: 10px 0;}
#tkc-sp{display:block;}
}