@CHARSET "UTF-8";

/********************************/
/*カスタム変数                  */
/********************************/
:root {
	--base-link-color:#2167A7;		/*青*/
	--primary-color:#2167A7;		/*青*/
	--nav-contents-bgcolor:#F4F4F4;
	--1st-accordion-bgcolor:#FFFFFF;
	--2nd-accordion-bgcolor:#D8EBFF;
	--3rd-accordion-bgcolor:#E2E2E2;
	--nav-activated-bgcolor:#447FB5;
	--nav-activated-color:#FFFFFF;
	--nav-accordion-color:#4B4B4B;
	--nav-expanded-color:#447FB5;
	--bgcolor-table-th:#BCE4E5;
	--color-table-th:#000000;
	--color-table-td:#000000;
	--color-attention:#ec0000;/*NEWマークの背景*/
}

/**********************************/
/*共通                            */
/**********************************/
.siteLogoTxt_top_line{
	fill: #3E3A39;
}

.siteLogoTxt_bottom_line{
	fill: #999999;
}


/*アコーディオンのマークを変更*/
header .accordion-button::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3e%3c/svg%3e");
	background-color:var(--primary-color);
}

header .accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23036EB8'%3e%3cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
	background-color:var(--outline-bg-color);
}

/*ハンバーガーメニューの色を変更*/
.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/*************************************************************/
/*標準のみの設定                                             */
/*************************************************************/

/********************************/
/*ヘッダー                      */
/********************************/

header .material-icons.mainColor,
header #styleChange .material-icons{
	color:var(--primary-color);
}

header a:not(.btn) {
	color: #505050 !important;
}

header .dropdownStyle .dropdown-menu{
	border-color: #000 !important;
}

/*ドロップダウンのアクティブ文字*/
header .dropdown-item a:hover,
header .active a:not(.btn) {
	color:var(--primary-btn-font-color) !important;
}

/*ドロップダウンアクティブ(jsで追加削除する)*/
header .toggleShow{
	background: rgba(33, 103, 167, 0.4);
}

header #lowerMenu .dropdown-toggle.show + .dropdown-menu{
	border-top:solid 5px var(--primary-color);
}

/*ドロップダウンの外枠色変更*/
header #lowerMenu .dropdown-menu{
	border-color: var(--bs-gray);
}

/*ドロップダウンのボーダー消す*/
header .dropdown-item.border-top{
	 border:none  !important;
}

/*スマホメニューバー色*/
header #menuSp .navbar-toggler{
	background:var(--primary-color);
}


/********************************/
/*フッター                      */
/********************************/
footer #footerLink{
	background-color:#000 !important;
}

footer #footerLink a,
footer #footerLink #footerMail{
	color:var(--primary-btn-font-color) !important;
}


/********************************/
/*TOP                           */
/********************************/
/*見出し*/
#p_Top #contents section h2.h4,
#p_Top #contents section h3.h4{
	color:var(--primary-color)  !important;
}

/*スライダー*/
#p_Top #carouselTop{
	border-top:solid 1rem #000;
	border-bottom:solid 4rem #000;
}

#p_Top #carouselTop .carousel-indicators {
	bottom: -3.5rem;
	justify-content: end;
}

/*横型カード*/
#p_Top .horizonCrad a{
	border:none  !important;
	box-shadow: 6px 6px rgba(33,103,167, .5);
	color:var(--base-font-color)  !important;
	background-color:#F0F0F0;
}

/*小田原いまむかし*/
#p_Top #Collection1,
#p_Top #Collection2{
	background-color:#F5F5F5;
}
#p_Top #Collection .horizonCrad a{
	background-color:#FFF;
}

/*カラーでよみがえる小田原*/
#p_Top #OldImage{
	background-color:#F5F5F5;
}

/*デジタルアーカイブ*/
#p_Top #ArchiveMain{
	color:#FFF;
}

#p_Top #contents #ArchiveMain h2.h4,
#p_Top #contents #ArchiveMain h3.h4{
	color:#FFF  !important;
}

#p_Top #ArchiveMain .card-body{
	color:var(--base-font-color)  !important;
}

/*キッズミュージアム*/
#p_Top #KidsMuseum {
	background-image: url(./../img/top/kids-bg.png);
	background-size: 100% 100%;
}
/*文化財でまち歩き*/
#p_Top #TownWalk .position-absolute{
	background:rgba(255, 255, 255, 0.7) !important;
	color:var(--base-font-color)  !important;
}

/*ArchiveMain*/
#p_Top #ArchiveMain{
	background-color:#000;
}

#p_Top #ArchiveMain .archiveList li .ratio::before {
	background-color:#FFF;
}

/*Fb Download*/
#p_Top #Fb_Download {
	background-color:#F5F5F5;
}

/*Announce*/
#p_Top #Announce {
	background-color:#F5F5F5;
}

#p_Top #Announce .announceTitle{
	color:var(--base-font-color)  !important;
}

/*お知らせ*/
#p_Top #Announce li:nth-child(n + 2) {
	border-top: 1px solid #707070!important;
}


/**
 * 年表一覧
 */
#p_Chronology_List .search-form .tab-content label.eratype_color_1 {
	color: #BE563D;
}
#p_Chronology_List .search-form .tab-content label.eratype_color_2 {
	color: #C48622;
}
#p_Chronology_List .search-form .tab-content label.eratype_color_3 {
	color: #5E8E25;
}
#p_Chronology_List .search-form .tab-content label.eratype_color_4 {
	color: #316DB2;
}
#p_Chronology_List .search-form .tab-content label.eratype_color_5 {
	color: #87379A;
}

#p_Chronology_List .eratype_bg_1 {
	background-color: #E0D3D0;	/*xd*/
}
#p_Chronology_List .eratype_bg_2 {
	background-color: #F4D6A2;
}
#p_Chronology_List .eratype_bg_3 {
	background-color: #D8E2CC;	/*xd*/
}
#p_Chronology_List .eratype_bg_4 {
	background-color: #EAEFF4;
}
#p_Chronology_List .eratype_bg_5 {
	background-color: #EDE9EF;	/*xd*/
}

#p_Chronology_List .l-spacing,
#p_Chronology_Detail .l-spacing{
	letter-spacing:1rem;/*全角スペースの余白だとアクセシビリティ視点で、正しい読み上げができない可能性があるため*/
}
#p_Chronology_List .l-spacing span,
#p_Chronology_Detail .l-spacing span{
	display:inline-block;
	margin-right:-1rem;/*全角スペースの余白だとアクセシビリティ視点で、正しい読み上げができない可能性があるため*/
}

/************/
/*Archive   */
/************/
.thumList .imgOver{
	background-color: rgba(0,0,0,0.7) !important;
}

.thumList li .ratio::before {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

#p_Archive_Detail #mainImage{
	background-color: #F5F5F5;
}

/*******************/
/* キッズミュージアム */
/*******************/
#p_Kids_Museum .comLayout .card-body {
	background: white !important;
}

/**
 * わたしたちの小田原
 */
#p_Kids_Us section div.border-tip-wrapper {
	border: 8px dashed #CB6882;
	background-color: #FBE6EF;
}

#p_Kids_Us section div.border-tip-wrapper .title{
	color: #dc3545 !important;
}

#p_Kids_Us section div.border-wrapper {
	border-color: black;
}

#p_Kids_Us .title-caption {
	background-color: #0D6EFD !important;
	color: white !important;
}

#p_Kids_Us .container .table-wrapper table th,
#p_Kids_Us .container .table-wrapper table td {
	border-color: #000 !important;
	padding: .2rem;
}

#p_Kids_Us .container .table-wrapper table .fixed-col {
	background-color: #E9E7F3 !important;
}

#p_Kids_Us .container .table-wrapper table .content-col {
	background-color: #EBF5EC !important;
}

#p_Kids_Us .container p.caption {
	background-color: #BCE1DF !important;
}

#p_Kids_Us .container .maker-list p:after {
	background-color: #BC686F;
}

#p_Kids_Us .container .with-mark:after {
	background-color: #A0A0A0;
}

#p_Kids_Us .container .last-page .border,
#p_Kids_Us .container .last-page .border-bottom,
#p_Kids_Us .container .last-page .border-top,
#p_Kids_Us .container .last-page .border-start,
#p_Kids_Us .container .last-page .border-end {
	border-color: black !important;
}

#p_Kids_Us .container .cycle-border-one {
	border-color: #7DCEF3 !important;
}

#p_Kids_Us .container .cycle-border-two {
	border-color: #7DCB9F !important;
}