@charset "UTF-8";
/* 日本語 */

body {
  width: 100%;
  margin: 0;
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

div#sentai_shirakura_sp {
  /*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
  /* change colours to suit your needs */
  /* change colours to suit your needs */
  /* change border colour to suit your needs */
  background: url(./../img/bg.png) repeat-y center top;
  background-color: #fff;
  background-size: 100% auto;
}

div#sentai_shirakura_sp div, div#sentai_shirakura_sp span, div#sentai_shirakura_sp object, div#sentai_shirakura_sp iframe, div#sentai_shirakura_sp h1, div#sentai_shirakura_sp h2, div#sentai_shirakura_sp h3, div#sentai_shirakura_sp h4, div#sentai_shirakura_sp h5, div#sentai_shirakura_sp h6, div#sentai_shirakura_sp p, div#sentai_shirakura_sp blockquote, div#sentai_shirakura_sp pre, div#sentai_shirakura_sp abbr, div#sentai_shirakura_sp address, div#sentai_shirakura_sp cite, div#sentai_shirakura_sp code, div#sentai_shirakura_sp del, div#sentai_shirakura_sp dfn, div#sentai_shirakura_sp em, div#sentai_shirakura_sp img, div#sentai_shirakura_sp ins, div#sentai_shirakura_sp kbd, div#sentai_shirakura_sp q, div#sentai_shirakura_sp samp, div#sentai_shirakura_sp small, div#sentai_shirakura_sp strong, div#sentai_shirakura_sp sub, div#sentai_shirakura_sp sup, div#sentai_shirakura_sp var, div#sentai_shirakura_sp b, div#sentai_shirakura_sp i, div#sentai_shirakura_sp dl, div#sentai_shirakura_sp dt, div#sentai_shirakura_sp dd, div#sentai_shirakura_sp ol, div#sentai_shirakura_sp ul, div#sentai_shirakura_sp li, div#sentai_shirakura_sp fieldset, div#sentai_shirakura_sp form, div#sentai_shirakura_sp label, div#sentai_shirakura_sp legend, div#sentai_shirakura_sp table, div#sentai_shirakura_sp caption, div#sentai_shirakura_sp tbody, div#sentai_shirakura_sp tfoot, div#sentai_shirakura_sp thead, div#sentai_shirakura_sp tr, div#sentai_shirakura_sp th, div#sentai_shirakura_sp td, div#sentai_shirakura_sp article, div#sentai_shirakura_sp aside, div#sentai_shirakura_sp canvas, div#sentai_shirakura_sp details, div#sentai_shirakura_sp figcaption, div#sentai_shirakura_sp figure, div#sentai_shirakura_sp footer, div#sentai_shirakura_sp header, div#sentai_shirakura_sp hgroup, div#sentai_shirakura_sp menu, div#sentai_shirakura_sp nav, div#sentai_shirakura_sp section, div#sentai_shirakura_sp summary, div#sentai_shirakura_sp time, div#sentai_shirakura_sp mark, div#sentai_shirakura_sp audio, div#sentai_shirakura_sp video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

div#sentai_shirakura_sp body {
  line-height: 1;
}

div#sentai_shirakura_sp article, div#sentai_shirakura_sp aside, div#sentai_shirakura_sp details, div#sentai_shirakura_sp figcaption, div#sentai_shirakura_sp figure, div#sentai_shirakura_sp footer, div#sentai_shirakura_sp header, div#sentai_shirakura_sp hgroup, div#sentai_shirakura_sp menu, div#sentai_shirakura_sp nav, div#sentai_shirakura_sp section {
  display: block;
}

div#sentai_shirakura_sp nav ul {
  list-style: none;
}

div#sentai_shirakura_sp blockquote, div#sentai_shirakura_sp q {
  quotes: none;
}

div#sentai_shirakura_sp blockquote:before, div#sentai_shirakura_sp blockquote:after, div#sentai_shirakura_sp q:before, div#sentai_shirakura_sp q:after {
  content: '';
  content: none;
}

div#sentai_shirakura_sp a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

div#sentai_shirakura_sp ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

div#sentai_shirakura_sp mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

div#sentai_shirakura_sp del {
  text-decoration: line-through;
}

div#sentai_shirakura_sp abbr[title], div#sentai_shirakura_sp dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

div#sentai_shirakura_sp table {
  border-collapse: collapse;
  border-spacing: 0;
}

div#sentai_shirakura_sp hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

div#sentai_shirakura_sp input, div#sentai_shirakura_sp select {
  vertical-align: middle;
}

div#sentai_shirakura_sp img {
  vertical-align: bottom;
  width: 100%;
}

div#sentai_shirakura_sp section.top {
  width: 100%;
  margin: 0px auto 0px auto;
  margin-bottom: 0px;
  position: relative;
}

div#sentai_shirakura_sp section.top h1 {
  margin: 0;
  padding: 0;
}

div#sentai_shirakura_sp section.top img {
  display: block;
  width: 100%;
}
div#sentai_shirakura_sp section.top .bt-time-info {
  position: absolute;
  top: 83%;
  left: 15%;
  right: 15%;
}
div#sentai_shirakura_sp section.top .bt-time-info img {
  width: 100%;
}

div#sentai_shirakura_sp section.main-contents .inner {
  margin: 0 auto;
  text-align: center;
  padding: 0 3vw 3vh;
}

div#sentai_shirakura_sp section.main-contents .inner .program {
  text-align: center;
  padding: 3vh 0;
}

div#sentai_shirakura_sp section.main-contents .inner .twitter {
  background: url(./../img/twitter.png) no-repeat top center / contain;
  padding-bottom: 110%;
  height: 0;
  position: relative;
  overflow: hidden;
}

div#sentai_shirakura_sp section.main-contents .inner .twitter iframe {
  position: absolute;
  padding-top: 15vw !important;
  width: 90% !important;
  height: 100vw !important;
} 

div#sentai_shirakura_sp section.main-contents .inner img.img01 {
  margin-top: 3vh;
}

div#sentai_shirakura_sp .lineup {
  padding: 3vh 0 0;
  font-size: 1.2em;
  line-height: 1.6;
}

div#sentai_shirakura_sp .lineup img.img01,
div#sentai_shirakura_sp .comment img.img01 {
  width: 90%;
  margin-bottom: 3vh;
}

div#sentai_shirakura_sp section.main-contents .lineup {
  background: #fff;
  border: solid 3px #ee1c25;
  padding: 3vh 3vw;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 3vh;
  }
  /* div#sentai_shirakura_sp section.main-contents .lineup .scroll table{
  width:100%;
  }
  div#sentai_shirakura_sp section.main-contents .lineup .scroll{
  overflow: auto;
  white-space: nowrap;
} */
div#sentai_shirakura_sp section.main-contents .lineup .th-list {
  text-align: center;
  background: #ee1c25;
  color: #fff;
  font-size: 2.0rem;
  padding: 1vh 3vw;
  box-sizing: border-box;
} 

div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list {
  width: 100%;
}
  /* div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list th {
    text-align: center;
    padding: 1vh 3vw;
    font-weight: normal;
  } */
  /* div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list .th-ttl {
    background: #dcdcdc; } */
  /* div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list .th-year {
    background: #dcdcdc;
    width: 100%;} */
  /* div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list .th-name {
    background: #dcdcdc;}   */
  div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list td {
    color: #ee1c25;
    text-align: left;
    padding: 1vh 3vw; 
    white-space: nowrap;
    font-size: 1.8rem;
    line-height: 2.0;
  }
  div#sentai_shirakura_sp section.main-contents .lineup table.lineup-list tr:nth-child(even) {
    background: #dcdcdc; 
  font-weight: bold;}

div#sentai_shirakura_sp section.main-contents .comment {
  background: #fff;
  border: solid 3px #002a86;
  padding: 3vh 3vw;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 3vh;
  }
    
  div#sentai_shirakura_sp section.main-contents .comment table.comment-list td {
    width: 100%;
    text-align: left;
    padding: 2vh 3vw; 
    font-size: 1.8rem;
    line-height: 1.8;
  }
  
  div#sentai_shirakura_sp section.main-contents .comment table.comment-list tr {
    background: #002a86;
    color: #fff;}
  
  div#sentai_shirakura_sp section.main-contents .comment table.comment-list tr:nth-child(even) {
  background: #fff;
  color: #002a86; }



div#sentai_shirakura_sp section.main-contents .copyright {
  margin: 0 10px 50px 10px;
  font-size: 0.8rem;
  line-height: 1.6;
  text-align: center;
  color: #002a86;
}

div#sentai_shirakura_sp section.main-contents .c-mark {
  font-family: monospace !important;
}


div#sentai_shirakura_sp .sky_frame {
  background-image: url(./../img/sp_sky_back.jpg);
  background-size: contain;
  width: 100%;
  margin: 0px;
  padding: 15px 10px;
  border: 1px #cccccc solid;
  box-sizing: border-box;
}

div#sentai_shirakura_sp .sky_frame a {
  text-decoration: none;
}

div#sentai_shirakura_sp .sky_ttl {
  padding: 0 0 15px;
}

div#sentai_shirakura_sp .sky_text {
  font-size: 11px;
  line-height: 14px;
  padding: 5px 0;
  text-align: right;
  background: #ffffff;
}

div#sentai_shirakura_sp .sky_text2 {
  font-size: 11px;
  line-height: 14px;
  padding: 2% 0 1%;
  text-align: right;
}

div#sentai_shirakura_sp .sky_ttl_frame {
  padding-bottom: 10px;
}

div#sentai_shirakura_sp .sky_web_frame {
  background: url(./../img/sp_skaper_zeroen_back.png) #ffffff;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
  margin-bottom: 15px;
}

div#sentai_shirakura_sp .sky_button {
  padding-top: 13%;
  text-align: center;
}

div#sentai_shirakura_sp .sky_button_image {
  display: block;
  box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.8);
  margin-left: auto;
  margin-right: auto;
  width: 92.5% !important;
}

.foot_info {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
}

.foot_info .info_midashi {
  width: 100%;
  margin: 0;
  color: #f0027f;
}

.foot_info p {
  margin: 10px auto 0;
  font-size: 14px;
  line-height: 22px;
  color: #000000;
}

.foot_info .info_midashi--ch2 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #00a0c6;
}

.foot_info .info_midashi--ch1 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #f0027f;
}