*{box-sizing: border-box;}
body{font-size:62.5%;background-image: url(../img/common/bg.jpg);}



/*=====================================[Header]=====================================*/
.header{
    background-image: url(../img/common/bgChara.png);
    background-repeat: no-repeat;
    background-position: 50% 220%;
    width: 100%;
    height: 910px;
    text-align: center;
    position: relative;
    margin-bottom: 2em;
}
.headerImgInner{
    width:1180px;
    margin: 0 auto;
    position: relative;
}
.headerLogoRo{
    position: absolute;
    top:5px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 165px;
    height: 103px;
    text-indent: -1000em;
    background: url(../img/common/logoRo.png) no-repeat;
}
.headerLogo16th{
    position: absolute;
    top:15px;
    right: 0px;
    margin: 0px;
    padding: 0px;
    width: 154px;
    height: 92px;
    text-indent: -1000em;
    background: url(../img/common/logo16th.png) no-repeat;
}
.headerContestTitle{
    position: absolute;
    top:33px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0px;
    width: 590px;
    height: 639px;
    text-indent: -1000em;
    background: url(../img/common/contestTitle.png) no-repeat;
}
.headerGuestJudge{
    position: absolute;
    top: 445px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width: 310px;
    height: 189px;
    text-indent: -1000em;
    background: url(../img/common/guestJudge.png) no-repeat;
}
.headerPrize{
    position: absolute;
    top: 640px;
    left: 00px;
    margin: 0px;
    padding: 0px;
    width: 1182px;
    height: 180px;
    text-indent: -1000em;
    background: url(../img/common/prize.png) no-repeat;
}
.headerEventsday{
    background-image: url(../img/common/Eventday.png);
    background-repeat: no-repeat;
    background-position:center;
    background-color: #d60000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-indent: -1000em;
    height: 80px;
}




/*=====================================[Gnav]=====================================*/
.gnav{width: 100%;margin-bottom: 4em}
.gnavWrap{
    display: flex;
    justify-content: space-around;
    width:1272px;
    margin: 0 auto;
}
.gnavList{
    width: 296px;
    height: 158px;
    text-indent: -1000em;
}
.gnavListLink1,
.gnavListLink2,
.gnavListLink3,
.gnavListLink4{
    width: 296px;
    height: 158px;
    display: block;
}
.gnavListLink1:hover,
.gnavListLink2:hover,
.gnavListLink3:hover,
.gnavListLink4:hover{background-position: 0 -158px;}
.gnavListLink1{background-image: url(../img/common/btn_summary.png);}
.gnavListLink2{background-image: url(../img/common/btn_apply.png);}
.gnavListLink3{background-image: url(../img/common/btn_attention.png);}
.gnavListLink4{background-image: url(../img/common/btn_result.png);}




/*=====================================[Summary]=====================================*/
.summary{margin-bottom: 4em;}
.summaryWrap{
    width:1250px;
    margin: 0 auto;
    background-color:#FFFFFF;
    border:3px solid #a33252;
    border-radius: 8px;
}
.summaryH2{
    background-color:#d60000;
    background-image: url(../img/about/h2summary.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 90px;
    border-radius: 5px 5px 0px 0px;
    text-indent: -1000em;
}
.summaryInner{
    width:1180px;
    margin: 0 auto;
}


/*=======================[SummaryTop]=======================*/
.summaryTop{padding-top: 2em;}


/*=====[summaryTop_H3]=====*/
.summaryTop .summaryTopH3{
    background-image: url(../img/about/opinion.png);
    background-repeat: no-repeat;
    width: 1144px;
    height: 549px;
    margin: 0 auto;
    text-indent: -1000em;
}

/*=====[summaryTop_Category]=====*/
.summaryTopCategory{
    display: flex;
    justify-content: space-around;
    margin-top: 4em;
}
.TopCategoryIllust,
.TopCategoryOrigin{
    background-repeat: no-repeat;
    width: 580px;
    height: 440px;
    text-indent: -1000em;
}
.TopCategoryIllust{background-image: url(../img/about/outlineIllust.png);}
.TopCategoryOrigin{background-image: url(../img/about/outlineChara.png);}

/*=====[summaryTop_Attention]=====*/
.summaryTopAttention{
    color:#ff0000;
    font-size:1.6rem;
    font-weight: bold;
    text-align: center;
    margin: 1em;
}

/*=====[summaryTop_Judge]=====*/
.summaryTopJudge{
    background-image: url(../img/common/bg2.gif);
    padding: 0.5em;
}
.TopJudgeH3{
    background-image: url(../img/about/yuichiroCaption.png);
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
    padding: 1.5em 0em;
    text-indent: -1000em;
}
.TopJudgeContent{
    background-color:#e8f4ff;
    display: flex;
    padding: 2em 2em 3em 2em;
}
.TopJudgeContentImg{
    width: 221px;
    height: 221px;
    margin-right: 4em;
}
.TopJudgeContentText{
    font-size:1.6rem;
    line-height: 1.2em;
    letter-spacing: 1px;
}
.TopJudgeContentH4{
    background-image: url(../img/about/yuichiroName.png);
    background-repeat: no-repeat;
    height: 70px;
    text-indent: -1000em;
    margin-bottom: 0.5em;
}
.TopJudgeContentLink{
    background-image: url(../img/about/yuichirositeURL.png);
    background-repeat: no-repeat;
    margin-bottom: 0.5em;
    text-indent: -1000em;
}


/*=======================[summaryPrize]=======================*/
.summaryPrize{padding-top: 5em;}
.PrizeAwardBoxdoubble{
    display: flex;
    justify-content:space-between;
}

/*=====[summaryPrize_H3]=====*/
.summaryPrizeH3{
    background-image: url(../img/about/h3titile_prize.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 3em;
}

/*=====[summaryPrize_Illust]=====*/
.PrizeIllustH4{
    background-image: url(../img/about/h4title_illust.png);
    background-repeat: no-repeat;
    height: 50px;
    text-indent: -1000em;
    margin-bottom: 3em;
}
.PrizeIllustAward{font-size:1.6rem;}
.PrizeIllustAwardBox1,
.PrizeIllustAwardBox2,
.PrizeIllustAwardBox3,
.PrizeIllustAwardBox4,
.PrizeIllustAwardBox5{
    background-image: url(../img/common/bg2.gif);
    padding: 0.2em;
    margin-bottom: 1em;
}
.PrizeIllustAwardBox2,
.PrizeIllustAwardBox3,
.PrizeIllustAwardBox4,
.PrizeIllustAwardBox5{
    width:580px;
    height: 245px;
}
.PrizeIllustAwardTitle1,
.PrizeIllustAwardTitle2,
.PrizeIllustAwardTitle3,
.PrizeIllustAwardTitle4,
.PrizeIllustAwardTitle5{
    background-repeat: no-repeat;
    background-position: center;
    padding: 1.2em;
    text-indent: -1000em;
}
.PrizeIllustAwardTitle1{background-image: url(../img/about/illustPrize01.png);}
.PrizeIllustAwardTitle2{background-image: url(../img/about/illustPrize02.png);}
.PrizeIllustAwardTitle3{background-image: url(../img/about/illustPrize03.png);}
.PrizeIllustAwardTitle4{background-image: url(../img/about/illustPrize04.png);}
.PrizeIllustAwardTitle5{background-image: url(../img/about/illustPrize05.png);}
.PrizeIllustAwardBoxContent{
    height: 177px;
    background-color:#e8f4ff;
    padding: 1.5em 1em 2em 1.5em;
}

/*=====[summaryPrize_Orizin]=====*/
.PrizeOrizinH4{
    background-image: url(../img/about/h4title_orizin.png);
    background-repeat: no-repeat;
    height: 50px;
    text-indent: -1000em;
    margin-top: 3em;
    margin-bottom: 3em;
}
.PrizeOrizinAward{font-size:1.6rem;}
.PrizeOrizinAwardBox1,
.PrizeOrizinAwardBox2,
.PrizeOrizinAwardBox3{
    background-image: url(../img/common/bg3.gif);
    padding: 0.2em;
    margin-bottom: 1em;
}
.PrizeOrizinAwardBox2,
.PrizeOrizinAwardBox3{
    width:580px;
    height: 245px;
}
.PrizeOrizinAwardTitle1,
.PrizeOrizinAwardTitle2,
.PrizeOrizinAwardTitle3{
    background-repeat: no-repeat;
    background-position: center;
    padding: 1.2em;
    text-indent: -1000em;
}
.PrizeOrizinAwardTitle1{background-image: url(../img/about/charaPrize01.png);}
.PrizeOrizinAwardTitle2{background-image: url(../img/about/charaPrize02.png);}
.PrizeOrizinAwardTitle3{background-image: url(../img/about/charaPrize03.png);}
.PrizeOrizinAwardBoxContent{
    height: 177px;
    background-color:#fff5c9;
    padding: 1.5em 1em 2em 1.5em;
}

/*=====[summaryPrize_Attention]=====*/
.summaryAttention{
    font-size:1.4rem;
    text-indent: -1em;
    padding-left: 1em;
    margin:2em 2em;
    width:900px;
}


/*=======================[summaryContest]=======================*/
.summaryContest{padding-top: 1em;}


/*=====[summaryContest_H3]=====*/
.summaryContestH3{
    background-image: url(../img/about/h3title_contest.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 3em;
}

/*=====[summaryContest_Flow]=====*/
.summaryContestFlow{
    background-image: url(../img/about/flowImage.png);
    background-repeat: no-repeat;
    height: 250px;
    text-indent: -1000em;
}


/*=======================[summaryReference]=======================*/
.summaryReference{padding-top: 1em;}


/*=====[summaryReference_H3]=====*/
.summaryReferenceH3{
    background-image: url(../img/about/h3title_reference.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-top: 2em;
    margin-bottom: 3em;
}

/*=====[SummaryReference_List]=====*/
.ReferenceListH4_1,
.ReferenceListH4_2{
    background-repeat: no-repeat;
    height: 50px;
    text-indent: -1000em;
    margin-top: 2em;
    display: block;
}
.ReferenceListH4_1{background-image: url(../img/about/reference_link1.png);}
.ReferenceListH4_2{background-image: url(../img/about/reference_link2.png);}
.ReferenceListLinkWrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ReferenceListLinkWrap li{padding: 1em;}


/*=====[summaryReference_Btn]=====*/
.summaryReferenceBtn{margin: 3em 0em;}
.ReferenceBtnWrap{
    display: flex;
    justify-content: space-around;
}
.ReferenceBtnH4{
    background-repeat: no-repeat;
    height: 50px;
    text-indent: -1000em;
    margin-bottom: 2em;
    display: block;
    background-image: url(../img/about/reference_link3.png);
}
.ReferenceBtnLink1,
.ReferenceBtnLink2,
.ReferenceBtnLink3,
.ReferenceBtnLink4{
    background-repeat: no-repeat;
    height: 50px;
    text-indent: -1000em;
    display: block;
    width:253px;
    height: 102px;
}
.ReferenceBtnLink1{background-image: url(../img/about/btn_job.png);}
.ReferenceBtnLink2{background-image: url(../img/about/btn_gameguide.png);}
.ReferenceBtnLink3{background-image: url(../img/about/btn_wallpaper.png);}
.ReferenceBtnLink4{background-image: url(../img/about/btn_funsitekit.png);}

.ReferenceBtnLink1:hover,
.ReferenceBtnLink2:hover,
.ReferenceBtnLink3:hover,
.ReferenceBtnLink4:hover{background-position: 0 -102px;}


/*=====================================[AboutRo]=====================================*/
.aboutRoWrap{
    width:1250px;
    margin: 0 auto;
    background-color:#FFFFFF;
    border:3px solid #06b022;
    border-radius: 8px;
}
.aboutRoInner{
    width:1180px;
    margin: 0 auto;
}

/*=====[AboutRo_H2]=====*/
.aboutRoH2{
    background-color:#06b022;
    background-image: url(../img/about/h2title_aboutRo.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 70px;
    border-radius: 5px 5px 0px 0px;
    text-indent: -1000em;
    margin-bottom: 4em;
}

/*=====[AboutRo_ImgList]=====*/
.aboutRoImglistWrap{font-size:1.6rem;}
.aboutRoImglist{
    display: flex;
    align-items: flex-end;
}
.aboutRoImglist1,
.aboutRoImglist2,
.aboutRoImglist3{
    text-align: center;
}
.aboutRoImglistText{
    display: block;
    text-align: left;
    width:90%;
    margin: 0 auto;
}

/*=====[AboutRo_Btn]=====*/
.aboutRoBtn{margin: 3em 0em;}
.aboutRoBtnLink{
    display: block;
    background-image: url(../img/about/btn_roInforegister.png);
    background-repeat: no-repeat;
    width: 802px;
    height: 103px;
    margin: 0 auto;
    text-indent: -1000em;
}
.aboutRoBtnLink:hover{background-position: 0px -102px;}



/*=====================================[Entry]=====================================*/
.entryWrap{
    width:1250px;
    margin: 0 auto;
    background-color:#FFFFFF;
    border:3px solid #a33252;
    border-radius: 8px;
    font-size:1.6rem;
}
.entryH2{
    background-color:#d60000;
    background-image: url(../img/entry/h2apply.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 90px;
    border-radius: 5px 5px 0px 0px;
    text-indent: -1000em;
}
.entryInner{
    width:1180px;
    margin: 0 auto;
}

/*=======================[EntryTop]=======================*/
.entryTop{padding-top: 1em;}


/*=====[EntryTop_H3]=====*/
.entryTopH3{
    background-image: url(../img/entry/h3title_EntryWork.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 2em;
}


/*=====[EntryTop_Work]=====*/
.entryTopWorkH4{
    background-image: url(../img/entry/h4title_EntryMethod.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 1em;
}
.entryTopWorkLead{
    font-weight: bold;
    font-size:2rem;
}
.entryTopWorkInner{
    width:96%;
    margin: 0 auto;
}
.entryTopWorkAttention{
    margin: 0.5em 0em 1.5em 0em;
}

/*=====[EntryTop_IllustTable]=====*/
.entryTopIllustTable{
    border-collapse: separate;
    width: 100%;
    margin: 0 auto;
    border:1px solid #8fbfeb;
}
.entryTopIllustTable th,
.entryTopIllustTable td{
    padding: 1em;
    border:1px solid #8fbfeb;
    vertical-align: middle;
}
.entryTopIllustTableCategory{
    background-color:#e8f4ff;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    width: 200px;
}
.entryTopIllustTable th{
    text-align: center;
    background-image: url(../img/common/bg2.gif);
}
.entryTopIllustTableSumpleImg{
    width: 400px;
    vertical-align: middle;
}

/*=====[EntryTop_OrizinTable]=====*/
.entryTopOrizinTable{
    border-collapse: separate;
    width: 100%;
    margin: 0 auto;
    border:1px solid #edb37b;
}
.entryTopOrizinTable th,
.entryTopOrizinTable td{
    padding: 1em;
    border:1px solid #edb37b;
    vertical-align: middle;
}
.entryTopOrizinTableCategory{
    background-color:#fff5c9;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    width: 200px;
}
.entryTopOrizinTable th{
    text-align: center;
    background-image: url(../img/common/bg3.gif);
}
.entryTopOrizinTableSumpleImg{
    width: 400px;
    vertical-align: middle;
}
.entryTopOrizinTableList{
    text-indent: -1em;
    margin-left: 1em;
}

/*=====[EntryTop_Attention]=====*/
.entryTopAttention{
    color:#FF0000;
    font-weight: bold;
    margin: 1em 0em 2em 1em;
}


/*=====[EntryTop_Flow]=====*/
.entrytopFlow{
    margin-bottom: 4em;
}
.entryTopFlowH4{
    background-image: url(../img/entry/h4title_workProvision.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 1em;
}
.entrytopFlowInner{
    width:96%;
    margin: 0 auto;
}
.entryTopFlowLead{
    font-weight: bold;
    font-size:2rem;
}


/*=======================[EntryGuidelines]=======================*/
.entryGuidelinesH3{
    background-image: url(../img/entry/httitle_EntryRoIllust.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 2em;
}
.entryGuidelinesInner{
    width:96%;
    margin: 0 auto;
}

.entryGuidelinesInner li{
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 0.5em;
}
.entryGuidelinesInner ul{
    margin-bottom: 2em;
}


/*=======================[EntryCopylight]=======================*/
.entryCopylightH3{
    background-image: url(../img/entry/h3title_EntryCopyright.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 2em;
}
.entryCopylightInner{
    width:96%;
    margin: 0 auto;
}
.entryCopylightInner li{
    text-indent: -1em;
    margin-left: 1em;
    margin-bottom: 0.5em;
}
.entryCopylightInner ul{
    margin: 1em 0em;
}

.entryCopylightBtn{
    display: block;
    background-image: url(../img/entry/btn_entry.png);
    background-repeat: no-repeat;
    width:402px;
    height: 152px;
    text-indent: -1000em;
    margin: 0 auto;
}
.entryCopylightBtn:hover{
    background-position: 0px -152px;
}



/*=====================================[EntryCheck]=====================================*/
.entryCheck{
    width:1250px;
    margin: 0 auto;
    background-color:#FFFFFF;
    border:3px solid #a33252;
    border-radius: 8px;
    font-size:1.6rem;
}
.entryCheckH2{
    background-color:#d60000;
    background-image: url(../img/entry-check/h2_PreEntryCheck.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 90px;
    border-radius: 5px 5px 0px 0px;
    text-indent: -1000em;
}

/*=====[EntryTop_Top]=====*/
.entryCheckTop{margin-top:1em;}
.entryCheckTopInner{
    width:1180px;
    margin: 0 auto;
}
.entryCheckTopH3{
    background-image: url(../img/entry-check/h3title_CheckPoint.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 2em;
}
entryCheckTopWorkAbout{
    margin-bottom: 2em;
}
.entryCheckTopWorkAboutH4{
    background-image: url(../img/entry-check/h4title_EntryAbout.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 1em;
}
.WorkAboutBoxTitle,
.EntryAboutBoxTitle{
    font-size:2rem;
    font-weight: bold;
}
.WorkAboutBox,
.EntryAboutBox{
    margin: 1.5em;
}
.entryCheckTopEntryAbout{
    margin-bottom: 2em;
}
.entryCheckTopEntryAboutH4{
    background-image: url(../img/entry-check/h4title_WorkAbout.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 1em;
}


/*=====================================[EntryCheckQA]=====================================*/
.entryCheckQAH3{
    background-image: url(../img/entry-check/h3_QA.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 2em;
}
.entryCheckQAInner{
    width:1180px;
    margin: 0 auto;
}
.entryCheckQALead{
    font-size:2rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}
.entryCheckQAWorkAboutH4{
    background-image: url(../img/entry-check/h4title_EntryAbout.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 1em;
}
.entryCheckQAWorkAboutBox,
.entryCheckQAEntryAboutBox{
    margin: 1.5em;
}
.entryCheckQAWorkAboutTitle,
.entryCheckQAEntryAboutTitle{
    font-size:2rem;
    font-weight: bold;
}
.entryCheckQAEntryAboutH4{
    background-image: url(../img/entry-check/h4title_WorkAbout.png);
    background-repeat: no-repeat;
    height: 60px;
    text-indent: -1000em;
    margin-bottom: 1em;
}





/*=====================================[prize]=====================================*/
.prizeH2{
    background-color:#d60000;
    background-image: url(../img/prize/h2winning.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 90px;
    border-radius: 5px 5px 0px 0px;
    text-indent: -1000em;
}


/*=====================================[Prize_Set]=====================================*/
.SetFontText1{
    font-size:30px;
    font-weight: bold;
    letter-spacing: -1px;
}
.SetFontText2{
    font-size:24px;
    font-weight: bold;
    text-align: left;
    width:96%;
    margin: 0 auto;
    line-height: 1.3em;
}
.SetFontText3{
    font-size:19px;
    font-weight: bold;
    line-height: 1.3em;
}
.SetFontText4{
    font-size:18px;
    font-weight: bold;
    text-align: left;
    width:96%;
    margin: 0 auto;
    line-height: 1.3em;
}
.SetFontText5{
    font-size:22px;
    font-weight: bold;
    text-align: left;
    width:96%;
    margin: 0 auto;
    line-height: 1.3em;
}
.SetFontText6{
    font-size:19px;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 1px 1px 0px #ffffff,
        -1px 1px 0px #ffffff,
        1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff;
}
.SetFontText7{
    font-size:17px;
    letter-spacing: -1px;
    text-shadow: 1px 1px 0px #ffffff,
        -1px 1px 0px #ffffff,
        1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff;
    margin: 0;
}
.SetFontText8{
    font-size:14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 1px 1px 0px #ffffff,
        -1px 1px 0px #ffffff,
        1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff;
    margin: 0;
}
.SetFontText9{
    font-size:17px;
    letter-spacing: -1px;
    text-shadow: 1px 1px 0px #ffffff,
        -1px 1px 0px #ffffff,
        1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff;
    margin: 0;
    line-height: 1.1em;
}
.SetFontText10{
    font-size:14px;
    font-weight: bold;
    letter-spacing: -1px;
    text-shadow: 1px 1px 0px #ffffff,
        -1px 1px 0px #ffffff,
        1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff;
    margin: 0;
    line-height: 1.3em;
}
/*====================================[Illust]=====================================*/
.Illust a{
    text-decoration: none;
}
.IllustH3{
    margin: 5% 0% 2% 0%;
}


/*================[Illut_Gold]================*/
.IllustGoldAbout{
    background-image: url(../img/common/bg2.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.IllustGoldAboutList{
    background-color:#e8f4ff;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.IllustGoldAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.IllustGoldContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.GoldHoverBtn{
    position: absolute;
    top:6%;
    left: 7.2%;
    display: block;
    width: 505px;
    height: 379px;
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 379px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.GoldHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 1000px rgba(0,0,0,1) inset;
}
/*================[Illut_GoldLeft]================*/
.IllustGoldLeft{
    width:50%;
}
.GoldImg{
    margin: -68.1% 0% 0% -0.4%;
}
.IllustGoldImg{
    background-image: url(../img/prize/IllustGoldBack.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 445px;
    position: relative;
    margin: 0% 0% 3% 0%;
}
.IllustGoldImg img{
    position: absolute;
    top:6%;
    left: 7.2%;
}

/*================[Illut_GoldRight]================*/
.IllustGoldRight{
    width:50%;
}
.IllustGoldRight p{
    padding: 9% 0% 9% 0%;
}

/*================[Illut_GoldBottom]================*/
.IllustGoldBottom{
    width:100%;
}
.IllustGoldBottom p{
    padding: 2% 0% 4% 0%;
}

/*================[Illut_Silver]================*/
.IllustSilverAbout{
    background-image: url(../img/common/bg2.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.IllustSilverAboutList{
    background-color:#e8f4ff;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.IllustSilverAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.IllustSilverContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.IllustSilverImg{
    background-image: url(../img/prize/IllustSilverBack.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 415px;
    position: relative;
    margin: 0% 0% 3% 0%;
}
.IllustSilverImg img{
    position: absolute;
    top:5.8%;
    left: 10%;
}
.IllustSilverBox{
    width:50%;
}
.IllustSilverBox p{
    padding: 6% 0% 6% 0%;
}
.IllustSilverBtn{
    display: block;
    margin: 0% 0% 5% 0%;
}
.SilverHoverBtn{
    position: absolute;
    top:5.8%;
    left: 10%;
    display: block;
    width: 471px;
    height: 353px;
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 379px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.SilverHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 1000px rgba(0,0,0,1) inset;
}

/*================[Illut_Yu]================*/
.IllustYuAbout{
    background-image: url(../img/common/bg2.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.IllustYuAboutList{
    background-color:#e8f4ff;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.IllustYuAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.IllustYuContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.YuHoverBtn{
    position: absolute;
    top:6%;
    left: 10%;
    display: block;
    width: 471px;
    height: 352px;
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 379px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.YuHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 1000px rgba(0,0,0,1) inset;
}

/*================[Illut_YuLeft]================*/
.IllustYuLeft{
    width:50%;
}
.YuImg{
    margin: -68.1% 0% 0% -0.4%;
}
.IllustYuImg{
    background-image: url(../img/prize/IllustYuBack.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 414px;
    position: relative;
    margin: 0% 0% 3% 0%;
}
.IllustYuImg img{
    position: absolute;
    top:6%;
    left: 10%;
}

/*================[Illut_YuRight]================*/
.IllustYuRight{
    width:50%;
}
.IllustYuRight p{
    padding: 6.3% 0% 9% 0%;
}


/*================[Illut_YuBottom]================*/
.IllustYuBottom{
    width:100%;
}
.IllustYuBottom p{
    padding: 2% 0% 4% 0%;
}
.IllustYuBottomCotent{
    display: flex;
    align-items: center;
    width:96%;
    margin: 0 auto;
    padding: 1% 0% 3% 0%;
}
.IllustYuSign{
    width:20%;
}
.IllustYuBottomCotent p{
    width:80%;
}

/*================[Illut_Bronze]================*/
.IllustBronzeAbout{
    background-image: url(../img/common/bg2.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.IllustBronzeAboutList{
    background-color:#e8f4ff;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.IllustBronzeAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.IllustBronzeContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content:space-between; 
}
.IllustBronzeImg{
    background-image: url(../img/prize/IllustBronzeBack.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 311px;
    position: relative;
    margin: 0% 0% 3% 0%;
}
.IllustBronzeImg img{
    position: absolute;
    top:7%;
    left: 5%;
}
.IllustBronzeBtn{
    display: block;
    padding: 0% 0% 8% 0%;
}
.IllustBronzeBtn img{
    width: 270px;
    height: auto;
}
.IllustBronzeBox1{
    width:33%;
    margin: 0% 0% 0% 0%;
}
.IllustBronzeBox1 p{
    padding: 4% 0% 4% 0%;
}
.IllustBronzeBox2{
    width:33%;
    margin: 0% 0% 5% 0%;
}
.IllustBronzeBox2 p{
    padding: 2% 0% 4% 0%;
}
.BronzeHoverBtn{
    position: absolute;
    top:7%;
    left: 5%;
    display: block;
    width: 349px;
    height: 262px;
    position: absolute;
    color: #FFFFFF;
    font-size: 24px;
    line-height: 262px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.BronzeHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 1000px rgba(0,0,0,1) inset;
}

/*================[Illut_Special]================*/
.IllustSpecialAbout{
    background-image: url(../img/common/bg2.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.IllustSpecialAboutList{
    background-color:#e8f4ff;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.IllustSpecialAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.IllustSpecialContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content:space-between; 
}
.IllustSpecialBox{
    margin: 0% 0% 3em 0%;
    width:20%;
    position: relative;
}

.IllustSpecialName{
    background-image: url(../img/prize/SpecialNameBack.png);
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2% 0% 0% 0%;
}
.SpecialHoverBtn{
    position: absolute;
    top: 0%;
    left: 3%;
    display: block;
    width: 224px;
    height: 168px;
    position: absolute;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 168px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.SpecialHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 200px rgba(0,0,0,1) inset;
}



/*====================================[Chara]=====================================*/
.Chara a{
    text-decoration: none;
}
.CharaH3{
    margin: 5% 0% 2% 0%;
}

/*================[Chara_Gold]================*/
.CharaGoldAbout{
    background-image: url(../img/common/bg3.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.CharaGoldAboutList{
    background-color:#fff5c9;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.CharaGoldAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.CharaGoldContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.CharaGoldHoverBtn{
    position: absolute;
    top:4.5%;
    left: 11%;
    display: block;
    width: 460px;
    height: 613px;
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 613px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.CharaGoldHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 1000px rgba(0,0,0,1) inset;
}
/*================[Chara_GoldLeft]================*/
.CharaGoldLeft{
    width:50%;
}
.CharaGoldImg{
    background-image: url(../img/prize/CharaGoldBack.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 693px;
    position: relative;
    margin: 0% 0% 3% 0%;
}
.CharaGoldImg img{
    position: absolute;
    top:4.5%;
    left: 11%;
}

/*================[Chara_GoldRight]================*/
.CharaGoldRight{
    width:50%;
}
.CharaGoldRight p{
    padding: 9% 0% 9% 0%;
}

/*================[Chara_GoldBottom]================*/
.CharaGoldBottom{
    width:100%;
}
.CharaGoldBottom p{
    padding: 2% 0% 4% 0%;
}


/*================[Chara_Silver]================*/
.CharaSilverAbout{
    background-image: url(../img/common/bg3.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.CharaSilverAboutList{
    background-color:#fff5c9;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.CharaSilverAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.CharaSilverContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.CharaSilverImg{
    background-image: url(../img/prize/CharaSilverBack.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 584px;
    position: relative;
    margin: 0% 0% 3% 0%;
}
.CharaSilverImg img{
    position: absolute;
    top:4.5%;
    left: 17.4%;
}
.CharaSilverBox{
    width:50%;
}
.CharaSilverBox p{
    padding: 6% 0% 6% 0%;
}

.CharaSilverHoverBtn{
    position: absolute;
    top:4.5%;
    left: 17.4%;
    display: block;
    width: 385px;
    height: 514px;
    position: absolute;
    color: #FFFFFF;
    font-size: 28px;
    line-height: 514px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.CharaSilverHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 1000px rgba(0,0,0,1) inset;
}


/*================[Chara_Special]================*/
.CharaSpecialAbout{
    background-image: url(../img/common/bg3.gif);
    padding: 0.3%;
    margin: 0% 0% 3% 0%;
}
.CharaSpecialAboutList{
    background-color:#fff5c9;
    padding: 1% 0% 1% 1%;
    font-size:18px;
}
.CharaSpecialAboutH4{
    text-align: center;
    padding: 0.4% 0%;
}
.CharaSpecialContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}
.CharaSpecialContent{
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content:space-between; 
}
.CharaSpecialBox{
    margin: 0% 0% 3em 0%;
    width:20%;
    position: relative;
}

.CharaSpecialName{
    background-image: url(../img/prize/SpecialNameBack.png);
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2% 0% 0% 0%;
}
.CharaSpecialHoverBtn{
    position: absolute;
    top: 0%;
    left: 3%;
    display: block;
    width: 224px;
    height: 298px;
    position: absolute;
    color: #FFFFFF;
    font-size: 18px;
    line-height: 298px;
    transition: .3s;
    opacity: 0;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000,
        -1px 1px 0px #000000,
        1px -1px 0px #000000,
        -1px -1px 0px #000000;
}
.CharaSpecialHoverBtn:hover{
    opacity: 1;
    box-shadow: 0 0 200px rgba(0,0,0,1) inset;
}

/*====================================[Evaluate]=====================================*/
.EvaluateText{
    background-image: url(../img/prize/ManagementEvaluateFlame.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 370px;
    margin: 2% 0% 4% 0%;
    padding: 3% 2% 2% 2%;
    font-size: 22px;
    font-weight: bold;
}

/*====================================[Tab]=====================================*/
.TabArea{
    display: flex;
    justify-content: space-between;
    margin: 4% 0% 0% 0%;
}
input[type="radio"]{display:none;}
#tab1:checked ~ .Illust{display:block;}
#tab2:checked ~ .Chara{display:block;}
.TabContent {
    display: none;
    clear: both;
    overflow: hidden;
}
.Tab1Label,
.Tab2Label,
.Tab1LabelHover,
.Tab2LabelHover{
    cursor: pointer;
    overflow: hidden;
}
.Tab1LabelHover,
.Tab2LabelHover{
    transform: translateY(35%);
    transition: .3s;
}
.Tab1LabelHover:hover,
.Tab2LabelHover:hover{
    transform: translateY(0%);
}

.Illust{
    border-top:5px solid #2388e6;
}
.Chara{
    border-top:4px solid #e67a23;
}