
a:hover { opacity:0.75; }

.arial { font-family: Arial, sans-serif; }

#contest body { background: url(../img/contest/contest-bg-01.jpg); background-size: auto; background-repeat: repeat; }

#contest .x.aaa .y {}
#contest .x.aaa .y .z .w {}
#contest .x.aaa .y .z .w .i {}
#contest .x.aaa .y .z .w .i .d1 { color: #40210F; }
#contest .x.aaa .y .z .w .i .d1 .img { text-align: center; }
#contest .x.aaa .y .z .w .i .d1 .term { text-align: center; font-weight: bold; }
#contest .x.aaa .y .z .w .i .d1 .term .fs1 {}
#contest .x.aaa .y .z .w .i .d1 .term .fs2 {}
#contest .x.aaa .y .z .w .i .d1 .info {}
#contest .x.aaa .y .z .w .i .d1 .info ul { list-style: none; margin: 0; padding: 0; }
#contest .x.aaa .y .z .w .i .d1 .info ul li { text-indent: -1em; padding-left: 1em; }
#contest .x.aaa .y .z .w .i .d1 .info .txt1 {}
#contest .x.aaa .y .z .w .i .d1 .info .txt2 {}
#contest .x.aaa .y .z .w .i .d1 .btn { display: flex; justify-content: center; }
#contest .x.aaa .y .z .w .i .d1 .btn a { display: block; background-color: #40210F; color: #fff; font-weight: bold; text-align: center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contest .x.aaa .y .z .w .i { margin-top: 50px; }

    #contest .x.aaa .y .z .w .i .d1 {}
    #contest .x.aaa .y .z .w .i .d1 .img { margin-left: -40px; }
    #contest .x.aaa .y .z .w .i .d1 .term { margin-top: 25px; font-size: 2.65rem; letter-spacing: 0.5px; line-height: 1.6; }
    #contest .x.aaa .y .z .w .i .d1 .term .fs1 { font-size: 1.65rem; }
    #contest .x.aaa .y .z .w .i .d1 .term .fs2 { font-size: 2.0rem; }
    #contest .x.aaa .y .z .w .i .d1 .info { margin-top: 30px; padding: 0 70px; }
    #contest .x.aaa .y .z .w .i .d1 .info .txt1 { font-size: 1.45rem; letter-spacing: 0.5px; line-height: 1.6; text-shadow: 0px 0px 1px rgb(64, 33, 15, 0.45); }
    #contest .x.aaa .y .z .w .i .d1 .info .txt2 { margin-top: 20px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; text-shadow: 0px 0px 1px rgb(64, 33, 15, 0.45); }
    #contest .x.aaa .y .z .w .i .d1 .btn { margin-top: 30px; }
    #contest .x.aaa .y .z .w .i .d1 .btn a { width: 560px; font-size: 1.85rem; letter-spacing: 0.5px; line-height: 1.2; padding: 20px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contest .x.aaa .y .z .w .i { margin-top: 50px; }

    #contest .x.aaa .y .z .w .i .d1 {}
    #contest .x.aaa .y .z .w .i .d1 .img { margin-left: -40px; }
    #contest .x.aaa .y .z .w .i .d1 .term { margin-top: 25px; font-size: 2.65rem; letter-spacing: 0.5px; line-height: 1.6; }
    #contest .x.aaa .y .z .w .i .d1 .term .fs1 { font-size: 1.65rem; }
    #contest .x.aaa .y .z .w .i .d1 .term .fs2 { font-size: 2.0rem; }
    #contest .x.aaa .y .z .w .i .d1 .info { margin-top: 30px; padding: 0 70px; }
    #contest .x.aaa .y .z .w .i .d1 .info .txt1 { font-size: 1.45rem; letter-spacing: 0.5px; line-height: 1.6; text-shadow: 0px 0px 1px rgb(64, 33, 15, 0.45); }
    #contest .x.aaa .y .z .w .i .d1 .info .txt2 { margin-top: 20px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; text-shadow: 0px 0px 1px rgb(64, 33, 15, 0.45); }
    #contest .x.aaa .y .z .w .i .d1 .btn { margin-top: 30px; }
    #contest .x.aaa .y .z .w .i .d1 .btn a { width: 560px; font-size: 1.85rem; letter-spacing: 0.5px; line-height: 1.2; padding: 20px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contest .x.aaa .y .z .w .i { margin-top: 30px; padding: 0 10px; }

    #contest .x.aaa .y .z .w .i .d1 {}
    #contest .x.aaa .y .z .w .i .d1 .img { margin-left: -20px; }
    #contest .x.aaa .y .z .w .i .d1 .term { margin-top: 25px; font-size: 1.175rem; letter-spacing: 0.5px; line-height: 1.6; }
    #contest .x.aaa .y .z .w .i .d1 .term .fs1 { font-size: 0.85rem; }
    #contest .x.aaa .y .z .w .i .d1 .term .fs2 { font-size: 0.9rem; }
    #contest .x.aaa .y .z .w .i .d1 .info { margin-top: 25px; padding: 0 10px; }
    #contest .x.aaa .y .z .w .i .d1 .info .txt1 { font-size: 1.15rem; letter-spacing: 0.5px; line-height: 1.6; text-shadow: 0px 0px 1px rgb(64, 33, 15, 0.45); }
    #contest .x.aaa .y .z .w .i .d1 .info .txt2 { margin-top: 15px; font-size: 1.0rem; letter-spacing: 0.5px; line-height: 1.6; text-shadow: 0px 0px 1px rgb(64, 33, 15, 0.45); }
    #contest .x.aaa .y .z .w .i .d1 .btn { margin-top: 30px; padding: 0 10px; }
    #contest .x.aaa .y .z .w .i .d1 .btn a { width: 100%; font-size: 1.45rem; letter-spacing: 0.5px; line-height: 1.2; padding: 15px; }
}


#contest .x.bbb .y {}
#contest .x.bbb .y .z .w {}
#contest .x.bbb .y .z .w .i {}
#contest .x.bbb .y .z .w .i .d1 { color: #40210F; }
#contest .x.bbb .y .z .w .i .d1 .title { text-align: center; }
#contest .x.bbb .y .z .w .i .d1 .img { text-align: center; }
#contest .x.bbb .y .z .w .i .d1 .list { background-color: #fff; }
#contest .x.bbb .y .z .w .i .d1 .list .box {}
#contest .x.bbb .y .z .w .i .d1 .list .box .name { font-weight: bold; }
#contest .x.bbb .y .z .w .i .d1 .list .box .info {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contest .x.bbb .y .z .w .i { margin-top: 90px; }

    #contest .x.bbb .y .z .w .i .d1 {}
    #contest .x.bbb .y .z .w .i .d1 .title { font-size: 1.75rem; letter-spacing: 0.5px; line-height: 1.2; }
    #contest .x.bbb .y .z .w .i .d1 .img { margin-top: 20px; }
    #contest .x.bbb .y .z .w .i .d1 .list { padding: 0 50px 50px; display: flex; flex-flow: row wrap; gap: 30px 0; }
    #contest .x.bbb .y .z .w .i .d1 .list .box {}
    #contest .x.bbb .y .z .w .i .d1 .list .box .name { font-size: 1.525rem; letter-spacing: 0.5px; line-height: 1.2; }
    #contest .x.bbb .y .z .w .i .d1 .list .box .info { font-size: 1.35rem; letter-spacing: 0.5px; line-height: 1.6; }

}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contest .x.bbb .y .z .w .i { margin-top: 90px; }

    #contest .x.bbb .y .z .w .i .d1 {}
    #contest .x.bbb .y .z .w .i .d1 .title { font-size: 1.75rem; letter-spacing: 0.5px; line-height: 1.2; }
    #contest .x.bbb .y .z .w .i .d1 .img { margin-top: 20px; }
    #contest .x.bbb .y .z .w .i .d1 .list { padding: 0 50px 50px; display: flex; flex-flow: row wrap; gap: 30px 0; }
    #contest .x.bbb .y .z .w .i .d1 .list .box {}
    #contest .x.bbb .y .z .w .i .d1 .list .box .name { font-size: 1.525rem; letter-spacing: 0.5px; line-height: 1.2; }
    #contest .x.bbb .y .z .w .i .d1 .list .box .info { font-size: 1.35rem; letter-spacing: 0.5px; line-height: 1.6; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contest .x.bbb .y .z .w .i { margin-top: 60px; padding: 0 10px; }

    #contest .x.bbb .y .z .w .i .d1 {  padding: 0 10px; }
    #contest .x.bbb .y .z .w .i .d1 .title { font-size: 1.45rem; letter-spacing: 0.5px; line-height: 1.2; }
    #contest .x.bbb .y .z .w .i .d1 .img { margin-top: 20px; }
    #contest .x.bbb .y .z .w .i .d1 .list { margin-top: -1px; padding: 10px 15px 20px; display: flex; flex-flow: row wrap; gap: 20px 0; }
    #contest .x.bbb .y .z .w .i .d1 .list .box {}
    #contest .x.bbb .y .z .w .i .d1 .list .box .name { font-size: 1.2rem; letter-spacing: 0.5px; line-height: 1.2; }
    #contest .x.bbb .y .z .w .i .d1 .list .box .info { font-size: 1.1rem; letter-spacing: 0.5px; line-height: 1.6; }
}


#contest .x.ccc .y {}
#contest .x.ccc .y .z .w {}
#contest .x.ccc .y .z .w .i {}
#contest .x.ccc .y .z .w .i .d1 {}
#contest .x.ccc .y .z .w .i .d1 .back { text-align: center; }
#contest .x.ccc .y .z .w .i .d1 .back a { display: inline-block; color: #0F6BB0; text-decoration: underline; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contest .x.ccc .y .z .w .i { margin: 50px 0; }

    #contest .x.ccc .y .z .w .i .d1 {}
    #contest .x.ccc .y .z .w .i .d1 .back {}
    #contest .x.ccc .y .z .w .i .d1 .back a { font-size: 1.35rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contest .x.ccc .y .z .w .i { margin: 50px 0; }

    #contest .x.ccc .y .z .w .i .d1 {}
    #contest .x.ccc .y .z .w .i .d1 .back {}
    #contest .x.ccc .y .z .w .i .d1 .back a { font-size: 1.35rem; letter-spacing: 0.5px; line-height: 1.2; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contest .x.ccc .y .z .w .i { margin: 40px; padding: 0 10px; }

    #contest .x.ccc .y .z .w .i .d1 {}
    #contest .x.ccc .y .z .w .i .d1 .back {}
    #contest .x.ccc .y .z .w .i .d1 .back a { font-size: 1.15rem; letter-spacing: 0.5px; line-height: 1.2; }
}
