@charset "utf-8";
/* ======================================================
(C)広島ホームテレビ ぽるぽるダンスCSS Document 2018-05-18
====================================================== */

#pageBg{
  line-height: 170%;
  color: #555;
  background-color: #3CB0DE;
  padding-bottom: 30px;
}

#pageBg *{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Overlock',YuGothic, 'Yu Gothic', 游ゴシック体, 游ゴシック, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Roboto, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', Osaka, 'MS PGothic', Arial, Helvetica, Verdana, sans-serif;
}
#pageBg h1 img{
  display: block;
  margin: 0 auto;
  padding: 0;
}
#pageBg h4, #pageBg p, #pageBg ul, #pageBg li {
  font-size: 14px;
  line-height: 140%;
  font-weight: normal;
  font-style: normal;
}
#pageBg a{
  text-decoration: none;
}
#pageBg a:link{
  text-decoration: none;
  color: #1385B8;
}
#pageBg a:visited{
  color: #0C6F9B;
}
#pageBg a:hover{
  text-decoration: underline;
}

#pageBg .row {
  width: 100%;
  margin: 0px auto;
  min-height: 1%;
}
#pageBg .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  line-height: 0;
  font-size: 0;
}
#pageBg [class^="col-md-"]{
  float: left;
  display: block;
  overflow: hidden;
}
#pageBg .col-md-4{
  width: 33.333333%;
}
#pageBg .col-md-6{
  width: 50%;
}
#pageBg .col-md-8{
  width: 66.666666%;
}

#pageBg .small{
  font-size: smaller;
}
#pageBg .red{
  color: #F00;
}

#pageBg .index01{
  background-color: #9DD968;
  padding: 1em 0;
}
#pageBg .index01 ul{
  max-width:1035px;
  margin: 0 auto;
}
#pageBg .index01 ul li{
  background-image: url('../img/polpoldance/icon_sun.png');
  background-repeat: no-repeat;
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
  background-position: 0px 5px;
  color: #F15A24;
  font-size: 28px;
  font-weight: bold;
  text-align: left;
  padding: 5px 0 5px 45px;
}
#pageBg .index01 ul li.fz24{
  font-size: 24px;
}
#pageBg .index01 ul li .underline {
  /* background: linear-gradient(transparent 60%, #ffff66 60%); */
  border-bottom: 7px #ffff66 solid;
}
#pageBg .index01 h3, #pageBg .index01 dt{
  color: #BC2A2A;
  font-weight: bold;
}
#pageBg .index01 h3{
  border-bottom: solid 1px #BC2A2A;
  margin-bottom: 1em;
}
#pageBg .index01 h4{
  font-size: 21px;
}
#pageBg .index01 dd a.btn,#pageBg input[type=submit]{
  color: #FFF;
  background-color: #1385B8;
}
#pageBg .index01 dd a.btn{
  display: block;
}

#pageBg .index02{
  background-color: #FFF;
  overflow: hidden;
}
#pageBg .index02 .row{
  width: 1035px;
  padding-bottom: 20px;
}
#pageBg .index02 .row > div{
  padding: 20px;
  text-align: left;
}
#pageBg .index02 .row > div p{
  font-size: 24px;
}
#pageBg .index02 .keropons{
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background-color: #C3F4DB;
  margin: 0 auto 3em;
  text-align: left;
  max-width: 950px;
  padding: 1em;
}
#pageBg .index02 .keropons h4{
  font-size: 32px;
  font-weight: bold;
}
#pageBg .index02 .keropons p{
  font-size: 18px;
}
#pageBg .index02 img.balloon{
  display: block;
  margin: 0 0 10px;
}

#pageBg .index03 h2{
  margin: 20px 0;
}
#pageBg .index03 h4{
  font-size: 36px;
  font-weight: bold;
}
#pageBg .index03 .step{
  background-image: url('../img/polpoldance/bg_sun.png');
  background-repeat: no-repeat;
  -webkit-background-size: 180px 90px;
  background-size: 180px 90px;
  background-position: top center;
  padding-top: 90px;
  margin-bottom: 30px;
}
#pageBg .index03 .step1 img{
  display: block;
  margin: 0 auto;
}
#pageBg .step1 .movielist{
  width: 100%;
  text-align: left;
}
#pageBg .step1 .movielist .movie{
  width: 185px;
  display: inline-block;
  padding: 5px;
  text-align: center;
}
#pageBg .index03 .comment{
  background-color: #FFF;
  max-width: 980px;
  padding: 10px;
  margin: 0 auto;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  text-align: center;
}
#pageBg .index03 p.commentend{
  font-size: 46px;
  font-weight: bold;
  color: #FCEE21;
  text-align: center;
}
#pageBg .step p{
  font-size: 26px;
}
#pageBg .step a.btn{
  margin: 0 auto;
  display: block;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  position: relative;
  font-weight: bold;
}
#pageBg .step1 a.btn{
  width: 420px;
  height: 70px;
  background-color: #0068B7;
}
#pageBg .step3 a.btn{
  background-color: #FF6600;
  color: #FFF;
}
#pageBg .step3 a.btn:hover{
  background-color: #E95D00;
  text-decoration: underline;
}
#pageBg .step1 a.btn img{
  height: 70px;
  width: auto;
}
#pageBg .index03 h5, #pageBg .index03 ul, #pageBg .index03 li{
  text-align: left;
  max-width: 860px;
  margin: 0 auto;
}
#pageBg .index03 h5{
  font-size: 21px;
  padding: 20px 0 10px;
  font-weight: bold;
}
#pageBg .index03 li{
  padding-left: 1em;
  padding-bottom: 0.5em;
  text-indent: -1em;
  font-size: 18px;
}
#pageBg .index03 .selection > div{
  padding: 0 10px;
  margin-bottom:20px;
}
#pageBg a.square_btn{
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
  font-weight: bold;
  width: 100%;
}
#pageBg a.square_btn:hover{
  text-decoration: underline;
}
#pageBg .square_btn:active {/*ボタンを押したとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
#pageBg .square_btn span{
  font-size: 0.75em;
}
#pageBg .index03 .step1, #pageBg .index03 .step1 a{
  font-size: 18px;
}
#pageBg .index03 .step1 a.btn2,
#pageBg .index03 .step3 a.btn2{
  color: #FFF;
  display: block;
  width: 100%;
  height: 80px;
  line-height: 80px;
  font-size: 46px;
  text-align: left;
  padding: 0em 1em;
  margin: 0 auto;
  position: relative;
  border-radius: 6px;
  font-weight: bold;
}
#pageBg .index03 .step1 a.btn2{
  background-color: #9dd968;
}
#pageBg .index03 .step3 a.btn2{
  background-color: #FF6600;
}
#pageBg .index03 .step1 a.btn2 img,
#pageBg .index03 .step3 a.btn2 img{
  position: absolute;
  height: 70px;
  right: 10px;
  bottom: 0;
}
#pageBg .index03 .step1 a.btn2:hover{
  background-color: #78BD3B;
}
#pageBg .index03 .step3 a.btn2:hover{
  background-color: #E75C00;
}