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

/*    CM・広告    */
/******************/
@media only screen and (max-width:767px) {
	div.header{height:4rem;}
	div.header img{display:none;}
	.img-responsive {margin: 0;}
}
@media only screen and (min-width:768px){
	.navbar-fixed-top,
	.navbar-fixed-bottom {position: fixed;}
	ul.in_navi li {float: left;width: 50%; padding: 0px;list-style: outside none none;}
	div.header{height:240px;margin:70px 0 0;}
	div.header img{width:100%;}
}
@media (min-width:960px) {
	.navbar-fixed-top,
	.navbar-fixed-bottom {position: fixed;}
	div.header {height:410px;margin-top:70px;}
	div.header img {width: 100%;}
	.page_content {margin-top: -20px;}
	.cmPc div{height:340px;}
}
h3 {
	font-size: 295%;
	font-weight: normal;
}
div.page_content h3 {
	font-size: 270%!important;
	font-weight: normal;
}
div.page_content h3.dis {
	font-size: 140%!important;
}
div.media h3 {
	color: #FFF;
	font-weight: normal;
	font-size: 300%;
}
div.movie h4 {
	color: #FFF;
	font-weight: normal;
	margin-bottom: 15px;
	font-size: 122%;
}
div.movie h4.mfr {
	margin-left: 13px;
}
div.media div.radio h4 {
	color: #caaf5e;
	font-size: 160%;
	font-weight: normal;
	padding-left: 8px;
	padding-bottom: 12px;
	border-bottom: solid 1px #caaf5e;
}
ul.in_navi li {
	width: 50%;
}
div.lity-iframe .lity-container {
	max-width: 680px;
}

div.media div.radio ul li a,
div.media div.radio ul li a:hover,
div.media div.radio ul li a:visited,
div.media div.radio ul span {
	color: #FFF;
}
div.media div.radio ul li {
	padding-bottom: 27px;
	padding-right: 0px;
}
div.media div.radio ul li a {
	font-size: 156%;
	margin-left: -7px;
}
div.media div.radio ul span {
	font-size: 170%;
	font-weight: bold;
}
div.media div.radio ul li {
	float: left;
}
div.media {
	background: #000 url(../../images/cm/footer_visual.png) no-repeat bottom;
	background-size: contain;
	padding-bottom: 20%;
	padding-top: 3%;
	margin-top: 0;
}
#c01,#c02 {
padding-top:120px;
margin-top:-120px
}

.svgTitle {
    height: 4.5rem;
}