@charset "utf-8";


.modal { padding-bottom: 80px; text-align: center; color: #fff; }
.modal .title { margin: 0 40px 40px 40px; padding: 80px 0 30px; font-size: 24px; border-bottom: 1px solid #fff;  font-weight: normal; line-height: 1.5; }
.modal .text { margin-bottom: 20px; font-size: 14px; }
.modal .year { margin: 0 7px; padding: 10px 15px; width: 50px; height: 70px; box-sizing: border-box; border: 1px solid #fff; color: #fff; font-size: 30px; font-weight: bold; color: #fff; }
.modal .frmInner { margin: 0 auto; width: 256px; }
.modal .btnEnter { margin: 20px 7px 20px 7px; }
.modal .btnEnter a { display: block; padding: 15px 20px 13px 20px; background: #fff; text-decoration: none; line-height: 1.0; }
.modal .save { position: relative; display: inline-block; padding-left: 20px; font-size: 14px; cursor: pointer; }
.modal .save label { cursor: pointer; }
.modal .save #checkSave { position: absolute; top: -3px; left: 0; }
.modal .btnEnter a span { position: relative; display: inline-block; padding: 0 20px 0 20px; }
.modal .btnEnter a span:before { content: ''; width: 0; height: 0; border: solid 5px transparent; border-left: solid; position: absolute; top: 50%; right: 0; margin-top: -6px; }

#bodyGold { background: #896e4c; }
#bodyGold .modal .year { background: #896e4c; }
#bodyGold .modal .btnEnter a { color: #896e4c; }
#bodyGold .modal .btnEnter a span:before { border-left: solid 7px #896e4c; }

#bodyBlue { background: #429ed0; }
#bodyBlue .modal .year { background: #429ed0; }
#bodyBlue .modal .btnEnter a { color: #429ed0; }
#bodyBlue .modal .btnEnter a span:before { border-left: solid 7px #429ed0; }

#bodyWhite { background: #ffffff; }
#bodyWhite .modal .year { background: #ffffff; }
#bodyWhite .modal .btnEnter a { color: #ffffff; }
#bodyWhite .modal .btnEnter a span:before { border-left: solid 7px #ffffff; }

#bodyBlack { background: #000000; }
#bodyBlack .modal .year { background: #000000; }
#bodyBlack .modal .btnEnter a { color: #000000; }
#bodyBlack .modal .btnEnter a span:before { border-left: solid 7px #000000; }

#bodyViolet { background: #46323c; }
#bodyViolet .modal .year { background: #46323c; }
#bodyViolet .modal .btnEnter a { color: #46323c; }
#bodyViolet .modal .btnEnter a span:before { border-left: solid 7px #46323c; }

#bodyWhite .modal { padding-bottom: 80px; text-align: center; color: #222; }
#bodyWhite .modal .title { margin: 0 40px 40px 40px; padding: 80px 0 30px; font-size: 24px; border-bottom: 1px solid #222;  font-weight: normal; line-height: 1.5; }
#bodyWhite .modal .text { margin-bottom: 20px; font-size: 14px; }
#bodyWhite .modal .year { margin: 0 7px; padding: 10px 15px; width: 50px; height: 70px; box-sizing: border-box; border: 1px solid #222; color: #222; font-size: 30px; font-weight: bold; color: #222; }
#bodyWhite .modal .frmInner { margin: 0 auto; width: 256px; }
#bodyWhite .modal .btnEnter { margin: 20px 7px 20px 7px; }
#bodyWhite .modal .btnEnter a { display: block; padding: 15px 20px 13px 20px; background: #222; text-decoration: none; line-height: 1.0; }
#bodyWhite .modal .save { position: relative; display: inline-block; padding-left: 20px; font-size: 14px; cursor: pointer; }
#bodyWhite .modal .save label { cursor: pointer; }
#bodyWhite .modal .save #checkSave { position: absolute; top: -3px; left: 0; }
#bodyWhite .modal .btnEnter a span { position: relative; display: inline-block; padding: 0 20px 0 20px; }
#bodyWhite .modal .btnEnter a span:before { content: ''; width: 0; height: 0; border: solid 5px transparent; border-left: solid; position: absolute; top: 50%; right: 0; margin-top: -6px; }

#bodyGreen { background: #003817; }
#bodyGreen .modal .year { background: #003817; }
#bodyGreen .modal .btnEnter a { color: #003817; }
#bodyGreen .modal .btnEnter a span:before { border-left: solid 7px #003817; }

#bodyLightGreen { background: #41c6c3; }
#bodyLightGreen .modal .year { background: #41c6c3; }
#bodyLightGreen .modal .btnEnter a { color: #41c6c3; }
#bodyLightGreen .modal .btnEnter a span:before { border-left: solid 7px #41c6c3; }

#bodyGreen .modal { padding-bottom: 80px; text-align: center; color: #fff; }
#bodyGreen .modal .title { margin: 0 40px 40px 40px; padding: 80px 0 30px; font-size: 24px; border-bottom: 1px solid #fff;  font-weight: normal; line-height: 1.5; }
#bodyGreen .modal .text { margin-bottom: 20px; font-size: 14px; }
#bodyGreen .modal .year { margin: 0 7px; padding: 10px 15px; width: 50px; height: 70px; box-sizing: border-box; border: 1px solid #fff; color: #fff; font-size: 30px; font-weight: bold; color: #fff; }
#bodyGreen .modal .frmInner { margin: 0 auto; width: 256px; }
#bodyGreen .modal .btnEnter { margin: 20px 7px 20px 7px; }
#bodyGreen .modal .btnEnter a { display: block; padding: 15px 20px 13px 20px; background: #fff; text-decoration: none; line-height: 1.0; }
#bodyGreen .modal .save { position: relative; display: inline-block; padding-left: 20px; font-size: 14px; cursor: pointer; }
#bodyGreen .modal .save label { cursor: pointer; }
#bodyGreen .modal .save #checkSave { position: absolute; top: -3px; left: 0; }
#bodyGreen .modal .btnEnter a span { position: relative; display: inline-block; padding: 0 20px 0 20px; }
#bodyGreen .modal .btnEnter a span:before { content: ''; width: 0; height: 0; border: solid 5px transparent; border-left: solid; position: absolute; top: 50%; right: 0; margin-top: -6px; }