@font-face {}
* {
 -moz-box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -o-box-sizing: content-box;
 -ms-box-sizing: content-box;
}
a img {
 border: 0;
}
a {
 font-size: 1.0em;
}
a, a:visited {
 color: #669933;
 text-decoration: none;
}
a:hover, a:active {
 color: #669933;
 text-decoration: underline;
}
.clearfix {
 zoom: 1;
}
.clearfix:after {
 content: "";
 display: block;
 clear: both;
}
#content {
 margin: 0px auto;
 width: 1000px;
 font-size: 16px;
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 color: #333;
 overflow-x: hidden;
}
.topborder {
 width: 100%;
 border-top: solid 4px #666666;
}
.socialbt {
 overflow: hidden;
 padding: 0;
 text-align: right;
}
#socialBtnArea {
 padding: 6px 0 0;
 margin-right: -20px;
 float: right;
 width: 300px;
}
h1 {
 background: url(../../images/2024/titlebg_pc.png) no-repeat center top;
 width: 100%;
 margin: 0 0 2px;
 padding: 70px 0;
}
h1 .title {
 text-align: center;
 /*background-color: rgba(255, 255, 255, 0.7);*/
 height: 130px;
 padding: 12px 0 8px;
}
h1 .title img {
 display: inline-block;
 max-width: 780px;
}
.topnav {
 font-size: 0;
 text-align: center;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-right: -2px;
 border-top: 2px solid #fff;
}
.topnav > .item {
 display: inline-block;
 vertical-align: top;
 font-size: 20px;
 color: #fff;
 padding: 0 2px 2px 0;
 box-sizing: border-box;
 width: 33.3333%;
}
.topnav > .item a {
 display: block;
 width: 100%;
 height: 50px;
 background: #4D87BC;
 color: #fff;
 display: -ms-flexbox;
 display: flex;
 justify-content: center;
 align-items: center;
 font-weight: 600;
}
.topnav > .item .anc:hover {
 opacity: 0.7;
}
.topnav > .item:nth-child(even) a {
 background-color: #B47FAA;
}
.topnav > .item:nth-child(4n) {
 margin-right: 0;
}
.abouttext {
 width: 1000px;
 height: 300px;
 position: relative;
 z-index: 1;
 background: url(../../images/2024/about_pc.png) no-repeat center top;
}
.abouttext > p {
 position: relative;
 z-index: 10;
 color: #333;
}
.abouttext > .title {
 padding: 80px 80px 10px;
 font-size: 24px;
}
.abouttext > .text {
 padding: 0 80px 0;
 line-height: 1.6;
}
.abouttext:before {
 content: "";
 position: absolute;
 width: 900px;
 height: 200px;
 top: 50px;
 left: 50px;
 background-color: rgba(255, 255, 255, 0.5);
}
.introduce {
 background: url(../../images/2024/chara1.png) no-repeat center top;
 margin: 40px 0 80px;
}
.introduce .popup {
 padding-top: 60px;
 text-align: center;
}
.introduce .popup .item {
 display: inline-block;
 vertical-align: top;
}
.introduce .popup .popup1 {
 margin-right: 150px;
}
.introduce .popup .popup2 {
 margin-left: 150px;
}
.lead_s {
 font-size: 0.93em;
 line-height: 1.6;
 margin: 40px 0;
 width: 100%;
 text-align: center;
}
.prize .category-title {
 font-size: 1.375em;
 font-weight: normal;
 line-height: 1;
 color: #fff;
 margin: 30px 0 0;
 padding: 10px 16px 6px;
}
.prize .category-title span {
 font-size: 60%;
 display: inline-block;
 width: 70%;
 float: right;
 text-align: right;
 padding: 4px 0 4px;
}
.prize .firstprize {
 width: 988px;
 margin: 2px auto 0;
 text-align: left;
 min-height: 400px;
}
.prize .firstprize > .item {
 display: inline-block;
 vertical-align: bottom;
}
.prize .firstprize > .title:before {
 content: "最優秀賞　";
 position: absolute;
 left: -10px;
 top: -6px;
 font-size: 1.4em;
 color: #fff;
 width: 200px;
 padding: 12px 0 10px;
 line-height: 1;
 text-align: center;
}
.prize .firstprize > .title:after {
 content: "";
 position: absolute;
 left: 170px;
 top: -6px;
 display: inline-block;
 border-style: solid;
 border-width: 22px 20px;
 width: 0;
}
.prize .firstprize > .title {
 margin: 30px 0 0;
 width: 77%;
 background-color: #fff;
 position: relative;
 padding: 11px 0 7px 23%;
 line-height: 1;
}
.prize .firstprize > .title .carmaker {
 font-size: 1.6em;
 margin-right: 10px;
}
.prize .firstprize > .title .carname {
 font-size: 2.0em;
}
.prize .firstprize > .certi {
 width: 150px;
 height: 200px;
 background: url(../../images/2024/certificate.png) no-repeat center top;
 margin-left: 30px;
 text-align: center;
 font-size: 0.875em;
 line-height: 1.2;
 color: #333;
}
.prize .firstprize > .certi > .title {
 font-size: 12px;
 margin-top: 48px;
}
.prize .firstprize > .certi > .title span {
 font-size: 18px;
}
.prize .firstprize > .certi > .body {
 font-size: 16px;
 margin-top: 26px;
 height: 58px;
}
.prize .firstprize > .certi > .body span {
 font-size: 32px;
}
.prize .firstprize > .certi > .footer {
 margin-top: 40px;
}
.prize .firstprize > .carimage {
 margin: 30px 25px 0;
}
.prize .firstprize > .carimage img {
 max-width: 360px;
}
.prize .firstprize > .eval {
 background-color: rgba(255, 255, 255, 0.8);
 width: 340px;
 margin: 30px 0 0;
 padding: 15px;
 font-size: 0.875em;
 line-height: 1.6;
 height: 200px;
 /*overflow-y: scroll;*/
}
.prize .rankingtitle {
 font-weight: normal;
 font-size: 1.3em;
 padding: 6px 0;
 margin-bottom: 2px;
}
.ranking_top3, .ranking {
 width: 100%;
}
.ranking_top3 th, .ranking th {
 font-size: 0.75em;
 line-height: 1;
 border-bottom: solid 1px #999999;
 padding: 8px 6px;
 text-align: center;
}
.ranking_top3 th.h3, .ranking th.h3 {
 text-align: left;
}
.ranking_top3 th .w-norm, .ranking th .w-norm {
 font-size: 0.75em;
 font-weight: normal;
}
.ranking_top3 td, .ranking td {
 font-size: 0.75em;
 border-bottom: solid 1px #999999;
 padding: 0 6px;
 text-align: center;
}
.ranking_top3 .c3, .ranking .c3 {
 text-align: left;
}
.ranking_top3 .h1, .ranking .h1 {
 text-align: center;
}
.ranking_top3 .h2, .ranking .h2 {
 text-align: center;
}
.ranking_top3 .c1, .ranking .c1 {
 width: 5%;
 text-align: center;
}
.ranking_top3 .c2, .ranking .c2 {
 width: 10%;
}
.ranking_top3 .c3, .ranking .c3 {
 width: 27%;
}
.ranking_top3 .c4, .ranking .c4 {
 width: 8%;
}
.ranking_top3 .c5, .ranking .c5 {
 width: 8%;
}
.ranking_top3 .c6, .ranking .c6 {
 width: 14%;
}
.ranking_top3 .c7, .ranking .c7 {
 width: 8%;
}
.ranking_top3 .c8, .ranking .c8 {
 width: 12%;
}
.ranking_top3 .c9, .ranking .c9 {
 width: 8%;
}
.ranking_top3 .em, .ranking .em, .catalog .c9:last-of-type {
 font-size: 1.3em;
 font-weight: 700;
}
.ranking_top3 .tn, .ranking .tn {
 width: 90px;
 height: 60px;
}
.clickable:hover {
 cursor: pointer;
}
.list_oc {
 margin: 10px auto 0;
 text-align: center;
 width: 140px;
 font-size: 14px;
 cursor: pointer;
}
.list_oc .btdn, .list_oc .btup {
 border-bottom: solid 6px #ccc;
 height: 20px;
}
.list_oc .btdn {
 position: relative;
}
.list_oc .btdn:before {
 content: "";
 display: inline-block;
 border: solid 0 #f00;
 border-color: #ccc transparent transparent;
 border-width: 20px 70px 0;
 position: absolute;
 top: 26px;
 left: 0;
}
.list_oc .btup {
 padding-bottom: 20px;
 position: relative;
}
.list_oc .btup:before {
 content: "";
 display: inline-block;
 border: solid 0 #f00;
 border-color: transparent transparent #ccc;
 border-width: 0 70px 20px;
 position: absolute;
 bottom: 0;
 left: 0;
}
.r-quarts > .category-title {
 background: #000;
}
.r-quarts .firstprize, .r-quarts .ranking_top3 {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1ebf9+0,ffffff+60 */
 background: #f1ebf9;
 /* Old browsers */
 background: -moz-linear-gradient(top, #f1ebf9 0%, #ffffff 60%);
 /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #f1ebf9 0%, #ffffff 60%);
 /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #f1ebf9 0%, #ffffff 60%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1ebf9', endColorstr='#ffffff', GradientType=0);
 /* IE6-9 */
}
.r-quarts .firstprize > .title:before, .r-quarts .ranking_top3 > .title:before {
 background-color: #4D87BC;
}
.r-quarts .firstprize > .title:after, .r-quarts .ranking_top3 > .title:after {
 border-color: #4D87BC transparent;
}
.r-quarts .ranking_top3 th, .r-quarts .ranking th {
 color: #4D87BC;
}
.r-quarts .ranking_top3 .em, .r-quarts .ranking .em {
 color: #B47FAA;
}
.r-quarts .rankingtitle {
 color: #4D87BC;
 border-bottom: solid 3px #4D87BC;
}
.r-quarts .clickable:hover {
 background-color: rgba(246, 202, 201, 0.2);
}
.r-quarts .list_oc {
 color: #4D87BC;
}
.r-quarts .list_oc .btdn {
 border-bottom-color: #4D87BC;
}
.r-quarts .list_oc .btdn:before {
 border-top-color: #4D87BC;
}
.r-quarts .list_oc .btup {
 border-bottom-color: #4D87BC;
}
.r-quarts .list_oc .btup:before {
 border-bottom-color: #4D87BC;
}
.serenity > .category-title {
 background: #000;
}
.serenity .firstprize, .serenity .ranking_top3 {
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbe4e3+0,ffffff+60 */
 background: #fbe4e3;
 /* Old browsers */
 background: -moz-linear-gradient(top, #fbe4e3 0%, #ffffff 60%);
 /* FF3.6-15 */
 background: -webkit-linear-gradient(top, #fbe4e3 0%, #ffffff 60%);
 /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, #fbe4e3 0%, #ffffff 60%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbe4e3', endColorstr='#ffffff', GradientType=0);
 /* IE6-9 */
}
.serenity .firstprize > .title:before, .serenity .ranking_top3 > .title:before {
 background-color: #B47FAA;
}
.serenity .firstprize > .title:after, .serenity .ranking_top3 > .title:after {
 border-color: #B47FAA transparent;
}
.serenity .ranking_top3 th, .serenity .ranking th {
 color: #B47FAA;
}
.serenity .ranking_top3 .em, .serenity .ranking .em, .catalog .c9:last-of-type {
 color: #4D87BC;
}
.serenity .rankingtitle {
 color: #B47FAA;
 border-bottom: solid 3px #B47FAA;
}
.serenity .clickable:hover {
 background-color: rgba(145, 167, 208, 0.1);
}
.serenity .list_oc {
 color: #B47FAA;
}
.serenity .list_oc .btdn {
 border-bottom-color: #B47FAA;
}
.serenity .list_oc .btdn:before {
 border-top-color: #B47FAA;
}
.serenity .list_oc .btup {
 border-bottom-color: #B47FAA;
}
.serenity .list_oc .btup:before {
 border-bottom-color: #B47FAA;
}
.pagetop {
 margin: 10px 20px 40px;
 text-align: right;
 cursor: pointer;
 font-size: 0.875em;
 color: #669933;
}
#dialog1, #dialog2 {
 background: white;
 padding: 50px 60px;
 text-align: left;
 width: 600px;
 height: 400px;
 margin: 40px auto;
 border-radius: 20px;
 position: relative;
}
#dialog1 > .title, #dialog2 > .title {
 font-size: 30px;
 color: #b0d159;
 margin: 0 0 10px;
}
#dialog1 > .text, #dialog2 > .text {
 font-size: 18px;
}
#dialog1 > .text p, #dialog2 > .text p {
 margin-bottom: 20px;
}
#dialog1 > .text p.box2, #dialog2 > .text p.box2 {
 width: 420px;
}
#dialog1 > .text li, #dialog2 > .text li {
 margin-bottom: 10px;
}
#dialog1 .chara, #dialog2 .chara {
 position: absolute;
 right: 60px;
 bottom: 40px;
}
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
 opacity: 0;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.8);
}
/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
 opacity: 1;
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
 -webkit-transform: scale(0.8);
 -moz-transform: scale(0.8);
 -ms-transform: scale(0.8);
 -o-transform: scale(0.8);
 transform: scale(0.8);
 opacity: 0;
}
/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
 opacity: 0;
 -webkit-transition: opacity 0.3s ease-out;
 -moz-transition: opacity 0.3s ease-out;
 -o-transition: opacity 0.3s ease-out;
 transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
 opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
 opacity: 0;
}
.notesarea {
 border: solid 2px #cccccc;
 margin: 30px 0;
 padding: 2%;
}
.notesarea > .notestitle {
 font-size: 1.2em;
 margin-bottom: 0.5em;
}
.notesarea > .notes {
 font-size: 0.8125em;
 list-style-type: disc;
 padding-left: 20px;
}
.notesarea > .notes li {
 list-style-type: inherit;
 margin-bottom: 1em;
}
.notesarea > .notes li:last-child {
 margin-bottom: 0;
}
.notesarea > .notes li.comment {
 list-style-type: none;
}
.notesarea > .notes li p {
 text-indent: -1em;
}
.unit-relatedlinks {
 margin: 20px 0;
}
.unit-relatedlinks > div > div {
 float: none !important;
 display: inline-block;
}