youtubeリンク

avataraward/2024/AA2023_web_main.css

@@ -0,0 +1,363 @@
+@charset "UTF-8";
+
+body{
+    background-color:#38a187;
+/*    background:linear-gradient(120deg,#39a187,#ffde42);*/
+    margin:0px;
+    padding:0px;
+    font-family: 'Noto Sans JP', sans-serif;
+}
+
+#main{
+    margin:auto;
+}
+
+#container{
+    text-align: center;
+}
+
+#header{
+    background: url(./header_BG.png) ;
+    background-size:cover; 
+}
+
+#header img{
+    max-width: 100%;
+    min-width: 20%;
+}
+
+h3{
+    text-align: center;
+}
+
+h3 img{
+    max-width: 100%;
+    min-width: 20%;
+}
+
+p{
+    margin:auto;
+    padding:10px;
+    text-align: left;
+}
+
+.picup{
+    font-weight:bold;
+}
+
+a{
+    color:#38a187;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.center{
+    margin:auto;
+    text-align: center;
+}
+
+#what_AA{
+    padding:20px;
+    background:#fff;    
+}
+
+#what_AA p{
+    max-width: 700px;
+}
+
+/* 応募方法 */
+#oubo{
+    padding:20px;
+    background:url("./oubo_bg.png");
+    background-size: cover;
+}
+
+#oubo p{
+    max-width:700px;
+    color:#fff;
+}
+
+#oubo p.yellow{
+    color:#ffe052;
+}
+
+.links{
+    margin:auto;
+    max-width: 700px;
+}
+
+.link_btn{
+    position:relative;
+    margin:10px;
+    padding:6px;
+    width:300px;
+    background:#fff;
+    border-radius: 5px;
+    text-align: left;
+}
+
+.link_btn ::before{
+    position:absolute;
+    right:10px;
+    content:">";
+}
+
+.link_btn a{
+    width:100%;
+    display: block;
+}
+
+/*受賞結果*/
+#kekka{
+    padding-bottom:20px; 
+    background:linear-gradient(120deg,#39a187,#ffde42);
+}
+
+#kekka h3{
+    margin:0px;
+    padding:40px 0 20px;
+}
+
+.jushousha{
+    margin:10px auto;
+}
+
+.jushousha_name{
+    margin:10px auto;
+    text-align: center;
+    max-width:500px;
+    min-width:200px;
+    font-size: 50px;
+    border-bottom:solid 3px #ffde42;
+}
+
+.toukousha{
+    margin:auto;
+    text-align: center;
+    font-size: 20px;
+}
+
+.jushousha_pict{
+    margin:auto;
+    padding:10px;
+    max-width:700px;
+    min-width:100px;
+}
+
+.comment{
+    position:relative;
+    margin:10px auto;
+    padding:15px;
+    border-radius: 5px;
+    max-width: 700px;
+    min-width: 100px;
+    background:#fff url(./comment_text.png) bottom right no-repeat;
+}
+
+.comment::before{
+    position:absolute;
+    top:-30px;
+    left:50%;
+    margin-left:-15px;
+    border:  15px solid transparent;
+    border-bottom : 15px solid #fff;
+    content:"";
+}
+
+.comment span{
+    padding-bottom: 10px;
+    margin-bottom: 10px;
+    display: block;
+    text-align: center;
+    font-size: 20px;
+    font-weight: bold;
+    border-bottom:solid 2px #38a187;
+}
+
+#nominate{
+    margin:20px auto;
+    max-width: 700px;
+}
+
+#nominate p span{
+    font-weight: bold;
+}
+
+
+/*過去の授賞式*/
+#jushoushiki_movie{
+    padding:20px;
+    margin:auto;
+    background:url(./jushousiki_trophy.png) bottom right no-repeat;
+    background:url(./AVATARAWARD2022.png) bottom left no-repeat;
+}
+
+.movie{
+    margin:20px;
+}
+
+/* 審査員 */
+#shinsain{
+    padding:20px;
+    background:#fff; 
+}
+
+.shinsains{
+    margin:30px auto;
+    padding-bottom:20px;
+    position:relative;
+    display: table;
+}
+
+/* 審査員の装飾 */
+.shinsains::before{
+    position:absolute;
+    width:60px;
+    height:60px;
+    top:-60px;
+    left:-60px;
+    background-image: url("shinsain_cross.png");
+    content:"";
+}
+
+.shinsains::after{
+    position:absolute;
+    width:60px;
+    height:60px;
+    top:-60px;
+    right:-60px;
+    background-image: url("shinsain_cross.png");
+    content:"";
+}
+
+.shinsains .picture{
+    margin:5px;
+    float:left;
+}
+
+.shinsains_disc{
+    max-width: 500px;
+    min-width: 100px;
+    padding:20px;
+    float:right;
+}
+
+.name{
+    font-size: 45px;
+    font-weight:bold;
+    padding:5px;
+    border-bottom: solid 3px #38a187;
+}
+
+.discription{
+    padding:10px;
+}
+
+/* 選考結果について */
+#senkoukekka{
+    padding:50px;
+    background:linear-gradient(120deg,#39a187,#ffde42);
+}
+
+#senkoukekka p{
+    margin:20px auto;
+    max-width: 700px;
+}
+
+/*VRMコンソーシアムについて*/
+#vrmconso{
+    padding:20px;
+    background:#fff;
+}
+
+.logo{
+    max-width: 100%;
+    min-width: 20%;
+}
+
+.consortium{
+    text-align: center;
+    max-width:1120px;
+    margin:auto;
+    padding:30px;
+    border:solid 1px #ff5f00;
+    border-radius: 6px;
+}
+
+#vrmconso p{
+    max-width:700px    
+}
+
+.consortium h3{
+    margin:50px;
+}
+
+.vrm{
+    margin:auto;
+    max-width: 1120px;
+    text-align: center;
+}
+
+.vrm h3{
+    margin:20px auto;
+    padding:10px;
+    width:300px;
+    border-bottom:solid 6px #38a187;
+}
+
+/*アーカイブ*/
+#archives{
+    padding:20px;
+    background:#ffe052;
+}
+
+.award{
+    margin:10px;
+    width:300px;
+    display:inline-block;
+}
+
+.award p{
+    text-align: center;
+}
+
+
+/*copyright*/
+#copy{
+    text-align: center;
+    color:#fff;
+}
+
+/* モバイル用 */
+@media screen and (max-width:940px) {
+    .Movie iframe{
+        margin:0px;
+        Width:100%; 
+    }
+
+    .shinsains::before{
+        display: none;
+    }
+    .shinsains::after{
+        display: none;
+    }
+
+    .shinsains .picture{
+        float:none;
+        text-align: center;
+    }
+
+    .shinsains_disc{
+        float:none;
+    }
+    .shinsains{
+        display:inline-block
+    }
+
+    /* 受賞者の画像 */
+    .jushousha_pict{
+        padding:5px 0;
+        width:100%;
+    }
+
+}