@charset "utf-8";

/*/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~*/

#nav,
#footer {
	background: #000;
}

nav #nav dt {
	color: #fff;
}

nav #nav dd {
	color: #fff;
}
nav #nav dd:hover {
	background-color: rgba(0,0,0,0.2);
}

nav #nav .menu {
	color: #fff;
}

#footer .copy {
	color: #fff;
}

@media screen and (max-width: 768px) {
/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/

	nav #nav {
		background: #000;
	}

	nav #nav dd {
		background: #666;
	}
	
	nav #nav dd:nth-child(even) {
		background: #333;
	}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
}

/*/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~*/

/*~AQUA（55,65,110,1・85,150,200,1）~*/

body.aqua header:not(.image) {
	background: linear-gradient(45deg, rgba(65,80,135,1), rgba(85,150,200,1));
}

body.aqua .h1 > h1 {
	color: rgba(85,150,200,1);
}

body.aqua  {
	background: #ebebeb;
}

body.aqua main .fbord,
body.aqua main .fhead {
	background: linear-gradient(45deg, rgba(80,100,165,1), rgba(85,150,200,1));
}

body.aqua main .fdate,
body.aqua main .fdls dt,
body.aqua main label {
	background: rgba(85,150,200,1);
}

body.aqua main .fdots {
	border-left: 5px solid rgba(85,150,200,1);
}

body.aqua #nav,
body.aqua #footer {
	background: linear-gradient(45deg, rgba(80,100,165,1), rgba(85,150,200,1));
}

body.aqua #footer img {
	filter: drop-shadow(0px -5px 0px rgba(80,100,165,1));
}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
/*~BERRY（105,55,110,1・205,100,150,1）~*/

body.berry header:not(.image) {
	background: linear-gradient(45deg, rgba(120,55,120,1), rgba(205,100,150,1));
}

body.berry .h1 > h1 {
	color: rgba(205,100,150,1);
}

body.berry main .fbord,
body.berry main .fhead {
	background: linear-gradient(45deg, rgba(120,55,120,1), rgba(205,100,150,1));
}

body.berry main .fdate,
body.berry main .fdls dt,
body.berry main label {
	background: rgba(205,100,150,1);
}

body.berry main .fdots {
	border-left: 5px solid rgba(205,100,150,1);
}

body.berry #nav,
body.berry #footer {
	background: linear-gradient(45deg, rgba(120,55,120,1), rgba(205,100,150,1));
}

body.berry #footer img {
	filter: drop-shadow(0px -5px 0px rgba(120,55,120,1));
}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
/*~GRASS（55,110,95,1・105,170,95,1）~*/

body.grass header:not(.image) {
	background: linear-gradient(45deg, rgba(55,110,95,1), rgba(105,170,95,1));
}

body.grass .h1 > h1 {
	color: rgba(105,170,95,1);
}

body.grass main .fbord,
body.grass main .fhead {
	background: linear-gradient(45deg, rgba(55,110,95,1), rgba(105,170,95,1));
}

body.grass main .fdate,
body.grass main .fdls dt,
body.grass main label {
	background: rgba(105,170,95,1);
}

body.grass main .fdots {
	border-left: 5px solid rgba(105,170,95,1);
}

body.grass #nav,
body.grass #footer {
	background: linear-gradient(45deg, rgba(55,110,95,1), rgba(105,170,95,1));
}

body.grass #footer img {
	filter: drop-shadow(0px -5px 0px rgba(55,110,95,1));
}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
/*~MONOCHROME（50,50,50,1・75,75,75,1）~*/

body.monochrome header:not(.image) {
	background: linear-gradient(45deg, rgba(70,70,70,1), rgba(120,120,120,1));
}

body.monochrome .h1 > h1 {
	color: rgba(75,75,75,1);
}

body.monochrome main .fbord,
body.monochrome main .fdate {
	background: linear-gradient(45deg, rgba(70,70,70,1), rgba(120,120,120,1));
}

body.monochrome main .fhead,
body.monochrome main .fdls dt,
body.monochrome main label {
	background: rgba(120,120,120,1);
}

body.monochrome main .fdots {
	border-left: 5px solid rgba(120,120,120,1);
}

body.monochrome #nav,
body.monochrome #footer {
	background: linear-gradient(45deg, rgba(70,70,70,1), rgba(120,120,120,1));
}

body.monochrome #footer img {
	filter: drop-shadow(0px -5px 0px rgba(120,120,120,1));
}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
/*~BRONZE~*/

body.bronze header:not(.image) {
	background: linear-gradient(45deg, #a57e65 0%, #a57e65 35%, #d1a081 45%, #a57e65 70%, #a57e65 90% 100%);
}

body.bronze .h1 > h1 {
	color: #757575;
}

body.bronze main .fbord,
body.bronze main .fdate {
	background: linear-gradient(45deg, #a57e65 0%, #d1a081 30%, #a57e65 90% 100%);
}

body.bronze main .fhead
body.bronze main .fdls dt,
body.bronze main label {
	background: linear-gradient(45deg, #a57e65 0%, #a57e65 35%, #d1a081 45%, #a57e65 70%, #a57e65 90% 100%);
}

body.bronze main .fdots {
	border-left: 5px solid #757575;
}

body.bronze #nav,
body.bronze #footer {
	background: linear-gradient(45deg, #a57e65 0%, #a57e65 35%, #d1a081 45%, #a57e65 70%, #a57e65 90% 100%);
}

body.bronze #footer img {
	filter: drop-shadow(0px -5px 0px #757575);
}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
/*~SILVER~*/

body.silver header:not(.image) {
	background: linear-gradient(45deg, #b4b4b4 0%, #7d7d7d 35%, #787878 45%, #bebebe 70%, #757575 90% 100%);
}

body.silver .h1 > h1 {
	color: #757575;
}

body.silver main .fbord,
body.silver main .fdate {
	background: linear-gradient(45deg, #787878 0%, #b4b4b4 30%, #787878 90% 100%);
}

body.silver main .fhead
body.silver main .fdls dt,
body.silver main label {
	background: linear-gradient(45deg, #b4b4b4 0%, #7d7d7d 35%, #787878 45%, #bebebe 70%, #757575 90% 100%);
}

body.silver main .fdots {
	border-left: 5px solid #757575;
}

body.silver #nav,
body.silver #footer {
	background: linear-gradient(45deg, #b4b4b4 0%, #7d7d7d 35%, #787878 45%, #bebebe 70%, #757575 90% 100%);
}

body.silver #footer img {
	filter: drop-shadow(0px -5px 0px #757575);
}

/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
/*~GOLD~*/

body.gold header:not(.image) {
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 35%, #E3CC7D 45%, #DAAF08 70%, #B67B03 90% 100%);
}

body.gold .h1 > h1 {
	color: #DAAF08;
}

body.gold main .fbord,
body.gold main .fdate {
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 30%, #B67B03 90% 100%);
}

body.gold main .fhead,
body.gold main .fdls dt,
body.gold main label {
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 35%, #E3CC7D 45%, #DAAF08 70%, #B67B03 90% 100%);
}

body.gold main .fdots {
	border-left: 5px solid #DAAF08;
}

body.gold #nav,
body.gold #footer {
	background: linear-gradient(45deg, #B67B03 0%, #DAAF08 35%, #E3CC7D 45%, #DAAF08 70%, #B67B03 90% 100%);
}

body.gold #footer img {
	filter: drop-shadow(0px -5px 0px #B67B03);
}

/*/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~*/

@media screen and (max-width: 768px) {
/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/


/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
}

@media screen and (min-width: 769px) {
/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/


/*---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~---------~*/
}

/*/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~/////////~*/