@charset "UTF-8";

html{
font-size:62.5%;
}
img{
width:100%;
height:auto
}
.clearfix{
display:block;
}
.clear{
clear:both;
}
.clear hr{
display:none;
}
ul,li{
list-style:none;
}
@media screen and (min-width:1024px) {
body{
font-size:1.6em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
color:#000;
text-align:center;
margin:0;
padding:0;
/*background-size:cover;
width:100%;
height:100vh;
background-image:url("../../images/anoko.jpg");
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;*/
}
body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
margin:0;
z-index:-1;
width:100%;
height:100vh;
background-image: linear-gradient(-45deg, rgba(2, 135, 96, 0), rgba(58, 91, 82, 0)),url("../../images/anoko.jpg");
/*background-image: linear-gradient(-45deg, rgba(2, 135, 96, .6), rgba(58, 91, 82, .9)),url("../../images/anoko_smp.jpg");*/
background-size:cover;
background-position:center center;
}
.smp{
display:none;
}
.tablet{
display:none;
}
.pc{
display:block;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
body{
font-size:1.6em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
color:#000;
text-align:center;
margin:0;
padding:0;
/*background-size:cover;
width:100%;
height:100vh;
background-image:url("../../images/anoko.jpg");
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed;*/
}
body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
margin:0;
z-index:-1;
width:100%;
height:100vh;
background-image: linear-gradient(-45deg, rgba(2, 135, 96, 0), rgba(58, 91, 82, 0)),url("../../images/anoko.jpg");
/*background-image: linear-gradient(-45deg, rgba(2, 135, 96, .6), rgba(58, 91, 82, .9)),url("../../images/anoko_smp.jpg");*/
background-size:cover;
background-position:center center;
}
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
body{
font-size:1.6em;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight:400;
color:#000;
text-align:center;
margin:0;
padding:0;
}
body:before{
content:"";
display:block;
position:fixed;
top:0;
left:0;
margin:0;
z-index:-1;
width:100%;
height:100vh;
background-image: linear-gradient(-45deg, rgba(2, 135, 96, 0), rgba(58, 91, 82, 0)),url("../../images/anoko_smp.jpg");
/*background-image: linear-gradient(-45deg, rgba(2, 135, 96, .6), rgba(58, 91, 82, .9)),url("../../images/anoko_smp.jpg");*/
background-size:cover;
background-position:center center;
}
.pc{
display:none;
}
.tablet{
display:none;
}
.smp{
display:block;
}
}
@media screen and (min-width:1024px) {
.contents{
max-width:500px;
width:40%;
height:auto;
margin:60px auto 0;
padding:0;
}
.contents ul{
}
.contents ul li{
margin:30px 0;
}
.contents ul li.nomination{
width:70%;
margin:10px auto;
}
.contents ul li div{
margin-top:80px;
}
.thanks{
margin:80px auto 0;
}
.thanks h6{
font-family:LibreFranklin;
font-size:16px;
font-weight:200;
letter-spacing:0.05em;
margin-bottom:1em;
color:#FFF;
}
.thanks ol{
margin-top:0.5em;
display:table;
table-layout:fixed;
text-align:center;
width:100%;
margin:0px auto;
}
.thanks ol li{
font-family: 'Noto Sans JP', sans-serif;
font-size:14px;
font-weight:200;
letter-spacing:0.1em;
color:#FFF;
text-align:left;
display:inline;
margin-right:1.5em;
padding-left:1.5em;
border-left:1px solid #FFF;
}
.thanks div{
width:100px;
height:auto;
margin:20px auto 40px;
}
.thanks ol li:first-child{
text-align:left;
display:inline;
margin-right:1.5em;
padding-left:1.5em;
border-left:none;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
.contents{
width:60%;
height:auto;
margin:60px auto 0;
padding:0;
}
.contents ul{
}
.contents ul li{
margin:30px 0;
}
.contents ul li.nomination{
width:70%;
margin:10px auto;
}
.contents ul li div{
margin-top:60px;
}
.thanks{
margin:80px auto 0;
}
.thanks h6{
font-family:LibreFranklin;
font-size:15px;
font-weight:200;
letter-spacing:0.05em;
margin-bottom:1em;
color:#FFF;
}
.thanks ol{
margin-top:0.5em;
display:table;
table-layout:fixed;
text-align:center;
width:100%;
margin:0px auto;
}
.thanks ol li{
font-family: 'Noto Sans JP', sans-serif;
font-size:13px;
font-weight:200;
letter-spacing:0.1em;
color:#FFF;
text-align:left;
display:inline;
margin-right:1.5em;
padding-left:1.5em;
border-left:1px solid #FFF;
}
.thanks div{
width:100px;
height:auto;
margin:20px auto 40px;
}
.thanks ol li:first-child{
text-align:left;
display:inline;
margin-right:1.5em;
padding-left:1.5em;
border-left:none;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.contents{
width:70%;
height:auto;
margin:60px auto 0;
padding:0;
}
.contents ul{
}
.contents ul li{
margin:20px 0;
}
.contents ul li.nomination{
width:90%;
margin:10px auto;
}
.contents ul li div{
margin-top:50px;
}
.thanks{
margin:50px auto 0;
}
.thanks h6{
font-family:LibreFranklin;
font-size:14px;
font-weight:200;
letter-spacing:0.05em;
margin-bottom:1em;
color:#FFF;
}
.thanks ol{
margin-top:0.5em;
text-align:center;
width:100%;
margin:0px auto;
}
.thanks ol li{
font-family: 'Noto Sans JP', sans-serif;
font-size:13px;
font-weight:200;
letter-spacing:0.1em;
color:#FFF;
}
.thanks div{
width:100px;
height:auto;
margin:20px auto 30px;
}
.thanks ol li:first-child{
text-align:left;
display:inline;
margin-right:1.5em;
padding-left:1.5em;
border-left:none;
}
}









/* ==================================================

FOOTER

================================================== */
@media screen and (min-width:1024px) {
footer{
}
footer p{
font-size:13px;
font-weight:300;
letter-spacing:0.03em;
color:#FFF;
margin:1em auto;
}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
footer{
}
footer p{
font-size:13px;
font-weight:300;
letter-spacing:0.03em;
color:#FFF;
margin:1em auto;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
footer{
}
footer p{
font-size:13px;
font-weight:300;
letter-spacing:0.03em;
color:#FFF;
margin:1em auto;
}
}







.loader-bg{
width:100vw;
height:100vh;
position:fixed;
top:0;
left:0;
z-index:9999;
background-color:#FFF;
display:flex;
justify-content:center;
align-items:center;
}
.loader{
font-size:10px;
margin:50px auto;
text-indent:-9999em;
width:11em;
height:11em;
border-radius:50%;
background:#3A5B52;
background:-moz-linear-gradient(left, #3A5B52 10%, rgba(58, 91, 82, .9) 42%);
background:-webkit-linear-gradient(left, #3A5B52 10%, rgba(58, 91, 82, 0) 42%);
background:-o-linear-gradient(left, #3A5B52 10%, rgba(58, 91, 82, 0) 42%);
background:-ms-linear-gradient(left, #3A5B52 10%, rgba(58, 91, 82, 0) 42%);
background:linear-gradient(to right, #3A5B52 10%, rgba(0, 0, 0, 0) 42%);
position:relative;
-webkit-animation:load3 1.4s infinite linear;
animation:load3 1.4s infinite linear;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
}
.loader:before{
width:50%;
height:50%;
background:#3A5B52;
border-radius:100% 0 0 0;
position:absolute;
top:0;
left:0;
content:'';
}
.loader:after{
background:#FFF;
width:75%;
height:75%;
border-radius:50%;
content:'';
margin:auto;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}
@-webkit-keyframes load3{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load3{
0%{
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}