body{font-size:14px !important;}
.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;}
.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;}
.w50p{width:50%;}
.max-w200{width:200px;}
.max-w300{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:2000px;}
.heightscroll{overflow-y:scroll;}

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

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

.fwB{font-weight:bold;}
.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;}
.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;
}

.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;}



body{background:#F9F9F9;font-family:"メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;color:#444444;font-size:12px;}
.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;}
.fwB{font-weight:bold;}
.fwN{font-weight:normal;}
.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;}

.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;}

.p5{padding:5px;}
.p10{padding:10px;}
.p20{padding:20px;}
.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;}


.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;}

.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;}

.box-right-user{
	position: fixed;
	top: 120px;
	right: -200px;
	background: #242A34;
	z-index: 999;
	width: 200px;
        min-height: 40px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.box-right-user.tugel{
	right: 0;
}
.box-right-user .inner-panel{
	position: relative;
	padding: 10px 10px 0 10px;
}

.box-right-master{
	position: fixed;
	top: 70px;
	right: -300px;
	background: #242A34;
	z-index: 999;
	width: 300px;
        min-height: 40px;
	-webkit-transition:All 0.3s ease;
	-moz-transition:All 0.3s ease;
	-o-transition:All 0.3s ease;
}
.box-right-master.tugel{
	right: 0;
}
.box-right-master .inner-panel{
	position: relative;
	padding: 10px 10px 0 10px;
}

.inner-panel .cog-panel{
	position: absolute;
	width: 40px;
	height: 42px;
	background: #242A34;
	top: 0px;
	left: -39px;
	text-align: center;
	cursor: pointer;
	padding: 8px 0;
	font-size: 18px;
}

.tableCheckList tr th{white-space: nowrap;}
.tableCheckList tr td{white-space: nowrap;}
.tableCheckList tbody tr td{text-align:center;}

.checkList{cursor:pointer;}
.checkList:hover{background: #FFD;}
.checkListhover{background: #FFD;}

.checkListForm{text-align: left;padding: 0 !important;}
.checkForm{display: block;background:none;border:none;text-align: left;padding: 8px 5px;width: 100%;font-size:16px;vertical-align: middle;}


.textUpdate.mfp-close{position: relative;
width: 100%;
    height: auto;
    line-height: 1.5em;
    right: auto;
    top: auto;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    color:#FFF;
    filter: alpha(opacity=1);
    padding: 5px;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
    font-style: normal;
    font-size: 14px;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}

.intUpdate.mfp-close{position: relative;
width: 100%;
    height: auto;
    line-height: 1.5em;
    right: auto;
    top: auto;
    text-decoration: none;
    text-align: center;
    opacity: 1;
    color:#FFF;
    filter: alpha(opacity=1);
    padding: 5px;
    background-color: #1473C3;
    border-color: #1473C3;
    font-style: normal;
    font-size: 14px;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}

.checkUpdate.mfp-close{position: relative;
width: 100%;
    height: auto;
    line-height: 1.5em;
    right: auto;
    top: auto;
    text-decoration: none;
    text-align: left !important;
    opacity: 1;
    filter: alpha(opacity=1);
    padding: 5px;
    font-style: normal;
    font-size: 14px;
    font-family: "メイリオ", Meiryo,"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;}

.checkUpdate.mfp-close.btn-info{color:#FFF;}