@charset "utf-8";

/* ==== Global ====
:root {
  --mainColor: #009933;
	--subColor: #bfe5cc;

	--mainBlack: #2e322e;
	--subBlack: #969996;
	--assistBlack: #cbcccb;
	--bgBlack: #f9fcf9;
	
	--accsentColor: #fcd800;
}
*/

/* ==================
base
================== */
/* reset */
html,body,section,article,header,footer,nav,div,h1,h2,h3,h4,p,span,small,table,tr,th,td,dl,dd,ol,ul,li,form,fieldset,input,button,textarea,select{
	margin: 0;
	padding: 0;
}
dl,ul,ol{
	list-style: none;
}
html,input,button,textarea,select{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 100%;
}
img,fieldset{
	border: none;
}

a{
	text-decoration: underline;
	color: #0099FF;
}
a:hover{
	text-decoration: none;
}
html,body{
	height: 100%;
}

/* base font-size */
body{
	font-size: .875rem;
}

.txtRed{
	color: #DD2026;
	font-weight: bold;
}

.txtRed_tit{
	color: #DD2026;
	font-weight: bold;
	font-size: 0.65em;
}
/* border */
.bdrB{
	border-bottom: 1px solid #cbcccb;
	padding-bottom: 0.5em;
}
.bdrL{
	border-left: 1px solid #cbcccb;	
}
.bdrR{
	border-right: 1px solid #cbcccb;	
}

/* min-window-width */
.wrap{
	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;
	min-width: 1280px;
	background-color: #f9f9f9;
}

/* img */
img.photo{
	height: 160px;
}
img.logo{
	width: 180px;
	height: 120px;
}
/* form */
input, button, textarea, select {
	box-sizing: border-box;
	width: 100%;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
	display: none;
}
input::-ms-reveal {
visibility:hidden
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
button,
select{
  outline: none;
  border: 1px solid #969996;
  border-radius: 4px;
}
input[type="text"],
input[type="password"],
input[type="email"],
select{
	background-color:#fff;
	padding: .25rem;
	line-height: 1;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus{
  box-shadow: 0 0 7px #ff990d;
  border: 1px solid #1abc9c;
  -webkit-transition: all .3s;
  transition: all .3s;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
textarea:disabled{
	background-color: #f9fcf9;
}
select{
	padding: .25rem 2rem .25rem .25rem;
	padding-right: 2rem;
	line-height: 1.5;
	background:#fff url(../images/icon_select.png) right center no-repeat;
}

fieldset.radio,
fieldset.checkBox{
	border: 1px solid #969996;
	display: inline-block;
	overflow: hidden;
  border-radius: 4px;
	margin-bottom: -0.375em;
}
.itemBox{
	display: block;
	float: left;
}
.itemBox ~ .itemBox{
	border-left: 1px solid #969996;
}
fieldset.radio label.radioItem,
fieldset.checkBox label.checkItem{
	position: relative;
	display: block;
	float: left;
	padding: .25rem 1rem .25rem 2rem;
	line-height: 1.5;
	background-color: #fff;
	cursor: pointer;
}
fieldset.checkBox label.checkItem.blank{
	padding: 0;
	width: 1.875rem;
	height: 1.875rem;
}
fieldset.radio label.radioItem::before,
fieldset.checkBox label.checkItem::before{
	content: "";
	display: block;
	position: absolute;
	top: .435em;
	left: .5em;
	width: 16px;
	height: 16px;
}
fieldset.radio label.radioItem::before{
	background: url(../images/icon_sprite.png) 0px -48px no-repeat;
}
fieldset.checkBox label.checkItem::before{
	background: url(../images/icon_sprite.png) 0px -72px no-repeat;
}

fieldset.radio input[type="radio"]:checked ~ label.radioItem{
	background-color: #deffb6;
}
fieldset.radio input[type="radio"]:checked ~ label.radioItem::before{
	background:url(../images/icon_sprite.png) -16px -48px no-repeat;
}

fieldset.checkBox input[type="checkbox"]:checked ~ label.checkItem{
	background-color: #deffb6;
}
fieldset.checkBox input[type="checkbox"]:checked ~ label.checkItem::before{
	background:url(../images/icon_sprite.png) -16px -72px no-repeat;
}

fieldset.radio input[type="radio"],
fieldset.checkBox input[type="checkbox"]{
	display: none;
}

input[type="file"]{
	display: none;
}

.labelTxt{
	line-height: 1.2;
	vertical-align: top;
	display: inline-block;
	padding: 0.5em 0;
}

/* gutter */
.header,.nav,.mainCnt,.pageTit{
	padding: 0 2rem;
}

/* header */
.header{
	background-color: #fff;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.headerLogo{
	line-height: 0;
	margin-left: -0.5rem;
}
.loginUser{
	position: relative;
	padding:.325rem 0 .325rem 2rem;
	line-height: 1;
}
.loginUser::before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 24px;
	height: 24px;
	background: url(../images/icon_sprite.png) 0px -128px no-repeat;
}

/* nav */
.nav{
	background: #009933;
	color: #fff;
}
.nav ul,.nav li{
	display: block;
	overflow: hidden;
}
.nav li{
	float: left;
	padding: 0.5rem 0;
}
.nav li a{
	padding: 0 2em;
	border-left: 1px solid #fff;
	color: #fff;
	text-shadow: 0px 1px 0px rgba(0,0,0,0.5);
	text-decoration: none;
}
.nav li:last-of-type a{
	border-right: 1px solid #fff;
}
.nav li a:hover{
	color: #bfe5cc;
  -webkit-transition: all .2s;
  transition: all .2s;
}

/* main */
.main{
	padding-bottom: 3rem;
}
.section{
	padding: 1em 0 0;
}
.footBtnArea{
	margin-top: 1em;
	border-top: 1px solid #969996;
	padding: 1em 0 1.5em;
}
/* footer */
.footer{
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	width: 100%;
	min-height: 2.55rem;
	background: #d5d6d5;
	padding: .25rem 2rem;
}
.footer .logo{
	position: absolute;
	right: 2rem;
	top: 50%;
	transform: translateY(-50%);
}
.footer .logo img{
	vertical-align: middle;
}
.footer ul{
	display: block;
}
.footer li{
	display: inline-block;
}
.footer li{
	padding: 0.5rem 0;
}
.footer li a{
	position: relative;
	padding: 0 2em 0 1em;
	color: #2e322e;
	text-decoration: none;
}
.footer li a::before{
	content: "";
	position: absolute;
	top: .375em;
	left: 0;
	display: block;
	width: 8px;
	height: 8px;
	background:url(../images/icon_sprite.png) 0px -112px no-repeat;
}
.footer li a:hover{
	opacity: 0.5;
  -webkit-transition: all .2s;
  transition: all .2s;
}
/* ==================
module
================== */

/* ul List */
.defaultUl{
	display: block;
	margin: 0.5em 1em;
}
.defaultUl li{
	display: block;
}
.defaultUl li ~ li{
	margin-top: 0.25em;
}
/* ==== center box ==== */
.centerBox{
	display: block;
	margin: 0 auto;
	width: 44em;
	background: #eaebea;
	border-radius: 0.5em;
	overflow: hidden;
	padding: 1em;
}


/* ==== read ==== */
.read{
	padding: .5em 0 1em;
	margin-bottom: 1em;
	border-bottom: 1px solid #969996;
}
.read p{
	letter-spacing: .05em;
	line-height: 1.75;
}
/* ==== colBox ==== */
.colBox{
	clear: both;
	display: block;
	overflow: hidden;
}
.colBox.centering{
	display: inline-block;
	margin-left:auto;
	margin-right:auto;
}
.colBox.bgcolor{
	background: #FFFCCC;
	border: 1px solid #fcd800;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
}
/* ==== colomn ==== */
.col01_8,.col02_8,.col03_8,.col04_8,.col05_8,.col06_8,.col07_8,.col08_8,.col09_8,.col10_8,
.col01_3,.col02_3,
.col01_5,.col02_5,.col03_5
,.colI_R,.colI_L {box-sizing:border-box;display:block;padding:0 0.5rem;}

.col01_8{width: 12.5%;}
.col02_8{width: 25%;}
.col03_8{width: 37.5%;}
.col04_8{width: 50%;}
.col05_8{width: 62.5%;}
.col06_8{width: 75%;}
.col07_8{width: 87.5%;}
.col08_8{width: 100%;}
.col09_8{width: 16%;}
.col10_8{width: 14.0%;}
.col01_3{width:33.3%;}
.col02_3{width:66.6%;}
.col01_5{width:20%;}
.col02_5{width:40%;}
.col03_5{width:60%;}
.colI_R{width:30%;}
.colI_L{width:70%;}

.nopd{
	padding: 0 !important;
}
.onpd{
	box-sizing: border-box;
	padding:0 .5em !important;
}
.centering{
	margin-left:auto;
	margin-right:auto;
}
.colBox .txt {
	width: 61%;
	line-height: 1.8rem;
}


/* ==== float ==== */
.floatL{float: left}
.floatR{float: right}

/* ==== title ==== */
h1.pageTit{
	box-sizing: border-box;
	width: 100%;
	padding: 0.5rem 2rem;
	margin-bottom: 1rem;
	background-color: #bfe5cc;
	font-size: 21px;
	line-height: 1;
	text-shadow: 0px -1px 0px rgba(255,255,255,0.5);
}
h2.tit01,
h3.tit02{
	font-weight: normal;
	font-size: 100%;
	margin-bottom: .5rem;
}
h2.tit01{
	background-color: #bfe5cc;
  border-radius: 4px;
	padding: 0.5rem 0.25rem;
	line-height: 1;
}
h3.tit02{
	border-bottom: 1px solid #cbcccb;
	padding: 0.5rem;
	line-height: 1;
}

/* ==== button ==== */
.btn_01,.btn_02,.btn_03,.btn_04,.btn_05,.btn_06{
	display: block;
	width: 100%;
	min-width: 8em;
	height: calc(2rem - 4px);
	box-sizing: border-box;
	border-width: 2px;
	border-style: solid;
	border-radius: 1rem;
	line-height: 1.5rem;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.btn_01:hover,.btn_02:hover,.btn_03:hover,.btn_04:hover,.btn_05:hover,.btn_06:hover{
  -webkit-transition: all .2s;
  transition: all .2s;
}

.btn_01{
	color: #2e322e;
	background-color: #fff;
	border-color: #009933;
}
.btn_01:hover{
	background-color: #009933;
	color: #fff;
}

.btn_02{
	background-color: #009933;
	border-color: #009933;
	color: #fff;
	font-weight: bold;
}
.btn_02:hover{
	background-color: #fff;
	color: #009933;
}

.btn_03{
	background-color: #fff;
	border-color: #2e322e;
	color: #2e322e;
}
.btn_03:hover{
	background-color: #cbcccb;
}

.btn_04{
	background-color: #2e322e;
	border-color: #2e322e;
	color: #fff;
}
.btn_04:hover{
	background-color: #969996;
	border-color: #969996;
}

.btn_05{
	background-color: #fcd800;
	border-color: #2e322e;
	color: #2e322e;
}
.btn_05:hover{
	background-color: #fff;
	border-color: #fcd800;
}
.btn_06{
	background-color: #fff;
	border-color: #2e322e;
	color: #2e322e;
	min-width: 11em;
}
.btn_06:hover{
	background-color: #cbcccb;
}

.btn_04.logout{
	border: none;
	height: auto;
}

/* 固定幅 */
.btnW08{width: 08em;}
.btnW10{width: 10em;}
.btnW12{width: 12em;}
.btnW14{width: 14em;}

/* ==== table ==== */
.listBox{
	overflow: auto;
}
.listTable{
	width: 100%;
	background-color: #fff;
	border-collapse: separate;
	border: 1px solid #969996;
	border-radius: .25em;
	border-spacing: 0;
}
.listTable thead th{
	border-bottom: solid 3px #969996;
}
.listTable tbody td{
	border-bottom: solid 1px #cbcccb;
}
.listTable thead th,
.listTable tbody td{
	text-align: left;
	padding: .5em .75em;
	vertical-align: middle;
	white-space: nowrap;
}

.listTable tbody tr:nth-child(2n) td{
	background-color: #f9fcf9;
}
.listTable tbody tr:last-of-type td{
	border-bottom: none;
}
.listTable tbody tr:hover td{
	background-color: #fef9bb;
}

/* listItem */
.listItem{
	background: #fff;
	border: 1px solid #999;
	border-radius: 0.25em;
	padding: 0.25em;
}
.listItem ~ .listItem{
	margin-top: 0.5em;
}
.listItem .head{
	border-bottom: 1px dotted #999;
	margin-bottom: 0.5em;
	padding-bottom: .25em;
}

/* ページャー */
.pagerBox{
	margin:1em;
	overflow:hidden;
}
.pagerBox ul{
	overflow: hidden;
	float: right;
}
.pagerBox ul li{
	display:block;
	float:left;
}
.pagerBox ul li.blank{
	color: #969996;
	line-height: 1.75;	
}
.pagerBox ul li ~ li{
	margin-left:.5em;
}
.pagerBox ul li.guide{
	float:left;
	padding-top:.5em;
	margin:0;
	text-align:right;
	font-size: .75em;
}
.pagerBox ul li a,
.pagerBox ul li span{
	display:block;
	padding:.25em .75em;
	border-radius:1em;
	background:#cbcccb;
	color:#2e322e;
	font-size: .875em;
	text-decoration:none;
	-webkit-text-shadow:0px -1px 0px rgba(255,255,255,0.3);
	-o-text-shadow:0px -1px 0px rgba(255,255,255,0.3);
	text-shadow:0px -1px 0px rgba(255,255,255,0.3);
}
.pagerBox ul li a:hover{
	color:#fff;
	background:#009933;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.pagerBox ul li span.show{
	color:#fff;
	background:#009933;
}

/* ==== icon ==== */
.btnIcon{
	position: relative;
	padding-left: 1rem;
}
.btnIcon::before{
	content: "";
	position: absolute;
	left: .5rem;
	display: block;
}

.iconDel::before{
	top: 0.25rem;
	background: url(../images/icon_sprite.png) 0px 0px no-repeat;
	width: 16px;
	height: 16px;
}
/* 2020/08/21 Nextware Add Start ID職人/ID職人Smart2020年度上期対応 */
.iconRotation,.iconRotation2{
    width: 49%;
}
/* 2020/08/21 Nextware Add End ID職人/ID職人Smart2020年度上期対応*/
.iconRotation:hover{
	color:#2e322e;
	background-color: #deffb6;
}
.iconRotation::before{
	top: 0.25rem;
	/* 2020/08/21 Nextware Mod Start ID職人/ID職人Smart2020年度上期対応 */
	/*background: url(../images/icon_sprite.png) -32px 0px no-repeat;*/
	 background: url(../images/icon_sprite.png) -29px 0px no-repeat; 
	/* 2020/08/21 Nextware Mod End ID職人/ID職人Smart2020年度上期対応 */
	width: 16px;
	height: 16px;
}
/* 2020/08/21 Nextware Add Start ID職人/ID職人Smart2020年度上期対応*/
.iconRotation2:hover{
	color:#2e322e;
	background-color: #deffb6;
}
.iconRotation2::before{
	top: 0.25rem;
	background: url(../images/icon_sprite.png) -48px 0px no-repeat;
	width: 16px;
	height: 16px;
}
/* 2020/08/21 Nextware Add End ID職人/ID職人Smart2020年度上期対応*/

.iconLock:hover{
	color:#2e322e;
	background-color: #deffb6;
}
.iconLock::before{
	top: 0.15rem;
	left: .5rem;
	background: url(../images/icon_sprite.png) -2px -24px no-repeat;
	width: 14px;
	height: 18px;
}
.iconLock_clicked::before{
	top: 0.15rem;
	left: .5rem;
	background: url(../images/icon_sprite.png) -18px -24px no-repeat;
	width: 14px;
	height: 18px;
}

.iconDl::before{
	top: 0.25rem;
	background:url(../images/icon_sprite.png) -32px -24px no-repeat;
	width: 16px;
	height: 18px;
}

.iconGood,
.iconBad{
	position: relative;
	padding-left: 2rem;
	line-height: 24px;
	display: inline-block;
}
.iconGood::before,
.iconBad::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 24px;
	width: 24px;
}
.iconGood::before{
	background:url(../images/icon_sprite.png) -40px -48px no-repeat;
}
.iconBad::before{
	background:url(../images/icon_sprite.png) -40px -72px no-repeat;
}

/* caution */
.iconCaution{
	display: block;
	background: url(../images/icon_caution.png) left top no-repeat;
	padding: 0.125em 1em 0.125em 3em;
}

/* text-align */
.alignC{text-align: center !important;}
.alignL{text-align: left !important;}
.alignR{text-align: right !important;}

/* imgBox */
.imgBox{
	position: relative;
}
.imgBox.sizePhoto{
	width: 100%;
	height: 160px;
}
.imgBox img{
	max-width: 100%;
	width: auto;
}
.imgBox.sizePhoto img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
}

/* ==========デザイン作成・編集========== */
.cardDesign{
	background-color: #eaebea;
	border-radius: 4px;
}
.cardDesignInner{
}
.cardDesignLeft{
	flex-direction: column;
	border-right: 2px solid #cbcccb;
}
.cardMenu{
	padding-bottom: .5rem;
}
.itemBtnBox{
	border-bottom: 2px solid #cbcccb
}

.cardImgBox,.imgOpBox{
	position: relative;
	height: 30em;
	background-color: #828482;
	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}
.cardImgBox.cardOrientV{
	height: 40em;
}
.imgOpBox{
	height: auto;
	padding: 1em;
}
.imgOpBox img{
	display: block;
	margin: 0 auto;
}
.cardImgTit{
	font-size: 1.5em;
	letter-spacing: .125em;
	text-align: center;
	padding: .5em 0;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.card_omote,
.card_ura{
/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
*/
	display: none;
	text-align: center;
}
.card_omote.on,
.card_ura.on{
	display: block;
}
.cardImgBox .cardSideBtn{
	position: absolute;
	top: 1em;
	left: 1em;
}
.cardOrientV {/* 縦向き 初期値非表示 */
	display: none;
}
.cardOrientH.on, .cardOrientV.on{
	display: block;
}

.cardOrientH .imgRuler,
.cardOrientV .imgRuler{
	display: inline-block;
	background-repeat: no-repeat,no-repeat;
	background-position: center .5em, .5em center;
	margin: 1em 0 0;
	padding: 6em 6.75em;
}
.cardOrientV .imgRuler{
	margin: .5em 0 0;
}
.cardOrientH .imgRuler{
	background-image:url(../images/rulerH_h.png),url(../images/rulerH_v.png);
}
.cardOrientV .imgRuler{
	background-image:url(../images/rulerV_h.png),url(../images/rulerV_v.png);
}
.cardImg{
	display: block;
	margin: 0 auto;
}
.cardInfo{
	padding-bottom: .5rem;
}
.cardInputBox{
	height: 40em;
	overflow-y: scroll;
	padding: .5em;
	box-sizing: border-box;
}
.itemBtnBox,
.exeBtnBox,
.cardItem,
.cardItemDel{
	box-sizing: border-box;
	padding: .5rem 0;
}
.cardItem,
.cardItemDel{
	padding-left:0.5em;
	padding-right: 0.5em;
}
.cardInputBox,
.cardItemDel{
	border-top: 1px dashed #cbcccb;
}
.exeBtnBox{
	border-top: 2px solid #cbcccb;
	overflow: hidden;
}

/* ruler input */
.inputRuler{
	padding-bottom: 1rem;
	background: url(../images/bg_input_ruler_bottom.png) left bottom no-repeat;
}
.inputRuler input[type="text"]{
	font-size: 14px;
	padding-left: 7px;
	letter-spacing: 2.3px;
	background:#fff url(../images/bg_input_ruler.png) left center repeat;
}
.inputRuler input[type="text"]::-ms-clear{
	display:none;
}

/* accordion */
.accordionGroup ~ .accordionGroup{
	margin-top: .5rem;
}
.accordionBox .colBox ~ .colBox{
	margin-top: .5rem;
}
.acdTit{
	position: relative;
	text-indent: 1.5rem;
	line-height: 16px;
	cursor: pointer;
}
.acdTit::before{
	content: "";
	position: absolute;
	top: .5em;
	left: .5em;
	display: block;
	width: 16px;
	height: 16px;
	background:url(../images/icon_sprite.png) 0px -96px no-repeat;
}
.acdTit.close::before{
	background:url(../images/icon_sprite.png) -16px -96px no-repeat;
}
/* Add Start 背景変更画面 */
.photo-id{
	padding: 1rem .5rem ;
	border-bottom: 1px solid #ccc;
}
.photo-notice{
	padding: 1rem .5rem;
}
/* Add End 背景変更画面 */
/* ==========//デザイン作成・編集画面========== */


/* margin */

.ml02em{margin-left: 0.2em}
.mt05em{margin-top: 0.5em}
.mr05em{margin-right: 0.5em}
.mb05em{margin-bottom: 0.5em}
.ml05em{margin-left: 0.5em}
.mt1em{margin-top: 1em}
.mr1em{margin-right: 1em}
.mb1em{margin-bottom: 1em}
.ml1em{margin-left: 1em}
.mt2em{margin-top: 2em}
.mr2em{margin-right: 2em}
.mb2em{margin-bottom: 2em}
.ml2em{margin-left: 2em}
/* inline-block */
.ib{display: inline-block; box-sizing: border-box;}

/* padding */
.pd05em{padding: 0.5em}

/* width */
.w10p{width: 10%;}
.w15p{width: 15%;}
.w16p{width: 16%;}
.w20p{width: 20%;}
.w30p{width: 30%;}
.w40p{width: 40%;}
.w50p{width: 50%;}
.w60p{width: 60%;}
.w70p{width: 70%;}
.w80p{width: 80%;}
.w90p{width: 90%;}

/* min-width */
.min10em{min-width: 10em}
.min20em{min-width: 20em}
.min30em{min-width: 30em}


/* fontsize */
.fsS {
	font-size: 0.92857em
}
.fsXS {
	font-size: 0.85em
}


/* tinyscrollbar */
.scrollBox {position: relative; padding-bottom: 15px; overflow:hidden;}
.scrollBox .viewport { width: 100%; height: auto; position: relative; }
.scrollBox .overview { list-style: none; position: relative; left: 0; top: 0; padding: 0; margin: 0; }
.scrollBox .scrollbar{ background: transparent url(../images/bg-scrollbar-track-x.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; z-index: +1; }
.scrollBox .track { background: transparent url(../images/bg-scrollbar-trackend-x.png) no-repeat right center; height: 15px; width:100%; position: relative; padding: 0 1px; }
.scrollBox .thumb { background: transparent url(../images/bg-scrollbar-thumb-x.png) no-repeat right center; height: 15px; width: 100%; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.scrollBox .thumb .end { background: transparent url(../images/bg-scrollbar-thumb-x.png) no-repeat left center; overflow: hidden; height: 15px; width: 10px; }
.scrollBox .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


/* 印刷エリア */
.print_area{
	width: 640px;
	margin: 0 auto;
	padding: 2rem 0;
}

/* 背景 */
.bgOrange{
	background-color: #ffeab8;
}

.bgGreen{
	background-color: #eef8fc;
}

.bgPurple{
	background-color: #eae2fd;
}

.bgBrown{
  background-color: #f7f3bf;
}

.bgYellow{
  background-color: #fdfc9b;
}

.bgGreenlight{
	background-color: #f4fce8;
}

.bgGray{
	background-color: #cbcccb;
}

/* テキストエリア */
.txtareablock{
	overflow: hidden;
	resize: none;
	background-color: #fff;
	padding: .25rem;
}

/* ID職人・ID職人Smart変更対応で追加 kaku */
.txtBlack{
	color: #000000;
	font-weight: bold;
}
/* ID職人・ID職人Smart変更対応で追加 kaku */