@charset "utf-8";
/*
Theme Name: C.S.L. PC Theme
Description: C.S.L. 一般社団法人学習評価研究所
Author: NTS
Version:1.0
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
+ Since:2016-03-14
+ Update:2016-04-21
+ Update:2016-05-09
+ Update:2016-06-20
+ Update:2016-09-06
+ Update:2019-06-06
+ Browser Windows:IE11,FireFox44.0,Chrome48
+ Brouser Mac:Safari8.0,FireFox44.0
+ Editor ID:NTS
+++++++++++++++++++++++++++++++++++++++++++++++++++++ */




/* reset ******************************************************************* */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* change colours to suit your needs */
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

/* change colours to suit your needs */
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input,
select {
	vertical-align: middle;
}

/* 追記 */
ol,
ul {
	list-style: none;
}

/* 画像を縦に並べたときに余白が出ないための設定 */
img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

/*  */


/* base ******************************************************************** */
html {
	overflow-y: scroll;
}

body {
	color: #5e5e5e;
	line-height: 1.5;
	font-size: 14px;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

a {
	color: #00a0e9;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

address {
	font-style: normal;
}

#topHead,
#topHead ul,
.globalNav ul,
#topicpath,
#topApproach,
#eventBox dl,
#topColumn dl,
#topLink ul,
#sitemap,
.container,
.sidebar,
.contents dl.eventSchedule,
#approach .approachList,
.contents ul,
.eventSchedule dt,
.eventSchedule dd,
.targetsList dt,
.contFooter,
.social,
.pageNav,
.bookList,
.footerNav ul {
	zoom: 1;
}

#topHead:after,
#topHead ul:after,
.globalNav ul:after,
#topicpath:after,
#topApproach:after,
#eventBox dl:after,
#topColumn dl:after,
#topLink ul:after,
#sitemap:after,
.container:after,
.sidebar:after,
.contents dl.eventSchedule:after,
#approach .approachList:after,
.contents ul:after,
.eventSchedule dt:after,
.eventSchedule dd:after,
.targetsList dt:after,
.contFooter:after,
.social:after,
.pageNav:after,
.bookList:after,
.footerNav ul:after {
	content: "";
	display: block;
	clear: both;
}

.wp {
	overflow: hidden;
	/* width: 940px; */

	max-width: 940px;
	width: 100%;
	margin: 0 auto;
	line-height: 1.5;
}

.blog .main,
.single-post .main,
.category .main,
.date .main,
#about .main,
#history .main,
#history_archives .main,
#message .main,
#publications .main,
.search .main {
	float: left;
	width: 658px;
	margin: 0 10px 0 0;
}

/* header ****************************************************************** */
#headerNav {
	width: 100%;
	padding: 4px 0;
	background: #3065a2;
}

#headerNav ul {
	width: 940px;
	margin: 0 auto;
	background: #3065a2;
	text-align: right;
}

#headerNav ul li a {
	padding: 0 0 0 20px;
	background: url(images/icon_arrow.png) 0 50% no-repeat;
	color: #fff;
	font-size: 85%;
	text-decoration: none;
}

#topHead a {
	color: #fff;
	text-decoration: none;
}

#headerNav a:hover,
#topHead a:hover {
	text-decoration: underline;
}

#topHead {
	margin: 10px 0;
}

#topHead h1 {
	float: left;
}

#topHead h1 a {
	display: inline-block;
	overflow: hidden;
	width: 334px;
	height: 32px;
	margin-top: 3px;
	background: url(images/logo_csl.png) no-repeat 0 0;
	background-size: 100%;
	vertical-align: middle;
	text-indent: -9999px;
}

#topHead ul {
	float: right;
}

#topHead #btnTeacher {
	float: left;
	width: 13em;
	border-radius: 4px;
	background: #7ab5a7;
	background: linear-gradient(to bottom, #7ab5a7 0%, #78b4a5 49%, #529e8b 50%, #77b4a5 100%);
	background: -webkit-linear-gradient(top, #7ab5a7 0%, #78b4a5 49%, #529e8b 50%, #77b4a5 100%);
	background: -moz-linear-gradient(top, #7ab5a7 0%, #78b4a5 49%, #529e8b 50%, #77b4a5 100%);
	color: #fff;
	font-weight: bold;
	text-align: center;
}

#topHead #btnParent {
	float: left;
	width: 13em;
	margin: 0 0 0 10px;
	border-radius: 4px;
	color: #fff;
	font-weight: bold;
	background: #acc67e;
	background: linear-gradient(to bottom, #acc67e 0%, #aac57c 49%, #9ebc68 50%, #91b354 100%);
	background: -webkit-linear-gradient(top, #acc67e 0%, #aac57c 49%, #9ebc68 50%, #91b354 100%);
	background: -moz-linear-gradient(top, #acc67e 0%, #aac57c 49%, #9ebc68 50%, #91b354 100%);
	text-align: center;
}

#topHead #btnTeacher a,
#topHead #btnParent a {
	display: block;
	padding: 0.6em;
}

/* breadcrumb ************************************************************** */
#topicpath {
	margin: 5px auto;
}

#topicpath ol {
	float: right;
	margin-right: 20px;
	font-size: 85%;
}

#topicpath ol li {
	display: inline;
	list-style-type: none;
}

#topicpath ol li:before {
	content: " > ";
}

#topicpath ol li:first-child:before {
	content: none;
}

/* globalNav *************************************************************** */
ul#menu-global-nav {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	column-gap: 1px;
	background: #C9C9C9;
	border-radius: 2px 0px 0px 2px;
	border: 1px solid #C9C9C9;
}

header .globalNav li a {
	display: block;
	white-space: nowrap;
	color: #666;
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;
	background: linear-gradient(0deg, #DDEDFF 0%, #FFF 100%);
	padding: 15px 5px 15px;
	text-decoration: none;
	position: relative;
}

header .globalNav li a:hover::after {
	content: "";
	background: #3065A2;
	width: 100%;
	height: 5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/* header .globalNav li a {
	display: block;
	overflow: hidden;
	float: left;
	width: 235px;
	height: 52px;
	text-indent: -9999px;
	white-space: nowrap;
}
header .globalNav .navIntroduction a {
	background: url(images/nav_globalmenu.gif) 0px 0px no-repeat;
}
header .globalNav .navIntroduction a:hover {
	background: url(images/nav_globalmenu.gif) 0px -52px no-repeat;
}
header .globalNav .navApproach a {
	background: url(images/nav_globalmenu.gif) 0px -104px no-repeat;
}
header .globalNav .navApproach a:hover {
	background: url(images/nav_globalmenu.gif) 0px -156px no-repeat;
}
header .globalNav .navColumn a {
	background: url(images/nav_globalmenu.gif) 0px -208px no-repeat;
}
header .globalNav .navColumn a:hover {
	background: url(images/nav_globalmenu.gif) 0px -260px no-repeat;
} */
/* 2016/06/20 メニュー変更 */
/* header .globalNav .navInquiry a {
	background: url(images/nav_globalmenu.gif) 0px -312px no-repeat;
}
header .globalNav .navInquiry a:hover {
	background: url(images/nav_globalmenu.gif) 0px -364px no-repeat;
}
#about .globalNav .navIntroduction a, #message .globalNav .navIntroduction a, #history .globalNav .navIntroduction a, #history_archives .globalNav .navIntroduction a, #publications .globalNav .navIntroduction a {
	background: url(images/nav_globalmenu.gif) 0px -52px no-repeat;
}
#approach .globalNav .navApproach a, .single-approach .globalNav .navApproach a, .tax-approachcat .globalNav .navApproach a, .tax-target_person .globalNav .navApproach a, .tax-target_person .globalNav .navApproach a {
	background: url(images/nav_globalmenu.gif) 0px -156px no-repeat;
}
.blog .globalNav .navColumn a, .single-post .globalNav .navColumn a, .category .globalNav .navColumn a, .date .globalNav .navColumn a {
	background: url(images/nav_globalmenu.gif) 0px -260px no-repeat;
} */
/* 2016/06/20 メニュー変更 */
/* #inquiry .globalNav .navInquiry a {
	background: url(images/nav_globalmenu.gif) 0px -364px no-repeat; 
}*/


/* add - 20250410 */

ul#menu-global-nav {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	text-align: center;
	font-size: 18px;
	font-weight: 600;
	border-radius: 2px;
	overflow: hidden;
}

#menu-global-nav li a {
	display: block;
	color: #666;
	text-decoration: none;
	background: linear-gradient(to bottom, #DDEDFF 0%, #FFF 100%);
	background: -webkit-linear-gradient(top, #DDEDFF 0%, #FFF 100%);
	background: -moz-linear-gradient(top, #DDEDFF 0%, #FFF 100%);
	padding: 15px 5px;
}

#menu-global-nav li a:hover {
	background: linear-gradient(to bottom, #ffffff 0%, #C4DDF9 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #C4DDF9 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #C4DDF9 100%);
}

/* topImage **************************************************************** */
#topImage p {
	padding: 20px 10px 16px;
	box-sizing: border-box;
	width: 100%;
}

#topImage p img {

	width: 100%;
	height: auto;
	/* width: 940px;
	height: 252px;
	margin: 20px auto; */
}

/* common ****************************************************************** */
.btnDetail a {
	display: block;
	margin-top: 10px;
	padding: 14px;
	background: #3065A2;
	background: url(images/icon_arrow.png), linear-gradient(to bottom, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: url(images/icon_arrow.png), -webkit-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: url(images/icon_arrow.png), -moz-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background-repeat: no-repeat;
	background-position: 90% center;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
	font-size: 92%;
	text-align: center;
}

.contFooter {
	margin: 20px 0 40px;
}

.social {
	float: left;
}

.social div {
	float: left;
	margin-right: 20px;
}

.pageTop ul {
	float: right;
	margin-top: -8px;
}

.pageTop ul li a {
	display: inline-block;
	padding: 0 0 0 20px;
	background: url(images/icon_uparrow.png) left center no-repeat;
}

.notice {
	margin-bottom: 0.25em, ;
}

.notice li:before {
	content: "※";
}

.mw_wp_form_confirm {
	padding: 10px 20px;
	border-radius: 2px;
	background: #ededed;
}

.mw_wp_form input[type="submit"] {
	padding: 8px 24px;
}

:placeholder-shown {
	font-size: 14px;
}

::-webkit-input-placeholder {
	font-size: 14px;
}

::-moz-placeholder {
	font-size: 14px;
}

:-ms-input-placeholder {
	font-size: 14px;
}

.horizontal-item {
	margin: 0 !important;
	padding: 6px 12px;
}

.itemList {
	margin-bottom: 1em;
	padding: 6px 12px 3px;
	background: #fff;
}

/* copyright *************************************************************** */
#copyright {
	width: 100%;
	margin: 4px 0 8px;
	background: #fff;
}

#copyright p {
	text-align: center;
}

/* sitemap ***************************************************************** */
#sitemap {
	width: 100%;
	/* min-width: 960px; */
	padding: 10px 0;
	background: #3065a2;
	text-align: center;
	font-size: 85%;
}

#sitemap .wp {
	text-align: center;
}

#sitemap .wp div {
	display: inline-block;
	margin: 0 3em;
	text-align: left;
	vertical-align: top;
	line-height: 1.75;
}

#sitemap .sub-menu li {
	padding: 0 0 0 10px;
	background: url(images/icon_3kaku.png) 0 50% no-repeat;
}

#sitemap a {
	color: #fff;
	text-decoration: none;
}

#sitemap a:hover {
	color: #fff;
	text-decoration: underline;
}

/* top page -C.S.L.の取り組み- ********************************************* */
.topHeadline {
	margin-bottom: 40px;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.topHeadline h2 {
	padding: 5px 0 5px 10px;
	border-radius: 2px 2px 0 0;
	background: #0e3d74;
	color: #fff;
	font-size: 114%;
}

#approachBox {
	width: 100%;
	margin: 0 0 20px 0;
	border-radius: 0 0 2px 2px;
	background: #3065a2;
}

#topApproach {
	text-align: center;
	letter-spacing: -0.4em;
}

#topApproach dl {
	display: inline-block;
	width: 227px;
	margin: 10px 0 0 4px;
	border-radius: 0 0 2px 2px;
	background: #fff;
	vertical-align: top;
}

#topApproach dl:first-child {
	margin: 10px 0 0 0;
}

#topApproach dt {
	overflow: hidden;
	width: 227px;
	height: 30px;
	text-indent: -9999px;
	white-space: nowrap;
}

#topApproach dt a {
	display: block;
	width: 227px;
	height: 30px;
}

#topApproach #topVisit dt {
	background: url(images/btn_visit.gif) no-repeat;
}

#topApproach #topLecture dt {
	background: url(images/btn_lecture.gif) no-repeat;
}

#topApproach #topCourse dt {
	background: url(images/btn_course.gif) no-repeat;
}

#topApproach #topClass dt {
	background: url(images/btn_class.gif) no-repeat;
}

#topApproach #topVisit dd,
#topApproach #topLecture dd,
#topApproach #topCourse dd,
#topApproach #topClass dd {
	text-align: left;
	letter-spacing: normal;
}

#topApproach #topVisit dd p,
#topApproach #topLecture dd p,
#topApproach #topCourse dd p,
#topApproach #topClass dd p {
	padding: 5px;
}

#topApproach dd img {
	width: 227px;
	height: 85px;
}

#topApproach .detail {
	text-align: right;
}

#topApproach .detail a {
	display: block;
	width: 50%;
	margin: 0 8px 8px auto;
	padding: 8px 0;
	border-radius: 4px;
	background: #3065A2;
	background: linear-gradient(to bottom, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: -webkit-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: -moz-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	color: #fff;
	font-size: 92%;
	font-weight: bold;
	text-align: center;
	letter-spacing: normal;
}

/* top page -共通タイトル- ************************************************* */
#topEvent h3,
#topColumn h2,
#topLink h2 {
	padding: 5px 0 5px 10px;
	border-radius: 2px;
	border: 1px solid #c9c9c9;
	background: #ddecff;
	background: linear-gradient(to bottom, #fff 0%, #ddecff 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #ddecff 100%);
	background: -moz-linear-gradient(top, #fff 0%, #ddecff 100%);
	color: #5e5e5e;
	font-size: 100%;
}

/* top page -募集中のイベント- ********************************************* */
#topEvent {
	width: 920px;
	padding: 10px;
}

#topEvent h3 {
	border-radius: 2px 2px 0 0;
}

#eventBox {
	width: 100%;
	background: #fff;
	border-radius: 0 0 2px 2px;
}

#eventBox dl {
	padding: 5px 15px;
	border-bottom: 1px dotted #666;
}

#eventBox dl:last-child {
	border-bottom: none;
}

#eventBox dt {
	float: left;
	width: 15%;
}

#eventBox dd {
	float: left;
	width: 85%;
}

#eventBox p {
	padding: 5px 15px;
}

#eventBox .latestNews {
	margin: 0;
	padding: 0 4px;
	border-radius: 2px;
	background: #ff814a;
	color: #fff;
	font-size: 78%;
	line-height: 1;
	vertical-align: middle;
}

/* top page -C.S.L.コラム- ************************************************* */
#topColumn {
	margin-bottom: 20px;
}

#topColumn dl {
	padding: 5px 15px;
	border-bottom: 1px dotted #666;
}

#topColumn dt {
	float: left;
	width: 15%;
}

#topColumn dd {
	float: left;
	width: 85%;
}

/* top page -関連リンク- *************************************************** */
#topLink {
	margin-bottom: 40px;
}

#topLink ul {
	margin: 20px 0;
	padding: 0 5px;
	font-size: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

#topLink li {}

#topLink li img {
	width: 100%;
}

/* sub page **************************************************************** */
.container {
	width: 900px;
	margin: 0 auto;
}

#approachArticle .container,
.single .container {
	margin-bottom: 50px;
}

.container .contents {
	padding: 20px;
	border-radius: 0 0 2px 2px;
	border: 1px solid #c9c9c9;
	border-top-style: none;
}

.container h3 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	background: url(images/bg_line.png) bottom repeat-x;
	color: #0c335f;
	font-size: 114%;
}

.container h3 a {
	color: #0c335f;
}

.blog .container h3,
.single-post .container h3 {
	margin-bottom: 10px;
	padding: 0 0 0 15px;
	border-left: 6px solid #0c335f;
	border-bottom: 1px solid #0c335f;
	background: none;
	color: #0c335f;
	font-size: 114%;
}

.container h4 {
	margin-bottom: 10px;
	padding: 0 0 0 15px;
	border-left: 6px solid #0c335f;
	border-bottom: 1px solid #0c335f;
	font-size: 114%;
}

.container h4 a {
	color: #0c335f;
}

/* add 2016/09/06 */
.single-post .container h4 {
	margin-bottom: 1em;
	padding-left: 0;
	border-left: none;
	border-bottom: none;
	color: #0c335f;
	font-size: 114%;
}

.container h5 {
	margin-bottom: 1em;
	color: #0c335f;
	font-size: 114%;
}

.container .lead {
	margin-bottom: 40px;
}

.container p {
	margin-bottom: 1.25em;
}

.container .listBox {
	margin-bottom: 30px;
}

.main h2 {
	display: block;
	padding: 5px 0 5px 20px;
	background: #3065A2;
	background: linear-gradient(to bottom, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: -webkit-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: -moz-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
	border-radius: 2px 2px 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 128%;
}

/* sidebar ***************************************************************** */
.sidebar {
	float: left;
	width: 232px;
}

.sidebar aside {
	float: right;
	width: 232px;
	margin-bottom: 20px;
	border-radius: 0 0 2px 2px;
}

.sidebar aside ul li {
	border-left: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	border-bottom: dotted 1px #c9c9c9;
}

.blog .sidebar aside h2,
.single .sidebar aside h2,
.archive .sidebar aside h2,
.search .sidebar aside h2 {
	display: block;
	padding: 5px 0 5px 20px;
	background: #3065A2;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
	border-radius: 2px 2px 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 128%;
}

.sidebar h2 a {
	display: block;
	padding: 5px 0 5px 36px;
	background: #3065A2 url(images/icon_3kaku.png);
	background: url(images/icon_3kaku.png), linear-gradient(to bottom, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: url(images/icon_3kaku.png), -webkit-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: url(images/icon_3kaku.png), -moz-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background-repeat: no-repeat;
	background-position: 9% center;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.4);
	border-radius: 2px 2px 0 0;
	color: #fff;
	font-weight: bold;
	font-size: 128%;
}

.sidebar aside li {
	padding: 6px 6px 6px 8px;
}

.sidebar aside li a {
	display: block;
	padding-left: 10px;
	background: url(images/icon_3kaku02.png) 0 0.5em no-repeat;
	color: #5e5e5e;
}

.sidebar aside ul a.on {
	color: #00a0e9;
	background: url(images/icon_3kaku02on.png) 20px 50% no-repeat;
}

.sidebar aside li:first-of-type {
	padding-top: 8px;
}

.sidebar aside li:last-of-type {
	border-bottom: solid 1px #c9c9c9;
	border-radius: 0 0 2px 2px;
}

.searchBox label {
	display: block;
	font-size: 90%;
}

.searchBox input {
	margin: 4px 0;
}

/* C.S.L.とは ************************************************************** */
#about .listBox {
	margin-bottom: 40px;
}

#about .btnDetail {
	width: 16em;
}

/* C.S.L.の足跡 */
table.history {
	width: 100%;
	margin-bottom: 40px;
	border-collapse: separate;
	border-spacing: 2px;
}

.history caption {
	margin-bottom: 0.25em;
	color: #0c335f;
	font-size: 114%;
	font-weight: bold;
	text-align: left;
}

.history tr:nth-child(even) {
	background: #f6f6f6;
}

.history tr:nth-child(odd) {
	background: #efefef;
}

.history th {
	margin: 2px;
	padding: 2px 8px;
	background: #3065a2;
	color: #fff;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

.history td {
	margin: 2px;
	padding: 2px 8px;
}

/*出版物*/
ul.bookList {
	margin-bottom: 40px;
}

ul.bookList li {
	float: left;
	width: 50%;
	vertical-align: top;
	letter-spacing: normal;
}

ul.bookList li img {
	float: left;
	width: auto;
	height: 140px;
	border: solid 1px #c9c9c9;
}

ul.bookList dl {
	float: right;
	width: 64%;
	padding-right: 4px;
}

ul.bookList dt {
	font-weight: bold;
}

ul.bookList dd {
	padding-right: 8px;
	font-size: 85%;
}

/* 会員募集 **************************************************************** */
#membership h3 {
	margin-top: 2.5em;
}

#membership table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border: 1px solid #c9c9c9;
}

#membership table caption {
	margin-bottom: 0.25em;
	color: #0c335f;
	font-size: 114%;
	font-weight: bold;
	text-align: left;
}

#membership table th {
	width: 10em;
	padding: 4px 8px;
	border: 1px solid #c9c9c9;
	background: #5e5e5e;
	color: #fff;
	text-align: left;
}

#membership table td {
	padding: 4px 8px;
	border: 1px solid #c9c9c9;
}

.membership-field {
	padding: 10px 20px;
	border-radius: 2px;
	background: #ededed;
}

#membership_form {
	margin-bottom: 0.5em;
}

#membership_form dt {
	margin-bottom: 0.25em;
	color: #0c335f;
	font-size: 114%;
}

#membership_form dt:before {
	content: "◎";
}

#membership_form dd {
	margin-bottom: 1em;
}

#complete .btnDetail {
	width: 16em;
}

/* お問い合わせ ************************************************************ */
#inquiry .contents ul {
	margin-bottom: 1em;
}

#inquiry .contents ul li {
	/* list-style-type: disc; 2019/06/06 */
	/* margin-left: 1em; 2019/06/06 */
}

#inquiry .contents dl {
	margin-bottom: 2em;
}

#inquiry .contents dt {
	margin-bottom: 0.5em;
}

#inquiry .contents dd {
	margin-bottom: 0.5em;
	padding-left: 10px;
}

#inquiry .contents .memo {
	padding: 10px;
	border-radius: 2px;
	background: #ededed;
}

#inquiry_complete .btnDetail {
	width: 16em;
}

/* アクセス **************************************************************** */
#access .map {
	border: 1px solid #c9c9c9 !important;
}

/* C.S.L.の取り組み ******************************************************** */

/* C.S.L.の取り組みトップページ */
.approachList div {
	margin-bottom: 40px;
}

#approachVisit {
	background: url(images/img_approach_visit.jpg) right top no-repeat;
	background-size: 232px auto;
}

#approachLecture {
	background: url(images/img_approach_lecture.jpg) right top no-repeat;
	background-size: 232px auto;
}

#approachCourse {
	background: url(images/img_approach_course.jpg) right top no-repeat;
	background-size: 232px auto;
}

#approachClass {
	background: url(images/img_approach_class.jpg) right top no-repeat;
	background-size: 232px auto;
}

.approachList p {
	width: 70%;
	margin-bottom: 1em;
}

.approachList ul li {
	width: 16em;
}

/* C.S.L.の取り組みサブページナビ */
ul.approachNav {
	margin: 40px 0 20px;
}

ul.approachNav li {
	float: left;
	margin-left: 10px;
	width: 207px;
}

ul.approachNav li:first-child {
	margin-left: 0;
}

ul.approachNav li a {
	display: block;
	position: relative;
	padding: 22px 20px 22px 75px;
	background: #3065A2;
	background: url(images/icon_arrow.png), linear-gradient(to bottom, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: url(images/icon_arrow.png), -webkit-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: url(images/icon_arrow.png), -moz-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: 2px;
	color: #fff;
	font-weight: bold;
}

ul.approachNav li a:before {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 3px;
	height: 59px;
	width: 59px;
	content: " ";
}

ul.approachNav li:nth-child(1) a:before {
	background-image: url(images/img_approach_visit.jpg);
	background-position: 0 0;
	background-size: auto 60px;
}

ul.approachNav li:nth-child(2) a:before {
	background-image: url(images/img_approach_lecture.jpg);
	background-position: -30px 0;
	background-size: auto 60px;
}

ul.approachNav li:nth-child(3) a:before {
	background-image: url(images/img_approach_course.jpg);
	background-position: -30px 0;
	background-size: auto 70px;
}

ul.approachNav li:nth-child(4) a:before {
	background-image: url(images/img_approach_class.jpg);
	background-position: 0 0;
	background-size: auto 80px;
}

/* C.S.L.の取り組み一覧ページ（アーカイブ） */
.eventSchedule {
	border-top: 1px dotted #666;
	margin-bottom: 40px;
}

.eventSchedule dt {
	padding: 10px 0 5px 0;
}

.eventSchedule dd {
	padding-bottom: 10px;
	border-bottom: dotted 1px #666;
}

.tax-approachcat .targetsList,
.tax-target_person .targetsList {
	display: inline-block;
}

.single-approach .targetsList {
	margin-bottom: 20px;
	text-align: right;
}

.targetsList li {
	display: inline-block;
}

.targetsList li a {
	display: block;
	width: 10em;
	margin-left: 10px;
	padding-top: 2px;
	border-radius: 2px;
	color: #fff;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
}

.targetsList li.target-teacher a {
	background: #539F8C;
}

.targetsList li.target-parent a {
	background: #9DBC67;
}

.targetsList li.category a {
	background: #0c335f;
}

.targetsList li.target-lecture a,
.targetsList li.target-course a,
.targetsList li.target-class a {
	background: #0c335f;
}

.accepting {
	display: inline-block;
	width: 4em;
	margin-left: 10px;
	padding-top: 1px;
	border-radius: 2px;
	background: #F04400;
	color: #fff;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
}

/* C.S.L.の取り組み個別ページ（コンテンツ） */
.eventDetail {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
	border: 1px solid #c9c9c9;
}

.eventDetail caption {
	margin-bottom: 0.25em;
	color: #0c335f;
	font-size: 114%;
	font-weight: bold;
	text-align: left;
}

.eventDetail th {
	width: 10em;
	padding: 4px 8px;
	border: 1px solid #c9c9c9;
	background: #666;
	color: #fff;
	text-align: left;
	vertical-align: top;
}

.eventDetail td {
	padding: 4px 8px;
	border: 1px solid #c9c9c9;
	word-break: break-all;
}

.eventDetail td img {
	margin: 8px;
}

.eventDetail td table {
	margin: 10px;
}

.eventDetail td th {
	width: auto;
	background: #f9f9f9;
	color: #5e5e5e;
	white-space: nowrap;
}

.eventDetail td ul {
	margin-bottom: 1em;
}

.eventDetail td ul li {
	list-style-type: disc;
	margin-left: 1em;
}

.eventDetail td p {
	margin-bottom: 0;
}

.eventDetail td.event-course p {
	margin-bottom: 0.5em;
}

.eventDetail td.event-course-profile p {
	margin-bottom: 0.5em;
}

.eventDetail td.event-course-profile p strong {
	color: #0c335f;
}

.event-map iframe {
	border: 1px solid #c9c9c9 !importamt;
}

.eventInfo {
	margin-bottom: 20px;
	padding: 0.25em 0.5em;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	background: #f9f9f9;
}

.eventInfo p {
	margin-bottom: 0;
}

.comment {
	padding: 0.25em;
	border-radius: 3px;
	border: 1px solid #dcdcdc;
	background: #f9f9f9;
}

/* イベント申し込みフォーム */
.event-entry-field {
	padding: 10px 20px;
	border-radius: 2px;
	background: #ededed;
}

.event-entry-field dt {
	color: #0c335f;
}

.event-entry-field dt:before {
	content: "◎";
}

.event-entry-field dd {
	margin-bottom: 1em;
}

::-webkit-input-placeholder {
	overflow: auto;
	color: #999;
	line-height: 1.5;
}

:-moz-placeholder {
	overflow: auto;
	color: #999;
	font-size: 92%;
	line-height: 1.5;
}

.event-complete .btnDetail {
	width: 20em;
}

.shadeGroup {
	position: relative;
	margin-bottom: 20px;
	padding-top: 40px;
}

.shadeBtn {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20em;
	margin: 0 auto;
	padding: 8px 0;
	border-radius: 4px;
	background: #3065A2;
	background: linear-gradient(to bottom, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: -webkit-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	background: -moz-linear-gradient(top, #3065A2 0%, #426FA2 49%, #3065A2 50%, #5580B3 100%);
	color: #fff;
	font-size: 92%;
	font-weight: bold;
	text-align: center;
	letter-spacing: normal;
	cursor: pointer;
}

.btnClose:after {
	content: 'フォームを閉じる';
}

/* C.S.L.コラム ************************************************************ */
.blog article,
.category article,
.date article {
	margin-bottom: 40px;
}

.post .date,
.approach .date {
	margin-bottom: 0;
	text-align: right;
}

.post ul {
	margin-bottom: 5px;
	font-size: 85%;
	text-align: right;
}

.pageNav {
	margin-top: 40px;
}

.pageNav div a {
	display: block;
	padding: 0.25em 0.5em;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	background: #f9f9f9;
	font-size: 85%;
	color: #5e5e5e;
}

.pageNav div a:hover {
	text-decoration: none;
}

.pageNav .prev {
	float: left;
}

.pageNav .next {
	float: right;
}

/* アーカイブ、カテゴリー */
.archive .columnList ul {
	margin: 0 0 20px 10px;
}

.archive .columnList li {
	margin-bottom: 5px;
	padding: 0 0 0 10px;
	background: url(images/icon_3kaku02.png) 0 50% no-repeat;
}

/* ギャラリー */
.post .gallery {
	margin-bottom: 20px !important;
}

.post .gallery .gallery-caption {
	font-size: 85%;
}

.post .gallery dl {
	margin-bottom: 10px;
}

.post .gallery img {
	margin-bottom: 4px;
}

/* 記事が無い場合 ********************************************************** */
.noData p {
	margin: 2em 0 4em;
	font-size: 114%;
}

/* 記事で使用 ************************************************************** */
.txtRight {
	text-align: right;
}

.txtCenter {
	text-align: center;
}

.contents p.notes {
	padding: 10px;
	border-radius: 2px;
	background: #e4e4e4;
	font-size: 85%;
}

.listPoint {
	margin-bottom: 1em;
}

.listPoint li {
	list-style-type: disc;
	margin-left: 1em;
}

.numPoint li {
	list-style-type: decimal;
	margin-left: 2em;
}


/* ***  
add - 202504
 ************************************************************** */
.top_article {
	display: flex;
	/* display: grid;
	grid-template-columns: repeat(2, 1fr); */
	column-gap: 16px;
	margin-bottom: 16px;
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

.top__news,
.top__column {
	width: calc(100% / 2 - 8px);
	display: flex;
	flex-direction: column;
	border: 1px solid #C9C9C9;
	padding-bottom: 16px;
	margin-bottom: 16px;
	box-sizing: border-box;
}

.top__news--title,
.top__column--title {
	border-radius: 2px;
	border-bottom: 1px solid #C9C9C9;
	background: linear-gradient(0deg, #DDECFF 0%, #FFF 100%);
	color: #5E5E5E;
	font-size: 16px;
	font-weight: 600;
	padding: 6px;
	box-sizing: border-box;
	flex: 0 0 auto;
}

.ul__article {
	flex: 1 0 auto;
	padding: 16px;
}

.ul__article li {
	padding: 8px;
	border-bottom: 1px dashed #C9C9C9;
	font-size: 14px;
	width: 100%;
	box-sizing: border-box;
}

.ul__article--day {
	color: #5E5E5E;
	font-size: 12px;
	margin-bottom: 4px;
}

.ul__article--title {
	max-height: 1.4em;
	overflow: hidden;

	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ul__article--title a {
	color: #00A0E9;
}

.top_article .btnDetail {
	flex: 0 0 auto;
}

.top_article .btnDetail a {
	max-width: 16em;
	width: 80%;
	margin: auto;
}

/* fancybox */

.fancybox-container .fancybox-close-small,
.fancybox-container .fancybox-button {
	background-color: #fff;
}

.fancybox-container .fancybox-close-small{
	color: #000 !important;
    opacity: 1;
}
.fancybox-button:hover {
	color: #000 !important;
}