/************************************************************************
  .column
************************************************************************/
/* h2 */
.column h2.wide { height:105px; background-image:url('../img/h2_wide.png'); }

/* h4 */
.column h4 { margin:auto auto 20px; line-height:1; }
.column h4 img { width:100%; }
#h4-001 { width:calc(1185px /2); }
#h4-002 { width:calc(1520px /2); }
#h4-003 { width:calc(643px /2); }
#h4-004 { width:calc(1185px /2); }
#h4-005 { width:calc(1520px /2); }
#h4-006 { width:calc(643px /2); }

/* h5 */
.column h5 { margin:auto auto 20px; line-height:1; }
.column h5 img { width:100%; }
#h5-001 { width:calc(1184px /2); }
#h5-002 { width:calc(1184px /2); }

.column p { margin-bottom:1.5em; }

.column ul li { margin-bottom:0.5em; font-size:18px; }

/* .stage ================== */
.column .stage { margin-bottom:70px; position:relative; }


/* h3 */
.column .stage h3 { margin-bottom:30px; }
.column .stage h3 img { width:calc(291px /2); }

#stage-6::before { content:''; width:271px; height:299px; background:url('../img/sd_004.gif') no-repeat; background-size:100% auto; display:block; position:absolute; top:-191px; right:-148px; transform:scale(-1, 1); }



/* ============ smart phone ============ */
@media screen and (max-width:750px){

/* h4 */
.column h4 { margin-bottom:calc(30/750*100vw); }
#h4-001 { width:calc((890/2)/750*100vw); }
#h4-002 { width:calc((959/2)/750*100vw); }
#h4-003 { width:calc((744/2)/750*100vw); }
#h4-004 { width:calc((890/2)/750*100vw); }
#h4-005 { width:calc((959/2)/750*100vw); }
#h4-006 { width:calc((744/2)/750*100vw); }

/* h5 */
.column h5 { margin-bottom:calc(40/750*100vw); }
#h5-001 { width:calc((756/2)/750*100vw); }
#h5-002 { width:calc((756/2)/750*100vw); }

.column p { text-align:center; font-size:calc(24/750*100vw); }
.column ul li { font-size:calc(24/750*100vw); }

/* h2 */
.column h2.wide { height:calc(146/750*100vw); background-image:url('../img/h2_wide_sp.png'); }

/* .stage ================== */
.column .stage { margin-bottom:calc(80/750*100vw); position:relative; }
.column .stage h3 img { width:calc(159/750*100vw); }

#stage-6::before { width:calc(214/750*100vw); height:calc(236/750*100vw); top:calc(-610/750*100vw); right:calc(-70/750*100vw); }

}
/************************************************************************
  #outline
************************************************************************/
#outline .contents { width:820px; }
#outline h2 img { width:calc(360px /2) }
#outline .stage h3 img { width:calc(291px /2); }


/* ============ smart phone ============ */
@media screen and (max-width:750px){

#outline .contents { width:calc(609/750*100vw); }

/* h2 */
#outline h2::after { content:''; width:calc(178/750*100vw); height:calc(200/750*100vw); background:url('../img/sd_002_sp.png') no-repeat; background-size:100% auto; position:absolute; top:calc(40/750*100vw); right:calc(-40/750*100vw); }
#outline h2 img { width:calc(200/750*100vw); }


#outline .stage h3 img { width:calc(159/750*100vw); }
#outline h3 { margin-bottom:calc(25/750*100vw); width:auto; height:auto; background-image:none; }
#outline h3 img { display:inline; }

#outline p { text-align:center; }

}
/************************************************************************
  #result
************************************************************************/
#result h2::before { top:-115px; }
#result h2 img { width:calc(352px /2) }

#result ul { margin-left:220px; }

/* ul.circle ================== */
ul.circle { margin-left:90px; /*list-style-image:url('../img/icon_circle.svg');*/ }
ul.circle li {  }
ul.circle li::before { content:''; margin-left:-19px; margin-right:5px; width:14px; height:14px; background-image:url('../img/icon_circle.svg') !important; background-repeat:no-repeat !important; background-size:100% auto; text-indent:19px; display:inline-block; }

/* ul.circle li dl */
ul.circle li dl { padding:0.5em 0 0; line-height:1.5; }
ul.circle li dl dt {  }
ul.circle li dl dd { margin:-1.5em 0 0.5em 3em;  }
ul.circle li h3 { text-align:left; display:inline-block; }

/* h4 */
ul.circle li h4 { margin-bottom:10px; line-height:18px; font-weight:bold; }
ul.circle li h4::before { content:''; margin-right:0.5em; width:9px; height:9px; background:url('../img/icon_circle.svg') no-repeat; background-size:100% auto; line-height:18px; vertical-align:baseline; display:inline-block; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#result h2::before { top:calc(35/750*100vw); }
#result h2 img { width:calc(224/750*100vw); }
#result ul { margin-left:calc(65/750*100vw); }

/* ul.circle ================== */
ul.circle { margin-left:calc(65/750*100vw); }
ul.circle li::before { margin-bottom:calc(2/750*100vw); margin-right:calc(5/750*100vw); margin-left:calc(-24/750*100vw);  width:calc(18/750*100vw); height:calc(18/750*100vw); background-size:100% auto; text-indent:calc(24/750*100vw) }

/* h3 */
ul.circle li h3 { margin-bottom:calc(30/750*100vw); font-size:calc(24/750*100vw); }

/* h4 */
ul.circle li h4::before { margin-bottom:calc(2/750*100vw); width:calc(12/750*100vw); height:calc(12/750*100vw); }
ul.circle li h4 { margin-bottom:calc(20/750*100vw); }

ul.circle li strong { line-height:calc(40/26); }
}
/************************************************************************
  #awards
************************************************************************/
#awards h2::before { transform:scale(-1, 1); left:-80px; }
#awards h2 img { width:calc(520px /2); }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#awards h2::before { top:calc(80/750*100vw); left:calc(-30/750*100vw); }
#awards h2 img { width:calc(333/750*100vw); }

}
/************************************************************************
  #rewards
************************************************************************/
#rewards h2 { position:relative; }
#rewards h2 img { width:calc(432px /2); }

#rewards h2::after { content:''; width:calc(563px * 0.42); height:calc(623px * 0.42); background:url('../img/sd_006.gif') no-repeat; background-size:100% auto; display:block; position:absolute; top:-94px; right:-150px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#rewards h2::after { width:calc(192/750*100vw); height:calc(212/750*100vw); top:calc(35/750*100vw); right:calc(-60/750*100vw); }
#rewards h2 img { width:calc(276/750*100vw); }
}
/************************************************************************
  #application
************************************************************************/
#application h2::before { width:calc(574px * 0.4); height:calc(808px * 0.4); background-image:url('../img/sd_008.gif'); top:-190px; left:-145px; }
#application h2 img { width:calc(351px /2); }

#application ul li p { text-align:left; }

#application ul.note { margin:auto 0 50px 80px; width:auto; }
ul.note li { padding-left:0; text-align:left; }
ul.note li::before { content:'\0203B'; margin:0; font-size:18px; }

/* ol.maru ================== */
ol.maru { margin:auto 0 auto 90px; width:auto; }
ol.maru li { padding-left:0; line-height:1.5; }
ol.maru li::before { content:''; margin-bottom:-2px; margin-right:5px; margin-left:-24px; width:19px; height:19px; text-indent:25px; background-repeat:no-repeat; background-size:100% auto; border:0; /*vertical-align:top;*/ display:inline-block; position:static; }

ol.maru li:nth-child(1)::before { background-image:url('../img/no_1.svg'); }
ol.maru li:nth-child(2)::before { background-image:url('../img/no_2.svg'); }
ol.maru li:nth-child(3)::before { background-image:url('../img/no_3.svg'); }
ol.maru li:nth-child(4)::before { background-image:url('../img/no_4.svg'); }

ol.maru li ul { margin:0; padding-top:10px; }

ol.maru li ul.circle { margin-left:24px; }
ol.maru li ul.circle li::before { margin-left:-19px; margin-right:5px; width:14px; height:14px; text-indent:19px; display:inline-block; }

/* ul.btn */
ol.maru li ul.btn { margin:auto auto auto 0; padding:50px 0 30px; width:600px; display:flex; justify-content:space-between; }
ol.maru li ul.btn li { margin:0; padding:0; width:auto; }
ol.maru li ul.btn li::before { display:none; }
ol.maru li ul.btn li img { width:100%; }

ol.maru li ul.btn a.closed { width:calc(1200px /2); height:calc(186px /2); background-repeat:no-repeat; background-size:100% auto; display:block; pointer-events:none; }
ol.maru li ul.btn a.closed.btn-facebook { background-image:url('../img/btn_facebook_closed.png'); }
ol.maru li ul.btn a.closed img { display:none; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#application h2::before { width:calc(184/750*100vw); height:calc(260/750*100vw); top:calc(-185/750*100vw); left:calc(-75/750*100vw); }
#application h2 img { width:calc(223/750*100vw); }


/* ol.maru ================== */
ol.maru { margin-left:calc(65/750*100vw); }
ol.maru li { font-size:calc(24/750*100vw) }
ol.maru li::before { margin-bottom:calc(2/750*100vw); margin-right:calc(5/750*100vw); margin-left:calc(-24/750*100vw); width:calc(24/750*100vw); height:calc(24/750*100vw); text-indent:calc(25/750*100vw); }

ol.maru li ul.circle { margin-left:calc(50/750*100vw); }
ol.maru li ul.circle li::before { width:calc(12/750*100vw); height:calc(12/750*100vw); background-image:url('../img/icon_circle.svg') !important; background-repeat:no-repeat !important; background-size:100% auto; display:inline-block; }


/* ul.note */
#application ul.note { margin-left:calc(40/750*100vw) }
ul.note li::before { font-size:calc(24/750*100vw); }

/* ul.btn */
ol.maru li ul.btn { margin:auto; padding:calc(50/750*100vw) 0 calc(30/750*100vw); width:auto; flex-direction:column; }
ol.maru li ul.btn li { margin:auto auto calc(20/750*100vw) calc(-25/750*100vw); width:100%; font-size:0; }
ol.maru li ul.btn li::before { display:none; }
ol.maru li ul.btn li:last-child { margin-bottom:0; }

ol.maru li ul.btn a.closed { width:calc(550/750*100vw); height:calc(100/750*100vw); }
ol.maru li ul.btn a.closed.btn-facebook { background-image:url('../img/btn_facebook_closed_sp.png'); }
}
/************************************************************************
  #notice
************************************************************************/
#notice { padding-bottom:80px; position:relative; }
#notice::after { content:''; width:93px; height:106px; background:url('../img/sd_007.png') no-repeat; display:block; position:absolute; bottom:-40px; left:100px; z-index:1; }
#notice h2::before { display:none; }
#notice h2 img { width:calc(348px /2); }
#notice h3 { line-height:calc(34/20); }

/* ul.link */
ul.link { margin-bottom:30px; display:flex; justify-content:center; }
ul.link li::after { content:''; margin:0 1em; height:16px; border-right:1px solid #bcbab5; display:inline-block; vertical-align:middle; }
ul.link li:last-child::after { display:none; }
ul.link li a { text-decoration:underline; }

#notice .note { margin-bottom:0; width:auto; text-align:center; font-size:16px; }

/* ============ smart phone ============ */
@media screen and (max-width:750px){

#notice { padding-bottom:calc(140/750*100vw); position:relative; }
#notice::after { width:calc(74/750*100vw); height:calc(85/750*100vw); background-size:100% auto; bottom:calc(-10/750*100vw); left:calc(80/750*100vw); }

#notice h2::after { display:none; }
#notice h2 img { width:calc(180/750*100vw); }

#notice h3 { line-height:calc(40/26); font-size:calc(24/750*100vw); }

#notice .note { line-height:calc(36/24); font-size:calc(20/750*100vw); }

}
/************************************************************************
  footer
************************************************************************/
footer a { text-decoration:underline; }
/************************************************************************
  .box 
************************************************************************/
.box p { text-align:center; font-family:/*'Noto Serif TC', 'Kaiti TC',*/ 'PMingLiU', serif; }

/* .comment */
.comment h5 { font-family:'Noto Serif TC', 'Kaiti TC', 'PMingLiU', serif; }
.comment p { font-family:'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif; }
/************************************************************************
  #contest-result
************************************************************************/
#contest-result h2 img { width:calc(366px /2) }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#contest-result h2 img { width:calc(228/750*100vw) }
}
/************************************************************************
  #first-prize
************************************************************************/
#first-prize h4 { width:calc(696px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#first-prize h4 { width:calc(383/750*100vw) }
}
/************************************************************************
  #special-prize
************************************************************************/
#special-prize h4 { width:calc(506px /2); }
#special-prize h4::after { right:-333px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#special-prize h4 { width:calc(283/750*100vw); }
}
/************************************************************************
  #producer-award
************************************************************************/
#producer-award h4 { width:calc(908px /2); }
#producer-award h4::before { left:-241px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#producer-award h4 { width:calc(504/750*100vw); }
}
/************************************************************************
  #other-regions
************************************************************************/
#other-regions h3 { width:calc(635px /2); }
#other-regions h3::after { right:-365px; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#other-regions h3 { width:calc(436/750*100vw); }
}
/************************************************************************
  #s2-first-prize
************************************************************************/
#s2-first-prize h4 { width:calc(696px /2); }
#s2-first-prize h4::after { top:-130px; }
#s2-first-prize .work img { width:calc(986px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#s2-first-prize h4 { width:calc(383/750*100vw) }
#s2-first-prize .work img { width:100%; }
}
/************************************************************************
  #meowtastic-award
************************************************************************/
#meowtastic-award h4 { width:calc(506px /2); }
#meowtastic-award h4::before { content:''; width:222px; height:250px; background:url('../img/sd_010.png') no-repeat; background-size:100% auto; display:block; position:absolute; top:-170px; left:-340px; }
#meowtastic-award .work img { width:100%; }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#meowtastic-award h4 { width:calc(284/750*100vw); }
#meowtastic-award h4::before { display:none; }
}
/************************************************************************
  #favorite-feline-award
************************************************************************/
#favorite-feline-award h4 { width:calc(1326px /2); }
#favorite-feline-award h4::before { display:none; }
#favorite-feline-award .work img { width:calc(776px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#favorite-feline-award h4 { width:calc(438/750*100vw); }
#favorite-feline-award .work img { width:calc(458/750*100vw); }
}
/************************************************************************
  #s3-first-prize
************************************************************************/
#s3-first-prize h4 { width:calc(696px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#s3-first-prize h4 { width:calc(383/750*100vw); }
}
/************************************************************************
  #most-creative-award
************************************************************************/
#most-creative-award h4 { width:calc(506px /2); }
#most-creative-award h4::before { content:''; width:222px; height:250px; background:url('../img/sd_010.png') no-repeat; background-size:100% auto; display:block; position:absolute; top:-170px; left:-340px; }
#most-creative-award .work img { width:calc(902px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#most-creative-award h4 { width:calc(284/750*100vw); }
#most-creative-award h4::before { display:none; }
#most-creative-award .work img { width:100%; }
}
/************************************************************************
  #s3-producer-award
************************************************************************/
#s3-producer-award h4 { width:calc(908px /2); }
#s3-producer-award h4::before { display:none; }
#s3-producer-award .work img { width:calc(1099px /2); }
/* ============ smart phone ============ */
@media screen and (max-width:750px){
#s3-producer-award h4 { width:calc(504/750*100vw); }
#s3-producer-award .work img { width:100%; }
}