body {
	background: #e60012;
}

h1,
h2,
.Header,
.Header h4 a,
.Header .Cart span,
.Breadcrumbs,
.Breadcrumbs a,
.Main,
.Main a,
.Main .Price,
.Main .Price::after {
	color: #fff;
}

.Button a {
	background-color: #c00;
	background: linear-gradient(#c00, #c00);
	border: 3px solid #fff;
	color: #fff;
	font-weight: bold;
}

.Header,
.Header::before {
	background: none !important;
	background-color: none !important
}
.Header .Logo {
	background-image: url(../image/logo-white.png);
}
.Header .Menu span,
.Header .Menu span:before,
.Header .Menu span:after {
	background-color: #fff;
}
.Header .Cart span {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAQlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////8IX9KGAAAAFXRSTlMACM8j2nnlLIRFOJfvwbRppY5eUhUytjbuAAABHUlEQVRIx+WV0Y6DIBREuYAoikq18/+/ukk3m0m3rdTpY+eRZMwRLgf3rcFf1k/KVQcISE5PQtDLFZteXjHp5R7R6Sm46uUFu17ucNHLI7xeNsD09oyslwcMejljfnckvP7TA7rHRY/xrXLkHWIu6M5SMzsWmdpdUQRqLvdnqZkJ61lqZkOVqGnB9v0RLMjzFCxIasGCpBYsSGrZgglBsCCpZQtO6IQvk1q2YIYXLEhqwYKkblhQpnaGo7Q85XGU0J4/IbSgEFpQCS0oxtaE54mdtboLXsdby6spW1+RzDEWsfSWY0MzVjD+Tvh2N1jRbm6FNV4DuuxB8zPGj8rnsXditzcsKBvGoyr3fH3hUR0PiUeq/y9PmNJtSL48PxL9GYyDZGSaAAAAAElFTkSuQmCC);
}
.Header .Nav .Search input[type='submit'] {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMA3BrxM8d2Q7un0ppbEWaLJUgni7oAAAFBSURBVEjH7ZLbbsQgDEQNxtwhmf//2TZ9qKIq2Nmt2qrSzhu2DwaP6aV/rRBL5XdJmftj5IgOJ8l8gI0MuNbDIPJhluPUb6J7BXI6R/oR8XfYzqjpIsjBZifQLsI+g5PZF4jXmWb2Doy4yhW4ocIVbZ0UFNUjVCXrGcq3h5I1747IpMohqTlVcf3rAEe6PHh9byNDgrQ0slvwhrg0OVhwX36aMSw4IS9hshQg34J/4tliD2yiLa2aFtyWVs318tlu7mCFsyoE3VqwpoyjquxgbaQOXW+c1dVlr22I7mVW7h4OG2nyvB6JQKzl5YXZQwDnDTox5KImOMCmjzKOX9tugLg79CiAi6eqfWNgI3+LplQByNZTCGm245AD0Sdt4oXxKW4HeqZtPpYsklv8IBXa0Iv+czrT87Tb6Wk67/TS7+sN91EQVDGkFhYAAAAASUVORK5CYII=);
}

.Panel {
	position: relative;
	margin-top: 10%;
	padding: 0;
	background: url(../image/lucky_bag/background.png) no-repeat 50%;
	background-size: contain;
}
.Panel::before {
	position: absolute;
	content: '';
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../image/lucky_bag/title.png) no-repeat 50%;
	background-size: contain;
	animation: Panel 1s;
}
@keyframes Panel {
	  0% { transform: rotateY(180deg) }
	100% { transform: rotateY(0     ) }
}
.Panel img {
	animation: Arrow 2s infinite;
}
@keyframes Arrow {
	 35% { transform: translate(0  , 0  ) rotateZ( 0   )}
	 40% { transform: translate(2px, 2px) rotateZ( 1deg)}
	 45% { transform: translate(0  , 2px) rotateZ( 0   )}
	 50% { transform: translate(2px, 0  ) rotateZ(-1deg)}
	 55% { transform: translate(0  , 0  ) rotateZ( 0   )}
	100% { transform: translate(0  , 0  ) rotateZ( 0   )}
}

.Main {
	box-shadow: none;
}
.Main h2 {
	margin-top: -1em;
	font-size: 1.5em;
	font-weight: bold
}
.Main h3 {
	font-size: 1.2em;
	font-weight: 500
}
.Main h4 {
	font-size: 1em;
	font-weight: 400
}
.Main ul {
	padding-left: 1.4em
}
.Main li p {
	font-size: .8em
}
.Main .Comment {
	padding-bottom: 10%
}
.Main .Title {
	border-color: #fff
}

.LuckyBag.Matsu,
.LuckyBag.Matsu .Button a {
	background: url(../image/lucky_bag/course-matsu.png) no-repeat 0 0;
	background-size: 30%;
}
.LuckyBag.Take,
.LuckyBag.Take .Button a {
	background: url(../image/lucky_bag/course-take.png) no-repeat 0 0;
	background-size: 30%;
}
.LuckyBag.Ume,
.LuckyBag.Ume .Button a {
	background: url(../image/lucky_bag/course-ume.png) no-repeat 0 0;
	background-size: 30%;
}
.LuckyBag.Matsu .Button a,
.LuckyBag.Take .Button a,
.LuckyBag.Ume .Button a {
	background-position: -10%
}

.LuckyBagItem {
	margin: 10% auto;
	padding: 30% 10% 5% 10%;
	background: url(../image/lucky_bag/lucky-bag.png) no-repeat 50%;
	background-size: contain;
	text-align: center
}
.LuckyBagItem img {
	width: 70%
}

.Footer {
	background-color: #fff
}

@media only screen and (min-width: 539px) {
	p.Button a {
		padding: 12px 20%;
	}
}