@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

img, object, embed { max-width: 100% !important; height: auto !important; }
input[type="submit"], input[type="text"] { -webkit-appearance: none; border-radius: 0; border: 1px solid #CCC; }

/*ユニット余白（下）*/
.hsNarrow	{ margin-bottom: 10px; }	/*狭い*/
.hsNormal	{ margin-bottom: 20px; }	/*標準*/
.hsWide		{ margin-bottom: 30px; }	/*広い*/
.bgColor { padding: 10px; }






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

body { min-width: 320px; background-image: none; }

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

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

/*コンテンツエリア*/
#contentsAreaSection { width: 100%; }
#contentsAreaOuter { width: 100%; }
#contentsArea { padding: 20px 10px 0 10px; margin: 0; width:auto; border-top-width: 1px; border-top-style: solid; border-top-color: #DDD; }
#contentsAreaInner { width: 100%; }

/*メインエリア*/
#mainArea { float: none; width: 100%; overflow: visible; margin:0; }

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

/*サイドバーエリア*/
#sidebarArea { display: none;}
/*
#sidebarArea { position: relative; float: none; width: 100%; }
#sidebarAreaInner { padding-bottom: 0; }
#usersidearea { width: 100%; }
*/

/*パンくずリスト*/
#breadcrumbsList { display: none; }






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

#headerAreaOuter { width: 100%; height: auto; }
#headerArea { margin: 0; padding: 0; width: 100%; }
#headerAreaInner { width: 100%; }
.headerOption { float: none; width: 100%; height: auto; margin-top: 0; }

/*ロゴ*/
#headerArea h1 { float: none; width: auto; margin-right: 49px; }
#headerArea h1 a { width: 167px; height: 41px; margin: 9px auto 9px auto; background: url(../common-img/sp_logo_top.png) no-repeat 0 0; background-size: 167px 41px !important; }

/*メニューボタン*/
.menuBtn { display: block; position: absolute; top: 0; right: 0; width: 49px; height: 60px; background: url(../common-img/ico_menu.png) no-repeat 0 0; background-size: 49px 60px !important; text-indent: -9999px; cursor: pointer; }

/*メニュー閉じるボタン*/
.menuBtnClose { display: block; padding: 10px 0; border-top-width: 1px; border-top-style: solid; border-top-color: #DDD; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDD; text-align: right; }
.menuBtnClose span { margin-right: 10px; padding: 2px 0 2px 22px; background: url(../common-img/ico_menu_close.png) no-repeat 0 50%; background-size: 15px 15px !important; cursor: pointer; }

/*翻訳*/
#subLang { float: none; width: 100%; height: auto; padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDD; }
/*#google_translate_element { padding-right: 0; text-align: center; }*/
#chgLang { width:100px; margin:0 auto;}
#chgLang span {width:78px; text-align:center;}

/*検索*/
#headerSiteSearch { float: none; height: auto; margin-right: 0; padding: 10px 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDD; font-size: 0; text-align: center; }
#headerSiteSearch input { display: inline-block; vertical-align: top; box-sizing: border-box; }
input.siteSearchText { width: 75%; height: 28px; border-width: 1px; border-style: solid; border-color: #AAA; -webkit-appearance: none; border-radius: 0; }
input.siteSearchBtn { height: 28px; margin: 0; padding: 0 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #AAA; border-right-width: 1px; border-right-style: solid; border-right-color: #AAA; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #AAA; border-left: none; background-color: #000; color: #FFF; -webkit-appearance: none; border-radius: 0; }

/*文字色変更・文字サイズ*/
.headerOption .colorSizeOuter { float: none; padding: 10px 0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDD; text-align: center; font-size: 0; }
.headerOption .colorSizeOuter p { float: none; display: inline-block; vertical-align: middle; margin: 0 1px; }
.headerOption .colorSizeOuter dl#tsBox { float: none; display: inline-block; vertical-align: middle; }

.headerOptionInnerWrapper {float:none;}



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カバーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#coverAreaSection { width: 100% !important; }
#coverAreaOuter { margin: 0 auto; padding: 0; width: 100% !important; }
#coverArea { margin: 0 auto; width: 100% !important; overflow: hidden; }
#coverAreaInner { position: relative; overflow: hidden; }
#coverAreaImage { overflow: hidden; }
#coverArea h3 { line-height: normal; margin: 0; position: absolute; white-space: nowrap; vertical-align: baseline; }






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

#globalNaviArea { display:block; clear: both; margin: 0; padding: 0; width: 100%; overflow: hidden; border-left: none; }
#globalNaviArea ul { margin: 0; padding: 0; list-style: none; }
#globalNaviArea ul li { display: table; width: 50%; height: 80px; background-color: #FFF;  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DDD; box-sizing: border-box; }
#globalNaviArea ul li.navi1 { width: 100%; }
#globalNaviArea ul li.navi2, #globalNaviArea ul li.navi4 { border-right-width: 1px; border-right-style: solid; border-right-color: #DDD; }
#globalNaviArea ul li.navi4, #globalNaviArea ul li.navi5 { border-bottom: none; }
#globalNaviArea ul li a { display: table-cell; height: auto; line-height: 1.1em; font-size: 1.2em; vertical-align: middle; }
#globalNaviArea ul li.navi1 a span { padding: 5px 0 5px 32px; background: url(../common-img/ico_home.png) no-repeat 0 30%; background-size: 22px 20px !important; }
#globalNaviArea ul li.navi1 a:hover span { background: url(../common-img/ico_home_hover.png) no-repeat 0 30%; background-size: 22px 20px !important; }

/*アクティブ*/
#pageBody #globalNaviArea ul li.navi1 a span { background: url(../common-img/ico_home_hover.png) no-repeat 0 30%; }
#coverNaviArea li.navi2 a span.circleS span.txtOuter span {width:48px;left:6px;}
#coverNaviArea li.navi6 a span.circleS span.txtOuter span {width:48px;left:6px;}
#coverNaviArea li.navi9 a span.circleS span.txtOuter span {width:48px;left:6px;}
#coverNaviArea li.navi12 a span.circleS span.txtOuter span {width:48px;left:6px;}




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カバーエリア
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#coverAreaSection { width: 100% !important; }
#coverAreaOuter { margin: 0 auto; padding: 0; width: 100% !important; }
#coverArea { margin: 0 auto; width: 100% !important; overflow: hidden; }
#coverAreaInner { position: relative; overflow: hidden; }
#coverAreaImage { overflow: hidden; }
#coverArea h3 { line-height: normal; margin: 0; position: absolute; white-space: nowrap; vertical-align: baseline; }

#mainCoverArea { position: relative; margin: -20px -10px 10px -10px; width: auto; height: 85px; }
#mainCoverArea h2 { width: 100%; height: 85px; background-size: cover !important; background-position: 0 50% !important; }







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

/*コンテンツヘッド*/
#contentsAreaHead { margin-top: 0; padding-bottom: 20px; width: 100%; }

/*最終更新日*/
#lastUpdate { float: none; width: 100%; padding: 0; margin-bottom: 8px; }
#lastUpdate p { }

/*印刷ボタン*/
#pagePrintBtn { display: none; }
/*
#pagePrintBtn p { margin: 0; text-align: right; }
#pagePrintBtn p a { font-weight: normal; padding-left: 20px; background: url(../common-img/ico_print.gif) no-repeat left; }
*/

/*検索ボタン*/
#pageSearchBtn { display: none; }

/*なぞり検索とは*/
#pageSearchBtn p a.pageSearchHelp { margin: 0 0 0 2px; padding: 0; width: 15px; height: 15px; display: inline-block; text-indent: -9999px; font-size: 0.1em; overflow: hidden; }

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

/*ソーシャルボタン*/
/*2021-02 コメントアウト*/
/*
#socialtop { float: left; width: auto; }
#socialtop span { display: inline-block; vertical-align: middle; }
#socialtop #___plusone_0 { width: 33px !important; }
#socialtop a img { border: 0; }
#socialtop a { text-decoration: none; }
#socialtop div.btn-fc-share { float: left;	 margin-left: 7px; }
#socialtop #fb-root { display: none; }
#socialtop span.btn-twitter { float: left; margin-right: 4px; }
#socialtop span.btn-mixi { float: left; margin-left: 5px; }
*/





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

#coverNaviArea { position: relative; height: auto; margin: -20px -10px 0 -10px; }
#coverNaviArea ul { height: auto; font-size: 0; }
#coverNaviArea li { position: relative; display: inline-block; height: auto !important; vertical-align: top; }

/*横幅にあわせて高さ調整
#coverNaviArea ul li > a { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#coverNaviArea ul li:after{ padding-top: 100%; display: block; content: ""; }
*/

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

/*背景設定*/
#coverNaviArea li.navi7 a { border-left: none; }
#coverNaviArea li.navi8 a { border-left: 1px solid #FFF; }
#coverNaviArea li.navi10 a { border-left: none; }

/*文字設定*/
#coverNaviArea li a { height: 130px !important; /*横幅にあわせて高さ調整 height: auto !important; */ background-position: top center !important; background-size: cover !important; border-bottom: 1px solid #FFF; }
#coverNaviArea li a span.circleL { width: 60px; height: 60px; right: 5px; bottom: 5px; font-size: 12px; background-image: none; background-color: rgba(255,255,255,0.9); border-radius: 100%; }
#coverNaviArea li a span.circleL span.txtOuter { width: 60px; height: 60px; }
#coverNaviArea li a span.circleL span.txtOuter span { width: 60px; }
#coverNaviArea li a span.circleS { width: 60px; height: 60px; right: 5px; bottom: 5px; font-size: 12px; background-image: none; background-color: rgba(255,255,255,0.9); border-radius: 100%; }
#coverNaviArea li a span.circleS span.txtOuter { width: 60px; height: 60px; }
#coverNaviArea li a span.circleS span.txtOuter span { width: 60px; }
#coverNaviArea li a span.circleR { width: 60px; height: 60px; right: 5px; bottom: 5px; font-size: 12px; background-image: none; background-color: rgba(255,0,0,0.9); border-radius: 100%; }
#coverNaviArea li a span.circleR span.txtOuter { width: 60px; height: 60px; }
#coverNaviArea li a span.circleR span.txtOuter span { width: 58px; margin-top: -1.6em; }

/* 2022.07.01*/
#coverNaviArea li.navi5 a span.circleS span.txtOuter span { width:65px;}
#coverNaviArea li.navi5 a span.circleS {width:65px;height:65px;background-size: 65px;}
#coverNaviArea li.navi5 a span.circleS span.txtOuter {width:65px;height:65px;}





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

#snsArea { padding: 15px 10px 1px 10px; }
#snsArea .outer { width: 100%; margin: 0; }
#snsArea .inner { width: 100%; }
#snsArea h5 { float: none; text-align: center; }
#snsArea p { float: none; text-align: center; }
#snsArea ul { width: 100%; }
#snsArea li { float: none; width: 100%; margin: 0 0 10px 0; box-sizing: border-box;  }
#snsArea li a { width: 100% !important; box-sizing: border-box; background-repeat: no-repeat; background-position: center left 10px !important; }
#snsArea li.btnSns0 a { background-image: url(../common-img/sp_tb_btn_sns_fb0.png); background-size: 192px 40px !important; border: 1px solid #37589A; }
#snsArea li.btnSns1 a { background-image: url(../common-img/sp_tb_btn_sns_fb.png); background-size: 214px 40px !important; border: 1px solid #37589A; }
#snsArea li.btnSns3 a { background-image: url(../common-img/sp_tb_btn_sns_tw1.png); background-size: 162px 40px !important; border: 1px solid #3197FF; }
#snsArea li.btnSns2 a { background-image: url(../common-img/sp_tb_btn_sns_tw2.png); background-size: 176px 40px !important; border: 1px solid #3197FF; }
#snsArea li a:hover { background-position: center left 10px !important; }
#snsArea li.btnSns0 a:hover { background-image: url(../common-img/sp_tb_btn_sns_fb0_hvr.png); }
#snsArea li.btnSns1 a:hover { background-image: url(../common-img/sp_tb_btn_sns_fb_hvr.png); }
#snsArea li.btnSns3 a:hover { background-image: url(../common-img/sp_tb_btn_sns_tw1_hvr.png); }
#snsArea li.btnSns2 a:hover { background-image: url(../common-img/sp_tb_btn_sns_tw2_hvr.png); }






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

#footeMenuArea { margin-top: 0; margin-bottom: 0; padding-top: 10px; line-height: 2em; }

/*box1（左）*/
#footeMenuArea ul li.box1 { float: none; width: 100%; }
#footeMenuArea ul li.box1 ul li.firstli { line-height: 2em; }
#footeMenuArea ul li.box1 ul.thirdBox li { display: inline-block; margin-right: 1em; vertical-align: top; line-height: 2em; }
#footeMenuArea ul li.box1 ul.thirdBox li.firstli { margin-top: 0; }

/*box2（左中）*/
#footeMenuArea ul li.box2 { float: none; width: 100%; }
#footeMenuArea ul li.box2 ul.secondBox li { display: inline-block; margin-right: 1em; vertical-align: top; line-height: 2em; }

/*box3（右）*/
#footeMenuArea ul li.box3 { float: none; width: 100%; margin-bottom:0.5em; }
#footeMenuArea ul li.box3 ul.secondBox li { display: inline-block; margin-right: 1em; vertical-align: top; margin-bottom: 0.5em; }

/*box4（右中）*/
#footeMenuArea ul li.box4 { float: none; width: 100%; }
#footeMenuArea ul li.box4 ul.secondBox li { display: inline-block; margin-right: 1em; vertical-align: top; }






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

#footerAreaSection { width: 100%; height: auto; }
#footerAreaOuter { width: 100%; }
#footerArea { position: relative; width: auto; height: auto; padding: 10px 0; background: none; }

/*フリーエリア*/
#footerFreeArea { margin-top: 15px; padding-bottom: 0; }

/*フッターナビゲーションエリア*/
#footerNaviArea { padding-bottom: 15px; }
#footerNaviArea ul { margin: 0; padding: 0; list-style: none; }
#footerNaviArea ul li { margin: 0; padding: 0; display: block; }
#footerNaviArea ul li a { white-space: normal; padding-left: 15px; line-height: 1.8em; }

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

/*ページトップボタン*/
#pPageTop { width: 100% !important; height: auto !important; }
#pPageTop p { float: none !important; margin-left: auto !important; width: 100% !important; height: auto !important; }
#pPageTop p a { display: block; width: auto !important; height: auto !important; text-indent: 0 !important; padding: 12px 10px 10px 10px; text-align: center; font-weight: bold; font-size: 1.2em; text-decoration: none; background-image: none; background-color: #2275A8; color: #FFF; }
#pPageTop p a:hover { background-image: none; background-color: #439BC9; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
コンテナー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*col2-1*/
.col2-1 br.clr { display: none;}
.col2-1 .box1 { clear: both; width: 100%; float: none; }
.col2-1 .box2 { clear: both; width: 100%; float: none; margin-left: 0; }
.col2-1 .box1 .containerInner { margin: 0; }
.col2-1 .box2 .containerInner { margin: 0; }

/*col2-2*/
.col2-2 br.clr { display: none;}
.col2-2 .box1 { float: none; width: 100%; }
.col2-2 .box2 { float: none; width: 100%; }
.col2-2 .box1 .containerInner { margin: 0; }
.col2-2 .box2 .containerInner { margin: 0; }

/*col2-3*/
.col2-3 br.clr { display: none;}
.col2-3 .box1 { float: none; width: 100%; }
.col2-3 .box2 { float: none; width: 100%; }
.col2-3 .box1 .containerInner { margin: 0; }
.col2-3 .box2 .containerInner { margin: 0; }

/*col2-4*/
.col2-4 br.clr { display: none;}
.col2-4 .box1 { float: none; width: 100%; }
.col2-4 .box2 { float: none; width: 100%; }
.col2-4 .box1 .containerInner { margin: 0; }
.col2-4 .box2 .containerInner { margin: 0; }

/*col2-5*/
.col2-5 br.clr { display: none;}
.col2-5 .box1 { float: none; width: 100% !important; }
.col2-5 .box2 { float: none; width: 100% !important; }
.col2-5 .box1 .containerInner { margin: 0; }
.col2-5 .box2 .containerInner { margin: 0; }

/*col2-6*/
.col2-6 br.clr { display: none;}
.col2-6 .box1 { float: none; width: 100%; }
.col2-6 .box2 { float: none; width: 100%; margin-left: 0; }
.col2-6 .box1 .containerInner { margin: 0; }
.col2-6 .box2 .containerInner { margin: 0; }

/*col2-7*/
.col2-7 br.clr { display: none;}
.col2-7 .box1 { float: none; width: 100%; }
.col2-7 .box2 { float: none; width: 100%; margin-left: 0; }
.col2-7 .box1 .containerInner { margin: 0; }
.col2-7 .box2 .containerInner { margin: 0; }

/*col2-8*/
.col2-8 { display: table; width: 100%; }
.col2-8 br.clr { display: none;}
.col2-8 .box1 { float: none; display: table-row-group; }
.col2-8 .box2 { float: none; width: 100%; margin-left: 0; display: table-header-group; }
.col2-8 .box1 .containerInner { margin: 0; }
.col2-8 .box2 .containerInner { margin: 0; }

/*col2-9*/
.col2-9 br.clr { display: none;}
.col2-9 .box1 { float: none; margin-right: 0;  }
.col2-9 .box2 { float: none; width: 100%; }
.col2-9 .box1 .containerInner { margin: 0; }
.col2-9 .box2 .containerInner { margin: 0; }

/*col3-1*/
.col3-1 br.clr { display: none;}
.col3-1 .box1 { float: none; width: 100% !important; }
.col3-1 .box2 { float: none; width: 100% !important; }
.col3-1 .box3 { float: none; width: 100% !important; margin-left: 0; }
.col3-1 .box1 .containerInner { margin: 0; }
.col3-1 .box2 .containerInner { margin: 0; }
.col3-1 .box3 .containerInner { margin: 0; }

/*col3-2*/
.col3-2 br.clr { display: none;}
.col3-2 .box1 { float: none; width: 100%; }
.col3-2 .box2 { float: none; width: 100%; }
.col3-2 .box3 { float: none; width: 100%; margin-left: 0; }
.col3-2 .box1 .containerInner { margin: 0; }
.col3-2 .box2 .containerInner { margin: 0; }
.col3-2 .box3 .containerInner { margin: 0; }

/*col3-3*/
.col3-3 br.clr { display: none;}
.col3-3 .box1 { float: none; width: 100%; }
.col3-3 .box2 { float: none; width: 100%; }
.col3-3 .box3 { float: none; width: 100%; margin-left: 0; }
.col3-3 .box1 .containerInner { margin: 0; }
.col3-3 .box2 .containerInner { margin: 0; }
.col3-3 .box3 .containerInner { margin: 0; }

/*col3-4*/
.col3-4 br.clr { display: none;}
.col3-4 .box1 { float: none; width: 100%; }
.col3-4 .box2 { float: none; width: 100%; }
.col3-4 .box3 { float: none; width: 100%; margin-left: 0; }
.col3-4 .box1 .containerInner { margin: 0; }
.col3-4 .box2 .containerInner { margin: 0; }
.col3-4 .box3 .containerInner { margin: 0; }

/*col3-5*/
.col3-5 { display: table; width: 100%; }
.col3-5 br.clr { display: none;}
.col3-5 .box1 { float: none; display: table-row-group; }
.col3-5 .box2 { float: none; width: 100%; margin-left: 0; display: table-header-group; }
.col3-5 .box3 { float: none; width: 100%; margin-left: 0; }
.col3-5 .box1 .containerInner { margin: 0; }
.col3-5 .box2 .containerInner { margin: 0; }
.col3-5 .box3 .containerInner { margin: 0; }

/*col4*/
.col4 br.clr { display: none;}
.col4 .box1 { float: none; width: 100%; margin-right: 0; }
.col4 .box2 { float: none; width: 100%; }
.col4 .box3 { float: none; width: 100%; }
.col4 .box4 { float: none; width: 100%; margin-left: 0; }
.col4 .box1 .containerInner { margin: 0; }
.col4 .box2 .containerInner { margin: 0; }
.col4 .box3 .containerInner { margin: 0; }
.col4 .box4 .containerInner { margin: 0; }

/*col5
.col5 { margin-bottom: 10px; }
#pageBody .col5 { margin-bottom: 0; }
.col5 .inner { margin-right: -10px; }
.col5 .box1 { width: 50%; }
.col5 .box2 { width: 50%; }
.col5 .box3 { clear: both; width: 50%; }
.col5 .box4 { width: 50%; }
.col5 .box5 { clear: both; width: 50%; float: left; }
.col5 .box1 .containerInner { margin: 0 10px 0 0; }
.col5 .box2 .containerInner { margin: 0 10px 0 0; }
.col5 .box3 .containerInner { margin: 0 10px 0 0; }
.col5 .box4 .containerInner { margin: 0 10px 0 0; }
.col5 .box5 .containerInner { margin: 0 10px 0 0 !important; }
.col5 .hsNormal { margin-bottom: 10px; }
*/

/*col5*/
.col5 { margin-bottom: 0; }
.col5 .inner { margin-right: 0; }
.col5 .box1 { float: none; width: 100%; }
.col5 .box2 { float: none; width: 100%; }
.col5 .box3 { float: none; width: 100%; }
.col5 .box4 { float: none; width: 100%; }
.col5 .box5 { float: none; width: 100%; }
.col5 .box1 .containerInner { margin: 0; }
.col5 .box2 .containerInner { margin: 0; }
.col5 .box3 .containerInner { margin: 0; }
.col5 .box4 .containerInner { margin: 0; }
.col5 .box5 .containerInner { margin: 0 !important; }
.col5 .hsNormal { margin-bottom: 10px; }






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

/*ユニット共通*/
p.imgCap { font-weight: normal !important; font-size: 0.8em !important; }
p.linkArrow a { background-position: 0 0.35em !important; }
input[type="button"] { -webkit-appearance: none; border-radius: 0; }

/*見出し*/
.bTtl h1, .bTtl h2, .bTtl h3 { font-size: 1.4em !important; line-height: 1.4em !important; }

/*小見出し*/
.bSubTtl h1, .bSubTtl h2, .bSubTtl h3 { font-size: 1.1em; line-height: 1.5em; }

/*画像タイトル*/
.bImgttl h3 { max-width: 100%; background-size: contain; }

/*背景付タイトル*/
.bTtlBg { margin: 0; padding: 0; }
.bTtlBg h1, .bTtlBg h2, .bTtlBg h3 { line-height: 1.5em; }

/*関連情報リンク*/
.extLinkList ul li { background-position: 0 0.3em; }

/*画像のみユニット*/
.bImg {}
.bImg p.imgCap { font-weight: normal; }

/*オリジナル画像ユニット*/
.bImgOrg .bImgOrgInner, .bImgOrg .bImgOrgInner img { max-width: 100%; }

/*画像ボタン*/
.bImgbtn img { width: 100%; }

/*左画像+右テキスト*/
.col1 .bImgTxt .bImgTxtLeft { width: 50%; }

/*右画像+左テキスト*/
.col1 .bTxtImg .bTxtImgRight { width: 50%; }

/*画像+タイトル+テキスト*/
.bImgTtlTxt .bImgTtlTxtLeft { float: none; }
.bImgTtlTxt .bImgTtlTxtLeft { width: 100%; padding-bottom: 10px; }
.bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }
#sidebarArea .bImgTtlTxt .bImgTtlTxtLeft { width: 100%; padding-bottom: 10px; }
#sidebarArea .bImgTtlTxt .bImgTtlTxtRight { margin: 0; padding: 0; }

/*画像+タイトル+テキスト×2*/
.col1 .bImgTtlTxt2 .bImgTtlTxt2Img { float: none; width: 100%; }
.col1 .bImgTtlTxt2 .bImgTtlTxt2Left .bImgTtlTxt2Inner { margin: 0 5px 0 0; }
.col1 .bImgTtlTxt2 .bImgTtlTxt2Right .bImgTtlTxt2Inner { margin: 0 0 0 5px; }
.col1 .bImgTtlTxt2 .bImgTtlTxt2Data { margin: 0; padding: 0; }
#sidebarArea .bImgTtlTxt2 .bImgTtlTxt2Img { float: none; width: 100%; }
#sidebarArea .bImgTtlTxt2 .bImgTtlTxt2Left .bImgTtlTxt2Inner { margin: 0 5px 0 0; }
#sidebarArea .bImgTtlTxt2 .bImgTtlTxt2Right .bImgTtlTxt2Inner { margin: 0 0 0 5px; }
#sidebarArea .bImgTtlTxt2 .bImgTtlTxt2Data { margin: 0; padding: 0; }

/*上段画像+下段テキスト×横2列*/
.bImg2Txt2 .bImg2Txt2Left { float: none; width: 100%; margin-bottom: 10px; }
.bImg2Txt2 .bImg2Txt2Left .bImg2Txt2Inner { margin: 0; }
.bImg2Txt2 .bImg2Txt2Right { float: none; width: 100%; margin: 0; }
.bImg2Txt2 .bImg2Txt2Right .bImg2Txt2Inner { margin: 0; }

/*画像（上段）×3+テキスト（下段）×3*/
.bImg3Txt3 .bImg3Txt3Left { float: none; width: 100%; margin-bottom: 10px; }
.bImg3Txt3 .bImg3Txt3Center { float: none; width: 100%; margin-bottom: 10px; }
.bImg3Txt3 .bImg3Txt3Right { float: none; width: 100%; margin: 0; }
.bImg3Txt3 .bImg3Txt3Inner { margin: 0; }

/*サイトマップ	*/
.bSiteMap ul.bSiteMapLocal { padding: 0; }
.bSiteMap ul li.bSiteMapGli a { width: 100%; padding: 0;}

/*画像+イメージタイトル フロート*/
.extImgTtlImgTxt { width: auto !important; padding: 0; }
.extImgTtlImgTxt a { text-decoration: none; }
.extImgTtlImgTxt-inner img { float: left; width: 42%; margin: 0; }
.extImgTtlImgTxt-inner h3.imgTtl { display: none; }
.extImgTtlImgTxt-inner h3 { margin: 0; }
h3.extImgTtlImgTxtSP { display: block; margin-left: 45%; padding: 0 0 0 8px; border-left: 3px solid #3B2921; text-align: left; }
.extImgTtlImgTxt-inner a.arrow { display: none; }

/*テーブルユニット*/
.bList2 th { padding: 4px 5px; }
.bList2 th.bList2Th { padding: 4px 5px; }
.bList2 td { padding: 4px 5px; }
.bList2 td.bList2Td { padding: 4px 5px; }

/*拡張テーブル*/
.extTable th { padding: 4px 5px; }
.extTable th.extTableTh { padding: 4px 5px; }
.extTable td { padding: 4px 5px; }

/*トップ用bVImgBanner*/
.bVImgBanner a:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.bVImgBanner a { display: inline-table; min-height: 1%; }
* html .bVImgBanner a { height: 1%; }
.bVImgBanner a { display: block; }
.bVImgBanner a img { float: left; width: 45%; margin-right: 10px; }







/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ブログ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*カバー*/
#extHeaderEditInner { width: 100% !important; height: auto !important; }
#extHeaderEditInner img { width: 100%; }

/*ページャー*/
.topPager-top { border-bottom: 1px solid #D1D1D1; padding: 3px 2px 13px 2px; font-size: 1.3em; }
.topPager-top a { padding: 5px 9px; margin: 0 2px; display: inline; background: #DBD8CC; line-height: 1.5em; }
.topPager-top b { padding: 5px 9px; margin: 0 2px; display: inline; background: #E7A5A0; line-height: 1.5em; color: #FFF; }
.topPager-bottom { padding: 13px 2px 5px 2px; font-size: 1.3em; }
.topPager-bottom a { padding: 5px 9px; margin: 0 2px; display: inline; background: #DBD8CC; line-height: 1.5em; }
.topPager-bottom b { padding: 5px 9px; margin: 0 2px; display: inline; background: #E7A5A0; line-height: 1.5em; color: #FFF; }
#pager-top a { padding: 0; margin: 0; display: inline; background: none; line-height: 1.4em; }
#pager-bottom a { padding: 0; margin: 0; display: inline; background: none; line-height: 1.4em; }

/*記事一覧*/
.entry-top { padding: 0; border-bottom: 1px solid #D1D1D1; background-color: #DFDCD2; }
.entry-top .entryInner { padding: 0; }
.entry-top .entryInner a { padding: 15px 5px; background: url(../common-img/sp_gnavi_arrow.png) no-repeat 98% 48%; }
.entry-top h3 { margin: 0; padding: 0; color: #5E4B3F; }
.entry-top h3 span { padding-left: 0; }
.containerInner a, .containerInner a:hover { }
.containerInner a span, .containerInner a:hover span { border: none; }
.entryHeader { display: none; }

/*記事詳細*/
.entry { padding: 0; width: auto; border-bottom: 1px solid #D1D1D1; }
.entry h3 span { padding-left: 0; }

/*コメントを見る・コメントを書くボタン*/
#comment { margin-top: 10px; }/*コメントを見るボタン*/
.entryOption { margin: 0 10%; width: auto; }
.entryOption h4 { margin: 0; background: none; }
.entryOption h4 a { display: block; padding: 10px; text-align: center; font-weight: normal; background-color: #F1F1F1; }

/*コメントを書くページ*/
#commentForm h4 {}

/*フッター*/
.footer { display: none; }

/*パーツ非表示*/
#bBlogProfile { display: none; }
#bBlogSearch { display: none; }
#bBlogRss { display: none; }
#bBlogCalendar { display: none; }
#bBlogLink { display: none; }
#bBlogArchive { margin: 0; }
.entry h3 { margin-top: 0; }






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

/*-------------------------------------------------------------
この情報に関するお問い合わせ先
-------------------------------------------------------------*/
.contactInfoArea { display: none; margin-bottom: 10px; }
.contactInfoArea h2 { line-height: 1.5em; font-size: 1.1em;  }
.contactInfoArea .contactInfoLeft { float: none; width: 100%; }
.contactInfoArea .contactInfoRight { float: none; width: 100%; }

/*-------------------------------------------------------------
この情報についてのご意見・ご感想をお聞かせください！
-------------------------------------------------------------*/
.enqArea { display: none; width: auto; margin: 0 0 10px 0; }
.enqArea h2 { line-height: 1.5em; font-size: 1.1em; }
.enqArea fieldset { float: none; width: 100%; }
.enqArea fieldset ul { margin-bottom: 15px; }
.enqArea fieldset li { margin: 5px 10px 0 0; }
.enqArea .enqField { float: none; width: 100%; padding: 0 0 15px 0; }
.enqAreaInner { padding: 13px 10px; }

/*-------------------------------------------------------------
グローバルトップカテゴリリスト（拡張）
-------------------------------------------------------------*/
.bCatListBoxTitle {}
.bCatListBoxTitle h3 { float: none; margin: 0; padding: 0; }
.bCatListBoxTitle p { float: none; }
.bCatListBox p.linkArrow { position: relative; top: auto; right: auto; margin-top: 10px; margin-bottom: 10px; }
.bCatListBox .bCatListBoxLeft { float: none; width: 100%; }
.bCatListBox .bCatListBoxRight { float: none; width: 100%; margin-top: 15px; margin-left: 0; }
.bCatListBox .bCatListBoxRight .inner { margin-left: 0; }
.bCatListBox .bCatListBoxRight ul { width: 100%; }

/*-------------------------------------------------------------
カテゴリリスト（拡張）
-------------------------------------------------------------*/
/*共通*/
.bExtCatList ul li h5 a { padding: 0 0 0 22px !important; }
.bExtCatList ul li h5 a.newIco { padding: 8px 0 0 22px !important; background-position: 22px 0 !important; }
.bExtCatList ul li p.bExtCatListTxt { padding: 0 0 0 22px !important; }
.bExtCatTabList { background: none; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner { margin-right: 0; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner p.bExtCatListDate { padding: 0 0 0 10px; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner ul li h5 a { padding: 0 0 0 10px !important; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner ul li h5 a.newIco { padding: 8px 0 0 10px !important; background-position: 10px 0 !important; }
.bExtCatListRss a { background-position: 0 0.15em !important; }
.bExtCatListLink a { background-position: 0 0.15em !important; }
.bExtCatList br.clr { display: block; }
body#pageBody .bExtCatTabListBoxScroll, body#pageBody .bExtCatTabListBoxScrollEsrch { height: 230px; }

/*背景画像*/
.bExtCatList a.imgbgBox { height: 120px; overflow: hidden; }
.bExtCatList a.imgbgBox img { position: relative; margin-top: -10%; }
.bExtCatList a.imgbgBox h2 { font-size: 1.1em; }

/*画像なし*/
p.bExtCatListDate { padding: 0 0 0 22px; }
.bExtCatListInner0:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.bExtCatListInner0 { display: inline-table; min-height: 1%; }
* html .bExtCatListInner0 { height: 1%; }
.bExtCatListInner0 { display: block; }
.bExtCatListInner0 li { float: left; width: 50% !important; box-sizing: border-box; }
.bExtCatListInner0 li:nth-child(odd) { clear: both; padding-right: 10px; }
.bExtCatListInner0 div.innerLeft { float: none; }
.bExtCatListInner0 div.innerRight { float: none; }
.bExtCatTabListBox { height: auto; padding: 10px; }
.bExtCatTabListBox .bExtCatListInner0 p.bExtCatListDate { width: 5em; text-indent: 0; }
.bExtCatTabListBox .bExtCatListInner0 li h5 { margin: 0 0 0 6em; }
.bExtCatTabListBoxScroll { -webkit-overflow-scrolling: touch; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner0 p.bExtCatListDate { padding: 0 0 0 15px; }

/*画像なし・トップページ*/
#unit-159531 { margin-bottom: 10px; }
#pageBody .bExtCatTabListBox .bExtCatListInner0 li { width: 100% !important; }

/*画像左（トップページでは画像上）*/
.bExtCatList ul.bExtCatListInner1 li { }

/*画像右*/
.bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner2 p.bExtCatListDate { margin: 0 30% 0 0; padding: 0 0 0 15px !important; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner2 h5 { margin: 0 30% 0 0; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner2 h5 a { padding: 0 0 0 15px !important; }
.bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner2 p.bExtCatListTxt { margin: 0 30% 0 0; padding: 0 0 0 15px !important; }

/*画像右・トップページ*/
#unit-159532 { margin-bottom: 10px; }
#pageBody .bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner2 p.bExtCatListDate { width: 100%; }
#pageBody .bExtCatTabListBox .bExtCatTabListBoxScrollinner .bExtCatListInner2 h5 { width: 100%; }

/*-------------------------------------------------------------
カテゴリリスト（タブ）
-------------------------------------------------------------*/
.bExtCatTabList { height: auto; }
.bExtCatTabList ul:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.bExtCatTabList ul { display: inline-table; min-height: 1%; height: auto; }
* html .bExtCatTabList ul { height: 1%; }
.bExtCatTabList ul { display: block; }
.bExtCatTabList ul li { margin: 1px 1px 0 0; }
.bExtCatTabList ul li a { padding: 0 3px; }

/*-------------------------------------------------------------
サイト内検索
-------------------------------------------------------------*/
#unit-159534 { margin-bottom: 10px; }
.extSiteSearch { width: 100%; padding: 0; }
.extSiteSearch .innerLeft { float: none; width: 100%; }
.extSiteSearch label { margin: 0 0 5px 0; padding: 0; font-size: 1em; }
.extSiteSearch .innerRight { float: none; width: 100%; }
.extSiteSearch table th input { width: 100%; box-sizing: border-box; }
.extSiteSearch #searchSubmit { width: 115px; height: 40px; }

/*-------------------------------------------------------------
バナーリスト（120×60px）
-------------------------------------------------------------*/
#unit-159518 { padding: 15px 15px 0 15px; }
#unit-215777 { padding: 0 15px 0 15px; }
.extBannerMngr ul { text-align: left; }
.extBannerMngr li { width: 50%; text-align: center; }

/*-------------------------------------------------------------
ライトボックス
-------------------------------------------------------------*/
.lb-outerContainer { width: 100% !important; height: auto !important; }

/*-------------------------------------------------------------
フォーム
-------------------------------------------------------------*/
.bContact th, .bContact td { display: block; width: 100% !important; box-sizing: border-box; }
.bContact th { border-right-width: 1px; border-right-style: solid; border-right-color: #E2E0D7; }
.bContact td { border-left-width: 1px; border-left-style: solid; border-left-color: #E2E0D7; border-right: 1px solid #E2E0D7; }
.bContact td input[type=text] { width: 100% !important; box-sizing: border-box; }
.bContact td textarea { width: 100% !important; box-sizing: border-box; }
input#BTNnext, input#BTNsend, input#BTNback, input#BTNsave { margin-bottom: 20px; }
.extMdlFormGnrtr th, .extMdlFormGnrtr td { display: block; width: 100% !important; box-sizing: border-box; }
.extMdlFormGnrtr th { border-right-width: 1px; border-right-style: solid; border-right-color: #E2E0D7; }
.extMdlFormGnrtr td { border-left-width: 1px; border-left-style: solid; border-left-color: #E2E0D7; border-right-width: 1px; border-right-style: solid; border-right-color: #E2E0D7; }
.extMdlFormGnrtr td th, .extMdlFormGnrtr td td { border-right: 0 !important; }
.extMdlFormGnrtr td.extMdlFormGnrtrInner table td { padding: 10px 0 10px 10px; }
.extMdlFormGnrtr input { padding: 10px; font-size: 14px; }

/*日付選択カレンダー*/
.yui-calendar th, .yui-calendar td { display: table-cell; width: auto !important; text-align: center !important; }
.yui-calendar td.calcell.calcellhover { border: none !important; }
.yui-calendar td.calcell.oom { border: none !important; }
.yui-calendar td.calcell.today { border: none !important; background-color: #127FAD; }
.yui-calendar td.calcell.today a { color: #FFF !important; }

/*-------------------------------------------------------------
アーカイブ
-------------------------------------------------------------*/
#extArchiveMonth ul li { float: none; display: inline-block; margin: 2px 0; }
.extArchiveList:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; line-height: 0; }
.extArchiveList { display: inline-table; min-height: 1%; }
* html .extArchiveList { height: 1%; }
.extArchiveList { display: block; }
.extArchiveList .bImgTtlTxtLeft { width: 30%; }
.extArchiveList .bImgTtlTxtRight { margin: 0 0 0 30%; }

/*-------------------------------------------------------------
FAQカテゴリー
-------------------------------------------------------------*/
.extFaqCategory { padding: 10px 0 10px 0; }
.extFaqSection { padding: 10px 0 10px 10px; }
.extFaqSection li { width: 50%; padding-right: 10px; box-sizing: border-box; }
.extFaqSection li:nth-child(odd) { clear: both; }

/*-------------------------------------------------------------
拡張ローカルメニュー
-------------------------------------------------------------*/
.extLocalMenuListInner ul li { background-position: 0.7em 0.7em; }

/*-------------------------------------------------------------
小田原写真館
-------------------------------------------------------------*/
.DarcSrchBox div { text-align: center; }
.DarcSrchBox div span { display: inline-block; }
.DarcSrchBox div input#BTNsearch { margin: 10px auto; display: block; }
.DarcSrchBox ul#taglist { text-align: left; }
.bList2 ul#srchlist { width: auto; margin: 0; }
.bList2 ul#srchlist li { width: 50%; box-sizing: border-box; margin: 0 0 -1px -1px; }

/*-------------------------------------------------------------
デジタルアーカイブ
-------------------------------------------------------------*/
p.encyclOuboLink { padding: 15px 10px !important; text-align: center; font-size: 1.1em; background: #000; color: #FFF; }
body#pageBodyencycl .extSiteSearch table th input { height: 20px; }

/*-------------------------------------------------------------
イベントカレンダー
-------------------------------------------------------------*/
body#pageBodyevent table.calendarHeader { margin-top: 20px; }

/*-------------------------------------------------------------
記者発表資料検索
-------------------------------------------------------------*/
.pressTableSearch table input { width: 90% !important; }
.pressTableResult table th.pressTableResultTh01, .pressTableResult table th.pressTableResultTh02, .pressTableResult table th.pressTableResultTh04 { width: 4em !important; }

/*-------------------------------------------------------------
記者発表 資料 詳細
-------------------------------------------------------------*/
.pressDetailBox { padding: 10px !important; }
.pressDetailLeftBox { float: none !important; margin: 0; }
.pressDetailRightBox { float: none !important; text-align: center; }
.pressDetailRightBox span { display: inline-block; margin: 15px 0 0 0; }
table.pressDetaiTable { width: 100%; border-top: none; border-left: none; }
table.pressDetaiTable tr { display: inline; }
table.pressDetaiTable th { text-align: center; }
table.pressDetaiTable td { text-align: left; }
table.pressDetaiTable th, table.pressDetaiTable td { width: 100% !important; display: block; border: 1px solid #ccc; margin-top: -1px; padding: 8px; box-sizing: border-box; }

/*新ソーシャルボタン 2021.2 */
#socialtop { width:100%; margin:10px auto; display: flex; flex-wrap: wrap; justify-content: flex-end;}
#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: 1023px) {
	#socialtop {margin:10px auto; justify-content: flex-start; }
	#socialtop span.btnbox { margin-left: 0; margin-right: 5px; }
  }
/*新ソーシャルボタン 2021.2 */