@charset "utf-8";

.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT35{margin-top:35px !important;}
.mT40{margin-top:40px !important;}
.mT45{margin-top:45px !important;}
.mT50{margin-top:50px !important;}
.mT55{margin-top:55px !important;}
.mT60{margin-top:60px !important;}
.mT65{margin-top:65px !important;}
.mT70{margin-top:70px !important;}
.mT75{margin-top:75px !important;}
.mT80{margin-top:80px !important;}
.mT85{margin-top:85px !important;}
.mT90{margin-top:90px !important;}
.mT95{margin-top:95px !important;}
.mT100{margin-top:100px !important;}

.mB5{margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB35{margin-bottom:35px !important;}
.mB40{margin-bottom:40px !important;}
.mB45{margin-bottom:45px !important;}
.mB50{margin-bottom:50px !important;}
.mB55{margin-bottom:55px !important;}
.mB60{margin-bottom:60px !important;}
.mB65{margin-bottom:65px !important;}
.mB70{margin-bottom:70px !important;}
.mB75{margin-bottom:75px !important;}
.mB80{margin-bottom:80px !important;}
.mB85{margin-bottom:85px !important;}
.mB90{margin-bottom:90px !important;}
.mB95{margin-bottom:95px !important;}
.mB100{margin-bottom:100px !important;}

.w10{width:10%;margin-right:auto;margin-left:auto;display:block;}
.w20{width:20%;margin-right:auto;margin-left:auto;display:block;}
.w30{width:30%;margin-right:auto;margin-left:auto;display:block;}
.w40{width:40%;margin-right:auto;margin-left:auto;display:block;}
.w50{width:50%;margin-right:auto;margin-left:auto;display:block;}
.w60{width:60%;margin-right:auto;margin-left:auto;display:block;}
.w70{width:70%;margin-right:auto;margin-left:auto;display:block;}
.w80{width:80%;margin-right:auto;margin-left:auto;display:block;}
.w90{width:90%;margin-right:auto;margin-left:auto;display:block;}
.w100{width:100%;margin-right:auto;margin-left:auto;display:block;}

strong{
  font-weight:bold;
}


a:link,a:visited,a:active{
  color:#fff;
}

a:hover{
  color:#fff;
  text-decoration:none;
}

a{
  
}

*{
  box-sizing: border-box;
}

html{
  font-size:62.5%;
  height:100%;
  font-family:Meiryo ,メイリオ, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif
}

body{
  font-size:1.35rem;

  color:#fff;
  height:100%;
}
@media (min-width:768px){
  body{
    font-size:1.6rem;

    }
  }

img{
  width:100%;
}

.onlySp{
  display: block;
}
@media (min-width:768px){
  .onlySp{
  display: none;
}
}

.onlyPc{
  display: none;
}
@media (min-width:768px){
  .onlyPc{
  display: block;
}
}

/*wrapper******************************/
#top .wrapper{
  background:url(../images/common/bg_main.jpg) no-repeat center top;
  background-size:cover;
  min-height:100%;
  margin-top:0px;
  background-attachment: fixed
  }
@media (min-width:768px){
#top  .wrapper{
  padding:0 1.5%;
    margin-top:0px;
  }
}



.wrapper{
  background:url(../images/common/bg_main.jpg) no-repeat center top;
  background-size:cover;
  min-height:100%;
  margin-top:-15px;
  background-attachment: fixed
  }
@media (min-width:768px){
  .wrapper{
  padding:0 1.5%;
  margin-top:-70px;
  }
}


@media (min-width:768px){
.container{
  max-width: 1260px;
  margin: 0 auto;
  position: relative;
}
}

/*下層用*/
@media (min-width:768px){
.lower .container{

}
}



header{
  margin-bottom: 15px;
  position: relative;

}
@media (min-width:768px){
header{
  width:80.63%;
  margin-left:auto;
  margin-bottom:70px;
  position: relative;
}
}



@media (min-width:768px){
.mainWrapper{
width:auto;
display:flex;
margin-top:-1.2%;
}
}

/*グロナビ *********************/

	@media (min-width:768px){
			ul.gNavi{width: 97.435%;}
			ul.gNavi li {width: 100%;padding-top: 31.396%;position: relative;}
			ul.gNavi li a{width:auto;background: url(/tv/bbh/images/common/navi_sprite.png) no-repeat;display:block;width:auto; white-space:nowrap;text-indent:100%;overflow:hidden;background-size:800% 200%;font-size:1px;}
			ul.gNavi li.news a{width:100%;height:100%;background-position:0px 0px;top:0px;position:absolute;}
			ul.gNavi li.news a:hover{width:100%;height:100%;background-position:0px 100%;top:0px;position:absolute;}
			ul.gNavi li.info a{width:100%;height:100%;background-position:14.3% 0px;top:0px;position:absolute;}
			ul.gNavi li.info a:hover{width:100%;height:100%;background-position:14.3% 100%;top:0px;position:absolute;}
			ul.gNavi li.onair a{width:100%;height:100%;background-position:28.575% 0px;top:0px;position:absolute;}
			ul.gNavi li.onair a:hover{width:100%;height:100%;background-position:28.575%  100%;top:0px;position:absolute;}
			ul.gNavi li.character a{width:100%;height:100%;background-position:42.852% 0px;top:0px;position:absolute;}
			ul.gNavi li.character a:hover{width:100%;height:100%;background-position:42.852% 100%;top:0px;position:absolute;}
			ul.gNavi li.story a{width:100%;height:100%;background-position:57.15% 0px;top:0px;position:absolute;}
			ul.gNavi li.story a:hover{width:100%;height:100%;background-position:57.15% 100%;top:0px;position:absolute;}
			ul.gNavi li.movie a{width:100%;height:100%;background-position:85.7% 0px;top:0px;position:absolute;}
			ul.gNavi li.movie a:hover{width:100%;height:100%;background-position:85.7% 100%;top:0px;position:absolute;}
			ul.gNavi li.goods a{width:100%;height:100%;background-position:71.442% 0px;top:0px;position:absolute;}
			ul.gNavi li.goods a:hover{width:100%;height:100%;background-position:71.442% 100%;top:0px;position:absolute;}
			ul.gNavi li.top a{width:100%;height:100%;background-position:100% 0px;top:0px;position:absolute;}
			ul.gNavi li.top a{width:100%;height:100%;background-position:100% 0px;top:0px;position:absolute;}
			ul.gNavi li.top a:hover{width:100%;height:100%;background-position:100% 100%;top:0px;position:absolute;}
			
			body#top ul.gNavi li.top a{width:100%;height:100%;background-position:100% 100%;top:0px;position:absolute;}
			body#news ul.gNavi li.news a{width:100%;height:100%;background-position:0px 100%;top:0px;position:absolute;}
			body#info ul.gNavi li.info a{width:100%;height:100%;background-position:14.3% 100%;top:0px;position:absolute;}
			body#onair ul.gNavi li.onair a{width:100%;height:100%;background-position:28.575%  100%;top:0px;position:absolute;}
			body#character ul.gNavi li.character a{width:100%;height:100%;background-position:42.852% 100%;top:0px;position:absolute;}
			body#story ul.gNavi li.story a{width:100%;height:100%;background-position:57.15% 100%;top:0px;position:absolute;}
			body#movie ul.gNavi li.movie a{width:100%;height:100%;background-position:85.7% 100%;top:0px;position:absolute;}
			body#goods ul.gNavi li.goods a{width:100%;height:100%;background-position:71.442% 100%;top:0px;position:absolute;}


			
	

		}
	

		@media (max-width:767px){
			ul.gNavi{    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    top: 0px;}
			ul.gNavi li a{width:auto;background: url(/tv/bbh/images/common/navi_sprite_sp.png) no-repeat;display:block;width:auto; white-space:nowrap;text-indent:100%;overflow:hidden;height:100%;font-size:1px;}
			ul.gNavi li.news {width:27%; }
			ul.gNavi li.news a{background-position:2px 1px;background-size:370% 400%;}
			ul.gNavi li.info {width:23%; }
			ul.gNavi li.info a{background-position: 35% 1px;background-size:435% 400%;}
			ul.gNavi li.onair {width:23%; }
			ul.gNavi li.onair a{background-position:64.95% 1px;background-size:435% 400%;}
			ul.gNavi li.character {width:27%; }
			ul.gNavi li.character a{background-position: 100% 1px;background-size:370% 400%;}
			ul.gNavi li.story {width:27%;}
			ul.gNavi li.story a{background-position:2px 33%;background-size:370% 400%;}
			ul.gNavi li.movie {width:23%;}
			ul.gNavi li.movie a{background-position: 64.95% 33%;background-size:435% 400%;}
			ul.gNavi li.goods {width:23%;}
			ul.gNavi li.goods a{background-position:35% 33%;background-size:435% 400%;}
			ul.gNavi li.top {width:27%;}
			ul.gNavi li.top a{background-position: 100% 33%;background-size:370% 400%;}
			
			
			body#top ul.gNavi li.top a{background-position: 100% 99.66%;background-size:370% 400%;}
			body#news ul.gNavi li.news a{background-position:2px 66%;background-size:370% 400%;}
			body#info ul.gNavi li.info a{background-position: 35% 66%;background-size:435% 400%;}
			body#onair ul.gNavi li.onair a{background-position:64.95% 66%;background-size:435% 400%;}
			body#character ul.gNavi li.character a{background-position: 100% 66%;background-size:370% 400%;}
			body#story ul.gNavi li.story a{background-position:2px 99.66%;background-size:370% 400%;}
			body#goods ul.gNavi li.goods a{background-position:35% 99.66%;background-size:435% 400%;}
			body#movie ul.gNavi li.movie a{background-position: 64.95% 99.66%;background-size:435% 400%;}
			
			
		}





/*サイドナビゲーション*********************/
#top .sideNavi{
  margin-bottom: -5px;
}
@media (min-width:768px){

#top .sideNavi {
    position: absolute;
    top: 5px;
    left: -2rem;
    width: 30%;
    margin-bottom: 30px;
    padding-top: 19%;
}
}

.sideNavi{
  margin-bottom: -5px;
}
@media (min-width:768px){

.sideNavi {
    position: absolute;
    top: 5px;
    left: -2rem;
    width: 30%;
    margin-bottom: 30px;
    padding-top: 19%;

}
}


/*下層用*/
@media (min-width:768px){
.lower .sideNavi{
  position: static;
  margin-top: 5px;
  margin-left: -2rem;
}
}

#top .kv{width: 117%;
    padding-top: 0%;
    position: relative;
    top: 0px;
    margin-left: -8.5%;
}

@media (min-width:768px){
#top .kv{
    width: 100%;
    position: relative;
    left: 8.5%;
    top: -10px;
}
}


#top .logo{
    width: 49.5%;
    top: 0px;
    position: absolute;
    z-index: 1040;
    margin: 0 auto;
    padding-top: 106%;
    left: 0px;
    right: 0px;
}



@media (min-width:768px){
#top .logo{
    width: 37%;
    top: 0.6%;
    position: absolute;
    z-index: 1040;
    left: -26%;
    padding-top: 0%;
    right: auto;
    
}
}

.logo{
    width: 30%;
    top: 0px;
    position: absolute;
    z-index: 1040;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}

@media (min-width:768px){
.logo{
width: 37%;

    position: absolute;
    z-index: 1040;
    left: -26%;
    padding-top:0%;
    right:auto;
    margin-top:7px;
    
}
}





#top .kv  span.topHikari{
    width: 40%;
    padding-top: 10%;
    position: absolute;
    background-color: #FFF;
    right: 1%;
    top: 74%;
    background: url(/tv/bbh/images/top/hikari.png) no-repeat;
    bottom: 1.5%;
    background-size: 79%;
    background-position: 0px -2%;
}

@media (min-width:768px){
#top .kv  span.topHikari{
    width: 40%;
    padding-top: 26%;
    position: absolute;
    background-color: #FFF;
    left: 35%;

    background: url(/tv/bbh/images/top/hikari.png) no-repeat;
    background-size: 87%;
    background-position: 0 -52%;
}
}



@media (min-width:768px){
  .{
    width:100%;
    max-width:390px;
    margin-bottom: 10px;
  }
}

/*ナビゲーション*/
#top nav {
    width: auto;
    margin: -90% auto 45%;
}
@media (min-width:768px){
#top nav{
    width: auto;

      margin:0 auto 20px;
}
}

nav{
    width: auto;
    padding: 0 0.5%;
    margin-bottom: 20px;
    padding-top: 18.5%;
}
@media (min-width:768px){
  nav{
    padding:0 3.3%;
    margin-bottom: 30px;
  }
}

nav div {
    width: 100%;
    padding-top: 22%;
    position: relative;
}

@media (min-width:768px){
  nav div{
    background:none;
    padding:0;
  }
}

nav ul{
  display:flex;
  flex-wrap: wrap;
}
@media (min-width:768px){
  nav ul{
    background:none;
    display: block;
  }
}

nav ul li{

}
@media (min-width:768px){
  nav ul li{

  }
}

nav ul li img{
  width:auto;
}
@media (min-width:768px){
  nav ul li img{
    width:auto;
  }
}

.broad{
  width:90%;
  padding: 0 2.5%;
  margin: 0 auto 30px;
}

.broad img{
  max-width: 315px;
}

/*sns*/
.snsBlock{
  padding:0 14.67%;
  margin-bottom: 55px;
}
@media (min-width:768px){
.snsBlock{
  width:86%;
  margin:0 auto;
  padding:0;
  }
}

.posAdj{
  width:100%;
  position: relative;
  background:url(../images/common/snsbg.png) no-repeat;
  background-size:100% auto;
  padding:24.5% 0 1.5%;
}

.snsArea{
  position: absolute;
  top:0;
  left:0;
  right:0;
  width:84%;
  height:100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:2% 5% 3.5%;
  margin:0 auto;
}

.snsArea li{
  max-width:93px;
  width:23%;
  margin:0 auto;
  }
@media (min-width:768px){
.snsArea li{
  max-width:40px;
  width:auto;
  }
}

.snsArea img{
/*  max-width:80px;*/
  width:40px;
}

.snsArea li iframe{
  vertical-align: middle !important;
  max-width:40px !important;
}


/*下層ページ用************************/
@media (min-width:768px){
  .wrapInner{
    position: relative;
    max-width: 1260px;
    margin:0 auto 100px;
  }
}

.mainContents{
  padding: 0 1.33%;
}
@media (min-width:768px){
  .mainContents{
    width:68.5%;
    margin-left:auto;
    padding: 40px 0 0;
  }
}

.mainContents .pageTtl{
  margin:0 auto 15px;
  padding:0 3% 0;
  text-align: center;
}
  @media (min-width:768px){
  .mainContents .pageTtl{
    margin:0 auto 40px;
    padding-top:0;
    }
}

.mainContents .pageTtl img{
  width:100%;
}

  @media (min-width:768px){
.mainContents .pageTtl img{
	max-width:600px;
		}
	}
	
/*セクションエリア***********************/
.colBlock{
  margin-bottom:50px;
}
@media (min-width:768px){
  .colBlock{
    margin-bottom:30px;
  }
}

.colBlock:last-of-type{
  margin-bottom: 35px;
}
@media (min-width:768px){
  .colBlock:last-of-type{
    margin-bottom: 65px;
    }
  }

.sortTab{
  position: absolute;
  top:-47%;
  padding: 0 6.67%;
  width:100%;
}
@media (min-width:768px){
.sortTab{
  top:-73%;
  padding: 0 5%;
}
}

.sortTab ul{
  display: flex;
  justify-content: center;
}





.contentsInn{
  background:url(../images/common/bgframe_loop_sp.png) repeat-y top center;
  background-size:100% auto;
}
@media (min-width:768px){
  .contentsInn{
    background:url(../images/common/bgframe_loop.png) repeat-y top center;
    background-size:100% auto;
    padding-bottom:25px;
  }
}

.atcOut{
  padding:10px 8.67%;
}
@media (min-width:768px){
.atcOut{
  display: flex;
/*  justify-content: space-around;*/
  justify-content: space-between;

  padding:2% 5% 2.5%;
}
}

/*下層用*/
body#goods .lowerBlock .atcOut{
  padding:0px 8.67% 30px;
  flex-wrap: wrap;
}
@media (min-width:768px){
body#goods .lowerBlock .atcOut{
  padding:5px 7% 50px;
  display:flex;
  flex-wrap: wrap;
  }
}
body#storyList .lowerBlock .atcOut{
  padding:0px 8.67% 30px;
  flex-wrap: wrap;
}
@media (min-width:768px){
body#storyList .lowerBlock .atcOut{
  padding:5px 7% 50px;
  display:flex;
  flex-wrap: wrap;
  }
}


.lowerBlock .atcOut{
  padding:0px 8.67% 30px;
}
@media (min-width:768px){
  .lowerBlock .atcOut{
  padding:5px 7% 50px;
  display:flex;
  }
}


.secTop{
  position: relative;
  background:url(../images/common/bgframe_top_sp.png) no-repeat top center;
  background-size:100% auto;
  min-height:40px;/*元は40px*/
}
@media (min-width:768px){
  .secTop{
  background:url(../images/common/bgframe_top.png) no-repeat top center;
  min-height:55px;
  background-size:100% auto;
}
}

/*下層用*/
.lowerBlock .secTop{
  background:url(../images/common/bgframe_lower_top_sp.png) no-repeat top center;
  background-size:100% auto;
}
@media (min-width:768px){
.lowerBlock .secTop{
  background:url(../images/common/bgframe_lower_top.png) no-repeat top center;
  background-size:100% auto;
}
}

.secBottom{
  background:url(../images/common/bgframe_bottom_sp.png)  no-repeat bottom center;
  background-size:100% auto;
  min-height:40px;
}
@media (min-width:768px){
  .secBottom{
    background:url(../images/common/bgframe_bottom.png)  no-repeat bottom center;
/*    min-height:70px;*/
    background-size:100% auto;
}
}

.movOut{
  position: relative;
  border: 5px solid #FFF;
}

.movOut:before{
  content: "";
  display: inline-block;
  position: absolute;
  width:91px;
  height:80px;
  background:url(../images/common/movie_btn.png) no-repeat;
  background-size:80%;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
}

/*動画オーバーレイ内の調整*/
@media (max-width:750px){
.fancybox-type-iframe .fancybox-inner{
  width:100% !important;
  height:100% !important;
}
}

#fancybox-skin{
    background:#000 !important;
}

.fancybox-content{
  height:50% !important;
}
/*動画オーバーレイ内の調整ここまで*/

/*ニュース部分*/
.day{
  color:#9ce744;

  letter-spacing: 0.03rem;
}

a p.day{
  color:#9ce744;
  letter-spacing: 0.03rem;
  text-decoration:none !important;
}

.subTtl{
/*  position:relative;*/
  color:#ffe501;
  font-size:2rem;
  font-weight:bold;
}
@media (min-width:768px){
  .subTtl{
    font-size:2.4rem;
    }
  }

.subTtl:before{
  content:"";
  display:inline-block;
  width:33px;
  height:39px;
  background:url(../images/common/icon_anchor.png) no-repeat;
  background-size:70% 70%;
  background-position:center center;
  vertical-align: bottom;
  }
@media (min-width:768px){
  .subTtl:before{
    margin-right: 10px;
  background-size:80% 80%;
    }
  }
  
  
 h4.pt2{ 
font-size: 1.25em;
    color: #FFF;
    background: url(../images/common/icon_anchorh4.png) no-repeat;
    background-size: 25px;
    background-position: 10px 0px;
    padding: 5px 0 5px 40px;
    line-height: 1.375em;
    }
    
 h4.pt3{ 
font-size: 1.25em;
    color: #ffe501;
    background: url(../images/common/icon_anchor.png) no-repeat;
    background-size: 25px;
    background-position: 10px 0px;
    padding: 5px 0 10px 40px;
    margin-bottom:20px;
    line-height: 1.375em;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    border-bottom-color:#cecece;
    }
.borderNone{border:unset !important;padding-bottom:0px !important;}
  
  
  @media (min-width:768px){
 h4.pt2{ 
font-size: 1.375em;
    color: #FFF;
    background: url(../images/common/icon_anchorh4.png) no-repeat;
    background-size: 25px;
    background-position: 10px 0px;
    padding: 5px 0 5px 40px;
    line-height: 1.375em;
    }
    
 h4.pt3{ 
font-size: 1.25em;
    color: #ffe501;
    background: url(../images/common/icon_anchor.png) no-repeat;
    background-size: 25px;
    background-position: 10px 0px;
    padding: 5px 0 10px 40px;
    margin-bottom:20px;
    line-height: 1.375em;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    border-bottom-color:#cecece;
    }
  }

.movieArea article a{ 
	color:#090d97;
	text-decoration:none;
    }
    
.movieArea article a:hover{ 
	opacity:0.7;
    }
    
    
 h4.pt4{ 
font-size: 1em;
    color: #aed5d3;
    padding: 5px 0 10px;
    margin-bottom:20px;
    line-height: 1.375em;
	font-weight:normal;
	margin-top:10px;
		text-align:center;
    }
    
span.movieCatch{ 
	font-size:1.6em;
	font-weight:700;
	color:#fff001;
/*	background-color:#fff001; */
	border-radius:6px;
	display:block;
	padding:3px 0px;
	text-align:center;
	margin:5px 0 0px;

    }
    
span.minogashi{ 
	font-size:1.25em;
	font-weight:700;
	color:#fff001;
/*	background-color:#fff001; */
	display:block;
	text-align:center;
	margin:-5px 0 5px;
    }
    
    
  @media (min-width:768px){
 h4.pt4{ 
font-size: 0.875em;
    color: #aed5d3;
    padding: 5px 0 10px;
    margin-bottom:20px;
    line-height: 1.375em;
	font-weight:normal;
	margin-top:10px;
	text-align:center;
	width:100%;
    }
    
span.movieCatch{ 
	font-size:1.5em;
	font-weight:700;
	color:#fff001;
/*	background-color:#fff001; */
	border-radius:6px;
	display:block;
	margin:5px 0 0px;

    }
    
span.minogashi{ 
	font-size:1.25em;
	font-weight:700;
	color:#fff001;
/*	background-color:#fff001; */
	display:block;
	text-align:center;
	margin:-5px 0 5px;
    }
    
  }

@media (min-width:768px){
 font-size:1.375em;color:#FFF;
 margin-bottom:12px;
   background:url(../images/common/icon_anchorh4.png) no-repeat;

  }






/*フッター*/
footer{
  padding:70px 0 50px;
}

.lower footer{
  padding:0 1.33% 50px;
}

footer p{
  text-align: center;
  color: #fff;
  font-size:1.2rem;
}
@media (min-width:768px){
  footer p{
    font-size:1.3rem;
    }
  }

/*バナーエリア*/
.bnrArea{
width:65%;
  padding:0 10px;
  margin:0 auto 40px;
}
@media (min-width:768px){
  .bnrArea{
    width:73%;
    max-width:890px;
    margin: 90px auto 50px;
  }
}

@media (min-width:768px){
  .bnrArea ul{
    display: flex;
 

    justify-content: space-between;
   
  }
}

.bnrArea li{
  margin-bottom:20px;
}
@media (min-width:768px){
  .bnrArea li{
    width:32.5%;
    margin-bottom: 0;
    margin:0 auto;
  }
}

.bnrArea li:last-child{
  margin-bottom: 0;
}

/*トップへ戻るボタン*********************/
#totop{
  max-width:60px;;
  position: fixed;
  right:5px;
  bottom:20px;
}
@media (min-width:768px){
#totop{
  max-width:80px;
  right:30px;
  bottom:50px;
  }
}


@media (min-width:768px){
dd a{
text-decoration:underline;
  }
  
dd a:hover{
text-decoration:none;
  }
  
}


h3{font-size:1.5em;font-weight:700;}

h4{font-size:1.25em;font-weight:700;}

h5{font-size:1.125em;font-weight:700;}
.textcenter{text-align:center;}

.fs30{font-size:2.4rem;}
.fs20{font-size:2rem;}
.fs15{font-size:1.25rem;}

@media (min-width:768px){
.fs30{font-size:3rem;}
.fs20{font-size:2rem;}
.fs15{font-size:1.5rem;}
.fs12{font-size:1.2rem;}
}

.yellow{color:#ffe501;}



.mfp-iframe-holder .mfp-close {
    top: -40px;
    font-size: 7rem;
}