@charset "utf-8";
/* CSS Document */
/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{background:#ffffff;}



/* PC */
.WRAPPER{ position:relative; width:750px; min-width:750px; margin:0 auto; overflow:hidden;}
 	@media screen and ( max-width: 991px ){
		.WRAPPER{ min-width:100%;}
		
	}
header{width:750px; min-width:750px;margin: 0 auto;}
footer{width:750px; min-width:750px;margin: 0 auto;}
.container { overflow: hidden; }
.topbox { position: relative; width: 1200px; margin: auto;}
.kv_pc {width:750px; min-width:750px;  position: relative; text-align:center; display: flex;justify-content: center;max-width: 1920px; margin: auto;flex-wrap: wrap-reverse;}
.kv_pc img { display: block; text-align: center;width: 100%; }
.kv_m { display: none; }
.kv_m img { display: block; max-width:750px; margin:0 auto;}
.kv_m a {font-size: 0; display: block; }
.for_pc{ display: block; }
.for_m { display: none; }

.title01{ position: absolute;top:48px; left: 234px;z-index: 99;}
.title02{ position: absolute;top:14px; left: 439px;z-index: 99;}
.title03{ position: absolute;top:392px; left: 315px;z-index: 99;}
.titleC{ margin: 0px; padding: 40px 0 10px;}

.block{ margin: 0 auto; max-width: 1920px; padding: 0px 0;}
/*.block:nth-child(odd){ background:#ccc;}*/
.bg_1200{ width:750px; min-width:750px; margin:0 auto;background: #e71a39;}
/* m */
@media screen and ( max-width: 991px ){
	.WRAPPER{width:100%; min-width:100%;}
	header{width:100%;max-width:100%;margin: 0 auto;min-width: 100%;}
	footer{width:100%;max-width:100%;margin: 0 auto;min-width: 100%;}
	.kv_m { display: block; width: 100%; }
	.kv_m img {  width: 100%;  max-width:100%;}
	.kv_pc { display: none; }
	.container {width: 100%; min-width: auto; }
	.for_pc{ display: none; }
	.for_m { display: block; }
	.block{ margin: 0 auto; max-width: 100%; padding: 0vw 0;}
	.bg_1200{ width:100%;max-width:100%;min-width: 100%; margin:0 auto;}
}




/**品項入稿區域**/
.baseline{width: 750px; margin-bottom: 0px;}
.baseline ul{width: 100%; display: flex; align-items:stretch;}
.baseline h4{color:#e71a39;padding: 4px 0 0;}
.baseline .price big{color:#e71a39;}
.baseline li{width: 350px; margin-bottom: 14px; align-items:stretch;}
.baseline img{width: 330px;height: 330px;}
.bg_3 .baseline ul li:nth-child(32) img{ width: 100%; height: 100%; margin: 0 auto;}
.baseline .font .price:before{width: 320px;margin: 0 auto 10px;}

.ranks{width:80px;height: 105px; border-radius:10px 10px 40px 40px; position:absolute; top: -10px; left: 20px; display: flex;justify-content: center;align-items: center;}
.ranks img{width:70px;margin: 0 auto; padding-bottom: 8px;}
.bg_3 .bg_1200{padding: 1px 0 0;}

@media screen and ( max-width: 991px ){
.baseline{width:100%; margin-bottom: 0;}	
.ranks{width: 15vw;height: 17vw; border-radius:8px 8px 10vw 10vw; position:absolute; top: -1.8vw; left: 1vw;}
.baseline li{width: 46vw; margin-bottom: 2vw; align-items:stretch; padding-bottom: 1vw;}
	.baseline img{width:  40vw;height: 40vw;}
.ranks img{width: 11.5vw;height: 11.5vw;margin: 0 auto;}	
	.bg_3 .baseline ul li:nth-child(32) img{padding: 5vw 0 0;}
	.baseline .font .price:before{width:42vw;margin: 0 auto 10px;}
}

/**揭曉時間 time**/

.bg_1 .baseline li{padding:10px;}
.bg_1 .bg_1200{background: #018d82;padding: 20px 0 10px;}
.bg_1 .baseline{margin: 0 auto;}
.bg_1 ul li:first-child{background: none;display: flex;justify-content: center;align-items: center; padding:20px;}
.bg_1 ul li:first-child:hover{transform: scale(1);}
.time,.time img{ width: 100%; height: auto; margin: 0 auto;}
@media screen and ( max-width: 991px ){
.bg_1 .baseline li{padding: 3vw 3vw 1vw;}	
.bg_1 .bg_1200{padding: 4vw 0 3vw;}
.bg_1 ul li:first-child{padding:3vw;}
}
/**未公開**/
.noshow .ranks{display: none;}
.noshow::after{content: '';width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.baseline li~.coming{background:none;padding: 0;}
@media screen and ( max-width: 991px ){
}

.baseline li:nth-child(1)::after{ background:  #ea5505 url("../images/date/01.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(2)::after{ background: #a0a0a0 url("../images/date/02.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(3)::after{ background: #346e31 url("../images/date/03.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(4)::after{ background: #fdd100 url("../images/date/04.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(5)::after{ background: #0599d9 url("../images/date/05.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(6)::after{ background: #23ac38 url("../images/date/06.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(7)::after{ background: #ae045c url("../images/date/07.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(8)::after{ background: #45187f url("../images/date/08.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(9)::after{ background: #fdd100 url("../images/date/09.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(10)::after{ background: #009a5a url("../images/date/10.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(11)::after{ background: #da4694 url("../images/date/11.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(12)::after{ background:  #ea5505 url("../images/date/12.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(13)::after{ background: #d7c09e url("../images/date/13.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(14)::after{ background: #a0a0a0 url("../images/date/14.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(15)::after{ background: #ae045c url("../images/date/15.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(16)::after{ background: #23ac38 url("../images/date/16.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(17)::after{ background: #fdd100 url("../images/date/17.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(18)::after{ background: #0599d9 url("../images/date/18.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(19)::after{ background: #ea5505 url("../images/date/19.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(20)::after{ background: #da4694 url("../images/date/20.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(21)::after{ background:#45187f url("../images/date/21.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(22)::after{ background: #346e31 url("../images/date/22.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(23)::after{ background: #d7c09e url("../images/date/23.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(24)::after{ background: #ea5505 url("../images/date/24.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(25)::after{ background: #009a5a url("../images/date/25.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(26)::after{ background: #ae045c url("../images/date/26.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(27)::after{ background: #fdd100 url("../images/date/27.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(28)::after{ background: #0599d9 url("../images/date/28.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(29)::after{ background: #346e31 url("../images/date/29.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(30)::after{ background: #45187f url("../images/date/30.png")center center no-repeat; background-size:260px;}
.baseline li:nth-child(31)::after{ background:#ea5505 url("../images/date/31.png")center center no-repeat; background-size:260px;}

.baseline li:nth-child(32):hover{transform: scale(1);}

@media screen and ( max-width: 991px ){
.baseline li:nth-child(1)::after,.baseline li:nth-child(2)::after,.baseline li:nth-child(3)::after,.baseline li:nth-child(4)::after,.baseline li:nth-child(5)::after,.baseline li:nth-child(6)::after,.baseline li:nth-child(7)::after,.baseline li:nth-child(8)::after,.baseline li:nth-child(9)::after,.baseline li:nth-child(10)::after,.baseline li:nth-child(11)::after,.baseline li:nth-child(12)::after,.baseline li:nth-child(13)::after,.baseline li:nth-child(14)::after,.baseline li:nth-child(15)::after,.baseline li:nth-child(16)::after,.baseline li:nth-child(17)::after,.baseline li:nth-child(18)::after,.baseline li:nth-child(19)::after,.baseline li:nth-child(20)::after,.baseline li:nth-child(21)::after,.baseline li:nth-child(22)::after,.baseline li:nth-child(23)::after,.baseline li:nth-child(24)::after,.baseline li:nth-child(25)::after,.baseline li:nth-child(26)::after,.baseline li:nth-child(27)::after,.baseline li:nth-child(28)::after,.baseline li:nth-child(29)::after,.baseline li:nth-child(30)::after,.baseline li:nth-child(31)::after{ background-size:40vw;}
}


/**每日背景顏色**/
.date01{ background: #ea5505;}
.date02{ background: #a0a0a0;}
.date03{ background: #346e31;}
.date04{ background: #fdd100;}
.date05{ background: #0599d9;}
.date06{ background: #23ac38;}
.date07{ background: #ae045c;}
.date08{ background: #45187f;}
.date09{ background: #fdd100;}
.date10{ background: #009a5a;}
.date11{ background: #da4694;}
.date12{ background: #ea5505;}
.date13{ background: #d7c09e;}
.date14{ background: #a0a0a0;}
.date15{ background: #ae045c;}
.date16{ background: #23ac38;}
.date17{ background: #fdd100;}
.date18{ background: #0599d9;}
.date19{ background: #ea5505;}
.date20{ background: #da4694;}
.date21{ background: #45187f;}
.date22{ background: #346e31;}
.date23{ background: #d7c09e;}
.date24{ background: #ea5505;}
.date25{ background: #009a5a;}
.date26{ background: #ae045c;}
.date27{ background: #fdd100;}
.date28{ background: #0599d9;}
.date29{ background: #346e31;}
.date30{ background: #45187f;}
.date31{ background: #ea5505;}


/**活動說明**/
.bg_2 .bg_1200{background: #e71a39;}
.bg_2 .event{ width: 100%; height: 100%; display: flex;flex-wrap: wrap;}
.bg_2 .event img{width: 100%;}

@media screen and ( max-width: 991px ){
.bg_2 .event img{width: 100%;}	
.bg_2 .e_title img{width: 100%;}	
}

/**注意事項**/
.n_title{width: 678px; margin: 0 auto;}
.bg_4 img{ margin: 20px auto 10px; width:100%;}
.notice{ background: #fff; width: 710px; margin: 0 auto;padding: 30px 30px 30px 60px;}
.notice ol li{ list-style-type:disc;}
.notice ol li:hover{transform: scale(1);}
.notice ol li p{font-size: 14px; font-weight: 500; line-height: 20px;padding: 5px 0; color: #000;}

@media screen and ( max-width: 991px ){
.notice{ width: 94vw; margin: 0 auto;padding: 5vw 5vw 5vw 8vw;}	
	.n_title{width:94vw; margin: 0 auto;}
.bg_4 img{ margin: 20px auto 10px; width:100%;}
	.notice ol li p{font-size: 13px; font-weight: 500; line-height: 17px;padding: 5px 0; color: #000;}
}

/*--永久改動--*/
@media screen and ( max-width: 991px ){
		.rectangle_3p ul li:nth-child(3n+1) {width: 94vw; padding: 3vw; margin: 1vw 3vw; }
		.rectangle_3p ul li:nth-child(3n+1) a { flex-wrap: nowrap; }
		.rectangle_3p ul li:nth-child(3n+1).font {padding: 1vw 0vw 1vw 3vw; }}


/*--goto top--*/
#gotop {display: inline-block;background-color: #000;opacity:0.3;width: 40px;height: 40px;text-align: center;border-radius: 100%;position: fixed;bottom: 0px;right: 0px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;margin: 30px;}
#gotop::after {font-family: FontAwesome;content:'　';font-weight: normal;font-style: normal;font-size: 2em;line-height: 50px;color: #fff;  opacity:0.5;background: url(../images/top.png) center no-repeat; background-size:50%;background-position:50% 20%;}
#gotop:hover {cursor: pointer;background-color: #666;}
#gotop:active {background-color: #666;}
#gotop.show {opacity: 0.4;visibility: visible;}
	@media screen and ( max-width: 991px ){
	#gotop {bottom: 25px;right: 0;margin: 2vw;	}
	}
/*for mobile*/
menu{display:none;}
	@media screen and ( max-width: 991px ){
		menu{ display:block;}
	}
menu ul{
	position:fixed;bottom:0;left:0;margin:0;width:100%;display:flex;list-style: none;background-color:#ca3842;z-index:1000;padding:2px 0;border-top:none;}
menu ul li{border-right:1px solid #ffffff;padding:4px;width:25%;box-sizing:border-box;text-align:center;font-size:13px;letter-spacing: -1px;}
menu ul li a{font-size:13px;}
menu ul li:nth-last-child(1){border-right:none;}
menu a{color:#ffffff !important;text-decoration:none;}