@charset "UTF-8";

/* -------------------- 共有 -------------------- */
.wp-100{ width:100px; }
.wp-150{ width:150px; }

.a-ctrl-btn.a-round,
.a-round{
	border-radius	: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}

/* フォントサイズ */
.font-x-small{
	font-size : 0.5em;
}
.font-small{
	font-size : 0.8em;
}
.font-large{
	font-size : 1.2em;
}
.font-x-large{
	font-size : 1.5em;
}

/* 余白 */
.m-top-8{
margin-top: 8px;
}
.m-top-16{
margin-top: 16px;
}
.m-top-24{
margin-top: 24px;
}
.m-top-32{
margin-top: 32px;
}
.m-top-40{
margin-top: 40px;
}

.m-right-8{
	margin-right: 8px;
}
.m-right-16{
	margin-right: 16px;
}
.m-right-24{
	margin-right: 24px;
}
.m-right-32{
	margin-right: 32px;
}
.m-right-40{
	margin-right: 40px;
}

.m-bottom-8{
	margin-bottom: 8px;
}.m-bottom-16{
	margin-bottom: 16px;
}.m-bottom-24{
	margin-bottom: 24px;
}
.m-bottom-32{
	margin-bottom: 32px;
}
.m-bottom-40{
	margin-bottom: 40px;
}

/*  */
.not-bg{
	border:none;
	background:none;
	box-shadow: none;
}

.item-bar{
	padding : 10px 0px;
}


/* コンテンツ周りの余白 */
.container-fluid{
	padding-right: 0px !important;
	padding-left: 0px !important;
}

.main-data{
	margin : 48px 48px;
}

.row{
    margin-bottom : 40px;
}


/* -------------------- ボタン関連UI -------------------- */
/* 共通ボタン ！ほかの要素とも同じかもしれないので統合予定 */
/* section#analytics_search_area .btn{
    background: #AF3094 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 0px #91267A;
    border-radius: 6px;
    opacity: 1;
    font: Bold 16px/24px Meiryo;
    letter-spacing: 0;
    color: #FFFFFF;
    border:none;
    height:40px;
    padding:0 32px;
} */

/* 基本のボタンUIスタイル*/
body .a-ctrl-btn{
	-webkit-appearance: none;
	position:relative;
	display: inline-block;
/*	line-height:1;*/
/*	padding:7px 10px;*/
	padding-left: 10px;
	padding-right: 10px;
	font-size:14px;
	color : #666;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
/*	background:none;*/
	border : none;
/*	border : 1px solid #999999;*/
	border-radius: 5px;
/*box-shadow:1px 1px rgba(0,0,0,0.16);*/
	vertical-align: middle;
	text-decoration: none;
	cursor: pointer;

    min-height: 40px;
    line-height: 40px;
    padding: 0 16px 0 16px;
		font-weight: bold;
}

/* bootstrapの色を打ち消す */
a:not([href]):not([tabindex]){
	color: none;
}

/* アイコンボタン*/
body .icon-btn{
	border:none;
	background:none;
	box-shadow: none;
	font-size : 1.2em;
}

/* デフォルトボタン背景（一旦） */
/* body .a-ctrl-btn{
	  background-color: #E9E9E9;
} */

body .a-ctrl-btn.icon-btn {
    background: none;
}


/* ボタンの色 メインカラー1(標準機能) */
body.maincolor1 {
    background-color:#fafafa;
}

body.maincolor1 .alert-info {
    color: #333399;
    background-color: #e8e1ed;
    border-color: #333399;
}

body.maincolor1 .a-ctrl-btn{
    background-color: #333399;
		color:#fff;
		box-shadow: 0 1px 0 #13134E;
}

body.maincolor1 .a-ctrl-btn.icon-btn {
    background: none;
    color:rgba(51,51,153,0.5) !important;
		box-shadow: none;
}

/* body.maincolor1 .a-ctrl-btn.a-round {
    color: rgba(51,51,153,0.5) ;
} */

/*デートピッカー*/
body.maincolor1 .ui-datepicker-calendar{
    background:#fff;/*一旦*/
}


/* ボタンの色 メインカラー2（オプション機能） */

body.maincolor2 {
    background-color:#fafafa;
}

body.maincolor2 .alert-info {
    color: #AF3094;
    background-color: #e8e1ed;
    border-color: #AF3094;
}

/* body.maincolor1 .a-ctrl-btn {
    background-color: #E9E9E9;
} */

body.maincolor2 .a-ctrl-btn.icon-btn {
    background: none;
    color:rgba(204,51,153,0.5) !important;
}

body.maincolor2 .a-ctrl-btn.a-round {
    color: #83519d !important;
}

/*デートピッカー*/
body.maincolor2 .ui-datepicker-calendar{
    background:#fff;/*一旦*/
}


/* 機能固定ボタンの色 */
body .a-ctrl-btn.ab-blue{

}

/* 決定ボタン（ポジティブアクション） */
body .a-ctrl-btn.save-btn{
	background: #3377bb;
	text-shadow:none !important;
	padding: 0 32px 0 32px !important;
	box-shadow: 0px 1px 0px #16528E;
}

body .a-ctrl-btn.ab-gray{
	background-color:#888;
	box-shadow: 0 1px 0 #666;
}

body .a-ctrl-btn.ab-silver{
	background-color:#eee;
	color: #666;
	box-shadow: 0 1px 0 #ddd;
}

body .a-ctrl-btn.ab-purple2{
	color: #5c53a9 !important;
    background-color: #ebe5f1;
	border: none;
}
body .a-ctrl-btn.ab-purple2.active{
	color: #fff !important;
    background-color: #333399;
	border: none;
}

.a-ctrl-btn.a-dark-gray,body.purple .a-ctrl-btn.a-dark-gray{
	background-color: #A7A7A7;
	color:#FFFFFF;
}
.a-ctrl-btn.a-orange,body.maincolor1 .a-ctrl-btn.a-orange{
	background-color: #E8B337 !important;
	color : #fff;
	padding: 0 32px 0 32px !important;
	box-shadow: 0px 1px 0px #A25114;
}
.a-ctrl-btn.a-r-orange,body.maincolor1 .a-ctrl-btn.a-r-orange{
	background-color: #FF9C50 !important;
	color : #fff;
	padding: 0 32px 0 32px !important;
	box-shadow: 0px 1px 0px #A25114;
}
.a-ctrl-btn.a-blue-purple,body.purple .a-ctrl-btn.a-blue-purple{
	background-color: #5050FF;
	color : #fff;
}
.a-ctrl-btn.a-blue,.a-ctrl-btn.ad-ok,body.purple .a-ctrl-btn.a-blue,body.purple .a-ctrl-btn.ad-ok{
	background-color: #3551A2;
	color:#FFFFFF;
}

.a-ctrl-btn.a-green,body.purple .a-ctrl-btn.a-green{
	background-color: #3DA06F;
	color:#FFFFFF;
}
.a-ctrl-btn.a-purple,body.purple .a-ctrl-btn.a-purple{
	background-color: #AF3094;
	color:#FFFFFF;
}
.a-ctrl-btn.a-red,body.purple .a-ctrl-btn.a-red{
	background-color: #FF5454;
	color: #FFFFFF;
}

/*  -------------------- ボタンのサイズ -------------------- */
.a-ctrl-btn.a-x-large{
/*	padding:10px 30px;	*/
	padding-left:30px;
	padding-right:30px;
}
.a-ctrl-btn.a-xx-large{
/*	padding:25px 40px;	*/
	padding:5px 40px;
}
.a-ctrl-btn.a-wh-fuch{
	border:#FFFFFF solid 1px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.btn-right-bar{
	text-align: right;
}


/* -------------------- フォームのレイアウト -------------------- */
/*input[type='text'],select,button[type='button']{*/
input[type='text'],select, .selectBox-dropdown, form .sp-replacer, form .a-file-edit-btn, form .ad-file-btn, .ui-widget-content{
	height: 40px; /* 全体設定、各画面で調整 */
}

input[type='text']{
	padding: 0 8px;
	border-radius: 3px;
	border:1px solid #A6B1CE;
}

input[type='text']{
	padding: 0 8px;
	border-radius: 3px;
	border:1px solid #959EA7;
}

span.input-group-text{
	background: none;
	border: 1px solid #959EA7;
}

.ui-spinner input[type='text']{
	height: 32px;
}

/* -------------------- メッセージ配信 -------------------- */
/*タブ切替余白*/
.main-data-tab{
	margin: 48px 48px 0px 48px;
}

/* 検索窓系 */
section#analytics_search_area,
#analytics_search_area{
    padding       : 32px 48px 24px 48px;
    background    : #FFF 0% 0% no-repeat padding-box;
    box-shadow    : none !important;
	border-bottom : 1px solid #ccc;
	min-width     : 920px;
}

section#analytics_search_area label{
    color : #505050;
}
section#analytics_search_area .datepicker{
    width:120px;
}

section#analytics_search_area{
	
}

/* bootstrapカードの調整 */

.card{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #DDD;
    border:none;
}

.card .card-header{
    background: #ddd 0% 0% no-repeat padding-box;
    color:#666;
    font-weight:bold;
    font-size:1em;
	box-shadow: 0 4px 4px rgba(0,0,0,0.05);
}

.card .card_body{
}

/* 管理画面レイアウト form関連 table */
table.a-tbl2 th,
table.a-tbl2 td,
.a-tbl2 .form-group{
	background:none;
	border: none;
	border-top: 1px solid rgba(0,0,0,0.08);
	padding : 30px 10px;
}

.a-tbl2 .form-group:first-child{
    border:none;
}

.a-tbl2 .form-inline .form-group{
	background:none;
	border: none;
	border-top: none;
	padding :5px;
}

table.a-tbl2 tr.space {
	border : none;
}
table.a-tbl2 .th2{
	background-color: transparent !important;
}

/* -------------------- ネビゲーション -------------------- */

/* tabバーエリア */
.infomation-area #a-navigation .a-menubar2,
.infomation-area .a-menubar{
	line-height: 48px;
	height: 48px;
	border-bottom: 1px solid #E6E6E6;
	background-color: #FFFFFF;
	padding: 0px;
}

.infomation-area #a-navigation .a-menubar2 li > a,
.infomation-area .a-menubar .a-tab li > a{
	position: relative;
	display: inline-block;
	text-align:center;
	min-width:96px;
	width:auto;
/*	line-height: 100%;*/
	height: 100%;

	height : -webkit-calc(100% - 14px) ;
	height : calc(100% - 14px) ;

	font-size:100%;
	color:#888888;
	cursor:pointer;
	padding:0px 8px;
	border :none;
	background:#FFFFFF;
	border:none;
	box-shadow:none;
	text-decoration: none;
	line-height: 40px;
}


/* 下線 メインカラー1(標準機能) */
body.maincolor1 #a-navigation .a-menubar2 li > a:hover,
body.maincolor1 #a-navigation .a-menubar2 li > a.active,
body.maincolor1 .a-menubar .a-tab li > a:hover,
body.maincolor1 .a-menubar .a-tab li > a.active{
	border-bottom: 4px solid #333399;
}


body.maincolor1 .infomation-area #a-navigation .a-menubar2 li > a:hover,
body.maincolor1 .infomation-area #a-navigation .a-menubar2 li > a.active,
.a-menubar2 li > a:hover,
.a-menubar2 li > a.active,
body.maincolor1 .infomation-area .a-menubar .a-tab li > a:hover,
body.maincolor1 .a-menubar .a-tab li > a.active{
	border-bottom: 4px solid #3551A2;
	height: 48px;
	line-height: 40px;
}


/* 下線 メインカラー2(オプション機能) */
body.purple #a-navigation .a-menubar2 li > a:hover,
body.purple #a-navigation .a-menubar2 li > a.active,
body.purple .a-menubar .a-tab li > a:hover,
body.purple .a-menubar .a-tab li > a.active{
	border-bottom: 4px solid #cc3399;
}


body.purple .infomation-area #a-navigation .a-menubar2 li > a:hover,
body.purple .infomation-area #a-navigation .a-menubar2 li > a.active,
.a-menubar2 li > a:hover,
.a-menubar2 li > a.active,
body.purple .infomation-area .a-menubar .a-tab li > a:hover,
body.purple .a-menubar .a-tab li > a.active{
	border-bottom: 4px solid #3551A2;
	height: 48px;
	line-height: 40px;
}




/* ネビゲーション */
/* tabバーエリア */
.a-menubar{
	line-height: 56px;
	height: 56px;
	border-bottom: 1px solid #E6E6E6;
	background-color: #FFFFFF;
	padding: 0px 32px;
}

#a-navigation .a-menubar2{
	line-height: 56px;
	height: 56px;
	border-bottom: 1px solid #E6E6E6;
	background-color: #FFFFFF;
	padding: 0px;
}

.a-menubar .a-tab,
.a-menubar2 .a-tab{
	float: left;
	margin: 0;
	padding: 0;
	height: 49px;
}

#a-navigation .a-menubar2 li,#a-navigation .a-menubar2 ul,
.a-menubar .a-tab li,
.a-menubar .a-tab ul{
	line-height: 100%;
	height: 100%;
}



#a-navigation .a-menubar li,
#a-navigation .a-menubar2 li{
	display: inline;
}

#a-navigation .a-menubar2 li > a,
.a-menubar .a-tab li > a{
	position: relative;
	display: inline-block;
	text-align:center;
	min-width:96px;
	width:auto;
/*	line-height: 100%;*/
	height: 100%;

	height : -webkit-calc(100% - 14px) ;
	height : calc(100% - 14px) ;

	font-size:100%;
	color:#888888;
	cursor:pointer;
	padding:0px 8px;
	border :none;
	background:#FFFFFF;
	border:none;
	box-shadow:none;
	text-decoration: none;
}
#a-navigation .a-menubar2 li > a:hover,#a-navigation .a-menubar2 li > a.active,
.a-menubar .a-tab li > a:hover,.a-menubar .a-tab li > a.active{
	background: none;
	border-bottom: 2px solid #CCC;
	font-weight: bold;
}

/* #a-navigation .a-menubar2 .back-btn,
.a-menubar .back-btn{
	min-width :80px;
	height: 40px;
	padding: 0 16px;
	line-height: 40px;
	border:none;
	background-color: #333399;
	color:#FFFFFF;
	margin-right: 10px;
	text-align: center;
	float: left;
	display: inline-block;
	font-size: 16px;
} */

#a-navigation .a-menubar2 .back-btn,
.a-menubar .back-btn{
	border:none;
	margin-right: 16px;
	text-align: center;
	float: left;
	display: inline-block;
	margin: 8px;
}


/* -------------------- 管理画面テーブルリスト -------------------- */
.a-list-tbl{
	border: 1px solid rgba(0,0,0,0.1);

    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
table.a-list-tbl th{
	border:none;
	min-height: 24px;
	line-height: 24px;
}



/* メインカラー1（標準機能） */
body.maincolor1 .a-list-tbl th{
    background-color:#eee;
    color:#333;
    font-weight:bold;
		/* text-align: center; */
}

body.maincolor1 .a-list-tbl td{
    background-color:#fff;
		vertical-align: middle;
		/* text-align: center; */
}


/* メインカラー2（オプション機能） */
body.purple .a-list-tbl th{
    background-color:#eee;
    color:#333;
    font-weight:bold;
		/* text-align: center; */
}

body.purple .a-list-tbl td{
    background-color:#fff;
		vertical-align: middle;
		/* text-align: center; */
}


/*table.a-list-tbl th,
table.a-list-tbl td{
	border :none;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}*/



/* -------------------- ページング -------------------- */

/*基本スタイル */
.paginator {
	text-align: center;
}

.paginator span,
.paginator li{
	display : inline-block;
	height:32px;
	min-height:32px;
	min-width:32px;
	line-height: 32px !important;
	vertical-align: middle;
	margin-left:8px;
	padding: 0;
	border: none;
	background: none;
}


#bg .paginator span a,
#bg .paginator li a{
	background : none;
}

.a-paginator span a,
.a-paginator li a,
.a-paginator .current,
.a-paginator .page-item{
	border:none;
	border-radius: 4px;
	/* background-color: #FFFFFF; */
/*	border :1px solid #707070;	*/
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
    width: auto;
    min-width: 32px;
    /* line-height: 2.0; */
    min-height: 32px;
    text-align: center;
    display: inline-block;
}

.a-paginator .current a{
	color:#fff;
}

.a-paginator span:not(.prev):not(.next):not(.first):not(.last):not(.current) a,
.a-paginator li:not(.prev):not(.next):not(.first):not(.last):not(.active) a{
	background-color: #FFFFFF;
}

.a-paginator span:not(.prev):not(.next):not(.first):not(.last):not(.current) a:hover,
.a-paginator li:not(.prev):not(.next):not(.first):not(.last):not(.active) a:hover{ /* 画面独自 */
	background-color: #f6f6f6;
}

.a-paginator span a,
.a-paginator li a,
.a-paginator .page-item a{
	text-decoration:none;
/*	padding:5px;*/
	border:none;
	display:inline-block;
	background:transparent;
	border-color:transparent;
	color:#888;
}

.page-item.active .page-link{
	background:none;
}

.page-item .page-link{
	padding: 0;
	line-height: 32px;
}


.a-paginator .current,
/* .a-paginator .page-item.active */
{ /* 画面独自 */
	background-color: #CCC;
	color : #FFF;
}

.paginator a:link,
.paginator a:active,
.paginator a:visited {
	/*color : #005FBD !important;*/
	text-decoration : none;
}

.paginator a[href]:hover {
	text-decoration : none;
}

/* .a-paginator .prev a:hover,
.a-paginator .prev a:active,
.a-paginator .prev a:visited,
.a-paginator .next a:link,
.a-paginator .next a:active,
.a-paginator.next a:visited,
.a-paginator .first a:link,
.a-paginator .first a:active,
.a-paginator.first a:visited,
.a-paginator .last a:link,
.a-paginator .last a:active,
.a-paginator.last a:visited{
	text-decoration:underline;
} */

.a-page-all-count{
	color : #aaa;
	border: none;
}

/* 次へ 前へ */

.paginator span.first a,
.paginator li.first a,
.paginator span.last a,
.paginator li.last a {
	height:32px;
	min-width:8px;
}

.paginator span.first,
.paginator li.first,
.paginator span.last,
.paginator li.last{
	height:32px;
	min-width:8px;
	padding:0px 4px;
}

.paginator span.first a,
.paginator li.first a{
	margin-left:0px;
}

.a-paginator .next a,
.a-paginator .prev a,
.a-paginator .first a,
.a-paginator .last a{
	box-shadow :none;
	background-color: none;
	line-height: 2.5;
	font-size: 14px;
}

.a-paginator span.prev a:hover,
.a-paginator span.next a:hover,
.a-paginator span.first a:hover,
.a-paginator span.last a:hover,
.a-paginator li.prev a:hover,
.a-paginator li.next a:hover,
.a-paginator li.first a:hover,
.a-paginator li.last a:hover{
	text-decoration:underline !important;
	background-color: none;
}

.a-paginator a::before,
.a-paginator a::after {
	font-weight: bold;
	padding: 0 4px;
}

.paginator span.prev,
.paginator span.last,
.paginator li.prev,
.paginator li.last{
	margin: 0;
}

/* メインカラー1（標準機能） */

.maincolor1 .a-paginator span.current,
.maincolor1 .a-paginator .page-item .active span a,
.maincolor1 .a-paginator li.current,
.maincolor1 .a-paginator li.page-item.active{ /* 画面独自 */
	background-color: #333399;
	color: #fff;
}

.maincolor1 .a-paginator span.next a,
.maincolor1 .a-paginator span.prev a,
.maincolor1 .a-paginator span.first a,
.maincolor1 .a-paginator span.last a,
.maincolor1 .a-paginator li.next a,
.maincolor1 .a-paginator li.prev a,
.maincolor1 .a-paginator li.first a,
.maincolor1 .a-paginator li.last a{
	color: #333399 !important;
}

.a-paginator .prev a::before {
	content: "\f104";
	font-family: "FontAwesome";
	color: #333399

}

.a-paginator .next a::after {
	content: "\f105";
	font-family: "FontAwesome";
	color: #333399
}

.a-paginator .first a::before {
	content: "\f100";
	font-family: "FontAwesome";
	color: #333399

}

.a-paginator .last a::after {
	content: "\f101";
	font-family: "FontAwesome";
	color: #333399
}




/*maincolor1*/
/* .a-paginator .next,
.a-paginator .prev,
.a-paginator .first,
.a-paginator .last
{
	box-shadow :none;
	background-color: transparent;
	padding: 0 16px;
	color:
} */



/* メインカラー2（オプション機能） */

body.maincolor2 .a-paginator .current,
body.maincolor2 .a-paginator .page-item.active{ /* 画面独自 */
	background-color: #cc3399;
}

body.maincolor2 .a-paginator .next a,
body.maincolor2 .a-paginator .prev a,
body.maincolor2 .a-paginator .first a,
body.maincolor2 .a-paginator .last a
{
	color: #cc3399 !important;
	margin: 0 4px;
}







/* 検索ボックス */
.a-search-box{
	position: relative;
}

.search-bar{
	line-height: 60px;
}

.search-bar #a-search-btn{
	background-color: #fff;
	color: #888;
	box-shadow: none;
}

.a-search-box .a-search-icon{
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 5px;
    font-size: 15px;
}
.a-search-box .a-search-text{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    width: 240px;
    border:#DCDCDC 1px solid;
    height: 40px;

    border-top-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomright: 0px;
}
.a-search-box .a-search-icon + .a-search-text{
	padding-left: 32px;
}

.a-search-box > i:first-child{
	margin-left: 8px;
	color: #ddd;
}

.a-search-box .a-search-btn{
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background:#FFFFFF;
    border:#DCDCDC 1px solid;
    box-shadow: none;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px;
}
.a-search-box .a-search-text + .a-search-btn{
    border-top-left-radius: 0px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-bottom-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
}



/*ブログダッシュボード、iframeでwm出しているので共通化*/

/*台形のタブ（色味は紫になってるので、別の色味使うことあったらbody.purpleつけて作り直します*/
.nav.trapezoid-tab{
    padding-left:10px;
    margin-top:30px;
}

.nav.trapezoid-tab.no-margin-top{
    margin-top:0;
}

.nav.trapezoid-tab .nav-item{
    width: 200px;
	height: 40px;
    border-bottom: 38px solid #ebe5f1;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /*height: 0;*/
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    border-radius: 0px;
    cursor: pointer;
	font-size: 0.9rem;
    /* margin: 0 auto; */
    /* color: #fff; */
    filter: drop-shadow(0px 1px 6px #DDD);
    -ms-filter: drop-shadow(0px 1px 6px #DDD);
    -moz-filter: drop-shadow(0px 1px 6px #DDD);
}

.nav.trapezoid-tab .nav-item.active{
    width: 200px;
	height: 40px;
    border-bottom: 38px solid #333399;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    /*height: 0;*/
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    border-radius: 0px;
    cursor: pointer;
    font-size: 0.9rem;
    /* z-index: 1; */
}

.nav.trapezoid-tab .nav-item i{
	margin: 0px 8px 0px 0px;
}

.nav.trapezoid-tab .nav-item .nav-link{
    color: #5c53a9;
    background-color: #ebe5f1;
    border:none;
}

.nav.trapezoid-tab .nav-item.active .nav-link{
    color: #fff;
    background-color: #333399;
    border:none;
}

.card.trapezoid-tab-card{
    border-top: 5px solid #333399;
}

/*項目の中のタイトル bootstrapのcard-headerの構成では再現できなかったので別クラスつけました*/
/*色味は紫になってるので、別の色味使うことあったらbody.purpleつけて作り直します*/
.col-title{
    text-align: left;
    color:#5C53A9;
    padding:8px;
  /*  border-bottom: 1px dotted #E9E9E9;*/
    overflow: hidden;
}

/*.col-title i{
    margin-right: 5px;
}
*/

.card-body i{
    margin-right: 8px;
}

/*灰色のタブ*/
.nav.trapezoid-tab.tab-color-gray .nav-item{
    border-bottom-color: #DEDEDE;
}
.nav.trapezoid-tab.tab-color-gray .nav-item.active{
    border-bottom-color: #FFF;
}
.nav.trapezoid-tab.tab-color-gray .nav-item .nav-link,
.nav.trapezoid-tab.tab-color-gray .nav-item.active .nav-link{
    background-color: transparent;
    color:#888888;
}

.tab-color-gray.card{
    box-shadow: 0px 1px 6px -6px #DDD;
    border: 1px solid rgba(0,0,0,.125) !important;
    border-top: none !important;
}

/*連絡メールやチャットボットで使っているtheadとtbodyの間が空いているテーブル*/

.th-fixed,#scroll-area .th-fixed{
    height:auto;
    overflow-y: scroll;
    border:none;
    padding:0px;
}

.th-fixed table{
    margin-bottom: 0px;
}

.th-fixed thead{
    /* display: block; */
    margin-bottom:15px;
}

body.purple .th-fixed thead th{
    position: sticky;
    background: #e6e6e6;
    top: 0;
    color: #333;
    border: 1px solid #dbdbdb;
    border-top:none;
}

.th-fixed thead th .th-space{
    height: 10px;
    background-color: #fafafa;
    margin-top: 10px;
    margin-bottom: -10px;
    margin: 10px -10px -10px -10px;
    border-top: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #ddd;
}

.th-fixed thead tr{
    background: none;
}

.th-fixed tbody{
    /* display: block; */
    /* height: 400px; */
    /* overflow-y: scroll; */
    width:100%;
    border:1px solid #ddd;
}

.th-fixed tbody tr{
    width:100%;
    border:none;
    background-color: #fff;
}

.th-fixed tbody tr td{
    border-top:none;
    border-bottom:none;
    border-right:1px solid #ddd;
    vertical-align: middle;
}

/* 吹き出し検索UI */

.popup-search-box{
	line-height: normal;
	display		: none;
	position	: absolute;

	left:0px;
	background	: #ffffff;
	border		: 1px solid #CBCBCB;
	width		: 287px;
	z-index		: 10;
	line-height: 1;
	border-radius	: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.a-search-text + .a-search-btn + .popup-search-box{
	top:60px;
	left:300px;
	box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}

.popup-search-box:after, .popup-search-box:before {
	bottom		: 100%;
	left		: 30px;
	border		: solid transparent;
	content		: " ";
	height		: 0;
	width		: 0;
	position	: absolute;
	pointer-events	: none;
}

.popup-search-box:after {
	border-color	: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width	: 15px;
	margin-left	: -15px;
}
.popup-search-box:before {
	border-color	: rgba(203, 203, 203, 0);
	border-bottom-color: #CBCBCB;
	border-width	: 16px;
	margin-left	: -16px;
}

.popup-search-box .ps-cont{
	padding:10px;
}

.popup-search-box .ps-bottom{
	border-top: #E3E3E4 1px solid;
	padding:10px;
	background-color: #FFFFFF;
	text-align: right;
}


.popup-search-box .ps-cont table.a-search-tbl tr{
	height: 56px;
}

.popup-search-box .ps-cont table.a-search-tbl tr th{
	color: #888;
}

#cdn-search-input {
    -ms-flex  : 0 0 80%;
    flex      : 0 0 80%;
    max-width : 80%;
}

#cdn-search-apply {
	-ms-flex  : 0 0 20%;
    flex      : 0 0 20%;
    max-width : 20%;
}

@media (max-width: 1719px){
	/* #comparison {
		width : 100%;
	} */
	
	.form-group .form-check {
		margin-left : .75rem !important;
	}
}