@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Varela+Round');
*{font-family: 'Varela Round', sans-serif;font-weight: normal}
/**********************************************************
 共通
 *********************************************************/
 .bg_lightgray{background: rgba(108,117,125,.5);}
 .word_break_word{word-break: break-word;}
main{padding: 60px 0 2rem;min-height: 100vh;overflow: hidden;}
/* 入力必須 */
.required{position: relative;}
.required:after{position: absolute;content: '(必須)';font-size: .8em;color: red;right: 1em;}
table.template_table thead,table.template_table tbody td {font-size: .8rem;text-decoration: none}
table.template_table *:not(a) {text-decoration: none}
table.template_table .btn{border-radius: 0;}
.table-responsive .table thead th{white-space: nowrap;}
.template_table .form-switch input{height: 1.5em;width: 3.0em;margin-left: -0.75em;}
#regist_modal button{border-radius: 0;}
#search_area *{text-decoration: none;font-size: .7rem;}
.btn_icon{border: none;background: transparent;}
/**********************************************************
 パンくずリスト
 *********************************************************/
.breadcrumbs{position: relative;margin-bottom: 1rem;}
.breadcrumbs:before{
    position: absolute;
    content: "";
    margin: 0 -500%;
    padding: 0 500%;
    background: rgba(192,192,192,.7);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.breadcrumb{margin-bottom: 0}
/**********************************************************
 ページTOP・BOTTOM
 *********************************************************/
#page_move{width: 50px;height: 100px;position: fixed;right: 1em;bottom: 1em;background: #ef3f40;opacity: .8;}
#page_move a{position: relative;display: block;width: 50px;height: 50px;text-decoration: none;}
#page_move a:first-child{border-bottom: 1px solid #fff;}
#page_move a:first-child:before{content: '▲';}
#page_move a:last-child:before{content: '▼';}
#page_move a:before{font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 30px;color: #fff;position: absolute;width: 30px;height: 30px;top: -15px;bottom: 0;right: 0;left: 0;margin: auto;text-align: center;}
#back_btn{position: fixed;bottom: 1em;left: 1em;}

/**********************************************************
 Overlay
 *********************************************************/
#panel_loding{
	display: none;
	background: rgba(0,0,0,.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: white;
}
/**********************************************************
 サイドメニュー
 *********************************************************/
#sideBar_wrap {width: 100%;
    max-width: 100%;
    box-shadow: none;
    background-color: #31353D;
    position: fixed;
    height: 60px!important;
    overflow: hidden;
    z-index: 10;
}
#sideBar_wrap .sideBar_other{padding-left: 55px;
    height: 100%;
}
#sidebarMenu {height: 100%;
    position: fixed;
left: 0;
width: 250px;
transform: translateX(-250px);transition: transform 250ms ease-in-out;background-color: #31353D;}
.sidebarMenuInner{margin:0;padding:0;border-top: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner .fas{margin-right: .5em;}
.sidebarMenuInner li{list-style: none;color: #fff;text-transform: uppercase;padding: 10px 20px;cursor: pointer;border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.sidebarMenuInner li span{display: block;font-size: 14px;color: rgba(255, 255, 255, 0.50);}
.sidebarMenuInner li a{color: #fff;text-transform: uppercase;cursor: pointer;text-decoration: none;}
#sideBar_wrap input[type="checkbox"]:checked ~ #sidebarMenu {transform: translateX(0);}
#sideBar_wrap input[type=checkbox] {transition: all 0.3s;box-sizing: border-box;display: none;}
#sideBar_wrap .sidebarIconToggle {transition: all 0.3s;box-sizing: border-box;cursor: pointer;position: absolute;z-index: 99;height: 100%;width: 100%;top: 22px;left: 15px;height: 22px;width: 22px;}
#sideBar_wrap .spinner {transition: all 0.3s;box-sizing: border-box;position: absolute;height: 3px;width: 100%;background-color: #fff;}
#sideBar_wrap .horizontal {transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;}
#sideBar_wrap .diagonal.part-1 {position: relative;transition: all 0.3s;box-sizing: border-box;float: left;}
#sideBar_wrap .diagonal.part-2 {transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;}
#sideBar_wrap input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {transition: all 0.3s;box-sizing: border-box;opacity: 0;}
#sideBar_wrap input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {transition: all 0.3s;box-sizing: border-box;transform: rotate(135deg);margin-top: 8px;}
#sideBar_wrap input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {transition: all 0.3s;box-sizing: border-box;transform: rotate(-135deg);margin-top: -9px;}
#sideBar_wrap *:not(.fas):not(.spinner){background-color: #31353D!important;color: #fff!important}
#sideBar_wrap img{width: 48px;}
#sideBar_wrap .accordion-collapse .list-group a{padding-left: 2.5rem;}
#sideBar_wrap .accordion-button::after{background-image: url(/assets/images/accordion_arrow.svg);}
#sideBar_wrap .accordion-button:focus {border-color: #4169e1;box-shadow: 0 0 0 0.25rem rgb(65 105 225 / 25%);}
/**********************************************************
 ページネーション
 *********************************************************/
.pagination-lg .page-link{padding: .375rem .75rem;font-size: 1rem;}
.page-link.pg_active{color: #6c757d}
/**********************************************************
 TOP(INDEX)
 *********************************************************/
.signage_wrap{
    background: rgba(255,182,193,.4);/*rgba(255,165,0,.4);*/
    box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
    padding: 1.25rem 2.5rem;
    border-radius: 5px;
    margin: .75rem;
    width: 13rem;
}
.signage_table_index * {font-size: .8rem;text-decoration: none}
.signage_table_index th,.signage_table_index td{padding: 1.25rem .5rem;}
.signage_icon{font-size: 1.75rem;}


.signage_wrap i:hover{opacity: .6;}
.signage_update{min-height: 10rem;}
.signage_update > *{font-size: .75em;}



/**********************************************************
 SP用メニュー
 *********************************************************/
@media only screen and (max-width: 768px){
    .pc_on{display: none;}
    .sp_on{display: inline;}
    .sideBar_other{padding-right: 1em;}
    .slide_item > div:first-child{}
    .slide_item > div:nth-child(2){}
    .slide_item > div:last-child{}
}
/**********************************************************
 PC用メニュー
 *********************************************************/
@media only screen and (min-width: 768px){
    .pc_on{display: inline;}
    .sp_on{display: none;}
    .sideBar_other{padding-right: 55px;}
    .slide_item > div:first-child{width: 350px}
    .slide_item > div:nth-child(2){width: 450px;}
    .slide_item > div:last-child{width: 325px;height: 150px;}
    .slide_item > div:last-child img{height: 150px;}

}