/*
 A-BiSU用hack
*/

/* 見たまま編集でヘッダー固定解除 */

[data-element-id] #ad-header {
    position: static !important;
}

[data-element-id] .uk-sticky-placeholder {
    display: none !important;
}

/* 見たまま編集でスマホナビ表示 */

[data-element-id] .uk-offcanvas {
    display: block !important;
    position: static !important;
    transform: none !important;
    z-index: 0 !important;
}

[data-element-id] .uk-offcanvas-bar {
    position: static !important;
    left: 0 !important;
    transform: none !important;
}

[data-element-id] #ad-bottombar {
    display: block !important;
    position: relative !important;
    transform: none !important;
}

/* 見たまま編集でnet_entry固定解除 */

[data-element-id] .net_entry {
    position: static !important;
}



/*ページのオーバーレイ*/
.uk-offcanvas-page {
    position: static;
}

/*固定*/
#ad-header {
    -webkit-transform: none;
    transform: none;
}

/*ヘッダーの装飾*/
#ad-header div[uk-sticky] .uk-navbar-container {
    background: none;
    border: none;
		border-radius:0;
}
/*ヘッダーの背景、透明度再指定*/
#ad-header div[uk-sticky].uk-sticky-below .uk-navbar-container {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}


/*バーガーメニューのオープン後表示*/
.uk-open > .uk-offcanvas-bar {
    left: 0;
    -webkit-transform: none;
    transform: none;
}

/*バーガーメニュー（言語）のオープン後表示*/
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none;
    max-width: none;
}

/*クローズボタンのアイコン二重表示*/
.uk-offcanvas-close.uk-icon.uk-close:after {
    content: "";
}

/*TOPページPC用検索窓のタブリンクカラー*/
.uk-light .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a,
.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a:hover {
	color:#FFF;
}

/*TOPページPC用検索窓の横幅*/
.uk-overlay .form_search_window {
	width: 550px;	
}

/*TOPページスマホ用検索窓のタブメニュー上マージン*/
.form_search_window {
	margin-top: 10px;
}

/*TOPページスマホ用検索窓のアコーディオンコンテンツpadding*/
.uk-accordion-content {
	padding: 0;
}

/*TOPページスマホ用検索窓のリンクカラー*/
.uk-tab>li>a {
	color:#666;
}

/*フッターのアコーディオンタイトルのデザイン*/
#ad-subfooter .uk-accordion-title {
	background:none;
	border: 0 none;
}


/*ボタンの角丸解除*/
.uk-button {
	border-radius:0;	
}

/* ==========================
     A-BiSU 管理画面用 hack 
/* ========================== */

a[data-href="#"] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href="#"]:hover:before {
    content: "リンクが設定されていない可能性があります。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a[data-href*="."] {
    border: solid red 5px !important;
    display: block;
    position: relative !important;
    opacity: 1;
}

a[data-href*="."]:hover:before {
    content: "外部リンクの可能性があります。リンクが飛ばない可能性がありますので注意してください。";
    position: absolute !important;
    width: 100%;
    min-width: 200px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    color: red;
    font-weight: bold;
    background: #555;
    padding: 5px;
    font-size: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* 見たまま編集でモバイル用要素を表示 */

[data-element-id] .uk-hidden\@m {
    display: block !important;
    border: solid 4px blue;
    position: relative;
    margin-top: 32px;
}

[data-element-id] .uk-hidden\@m:before {
    display: block;
    background: #999;
    content: "モバイル用の要素です";
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: blue;
    margin-bottom: 4px;
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
}

/*アコーディンの横幅*/

.uk-accordion li {
    width: 100%;
}

/*スライダーの矢印*/
.uk-visible-toggle.uk-light .uk-slidenav-previous:before, 
.uk-visible-toggle.uk-light .uk-slidenav-next:before {
    content: "";
}

/*ターゲットブランク指定されているaタグが選択できないことの対策*/
[data-element-id] a[target="_blank"] {
    pointer-events: none;
}

/*hoverで要素が移動して枠が選べなくなることの対策*/
[data-element-id] img.uk-cover.hover {
    transform: translate(-50%, -50%);
    animation: none;
}
[data-element-id] .hover {
    display: inherit;
    transform: none;
    animation: none;
}