.txt_center{ text-align: center; }

/*==========================================
 PC SP 切り替え
===========================================*/
	.idx-Major_PC{ display: none; }
	.idx-Major_SP{ display: block; }

@media (min-width: 768px) {	/* PC時 */
	.idx-Major_PC{ display: block; }
	.idx-Major_SP{ display: none; }
}

/*==========================================
 Font
===========================================*/
.fontSize80{ font-size: 80%; }
.fontSize120{ font-size: 120%; }
.fontSize130{ font-size: 130%; }
.fontSize150{ font-size: 150%; }
.f_b33432{ color: #b33432; }
.f_b23653{ color: #b23653; }
.f_ff8500{ color: #ff8500; }	/* オレンジ色 */

.f_bold{ font-weight: bold; }
.txt_cl{	/* PCではcenter。スマホではtxt_left。	*/
	text-align: left !important;
	}
	@media (min-width: 768px) {	/* PC時 */
	.txt_cl{ text-align: center !important; }
	}
.txt_center{ text-align: center !important; }
.txt_left{ text-align: left !important; }
.txt_right{ text-align: right !important; }
.float_right{ float: right !important; }
.txt_justify {					/* 均等割り付け */
  text-align: justify;
  text-justify: inter-ideograph;
}

/* 蛍光ペン */
.marker_yellow { background: linear-gradient(transparent 60%, #ffff66 60%); }	/* 黄色 */
.marker_lime { background: linear-gradient(transparent 60%, #66FFCC 60%); }		/* 黄緑色 */
.marker_water { background: linear-gradient(transparent 60%, #66ccff 60%); }	/* 水色 */
.marker_pink { background: linear-gradient(transparent 60%, #ff66ff 60%); }		/* 桃色 */
/*==========================================
 Background Color
===========================================*/
.bc_FFF0D8{ background: #FFF0D8; }
/*==========================================
 space
===========================================*/
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt50 { margin-top: 50px !important; }

.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }

.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }

.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }

.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
/*==========================================
 背景色
===========================================*/
.bkc_FFFFFF { background: #FFFFFF; }	/* 白色 */
.bkc_f7f6f0 { background: #f7f6f0; }	/* 薄い象色 */
.bkc_f3f3f3 { background: #f3f3f3; }	/* 薄い灰色 */
.bkc_ffffe8 { background: #ffffe8; }	/* 明るい象色 */
.bkc_F4F2ED { background: #F4F2ED; }	/* 明るい象色 */

/* ロゴ	*/
.logo {
	width: 95% ;
	height: auto ;
	margin: 0 auto ;
}
@media (min-width: 768px) {	/* PC時 */
.logo {
	width: 95% ;
	height: auto ;
	margin: 0 auto ;
	}
}

.btn-width{
	margin: 0 auto ;
	padding: 30px 15px 0px 0px;
	width: 75% ;
}
.msg1{
	margin: 0 auto ;
	padding: 20px 0px 0px 0px;
}


/* latin-ext */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel Regular'), local('Cinzel-Regular'), url(https://fonts.gstatic.com/s/cinzel/v7/8vIJ7ww63mVu7gt7-GT7LEc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Cinzel';
  font-style: normal;
  font-weight: 400;
  src: local('Cinzel Regular'), local('Cinzel-Regular'), url(https://fonts.gstatic.com/s/cinzel/v7/8vIJ7ww63mVu7gt79mT7.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* -- form#login-form -- */

form#login-form {
	width: 600px;
	margin: 20px auto;
	height: auto;
	background: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 7px;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.2 );
	padding: 40px 0;
	/*	position: absolute;	*/
/*	top: 50%;
	left: 50%;
	transform: translate( -50%, -55% );	*/
}


form#login-form h1 {
	width: 85%;
	margin: 0 auto;
	font-size: 200%;
	text-align: center;
	font-family: 'Cinzel', serif;
	letter-spacing: 0.08em;
	text-shadow: 3px 4px 2px rgba( 0, 0, 0, 0.1 );
}


form#login-form input {
	height: 2em;
	padding: 2px 2%;
	border: 1px solid #cccccc;
	border-radius: 3px;
	background: #fafafa;
}

form#login-form input:focus {
	box-shadow: 0px 0px 5px #55ccff;
	border: 1px solid #55ccff;
	background: #ffffff;
}


form#login-form dl {
	width: 80%;
	margin: 15px auto 0;
}

form#login-form dl dt {
	margin-top: 20px;
}

form#login-form dl dt:first-child {
	margin-top: 0;
}

form#login-form dl dd input {
	width: 95%;
	margin-top: 5px;
	-webkit-appearance: none;
	font-size: 100%;
}


form#login-form p.submit {
	width: 80%;
	margin: 30px auto 0;
}

form#login-form p.submit input {
	height: auto;
	padding: 9px 15px;
	vertical-align: middle;
	line-height: 1;
	background: #5cb85c;
	border: 1px solid #4cae4c;
	border-radius: 3px;
	color: #ffffff;
	font-family: inherit;
	-webkit-appearance: none;
	font-size: 100%;
}

form#login-form p.submit input:hover {
	cursor: pointer;
	background: #449d44;
	border: 1px solid #398439;
}


/* -- for JavaScript ここから -------------------- */

form#login-form dl dd span {
	display: block;
	color: #ff0000;
}


/* -- for JavaScript ここまで -------------------- */








/* -- responsive ----------------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {


form#login-form,
form#logout-form {
	width: 95%;
	margin: 40px auto;
	position: static;
	transform: translate( 0, 0 );
}


}
/* 1000pixel end */