@charset 'UTF-8';

/*//////////////////////////////////////////////

contents style

//////////////////////////////////////////////*/

/**************************
 * アカウント登録フォーム
 **************************/

.save #save_message{
	text-align:center;
	margin-top:0px;
	margin-bottom:15px;
}
.gateway #OnThickbox .error-message{
	background:none;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;
	margin-top:40px;
	margin-bottom:30px;
}


/*以下アプリからのみ適用*/
.entry #actionView.fromapp,
.save #actionView.fromapp,
.gateway #actionView.fromapp,
.tb_apply_password_reset #actionView.fromapp{
    margin: 0px;
	padding-top:0px;
	font-size:12.5px;
}
.fromapp #OnThickbox{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-left: auto; 
	margin-right: auto;
	padding:15px;
	width:100%;
}
#actionView.pc {
    margin-top: 0px;
}
.pc #OnThickbox{
	padding:20px;
}
.pc h3{
	margin-right:35px;
}
.tb_apply_password_reset .pc button{
	margin: 10px;
}
.entry .pc #SubmitBtn:hover{
	color:#777777;
	
}
.save .fromapp .inlineFormWrap a,
.gateway .fromapp .inlineFormWrap a,
.entry .fromapp .inlineFormWrap a,
.tb_apply_password_reset .fromapp .inlineFormWrap button
{
    -webkit-appearance: none;
	background:#007AFF;
	color:#FFF;
	border:none;
	border-radius:3px;
	box-shadow:none;
	text-shadow:none;
	padding:8px;
	margin-top:15px;
	width:20%;
	min-width:130px;
	font-size:15px;
}
.tb_apply_password_reset .inlineFormWrap button[disabled]{
	opacity: 0.7;
	
}
.entry .fromapp .inlineFormWrap a{
	display:inline-block;
	font-weight:bold;
	margin:0 auto;
}
.entry .fromapp .inlineFormWrap button#returnQaForm{
	float:none;
}

/*iOS8.4.1対策*/
.entry .fromapp button{
	position:static;
	opacity:1;
}

/**************************
 * パスワードリセットフォーム
 **************************/
.gateway_password_reset #actionView{
	margin:20px;
}
.gateway_password_reset #actionView ul{ 
	margin:10px;
}
/**************************
 * アプリ初回起動時の属性入力画面
**************************/
.gateway .attr_introtext,
.entry .attr_introtext {
	font-weight:bold;
	font-size:120%;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:#CCC 1px solid;
}
.entry .attr_introtext p,
.gateway .attr_introtext p {
	font-size:125%;
	text-align:center;
	color: #007AFF;
}

#AccountForm input[type="text"],
#AccountForm input[type="password"] {
	border: 1px solid #cccccc;
	min-height:28px;
	width:215px;
	margin:5px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) inset; 
	border-radius:1px;
	padding:0 10px 0 10px;
}

#AccountForm fieldset.accountUnit {
	margin-top:20px;
}
.pc #AccountForm fieldset.accountUnit{
	text-align:left;
}
#AccountForm input[type="text"], #AccountForm input[type="password"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-touch-callout:none;
}
.fromapp #AccountForm input[type="text"],
.fromapp #AccountForm input[type="password"],
.fromapp #AccountForm fieldset.accountUnit select,
.fromapp #UserTbApplyPasswordResetForm input[type="text"]{
	font-size:128%;
	min-height:35px;
	line-height:35px;
	background:#FFFFFF;
}
.pc #AccountForm input[type="text"],
.pc #AccountForm input[type="password"]{
	margin-left:20px;
}
#AccountForm fieldset.accountUnit p {
	font-size:120%;
	font-weight:bold;
}
.fromapp #AccountForm fieldset.accountUnit p {
	font-size:120%;
	margin-left: 5px;
}
.fromapp #AccountForm fieldset.accountUnit #useremail_comment{
	font-size:9px;
	margin-left:5px;
}
.pc #AccountForm fieldset.accountUnit #useremail_comment{
	font-size:9px;
	margin-left:20px;
}
.pc #AccountForm fieldset.accountUnit p{
	text-align:left;
}
.pc #AccountForm fieldset.accountUnit p{
	color: #444444;
    margin-bottom: 0px;
    padding-bottom: 0px;
	padding-left: 20px;
    background: rgba(0, 0, 0, 0) url("./cssimg/h5_bg.png") no-repeat scroll 8px 40%;
	text-align: left;
}
#AccountForm fieldset.accountUnit select {
	display:block;
    color: #000;
	min-width:200px;
	max-width:200px;
	height: 30px;
    min-height: 28px;
	line-height: 30px;
	margin:0 auto 5px;
	padding: 0 10px;
	border: 1px solid #cccccc;
	border-radius: 1px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) inset;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-touch-callout:none;
}
.pc #AccountForm fieldset.accountUnit select{
	margin:0 auto 5px 20px;
}
#AccountForm fieldset.accountUnit option {
	padding:10px;
	color: #000;
}

@media screen and (max-width: 480px){
	#AccountForm input[type="text"],
	#AccountForm input[type="password"] {
		width:90%;
		margin:5px;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.1) inset; 
		border-radius:1px;
		padding:0 10px 0 10px;
	}
	#AccountForm fieldset.accountUnit select {
		min-width:98%;
	}
}

#AccountForm #AgreeUI {
	min-width:100%;
	max-width:100%;
	margin:25px auto 25px auto;
}

#AccountForm #AgreeUI .innerTextWrap{
	text-align: center;
}

/*疑似チェックボックスstart*/
span.agreeCB{
	width:20px;
}

span.agreeCB input{
	display: none;
	-webkit-touch-callout:none;
}

span.agreeCB label{
  position: relative;
  display: inline;
}

span.agreeCB label::before{
  display: inline-block;
  content: '';
  width: 16px;
  height: 16px;
  background: #fff;
  border: 2px solid #ccc;
  vertical-align: middle;	
}

span.agreeCB input[type="checkbox"]:checked + label::after{
  position: absolute;
  content: '';
  top: 5px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 2px solid #007AFF;
  border-bottom: 2px solid #007AFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*IE11レイアウト崩れ対応*/
*::-ms-backdrop, span.agreeCB input[type="checkbox"]:checked + label::after{
  top: -8px;
}
/*Edgeレイアウト崩れ対応*/
@supports (-ms-ime-align:auto) {
span.agreeCB input[type="checkbox"]:checked + label::after{
  top: -8px;
}
}
/*疑似チェックボックスend*/

#AccountForm #AgreeUI p {
	display: inline-block;
	margin-left:30px;
	min-width: 100%;
}

#AccountForm div.inlineFormWrap{
	min-width: 100%;
	/*
	position: absolute;
	bottom: 0;
	*/
	text-align: center;
}

#AccountForm #SubmitBtn {
	opacity:0.3;
	margin:10px !important;
	text-decoration: none;
}

#AccountForm #SubmitBtn.sendable {
	opacity:1;
}
#AccountForm #inlineFormWrap{
	position: relative;	
	text-align: center;
}

#AccountForm #SubmitBtn{
	min-width: 100px;
	-webkit-touch-callout:none;
}

#AccountForm #SwitchLangBtn {
	color:#007AFF;
	background:none;
	opacity:1;
	min-width:100px;
	-webkit-touch-callout:none;
	position: absolute;
	left: -14px;
}

#AccountForm div.error-message {
	background:none;
	margin:0;
	padding:0;
	text-align: left;
}

/**************************
 * 管理者ログインフォーム
 **************************/
#LoginAdminLoginForm input {
	width:100px;
}

/**************************
 * 管理画面
 **************************/
#adminConsoleSet h3{
	font-size:120%;
	padding:5px 10px;
	background:#FAFAFD;
	margin-bottom:10px;
}
#adminConsoleSet h3:after {
	border-top:3px solid #3486c7;
	width:100%;
}
#adminConsoleSet .inlineFormWrap,
#adminConsoleSet #AdminsSwitchBasicAuthForm,
#adminConsoleSet #AdminsUpdateVersionForm,
#adminConsoleSet #ImportsUpdateTableForm,
#adminConsoleSet #ImportExhibitionsUpdateTableForm,
#adminConsoleSet #AdminsClearBookmarkTablesForm,
#adminConsoleSet #AdminsClearEnqTablesForm,
#adminConsoleSet #AdminsClearCachesForm,
#adminConsoleSet #AdminsBookmarkForm,
#adminConsoleSet #AdminsMergePoForm{
	margin-bottom:50px;
}
#adminConsoleSet select {
	border:#aaa 1px solid;	
}
#adminConsoleSet fieldset {
	padding:0px 10px;
	margin-bottom:15px;
	border:1px solid #ccc;
	background:#F2F2F5;
}
#adminConsoleSet label {
	display:inline-block;
	margin-right:15px;
	padding:3px;
}
#adminConsoleSet label.active {
	color:white;
	background:#666;
	border-radius:3px;
}
#adminConsoleSet p {
	text-align:left !important;
	margin:10px 0;
}
#adminConsoleSet form {
	text-align:left !important;
	margin:10px 0;
}
#adminConsoleSet form#LoginLogoutForm button{
	font-size:95%;
}
#adminConsoleSet pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}

#adminConsoleSet #consoleWrap iframe {
	height:300px;
	border:1px solid black;
}

/**************************
 * アカウント削除サイトからの流入時
 **************************/
/**
 * 色定義
 */
:root {
	--color-blue:#007AFF;
	--color-red:#a00;
	--color-pink:#fee;
	--color-green:#060;
	--color-lightgreen:#bfffbf;
	--color-darkblue:#2C4074;
}
#OnThickbox.CalledFromAppStore h3 {
	color:var(--color-darkblue);
	background:none;
	border:none;
	font-size:165%;
}
#OnThickbox.CalledFromAppStore h3::after {
	border:none;
}
#OnThickbox.CalledFromAppStore button {
	width:auto;
	opacity:1;
	font-size:13px;
}
body.tb_apply_password_reset #OnThickbox.CalledFromAppStore button {
	border:2px solid var(--color-blue);
}