/* ----------------------------------------------------------------
    title
----------------------------------------------------------------- */
#title {
    width: 95%;
    margin: 0 auto;
    padding-top: 15px;
}

#title img {
    width: 100%;
    height: auto
}


/* ----------------------------------------------------------------
    subnavi
----------------------------------------------------------------- */
#subnavi {
    margin: 15px;
    overflow: hidden;
}

#subnavi li {
    margin-bottom: 10px;
}

#subnavi .sub01 {
    width: 48%;
    border: solid 3px #99c83c;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    float: left
}

#subnavi .sub01 a {
    color: #99c83c;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px 0;
}

#subnavi .sub01:hover {
    width: 48%;
    border: solid 3px #99c83c;
    text-align: center;
    background-color: #99c83c;
    border-radius: 5px;
    float: left;
}

#subnavi .sub01 a:hover {
    color: #fff;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

#subnavi .sub02 {
    width: 48%;
    border: solid 3px #ff8a00;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    float: right
}

#subnavi .sub02 a {
    color: #ff8a00;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

#subnavi .sub02:hover {
    width: 48%;
    border: solid 3px #ff8a00;
    text-align: center;
    background-color: #ff8a00;
    border-radius: 5px;
    float: right
}

#subnavi .sub02 a:hover {
    color: #fff;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

#subnavi .sub03 {
    width: 48%;
    border: solid 3px #1bc1eb;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    float: left
}

#subnavi .sub03 a {
    color: #1bc1eb;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

#subnavi .sub03:hover {
    width: 48%;
    border: solid 3px #1bc1eb;
    text-align: center;
    background-color: #1bc1eb;
    border-radius: 5px;
    float: left
}

#subnavi .sub03 a:hover {
    color: #fff;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

#subnavi .sub04 {
    width: 48%;
    border: solid 3px #ff578f;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    float: right
}

#subnavi .sub04 a {
    color: #ff578f;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

#subnavi .sub04:hover {
    width: 48%;
    border: solid 3px #ff578f;
    text-align: center;
    background-color: #ff578f;
    border-radius: 5px;
    float: right
}

#subnavi .sub04 a:hover {
    color: #fff;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    text-decoration: none;
    display: block;
    padding: 20px 0;
}

/*------------activ------------*/


body#es ul li#sub01 a {
    background-color: #99c83c;
    color: #fff;
    pointer-events: none
}

body#jh ul li#sub02 a {
    background-color: #ff8a00;
    color: #fff;
}

body#hs ul li#sub03 a {
    background-color: #1bc1eb;
    color: #fff;
}

body#sp ul li#sub04 a {
    background-color: #ff578f;
    color: #fff;
}


/* ----------------------------------------------------------------
    contents
----------------------------------------------------------------- */
#contents {
    overflow: hidden;
}


.grandprix,
.second-grandprix,
.award,
.school,
.fujifilm,
.asahi,
.epson,
.koubunren {
    margin: 15px auto 15px;
    padding: 15px;
    border: solid 1px #a0a0a0;
    border-radius: 5px;
    background: #fff;
}


/*-----------title-----------*/


p.gp,
p.sgp,
p.aw,
p.fj,
p.as,
p.ep,
p.kbr,
p.sc {
    font-size: 140%;
    padding-bottom: 15px;
}

p.gp {
    text-align: center;
    font-weight: bold;
    color: #c8af3d;
}

p.sgp {
    text-align: center;
    font-weight: bold;
    color: #9d9d9d;
}

p.aw,
p.incentive {
    text-align: center;
    font-weight: bold;
    color: #99c83c;
}

p.fj,
p.as,
p.ep,
p.kbr,
p.sc {
    color: #ff578f;
    text-align: center;
    font-weight: bold;
}


p.gp:before,
p.sgp:before,
p.aw:before,
p.it:before,
p.fj:before,
p.as:before,
p.ep:before,
p.sc:before {
    content: url(/csr/photocontest/img/common/icon-crown-s.png);
    padding-right: 5px;
}

p.gx:after,
p.sgp:after,
p.aw:after,
p.it:after,
p.fj:after,
p.as:after,
p.ep:after,
p.sc:after {
    content: url(/csr/photocontest/img/common/icon-crown-s.png);
    padding-left: 5px;
}


p.kbr {
    width: 290px;
    margin: 0 auto;
    padding: 0 35px 15px 35px;
    background: url(/csr/photocontest/img/common/icon-crown-s.png), url(/csr/photocontest/img/common/icon-crown-s.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left 15px top 25%, right 15px top 25%;
}


#es #list .award .aw,
#es #list .incentive .it {
    text-align: center;
    font-weight: bold;
    font-size: 125%;
    color: #99c83c;
    padding-bottom: 15px;
}

#jh #list .award .aw,
#jh #list .incentive .it {
    text-align: center;
    font-weight: bold;
    font-size: 125%;
    color: #ff8a00;
    padding-bottom: 15px;
}


#hs #list .award .aw,
#hs #list .incentive .it {
    text-align: center;
    font-weight: bold;
    font-size: 125%;
    color: #1bc1eb;
    padding-bottom: 15px;
}

#sp #list .award .aw,
#sp #list .incentive .it {
    text-align: center;
    font-weight: bold;
    font-size: 125%;
    color: #ff578f;
    padding-bottom: 15px;
}



.grandprix .tit,
.second-grandprix .tit,
.award .tit,
.fujifilm .tit,
.asahi .tit,
.epson .tit,
.koubunren .tit {
    text-align: center;
    color: #000;
    font-weight: bold;
    font-size: 125%;
    padding-bottom: 15px;
    margin-top: 15px;
}

.grandprix .name,
.second-grandprix .name,
.award .name,
.fujifilm .name,
.asahi .name,
.epson .name,
.koubunren .name {
    padding-bottom: 15px;
}

.incentive .name {
    padding-bottom: 30px;
}

.grandprix img,
.second-grandprix img,
.award img,
.fujifilm img,
.asahi img,
.epson img,
.koubunren img {
    width: 90%;
    height: auto;
    margin: 0 auto;
    max-width: 400px;
}

.award img.name-img {
    width: 25%;
}

#list .box {
    border: solid 1px #a0a0a0;
    border-radius: 5px;
    padding: 15px;
    background-color: #fff;
}

/* 2025/11/05追記 */
.school li {
    line-height: 1.5;
    margin-bottom:0.4em;
    text-indent: calc(-1em - 5px);
    padding-left: calc(1em + 5px);
}

.school li:before{ 
    display:inline-block; 
    vertical-align: middle;
    content:'';
    width:1em;
    height: 1em;
    background: #ff578f;
    border-radius: 50%;
    margin-right: 5px;  
}