@charset "utf-8";

/*共通要素 固定ヘッダー及び固定フッターに対応 */
html {
    position: relative;
    min-height: 100%;
}
body {
    min-width: 1170px;
    margin: 0 0 100px;
}

.container{ width: 1170px !important;}

.header-ex {
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    width: 100%;
}

footer {
    position: absolute;
    border-top: 3px solid #63ba9d;
    left: 0;
    bottom: 0;
    height: 100px;
    width: 100%;
}

h1,h2,h3,h4,h5,p,span,label,li{
    color:#666;
}

.text-left-force{
    text-align: left !important;
}

.bold-force{
    font-weight: bold !important;
}
/*マージン*/
.mt-0 {margin-top:0 !important;}
.mt-5   {margin-top:5px !important;}
.mt-10  {margin-top:10px !important;}
.mt-15  {margin-top:15px !important;}
.mt-20  {margin-top:20px !important;}
.mt-30  {margin-top:30px !important;}
.mt-40  {margin-top:40px !important;}
.mt-50  {margin-top:50px !important;}
.mt-60  {margin-top:60px !important;}

.mb-0 {margin-bottom:0 !important;}
.mb-5   {margin-bottom:5px !important;}
.mb-10  {margin-bottom:10px !important;}
.mb-15  {margin-bottom:15px !important;}
.mb-20  {margin-bottom:20px !important;}
.mb-30  {margin-bottom:30px !important;}
.mb-40  {margin-bottom:40px !important;}
.mb-50  {margin-bottom:50px !important;}
.mb-60  {margin-bottom:60px !important;}

.mr-5   {margin-right:5px !important;}
.mr-10  {margin-right:10px !important;}
.mr-15  {margin-right:15px !important;}
.mr-20  {margin-right:20px !important;}
.mr-30  {margin-right:30px !important;}
.mr-40  {margin-right:40px !important;}
.mr-50  {margin-right:50px !important;}

.ml-5   {margin-left:5px !important;}
.ml-10  {margin-left:10px !important;}
.ml-15  {margin-left:15px !important;}
.ml-20  {margin-left:20px !important;}
.ml-30  {margin-left:30px !important;}
.ml-40  {margin-left:40px !important;}
.ml-50  {margin-left:50px !important;}

.pr-0   {padding-right:0 !important;}
.pr-5   {padding-right:5px !important;}
.pr-10  {padding-right:10px !important;}
.pr-15  {padding-right:15px !important;}
.pr-20  {padding-right:20px !important;}
.pr-30  {padding-right:30px !important;}
.pr-40  {padding-right:40px !important;}
.pr-50  {padding-right:50px !important;}

.pl-0   {padding-left:0 !important;}
.pl-5   {padding-left:5px !important;}
.pl-10  {padding-left:10px !important;}
.pl-15  {padding-left:15px !important;}
.pl-20  {padding-left:20px !important;}
.pl-30  {padding-left:30px !important;}
.pl-40  {padding-left:40px !important;}
.pl-50  {padding-left:50px !important;}

.nopadding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ngt-mt-20{
    margin-top: -20px;
}

.pos-middle-wrap{
    position: relative;
}
.pos-middle{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

/*グリッド間の溝幅*/

.gutter-40{
    margin-left:-20px;
    margin-right:-20px;
}
.gutter-40 > [class*='col-'] {
    padding-left:20px;
    padding-right:20px;
}

.gutter-20{
    margin-left:-10px;
    margin-right:-10px;
}
.gutter-20 > [class*='col-'] {
    padding-left:10px;
    padding-right:10px;
}

/*溝幅 10pxの場合*/
.gutter-10{
    margin-left:-5px;
    margin-right:-5px;
}
.gutter-10 > [class*='col-'] {
    padding-left:5px;
    padding-right:5px;
}

/*溝幅 0pxの場合*/
.gutter-0{
    margin-left:0;
    margin-right:0;
}
.gutter-0 > [class*='col-'] {
    padding-left:0;
    padding-right:0;
}

/* Bootstrapに追加 */
.btn-yellow {
    background: rgb(250, 255, 140);
    color: #574500;
    /*border: none;*/
    /*box-shadow: none !important;*/
}
.btn-yellow:hover, .btn-yellow:focus {
    background: rgb(252, 255, 179);
}
.btn-yellow:active {
    background: rgb(247, 255, 71);
}

/* ヘッダー */
.navbar-header{
    margin-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.navbar{
    background-color: #d8fbad;
    border-bottom: 3px solid #63ba9d;
}

.navbar-btn-faq{
    color: #fff !important;
    background-color: #229867;
    border-color: #317a5f;
    //padding-bottom: 4px !important;
    //padding-top: 4px !important;
}

.navbar-btn-logout{
    color: #666 !important;
    background-color: #fcf78c;
    border-color: #229867;
    //padding-bottom: 4px !important;
    //padding-top: 4px !important;
}

.navbar-brand {
    background: url("../img/logo.png") no-repeat left center;
    background-size: contain;
    height: 30px;
    width: 250px;
    margin: 10px 0;
}

.navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

ul.navbar-nav > li{
    margin-left: 20px;
}

/* ボタン */
.btn-wide{
    padding-left: 15px;
    padding-right: 15px;
    min-width: 150px;
}
.btn-primary{
    color: #fff;
    background-color: #1792e7;
    border-color: #177acb;
}

/***  管理画面アプリメニュー ***/
/* ホバーによるメニュー表示 */
.menu-common.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; // remove the gap so it doesn't close
}

/* 管理画面メニュー基本 */
.menu-common button.btn{
    position: relative;
    border-radius: 0;
    padding: 15px 0 10px 0;
}
.menu-common button.btn .glyphicon{
    padding: 4px 4px 4px 4px;
    border-radius: 15px;
    font-size: 10px;
    position: absolute;
    top: 40%;
    right: 5%;
}
.menu-common ul.dropdown-menu {
    padding:0;
    border-radius: 0;
}
.menu-common ul.dropdown-menu li a{
    position: relative;
    padding: 15px 20px;
}

.menu-common ul.dropdown-menu li a span.pull-right {
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0, -50%);
}

/* マスタ系メニュー */
.menu-master button.btn{
    background-color: #fce3d0;
    border-bottom: 8px solid #fcac6d;
}
.menu-master button.btn .subhead{
    color: #fcac6d;
}
.menu-master button.btn .glyphicon{
    background-color: #fcac6d;
    color: #fff;
}
.menu-master ul.dropdown-menu li a{
    border-bottom: #fcac6d solid 3px;
}
.menu-master ul.dropdown-menu li a:hover{
    background-color: #fcac6d;
}
.menu-master ul.dropdown-menu li a span.pull-right{
    color: #fcac6d;
}
.menu-master ul.dropdown-menu li a span.pull-right .glyphicon{
    color: #fcac6d;
}

/* アクセス状況系メニュー */
.menu-access button.btn{
    background-color: #fcf0fb;
    border-bottom: 8px solid #f36cd1;
}
.menu-access button.btn .subhead{
    color: #f36cd1;
}
.menu-access button.btn .glyphicon{
    background-color: #f36cd1;
    color: #fff;
}
.menu-access ul.dropdown-menu li a{
    border-bottom: #f36cd1 solid 3px;
}
.menu-access ul.dropdown-menu li a:hover{
    background-color: #f36cd1;
}

.menu-access ul.dropdown-menu li a span.pull-right{
    color: #f36cd1;
}
.menu-access ul.dropdown-menu li a span.pull-right .glyphicon{
    color: #f36cd1;
}
/* 売上状況系メニュー */
.menu-sales button.btn{
    background-color: #eff5ff;
    border-bottom: 8px solid #659bf7;
}
.menu-sales button.btn .subhead{
    color: #659bf7;
}
.menu-sales button.btn .glyphicon{
    background-color: #659bf7;
    color: #fff;
}
.menu-sales ul.dropdown-menu li a{
    border-bottom: #659bf7 solid 3px;
}
.menu-sales ul.dropdown-menu li a:hover{
    background-color: #659bf7;
}

.menu-sales ul.dropdown-menu li a span.pull-right{
    color: #659bf7;
}
.menu-sales ul.dropdown-menu li a span.pull-right .glyphicon{
    color: #659bf7;
}

/***  管理画面緑パネル ***/
.panel-green {
    border-color: #229767;
}

.panel-green > .panel-heading {
    color: #fff;
    background-color: #229767;
    border-color: #229767;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #229767;
}
.panel-green > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-green > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #229767;
}


.panel-orange {
    border-color: #fcac6d;
}

.panel-orange > .panel-heading {
    color: #fff;
    background-color: #fcac6d;
    border-color: #fcac6d;
}
.panel-orange > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fcac6d;
}
.panel-orange > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
}

.panel-orange > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fcac6d;
}



/*テーブル*/
.table tbody>tr>td.pos-center{
    vertical-align: middle;
    text-align: center;
}
.table tbody>tr>td.pos-left{
    vertical-align: middle;
    text-align: left;
}
.table tbody>tr>td.pos-right{
    vertical-align: middle;
    text-align: right;
}

.header-small-text > thead > tr th{
    font-size: 80%;
}
/* ボタン */
.btn-back{
    color: #fff;
    background-color: #9a9a9a;
    border-color: #7a7a7a;
}
.btn-block-90{
    margin: 0 auto;
    display: block;
    width: 90%;
}
/* non-responsive */
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
}

/*ヘルプアイコン*/
a.helpIcon-form-label{
    position: absolute;
    top: 10%;
    right: 5%;
}
a.helpIcon {
    font-weight: bold;
    font-size: 9px;
    line-height: 1em;
    color: #AAA;
    border: #DDD 1px solid;
    margin-left: 0.5em;
    padding: 3px 6px;
    background-color: #fff;
}

a.helpIconSmall {
    font-weight: bold;
    font-size: 6px;
    line-height: 1em;
    color: #AAA;
    border: #DDD 1px solid;
    margin-left: 0.5em;
    padding: 1px 3px;
    background-color: #fff;
}



/*ヘルプアイコンのツールチップ*/
.tooltip.top .tooltip-inner {
    color:#333;
    background-color:white;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4);
}
.tooltip.top .tooltip-arrow {
    border-top-color: white;
}
/* フォーム */

.form-group.required .control-label:after {
    content:"*";
    color:red;
}

.info-require{
    margin-left: 20px;
    color:red;
}

.vertical-radio-2{
    height: 60px;
}

.vertical-radio-3{
    height: 90px;
}

.vertical-radio-2 [class*='col-'],
.vertical-radio-3 [class*='col-']
{
    height: 100% !important;
}
.vertical-radio-2 .control-label,
.vertical-radio-3 .control-label{
    height: 100% !important;
}
.vertical-radio-2 .control-wrap,
.vertical-radio-3 .control-wrap{
    height: 100% !important;
}

.help-icon-wrap{
    position: relative;
}

.input_sufix_text .form-control{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.input_sufix_text .input-group-addon:first-child{
    width: 18%;
    border: none;
    background-color: transparent;
    text-align: right;
}
.input_sufix_text .input-group-addon:last-child{
    width: 18%;
    border: none;
    background-color: transparent;
    text-align: left;
}

.input_sufix_calendar_ui{
    position: relative;
}
.input_sufix_calendar_ui .form-control{
    width: 70% !important;
}

.input_sufix_calendar_ui button.btn{
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0, -50%);
}

/* パネルの箇条書き*/
ol.list-bullet-point {
    counter-reset: listNumbering;
}

ol.list-bullet-point > li {
    counter-increment: listNumbering;
    padding: 10px 0;
}

ol.list-bullet-point > li > strong{
    font-size: 130%;
    text-decoration: underline;
}

ol.list-bullet-point > li:before {
    content: counter(listNumbering,decimal) '.';
    text-decoration: underline;
    font-size: 130%;

}
ol.list-bullet-point > li > ul > li{
    padding: 5px 0;
}
ol.list-bullet-point > li > ul > li:before{
    margin-left: 30px;
    content: '◆';
}
ol.list-bullet-point > li > ul > li.marker-come:before{
    margin-left: 35px;
    content: '※';
}

/* 文字色 */
.text-red{
    color: red;
}

/* マーカー */
ul.marker-square li:before {
    content: '■'; /* ←ここにリストマーカーにしたい文字列を設定 */
}
.input_sufix_calendar_ui{
//width: 79% !important;
width: auto;
}

/*一覧ステータス表示*/
.badge-status{
    display: inline-block;
    min-width: 10px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fbab6c;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    border: 2px solid #fbab6c;
    border-radius: 0;
}

.kiyaku {
	font-size: 12px;
//	width: 78%;
	max-height: 100px;
	overflow: auto;
	line-height: 1.2;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 100px;
	display: block;
	padding: 9.5px;
	line-height: 1.5;
	word-break: break-all;
	word-wrap: break-word;
	white-space: pre-wrap;
	background-color: rgb(245, 245, 245);
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;        /* CSS3草案 */
	-webkit-border-radius: 4px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 4px;
}
div.studio_approval .col-sm-9{
width: auto;
padding: 20px;
}