body{font-family: 'Noto Sans JP', sans-serif;}
.showtoast{display: none;}
.none{display: none;}

.with100scroll{width:100%;overflow-x:scroll;}
.width2000{width:2000px;}

.width1000{width:1000px;}
.width1500{width:1500px;}
#map_canvas{width:100%;height:300px;margin:0 0 20px 0;}
.w25{width:25px;}
.w50{width:50px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w130{width:130px;}
.w150{width:150px;}
.w160{width:160px;}
.w170{width:170px;}
.w180{width:180px;}
.w200{width:200px;}
.w230{width:230px;}
.w270{width:270px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}
.w50p{width:50%;}
.max-w200{width:200px;}
.max-w300{width:300px;}

.min-w200{min-width:200px;}
.min-w300{min-width:300px;}

.w100p{width:100%;}
.w40p{width:40%;}
.w60p{width:60%;}
.w80p{width:80%;}
.w90p{width:90%;}
.w95p{width:95%;}


.h200{height:200px;}

.widthMax2000{max-width:50000px;}
.heightscroll{overflow-y:scroll;}

.flR{float:right !important;}
.flL{float:left !important;}

.fwB{font-weight:bold;}
.fsL{font-size:120%;}
.fsS{font-size:70%;}
.fwN{font-weight:normal;}

.m5{margin:5px;}
.m10{margin:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mr20{margin-right:20px;}
.mr50{margin-right:50px;}
.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p0-10{padding:0px 10px !important;}
.p6-10{padding:6px 10px !important;}
.p8-20{padding:8px 20px !important;}
.noPadding{padding:0 !important;}
.noMargin{margin:0 !important;}
.listPhoto{width:100px;height:100px;border:1px solid #DDDDDD;background:#f8f8f8;margin:auto;vertical-align: middle;position: relative;}
.listPhoto img{max-width:100%;max-height:100%;margin:auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.detailPhoto{width:100%;height:120px;border:1px solid #DDDDDD;background:#f8f8f8;margin:auto;vertical-align: middle;position: relative;}
.detailPhoto img{max-width:100%;max-height:100%;margin:auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.bukkenPhoto p{height:40px;overflow: hidden;}
.bukkenPhoto a{display: block;margin:0 0 10px 0;}
.price{font-size:16px;font-weight:bold;color:#E9573F;}
.priceUnit{font-weight:bold;}

.label{padding:5px 10px;}

.bgDefault{background:#F6F8F9;}
.bgWhite{background:#FFFFFF;}
.bgLine{background:#EEEEEE;}

.block{display:block;}
.text-black{color:#555555;}



#submit-popup .mfp-close{display:none !important;}
#del-popup .mfp-close{display:none !important;}
.photodelete {
    position: absolute;
    top: 2px;
    right: 16px;
    background: #E9573F;
    padding: 1px 6px;
    border-radius: 50%;
    color: #FFFFFF;
    border: 2px solid #FFFFFF;
}
.photodelete:hover {
    background: #D8482C;
    color: #FFFFFF;
    border: 2px solid #D8482C;
}

.panelTabRightActive{background: #FFFFFF;color:#555555;border-radius:5px;padding:0px 10px 0 20px;margin:5px 20px 0 0;}
.panelTabRightActive span{padding:5px 10px !important;}

img{max-width:100%;}
p,span,div,a,h1,h2,h3,h4,h5,h6{word-break: break-all;}

.tableLaioutFix{
    table-layout: fixed;
}

.ellipsis {
  max-width:100%;
  overflow: hidden;
}
.ellipsis p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin:0;
}

.modal-open {
    overflow: auto !important;
}

.modal {
    position: fixed;
    top: 0%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1050;
    display: none;
    width: 50%;
    height: auto;
    overflow: hidden;
    outline: 0;
}
.modal-backdrop {display:none !important;}

.nowrap{white-space: nowrap;}

.countBox{border:1px solid #BBBBBB;padding:10px; margin:0 0 10px 0;background:#FFFFFF;}

.dBorder{border:1px solid #DDDDDD;}

.photoadd{position: relative;width:100%;height:100px;overflow: hidden;border:1px solid #EEEEEE;}
.photoadd img{position: absolute;width:100%;top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);}
.photodelbtn{position: absolute;top:3px;right:3px;display: block;color:#E9573F;background:#FFFFFF;border-radius: 20px;padding:0;width:13px;height:13px;line-height: 13px;text-align: center;font-size:16px;}


.table-fixed{table-layout: fixed;}

.photoBox{width:100%;height:100px;overflow: hidden;position: relative;}
.photoBox img{position: absolute;top:0;bottom:0;left:auto;right:auto;margin: auto;}
.photoBox .delPhotoBtn{position: absolute;top:3px;right:3px;padding:0px 0px;width:24px;border-radius:15px;border:2px solid #FFFFFF;text-align: center;}


.photoListBox{width:100%;height:50px;overflow: hidden;position: relative;}
.photoListBox img{position: absolute;top:0;bottom:0;left:auto;right:auto;margin: auto;}

.bg-none{background:none;}
.border-none{border:none;}



.showtoast{display: none;}
.section{padding: 0px 0;}
ul{padding:0;}
ul li{list-style: none;}
img{max-width:100%;}
.bbDotted{border-bottom:1px dotted #CCCCCC;}


/*clear*/
.cl {display: block; min-height: 1%;}
.cl:after {	clear: both;content:".";display: block;	height: 0;visibility: hidden;}
* html .cl {height: 1%;	/*\*//*/height: auto;overflow: hidden;/**/}
.clears {display:block; clear:both; height:0px; overflow:hidden; padding:0;	margin:0; border:0px;}


.flR{float:right;}
.flL{float:left;}
.flN{float:none;}

.fs8{font-size: 8px !important;}
.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs24{font-size: 24px;}
.maincolor{color:#FF9326;}
.text-black{color:#555555 !important;}
.text-blue{color:#3eafdb !important;}
.text-orange{color:#FF9326 !important;}
.text-white{color:#FFFFFF !important;}

.m0{margin:0 !important;}
.mb0{margin-bottom:0 !important;}
.m0auto{margin:0 auto;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mauto{margin:auto;}

.mlr-15{margin-left:-15px;margin-right:-15px;}

.mt5{margin-top:5px;}
.mt7{margin-top:7px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt50{margin-top:50px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}



.noPadding{padding:0 !important;}
.noMargin{margin:0 !important;}

.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.p2-0{padding:2px 0;}
.p8-0{padding:8px 0;}
.p10-0{padding:10px 0;}
.p20-0{padding:20px 0;}
.p20-10{padding:20px 10px;}
.p020{padding:0 20px;}
.p030{padding:0 30px;}
.p1020{padding:10px 20px;}
.p1030{padding:10px 30px;}

.pt20{padding-top:20px !important;}
.pl5{padding-left:5px;}
.pr5{padding-right:5px;}


.w30P{width:30%;}
.w33P{width:33%;}
.w50P{width:50%;}
.w60P{width:60%;}
.w70P{width:70%;}
.w100P{width:100%;}

.w10{width:10px;}
.w20{width:20px;}
.w30{width:30px;}
.w80{width:80px;}
.w100{width:100px;}
.w120{width:120px;}
.w150{width:150px;}
.w200{width:200px;}
.w280{width:280px;}
.w400{width:400px;}
.w3000{width:3000px;}

.dispBlock{display: block;}
.dispInlineBlock{display: inline-block !important;}

.h40{height:40px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.h280{height:280px;}
.h300{height:300px;}


@font-face {
    font-family: 'icomoon';
    src:  url('../../../front/assets/fonts/icomoon.eot?6vzoxl');
    src:  url('../../../front/assets/fonts/icomoon.eot?6vzoxl#iefix') format('embedded-opentype'),
        url('../../../front/assets/fonts/icomoon.ttf?6vzoxl') format('truetype'),
        url('../../../front/assets/fonts/icomoon.woff?6vzoxl') format('woff'),
        url('../../../front/assets/fonts/icomoon.svg?6vzoxl#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="fa-i-"], [class*=" fa-i-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-i-feedly:before {
    content: "\e900";
}
.fa-i-hatebu:before {
    content: "\e901";
}
.fa-i-line:before {
    content: "\e902";
}
.fa-i-pocket:before {
    content: "\e903";
}
.snsIcon{display: inline-block;background:#000000;border-radius: 23px;width:23px;height:23px;line-height: 22px;padding-top:2px;text-align: center;font-size:14px;color:#FFF;}

.sns-instagram{background:#D93177 !important;}
.sns-twitter{background:#55acee !important;}
.sns-facebook{background:#3B5998 !important;}
.sns-pocket{background:#ee4256 !important;}
.sns-line{background:#00b900 !important;}
.sns-hp{background:#ff6d6d !important;}


.bgF{background:#FFF;color:#000000;}
.bgF-5{background:rgb(255,255,255,0.5);color:#000000;}
.bgF-6{background:rgb(255,255,255,0.6);color:#000000;}
.bgF-7{background:rgb(255,255,255,0.7);color:#000000;}
.bgF-8{background:rgb(255,255,255,0.8);color:#000000;}
.bgF-9{background:rgb(255,255,255,0.9);color:#000000;}

.bgE{background:#EEE;color:#000000;}
.bgD{background:#DDD;color:#000000;}
.bgC{background:#CCC;color:#000000;}
.bgB{background:#BBB;color:#000000;}
.bgA{background:#AAA;color:#000000;}
.bg9{background:#999;color:#000000;}
.bg8{background:#888;color:#000000;}
.bg7{background:#777;color:#FFFFFF;}
.bg6{background:#666;color:#FFFFFF;}
.bg5{background:#555;color:#FFFFFF;}
.bg4{background:#444;color:#FFFFFF;}
.bg3{background:#333;color:#FFFFFF;}
.bg2{background:#222;color:#FFFFFF;}
.bg1{background:#111;color:#FFFFFF;}
.bg0{background:#000;color:#FFFFFF;}

.bgRed{background:#FF4D4D;color:#FFFFFF;}
.bgPink{background:#FFBFBF;color:#000000;}
.bgYellow{background:#FFE599;color:#000000;}
.bgBlue{background:#D7FBFF;color:#000000;}

.color0{color:#000 !important;}
.color1{color:#111 !important;}
.color2{color:#222 !important;}
.color3{color:#333 !important;}
.color4{color:#444 !important;}
.color5{color:#555 !important;}
.color6{color:#666 !important;}
.color7{color:#777 !important;}
.color8{color:#888 !important;}
.color9{color:#999 !important;}
.colorA{color:#AAA !important;}
.colorB{color:#BBB !important;}
.colorC{color:#CCC !important;}
.colorD{color:#DDD !important;}
.colorE{color:#EEE !important;}
.colorF{color:#FFF !important;}

.decorationNone{text-decoration: none !important;}

.pointer{cursor: pointer;}

.bb1{border-bottom:solid 1px #DDD;}
.bb3{border-bottom:solid 3px #888;}


.avatar15{width: 15px;height:15px;}
.avatar20{width: 20px;height:20px;}
.avatar25{width: 25px;height:25px;}
.avatar50{width: 50px;height:50px;}
.avatar60{width: 60px;height:60px;}
.avatar70{width: 70px;height:70px;}
.avatar80{width: 80px;height:80px;}
.avatar90{width: 90px;height:90px;}
.avatar100{width: 100px;height:100px;}
.avatar200{width: 200px;height:200px;}


.lazyloading{
 opacity: 0;
}
.lazyloaded{
  opacity: 1;
  transition: all 1s;
}

.positionRelative{position: relative;}
.positionAbsolute{position: absolute;}
.top0{top:0;}
.left{left:0;}
.bottom0{bottom:0;}
.right0{right:0;}

.table-striped tr td{padding:10px !important;}
.table-striped tr th{padding:10px !important;}

.bredcrumb{margin:8px 0 10px;}
.bredcrumb li{float:left;margin:0 10px 0 0;line-height: 16px;color:#AAA;}
.bredcrumb li img{vertical-align: bottom;}

.pageTitle{color:#AAA;font-size:18px;font-weight:600;margin:5px 0 5px;}

.overhidden{overflow: hidden;}

.calendarTable{table-layout: fixed;}
.calendarTable tr th{border:1px solid #EEE;padding:10px;}  
.calendarTable tr td{border:1px solid #EEE;padding:10px;height:80px;}



.btn-excel {
	background-color: #217447;
	border-color: #217447;
	color: #fff;
}
.btn-excel:hover,
.btn-excel:focus,
.btn-excel:active,
.btn-excel.active,
.open .dropdown-toggle.btn-excel {
	background-color: #165f37;
	border-color: #165f37;
	color: #fff;
}
.btn-excel:active,
.btn-excel.active,
.open .dropdown-toggle.btn-excel {
	background-image: none;
}


.flowTable{width:3600px;}


.flowTable tr td{padding:10px 5px;vertical-align: middle;height:55px;width:60px !important;border-right:1px dotted #EEEEEE;box-sizing: border-box;}
.flowTable tr:nth-child(odd) td{background:#F8F8F8;border-right:1px dotted #FFF;box-sizing: border-box;}
.flowTable tr th{padding:10px 5px;vertical-align: middle;width:60px !important;border-right:1px dotted #EEEEEE;box-sizing: border-box;}

.weeklyTable{width:8000px;}

.weeklyTable tr td{padding:10px 0px 10px 2px;vertical-align: middle;width:60px !important;height:55px;border-right:1px dotted #EEEEEE;box-sizing: border-box;}
.weeklyTable tr:nth-child(odd) td{border-right:1px dotted #EEEEEE;box-sizing: border-box;}
.weeklyTable tr th{padding:10px 10px 10px 2px;vertical-align: middle;border-right:1px dotted #EEEEEE;width:60px !important;text-align:left;box-sizing: border-box;}

.processBtn{position: absolute;top:10px;text-align:left;margin:auto;z-index:10;overflow: hidden;display:block;}
.processBtn2{position:absolute;top:50px;text-align:left;margin:auto;z-index:10;overflow: hidden;display:block;}
.processBtn3{position:absolute;top:90px;text-align:left;margin:auto;z-index:10;overflow: hidden;display:block;}

.process-1{width:calc(100% - 5px);}
.process-2{width:calc(200% - 5px);}
.process-3{width:calc(300% - 5px);}
.process-4{width:calc(400% - 5px);}
.process-5{width:calc(500% - 5px);}
.process-6{width:calc(600% - 5px);}
.process-7{width:calc(700% - 5px);}
.process-8{width:calc(800% - 5px);}
.process-9{width:calc(900% - 5px);}
.process-10{width:calc(1000% - 5px);}
.process-11{width:calc(1100% - 5px);}
.process-12{width:calc(1200% - 5px);}
.process-13{width:calc(1300% - 5px);}
.process-14{width:calc(1400% - 5px);}
.process-15{width:calc(1500% - 5px);}
.process-16{width:calc(1600% - 5px);}
.process-17{width:calc(1700% - 5px);}
.process-18{width:calc(1800% - 5px);}
.process-19{width:calc(1900% - 5px);}
.process-20{width:calc(2000% - 5px);}
.process-21{width:calc(2100% - 5px);}
.process-22{width:calc(2200% - 5px);}
.process-23{width:calc(2300% - 5px);}
.process-24{width:calc(2400% - 5px);}
.process-25{width:calc(2500% - 5px);}
.process-26{width:calc(2600% - 5px);}
.process-27{width:calc(2700% - 5px);}
.process-28{width:calc(2800% - 5px);}
.process-29{width:calc(2900% - 5px);}
.process-30{width:calc(3000% - 5px);}
.process-31{width:calc(3100% - 5px);}
.process-32{width:calc(3200% - 5px);}
.process-33{width:calc(3300% - 5px);}
.process-34{width:calc(3400% - 5px);}
.process-35{width:calc(3500% - 5px);}
.process-36{width:calc(3600% - 5px);}
.process-37{width:calc(3700% - 5px);}
.process-38{width:calc(3800% - 5px);}
.process-39{width:calc(3900% - 5px);}
.process-40{width:calc(4000% - 5px);}
.process-41{width:calc(4100% - 5px);}
.process-42{width:calc(4200% - 5px);}
.process-43{width:calc(4300% - 5px);}
.process-44{width:calc(4400% - 5px);}
.process-45{width:calc(4500% - 5px);}
.process-46{width:calc(4600% - 5px);}
.process-47{width:calc(4700% - 5px);}
.process-48{width:calc(4800% - 5px);}
.process-49{width:calc(4900% - 5px);}
.process-50{width:calc(5000% - 5px);}
.process-51{width:calc(5100% - 5px);}
.process-52{width:calc(5200% - 5px);}
.process-53{width:calc(5300% - 5px);}
.process-54{width:calc(5400% - 5px);}
.process-55{width:calc(5500% - 5px);}
.process-56{width:calc(5600% - 5px);}
.process-57{width:calc(5700% - 5px);}
.process-58{width:calc(5800% - 5px);}
.process-59{width:calc(5900% - 5px);}
.process-60{width:calc(6000% - 5px);}
.process-61{width:calc(6100% - 5px);}
.process-62{width:calc(6200% - 5px);}
.process-63{width:calc(6300% - 5px);}
.process-64{width:calc(6400% - 5px);}
.process-65{width:calc(6500% - 5px);}
.process-66{width:calc(6600% - 5px);}
.process-67{width:calc(6700% - 5px);}
.process-68{width:calc(6800% - 5px);}
.process-69{width:calc(6900% - 5px);}
.process-70{width:calc(7000% - 5px);}

.fixed01{
    position: sticky;
    left: 0;
    z-index:100;
    background:#FFF;
}
.fixed01:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
  }

  .directionTable tr th{border:1px solid #DDD;vertical-align: middle;background-color: #EEE;}
  .directionTable tr td{border:1px solid #DDD;vertical-align: middle;}


  .btn-outline-primary {background: #FFF;}
  .btn-outline-warning {background: #FFF;}
  .btn-outline-secondary {background: #FFF;}