@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ページレイアウト
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*フレーム*/
#wrapper {
	max-width: 1000px; width:expression(document.body.clientWidth > 1002? "1000px" : "auto");
	min-width: 950px; width: expression(document.body.clientWidth < 952? "950px" : "auto");
	position: relative;
	margin: 0 auto;
	text-align: left;
}
#wrapper { _width: 950px; } /*IE6以下*/
* html #wrapper { width: 950px; } /*IE6以下*/
#container { width: 100%; }

/*コンテンツエリア*/
#contentsArea { margin: 0 auto; padding: 0; width: 100%; }

/*メインエリア*/
#mainArea { margin: 0 auto; padding: 0 0 20px 0; width: 100%; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ヘッダーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#headerAreaOuter { width: 100%; height: 95px; }
#headerArea { margin: 0 auto; padding: 0; width: 100%; }
#headerAreaInner { width: 100%; line-height: 1em !important; }

/*ロゴ*/
#headerArea h1 { float: left; margin: 0; padding: 0; width: 225px; }
#headerArea h1 a { margin: 21px 0 0 0; width: 220px; height: 55px; display: block; text-indent: -9999px; overflow: hidden; }

/*メニューボタン*/
.menuBtn { display: none; }

/*メニュー閉じるボタン*/
.menuBtnClose { display: none; }

/*オプション*/
.headerOption { float: right; width: auto !important; height: 34px; margin-top: 36px; }
.headerOptionInner { padding: 0; }
.headerOptionInnerWrapper {float:left;}

/*サイト内検索*/
#headerSiteSearch { float: left; width: auto; height: 23px; margin-right: 8px; line-height: 1em; font-size: 12px; }
input.siteSearchText { -webkit-appearance: none; border-radius: 0; margin: 0; padding: 0 3px; width: 117px; height: 23px; font-size: 12px; cursor: text; color: #666; border: 1px solid #7F9DB9; vertical-align: middle; box-sizing: border-box; }
input.siteSearchBtn { -webkit-appearance: none; border-radius: 0; text-align: center; border: 1px solid #E3E3E3; background-color: #F7F6F4; height: 23px; font-size: 12px; cursor: pointer; letter-spacing: 0.2em; vertical-align: middle; box-sizing: border-box; }
input.siteSearchBtn:hover, input.siteSearchBtn:focus { color: #000; }
.extSiteSearch #searchSubmit { -webkit-appearance: none; border-radius: 0; }
.extSiteSearch table th input { -webkit-appearance: none; border-radius: 0; }
#headerSiteSearch form label span { display: inline-block; }


/*翻訳*/
#subLang { float: left; width: auto; height: 21px; }
#subLangInner { padding: 0; }
/*
#google_translate_element { padding-top: 0 !important; padding-right: 8px !important; }
.skiptranslate { line-height: 1em !important; }
.goog-te-gadget .goog-te-combo { margin: 0 0 4px 0 !important; }
.goog-te-combo { width: 120px; }
*/
#chgLang {position: relative; margin-right: 8px;font-size: 12px; }
#chgLang span { background-color: #F7F6F4; line-height: 1em; display: inline-block; padding: 3px 10px 6px 10px; border: 1px solid #ccc;}
#chgLang ul { display: none; position: absolute; padding: 0; margin:0; background: #fff; z-index: 1;border: 1px solid #E3E3E3;}
#chgLang ul li { list-style: none; margin: 0; padding: 0; width: 150px;}
#chgLang ul li a { text-decoration: none; padding: 8px 10px; text-align: left; display:block;}
#chgLang ul li a:hover { background-color: #336BCC; color:#fff;}

/*文字色変更*/
.colorSizeOuter { float: right; }
/* 2018.12.18
.headerOption p { float: left; margin: 0 5px 0 0; width: 76px; }
.headerOption p a { display: block; width: 76px; padding: 3px 0 5px 0; text-align: center; font-size: 12px; line-height: 1.2em; text-decoration: none; box-sizing: border-box; overflow: hidden; }*/
.headerOption p { float: left; margin: 0 5px 0 0; width: 56px; }
.headerOption p a { display: block; width: 56px; padding: 3px 0 5px 0; text-align: center; font-size: 12px; line-height: 1.2em; text-decoration: none; box-sizing: border-box; overflow: hidden; }


/*文字サイズ*/
.headerOption dl#tsBox { float: left; margin: 0; width: 161px; }
.headerOption dl#tsBox dt { float: left; margin: 0; padding: 0; width: 60px; height: 23px; display: block; }
.headerOption dl#tsBox dt span { display: block; width: 59px; padding-top: 4px; font-size: 11px; line-height: 1.2em; }
.headerOption dl#tsBox dd { float: left; margin: 0; padding: 0; width: 26px; height: 23px; display: block; }
.headerOption dl#tsBox dd#tsBtnSp { width: 23px; }
.headerOption dl#tsBox dd a { width: 23px; height: 23px; display: block; line-height: 21px; text-align: center; text-decoration: none; box-sizing: border-box; overflow: hidden; }
.headerOption dl#tsBox dd#tsBtnS a { font-size: 10px; }
.headerOption dl#tsBox dd#tsBtnM a { font-size: 11px; }
.headerOption dl#tsBox dd#tsBtnL a { font-size: 12px; }
.headerOption dl#tsBox dd#tsBtnSp a { font-size: 13px; }







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
グローバルナビゲーションエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#globalNaviArea { display: none; clear: both; margin: 0 0 25px 0; padding: 0; width: 100%; overflow: hidden; }
#globalNaviArea ul { margin: 0; padding: 0; list-style: none; }
#globalNaviArea ul li { float: left; margin: 0; padding: 0; width: 20%; height: 50px; display: block; }
#globalNaviArea ul li a { height: 50px; display: block; text-align: center; font-size: 16px; line-height: 52px; text-decoration: none !important; overflow: hidden; }







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

#coverNaviArea { height: 600px; }
#coverNaviArea ul { margin: 0; padding: 0; list-style: none; position: relative; height: 600px; }
#coverNaviArea li { margin: 0; padding: 0; display: block; position: absolute; }
#coverNaviArea li a { display: block; position: relative; text-decoration: none; cursor: pointer; }
#coverNaviArea a:hover { opacity: 0.7 !important; filter: alpha(opacity=70) !important; -ms-filter: "alpha( opacity=70 )" !important; }

/*位置設定*/
#coverNaviArea li.navi1 { left: 0; top: 0; width: 20%; height: 200px; } /*暮らし*/
#coverNaviArea li.navi2 { left: 20%; top: 0; width: 20%; height: 200px; } /*市の取り組み*/
#coverNaviArea li.navi3 { left: 40%; top: 0; width: 20%; height: 200px; } /*公共施設*/
#coverNaviArea li.navi4 { left: 0; top: 200px; width: 20%; height: 200px; } /*子育て*/
#coverNaviArea li.navi5 { left: 20%; top: 200px; width: 20%; height: 200px; } /*市民力*/
#coverNaviArea li.navi6 { left: 40%; top: 200px; width: 20%; height: 200px; } /*事業者の方へ*/
#coverNaviArea li.navi7 { left: 60%; top: 0; width: 40%; height: 400px; } /*観光*/
#coverNaviArea li.navi8 { left: 0; top: 400px; width: 20%; height: 200px; } /*いざというときに*/
#coverNaviArea li.navi9 { left: 20%; top: 400px; width: 20%; height: 200px; } /*小田原市立病院*/
#coverNaviArea li.navi10 { left: 40%; top: 400px; width: 20%; height: 200px; } /*消防*/
#coverNaviArea li.navi11 { left: 60%; top: 400px; width: 20%; height: 200px; } /*市長室*/
#coverNaviArea li.navi12 { left: 80%; top: 400px; width: 20%; height: 200px; } /*小田原市議会*/

/*背景設定*/
#coverNaviArea li.navi1 a  { height: 199px; background: url(../common-img/bg_cnavi_01.jpg) no-repeat center center; } /*暮らし*/
#coverNaviArea li.navi2 a { height: 199px; background: url(../common-img/bg_cnavi_02.jpg) no-repeat center center; } /*市の取り組み*/
#coverNaviArea li.navi3 a { height: 199px; background: url(../common-img/bg_cnavi_03.jpg) no-repeat center center; } /*公共施設*/
#coverNaviArea li.navi4 a { height: 199px; background: url(../common-img/bg_cnavi_04.jpg) no-repeat center center; } /*子育て*/
#coverNaviArea li.navi5 a { height: 199px; background: url(../common-img/bg_cnavi_05.jpg) no-repeat center center; } /*市民力*/
#coverNaviArea li.navi6 a { height: 199px; background: url(../common-img/bg_cnavi_06.jpg) no-repeat center center; } /*事業者の方へ*/
#coverNaviArea li.navi7 a { height: 399px; background: url(../common-img/bg_cnavi_07.jpg) no-repeat center center; } /*観光*/
#coverNaviArea li.navi8 a { height: 200px; background: url(../common-img/bg_cnavi_08.jpg) no-repeat center center; } /*いざというときに*/
#coverNaviArea li.navi9 a { height: 200px; background: url(../common-img/bg_cnavi_09.jpg) no-repeat center center; } /*小田原市立病院*/
#coverNaviArea li.navi10 a { height: 200px; background: url(../common-img/bg_cnavi_10.jpg) no-repeat center center; } /*消防*/
#coverNaviArea li.navi11 a { height: 200px; background: url(../common-img/bg_cnavi_11.jpg?20200528) no-repeat center center; } /*市長室*/
#coverNaviArea li.navi12 a { height: 200px; background: url(../common-img/bg_cnavi_12.jpg) no-repeat center center; } /*小田原市議会*/

/*文字設定*/
#coverNaviArea li a span.circleS { position: absolute; right: 10px; bottom: 10px; font-size: 17px; width: 100px; height: 100px;  line-height: 1.2em; }
#coverNaviArea li a span.circleL { position: absolute; right: 20px; bottom: 20px; font-size: 26px; width: 120px; height: 120px; text-align: center; line-height: 1.2em; }
#coverNaviArea li a span.circleR { position: absolute; right: 10px; bottom: 10px; font-size: 17px; width: 100px; height: 100px; text-align: center; line-height: 1.2em; }
#coverNaviArea li a span.circleS span.txtOuter { position: relative; display: block; width: 100px; height: 100px; }
#coverNaviArea li a span.circleL span.txtOuter { position: relative; display: block; width: 120px; height: 120px; }
#coverNaviArea li a span.circleR span.txtOuter { position: relative; display: block; width: 100px; height: 100px; }
#coverNaviArea li a span.circleS span.txtOuter span { position: absolute; top: 50%; left: 0; width: 100px; text-align: center; margin-top: -0.6em; }
#coverNaviArea li a span.circleL span.txtOuter span { position: absolute; top: 50%; left: 0; width: 120px; text-align: center; margin-top: -0.6em; }
#coverNaviArea li a span.circleR span.txtOuter span { position: absolute; top: 50%; left: 0; width: 100px; text-align: center; margin-top: -1.2em; }

#coverNaviArea li.navi2 a span.circleS span.txtOuter span { margin-top: -1.2em; width:80px;left:9px; } /*市の取り組み*/
#coverNaviArea li.navi6 a span.circleS span.txtOuter span { margin-top: -1.15em; width:80px;left:9px;} /*事業者の方へ*/
#coverNaviArea li.navi9 a span.circleS span.txtOuter span { margin-top: -1.2em; width:73px; left:11px;} /*小田原市立病院*/
#coverNaviArea li.navi12 a span.circleS span.txtOuter span { margin-top: -1.2em; width:73px; left:11px;} /*小田原市議会*/
/*2018.12.10*/
#coverNaviArea li.navi4 a span.circleS span.txtOuter span { margin-top: -1.2em;} /*子育て・教育*/
/*2021.07.01*/
/*#coverNaviArea li.navi5 a span.circleS span.txtOuter span { margin-top: -1.2em;} 市民力・官民連携*/
/*2022.07.01 公民連携・若者女性・デジタル*/
#coverNaviArea li.navi5 a span.circleS span.txtOuter span { width:105px; margin-top: -1.7em;}
#coverNaviArea li.navi5 a span.circleS {width:105px;height:105px;background-size: 105px;}
#coverNaviArea li.navi5 a span.circleS span.txtOuter {width:105px;height:105px;}
/*
#coverNaviArea li.navi5 a span.circleS span.txtOuter span { margin-top: -1.7em;}
#coverNaviArea li.navi5 a span.circleS {background-image:none; background-color: rgba(253, 255, 181, 0.9);}
*/

/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
SNS
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#snsArea { padding: 20px 0 20px 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; }
#snsArea .outer { width: 940px; margin: 0 auto; }
#snsArea .inner { width: 490px; margin-bottom: 15px; }
#snsArea h5 { float: left; margin: 0; padding: 0; font-size: 16px; line-height: 1em; }
#snsArea p { float: right; margin: 0; padding: 3px 0 0 0; font-size: 12px; line-height: 1em; }
#snsArea ul { width: 940px; margin: 0; padding: 0; list-style: none; }
#snsArea li { float: left; margin: 0; padding: 0; }
#snsArea li a { display: block; height: 60px; text-indent: -9999px; font-size: 0.8em; }
#snsArea li.btnSns0 a { width: 240px; margin-right: 20px; }
#snsArea li.btnSns1 a { width: 240px; margin-right: 20px; }
#snsArea li.btnSns2 a { width: 200px; margin-right: 20px; }
#snsArea li.btnSns3 a { width: 200px; margin-right: 0; }
#snsArea li a:hover { background-position: 0 -60px !important; }







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フッターメニューエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#footeMenuArea { width: 100%; margin-top: 20px; margin-bottom: 20px; padding-top: 30px; font-size: 0.8em; border-top-width: 3px; border-top-style: solid;  }
#footeMenuArea ul { width: 100%; margin: 0; padding: 0; list-style: none; }
#footeMenuArea ul li { display: block; margin-top: 0.5em; margin-bottom: 0.5em; padding-left: 17px; box-sizing: border-box; }
#footeMenuArea ul li ul.secondBox li { padding-left: 10px; }

/*box1（左）*/
#footeMenuArea ul li.box1 { float: left; width: 21%; }
#footeMenuArea ul li.box1 ul li.firstli { margin-top: 0; line-height: 1.6em; }
#footeMenuArea ul li.box1 ul.thirdBox li { margin-top: 0; margin-bottom: 0; line-height: 1.6em; }
#footeMenuArea ul li.box1 ul.thirdBox li.firstli { margin-top: 0.5em; }

/*box2（左中）*/
#footeMenuArea ul li.box2 { float: left; width: 29%; }
#footeMenuArea ul li.box2 ul.secondBox li { margin-top: 0; margin-bottom: 0; line-height: 1.6em; }

/*box3（右）*/
#footeMenuArea ul li.box3 { float: left; width: 30%; margin-bottom:200px; }
#footeMenuArea ul li.box3 ul.secondBox li { margin-top: 0; margin-bottom: 0; line-height: 1.6em; }

/*box4（右中）*/
#footeMenuArea ul li.box4 { float: right; width: 20%;  }
#footeMenuArea ul li.box4 ul.secondBox li { margin-top: 0; margin-bottom: 0; line-height: 1.6em; }

#footeMenuArea ul li img.linkBlank { margin-left: 2px;}





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フッターエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#footerArea { padding: 0 0 20px 0; width: 100%; }

/*ページトップボタン*/
#pPageTop { width: 100%; height: 33px; }
#pPageTop p { float: right; margin: 0; padding: 0; width: 107px; height: 21px; }
#pPageTop p a { margin: 0; padding: 0; width: 107px; height: 21px; display: block; text-indent: -9999px; overflow: hidden; }

/*フッターナビゲーションエリア*/
#footerNaviArea { width: 100%; padding: 0 0 5px 0; }
#footerNaviArea ul { margin: 0; padding: 0; list-style: none; }
#footerNaviArea ul li { margin: 0 5px 0 0; padding: 0; display: inline; }
#footerNaviArea ul li a { padding: 0 0 0 15px; display: inline-block; white-space: nowrap; }

/*フッターアドレス*/
#footerAddress { padding: 8px 0 0 0; width: 100%; }
#footerAddress h6 { float: left; margin: 0; width: 8em; font-size: 1em; }
#footerAddress address { margin: 0 0 0 8em; font-style: normal; }

/*コピーライト*/
#pCopyright { clear: both; padding: 10px 0 0 0; width: 100%; }
#pCopyright p { margin: 0; padding: 0; font-size: 0.7em; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カスタム
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*デジタルアーカイブ*/
p.encyclOuboLink { padding: 15px 10px !important; text-align: center; font-size: 1.4em; background: #000; color: #FFF; }
p.encyclOuboLink a { display: inline-block; padding-left: 1em; color: #FFF; font-size: 0.8em; }

/*記者発表資料 詳細*/
.pressDetailBox { border-width: 1px; border-style: solid; padding: 20px; }
.pressDetailLeftBox { float: left; width: 300px; margin:0 0 20px 0; }
.pressDetailRightBox { float: right; margin: 0 0 20px 0; }
.pressDetailRightBox span { border:1px #ccc solid; padding:10px; }

/*災害・防災情報タブ*/
.bExtCatTabList li#tabBtn_159531_3 a:link,
.bExtCatTabList li#tabBtn_159531_3 a:visited,
.bExtCatTabList li#tabBtn_159531_3 a:hover,
.bExtCatTabList li#tabBtn_159531_3 a:active { background: #EF0000; }

.bExtCatTabList li#tabBtn_159531_3.tabOver a:link,
.bExtCatTabList li#tabBtn_159531_3.tabOver a:visited,
.bExtCatTabList li#tabBtn_159531_3.tabOver a:hover,
.bExtCatTabList li#tabBtn_159531_3.tabOver a:active { color: #f00 !important; }

.bExtCatTabList li#tabBtn_159531_3 a:focus { background: #FF586A !important;}


/*新ソーシャルボタン 2021.2 */
#socialtop { width:100%; margin:10px auto; display: flex; flex-wrap: wrap; justify-content: flex-end; line-height: 1; }
#socialtop span.btnbox { display: inline-block; height: 20px; margin-top: 5px; margin-left: 5px; }
#socialtop span.btnbox:nth-of-type(1) { margin-left: 0; }
#socialtop span.btnbox .fb-like { width: 80px !important; height: 20px; overflow: hidden; position: relative; display: inline-block;}
#socialtop span.btnbox .fb-like > span { transform: translateX(-5px); }
@media only screen and (max-width: 740px) {
	#socialtop {margin:auto; justify-content: flex-start; }
	#socialtop span.btnbox { margin-left: 0; margin-right: 5px; }
  }
/*新ソーシャルボタン 2021.2 */