/* ヘッダ */
.navbar { background: #FFF !important; border: 1px solid #008ccd !important; border-top:none !important;}
.navbar-header{ font-family: none !important; font-size: 0.9em !important;}
.navbar .navbar-brand { color: #008cdd !important ;}
.ace-nav>li.light-blue>a { background-color: #FFF !important; }
.ace-nav>li.light-blue>a, .ace-nav>li.light-blue>a:hover { color: #008cdd !important;}
.light-blue { border-left: 1px solid #DFDFDF !important; }

/* サイドバー */
.no-skin .sidebar { border-color: #DFDFDF !important; border-right-width: 3px !important; }
.nav-list a i { color: #008cdd !important; }
.nav-list>li a>.arrow { color: #777 !important; }
.no-skin .sidebar, .no-skin .sidebar-toggle, .no-skin .nav-list>li>a { background-color: #FFF !important; }
.no-skin .nav-list>li.active:after { border-color: #008cdd !important; }
.no-skin .nav-list li.active>a:after { border-right-color: #008cdd !important; }
.dropdown-toggle { color: #5A5A5A !important; }
.nav-list>li:before { background-color: #008cdd !important; }

/* コンテンツ */
.page-content{ padding: 40px 50px !important;}


div.font-adjust-btn {
    vertical-align: bottom;
}
div.font-adjust-btn a {
    display: inline-block;
	border: 1px solid #008cdd !important;
	border-radius: 4px !important;
	padding: 3px 5px !important;
	margin: 5px !important;
    margin-left: 0px !important;
    font-weight: bold;
    text-decoration: none;
}
div.font-adjust-btn a:hover {
    background-color: #008cdd !important;
    color: #FFF;
}
div.font-adjust-btn a:last-child {
    margin-right: 20px !important;
}
.font-adjust-btn a.large-font { font-size: 16px; }
.font-adjust-btn a.medium-font { font-size: 13px; }
.font-adjust-btn a.small-font { font-size: 11px; }

/* クリップボードにコピー */
div.copyable {
    display: flex;
    align-items: center;
}

div.copyable a.copy {
    font-size: 20px;
    margin-left: 10px;
}

div.copy-success-message {
    position: fixed;
    z-index: 1100;
    background: #008ccd;
    color: #fff;
    text-align: center;
    padding: 20px;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    animation: copy-success-message-animation 3s;
}

@keyframes copy-success-message-animation {
    0% { opacity: 0 }
    20% { opacity: 1 }
    80% { opacity: 1 }
    100% { opacity: 0 }
}

/* キャンペーンURLプレビュー画像 */
div[id^=campaignurl_creative_preview_] img {
    max-width: 100%;
}

/* 2カラムヘッダー */

.col-2-header {
    display: flex;
}

.col-2-header > h1 {
    width: 200px;
}

.col-2-header > div {
    flex: 1;
}