@charset "utf-8";

/* GlobalNavi -------------------- { */
/*---Reset Stylesheet---*/
header, nav { display: block; margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
header ul,header li,nav ul, nav li { list-style: none; margin: 0; padding: 0; }
header button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; background: none; padding: 0; cursor: pointer; }
header h1,header h2,header h3,header h4,header h5,header h6{ width: auto; text-align: inherit; letter-spacing:normal; margin: 0; }
header p { margin: 0; padding: 0; line-height: 1.6; }
header a { text-decoration: none; }
/*---End Reset Stylesheet---*/
header { width: 100%; }
header a { display: block; }
.nav-top { background-color: #0D0D0D; }
.nav-top-inner { box-sizing: border-box; max-width: 1280px; width: 100%; margin: 0 auto; padding: 20px 0 0; display: flex; justify-content: space-between; height: 64px; line-height: 1.6; }
.global-nav-sitenav { display: flex; padding: 0; margin: 0; }
.global-nav-sitenav-item-a { padding: 0 20px; font-size: 15px; color: #B2B2B2; text-decoration: none; }
.global-nav-sitenav-item-a:hover, .global-nav-sitenav-item-a.open { color: #FFFFFF; }
.logo { position: relative; bottom: 12px; margin: 0; }
.logo.g_sys { bottom: 0; } /* GT */
.logo img { width: 90px; max-width: 100%; height: auto;}
.u-c-white { color: #FFFFFF !important; }
@media only screen and (max-width: 1280px){
	.nav-top-inner { padding-left: 8px; padding-right: 8px; }
}
@media only screen and (max-width: 768px) {
  header li, header div, header span { vertical-align: middle; }
	.nav-top-inner { padding-top: 0; padding-left: 8px; padding-right: 8px; }
  .nav-top { display: flex; justify-content: space-between; vertical-align: middle; box-sizing: border-box; }
  .logo { flex: 1 0 20%; }
  .logo { bottom: 0; }
  .logo.g_sys { bottom: -10px; } /* GT */
	.logo img { width: 60px; padding-top: 16px;}
	.global-nav-sitenav {
    display: flex;
    justify-content: space-between;
    align-items: center;}
	.global-nav-sitenav-item-a	{ padding: 0 10px; font-size: 2.2vw; color: #B2B2B2; }
}
@media only screen and (max-width: 480px) {
 .nav-top { padding: 0 10px; height: 45px; }
 .nav-top-inner {padding: 0; height: inherit; line-height: 1.0; }
 .logo img {padding-top: 8px;}
 .logo.g_sys { bottom: -5px; } /* GT */
 .global-nav-sitenav-item-a { font-size: 3.0vw; padding: 0 5px; }
 .global-nav-accordion-menu::after, .global-nav-accordion-menu.accordion-menu--current::after { right: 70px; }
 .global-nav-sitenav .global-nav-sitenav-item{line-height: 1.15;}
}
@media only screen and (max-width: 320px) {
  .logo { flex: 1 0 20%; }
  /*.global-nav-sitenav { flex: 1 0 70%; }*/
  .global-nav-sitenav-item-a { font-size: 3.5vw; }
}
/* -------------------- } GlobalNavi */

/* SupportMenu  -------------------- { */
.js-nav-supportmenu { background-color: #006E54; }
.fmvsupport-logo { position: relative; bflex: 1 0 10%; margin-right: 1.5rem; padding-top: 1.5rem; padding-bottom: 0.8rem; font-size: 1.8rem; }
.fmvsupport-logo img { width: 157px;  max-width: 100%;	vertical-align: baseline; }
.fmvsupport-logo img[alt="FMVサポート"] { height: 20px; }
.chromebook-logo { flex: 1 0 10%; padding-top: 20px; padding-bottom: 3px; font-size: 18px; }
.chromebook-logo img{ width: 200px; max-width: 100%; vertical-align: baseline; }
.chromebook img[alt="Chromebookサポート"] {	height: 52px; }
.supportmenu-nav { flex: 1 0 90%; min-height: 52px; font-size: 1.4rem; }
.supportmenu-navcb { flex: 1 0 90%; min-height: 73.8px; margin-left: 20px;	}
.nav-supportmenu-inner { display: flex; justify-content: space-between; position: relative; max-width: 1280px; margin: 0 auto; }
@media only screen and (max-width: 1280px){	.nav-supportmenu-inner  { padding-left: 8px; padding-right: 8px; }}
@media only screen and (max-width: 786px){ 
	.js-nav-supportmenu { min-height: 50px; }
	.supportmenu-nav { flex: 1 0 30%; }
  .fmvsupport-logo, .chromebook-logo { height: auto; padding:0; z-index: 99; }
  .fmvsupport-logo img { width: 120px; margin-top: 15px; }
	.chromebook-logo img { width: 120px; }
}

 /*ハンバーガーメニュー*/
@media only screen and (max-width: 786px) { 
  .toggle-menu { height: 20px; position: absolute; right: 20px; top: 16px; width: 30px; z-index: 99; }
  .toggle_line { background-color: #FFFFFF; display: block; height: 2px; position: absolute; transition: transform .3s; width: 100%; }
  .toggle_line-center { top: 9px; }
  .toggle_line-bottom { bottom: 0; }
  .toggle_line-top.active { top: 8px; transform: rotate(45deg); background-color: #FFFFFF; }
  .toggle_line-center.active { transform: scaleX(0); }
  .toggle_line-bottom.active { bottom: 10px; transform: rotate(135deg); background-color: #FFFFFF; }
}
/* ナビ本体  */
.supportmenu-nav li { padding-left: 0; }
.supportmenu-nav li::before { display: none; }
@media (min-width: 787px) { 
	.supportmenu-nav { position: relative; max-width: 1280px; } 
	.supportmenu-nav::before { position: absolute; z-index: -1; left: calc(640px - 50vw); display: block; width: 100vw; height: 100%; content: ''; background: #333; }
}
@media (max-width: 786px) {
	.supportmenu-nav { position: absolute; top: 0; right: -100%; width: 100%; }
	.supportmenu-nav__bg { position: fixed; z-index: 3000; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; cursor: pointer; background: rgba(0, 0, 0, 0.4); }
}
/* 親メニュー */
.supportmenu-nav > ul { background: #006E54; }
.supportmenu-nav > ul > li > a { text-decoration: none; color: #fff; }
.supportmenu-nav__hook--sp.toggle-hook { position: relative; cursor: pointer; }
.supportmenu-nav__hook--sp.toggle-hook::before { position: absolute; top: 50%; right: 1.5rem; display: block; width: 8px; height: 8px; margin-top: -6px; content: ""; transition: -webkit-transform 0.2s; transition: transform 0.2s; -webkit-transform: rotate(135deg); transform: rotate(135deg); border-top: 2px solid #fff; border-right: 2px solid #fff; }
.is-open .supportmenu-nav__hook--sp.toggle-hook::before { transform: rotate(-45deg); border-top: 2px solid #333; border-right: 2px solid #333; }
@media (min-width: 787px) {
	.supportmenu-nav > ul { display: flex; width: 100%; min-height: 52px; }
	.supportmenu-nav > ul > li { width: 20%; } 
	.supportmenu-nav > ul > li.is-open > a, .supportmenu-nav > ul > li:hover > a { color: #333; background: #bed2c3; font-weight: 700; }
	.supportmenu-nav > ul > li > a { display: flex; align-items: center; justify-content: center; height: 100%; min-height: 40px; padding: 0 30px 0 0.5em; cursor: pointer; text-align: center; line-height: 1.3; }
}
@media (max-width: 786px) {
	.supportmenu-nav > ul { position: absolute; z-index: 3000; top: 50px; right: 0; display: block; width: 83.3%; background: #000; }
  .supportmenu-nav > ul > li { width: 100%;	}
  .supportmenu-nav > ul > li + li { border-top: 1px solid #fff; }
  .supportmenu-nav > ul > li > a { position: relative; display: block; padding: 10px 10px 10px 40px; }
  .supportmenu-nav__hook--sp.toggle-hook::before { top: 0; right: 0; width: auto; height: auto; margin-top: 0; transition: none; -webkit-transform: none; transform: none; border: none; }
  .is-open .supportmenu-nav__hook--sp.toggle-hook::before { transform: none; border: none; }
  .supportmenu-nav__hook--sp.toggle-hook::before, .supportmenu-nav__hook--sp::after, .supportmenu-nav__hook--sp::before { position: absolute; top: 20px; left: 10px; display: block; width: 20px; height: 2px; content: ""; background: #fff; }
  .supportmenu-nav__hook--sp::after { left: 19px; width: 2px; height: 20px; margin-top: -9px; }
  .supportmenu-nav__hook--sp.is-open::after { display: none; }
}
/* 子メニュー */
.supportmenu-nav__content { display: none;width: 100%; padding: 30px 45px; background: #bed2c3; }
.supportmenu-nav__content hr { display: block; height: 1px; margin: 2em 0; border: none; background: #969696; }
.supportmenu-nav__content a { display: inline-block; padding-left: 11px; text-decoration: none; color: #333; }
.supportmenu-nav__content a::before { display: inline-block; width: 6px; height: 6px; margin: -5px 14px 0 -23px; content: ""; transform: rotate(45deg); vertical-align: middle; border-top: 2px solid #333; border-right: 2px solid #333; }
.supportmenu-nav__content ul li {margin-bottom: 1rem;} 
.supportmenu-nav__content a:hover { text-decoration: underline; }
.supportmenu-nav__label { margin-bottom: 20px; font-size: 2rem; font-weight: bold; }
.supportmenu-nav__label a { position: relative; padding-right: 30px; }
.supportmenu-nav__label a::before { content: none; }
.supportmenu-nav__label a::after { position: absolute; top: 50%; right: 0; display: block; width: 8px; height: 8px; margin-top: -4px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-top: 2px solid #333; border-right: 2px solid #333; }
.supportmenu-nav__summary{ margin-top: 2em; font-size: 1.6rem; font-weight: bold; }
@media (min-width: 769px) { .supportmenu-nav__content { position: absolute; z-index: 1; left: 0; } .is-open .supportmenu-nav__content { z-index: 10; }}
@media (max-width: 768px) { .supportmenu-nav__content { padding: 2.5rem; } .supportmenu-nav__content ul { padding-left: 20px; } .supportmenu-nav__content hr { margin: 25px 0; } .supportmenu-nav__content a { display: block; } .supportmenu-nav__label a { display: inline-block; padding-left: 0; } .supportmenu-nav__content__colspan > *:not(:first-child) { margin-top: 25px; }}
/* 小メニュー カラム連結 */
@media (min-width: 769px) { .supportmenu-nav__content__inner--cols { display: flex; margin-right: -30px; margin-left: -30px; } .supportmenu-nav__content__inner--cols div:not(:first-child) { border-left: 1px solid #969696; } .supportmenu-nav__content__col1 { width: calc(100% / 3); padding: 0 30px; } .supportmenu-nav__content__colspan { display: flex; flex-wrap: wrap; width: calc(100% / 3 * 2); } .supportmenu-nav__content__colspan .supportmenu-nav__content__col1 { width: 50%; } .supportmenu-nav__content__col1 + p { margin-top: 2em; }}
@media (max-width: 768px) { .supportmenu-nav__content__inner--cols > div:not(:first-child) { margin-top: 25px; padding-top: 25px; border-top: 1px solid #969696; } .supportmenu-nav__content__inner--cols--indent { padding-left: 10px; }}
/* 子メニュー カテゴリタイトル */
.supportmenu-nav__catttl { display: block; font-weight: bold; }
@media (min-width: 769px) { .supportmenu-nav__catttl { margin-bottom: 1.5em; text-align: center; }.supportmenu-nav__content__inner--cols + p { margin-top: 2em; }}
@media (max-width: 768px) { .supportmenu-nav__catttl { margin-bottom: 15px; }}
/* 余白区切り  */
.supportmenu-nav__spacer { margin-top: calc(1.6em + 24px) !important;}
/* -------------------- } SupportMenu */

/* supportlogin  -------------------- { */
#supportlogin { display: block; background-color: #c4e3e2; }
.suplogin-inner { box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding: 8px 0; display: flex; justify-content: space-between; font-size: 12px; line-height: 2.4; }
.suplogin-inner .UserMenu .item { display: flex; margin: 0; padding: 0; }
.suplogin-inner .UserMenu ul { display: flex; margin: 0; padding: 0; }
.suplogin-inner .UserMenu ul li 	{	position: relative; padding: 0 10px; }
.suplogin-inner .UserMenu ul li::before { position: absolute; content: ""; display: block; width: 1px; height: 1em; background-color: #333; top: 50%; left: 0; margin-top: -0.5em; }
.suplogin-inner .UserMenu  ul li:first-child::before 	{ content: none; }
.suplogin-inner .UserMenu  ul li:last-child 	{ border-right: none; }
.suplogin-inner .UserMenu  ul li a, .suplogin-inner .areaRight 	{ text-align: center; }
.suplogin-inner .UserMenu  ul li a, .suplogin-inner .areaRight a 	{ display: inline-block!important; padding: 0; color: #333; text-decoration: none; }
.suplogin-inner .UserMenu  ul li a:hover, .suplogin-inner .areaRight a:hover 	{ text-decoration: underline; }
.suplogin-inner .UserMenu  ul li a span.icon, .suplogin-inner .areaRight a span.icon { position: relative; top: -2px; display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 5px;}
.suplogin-inner .UserMenu  ul li a span.icon.login { background: url(/support/img2022/common/icon-login.svg) no-repeat;}
.suplogin-inner .UserMenu  ul li a span.icon.register { background: url(/support/img2022/common/icon-register.svg) no-repeat;}
.suplogin-inner .UserMenu  ul li a span.icon.howtoreg { background: url(/support/img2022/common/icon-howtoreg.svg) no-repeat;}
.suplogin-inner .areaRight a span.icon.biz { background: url(/support/img2022/common/icon-biz.svg) no-repeat;}
.suplogin-inner .areaRight a span.icon.logout { background: url(/support/img2022/common/icon-logout.svg) no-repeat;}
.suplogin-inner .goBizSup a 	{ padding: 0 10px; }
/*PC非表示*/
.suplogin-inner .UserMenu .usermenu__cont .toggle__on_item, 
.suplogin-inner .UserMenu .usermodelname__cont .toggle__on_item {display: none;} 

/* ---------- 
FMVサポートトップ以外ではユーザー選択製品および機種別情報は非表示 → container.cssで制御
---------- */

@media only screen and (max-width: 1100px) {
	.suplogin-inner .UserMenu .item {	display: block; margin: 0; padding: 0; }
}

@media only screen and (max-width: 768px) {
	.suplogin-inner .UserMenu ul li a {line-height: 1.5;}
	.suplogin-inner .UserMenu .usermenu__cont, .suplogin-inner .UserMenu .usermenu__cont .usermodelname__cont { display: flex;align-items: flex-start;}
	.suplogin-inner .UserMenu .usermenu__cont .toggle__on_item, 
	.suplogin-inner .UserMenu .usermodelname__cont .toggle__on_item {display: block;margin-left: 16px; cursor: pointer;}
	.suplogin-inner .UserMenu .usermenu__cont summary, .suplogin-inner .UserMenu .usermodelname__cont summary { list-style: none; position: relative; padding-right: 4em;}
	.suplogin-inner .UserMenu summary::-webkit-details-marker { display:none;}
	.suplogin-inner .UserMenu details { margin: 0 0 0 8px;background: rgba(256, 256, 256, .75);-webkit-border-radius: 3px;	-moz-border-radius: 3px;	-ms-border-radius: 3px;	-o-border-radius: 3px;	border-radius: 3px; }
	.suplogin-inner .UserMenu details[open] .dropdown__lists{animation: fadeIn 0.5s ease;}
	.suplogin-inner .UserMenu summary::after{position: absolute; content: "＋"; right: 16px;transition: all 0.3s ease;}
  .suplogin-inner .UserMenu details[open] summary::after {transform: rotate(45deg); }
	.suplogin-inner .UserMenu .dropdown__lists { display: block;}
	.suplogin-inner .UserMenu .dropdown__lists li::before { background: none;}
	.suplogin-inner .UserMenu .dropdown__lists li a {position: relative;}
	.suplogin-inner .UserMenu .dropdown__lists li a::before {display: inline-block; content: '';vertical-align: middle;	margin: -3px 10px 0 10px; width: 6px; height: 6px; border-right: 1px solid #333; border-bottom: 1px solid #333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
}
		@keyframes fadeIn {
			0% {opacity: 0; transform: translateY(-10px); }
			100% {opacity: 1;transform: none;	}
		}	

/* スマートフォン表示 (FMVサポートトップのみログイン時サポート系メニュー表示）*/
@media only screen and (max-width: 480px) {
	.suplogin-inner .areaRight{flex-shrink: 0;}
	.suplogin-inner { font-size: 10px; padding:5px 0; line-height: 1.5;}
	.suplogin-inner .UserMenu  ul li a span.icon, .suplogin-inner .areaRight a span.icon { display: none; }
	.suplogin-inner .UserMenu .item.usermodel{display: none;} /* 登録機種情報スマホでは非表示*/
}

/* ---------- 
スマートフォン表示ではログイン枠非表示（FMVサポートトップ以外） → container.cssで制御
---------- */

/* -------------------- } supportlogin */

/* SearchBox  -------------------- { */
#SearchBox{ display: block; background-color: #ffffff; }
.supportsearchBlock {box-sizing: border-box; max-width: 1280px; margin: 0 auto; padding: 8px 0; }
.supportsearchBlock .CommonSearchBox { margin: 0; padding: 0; clear: both; position: relative; }
.supportsearchBlock .CommonSearchBox .commonsearchInput	{ margin-right: 154px; padding: 5px 6px; background: #fff; border: 1px solid #1e50a2; }
.supportsearchBlock .CommonSearchBox .commonsearchInput input	{ width: 100%; font-size: 16px; line-height: 1.0; border: none; outline: none; }
.supportsearchBlock .CommonSearchBox .SupSearchBtn	{ position:absolute; top:0; right:0; }
.supportsearchBlock .CommonSearchBox .SupSearchBtn input	{ display:block; width:135px; height:50px; }
.supportsearchBlock .CommonSearchBox .SupSearchBtn input:hover	{ opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75; }
.supportsearchBlock .CommonSearchBox .SupSearchBtn 	{ position: absolute; right: 0; top: 0; height: 37px; padding: 0 28px; font-size: 1.6rem; color: #fff; background: #1e50a2; cursor: pointer; border: 1px solid #1e50a2; border-radius: 0 5px 5px 0; display: inline-flex; align-items: center; }
.supportsearchBlock .CommonSearchBox .SupSearchBtn:hover	{ opacity: 0.75; filter: alpha(opacity=75); -ms-filter: "alpha(opacity=75)"; -khtml-opacity: 0.75; -moz-opacity: 0.75; }
.supportsearchBlock .CommonSearchBox .SupSearchBtn .Loupe img 	{ display: inline-block; padding-right: 10px; vertical-align: middle; width: 30px; height: 30px; }
.supportsearchBlock .searchPoint { display: flex; margin-top:8px; font-size: 1.4rem;}
.supportsearchBlock .searchPoint .titbg {display: inline-block; background: #1e50a2; color: #fff; padding: 3px 10px;-webkit-border-radius: 12px;-moz-border-radius: 12px;-ms-border-radius: 12px;-o-border-radius: 12px;border-radius: 12px;margin-right: 0px; font-size: 1.5rem; }
.supportsearchBlock .searchPoint .radio_wrap { font-size: 1.85rem; }
.supportsearchBlock .searchPoint input[type="radio"]{ position: relative; top: -2px; margin-left: 8px; }
@media only screen and (max-width: 1025px) {.supportsearchBlock .CommonSearchBox .SupSearchBtn { height: 38px; }}
@media only screen and (max-width: 768px) {.supportsearchBlock .CommonSearchBox .commonsearchInput	{ margin-right: 47px; padding: 5px; }.supportsearchBlock .CommonSearchBox .SupSearchBtn { padding: 0 12px;}.supportsearchBlock .CommonSearchBox .SupSearchBtn .Loupe img 	{ padding-right: 0; width: 22px; height: 22px; }}
@media only screen and (max-width: 480px) {.supportsearchBlock .searchPoint{display: block;}}
@media only screen and (max-width: 480px) {.supportsearchBlock .searchPoint .check_noos{display: block;}}
/* -------------------- } SearchBox */

/* Footer(AzbyClubFooter3) -------------------- { */
#AzbyClubFooter3 { background-color: #eeeeee; }
#AzbyClubFooter3 #FooterMenu { max-width: 1280px; margin: 0 auto; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
#AzbyClubFooter3 #FooterMenu ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px 0 -15px -12px; padding: 0 20px; }
#AzbyClubFooter3 #FooterMenu ul li { margin: 0 0 8px 12px; font-size: 1.4rem; line-height: 1.2; }
#AzbyClubFooter3 #FooterMenu ul li a { color: #333; display: block; text-decoration: none;}
#AzbyClubFooter3 #FooterMenu ul li a:hover { text-decoration: underline; }
@media only screen and (max-width: 480px) {#AzbyClubFooter3{display: none;}}
/* -------------------- } ooter(AzbyClubFooter3) */

/* Footer(deepfooter)  -------------------- { */
footer {background-color: #0D0D0D; height: 100%;}
#deepfooter { max-width: 1280px; margin: 0 auto; padding: 40px 0; }
.deepfooterinner { border-top: solid 1px #666666; padding: 15px 0 60px 20px; display: flex; justify-content: space-between; font-size: 12px; color: #D9D9D9; }
.grid5span { border-top: solid 1px #666666; padding: 15px 0 60px 20px; display: flex; justify-content: space-between; font-size: 12px; color: #D9D9D9; }
.col1span { width: calc((100% / 5) - 20px); }
.dfooter-title { font-size: 15px; margin-bottom: 20px; font-weight: bold; }
footer ul, footer li { list-style: none; margin: 0; padding: 0; }
.col1span li { margin-bottom: 1rem; }
#deepfooter a, #deepfooter a:link, #deepfooter a:visited { color: #D9D9D9; display: inline-block; }
.footer-child-title, #deepfooter .footer-child-title:link, #deepfooter .footer-child-title:visited {display: inline-block;margin-bottom: 15px;font-weight: bold;}
.col1span li.footer-child-second, li.footer-child-second {margin-bottom: 25px;}
@media only screen and (max-width: 768px) {
	.col1span span.accordion__ttl {display: block;}
	.footer-child-title, #deepfooter .footer-child-title:link, #deepfooter .footer-child-title:visited {margin-bottom: 0;}
	.footer-child-third, .footer-child-third {margin-top: 15px;}
	.footer-child-third a, .footer-child-third a {font-size: 12px; line-height: 1.6;}
}
/* -------------------- } Footer(deepfooter) */

/* Footer(footer)  -------------------- { */
.footer a:visited, footer a { text-decoration: none; color: #ffffff; }
.footer { max-width: 1280px; margin: 0 auto; padding: 0 0 40px; }
#footerinner { border-top: solid 1px #666666; padding: 10px 20px 0; display: flex; justify-content: space-between; }
#permanentmenu ul { display: flex; }
#permanentmenu li { margin-right: 30px; }
#permanentmenu a { font-weight: bold; font-size: 12px; }
#creditline a { font-size: 12px; font-weight: bold; }
@media only screen and (max-width: 768px) {
	#deepfooter { width: auto; max-width: inherit; padding: 50px 20px 10px;   }
	.grid5span { padding: 15px 0 0 12px; display: block; font-size: 12px; }
	.dfooter-title { margin-bottom: 20px; font-size: 16px; }
	.col1span { width: 100%; }
	.col1span .accordion__ttl { position: relative; }
	.col1span .accordion__ttl::after { position: absolute; content: ""; display: block; width: 0; height: 0; top: 5px; right: 12px; border: 6px solid transparent; border-top: 10px solid #D9D9D9; }
	.col1span .accordion__ttl--current::after { position: absolute; content: ""; display: block; width: 0; height: 0; top: -5px; right: 12px; border: 6px solid transparent; border-bottom: 10px solid #D9D9D9; }
	.col1span .accordion__body { padding-bottom: 20px; display: none; }
	.col1span .accordion__body li  br 	{ display: none; }
	#footerinner { display: block; }
  #permanentmenu ul { justify-content: space-around; margin-bottom: 20px; }
  #permanentmenu li { margin-right: 0; font-size: 8px; }
  #creditline { text-align: center; }
}
@media only screen and (max-width: 600px) {
  #permanentmenu li { margin-right: 1em; margin-left: 1em; font-size: 8px; }
}
/* -------------------- } Footer(footer) */