@charset "utf-8";
/**
 *
 *
 *
 */

/*********************************************
**********************************************
		accountwrapper
**********************************************
**********************************************/
@media print,screen {
	#accountwrapper {
		padding: 50px 5% 0 5%;
	}
	#accountwrapper > .inner {
		margin: 0 auto;
		max-width: 690px;
		overflow: hidden;
	}
	#accountwrapper > .inner svg {
		max-width: 100%;
	}
	#accountwrapper > .inner svg > g > text {
		fill: #444;
		font-size: 1.2rem;
		font-family: Meiryo,メイリオ,sans-serif;
	}
	#accountwrapper > .inner svg #svgOceania:hover > path[fill^="#"],
	#accountwrapper > .inner svg #svgAfrica:hover > path[fill^="#"],
	#accountwrapper > .inner svg #svgAsia:hover > path[fill^="#"],
	#accountwrapper > .inner svg #svgNorthamerica:hover > path[fill^="#"],
	#accountwrapper > .inner svg #svgSouthamerica:hover > path[fill^="#"],
	#accountwrapper > .inner svg #svgEurope:hover > path[fill^="#"] {
		fill: #f88;
	}
	#accountwrapper > .inner svg #svgOceania,
	#accountwrapper > .inner svg #svgAfrica,
	#accountwrapper > .inner svg #svgAsia,
	#accountwrapper > .inner svg #svgNorthamerica,
	#accountwrapper > .inner svg #svgSouthamerica,
	#accountwrapper > .inner svg #svgEurope {
		cursor: pointer;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > input[type="checkbox"] {
		display: none;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > label {
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		padding: 10px 5px;
		border-top: solid 1px #ccc;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > label > div {
		transition: all 0.4s;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > label:hover {
		opacity: 0.7;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > .countryItems {
		max-height: 0px;
		overflow: hidden;
		transition: all 0.4s;
		margin-bottom: 20px;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > .countryItems > div {
		display: flex;
		align-items: center;
		margin: 4px 0 0 0;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > .countryItems > div > label {
		display: flex;
		align-items: center;
		width: 500px;
		cursor: pointer;
		padding: 5px 0 0 0;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > .countryItems > div > label:hover {
		color: #d00;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > .countryItems > div > label > div {
		width: 48%;
		line-height: 1.2;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > input[type="checkbox"]:checked + label > div {
		transform: rotate(-45deg);
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > input[type="checkbox"]:checked + label + .countryItems {
		max-height: 1500px;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerNo {
		max-height: 150px;
		overflow: hidden;
		transition: all 0.3s;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerConfirm {
		max-height: 0px;
		overflow: hidden;
		transition: all 0.3s;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerConfirm #growerConfirmUserid {
		width: 170px;
		height: 25px;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerConfirm #growerConfirmPasswd {
		width: 170px;
		height: 25px;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerConfirm #growerConfirmSubmit {
		background-color: #555;
		color: #fff;
		padding: 1px 10px;
		cursor: pointer;
		text-align: center;
		border-radius: 3px;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerConfirm #growerConfirmSubmit:hover {
		opacity: 0.7;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerResult {
		max-height: 0px;
		overflow: hidden;
		transition: all 0.3s;
		color: #399;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerResult table {
		border-collapse: collapse;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerResult table tr td {
		border: solid 1px #399;
		padding: 2px 4px;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #growerError {
		max-height: 0px;
		overflow: hidden;
		transition: all 0.3s;
		color: #399;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #contestUseridConfirmSubmit {
		background-color: #555;
		color: #fff;
		padding: 1px 10px;
		cursor: pointer;
		text-align: center;
		border-radius: 3px;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #contestUseridConfirmSubmit:hover {
		opacity: 0.7;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #contestUseridConfirmResult {
		color: #399;
	}
	/*----*/
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #contestHandlenameConfirmSubmit {
		background-color: #555;
		color: #fff;
		padding: 1px 10px;
		cursor: pointer;
		text-align: center;
		border-radius: 3px;
		margin: 2px 0 0 0;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #contestHandlenameConfirmSubmit:hover {
		opacity: 0.7;
	}
	#accountwrapper > .inner #mailformwrapper #first > .item > .itemInput > #contestHandlenameConfirmResult {
		color: #399;
	}
}

/*--- end of file ---*/