@charset "UTF-8";






:root {
	--mainBgColor: #FFF;
	--subBgColor: #F4F4F4;
	--mainColor: #324A77;
	--txtColor: #000;
	--subTxtColor: #FFF;
	--txtBgColor: #FFF;
	--linkTxtColor: #324A77;
	--borderColor: #DDD;
	--mainBtnBgColor: #324A77;
	--mainBtnTxtColor: #FFF;
	--mainBtnBorderColor: #324A77;
	--mainBtnHoverBgColor: #FFF;
	--mainBtnHoverTxtColor: #324A77;
	--mainBtnHoverBorderColor: #324A77;
	--mainCancelBtnBgColor: #000;
	--mainCancelBtnTxtColor: #FFF;
	--mainCancelBtnBorderColor: #000;
	--mainCancelBtnHoverBgColor: #FFF;
	--mainCancelBtnHoverTxtColor: #000;
	--mainCancelBtnHoverBorderColor: #000;
	--subBtnBgColor: #000;
	--subBtnTxtColor: #FFF;
	--subBtnBorderColor: #FFF;
	--subBtnHoverBgColor: #FFF;
	--subBtnHoverTxtColor: #000;
	--subBtnHoverBorderColor: #FFF;
	--impColor: #BF0618;
	--impBgColor: #FBEFF0;
	--wideBorderColor: #F4F4F4;
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COMMON（共通パーツ、フォント設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/* タブ移動時 */
:focus,
:focus-visible { outline: 2px dotted #666 !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*ロゴ*/
#HdLogo a { background-image: url(../common-img/logo.png); }

/*本文へ*/
.blockSkip { border-color: #FFF; color: #FFF !important; background-color: #000; }
.blockSkip:hover { background-color: #FFF; color: #000 !important; }

/*翻訳*/
#chgLang .chgLangTitle { background-color: #FFF; border-color: #FFF; }
#chgLang ul { border-color: #E3E3E3; background: #FFF; }
#chgLang ul li a { background-color: #FFF; color: #000; }
#chgLang ul li a:hover { background-color: #000; color: #FFF; }

/*サイト内検索*/
input.siteSearchBtn { border-color: #FFF; color: #FFF; background-color: #000; }
input.siteSearchBtn:hover,
input.siteSearchBtn:focus { color: #000; background-color: #FFF; border-left-color: #000; }

/*-------------------------------------------------------------
アクションエリア
-------------------------------------------------------------*/
#pagePrintBtn a { background-color: #000; color: #FFF; border-color: #000; }
#pagePrintBtn a span:before { background-color: #FFF; }
#pagePrintBtn a:hover { background-color: #FFF; color: #000; border-color: #000; }
#pagePrintBtn a:hover span:before { background-color: #000; }

/*-------------------------------------------------------------
ヘッダーレスポンシブ対応
-------------------------------------------------------------*/
@media screen and (max-width: 750px) {
	.menuAreaOpenBtn > .inner,
	.menuAreaOpenBtn > .inner:before,
	.menuAreaOpenBtn > .inner:after { background: #FFF; }
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
PCメインナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#mainNaviAreaSection .menuFirst > li.menu1:hover:before,
#mainNaviAreaSection .menuFirst > li.menu1[aria-expanded="true"]:before { border-bottom-color: #BF0618; }
#mainNaviAreaSection .menuFirst > li.menu1 > .menuTxt span.txtOuter { color: #BF0618; }
#mainNaviAreaSection .menuFirst > li.menu1 > .menuTxt span.txtOuter:after { background-color: #BF0618; }

/*いざというときに*/
#mainNaviAreaSection .subMenu1 { background-color: #BF0618; }
#mainNaviAreaSection .subMenu1 > .inner p { color: #BF0618; }
#mainNaviAreaSection .subMenu1 > .inner .list ul li a { border-color: #BF0618; color: #000; background-color: #FFF; }
#mainNaviAreaSection .subMenu1 > .inner .list ul li a span:before { background-color: #BF0618; }
#mainNaviAreaSection .subMenu1 > .inner .list ul li a:hover { background-color: #FBEFF0; }

/*かんたん検索*/
#mainNaviAreaSection .subMenu2 > .inner ul li label { color: #000; }
#mainNaviAreaSection .subMenu2 > .inner ul li:hover label { border-color: #324A77; }
#mainNaviAreaSection .subMenu2 > .inner ul li input:checked + label { border-color: #324A77; }

/*分類から探す*/
#mainNaviAreaSection .subMenu3 > .inner ul li a { background-color: #FFF; color: #000; }
#mainNaviAreaSection .subMenu3 > .inner ul li a:hover { border-color: #324A77; }
#mainNaviAreaSection .subMenu3 > .inner .col:nth-of-type(1) .list li a span:before { background-color: #324A77; }
#mainNaviAreaSection .subMenu3 > .inner .col:nth-of-type(2) .list li a span:before { background-color: #324A77; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
SPメインナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@media screen and (max-width: 750px) {
	#spMainNaviAreaSection { border-top-color: #324A77; background-color: #FFF; }
	
	/*かんたん検索*/
	
	/*分類から探す*/
}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カバー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*slick*/
#coverSlider .slick-track > .slick-slide img { border-color: #DDD; }
#coverSlider .slick-track > .slick-slide a:hover img { border-color: #324A77; }
#coverSlider .slick-prev { background-image: url("../common-img/ico_arrow_left.png") !important; }
#coverSlider .slick-next { background-image: url("../common-img/ico_arrow_right.png") !important; }
#coverSlider #slickTglBtn #slickStartBtn { border-color: #000; background-color: #000; color: #FFF; }
#coverSlider #slickTglBtn #slickStopBtn { border-color: #000; background-color: #FFF; color: #000; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
アンカーナビゲーション
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#anchorNaviArea .bAnchorNaviInner ul li a:hover { color: #000; }
#page1 #anchorNaviArea .bAnchorNaviInner ul li a:hover { background-color: #FFF; }
#anchorNaviArea .bAnchorNaviInner ul li a span:after {}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
コンテンツ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*パンくずリスト*/
#breadcrumbsList li:before { background-color: #324A77; }
.footprintListOuter #footprintList li:before { background-color: #324A77; }

/*なぞり検索とは*/
#pageSearchBtn p a.pageSearchBtnOn:before,
#pageSearchBtn p a.pageSearchBtnOff:before { background-color: #324A77; } 
#pageSearchBtn p a.pageSearchHelp { background-color: #324A77; } 






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ユニット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
ローカルメニューリスト
-------------------------------------------------------------*/
.extLocalMenuListInner ul li { background-color: #FFF; }
.extLocalMenuListInner ul li a { color: #000; }
.extLocalMenuListInner ul li a:after { background-color: #000; }

/*-------------------------------------------------------------
バナー広告ユニット
-------------------------------------------------------------*/
.bVImgBanner a { border-color: #DDD; }
.bVImgBanner h5 { color: #000; }
.bVImgBanner p { color: #000; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
スクラッチ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
カテゴリリスト（拡張）
-------------------------------------------------------------*/

/*共通*/
.bExtCatListRss a { background-image: url(../common-img/ico_rss.svg); }

/*アーカイブアイコン*/
.bExtCatList .archiveIco:after { background-color: #744545; }

/*-------------------------------------------------------------
いざというときに
-------------------------------------------------------------*/
.emergencyArea ul li a {}






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
観光
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*カバー*/
#kankoCoverNaviArea li a span.circleS { background-color: #FFF; color: #000; }
#kankoCoverNaviArea li a span.circleL { background-color: #FFF; color: #000; }
#kankoCoverNaviArea li a span.circleR { background-color: #FFF; color: #000; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通インデックスパーツ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
メインカテゴリナビボタン
-------------------------------------------------------------*/
.mainCategoryNaviArea ul li a { border-color: #EFEFEF; color: #000; }
.mainCategoryNaviArea ul li a:after { background-color: #FFF; }
.mainCategoryNaviArea ul li a:hover { border-color: #324A77; }

/*-------------------------------------------------------------
サブカテゴリナビボタン
-------------------------------------------------------------*/
.subCategoryNaviAreaOuter .naviBtnArea label { color: #000; }
.subCategoryNaviAreaOuter .naviBtnArea label:after { border-top-color: #333; border-right-color: #333; }
.subCategoryNaviAreaOuter input[type="checkbox"]:checked + .naviBtnArea label:after { border-top-color: #333; border-right-color: #333;  }
.subCategoryNaviArea ul li a { border-color: #EFEFEF; color: #000; }
.subCategoryNaviArea ul li a:hover { border-color: #324A77; }
.subCategoryNaviArea ul li a span:before { background-color: #324A77; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
トップページ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
トップ重要なお知らせ
-------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	.topImportantNewsArea .bExtCatList .bExtCatListOption ul li.bExtCatListLink a { border-color: #BF0618; color: #BF0618; background-color: #FFF; }
	.topImportantNewsArea .bExtCatList .bExtCatListOption ul li.bExtCatListLink a:hover { background-color: #BF0618; color: #FFF; }
}

/*-------------------------------------------------------------
トップお知らせ
-------------------------------------------------------------*/
@media screen and (max-width: 640px) {
	.topNewsArea .bExtCatListOption ul li.bExtCatListLink a { background-color: #FFF; }
	.topNewsArea .bExtCatListOption ul li.bExtCatListLink a:hover {}
}

/*-------------------------------------------------------------
トップ小田原を楽しむ
-------------------------------------------------------------*/
.btnEventCalendar span:before { background-color: #FFF; }
.btnEventCalendar:hover span:before { background-color: #324A77; }

/*-------------------------------------------------------------
トップ小田原について
-------------------------------------------------------------*/

/*SNS*/
.snsBtnArea > ul li.instagram a { background-image: url("../common-img/top_sns_instagram.svg"); }
.snsBtnArea > ul li.line a { background-image: url("../common-img/top_sns_line.svg"); }
.snsBtnArea > ul li.youtube a { background-image: url("../common-img/top_sns_youtube.svg"); }
.snsBtnArea > ul li.twitter a { background-image: url("../common-img/top_sns_twitter.svg"); }
.snsBtnArea > ul li.facebook a { background-image: url("../common-img/top_sns_facebook.svg"); }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
小田原で暮らす
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
子カテゴリ
-------------------------------------------------------------*/
.childCategoryNaviAreaOuter .naviBtnArea label { color: #000; }