/*---------------  Common --------------- */

div.contest-contents {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

div.contest-contents a {
    text-decoration: underline;
}

div.contest-contents h1 {
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.3;
    width: 100%;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    background-image: none;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
}

.contest-main-image img {
    width: 100%;
    height: auto;
}

.rtl h1,
.rtl span,
.rtl li,
.rtl p {
    direction: rtl;
    text-align: right;
}

/*---------------  material_contest_01 --------------- */


/* 結果発表 */
.material-contest-result {
    padding: 0 20px;
    margin-bottom: 30px;
}

.material-contest-result #intro {
    font-size: 26px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
}


.material-contest-result>p {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

.material-contest-result .result-theme {
    font-size: 16px;
    background-color: #fcf2c6;
    border: thin solid #f8be16;
    margin-bottom: 10px;
    padding: 5px;
}


/* Result grand-prize */
.grand-prize {
    background: url(https://cdn-media.ibispaint.com/material_contest/001/grand-prize.png);
    height: 458px;
    position: relative;
}


.grand-prize-sec {
    width: 220px;
    padding-top: 80px;
    margin-left: 70px;
}

.grand-prize .grand-prize-letter {
    width: 160px;
    margin-left: 20px;
}

.user-0 {
    font-size: 15px;
    margin-top: 6px;
}

.user-0 a {
    transition: 0.2s;
}

.user-0 a:hover {
    color: #ffba4b;
}
.review{
    width: 205px;
    text-align: center;
}

.review h3 {
    background-color: #0E73A5;
    color: #FFFFFF;
    display: inline-block;
    padding: 0 10px;
    height: 24px;
    border-radius: 5px;
    text-align: center;
    line-height: 24px;
    margin: auto;
}

.review p {
    margin-top: 9px;
    font-size: 12px;
}

.grand-btn {
    width: 205px;
    height: 36px;
    background-color: #F89E2A;
    border: none;
    color: #FFFFFF;
    border-radius: 7px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 36px;
    transition: 0.6s;
}

.grand-btn:hover {
    cursor: pointer;
    background-color: #ffba4b;
}

.grand-btn .oukan {
    width: 20px;
}

.grand-btn .crown {
    width: 20px;
}

.grand-prize .picture-title {
    font-size: 15px;
    position: absolute;
    top: 350px;
    right: 125px;
    font-weight: bold;
}

.grand-prize .gold-badge {
    width: 90px;
    position: absolute;
    top: 64px;
    right: 280px;
}


/* Result winning */
.winning {
    width: 573px;
    display: block;
    margin: 0 auto;
}

.winning-list {
    margin-top: 30px;
    border: 5px solid #BADDE5;
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-radius: 7px;
    display: flex;
    flex-wrap: wrap;
}

.winning h3 .winning-letter {
    width: 130px;
    margin: 30px auto 0px auto;
    display: block;
}

.winning-person {
    width: 220px;
    height: 330px;
    margin-top: 40px;
    margin-left: 40px;
    margin-bottom: 15px;
    position: relative;
}

.winnning-person-right {
    margin-left: 55px;
}

.winning-person .silver-badge {
    position: absolute;
    width: 65px;
    top: -20px;
    left: -33px;
}

.winning-person h4 {
    margin-top: 10px;
    font-size: 15px;
    text-align: center;
}

.winning-person .user {
    font-size: 15px;
    text-align: center;
    margin-top: 12px;
}

.user a:hover,
.user-long-01 a:hover,
.user-long-02 a:hover,
.user-long-03 a:hover {
    color: #ffba4b;
}

.user-long-01 {
    font-size: 10px;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 13px;
}

.user-long-02 {
    font-size: 11px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 13px;
}

.user-long-03 {
    font-size: 13px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 13px;
}

.user-long-04 {
    font-size: 11px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: -7px;
}

.winning-btn {
    width: 175px;
    height: 36px;
    background-color: #0E73A5;
    border: none;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    margin: 10px auto 0px auto;
    display: block;
    transition: 0.6s;
}

.winning-btn:hover {
    cursor: pointer;
    background-color: #2795d4;
}


/* Top */
.material-contest-introduction {
    padding: 0 20px;
}

.material-contest-introduction #intro {
    font-size: 27px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
}

.material-contest-introduction #warning {
    font-size: 16px;
    line-height: 1.6em;
    background-color: #fcf2c6;
    border: thin solid #f8be16;
    margin-bottom: 10px;
    padding: 5px;
}

.material-contest-introduction>p {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 10px;
}

/* background */
.main-contents {
    background: url(https://cdn-media.ibispaint.com/material_contest/001/background_pc.png);
    margin-top: 40px;
    background-repeat: no-repeat;
}

/* award-and-prize */

.award-and-prize {
    padding-top: 85px;
}

.award-and-prize .section-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}


.award-and-prize .has-border::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    left: 24%;
}

.award-and-prize .has-border::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    right: 24%;
}

.award-and-prize div {
    margin-top: 35px;
    margin-left: 10px;
}


/* theme-01 */
.theme-01 {
    margin-top: 90px;
}

.theme-01 .section-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}

.theme-01 .has-border:before {
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    top: 45%;
    left: 3%;
}

.theme-01 .has-border:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 5px;
    top: 45%;
    right: 3%;
}

.theme-01 ul {
    margin:20px 20px 0 20px;
}

.theme-01 ul li {
    font-size: 16px;
    margin-top: 5px;
}

.theme-01 div .example-p {
    font-size: 16px;
    margin: 15px 20px 5px 20px;
}

.theme-01 div img {
    margin-left: 20px;
}

.theme-01 div .example-sec {
    font-size: 14px;
    width: 610px;
    margin-top: 10px;
    margin-left: 20px;
}


/* condition */
.condition {
    margin-top: 150px;
}

.condition .section-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}

.condition .has-border::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    left: 25%;
}

.condition .has-border::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    right: 25%;
}

.condition ol {
    width: 550px;
    border-radius: 11px;
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 10px 10px 20px 20px;
}


.condition ol li {
    font-size: 16px;
    width: 520px;
    margin: 8px auto 0px auto;
    line-height: 22px;
    list-style-type: decimal;
}

.condition ol li span {
    font-size: 15px;
}

.condition ol li:first-child {
    font-weight: bold;
}


/* how-to-apply */
.how-to-apply {
    margin-top: 90px;
    padding-bottom: 88px;
}

.how-to-apply .section-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}

.how-to-apply .has-border::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    left: 25%;
}

.how-to-apply .has-border::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    right: 25%;
}

.apply-01 {
    display: flex;
    width: 600px;
    justify-content: space-between;
    margin-left: 20px;
    margin-top: 40px;
}

.apply-01-sec {
    padding-top: 20px;
}

.apply-01-sec .figure {
    font-size: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.apply-01-sec .apply-sec {
    font-size: 17px;
    width: 265px;
    text-justify: inter-ideograph;
}



.apply-02 {
    display: flex;
    width: 600px;
    justify-content: space-between;
    margin-left: 20px;
    margin-top: 50px;
}

.apply-02-sec {
    padding-top: 20px;
    margin-right: 10px;
}

.apply-02-sec .figure {
    font-size: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.apply-02-sec .apply-sec {
    font-size: 17px;
    width: 260px;
    text-justify: inter-ideograph;
}


.apply-03 {
    display: flex;
    width: 600px;
    justify-content: space-between;
    margin-left: 20px;
    margin-top: 30px;
}

.apply-03-sec {
    padding-top: 40px;
}

.apply-03-sec .figure {
    font-size: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.apply-03-sec .apply-sec {
    font-size: 17px;
    width: 265px;
    text-justify: inter-ideograph;
}


.apply-04 {
    display: flex;
    width: 600px;
    justify-content: space-between;
    margin-left: 20px;
    margin-top: 50px;
}

.apply-04-sec {
    padding-top: 40px;
    margin-right: 10px;
}

.apply-04-sec .figure {
    font-size: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.apply-04-sec .apply-sec {
    font-size: 17px;
    width: 260px;
    text-justify: inter-ideograph;
}



/* notes */
.notes {
    margin-top: 65px;
}

.notes .section-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}

.notes .has-border::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    left: 25%;
}

.notes .has-border::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    right: 25%;
}

.notes ul {
    margin-top: 10px;
}

.notes ul li {
    list-style: outside;
    font-size: 16px;
    width: 580px;
    margin-left: 40px;
    margin-top: 5px;
}


/* ib-cc */
.ib-cc {
    margin-top: 75px;
    margin-bottom: 120px;
}

.ib-cc .section-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
    position: relative;
}

.ib-cc .has-border::before {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    left: 25%;
}

.ib-cc .has-border::after {
    content: "";
    position: absolute;
    width: 80px;
    height: 5px;
    top: 45%;
    right: 25%;
}

.ib-cc p {
    font-size: 16px;
    width: 600px;
    margin-left: 20px;
    text-justify: inter-ideograph;
}


/*第3回素材コンテスト以降、CSS共通化 */

.grand-prize-all .grand-prize-letter {
    width: 160px;
    margin-left: 20px;
}

.grand-prize-all .picture-title {
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 170px;
    font-weight: bold;
}


.grand-prize-all .gold-badge {
    width: 90px;
    position: absolute;
    top: 64px;
    right: 280px;
}

.grand-prize-all .comment-p {
    display: inline-block;
    max-width: 95%;
    font-size: 13px;
    text-align: start;
    margin: auto;
}

.intro-01 {
    color: #0E73A5;
}

.section-title-01 {
    color: #0E73A5;
}

.section-title-01::before {
    background-color: #0E73A5;
}

.section-title-01::after {
    background-color: #0E73A5;
}

.figure-01 {
    color: #0E73A5;
}

.ol-01 {
    background-color: #0E73A5;
}

.box-shadow-01{
    box-shadow: 9px 9px 0px 2px #0E73A5;
}

.material-contest-result .result-theme-01 {
    width: 210px;
}


/*---------------  material_contest_02 --------------- */

.intro-02 {
    color: #f54d85;
}

.section-title-02 {
    color: #f54d85;
}

.section-title-02::before {
    background-color: #f54d85;
}

.section-title-02::after {
    background-color: #f54d85;
}

.figure-02 {
    color: #f54d85;
    margin-top: -30px;
}

.ol-02 {
    background-color: #ff99bb;
}

.box-shadow-02{
    box-shadow: 9px 9px 0px 2px #ff99bb;
}

.condition-02 {
    padding-top: 10px;
}

.apply-sec-02 {
    font-weight: bold;
}

.theme-01 ul .example-sec-02 {
    font-size: 14px;
}


/* background */
.main-contents-02 {
    background: url(https://cdn-media.ibispaint.com/material_contest/002/background-02_pc.png);
    margin-top: 40px;
    background-repeat: no-repeat;
}

.material-contest-result .result-theme-02 {
    font-size: 16px;
    width: 85px;
    background-color: #fcf2c6;
    border: thin solid #f8be16;
    margin-bottom: 10px;
    padding: 5px;
}

.grand-prize-02 {
    background: url(https://cdn-media.ibispaint.com/material_contest/002/grand-prize.png);
    height: 458px;
    position: relative;
}

.grand-prize-02 .grand-prize-letter {
    width: 160px;
    margin-left: 20px;
}

.grand-prize-02 .picture-title {
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 170px;
    font-weight: bold;
}

.grand-prize-02 .gold-badge {
    width: 90px;
    position: absolute;
    top: 64px;
    right: 280px;
}

.grand-prize-02 .comment-02 {
    background-color: #f54d85;
}

.grand-prize-02 .comment-p {
    font-size: 13px;
}

.winning-list-02 {
    border: 5px solid #eecde1;
}

.winning-btn-02 {
    width: 175px;
    height: 36px;
    background-color: #f54d85;
    border: none;
    border-radius: 7px;
    color: #fff;
    font-size: 15px;
    margin: 10px auto 0px auto;
    display: block;
    transition: 0.6s;
}

.winning-btn-02:hover {
    cursor: pointer;
    background-color: #ff7ea9;
}





/*---------------  material_contest_03 --------------- */
.intro-03 {
    color: #84913a;
}

.section-title-03 {
    color: #84913a;
}

.section-title-03::before {
    background-color: #84913a;
}

.section-title-03::after {
    background-color: #84913a;
}

.figure-03 {
    color: #84913a;
    margin-top: -30px;
}

.ol-03 {
    background-color: #a4b44a;
}

.box-shadow-03{
    box-shadow: 9px 9px 0px 2px #a4b44a;
}

.condition-03 {
    padding-top: 10px;
}

.apply-sec-03 {
    font-weight: bold;
}

.theme-01 ul .example-sec-03 {
    font-size: 14px;
}

.twitter-sec {
    font-size: 12px;
    font-weight: bold;
}


/* background */
.main-contents-03 {
    background: url(https://cdn-media.ibispaint.com/material_contest/003/background-03_pc.png);
    margin-top: 40px;
    background-repeat: no-repeat;
}

.material-contest-result .result-theme-03 {
    width: 100px;
}

.grand-prize-all {
    height: 458px;
    position: relative;
}

.grand-prize-all .comment-03 {
    background-color: #84913a;
}

.grand-prize-03 {
    background: url(https://cdn-media.ibispaint.com/material_contest/003/grand-prize.png);
}

.winning-list-03 {
    border: 5px solid #bfc792;
}

.winning-btn-03 {
    background-color: #84913a;
}

.winning-btn-03:hover {
    cursor: pointer;
    background-color: #a4b44a;
}





/*---------------  material_contest_04 --------------- */
.intro-04 {
    color: #f5535e;
}

.section-title-04 {
    color: #f5535e;
}

.section-title-04::before {
    background-color: #f5535e;
}

.section-title-04::after {
    background-color: #f5535e;
}

.figure-04 {
    color: #f5535e;
    margin-top: -30px;
}

.apply-01-sec-04-1 {
    margin-top: 30px;
}

.ol-04 {
    background-color: #F4767E;
}

.box-shadow-04{
    box-shadow: 9px 9px 0px 2px #F4767E;
}


.apply-sec-04 {
    font-weight: bold;
}

.theme-01 ul .example-sec-04 {
    font-size: 14px;
}

.twitter-sec {
    font-size: 12px;
    font-weight: bold;
}

/* background */
.main-contents-04 {
    background: url(https://cdn-media.ibispaint.com/material_contest/004/background-04_pc.png);
    margin-top: 40px;
    background-repeat: no-repeat;
}

.material-contest-result .result-theme-04 {
    width: 160px;
}


.grand-prize-all .comment-04 {
    background-color: #f5535e;
    margin-top: 10px;
}

.grand-prize-04 {
    background: url(https://cdn-media.ibispaint.com/material_contest/004/grand-prize.png);
}

.winning-list-04 {
    border: 5px solid #f5a4a9;
}

.winning-btn-04 {
    background-color: #f5535e;
}

.winning-btn-04:hover {
    cursor: pointer;
    background-color: #ff7780;
}

.picture-title-04{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 100px;
    font-weight: bold;
}

.user-works {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*---------------  第4回素材コンテスト結果発表ページ以降共通 --------------- */
.user-1 {
    font-size: 16px;
    margin-top: 6px;
    text-align: center;
    width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rtl .user-1{
    text-align: center;
}
.user-1 a {
    transition: 0.2s;
}

.user-1 a:hover {
    color: #ffba4b;
}


p.user-long-all {
    font-size: 14px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 13px;
    color: #2367b0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deleted-user-long-all {
    font-size: 14px;
    text-align: center;
    margin-top: 13px;
    margin-bottom: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: black;
}

.user-long-all a{
    transition: 0.2s;
}

.user-long-all a:hover {
    color: #ffba4b;
}


/*---------------  material_contest_05 --------------- */
.color-5 {
    color: #4553be;
}

.color-5::before,
.color-5::after {
    background-color: #4553be;
}

.ol-05 {
    background-color: #6673d5;
}

.box-shadow-05{
    box-shadow: 9px 9px 0px 2px #6673d5;
}

/* background */
.main-contents-05 {
    background: url(https://cdn-media.ibispaint.com/material_contest/005/common/background-05_pc.png);
    margin-top: 40px;
    background-repeat: no-repeat;
}

.grand-prize-all .comment-05 {
    background-color: #4553be;
    margin-top: 10px;
}

.grand-prize-05 {
    background: url(https://cdn-media.ibispaint.com/material_contest/005/common/grand-prize.png);
}

.winning-list-05 {
    border: 5px solid #a5a4f5;
}

.winning-btn-05 {
    background-color: #4553be;
}

.winning-btn-05:hover {
    cursor: pointer;
    background-color: #6472d8;
}

.picture-title-05{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 130px;
    font-weight: bold;
}

/*---------------  material_contest_06 --------------- */
.color-6 {
    color: #ec4f8c;
}

.color-6::before,
.color-6::after {
    background-color: #ec4f8c;
}

.ol-06 {
    background-color: #ff8ad8;
}

.box-shadow-06{
    box-shadow: 9px 9px 0px 2px #ff8ad8;
}

/* background */
.main-contents-06 {
    background: url(https://cdn-media.ibispaint.com/material_contest/006/common/background-06_pc.png);
    margin-top: 40px;
    background-repeat: no-repeat;
}

.grand-prize-all .comment-06 {
    background-color: #ec4f8c;
    margin-top: 10px;
}

.grand-prize-06 {
    background: url(https://cdn-media.ibispaint.com/material_contest/006/common/grand-prize.png);
}

.winning-list-06 {
    border: 5px solid #f5a4e3;
}

.winning-btn-06 {
    background-color: #ec4f8c;
}

.winning-btn-06:hover {
    cursor: pointer;
    background-color: #ff6ea6;
}

.picture-title-06{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 110px;
    font-weight: bold;
}

/*---------------  material_contest_07 --------------- */
.color-7 {
	color: #3d72e6;
}

.color-7::before,
.color-7::after {
	background-color: #8daef2;
}

.ol-07 {
	background-color: #4d81f0;
}

.box-shadow-07 {
	box-shadow: 9px 9px 0px 2px #4d81f0;
}

/* background */
.main-contents-07 {
	background: url(https://cdn-media.ibispaint.com/material_contest/007/common/background_pc.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-07 {
    background-color: #3d72e6;
    margin-top: 10px;
}

.grand-prize-07 {
    background: url(https://cdn-media.ibispaint.com/material_contest/007/common/grand-prize.png);
}

.winning-list-07 {
    border: 5px solid #9596ee;
}

.winning-btn-07 {
    background-color: #3d72e6;
}

.winning-btn-07:hover {
    cursor: pointer;
    background-color: #7ca3f8;
}

.picture-title-07{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 185px;
    font-weight: bold;
}




/*---------------  material_contest_08 --------------- */
.color-8 span,
.color-8 span div{
    background: -webkit-linear-gradient(-88deg, #0383b9 56%, #173eae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.color-8{
    background: -webkit-linear-gradient(-45deg, #0383b9 10%, #173eae);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.color-8::before,
.color-8::after {
    background: linear-gradient(#0383b9 50%, #173eae);
}

.ol-08 {
    background: linear-gradient(-50deg,#0383b9 70%, #173eae);
}

.box-shadow-08 {
	box-shadow: 9px 9px 0px 2px #0383b9;
}

/* background */
.main-contents-08 {
	background: url(https://cdn-media.ibispaint.com/material_contest/008/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-08 {
    background-color: #0383b9;
    margin-top: 10px;
}

.grand-prize-08 {
    background: url(https://cdn-media.ibispaint.com/material_contest/008/common/grand-prize.png);
}

.winning-list-08 {
    border: 5px solid #5fafd1;
}

.winning-btn-08 {
    background-color: #0383b9;
}

.winning-btn-08:hover {
    cursor: pointer;
    background-color: #3da3cf;
}

.picture-title-08{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 175px;
    font-weight: bold;
}

/*---------------  material_contest_09 --------------- */
.color-9{
    color: #AC56C1;
}

.color-9::before,
.color-9::after {
    background-color: #AC56C1;
}

.ol-09 {
    background-color: #c393d6;
}

.box-shadow-09 {
	box-shadow: 9px 9px 0px 2px #c393d6;
}

/* background */
.main-contents-09 {
	background: url(https://cdn-media.ibispaint.com/material_contest/009/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-09 {
    background-color: #c393d6;
    margin-top: 10px;
}

.grand-prize-09 {
    background: url(https://cdn-media.ibispaint.com/material_contest/009/common/grand-prize.png);
}

.winning-list-09 {
    border: 5px solid #d1addf;
}

.winning-btn-09 {
    background-color: #c393d6;
}

.winning-btn-09:hover {
    cursor: pointer;
    background-color: #daacec;
}

.picture-title-09{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 175px;
    font-weight: bold;
}

/*---------------  material_contest_10 --------------- */
.color-10{
    color: #ed5a2d;
}

.color-10::before,
.color-10::after {
    background-color: #ed5a2d;
}

.ol-10 {
    background-color: #f0887a;
}

.box-shadow-10 {
	box-shadow: 9px 9px 0px 2px #f0887a;
}

/* background */
.main-contents-10 {
	background: url(https://cdn-media.ibispaint.com/material_contest/010/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-10 {
    background-color: #f0887a;
    margin-top: 10px;
}

.grand-prize-10 {
    background: url(https://cdn-media.ibispaint.com/material_contest/010/common/grand-prize.png);
}

.winning-list-10 {
    border: 5px solid #fdbbb3;
}

.winning-btn-10 {
    background-color: #f0887a;
}

.winning-btn-10:hover {
    cursor: pointer;
    background-color: #faada2;
}

.picture-title-10{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 138px;
    font-weight: bold;
}

/*---------------  material_contest_11 --------------- */
.color-11{
    color: #27a091;
}

.color-11::before,
.color-11::after {
    background-color: #27a091;
}

.ol-11 {
    background-color: #4cb8ab;
}

.box-shadow-11 {
	box-shadow: 9px 9px 0px 2px #4cb8ab;
}

/* background */
.main-contents-11 {
	background: url(https://cdn-media.ibispaint.com/material_contest/011/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-11 {
    background-color: #4cb8ab;
    margin-top: 10px;
}

.grand-prize-11 {
    background: url(https://cdn-media.ibispaint.com/material_contest/011/common/grand-prize.png);
}

.winning-list-11 {
    border: 5px solid #93d8d1;
}

.winning-btn-11 {
    background-color: #4cb8ab;
}

.winning-btn-11:hover {
    cursor: pointer;
    background-color: #7ad6cb;
}

.picture-title-11{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 110px;
    font-weight: bold;
}


/*---------------  material_contest_12 --------------- */
.color-12{
    color: #3d56d1;
}

.color-12::before,
.color-12::after {
    background-color: #3d56d1;
}

.ol-12 {
    background-color: #7874f1;
}

.box-shadow-12 {
	box-shadow: 9px 9px 0px 2px #7874f1;
}

/* background */
.main-contents-12 {
	background: url(https://cdn-media.ibispaint.com/material_contest/012/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-12 {
    background-color: #7874f1;
    margin-top: 10px;
}

.grand-prize-12 {
    background: url(https://cdn-media.ibispaint.com/material_contest/012/common/grand-prize.png);
}

.winning-list-12 {
    border: 5px solid #9d9ae7;
}

.winning-btn-12 {
    background-color: #7874f1;
}

.winning-btn-12:hover {
    cursor: pointer;
    background-color: #a5a2f0;
}

.picture-title-12{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 180px;
    font-weight: bold;
}

/*---------------  material_contest_13 --------------- */
.color-13{
    color: #ce4c0b;
}

.color-13::before,
.color-13::after {
    background-color: #ce4c0b;
}

.ol-13 {
    background-color: #ec966c;
}

.box-shadow-13 {
	box-shadow: 9px 9px 0px 2px #ec966c;
}

/* background */
.main-contents-13 {
	background: url(https://cdn-media.ibispaint.com/material_contest/013/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-13 {
    background-color: #ec966c;
    margin-top: 10px;
}

.grand-prize-13 {
    background: url(https://cdn-media.ibispaint.com/material_contest/013/common/grand-prize.png);
}

.winning-list-13 {
    border: 5px solid #f3b79a;
}

.winning-btn-13 {
    background-color: #ec966c;
}

.winning-btn-13:hover {
    cursor: pointer;
    background-color: #ffb793;
}

.picture-title-13{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 140px;
    font-weight: bold;
}


/*---------------  material_contest_14 --------------- */
.color-14{
    color: #db5f56;
}

.color-14::before,
.color-14::after {
    background-color: #db5f56;
}

.ol-14 {
    background-color: #e28c86;
}

.box-shadow-14 {
	box-shadow: 9px 9px 0px 2px #e28c86;
}

/* background */
.main-contents-14 {
	background: url(https://cdn-media.ibispaint.com/material_contest/014/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-14 {
    background-color: #e28c86;
    margin-top: 10px;
}

.grand-prize-14 {
    background: url(https://cdn-media.ibispaint.com/material_contest/014/common/grand-prize.png);
}

.winning-list-14 {
    border: 5px solid #f5aaa4;
}

.winning-btn-14 {
    background-color: #eb9791;
}

.winning-btn-14:hover {
    cursor: pointer;
    background-color: #fcb4af;
}

.picture-title-14{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 185px;
    font-weight: bold;
}

/*---------------  material_contest_15 --------------- */
.color-15{
    color: #dd7812;
}

.color-15::before,
.color-15::after {
    background-color: #dd7812;
}

.ol-15 {
    background-color: #e9a25c;
}

.box-shadow-15 {
	box-shadow: 9px 9px 0px 2px #e9a25c;
}

/* background */
.main-contents-15 {
	background: url(https://cdn-media.ibispaint.com/material_contest/015/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}


.grand-prize-all .comment-15 {
    background-color: #eb9641;
    margin-top: 10px;
}

.grand-prize-15 {
    background: url(https://cdn-media.ibispaint.com/material_contest/015/common/grand-prize.png);
}

.winning-list-15 {
    border: 5px solid #f5c594;
}

.winning-btn-15 {
    background-color: #eb9641;
}

.winning-btn-15:hover {
    cursor: pointer;
    background-color: #f3ab62;
}

.picture-title-15{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 102px;
    font-weight: bold;
}

/*---------------  material_contest_16 --------------- */
.color-16{
    color: #f14c62;
}

.color-16::before,
.color-16::after {
    background-color: #f14c62;
}

.ol-16 {
    background-color: #df6475;
}

.box-shadow-16 {
	box-shadow: 9px 9px 0px 2px #df6475;
}

/* background */
.main-contents-16 {
	background: url(https://cdn-media.ibispaint.com/material_contest/016/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-16 {
    background-color: #df6475;
    margin-top: 10px;
}

.grand-prize-16 {
    background: url(https://cdn-media.ibispaint.com/material_contest/016/common/grand-prize.png);
}

.winning-list-16 {
    border: 5px solid #fcb2bc;
}

.winning-btn-16 {
    background-color: #df6475;
}

.winning-btn-16:hover {
    cursor: pointer;
    background-color: #f88897;
}

.picture-title-16{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 133px;
    font-weight: bold;
}

/*---------------  material_contest_17 --------------- */
.color-17{
    color: #ec2f42;
}

.color-17::before,
.color-17::after {
    background-color: #ec2f42;
}

.ol-17 {
    background-color: #ee5368;
}

.box-shadow-17 {
	box-shadow: 9px 9px 0px 2px #ee5368;
}

/* background */
.main-contents-17 {
	background: url(https://cdn-media.ibispaint.com/material_contest/017/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

.grand-prize-all .comment-17 {
    background-color: #ee5368;
    margin-top: 10px;
}

.grand-prize-17 {
    background: url(https://cdn-media.ibispaint.com/material_contest/017/common/grand-prize.png);
}

.winning-list-17 {
    border: 5px solid #fcb2bc;
}

.winning-btn-17 {
    background-color: #ee5368;
}

.winning-btn-17:hover {
    cursor: pointer;
    background-color: #f88897;
}

.picture-title-17{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 163px;
    font-weight: bold;
}

/*---------------  material_contest_18 --------------- */
/*--- コンテストページ作成時 ---*/
.color-18{
    color: #1e7df8;
}

.color-18::before,
.color-18::after {
    background-color: #1e7df8;
}

.ol-18 {
    background-color: #6babfd;
}

.box-shadow-18 {
	box-shadow: 9px 9px 0px 2px #6babfd;
}

/* background */
.main-contents-18 {
	background: url(https://cdn-media.ibispaint.com/material_contest/018/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-18 {
    background-color: #1e7df8;
    margin-top: 10px;
}

.grand-prize-18 {
    background: url(https://cdn-media.ibispaint.com/material_contest/018/common/grand-prize.png);
}

.winning-list-18 {
    border: 5px solid #a1c8fc;
}

.winning-btn-18 {
    background-color: #1e7df8;
}

.winning-btn-18:hover {
    cursor: pointer;
    background-color: #6da9f7;
}

.picture-title-18{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:125px;
    font-weight: bold;
}



/*---------------  material_contest_19 --------------- */
/*--- コンテストページ作成時 ---*/
.color-19{
    color: #33a9ee;
}

.color-19::before,
.color-19::after {
    background-color: #33a9ee;
}

.ol-19 {
    background-color: #a0d6f7;
}

.box-shadow-19 {
	box-shadow: 9px 9px 0px 2px #a0d6f7;
}

/* background */
.main-contents-19 {
	background: url(https://cdn-media.ibispaint.com/material_contest/019/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-19 {
    background-color: #33a9ee;
    margin-top: 10px;
}

.grand-prize-19 {
    background: url(https://cdn-media.ibispaint.com/material_contest/019/common/grand-prize.png);
}

.winning-list-19 {
    border: 5px solid #bbd9ff;
}

.winning-btn-19 {
    background-color: #33a9ee;
}

.winning-btn-19:hover {
    cursor: pointer;
    background-color: #7fccf8;
}

.picture-title-19{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:130px;
    font-weight: bold;
}

/*---------------  material_contest_20 --------------- */
/*--- コンテストページ作成時 ---*/
.color-20{
    color: #09649a;
}

.color-20::before,
.color-20::after {
    background-color: #3ed6db;
}

.ol-20 {
    background-color: #3ed6db;
}

.box-shadow-20 {
	box-shadow: 9px 9px 0px 2px #1ba5a7;
}

/* background */
.main-contents-20 {
	background: url(https://cdn-media.ibispaint.com/material_contest/020/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-20 { /* 審査員コメント */
    background-color: #1ba5a7;
    margin-top: 10px;
}

.grand-prize-20 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/020/common/grand-prize.png);
}

.winning-list-20 {
    border: 5px solid #3ed6db;
}

.winning-btn-20 { /* 作品詳細を見る */
    background-color: #1ba5a7;
}

.winning-btn-20:hover {
    cursor: pointer;
    background-color: #1ba5a7;
    opacity: 0.7;
}

.picture-title-20{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:87px;
    font-weight: bold;
}


/*---------------  material_contest_21 --------------- */
/*--- コンテストページ作成時 ---*/
.color-21{
    color: #0c8d89;
}

.color-21::before,
.color-21::after {
    background-color: #0baca6;
}

.ol-21 {
    background-color: #1ac2ab;
}

.box-shadow-21 {
	box-shadow: 9px 9px 0px 2px #1ac2ab;
}

/* background */
.main-contents-21 {
	background: url(https://cdn-media.ibispaint.com/material_contest/021/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-21 { /* 審査員コメント */
    background-color: #0baca6;
    margin-top: 10px;
}

.grand-prize-21 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/021/common/grand-prize.png);
}

.winning-list-21 {
    border: 5px solid #7ecfcd;
}

.winning-btn-21 { /* 作品詳細を見る */
    background-color: #0baca6;
}

.winning-btn-21:hover {
    cursor: pointer;
    background-color: #09bbb5;
    opacity: 0.7;
}

.picture-title-21{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:135px;
    font-weight: bold;
}
/*---------------  material_contest_22 --------------- */
/*--- コンテストページ作成時 ---*/
.color-22{
    color: #AD792E;
}

.color-22::before,
.color-22::after {
    background-color: #ee9c50;
}

/* 画像の箱の影 */
.ol-22 {
    background-color: #AD792E;
}

.box-shadow-22 {
	box-shadow: 9px 9px 0px 2px #b78658;
}

/* background */
.main-contents-22 {
	background: url(https://cdn-media.ibispaint.com/material_contest/022/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-22 { /* 審査員コメント */
    background-color: #ee9c50;
    margin-top: 10px;
}

.grand-prize-22 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/022/common/grand-prize.png);
}

.winning-list-22 {
    border: 5px solid #ee9c50;
}

.winning-btn-22 { /* 作品詳細を見る */
    background-color: #AD792E;
}

.winning-btn-22:hover {
    cursor: pointer;
    background-color: #AD792E;
    opacity: 0.7;
}

.picture-title-22{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:135px;
    font-weight: bold;
}
/*---------------  material_contest_23 --------------- */
/*--- コンテストページ作成時 ---*/
.color-23{
    color: #f35896;
}

.color-23::before,
.color-23::after {
    background-color: #ff8fbc;
}

/* 画像の箱の影 */
.ol-23 {
    background-color: #f781a5;
}

.box-shadow-23 {
	box-shadow: 9px 9px 0px 2px #f781a5;
}

/* background */
.main-contents-23 {
	background: url(https://cdn-media.ibispaint.com/material_contest/023/common/background.png);
	margin-top: 40px;
	background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-23 { /* 審査員コメント */
    background-color: #f35896;
    margin-top: 10px;
}

.grand-prize-23 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/023/common/grand-prize.png);
}

.winning-list-23 {
    border: 5px solid #ffc9df;
}

.winning-btn-23 { /* 作品詳細を見る */
    background-color: #f35896;
}

.winning-btn-23:hover {
    cursor: pointer;
    background-color: #f3619c;
    opacity: 0.7;
}

.picture-title-23{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:195px;
    font-weight: bold;
}

/*---------------  material_contest_24 --------------- */
:root{
    --contest_24-01: #A75CE7;
    --contest_24-02: #EB7CC5;
    --contest_24-03: #F0E823;
}

/*--- コンテストページ作成時 ---*/
.color-24{
    color: var(--contest_24-01);
}

.color-24::before,
.color-24::after {
    background-color: var(--contest_24-01);
}

/* 画像の箱の影 */
.ol-24 {
    background-color: var(--contest_24-02);
}

.box-shadow-24 {
	box-shadow: 9px 9px 0px 2px var(--contest_24-01);
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-24 { /* 審査員コメント */
    background-color: #f35896;
    margin-top: 10px;
}

.grand-prize-24 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/024/common/grand-prize.png);
}

.winning-list-24 {
    border: 5px solid var(--contest_24-02);
}

.winning-btn-24 { /* 作品詳細を見る */
    background-color: var(--contest_24-01);
}

.winning-btn-24:hover {
    cursor: pointer;
    background-color: var(--contest_24-02);
    opacity: 0.7;
}

.picture-title-24{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:148px;
    font-weight: bold;
}



/*---------------  material_contest_25 --------------- */
:root{
    --contest_25-01: #F29700;
    --contest_25-02: #87d588;
    --contest_25-03: #F0E823;
}

/*--- コンテストページ作成時 ---*/
.color-25{
    color: var(--contest_25-01);
}

.color-25::before,
.color-25::after {
    background-color: var(--contest_25-01);
}

/* 画像の箱の影 */
.ol-25 {
    background-color: var(--contest_25-02);
}

.box-shadow-25 {
	box-shadow: 9px 9px 0px 2px var(--contest_25-01);
}

/* background */
.main-contents-25{
    margin-top: 40px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-25 { /* 審査員コメント */
    background-color: #368f37;
    margin-top: 10px;
}

.grand-prize-25 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/025/common/grand-prize.png);
}

.winning-list-25 {
    border: 5px solid var(--contest_25-02);
}

.winning-btn-25 { /* 作品詳細を見る */
    background-color: var(--contest_25-01);
}

.winning-btn-25:hover {
    cursor: pointer;
    background-color: var(--contest_25-02);
    opacity: 0.7;
}

.picture-title-25{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:148px;
    font-weight: bold;
}
/*---------------  material_contest_26 --------------- */
:root{
    --contest_26-01: #CE87DD;
    --contest_26-02: #9868c1;
    --contest_26-03: #F0E823;
}

/*--- コンテストページ作成時 ---*/
.color-26{
    color: var(--contest_26-01);
}

.color-26::before,
.color-26::after {
    background-color: var(--contest_26-01);
}

/* 画像の箱の影 */
.ol-26 {
    background-color: var(--contest_26-02);
}
.box-shadow-26 {
	box-shadow: 9px 9px 0px 2px var(--contest_26-02);
}

/* background */
.main-contents-26{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-26 { /* 審査員コメント */
    background-color: var(--contest_26-02);
    margin-top: 10px;
}

.grand-prize-26 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/026/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-26 {
    border: 5px solid var(--contest_26-02);
}

.winning-btn-26 { /* 作品詳細を見る */
    background-color: var(--contest_26-01);
}

.winning-btn-26:hover {
    cursor: pointer;
    background-color: var(--contest_26-02);
    opacity: 0.7;
}

.picture-title-26{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:168px;
    font-weight: bold;
}

/*---------------  material_contest_27 --------------- */
:root{
    --contest_27-01: #FAACA8;
    --contest_27-02: #DDD6F3;
    --contest_27-03: #F0E823;
}

/*--- コンテストページ作成時 ---*/
.color-27{
    color: var(--contest_27-01);
}

.color-27::before,
.color-27::after {
    background-color: var(--contest_27-01);
}

/* 画像の箱の影 */
.ol-27 {
    background-color: var(--contest_27-02);
}
.box-shadow-27 {
	box-shadow: 9px 9px 0px 2px var(--contest_27-02);
}

/* background */
.main-contents-27{
    margin-top: 40px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-27 { /* 審査員コメント */
    background-color: var(--contest_27-02);
    margin-top: 10px;
}

.grand-prize-27 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/027/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-27 {
    border: 5px solid var(--contest_27-02);
}

.winning-btn-27 { /* 作品詳細を見る */
    background-color: var(--contest_27-01);
}

.winning-btn-27:hover {
    cursor: pointer;
    background-color: var(--contest_27-02);
    opacity: 0.7;
}

.picture-title-27{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:168px;
    font-weight: bold;
}

/*---------------  material_contest_28 --------------- */
:root{
    --contest_28-01: #6EBEFF;
    --contest_28-02: #4DE3DB;
    --contest_28-03: #8bd0ee;
}

/*--- コンテストページ作成時 ---*/
.color-28{
    color: var(--contest_28-01);
}

.color-28::before,
.color-28::after {
    background-color: var(--contest_28-01);
}

/* 画像の箱の影 */
.ol-28 {
    background-color: var(--contest_28-02);
}
.box-shadow-28 {
	box-shadow: 9px 9px 0px 2px var(--contest_28-02);
}

/* background */
.main-contents-28{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-28 { /* 審査員コメント */
    background-color: var(--contest_28-02);
    margin-top: 10px;
}

.grand-prize-28 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/028/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-28 {
    border: 5px solid var(--contest_28-03);
}

.winning-btn-28 { /* 作品詳細を見る */
    background-color: var(--contest_28-01);
}

.winning-btn-28:hover {
    cursor: pointer;
    background-color: var(--contest_28-02);
    opacity: 0.7;
}

.picture-title-28{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:190px;
    font-weight: bold;
}

/*---------------  material_contest_29 --------------- */
:root{
    --contest_29-01: #c79081;
    --contest_29-02: #dfa579;
    --contest_29-03: #c79081;
}

/*--- コンテストページ作成時 ---*/
.color-29{
    color: var(--contest_29-01);
}

.color-29::before,
.color-29::after {
    background-color: var(--contest_29-01);
}

/* 画像の箱の影 */
.ol-29 {
    background-color: var(--contest_29-02);
}
.box-shadow-29 {
	box-shadow: 9px 9px 0px 2px var(--contest_29-02);
}

/* background */
.main-contents-29{
    margin-top: 40px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-29 { /* 審査員コメント */
    background-color: var(--contest_29-02);
    margin-top: 10px;
}

.grand-prize-29 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/029/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-29 {
    border: 5px solid var(--contest_29-03);
}

.winning-btn-29 { /* 作品詳細を見る */
    background-color: var(--contest_29-01);
}

.winning-btn-29:hover {
    cursor: pointer;
    background-color: var(--contest_29-02);
    opacity: 0.7;
}

.picture-title-29{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:130px;
    font-weight: bold;
}

/*---------------  material_contest_30 --------------- */
:root{
    --contest_30-01: #cc6666;
    --contest_30-02: #ffcc33;
    --contest_30-03: #3399cc;
}

/*--- コンテストページ作成時 ---*/
.color-30{
    color: var(--contest_30-01);
}

.color-30::before,
.color-30::after {
    background-color: var(--contest_30-01);
}

/* 画像の箱の影 */
.ol-30 {
    background-color: var(--contest_30-02);
}
.box-shadow-30 {
	box-shadow: 9px 9px 0px 2px var(--contest_30-03);
}

/* background */
.main-contents-30{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-30 { /* 審査員コメント */
    background-color: var(--contest_30-02);
    margin-top: 10px;
}

.grand-prize-30 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/030/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-30 {
    border: 5px solid var(--contest_30-03);
}

.winning-btn-30 { /* 作品詳細を見る */
    background-color: var(--contest_30-01);
}

.winning-btn-30:hover {
    cursor: pointer;
    background-color: var(--contest_30-02);
    opacity: 0.7;
}

.picture-title-30{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:158px;
    font-weight: bold;
}

/*---------------  material_contest_31 --------------- */
:root{
    --contest_31-01: #9b669e;
    --contest_31-02: #333333;
    --contest_31-03: #cccccc;
}

/*--- コンテストページ作成時 ---*/
.color-31{
    color: var(--contest_31-01);
}

.color-31::before,
.color-31::after {
    background-color: var(--contest_31-01);
}

/* 画像の箱の影 */
.ol-31 {
    background-color: var(--contest_31-02);
}
.box-shadow-31 {
	box-shadow: 9px 9px 0px 2px var(--contest_31-03);
}

/* background */
.main-contents-31{
    margin-top: 40px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-31 { /* 審査員コメント */
    background-color: var(--contest_31-02);
    margin-top: 10px;
}

.grand-prize-31 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/031/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-31 {
    border: 5px solid var(--contest_31-03);
}

.winning-btn-31 { /* 作品詳細を見る */
    background-color: var(--contest_31-01);
}

.winning-btn-31:hover {
    cursor: pointer;
    background-color: var(--contest_31-02);
    opacity: 0.7;
}

.picture-title-31{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:125px;
    font-weight: bold;
}

/*---------------  material_contest_32 --------------- */
:root{
    --contest_32-01: #d95818;
    --contest_32-02: #f28a2e;
    --contest_32-03: #f2cf1d;
}

/*--- コンテストページ作成時 ---*/
.color-32{
    color: var(--contest_32-01);
}

.color-32::before,
.color-32::after {
    background-color: var(--contest_32-01);
}

/* 画像の箱の影 */
.ol-32 {
    background-color: var(--contest_32-02);
}
.box-shadow-32 {
	box-shadow: 9px 9px 0px 2px var(--contest_32-03);
}

/* background */
.main-contents-32{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-32 { /* 審査員コメント */
    background-color: var(--contest_32-02);
    margin-top: 10px;
}

.grand-prize-32 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/032/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-32 {
    border: 5px solid var(--contest_32-02);
}

.winning-btn-32 { /* 作品詳細を見る */
    background-color: var(--contest_32-01);
}

.winning-btn-32:hover {
    cursor: pointer;
    background-color: var(--contest_32-02);
    opacity: 0.7;
}

.picture-title-32{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right:115px;
    font-weight: bold;
}
/*---------------  material_contest_33 --------------- */
:root{
    --contest_33-01: #f43b87;
    --contest_33-02: #37bfef;
    --contest_33-03: #a8478f;
}

/*--- コンテストページ作成時 ---*/
.color-33{
    color: var(--contest_33-01);
}

.color-33::before,
.color-33::after {
    background-color: var(--contest_33-01);
}

/* 画像の箱の影 */
.ol-33 {
    background-color: var(--contest_33-02);
}
.box-shadow-33 {
	box-shadow: 9px 9px 0px 2px var(--contest_33-03);
}

/* background */
.main-contents-33{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-33 { /* 審査員コメント */
    background-color: var(--contest_33-02);
    margin-top: 10px;
}

.grand-prize-33 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/033/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-33 {
    border: 5px solid var(--contest_33-02);
}

.winning-btn-33 { /* 作品詳細を見る */
    background-color: var(--contest_33-01);
}

.winning-btn-33:hover {
    cursor: pointer;
    background-color: var(--contest_33-02);
    opacity: 0.7;
}

.picture-title-33{
    font-size: 16px;
    position: absolute;
    top: 350px;
    right: 125px;
    font-weight: bold;
}

/*---------------  material_contest_34 --------------- */
:root{
    --contest_34-01: #F27507;
    --contest_34-02: #f1b43a;
    --contest_34-03: #a985bd;
}

/*--- コンテストページ作成時 ---*/
.color-34{
    color: var(--contest_34-01);
}

.color-34::before,
.color-34::after {
    background-color: var(--contest_34-01);
}

/* 画像の箱の影 */
.ol-34 {
    background-color: var(--contest_34-02);
}
.box-shadow-34 {
	box-shadow: 9px 9px 0px 2px var(--contest_34-02);
}

/* background */
.main-contents-34{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-34 { /* 審査員コメント */
    background-color: var(--contest_34-02);
    margin-top: 10px;
}

.grand-prize-34 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/034/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-34 {
    border: 5px solid var(--contest_34-03);
}

.winning-btn-34 { /* 作品詳細を見る */
    background-color: var(--contest_34-01);
}

.winning-btn-34:hover {
    cursor: pointer;
    background-color: var(--contest_34-02);
    opacity: 0.7;
}

.picture-title-34,.rtl .picture-title-34{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

/*---------------  material_contest_35 --------------- */
:root{
    --contest_35-01: #e50757;
    --contest_35-02: #f2a407;
    --contest_35-03: #f2a407;
}

/*--- コンテストページ作成時 ---*/
.color-35{
    color: var(--contest_35-01);
}

.color-35::before,
.color-35::after {
    background-color: var(--contest_35-01);
}

/* 画像の箱の影 */
.ol-35 {
    background-color: var(--contest_35-02);
}
.box-shadow-35 {
	box-shadow: 9px 9px 0px 2px var(--contest_35-02);
}

/* background */
.main-contents-35{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-35 { /* 審査員コメント */
    background-color: var(--contest_35-02);
    margin-top: 10px;
}

.grand-prize-35 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/035/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-35 {
    border: 5px solid var(--contest_35-03);
}

.winning-btn-35 { /* 作品詳細を見る */
    background-color: var(--contest_35-01);
}

.winning-btn-35:hover {
    cursor: pointer;
    background-color: var(--contest_35-02);
    opacity: 0.7;
}

.picture-title-35,.rtl .picture-title-35{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

/*---------------  material_contest_36 --------------- */
:root{
    --contest_36-01: #C79516;
    --contest_36-02: #7D4D2D;
    --contest_36-03: #c77915;
}

/*--- コンテストページ作成時 ---*/
.color-36{
    color: var(--contest_36-01);
}

.color-36::before,
.color-36::after {
    background-color: var(--contest_36-01);
}

/* 画像の箱の影 */
.ol-36 {
    background-color: var(--contest_36-02);
}
.box-shadow-36 {
	box-shadow: 9px 9px 0px 2px var(--contest_36-02);
}

/* background */
.main-contents-36{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-36 { /* 審査員コメント */
    background-color: var(--contest_36-02);
    margin-top: 10px;
}

.grand-prize-36 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/036/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-36 {
    border: 5px solid var(--contest_36-03);
}

.winning-btn-36 { /* 作品詳細を見る */
    background-color: var(--contest_36-01);
}

.winning-btn-36:hover {
    cursor: pointer;
    background-color: var(--contest_36-02);
    opacity: 0.7;
}

.picture-title-36,.rtl .picture-title-36{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}
.winning-box.winning-box-36{
    border-color: var(--contest_36-01); /* 各回の色を入れる*/
    box-shadow: 5px 5px 0 0 var(--contest_36-01); /* 各回の色を入れる*/
}
/* 黒背景のcss,クラス追加で適応 */
.winning-box-36.winning-133,.winning-box-36.winning-134,.winning-box-36.winning-135{
    background-color:  #7b7b7b;
    background-image:
    repeating-linear-gradient(
      90deg,
      #828282  ,
      #828282  2px,
      transparent 2px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      #828282 ,
      #828282  2px,
      transparent 2px,
      transparent 10px
    );
}

/*---------------  material_contest_37 --------------- */
:root{
    --contest_37-01: #57868C;
    --contest_37-02: #93342C;
    --contest_37-03: #93342C;
}

/*--- コンテストページ作成時 ---*/
.color-37{
    color: var(--contest_37-01);
}

.color-37::before,
.color-37::after {
    background-color: var(--contest_37-01);
}

/* 画像の箱の影 */
.ol-37 {
    background-color: var(--contest_37-02);
}
.box-shadow-37 {
	box-shadow: 9px 9px 0px 2px var(--contest_37-02);
}

/* background */
.main-contents-37{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-37 { /* 審査員コメント */
    background-color: var(--contest_37-01);
    margin-top: 10px;
}

.grand-prize-37 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/037/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-37 {
    border: 5px solid var(--contest_37-03);
}

.winning-btn-37 { /* 作品詳細を見る */
    background-color: var(--contest_37-01);
}

.winning-btn-37:hover {
    cursor: pointer;
    background-color: var(--contest_37-02);
    opacity: 0.7;
}

.picture-title-37,.rtl .picture-title-37{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}
.winning-box.winning-box-37{
    border-color: var(--contest_37-02); /* 各回の色を入れる*/
    box-shadow: 5px 5px 0 0 var(--contest_37-02); /* 各回の色を入れる*/
}
/* 黒背景のcss,クラス追加で適応 */
.winning-box-37.winning-261 {
    background-color:  #7b7b7b;
    background-image:
    repeating-linear-gradient(
      90deg,
      #828282  ,
      #828282  2px,
      transparent 2px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      #828282 ,
      #828282  2px,
      transparent 2px,
      transparent 10px
    );
}

/*---------------  material_contest_38 --------------- */
:root{
    --contest_38-01: #fbadb6;
    --contest_38-02: #c4e1fa;
    --contest_38-03: #f5e49b;
}

/*--- コンテストページ作成時 ---*/
.color-38{
    color: var(--contest_38-01);
}

.color-38::before,
.color-38::after {
    background-color: var(--contest_38-01);
}

.material-contest-introduction-38 .theme-txt{
    color: var(--contest_38-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-38 {
    background-color: var(--contest_38-02);
}
.box-shadow-38 {
	box-shadow: 9px 9px 0px 2px var(--contest_38-02);
}

/* background */
.main-contents-38{
    margin-top: 40px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-38 { /* 審査員コメント */
    background-color: var(--contest_38-01);
    margin-top: 10px;
}

.grand-prize-38 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/038/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-38 {
    border: 5px solid var(--contest_38-01);
}

.winning-btn-38 { /* 作品詳細を見る */
    background-color: var(--contest_38-02);
}

.winning-btn-38:hover {
    cursor: pointer;
    background-color: var(--contest_38-02);
    opacity: 0.7;
}

.picture-title-38,.rtl .picture-title-38{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}
.winning-box.winning-box-38{
    border-color: var(--contest_38-01); /* 各回の色を入れる*/
    box-shadow: 5px 5px 0 0 var(--contest_38-01); /* 各回の色を入れる*/
}
/* 黒背景のcss,クラス追加で適応 */
.winning-box-38.winning-42,
.winning-box-38.winning-93,
.winning-box-38.winning-101,
.winning-box-38.winning-291,
.winning-box-38.winning-511 {
    background-color:  #ffcdcd;
    background-image:
    repeating-linear-gradient(
      90deg,
      #ffe8ef1a  ,
      #ffe8ef1a  2px,
      transparent 2px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      #ffe8ef1a ,
      #ffe8ef1a  2px,
      transparent 2px,
      transparent 10px
    );
}

/*---------------  material_contest_39 --------------- */
:root{
    --contest_39-01: #87c3f4;
    --contest_39-02: #7355a3;
    --contest_39-03: #c4e0fa;
}

/*--- コンテストページ作成時 ---*/
.color-39{
    color: var(--contest_39-01);
}

.color-39::before,
.color-39::after {
    background-color: var(--contest_39-01);
}

.material-contest-introduction-39 .theme-txt{
    color: var(--contest_39-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-39 {
    background-color: var(--contest_39-02);
}
.box-shadow-39 {
	box-shadow: 9px 9px 0px 2px var(--contest_39-02);
}

/* background */
.main-contents-39{
    margin-top: 40px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-39 { /* 審査員コメント */
    background-color: var(--contest_39-01);
    margin-top: 10px;
}

.grand-prize-39 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/039/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-39 {
    border: 5px solid var(--contest_39-01);
}

.winning-btn-39 { /* 作品詳細を見る */
    background-color: var(--contest_39-02);
}

.winning-btn-39:hover {
    cursor: pointer;
    background-color: var(--contest_39-02);
    opacity: 0.7;
}

.picture-title-39,.rtl .picture-title-39{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}
.winning-box.winning-box-39{
    border-color: var(--contest_39-01); /* 各回の色を入れる*/
    box-shadow: 5px 5px 0 0 var(--contest_39-01); /* 各回の色を入れる*/
}
/* 黒背景のcss,クラス追加で適応 */
.winning-box-39.winning-07,
.winning-box-39.winning-08,
.winning-box-39.winning-17,
.winning-box-39.winning-54,
.winning-box-39.winning-55,
.winning-box-39.winning-56,
.winning-box-39.winning-57,
.winning-box-39.winning-58,
.winning-box-39.winning-59,
.winning-box-39.winning-100,
.winning-box-39.winning-104,
.winning-box-39.winning-113,
.winning-box-39.winning-219,
.winning-box-39.winning-242,
.winning-box-39.winning-285 {
    background-color:  #6b7079;
    background-image:
    repeating-linear-gradient(
      90deg,
      #ffe8ef1a  ,
      #ffe8ef1a  2px,
      transparent 2px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      #ffe8ef1a ,
      #ffe8ef1a  2px,
      transparent 2px,
      transparent 10px
    );
}

/*---------------  material_contest_40 --------------- */
:root{
    --contest_40-01: #F23827;
    --contest_40-02: #049DD9;
    --contest_40-03: #85D3F2;
}

/*--- コンテストページ作成時 ---*/
.color-40{
    color: var(--contest_40-01);
}

.color-40::before,
.color-40::after {
    background-color: var(--contest_40-01);
}

.material-contest-introduction-40 .theme-txt{
    color: var(--contest_40-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-40 {
    background-color: var(--contest_40-02);
}
.box-shadow-40 {
	box-shadow: 9px 9px 0px 2px var(--contest_40-02);
}

/* background */
.main-contents-40{
    margin-top: 40px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-40 { /* 審査員コメント */
    background-color: var(--contest_40-01);
    margin-top: 10px;
}

.grand-prize-40 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/040/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-40 {
    border: 5px solid var(--contest_40-02);
}

.winning-btn-40 { /* 作品詳細を見る */
    background-color: var(--contest_40-02);
}

.winning-btn40:hover {
    cursor: pointer;
    background-color: var(--contest_40-02);
    opacity: 0.7;
}

.picture-title-40,.rtl .picture-title-40{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-40{
    border-color: var(--contest_40-02); /* 各回の色を入れる*/
    box-shadow: 5px 5px 0 0 var(--contest_40-02); /* 各回の色を入れる*/
    /* contest40の結果発表画像は黒背景メイン */
    background-color:  #1a305c;
    background-image:
    repeating-linear-gradient(
      90deg,
      #142a55,
      #142a55 2px,
      transparent 2px,
      transparent 15px
    ),
    repeating-linear-gradient(
      0deg,
      #142a55,
      #142a55 2px,
      transparent 2px,
      transparent 15px
    );
}

/* 黒背景のcss,クラス追加で適応 */
/* contest40のは白背景を追加 */
.winning-box-40.winning-12,
.winning-box-40.winning-15,
.winning-box-40.winning-18,
.winning-box-40.winning-19,
.winning-box-40.winning-58,
.winning-box-40.winning-60,
.winning-box-40.winning-61,
.winning-box-40.winning-62,
.winning-box-40.winning-63,
.winning-box-40.winning-81,
.winning-box-40.winning-82,
.winning-box-40.winning-148,
.winning-box-40.winning-199,
.winning-box-40.winning-213,
.winning-box-40.winning-217,
.winning-box-40.winning-218,
.winning-box-40.winning-220 {
    background-color:  #fff;
    background-image:
    repeating-linear-gradient(
      90deg,
      #f4fbfd,
      #f4fbfd 2px,
      transparent 2px,
      transparent 15px
    ),
    repeating-linear-gradient(
      0deg,
      #f4fbfd,
      #f4fbfd 2px,
      transparent 2px,
      transparent 15px
    );
}

/*---------------  material_contest_41 --------------- */
:root{
    --contest_41-01: #B08878;
    --contest_41-02: #B8BB99;
    --contest_41-03: #E7B872;
}

/*--- コンテストページ作成時 ---*/
.color-41{
    color: var(--contest_41-01);
}

.color-41::before,
.color-41::after {
    background-color: var(--contest_41-01);
}

.material-contest-introduction-41 .theme-txt{
    color: var(--contest_41-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-41 {
    background-color: var(--contest_41-02);
}
.box-shadow-41 {
	box-shadow: 9px 9px 0px 2px var(--contest_41-02);
}

/* background */
.main-contents-41{
    margin-top: 41px;
    background-repeat: no-repeat;
}


/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-41 { /* 審査員コメント */
    background-color: var(--contest_41-03);
    margin-top: 10px;
}

.grand-prize-41 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/041/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-41 {
    border: 5px solid var(--contest_41-02);
}

.winning-btn-41 { /* 作品詳細を見る */
    background-color: var(--contest_41-03);
}

.winning-btn41:hover {
    cursor: pointer;
    background-color: var(--contest_41-01);
    opacity: 0.7;
}

.picture-title-41,.rtl .picture-title-41{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-41{
    border-color: var(--contest_41-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_41-02); /* 各回の色を入れる*/
}

/* 黒背景のcss,クラス追加で適応 */
.winning-box-41.winning-64,
.winning-box-41.winning-160,
.winning-box-41.winning-161,
.winning-box-41.winning-163,
.winning-box-41.winning-176,
.winning-box-41.winning-178,
.winning-box-41.winning-212,
.winning-box-41.winning-216,
.winning-box-41.winning-217,
.winning-box-41.winning-228,
.winning-box-41.winning-238,
.winning-box-41.winning-244,
.winning-box-41.winning-246 {
    background-color:  #6b7079;
    background-image:
    repeating-linear-gradient(
      90deg,
      #ffe8ef1a  ,
      #ffe8ef1a  2px,
      transparent 2px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      #ffe8ef1a ,
      #ffe8ef1a  2px,
      transparent 2px,
      transparent 10px
    );
}

/*---------------  material_contest_42 --------------- */
:root{
    --contest_42-01: #4c6b91;
    --contest_42-02: #6588ad;
    --contest_42-03: #bcd0e6;
}

/*--- コンテストページ作成時 ---*/
.color-42{
    color: var(--contest_42-01);
}

.color-42::before,
.color-42::after {
    background-color: var(--contest_42-01);
}

.material-contest-introduction-42 .theme-txt{
    color: var(--contest_42-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-42 {
    background-color: var(--contest_42-02);
}
.box-shadow-42 {
	box-shadow: 9px 9px 0px 2px var(--contest_42-02);
}

/* background */
.main-contents-42 {
    margin-top: 41px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-42 { /* 審査員コメント */
    background-color: var(--contest_42-03);
    margin-top: 10px;
}

.grand-prize-42 { /* 受賞作品を囲む枠 */
    background: url(https://cdn-media.ibispaint.com/material_contest/042/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-42 {
    border: 5px solid var(--contest_42-02);
}

.winning-btn-42 { /* 作品詳細を見る */
    background-color: var(--contest_42-03);
}

.winning-btn42:hover {
    cursor: pointer;
    background-color: var(--contest_41-01);
    opacity: 0.7;
}

.picture-title-42,.rtl .picture-title-42{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-42{
    border-color: var(--contest_42-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_42-02); /* 各回の色を入れる*/
}

/* 黒背景のcss,クラス追加で適応 */
.winning-box-42.winning-195,
.winning-box-42.winning-212 {
    background-color:  #72757c;
    background-image:
    repeating-linear-gradient(90deg, 
    #5454541a, 
    #5454541a 2px, 
    transparent 2px, 
    transparent 10px),
    repeating-linear-gradient(0deg, 
    #5454541a, 
    #5454541a 2px, 
    transparent 2px, 
    transparent 10px);
}


/*---------------  material_contest_43 --------------- */
:root{
    --contest_43-01: #E170A7;
    --contest_43-02: #AD86BB;
    --contest_43-03: #F2CDA2;
}

/*--- コンテストページ作成時 ---*/
.color-43{
    color: var(--contest_43-01);
}

.color-43::before,
.color-43::after {
    background-color: var(--contest_43-01);
}

.material-contest-introduction-43 .theme-txt{
    color: var(--contest_43-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-43 {
    background-color: var(--contest_43-02);
}
.box-shadow-43 {
	box-shadow: 9px 9px 0px 2px var(--contest_43-02);
}

/* background */
.main-contents-43 {
    margin-top: 41px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-43 { /* 審査員コメント */
    background-color: var(--contest_43-03);
    margin-top: 10px;
}

.grand-prize-43 { /* 受賞作品を囲む枠 */
    background: url(http://cdn-media.ibispaint.com/material_contest/043/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-43 {
    border: 5px solid var(--contest_43-02);
}

.winning-btn-43 { /* 作品詳細を見る */
    background-color: var(--contest_43-01);
}

.winning-btn43:hover {
    cursor: pointer;
    background-color: var(--contest_41-03);
    opacity: 0.7;
}

.picture-title-43,.rtl .picture-title-43{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-43{
    border-color: var(--contest_43-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_43-02); /* 各回の色を入れる*/
}

/* 黒背景のcss,クラス追加で適応 */
.winning-box-43.winning-44,
.winning-box-43.winning-97,
.winning-box-43.winning-131,
.winning-box-43.winning-132 {
    background-color:  #72757c;
    background-image:
    repeating-linear-gradient(90deg, 
    #5454541a, 
    #5454541a 2px, 
    transparent 2px, 
    transparent 10px),
    repeating-linear-gradient(0deg, 
    #5454541a, 
    #5454541a 2px, 
    transparent 2px, 
    transparent 10px);
}

/*---------------  material_contest_44 --------------- */
:root{
    --contest_44-01: #8e0000;
    --contest_44-02: #8e0000;
    --contest_44-03: #1a1a1a;
}

/*--- コンテストページ作成時 ---*/
.color-44{
    color: var(--contest_44-01);
}

.color-44::before,
.color-44::after {
    background-color: var(--contest_44-01);
}

.material-contest-introduction-44 .theme-txt{
    color: var(--contest_44-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-44 {
    background-color: var(--contest_44-02);
}
.box-shadow-44 {
	box-shadow: 9px 9px 0px 2px var(--contest_44-02);
}

/* background */
.main-contents-44 {
    margin-top: 41px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-44 { /* 審査員コメント */
    background-color: var(--contest_44-03);
    margin-top: 10px;
}

.grand-prize-44 { /* 受賞作品を囲む枠 */
    background: url(http://cdn-media.ibispaint.com/material_contest/044/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-44 {
    border: 5px solid var(--contest_44-02);
}

.winning-btn-44 { /* 作品詳細を見る */
    background-color: var(--contest_44-01);
}

.winning-btn44:hover {
    cursor: pointer;
    background-color: var(--contest_44-03);
    opacity: 0.7;
}

.picture-title-44,.rtl .picture-title-44{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-44{
    border-color: var(--contest_44-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_44-02); /* 各回の色を入れる*/
}

/*---------------  material_contest_45 --------------- */
:root{
    --contest_45-01: #fa9a57;
    --contest_45-02: #6195b3;
    --contest_45-03: #7ed0e0;
}

/*--- コンテストページ作成時 ---*/
.color-45{
    color: var(--contest_45-01);
}

.color-45::before,
.color-45::after {
    background-color: var(--contest_45-01);
}

.material-contest-introduction-45 .theme-txt{
    color: var(--contest_45-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-45 {
    background-color: var(--contest_45-02);
}
.box-shadow-45 {
	box-shadow: 9px 9px 0px 2px var(--contest_45-02);
}

/* background */
.main-contents-45 {
    margin-top: 41px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-45 { /* 審査員コメント */
    background-color: var(--contest_45-03);
    margin-top: 10px;
}

.grand-prize-45 { /* 受賞作品を囲む枠 */
    background: url(http://cdn-media.ibispaint.com/material_contest/045/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-45 {
    border: 5px solid var(--contest_45-02);
}

.winning-btn-45 { /* 作品詳細を見る */
    background-color: var(--contest_45-01);
}

.winning-btn45:hover {
    cursor: pointer;
    background-color: var(--contest_45-03);
    opacity: 0.7;
}

.picture-title-45,.rtl .picture-title-45{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-45{
    border-color: var(--contest_45-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_45-02); /* 各回の色を入れる*/
}

/*---------------  material_contest_46 --------------- */
:root{
    --contest_46-01: #427007;
    --contest_46-02: #F9F085;
    --contest_46-03: #94B508;
}

/*--- コンテストページ作成時 ---*/
.color-46{
    color: var(--contest_46-01);
}

.color-46::before,
.color-46::after {
    background-color: var(--contest_46-01);
}

.material-contest-introduction-46 .theme-txt{
    color: var(--contest_46-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-46 {
    background-color: var(--contest_46-02);
}
.box-shadow-46 {
	box-shadow: 9px 9px 0px 2px var(--contest_46-02);
}

/* background */
.main-contents-46 {
    margin-top: 41px;
    background-repeat: no-repeat;
}
/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-46 { /* 審査員コメント */
    background-color: var(--contest_46-03);
    margin-top: 10px;
}

.grand-prize-46 { /* 受賞作品を囲む枠 */
    background: url(http://cdn-media.ibispaint.com/material_contest/046/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-46 {
    border: 5px solid var(--contest_46-02);
}

.winning-btn-46 { /* 作品詳細を見る */
    background-color: var(--contest_46-01);
}

.winning-btn46:hover {
    cursor: pointer;
    background-color: var(--contest_46-03);
    opacity: 0.7;
}

.picture-title-46,.rtl .picture-title-46{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-46{
    border-color: var(--contest_46-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_46-02); /* 各回の色を入れる*/
}

/*---------------  material_contest_47 --------------- */
:root{
    --contest_47-01: #d0a4ff;
    --contest_47-02: #61d1cc;
    --contest_47-03: #ff97f0;
}

/*--- コンテストページ作成時 ---*/
.color-47{
    color: var(--contest_47-01);
}

.color-47::before,
.color-47::after {
    background-color: var(--contest_47-01);
}

.material-contest-introduction-47 .theme-txt{
    color: var(--contest_47-01);
    margin-left: 2px;
    margin-right: 2px;
}

/* 画像の箱の影 */
.ol-47 {
    background-color: var(--contest_47-02);
}
.box-shadow-47 {
    box-shadow: 9px 9px 0px 2px var(--contest_47-02);
}

/* background */
.main-contents-47 {
    margin-top: 41px;
    background-repeat: no-repeat;
}

/*--- 結果発表ページ作成時 ---*/
.grand-prize-all .comment-47 { /* 審査員コメント */
    background-color: var(--contest_47-03);
    margin-top: 10px;
}

.grand-prize-47 { /* 受賞作品を囲む枠 */
    background: url(http://cdn-media.ibispaint.com/material_contest/047/common/grand-prize.png);
    background-repeat: no-repeat;
}

.winning-list-47 {
    border: 5px solid var(--contest_47-02);
}

.winning-btn-47 { /* 作品詳細を見る */
    background-color: var(--contest_47-01);
}

.winning-btn46:hover {
    cursor: pointer;
    background-color: var(--contest_47-03);
    opacity: 0.7;
}

.picture-title-47,.rtl .picture-title-47{
    font-size: 16px;
    position: absolute;
    width: 258px;
    top: 350px;
    left: 309px;
    text-align: center;
    font-weight: bold;
}

.winning-box.winning-box-47{
    border-color: var(--contest_47-02); /* 各回の色を入れる*/
    box-shadow: 2px 2px 0 0 var(--contest_47-02); /* 各回の色を入れる*/
}

/*---------------  material_contest_05以降共通 --------------- */
.apply-01-schematic {
    width: 290px;
    height: 290px;
    border-radius: 12px;
    position: relative;
    z-index: 0;
}

.apply-01-schematic:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    border-radius: 12px;
    top: -10px;
    left: -10px;
    z-index: -1;
}

.apply-01-schematic img {
    margin-top: 10px;
    margin-left: 10px;
}

.apply-01-schematic p {
    width: 250px;
    margin-left: 14px;
    margin-top: 5px;
    font-size: 17px;
    font-weight: bold;
}

.apply-01-schematic .p-02 {
    font-size: 14px;
}

.apply-01-schematic .p-03 {
    text-align: center;
    margin-top: 10px;
}


.apply-01-schematic h4 {
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
    margin-right: 20px;
}

.award-and-prize-image {
    width: 600px;
    position: relative;
    background-color: #fff;
    border-radius: 11px;
}

.material-contest-result .common-width {
    max-width: calc(100% - 120px);
    display: inline-block;
    padding-right: 10px;
}

.example-sec-bottom {
    padding-bottom: 25px;
}

.figure-margin {
    margin-top: 5px;
}

.apply-schematic-margin {
    margin-top: 20px;
}


/*---------------  material_contest_09以降共通 --------------- */
.award-and-prize-image .award-and-prize-p,
.award-and-prize-image p{
    position: absolute;
    max-width: 36%;
    top: 213px;
    right: 30px;
    font-size: 12px;
    font-weight: bold;
}

/*---------------  material_contest_10以降共通 --------------- */
#time {
    font-size: 16px;
    background-color: #fcf2c6;
    border: thin solid #f8be16;
    margin-top: 20px;
    height: auto;
}

.material-contest-result #intro-02 {
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Segoe UI', sans-serif;
}


/*---------------  material_contest_16以降共通 --------------- */
.grand-btn-02 {
    width: 205px;
    height: 36px;
    background: linear-gradient(#ffdd6f, #facb66);
    border: none;
    color: #FFFFFF;
    border-radius: 7px;
    margin-top: 10px;
    font-size: 15px;
    line-height: 36px;
    position: relative;
}
.grand-btn-02 span {
    position: relative;
}

.grand-btn-02::before{
    background: linear-gradient(#ffca1c, #ffae00);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    border-radius: 7px;
    top: 0;
    transition: 0.6s;
    width: 100%;
}

.grand-btn-02:hover {
    cursor: pointer;
}

.grand-btn-02:hover::before {
    opacity: 0;
  }

.grand-btn-02 .oukan {
    width: 20px;
}

.grand-btn-02 .crown {
    width: 20px;
}

/*---------------  material_contest_24以降共通 --------------- */
/* 方眼紙の背景 */
.back-ground_box{
    position: relative;
    /* 方眼紙模様に必須のスタイル */
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-size: 16px 16px;
    background-repeat: repeat;
    background-position: center center;
    background-color: #fafaf9;
    border-radius: 5px;
    margin-top: 40px;
}


/* テープ */
.contest_icon01{
    display: inline-block;
    width: 200px;
    height: auto;
    opacity: 0.6;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

/* ベレー帽ちゃん */
.contest_icon02{
    display: inline-block;
    width: 120px;
    height: auto;
    opacity: 0.6;
    position: absolute;
    right: 20px;
    top: 30px;
    z-index: 100;
    transform: rotate(5deg);
}

/* 紙吹雪 */
.contest_icon03{
    display: inline-block;
    width: 100px;
    height: auto;
    opacity: 0.6;
    z-index: 100;
    position: absolute;
    top: 20px;
    }
    .contest_icon03.left{
        left: 20px;
    }
    .contest_icon03.right{
        right: 20px;
    }
/* 背景塗り足しのためのpadding */
.back-ground_box .condition{
    padding-top: 90px;
}

/*---------------  material_contest_36以降共通 --------------- */
.winning-box{
    border: solid 5px #000;
    box-shadow: 5px 5px 0 0 #000;
    display: flex;
    align-items: center;
    width: 220px;
    height: 220px;
    background-color:  #fff;
    background-position: 50% 50%;
    background-image:
    repeating-linear-gradient(
      90deg,
      #edeff25c ,
      #edeff25c 2px,
      transparent 2px,
      transparent 10px
    ),
    repeating-linear-gradient(
      0deg,
      #edeff25c ,
      #edeff25c 2px,
      transparent 2px,
      transparent 10px
    );
    border-radius:  10px;
}

.winning-box .winning-img{
    display: inline-block;
    max-width: 150px;
    max-height: 150px;
    margin: auto;
    padding-left: 2px;
    object-fit: contain;
}