/* ************************************************ 
 * ------------------------------------------------
 *	脂 CSS
 * ------------------------------------------------
 * ************************************************ */

/* ------------------------------------- 
 *	若梧駕鐚
 *	若梧糸鐚
 *	潟駕鐚
 *	潟泣ゃ削鐚
 * ------------------------------------- */

body {
	background: #000;
	color: #eee;
	font: 12px;/130% "Verdana", " Pro W3", "鐚竺 眼激", "Osaka膈綛";
	margin: 0px;
	padding: 0px;
	}

tr,td,th,div,font {
	font: 12px//130% "Verdana", " Pro W3", "鐚竺 眼激", "Osaka膈綛";
	}

form {
	margin: 0px;
	padding: 0px;
	}

img {
	border:0px;
	}


/* ------------------------------------- 
 *	潟絖/絽御(link,visited,active)
 *	潟絖/鴻綵ｃ(hover)
 * ------------------------------------- */
a:link {font-size:12px; color:#e0b661; text-decoration:none;}
a:visited {font-size:12px; color:#e0b661; text-decoration:none;}
a:active {font-size:12px; color:#e0b661; text-decoration:none;}
a:hover {font-size:12px; color:#e0b661; text-decoration:underline;}


/* design css------------------------------------------ */

.base01 {
	background-color:#000;
	}

.base02 {
	background-color:#000;
	}



/* ------------------------------------- 
 *	帥ゃ≪
 * ------------------------------------- */
.title_area {
	width:800px;
	height:100px;
	background: #000 url(https://img08.shop-pro.jp/PA01200/317/etc/other_header_bkgd.png) no-repeat 50% 50%;
	text-indent:-9999px;
	}

	.title_area img {
		display: none;
	}


/* ------------------------------------- 
 *	菴遵
 * ------------------------------------- */

.c-button--primary,
.c-button--primary:link,
.c-button--primary:hover,
.c-button--primary:active,
.c-button--primary:visited {
	color: #fff;
}
.c-button--primary {
	background: #EE0000;
}
  .c-button--primary:hover {
	background: #CC0000;
  }


.c-button--danger,
.c-button--danger:link,
.c-button--danger:hover,
.c-button--danger:active,
.c-button--danger:visited {
  color: #fff;
}

.c-button--danger {
  background: #333;
}
  .c-button--danger:hover {
    background: #666;
  }


.c-form__title {
  color: #EEE;
}

.p-page__body-inner {
  color: #EEE;
  border-top: 2px solid #333;
  border-bottom: 0px solid #a37b2b;
  padding: 20px 50px;
}


.p-page__copyright {
	background:#a37b2b !important;
	font-size: 10px;
	padding: 10px 0px !important;
	margin: 0px auto 10px !important;
    color:#fff !important;
}

.view_pc .p-page__container {
  margin: 0 auto;
  width: auto;
  max-width: 800px;
}
.view_pc .base01 {
  max-width: 804px;
}
.p-page__title {
  color: #e0b661;
}
.p-page__sub-title {
  color: #FFF;
}

.c-form__content {
  color: #EEE;
}

.c-alert {
  color: #FFF;
  background: #333;
  padding: 20px;
  margin: 30px 0;
  line-height: 1.6;
  text-align: left;
}
.c-alert--danger {
  color: #EE0000;
  background: #ffd5d0;
  font-weight: bold;
}
.c-alert--success {
  color: #EE0000;
  background: #ffd5d0;
  font-weight: bold;
}

.p-secure__msg {
    color:#fff !important;
}

.c-line {
  height: 2px;
  background: #333;
  border: none;
  margin: 50px 0;
}


@media (max-width: 768px) {
	.p-page__body-inner {
	  padding: 20px 20px;
	}

	.title_area {
		width:100%;
		width:100%;
		background: #000 url(https://img08.shop-pro.jp/PA01200/317/etc/logo_sp.png) no-repeat 50% 50%;
		background-size:contain;
		text-indent:-9999px;
	}


}

@media (max-width: 480px) {
	.p-page__body-inner {
	  padding: 20px 10px;
	}
	.title_area {
		width:100%;
		width:100%;
		background: #000 url(https://img08.shop-pro.jp/PA01200/317/etc/logo_sp.png) no-repeat 50% 50%;
		background-size:contain;
		text-indent:-9999px;
	}

}