@charset "utf-8";
/* ====================Initialization==================== */
html{margin:0;padding:0;width:100%;height:100%;font-size:62.5%;cursor:default;}
body{
width:100%;
/*height:100%;*/
margin:0;
padding:0;
background: #f7f7f7;/* ?x?[?X?w?i?F */
color:#333;/* ?x?[?X?????F */
font-family:'?q???M?m?p?S Pro W3','Hiragino Kaku Gothic Pro','???C???I',Meiryo,sans-serif;/* ?x?[?X?t?H???g */
font-size:16px;font-size:1.6rem;/* ?x?[?X?t?H???g?T?C?Y */
-webkit-text-size-adjust:none;
}
ul, ol{list-style:none;padding: 0;margin: 0;}
table{font-size:100%;}
figure{margin:0;}
img{vertical-align:middle;border:0;}
input,textarea,button{
border:none;
padding:0;
margin:0;
background:transparent;
font-size:16px;font-size:1.6rem;
/*-webkit-appearance:none;*/
}
select{
/*padding:5px 0;*/
font-size:16px;font-size:1.6rem;
}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,
header,footer,article,section,nav,div,p,figure,aside,
table,th,td,input,textarea,a{
padding: 0;margin: 0;}
/* For modern browsers */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
zoom:1;
}
/* ====================  ???ﾊ  ==================== */
a{
outline: none;
}
img{
width: auto;
max-width: 100%;
height: auto;
}
.btn {
display: inline-block;
/*width: 260px;*/
padding:10px 0;
text-align: center;
text-decoration: none;
outline: none;
}
.btn {
color: #fff;
border-radius:8px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#153884+0,16116d+100 */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#153884', endColorstr='#16116d',GradientType=0 ); /* IE6-9 */
}
.pickTx{
color:#ffe200;
margin-right: 5px;
}

.nType{
width: 120px;
border-radius:3px;
border:#ccc 1px solid;
background: #fff;
padding: 6px 12px;;
}
.nType2{
border-radius:3px;
border:#ccc 1px solid;
background: #FFF;
height: 24px;
margin-left: 8px;
}

.linkBox{
display: inline-block;
width: 100%;
text-align: center;
padding-top: 10px;
}
.mb20{
margin-bottom: 20px;
}
#loginBox,
#loginBoxInner{
	width: 240px;
	margin: 0 auto;
}
.loginErrorMessage{
	font-weight: bold;
}
.unitInput{
width: 240px;
border-radius:3px;
border:#ccc 1px solid;
background: #fff;
padding: 6px 12px;;
}
/* ----------???・--------- */
.searchArea{
margin: 20px auto;
text-align: center;
}
.smlTx{
font-size: 12px;
}
.cautionTx{
color:#ff0000;
margin:8px 0;
}
.searchBtn{
cursor:pointer;
border: #ccc 1px solid;
border-radius:8px;
padding: 4px 8px;
font-size:12px;
color:#006400;
}
/* ----------?t???繒・ﾄ?焉@?ԍ????・--------- */
.infoSearch{
margin: 0 10px 10px;
text-align: left;
}
.reserveBtn{
display: inline-block;
font-size: 12px;
background: navy;
color:#fff;
padding: 5px;
text-align: center;
border-radius:5px;
margin-left: 5px;
float:right;
}

/* ====================  ?y?[?W???C?A?E?g  ==================== */
.pageFrame{
width: 100%;
margin:0 auto;
text-align: center;
padding:0;
}
.pageFrame.menu{
padding-top: 100px;
}

/* ----------header---------- */
.head{
padding:10px;
background: #ffe200;
-webkit-box-shadow: 0 0 1px #fff;
        box-shadow: 0 0 1px #fff;
}
.pageFrame.login .head,
.pageFrame.config .head{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background: #00b050;
}
.headTx{
font-weight: normal;
font-size:2.4rem;
color:#333;
}
.headLeft{
width: 100%;
text-align: left;
}
.headRight{
width: 100%;
text-align: right;
}
.pageFrame.login .headTx,
.pageFrame.config .headTx{
width: 100%;
color:#fff;
}
.headTx2{
font-size: 1.8rem;
font-weight: normal;
margin-bottom: 20px;
}
.headTx3{
font-size:2.4rem;
margin-bottom: 25px;
color:#16116D;
}
/* PC/スマホ共通 */
.btn-default{
	background: linear-gradient(to bottom, #fff, #eee);
	border: 1px solid #666;
	color: #000;
	text-shadow: none!important;
}
.btn-default:active{
	background: linear-gradient(to bottom, #eee, #fff)!important;
}
.btn-default:hover{
	box-shadow: 0px 1px 5px rgba(0,0,0,0.5);
}
/* ----------section---------- */
.secArea,
.wideArea{
padding: 40px 0 0;
text-align: center;
}
.btnBox{
display: block;
margin:0 auto;
}
.subTx{
display: block;
font-size: 1.2rem;
}
.guideTx{
font-size:1.2rem;
text-align: left;
color:#333;
width: 83%;
margin: 0 auto;
}
.detailTx{
font-size:1.2rem;
text-align: left;
color:#333;
width: 83%;
margin: 0 auto;

padding-left:1em;
text-indent:-1em;
}
.detailTx dt{
margin-bottom: 5px;
}
.detailTx dd,
.detailTx li{
margin-bottom: 5px;
}

/* ---------- 共通 ----------- */
input,select,textarea{
	cursor: pointer;
}
a:active,button:active,input:active,select:active,textarea:active,
a:focus,button:focus,input:focus,select:focus,textarea:focus{
	outline: none;
}
input[disabled],select[disabled],textarea[disabled],
input[readonly],select[readonly],textarea[readonly]{
	background: #ddd;
	cursor: not-allowed;
}
input[type="checkbox"]+label,
input[type="radio"]+label{
	cursor: pointer;
}
.confLabel{
	padding-bottom: 7px;
}
.btn-left{
	float: left;
}
.btn-right{
	float: right;
}
table.cnfTable td{
	vertical-align: middle;
}
#footer{
	padding: 40px 0 40px;
	color: #999;
	line-height: 1.6em;
	font-size: 1.4rem;
}
.modal-footer ul li button{
	padding: 6px 12px;
	font-size: 16px;
}
.pageAction{
	border-top: 1px solid #ccc;
	width: 100%;
	padding-top: 20px;
}
.innerSetting{
	padding-left: 40px;
}
.settingTable{
	width: 100%;
}
.settingLabel{
	width: 200px;
	text-align: left;
}
.settingValue{
	padding-bottom: 20px;
	text-align: left;
}
.reserveSelect{
	padding-bottom: 20px;
	text-align: left;
}
.reserveSelect label{
	width: 190px;
	text-align: left;
}


/* ---------- 個別 ----------- */
.rightBox01{
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 10px;
	float: right;
}
.dayRow{
	background: #00b050;
	border: 1px solid #00b050;
	color: #fff;
}
.filter{
	width: 410px;
	padding-top: 5px;
}
.jobSetting_settingValue{
	padding-bottom: 8px;
	text-align: left;
}
/* ----------?e?[?u???f?t?H???g---------- */
.defTable{
background: #fff;
border-bottom:1px solid #ccc;
border-collapse:collapse;
width: 100%;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
margin-bottom: 10px;
}
.defTable th{
padding:4px 8px;
color:#333;
font-weight: normal;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4e4ef+0,86aecc+100;Grey+Gloss */
background: #ddd; /* Old browsers */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
}
/* 2019/12/20 DD.MURATA CHG START */
/* .defTable tr{ */
.defTable tr:not(.total){
/* 2019/12/20 DD.MURATA CHG END */
cursor:pointer;
}
/* 2019/12/20 DD.MURATA CHG START */
/* .defTable tr:nth-child(even) td{ */
.defTable tr:not(.total):nth-child(even) td{
/* 2019/12/20 DD.MURATA CHG END */
background: #f7f7f7;
}
/* 2019/12/20 DD.MURATA CHG START */
/* .defTable.tableLink tr:hover td{ */
.defTable.tableLink tr:not(.total):hover td{
/* 2019/12/20 DD.MURATA CHG END */
color:#000;
background:#ffe200;
}
.defTable td{
text-align: left;
padding:8px;
border-bottom:1px solid #eee;
font-size: 1.2rem;
text-decoration: none;
}
/* 2019/12/20 DD.MURATA ADD START */
.defTable tr.total td{
text-align: left;
padding:4px;
border-bottom:1px solid #eee;
font-size: 1.4rem;
text-decoration: none;
}
/* 2019/12/20 DD.MURATA ADD END */
.defTable .cel2{
width: 30%;
text-align: center;
}
/* ?ڍ׃{?^?? */
.defTable.info2 td{
text-decoration: none;
padding: 8px;
}
.defTable.info2 .cel1{
width: 20%;
}
.defTable.info2 .cel2{
width: 30%;
text-align: center;
}
.detailBtn{
display: inline-block;
font-size: 1rem;
background: #666;
color:#fff;
padding: 5px;
text-align: center;
border-radius:5px;
margin-left: 5px;
}
/* ?訷・??・*/
.defTable.info3 td{
text-decoration: none;
}

/* ----------btnArea---------- */
.btnArea{
text-align: left;
padding:0 10px;
margin-top:20px;
letter-spacing: -.40em; /* ?????Ԃl?߂Č??Ԃ・????・*/
}
.btnArea li{
text-align: center;
display: inline-block;
vertical-align: middle;
letter-spacing: normal;
margin: 5px;
}
.btnArea li a{
display: block;
width: 90px;
padding:10px;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;

text-decoration: none;
border-radius:8px;
border:#16116D 1px solid;
color:#16116D;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.col2{
width: 90%;
margin: 0 auto;
letter-spacing: -.4em;
}
.col2 li{
width: 48%;
display: inline-block;
letter-spacing: normal;
}
.col2 li:first-child{
margin-right: 2%;
}
.col2 .confBtn{
width: 100%;
font-size: 12px;
}
/* ----------?\???҂????ﾔ---------- */
.waitTime{
padding:0 10px;
text-align:left;
color:#333;
font-weight: normal;
font-size:1.2rem;
margin-bottom: 10px;
}

/* ----------conf?G???A---------- */
.confBox{
text-align: left;
width: 100%;
margin: 0 auto 20px;
}
.confBox p{
	padding-bottom: 7px;
}
.confBoxTl{
padding-bottom: 7px;
}
.confTxt{
width: 100%;
background: #fff;
border:#ccc 1px solid;
padding: 6px 10px;
}
.confTxtw300{
width: 300px;
background: #fff;
border:#ccc 1px solid;
padding: 6px 10px;
}
.confTxa{
width: 100%;
min-height: 100px;
background: #fff;
border:#ccc 1px solid;
padding: 10px 10px;
}
.confBtn{
cursor:pointer;
background: #c0c0c0;
border: #ccc 1px solid;
border-radius:8px;
padding: 15px;
color:#006400;
width: 80%;
margin: 0 auto 20px;
}
.offBtn{
width: 100%;
margin-bottom: 20px;
}
.actBtn{
background: linear-gradient(to bottom, #00b050, #00873d);
border: #00682f 1px solid;
color:#fff;
width: 100%;
margin: 0 auto 20px;
}
.allBtn{
cursor:pointer;
border: #ccc 1px solid;
border-radius:8px;
padding: 5px;
color:#006400;
width: 80px;
margin: 0 auto 10px;
font-size: 12px;
}

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.withColor{
	border-radius: 3px 3px 0 0!important;
}
.colorSet{
	border: 1px solid #ccc;
	border-top: none;
	padding: 9px;
	border-radius: 0 0 3px 3px;
	background-color: #eee;
	height:55px;
}
.color-input{
	width: 100px;
	background-color: #fff;
	border:#ccc 1px solid;
	padding: 6px 10px;
	display: block;
    float: left;
}
.color-selected{
	border: #fff;
	font-size: 2.4rem;
	vertical-align: middle;
	margin-right: 20px;
}
.confTxtSS{
	width: 45px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px 10px;
}
.confTxtS{
	width: 100px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px 10px;
}

@media screen and (min-width:768px){

.pageFrame{
width: 100%;
max-width: 960px;
height: 100%;
}
.btnBox{
/*max-width:600px;*/
margin: 0 auto;
}
.btnBox .btn:frist-child{
margin-left:0;
}
.secArea{
max-width: 730px;
margin: 0 auto;
}
.wideArea{
	max-width: 960px;
	margin: 0 auto;
}
.topMenu{
	max-width: 730px;
}
.detailTx,
.guideTx{
width:300px;
margin: 0 auto;
}
.tempo-expression {
	max-width: 810px;
}

/* 2019/12/20 DD.MURATA ADD START */
.cnfTable{
	width: 730px;
	border: solid 1px #ccc;
	border-collapse: collapse;
}
.cnfTable td, .cnfTable th{
	border: solid 1px #ccc;
	border-collapse: collapse;
}
.cnfTable th{
	padding:8px 4px;
	text-align:center;
	vertical-align: middle;
	font-weight: normal;
	font-size:1.6rem;
	cursor: default;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4e4ef+0,86aecc+100;Grey+Gloss */
	background: #ddd; /* Old browsers */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 ); /* IE6-9 */
}
.cnfTable tr:nth-child(odd){
	background: #fff;
}
.cnfTable tr:nth-child(even){
	background: #f7f7f7;
}
.tableLink tr:hover{
	background: #ffe200;
	cursor: pointer;
}
.cnfTable td{
	padding:8px 4px;
	text-align:left;
	font-weight: normal;
	font-size:1.6rem;
}
.inputTable td{
	padding: 4px 4px;
}
.attentionTx{
	margin: 20px 0;
	width: 100%;
	text-align: right;
}
/* 2019/12/20 DD.MURATA ADD END */

}

.wideTable{
	width: 960px;
}

.withColor{
	border-radius: 3px 3px 0 0!important;
}

.modal-header,
.modal-content,
.modal-footer{
	padding: 1rem;
}


.simpleColorContainer {
	float:left;
}
.simpleColorDisplay {
	float:left;
    width: 40px !important;
    height: 38px !important;
    border: #ccc 1px solid !important;
    border-radius: 3px !important;
    margin-left: 5px;
}

.color-label {
	float:left;
	padding: 10px 10px;
}

.color-label-margin {
	margin-left:40px;
}

.simpleColorChooser {
	left: 45px !important;
	z-index: 1;
}

/* 2022/10/12 FUJIKIN ADD START */

/* PCで電話番号リンクを無効に */
@media screen and (min-width: 768px) {
    a[href*="tel:"] {
    	pointer-events: none;
        color: #333333;
    }
}

@media screen and (max-width: 767px) {
	.headTx{
	    font-size: 19.2px;
	    font-weight: normal;
	    width: 100%;
	  	white-space: nowrap;
	}
}

.underline {
	font-weight: bold;
}

.pnumInput{
	width: 165px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px 10px;
}


.headSubTx {
    margin-bottom: 2.4em;
}
/* 2022/10/12 FUJIKIN  ADD END */