/*---------------
  レイアウト
-----------------*/
.container {
	width: 1140px;
	margin: 30px auto;
}

.row {
	display: flex;
}

.col-12 {
	width: 100%;
}

.col-8 {
	width: 66.6666%;
}

.col-6 {
	width: 50%;
}

.col-3 {
	width: 25%;
}

.col-2 {
	width: 16.66666%;
}

.text-right {
	text-align: right;
}


/*---------------
ヘッダー
-----------------*/
#head {
	border-bottom: solid 2px #FA0046;
	padding-bottom: 5px;
	margin-bottom: 38px;
}

.logo {
	width: 400px;
}

.nav {
	margin-bottom: 15px;
	height: 30px;
	line-height: 30px;
}


/*---------------
編集エリア
-----------------*/
#new_cnt {
	background: #a3daff;

}

#old_cnt {
	background: #fcc2d7;

}

.cnt {
	padding: 5px 10px;
	display: inline;
	font-size: 16pt;
}

.col-old {
	width: 555px;
	margin-right: 30px;
}

.txt_area {
	width: 555px;
	min-height:660px;
	padding: 10px 18px;
	font-size: 11pt;
	border: none;
	resize: none;
	/* font-feature-settings: "palt"; */
	
	
	
}
.hwt-input{
	overflow-y:hidden !important;
	
}
textarea{overflow:hidden !important;}
.border {
	border: solid 1px #707070;
	border-bottom: solid 10px #F9BE00;
}

.hwt-content {
	padding: 10px 18px;
	font-size: 11pt;
	/* font-feature-settings: "palt"; */
	/* letter-spacing: 1px; */

}



mark {
	&.blue {
		background-color: #a3daff;
	}

	&.pink {
		background: #fcc2d7;
	}
}

/*---------------
ボタン
-----------------*/
.btn {
	border: solid 1px #333333;
	text-align: center;
	height: 30px;
	line-height: 30px;
	margin: 0 10px;

}

.btn:hover {
	background-color: #0D6EFD;
	color: #ffffff;
}


/*---------------
checkbox
-----------------*/
.checkbox {
	/*display: flex;
flex-wrap: wrap;*/
}

.checkbox label {
	width: 50%;
}

.checkbox input[type="checkbox"] {
	opacity: 0;
	appearance: none;
	position: absolute;
}

.checkbox .text {
	display: inline-block;
	position: relative;
	padding-left: 26px;
	line-height: 2.2;
}

.checkbox .text::before {
	position: absolute;
	top: 8px;
	left: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #eee;
	background: #fff;
	content: "";
	transition: all 0.3s;
}

.checkbox .text::after {
	position: absolute;
	top: 8px;
	left: 0;
	width: 18px;
	height: 18px;
	color: #0D6EFD;
	font-size: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	content: "✔";
	opacity: 0;
	transition: all 0.3s;
}

.checkbox input:focus+span::before {
	box-shadow: 0 0 4px #ca353b;
}

.checkbox input:checked+span::after {
	opacity: 1;
}


/*---------------
select
-----------------*/

.select {
	display: inline-block;
	position: relative;
	border: 1px solid #666666;
	vertical-align: middle;
	margin-top: 15px;

}

.select select {
	font-size: 10pt;
	appearance: none;
	width: 200px;
	padding: 11px 15px;
	padding-right: 1em;
	border: none;
	outline: 0;
	background: #fff;
	background-image: none;
	box-shadow: none;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	cursor: pointer;
}

.select::before {
	position: absolute;
	top: 15px;
	right: 16px;
	width: 0;
	height: 0;
	border-width: 10px 5px 0 5px;
	border-style: solid;
	border-color: #eee transparent transparent transparent;
	content: "";
	pointer-events: none;
}








@media screen and (max-width: 1140px) {
	.container {
		width: 940px;
		margin: 30px auto;
	}

	.txt_area {
		width: 455px;
		padding: 10px 18px;
	}
}