@charset "UTF-8";






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

body { -webkit-text-size-adjust: 100%; }

/*フレーム*/
#wrapper { width: 100%; text-align: left; overflow-x: hidden; }

/*バックグラウンド用*/
#container { width: 100%; }

/*コンテンツエリア*/
#contentsAreaSection { width: 100%; }
#contentsAreaOuter { width: 100%; }
#contentsArea { padding: 20px 20px 0 20px; margin: 0; }
#contentsAreaInner { width: 100%; }

/*メインエリア*/
#mainArea { width: 100%; margin-bottom: 15px; padding: 20px; background-color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; moz-border-radius: 5px; behavior: url(/js/PIE.htc); box-sizing: border-box; }

/*ユーザー編集領域*/
#user-area { margin-bottom: 20px; padding: 0; }
.mainBg { }

/*サイドバーエリア*/
#sidebarArea { width: 100%; margin-top: 50px; }
#sidebarAreaInner { }
#usersidearea { width: 100%; }
/* Clearfix */
#usersidearea:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
#usersidearea { display: inline-table; min-height: 1%; }
/* for macIE \*/
* html #usersidearea { height: 1%; }
#usersidearea { display: block; }
/* end of for macIE */

#sidebarArea #usersidearea .hsNarrow, #sidebarArea #usersidearea .hsNormal, #sidebarArea #usersidearea .hsWide { float: left; width: 49%; box-sizing: border-box; }
#sidebarArea #usersidearea .hsNarrow:nth-child(odd), #sidebarArea #usersidearea .hsNormal:nth-child(odd), #sidebarArea #usersidearea .hsWide:nth-child(odd) { clear: both; }
#sidebarArea #usersidearea .hsNarrow:nth-child(even), #sidebarArea #usersidearea .hsNormal:nth-child(even), #sidebarArea #usersidearea .hsWide:nth-child(even) { float: right; width: 49%; }

/*パンくずリスト*/
#breadcrumbsList { clear: both; width: 100%; }
#breadcrumbsList ul { padding: 20px 20px 0 20px; list-style: none; text-align: left; }
#breadcrumbsList li { display: inline; margin-right: 6px; }
#breadcrumbsList li a { padding-right: 17px; background: url(../common-img/ico_breadcrumbs.gif) no-repeat right; }

/*コンテナ再定義*/
.col3-2 .box1 { width: 50% !important; }
.col3-2 .box2 { width: 25% !important; }
.col3-2 .box3 { width: 25% !important; }
.col3-2 .box2 .containerInner { margin: 0 14px 0 0; }
.col3-2 .box1 .containerInner { margin: 0 7px; }
.col3-2 .box3 .containerInner { margin: 0 0 0 14px; }






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

#headerAreaOuter { width: 100%; margin: 0; padding: 0; }
#headerArea { padding: 0 20px; height: 40px; }
#headerAreaInner { position: relative; width: 100%; height: 40px; }
#headerSubArea { position: absolute; top: 12px; right: 0; width: 587px; height: 22px; }
#headerSubAreaInner { position: relative; height: 22px; }

/*ロゴ*/
#headerArea div.cityLogo { position: absolute; top: 12px; width: 89px; height: 26px; }
#headerArea div.cityLogo a { width: 89px; height: 26px; display: block; text-indent: -9999px; overflow: hidden; }
@media screen and (-webkit-min-device-pixel-ratio:1.5){
#headerArea div.cityLogo a {
background:url(../common-img/logo_2.png);
-webkit-background-size: 89px 26px ;
}
}

/*SEO*/
#HdSeo { position: absolute; width: 312px; height: 14px; top: 25px; right: 0; text-indent: -9999px; background: url(../common-img/seo_txt.png) no-repeat 0 0; }

/*言語*/
#subLang { position: absolute; left: 0; top: 0; width: 122px; height: 23px; }
#subLangInner { }
#google_translate_element { padding: 0 !important; line-height: 1em; text-align: left; }

/*検索*/
.headerSiteSearch { position: absolute; top: 0; right: 142px; }
.headerSiteSearch dl { border-collapse: collapse; border-spacing: 0; }
.headerSiteSearch dt { text-align: left; padding-right: 5px; float: left; }
.headerSiteSearch dt span { display: block; width: 20px; height: 22px; font-size: 0.5em; line-height: 1em; text-indent: -9999px; overflow: hidden; background: url(../common-img/search_title.gif) no-repeat 0 0; }
.headerSiteSearch dd { margin:0; float:left;}
input#searchField {vertical-align:top;  width: 182px; height: 17px; margin-right: 5px; font-size: 1em; padding: 3px 3px 0 3px; cursor: text; }
input#searchGo { display: block; width: 86px; height: 22px; border: none; text-indent: -9999px; cursor: pointer; }

/*文字オプション*/
.headerOption { display: none; }

/*天気*/
#headerSubAreaInner .bWeather { position: absolute; top: 0; right: 0; height:22px; width: 130px; }
#headerSubAreaInner .extWeather dt, .extWeather dd { padding: 0 !important; font-size: 12px; vertical-align: top; }
#headerSubAreaInner .extWeather dd { width: 30px; }
#headerSubAreaInner .extWeather dd img { width: 100%; }




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

#globalNaviAreaOuter { margin-left: 150px; padding-top: 52px; }
#globalNaviArea { width: 100%; }
#globalNaviArea ul { float: right; list-style: none; }
#globalNaviArea ul li { float: left; height: 30px; margin: 0 0 8px 8px; }
#globalNaviArea ul li a { display: block; height: 28px; margin: 0; padding: 0 10px; color: #5F3128; font-size: 14px; font-weight: bold; line-height: 30px; text-decoration: none !important; background-color: #FFF; border: 1px solid #C4CCCA; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; behavior: url(/js/PIE.htc); }
#globalNaviArea ul li.navi5 a { color: #CC0000; }
#globalNaviArea ul li a:hover { color: #FFF; background-color: #5F3128; }
#globalNaviArea ul li.navi5 a:hover { background-color: #CC0000; }

/*アクティブ*/


/*子育てロゴ*/
h1#egaoLogo { float: left; width: 140px; height: 73px; padding-top: 25px; }
h1#egaoLogo a { display: block; width: 140px; height: 73px; text-indent: -9999px; background: url(../common-img/egao_logo_tablet.png) no-repeat 0 0 !important; }






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

#localNaviArea { display: none; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
コンテンツエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*カバー*/
#mainCoverAreaOuter { height: 200px; padding: 0 20px; background: url(../common-img/egao_sec_cover_tablet.jpg) no-repeat top center; background-size: cover !important; }
#mainCoverArea { }
#mainCoverAreaInner { position: relative; }

#contentsAreaHead { padding: 15px 20px 0 20px; display: flex; justify-content: space-between; }
#contentsAreaHead #pagePrintBtn { display: none; }
#contentsAreaHead #pageSearchBtn { display: none; }

/*最終更新日*/
#lastUpdate { float: left; padding-top: 1px; width: 300px; }
#lastUpdate p { }

/*印刷ボタン*/
.topBtnArea { display: inline-block; vertical-align: middle; *display: inline; *zoom: 1; }
#pagePrintBtn { display: inline-block; *display: inline; *zoom: 1; padding-top: 1px; width: 4em; }
#pagePrintBtn p { margin: 0; text-align: right; }
#pagePrintBtn p a { font-weight: bold; padding-left: 20px; background: url(../common-img/ico_print.gif) no-repeat left; }

/*検索*/
.headerSiteSearch:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.headerSiteSearch { display: inline-table; min-height: 1%; }
/* for macIE \*/ * html .headerSiteSearch { height: 1%; }
.headerSiteSearch { display: block; }
/* end of for macIE */

/*なぞり検索とは*/
#srch_trc { /*float: left;*/ display: inline-block; margin-right: 5px; vertical-align: middle; line-height: 1em; *display: inline; *zoom: 1; }
#srch_trc a { padding-left: 18px; font-weight: bold; }
#pageSearchBtn p a.pageSearchHelp { display: inline-block; width: 15px; height: 15px; text-indent: -9999px; font-size: 0.1em; overflow: hidden; text-align: left; vertical-align: middle; *display: inline; *zoom: 1; }

/*ページトップボタン*/
#pPageTop { clear:both; width: 100%; padding: 15px 0 30px 0; }
#pPageTop p { margin-left: auto; width: 111px; height: 17px; }
#pPageTop p a { width: 111px; height: 17px; display: block; text-indent: -9999px; overflow: hidden; }

/*ソーシャルボタン*/
#socialtop { margin-right: 15px; vertical-align: middle; float:left; }
#socialtop div.btn-fc-share { display: inline-block; margin-left: 7px; }
#socialtop span.btn-twitter { display: inline-block; margin-left: 5px; }
#snsTplHtb { display: inline-block; }
#snsTplTwt { display: inline-block; }
#snsTplLine { display: inline-block; }
#snsTplPin { display: inline-block; }
#snsTplPin > span { border-radius: 3px !important;;}
#snsTplPin > span{ vertical-align: bottom !important; }
#snsTplFb { display: inline-block; }
#snsTplFb iframe { width: 150px !important; }




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

#footerAreaOuter { padding: 0 0 20px 0; background: transparent !important; }
#footerArea { position: relative; width: auto; height: auto; margin: 0 20px; /*padding: 0 0 30px 0; background: url(../common-img/footer_area_bg.jpg) no-repeat right bottom; background-size: 62% !important;*/ }

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

/*フッターアドレス*/
#footerAddress { width: 100%; }
#footerAddress p { }
#footerAddress address { font-style: normal; }

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






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
個別
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extSiteSearch { width: auto !important; margin-right: 60px !important; margin-left: 60px !important; }
input[type="button"],input[type="submit"] { border-radius: 0; }
input[type="button"],input[type="submit"] { -webkit-appearance: none; }

/*サイドバーエリア 子育て情報誌・子育て応援誌「陽だまり」*/
#usersidearea a.sideBnr { display: table; }
#usersidearea a.sideBnr img { }
#usersidearea a.sideBnr span { display: table-cell; vertical-align: middle; padding-left: 20px; font-size: 1.2em; }

/*サイドバーエリア 子育てメールマガジン*/
#usersidearea p.sideBnrMailMagazineTitle { margin-bottom: 10px; text-align: center; font-size: 1.2em; font-weight: bold; }
#usersidearea p.sideBnrMailMagazineQR img { float: left; margin-right: 10px; }
#usersidearea p.sideBnrMailMagazineQR { font-size: 12px; line-height: 1.2em; }

/*address*/
address:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
address { display: inline-table; min-height: 1%; }
* html address { height: 1%; }
.address { display: block; }
address p.gaiyouTel { float: left; margin-right: 20px; }
address p.gaiyouFax { float: left; }

/*extLinkList*/
.extLinkList ul:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.extLinkList ul { display: inline-table; min-height: 1%; }
* html .extLinkList ul { height: 1%; }
.extLinkList ul { display: block; }
.extLinkList ul li { float: none !important; width: 100% !important; }

/*bImgbtn*/
.bImgbtn { text-align: center; }

/*スクロール対応*/
.bExtCatTabListBoxScrollinner { -webkit-overflow-scrolling: touch; width: 100%; overflow: auto; }

/*-------------------------------------------------------------
市役所概要
-------------------------------------------------------------*/
#sidebarArea #unit-87371 { background-color: #FFF; width: 49%; float: right; }
#sidebarArea #unit-87371 .bImg img { width: 250px; margin: 0 auto; }
#sidebarArea #unit-87370 { width: 49%; float: right; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
トップ子育て情報一覧ユニット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.bVCatList2 .masonry { margin-right: -20px; position: relative; overflow: hidden; }
.bVCatList2 .masonry ul.items { padding: 0; letter-spacing: -0.4em; }
.bVCatList2 .masonry ul.items li { margin: 0 0 20px 0 !important; padding: 0; display: inline-block; width: 33.3333% !important; letter-spacing: normal; vertical-align: top; box-sizing: border-box; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner { position: relative; margin: 0 20px 0 0; background-color: #FFF; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; box-shadow: 5px 5px 0px 0px #F2F0EF; -webkit-box-shadow: 5px 5px 0px 0px #F2F0EF; -moz-box-shadow: 5px 5px 0px 0px #F2F0EF; behavior: url(/js/PIE.htc); }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .bVCatList2Img { position: relative; margin: 0 !important; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .bVCatList2Img a { display: block; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .bVCatList2Img a img { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .inner { padding: 20px 20px 15px 20px; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .inner h5 { margin: 0 0 8px 0; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .inner h5 a { color: #5F3128; font-size: 1.1em; line-height: 1.4em; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .inner p.bVCatList2Date { margin: 0 0 3px 0; }
.bVCatList2 .masonry ul.items li .bVCatList2Inner .inner p { line-height: 1.4em; }
.bVCatList2 .masonry img.newIco { position: absolute; top: 10px; right: 10px; width: 56px; height: 56px; }

/*ラベル*/
#contentsArea a:hover img.newIco { opacity: 1 !important; filter: alpha(opacity=100) !important; -ms-filter: "alpha( opacity=100 )" !important; background: transparent !important; }
.bVCatList2Inner .inner .label { margin-top: -41px; position: relative; text-align: right; }
.bVCatList2Inner .inner .label span { display: inline-block; font-size: 12px; line-height: 1em; text-align: center; padding: 15px 10px 14px 10px; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ベストショット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.extNiceShotOne { position: relative; }
.recordPhoto { /*padding: 9px; background: url(../common-img/recordPhoto_bg.jpg) repeat 0 0; border: 1px solid #6A382E; box-sizing: border-box;*/ border:10px ridge #BD6F4F; }
a.recordPhotoA { display: block; /*padding: 6px; background: url(../common-img/recordPhotoA_bg.jpg) repeat 0 0;*/ border:10px solid #442822; }
a.recordPhotoA span { display: block; padding: 7px; background-color: #E5E3DF; }
a.recordPhotoA span img { border: 1px solid #CACACA; box-sizing: border-box; }
a.recordPhotoA span img:hover { opacity: 0.8 !important; filter: alpha(opacity=80) !important; -ms-filter: "alpha( opacity=80 )" !important; background: #FFF !important; }
p.txtShot { position: absolute; top: -7px; right: -7px; width: 94px; height: 94px; text-indent: -9999px; background: url(../common-img/txtShot_bg.png) repeat 0 0; }
.photoTitle { margin-top: 5px; text-align:center; font-weight:bold; }
.infoTtl { text-align: center; }

/*詳細*/
.extNiceShotDetailInner .imgbox img { width: 100%; }
.extNiceShotList .recordListInner ul { list-style: none; margin-right: -20px; overflow: hidden; }
.extNiceShotList .recordListInner ul li { float: left; width: 25%; margin-bottom: 20px; }
.extNiceShotList .recordListInner ul li .recordPhotoInner { margin-right: 20px; }

.imgbox { border:20px ridge #BD6F4F; margin-bottom: 20px; }
.imgbox a { display: block; border:20px solid #442822; }
.imgbox a span { display: block; padding: 17px; background-color: #E5E3DF; }
.imgbox a span img { border: 1px solid #CACACA; box-sizing: border-box; }
table.recordDetail { width: auto; margin: 0 0 0 auto; border-collapse: collapse; border-spacing: 0; }
table.recordDetail tr td.date { padding-right: 1em; }







/*共育カレンダー*/
/*-------------------------------------------------------------
イベントカレンダー
-------------------------------------------------------------*/
.bEvSearch .hsNormal { margin-bottom: 0; }
.bEvSearch .hsWide { margin-bottom: 0; }