@charset "utf-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');


body {
  font-size: 14px;
  text-align: justify;
  background-color: #fff;
  color: #000;
  overflow-x: hidden;
}
/*
a:hover img {
  opacity: 70%;  
}
*/

/*　footer　*/
footer {
  padding-top: 30px;
  padding-bottom: 15px;
  color: #fff;
  /*background-color: #830002;*/
  background-color: #111;
}
footer .copy {
	font-size: 0.9em;
}


/*　cover　*/
.cover-unit {
  display:table;
  width: 100%;
  height: 100vh;
  min-height: 300px;
  background: url("../img/mainImg.jpg") no-repeat center center;
  background-size: cover;
  border-radius: 0px;
  background-attachment: scroll;
}
@media (max-width: 767.98px) {
  .cover-unit {
    height:100vh;
    background: url(../img/mainImg_sm.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
  }
}
.cover-box {
  display: table-cell;
  vertical-align: middle;
}
@media (max-width: 767.98px) {
  .cover-box {
	vertical-align: center;
  }
}
.cover-box .logo {
  width: 100vw;
  margin-left: -25px;
  margin-right: -25px;
}

.cover-box .logo2 {
  padding-bottom: 60px;
}

/* chara */
#chara {
  padding-top: 30px;
  padding-bottom: 30px;
}

#chara .charabox {
  margin-top: 15px;
  margin-bottom: 15px;
}

#chara .charabox .btn {
  margin-top: 5px;
}

/* read */
#read {
	color: #fff;
	padding-top: 45px;
	padding-bottom: 30px;
	background-image: -webkit-linear-gradient(270deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
}
#read .txt {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  #read .txt {
	font-size: 18px;
  }
}
#read .btn {
  font-weight: 700;
  font-size: 20px;
}

#read .hapo {
  font-size: 30px;
  text-align: center;
}



/* votebtn */
#votebtn {
  padding-top: 45px;
  padding-bottom: 45px;
  background-image: -webkit-linear-gradient(270deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(27,27,27,1.00) 0%,rgba(73,73,73,1.00) 100%);
}
#votebtn .btn {
  font-weight: 700;
  font-size: 20px;
}


/* gohoubi */
#gohoubi {
	padding-top: 80px;
	padding-bottom: 80px;
	font-family: 'Noto Serif JP', serif;
	background-image: url(../img/gohoubi_back.jpg);
}

#gohoubi .title {
	text-align: center;
	font-size: 32px;
	font-weight: 900;
  color: #F3FF3B;
  text-shadow : 1px  1px 2px #2E0506,
    -1px  1px 2px #2E0506,
     1px -1px 2px #2E0506,
    -1px -1px 2px #2E0506,
     1px  0px 2px #2E0506,
     0px  1px 2px #2E0506,
    -1px  0px 2px #2E0506,
     0px -1px 2px #2E0506;
}
@media (max-width: 767.98px) {
  #gohoubi .title {
	font-size: 28px;
  }
}
#gohoubi .txt {
  font-size: 26px;
  line-height: 1.8em;
  font-weight: 700;
  color: #000;
  text-shadow : 1px  1px 2px #fff,
    -1px  1px 2px #fff,
     1px -1px 2px #fff,
    -1px -1px 2px #fff,
     1px  0px 2px #fff,
     0px  1px 2px #fff,
    -1px  0px 2px #fff,
     0px -1px 2px #fff;
}
@media (max-width: 767.98px) {
  #gohoubi .txt {
	font-size: 24px;
  }
}
#gohoubi .btnbox {
	margin-top: 45px;
}
#gohoubi .btnbox img {
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
}
#gohoubi .link {
  margin-bottom: 30px;
  margin-top: 30px;
}
#gohoubi .link a {
  font-size: 1.5em;
}

/* vote */
#vote {
	padding-top: 45px;
	padding-bottom: 30px;
	background-color: #FFFDD1;
}

#vote .title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: #17A2B8;
}

#vote .txt {
  font-size: 20px;
  line-height: 1.8em;
  font-weight: 700;
}

#vote a {
  font-size: 20px;
  font-weight: 600;
}

#vote .kome {
  margin-bottom: 15px;
}

#vote .kome ul {
  padding-left: 1em;
}
#vote .kome ul li {
	list-style: "※ ";
}
#vote .kikan {
  text-align: center;
  padding-bottom: 30px;
  font-size: 28px;
	font-weight: 700;
	color: #17A2B8;
}


/* thanks */

#thanks {
	padding-top: 45px;
	padding-bottom: 30px;
}

#thanks .title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	color: #17A2B8;
}

#thanks .txt {
  text-align: center;
  font-size: 16px;
  line-height: 1.8em;
}

#thanks .link {
  text-align: center;
  font-size: 19px;
  font-weight: 700;
}

#thanks .btn {
  margin-top: 30px;
}

#thanks .fontbig {
  font-weight: 700;
  font-size: 20px;
  color: #17A2B8;
}

/* champ */
#champ {
	background-image: -webkit-linear-gradient(270deg,rgba(246,222,97,1.00) 0%,rgba(160,99,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(246,222,97,1.00) 0%,rgba(160,99,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(246,222,97,1.00) 0%,rgba(160,99,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(246,222,97,1.00) 0%,rgba(160,99,0,1.00) 100%);
}

/* read2 */
#read2 {
	color: #fff;
	padding-top: 45px;
	padding-bottom: 30px;
	background-color: #D00003;
}
#read2 .txt {
  text-align: center;
  font-size: 30px;
  line-height: 1.8em;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  #read2 .txt {
	font-size: 25px;
  }
}
@media (max-width: 575.98px) {
  #read2 .txt {
	font-size: 21px;
  }
}
#read2 .syuku {
	font-size: 1.5em;
	color: #FFF500;
}
@media (max-width: 767.98px) {
  #read2 .syuku {
	font-size: 1.4em;
  }
}
#read2 .moto {
  font-size: 1.3em;
  color: #FFF500;
}
@media (max-width: 767.98px) {
  #read2 .moto {
	font-size: 1.2em;
  }
}
@media (max-width: 575.98px) {
  #read2 .moto {
	font-size: 1.1em;
  }
}

/* zokuhen */
#zokuhen {
	padding-top: 45px;
	padding-bottom: 30px;
	background-image: -webkit-linear-gradient(270deg,rgba(248,209,0,1.00) 0%,rgba(255,145,130,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(248,209,0,1.00) 0%,rgba(255,145,130,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(248,209,0,1.00) 0%,rgba(255,145,130,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(248,209,0,1.00) 0%,rgba(255,145,130,1.00) 100%);
}
#zokuhen .txt {
  font-size: 24px;
  line-height: 1.6em;
  font-weight: 500;
}
@media (max-width: 767.98px) {
  #zokuhen .txt {
	font-size: 23px;
  }
}
@media (max-width: 575.98px) {
  #zokuhen .txt {
	font-size: 19px;
  }
}
#zokuhen li {
  font-size: 16px;
  margin-left: 1.2em;
}
@media (max-width: 575.98px) {
  #zokuhen li {
	font-size: 13px;
  }
}
#zokuhen .title {
  font-family: 'Noto Serif JP', serif;
  font-weight: 900;
  font-size: 2.2em;
  text-align: center;
  color: #D00003;
  text-shadow : 1px  1px 2px #fff,
    -1px  1px 2px #fff,
     1px -1px 2px #fff,
    -1px -1px 2px #fff,
     1px  0px 2px #fff,
     0px  1px 2px #fff,
    -1px  0px 2px #fff,
     0px -1px 2px #fff;
}
#zokuhen .title2 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 900;
  font-size: 2.2em;
  text-align: center;
  color: #fff;
  text-shadow : 1px  1px 2px #D00003,
    -1px  1px 2px #D00003,
     1px -1px 2px #D00003,
    -1px -1px 2px #D00003,
     1px  0px 2px #D00003,
     0px  1px 2px #D00003,
    -1px  0px 2px #D00003,
     0px -1px 2px #D00003;
}
#zokuhen .img {
  margin-bottom: 30px;
  margin-top: 15px;
}
#zokuhen .link {
  margin-bottom: 60px;
}
#zokuhen .link a {
  font-size: 1.5em;
}


/* read3 */
#read3 {
	color: #fff;
	padding-top: 45px;
	padding-bottom: 30px;
	background-color: #D00003;
}
#read3 .txt {
  text-align: center;
  font-size: 30px;
  line-height: 1.8em;
  font-weight: 700;
}
@media (max-width: 767.98px) {
  #read3 .txt {
	font-size: 25px;
  }
}
@media (max-width: 575.98px) {
  #read3 .txt {
	font-size: 21px;
  }
}