@charset "shift_jis";

#contestContents {
    margin: 0 auto;
    background: #fff;
    /* background: #b0dff9; */
    width: 820px;
}
#contest {
    /* width: 820px; */
    /* width: 730px; */
    margin: auto;
    padding-bottom: 40px;
}

/* 共通ヘッダ */
#masthead                   {position: relative;width: 730px;margin: 0 auto 20px;}
#masthead a.btn-home        { position: absolute; top: 5px; right: 5px; display: block; width: 135px; height: 37px; background: url("../images/btn-home.png"); text-indent: -9999px; zoom: 1; }
#masthead a.btn-home:hover  { opacity: 0.7; filter: alpha(opacity=70); }
#masthead h2                {padding: 30px 0 20px;position: relative;margin-bottom: 0!important;}
#masthead h2 > img          {/* margin-left: -40px; */}
#masthead h2 a               {border: 3px solid #0390d5;/* border-right: 5px solid #0390d5; */height: 32px;display: block;position: absolute;right: 0;bottom: 15px;transition: .25s;background: #fff;}
#masthead h2 a#navTopContest {right: 98px;border: none;height: 38px;/* background: none; */}
#masthead h2 a:hover               {/* background: #fff; */opacity: .85;}
#masthead h2 a  img {margin-top: -4px;}
#masthead h2 a#navTopContest img {
    margin-top: 0px;
}
/* 共通ヘッダナビゲーション */
#nav-local                  {width: 730px;padding-bottom: 0px;}
#nav-local li               {float: left;border-left: 5px solid #0390d5;}
#nav-local li:last-child    {border-right: 5px solid #0390d5;}

#nav-local li a,
#nav-local li span          {display: block;width: 100%;transition: .25s;}

#nav-local li.current a ,
#nav-local li a:hover {
    background: rgba(244, 177, 206, 0.6);
}

/* フォントサイズ */
#contest                     {font-size:85.71%;line-height: 1.8;}

/* レイアウト */
.fll                    { float: left; }
.flr                    { float: right; }
.leftside                   { position: relative; float: left; }
.rightside                  { position: relative; float: right; }
.abs                        { position: absolute; }
.rel                        { position: relative; }
.clear                      { clear: both; }
.marL15{ margin-left: 15px !important; }
.marL150{ margin-left: 150px; }
.marR150{ margin-right: 150px !important; }
.marR70 { margin-right: 70px !important; }
.marR60 { margin-right: 60px !important; }
.marR30 { margin-right: 30px !important; }
.marR-30{ margin-right: -30px !important; }
.marB5 { margin-bottom: 5px !important;}
.marB20 { margin-bottom: 20px !important;}
.marB30 { margin-bottom: 30px !important; }
.marB50 { margin-bottom: 50px !important; }
.marT0 { margin-top: 0 !important;}
.marT3 { margin-top: 3px !important;}
.marT10 { margin-top: 10px !important;}
.marT20 { margin-top: 20px !important;}
.marT30 { margin-top: 30px !important;}
.marT-50{ margin-top: -50px !important; }
.marT-80{ margin-top: -80px !important; }
.marT-100                   { margin-top: -100px !important; }
.padB0  { padding-bottom: 0px !important; }
.wid160 { width: 160px;}
.wid540 { width: 540px;}
.w50p   { width: 50%; }
.w65p   { width: 65%; }
.w35p   { width: 35%; }
.w55p   { width: 55%; }
.w45p   { width: 45%; }
.w44p   { width: 44%; }
.w40p   { width: 44%; }
.hide   { display: none; }
.tac    { text-align: center !important;}
.tal    { text-align: left !important;}
.tar    { text-align: right !important;}
.vat    { vertical-align: top;}
.vam    { vertical-align: middle;}
.vab    { vertical-align: bottom;}
.indent { margin-left: 10px; margin-right: 10px;}
.indent2 { margin-right: 10px;}
.indent3 { margin-left: 23px;}
.indent1 { text-indent: -1em; padding-left: 1em; }
.cOrange { color: #FF8A0F;}
.cRed { color: #FF0000;}
.ttl05 { border-bottom: 2px solid #003469; color: #003469; font-size: 120%; font-weight: bold; line-height: 1.3; margin: 0 0 10px; padding: 4px 0;}
.fontS { font-size: 95%; line-height: 1.3;}
.fontL { font-size: 120%;}
.bold { font-weight: bold;}
.textIcon {
    padding-left: 1.2em;
    text-indent: -1.2em;
}
.separator                  { margin: 50px 0; border-top: 1px dotted #eb70a7; }
.msp    { font-family: 'ＭＳ Ｐゴシック'; }


/* 見出し */
.heading                    {position: relative;background-repeat: no-repeat;zoom: 1;padding-top: 35px;}
.heading.type2 {
    background: #fff;
    padding-top: 20px;
    margin-top: 35px;
    /*     padding-bottom: 40px; */
    /*     margin-bottom: -35px; */
}
.overview h2                        {margin-bottom: 0;vertical-align: middle;padding: 15px 0 20px;text-align: center;/* margin-bottom: 15px; *//* background: #fff; */}
.ttl img                    {vertical-align: middle;}
.ttl2                       { padding: 10px 15px 5px; line-height: 30px; font-weight: bold; font-size: 140%; color: #004C8F; }
.ttl3                       {padding: 10px 0px 5px;font-weight: bold;font-size: 130%;color: #555;}


/* セクション */
.section                    { position: relative; margin: 0 70px 20px; zoom: 1; }
.section:after              { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.section.flush              {/* margin: 0 0 0px !important; */padding: 0 !important;border: none !important;}
#mainImg {text-align: center;margin-bottom: 40px;}
.section p                  {margin: 0;/* padding: 0 0 1em; */}
.section p.copy             { width: 500px; margin: 0 0 30px; padding: 0 20px; line-height: 32px; font-size: 16px; color: #00B4E4; /*background: url("/boy/brand/mainichi/time/images/note.png");*/ }
.section p.small,
.section ul.small li        { font-size: 90%; }
.section .list-bullet       { margin: 0 0 20px 30px; }
.section .list-bullet li    { list-style: square; }
.section .list-anchor       { margin: 10px 0px 20px; text-align: center; }
.section .list-anchor li    { display: inline; margin: 0 30px; }
.section .list-anchor li a  { padding: 10px 15px 10px 25px; border: 1px solid #CBB4D8; background: url("../images/arrow_down.png") 10px 50% no-repeat; }


.section .border            {/* margin: 20px; */padding: 15px;border: 2px solid #ccc;}
.section .border a          { padding: 2px 15px; font-size: 120%; }
.page-time   .section .border { border-color: #cce8e2; }
.page-poster .section .border { border-color: #eb70a7; }
.page-tvcm   .section .border { border-color: #31b9d9; }
.page-song   .section .border { border-color: #cccccc; }
.page-money  .section .border { border-color: #029f8f; }
.page-entry  .section .border { border-color: #cbb4d8; }
.page-link   .section .border { border-color: #084c94; }
.page-shoot  .section .border { border-color: #2fb9da; }

.section .border img        { margin: 0 10px; vertical-align: middle; }
a.hover:hover img,
.section a:hover img        { opacity: 0.7; filter: alpha(opacity=70); zoom: 1; }



/* 装飾 */
a.arrow                     { padding-left: 10px; background: url("../images/arrow.png") 0 50% no-repeat; }
a.arrow-b                     { padding-left: 12px; background: url("../images/arrow_down.png") 0 50% no-repeat; }
i.arrow                     { display: inline-block; width: 8px; height: 9px; margin: 0 3px 2px; vertical-align: middle; background: url("../images/arrow.png") no-repeat; }
* html i.arrow              { display: inline; zoom: 1; line-height: 999px; overflow: hidden; }
*+html i.arrow              { display: inline; zoom: 1; line-height: 999px; overflow: hidden; }



/* COLOR */
.color-red                  { background: #f15676; color: #fff; }
.color-sky                  { background: #b7e3ef; color: #004C8F; }
.color-pink                 { background: #f8cddf; color: #004C8F; }
.color-orange               { background: #eab659; color: #004C8F; }
.color-lime                 { background: #b4cea7; color: #004C8F; }
.color-green                { background: #01998c; color: #fff; }
.color-brown                { background: #d0a9a8; color: #004C8F; }
.color-purple               { background: #d5c1da; color: #004C8F; }
.color-plum               { background: #cdb4d5; color: #004C8F; }
.color-magenta              { background: #f67287; color: #004C8F; }
.color-cyan                 { background: #70cee2; color: #004C8F; }
.color-blue                 { background: #0085c8; color: #fff; }
.color-yellow               { background: #fff353; color: #004C8F; }
.color-border               { border-bottom: 11px solid #fff353; }


/* parts */
.section {
    position: relative;
    margin: 0 auto;
    /* padding-top: 30px; */
    margin-bottom: 40px;
}
.section.about {
    margin-bottom: 0;
    padding-top: 30px;
}
.section.about .lead {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    color: #004d8f;
    padding: 0px 0 20px;
}
#img100th {
    text-align: center;
    margin-bottom: 90px;
}
#img100th img:first-child {
    margin-right: 50px
}
#contest h2 {
    text-align: center;
    margin-bottom: 30px;
}
#leadArea {
    font-size: 140%;
    padding: 2em 1.5em;
    margin-bottom: 30px;
    color: #004d8f;
    font-weight: bold;
    border: 3px double;
    /* text-align: center; */
}
#contest .overview {
    margin-bottom: 0
}
#contest .overview h2 {
    margin: 0px 0 0px;
    /* padding: 10px 0 10px 25px; */
    /* background: #004d8f; */
    /* color: #fff !important;
    font-size: 200%;
    font-weight: bold; */
    position: sticky;
    top: 0;
    z-index: 1
}

#contest .overview .lineArea h2 {
    /* background: #13bf00 */
}
.overview .inner {
    margin-bottom: 25px;
    padding: 0 10px;
}

.overview .detail {
    margin: 0 auto 50px;
    border-bottom: 2px solid #004d8f;
    padding: 0 60px 50px;
    width: 100%;
    box-sizing: border-box;
}
.overview .lineArea .detail {
    border-color: #13bf00
}
.overview .detail:last-of-type {
    margin-bottom: 0;
    border: none
}
.overview .lineArea .detailsList li:last-child {
    border-bottom: 2px solid #13bf00;
    margin-bottom: 30px;
}
.overview .bestArea .detail .subImgWrap {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
}
.overview .detail .img {
    /* float: left; */
    width: 100%;
    margin-bottom: 5px;
}

.overview .detail .img img {
    width: 100%
}
.overview .detail > *:not(.img) {
    /* width: 90%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    box-sizing: border-box;
}
.creatorArea {
    /* width: 50%; */
    /* padding-left: 1em; */
    /* margin: 0!important; */
    /* float: left; */
}
.bestArea .creatorArea {
    width: 100%
}
.creatorArea .inner {
    margin-bottom: 5px;
    padding: 10px 0;
    display: flex;
    font-size: 115%;
}
.creatorArea .inner p.address {
    margin-bottom: 0;
    margin-right: 1em;
}
.creatorArea .wrap{
    display: flex;
}
.creatorArea .inner .wrap .name ,
.creatorArea .inner .wrap .year {
    margin-right: 10px;
    margin-bottom: 0;
}
.bestArea .prPoint {
    width: 100%;
}
.prPoint {
    margin-bottom: 5px;
    background: #e6f1ff;
    padding: 15px 25px;
    border-radius: 5px;
    margin-bottom: 20px;
    /* display: inline-block; */
    font-size: 110%;
    /* width: 80%; */
    /* float: left; */
    /* width: 50%; */
}
.lineArea .prPoint {
    background: #e7f7e7
}
.prPoint .ttl {
    /* font-size: 120%; */
    font-weight: bold;
}
.prPoint .text {
    /* font-size: 110% */
    padding: 5px;
}
.comment {
    background: #e6f1ff;
    padding: 15px 25px;
    border-radius: 5px;
    font-size: 110%;
    /* display: inline-block; */
    /* width: 80%; */
    clear: both;
}

.lineArea .comment {
    background: #e7f7e7
}
.comment .ttl {
    /* font-size: 125%; */
    font-weight: bold;
    /* text-align: center */
    margin-bottom: 0px;
}
.commentArea {
    padding: 5px;
    /* font-size: 110% */
}

.overview .inner h3 {
    margin: 0 0 0.5em;
    padding: 2px 15px;
    background: #004d8f;
    color: #fff !important;
    font-size: 140%;
    font-weight: bold;
    display: inline-block;
}
.overview .inner h3.lineHead {
    background: #13bf00;
}

.overview .inner p {
    font-size: 130%;
    color: #0b4c94;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding: 0;
}
.overview .lineArea .inner p {
    color: #1b7511;
}
.overview .inner ul.anno {
    font-size: 115%;
}
.overview .inner ul.anno li {
    padding-left: 1.5em;
    text-indent: -1.5em
}

.overviewTable {
    font-size: 120%;
    margin: 0 10px 10px;
}
.overviewTable td,
.overviewTable th {
    border: 2px solid #004d8f;
    padding: 10px 15px;
}
.overviewTable th {
    font-weight: bold;
    width: 5em;
    text-align: center;
    width: 14%;
    background: #004d8f;
    color: #fff;
}
.overviewTable tr:not(:last-child) th {
    border-bottom-color: #fff;    
}
.overviewTable td {font-size: 85%;vertical-align: top;width: 42%;/* background: #fefeef; */}
.overviewTable td.ptn2 {
    padding: 10px 15px 10px 20px;
}
.overviewTable td .ttlWrap {
    margin: 0 -6px 10px -10px;
}
.overviewTable td .ttlWrap {
    background: #333;
    /* background: #c8170a; */
    color: #fff;
    padding: 5px 5px 5px 10px;
    display: block;
    /* text-align: center; */
    font-size: 105%;
}
.overviewTable td .ttlWrap.line {
    background: #13bf00;
}
.overviewTable td .small {
    display: block;
}
.annoArea {
    font-size: 110%;
    padding: 0 10px;
}
.annoArea p {
    margin-bottom: 0;
}
.annoArea ul {
    padding-left: .5em
}
.annoArea li {
    padding-left: 1em;
    text-indent: -1em;
}

.prize h3 {
    color: #004d8f !important;
    font-size: 180%;
    font-weight: bold;
    margin-bottom: 10px;
}
.prizeTable {
    width: 100%;
    font-size: 120%
}
.prizeTable th,
.prizeTable td {
    border: 2px solid #004d8f;
    padding: 10px 15px;
}

.prizeTable th {
    background: #004d8f;
    color: #fff;
    font-weight: bold;
    width: 16em;
    border-left: none;
    border-right: none;
}
#lineStamp h3 {
    color: #13bf00!important;
}
#lineStamp .qrArea {
    /* margin-top: 30px */
}
#lineStamp .link {
    font-size: 140%;
    margin-bottom: 25px;
}
#lineStamp .qrArea {
    font-size: 110%;
}
#lineStamp .qrArea .qr {
    margin: 10px 0 10px;
}
#lineStamp .qrArea .searchArea {
    margin-bottom: 40px;
    /* padding-top: 10px; */
}
#lineStamp .stampLead {
    font-size: 150%;
    font-weight: bold;
    color: #0b4c94;
    padding: 20px 0px 0px;
    line-height: 2;
}

#lineStamp .stampLead+p {
    /*     color: #0b4c94; */
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 130%;
}
.qrArea p.anno {
    font-size: 10px;
    margin-bottom: 20px;
}
#stampImg {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.prizeTable .line th {
    background: #13bf00;
    border-left-color: #13bf00;
    border-right-color: #13bf00;
}

.prizeTable .line td {
    border-color: #13bf00
}
.prizeTable tr:not(:last-child) th {
    border-bottom-color: #fff
}
.prizeTable tr td:first-of-type {
    /* width: 3em; */
    /* padding: 10px 20px; */
    /* text-align: center; */
    border-left: none;
}
.prizeTable tr td:last-of-type {
    font-size: 90%;
    width: auto;
}
.section.profile {
    margin-bottom: 40px;
}
strong {
    font-weight: bold !important;
}
.small {font-size: 85%}
.marB0 {
    margin-bottom: 0 !important;
}
.marL30 {
    margin-left: 30px !important;
}
.marB15 {
    margin-bottom: 15px !important;
}
.marB30 {
    margin-bottom: 0px !important;
    padding: 0 0.5em 0.5em !important;
}
.marB31 {
    margin-bottom: 30px !important;
}
.marB40 {
    margin-bottom: 40px !important;
}
.marB45 {
    margin-bottom: 45px !important;
}
.wid400 {
    width: 400px;
}
.rel {
    position: relative;
}

#endArea {
    padding: 40px 10px;
    font-size: 200%;
    text-align: center;
    border: 2px solid #004d8f;
    font-weight: bold;
    margin: 50px 0;
    color: red;
    background: #e5f3fe;
}



/* ------------------------------------------------------------
D. 印刷関連
------------------------------------------------------------ */

@media print {

    #masthead .btn-home { display: none; }

}