@charset "utf-8";

/*
	Site Name: ABCラジオ [SMP] [下層用ヘッダー]
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	 1: header

==========================================================
*/



/*
==================================================================================
	 1: header
==================================================================================
*/

/*	reset
------------------------------------ */
.arbc_header img {
	max-width: 100%;
	vertical-align: middle;
}
.arbc_header h1 {
    padding: 0;
    margin: 0;
	background: none;
}
.arbc_header h1 img {
	display: inline;
}

/*	header
------------------------------------ */
.arbc_header{
	background: #fff;
	border-top: 3px solid #FF6600;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
	position: relative;
	z-index: 1;
    color: #333;
	font-size: 16px;
    font-family: 'Roboto','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','Osaka',sans-serif;
	line-height: 1;
}
.arbc_header a{
	color: #333 !important;
    text-decoration: none !important;
	transition: .2s;
}
.arbc_header a span{
	color: inherit;
}
.arbc_header_inner{
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.arbc_header_logo_wrap{
	width: 34%;
	max-width: 140px;
	padding-bottom: 0.5em;
	margin-left: 2.5vw;
	box-sizing: border-box;
	text-align: center;
}
.arbc_header_txt{
	padding-right: 0.75em;
	margin: 0.6em 0;
	display: none;
	position: relative;
	/*font-size: 0.812rem;*/
	font-size: 13px;
	text-decoration: none;
}
.arbc_header_txt::before{
	content: "";
	width: 0.4em;
	height: 0.4em;
	margin-top: -0.25em;
	border: 0px;
	border-top: solid 1px #333;
	border-right: solid 1px #333;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	transition: .3s;
}
.arbc_header_nav{
	width: 50%;
	display: flex;
}
.arbc_header_nav ul{
	width: 100%;
	display: flex;
}
.arbc_header_nav li{
	width: 33%;
	border-left: 1px solid #E5E5E5;
	display: flex;
	box-sizing: border-box;
}
.arbc_header_nav li.arbc_header_sns,
.arbc_header_nav li.arbc_header_mail,
.arbc_header_nav li.arbc_header_song{
	display: none;
}
.arbc_header_nav li:last-child{
	border-right: 1px solid #E5E5E5;
}
.arbc_header_nav ul a{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	/*font-size: 3vw;*/
  font-size: 2.75vw;
	font-weight: bold;
	text-decoration: none;
}
.arbc_header_nav ul a .icon{
	padding-top: 2.5em;
	position: relative;
  text-align: center;
}
.arbc_header_nav ul .arbc_header_mail a .icon{
  padding-top: 2.25em;
  top: 0.2em;
}
.arbc_header_nav ul .arbc_header_podcast a .icon {
  padding-top: 2.4em;
	font-size: 1.062em;
}
.arbc_header_nav ul a .icon::before{
	content: "";
	width: 2.43em;
	height: 1.9em;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: .3s;
}
.arbc_header_rdprg a .icon::before{
	background: url("/img/top/icon_rdprg.png") center no-repeat;
	background-size: contain;
}
.arbc_header_program a .icon::before{
	background: url("/img/top/icon_program.png") center no-repeat;
	background-size: contain;
}
.arbc_header_podcast a .icon::before{
  height: 2.0em !important;
  top: -0.1em !important;
	background: url("/img/top/icon_podcast.png") center no-repeat;
	background-size: contain;
}
.arbc_header_sns a .icon::before{
	background: url("/img/top/icon_sns.png") center no-repeat;
	background-size: contain;
}
.arbc_header_mail a .icon::before{
  height: 1.8em !important;
	background: url("/img/top/icon_mail.png") center no-repeat;
	background-size: contain;
}
.arbc_header_song a .icon::before{
	background: url("/img/top/icon_song.png") center no-repeat;
	background-size: contain;
}
.arbc_header_nav .icon span{
	display: inline-block;
}
.arbc_header_mail{
	letter-spacing: -0.1em;
}
.arbc_header_guid{
	width: 18%;
	display: none;
	box-sizing: border-box;
	flex-wrap: wrap;
	align-items: center;
}
.arbc_header_guid ul{
	margin: 0 0 0.6em 0.4em;
}
.arbc_header_guid li{
	margin-bottom: 0.6em;
}
.arbc_header_guid li:last-child{
	margin-bottom: 0;
}
.arbc_header_guid li a{
	padding-left: 1.5em;
	display: block;
	position: relative;
	/*font-size: 0.812rem;*/
	font-size: 13px;
	text-decoration: none;
}
.arbc_header_guid li a::before{
	content: "";
	width: 1.2em;
	height: 1.2em;
	margin-top: -0.65em;
	position: absolute;
	top: 50%;
	left: 0;
}
.arbc_header_sitemap a::before{
	background: url("/img/top/icon_sitemap.png") center no-repeat;
	background-size: contain;
}
.arbc_header_fm a::before{
	background: url("/img/top/icon_fm.png") center no-repeat;
	background-size: contain;
}
.arbc_header_search{
	position: relative;
}
form[name="search_form"] .searchBox{
	width: 100%;
	padding: 0.6em 2.5em 0.6em 0.6em;
	background: #F1F1F1;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.05) inset;
	font-size: 0.75em;
}
form[name="search_form"] input[type="submit"]{
	width: 1.2em;
	height: 1.2em;
	margin-top: -0.6em;
	background: url("/img/top/icon_search.png") center no-repeat;
	background-size: contain;
	border: none;
	position: absolute;
	top: 50%;
	right: 0.5em;
	text-indent: -9999px;
}
@media print, screen and (max-width:350px) {
  .arbc_header_nav li:nth-child(1),
  .arbc_header_nav li:nth-child(2){
    letter-spacing: -0.1em;
  }
}
@media print, screen and (max-width:640px) {
  .arbc_header_nav li:nth-child(1),
  .arbc_header_nav li:nth-child(2){
    width: 35%;
  }
  .arbc_header_nav li:nth-child(3){
    width: 29%;
  }
}

@media print, screen and (min-width:500px) {
	.arbc_header_nav ul a {
		font-size: 14px;
	}
}
@media print, screen and (min-width:641px) {
	.arbc_header_logo_wrap {
		width: 19%;
		max-width: inherit;
		margin-left: 2%;
		margin-right: 2%;
		padding-bottom: 1em;
	}
	.arbc_header_nav{
		width: 81%;
	}
	.arbc_header_nav li {
		width: 20%;
	}
	.arbc_header_nav ul a {
		font-size: 2vw;
	}
	.arbc_header_nav li.arbc_header_sns,
	.arbc_header_nav li.arbc_header_mail,
	.arbc_header_nav li.arbc_header_song{
		display: flex;
	}
}
@media print, screen and (min-width:700px) {
	.arbc_header_nav ul a {
		/*font-size: 0.875rem;*/
		font-size: 14px;
	}
}
@media print, screen and (min-width:1000px) {
	.arbc_header_logo_wrap {
		padding-bottom: 0;
		margin-left: 0;
	}
	.arbc_header_txt{
		display: inline-block;
	}
	.arbc_header_nav{
		width: 63%;
	}
	.arbc_header_guid {
		padding-left: 2%;
		display: flex;
	}
	.arbc_header a:hover{
		color: #FF6600;
	}
	.arbc_header_txt:hover::before{
		border-top: solid 1px #FF6600;
		border-right: solid 1px #FF6600;
	}
	.arbc_header_nav ul a:hover .icon::before{
		transform: translate3d(0,-4px,0);
	}
}
/**/
.ls-01{
	letter-spacing: -0.1em;
}