@charset "utf-8";

/*
Theme Name: k-design theme2026
Version: 8.1
*/

*{margin:0;padding:0;}
body{
	font-size:14px;
	font-weight:500;
	line-height:1.8;
	font-family:"Noto Sans JP";
	color:#252525;
}

a{color:#4596e6;text-decoration:none;}
a:hover{color:#4ba0f0;text-decoration:underline;}
a:active, a:focus {outline: 0;}
img{border:0;vertical-align: bottom;}

/* ===== Navigation ===== */
.navigation{margin:30px 0;color:#888;font-size:12px;line-height:18px;overflow:hidden;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;text-align:right;	width:50%;}
.center{text-align:center;}
.wp-pagenavi {margin-bottom:40px;clear: both;text-align:center;}
.wp-pagenavi a, .wp-pagenavi span {color: #1190C2;background-color: #FFFFFF;padding:8px 15px;margin: 0 2px;white-space: nowrap;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;text-align: center;text-decoration: none;border: thin dotted #1190C2;display: inline-block;}
.wp-pagenavi a:hover{color: #fff;background-color: #1190C2;}
.wp-pagenavi span.current{color: #fff;background-color: #1190C2;}

.alignright{margin:0 0 24px 24px;float:right;}

/* ===== 全体 ===== */
#wrapper{max-width: 1000px;margin: 0 auto;padding: 0 20px;}
#wrapper:after{content:"";display:block;clear:both;}
.wrap{max-width: 1000px;margin: 0 auto;}
.pc{display: block;}
.sp{display: none;}
.clear:after{content:"";display:block;clear:both;}
.flex_box{margin-bottom:24px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.two_flex div.item{width:48%;margin:0 1%;box-sizing:border-box;position:relative;}
.three_flex div.item{width:32%;box-sizing:border-box;position:relative;}
.three_flex::after{content:"";display: block;width:32%;}
.four_flex div.item{width:24%;box-sizing:border-box;position:relative;}
.four_flex::before{content:"";display: block;width:24%;order:1;}
.four_flex::after{content:"";display: block;width:24%;}
.box_link{width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999px;white-space:nowrap;overflow:hidden;}

.box{margin-bottom:24px;}
#container{max-width:1000px;margin:16px auto 32px;}
#container:after{content:"";display:block;clear:both;}

.example{margin-bottom:24px;padding:8px 16px;border:1px solid #D90000;}
.example a{color:#D90000;}

/* ===== header ===== */
#header{margin:8px 0;position:relative;}
#header h1{padding:5px 0 0;float:left;}
#header ul.lang{position:absolute;bottom:8px;right:0;}
#header ul.lang li{display:inline;font-size:11px;margin-left:20px;}
#header ul.lang li a{padding-left:15px;color:#333333;background: url(images/list.png) no-repeat 0 50%;}

/* ===== nav_menu ===== */
.menu-global-container{background-color:#4596E2;}
#topnav{max-width: 1000px;height:50px;margin:0 auto 15px;padding-top:5px;}

#topnav li{width:25%;float:left;list-style:none;text-align:center;font-size:12px;background:#FFFFFF;position: relative;}
#topnav li a{width:100%;height: 50px;line-height:50px;display: block;border-bottom:5px solid #4596E2;color:#333333;font-weight:bold;text-decoration:none;}
#topnav li:hover > a{background:#D5E8F9;}
#topnav li ul{list-style: none;position: absolute;top: 100%;left: 0;z-index:999;}
#topnav li ul li{width:100%;height: 0;overflow: hidden;-moz-transition: .2s;-webkit-transition: .2s;-o-transition: .2s;-ms-transition: .2s;transition: .2s;background:#4596E2;}
#topnav li ul li a{height: 40px;line-height:40px;border:none;color:#FFFFFF;}
#topnav li ul li a:hover{color:#333333;}
#topnav li:hover ul li{height: 40px;overflow: visible;}

/* ===== main-image ===== */
#main-image img{width:100%;}

/* ===== main ===== */
#main {width:700px;float: right;}
#main h2{margin-bottom: 10px;padding: 10px 10px 10px 0;font-size: 15px;font-weight: bold;color:#252525;clear:both;border-top:1px solid #D3D3D3;border-bottom:3px solid #1187C2;position:relative;}
#main h2 span{padding-left:15px;border-left:5px solid #1187C2;}
#main h3 {margin-bottom:8px;padding:4px 8px;font-size: 14px;background:#EAEAEA;letter-spacing: 0.2em;color: #333333;}

#main p {margin-bottom:16px;}
#main ul{margin-left:24px;margin-bottom:16px;}
#main ol{margin-left:24px;margin-bottom:16px;}

/* service */
.service .item{padding:1px;border:1px solid #BEBEBE;}
.service .item .service_title{margin-bottom:4px;padding:14px;background-color:#4596E5;color:#FFFFFF;}
.service .item .service_title:before{margin-right:12px;content:"";border-left:5px solid #FFFFFF;}
.service .item .service_photo{margin-bottom:8px;text-align:center;}
.service .item .btn{width:80%;margin:0 auto 8px;padding:2px 0!important;background-color:#F4F4F4;border:1px solid #DEDEDE;border-radius:24px;text-align:center;}
.service .item .btn a{padding:2px 0;color:#333333;font-size:12px;font-weight:600;}
.service .item .btn a:hover{color:#555555;}

/* メインとフッターのリスト位置調節 */
#footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}

/* ===== sidebar ===== */
#sidebar {width:265px;float: left;}
#sidebar p{margin-bottom: 24px;}
#sidebar h3 {padding:12px 10px 12px 12px;font-size: 15px;font-weight: bold;color: #252525;border-top:1px solid #CCCCCC;border-bottom:3px solid #1190C2;}
#sidebar ul{margin:0 0 16px 4px;padding:4px 0;}
#sidebar li{margin:0;list-style:none;border-bottom:1px dashed #4596e6;font-size:13px;line-height:1.4;}
#sidebar li a{padding:8px 0;background: url(images/list.png) no-repeat 0 12px;display: block;padding-left:15px;transition:0.2s;}
#sidebar li a:hover{background-position: 3px 12px;text-decoration:none;}

/* ===== footer ===== */
#footer{padding:16px 0;border-top: 1px solid #4596e6;}
#footer .inner{margin-bottom:24px;overflow: hidden;}
#footer ul.banner{max-width:600px;margin:0 auto;}
#footer ul.banner li{margin:0 5px 5px;float:left;list-style-type:none;}
address{text-align: center;font-family:Arial, Helvetica, "sans-serif";font-size: 11px;display:block;}

/* ===== 2014/03/19 追加 ===== */
#main table{width:100%!important;margin-bottom:24px;font-size:11px;border-collapse:collapse;border-spacing:0;}
#main table.line{width:100%;margin-bottom:16px;}
#main table th,#main table td{padding:4px;border:1px solid #BBBBBB;box-sizing:border-box;}
#main table th{background:#CCCCCC;}

/* ===== information ===== */
#info{margin-bottom:24px;}
#info h2 small.list,#event h2 small.list{margin-top:4px;font-size:12px;font-weight:normal;float:right;}
#info h2 small.list a,#event h2 small.list a{text-decoration:underline;}

ul.information{margin-bottom:24px !important;margin-left:0 !important;}
ul.information li{margin:0 0 4px;padding:4px 0;list-style:none;clear:both;overflow:hidden;border-bottom:1px dotted #CCCCCC;}
ul.information li:last-of-type{border-bottom:none;}
ul.information li span.cat{width:100px;background:#111255;color:#FFFFFF;display:block;float:left;font-size:11px;letter-spacing:0.15em;text-align:center;}
ul.information li span.date{width:100px;display:block;float:left;letter-spacing:0.15em;}
ul.information li span.entry_title{width:580px;float:right;display:block;}
ul.information li a{color:#333333;}
ul.information li a:hover{color:#3B82D7;text-decoration:underline;}
ul.information li span.new{margin-left:10px;padding:0 5px;background:#FD0000;color:#FFFFFF;font-size:11px;letter-spacing:0.15em;}

.scholarships #main ul.info li,.archive #main ul.info li,.archives #main ul.info li{
	margin:0;padding:8px 0;list-style:none;border-bottom:1px dotted #999999;overflow:hidden;
}

/* ===== error404 ===== */
.error404 #contents{padding-top:80px;text-align:center;}
.error404 #contents h1{margin:0;font-size:600%;font-family:Arial, Helvetica, "sans-serif";font-weight:600;line-height:1;color:#E60019;}
.error404 #contents p a{text-decoration:underline;}

@media screen and (min-width: 1001px) {
	#global_menu{display:block !important;}
}
@media screen and (min-width: 741px) {
	a[href^="tel:"]{pointer-events:none;cursor:default;text-decoration: none;}
}

/* ipad 横 */
@media screen and (max-width: 1000px) {
	.pc{display: none;}
	.sp{display:block;}
	#wrapper{padding:0;}
	#wrapper,.wrap,#topnav{width:94%;margin:0 3%;}
	#container{width:100%;margin:16px 0 0;}
	#header ul.lang{display:none;}
	
	#main,#sidebar{width:94%;margin:0 3%;float:none;}
	#main{margin-bottom:80px;}
	#sidebar{width:94%;margin:0;padding:24px 3%;background-color:#F3F3F3;border-top:3px solid #1187C2;}
	
	.overlayMenuBtn{
		position: absolute;
		top: 16px;
		right: 4%;
		height: 50px;
		cursor: pointer;
		z-index: 100001;
	}
	.overlayMenuBtn span{
		position: relative;
		display: block;
		width: 40px;
		border: 2px solid #005FAE;
		transition: .5s;
	}
	.overlayMenuBtn span:nth-child(1){top: 0;}
	.overlayMenuBtn span:nth-child(2){top: 10px;}
	.overlayMenuBtn span:nth-child(3){top: 20px;}
	.open .overlayMenuBtn span{
		border:2px solid #FFFFFF;
	}

	.overlayMenu{display: none;position: fixed;width: 100%;height: 100vh;overflow: auto;background-color:#FFFFFF;z-index: 100000;color:#333333;}
	.overlayMenuInner{padding:64px 4% 40px;}

	.overlayMenuItem ul.sp_menu{margin:20px 0 40px 0;padding:0;list-style-type: none;}
	.overlayMenuItem ul.sp_menu li{border-top:3px solid #4596E2;}
	.overlayMenuItem ul.sp_menu li a{
		width: 100%;
		padding: 20px 0 20px 40px;
		color: #333333;
		text-decoration: none;
		transition: .5s;
		display: block;
		box-sizing:border-box;
	}
	.overlayMenuItem ul.sp_menu li a:first-of-type{background-color:#005FAE;color:#FFFFFF;}
	.overlayMenuItem ul.sp_menu li a:hover{background-color:#005FAE;color:#FFFFFF;}
	
	.overlayMenuItem ul.sp_menu ul.sub-menu{list-style-type:none;}
	.overlayMenuItem ul.sp_menu ul.sub-menu li{border-top:1px solid #CCCCCC;}
	.overlayMenuItem ul.sp_menu ul.sub-menu li a{padding-left:64px;background:url("images/list.png") no-repeat 40px center;color:#333333;}
	.overlayMenuItem ul.sp_menu ul.sub-menu li a:hover{background-color:#005FAE;color:#FFFFFF;}

	/* ===== global_menu ===== */
	#topnav{display:none;}
	/* sidebar */
	#sidebar{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#sidebar .widget{width:30%;}
	#sidebar .widget:nth-of-type(1){order:2;}
	#sidebar .widget:nth-of-type(2){order:1;}
	#sidebar .widget:nth-of-type(3){order:3;}
	#sidebar .widget img{width:100%;height:auto;}
	
	/* information */
	ul.information li span.entry_title{width:82%;}
}

/* ipad 縦 */
@media screen and (max-width: 800px) {
	/* sidebar */
	#sidebar{display:flex;justify-content:space-between;flex-wrap:wrap;}
	#sidebar .widget{width:100%;margin-bottom:16px;}
	#sidebar .widget:nth-of-type(1){width:45%;}
	#sidebar .widget:nth-of-type(3){width:45%;}
}

/* iPhone 横 */
@media screen and (max-width: 740px) {
	img{max-width: 100%;height: auto;width /***/:auto;vertical-align:bottom;}
	table td{vertical-align:middle!important;}
	.two_flex div.item{width:100%;margin:0 0 40px;}
	.three_flex div.item{width:100%;}
	.four_flex div.item{width:48%;}
	.four_flex::before{content:"";display: block;width:48%;order:1;}
	.four_flex::after{content:"";display: block;width:48%;}
	
	.alignleft,.alignright{float:none;}
	.nav-previous,.nav-next{float:none;width:100%;text-align:left;}
	.wp-pagenavi a, .wp-pagenavi span{padding:4px 8px;}
	/* information */
	ul.information li span.cat{display:inline-block;float:none;}
	ul.information li span.date,ul.information li span.entry_title{width:100%;float:none;display:block;}
	
	/* header */
	#header h1{width:80%;}
	#header h1 img{width:100%;}
	#sidebar li a{padding:8px 0 8px 16px;background-position:0 14px;}
	#footer ul.banner li{margin:0 8px 8px;float:none;}
	.staff-directory20160401 table td{width:25%!important;}
	.documents_list #main table,.documents_list #main table td{font-size:10px!important;}
	
	.staff_directory th,.staff_directory td{font-size:8px!important;}
	.staff_directory td:nth-of-type(4){word-break:break-all;}
}

/* iPhone 縦 */
@media screen and (max-width: 640px) {
	/* service */
	.service .item .service_photo img{width:100%;height:auto;}
	/* sidebar */
	#sidebar .widget:nth-of-type(1){width:100%;}
	#sidebar .widget:nth-of-type(3){width:100%;}
}
