@charset "UTF-8";

/* 
	サイトUI CSS

	ヘッダやフッタ、メニューなどサイトUIを定義しています。
	CSSを変更することにより、サイトデザインをカスタマイズことができます。

	※このCSSで定義したクラスは、CMS管理画面でのページ編集においては利用できません。

 */


/* ! ---------- アイコンフォント ---------- ---------- ---------- ---------- */

/*@import url('//netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css');*/ /*default*/
@import url('//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); /*edit*/


/* ! ---------- reset ---------- ---------- ---------- ---------- */

body ,h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a ,div {
	margin: 0; padding: 0; font-size:100%; line-height: inherit;
	box-sizing: border-box;
}
body { -webkit-text-size-adjust: 100%; line-height: 1;}
ol, ul { list-style: none;}
table { border-collapse: collapse; border-spacing: 0;}
th, td { vertical-align: top; text-align:left; font-weight: normal;}
img { border: 0; vertical-align: bottom;}


/* ! ---------- clearfix ---------- ---------- ---------- ---------- */

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}


/* ! ---------- 全体設定 ---------- ---------- ---------- ---------- */

body{
  /*background: #fff;*/ /*default*/
/*  background:var(--body-bg, #fff);*/ /*edit*/
  background:var(--body-side-bg, #567); /*edit*/
  /*font-family: Helvetica , Arial , Verdana , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" ,
                       "メイリオ" , Meiryo , sans-serif;*/ /*del 編集画面にも反映するよう free.css 内でフォント指定*/
  /*color:#333;*/ /*default*/
  color:var(--site-color-text-rgb, #333); /*edit*/
  line-height: 1;
  /* 文字サイズは、block.cssで定義しています */
  padding-top:var(--body-padding-top); /*add*/
}

/* ホバー時 (ヘッダ・フッタ) */ 
/*a {color:#4A66A0;}*/ /*default*/
a {color:rgba(var(--site-color-text-anchor-rgb, 74, 102, 160), 1);} /*edit*/
a:hover {opacity:0.7!important; color:rgba(206, 90, 87, 1);} /*add ホバー時(cms.css, free.css 内にもホバー記載箇所あり)*/
#H_IMG a:hover, #H_IMG_TAB a:hover, #H_IMG_MOB a:hover, #H_FU_LOGO a:hover {opacity:1!important;}
/*#F_IMG a:hover, #F_LINK a[href$="index.html"]:hover {opacity:1!important;}*/ /*del*/
._underconst a {color:#888; pointer-events:none;} /*add 工事中ナビのデザイン */


/* ! ---------- スクロール時トップ張り付き ---------- ---------- */ /*add*/

body:not(#index) .sticky, body:not(#index) .sticky_on {position:sticky; top:calc(var(--body-padding-top) - 5px);} /*edit:240605 sticky_on追加*/
body#index .sticky, body#index .sticky_on {position:sticky; top:calc(var(--body-padding-top) - 10px)!important;} /*edit:240605 sticky_on追加*/
/*#SideArea {position:sticky; top:var(--body-padding-top);}*/ /*add, del:231222*/
.sticky_off {} /*add:240605 クラス名修正で張り付きのON・OFFを切替られるように準備した空のクラス*/
@media screen and (min-height:850px) {
  #SideArea {position:sticky; top:var(--body-padding-top);}
} /*add:240118*/


/* ! ---------- ページ内リンクのアンカー位置調整用クラス ---------- ---------- */ /*add*/

.in-a {padding-top:calc(var(--body-padding-top) - var(--bodyarea-padding-top));
         margin-top:calc(var(--bodyarea-padding-top) - var(--body-padding-top));}
@media screen and (max-width:810px) {
  .in-a {padding-top:calc(var(--mob-body-padding-top) - var(--mob-bodyarea-padding-top));
           margin-top:calc(var(--mob-bodyarea-padding-top) - var(--mob-body-padding-top));}
}
  /* 注) リンクを張りたい要素の特性や設定値により、うまく調整できない場合があります。 */


/* ! ---------- UIの寸法 ---------- ---------- ---------- ---------- */

#MainArea,
#HeaderArea,
#GlobalNaviArea {width:100%; max-width:var(--pc-outer-width, 1240px);} /*add*//*max-widthコメントアウトで両端背景オフ*/
#HeaderArea .inner,
#GlobalNaviArea .inner,
#BredList .inner,
#BodyArea,
#FooterNaviArea .inner,
#FooterExtraArea .inner {/*width:960px;*/ width:var(--pc-inner-width, 1200px);} /*edit*/
#ContentsArea {/*width:720px;*/ width:var(--pc-contents-width, 955px);} /*edit*/
#SideArea{ /*width:190px;*/ width:var(--pc-side-width, 205px);} /*edit*/


/* ! ---------- 全体 #Wapper ---------- ---------- ---------- ---------- */

/* 全体 */
#MainArea {background:var(--body-bg, #fff); margin:0 auto;} /*add*/
#Wapper {}


/* ! ---------- ヘッダエリア #HeaderArea ---------- ---------- ---------- ---------- */

/* ヘッダエリア全体 */
/*#HeaderArea {position: relative; height: 100px;margin: 0 0 30px 0;color: #333;}*/ /*del*/
#HeaderArea {position:fixed; height:var(--header-height); margin:0; top:0; z-index:6000;
                        color:var(--header-color-text, #333); background:var(--header-bg, #fff);} /*add*/
#HeaderArea .inner { margin: 0 auto; position: relative; }
/*#HeaderArea a{ color: #333;text-decoration: none; }*/ /*default*/
#HeaderArea a {color:var(--header-color-text, #333); text-decoration:none;} /*edit*/
/*#HeaderArea .header_read{color: #888;}
#HeaderArea .header_name{color: #333;}
#HeaderArea .header_tel{color: #333;}
#HeaderArea .header_time{color: #888;}
#HeaderArea .header_contact{color: #333;}*/ /*del*/


/* ! ---------- ヘッダビジュアル #HeaderVisual ---------- ---------- ---------- ---------- */

#VisualArea {display:none;} /*add*/
/*#VisualArea { height: 150px; margin: -30px 0 30px 0;}*/ /*del:230601*/
/*#VisualArea { background:#6b8dbb url(../../images/visual_main.jpg) center center no-repeat;}*/ /*default*/
/*#VisualArea {background:linear-gradient(30deg, rgba(220,180,80,0.3) 0%, rgba(240,240,240,0.1) 30%, rgba(240,240,240,0.1) 70%, rgba(220,180,80,0.3) 100%)
                                        ,url(../../images/user_visual_main.jpg) top center no-repeat;}*/ /*edit 背景画像の変更 del:230613*/
/*body#index #VisualArea { height: 300px;}*/ /*del:230601*/


/* ! ---------- グローバルナビ #GlobalNaviArea ---------- ---------- ---------- ---------- */

/* グローバルナビ全体 */
/*#GlobalNaviArea { background:#333; margin: -30px 0 30px 0;}*/ /*default*/
#GlobalNaviArea {position:fixed; height:var(--gnavi-height); margin:0 0 30px 0;
                             top:var(--header-height); z-index:6010;
                             background:var(--gnavi-bg-main, #7c8eb9);
                             border-bottom:1px solid rgba(var(--gnavi-color-text-rgb, 255,255,255),1);} /*edit*/
#GlobalNaviArea .inner { margin: 0 auto; }
#GlobalNaviArea ._level-1 > li { float:left;position: relative;}

/* ナビの各ボタンのデザイン */
#GlobalNaviArea ul:not(._level-1) {width:max-content; min-width:100%; max-width:145%;} /*add メニュー項目に合わせて幅を可変にする*/
/*#GlobalNaviArea li > a { display: block; border-right: 1px solid rgba(255,255,255,0.25); padding: 20px 2px 14px 2px;  text-align: center; text-decoration: none;}*/ /*default*/
#GlobalNaviArea li > a { display:block; border-right:1px solid rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);
                                        padding:13px 2px 10px 2px;
                                        text-align:center; text-decoration:none;} /*edit:230623, 230627*/ /*GNAVI高さ修正箇所*/
/*#GlobalNaviArea li > a { color:#fff;}*/ /*default*/
#GlobalNaviArea li > a {color:var(--gnavi-color-text, #fff);} /*edit*/
#GlobalNaviArea li > a {height:calc(var(--gnavi-height) - 1px); background:var(--gnavi-bg-main);
                                      border-bottom:1px solid rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);} /*add:230623*/
#GlobalNaviArea li > a:hover {background:rgba(var(--gnavi-bg-hover-rgb),1); opacity:1!important;} /*add:230623*/
#GlobalNaviArea ._level-1 > li > a {border-bottom:none;} /*add:230626*/
#GlobalNaviArea ._level-1 > li > a {border-image:linear-gradient(to bottom, var(--gnavi-bg-main) 0%, var(--gnavi-bg-main) 20%,
                                                                                                                   rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3) 21%,
                                                                                                                   rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3) 79%, 
                                                                                                                   var(--gnavi-bg-main) 80%, var(--gnavi-bg-main) 100%);
                                                       border-image-slice:1;} /*add メニューボタンごとの区切り線長さ(高さ)調整*/
#GlobalNaviArea ._level-2 > li:first-child > a {border-top:1px solid  rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);} /*add:230626*/
#GlobalNaviArea ._level-2 > li > a {/*border-left:1px solid rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);*/ text-align:left; padding-left:0.5em;
                                                       border-right:2px solid rgba(var(--gnavi-bg-main),1); width:calc(100% - 1px);} /*add:230628, edit:231220*/
#GlobalNaviArea ._level-3 > li:first-child > a {border-top:1px solid  rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);} /*add:230626*/
#GlobalNaviArea ._level-3 > li > a {/*border-left:1px solid rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);*/ text-align:left; padding-left:0.5em;
                                                       border-right:2px solid rgba(var(--gnavi-bg-main),1); width:calc(100% - 1px);} /*add:230628, edit:231220*/
/*#GlobalNaviArea li .t1 { display: block; font-size: 14px;}*/ /*default*/
#GlobalNaviArea li .t1 {display:block; font-size:14px; /*margin-top:-1px;*/ line-height:1.2;} /*edit:230622*/
/*#GlobalNaviArea li .t2 { display: block; font-size: 9px; opacity: 0.5; margin: 2px 0 0 0;}*/ /*default*/
#GlobalNaviArea li .t2 {display:none;} /*edit:230622*/
#GlobalNaviArea ul:not(._level-1) > li > a {height:30px; box-shadow:3px 1px 4px rgba(0,0,0,0.3)
                                                                                      , -1px 0 1px rgba(var(--gnavi-color-text-rgb, 255,255,255),0.2)
                                                                                      , 1px 0 1px rgba(var(--gnavi-color-text-rgb, 255,255,255),0.2);} /*add, edit:231220, 240628*/
#GlobalNaviArea ul:not(._level-1) > li > a .t1 {font-size:12px; margin:-6px 2px 2px 6px;
                                                                       white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*add 一定幅を超えた場合に省略し、…を表示する*/
/*#GlobalNaviArea li:first-child a { border-left: 1px solid rgba(255,255,255,0.25);}*/ /*default*/
#GlobalNaviArea ._level-1 > li:first-child > a { border-left: 1px solid rgba(var(--gnavi-color-text-rgb, 255,255,255),0.3);} /*edit:230623*/

/* 現在表示してるナビのデザイン */
/*#GlobalNaviArea li._current > a,
#GlobalNaviArea li._ownCurrent > a{ background:#555; }*/ /*default*/
#GlobalNaviArea li._current > a,
#GlobalNaviArea li._ownCurrent > a {background:var(--gnavi-bg-current);} /*edit*/
#GlobalNaviArea li._current a:hover,
#GlobalNaviArea li._ownCurrent a:hover {background:rgba(var(--gnavi-bg-hover-rgb),1);} /*add*/

/* 工事中ナビのデザイン */
/*#GlobalNaviArea li._underconst > a{ color:#555; }*/ /*default*/
#GlobalNaviArea li._underconst > a {color:#666;} /*edit*/

/* トグルの表示編集 */ /*add*/
#GNAVI ._hasSub > ul > li > a {transform:translateY(-500px) translate3d(0, 0, 0);}
#GNAVI ._hasSub > ul:not(.open) {display:none;}
#GNAVI ._hasSub > ul._level-2.open {transform:translateY(500px) translate3d(0, 0, 0);}
/* トグルの表示編集 (第3階層対応) */ /*add*/
#GNAVI ._hasSub > ul._level-2.open > li {position:relative;}
#GNAVI ._hasSub > ul._level-3.open {position:absolute; top:6px; left:calc(100% - 11px); z-index:6011; max-width:125%;}
#GNAVI ._hasSub > ul._level-3.open > li {height:28px;}
#GNAVI ._hasSub > ul._level-3.open > li > a {background:color-mix(in srgb, var(--gnavi-bg-main) 75%, var(--gnavi-bg-hover)); height:28px;}
#GNAVI ._hasSub > ul._level-3.open > li > a:hover {background:rgba(var(--gnavi-bg-hover-rgb),1);}


/* ! ---------- パンくず #BredList ---------- ---------- ---------- ---------- */

#BredList {display:none;} /*add*/
/*#BredList { margin: 0 0 40px 0;height: 20px;}
#BredList .inner { margin: 0 auto;}
#BredList a { color: #333;}
#BredList a:hover { text-decoration:underline;}
body#index #BredList{display: none;}*/ /*default*/
/*#BredList a {color:var(--header-color-text, #333);}*/ /*edit*/ /*del*/


/* ! ---------- メインカラム #BodyArea,#ContentsArea,#SideArea ---------- ---------- ---------- ---------- */

/* ヘッダの下に位置するメインのエリア */
/*#BodyArea { margin: 0 auto;min-height: 300px; }*/ /*default*/
#BodyArea {background:var(--body-bg); min-height:350px;
                    margin:calc(0px - var(--bodyarea-padding-top, 20px)) auto 40px auto; padding-top:var(--bodyarea-padding-top, 20px);} /*edit*/
/* トップページ用コンテンツエリア */
/*#ContentsAreaWide {  }*/ /*default*/
#ContentsAreaWide {padding-bottom:60px;} /*edit*/

/* コンテンツエリア */
/*#ContentsArea { float: right;  }*/ /*default*/
#ContentsArea {float:right; padding-bottom:60px;} /*edit*/

/* サイドエリア(ローカルナビ等を配置) */
#SideArea { float: left;}


/* ! ---------- サイドローカルナビ #SubNaviArea ---------- ---------- ---------- ---------- */

/* ローカルナビ全体 */
/*#SubNaviArea {}*/ /*default*/
#SubNaviArea {margin-top:3px;} /*edit*/

/*#SubNaviArea ._type-html { padding: 10px 0 5px 0;border-top:none!important;}*/ /*default*/
#SubNaviArea ._type-html {padding:6px 0 4px 0; border-top:none!important;} /*edit*/
/*#SubNaviArea ._type-html b{display: block;padding: 15px 0 10px 0;margin-bottom:-5px;font-size:14px;border-bottom: 2px solid #666;}*/ /*default*/
#SubNaviArea ._type-html b {display:block; padding:8px 0 8px 4px; margin-top:12px; margin-bottom:-5px; font-size:14px; border-bottom:3px double #999;} /*edit*/
#SubNaviArea ._type-html a {color:inherit; text-decoration:none;} /*add*/
#SubNaviArea ._type-html a:hover {color:inherit;} /*add*/
/*#SubNaviArea li > a { display: block;color:#333;text-decoration: none;}*/ /*default*/
#SubNaviArea li > a {display:block; color:var(--body-color-text, #333); text-decoration:none;} /*edit*/
#SubNaviArea li._type-page > a {margin-bottom:-2px;} /*add*/
#SubNaviArea i.fa-external-link-square {padding-left:0.3em; display:none;} /*add, edit:230726(アイコン非表示)*/

/* ローカルナビ第1階層(タイトル) */
/*#SubNaviArea .title { display: block; font-size: 18px; font-weight: bold; margin: 5px 0 25px 0;}*/ /*default*/
#SubNaviArea .title {display:block; font-size:16px; font-weight:bold; margin:0; padding:8px 0 6px 4px;} /*edit*/
/*#SubNaviArea .title .t1{display: block;font-size: 18px;margin: 0 0 5px 0;}*/ /*default*/
#SubNaviArea .title .t1 {display:block; font-size:16px; margin:4px 0 0 0;} /*edit*/
#SubNaviArea .title .t2{ display: block;font-size:10px;margin: 0 0 5px 0;}

/* ローカルナビ第2階層 */
#SubNaviArea ._level-2 {margin:0;}
/*#SubNaviArea ._level-2 > li {border-top: 1px solid #ddd;}*/ /*default*/
#SubNaviArea ._level-2 > li {border-bottom: 1px solid #ddd;} /*edit*/
#SubNaviArea ._level-2 > li._no-1 {border-top: 2px solid #aaa;} /*add*/
/*#SubNaviArea ._level-2 > li > a { padding: 20px 5px 20px 5px;line-height: 1.2;}*/ /*default*/
#SubNaviArea ._level-2 > li > a {padding:10px 0 10px /*1.2em*/1.1em; line-height:1.4; text-indent:/*-0.35em*/-0.3em; font-size:0.95em;} /*edit*/
/*#SubNaviArea ._level-2 > li._current > a { background:#f7f7f7;color:#333;font-weight: bold;}*/ /*default*/
/*#SubNaviArea ._level-2 > li._ownCurrent {}*/ /*default*/
#SubNaviArea ._level-2 > li._current > a {background:var(--snavi-bg-current); color:var(--body-color-text, #333); font-weight:bold;} /*edit*/
#SubNaviArea ._level-2 > li._ownCurrent > a {color:var(--body-color-text, #333); font-weight:bold;} /*add*/

/* ローカルナビ第3階層 */
/*#SubNaviArea ._level-3 {margin:-10px 0 20px 0;padding: 0 0 0 10px;}*/ /*default*/
#SubNaviArea ._level-3 {margin:0; padding:0;} /*edit*/
/*#SubNaviArea ._level-3 > li > a {padding: 10px 5px 10px 5px;line-height: 1.2;}*/ /*default*/
#SubNaviArea ._level-3 > li > a {position:relative; padding:7px 0 6px /*1.35em*/1.3em; margin:1px 0; line-height:1.4; text-indent:/*-0.35em*/-0.3em; font-size:0.88em; color:rgba(var(--color-black-rgb),0.95);} /*edit*/
#SubNaviArea ._level-3 > li > a::after {position:absolute; bottom:-1px; left:0; width:100%; height:1px; content: ''; border-bottom:1px dotted #ddd;} /*add*/
#SubNaviArea ._level-3 > li._no-1 {margin-top:-5px;} /*add*/
#SubNaviArea ._level-3 > li._no-1 > a {position:relative; padding-top:10px;} /*add*/
#SubNaviArea ._level-3 > li._no-1 > a::before {position:absolute; top:-1px; left:0; width:100%; height:1px; content: ''; border-bottom:1px dotted #ddd;} /*add*/
/*#SubNaviArea ._level-3 > li._current > a { background:#f7f7f7;color:#333;font-weight: bold;}*/ /*default*/
#SubNaviArea ._level-3 > li:last-child {padding-bottom:4px;} /*add*/
#SubNaviArea ._level-3 > li:last-child > a::after {border-bottom:none;} /*add*/
#SubNaviArea ._level-3 > li._current > a {background:var(--snavi-bg-current); color:var(--body-color-text, #333); font-weight:bold; text-decoration:none;} /*edit*/
/*#SubNaviArea ._level-3 > li._ownCurrent {}*/ /*default*/
#SubNaviArea ._level-3 > li._ownCurrent > a {background:var(--snavi-bg-current); color:var(--body-color-text, #333); font-weight:bold;} /*add*/

/* ローカルナビ第4階層 */
/*#SubNaviArea ._level-4 {padding: 0 0 0 10px;}*/ /*default*/
#SubNaviArea ._level-4 {margin:0; padding:0;} /*edit*/
/*#SubNaviArea ._level-4 > li > a {padding: 10px 5px 10px 5px;line-height: 1.2;}*/ /*default*/
#SubNaviArea ._level-4 > li > a {position:relative; padding:7px 0 6px /*1.85em*/1.8em; margin:1px 0; line-height:1.4; text-indent:/*-0.35em*/-0.3em; font-size:0.83em; color:rgba(var(--color-black-rgb),0.95);} /*edit*/
#SubNaviArea ._level-4 > li > a::after {position:absolute; bottom:-1px; left:0; width:100%; height:1px; content: ''; border-bottom:1px dashed #eee;} /*add*/
#SubNaviArea ._level-4 > li._no-1 {margin-top:/*-1px*/-2px;} /*add*/
#SubNaviArea ._level-4 > li._no-1 > a {position:relative; padding-top:8px;} /*add, edit:240617*/
#SubNaviArea ._level-4 > li._no-1 > a::before {position:absolute; top:-1px; left:0; width:100%; height:1px; content:''; border-bottom:1px dashed #eee;} /*add*/
#SubNaviArea ._level-4 > li:last-child {padding-bottom:4px;} /*add*/
#SubNaviArea ._level-4 > li:last-child > a::after {border-bottom:none;} /*add*/
/*#SubNaviArea ._level-4 > li._current > a { background:#f7f7f7;color:#333;font-weight: bold;}*/ /*default*/
#SubNaviArea ._level-4 > li._current > a {background:var(--snavi-bg-current); color:var(--body-color-text, #333); font-weight:bold; text-decoration:none;} /*edit*/

/* 工事中ナビのデザイン */
/*#SubNaviArea li._underconst { opacity: 0.5; }*/ /*default*/
#SubNaviArea li._underconst {opacity:0.6;} /*edit*/

/* ナビ以外のイレギュラーな要素 */
#SubNaviArea .extra{margin: 20px 0 10px 0; line-height: 1.4;}
#SubNaviArea .extra > *{ margin: 0 0 5px 0;}

/*第1階層のトグルは非表示*/
#SubNaviArea .title ._toggle-icon{display: none;}


/* ! ---------- フッタナビエリア #FooterNaviArea ---------- ---------- ---------- ---------- */

/* 全体 */
/*#FooterNaviArea { background: #f7f7f7; margin: 50px 0 0 0;line-height: 1.2; }*/ /*default*/
#FooterNaviArea {background:var(--footer-bg, #f7efe2); margin:-20px 0 0 0; line-height:1.2;} /*edit*/
/*#FooterNaviArea,
#FooterNaviArea a{color:#333;text-decoration: none;}*/ /*default*/
#FooterNaviArea,
#FooterNaviArea a {color:var(--footer-color-text, #333); text-decoration:none;} /*edit*/
/*#FooterNaviArea .inner { padding: 40px 0 40px 0;  margin: 0 auto; position: relative; }*/ /*default*/
#FooterNaviArea .inner {padding:38px 2px 15px 2px; margin:0 auto; position:relative;} /*edit*/
#FooterNaviArea li > a { display: block;}

/* 第1階層のボタンのデザイン */
#FooterNaviArea ._level-1 {display:flex; flex-wrap:wrap; justify-content:space-between; gap:30px 10px;} /*add:240507*/
/*#FooterNaviArea ._level-1 > li { float:left;}*/ /*default*/
#FooterNaviArea ._level-1 > li {min-width:13%; width:max-content;} /*edit:240507*/
/*#FooterNaviArea ._level-1 > li > a { padding:5px 0; font-size: 14px;}*/ /*default*/
#FooterNaviArea ._level-1 > li > a {font-size:14px; padding:5px 0 4px 10px; border-left:3px solid rgba(var(--footer-color-text-rgb, 51,51,51),0.4);} /*edit*/

/* 第2階層のボタンのデザイン */
/*#FooterNaviArea ._level-2 {margin:5px 0 2px 5px;}*/ /*default*/
#FooterNaviArea ._level-2 {margin:6px 5px 2px 14px;} /*edit*/
/*#FooterNaviArea ._level-2 > li > a { padding:5px 5px 5px 2px; font-size: 12px;}*/ /*default*/
#FooterNaviArea ._level-2 > li > a {padding:5px 0 5px 0; font-size:12px; text-indent:0;} /*edit*/
#FooterNaviArea ._level-2 > li > a {max-width:20em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*add:240507 一定幅を超えた場合は省略表示(…)*/
#FooterNaviArea ._level-2 > li._current > a {font-weight: bold;}

/* 工事中ナビのデザイン */
/*#FooterNaviArea ._underconst a{ color: #999; }*/ /*default*/
#FooterNaviArea ._underconst a {color:#666;} /*edit*/


/* ! ---------- フッタ追加情報エリア #FooterExtraArea ---------- ---------- ---------- ---------- */

#FooterExtraArea {display:none;} /*add*/
/*#FooterExtraArea { line-height: 1.6;}*/ /*default*/
#FooterExtraArea {background:var(--body-bg, #fff); line-height: 1.6;} /*edit*/
/*#FooterExtraArea,
#FooterExtraArea a{	color:#333;text-decoration: none;}*/ /*default*/
#FooterExtraArea,
#FooterExtraArea a {color:var(--site-color-text, #333); text-decoration:none;} /*edit*/
/*#FooterExtraArea .inner { padding: 40px 0 40px 0; margin: 0 auto; position: relative;}*/ /*default*/
#FooterExtraArea .inner {padding:30px 0 20px 0; margin:0 auto; position:relative;} /*edit 余白変更*/

/* ! ---------- フッタそのほかエリア #Copyright,#PageTop ---------- ---------- ---------- ---------- */

/* コピーライト */
/*#Copyright { background:#f7f7f7; color:#333; padding: 40px 0 40px 0;}*/ /*default*/
#Copyright {background:var(--footer-bg, #f7efe2); color:var(--footer-color-text, #333); padding:25px 0 40px 0;}*/ /*edit 背景色ほか変更*/


/* ページトップボタン */
/*.cms-pagetop { position: fixed; bottom: 20px; right: 20px; width: 40px; height: 40px; padding: 12px 0 0 ; background:#fff; color: #000; text-align: center; cursor: pointer; border-radius:50%; box-shadow:0px 0px 10px rgba(0,0,0,0.2);}*/  /*del CMS不具合修正*/
/* サイトに反映するようfree.cssにて .cms-pagetop クラスを記述 (CMS不具合修正) */


/* ! ---------- UI用汎用クラス ---------- ---------- ---------- ---------- */

/* UIのデフォルトのボタンクラス */
._btn_default{cursor: pointer;}
._btn_default:hover { opacity: 0.8; }

/* トグルボタンのアイコン */
/*._toggle-icon{float:right;padding:0 5px 0 0;}*/ /*default*/
._toggle-icon{float:right; padding:0 10px 0 0; font-size:1.25em; opacity:0.9;} /*edit*/

/* 工事中ボタンのクラス */
.underconst { cursor: default }

/* 平行メニューでのカラム幅　平行メニューの個数に応じて、いずれかのクラスが適応されます */

.parallel-list ._level-1._sum-1 > li{ width: 100%;}
.parallel-list ._level-1._sum-2 > li{ width: 50%;}
.parallel-list ._level-1._sum-3 > li{ width: 33.3%;}
.parallel-list ._level-1._sum-4 > li{ width: 25%;}
.parallel-list ._level-1._sum-5 > li{ width: 20%;}
.parallel-list ._level-1._sum-6 > li{ width: 16.6%;}
.parallel-list ._level-1._sum-7 > li{ width: 14.2%;}
.parallel-list ._level-1._sum-8 > li{ width: 12.5%;}
.parallel-list ._level-1._sum-9 > li{ width: 11%;}


/* ! ---------- スマホ閲覧時のUIパーツ ---------- ---------- ---------- ---------- */

#MobileUI{ display: none;}
#MobileUI .mobileHeader {z-index: 5010;}
#MobileUI .mobileMenu {z-index: 5000;}

/* スマホ用メニュー背景 */
#MobileUI .mobileBG { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.6);}

/* スマホ用ヘッダ */
/*#MobileUI .mobileHeader { position: fixed; overflow: hidden; top: 0; left: 0; height: 50px; width: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background: #fff;}*/ /*default*/
#MobileUI .mobileHeader { position: fixed; overflow: hidden; top: 0; left: 0; height: 60px; width: 100%; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); background: #fff;} /*edit:230621*/
#MobileUI .mobileHeader .title{display: inline-block; padding: 15px 0 0 10px; font-size: 20px; font-weight: bold;}
#MobileUI .mobileHeader a{color: #000; text-decoration: none;}
/*#MobileUI .menuBtn { position:absolute; top: 0px; right: 0px; width: 50px; height: 38px; text-align: center; padding: 12px 0 0 0;}*/ /*default*/
#MobileUI .menuBtn { position:absolute; top: 6px; right: 4px; width: 50px; height: 38px; text-align: center; padding: 10px 0 2px 0;} /*edit*/
#MobileUI .menuBtn.active {color: #888;}
#MobileUI .menuBtn:hover {cursor:pointer; opacity:0.7;} /*add*/

/* スマホ用メニュー */
/*#MobileUI .mobileMenu { display: none; position: fixed; top: 48px; left: 40px; right: 0%; bottom:0px; padding: 0 0 50px 0; background:#fff; overflow-y: scroll;}*/ /*default*/
#MobileUI .mobileMenu {display:none; position:fixed; top:58px; left:0; right:0%; bottom:0px; padding:0 0 50px 0; background:rgba(var(--gnavi-bg-main-rgb),1); overflow-y:scroll;} /*edit*/
/*#MobileUI .mobileMenu a { color: #000; text-decoration: none; display: block; }*/ /*default*/
#MobileUI .mobileMenu a {color:#fff; text-decoration:none; display:block; } /*edit フォントカラー変更*/
/*#MobileUI .mobileMenu .main ._level-1 > li { border-top: 1px solid #ddd}*/ /*default*/
#MobileUI .mobileMenu .main ._level-1 > li {border-top:1px solid rgba(255,255,255,0.8);} /*edit*/
#MobileUI .mobileMenu .main ._level-2 > li:last-child {padding-bottom:5px;} /*add*/
/*#MobileUI .mobileMenu .main ._level-1 > li > a { padding: 15px 0 15px 10px; font-size: 14px;}
#MobileUI .mobileMenu .main ._level-2 > li > a { padding: 10px 0 10px 20px; font-size: 12px;}
#MobileUI .mobileMenu .main ._level-3 > li > a { padding: 8px 0 8px 40px; font-size: 12px;}
#MobileUI .mobileMenu .main ._level-4 > li > a { padding: 8px 0 8px 55px; font-size: 12px;}*/ /*default*/
#MobileUI .mobileMenu .main ._level-1 > li > a {padding:15px 0 15px 10px; font-size:12px;} /*edit フォントサイズ変更*/
#MobileUI .mobileMenu .main ._level-2 > li > a {padding:10px 0 10px 20px; font-size:11px;} /*edit フォントサイズ変更*/
#MobileUI .mobileMenu .main ._level-3 > li > a {padding:8px 0 8px 40px; font-size:11px;} /*edit フォントサイズ変更*/
#MobileUI .mobileMenu .main ._level-4 > li > a {padding:8px 0 8px 55px; font-size:11px;} /*edit フォントサイズ変更*/
/*#MobileUI .mobileMenu .main ._current { font-weight: bold;background: rgba(200,200,0,0.2);}*/ /*default*/
#MobileUI .mobileMenu .main ._current {font-weight:bold; background:rgba(var(--gnavi-bg-current-rgb),0.7);} /*edit*/
/*#MobileUI .mobileMenu .main ._level-1 > li._ownCurrent { border-top: 2px solid rgba(0,0,0,1)}*/ /*default*/
#MobileUI .mobileMenu .main ._level-1 > li._ownCurrent {/*border-top:1px solid rgba(255,255,255,1)*/} /*edit*/
/*#MobileUI .mobileMenu .main ._level-2{ padding: 0 0 20px 0;}*/ /*del*/

#MobileUI.show .mobileBG { display: block;}
#MobileUI.show .menuBtn { color: #aaa;}
#MobileUI.show .mobileMenu { display: block;}


/* ! ---------- レスポンシブ デスクトップ ---------- ---------- */ /*add*/

@media not screen and (max-width:1200px) {

  /* トップページ */
  #PC_ONLY, .pc_only {display:block;}
  #TAB_ONLY, .tab_only {display:none;}
  #MOB_ONLY, .mob_only {display:none;}

  /* メイン */
  #SubNaviArea {margin-bottom:20px;}

  /* データベースを探す（絞込ボタン） */
  #filter_usage {min-width:20%;}
  #filter_area {min-width:37%;}
  #filter_cat {min-width:37%;}

  /* お知らせ一覧 */
  #filter_info {width:var(--pc-side-width, 205px);}
  .info_list {min-width:var(--pc-contents-width, 955px);}

  /*  印刷時除外 */ /*add*/
  @media not print {

  }

}


/* ! ---------- レスポンシブ タブレット ---------- ---------- ---------- ---------- */

@media screen and (max-width:1200px) {

	/* 
		タブレット閲覧時には、
		ヘッダ・グロナビや、フッタメニュー等の幅を狭くする
	 */

  /* ! ---------- タブレットサイズのみに適用 ---------- */ /*add*/
  @media not screen and (max-width:810px) {

    /* トップページ */ /*add*/
    #PC_ONLY, .pc_only {display:none;}
    #TAB_ONLY, .tab_only {display:block;}
    #MOB_ONLY, .mob_only {display:none;}
	#top_banners {display:grid; gap:2px 8px; width:/*545*//*565px*/600px; grid-template-columns:repeat(3, 1fr);}
	#top_banners li {border-radius:4px!important;}

    /* UIの寸法 */ /*add*/
    #MainArea,
    #HeaderArea,
    #GlobalNaviArea,
	#BodyArea {width:100%; max-width:var(--tab-outer-width, 850px);} /*max-widthをコメントアウトすれば、両端の背景をオフにできます*/
	#HeaderArea .inner,
    #GlobalNaviArea .inner,
    #ContentsArea,
    #ContentsAreaWide,
    #FooterNaviArea .inner,
    #FooterExtraArea .inner {width:var(--tab-inner-width, 810px);}
	#BredList .inner,
	#SideArea {width:calc(var(--tab-inner-width, 810px) - 40px);}

    /* データベースを探す（絞込ボタン） */
    #filter_usage {min-width:20%;}
    #filter_area {min-width:36%;}
    #filter_cat {min-width:37%;}

    /* お知らせ一覧（絞込ボタン） */
    #filter_info {width:140px;}
    .info_list {min-width:620px;}

    /*  印刷時除外 */ /*add*/
    @media not print {

    }

  }

  /* ! ---------- タブレットサイズ以下に適用 ---------- */ /*edit:230605*/

  /* トップページ */ /*add*/
  #top_banners .t1 {
    font-size:14px!important;
    margin-top:2px!important;
  }
  .opac_area p {font-size:0.92em!important;}

  /* ヘッダ */
  /*#HeaderArea .inner,
  #GlobalNaviArea .inner{ width: 810px; }*/ /*default*/
  #GlobalNaviArea li .t1 {font-size:13px;} /*add グローバルナビ(フォントサイズ変更)*/
  #GlobalNaviArea li .t2 {font-size:8px;} /*add グローバルナビ(フォントサイズ変更)*/

  /* メイン */
  /*#BodyArea { width: 810px; }*/ /*default*/
  /*#BredList .inner{ width: 720px; }*/ /*default*/
  #BredList .inner {margin:0 auto;} /*edit + merge*/
  /*#SideArea { width: 100%;float: none;  margin: 40px auto 20px auto;padding: 0px; }*/ /*default*/
  #SideArea {width:var(--tab-inner-width, 810px); float:none; margin:40px auto 20px auto; padding:0px;} /*edit, edit:23127*/
  #SubNaviArea {border-top:6px groove #ddd;} /*add*/
  #SubNaviArea .title {margin:16px 0; padding-top:2px;} /*add*/
  #SubNaviArea li:is(._type-page ._type-dir) > a {padding:15px 5px 15px 20px;} /*add*/
  /*#BredList .inner { margin: 0 auto; }*/ /*default - merge*/
  /*#BodyArea {  margin: 0 auto; }*/ /*default - merge*/
  #ContentsAreaWide {float:none; margin:0 auto; padding-bottom:0;} /*add*/
  /*#ContentsArea { float: none; margin: 0 auto; }*/ /*default*/
  #ContentsArea {float:none; margin:0 auto; padding-bottom:0;} /*edit*/

  /* フッタ */
  #FooterNaviArea { display: none; }
  /*#FooterExtraArea .inner {width: 100%;}*/ /*default*/
  #F_CONTACT {display:none;} /*add お問い合わせ非表示*/

  /*  印刷時除外 */ /*add*/
  @media not print {

  }

}


/* ! ---------- レスポンシブ スマホ ---------- ---------- ---------- ---------- */

@media screen and (max-width:810px) {
	/* 
		スマホ閲覧時には、
		ヘッダ・グロナビや、フッタメニューを非表示にして、
		かわりにスマホ用UIを表示する
	 */

  /* トップページ */ /*add*/
  #PC_ONLY, .pc_only {display:none;}
  #TAB_ONLY, .tab_only {display:none;}
  #MOB_ONLY, .mob_only {display:block;}
  .top_info div.cms-layout.waku {border:none!important;}
  .topics {font-size:1.1em!important; padding:0!important;}

  /* お知らせ一覧（絞込ボタン） */
  #filter_info {margin-top:-15px;}
  #filter_info h4 + div {margin-top:-10px;}

  /* UIの寸法 */ /*add*/
  #MainArea,
  #HeaderArea,
  #GlobalNaviArea {width:100%;}
  #HeaderArea .inner,
  #GlobalNaviArea .inner,
  #BredList .inner,
  #BodyArea,
  #FooterNaviArea .inner,
  #FooterExtraArea .inner {width:100%;}
  #SideArea,
  #ContentsArea,
  #ContentsAreaWide {width:97vw;}

  /* 全体 */
  #MobileUI { display: block; }
  #Wapper {margin: 70px 0 0 0;}

  /* ヘッダ */
  #HeaderArea { display: none; }
  #GlobalNaviArea { display: none; }
  #VisualAreaIndex { display: none; }
  /*#VisualArea {display:none;}*/ /*add, del:230710*/
  body#index #VisualArea {display:block; /*height:80px;*/height:195px; width:100%; /*margin:-10px 0 0 0;*/ margin:-32px 0 0 0;
	                                        background:url(../../images/top_img.jpg) center 38% no-repeat;
                                            background-size:100% auto;} /*edit*/

  /* メイン */
  body {padding-top:0; background:var(--site-bg-main-rgb, white);} /*add*/
  #BredList { display: none; }
  /*#BodyArea { width: auto;  }*/ /*default*/
  /*#ContentsAreaWide { margin-top:0;padding: 10px; }*/ /*default*/
  #ContentsAreaWide {margin-top:0; padding:10px; margin:0;} /*edit*/
  /*#ContentsArea { float: none; width: auto;padding: 10px; }*/ /*default*/
  #ContentsArea {float:none; padding:10px; margin:0;} /*edit*/
  /*#SideArea {margin:40px 10px 20px 10px;}*/ /*add, del:231227*/
  #SideArea {width:100%; padding:0 10px 20px 10px;} /*edit:231227*/
  #SubNaviArea .title {margin:10px 0; padding-top:2px; padding-left:2px;} /*add*/
  #SubNaviArea ._type-html b {padding-left:2px;} /*add*/
  #SubNaviArea li:is(._type-page ._type-dir) > a {padding:11px 5px 11px 15px;} /*add*/

  /* フッタ */
  #FooterExtraArea .inner {padding:20px 0 0 0;} /*add*/
  /*#Copyright { border:none; padding: 40px 10px 40px 10px; }*/ /*default*/
  #Copyright {border:none; padding:12px 10px 38px 10px;} /*edit*/

    /*  印刷時除外 */ /*add*/
  @media not print {

  }

}


/* ! ---------- 印刷時の表示設定 ---------- ---------- ---------- ---------- */ /*add*/

@media print {
  #HeaderArea .inner,
  #GlobalNaviArea .inner,
  #BredList .inner,
  #BodyArea,
  #FooterNaviArea .inner,
  #FooterExtraArea .inner {width:94vw;}
  #HeaderArea,
  #GlobalNaviArea {position:absolute;}
  #hlinks {display:none;}
/*  body:not(#index) #GlobalNaviArea {height:8px; margin-bottom:70px;}
  body:not(#index) #GlobalNaviArea .cms-navi {display:none;}
  #VisualArea {display:none;}
  #BredList {display:none;}*/
  #SideArea {display:none;}
  #SubNaviArea {display:none;}
  #ContentsArea {width:100%; /*font-size:130%;*/}
  #FooterExtraArea {margin:20px 0 0 0; padding:0;}
  #Copyright {width:100%; height:30px; background:none; margin:-40px 0 0 5px;}
  .cms-pagetop {display:none!important;}
  /*h1.default {font-size:39px;}
  h1.big {font-size:45px;}
  h1.small {font-size:36px;}
  h2.default {font-size:33px;}
  h2.big {font-size:39px;}
  h2.small {font-size:27px;}
  h3.default {font-size:27px;}
  h3.big {font-size:33px;}
  h3.small {font-size:24px;}
  h4.default {font-size:21px;}
  h4.big {font-size:27px;}
  h4.small {font-size:18px;}
  h5.default {font-size:21px;}
  h5.big {font-size:27px;}
  h5.small {font-size:18px;}
  h6.default {font-size:21px;}
  h6.big {font-size:27px;}
  h6.small {font-size:18px;}
  .cms-p.message {font-size:30px;}*/
}