@charset "utf-8";

@font-face {
	font-family: 'HGRGY';
			src: url('../font/HGRGY.eot');
			src: url('../font/HGRGY.eot?') format('embedded-opentype'),
				url('../font/HGRGY.ttf') format('truetype'),
				url('../font/HGRGY.woff') format('woff'),
}



/*=== Christmas ===*/
#Christmas {
	width: 98%;
	margin: 0 auto 50px;
	text-align: center;
	transition-duration: 0.3s;
}

#Christmas:hover {
	opacity: 0.75;
}

#Christmas a {
	text-decoration: none;
}

.Xmas_wrap {
	background-image: url(../img/jpg/christmas2018-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 5px solid #770000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 10px 0;
}

.Xmas_wrap article {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
	
}

.Xmas_wrap article h5 {
	color: #fff;
	padding-bottom: 10px;
}

.Xmas_wrap article h4 {
	color: #fcc700;
}

.Xmas_wrap article h3 {
	color: #8b0000;
	margin-top: 20px;
}

.Xmas_wrap article p {
	color: #fff;
}

.Xmas_wrap article  p.reserve {
	width: 60%;
	margin: 20px auto;
	padding: 10px 0;
	background: #b8860b;
	color: #fff;
}

/*============== 480-767 ==============*/
@media screen and (min-width: 480px) and (max-width: 767px) {



/*=== Christmas ===*/
#Christmas {
	width: 98%;
	margin: 0 auto 50px;
	text-align: center;
	transition-duration: 0.3s;
}

#Christmas:hover {
	opacity: 0.75;
}

#Christmas a {
	text-decoration: none;
}

.Xmas_wrap {
	background-image: url(../img/jpg/christmas2018-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 5px solid #770000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 10px 0;
}

.Xmas_wrap article {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
	
}

.Xmas_wrap article h5 {
	color: #fff;
	padding-bottom: 10px;
}

.Xmas_wrap article h4 {
	color: #fcc700;
}

.Xmas_wrap article h3 {
	color: #8b0000;
	margin-top: 20px;
}

.Xmas_wrap article p {
	color: #fff;
}

.Xmas_wrap article  p.reserve {
	width: 80%;
	margin: 20px auto;
	padding: 10px 0;
	background: #b8860b;
	color: #fff;
}
}



/*============== 479px以下 ==============*/
@media screen and (max-width: 479px) {

/*=== Christmas ===*/
#Christmas {
	width: 98%;
	margin: 0 auto 50px;
	text-align: center;
	transition-duration: 0.3s;
}

#Christmas:hover {
	opacity: 0.75;
}

#Christmas a {
	text-decoration: none;
}

.Xmas_wrap {
	background-image: url(../img/jpg/christmas2018-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	border: 5px solid #770000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 3px;
	padding: 10px 0;
}

.Xmas_wrap article {
	width: 95%;
	margin: 0 auto;
	padding: 10px 0;
	
}

.Xmas_wrap article h5 {
	color: #fff;
	padding-bottom: 10px;
}

.Xmas_wrap article h4 {
	color: #fcc700;
}

.Xmas_wrap article h3 {
	color: #8b0000;
	margin-top: 20px;
}

.Xmas_wrap article p {
	color: #fff;
}

.Xmas_wrap article  p.reserve {
	width: 80%;
	margin: 20px auto;
	padding: 10px 0;
	background: #b8860b;
	color: #fff;
}
}