/*
Theme Name: aa2023
Theme URI: http://re-solution.co.jp/
Description: アダルト放送大賞PC版専用テーマ
Version: 1.0
Author: Re-solution
Author URI: http://re-solution.co.jp/
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

/* =================================
font : Noto Sans JP, Noto Serif JP
================================= */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;700&display=swap');


/* html5リセット */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1.5;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
nav ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
  margin: 25px 0px;
}
input {
  border: 1px solid #ddd;
}
/* html5リセットend */

* {
  margin: 0;
  padding: 0;
}

body {
  font: 300 13px/2 'Noto Sans JP', sans-serif;
  color: #020202;
  background: linear-gradient(180deg, rgba(142, 142, 142, 0.2) 0%, rgba(224, 224, 224, 0.164583) 61.98%, rgba(245, 245, 245, 0) 100%), url(images/2023back.png);
  /* background:url(images/2023back.jpg); */
  background-position:bottom;
  /* background-size:cover; */
  background-attachment: fixed;
  /* background-repeat: no-repeat; */
  width: 100%;
  display: block;
  overflow-x: hidden;
}
a:link {
  color: #F90094;
  font-weight: 700;
  text-decoration: underline;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
a:visited {
  color: #F90094;
}
a:hover {
  text-decoration: none;
}
ul li {
  list-style-type: none;
}
img {
  border: none;
}
a img:hover {
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter: alpha(opacity=80);
}
a img.nohover:hover {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}

.clearfix, nav ul, #landing, ul#category ul#category li a, footer ul, #single .box, #event li, #archive .award, #archive ul.list, #nominatelist, #award_ceremony .prize_winner, #award_ceremony ul.thumb_event, #award_ceremony .prize_winner .button .announcement {
  zoom: 1;
  display: inline-block;
  min-height: 1%;
  /* for IE 7 */
}
.archive_list_link:after, .event_info ul:after, .clearfix:after, nav ul:after, #landing:after, ul#category:after, ul#category li a:after,  #single .box:after, #event li:after, #archive .award:after, #archive ul.list:after, #nominatelist:after, #award_ceremony .prize_winner:after, #award_ceremony ul.thumb_event:after, #award_ceremony .prize_winner .button .announcement:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.nav_wrap {
  width: 100%;
  height: 90px;
  font-size: 17px;
  /*background: linear-gradient(180deg, #FBD72F 0%, #F8D755 45.83%, #DBAB03 100%);*/
  background-color: #ff89d8;
  color: #E3E3E3;
  margin: 0;
  padding: 0;
  border-radius: 0px;
  border: 0px solid #ffffff;
  z-index: 1000;
}
.wrap {
  width: 100%;
  margin: 0 auto;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  max-width: 1120px;
}
.wrap h2 {
  text-align: left;
}
.wrap h1, .wrap .box {
  text-align: left;
}
/* 授賞TOPページスタイル */
.archive_top {
  width: 48%;
  float: left;
  margin-bottom: 20px;
}
.archive_top img {
  width: 100%;
  border-radius: 10px;
}
.archive_top:nth-child(odd) {
  margin-right: 30px;
}
.archive_text_top2014 {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 8px 0px;
}
.archive_text_top2014 h3 span {
  font-size: 0.5em;
  color: #969696;
  display: block;
  line-height: 1.4em;
}
.archive_text_top2014 h3 {
  font-size: 2.2em;
  color: #e62cd7;
  line-height: 1.2em;
}
.event_img img {
  width: 22%;
  height: auto;
  margin-right: 15px;
  border-radius: 10px;
}
.event_img {
  margin: 35px 0px;
}
.button_sp a:hover {
  opacity: 0.7;
}
.button_sp a {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  width: 75%;
  background-color: #000;
  display: block;
  padding: 10px 0px;
  color: #e3e3e3;
  text-decoration: none;
  border-radius: 10px;
}
.button_sp img {
  width: 75%;
  margin-top: 5px;
}
.button_sp a img:hover {
  opacity: inherit;
}
.archive2014title img, .archive2019title img {
  width: 54%;
  float: left;
}
.archive2014title h6 {
  font-size: 2.2em;
  color: #d8048b;
  margin: 10px 0px;
  float: left;
  margin-left: 20px;
}
.archive2019title h6 {
  font-size: 2.2em;
  color: #005fec;
  margin: 10px 0px;
  float: left;
  margin-left: 20px;
}
.button_sp img {
  position: relative;
  bottom: -1px;
}
.button_sp {
  font-size: 1.2em;
}
#archive ul.list li h2 img {
  width: 8px;
  height: auto;
  position: relative;
  bottom: -1px;
}
/* 臨時ページ */
#shimura {
  width: 372px;
  float: left;
  margin: 20px 0px;
  border: 1px solid rgb(100, 100, 100);
  margin-right: 20px;
}
#shimura strong {
  text-align: center;
  color: #fff;
  display: block;
  background: rgb(100, 100, 100);
  padding: 6px;
  font-size: 130%;
}
#shimura strong, #shimura p {
  font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#shimura strong + p {
  font-size: 1.3em;
  height: auto;
  background: #fff;
  text-align: left;
  padding: 10px;
  margin-bottom: 20px;
}
#shimura span {
  float: right;
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
}
.kanran p {
  background-color: #000;
  text-align: center;
  color: #fff;
  padding: 20px;
  font-size: 1.5em;
  margin: 10px 0px;
  font-weight: bold;
}
.kishikawa_right {
  float: right;
  width: 120px;
  margin-top: 10px;
  margin-right: 10px;
}
.kishikawa_right p {
  text-align: center;
}
#kishikawa {
  float: left;
  width: 372px;
  margin: 20px 0px;
  border: 1px solid #ff5096;
}
#kishikawa + h2 {
  float: left;
  font-size: 1.5em;
}
#kishikawa a img {
  width: 120px;
}
#kishikawa p {
  font-size: 1.3em;
  float: left;
  width: 220px;
  margin: 10px;
}
#kishikawa strong {
  text-align: center;
  color: #fff;
  display: block;
  background: #ff5096;
  padding: 6px;
  font-size: 130%;
}
#kishikawa strong, #kishikawa p {
  font-family: "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#kishikawa strong + p {
  font-size: 1.3em;
  height: auto;
  background: #fff;
  text-align: left;
}
#kishikawa span {
  float: right;
  font-size: 0.8em;
  margin-top: 10px;
  margin-bottom: 10px;
}
#about span {
  float: right;
}
#top {
  margin-top: 70px;
}
#top .leftcolum #about .box {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  width: 100%;
  padding: 30px 20px;
  margin-bottom:30px;
  text-align: left;
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
#top .leftcolum #about .boxcount {
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  padding: 18px;
  margin: 0 0 35px 0;
  text-align: left;
  border-radius: 5px;
}
#top .leftcolum #about .box .topbn {
  position: static;
}
#top .leftcolum #about .box h2 {
  position:relative;
  font-size: 26px;
  color: #030924;
  margin-bottom: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  text-shadow: 2px 2px 3px #e3e3e3;
  line-height: 1.6;
}
#top .leftcolum #about .box h2::after {
 content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 26px;
  height: 5px;
  background: linear-gradient(90deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
}
#top .leftcolum #about .box .head {
  font-size: 16px;
  margin-top: 15px;
  line-height: 1.8;
}
#top .leftcolum #about .box .head span {
  font-size: 14px;
  float: none;
  text-align: left;
  margin-left: 18px;
}
#top .leftcolum #about .box .head .subhead {
  font-size: 17px;
  margin-top: 15px;
  line-height: 1.4;
}
#top .leftcolum #about .box .read_top {
  font-size: 15px;
  margin-top: 15px;
  line-height: 1.4;
}
#top .leftcolum #about .box .head .g_child {
  font-size: 14px;
  float: none;
  text-align: left;
  margin-left: 36px;
}
#top .leftcolum #about .box .caption {
  font-size: 12px;
  float: none;
  color: #999;
  text-align: left;
  margin-left: 18px;
  margin-top: 8px;
  padding-bottom: 18px;
}
#top .leftcolum #about .box .read {
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 30px;
  line-height: 1.5;
}
#top .leftcolum #about .box .read span {
  color: #f517a3;
  font-size: 14px;
  float: none;
  text-align: left;
  font-weight: bold;
}
.box {
  width: 100%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4;
  background: #ffffff;
}
/* コンテンツエリア */
div.box{ 
  border-radius: 4px;
  padding: 30px 20px;
  margin-bottom:30px;
  text-align: left;
  border-radius: 4px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
}
.wrap .box
ul.box {
  padding: 0;
}
.box.arrival {
  width: 100%;
}
.always {
  color: #ff0000;
}
.apply_entry {
  width: 728px;
  margin: 0 auto 10px auto;
}
/* 見出し */
#single .rightcolum h2, 
#event_all h1, 
#event_all .rightcolum h2,
#category_all h2 {
  position: relative;
  width: 100%;
  font-size: 26px;
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  text-shadow: 2px 2px 3px #e3e3e3;
  line-height: 1;
  color: #030924;
  padding:15px 0;
}
#single .rightcolum h2::after, 
#event_all h1::after, 
#event_all .rightcolum h2::after,
#category_all h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 26px;
  height: 5px;
  background: linear-gradient(90deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
}
#event_all h1, 
#category_all h2{
  margin-bottom:15px;
}

#single h1{
  /*background: linear-gradient(180deg, #050553 0%, #1310AA 100%);*/
  background-color: #ff89d8;
  padding: 20px;
  border-radius: 4px;
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 18px;
  font-family: 'Noto Serif JP';
}
#single h1 .title {
  margin: 0;
  padding: 15px 20px;
  font-size: 24px;
  color: #fff;
  font-weight: normal;
  font-family: 'Noto Serif JP', serif;
  text-shadow: 0px 0px 3px #ff6699;
  zoom: 1;
  vertical-align: top;
}
#single h2.sub_title {
  padding: 15px 20px;
  font-size: 18px;
  color: #050553;
  font-weight: normal;
  font-family: 'Noto Serif JP', serif;
  zoom: 1;
  vertical-align: top;
  background: linear-gradient(90deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
  border-radius: 4px;
  border-bottom:none;
}
#single h1 .ch_logo {
  padding: 0;
}
#single h1 .ch_logo img {
  max-width: 60px !important;
  max-height: 60px !important;
}

#top .rightcolum .wrap{
  padding: 5px 0px 5px 20px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid #9F9F9F;
}
#top .rightcolum .wrap.twitter{
  padding: 0;
  background: none;
  border:none;
}
#top .rightcolum .wrap h2 {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  color: #020824;
  zoom: 1;
}
#top .rightcolum .wrap h2::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 18px;
  height: 5px;
  background: linear-gradient(90deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
}
#top #category h2 {
  background: transparent;
  border: none;
  padding: 0;
  font-size: 200%;
  margin-bottom: 6px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #fff;
}
/* #category_all h2 {
font-family: vdl-logog, sans-serif;
  font-size: 18px;letter-spacing: 0.1em;
  font-weight: 400;
  color: #fff;
background: rgb(255,102,153);
background: linear-gradient(0deg, rgba(255,102,153,1) 0%, rgba(255,125,175,1) 100%);
  border: 1px solid #ff7daf;
  box-shadow: 0px 3px 3px 0px rgba(255,0,102,0.2);
  -moz-box-shadow: 0px 3px 3px 0px rgba(255,0,102,0.2);
  -webkit-box-shadow: 0px 3px 3px 0px rgba(255,0,102,0.2);
  padding: 13px 0 13px 12px;
  margin-bottom: 15px;
  border-radius:10px 10px 0 0;
  -webkit-border-radius:10px 10px 0 0;
  -moz-border-radius:10px 10px 0 0;
  margin-top: 45px;
  box-sizing: border-box;
} */
#category_all #category h2, #category_all #category h3 {
  font-size: 11px;
  margin: 0px 0px 0px 15px;
  padding: 0px;
  border-bottom: 1px dotted #666;
  max-height: 80px;
  overflow: hidden;
  line-height: 1.2;
}
#category_all #category span {
  /*max-height: 25px;*/
  line-height: 1.2;
  /*overflow: hidden;*/
  display: block;
  margin: 2px 0 0 0;
  font-size: 11px;
}
#category_all #category span.chinfo {
  max-height: 25px;
  line-height: 1.1;
  overflow: hidden;
  display: block;
  margin: 4px 10px 0 0;
  font-size: 9px;
  color: #f34c4c;
}
#populer_words h2 {
  font-size: 18px;
  color: #fff;
  background: #b19966;
  background: -webkit-gradient(linear, left top, right top, from(rgba(183, 151, 113, 1)), to(rgba(249, 234, 203, 1)));
  /* Safari,Google Chrome */
  background: -webkit-linear-gradient(left, #b79771, #f9eacb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b79771', EndColorStr='#f9eacb');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b79771, endcolorstr=#f9eacb)";
  /* IE6-9 */
  border: 0px solid #fff;
  text-shadow: 0px -1px 1px rgba(069, 036, 014, 0.2), 0px 1px 0px rgba(097, 045, 006, 0.1);
  zoom: 1;
  padding: 13px 0 13px 12px;
  margin-bottom: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin-top: 45px;
  box-sizing: border-box;
  border-right: 1px solid #dac7a3;
  border-left: 1px solid #cca071;
  font-weight: normal;
}
#populer_words #category h2, #populer_words #category h3 {
  font-size: 110%;
  margin: 0px 15px;
  padding: 0px;
  border-bottom: 1px dotted #000;
  max-height: 80px;
  overflow: hidden;
  line-height: 1.2;
}
#populer_words .read {
  font-size: 14px;
  line-height: 1.45;
  margin: 3px 0 14px 3px;
}
#populer_words ul.category_list li {
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #fdf0e6);
  background: linear-gradient(to bottom, #fff, #fdf0e6);
  border: 1px solid #ffdede;
  height: 170px;
}
#populer_words ul.category_list li .text {
  width: 348px;
  box-sizing: border-box;
  line-height: 1.4;
  padding: 11px 0 0 13px;
}
#populer_words form input[type="radio"] {
  padding: 0;
  margin: 10px 7px 0 0;
  vertical-align: top;
}
#populer_words #category label {
  font-size: 26px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #ff5ebc;
  line-height: 1.3;
  margin: 0;
}
#populer_words #category span {
  font-size: 13px;
  max-height: 70px;
  line-height: 1.4;
  display: block;
  margin: 9px 10px 0 0;
}
#populer_words form input[id="submit"] {
  display: block;
  margin: 0 auto;
}
footer h2 {
  /*width: 1054px;*/
  /* background: url(images/icon_antenna3.png) no-repeat 0 51%; */
  /* font-size: 170%;font-family: vdl-logog, sans-serif; */
  font-family: 'Noto Serif JP', serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 32px;
  color: #E3E3E3;
  margin-bottom: 30px;
  text-align: center !important;
}
#about h3, #single h2 {
  font-size: 120%;
  line-height: 1.3;
  overflow: hidden;
}
#single .rightcolum h2 {
  margin-bottom: 0;
}
#single .box .text h2 {
  margin-bottom: 8px;
}
#about h3#howtochoice {
  clear: both;
  padding-top: 10px;
}
/* 本文 */
#single .bodytext {
  
}
#single .bodytext p {
  margin-bottom: 10px;
}
.rightcolum ul li span {
  color: #969696;
  font-size: 90%;
  display: block;
}
/* ヘッダー */
header {
  background: url(images/2023header.png) no-repeat;
  background-position: 50% top 0;
  background-size: cover;
}
.index h2 {
  position:relative;
  text-align: center;
  font-size: 26px;
  color: #030924;
  margin-bottom: 20px;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  text-shadow: 2px 2px 3px #e3e3e3;
  line-height: 1.6;
}
.index h2::after{
  content: "";
  position:absolute;
  left: 49%;
  bottom: 0;
  width: 26px;
  height: 5px;
  background: linear-gradient(90deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
}
.header_logo_index {
  position: relative;
  margin: 0 auto;
  padding:60px 0 40px 0;
  text-align: center;
  background: url(images/2023header.png)no-repeat;
  background-position: 50% top 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.header_logo_index::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width:100%;
  height: 20px;
  background: linear-gradient(45deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
}
.header_logo {
  position: relative;
  margin: 0 auto;
  /*padding: 76px 0 46px 0;*/
  padding: 20px 0;
  text-align: center;
}
.header_logo a {
  display: block;
}
.header_logo a img {
  width: 1120px
}
.logo1 {
  float: left;
}
img.logo2 {
  float: right;
}
#agecheck {
  margin-top:20px;
  z-index: 10;
  text-align: center;
  background-image: url();
  background-position: center;
}
#agecheck h3 {
  font-size: 130%;
  margin: 10px;
}
#agecheck a, #agecheck a:link {
  font-family: 'Noto Serif JP', serif;
  display: block;
  background: linear-gradient(180deg, #05035E 0%, #01010A 100%);
  color: #ffffff;
  text-decoration: none;
  padding: 20px 60px;
  font-size: 18px;
  line-height: 1;
  margin: 10px auto;
  font-weight:700;
  width: 75%;
  border-radius: 4px;
}
#agecheck a:hover {
  color: #fff;
  background: linear-gradient(180deg, #050553 0%, #1310AA 100%);
  border-radius: 4px;
}
#agecheck a span, #agecheck a:link span {
  font-size: 80%;
  font-weight: normal;
  display: block;
  line-height: 1;
  margin-top: 5px;
}
/* ナビ */
nav .menu {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  font-size: 17px;
}
nav .menu li {
  float: left;
  position: relative;
}
nav .menu li a,
nav .menu li a:visited {
  color: #ffffff;
  padding: 0 15px;
  display: block;
  text-decoration: none;
  text-align: center;
}
nav .menu > li > a,
nav .menu > li > a:visited {
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  line-height: 90px;
  height: 90px;
}
nav .menu li a:active, 
nav .menu li a:hover {
  color: #020824;
}
nav .menu li a span:hover {
  color: #020824;
}
nav .menu ul li.now a:visited, 
nav ul li.now a {
  color: #020824;
  box-shadow: 0px 2px 0px #020824;
}
nav ul li.now a:hover {
  color: #fff;
}
/* サブナビ */
nav .sub-menu {
  width: 100%;
  max-width: 200px;
  font-size: 90%;
  box-shadow: none;
  display: none;
  z-index: 9999;
  position: absolute;
  text-shadow: none;
  background: linear-gradient(180deg, #050362 0%, #030237 46.88%, #000007 100%);
}
nav .sub-menu li {
  float: none;
  box-shadow: none;
}
nav .sub-menu li a {
  display: block;
  text-decoration: none;
  box-shadow: none;
  border:none;
  padding: 14px;
  color: #F90094;
  border-bottom: 1px dotted #e3e3e3;
}
nav .sub-menu li a:visited,
nav .sub-menu li a:hover {
  color:#e3e3e3; 
}

nav .sub-menu li a span {
  color: #F90094;
  font-size: 30%;
  display: block;
  border-bottom: 0px solid #fff;
  position: relative;
  top: 10px;
}
nav .sub-menu li:last-child a:link {
  border-bottom: none;
}
/* ランディング */
.youtube {
  margin-bottom: 10px;
}
.leftcolum, .rightcolum {
  float: left;
}
.leftcolum {
  margin-right: 3%;
  width: 67%;
}
.rightcolum {
  width: 30%;
  margin-top: 0px;
  text-align: left;
}
ul#category li {
  float: left;
  -moz-box-sizing: border-box;
  float: left;
  margin-bottom: 1.2%;
  width: 30%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
}
#populer_words ul#category li {
  float: left;
  -moz-box-sizing: border-box;
  float: left;
  margin-bottom: 1%;
  width: 32.3333%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
}
ul#category li:nth-child(odd) {
  margin-right: 1%;
}
#category_all ul#category li {
  margin-right: 1.3%;
  font-size: 95%;
  border-radius: 4px;
}
#category_all ul#category li:nth-child(4n) {
  margin-right: 0;
}
ul#category li {
  margin-right: 1%;
}
#category_all ul#category li:nth-child(4n) {
  margin-right: 0;
}
#populer_words #category_all ul#category li {
  margin-right: 1.3%;
  font-size: 95%;
}
#populer_words #category_all ul#category li:nth-child(3n) {
  margin-right: 0;
}
#populer_words ul#category li {
  margin-right: 1%;
}
#populer_words ul#category li:nth-child(3n) {
  margin-right: 0;
}

.text_top h2 {
  font-size: 100%;
  font-weight: normal;
  background-color: #050553;
  padding: 5px;
  color: #fff;
  margin-bottom: 0;
  border-radius: 4px;
}
.text_top {
  width: 600px;
  margin-left: 460px;
}
.text_bottom {
  float: left;
  margin-left: 15px;
  width: 798px;
}
.photo_sub img {
  float: left;
  width: 265px;
  height: auto;
}
#top_category li .text h2 {
  margin-top: 0px;
}
ul.category_list li a .text img {
  position: relative;
  top: 26px;
  vertical-align: bottom;
  width: 100%;
}
ul.category_list {
  clear: both;
  margin-top: 10px;
}
ul.category_list:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
ul#top_category li {
  float: left;
  -moz-box-sizing: border-box;
  float: left;
  margin-bottom: 1.5%;
  width: 49.25%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul.category_list li:nth-child(odd) {
  margin-right: 1.5%;
}
#top_category_all ul#top_category li {
  margin-right: 1.5%;
}
#top_category_all ul#top_category li:nth-child(3n) {
  margin-right: 0;
}
ul.category_list li {
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 10px 10px 10px;
  /*height: 170px;*/
  height: auto;
}
ul.category_list li a {
  display: block;
  /* float: left; */
  width: 100%;
  /*padding: 0px;*/
  text-decoration: none;
}
ul.category_list li a.nopadding {
  padding: 0;
}
ul.category_list li a h2, ul.category_list li a h3, ul.category_list li a, ul.category_list li a:link, ul.category_list li a:visited {
  color: #666;
}
.thumbnail img {
  width: 108px;
  height: 108px;
}
ul.category_list li .thumbnail {
  float: left;
}
#about ul.category_list li .text span {
  float: none;
  position: relative;
  top: 4px;
}
ul.category_list li .thumbnail {
  margin-right: 5%;
  width: 40%;
}
ul.category_list li a .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
}
ul.category_list li .text {
  /*width: 240px;*/
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.2;
  text-align: left;
}
.category_list .profile_buttom {
  /*float: right;*/
  /*left: -10px;*/
  position: relative;
  /*top: -36px;*/
  padding: 0;
  margin-top: 5px;
  text-align: left;
}
.category_list .profile_buttom_top {
  float: right;
  left: -12px;
  position: relative;
  top: -58px;
  padding: 0;
}
/* all-nominate */
.nominate_btn {
  width: 95%;
  margin-top: 5px;
  top: 12px;
  left: 0;
  float: left;
}
.nominate_btn a {
  display: block;
  position: relative;
  z-index: 25;
  text-align: center;
  /*background:linear-gradient(180deg, #050362 0%, #030237 46.88%, #000007 100%);*/
  background-color: #ff89d8;
  color: #fff !important;
  font-size: 18px;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.2;
  text-decoration: none;
  margin: 0 0 0 2px;
  padding: 12px 0 10px 9px;
  border-radius: 4px;
  vertical-align:middle;
  font-weight: bold;
} 
.nominate_btn a:hover{
  /*background: linear-gradient(180deg, #050553 0%, #1310AA 100%);*/
  background-color: #fff;
  border: 1px solid #ff89d8;
  color: #ff89d8 !important;
}
/* .nominate_btn a:before {
  display: block;
  content: "";
  position: absolute;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 51%;
  left: 8px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  background-color: #fff;
  text-align: center;
} */
#about .thumbnail {
  float: left;
  padding-right: 10px;
}
#about .thumbnail img {
  display: block;
}
span.caption {
  display: block;
  color: #969696;
  font-size: 90%;
  text-align: center;
  margin-top: 2px;
}
#about ol {
  clear: both;
  margin: 10px 0;
  font-family: "TT0145M.TTF";
  color: #000;
  font-size: 250%;
  line-height: 1;
  /*padding-left: 50px;*/
  list-style-position: inside;
}
#about ol li {
  margin-bottom: 10px;
}
#about ol li h4, #about ol li p, #about ol li span.caption {
  font-family: "メイリオ", Meiryo, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif, "ＭＳ Ｐゴシック", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W5";
}
#about ol li h4 {
  font-size: 50%;
  border-bottom: 1px dotted #969696;
  padding-bottom: 2px;
  margin-bottom: 4px;
}
#about ol li p {
  font-size: 12px;
  line-height: 1.5;
  color: #323232;
}
#about ol li h4 span {
  font-size: 12px;
}
#about ol li h5 {
  font-size: 12px;
  color: #fff;
  background-color: #000;
  text-align: center;
  padding: 10px 0;
}
#about ol li h4 span, #about ol li span.caption {
  font-weight: normal;
  color: #969696;
}
#about ol li span.caption {
  font-size: 11px;
}
#nominatelist a {
  display: block;
  float: left;
}
#nominatelist a img {
  display: block;
  width: 98px;
  height: 98px;
}
#nominatelist {
  margin-bottom: 5px;
}
/* シングルページ */
#single {
  margin-bottom: 10px;
}
#single h1 span {
  font-size: 64%;
  padding-left: 50px;
}
#single img {
  max-width: 100%;
  height: auto;
}
#single .thumbnail, #single .text, #single .ch_pr {
  float: left;
}
#single .textWrap {
  width: 386px;
  float: left;
  margin: 22px 0px;
}
#single .channel {
  margin-top: 20px;
  float: right;
  display: block;
  width: 282px;
  position: relative;
  top: -19px;
  text-align: center;
}
#single .voteBox {
  margin: 30px 0 0 0;
  width: 282px;
  top: 0;
}
#single .voteBox a img {
  transition: all 0.4s cubic-bezier(0.59, 0.15, 0.59, 1.01);
  -webkit-transition: all 0.4s cubic-bezier(0.59, 0.15, 0.59, 1.01);
  -moz-transition: all 0.4s cubic-bezier(0.59, 0.15, 0.59, 1.01);
}
#single .voteBox a img:hover, #single .voteBox a img:focus, #single .voteBox a img:active {
  opacity: 0.4;
}
#single .voteBox img {
  margin: 0 0 8px 0;
  width: 282px !important;
  height: 77px !important;
}
#single .text {
  width: 58%;
  margin-bottom:15px;
}
#single .thumbnail {
  /* width: 366px;
  padding: 10px; */
  width:40%;
  padding: 10px;
  float: left;
}
#single .thumbnail img {
  width: 91px;
  height: auto;
  float: left;
}
#single .thumbnail #modal-open img {
  width: 122px;
  height: auto;
  margin: 25px 0 8px 122px;
}
#single .thumbnail #modal-content img {
  width: 58%;
  height: 58%;
  float: none;
}
#single .thumbnail img.mainImg {
  width: 366px;
}
#single .thumbnail .button a {
  display: block;
  width: 300px;
  height: 67px;
  background: url(images/01single_06.png) no-repeat 0 0;
}
#single .thumbnail .button a:hover {
  background-position: 0 bottom;
}
#single .text table {
  width: 100%;
}
#single .textWrap #stripe-table {
  margin-top: 12px;
  width: 100%;
}
#single .text th, #single .text td {
  text-align: left;
  padding: 6px 4px 5px 4px;
}
#single .text th {
  font-weight: normal;
  color: #969696;
  font-style: italic;
  width: 35%;
  vertical-align: top;
}
#single .text td {
  color: #323232;
}
#single .text tr.even-row {
  background-color: #f8e8ff;
}
#wpvotes {
  margin-bottom: 10px;
}
#wpvotes input:hover {
  opacity: 0.7;
  -moz-opacity: 0.7;
  filter: alpha(opacity=70);
}
#single .leftcolum table {
  border: 3px solid #333;
  width: 100%;
}
#single .leftcolum th, #single .leftcolum td {
  padding: 10px;
  text-align: left;
  border-bottom: 1px dotted #969696;
}
#single .leftcolum th {
  width: 30%;
  border-right: 1px dotted #969696;
  background-color: #f1f1f1;
}
#single .leftcolum td ul {
  padding-left: 20px;
}
#single .leftcolum td li {
  margin: 10px 0;
  list-style-type: disc;
}
/* 固定ページ */
#event li {
  border-bottom: 1px dotted #969696;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#event li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#event li a {
  float: left;
}
#event li span {
  float: right;
}
#archive .text h4 {
  font-size: 120%;
  line-height: 1;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted;
  color: #000;
}
#archive .text p {
  padding: 10px;
  background-color: #faf0e6;
}
#archive .photo_main {
  float: left;
}
#archive ul.list li {
  float: left;
  margin-right: 10px;
  text-align: center;
  margin-bottom: 10px;
  width: 267px;
}
#archive ul.list li img {
  width: 264px;
  height: 340px;
}
.award {
  margin-bottom: 10px;
  padding: 10px;
}
#single .award .photo_main img {
  width: 440px;
  height: auto;
  border-radius: 10px;
}
#archive ul.list li:nth-child(4n) {
  margin-right: 0;
}
#archive ul.list h2, #archive .text h2 {
  font-size: 100%;
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 5px;
  background-color: #050553;
  color: #fff;
  margin-bottom: 5px;
  width: 256px;
  border-radius: 4px;
}
/* #archive ul.list h2::after,
#archive .text h2::after {
  content: "";
  position:absolute;
  left: 0;
  bottom: 0;
  width: 26px;
  height: 5px;
  background: linear-gradient(90deg, #F1C500 2.27%, #F4E493 50%, #F1C500 97.73%);
 } */
#archive ul.list h3 {
  font-size: 120%;font-family: 'Noto Serif JP', serif;
  line-height: 1;
  color: #F90094;
  margin: 3px 0;
}
#archive ul.list span {
  color: #969696;
  font-size: 90%;
  line-height: 1;
  display: block;
}
.text_bottom h2 {
  font-size: 100%;
  font-weight: normal;
  background-color:#F90094;
  padding: 5px;
  color: #fff;
  margin-bottom: 0;
}
#archive .text h3, 
.text_top h3, 
.text_bottom h3 {
  font-size: 170%;
  color: #F90094;
  margin-bottom: 10px;
  font-weight: normal;
  font-family: 'Noto Serif JP', serif;
}
#archive .text h3 span, .text_top h3 span, .text_bottom h3 span {
  font-weight: normal;
  font-size: 70%;
  color: #969696;
}
#archive .archive_20102011 h3 span {
  margin: 0 0 0 15px;
}
/* .text_top h2 {
  font-size: 100%;
  font-weight: normal;letter-spacing: 0.1em;
  font-family: 'Noto Serif JP', serif;
  background-color: #000;
  padding: 5px;
  margin-bottom: 0;
background: rgb(255,102,153);
background: linear-gradient(90deg, rgba(255,102,153,1) 0%, rgba(255,162,197,1) 100%);
  border-radius: 0px;
  border: 0px solid #fff;
  text-shadow: 0px -1px 1px rgba(069, 036, 014, 0.2), 0px 1px 0px rgba(097, 045, 006, 0.1);
  zoom: 1;
  background-image: -moz-linear-gradient(left, #b79771, #f9eacb);
  box-sizing: border-box;
  border-right: 1px solid #ff6699;
  border-left: 1px solid #ffa2c5;
} */
/* .text_top {
  width: 620px;
  float: left;
  margin-left: 15px;
} */
#page h2 {
  margin: 10px 0;
}
#single .ch_pr {
  width: 100%;
  text-align: center;
  margin: 35px 0 0 0;
  padding: 0 0 30px 0;
  clear: both;
}
#single .ch_pr .section_title {
  display: block;
  width: 100%;
  float: none;
  text-align: center;
  margin: 0 0 25px 0;
}
#single .ch_pr .ch_logomark {
  text-align: center;
  float: left;
  width: 21%;
}
#single .ch_pr .ch_news {
  text-align: left;
  float: left;
  width: 47%;
}
#single .ch_pr .ch_news h3 {
  font-size: 13px;
  border-bottom: 1px dotted #666;
}
#single .ch_pr .ch_news .text {
  width: 520px;
  margin: 6px 0px 25px;
  line-height: 1.45;
}
#single .ch_pr .ch_banner {
  text-align: left;
  float: left;
  width: 28%;
  margin: 0 0 0 25px;
}
/* お問い合わせ */
form h3{
  font-family: 'Noto Serif JP', serif;
  font-size: 18px;
  margin-bottom:5px; 
}

form p {
  margin-bottom: 15px;
}
form input {
  font-family: 'Noto Sans JP', sans-serif;
  padding: 10px;
  margin: 0 5px 0 0;
  border-radius: 4px;
  font-size: 16px;
}
form textarea{
  width:;
}
#page form select {
  margin: 0 5px 0 0;
}
#page .announce {
  padding: 15px;
  border: 1px solid #ccc;
  background-color: #fffff0;
  margin: 10px 0px;
  width: 46%;
  float: left;
}
h2#eventtitle, #about h2.eventtitle, #single h2.eventtitle {
  font-size: 200%;
  margin-bottom: 8px;
  border-bottom: none;
  color: #02196b;
}
h2#applytitle {
  font-size: 200%;
  margin-bottom: 8px;
  border-bottom: none;
  color: #ff5096;
  text-align: center;
  background-color: #ffe6e4;
  padding: 15px 10px;
}
h2#eventtitle span, #about h2.eventtitle span, #single h2.eventtitle span {
  font-size: 65%;
  margin-top: 5px;
}
span.notifer {
  color: #ff0000;
  font-weight: bold;
  margin: 3px 0;
  display: block;
}
/* サイドバー */
.rightcolum ul {
  margin-bottom: 10px;
  height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.rightcolum ul li {
  border-bottom: 1px dotted #969696;
  padding: 15px 10px;
}
.rightcolum ul a.more {
  padding: 10px;
  display: block;
  text-align: right;
}
.banner {
  margin-top: 10px;
  margin-bottom: 10px;
}
.banner a img {
  display: block;
}
.banner a:last-child {
  margin-bottom: 0;
}
.sponsor {
  padding-top: 10px;
  clear: both;
}
#about .sponsor p {
  margin-bottom: 0;
}
/* フッター */
footer {
  background: url(images/2023footer.png);
  background-position: top center;
  zoom: 1;
  color: #E3E3E3;
  margin-top: 30px;
}
footer .wrap{
  padding:40px 0;
}
footer ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 800px;
  margin:0 auto;
}

footer li {
  display: flex;
  margin-bottom:10px;
}
footer li img {
  width: 140px;
  height: 100%;
}
footer span {
  width: 100%;
  background-color: #F90094;
  text-align: center;
  padding: 20px 0;
  margin: 0;
  display: block;
}
.ie8 .thumbnail {
  max-width: 90% !important;
}
#award_ceremony h2 {
  background: transparent;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 4px;
}
#award_ceremony img {
  display: block;
}
#award_ceremony .prize_winner {
  background-color: #fff;
}
#award_ceremony .prize_winner img.main {
  width: 350px;
}
#award_ceremony .prize_winner img.main, #award_ceremony .prize_winner .comment {
  float: left;
}
#award_ceremony .prize_winner .comment {
  width: 530px;
  padding: 15px 20px;
}
#award_ceremony .prize_winner .comment h3 {
  font-size: 170%;
  line-height: 1;
  color: #9900cc;
  border-bottom: 3px solid #9900cc;
  padding-bottom: 2px;
  margin-bottom: 6px;
}
#award_ceremony .prize_winner .comment h4 {
  font-size: 130%;
  line-height: 1;
  padding-bottom: 2px;
  margin-bottom: 6px;
  border-bottom: 1px dotted;
  margin-top: 15px;
}
#award_ceremony .prize_winner .comment p {
  font-size: 120%;
  line-height: 1.7;
}
#award_ceremony ul.thumb_event li {
  float: left;
}
#award_ceremony .prize_winner .button {
  margin-top: 15px;
}
#award_ceremony .prize_winner .button span {
  background-color: #ff5096;
  color: #fff;
  padding: 6px 6px 4px 10px;
  font-weight: bold;
  font-size: 120%;
  line-height: 1;
  display: inline-block;
  position: relative;
}
#award_ceremony .prize_winner .button span:after {
  left: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #ff5096;
  border-width: 12px;
  top: 50%;
  margin-top: -12px;
}
#award_ceremony .prize_winner .button span, #award_ceremony .prize_winner .button h5 {
  float: left;
}
#award_ceremony .prize_winner .button h5 {
  margin-left: 15px;
  font-size: 130%;
  color: #ff5096;
  line-height: 1.3;
  float: left;
  width: 400px;
  margin-bottom: 10px;
}
#award_ceremony .prize_winner .button a {
  text-decoration: none;
  display: inline-block;
}
.inset {
  margin-top: 5px;
  /*-webkit-box-shadow: 0 1px 3px #666 inset;
    -moz-box-shadow: 0 1px 3px #666 inset;
    box-shadow: 0 1px 3px #666 inset;
    padding: 6px 6px 8px 6px;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
  float: right;
}
.inset a.conduct {
  color: #fff;
  text-shadow: 0px -1px 0px #c80032;
  padding: 13px 25px 12px 25px;
  font-size: 130%;
  line-height: 1;
  font-weight: bold;
  background: -webkit-linear-gradient(#ff5a8c, #ff4678);
  background: linear-gradient(#ff5a8c, #ff4678);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff5a8c), to(#ff0046));
  /* chrome */
  background: -moz-linear-gradient(top, #ff5a8c, #ff0046);
  /* firefox */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#ff5a8c, endcolorstr=#ff0046);
  /* IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ff5a8c, endcolorstr=#ff0046)";
  zoom: 1;
  /* IE9,IE8 */
  border-radius: 3px;
  box-shadow: 0px 3px 0px #c80032;
  -webkit-transition: 0s ease-in-out;
  transition: 0s ease-in-out;
}
.inset a.conduct:hover {
  text-shadow: 0px 0px 1px #ffec00;
}
.inset a.conduct:active {
  background: -webkit-linear-gradient(#c8476e, #c80037);
  background: linear-gradient(#c8476e, #c80037);
  background: -webkit-gradient(linear, left top, left bottom, from(#c8476e), to(#c80037));
  /* chrome */
  background: -moz-linear-gradient(top, #c8476e, #c80037);
  /* firefox */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startcolorstr=#c8476e, endcolorstr=#c80037);
  /* IE7 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#c8476e, endcolorstr=#c80037)";
  zoom: 1;
  /* IE9,IE8 */
  box-shadow: 0 0 0 #9d0027;
  /*padding: 15px 25px 14px 25px;*/
  margin-bottom: -2px;
  margin-top: 3px;
}
#top_gallery {}
#top_gallery_back {
  float: left;
  height: 440px;
  margin: -30px 0 0;
  -khtml-opacity: 0.3;
  position: absolute;
  width: 100%;
  background: linear-gradient(180deg, #03023A 0%, #01010A 100%);
  /* background-image: url(images/2022slide.jpg); */
  /* background-position: center;
  background-repeat: repeat; */
  /* box-shadow:0px 5px 10px 0px rgba(152,0,61,0.3);
  -moz-box-shadow:0px 5px 10px 0px rgba(152,0,61,0.3);
  -webkit-box-shadow:0px 5px 10px 0px rgba(152,0,61,0.3); */
}
.mt50 {
  margin-top: 50px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.fs85 {
  font-size: 85%;
}
.fs130 {
  font-size: 130%;
}
.fs160 {
  font-size: 160%;
}
.join_event {
  padding: 10px;
  margin: 15px 0 10px;
  padding: 20px;
  text-align: center;
  display: block;
  background: #000;
  color: #ff99cc;
}
.left h3 {
  margin-bottom: 15px;
}
.event_info ul, .event_info ul li {
  display: block;
}
.event_info ul li.left {
  width: 550px;
  margin-right: 20px;
  float: left;
}
.event_info ul li.right {
  float: right;
}
.event_info ul li p {
  margin-bottom: 8px;
}
.event_info ul li h3 {
  border-bottom: 2px solid #333;
  border-width: 0 0 2px 0;
  font-size: 180%;
}
.event_info ul li h4 {
  background: #000;
  color: #fff;
  padding: 3px 5px;
  margin-top: 20px;
}
.archive_list_link {
  width: 100%;
  margin-bottom: 20px;
}
.archive_list_link li {
  display: block;
}
.archive_list_link li a {
  font-family: 'Noto Serif JP', serif;
  font-weight:700 ;
  display: block;
  padding: 8px;
  width: 23%;
  margin: 0 3px 3px 0;
  float: left;
  background:linear-gradient(180deg, #050362 0%, #030237 46.88%, #000007 100%);
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
}
.archive_list_link li a:hover {
  background: linear-gradient(180deg, #050553 0%, #1310AA 100%);
}
#owabi {
  float: left;
  width: 100%;
  margin: 20px 0px;
  border: 1px solid #db0000;
}
#owabi h5 {
  background-color: #db0000;
  padding: 10px 0px;
  font-size: 1.5em;
  color: #fff;
  text-align: center;
}
#about #owabi p {
  font-size: 1.2em;
  text-align: left;
}
#owabi h4 {
  font-size: 1.7em;
  font-weight: bold;
  color: #db0000;
}
.owabi_text {
  padding: 15px;
}
#owabi strong {
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1.2em;
}
#owabi span {
  margin-bottom: 10px;
}
ol#event_info_counter {
  counter-reset: number;
  /* 名前を付けたカウンターをリセット */
  list-style: none;
  /* olが数字を付けることをキャンセル */
  margin: 0;
  padding: 0;
}
ol#event_info_counter li {
  /* リスト部分は好きに装飾！ */
  font-size: 160%;
  border-bottom: 1px dotted;
  margin-bottom: 5px;
}
ol#event_info_counter li:before {
  /* カウンター（数字になる部分） */
  counter-increment: number;
  /* 任意の名前を付けて！ */
  content: counter(number) ".";
  /* 名前を付けたカウンターを呼び出し */
  /* 色を変えたり、背景画像を敷いたり！自由自在！ */
  height: 1.3em;
  width: 1.3em;
  display: inline-block;
  line-height: 1.3;
  text-align: center;
  color: #000;
  font-size: 1em;
  margin-right: 5px;
}
/* 2016年 追加 */
.curtain {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1142px; /* Widthサイズpx/2 */
  max-width: 2274px;
  height: 995px;
  z-index: 99999;
  pointer-events: none;
  overflow-x: hidden;
}
.click-shield a {
  cursor: default;
}
.one_report {
  margin: 15px 0 35px 0;
}
/* popular-award effects */
.quickFlip {
  position: relative;
}
.quickFlip .quickFlipPanel {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #fdf0e6);
  background: linear-gradient(to bottom, #fff, #fdf0e6);
  border: 1px solid #ffdede;
  height: 170px;
  width: 100%;
}
.flipColLeft, .flipColRight {
  position: absolute;
  top: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #fdf0e6);
  background: linear-gradient(to bottom, #fff, #fdf0e6);
  border: 1px solid #ffdede;
  height: 170px;
}
.flipColRight .quickFlipPanel {
  right: 0;
  left: auto;
  background: #fff;
  background: -webkit-linear-gradient(top, #fff, #fdf0e6);
  background: linear-gradient(to bottom, #fff, #fdf0e6);
  border: 1px solid #ffdede;
  height: 170px;
}
#populer_words_effect h2 {
  font-size: 18px;
  color: #fff;
  background: #b19966;
  background: -webkit-gradient(linear, left top, right top, from(rgba(183, 151, 113, 1)), to(rgba(249, 234, 203, 1)));
  /* Safari,Google Chrome */
  background: -webkit-linear-gradient(left, #b79771, #f9eacb);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#b79771', EndColorStr='#f9eacb');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b79771, endcolorstr=#f9eacb)";
  /* IE6-9 */
  border: 0 solid #fff;
  text-shadow: 0 -1px 1px rgba(069, 036, 014, 0.2), 0px 1px 0px rgba(097, 045, 006, 0.1);
  zoom: 1;
  padding: 13px 0 13px 12px;
  margin-bottom: 15px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  margin-top: 45px;
  box-sizing: border-box;
  border-right: 1px solid #dac7a3;
  border-left: 1px solid #cca071;
  font-weight: normal;
}
#populer_words_effect #category h2, #populer_words_effect #category h3 {
  font-size: 110%;
  margin: 0 15px;
  padding: 0;
  border-bottom: 1px dotted #000;
  max-height: 80px;
  overflow: hidden;
  line-height: 1.2;
}
#populer_words_effect .read {
  font-size: 14px;
  line-height: 1.45;
  margin: 3px 0 14px 3px;
}
#populer_words_effect ul.category_list li {
  background: #fff;
  border: 0;
  height: 170px;
}
#populer_words_effect ul.category_list li .text {
  width: 348px;
  box-sizing: border-box;
  line-height: 1.4;
  padding: 11px 0 0 13px;
}
#populer_words_effect form input[type="radio"] {
  padding: 0;
  margin: 10px 7px 0 0;
  vertical-align: top;
}
#populer_words_effect #category label {
  font-size: 32px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  color: #ff5ebc;
  line-height: 4.5;
  margin: 0;
  text-align: center;
  display: block;
  width: 328px;
  height: 134px;
}
#populer_words_effect #category p.click {
  font-size: 12px;
  color: #828282;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
}
#populer_words_effect #category span {
  font-size: 14px;
  height: 160px;
  line-height: 1.4;
  display: block;
  margin: 9px 10px 0 0;
}
#populer_words_effect form input[id="submit"] {
  display: block;
  margin: 0 auto;
}
#populer_words_effect ul#category li {
  float: left;
  -moz-box-sizing: border-box;
  float: left;
  margin-bottom: 1%;
  width: 32.3333%;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0;
}
#populer_words_effect #category_all ul#category li {
  margin-right: 1.3%;
  font-size: 95%;
  border-radius: 4px;
}
#populer_words_effect #category_all ul#category li:nth-child(3n) {
  margin-right: 0;
}
#populer_words_effect ul#category li {
  margin-right: 1%;
  margin-top: 1%;
}
#populer_words_effect ul#category li:nth-child(3n) {
  margin-right: 0;
}
/* PC-switcher */
.pc-switcher {
  clear: both;
  text-align: center;
  margin: 1.4em auto;
}
.pc-switcher a, .pc-switcher span {
  padding: 0.4em 8%;
  text-align: center;
  border-left: none;
  color: #fff !important;
  font-weight: bold;
  text-decoration: none;
}
.pc-switcher a {
background: rgb(255,102,153);
background: linear-gradient(0deg, rgba(255,102,153,1) 0%, rgba(255,162,197,1) 100%);
}
.pc-switcher span.active {
  background-color: #ffadcd;
}
.pc-switcher a:first-child, .pc-switcher span:first-child {
  -webkit-border-radius: 2.4em 0 0 2.4em;
  -moz-border-radius: 2.4em 0 0 2.4em;
  border-radius: 2.4em 0 0 2.4em;
}
.pc-switcher a:last-child, .pc-switcher span:last-child {
  -webkit-border-radius: 0 2.4em 2.4em 0;
  -moz-border-radius: 0 2.4em 2.4em 0;
  border-radius: 0 2.4em 2.4em 0;
}
.put_btn a {
  display: block;
  padding: 8px;
  margin: 10px auto 25px;
  max-width: 320px;
  height: 34px;
  border: 1px solid #ff6c2e;
  background: #ff6c2e;
  color: #fff;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 5px;
}
.put_btn_not p {
  display: block;
  padding: 8px;
  margin: 10px auto 25px;
  max-width: 320px;
  height: 34px;
  border: 1px solid #bbbbbb;
  background: #bbbbbb;
  color: #fff;
  line-height: 34px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  border-radius: 5px;
}
.kanran_yokoku p {
  background-color: #f3506f;
  text-align: center;
  color: #fff;
  padding: 20px;
  font-size: 1.5em;
  margin: 0 0 10px 0;
  font-weight: bold;
}
/* 投票時の注意事項　vote_notice */
.vote_notice h2 {
  font-size: 16px;
  margin: 10px 0 30px;
}
.vote_notice h3 {
  font-size: 15px;
  margin: 40px 0 0 0;
}
.vote_notice p {
  margin: 0 0 22px 0;
}
.vote_notice p.caution {
  margin: 0;
  font-weight: bold;
  color: #e94244;
  font-size: 13px;
}
.vote_notice ul {
  margin: 0 0 22px 0;
}
.vote_notice ul li {
  margin-left: 1em;
  text-indent: -1em;
}
/* ノミネート-色紙 modal */
#modal-content {
  width: 50%;
  margin: 0;
  padding: 10px 20px;
  border: 1px solid #000;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 2;
  text-align: center;
}
#modal-overlay {
  z-index: 1;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}
.button-link {
  color: #00f;
  text-decoration: underline;
}
.button-link:hover {
  cursor: pointer;
  color: #f00;
}
#modal-open {
  display: block;
  width: 366px;
  clear: both;
}
/* カウントダウン -- テスト */
.exampleContainer {
  position: relative;
  display: inline-block;
  background-color: black;
  border-radius: 5px;
}
.exampleContainer div {
  padding: 0;
  height: 120px;
  width: 173px;
  display: inline-block;
}
.exampleContainer div div {
  width: 32% !important;
}
.exampleContainer div div circle, .exampleContainer div div:nth-child(3) svg {
  display: none;
  width: 0;
}
.boxcount .count_rimit {
  position: relative;
  color: #fff;
  font-size: 24px;
}
.boxcount .days:after {
  content: "日";
  position: relative;
  top: -21px;
  right: 0;
  font-size: 24px;
  color: #fff;
}
.boxcount .hour:after {
  content: "時間";
  position: relative;
  top: -21px;
  right: 0;
  font-size: 24px;
  color: #fff;
}
.boxcount .minute:after {
  content: "分";
  position: relative;
  top: -21px;
  right: 0;
  font-size: 24px;
  color: #fff;
}
.boxcount .seconds:after {
  content: "秒";
  position: absolute;
  bottom: 15px;
  right: 32px;
  font-size: 24px;
  color: #fff;
}
/* ログイン機能 -2020- */
#login-msg {
  margin-left: 10px;
  color: red;
}
.login-button {
  position: absolute;
  bottom: 2px;
  right: 0px;
  text-align: center;
  padding-top: 10px;
  color: #fff;
  background-color: #e16696;
  cursor: pointer;
}
.login-button:link, .login-button:visited {
  color: #fff;
  text-decoration: none;
}
.login-button:hover {
  color: #e16696;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: pointer;
}
.header_logo .login-button {
  width: 170px;
  height: 30px;
  top:0px;
}
.remodal {
  margin: 3em auto;
  padding: 0 1em;
  background: #fafafa;
}
.remodal form {
  padding: 0 1.5em;
}
.remodal .form-item {
  width: 100%;
  margin-bottom: 0.75em;
}
.remodal .form-item input {
  width: 100%;
  height: 50px;
  background: #fafafa;
  border: none;
  border-bottom: 2px solid #e9e9e9;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  transition: border-color 0.3s;
}
.remodal .form-item input:focus {
  border-bottom: 2px solid #c0c0c0;
  outline: none;
}
.remodal .form-button {
  width: 100%;
  margin: 2em 0 0;
}
.remodal .form-button .form-login-button,
.remodal .form-button a.form-login-button{
  display: block;
  width: 100%;
  height: 50px;
  background: #f16272;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 1.2em;
  letter-spacing: 0.05em;
  text-align: center;
  text-transform: uppercase;
  transition: background 0.3s ease-in-out;
}
.remodal .form-button a.form-login-button {
  display: table;
}
.remodal .form-button .form-login-button:hover {
  background: #ee3e52;
}
.remodal .form-header {
  padding: 1em 0;
  font-size: 1em;
  text-align: center;
  width: 100%;
}
.remodal .form-header span {
  margin: 0 20%;
  cursor: pointer;
}
.remodal .form-header .tab-login, .remodal .form-header .tab-register {
  float: left;
  width: 50%;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.remodal .form-header .tab-login.active, .remodal .form-header .tab-register.active {
  border-bottom: 2px solid #273b64;
}
.remodal .login-form a, .remodal .register-form a {
  text-decoration: none;
}
.remodal .login-link {
  margin: 1.5em;
  padding: 1em 0;
  color: #fff;
  cursor: pointer;
}
.remodal .login-link.twitter-link {
  background: #1da1f3;
}
.remodal .login-link.twitter-link:hover {
  background: #0a76ba;
}
.remodal .login-link.facebook-link {
  background: #3c5b9b;
}
.remodal .login-link.facebook-link:hover {
  background: #273b64;
}
.remodal .login-link.logout-link {
  background: #f16272;
}
.remodal .login-link.logout-link:hover {
  background: #ee3e52;
}
.remodal .form-footer {
  padding: 2em 0;
  font-size: 1em;
  text-align: center;
}
.remodal .form-footer a {
  color: #8c8c8c;
  text-decoration: none;
  transition: border-color 0.3s;
}
.remodal .form-footer a:hover {
  border-bottom: 1px dotted #8c8c8c;
}

.form-item input {
  width: 70%;
  height: 50px;
  background: #fafafa;
  border: none;
  border-bottom: 2px solid #e9e9e9;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  transition: border-color 0.3s;
}
.form-item input:focus {
  border-bottom: 2px solid #c0c0c0;
  outline: none;
}

.form-table input {
  margin: 5px;
}
.form-table-submit {
  text-align: right;
  padding-right: 5px;
}
/*p.normal {
    font-size: 1.2em;
}*/
/* 投票機能、キャンペーン機能 -2020- */
.page-description p, .page-form form {
  margin: 10px 10px 20px 10px;
}
.vote-link, .campaign-link {
  display: block;
  margin: 1.5em;
  padding: 1em 0;
  background: #e16696;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.vote-link:link, .vote-link:visited, .campaign-link:link, .campaign-link:visited {
  color: #fff;
  text-decoration: none;
}
.vote-link:hover, .campaign-link:hover {
  background: #fff;
  color: #e16696;
  border: 1px solid #ddd;
}
.page-description .campaign-link {
  width: 200px;
}
.announce .campaign-link {
  width: 300px;
  margin: 0 auto;
  margin-bottom: 20px;
}
#campaign-msg {
  margin-top: 10px;
  margin-left: 10px;
  color: red;
}
a.btn {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  display: inline-block;
  padding: 20px 60px;
  text-decoration: none;
  background:  linear-gradient(180deg, #05035E 0%, #01010A 100%);
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
a.btn:hover {
  /*ボタンを押したとき*/
  background: #fff;
  color: linear-gradient(180deg, #050553 0%, #1310AA 100%);
}
input[type="submit"] {
  font-family: 'Noto Serif JP', serif;
  font-weight: 700;
  background: linear-gradient(180deg, #05035E 0%, #01010A 100%);
  border-radius: 4px;
  padding: 20px 60px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
}
input[type="submit"]:hover {
  color: linear-gradient(180deg, #050553 0%, #1310AA 100%);
}
a.square_btn {
  text-decoration: none !important;
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff6699; /*ボタン色*/
  color: #fff !important;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
a.square_btn:active {
  /*ボタンを押したとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px); /*下に動く*/
  border-bottom: none; /*線を消す*/
}
a.square_btn:hover {
  background: #1e90ff; /*ボタン色*/
  color: #fff !important;
}
h2.tokuten {
  position: relative;
  padding: 0.6em;
  background: #ff6699;
  color: #fff;
  border-bottom: none !important;
}
h3.chance {
  margin-top: 20px;
  margin-bottom: 10px;
  color: deeppink;
  border-bottom: dashed 2px deeppink;
  font-size: 18px;
}
div.chance_area {
  padding: 10px;
  background-color: #fffafa;
  border: 3px solid deeppink;
  border-radius: 10px;
}

.register-page h3 {
  margin-bottom: 20px;
  text-align: center;
  border: 1px solid #ddd;
  padding:10px;
}
.register-page .area {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 20px;
}

.register-page .area.arrow {
  border: 0px;
  padding: 0px;
  margin-bottom: 20px;
  text-align: center;
}

.register-page .box .columns {
  padding:  10px;
  display: flex;
  align-items:stretch;
  flex-direction:row;
  justify-content: space-around;
}
.register-page .box .columns .column {
  padding: 20px;
}
.attention-area {
  display: inline-block;
  padding: 10px;
  border: 1px solid red;
  background-color: #e16696;
  color: #fff;
}

.youtube {
  position: relative;
}

.youtube p {
  position: absolute;
  top: 0;/*画像の左上に配置*/
  left: 0;
  margin: 0; /*余計な隙間を除く*/
  width: 100px;
  background: #fff;/*背景色*/
  font-size: 15px;
  line-height: 1;/*行高は1に*/
  padding: 5px 10px;/*文字周りの余白*/
}
.youtube a img:hover {
  opacity: 1;
}
/*.youtube img.youtube-thumbnail {*/
/*  width: 100%;*/
/*}*/
