/* @group base --------------------------------------------------------*/
input::selection,
textarea::selection {
	color: #000;
	background: #CCC;
}
input::-moz-selection,
textarea::-moz-selection {
	color: #000;
	background: #CCC;
}
input[type="button"][disabled]{
	opacity: 0.50;
	-moz-opacity: 0.50;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";

	cursor: default !important;
}
input,
textarea,
select {
	outline: none;
	opacity: 1 !important;
}
textarea {
	resize: vertical;
	max-height: 500px;
}
input::-ms-clear {
	visibility: hidden;
}
input::-ms-reveal {
	visibility: hidden;
}
form.nisor .form_switch {
	display: inline-block;
	color: #00AEEA;
	font-weight: bold;
	cursor: pointer;
	padding: 10px 15px;
}
form.nisor .form_switch.on {
	text-decoration: none;
}
/* @end */



/* @group upload --------------------------------------------------------*/
div.image_field {
	text-align: left;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	z-index: 0;
	line-height: 0;
	background: transparent;
}
div.image_field > .thm_wrapper {
	letter-spacing: -.40em;
	white-space: nowrap;
	display: block;
	width: 100%;
	overflow: auto;
	padding: 0 0;
}
div.image_field > .thm_wrapper::-webkit-scrollbar{
	width: 5px;
	height: 5px;
}
div.image_field > .thm_wrapper::-webkit-scrollbar-track{
	width: 5px;
	height: 5px;
}
div.image_field > .thm_wrapper::-webkit-scrollbar-thumb{
	background: #476079;
	border-radius: 0;
}
div.image_field > .thm_wrapper::-webkit-scrollbar-track-piece:start{
	background: #EEE;
}
div.image_field > .thm_wrapper::-webkit-scrollbar-track-piece:end{
	background: #EEE;
}

div.image_field > .thm_wrapper > * {
	display: inline-block;
	width: 10.5%;
	padding-bottom: 10.5%;
	height: 0;
	vertical-align: top;
	margin: 1%;

	position: relative;

	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#upload_container div.image_field > .thm_wrapper > label.droparea {
	background: #EEE url("../elements/icon_attach.png") no-repeat 50% 50%;
	background-size: contain;
	border: none;
	cursor: pointer;
	margin: 0;

	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#upload_container div.image_field > .thm_wrapper > div.thm + label.droparea {
	margin: 1%;
	border: 1px solid #EEE;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#upload_container.icon {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#upload_container.icon div.image_field {
	width: 100%;
	height: 100%;
	background: transparent;
}
#upload_container.icon div.image_field > .thm_wrapper {
	width: 100%;
	height: 100%;
	padding: 0;

	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
#upload_container.icon div.image_field > .thm_wrapper > * {
	width: 100%;
	padding-bottom: 100%;
	margin: 0;
	border: none;
	overflow: hidden;
}
#upload_container.icon div.image_field > .thm_wrapper > label.droparea {
	background: #486a85 url("../elements/icon_default_user.png") no-repeat 50% 50%;
	background-size: contain;
	border: none;
}
#upload_container.icon div.image_field > .thm_wrapper > div.thm > a > div.img {
	overflow: hidden;
}
#upload_container.icon div.image_field > .thm_wrapper > div.thm > a > div.img > img {
	max-width: none;
	max-height: none;
	position: absolute;
	top: -200%;
	left: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto;
	display: block;
}
#upload_container.icon div.image_field > .thm_wrapper > div.thm > a > div.img.horizontal > img {
	height: 100%;
}
#upload_container.icon div.image_field > .thm_wrapper > div.thm > a > div.img.vertical > img {
	width: 100%;
}
#upload_container.icon div.image_field > .thm_wrapper > div.thm + label.droparea {
	position: absolute;
	background: transparent;
	z-index: 105;
	top: 0;
	left: 0;
	border: none;
}
#upload_container div.image_field > .thm_wrapper > label.droparea.hover {
	background-color: #CCC;
}
div.image_field > .thm_wrapper > label.droparea input {
	display: none;
}
div.image_field > .thm_wrapper > div.thm {
	position: relative;
	background: #FFF url("../elements/spinner.gif") no-repeat 50% 50%;
	background-size: 12px 12px;
	border: 1px solid #CCC;
}
div.image_field > .thm_wrapper > div.thm.loaded {
	background: #FFF;
}
div.image_field > .thm_wrapper > div.thm > div.delete {
	position: absolute;
	width: 20%;
	height: 0;
	padding-bottom: 20%;
	background: url("../elements/close_b.png") no-repeat 50% 50%;
	background-size: 100% 100%;
	top: 0;
	right: 0;
	z-index: 100;
	cursor: pointer;

	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";

	transition-property: opacity;
	transition-duration: 0.8s;
	transition-timing-function: ease-out;
}
div.image_field > .thm_wrapper > div.thm > div.delete.on {
	transition-duration: 0.1s;

	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}
div.image_field > .thm_wrapper > div.thm > a {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
div.image_field > .thm_wrapper > div.thm > a > div.img {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
div.image_field > .thm_wrapper > div.thm > a > div.img > img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	max-width: 90%;
	max-height: 90%;

	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";

	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
div.image_field > .thm_wrapper > div.thm.loaded > a > div.img > img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}

/* @end */



/* @group MESSAGE ーーーーーーーーーーーーーーーーーーーーーーーーーー */
div.base.message {
}
div.base.message > div.inner {
}
div.base.message > div.inner > div.thread {
	padding: 100px 20px 200px;
	width: 100%;
	margin: 0 auto;
	max-width: 800px;
	position: relative;
}
div.base.message > div.inner > div.thread > div.archives {
}
div.base.message > div.inner > div.thread > div.archives > a.pagination {
	display: block;
	position: absolute;
	top: 35px;
	left: 0;
	right: 0;
	text-decoration: none;
	color: #888;
	width: 160px;
	line-height: 30px;
	font-size: 80%;
	margin: auto;
	background: rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	transition-property: background;
	transition-duration: 0.3s;
	transition-timing-function: ease-out;
}
div.base.message > div.inner > div.thread > div.archives > a.pagination > div {
	width: 100%;
	height: 100%;
	position: relative;
}
div.base.message > div.inner > div.thread > div.archives > a.pagination > div.more {
}
div.base.message > div.inner > div.thread > div.archives > a.pagination > div.load {
	display: none;
}
div.base.message > div.inner > div.thread > div.archives > a.pagination.loading {
	background: rgba(255, 255, 255, 0);
}
div.base.message > div.inner > div.thread > div.archives > a.pagination.loading > div.more {
	display: none;
}
div.base.message > div.inner > div.thread > div.archives > a.pagination.loading > div.load {
	display: block;
}
div.base.message > div.inner > div.thread > div.archives > a.pagination > div.load:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 20px;
	width: 20px;
	margin: auto;
	position:relative;
	-webkit-animation: spinning 1s infinite linear;
	-moz-animation: spinning 1s infinite linear;
	-o-animation: spinning 1s infinite linear;
	animation: spinning 1s infinite linear;
	border-left:4px solid rgba(0,174,235,.15);
	border-right:4px solid rgba(0,174,235,.15);
	border-bottom:4px solid rgba(0,174,235,.15);
	border-top:4px solid rgba(0,174,235,.8);
	border-radius:100%;
}
@-webkit-keyframes spinning {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes spinning {
	from {-moz-transform: rotate(0deg);}
	to {-moz-transform: rotate(359deg);}
}
@-o-keyframes spinning {
	from {-o-transform: rotate(0deg);}
	to {-o-transform: rotate(359deg);}
}
@keyframes spinning {
	from {transform: rotate(0deg);}
	to {transform: rotate(359deg);}
}

div.base.message > div.inner > div.thread > div.archives > a.pagination:not(.loading).on {
	transition-duration: 0.2s;
	background: rgba(255, 255, 255, 0.9);
}
div.base.message > div.inner > div.thread > div.archives > dl.message {
	display: block;
	width: 100%;
	position: relative;
	padding-top: 20px;
	margin-bottom: 15px;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 70%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img {
	height: 40px;
	width: 40px;
	position: absolute;
	text-align: center;
	top: 20px;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper {
	height: 100%;
	width: 100%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div.img {
	background: #888;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div.img > img {
	position: absolute;
	top: -200%;
	left: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto;
	display: block;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div.img.horizontal > img {
	height: 100%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div.img.vertical > img {
	width: 100%;
}

div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div.iframe {
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.img > div.media_wrapper > div.iframe > iframe {
	display: block;
	width: 100%;
	height: 100%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.name {
	font-weight: bold;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dt > div.time {
	position: absolute;
	top: 0;
	color: #AAA;
	padding: 0 5px;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd {
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.body {
	position: relative;
	background: #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	text-align: justify;
	line-height: 1.6;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.body::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6.5px 0 6.5px;
	border-color: #FFF transparent transparent transparent;

	position: absolute;
	top: 0;
	margin-top: 15px;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.body > div.textarea {
	min-height: 24px;
	overflow: hidden;;
}

div.base.message > div.inner > div.thread > div.archives > dl.host.message {
	padding-right: 60px;
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dt {
	text-align: right;
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dt > div.img {
	right: 0;
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dt > div.name {
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dt > div.time {
	left: 0;
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dd {
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dd > div.body {
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dd > div.body::after {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	left: 100%;
	margin-left: -3px
}
div.base.message > div.inner > div.thread > div.archives > dl.host.message > dd > div.body > div.textarea {
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach {
	width: 100%;
	height: 80px;
	letter-spacing: -.40em;
	text-align: left;
	margin: 5px 0 0;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach::-webkit-scrollbar{
	width: 2px;
	height: 2px;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach::-webkit-scrollbar-track{
	width: 2px;
	height: 2px;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach::-webkit-scrollbar-thumb{
	background: #476079;
	border-radius: 0;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach::-webkit-scrollbar-track-piece:start{
	background: #EEE;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach::-webkit-scrollbar-track-piece:end{
	background: #EEE;
}

div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach > div.thm {
	display: inline-block;
	height: 100%;
	padding: 10px;;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach > div.thm > div.delete.over {;
	display: none;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach > div.thm > a {
	display: block;
	height: 100%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach > div.thm > a > div.img {
	height: 100%;
}
div.base.message > div.inner > div.thread > div.archives > dl.message > dd > div.attach > div.thm > a > div.img > img {
	display: block;
	height: 100%;
}

div.base.message > div.inner > div.thread > div.archives > dl.client.message {
	padding-left: 60px;
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dt {
	text-align: left;
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dt > div.img {
	left: 0;
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dt > div.name {
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dt > div.time {
	right: 0;
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dd {
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dd > div.body {
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dd > div.body::after {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 100%;
	margin-right: -3px
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dd > div.body > div.textarea {
}
div.base.message > div.inner > div.thread > div.archives > dl.client.message > dt > div.time {
}

div.base.message > div.inner > div.thread > dl.elm_edit {
	margin-top: 40px;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dt {
	display: none;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dt > div.img {
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd {
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body {
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper {
	position: relative;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.textarea {
	width: 100%;
	margin-bottom: 10px;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.textarea > textarea#message_body.elm_input {
	width: 100% !important;
	min-height: 200px;
	padding: 10px;
	font-size: 100%;
	display: block;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.attach {
	width: 100%;
	height: 0;
	padding-bottom: 12.5%;
	margin-bottom: 20px;
	margin-left: auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #FFF;

	transition-property: width,height,padding-bottom;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0,1,0,1);
	position: relative;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.attach > div.iframe_wrapper {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-width: 120px;
	height: 100%;

	transition-property: width,height,margin;
	transition-duration: 1s;
	transition-timing-function: cubic-bezier(0,1,0,1);
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.attach > div.iframe_wrapper > iframe {
	display: block;
	width: 100%;
	height: 100%;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.attach.minimize {
	height: 25px;
	width: 25px;
	overflow: hidden;
	background: transparent;

	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding-bottom: 0;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.attach.minimize > div.iframe_wrapper {
	margin: 0;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.btn.btn_send {
	cursor: pointer;
	position: relative;
	font-size: 110%;
	padding: 0;
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 200px;
	border: none;
	background-color: #00AEEB;
	color: #FFF;
	cursor: pointer;
	border-bottom: 1px solid #3c87bb;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	letter-spacing: 0.2em;;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.btn.btn_send:enabled:hover {
	background: #59F;
}
div.base.message > div.inner > div.thread > dl.elm_edit > dd > div.body > div.form_wrapper > div.btn.btn_send:active {
	margin-top: 1px;
	border-bottom: none;
}
/* @end */



/* @group FORM BASE ーーーーーーーーーーーーーーーーーーーーーーーーーー */
article.form_wrapper {
	margin: 0 auto 100px;
	width: 100%;
	max-width: 1040px;
}
form input,
form select,
form textarea {
	outline: 0;
	border-radius: 0;
	-webkit-appearance: none;
}
input[type="radio"],input[type="checkbox"] {
	cursor: pointer;
	margin-right: 10px;
	margin-left: 3px;
	margin-top: 0;

	background: #FFF url(../elements/icon_switch_check.png?180206) 50% 0% / 100% no-repeat !important;
	height: 20px !important;
	width: 20px !important;
	padding: 0 !important;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #AAA;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
input[type="radio"]:checked,input[type="checkbox"]:checked {
	background: #FFF url(../elements/icon_switch_check.png?180206) 50% 100% / 100% no-repeat !important;
	border-color: #4cafec;
}
input[type="radio"] {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
form.disabled input[type="button"] {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
article.form_wrapper form > div.form_base > header > h1 {
	width: 100%;
	text-align: center;
	font-size: 140%;
}
article.form_wrapper#form_user_login form > div.form_base > header > h1 {
	display: none;
}
article.form_wrapper form div.description {
	width: 100%;
	text-align: center;
	font-size: 90%;
	margin-top: 10px;
}
article.form_wrapper > form div.form_row.row_body div.description {
	text-align: left;
	margin: 0 0 10px;
	font-size: 110%;
	letter-spacing: normal;
}
article.form_wrapper > form div.form_row.row_body .conf div.description {
	display: none;
}
article.form_wrapper form > div.form_base > header > h1 > span,
article.form_wrapper form div.description > span {
	display: inline-block;
}


article.form_wrapper > form {
	position: relative;
	display: block;
	padding: 0 0;
	font-family: 'Noto Sans JP', "YuGothic", "游ゴシック", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Helvetica Neue", Verdana, Arial, sans-serif;
	color: #666666;
}
article.form_wrapper > form.loading::after {
	content: "";
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
article.form_wrapper > form input:not([type='button']),
article.form_wrapper > form select,
article.form_wrapper > form textarea {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}
article.form_wrapper > form input:not([type='button']):focus,
article.form_wrapper > form select:focus,
article.form_wrapper > form textarea:focus {
	border-color: #0088FF;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)
}
article.form_wrapper > form div.form_row > div input[type='text'].on,
article.form_wrapper > form div.form_row > div input[type='password'].on,
article.form_wrapper > form div.form_row > div input[type='email'].on,
article.form_wrapper > form div.form_row > div input[type='tel'].on,
article.form_wrapper > form div.form_row > div textarea.on {
	border-color: #0088FF;
}

article.form_wrapper > form input::selection,
article.form_wrapper > form select::selection,
article.form_wrapper > form textarea::selection {
	color: #555;
}
article.form_wrapper > form > div.form_base {
	padding: 0;
}
article.form_wrapper > form > div.form_base.confirm {
	padding: 10px 0 30px;
	background: rgba(255, 255, 255, 0.5);
	width: 100%;
	margin: 0 auto 0;
}
article.form_wrapper > form > div.form_base > header {
	display: none;
}
article.form_wrapper > form div.form_row {
	width: 100%;
	margin: 0 auto 1px;
	line-height: 0;
	letter-spacing: -.40em;
	background: #707e90;
}
article.form_wrapper > form div.form_row.text.sub_title {
	letter-spacing: normal;
	margin-top: 50px;
}
article.form_wrapper > form div.form_row.text > h2 {
	font-size: 140%;
}
article.form_wrapper > form div.form_row.text.sub_description {
	font-size: 90%;
	padding-top: 5px;
}
article.form_wrapper > form div.form_row.text.sub_description > div {
	text-align: justify;
	margin-left: 25%;
}
article.form_wrapper > form > div.form_base.confirm div.form_row.text.confirm_string {
	font-size: 90%;
	margin-top: 15px;
}
article.form_wrapper > form > div.form_base > div.description {
	display: none;
}
article.form_wrapper > form > div.form_base.confirm > div.description {
	display: block;
	margin-bottom: 10px;
	margin-top: 0;
	font-size: 110%;
}
article.form_wrapper > form > div.form_base.confirm div.form_row.text.sub_description {
	display: none;
}
article.form_wrapper > form > div.form_base.confirm div.form_row {
	padding-top: 20px;
	background: #EEE !important;
}
article.form_wrapper > form > div.form_base.confirm div.form_row.row_pw_2 {
	display: none;
}
article.form_wrapper > form > div.form_base.confirm div.form_row.row_body {
	padding-bottom: 20px;
}
article.form_wrapper > form div.form_row.submit {
	text-align: center;
}
article.form_wrapper > form div.form_row.hidden {
	display: none !important;
}
article.form_wrapper > form h3.attention {
	width: 100%;
	margin: 100px auto 0 auto;
	line-height: 1.2;
	text-align: center;
	font-size: 120%;
}
article.form_wrapper > form h2.header_sub {
	width: 100%;
	margin: 30px auto 0 auto;
	line-height: 1.2;
	text-align: center;
	font-size: 120%;
}

article.form_wrapper > form div.form_row > * {
	display: inline-block;

	line-height: 1.2;
	letter-spacing: normal;
	vertical-align: middle;

	width: 70%;
	text-align: left;
}
article.form_wrapper > form div.form_row > div.input_text {
	font-size: 120%;
}
article.form_wrapper > form div.form_row > div.input_select {
	font-size: 120%;
}
article.form_wrapper > form div.form_row > div.input_tel {
	font-size: 120%;
}
article.form_wrapper > form div.form_row > div.input_email {
	font-size: 120%;
}
article.form_wrapper > form div.form_row > div.input_checkbox {
}
article.form_wrapper > form div.form_row > div.input_radio {
}
article.form_wrapper label {
	cursor: pointer;
}
article.form_wrapper > form div.form_row > label {
	font-size: 94%;
	display: inline-block;
	vertical-align: middle;

	width: 30%;
	padding: 0 20px;
	color: #FFFF;
}
article.form_wrapper > form div.form_row.row_resume > label.input_checkbox {
	display: none;
}
article.form_wrapper > form div.form_row.row_resume > div {
	text-align: center;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > label {
	text-align: right;
	font-size: 85%;
	width: 30%;
	vertical-align: top;
	margin-top: 3px;
	color: #333;
	font-weight: bold;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > label ~ div {
	width: 70%;
	padding-right: 5%;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > div.description {
	display: none;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > div.conf {
	text-align: left;
	background: transparent;
	padding-top: 0;
	padding-left: 0;
	font-size: 120%;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > div.conf ul {
	padding-left: 20px;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > div.conf ul > li::before {
	content: "・";
	display: inline-block;
	width: 20px;
	text-align: center;
	margin: 0 0 0 -20px;
}
article.form_wrapper > form div.form_row > label.input_radio,
article.form_wrapper > form div.form_row > label.input_checkbox {
}
article.form_wrapper > form div.form_row > label.input_textarea {
	vertical-align: top;
	margin-top: 30px;
}
article.form_wrapper > form div.form_row > label > span {
	font-size: 70%;
	display: inline-block;
	vertical-align: middle;
	background-color: #cc99cc;
	float: right;

	padding: 2px 5px;
	color: #FFF;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;;
}
article.form_wrapper > form > div.form_base.confirm div.form_row > label > span {
	display: none;
}
article.form_wrapper > form div.form_row > div {
	position: relative;
	padding: 20px 30px;
	background: #f7f7f7;
}
article.form_wrapper > form div.form_row > div > div.spinner {
	height: 30px;
	width: 30px;
	margin: 9px 10px;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;

	background: #FFF url(../elements/spinner01.gif) no-repeat center center;
}

article.form_wrapper > form div.form_row > div input {
	font-size: 120%;
	padding: 8px 16px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	display: block;
	width: 100%;
	border: 1px solid #AAA;
	background-color: #FFF;;
}

article.form_wrapper > form div.form_row > div.input_email input {
}

article.form_wrapper > form div.form_row > div.input_tel input {
}

article.form_wrapper > form div.form_row > div.input_password input {
}

article.form_wrapper > form div.form_row > div.input_postcode input {
	max-width: 200px;
}

article.form_wrapper > form div.form_row > div.input_date input {
	max-width: 180px;
	display: inline-block;
}
article.form_wrapper > form div.form_row > div.input_date > input {
	background: #FFF url(../elements/icon_calendar.png?180206) 95% 50% / auto 70% no-repeat;
}
article.form_wrapper > form div.form_row > div.input_date > div.assist_birth {
	display: inline-block;
	position: relative;
	margin-right: 1%;
	width: 100px;
}
article.form_wrapper > form div.form_row > div.input_date > div.assist_birth input {
	padding-right: 5px;
	position: relative;
	z-index: 1;
}
article.form_wrapper > form div.form_row > div.input_date > div.assist_birth input[value=""] {
	z-index: 3;
}
article.form_wrapper > form div.form_row > div.input_date > div.assist_birth::after {
	content: "歳";
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto 25px auto 0;
	height: 20px;
	line-height: 20px;
	color: #555;
}
article.form_wrapper > form div.form_row > div.input_date > div.assist_birth::after {
}

article.form_wrapper > form div.form_row > div.input_select > select {
	font-size: 100%;
	padding: 10px 16px;
	letter-spacing: 0.1em;
	display: block;
	height: 40px;
	width: 30%;
	min-width: 180px;
	line-height: 1;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	cursor: pointer;
	background: #FFF url(../elements/icon_select.png?180206) 100% 50% / auto 100% no-repeat;
}

article.form_wrapper > form div.form_row > div.input_checkbox > label {
	font-size: 110%;
	padding: 10px 0 10px 0;
	line-height: 1.2;
	display: block;
	width: 100%;
	cursor: pointer;
}
article.form_wrapper > form div.form_row > div.input_checkbox > input {
	display: inline-block;
	vertical-align: middle;
	height: 20px !important;
	width: 20px !important;
}
article.form_wrapper > form div.form_row > div.input_checkbox > label > * {
	display: inline-block;
	vertical-align: middle;;
}
article.form_wrapper > form div.form_row > div.input_checkbox label.other {
	width: 100%;
	padding-right: 0;;
}
article.form_wrapper > form div.form_row > div.input_checkbox label.other > span {
	width: auto;;
}
article.form_wrapper > form div.form_row > div.input_checkbox label.other input[type='text'] {
	font-size: 95%;
	margin-left: 10px;
	margin-top: -3px;
	line-height: 1.2;
	height: 150%;
	width: 180px;
	border: 1px solid #AAA;
	padding: 2px 5px;
	background: #FFF;
	display: inline-block;;
}
article.form_wrapper > form div.form_row > div.input_checkbox > div.checkbox_empty {
	padding: 20px;
	text-align: center;
	background-color: #fdf2f3;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article.form_wrapper > form div.form_row > div.input_checkbox > div.checkbox_empty > h3 {
	margin-bottom: 10px;
}


article.form_wrapper > form div.form_row > div.input_radio > label,
article.form_wrapper > form div.form_row > div.input_checkbox > label {
	font-size: 110%;
	padding: 0 20px 10px 0;
	line-height: 1.2;
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	width: auto;
	cursor: pointer;
}
article.form_wrapper > form div.form_row > div.input_radio > label > * {
	display: inline-block;
	vertical-align: middle;
}
article.form_wrapper > form div.form_row > div.input_radio > label.other {
	width: 100%;
}
article.form_wrapper > form div.form_row > div.input_radio > label.other input[type='text'] {
	margin-left: 15px;
	margin-top: -1%;
	line-height: 1.2;
	height: 28px;
	border: 1px solid #AAA;
	padding: 0 5px;
	font-size: 90%;
	width: 65%;
}
article.form_wrapper > form div.form_row > div.input_radio > label > span,
article.form_wrapper > form div.form_row > div.input_checkbox > label > span {
	margin-top: -0.3em;
}

article.form_wrapper > form div.form_row > div.input_textarea {
}
article.form_wrapper > form > div.form_base.confirm div.form_row > div.input_textarea {
	height: auto;
}
article.form_wrapper > form div.form_row > div.input_textarea > textarea {
	font-size: 120%;
	padding: 8px 16px;
	line-height: 1.2;
	letter-spacing: 0.1em;
	display: block;
	height: 265px;
	width: 100%;
	border: 1px solid #AAA;
}

article.form_wrapper > form div.form_row > div.input_text input#input_timelimit {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

article.form_wrapper > form div.form_row > div.input_text > div.time_preset {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	letter-spacing: -.40em;
}
article.form_wrapper > form div.form_row > div.input_text > div.time_preset > div {
	display: inline-block;
	width: 48%;
	margin: 0 0.5% 1% 0.5%;
	padding: 1%;
	letter-spacing: normal;
	text-align: center;
	background: #EEE;
	font-size: 85%;
	cursor: pointer;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
article.form_wrapper > form div.form_row > div.input_submit {
	display: block;

	height: 40px;
	margin: 0px auto;
	width: 100%;
	max-width: 220px;
}
article.form_wrapper > form div.form_row > div.input_submit input {
	position: relative;
	font-size: 110%;
	padding: 0;
	margin: 0;
	line-height: 40px;
	display: inline-block;
	vertical-align: top;
	height: 100%;
	width: 100%;
	border: none;
	background: #bb3b38;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #692927;
	z-index: 2;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	transition-property: opacity background border-bottom top;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;

	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
article.form_wrapper > form.loading div.form_row > div.input_submit input {
	cursor: default;

	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}
article.form_wrapper > form div.form_row > div.input_submit > div.loading {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background: #e8e8e8;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";

	transition-property: opacity;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;
}
article.form_wrapper > form div.form_row > div.input_submit > div.loading > i {
	width: 24px;
	height: 24px;
	border-radius: 50%;

	margin: auto;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-indent: -9999em;
	border-top: 2px solid rgba(200, 200, 200, 0.8);
	border-right: 2px solid rgba(200, 200, 200, 0.8);
	border-bottom: 2px solid rgba(200, 200, 200, 0.8);
	border-left: 2px solid #888;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation: spinner_loading 1.1s infinite linear;
	animation: spinner_loading 1.1s infinite linear;
	font-size: 1px;
}
@-webkit-keyframes spinner_loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner_loading {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
article.form_wrapper > form.loading div.form_row > div.input_submit > div.loading {
	z-index: 10;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
article.form_wrapper > form:not(.loading) div.form_row > div.input_submit input:enabled:hover {
	background: #bb3b38;
}
article.form_wrapper > form:not(.loading) div.form_row > div.input_submit input:active {
	top: 1px;
	border-bottom: none;
}

article.form_wrapper > form div.form_row.submit > div.return {
	text-decoration: none;
	position: relative;
	font-size: 100%;
	padding: 0;
	margin: 20px auto 0;
	line-height: 25px;
	display: block;
	vertical-align: top;
	height: 100%;
	width: 100px;
	border: none;
	background: #888;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	border-bottom: 1px solid #565656;
	text-align: center;

	transition-property: background border-bottom margin-top;
	transition-duration: 0.2s;
	transition-timing-function: ease-out;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
article.form_wrapper > form div.form_row.submit > div.return:hover {
	background: #AAA;
}
article.form_wrapper > form div.form_row.submit > div.return:active {
	margin-top: 21px;
	border-bottom: none;
}
article.form_wrapper > form div.form_row.err > div input {
	background: #EEE;
	background-color: #fdf2f3;
	border: 1px solid #f8cdd1;
}
article.form_wrapper > form div.form_row.err > div > textarea {
	background: #EEE;
	background-color: #fdf2f3;
	border: 1px solid #f8cdd1;
}
article.form_wrapper > form div.form_row.err > div.input_radio {
	background: #EEE;
	background-color: #fdf2f3;
	border: 1px solid #f8cdd1;
}
article.form_wrapper > form div.form_row.err > div.input_checkbox {
	background-color: #fdf2f3;
	border: 1px solid #f8cdd1;
}
article.form_wrapper > form div.form_row.row_resume.err > div.input_checkbox {
	background-color: transparent;
	border: none;
}
article.form_wrapper > form div.form_row.err > div.err_mes {
	color: #cc6670;
	width: 70%;
	margin-left: 30%;
	line-height: 1.5;
	padding-top: 5px;
	text-align: left;
	font-weight: bold;
	margin-top: -15px;
}
article.form_wrapper > form div.form_row > div.description {
	width: 70%;
	margin-left: 30%;
	line-height: 1.5;
	padding-top: 5px;
	text-align: justify;
	margin-top: -15px;
	font-size: 80%;
}
article.form_wrapper > form div.form_row > div.submit_err_mes {
	color: #cc6670;
	width: 100%;
	line-height: 1.5;
	text-align: center;
	padding: 0 0 5%;
}

article.form_wrapper > form div.form_row > div.agreement {
	display: inline-block;
	text-align: center;
	width: 100%;
}
article.form_wrapper > form div.form_row > div.agreement > div {
	display: inline-block;
	text-align: left;
	margin: 20px 0 20px 0;
	font-size: 110%;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text::-webkit-scrollbar{ /* スクロールバー全体 */
	width: 10px;
}

article.form_wrapper > form div.form_row > div.agreement > article.agreement_text::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */
	background: #666;
	border-radius: 0;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
	background: #ddd;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
	background: #ddd;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text {
	text-align: left;
	height: 200px;
	padding: 20px;
	overflow-y: scroll;
	border: 1px #BBBBBB solid;
	word-wrap:break-word;
	background-color:#FFF;
	width:75%;
	margin:0 auto;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text h1 {
	font-size: 110%;
	margin-bottom: 30px;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text dl {
	line-height: 1.2;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text dl > dt {
	display: block;
	font-weight: bold;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text dl > dd {
	display: block;
	margin: 0 0 25px 0;
}
article.form_wrapper > form div.form_row > div.agreement > article.agreement_text span.highlight {
	color: #00C;
	font-weight: bold;
}

article.form_wrapper > form div.form_row > div.agreement > div > label {
	font-size: 120%;
	cursor: pointer;
}
article.form_wrapper > form div.form_row > div.agreement > div > label input[type="checkbox"] {
	display: inline-block;
	margin-right: 20px;
	box-shadow: none;
	vertical-align: middle;
	margin-top: -5px;
}

dl.form_insert {
	width: 100%;
	margin: 10px auto 0 auto;
	line-height: 0;
	letter-spacing: -.40em;
	text-align: center;
}

dl.form_insert > * {
	line-height: 1.2;
	letter-spacing: normal;
	margin: 10px auto 0 auto;

	font-size: 110%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 10px;
	font-weight: bold;
}
dl.form_insert > dt {
	width: 25%;
	padding-left: 20px;
}
dl.form_insert > dd {
	width: 50%;
}

dl.form_insert.resume {
}
dl.form_insert.resume > * {
	line-height: 1.2;
	letter-spacing: normal;
	margin: 10px auto 0 auto;

	font-size: 100%;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 10px;
	font-weight: bold;
}
dl.form_insert.resume > dt {
	text-align: right;
	padding-right: 15px;
	width: auto;
}
dl.form_insert.resume > dd {
	height: 24px;
	width: auto;
}
dl.form_insert.resume > dd input[type="checkbox"] {
}
div.mes.session {
	text-align: center;
	width: 100%;
	padding: 120px 10px;
	background: #EEE;
	margin: 3px auto;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div.mes.session > h1 {
	font-weight: bold;
	color: #555;
}
div.mes.session.complete > h1 {
	font-size: 120%;
}
div.mes.session.complete > h1::before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../elements/icon_received.svg?180322) 50% 50% / 100% no-repeat;
	vertical-align: middle;
	margin: -2px 8px 1px -15px;
}
div.mes.session > div.description {
}
div.mes.session > div.description a.pjax {
	text-decoration: underline;
}
div.mes.session.popup {
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;

	transition-property: transform;
	transition-duration: 2s;
	transition-timing-function: cubic-bezier(0,1,0,1);

	-webkit-transform: matrix(1, 0, 0, 1, 0, -200);
	-moz-transform: matrix(1, 0, 0, 1, 0, -200);
	-o-transform: matrix(1, 0, 0, 1, 0, -200);
	-ms-transform: matrix(1, 0, 0, 1, 0, -200);
	transform: matrix(1, 0, 0, 1, 0, -200);
}
div.mes.session.popup.show {
	-webkit-transform: matrix(1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(1, 0, 0, 1, 0, 0);
	-o-transform: matrix(1, 0, 0, 1, 0, 0);
	-ms-transform: matrix(1, 0, 0, 1, 0, 0);
	transform: matrix(1, 0, 0, 1, 0, 0);
}
.ajax #login_complete {
	background: transparent;
}
.ajax #login_complete > h1 {
	display: none;
}

form.nisor > div.form_base > div.form_row.row_agree {
	text-align: center;
	max-width: 420px;
	margin: 20px auto 0;
	font-size: 120%;
	padding: 20px 0;
	border-radius: 5px;
	direction: rtl;
	background: transparent !important;
}
form.nisor > div.form_base > div.form_row.row_agree > * {
	direction: ltr;
}
form.nisor > div.form_base.confirm > div.form_row.row_agree {
	display: none;
}
form.nisor > div.form_base > div.form_row.row_agree > .err_mes {
	font-size: 80%;
	text-align: center;;;

}
form.nisor > div.form_base > div.form_row.row_agree > label.input_checkbox {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	color: #555;
	font-size: 75%;
	padding: 0 15px 2px 15px;
	margin: -2px 0 2px 0;
}
form.nisor > div.form_base > div.form_row.row_agree > label.input_checkbox > a {
	display: inline-block;
	padding: 0 5px;
	color: #000;
	text-decoration: underline;
}
form.nisor > div.form_base > div.form_row.row_agree > label.input_checkbox > span.required {
	display: none;
}
form.nisor > div.form_base > div.form_row.row_agree > div.input_checkbox {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	padding: 0;
	background: transparent;;;;
}
form.nisor > div.form_base > div.form_row.row_agree > div.input_checkbox > label {
	padding: 0;;
}


form.nisor > div.form_base > div.form_row.row_agree > div.input_checkbox > label > input#input_contact_agree {
	margin: 0;
}
form.nisor > div.form_base > div.form_row.row_agree > div.input_checkbox > label > span {
	display: none;;
}
form.nisor > div.form_row.submit {
	position: relative;
	padding: 20px 0;
	margin: 0;
	background: transparent !important;
}
form.nisor > div.form_row.submit > div.input_submit {
	position: relative;
	padding: 0;
}
form.nisor > div.form_row.submit > div.input_submit::after {
	content: "";
	width: 8px;
	height: 8px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 2px solid #FFF;
	border-right: 2px solid #FFF;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	right: 6%;
	margin: auto;
}
form.nisor > div.form_row.submit > div.input_submit > input.submit {
	background: #707e90;
	border-bottom: 1px solid #56727d;;
}
form.nisor > div.form_row.submit > div.input_submit > input.submit:enabled:hover {
	background: #879cb7;
}

form.nisor > div.form_row.submit > div.input_submit > div.loading {
}
form.nisor > div.form_row.submit > div.input_submit > div.loading > i {
}

form.nisor > div.form_row.submit.n_a {
}
form.nisor > div.form_row.submit.n_a::after {
	content: "";
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0);;;;;;;;
}
form.nisor > div.form_row.submit.n_a > div.input_submit {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
form.nisor > div.form_row.submit.n_a > div.input_submit > input.submit {
	background: #333333 !important;
	border-bottom: 1px solid #292929 !important;
}
form.nisor > div.form_row.submit.n_a > div.input_submit > div.loading {
}
form.nisor > div.form_row.submit.n_a > div.input_submit > div.loading > i {
}


/* @end */



/* @group 

  _|_|      _|_|_|    _|_|_|    _|_|    _|    _|  _|      _|  _|_|_|_|_|
_|    _|  _|        _|        _|    _|  _|    _|  _|_|    _|      _|
_|_|_|_|  _|        _|        _|    _|  _|    _|  _|  _|  _|      _|
_|    _|  _|        _|        _|    _|  _|    _|  _|    _|_|      _|
_|    _|    _|_|_|    _|_|_|    _|_|      _|_|    _|      _|      _|

 --------------------------------------------------------*/
#settings {
	width: 100%;
	position: relative;
	padding: 2%;
	font-size: 100%;
	max-width: 800px;
	display: block;
	margin: 0 auto 0;
	line-height: 0;
	letter-spacing: -.40em;
}
#settings .form_switch {
	display: inline-block;
	background: #FFF;
	letter-spacing: normal;
	line-height: 1;
	margin: 0 1px;
}
/* @end */




/* ==========================================================================
	 Media Queries
	 ========================================================================== */


/* @group portrait --------------------------------------------------------*/
@media all and (orientation: portrait) {

}
/* @end */


/* @group If <= 1300 --------------------------------------------------------*/
@media only screen and (max-width: 1300px) {
}
/* @end */

/* @group If <= 1000 --------------------------------------------------------*/
@media only screen and (max-width: 1000px) {
}
/* @end */

/* @group If <= 900 --------------------------------------------------------*/
@media only screen and (max-width: 900px) {
}
/* @end */

/* @group If <= 800 --------------------------------------------------------*/
@media only screen and (max-width: 800px) {
}
/* @end */

/* @group If <= 740 --------------------------------------------------------*/
@media only screen and (max-width: 740px) {

	/*
	article.form_wrapper > form div.form_row {
		padding-top: 5%;
	}
	article.form_wrapper > form div.form_row > * {
		width: 60%;
	}
	article.form_wrapper > form div.form_row > label {
		width: 35%;
	}
	article.form_wrapper > form div.form_row > div.description {
	margin-left: 35%;
	}
	article.form_wrapper > form div.form_row > div > * {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_text input {
		font-size: 120%;
	}
	article.form_wrapper > form div.form_row > div.input_email input {
		font-size: 120%;
	}
	article.form_wrapper > form div.form_row > div.input_tel input {
		font-size: 120%;
	}
	article.form_wrapper > form div.form_row > div.input_password input {
		font-size: 120%;
	}
	article.form_wrapper > form div.form_row > div.input_select > select {
		font-size: 100%;
	}
	article.form_wrapper > form div.form_row > div.input_checkbox > label {
		font-size: 110%;
	}
	article.form_wrapper > form div.form_row > div.input_checkbox label.other input[type='text'] {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_radio > label {
		font-size: 110%;
	}
	article.form_wrapper > form div.form_row > div.input_radio > label.other input[type='text'] {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_textarea > textarea {
		font-size: 120%;
	}

	dl.form_insert.resume > dd {
		width: auto;
	}
	*/

}
/* @end */



/* @group If <= 560 --------------------------------------------------------*/
@media only screen and (max-width: 560px) {

	article.form_wrapper > form div.form_row {
	margin-bottom: 10px;
	}
	article.form_wrapper > form div.form_row > * {
		width: 100%;
		margin: 0;
	}
	article.form_wrapper > form div.form_row > label {
		width: 100%;
		margin: 0 !important;
		padding: 8px 15px;
		text-align: left !important;
		font-size: 12px;
	}
	article.form_wrapper > form div.form_row > div {
	padding: 15px 10px;
	}
	article.form_wrapper > form > div.form_base.confirm div.form_row > label {
	width: 100%;
	font-size: 85%;
	padding: 0 0 5px;
	}
	article.form_wrapper > form > div.form_base.confirm div.form_row > label ~ div {
	width: 100%;
	padding: 0;
	}
	article.form_wrapper > form > div.form_base.confirm div.form_row > div.conf {
	padding: 0 0 10px;
	}
	article.form_wrapper > form div.form_row > div > * {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_text input {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_email input {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_tel input {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_password input {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_select > select {
		font-size: 100%;
	}
	article.form_wrapper > form div.form_row > div.input_checkbox > label {
	}
	article.form_wrapper > form div.form_row > div.input_checkbox label.other input[type='text'] {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_radio > label {
		font-size: 110%;
	}
	article.form_wrapper > form div.form_row > div.input_radio > label.other input[type='text'] {
		font-size: 90%;
	}
	article.form_wrapper > form div.form_row > div.input_textarea > textarea {
		font-size: 100%;
	}

	body.album.select #container > article > div#media > article.form_wrapper > form div.form_row > div.input_checkbox > ul > li {
		width: 50%;
		padding-bottom: 50%;
	}
	body.album.select #container > article > div#media > article.form_wrapper > form div.form_row.submit > .input_submit {
		}
	body.album.select #container > article > div#media > article.form_wrapper > form div.form_row.submit > .input_submit > * {
		width: 140px;
		margin: 10px 5px;
		font-size: 90% !important;
	}

	dl.form_insert.resume > dt {
		width: auto;
		font-size: 90%;
	}
	dl.form_insert.resume > dd {
		width: auto;
	}

	article.form_wrapper > form div.form_row.err > div.err_mes {
		width: 100%;
		margin: -10px 0 0;
		padding: 0 10px 5px;
	}
	article.form_wrapper > form div.form_row > div.description {
		width: 100%;
		margin: 0;
		padding: 0 10px 15px;
	}
	article.form_wrapper > form div.form_row > div.submit_err_mes {
		width: 90%;
		margin: 0 5%;
	}

	article.form_wrapper > form > div.form_base.confirm {
		padding: 10px 0 30px;;
	}
	article.form_wrapper > form > div.form_base.confirm div.form_row {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	}

	/* @group upload --------------------------------------------------------*/
	div.image_field {
	}
	div.image_field > .thm_wrapper {
	}
	div.image_field > .thm_wrapper::-webkit-scrollbar{
	}
	div.image_field > .thm_wrapper::-webkit-scrollbar-track{
	}
	div.image_field > .thm_wrapper::-webkit-scrollbar-thumb{
	}
	div.image_field > .thm_wrapper::-webkit-scrollbar-track-piece:start{
	}
	div.image_field > .thm_wrapper::-webkit-scrollbar-track-piece:end{
	}
	div.image_field > .thm_wrapper > * {
	width: 21%;
	padding-bottom: 21%;
	}
	div.image_field > .thm_wrapper > label.droparea {
	}
	div.image_field > .thm_wrapper > label.droparea.hover {
	}
	div.image_field > .thm_wrapper > label.droparea input {
	}
	div.image_field > .thm_wrapper > div.thm {
	}
	div.image_field > .thm_wrapper > div.thm.loaded {
	}
	div.image_field > .thm_wrapper > div.thm > div.delete {
	}
	div.image_field > .thm_wrapper > div.thm > div.delete.on {
	}
	div.image_field > .thm_wrapper > div.thm > a {
	}
	div.image_field > .thm_wrapper > div.thm > a > div.img {
	}
	div.image_field > .thm_wrapper > div.thm > a > div.img > img {
	}
	div.image_field > .thm_wrapper > div.thm.loaded > a > div.img > img {
	}
	/* @end */
}
/* @end */

/* @group If <= 400 --------------------------------------------------------*/
@media only screen and (max-width: 400px) {


}
/* @end */