﻿/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {

#wrapper{
	min-width:320px;
}

/*------------------------------------------------------------------------------*/
/*mainimage*/
/*------------------------------------------------------------------------------*/
.mainimage01,.mainimage02,.mainimage03,.mainimage04,.mainimage07{ background:none;}


/*------------------------------------------------------------------------------*/
/*topics*/
/*------------------------------------------------------------------------------*/
#topics{
	position: static;
	background:none;
	line-height: auto; 
	margin: 20px auto 0;
	width: 94%;
}
#topics_in{
	width: 100%;
	text-align: left;
}
#topics h2{
	display: block;
	width: 100%;
	margin-right: 0;
	background: none; 
	font-size: 140%;
	color: #000;
	margin-bottom: 20px;
	line-height: 1;
	height: auto;
}
#topics h2 span{
	display: inline-block;
	padding-left: 20px;
	color: #999;
	font-size: 50%;
	vertical-align: middle;
}
#topics .ticker{
	float: none;
	width: 100%;
	position: static;
}
.ticker ul {
	position: static;
}
.ticker ul li {
	display: block;
	padding-bottom: 8px;
	margin-bottom: 8px;
	line-height: 1.5;
	border-bottom: 1px dotted #ddd;
}
.ticker ul li > span{
	display: block;
	margin-bottom: 5px;
}
.ticker li.rss_title span a span{
	display: inline;
}
#topics .ticker ul .rss_date{
	padding-right: 0;
}

.ticker ul li{
    position: static !important;
}






/*------------------------------------------------------------------------------*/
/*NEWS RELEASE area*/
/*------------------------------------------------------------------------------*/
#top_contents01{
	width: 94%;
	margin: 20px auto 25px;
}
#news{
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
#news h2{
	font-size: 140%;
	margin-bottom: 5px;
}
#news h2 span{
	padding-left: 15px;
	color: #999;
	font-size: 50%;
	vertical-align: middle;
}
#news p {
	position: static;
}
#news p a{
	background: url(../image/common/arr01@2x.gif) no-repeat 0 5px;
	background-size: 4px 8px;
}



#news dl{
	padding-bottom: 8px;
	margin-bottom: 8px;
}
#news .rss_date,#news .rss_title{
	width:100%;
	float:none;
}
#top_contents01_banner{
	float: none;
	width: 100%;
}
#top_contents01_banner li{
	width: 48%;
	margin: 1% 10px;
}
#top_contents01_banner li img{
	width: 100%;
	height: auto;
}

.slide-arrow{
	top: calc(50% - 15px);
	width: 30px;
}
.prev-arrow{
	left: -15px;
}
.next-arrow{
	right: -15px;
}




/*------------------------------------------------------------------------------*/
/*strength*/
/*------------------------------------------------------------------------------*/
#top_contents02{
	padding: 30px 0 20px;
}
#top_contents02_in{
	width: 100%;
}
.top_strength_item{
	padding: 0 30px;
}
.top_strength_item img{
	width: 100%;
	height: auto;
}


/*------------------------------------------------------------------------------*/
/*top_banner_l*/
/*------------------------------------------------------------------------------*/
#top_banner_l{
	width:94%;
	margin: 30px auto 20px;
}
#top_banner_l li{
	width: 100%;
	margin: 0 0 10px 0;
}
#top_banner_l li img{
	width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------*/
/*top_banner_l*/
/*------------------------------------------------------------------------------*/
#top_banner_s{
	background-image:none;
	padding: 30px 0;
}
#top_banner_s ul{width:100%;}
#top_banner_s ul li {
    margin: 0 1%;
    width: 48%;
    padding: 5px 0;
    background-color: #fff;
    margin-bottom: 15px;
}
#top_banner_s ul li a{
	width: 100%;
	min-height: 92px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../image/top_banner_ir@2x.jpg);
	background-size: 92px 92px;
}
#top_banner_s ul li:nth-child(2) a{	background-image: url(../image/top_banner_csr@2x.jpg);}
#top_banner_s ul li:nth-child(3) a{	background-image: url(../image/top_banner_recruit@2x.jpg);}
#top_banner_s ul li:nth-child(4) a{	background-image: url(../image/top_environment_fund_sp.png);}
#top_banner_s ul li.mtop{
	margin-top: 0;
}
#top_banner_s li img{
	display: none;
}


/*------------------------------------------------------------------------------*/
/*ラジオ*/
/*------------------------------------------------------------------------------*/

.top_contents_radio .inner_contents{
	width: 100%;
	margin: 0 auto;
	padding: 60px 20px 25px;
	}
	.top_contents_radio .inner_contents .img_hotdog {
	top: -47px;
	left: -31px;
}

	.top_contents_radio .radio_ttl{
		font-size: 22px;
	}
	.top_contents_radio .radio_ttl .orange{
		font-size: 25px;
	}
	.top_contents_radio .flexset{
		flex-wrap: wrap;
		justify-content: center;
	}
	.top_contents_radio .item_movie{
		width: 80%;
	}
	.top_contents_radio .item_movie h3{
		font-size: 18px;
	}
	
	.top_contents_radio .btn_packm{
		width: 100%;
		height: 60px;
	}





.tab_block{
	display: none;
}



.sp_block{
	display: block;
}


#top_banner_s ul li.blue a {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 14px;
    font-size: 16px;
    text-align: center;
    background:none;
}









/*------------------------------------------------------------------------------*/
}
