/*-----------------------------------------------------------------------------------*/
/* COMMON PARTS
/*-----------------------------------------------------------------------------------*/
select,input[type="text"] {
  height:30px;
  color: black;
}

input[type="text"],textarea,select {
  width:80%;
}
textarea {
  height: 6em;
}


.pager li > a,
.pager li > span {
  border: 1px solid #FF5F84;
}

.pager li > span {
  background-color: #FF5F84;
  color: #fff;
}


#header_logo {
	height: 100%;
}

.ex_menu_icon {
	height:30px;
	/* width:50px; */
	display: block;
    margin: auto;
    margin-bottom: 10px;
}

.service-heading img {
  height: 100px;
	margin-bottom: 30px;
}

#twitter-warpper {
	border : solid 10px #00ACEE;
	margin: 15px;
}

.list-ex-base li {
	border-bottom: solid 1px #707070;
	margin-bottom: 40px;
}



.list-ex-base .list-date {
	font-weight : 800;
	font-size: 1.1em;
	color: #FF5F84;
	line-height: 1.0;
}

.list-ex-base .list-text {
	font-weight : 500;
	font-size: 1.2em;
	color: #707070;
}

.list-ex-base .list-text:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Pe-icon-7-stroke';
    font-style: normal;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0 10px 0 0;
    content: "\e684";
    float: right;
}

.btn_pink {
    background: #fff;
    color: #FF5F84;
    /* padding: 10px 62px; */
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #FF5F84;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_pink:hover, a.btn_pink:focus, a.btn_pink:active, a.btn_pink.active {
    color: #FF5F84;
}

.btn_pink_big {
    background: #fff;
    color: #FF5F84;
    padding: 20px 82px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #FF5F84;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_pink_big:hover, a.btn_pink_big:focus, a.btn_pink_big:active, a.btn_pink_big.active {
    color: #FF5F84;
}


.btn_pink_mini {
    background: #fff;
    color: #FF5F84;
    /* padding: 10px 62px; */
    padding: 0px 10px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #FF5F84;
    font-weight: 800;
    font-size: 1.2em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_pink_mini:hover, a.btn_pink_mini:focus, a.btn_pink_mini:active, a.btn_pink_mini.active {
    color: #FF5F84;
}

.btn_white {
    background: #FF5F84;
    color: #fff;
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #fff;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

.btn_white_no_margin {
    background: #FF5F84;
    color: #fff;
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #fff;
    font-weight: 800;
    font-size: 1.5em;
    display: inline-block;
}

a.btn_white:hover, a.btn_white:focus, a.btn_white:active, a.btn_white.active, a.btn_white_no_margin.active {
    color: #fff;
}


.btn_white_big {
    background: #FF5F84;
    color: #fff;
    padding: 20px 82px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #fff;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_white_big:hover, a.btn_white_big:focus, a.btn_white_big:active, a.btn_white_big.active {
    color: #fff;
}

.btn_gray {
    background: #fff;
    color: #7d7d7d;
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #7d7d7d;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_gray:hover, a.btn_gray:focus, a.btn_gray:active, a.btn_gray.active {
    color: #7d7d7d;
}

.btn_orange {
    background: #fff;
    color: #f08e21;
    /* padding: 10px 62px; */
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #f08e21;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_orange:hover, a.btn_orange:focus, a.btn_orange:active, a.btn_orange.active {
    color: #f08e21;
}

.btn_blue {
    background: #fff;
    color: #2196f0;
    /* padding: 10px 62px; */
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #2196f0;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_blue:hover, a.btn_blue:focus, a.btn_blue:active, a.btn_blue.active {
    color: #2196f0;
}

.btn_blue_mini {
    background: #fff;
    color: #2196f0;
    /* padding: 10px 62px; */
    padding: 0px 10px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #2196f0;
    font-weight: 800;
    font-size: 1.2em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_blue_mini:hover, a.btn_blue_mini:focus, a.btn_blue_mini:active, a.btn_blue_mini.active {
    color: #2196f0;
}


.btn_green {
    background: #fff;
    color: #5fb796;
    /* padding: 10px 62px; */
    padding: 0px 30px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #5fb796;
    font-weight: 800;
    font-size: 1.5em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_green:hover, a.btn_green:focus, a.btn_green:active, a.btn_green.active {
    color: #5fb796;
}

.btn_green_mini {
    background: #fff;
    color: #5fb796;
    /* padding: 10px 62px; */
    padding: 0px 10px;
    text-decoration: none;
    border-radius: 50px;
    border: solid 3px #5fb796;
    font-weight: 800;
    font-size: 1.2em;
    margin-bottom: 30px;
    display: inline-block;
}

a.btn_green_mini:hover, a.btn_green_mini:focus, a.btn_green_mini:active, a.btn_green_mini.active {
    color: #5fb796;
}


.bt_border {
	border-bottom: solid 3px #bdbdbd;
	padding-bottom: 30px;
}

.bt_border_nano {
  border-bottom: solid 1px #bdbdbd;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.w100p {
  width:100%;
}

.pc_w50p_smp_w100p {
  width:50%;
}

.ex_base_text {
  font-size : 1.15em;
  color: #FF5F84;
  font-weight: 600;
}

.ex_mb {
  margin-bottom: 50px;
}
.ex_mb2 {
  margin-bottom: 50px;
}

.ex_mb20 {
  margin-bottom: 20px;
}

.ex_mr_10 {
  margin-right: 10px;
}


.ex_mt {
  margin-top: 20px;
}

.ex_image_bg_white {
  background-color: #fff;
    padding: 0;
}

/*-----------------------------------------------------------------------------------*/
/* TOP PARTS
/*-----------------------------------------------------------------------------------*/

.about-heading {
	font-size: 24px;
	margin: 0 0 15px 0;
	text-transform: none;
	text-align: center;
}

.about-heading img {
  height: 100px;
	margin-bottom: 30px;
}


section#voting {
	background-image: url(../images/bg/bg_pink.png);
	background-repeat: repeat;
}

.voting-item img {
	border : solid 3px #fff; 
}

.voting-item p {
	text-align: center;
}

.voting_date {
	color: #fff;
	font-size: 1.8em;
	font-weight: 800;
	border-bottom: dotted #fff 6px ;
	margin: 0 15%;
	margin-bottom: 20px;
}

.voting_text {
	color: #fff;
	font-size: 2.0em;
	font-weight: 800;
}

.sponsor-heading {
	font-size: 24px;
	margin: 0 0 15px 0;
	text-transform: none;
	text-align: center;
}

.sponsor-heading img {
    height: 100px;
	margin-bottom: 30px;
}

 .footer_icon {
 	height:40px;
 }

 footer a {
 	color: #fff;
 	text-decoration: underline;
 	font-size:1.0em;
 }

.age_check {
  
  display: flex;
  justify-content: center;
  align-items: center;

  flex-wrap: wrap;
  text-align: center;

  height:100%;
}

.age_check_title {
  color: #FF5F84;
  margin-top: 20px;
  font-weight: 800;
  font-size: 1.5em;
}

.age_check_text {
  color: #FF5F84;
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/* LOWER PAGE PARTS
/*-----------------------------------------------------------------------------------*/


article  {
  color: #7d7d7d;
}

article .news_title {
  font-weight: 800;
  font-size: 2.0em;
  border-bottom : solid 1px #7d7d7d;
  padding-bottom: 10px;
  color: #FF5F84;
}

article .news_date {
  padding-left: 5px;
  line-height: 1.75em;
  font-size: 1.1em;
}

article .news_date:before {
  content: '';
  background-image: url(../images/icon/icon_clock.png);
  display: inline-block;
  height: 15px;
  width: 25px;
  background-size: 15px;
  background-repeat: no-repeat;
    margin-bottom: -2px;
}

article .news_detail {
  margin-top: 50px;
  margin-bottom: 70px;
  font-size: 1.2em;
}

.about_title {
  font-size: 2em;
  font-weight: 800;
  text-align: center;
  color: #FF5F84;
  margin-bottom: 50px;
}


.about_color_text {
  font-size: 1.2em;
  color: #FF5F84;
  font-weight: 600;
}

.about_text {
  font-size: 1.2em;
}

.about_text_2 {
  font-size: 0.9em;
}

.about_etc_title {
  color: #FF5F84;
  padding-left: 10px;
  border-left : solid 1px #FF5F84;
  font-weight: 800;
}

.about_etc_title_large {
  color: #FF5F84;
  padding-left: 10px;
  border-left : solid 3px #FF5F84;
  font-weight: 800;
  font-size: 25px;
}

.about_etc_text {
  color: #7d7d7d;
  padding-left: 10px;
  border-left : solid 1px #7d7d7d;
}

.about_etc_text_large {
  color: #7d7d7d;
  padding-left: 10px;
  font-size:  15px;
}


.radius {
  border-radius: 20px;
  border: solid 1px #7d7d7d;
  padding: 20px;
}

.radius_title {
  border-bottom: solid 1px #7d7d7d;
  padding-bottom: 10px;
  font-size: 1.5em;
}

.radius_serch_box {
  border-radius: 20px;
  border: solid 1px #FF5F84;
  padding: 20px;
  padding-top: 5px;
  background-color: #FF5F84;
  color: #fff;
  height:450px;
  margin-bottom:20px;
}

.radius_serch_box2 {
  border-radius: 20px;
  border: solid 1px #FF5F84;
  padding: 20px;
  padding-bottom: 15px;
  /* padding-top: 5px; */
  background-color: #FF5F84;
  color: #fff;
  font-size: 1.5em;
}

.radius_serch_box .search_title {
  padding-left: 5px;
  line-height: 1.75em;
  /* font-size: 1.2em; */
  text-align: center;
  border-bottom: dotted 3px #fff;
  height: 275px;
}

.radius_serch_box .search_title:before {
  content: '';
  background-image: url(../images/icon/icon_search.png);
  display: inline-block;
    height: 35px;
    width: 36px;
  background-size: 30px;
  background-repeat: no-repeat;
  margin-bottom: -2px;
  margin-top: 10px;
}

.radius_serch_box .search_title p {
  font-size: 1.2em ;
  
    margin-bottom: 0px;
    margin-top: 10px;
    text-align: left;
    padding-left: 35px;
}

.radius_serch_box .search_select {
  width: 80%;
}

.radius_serch_box .search_select option {
  color: #000;
}


.radius_serch_box .search_text {
  width: 80%;
}

.radius_result_box {
  border-radius: 10px;
  border: solid 1px #7d7d7d;
  padding: 20px;
  padding-top: 5px;
  background-color: #fff;
  color: #7d7d7d;
  margin-right: 0px;
  margin-bottom: 20px;
  text-align: center;
  height: 450px;
}

.result_image_box{
  min-height: 220px;
}

.result_image {
  max-height: 200px;
  max-width: 80%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.result_title {
  text-align: left;
  color: #FF5F84 ;
  font-weight: 800;
  border-bottom: solid 2px #ccc;
  height: 55px;
}

.result_brand {
  text-align: left;
  color: #7d7d7d ;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.result_rank {
  border-radius: 20px;
  border: solid 1px #FF5F84;
  padding: 2px;
  background-color: #FF5F84;
  color: #fff;
  margin: 0px 30% ;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
}


.result_title_detail {
  text-align: left;
  /* border: solid 1px #7d7d7d; */
  color: #FF5F84 ;
  font-weight: 600;
  border-bottom: solid 2px #ccc;
  font-size: 1.8em;
}

.result_info_detail {
  text-align: left;
  color: #4c4343 ;
  margin-bottom: 0px;
}

.result_info_detail span {
  display: inline-block;
  width:15%;
}

.radius_text_detail {

  border-radius: 10px;
  border: solid 1px #4c4343;
  padding: 30px;
  padding-top: 20px;
  background-color: #fff;
  color: #4c4343;
  margin-right: 0px;
  margin-bottom: 20px;
  text-align: left;
  
}


.ranking_sub_title {
  border-bottom: solid 2px #7d7d7d; 
  padding-bottom: 10px;
  margin-bottom: 30px;
  font-weight: 800;
  font-size: 2em;
}

.history_year_title {
  border-bottom: solid 2px #FF5F84; 
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.5em; 
  color: #FF5F84; 
}


.sub_history_year_title {
  padding-bottom: 5px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-weight: 600;
  font-size: 1.2em; 
  color: #333; 
}

.select_monthly_change {
    margin: 0px 10%;
    margin-top: 50px;
    width: 50%;
}



/*-----------------------------------------------------------------------------------*/
/* LOADER PARTS
/*-----------------------------------------------------------------------------------*/

.loader,
.loader:before,
.loader:after {
  background: #FF5F84;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #FF5F84;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}


/*-----------------------------------------------------------------------------------*/
/* TAB PARTS
/*-----------------------------------------------------------------------------------*/

.tab-switch_on:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FF5F84;
    border-width: 14px;
    margin-left: -14px;
}
.tab-switch_on {
    background: #FF5F84;
    position: relative;
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: 5px;
}


.tab-switch_off {
    background: #ccc;
    position: relative;
    color: #7d7d7d;
    font-weight: 600;
    text-align: center;
    padding: 5px;
}

.tab-switch_off a , .tab-switch_off a:link ,.tab-switch_off a:visited{
  color: #7d7d7d;
}



/*-----------------------------------------------------------------------------------*/
/* PC FIX
/*-----------------------------------------------------------------------------------*/


@media (min-width: 992px) { 
  .pc_br {
    display:block;
  }

  .ex_mr {
    margin-right: 5px;
  }

  .ex_ml {
    margin-left: 5px;
  }

  .radius {
    min-height: 350px;
    margin-bottom: 30px;
  }

  .pc_height_1 {
    min-height: 850px;
  }

  .pc_height_2 {
    min-height: 450px;
  }

  .pc_no_pad {
    padding: 0;
  }
}


/*-----------------------------------------------------------------------------------*/
/* SMP FIX
/*-----------------------------------------------------------------------------------*/


@media(max-width:460px) {
	.pc_w50p_smp_w100p {
    width: 100%;

  }

  .smp_text {
		font-size: 11px !important;
	}

  .smp_text2 {
    font-size: 10px !important;
  }


  .ex_base_text {
    font-size: 0.8em;
    /* text-align: center; */
  }

  .ex_mb {
    margin-bottom: 20px;
  }

  .smp_no_pad_box {
    padding: 0 !important;
    display: inline-block;
  }

  .smp_no_pad_top {
    padding-top: 0 !important;
  }

  .smp_br {
    display: block;
  }

  .smp_bt_border {
    border-bottom: solid 3px #bdbdbd;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }

  .ex_menu_icon {
    display: none;
  }

  .navbar-toggle img {
    height: 20px;
    width: 25px;
    margin-top: 15px;
  }

  .navbar-toggle img:hover {
    opacity: 0.6;
  }

  .navbar-brand {
    padding: 10px;
    height: 70px;
  }
  
  .navbar-default .nav li a {
    width: 100%;
    text-align: left;
    border-bottom: solid 1px #FF5F84;
    padding-bottom : 10px;
    padding-left : 20px;
    font-weight: 600;
  }

  .navbar-default .nav li:first-child {
    border-top: solid 1px #FF5F84;
  }

  .navbar-default .nav li a:after {
      position: relative;
      top: 1px;
      display: inline-block;
      font-family: 'Pe-icon-7-stroke';
      font-style: normal;
      font-weight: bold;
      font-size: 1.5em;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 0 10px 0 0;
      content: "\e684";
      float: right;
  }

  .service-heading img {
    height: 70px;
    margin-bottom: 20px;
  }
  .about-heading img {
    height: 70px;
    margin-bottom: 20px;
  }

  .voting_date {
    font-size: 1.2em;
    margin-bottom: 10px;
  }

  .voting_text {
    font-size: 1.3em;
  }


  .sponsor-heading img {
    height: 70px;
    margin-bottom: 20px;
  }

  .sponsor-item img {
    padding: 10px 15%;
  }


  footer .col-xs-6 {
    border-top : solid 2px #fff;
    display: inline-block;
    line-height: 5em;
  }

  footer .col-xs-6:nth-child(even) {
    border-left : solid 2px #fff;
  }

  footer .col-xs-6:nth-child(5),
  footer .col-xs-6:nth-child(6) {
    border-bottom : solid 2px #fff;
  }


  article .news_title {
    font-size: 1.5em;
  }


  .radius {
    border: none;
    margin-bottom: 30px;
    padding:0;
  }

  .result_info_detail span {
    display: block;
    width:100%;
    margin-top: 10px;
  }


  .radius_text_detail {

    border-radius: 10px;
    border: solid 1px #7d7d7d;
    padding: 10px;
    padding-top: 5px;
    background-color: #fff;
    color: #7d7d7d;
    margin-right: 0px;
    margin-bottom: 20px;
    text-align: left;
    
  }

  .tab-switch_on:after {
    top: inherit;
    left: inherit;
    border: none;
    content: " ";
  }

} 

.award_extra_title_text {
  border-top: dotted 3px #FFF;
  margin-top:  15px;
  padding-top:  15px;
}

.award_extra_input {
  font-size:  120%;
  color:  #FF5F84;
  font-weight:  800;
}

table.extra_vote_table {
  width:  70%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:  20px;
}
.extra_vote_table td {
  border: solid 1px #ccc;
  padding:  10px;
}


div.award_button_area {
  margin-left:  auto;
  margin-right:  auto;
  display: table-cell;
}
div.award_button_area a {
  width: 180px;
  height: 71px;
  background-size: 180px ;
  display: inline-block;
  text-indent: -9999px;
  margin-bottom:  5px;
  margin-left: 5px;
}

div.award_button_area a:hover {
    background-position: 0 -71px;
}

a.button_award {
  background: url("/assets/award_vote/button/award.png") no-repeat;
}



a.button_senario {
  background: url("/assets/award_vote/button/senario.png") no-repeat;
}
a.button_love {
  background: url("/assets/award_vote/button/love.png") no-repeat;
}
a.button_pink {
  background: url("/assets/award_vote/button/pink.png") no-repeat;
}
a.button_black {
  background: url("/assets/award_vote/button/black.png") no-repeat;
}
a.button_graphic {
  background: url("/assets/award_vote/button/graphic.png") no-repeat;
}
a.button_sound {
  background: url("/assets/award_vote/button/sound.png") no-repeat;
}
a.button_chara {
  background: url("/assets/award_vote/button/chara.png") no-repeat;
}
a.button_movie {
  background: url("/assets/award_vote/button/movie.png") no-repeat;
}
a.button_brand {
  background: url("/assets/award_vote/button/brand.png") no-repeat;
}
a.button_inovation {
  background: url("/assets/award_vote/button/inovation.png") no-repeat;
}
a.button_ward {
  background: url("/assets/award_vote/button/ward.png") no-repeat;
}


a.button_award_2023 {
  width: 370px !important;
  background-size: 100%, 100% !important;
  background: url("/assets/award_vote_2023/button/award2.png") no-repeat;
}
a.button_senario_2023 {
  background: url("/assets/award_vote_2023/button/senario.png") no-repeat;
}
a.button_love_2023 {
  background: url("/assets/award_vote_2023/button/love.png") no-repeat;
}
a.button_pink_2023 {
  background: url("/assets/award_vote_2023/button/pink.png") no-repeat;
}
a.button_black_2023 {
  background: url("/assets/award_vote_2023/button/black.png") no-repeat;
}
a.button_graphic_2023 {
  background: url("/assets/award_vote_2023/button/graphic.png") no-repeat;
}
a.button_sound_2023 {
  background: url("/assets/award_vote_2023/button/sound.png") no-repeat;
}
a.button_heroine_2023 {
  background: url("/assets/award_vote_2023/button/heroine.png") no-repeat;
}
a.button_low_price_2023 {
  background: url("/assets/award_vote_2023/button/low_price.png") no-repeat;
}
a.button_brand_2023 {
  background: url("/assets/award_vote_2023/button/brand.png") no-repeat;
}
a.button_zokuhen_2023 {
  background: url("/assets/award_vote_2023/button/zokuhen.png") no-repeat;
}

a.button_inovation_2023 {
  background: url("/assets/award_vote_2023/button/inovation.png") no-repeat;
}

a.button_atb_2024 {
  background: url("/assets/award_vote_2024/button/alltime.jpg") no-repeat;
}