/*
	Author		:Taku Kayanuma
	Access		:https://stinc.jp
	Comment		:main.css
	Date		:2025/3
				 2025.3 add for Bootstrap3
*/



/*-------------------------------------------------------------------------------- common **/
html {
	font-size	:62.5%;
}
body {
	color		:#333333;
	font-family	:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size	:1.5rem;
	line-height	:1.7;
	background-color:#fff;
}

a {
	color		:#411b31;
	text-decoration	:none;
}
a:hover,a:focus {
	color		:#428bca;
	text-decoration	:underline;
}

h1 {
	margin		:20px 0;
	font-size	:2.0rem;
	text-align	:center;
}

h2 {
	margin		:20px 0;
	padding		:10px;
	font-size	:1.5rem;
	background-color:#eee7d3;
	text-align	:left;
	font-weight	:normal;
}

h3 {
	padding		:10px;
	font-size	:1.5rem;
	border-bottom	:1px solid #c69f35;
}


/* パンくず */
.path{
	margin-top	:10px;
}
/* サブメニュー */
.submenu{
	margin-top	:10px;
}

ul li {
	list-style	:none;
	margin-bottom:3px;
}

/*TOPメニュー*/
.navbar{
	border-radius: 0;
	border: none;
	border-bottom:2px solid #428bca;
	background-color: #e1ecff;
	box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.3);
}
.navbar-brand {
	height: auto;
	padding: 0px;
}
#logo-img{
	height: 55px;
	margin-left:15px;
}

.navbar-default .navbar-nav >li {
	font-size	:1.5rem;
	padding:20px 0;
	padding: 2px 0;
}.navbar-default .navbar-nav >li > a{
	color: #000;
}

.navbar-default .navbar-nav >li > a:hover{
	color: #428bca;
}

/* カルーセル */
.navbar{
	/* トップメニュー下のマージンを除去 */
	margin-bottom: 0;
}

.carousel-inner img{
	width: 100%;
}

.carousel-caption{
	text-align: right;
	text-shadow: none;
}

/* コンテンツ */
.title{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.text-box{
	margin-bottom: 20px;
}

.panel{
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 2;
}

.panel-header{
	text-align: center;
	padding-top: 10px;
	height: 40px;
	background-color: #ccc;
	color: #333;
}

.panel-body{
	height: 180px;
}

.img-box{
	text-align: center;
	margin-bottom: 10px;
}

.box-img{
	width: 100%;
}


/* フッター */

#footer{
	margin-top: 20px;
	text-align: center;
	padding: 15px 0;
	background-color: #428bca;
}

#footer .navbar-nav{
	float: none;
	width: 420px;
	margin: 10px auto;
}


#footer .navbar-nav>li{
	text-align: center;
	width: 80px;
	font-size	:1.5rem;
}

#footer .navbar-nav>li>a{
	color: #fff;
}

.sns-icon{
    margin-top: 30px;
}

.sns-icon li{
    padding-left: 20px;
    color: #fff;
}
.sns-icon li:hover{
    color: #aaa;
}


/* copyright
---------------------------------------------------------------------- */
.copyright ,.copyright a{
	color		:#fff;
	text-decoration : none;
	font-size	:1.2rem;
}



/* font-awesome
---------------------------------------------------------------------- */
.fa_small {
	font-size	:0.8em !important;
}

/* validationEngine
---------------------------------------------------------------------- */
.inputError {
	/*color		:red;*/
	background-color:#FFE4E1;
	border-color:#FFB6C1;
}



/* ボタン
---------------------------------------------------------------------- */
.btn-stinc {
	margin		:20px 0;
	padding		:10px 30px;
	min-width	:300px;
	color		:#fff;
}
.btn-stinc.active, .btn-stinc.focus, .btn-stinc:active, .btn-stinc:focus, .btn-stinc:hover, .open > .btn-stinc.dropdown-toggle {
	opacity		:0.9;
	color		:#fff;
}

.btn-stinc2 {
	margin		:20px 0;
	padding		:10px 30px;
	min-width	:auto;
	_background-color:#f0ad4e;
	_color		:#fff;
}
.btn-stinc2.active, .btn-stinc2.focus, .btn-stinc2:active, .btn-stinc2:focus, .btn-stinc2:hover, .open > .btn-stinc2.dropdown-toggle {
	opacity		:0.7;
	_background-color:#f0ad4e;
	_color		:#fff;
}


/* backtotop ページトップへ
---------------------------------------------------------------------- */
#backtotop {
	position	:fixed;
	bottom		:10px;
	right		:20px;
	font-size	:1.2rem;
}
#backtotop a {
	display		:block;
	color		:#fff;
	background	:#ddd;
	padding		:10px 10px;
	text-align	:center;
	border-radius	:5px;
	text-decoration	:none;
}
#backtotop a:hover {
    text-decoration	:none;
    background		:#666;
}


/*-------------------------------------------------------------------------------- common sub **/
/* description
---------------------------------------------------------------------- */
p.description {
	margin		:10px 0;
}

/* msg
---------------------------------------------------------------------- */
p.msg {
	margin		:10px 0;
	color       :#428bca;
}

/* フォーム行間
---------------------------------------------------------------------- */
.form-group {
	margin-bottom	:8px;
}

/* DataTables
---------------------------------------------------------------------- */
.datatables-btn-pdf .dt-buttons{float:right !important;}
.table-responsive {border:none;}
.dataTables_wrapper .dataTables_length{text-align:left;}
.dataTables_wrapper .dataTables_filter{text-align:right;}
.dataTables_wrapper .dataTables_info{text-align:left;}
.dataTables_wrapper .dataTables_paginate{text-align:right;}

/* tableID 「件数表示」「検索」 スマホ時 中央→左右に配置 */
.dataTables_wrapper .dataTables_length {float:left  !important;}
.dataTables_wrapper .dataTables_filter {float:right !important; margin-top:0 !important;}
.dataTables_wrapper label {margin-bottom:0.5em;}
.dataTables_wrapper .dataTables_length select {padding:5px;}


/* css_table
---------------------------------------------------------------------- */
.css_table th {
	border-bottom	:none !important;
	color		:#411b31;
	background	:#e1ecff;
	/*vertical-align	:top !important;*/
}
.css_table label {
	font-weight	:normal;
}

.css_table th.br {
	border-right	:1px solid #fff;
}
.css_table td.br {
	border-right	:1px solid #ccc;
}
.css_table td.bb {
	border-bottom	:1px solid orange;
}

.css_table th{
	vertical-align	:bottom !important;
	padding:10px !important;
}
.css_table td{
	vertical-align	:bottom !important;
	padding:10px !important;
}


/* スマホ表示時に横スクロール */
.css_table table{
width:100%;
}
.css_table{
overflow: auto;				/*tableをスクロールさせる*/
white-space: nowrap;			/*tableのセル内にある文字の折り返しを禁止*/
}
.css_table::-webkit-scrollbar{		/*tableにスクロールバーを追加*/
 height: 5px;
}
.css_table::-webkit-scrollbar-track{	/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.css_table::-webkit-scrollbar-thumb {	/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}



/*-------------------------------------------------------------------------------- modal **/
/* target
---------------------------------------------------------------------- */
.target li {
	list-style:none;
}



/*-------------------------------------------------------------------------------- menu.php **/
/* mainmenu
---------------------------------------------------------------------- */
.mainmenu ul {
	list-style:none;
	margin:15px;
	padding:0;
}
.mainmenu li {
	margin:15px;
	margin:20px;
}

.infobox {
	background-color:#e1ecff;
	padding:5px;display:_none;
	font-size:0.9em;
}

/*-------------------------------------------------------------------------------- work.php **/
/* 科目 */
.form-control.irisuu{
	font-size	:0.75em;
	padding		:0;
	height		:21px;
	width		:auto;
}

/*-------------------------------------------------------------------------------- work_detail.php **/
/* 品名 */
.form-control.xitem{
	padding		:3px 6px;
	height		:28px;
}
/* 行メモ */
.form-control.xbikou{
	font-size	:0.75em;
	padding		:3px;
	height		:21px;
	width		:12em;
}
/* 請求 */
.form-control.xinvoice{
	font-size	:0.75em;
	padding		:3px;
	height		:21px;
	width		:8em;
}


/*-------------------------------------------------------------------------------- user.php **/
/* filter
---------------------------------------------------------------------- */
.filter label {
	font-weight	:normal;
}
.filter {
	background-color:#eee;
	padding		:3px;
	margin-bottom	:5px;
}

.sort_orange  {color: #ff9f11}
.sort_orange2 {color: #fe4400}



/*------------------------------------------------------------------------------------------------ **/
/*                                                                                 for smart phone **/
/*------------------------------------------------------------------------------------------------ **/

@media (max-width: 767px){

	body {
		font-size	:1.2rem;
	}

	h1 {
		font-size	:1.9rem;
	}

	h2 {
		font-size	:1.7rem;
	}

	h3 {
		font-size	:1.5rem;
	}
	.form-control {
		font-size	:1.2rem;
	}
	.btn-lg {
		font-size	:1.5rem;
	}
	.copyright {
		font-size	:1.0rem;
	}

	.panel{
        width: 320px;
        margin: 0 auto;
        margin-bottom: 20px;
	}

	/* テーブル余白 */
	.css_table th, .css_table  td {
		padding:	2px !important;
	}

	/* モーダル余白 */
	.modaal-content-container{
		padding:	10px;
	}
	.modaal-inner-wrapper{
		padding:	60px 10px;
	}

}


	/*-------------------------------------------------------------------------------- work_detail.php **/
	/* 行メモ */
	.form-control.xbikou{
		width		:8em;
	}

	/* テーブル余白 */
	.table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th {
		padding:	2px;
	}

    .form-inline .form-group{
        display: inline-block !important;
    }

    label{
        display: inline-block !important;
    }
    select{
        display: inline-block !important;
    }



   	/* footer menuのトータル幅を調整 */
    #footer .navbar-nav{
		width: 340px;
	}

	/* メニュー幅を小さく*/
	#footer .navbar-nav>li{
		width: 60px;
		font-size	:1.0rem;
	}

	.carousel-caption > h3{
		visibility: hidden;
	}

	.carousel-caption > p{
		visibility: hidden;
	}

    #backtotop {
	bottom		:10px;
	right		:10px;
	font-size	:0.8rem;
    }





}


/* 印刷非表示
---------------------------------------------------------------------- */
@media print {

	body	      {background:none;}
	.navbar       {display:none;}
	.navbar-right {display:none;}
	.submenu      {display:none;}
	.navbar-toggle{display:none;}
	.filter       {display:none;}
	.footer       {display:none;}
	.backtotop    {display:none;}
}



/*-------------------------------------------------------------------------------- for Bootstrap3 **/
/* https://jsfiddle.net/ssuryar/x47bca1u/ */

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0!immortant;margin-right:0!immortant; }
.my-0 { margin-top:0!immortant;margin-bottom:0!immortant; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!immortant;margin-right:.25rem!immortant; }
.my-1 { margin-top:.25rem!immortant;margin-bottom:.25rem!immortant; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!immortant;margin-left:.5rem!immortant; }
.my-2 { margin-top:.5rem!immortant;margin-bottom:.5rem!immortant; }`

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!immortant;margin-left:1rem!immortant; }
.my-3 { margin-bottom:1rem!immortant;margin-top:1rem!immortant; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!immortant;margin-left:1.5rem!immortant; }
.my-4 { margin-top:1.5rem!immortant;margin-bottom:1.5rem!immortant; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!immortant;margin-left:3rem!immortant; }
.my-5 { margin-top:3rem!immortant;margin-bottom:3rem!immortant; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }								
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }			
.pr-1 { padding-right:.25rem!important; }						
.pb-1 { padding-bottom:.25rem!important; }		
.pl-1 { padding-left:.25rem!important; }							
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }												
.pr-2 { padding-right:.5rem!important; }								
.pb-2 { padding-bottom:.5rem!important; }				
.pl-2 { padding-left:.5rem!important; }												
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }								
.pr-3 { padding-right:1rem!important; }				
.pb-3 { padding-bottom:1rem!important; }				
.pl-3 { padding-left:1rem!important; }								
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }								
.pr-4 { padding-right:1.5rem!important; }				
.pb-4 { padding-bottom:1.5rem!important; }				
.pl-4 { padding-left:1.5rem!important; }								
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }	
.pr-5 { padding-right:3rem!important; }	
.pb-5 { padding-bottom:3rem!important; }	
.pl-5 { padding-left:3rem!important; }	
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }