/* ---------------------------------------------------
 * JBAGS ORANGE
 * @author AKAZAWA, Toshikazu
 * @copyright Akazawa Studio LLC. All Rights Reserved.
 * @website https://www.akazawa.org
 * @category Connect-CMSテーマCSS
 ----------------------------------------------------- */
/*------------------
	全体
-------------------*/
/* リンク */
a{
	color: #6090EE;
}
a:hover {
	color: #DE8A06;
}
a.nav-link, a.nav-link:hover {
	color: #6090EE;
}
/* フレームヘッダー部の歯車などのアイコン（フレームデザイン Default時） */
.card-header.bg-default.cc-default-font-color a{
	color: white;
}
body {
	background: url(/themes/Users/jb-orange/images/wrap_bg.jpg) repeat-x;
}
/*------------------
	ヘッダー
-------------------*/
/* ナビゲーションバー */
@media (min-width: 769px) {
	/* スマホではない場合、ナビゲーションバーを消す */
	.navbar {
		/* display: none; */
	}
}
.bg-dark.navbar-dark {
	/* background-color: #888888 !important; */
	background-color: #000000 !important;
}
.bg-dark.navbar-light {
	background-color: #F8F8F8 !important;
}
/* 明るめの文字色 */
.navbar-dark .navbar-brand {
	color: #FFDCA0;
}
.navbar-dark .navbar-brand:hover {
	color: #FFFFFF;
}
.navbar-dark .navbar-nav .nav-link {
	color: #FFDCA0;
}
/* 暗めの文字色 */
.navbar-light .navbar-brand {
	color: #DE8A06;
}
.navbar-light .navbar-brand:hover {
	color: #000000;
}
.navbar-light .navbar-nav .nav-link {
	color: #DE8A06;
}
/* スライドショー */
@media (min-width: 992px) {
	#ccHeaderArea .plugin-slideshows {
		margin-top: 15px;
	}
}
/*----- メニュー -----*/
/* テンプレート：タブ */
.nav-tabs {
/*	border-bottom: solid 5px #FFDCA0; */
}
.nav-tabs .nav-link {
/*	color: #DE8A06;
	background-color: #F8F8F8;*/
	color: #000;
	border-radius: 0;
	background: url(/themes/Users/jb-orange/images/nav_bg.png) no-repeat left bottom, linear-gradient(to bottom, #ffffff 0%, #ffcc33 100%)
}
.nav-tabs .nav-link.active {
/*	color: #000;
	background-color: #FFDCA0;
	border-color: #FFDCA0;
*/
	color: #000;
	font-weight: bold;
	background: linear-gradient(to top, #f68605 0%, #ffcc33 100%);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
	color: #000;
	font-weight: bold;
	background: linear-gradient(to top, #f68605 0%, #ffcc33 100%);
}
.nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus {
/*	color: #000;*/
}
/* テンプレート：パンくず */
.breadcrumb {
	padding: 0;
	background-color: transparent;
}
@media (max-width: 768px) {
	/* スマホの場合 */
	.menus-tab {
		display: none;
	}
	.menus-breadcrumbs {
		padding: 0 15px !important;
	}
}
/*-----------------------
 ヘッダーエリア #ccHeaderArea
------------------------*/
@media (min-width: 769px) {
	/* スマホではない場合、上部両端にオレンジ画像を配置（スマホに表示すると崩れる） */
	body > .container-fluid {
		background: url(/themes/Users/jb-orange/images/hd_bg.jpg) repeat-x;
	}
}
#ccHeaderArea .card-body.p-0 {
	background: url(/themes/Users/jb-orange/images/hd_img.jpg) no-repeat;
}
#ccHeaderArea .card-body .external_site {
	color: #AA6600;
	background: #FFEEA0;
	border: solid 2px #AA8800;
	border-radius: 8px;
	font-weight: bold;
	padding: 0.5em 1em;
	margin-top: 1em;
}
	/* スマホの場合 */
	@media (max-width: 768px) {
		#ccHeaderArea .card-body .external_site {
			font-size:small;
			font-weight: bold;
			padding: 0.5em;
			margin-top: 1em;
		}
	}
/*-----------------------
 センター #ccCenterArea
------------------------*/
/*----- 左メニュー -----*/
#ccLeftArea .list-group-item.active {
	color: #fff;
    background-color: #DE8A06;
    border-color: #DE8A06;
}
@media (min-width: 992px) {
	#ccLeftArea .container {
		padding-left: 0;	/* 左端を揃える */
		padding-right: 30px;	/* 空間確保 */
	}
}
/*----- 右メニュー -----*/
#ccRightArea .list-group-item.active {
	color: #fff;
    background-color: #DE8A06;
    border-color: #DE8A06;
}
@media (min-width: 992px) {
	#ccRightArea .container {
		padding-right: 0;	/* 右端を揃える */
		padding-left: 30px;	/* 空間確保 */
	}
}
/*----- ccMainArea -----*/
@media (min-width: 992px) {
	#ccMainArea .container {
		padding-left: 0;
		padding-right: 0;
	}
}
/* フレーム Default */
#ccCenterArea .card-header.bg-default {
	background-color: #FFFFCC;
	border-top: solid 3px #F68507;
	border-bottom: solid 1px #CCCCCC;
	font-weight: bold;
	border-radius: 0;
}
#ccCenterArea .card-header .fas.bg-default {  /* 歯車など Font Awesome用 */
	color:#000;
}
#ccCenterArea .cc-default-font-color {color: black;}
#ccCenterArea .card:has(.bg-default) {border: none;}
/* フレーム Primary */
#ccCenterArea .card-header.bg-primary,
#ccCenterArea .card-header .fas.bg-primary {
	background-color: #DE8A06 !important;
	border-bottom: #DE8A06 !important;
}
#ccCenterArea .cc-primary-font-color {color: white;}
#ccCenterArea .card:has(.bg-primary) {border: solid 1px #DE8A06;}
/* フレーム Secondary */
#ccCenterArea .card-header.bg-secondary,
#ccCenterArea .card-header .fas.bg-secondary {
	background-color: #FFDCA0 !important;
	border-bottom: #FFDCA0 !important;
}
#ccCenterArea .cc-secondary-font-color {color: black;}
#ccCenterArea .card:has(.bg-secondary) {border: solid 1px #FFDCA0;}
/* フレーム Success */
#ccCenterArea .card-header.bg-success,
#ccCenterArea .card-header .fas.bg-success {
	background-color: #B46E28 !important;
	border-bottom: #B46E28 !important;
}
#ccCenterArea .cc-success-font-color {color: white;}
#ccCenterArea .card:has(.bg-success) {border: solid 1px #B46E28;}
/* フレーム Info */
#ccCenterArea .card-header.bg-info,
#ccCenterArea .card-header .fas.bg-info{
	background-color: #F5A000 !important;
	border-bottom: #F5A000 !important;
}
#ccCenterArea .cc-info-font-color {color: black;}
#ccCenterArea .card:has(.bg-info) {border: none;}
/* フレーム Warning */
#ccCenterArea .card-header.bg-warning,
#ccCenterArea .card-header .fas.bg-warning {
	background-color: #EEEE00 !important;
	border-bottom: #EEEE00 !important;
}
#ccCenterArea .cc-warning-font-color {color: black;}
#ccCenterArea .card:has(.bg-warning) {border: solid 1px #EEEE00;}
/* フレーム Danger */
#ccCenterArea .card-header.bg-danger,
#ccCenterArea .card-header .fas.bg-danger {
	background-color: #FAB4AA !important;
	border-bottom: #FAB4AA !important;
}
#ccCenterArea .cc-danger-font-color {color: black;}
#ccCenterArea .card:has(.bg-danger) {border: solid 1px #FAB4AA;}
/* フレーム None */
#ccCenterArea .card-header.bg-none,
#ccCenterArea .card-header .fas.bg-none {
	background-color: #F0F0F0 !important;
	border-bottom: none;
}
#ccCenterArea .cc-none-font-color {color: black;}
#ccLeftArea .frame-design-none .card-body:not(.frame-setting-body) {
	padding: 1rem 0rem !important;
}
#ccMainArea .frame-design-none .card-body:not(.frame-setting-body) {
	padding: 1.25rem !important;
}
@media (max-width: 992px) {
	/* スマホの場合 */
	#ccMainArea .frame-design-none .card-body:not(.frame-setting-body) {
		padding: 0 !important;
	}
}
#ccRightArea .frame-design-none .card-body:not(.frame-setting-body) {
	padding: 1rem 0rem !important;
}
#ccCenterArea .plugin-menus .frame-design-none .card-body:not(.frame-setting-body) {
	/* メニューの場合 */
	padding: 0px !important;
}
/*** フレーム内コンテンツ ***/
/* 見出し */
#ccMainArea .card-body:not(.frame-setting-body) h1 {
	margin: 2rem 0;
	clear:both;
}
#ccMainArea .card-body:not(.frame-setting-body) h2 {
	margin: 2rem 0 1.5rem;
	clear:both;
}
#ccMainArea .card-body:not(.frame-setting-body) h3 {
	margin: 1.5rem 0;
	clear:both;
}
#ccMainArea .card-body:not(.frame-setting-body) h4 {
	margin: 2rem 0 1.5rem 0;
	clear:both;
}
#ccMainArea .card-body:not(.frame-setting-body) h5 {
	margin: 0.5rem 0;
	clear:both;
}
#ccMainArea .card-body:not(.frame-setting-body) h6 {
	margin: 0.5rem 0;
	clear:both;
}
/* JBAGS */
#ccMainArea .card-body:not(.frame-setting-body) .midashi {
	margin: 0.5rem 0 1.5em 0;
	font-size: large;
}
#ccMainArea .card-body:not(.frame-setting-body) .message {
	margin: 0.5rem 0;
	line-height: 200%;
}
#ccMainArea .card-body:not(.frame-setting-body) .organizer {
	margin: 1.5em 0;
	text-align: right;
}
#ccMainArea .card-body:not(.frame-setting-body) .organizer p {
	margin: 0;
	padding: 0;
}
#ccMainArea .card-body:not(.frame-setting-body) .organizer .name {
	font-size: large;
	font-weight: bold;
}
#ccMainArea .card-body:not(.frame-setting-body) .organizer .name2 {
	font-weight: normal;
}
#ccMainArea .card-body h4 {
	border-bottom: solid 3px #F68507;
	padding: 0 0 8px 0.5em;
}
#ccMainArea .bg_midashi .card-body {
	background: url(/themes/Users/jb-orange/images/h2_bg2.jpg) no-repeat;
	background-position: 0 center;
	background-size: cover;
	padding-left:5rem;
}
#ccMainArea .whats_new .card-body {
	padding: 1.25rem 0;
}
/* JBAGS 写真ページ */
#ccMainArea .card-body .gallery {
	display:flex;
	flex-flow: row wrap;
	align-items:baseline;
	align-content:space-between;
}
#ccMainArea .card-body .gallery img {
	flex-basis: auto;
	margin: 4px;
}
#ccMainArea .card-body .gallery .a_photo {
	flex-basis: 24%;
	text-align:center;
	white-space: normal;
	line-height: 140%;
	margin: 0.5em 4px 4px 4px;
}
/* JBAGSビデオ・大きい写真ページ */
#ccMainArea .card-body .disc {
	margin-left: 3em;
}
#ccMainArea .card-body .disc p {
	margin:0;
}
#ccMainArea .card-body .jbags-video {
	width:560px;
	height:350px;
}
	/* スマホの場合 */
@media (max-width: 768px) {
	#ccMainArea .card-body {
		padding: 0;
	}
	#ccMainArea .card-body .disc {
		margin-left: 0;
	}
	#ccMainArea .card-body .jbags-video {
		width:320px;
		height:200px;
	}
}
/* 生理研　旧生体システム研究部門バナー */
#ccMainArea .card-body #system-neurophysiology {
	width:50%;
}
	/* スマホの場合 */
	@media (max-width: 768px) {
		#ccMainArea .card-body #system-neurophysiology {
			width:auto;
		}
	}
/* テーブル */
#ccMainArea table {
	border-collapse: collapse;
	width:100%;
}
#ccMainArea table th ,#ccMainArea table td {
	border: solid 2px #e8e8e8;
	padding: 8px;
	text-align: left;
}
@media (max-width: 768px) {
	/* スマホの場合 */
	#ccMainArea table {
		font-size:medium;
	}
	#ccMainArea table a {
		word-break: break-all;
	}
}
/* リスト */
#ccMainArea .plugin-contents .card-body:not(.frame-setting-body) ul {
	list-style: url(/themes/Users/jb-orange/images/arrow-orange.gif);
	padding: 1rem;
	margin-left: 2rem;
	margin-bottom: 1rem;
}
#ccMainArea .plugin-contents .card-body:not(.frame-setting-body) table ul {
	margin-left: 0;
}
#ccMainArea .plugin-contents .card-body:not(.frame-setting-body) li {
	padding-left: 0.4rem;
}
#ccMainArea .plugin-contents .card-body:not(.frame-setting-body) ol {
	padding: 1rem;
	margin-left: 2rem;
}
#ccMainArea .plugin-contents .card-body:not(.frame-setting-body) dd {
	margin-left: 2rem;
}
/* 定義リスト */
/* HTMLエディタで以下のようなclassを付けると、<dt>と<dd>が横並びになる。
	col-sm- の後の数字は、<dt>と<dd>のものを加えて12になるようにすると
	横幅ぴったりで表示される。
<dl class="row">
<dt class="col-sm-2">
<dd class="col-sm-10">
*/
/* 画像への回り込み */
/* 画像のサイズはここで指定するか、<img class="col-sm-6">などとクラス属性を付ける。
	横幅は12分割されるので、col-sm-6 だと全横幅の50%の幅で表示される */
	/*
#ccMainArea .card-body:not(.frame-setting-body) img {
	float: left;
	margin: 0 1rem 1rem 1rem;
}
	*/
/* 引用 */
#ccMainArea .card-body:not(.frame-setting-body) blockquote {
	margin-left: 2rem;
	color: gray;
}
/*----------------
	フッター
-----------------*/
#ccFooterArea {
	background-color: #888888;
	margin-top: 2rem;
}
/*----- フッターサイトマップ -----*/
#ccFooterArea .menus-footersitemap {
	padding: 1.5rem 0 !important;
	margin: 0 auto;
	max-width: 1140px;
}
.footersitemap a {
	color: #F0F0F0;
}
.footersitemap .nav-item {
	padding: 0 1rem;
}
.footersitemap .nav-item > a {
	display: block;
	border-bottom: dotted 1px #F0F0F0;
	padding-bottom: 6px;
	margin-bottom: 10px;
}
.footersitemap .nav-item > ul {
	text-align: left;
	list-style-type: none;
	padding: 0 1rem;
	font-size: small;
}
@media (max-width: 992px) {
	/* スマホの場合 */
	.footersitemap .nav-item > a {
		font-size: small;
	}
}
/* フレームヘッダー部の歯車などのアイコン（フレームデザイン None時） */
#ccFooterArea .card.frame-design-none .card-header a {
	color: #FFDCA0;
}
/*----- フッター記事 -----*/
#ccFooterArea .plugin-contents {
	text-align: center;
}
#ccFooterArea .plugin-contents .card {
	margin-bottom: 0 !important;
	border: none;
}
#ccFooterArea .plugin-contents .card .card-body:not(.frame-setting-body) {
	background-color: black;
	color: #F0F0F0;
}
#ccFooterArea .plugin-contents .card .card-body:not(.frame-setting-body) p {
	margin-bottom: 0;
}
#ccFooterArea .plugin-contents .card .card-body:not(.frame-setting-body) a {
	color: #FFFFFF;
}
/* ----------------
 * プログラム
 * ----------------
 */
#ccMainArea .program {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  background-color: #f9f9f2;
  padding: 1.5em;
/*  border-left: 6px solid #f1a12f;*/
  border-left: 6px solid #ffddaa;
  margin-top: 1em;
}
#ccMainArea .jbags-program .card-body {
	padding: 1rem 0;
}
@media (max-width: 768px) {
	/* スマホの場合 */
	#ccMainArea .program {
		background-color: white;
	}
}
#ccMainArea .program h2 {
  font-size: 1.6em;
  color: #c06014;
  border-bottom: 2px solid #f1a12f;
  padding-bottom: 0.3em;
  margin-bottom: 1em;
}

#ccMainArea .program h3 {
  font-size: 1.3em;
  color: #333;
  margin-top: 1.2em;
  border-bottom: 1px solid #ddd;
}

#ccMainArea .program h4 {
  font-size: 1.1em;
  color: #444;
  margin-top: 1em;
}

#ccMainArea .program ul {
  padding-left: 0 !important;
  margin-top: 0.5em;
}

#ccMainArea .program li {
  margin-bottom: 1em;
  line-height: 1.5;
}

#ccMainArea .program .time {
  font-weight: bold;
  color: #555;
  display: inline-block;
  width: 120px;
}

#ccMainArea .program .title {
  display: block;
  margin-left: 1.2em;
  font-style: italic;
  color: #444;
}

#ccMainArea .program .break {
  font-style: italic;
  margin: 1em 0;
  color: #777;
}
/* ----------------
 * 参加申込みフォーム
 * https://jbags.jp/participation
 * ----------------
 */
#ccMainArea .participation .jbags-info {
	display: flex;
	justify-content: space-between;
}
#ccMainArea .participation .jbags-info-child img {
	width: 500px;
	padding-left: 10px;
}
@media (max-width: 992px) {
	/* スマホの場合 */
	#ccMainArea .participation .jbags-info {
		flex-direction: column;
	}
	#ccMainArea .participation .jbags-info-child img {
	width: 100%;
	padding: 0;
}
}