@charset "UTF-8";
html, body{
  height:100%;
}
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

#global_sp_header_wrapper a {
    outline: none;
}

#global_sp_header_wrapper{
     font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
     background-color:#fff;
     position:relative;
     z-index:1000;
}
#global_sp_header_wrapper p {
    margin: 0;
    padding: 0;
}
.center{
    text-align:center;
}


/* End hide from IE-mac */
#global_sp_header_wrapper a:hover img.btn_alfa{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}


/* リンク全体 */
#global_sp_header_wrapper a.a_whole{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
}
/* 画像１００％ */
#global_sp_header_wrapper img.wimg{
	width:100%;
}
/* ヘッダ */
#global_sp_header{
	position:relative;
	width:100%;
	height:60px;
	border-bottom:2px solid #00a0da;
	font-size: 0;

}

.mbs_logopart{
	position:relative;
	width:52%;
	height:58px;
	float:left;

}
.mbs_logopart_in{
	position:relative;
	width:60%;
	height:90%;
  margin-top:5px;
	background-image:url(/common/sp/images/mbsradio_logo.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:contain;
	margin-left:6%;
}
.mbs_menupart{
	position:relative;
	width:48%;
	float:right;

}
.mbs_menupart{
	text-align:center;
	position:relative;
	margin-right:0;

}
.mbs_menupart div{
	position:relative;
	width:32%;
	height:60px;
	display:inline-block;
	font-size: 1rem;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	margin:0;
	padding:0;
}
.mbs_menupart .list{
	background-image:url(/common/sp/images/programlist.png);
	border-left:2px solid #00a0da;
}
.mbs_menupart .global_sp_header_schedule{
	background-image:url(/common/sp/images/schedule.png);
	border-left:2px solid #00a0da;
}
.mbs_menupart .nav_menu{
	/* background-image:url(/common/sp/images/menu.jpg); */
	background-color:#00a0da;
	margin-right:0;
	width:36%;
	text-align:center;
}

/* nav{
	display: none;
	position: absolute;
	top:72px;
	width: 100%;
  	background: #000000;
	left: 0;
} */
header #global_sp_nav ul{
	display: block;
	margin: 0 auto;
	width: 90%;
}
header #global_sp_nav ul li{
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fff;
}
header #global_sp_nav ul li:last-child{
	border: none;
}
header #global_sp_nav ul li a{
	display: block;
}
header #global_sp_nav ul#mbs_sns_links li{
	border:none;
}
/*開閉ボタン*/
#nav_toggle{
	display: block;
	width: 100%;
	height: 54px;
	position: relative;
	top: 6px;
	z-index: 100;
}
#nav_toggle div {
	position: relative;
	width:60%;
	margin-left:auto;
	margin-right:auto;
}
#nav_toggle span{
	display: block;
	height: 6px;
	background: #fff;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#nav_toggle span:nth-child(1){
	top:10%;
}
#nav_toggle span:nth-child(2){
	top:30%;
}
#nav_toggle span:nth-child(3){
	top:50%;
}
#nav_toggle p.menu_ttl{
	color:#fff;
	position:absolute;
	font-size:11px;
	text-align:center;
	width:100%;
	bottom:3px;
	font-weight:bold;
}
/*開閉ボタンopen時*/
#nav_toggle .is_open span:nth-child(1) {
		top: 20%;
		 -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#nav_toggle .is_open span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#nav_toggle .is_open span:nth-child(3) {
		top: 20%;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
/*////////////////////////////////////////////////////////////*/
/*ナビゲーション部分*/
#global_sp_nav{
  width:100%;
  position:absolute;
  z-index:100;
  background-color:rgba(0,0,0,0.8);
  color:#fff;
  text-align:right;
  padding-bottom:50px;
  line-height:1.8;
  font-size:16px;
  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  /* 閉じるアニメーション */
  transition:
  line-height .3s ease-out,
  opacity     .3s linear,
  visibility  .2s linear;
}
#global_sp_nav a{
  color:#fff;
  text-decoration:none;
}
#global_sp_nav a:visited{
  color:#fff;
}

#global_sp_nav.is_open {
  z-index:2147483647;
  /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  /* 開くアニメーション */
  transition:
  line-height .3s ease-out,
  opacity     .1s linear .1s,
  visibility  .1s linear .1s;
}
/* nav#global_sp_nav.is_open:before{
  content: "";
  display: block;
  padding-top: 100%;
} */
 #global_sp_nav ul#global_menu_contents{
  position:relative;
  top:0;
  width:96%;
  left: 0;
  right: 0;
  margin: auto;
  padding-top:10px;
  font-size:16px;
  line-height:1.8;
}
 #global_sp_nav ul#global_menu_contents li{
  border-bottom:solid 1px rgba(201,201,201,0.8);
  padding-top:10px;
  width:60%;
  margin-right:5%;
  margin-left:35%;
  text-align:right;
}
#global_sp_nav ul#global_menu_contents li:first-child{
  border-bottom:none;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
#global_sp_nav ul#global_menu_contents li.cont_notradio{
  padding-top:30px;
}
/* 検索 */
.global_search_outer{
  position:relative;
  width:90%;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:20px;
}
.out_search{
  position:relative;
  height:40px;
  font-size:0;
}

#cse-search-box{
  position:relative;
  width:100%;

}
.searchText, .searchBtn{
  position:relative;
  display:inline-block;
  height:40px;
}
.searchText,.contents-l{
  position:relative;
  width:90%;
}
.searchBtn{
  position:relative;
  width:10%;
}
.input_pro{
  position:relative;
  height:40px;
  width:100%;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border:solid 1px #00a0da;
  font-size:14px;
  padding:5px;
}
.searchBtn input{
  position:relative;
  width:40px;
  height:40px;
  background-color:#00a0da;
  background-image:url(/sp/images/search_icon.png);
  background-repeat:no-repeat;
  background-position:center center;
  border:solid 1px #00a0da;

  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}


/* SNSリスト */
#global_sp_nav ul#mbs_sns_links{
  position:relative;
  width:60%;
  margin-left:33%;
  margin-top:30px;
  text-align:justify;

}
#global_sp_nav ul#mbs_sns_links:after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 0;
}

#global_sp_nav ul#mbs_sns_links li{
  position:relative;
  vertical-align:top;
  padding-top:10px;
  display:inline-block;
  vertical-align:middle;

}
#global_sp_nav .contents{
	position:relative;
	width:98%;
	margin-left:auto;
  margin-right:auto;
}

.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas: ". ." ". .";
}