@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
+ Since:2016-03-08
+ Update:XXXX-XX-XX
+ Browser Windows:IE11,FireFox44.0,Chrome48
+ Brouser Mac:Safari8.0,FireFox44.0
+ Editor ID:NTS
+ Version:1.0
+ style.cssからの差分のみ記述
+++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* base ******************************************************************** */
body {
	-webkit-text-size-adjust: 100%;
}
.wp {
	width: 100%;
}
.blog .main, .single-post .main, .category .main, .date .main, #about .main, #history .main, #history_archives .main, #message .main, #publications .main, .search .main {
	width: 100%;
	margin: 0;
}

/* header ****************************************************************** */
#headerNav {
	min-width: 0;
	line-height: 2.4em;
}
#headerNav ul {
	width: 100%;
}
#headerNav ul li a {
	padding: 0 20px 0 20px;
	background: url(../images/icon_arrow.png) 0 50% no-repeat;
	font-size: 114%;
}
#topHead {
	margin: 20px 0;
	padding: 0 5px;
}
#topHead ul {
	float: none;
}
#topHead h1 {
	float: none;
	margin-bottom: 20px;
}
#topHead h1 a {
	width: 316px;
	height: 30px;
	background: url(../images/logo_csl.png) no-repeat 0 0;
	background-size: 100%;
}
#topHead #btnTeacher {
	float: left;
	width: 49%;
	margin-right: 2%;
	font-size: 107%;
}
#topHead #btnParent {
	float: left;
	width: 49%;
	margin: 0;
	font-size: 107%;
}
#topHead #btnTeacher a, #topHead #btnParent a {
	padding: 0.8em 0;
}

/* breadcrumb ************************************************************** */
#topicpath {
	margin: 5px 10px;
}
#topicpath ol {
	margin-right: 0;
	font-size: 100%;
}

/* globalNav *************************************************************** */

 header .globalNav {
	margin: 0;
}
ul#menu-global-nav {
	display: block;
	background: #C9C9C9;
	border-radius: 2px 0px 0px 2px;
	border: 1px solid #C9C9C9;
}
header .globalNav ul.menu li{
	border-top:  1px solid #C9C9C9;
}

header .globalNav ul.menu li:first-child{
	border-top:  none;
}

header .globalNav ul.menu a{
	padding: 12px 40px 12px 20px;
	text-align: left;
	position: relative;
}
header .globalNav ul.menu a::after {
	content: "";
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	display: block;
	background: #ddedff url(../images/icon_arrow02.png);
	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	margin: auto;
}

header .globalNav ul.menu a:hover {
	background: #C4DDF9 ;
	background: linear-gradient(to bottom, #fff 0%, #C4DDF9 100%);
	background: -webkit-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background: -moz-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background-repeat: no-repeat;
	background-position:95% center;
	border-radius: 0;
}
/*
header .globalNav ul.menu {
	width: 100%;
}
header .globalNav ul.menu li {
	display: block;
	width: 100%;
}
header .globalNav li a {
	float: none;
	width: auto;
	height: auto;
	padding: 8px 0;
	text-indent: 0;
	color: #5e5e5e;
	text-align: left;
	font-size: 128%;
	font-weight: bold;
	white-space: nowrap;
	border-top: #c9c9c9 1px solid;
	border-left: none;
	border-right: none;	
	border-bottom: #c9c9c9 1px solid;
	text-align:l eft;
	padding-left: 20px;
	border-bottom: none;
}
header .globalNav li:last-of-type a {
	border-bottom: #c9c9c9 1px solid;
}
header .globalNav ul.menu a {
	background: #ddedff url(../images/icon_arrow02.png);
	background: url(../images/icon_arrow02.png),linear-gradient(to bottom, #fff 0%, #ddedff 100%);
	background: url(../images/icon_arrow02.png),-webkit-linear-gradient(top, #fff 0%, #ddedff 100%);
	background: url(../images/icon_arrow02.png),-moz-linear-gradient(top, #fff 0%, #ddedff 100%);
	background-repeat: no-repeat;
	background-position:95% center;
	border-radius: 0;
}
header .globalNav ul.menu a:hover {
	background: #C4DDF9 url(../images/icon_arrow02.png);
	background: url(../images/icon_arrow02.png),linear-gradient(to bottom, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-webkit-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-moz-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background-repeat: no-repeat;
	background-position:95% center;
	border-radius: 0;
}
#history_archives .globalNav .navIntroduction a, #history .globalNav .navIntroduction a, #about .globalNav .navIntroduction a, #message .globalNav .navIntroduction a, #publications .globalNav .navIntroduction a {
	background: #C4DDF9 url(../images/icon_arrow02.png);
	background: url(../images/icon_arrow02.png),linear-gradient(to bottom, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-webkit-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-moz-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background-repeat: no-repeat;
	background-position:95% center;
	border-radius:0;
}
#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: #C4DDF9 url(../images/icon_arrow02.png);
	background: url(../images/icon_arrow02.png),linear-gradient(to bottom, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-webkit-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-moz-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: 0;
}
.blog .globalNav .navColumn a, .single-post .globalNav .navColumn a, .category .globalNav .navColumn a, .date .globalNav .navColumn a {
	background: #C4DDF9 url(../images/icon_arrow02.png);
	background: url(../images/icon_arrow02.png),linear-gradient(to bottom, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-webkit-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background: url(../images/icon_arrow02.png),-moz-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: 0;
}
#membership .globalNav .navMember a {
	background: #C4DDF9 url(../images/icon_arrow02.png);
	background:  url(../images/icon_arrow02.png),linear-gradient(to bottom, #fff 0%, #C4DDF9 100%);
	background:  url(../images/icon_arrow02.png),-webkit-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background:  url(../images/icon_arrow02.png),-moz-linear-gradient(top, #fff 0%, #C4DDF9 100%);
	background-repeat: no-repeat;
	background-position: 95% center;
	border-radius: 0;
} */

/* add - 20250410 */

ul#menu-global-nav a{
	position: relative;
	padding-right: calc(15px + 13px + 15px);
}
ul#menu-global-nav a::after{
	content: "";
	display: block;
	background: url(../images/icon_arrow02.png);
	width: 13px;
	height: 13px;
	position: absolute;
	left: auto;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
}


/* topImage **************************************************************** */
#topImage p{
	padding: 10px 5px 16px;
}
#topImage p img {
	width: 100%;
	height: auto;
	margin: 0;
}

/* common ****************************************************************** */
.btnDetail a {
	padding: 14px;
	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;
	font-size: 107%;
}
.social {
	float: none;
}
.pageTop ul {
	float: none;
	text-align: right;
	margin-top: 20px;
}
.pageTop ul li a {
	background: url(../images/icon_uparrow.png) left center no-repeat;
	font-size: 114%;
}
.mw_wp_form input[type="submit"] {
	font-size: 107%;
}
:placeholder-shown {
	font-size: 107%;
}
::-webkit-input-placeholder {
	font-size: 107%;
}
::-moz-placeholder {
	font-size: 107%;
}
:-ms-input-placeholder {
	font-size: 107%;
}
.mw_wp_form input[type="text"] {
	width: 98%;
}
.mw_wp_form input[type="email"] {
	width: 98%;
}
.mw_wp_form textarea {
	width: 98%;
}

/* sitemap ***************************************************************** */
#sitemap {
	width: auto;
	min-width: 0;
	padding: 10px;
	font-size: 100%;
}
#sitemap .wp div {
	display: block;
	margin: 0;
}
#sitemap .footerNav ul li {
	padding: 10px 0;
	border-bottom: dotted 1px #fff;
}
#sitemap .footerNav:last-of-type ul li {
	border: none;
}
#sitemap .footerNav ul.sub-menu {
	margin-top: 10px;
}
#sitemap .footerNav ul.sub-menu li {
	float:left;
	margin-right: 30px;
	padding: 0 0 0 10px;
	border: none;
	background: url(../images/icon_3kaku.png) 0 50% no-repeat;
}

/* top page -C.S.L.の取り組み- ********************************************* */
.topHeadline {
	margin-bottom: 40px;
	width: 100%;
    padding: 0 5px;
}
#topApproach dl {
	position: relative;
	width: 94%;
	margin: 0;
	padding-bottom: 2px;
	border-radius: 0 0 4px 4px;
}
#topApproach dl#topVisit {
	margin: 16px 0;
}
#topApproach dl#topLecture{
	margin: 0 0 16px 0;
}
#topApproach dl#topCourse{
	margin: 0 0 16px 0;
}
#topApproach dl#topClass{
	margin: 0 0 16px 0;
}
#topApproach dt {
	width: 100%;
	height: 45px;
	text-indent: 0;
	letter-spacing: normal;
}
#topApproach dt a {
	width: 100%;
	height: auto;
	padding:10px 0;
	background: url(../images/icon_arrow.png) 98% center no-repeat;
	color:#fff;
	font-size: 128%;
}
#topApproach #topVisit dt {
	background:#0e3d74;
}
#topApproach #topLecture dt {
	background:#0e3d74;
}
#topApproach #topCourse dt {
	background:#0e3d74;
}
#topApproach #topClass dt {
	background:#0e3d74;
}
#topApproach #topVisit dd p, #topApproach #topLecture dd p, #topApproach #topCourse dd p, #topApproach #topClass dd p {
	margin-bottom: 0.5em;
}
#topApproach dd img {
	width: 100%;
	height: auto;
}
#topApproach .detail {
	padding-bottom: 3px;
}
#topApproach .detail a {
	position: relative;
	right: 0;
	bottom: 0;
	width: auto;
	margin: 0 4px;
	border-radius: 2px;
	font-size: 107%;
}

/* top page -共通タイトル- ************************************************* */
#topEvent h3, #topColumn h2, #topLink h2 {
	padding: 5px 0 5px 6px;
	font-size: 114%;
}

/* top page -募集中のイベント- ********************************************* */
#topEvent {
	width: 94%;
	margin: 0 auto 10px;	
	padding:0 0 10px 0;
}
#eventBox {
	font-size:107%;
}
#eventBox dl {
	padding: 5px 6px;
}
#eventBox dt {
	width: 100%;
}
#eventBox dd {
	width: 100%;
}
#eventBox .latestNews {
	margin: 0 10px;
}

/* top page -C.S.L.コラム- ************************************************* */
#topColumn dl {
	padding: 5px 6px;
	font-size: 107%;
}
#topColumn dt {
	width: 100%;
}
#topColumn dd {
	width: 100%;
}

/* top page -関連リンク- *************************************************** */

#topLink ul {
	margin: 20px 0;
	padding: 0 5px;
	font-size: 0;
	display: block;
}
#topLink li {
	display: block;
	margin: 10px 0;
}
#topLink li img {
	width: 100%;
}

/* sub page **************************************************************** */
.container {
	width: auto;
	margin: 0 5px;
}
.container .contents {
	padding: 20px 7px;
}
.container h3 {
	background: url(../images/bg_line.png) bottom repeat-x;
	font-size: 128%;
}
.blog .container h3,
.single-post .container h3 {
	padding: 0 0 3px 10px;
	font-size: 128%;
}
.container h4 {
	padding: 0 0 3px 10px;
	font-size: 128%;
}
.container h5 {
	font-size: 128%;
}
.container p {
	font-size: 107%;
}
.container p iframe {
	margin:0 2%;
	width:95%;
}
.main h2 {
	padding: 5px 0 5px 8px;
}

/* sidebar ***************************************************************** */
.sidebar {
	width: 100%;
	margin-left: 0;
}
.sidebar aside {
	width: 100%;
	margin-bottom: 20px;
}
.blog .sidebar aside h2,
.single .sidebar aside h2,
.archive .sidebar aside h2,
.search .sidebar aside h2 {
	padding: 5px 0 5px 8px;
}
.sidebar h2 a {
	display: block;
	padding: 5px 0 5px 8px;
	background: #3065A2 url(../images/icon_3kaku.png);
	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%);
	background-repeat: no-repeat;
	background-position: 9% center;
}
.sidebar aside li {
	padding: 0;
	font-size: 107%;
}
.sidebar aside li:first-of-type {
	padding-top: 0;
}
.sidebar aside li a {
	padding: 10px 10px 10px 20px;
	background: url(../images/icon_3kaku02.png) 10px center no-repeat;
	color: #5e5e5e;
}
.sidebar aside ul a.on {
	color: #00a0e9;
}
.sidebar aside li:first-of-type a {
	padding-top: 12px;
}
.searchBox input {
	height: 40px;
}
.searchBox label {
	font-size: 114%;
	margin-bottom: 0.5em;
}
.searchform input[type="text"]{
	width: 50%;
	height: 1.75em;
	font-size: 107%;
}
.searchform input[type="submit"] {
	width: 4em;
	height: 1.75em;
	margin-left: 5px;
	font-size: 107%;
}

/* C.S.L.とは ************************************************************** */
#about .btnDetail {
	width: 100%;
}

/*出版物*/
ul.bookList {
	margin-bottom: 0;
}
ul.bookList li {
	width: 100%;
	margin-bottom: 32px;
}
ul.bookList li img {
	float: left;
	width: 40%;
	height: auto;
}
ul.bookList dl {
	width: 53%;
}
ul.bookList dd {
	font-size: 107%;
}

/* 会員募集 **************************************************************** */
#membership table th {
	width: 4em;
}
.membership-field {
	padding: 10px;
}


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

/* C.S.L.の取り組みトップページ */
#approachVisit {
	background: url(../images/img_approach_visit.jpg) center top no-repeat;
	background-size: 100% auto;
}
#approachLecture {
	background: url(../images/img_approach_lecture.jpg) right top no-repeat;
	background-size: 100% auto;
}
#approachCourse {
	background: url(../images/img_approach_course.jpg) right top no-repeat;
	background-size: 100% auto;
}
#approachClass {
	background: url(../images/img_approach_class.jpg) right top no-repeat;
	background-size: 100% auto;
}
.approachList p {
	width: 100%;
}
#approachVisit p{
	padding-top: 60%;
}
#approachLecture p{
	padding-top: 52%;
}
#approachCourse p{
	padding-top: 68%;
}
#approachClass p{
	padding-top: 68%;
}
.approachList ul li {
	width: 100%;
}

/* C.S.L.の取り組みサブページナビ */
ul.approachNav {
	margin: 40px 0;
}
ul.approachNav li {
	width: 100%;
	margin: 0 0 10px;
	font-size: 114%;
	text-align: center;
}
ul.approachNav li a:before {
	top: 5px;
	left: 5px;
	height: 58px;
	width: 58px;
	content: " ";
}
ul.approachNav li:nth-child(odd){
	margin-right: 0;
}	
ul.approachNav li a {
	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;
}

/* C.S.L.の取り組み一覧ページ（アーカイブ） */
.eventSchedule dt {
	position:relative;
	padding: 10px 0 4px 0;
}
.eventSchedule dd {
	padding-bottom: 1em;
	border-bottom: dotted 1px #666;
	font-size: 114%;
}
.tax-approachcat .targetsList, .tax-target_person .targetsList {
	display: block;
	margin-top: 10px
}
.targetsList li a {
	margin: 0 0.7em 0 0;
	padding: 4px;
}
.targetsList li.target-lecture a, .targetsList li.target-course a, .targetsList li.target-class a {
	padding: 0.3em 0;
}
.accepting {
	position: absolute;
	top: 50.5%;
	left: 10.5em;
	padding: 4px 0;
}

/* C.S.L.の取り組み個別ページ（コンテンツ） */
.eventDetail th {
	width: 4em;
	padding: 4px;
}
.eventDetail td {
	padding: 4px;
}
.eventDetail td th {
	width: 4em!important;
	white-space: normal!important;
}
.eventDetail td img {
	margin: 4px;
}
.eventDetail td table {
	margin: 5px;
}
.event-map img {
	width: 96%;
}

/* イベント申し込みフォーム */
.event-entry-field {
	padding: 10px;
}
.event-entry-field dt {
	font-size: 114%;
}
.shadeBtn {
	width: 100%;
}

/* C.S.L.コラム ************************************************************ */
.post ul {
	font-size: 107%;
}
.pageNav {
	margin-top: 40px;
}
.pageNav div a {
	padding: 0.6em 0.5em;
	font-size: 114%;
}

/* アーカイブ、カテゴリー */
.archive .columnList li {
	background: url(../images/icon_3kaku02.png) 0 50% no-repeat;
}

/* ギャラリー */
#gallery-1 .gallery-item {
	float: none!important;
	margin-top: 0!important;
	width: 100%!important;
}
#gallery-1 br {
	display: none!important;
}

/* 記事で使用 ************************************************************** */
.contents p.notes {
	font-size: 100%;
}



/* ***  
add - 202504
 ************************************************************** */

.top_article {
	display: block;
    /* display: grid;
    grid-template-columns: repeat(1, 1fr); */
    gap: 30px;
	padding: 0 5px;
    margin-bottom: 30px;
}
.top__news,
.top__column {
	width: 100%;
	margin-bottom: 15px;
}

.ul__article--title {
	max-height: auto;
	overflow: hidden;
}