/*202010 add 順位情報のブロックをトラック機能追加*/
#resizable,#resize_reverse{
	height:50%;
}

.ui-resizable-s {
	position:relative;
	margin-bottom:1rem;
}

.ui-resizable-s:hover {
	box-shadow: inset 0 5px rgba(16, 149, 168, .2);
}

/*20180219 add 選択したグループの星マークを黄色に維持 */
.icon-star-hover.selected_group .icon-rank.icon-star {
    background-position: -65px -6px;
}
.icon-star-hover.selected_site .icon-rank.icon-star {
    background-position: -65px -6px; 
}

/*20180219 add 選択したtable trの色を灰色に維持 */
.icon-star-hover.selected_group {
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(50%, #fbfbfb), to(#ededed)); 
    background-image:linear-gradient(to bottom, #ededed, #fbfbfb 50%, #ededed 100%);
}
.icon-star-hover.selected_group td:first-child {
    border-left: 4px solid transparent;
    border-left-color: #1095a8;
}
.icon-star-hover.selected_site {
    background-image:-webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(50%, #fbfbfb), to(#ededed)); 
    background-image:linear-gradient(to bottom, #ededed, #fbfbfb 50%, #ededed 100%);
}
.icon-star-hover.selected_site td:first-child {
    border-left: 4px solid transparent;
    border-left-color: #1095a8;
}

/*20180411一時的に削除それぞれ個別にspan要素を作成して代用*/


/*20180309 add バリデーションフォーム*/
form .error {
    color: #ff0000;
}  
input.form-control.error {
    border-color:#FF0000;
}

/*20180309 add dropdown-item*/
.dropdown-item {
    color: #1095a8;
    cursor: pointer;
} 

/*20180314 add 選択サイト順位履歴trの色変更*/
.is_select {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ededed), color-stop(50%, #fbfbfb), to(#ededed));
    background-image: linear-gradient(to bottom, #ededed, #fbfbfb 50%, #ededed 100%);
}
.is_select td:first-child {
    border-left: 4px solid transparent;
    border-left-color: #1095a8;
}

/*20180316 add 順位変動なしの横棒矢印イメージ*/
.icon-rank.icon-same {
    background-position: -106px -6px; }

/*20180316 add 右クリックメニュー画面*/
.context-menu-list {
    position: absolute;
    display: inline-block;
    min-width: 13em;
    max-width: 26em;
    font-family: inherit;
    font-size: inherit;
    list-style-type: none;
    background: #fff;
    border-radius: .2em; }

.context-menu-item > .context-menu-list {
    top: .3em;
    /* re-positioned by js */
    right: -.3em;
    display: none; }

.context-menu-item.context-menu-visible > .context-menu-list {
    display: block; }

.icon2 {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    vertical-align: bottom; }

.icon2 {
    vertical-align: middle;
    background-image: url(/img/common/iconset2.png);
    width: 27px;
    height: 27px; }

.icon2.icon-siteedit {
    background-position: 0px -22px; }

.icon2.icon-sitedelete {
    background-position: -34px -26px; }

.icon2.icon-compare {
    background-position: -106px -25px; }

.icon2.icon-addcomment {
    background-position: -71px -25px; }

.icon2.icon-reacquire {
    background-position: -140px -25px; }

.icon2.icon-mail {
    background-position: -2px -54px; }

.icon2.icon-payment {
    background-position: -75px -54px; }

.icon2.icon-ranking {
    background-position: -39px -54px; }

.icon2.icon-calendar {
    background-position: -3px 4px; }

.icon2.icon-management {
    background-position: -38px 4px; }

.icon2.icon-information {
    background-position: -74px 4px; }

.icon2.icon-csvImport {
    background-position: -108px 4px; }

.icon2.icon-csvExport {
    background-position: -141px 4px; }

.icon2.icon-csvCheck {
    background-position: -141px -51px; }
/*右クリックモーダル*/
.modal_context{
    width:700px;
}
.w-10p{
    width:10%;
}
.w-20p{
    width:20%;
}
.w-30p{
    width:30%;
}
.reload_btn{
    position: absolute;
    top: 1%;
    right: 1.7%;
}
.modal_ranking_list{
    max-height: 300px;
    overflow-y:  scroll;
}
.ranking-compare{
    margin-left: 18%;
}

/*20180320 add headerのメニューと設定マウスオーバーのとき、カーソルをポインターに*/
.icon-custom{
    cursor: pointer;
}
.dropdown-toggle{
    cursor: pointer;
}
/*20180320 add datepickerカレンダーイメージ*/
.ui-datepicker-trigger{
    cursor: pointer;
    float:left;
}

/*20180327 add ID重複チェックに使用*/
.check{
    display:none;
}

/*20180330 add チャート画面の日付指定カレンダーのボタン*/
.ui-widget button.prev_year{
    font-size:0.9em;
    padding:3px;
    margin-left: 10px;
}
.ui-widget button.prev_month{
    font-size:0.9em;
    padding:3px;
}

/*20180402 add キーワードリストのカレンダーボタン*/
.displayDate{
    border:none;
    width:100px;
    outline: 0;
    cursor:pointer;
    background:transparent;
}

/*20180402 add グループリストカーソル*/
.groupList{
    cursor: pointer;
}

/*20180403 add ログイン画面*/
.info_top{
    text-align: center;
}
.info_title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #212529;
    margin-left: 10px;
}
.info_date{
    display: flex;
    white-space: nowrap;
}

.scroll-100, .scroll-200, .scroll-300, .scroll-400, .scroll-450, .scroll-500 {
    overflow: auto; }

.scroll-100 {
    max-height: 100px; }

.scroll-200 {
    max-height: 200px; }

.scroll-300 {
    max-height: 300px; }

.scroll-400 {
    max-height: 400px; }

.scroll-450 {
    max-height: 450px; }

.scroll-500 {
    max-height: 500px; }

.input-empty {
    text-align: center; }

.export_notice::after{
    content: "csv";
    display: inline-block;
    line-height: 20px;
    position: relative;
    padding: 0em;
    color: white;
    background: #81a1e4;
    font-weight: normal;
    width: 20px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    left: -1.0em;
    top: 50%;
    float: right;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
    border-bottom: solid 2px #4967b4;
}

.upload_error_list{
    max-height: 300px;
    overflow-y:  scroll;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.card-group-list {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box; }
.card > hr {
	margin-right: 0;
	margin-left: 0; }

.card-body {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem; }

.card-title {
	margin-bottom: 0.75rem; }

.card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0; }

.card-text:last-child {
	margin-bottom: 0; }

.card-link:hover {
	text-decoration: none; }

.card-link + .card-link {
	margin-left: 1.25rem; }

.card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header + .list-group .list-group-item:first-child {
	border-top: 0; }

.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125); }

.card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0; }

.card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem; }

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem; }

.card-img {
	width: 100%; }

.card-img-top {
	width: 100%; }

.card-img-bottom {
	width: 100%; }

.card-deck {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
.card-deck .card {
	margin-bottom: 15px; }
@media (min-width: 576px) {
	.card-deck {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px; }
	.card-deck .card {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px; } }

.card-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
.card-group > .card {
	margin-bottom: 15px; }
@media (min-width: 576px) {
	.card-group {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap; }
	.card-group > .card {
		-webkit-box-flex: 1;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0; }
	.card-group > .card + .card {
		margin-left: 0;
		border-left: 0; } }

.card-columns .card {
	margin-bottom: 0.75rem; }

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		column-gap: 1.25rem; }
	.card-columns .card {
		display: inline-block;
		width: 100%; } }

.h-15px {
    height: 15px;
}

/** 従来のレイアウトに合わせるため、xxlはBootstrapのxlと同じにする */
@media(min-width: 1400px) {
    .container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container {
        max-width: 1140px;
    }
}

.text-bg-info {
    color: #fff!important;
    background-color: #14A2B8!important;
}

.text-info {
    color: #14A2B8!important;
}

a {
    text-decoration: none!important;
}