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

#title {
    padding: 30px 0;
    text-align: center;
}

#title img {
    width: 730px;
    height: auto;
}

/* ----------------------------------------------------------------
	margin / padding
----------------------------------------------------------------- */
.tab-txtC{
    text-align: center !important;
}

/* ----------------------------------------------------------------
    subnavi
----------------------------------------------------------------- */
#subnavi ul {
    width: 100%;
    display: flex;
    justify-content: center;
}

#subnavi li {
    margin-right: 25px;
}

#subnavi li:last-child {
    margin-right: 0;
}

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

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


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


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

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

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

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

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


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;
}

/*---------title---------*/
.grandprix .gp:before,
.second-grandprix .sgp:before,
.fujifilm .fj:before,
.asahi .as:before,
.epson .ep:before,
.koubunren .kbr:before {
    content: url(/csr/photocontest/img/common/icon-crown-l.png);
    padding-right: 15px;
}

.award .aw:before,
.school .sc:before,
.incentive .it:before {
    content: url(/csr/photocontest/img/common/icon-crown-s.png);
    padding-right: 15px;
}

.grandprix .gp:after,
.second-grandprix .sgp:after,
.fujifilm .fj:after,
.asahi .as:after,
.epson .ep:after,
.koubunren .kbr:after {
    content: url(/csr/photocontest/img/common/icon-crown-l.png);
    padding-left: 15px;
}

.award .aw:after,
.school .sc:after,
.incentive .it:after {
    content: url(/csr/photocontest/img/common/icon-crown-s.png);
    padding-left: 15px;
}

.award .aw:after,
.school .sc:after {
    width: 20px;
    height: auto
}

.grandprix .gp {
    text-align: center;
    font-weight: bold;
    font-size: 180%;
    color: #c8af3d;
    padding-bottom: 30px;
}

.fujifilm .fj,
.asahi .as,
.epson .ep,
.koubunren .kbr {
    color: #ff5790;
    text-align: center;
    font-weight: bold;
    font-size: 180%;
    padding-bottom: 30px;
}

.second-grandprix .sgp {
    text-align: center;
    font-weight: bold;
    font-size: 180%;
    color: #9d9d9d;
    padding-bottom: 30px;
}

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


/*---------box---------*/
#list {
    display: flex;
    flex-wrap: wrap;
}

#list .grandprix,
#list .second-grandprix,
#list .fujifilm,
#list .asahi,
#list .epson,
#list .koubunren {
    width: 100%;
}

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

/* #list .award .name .name-img {
    width: 30%;
} */

.award,
.incentive {
    width: 460px;
}

.award.box-l {
    float: left;
}

.incentive.box-l {
    float: left;
}

.award.box-r {
    float: right;
}

.grandprix .tit,
.second-grandprix .tit,
.fujifilm .tit,
.asahi .tit,
.epson .tit,
.koubunren .tit,
.award .tit,
.incentive .tit {
    color: #000;
    font-weight: bold;
    font-size: 105%;
    padding-bottom: 30px;
    padding-top: 15px;
}

.grandprix .txt,
.second-grandprix .txt,
.fujifilm .txt,
.asahi .txt,
.epson .txt,
.koubunren .txt  {
    width: 700px;
    margin: 0 auto;
}

.grandprix .name,
.second-grandprix .name,
.fujifilm .name,
.asahi .name,
.epson .name,
.koubunren .name,
.award .name {
    text-align: center;
    padding-bottom: 30px;
}

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

.grandprix .txt,
.second-grandprix .txt,
.fujifilm .txt,
.asahi .txt,
.epson .txt,
.koubunren .txt,
.award .txt,
.incentive .txt {
    font-size: 87%;
}

.grandprix .mdl-btn,
.second-grandprix .mdl-btn,
.fujifilm .mdl-btn,
.asahi .mdl-btn,
.epson .mdl-btn,
.koubunren .mdl-btn,
.award .mdl-btn {
    line-height: 0;
}

.grandprix .mdl-btn img,
.second-grandprix .mdl-btn img,
.fujifilm .mdl-btn img,
.asahi .mdl-btn img,
.epson .mdl-btn img,
.koubunren .mdl-btn img {
    max-width: 500px;
    max-height: 440px;
}

.award .mdl-btn img {
    max-width: 290px;
    max-height: 300px;
}

/* ----------------------------------------------------------------
    modal
----------------------------------------------------------------- */

.grandprix p a,
.second-grandprix p a,
.award p a,
.fujifilm p a,
.asahi p a,
.epson p a,
.koubunren p a {
    position: relative;
    display: inline-block;
}


.grandprix p .overlay,
.second-grandprix p .overlay,
.award p .overlay,
.fujifilm p .overlay,
.asahi p .overlay,
.epson p .overlay,
.koubunren p .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url(/csr/photocontest/img/common/overlay.png) no-repeat 50% 50%;
    top: 0;
    left: 0;
    opacity: 0;
    webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    o-transition: opacity .3s linear;
    transition: opacity .3s linear;
    filter: alpha(opacity=0);
}

.grandprix p a:hover,
.second-grandprix p a:hover,
.award p a:hover,
.fujifilm p a:hover,
.asahi p a:hover,
.epson p a:hover,
.koubunren p a:hover {
    opacity: 0.8;
}

.grandprix p .overlay:hover,
.second-grandprix p .overlay:hover,
.award p .overlay:hover,
.fujifilm p .overlay:hover,
.asahi p .overlay:hover,
.epson p .overlay:hover,
.koubunren p .overlay:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.grandprix .txt,
.second-grandprix .txt,
.fujifilm .txt,
.asahi .txt,
.epson .txt,
.koubunren .txt{
    width: auto;
    margin: 0 auto;
}

#list .award.box,
#list .school.box,
#list .incentive.box {
    width: 350px;
}

/* 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;  
}