@charset "UTF-8";
/*////////////////////////


commons
///////////////////////*/
* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
/**/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* clearfix for ie7 */
.clearfix{
    display: inline-block;
}
.clearfix {
    display: block;
}

.pageWidth{
	width:95%;
	max-width:1200px;
	margin:auto;
}
.pageWidth img{
	max-width:100%;
}

.mT0{margin-top:0px;}
.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}
.mT60{margin-top:60px;}
.mT70{margin-top:70px;}
.mT80{margin-top:80px;}
.mT90{margin-top:90px;}
.mT100{margin-top:100px;}

.mB0{margin-bottom:0px;}
.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}
.mB60{margin-bottom:60px;}
.mB70{margin-bottom:70px;}
.mB80{margin-bottom:80px;}
.mB90{margin-bottom:90px;}
.mB100{margin-bottom:100px;}


.tbView,
.spView{
	display:none;
}
.pcView{
	display:inherit;
}
.pcOff{
	display:off;
}

.fL{float:left;}
.fR{float:right;}
body{
	color:#ffffff;
	/*font-family: 'Lato', Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	/*font-family: 'Lato', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', 'Meiryo', 'Osaka', 'ＭＳ Ｐゴシック', sans-serif;*/
	line-height: 1.5em;
	background: #241715;
    /* IE6対策（スクロール時の表示ブレ防止） */
    background-image : url("dummy");
    background-attachment: fixed;
	position:relative;
}

.aC{
	text-align:center;
}
.latoFont{font-family: 'Lato', sans-serif;}
.libreFont{font-family: 'Libre Baskerville', serif;}
.serifFont{font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho","MS 明朝",serif; }
.fontM {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

/* ------------------------------------------------------
google fonts
font-family: 'Montserrat', sans-serif;
font-family: 'Montserrat Alternates', sans-serif;
font-family: 'Montserrat Subrayada', sans-serif;
------------------------------------------------------ */
/*/// ////////////////////////////////


header
///////////////////////////////////*/
div#pageTop{
	padding-top:213px;
}
a{
	transition: all 0.25s ease-in;
	-webkit-transition: all 0.25s ease-in;
	-moz-transition: all 0.25s ease-in;
	-ms-transition: all 0.25s ease-in;
}
a:hover{
	opacity:0.8;
}
header{
	background:#030000;
	padding:35px 35px 20px;
	display: block;
	position:fixed;
	top:0; left:0; right:0;
	z-index:100000;
}
header h1{
	display: block;
	float:left;
}
header nav{
	display: block;
	float:left;
	margin:30px 0 0 30px;
	border-bottom:1px solid #C8C9CA;
}
header nav ul li{
	display: inline-block;
	margin-right:15px;
}
header nav ul li:last-child{
	margin-right:0;
}
header nav ul li a{
	display: block;
	color:#C8C9CA;
	padding:5px 5px 5px 15px;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	line-height:1.0em;
	background:url(../img/common/arr_nav.png) center left scroll no-repeat;
	text-decoration:none;
}
header .bnr{
	float: right;
	margin-top:21px;
	margin-top:0px;
}
header .bnr img {
  background-color: #ffffff;
}


/*/// ////////////////////////////////


footer
///////////////////////////////////*/
.footerTtl{
	background:url(../img/home/back_l.png) left repeat-y , url(../img/home/back_r.png) right repeat-y , #FFFFFF;
	text-align:center;
	background-size: 20% auto;
}
.footerTtl .ptBk{
	padding:45px 0;
}
footer{
	text-align:center;
	padding:30px 0 30px;
	position:relative;
}
footer nav{
	display:block;
	border-bottom:1px solid #C8C9CA;
	margin:0 auto 30px auto;
}
footer nav ul li{
	display: inline-block;
	margin-right:15px;
}
footer nav ul li:last-child{
	margin-right:0;
}
footer nav ul li a{
	display: block;
	color:#C8C9CA;
	padding:5px 5px 5px 15px;
	font-size: 1.4em;
	letter-spacing: 0.05em;
	line-height:1.0em;
	background:url(../img/common/arr_nav.png) center left scroll no-repeat;
	text-decoration:none;
}
footer .bnrs li{
	display:inline-block;
	margin:20px;
	position:absolute;
	top:80px; right:0px;
}

footer .copyRight{
	font-size:1.2em;
	letter-spacing: 0.15em;
	margin-top:20px;
}


.pageUp{
	position:fixed;
	bottom:30px; right:0;
	z-index:9999999;
}
.pageUp a{
	display: block;
	background:#000033;
	padding:20px 30px;
	line-height:0;
}
.spMenuWrap{
	position:fixed;
	top:195px; right:0; left:0;
	background:#000;
	border-top:1px solid #333;
	height:40px;
	display: none;
}
@media screen and (max-width:500px){
  .spMenuWrap{
    top:175px;
  }
}
@media screen and (max-width:440px){
  .spMenuWrap{
    top:160px;
  }
}
@media screen and (max-width:400px){
  .spMenuWrap{
    top:140px;
  }
}
@media screen and (max-width:360px){
  .spMenuWrap{
    top:130px;
  }
}
.spMenu{
	position:absolute;
	top:0; right:50%;
	display: none;
}
.spMenu::after{
	content:"MENU";
	font-size:1.8em;
	position:absolute;
	top:13px; right:-50px;
}
.spMenu::before{
	content:"";
	position: absolute;
	top:0; right:0; left:0; bottom:0;
	z-index:10000000;
}


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

2018  edit

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

.c-radiko{
  max-width: 920px;
  width: 80%;
  margin: 0 auto 15px;
  font-size: 1.3em;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  line-height: 1.5;
}

.c-radiko__textBox{
  text-align: left;
  margin-bottom: 10px;
}

.c-radiko__imgBox img{
/*  position: relative;*/
/*    top: 50%;*/
/*  transform: translateY(-50%);*/
  max-width: 175px;
  width: 100%;
  height: auto;
}